html, body {min-width: unset; background-color: #000; font-family: var(--font-third); color: #f6f6f6; --duration: 0.3s; scroll-behavior: smooth; -webkit-font-smoothing: antialiased;}
/* 스크롤 애니메이션 성능용 contain은 전체가 아닌 메인 래퍼에 한정 적용 */
#f25ultra {contain: paint;}

/* 초기 로딩 오버레이 */
#app-loader {position: fixed; inset: 0; background: #000; z-index: 99999; opacity: 1; transition: opacity 500ms ease;}
#app-loader.is-hidden {opacity: 0; pointer-events: none;}
html:has(body.is-loading) {overflow: hidden;}
body.is-loading {overflow: hidden;}

/* main root wrapper */
main {min-height: 100vh; width: 1920px; max-width: 100%; margin-inline: auto;}
#f25ultra header {position: sticky; top: 20px;}

/* 섹션 공통 */
section {max-width: 100%; margin-inline: auto;}
section.section-animated {min-height: 100vh;}
section.section-animated {position: relative;}
section.section-animated > .inner {position: sticky; top: 0; height: var(--inner-vh, 100vh); display: flex; flex-direction: column; justify-content: center; align-items: center;}
section.section-animated[data-inner-vh] > .inner {justify-content: flex-start;}

.section-wrap {}
.section-wrap .tab-direct-scroll {position: sticky; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: min(14vw, 100px); border-bottom: 1px solid #646464; background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 6%, rgba(0, 0, 0, 0) 100%); z-index: 5;}
.section-wrap .tab-direct-scroll .btn-scroll {position: relative; display: inline-flex; justify-content: center; align-items: center; height: 100%; font-size: min(4.5vw, 20px); font-weight: 700; color: #fff;}
.section-wrap .tab-direct-scroll .btn-scroll:not(:last-child) {margin-right: min(3.5vw, 70px); padding-right: min(3.5vw, 70px);}
.section-wrap .tab-direct-scroll .btn-scroll:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 20px; background-color: #fff;}

/* section-1 */
#section-1 {border-color: #444;}
#section-1 .title-animation {display: flex; align-items: center; justify-content: center; gap: 24px;}
#section-1 .title-animation .title-img {position: relative; display: inline-flex;}
#section-1 .title-animation .title-img .img-fixed {position: relative; z-index: 2; display: inline-flex;}
#section-1 .title-animation .title-img .img-fixed > img {display: block; height: min(10vw, 180px);}
#section-1 .title-animation .title-img.o_left {margin-left: 1vw;}
#section-1 .title-animation .title-img.o_right {margin-right: 1vw;}
#section-1 .title-animation .title-img .img-slides {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; height: 100%; overflow: hidden; z-index: 1;}
#section-1 .title-animation .title-img .img-slides .img {width: 100%; height: 100%;}
#section-1 .title-animation .title-img .img-slides .img > img {width: 100%; height: 100%; object-fit: cover; display: block;}
#section-1 .title-animation .title-img.slides-wrap {height: 100%;}
#section-1 .title-animation .title-img.slides-wrap .img-fade_up {position: relative; display: inline-flex; justify-content: center; align-items: center; height: 100%; aspect-ratio: 1 / 1; overflow: hidden;}
#section-1 .title-animation .title-img.slides-wrap .img-fade_up img {position: absolute; left: 50%; display: inline-block; transform: translate3d(-50%, -50%, 0); height: min(8vw, 650px); aspect-ratio: 158 / 158 auto;}
#section-1 .title-animation .title-img.slides-wrap .img-slides {mix-blend-mode: normal; width: min(18vw, 618px); aspect-ratio: 618 / 345 auto;}

/* section-2 */
#section-2 {position: relative;}
#section-2 .sticky-header {position: sticky; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: min(16vw, 110px); background-color: #FE3C46; z-index: 1;}
#section-2 .sticky-header .txt-live {display: inline-flex; align-items: center; gap: 26px; font-size: min(5.8vw, 48px); font-weight: 700; color: #fff; cursor: pointer;}
#section-2 .product-title {display: flex; flex-direction: column; align-items: center; gap: min(1.25vw, 22px); z-index: 1; padding-top: 120px;}
#section-2 .product-title .title-brand {font-size: min(6.25vw, 80px); font-weight: 700; text-transform: uppercase; color: #fff;}
#section-2 .product-title .title-brand > img {width: min(26vw, 274px);} 
#section-2 .product-title .title-model {font-size: min(14.5vw, 142px); font-weight: 700; color: #fff;}
#section-2 .product-img {width: 0; opacity: 0; transition: none;}
#section-2 .product-img img {width: 100%; height: 100%; object-fit: cover;}
#section-2 .product-txt {opacity: 0; z-index: 1;}
#section-2 .product-txt .txt-desc {margin-top: min(2vw, 35px); font-size: min(5.3vw, 55px); font-weight: 700; line-height: 160%; color: #fff; text-align: center;}

/* section-3 */
#section-3 {position: relative; height: 200vh;}
#section-3 .inner {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
#section-3 .video-wrap {width: min(90vw, 1404px); max-height: 85vh; aspect-ratio: 1404 / 790 auto;}
#section-3 .video-wrap .video-inner {width: 100%; height: 100%;}
#section-3 .video-wrap .video-inner .video-item {width: 100%; height: 100%;}
#section-3 .video-wrap .video-inner .video-item iframe {width: 100%; height: 100%;}

/* section-4 */
#section-4 {position: relative;}
#section-4 .section-tit {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; font-size: min(7.2vw, 77px); font-weight: 700; color: #fff;}
#section-4 .usp-list {display: flex; flex-direction: column; align-items: center; gap: min(12vw, 80px); margin-top: min(60vw, 1000px);}
#section-4 .usp-list .usp-item {display: flex; align-items: center; gap: min(0.8vw, 12px); opacity: 0.2;}
#section-4 .usp-list .usp-item .usp-icon {width: min(3.5vw, 48px); height: min(3.5vw, 48px);}
#section-4 .usp-list .usp-item .usp-icon img {width: 100%; height: 100%; object-fit: contain; display: inline-block;}
#section-4 .usp-list .usp-item .usp-txt {font-size: min(4.8vw, 38px); font-weight: 700; color: #fff;}

/* section-5 */
#section-5 {position: relative; --wrap-padding: min(8vw, 200px); --gap: min(2.5vw, 54px); --item-w: min(73vw, 705px); --item-h: min(75vh, 634px); --folded-w: min(10vw, 76px);}
#section-5 .inner {align-items: flex-start;}
#section-5 .section-tit {width: 100%; text-align: center; font-size: min(9.4vw, 64px); font-weight: 400; color: #fff;}
#section-5 .section-tit > b {font-weight: 700; color: inherit;}
#section-5 .card-wrap {padding-inline: var(--wrap-padding); overflow: hidden;}
#section-5 .card-list {display: flex; align-items: center; gap: var(--gap); margin-top: min(5.5vw, 108px); will-change: transform;}
#section-5 .card-list .card-item {position: relative; display: flex; flex-direction: column; gap: min(8vw, 32px); flex-shrink: 0; width: var(--item-w); height: var(--item-h); background-color: rgba(255, 255, 255, 0.15); border-radius: min(6.5vw, 30px); padding: min(7.9vw, 60px) min(7.9vw, 55px); transition: width .2s ease, padding .2s ease, transform .1s linear; overflow: hidden;}
#section-5 .card-list .card-item .item-content {display: flex; flex-direction: column;}
#section-5 .card-list .card-item .item-content .item-num {font-size: min(3.8vw, 30px); font-weight: 700; color: #a2a2a2;}
#section-5 .card-list .card-item .item-content .item-tit {margin-top: 12px; font-size: min(4.8vw, 35px); font-weight: 700; color: #fff; line-height: 170%;}
#section-5 .card-list .card-item .item-content .item-tit i {font-size: 25px; font-weight: 500; color: #fff;}
#section-5 .card-list .card-item .item-content .item-txt {margin-top: 8px; font-size: min(4vw, 25px); font-weight: 500; color: #fff; line-height: 170%; white-space: nowrap;}
#section-5 .card-list .card-item .item-img {width: 100%; height: min(100%, 357px); border-radius: 30px;}
#section-5 .card-list .card-item .item-img img {width: 100%; height: 100%; object-fit: contain;}
#section-5 .card-list .card-item .card-txt {font-size: min(2.5vw, 38px); font-weight: 700; color: #fff;}
#section-5 .card-list .card-item.is-folded {width: var(--folded-w); padding: min(3vw, 60px) 0px;}
#section-5 .card-list .card-item.is-folded .item-content,
#section-5 .card-list .card-item.is-folded .item-img {display: none;}
#section-5 .card-list .card-item .card-overall {position: absolute; top: 0; right: 0; width: min(100%, 76px); height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-color: #fff; border-radius: min(6.5vw, 30px);; padding: min(6vw, 55px) 0; color: #fff; transform: translate3d(100%, 0, 0);}
#section-5 .card-list .card-item .card-overall .overall-num {font-size: min(4.2vw, 28px); font-weight: 700; color: #a2a2a2; writing-mode: sideways-rl;}
#section-5 .card-list .card-item .card-overall .overall-tit {font-size: min(4.2vw, 28px); font-weight: 700; color: #000; writing-mode: sideways-rl;}
#section-5 .card-list .card-item.card-item-1 {z-index: 5; /* background: url("../img/f25ultra/choice_1.png") center center / cover no-repeat; */}
#section-5 .card-list .card-item.card-item-2 {z-index: 4; /* background: url("../img/f25ultra/choice_2.png") center center / cover no-repeat; */}
#section-5 .card-list .card-item.card-item-3 {z-index: 3; /* background: url("../img/f25ultra/choice_1.png") center center / cover no-repeat; */}
#section-5 .card-list .card-item.card-item-4 {z-index: 2; /* background: url("../img/f25ultra/choice_2.png") center center / cover no-repeat; */}
#section-5 .card-list .card-item.card-item-5 {z-index: 1; /* background: url("../img/f25ultra/choice_1.png") center center / cover no-repeat; */}

/* swiper pagination (모바일 전용) */
#section-5 .card-wrap .swiper-pagination {position: relative; margin-top: 16px; text-align: center;}
#section-5 .card-wrap .swiper-pagination .swiper-pagination-bullet {width: 6px; height: 6px; background: #777; opacity: 1;}
#section-5 .card-wrap .swiper-pagination .swiper-pagination-bullet-active {background: #fff;}

/* section-6 */
#section-6 {padding: 0 0 min(35vw, 530px); }
#section-6 .inner {display: flex; flex-direction: column; align-items: center; padding-top: 400px;}
#section-6 .section-tit {position: relative; top: min(0px, 100px); z-index: 1; font-size: min(9.4vw, 64px); font-weight: 500; color: #fff; text-align: center;}
#section-6 .section-tit > b {font-weight: 700; color: inherit;}
#section-6 .product-info {position: relative; z-index: 0; display: flex; justify-content: center;}
#section-6 .product-info .product-img {position: relative; width: min(100%, 1460px); aspect-ratio: 2042 / 1961 auto;}
#section-6 .product-info .product-img .img-gradient {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 6%, rgba(0, 0, 0, 0) 100%); z-index: 1;}
#section-6 .product-info .product-img > img {width: 100%; height: 100%; object-fit: contain;}
#section-6 .product-info .usp-list {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 1;}
#section-6 .product-info .usp-list .usp-item {position: absolute; display: flex; flex-direction: column; gap: 6px; min-width: min(12.5vw, 410px); padding: min(2.8vw, 40px); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
#section-6 .product-info .usp-list .usp-item.item-1 {top: 27%; left: 21%;}
#section-6 .product-info .usp-list .usp-item.item-2 {top: 35%; left: 59%;}
#section-6 .product-info .usp-list .usp-item.item-3 {top: 55%; left: 5%;}
#section-6 .product-info .usp-list .usp-item.item-4 {top: 65%; left: 62%;}
#section-6 .product-info .usp-list .usp-item.item-5 {top: 81%; left: 22%;}
#section-6 .product-info .usp-list .usp-item::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%); border-radius: min(2.8vw, 30px); pointer-events: none; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.2);}
#section-6 .product-info .usp-list .usp-item .item-tit {position: relative; font-size: min(4.3vw, 33px); font-weight: 700; color: #fff; line-height: 130%;}
#section-6 .product-info .usp-list .usp-item .item-txt {position: relative; font-size: min(2.7vw, 21px); font-weight: 500; color: #fff; line-height: 150%;}
#section-6 .function-list {display: flex; justify-content: flex-start; align-items: center; gap: 32px; margin-top: 120px;}
#section-6 .function-list.view-mo {display: none;}
#section-6 .function-list .item {display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; width: 220px; aspect-ratio: 1 / 1; background-color: transparent; border: 1px solid #565656; border-radius: 20px; flex-shrink: 0;}
#section-6 .function-list .item .item-img {display: inline-block; width: 90px; aspect-ratio: 1 / 1 auto;}
#section-6 .function-list .item .item-img > img {width: 100%; height: 100%; object-fit: contain;}
#section-6 .function-list .item .item-desc {min-height: 1px;}
#section-6 .function-list .item .item-desc .desc-txt {font-size: 27px; font-weight: 700; color: #f6f6f6; line-height: 140%;}
#section-6 .function-list.slides-wrap {--marquee-speed: 30s; overflow: hidden; white-space: nowrap;}
#section-6 .function-list.slides-wrap[data-animate="1"] {animation: marquee var(--marquee-speed) linear infinite;}
/* #section-6 .function-list.slides-wrap:hover {animation-play-state: paused;} */

/* section-7 */
#section-7 {position: relative; min-height: unset; padding: min(5vw, 77px) 0 min(38vw, 309px); background: url("../img/f25ultra/moon_bg.png") center center / cover no-repeat;}
#section-7 .inner {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#section-7 .section-tit {font-size: min(3.5vw, 30px); font-weight: 600; color: #fff; text-align: center;}
#section-7 .section-tit .tit-tag {display: inline-block; padding: min(1.2vw, 12px) min(2.4vw, 24px); border: 2px solid #fff; border-radius: 87px; margin-left: min(0.4vw, 12px); font-size: min(3.5vw, 30px); font-weight: 600; color: #fff;}
#section-7 .coming-soon {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 32px;}
#section-7 .coming-soon > span {font-size: min(8.8vw, 100px); font-weight: 700;}
#section-7 .coming-soon .timer {position: absolute; top: max(12vh, 100%); display: flex; justify-content: center; align-items: center; gap: clamp(42px, 8.8vw, 100px);}
#section-7 .coming-soon .timer .time {position: relative; font-size: min(16vw, 80px); font-weight: 700; color: #f6f6f6;}
#section-7 .coming-soon .timer .time:not(:last-child)::after {content: ":"; position: absolute; top: clamp(2vw, -1vh, 9%); right: clamp(-7.2vw, -7.5vh, -58px); font-size: min(10.2vw, 60px); font-weight: 700; color: #636363;}
#section-7 .coming-soon .timer .time::before {content: attr(data-label); position: absolute; bottom: min(-2vh, -15%); left: 50%; transform: translateX(-50%); font-size: min(3.8vw, 33px); font-weight: 600; color: #838383; letter-spacing: -1px; text-transform: uppercase;}

/* section-8 */
#section-8 {position: relative;}
#section-8 .inner {min-height: var(--inner-vh, 100vh);}
#section-8 .txt-motion {position: relative; font-size: min(6vw, 77px); font-weight: 700; color: #fff; display: inline-block;}
#section-8 .txt-motion .char {display: inline-block; font-size: inherit; font-weight: inherit; color: inherit; will-change: transform, opacity; background-image: linear-gradient(to right, #757575, #252525); background-repeat: no-repeat; background-size: var(--bg-w, 100%) 100%; background-position: var(--bg-x, 0px) 0; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}

/* section-9 */
#section-9 {margin-top: 340px;}
#section-9 .inner {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#section-9 .section-badge {position: relative;display: inline-flex; justify-content: center; align-items: center; height: 60px; padding-inline: 35px; border-radius: 30px; background-color: #1a1a1a;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);}
#section-9 .section-badge::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 4px); height: calc(100% + 4px); background: linear-gradient(145deg, #373737 0%, #DADADA 50%, #373737 100%); border-radius: 30px; z-index: -1;}
#section-9 .section-badge .badge-txt {font-size: 27px; font-weight: 700; background: linear-gradient(to right, #FFFFFF 0%, #7B7B7B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
#section-9 .section-tit {margin-top: 32px; font-size: min(7vw, 63px); font-weight: 500; color: #fff; line-height: 140%; text-align: center;}
#section-9 .section-tit > em {font-size: min(7vw, 63px); font-weight: 700; color: #FE3C46;}
#section-9 .event-info {position: relative; display: flex; flex-direction: column; background-color: #1A1A1A; max-width: 90vw; border-radius: min(3.2vw ,30px); margin-top: min(7.6vw, 80px); padding: min(9.6vw, 76px) min(5.4vw, 105px);}
#section-9 .event-info::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: linear-gradient(145deg, #373737 0%, #DADADA 50%, #373737 100%); border-radius: min(3.2vw ,30px); z-index: -1;}
#section-9 .event-info .info-head {display: flex; align-items: center; gap: min(3.8vw, 66px); width: 100%; margin-bottom: min(9.1vw, 37px); padding-inline: 14px; padding-bottom: min(6.7vw, 37px); border-bottom: 1px solid #525252;}
#section-9 .event-info .info-head .head-txt {font-size: min(5.4vw, 42px); font-weight: 600; color: #fff;}
#section-9 .event-info .info-head .head-txt > em {font-size: inherit; font-weight: inherit; color: #FE3C46;}
#section-9 .event-info .info-head .head-img {flex-shrink: 0; width: min(20vw, 185px); aspect-ratio: 185 / 96 auto;}
#section-9 .event-info .info-head .head-img > img {width: 100%; height: 100%; object-fit: cover;}
#section-9 .event-info .info-details {display: flex; flex-direction: column; gap: 50px; padding-inline: 14px;}
#section-9 .event-info .info-details .item {display: flex; align-items: flex-start; gap: min(3.2vw, 72px);}
#section-9 .event-info .info-details .item .item-tit {flex-shrink: 0; min-width: min(24vw, 164px); font-size: min(4.8vw, 33px); font-weight: 700; color: #fff;}
#section-9 .event-info .info-details .item .item-txt {display: inline-flex; align-items: center; flex-wrap: wrap; font-size: min(4.5vw, 33px); font-weight: 400; color: #838383;}
#section-9 .event-info .info-details .item .item-txt .item-sub {margin-left: 4px; font-size: min(3.2vw, 24px); font-weight: 700; color: #fff;}
#section-9 .event-info .info-details .item .item-event {display: flex; align-items: flex-start; gap: 25px; width: 100%;}
#section-9 .event-info .info-details .item .item-event .event-box {position: relative; width: 100%; aspect-ratio: 324 / 221 auto; border: 1px solid #525252; border-radius: 15px;}
#section-9 .event-info .info-details .item .item-event .event-box .event-num {position: absolute; top: 20px; left: 20px; display: inline-flex; justify-content: center; align-items: center; width: 70px; height: 32px; background-color: #FE3C46; border-radius: 25px; font-size: 22px; font-weight: 700; color: #fff;}
#section-9 .event-info .info-details .item .item-event .event-box .event-01-content {display: inline-flex; flex-direction: column; gap: 8px; padding: 60px 0 0 70px;}
#section-9 .event-info .info-details .item .item-event .event-box .event-01-content .event-txt {font-size: 28px; font-weight: 400; color: #fff;}
#section-9 .event-info .info-details .item .item-event .event-box .event-01-content .event-txt > b {font-weight: 700; color: inherit;}
#section-9 .event-info .info-details .item .item-event .event-box .event-02-content {display: inline-flex; flex-direction: column; align-items: center; gap: 16px; width: 100%; height: 100%; padding: 47px 0 0;}
#section-9 .event-info .info-details .item .item-event .event-box .event-02-content .event-img {position: relative; display: inline-flex; justify-content: center; align-items: center;}
#section-9 .event-info .info-details .item .item-event .event-box .event-02-content .event-img > img {width: 111px; height: 108px;}
#section-9 .event-info .info-details .item .item-event .event-box .event-02-content .event-img .event-target {position: absolute; top: -20%; right: -40%; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: 72px; height: 72px; background-color: #FE3C46; border-radius: 50%;}
#section-9 .event-info .info-details .item .item-event .event-box .event-02-content .event-img .event-target .target-txt {font-size: 15px; font-weight: 700; color: #f6f6f6; text-align: center;}
#section-9 .event-info .info-details .item .item-event .event-box .event-02-content .event-img .event-target .target-txt > b {display: inline; font-size: 20px; font-weight: inherit; color: inherit;}
#section-9 .event-info .info-details .item .item-event .event-box .event-02-content .event-txt {font-size: 20px; font-weight: 700; color: #fff;}
#section-9 .event-info .info-details .item .item-event .event-box .event-02-content .event-txt > em  {font-weight: 700; color: #0EE375;}
#section-9 .event-info .info-details .item .item-event .event-list {display: flex; align-items: flex-start; gap: 12px; flex-wrap: wrap;}
#section-9 .event-info .info-details .item .item-event .event-list .event-item {}
#section-9 .event-info .info-details .item .item-event .event-list .event-item .event-img {}


/* section-10 */
#section-10 {position: relative; padding: min(22vw, 196px) 0; background: #000; display: none;}
#section-10.show {display: block;}
#section-10 .inner {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#section-10 .chart-section {width: min(92vw, 1300px);}
#section-10 .chart-section .chart-area {position: relative; width: 100%; height: min(60vw, 520px); background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.02) 100%); border-radius: 10px; padding: min(2.2vw, 24px);}
#section-10 .chart-section .chart-area canvas {width: 100% !important; height: 100% !important; display: block;}
#section-10 .chart-section .bubble {position: absolute; left: 0; top: 0; transform: translate(-50%, -50%); background: #FE3C46; color: #fff; font-weight: 400; font-size: min(3.2vw, 38px); line-height: 1; padding: 14px 30px; border-radius: 50px; white-space: nowrap; opacity: 0.95; display: none !important;}
#section-10 .chart-section .bubble.show {display: block !important;}
#section-10 .chart-section .bubble::after {content: ''; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #FE3C46;}
#section-10 .chart-section .bubble#npay-bubble {background: #0EE375;}
#section-10 .chart-section .bubble#npay-bubble::after {border-top-color: #0EE375;}
#section-10 .chart-section .bubble.red-theme {background: #FE3C46;}
#section-10 .chart-section .bubble.red-theme::after {border-top-color: #FE3C46;}
#section-10 .chart-section .bubble > b {font-weight: 700; color: inherit;}
#section-10 .chart-section .chart-bottom {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: min(2.8vw, 28px);}
#section-10 .chart-section .chart-bottom .chart-label {text-align: center; color: #1A1A1A; font-size: min(4.8vw, 32px); font-weight: 500; opacity: 0.4;}
#section-10 .chart-section .chart-bottom .chart-label .count {color: #1A1A1A; letter-spacing: -0.02em; font-size: min(6vw, 40px); font-weight: 700;}
#section-10 .chart-section .chart-bottom .chart-label.active {color: #fff; opacity: 1;}
#section-10 .chart-section .chart-bottom .chart-label.active .count {color: #0EE375; opacity: 1;}
#section-10 .chart-section .chart-bottom .chart-label.red-theme .count {color: #FE3C46; opacity: 1;}

/* section-11 */
#section-11 .register-form {display: flex; flex-direction: column; align-items: center; margin-top: 196px;}
#section-11 .register-form .form-head {display: inline-flex;}
#section-11 .register-form .form-head .head-tit {font-size: 40px; font-weight: 400; color: #f6f6f6; text-align: center; line-height: 1.48;}
#section-11 .register-form .form-head .head-tit > b {font-weight: 700; color: inherit;}
#section-11 .register-form .form-head .head-tit > img {margin-left: 17px;}
#section-11 .register-form .form-content {display: flex; flex-direction: column; width: 510px; margin-top: 42px;}
#section-11 .register-form .form-content .form-item {display: flex; align-items: center; width: 100%; height: 70px; background-color: rgba(255, 255, 255, 0.15); border-radius: 37px;}
#section-11 .register-form .form-content .form-item:not(:last-child) {margin-bottom: 10px;}
#section-11 .register-form .form-content .form-item .item-label {flex-shrink: 0; width: 126px; font-size: 20px; font-weight: 800; color: #f6f6f6; padding-left: 37px;}
#section-11 .register-form .form-content .form-item .item-elem {width: 100%; height: 100%;}
#section-11 .register-form .form-content .form-item .item-elem > input {width: 100%; height: 100%; background-color: transparent; font-size: 20px; font-weight: 700; color: #f6f6f6;}
#section-11 .register-form .form-content .form-item .item-elem > input::placeholder {font-weight: 500; color: rgba(255, 255, 255, 0.5);}
#section-11 .register-form .form-content .form-check {position: relative; display: flex; align-items: center; height: 24px;}
#section-11 .register-form .form-content .form-check:has(#check-term) {margin: 37px 0 12px;}
#section-11 .register-form .form-content .form-check > input {appearance: auto;}
#section-11 .register-form .form-content .form-check > label {font-size: 15px; font-weight: 500; color: #ccc;}
#section-11 .register-form .form-content .form-check > label > span {position: relative; top: -1px; font-size: inherit; font-weight: inherit; color: inherit;}
#section-11 .register-form .form-content .form-check > label > span > b {font-size: inherit; font-weight: inherit; color: inherit; border-bottom: 1px solid #ccc;}
#section-11 .register-form .form-content .form-button {width: 100%; margin-top: 54px;}
#section-11 .register-form .form-content .form-button .btn-form {display: inline-flex; justify-content: center; align-items: center; gap: 10px; width: 100%; height: 70px; background-color: #FE3C46; border-radius: 37px; font-size: 27px; font-weight: 700; color: #fff;}
#section-11 .register-form .form-content .form-button .btn-form[disabled] {background-color: #6e6e6e; color: #c1c1c1;}

/* section-12 */
#section-12 {padding: min(32vw, 208px) 0 min(20vw, 221px); background: linear-gradient(180deg, #000 0%, #C93941 100%);}
#section-12 .inner {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#section-12 .section-tit {font-size: min(9.4vw, 70px); font-weight: 700; color: #fff; text-align: center;}
#section-12 .section-tit > em {font-size: inherit; font-weight: inherit; color: #FE3C46;}
#section-12 .content-list {position: relative; display: flex; align-items: center; gap: min(4.8vw, 40px); margin-top: min(8.6vw, 136px); --marquee-speed: 40s;}
#section-12 .content-list .item {display: inline-flex; width: min(80vw, 510px); aspect-ratio: 510 / 286 auto; background-color: #515151; border-radius: min(2.4vw, 30px); overflow: hidden; transform: scale(1); transition: transform .25s ease; cursor: pointer;}
#section-12 .content-list .item .item-video {position: relative; width: 100%; height: 100%;}
#section-12 .content-list .item .item-video img {width: 100%; height: 100%; object-fit: cover; display: block;}

/* marquee track (무한 흐름) */
#section-12 .content-list {--track-translate: 0;}
#section-12 .content-list[data-animate="1"] {animation: marquee var(--marquee-speed) linear infinite;}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-1 * var(--loop-width, 50%))); }
}

/* hover 시 멈춤 + 가운데 아이템 확대 */
#section-12 .content-list:hover {animation-play-state: paused;}
#section-12 .content-list .item:hover {transform: scale(1.1); z-index: 2;}

/* section-12 modal */
#section-12 {position: relative;}
#section-12 .video-modal {position: absolute; inset: 0; display: none;}
#section-12 .video-modal.is-open {display: block;}
#section-12 .video-modal .dim {position: absolute; inset: 0; background: rgba(0,0,0,0.7);}
#section-12 .video-modal .modal-body {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(80vw, 960px); aspect-ratio: 16 / 9; background: #000; border-radius: 16px; overflow: hidden;}
#section-12 .video-modal .modal-body .modal-video {width: 100%; height: 100%;}
#section-12 .video-modal .modal-body .modal-video iframe {width: 100%; height: 100%;}

#section-hotitsue {margin: 300px 0 0;}
#section-hotitsue .inner {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#section-hotitsue .hotitsue-head {display: inline-flex; align-items: center; gap: 23px;}
#section-hotitsue .hotitsue-head > img {}
#section-hotitsue .hotitsue-head .time {font-size: 57px; font-weight: 700; color: #fff;}
#section-hotitsue .hotitsue-content {margin-top: 93px; width: 100%; max-width: 1200px; padding-inline: 20px;}
#section-hotitsue .hotitsue-content > img {width: 100%;}
#section-hotitsue .hotitsue-button {margin-top: 80px;}
#section-hotitsue .hotitsue-button > a {display: inline-flex; justify-content: center; align-items: center; gap: 10px; width: 510px; max-width: calc(100% - 40px); height: 70px; background-color: #FE3C46; border-radius: 37px; font-size: 27px; font-weight: 700; color: #fff;}
#section-hotitsue .hotitsue-button > a > img {}

#section-review {margin: 100px 0 0;}
#section-review .inner {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#section-review .section-badge {position: relative;display: inline-flex; justify-content: center; align-items: center; height: 60px; padding-inline: 35px; border-radius: 30px; background-color: #1a1a1a;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);}
#section-review .section-badge::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 4px); height: calc(100% + 4px); background: linear-gradient(145deg, #373737 0%, #DADADA 50%, #373737 100%); border-radius: 30px; z-index: -1;}
#section-review .section-badge .badge-txt {font-size: 27px; font-weight: 700; background: linear-gradient(to right, #FFFFFF 0%, #7B7B7B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
#section-review .section-tit {margin-top: 16px; font-size: min(7vw, 63px); font-weight: 500; color: #fff; line-height: 140%; text-align: center;}
#section-review .section-tit > em {font-size: min(7vw, 63px); font-weight: 700; color: #FE3C46;}
#section-review .review-info {margin-top: 80px;}
#section-review .review-info .review-list {display: flex; align-items: center; gap: 62px;}
#section-review .review-info .review-list .item {position: relative; display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 464px; height: 495px; background-color: #1A1A1A; border-radius: 30px; padding: 0 0 42px 0;}
#section-review .review-info .review-list .item::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: linear-gradient(145deg, #373737 0%, #DADADA 50%, #373737 100%); border-radius: 30px; z-index: -1;}
#section-review .review-info .review-list .item .item-badge {flex-shrink: 0; display: inline-flex; justify-content: center; align-items: center; width: 210px; height: 64px; background-color: #FE3C46; border-radius: 0 0 20px 20px;}
#section-review .review-info .review-list .item .item-badge .badge-txt {font-size: 32px; font-weight: 800; color: #fff;}
#section-review .review-info .review-list .item .item-img {position: relative; display: inline-flex; justify-content: center; align-items: center; height: 100%; margin-top: 38px;}
#section-review .review-info .review-list .item .item-img > img {width: 220px; height: 220px;}
#section-review .review-info .review-list .item .item-img .event-target {position: absolute; top: 4%; right: -21%; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: 100px; height: 100px; background-color: #FE3C46; border-radius: 50%;}
#section-review .review-info .review-list .item .item-img .event-target .target-txt {font-size: 18px; font-weight: 700; color: #f6f6f6; text-align: center;} 
#section-review .review-info .review-list .item .item-img .event-target .target-txt > b {display: inline; font-size: 28px; font-weight: inherit; color: inherit;}
#section-review .review-info .review-list .item .item-content {flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: auto;}
#section-review .review-info .review-list .item .item-content .content-sub_txt {font-size: 33px; font-weight: 500; color: #838383;}
#section-review .review-info .review-list .item .item-content .content-main_txt {font-size: 35px; font-weight: 700; color: #fff;}
#section-review .review-info .info-details {display: flex; flex-direction: column; gap: 25px; margin-top: 77px; padding-bottom: 90px; border-bottom: 2px solid #525252;}
#section-review .review-info .info-details .item {display: inline-flex; align-items: center; gap: 20px;}
#section-review .review-info .info-details .item .item-tit {position: relative; display: inline-flex; justify-content: center; align-items: center; width: 155px; height: 54px; background-color: #1a1a1a; border-radius: 30px; font-size: 25px; font-weight: 500; color: #fff;}
#section-review .review-info .info-details .item .item-tit::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: linear-gradient(305deg, #373737 0%, #DADADA 50%, #373737 100%); border-radius: 30px; z-index: -1;}
#section-review .review-info .info-details .item .item-txt {font-size: 30px; font-weight: 500; color: #fff;}
#section-review .review-info .info-step {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 48px; margin: 75px 0 129px;}
#section-review .review-info .info-step .step-head {}
#section-review .review-info .info-step .step-head .head-tit {font-size: 53px; font-weight: 700; line-height: 1.32; color: #fff;}
#section-review .review-info .info-step .step-list {display: flex; align-items: flex-start;}
#section-review .review-info .info-step .step-list .item {position: relative; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: 36px;}
#section-review .review-info .info-step .step-list .item:not(:last-child) {margin-right: 66px; padding-right: 66px;}
#section-review .review-info .info-step .step-list .item:not(:last-child)::after {content: ""; position: absolute; top: 25%; right: 0; transform: translateX(50%); width: 13px; height: 26px; background: url("../img/f25ultra/right-thin.svg") center center / cover no-repeat;}
#section-review .review-info .info-step .step-list .item .item-img {width: 177px; height: 177px;}
#section-review .review-info .info-step .step-list .item .item-img > img {width: 100%; height: 100%;}
#section-review .review-info .info-step .step-list .item .item-content {display: flex; flex-direction: column; gap: 10px;}
#section-review .review-info .info-step .step-list .item .item-content .content-num {font-size: 24px; font-weight: 800; color: #fff; text-align: center;}
#section-review .review-info .info-step .step-list .item .item-content .content-desc {font-size: 22px; font-weight: 500; color: #838383; text-align: center; line-height: 1.48;}

/* 요소 공통 */
.text-gradient {background: linear-gradient(#D9D9D9 0%, rgba(115, 115, 115, 0.1) 80%); background-clip: text; -webkit-background-clip: text; color: transparent;}
img {vertical-align: bottom;}
.view-pc {display: block;}
.view-mo {display: none;}

@media (min-width: 1024px) and (max-height: 900px) {
  #section-5 .card-list .card-item .item-content .item-tit {line-height: unset;}
  #section-5 .card-list .card-item .item-content .item-txt {line-height: unset;}

}

@media (max-width: 767px) { 
  .view-pc {display: none;}
  .view-mo {display: block;}  

  .section-wrap .tab-direct-scroll {}
  .section-wrap .tab-direct-scroll .btn-scroll {width: 50%;}
  .section-wrap .tab-direct-scroll .btn-scroll:not(:last-child) {margin-right: 0; padding-right: 0;}

  #section-1 .title-animation .title-img.slides-wrap {width: min(12vw);}
  #section-1 .title-animation .title-img.slides-wrap .img-fade_up {width: 100%; height: unset; aspect-ratio: 1 / 1;}
  #section-1 .title-animation .title-img.slides-wrap .img-slides {width: 100%; aspect-ratio: 618 / 345;}
  
  #section-2 .sticky-header .txt-live > img {display: none;}
  
  #section-3 {height: 100vh;}

  #section-4 .usp-list {margin-top: 100vw; transform: translate3d(0, 50%, 0);}
  #section-4 .usp-list .usp-item {flex-direction: column;}
  #section-4 .usp-list .usp-item .usp-icon {order: 1; width: 72px; height: 72px;}
  #section-4 .usp-list .usp-item .usp-txt {order: 2;}

  #section-5 .section-tit {display: inline-block; margin-top: 82px; padding-left: var(--wrap-padding); text-align: left;}
  #section-5 .card-list {gap: 0;}
  #section-5 .card-list .card-item {gap: 0; height: unset;}
  #section-5 .card-list .card-item .item-content .item-txt {white-space: unset;}
  #section-5 .card-list .card-item .item-content .item-tit {white-space: nowrap;}
  #section-5 .card-list .card-item .item-content .item-tit i {font-size: 15px;}
  #section-5 .card-list .card-item .item-img {height: unset; aspect-ratio: 226 / 211 auto; margin-top: 30px;}
  
  #section-6 .inner {position: relative; align-items: flex-start; padding-top: 38px; padding-inline: 8vw;}
  #section-6 .section-tit {text-align: left;}
  #section-6 .section-img {position: absolute; top: 90px; right: 0; width: 100%;}
  #section-6 .section-img > img {width: 100%;}
  #section-6 .product-info {width: 100%;}
  #section-6 .product-info .product-img {aspect-ratio: unset;}
  #section-6 .product-info .product-img > img {display: none;}
  #section-6 .product-info .product-img .img-gradient {display: none;}
  #section-6 .product-info .usp-list {position: static; display: flex; flex-direction: column; gap: 12px; width: 100%; margin-top: 44px;}
  #section-6 .product-info .usp-list .usp-item {position: static; width: 100%; padding: 20px;}
  #section-6 .function-list {display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 38px;}
  #section-6 .function-list.view-mo {display: flex; margin-top: 0; margin-bottom: 107px;}
  #section-6 .function-list .item {gap: 0; width: 58px; border-radius: 6px;}
  #section-6 .function-list .item .item-img {width: 24px;}
  #section-6 .function-list .item .item-desc .desc-txt {font-size: 7px;}
  #section-6 .function-list.slides-wrap .item:nth-child(-n+5) {display: none;}
  
  #section-7 {padding-top: 0;}
  
  #section-9 {margin-top: 98px;}
  #section-9 .section-badge {height: 30px; padding-inline: 10px;}
  #section-9 .section-badge .badge-txt {font-size: 15px;}
  #section-9 .section-tit > em {font-size: min(10.7vw, 63px);}
  #section-9 .event-info .info-head {flex-direction: column; padding-inline: unset;}
  #section-9 .event-info .info-head .head-img {order: 1;}
  #section-9 .event-info .info-head .head-txt {order: 2; text-align: center;}
  #section-9 .event-info .info-details {gap: 30px; padding-inline: 0;}
  #section-9 .event-info .info-details .item {flex-direction: column; justify-content: center; align-items: center;}
  #section-9 .event-info .info-details .item .item-tit {display: inline-block; width: unset; padding: 4px 16px; background-color: #FE3C46; border-radius: 16px; text-align: center;}
  #section-9 .event-info .info-details .item .item-txt {flex-direction: column; text-align: center;}
  #section-9 .event-info .info-details .item .item-txt .item-sub {margin-top: 8px; margin-left: 0;}
  #section-9 .event-info .info-details .item .item-event {gap: 10px; flex-direction: column; justify-content: center; align-items: center;}
  #section-9 .event-info .info-details .item .item-event .event-desc {display: none; text-align: center;}
  #section-9 .event-info .info-details .item .item-event .event-desc > span {font-size: 17px; font-weight: 500; color: #838383; text-align: center; line-height: 1.48;}
  #section-9 .event-info .info-details .item .item-event .event-box {aspect-ratio: 134 / 106 auto;}
  #section-9 .event-info .info-details .item .item-event .event-box .event-num {top: 10px; left: 10px; width: 26px; height: 13px; font-size: 9px;}
  #section-9 .event-info .info-details .item .item-event .event-box .event-01-content {padding: 26px 0 0 18px;}
  #section-9 .event-info .info-details .item .item-event .event-box .event-01-content .event-txt {font-size: 15px;}
  #section-9 .event-info .info-details .item .item-event .event-box .event-02-content {gap: 2px; padding: 19px 0 0;}
  #section-9 .event-info .info-details .item .item-event .event-box .event-02-content .event-img > img {width: 58px; height: 56px;}
  #section-9 .event-info .info-details .item .item-event .event-box .event-02-content .event-img .event-target {top: -16%; right: -38%; width: 36px; height: 36px;}
  #section-9 .event-info .info-details .item .item-event .event-box .event-02-content .event-img .event-target .target-txt {font-size: 6px;}
  #section-9 .event-info .info-details .item .item-event .event-box .event-02-content .event-img .event-target .target-txt > b {font-size: 10px;}
  #section-9 .event-info .info-details .item .item-event .event-box .event-02-content .event-txt {font-size: 11px;}
  #section-9 .event-info .info-details .item .item-event .event-list {gap: 14px; flex-wrap: wrap;}
  #section-9 .event-info .info-details .item .item-event .event-list .event-item {width: calc((100% / 2) - 7px);}
  #section-9 .event-info .info-details .item .item-event .event-list .event-item .event-img {width: 100%;}
  #section-9 .event-info .info-details .item .item-event .event-list .event-item .event-img > img {width: 100%;}

  #section-10 {padding-bottom: 0;}

  #section-11 .register-form {margin-top: 85px;}
  #section-11 .register-form .form-head .head-tit {font-size: 30px;}
  #section-11 .register-form .form-head .head-tit > img {margin-left: 7px; width: 32px;}
  #section-11 .register-form .form-content {width: 100%; margin-top: 26px; padding-inline: 30px;}
  #section-11 .register-form .form-content .form-item {height: 53px;}
  #section-11 .register-form .form-content .form-item:not(:last-child) {margin-bottom: 15px;}
  #section-11 .register-form .form-content .form-item .item-label {width: 78px; padding-left: 23px; font-size: 15px;}
  #section-11 .register-form .form-content .form-item .item-elem > input {font-size: 15px;}
  #section-11 .register-form .form-content .form-check:has(#check-term) {margin: 20px 0 8px;}
  #section-11 .register-form .form-content .form-check > label > span {padding-left: 3px; font-size: 13px;}
  #section-11 .register-form .form-content .form-button {margin-top: 30px;}
  #section-11 .register-form .form-content .form-button .btn-form {gap: 7px; height: 53px; font-size: 17px;}
  #section-11 .register-form .form-content .form-button .btn-form svg {width: 10px;}

  #section-12 {background: linear-gradient(180deg, #000 50%, #C93941 100%);}

  #section-hotitsue {margin: 100px 0 0;}
  #section-hotitsue .hotitsue-head {gap: 12px;}
  #section-hotitsue .hotitsue-head > img {width: 66px;}
  #section-hotitsue .hotitsue-head .time {font-size: 29px;}
  #section-hotitsue .hotitsue-content {padding-inline: 40px; margin-top: 40px;}
  #section-hotitsue .hotitsue-button {width: 100%; padding-inline: 30px; margin-top: 40px;}
  #section-hotitsue .hotitsue-button > a {gap: 5px; width: 100%; max-width: 100%; height: 52px; font-size: 17px;}
  #section-hotitsue .hotitsue-button > a > img {width: 10px;}

  #section-review {margin: 92px 0 0;}
  #section-review .section-badge {height: 30px; padding-inline: 10px;}
  #section-review .section-badge .badge-txt {font-size: 15px;}
  #section-review .section-tit {font-size: min(20.0vw, 40px);}
  #section-review .section-tit > em {font-size: inherit;}
  #section-review .review-info {width: 100%; margin-top: 34px; padding-inline: 20px;}
  #section-review .review-info .review-list {flex-direction: column; gap: 28px; width: 100%;}
  #section-review .review-info .review-list .item {width: 100%; height: unset; padding: 0 0 30px 0; border-radius: 15px;}
  #section-review .review-info .review-list .item::before {border-radius: 15px;}
  #section-review .review-info .review-list .item .item-badge {width: 130px; height: 40px; border-radius: 0 0 10px 10px;}
  #section-review .review-info .review-list .item .item-badge .badge-txt {font-size: 22px;}
  #section-review .review-info .review-list .item .item-img > img {width: 184px; height: 184px;}
  #section-review .review-info .review-list .item .item-img .event-target {top: 0; right: -12%; width: 74px; height: 74px;}
  #section-review .review-info .review-list .item .item-img .event-target .target-txt {font-size: 12px;}
  #section-review .review-info .review-list .item .item-img .event-target .target-txt > b {font-size: 23px;}
  #section-review .review-info .review-list .item .item-content {margin-top: 25px; gap: 6px;}
  #section-review .review-info .review-list .item .item-content .content-sub_txt {font-size: 20px;}
  #section-review .review-info .review-list .item .item-content .content-main_txt {font-size: 25px;}
  #section-review .review-info .info-details {gap: 12px; margin-top: 42px; padding-bottom: 54px; padding-left: 16px;}
  #section-review .review-info .info-details .item {gap: 12px;}
  #section-review .review-info .info-details .item .item-tit {width: 83px; height: 29px; font-size: 13px;}
  #section-review .review-info .info-details .item .item-txt {font-size: 15px;}
  #section-review .review-info .info-step {margin-bottom: 0;}
  #section-review .review-info .info-step .step-head .head-tit {font-size: 40px;}
  #section-review .review-info .info-step .step-list {flex-direction: column; justify-content: center; align-items: center; width: 100%;}
  #section-review .review-info .info-step .step-list .item {flex-direction: row; justify-content: flex-start; gap: 0; width: 100%; height: 70px; background-color: #1A1A1A; border-radius: 6px; padding-inline: 15px;}
  #section-review .review-info .info-step .step-list .item:not(:last-child) {margin-right: 0; margin-bottom: 40px; padding-right: 15px;}
  #section-review .review-info .info-step .step-list .item:not(:last-child)::after {top: unset; bottom: -20px; right: unset; left: 50%; transform: translate(-50%, 50%); width: 10px; height: 5px; background: url("../img/f25ultra/down-thin.svg") center center / cover no-repeat;}
  #section-review .review-info .info-step .step-list .item .item-img {flex-shrink: 0; order: 2; width: 70px; height: 70px; margin-left: auto;}
  #section-review .review-info .info-step .step-list .item .item-content {order: 1; flex-direction: row; justify-content: center; align-items: center; gap: 0;}
  #section-review .review-info .info-step .step-list .item .item-content .content-num {position: relative; flex-shrink: 0; width: 82px; margin-right: 15px; padding-right: 15px; font-size: 16px; color: #fff;}
  #section-review .review-info .info-step .step-list .item .item-content .content-num::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 14px; background-color: #838383;}
  #section-review .review-info .info-step .step-list .item .item-content .content-desc {font-size: 15px; font-weight: 500; color: #fff; text-align: left;}
}

/* 임시 비활성화 */
#section-1 {display: none;}
#section-3 {display: none;}
#section-10 {display: none;}