@charset "UTF-8";
/*
미디어쿼리를 사용시 깜박이는 이슈를 해결하기 위함
모바일 / 모바일과 PC / PC와 PC 메인 / PC 메인 4개로 구분
각 구분에서 block / inline-block / flex / grid 로 나누어서 구분

.hide, .hide-main과의 우선순위를 위해 default.css보다 먼저 불러들인다
*/

/*************** MOBILE Sub ***************/
.under-1200 {display:block!important;}
.under-1200-inline {display:inline-block!important;}
.under-1200-flex {display:flex!important;}
.under-1200-grid {display:grid!important;}

@media all and (min-width: 1200px){
    .under-1200,
    .under-1200-inline,
    .under-1200-flex,
    .under-1200-grid {display:none!important;}
}


/*************** PC Sub ***************/
.over-1200,
.over-1200-inline,
.over-1200-flex,
.over-1200-grid {display:none!important;}

@media all and (min-width: 1200px){
    .over-1200 {display:block!important;}
    .over-1200-inline {display:inline-block!important;}
    .over-1200-flex {display:flex!important;}
    .over-1200-grid {display:grid!important;}
}


/*************** MOBILE Main ***************/
.under-1310 {display:block!important;}
.under-1310-inline {display:inline-block!important;}
.under-1310-flex {display:flex!important;}
.under-1310-grid {display:grid!important;}

@media all and (min-width: 1310px){
    .under-1310,
    .under-1310-inline,
    .under-1310-flex,
    .under-1310-grid {display:none!important;}
}


/*************** PC Main ***************/
.over-1310,
.over-1310-inline,
.over-1310-flex,
.over-1310-grid {display:none!important;}

@media all and (min-width: 1310px){
    .over-1310 {display:block!important;}
    .over-1310-inline {display:inline-block!important;}
    .over-1310-flex {display:flex!important;}
    .over-1310-grid {display:grid!important;}
}


/*************** MOBILE HeaderFooter ***************/
.under-1720 {display:block!important;}
.under-1720-inline {display:inline-block!important;}
.under-1720-flex {display:flex!important;}
.under-1720-grid {display:grid!important;}

@media all and (min-width: 1720px){
    .under-1720,
    .under-1720-inline,
    .under-1720-flex,
    .under-1720-grid {display:none!important;}
}


/*************** PC HeaderFooter ***************/
.over-1720,
.over-1720-inline,
.over-1720-flex,
.over-1720-grid {display:none!important;}

@media all and (min-width: 1720px){
    .over-1720 {display:block!important;}
    .over-1720-inline {display:inline-block!important;}
    .over-1720-flex {display:flex!important;}
    .over-1720-grid {display:grid!important;}
}