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


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

    .c-coupon--custom {
        background-color: #C10230;

        .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);
        }
    }

}
/* ============================= */
/* #endregion */
/* ============================= */
.divider--gray{
    margin: calc(12 * var(--ratio)) 0;
    color: #CBCBCB;
}

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

    .intro-area {
        .swiper-container {
            padding:0;
        }
        .swiper-slide {
            width: calc(350 * var(--ratio));
        }
    }
    .coupon-area {
        .c-list__custom-item {
            padding-top:calc(12 * var(--ratio));
            padding-left: calc(12 * var(--ratio));
            text-indent: calc(-12 * var(--ratio));
            color: #262626;
            font-size: calc(12 * var(--ratio));
            font-weight: 400;
            line-height: 140%;
            letter-spacing: -0.03em;
        }
    }

}
/* ============================= */
/* #endregion */
/* ============================= */