/* .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;
}
/* ============================= */
/* // 공통 커스텀 */
/* ============================= */


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

    .laundrygo-washing-service-benefits {
        .laundrygo-washing-service-benefits__banner {
            position: relative;
        }
        .laundrygo-washing-service-benefits__btn {
            position: absolute;
        }
        .laundrygo-washing-service-benefits__btn--1 {
            top: 68%;
            left: 3%;
            width: 47%;
            height: 23%;
        }
        
        .laundrygo-washing-service-benefits__btn--2 {
            top: 68%;
            left: 50%;
            width: 47%;
            height: 23%;
        }
    }

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

}

.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));}
/* ============================= */
/* // 개별 영역 */
/* ============================= */