/*
전체 페이지 공통 CSS
2026. 03. 06 신규 디자인 템플릿 전용 파일
*/

@charset "utf-8";

/* ========================= */
/* Reset */
/* ========================= */
.contents.exhibition.ex-module-wrap .ev-detail-con.wide {
    max-width: 1380px;
}
.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;
}
.contents.event .ev-detail-wrap .ev-detail-con .event-benefit-template .evt-cont {
    text-align: center;
}

.event-benefit-template {
    max-width: 1380px;
    margin: 0 auto;

    * {
        font-family: "Pretendard";
    }

    picture,
    img {
        display: block;
        max-width: 100%;
    }

    a,
    button {
        background-color: rgba(0, 255, 0, 0);
    }

    section article {
        text-align: initial;
    }

    a:focus-visible,
    input:focus-visible,
    div:focus-visible,
    button:focus-visible {
        outline: 2px solid #000;
        outline-offset: 4px;
    }

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

/* ========================= */
/* Layout */
/* ========================= */
.l-article {
    .l-article__inner {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 100%;
        padding: 40px 0;
        row-gap: 16px;
        margin: 0 auto;

        &:has(.c-product) {
            max-width: 1186px;
        }
    
        @media screen and (max-width: 767px) {
            padding-top: calc(40 / 390 * 100%);
            padding-bottom: calc(40 / 390 * 100%);
            row-gap: calc(16 / 390 * 100vw);
        }
    }

    .l-article__content {
        position:relative;
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        max-width: 1380px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;

        .l-article__content {
            padding-left:0;
            padding-right:0;
        }

        &:has(.custom-scroll-slider),
        &:has(.swiper-container),
        &:has(.c-product) {
            width: 100%;
        }

        @media screen and (max-width: 767px) {
            row-gap: calc(16 / 390 * 100vw);
            padding-left: 0;
            padding-right: 0;

            &:has(.l-tab) {
                width: 100%;
            }
        }
    }

    .l-article__inner--mo-gutter {
        @media screen and (max-width: 767px) {
            padding-right: calc(20 / 390 * 100%);
            padding-left: calc(20 / 390 * 100%);

            .c-title {
                margin-right: 0;
                margin-left: 0;
            }
            .c-list {
                margin-right: 0;
                margin-left: 0;
            }
            .c-product__list {
                margin-right: 0;
                margin-left: 0;
            }
        }
    }
}
/* ========================= */
/* // Layout */
/* ========================= */

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

    --lge-gray-g70: #181818;
    --lge-gray-g60: #242424;
    --lge-gray-g50: #777;
    --lge-gray-g40: #949494;
    --lge-gray-g30: #a7a7a7;
    --lge-gray-g20: #cbcbcb;
    --lge-gray-g10: #efefef;
    --lge-gray-g00: #fff;

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

    @media screen and (max-width: 767px) {
        --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--62: calc(62 / 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);
    }
}
/* ========================= */
/* // 전체 공통 변수 */
/* ========================= */

/* ========================= */
/* main KV */
/* ========================= */
.event-benefit-template .main-kv {
    position: relative;
}
.event-benefit-template .main-kv__video {
    display: block;
    width: 100%;
}
.event-benefit-template .main-kv__img {
    width: 100%;
}
/* ========================= */
/* // 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;
    }
} */
/* ========================= */
/* // 공유하기 버튼 위치 커스텀 */
/* ========================= */

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

/* TAB 전체 공통 */
.c-tab {
    .c-tab__inner {
        display: flex;
        justify-content: center;
    }

    .c-tab__list {
        display: flex;
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .c-tab__item {
        position: relative;
    }

    .c-tab__button {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        text-align: center;
        white-space: nowrap;
        transition: color 0.25s, background-color 0.25s;
    }
    .c-tab__button:focus-visible {
        outline-offset: -2px;
    }
}

.c-tab__panel:focus {
    outline: none;
}
.c-tab__panel:focus-visible {
    outline-offset: 2px;
}
.c-tab__panel {
    display: none;
}
.c-tab__panel.active {
    display: block;
}
[data-tab-type="scroll"] + .c-tab__content > .c-tab__panel {
    display: block;
}

[data-tab-sticky="2depth"] {
    position: sticky;
    top: calc(var(--header-height) + var(--sticky-main-switch-height) + var(--sticky-main-sticky-height));
    z-index: 19;
}

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

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

.c-tab--1depth {
    .c-tab__button {
        padding: 14px 10px 13px;
        font-size: 18px;
        font-weight: 500;
        line-height: 111.111%;
        letter-spacing: -0.36px;
    }
    .c-tab__item {
        flex: 1;
    }
    .c-tab__item.active .c-tab__button {
        font-weight: 700;
        line-height: 122.222%;
        letter-spacing: -0.2px;
    }

    @media screen and (max-width: 767px) {
        .c-tab__button {
            padding: calc(12 / 390 * 100vw) 0;
            font-size: calc(14 / 390 * 100vw);
            line-height: 142.857%;
            letter-spacing: calc(-0.28 / 390 * 100vw);
        }
    }
}

.c-tab--2depth {
    .c-tab__list {
        width: auto;
        column-gap: 80px;
    }
    .c-tab__button {
        padding: 14px 0px 13px;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: -0.2px;
        &::after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            opacity: 0;
            transform: translateY(2px);
            transition: transform 0.3s, opacity 0.1s;
        }
    }
    .c-tab__item.active .c-tab__button {
        font-weight: 600;
        &::after {
            transform: translateY(0);
            opacity: 1;
        }
    }

    @media screen and (max-width: 767px) {
        .c-tab__list {
            column-gap: 0;
        }
        .c-tab__item {
            flex: 1;
        }
        .c-tab__button {
            padding: calc(12 / 390 * 100vw) calc(20 / 390 * 100vw);
            font-size: calc(13 / 390 * 100vw);
            line-height: 153.846%;
            letter-spacing: calc(-0.26 / 390 * 100vw);
        }
    }
}

.c-tab--3depth {

    .c-tab__inner {
        display: flex;
        justify-content: center;
        padding-top: 24px;
    }

    .c-tab__inner:has(.c-tooltip) {
        align-items: flex-end;
    }

    .c-tab__list {
        display: flex;
        flex-wrap: nowrap;
        column-gap: 16px;
        overflow-x: auto;
        white-space: nowrap;
    }

    .c-tab__item {
        position: relative;
        flex: initial;
        background-color: transparent;
        border-radius: 100px;
        border-width: 1px;
        border-style: solid;
        transition: background-color 0.25s, border-color 0.25s, color 0.25s;

        &:first-child {
            margin-left: auto;
        }

        &:last-child {
            margin-right: auto;
        }

        &.active .c-tab__button {
            font-weight: 600;
        }
    }

    .c-tab__button {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 8px 16px;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: -0.32px;
    }

    @media screen and (max-width: 767px) {
        margin-bottom: calc(12 / 390 * 100vw);

        .c-tab__list {
            gap: calc(10 / 390 * 100vw);
            width: 100%;
            padding: 0 calc(20 / 390 * 100vw);
            overflow-x: auto;
            white-space: nowrap;
        }

        .c-tab__button {
            padding: calc(6 / 390 * 100vw) calc(12 / 390 * 100vw);
            font-size: calc(13 / 390 * 100vw);
            line-height: 153.846%;
            letter-spacing: calc(-0.26 / 390 * 100vw);
        }
    }
}
/* // TAB 전체 공통 */

.c-tab--1depth-type01 {
    .c-tab__list {
        border-bottom: solid 1px #E4E4E4;
    }
    .c-tab__button {
        color: #262626;
        background-color: var(--lge-gray-g00); 

        &:focus-visible {
            outline-color: var(--primary-active-red) !important;
        }
    }
    .c-tab__item.active .c-tab__button {
        background-color: #000;
        color: var(--lge-gray-g00); 
    }
}

.c-tab--2depth-type01 {
    border-bottom: solid 1px #E4E4E4;
    
    .c-tab__inner {
        background-color: var(--lge-gray-g00);
    }
    .c-tab__button {
        color: #6F6F6F;
        
        &::after {
            background-color: var(--primary-black);
        }
        &:focus-visible {
            outline-color: var(--primary-active-red);
        }
    }
    .c-tab__item.active .c-tab__button {
        color: var(--primary-black);

        &::after {
            background-color: var(--primary-black);
        }
    }
}

.c-tab--3depth-type01 {
    .c-tab__inner {
        background-color: var(--lge-gray-g00);
    }
    .c-tab__item {
        border-color: #E4E4E4;
        
        &.active {
            background-color: var(--primary-black);
            border-color: var(--primary-black);

            .c-tab__button {
                color: var(--lge-gray-g00);
            }
        }
    }

    .c-tab__button {
        color: #6F6F6F;
    }
}

.c-tab--1depth-type02 {
    .c-tab__list {
        border-bottom: solid 1px #262626;
    }
    .c-tab__button {
        color: #7c7c7c;
        background-color: var(--primary-black);

        &:focus-visible {
            outline-color: var(--primary-active-red) !important;
        }
    }
    .c-tab__item.active .c-tab__button {
        background-color: var(--lge-gray-g00);
        color: var(--primary-black);
    }
}

.c-tab--2depth-type02 {
    border-bottom: solid 1px #262626;
    .c-tab__inner {
        background-color: var(--primary-black);
    }
    .c-tab__button {
        color: #7c7c7c;
        &::after {
            background-color: var(--primary-black);
        }
        &:focus-visible {
            outline-color: var(--primary-active-red);
        }
    }
    .c-tab__item.active .c-tab__button {
        color: var(--lge-gray-g00);

        &::after {
            background-color: var(--lge-gray-g00);
        }
    }
}

.c-tab--3depth-type02 {
    .c-tab__inner {
        background-color: var(--primary-black);
    }
    .c-tab__item {
        border-color: #262626;
        &.active {
            background-color: var(--lge-gray-g00); 
            border-color: var(--lge-gray-g00);

            .c-tab__button {
                color: var(--primary-black);
            }
        }
    }

    .c-tab__button {
        color: #6F6F6F;
    }
}


.c-tab--1depth-type03 {
    .c-tab__list {
        border-bottom: solid 1px #262626;
    }
    .c-tab__button {
        color: #6F6F6F;
        background-color: var(--primary-black);

        &:focus-visible {
            outline-color: var(--primary-active-red) !important;
        }
    }
    .c-tab__item.active .c-tab__button {
        background-color: var(--primary-active-red);
        color: var(--lge-gray-g00);
    }
}

.c-tab--2depth-type03 {
    border-bottom: solid 1px #262626;
    .c-tab__inner {
        background-color: var(--primary-black);
    }
    .c-tab__button {
        color: #7c7c7c;
        &::after {
            background-color: var(--primary-active-red);
        }
        &:focus-visible {
            outline-color: var(--primary-active-red);
        }
    }
    .c-tab__item.active .c-tab__button {
        color: var(--lge-gray-g00);

        &::after {
            background-color: var(--primary-active-red);
        }

        &:focus-visible {
            outline-color: var(--primary-black);
        }
    }
}

.c-tab--3depth-type03 {
    .c-tab__inner {
        background-color: var(--primary-black);
    }
    .c-tab__item {
        border-color: #262626;
        &.active {
            background-color: var(--primary-active-red); 
            border-color: var(--primary-active-red);

            .c-tab__button {
                color: var(--lge-gray-g00);
            }
        }
    }

    .c-tab__button {
        color: #6F6F6F;
    }
}

.c-tab--1depth-type04 {
    .c-tab__list {
        border-bottom: solid 1px #E4E4E4;
    }
    .c-tab__button {
        color: #6F6F6F;
        background-color: var(--lge-gray-g00);

        &:focus-visible {
            outline-color: var(--primary-active-red) !important;
        }
    }
    .c-tab__item.active .c-tab__button {
        background-color: var(--primary-active-red);
        color: var(--lge-gray-g00);
    }
}

.c-tab--2depth-type04 {
    border-bottom: solid 1px #E4E4E4;
    .c-tab__inner {
        background-color: var(--lge-gray-g00);
    }
    .c-tab__button {
        color: #7c7c7c;
        &::after {
            background-color: var(--primary-active-red);
        }
        &:focus-visible {
            outline-color: var(--primary-active-red);
        }
    }
    .c-tab__item.active .c-tab__button {
        color: var(--primary-active-red);

        &::after {
            background-color: var(--primary-active-red);
        }

        &:focus-visible {
            outline-color: var(--primary-black);
        }
    }
}

.c-tab--3depth-type04 {
    .c-tab__inner {
        background-color: var(--lge-gray-g00);
    }
    .c-tab__item {
        border-color: #E4E4E4;
        &.active {
            background-color: var(--primary-active-red); 
            border-color: var(--primary-active-red);

            .c-tab__button {
                color: var(--lge-gray-g00);
            }
        }
    }

    .c-tab__button {
        color: #6F6F6F;
    }
}

.c-tab--round {
    .c-tab__inner {
        display: flex;
        max-width:1380px;
    }
    .c-tab__list {
        flex-wrap: nowrap;
        column-gap: 8px;
        padding: 14px 0;
    }
    .c-tab__item {
        &:first-child {
            margin-left: auto;
        }
        &:last-child {
            margin-right: auto;
        }
    }
    .c-tab__button {
        padding: 9px 16px;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: -0.28px;
        border-radius: 100px;

        &:focus-visible {
            outline-offset: 2px;
            outline-color: red !important;
        }
    }
    .c-tab__item.active .c-tab__button {
        font-weight: 600;
    }
    @media screen and (max-width: 767px) {
        .c-tab__list {
            width: 100vw;
            padding: calc(14 / 390 * 100vw) calc(20 / 390 * 100vw);

            .l-article__inner--mo-gutter & {
                width: 100%;
                padding: calc(14 / 390 * 100vw) 0;
            }
        }
        .c-tab__button {
            display: flex;
            width: initial;
            min-width: initial;
            padding: calc(8 / 390 * 100vw) calc(16 / 390 * 100vw);
            font-size: calc(14 / 390 * 100vw);
            line-height: 130%;
            letter-spacing: calc(-0.28 / 390 * 100vw);
        }

        .c-tab__list-mo-only-left {
            .c-tab__item {
                &:first-child {
                    margin-left: initial;
                }
                &:last-child {
                    margin-right: auto;
                }
            }
        }
    }
}

.c-tab--round-filed-black {
    .c-tab__item {
        &.active .c-tab__button {
            color: #fff;
            background-color: #000;
            border: solid 1px transparent;
        }
    }
    .c-tab__button {
        color: #2B2B2B;
        background-color: #fff;
        border: solid 1px #CBCBCB;
    }
}


.c-tab--dot-text {
    margin: 0;
    .c-tab__list {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
    }
    .c-tab__button {
        padding: 14px 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: -0.2px;
    }
    .c-tab__item {
        position: relative;
    }
    .c-tab__item + .c-tab__item {
        margin-left: 18px;
    }
    .c-tab__item + .c-tab__item::before {
        content: "";
        position: absolute;
        left: -8px;
        top: 50%;
        transform: translateY(-50%);
        width: 2px;
        height: 2px;
    }
    .c-tab__item.active .c-tab__button {
        font-weight: 600;
    }
    @media screen and (max-width: 767px) {
        margin: calc(12 / 390 * 100vw) 0;
        .c-tab__list {
            padding: 0 calc(20 / 390 * 100vw);
        }
        .c-tab__button {
            padding: calc(14 / 390 * 100vw) 0;
            font-size: calc(13 / 390 * 100vw);
            letter-spacing: calc(-0.2em/13);
        }
        .c-tab__item + .c-tab__item {
            margin-left: calc(18 / 390 * 100vw);
        }
        .c-tab__item + .c-tab__item::before {
            left: calc(-8 / 390 * 100vw);
            width: 2px;
            height: 2px;
        }
    }
}

.c-tab--light-mode {
    .c-tab__button {
        color: #727780;
    }

    .c-tab__item.active .c-tab__button {
        color: #111;
    }

    .c-tab__item+.c-tab__item::before {
        background-color: #111;
    }
}

.c-tab--dark-mode {
    .c-tab__button {
        color: #ccc;
    }

    .c-tab__item.active .c-tab__button {
        color: #fff;
    }

    .c-tab__item+.c-tab__item::before {
        background-color: #ccc;
    }
}

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


/* ========================= */
/* Title */
/* ========================= */

.c-title {
    margin-right: 20px;
    margin-left: 20px;
    @media screen and (max-width: 767px) {
        margin-right: calc(20 / 390 * 100%);
        margin-left: calc(20 / 390 * 100%);
    }
}
.c-title--normal {
    display: flex;
    flex-direction: column;
    row-gap: 2px;
    text-align: center;
    .c-title__eyebrow {
        font-size: 18px;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: -0.72px;
    }
    .c-title__main {
        font-size: 26px;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: -1.04px;
    }

    @media screen and (max-width: 767px) {
        row-gap: calc(2 / 390 * 100vw);
        .c-title__eyebrow {
            font-size: calc(18 / 390 * 100vw);
            letter-spacing: calc(-0.72 / 390 * 100vw);
        }
        .c-title__main {
            font-size: calc(26 / 390 * 100vw);
            letter-spacing: calc(-1.04 / 390 * 100vw);
        }
    }
}

/* API 제품들만 예외 처리 */
.l-article__inner:has(.c-product) .c-title {
    text-align: left;
    @media screen and (max-width: 767px) {
        text-align: center;
    }
}
/* // API 제품들만 예외 처리 */

.c-title--center {
    text-align: center;
}
.c-title--white-theme {
    .c-title__eyebrow {
        color: #444;
    }
    .c-title__main {
        color: var(--primary-black);
    }
}
.c-title--black-theme {
    .c-title__eyebrow {
        color: #A7A7A7;
    }
    .c-title__main {
        color: var(--lge-gray-g00);
    }
}

@media screen and (max-width: 767px) {
    .c-title--left-only-mo {
        text-align: left;
    }
}
/* ========================= */
/* // Title */
/* ========================= */

/* ========================= */
/* List */
/* ========================= */
.c-list {
    display: flex;
    flex-direction: column;
    padding: 0;
    .c-list__item {
        position: relative;
        word-break: keep-all;
        &::before {
            content: '';
            position: absolute;
            border-radius: 100px;
        }
    }

    @media screen and (max-width: 767px) {
        margin-right: calc(20 / 390 * 100%);
        margin-left: calc(20 / 390 * 100%);
    }
}

.c-list--normal {
    row-gap: 0px;
    .c-list__item {
        padding-left: 18px;
        color: #777;
        font-size: 11px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: -0.44px;
        &::before {
            top: 0.5em;
            left: 8px;
            width: 2px;
            height: 2px;
            background-color: #777;
        }
    }
    
    @media screen and (max-width: 767px) {
        .c-list__item {
            padding-left: calc(18 / 390 * 100vw);
            font-size: calc(11 / 390 * 100vw);
            letter-spacing: calc(-0.44 / 390 * 100vw);
            &::before {
                left: calc(8 / 390 * 100vw);
                width: calc(2 / 390 * 100vw);
                height: calc(2 / 390 * 100vw);
            }
        }
    }
}
/* ========================= */
/* // List */
/* ========================= */


/* ========================= */
/* toggle */
/* ========================= */
.c-toggle {
    .c-toggle__btn {
        position: relative;
        display: inline-flex;
        align-items: center;
    }
    
    .c-toggle__btn--text::after {
        content: "";
        position: absolute;
        transition: transform 0.3s;
    }
    
    .c-toggle__content {
        position: relative;
        display: none;
    }
    &.on .c-toggle__btn::after {
        transform: translateY(-50%) rotate(180deg);
    }
    &.on .c-toggle__content {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        margin-top: 16px;
        @media screen and (max-width: 767px) {
            margin-top:  calc(16 / 390 * 100vw);
            row-gap: calc(16 / 390 * 100vw);
        }
    }
    &.c-toggle--qna .c-toggle__content {
        margin-top: 0;
    }
}

.c-toggle--normal {
    .c-toggle__btn-wrap {
        text-align: center;
    }
    .c-toggle__btn {
        padding-right: 12px;
        color: #000;
        font-size: 12px;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.24px;
    }
    
    .c-toggle__btn--text::after {
        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;
    }
    
    &.on .c-toggle__btn::after {
        transform: translateY(-50%) rotate(180deg);
    }
    .c-toggle__title {
        margin-bottom: 4px;
        color: var(--primary-black);
        font-size: 12px;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: -0.48px;
    }
    @media screen and (max-width: 767px) {
        .c-toggle__btn {
            padding-right: calc(12 / 390 * 100vw);
            font-size: calc(12 / 390 * 100vw);
            line-height: 100%;
            letter-spacing: calc(-0.24 / 390 * 100vw);
        }
        .c-toggle__btn--text::after {
            width: calc(8 / 390 * 100vw);
            height: calc(5 / 390 * 100vw);
        }
        .c-toggle__title {
            margin-bottom: calc(4 / 390 * 100vw);
            font-size: calc(12 / 390 * 100vw);
            letter-spacing: calc(-0.48em/12);
        }
    }
}
/* ========================= */
/* // toggle */
/* ========================= */


/* ========================= */
/* QNA */
/* ========================= */
.l-toggle:has(.c-toggle--qna) {
    border-top:solid 1px #333;
}
.c-toggle--qna {
    border-bottom:solid 1px #e6e1d6;
    .c-toggle__btn-wrap {
        margin: 0;
    }
    .c-toggle__btn {
        display: flex;
        align-items: flex-start;
        font-size: 16px;
        line-height: 1.4;
        text-align: left;
        padding: 24px 12px;
        outline-offset: -2px !important;
        width: 100%;

        &::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 12px;
            width: 16px;
            height: 16px;
            background: url(/kr/event/promotions/images/icon-new-line-chevron-down-black.svg) no-repeat;
            background-size: contain;
            transform: translateY(-50%);
            transform-origin: center;
            transition: transform 0.3s;
        }
    }
    .c-toggle__head-symbol {
        padding-right: 16px;
    }
    .c-toggle__content {
        padding: 16px;
        background-color: #F3F5F7;
        font-size: 14px;
        line-height: 1.5;
        word-break: keep-all;
    }
}
/* ========================= */
/* // QNA */
/* ========================= */



/* ========================= */
/* coupon */
/* ========================= */
.c-coupon{
    width: 369px;
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    -webkit-mask-image: radial-gradient(circle at 100% 50%, transparent 6px, black 7px);
    mask-image: radial-gradient(circle at 100% 50%, transparent 6px, black 7px);
    @media screen and (max-width: 767px) {
        width: calc(350/390*100vw);
        height: calc(68/390*100vw);
    }
    .c-coupon__content{
        display: flex;
        flex-direction: row;
        width: 100%;
        &.c-coupon__red_type{
            background-color: #FD312E;
        }
        &.c-coupon__black_type{
            background-color: #111111;
        }
        .c-coupon__info{
            display: flex;
            flex-direction: row;
            flex: 1;
            .c-coupon__price{
                width: 72px;
                display: flex;
                align-items: center;
                justify-content: center;
                @media screen and (max-width: 767px) {
                    width: calc(72/390*100vw);
                }
                &.c-coupon__price-white{
                    color: #fff;
                }
                &.c-coupon__price-red{
                    color: #FD312E;
                }
                .c-coupon__number{
                    font-size: 22px;
                    font-weight: 600;
                    @media screen and (max-width: 767px) {
                        font-size: calc(22/390*100vw);
                    }
                }
                .c-coupon__unit{
                    &.c-coupon__unit-per{
                        font-size: 16px;
                        @media screen and (max-width: 767px) {
                            font-size: calc(16/390*100vw);
                        }
                    }
                    &.c-coupon__unit-kor{
                        font-size: 10px;
                        font-weight: 700;
                        margin-top: 3px;
                        @media screen and (max-width: 767px) {
                            font-size: calc(10/390*100vw);
                        }
                    }
                }
            }
            .c-coupon__title{
                display: flex;
                flex-direction: column;
                justify-content: center;
                flex: 1;
                .c-coupon__title-main{
                    font-size: 14px;
                    line-height: 1.3;
                    font-weight: 600;
                    letter-spacing: -0.02em;
                    color: #fff;
                    @media screen and (max-width: 767px) {
                        font-size: calc(14/390*100vw);
                    }
                }
                .c-coupon__title-desc{
                    font-size: 12px;
                    line-height: 1.4;
                    font-weight: 500;
                    color: #eee;
                    @media screen and (max-width: 767px) {
                        font-size: calc(11/390*100vw);
                        font-weight: 400;
                    }
                }
            }
        }
        .c-coupon__button-box{
            display: flex;
            width: 80px;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border-left: 1px dashed rgba(255,255,255,0.5);
            @media screen and (max-width: 767px) {
                width: calc(80/390*100vw);
            }
            .c-coupon__button{
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 2px;
                .c-coupon__ico{
                    &.c-coupon__button-download{
                        width: 20px;
                        height: 20px;
                        background: url('/kr/event/promotions/images/ico_white_download.svg') center/20px no-repeat;
                        @media screen and (max-width: 767px) {
                            width: calc(20/390*100vw);
                            height: calc(20/390*100vw);
                            background: url('/kr/event/promotions/images/ico_white_download.svg') center/calc(20/390*100vw) no-repeat;
                        }
                    }
                    &.c-coupon__button-link{
                        width: 20px;
                        height: 20px;
                        background: url('/kr/event/promotions/images/ico_white_link.svg') center/20px no-repeat;
                        @media screen and (max-width: 767px) {
                            width: calc(20/390*100vw);
                            height: calc(20/390*100vw);
                            background: url('/kr/event/promotions/images/ico_white_link.svg') center/calc(20/390*100vw) no-repeat;
                        }
                    }
                }
                .c-coupon__button-text{
                    font-size: 12px;
                    line-height: 1.333;
                    color: #fff;
                    @media screen and (max-width: 767px) {
                        font-size: calc(12/390*100vw);
                    }
                }
            }
        }
    }
}


/* ========================= */
/* // coupon */
/* ========================= */

/* ========================= */
/* 버튼 */
/* ========================= */


.c-button--text {
    .c-button__inner {
        text-align: center;
    }
    .c-button__label {
        position: relative;
        color: var(--primary-black);
        font-size: 12px;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: calc(-0.48em/12);

        &::after {
            content: '';
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            transform-origin: center;
            transition: transform 0.3s;
        }
    }
    @media screen and (max-width: 767px) {
        .c-button__label {
            font-size: calc(12 / 390 * 100vw);
        }
    }
}
.c-button--text-arrow-down {
    .c-button__label {
        padding-right: 18px;
        &::after {
            width: 16px;
            height: 16px;
            transform: translateY(-50%) rotate(180deg);
            background: url(/kr/event/promotions/images/icon-new-line-chevron-up-black.svg) no-repeat;
            background-size: contain;
        }
    }
    @media screen and (max-width: 767px) {
        .c-button__label {
            padding-right: calc(18 / 390 * 100vw);
            &::after {
                width: calc(16 / 390 * 100vw);
                height: calc(16 / 390 * 100vw);
            }
        }
    }
}

.c-button--text-underline {
    .c-button__label {
        border-bottom: solid 1px var(--primary-black);
    }
    @media screen and (max-width: 767px) {

    }
}

.c-button--box {
    .c-button__label {
        display:inline-flex;
        justify-content:center;
        min-width: 200px;
        padding: 10px 20px;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.28px;
        transition: background-color .25s, color .25s;
        border-radius: 100px;
        border-width: 1px;
        border-style: solid;
        &:hover {
            opacity: 0.8;
        }
    }
    @media screen and (max-width: 767px) {
        .c-button__label {
            min-width: calc(200 / 390 * 100vw);
            padding: calc(10 / 390 * 100vw) calc(20 / 390 * 100vw);
            font-size: calc(14 / 390 * 100vw);
            letter-spacing: calc(-0.28em/14);
            &:hover {
                opacity: 0.8;
            }
        }
    }
}
.c-button--box-filled-black {
    .c-button__label {
        color: var(--lge-gray-g00);
        background-color: var(--primary-black);
        border-color: var(--primary-black);
    }
}
.c-button--box-filled-white {
    .c-button__label {
        color: var(--primary-black);
        background-color: var(--lge-gray-g00);
        border-color: var(--lge-gray-g00);
    }
}
.c-button--box-outlined-black {
    .c-button__label {
        color: var(--primary-black);
        background-color: var(--lge-gray-g00);
        border-color: var(--primary-black);
    }
}
.c-button--box-outlined-white {
    .c-button__label {
        color: var(--lge-gray-g00);
        background-color: var(--primary-black);
        border-color: var(--lge-gray-g00);
    }
}
/* ========================= */
/* // 버튼 */
/* ========================= */

/* ========================= */
/* 브라우저 내장 가로 스크롤 슬라이드 */
/* ========================= */
.c-native-scroll-slide {
    .c-native-scroll-slide__inner {
        overflow-x: auto;
        display: flex;
        column-gap: 16px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }
    .c-native-scroll-slide__inner {
        display: inline-flex;
    }
    .c-native-scroll-slide__item {
        scroll-snap-align: start;
    }
    @media screen and (max-width: 767px) {
        .c-native-scroll-slide__inner {
            padding: 0 calc(20 / 390 * 100vw);
            column-gap: calc(16 / 390 * 100vw);
        }
        .c-native-scroll-slide__item {
            scroll-margin-left: calc(20 / 390 * 100vw);
        }
    }
}
/* ========================= */
/* // 브라우저 내장 가로 스크롤 슬라이드 */
/* ========================= */


/* ========================= */
/* swiper */
/* ========================= */

/* 공통 */
.c-swiper.c-swiper {

    .swiper-container:has(.c-swiper__play-and-stop-button) {
        display: flex;
        flex-direction:column-reverse;
    }

    .swiper-container-wrap {
        position: relative;
    }

    .swiper-slide {
        background-color: transparent;
    }

    .swiper-slide a,
    .swiper-slide buttonm {
        scroll-margin-top: calc(var(--sticky-main-switch-height) + var(--sticky-main-sticky-height) + 200px);
    }

    .swiper-slide-visible {
        cursor: grab;

        &[aria-hidden="true"] {
            cursor: default;
        }
    }

    .c-swiper__controls {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 16px;
        padding: 16px 0;
    }
    
    .swiper-pagination-bullets {
        position: relative;
        bottom: initial;
        display: flex;
        justify-content: center;
        gap: 2px;
        width: fit-content;
        padding-top:0;
    }
    
    .swiper-pagination-bullet {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        margin: 0;
        background-color: transparent;
        opacity: 1;
        &::after {
            content: "";
            display: block;
            width: 5px;
            height: 5px;
            background-color: #898989;
            border-radius: 100px;
        }
    }

    .swiper-pagination-bullet-active {
        background-color: transparent;
        opacity: 1;

        &::after {
            content: "";
            display: block;
            width: 10px;
            height: 10px;
            border: solid 2px #111;
            background-color:transparent;
        }
    }

    .c-swiper__play-and-stop-button-wrap {
        position: relative;
    }
    .c-swiper__play-and-stop-button {
        display: flex;
        width: 18px;
        height: 18px;
        cursor: pointer;
        background-color: #fff;
        border-radius: 100px;
        align-items: center;
        justify-content: center;

        &::before {
            display: block;
            content: "";
        }

        &[aria-pressed="false"]:before {
            box-sizing: border-box;
            width: 6px;
            height: 6px;
            border-right: 2px solid #111;
            border-left: 2px solid #111;
        }
        &[aria-pressed="true"]:before {
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            border-left: 6px solid #111;
        }
    }

    .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;
    
        &:hover {
            background-color: #fff;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        }
        &:focus-visible {
            outline: 3px solid #007bff;
            outline-offset: 2px;
        }
    }
    .swiper-navigation-button--prev {
        left: 0px;
    }
     .swiper-navigation-button--next {
        right: 0px;
        transform: translateY(-50%) rotate(180deg);
    }
    .swiper-button-disabled {
        pointer-events: none;
        cursor: not-allowed;
        opacity: 0.3;
        display: none !important;
    }
    @media (max-width: 767px) {
        .c-swiper__controls {
            margin-top: calc(16 / 390 * 100vw);
            padding: calc(16 / 390 * 100vw) 0;
        }

        .swiper-pagination-bullets {
            gap: max(2px, calc(2 / 390 * 100vw));
        }
        
        .swiper-pagination-bullet {
            width: max(18px, calc(18 / 390 * 100vw));
            height: max(18px, calc(18 / 390 * 100vw));
            &::after {
                width: max(5px, calc(5 / 390 * 100vw));
                height: max(5px, calc(5 / 390 * 100vw));
            }
        }

        .swiper-pagination-bullet-active {
            &::after {
                width: max(10px, calc(10 / 390 * 100vw));
                height: max(10px, calc(10 / 390 * 100vw));
                border: solid max(2px, calc(2 / 390 * 100vw)) #111;
            }
        }
        .c-swiper__play-and-stop-button {
            width: max(18px, calc(18 / 390 * 100vw));
            height: max(18px, calc(18 / 390 * 100vw));

            &[aria-pressed="false"]:before {
                width: max(6px, calc(6 / 390 * 100vw));
                height: max(6px, calc(6 / 390 * 100vw));
                border-right: max(2px, calc(2 / 390 * 100vw)) solid #111;
                border-left: max(2px, calc(2 / 390 * 100vw)) solid #111;
            }
            &[aria-pressed="true"]:before {
                border-top: max(4px, calc(4 / 390 * 100vw)) solid transparent;
                border-bottom: max(4px, calc(4 / 390 * 100vw)) solid transparent;
                border-left: max(6px, calc(6 / 390 * 100vw)) solid #111;
            }
        }

         .swiper-navigation-button {
            top: calc((100% - 18px - calc(14 / 390 * 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);
        }
        .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);
        }
         .swiper-navigation-button--prev {
            left: calc(6 / 390 * 100vw);
        }
         .swiper-navigation-button--next {
            right: calc(6 / 390 * 100vw);
        }
        .swiper-container-wrap {
            margin: 0;
        }
    }
}
/* // 공통 */

.synced-tab-slider {
    width: 100%;
}

/* ========================= */
/* // swiper */
/* ========================= */


/* ========================= */
/* custom scroll slider */
/* ========================= */
.custom-scroll-slider {
    .custom-scroll-slider__container {
        position: relative;
        overflow: visible;
    }
    .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;
        &:hover {
            background-color: #fff;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        }
        &:focus-visible {
            outline: 3px solid #007bff;
            outline-offset: 2px;
        }
    }
    
    .custom-scroll-slider__nav-button--prev {
        left: -20px;
    }
    .custom-scroll-slider__nav-button--next {
        right: -20px;
        transform: translateY(-50%) rotate(180deg);
    }
    .custom-scroll-slider__nav-button--disabled {
        pointer-events: none;
        cursor: not-allowed;
        opacity: 0.3;
        display: none !important;
    }
    .custom-scroll-slider__content-wrapper {
        display: flex;
        column-gap: 24px;
        overflow-x: auto;
        overflow-y: hidden;
        cursor: grab;
        user-select: none;
        scrollbar-width: none;
        &::-webkit-scrollbar {
            display: none;
        }
    }
    &:not(.j-custom-scroll-slider--only-mo):not(.j-custom-scroll-slider--only-pc) .custom-scroll-slider__content-wrapper {
        overflow-x: auto;
    }
    .custom-scroll-slider__item {
        position: relative;
        &:has( .c-img-product--pc-vertical-horizon-scroll) {
            display:flex;
            display: block;
        }
        &:focus-visible {
            outline: 3px solid #007bff !important;
            outline-offset: -3px !important;
        }
    }

    .custom-scroll-slider--disabled-on-touch-device .custom-scroll-slider__scrollbar {
        display: none;
    }
    .custom-scroll-slider__content-wrapper--active {
        cursor: grabbing;
        cursor: -webkit-grabbing;
    }
    
    .custom-scroll-slider__scrollbar {
        display: flex;
        justify-content: center;
        padding: 10px 0;
        margin-top: 16px;
    }
    
    &:has(+ .c-tab) .custom-scroll-slider__scrollbar,
    &:has(+ .c-product) .custom-scroll-slider__scrollbar {
        margin-bottom: 48px;
    }
    
    .custom-scroll-slider__scrollbar-track {
        position: relative;
        width: 200px;
        height: 4px;
        background-color: #CFCFCF;
    }
    
    .custom-scroll-slider__scrollbar-thumb {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 100%;
        cursor: grab;
        background-color: #000;
        &::before {
            position: absolute;
            top: -10px;
            right: 0;
            bottom: -10px;
            left: 0;
            content: "";
            background-color: transparent;
        }
    }
    
    .custom-scroll-slider__scrollbar-thumb--active {
        cursor: grabbing;
        cursor: -webkit-grabbing;
    }
    

    @media screen and (min-width: 768px) {
        .j-custom-scroll-slider--only-mo .custom-scroll-slider__content-wrapper {
            overflow: initial;
        }
    }
    
    @media screen and (max-width: 767px) {
        .j-custom-scroll-slider--only-pc .custom-scroll-slider__content-wrapper {
            overflow: initial;
        }
    
        .custom-scroll-slider__content-wrapper:has( .c-img-product--pc-vertical-horizon-scroll) {
            column-gap: initial;
            padding: 0;
            margin: 0;
        }
        .custom-scroll-slider__content-wrapper {
            column-gap: calc(12 / 390 * 100vw);
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
        }
        .custom-scroll-slider__item {
            scroll-snap-align: start;
        }
        .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);
            &:hover {
                box-shadow: 0 0 0.5px 0 rgba(33, 39, 49, 0.36), 0 1px 4px 0 rgba(33, 39, 49, 0.08);
            }
        }
        .custom-scroll-slider__nav-button--prev {
            left: calc(6 / 390 * 100vw);
        }
        .custom-scroll-slider__nav-button--next {
            right: calc(6 / 390 * 100vw);
        }
        .custom-scroll-slider__scrollbar {
            padding: 10px 0;
            margin-top: calc(16 / 390 * 100vw);
        }
        .custom-scroll-slider__scrollbar-track {
            width: calc(200 / 390 * 100vw);
            height: max(4px, calc(4 / 390 * 100vw));
        }
    }
}
/* ========================= */
/* // custom scroll slider */
/* ========================= */

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

/* 기본 형태 - PC : 작은 세로형, MO : 작은 세로형 */
.c-img-product {

    .c-img-product__content {
        overflow: hidden;
        position: relative;
    }
    
    .c-img-product__content-wrapper {
        overflow: hidden;
    }
    
    .c-img-product__content-wrapper .c-img-product__content {
        position: relative;
        margin-top: 20px;
    }
    .c-img-product__content:first-child {
        margin-top: 0;
    }
    .c-img-product__picture {
        display: block;
    }
    &.active .c-img-product__content-wrapper {
        max-height: initial;
    }
    &.active .c-img-product__content {
        max-height: initial;
    }
    &.active .l-button-group {
        display: none;
    }
    .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%));
    }
    
    @media screen and (max-width: 767px) {
        .c-img-product__picture-wrapper {
            margin-top: calc(20 / 390 * 100vw);
        }
        .c-img-product__content {
            margin: 0 calc(20 / 390 * 100vw);
            max-height: calc(1196 / 390 * 100vw);
        }
        .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%));
        }
    }
}
/* // 기본 형태 - PC : 작은 세로형, MO : 작은 세로형 */

/* PC : 3줄 작은 가로형, MO : 3줄 가로형 */
.c-img-product--only-horizon {
    .c-img-product__content {
        max-height: calc(152 / 1446 * 100%);
    }
    .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) {
        .c-img-product__content {
            margin: 0 calc(20 / 390 * 100vw);
            max-height: calc(546 / 390 * 100vw);
        }
        .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 : 작은 세로형 */
.c-img-product--pc-vertical-horizon-scroll {
    .c-img-product__content {
        max-height: initial;
    }
    .c-img-product__pircture {
        display: block;
        width: calc(var(--user-img-width) * 1px);
    }
    .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) {
        .c-img-product__content {
            max-height: 100%;
        }
        .c-img-product__pircture {
            width: 100%;
        }
        .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 : 작은 세로형 */

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


/* ========================= */
/* 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-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-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__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__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-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__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__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-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--final {
        font-size: calc(12 / 390 * 100vw);
        line-height: 133.333%;
    }

    .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-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__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__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 .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__actions {
        order: initial;
        margin-top: calc(10 / 390 * 100vw);
    }

    .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__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__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__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 .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 {
        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__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 */
/* ========================= */


/* ================================ */
/* tooltip */
/* ================================ */
.c-tooltip {
    .tooltip-wrap {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 20px;
        line-height: 20px;
    }
    .tooltip-box {
        min-width: 416px;
        padding: 20px 60px 20px 20px;
        border-radius: 16px;
        background: #FFF;
        box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.08), 0 12px 64px 0 rgba(33, 39, 49, 0.09);
    }
    .ui_tooltip-target {
        background: url(/kr/event/promotions/images/icon_tooltip_notice_gray.svg) no-repeat;
        background-size: contain;
        width: 20px;
        height: 20px;
    }
    .c-tooltip__title {
        color: #111;
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: -0.2px;
    }
    .c-tooltip__line {
        width: 100%;
        height: 1px;
        margin: 16px 0;
        background-image: linear-gradient(to right, #777 50%, rgba(255, 255, 255, 0) 0%);
        background-position: center;
        background-size: 4px 2px;
        background-repeat: repeat-x;
        border: none;
    }
    .btn-close {
        top: 22px;
        right: 24px;
        width: 20px;
        height: 20px;
    }
    .btn-close::after {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        background: url(/kr/event/promotions/images/icon_tooltip_close_btn_dark_black.svg) no-repeat;
        background-size: contain;
    }

    @media (max-width: 767px) {
        .tooltip-wrap {
            width: clamp(20px, calc(20 / 390 * 100vw), 40px);
            height: clamp(20px, calc(20 / 390 * 100vw), 40px);
            line-height: 1;
        }
        .tooltip-box {
            left: calc(-166/ 390 * 100vw);
            min-width: max(280px, calc(280 / 390 * 100vw));
            padding: calc(20/390*100vw) calc(48/390*100vw) calc(20/390*100vw) calc(20/390*100vw);
            border-radius: calc(16/390*100vw);
            box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.08), 0 calc(12/390*100vw) calc(64/390*100vw) 0 rgba(33, 39, 49, 0.09);
        }
        .ui_tooltip-target {
            width: 16px;
            height: 16px;
        }
        .c-tooltip__title {
            font-size: calc(15/390*100vw);
            line-height: 133.333%;
            letter-spacing: calc(-0.2/390*100vw);
        }
        .c-tooltip__line {
            margin: calc(16/390*100vw) 0;
        }
        .btn-close {
            top: calc(20/390*100vw);
            right: calc(18/390*100vw);
            width: max(20px, calc(20/390*100vw));
            height: max(20px, calc(20/390*100vw));
        }
        .btn-close::after {
            width: max(20px, calc(20/390*100vw));
            height: max(20px, calc(20/390*100vw));
        }
    }
}
/* ================================ */
/* // 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 */

/* ========================= */
/* 아이템 더보기 기능 */
/* ========================= */
.view-more-content {
    .c-product__list {
        row-gap: 0;
    }
    .c-product__item {
        visibility: hidden;
        max-height: 0;
        margin-bottom: 0;
        /* overflow: hidden; */ /* gt.yang 26.01.29 : 웹 접근성 초점 표시 안되는 현상으로 제거 */
        opacity: 0;
    }
    
    .limit-view__item {
        visibility: hidden;
        max-height: 0;
        opacity: 0;
    }
    
    .c-product__item.is-visible {
        visibility: visible;
        max-height: 2000px;
        margin-bottom: 20px;
        opacity: 1;
    }
    
    .limit-view__item.is-visible {
        visibility: visible;
        max-height: 2000px;
        opacity: 1;
    }
    
    .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__item.is-visible{
        margin-bottom: 32px;
    }
    
    .c-product__item[style*="--item-delay"],
    .limit-view__item[style*="--item-delay"] {
        transition-delay: var(--item-delay, 0s);
    }
    
    .l-button-group:has( .limit-view__button.is-hidden ) {
        display: none;
    }
    
    @media screen and (max-width: 767px) {
        .c-product__item.is-visible {
            margin-bottom: calc(20 / 390 * 100vw);
        }
        .c-product__list--thumnail-custom-pc-horizontal-mo-vertical .c-product__item.is-visible{
            margin-bottom: calc(24 / 390 * 100vw);
        }
    }
}
/* ========================= */
/* // 아이템 더보기 기능 */
/* ========================= */

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

/* 왼쪽 아이콘 있는 형태 */
.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);
	}
}
/* // 왼쪽 아이콘 있는 형태 */


/* 트리거 버튼 유지되는 이미지 형태 토글 */
.c-toggle--img-only {
    margin: 0;
    .c-toggle__content{
        overflow: hidden;
        display: block;
        height: min(calc(var(--close-pc-height) * 1px), calc(var(--close-pc-height) / var(--pc-content-width) * 100vw));
    }
    &.on .c-toggle__content{
        height: auto;
        margin-top: 0;
    }
    .c-toggle__picture{
        display: block;
    }
    @media (max-width: 767px){
        .c-toggle__content{
            height: calc(var(--close-mobile-height) / 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-button--text-arrow-down .c-button__label::after {
    transform: translateY(-50%) rotate(0deg);
}
.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-button--text-arrow-down .c-button__label[aria-expanded="true"]::after {
    transform: translateY(-50%) rotate(0deg);
}
@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%);
    }
}
/* ========================= */
/* // 커스텀 toggle */
/* ========================= */

/* ========================= */
/* 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__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;
}

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

/* ========================= */
/* // 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__controls {
    position: absolute;
    left: 5%;
    top: 12.2%;
}

.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 (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);
    }
    .c-responsive-video__controls {
        left: 5%;
        top: 2.5%;
    }
}
/* ========================= */
/* // responsive video (PC/MO 영상 구분하여 처리) */
/* ========================= */


/* ========================= */
/* LG.COM 단독 구매 혜택 (전체 공통) */
/* ========================= */
payment-benefits {
    display: block;
}
.lg-only-purchase-benefits {
    position: relative;
    .lg-only-purchase-benefits__linker {
        position: absolute;
    }
    .lg-only-purchase-benefits__linker-01 {
        width: 7%;
        height: 8%;
        bottom: 40%;
        left: 14.7%;
    }
    .lg-only-purchase-benefits__linker-02 {
        width: 10%;
        height: 8%;
        bottom: 39%;
        left: 22%;
    }
    .lg-only-purchase-benefits__linker-03 {
        width: 8%;
        height: 8%;
        bottom: 39%;
        left: 47%;
    }
    .lg-only-purchase-benefits__linker-05 {
        width: 8%;
        height: 8%;
        bottom: 39%;
        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: 48%;left: 34.2%;}
        .lg-only-purchase-benefits__linker-05 {width: 19%;height: 6%;bottom: 28%;left: 34.2%;}
    }
}

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

/* ========================= */
/* 카카오톡 친구 전용 특별 할인 쿠폰 혜택 (전체 공통) */
/* ========================= */
.kakao-friend-coupon {
    position: relative;
    .kakao-friend-coupon__linker {
        position: absolute;
    }
    .kakao-friend-coupon__linker-01 {
        width: 24.1%;
        height: 28%;
        bottom: 10%;
        left: 50%;
    }
    .kakao-friend-coupon__linker-02 {
        width: 24.1%;
        height: 28%;
        bottom: 10%;
        left: 74%;
    }
    @media screen and (max-width: 767px) {
        .c-title {
            text-align:center;
        }
        .kakao-friend-coupon__linker-01 {
            width: 46.1%;
            height: 22%;
            bottom: 7%;
            left: 4%;
        }
        .kakao-friend-coupon__linker-02 {
            width: 46.1%;
            height: 22%;
            bottom: 7%;
            left: 51%;
        }
    }
}
/* ========================= */
/* // 카카오톡 친구 전용 특별 할인 쿠폰 혜택 (전체 공통) */
/* ========================= */


/* ========================= */
/* 구독 기본 혜택 (전체 공통 영역) */
/* ========================= */
.nested-accordion {
    --color-black-bg-01: #282726;
    --color-black-text-01: #fff;
    --color-black-bg-02: #4F4E4A;
    --color-black-text-02: #fff;
    --color-black-bg-03: #77756E;
    --color-black-text-03: #fff;
    --color-black-bg-04: #A8A79D;
    --color-black-text-04: #111;
    --color-black-bg-05: #BBBBB3;
    --color-black-text-05: #111;
    --radius: 16px;
    --font-weight-bold: 700;
    --transition-speed: 0.3s;
    --stack-offset: -13px; /* 카드 겹침 정도 */
    --card-height: 66px; /* 헤더 고정 높이 */
    list-style: none;
    width: min(820px, calc(820 / 860 * 100vw));
    display: flex;
    flex-direction: column;
    isolation: isolate;
    margin: 0 auto;
    padding: 0;
    
    .nested-accordion__item {
        position: relative;
        background: var(--item-bg);
        color: var(--item-text);
        border-top-left-radius: var(--radius);
        border-top-right-radius: var(--radius);
        margin-top: var(--stack-offset);
        z-index: 1; 
        transition: transform 0.3s ease, margin 0.3s ease;
        transform-origin: center top;
    }
    
    .nested-accordion__item:first-child {
        margin-top: 0;
    }
    
    .nested-accordion__item:last-child {
        border-bottom-left-radius: var(--radius);
        border-bottom-right-radius: var(--radius);
    }
    
    .nested-accordion__item:last-child .nested-accordion__trigger{
        height: auto;
    }
    
    .nested-accordion__item:last-child .nested-accordion__divider{
        top: 0;
    }
    
    .nested-accordion__item:last-child .nested-accordion__inner-content{
        padding-top: 24px;
        padding-bottom: 24px;
    }
    
    .nested-accordion__item[data-theme="black-bg-01"] { --item-bg: var(--color-black-bg-01); --item-text: var(--color-black-text-01); }
    .nested-accordion__item[data-theme="black-bg-02"] { --item-bg: var(--color-black-bg-02); --item-text: var(--color-black-text-02); }
    .nested-accordion__item[data-theme="black-bg-03"] { --item-bg: var(--color-black-bg-03); --item-text: var(--color-black-text-03); }
    .nested-accordion__item[data-theme="black-bg-04"] { --item-bg: var(--color-black-bg-04); --item-text: var(--color-black-text-04); }
    .nested-accordion__item[data-theme="black-bg-05"] { --item-bg: var(--color-black-bg-05); --item-text: var(--color-black-text-05); }
    
    .nested-accordion__header { 
        margin: 0; 
    }
    
    .nested-accordion__trigger {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 8px;
        height: var(--card-height);
        background: none;
        border: none;
        cursor: pointer;
        color: inherit;
        font-size: 16px;
        font-weight: var(--font-weight-bold);
        text-align: left;
        -webkit-tap-highlight-color: transparent;
    }
    .nested-accordion__header:has([aria-expanded="false"]) .nested-accordion__divider{
        display: none;
    }
    
    .nested-accordion__title-wrap {
        display: flex;
        align-items: center;
        gap: 8px;
        padding-right: 8px;
        flex: 1;
    }
    
    .nested-accordion__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        flex-shrink: 0;
    }
    
    .nested-accordion__icon svg {
        fill: currentColor;
    }
    
    .nested-accordion__text { 
        font-size: 14px;
        font-weight: var(--font-weight-bold);
        line-height: 16px;
        letter-spacing: -0.28px;
        word-break: keep-all;
        overflow: hidden;
    }
    
    .nested-accordion__text--highlight { 
        font-weight: var(--font-weight-bold);
    }
    
    .nested-accordion__icon-chevron {
        transform: rotate(0deg);
        transition: transform var(--transition-speed) ease;
    }
    
    .nested-accordion__item--active .nested-accordion__icon-chevron {
        transform: rotate(180deg); 
    }
    
    .nested-accordion__panel {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows var(--transition-speed) cubic-bezier(0.25, 0.8, 0.25, 1);
    }
    
    .nested-accordion__item--active .nested-accordion__panel {
        grid-template-rows: 1fr;
    }
    
    .nested-accordion__content {
        overflow: hidden;
    }
    
    .nested-accordion__inner-content {
        padding: 0 16px 30px 16px;

        .c-list {
            margin-top: 3px;
        }
        .c-list__item {
            color: #fff;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: -0.28px;
        }
        .c-list__item::before {
            background-color: #fff;
        }
    }
    
    .nested-accordion__divider {
        position: relative;
        top: min(-20px, calc(-20px + (100vw - 720px) * 0.2)); /* gt.yang : 720px 이상일 때 -38px, 720px 이하일 때 -38px + (100vw - 720px) * 0.2 */
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 32px);
        height: 1px;
        margin-bottom: 0;
        background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 0%);
        background-position: center;
        background-size: 6px 2px;
        background-repeat: repeat-x;
        opacity: 0.7;
        border: none;
    }
    
    .nested-accordion__item[data-theme="black-bg-04"] .nested-accordion__divider,
    .nested-accordion__item[data-theme="black-bg-05"] .nested-accordion__divider {
        background-image: linear-gradient(to right, #000 50%, rgba(255, 255, 255, 0) 0%);
    }
    
    .nested-accordion__desc-title {
        display: block;
        font-weight: 600;
        margin-bottom: 3px;
        margin-top: 8px;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: -0.24px;
    }
    
    .nested-accordion__desc-title:first-child { 
        margin-top: 0; 
    }
    
    .nested-accordion__desc-text {
        display: block;
        word-break: keep-all;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.28px;
    }
    
    @media (max-width: 767px) {
        --radius: calc(16 / 390 * 100vw);
        --font-weight-bold: 600;
        --transition-speed: 0.4s;
        --stack-offset: calc(-16 / 390 * 100vw); /* 카드 겹침 정도 */
        --card-height: calc(58 / 390 * 100vw); /* 헤더 고정 높이 */

        width: calc(350 / 390 * 100vw);

        padding: 0 calc(20 / 390 * 100vw);

       .l-article__inner--mo-gutter & {
           padding: 0;
       }

        .nested-accordion__item {
            border-top-left-radius: var(--radius);
            border-top-right-radius: var(--radius);
            margin-top: var(--stack-offset);
        }
    
        .nested-accordion__item:first-child {
            margin-top: 0;
        }
    
        .nested-accordion__header { 
            margin: 0; 
        }
    
        .nested-accordion__trigger {
            padding: calc(8 / 390 * 100vw);
            height: var(--card-height);
            font-size: calc(12 / 390 * 100vw);
            font-weight: 400;
        }
    
        .nested-accordion__title-wrap {
            gap: calc(8 / 390 * 100vw);
            padding-right: calc(8 / 390 * 100vw);
        }
    
        .nested-accordion__icon{
            width: calc(32 / 390 * 100vw);
            height: calc(32 / 390 * 100vw);
        }
    
        .nested-accordion__icon--first img {
            width: 100%;
        }
    
        .nested-accordion__text { 
            font-size: calc(14 / 390 * 100vw);
            line-height: 114.286%;
            letter-spacing: calc(-0.28 / 390 * 100vw);
        }
    
        .nested-accordion__icon-chevron img {
            width: calc(12 / 390 * 100vw);
            height: calc(12 / 390 * 100vw);
        }
    
        .nested-accordion__divider {
            top: calc(-10 / 390 * 100vw);
            width: calc(100% - calc(32 / 390 * 100vw));
            height: 1px;
            background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 0%);
            background-size: calc(8 / 390 * 100vw) calc(2 / 390 * 100vw);
        }
    
        .nested-accordion__item:last-child .nested-accordion__inner-content{
            padding-top: calc(16 / 390 * 100vw);
            padding-bottom: calc(16 / 390 * 100vw);
        }
    
        .nested-accordion__inner-content {
            padding: calc(8 / 390 * 100vw) calc(16 / 390 * 100vw) calc(32 / 390 * 100vw);
            font-size: calc(12 / 390 * 100vw);
            font-weight: 400;
            line-height: 133.333%;
            letter-spacing: calc(-0.24 / 390 * 100vw);
            .c-list {
                margin-top: calc(3 / 390 * 100vw);
            }
            .c-list__item {
                font-size: calc(14 / 390 * 100vw);
                line-height: 142.857%;
                letter-spacing: calc(-0.28em/14);
            }
            .c-list__item::before {
                background-color: #fff;
            }
        }
    
        .nested-accordion__desc-title {
            font-weight: var(--font-weight-bold);
            margin-bottom: calc(2 / 390 * 100vw);
            margin-top: calc(8 / 390 * 100vw);
            font-size: calc(12 / 390 * 100vw);
        }
    
        .nested-accordion__desc-text {
            font-size: calc(14 / 390 * 100vw);
            line-height: 142.857%;
            letter-spacing: calc(-0.28 / 390 * 100vw);
        }
    }
}
/* ========================= */
/* // 구독 기본 혜택 (전체 공통 영역) */
/* ========================= */

/* ========================= */
/* 가전 구독이 좋은 이유 (구독 기획전 공통 영역) */
/* ========================= */
why-home-appliance-subscription-is-goood {
    .l-article__inner:has(&) {
        background-color: var(--primary-black);
    }
    .c-title {
        color: var(--lge-gray-g00);
    }
}
/* ========================= */
/* // 가전 구독이 좋은 이유 (구독 기획전 공통 영역) */
/* ========================= */

/* ========================= */
/* 멤버십 포인트로 월 요금 납부하기 방법 (구독 기획전 공통 영역) */
/* ========================= */
pay-monthly-bill-with-membership-points {
    .l-article__inner:has(&) {
        background-color: var(--primary-black);
    }
    .c-title {
        color: var(--lge-gray-g00);
    }
    .c-button__inner {
        text-align: center;
    }
}
/* ========================= */
/* // 멤버십 포인트로 월 요금 납부하기 방법 (구독 기획전 공통 영역) */
/* ========================= */

/* ========================= */
/* 공통 유틸리티 */
/* ========================= */
.event-benefit-template .relative-area {
    position: relative;
}

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

@media screen and (min-width: 768px) {
    .event-benefit-template .l-standard-width {
        width: min(860px, 100vw);
    }

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

@media screen and (max-width: 767px) {
    .event-benefit-template .hidden-mo {
        display: none !important;
    }
}
/* ========================= */
/* // 공통 유틸리티 */
/* ========================= */

/* ========================= */
/* 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(--primary-active-red); }
/* ========================= */
/* // Font Color 공통        */
/* ========================= */

/* ========================= */
/* Font Size 공통            */
/* ========================= */
.event-benefit-template .font-size--p11 { font-size: var(--calc-size--11); font-weight: 400; line-height: 140%; letter-spacing: calc(-0.22em/11);}
.event-benefit-template .font-size--p12 { font-size: var(--calc-size--12); font-weight: 400; line-height: 140%; letter-spacing: calc(-0.24em/12);}
.event-benefit-template .font-size--p14 { font-size: var(--calc-size--14); font-weight: 400; line-height: 140%; letter-spacing: calc(-0.28em/14);}
.event-benefit-template .font-size--p16 { font-size: var(--calc-size--16); font-weight: 400; line-height: 140%; letter-spacing: calc(-0.32em/16);}
.event-benefit-template .font-size--p16 { font-size: var(--calc-size--16); font-weight: 600; line-height: 140%; letter-spacing: calc(-0.32em/16);}

.event-benefit-template .font-size--p20 { font-size: var(--calc-size--20); font-weight: 600; line-height: 130%; letter-spacing: calc(-0.40em/20);}
.event-benefit-template .font-size--p22 { font-size: var(--calc-size--22); font-weight: 700; line-height: 140%; letter-spacing: calc(-0.44em/22);}
.event-benefit-template .font-size--p32 { font-size: var(--calc-size--32); font-weight: 700; line-height: 140%; letter-spacing: calc(-0.64em/32);}
@media screen and (max-width: 767px) {
    .event-benefit-template .font-size--m12 { font-size: var(--calc-size--11); font-weight: 400; line-height: 140%; letter-spacing: calc(-0.22em/11);}
    .event-benefit-template .font-size--m12 { font-size: var(--calc-size--12); font-weight: 500; line-height: 140%; letter-spacing: calc(-0.24em/12);}
    .event-benefit-template .font-size--m14 { font-size: var(--calc-size--14); font-weight: 400; line-height: 130%; letter-spacing: calc(-0.28em/14);}
    .event-benefit-template .font-size--m14 { font-size: var(--calc-size--14); font-weight: 600; line-height: 130%; letter-spacing: calc(-0.28em/14);}
    .event-benefit-template .font-size--m16 { font-size: var(--calc-size--16); font-weight: 500; line-height: 140%; letter-spacing: calc(-0.32em/16);}

    .event-benefit-template .font-size--m18 { font-size: var(--calc-size--18); font-weight: 600; line-height: 140%; letter-spacing: calc(-0.36em/18);}
    .event-benefit-template .font-size--m22 { font-size: var(--calc-size--22); font-weight: 700; line-height: 140%; letter-spacing: calc(-0.44em/22);}
    .event-benefit-template .font-size--m26 { font-size: var(--calc-size--26); font-weight: 700; line-height: 140%; letter-spacing: calc(-0.52em/26);}
}
/* ========================= */
/* // Font Size 공통         */
/* ========================= */

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

/* 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);}
}
/* ========================= */
/* // 공통 여백              */
/* ========================= */