/* 메인메뉴 */
#category-wrap{width:100%;clear:both;background-attachment:scroll;position:relative;z-index:3}
#gnb h2 {display:none;}
#gnb * {margin: 0;padding: 0;list-style: none;}
#gnb { border-top:3px solid #f4871c; 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 {position: absolute; top:28px;left:50px; }
#gnb img {border: 0; width:100%}
#gnb a{ display:inline-block}

#gnb .main-wrapper {margin:0 auto; overflow:hidden; height:89px; max-width:95%; }
#gnb .main{ height:68px;background-repeat:no-repeat;background-position:center top; box-sizing:border-box;margin:0 auto; display:block; height: 200px;  max-width:1200px;}
#gnb .main > li{float:left;line-height:89px; display:inline-block; text-align:center}
#gnb .main > li > a{display:block;width:100%;color:#333;font-size:17px;font-weight:400;margin:0;padding:0; letter-spacing:-0.5px }
#gnb .main > li > a:hover { color:#f4871c}




#gnb .main > li > ul {height:150px; background-color: #fff; padding:20px 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  margin-left: -1px; }
#gnb .main > li:hover > ul {background-color:#f4871c;}
#gnb .main > li:hover > ul li a { color:#fff; opacity:0.9}
#gnb .main > li:hover > ul li a:hover { opacity:1}


#gnb .main > li:hover > a, #gnb .main > li.on > a { color:#f4871c; }




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

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


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

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



#gnb .main > li > ul > li {line-height:30px;}
#gnb .main > li > ul > li a { font-size:13px; letter-spacing:-0.2px; color:#555}

#gnb .main li a img {margin-top: 15px;}
#gnb .main li.main_select {}
#gnb .mask {position:absolute;width:100%;height:150px;overflow:hidden;background-color:#FFF;z-index:5;}
#gnb .mask .sub-set-wrapper {max-width:1200px; min-height:10px; margin:0 auto; position:relative; /*background-image: url(../img/menubar_bg.png); */background-repeat:no-repeat; background-position:0px 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:16px;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:10px;}
#gnb .mask .sub-set ul:hover { background-color:#f4871c}
#gnb .mask .sub-set .set1 {float: left; width:152px}
#gnb .mask .sub-set .set2 {float: left; width:152px}
#gnb .mask .sub-set .set3 {float: left; width:152px}
#gnb .mask .sub-set .set4 {float: left; width:152px}
#gnb .mask .sub-set .set5 {float: left; width:152px}
#gnb .mask .sub-set .set6 {float: left; width:152px}

#gnb .main .menu1 { width:152px}
#gnb .main .menu2 { width:152px}
#gnb .main .menu3 { width:152px}
#gnb .main .menu4 { width:152px}
#gnb .main .menu5 { width:152px}
#gnb .main .menu6 { width:152px}


@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 li { display:none}
#gnb .logo {position: absolute; top:28px; left:10px}
#gnb .mask { display:none}
}