@charset "utf-8";

:root{--header-height:0px; scroll-padding-top:var(--header-height)}
body{padding-top:var(--header-height)}
.mainBanner{background-image:var(--main-banner-pc); background-position:center right; background-size:cover; background-repeat:no-repeat; transition:background-image .4s ease}
.mainBanner .inner{transition:opacity .25s ease, transform .25s ease}
.mainBanner .inner.isChanging{opacity:0; transform:translateY(8px)}
.poepleSlider .swiper-wrapper{transition-timing-function:linear}

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

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

/** index **/
.mainBanner{background-image:var(--main-banner-t)}
.questionCnt{min-height:320px;}
.mainIntroCnt{width:calc(33.3333% - 6px);}
.mainSolutionCnt{width:calc(50% - 9px)}
.mainService2Cnt{width:calc(50% - 9px)}
.mainService2Progress{width:calc(50% - 22px)}
.mainService3Cnt{width:calc(50% - 9px)}
.carrerImg{width:calc(50% - 9px)}


}    

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

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

/** index **/
.mainBanner{background-image:var(--main-banner-m)}
.questionCnt{min-height:240px;}
.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%;}
.carrerImg{width:100%}
}