@charset "utf-8";


/********************
// tablet 분기점
********************/
@media only screen and (max-width: 1200px) {
    .inner{width:90dvw; }
    .mainBanner{background:url('/img/mainBannerM.jpg'); background-size:cover; }
    .serviceBox{display:grid; grid-template-columns: repeat(1, 1fr); }
    .stepBox{display:grid; grid-template-columns: repeat(2, 1fr); }
}
/********************
// 모바일 분기점
********************/
@media only screen and (max-width: 768px) {     
    .inner{width:90dvw; }
    .stepBox{display:grid; grid-template-columns: repeat(1, 1fr); }
    .arrow {    width: 8px;    height: 8px;    border-left: 2px solid #888;    border-bottom: 2px solid #888;    transform: rotate(-45deg);    transition: transform 0.3s ease-out;}
}