/* 메인메뉴 */
#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:1px solid #eee; position:relative;margin:0;z-index:5;background-repeat:no-repeat;background-position:center top;width:100%;box-sizing:border-box;background-color:#FFF;padding:15px  0}
#gnb .logo {position: absolute; top:22px; }
#gnb img {border: 0; width:100%;padding-top: 0px;}
#gnb a{ display:inline-block}
#gnb a:hover{font-size:19px;color:#f28c27;text-decoration:none;letter-spacing:-1px}
#gnb .main-wrapper {max-width:1300px; margin:0 auto;}
#gnb .main{height:69px;background-repeat:no-repeat;background-position:center top; box-sizing:border-box;margin:0 auto; display:block}
#gnb .main li:first-child{
    margin-left: 28%; /* 여기에 바꾸면 #gnb .sub-set ul:first-child도 바꾸기 */
}
#gnb .main li:not(:first-child) {margin-left: 4.3%;}
#gnb .main li{float:left;line-height:68px; display:inline-block; text-align:center}
#gnb .main li a{display:block;width:100%;color:#000000;font-size:20px;font-weight:550;margin:0;padding:0; letter-spacing:-0.5px;}
#gnb .main li a:hover{color:#fd5f00; letter-spacing:-0.5px;}

#gnb .main li a img {margin-top: 15px;}
#gnb .main li.main_select {}
#gnb .mask {display:none;position:absolute;width:100%;height: 210px;margin-top: 15px;overflow:hidden;background-color:#f8f8f8;z-index:5;border-bottom: solid 3px #fd5f00}/* 메뉴다운공간*/
#gnb .mask .sub-set-wrapper {max-width:1300px; min-height:200px; margin:0 auto; position:relative; }
/* #gnb .mask .sub-set-wrapper {max-width:1400px; min-height:200px; margin:0 auto; position:relative; background-image: url(../img/menubar_bg.png); background-repeat:no-repeat; background-position:110px bottom} */

#gnb .sub-set{box-sizing:border-box;  margin:10px auto 0}
#gnb .sub-set ul {float: left;}
#gnb .sub-set ul:first-child{margin-left: 28%;}/* 여어어어기*/
#gnb .sub-set ul:not(:first-child) {margin-left: 4.3%;}
#gnb .sub-set ul:last-child{margin-left: 3.4%;}/* 여어어어기*/

#gnb .sub-set ul li{height:43px; display:block; text-align:center}
#gnb .sub-set ul li a{display:block;font-size:16px;color:#4d4d4d;line-height:35px;padding-top:2px;padding-bottom:2px;padding-left:0; letter-spacing:0}
#gnb .sub-set ul li a:hover::before{color:#f28c27; content:"ㆍ";font-size: 3em; /* 메뉴다운 메뉴 오버 동그라미*/
    position: absolute;margin-left: -30px;margin-top: 1px; }

#gnb .mask .sub-set ul { display:inline-block;  text-align:center}
#gnb .mask .sub-set .set1,
#gnb .mask .sub-set .set2,
#gnb .mask .sub-set .set3,
#gnb .mask .sub-set .set4,
#gnb .mask .sub-set .set6 {float: left; width:140px}
#gnb .mask .sub-set .set5 {float: left; width:156px; margin-left: 3.7%;}



#gnb .main .menu1,
#gnb .main .menu2,
#gnb .main .menu3,
#gnb .main .menu4,
#gnb .main .menu5,
#gnb .main .menu6 {
    width: 140px;
}


.scrolled #gnb { border-bottom:1px solid #eee} 

@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 .logo img { width:100%}
#gnb .mask { display:none}
}


@media screen and (max-width:500px) {
    #gnb .main li { display:none}
    #gnb .logo {position: absolute; top:28px; left:10px}
    #gnb .logo img { width:80%}
    #gnb .mask { display:none}
    }