@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");



.hdbox {position:relative; height:115px; background:url('/common/img/header-bg02.jpg')repeat-x; min-width:1200px;}
.hdbox .hdwrap {position:relative; width:1040px; height:115px; margin:0 auto; background:url('/common/img/inner-bg.jpg')}
.hdbox .hdwrap > a {display:block; position:absolute; background:transparent; opacity:0.7; height:15px; top:12px; z-index:2;}
.hdbox .hdwrap .logolink {width:135px; height:70px; top:0; left:35px;}
.hdbox .hdwrap .homelink {width:30px; right:233px;}
.hdbox .hdwrap .contactlink {width:60px; right:160px;}
.hdbox .hdwrap .sitemaplink {width:40px; right:105px;}
.hdbox .hdwrap .englink {width:52px; right:40px;}



.mainbg {position:relative; height:820px; background:url('/common/img/main-bg.jpg')no-repeat center; min-width:1200px;}






/*  헤더  */
.nheader {position:absolute; top:20px; left:230px; font-size:0;}

.nheader .gnb {display:inline-block; vertical-align:middle; padding:12px 0 0 145px; box-sizing:border-box;}
.nheader .gnb:after {display:block; content:''; clear:both;}
.nheader .gnb > ul {padding:0; font-size:0;}
.nheader .gnb > ul > li {position:relative; display:inline-block; padding:0 24px; vertical-align:top;}
/*
.nheader .gnb > ul > li:first-child {padding:0 24px 0 0;}
.nheader .gnb > ul > li:last-child {padding:0 0 0 24px;}
*/
.nheader .gnb > ul > li > a {position:relative; display:block; font-size:15px; font-weight:700; color:#6b6b6b; padding:12.5px 0 37.5px 6px; text-align:left; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif; line-height:1.2; text-decoration:none;}
.msie11 .nheader .gnb > ul > li > a {font-weight:900; letter-spacing:-1px;}
.nheader .gnb > ul > li > a > span {display:block; font-size:9px; font-weight:500; color:#2c2c2c; transform:scale(0.9); letter-spacing:-0.4px; margin:-1px 0 0 -7px;}
.nheader .gnb > ul > li:nth-child(2) > a > span {margin:-1px 0 0 -4px;}
.msie11 .nheader .gnb > ul > li > a > span {letter-spacing:0; transform:none; margin:-1px 0 0;}
.msie11 .nheader .gnb > ul > li:nth-child(2) > a > span {margin:-1px 0 0;}

.nheader .gnb > ul > li > ul {position:absolute; display:inline-block; top:55px; left:0; opacity:0; transition:all 0.3s ease; padding:0; padding:0 8px 0 13px; z-index:2;}

.nheader .gnb > ul > li > ul:after {display:block; content:''; clear:both;}
.nheader .gnb > ul > li > ul > li {position:relative; display:inline-block; float:left; vertical-align:top; margin:0 14px}
/*
.msie11 .nheader .gnb > ul > li > ul > li  {vertical-align:middle !important; height:100px; background:#f00;}
.msie11 .nheader .gnb > ul > li > ul > li:after {content:''; display:inline-block; vertical-align:middle; height:100%;}
*/
.nheader .gnb > ul > li > ul > li > a {position:relative; display:none; font-size:11px; font-weight:700; color:#fff; padding:0.5px 0 2.5px; transition:all 0.3s ease; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif; text-decoration:none;}
/*.msie11 .nheader .gnb > ul > li > ul > li > a {font-weight:600;}*/

.nheader .gnb > ul > li > ul > li > a:after {content:''; display:inline-block; width:2px; height:6px; background:url('/common/img/gnb-bg.png')no-repeat center / cover; position:absolute; top:0; right:0; margin:8px -16px 0 0;}
.nheader .gnb > ul > li > ul > li:last-child > a:after {display:none;}




.nheader .gnb > ul > li:hover {}
.nheader .gnb > ul > li:hover > a {color:#074e9e;}
.nheader .gnb > ul > li > ul.active > li > a {display:block;}
.nheader .gnb > ul > li > ul.active > li > a:hover {color:#7fe8ff;}
.nheader .gnb > ul > li > ul.active {opacity:1;}


.nheader .gnb > ul > li:nth-child(1) > ul {width:530px; left:4px;}
.msie11 .nheader .gnb > ul > li:nth-child(1) > ul {width:540px;}

.nheader .gnb > ul > li:nth-child(2) > ul {width:370px; left:-47px;}
.msie11 .nheader .gnb > ul > li:nth-child(2) > ul {width:390px;}

.nheader .gnb > ul > li:nth-child(3) > ul {width:80px; left:5px;}
.msie11 .nheader .gnb > ul > li:nth-child(3) > ul {width:90px; left:4px;}

.nheader .gnb > ul > li:nth-child(4) > ul {width:216px; left:-90px;}
.msie11 .nheader .gnb > ul > li:nth-child(4) > ul {width:228px;}

.nheader .gnb > ul > li:nth-child(5) > ul {width:216px; left:-95px;}
.msie11 .nheader .gnb > ul > li:nth-child(5) > ul {width:230px;}

.nheader .gnb > ul > li:nth-child(6) > ul {width:183px; left:-98px;}
.msie11 .nheader .gnb > ul > li:nth-child(6) > ul {width:200px;}




/*    서브비주얼    */
.subvisual {height:205px; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url('/common/img/subvisual.jpg'); min-width:1200px;}