/*
전체 페이지 공통 CSS
*/

/* 
TODO gt.yang 251221 22:00 - custom-scroll-slider__content-wrapper--shadow 클레스 가능한 사용하지 않는 방향으로 진행. 기존 코드를 위해 남겨둠.
*/

@charset "utf-8";

/* ========================= */
/* Reset */
/* ========================= */
.event-benefit-template * {
    font-family: "Pretendard";
}

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

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

.event-benefit-template section article {
    text-align: initial;
}
.contents.exhibition.ex-module-wrap .ev-detail-con.wide {
    max-width: 1380px;
}
.contents.event .ev-detail-wrap {
    min-height: 100vh;
}
.contents.event .ev-detail-wrap .ev-detail-con {
    max-width: inherit;
    padding: 0;
}
.contents.event .ev-detail-wrap .ev-detail-con .event-benefit-template {
    text-align: initial;
}
.contents.event .ev-detail-wrap .ev-detail-con .ev-cont {
    max-width: 1380px;
    margin: 0 auto;
}
.event-benefit-template a:focus-visible,
.event-benefit-template input:focus-visible,
.event-benefit-template div:focus-visible,
.event-benefit-template button:focus-visible {
    outline: 2px solid #000;
    outline-offset: 4px;
}

@media screen and (max-width: 767px) {
    .event-benefit-template a,
    .event-benefit-template a:active {
        outline: none;
        -webkit-tap-highlight-color: transparent;
    }
    .event-benefit-template input {
        outline: none;
        -webkit-tap-highlight-color: transparent;
    }
    .event-benefit-template div:focus {
        -webkit-tap-highlight-color: transparent;
    }
    .event-benefit-template button:focus,
    .event-benefit-template button:active {
        -webkit-tap-highlight-color: transparent;
    }
    .event-benefit-template a:focus-visible,
    .event-benefit-template input:focus-visible,
    .event-benefit-template div:focus-visible,
    .event-benefit-template button:focus-visible {
        outline: 2px solid #000;
        outline-offset: 2px;
    }
}

/* ========================= */
/* // Reset */
/* ========================= */

/* ========================= */
/* Reset 영향 있는 모듈 조정 */
/* ========================= */
.contents.event .ev-detail-wrap .ev-detail-con .event-benefit-template .evt-cont {
    text-align: center;
}
/* ========================= */
/* // Reset 영향 있는 모듈 조정 */
/* ========================= */

/* ========================= */
/* Layout */
/* ========================= */
.event-benefit-template {
    max-width: 1380px;
    min-height: 100vh;
    margin: 0 auto;
}

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

.event-benefit-template .article__inner {
    display: flex;
    position: relative;
    width: 100%;
    max-width: 1166px;
    padding: 72px 10px 80px;
    margin: 0 auto;
    flex-direction: column;
}

.event-benefit-template .article__inner:has(.img-shadow-only-pc),
.event-benefit-template .article__inner:has(.custom-scroll-slider--shadow),
.event-benefit-template .article__inner:has(.synced-tab-slider--shadow) {
    max-width: 1186px;
    padding-left: 0;
    padding-right: 0;
}
.event-benefit-template .img-shadow-only-pc:not(:has(img)),
.event-benefit-template .img-shadow-only-pc img {
    margin: 0 auto;
}
.event-benefit-template .article__content-area {
    position: relative;
}
.event-benefit-template .article__content-area:not(:has(.img-shadow-only-pc)) {
    width: 100%;
    max-width: 1146px; 
    margin-left: auto;
    margin-right: auto;
}
.event-benefit-template .article__content-area:has(.custom-scroll-slider--shadow),
.event-benefit-template .article__content-area:has(.synced-tab-slider--shadow) {
    max-width: 1166px;
}
.event-benefit-template .max-width--full.article__inner {max-width: 1380px;}
.event-benefit-template .max-width--full.article__content-area {max-width: 1380px;}
.event-benefit-template .max-width--full.article__inner .c-title-area {
    width: 100%;
    max-width: 1146px; 
    margin-left: auto; margin-right: auto;
}

@media screen and (max-width: 1165px) {
    .event-benefit-template .article__inner {
        padding: calc(72 / 1165 * 100%) 10px calc(80 / 1165 * 100%);
    }
    .event-benefit-template .article__inner:has(.img-shadow-only-pc),
    .event-benefit-template .article__inner:has(.custom-scroll-slider--shadow) {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .event-benefit-template .article__inner {
        padding: calc(32 / 390 * 100%) 0 calc(40 / 390 * 100%);
        overflow: hidden;
    }
    .event-benefit-template .article__inner:has([data-tab-sticky="2depth"]) {
        overflow:visible;
    }
    .event-benefit-template .article__inner:has( .c-article-main-banner--full-width) {
        padding-top: 0;
    }
}
/* ========================= */
/* // Layout */
/* ========================= */

/* ========================= */
/* 전체 공통 변수 */
/* ========================= */
.event-benefit-template,
.ui_modal_wrap {
    --01-primary-active-red: #EA1917;

    --base-color--white-01:#fff;

    --base-color--black-01:#000;
    --base-color--black-02:#111111; /* tab */
    --base-color--black-03:#111111; /* title */
    --base-color--black-04:#262626; /* button */
    --base-color--black-05:#3C332F;
    --base-color--black-06:#4A4946;
    --base-color--black-07:#43474D; /* details */

    --base-color--red-01:#EA1917;
    --base-color--red-02:#EA1917;
    --base-color--red-03:#FF0004;

    --base-color--pink-01:#FEF3F3; /* product tag bg */

    --base-color--gray-01:#E6E1D6; /* separator*/
    --base-color--gray-02:#727780; /* product name */
    --base-color--gray-03:#7E7C77; /* button */
    --base-color--gray-04:#8F9298; /* divider line */
    --base-color--gray-05:#F9FAFB; /* 유의사항 bg */
    --base-color--gray-06:#70727899;
    --base-color--gray-07:#707278; /* detail */
    --base-color--gray-08:#CEC7B4; /* seperator line */
    --base-color--gray-09:#F8F7F5; /* table bg */
    --base-color--gray-10:#767676; /* 유의사항 desc */
    --base-color--gray-11:#666666; /* q&a desc */

    --base-color--blue-01:#067F9D; /* price */

    --base-color--text-title:var(--base-color--black-02);
    --base-color--text-desc:var(--base-color--black-03);
    --base-color--text-detail:var(--base-color--gray-07);
    --base-color--text-product:var(--base-color--gray-02);

    --base-card--gap: 16px;

    /* calc size for 1165 */
    --calc-size--00: 0px;
    --calc-size--02: min(2px,  calc( 2 / 1165 * 100vw));
    --calc-size--04: min(4px,  calc( 4 / 1165 * 100vw));
    --calc-size--05: min(5px,  calc( 5 / 1165 * 100vw));
    --calc-size--06: min(6px,  calc( 6 / 1165 * 100vw));
    --calc-size--08: min(8px,  calc( 8 / 1165 * 100vw));
    --calc-size--09: min(9px,  calc( 9 / 1165 * 100vw));
    --calc-size--10: min(10px, calc(10 / 1165 * 100vw));
    --calc-size--11: min(11px, calc(11 / 1165 * 100vw));
    --calc-size--12: min(12px, calc(12 / 1165 * 100vw));
    --calc-size--13: min(13px, calc(13 / 1165 * 100vw));
    --calc-size--14: min(14px, calc(14 / 1165 * 100vw));
    --calc-size--15: min(15px, calc(15 / 1165 * 100vw));
    --calc-size--16: min(16px, calc(16 / 1165 * 100vw));
    --calc-size--17: min(17px, calc(17 / 1165 * 100vw));
    --calc-size--18: min(18px, calc(18 / 1165 * 100vw));
    --calc-size--19: min(19px, calc(19 / 1165 * 100vw));
    --calc-size--20: min(20px, calc(20 / 1165 * 100vw));
    --calc-size--21: min(21px, calc(21 / 1165 * 100vw));
    --calc-size--22: min(22px, calc(22 / 1165 * 100vw));
    --calc-size--23: min(23px, calc(23 / 1165 * 100vw));
    --calc-size--24: min(24px, calc(24 / 1165 * 100vw));
    --calc-size--25: min(25px, calc(25 / 1165 * 100vw));
    --calc-size--26: min(26px, calc(26 / 1165 * 100vw));
    --calc-size--27: min(27px, calc(27 / 1165 * 100vw));
    --calc-size--28: min(28px, calc(28 / 1165 * 100vw));
    --calc-size--30: min(30px, calc(30 / 1165 * 100vw));
    --calc-size--32: min(32px, calc(32 / 1165 * 100vw));
    --calc-size--34: min(34px, calc(34 / 1165 * 100vw));
    --calc-size--35: min(35px, calc(35 / 1165 * 100vw));
    --calc-size--36: min(36px, calc(36 / 1165 * 100vw));
    --calc-size--37: min(37px, calc(37 / 1165 * 100vw));
    --calc-size--38: min(38px, calc(38 / 1165 * 100vw));
    --calc-size--40: min(40px, calc(40 / 1165 * 100vw));
    --calc-size--44: min(44px, calc(44 / 1165 * 100vw));
    --calc-size--45: min(45px, calc(45 / 1165 * 100vw));
    --calc-size--50: min(50px, calc(50 / 1165 * 100vw));
    --calc-size--52: min(52px, calc(52 / 1165 * 100vw));
    --calc-size--56: min(56px, calc(56 / 1165 * 100vw));
    --calc-size--60: min(60px, calc(60 / 1165 * 100vw));
    --calc-size--64: min(64px, calc(64 / 1165 * 100vw));
    --calc-size--68: min(68px, calc(68 / 1165 * 100vw));
    --calc-size--72: min(72px, calc(72 / 1165 * 100vw));
    --calc-size--76: min(76px, calc(76 / 1165 * 100vw));
    --calc-size--80: min(80px, calc(80 / 1165 * 100vw));
}

.event-benefit-template .relative-area {
    position: relative;
}

.event-benefit-template .hidden-all {
    display: none !important;
}

@media screen and (min-width: 768px) {
    .event-benefit-template .hidden-pc {
        display: none !important;
    }

    .content-center-only-pc {
        max-width: 1146px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .event-benefit-template,
    .ui_modal_wrap {
        /* calc size for 390 */
        --calc-size--02: calc( 2 / 390 * 100vw);
        --calc-size--04: calc( 4 / 390 * 100vw);
        --calc-size--05: calc( 5 / 390 * 100vw);
        --calc-size--06: calc( 6 / 390 * 100vw);
        --calc-size--08: calc( 8 / 390 * 100vw);
        --calc-size--09: calc( 9 / 390 * 100vw);
        --calc-size--10: calc(10 / 390 * 100vw);
        --calc-size--11: calc(11 / 390 * 100vw);
        --calc-size--12: calc(12 / 390 * 100vw);
        --calc-size--13: calc(13 / 390 * 100vw);
        --calc-size--14: calc(14 / 390 * 100vw);
        --calc-size--15: calc(15 / 390 * 100vw);
        --calc-size--16: calc(16 / 390 * 100vw);
        --calc-size--17: calc(17 / 390 * 100vw);
        --calc-size--18: calc(18 / 390 * 100vw);
        --calc-size--19: calc(19 / 390 * 100vw);
        --calc-size--20: calc(20 / 390 * 100vw);
        --calc-size--21: calc(21 / 390 * 100vw);
        --calc-size--22: calc(22 / 390 * 100vw);
        --calc-size--23: calc(23 / 390 * 100vw);
        --calc-size--24: calc(24 / 390 * 100vw);
        --calc-size--25: calc(25 / 390 * 100vw);
        --calc-size--26: calc(26 / 390 * 100vw);
        --calc-size--27: calc(27 / 390 * 100vw);
        --calc-size--28: calc(28 / 390 * 100vw);
        --calc-size--30: calc(30 / 390 * 100vw);
        --calc-size--32: calc(32 / 390 * 100vw);
        --calc-size--34: calc(34 / 390 * 100vw);
        --calc-size--35: calc(35 / 390 * 100vw);
        --calc-size--36: calc(36 / 390 * 100vw);
        --calc-size--37: calc(37 / 390 * 100vw);
        --calc-size--38: calc(38 / 390 * 100vw);
        --calc-size--40: calc(40 / 390 * 100vw);
        --calc-size--44: calc(44 / 390 * 100vw);
        --calc-size--45: calc(45 / 390 * 100vw);
        --calc-size--50: calc(50 / 390 * 100vw);
        --calc-size--52: calc(52 / 390 * 100vw);
        --calc-size--56: calc(56 / 390 * 100vw);
        --calc-size--60: calc(60 / 390 * 100vw);
        --calc-size--64: calc(64 / 390 * 100vw);
        --calc-size--68: calc(68 / 390 * 100vw);
        --calc-size--72: calc(72 / 390 * 100vw);
        --calc-size--76: calc(76 / 390 * 100vw);
        --calc-size--80: calc(80 / 390 * 100vw);
    }

    .event-benefit-template .hidden-mo {
        display: none !important;
    }
}
/* ========================= */
/* // 전체 공통 변수 */
/* ========================= */

/* ========================= */
/* main KV */
/* ========================= */
.event-benefit-template .main-kv-video {
    display: block;
    width: 100%;
}
.event-benefit-template .main-kv {
    position: relative;
}
.event-benefit-template .main-kv__img {
    width: 100%;
}
@media screen and (max-width: 767px) {
}
/* ========================= */
/* // main KV */
/* ========================= */


/* 공유하기 버튼 위치 커스텀 */
/* .contents.event .ev-detail-wrap .ev-detail-con .ev-cont .component-wrap.layer-btn {
    top: min(670px, calc(670 / 1380 * 100vw) - 14px) !important;
    right: min(40px, calc(40 / 1380 * 100vw)) !important;
}
@media screen and (max-width: 767px) {
    .contents.event .ev-detail-wrap .ev-detail-con .ev-cont .component-wrap.layer-btn {
        top: calc(427 / 390 * 100vw - 46px) !important;
        right: calc(20 / 390 * 100vw) !important;
    }
} */
/* // 공유하기 버튼 위치 커스텀 */


/* ========================= */
/* synced-tab-slider */
/* ========================= */

/* 박스 쉐도우 없는 일반 형태 */
.event-benefit-template .synced-tab-slider .swiper-navigation-button {
    position: absolute;
    top: calc((100% - 50px) / 2);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    cursor: pointer;
    border-radius: 100px;
    box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.36), 0 2px 8px 0 rgba(33, 39, 49, 0.08);
    transform: translateY(-50%);
    background: #fff url(/kr/event/promotions/images/icon-line-chervron-left-black.svg) no-repeat;
    background-size: 7px 12px;
    background-position: center;
    transition:
        background-color 0.2s,
        box-shadow 0.2s,
        opacity 0.2s;
}
.event-benefit-template .synced-tab-slider .swiper-navigation-button:hover {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.event-benefit-template .synced-tab-slider .swiper-navigation-button:focus-visible {
    outline: 3px solid #007bff;
    outline-offset: 2px;
}
.event-benefit-template .synced-tab-slider .swiper-navigation-button--prev {
    left: -24px;
}
.event-benefit-template .synced-tab-slider .swiper-navigation-button--next {
    right: -24px;
    transform: translateY(-50%) rotate(180deg);
}
.event-benefit-template .synced-tab-slider .swiper-navigation-button.swiper-button-disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.3;
    display: none !important;
}
.event-benefit-template .synced-tab-slider .swiper-container-wrap .swiper-pagination {
    display: flex;
    width: 200px;
    margin: 0 auto;
}
.event-benefit-template .synced-tab-slider .swiper-container-wrap .swiper-pagination-bullets .swiper-pagination-bullet {
    flex-basis: 100%;
    height: 18px;
}
.event-benefit-template .synced-tab-slider .swiper-container-wrap .swiper-pagination-bullets .swiper-pagination-bullet::after {
    width: 100%;
    height: 4px;
    background-color: #ebebeb;
    border-radius: 0;
}
.event-benefit-template .synced-tab-slider .swiper-container-wrap .swiper-pagination-bullets .swiper-pagination-bullet-active::after {
    background-color: #111;
}
@media screen and (max-width: 1230px) {
    .event-benefit-template .synced-tab-slider {
    }
    .event-benefit-template .synced-tab-slider .swiper-container-wrap {
        margin: 0 20px;
    }
    .event-benefit-template .synced-tab-slider .swiper-navigation-button--next{
        right: -20px;
    }
    .event-benefit-template .synced-tab-slider .swiper-navigation-button--prev{
        left: -20px;
    }
}
@media (max-width: 767px) {
    .event-benefit-template .synced-tab-slider .swiper-navigation-button {
        top: calc((100% - 18px - calc(14 / 720 * 100vw)) / 2);
        width: calc(32 / 390 * 100vw);
        height: calc(32 / 390 * 100vw);
        background: #fff url(/kr/event/promotions/images/icon-line-chervron-left-black-mo.svg) no-repeat;
        background-position: center;
        background-size: calc(5 / 390 * 100vw) calc(8 / 390 * 100vw);
        box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.36), 0 2px 6px 0 rgba(33, 39, 49, 0.08);
    }
    .event-benefit-template .synced-tab-slider .swiper-navigation-button:hover {
        box-shadow: 0 0 0.5px 0 rgba(33, 39, 49, 0.36), 0 1px 4px 0 rgba(33, 39, 49, 0.08);
    }
    .event-benefit-template .synced-tab-slider .swiper-navigation-button--prev {
        left: calc(6 / 390 * 100vw);
    }
    .event-benefit-template .synced-tab-slider .swiper-navigation-button--next {
        right: calc(6 / 390 * 100vw);
    }
    .event-benefit-template .synced-tab-slider .swiper-container-wrap {
        margin: 0;
    }
    .event-benefit-template .synced-tab-slider .swiper-container-wrap .swiper-pagination {
        width: calc(80 / 390 * 100vw);
        padding-top: calc(24 / 390 * 100vw);
    }
    .event-benefit-template .synced-tab-slider .swiper-container-wrap .swiper-pagination-bullets .swiper-pagination-bullet::after {
        height: max(4px, calc(4 / 390 * 100vw));
    }
}
/* // 박스 쉐도우 없는 일반 형태 */


/* 카드에 박스 쉐도우 있는 경우 */
.event-benefit-template .synced-tab-slider--shadow .synced-tab-slider__nav {
    width: 100%;
    max-width: 1146px; 
    margin-left: auto;
    margin-right: auto;
}
.event-benefit-template .synced-tab-slider--shadow .c-tab--round {
    margin-bottom: 24px;
}
.event-benefit-template .synced-tab-slider--shadow .swiper-slide img {
    border-radius: 8px;
    box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.00), 0 2px 10px 0 rgba(33, 39, 49, 0.15);
}
.event-benefit-template .synced-tab-slider--shadow .swiper-slide {
    padding: 10px;
}
.event-benefit-template .synced-tab-slider--shadow .swiper-navigation-button--next{
    right: -14px;
}
.event-benefit-template .synced-tab-slider--shadow .swiper-navigation-button--prev{
    left: -14px;
}
@media screen and (max-width: 1165px) {
    .event-benefit-template .synced-tab-slider--shadow .synced-tab-slider__nav {
        padding: 0 10px;
    }
}
@media screen and (max-width: 767px) {
    .event-benefit-template .synced-tab-slider--shadow .synced-tab-slider__nav {
        padding: 0;
    }
    .event-benefit-template .synced-tab-slider--shadow .swiper-container-wrap {
        padding: 0;
    }
    .event-benefit-template .synced-tab-slider--shadow .swiper-slide {
        padding: calc(10 / 390 * 100vw) calc(20 / 390 * 100vw);
    }
    .event-benefit-template .synced-tab-slider--shadow .swiper-navigation-button--next{
        right: 6px;
    }
    .event-benefit-template .synced-tab-slider--shadow .swiper-navigation-button--prev{
        left: 6px;
    }
    .event-benefit-template .synced-tab-slider--shadow .swiper-container-wrap .swiper-pagination {
        padding-top: calc(14 / 390 * 100vw);
    }
}
/* // 카드에 박스 쉐도우 있는 경우 */

/* ========================= */
/* // synced-tab-slider */
/* ========================= */


/* ========================= */
/* custom horizontal scroll slider */
/* ========================= */
.event-benefit-template .custom-scroll-slider {
}
.event-benefit-template .custom-scroll-slider__container {
    position: relative;
    overflow: visible;
}
.event-benefit-template .custom-scroll-slider__nav-button {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    cursor: pointer;
    border-radius: 100px;
    box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.36), 0 2px 8px 0 rgba(33, 39, 49, 0.08);
    transform: translateY(-50%);
    background: #fff url(/kr/event/promotions/images/icon-line-chervron-left-black.svg) no-repeat;
    background-size: 7px 12px;
    background-position: center;
    transition:
        background-color 0.2s,
        box-shadow 0.2s,
        opacity 0.2s;
}
.event-benefit-template .custom-scroll-slider__nav-button:hover {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.event-benefit-template .custom-scroll-slider__nav-button:focus-visible {
    outline: 3px solid #007bff;
    outline-offset: 2px;
}

.event-benefit-template .custom-scroll-slider__nav-button--prev {
    left: -24px;
}
.event-benefit-template .custom-scroll-slider__nav-button--next {
    right: -24px;
    transform: translateY(-50%) rotate(180deg);
}
.event-benefit-template .custom-scroll-slider__nav-button--disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.3;
    display: none !important;
}
.event-benefit-template .custom-scroll-slider__content-wrapper {
    display: flex;
    column-gap: 24px;
    overflow-x: auto;
    overflow-y: hidden;
    cursor: grab;
    user-select: none;
    scrollbar-width: none;
}
.event-benefit-template .custom-scroll-slider:not(.j-custom-scroll-slider--only-mo):not(.j-custom-scroll-slider--only-pc) .custom-scroll-slider__content-wrapper {
    overflow-x: auto;
}

.event-benefit-template .custom-scroll-slider__content-wrapper--shadow {
    margin: -10px 0;
    padding: 10px 0;
}
.event-benefit-template .custom-scroll-slider__content-wrapper--full-width .custom-scroll-slider__item {
    flex-basis: 100%;
    display: flex;
}
.event-benefit-template .custom-scroll-slider__item {
    position: relative; /* gt.yang 25.10.13 : 해당 요소 안에 blind 태그 작업시 레이아웃 깨짐 방지 위함. */
}
.event-benefit-template .custom-scroll-slider__item:has( .c-img-product--pc-vertical-horizon-scroll) {
    display:flex;
    display: block;
}
.event-benefit-template .custom-scroll-slider__content-wrapper::-webkit-scrollbar {
    display: none;
}
.event-benefit-template .custom-scroll-slider--disabled-on-touch-device .custom-scroll-slider__scrollbar {
    display: none;
}
.event-benefit-template .custom-scroll-slider__content-wrapper--active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

.event-benefit-template .custom-scroll-slider__item:focus-visible {
    outline: 3px solid #007bff !important;
    outline-offset: -3px !important;
}

.event-benefit-template .custom-scroll-slider__scrollbar {
    display: flex;
    justify-content: center;
    padding: 10px 0;
    margin-top: 24px;
}

.event-benefit-template .custom-scroll-slider:has(+ .c-tab) .custom-scroll-slider__scrollbar,
.event-benefit-template .custom-scroll-slider:has(+ .c-product) .custom-scroll-slider__scrollbar {
    margin-bottom: 48px;
}

.event-benefit-template .custom-scroll-slider__scrollbar-track {
    position: relative;
    width: 204px;
    height: 4px;
    background-color: #EBEBEB;
}

.event-benefit-template .custom-scroll-slider__scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    cursor: grab;
    background-color: #111;
}

.event-benefit-template .custom-scroll-slider__scrollbar-thumb::before {
    position: absolute;
    top: -10px;
    right: 0;
    bottom: -10px;
    left: 0;
    content: "";
    background-color: transparent;
}

.event-benefit-template .custom-scroll-slider__scrollbar-thumb--active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

/* 이미지 슬라이더(노출 아이템 수) */
.event-benefit-template .display-limited--item .custom-scroll-slider__item {
    flex: 0 0 calc((100%) / var(--display-limited--item, 1));
}
/* // 이미지 슬라이더(노출 아이템 수) */

@media screen and (max-width: 1220px) {
    .event-benefit-template .custom-scroll-slider__nav-button--prev {
        left: 0px;
    }
    .event-benefit-template .custom-scroll-slider__nav-button--next {
        right: 0;
    }
}
@media screen and (min-width: 768px) {
    .event-benefit-template .j-custom-scroll-slider--only-mo .custom-scroll-slider__content-wrapper {
        overflow: initial;
    }

    .event-benefit-template .custom-scroll-slider--only-mo .custom-scroll-slider__nav-button {
        display: none;
    }
    .event-benefit-template .custom-scroll-slider--only-mo .custom-scroll-slider__scrollbar {
        display: none;
    }

    .custom-scroll-slider--disabled-only-pc .custom-scroll-slider__nav-button,
    .custom-scroll-slider--disabled-only-pc .custom-scroll-slider__scrollbar {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .event-benefit-template .j-custom-scroll-slider--only-pc .custom-scroll-slider__content-wrapper {
        overflow: initial;
    }

    .event-benefit-template .custom-scroll-slider__content-wrapper:has( .c-img-product--pc-vertical-horizon-scroll) {
        column-gap: initial;
        padding: 0;
        margin: 0;
    }
    .event-benefit-template .custom-scroll-slider__content-wrapper {
        column-gap: calc(12 / 390 * 100vw);
        margin: 0 calc(20 / 390 * 100vw);
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }
    .event-benefit-template .custom-scroll-slider__content-wrapper--shadow {
        padding: 5px;
        margin: -5px calc(20 / 390 * 100vw);
    }
    .event-benefit-template .custom-scroll-slider__content-wrapper--full-width {
        flex-direction:column;
        row-gap: calc(12 / 390 * 100vw);
    }
    .event-benefit-template .custom-scroll-slider__item {
        scroll-snap-align: start;
    }
    .event-benefit-template .custom-scroll-slider:has(+ .c-tab),
    .event-benefit-template .custom-scroll-slider:has(+ .c-product) {
        padding-bottom: calc(24 / 390 * 100vw);
    }
    .event-benefit-template .custom-scroll-slider__nav-button {
        width: calc(32 / 390 * 100vw);
        height: calc(32 / 390 * 100vw);
        background: #fff url(/kr/event/promotions/images/icon-line-chervron-left-black-mo.svg) no-repeat;
        background-position: center;
        background-size: calc(5 / 390 * 100vw) calc(8 / 390 * 100vw);
        box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.36), 0 2px 6px 0 rgba(33, 39, 49, 0.08);
    }
    .event-benefit-template .custom-scroll-slider__nav-button:hover {
        box-shadow: 0 0 0.5px 0 rgba(33, 39, 49, 0.36), 0 1px 4px 0 rgba(33, 39, 49, 0.08);
    }
    .event-benefit-template .custom-scroll-slider__nav-button--prev {
        left: calc(6 / 390 * 100vw);
    }
    .event-benefit-template .custom-scroll-slider__nav-button--next {
        right: calc(6 / 390 * 100vw);
    }
    .event-benefit-template .custom-scroll-slider__scrollbar {
        padding: 10px 0;
        margin-top: calc(24 / 390 * 100vw);
    }
    .event-benefit-template .custom-scroll-slider__scrollbar-track {
        width: calc(80 / 390 * 100vw);
        height: max(4px, calc(4 / 390 * 100vw));
    }
}


/* 카드에 박스 쉐도우 케이스 */
.event-benefit-template .custom-scroll-slider--shadow {
    margin: 0 auto;
}
.event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__content-wrapper {
    padding: 10px;
    max-width: 1166px;
}
.event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__item img {
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.00), 0 2px 10px 0 rgba(33, 39, 49, 0.15);
}
.event-benefit-template .has-item-shadow--base > div, 
.event-benefit-template .has-item-shadow--base > li {
    box-shadow: 0px 0px 1px 0px rgba(33, 39, 49, 0.1), 0px 2px 20px 0px rgba(33, 39, 49, 0.06);
}
.event-benefit-template .has-shadow-images .custom-scroll-slider__item {
    margin-top: 14px;
    margin-bottom: 14px;
    padding: 0 12px;
}
.event-benefit-template .custom-scroll-slider:has(.has-shadow-images) {
    margin: 0 -8px;
}
.event-benefit-template .has-shadow-images {
    column-gap: 0px;
}
.event-benefit-template .has-shadow-images .custom-scroll-slider__item img {
    box-shadow: 0px 0px 1px 0px rgba(33, 39, 49, 0.1), 0px 2px 20px 0px rgba(33, 39, 49, 0.06);
}
.event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__nav-button--prev {
    left: -14px;
}
.event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__nav-button--next {
    right: -14px;
}
@media screen and (max-width: 1220px) {
    .event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__nav-button--prev {
        left: 10px;
    }
    .event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__nav-button--next {
        right: 10px;
    }
}
@media screen and (max-width: 767px) {
    .event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__container {
        margin: 0;
    }
    .event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__content-wrapper {
        flex-wrap: nowrap;
        margin: 0;
        padding: 0;
        gap: 0;
    }
    .event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__item {
        flex: initial;
        min-width: 100%;
        max-width: 100%;
        margin: calc(10 / 390 * 100vw) 0;
        padding: 0 calc(20 / 390 * 100vw);
        /* scroll-snap-align: center; */
    }
    .event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__item img {
        border-radius: calc(8 / 390 * 100vw);
        box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.00), 0 2px calc(10 / 390 * 100vw) 0 rgba(33, 39, 49, 0.15);
    }
    .event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__nav-button--prev {
        left: calc(6 / 390 * 100vw);
    }
    .event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__nav-button--next {
        right: calc(6 / 390 * 100vw);
    }
    .event-benefit-template .custom-scroll-slider--shadow .custom-scroll-slider__scrollbar {
        margin-top: calc(14 / 390 * 100vw);
    }
}
/* // 카드에 박스 쉐도우 케이스 */

/* ========================= */
/* // custom horizontal scroll slider */
/* ========================= */




/* ========================= */
/* coupon */
/* ========================= */
.event-benefit-template .c-coupon {
    display: flex;
    align-items: center;
    width: 100%;
}
.event-benefit-template .c-coupon--half-only-pc {
    width: 50%;
    min-width: initial;
}
.event-benefit-template .c-coupon--full {
    width: 100%;
    min-width: initial;
}

.event-benefit-template .c-coupon__info {
    position: relative;
    overflow: hidden;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    height: 120px;
    background: white;
    border: solid 1px #dee1e5;
    border-radius: 8px;
    box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.00), 0 2px 10px 0 rgba(33, 39, 49, 0.15);
}

.event-benefit-template .c-coupon__text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 40px;
}

.event-benefit-template .c-coupon__price {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
    color: #111111;
    letter-spacing: -0.5px;
}

.event-benefit-template .c-coupon__price--small {
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.5px;
}

.event-benefit-template .c-coupon__condition {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #727780;
    letter-spacing: -0.2px;
}

.event-benefit-template .c-coupon__download {
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 120px;
    /* cursor: pointer; */
    border-radius: 8px;
    background: linear-gradient(90deg, #F62826 1.66%, #D91715 97.64%);
    box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.00), 0 2px 10px 0 rgba(33, 39, 49, 0.15);
    border: none;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}
.event-benefit-template .c-coupon__download:disabled{
    background: #cbd0d5;
}
.event-benefit-template .c-coupon__download:disabled{
    background: #cbd0d5;
} 
.event-benefit-template .c-coupon__icon {
    width: 18px;
    height: 18px;
    background: url("/kr/event/promotions/images/icon-line-download-white.svg") no-repeat;
    background-size: contain;
}

.event-benefit-template .c-coupon__icon--new-tab {
    width: 18px;
    height: 18px;
    background: url("/kr/event/promotions/images/icon-new-tab-white.svg") no-repeat;
    background-size: contain;
}

.event-benefit-template .c-coupon__icon-svg {
    display: block;
    width: 100%;
    height: 100%;
}

.event-benefit-template .c-coupon__sold-out-case {
    display: none;
}
.event-benefit-template .c-coupon--sold-out .c-coupon__sold-out-case {
    content:'';
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
    line-height: 136.364%;
    letter-spacing: -0.44px;
    background-color: rgba(0, 0, 0, 0.70);
}
.event-benefit-template .c-coupon--sold-out .c-coupon__info {
    border: none;
}
.event-benefit-template .c-coupon--sold-out .c-coupon__download {
    pointer-events: none;
}
.event-benefit-template .c-coupon--sold-out .c-coupon__download::after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.70);
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-coupon--full{
        max-width: 100%;
        width: 100%;
    }
    .event-benefit-template .c-coupon--half-only-pc {
        max-width: 100%;
        width: 100%;
    }

    .event-benefit-template .c-coupon__info {
        height: calc(80 / 390 * 100vw);
        border-radius: calc(8 / 390 * 100vw);
        box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.00), 0 2px calc(10 / 390 * 100vw) 0 rgba(33, 39, 49, 0.15);
    }

    .event-benefit-template .c-coupon__text {
        gap: calc(3 / 390 * 100vw);
        padding: 0 0 0 calc(16 / 390 * 100vw);
    }

    .event-benefit-template .c-coupon__title {
        margin-bottom: calc(3 / 390 * 100vw);
    }

    .event-benefit-template .c-coupon__price {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.375;
        letter-spacing: calc(-0.32em / 16);
    }

    .event-benefit-template .c-coupon__price--small {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.375;
        letter-spacing: calc(-0.32em / 16);
    }

    .event-benefit-template .c-coupon__condition {
        font-size: calc(12 / 390 * 100vw);
        line-height: 1.3333;
        letter-spacing: normal;
    }

    .event-benefit-template .c-coupon__download {
        width: calc(80 / 390 * 100vw);
        height: calc(80 / 390 * 100vw);
        border-radius: calc(8 / 390 * 100vw);
        box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.00), 0 2px calc(10 / 390 * 100vw) 0 rgba(33, 39, 49, 0.15);
        transition:
            transform 0.2s ease,
            box-shadow 0.2s ease;
    }

    .event-benefit-template .c-coupon__icon {
        width: calc(18 / 390 * 100vw);
        height: calc(18 / 390 * 100vw);
    }
    .event-benefit-template .c-coupon__icon--new-tab {
        width: calc(18 / 390 * 100vw);
        height: calc(18 / 390 * 100vw);
    }
    .event-benefit-template .c-coupon--sold-out .c-coupon__sold-out-case {
        font-size: calc(16 / 390 * 100vw);
        line-height: 137.5%;
        letter-spacing: calc(-0.32em/16);
    }
}
/* ========================= */
/* // coupon */
/* ========================= */


/* ========================= */
/* 통이미지 제품 */
/* ========================= */

/* 기본 형태 - PC : 작은 세로형, MO : 작은 세로형 */
.event-benefit-template .c-img-product__content {
    overflow: hidden;
    position: relative;
}

.event-benefit-template .c-img-product__content-wrapper {
    overflow: hidden;
}

.event-benefit-template .c-img-product__content-wrapper .c-img-product__content {
    position: relative;
    margin-top: 20px;
}
.event-benefit-template .c-img-product__content:first-child {
    margin-top: 0;
}
.event-benefit-template .c-img-product__picture {
    display: block;
}
.event-benefit-template .c-img-product.active .c-img-product__content-wrapper {
    max-height: initial;
}
.event-benefit-template .c-img-product.active .c-img-product__content {
    /* max-height: calc(var(--user-img-height, 0) * 1px); */
    max-height: initial;
}
.event-benefit-template .c-img-product.active .c-button-group {
    display: none;
}
.event-benefit-template .c-img-product__linker {
    position: absolute;
    display: grid;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    gap: calc(40 / 1146 * 100%);
    row-gap: calc(20 / var(--user-img-height) * 100%);
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(15, calc(408 / var(--user-img-height) * 100%));
}
.event-benefit-template .c-img-product__btn {
}

@media screen and (max-width: 767px) {
    .event-benefit-template .c-img-product__picture-wrapper {
        margin-top: calc(20 / 390 * 100vw);
    }
    .event-benefit-template .c-img-product__content {
        margin: 0 calc(20 / 390 * 100vw);
        max-height: calc(1196 / 390 * 100vw);
    }
    .event-benefit-template .c-img-product__linker {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        column-gap: calc(12 / 390 * 100vw);
        row-gap: calc(20 / var(--user-img-height) * 100%);
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(15, calc(295 / var(--user-img-height) * 100%));
    }
    .event-benefit-template .c-img-product__btn {
    }
}
/* // 기본 형태 - PC : 작은 세로형, MO : 작은 세로형 */

/* PC : 3줄 작은 가로형, MO : 3줄 가로형 */
.event-benefit-template .c-img-product--only-horizon .c-img-product__content {
    max-height: calc(152 / 1446 * 100%);
}
.event-benefit-template .c-img-product--only-horizon .c-img-product__linker {
    column-gap: calc(24 / 1146 * 100%);
    row-gap: calc(24 / var(--user-img-height) * 100%);
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, calc(152 / var(--user-img-height) * 100%));
}

@media screen and (max-width: 767px) {
    .event-benefit-template .c-img-product--only-horizon .c-img-product__content {
        margin: 0 calc(20 / 390 * 100vw);
        max-height: calc(546 / 390 * 100vw);
    }
    .event-benefit-template .c-img-product--only-horizon .c-img-product__linker {
        column-gap: 0;
        row-gap: 0;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, calc(120 / var(--user-img-height) * 100%));
    }
}
/* // PC : 3줄 작은 가로형, MO : 가로형 */

/* PC : 가로 스크롤 및 작은 세로형, MO : 작은 세로형 */
.event-benefit-template .c-img-product--pc-vertical-horizon-scroll .c-img-product__content {
    max-height: initial;
}
.event-benefit-template .c-img-product--pc-vertical-horizon-scroll .c-img-product__pircture {
    display: block;
    width: calc(var(--user-img-width) * 1px);
}
.event-benefit-template .c-img-product--pc-vertical-horizon-scroll .c-img-product__linker {
    column-gap: 40px;
    width: 2200px; /* gt.yang : grid 특수성 때문인지 강제로 이미지 보다 크게 지정해야 영역 소실 문제 없음. */
    grid-template-columns: repeat(auto-fill, 256px);
}

@media screen and (max-width: 767px) {
    .event-benefit-template .c-img-product--pc-vertical-horizon-scroll .c-img-product__content {
        max-height: 100%;
    }
    .event-benefit-template .c-img-product--pc-vertical-horizon-scroll .c-img-product__pircture {
        width: 100%;
    }
    .event-benefit-template .c-img-product--pc-vertical-horizon-scroll .c-img-product__linker {
        width: auto;
        column-gap: calc(12 / 390 * 100vw);
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(15, calc(295 / var(--user-img-height) * 100%));
    }
}
/* // PC : 가로 스크롤 및 작은 세로형, MO : 작은 세로형 */

/* ========================= */
/* // 통이미지 제품 */
/* ========================= */

/* ========================= */
/* 버튼 */
/* ========================= */
.event-benefit-template .c-button-group {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 48px;
}
.event-benefit-template .c-button-group.width-auto {width: auto;}
.event-benefit-template .custom-scroll-slider--shadow ~ .c-button-group {
    margin-top: 38px;
}

.event-benefit-template .c-button-group .c-button {
    min-width: 260px;
}

.event-benefit-template .c-button-group .c-button:only-child {
    flex-grow: 0;
    flex-basis: auto;
}

.event-benefit-template .c-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    column-gap: 6px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.2px;
    border-radius: 8px;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.event-benefit-template .c-button__icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    fill: currentColor;
    justify-content: center;
    align-items: center;
}

.c-button__icon--arrow-white {
    background: url('/kr/event/promotions/images/icon-line-chervron-right-white.svg') no-repeat;
    background-size: 7px 12px;
    background-position: center;
}
.c-button__icon--arrow-black {
    background: url('/kr/event/promotions/images/icon-line-chervron-right-black.svg') no-repeat;
    background-size: 7px 12px;
    background-position: center;
}
.c-button__icon--forward-arrow-white {
    background: url('/kr/event/promotions/images/icon-forward-arrow-white.svg') no-repeat;
    background-size: 17px 13px;
    background-position: center;
}
.c-button__icon--forward-arrow-black {
    background: url('/kr/event/promotions/images/icon-forward-arrow-black.svg') no-repeat;
    background-size: 17px 13px;
    background-position: center;
}
.c-button__icon--arrow-down-white {
    background: url('/kr/event/promotions/images/icon-line-chervron-right-white.svg') no-repeat;
    background-size: 7px 12px;
    transform: rotate(90deg);
    background-position: center;
}
.c-button__icon--arrow-down-black {
    background: url('/kr/event/promotions/images/icon-line-chervron-down-black.svg') no-repeat;
    background-size: 12px 7px;
    background-position: center;
}
.c-button__icon--arrow-right-black {
    background: url('/kr/event/promotions/images/icon-line-chervron-down-black.svg') no-repeat;
    background-size: 12px 7px;
    transform: rotate(270deg);
    background-position: center;
}
.c-button__icon--download-black {
    background: url('/kr/event/promotions/images/icon-line-download-black.svg') no-repeat;
    background-size: 14px 14px;
    background-position: center;
}

.c-button-group .linker-icon--white {
    background: url('/kr/event/promotions/images/icon-detail-link-white.svg') no-repeat;
    background-size: 14px 14px;
    background-position: center;
}

.c-button-group .linker-icon--black {
    background: url('/kr/event/promotions/images/icon-detail-link-black.svg') no-repeat;
    background-size: 14px 14px;
    background-position: center;
}

.c-button__icon--new-tab-white {
    background: url('/kr/event/promotions/images/icon-new-tab-white.svg') no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.c-button__icon--new-tab-black {
    background: url('/kr/event/promotions/images/icon-new-tab-black.svg') no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.event-benefit-template .c-button--primary {
    background-color: #111;
    border-color: #111;
    color: #fff;
}

.event-benefit-template .c-button--secondary {
    border: 1px solid #8F9298;
    background-color: #fff;
}

.event-benefit-template .c-button--detail {
    border: 1px solid #2F2F2F;
    background-color: #fff;
}

.event-benefit-template .c-button-group .c-button--horizontal-large {
    max-width: 444px;
    width: 100%;
}

.event-benefit-template .c-button-group .c-button--horizontal-large-only-pc {
    max-width: 444px;
    width: 100%;
}

.event-benefit-template .c-button--icon-left .c-button__text {
    order: 2;
}
.event-benefit-template .c-button--icon-left .c-button__icon {
    order: 1;
}
.event-benefit-template .c-button--large {
    padding: 18px 30px;
    min-height: 56px;
    font-size: 18px;
    border-radius: 10px;
}
.event-benefit-template .c-button--small {
    padding: 10px 16px;
    min-height: 40px;
    font-size: 14px;
    border-radius: 6px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-button-group {
        margin-top: calc(24 / 390 * 100vw);
        padding: 0 calc(20 / 390 * 100vw);
        gap: calc(8 / 390 * 100vw);
    }

    .event-benefit-template .custom-scroll-slider--shadow ~ .c-button-group {
        margin-top: calc(14 / 390 * 100vw);
    }

    .event-benefit-template .c-button-group .c-button {
        min-width: initial;
        flex-grow: 1;
        flex-basis: 0;
    }

    .event-benefit-template .c-button {
        width: 100%;
        padding: calc(10 / 390 * 100vw) calc(12 / 390 * 100vw);
        column-gap: calc(4 / 390 * 100vw);
        font-size: calc(15 / 390 * 100vw);
        line-height: 133.333%;
        letter-spacing: calc(-0.2em/15);
        border-radius: calc(8 / 390 * 100vw);
    }
    .event-benefit-template .c-button-group .c-button--horizontal-large-only-pc {
        max-width: 100%;
        width: 100%;
    }

    .event-benefit-template .c-button__icon {
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
    .c-button__icon--arrow-white {
        background-size: calc(7 / 390 * 100vw) calc(12 / 390 * 100vw);
    }
    .c-button__icon--arrow-black {
        background-size: calc(7 / 390 * 100vw) calc(12 / 390 * 100vw);
    }
    .c-button__icon--forward-arrow-white {
        background-size: calc(15 / 390 * 100vw) calc(11 / 390 * 100vw);
    }
    .c-button__icon--forward-arrow-black {
        background-size: calc(15 / 390 * 100vw) calc(11 / 390 * 100vw);
    }
    .c-button__icon--arrow-down-black{
        background-size: calc(12 / 390 * 100vw) calc(7 / 390 * 100vw);
    }
    .c-button__icon--arrow-down-white{
        background-size: calc(7 / 390 * 100vw) calc(12 / 390 * 100vw);
    }
    .c-button__icon--download-black {
        background-size: calc(14 / 390 * 100vw) calc(14 / 390 * 100vw);
    }
    .c-button__icon--new-tab-white {
        background-size: calc(16 / 390 * 100vw) calc(16 / 390 * 100vw);
    }
    .c-button__icon--new-tab-black {
        background-size: calc(16 / 390 * 100vw) calc(16 / 390 * 100vw);
    }
    .c-button-group .linker-icon--white {background-size: calc(14 / 390 * 100vw) calc(14 / 390 * 100vw)}
    .c-button-group .linker-icon--black {background-size: calc(14 / 390 * 100vw) calc(14 / 390 * 100vw)}
    .event-benefit-template .c-button--large {
    }
    .event-benefit-template .c-button--small {
    }
    .event-benefit-template .c-button--horizontal-large-only-pc {
    }
}
/* ========================= */
/* // 버튼 */
/* ========================= */


/* ========================= */
/* Product API */
/* ========================= */

/* 기본 형태 - PC : 작은 세로형, MO : 작은 세로형 */
.event-benefit-template .c-product {
    position: relative;
}
.event-benefit-template .c-product__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(256px, 1fr));
    gap: 16px 40px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.event-benefit-template .c-product__item {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    transition: transform 0.3s ease;
}

.event-benefit-template .c-product__item > span[data-prdvalue] > a {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}

.event-benefit-template .c-product__item > span[data-prdvalue] > a:focus-visible {
    outline-offset: -4px;
}

.event-benefit-template .c-product__visual {
    position: relative;
    padding: calc(28 / 256 * 100%);
    overflow: hidden;
    border: solid 1px #dee1e5;
    border-radius: 10px;
}

.event-benefit-template .c-product__visual:has(.c-product__image-badge--time-deal) {
    padding-top:8px;
    padding-bottom:48px;
}

.event-benefit-template .c-product__image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
}

.event-benefit-template .c-product__ranking-number {
    position: absolute;
    z-index: 1;
    left: 12px;
    top: 12px;
    display: flex;
    min-width: 28px;
    min-height: 28px;
    justify-content: center;
    align-items: center;
    padding:4px 8px;
    color: #F5F6F8;
    font-size: 16px;
    font-weight: 600;
    line-height: 137.5%;
    letter-spacing: -0.2px;
    border-radius: 8px;
    background: #000;
}


.event-benefit-template .c-product__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-benefit-template .c-product__image-badge--time-deal {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 9px;
    background: #000;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.28px;
}

.event-benefit-template .c-product__info-container a:has(.c-product__info) {
    display: block;
}

.event-benefit-template .c-product__badge-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 8px;
}

.event-benefit-template .c-product__badge {
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    border-radius: 2px;
}

.event-benefit-template .c-product__badge--limit-membership {
    color: #fff;
    background-color: #ea1917;
}

.event-benefit-template .c-product__badge--normal-membership {
    color: #ea1917;
    background-color: #fef3f3;
}

.event-benefit-template .c-product__badge--sale {
    color: white;
    background-color: #e53935;
}

.event-benefit-template .c-product__badge--card-discount {
    color: white;
    background-color: #e53935;
}

.event-benefit-template .c-product__badge--time-deal {
    color: white;
    background-color: #3563e5;
}

/* 뱃지 추가*/
/*
.c-product__badge--subscription-first : 첫구독 x만P
.c-product__badge--discount-half : x개월 반값할인
.c-product__badge--promotion-limited : 프로모션 한정 x만P
.c-product__badge--review-reward : 리뷰 시 x만P 추가
.c-product__badge--membership-benefit : 멤버십 x만P
*/

.event-benefit-template .c-product__badge--subscription-first {
	background-color: #EA1917;
	color: #fff;
}
.event-benefit-template .c-product__badge--discount-half {
	background-color: #978075;
	color: #fff;
}
.event-benefit-template .c-product__badge--promotion-limited {
	background-color: #111111;
	color: #fff;
}
.event-benefit-template .c-product__badge--review-reward {
	background-color: #F3F5F7;
	color: #111111;
}
.event-benefit-template .c-product__badge--membership-benefit {
	background-color: #FDF2F0;
	color: #EA1917;
}
/* // 뱃지 추가*/

.event-benefit-template .c-product__care-service {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    align-items: center;
    padding: 12px;
    margin-top: 16px;
    background: #f3f5f7;
    border-radius: 8px;
}

.event-benefit-template .c-product__care-service-title {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #000;
}

.event-benefit-template .c-product__care-service-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 9px;
}

.event-benefit-template .c-product__care-service-item {
    position: relative;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    color: #444;
}

.event-benefit-template .c-product__care-service-item::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 1px;
    height: 8px;
    margin-right: -5px;
    content: "";
    background-color: #ddd;
    transform: translateY(-50%);
}

.event-benefit-template .c-product__care-service-item:last-child::after {
    display: none;
}

.event-benefit-template .c-product__info {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
}

.event-benefit-template .c-product__brand-name {
    margin-bottom: 4px;
    color: #727780;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

.event-benefit-template .c-product__name {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #111;
    letter-spacing: -0.2px;
}

.event-benefit-template .c-product__model-id {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #43474D;
}

.event-benefit-template .c-product__price-area {
    margin-top: 8px;
}

.event-benefit-template .c-product__price-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0px 6px;
    margin: 0;
}
.event-benefit-template .c-product__price-list--one-time-purchase {
    flex-wrap: wrap;
}
.event-benefit-template .c-product__price-list--subscription {
    flex-direction: column;
}

.event-benefit-template .c-product__price-item {
    display: flex;
    column-gap: 4px;
    align-items: center;
}

.event-benefit-template .c-product__discount {
    color: #EA1917;
    font-size: 19px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.4px;
}

.event-benefit-template .c-product__price-label--subscription {
}

.event-benefit-template .c-product__price-item--final {
    flex-basis: 100%;
    justify-content: flex-start;
    color: #ea1917;
}

.event-benefit-template .c-product__price-label--final {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.event-benefit-template .c-product__price-value {
    display: flex;
    text-align: right;
    align-items: center;
}

.event-benefit-template .c-product__price-value--fianl {
    font-size: 19px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.4px;
    white-space: nowrap;
}

.event-benefit-template .c-product__unit {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: inherit;
    letter-spacing: -0.2px;
}

.event-benefit-template .c-product__unit--month {
   margin-right: 4px;
}

.event-benefit-template .c-product__price-item--member {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #111;
    letter-spacing: -0.4px;
}
.event-benefit-template .c-product__price-item--discount-rate {
    font-size: 19px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.4px;
    white-space: nowrap;
    color: #EA1917;
}
.event-benefit-template .c-product__price-item--original {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #43474D;
    text-decoration-line: line-through;
}

.event-benefit-template .c-product__price-value del {
}

.event-benefit-template .c-product__price-item--final .c-product__price-value strong {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #ea1917;
}
.event-benefit-template .c-product__info-container {
    display: flex;
    flex-direction: column;
}
.event-benefit-template .c-product__actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    margin-top: 16px;
}

.event-benefit-template .c-product__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    padding: 6px 12px;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #111;
    text-decoration: none;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #dee1e5;
    border-radius: 32px;
    transition:
        background-color 0.2s,
        border-color 0.2s,
        color 0.2s;
}

.event-benefit-template .c-product__actions a:hover {
    background-color: #f0f0f0;
}

.event-benefit-template .c-product__actions a.sold-out {
    position: relative;
    pointer-events: none;
    cursor: not-allowed;
}

.event-benefit-template .c-product__actions a.sold-out {
    opacity: 0.3;
}

.event-benefit-template .c-product__sold-out-icon {
    position: relative;
    display: none;
    padding-left: 18px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
    color: #111;
    letter-spacing: -0.4px;
}

.event-benefit-template .c-product__sold-out-icon::before {
    position: absolute;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    content: "";
    background: url("/kr/event/promotions/images/icon-product-api-sold-out.svg") no-repeat;
    background-size: contain;
}

.event-benefit-template .c-product__item--loading .c-product__image-wrapper,
.event-benefit-template .c-product__item--loading .c-product__brand-name,
.event-benefit-template .c-product__item--loading .c-product__name,
.event-benefit-template .c-product__item--loading .c-product__model-id {
    color: transparent;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200px 100%;
    border-radius: 4px;
    animation: skeleton-gradient 3s infinite linear alternate;
}

.event-benefit-template .c-product__item--loading .c-product__brand-name {
    width: 80%;
    height: 18px;
}

.event-benefit-template .c-product__item--loading .c-product__name {
    width: 80%;
    height: 22px;
}

.event-benefit-template .c-product__item--loading .c-product__model-id {
    width: 50%;
    height: 18px;
}

.event-benefit-template .c-product__item--sold-out {
    position: relative;
}

.event-benefit-template .c-product__item--sold-out > span > a {
    pointer-events: none;
}

.event-benefit-template .c-product__item--sold-out .c-product__visual::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #fff;
    letter-spacing: -0.2px;
    content: "일시품절";
    background-color: rgba(0, 0, 0, 0.5);
}

.event-benefit-template .c-product__item--sold-out .c-product__sold-out-icon {
    display: block;
}

.event-benefit-template .c-product__item--sold-out .c-product__price-item--member,
.event-benefit-template .c-product__item--sold-out .c-product__price-item--original {
    opacity: 0.2;
}
.event-benefit-template .c-product__item--sold-out .c-product__price-item--final,
.event-benefit-template .c-product__item--sold-out .c-product__badge-container {
    opacity: 0.3;
}

@keyframes skeleton-gradient {
    0% {
        background-position: -200px 0;
    }

    100% {
        background-position: calc(200px + 100%) 0;
    }
}

@media screen and (min-width: 768px) {
    .event-benefit-template .c-product__list--pc-column5 {
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
        gap: 20px 24px;
    }
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-product {
    }

    .event-benefit-template .c-product__list {
        grid-template-columns: 1fr 1fr;
        gap: calc(20 / 390 * 100vw) calc(12 / 390 * 100vw);
        margin: 0 calc(20 / 390 * 100vw);
    }

    .event-benefit-template .c-product__item {
    }

    .event-benefit-template .c-product__item > span[data-prdvalue] > a {
    }

    .event-benefit-template .c-product__item > span[data-prdvalue] > a:focus-visible {
    }

    .event-benefit-template .c-product__visual {
        padding: calc(14 / 390 * 100vw);
        border-radius: calc(4 / 390 * 100vw);
    }

    .event-benefit-template .c-product__visual:has(.c-product__image-badge--time-deal) {
        padding-top: calc(14 / 390 * 100vw);
        padding-bottom: calc(14 / 390 * 100vw);
    }

    .event-benefit-template .c-product__ranking-number {
        top: max(4px, calc(4 / 390 * 100vw));
        left: max(4px, calc(4 / 390 * 100vw));
        min-width: max(20px, calc(20 / 390 * 100vw));
        min-height: max(20px, calc(20 / 390 * 100vw));
        padding: max(2px, calc(2 / 390 * 100vw)) max(6px, calc(6 / 390 * 100vw));
        font-size: max(11px, calc(11 / 390 * 100vw));
        font-weight: 600;
        line-height: 127.273%;
        letter-spacing: normal;
        border-radius: max(4px, calc(4 / 390 * 100vw));
    }

    .event-benefit-template .c-product__image {
    }

    .event-benefit-template .c-product__image-badge--time-deal {
        padding: calc(2 / 390 * 100vw);
        font-size: calc(10 / 390 * 100vw);
        font-weight: 600;
        line-height: 220%;
        letter-spacing: calc(-0.2em / 10);
    }

    .event-benefit-template .c-product__info-container a:has(.c-product__info) {
    }

    .event-benefit-template .c-product__badge-container {
        gap: calc(4 / 390 * 100vw);
        margin-top: calc(10 / 390 * 100vw);
    }

    .event-benefit-template .c-product__badge {
        padding: calc(2 / 390 * 100vw) calc(6 / 390 * 100vw);
        font-size: calc(11 / 390 * 100vw);
        line-height: 127.273%;
        border-radius: max(2px, calc(2 / 390 * 100vw));
    }

    .event-benefit-template .c-product__badge--limit-membership {
    }

    .event-benefit-template .c-product__badge--normal-membership {
    }

    .event-benefit-template .c-product__badge--sale {
    }

    .event-benefit-template .c-product__badge--time-deal {
    }

    .event-benefit-template .c-product__care-service {
        gap: max(4px, calc(4 / 390 * 100vw)) 0px;
        padding: calc(8 / 390 * 100vw) calc(12 / 390 * 100vw);
        margin-top: calc(12 / 390 * 100vw);
        border-radius: max(4px, calc(4 / 390 * 100vw));
    }

    .event-benefit-template .c-product__care-service-title {
        font-size: max(11px, calc(11 / 390 * 100vw));
        line-height: 127.273%;
    }

    .event-benefit-template .c-product__care-service-list {
        gap: calc(4 / 390 * 100vw) calc(9 / 390 * 100vw);
        margin-top: max(2px, calc(2 / 390 * 100vw));
    }

    .event-benefit-template .c-product__care-service-item {
        font-size: max(11px, calc(11 / 390 * 100vw));
        line-height: 127.273%;
    }

    .event-benefit-template .c-product__care-service-item::after {
        height: max(8px, calc(8 / 390 * 100vw));
        margin-right: calc(-5 / 390 * 100vw);
    }

    .event-benefit-template .c-product__info {
        margin-top: max(8px, calc(12 / 390 * 100vw));
    }

    .event-benefit-template.iphone.safari .c-product__info {
        word-break: break-all;
    }

    .event-benefit-template.iphone.safari .c-product__brand-name {
        word-break: break-all;
    }

    .event-benefit-template.iphone.safari .c-product__name {
        word-break: break-all;
    }

    .event-benefit-template .c-product__brand-name {
        margin-bottom: calc(4 / 390 * 100vw);
        font-size: calc(11 / 390 * 100vw);
        line-height: 163.636%;
    }

    .event-benefit-template .c-product__name {
        font-size: calc(13 / 390 * 100vw);
        line-height: 140%;
        letter-spacing: calc(-0.2em / 13);
    }

    .event-benefit-template .c-product__model-id {
        margin-top: max(2px, calc(2 / 390 * 100vw));
        font-size: calc(12 / 390 * 100vw);
        line-height: 133.33%;
    }

    .event-benefit-template .c-product__price-area {
        margin-top: calc(10 / 390 * 100vw);
    }

    .event-benefit-template .c-product__price-list {
        gap: max(2px, calc(2 / 390 * 100vw)) max(6px, calc(6 / 390 * 100vw));
    }
    .event-benefit-template .c-product__price-list--one-time-purchase {
    }
    .event-benefit-template .c-product__price-list--subscription {
    }

    .event-benefit-template .c-product__price-item {
        column-gap: calc(4 / 390 * 100vw);
        align-items: center;
    }

    .event-benefit-template .c-product__discount {
        font-size: calc(15 / 390 * 100vw);
        line-height: 173.333%;
        letter-spacing: calc(-0.4 / 390 * 100vw);
    }

    .event-benefit-template .c-product__price-label--subscription {
    }

    .event-benefit-template .c-product__price-item--final {
    }

    .event-benefit-template .c-product__price-label--final {
        font-size: calc(12 / 390 * 100vw);
        line-height: 133.333%;
    }

    .event-benefit-template .c-product__price-value {
    }

    .event-benefit-template .c-product__price-value--fianl {
        font-size: calc(14 / 390 * 100vw);
        line-height: 142.857%;
    }

    .event-benefit-template .c-product__unit {
        font-size: calc(12 / 390 * 100vw);
        line-height: 133.333%;
    }

    .event-benefit-template .c-product__unit--month {
        margin-right: calc(2 / 390 * 100vw);
    }

    .event-benefit-template .c-product__price-item--member {
        font-size: calc(15 / 390 * 100vw);
        line-height: 133.333%;
        letter-spacing: calc(-0.2em / 15);
    }
    .event-benefit-template .c-product__price-item--discount-rate {
        font-size: calc(15 / 390 * 100vw);
        line-height: 1.2;
        letter-spacing: calc(-0.4em / 15);
    }
    .event-benefit-template .c-product__price-item--original {
        font-size: calc(12 / 390 * 100vw);
        line-height: 133.333%;
        letter-spacing: calc(-0.2em / 12);
    }

    .event-benefit-template .c-product__price-value del {
    }

    .event-benefit-template .c-product__price-item--final .c-product__price-value strong {
        font-size: calc(14 / 390 * 100vw);
        font-weight: 600;
        line-height: 120%;
        letter-spacing: calc(-0.4em / 14);
    }
    .event-benefit-template .c-product__info-container {
    }
    .event-benefit-template .c-product__actions {
        gap: calc(6 / 390 * 100vw);
        margin-top: calc(12 / 390 * 100vw);
    }

    .event-benefit-template .c-product__actions a {
        padding: calc(5 / 390 * 100vw) calc(10 / 390 * 100vw);
        font-size: calc(12 / 390 * 100vw);
        line-height: 133.333%;
    }

    .event-benefit-template .c-product__actions a.sold-out {
    }

    .event-benefit-template .c-product__actions a.sold-out::after {
    }

    .event-benefit-template .c-product__item--loading .c-product__image-wrapper,
    .c-product__item--loading .c-product__name,
    .c-product__item--loading .c-product__model-id {
    }

    .event-benefit-template .c-product__item--loading .c-product__brand-name {
        height: calc(11 / 390 * 100vw * 1.636);
    }

    .event-benefit-template .c-product__item--loading .c-product__name {
        height: calc(44 / 390 * 100vw);
    }

    .event-benefit-template .c-product__item--loading .c-product__model-id {
        height: calc(18 / 390 * 100vw);
    }

    .event-benefit-template .c-product__item--sold-out {
    }

    .event-benefit-template .c-product__item--sold-out > span > a {
    }

    .event-benefit-template .c-product__item--sold-out .c-product__visual::after {
        font-size: calc(16 / 390 * 100vw);
    }
    .event-benefit-template .c-product__sold-out-icon {
        padding-left: calc(18 / 390 * 100vw);
        margin-top: calc(10 / 390 * 100vw);
        font-size: calc(14 / 390 * 100vw);
        letter-spacing: calc(-0.4em / 14);
    }

    .event-benefit-template .c-product__sold-out-icon::before {
        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
    }
}
/* // 기본 형태 - PC : 작은 세로형, MO : 작은 세로형 */

/* PC : 가로형, MO : 가로형 */
.event-benefit-template .c-product__list--only-horizontal {
    grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));
}
.event-benefit-template .c-product__list--only-horizontal .c-product__visual {
    padding: calc(14 / 210 * 100%);
}
.event-benefit-template .c-product__list--only-horizontal .c-product__info-container a:has(.c-product__info) {
    order: 1;
}
.event-benefit-template .c-product__list--only-horizontal .c-product__actions {
    justify-content: flex-start;
    margin-top: 12px;
}
.event-benefit-template .c-product__list--only-horizontal .c-product__info {
    margin-top: 0;
}
.event-benefit-template .c-product__list--only-horizontal .c-product__badge-container {
    order: 3;
}
.event-benefit-template .c-product__list--only-horizontal .c-product__care-service {
    order: 4;
}

.event-benefit-template .c-product__list--only-horizontal span[data-prdvalue] {
    display: flex;
    column-gap: 24px;
}

.event-benefit-template .c-product__list--only-horizontal span[data-prdvalue] > a {
    flex-basis: 210px;
}

.event-benefit-template .c-product__list--only-horizontal .c-product__info-container {
    flex-basis: 408px;
}
.event-benefit-template .c-product__list--only-horizontal .c-product__sold-out-icon {
    order: 3;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-product__list--only-horizontal {
        grid-template-columns: 1fr;
    }
    .event-benefit-template .c-product__list--only-horizontal span[data-prdvalue] {
        display: flex;
        column-gap: calc(12 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--only-horizontal span[data-prdvalue] > a {
        flex-basis: calc(120 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--only-horizontal .c-product__info-container {
        flex-basis: calc(218 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--only-horizontal .c-product__visual {
        padding: calc(10 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--only-horizontal .c-product__info-container a:has(.c-product__info) {
    }
    .event-benefit-template .c-product__list--only-horizontal .c-product__actions {
        order: initial;
        margin-top: calc(10 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--only-horizontal .c-product__info {
    }
    .event-benefit-template .c-product__list--only-horizontal .c-product__badge-container {
        margin-top: calc(10 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--only-horizontal .c-product__care-service {
        margin-top: calc(10 / 390 * 100vw);
    }
}
/* // PC : 가로형, MO : 가로형 */


/* 썸네일 커스텀 - 전체 공통 */
.event-benefit-template [class*="c-product__list--thumnail-custom"] .c-product__name {
    font-size: 19px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.4px;
}
.event-benefit-template [class*="c-product__list--thumnail-custom"] .c-product__price-area {
    margin-top: 12px;
}
.event-benefit-template [class*="c-product__list--thumnail-custom"] .c-product__price-list {
    row-gap: 2px;
}
.event-benefit-template [class*="c-product__list--thumnail-custom"] .c-product__actions {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 8px;
}
.event-benefit-template [class*="c-product__list--thumnail-custom"] .c-product__actions a {
    display: flex;
    column-gap: 2px;
    justify-content: center;
    align-items: center;
    flex-basis: 100%;
    border-radius: 6px;
    border:solid 1px #8F9298;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
}
.event-benefit-template [class*="c-product__list--thumnail-custom"] .c-product__actions a::after {
    content: '';
    width: 18px;
    height: 18px;
    background-image: url(/kr/event/promotions/images/icon-black-arrow-right.svg);
    background-size: contain;
}
@media screen and (max-width: 767px) {
    .event-benefit-template [class*="c-product__list--thumnail-custom"] .c-product__image-badge--time-deal {
        padding-top: calc(10 / 390 * 100vw);
        padding-bottom: calc(10 / 390 * 100vw);
        font-size: calc(14 / 390 * 100vw);
        line-height: 157.143%;
        letter-spacing: calc(-0.28em / 14);
    }
    .event-benefit-template [class*="c-product__list--thumnail-custom"] .c-product__name {
        font-size: calc(17 / 390 * 100vw);
        line-height: calc(24 / 390 * 100vw);
        letter-spacing: calc(-0.3em/17);
    }
    .event-benefit-template [class*="c-product__list--thumnail-custom"] .c-product__price-area {
        margin-top: calc(8 / 390 * 100vw);
    }
    .event-benefit-template [class*="c-product__list--thumnail-custom"] .c-product__price-list {
        gap: max(2px, calc(2 / 390 * 100vw)) max(6px, calc(6 / 390 * 100vw));
    }
    .event-benefit-template [class*="c-product__list--thumnail-custom"] .c-product__actions {
        column-gap: 8px;
    }
    .event-benefit-template [class*="c-product__list--thumnail-custom"] .c-product__actions a {
        column-gap: max(2px, calc(2 / 390 * 100vw));
        border-radius: max(3px, calc(3 / 390 * 100vw));
        font-size: calc(12 / 390 * 100vw);
        line-height: 133.333%;
    }
    .event-benefit-template [class*="c-product__list--thumnail-custom"] .c-product__actions a::after {
        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
    }   
}
/* // 썸네일 커스텀 - 전체 공통 */

/* 썸네일 커스텀, PC : 풀 가로형, MO : 풀 세로형 */
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical {
    grid-template-columns: 1fr;
}
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__item {
    margin-bottom: 32px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow:
        0 0 1px 0 rgba(33, 39, 49, 0.28),
        0 2px 8px 0 rgba(33, 39, 49, 0.05);
}
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical span[data-prdvalue],
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical span[data-home-style-product] {
    display: flex;
}
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical span[data-prdvalue] > a,
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical span[data-home-style-product] > a {
    flex-basis: 328px;
}
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__info-container {
    flex-basis: 818px;
    justify-content: center;
    padding: calc(40 / 1146 * 100%);
}
.event-benefit-template
    .c-product__list--thumnail-custom-pc-horizontal-mo-vertical
    .c-product__info-container
    a:has(.c-product__info) {
    /* order: 1; */
}
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__visual {
    height: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
}
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__image-wrapper {
    width: 100%;
    height: 100%;
}
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__actions {
    justify-content: flex-start;
    margin-top: 12px;
}
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__info {
    margin-top: 0;
}
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__badge-container {
}
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__care-service {
    order: 4;
}
.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__care-service-title {
    min-width: 51.5%;
    max-width: 51.5%;
}

.event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__sold-out-icon {
    order: 3;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical {
        grid-template-columns: 1fr;
    }
    .event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__item {
        margin-bottom: calc(24 / 390 * 100vw);
        overflow: hidden;
        border-radius: calc(8 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical span[data-prdvalue],
    .event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical span[data-home-style-product] {
        flex-direction: column;
        column-gap: 0;
    }
    .event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical span[data-prdvalue] > a,
    .event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical span[data-home-style-product] > a {
        flex-basis: initial;
    }
    .event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__info-container {
        flex-basis: initial;
        padding: calc(20 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__visual {
        padding: 0;
    }
    .event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__actions {
        justify-content: center;
        margin-top: calc(16 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__badge-container {
        margin-top: calc(8 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__care-service-title {
        min-width: initial;
        max-width: initial;
    }
}
/* // 썸네일 커스텀, PC : 풀 가로형, MO : 풀 세로형 */

/* 썸네일 커스텀, PC : 큰 세로형, MO : 풀 세로형 */
.event-benefit-template .c-product__list--thumnail-custom-pc-vertical-mo-vertical {
    border-radius: 8px;
}
.event-benefit-template .c-product__list--thumnail-custom-pc-vertical-mo-vertical .c-product__item {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.00), 0 2px 10px 0 rgba(33, 39, 49, 0.15);
}
.event-benefit-template .c-product__list--thumnail-custom-pc-vertical-mo-vertical .c-product__visual {
    padding: 0;
    border-radius: 0;
}

.event-benefit-template .c-product__list--thumnail-custom-pc-vertical-mo-vertical .c-product__info-container {
    padding: 0 20px 24px;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .c-product__list--thumnail-custom-pc-vertical-mo-vertical {
        grid-template-columns: 1fr;
        margin: 0;
    }
    .event-benefit-template .c-product__list--thumnail-custom-pc-vertical-mo-vertical .c-product__item {
        border-radius: calc(8 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--thumnail-custom-pc-vertical-mo-vertical .c-product__visual {
    }

    .event-benefit-template .c-product__list--thumnail-custom-pc-vertical-mo-vertical .c-product__info-container {
        padding: 0 calc(20 / 390 * 100vw) calc(20 / 390 * 100vw);
    }
}
/* // 썸네일 커스텀, PC : 큰 세로형, MO : 풀 세로형 */

/* PC : 가로 1컬럼형, MO : 작은 세로형 */
.event-benefit-template .c-product__pc-horizontal-1column-mo-vertical {
    grid-template-columns: 1fr;
}
.event-benefit-template .c-product__pc-horizontal-1column-mo-vertical {
    grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));
}
.event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__visual {
    padding: calc(14 / 210 * 100%);
}
.event-benefit-template
    .c-product__pc-horizontal-1column-mo-vertical
    .c-product__info-container
    a:has(.c-product__info) {
    order: 1;
}
.event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__actions {
    margin-top: 12px;
}
.event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__info {
    margin-top: 0;
}
.event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__badge-container {
    order: 3;
}
.event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__care-service {
    order: 4;
}

.event-benefit-template .c-product__pc-horizontal-1column-mo-vertical span[data-prdvalue] {
    display: flex;
    column-gap: 24px;
}

.event-benefit-template .c-product__pc-horizontal-1column-mo-vertical span[data-prdvalue] > a {
    flex-basis: 210px;
}

.event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__info-container {
    flex-basis: 408px;
}
.event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__sold-out-icon {
    order: 3;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-product__pc-horizontal-1column-mo-vertical {
        grid-template-columns: 1fr 1fr;
    }
    .event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__visual {
        padding: calc(14 / 390 * 100vw);
    }
    .event-benefit-template
        .c-product__pc-horizontal-1column-mo-vertical
        .c-product__info-container
        a:has(.c-product__info) {
        order: initial;
    }
    .event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__actions {
        order: initial;
        margin-top: 12px;
    }
    .event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__info {
        margin-top: max(8px, calc(12 / 390 * 100vw));
    }
    .event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__badge-container {
        order: initial;
    }
    .event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__care-service {
        order: initial;
    }

    .event-benefit-template .c-product__pc-horizontal-1column-mo-vertical span[data-prdvalue] {
        flex-direction: column;
    }

    .event-benefit-template .c-product__pc-horizontal-1column-mo-vertical span[data-prdvalue] > a {
        flex-basis: 210px;
    }

    .event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__info-container {
        flex-basis: initial;
    }
    .event-benefit-template .c-product__pc-horizontal-1column-mo-vertical .c-product__sold-out-icon {
        order: initial; /* TODO : 해당 케이스 품절 아이콘 위치 확인 필요 */
    }
}
/* // PC : 가로 1컬럼형, MO : 작은 세로형 */

/* PC : 작은 세로형, MO : 가로형 */
@media screen and (max-width: 767px) {
    .event-benefit-template .c-product__list--mo-only-horizontal {
        grid-template-columns: 1fr;
    }
    .event-benefit-template .c-product__list--mo-only-horizontal span[data-prdvalue],
    .event-benefit-template .c-product__list--mo-only-horizontal span[data-home-style-product],
    .event-benefit-template .c-product__list--mo-only-horizontal .c-product__ranking-linker {
        display: flex;
        column-gap: calc(12 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--mo-only-horizontal span[data-prdvalue] > a,
    .event-benefit-template .c-product__list--mo-only-horizontal span[data-home-style-product] > a{
        flex-basis: calc(120 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--mo-only-horizontal .c-product__visual {
        flex-basis: calc(120 / 390 * 100vw);
        align-self: start;
    }
    .event-benefit-template .c-product__list--mo-only-horizontal .c-product__info-container {
        flex-basis: calc(218 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--mo-only-horizontal .c-product__visual {
        padding: calc(10 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--mo-only-horizontal .c-product__actions {
        order: initial;
        margin-top: calc(10 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--mo-only-horizontal .c-product__info {
        margin-top: 0;
    }
    .event-benefit-template .c-product__list--mo-only-horizontal .c-product__price-area {
    }
    .event-benefit-template .c-product__list--mo-only-horizontal .c-product__badge-container {
        margin-top: calc(10 / 390 * 100vw);
    }
    .event-benefit-template .c-product__list--mo-only-horizontal .c-product__care-service {
        margin-top: calc(10 / 390 * 100vw);
    }
}
/* // PC : 작은 세로형, MO : 가로형 */

/* 2 column 레이아웃 */
.event-benefit-template .l-product {
    display: flex;
    column-gap: calc(44 / 1146 * 100%);
}
.event-benefit-template .l-product__left {
    flex-basis: 444px;
}
.event-benefit-template .l-product__right {
    flex-basis: calc(1146px - 444px - (44 / 1146 * 100%));
}
@media screen and (max-width: 767px) {
    .event-benefit-template .l-product {
        flex-direction: column;
        column-gap: calc(16 / 390 * 100vw);
    }
    .event-benefit-template .l-product__left {
        flex-basis: initial;
        margin: 0 calc(20 / 390 * 100vw) calc(16 / 390 * 100vw);
    }
    .event-benefit-template .l-product__right {
        flex-basis: initial;
    }
}
/* // 2 column 레이아웃 */

/* home style */
.event-benefit-template .c-product--home-style .c-product__model-id {
    display: none;
}
.event-benefit-template [class*="c-product--home-style"] .c-product__visual {
    padding: 0;
}
.event-benefit-template [class*="c-product--home-style"] a {
    outline-offset: 0px;
}
/* // home style */

/* ========================= */
/* // Product API */
/* ========================= */


/* ========================= */
/* TAB */
/* ========================= */

/* TAB 전체 공통 */
.event-benefit-template .article__content-area:has(> .c-tab__content .img-shadow-only-pc) > .c-tab{
    max-width: 1146px;
    margin-right: auto;
    margin-bottom: 22px;
    margin-left: auto;
}
.event-benefit-template .c-tab--center .c-tab__inner {
    justify-content: center;
}
.event-benefit-template .c-tab__content .c-tab__panel:focus {
    outline: none;
}
.event-benefit-template .c-tab__content .c-tab__panel:focus-visible {
    outline-offset: 2px;
}
.event-benefit-template .c-tab__panel {
    display: none;
}
.event-benefit-template .c-tab__panel.active {
    display: block;
}
.event-benefit-template [data-tab-type="scroll"] + .c-tab__content > .c-tab__panel {
    display: block;
}
.event-benefit-template .c-tab__button:focus-visible {
    outline-color: red !important;
    outline-offset: -1px;
}
.event-benefit-template [data-tab-sticky="2depth"] {
    position: sticky;
    top: calc(var(--header-height) + var(--sticky-main-switch-height) + var(--sticky-main-sticky-height));
    z-index: 19;
}
@media screen and (max-width: 1165px) {
    .event-benefit-template .article__content-area:has(> .c-tab__content .img-shadow-only-pc) > .c-tab {
        margin-left:0;
        margin-right:0;
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media screen and (max-width: 767px) {
    .event-benefit-template .article__content-area:has(> .c-tab__content .img-shadow-only-pc) > .c-tab {
        padding-left: 0px;
        padding-right: 0px;
    }
}
/* // TAB 전체 공통 */

/* main switch tab */
.event-benefit-template .c-tab--main-switch {
    position: sticky;
    top: var(--header-height);
    right: 0;
    left: 0;
    z-index: 20;
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
}

.event-benefit-template .c-tab--main-switch .c-tab__inner {
    display: flex;
    justify-content: center;
    background-color: #fff;
}

.event-benefit-template .c-tab--main-switch .c-tab__list {
    display: flex;
    width: 100%;
    max-width: 1146px;
    height: 60px;
    margin: 0 10px;
    overflow-x: auto;
    border-bottom: solid 1px #eff0f2;
}

.event-benefit-template .c-tab--main-switch .c-tab__item {
    position: relative;
    display: flex;
    flex: 1;
    column-gap: 24px;
    justify-content: center;
}

.event-benefit-template .c-tab--main-switch .c-tab__item.active::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #111;
}

.event-benefit-template .c-tab--main-sticky .c-tab__item.active::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #111;
}

.event-benefit-template .c-tab--main-switch:has( + .c-tab__content .c-tab--main-sticky) + .c-tab__content .c-tab--main-sticky .c-tab__item.active::after {
    display: none;
}

.event-benefit-template .c-tab--main-switch .c-tab__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 19px;
    font-weight: 400;
    line-height: 26px;
    color: #444;
    text-align: center;
    letter-spacing: -0.4px;
    white-space: nowrap;
    transition: color 0.3s;
}

.event-benefit-template .c-tab__item.active .c-tab__button {
    font-weight: 600;
    color: #111;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .c-tab--main-switch .c-tab__list {
        column-gap: calc(24 / 390 * 100vw);
        height: calc(48 / 390 * 100vw);
        padding: 0 calc(20 / 390 * 100vw);
        margin: 0;
    }

    .event-benefit-template .c-tab--main-switch .c-tab__button {
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.42857;
        text-align: center;
    }
}
/* // main switch tab */

/* main sticky tab */
.event-benefit-template .c-tab--main-sticky {
    position: sticky;
    top: calc(var(--header-height) + var(--sticky-main-switch-height));
    right: 0;
    left: 0;
    z-index: 20;
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
}

.event-benefit-template .c-tab--main-sticky .c-tab__inner {
    display: flex;
    justify-content: center;
    background-color: #fff;
}

.event-benefit-template .c-tab--main-sticky .c-tab__list {
    display: flex;
    width: 100%;
    max-width: 1146px;
    height: 60px;
    margin: 0 10px;
    overflow-x: auto;
    border-bottom: solid 1px #eff0f2;
}

.event-benefit-template .c-tab--main-sticky .c-tab__item {
    position: relative;
    display: flex;
    flex: 1;
    column-gap: 24px;
    justify-content: center;
}

.event-benefit-template .c-tab--main-sticky .c-tab__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #505050;
    text-align: center;
    letter-spacing: -0.2px;
    white-space: nowrap;
    transition: color 0.3s;
}

.event-benefit-template .c-tab__item.active .c-tab__button {
    font-weight: 600;
    color: #111;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .c-tab--main-sticky .c-tab__list {
        column-gap: calc(24 / 390 * 100vw);
        height: calc(48 / 390 * 100vw);
        padding: 0 calc(20 / 390 * 100vw);
        margin: 0;
    }

    .event-benefit-template .c-tab--main-sticky .c-tab__button {
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.42857;
        text-align: center;
    }
}
/* // main switch tab */

/* Round Tab */
.event-benefit-template .c-tab--round {
    margin-bottom: 32px;
}
.event-benefit-template .c-tab--round:has(+ .c-tab__content .c-tab--switch-small-txt) {
    margin-bottom: 24px;
}
.event-benefit-template .c-tab--round .c-tab__inner {
    display: flex;
}
.event-benefit-template .c-tab--round .c-tab__inner:has(.c-tooltip) {
    align-items: flex-end;
}
.event-benefit-template .c-tab--round .c-tab__list {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    white-space: nowrap;
}
.event-benefit-template .c-tab--round .c-tab__item {
    position: relative;
    height: 38px;
    background-color: transparent;
    border: 1px solid #dee1e5;
    border-radius: 100px;
    transition: background-color 0.3s;
}
.event-benefit-template .c-tab--round .c-tab__button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #111;
}
.event-benefit-template .c-tab--round-white .c-tab__button{
    color: #aaa;
}
.event-benefit-template .c-tab--round .c-tab__item.active {
    background-color: #111;
    border-color: #111;
}
.event-benefit-template .c-tab--round-white .c-tab__item.active {
    background-color: #fff;
    border-color: #fff;
}

.event-benefit-template .c-tab--round .c-tab__item.active .c-tab__button {
    font-weight: 600;
    color: #fff;
}
.event-benefit-template .c-tab--round-white .c-tab__item.active .c-tab__button {
    color: #000;
}
.event-benefit-template .c-tab--round .c-tab__inner .c-tooltip {
    white-space: nowrap;
}
.event-benefit-template .c-tab--round .c-tab__inner .c-tooltip--subscribe {
    display: none;
}
.event-benefit-template .c-tab--round:has(.c-tab__item:last-child.active) .c-tooltip--subscribe {
    display: inline-flex;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-tab--round {
        margin-bottom: calc(12 / 390 * 100vw);
    }
    .event-benefit-template .c-tab--round:has(+ .c-tab__content .c-tab--switch-small-txt) {
        margin-bottom: calc(24 / 390 * 100vw);
    }
    .event-benefit-template .c-tab--round .c-tab__list {
        gap: calc(8 / 390 * 100vw);
        width: 100%;
        padding: 0 calc(20 / 390 * 100vw);
        overflow-x: auto;
        white-space: nowrap;
    }
    .event-benefit-template .c-tab--round .c-tab__item {
        height: calc(34 / 390 * 100vw);
    }
    .event-benefit-template .c-tab--round .c-tab__button {
        padding: 0 calc(13 / 390 * 100vw);
        font-size: calc(13 / 390 * 100vw);
        line-height: 138.462%;
    }
}

.event-benefit-template .c-tab--tooltip .c-tab__list {
    display: inline-flex;
}
/* // Round Tab */

/* rounded rectangle Tab */
.event-benefit-template .c-tab--rounded-rectangle .c-tab__inner {
    display: flex;
    justify-content:center;
}
.event-benefit-template .c-tab--rounded-rectangle .c-tab__list {
    display: flex;
    width: fit-content;
    padding: 4px;
    background-color: #F3F5F7;
    border-radius: 8px;
}
.event-benefit-template .c-tab--rounded-rectangle .c-tab__item {
    flex: 1 1 100%;
}
.event-benefit-template .c-tab--rounded-rectangle .c-tab__button {
    display: flex;
    width: 240px;
    min-width: 64px;
    padding: 12px 20px;
    align-items: center;
    align-self: stretch;
    color: #43474D;
    font-size: 15px;
    font-weight: 400;
    line-height: 133.333%;
    letter-spacing: -0.2px;
    border-radius: 6px;
    justify-content: center;
}
.event-benefit-template .c-tab--rounded-rectangle .c-tab__item.active .c-tab__button {
    font-weight: 600;
    background-color: #111;
    color: #fff;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-tab--rounded-rectangle .c-tab__inner {
        margin: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .c-tab--rounded-rectangle .c-tab__list {
        display: flex;
        width: 100%;
        border-radius: calc(10 / 390 * 100vw);
    }
    .event-benefit-template .c-tab--rounded-rectangle .c-tab__button {
        display: flex;
        width: initial;
        min-width: initial;
        padding: calc(10 / 390 * 100vw);
        font-size: calc(13 / 390 * 100vw);
        line-height: 138.462%;
        letter-spacing: normal;
        border-radius: calc(6 / 390 * 100vw);
    }
}
/* // rounded rectangle Tab */

/* text Tab */
.event-benefit-template .c-tab--switch-small-txt {
    margin-bottom: 32px;
}
.event-benefit-template .c-tab--switch-small-txt .c-tab__list {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
}
.event-benefit-template .c-tab--switch-small-txt .c-tab__button {
    padding: 6px 0;
    color: #727780;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.2px;
}
.event-benefit-template .c-tab--switch-small-txt .c-tab__item {
    position: relative;
}
.event-benefit-template .c-tab--switch-small-txt .c-tab__item + .c-tab__item {
    margin-left: 18px;
}
.event-benefit-template .c-tab--switch-small-txt .c-tab__item + .c-tab__item::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    background-color: #111;
}
.event-benefit-template .c-tab--switch-small-txt .c-tab__item.active .c-tab__button {
    color: #111;
    font-weight: 600;
}
.event-benefit-template .c-tab--black-theme .c-tab__button {
    color: #ccc;
}
.event-benefit-template .c-tab--black-theme .c-tab__item.active .c-tab__button {
    color: #fff;
}
.event-benefit-template .c-tab--black-theme .c-tab__item + .c-tab__item::before {
    background-color: #ccc;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-tab--switch-small-txt {
        margin: 0 calc(20 / 390 * 100vw) calc(12 / 390 * 100vw);
    }
    .event-benefit-template .c-tab--switch-small-txt .c-tab__list {
        padding: 0;
    }
    .event-benefit-template .c-tab--switch-small-txt .c-tab__button {
        padding: calc(10 / 390 * 100vw) 0;
        font-size: calc(13 / 390 * 100vw);
        letter-spacing: calc(-0.2em/13);
    }
    .event-benefit-template .c-tab--switch-small-txt .c-tab__item + .c-tab__item {
        margin-left: calc(18 / 390 * 100vw);
    }
    .event-benefit-template .c-tab--switch-small-txt .c-tab__item + .c-tab__item::before {
        left: calc(-8 / 390 * 100vw);
        width: 2px;
        height: 2px;
    }
}
/* // text Tab */

/* thumnail tab */
.event-benefit-template .c-tab--thumnail .c-tab__list {
    display: flex;
    column-gap: 10px;
    overflow-x: auto;
    padding: 12px 0;
}
.event-benefit-template .c-tab--thumnail .c-tab__button {
    display: flex;
    width: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    gap: 8px;
    transition: opacity 0.3s;
}
.event-benefit-template .c-tab--thumnail .c-tab__thumnail {
    width: 80px;
    border-radius: 16px;
}
.event-benefit-template .c-tab--thumnail .c-tab__item.active .c-tab__button{
    opacity: 1;
}
.event-benefit-template .c-tab--thumnail .c-tab__item.active .c-tab__thumnail{
    border: 2px solid #111;
    opacity: 1;
}
.event-benefit-template .c-tab--thumnail .c-tab__txt {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-tab--thumnail .c-tab__list {
        column-gap: 0;
        padding: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .c-tab--thumnail .c-tab__button {
        width: calc(80 / 390 * 100vw);
        gap: calc(6 / 390 * 100vw);
    }
    .event-benefit-template .c-tab--thumnail .c-tab__thumnail {
        width: calc(54 / 390 * 100vw);
        border-radius: calc(16 / 390 * 100vw);
    }
    .event-benefit-template .c-tab--thumnail .c-tab__txt {
        font-size: calc(12 / 390 * 100vw);
        font-weight: 400;
        line-height: 1.16667;
    }
}
/* // thumnail tab */

/* ========================= */
/* // TAB */
/* ========================= */


/* ========================= */
/* swiper */
/* ========================= */
.event-benefit-template .swiper-container-wrap {
    position: relative;
    /* overflow: hidden; */
}
.event-benefit-template .swiper-wrapper {
    display: flex;
}
.event-benefit-template .swiper-slide {
    flex-shrink: 0;
    background-color: transparent;
}

.event-benefit-template .swiper-container-wrap .swiper-pagination-bullets {
    position: relative;
    bottom: initial;
    display: flex;
    justify-content: center;
    padding-top: 32px;
}

.event-benefit-template .swiper-container-wrap .swiper-pagination-bullets .swiper-pagination-bullet {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin: 0;
    background-color: transparent;
    opacity: 1;
}

.event-benefit-template .swiper-container-wrap .swiper-pagination-bullets .swiper-pagination-bullet::after {
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    background-color: #727780;
    border-radius: 50px;
}

.event-benefit-template .swiper-container-wrap .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: transparent;
    opacity: 1;
}

.event-benefit-template .swiper-container-wrap .swiper-pagination-bullets .swiper-pagination-bullet-active::after {
    display: block;
    width: 8px;
    height: 8px;
    content: "";
    background-color: #111;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .hidden-mo {
        display: none !important;
    }

    .event-benefit-template .swiper-container-wrap {
        padding: 0 calc(20 / 390 * 100vw);
    }

    .event-benefit-template .swiper-slide {
        background-color: transparent;
    }

    .event-benefit-template .swiper-container .swiper-pagination-bullets {
        gap: 0;
        padding-top: calc(20 / 390 * 100vw);
    }

    .event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
        width: clamp(18px, calc(18 / 390 * 100vw), 36px);
        height: clamp(18px, calc(18 / 390 * 100vw), 36px);
    }

    .event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet::after {
        width: clamp(6px, calc(6 / 390 * 100vw), 12px);
        height: clamp(6px, calc(6 / 390 * 100vw), 12px);
    }

    .event-benefit-template .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active::after {
        width: clamp(8px, calc(8 / 390 * 100vw), 16px);
        height: clamp(8px, calc(8 / 390 * 100vw), 16px);
    }
}
/* ========================= */
/* // swiper */
/* ========================= */

/* ========================= */
/* Badge */
/* ========================= */
.event-benefit-template .c-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    height: 24px;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #fff;
    background-color: #111;
    border-radius: 4px;
}
.event-benefit-template .c-badge--red {
    background-color: #ea1917;
}



.event-benefit-template .c-product__badge.c-product__badge--black { background: var(--base-color--black-01); color: #fff; }
.event-benefit-template .c-product__badge.c-product__badge--red { background: var(--base-color--red-01);  color: #fff; }
.event-benefit-template .c-product__badge.c-product__badge--seeblue { background: var(--base-color--blue-01); color: #fff; }
@media screen and (max-width: 767px) {
    .event-benefit-template .c-badge {
        /* yjbaek : 12/18 디자인 반영
        height: calc(20 / 390 * 100vw);
        padding: 0 calc(6 / 390 * 100vw);
        font-size: clamp(10px, calc(11 / 390 * 100vw), 22px);
        border-radius: calc(4 / 390 * 100vw);
        */
        height: auto;
        padding: calc(4 / 390 * 100vw) calc(6 / 390 * 100vw);
        font-size: calc(11 / 390 * 100vw);
        line-height: 127.273%;
    }
}
/* ========================= */
/* // Badge */
/* ========================= */

/* ===================== */
/* 라인 */
/* ===================== */
.event-benefit-template .c-line {
    --base-line--color: #333;
    --base-line--border: 1px;
    border: 0 solid var(--base-line--color);
    box-sizing: border-box;
}
/* 가로선 */
.event-benefit-template .c-line--top:not(.c-line--pc-hidden) { border-top-width: var(--base-line--border);}
.event-benefit-template .c-line--bottom:not(.c-line--pc-hidden) { border-bottom-width: var(--base-line--border); }
/* 세로선 */
.event-benefit-template .c-line--left:not(.c-line--pc-hidden) { border-left-width: var(--base-line--border); }
.event-benefit-template .c-line--right:not(.c-line--pc-hidden) { border-right-width: var(--base-line--border); }
/* 라인 스타일 */
.event-benefit-template .c-line--solid { border-style: solid; }
.event-benefit-template .c-line--dashed { border-style: dashed; }
.event-benefit-template .c-line--dotted { border-style: dotted; }
/* 라인 굵기 */
.event-benefit-template .c-line--thick { --base-line--border: 2px; }
/* 라인 색 */
.event-benefit-template .c-line--color-red { --base-line--color: var(--base-color--red-01); }
.event-benefit-template .c-line--color-gray { --base-line--color: var(--base-color--gray-01); }
.event-benefit-template .c-line--color-gray-4 { --base-line--color: var(--base-color--gray-04); }
/* 양쪽 끝 블러 */
.event-benefit-template .c-line--top.c-line--blur-edge,
.event-benefit-template .c-line--bottom.c-line--blur-edge {
    -webkit-mask-image: linear-gradient(to right, transparent 0, black 3px, black calc(100% - 3px), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, black 3px, black calc(100% - 3px), transparent 100%);
}
.event-benefit-template .c-line--left.c-line--blur-edge,
.event-benefit-template .c-line--right.c-line--blur-edge {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 3px, black calc(100% - 3px), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, black 3px, black calc(100% - 3px), transparent 100%);
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-line.c-line--mo-hidden { border-width: 0px; }
    .event-benefit-template .c-line--top { border-top-width: var(--base-line--border);}
    .event-benefit-template .c-line--bottom { border-bottom-width: var(--base-line--border); }
    .event-benefit-template .c-line--left { border-left-width: var(--base-line--border); }
    .event-benefit-template .c-line--right { border-right-width: var(--base-line--border); }

    /* 라인 안에 라인이 존재할 경우 예외 */
    .event-benefit-template .c-line.c-line--mo-hidden:has(.c-line) {-webkit-mask-image: none; mask-image: none;}
}
/* ========================= */
/* // 라인 */
/* ========================= */

/* ===================== */
/* 라운드 */
/* ===================== */
.event-benefit-template .has-border-radius--04 {border-radius: 4px;}
.event-benefit-template .has-border-radius--08 {border-radius: 8px;}
.event-benefit-template .has-border-radius--12 {border-radius: 12px;}
.event-benefit-template .has-border-radius--16 {border-radius: 16px;}
/* ===================== */
/* // 라운드 */
/* ===================== */

/* ===================== */
/* 쉐도우 */
/* ===================== */
.event-benefit-template {
    --base-shadow--image-card: 0px 0px 1px 0px rgba(33, 39, 49, 0.1), 0px 2px 20px 0px rgba(33, 39, 49, 0.06);
}
/* ===================== */
/* // 쉐도우 */
/* ===================== */    

/* ========================= */
/* eyebrow */
/* ========================= */
.event-benefit-template .c-eyebrow {
    display: flex;
    justify-content: space-between;
    row-gap: 4px;
    flex-direction: column;
    margin-bottom: 48px;
}
.event-benefit-template .c-eyebrow--txt-center {
    text-align: center;
}
.event-benefit-template .c-eyebrow__desc {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.2px;
}
.event-benefit-template .c-eyebrow__title {
    color: #111;
    font-size: 36px;
    font-weight: 700;
    line-height: 138.889%;
    letter-spacing: -0.5px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-eyebrow {
        margin: 0 calc(20 / 390 * 100vw) calc(40 / 390 * 100vw);
    }
    .event-benefit-template .c-eyebrow__desc {
        font-size: calc(14 / 390 * 100vw);
        line-height: 142.857%;
        letter-spacing: normal;
    }
    .event-benefit-template .c-eyebrow__title {
        font-size: calc(20 / 390 * 100vw);
        font-weight: 600;
        line-height: 140%;
        letter-spacing: calc(-0.4em/20);
    }
}
/* ========================= */
/* // eyebrow */
/* ========================= */

/* ========================= */
/* Title */
/* ========================= */
.event-benefit-template .c-title-area {
    display: flex;
    row-gap: 24px;
    flex-direction: column;
    margin-bottom: 32px;
}

.event-benefit-template .c-title-area--center, 
.event-benefit-template .c-title-area--center-pc {
    align-items: center;
}

.event-benefit-template .c-title-area--center .c-title__main-title--big {
    text-align: center;
}

.event-benefit-template .c-title-area--center .c-title {
    text-align: center;
}
.event-benefit-template .article__inner:has(.img-shadow-only-pc) .c-title-area,
.event-benefit-template .article__inner:has(.custom-scroll-slider--shadow) .c-title-area,
.event-benefit-template .article__inner:has(.synced-tab-slider--shadow) .c-title-area {
    width: 100%;
    max-width: 1146px;
    margin: 0 auto 22px;
}

.event-benefit-template .article__inner:has(.img-shadow-only-pc) .c-eyebrow,
.event-benefit-template .article__inner:has(.custom-scroll-slider--shadow) .c-eyebrow,
.event-benefit-template .article__inner:has(.synced-tab-slider--shadow) .c-eyebrow {
    width: 100%;
    max-width: 1146px;
    margin: 0 auto 48px;
}

.event-benefit-template .c-title {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    max-width: 1146px;
    text-align: left;
}
.event-benefit-template .c-title.remove-row-gap {
    row-gap: 0;
}
.event-benefit-template .c-title__main-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
    color: #111;
    letter-spacing: -0.5px;
}
.event-benefit-template .c-title__eyebrow {
    color: #444;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.3px;
}
.event-benefit-template .c-title__main-title--big {
    font-size: 36px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.5px;
}
.event-benefit-template .c-title-area > .c-title__main-title--big {
    padding-bottom: 32px;
}
.event-benefit-template .c-title__main-title--small {
    color: #111;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.4px;
}
.event-benefit-template .c-title__main-title--white {
    color: #fff;
}
.event-benefit-template .c-title__desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #444;
    letter-spacing: -0.3px;
}

.event-benefit-template .c-title--white .c-title__main-title,
.event-benefit-template .c-title--white .c-title__desc {
    color: #fff;
}

@media screen and (max-width: 1165px) {
    .event-benefit-template .c-title-area {
        margin: 0 0 calc(32 / 1165 * 100%);
        row-gap: calc(24 / 1165 * 100vw);
    }
    .event-benefit-template .article__inner:has(.img-shadow-only-pc) .c-eyebrow,
    .event-benefit-template .article__inner:has(.img-shadow-only-pc) .c-title-area,
    .event-benefit-template .article__inner:has(.custom-scroll-slider--shadow) .c-eyebrow,
    .event-benefit-template .article__inner:has(.custom-scroll-slider--shadow) .c-title-area,
    .event-benefit-template .article__inner:has(.synced-tab-slider--shadow) .c-eyebrow,
    .event-benefit-template .article__inner:has(.synced-tab-slider--shadow) .c-title-area {
        margin-left:0;
        margin-right:0;
        padding-left: 10px;
        padding-right: 10px;
    }
    /* yjbaek : 12/18 디자인 반영
    .event-benefit-template .c-title__main-title {
        font-size: calc(24 / 1165 * 100vw);
    }
    .event-benefit-template .c-title__eyebrow {
        font-size: calc(16 / 1165 * 100vw);
    }
    .event-benefit-template .c-title__main-title--big {
        font-size: calc(36 / 1165 * 100vw);
    }
    .event-benefit-template .c-title__main-title--small {
        font-size: calc(20 / 1165 * 100vw);
    }
    .event-benefit-template .c-title__desc {
        font-size: calc(16 / 1165 * 100vw);
    }
    */
    .event-benefit-template .c-title__main-title {
        font-size: clamp(20px, calc(5.778px + 1.852vw), 28px);
        line-height: clamp(28px, calc(10.222px + 2.315vw), 38px);
    }
    .event-benefit-template .c-title__eyebrow {
        font-size: clamp(14px, calc(6.889px + 0.926vw), 18px);
        line-height: clamp(18px, calc(7.333px + 1.389vw), 24px);
    }
    .event-benefit-template .c-title__main-title--big {
        font-size: clamp(25px, calc(5.444px + 2.546vw), 36px);
        line-height: clamp(38px, calc(16.667px + 2.778vw), 50px);
    }
    .event-benefit-template .c-title-area > .c-title__main-title--big {
        padding-bottom: calc(32 / 1165 * 100vw);
    }
    .event-benefit-template .c-title__main-title--small {
        font-size: clamp(17px, calc(11.667px + 0.694vw), 20px);
        line-height: 28px;
    }
    .event-benefit-template .c-title__desc {
        font-size: clamp(16px, calc(12.444px + 0.463vw), 18px);
        line-height: clamp(21px, calc(15.667px + 0.694vw), 24px);
    }
}

@media screen and (max-width: 767px) {
    .event-benefit-template .article__inner:has(.img-shadow-only-pc) .c-eyebrow,
    .event-benefit-template .article__inner:has(.custom-scroll-slider--shadow) .c-eyebrow {
        width: initial;
        margin: 0 calc(20 / 390 * 100vw) calc(40 / 390 * 100vw);
        padding: 0;
    }

    .event-benefit-template .c-title-area {
        margin: 0 calc(20 / 390 * 100vw) calc(24 / 390 * 100vw);
        row-gap: calc(16 / 390 * 100vw);
    }
    .event-benefit-template .c-title-area:has(+ .custom-scroll-slider--shadow),
    .event-benefit-template .c-title-area:has(+ .custom-scroll-slider .custom-scroll-slider__content-wrapper--shadow),
    .event-benefit-template .c-title-area:has(+ .article__content-area .custom-scroll-slider__content-wrapper--shadow){
        margin-bottom:calc(14 / 390 * 100vw);
    }
    .event-benefit-template .c-title {
        row-gap: calc(4 / 390 * 100vw);
    }
    .event-benefit-template .article__inner:has(.img-shadow-only-pc) .c-title-area,
    .event-benefit-template .article__inner:has(.custom-scroll-slider--shadow) .c-title-area,
    .event-benefit-template .article__inner:has(.synced-tab-slider--shadow) .c-title-area {
        padding-left: calc(20 / 390 * 100vw);
        padding-right: calc(20 / 390 * 100vw);
    }
    .event-benefit-template .c-title-area:has(+ .article__content-area .img-shadow-only-pc),
    .event-benefit-template .c-title-area:has(+ .article__content-area .custom-scroll-slider--shadow) {
        margin-bottom: calc(14 / 390 * 100vw);
    }
    .event-benefit-template .c-title__main-title {
        font-size: calc(19 / 390 * 100vw);
        line-height: 1.3684;
        letter-spacing: calc(-0.4em / 19);
    }
    .event-benefit-template .c-title__eyebrow {
        font-size: calc(13 / 390 * 100vw);
        line-height: 1.3846;
        letter-spacing: 0px;
    }
    .event-benefit-template .c-title__main-title--big {
        font-size: calc(24 / 390 * 100vw);
        line-height: 1.333;
        letter-spacing: calc(-0.5em / 24);
    }
    .event-benefit-template .c-title-area > .c-title__main-title--big {
        padding-bottom: calc(24 / 390 * 100vw);
    }
    .event-benefit-template .c-title__main-title--small {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.75;
        letter-spacing: calc(-0.4em / 16);
    }
    .event-benefit-template .c-title__desc {
        font-size: calc(14 / 390 * 100vw);
        line-height: 142.857%;
        letter-spacing: calc(-0.28em / 14);
    }
    .event-benefit-template .c-title-area--center-pc {align-items: flex-start;}
}
/* ========================= */
/* // Title */
/* ========================= */

/* ========================= */
/* Sub Title */
/* ========================= */
.event-benefit-template .c-sub-title {
    display: flex;
    flex-direction: column;
    margin: 20px 0 28px;
}
.event-benefit-template .c-sub-title__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #111;
    letter-spacing: -0.4px;
}
.event-benefit-template .c-sub-title__desc {
    margin-top: 8px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #727780;
    letter-spacing: -0.2px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-sub-title {
        margin: 0 calc(20 / 390 * 100%) calc(24 / 390 * 100%);
    }
    .event-benefit-template .c-sub-title__title {
        font-size: calc(19 / 390 * 100vw);
        font-weight: 600;
        line-height: 1.368;
        letter-spacing: calc(-0.4em / 19);
    }
    .event-benefit-template .c-sub-title__desc {
        margin-top: calc(4 / 390 * 100vw);
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.4285;
        letter-spacing: normal;
    }
}
/* ========================= */
/* // Sub Title */
/* ========================= */

/* ========================= */
/* Card Title                */
/* ========================= */
.event-benefit-template .c-title__card-title {
    font-size: min(18px, calc(18 / 1165 * 100vw));
    font-weight: 600;
    line-height: min(28px, calc(28 / 1165 * 100vw));
    letter-spacing: calc(-0.2 / 18 * 1em);
}
.event-benefit-template .c-title__card-eyebrow {
    font-size: min(14px, calc(14 / 1165 * 100vw));
    line-height: min(20px, calc(20 / 1165 * 100vw));
    letter-spacing: calc(-0.2 / 14 * 1em);
}
.event-benefit-template .c-title__card-desc {
    color: #444;
    font-size: min(16px, calc(16 / 1165 * 100vw));
    line-height: min(22px, calc(22 / 1165 * 100vw));
    letter-spacing: calc(-0.2 / 16 * 1em);
}
.event-benefit-template .c-title__card-price {
    font-size: min(19px, calc(19 / 1165 * 100vw));
    font-weight: 600;
    line-height: min(26px, calc(26 / 1165 * 100vw));
    letter-spacing: calc(-0.4 / 19 * 1em);
}
.event-benefit-template .c-title__card-bracket-note {
    color: #444;
    font-size: min(12px, calc(12 / 1165 * 100vw));
    line-height: min(16px, calc(16 / 1165 * 100vw));
    letter-spacing: calc(-0.2 / 12 * 1em);
}
.event-benefit-template .c-title__card-linker {
    font-size: min(13px, calc(13 / 1165 * 100vw));
    line-height: min(18px, calc(18 / 1165 * 100vw));
    letter-spacing: calc(-0.2 / 13 * 1em);
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-title__card-title {
        font-size: calc(17 / 390 * 100vw);
        line-height: calc(24 / 390 * 100vw);
        letter-spacing: calc(-0.2 / 17 * 1em);
    }
    .event-benefit-template .c-title__card-eyebrow {
        font-size: calc(13 / 390 * 100vw);
        line-height: calc(18 / 390 * 100vw);
        letter-spacing: calc(-0.2 / 13 * 1em);
    }
    .event-benefit-template .c-title__card-desc {
        font-size: calc(14 / 390 * 100vw);
        line-height: calc(20 / 390 * 100vw);
        letter-spacing: calc(-0.2 / 14 * 1em);
    }
    .event-benefit-template .c-title__card-price {
        font-size: min(16px, calc(16 / 390 * 100vw));
        line-height: min(22px, calc(22 / 390 * 100vw));
        letter-spacing: calc(-0.2 / 16 * 1em);
    }
    .event-benefit-template .c-title__card-bracket-note {
        font-size: calc(12 / 390 * 100vw);
        line-height: calc(16 / 390 * 100vw);
        letter-spacing: calc(-0.2 / 12 * 1em);
    }
    .event-benefit-template .c-title__card-linker {
        font-size: calc(12 / 390 * 100vw);
        line-height: calc(16 / 390 * 100vw);
        letter-spacing: calc(-0.2 / 12 * 1em);
    }
}
/* ========================= */
/* // Card Title */
/* ========================= */

/* ========================= */
/* Banner Title              */
/* ========================= */
.event-benefit-template .c-title__banner-title--big {
    font-size: min(24px, calc(24 / 1165 * 100vw));
    font-weight: 600;
    line-height: min(32px, calc(32 / 1165 * 100vw));
    letter-spacing: calc(-0.5 / 24 * 1em);
}
.event-benefit-template .c-title__banner-title {
    font-size: min(18px, calc(18 / 1165 * 100vw));
    font-weight: 600;
    line-height: min(28px, calc(28 / 1165 * 100vw));
    letter-spacing: calc(-0.2 / 18 * 1em);
}
.event-benefit-template .c-title__banner-eyebrow {
    font-size: min(16px, calc(16 / 1165 * 100vw));
    line-height: min(22px, calc(22 / 1165 * 100vw));
    letter-spacing: calc(-0.2 / 16 * 1em);
}
.event-benefit-template .c-title__banner-desc {
    color: #444;
    font-size: min(16px, calc(16 / 1165 * 100vw));
    line-height: min(22px, calc(22 / 1165 * 100vw));
    letter-spacing: calc(-0.2 / 16 * 1em);
}
.event-benefit-template .c-title__banner-bracket-note {
    color: #444;
    font-size: min(12px, calc(12 / 1165 * 100vw));
    line-height: min(16px, calc(16 / 1165 * 100vw));
    letter-spacing: calc(-0.2 / 12 * 1em);
}
.event-benefit-template .c-title__banner-linker {
    display: inline-flex;
    align-items: center;
    font-size: min(13px, calc(13 / 1165 * 100vw));
    line-height: min(18px, calc(18 / 1165 * 100vw));
    letter-spacing: calc(-0.2 / 13 * 1em);
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-title__banner-title--big {
        font-size: calc(20 / 390 * 100vw);
        line-height: calc(28 / 390 * 100vw);
        letter-spacing: calc(-0.2 / 20 * 1em);
    }
    .event-benefit-template .c-title__banner-title {
        font-size: calc(17 / 390 * 100vw);
        line-height: calc(24 / 390 * 100vw);
        letter-spacing: calc(-0.2 / 17 * 1em);
    }
    .event-benefit-template .c-title__banner-eyebrow {
        font-size: calc(13 / 390 * 100vw);
        line-height: calc(18 / 390 * 100vw);
        letter-spacing: calc(-0.2 / 13 * 1em)
    }
    .event-benefit-template .c-title__banner-desc {
        font-size: calc(14 / 390 * 100vw);
        line-height: calc(20 / 390 * 100vw);
        letter-spacing: calc(-0.2 / 14 * 1em);
    }
    .event-benefit-template .c-title__banner-bracket-note {
        font-size: calc(12 / 390 * 100vw);
        line-height: calc(16 / 390 * 100vw);
        letter-spacing: calc(-0.2 / 12 * 1em);
    }
    .event-benefit-template .c-title__banner-linker {
        font-size: calc(12 / 390 * 100vw);
        line-height: calc(16 / 390 * 100vw);
        letter-spacing: calc(-0.2 / 12 * 1em);
    }
}
/* ========================= */
/* // Banner Title */
/* ========================= */

/* ========================= */
/* Tooltip */
/* ========================= */
.event-benefit-template .c-tooltip {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #444;
}

.event-benefit-template .c-tooltip:has(.tooltip-wrap) {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: fit-content;
    padding-left: 0;
    background: none;
}

.event-benefit-template .c-tooltip .tooltip-wrap {
    padding: 0;
    margin: 0;
}

.event-benefit-template .c-tooltip .tooltip-wrap .ui_tooltip-target {
    width: 24px;
    height: 100%;
    background: url("/kr/event/promotions/images/icon-tooltip-gray.svg") no-repeat;
    background-position: center;
    background-size: 100%;
}
.event-benefit-template .tooltip-wrap .tooltip-box .bullet-list {
    margin-top: 0;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-tooltip {
        width: fit-content;
        font-size: calc(13 / 390 * 100vw);
        font-weight: 600;
        line-height: 138.462%;
        letter-spacing: normal;
        background-size: clamp(14px, calc(25 / 780 * 100vw), 25px);
    }
    .event-benefit-template .c-tooltip .tooltip-wrap {
        display: block;
        width: clamp(24px, calc(24 / 390 * 100vw), 48px);
        height: clamp(24px, calc(24 / 390 * 100vw), 48px);
    }
    .event-benefit-template .c-tooltip .tooltip-wrap .tooltip-box {
        top: 16px;
        left: calc(20/ 390 * 100vw);
        right: calc(20/ 390 * 100vw);
        min-width: calc(350 / 390 * 100vw);
    }

    .event-benefit-template .c-tooltip .tooltip-wrap .ui_tooltip-target {
        width: clamp(24px, calc(24 / 390 * 100vw), 48px);
        height: clamp(24px, calc(24 / 390 * 100vw), 48px);
        background: url("/kr/event/promotions/images/icon-tooltip-gray.svg") no-repeat;
        background-position: center;
        background-size: 100%;
    }
}
/* ========================= */
/* // Tooltip */
/* ========================= */

/* ========================= */
/* horizen-scroll-bar */
/* ========================= */
@media screen and (min-width: 768px) {
    .c-custom-scrollbar {
        -webkit-overflow-scrolling: touch; /* iOS에서 부드러운 스크롤 */
    }

    .c-custom-scrollbar::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .c-custom-scrollbar::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 10px;
    }

    .c-custom-scrollbar::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, 0.4);
    }

    .c-custom-scrollbar::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.1);
        border-radius: 10px;
    }
}
/* // horizen-scroll-bar */

/* ========================= */
/* divider */
/* ========================= */
.event-benefit-template .c-divider {
    display: none;
    width: 100%;
    height: 8px;
    background-color: #f3f5f7;
    border: none;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-divider {
        display: block;
        height: calc(10 / 390 * 100vw);
    }
}
/* ========================= */
/* // divider */
/* ========================= */

/* ========================= */
/* 아이템 더보기 기능 */
/* ========================= */
.event-benefit-template .view-more-content .c-product__list {
    row-gap: 0;
}
.event-benefit-template .view-more-content .c-product__item {
    visibility: hidden;
    max-height: 0;
    margin-bottom: 0;
    /* overflow: hidden; */ /* gt.yang 26.01.29 : 웹 접근성 초점 표시 안되는 현상으로 제거 */
    opacity: 0;
}

.event-benefit-template .view-more-content .limit-view__item {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
}

.event-benefit-template .view-more-content .c-product__item.is-visible {
    visibility: visible;
    max-height: 2000px;
    margin-bottom: 20px;
    opacity: 1;
}

.event-benefit-template .view-more-content .limit-view__item.is-visible {
    visibility: visible;
    max-height: 2000px;
    opacity: 1;
}

.event-benefit-template .view-more-content .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__item.is-visible{
    margin-bottom: 32px;
}

.event-benefit-template .view-more-content .c-product__item[style*="--item-delay"],
.event-benefit-template .view-more-content .limit-view__item[style*="--item-delay"] {
    transition-delay: var(--item-delay, 0s);
}

.event-benefit-template .view-more-content .c-button-group:has( .limit-view__button.is-hidden ) {
    display: none;
}

.event-benefit-template .limit-view__btn-wrap {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .view-more-content .c-product__item.is-visible {
        margin-bottom: calc(20 / 390 * 100vw);
    }
    .event-benefit-template .view-more-content .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__item.is-visible{
        margin-bottom: calc(24 / 390 * 100vw);
    }
    .event-benefit-template .limit-view__btn-wrap {
        padding: 0 calc(20 / 390 * 100vw);
    }
}
/* ========================= */
/* // 아이템 더보기 기능 */
/* ========================= */

/* ========================= */
/* toggle */
/* ========================= */

/* 기본 */
.event-benefit-template .c-toggle__btn-wrap {
    text-align: center;
}
.event-benefit-template .c-toggle--notice .c-toggle__btn-wrap{
    margin: 16px 0;
}
.event-benefit-template .c-toggle__btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-right: 16px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #111;
    text-align: center;
}

.event-benefit-template .c-toggle__btn--text::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 5px;
    background: url(/kr/event/promotions/images/icon-line-chervron-down-black.svg) no-repeat;
    background-size: contain;
    transform: translateY(-50%);
    transform-origin: center;
    transition: transform 0.3s;
}

.event-benefit-template .c-toggle__content {
    position: relative;
    display: none;
}
.event-benefit-template .c-toggle.on .c-toggle__btn::after {
    transform: translateY(-50%) rotate(180deg);
}
.event-benefit-template .c-toggle.on .c-toggle__content {
    display: block;
    margin-top: 32px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-toggle {
        margin: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .c-toggle--notice .c-toggle__btn-wrap{
        margin: calc(12 / 390 * 100vw) 0;
    }
    .event-benefit-template .c-toggle__btn {
        padding-right: calc(16 / 390 * 100vw);
        font-size: calc(13 / 390 * 100vw);
        line-height: 138.462%;
    }
    .event-benefit-template .c-toggle__btn--text::after {
        width: calc(8 / 390 * 100vw);
        height: calc(5 / 390 * 100vw);
    }
    .event-benefit-template .c-toggle.on .c-toggle__content {
        margin-top: calc(24 / 390 * 100vw);
    }
}
/* // 기본 */

/* 왼쪽 아이콘 있는 형태 */
.event-benefit-template .c-toggle__btn--icon-info-white {
    padding-left: 24px;
}
.event-benefit-template .c-toggle__btn--icon-info-white::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(/kr/event/promotions/images/icon-info-white.svg) no-repeat;
    background-size: contain;
    transform: translateY(-50%);
}
@media (max-width: 767px){
	.event-benefit-template .c-toggle__btn--icon-info-white {
	    padding-left: calc(24 / 390 * 100vw);
	}
	.event-benefit-template .c-toggle__btn--icon-info-white::before {
	    width: calc(20 / 390 * 100vw);
	    height: calc(20 / 390 * 100vw);
	}
}
/* // 왼쪽 아이콘 있는 형태 */

/* 유의사항 */
.event-benefit-template .c-toggle--notice {
    overflow: hidden;
}
.event-benefit-template .c-toggle--notice.on .c-toggle__content {
    margin-top: 48px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-toggle--notice.on .c-toggle__content {
        margin-top: calc(36 / 390 * 100vw);
    }
}
/* // 유의사항 */

/* 트리거 버튼 유지되는 이미지 형태 토글 */
    .event-benefit-template .c-toggle--img-only {
        margin: 0;
    }
    .event-benefit-template .c-toggle--img-only .c-toggle__content{
        overflow: hidden;
        display: block;
        height: min(calc(var(--close-pc-height) * 1px), calc(var(--close-pc-height) / 1165 * 100vw));
    }
    .event-benefit-template .c-toggle--img-only.on .c-toggle__content{
        height: auto;
        margin-top: 0;
    }
    .event-benefit-template .c-toggle--img-only .c-toggle__picture{
        display: block;
    }
@media (max-width: 767px){
    .event-benefit-template .c-toggle--img-only .c-toggle__content{
        height: calc(var(--close-mobile-height) / 390 * 100vw);
    }
}
/* // 트리거 버튼 유지되는 이미지 형태 토글 */

/* 검정 테마 */
.event-benefit-template .c-toggle:has(.c-toggle__btn-wrap--black){
    background-color: #000;
}
.event-benefit-template .c-toggle__btn-wrap--black .c-toggle__btn {
    color: #fff;
}
.event-benefit-template .c-toggle__btn-wrap--black .c-toggle__btn--text::after {
    background: url(/kr/event/promotions/images/icon-line-chervron-down-white.svg) no-repeat;
    background-size: contain;
    width: 13px;
    height: 12px;
}
@media (max-width: 767px){
    .event-benefit-template .c-toggle:has(.c-toggle__btn-wrap--black){
        margin: 0;
        padding: 0 calc(20 / 390 * 100vw);
    }
	.event-benefit-template .c-toggle__btn-wrap--black .c-toggle__btn--text::after {
	    width: calc(13 / 390 * 100vw);
	    height: calc(12 / 390 * 100vw);
	}
}
/* // 검정 테마 */

/* ========================= */
/* // toggle */
/* ========================= */


/* ========================= */
/* 커스텀 toggle */
/* ========================= */
.c-custom-accordion {
    position: relative;
}
.c-custom-accordion__area--fade {
    position: relative;
    overflow: hidden;
}
.c-custom-accordion__area--fade::after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.c-custom-accordion__area--none {
    display: none;
}
.c-custom-accordion__btn-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 3;
    text-align: center;
}
.c-custom-accordion__btn-wrap--hidden {
    display: none;
}
.c-custom-accordion__btn-wrap.on .c-custom-accordion__btn::after {
    transform: rotate(180deg);
}
.c-custom-accordion__btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-right: 16px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #111;
    text-align: center;
}

.c-custom-accordion__btn::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 5px;
    content: "";
    background: url(/kr/event/promotions/images/icon-accordion-arrow-down-black.svg) no-repeat;
    background-size: contain;
    transform: translateY(-50%);
    transition: transform 0.3s;
}
.c-custom-accordion__area--active {
    display: block;
    height: auto !important;
}
.c-custom-accordion__area--active::after {
    display: none;
}
.c-custom-accordion__btn-wrap--hidden {
    display: none;
}
.c-custom-accordion[data-accordion-toggle="true"] .c-custom-accordion__btn[aria-expanded="true"] .c-button__icon,
.c-custom-accordion[data-accordion-toggle="true"] .c-custom-accordion__btn[aria-expanded="true"]::after {
    transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
    .c-custom-accordion__area--fade::after {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, #FFF 85%);
    }
    .c-custom-accordion__btn {
        padding-right: calc(16 / 390 * 100vw);
        font-size: calc(13 / 390 * 100vw);
        line-height: 138.462%;
    }
    .c-custom-accordion__btn::after {
        width: calc(8 / 390 * 100vw);
        height: calc(5 / 390 * 100vw);
    }
}
/* ========================= */
/* // 커스텀 toggle */
/* ========================= */

/* ========================= */
/* 커스텀 toggle ( TODO gt.yang : 12월 빅프에서만 활용되었으며 확인 후 제거 필요) */
/* ========================= */
.c-custom-hidden-area--fade {
    position: relative;
}
.c-custom-hidden-area--none {
    display: none;
}
.c-custom-hidden-area--fade::after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, #FFF 95%);
}
.c-custom-hidden-area__more-btn-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 3;
    text-align: center;
}
.c-custom-hidden-area__more-btn-wrap.on .c-custom-hidden-area__more-btn::after {
    transform: rotate(180deg);
}
.c-custom-hidden-area__more-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-right: 16px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #111;
    text-align: center;
}

.c-custom-hidden-area__more-btn::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 5px;
    content: "";
    background: url(/kr/event/promotions/images/icon-accordion-arrow-down-black.svg) no-repeat;
    background-size: contain;
    transform: translateY(-50%);
    transition: transform 0.3s;
}
.event-benefit-template  .c-custom-hidden-area--active {
    display: block;
    overflow: visible;
    height: auto !important;
}
.c-custom-hidden-area--active::after {
    display: none;
}
.c-custom-hidden-area__more-btn-wrap--hidden {
    display: none;
}
@media screen and (max-width: 767px) {
    .c-custom-hidden-area--fade::after {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, #FFF 85%);
    }
    .c-custom-hidden-area__more-btn {
        padding-right: calc(16 / 390 * 100vw);
        font-size: calc(13 / 390 * 100vw);
        line-height: 138.462%;
    }
    .c-custom-hidden-area__more-btn::after {
        width: calc(8 / 390 * 100vw);
        height: calc(5 / 390 * 100vw);
    }
}
/* ========================= */
/* // 커스텀 toggle */
/* ========================= */

/* ========================= */
/* List */
/* ========================= */
.event-benefit-template .c-list {
    display: flex;
    flex-direction: column;
}
.event-benefit-template .c-list--small {
    gap: 6px;
    margin-top: 16px;
}
.event-benefit-template .c-list__item {
    position: relative;
    padding-left: 10px;
    color: #444;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.event-benefit-template .c-list.font-color--white .c-list__item {color: var(--base-color--white-01);}
.event-benefit-template .c-list__item::before {
    content: '';
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background-color: #444;
}
.event-benefit-template .c-list.font-color--white .c-list__item::before {background-color: var(--base-color--white-01);}

@media screen and (max-width: 767px) {
    .event-benefit-template .c-list--small {
        gap: calc(6 / 390 * 100vw);
        margin: calc(8 / 390 * 100vw) calc(20 / 390 * 100vw) 0;
    }
    .event-benefit-template .c-list__item {
        margin-left: calc(10 / 390 * 100vw);
        padding-left: calc(10 / 390 * 100vw);
        font-size: calc(12 / 390 * 100vw);
        line-height: 1.333;
    }
    .event-benefit-template .c-list__item::before {
        width: calc(2 / 390 * 100vw);
        height: calc(2 / 390 * 100vw);
    }
}
/* ========================= */
/* // List */
/* ========================= */

/* ========================= */
/* c-layout List */
/* ========================= */
.event-benefit-template .c-layout-container .c-list {
    display: flex;
    flex-direction: column;
}
.event-benefit-template .c-layout-container .c-list--small {
    gap: var(--calc-size--06);
    margin-top: var(--calc-size--16);
}
.event-benefit-template .c-layout-container .c-list__item {
    padding-left: var(--calc-size--10);
    color: #43474D;
    font-size: var(--calc-size--14);
    font-weight: 400;
    line-height: var(--calc-size--28);
}
.event-benefit-template .c-layout-container .c-list__item::before {
    content: '';
    top: 0.9em;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100px;
    background-color: #43474D;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .c-layout-container .c-list--small {
        gap: var(--calc-size--06);
        margin: var(--calc-size--08) var(--calc-size--20) 0;
    }
    .event-benefit-template .c-layout-container .c-list__item {
        margin-left: 0;
        padding-left: var(--calc-size--10);
        font-size: var(--calc-size--12);
        line-height: 1.333;
    }
    .event-benefit-template .c-layout-container .c-list__item::before {
        top: 0.55em;
    }
}
/* ========================= */
/* // c-layout List */
/* ========================= */

/* ========================= */
/* img-accordion */
/* ========================= */
.event-benefit-template .l-img-accordion-manager {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.event-benefit-template .c-img-accordion {
    position: relative;
}
.event-benefit-template .c-img-accordion--box-shadow {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.00), 0 2px 10px 0 rgba(33, 39, 49, 0.15);
}

.event-benefit-template .c-img-accordion__close-area {
    position: relative;
}
.event-benefit-template .c-img-accordion__open-area {
    display: none;
    position: relative;
}
.event-benefit-template .c-img-accordion__trigger-btn {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    outline-offset: 2px;
}

.event-benefit-template .c-img-accordion--open .c-img-accordion__open-area {
    display: block;
}
.event-benefit-template .c-img-accordion--open .c-img-accordion__close-area {
    display: none;
}
.event-benefit-template .c-img-accordion--open .c-linker__item {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: calc(var(--img-accordion--height-pc) / 1380 * 100vw);
    z-index: 1;
}


@media screen and (max-width: 767px) {
    .event-benefit-template .l-img-accordion-manager {
        row-gap: calc(8 / 390 * 100vw);
        margin: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .c-img-accordion--box-shadow {
        border-radius: calc(8 / 390 * 100vw);
        box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.00), 0 2px calc(10 / 390 * 100vw) 0 rgba(33, 39, 49, 0.15);
    }

    .event-benefit-template .c-img-accordion--open .c-linker__item {
        height: calc(var(--img-accordion--height-mo) / 390 * 100vw);
    }
}

/* ========================= */
/* // img-accordion */
/* ========================= */

/* ========================= */
/* responsive video (PC/MO 영상 구분하여 처리하기 위함) */
/* ========================= */
.c-responsive-video {
    --img-ratio: var(--img-ratio-pc, 16 / 9);
    --poster-image: var(--poster-pc, none);
    position: relative;
    width: 100%;
    max-width: 100%;
    height: calc(var(--full-video-height-pc) * 1px);
    aspect-ratio: var(--img-ratio);
    background-image: var(--poster-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.c-responsive-video__element {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.2s ease-out;
    will-change: opacity;
}

.c-responsive-video.is-loaded .c-responsive-video__element {
    opacity: 1;
}

@media screen and (max-width: 1230px) { 
    .synced-tab-slider .c-responsive-video{
        height: calc(var(--full-video-height-pc)  - 40px);
    }
    .synced-tab-slider--shadow .c-responsive-video{
        height: calc(var(--full-video-height-pc)  - 60px);
    }
}

@media (max-width: 767px) {
    .c-responsive-video {
        height: calc((var(--full-video-height-mo) / 390) * 100vw);
        --img-ratio: var(--img-ratio-mo, 16 / 9);
        --poster-image: var(--poster-mo, none);
    }
}
/* ========================= */
/* // responsive video (PC/MO 영상 구분하여 처리) */
/* ========================= */


/* ========================= */
/* LG.COM 단독 구매 혜택 (전체 공통) */
/* ========================= */
payment-benefits {
    display: block;
    width: fit-content;

    .lg-only-purchase-benefits {
        position: relative;
    }
    .lg-only-purchase-benefits__linker {
        position: absolute;
    }
    .lg-only-purchase-benefits__linker-01 {
        width: 6.5%;
        height: 11%;
        bottom: 37.2%;
        left: 14.3%;
    }
    .lg-only-purchase-benefits__linker-02 {
        width: 10%;
        height: 9%;
        bottom: 38%;
        left: 20.8%;
    }
    .lg-only-purchase-benefits__linker-03 {
        width: 8%;
        height: 10%;
        bottom: 38%;
        left: 46%;
    }
    .lg-only-purchase-benefits__linker-05 {
        width: 8%;
        height: 10%;
        bottom: 38%;
        left: 78.2%;
    }

    @media screen and (max-width: 767px) {
        .lg-only-purchase-benefits__linker-01 {width: 14.1%;height: 6%;bottom: 68%;left: 35.4%;}
        .lg-only-purchase-benefits__linker-02 {width: 21%;height: 6%;bottom: 68%;left: 49.2%;}
        .lg-only-purchase-benefits__linker-04 {width: 18%;height: 6%;bottom: 49.2%;left: 34.2%;}
        .lg-only-purchase-benefits__linker-05 {width: 19%;height: 6%;bottom: 30%;left: 34.2%;}
    }
}



/* ========================= */
/* // LG.COM 단독 구매 혜택 (전체 공통) */
/* ========================= */


/* ========================= */
/* 카카오톡 친구 전용 특별 할인 쿠폰 혜택 (전체 공통) */
/* ========================= */
.kakao-friend-coupon {
    position: relative;

    .article__inner:has(&) {
        padding: 36px 0 72px;
    }
    
    .l-article__content {
        display:flex;
        max-width: 820px;
        margin: 0 auto;
        flex-direction: column;
        row-gap: 12px;
    }
    .c-title {
        margin: 0;
    }
    .c-title__main {
        color: #000;
        text-align: left;
        font-size: 26px;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: -1.04px;
    }
    .kakao-friend-coupon__linker {
        position: absolute;
    }
    .kakao-friend-coupon__linker-01 {
        width: 17.1%;
        height: 32%;
        bottom: 10%;
        left: 50%;
    }
    .kakao-friend-coupon__linker-02 {
        width: 17.1%;
        height: 32%;
        bottom: 10%;
        left: 67%;
    }
    @media screen and (max-width: 767px) {
        .article__inner:has(&) {
            padding: calc(36 / 390 * 100vw) 0 calc(64 / 390 * 100vw);
        }
        .l-article__content { 
            padding: 0 calc(20 / 390 * 100vw);
        }
        .c-title__main {
            text-align:center;
            font-size: calc(26 / 390 * 100vw);
            font-weight: 700;
            line-height: 123.077%;
            letter-spacing: calc(-0.52 / 390 * 100vw);
        }
        .l-article__content {
            row-gap: calc(12 / 390 * 100vw);
        }
        .kakao-friend-coupon__linker-01 {
            width: 42.1%;
            height: 22%;
            bottom: 10%;
            left: 8%;
        }
        .kakao-friend-coupon__linker-02 {
            width: 42.1%;
            height: 22%;
            bottom: 10%;
            left: 51%;
        }
    }
}
/* ========================= */
/* // 카카오톡 친구 전용 특별 할인 쿠폰 혜택 (전체 공통) */
/* ========================= */


/* ========================= */
/* 단독 구매 혜택 영역 (전체 공통) */
/* TODO gt.yang 2026.02.25 : 3월 연장 건 때 모두 제거 되어 추후 이미지까지 제거 필요 */
/* ========================= */
.event-benefit-template .exclusive-purchase-benefits__hyundai-card-banner {
    margin-top: 32px;
}
.custom-scroll-slider--exclusive-purchage-benefit .custom-scroll-slider__content-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.custom-scroll-slider--exclusive-purchage-benefit .custom-scroll-slider__content-wrapper .custom-scroll-slider__item {
    flex: 0 0 calc((100% - 16px) / 2);
}
@media screen and (max-width: 767px) {
    .event-benefit-template .exclusive-purchase-benefits__hyundai-card-banner {
        margin: calc(32 / 390 * 100vw) calc(20 / 390 * 100vw) 0;
    }
    .custom-scroll-slider--exclusive-purchage-benefit .custom-scroll-slider__content-wrapper {
        flex-wrap: nowrap;
        gap: calc(24 / 390 * 100vw);
    }
    .custom-scroll-slider--exclusive-purchage-benefit .custom-scroll-slider__content-wrapper .custom-scroll-slider__item {
        flex: 0 0 100%;
    }
}
/* ========================= */
/* // 단독 구매 혜택 영역 (전체 공통) */
/* ========================= */

/* ========================= */
/* 카드 구매 혜택 (전체 공통) */
/* ========================= */
.card-payment-benefits {
    .custom-scroll-slider__content-wrapper {
        display: flex;
        flex-wrap: nowrap;
        gap: 12px;
    }
    .custom-scroll-slider__item {
        cursor: default;
        flex: 1 1 374px;
    }
   
    .card-payment-benefits__linker-part-01 {
        position: absolute;
        width: 22%;
        height: 20%;
        bottom: 8%;
        left: 3%;
    }
    .card-payment-benefits__linker-part-02 {
        position: absolute;
        width: 30%;
        height: 20%;
        bottom: 8%;
        left: 68.2%;
    }
    .card-payment-benefits__bottom-benefits {
        margin-top: 24px;
    }
    .c-list {
        margin-top: 32px;
        row-gap: 2px;
    }
    .c-list__item {
        letter-spacing: -0.28px;
    }
    @media screen and (max-width: 767px) {
        .custom-scroll-slider__content-wrapper {
            flex-wrap: nowrap;
            gap: calc(24 / 390 * 100vw);
        }
        .custom-scroll-slider__item {
            flex: 0 0 100%;
        }
        .card-payment-benefits__bottom-benefits {
            margin: calc(24 / 390 * 100vw) calc(20 / 390 * 100vw) 0;
        }
        .c-list {
            margin: calc(24 / 390 * 100vw) calc(20 / 390 * 100vw) 0;
        }
        .c-list__item {
            margin-left: 0;
            letter-spacing: calc(-0.24 / 390 * 100vw);
        }
    }
}

/* ========================= */
/* // 카드 구매 혜택 (전체 공통) */
/* ========================= */

/* ========================= */
/* 현대카드 M 더블 이벤트 영역 (전체 공통) */
/* 
gt.yang 251218 : 26년 1월 연장 건에서 해당 영역 제거 되어 추후 제거 필요 
*/
/* ========================= */
@media screen and (max-width: 767px) {
    .hyundai-card-m-double-banner {
        margin: 0 calc(20 / 390 * 100vw);
    }
}
/* ========================= */
/* // 현대카드 M 더블 이벤트 영역 (전체 공통) */
/* ========================= */

/* ========================= */
/* 카카오톡 친구 전용 특별 할인 쿠폰 혜택 (전체 공통) */
/* ========================= */
@media screen and (max-width: 767px) {
    .kakao-talk-friend-only-coupon__banner {
        margin: 0 calc(20 / 390 * 100vw);
    }
}
/* ========================= */
/* // 카카오톡 친구 전용 특별 할인 쿠폰 혜택 (전체 공통) */
/* ========================= */

/* ========================= */
/* 결합 & 제휴카드 혜택 (구독 기획전 전체 공통) */
/* ========================= */
.event-benefit-template .sub-promo-card-benefit .c-toggle__btn-wrap {
    padding: 32px;
    background-color: #F0ECE4;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.event-benefit-template .sub-promo-card-benefit .c-toggle__btn {
    display: flex;
    text-align: left;
    padding-right: 0;
    width: 100%;
    color: #111;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.5px;
}
.event-benefit-template .sub-promo-card-benefit .c-toggle.on .c-toggle__content {
    position: relative;
    margin-top: 0;
}
.event-benefit-template .sub-promo-card-benefit .c-toggle.on .c-toggle__content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0.7%;
    width: 98.6%;
    height: 1px;
    z-index:1;
    background: repeating-linear-gradient(
      to right,
      #8F9298, /* 점선 색상 (시작) */
      #8F9298 2px, /* 점선 색상 (3px까지 유지) */
      transparent 4px, /* 투명 시작 (점의 끝) */
      transparent 8px /* 투명 끝 (간격의 끝, 총 5px 간격) */
    );
}
.event-benefit-template .sub-promo-card-benefit .c-toggle__btn--text::after {
    right: 46px;
    width: 15px;
    height: 9px;
    background: url(/kr/event/promotions/images/icon-line-chervron-down-black-big.svg) no-repeat;
}
.event-benefit-template .sub-promo-card-benefit__linker {
    position: absolute;
}
.event-benefit-template .sub-promo-card-benefit__linker--01 {
    top: 27%;
    left: 1%;
    width: 9%;
    height: 10%;
}
.event-benefit-template .sub-promo-card-benefit__linker--02 {
    top: 27%;
    right: 39%;
    width: 9%;
    height: 10%;
}
.event-benefit-template .sub-promo-card-benefit__linker--03 {
    bottom: 0%;
    left: 0;
    width: 10%;
    height: 13%;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .sub-promo-card-benefit .c-toggle {
        /* margin: */
    }
    .event-benefit-template .sub-promo-card-benefit .c-toggle__btn-wrap {
        padding: calc(20 / 390 * 100vw);
        border-bottom-left-radius: calc(8 / 390 * 100vw);
        border-bottom-right-radius: calc(8 / 390 * 100vw);
    }
    .event-benefit-template .sub-promo-card-benefit .c-toggle__btn {
        font-size: calc(17 / 390 * 100vw);
        line-height: 1.4117;
        letter-spacing: calc(-0.3em / 17);
    }
    .event-benefit-template .sub-promo-card-benefit .c-toggle.on .c-toggle__content::before {
        left: 1.3%;
        width: 97.1%;
    }
    .event-benefit-template .sub-promo-card-benefit .c-toggle__btn--text::after {
        right: calc(28 / 390 * 100vw);
        width: calc(15 / 390 * 100vw);
        height: calc(9 / 390 * 100vw);
        background: url(/kr/event/promotions/images/icon-line-chervron-down-black-big.svg) no-repeat;
        background-size: contain;
    }
    .event-benefit-template .sub-promo-card-benefit__linker--01 {
        top: 17%;
        left: 5%;
        width: 31%;
        height: 6%;
    }
    .event-benefit-template .sub-promo-card-benefit__linker--02 {
        top: 53%;
        left: 5%;
        width: 31%;
        height: 6%;
    }
    .event-benefit-template .sub-promo-card-benefit__linker--03 {
        top: 93%;
        left: 5%;
        width: 31%;
        height: 6%;
    }

}
/* ========================= */
/* // 결합 & 제휴카드 혜택 (구독 기획전 전체 공통) */
/* ========================= */

/* ========================= */
/* 앱 전용 쿠폰 (일반 기획전 전체 공통) */
/* ========================= */
.event-benefit-template .app-only-coupon .custom-scroll-slider__content-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--calc-size--24);
}
.event-benefit-template .app-only-coupon .custom-scroll-slider__item {
    flex: 0 0 calc((100% - var(--calc-size--24) * 2) / 3);
}
@media screen and (max-width: 767px) {
    .event-benefit-template .app-only-coupon .custom-scroll-slider__content-wrapper {
        flex-wrap: nowrap;
        column-gap: calc(24 / 390 * 100vw);
    }
    .event-benefit-template .app-only-coupon .custom-scroll-slider__item {
        flex: initial;
    }
}
/* ========================= */
/* // 앱 전용 쿠폰 (일반 기획전 전체 공통) */
/* ========================= */

/* ========================= */
/* c-layout-container        */
/* ========================= */
.event-benefit-template .has-pc-base-margin--leftright {
    margin-left: 10px;
    margin-right: 10px;
}
.c-layout-container .c-layout {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    gap: var(--base-card--gap);
}
.c-layout-container .c-layout .c-layout__item {
    position: relative;
    flex-direction: column;
}
.c-layout-container .has-shadow img {
    box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.00), 0 2px 10px 0 rgba(33, 39, 49, 0.15);
}
.c-layout-container .c-layout.has-shadow .custom-scroll-slider__item {
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 0 12px;
}
.c-layout-container .c-layout.custom-scroll-slider__content-wrapper.has-shadow {
    gap: 0px;
    --base-card--gap: 0px;
}
.c-layout-container .c-layout .c-layout__item {
    flex: 0 0 calc((100% - (var(--base-card--gap) * (var(--display-limited--item, 1) - 1))) / var(--display-limited--item, 1));
}
.c-layout-container .c-layout .c-layout__item.size--full {flex: 0 0 100%;}
.c-layout.last-item-align--center-full .c-layout__item:nth-child(2n + 1):last-child,
.c-layout.first-item-align--full .c-layout__item:first-child {
    flex-basis: 100%;
}
.c-layout.last-item-align--center-full,  .c-layout.last-item-align--center {
    justify-content: center;
}
.c-layout .c-layout__inner{
    display: flex;
    align-items: flex-start;
}
.c-layout .c-layout__inner.img--align-center{
    justify-content: center;
}
.c-layout .c-layout__inner .item-right{
    flex-grow: 1;
    width: 100%;
}
.c-layout .c-layout__bg-image {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.c-layout .c-layout__bg-image img {
    width: 100%;
}
.c-layout .c-layout__content {
    width: 100%;
    padding: 0 min(32px, calc(32 / 1165 * 100vw));
}
.c-layout.has-shadow .c-layout__content:not(.type-banner) {
    padding: 0 min(44px, calc(44 / 1165 * 100vw));
}
.c-layout.card--align-left-top .c-layout__content {
    padding-top: min(32px, calc(32 / 1165 * 100vw));
}
.c-layout.card--align-left-bottom .c-layout__content {
    padding-bottom: min(32px, calc(32 / 1165 * 100vw));
}
.c-layout .c-layout__inner:has(.c-layout__bg-image) .c-layout__content {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
}
.c-layout.card--align-left-center .c-layout__inner:has(.c-layout__bg-image) .c-layout__content {
    flex-direction: column;
    justify-content: center;
}
.c-layout.card--align-left-bottom .c-layout__inner:has(.c-layout__bg-image) .c-layout__content {
    flex-direction: column;
    justify-content: flex-end;
}
.c-layout.card--align-right-center .c-layout__inner:has(.c-layout__bg-image) .c-layout__content {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: flex-end;
}
.c-layout .linker-icon--black::after {
    content: "";
    display: inline-block;
    background: url('/kr/event/promotions/images/icon-detail-link-black.svg') no-repeat;
    background-position: center;
    background-size: contain;
}
.c-layout .linker-icon--white::after {
    content: "";
    display: inline-block;
    background: url('/kr/event/promotions/images/icon-detail-link-white.svg') no-repeat;
    background-position: center;
    background-size: contain;
}
.c-layout .arrow-icon--black::after {
    content: "";
    display: inline-flex;
    justify-content: center;
    background: url('/kr/event/promotions/images/icon-black-arrow-right.svg') no-repeat;
    background-position: center;
    width: var(--calc-size--05);
    height: var(--calc-size--10);
    padding-left: var(--calc-size--20);
}
.c-layout .icon-plus::before {
    content: "";
    display: inline-block;
    margin: 0px var(--calc-size--06) 0px 4px;
    width: var(--calc-size--10);
    height: var(--calc-size--10);
    background: url("/kr/event/promotions/images/icon-plus.svg") no-repeat;
    background-size: contain;
}
.c-layout .icon-checked-v::before {
    content: "";
    display: inline-block;
    top: 4px;
    margin-right: var(--calc-size--06);
    width: var(--calc-size--20);
    height: var(--calc-size--20);
    vertical-align: middle;
    background: url("/kr/event/promotions/images/icon-checked-v.svg") no-repeat;
    background-size: contain;
}
.c-layout .c-title__card-linker.linker-icon--black::after,
.c-layout .c-title__banner-linker.linker-icon--black::after {
    width: var(--calc-size--16);
    height: var(--calc-size--09);
    padding-left: var(--calc-size--20);
}
.c-layout .c-title__card-linker.linker-icon--white::after,
.c-layout .c-title__banner-linker.linker-icon--white::after {
    width: var(--calc-size--16);
    height: var(--calc-size--09);
    padding-left: var(--calc-size--20);
}
.c-layout .c-title__card-linker.arrow-icon--black::after,
.c-layout .c-title__banner-linker.arrow-icon--black::after {
    width: var(--calc-size--04);
    height: var(--calc-size--08);
    padding-left: var(--calc-size--20);
}

@media (min-width: 768px) {
    .c-layout-container .custom-scroll-slider__content-wrapper {
        cursor: default;
    }
    .c-layout .c-layout__content .c-layout--row,
    .c-layout .c-layout__content .c-layout--row-pc {display: flex; flex-direction: row;}
    .c-layout .c-layout__content .c-layout--row .c-title,
    .c-layout .c-layout__content .c-layout--row-pc .c-title {flex-direction: row;}
    .c-layout .c-layout__content .c-layout--row .c-title.c-layout--column,
    .c-layout .c-layout__content .c-layout--row-pc .c-title.c-layout--column {flex-direction: column;}
}
@media (max-width: 767px) {
    .c-layout-container .c-layout .c-layout__item {
        width: 100%;
        flex-basis: 100%;
    }
    .c-layout-container.custom-scroll-slider--only-mo .c-layout.custom-scroll-slider__content-wrapper {
        flex-wrap: nowrap;
    }
    .event-benefit-template .has-pc-base-margin--leftright,
    .event-benefit-template .has-mo-base-margin--leftright {
        margin-left: calc(20 / 390 * 100vw);
        margin-right: calc(20 / 390 * 100vw);
    }
    .event-benefit-template .has-mo-base-margin--leftright.has-shadow[style*="--display-limited--item"] {
        margin-left: calc(15 / 390 * 100vw);
        margin-right: calc(15 / 390 * 100vw);
    }
    .c-layout.first-item-align--full .c-layout__item {
        flex-basis: 100%;
    }
    .c-layout .c-layout__content,
    .c-layout.has-shadow .c-layout__content,
    .c-layout.has-shadow .c-layout__content:not(.type-banner) {
        padding: 0 calc(32 / 390 * 100vw);
    }
    .c-layout.card--align-left-top .c-layout__content {
        padding-top: max(32px, calc(32 / 390 * 100vw));
    }
    .c-layout.card--align-left-bottom .c-layout__content {
        padding-bottom: max(32px, calc(32 / 390 * 100vw));
    }
    .c-layout .c-layout__content.type-banner {
        padding: 0 calc(24 / 390 * 100vw);
    }
    .c-layout.card--align-left-top .c-layout__content.type-banner {
        padding-top: max(24px, calc(24 / 390 * 100vw));
    }
    .c-layout.card--align-left-bottom .c-layout__content.type-banner {
        padding-bottom: max(24px, calc(24 / 390 * 100vw));
    }
    .c-layout .c-title__card-linker.linker-icon--black::after,
    .c-layout .c-title__banner-linker.linker-icon--black::after {
        width: calc(16 / 390 * 100vw);
        height: calc(9 / 390 * 100vw);
        padding-left: calc(18 / 390 * 100vw);
    }
    .c-layout .c-title__card-linker.arrow-icon--black::after,
    .c-layout .c-title__banner-linker.arrow-icon--black::after {
        height: var(--calc-size--08);
        padding-left: var(--calc-size--16);
    }
    .c-layout.card--align-right-center .c-layout__inner:has(.c-layout__bg-image) .c-layout__content {flex-wrap: nowrap;}
    .c-layout .c-layout__content .c-layout--row-pc {flex-direction: column;}
    .c-layout .c-layout__content .c-layout--row-pc .c-title {flex-direction: column;}
    .c-layout .icon-plus::before {
        margin: 0px var(--calc-size--04) 0px 4px;
        width: var(--calc-size--08);
        height: var(--calc-size--08);
    }
    .c-layout .icon-checked-v::before {
        top: 4px;
        margin-right: var(--calc-size--06);
        width: var(--calc-size--12);
        height: var(--calc-size--12);
    }
}

/* style variable */
.event-benefit-template .has-text--underline {
    text-decoration: underline;
    text-underline-offset: 4px;
}
.event-benefit-template .c-title__color--red {
    color: var(--base-color--red-01);
}

/* number title */
.c-layout-container .c-number-list {
    counter-reset: number-badge;
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: var(--calc-size--15);
}
.c-layout-container .c-number-list__item {
    counter-increment: number-badge;
    display: flex;
    align-items: center; 
    font-size: var(--calc-size--19);
    line-height: var(--calc-size--26);
    font-weight: 500;
    color: #000;
}
.c-layout-container .c-number-list__item::before {
    content: counter(number-badge);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: var(--calc-size--28);
    height: var(--calc-size--28);
    background-color: #111;
    color: #fff;
    border-radius: 6px;
    margin-right: var(--calc-size--08);
    font-size: var(--calc-size--13);
    font-weight: 700;
}
@media screen and (max-width: 767px) {
    .c-layout-container .c-number-list__item {
        font-size: var(--calc-size--14);
        line-height: var(--calc-size--20);
    }
    .c-layout-container .c-number-list__item::before {
        width: var(--calc-size--21);
        height: var(--calc-size--21);
        border-radius: 5px;
        font-size: var(--calc-size--10);
        font-weight: 700;
    }
}
/* ========================= */
/* // c-layout-container     */
/* ========================= */

/* ========================= */
/* Text Align 공통 정렬       */
/* ========================= */
.event-benefit-template .text-align--left {text-align: left;}
/* ========================= */
/* // Text Align 공통 정렬    */
/* ========================= */

/* ========================= */
/* Font Color 공통           */
/* ========================= */
.event-benefit-template .c-font--primary-active-red,.event-benefit-template .article__inner .c-font--primary-active-red{ color:var(--01-primary-active-red); }
.event-benefit-template .font-color--white {color: var(--base-color--white-01);}
/* ========================= */
/* // Font Color 공통        */
/* ========================= */

/* ========================= */
/* Font Size 공통            */
/* ========================= */
.event-benefit-template .font-size--p13 { font-size: var(--calc-size--13); line-height: var(--calc-size--18);}
.event-benefit-template .font-size--p14 { font-size: var(--calc-size--14); line-height: var(--calc-size--20);}
.event-benefit-template .font-size--p15 { font-size: var(--calc-size--15); line-height: var(--calc-size--22);}
.event-benefit-template .font-size--p16 { font-size: var(--calc-size--16); line-height: var(--calc-size--22);}
.event-benefit-template .font-size--p17 { font-size: var(--calc-size--17); line-height: var(--calc-size--24);}
.event-benefit-template .font-size--p18 { font-size: var(--calc-size--18); line-height: var(--calc-size--24);}
.event-benefit-template .font-size--p19 { font-size: var(--calc-size--19); line-height: var(--calc-size--26);}
.event-benefit-template .font-size--p20 { font-size: var(--calc-size--20); line-height: var(--calc-size--28);}
.event-benefit-template .font-size--p22 { font-size: var(--calc-size--22); line-height: var(--calc-size--30);}
@media screen and (max-width: 767px) {
    .event-benefit-template .font-size--m12 { font-size: var(--calc-size--12); line-height: var(--calc-size--16);}
    .event-benefit-template .font-size--m13 { font-size: var(--calc-size--13); line-height: var(--calc-size--18);}
    .event-benefit-template .font-size--m14 { font-size: var(--calc-size--14); line-height: var(--calc-size--20);}
    .event-benefit-template .font-size--m15 { font-size: var(--calc-size--15); line-height: var(--calc-size--20);}
    .event-benefit-template .font-size--m16 { font-size: var(--calc-size--16); line-height: var(--calc-size--22);}
    .event-benefit-template .font-size--m17 { font-size: var(--calc-size--17); line-height: var(--calc-size--24);}
    .event-benefit-template .font-size--m18 { font-size: var(--calc-size--18); line-height: var(--calc-size--24);}
    .event-benefit-template .font-size--m19 { font-size: var(--calc-size--19); line-height: var(--calc-size--26);}
}
/* ========================= */
/* // Font Size 공통         */
/* ========================= */

/* ========================= */
/* Font Weight 공통          */
/* ========================= */
.event-benefit-template .font-weight--p400 { font-weight: 400; }
.event-benefit-template .font-weight--p500 { font-weight: 500; }
.event-benefit-template .font-weight--p600 { font-weight: 600; }
.event-benefit-template .font-weight--p700 { font-weight: 700; }
.event-benefit-template .font-weight--p900 { font-weight: 900; }
@media screen and (max-width: 767px) {
    .event-benefit-template .font-weight--m400 { font-weight: 400; }
    .event-benefit-template .font-weight--m500 { font-weight: 500; }
    .event-benefit-template .font-weight--m600 { font-weight: 600; }
    .event-benefit-template .font-weight--m700 { font-weight: 700; }
    .event-benefit-template .font-weight--m900 { font-weight: 900; }
}
/* ========================= */
/* // Font Weight 공통       */
/* ========================= */

/* ========================= */
/* 공통 여백                 */
/* ========================= */

/* Margin Top */
.event-benefit-template .margin-t--p00, .event-benefit-template .article__inner .margin-t--p00 {margin-top: var(--calc-size--00);}
.event-benefit-template .margin-t--p04, .event-benefit-template .article__inner .margin-t--p04 {margin-top: var(--calc-size--04);}
.event-benefit-template .margin-t--p05, .event-benefit-template .article__inner .margin-t--p05 {margin-top: var(--calc-size--05);}
.event-benefit-template .margin-t--p06, .event-benefit-template .article__inner .margin-t--p06 {margin-top: var(--calc-size--06);}
.event-benefit-template .margin-t--p08, .event-benefit-template .article__inner .margin-t--p08 {margin-top: var(--calc-size--08);}
.event-benefit-template .margin-t--p10, .event-benefit-template .article__inner .margin-t--p10 {margin-top: var(--calc-size--10);}
.event-benefit-template .margin-t--p12, .event-benefit-template .article__inner .margin-t--p12 {margin-top: var(--calc-size--12);}
.event-benefit-template .margin-t--p15, .event-benefit-template .article__inner .margin-t--p15 {margin-top: var(--calc-size--15);}
.event-benefit-template .margin-t--p16, .event-benefit-template .article__inner .margin-t--p16 {margin-top: var(--calc-size--16);}
.event-benefit-template .margin-t--p18, .event-benefit-template .article__inner .margin-t--p18 {margin-top: var(--calc-size--18);}
.event-benefit-template .margin-t--p20, .event-benefit-template .article__inner .margin-t--p20 {margin-top: var(--calc-size--20);}
.event-benefit-template .margin-t--p22, .event-benefit-template .article__inner .margin-t--p22 {margin-top: var(--calc-size--22);}
.event-benefit-template .margin-t--p24, .event-benefit-template .article__inner .margin-t--p24 {margin-top: var(--calc-size--24);}
.event-benefit-template .margin-t--p25, .event-benefit-template .article__inner .margin-t--p25 {margin-top: var(--calc-size--25);}
.event-benefit-template .margin-t--p26, .event-benefit-template .article__inner .margin-t--p26 {margin-top: var(--calc-size--26);}
.event-benefit-template .margin-t--p28, .event-benefit-template .article__inner .margin-t--p28 {margin-top: var(--calc-size--28);}
.event-benefit-template .margin-t--p30, .event-benefit-template .article__inner .margin-t--p30 {margin-top: var(--calc-size--30);}
.event-benefit-template .margin-t--p32, .event-benefit-template .article__inner .margin-t--p32 {margin-top: var(--calc-size--32);}
.event-benefit-template .margin-t--p34, .event-benefit-template .article__inner .margin-t--p34 {margin-top: var(--calc-size--34);}
.event-benefit-template .margin-t--p35, .event-benefit-template .article__inner .margin-t--p35 {margin-top: var(--calc-size--35);}
.event-benefit-template .margin-t--p36, .event-benefit-template .article__inner .margin-t--p36 {margin-top: var(--calc-size--36);}
.event-benefit-template .margin-t--p38, .event-benefit-template .article__inner .margin-t--p38 {margin-top: var(--calc-size--38);}
.event-benefit-template .margin-t--p40, .event-benefit-template .article__inner .margin-t--p40 {margin-top: var(--calc-size--40);}
.event-benefit-template .margin-t--p45, .event-benefit-template .article__inner .margin-t--p45 {margin-top: var(--calc-size--45);}
.event-benefit-template .margin-t--p50, .event-benefit-template .article__inner .margin-t--p50 {margin-top: var(--calc-size--50);}
.event-benefit-template .margin-t--p52, .event-benefit-template .article__inner .margin-t--p52 {margin-top: var(--calc-size--52);}
.event-benefit-template .margin-t--p54, .event-benefit-template .article__inner .margin-t--p54 {margin-top: var(--calc-size--54);}
.event-benefit-template .margin-t--p56, .event-benefit-template .article__inner .margin-t--p56 {margin-top: var(--calc-size--56);}
.event-benefit-template .margin-t--p58, .event-benefit-template .article__inner .margin-t--p58 {margin-top: var(--calc-size--58);}
.event-benefit-template .margin-t--p60, .event-benefit-template .article__inner .margin-t--p60 {margin-top: var(--calc-size--60);}
.event-benefit-template .margin-t--p62, .event-benefit-template .article__inner .margin-t--p62 {margin-top: var(--calc-size--62);}
.event-benefit-template .margin-t--p64, .event-benefit-template .article__inner .margin-t--p64 {margin-top: var(--calc-size--64);}
.event-benefit-template .margin-t--p66, .event-benefit-template .article__inner .margin-t--p66 {margin-top: var(--calc-size--66);}
.event-benefit-template .margin-t--p68, .event-benefit-template .article__inner .margin-t--p68 {margin-top: var(--calc-size--68);}
.event-benefit-template .margin-t--p70, .event-benefit-template .article__inner .margin-t--p70 {margin-top: var(--calc-size--70);}
.event-benefit-template .margin-t--p72, .event-benefit-template .article__inner .margin-t--p72 {margin-top: var(--calc-size--72);}
.event-benefit-template .margin-t--p74, .event-benefit-template .article__inner .margin-t--p74 {margin-top: var(--calc-size--74);}
.event-benefit-template .margin-t--p76, .event-benefit-template .article__inner .margin-t--p76 {margin-top: var(--calc-size--76);}
.event-benefit-template .margin-t--p78, .event-benefit-template .article__inner .margin-t--p78 {margin-top: var(--calc-size--78);}
.event-benefit-template .margin-t--p80, .event-benefit-template .article__inner .margin-t--p80 {margin-top: var(--calc-size--80);}

.event-benefit-template .margin-b--p00, .event-benefit-template .article__inner .margin-b--p00 {margin-bottom: var(--calc-size--00);}
.event-benefit-template .margin-b--p04, .event-benefit-template .article__inner .margin-b--p04 {margin-bottom: var(--calc-size--04);}
.event-benefit-template .margin-b--p05, .event-benefit-template .article__inner .margin-b--p05 {margin-bottom: var(--calc-size--05);}
.event-benefit-template .margin-b--p06, .event-benefit-template .article__inner .margin-b--p06 {margin-bottom: var(--calc-size--06);}
.event-benefit-template .margin-b--p08, .event-benefit-template .article__inner .margin-b--p08 {margin-bottom: var(--calc-size--08);}
.event-benefit-template .margin-b--p10, .event-benefit-template .article__inner .margin-b--p10 {margin-bottom: var(--calc-size--10);}
.event-benefit-template .margin-b--p12, .event-benefit-template .article__inner .margin-b--p12 {margin-bottom: var(--calc-size--12);}
.event-benefit-template .margin-b--p15, .event-benefit-template .article__inner .margin-b--p15 {margin-bottom: var(--calc-size--15);}
.event-benefit-template .margin-b--p16, .event-benefit-template .article__inner .margin-b--p16 {margin-bottom: var(--calc-size--16);}
.event-benefit-template .margin-b--p18, .event-benefit-template .article__inner .margin-b--p18 {margin-bottom: var(--calc-size--18);}
.event-benefit-template .margin-b--p20, .event-benefit-template .article__inner .margin-b--p20 {margin-bottom: var(--calc-size--20);}
.event-benefit-template .margin-b--p22, .event-benefit-template .article__inner .margin-b--p22 {margin-bottom: var(--calc-size--22);}
.event-benefit-template .margin-b--p24, .event-benefit-template .article__inner .margin-b--p24 {margin-bottom: var(--calc-size--24);}
.event-benefit-template .margin-b--p25, .event-benefit-template .article__inner .margin-b--p25 {margin-bottom: var(--calc-size--25);}
.event-benefit-template .margin-b--p26, .event-benefit-template .article__inner .margin-b--p26 {margin-bottom: var(--calc-size--26);}
.event-benefit-template .margin-b--p28, .event-benefit-template .article__inner .margin-b--p28 {margin-bottom: var(--calc-size--28);}
.event-benefit-template .margin-b--p30, .event-benefit-template .article__inner .margin-b--p30 {margin-bottom: var(--calc-size--30);}
.event-benefit-template .margin-b--p32, .event-benefit-template .article__inner .margin-b--p32 {margin-bottom: var(--calc-size--32);}
.event-benefit-template .margin-b--p34, .event-benefit-template .article__inner .margin-b--p34 {margin-bottom: var(--calc-size--34);}
.event-benefit-template .margin-b--p35, .event-benefit-template .article__inner .margin-b--p35 {margin-bottom: var(--calc-size--35);}
.event-benefit-template .margin-b--p36, .event-benefit-template .article__inner .margin-b--p36 {margin-bottom: var(--calc-size--36);}
.event-benefit-template .margin-b--p38, .event-benefit-template .article__inner .margin-b--p38 {margin-bottom: var(--calc-size--38);}
.event-benefit-template .margin-b--p40, .event-benefit-template .article__inner .margin-b--p40 {margin-bottom: var(--calc-size--40);}
.event-benefit-template .margin-b--p45, .event-benefit-template .article__inner .margin-b--p45 {margin-bottom: var(--calc-size--45);}
.event-benefit-template .margin-b--p50, .event-benefit-template .article__inner .margin-b--p50 {margin-bottom: var(--calc-size--50);}
.event-benefit-template .margin-b--p52, .event-benefit-template .article__inner .margin-b--p52 {margin-bottom: var(--calc-size--52);}
.event-benefit-template .margin-b--p54, .event-benefit-template .article__inner .margin-b--p54 {margin-bottom: var(--calc-size--54);}
.event-benefit-template .margin-b--p56, .event-benefit-template .article__inner .margin-b--p56 {margin-bottom: var(--calc-size--56);}
.event-benefit-template .margin-b--p58, .event-benefit-template .article__inner .margin-b--p58 {margin-bottom: var(--calc-size--58);}
.event-benefit-template .margin-b--p60, .event-benefit-template .article__inner .margin-b--p60 {margin-bottom: var(--calc-size--60);}
.event-benefit-template .margin-b--p62, .event-benefit-template .article__inner .margin-b--p62 {margin-bottom: var(--calc-size--62);}
.event-benefit-template .margin-b--p64, .event-benefit-template .article__inner .margin-b--p64 {margin-bottom: var(--calc-size--64);}
.event-benefit-template .margin-b--p66, .event-benefit-template .article__inner .margin-b--p66 {margin-bottom: var(--calc-size--66);}
.event-benefit-template .margin-b--p68, .event-benefit-template .article__inner .margin-b--p68 {margin-bottom: var(--calc-size--68);}
.event-benefit-template .margin-b--p70, .event-benefit-template .article__inner .margin-b--p70 {margin-bottom: var(--calc-size--70);}
.event-benefit-template .margin-b--p72, .event-benefit-template .article__inner .margin-b--p72 {margin-bottom: var(--calc-size--72);}
.event-benefit-template .margin-b--p74, .event-benefit-template .article__inner .margin-b--p74 {margin-bottom: var(--calc-size--74);}
.event-benefit-template .margin-b--p76, .event-benefit-template .article__inner .margin-b--p76 {margin-bottom: var(--calc-size--76);}
.event-benefit-template .margin-b--p78, .event-benefit-template .article__inner .margin-b--p78 {margin-bottom: var(--calc-size--78);}
.event-benefit-template .margin-b--p80, .event-benefit-template .article__inner .margin-b--p80 {margin-bottom: var(--calc-size--80);}

.event-benefit-template .margin-l--p00, .event-benefit-template .article__inner .margin-l--p00 {margin-left: var(--calc-size--00);}
.event-benefit-template .margin-l--p04, .event-benefit-template .article__inner .margin-l--p04 {margin-left: var(--calc-size--04);}
.event-benefit-template .margin-l--p05, .event-benefit-template .article__inner .margin-l--p05 {margin-left: var(--calc-size--05);}
.event-benefit-template .margin-l--p06, .event-benefit-template .article__inner .margin-l--p06 {margin-left: var(--calc-size--06);}
.event-benefit-template .margin-l--p08, .event-benefit-template .article__inner .margin-l--p08 {margin-left: var(--calc-size--08);}
.event-benefit-template .margin-l--p10, .event-benefit-template .article__inner .margin-l--p10 {margin-left: var(--calc-size--10);}
.event-benefit-template .margin-l--p12, .event-benefit-template .article__inner .margin-l--p12 {margin-left: var(--calc-size--12);}
.event-benefit-template .margin-l--p15, .event-benefit-template .article__inner .margin-l--p15 {margin-left: var(--calc-size--15);}
.event-benefit-template .margin-l--p16, .event-benefit-template .article__inner .margin-l--p16 {margin-left: var(--calc-size--16);}
.event-benefit-template .margin-l--p18, .event-benefit-template .article__inner .margin-l--p18 {margin-left: var(--calc-size--18);}
.event-benefit-template .margin-l--p20, .event-benefit-template .article__inner .margin-l--p20 {margin-left: var(--calc-size--20);}
.event-benefit-template .margin-l--p22, .event-benefit-template .article__inner .margin-l--p22 {margin-left: var(--calc-size--22);}
.event-benefit-template .margin-l--p24, .event-benefit-template .article__inner .margin-l--p24 {margin-left: var(--calc-size--24);}
.event-benefit-template .margin-l--p25, .event-benefit-template .article__inner .margin-l--p25 {margin-left: var(--calc-size--25);}
.event-benefit-template .margin-l--p26, .event-benefit-template .article__inner .margin-l--p26 {margin-left: var(--calc-size--26);}
.event-benefit-template .margin-l--p28, .event-benefit-template .article__inner .margin-l--p28 {margin-left: var(--calc-size--28);}
.event-benefit-template .margin-l--p30, .event-benefit-template .article__inner .margin-l--p30 {margin-left: var(--calc-size--30);}
.event-benefit-template .margin-l--p32, .event-benefit-template .article__inner .margin-l--p32 {margin-left: var(--calc-size--32);}
.event-benefit-template .margin-l--p34, .event-benefit-template .article__inner .margin-l--p34 {margin-left: var(--calc-size--34);}
.event-benefit-template .margin-l--p35, .event-benefit-template .article__inner .margin-l--p35 {margin-left: var(--calc-size--35);}
.event-benefit-template .margin-l--p36, .event-benefit-template .article__inner .margin-l--p36 {margin-left: var(--calc-size--36);}
.event-benefit-template .margin-l--p38, .event-benefit-template .article__inner .margin-l--p38 {margin-left: var(--calc-size--38);}
.event-benefit-template .margin-l--p40, .event-benefit-template .article__inner .margin-l--p40 {margin-left: var(--calc-size--40);}
.event-benefit-template .margin-l--p45, .event-benefit-template .article__inner .margin-l--p45 {margin-left: var(--calc-size--45);}
.event-benefit-template .margin-l--p50, .event-benefit-template .article__inner .margin-l--p50 {margin-left: var(--calc-size--50);}
.event-benefit-template .margin-l--p52, .event-benefit-template .article__inner .margin-l--p52 {margin-left: var(--calc-size--52);}
.event-benefit-template .margin-l--p54, .event-benefit-template .article__inner .margin-l--p54 {margin-left: var(--calc-size--54);}
.event-benefit-template .margin-l--p56, .event-benefit-template .article__inner .margin-l--p56 {margin-left: var(--calc-size--56);}
.event-benefit-template .margin-l--p58, .event-benefit-template .article__inner .margin-l--p58 {margin-left: var(--calc-size--58);}
.event-benefit-template .margin-l--p60, .event-benefit-template .article__inner .margin-l--p60 {margin-left: var(--calc-size--60);}
.event-benefit-template .margin-l--p62, .event-benefit-template .article__inner .margin-l--p62 {margin-left: var(--calc-size--62);}
.event-benefit-template .margin-l--p64, .event-benefit-template .article__inner .margin-l--p64 {margin-left: var(--calc-size--64);}
.event-benefit-template .margin-l--p66, .event-benefit-template .article__inner .margin-l--p66 {margin-left: var(--calc-size--66);}
.event-benefit-template .margin-l--p68, .event-benefit-template .article__inner .margin-l--p68 {margin-left: var(--calc-size--68);}
.event-benefit-template .margin-l--p70, .event-benefit-template .article__inner .margin-l--p70 {margin-left: var(--calc-size--70);}
.event-benefit-template .margin-l--p72, .event-benefit-template .article__inner .margin-l--p72 {margin-left: var(--calc-size--72);}
.event-benefit-template .margin-l--p74, .event-benefit-template .article__inner .margin-l--p74 {margin-left: var(--calc-size--74);}
.event-benefit-template .margin-l--p76, .event-benefit-template .article__inner .margin-l--p76 {margin-left: var(--calc-size--76);}
.event-benefit-template .margin-l--p78, .event-benefit-template .article__inner .margin-l--p78 {margin-left: var(--calc-size--78);}
.event-benefit-template .margin-l--p80, .event-benefit-template .article__inner .margin-l--p80 {margin-left: var(--calc-size--80);}

.event-benefit-template .margin-r--p00, .event-benefit-template .article__inner .margin-r--p00 {margin-right: var(--calc-size--00);}
.event-benefit-template .margin-r--p04, .event-benefit-template .article__inner .margin-r--p04 {margin-right: var(--calc-size--04);}
.event-benefit-template .margin-r--p05, .event-benefit-template .article__inner .margin-r--p05 {margin-right: var(--calc-size--05);}
.event-benefit-template .margin-r--p06, .event-benefit-template .article__inner .margin-r--p06 {margin-right: var(--calc-size--06);}
.event-benefit-template .margin-r--p08, .event-benefit-template .article__inner .margin-r--p08 {margin-right: var(--calc-size--08);}
.event-benefit-template .margin-r--p10, .event-benefit-template .article__inner .margin-r--p10 {margin-right: var(--calc-size--10);}
.event-benefit-template .margin-r--p12, .event-benefit-template .article__inner .margin-r--p12 {margin-right: var(--calc-size--12);}
.event-benefit-template .margin-r--p15, .event-benefit-template .article__inner .margin-r--p15 {margin-right: var(--calc-size--15);}
.event-benefit-template .margin-r--p16, .event-benefit-template .article__inner .margin-r--p16 {margin-right: var(--calc-size--16);}
.event-benefit-template .margin-r--p18, .event-benefit-template .article__inner .margin-r--p18 {margin-right: var(--calc-size--18);}
.event-benefit-template .margin-r--p20, .event-benefit-template .article__inner .margin-r--p20 {margin-right: var(--calc-size--20);}
.event-benefit-template .margin-r--p22, .event-benefit-template .article__inner .margin-r--p22 {margin-right: var(--calc-size--22);}
.event-benefit-template .margin-r--p24, .event-benefit-template .article__inner .margin-r--p24 {margin-right: var(--calc-size--24);}
.event-benefit-template .margin-r--p25, .event-benefit-template .article__inner .margin-r--p25 {margin-right: var(--calc-size--25);}
.event-benefit-template .margin-r--p26, .event-benefit-template .article__inner .margin-r--p26 {margin-right: var(--calc-size--26);}
.event-benefit-template .margin-r--p28, .event-benefit-template .article__inner .margin-r--p28 {margin-right: var(--calc-size--28);}
.event-benefit-template .margin-r--p30, .event-benefit-template .article__inner .margin-r--p30 {margin-right: var(--calc-size--30);}
.event-benefit-template .margin-r--p32, .event-benefit-template .article__inner .margin-r--p32 {margin-right: var(--calc-size--32);}
.event-benefit-template .margin-r--p34, .event-benefit-template .article__inner .margin-r--p34 {margin-right: var(--calc-size--34);}
.event-benefit-template .margin-r--p35, .event-benefit-template .article__inner .margin-r--p35 {margin-right: var(--calc-size--35);}
.event-benefit-template .margin-r--p36, .event-benefit-template .article__inner .margin-r--p36 {margin-right: var(--calc-size--36);}
.event-benefit-template .margin-r--p38, .event-benefit-template .article__inner .margin-r--p38 {margin-right: var(--calc-size--38);}
.event-benefit-template .margin-r--p40, .event-benefit-template .article__inner .margin-r--p40 {margin-right: var(--calc-size--40);}
.event-benefit-template .margin-r--p45, .event-benefit-template .article__inner .margin-r--p45 {margin-right: var(--calc-size--45);}
.event-benefit-template .margin-r--p50, .event-benefit-template .article__inner .margin-r--p50 {margin-right: var(--calc-size--50);}
.event-benefit-template .margin-r--p52, .event-benefit-template .article__inner .margin-r--p52 {margin-right: var(--calc-size--52);}
.event-benefit-template .margin-r--p54, .event-benefit-template .article__inner .margin-r--p54 {margin-right: var(--calc-size--54);}
.event-benefit-template .margin-r--p56, .event-benefit-template .article__inner .margin-r--p56 {margin-right: var(--calc-size--56);}
.event-benefit-template .margin-r--p58, .event-benefit-template .article__inner .margin-r--p58 {margin-right: var(--calc-size--58);}
.event-benefit-template .margin-r--p60, .event-benefit-template .article__inner .margin-r--p60 {margin-right: var(--calc-size--60);}
.event-benefit-template .margin-r--p62, .event-benefit-template .article__inner .margin-r--p62 {margin-right: var(--calc-size--62);}
.event-benefit-template .margin-r--p64, .event-benefit-template .article__inner .margin-r--p64 {margin-right: var(--calc-size--64);}
.event-benefit-template .margin-r--p66, .event-benefit-template .article__inner .margin-r--p66 {margin-right: var(--calc-size--66);}
.event-benefit-template .margin-r--p68, .event-benefit-template .article__inner .margin-r--p68 {margin-right: var(--calc-size--68);}
.event-benefit-template .margin-r--p70, .event-benefit-template .article__inner .margin-r--p70 {margin-right: var(--calc-size--70);}
.event-benefit-template .margin-r--p72, .event-benefit-template .article__inner .margin-r--p72 {margin-right: var(--calc-size--72);}
.event-benefit-template .margin-r--p74, .event-benefit-template .article__inner .margin-r--p74 {margin-right: var(--calc-size--74);}
.event-benefit-template .margin-r--p76, .event-benefit-template .article__inner .margin-r--p76 {margin-right: var(--calc-size--76);}
.event-benefit-template .margin-r--p78, .event-benefit-template .article__inner .margin-r--p78 {margin-right: var(--calc-size--78);}
.event-benefit-template .margin-r--p80, .event-benefit-template .article__inner .margin-r--p80 {margin-right: var(--calc-size--80);}

.event-benefit-template .padding-t--p00, .event-benefit-template .article__inner .padding-t--p00 {padding-top: var(--calc-size--00);}
.event-benefit-template .padding-t--p04, .event-benefit-template .article__inner .padding-t--p04 {padding-top: var(--calc-size--04);}
.event-benefit-template .padding-t--p05, .event-benefit-template .article__inner .padding-t--p05 {padding-top: var(--calc-size--05);}
.event-benefit-template .padding-t--p06, .event-benefit-template .article__inner .padding-t--p06 {padding-top: var(--calc-size--06);}
.event-benefit-template .padding-t--p08, .event-benefit-template .article__inner .padding-t--p08 {padding-top: var(--calc-size--08);}
.event-benefit-template .padding-t--p10, .event-benefit-template .article__inner .padding-t--p10 {padding-top: var(--calc-size--10);}
.event-benefit-template .padding-t--p12, .event-benefit-template .article__inner .padding-t--p12 {padding-top: var(--calc-size--12);}
.event-benefit-template .padding-t--p15, .event-benefit-template .article__inner .padding-t--p15 {padding-top: var(--calc-size--15);}
.event-benefit-template .padding-t--p16, .event-benefit-template .article__inner .padding-t--p16 {padding-top: var(--calc-size--16);}
.event-benefit-template .padding-t--p18, .event-benefit-template .article__inner .padding-t--p18 {padding-top: var(--calc-size--18);}
.event-benefit-template .padding-t--p20, .event-benefit-template .article__inner .padding-t--p20 {padding-top: var(--calc-size--20);}
.event-benefit-template .padding-t--p22, .event-benefit-template .article__inner .padding-t--p22 {padding-top: var(--calc-size--22);}
.event-benefit-template .padding-t--p24, .event-benefit-template .article__inner .padding-t--p24 {padding-top: var(--calc-size--24);}
.event-benefit-template .padding-t--p25, .event-benefit-template .article__inner .padding-t--p25 {padding-top: var(--calc-size--25);}
.event-benefit-template .padding-t--p26, .event-benefit-template .article__inner .padding-t--p26 {padding-top: var(--calc-size--26);}
.event-benefit-template .padding-t--p28, .event-benefit-template .article__inner .padding-t--p28 {padding-top: var(--calc-size--28);}
.event-benefit-template .padding-t--p30, .event-benefit-template .article__inner .padding-t--p30 {padding-top: var(--calc-size--30);}
.event-benefit-template .padding-t--p32, .event-benefit-template .article__inner .padding-t--p32 {padding-top: var(--calc-size--32);}
.event-benefit-template .padding-t--p34, .event-benefit-template .article__inner .padding-t--p34 {padding-top: var(--calc-size--34);}
.event-benefit-template .padding-t--p35, .event-benefit-template .article__inner .padding-t--p35 {padding-top: var(--calc-size--35);}
.event-benefit-template .padding-t--p36, .event-benefit-template .article__inner .padding-t--p36 {padding-top: var(--calc-size--36);}
.event-benefit-template .padding-t--p38, .event-benefit-template .article__inner .padding-t--p38 {padding-top: var(--calc-size--38);}
.event-benefit-template .padding-t--p40, .event-benefit-template .article__inner .padding-t--p40 {padding-top: var(--calc-size--40);}
.event-benefit-template .padding-t--p45, .event-benefit-template .article__inner .padding-t--p45 {padding-top: var(--calc-size--45);}
.event-benefit-template .padding-t--p50, .event-benefit-template .article__inner .padding-t--p50 {padding-top: var(--calc-size--50);}
.event-benefit-template .padding-t--p52, .event-benefit-template .article__inner .padding-t--p52 {padding-top: var(--calc-size--52);}
.event-benefit-template .padding-t--p54, .event-benefit-template .article__inner .padding-t--p54 {padding-top: var(--calc-size--54);}
.event-benefit-template .padding-t--p56, .event-benefit-template .article__inner .padding-t--p56 {padding-top: var(--calc-size--56);}
.event-benefit-template .padding-t--p58, .event-benefit-template .article__inner .padding-t--p58 {padding-top: var(--calc-size--58);}
.event-benefit-template .padding-t--p60, .event-benefit-template .article__inner .padding-t--p60 {padding-top: var(--calc-size--60);}
.event-benefit-template .padding-t--p62, .event-benefit-template .article__inner .padding-t--p62 {padding-top: var(--calc-size--62);}
.event-benefit-template .padding-t--p64, .event-benefit-template .article__inner .padding-t--p64 {padding-top: var(--calc-size--64);}
.event-benefit-template .padding-t--p66, .event-benefit-template .article__inner .padding-t--p66 {padding-top: var(--calc-size--66);}
.event-benefit-template .padding-t--p68, .event-benefit-template .article__inner .padding-t--p68 {padding-top: var(--calc-size--68);}
.event-benefit-template .padding-t--p70, .event-benefit-template .article__inner .padding-t--p70 {padding-top: var(--calc-size--70);}
.event-benefit-template .padding-t--p72, .event-benefit-template .article__inner .padding-t--p72 {padding-top: var(--calc-size--72);}
.event-benefit-template .padding-t--p74, .event-benefit-template .article__inner .padding-t--p74 {padding-top: var(--calc-size--74);}
.event-benefit-template .padding-t--p76, .event-benefit-template .article__inner .padding-t--p76 {padding-top: var(--calc-size--76);}
.event-benefit-template .padding-t--p78, .event-benefit-template .article__inner .padding-t--p78 {padding-top: var(--calc-size--78);}
.event-benefit-template .padding-t--p80, .event-benefit-template .article__inner .padding-t--p80 {padding-top: var(--calc-size--80);}

.event-benefit-template .padding-b--p00, .event-benefit-template .article__inner .padding-b--p00 {padding-bottom: var(--calc-size--00);}
.event-benefit-template .padding-b--p04, .event-benefit-template .article__inner .padding-b--p04 {padding-bottom: var(--calc-size--04);}
.event-benefit-template .padding-b--p05, .event-benefit-template .article__inner .padding-b--p05 {padding-bottom: var(--calc-size--05);}
.event-benefit-template .padding-b--p06, .event-benefit-template .article__inner .padding-b--p06 {padding-bottom: var(--calc-size--06);}
.event-benefit-template .padding-b--p08, .event-benefit-template .article__inner .padding-b--p08 {padding-bottom: var(--calc-size--08);}
.event-benefit-template .padding-b--p10, .event-benefit-template .article__inner .padding-b--p10 {padding-bottom: var(--calc-size--10);}
.event-benefit-template .padding-b--p12, .event-benefit-template .article__inner .padding-b--p12 {padding-bottom: var(--calc-size--12);}
.event-benefit-template .padding-b--p15, .event-benefit-template .article__inner .padding-b--p15 {padding-bottom: var(--calc-size--15);}
.event-benefit-template .padding-b--p16, .event-benefit-template .article__inner .padding-b--p16 {padding-bottom: var(--calc-size--16);}
.event-benefit-template .padding-b--p18, .event-benefit-template .article__inner .padding-b--p18 {padding-bottom: var(--calc-size--18);}
.event-benefit-template .padding-b--p20, .event-benefit-template .article__inner .padding-b--p20 {padding-bottom: var(--calc-size--20);}
.event-benefit-template .padding-b--p22, .event-benefit-template .article__inner .padding-b--p22 {padding-bottom: var(--calc-size--22);}
.event-benefit-template .padding-b--p24, .event-benefit-template .article__inner .padding-b--p24 {padding-bottom: var(--calc-size--24);}
.event-benefit-template .padding-b--p25, .event-benefit-template .article__inner .padding-b--p25 {padding-bottom: var(--calc-size--25);}
.event-benefit-template .padding-b--p26, .event-benefit-template .article__inner .padding-b--p26 {padding-bottom: var(--calc-size--26);}
.event-benefit-template .padding-b--p28, .event-benefit-template .article__inner .padding-b--p28 {padding-bottom: var(--calc-size--28);}
.event-benefit-template .padding-b--p30, .event-benefit-template .article__inner .padding-b--p30 {padding-bottom: var(--calc-size--30);}
.event-benefit-template .padding-b--p32, .event-benefit-template .article__inner .padding-b--p32 {padding-bottom: var(--calc-size--32);}
.event-benefit-template .padding-b--p34, .event-benefit-template .article__inner .padding-b--p34 {padding-bottom: var(--calc-size--34);}
.event-benefit-template .padding-b--p35, .event-benefit-template .article__inner .padding-b--p35 {padding-bottom: var(--calc-size--35);}
.event-benefit-template .padding-b--p36, .event-benefit-template .article__inner .padding-b--p36 {padding-bottom: var(--calc-size--36);}
.event-benefit-template .padding-b--p38, .event-benefit-template .article__inner .padding-b--p38 {padding-bottom: var(--calc-size--38);}
.event-benefit-template .padding-b--p40, .event-benefit-template .article__inner .padding-b--p40 {padding-bottom: var(--calc-size--40);}
.event-benefit-template .padding-b--p45, .event-benefit-template .article__inner .padding-b--p45 {padding-bottom: var(--calc-size--45);}
.event-benefit-template .padding-b--p50, .event-benefit-template .article__inner .padding-b--p50 {padding-bottom: var(--calc-size--50);}
.event-benefit-template .padding-b--p52, .event-benefit-template .article__inner .padding-b--p52 {padding-bottom: var(--calc-size--52);}
.event-benefit-template .padding-b--p54, .event-benefit-template .article__inner .padding-b--p54 {padding-bottom: var(--calc-size--54);}
.event-benefit-template .padding-b--p56, .event-benefit-template .article__inner .padding-b--p56 {padding-bottom: var(--calc-size--56);}
.event-benefit-template .padding-b--p58, .event-benefit-template .article__inner .padding-b--p58 {padding-bottom: var(--calc-size--58);}
.event-benefit-template .padding-b--p60, .event-benefit-template .article__inner .padding-b--p60 {padding-bottom: var(--calc-size--60);}
.event-benefit-template .padding-b--p62, .event-benefit-template .article__inner .padding-b--p62 {padding-bottom: var(--calc-size--62);}
.event-benefit-template .padding-b--p64, .event-benefit-template .article__inner .padding-b--p64 {padding-bottom: var(--calc-size--64);}
.event-benefit-template .padding-b--p66, .event-benefit-template .article__inner .padding-b--p66 {padding-bottom: var(--calc-size--66);}
.event-benefit-template .padding-b--p68, .event-benefit-template .article__inner .padding-b--p68 {padding-bottom: var(--calc-size--68);}
.event-benefit-template .padding-b--p70, .event-benefit-template .article__inner .padding-b--p70 {padding-bottom: var(--calc-size--70);}
.event-benefit-template .padding-b--p72, .event-benefit-template .article__inner .padding-b--p72 {padding-bottom: var(--calc-size--72);}
.event-benefit-template .padding-b--p74, .event-benefit-template .article__inner .padding-b--p74 {padding-bottom: var(--calc-size--74);}
.event-benefit-template .padding-b--p76, .event-benefit-template .article__inner .padding-b--p76 {padding-bottom: var(--calc-size--76);}
.event-benefit-template .padding-b--p78, .event-benefit-template .article__inner .padding-b--p78 {padding-bottom: var(--calc-size--78);}
.event-benefit-template .padding-b--p80, .event-benefit-template .article__inner .padding-b--p80 {padding-bottom: var(--calc-size--80);}

.event-benefit-template .padding-l--p00, .event-benefit-template .article__inner .padding-l--p00 {padding-left: var(--calc-size--00);}
.event-benefit-template .padding-l--p04, .event-benefit-template .article__inner .padding-l--p04 {padding-left: var(--calc-size--04);}
.event-benefit-template .padding-l--p05, .event-benefit-template .article__inner .padding-l--p05 {padding-left: var(--calc-size--05);}
.event-benefit-template .padding-l--p06, .event-benefit-template .article__inner .padding-l--p06 {padding-left: var(--calc-size--06);}
.event-benefit-template .padding-l--p08, .event-benefit-template .article__inner .padding-l--p08 {padding-left: var(--calc-size--08);}
.event-benefit-template .padding-l--p10, .event-benefit-template .article__inner .padding-l--p10 {padding-left: var(--calc-size--10);}
.event-benefit-template .padding-l--p12, .event-benefit-template .article__inner .padding-l--p12 {padding-left: var(--calc-size--12);}
.event-benefit-template .padding-l--p15, .event-benefit-template .article__inner .padding-l--p15 {padding-left: var(--calc-size--15);}
.event-benefit-template .padding-l--p16, .event-benefit-template .article__inner .padding-l--p16 {padding-left: var(--calc-size--16);}
.event-benefit-template .padding-l--p18, .event-benefit-template .article__inner .padding-l--p18 {padding-left: var(--calc-size--18);}
.event-benefit-template .padding-l--p20, .event-benefit-template .article__inner .padding-l--p20 {padding-left: var(--calc-size--20);}
.event-benefit-template .padding-l--p22, .event-benefit-template .article__inner .padding-l--p22 {padding-left: var(--calc-size--22);}
.event-benefit-template .padding-l--p24, .event-benefit-template .article__inner .padding-l--p24 {padding-left: var(--calc-size--24);}
.event-benefit-template .padding-l--p25, .event-benefit-template .article__inner .padding-l--p25 {padding-left: var(--calc-size--25);}
.event-benefit-template .padding-l--p26, .event-benefit-template .article__inner .padding-l--p26 {padding-left: var(--calc-size--26);}
.event-benefit-template .padding-l--p28, .event-benefit-template .article__inner .padding-l--p28 {padding-left: var(--calc-size--28);}
.event-benefit-template .padding-l--p30, .event-benefit-template .article__inner .padding-l--p30 {padding-left: var(--calc-size--30);}
.event-benefit-template .padding-l--p32, .event-benefit-template .article__inner .padding-l--p32 {padding-left: var(--calc-size--32);}
.event-benefit-template .padding-l--p34, .event-benefit-template .article__inner .padding-l--p34 {padding-left: var(--calc-size--34);}
.event-benefit-template .padding-l--p35, .event-benefit-template .article__inner .padding-l--p35 {padding-left: var(--calc-size--35);}
.event-benefit-template .padding-l--p36, .event-benefit-template .article__inner .padding-l--p36 {padding-left: var(--calc-size--36);}
.event-benefit-template .padding-l--p38, .event-benefit-template .article__inner .padding-l--p38 {padding-left: var(--calc-size--38);}
.event-benefit-template .padding-l--p40, .event-benefit-template .article__inner .padding-l--p40 {padding-left: var(--calc-size--40);}
.event-benefit-template .padding-l--p45, .event-benefit-template .article__inner .padding-l--p45 {padding-left: var(--calc-size--45);}
.event-benefit-template .padding-l--p50, .event-benefit-template .article__inner .padding-l--p50 {padding-left: var(--calc-size--50);}
.event-benefit-template .padding-l--p52, .event-benefit-template .article__inner .padding-l--p52 {padding-left: var(--calc-size--52);}
.event-benefit-template .padding-l--p54, .event-benefit-template .article__inner .padding-l--p54 {padding-left: var(--calc-size--54);}
.event-benefit-template .padding-l--p56, .event-benefit-template .article__inner .padding-l--p56 {padding-left: var(--calc-size--56);}
.event-benefit-template .padding-l--p58, .event-benefit-template .article__inner .padding-l--p58 {padding-left: var(--calc-size--58);}
.event-benefit-template .padding-l--p60, .event-benefit-template .article__inner .padding-l--p60 {padding-left: var(--calc-size--60);}
.event-benefit-template .padding-l--p62, .event-benefit-template .article__inner .padding-l--p62 {padding-left: var(--calc-size--62);}
.event-benefit-template .padding-l--p64, .event-benefit-template .article__inner .padding-l--p64 {padding-left: var(--calc-size--64);}
.event-benefit-template .padding-l--p66, .event-benefit-template .article__inner .padding-l--p66 {padding-left: var(--calc-size--66);}
.event-benefit-template .padding-l--p68, .event-benefit-template .article__inner .padding-l--p68 {padding-left: var(--calc-size--68);}
.event-benefit-template .padding-l--p70, .event-benefit-template .article__inner .padding-l--p70 {padding-left: var(--calc-size--70);}
.event-benefit-template .padding-l--p72, .event-benefit-template .article__inner .padding-l--p72 {padding-left: var(--calc-size--72);}
.event-benefit-template .padding-l--p74, .event-benefit-template .article__inner .padding-l--p74 {padding-left: var(--calc-size--74);}
.event-benefit-template .padding-l--p76, .event-benefit-template .article__inner .padding-l--p76 {padding-left: var(--calc-size--76);}
.event-benefit-template .padding-l--p78, .event-benefit-template .article__inner .padding-l--p78 {padding-left: var(--calc-size--78);}
.event-benefit-template .padding-l--p80, .event-benefit-template .article__inner .padding-l--p80 {padding-left: var(--calc-size--80);}

.event-benefit-template .padding-r--p00, .event-benefit-template .article__inner .padding-r--p00 {padding-right: var(--calc-size--00);}
.event-benefit-template .padding-r--p04, .event-benefit-template .article__inner .padding-r--p04 {padding-right: var(--calc-size--04);}
.event-benefit-template .padding-r--p05, .event-benefit-template .article__inner .padding-r--p05 {padding-right: var(--calc-size--05);}
.event-benefit-template .padding-r--p06, .event-benefit-template .article__inner .padding-r--p06 {padding-right: var(--calc-size--06);}
.event-benefit-template .padding-r--p08, .event-benefit-template .article__inner .padding-r--p08 {padding-right: var(--calc-size--08);}
.event-benefit-template .padding-r--p10, .event-benefit-template .article__inner .padding-r--p10 {padding-right: var(--calc-size--10);}
.event-benefit-template .padding-r--p12, .event-benefit-template .article__inner .padding-r--p12 {padding-right: var(--calc-size--12);}
.event-benefit-template .padding-r--p15, .event-benefit-template .article__inner .padding-r--p15 {padding-right: var(--calc-size--15);}
.event-benefit-template .padding-r--p16, .event-benefit-template .article__inner .padding-r--p16 {padding-right: var(--calc-size--16);}
.event-benefit-template .padding-r--p18, .event-benefit-template .article__inner .padding-r--p18 {padding-right: var(--calc-size--18);}
.event-benefit-template .padding-r--p20, .event-benefit-template .article__inner .padding-r--p20 {padding-right: var(--calc-size--20);}
.event-benefit-template .padding-r--p22, .event-benefit-template .article__inner .padding-r--p22 {padding-right: var(--calc-size--22);}
.event-benefit-template .padding-r--p24, .event-benefit-template .article__inner .padding-r--p24 {padding-right: var(--calc-size--24);}
.event-benefit-template .padding-r--p25, .event-benefit-template .article__inner .padding-r--p25 {padding-right: var(--calc-size--25);}
.event-benefit-template .padding-r--p26, .event-benefit-template .article__inner .padding-r--p26 {padding-right: var(--calc-size--26);}
.event-benefit-template .padding-r--p28, .event-benefit-template .article__inner .padding-r--p28 {padding-right: var(--calc-size--28);}
.event-benefit-template .padding-r--p30, .event-benefit-template .article__inner .padding-r--p30 {padding-right: var(--calc-size--30);}
.event-benefit-template .padding-r--p32, .event-benefit-template .article__inner .padding-r--p32 {padding-right: var(--calc-size--32);}
.event-benefit-template .padding-r--p34, .event-benefit-template .article__inner .padding-r--p34 {padding-right: var(--calc-size--34);}
.event-benefit-template .padding-r--p35, .event-benefit-template .article__inner .padding-r--p35 {padding-right: var(--calc-size--35);}
.event-benefit-template .padding-r--p36, .event-benefit-template .article__inner .padding-r--p36 {padding-right: var(--calc-size--36);}
.event-benefit-template .padding-r--p38, .event-benefit-template .article__inner .padding-r--p38 {padding-right: var(--calc-size--38);}
.event-benefit-template .padding-r--p40, .event-benefit-template .article__inner .padding-r--p40 {padding-right: var(--calc-size--40);}
.event-benefit-template .padding-r--p45, .event-benefit-template .article__inner .padding-r--p45 {padding-right: var(--calc-size--45);}
.event-benefit-template .padding-r--p50, .event-benefit-template .article__inner .padding-r--p50 {padding-right: var(--calc-size--50);}
.event-benefit-template .padding-r--p52, .event-benefit-template .article__inner .padding-r--p52 {padding-right: var(--calc-size--52);}
.event-benefit-template .padding-r--p54, .event-benefit-template .article__inner .padding-r--p54 {padding-right: var(--calc-size--54);}
.event-benefit-template .padding-r--p56, .event-benefit-template .article__inner .padding-r--p56 {padding-right: var(--calc-size--56);}
.event-benefit-template .padding-r--p58, .event-benefit-template .article__inner .padding-r--p58 {padding-right: var(--calc-size--58);}
.event-benefit-template .padding-r--p60, .event-benefit-template .article__inner .padding-r--p60 {padding-right: var(--calc-size--60);}
.event-benefit-template .padding-r--p62, .event-benefit-template .article__inner .padding-r--p62 {padding-right: var(--calc-size--62);}
.event-benefit-template .padding-r--p64, .event-benefit-template .article__inner .padding-r--p64 {padding-right: var(--calc-size--64);}
.event-benefit-template .padding-r--p66, .event-benefit-template .article__inner .padding-r--p66 {padding-right: var(--calc-size--66);}
.event-benefit-template .padding-r--p68, .event-benefit-template .article__inner .padding-r--p68 {padding-right: var(--calc-size--68);}
.event-benefit-template .padding-r--p70, .event-benefit-template .article__inner .padding-r--p70 {padding-right: var(--calc-size--70);}
.event-benefit-template .padding-r--p72, .event-benefit-template .article__inner .padding-r--p72 {padding-right: var(--calc-size--72);}
.event-benefit-template .padding-r--p74, .event-benefit-template .article__inner .padding-r--p74 {padding-right: var(--calc-size--74);}
.event-benefit-template .padding-r--p76, .event-benefit-template .article__inner .padding-r--p76 {padding-right: var(--calc-size--76);}
.event-benefit-template .padding-r--p78, .event-benefit-template .article__inner .padding-r--p78 {padding-right: var(--calc-size--78);}
.event-benefit-template .padding-r--p80, .event-benefit-template .article__inner .padding-r--p80 {padding-right: var(--calc-size--80);}

@media screen and (max-width: 767px) {
    .event-benefit-template .margin-t--m00, .event-benefit-template .article__inner .margin-t--m00 {margin-top: var(--calc-size--00);}
    .event-benefit-template .margin-t--m04, .event-benefit-template .article__inner .margin-t--m04 {margin-top: var(--calc-size--04);}
    .event-benefit-template .margin-t--m05, .event-benefit-template .article__inner .margin-t--m05 {margin-top: var(--calc-size--05);}
    .event-benefit-template .margin-t--m06, .event-benefit-template .article__inner .margin-t--m06 {margin-top: var(--calc-size--06);}
    .event-benefit-template .margin-t--m08, .event-benefit-template .article__inner .margin-t--m08 {margin-top: var(--calc-size--08);}
    .event-benefit-template .margin-t--m10, .event-benefit-template .article__inner .margin-t--m10 {margin-top: var(--calc-size--10);}
    .event-benefit-template .margin-t--m12, .event-benefit-template .article__inner .margin-t--m12 {margin-top: var(--calc-size--12);}
    .event-benefit-template .margin-t--m15, .event-benefit-template .article__inner .margin-t--m15 {margin-top: var(--calc-size--15);}
    .event-benefit-template .margin-t--m16, .event-benefit-template .article__inner .margin-t--m16 {margin-top: var(--calc-size--16);}
    .event-benefit-template .margin-t--m18, .event-benefit-template .article__inner .margin-t--m18 {margin-top: var(--calc-size--18);}
    .event-benefit-template .margin-t--m20, .event-benefit-template .article__inner .margin-t--m20 {margin-top: var(--calc-size--20);}
    .event-benefit-template .margin-t--m22, .event-benefit-template .article__inner .margin-t--m22 {margin-top: var(--calc-size--22);}
    .event-benefit-template .margin-t--m24, .event-benefit-template .article__inner .margin-t--m24 {margin-top: var(--calc-size--24);}
    .event-benefit-template .margin-t--m25, .event-benefit-template .article__inner .margin-t--m25 {margin-top: var(--calc-size--25);}
    .event-benefit-template .margin-t--m26, .event-benefit-template .article__inner .margin-t--m26 {margin-top: var(--calc-size--26);}
    .event-benefit-template .margin-t--m28, .event-benefit-template .article__inner .margin-t--m28 {margin-top: var(--calc-size--28);}
    .event-benefit-template .margin-t--m30, .event-benefit-template .article__inner .margin-t--m30 {margin-top: var(--calc-size--30);}
    .event-benefit-template .margin-t--m32, .event-benefit-template .article__inner .margin-t--m32 {margin-top: var(--calc-size--32);}
    .event-benefit-template .margin-t--m34, .event-benefit-template .article__inner .margin-t--m34 {margin-top: var(--calc-size--34);}
    .event-benefit-template .margin-t--m35, .event-benefit-template .article__inner .margin-t--m35 {margin-top: var(--calc-size--35);}
    .event-benefit-template .margin-t--m36, .event-benefit-template .article__inner .margin-t--m36 {margin-top: var(--calc-size--36);}
    .event-benefit-template .margin-t--m38, .event-benefit-template .article__inner .margin-t--m38 {margin-top: var(--calc-size--38);}
    .event-benefit-template .margin-t--m40, .event-benefit-template .article__inner .margin-t--m40 {margin-top: var(--calc-size--40);}
    .event-benefit-template .margin-t--m45, .event-benefit-template .article__inner .margin-t--m45 {margin-top: var(--calc-size--45);}
    .event-benefit-template .margin-t--m50, .event-benefit-template .article__inner .margin-t--m50 {margin-top: var(--calc-size--50);}
    .event-benefit-template .margin-t--m52, .event-benefit-template .article__inner .margin-t--m52 {margin-top: var(--calc-size--52);}
    .event-benefit-template .margin-t--m54, .event-benefit-template .article__inner .margin-t--m54 {margin-top: var(--calc-size--54);}
    .event-benefit-template .margin-t--m56, .event-benefit-template .article__inner .margin-t--m56 {margin-top: var(--calc-size--56);}
    .event-benefit-template .margin-t--m58, .event-benefit-template .article__inner .margin-t--m58 {margin-top: var(--calc-size--58);}
    .event-benefit-template .margin-t--m60, .event-benefit-template .article__inner .margin-t--m60 {margin-top: var(--calc-size--60);}
    .event-benefit-template .margin-t--m62, .event-benefit-template .article__inner .margin-t--m62 {margin-top: var(--calc-size--62);}
    .event-benefit-template .margin-t--m64, .event-benefit-template .article__inner .margin-t--m64 {margin-top: var(--calc-size--64);}
    .event-benefit-template .margin-t--m66, .event-benefit-template .article__inner .margin-t--m66 {margin-top: var(--calc-size--66);}
    .event-benefit-template .margin-t--m68, .event-benefit-template .article__inner .margin-t--m68 {margin-top: var(--calc-size--68);}
    .event-benefit-template .margin-t--m70, .event-benefit-template .article__inner .margin-t--m70 {margin-top: var(--calc-size--70);}
    .event-benefit-template .margin-t--m72, .event-benefit-template .article__inner .margin-t--m72 {margin-top: var(--calc-size--72);}
    .event-benefit-template .margin-t--m74, .event-benefit-template .article__inner .margin-t--m74 {margin-top: var(--calc-size--74);}
    .event-benefit-template .margin-t--m76, .event-benefit-template .article__inner .margin-t--m76 {margin-top: var(--calc-size--76);}
    .event-benefit-template .margin-t--m78, .event-benefit-template .article__inner .margin-t--m78 {margin-top: var(--calc-size--78);}
    .event-benefit-template .margin-t--m80, .event-benefit-template .article__inner .margin-t--m80 {margin-top: var(--calc-size--80);}

    .event-benefit-template .margin-b--m00, .event-benefit-template .article__inner .margin-b--m00 {margin-bottom: var(--calc-size--00);}
    .event-benefit-template .margin-b--m04, .event-benefit-template .article__inner .margin-b--m04 {margin-bottom: var(--calc-size--04);}
    .event-benefit-template .margin-b--m05, .event-benefit-template .article__inner .margin-b--m05 {margin-bottom: var(--calc-size--05);}
    .event-benefit-template .margin-b--m06, .event-benefit-template .article__inner .margin-b--m06 {margin-bottom: var(--calc-size--06);}
    .event-benefit-template .margin-b--m08, .event-benefit-template .article__inner .margin-b--m08 {margin-bottom: var(--calc-size--08);}
    .event-benefit-template .margin-b--m10, .event-benefit-template .article__inner .margin-b--m10 {margin-bottom: var(--calc-size--10);}
    .event-benefit-template .margin-b--m12, .event-benefit-template .article__inner .margin-b--m12 {margin-bottom: var(--calc-size--12);}
    .event-benefit-template .margin-b--m15, .event-benefit-template .article__inner .margin-b--m15 {margin-bottom: var(--calc-size--15);}
    .event-benefit-template .margin-b--m16, .event-benefit-template .article__inner .margin-b--m16 {margin-bottom: var(--calc-size--16);}
    .event-benefit-template .margin-b--m18, .event-benefit-template .article__inner .margin-b--m18 {margin-bottom: var(--calc-size--18);}
    .event-benefit-template .margin-b--m20, .event-benefit-template .article__inner .margin-b--m20 {margin-bottom: var(--calc-size--20);}
    .event-benefit-template .margin-b--m22, .event-benefit-template .article__inner .margin-b--m22 {margin-bottom: var(--calc-size--22);}
    .event-benefit-template .margin-b--m24, .event-benefit-template .article__inner .margin-b--m24 {margin-bottom: var(--calc-size--24);}
    .event-benefit-template .margin-b--m25, .event-benefit-template .article__inner .margin-b--m25 {margin-bottom: var(--calc-size--25);}
    .event-benefit-template .margin-b--m26, .event-benefit-template .article__inner .margin-b--m26 {margin-bottom: var(--calc-size--26);}
    .event-benefit-template .margin-b--m28, .event-benefit-template .article__inner .margin-b--m28 {margin-bottom: var(--calc-size--28);}
    .event-benefit-template .margin-b--m30, .event-benefit-template .article__inner .margin-b--m30 {margin-bottom: var(--calc-size--30);}
    .event-benefit-template .margin-b--m32, .event-benefit-template .article__inner .margin-b--m32 {margin-bottom: var(--calc-size--32);}
    .event-benefit-template .margin-b--m34, .event-benefit-template .article__inner .margin-b--m34 {margin-bottom: var(--calc-size--34);}
    .event-benefit-template .margin-b--m35, .event-benefit-template .article__inner .margin-b--m35 {margin-bottom: var(--calc-size--35);}
    .event-benefit-template .margin-b--m36, .event-benefit-template .article__inner .margin-b--m36 {margin-bottom: var(--calc-size--36);}
    .event-benefit-template .margin-b--m38, .event-benefit-template .article__inner .margin-b--m38 {margin-bottom: var(--calc-size--38);}
    .event-benefit-template .margin-b--m40, .event-benefit-template .article__inner .margin-b--m40 {margin-bottom: var(--calc-size--40);}
    .event-benefit-template .margin-b--m45, .event-benefit-template .article__inner .margin-b--m45 {margin-bottom: var(--calc-size--45);}
    .event-benefit-template .margin-b--m50, .event-benefit-template .article__inner .margin-b--m50 {margin-bottom: var(--calc-size--50);}
    .event-benefit-template .margin-b--m52, .event-benefit-template .article__inner .margin-b--m52 {margin-bottom: var(--calc-size--52);}
    .event-benefit-template .margin-b--m54, .event-benefit-template .article__inner .margin-b--m54 {margin-bottom: var(--calc-size--54);}
    .event-benefit-template .margin-b--m56, .event-benefit-template .article__inner .margin-b--m56 {margin-bottom: var(--calc-size--56);}
    .event-benefit-template .margin-b--m58, .event-benefit-template .article__inner .margin-b--m58 {margin-bottom: var(--calc-size--58);}
    .event-benefit-template .margin-b--m60, .event-benefit-template .article__inner .margin-b--m60 {margin-bottom: var(--calc-size--60);}
    .event-benefit-template .margin-b--m62, .event-benefit-template .article__inner .margin-b--m62 {margin-bottom: var(--calc-size--62);}
    .event-benefit-template .margin-b--m64, .event-benefit-template .article__inner .margin-b--m64 {margin-bottom: var(--calc-size--64);}
    .event-benefit-template .margin-b--m66, .event-benefit-template .article__inner .margin-b--m66 {margin-bottom: var(--calc-size--66);}
    .event-benefit-template .margin-b--m68, .event-benefit-template .article__inner .margin-b--m68 {margin-bottom: var(--calc-size--68);}
    .event-benefit-template .margin-b--m70, .event-benefit-template .article__inner .margin-b--m70 {margin-bottom: var(--calc-size--70);}
    .event-benefit-template .margin-b--m72, .event-benefit-template .article__inner .margin-b--m72 {margin-bottom: var(--calc-size--72);}
    .event-benefit-template .margin-b--m74, .event-benefit-template .article__inner .margin-b--m74 {margin-bottom: var(--calc-size--74);}
    .event-benefit-template .margin-b--m76, .event-benefit-template .article__inner .margin-b--m76 {margin-bottom: var(--calc-size--76);}
    .event-benefit-template .margin-b--m78, .event-benefit-template .article__inner .margin-b--m78 {margin-bottom: var(--calc-size--78);}
    .event-benefit-template .margin-b--m80, .event-benefit-template .article__inner .margin-b--m80 {margin-bottom: var(--calc-size--80);}
    
    .event-benefit-template .margin-l--m00, .event-benefit-template .article__inner .margin-l--m00 {margin-left: var(--calc-size--00);}
    .event-benefit-template .margin-l--m04, .event-benefit-template .article__inner .margin-l--m04 {margin-left: var(--calc-size--04);}
    .event-benefit-template .margin-l--m05, .event-benefit-template .article__inner .margin-l--m05 {margin-left: var(--calc-size--05);}
    .event-benefit-template .margin-l--m06, .event-benefit-template .article__inner .margin-l--m06 {margin-left: var(--calc-size--06);}
    .event-benefit-template .margin-l--m08, .event-benefit-template .article__inner .margin-l--m08 {margin-left: var(--calc-size--08);}
    .event-benefit-template .margin-l--m10, .event-benefit-template .article__inner .margin-l--m10 {margin-left: var(--calc-size--10);}
    .event-benefit-template .margin-l--m12, .event-benefit-template .article__inner .margin-l--m12 {margin-left: var(--calc-size--12);}
    .event-benefit-template .margin-l--m15, .event-benefit-template .article__inner .margin-l--m15 {margin-left: var(--calc-size--15);}
    .event-benefit-template .margin-l--m16, .event-benefit-template .article__inner .margin-l--m16 {margin-left: var(--calc-size--16);}
    .event-benefit-template .margin-l--m18, .event-benefit-template .article__inner .margin-l--m18 {margin-left: var(--calc-size--18);}
    .event-benefit-template .margin-l--m20, .event-benefit-template .article__inner .margin-l--m20 {margin-left: var(--calc-size--20);}
    .event-benefit-template .margin-l--m22, .event-benefit-template .article__inner .margin-l--m22 {margin-left: var(--calc-size--22);}
    .event-benefit-template .margin-l--m24, .event-benefit-template .article__inner .margin-l--m24 {margin-left: var(--calc-size--24);}
    .event-benefit-template .margin-l--m25, .event-benefit-template .article__inner .margin-l--m25 {margin-left: var(--calc-size--25);}
    .event-benefit-template .margin-l--m26, .event-benefit-template .article__inner .margin-l--m26 {margin-left: var(--calc-size--26);}
    .event-benefit-template .margin-l--m28, .event-benefit-template .article__inner .margin-l--m28 {margin-left: var(--calc-size--28);}
    .event-benefit-template .margin-l--m30, .event-benefit-template .article__inner .margin-l--m30 {margin-left: var(--calc-size--30);}
    .event-benefit-template .margin-l--m32, .event-benefit-template .article__inner .margin-l--m32 {margin-left: var(--calc-size--32);}
    .event-benefit-template .margin-l--m34, .event-benefit-template .article__inner .margin-l--m34 {margin-left: var(--calc-size--34);}
    .event-benefit-template .margin-l--m35, .event-benefit-template .article__inner .margin-l--m35 {margin-left: var(--calc-size--35);}
    .event-benefit-template .margin-l--m36, .event-benefit-template .article__inner .margin-l--m36 {margin-left: var(--calc-size--36);}
    .event-benefit-template .margin-l--m38, .event-benefit-template .article__inner .margin-l--m38 {margin-left: var(--calc-size--38);}
    .event-benefit-template .margin-l--m40, .event-benefit-template .article__inner .margin-l--m40 {margin-left: var(--calc-size--40);}
    .event-benefit-template .margin-l--m45, .event-benefit-template .article__inner .margin-l--m45 {margin-left: var(--calc-size--45);}
    .event-benefit-template .margin-l--m50, .event-benefit-template .article__inner .margin-l--m50 {margin-left: var(--calc-size--50);}
    .event-benefit-template .margin-l--m52, .event-benefit-template .article__inner .margin-l--m52 {margin-left: var(--calc-size--52);}
    .event-benefit-template .margin-l--m54, .event-benefit-template .article__inner .margin-l--m54 {margin-left: var(--calc-size--54);}
    .event-benefit-template .margin-l--m56, .event-benefit-template .article__inner .margin-l--m56 {margin-left: var(--calc-size--56);}
    .event-benefit-template .margin-l--m58, .event-benefit-template .article__inner .margin-l--m58 {margin-left: var(--calc-size--58);}
    .event-benefit-template .margin-l--m60, .event-benefit-template .article__inner .margin-l--m60 {margin-left: var(--calc-size--60);}
    .event-benefit-template .margin-l--m62, .event-benefit-template .article__inner .margin-l--m62 {margin-left: var(--calc-size--62);}
    .event-benefit-template .margin-l--m64, .event-benefit-template .article__inner .margin-l--m64 {margin-left: var(--calc-size--64);}
    .event-benefit-template .margin-l--m66, .event-benefit-template .article__inner .margin-l--m66 {margin-left: var(--calc-size--66);}
    .event-benefit-template .margin-l--m68, .event-benefit-template .article__inner .margin-l--m68 {margin-left: var(--calc-size--68);}
    .event-benefit-template .margin-l--m70, .event-benefit-template .article__inner .margin-l--m70 {margin-left: var(--calc-size--70);}
    .event-benefit-template .margin-l--m72, .event-benefit-template .article__inner .margin-l--m72 {margin-left: var(--calc-size--72);}
    .event-benefit-template .margin-l--m74, .event-benefit-template .article__inner .margin-l--m74 {margin-left: var(--calc-size--74);}
    .event-benefit-template .margin-l--m76, .event-benefit-template .article__inner .margin-l--m76 {margin-left: var(--calc-size--76);}
    .event-benefit-template .margin-l--m78, .event-benefit-template .article__inner .margin-l--m78 {margin-left: var(--calc-size--78);}
    .event-benefit-template .margin-l--m80, .event-benefit-template .article__inner .margin-l--m80 {margin-left: var(--calc-size--80);}

    .event-benefit-template .margin-r--m00, .event-benefit-template .article__inner .margin-r--m00 {margin-right: var(--calc-size--00);}
    .event-benefit-template .margin-r--m04, .event-benefit-template .article__inner .margin-r--m04 {margin-right: var(--calc-size--04);}
    .event-benefit-template .margin-r--m05, .event-benefit-template .article__inner .margin-r--m05 {margin-right: var(--calc-size--05);}
    .event-benefit-template .margin-r--m06, .event-benefit-template .article__inner .margin-r--m06 {margin-right: var(--calc-size--06);}
    .event-benefit-template .margin-r--m08, .event-benefit-template .article__inner .margin-r--m08 {margin-right: var(--calc-size--08);}
    .event-benefit-template .margin-r--m10, .event-benefit-template .article__inner .margin-r--m10 {margin-right: var(--calc-size--10);}
    .event-benefit-template .margin-r--m12, .event-benefit-template .article__inner .margin-r--m12 {margin-right: var(--calc-size--12);}
    .event-benefit-template .margin-r--m15, .event-benefit-template .article__inner .margin-r--m15 {margin-right: var(--calc-size--15);}
    .event-benefit-template .margin-r--m16, .event-benefit-template .article__inner .margin-r--m16 {margin-right: var(--calc-size--16);}
    .event-benefit-template .margin-r--m18, .event-benefit-template .article__inner .margin-r--m18 {margin-right: var(--calc-size--18);}
    .event-benefit-template .margin-r--m20, .event-benefit-template .article__inner .margin-r--m20 {margin-right: var(--calc-size--20);}
    .event-benefit-template .margin-r--m22, .event-benefit-template .article__inner .margin-r--m22 {margin-right: var(--calc-size--22);}
    .event-benefit-template .margin-r--m24, .event-benefit-template .article__inner .margin-r--m24 {margin-right: var(--calc-size--24);}
    .event-benefit-template .margin-r--m25, .event-benefit-template .article__inner .margin-r--m25 {margin-right: var(--calc-size--25);}
    .event-benefit-template .margin-r--m26, .event-benefit-template .article__inner .margin-r--m26 {margin-right: var(--calc-size--26);}
    .event-benefit-template .margin-r--m28, .event-benefit-template .article__inner .margin-r--m28 {margin-right: var(--calc-size--28);}
    .event-benefit-template .margin-r--m30, .event-benefit-template .article__inner .margin-r--m30 {margin-right: var(--calc-size--30);}
    .event-benefit-template .margin-r--m32, .event-benefit-template .article__inner .margin-r--m32 {margin-right: var(--calc-size--32);}
    .event-benefit-template .margin-r--m34, .event-benefit-template .article__inner .margin-r--m34 {margin-right: var(--calc-size--34);}
    .event-benefit-template .margin-r--m35, .event-benefit-template .article__inner .margin-r--m35 {margin-right: var(--calc-size--35);}
    .event-benefit-template .margin-r--m36, .event-benefit-template .article__inner .margin-r--m36 {margin-right: var(--calc-size--36);}
    .event-benefit-template .margin-r--m38, .event-benefit-template .article__inner .margin-r--m38 {margin-right: var(--calc-size--38);}
    .event-benefit-template .margin-r--m40, .event-benefit-template .article__inner .margin-r--m40 {margin-right: var(--calc-size--40);}
    .event-benefit-template .margin-r--m45, .event-benefit-template .article__inner .margin-r--m45 {margin-right: var(--calc-size--45);}
    .event-benefit-template .margin-r--m50, .event-benefit-template .article__inner .margin-r--m50 {margin-right: var(--calc-size--50);}
    .event-benefit-template .margin-r--m52, .event-benefit-template .article__inner .margin-r--m52 {margin-right: var(--calc-size--52);}
    .event-benefit-template .margin-r--m54, .event-benefit-template .article__inner .margin-r--m54 {margin-right: var(--calc-size--54);}
    .event-benefit-template .margin-r--m56, .event-benefit-template .article__inner .margin-r--m56 {margin-right: var(--calc-size--56);}
    .event-benefit-template .margin-r--m58, .event-benefit-template .article__inner .margin-r--m58 {margin-right: var(--calc-size--58);}
    .event-benefit-template .margin-r--m60, .event-benefit-template .article__inner .margin-r--m60 {margin-right: var(--calc-size--60);}
    .event-benefit-template .margin-r--m62, .event-benefit-template .article__inner .margin-r--m62 {margin-right: var(--calc-size--62);}
    .event-benefit-template .margin-r--m64, .event-benefit-template .article__inner .margin-r--m64 {margin-right: var(--calc-size--64);}
    .event-benefit-template .margin-r--m66, .event-benefit-template .article__inner .margin-r--m66 {margin-right: var(--calc-size--66);}
    .event-benefit-template .margin-r--m68, .event-benefit-template .article__inner .margin-r--m68 {margin-right: var(--calc-size--68);}
    .event-benefit-template .margin-r--m70, .event-benefit-template .article__inner .margin-r--m70 {margin-right: var(--calc-size--70);}
    .event-benefit-template .margin-r--m72, .event-benefit-template .article__inner .margin-r--m72 {margin-right: var(--calc-size--72);}
    .event-benefit-template .margin-r--m74, .event-benefit-template .article__inner .margin-r--m74 {margin-right: var(--calc-size--74);}
    .event-benefit-template .margin-r--m76, .event-benefit-template .article__inner .margin-r--m76 {margin-right: var(--calc-size--76);}
    .event-benefit-template .margin-r--m78, .event-benefit-template .article__inner .margin-r--m78 {margin-right: var(--calc-size--78);}
    .event-benefit-template .margin-r--m80, .event-benefit-template .article__inner .margin-r--m80 {margin-right: var(--calc-size--80);}

    .event-benefit-template .padding-t--m00, .event-benefit-template .article__inner .padding-t--m00 {padding-top: var(--calc-size--00);}
    .event-benefit-template .padding-t--m04, .event-benefit-template .article__inner .padding-t--m04 {padding-top: var(--calc-size--04);}
    .event-benefit-template .padding-t--m05, .event-benefit-template .article__inner .padding-t--m05 {padding-top: var(--calc-size--05);}
    .event-benefit-template .padding-t--m06, .event-benefit-template .article__inner .padding-t--m06 {padding-top: var(--calc-size--06);}
    .event-benefit-template .padding-t--m08, .event-benefit-template .article__inner .padding-t--m08 {padding-top: var(--calc-size--08);}
    .event-benefit-template .padding-t--m10, .event-benefit-template .article__inner .padding-t--m10 {padding-top: var(--calc-size--10);}
    .event-benefit-template .padding-t--m12, .event-benefit-template .article__inner .padding-t--m12 {padding-top: var(--calc-size--12);}
    .event-benefit-template .padding-t--m15, .event-benefit-template .article__inner .padding-t--m15 {padding-top: var(--calc-size--15);}
    .event-benefit-template .padding-t--m16, .event-benefit-template .article__inner .padding-t--m16 {padding-top: var(--calc-size--16);}
    .event-benefit-template .padding-t--m18, .event-benefit-template .article__inner .padding-t--m18 {padding-top: var(--calc-size--18);}
    .event-benefit-template .padding-t--m20, .event-benefit-template .article__inner .padding-t--m20 {padding-top: var(--calc-size--20);}
    .event-benefit-template .padding-t--m22, .event-benefit-template .article__inner .padding-t--m22 {padding-top: var(--calc-size--22);}
    .event-benefit-template .padding-t--m24, .event-benefit-template .article__inner .padding-t--m24 {padding-top: var(--calc-size--24);}
    .event-benefit-template .padding-t--m25, .event-benefit-template .article__inner .padding-t--m25 {padding-top: var(--calc-size--25);}
    .event-benefit-template .padding-t--m26, .event-benefit-template .article__inner .padding-t--m26 {padding-top: var(--calc-size--26);}
    .event-benefit-template .padding-t--m28, .event-benefit-template .article__inner .padding-t--m28 {padding-top: var(--calc-size--28);}
    .event-benefit-template .padding-t--m30, .event-benefit-template .article__inner .padding-t--m30 {padding-top: var(--calc-size--30);}
    .event-benefit-template .padding-t--m32, .event-benefit-template .article__inner .padding-t--m32 {padding-top: var(--calc-size--32);}
    .event-benefit-template .padding-t--m34, .event-benefit-template .article__inner .padding-t--m34 {padding-top: var(--calc-size--34);}
    .event-benefit-template .padding-t--m35, .event-benefit-template .article__inner .padding-t--m35 {padding-top: var(--calc-size--35);}
    .event-benefit-template .padding-t--m36, .event-benefit-template .article__inner .padding-t--m36 {padding-top: var(--calc-size--36);}
    .event-benefit-template .padding-t--m38, .event-benefit-template .article__inner .padding-t--m38 {padding-top: var(--calc-size--38);}
    .event-benefit-template .padding-t--m40, .event-benefit-template .article__inner .padding-t--m40 {padding-top: var(--calc-size--40);}
    .event-benefit-template .padding-t--m45, .event-benefit-template .article__inner .padding-t--m45 {padding-top: var(--calc-size--45);}
    .event-benefit-template .padding-t--m50, .event-benefit-template .article__inner .padding-t--m50 {padding-top: var(--calc-size--50);}
    .event-benefit-template .padding-t--m52, .event-benefit-template .article__inner .padding-t--m52 {padding-top: var(--calc-size--52);}
    .event-benefit-template .padding-t--m54, .event-benefit-template .article__inner .padding-t--m54 {padding-top: var(--calc-size--54);}
    .event-benefit-template .padding-t--m56, .event-benefit-template .article__inner .padding-t--m56 {padding-top: var(--calc-size--56);}
    .event-benefit-template .padding-t--m58, .event-benefit-template .article__inner .padding-t--m58 {padding-top: var(--calc-size--58);}
    .event-benefit-template .padding-t--m60, .event-benefit-template .article__inner .padding-t--m60 {padding-top: var(--calc-size--60);}
    .event-benefit-template .padding-t--m62, .event-benefit-template .article__inner .padding-t--m62 {padding-top: var(--calc-size--62);}
    .event-benefit-template .padding-t--m64, .event-benefit-template .article__inner .padding-t--m64 {padding-top: var(--calc-size--64);}
    .event-benefit-template .padding-t--m66, .event-benefit-template .article__inner .padding-t--m66 {padding-top: var(--calc-size--66);}
    .event-benefit-template .padding-t--m68, .event-benefit-template .article__inner .padding-t--m68 {padding-top: var(--calc-size--68);}
    .event-benefit-template .padding-t--m70, .event-benefit-template .article__inner .padding-t--m70 {padding-top: var(--calc-size--70);}
    .event-benefit-template .padding-t--m72, .event-benefit-template .article__inner .padding-t--m72 {padding-top: var(--calc-size--72);}
    .event-benefit-template .padding-t--m74, .event-benefit-template .article__inner .padding-t--m74 {padding-top: var(--calc-size--74);}
    .event-benefit-template .padding-t--m76, .event-benefit-template .article__inner .padding-t--m76 {padding-top: var(--calc-size--76);}
    .event-benefit-template .padding-t--m78, .event-benefit-template .article__inner .padding-t--m78 {padding-top: var(--calc-size--78);}
    .event-benefit-template .padding-t--m80, .event-benefit-template .article__inner .padding-t--m80 {padding-top: var(--calc-size--80);}

    .event-benefit-template .padding-b--m00, .event-benefit-template .article__inner .padding-b--m00 {padding-bottom: var(--calc-size--00);}
    .event-benefit-template .padding-b--m04, .event-benefit-template .article__inner .padding-b--m04 {padding-bottom: var(--calc-size--04);}
    .event-benefit-template .padding-b--m05, .event-benefit-template .article__inner .padding-b--m05 {padding-bottom: var(--calc-size--05);}
    .event-benefit-template .padding-b--m06, .event-benefit-template .article__inner .padding-b--m06 {padding-bottom: var(--calc-size--06);}
    .event-benefit-template .padding-b--m08, .event-benefit-template .article__inner .padding-b--m08 {padding-bottom: var(--calc-size--08);}
    .event-benefit-template .padding-b--m10, .event-benefit-template .article__inner .padding-b--m10 {padding-bottom: var(--calc-size--10);}
    .event-benefit-template .padding-b--m12, .event-benefit-template .article__inner .padding-b--m12 {padding-bottom: var(--calc-size--12);}
    .event-benefit-template .padding-b--m15, .event-benefit-template .article__inner .padding-b--m15 {padding-bottom: var(--calc-size--15);}
    .event-benefit-template .padding-b--m16, .event-benefit-template .article__inner .padding-b--m16 {padding-bottom: var(--calc-size--16);}
    .event-benefit-template .padding-b--m18, .event-benefit-template .article__inner .padding-b--m18 {padding-bottom: var(--calc-size--18);}
    .event-benefit-template .padding-b--m20, .event-benefit-template .article__inner .padding-b--m20 {padding-bottom: var(--calc-size--20);}
    .event-benefit-template .padding-b--m22, .event-benefit-template .article__inner .padding-b--m22 {padding-bottom: var(--calc-size--22);}
    .event-benefit-template .padding-b--m24, .event-benefit-template .article__inner .padding-b--m24 {padding-bottom: var(--calc-size--24);}
    .event-benefit-template .padding-b--m25, .event-benefit-template .article__inner .padding-b--m25 {padding-bottom: var(--calc-size--25);}
    .event-benefit-template .padding-b--m26, .event-benefit-template .article__inner .padding-b--m26 {padding-bottom: var(--calc-size--26);}
    .event-benefit-template .padding-b--m28, .event-benefit-template .article__inner .padding-b--m28 {padding-bottom: var(--calc-size--28);}
    .event-benefit-template .padding-b--m30, .event-benefit-template .article__inner .padding-b--m30 {padding-bottom: var(--calc-size--30);}
    .event-benefit-template .padding-b--m32, .event-benefit-template .article__inner .padding-b--m32 {padding-bottom: var(--calc-size--32);}
    .event-benefit-template .padding-b--m34, .event-benefit-template .article__inner .padding-b--m34 {padding-bottom: var(--calc-size--34);}
    .event-benefit-template .padding-b--m35, .event-benefit-template .article__inner .padding-b--m35 {padding-bottom: var(--calc-size--35);}
    .event-benefit-template .padding-b--m36, .event-benefit-template .article__inner .padding-b--m36 {padding-bottom: var(--calc-size--36);}
    .event-benefit-template .padding-b--m38, .event-benefit-template .article__inner .padding-b--m38 {padding-bottom: var(--calc-size--38);}
    .event-benefit-template .padding-b--m40, .event-benefit-template .article__inner .padding-b--m40 {padding-bottom: var(--calc-size--40);}
    .event-benefit-template .padding-b--m45, .event-benefit-template .article__inner .padding-b--m45 {padding-bottom: var(--calc-size--45);}
    .event-benefit-template .padding-b--m50, .event-benefit-template .article__inner .padding-b--m50 {padding-bottom: var(--calc-size--50);}
    .event-benefit-template .padding-b--m52, .event-benefit-template .article__inner .padding-b--m52 {padding-bottom: var(--calc-size--52);}
    .event-benefit-template .padding-b--m54, .event-benefit-template .article__inner .padding-b--m54 {padding-bottom: var(--calc-size--54);}
    .event-benefit-template .padding-b--m56, .event-benefit-template .article__inner .padding-b--m56 {padding-bottom: var(--calc-size--56);}
    .event-benefit-template .padding-b--m58, .event-benefit-template .article__inner .padding-b--m58 {padding-bottom: var(--calc-size--58);}
    .event-benefit-template .padding-b--m60, .event-benefit-template .article__inner .padding-b--m60 {padding-bottom: var(--calc-size--60);}
    .event-benefit-template .padding-b--m62, .event-benefit-template .article__inner .padding-b--m62 {padding-bottom: var(--calc-size--62);}
    .event-benefit-template .padding-b--m64, .event-benefit-template .article__inner .padding-b--m64 {padding-bottom: var(--calc-size--64);}
    .event-benefit-template .padding-b--m66, .event-benefit-template .article__inner .padding-b--m66 {padding-bottom: var(--calc-size--66);}
    .event-benefit-template .padding-b--m68, .event-benefit-template .article__inner .padding-b--m68 {padding-bottom: var(--calc-size--68);}
    .event-benefit-template .padding-b--m70, .event-benefit-template .article__inner .padding-b--m70 {padding-bottom: var(--calc-size--70);}
    .event-benefit-template .padding-b--m72, .event-benefit-template .article__inner .padding-b--m72 {padding-bottom: var(--calc-size--72);}
    .event-benefit-template .padding-b--m74, .event-benefit-template .article__inner .padding-b--m74 {padding-bottom: var(--calc-size--74);}
    .event-benefit-template .padding-b--m76, .event-benefit-template .article__inner .padding-b--m76 {padding-bottom: var(--calc-size--76);}
    .event-benefit-template .padding-b--m78, .event-benefit-template .article__inner .padding-b--m78 {padding-bottom: var(--calc-size--78);}
    .event-benefit-template .padding-b--m80, .event-benefit-template .article__inner .padding-b--m80 {padding-bottom: var(--calc-size--80);}

    .event-benefit-template .padding-l--m00, .event-benefit-template .article__inner .padding-l--m00 {padding-left: var(--calc-size--00);}
    .event-benefit-template .padding-l--m04, .event-benefit-template .article__inner .padding-l--m04 {padding-left: var(--calc-size--04);}
    .event-benefit-template .padding-l--m05, .event-benefit-template .article__inner .padding-l--m05 {padding-left: var(--calc-size--05);}
    .event-benefit-template .padding-l--m06, .event-benefit-template .article__inner .padding-l--m06 {padding-left: var(--calc-size--06);}
    .event-benefit-template .padding-l--m08, .event-benefit-template .article__inner .padding-l--m08 {padding-left: var(--calc-size--08);}
    .event-benefit-template .padding-l--m10, .event-benefit-template .article__inner .padding-l--m10 {padding-left: var(--calc-size--10);}
    .event-benefit-template .padding-l--m12, .event-benefit-template .article__inner .padding-l--m12 {padding-left: var(--calc-size--12);}
    .event-benefit-template .padding-l--m15, .event-benefit-template .article__inner .padding-l--m15 {padding-left: var(--calc-size--15);}
    .event-benefit-template .padding-l--m16, .event-benefit-template .article__inner .padding-l--m16 {padding-left: var(--calc-size--16);}
    .event-benefit-template .padding-l--m18, .event-benefit-template .article__inner .padding-l--m18 {padding-left: var(--calc-size--18);}
    .event-benefit-template .padding-l--m20, .event-benefit-template .article__inner .padding-l--m20 {padding-left: var(--calc-size--20);}
    .event-benefit-template .padding-l--m22, .event-benefit-template .article__inner .padding-l--m22 {padding-left: var(--calc-size--22);}
    .event-benefit-template .padding-l--m24, .event-benefit-template .article__inner .padding-l--m24 {padding-left: var(--calc-size--24);}
    .event-benefit-template .padding-l--m25, .event-benefit-template .article__inner .padding-l--m25 {padding-left: var(--calc-size--25);}
    .event-benefit-template .padding-l--m26, .event-benefit-template .article__inner .padding-l--m26 {padding-left: var(--calc-size--26);}
    .event-benefit-template .padding-l--m28, .event-benefit-template .article__inner .padding-l--m28 {padding-left: var(--calc-size--28);}
    .event-benefit-template .padding-l--m30, .event-benefit-template .article__inner .padding-l--m30 {padding-left: var(--calc-size--30);}
    .event-benefit-template .padding-l--m32, .event-benefit-template .article__inner .padding-l--m32 {padding-left: var(--calc-size--32);}
    .event-benefit-template .padding-l--m34, .event-benefit-template .article__inner .padding-l--m34 {padding-left: var(--calc-size--34);}
    .event-benefit-template .padding-l--m35, .event-benefit-template .article__inner .padding-l--m35 {padding-left: var(--calc-size--35);}
    .event-benefit-template .padding-l--m36, .event-benefit-template .article__inner .padding-l--m36 {padding-left: var(--calc-size--36);}
    .event-benefit-template .padding-l--m38, .event-benefit-template .article__inner .padding-l--m38 {padding-left: var(--calc-size--38);}
    .event-benefit-template .padding-l--m40, .event-benefit-template .article__inner .padding-l--m40 {padding-left: var(--calc-size--40);}
    .event-benefit-template .padding-l--m45, .event-benefit-template .article__inner .padding-l--m45 {padding-left: var(--calc-size--45);}
    .event-benefit-template .padding-l--m50, .event-benefit-template .article__inner .padding-l--m50 {padding-left: var(--calc-size--50);}
    .event-benefit-template .padding-l--m52, .event-benefit-template .article__inner .padding-l--m52 {padding-left: var(--calc-size--52);}
    .event-benefit-template .padding-l--m54, .event-benefit-template .article__inner .padding-l--m54 {padding-left: var(--calc-size--54);}
    .event-benefit-template .padding-l--m56, .event-benefit-template .article__inner .padding-l--m56 {padding-left: var(--calc-size--56);}
    .event-benefit-template .padding-l--m58, .event-benefit-template .article__inner .padding-l--m58 {padding-left: var(--calc-size--58);}
    .event-benefit-template .padding-l--m60, .event-benefit-template .article__inner .padding-l--m60 {padding-left: var(--calc-size--60);}
    .event-benefit-template .padding-l--m62, .event-benefit-template .article__inner .padding-l--m62 {padding-left: var(--calc-size--62);}
    .event-benefit-template .padding-l--m64, .event-benefit-template .article__inner .padding-l--m64 {padding-left: var(--calc-size--64);}
    .event-benefit-template .padding-l--m66, .event-benefit-template .article__inner .padding-l--m66 {padding-left: var(--calc-size--66);}
    .event-benefit-template .padding-l--m68, .event-benefit-template .article__inner .padding-l--m68 {padding-left: var(--calc-size--68);}
    .event-benefit-template .padding-l--m70, .event-benefit-template .article__inner .padding-l--m70 {padding-left: var(--calc-size--70);}
    .event-benefit-template .padding-l--m72, .event-benefit-template .article__inner .padding-l--m72 {padding-left: var(--calc-size--72);}
    .event-benefit-template .padding-l--m74, .event-benefit-template .article__inner .padding-l--m74 {padding-left: var(--calc-size--74);}
    .event-benefit-template .padding-l--m76, .event-benefit-template .article__inner .padding-l--m76 {padding-left: var(--calc-size--76);}
    .event-benefit-template .padding-l--m78, .event-benefit-template .article__inner .padding-l--m78 {padding-left: var(--calc-size--78);}
    .event-benefit-template .padding-l--m80, .event-benefit-template .article__inner .padding-l--m80 {padding-left: var(--calc-size--80);}

    .event-benefit-template .padding-r--m00, .event-benefit-template .article__inner .padding-r--m00 {padding-right: var(--calc-size--00);}
    .event-benefit-template .padding-r--m04, .event-benefit-template .article__inner .padding-r--m04 {padding-right: var(--calc-size--04);}
    .event-benefit-template .padding-r--m05, .event-benefit-template .article__inner .padding-r--m05 {padding-right: var(--calc-size--05);}
    .event-benefit-template .padding-r--m06, .event-benefit-template .article__inner .padding-r--m06 {padding-right: var(--calc-size--06);}
    .event-benefit-template .padding-r--m08, .event-benefit-template .article__inner .padding-r--m08 {padding-right: var(--calc-size--08);}
    .event-benefit-template .padding-r--m10, .event-benefit-template .article__inner .padding-r--m10 {padding-right: var(--calc-size--10);}
    .event-benefit-template .padding-r--m12, .event-benefit-template .article__inner .padding-r--m12 {padding-right: var(--calc-size--12);}
    .event-benefit-template .padding-r--m15, .event-benefit-template .article__inner .padding-r--m15 {padding-right: var(--calc-size--15);}
    .event-benefit-template .padding-r--m16, .event-benefit-template .article__inner .padding-r--m16 {padding-right: var(--calc-size--16);}
    .event-benefit-template .padding-r--m18, .event-benefit-template .article__inner .padding-r--m18 {padding-right: var(--calc-size--18);}
    .event-benefit-template .padding-r--m20, .event-benefit-template .article__inner .padding-r--m20 {padding-right: var(--calc-size--20);}
    .event-benefit-template .padding-r--m22, .event-benefit-template .article__inner .padding-r--m22 {padding-right: var(--calc-size--22);}
    .event-benefit-template .padding-r--m24, .event-benefit-template .article__inner .padding-r--m24 {padding-right: var(--calc-size--24);}
    .event-benefit-template .padding-r--m25, .event-benefit-template .article__inner .padding-r--m25 {padding-right: var(--calc-size--25);}
    .event-benefit-template .padding-r--m26, .event-benefit-template .article__inner .padding-r--m26 {padding-right: var(--calc-size--26);}
    .event-benefit-template .padding-r--m28, .event-benefit-template .article__inner .padding-r--m28 {padding-right: var(--calc-size--28);}
    .event-benefit-template .padding-r--m30, .event-benefit-template .article__inner .padding-r--m30 {padding-right: var(--calc-size--30);}
    .event-benefit-template .padding-r--m32, .event-benefit-template .article__inner .padding-r--m32 {padding-right: var(--calc-size--32);}
    .event-benefit-template .padding-r--m34, .event-benefit-template .article__inner .padding-r--m34 {padding-right: var(--calc-size--34);}
    .event-benefit-template .padding-r--m35, .event-benefit-template .article__inner .padding-r--m35 {padding-right: var(--calc-size--35);}
    .event-benefit-template .padding-r--m36, .event-benefit-template .article__inner .padding-r--m36 {padding-right: var(--calc-size--36);}
    .event-benefit-template .padding-r--m38, .event-benefit-template .article__inner .padding-r--m38 {padding-right: var(--calc-size--38);}
    .event-benefit-template .padding-r--m40, .event-benefit-template .article__inner .padding-r--m40 {padding-right: var(--calc-size--40);}
    .event-benefit-template .padding-r--m45, .event-benefit-template .article__inner .padding-r--m45 {padding-right: var(--calc-size--45);}
    .event-benefit-template .padding-r--m50, .event-benefit-template .article__inner .padding-r--m50 {padding-right: var(--calc-size--50);}
    .event-benefit-template .padding-r--m52, .event-benefit-template .article__inner .padding-r--m52 {padding-right: var(--calc-size--52);}
    .event-benefit-template .padding-r--m54, .event-benefit-template .article__inner .padding-r--m54 {padding-right: var(--calc-size--54);}
    .event-benefit-template .padding-r--m56, .event-benefit-template .article__inner .padding-r--m56 {padding-right: var(--calc-size--56);}
    .event-benefit-template .padding-r--m58, .event-benefit-template .article__inner .padding-r--m58 {padding-right: var(--calc-size--58);}
    .event-benefit-template .padding-r--m60, .event-benefit-template .article__inner .padding-r--m60 {padding-right: var(--calc-size--60);}
    .event-benefit-template .padding-r--m62, .event-benefit-template .article__inner .padding-r--m62 {padding-right: var(--calc-size--62);}
    .event-benefit-template .padding-r--m64, .event-benefit-template .article__inner .padding-r--m64 {padding-right: var(--calc-size--64);}
    .event-benefit-template .padding-r--m66, .event-benefit-template .article__inner .padding-r--m66 {padding-right: var(--calc-size--66);}
    .event-benefit-template .padding-r--m68, .event-benefit-template .article__inner .padding-r--m68 {padding-right: var(--calc-size--68);}
    .event-benefit-template .padding-r--m70, .event-benefit-template .article__inner .padding-r--m70 {padding-right: var(--calc-size--70);}
    .event-benefit-template .padding-r--m72, .event-benefit-template .article__inner .padding-r--m72 {padding-right: var(--calc-size--72);}
    .event-benefit-template .padding-r--m74, .event-benefit-template .article__inner .padding-r--m74 {padding-right: var(--calc-size--74);}
    .event-benefit-template .padding-r--m76, .event-benefit-template .article__inner .padding-r--m76 {padding-right: var(--calc-size--76);}
    .event-benefit-template .padding-r--m78, .event-benefit-template .article__inner .padding-r--m78 {padding-right: var(--calc-size--78);}
    .event-benefit-template .padding-r--m80, .event-benefit-template .article__inner .padding-r--m80 {padding-right: var(--calc-size--80);}
}
/* ========================= */
/* // 공통 여백              */
/* ========================= */

/* ========================= */
/* 배경 색                    */
/* ========================= */
.event-benefit-template .bg-color--black-03 { background-color: var(--base-color--black-03);}

.event-benefit-template .bg-color--gray-05 { background-color: var(--base-color--gray-05);}
/* ========================= */
/* // 배경 색                 */
/* ========================= */