/*---------------------------------------------------------- COMMON -------------------------------------------------------*/
body{line-height:1;font-size:18px;color:#181818;font-family: 'Pretendard Variable', sans-serif;font-weight:400;}
body *{box-sizing:border-box;letter-spacing:-0.06em;}
html.modal,body.modal{width:100%;height:100%;overflow:hidden !important; touch-action:none;/*min-height:100vh;min-height: -webkit-fill-available;*/}
#wrap{width:100%;overflow:hidden;}
.row_con{width:1300px;margin:0 auto;position:relative;}
.row_con2{width:1120px;margin:0 auto;position:relative;}
.row_con3{width:1200px;margin:0 auto;position:relative;}
.row_con4{width:1500px;margin:0 auto;position:relative;}
.flex_box{display:flex;}
.only_m{display:none;}
.only_pc{display:block;}
.view_1200{display:none;}
.hide_1200{display:block;}

.slick-slide,.slick-arrow,.slick-dots li,.slick-dots li button{cursor:pointer;outline:none;}

/*---------------------------------------------------------- HEADER -------------------------------------------------------*/


/*---------------------------------------------------------- MAIN -------------------------------------------------------*/


/*---------------------------------------------------------- FOOTER -------------------------------------------------------*/

/*---------------------------------------------------------- 애니메이션_공통 -------------------------------------------------------*/
.ani_item{opacity:0;transition:all .3s;}
/*.ani_box.ani_start .ani_item{opacity:1;}*/


@media all and (max-width:1500px){
.row_con4{width:1300px}

}/*1200*/

/*---------------------------------------------------------- media 1200 -------------------------------------------------------*/

@media all and (max-width:1300px){
.row_con, .row_con4{width:800px}

.view_1200{display:block;}
.hide_1200{display:none;}

}/*1200*/

/*---------------------------------------------------------- media 800 -------------------------------------------------------*/
@media all and (max-width:800px){
body{font-size:3vw;}
.row_con, .row_con4{width:95%;}
.row_con3{width:95%;}
.only_m{display:block;}
.only_pc{display:none;}
}/*800*/