@font-face {
    font-family: "DIN Condensed";
    font-display: swap;
    src: url("/kr/event/2026/05/01_mds_choice/resources/din-condensed-regular.woff2") format("woff2");
}

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

/* ============================= */
/* 공통 */
/* ============================= */
.event-benefit-template {
    .border-top {
        border-top: solid calc(10 * var(--ratio)) #F3F5F7;
    }
}
/* ============================= */
/* // 공통 */
/* ============================= */


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

.main-kv {
    overflow:hidden;
}
.c-responsive-video {
    position: absolute;
    top: 2.4%;
    left: 2%;
    /* left: -12%;
    width: 124%;
    max-width: initial; */
    width: 96%;
    z-index:-1;
} 

.spotlights {
    background-color: #EFF0F2;
    .md-choice-title {
        margin-bottom: calc(8 * var(--ratio));
        padding-bottom: calc(8 * var(--ratio));
        border-bottom: calc(1 * var(--ratio)) solid var(--primary-black);
        color: #62741F;
        font-family: "DIN Condensed";
        font-size: calc(36 * var(--ratio));
        font-weight: 700;
        letter-spacing: calc(-0.72 * var(--ratio));
    }
    .c-title__main {
        color: #111;
        font-size: calc(19 * var(--ratio));
        line-height: calc(26 * var(--ratio));
        letter-spacing: calc(-0.38 * var(--ratio));
    }
    .c-title__eyebrow {
        color: #444;
    }

    .swiper-slide {
        width: calc(300 * var(--ratio));
        box-shadow: 0 0 calc(1 * var(--ratio)) 0 rgba(33, 39, 49, 0.00), 0 calc(2 * var(--ratio)) calc(10 * var(--ratio)) 0 rgba(33, 39, 49, 0.15);
    }

    .spotlights__slide-link {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 10%;
    }
}

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