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


/*  헤더  */
#header {position:relative;}


.nheader {position:absolute; top:34px; left:78px; font-size:0; z-index:1;}
.nheader h1 {margin:0; display:inline-block; vertical-align:middle; width:190px;}

.nheader .gnb {display:inline-block; vertical-align:middle; padding:0 0 0 47px; box-sizing:border-box; margin:-16px 0 0;}
.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 9px; vertical-align:top;}
.nheader .gnb > ul > li:first-child {padding:0 9px 0 0;}
.nheader .gnb > ul > li:last-child {padding:0 0 0 9px;}
.nheader .gnb > ul > li > a {position:relative; display:block; font-size:14px; font-weight:700; color:#164457; padding:12.5px 0 14.5px; text-align:center; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif;}
.nheader .gnb > ul > li > a > span {display:block; font-size:7px; color:#808080; transform:scale(0.8);}
.nheader .gnb > ul > li > ul {position:absolute; display:inline-block; top:29px; left:0; opacity:0; transition:all 0.3s ease; padding:0; background-color:#166985; padding:0 8px;}
.nheader .gnb > ul > li > ul.active:after {content:''; display:inline-block; width:10px; height:4px; background-image:url('/common/img/gnb-bg.png'); background-repeat:no-repeat; position:absolute; top:-4px;}
.nheader .gnb > ul > li > ul:after {display:block; content:''; clear:both;}
.nheader .gnb > ul > li > ul > li {display:inline-block; float:left; vertical-align:top; margin:0 8px}
.nheader .gnb > ul > li > ul > li > a {display:none; font-size:11px; font-weight:700; color:#bed9e0; padding:1.5px 0 2.5px; transition:all 0.3s ease; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif;}
.nheader .gnb > ul > li > ul > li > a span {font-size:10px; margin:0 2px 0 0; vertical-align:top;}
.nheader .gnb .gnb_bg {position:absolute; top:31px; left:0; right:0; width:100%; height:0; background:#d2e3fd; opacity:0; transition:all 0.3s ease; z-index:-1;}
.nheader .gnb > ul > li:hover ul {top:39px;}
.nheader .gnb > ul > li:hover > a {color:#000;}
.nheader .gnb > ul > li > ul.active > li > a {display:block;}
.nheader .gnb > ul > li > ul.active {opacity:1;}





.nheader .gnb > ul > li:nth-child(1) > ul {width:182px; left:-5px;}
.msie11 .nheader .gnb > ul > li:nth-child(1) > ul {width:195px;}

.nheader .gnb > ul > li:nth-child(2) > ul {width:57px; left:0;}
.msie11 .nheader .gnb > ul > li:nth-child(2) > ul {width:60px;}

.nheader .gnb > ul > li:nth-child(3) > ul {width:305px; left:0;}
.msie11 .nheader .gnb > ul > li:nth-child(3) > ul {width:320px;}


.nheader .gnb > ul > li:nth-child(7) > ul {width:57px; left:0;}
.msie11 .nheader .gnb > ul > li:nth-child(7) > ul {width:60px;}





/*    메인비주얼    */
.mvs {position:relative; width:1000px; height:448px;}



/*    메인배너    */
.bannerbox {width:1000px; height:102px; padding:0 28px 0 22px;}
.bannerbox a {display:block;}



/*    서브비주얼    */
.subvisual {height:230px; background:url('/common/img/subvisual.png')no-repeat center;}