/* Coway rental card front */
.rental-card-page,
.rental-card-view{padding:42px 0 90px;background:#fff;color:#171717}
.rental-card-wrap{width:min(1200px,calc(100% - 40px));margin:0 auto}
.rental-card-hero{position:relative;display:flex;min-height:216px;align-items:center;justify-content:space-between;overflow:hidden;padding:35px 13%;border-radius:8px;background:linear-gradient(115deg,#43b1c0,#219cae);box-sizing:border-box;color:#fff}
.rental-card-hero__text span{display:block;margin-bottom:7px;font-size:14px;font-weight:700}
.rental-card-hero__text strong{display:block;font-size:30px;line-height:1.25;letter-spacing:-1.4px}
.rental-card-hero__text p{margin:10px 0 0;font-size:14px;opacity:.92}
.rental-card-hero__badge{display:flex;width:120px;height:120px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.55);border-radius:24px;background:rgba(255,255,255,.12);font-size:18px;font-weight:800;line-height:1.25;text-align:center;transform:rotate(8deg)}
.rental-card-heading{padding:70px 0 38px}
.rental-card-heading h2{margin:0 0 10px;font-size:31px;line-height:1.3;letter-spacing:-1.4px}
.rental-card-heading p{margin:0;color:#8a9299;font-size:15px;line-height:1.6}
.rental-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rental-card-item{position:relative;display:flex;min-width:0;min-height:445px;overflow:hidden;flex-direction:column;border-radius:5px;background:#f2f4f5}
.rental-card-item__body{position:relative;z-index:2;padding:52px 30px 10px}
.rental-card-item__company{margin-bottom:8px;color:#889198;font-size:12px;font-weight:700}
.rental-card-item h3{margin:0}
.rental-card-item h3 a{color:#111;font-size:22px;font-weight:800;line-height:1.35;letter-spacing:-.8px;text-decoration:none}
.rental-card-item__summary{min-height:44px;margin:8px 0 0;color:#899198;font-size:13px;line-height:1.6}
.rental-card-item__discount{margin:7px 0 0;color:#444;font-size:12px}
.rental-card-item__discount strong{color:#009de0;font-size:15px}
.rental-card-item__more{display:inline-block;margin-top:34px;color:#00a4df;font-size:13px;font-weight:800;text-decoration:none}
.rental-card-item__image{display:flex;min-height:190px;flex:1;align-items:flex-end;justify-content:center;padding:15px 25px 0;text-decoration:none}
.rental-card-item__image img{display:block;max-width:76%;max-height:190px;object-fit:contain;transition:transform .25s ease}
.rental-card-item:hover .rental-card-item__image img{transform:translateY(-5px)}
.rental-card-no-image{display:flex;width:150px;height:95px;align-items:center;justify-content:center;border-radius:8px;background:#e4e8eb;color:#a0a8ae;font-weight:800}
.rental-card-empty{grid-column:1/-1;padding:90px 20px;border:1px solid #eee;text-align:center;color:#888}
.rental-card-notice{margin-top:50px;padding:25px 28px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.rental-card-notice strong{display:block;margin-bottom:6px}
.rental-card-notice p{margin:0;color:#777;font-size:13px;line-height:1.6}

/* view */
.rental-card-view__top{display:grid;grid-template-columns:46% 54%;min-height:460px;margin-top:20px;border-radius:8px;background:#f5f7f8}
.rental-card-view__image{display:flex;align-items:center;justify-content:center;padding:55px}
.rental-card-view__image img{display:block;max-width:90%;max-height:300px;object-fit:contain}
.rental-card-view__info{display:flex;flex-direction:column;justify-content:center;padding:55px 65px 55px 25px}
.rental-card-view__company{margin-bottom:10px;color:#159ade;font-size:14px;font-weight:800}
.rental-card-view__info h2{margin:0;color:#111;font-size:36px;line-height:1.25;letter-spacing:-1.5px}
.rental-card-view__summary{margin:16px 0 0;color:#777;font-size:16px;line-height:1.6}
.rental-card-view__discount{margin-top:30px;padding-top:25px;border-top:1px solid #ddd;color:#555;font-size:15px}
.rental-card-view__discount strong{display:block;margin-top:4px;color:#159ade;font-size:32px}
.rental-card-view__buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.rental-card-btn{display:flex;min-width:170px;height:50px;align-items:center;justify-content:center;padding:0 22px;border-radius:4px;box-sizing:border-box;font-size:14px;font-weight:700;text-decoration:none}
.rental-card-btn--primary{background:#159ade;color:#fff}
.rental-card-btn--line{border:1px solid #159ade;background:#fff;color:#159ade}
.rental-card-view__section{padding:55px 0;border-bottom:1px solid #e5e5e5}
.rental-card-view__section h3{margin:0 0 25px;font-size:24px;letter-spacing:-.8px}
.rental-card-view__benefit{margin-bottom:28px;color:#555;font-size:15px;line-height:1.9}
.rental-card-benefit-table,.rental-card-fee-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #222}
.rental-card-benefit-table>div,.rental-card-fee-table>div{display:flex;min-height:72px;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #ddd;background:#fff;box-sizing:border-box}
.rental-card-benefit-table>div:nth-child(odd),.rental-card-fee-table>div:nth-child(odd){border-right:1px solid #ddd}
.rental-card-benefit-table span,.rental-card-fee-table span{color:#777;font-size:14px}
.rental-card-benefit-table strong,.rental-card-fee-table strong{font-size:16px}
.rental-card-view__notice{margin-top:40px;padding:25px 28px;background:#f7f8f9}
.rental-card-view__notice strong{display:block;margin-bottom:7px}
.rental-card-view__notice p{margin:0;color:#777;font-size:13px;line-height:1.6}
.rental-card-view__bottom{text-align:center;padding-top:40px}
.rental-card-view__bottom a{display:inline-flex;width:160px;height:48px;align-items:center;justify-content:center;border:1px solid #333;color:#222;text-decoration:none}

@media(max-width:900px){
.rental-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rental-card-view__top{grid-template-columns:1fr}
.rental-card-view__image{padding:45px 30px 20px}
.rental-card-view__info{padding:30px 35px 45px}
}
@media(max-width:600px){
.rental-card-page,.rental-card-view{padding:20px 0 60px}
.rental-card-wrap{width:calc(100% - 30px)}
.rental-card-hero{min-height:180px;padding:28px 24px}
.rental-card-hero__text strong{font-size:23px}
.rental-card-hero__text p{font-size:12px}
.rental-card-hero__badge{display:none}
.rental-card-heading{padding:42px 0 25px}
.rental-card-heading h2{font-size:23px}
.rental-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.rental-card-item{min-height:360px}
.rental-card-item__body{padding:27px 16px 5px}
.rental-card-item h3 a{font-size:17px}
.rental-card-item__summary{min-height:60px;font-size:11px}
.rental-card-item__more{margin-top:20px;font-size:11px}
.rental-card-item__image{min-height:145px;padding:10px}
.rental-card-item__image img{max-width:90%;max-height:135px}
.rental-card-view__image{padding:35px 25px 15px}
.rental-card-view__info{padding:25px}
.rental-card-view__info h2{font-size:27px}
.rental-card-view__discount strong{font-size:26px}
.rental-card-view__buttons{display:grid;grid-template-columns:1fr}
.rental-card-btn{width:100%}
.rental-card-benefit-table,.rental-card-fee-table{grid-template-columns:1fr}
.rental-card-benefit-table>div:nth-child(odd),.rental-card-fee-table>div:nth-child(odd){border-right:0}
.rental-card-view__section{padding:38px 0}
}

/* =========================================================
   제휴카드 - 관리자 확장 필드 연동 추가 스타일
   rental_card.css 맨 아래에 추가
========================================================= */

/* 목록 : 전월 실적별 할인구간 표시 */
.rental-card-item__condition {
    margin: 8px 0 0;
    color: #7d8b99;
    font-size: 13px;
    line-height: 1.5;
}

/* 상세 공통 섹션 */
.rental-card-view__section {
    margin-top: 60px;
}

.rental-card-view__section > h3 {
    margin: 0 0 24px;
    color: #111;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
}

.rental-card-view__section-desc {
    margin: -10px 0 22px;
    color: #8997a6;
    font-size: 14px;
    line-height: 1.7;
}

/* =========================================================
   전월 이용실적 / 월 할인한도 / 비고
========================================================= */
.rental-card-performance-table {
    overflow: hidden;
    width: 100%;
    border-top: 2px solid #202a33;
}

.rental-card-performance-table table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

.rental-card-performance-table caption {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.rental-card-performance-table th,
.rental-card-performance-table td {
    padding: 20px 16px;
    border-right: 1px solid #edf0f2;
    border-bottom: 1px solid #e8ecef;
    text-align: left;
    vertical-align: middle;
    word-break: keep-all;
}

.rental-card-performance-table th:last-child,
.rental-card-performance-table td:last-child {
    border-right: 0;
}

.rental-card-performance-table thead th {
    background: #fafbfc;
    color: #111;
    font-size: 15px;
    font-weight: 700;
}

.rental-card-performance-table tbody td {
    color: #7e8d9c;
    font-size: 15px;
    line-height: 1.6;
}

.rental-card-performance-table tbody td strong {
    color: #1687e8;
    font-size: 16px;
    font-weight: 700;
}

.rental-card-performance-table tbody tr:hover td {
    background: #fcfdfe;
}


/* =========================================================
   서비스 제공 기준 / 할인 관련 안내 / 제외대상 / 유의사항
========================================================= */
.rental-card-detail-section {
    padding-top: 0;
}

.rental-card-detail-section > h3 {
    margin-bottom: 28px;
}

.rental-card-detail-section > h4 {
    margin: 0 0 16px;
    color: #111;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

.rental-card-detail-text {
    color: #8393a3;
    font-size: 14px;
    line-height: 2.05;
    word-break: keep-all;
    overflow-wrap: break-word;
}

/*
 * 관리자가 textarea에 아래와 같이 입력한 경우
 * · 내용
 * - 내용
 * 등의 줄바꿈을 그대로 살려 출력
 */
.rental-card-detail-text br {
    line-height: 2.05;
}


/* =========================================================
   기존 최소/최대 할인 혜택
========================================================= */
.rental-card-benefit-table {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border-top: 2px solid #202a33;
    border-bottom: 1px solid #e8ecef;
}

.rental-card-benefit-table > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 74px;
    padding: 18px 22px;
    border-right: 1px solid #e8ecef;
    box-sizing: border-box;
}

.rental-card-benefit-table > div:last-child {
    border-right: 0;
}

.rental-card-benefit-table span {
    color: #7d8c9a;
    font-size: 14px;
}

.rental-card-benefit-table strong {
    color: #1687e8;
    font-size: 17px;
    font-weight: 700;
}


/* =========================================================
   연회비
========================================================= */
.rental-card-fee-table {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border-top: 2px solid #202a33;
    border-bottom: 1px solid #e8ecef;
}

.rental-card-fee-table > div {
    min-height: 76px;
    padding: 17px 20px;
    border-right: 1px solid #e8ecef;
    box-sizing: border-box;
}

.rental-card-fee-table > div:last-child {
    border-right: 0;
}

.rental-card-fee-table span {
    display: block;
    margin-bottom: 8px;
    color: #8997a5;
    font-size: 13px;
}

.rental-card-fee-table strong {
    display: block;
    color: #222;
    font-size: 16px;
    font-weight: 700;
}


/* =========================================================
   꼭 확인해 주세요
========================================================= */
.rental-card-view__notice {
    margin-top: 55px;
    padding: 24px 28px;
    border: 1px solid #e5eaee;
    background: #f8fafb;
    box-sizing: border-box;
}

.rental-card-view__notice > strong {
    display: block;
    margin-bottom: 10px;
    color: #1f2933;
    font-size: 15px;
    font-weight: 700;
}

.rental-card-view__notice p {
    margin: 5px 0 0;
    color: #8493a1;
    font-size: 13px;
    line-height: 1.7;
}


/* =========================================================
   상세 하단 목록 버튼
========================================================= */
.rental-card-view__bottom {
    margin-top: 45px;
    text-align: center;
}

.rental-card-view__bottom a {
    display: inline-flex;
    min-width: 150px;
    height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    background: #fff;
    color: #394956;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-sizing: border-box;
}

.rental-card-view__bottom a:hover {
    border-color: #1687e8;
    color: #1687e8;
}


/* =========================================================
   반응형
========================================================= */
@media (max-width: 768px) {

    .rental-card-view__section {
        margin-top: 42px;
    }

    .rental-card-view__section > h3 {
        margin-bottom: 18px;
        font-size: 20px;
    }

    .rental-card-view__section-desc {
        margin-top: -5px;
        margin-bottom: 16px;
        font-size: 13px;
    }

    .rental-card-performance-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .rental-card-performance-table table {
        min-width: 620px;
    }

    .rental-card-performance-table th,
    .rental-card-performance-table td {
        padding: 15px 12px;
        font-size: 13px;
    }

    .rental-card-performance-table tbody td strong {
        font-size: 14px;
    }

    .rental-card-detail-section > h4 {
        font-size: 15px;
    }

    .rental-card-detail-text {
        font-size: 13px;
        line-height: 1.9;
    }

    .rental-card-benefit-table {
        grid-template-columns: 1fr;
    }

    .rental-card-benefit-table > div {
        min-height: 62px;
        padding: 15px 16px;
        border-right: 0;
        border-bottom: 1px solid #e8ecef;
    }

    .rental-card-benefit-table > div:last-child {
        border-bottom: 0;
    }

    .rental-card-fee-table {
        grid-template-columns: 1fr;
    }

    .rental-card-fee-table > div {
        min-height: 62px;
        padding: 14px 16px;
        border-right: 0;
        border-bottom: 1px solid #e8ecef;
    }

    .rental-card-fee-table > div:last-child {
        border-bottom: 0;
    }

    .rental-card-view__notice {
        margin-top: 40px;
        padding: 20px;
    }

    .rental-card-view__bottom {
        margin-top: 32px;
    }

    .rental-card-view__bottom a {
        width: 100%;
    }
}