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

    /********************
    ** header 
    ********************/
    .menu{right:-100dvw; top:0; transition: ease-in-out 0.3s; background:#fff; color:#222;}
    .menu.active{right:0;}

    /********************
    ** footer 
    ********************/
    .fixBtn{right:10px; bottom:10svh}

    /********************
    ** index 
    ********************/
    .mainCaseCnt{width:calc(50% - 8px)}

    /********************
    ** company 
    ********************/
    .companyProccessCnt{width:calc(50% - 32px)}



    

}


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

    
}



@media screen and (max-width: 860px){
    /********************
    ** 공통사항 
    ********************/
    .inner{width:calc(100dvw - 40px)}
    .lineBox{border-left:0; border-right:0; border-top:1px solid #FFD4A9; border-bottom:1px solid #FFD4A9}

    /********************
    ** index
    ********************/
    .companySubBannerCnt{top:-10svh}
    .companyProccessCnt{width:100%}
    .companyProccess .arrowImg{transform: rotate(90deg);}
    .compnanyKeywordCnt{width:100%}

    
}


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