@charset "utf-8";

/********************
// tablet 분기점
********************/
@media only screen and (max-width: 1200px) {
.inner{width:calc(100% - 120px);margin:0 auto;}

/********************
** index
********************/
/** mainBanner **/

/** brand **/

/** menu **/
.setMenus {display:grid; grid-template-columns: repeat(2, 1fr);}
.sideMenus {display:grid; grid-template-columns: repeat(2, 1fr);}
/** price **/
.priceCntTh1 {border-radius:8px 0 0 0;}
.priceCntTh2 {border-radius:0 8px 0 0;}
.priceCntTh3 {border-radius:0 0 0 8px;}
.priceCntTh4 {border-radius:0 0 8px 0;}
/** price **/
.stepCnts{display: grid; grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr); row-gap:32px;}

}
/********************
// 모바일 분기점
********************/
@media only screen and (max-width: 768px) {
.inner{width:calc(100% - 40px);margin:0 auto;}
/********************
** index
********************/
/** mainBanner **/

/** brand **/

/** menu **/
.setMenus {display:grid; grid-template-columns: repeat(2, 1fr); row-gap:24px;}
.sideMenus {display:grid; grid-template-columns: repeat(2, 1fr); row-gap:24px;}
/** price **/

/** who **/
.whoCnts {display:grid; grid-template-columns: repeat(2, 1fr);}
/** step **/
.stepCnts{display:grid; grid-template-columns: repeat(1, 1fr); row-gap:16px;}
.stepArrow {transform: rotate(90deg);}

}