@charset "utf-8";
.root_daum_roughmap,
.root_daum_roughmap .wrap_map {overflow:hidden; height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

/* greetings */
.greetings {display:flex; flex-direction:column; gap:var(--space-120); align-items:center; width:100%;}
.greetings-section {width:100%;}
.greetings-label {display:flex; align-items:center; gap:var(--space-10);}
.greetings-label-dot {flex-shrink:0; width:13px; height:8px;}
.greetings-label-dot img {display:block; width:100%; height:100%;}
.greetings-label-text {font-size:var(--font-size-18); font-weight:600; color:#2f5dcc; line-height:1.3em; letter-spacing:-.03em;}
.greetings-heading {font-size:var(--font-size-32); font-weight:600; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.greetings-heading .regular {font-weight:400;}
.greetings-overview .greetings-inner {display:flex; flex-direction:column; gap:var(--space-60);}
.greetings-hero {border-radius:24px; overflow:hidden;}
.greetings-overview-row {display:flex; gap:var(--space-120); align-items:flex-start;}
.greetings-overview-left {display:flex; flex-direction:column; gap:var(--space-30); flex-shrink:0;}
.greetings-overview-right {flex:1; padding-top:var(--space-50); font-size:var(--font-size-18); line-height:1.7em; letter-spacing:-.03em;}

.greetings-value {position:relative; padding:var(--space-120) 0; display:flex; align-items:center; justify-content:center; background:rgba(47,93,204,0.04); text-align:center;}
.greetings-value-inner {position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--space-60);}
.greetings-value-head {display:flex; flex-direction:column; gap:var(--space-30); align-items:center;}
.greetings-value-list {grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-40);}
.greetings-value-item {padding:var(--space-60); background:#fff; border-radius:16px; box-shadow:6px 6px 15px rgba(0,0,0,0.1);}
.greetings-value-item-inner {display:flex; flex-direction:column; gap:var(--space-30); align-items:center; margin:0 auto;}
.greetings-value-num {display:flex; align-items:center; justify-content:center; padding:var(--space-10); width:140px; background:rgba(47,93,204,0.1); border-radius:500px; font-size:var(--font-size-18); font-weight:600; color:#2f5dcc; line-height:1.7em; letter-spacing:-.03em;}
.greetings-value-icon img {width:clamp(60px, calc( 80 / var(--inner) * 100vw ), 80px);}
.greetings-value-text {display:flex; flex-direction:column; gap:var(--space-16); align-items:center; width:100%;}
.greetings-value-title {font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); line-height:1em; letter-spacing:-.03em;}
.greetings-value-desc {font-size:var(--font-size-18); line-height:1.7em; letter-spacing:-.03em;}
.greetings-biz .greetings-inner {display:flex; flex-direction:column; gap:var(--space-60);}
.greetings-biz-head {display:flex; flex-direction:column; gap:var(--space-30); align-items:center;}
.greetings-biz-list {grid-template-columns:repeat(2, 1fr); display:grid; gap:var(--space-40);}
.greetings-biz-item {border:1px solid #ddd; border-radius:8px; position:relative; padding:var(--space-40); flex-shrink:0;}
.greetings-biz-item:after {content:''; position:absolute; top:-1px; left:-1px; width:clamp(60px, calc( 80 / var(--inner) * 100vw ), 80px); aspect-ratio:1/1; border-top:2px solid #2f5dcc; border-left:2px solid #2f5dcc; border-radius:8px 0 0 0; background:#fff; z-index:1;}
.greetings-biz-body {position:relative; align-items:flex-start; z-index:2; display:flex; gap:var(--space-20);}
.greetings-biz-num {width:clamp(28px, calc( 36 / var(--inner) * 100vw ), 36px); aspect-ratio:1/1;display:flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:500px; background:#2f5dcc; color:#fff; font-size:var(--font-size-18); font-weight:600; line-height:1em; letter-spacing:-.03em;}
.greetings-biz-text {display:flex; flex-direction:column; gap:var(--space-15); flex:1;}
.greetings-biz-title {font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); line-height:1em; letter-spacing:-.03em;}
.greetings-biz-desc {font-size:var(--font-size-18); line-height:1.6em; letter-spacing:-.03em;}

/* kiwoom-pos */
.pos-hero {width:100%; padding:var(--space-160) 0; background:url('/images/sub/kiwoom-pos-hero-bg.png') 50% 50% / cover no-repeat;  overflow:hidden;}
.pos-hero.bg2 {background-image:url('/images/sub/toss-pos-hero-bg.png');}
.pos-hero-inner {position:relative; z-index:1;}
.pos-hero-row {display:flex; gap:var(--space-100); align-items:center;}
.pos-hero-text {display:flex; flex-direction:column; gap:var(--space-60); flex:1;}
.pos-hero-head {display:flex; flex-direction:column; gap:var(--space-25);}
.pos-hero-en {font-size:var(--font-size-22); font-weight:400; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.pos-hero-tit {font-size:var(--font-size-56); font-weight:600; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.pos-hero-tit .point {color:#2f5dcc;}
.pos-hero-desc {font-size:var(--font-size-18); line-height:1.6em; letter-spacing:-.03em;}

.pos-feature {width:100%; padding:var(--space-120) 0;}
.pos-feature-inner {display:flex; flex-direction:column; gap:var(--space-60);}
.pos-feature-head {display:flex; flex-direction:column; gap:var(--space-30); align-items:center; text-align:center;}
.pos-feature-badge {display:inline-flex; align-items:center; justify-content:center; padding:var(--space-16) var(--space-30); border:1px solid #2f5dcc; border-radius:500px; background:rgba(47,93,204,0.08); font-size:var(--font-size-18); font-weight:600; color:#2f5dcc; line-height:1.3em; letter-spacing:-.03em;}
.pos-feature-tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.pos-feature-list {grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-40);}
.pos-feature-item {position:relative; padding:var(--space-50); border-radius:16px; overflow:hidden;}
.pos-feature-bg {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:16px; pointer-events:none;}
.pos-feature-body {position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--space-40);}
.pos-feature-text {display:flex; flex-direction:column; gap:var(--space-20);}
.pos-feature-point {display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; padding:1px var(--space-16); border-radius:24px; background:#2f5dcc; box-shadow:6px 6px 30px rgba(0,0,0,0.1); font-size:var(--font-size-14); font-weight:600; color:#fff; line-height:1.5em; letter-spacing:-.03em;}
.pos-feature-copy {display:flex; flex-direction:column; gap:var(--space-10);}
.pos-feature-name {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-.03em;}
.pos-feature-desc {font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em;}

.pos-kiosk-inner {display:flex; flex-direction:column; gap:var(--space-30); align-items:center;}
.pos-kiosk-head {display:flex; align-items:flex-end;; width:100%;}
.pos-kiosk-tit {display:flex; flex-direction:column; font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em; flex-shrink:0;}
.pos-kiosk-tit .regular {font-weight:400;}
.pos-kiosk-line {flex:1; padding-bottom:var(--space-25);}
.pos-kiosk-line:before {content:''; display:block; width:100%; height:1px; background:#d9d9d9;}
.pos-kiosk-content {width:100%;}
.pos-kiosk-visual-wrap {position:relative;}
.pos-kiosk-device-area {text-align:center;}
.pos-kiosk-list {position:absolute; inset:0;}
.pos-kiosk-item {position:absolute; display:flex; align-items:flex-start; gap:6px; width:100%; max-width:520px; padding:var(--space-50); background:#fff; border-radius:16px; box-shadow:6px 6px 15px rgba(0,0,0,0.1);}
.pos-kiosk-item-01 {left:0; top:94px;}
.pos-kiosk-item-02 {right:0; top:318px;}
.pos-kiosk-item-03 {left:0; top:542px;}
.pos-kiosk-item img {flex-shrink:0; width:clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px);}
.pos-kiosk-item-tit {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-.03em;}
.pos-kiosk-item-desc {margin-top:var(--space-10); font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em;}

.pos-kiosk-info {padding:var(--space-100) 0; background-color:#F5F5F5;  overflow:hidden;}
.pos-kiosk-info-inner {display:flex; gap:var(--space-50); align-items:center;}
.pos-kiosk-ref {display:flex; flex-direction:column; gap:var(--space-30); flex:1;}
.pos-kiosk-ref-head {display:flex; gap:8px; align-items:center;}
.pos-kiosk-ref-head img {flex-shrink:0; width:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px);}
.pos-kiosk-ref-tit {font-size:var(--font-size-22); font-weight:700; color:var(--color-bk); line-height:1.2em; letter-spacing:-.03em;}
.pos-kiosk-ref-text {display:flex; flex-direction:column; gap:var(--space-15);}
.pos-kiosk-ref-desc {font-size:var(--font-size-18); line-height:1.45em; letter-spacing:-.03em;}
.pos-kiosk-ref-note {color:#878787; line-height:1.4em; letter-spacing:-.03em;}
.pos-kiosk-ref-list {max-width:65%; grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-20);}
.pos-kiosk-ref-item {position:relative; border-radius:16px; box-shadow:0 0 12px rgba(0,0,0,0.1); overflow:hidden; flex-shrink:0;}

.pos-table {padding:var(--space-150) 0; overflow:hidden;}
.pos-table-inner {display:flex; flex-direction:column; gap:var(--space-60); align-items:center; width:100%;}
.pos-table-head {display:flex; flex-direction:column; gap:var(--space-30); align-items:center; text-align:center;}
.pos-table-tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.pos-table-desc {font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em;}
.pos-table-slide-wrap {overflow:hidden; width:100%;}
.pos-table-swiper {width:100%; overflow:visible; width:100%; height:100%; box-sizing:border-box;}
.pos-table-swiper .swiper-slide {max-width:1400px;}
.pos-table-slide {position:relative; width:100%; max-width:1400px; aspect-ratio:1400 / 760; border-radius:32px; overflow:hidden;}
.pos-table-slide-bg {position:absolute; inset:0; pointer-events:none;}
.pos-table-slide-bg img {width:100%; height:100%; object-fit:cover; border-radius:32px;}
.pos-table-slide-text {position:relative; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; gap:var(--space-40); width:100%; height:100%; padding:var(--space-60); color:#fff;}
.pos-table-slide-copy {font-size:var(--font-size-28); font-weight:700; line-height:1.4em; letter-spacing:-.03em;}
.pos-table-slide-note {font-size:var(--font-size-18); font-weight:400; line-height:1.3em; letter-spacing:-.03em;}

.pos-qr-hero {position:relative; width:100%; padding:var(--space-150) 0;}
.pos-qr-hero-bg {position:absolute; inset:0; pointer-events:none;}
.pos-qr-hero-bg:before {content:''; position:absolute; inset:0; background:rgba(47,93,204,0.94); z-index:1;}
.pos-qr-hero-bg img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.8; z-index:0;}
.pos-qr-hero-inner {position:relative; z-index:1; height:100%; margin:0 auto; display:flex; flex-direction:column; gap:var(--space-60); align-items:center;}
.pos-qr-hero-tit {display:flex; flex-direction:column; font-size:var(--font-size-40); font-weight:700; color:#fff; line-height:1.3em; letter-spacing:-.03em; text-align:center;}
.pos-qr-hero-list {grid-template-columns:repeat(2, 1fr); display:grid; gap:var(--space-40); width:100%;}
.pos-qr-hero-item {display:flex; flex-direction:column; gap:var(--space-40); padding:var(--space-50) var(--space-40); background:#fff; border-radius:32px; box-shadow:0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1); flex-shrink:0;}
.pos-qr-hero-visual {border-radius:16px; overflow:hidden;}
.pos-qr-hero-text {display:flex; flex-direction:column; gap:var(--space-10);}
.pos-qr-hero-name {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-.03em;}
.pos-qr-hero-desc {font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em;}

.pos-qr-preview {position:relative; width:100%; padding:var(--space-100) 0; background:#fff;}
.pos-qr-preview:before {content:''; position:absolute; inset:0; background:linear-gradient(rgba(47,93,204,0) 75%, rgba(47,93,204,0.12) 100%), linear-gradient(90deg, rgba(47,93,204,0.06) 0%, rgba(47,93,204,0.06) 100%); pointer-events:none;}
.pos-qr-preview-inner {position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--space-60);}
.pos-qr-preview-head {display:flex; flex-direction:column; gap:var(--space-30); align-items:center; text-align:center;}
.pos-qr-preview-badge {display:inline-flex; align-items:center; justify-content:center; padding:var(--space-16) var(--space-30); border:1px solid #2f5dcc; border-radius:500px; background:#fff; font-size:var(--font-size-18); font-weight:600; color:#2f5dcc; line-height:1.3em; letter-spacing:-.03em;}
.pos-qr-preview-tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.pos-qr-case-list {grid-template-columns:repeat(4, 1fr); display:grid; gap:var(--space-40);}
.pos-qr-case-caption {display:flex; flex-direction:column; font-size:var(--font-size-18); margin-top:var(--space-20); font-weight:500; color:#505050; line-height:1.3em; letter-spacing:-.03em; text-align:center;}

.pos-crm {width:100%; padding:var(--space-150) 0;}
.pos-crm-inner {display:flex; flex-direction:column; gap:var(--space-60);}
.pos-crm-head {display:flex; flex-direction:column; gap:var(--space-30); align-items:center; text-align:center;}
.pos-crm-tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.pos-crm-tit .point {color:#2f5dcc;}
.pos-crm-desc {width:100%; font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em;}
.pos-crm-content {display:flex; gap:var(--space-40);}
.pos-crm-visual {position:relative; flex-shrink:0; width:100%; max-width:720px; aspect-ratio:720/680; border-radius:16px; overflow:hidden;}
.pos-crm-visual-frame:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-radius:16px; overflow:hidden;}
.pos-crm-visual-frame img {position:absolute; width:100%; height:100%; border-radius:16px; opacity:0; transition:opacity .3s; overflow:hidden;}
.pos-crm-visual-frame img.is-active {opacity:1;}
.pos-crm-panel {flex:1; background:#f3f6fc; padding:var(--space-30); border-radius:32px;}
.pos-crm-panel-inner {display:flex; flex-direction:column; gap:var(--space-45); height:100%; justify-content:center;}
.pos-crm-list {display:flex; flex-direction:column; gap:var(--space-60);}
.pos-crm-item {display:flex; gap:12px; align-items:flex-start;}

.pos-crm-dot {flex-shrink:0; width:clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px); height:clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px); margin-top:5px; border:2px solid rgba(47,93,204,0.4); border-radius:100%;}
.pos-crm-dot-active {display:flex; align-items:center; justify-content:center; border:none; background:#2f5dcc;}
.pos-crm-dot-active img {width:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px);}
.pos-crm-text {display:flex; flex-direction:column; gap:var(--space-10);}
.pos-crm-name {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-.03em;}
.pos-crm-item-desc {font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em;}
.pos-crm-nav {display:flex; gap:var(--space-10); align-items:center;justify-content:flex-end;}
.pos-crm-nav-btn {position:relative; flex-shrink:0; width:clamp(40px, calc( 56 / var(--inner) * 100vw ), 56px); aspect-ratio:1/1; padding:0; border:none; background:none; cursor:pointer;}
.pos-crm-nav-bg {position:absolute; inset:0; width:100%; height:100%;}
.pos-crm-nav-arrow {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:10px;}
.pos-crm-nav-next {transform:rotate(180deg);}
.pos-sales {width:100%; display:flex; flex-direction:column; gap:var(--space-100); align-items:center;}

.pos-sales-top-inner {display:flex; flex-direction:column; gap:var(--space-60); align-items:center;}
.pos-sales-head {display:flex; flex-direction:column; gap:var(--space-30); align-items:center; width:100%; text-align:center;}
.pos-sales-tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.pos-sales-desc {font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em;}

.pos-sales-case {background:#f5f5f5; width:100%; padding:var(--space-100) 0; box-sizing:border-box;}
.pos-sales-case-inner.contain {display:flex; gap:var(--space-100); align-items:center; max-width:1260px;}
.pos-sales-case-col {display:flex; flex-direction:column; gap:var(--space-30); flex:1;}
.pos-sales-case-head {display:flex; flex-direction:column; gap:var(--space-20); width:100%;}
.pos-sales-case-badge {display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; padding:1px var(--space-16); border-radius:24px; background:#2f5dcc; box-shadow:6px 6px 30px rgba(0,0,0,0.1); font-size:var(--font-size-14); font-weight:600; color:#fff; line-height:1.5em; letter-spacing:-.03em;}
.pos-sales-case-text {display:flex; flex-direction:column; gap:var(--space-10);}
.pos-sales-case-name {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-.03em;}
.pos-sales-case-desc {font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em;}
.pos-sales-case-visual img {border-radius:16px; overflow:hidden;}
.pos-sales-case-line {flex-shrink:0; width:1px; height:500px; background:#ddd;}

.pos-cta {position:relative; width:100%; background:url('/images/sub/kiwoom-pos-cta-bg.png') 50% 50% / cover no-repeat;}
.pos-cta-inner {position:relative; z-index:1; display:flex; gap:2px; align-items:flex-end;}
.pos-cta-left {padding:var(--space-150) 0; display:flex; flex-direction:column; gap:var(--space-80); justify-content:center; flex:1;}
.pos-cta-text {display:flex; flex-direction:column; gap:var(--space-30); color:#fff;}
.pos-cta-tit {font-size:var(--font-size-40); line-height:1.3em; letter-spacing:-.03em;}
.pos-cta-tit span {font-weight:400;}
.pos-cta-desc {font-size:var(--font-size-18); font-weight:400; line-height:1.4em; letter-spacing:-.03em;}
.pos-cta-btn {position:relative; display:block; width:clamp(120px, calc( 148 / var(--inner) * 100vw ), 148px); height:clamp(60px, calc( 80 / var(--inner) * 100vw ), 80px); flex-shrink:0;}
.pos-cta-btn-txt {position:absolute; top:50%; left:2px; transform:translateY(-50%); font-weight:500; color:#fff; line-height:1.3em; white-space:nowrap;}
.pos-cta-btn-icon {position:absolute; top:0; right:0; aspect-ratio:77/80; height:clamp(60px, calc( 80 / var(--inner) * 100vw ), 80px);}
.pos-cta-btn-icon img {width:100%; height:100%;}
.pos-cta-right {flex-shrink:0; overflow:hidden; display:flex; height:100%; align-items:flex-end;}

/* toss-pos */
.toss-device {padding:var(--space-130) 0; overflow:hidden;}
.toss-device-inner {display:flex; flex-direction:column; gap:var(--space-60); align-items:center;}
.toss-device-head {display:flex; flex-direction:column; gap:var(--space-30); align-items:center; width:100%; text-align:center;}
.toss-device-badge {display:inline-flex; align-items:center; justify-content:center; padding:var(--space-16) var(--space-30); border:1px solid #2f5dcc; border-radius:500px; background:rgba(47,93,204,0.08); font-size:var(--font-size-18); font-weight:600; color:#2f5dcc; line-height:1.3em; letter-spacing:-.03em;}
.toss-device-tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.toss-device-body {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.toss-device-top {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.toss-device-platform {grid-template-columns:repeat(3, 1fr); display:grid; gap:clamp(var(--space-15), calc( 19 / var(--inner) * 100vw ), 19px); width:100%;}
.toss-device-platform-item {border-radius:100px; overflow:hidden;}
.toss-device-row {display:flex; gap:var(--space-30); width:100%;}
.toss-device-point {position:relative; flex:1; border-radius:16px; overflow:hidden;}
.toss-device-point-wide {width:100%; padding:var(--space-40) var(--space-50);}
.toss-device-point:not(.toss-device-point-wide) {padding:var(--space-50);}
.toss-device-point-bg {position:absolute; inset:0; pointer-events:none; border-radius:16px; overflow:hidden;}
.toss-device-point-bg img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:16px; z-index:1;}
.toss-device-point-row {position:relative; z-index:1; display:flex; gap:var(--space-40); align-items:center; width:100%;}
.toss-device-point-col {position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--space-40); align-items:flex-end; width:100%; height:100%;}
.toss-device-point-text {display:flex; flex-direction:column; gap:var(--space-20); flex:1; width:100%;}
.toss-device-point-badge {display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; padding:1px var(--space-16); border-radius:24px; background:#2f5dcc; box-shadow:6px 6px 30px rgba(0,0,0,0.1); font-size:var(--font-size-14); font-weight:600; color:#fff; line-height:1.5em; letter-spacing:-.03em;}
.toss-device-point-tit {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-.03em;}
.toss-device-point-desc {font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em;}
.toss-device-point-visual {text-align:right;}

.toss-kiosk {padding:var(--space-150) 0; width:100%;overflow:hidden;}
.toss-kiosk-inner {display:flex; flex-direction:column; gap:var(--space-60); align-items:center; width:100%;}
.toss-kiosk-head {display:flex; flex-direction:column; gap:var(--space-30); align-items:center; text-align:center;}
.toss-kiosk-tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.toss-kiosk-desc {font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em;}

.toss-kiosk-slide-wrap {width:100%; overflow:hidden;}
.toss-kiosk-swiper {overflow:visible; width:100%; height:100%; box-sizing:border-box;}
.toss-kiosk-swiper .swiper-slide {max-width:1400px;}
.toss-kiosk-slide {position:relative; width:100%; max-width:1400px; aspect-ratio:1400 / 760; border-radius:32px; overflow:hidden;}
.toss-kiosk-slide-bg {position:absolute; inset:0; pointer-events:none;}
.toss-kiosk-slide-bg img {width:100%; height:100%; object-fit:cover; border-radius:32px;}
.toss-kiosk-slide-text {position:relative; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; gap:var(--space-25); width:100%; height:100%; padding:var(--space-60); color:#fff;}
.toss-kiosk-slide-top {display:flex; flex-direction:column; gap:var(--space-10);}
.toss-kiosk-slide-copy {display:flex; flex-direction:column;}
.toss-kiosk-slide-copy p {font-size:var(--font-size-28); font-weight:700; line-height:1.4em; letter-spacing:-.03em;}
.toss-kiosk-pay {display:flex; flex-direction:column; gap:var(--space-15); width:100%; max-width:700px;}
.toss-kiosk-pay-head {display:flex; gap:var(--space-10); align-items:center;}
.toss-kiosk-pay-label {font-size:var(--font-size-18); font-weight:600; line-height:1.3em; letter-spacing:-.03em;}
.toss-kiosk-pay-list {grid-template-columns:repeat(4, 1fr); display:grid; gap:var(--space-10);}
.toss-kiosk-pay-item {display:flex; flex-direction:column; gap:var(--space-10); align-items:center; padding:var(--space-10) var(--space-20); background:#fff; border-radius:8px;}
.toss-kiosk-pay-icon {display:flex; height:20px; align-items:center; justify-content:center;}
.toss-kiosk-pay-name {color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}

.toss-loyalty {padding:var(--space-150) 0;}
.toss-loyalty-inner {display:flex; flex-direction:column; gap:var(--space-60); align-items:center;}
.toss-loyalty-head {display:flex; flex-direction:column; gap:var(--space-30); align-items:center; text-align:center;}
.toss-loyalty-tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.toss-loyalty-tit .point {color:#2f5dcc;}
.toss-loyalty-desc {font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em;}
.toss-loyalty-list {grid-template-columns:repeat(3, 1fr); display:grid; gap:clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); width:100%;}
.toss-loyalty-item {position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:clamp(300px, calc( 500 / var(--inner) * 100vw ), 500px); padding:var(--space-30); border-radius:24px; overflow:hidden;}
.toss-loyalty-item-bg {position:absolute; inset:0; pointer-events:none; border-radius:24px; overflow:hidden;}
.toss-loyalty-item-bg img {width:100%; height:100%; object-fit:cover; border-radius:24px;}
.toss-loyalty-item:last-child .toss-loyalty-item-bg img {object-position:bottom;}
.toss-loyalty-item-dim {position:absolute; inset:0; border-radius:24px; background:linear-gradient(0deg, rgba(0,0,0,0.7) 7.4%, rgba(0,0,0,0) 28.8%);}
.toss-loyalty-item-text {position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--space-10); color:#fff;}
.toss-loyalty-item-tit {font-size:var(--font-size-24); font-weight:700; line-height:1.3em; letter-spacing:-.03em;}
.toss-loyalty-item-desc {font-size:var(--font-size-18); font-weight:400; line-height:1.4em; letter-spacing:-.03em;}

.toss-delivery {padding-bottom:var(--space-150);}
.toss-delivery-inner {display:flex; flex-direction:column; gap:var(--space-30); align-items:center;}
.toss-delivery-tit {width:100%; font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em; text-align:center;}
.toss-delivery-body {display:flex; gap:var(--space-50); align-items:center; width:100%;}
.toss-delivery-list {display:flex; flex:1; flex-direction:column; gap:var(--space-40);}
.toss-delivery-item {display:flex; gap:12px; padding:var(--space-50); border-radius:16px; box-shadow:6px 6px 15px rgba(0,0,0,0.1); align-items:flex-start;}
.toss-delivery-item img {flex-shrink:0; height:clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px);}
.toss-delivery-item-head {width:100%;}
.toss-delivery-item-tit {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-.03em;}
.toss-delivery-item-desc {margin-top:var(--space-10); font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em;}

.franchise-tab {margin-bottom:var(--space-100); display:flex; align-items:center; width:100%; height:clamp(50px, calc( 70 / var(--inner) * 100vw ), 70px); background:#f7f7f7; border-radius:80px;}
.franchise-tab-item {display:flex; align-items:center; justify-content:center; width:50%; height:clamp(50px, calc( 70 / var(--inner) * 100vw ), 70px); border-radius:80px; font-size:var(--font-size-18); text-align:center; white-space:nowrap; line-height:1.3em; letter-spacing:-.03em;}
.franchise-tab-item.active {background:#2f5dcc; color:#fff; font-weight:600;}
.franchise-tab-item:not(.active) {padding:0 var(--space-10); color:#878787; font-weight:500;}
.franchise-content {display:flex; flex-direction:column; gap:var(--space-120); width:100%;}
.franchise-process {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); width:100%; max-width:1400px; margin:0 auto;}
.franchise-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); text-align:center; width:100%;}
.franchise-head-tit {font-size:var(--font-size-32); font-weight:600; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.franchise-head-desc {font-size:var(--font-size-18); line-height:1.3em; letter-spacing:-.03em; white-space:nowrap;}
.franchise-steps {grid-template-columns:repeat(2, 1fr); display:grid; gap:var(--space-40); width:100%;}
.franchise-step-item {display:flex; padding:var(--space-40); border:1px solid #ddd;}
.franchise-step-inner {display:flex; flex:1; flex-direction:column; align-items:flex-end; gap:var(--space-20);}
.franchise-step-top {display:flex; gap:var(--space-20); width:100%; align-items:flex-start;}
.franchise-step-num {position:relative; flex-shrink:0; width:clamp(26px, calc( 36 / var(--inner) * 100vw ), 36px); aspect-ratio:1/1; border-radius:100%;}
.franchise-step-num-01 {background:rgba(47,93,204,0.4);}
.franchise-step-num-02 {background:rgba(47,93,204,0.6);}
.franchise-step-num-03 {background:rgba(47,93,204,0.8);}
.franchise-step-num-04 {background:rgba(47,93,204,0.9);}
.franchise-step-num-05 {background:#2f5dcc;}
.franchise-step-num-txt {position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:var(--font-size-18); font-weight:600; color:#fff; line-height:1.3em; letter-spacing:-.03em;}
.franchise-step-text {display:flex; flex:1; flex-direction:column; gap:12px;}
.franchise-step-tit {font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em; white-space:nowrap;}
.franchise-step-desc {font-size:var(--font-size-18); line-height:1.7em; letter-spacing:-.03em;}
.franchise-step-icon img {height:clamp(60px, calc( 80 / var(--inner) * 100vw ), 80px);}

.franchise-inquiry {position:relative; width:100%; padding:var(--space-80) 0; border-radius:24px; overflow:hidden;}
.franchise-inquiry-bg {position:absolute; inset:0;}
.franchise-inquiry-bg img {width:100%; height:100%; object-fit:cover; border-radius:24px;}
.franchise-inquiry-inner {position:relative; display:flex; align-items:center; justify-content:center; gap:var(--space-80);}
.franchise-inquiry-text {display:flex; flex-direction:column; gap:var(--space-30);}
.franchise-inquiry-head {display:flex; flex-direction:column; gap:var(--space-20); width:100%;}
.franchise-inquiry-tit {font-size:var(--font-size-32); font-weight:600; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.franchise-inquiry-desc-wrap {display:flex; flex-direction:column; gap:var(--space-20);}
.franchise-inquiry-desc {font-size:var(--font-size-18); line-height:1.3em; letter-spacing:-.03em;}
.franchise-inquiry-info {display:flex; flex-direction:column; gap:0; line-height:1.6em; letter-spacing:-.03em;}
.franchise-inquiry-info-label {font-weight:600;}
.franchise-inquiry-btn {display:flex; align-items:center; justify-content:center; width:clamp(120px, calc(184 / var(--inner) * 100vw), 184px); height:clamp(44px, calc(60 / var(--inner) * 100vw), 60px);  padding:0 15px; background:#2f5dcc; border-radius:500px; font-weight:700; color:#fff; line-height:1.3em; letter-spacing:-.03em; text-align:center;}
.franchise-inquiry-visual img {height:clamp(150px, calc( 232 / var(--inner) * 100vw ), 232px);}

.apply-doc-content {display:flex; flex-direction:column; gap:var(--space-120); width:100%;}
.apply-doc-section {display:flex; flex-direction:column; gap:var(--space-60); width:100%; max-width:1400px; margin:0 auto;}
.apply-doc-head {display:flex; flex-direction:column; gap:var(--space-20); align-items:center; text-align:center; width:100%;}
.apply-doc-head-tit {font-size:var(--font-size-32); font-weight:600; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.apply-doc-head-desc {font-size:var(--font-size-18); line-height:1.3em; letter-spacing:-.03em;}
.apply-doc-blocks {display:flex; flex-direction:column; gap:var(--space-100); width:100%;}
.apply-doc-block {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.apply-doc-block-head {display:flex; gap:var(--space-10); align-items:center; width:100%;}
.apply-doc-block-num {width:clamp(32px, calc( 40 / var(--inner) * 100vw ), 40px); aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:100%; background:#2f5dcc; font-weight:600; color:#fff; letter-spacing:-.03em; text-align:center;}
.apply-doc-block-tit {font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.apply-doc-table {width:100%; border-collapse:collapse; table-layout:fixed;}
.apply-doc-table-head {background:#fafafa;}
.apply-doc-table-head tr {border-top:1px solid var(--color-bk);}
.apply-doc-table-head-col {width:50%; height:64px; padding:var(--space-20) var(--space-80); font-size:var(--font-size-18); font-weight:600; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em; text-align:center; vertical-align:middle;}
.apply-doc-table-cell {width:50%; padding:var(--space-20) var(--space-75); border-bottom:1px solid #ddd; font-size:var(--font-size-18);  line-height:1.3em; letter-spacing:-.03em;}
.apply-doc-table-body tr:first-child .apply-doc-table-cell {border-top:1px solid #ddd;}
.apply-doc-table-cell:first-child {border-right:1px solid #ddd;}
.apply-doc-table-cell-empty {min-height:68px; text-align:center;}

.apply-doc-item-num {flex-shrink:0; width:20px; text-align:left;}
.apply-doc-item-group {display:flex; gap:5px; width:100%;}
.apply-doc-item-inner {width:100%;}
.apply-doc-item-sub {font-size:var(--font-size-16); color:#878787; line-height:1.3em; letter-spacing:-.03em;}
.apply-doc-item-sub-multi {line-height:1.75em;}
.apply-doc-item-sub-detail {line-height:1.6em;}
.apply-doc-item-sub .apply-doc-item-point {color:#2f5dcc;}
.apply-doc-item-multi {align-items:flex-start;}
.apply-doc-item-multi .apply-doc-item-num {padding-top:6px;}

.apply-doc-item-text p {line-height:1.7em;}
.apply-doc-qual {display:flex; flex-direction:column; gap:var(--space-60); width:100%; max-width:1400px; margin:0 auto;}
.apply-doc-qual-tit {font-size:var(--font-size-32); font-weight:600; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em; text-align:center;}
.apply-doc-qual-list {display:flex; flex-direction:column; width:100%;}
.apply-doc-qual-row {display:flex; gap:var(--space-80); align-items:flex-start; padding:var(--space-40) var(--space-30); background:#fff; border-top:1px solid #ddd;}
.apply-doc-qual-row:last-child {border-bottom:1px solid #ddd;}
.apply-doc-qual-label {flex-shrink:0; width:151px; font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em;}
.apply-doc-qual-items {display:flex; flex:1; flex-direction:column; gap:var(--space-15);}
.apply-doc-qual-item {display:flex; gap:var(--space-15); align-items:center; font-size:var(--font-size-18); line-height:1.66em; letter-spacing:-.03em;}
.apply-doc-qual-item-text {display:block;}
.apply-doc-qual-dot {flex-shrink:0; width:6px; height:6px; border-radius:500px; background:#2f5dcc;}

.inquiry-done {display:flex; flex-direction:column; gap:var(--space-100); align-items:center; width:100%;}
.inquiry-done-guide {display:flex; gap:var(--space-16); align-items:center;}
.inquiry-done-icon img {height:clamp(32px, calc( 48 / var(--inner) * 100vw ), 48px);}
.inquiry-done-text {line-height:1.5em; letter-spacing:-.03em;}
.inquiry-done-text strong {font-weight:600;}
.inquiry-done-content {display:flex; flex-direction:column; gap:var(--space-60); align-items:center; width:100%;}
.inquiry-done-view {width:100%; max-width:1400px;}
.inquiry-done-view table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #505050; border-bottom:1px solid #ddd;}
.inquiry-done-view th {padding:var(--space-30) var(--space-20); background:#fafafa; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-.03em; text-align:center; vertical-align:middle;}
.inquiry-done-view td {padding:var(--space-30) var(--space-40); border-bottom:1px solid #ddd; line-height:1.5em; letter-spacing:-.03em;}
.inquiry-done-view tr:last-child th,
.inquiry-done-view tr:last-child td {border-bottom:0;}
.inquiry-done-row-content th {padding:var(--space-25) var(--space-20);}
.inquiry-done-row-content td {padding:var(--space-30) var(--space-40);}
.inquiry-done-btn {display:flex; align-items:center; justify-content:center; min-width:clamp(120px, calc(184 / var(--inner) * 100vw), 184px); height:clamp(44px, calc(60 / var(--inner) * 100vw), 60px); padding:0 var(--space-50); background:#2f5dcc; border-radius:500px; font-weight:700; color:#fff; line-height:1.3em; letter-spacing:-.03em; text-align:center; white-space:nowrap;}

.submit-btn-inquiry {min-width:clamp(120px, calc(184 / var(--inner) * 100vw), 184px);height:clamp(44px, calc(60 / var(--inner) * 100vw), 60px);line-height:clamp(44px, calc(60 / var(--inner) * 100vw), 60px);border-radius:500px;font-weight:700;}

.filter-tab {display:flex; align-items:center; width:100%; margin-bottom:var(--space-100); background:#f7f7f7; border-radius:80px;}
.filter-tab-item {display:flex; align-items:center; justify-content:center; flex:1; border-radius:80px; font-size:var(--font-size-18); font-weight:500; color:#878787; line-height:1.0em; letter-spacing:-0.03em; text-align:center; white-space:nowrap; text-decoration:none;}
.filter-tab-item:not(.active) {padding:0 var(--space-10);}
.filter-tab-item.active {background:#2f5dcc; font-weight:600; color:#fff;}
.filter-tab, .filter-tab-item {height:clamp(50px, calc( 70 / var(--inner) * 100vw ), 70px);}
.filter-tab-swiper {display:block; overflow:hidden; width:100%;}
.filter-tab-swiper .swiper-wrapper {align-items:center;}
.filter-tab-swiper .filter-tab-item {width:100%; flex:none;}

.product-view {display:flex; flex-direction:column; gap:var(--space-100); width:100%;}
.product-view-head {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.product-view-top {display:flex; gap:var(--space-150); align-items:center; width:100%;}
.product-view-slide {display:flex; flex-direction:column; gap:var(--space-30); flex-shrink:0; width:100%; max-width:660px;}
.product-view-visual-swiper {width:100%; border-radius:16px; overflow:hidden;}
.product-view-visual-swiper .swiper-slide {height:550px;}
.product-view-visual {width:100%; height:100%; border:1px solid #ddd; border-radius:16px; overflow:hidden; background:#fff;}
.product-view-visual img {display:block; width:100%; height:100%; object-fit:cover; border-radius:16px;}

.product-view-info {display:flex; flex-direction:column; gap:var(--space-40); flex:1;}
.product-view-info-top {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.product-view-name {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); line-height:1.0em; letter-spacing:-0.03em;}
.product-view-bar {width:40px; height:3px; background:#ddd;}
.product-view-spec {display:flex; flex-direction:column; gap:var(--space-20); margin:0;}
.product-view-spec-item {display:flex; gap:var(--space-30); align-items:center;}
.product-view-spec-label {flex-shrink:0; width:46px; margin:0; font-size:var(--font-size-18); font-weight:600; color:var(--color-bk); line-height:1.0em; letter-spacing:-0.03em;}
.product-view-spec-value {flex:1; font-size:var(--font-size-18); color:#505050; line-height:1.0em; letter-spacing:-0.03em;}
.product-view-btn {display:inline-flex; align-items:center; justify-content:center; width:clamp(120px, calc(184 / var(--inner) * 100vw), 184px); height:clamp(44px, calc( 60 / var(--inner) * 100vw ), 60px); padding:0 var(--space-50); background:#2f5dcc; border-radius:500px; font-size:var(--font-size-16); font-weight:700; color:#fff; line-height:1.0em; letter-spacing:-0.03em; text-align:center; text-decoration:none; white-space:nowrap;}
.product-view-thumb {position:relative; width:100%;}

.product-view-arrow {position:absolute; top:50%; transform:translateY(-50%); width:10px; height:18px; z-index:1; padding:0; border:0; background:unset;}
.product-view-thumb-prev {left:0;}
.product-view-thumb-next {right:0;}

.product-view-thumb-prev.is-disabled,
.product-view-thumb-next.is-disabled {opacity:0.35; cursor:default; pointer-events:none;}
.product-view-thumb-swiper {position:relative; z-index:1; width:100%; max-width:calc(100% - 80px); margin:0 45px; overflow:hidden;}
.product-view-thumb-swiper .swiper-slide {aspect-ratio:135/104;}
.product-view-thumb-item {position:relative; width:100%; height:100%; border:1px solid #ddd; border-radius:8px; overflow:hidden; cursor:pointer;}
.product-view-thumb-swiper .swiper-slide-thumb-active .product-view-thumb-item {border:3px solid #2f5dcc;}
.product-view-thumb-swiper .swiper-slide:not(.swiper-slide-thumb-active) .product-view-thumb-item:after {content:''; position:absolute; inset:0; border-radius:8px; background:rgba(255,255,255,0.5); pointer-events:none;}
.product-view-thumb-item img {display:block; width:100%; height:100%; object-fit:cover; border-radius:8px;}
.product-view-detail {display:flex; flex-direction:column; gap:var(--space-60); align-items:center; width:100%;}
.product-view-detail-inner {display:flex; flex-direction:column; gap:var(--space-20); width:100%;}
.product-view-detail-head {position:relative; padding-bottom:var(--space-20); border-bottom:1px solid #ddd;}
.product-view-detail-head:after {content:''; position:absolute; left:0; bottom:0; width:40px; height:1px; background:#2f5dcc;}
.product-view-detail-tit {font-size:var(--font-size-32); font-weight:600; color:var(--color-bk); line-height:1.0em; letter-spacing:-0.03em;}