@charset "UTF-8";
@import "../../variable.css";
@import "../../font.css";
@import "../../reset.css";
@import "../../layout.css";
@import "../../common.css";
@import "../../table.css";
@import "../../tab.css";
@import "../../responsive.css";
/*-------------------------------------------------------------------*/
/* 간격 */
.gray-img-box + .sub-content-box {margin-top:24px;}
.gray-comment-box + .sub-content-wrap {margin-top:40px;}
@media (max-width:767px) {
    .gray-img-box + .sub-content-box {margin-top:20px;}
    .gray-comment-box + .sub-content-wrap {margin-top:20px;}
}



/* 결제방법 카드 */
.flex-wrap.ver-tennis {gap:12px;flex-wrap:wrap;}

/* 테니스장 step 카드 */
.step-card-wrap {margin-top:24px;}
.step-card-wrap > ul {display: flex;align-items: center;gap: 72px;}
.step-card-wrap > ul > li {flex: 1;position: relative;}
.step-card-wrap > ul > li:not(:last-child)::after {content: '';position: absolute;top: 50%;right: -56px;width: 40px;height: 40px;transform: translateY(-50%);background: url("../../../images/ico/ico_arrow_step.svg") center center no-repeat;background-size: 40px 40px;}
.step-card {display:flex;align-items:flex-start;flex-direction:column;padding:20px 76px 20px 20px;position:relative;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-light);background-position:right 20px top 28px;background-repeat:no-repeat;}
.step-card > span:first-child {font-size:var(--txt-size01);font-weight:var(--fw-bold);color:var(--color-gray5);margin-bottom:16px;}
.step-card > p {font-size:var(--txt-size04);font-weight:var(--fw-bold);color:var(--color-black);margin-bottom:8px;}
.step-card > span:last-child {font-size:var(--txt-size02);font-weight:var(--fw-medium);color:var(--color-text);}
.step-card.step1 {background-image:url("../../../images/views/tennis/step1.svg");background-size:46px 52px;}
.step-card.step2 {background-image:url("../../../images/views/tennis/step2.svg");background-size:46px 52px;}
.step-card.step3 {background-image:url("../../../images/views/tennis/step3.svg");background-size:46px 52px;}

@media (max-width:1024px) {
    .step-card-wrap {width: 100%;}
    .step-card-wrap > ul {width: 100%;flex-direction: column;gap: 32px;}
    .step-card-wrap > ul > li {width: 100%;flex: none;}
    .step-card-wrap > ul > li:not(:last-child)::after {content: '';position: absolute;left: 50%;bottom: -28px;top: auto;right: auto;width: 24px;height: 24px;transform: translateX(-50%) rotate(90deg);background: url("../../../images/ico/ico_arrow_step.svg") center center no-repeat;background-size: 24px 24px;}

    .step-card > span:first-child {font-size:var(--txt-size02);margin-bottom:8px;}
    .step-card > p {margin-bottom:4px;}
}
.col-width1 {width:38%;}
.col-width2 {width:40%;}
.col-width3 {width:22%;}

@media (max-width:767px) {
    .col-width1 {width:33.3%;}
    .col-width2 {width:33.3%;}
    .col-width3 {width:33.3%;}
}