@charset "utf-8";

/********************
// tablet 분기점
********************/
@media only screen and (max-width: 1200px) {

/** common **/
.inner{width:calc(100dvw - 120px)}

/** index **/
.mainIntroCnt{width:calc(50% - 12px);}
.mainSolutionCnt{width:calc(50% - 9px)}
.mainService2Cnt{width:calc(50% - 9px)}
.mainService2Progress{width:calc(50% - 22px)}
.mainService3Cnt{width:calc(50% - 9px)}
.workPartCnt{width:calc(50% - 18px)}
.mainService4Cnt{width:100%;}
}    

/********************
// 모바일 분기점
********************/
@media only screen and (max-width: 768px) {     

/** common **/
.inner{width:calc(100dvw - 40px)}

/** index **/
.mainIntroCnt{width:100%;}
.mainSolutionCnt{width:100%}
.mainSolutionCnt img{aspect-ratio:1.8 /1}
.mainService1Cnt{width:100%;}
.mainService2Cnt{width:100%;}
.mainService2Progress{width:100%;}
.arrowIcon{transform:rotate(90deg)}
.mainService3Cnt{width:100%;}
.mainService4Cnt{width:100%;}
}