@import url("https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css");

main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}

.nheader {position:relative; width:100%; height:32px; background:transparent; z-index:50; transition:all 0.3s ease;}
.nheader .gnb:after {display:block; content:''; clear:both;}
.nheader .gnb > ul {padding:0 50px; font-size:0;}
.nheader .gnb > ul > li {position:relative; display:inline-block; width:25%; vertical-align:top;}
.nheader .gnb > ul > li > a {position:relative; display:block; font-size:14px; font-weight:400; color:#fff; padding:6.5px 27px; letter-spacing:-0.5px; text-align:center; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif;}
.nheader .gnb > ul > li > ul {position:absolute; display:inline-block; top:31px; left:0; opacity:0; overflow:hidden; transition:all 0.3s ease;}
.nheader .gnb > ul > li:nth-child(1) > ul {width:630px;}
.nheader .gnb > ul > li:nth-child(2) > ul {width:846px;}
.nheader .gnb > ul > li:nth-child(3) > ul {width:680px; left:-120px}
.nheader .gnb > ul > li:nth-child(4) > ul {width:555px; left:-250px}
.nheader .gnb > ul > li:nth-child(5) > ul {width:220px;}
.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 20px}
.nheader .gnb > ul > li > ul > li > a {display:none; font-size:12px; font-weight:400; color:#3f3f3f; padding:3px 0; 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:1px; 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 {color:#fff; background:#036ca8;}
.nheader .gnb > ul > li > ul.active > li > a {display:block;}
.nheader .gnb > ul > li > ul.active {opacity:1;}
.nheader .gnb .gnb_bg.active {height:24px; opacity:1;}