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


/*  헤더  */
.nheader {position:relative; font-size:0; height:91px; z-index:10;}
.nheader h1 {margin:0; display:inline-block; padding:15px 0 0 16px; vertical-align:middle;}

.nheader .gnb {display:inline-block; vertical-align:middle; padding:38px 0 0 41px; 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; vertical-align:top; width:119px;}
.nheader .gnb > ul > li:nth-child(1) {width:133px;}
.nheader .gnb > ul > li:nth-child(4) {width:162px;}
.nheader .gnb > ul > li:after {content:''; display:inline-block; width:1px; height:9px; background:#acacac; position:absolute; top:4px; right:-1px;}
.nheader .gnb > ul > li:last-child:after {display:none;}
.nheader .gnb > ul > li > a {position:relative; display:block; font-size:16px; font-weight:700; color:#4e4e4e; padding:0 0 12.5px; text-align:center; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif; text-decoration:none;}
.msie11 .nheader .gnb > ul > li > a {font-weight:800;}
.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:28px; left:0; opacity:0; transition:all 0.3s ease; padding:0; background-color:#2e6ec3; padding:0 8px 0 13px;}
.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 7px}
.nheader .gnb > ul > li > ul > li > a {display:none; font-size:12px; font-weight:500; color:#fff; padding:2.5px 0 5.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 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 {}
.nheader .gnb > ul > li:hover > a {font-size:18px;}
.nheader .gnb > ul > li > ul.active > li > a {display:block;}
.nheader .gnb > ul > li > ul.active > li > a:hover {color:#99ff00;}
.nheader .gnb > ul > li > ul.active {opacity:1;}


.nheader .gnb > ul > li:nth-child(1) > ul {width:53px; left:31px;}

.nheader .gnb > ul > li:nth-child(2) > ul {width:164px; left:-30px;}
.msie11 .nheader .gnb > ul > li:nth-child(2) > ul {width:175px;}

.nheader .gnb > ul > li:nth-child(3) > ul {width:164px; left:-30px;}
.msie11 .nheader .gnb > ul > li:nth-child(3) > ul {width:180px;}


.nheader .gnb > ul > li:nth-child(4) > ul {width:95px; left:24px;}
.msie11 .nheader .gnb > ul > li:nth-child(4) > ul {width:100px; left:22px;}


.nheader .gnb > ul > li:nth-child(5) > ul {width:145px; left:-30px;}
.msie11 .nheader .gnb > ul > li:nth-child(5) > ul {width:156px;}


.nheader .util {position:absolute; top:11px; right:9px;}
.nheader .util ul {font-size:0;}
.nheader .util ul li {display:inline-block; vertical-align:middle; margin:0 8px;}
.nheader .util ul li a {font-size:9px; font-weight:600; color:#373737; letter-spacing:-1.2px; text-decoration:none;}


/*    메인비주얼    */
.mainvisual {position:relative; height:413px; background:url('/common/img/mainvisual.jpg')no-repeat;}
.mainvisual .slider {position:absolute; right:64px; bottom:11px; width:258px; height:186px; padding:0; overflow:hidden;}
.mainvisual .slider li {list-style:none;}