/* reset */
@font-face {
    font-family: Pretendard;
    font-weight: 900;
    src: url('../fonts/Pretendard-Black.subset.woff2') format('woff2');
}

@font-face {
    font-family: Pretendard;
    font-weight: 800;
    src: url('../fonts/Pretendard-ExtraBold.subset.woff2') format('woff2');
}

@font-face {
    font-family: Pretendard;
    font-weight: 700;
    src: url('../fonts/Pretendard-Bold.subset.woff2') format('woff2');
}

@font-face {
    font-family: Pretendard;
    font-weight: 600;
    src: url('../fonts/Pretendard-SemiBold.subset.woff2') format('woff2');
}

@font-face {
    font-family: Pretendard;
    font-weight: 500;
    src: url('../fonts/Pretendard-Medium.subset.woff2') format('woff2');
}

@font-face {
    font-family: Pretendard;
    font-weight: 300;
    src: url('../fonts/Pretendard-Light.subset.woff2') format('woff2');
}

@font-face {
    font-family: Pretendard;
    font-weight: 200;
    src: url('../fonts/Pretendard-ExtraLight.subset.woff2') format('woff2');
}

@font-face {
    font-family: Pretendard;
    font-weight: 100;
    src: url('../fonts/Pretendard-Thin.subset.woff2') format('woff2');
}

/* KV 우측에 있는 공유하기 아이콘 KV 안에 들어오기 위함. */
.contents.event .ev-detail-wrap .ev-detail-con .ev-cont {
    max-width: 1380px;
    margin: 0 auto;
}

/* // KV 우측에 있는 공유하기 아이콘 KV 안에 들어오기 위함. */

.event-benefit-template * {
    font-family: Pretendard, sans-serif;
}

/* 신규 기획전인 경우 */
.event-benefit-template {
    max-width: 1380px;
    min-height: 100vh;
    margin: 0 auto;
    text-align: initial;
}

.event-benefit-template picture {
    display: block;
}

.event-benefit-template img {
    display: block;
    max-width: 100%;
}

/* // 신규 기획전인 경우 */

/* 기존 기획전인 경우 */

/* .event-benefit-template {
    max-width: 1380px;
    min-height: 100vh;
    margin: 0 auto;
    text-align: center;
}
.event-benefit-template img {
    max-width: 100%;
} */

/* // 기존 기획전인 경우 */

@media screen and (width <= 767px) {
    .event-benefit-template a,
    .event-benefit-template input {
        outline: none;
        -webkit-tap-highlight-color: transparent;
    }

    .event-benefit-template a:focus,
    .event-benefit-template a:active,
    .event-benefit-template input:focus {
        outline: none;
        -webkit-tap-highlight-color: transparent;
    }

    .event-benefit-template div:focus {
        outline: none;
        -webkit-tap-highlight-color: transparent;
    }

    .event-benefit-template button:focus {
        -webkit-tap-highlight-color: transparent;
    }
}

/* // reset */

/* layout */
.event-benefit-template article {
    width: 100%;
}

.event-benefit-template .article__inner {
    width: 100%;
    max-width: 1020px;
    padding: 80px 10px;
    margin: 0 auto;
    container-type: inline-size;
    container-name: article-inner-area;
}
@container full-width-area (max-width: 1380px) {
}

@container article-inner-area (max-width: 999px) {
    .event-benefit-template .article__inner {
        padding: calc(80 / 1380 * 100%) 10px;
    }
}
@media screen and (width <= 767px) {
    .event-benefit-template .article__inner {
        padding: 0;
    }
}


/* // layout */

/* 변수 */
@media screen and (width >= 768px) {
    .event-benefit-template .hidden-pc {
        display: none !important;
    }

    .event-benefit-template .pc {
        display: block;
    }

    .event-benefit-template .mobile {
        display: none;
    }
}

@media screen and (width <= 767px) {
    .event-benefit-template .hidden-mo {
        display: none !important;
    }

    .event-benefit-template .pc {
        display: none;
    }

    .event-benefit-template .mobile {
        display: block;
    }
}

/* // 변수 */

/* components */

/* divider */
.event-benefit-template .c-divider {
    width: 100%;
    height: 8px;
    background-color: #e5e5e5;
    border: none;
}

@media screen and (width <= 767px) {
    .event-benefit-template .c-divider {
        height: calc(16 / 720 * 100vw);
    }
}
/* // divider */

/* toggle */
.c-toggle__data {display:none;}
.c-toggle__btn.on + .c-toggle__data {display:block;}
.c-toggle__data:has(+ .c-toggle__btn.on) {display:block}
/* // toggle */

/* // components */