@charset "utf-8";

#gnb_layout .layout {padding: 0 0 0 570px;}
#gnb_layout .depth1_ul > li {max-width: 130px;}

@media (max-width: 1780px) {
    #gnb_layout .layout {padding: 0 0 0 465px;}
    #gnb_layout .depth1_ul > li {max-width: 120px;}
}

@media (max-width: 1620px) {
    #gnb_layout .layout {padding: 0 0 0 420px;}
    #gnb_layout .depth1_ul > li {max-width: 100px; min-width: 100px;}
    #gnb_layout .depth1_ul > li > a {padding: 0 5px;}
    #gnb_layout .depth1_ul > li > a span {font-size: 16px;}
    #gnb_layout .depth1_ul > li .depth2_ul > li > a {padding: 4px 5px;}
    #gnb_layout .depth1_ul > li .depth2_ul > li > a span {font-size: 15px;}
}

@media (max-width: 1480px) {
    #gnb_layout .layout {padding: 0;}
    #gnb_layout .depth1_ul > li {max-width: 210px; min-width: 110px;}
    #gnb_layout .depth1_ul > li > a {padding: 0 20px;}
    #gnb_layout .depth1_ul > li > a span {font-size: 18px;}
    #gnb_layout .depth1_ul > li .depth2_ul > li > a {padding: 4px 10px;}
    #gnb_layout .depth1_ul > li .depth2_ul > li > a span {font-size: 16px;}

    .right-section {padding: 0;}
}

@media (max-width: 1280px) {
    #gnb_layout .depth1_ul > li {min-width: 90px;}
}

@media (max-width: 1279px) {
    #gnb_layout .depth1_ul > li > a {padding: 0 15px;}
    #gnb_layout .depth1_ul > li > a span {font-size: 17px;}
}

@media (max-width: 1180px) {
    #gnb_layout .depth1_ul > li > a {padding: 0 10px;}
    #gnb_layout .depth1_ul > li > a span {font-size: 16px;}
    #gnb_layout .depth1_ul > li .depth2_ul > li > a span {font-size: 15px;}
}