/* 메인메뉴 */
#category-wrap{width:100%;clear:both;background-attachment:scroll;position:relative;z-index:3}
#gnb h2 {display:none;}
#gnb * {padding: 0;list-style: none;}
#gnb { position:relative;margin:0;z-index:5;background-repeat:no-repeat;background-position:center top;width:100%;box-sizing:border-box;background-color:#FFF;}
#gnb .logo {height: 80px; line-height: 80px;}
#gnb img {border: 0; width:100%}
#gnb a{ display:inline-block}

#gnb .main-wrapper {display: flex; margin:0 auto; overflow:hidden; height:80px; max-width:1440px; padding: 0 20px; justify-content: space-between;}
#gnb .main{ height:68px;background-repeat:no-repeat;background-position:center top; box-sizing:border-box; display:block; height: 400px;  max-width:1200px;}
#gnb .main > li{float:left;line-height:80px; display:inline-block; text-align:center}
#gnb .main > li > a{display:block;width:100%;color:#000;font-size:18px;font-weight:600;margin:0;padding:0; letter-spacing:-0.5px }
#gnb .main > li > a:hover { color:#0099ff}




#gnb .main > li > ul {height:311px; padding:20px 0;  margin-left: -1px; }





.gnb_bg {width:100%;position:absolute;top:88px; left:0;}

#gnb .main-wrapper:hover .gnb_bg {	border-top:1px solid #ddd; display: flex;}


#gnb .main-wrapper .navi_bg  {background-image: url(../img/menubar_bg.png); background-repeat:no-repeat; background-position:bottom left;  width:288px; height:224px; float:left; margin-top:178px;}

#gnb .main-wrapper .gnb_bg {border-top:1px solid #ddd;}



#gnb .main > li > ul > li {line-height:40px;}
#gnb .main > li > ul > li a { font-size:15px; letter-spacing:-0.2px; color:#fff}

#gnb .main li a img {margin-top: 15px;}
#gnb .main li.main_select {}
#gnb .mask {position:absolute;width:100%;height:400px;overflow:hidden;background-color:#FFF;z-index:5;}
#gnb .mask .sub-set-wrapper {max-width:1200px; min-height:400px; margin:0 auto; position:relative; background-image: url(../img/menubar_bg.png); background-repeat:no-repeat; background-position:110px bottom}

#gnb .sub-set{ float:right; box-sizing:border-box;  margin:10px auto 0}
#gnb .sub-set ul {float: left;}
#gnb .sub-set ul li{height:26px; display:block; text-align:center;}
#gnb .sub-set ul li a{display:block;font-size:13px;color:#555;line-height:30px;padding-top:2px;padding-bottom:2px;padding-left:0; letter-spacing:0}
#gnb .sub-set ul li a:hover{color:#9b8265; letter-spacing:0px}

#gnb .mask .sub-set ul { display:inline-block;  text-align:center; height:400px;}
#gnb .mask .sub-set ul:hover { background-color:#09F}
#gnb .mask .sub-set .set1 {float: left; width:157px}
#gnb .mask .sub-set .set2 {float: left; width:157px}
#gnb .mask .sub-set .set3 {float: left; width:157px}
#gnb .mask .sub-set .set4 {float: left; width:157px}
#gnb .mask .sub-set .set5 {float: left; width:157px}


#gnb .main .menu1 { width:140px}
#gnb .main .menu2 { width:190px}
#gnb .main .menu3 { width:150px}
#gnb .main .menu4 { width:215px}
#gnb .main .menu5 { width:155px}


/* 마우스 오버 */
#header_wrap.ck {background: #001a25b0;}
.ck #gnb {}
.ck #gnb #header_wrap {background-color: unset;}
.ck #gnb {background: unset;}
.ck #gnb {background-color: unset;}
.ck #gnb .main > li > a {color: #fff;}
.ck .hd_login a {color: #fff;}
/* 마우스 오버 */



/* 서브페이지 */
#header_wrap.sub {background: unset; transition: 0.5s;}
#header_wrap.sub:hover {background: #001a25b0}
.sub #gnb {}
.sub #gnb #header_wrap {background-color: unset;}
.sub .hd_login a {color: #fff;}
#open-button.off .navicon-line {background-color: #000;}
#open-button.on .navicon-line {background-color: #fff;}
.scrolled #open-button.off .navicon-line {background-color: #000;}
.scrolled #open-button.on .navicon-line {background-color: #fff;}
/* 서브페이지 */


/* 서브페이지 스크롤 */
.scrolled #header_wrap.sub {background: #001a25b0}
.scrolled .sub #gnb {}







@media screen and (max-width:1200px) {

#gnb .main { padding-right:2%}
#gnb .sub-set { padding-right:2%}
}

@media screen and (max-width:1100px) {
    #gnb .main-wrapper {height: 70px;}
    #gnb .logo {height: 70px; line-height: 70px;}
#gnb .main li { display:none}
#gnb .mask { display:none}
#gnb img {width:80%}
}