@charset "utf-8";

@media all and (max-width:1800px){
    #contents > .wrap {width:100%; padding: 0 20px;}
    #contents .contents {width: 100%;}
}

@media all and (max-width:1520px){
    #contents .cs_lnb {width: 100%;}
    #contents .cs_lnb .cs_body > ul {gap: 40px;}
}

@media all and (max-width:1440px){
    #contents .contents .cs_body {padding: 40px 80px;}
}

@media all and (max-width:1280px){
    #contents .cs_lnb .cs_body > ul {gap: 20px;}
    #contents .cs_lnb .cs_body > ul > li > a {font-size: 16px;}
}

@media all and (max-width:1024px){
    #contents .contents {margin: 100px 0 60px;}
    #contents .contents .cs_body {padding: 30px;}
}

@media all and (max-width:768px){
    #contents .contents {margin: 80px 0 60px;}
} 

@media all and (max-width:480px){
    #contents .contents {margin: 30px 0 50px;}
}