@charset "utf-8";
.space-top {padding-top:var(--space-100);}
.space-bottom {padding-bottom:var(--space-100);}

.page-about .contain {max-width: 1460px;}
.value-items {gap:35px clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px);}
.value-item {align-items:center;}
.value-item .circle {position:relative; width:clamp(150px, calc( 280 / var(--inner) * 100vw ), 280px); height:clamp(150px, calc( 280 / var(--inner) * 100vw ), 280px); border-radius:50%; background:url('/images/sub/value-bg1.png') center/cover no-repeat; overflow:hidden;}
.value-item .circle::before {content:''; position:absolute; left:10px; top:10px; right:10px; bottom:10px; border-radius:50%; border:2px dashed rgba(255,255,255,0.3); pointer-events:none;}
.value-item .circle.blue {background-color:var(--primary-color);}
.value-item .circle.red {background-color:var(--secondary-color);}
.value-item .circle.gray {background-color:#454545;}
.value-item .circle .label {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1;}
.value-item .circle .num {position:absolute; left:50%; bottom:-5%; transform:translateX(-50%); font-size:120px; font-weight:800; color:rgba(255,255,255,0.1); line-height:120px; z-index:1;}
.simple-sec {background:#f8f8f8;}
.compare-wrap {gap:var(--space-30);}
.compare-wrap.reverse {flex-direction: row-reverse;}
.compare-wrap.type2 {gap: var(--space-60);}
.compare-row {gap:var(--space-45); align-items: normal;}
.compare-row.type2 {gap: var(--space-30);}
.compare-card {position:relative; flex: 1; width: 100%; border-radius:var(--radius-24); padding:var(--space-45) var(--space-40); overflow:hidden;}
.compare-card.white {background:#fff; border:1px solid #ddd;}
.compare-card.primary {background:var(--primary-color);}
.compare-card.primary::before {content:''; pointer-events:none; position:absolute; left:10px; top:10px; right:10px; bottom:10px; border-radius:24px; border:1px dashed rgba(255,255,255,0.4);}
.compare-card .icon {padding:clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px);flex-shrink:0; margin-right:var(--space-40); background:#f8f8f8; border-radius:100%;}
.compare-card .sub {color:rgba(255,255,255,0.6);}
.compare-row .arrow {gap:5px;}
.compare-row .arrow span {display:block; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid var(--secondary-color);}
.compare-row .arrow span:nth-child(1){border-left-color: rgba(180, 29, 50, 0.20);}
.compare-row .arrow span:nth-child(2){border-left-color: rgba(180, 29, 50, 0.40);}
.compare-row .arrow.flex-column span {transform:rotate(90deg);}
.about-cards {gap: var(--space-30);}
.about-card {display: flex; flex-direction: column; overflow: hidden;border-radius: var(--radius-24);}
.about-card .txt {padding: var(--space-30); flex:1; background: #F8F8F8;}

.sec-about-banner .contain {max-width: 1780px;}
.about-banner-cnt {position: relative; border-radius: var(--radius-40); overflow: hidden;}
.about-banner-cnt .bg img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index: -1;}
.compare-photo {width: 51.4286%; border-radius: var(--radius-24); overflow: hidden;}
.compare-photo img {width: 100%; height: 100%; object-fit: cover}
.partner-list ul {display: flex; flex-wrap: wrap; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.partner-list li {width: 20%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.partner-logo {display: flex; align-items:center; justify-content:center; padding:10px; width: 100%; height:100%; min-height: clamp(70px, calc( 115 / var(--inner) * 100vw ), 115px);}

.support-guide-list ul {display: flex; flex-wrap: wrap; margin: calc(var(--space-15) * -1);}
.support-guide-list li {width: 50%; padding: var(--space-15);}
.support-guide-item {display: flex; flex-direction: column; height: 100%; border: 1px solid #ddd; border-radius: var(--radius-40); overflow: hidden;}
.support-guide-thumb {flex:1; display: flex; align-items:center; justify-content:center; padding: 20px;}
.support-guide-txt {border-top: 1px solid #ddd; padding: var(--space-40); transition: .2s;}
.btn-download {display: flex; justify-content: center; gap: 5px; width: fit-content; background: var(--primary-color); color:#fff; padding: 12px 40px; border-radius: 100px; font-size: var(--font-size-15); line-height: 1.2em; font-weight: 500;}
.btn-download:after {content:''; display: block; width: 20px; background: url('/images/sub/icon-download.png') center/cover no-repeat;}
.support-guide-item:hover {border-color: var(--primary-color);}
.support-guide-item:hover .support-guide-txt {background: #f8f8f8; border-color: var(--primary-color);}

.one-page .sec {padding-top: calc(var(--header-height) + var(--space-30));;}
.sec-gray .service-nav {background: #fff; }
.service-nav {background: #F3F4F6; border-radius: 100px; padding: 7px; margin-bottom: var(--space-60);}
.service-nav ul {width: max-content; min-width: 100%;}
.service-nav li {flex: 1 1 auto; width: auto; text-align: center; color: rgba(27, 42, 81, 0.40); font-weight: 600; line-height: 1.5em;}
.service-nav li.active a {color: #fff; background: var(--primary-color);}
.service-nav a {display: block; border-radius: 100px; padding: clamp(8px, calc( 13 / var(--inner) * 100vw ), 13px) 15px;}

.sec-gray {background:#f8f8f8;}

.fulfillment-compare-list {display: flex; flex-direction: column; gap: var(--space-60); max-width: 1200px; margin: 0 auto;}
.fulfillment-compare-item {position: relative; }
.fulfillment-compare-header {position: relative; z-index :2; display: flex; align-items: center; gap: var(--space-5); width: fit-content; margin-bottom: -25px; margin-left: var(--space-40); background: var(--primary-color); border-radius: var(--radius-40); padding: var(--space-15) var(--space-50); height: 50px;}
.fulfillment-compare-header img {width: 26px; height: 26px;}
.fulfillment-compare-header p {font-size: var(--font-size-20); font-weight: 700; color: #fff;}
.fulfillment-compare-box {position: relative;}
.fulfillment-compare-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; border: 1px dashed var(--primary-color); border-radius: var(--radius-32);}
.fulfillment-compare-content {position: relative; display: flex; align-items: center; justify-content: center; gap: var(--space-20); padding: var(--space-40); padding-top: var(--space-70);}
.fulfillment-compare-card {flex:0 0 40.179%; display: flex; flex-direction: column;}
.fulfillment-compare-card-header {height: 60px; display: flex; align-items: center; justify-content: center; padding: var(--space-10) var(--space-100); border-radius: var(--radius-16) var(--radius-16) 0 0; font-size: var(--font-size-22); font-weight: 700; color: #fff;}
.fulfillment-compare-card-header.primary {background: var(--primary-color);}
.fulfillment-compare-card-header.secondary {background: var(--secondary-color);}
.fulfillment-compare-card-body {position: relative; height: 190px; background: #fff; border: 1px solid; border-top: 0; border-radius: 0 0 var(--radius-16) var(--radius-16); display: flex; align-items: center; justify-content: center; padding: var(--space-20);}
.fulfillment-compare-card-header.primary + .fulfillment-compare-card-body {border-color: var(--primary-color);}
.fulfillment-compare-card-header.secondary + .fulfillment-compare-card-body {border-color: var(--secondary-color);}
.fulfillment-compare-card-txt {width: 100%; height: 100%;  padding: var(--space-30) 15px; border-radius: var(--radius-16); font-size: var(--font-size-20); font-weight: 500; color: var(--dark-color); text-align: center; line-height: 1.5em;}
.fulfillment-compare-card-txt strong {font-weight: 700; color: var(--secondary-color);}
.fulfillment-compare-card-header.primary + .fulfillment-compare-card-body .fulfillment-compare-card-txt {background: rgba(27, 42, 81, 0.05);}
.fulfillment-compare-card-header.secondary + .fulfillment-compare-card-body .fulfillment-compare-card-txt { background: rgba(180, 29, 50, 0.03);}
.fulfillment-compare-arrow {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-20); flex: 1;}
.fulfillment-compare-arrow p {font-size: var(--font-size-20); font-weight: 500; color: var(--dark-color); text-align: center;}
.fulfillment-compare-arrow p strong {font-size: var(--font-size-26); font-weight: 700; color: var(--secondary-color);}
.fulfillment-compare-plus {display: flex; align-items: center; justify-content: center; flex:1; height: 100%;}
.fulfillment-compare-guarantee-list {position: relative; display: flex; gap: var(--space-30); padding: var(--space-40); padding-top: var(--space-70);}
.fulfillment-guarantee-item {flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-20); background: #fff; border: 1px solid #ddd; border-radius: var(--radius-24); padding: var(--space-30) var(--space-20);}
.fulfillment-guarantee-txt {display: flex; flex-direction: column; gap: var(--space-5); text-align: center;}
.fulfillment-guarantee-tit {font-size: var(--font-size-18); font-weight: 600; color: var(--dark-color); line-height: 1.444em;}
.fulfillment-guarantee-desc {font-size: var(--font-size-16); font-weight: 400; color: #454545; line-height: 1.25em;}
.fulfillment-core-list {display: flex; gap: var(--space-30);;}
.fulfillment-core-item {position: relative; flex: 1; flex-shrink: 0; height: 480px;}
[lang="en"] .fulfillment-core-item {height: 550px;}
.fulfillment-core-item .core-side {position: relative; border-radius: var(--radius-24); overflow: hidden; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 2;}
[lang="en"] .fulfillment-core-item .core-side {padding:10px;}
.fulfillment-core-bg {position: absolute; inset: 0; border-radius: var(--radius-24); overflow: hidden;}
.fulfillment-core-bg img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.fulfillment-core-overlay {position: absolute; inset: 0; background: rgba(0, 0, 0, 0.4); border-radius: var(--radius-24); transition: background 0.3s ease;}
.fulfillment-core-txt {display: flex; flex-direction: column; gap: var(--space-20); align-items: center; z-index: 2;}
.fulfillment-core-label {background: rgba(255, 255, 255, 0.3); border-radius: 50px; padding: var(--space-10) var(--space-50); height: 40px; display: flex; align-items: center; justify-content: center; width: 150px; font-size: var(--font-size-20); font-weight: 700; color: #fff; transition: all 0.3s ease;}
[lang="en"] .fulfillment-core-label {height: auto; min-height: 40px; width: 100%;}
.fulfillment-core-txt p {font-size: var(--font-size-16); font-weight: 500; color: #fff; text-align: center; line-height: 1.5em;}
.fulfillment-core-hover {max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.6s ease, opacity 0.6s ease 0.1s; width: 100%; display: flex; flex-direction: column; align-items: center; gap: var(--space-20);}
.fulfillment-core-arrow {display: flex; align-items: center; justify-content: center;}
.fulfillment-core-desc {background: rgba(255, 255, 255, 0.2); padding: var(--space-10); display: flex; align-items: center; justify-content: center; font-size: var(--font-size-16); font-weight: 600; color: #fff; width: calc(100% - var(--space-30));}
.fulfillment-core-features {display: flex; flex-direction: column; gap: var(--space-10); width: calc(100% - var(--space-30));}
.fulfillment-core-feature-item {background: #fff; border-radius: 50px; height: 36px; display: flex; align-items: center; gap: var(--space-5); padding: 0 var(--space-25); font-size: var(--font-size-14); font-weight: 500; color: var(--dark-color);}
[lang="en"] .fulfillment-core-feature-item {height: auto; min-height: 36px; padding-top: 5px; padding-bottom: 5px;}
.fulfillment-core-feature-item p {line-height: 1em; margin: 0;}
.fulfillment-core-feature-item strong {font-weight: 600; color: var(--secondary-color); display: inline-block;}
.fulfillment-core-link {display: flex; align-items: center; justify-content: center; padding: var(--space-5) 0; border-bottom: 1px solid rgba(255, 255, 255, 0.6); font-size: var(--font-size-14); font-weight: 500; color: rgba(255, 255, 255, 0.6);}
.fulfillment-core-item:hover .fulfillment-core-overlay {background: rgba(27, 42, 81, 0.9);}
.fulfillment-core-item:hover .fulfillment-core-label {background: #fff; color: var(--primary-color);}
.fulfillment-core-item:hover .fulfillment-core-hover {max-height: 500px; opacity: 1; padding-top: var(--space-20); transition: max-height 0.6s ease, opacity 0.6s ease;}
.fulfillment-after-list {display: flex; gap: var(--space-30);}
.fulfillment-after-item {flex: 1; display: flex; flex-direction: column; align-items: center; gap: var(--space-20); background: #fff; border: 1px solid rgba(221, 221, 221, 0.87); border-radius: var(--radius-24); padding: var(--space-40) var(--space-20); min-height: 500px;}
.fulfillment-after-question {font-size: var(--font-size-18); font-weight: 500; color: #454545; text-align: center; line-height: 1.333em;}
.fulfillment-after-arrow {display: flex; align-items: center; justify-content: center;}
.fulfillment-after-btn {background: var(--secondary-color); border-radius: 50px; height: 40px; display: flex; align-items: center; justify-content: center; padding: var(--space-20) var(--space-40); font-size: var(--font-size-16); font-weight: 500; color: #fff; min-width: 120px;}
.fulfillment-after-result {display: flex; flex-direction: column; gap: var(--space-10); align-items: center; width: 100%;}
.fulfillment-after-percent {font-size: var(--font-size-80); font-weight: 700; color: var(--primary-color); text-align: center; line-height: 1em;}
.fulfillment-after-percent-wrap {position: relative; width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: var(--space-10);}
.fulfillment-after-percent-wrap .fulfillment-after-percent {font-size: var(--font-size-80); font-weight: 700; color: var(--primary-color); text-align: center; line-height: 1em;}
.fulfillment-after-label {font-size: var(--font-size-16); font-weight: 400; color: var(--dark-color);}
.fulfillment-after-desc {display: flex; flex-direction: column; gap: var(--space-10); align-items: center; text-align: center; width: 100%;}
.fulfillment-after-desc p {font-size: var(--font-size-18); font-weight: 500; color: var(--dark-color); line-height: 1.333em;}
.fulfillment-after-desc p:nth-child(2) {font-size: var(--font-size-14); font-weight: 400; color: #686868; line-height: 1.714em;}
.step-process {position: relative; padding-top: 15px;}
.step-process-bubble {position: absolute; top: 0; left: 4%; width: 156px; height: 57px; padding-bottom: 12px; background: url('/images/sub/step-bubble.svg') center / contain no-repeat; display: flex; align-items: center; justify-content: center; font-size: var(--font-size-16); font-weight: 700; color: #fff9f9; z-index: 2;}
[lang="en"] .step-process-bubble {left: 0; background: var(--secondary-color); width: fit-content; height: auto; padding: 5px 10px; border-radius: 5px; position: relative;}
[lang="en"] .step-process-bubble::before {content: ''; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid var(--secondary-color);}
.step-process-row {position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}
.step-process-line {display: none; position: absolute; top: 93px; left: 161px; width: 900px; height: 2px; border-top: 1px dashed #ddd;}
.step-process-item {position: relative; flex: 1 1 auto; width: 25%; padding: var(--space-60) var(--space-30); display: flex; flex-direction: column; align-items: center; flex-shrink: 0;}
.step-process-item[data-step="1"] {order: 1;}
.step-process-item[data-step="2"] {order: 2;}
.step-process-item[data-step="3"] {order: 3;}
.step-process-item[data-step="4"] {order: 4;}
.step-process-item[data-step="5"] {order: 8;}
.step-process-item[data-step="6"] {order: 7;}
.step-process-item[data-step="7"] {order: 6;}
.step-process-item[data-step="8"] {order: 5;}
.step-process-item::after {content: ''; position: absolute; right: 0; top: 44%; width: 65px; height: 20px; background: url('/images/sub/step-arrow.svg') center/contain no-repeat; z-index: 1; transform: translateX(50%);}
.step-process-item[data-step="4"]::after {right: 50%; top: auto; bottom: 0; transform: translate(50%,50%) rotate(90deg); z-index: 1;}
.step-process-item[data-step="4"] ~ .step-process-item::after {right: auto; left: 0; transform: translateX(-50%) rotate(180deg);}
.step-process-item:last-child::after {display: none;}
.step-process-badge {position: relative; width: 90px; height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-20); background: var(--primary-color); border-radius: 50px; padding: var(--space-5) var(--space-15); z-index: 2;}
.step-process-badge span {position: relative; font-size: var(--font-size-18); font-weight: 700; color: #fff; z-index: 1;}
.step-process-content {width: 100%; display: flex; flex-direction: column; gap: var(--space-10); margin-top: var(--space-15); align-items: center; text-align: center; z-index: 2;}
.step-process-title {font-size: var(--font-size-18); font-weight: 600; color: var(--dark-color); line-height: 1.556em;}
.step-process-desc {display: flex; flex-direction: column; gap: 0; font-size: var(--font-size-16); font-weight: 400; color: #454545; line-height: 1.5em;}
.step-process-desc p {margin: 0;}
.btn-wrap {gap: 20px;}
.dist-flow {display: flex; flex-direction: column; gap: var(--space-70);}
.dist-flow-top {position: relative; display: flex; gap:clamp(15px, calc( 65 / var(--inner) * 100vw ), 65px); position: relative; width: 100%;}
.dist-flow-top:after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; border-top: 1px dashed #3F3F3F;; z-index: -1;}
[lang="en"] .dist-flow-top {gap: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}
.dist-item {position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 2;}
.dist-item:not(:last-child)::after {content: ''; position: absolute; right: 0; top: 0; transform: translateY(-50%); width: clamp(15px, calc( 65 / var(--inner) * 100vw ), 65px); height: 100%; background: url('/images/sub/distribution-arrow.png') center right no-repeat; transform: translateX(100%); z-index: 1;}
[lang="en"] .dist-item:not(:last-child)::after {width: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}
.dist-item-start { background: var(--primary-color); border-radius: var(--radius-24); padding:var(--space-25);}
.dist-item-start p {font-size: var(--font-size-22); font-weight: 600; color: #fff; text-align: center; line-height: 1.273em;}
.dist-item-end {background: var(--secondary-color); border-radius: var(--radius-24); padding: 82px 43px;}
.dist-item-end p {font-size: var(--font-size-22); font-weight: 600; color: #fff; text-align: center; line-height: 1.273em;}
.dist-item-circle::before {content: ''; position: absolute; width: 100%; padding-bottom: 100%; background: #fff; border: 4px solid #ddd; border-radius: 100%; z-index: 1;}
.dist-item-circle p {position: relative; font-size: var(--font-size-20); font-weight: 500; color: #3f3f3f; text-align: center; line-height: 1.4em; z-index: 2;}
[lang="en"] .dist-item-circle p {padding: 10px; font-size: var(--font-size-18);}
.dist-flow-bottom {position: relative; width: 100%; padding: var(--space-15) 50px; background: rgba(27, 42, 81, 0.05);}
.dist-flow-bottom:after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 14.1667%; height: 146px; background: url('/images/sub/dist-flow-arrow.jpg') no-repeat center right / contain;}
.dist-desc {position: relative;}
.sec-coupang {padding-top: calc(var(--header-height) + var(--space-30));}
.coupang-list {display: flex; gap: var(--space-30);}
.coupang-item {flex: 1; display: flex; flex-direction: column; overflow: hidden;}
.coupang-img {width: 100%; display: flex; align-items: center; justify-content: center; background: #fff;}
.coupang-img img {max-width: 100%; max-height: 100%; object-fit: contain;}
.coupang-txt {padding: 0 var(--space-20) var(--space-20); display: flex; flex-direction: column; align-items: center; text-align: center;}
.coupang-txt h3 {font-size: var(--font-size-20); font-weight: 600; color: var(--dark-color); margin-bottom: var(--space-5);}
.coupang-txt p {font-size: var(--font-size-16); font-weight: 400; color: #454545; line-height: 1.5em;}
.coupang-txt p.fz14 {font-size: var(--font-size-14); color: #9f9f9f;}
.oliveyoung-step {position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: clamp(15px, calc(65 / var(--inner) * 100vw), 65px); max-width: 706px;}
.oliveyoung-step-item {position: relative; width: 192px; display: flex; flex-direction: column; align-items: center; gap: var(--space-20); flex-shrink: 0;}
.oliveyoung-step-item[data-step="1"] {order: 1;}
.oliveyoung-step-item[data-step="2"] {order: 2;}
.oliveyoung-step-item[data-step="3"] {order: 3;}
.oliveyoung-step-item[data-step="4"] {order: 4;}
.oliveyoung-step-item[data-step="5"] {order: 5;}
.oliveyoung-step-item:not(:last-child)::after {content: ''; position: absolute; right: 0; top: 98px; width: 65px; height: 20px; background: url('/images/sub/step-arrow.svg') center/contain no-repeat; transform: translateX(100%); z-index: 1;}
.oliveyoung-step-item[data-step="3"]::after {content: none;}
.oliveyoung-step-badge {position: relative; width: 90px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--primary-color); border-radius: 50px; padding: var(--space-5) var(--space-15); z-index: 2;}
.oliveyoung-step-badge span {font-size: var(--font-size-18); font-weight: 700; color: #fff;}
.oliveyoung-step-icon {display: flex; align-items: center; justify-content: center; z-index: 2;}
.oliveyoung-step-content {width: 100%; display: flex; flex-direction: column; gap: var(--space-5); align-items: center; text-align: center; z-index: 2;}
.oliveyoung-step-title {font-size: var(--font-size-18); font-weight: 500; color: var(--dark-color); line-height: 1.556em;}
.oliveyoung-step-desc {display: flex; flex-direction: column; gap: 0; font-size: var(--font-size-16); font-weight: 400; color: #454545; line-height: 1.5em;}
.oliveyoung-step-desc p {margin: 0;}
.curly-diagram {display: flex; gap: var(--space-60);}
.curly-diagram-left {position: relative; background: #f9f9fb; border: 1px dashed var(--primary-color); border-radius: 200px; display: flex; align-items: center; justify-content: center; gap: var(--space-15); padding: var(--space-30); flex-shrink: 0;}
.curly-circle {width: 200px; height: 200px; background: #fff; border-radius: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-10); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
.curly-circle-label {font-size: var(--font-size-20); font-weight: 600; color: var(--primary-color); line-height: 1em;}
.curly-circle-ok {font-size: var(--font-size-54); font-weight: 700; color: var(--primary-color); line-height: 1em;}
.curly-circle-ok-purple {color: #532472;}
.curly-plus {width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.curly-arrow { display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.curly-diagram-right { background: #fcf8f8; border: 1px dashed var(--secondary-color); border-radius: var(--radius-24); padding: var(--space-30); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-10); flex-shrink: 0;}
.curly-item {width: 100%; height: 60px; background: #fff; border-radius: var(--radius-16); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);}
.curly-item p {font-size: var(--font-size-20); font-weight: 600; color: var(--secondary-color); text-align: center; line-height: 1.4em;}
.delivery-general-content {display: flex; flex-direction: column; gap: var(--space-30); max-width: 1200px; margin: 0 auto;}
.delivery-logo-line {width: 100%; padding: 10px; background: #fff; border: 1px solid #ddd; border-radius: 60px; display: flex; align-items: center; justify-content: center;}
.delivery-stats-list {display: flex; flex-wrap: wrap; gap: var(--space-30);}
.delivery-stats-item {flex: 1 1 calc((100% - var(--space-30) * 2) / 3); background: #fff; border: 1px solid #ddd; border-radius: var(--radius-24); padding: var(--space-40) 20px; display: flex; flex-direction: column; align-items: center; position: relative;}
.delivery-stats-badge {background: var(--primary-color); border-radius: 50px; padding: var(--space-10) var(--space-50); height: 40px; display: flex; align-items: center; justify-content: center; font-size: var(--font-size-16); font-weight: 600; color: #fff;}
.delivery-stats-number {display: flex; gap: var(--space-5); margin-top: var(--space-30);}
.delivery-stats-num {font-size: var(--font-size-80); font-weight: 700; color: var(--dark-color); line-height: .7em;}
.delivery-stats-unit {display: flex; flex-direction: column; justify-content: flex-end; font-size: var(--font-size-16); font-weight: 400; color: #454545; line-height: 1em;}
.delivery-stats-desc {margin-top: var(--space-25); text-align: center; font-size: var(--font-size-16); font-weight: 400; color: #454545; line-height: 1.75em;}
.delivery-stats-desc p {margin: 0;}
.delivery-collect-info {width: 100%; height: 60px; background: #fff; border: 1px solid var(--primary-color); border-radius: 60px; display: flex; align-items: center;}
[lang="en"] .delivery-collect-info {flex-direction: column; align-items: flex-start; height: auto; padding: 10px;}
.delivery-collect-left {flex: 1; height: 100%; display: flex; align-items: center; gap: var(--space-30); padding: 0 var(--space-30);}
.delivery-collect-right {flex: 1; height: 100%; display: flex; align-items: center; gap: var(--space-30); padding: 0 var(--space-30);}
.delivery-collect-title {font-size: var(--font-size-20); font-weight: 600; color: var(--primary-color); line-height: 1em;}
.delivery-collect-desc {font-size: var(--font-size-16); font-weight: 400; color: #454545; line-height: 1.5em;}
.delivery-collect-desc strong {font-weight: 600; color: var(--dark-color);}

.delivery-parcel-boxes {gap: var(--space-30);}
.delivery-mockup-boxes:after {content: ''; display: block; width: 100%; height: 56px; margin-bottom: var(--space-40); background: url('/images/sub/delivery-mockup-divider.png') no-repeat center center; background-size: contain;}
.delivery-parcel-box {padding: var(--space-35) var(--space-30); background: #fff; border-radius: var(--radius-24); border: 1px solid #ddd;}
.delivery-mockup-content {gap: clamp(20px, calc(80 / var(--inner) * 100vw), 80px)}
.delivery-mockup-content .mockup {width: 35%;}
.delivery-mockup-boxes {gap: var(--space-25); flex-wrap: wrap;}
.delivery-mockup-box {display: flex; align-items: center; justify-content: center; flex: 1 1 auto; width: calc((100% - var(--space-25) * 2) / 3); padding: var(--space-25) 15px; background: #fff; border-radius: var(--radius-24); border:1px solid rgba(27, 42, 81, 0.40);}
.delivery-mockup-box.col2 {width: calc((100% - var(--space-30) * 2) * 2 / 3 + var(--space-30));}
.delivery-mockup-txt {padding-bottom: var(--space-30);}
.delivery-special-content {display: flex; flex-direction: column; gap: var(--space-60); max-width: 1084px; margin: 0 auto;}
.delivery-special-flow {position: relative; display: flex; gap: var(--space-40);}
.delivery-special-label {display: flex; align-items: center; font-size: var(--font-size-28); font-weight: 600; color: var(--dark-color); line-height: 1.43em;}
[lang="en"] .delivery-special-label {width: 15%;}
.delivery-special-process {display: flex; align-items: center; justify-content: center; gap: var(--space-20); flex: 1; position: relative;}
.delivery-special-guarantee {display: flex; align-items: center; gap: var(--space-30); width: 208px; margin-top: var(--space-35);}
[lang="en"] .delivery-special-guarantee {width: 24%;}
.delivery-special-guarantee-text {display: flex; flex-direction: column; align-items: center; line-height: 1.5em;}
.delivery-special-guarantee-percent {font-size: var(--font-size-32); font-weight: 700; color: var(--secondary-color); line-height: 1em; margin: 0;}
[lang="en"] .delivery-special-guarantee-percent {font-size: var(--font-size-28);}
.delivery-special-guarantee-label {font-size: var(--font-size-24); font-weight: 700; color: var(--dark-color); line-height: 1.5em; margin: 0;}
[lang="en"] .delivery-special-guarantee-label {font-size: var(--font-size-22);}
.delivery-special-guarantee-label.type2 {font-size: var(--font-size-20);}
[lang="en"] .delivery-special-guarantee-label.type2 {font-size: var(--font-size-18);}
.delivery-special-guarantee-price {font-size: var(--font-size-32); font-weight: 700; color: var(--secondary-color); line-height: 1em; margin: 0;}
.delivery-special-notice {display: flex; flex-direction: column; align-items: center; gap: var(--space-20); margin-top: var(--space-40);}
.delivery-special-notice-divider {width: 100%; height: 108.883px;}
.delivery-special-notice-divider img {width: 100%; height: 100%;}
.delivery-special-notice-list {display: flex; flex-direction: column; gap: var(--space-20);}
.delivery-special-notice-item {display: flex; align-items: center; gap: var(--space-5); background: #fff; border-radius: 60px; padding: var(--space-10) var(--space-30); height: 50px; max-width: 650px;}
[lang="en"] .delivery-special-notice-item {text-align: left; height: auto; }
.delivery-special-notice-item img {width: 26px; height: 26px; flex-shrink: 0;}
.delivery-special-notice-item p {font-size: var(--font-size-16); font-weight: 500; color: var(--dark-color); line-height: 1.875em; margin: 0;}
[lang="en"] .delivery-special-notice-item p {line-height: 1.5em;}
.logistics-items {gap: 30px var(--space-30);}
.price-compare {display: flex; align-items: flex-start; margin: calc(var(--space-80) * -1)}
.price-compare.type2 {max-width: 1140px; margin-left: auto; margin-right: auto;}
.price-compare-card {display: flex; flex-direction: column; gap: var(--space-20); flex: 1; padding: var(--space-80);}
.price-compare-card:first-child .img:after {content: ''; position: absolute; left: calc(100% + var(--space-80)); width: 65px; height: 100%; margin-left: -32px; background: url('/images/sub/price-compare-arrow.svg') no-repeat center center; background-size: contain;}
.price-compare-card .img {position: relative;}
.price-compare-item {display: flex; align-items: center; justify-content: center; height: 50px; padding: var(--space-5) var(--space-159); font-size: var(--font-size-20); font-weight: 500; color: var(--primary-color); line-height: 1em; margin-bottom: var(--space-5);}
.price-compare-item p {margin: 0; text-align: center; line-height: 1.5em;}
.price-compare-item-row {display: flex; gap: var(--space-5); margin-bottom: var(--space-5);}
.price-compare-item-small {flex: 1; height: 50px; padding: var(--space-5); background: #fff; border: 1px solid rgba(27, 42, 81, 0.2); border-radius: 0; margin-bottom: 0;}
.price-compare-item-large {height: 105px; flex-direction: column; gap: 0;}
.price-compare-item-large p:first-child {font-size: var(--font-size-20); font-weight: 500; color: var(--dark-color);}
.price-compare-item-large p:last-child {font-size: var(--font-size-20); font-weight: 500; color: var(--dark-color);}
.price-compare-body-primary .price-compare-item {background: rgba(27, 42, 81, 0.05);}
.price-compare-body-secondary .price-compare-item {background: rgba(180, 29, 50, 0.03); color: var(--dark-color);}
.price-compare-body-secondary .price-compare-item-small {background: #fff; border: 1px solid rgba(180, 29, 50, 0.2);}
.price-compare-item-note {background: #fff !important; height: auto; padding: var(--space-10) var(--space-20);}
.price-compare-item-note p {font-size: var(--font-size-16); font-weight: 500; color: var(--secondary-color); line-height: 1.5em;}
.price-compare-features {padding: var(--space-20); border-radius: var(--radius-16); min-height: 140px; display: flex; flex-direction: column; gap: var(--space-5);}
.price-compare-features-primary {background: rgba(27, 42, 81, 0.02);}
.price-compare-features-secondary {background: rgba(180, 29, 50, 0.03);}
.price-compare-feature-item {display: flex; align-items: center; gap: var(--space-5);}
[lang="en"] .price-compare-feature-item {align-items: flex-start;}
.price-compare-feature-item img {width: 26px; height: 26px; flex-shrink: 0;}
.price-compare-feature-item p {font-size: var(--font-size-16); font-weight: 400; color: #454545; line-height: 1.875em; margin: 0; flex: 1;}
[lang="en"] .price-compare-feature-item p {line-height: 1.5em;}
.price-compare-arrow {width: 160px; height: 370px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.price-compare-arrow img {width: 65px; height: 20px;}
.price-info-list {display: flex; flex-direction: column; gap: var(--space-60);}
.price-info-item {display: flex; align-items: center; gap: var(--space-80);}
.price-info-item-reverse {flex-direction: row-reverse;}
.price-info-img {flex: 0 0 48.3333%; max-width: 580px;}
.price-info-content {flex: 1; display: flex; flex-direction: column; gap: var(--space-20);}
.price-info-subtitle {font-size: var(--font-size-20); font-weight: 400; color: #999; line-height: 1.5em;}
.price-info-title {display: flex; flex-direction: column; gap: var(--space-15);}
.price-info-title h3 {font-size: var(--font-size-32); font-weight: 600; color: var(--dark-color); line-height: 1.25em; margin: 0;}
.price-info-line {width: 60px; height: 3px; background: var(--primary-color);}
.price-info-desc {font-size: var(--font-size-18); font-weight: 400; color: var(--dark-color); line-height: 1.67em; margin: 0;}
.estimate-form {display: flex; flex-direction: column; gap: var(--space-90); max-width: 1200px; margin: 0 auto;}
.estimate-section {display: flex; flex-direction: column; gap: var(--space-30);}
.estimate-section-title {display: flex; align-items: center; gap: var(--space-10);}
.estimate-title-bar {width: 4px; height: 24px; background: var(--primary-color);}
.estimate-section-title h3 {font-size: var(--font-size-24); font-weight: 600; color: var(--dark-color); line-height: 1.33em; margin: 0;}
.estimate-select-list {display: flex; gap: var(--space-30);}
.estimate-select-list-grid {flex-wrap: wrap;}
.estimate-select-item {flex: 1; min-width: 380px; cursor: pointer;}
.estimate-select-item input[type="radio"] {position: absolute; opacity: 0; pointer-events: none;}
.estimate-select-content {display: flex; align-items: center; gap: var(--space-30); height: 144px; padding: var(--space-40); background: #fff; border: 1px solid #ddd; border-radius: var(--radius-24);}
.estimate-select-item input[type="radio"]:checked + .estimate-select-content {border-color: var(--primary-color); border-width: 2px; background: rgba(27, 42, 81, 0.02);}
.estimate-select-icon {flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.estimate-select-icon img {filter: grayscale(1) brightness(2)}
.estimate-select-item input[type="radio"]:checked + .estimate-select-content .estimate-select-icon img {filter: none;}
.estimate-select-text {display: flex; flex-direction: column; gap: var(--space-10); flex: 1;}
.estimate-select-name {font-size: var(--font-size-24); font-weight: 600; color: var(--dark-color); line-height: 1.25em; margin: 0;}
.estimate-select-desc {font-size: var(--font-size-16); font-weight: 400; color: #686868; line-height: 1.5em; margin: 0;}
.estimate-input-list {display: flex; gap: var(--space-30);}
.estimate-input-item {flex: 1; display: flex; flex-direction: column; gap: var(--space-10); padding: var(--space-30); background: rgba(27, 42, 81, 0.02); border-radius: var(--radius-24);}
.estimate-input-label {font-size: var(--font-size-18); font-weight: 600; color: var(--dark-color); line-height: 1.67em;}
.estimate-input-wrap {display: flex; align-items: center; gap: var(--space-20);}
.estimate-input {flex: 1; height: clamp(38px, calc(54 / var(--inner) * 100vw), 54px); padding: var(--space-10) var(--space-20); background: #fff; border: 1px solid rgba(27, 42, 81, 0.4); border-radius: var(--radius-8); font-size: var(--font-size-18); font-weight: 500; color: var(--dark-color); text-align: right;}
.estimate-input-unit {font-size: var(--font-size-16); font-weight: 500; color: var(--dark-color);}
.estimate-input-note {font-size: var(--font-size-15); font-weight: 400; color: var(--primary-color); line-height: 1.5em; margin: 0; text-indent: -.8em; padding-left: 0.8em;}
.estimate-note {font-size: var(--font-size-14); font-weight: 400; color: #686868; line-height: 1.71em;}
.estimate-note p {margin: 0; text-indent: -.6em; padding-left: 0.6em;}
.estimate-result {display: flex; align-items: center; justify-content: space-between; height: 128px; padding: var(--space-40); background: var(--primary-color); border-radius: var(--radius-24);}
.estimate-result-label {font-size: var(--font-size-24); font-weight: 600; color: #fff; line-height: 1.17em; margin: 0;}
.estimate-result-amount {font-size: var(--font-size-40); font-weight: 700; color: #fff; line-height: 1em; margin: 0;}
.estimate-result-unit {font-size: var(--font-size-20); font-weight: 500;}
.estimate-buttons {display: flex; gap: var(--space-20); justify-content: center;}
.estimate-btn {display: flex; align-items: center; justify-content: center; gap: var(--space-15); height: 58px; padding: 0 var(--space-30); border: 1px solid; border-radius: 80px; font-size: var(--font-size-18); font-weight: 500; cursor: pointer; transition: all 0.3s;}
.estimate-btn-primary {background: rgba(255, 255, 255, 0.1); border-color: rgba(27, 42, 81, 0.4); color: var(--primary-color); backdrop-filter: blur(20px);}
.estimate-btn-primary:hover {background: rgba(27, 42, 81, 0.1);}
.estimate-btn-secondary {background: rgba(255, 255, 255, 0.1); border-color: rgba(180, 29, 50, 0.4); color: var(--secondary-color); backdrop-filter: blur(20px);}
.estimate-btn-secondary:hover {background: rgba(180, 29, 50, 0.1);}
.estimate-inquiry-form {display: flex; flex-direction: column; gap: var(--space-40); max-width: 1200px; margin: 0 auto;}
.estimate-inquiry-section {display: flex; flex-direction: column; gap: var(--space-40);}
.estimate-inquiry-section-title {display: flex; align-items: center; gap: var(--space-10);}
.estimate-inquiry-row-list {display: flex; flex-wrap: wrap; gap: var(--space-50) var(--space-60);}
.estimate-inquiry-row {display: flex; flex-direction: column; gap: var(--space-20); width: calc((100% - var(--space-60)) / 2); flex: 1 1 auto;}
.estimate-inquiry-row label {font-size: var(--font-size-18); font-weight: 600; color: var(--dark-color); line-height: 1em;}
.estimate-inquiry-row label .required {color: var(--secondary-color);}
.estimate-inquiry-row .input {padding: var(--space-15) var(--space-20); background: #fff; border: 1px solid #ddd; border-radius: 0; font-size: var(--font-size-16); font-weight: 400; color: var(--dark-color);}
.estimate-inquiry-row .input::placeholder {color: #b1b1b1;}
.estimate-inquiry-content {display: flex; flex-direction: column; gap: var(--space-40);}
.estimate-inquiry-field {display: flex; flex-direction: column; gap: var(--space-20);}
.estimate-inquiry-field label {font-size: var(--font-size-18); font-weight: 600; color: var(--dark-color); line-height: 1em;}
.estimate-inquiry-radio-group {display: flex; gap: var(--space-40); align-items: center;}
.estimate-inquiry-radio-item {display: flex; align-items: center; gap: var(--space-10); cursor: pointer;}
.estimate-inquiry-radio-item input[type="radio"] {position: absolute; opacity: 0; pointer-events: none;}
.estimate-inquiry-radio-custom {width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 50%; background: #fff; position: relative; flex-shrink: 0;}
.estimate-inquiry-radio-item input[type="radio"]:checked + .estimate-inquiry-radio-custom {border-color: var(--secondary-color); background: var(--secondary-color);}
.estimate-inquiry-radio-item input[type="radio"]:checked + .estimate-inquiry-radio-custom::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background: #fff; border-radius: 50%;}
.estimate-inquiry-radio-label {font-size: var(--font-size-16); font-weight: 400; color: #454545; line-height: 1.125em;}
.estimate-inquiry-field textarea.input {min-height: 150px; padding: var(--space-20) var(--space-20); background: #fff; border: 1px solid #ddd; border-radius: 0; font-size: var(--font-size-16); font-weight: 400; color: var(--dark-color);}
.estimate-inquiry-field textarea.input::placeholder {color: #b1b1b1;}
.estimate-inquiry-field-2col {display: flex; gap: var(--space-60);}
.estimate-inquiry-field-item {flex: 1; display: flex; flex-direction: column; gap: var(--space-20);}
.estimate-inquiry-input-wrap {display: flex; align-items: center; gap: var(--space-20);}
.estimate-inquiry-input-wrap .input {flex: 1; padding: var(--space-10) var(--space-20); background: #fff; border: 1px solid #ddd; border-radius: 0; font-size: var(--font-size-16); font-weight: 400; color: var(--dark-color);}
.estimate-inquiry-input-wrap .input::placeholder {color: #b1b1b1;}
.estimate-inquiry-input-unit {font-size: var(--font-size-16); font-weight: 400; color: var(--dark-color); line-height: 1em;}
.estimate-inquiry-field textarea.input[rows="8"] {min-height: 300px;}

.page-management-login {max-width: 470px; width: 100%; margin: 0 auto;}
.page-management-login .input, .page-management-login button {width: 100%;}
.page-management-login .input {margin-bottom: var(--space-30);}
.page-management-login button {padding: var(--space-15); font-size: var(--font-size-18); font-weight: 600; border-radius: 100px;}

.radio-group {display: flex; gap: var(--space-50); flex-wrap: wrap;}
.radio-label {display: flex; align-items: center; gap: var(--space-20); cursor: pointer;}
.radio-label input[type="radio"] {width: 18px; height: 18px; margin: 0; cursor: pointer; appearance: none; border: 1px solid #ddd; border-radius: 50%; background: #fff; position: relative;}
.radio-label input[type="radio"]:checked {border-color: var(--primary-color); background: var(--primary-color);}
.radio-label input[type="radio"]:checked::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 50%; background: #fff;}
.radio-label span {font-size: var(--font-size-16); font-weight: 400; color: #454545;}

.pop-container {width:90vw; max-width:1200px; border-radius:var(--radius-40); background:#fff; overflow:hidden;}
.pop-container h2 {padding: var(--space-20); background: var(--primary-color); text-align: center; color: #fff;}
.pop-content {padding: var(--space-50); max-height: 80vh; overflow-y: auto;}
.pop-fullfillment-bna {gap: var(--space-25);}
.pop-fullfillment-box {padding: var(--space-30); border: 1px solid rgba(221, 221, 221, 0.87); border-radius: var(--radius-24);}
.pop-fullfillment-box h3 {gap: 8px; width: fit-content; padding: 7px 20px; background: #3F3F3F; border-radius: 100px;}
.pop-fullfillment-box.after h3 {background: var(--primary-color);}
.pop-fullfillment-box ul.dot-list > li, .pop-naver-qna ul.dot-list li {text-indent: -1em; padding-left: 1em;}
.pop-fullfillment-box ul.dot-list > li:before,  .pop-naver-qna ul.dot-list li:before {content: '•'; margin-right: 10px;}
.pop-fullfillment-box.after ul.dot-list > li:before {color: var(--primary-color);}
.pop-fullfillment-box ul.dot-list > li:not(:last-child) {margin-bottom: var(--space-10);}
.pop-fullfillment-box .chk-list li {text-indent:-1em; padding-left: 1em;}
.pop-fullfillment-arrow img {max-height:clamp(25px, calc(55 / var(--inner) * 100vw), 55px)}
.pop-fullfillment-box.after ul.dot-list strong {display: inline-block; text-indent: 0;}

.pop-naver-qna h3 {margin-bottom: var(--space-15); font-size: var(--font-size-20); font-weight: 600; color: var(--dark-color);}
.pop-naver-qna ol>li {padding: 0 var(--space-30);}
.pop-naver-qna ol>li:not(:last-child) {padding-bottom: var(--space-30); margin-bottom: var(--space-30); border-bottom: 1px solid #ddd;}
.btn-pdf {display: block; width: fit-content; padding: 10px clamp(25px, calc(70 / var(--inner) * 100vw), 70px); border-radius: 4px; margin: 0 auto; background: var(--primary-color); color: #fff; font-size: var(--font-size-15); font-weight: 600; line-height: 1.2em; text-align: center;}