@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
.nheader .gnb ul li a {text-decoration:none !important;}


/*    메인비주얼    */
#main_img .visual {width:410px; height:646px; background:url('/common/img/img_visual.png')no-repeat center;}


.headerbox .nheader {height:114px;}
.headerbox .txtvisual {padding:0 0 0 63px;}



/*  헤더  */
.nheader {position:relative; font-size:0;}
.nheader h1 {margin:0; display:inline-block; vertical-align:middle; padding:7px 0 0;}
.nheader h1 a {display:block;}

.nheader .gnb {display:block; vertical-align:middle; width:100%; padding:0; box-sizing:border-box; margin:8px 0 0; height:32px; background:url('/common/img/gnb-bg.png')no-repeat left center;}
.nheader .gnb:after {display:block; content:''; clear:both;}
.nheader .gnb > ul {padding:0; font-size:0; padding:0 25px;}
.nheader .gnb > ul > li {position:relative; display:inline-block; padding:0 27px; vertical-align:top;}
.nheader .gnb > ul > li > a {position:relative; display:block; font-size:13px; font-weight:500; color:#000; padding:5.5px 0; text-align:center; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif; letter-spacing:-0.2px;}



.nheader .gnb > ul > li > ul {position:absolute; display:inline-block; top:30px; left:0; opacity:0; transition:all 0.3s ease; padding:0; background-color:#aebadc; border-radius:30px; padding:0 8px 0 13px; z-index:2;}
.nheader .gnb > ul > li > ul.active:after {content:''; display:inline-block; width:7px; height:4px; background-image:url('/common/img/gnb-arrow.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 {position:relative; display:inline-block; float:left; vertical-align:top; margin:0 11.5px;}
.nheader .gnb > ul > li > ul > li > a {position:relative; display:none; font-size:10px; font-weight:500; color:#fff; padding:4px 0; transition:all 0.3s ease; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif;}

.nheader .gnb > ul > li > ul > li a:after {content:''; display:inline-block; position:absolute; top:0; right:0; width:4px; height:10px; background:url('/common/img/gnb-slash.jpg')no-repeat center / cover; margin:7px -13px 0 0;}
.nheader .gnb > ul > li > ul > li:last-child a:after {display:none;}


.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 > ul.active > li > a {display:block;}
.nheader .gnb > ul > li > ul.active > li > a:hover {color:#233b80;}
.nheader .gnb > ul > li > ul.active {opacity:1;}



.nheader .gnb > ul > li:nth-child(1) > ul {width:266px; left:-12px;}
.msie11 .nheader .gnb > ul > li:nth-child(1) > ul {width:270px;}
.nheader .gnb > ul > li:nth-child(1) > ul.active:after {left:67px;}

.nheader .gnb > ul > li:nth-child(2) > ul {width:546px; left:-134px;}
.msie11 .nheader .gnb > ul > li:nth-child(2) > ul {width:556px;}
.nheader .gnb > ul > li:nth-child(2) > ul.active:after {left:192px;}

.nheader .gnb > ul > li:nth-child(3) > ul {width:246px; left:-63px;}
.msie11 .nheader .gnb > ul > li:nth-child(3) > ul {width:250px;}
.nheader .gnb > ul > li:nth-child(3) > ul.active:after {left:105px;}


.nheader .gnb > ul > li:nth-child(4) > ul {width:262px; left:-158px;}
.msie11 .nheader .gnb > ul > li:nth-child(4) > ul {width:270px;}
.nheader .gnb > ul > li:nth-child(4) > ul.active:after {left:215px;}



.nheader .etc {position:absolute; top:7px; right:0;}
.nheader .etc a {display:block; position:absolute; top:1px; right:0; background:transparent; height:15px;}
.nheader .etc a.link01 {width:40px; right:136px;} 
.nheader .etc a.link02 {width:65px; right:63px;} 
.nheader .etc a.link03 {width:50px; right:7px;} 


/*    서브 GNB     */
#sub_top.subheader {position:relative}
#sub_top.subheader .nheader {position:absolute; top:53px; right:0; width:821px;}
#sub_top.subheader .nheader .gnb {background:#e5e9f5 url('/common/img/gnb-bg.png')no-repeat left center;}



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