#event26 {max-width: 608px; margin: 0 auto; padding: 0 1rem; word-break: keep-all;}
#event26 > p + p{margin-top: .5rem;}
#event26 .mo-hidden {display:none}
#event26 h3 {margin: 2.5rem 0 1rem; font-size: 1.25rem; line-height: 1.4; color: var(--gray090); font-weight: 600;}
#event26 img, 
#event26 video {width: 100%; height: auto; vertical-align: top;}
#event26 button{cursor: pointer;}
#event26 .center {text-align: center!important;}
#event26 sup {font-size: .6875rem; vertical-align: super; line-height: 0;}

/* 배경 컬러 */
#event26 {letter-spacing: -.3px;}
#event26 .bg-pink, #event26 .e-head.bg-pink {background-color:#ffecf7}
#event26 .bg-red, #event26 .e-head.bg-red {background-color:#ffefef}
#event26 .bg-orange, #event26 .e-head.bg-orange {background-color:#fff1e9}
#event26 .bg-brown, #event26 .e-head.bg-brown {background-color:#fff6df}
#event26 .bg-khaki, #event26 .e-head.bg-khaki {background-color:#f5f6cd}
#event26 .bg-olive, #event26 .e-head.bg-olive {background-color:#edfbdb}
#event26 .bg-green, #event26 .e-head.bg-green {background-color:#dfffe2}
#event26 .bg-mint, #event26 .e-head.bg-mint {background-color:#dbfdfa}
#event26 .bg-blue, #event26 .e-head.bg-blue {background-color:#e5f5ff}
#event26 .bg-purple, #event26 .e-head.bg-purple {background-color:#efe9ff}
#event26 .bg-rose, #event26 .e-head.bg-rose {background-color:#F5E8E7}
#event26 .bg-champagne, #event26 .e-head.bg-champagne {background-color:#EBE6E2}
#event26 .bg-gold, #event26 .e-head.bg-gold {background-color:#F1E8DB}


/* 텍스트 컬러 */
#event26 .orange {color: var(--yellow080)!important}
#event26 .blue{color: var(--blue060)!important}

/* 헤드 */
.e-head {overflow: hidden; width: 100vw; margin: 0 -1rem; padding-top: 40px; text-align: center; color:var(--g9-to-g10);}
.e-head__title{font-size: 1.75rem; line-height: 2.25rem; font-weight: 600}
.e-head__title + .e-head__img {margin-top: 2.125rem;}
.e-head__sub{display:block; margin-bottom: .125rem; font-size:1.25rem; line-height: 1.75rem;}
.e-head__date{margin-top: .25rem;}
.e-head__img{width: 256px; margin: 6px auto 0;}
.e-head__info {position: relative; z-index: 2; margin: -1rem 1rem 1.25rem; padding: 1rem; background-color: var(--g0-to-g9); box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); border-radius: 1rem; font-weight: 600;}

/* 리스트 */
li > ul {margin-top: .25rem;}
.e-dot-list {color: inherit}
.e-dot-list > li {position: relative; padding-left: .625rem;}
.e-dot-list > li + li {margin-top: .5rem;}
.e-dot-list > li::before {content: ''; position: absolute; top: .625rem; left: 0; width: .25rem; height: .25rem; background-color: currentColor; border-radius: 50%}
.e-dot-list + .e-btn {margin-top: 1rem}

.e-dash-list {color: inherit}
.e-dash-list > li {position: relative; padding-left: .75rem; text-indent: -.75rem;}
.e-dash-list > li + li {margin-top: .5rem;}
.e-dash-list > li::before {content: '- '; width: .375rem;} 
li > .e-dash-list > li + li {margin-top: .125rem;}

.e-eligibility-list {counter-reset: step; color: inherit; word-break: keep-all;}
.e-eligibility-list > li {position: relative; margin-top: 1rem; padding-left: 2rem; counter-increment: step;}
.e-eligibility-list > li::before {content: counter(step); position: absolute; top: .125rem; left: .125rem; width: 1.25rem; height: 1.25rem; background: var(--gray090); border-radius: 50%; color: var(--gray000); text-align: center; line-height: 1.25rem; font-size: .8125rem; font-weight: 600;}
.e-eligibility-list strong{color: var(--gray090)}

.e-eligibility-list--manual > li::before {display: none}
.e-list-num{position: absolute; top: .125rem; left: .125rem; width: 1.25rem; height: 1.25rem; background: var(--gray090); border-radius: 50%; color: var(--gray000); text-align: center; line-height: 1.25rem; font-size: .8125rem; font-weight: 600;}

ol.e-eligibility-list > li:last-child::after {display: none}
ol.e-eligibility-list > li::after {content: ''; position: absolute; top: 1.5rem; left: .71875rem; width: 1px; height: calc(100% - .5rem); background: var(--gray060)}

.e-caption-box .e-eligibility-list > li:first-child {margin-top: 0;}
.e-caption-box .e-eligibility-list > li {margin-top: .5rem; padding-left: 1.5rem}
.e-caption-box .e-eligibility-list > li::after{display: none}
.e-caption-box .e-eligibility-list > li::before {top: .25rem; width: .875rem; height: .875rem; line-height: .875rem; font-size: .625rem; font-weight: 400; background: none; border: 1px solid currentColor; color: inherit}

.e-prize-list {display: flex; flex-direction: column; margin-top: 1rem}
.e-prize-list + * {margin-top: 1rem}
.e-prize-card {position: relative; padding: 3.25rem 1rem 1rem; border-radius: 1rem; background: var(--g0-to-g20); box-shadow: 0 2px 8px 0 rgba(0,0,0,.1)}
.e-prize-card + .e-prize-card {margin-top: .5rem}
.e-prize-card__count {position: absolute; top: 1rem; left: 1rem; min-width: 3.75rem; padding: .1875rem .5rem; border-radius: 999px; background: var(--g9-to-g10); color: var(--g0-to-g9); font-size: .75rem; font-weight: 600; line-height: 1.125rem; text-align: center}
.e-prize-card__content {display: flex; align-items: flex-start; justify-content: space-between}
.e-prize-card__info {flex: 1; min-width: 0; font-weight: 600}
.e-prize-card__amount {color: var(--blue060); font-size: 1.25rem; line-height: 1.75rem}
.e-prize-card__img {flex-shrink: 0; width: 6.375rem;}
.e-prize-card__title {word-break: keep-all}
.e-prize {position: relative; width: 100%; font-weight: 600; font-size: 1rem; text-align: center; line-height: 1.375rem; letter-spacing: -.3px;}

.e-prize__num{position: absolute; left: 0; width: 100%; font-size: .875rem;}
.e-prize--cashback .e-prize__num {top: 30%; color: var(--g0-to-g9); text-shadow: 0 0 2px #418715; }
.e-prize--giftcard .e-prize__num {top: 27%; color: var(--g9-to-g10); }
.e-prize--money .e-prize__num{top: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; line-height: 1rem; color: var(--g9-to-g10);}
.e-prize--money .e-prize__sub-num{font-size: .625rem; line-height: .75rem}

.e-category-list {margin-top: 1rem}
.e-category-list .e-caption-box {margin-top: 1rem}
.e-category-item {padding: 1rem 0; border-top: 1px solid var(--gray010)}
.e-category-item__title {margin-bottom: 1rem} 
.e-category-item__info {display: flex; flex-direction: column;}
.e-category-item__row {display: flex; justify-content: space-between; align-items: flex-start;}
.e-category-item__row + .e-category-item__row {margin-top: .75rem}
.e-category-item__row dd {margin-left: .5rem; text-align: right; white-space: nowrap}

/* 캡션박스 */
.e-caption-box {margin-top: .5rem; padding: .75rem; background: var(--gray005); border-radius: .5rem; color: var(--gray060)}

/* 버튼 */
.e-btn-wrap {display: flex; margin-top: 1rem; justify-content: left}
.e-btn-wrap .e-btn {flex: 1}
.e-btn-wrap .e-btn + .e-btn {margin: 0 0 0 .5rem}
.e-caption-box .e-btn-wrap {margin-top: .75rem}

.e-btn {display: flex; align-items: center; justify-content: center; min-height: 2.5rem; padding: 4px .625rem; border: 1px solid var(--gray050); background: var(--gray000); border-radius: .5rem; color: var(--gray090); text-align: center; box-sizing: border-box}
.e-btn + .e-btn {margin-top: .5rem;}
.e-btn--gray {background: var(--gray010); border: none; font-weight: 600;}
.e-btn--black {background: var(--gray090); border: none; color: var(--gray000); font-weight: 600;}
.e-btn-more {display: block; margin: 24px auto 0; padding: 0 1.125rem 0 0; border: none; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-down.svg) no-repeat right center; font-size: .875rem; line-height: 1.375rem;}
.e-blank::after {content: ''; display: inline-block; width: 1.25rem; height: 1.25rem; margin-left: .5rem; background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-link.svg) no-repeat center / 1rem; vertical-align: top}
.e-btn--black.e-blank::after {background: url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-1-link.svg) no-repeat center / 1rem;}

.e-fixed-area { position: fixed; left: 0; bottom: 0; z-index: 50; width: 100%; padding: .5rem 1rem .8rem; background: var(--gray000); box-shadow: 0 -1rem 1rem 0 var(--gray000); box-sizing: border-box}
.e-btn-cta {display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 3.5rem; padding: .5rem 1rem; background-color: var(--yellow040); border: 1px solid var(--yellow040); font-size: 1.125rem; line-height: 1; color: var(--g9-to-g10); border-radius: .5rem; vertical-align: middle; letter-spacing: -.3px; cursor: pointer; transition: background 500ms, color 500ms; font-weight: 600;  box-sizing: border-box}

/* 추천카드 */
.e-card-benefit {overflow: hidden; margin-top: .25rem; transition: height 300ms ease-in}
.e-card-benefit__item {display: flex; align-items: center;}
.e-card-benefit-wrap .e-card-benefit > li:nth-child(n + 4) {display: none}
.e-card-benefit > li + li {margin-top: 2rem;}
.e-card-benefit__thumb {position: relative; flex-shrink: 0; width: 4.125rem; height: 3.75rem; margin-right: 2rem}
#event26 .e-card-benefit__thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 6.5rem; height: 4.125rem;}
.e-card-benefit__content {flex: 1}
.e-card-benefit__benefits {margin-top: 8px;}
.e-card-benefit__condition {color: var(--blue060)}

/* 혜택 */
.e-benefit-wrap {margin-top: 1rem;}
.e-benefit-tab {position: sticky; top: 3.5rem; z-index: 89; margin: 0 -1rem; padding: 0 1rem; background:var(--gray000)}
.e-benefit-tab::before{content: ''; position: absolute; left: 0; bottom: -1px; width: 100vw; height: 1px; background-color:var(--gray020);}
.e-benefit-tab__list{display:flex}
.e-benefit-tab__list li {flex: 1}
.e-benefit-tab__btn{position:relative; width:100%; height: 2.5rem; background: none; border: none; color:var(--gray050); font-size: 1rem;}
.e-benefit-tab__btn.is-active{color:var(--gray090); font-weight:600}
.e-benefit-tab__btn.is-active::after{content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--gray090)}

.e-benefit-content {display: flex; flex-direction: column; padding: 1rem 0}
.e-benefit {padding: 1rem; background: var(--g0-to-g15); border-radius: 1rem; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1); color: var(--gray060)}
.e-benefit + .e-benefit {margin-top: .5rem}
.e-benefit img {max-width: 328px; margin: 0 auto; display: block;}
.e-benefit__title {margin: 0 0 .75rem; text-align: center; color: var(--gray090); font-weight: 600;}
.e-benefit__title p {font-weight: 600;}
.e-benefit__flag {display: inline-block; min-width: 3.75rem; padding: .1875rem .5rem; border-radius: 999px; background: var(--g9-to-g10); color: var(--g0-to-g9); font-size: .75rem; font-weight: 600; line-height: 1.125rem; text-align: center}
.e-benefit__flag + p {margin-top: .75rem;}
.e-benefit__point {font-size: 1.25rem; line-height: 1.75rem; color: var(--blue060)}
.e-benefit__img {position: relative; display: block; width: 6.375rem; margin: 0 auto}
.e-benefit__img + *,
.e-benefit img + *{margin-top: .75rem}
.e-benefit__coupon {position: absolute; top: 1rem; left: 0; width: 100%; text-align: center; font-size: 2rem; font-weight: 600; transform: rotate(8deg); color: var(--gray000)}
.e-benefit__coupon span{font-size: 1.25rem;}
.e-benefit__txt {color: var(--gray090)}
.e-benefit .e-prize{font-size: .875rem}

/* 아코디언 */
.e-accordion {margin: 1rem 0; border-top: 1px solid var(--gray020); border-bottom: 1px solid var(--gray020)}
.e-accordion + .e-accordion {margin-top: calc(-1rem - 1px);}
.e-accordion__btn {position: relative; display: block; width: 100%; padding: 1rem 0; background: none; border: none; color: var(--gray090); text-align: left; font-size: 1rem; font-weight: 600;}
.e-accordion__btn::after {content: ''; position: absolute; top: calc(50% - .5rem); right: 0; width: 1rem; height: 1rem; background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-2-plus.svg) no-repeat center; background-size: 100%; transition: transform 300ms ease-out}
.e-accordion__btn[aria-expanded="true"]::after {background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-2-fold.svg) no-repeat center}
.e-accordion__panel{display:none; padding-bottom: 1rem;}

/* 테이블 */
.e-tbl { table-layout: fixed; word-wrap: break-word; word-break: break-all; text-align: center; position: relative; }
.e-tbl th, .e-tbl td { vertical-align: middle; padding: .9375rem; border: 1px solid var(--gray020); color: var(--gray090); font-size: .875rem; line-height: 1.375rem; text-align: left; }
.e-tbl th:first-child, .e-tbl td:first-child { border-left: 0; }
.e-tbl th:last-child, .e-tbl td:last-child { border-right: 0; }
.e-tbl th { background: var(--g5-to-g15); }
.e-tbl--center th, .e-tbl--center td { text-align: center; }

/* 이용 전 확인해 주세요 */
.e-notice {width: 100vw; margin: 2.5rem -1rem 0; padding: 1.5rem 1rem 1rem; background: var(--gray005); border-top: 1px solid var(--gray020); color: var(--gray060); box-sizing: border-box;}
.e-notice__section + .e-notice__section {margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--gray020)}
.e-notice h4 {margin: 0 0 1rem; color: var(--gray090)}
h4.e-accordion__title {margin: 0;}
#event26 .e-notice h3{margin-top: 0;}
.e-refer {margin-top: .25rem; padding-left: .6875rem; text-indent: -.6875rem;}
.e-refer + .e-refer{margin-top: .125rem}

.pay3 .event-utillity {z-index: 1;}

.e-chat__tit {margin: 0 0 .75rem; color: var(--gray090); text-align: center;}
.e-chat__bubble {position: relative; margin-left: 3.125rem; padding: .75rem .625rem; background:var(--g0-to-g15); border-radius: .875rem; font-size: .875rem; filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, .08));}
.e-chat__bubble::before{content: ''; position: absolute; top: .8125rem; left: -.375rem; width: 0; height: 0; border-top: .3125rem solid transparent; border-bottom: .3125rem solid transparent; border-right: .4375rem solid var(--g0-to-g15);}
.e-chat__bubble::after {content: ''; position: absolute; top: 0; left: -.3125rem; width: .25rem; height: .25rem; background: url(https://img1.kbcard.com/home_re/event/img/img-comment.png) no-repeat center/100%; }

.container{overflow: visible}
.bottomArea{position: relative; margin-top: 0 !important; padding: 1.25rem 1rem 1.75rem; box-shadow: 0 -16px 15px 0 var(--gray000); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--gray000) 26%);}
.bottomArea .btnL{height: 56px; line-height: 56px; font-size: 18px;}

@media (min-width: 640px) {
    .e-head, 
    .e-notice, 
    .e-benefit-tab::before {transform: translate(calc(-50% + 320px), 0);}
    .e-notice {padding: 1.5rem calc((100vw - 608px) / 2);}
    .bottomArea{padding: 1.25rem calc((100vw - 608px) / 2) 1.75rem;}
    .newEvent .fixedBArea--event{padding: .5rem calc((100vw - 608px) / 2) 1.25rem}
    .e-fixed-area {padding: .5rem calc((100vw - 608px) / 2) 1.25rem }
}

@media (min-width: 440px) {
    .e-head__info {max-width: 320px; margin: -1rem auto 1.25rem;}
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
    .e-caption-box{background:var(--gray030); color: var(--gray110)}
    .e-benefit-tab{background:var(--gray005)}
    .bottomArea{box-shadow: 0 -16px 15px 0 var(--gray005)!important; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--gray005) 26%)!important;}
    .e-accordion__btn::after{filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}
    .e-btn{border: none}
}