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

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

    /********** header *********/
    .hamburger { display: inline-block; }

    /********** curriculum **********/
    .curriculumGrid2 img {width: calc(50% - 10px);}

    /********** case **********/
    .case .caseGrid .caseItem {flex: 0 0 33.3333%;}


    .processArrow { transform: rotate(0deg);}
    .root_daum_roughmap {width:100%  !important; height:480px !important;}

    .caseGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; row-gap: 32px;}
}

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

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

    /********** case **********/
    .case .caseGrid .caseItem {flex: 0 0 50%;}
    
    /********** about **********/
    .aboutServiceList {grid-template-columns: 1fr;}
    .aboutCntLine1 {border-right:none;}
    .aboutCntLine1 {border-bottom:1px solid #D9DADE;}

    /********** reference **********/
    .brandlogoWrap .brandlogoItem {width: 50%;}
    
    /********** curriculum **********/
    .curriculumGrid img {width: calc(50% - 8px);}
    .curriculumGrid3 img {width: 100%;}
    
    /********** gallery (main) **********/
    .galleryMainGrid {grid-template-columns: 1fr; gap: 20px;}
    .galleryMainGrid > article:nth-child(n+3) {display: none;}

    /********** core **********/
    .coreCntLine {border-right:none; border-bottom:1px solid #71908A;}

    .root_daum_roughmap {width:100%  !important; height:320px !important;}

    .caseGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; row-gap: 24px;}
}

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

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