@charset "utf-8";

@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url("../fonts/Pretendard-Black.subset.woff2") format("woff2");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url("../fonts/Pretendard-ExtraBold.subset.woff2") format("woff2");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url("../fonts/Pretendard-Bold.subset.woff2") format("woff2");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url("../fonts/Pretendard-SemiBold.subset.woff2") format("woff2");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url("../fonts/Pretendard-Medium.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src: url("../fonts/Pretendard-Light.subset.woff2") format("woff2");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url("../fonts/Pretendard-ExtraLight.subset.woff2") format("woff2");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url("../fonts/Pretendard-Thin.subset.woff2") format("woff2");
    font-display: swap;
}

/* ==================================================================== */
/* 기본 스타일 */
/* ==================================================================== */
.event-benefit-template {max-width:calc(var(--box-width--max) * 1px);margin:0 auto;font-family:'Pretendard', 'Noto Sans', sans-serif}
.event-benefit-template picture {display:block;}
.event-benefit-template button {font-family:'Pretendard', 'Noto Sans', sans-serif;}
.event-benefit-template .is-visible-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap; 
    border: 0;
}
.event-benefit-template .is-visible-pc {display: flex;}
.event-benefit-template .is-visible-mo {display: none;}
.is-visible-br-pc {display:inline; }
.is-visible-br-mo, .is-visible-br-mo-min {display:none;}

@media (max-width: 767px) {
    .header.helloBar~.container .event-benefit-template .c-tab-container { --base-header-height--mo:98px; }
    .event-benefit-template .is-visible-pc {display: none;}
    .event-benefit-template .is-visible-mo {display: flex;}
    .is-visible-br-pc {display:none;} 
    .is-visible-br-mo {display:inline;} 

    a, input {outline:none;-webkit-tap-highlight-color:transparent;}
    a:focus
    a:active,
    input:focus {outline: none;-webkit-tap-highlight-color:transparent;}
    div:focus {outline: none; -webkit-tap-highlight-color:transparent;}
}

@media (max-width: 380px) {
    .is-visible-br-mo-min {display:inline;} 
}

/* ==================================================================== */
/* 기본 속성 정의 */
/* ==================================================================== */
.event-benefit-template,
.ui_modal_wrap {
    --base-header-height--mo:46px;
    --box-width--max:1380;
    --box-color--header-bg:#fff;
    --box-color--panel-bg:#fff;
    --box-color--this-bg:#fff;
    --box-color--header-text:#1A1A1A;
    --box-color--panel-text:#1A1A1A;
    --box-color--this-text:#1A1A1A;
    --box-color--bullet:#1A1A1A;
    --box-color--line:#eee;
    --box-boder--radius:12px;
    --box-gap--base:20px;
    --base-margin-leftright:clamp(25px, calc(-215.882px + 29.412vw), 190px);
    --base-margin-topbottom:clamp(80px, calc(54.902px + 3.268vw), 100px);

    --base-color--white-01:#fff;
    --base-color--black-01:#000;
    --base-color--black-02:#1A1A1A; /* tab */
    --base-color--black-03:#282828; /* title */
    --base-color--black-04:#262626; /* button */
    --base-color--black-05:#3C332F;
    --base-color--black-06:#4A4946;
    --base-color--red-01:#EA1917;
    --base-color--red-02:#EA1917;
    --base-color--red-03:#FF0004;
    --base-color--gray-01:#E6E1D6; /* separator*/
    --base-color--gray-02:#666666; /* product name */
    --base-color--gray-03:#7E7C77; /* button */
    --base-color--gray-04:#f5f4f2;
    --base-color--gray-05:#F8F7F5;
    --base-color--gray-06:#70727899;
    --base-color--gray-07:#707278; /* detail */
    --base-color--gray-08:#CEC7B4; /* seperator line */
    --base-color--gray-09:#F8F7F5; /* table bg */
    --base-color--gray-10:#767676; /* 유의사항 desc */

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

    --flex-font-size--14: clamp(10px, calc(4.98px + 0.65vw), 14px);
    --flex-font-size--16: clamp(12px, calc(6.98px + 0.65vw), 16px);
    --flex-font-size--18: clamp(14px, calc(8.98px + 0.65vw), 18px);
    --flex-font-size--20: clamp(16px, calc(10.98px + 0.65vw), 20px);
    --flex-font-size--22: clamp(18px, calc(12.98px + 0.65vw), 22px);
    --flex-font-size--24: clamp(20px, calc(14.98px + 0.65vw), 24px);
    --flex-font-size--26: clamp(22px, calc(16.98px + 0.65vw), 26px);
    --flex-font-size--28: clamp(24px, calc(18.98px + 0.65vw), 28px);
    --flex-font-size--30: clamp(26px, calc(20.98px + 0.65vw), 30px);
    --flex-font-size--32: clamp(28px, calc(22.98px + 0.65vw), 32px);
    --flex-font-size--34: clamp(30px, calc(24.98px + 0.65vw), 34px);
    --flex-font-size--36: clamp(32px, calc(26.98px + 0.65vw), 36px);
    --flex-font-size--38: clamp(34px, calc(28.98px + 0.65vw), 38px);
    --flex-font-size--40: clamp(36px, calc(30.98px + 0.65vw), 40px);
    --flex-font-size--42: clamp(38px, calc(32.98px + 0.65vw), 42px);
    --flex-font-size--44: clamp(40px, calc(34.98px + 0.65vw), 44px);
    --flex-font-size--48: clamp(42px, calc(34.471px + 0.98vw), 48px);

    --flex-box-size--36: clamp(32px, calc(26.98px + 0.65vw), 36px);

    --flex-space--05: clamp(3px, calc(0.49px + 0.327vw), 5px);
    --flex-space--10: clamp(6px, calc(0.98px + 0.654vw), 10px);
    --flex-space--15: clamp(12px, calc(8.235px + 0.49vw), 15px);
    --flex-space--20: clamp(16px, calc(10.98px + 0.654vw), 20px);
    --flex-space--25: clamp(20px, calc(13.725px + 0.817vw), 25px);
    --flex-space--30: clamp(20px, calc(7.451px + 1.634vw), 30px);
    --flex-space--35: clamp(25px, calc(12.451px + 1.634vw), 35px);
    --flex-space--40: clamp(30px, calc(17.45px + 1.63vw), 40px);
    --flex-space--50: clamp(35px, calc(16.18px + 2.45vw), 50px);
    --flex-space--60: clamp(40px, calc(14.902px + 3.268vw), 60px);
    --flex-space--70: clamp(50px, calc(24.97px + 3.26vw), 70px);
}
@media (max-width: 1380px) {
    .event-benefit-template {
    }
}
@media (max-width: 767px) {
    .event-benefit-template {
        --base-margin-topbottom:clamp(50px, calc(28.523px + 6.711vw), 80px);

        --flex-font-size--14: 10px;
        --flex-font-size--16: 12px;
        --flex-font-size--18: clamp(14px, calc(12.568px + 0.447vw), 16px);
        --flex-font-size--20: clamp(14px, calc(11.136px + 0.895vw), 18px);
        --flex-font-size--22: clamp(16px, calc(14.57px + 0.45vw), 18px);
        --flex-font-size--24: clamp(18px, calc(16.568px + 0.447vw), 20px);
        --flex-font-size--26: clamp(14px, calc(9.7px + 1.34vw), 20px);
        --flex-font-size--28: clamp(16px, calc(11.71px + 1.34vw), 22px);
        --flex-font-size--30: clamp(18px, calc(13.71px + 1.34vw), 24px);
        --flex-font-size--32: clamp(20px, calc(15.71px + 1.34vw), 26px);
        --flex-font-size--34: clamp(22px, calc(17.71px + 1.34vw), 28px);
        --flex-font-size--36: clamp(24px, calc(19.71px + 1.34vw), 30px);
        --flex-font-size--38: clamp(24px, calc(18.273px + 1.79vw), 32px);
        --flex-font-size--40: clamp(26px, calc(17.16px + 2.24vw), 34px);
        --flex-font-size--42: clamp(26px, calc(12.84px + 2.91vw), 36px);
        --flex-font-size--44: clamp(28px, calc(14.84px + 2.91vw), 38px);
        --flex-font-size--48: clamp(24px, calc(6.819px + 5.369vw), 48px);

        --flex-box-size--36: clamp(28px, calc(25.136px + 0.895vw), 32px);

        --flex-space--05: clamp(3px, calc(1.568px + 0.447vw), 5px);
        --flex-space--10: clamp(6px, calc(4.568px + 0.447vw), 8px);
        --flex-space--15: clamp(12px, calc(10.568px + 0.447vw), 14px);
        --flex-space--20: clamp(14px, calc(12.568px + 0.447vw), 16px);
        --flex-space--25: clamp(14px, calc(11.136px + 0.895vw), 18px);
        --flex-space--30: clamp(16px, calc(13.136px + 0.895vw), 20px);
        --flex-space--35: clamp(18px, calc(12.989px + 1.566vw), 25px);
        --flex-space--40: clamp(20px, calc(12.841px + 2.237vw), 30px);
        --flex-space--50: clamp(28px, calc(22.989px + 1.566vw), 35px);
        --flex-space--60: clamp(30px, calc(22.841px + 2.237vw), 40px);
        --flex-space--70: clamp(35px, calc(24.262px + 3.356vw), 50px);
    }
}
@media (max-width: 480px) {
    .c-product-content {
        --flex-font-size--18: clamp(10px, calc(6px + 1.25vw), 12px);
        --flex-font-size--20: clamp(12px, calc(8px + 1.25vw), 14px);
        --flex-font-size--22: clamp(12px, calc(4px + 2.5vw), 16px);
        --flex-font-size--24: clamp(14px, calc(6px + 2.5vw), 18px);
    }
}


/* ===================== */
/* 탭  */
/* ===================== */
.c-tab-container {
    --tab-size--active-height: 3px;
    --tab-size--item-padding: 10px;
    --tab-size--underline-height: 5px;
    --tab-size--panel-padding-top: 30px;
    --tab-size--panel-padding-bottom: 30px;
    --tab-size--panel-padding: 150px;
    --tab-size--switch-padding-top: 50px;

    --tab-font--size-normal: 24px;
    --tab-font--weight: 400;

    --tab-color--bg:#fff;
    --tab-color--text:#000;
    --tab-color--border: #000;
    --tab-color--active-bg:#000;
    --tab-color--active-text:#fff;
    --tab-color--active-deco:#F44849;
    --tab-color--line-bottom:#F44849;
    --tab-color--panel-bg: #fff;
}
.c-title-container {
    --title-color--eyeblow-bg:#FF0004;
    --title-color--text:#1A1A1A;
}


/* ===================== */
/* 버튼 */
/* ===================== */
.c-button-container {
    --btn-color-primary: #1A1A1A;
    --btn-color-secondary: #E53935;
    --btn-color-gray: #7E7C77;
    --btn-color-white: #FFFFFF;
    --btn-color-text-dark: #2E2E33;
    --btn-color-text-light: #FFFFFF;
    --btn-color-text-gray: #707278;
    --btn-color-border: #2E2E33;

    --btn-padding-large: 16px 20px;
    --btn-padding-medium: clamp(10px, calc(2.471px + 0.98vw), 16px) clamp(8px, calc(5.49px + 0.327vw), 10px);
    --btn-padding-small: 5px 15px;

    --btn-border-radius: 8px;
    --btn-border-width: 1px;
}

/* ===================== */
/* 테마 컬러 정의 */
/* ===================== */
.tab-theme--type-01 {
    --tab-size--underline-height: 1px;
    --tab-color--active-bg:#fff;
    --tab-color--active-text:#FF0004;
    --tab-color--line-bottom:#ccc;
}
.tab-theme--type-02 {
    --tab-size--item-padding: 20px;
    --tab-color--bg:#666;
    --tab-color--active-bg:#F44849;
    --tab-color--line-bottom:#F44849;
}
.tab-theme--type-03 {
    --tab-color--active-bg:#fff;
    --tab-color--active-text:#000;
}
.tab-theme--type-04 {
    --tab-size--underline-height: 2px;
    --tab-color--line-bottom:#7e7d7d;
}
.tab-theme--type-05 {
    --tab-size--underline-height: 2px;
    --tab-color--active-bg:#fff;
    --tab-color--active-text:#F44849;
    --tab-color--line-bottom:#7e7d7d;
}
.tab-theme--type-06 {
    --tab-color--text:#555;
    --tab-font--size-normal:var(--flex-font-size--26);
    --tab-size--underline-height:1px;
    --tab-color--active-deco:#000;
    --tab-color--active-bg:#fff;
    --tab-color--active-text:#000;
    --tab-size--active-height: 7px; 
    --tab-size--item-padding: var(--flex-space--25);
    --tab-color--line-bottom:#ccc;
}
.tab-theme--type-07 {
    --tab-color--bg:var(--base-color--gray-05);
    --tab-color--panel-bg:var(--tab-color--bg);
    --tab-font--size-normal:var(--flex-font-size--24);
}


.title-theme--red {
    --base-color--text-title:#EA1917;
    --box-color--this-text:#EA1917;
}
.title-theme--black {
    --title-color--eyeblow-bg:#1A1A1A;
}


.box-color--red-1 {
    --box-color--this-bg: #EA1917;
    --box-color--this-text:#fff;
}
.box-color--red-2 {
    --box-color--this-bg: #f97474;
    --box-color--this-text:#fff;
}
.box-color--black-1 {
    --box-color--this-bg: #000;
    --box-color--this-text:#fff;
}
.box-color--green-1 {
    --box-color--this-bg: #4fcb93;
    --box-color--this-text:#fff;
}
.box-color--gray-1 {
    --box-color--header-bg: #f5f4f2;
}
.box-color--gray-2 {
    --box-color--header-bg:#f5f1e9;
    --box-color--panel-bg:#f5f1e9;
}
.box-color--gray-3 {
    --box-color--header-bg:#636363;
    --box-color--this-bg:#636363;
    --box-color--header-text:#C7C7C7;
    --box-color--panel-text:#636363;
    --box-color--this-text:#636363;
}
.box-color--gray-4 {
    --box-color--this-bg: #f5f4f2;
}
.box-color--gray-5 {
    --box-color--header-bg:#636363;
    --box-color--this-bg:#636363;
    --box-color--header-text:#C7C7C7;
    --box-color--panel-text:#636363;
    --box-color--this-text:#C7C7C7;
}
.box-color--gray-6 {
    --box-color--this-bg:#636363;
    --box-color--header-text:#636363;
    --box-color--panel-text:#636363;
    --box-color--this-text:#C7C7C7;
}
.box-color--gray-7 {
    --box-color--header-bg:#F8F7F5;
    --box-color--header-text:#18181D;
}
.box-color--gray-red {
    --box-color--header-bg:#F8F7F5;
    --box-color--this-bg:#EA1917;
    --box-color--this-text:#ffffff;
    --box-color--line:#CBC8C2;
}
.box-color--gray-pink {
    --box-color--header-bg:#FFF3F9;
    --box-color--this-bg:#FF017F;
    --box-color--this-text:#ffffff;
    --box-color--line:#FFAFD7;
}

/* ===================== */
/* SIZE 정의 */
/* ===================== */
.tab-size--width-auto {
    --tab-size--width: auto;
}
.tab-size--width-300 {
    --tab-size--width: 300px;
}
.tab-size--width-500 {
    --tab-size--width: 500px;
}
.tab-size--width-700 {
    --tab-size--width: 700px;
}
@media (max-width: 767px) {
    .tab-size--width-300,
    .tab-size--width-500,
    .tab-size--width-700 {
        --tab-size--width: 100%;
    }
}

/* ===================== */
/* 테이블 정의 */
/* ===================== */
.table-theme--type-1 {
    --table-cell-color-black: #000;
    --table-cell-bg-ivory: #F2F1EB;
    --table-cell-border-lightgray: #E1E1E3;
    --table-cell-color-gray: #666;
    --table-cell-bg-white: #FFF;
}
.table-theme--type-2 {
    --table-cell-color-black: #000;
    --table-cell-bg-ivory: #F2F1EB;
    --table-cell-border-lightgray: #E1E1E3;
    --table-cell-color-gray: #666;
    --table-cell-bg-white: #FFF;
}
.table-theme--type-3 {
    --table-cell-color-black: #000;
    --table-cell-color-red: #EA1917;
    --table-cell-bg-white: #FFF;
    --table-cell-border-black: #000;
    --table-cell-border-lightgray: #E1E1E3;
    --table-cell-color-gray: #666;
}
.table-theme--type-4 {
    --table-cell-color-black: #000;
    --table-cell-bg-white: #FFF;
    --table-cell-border-black: #000;
    --table-cell-color-gray: #666;
    --table-cell-color-red: #EA1917;
    --table-cell-border-hardgray: #dadada;
}
.table-theme--type-5 {
    --table-cell-color-black: #000;
    --table-cell-bg-white: #FFF;
    --table-cell-bg-deepgray: #ebebeb;
    --table-cell-border-lightgray: #dadada;
}
.table-theme--type-6 {
    --table-cell-color-pink: #AE2825;
    --table-cell-bg-pink: #FFF6F5;
    --table-cell-border-pink: #FFCECD;
    --table-cell-color-gray: #666666;
    --table-cell-bg-white: #FFF;
    --table-cell-bg-beige: #FAF9F3;
    --table-cell-border-lightgray: #dcdcdc;
}
.table-theme--type-7 {
    --table-cell-color-gray:#666;
    --table-cell-bg-beige: #F8F7F5;
    --table-cell-border-gray: #E1E1E3;
}
.table-theme--type-8 {
    --table-cell-color-gray:#666;
    --table-cell-color-red: #EA1917;
    --table-cell-bg-white: #FFF;
    --table-cell-border-gray: #E1E1E3;
    --table-cell-bg-beige: #F8F7F5;
}


/* ===================== */
/* 상품리스트 정의 */
/* ===================== */
.prd-text-theme-gray{
    --prd-text-theme-gray: #7E7C77;
}
.prd-text-theme-lightgray{
    --prd-text-theme-lightgray: #969696;
}
.prd-text-theme-black{
    --prd-text-theme-black: #000;
}
.prd-text-theme-red{
    --prd-text-theme-red: var(--base-color--red-01);
}
.prd-text-theme-white{
    --prd-text-theme-white: #fff;
}
.prd-bg-theme-red{
    --prd-bg-theme-red: #EA1917;
}
.prd-bg-theme-gold{
    --prd-bg-theme-gold: #B7A095;
}
.prd-bg-theme-black{
    --prd-bg-theme-black: #1a1a1a;
}
.prd-bg-theme-beige{
    --prd-bg-theme-beige: #E6E1D6;
}
.prd-bg-theme-white{
    --prd-bg-theme-white: #fff;
}

/* ==================================================================== */
/* 컴포넌트 기본 값 정의 */
/* ==================================================================== */
/* ===================== */
/* 레이아웃 */
/* ===================== */
.c-layout-container.box-color--gray-red {
    background-color: var(--box-color--header-bg);
}
.c-layout-container .pc-to-block {
    flex-direction: column;
}
.c-layout-container .c-layout__list,
.c-layout-container .c-layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
    gap: var(--box-gap--base);
}
.c-layout-container .c-layout__item {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
}
.c-layout-container .c-card-list .c-layout__item {
    border-radius: var(--box-boder--radius);
}
.c-layout.max-item--count-2 .c-layout__item {
    flex: 0 0 calc((100% - var(--box-gap--base)) / 2);
}
.c-layout.last-item-align--center-full,  .c-layout.last-item-align--center {
    justify-content: center;
}
.c-layout.max-item--count-2.last-item-align--center-full .c-layout__item:nth-child(2n + 1):last-child {
    flex-basis: 100%;
}
.c-layout.max-item--count-3 .c-layout__item {
    flex: 0 0 calc((100% - (var(--box-gap--base) * 2)) / 3);
}
.c-layout.max-item--count-3.last-item-align--center-full .c-layout__item:nth-child(3n + 1):last-child {
    flex-basis: 100%;
}
.c-layout.max-item--count-3.last-item-align--center-full .c-layout__item:nth-child(3n + 1):nth-last-child(2),
.c-layout.max-item--count-3.last-item-align--center-full .c-layout__item:nth-child(3n + 1):nth-last-child(2) ~ .c-layout__item {
    flex-basis: calc((100% - var(--box-gap--base)) / 2);
}
.c-layout.max-item--count-4 .c-layout__item {
    flex: 0 0 calc((100% - (var(--box-gap--base) * 3)) / 4);
}
.c-layout.max-item--count-4.last-item-align--center-full .c-layout__item:nth-child(4n + 1):last-child {
    flex-basis: 100%;
}
.c-layout.max-item--count-4.last-item-align--center-full .c-layout__item:nth-child(4n + 1):nth-last-child(2),
.c-layout.max-item--count-4.last-item-align--center-full .c-layout__item:nth-child(4n + 1):nth-last-child(2) ~ .c-layout__item {
    flex-basis: calc((100% - var(--box-gap--base)) / 2);
}
.c-layout.max-item--count-4.last-item-align--center-full .c-layout__item:nth-child(4n + 1):nth-last-child(3),
.c-layout.max-item--count-4.last-item-align--center-full .c-layout__item:nth-child(4n + 1):nth-last-child(3) ~ .c-layout__item {
    flex-basis: calc((100% - var(--box-gap--base) * 2) / 3);
}
.c-layout.first-item-align--full .c-layout__item:first-child {
    flex-basis: 100%;
}
.c-layout.max-item--count-2.last-item-align--full .c-layout__item:last-child {
    flex-grow: 1;
    flex-basis: calc((100% - var(--box-gap--base) * 1) / 2);
}
.c-layout.max-item--count-3.last-item-align--full .c-layout__item:last-child {
    flex-grow: 1;
    flex-basis: calc((100% - (var(--box-gap--base) * 2)) / 3);
}
.c-layout.max-item--count-4.last-item-align--full .c-layout__item:last-child {
    flex-grow: 1;
    flex-basis: calc((100% - (var(--box-gap--base) * 3)) / 4);
}
.c-layout-container .item-inner{
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.c-layout-container .item-inner.img--align-center{
    justify-content: center;
}
.c-layout-container.has-multi-colume .item-inner .item-left{
    flex: 0 0 20%; 
    margin-left: var(--base-margin-leftright);
}
.c-layout-container .item-inner .item-right{
    flex-grow: 1;
    width: 100%;
}
.c-layout-container .c-card-list .item-inner{
    border-radius: var(--box-boder--radius);
    width: 100%;
    flex-grow: 1;
}
.c-layout-container:has(.c-banner-list) {
    margin: 0;
}
.c-layout-container .c-banner-list .c-layout__item,
.c-layout-container .c-banner-list .banner-link-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.c-layout-container .c-banner-list .item-inner{
    padding: var(--base-margin-topbottom) var(--base-margin-leftright);
}
.c-layout-container .c-banner-list .banner-link-item {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .c-layout-container .c-layout__item {
        width: 100%;
    }
    .c-layout-container .mo-to-block {
        display: flex;
        flex-direction: column;
    }
    .mo-to-half.max-item--count-3.c-layout .c-layout__item,
    .mo-to-half.max-item--count-4.c-layout .c-layout__item {
        flex: 0 0 calc((100% - var(--box-gap--base)) / 2);
    }
    .c-layout.max-item--count-3.last-item-align--center-full .c-layout__item:nth-child(2n + 1):last-child,
    .c-layout.max-item--count-4.last-item-align--center-full .c-layout__item:nth-child(2n + 1):last-child {
        flex-basis: 100%;
    }
    .c-layout.first-item-align--full .c-layout__item {
        flex-basis: 100%;
    }
    .c-layout.image-align-bottom .c-layout__item {
        flex-basis: 100%;
    }
    .c-layout-container.has-multi-colume .item-inner .item-left{
        flex: 1; 
    }
}

/* ===================== */
/* 섹션 */
/* ===================== */
.c-section-content {
    background-color: var(--box-color--this-bg);
}
.c-section-content {
    padding: var(--base-margin-topbottom) var(--base-margin-leftright);
} 
.c-section-content.has-not-space--leftright {
    padding-left: 0; padding-right: 0;
} 
/* ===================== */
/* Swiper */
/* ===================== */
.event-benefit-template .swiper-wrapper {
    height: 100%;
    margin-bottom: 20px;
}
.c-layout-container:has(> .swiper) {
    margin: 0;
}
.c-layout.swiper {
    padding-bottom: 30px;
}
.c-layout.swiper[data-responsive-type="mo"] .swiper-pagination {
    display: none;
}
.c-layout.swiper[data-responsive-type="pc"] .c-layout__list,
.c-layout.swiper[data-responsive-type="all"] .c-layout__list {
    gap: 0;
    flex-wrap: nowrap;
}
.c-layout.swiper[data-responsive-type="pc"] .c-layout__item,
.c-layout.swiper[data-responsive-type="all"] .c-layout__item {
    flex: 0 0 auto;
}
.c-layout .swiper-pagination-bullets .swiper-pagination-bullet {
    background: #D3D3D3;
    border-radius: 12px;
    width: 12px;
    height: 12px;
    opacity: 1;
    /* transition: all .3s ease-in-out; This is compatible with Swiper v11 and later */
}
.c-layout .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #18181D;
    width: 40px;
    border-radius: 12px;
}
.c-layout .swiper-pagination-bullet:focus-visible {
    /* outline: 2px solid #0277BD !important; */
    outline-offset: 2px;
}

@media (max-width: 767px) {
    .c-section-content.has-not-space--leftright-mo {
        margin-left: 0; margin-right: 0; 
        padding-left: 0; padding-right: 0; 
    }
    .c-layout.swiper .c-layout__list {
        flex-wrap: nowrap;
        gap: 0;
    }
    .c-layout.swiper .c-layout__item {
        flex: 1 0 auto;
    }
    .c-layout.swiper[data-responsive-type="pc"] .swiper-pagination {
        display: none;
    }
    .c-layout.swiper .swiper-pagination,
    .c-layout.swiper[data-responsive-type="mo"] .swiper-pagination {
        display: flex;
        justify-content: center;
    }
    .c-layout.swiper[data-swiper-type="card-slider"] .c-layout__item {
        flex: 0 0 100%;
    }
}


/* ==================================================================== */
/* 테마별 속성값 설정 */
/* ==================================================================== */
/* ===================== */
/* Text Font */
/* ===================== */
.event-benefit-template .c-font--weight-300 { font-weight: 300; }
.event-benefit-template .c-font--weight-400 { font-weight: 400; }
.event-benefit-template .c-font--weight-500 { font-weight: 500; }
.event-benefit-template .c-font--weight-600 { font-weight: 600; }
.event-benefit-template .c-font--weight-700 { font-weight: 700; }
.event-benefit-template .c-font--weight-900 { font-weight: 900; }
.event-benefit-template .c-font--size-14 {font-size: var(--flex-font-size--14);}
.event-benefit-template .c-font--size-16 {font-size: var(--flex-font-size--16);}
.event-benefit-template .c-font--size-18 {font-size: var(--flex-font-size--18);}
.event-benefit-template .c-font--size-20 {font-size: var(--flex-font-size--20);}
.event-benefit-template .c-font--size-22 {font-size: var(--flex-font-size--22);}
.event-benefit-template .c-font--size-24 {font-size: var(--flex-font-size--24);}
.event-benefit-template .c-font--size-26 {font-size: var(--flex-font-size--26);}
.event-benefit-template .c-font--size-28 {font-size: var(--flex-font-size--28);}
.event-benefit-template .c-font--size-30 {font-size: var(--flex-font-size--30);}
.event-benefit-template .c-font--size-32 {font-size: var(--flex-font-size--32);}
.event-benefit-template .c-font--size-34 {font-size: var(--flex-font-size--34);}
.event-benefit-template .c-font--size-36 {font-size: var(--flex-font-size--36);}
.event-benefit-template .c-font--size-38 {font-size: var(--flex-font-size--38);}
.event-benefit-template .c-font--size-40 {font-size: var(--flex-font-size--40);}
.event-benefit-template .c-font--size-42 {font-size: var(--flex-font-size--42);}
.event-benefit-template .c-font--size-44 {font-size: var(--flex-font-size--44);}

.event-benefit-template .c-font--line-hight-15 {line-height: 1.5!important;}
.event-benefit-template .c-font--line-hight-16 {line-height: 1.6!important;}
.event-benefit-template .c-font--line-hight-17 {line-height: 1.7!important;}
.event-benefit-template .c-font--line-hight-18 {line-height: 1.8!important;}
.event-benefit-template .c-font--line-hight-20 {line-height: 2.0!important;}

.event-benefit-template .c-font--color-red-01, .event-benefit-template .c-font--color-red-01 span {color: var(--base-color--red-01);}
.event-benefit-template .c-font--color-red-02, .event-benefit-template .c-font--color-red-02 span {color: var(--base-color--red-02);}
.event-benefit-template .c-font--color-red-03, .event-benefit-template .c-font--color-red-03 span {color: var(--base-color--red-03);}

.event-benefit-template .c-font--color-gray-01, .event-benefit-template .c-font--color-gray-01 span {color: var(--base-color--gray-01);}
.event-benefit-template .c-font--color-gray-02, .event-benefit-template .c-font--color-gray-02 span {color: var(--base-color--gray-02);}
.event-benefit-template .c-font--color-gray-03, .event-benefit-template .c-font--color-gray-03 span {color: var(--base-color--gray-03);}
.event-benefit-template .c-font--color-gray-04, .event-benefit-template .c-font--color-gray-04 span {color: var(--base-color--gray-04);}
.event-benefit-template .c-font--color-gray-05, .event-benefit-template .c-font--color-gray-05 span {color: var(--base-color--gray-05);}
.event-benefit-template .c-font--color-gray-06, .event-benefit-template .c-font--color-gray-06 span {color: var(--base-color--gray-06);}
.event-benefit-template .c-font--color-gray-07, .event-benefit-template .c-font--color-gray-07 span {color: var(--base-color--gray-07);}
.event-benefit-template .c-font--color-gray-08, .event-benefit-template .c-font--color-gray-08 span {color: var(--base-color--gray-08);}
.event-benefit-template .c-font--color-gray-09, .event-benefit-template .c-font--color-gray-09 span {color: var(--base-color--gray-09);}
.event-benefit-template .c-font--color-gray-10, .event-benefit-template .c-font--color-gray-10 span {color: var(--base-color--gray-10);}

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

/* ===================== */
/* 여백 */
/* ===================== */
.event-benefit-template .has-section-margin--top {margin-top: var(--base-margin-topbottom);}
.event-benefit-template .has-section-padding--top {padding-top: var(--base-margin-topbottom);}
.event-benefit-template .has-section-padding--bottom {padding-bottom: var(--base-margin-topbottom);}

.event-benefit-template .has-margin-top--05 {margin-top: var(--flex-space--05);}
.event-benefit-template .has-margin-top--10 {margin-top: var(--flex-space--10);}
.event-benefit-template .has-margin-top--15 {margin-top: var(--flex-space--15);}
.event-benefit-template .has-margin-top--20 {margin-top: var(--flex-space--20);}
.event-benefit-template .has-margin-top--25 {margin-top: var(--flex-space--25);}
.event-benefit-template .has-margin-top--30 {margin-top: var(--flex-space--30);}
.event-benefit-template .has-margin-top--35 {margin-top: var(--flex-space--35);}
.event-benefit-template .has-margin-top--40 {margin-top: var(--flex-space--40);}
.event-benefit-template .has-margin-top--50 {margin-top: var(--flex-space--50);}
.event-benefit-template .has-margin-top--60 {margin-top: var(--flex-space--60);}
.event-benefit-template .has-margin-top--70 {margin-top: var(--flex-space--70);}

.event-benefit-template .has-margin-bottom--05 {margin-bottom: var(--flex-space--05);}
.event-benefit-template .has-margin-bottom--10 {margin-bottom: var(--flex-space--10);}
.event-benefit-template .has-margin-bottom--15 {margin-bottom: var(--flex-space--15);}
.event-benefit-template .has-margin-bottom--20 {margin-bottom: var(--flex-space--20);}
.event-benefit-template .has-margin-bottom--25 {margin-bottom: var(--flex-space--25);}
.event-benefit-template .has-margin-bottom--30 {margin-bottom: var(--flex-space--30);}
.event-benefit-template .has-margin-bottom--35 {margin-bottom: var(--flex-space--35);}
.event-benefit-template .has-margin-bottom--40 {margin-bottom: var(--flex-space--40);}
.event-benefit-template .has-margin-bottom--50 {margin-bottom: var(--flex-space--50);}
.event-benefit-template .has-margin-bottom--60 {margin-bottom: var(--flex-space--60);}
.event-benefit-template .has-margin-bottom--70 {margin-bottom: var(--flex-space--70);}

.event-benefit-template .has-padding-top--05 {padding-top: var(--flex-space--05);}
.event-benefit-template .has-padding-top--10 {padding-top: var(--flex-space--10);}
.event-benefit-template .has-padding-top--15 {padding-top: var(--flex-space--15);}
.event-benefit-template .has-padding-top--20 {padding-top: var(--flex-space--20);}
.event-benefit-template .has-padding-top--25 {padding-top: var(--flex-space--25);}
.event-benefit-template .has-padding-top--30 {padding-top: var(--flex-space--30);}
.event-benefit-template .has-padding-top--35 {padding-top: var(--flex-space--35);}
.event-benefit-template .has-padding-top--40 {padding-top: var(--flex-space--40);}
.event-benefit-template .has-padding-top--50 {padding-top: var(--flex-space--50);}
.event-benefit-template .has-padding-top--60 {padding-top: var(--flex-space--60);}
.event-benefit-template .has-padding-top--70 {padding-top: var(--flex-space--70);}

.event-benefit-template .has-padding-left--05 {padding-left: var(--flex-space--05);}
.event-benefit-template .has-padding-left--10 {padding-left: var(--flex-space--10);}
.event-benefit-template .has-padding-left--15 {padding-left: var(--flex-space--15);}
.event-benefit-template .has-padding-left--20 {padding-left: var(--flex-space--20);}
.event-benefit-template .has-padding-left--25 {padding-left: var(--flex-space--25);}
.event-benefit-template .has-padding-left--30 {padding-left: var(--flex-space--30);}
.event-benefit-template .has-padding-left--35 {padding-left: var(--flex-space--35);}
.event-benefit-template .has-padding-left--40 {padding-left: var(--flex-space--40);}
.event-benefit-template .has-padding-left--50 {padding-left: var(--flex-space--50);}
.event-benefit-template .has-padding-left--60 {padding-left: var(--flex-space--60);}
.event-benefit-template .has-padding-left--70 {padding-left: var(--flex-space--70);}

.event-benefit-template .has-padding-bottom--05 {padding-bottom: var(--flex-space--05);}
.event-benefit-template .has-padding-bottom--10 {padding-bottom: var(--flex-space--10);}
.event-benefit-template .has-padding-bottom--15 {padding-bottom: var(--flex-space--15);}
.event-benefit-template .has-padding-bottom--20 {padding-bottom: var(--flex-space--20);}
.event-benefit-template .has-padding-bottom--25 {padding-bottom: var(--flex-space--25);}
.event-benefit-template .has-padding-bottom--30 {padding-bottom: var(--flex-space--30);}
.event-benefit-template .has-padding-bottom--35 {padding-bottom: var(--flex-space--35);}
.event-benefit-template .has-padding-bottom--40 {padding-bottom: var(--flex-space--40);}
.event-benefit-template .has-padding-bottom--50 {padding-bottom: var(--flex-space--50);}
.event-benefit-template .has-padding-bottom--60 {padding-bottom: var(--flex-space--60);}
.event-benefit-template .has-padding-bottom--70 {padding-bottom: var(--flex-space--70);}

/* ===================== */
/* 불렛 */
/* ===================== */
.has-bullet { 
    list-style: none; 
}
.has-bullet > li{
    padding-left: 1em;
    position: relative;
}
.has-bullet > li::before {
    content: '•';
    color: var(--box-color--bullet);
    font-size: 1em;
    position: absolute;
    left: 0;
    top: 0;
}

/* ===================== */
/* 구분 */
/* ===================== */
.c-layout-container.separator {
    margin: 0 auto;
    background-color: var(--base-color--gray-01);
    height: 6px;
}