@media screen and (max-width:1200px) {
    .show_1200 {display: block;}
    .hide_1200 {display: none;}
}

@media screen and (max-width:1080px) {
    .show_1080 {display: block;}
    .hide_1080 {display: none;}

}

@media screen and (max-width:720px) {
    .show_720 {display: block;}
    .hide_720 {display: none;}

    
    /**** 공통 ****/
    .container {width:100%; padding: 0 30px;}
    .pad_t_100 {padding-top: 10%;}
    .pad_b_100 {padding-bottom: 10%;}
    .pad_t_150 {padding-top: 15%;}
    .pad_b_150 {padding-bottom: 15%;}
    .mar_b_80 {margin-bottom: 8%}
    .mar_b_100 {margin-bottom: 10%}
    .mar_b_150 {margin-bottom: 15%}
    .mar_t_80 {margin-top: 8%}
    .mar_t_100 {margin-top: 10%}
    .mar_t_150 {margin-top: 15%}
    
    
}

@media screen and (max-width:480px) {
    .show_480 {display: block;}
    .hide_480 {display: none;}

}