/* 메인메뉴 */
#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 #ddd; 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 {}
#gnb img {border: 0; width:100%}
#gnb a{ display:inline-block}

#gnb .main-wrapper {max-width:1400px; margin:0 auto; display: flex;align-items: center;}
#gnb .main{height: 90px; background-repeat: no-repeat; background-position: center top; box-sizing: border-box; margin: 0 0 0 auto; display: block; padding-right: 50px;}
#gnb .main li{float:left;line-height:90px; display:inline-block; text-align:center}
#gnb .main li a{display:block;width:100%;color:#333;font-size:18px;font-weight:500;margin:0; letter-spacing:-0.5px;}
#gnb .main li a:hover{color:#000; letter-spacing:-0.5px }


#gnb .main li.main_select {}
#gnb .mask {position:absolute;width:100%; overflow:hidden;background-color:#eee;z-index:5;}
#gnb .mask .sub-set-wrapper {max-width:1400px; margin:0 auto; position:relative; background-repeat:no-repeat; background-position:110px bottom}

#gnb .sub-set{ float:right; box-sizing:border-box;  margin:0 auto; width: 100%;}
#gnb .sub-set ul {float: left;}
#gnb .sub-set ul li{padding: 5px; width: 14.28%; display:block; text-align:center}
#gnb .sub-set ul li a{display:inline-grid;font-size:15px;color:#333;padding: 10px; letter-spacing:0;justify-items: center;}
#gnb .sub-set ul li a:hover{color:#000; letter-spacing:0px}
#gnb .sub-set ul li img {margin-bottom: 10px;}

#gnb .mask .sub-set ul { display:inline-block;  text-align:center}
#gnb .mask .sub-set .set1 {float: left; width:100%; display: none; padding: 40px 0;}
#gnb .mask .sub-set .set1 img { width: 90px; height: 30px; padding: 20px;}
#gnb .mask .sub-set .set1 .menu_img1 {background: url(../img/logo1010.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set1 .menu_img2 {background: url(../img/logo1020.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set1 .menu_img3 {background: url(../img/logo1030.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set1 .menu_img4 {background: url(../img/logo1040.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set1 .menu_img5 {background: url(../img/logo1050.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set1 .menu_img6 {background: url(../img/logo1060.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set1 .menu_img7 {background: url(../img/logo1070.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set1 .menu_img8 {background: url(../img/logo1080.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set1 .menu_img9 {background: url(../img/logo1090.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set1 .menu_img10 {background: url(../img/logo10b0.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set1 .menu_img11 {background: url(../img/logo10c0.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set1 .menu_img12 {background: url(../img/logo10d0.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set1 .menu_img13 {background: url(../img/logo10e0.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set1 .menu_img14 {background: url(../img/logo10f0.png) no-repeat center; background-size: contain;}


#gnb .mask .sub-set .set2 {float: left; width:100%; display: none; padding: 40px 0;}
#gnb .mask .sub-set .set2 img { width: 40px; height: 40px; padding: 20px;}
#gnb .mask .sub-set .set2 .menu_img1 {background: url(../img/logo2010.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set2 .menu_img2 {background: url(../img/logo2020.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set2 .menu_img3 {background: url(../img/logo2030.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set2 .menu_img4 {background: url(../img/logo2040.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set2 .menu_img5 {background: url(../img/logo2050.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set2 .menu_img6 {background: url(../img/logo2060.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set2 .menu_img7 {background: url(../img/logo2070.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set2 .menu_img8 {background: url(../img/logo2080.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set2 .menu_img9 {background: url(../img/logo2090.png) no-repeat center; background-size: contain;}
#gnb .mask .sub-set .set2 .menu_img10 {background: url(../img/logo20a0.png) no-repeat center; background-size: contain;}


#gnb .mask .sub-set .set3 {float: left; width:100%; display: none;}
#gnb .mask .sub-set .set4 {float: left; width:100%; display: none; padding: 40px 0;}
#gnb .mask .sub-set .set5 {float: left; width:100%; display: none;}



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


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

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

}

@media screen and (max-width:1100px) {
#gnb img {width: 85%;}
#gnb .main li { display:none}
#gnb .logo {position: absolute; top:20px; left:10px}
#gnb .mask { display:none}
#gnb .main-wrapper {margin: 0 80px;}
}

@media screen and (max-width:640px) {
.hd_sch_wr {display: none;}
}