@charset "utf-8";
/**************************************** 작은 모니터, 노트북 ****************************************/

@media screen and (max-width: 1200px){
    /********** 공통사항 **********/
    .inner{width:calc(100dvw - 120px);}

    /**************************
    ** header
    **************************/

    /**************************
    ** index
    **************************/
    /** mainBanner **/
    .mainBanner {background:url('/img/mainBanner-t.jpg'); background-position:center; background-size:cover;}
    /** about **/
    .aboputCnts {grid-template-columns:repeat(3,1fr);}
    /** step **/
    .stepCnts {grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);}
    .stepCnts > :nth-child(4) {display:none;}
    .policyCheckboxIcon {width:20px; height:20px;}
    /** review **/
    .reviewSlider {--review-gap:18px; --review-slides:1.5; --review-duration:16s;}
    /**************************
    ** footer
    **************************/

    /**************************
    ** contact
    **************************/
    /** list **/
    /** view **/
    /** write **/

    
}

/**************************************** 큰태블릿 사이즈 ****************************************/

@media screen and (max-width: 1024px){


}


/**************************************** 큰모바일 사이즈 ****************************************/

@media screen and (max-width: 768px){
    .inner{width:calc(100dvw - 40px);}
    .stepCnts {grid-template-columns:minmax(0,1fr);}
    .stepCnts > :nth-child(4) {display:flex;}
    .stepArrowWrap .stepCntBox {transform:rotate(90deg);}
    .policyCheckboxIcon {width:16px; height:16px;}
    .reviewSlider {--review-gap:12px; --review-slides:1.5; --review-duration:14s;}
}


/**************************************** 작은모바일 사이즈 ****************************************/

@media screen and (max-width: 568px){


}