@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:left; background-size:cover;}
    /** about **/
    .about {--about-slide-gap:20px;}
    .aboutSliderGroup.tg60 {--about-group-gap:60px;}
    .aboutSliderTrack {animation-duration:22s;}
    /** why **/
    .whyCnts {display:grid; grid-template-columns:repeat(2, 1fr);}
    /** service **/
    .serviceWrap {gap:24px;}
    /** who **/
    .whoCnts {display:grid; grid-template-columns:repeat(3, 1fr);}
    /** review **/
    .review {--review-slide-gap:20px; --review-card-width:380px;}
    .reviewSliderTrack {animation-duration:30s;}
    /** contact **/
    .policyCheckboxIcon {width:20px; height:20px;}

    /**************************
    ** footer
    **************************/

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

    
}

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

@media screen and (max-width: 1024px){
    /** service **/
    .serviceWrap {flex-direction:column;}
    .serviceTabs,
    .servicePanels {width:100%;}


}


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

@media screen and (max-width: 768px){
    .inner{width:calc(100dvw - 40px);}

    /**************************
    ** index
    **************************/
    /** mainBanner **/
    /** about **/
    .about {--about-slide-gap:12px;}
    .aboutSliderGroup.mg24 {--about-group-gap:24px;}
    .aboutSliderTrack {animation-duration:18s;}
    /** why **/
    .whyCnts {display:grid; grid-template-columns:repeat(1, 1fr);}
    /** service **/
    .serviceWrap {gap:20px;}
    .serviceTabButton.is-active .serviceTabIconBox {width:20px; margin-right:12px;}
    /** review **/
    .review {--review-slide-gap:16px; --review-card-width:min(300px, calc(100dvw - 40px));}
    .reviewSliderTrack {animation-duration:26s;}
    /** contact **/
    .policyCheckboxIcon {width:16px; height:16px;}


}


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

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


}