@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;}

.header {position:relative; height:100px;}
.headerlogo {margin:0; display:inline-block; padding:21px 0 0 12px;}
.nheader {position:absolute; top:26px; left:inherit; right:0; width:670px;height:71px; background:transparent; z-index:50; transition:all 0.3s ease;}
.nheader .gnb:after {display:block; content:''; clear:both;}
.nheader .gnb > ul {padding:0 20px; font-size:0; text-align:right;}
.nheader .gnb > ul > li {position:relative; display:inline-block; width:19%; vertical-align:top;}
.nheader .gnb > ul > li > a {position:relative; display:inline-block; font-size:15px; font-weight:800; color:#464646; padding:13.5px 0; letter-spacing:-0.5px; text-align:center; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif; letter-spacing:-1px;}
.nheader .gnb > ul > li > ul {position:absolute; display:inline-block; top:49px; left:0; opacity:0; overflow:hidden; transition:all 0.3s ease; padding:0; transform: translateY(-21px);}
.nheader .gnb > ul > li:nth-child(1) > ul {width:600px; left:-138px;}
.nheader .gnb > ul > li:nth-child(2) > ul {width:430px; left:-99px;}
.nheader .gnb > ul > li:nth-child(3) > ul {width:130px; left:50px;}
.nheader .gnb > ul > li:nth-child(4) > ul {width:285px; left:-34px;}
.nheader .gnb > ul > li:nth-child(5) > ul {width:151px; left:inherit; right:-63px;}
.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:#b7bede; padding:3px 0; 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:#32529d; text-decoration:none;}
.nheader .gnb > ul > li > a.active {color:#32529d;}
.nheader .gnb > ul > li > ul.active > li > a {display:block; text-decoration:none;}
.nheader .gnb > ul > li > ul.active > li > a:hover {color:#fff; font-weight:500;}
.nheader .gnb > ul > li > ul.active {opacity:1; transform:translateY(-1px);}
.nheader .gnb .gnb_bg.active {height:24px; opacity:1;}

.header .etc {position:absolute; top:7px; left:inherit; right:20px; margin:0;}
.header .etc li {display:inline-block; vertical-align:middle; padding:0 10px; position:relative;}
.header .etc li:last-child {padding:0 0 0 10px;}
.header .etc li:after {content:'ㆍ'; display:inline-block; position:absolute; top:50%; left:inherit; right:-6px; transform:translate(0,-50%);}
.header .etc li:last-child:after {display:none;}
.header .etc li a {font-size:7px; font-weight:700; color:#515151; letter-spacing:-0.5px; }



.visualbox {width:100%; height:510px; position:relative;}
.visualbox .mainban {position:absolute; top:170px; left:0;}
.visualbox .mainban li {display:inline-block; vertical-align:top;}
.visualbox .notb {position:absolute; top:inherit; bottom:108px; left:40px; height:84px; overflow:hidden;}
.visualbox .notb #menu1, .visualbox .notb #menu2 {height:60px; overflow:hidden;}

.visualbox .btnbox {position:absolute; top:inherit; left:44px; bottom:28px;}
.visualbox .btnbox .mainbtn {display:inline-block; width:105px; height:51px; margin:0 0 0 7px;}