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


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

.c-coupon--custom{
    background-color: #573A96;

        .c-coupon__ico--coupon {
            background: url(/kr/event/2026/08/14_fourpaws_partner/images/icon-flower.svg) center / calc(28 * var(--ratio)) no-repeat;
        }
    .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(12 * var(--ratio)) 0;
    color: #CBCBCB;
}

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

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