@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

@font-face {
  font-family: NanumSquareWeb;
  src: local(NanumSquareR),
       local(NanumSquare),
       url(NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(NanumSquareR.woff) format('woff'),
       url(NanumSquareR.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
  unicode-range: U+0-10FFFF;
}
 

html, body {height:100%; background-color: #fff;}
body {font-family:"Nanum Gothic", "Malgun Gothic", "돋움", Dotum,Arial,sans-serif; font-weight:normal;font-size:0.813em;color:#4c4c4c;width: 100%; min-height: 100%; z-index: 1; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,blockquote,button,address {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
img,fieldset, img a {border:0;}
img {border:0}
img,input,select,textarea{vertical-align:middle;}
address,caption,em,strong,th,var,i {font-style:normal; font-weight:normal;}
ol, ul, dl {list-style:none;}
caption,th {text-align:left;}
header, footer, section, article, aside, nav { display: block; margin:0; }
caption,legend, caption, .blind {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
caption {position:static;}
hr{display:none}
a {outline:none; select-dummy; expression(this.hideFocus=true);}
a, a:link, a:visited, a:active {text-decoration: none;color: #4c4c4c;}
.up {text-transform: uppercase;}
.wrapper {width:980px; margin:0 auto}

/* layout */
#container{width:100%; min-width:980px;}
#header-container{position: relative; width:100%; height: 100px; background-color: #fff; z-index: 2}
#content-container{position: relative; width:100%;min-height: 600px;}
#footer-container{position: relative; width:100%; height:140px; border-top:1px solid #ccc;}

/* header */
header {position: relative; width:100%; height: 50px;}
/*header {position: absolute; width:100%; height: 50px;}*/
/*header div.wrapper div.header_top {position:relative; width:980px; height:50px;}*/
header div.wrapper div.header_top {position:absolute; width:980px; height: 100px;}
/*header div.wrapper div.header_top > ul {position: absolute; right:200px; margin-top:10px;}*/
header div.wrapper div.header_top > ul {position: absolute; right:0;margin-top:10px;}
header div.wrapper div.header_top > ul > li {display:inline; vertical-align:top; line-height:0px;}
header div.wrapper div.header_top > ul > li > span {margin:0 10px;}
/*header h1.logo {position:absolute; top:0; right:0; width:187px; height:100px; background:url("/images/logo.png") no-repeat; z-index: 3}*/
/*header h1.logo {position:absolute; top:0; right:0; width:293px;; height:100px; background:url("/images/logo_raon.png") no-repeat; z-index: 3}
header h1.logo {position:absolute; top:0; left:0; width: 383px; height:100px; background:url("/images/logo_raon_js.png") no-repeat; z-index: 3}*/
header h1.logo {position:absolute; top:0; left: 0px; width: 383px; height:50px; background:url("/images/logo_raon_js.png") no-repeat; z-index: 3}
/*header h1.logo > a {display:block; height:100px; text-indent: -9999em; }*/
header h1.logo > a {display:block; height:50px; text-indent: -9999em; }
nav.nav{position: relative; height:50px; top:0; background:url("/images/bg_mainnav.jpg") repeat-x;z-index: 2}
nav div.wrapper span.menu{display:none;text-transform:none}
nav div.wrapper ul{margin:0;padding:0;list-style-type:none}
nav div.wrapper ul li{float:left;}
nav div.wrapper ul li#mainNavHome {width:44px;}
nav div.wrapper ul li.gnb{width:180px; height:50px; background:url("/images/gnb_bar.png") no-repeat right top;}
nav div.wrapper ul li > a {display:block;line-height:50px;vertical-align:middle;text-align:center;text-decoration:none;color:#fff;font-size:1.25em;font-weight:900}
nav div.wrapper .navLevel2 a, nav div.wrapper .navProdLayer a{line-height:18px}
nav div.wrapper .navArrow{display:none;position:absolute;background:url("/images/icon/nav_arrow.png") no-repeat 0 0;width:32px;height:16px;z-index:9;margin-left:70px;}
nav div.wrapper .navLevel1 li:hover> ul{display:block}
nav div.wrapper .navLevel1 li:hover> .navProdLayer{display:block}
nav div.wrapper .navLevel1 li:hover> .navArrow{display:block}
nav div.wrapper li:hover > a,
nav div.wrapper li.active > a{color:#fc0}
nav div.wrapper li:hover>.navLevel2 a{text-decoration:none;color:#4c4c4c}
nav div.wrapper .navLevel1{position:relative;display:block}
nav div.wrapper .navLevel2 {position:absolute;border:1px solid #808080;background-color:#e5e5e5;top:50px;left:0px;display:none;width:761px}
nav div.wrapper .navProdLayer{position:absolute;border:1px solid #808080;background-color:#e5e5e5;top:50px;left:0px;display:none;width:711px}
nav div.wrapper .navProdLayer{padding:25px 25px;}
nav div.wrapper .navLevel2 li{width:175px;height:175px;float:left;font-size:1.0em; font-weight:bold; }
nav div.wrapper .navLevel2 a{display:block;width:100%;height:100%;margin:auto auto;text-align:center;position:relative;padding:0 8px 0;background-repeat:no-repeat}
nav div.wrapper .navLevel2 li{border-right:1px solid #ccc;border-bottom:1px solid #ccc}
nav div.wrapper .navLevel2 span{padding-top:72%;position:relative;text-transform:uppercase;display:block}
nav div.wrapper .navLevel2 .navIc2_1 {background-image: url("/images/icon/img_icon_software_yellow.png") !important;background-position:center;}
nav div.wrapper .navLevel2 .navIc2_1:hover,.navIc3_1.activeactive {background-image: url("/images/icon/img_icon_software.png") !important;background-position:center;}
nav div.wrapper .navLevel2 .navIc3_1 {background-image: url("/images/icon/email_160x160_yellow.png") !important;background-position:center;}
nav div.wrapper .navLevel2 .navIc3_1:hover,.navIc3_1.activeactive {background-image: url("/images/icon/email_160x160.png") !important;background-position:center;}
nav div.wrapper .navLevel2 .navIc3_2 {background-image: url("/images/icon/press_releases_160x160_yellow.png") !important;background-position:center;}
nav div.wrapper .navLevel2 .navIc3_2:hover,.navIc3_1.activeactive {background-image: url("/images/icon/press_releases_160x160.png") !important;background-position:center;}

nav div.wrapper .navLevel2 .navIc4_1 {background-image: url("/images/icon/greeting_160x160_yellow.png") !important;background-position:center;}
nav div.wrapper .navLevel2 .navIc4_1:hover,.navIc4_1.activeactive {background-image: url("/images/icon/greeting_160x160.png") !important;background-position:center;}

nav div.wrapper .navLevel2 .navIc4_2 {background-image: url("/images/icon/about_160x160_yellow.png") !important;background-position:center;}
nav div.wrapper .navLevel2 .navIc4_2:hover,.navIc4_2.activeactive {background-image: url("/images/icon/about_160x160.png") !important;background-position:center;}

nav div.wrapper .navLevel2 .navIc4_3 {background-image: url("/images/icon/partner_160x160_yellow.png") !important;background-position:center;}
nav div.wrapper .navLevel2 .navIc4_3:hover,.navIc4_3.activeactive {background-image: url("/images/icon/partner_160x160.png") !important;background-position:center;}

nav div.wrapper .navLevel2 .navIc4_4 {background-image: url("/images/icon/locations_160x160_yellow.png") !important;background-position:center;}
nav div.wrapper .navLevel2 .navIc4_4:hover,.navIc4_4.activeactive {background-image: url("/images/icon/locations_160x160.png") !important;background-position:center;}

nav div.wrapper .navProdInclude{float:left;padding-left:10px}
nav div.wrapper .navProdInclude > h4 {font-size:1.25em; font-weight:bold; margin-bottom:.5em; text-transform: uppercase;}
nav div.wrapper .navProdLayer .navLevel2p{width:253px;position:relative}
nav div.wrapper .navProdLayer .navLevel2p li{float:none;padding:9px;}
nav div.wrapper .navProdLayer .navLevel3p li{padding:6px 0}
nav div.wrapper .navProdLayer .navLevel2p li:hover{background-color:#fff}
nav div.wrapper .navProdLayer .navLevel2p li:hover > .navLevel3p{display:block}
nav div.wrapper .navProdLayer .navLevel3p{overflow-y:auto;display:none;z-index:3;width:250px;height:100%;position:absolute;left:250px;top:0;background-color:#fff;padding:15px 20px 0}
nav div.wrapper .navProdLayer .navProdInclude li:hover>a,li.active>a{color:#fc0}
nav div.wrapper .navProdLayer .navProdInclude .navLevel2p a{color:#4c4c4c;text-align:left;padding:0;font-size:1.125em;;font-weight:bold; text-transform: uppercase;}
nav div.wrapper .navProdLayer .navProdInclude .navLevel3p a{font-size:1em;text-transform:none; }

/* footer */
footer {width:980px; margin:0 auto;}
footer address {position:relative; float:left; width:980px; height:140px; padding-top:20px;}
footer address > p {line-height:1.5em; font-size:13px;}
footer address > p.support {color:#303235; font-size:1.1em; vertical-align:middle; font-weight:bold; padding-bottom:10px;}
footer address > p.support span.tel {color:#2683c4; font-size:1.1em; vertical-align:baseline; font-weight:bold; padding-right:5px;}