/* .event-benefit-template a,
.event-benefit-template button {
    background-color: rgba(0,0,0,0.2);
} */

/* ============================= */
/* 공통 커스텀 */
/* ============================= */
.c-list--no-bullet {
    display: flex;
    flex-direction: column;
    row-gap: calc(2 * var(--ratio));
}
.c-list__item {
    color: var(--gray-g50);
    font-size: calc(12 * var(--ratio));
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.04em;
    word-break: keep-all;
}
.c-list__item_speical_case {

    font-size: calc(12 * var(--ratio));
    line-height: 140%;
    letter-spacing: -0.04em;
    word-break: keep-all; 
    padding-left: 1.2em;
    text-indent: -1.2em; 
}
/* ============================= */
/* // 공통 커스텀 */
/* ============================= */


/* ============================= */
/* 개별 영역 */
/* ============================= */
.event-benefit-template {

    .swiper-section01 {
        .swiper-slide {
            width: calc(342 * var(--ratio));
        }
    }
    .gray-mode{background-color: #F4F4F4;}
    .c-coupon--green{background-color: #0F759C; color: #FFFFFF;}

    .c-coupon {
        .c-coupon__title-desc {
            font-weight: 400;
        }
    }
    .c-coupon--red {
        margin-top: calc(8 * var(--ratio));
        .c-coupon__ico--coupon {
            background: url(/kr/event/2026/10/02_uplus_subscribe_partnership/resources/icon-won-coin.png) center / calc(28 * var(--ratio)) no-repeat;
        }
    }
}

.popup-wrap .modal-popup-content{position:relative; left: 50%; transform: translateX(-50%); width: calc(278 * var(--ratio)); height: calc(141 * var(--ratio));}
.popup-wrap .modal-popup-content .modal-popup-title{position: relative; width: 100%; text-align: center; color: #777777; font-size: calc(14 * var(--ratio)); padding-bottom: calc(16 * var(--ratio));}
.popup-wrap .modal-popup-content .coupon-number{position: relative; width: 100%; text-align: center; font-size: calc(22 * var(--ratio)); font-weight: 600;}
.popup-wrap .modal-popup-content .btn-coupon-copy{position: relative; width: 100%; padding-top: calc(20 * var(--ratio)); text-align: center; text-decoration: underline; font-size: calc(12 * var(--ratio));}
.popup-wrap .modal-popup-content .btn-close{position: absolute; left: 0; bottom: 0; width: calc(278 * var(--ratio)); height: calc(32 * var(--ratio)); background-color: #000000; color: #FFFFFF; border-radius: calc(6 * var(--ratio)); font-size: calc(12 * var(--ratio));}
/* ============================= */
/* // 개별 영역 */
/* ============================= */