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


/* ============================= */
/* 공통 커스텀 */
/* ============================= */
.event-benefit-template {

.c-coupon--red{
    background-color: #FD312E;

    .c-coupon__benefit{
        color: var(--gray-white);
    }
    .c-coupon__title-main {
        color: var(--gray-white);
    }
    .c-coupon__title-desc {
        color: var(--gray-white);
    }
    .c-coupon__button-text{
        color: var(--gray-white);
    }
}

}
/* ============================= */
/* // 공통 커스텀 */
/* ============================= */
.divider--gray{
    margin: calc(8 * var(--ratio)) 0;
    color: #CBCBCB;
}

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

.intro-area {
    .swiper-container {
        padding:0;
    }
    .swiper-slide {
        width: calc(350 * var(--ratio));
    }
}
.coupon-area {
    
}

.fdfdf {
    .swiper-container {
        padding:0;
    }
    .swiper-slide {
        width: calc(390 * var(--ratio));
    }
}

}
/* ============================= */
/* // 개별 영역 */
/* ============================= */