/* 메인메뉴 */
#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:10px  0}
#gnb .logo {position: absolute; top:12px; }
#gnb img {border: 0; width:100%}
#gnb a{ display:inline-block}
#gnb a:hover{font-size:19px;color:#2253b8;text-decoration:none;letter-spacing:-1px}
#gnb .main-wrapper {max-width:1400px; 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{float:left;line-height:68px; display:inline-block; text-align:center}
#gnb .main li a{display:block;width:100%;color:#333;font-size:20px;font-weight:500;margin:0;padding:0; letter-spacing:-1.2px }
#gnb .main li a:hover{color:#000; letter-spacing:-0.5px; font-weight:bold}

#gnb .main li a img {margin-top: 15px;}
#gnb .main li.main_select {}
#gnb .mask {position:absolute;width:100%;height:200px;overflow:hidden;background-color:#fff;z-index:5;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ddd;
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23a2d9ff' fill-opacity='1' d='M0,0L288,32L576,224L864,288L1152,256L1440,288L1440,320L1152,320L864,320L576,320L288,320L0,320Z'%3E%3C/path%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23f3f4f5' fill-opacity='1' d='M0,32L288,0L576,256L864,192L1152,64L1440,256L1440,320L1152,320L864,320L576,320L288,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;background-position-y: 40px;}

    /* #gnb .mask1 {width:100%;height:200px;z-index:6;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23a2d9ff' fill-opacity='1' d='M0,0L288,32L576,224L864,288L1152,256L1440,288L1440,320L1152,320L864,320L576,320L288,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;background-position-y: 20px;} */
#gnb .mask .sub-set-wrapper {max-width:1400px; min-height:200px; margin:0 auto; position:relative; background-image: url(); 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:16px;color:#555;line-height:30px;padding-top:2px;padding-bottom:2px;padding-left:0; letter-spacing:-0.6px}
#gnb .sub-set ul li a:hover{color:#2253b8; letter-spacing:0px}

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



#gnb .main .menu1 { width:140px}
#gnb .main .menu2 { width:140px}
#gnb .main .menu3 { width:140px}
#gnb .main .menu4 { width:140px}
#gnb .main .menu5 { 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:70%}
#gnb .mask { display:none}
}