/* 26년 이벤트 가이드 */

/* 공통 */
*, *::before, *::after {box-sizing: border-box; word-break: keep-all; word-wrap: break-word;}
.app .s-section {margin-top: 32px; padding-bottom: 32px;}
.app .s-mb0 {margin-bottom: 0 !important;}
.app .s-mt0 {margin-top: 0 !important;}
.app.shc-redirect {visibility: hidden;}
.app .s-article {position: relative; width: 620px; height: 100%; margin: 0 auto; padding: 0 20px;}
.app .shc-important-note {padding-bottom: 24px;}
.app .s-shc-color {color: #1f6aff !important; font-weight: 700 !important;}
table {width: 100%; border-spacing: 0; border-collapse: collapse;}
table .w0 {width: 0%;}
table .w5 {width: 5%;}
table .w10 {width: 10%;}
table .w15 {width: 15%;}
table .w20 {width: 20%;}
table .w25 {width: 25%;}
table .w30 {width: 30%;}
table .w35 {width: 35%;}
table .w40 {width: 40%;}
table .w45 {width: 45%;}
table .w50 {width: 50%;}
table .w55 {width: 55%;}
table .w60 {width: 60%;}
table .w65 {width: 65%;}
table .w70 {width: 70%;}
table .w75 {width: 75%;}
table .w80 {width: 80%;}
table .w85 {width: 85%;}
table .w90 {width: 90%;}
table .w95 {width: 95%;}
table .w100 {width: 100%;}
table tr td, table tr th {word-break: break-word; word-wrap: break-word;}
legend, caption {overflow: hidden; width: 1px; height: 1px; color: transparent;}
/* PC일때 줄바꿈 */
i.tbx {display: block; font-style: normal;}
/* MO일때 줄바꿈 */
i.tbm {display: inline; font-style: normal;}

/* 응모하기 버튼 */
.app .btn-wrap01 {z-index: 50; position: relative; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 104px; border-top: 1px solid var(--Border-border-primary, #d0d5dd); background-color: var(--Background-bg-canvas_white);}
.app .btn-wrap01.is-fixed {position: fixed;}
.app .btn-wrap02 {display: flex; flex-direction: column; gap: 16px; margin-top: 40px;}
.app .btn-wrap03 {margin-top: 12px;}
.app [class^="s-btn"] {display: flex; align-items: center; justify-content: center; width: 100%; padding: 13.5px 0; margin: 0 auto; border-radius: var(--radius-xl); font-size: 18px; font-weight: 500; line-height: 29px; text-align: center;}
.app .s-btn01 {background-color: var(--Background-bg-brand_strong-same); color: var(--white);}
.app .s-btn02 {background-color: var(--Palette-brand-brand-100); color: var(--Palette-brand-brand-500);}
.app .s-btn03 {background-color: var(--Palette-brand-brand-100); color: var(--Palette-brand-brand-500); padding: 8px 0;  border-radius: 10px; width: 100%; font-size: 14px; line-height: 24px;}
.app .btn-wrap01 > .s-btn01 {width: 580px;}
.app .btn-wrap01 a,
.app .btn-wrap02 a {margin-top: 0;}
.btn:disabled, .app [class*="s-btn"].disabled, .app [class*="shc-btn"].disabled {color: #818DA2; background: #F0F4FA; pointer-events: none; cursor: not-allowed;}
.app [class*="shc-btn"].disabled .shc-btn__text {color: #818DA2;}

/* 바로가기 버튼 */
.app .s-section .s-shortcut {display: inline-block; width: fit-content; margin-top: 12px; font-size: 12px; color: var(--Text-text-secondary); line-height: 20px; font-weight: 500;}
.app .s-tit0 {margin-top: 60px; font-size: 22px; line-height: 1.4; font-weight: 700; color: var(--Text-text-primary);}
.app .s-tit0 + .s-txt1 {margin-top: 16px; color: var(--Text-text-secondary); font-size: 16px; line-height: 27px; font-weight: 300;}
.app .s-tit1 {margin-top: 48px; font-size: 18px; line-height: 29px; font-weight: 800; color: var(--Text-text-primary);}
.app .s-tit1 + *:not(.s-step1, .s-card-list01, .s-card-list02), .app .s-tit1 + .copyHtml > *:not(.s-step1, .s-card-list01, .s-card-list02){margin-top:12px;}
.app .s-tit2 {margin-top: 96px; font-size: 22px; line-height: 33px; text-align: center; font-weight: 700; color: var(--Text-text-blue);}
.app .s-tit3 {margin-top: 16px; font-size: 18px; letter-spacing: -.36px; line-height: 29px; font-weight: 500; color: var(--Text-text-secondary);}
.app .s-txt1 {margin-top: 12px; font-size: 14px; line-height: 24px; color: var(--Text-text-tertiary); font-weight: 300;}
.app .s-black {color: var(--black) !important;}
.app .s-white {color: var(--white) !important;}
.app .s-center {text-align: center !important;}
.app .s-left {text-align: left !important;}
.app .s-right {text-align: right !important;}
.app .s-bold01 {font-weight: 700 !important;}
.app .s-bold02 {font-weight: 900 !important;}

.app .s-section ul::after, .s-section ol::after {display: none;}
/* 가이드 문구 */
.app .s-section .s-guide_txt {margin-top: 20px; font-size: 16px; line-height: 1.4; color: red; font-weight: 700;}

/* 타이틀 */
.app .ly_inner {text-align: center;}
.app .ly_inner .contents_heading {margin-top: 60px;}
.app .ly_inner .contents_heading .h_title38 {line-height: 1.5;}

/* 상단 썸네일 KV  */
.app #eventImage {padding-top: 24px; max-width: 600px; border-radius: 0;margin:0 auto;}
.app #eventImage .txt-wrap {max-width: 600px; padding: 0; margin-bottom: 8px;}
.app #eventImage .txt-wrap .e-day1 {display: flex; align-items: center; justify-content: center; width: fit-content; height: 24px; margin: 0 auto 16px; padding: 0 8px; background-color: var(--Background-bg-brand); border-radius: 12px; color: var(--Text-text-brand); font-size: 11px; font-weight: 500;}
.app #eventImage .txt-wrap .e-day1.is-end {background-color: #050F26; color: var(--white);}
.app #eventImage .txt-wrap .e-tit1 {font-size: 28px; line-height: 42px; font-weight: 700; color: var(--Text-text-primary); text-align: center;}
.app #eventImage .txt-wrap .sub_txt {margin-bottom: 8px; font-size: 16px; color:var(--Text-text-quaternary); font-weight: 300; line-height: 27px;}
.app #eventImage .img-sec {width: 200px; height: 200px; position: unset; margin: 0 auto 8px; background-position: center center; background-size: 200px 200px;}
.app #eventImage .e-date1 {font-size: 14px; color: var(--Text-text-quaternary); text-align: center;}

/* 스페셜형 */
.app.special .s-section1 .txt-wrap .e-tit1 {display: none;}
.app.special #eventImage .img-sec {width: 100%; height: 532px; background-position: center center; background-size: contain; margin: 0 auto 24px;}

/* 혜택 요약 */
.app .s-order1 {display: flex; flex-direction: column; gap: 12px;}
.app .s-order1::after {display: none;}
.app .s-order1 li {position: relative;display: flex; align-items: center; width: 100%; min-height: 58px; padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-xl) 52px; background-color: var(--Background-bg-graylight); border-radius: 16px; font-size: 16px; line-height:var(--lineheight-title-M); font-weight: 500; color: var(--Text-text-blue);}
.app .s-order1 li .num {position: absolute;top: 20px;left: 20px;display: flex; align-items: center; justify-content: center; width: 20px; height: 20px;  margin-right: 12px; background-color: var(--Text-text-blue); color: var(--Text-text-ondark_primary); font-size: 11px; font-weight: 500; border-radius: 50%; flex-shrink: 0;}

/* border top, bottom area */
.app .s-line-box {margin: 40px 0 0; padding: 40px 0; border-top: 1px solid var(--Border-border-secondary); border-bottom: 1px solid var(--Border-border-secondary);}
.app .s-line-box [class^="s-tit"] {margin-top: 0;}
/* .app .s-line-box:first-child {border-top: 0 none;margin: -32px -20px 0 -20px;padding: 40px 20px; width: calc(100% + 40px); } */
.app .s-line-box:first-child {border-top: 0 none; margin: -32px -20px 0 -20px; padding: 64px 20px 16px; border-bottom: none;}

/* 혜택 유의사항 */
.app .s-noti-box {margin-top: 20px; padding: 16px; background-color: var(--Background-bg-graylight); border-radius: 12px;}
.app .s-noti-box2 {margin-top: 20px; padding: 16px; border-radius: 12px; border: 1px solid var(--Border-border-secondary);}

/* 불리언 텍스트 */
.app .s-bull1 li {position: relative; padding-left: 17px; text-indent: -17px; font-size: 14px; line-height: 24px; color: var(--Text-text-tertiary); margin-top: 8px; font-weight: 300;}
.app .s-noti-box .s-bull1 > li:first-child {margin-top: 0;}

.app .s-bull2 li {position: relative; padding-left: 0; text-indent: 0; font-size: 12px; line-height: 20px; color: var(--Text-text-tertiary); margin-top: 8px; font-weight: 300;}
.app .s-noti-box .s-bull2 > li:first-child {margin-top: 0;}
.app .s-noti-box .s-bull1 > li > .s-bull2 li:first-child {margin-top: 8px;}

.app .s-noti-box [class^="s-bull"] {margin-top: 20px;}
.app .s-noti-box [class^="s-bull"]:first-child {margin-top: 0;}
.app .s-noti-box2 [class^="s-bull"] li:first-child {margin-top: 0;}
.app [class^="s-bull"].dot > li::before {content: ''; position: absolute; top: 0.8em; left: 0; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background-color: var(--gray-500);}
.app [class^="s-bull"].dot > li {text-indent: 0; padding-left: 12px;}
.app [class^="s-bull"].num > li {text-indent: -17px; padding-left: 17px; list-style: decimal; list-style-position: inside;}
.app [class^="s-bull"].dot > .tit {font-weight: 500; padding-left: 0;}
.app [class^="s-bull"].dot > .tit::before {display: none;}
.app .s-bull1 li .s-bull1 li:first-child {margin-top: 8px;}
.app .s-bull1 li .s-bull1 li {padding-left: 21px; text-indent: -9px;}
.app .s-bull1 li .s-bull1 > .tit {padding-left: 10px; text-indent: -10px;}

.app .s-bull1 li .s-bull2 li:first-child {margin-top: 8px;}
.app .s-bull1 li .s-bull2 li {padding-left: 21px; text-indent: -9px;}
.app .s-bull1 li .s-bull2 > .tit {padding-left: 10px; text-indent: -10px;}

.app .s-bull2 li .s-bull2 li:first-child {margin-top: 8px;}
.app .s-bull2 li .s-bull2 li {padding-left: 9px; text-indent: -9px;}

.app .s-agree {margin-top: 12px; padding-top: 12px; margin-left: 22px; border-top: 1px solid #D4D8E5;}

/* 대상카드 */
.app [class^="s-card-list"] {display: flex; flex-direction: column; gap: 28px; margin-top: 24px;}
.app .item .info-wrap {display: flex; align-items: center; margin-bottom: 20px; min-height: 56px;}
.app .item .info-wrap .img_box {width: 54px; height: 32px; margin-right: 7px; transform: rotate(90deg); transform-origin: center; flex-shrink: 0;}
.app .item .info-wrap .img_box img {width: 100%; height: 100%;}
.app .item .info-wrap .tit_box {position: relative; display: flex; flex-direction: column; width: 100%;}
.app .item .info-wrap .tit_box::after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 7px; background-color: var(--Text-text-quaternary); transform: rotate(45deg) translateY(50%);}
.app .item .info-wrap .tit_box::before {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 7px; background-color: var(--Text-text-quaternary); transform: rotate(-45deg) translateY(-50%);}
.app .item .info-wrap .tit_box .tit {width: 100%; margin: 4px 0; padding-right: 24px; font-size: 16px; font-weight: 700; color: var(--Text-text-secondary);}
.app .item .info-wrap .tit_box .price {margin-top: 2px;}
.app .item .info-wrap .tit_box .fee { font-weight: 500; line-height: 20px; font-size: 12px; color: var(--Text-text-quaternary);}
.app .item .info-wrap .tit_box .num {margin-left: 4px; font-weight: 300; color: var(--Text-text-quaternary);}
.app .item .info-wrap .tit_box .fee:not(:last-child) {margin-right: 15px;}
.app .item .info-wrap .tit_box .fee:not(:first-child){position: relative;}
.app .item .info-wrap .tit_box .fee:not(:first-child)::after {content: ''; position: absolute; top: 50%; left: -7px; width: 2px; height: 2px; background-color: var(--Text-text-quaternary); border-radius: var(--radius-full);}
.app .item .info-wrap .price {display: flex; flex-wrap: wrap;}
.app .item .text-wrap {padding: 16px; border-radius: 12px; border: 1px solid var(--Border-border-secondary)}
.app .item .text-wrap .s-bull1 li {text-indent: 0; padding-left: 0;}
.app .item .text-wrap dl {display: flex; align-items: flex-start; justify-content: space-between;}
.app .item .text-wrap dl:not(:first-child) {margin-top: 8px;}
.app .item .text-wrap dl dt {font-size: 14px; line-height: 24px; color: var(--Text-text-tertiary); font-weight: 300; min-width: 200px;}
.app .item .text-wrap dl dd {font-size: 14px; line-height: 24px; font-weight: 500; text-align: right; color: var(--Text-text-secondary);}
.app .item .text-wrap .s-least {margin-top: 12px; font-size: 12px; font-weight: 300; color: var(--Text-text-quaternary); text-align: right;}
.app .s-card-list02 .item .info-wrap .tit_box::after {display: none;}
.app .s-card-list02 .item .info-wrap .tit_box::before {display: none;}

/* 이벤트 혜택 */
.app .s-benefit-box {margin-top: 20px; display: flex; flex-direction: column; gap: 16px;}
.app .benefit-list {display: flex; align-items: center;}
.app .benefit-list .img_box {width: 108px; flex-shrink: 0; margin-right: 12px;}
.app .benefit-list .sub {margin-bottom:2px; font-size: 12px; line-height: 20px; color: var(--Text-text-quaternary); font-weight: 300;}
.app .benefit-list .title {margin-top: 0; font-size: 16px; line-height: 26px; font-weight: 500; color: var(--Text-text-secondary);}
.app .benefit-list .disc {margin-top: 4px; font-size: 12px; line-height: 20px; font-weight: 300; color: var(--Text-text-quaternary);}
.app .benefit-list  button {position: relative; padding-right: 15px;}
.app .benefit-list  button::after {content: ''; position: absolute; top: 33%; right: 0; width: 2px; height: 8px; background-color: var(--Text-text-secondary); transform: rotate(-45deg) translateY(-50%);}
.app .benefit-list  button::before {content: ''; position: absolute; top: 33%; right: 0; width: 2px; height: 8px; background-color: var(--Text-text-secondary); transform: rotate(45deg) translateY(50%);}


/* 혜택 탭 */
.app .s-sticky_box {margin-top: 48px; margin-bottom: -84px;}
.app .shc_sticky_swiper {padding: 12px 0; background-color: var(--Background-bg-canvas_white);}
.app .shc_sticky_swiper.sticky.on {position: fixed; top: 72px; left: 50%; transform: translateX(-50%); z-index: 15; width: 100%;}
.app .shc_sticky_swiper.sticky.on.is-shfanapp {top: 0px;}
.app .shc_sticky_swiper[stickystate="false"] .swiper-slide a {pointer-events: none;}
.app .s-sticky_box .swiper-wrapper {justify-content: center;}
.app .s-sticky_box .swiper-slide {width: fit-content;}
.app .s-sticky_box .swiper-slide a {display: inline-block; width: fit-content; padding: 6px 12px; border-radius: 24px; text-align: center; background-color: var(--Background-bg-gray); color: var(--Text-text-secondary); font-size: 14px; font-weight: 300;}
.app .s-sticky_box .swiper-slide a.on{background-color: var(--Text-text-blue); color: var(--Text-text-ondark_primary); font-weight: 500;}
.app .s-sticky_box .swiper-slide:not(:last-child) {margin-right: 8px;}

/* 이벤트 내용 (이미지) */
.app .s-img {display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 335px; margin:32px auto 0; gap: 12px;}
.app .s-img img:only-child {width: 100%;}
.app .s-img img {width: calc(50% - 6px)}

/* QR이미지 */
.app .s-qr-box {display: flex; justify-content: center; margin-top: 32px; gap: 80px;}
.app .qr-list .img_box {width: 88px; margin: 0 auto; padding: 8px; border: 1px solid #EDF0F8; border-radius: 8px;}
.app .qr-list .txt {margin-top: 18px; font-size: 16px; line-height: 1.4; font-weight: 700; text-align: center;}

/* 이벤트 참여 방법 */
.app .s-step1 {margin-top: 20px; display: flex; flex-direction: column; gap: 28px;}
.app .s-step1 .step-list {display: flex; position: relative;}
.app .s-step1 .step-list:not(:last-child)::after {content: ''; position: absolute; left: 16px; top: 40px; width: 1px; height: calc(100% - 20px); background-color: var(--gray-200);}
.app .s-step1 .step-list .num {display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; margin-right: 12px; background-color: var(--Palette-brand-brand-100); color: var(--Palette-brand-brand-500); border-radius: 50%; font-size: 16px; font-weight: 700;}
.app .s-step1 .step-list .tit {margin-top: 4px; font-size: 14px; line-height: 24px; font-weight: 300; color: var(--Text-text-secondary);}
.app .s-step1 .step-list .disc {margin-top: 8px; font-size: 12px; line-height: 1.4; font-weight: 300; color: var(--gray-500);}
.app .s-step1 .step-list .img_box {margin-top: 12px; position: relative; width: 310px;}

/* 이벤트 핵심포인트- 배지 */
.s-badge{display: flex; flex-direction: column; gap: 24px; margin-top: 8px;}
.s-badge .badge-list{display: flex; align-items: flex-start; gap: 0 12px; position: relative;}
.s-badge .badge-list .badge{margin: 1px 0; padding: 0 8px; font-size: 11px; line-height: 22px; border-radius: 11px; color:var(--Text-text-ondark_primary);}
.s-badge .badge-list .badge.badge01{background-color: var(--Background-bg-gray_strong-same);}
.s-badge .badge-list .badge.badge02{background-color: var(--Palette-blue-blue-900);}
.s-badge .badge-list .tit{font-size: 14px; line-height: 24px; font-weight: 300; color: var(--Text-text-secondary);}

/* 이벤트 핵심포인트- 체크 */
.s-check{display: flex; flex-direction: column; gap: 12px;}
.s-check .check-list{position: relative; padding-left: 34px;}
.s-check .check-list::before{content: ''; position: absolute; top:0; left:0; width: 32px; height: 32px; background: url(/pconts/images/dx/event/2026/event_detail_check.svg) no-repeat; background-size: cover;}
.s-check .check-list .tit{margin: 4px 0; font-size: 14px; line-height: 24px; font-weight: 300; color: var(--Text-text-secondary);}
.s-check .check-list .disc{margin-top: 8px; font-size: 12px; line-height: 1.4; font-weight: 300; color: var(--gray-500)}

/* 테이블 */
.app .s-table1 {margin-top: 34px;}
.app .s-table1 thead {border-top: 2px solid var(--Border-border-primary_heavy-same); }
.app .s-table1 thead tr th {padding: 13px 10px; font-weight: 500; font-size: 14px; background-color: var(--Background-bg-canvas_gray_light); color: var(--Text-text-secondary);}
.app .s-table1 thead tr th:not(:first-child) {border-left: 1px solid var(--Border-border-secondary);}
.app .s-table1 tbody {border-top: 1px solid var(--Border-border-secondary); border-bottom: 1px solid var(--Border-border-secondary);}
.app .s-table1 tbody tr td {padding: 12px; font-size: 14px; color: var(--Text-text-tertiary); font-weight: 300;}
.app .s-table1 tbody tr:not(:last-child) {border-bottom: 1px solid var(--Border-border-secondary);}
/* .app .s-table1 tbody tr td:not(:first-child) {border-left: 1px solid #eee;} */
.app .s-table1 [rowspan]{border-right: 1px solid var(--Border-border-secondary);}
.app .s-table1 td:last-child[rowspan]{border-right:none;}
.app .s-table1 th + th, .app .s-table1 td + td, .app .s-table1 th + td, .app .s-table1 td + th{border-left: 1px solid var(--Border-border-secondary);}
.app .s-table1 th .btn-table,
.app .s-table1 td .btn-table {margin-top: 8px; font-size: 12px; color: var(--gray-500); border-bottom: 1px solid var(--gray-500); font-weight: 400;}

/* 테이블 (가로) */
.app .s-table1.row-type tbody {border-top: 2px solid var(--Border-border-secondary);}
.app .s-table1.row-type tbody tr th {font-weight: 500;/* border-right: 1px solid #ccc;*/ font-size: 14px; color: var(--Text-text-secondary);}

/* 이용 방법 */
.app .s-screen1 {position: relative; margin-top: 20px;}
.app .s-screen1 .screen_swiper {margin-bottom: 5px;}
.app .s-screen1 .swiper-slide {position: relative; flex-direction: column; justify-content: center; width: 100%; height: auto; padding-top: 24px; background-color: var(--Background-bg-gray); border-radius: 20px;}
.app .s-screen1 .swiper-slide:not(:last-child) {margin-right: 20px;}
.app .s-screen1 .item-txt {height: 110px; padding: 0 24px;}
.app .s-screen1 .num {display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin: 0 auto; border-radius: 50%; background-color: var(--Background-bg-dark); color: var(--Text-text-ondark_primary); font-size: 11px; font-weight: 500;}
.app .s-screen1 .disc {margin-top: 12px; font-size: 16px; font-weight: 300; text-align: center; color: var(--Text-text-tertiary); line-height: 27px;}
.app .s-screen1 .item-img {max-width: 246px; width: 100%; margin: 0 auto;}

/* 스와이퍼 옵션 */
.app .s-screen1 .s-screen1_prev,
.app .s-screen1 .s-screen1_next {z-index: 10; position: unset;width: 26px; height: 25px; cursor: pointer;}
.app .s-screen1 .s-screen1_prev {background: url('/pconts/images/shcard/arr-60-l-a.png') center center no-repeat; background-size: 65% auto;}
.app .s-screen1 .s-screen1_next {background: url('/pconts/images/shcard/arr-60-r-a.png') center center no-repeat; background-size: 65% auto;}
.app .s-screen1 .s-screen1_prev.swiper-button-disabled,
.app .s-screen1 .s-screen1_next.swiper-button-disabled {display: none;}
.app .s-screen1 .s-screen1_pagination {left: 0; width: auto;}
.app .s-screen1 .swiper-pagination-bullet {width: 8px; height: 8px; background-color: var(--Foreground-fg-tertiary, #667085); opacity: 1;}
.app .s-screen1 .swiper-pagination-bullet:not(:last-child) {margin-right: 4px;}
.app .s-screen1 .swiper-pagination-bullet-active {width: 20px; height: 8px; border-radius: 20px;}
.app .s-screen1 .screen_swiper-option {display: flex; align-items: center; justify-content: center;}
.app .s-screen1 .swiper-button-play {cursor: pointer;}
.app .s-screen1 .swiper-button-play.pause {background: #f8f9fc url('/pconts/images/shcard/ico-48-control1-b.png') center center no-repeat; width: 20px; height: 18px; overflow: hidden; background-size: 16px auto; border-radius: 4px;}
.app .s-screen1 .swiper-button-play.play {background: #f8f9fc url('/pconts/images/shcard/ico-48-control1-a.png') center center no-repeat; width: 20px; height: 18px; overflow: hidden; background-size: 16px auto; border-radius: 4px;}

/* 여행 상품 */
.app .s-tit2 + .s-travel{margin-top:48px !important;}
.app .s-travel {display: flex; flex-direction: column; gap: 32px; margin-top: 12px;}
.app .s-travel .con-wrap {display: flex; align-items: flex-start;}
.app .s-travel .img_box {width: 108px; margin-right: 12px; flex-shrink: 0;}
.app .s-travel .txt-box {display: flex; flex-direction: column; gap:2px;}
.app .s-travel .txt-box .s-txt1 {margin-top: 0; font-weight: 500; line-height:22px; color:(var(--gray-700));}
.app .s-travel .txt-box > .s-bull1 li {text-indent: 0; padding-left: 0;}
.app .s-travel .txt-box > .s-bull1 li.dot {text-indent: 0; padding-left: 0;}
.app .s-travel .txt-box > .s-bull1 > li:first-child,
.app .s-travel .txt-box > .s-bull2 > li:first-child {margin-top: 0;}
.app .s-travel .txt-box > .s-shortcut {position: relative; margin-top: 8px; font-weight: 500; line-height: 20px; border-bottom: none;}
.app .s-travel .txt-box > .s-shortcut::before {content: ''; position: absolute; top: 40%; right: -10px; width: 1px; height: 6px; /*background-color: var(--gray-700); background-color: #000; */transform: rotate(45deg) translateY(50%); background-color: var(--Text-text-secondary);}
.app .s-travel .txt-box > .s-shortcut::after {content: ''; position: absolute; top: 40%; right: -10px; width: 1px; height: 6px; /*background-color: var(--gray-700); background-color: #000; */transform: rotate(-45deg) translateY(-50%); background-color: var(--Text-text-secondary);}

/* 추천 이벤트 */
.app .s-evt-list {display: flex; flex-direction: column; margin-top: 12px;}
.app .s-evt-list .list_area {display: flex; align-items: center; height: 68px;}
.app .s-evt-list .list_area .img_box {position: relative; display: flex; align-items: center; justify-content: center; min-width: 48px; width: 48px; height: 48px; margin-right: 12px; border-radius: 12px; overflow: hidden; cursor: pointer; background: #F4F7FC;}
.app .s-evt-list .list_area .day {display: inline-flex; align-items: center; justify-content: center; width: fit-content; height: 20px; margin-bottom: 8px; padding: 0 6px; border-radius: 6px; background: #DAE2FF; color: #143898; font-size: 12px; font-weight: 700;}
.app .s-evt-list .list_area .sub {margin-bottom: 2px; font-size: 12px; line-height: 20px; color: var(--Text-text-quaternary);}
.app .s-evt-list .list_area .title {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 22px; font-weight: 500; background-size: 600px auto; color: var(--Text-text-secondary);}

/* 추천 쿠폰 */
.app .s-coupon-list {display: flex; flex-direction: column; gap: 12px; margin-top: 12px; overflow: hidden;}
.app .s-coupon-list .list_area a {position: relative; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--Border-border-secondary); border-radius: 16px; padding: 20px}
.app .s-coupon-list .list_area .sub {font-size: 12px; color: var(--Text-text-tertiary); font-weight: 300;}
.app .s-coupon-list .list_area .title {font-size: 16px; font-weight: 500; line-height: 26px; color: var(--Text-text-secondary);}
/* .app .s-coupon-list .list_area .disc {margin-top: 8px; font-size: 12px; color: #666;} */
.app .s-coupon-list .list_area .img_box {width: 48px; flex-shrink: 0; border: 1px solid var(--Border-border-secondary); border-radius: 16px;}

/* 개인정보동의 */
.app .s-agree-box .s-noti-box {margin-top: 12px;}
.app .s-agree-box .s-agree-txt {margin: 32px 0 16px; font-size: 14px; font-weight: 500;}
.app .s-agree-box .s-radio-wrap {display: flex; gap: 24px;}
.app .s-agree-box .s-radio-wrap label {display: flex; align-items: center; gap: 7px;}
.app .s-agree-box .s-radio-wrap label input {position: relative; width: 24px; height: 24px; margin: 0; border-radius: 50%; border: 1px solid var(--gray-400); background: var(--white); appearance: none;}
.app .s-agree-box .s-radio-wrap label input:focus + span,
.app .s-agree-box .s-radio-wrap label input:focus {outline: none; box-shadow: none !important;}
.app .s-agree-box .s-radio-wrap label:has(input:focus) {box-shadow: 0 0 0 2px rgba(72, 104, 225, 0.5) !important;}
.app .s-agree-box .s-radio-wrap label input::after {z-index: 2; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13px; height: 13px; background-color: #fff; border-radius: 50%;}
.app .s-agree-box .s-radio-wrap label input:checked {border: 1px solid var(--Palette-brand-brand-500);}
.app .s-agree-box .s-radio-wrap label input:checked::after {background-color: var(--Palette-brand-brand-500);}
.app .s-agree-box .s-radio-wrap label span {font-size: 14px;}
.app .s-agree-box .s-check-wrap {margin-top: 16px;}
/* 체크박스 */
.app .s-agree-box .s-check-wrap label {display: flex; align-items: center; justify-content: center; width: 125px; height: 38px; border: 1px solid #ccc; border-radius: 6px; background-color: var(--white);}
.app .s-agree-box .s-check-wrap label span {position: relative; margin-left: 22px; font-size: 14px; font-weight: 700; color: var(--gray-500);}
.app .s-agree-box .s-check-wrap label span::after {content: ''; position: absolute; top: 50%; left: -26px; transform: translateY(-50%); width: 24px; height: 24px; background: url('/pconts/images/dx/event/2026/shc_agree_check_ico.svg');}
.app .s-agree-box .s-check-wrap input {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.app .s-agree-box .s-check-wrap label:has(input:checked) {border: 1px solid var(--black);}
.app .s-agree-box .s-check-wrap label input:checked + span {color: var(--black);}
.app .s-agree-box .s-check-wrap label input:checked + span::after {filter: invert(46%) sepia(94%) saturate(5671%) hue-rotate(220deg) brightness(97%) contrast(96%);}
.app .s-agree-box .s-check-wrap label input:focus + span,
.app .s-agree-box .s-check-wrap label input:focus {outline: none; box-shadow: none !important;}
.app .s-agree-box .s-check-wrap label:has(input:focus) {box-shadow: 0 0 0 2px rgba(72, 104, 225, 0.5) !important;}

/* 공유하기 */
.app .s-evtShare_btn {position: relative; padding-bottom: 32px;}
.app .s-evtShare_btn .s-evt_share {display: flex; align-items: center; justify-content: center; width: 104px; height: 36px; margin: 0 auto; border: 1px solid #ccc; border-radius: 40px;}
.app .s-evtShare_btn .s-evt_share img {width: 20px; margin-right: 2px;}
.app .s-evtShare_btn .s-evt_share .s-share_txt {font-size: 14px;padding: 0 var(--spacing-sm);}
.app .s-evtShare_btn .s-evt_share .s-share_icon {display: inline-flex;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;vertical-align: top;width:16px; flex: 0 0 16px;height: 16px;background-color: var(--Foreground-fg-primary);-webkit-mask-image: url(/pconts/static/svg/share.svg);-webkit-mask-size: cover;mask-image: url(/pconts/static/svg/share.svg);mask-size: cover;mask-repeat: no-repeat;mask-position: center;backface-visibility: hidden;-webkit-mask-size: contain;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

/* 확인해주세요 */
.app .shc-important-note .cms-jun-type .s-bull1 li {text-indent: 0;}
.shc-accordion .shc-important-note__list .shc-ul.shc-important-list .tit::before {display: none !important;}
.shc-accordion .shc-important-note__list .shc-ul.shc-important-list .tit {text-indent: 0 !important; padding-left: 0 !important; font-weight: 900;}
.shc-accordion .shc-important-note__list .shc-ul.shc-important-list .tit:not(:first-child) {margin-top: 20px !important;}
/* AS-IS */
/* .app .s-notice-all {padding: 40px 24px 20px;}
.app .s-notice-all .notice_header {margin-bottom: 32px; font-size: 16px; font-weight: 900;}
.app .s-notice-all .notice_body .tit:not(:first-child) {margin-top: 20px;}
.app .s-notice-all .s-bull1 li {margin-top: 8px;}
.app .s-notice-all .s-bull2 li {padding-left: 10px; text-indent: -10px;}
.app .s-notice-all .s-para {margin-top: 44px; text-align: right; font-size: 13px; letter-spacing: -.4; color: var(--gray-500);} */

/* 이벤트 종료 문구 */
.app .s-past_event {margin: 40px 0;}
.app .s-past_event p {display: flex; align-items: center; justify-content: center; width: 100%; height: 62px; background-color: #F4F7FC; color: var(--gray-500); font-size: 16px; font-weight: 900; border-radius: 8px;}

/* 팝업창 공통 스타일 */
.shc-bottomsheet .fn-guide-wrap {padding: 0 20px;}

/* 아코디언 기능 */
.s-accordion {margin-top: 12px; display: flex; flex-direction: column; gap: 5px;}
.s-accordion .item .view-area {display: flex; align-items: center; position: relative; cursor: pointer; border: 1px solid #EDF0F8; border-radius: 5px; padding: 15px 40px 15px 20px;}
.s-accordion .item .view-area::before {content: ''; position: absolute; top: 50%; right: 20px; width: 2px; height: 8px; background-color: var(--black); transform: rotate(135deg) translateY(50%);}
.s-accordion .item .view-area::after {content: ''; position: absolute; top: 50%; right: 20px; width: 2px; height: 8px; background-color: var(--black); transform: rotate(45deg) translateY(-50%);}
.s-accordion .item.on .view-area::before {content: ''; top: 40%; transform: rotate(45deg) translateY(50%);}
.s-accordion .item.on .view-area::after {content: ''; top: 40%; transform: rotate(135deg) translateY(-50%);}
.s-accordion .item .view-area .num {display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 21px; height: 21px; margin-right: 15px; background-color: #1B1F42; color: var(--white); border-radius: 50%; font-size: 12px; font-weight: 700;}
.s-accordion .item .view-area .txt {font-size: 14px;}
.s-accordion .item .contents {display: none;}

/* 뉴쏠 아코디언 기능 */
.app .shc-accordion-type2 + .shc-accordion-type2{margin-top:var(--spacing-lg);}
.app .shc-accordion-type2 {margin-top:var(--spacing-lg);}
.app .s-tit2 + .shc-accordion-type2 {margin-top:var(--spacing-6xl);}
.app .shc-accordion-type2 .shc-accordion__trigger{padding:var(--spacing-xl) var(--spacing-2xl);}
.app .shc-accordion-type2 .shc-accordion__content + .shc-accordion__trigger{margin-top:var(--spacing-lg);}
.app .shc-accordion-type2 .shc-accordion__trigger.is-active+.shc-accordion__content{padding-top:var(--spacing-lg)}
.app .shc-accordion-type2 .shc-accordion__trigger .shc-accordion__round{display:inline-flex;align-items: center;justify-content: center;width:56px;height:56px;;background:var(--white);border-radius:50%;margin-right:8px;flex-shrink: 0;align-self: flex-start;}
.app .shc-accordion-type2 .shc-accordion__trigger .shc-accordion__round img{width:48px;height:48px;}
.app .shc-accordion-type2 .shc-accordion__trigger .shc-accordion__num{display: inline-flex; align-items: center; justify-content: center;align-self: flex-start;margin:2px 8px 0 0; flex-shrink: 0; width: 18px; height: 18px; background-color: var(--gray-700) ; color:var(--gray-200); border-radius: 50%; font-size: 11px; font-weight: 500;}
.app .shc-accordion-type2 .shc-accordion__trigger .shc-accordion__text{display:block;min-width:0;word-break:keep-all;font-weight:var(--weight-M) !important;}
.app .shc-accordion-type2 .shc-accordion__trigger .shc-accordion__text.type2 span{display:block;}
.app .shc-accordion-type2 .shc-accordion__trigger .shc-accordion__text.type2 .body--s{color:var(--Text-text-quaternary);font-weight:var(--weight-L) !important;}
.app .shc-accordion-type2 .grayBox{background:var(--white);margin-top: var(--spacing-2xl);}
.app .shc-accordion-type2 .shc-accordion__content .title--s{margin-top:0;font-weight:var(--weight-M) !important;color:var(--Text-text-secondary);}
.app .shc-accordion-type2 .shc-accordion__content .title--s:not(:first-child){margin-top:var(--spacing-xl);}
.app .shc-accordion-type2 .shc-accordion__content .body--m{font-weight: var(--weight-L) !important;color: var(--Text-text-tertiary);margin-top:0;}
.app .shc-accordion-type2 .shc-accordion__content .body--m:not(:first-child){margin-top: var(--spacing-md);}
.app .shc-accordion-type2 .shc-accordion__content .btn-wrap02{margin-top: var(--spacing-2xl);}

/* 추천배너영역 (추천쿠폰아님)*/
.s-reco-banner {position: relative; margin-top: 68px; padding: 10px 16px 16px 16px; border-radius: 16px; background: #EDF0F8;}
.s-reco-banner .top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-left: 10px;}
.s-reco-banner .banner_txt {font-size: 16px; line-height: 27px; font-weight: 700; min-width: 140px;}
.s-reco-banner .banner_img {max-width: 100px;}
.s-reco-banner .banner_btn {display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; font-size: 16px; color: var(--Text-text-brand); background-color: #fff; border-radius: 12px; font-weight: 700;}

/* 종료 문구 영역 */
.app .s-past-event {display: flex; align-items: center; justify-content: center; width: 580px; height: 59px; margin: 0 auto 48px; background: var(--Background-bg-gray); color: var(--Text-text-tertiary); border-radius: var(--radius-md); font-size: var(--size-title-M)}

/* 이벤트 상단 뱃지 */
.shc-badge--text.type-tint.is-end {
	background: var(--Background-bg-gray);
	color: var(--Text-text-secondary)
}


/* 다크 모드 */
:root:not(.no-theme)[data-theme=dark] .s-accordion .item .view-area .num{border:1px solid var(--white);}
:root:not(.no-theme)[data-theme=dark] .s-accordion .item .view-area::before,
:root:not(.no-theme)[data-theme=dark] .s-accordion .item .view-area::after{background-color:var(--white);}
:root:not(.no-theme)[data-theme=dark] .app .s-black {color: var(--white) !important;}
:root:not(.no-theme)[data-theme=dark] .app .s-shc-color {color: var(--Text-text-blue) !important;}
:root:not(.no-theme)[data-theme=dark] .s-reco-banner {background: #ffffff0d;}
:root:not(.no-theme)[data-theme=dark] .app [class^="s-bull"].dot > li::before {background-color: #d0d5dd;}
:root:not(.no-theme)[data-theme=dark] .app .s-step1 .step-list .num {background-color: var(--Opacity-brand500-a25); color: var(--Palette-brand-brand-400);}
:root:not(.no-theme)[data-theme=dark] .app .s-step1 .step-list:not(:last-child)::after {background-color: #344054}
:root:not(.no-theme)[data-theme=dark] .app .s-btn02 {background-color: #005DF940; color: #4C7DFF}
:root:not(.no-theme)[data-theme=dark] .app .s-btn03 {background-color: #005DF940; color: #4C7DFF}
:root:not(.no-theme)[data-theme=dark] .btn:disabled {color: #818DA2; background: #6670854D;}
:root:not(.no-theme)[data-theme=dark] .app [class*="s-btn"].disabled {color: #818DA2; background: #6670854D;}
:root:not(.no-theme)[data-theme=dark] .app [class*="shc-btn"].disabled {color: #818DA2; background: #6670854D;}
:root:not(.no-theme)[data-theme=dark] .s-reco-banner .banner_btn {background-color: var(--Background-bg-white);}
:root:not(.no-theme)[data-theme=dark] .app .s-agree-box .s-radio-wrap label input {background:transparent;}
:root:not(.no-theme)[data-theme=dark] .app .s-agree-box .s-radio-wrap label input::after {background-color: inherit;}
:root:not(.no-theme)[data-theme=dark] .app .s-agree-box .s-radio-wrap label input:checked::after {background-color: var(--Palette-brand-brand-500);}
:root:not(.no-theme)[data-theme=dark] .app .s-screen1 .s-screen1_prev,
:root:not(.no-theme)[data-theme=dark] .app .s-screen1 .s-screen1_next {filter: invert(61%) sepia(9%) saturate(462%) hue-rotate(182deg) brightness(92%) contrast(88%);}
:root:not(.no-theme)[data-theme=dark] .app .s-screen1 .num {background-color: #344054; color: var(--Text-text-ondark_primary);}
:root:not(.no-theme)[data-theme=dark] .app .shc-accordion-type2 .shc-ul.evt-boxNoti li{color: var(--Text-text-tertiary);}
:root:not(.no-theme)[data-theme=dark] .app .shc-accordion-type2 .shc-accordion__trigger .shc-accordion__round{background:var(--Opacity-500-gray500-a20);}
:root:not(.no-theme)[data-theme=dark] .app .shc-accordion-type2 .grayBox{background:var(--Opacity-500-gray500-a20);}
:root:not(.no-theme)[data-theme=dark] .app .shc-accordion-type2 .grayBox .shc-ul.evt-boxNoti li{color:var(--gray-300);}
:root:not(.no-theme)[data-theme=dark] .s-badge .badge-list .badge.badge02 {background-color: var(--Palette-blue-blue-700)}

.shc-section + .align--center.py--4xl{padding-top: 0 !important; padding-bottom: var(--spacing-6xl) !important;}

/* MO */
@media screen and (max-width: 1024px) {
	/* 26년 이벤트 가이드 */

	/* 공통 */
	.app .event-contents-wrap {margin-top: 0 !important;}
	.app #eventContents {box-shadow: none; border-radius: 0;}
	.app .s-section {margin-top: 32px; padding-bottom: 32px;}
	.app .s-article {position: relative; width: auto; height: 100%; margin: 0 auto; padding: 0 24px;}
	i.tbx {display: inline}
    i.tbm {display: block}

	/* 응모하기 버튼 */
	.app .btn-wrap01 {width: 100%; height: 80px; padding: 0 16px; border: none; background-color: var(--Background-bg-canvas_white);}
	.app [class^="s-btn"] {padding: 10.5px 0; width: 100%; height: 48px; border-radius: var(--radius-md); font-size: 16px; line-height: 27px;}
	.app .btn-wrap01 > .s-btn01 {width: 100%;}
    .app .s-btn03 {padding: 8px 0; height: 40px; border-radius: 10px; width: 100%; font-size: 14px; line-height: 24px;}

	/* 타이틀 */
	.app .ly_inner .contents_heading {margin-top: 0;}

	/* 상단 썸네일 KV  */
	.app #eventImage {max-width: 100%; border-radius: 0; position: unset}
	.app #eventImage .txt-wrap {position: unset; max-width: 100%; padding: 0; margin: 38px 0 8px;}

	/* 스페셜형 */
	.app.special #eventImage .img-sec {width: 100%; height: auto; background-position: center center; background-size: 100% auto; aspect-ratio: 105 / 74;}
	.app.special #eventImage > .s-article {padding: 0;}

	/* 대상카드 */
	.app .item .info-wrap .tit_box .tit {width: 100%;}
	.app .item .text-wrap {padding: 20px;}
	.app .item .text-wrap dl dt {min-width: auto;}
	.app .item .text-wrap dl dd {max-width: 50%; min-width: 0; word-wrap: break-word; flex-shrink: 1;}

	/* 혜택 탭 */
	.app .shc_sticky_swiper.sticky.on {top: 56px;}

	/* QR이미지 */
	.app .s-qr-box {gap: 43px;}

	/* 이벤트 참여 방법 */
	.app .s-step1 .step-list .img_box {margin-top: 12px; position: relative; width: 100%;}

	/* 이용 방법 */
	.app .s-screen1 .swiper-slide {width: 100%;}

	/* 확인해주세요 */
	/* AS-IS */
	/* .app .s-notice-all {padding: 40px 0 20px;}
	.app .s-notice-all .notice_header {margin-bottom: 32px; font-size: 16px; font-weight: 900;}
	.app .s-notice-all .s-bull1 li {margin-top: 8px;}
	.app .s-notice-all .s-para {margin-top: 44px; text-align: right; font-size: 13px; letter-spacing: -.4; color: var(--gray-500);} */

	/* 팝업창 공통 스타일 */
	.app_pop .pop_cont {position: relative; width: 100%; }
	.app_pop .ui-pop-close span {width: 100%; height: 100%; overflow: hidden; user-select: none; display: block;}

	/* 종료 문구 영역 */
	.app .s-past-event {width: calc(100% - 40px);}

}


@media screen and (max-width: 600px) {
	/* 스페셜형 */
	.app.special #eventImage .img-sec {aspect-ratio: 27 / 37;}
	/* 혜택 탭 5개 이상일시 모바일 버전에서 */
	.app .s-sticky_box .shc_sticky_swiper.slide_s .swiper-wrapper {justify-content: normal;}
	.app .s-sticky_box .shc_sticky_swiper.slide_s.on{width:calc(100% - 48px)}
}



/* 고액플러스, 플러스포인트 팝업 창 CSS */
/* 20260514626909 26년 6월 고액_플러스포인트 이벤트 (히든) 변운섭 */

/* notselect 클래스 추가 시, 추가 이용금액, 목표금액 숨김 */
.dxgoalresult.notselect .plusmoney,
.dxgoalresult.notselect .goalmoney {display: none;}
.dxgoalpop2 .dxgoalmoney {width: 100%; border: 1px solid #ddd; border-radius: 10px;}
.dxgoalpop2 .dxgoalmoney .wrap {width: 407px; margin: 40px auto;}
.dxgoalpop2 .dxgoalmoney .progress {text-align: center; position: relative !important; top: inherit !important; left: inherit !important; text-align: center !important; min-width: auto !important; z-index: inherit !important; -webkit-transform: none !important;}
.dxgoalpop2 .dxgoalmoney .progress_tit {font-size: 16px;}
.dxgoalpop2 .dxgoalmoney .progress_price {position: relative; margin-top: 0;}
.dxgoalpop2 .dxgoalmoney .progress_price::before {content: ''; display: block; width: 100%; height: 11px; position: absolute; top: 13px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
.dxgoalpop2 .dxgoalmoney .progress_price .info {background: var(--Background-bg-canvas_white-elevated); display: inline-block; padding: 0 15px; font-size: 16px; font-weight: 900; position: relative; z-index: 1;}
.dxgoalpop2 .dxgoalmoney .progress_price .info strong {font-size: 18px; font-weight: 900;}
.dxgoalpop2 .dxgoalmoney .progress_bg {width: 100%; height: 20px; position: relative; background: url('/pconts/images/shcard/220623_my-m-bg01.jpg') repeat-x left top/26px auto; margin-top: 19px; border-radius: 2px;}
.dxgoalpop2 .dxgoalmoney .progress_bg .progress_bar {width: 0%; height: 100%; position: absolute; top: 0; left: 0; background-color: #476eff; transition: width .5s cubic-bezier(0.66, 0.02, 0.25, 0.96);}
.dxgoalpop2 .dxgoalmoney .infolist {margin-top: 16px;}
.dxgoalpop2 .dxgoalmoney .infolist .list_item {display: flex; justify-content: space-between;}
.dxgoalpop2 .dxgoalmoney .infolist .list_item + .list_item {margin-top: 6px;}
.dxgoalpop2 .dxgoalmoney .list_item .cell:first-child {flex: 1 1 auto;}
.dxgoalpop2 .dxgoalmoney .list_item .cell:first-child .tit {padding-left: 19px; position: relative;}
.dxgoalpop2 .dxgoalmoney .list_item .cell .tit.point::before {background-color: #476eff;}
.dxgoalpop2 .dxgoalmoney .list_item .cell .tit::before {content: ''; position: absolute;left: 0;display:inline-block; border-radius: 50%; width: 10px; height: 10px; top: 8px; background-color: #d0dae6;}
.dxgoalpop2 .dxgoalmoney .list_item .cell:last-child {text-align: right; font-weight: 700; font-size: 16px; flex: 1 1 auto;}
.dxgoalpop2 .dxgoalmoney .list_item .cell strong {font-size: 18px;}
.dxgoalpop2 .countbox {width: 100%; padding: 30px; margin-top: 16px; border-radius: 10px; display: flex; flex-wrap: wrap;}
.dxgoalpop2 .countbox strong {font-size: 19px; font-weight: 700; }
.dxgoalpop2 .countbox .cont {width:100%; display: flex; justify-content: space-between;font-size: 18px; font-weight: 700;}
.dxgoalpop2 .countbox .cont + .cont {margin-top: 10px;}
.dxgoalpop2 .countbox .cont .num {font-size: 22px;}
.dxgoalpop2 .accordion_wrap {margin-top: 30px;}
.dxgoalpop2 .accordion_wrap .accordion_body {overflow-y: auto; max-height: 272px;}
/* 목표달성 */
.dxgoalpop2 .progress_bg .success_img {display: none;}
.dxgoalpop2 .progress_bg.success .success_img {display: block;position: absolute;width: calc(120px * 0.82);height: 100%; top: -132px; right: -44px; color: transparent;}
.dxgoalpop2 .c-bull3 {color: #666;}
@media only screen and (max-width: 1100px) {
.dxgoalpop .radio_wrap.type_btn ul {flex-wrap: wrap;}
.dxgoalresult .spentmoney {flex-direction: column; align-items: flex-start;}
.dxgoalpop .radio_wrap.type_grid .ico {margin-top: 0;}
.dxgoalpop .radio_wrap.type_btn li .radio_btn input[type="radio"] + span {padding: 20px;}
.dxgoalpop .btntxtwrap {display: block;}
.dxgoalpop .radio_wrap.type_grid .radio_btn input[type="radio"] + span strong {margin-right: 0; text-align: left; margin-bottom: 3px; font-size: 15px;}
.dxgoalpop .smalltxt {font-size: 13px;}
.dxgoalpop .radio_wrap.type_grid .ico {width: 50px; height: 50px; background-size: 28px 28px; margin-right: 10px;}
.dxgoalpop .radio_wrap.type_grid ul li {margin-bottom: 10px !important;}
.dxgoalresult {padding: 20px;}
.dxgoalresult .spentmoney strong {font-size: 15px;}
.dxgoalresult .spentmoney strong + .smalltxt {margin-top: 3px;}
.dxgoalresult .money {font-size: 16px;}
.dxgoalresult .won {font-size: 14px;}
.dxgoalresult .cont {align-items: flex-start;}
.dxgoalresult .cont.goalmoney {padding-top: 15px;}
.dxgoalresult .plusmoney {margin-bottom: 15px !important;}
.dxgoalresult .smalltxt {margin-top: 0;}
.dxgoalpop2 .dxgoalmoney .wrap {width: calc(100% - 40px);margin: 30px auto;}
.dxgoalpop2 .dxgoalmoney .progress_tit {font-size: 14px;}
.dxgoalpop2 .dxgoalmoney .progress_price .info strong {font-size: 16px;}
.dxgoalpop2 .dxgoalmoney .progress_price .info {font-size: 16px;}
.dxgoalpop2 .dxgoalmoney .list_item .cell:first-child .tit {font-size: 14px;}
.dxgoalpop2 .dxgoalmoney .list_item .cell strong {font-size: 16px;}
.dxgoalpop2 .countbox {padding: 20px; margin-top: 10px; align-items: center;}
.dxgoalpop2 .countbox strong {font-size: 15px;}
.dxgoalpop2 .countbox .cont {font-size: 14px; color: #000;}
.dxgoalpop2 .countbox .cont .num {font-size: 16px;}
.dxgoalpop2 .countbox .cont + .cont {margin-top: 4px;}
.dxgoalpop2 .c-bull3 {font-size: 15px; line-height: 22px;}
.dxgoalpop2 .progress_bg.success .success_img {width: 72.6px; top: -120px; right: -32px;}
.dxgoalpop2 .accordion_wrap {margin-top: 40px-;}
.dxgoalpop2 .dxgoalmoney .list_item .cell .tit::before {top: 6px}
}
@media only screen and (max-width: 720px) {
.dxgoalpop2 .dxgoalmoney .wrap {width: 280px;}
}

/* 개발형 이벤트 신규제작(CSR) */
/* 20260518521613 슈퍼SOL 런칭 자체이벤트 페이지 제작 요청 260601 [변운섭]*/ 
.app .isNewSol .sym_c {color: red !important; font-weight: 700;}
.app .isNewSol .superlogo {width: 64px;}
.app .s-noti-box {margin-top: 10px !important;}
.app .isNewSol .s-accordion {margin-top: 40px !important;}
.app .isNewSol .s-accordion .contents.active {display: block;}
.app .isNewSol .s-agree-box {margin-top: 20px !important;}
.app .isNewSol .view-area label {display: flex; align-items: center; gap: 7px;}
.app .isNewSol .view-area label input {position: relative; width: 18px; height: 18px; margin: 0; border-radius: 50%; border: 1px solid #ccc; background: var(--white);}
.app .isNewSol .view-area label input:focus + span,
.app .isNewSol .view-area label input:focus {outline: none; box-shadow: none !important;}
.app .isNewSol .view-area label:has(input:focus) {box-shadow: 0 0 0 2px rgba(72, 104, 225, 0.5) !important;}
.app .isNewSol .view-area label input::after {}
.app .isNewSol .view-area label input:checked {background-color: #476EFF; border: 0;}
/* .app .view-area label input:checked::after {z-index: 2; content: '\2714'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--white);} */
.app .isNewSol .view-area label span {font-size: 14px;}
.app .isNewSol .btn-wrap01 {margin-bottom: 0 !important;}
.app .isNewSol .btn-wrap01.is-fixed {position: sticky !important;}
.app .isNewSol .btn-wrap01 .btn-align {position: relative; width: 580px;}
.app .isNewSol .btn-wrap01 .scroll-img {z-index: 5;display: block; position: absolute; top:-63px; left: 50%; transform: translateX(-50%); width: 300px; height: auto; cursor: pointer;}
.app #shcMainContent {padding-bottom: 0 !important;}
.app .shc-important-note {padding-bottom: 48px !important;}
.app .s-noti-box .s-bull2 > li:first-child {margin-top: 0 !important;}

@media only screen and (max-width: 1024px) {
	.app .isNewSol .btn-wrap01 .btn-align {width: 100%;}
}

.accordion_wrap.btm_line {border-bottom: 1px solid #eee;}
.accordion_wrap.btm_line01 {border-bottom: 1px solid #ddd;}
.accordion_header {position: relative; padding: 0;}
.accordion_wrap.acc_gap20 dt {margin-top: 20px;}
.accordion_wrap .accordion_headnote {display: block; position: relative; margin: 0; padding: 0;}
.accordion_wrap .accordion_headnote:after {content: ''; display: block; clear: both;}
.accordion_wrap .accordion_headnote .left_area {float: left;}
.accordion_wrap .accordion_headnote .count {display: inline-block; margin: 0 0 15px; font-weight: 400; font-size: 13px; color: #111;}
.accordion_wrap .accordion_headnote .count .num {font-weight: 700; color: #111;}
.accordion_header button.acc_btn.no_line,
.accordion_header a[role="button"].acc_btn.no_line {border-top: none;}
.accordion_header button.acc_btn,
.accordion_header a[role="button"].acc_btn {display: block; position: relative; width: 100%; padding: 14px 20px 16px; border-top: 1px solid #ddd; font-weight: 700; font-size: 16px; line-height: 1; text-align: left;}
.accordion_header button.acc_btn.medium,
.accordion_header a[role="button"].acc_btn.medium {padding-top: 19px; padding-bottom: 19px; font-size: 20px;}
.accordion_header button.acc_btn.big,
.accordion_header a[role="button"].acc_btn.big {padding-top: 39px; padding-bottom: 39px; font-size: 20px;}
.accordion_header button.acc_btn.on,
.accordion_header a[role="button"].acc_btn.on {border-top: 1px solid #333333;}
.accordion_header button.acc_btn:after,
.accordion_header a[role="button"].acc_btn:after { content: ''; position: absolute; left: calc(100% - 44px); top: 21px; width: 0; height: 0; border-top: 4px solid var(--Text-text-tertiary); border-bottom: 4px solid none; border-right: 4px solid transparent; border-left: 4px solid transparent; transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0);}
.accordion_header button.acc_btn.medium:after,
.accordion_header a[role="button"].acc_btn.medium:after,
.accordion_header button.acc_btn.big:after,
.accordion_header a[role="button"].acc_btn.big:after { content: ''; position: absolute; left: calc(100% - 47px); top: 50%; width: 16px; height: 16px; margin-top: -20px; border-top: none; border-left: none; border-right: 1px solid #666; border-bottom: 1px solid #666; transform: translateY(50%) rotate(45deg); -o-transform: translateY(50%) rotate(45deg); -ms-transform: translateY(50%) rotate(45deg); -webkit-transform: translateY(50%) rotate(45deg); transform-origin: center;}
.accordion_header button.acc_btn.on:after,
.accordion_header a[role="button"].acc_btn.on:after { transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.accordion_header button.acc_btn.medium.on:after,
.accordion_header a[role="button"].acc_btn.medium.on:after,
.accordion_header button.acc_btn.big.on:after,
.accordion_header a[role="button"].acc_btn.big.on:after { margin-top: -10px; margin-top: -11px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: translateY(50%) rotate(225deg); -o-transform: translateY(50%) rotate(225deg); -ms-transform: translateY(50%) rotate(225deg); -webkit-transform: translateY(50%) rotate(225deg);}
.accordion_header+.input_wrap.date_type {clear: both;}
.accordion_header button.acc_btn.medium>.date,
.accordion_header a[role="button"].acc_btn.medium>.date {display: block;margin-top: 15px;font-weight: 400;font-size: 15px;color: #111;}
.accordion_body {display: none;padding: 0;}
.accordion_body.block {display: block;}


@media only screen and (min-width: 1101px) {
	[data-bind-visible="mobile"] {display:none !important;;}
	[data-bind-visible="!mobile"] {display:block !important;}
}
@media only screen and (max-width: 1100px) {
	[data-bind-visible="!mobile"] {display:none !important;;}
	[data-bind-visible="mobile"] {display:block !important;}
}

/* 뉴쏠 공통 */
.app .evt-detail .color--black{color:var(--black);}
.app .evt-detail .headline__blue{text-align: center;font-size: var(--size-title-XL);letter-spacing: var(--letterspace-title-XL);line-height: var(--lineheight-title-XL);font-weight: 700;color: var(--Text-text-blue);margin-bottom: var(--spacing-6xl);margin-top: var(--spacing-md)}
/* 뉴쏠 테이블 */
.app .evt-detail .shc-table.align--left th, .evt-detail .shc-table.align--left td{text-align:left;}
.app .evt-detail .shc-table [rowspan] + td{border-left:none;}
.app .evt-detail .shc-table .shc-txt-btn--underline.size-xs{line-height:var(--lineheight-body-M);}
/* 뉴쏠 스와이퍼 */
.app .evt-detail .shc-evt-swiper {text-align: center}
.app .evt-detail .shc-evt-swiper .swiper-inner {padding: var(--spacing-none)}
.app .evt-detail .shc-evt-swiper .shc-slide__utils {display: inline-flex;padding: 0 16px}
.app .evt-detail .shc-evt-swiper .shc-slide__utils .swiper-button-prev {left: 0}
.app .evt-detail .shc-evt-swiper .shc-slide__utils .swiper-button-next {right: 0}
.app .evt-detail .shc-evt-swiper .evt-methodBox {background-color: var(--Background-bg-gray);border-radius: var(--radius-xl);padding-top: var(--spacing-3xl);display: flex;flex-direction: column;align-items: center;width: 100%}
.app .evt-detail .shc-evt-swiper .evt-methodBox__number {display: inline-block;background-color: var(--Background-bg-dark);width: 20px;height: 20px;color: var(--Text-text-ondark_primary);font-size: var(--size-detail-S);letter-spacing: var(--letterspace-detail-S);line-height: var(--lineheight-detail-S);font-weight: 500;text-align: center;line-height: 20px;border-radius: calc(var(--radius-xs) + var(--radius-md))}
.app .evt-detail .shc-evt-swiper .evt-methodBox p {font-size: var(--size-body-L);letter-spacing: var(--letterspace-body-L);line-height: var(--lineheight-body-L);font-weight: var(--weight-L);color: var(--Text-text-tertiary);margin-bottom: var(--spacing-3xl);margin-top: var(--spacing-lg);text-align: center}
.app .evt-detail .shc-evt-swiper .evt-methodBox img {width: 176px;height: auto}
.app .evt-detail .shc-evt-swiper .evt-methodBox+.evt-methodBox {margin-top: var(--spacing-lg)}
/* 뉴쏠 유의사항 */
.app .evt-detail .shc-ul.evt-boxNoti li.tit{font-weight:var(--weight-M);padding-left: 0;}
.app .evt-detail .shc-ul.evt-boxNoti li.tit:before{display:none;}
/* 뉴쏠 여행 상품 */
.app .evt-detail .evt-detail__sub__section.evt-product .best-product ul>li .best-product__item{align-items: flex-start;}
.app .evt-detail .evt-detail__sub__section.evt-product .best-product ul>li .best-product__item__info .txt{font-size: var(--size-body-M);line-height: var(--lineheight-body-M);color: var(--Text-text-tertiary);font-weight: var(--weight-L);margin-bottom:var(--spacing-md);}
/* 뉴쏠 라인 박스 */
.app .evt-detail .evt-detail__sub__section .lineBox-type2{margin: var(--spacing-5xl) 0 0;padding: var(--spacing-5xl) 0;border-top: 1px solid var(--Border-border-secondary);border-bottom: 1px solid var(--Border-border-secondary);}
/* 뉴쏠 개인정보 제공 동의 및 응모 */
.app .evt-detail .evt-detail__sub__section .s-agree-box .grayBox{margin-top:10px;}
.app .evt-detail .evt-detail__sub__section .s-agree-box .grayBox .bodyText:first-child .shc-ul{margin-top:var(--spacing-2xl);}
.app .evt-detail .evt-detail__sub__section .s-agree-box .grayBox .shc-ul{color:var(--Text-text-tertiary);font-weight:var(--weight-L) !important;}
.app .evt-detail .evt-detail__sub__section .s-agree-box .grayBox .shc-radio-wrap{display:flex;gap:24px;}
/* 뉴쏠 대상카드*/
.app .evt-detail .evt-detail__sub__section .card-list.card-list-type-line li .shc-box-card.no-arrow:after {display: none;}
.app .evt-detail .evt-detail__sub__section .card-list.card-list-type-line li .card-detail {background-color: transparent; border: 1px solid var(--Border-border-secondary);}
/* 뉴쏠 이벤트 참여방법*/
.app .evt-detail .evt-detail__event-step .event-step__list .text .disc {margin-top: var(--spacing-md); font-size: var(--size-body-S); font-weight: var(--font-weight-light); line-height: 1.4; color: var(--gray-500);}
.app .evt-detail .evt-detail__event-step .event-step__list .text picture{max-width: 310px;}
.app .evt-detail .evt-detail__event-step .event-step__list .text .link{display: inline-block; width: fit-content; margin-top: var(--spacing-md); font-size: var(--size-body-S); color: var(--Text-text-secondary); line-height: 20px; font-weight: var(--font-weight-medium);}
/* 뉴쏠 이벤트 핵심포인트-배지 */
.app .evt-detail .shc-badge--text.type-solid.theme-blue900 {background-color: var(--Palette-blue-blue-900); color:var(--Text-text-ondark_primary);}
.app .evt-detail .shc-badge--text.type-solid.theme-gray {background-color: var(--Background-bg-gray_strong-same); color:var(--Text-text-ondark_primary);}
/* 뉴쏠 혜택 탭 */
.app .evt-detail .shc-chip-group.scrollspy-demo.type-blue{justify-content: center; align-items: center; gap: var(--spacing-md); position: sticky; top: var(--common-header-height); background: var(--Background-bg-canvas_white); z-index: 90; padding: var(--spacing-xl) var(--spacing-none); }
.app .evt-detail .shc-chip-group.scrollspy-demo.type-blue a .shc-chip__label, button .shc-chip__label {background: var(--Background-bg-gray); border: none;}
.app .evt-detail .shc-chip-group.scrollspy-demo.type-blue a.is-active .shc-chip__label, button.is-active .shc-chip__label {background: var(--Text-text-blue); color: var(--Text-text-ondark_primary);}
.app .evt-detail .spy-section{min-height: 800px;}
/* 뉴쏠 이벤트 내용 이미지 */
@media (max-width: 1023px) {
    .app .evt-detail .evt-detail__sub__section.evt-product .two {
        max-width: 335px;
		width:100%;
    }
}