/* web navigation */
/* gnb common */ 
#gnb .depth01 > ul > li { flex:auto; }
#gnb .depth01 > ul > li + li { margin-left:0.07rem;}
#gnb .depth01 > ul > li > a {font-size: 0.85rem;letter-spacing: -2px;} 
#gnb .depth01 > ul{ width: 150%; margin-left: -25%;}

/* gnb : oneDown */ 
#nav.oneDown .depth02{ width:150%; left:-25%; }
#nav.oneDown .depth01 > ul > li:nth-child(2) .depth02,
#nav.oneDown .depth01 > ul > li:nth-child(4) .depth02{ width:180%; left:-40%; }
#nav.oneDown .depth01 > ul > li:nth-child(8) .depth02{ width:200%; left:-50%; }
#nav.oneDown .depth01 > ul > li:nth-child(9) .depth02{ width:220%; left:-60%; }
#nav.oneDown .depth01 > ul > li:nth-child(10) .depth02, 
#nav.oneDown .depth01 > ul > li:nth-child(15) .depth02{ width:270%; left:-85%; }
#nav.oneDown .depth01 > ul > li:nth-child(17) .depth02{ width:230%; left:-65%; }

/* media query mobile */
@media (max-width: 1800px) {
    /* web navigation */
    /* gnb common */  
    #gnb .depth01 > ul > li > a {font-size: 0.8rem; } 
    #gnb .depth01 > ul{ width: 130%; margin-left: -15%;}
}
@media (max-width: 1550px) {
    /* web navigation */
    /* gnb common */  
    #gnb .depth01 > ul > li > a {font-size: 0.75rem; } 
    #gnb .depth01 > ul{ width: 110%; margin-left: -5%;}
}
@media (max-width: 1320px) {
    /* web navigation */
    /* gnb common */  
    #gnb .depth01 > ul > li > a {font-size: 0.7rem; } 
    #gnb .depth01 > ul{ width: 100%; margin-left: 0;}
}

@media (max-width: 1240px) {
}



@media (max-width: 1024px) {
}



@media (max-width: 768px) {
}



@media (max-width: 580px) {
}



@media (max-width: 480px) {
}



@media (max-width: 380px) {
}