@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;}
    .mainBannerInner {gap:48px;}
    .mainBannerGallery {
        width:100dvw;
        max-width:100dvw;
        margin-left:calc(50% - 50dvw);
        margin-right:calc(50% - 50dvw);
    }
    .mainBannerFlow {
        --main-banner-visible-count:2.4;
        --main-banner-gap:18px;
        --main-banner-flow-width:100dvw;
    }
    /** why **/
    .whyCnts {grid-template-columns:repeat(1,1fr);}
    /** support **/
    .supportCnts {grid-template-columns:repeat(1, 1fr);}
    /** review **/
    .reviewMarquee {--review-visible-count:2.4; --review-gap:20px;}
    /** subBanner **/
    .subBanner {background:url('/img/subBanner-t.jpg'); background-position:center; background-size:cover;}
    /** family **/
    .family {--family-column-height:clamp(400px, 74vw, 760px); --family-gap:20px;}
    .familyTit {font-size:160px;}
    .dateInput {padding-right:64px;}
    .dateInputIcon {right:20px; width:22px; height:22px;}

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

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

    
}

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

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


}


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

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

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

    /**************************
    ** index
    **************************/
    /** mainBanner **/
    .mainBannerInner {gap:32px;}
    .mainBannerGallery {
        width:100dvw;
        max-width:100dvw;
        margin-top:8px;
        margin-left:calc(50% - 50dvw);
        margin-right:calc(50% - 50dvw);
    }
    .mainBannerFlow {
        --main-banner-visible-count:2;
        --main-banner-gap:14px;
        --main-banner-flow-width:100dvw;
        padding:16px 0;
    }
    /** about **/
    .aboutCnts {grid-template-columns:repeat(1, 1fr);}
    /** why **/
    /** review **/
    .reviewMarquee {--review-visible-count:1.4; --review-gap:16px;}
    /** family **/
    .family {--family-column-height:clamp(320px, 88vw, 560px); --family-gap:16px;}
    .familyTit {font-size:80px;}
    .dateInput {padding-right:56px;}
    .dateInputIcon {right:16px; width:20px; height:20px;}


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

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

}


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

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

}