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

@media screen and (max-width: 1124px){
    /********** 공통사항 **********/
    .inner{width:calc(100dvw - 120px);}
    /********** haeder.php **********/
    /** quick-buttons **/
    .quick-buttons {bottom: 0%;right: 0%;}
    .quick-btn {box-shadow:none;transition: all 0.3s ease;}
    .quick-btn:hover {transform: translateY(0px);box-shadow:none;}

    /********** index.php **********/
    /** mainBanner **/
    .mainBanner-001 { background:url('../img/mainBanner-001-t.jpg') center/cover no-repeat; }
    .mainBanner-002 { background:url('../img/mainBanner-002-t.jpg') center/cover no-repeat; }
    .mainBanner-003 { background:url('../img/mainBanner-003-t.jpg') center/cover no-repeat; }

    /** gallery **/
    .galleryGrid{grid-template-columns: repeat(2, minmax(0, 1fr));}

    /********** //index.php **********/
    


}

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

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

    
}


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

@media screen and (max-width: 860px){
    .inner{width:calc(100dvw - 40px);}
    /********** index.php **********/
    /** service **/
    .serviceGrid{grid-template-columns: 1fr;}

    /** benefit **/
    .benefitGrid{grid-template-columns: 1fr;}

    /** gallery **/
    .galleryGrid{grid-template-columns: 1fr;}

    /********** //index.php **********/
    
}


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

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