@charset "utf-8";

/* 공통 */
.sub-section {padding: var(--space-100) 0;}
.sub-section:first-child {padding-top: 0;}
.sub-section.bg-color:first-child {padding-top: var(--space-100);}
.sub-section:last-child {padding-bottom: 0;}
.pb0 .sub-section:last-child {padding-bottom: var(--space-150);}
.bg-color {background:#f8f8f8;}

/********************* 회사소개 *********************/
/* 인사말 */
.greeting-wrap {display:flex; flex-direction:column; align-items:center; gap:var(--space-80);}
.greeting-quote {display:flex; align-items:center; justify-content:space-between; gap:var(--space-20); min-width: 680px;}
.greeting-quote-icon {flex-shrink:0; width:38px;}
.greeting-quote-txt {margin:0; font-size:var(--font-size-32); font-weight:500; color:#242424; line-height:1.25em; text-align:center;}
.greeting-quote-txt .primary {font-weight:700; color:var(--color-primary);}
.greeting-visual {width:100%; margin:0; overflow:hidden;}
.greeting-visual img {min-height: 180px; width: 100%; object-fit: cover;}
.greeting-body {display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.greeting-txt {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%;}
.greeting-lead {margin:0; font-size:var(--font-size-32); font-weight:600; color:#242424; line-height:1.5em; text-align:center;}
.greeting-desc {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.greeting-desc p {margin:0; font-size:var(--font-size-20); font-weight:400; color:#454545; line-height:1.7em; text-align:center;}
.greeting-sign {margin:0; font-size:var(--font-size-20); font-weight:600; color:#242424; line-height:1.5em; text-align:center;}

/* 회사 개요 및 연혁 */
.overview-sect-tit {margin-bottom: var(--space-100); font-size:var(--font-size-44); font-weight:700; color:#242424; line-height:1.364em; text-align:center;}

.overview-info-table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-top:1px solid var(--color-primary);}
.overview-info-table th {width:90px; box-sizing:border-box; font-size:var(--font-size-22); font-weight:600; color:var(--color-primary); line-height:1.273em; text-align:left; vertical-align:middle; border-bottom:1px solid #ddd;}
.overview-info-table td {width:auto; padding:var(--space-32) 0; font-size:var(--font-size-20); font-weight:400; color:#454545; line-height:1.3em; text-align:center; vertical-align:middle; border-bottom:1px solid #ddd; word-break:keep-all;}
[lang="en"] .overview-info-table th {width: 120px;}

.overview-business-list {display:flex; gap:var(--space-60); margin:0; padding:0; list-style:none;}
.overview-biz-card {position:relative; flex:1; min-width:0; height:400px; border-radius:var(--radius-24); overflow:hidden;}
.overview-biz-bg {position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.overview-biz-cont {position:relative; z-index:1; display:flex; flex-direction:column; justify-content:space-between; height:100%; padding:var(--space-60);}
.overview-biz-head {display:flex; align-items:flex-end; gap:var(--space-16);}
.overview-biz-tit {margin:0; font-size:var(--font-size-32); font-weight:600; color:#fff; line-height:1.25em;}
.overview-biz-en {font-size:var(--font-size-14); font-weight:400; color:rgba(255,255,255,0.7); line-height:1.857em;}
.overview-biz-list {display:flex; flex-direction:column; align-items:flex-end; gap:var(--space-8); margin:0; padding:0; list-style:none; text-align:right;}
.overview-biz-list li {font-size:var(--font-size-18); font-weight:500; color:#fff; line-height:1.333em;}
.overview-biz-list strong {font-weight:500;}

.history-timeline {position:relative; display:flex; flex-direction:column; gap:var(--space-100); width:100%;}
.history-timeline::before {content:""; position:absolute; left:307px; top:20px; bottom:20px; width:1px; background:#ddd;}
.history-group {display:flex; align-items:flex-start; width:100%;}
.history-year {flex-shrink:0; position: relative; width:22%; max-width: 307px; margin:0; font-size:var(--font-size-48); font-weight:700; color:#242424; line-height:1.25em;}
.history-year:after {content:""; position:absolute; top: 8px; right: -12px; z-index:1; width:24px; height:24px; border-radius:50%; background:#fff; border:6px solid var(--color-primary); box-sizing:border-box;}
.history-cards {display:flex; flex:1; flex-direction:column; gap:var(--space-10); min-width:0; padding-left: 180px;}
.history-card {border:1px solid #ddd; border-radius:var(--radius-16); background:#fff; overflow:hidden;}
.history-card-head {display:flex; align-items:center; gap:var(--space-24); min-height:88px; padding:var(--space-20) var(--space-40);}
.history-date {flex-shrink:0; font-size:var(--font-size-18); font-weight:400; color:#868686; line-height:1.444em;}
.history-card-tit {flex:1; min-width:0; font-size:var(--font-size-20); font-weight:500; color:#242424; line-height:1.4em;}
.history-btn {flex-shrink:0; width:48px; height:48px; padding:0; border:none; border-radius:50%; background:rgba(46,49,146,0.1) url("../images/sub/history-toggle.svg") 50% 50% / 18px no-repeat; cursor:pointer; transition:background .3s;}
.history-card.is-open .history-btn {background-color:var(--color-primary); background-image:url("../images/sub/history-toggle-on.svg");}
.history-panel {display:none; padding:0 var(--space-40) var(--space-40);}
.history-panel-desc {margin:0 0 var(--space-24); padding-top:var(--space-24); border-top:1px solid #ddd; font-size:var(--font-size-16); font-weight:400; color:#454545; line-height:1.75em; letter-spacing:-.03em;}
.history-panel-gallery {display:flex; flex-wrap:wrap; gap:var(--space-20); margin:0; padding:0; list-style:none;}
.history-panel-cap {margin:var(--space-24) 0 0; font-size:var(--font-size-16); font-weight:500; color:#454545; line-height:1.5em; letter-spacing:-.03em; text-align:center;}

/* 조직도 */
.org-contact-tit {margin:0 0 var(--space-80); font-size:var(--font-size-32); font-weight:700; color:#242424; line-height:1.25em; text-align:center;}
.org-contact-list {display:flex; flex-wrap:wrap; gap:var(--space-60) var(--space-30); justify-content:center;}
.org-contact-item {display: flex; flex-direction: column; flex: 0 1 calc(25% - var(--space-30)*3/4);}
.org-contact-head {display:flex; align-items:center; justify-content:center; margin:0; padding:var(--space-12) var(--space-40); border-radius:var(--radius-16) var(--radius-16) 0 0; background:var(--color-primary); font-size:var(--font-size-20); font-weight:600; color:#fff; line-height:1.4em; text-align:center;}
.org-contact-sub .org-contact-head {background:var(--color-sub);}
.org-contact-body {flex: 1; display:flex; flex-direction:column; gap:var(--space-20); justify-content: space-between; padding:var(--space-30); border:1px solid #ddd; border-top:0; border-radius:0 0 var(--radius-16) var(--radius-16); background:#fff;}
.org-contact-block {display:flex; flex-direction:column; gap:var(--space-12);}
.org-contact-block + .org-contact-block {padding-top:var(--space-20); border-top:1px dashed #ddd;}
.org-contact-label {display:flex; align-items:center; gap:var(--space-8); margin:0; font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.444em;}
.org-contact-label::before {content:""; flex-shrink:0; width:16px; height:16px; background:url("../images/sub/org-label-icon.svg") 50% 50% / contain no-repeat;}
.org-contact-sub .org-contact-label::before {background-image:url("../images/sub/org-label-icon2.svg");}
.org-contact-tasks {display:flex; flex-direction:column; gap:var(--space-10); margin:0; padding:0; list-style:none;}
.org-contact-tasks li {position:relative; padding-left:14px; font-size:var(--font-size-16); font-weight:400; color:#454545; line-height:1.5em;}
.org-contact-tasks li::before {content:"•"; position:absolute; left:0; color:var(--color-primary);}
.org-contact-sub .org-contact-tasks li::before {color:var(--color-sub);}
.org-contact-email {margin:0; padding:var(--space-16); border-radius:var(--radius-8); background:rgba(46,49,146,0.04); font-size:var(--font-size-16); font-weight:400; line-height:1.5em; text-align:center;}
.org-contact-email a {color:var(--color-primary); text-decoration:none; word-break: break-all;}
.org-contact-sub .org-contact-email {background:rgba(187,151,83,0.05);}
.org-contact-sub .org-contact-email a {color:var(--color-sub);}

/* VISION 2030 */
.vision-sect-tit {margin:0 0 var(--space-100); font-size:var(--font-size-44); font-weight:700; color:var(--color-primary); line-height:1.364em; text-align:center;}
.vision-sect-tit.type-top {display:flex; flex-direction:column; align-items:flex-start; width:fit-content; margin:0 auto 0; font-size:var(--font-size-44); font-weight:700; color:var(--color-primary); line-height:1.364em; text-align:left;}
.vision-sect-tit span {display:block;}
.vision-sect-tit span+span {margin-top: var(--space-20);}
.vision-sect-tit span:nth-child(2) {padding-left:1.2em;}
.vision-sect-tit span:nth-child(3) {padding-left:2.4em;}
.vision-goals-inner {display:flex; flex-direction:column; gap:var(--space-80); align-items:center;}
.vision-goal-list {display:flex; flex-wrap:wrap; gap:var(--space-40); justify-content:center; margin:0; padding:0; list-style:none;}
.vision-goal-item {display:flex; flex-direction:column; align-items:center; justify-content:center; width:270px; height:270px; padding:var(--space-40); border:10px solid rgba(255,255,255,0.1); border-radius:50%; text-align:center;}
.vision-goal-item--1 {background:#2328B3;}
.vision-goal-item--2 {background:#D7AD60;}
.vision-goal-item--3 {background:#454545;}
.vision-goal-num {display: block; margin:0; font-family:"play",sans-serif; font-size:var(--font-size-16); font-weight:700; color:rgba(255,255,255,0.8); line-height:1.5em;}
.vision-goal-tit {margin-top:8px; font-size:var(--font-size-18); font-weight:700; color:#fff; line-height:1.444em;}
.vision-goal-icon {margin-top: var(--space-24); display:flex; align-items:center; justify-content:center; width:64px; height:64px;}
.vision-goal-icon img {display:block; max-width:100%; max-height:100%;}
.vision-detail-list {display:flex; flex-direction:column; gap:var(--space-20); align-items:center; width:100%; max-width:1240px; margin:0; padding:0; list-style:none;}
.vision-detail-item {display:flex; align-items:center; gap:var(--space-25); width:100%; padding:var(--space-40); border-radius:var(--radius-24); background:#fff;}
.vision-detail-primary {border-left:3px solid var(--color-primary);}
.vision-detail-sub {border-left:3px solid var(--color-sub);}
.vision-detail-dark {border-left:3px solid #454545;}
.vision-detail-tit {flex-shrink:0; width:110px; margin:0; font-size:var(--font-size-24); font-weight:600; color:#242424; line-height:1.333em; text-align:center;}
[lang="en"] .vision-detail-tit  {width: 190px;}
.vision-detail-cont {flex:1; min-width:0; padding-left:var(--space-30); border-left:1px solid #ddd;}
.vision-detail-lead {margin:0 0 var(--space-10); font-size:var(--font-size-20); font-weight:600; color:#242424; line-height:1.4em;}
.vision-detail-desc {margin:0; font-size:var(--font-size-18); font-weight:400; color:#686868; line-height:1.444em;}
.vision-market-inner {display:flex; justify-content: space-between; align-items:stretch; gap: var(--space-20);}
.vision-map-card {display:flex; flex:1; flex-direction:column;  align-items:center; justify-content:center; max-width: 670px; min-width:0; padding:var(--space-50); border:1px solid #ddd; border-radius:var(--radius-24); background:#fff;}
.vision-map-label {margin-bottom:var(--space-48); font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.444em; text-align:center;}
.vision-map-fig {width:100%; max-width:541px; margin:0;}
.vision-map-fig img {display:block; width:100%; height:auto;}
.vision-map-legend {display:flex; gap:var(--space-40); justify-content:flex-end; width: 100%; margin-top:var(--space-40); padding:0; list-style:none;}
.vision-map-legend li {display:flex; align-items:center; gap:var(--space-10); font-size:var(--font-size-16); font-weight:600; color:#242424; line-height:1em;}
.vision-map-legend li::before {content:""; flex-shrink:0; width:24px; height:24px; background:no-repeat center / contain;}
.vision-map-legend li.vision-map-legend-capital::before {background-image:url("../images/sub/vision-map-icon1.svg");}
.vision-map-legend li.vision-map-legend-port::before {background-image:url("../images/sub/vision-map-icon2.svg");}
.vision-map-legend li.vision-map-legend-branch::before {background-image:url("../images/sub/vision-map-icon3.svg");}
.vision-strength-list {display:flex; flex:1; flex-direction:column; gap:var(--space-24); max-width: 670px; min-width:0; margin:0; padding:0; list-style:none;}
.vision-strength-item {display:flex; flex-direction:column; gap:var(--space-16); padding:var(--space-40); border-radius:var(--radius-24); background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.12);}
.vision-strength-primary {border-top:3px solid var(--color-primary);}
.vision-strength-sub {border-top:3px solid var(--color-sub);}
.vision-strength-dark {border-top:3px solid #454545;}
.vision-strength-head {display:flex; flex-direction:column; gap:var(--space-8);}
.vision-strength-en {margin:0; font-family:"play",sans-serif; font-size:var(--font-size-16); font-weight:700; line-height:1.5em;}
.vision-strength-primary .vision-strength-en {color:var(--color-primary);}
.vision-strength-sub .vision-strength-en {color:var(--color-sub);}
.vision-strength-dark .vision-strength-en {color:#454545;}
.vision-strength-tit {margin:0; font-size:var(--font-size-24); font-weight:600; color:#242424; line-height:1.333em;}
.vision-strength-desc {display:flex; flex-direction:column; gap:0; font-size:var(--font-size-16); font-weight:400; color:#454545; line-height:1.5em;}
.vision-strength-desc p {margin:0;}
.vision-mission {position:relative; overflow:hidden; padding:var(--space-100) 0 ;}
.vision-mission-bg {position:absolute; inset:0; margin:0; z-index:0;}
.vision-mission-bg img {display:block; width:100%; height:100%; object-fit:cover; object-position:50% 100%;}
.vision-mission-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; max-width:1400px; margin:0 auto; padding:0 var(--space-container);}
.vision-mission-en {margin-bottom:var(--space-24); font-family:"play",sans-serif; font-size:var(--font-size-16); font-weight:700; color:rgba(255,255,255,0.8); line-height:1.5em; text-align:center;}
.vision-mission-quote {display:flex; gap:var(--space-24); align-items:flex-start; justify-content:center; margin:0; padding:0; border:none;}
.vision-mission-quote-icon {flex-shrink:0; width:40px; height:40px; background:50% 50% / contain no-repeat;}
.vision-mission-quote-icon--l {background-image:url("../images/sub/vision-quote-l.svg");}
.vision-mission-quote-icon--r {background-image:url("../images/sub/vision-quote-r.svg");}
.vision-mission-quote-txt {margin:0; font-size:var(--font-size-24); font-weight:500; color:#fff; line-height:1.5em; text-align:center;}
.vision-mission-quote-txt strong {font-weight:700;}
.vision-mission-logo {display:flex; align-items:center; justify-content:center; width:100px; height:100px; border-radius:50%; background:#fff;}
.vision-mission-logo img {display:block; max-width:64px; max-height:28px;}
.vision-mission-sign {margin:0; font-size:var(--font-size-18); font-weight:600; color:#fff; line-height:1.333em; text-align:center;}

/* 오시는 길 */
.location-map {position:relative; height:500px; overflow:hidden;}
.location-map .root_daum_roughmap, 
.location-map .root_daum_roughmap .wrap_map {width: 100%; height: 100%;}

.location-map iframe {width: 100%; height: 100%;}

.location-sect-tit {margin:0 0 var(--space-100); font-size:var(--font-size-44); font-weight:700; color:#242424; line-height:1.364em; text-align:center;}
.location-inner {display:flex; flex-direction:column; gap:var(--space-60);}
.location-info {display:flex; flex-direction:column; gap:var(--space-40);}
.location-company {display: inline-block; margin:0; font-size:var(--font-size-18); font-weight:600; line-height:1.444em; background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-sub) 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.location-addr-main {margin-top:var(--space-16); font-size:var(--font-size-24); font-weight:600; color:#242424; line-height:1.667em;}
.location-addr-sub {margin-top:4px; font-size:var(--font-size-16); font-weight:400; color:#454545; line-height:1.5em;}
.location-contact-list {margin:0; padding:0; border-top:1px solid #808080; list-style:none;}
.location-contact-item {display:flex; align-items:center; gap:var(--space-40); padding:var(--space-30); border-bottom:1px solid #ddd;}
.location-contact-label {display:flex; align-items:center; gap:var(--space-8); flex-shrink:0; width:80px; font-size:var(--font-size-16); font-weight:600; color:var(--color-primary); line-height:1.625em;}
.location-contact-label img {flex-shrink:0; width:24px; height:24px;}
.location-contact-val {font-size:var(--font-size-18); font-weight:400; color:#242424; line-height:1.444em;}
.location-contact-val a {color:#242424; text-decoration:none;}

/* 마커 커스텀 */
.location-map .roughmap_maker_label {position: relative; text-indent: -9999em; background: url(../images/sub/location-maker.svg) center no-repeat !important; background-size: contain !important; width: 108px; height: 86px; border-radius: 0 !important; border: none !important; top: 0 !important;}
.location-map .roughmap_maker_label .roughmap_lebel_text {background-color: transparent;}
.location-map .roughmap_maker_label:after {display: none;}

/********************* 사업분야 *********************/
.biz-top-txt {font-size: var(--font-size-18); text-align: center; margin-top: var(--space-30);}
.biz-intro {padding:0;}
.biz-page-tit {margin:0; font-size:var(--font-size-44); font-weight:700; color:#242424; line-height:1.364em; text-align:center;}
.biz-cat-block {display:flex; flex-direction:column; gap:var(--space-60);}
.biz-cat-head {display:flex; flex-direction:column; max-width:1400px;}
.biz-cat-label {display:flex; align-items:center; gap:var(--space-8); margin-bottom:var(--space-16);}
.biz-cat-en {font-family:"play", sans-serif; font-size:var(--font-size-16); font-weight:700; color:var(--color-primary); line-height:1.5em;}
.biz-cat-num {display:inline-flex; align-items:center; justify-content:center; padding:0 var(--space-8); border-radius:50px; background:var(--color-primary); font-family:"play", sans-serif; font-size:var(--font-size-12); font-weight:700; color:#fff; line-height:1.667em;}
.biz-cat-tit {margin-bottom:var(--space-30); font-size:var(--font-size-32); font-weight:700; color:#242424; line-height:1.25em;}
.biz-cat-lead {margin-bottom:var(--space-10); font-size:var(--font-size-24); font-weight:500; color:#242424; line-height:1.333em;}
.biz-cat-desc {margin:0; font-size:var(--font-size-16); font-weight:400; color:#454545; line-height:1.5em;}
.biz-cat-gallery {display:flex; gap:var(--space-10); width:100%;}
.biz-cat-gallery--2 .biz-cat-img {flex:1; min-width:0;}
.biz-cat-gallery--3col .biz-cat-img {flex:1; min-width:0;}
.biz-cat-gallery--4 {flex-direction:column; gap:var(--space-10);}
.biz-cat-gallery--4 .biz-cat-gallery-row .biz-cat-img {flex:1 1 calc(50% - var(--space-10)/2); min-width:0;}
.biz-cat-gallery--3 {flex-direction:column;}
.biz-cat-gallery-row {display:flex; gap:var(--space-10); flex-wrap: wrap; width:100%;}
.biz-cat-gallery-row .biz-cat-img {flex:1; min-width:0; }
.biz-cat-img--wide {width:100%;}
.biz-cat-img {margin:0; border:1px solid #ddd; border-radius:var(--radius-16); overflow:hidden;}
.biz-cat-img img {display:block; width:100%; height:100%; object-fit:cover;}

.biz-prod-tit {margin:0 0 var(--space-80); font-size:var(--font-size-32); font-weight:700; color:#242424; line-height:1.25em; text-align:center;}
.biz-prod-grid {display:flex; align-items: stretch; gap:var(--space-40);}
.biz-prod-group {flex:1; min-width:0; display:flex; flex-direction:column; gap:var(--space-20);}
.biz-prod-group-tit {display:flex; align-items:center; justify-content:center; padding: var(--space-17) 0; margin:0; border-radius:var(--radius-16); background:var(--color-primary); font-size:var(--font-size-18); font-weight:600; color:#fff; line-height:1.444em; text-align:center;}
.biz-prod-col {display:flex; flex-direction:column; gap:var(--space-20); margin:0; padding:0; list-style:none; flex:1; min-width:0;}
.biz-prod-card {position:relative; flex: 1; display:flex; flex-direction:column; justify-content: center; width:100%; padding:var(--space-30); border-radius:var(--radius-24); overflow:hidden;}
.biz-prod-card-img {position:absolute; top:0; left:0; width:100%; height: 100%; margin:0; overflow:hidden; background:#e9e9e9; object-fit: cover;}
.biz-prod-card-img img {display:block; width:100%; height:100%; object-fit:cover;}
.biz-prod-card-cont {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:var(--space-16); border-radius:var(--radius-24);}
.biz-prod-card-tit {margin:0; font-size:var(--font-size-20); font-weight:600; color:#fff; line-height:1.4em; text-align:center;}
.biz-prod-card-list {display:flex; flex-direction:column; gap:var(--space-8); width:100%; margin:0; padding:0; list-style:none;}
.biz-prod-card-list li {font-size:var(--font-size-16); font-weight:400; color:#fff; line-height:1.5em; text-align:center;}

/* 신소재 */
.biz-mat-grid {display:flex; gap:var(--space-30); flex-wrap: wrap;}
.biz-mat-card {flex:1; min-width:0; display:flex; flex-direction:column; border-radius:var(--radius-24); overflow:hidden;}
.biz-mat-card-img {margin:0; overflow:hidden; background:#e9e9e9;}
.biz-mat-card-img img {display:block; width:100%; height:100%; object-fit:cover;}
.biz-mat-card-cont {display:flex; flex-direction:column; gap:var(--space-16); padding:var(--space-30); border:1px solid #ddd; border-top:0; border-radius:0 0 var(--radius-24) var(--radius-24); background:#fff;}
.biz-mat-card-tit {margin:0; font-size:var(--font-size-20); font-weight:600; color:#242424; line-height:1.4em;}
.biz-mat-card-list {display:flex; flex-direction:column; gap:var(--space-8); margin:0; padding:0; list-style:none;}
.biz-mat-card-list li {font-size:var(--font-size-16); font-weight:400; color:#454545; line-height:1.5em;}

/* 물류 · K-sales 공통 */
.biz-page-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-10); text-align:center;}
.biz-page-desc {margin:0; font-size:var(--font-size-16); font-weight:400; color:#686868; line-height:1.5em;}
.biz-quote {display:flex; align-items:flex-start; justify-content:center; gap:var(--space-24); max-width:1400px; margin:0 auto;}
.biz-quote-icon {flex-shrink:0; width:40px; height:40px;}
.biz-quote-txt {margin:0; font-size:var(--font-size-24); font-weight:500; color:#242424; line-height:1.5em; text-align:center;}
.biz-quote-txt .primary {font-weight:700; color:var(--color-primary);}

/* 물류 */
.biz-log-onestop {position:relative;}
.biz-log-onestop-bg {position:absolute; inset:0; z-index:0;}
.biz-log-onestop-bg img {display:block; width:100%; height:100%; object-fit:cover;}
.biz-log-onestop-inner {position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--space-60); align-items:center;}
.biz-log-onestop-tit {margin:0; font-size:var(--font-size-32); font-weight:700; color:#fff; line-height:1.25em; text-align:center;}
.biz-log-onestop-grid {display:flex; gap:var(--space-60); max-width:1400px; width:100%; margin:0 auto;}
.biz-log-onestop-card {flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:var(--space-24); padding:var(--space-40); border-radius:var(--radius-24); background:rgba(255,255,255,0.2); backdrop-filter:blur(10px);}
.biz-log-onestop-card-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-4); text-align:center;}
.biz-log-onestop-card-tit {margin:0; font-size:var(--font-size-24); font-weight:600; color:#fff; line-height:1.333em;}
.biz-log-onestop-card-en {margin:0; font-size:var(--font-size-14); font-weight:400; color:rgba(255,255,255,0.7); line-height:1.714em;}
.biz-log-onestop-card-icon {display:flex; align-items:center; justify-content:center; width:100px; height:100px; border-radius:500px; background:#fff;}
.biz-log-onestop-card-desc {margin:0; font-size:var(--font-size-16); font-weight:500; color:#fff; line-height:1.5em; text-align:center;}
.biz-log-svc .biz-page-head {margin-bottom:var(--space-80);}
.biz-log-svc-grid {display:flex; align-items: stretch; flex-wrap:wrap; gap:var(--space-60) var(--space-30); margin:0 auto;}
.biz-log-svc-card {display: flex; flex-direction: column; width:calc(25% - var(--space-30)*3/4); border-radius:var(--radius-24); overflow:hidden;}
.biz-log-svc-img {margin:0; overflow:hidden;}
.biz-log-svc-cont {flex: 1; display:flex; flex-direction:column; gap:var(--space-24); min-height:298px; padding:var(--space-30); border:1px solid #ddd; border-top:0; border-radius:0 0 var(--radius-24) var(--radius-24); background:#fff;}
.biz-log-svc-num {font-family:"play", sans-serif; font-size:var(--font-size-16); font-weight:700; color:var(--color-primary); line-height:1.5em;}
.biz-log-svc-tit {margin:0; font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.333em;}
.biz-log-svc-desc {margin:0; font-size:var(--font-size-18); font-weight:400; color:#686868; line-height:1.667em;}
.biz-log-cargo .biz-page-tit {margin-bottom:var(--space-80);}
.biz-log-cargo-block {display:flex; flex-direction:column; gap:var(--space-30); max-width:1400px; margin:0 auto var(--space-100);}
.biz-log-cargo-block:last-child {margin-bottom:0;}
.biz-log-cargo-head {display:flex; align-items:center; gap:var(--space-8);}
.biz-log-cargo-head::before {content:""; flex-shrink:0; width:24px; height:24px; background:url("../images/sub/title-bullet.svg") no-repeat center / contain;}
.biz-log-cargo-tit {margin:0; font-size:var(--font-size-24); font-weight:500; color:#242424; line-height:1.333em;}
.biz-log-cargo-grid {display:flex; gap:var(--space-40);}
.biz-log-cargo-col {display:flex; flex-wrap:wrap; gap:var(--space-20) var(--space-40); margin:0; padding:0; list-style:none; flex:1; min-width:0;}
.biz-log-item {display:flex; width:calc(50% - var(--space-40) / 2); border-radius:var(--radius-24); overflow:hidden;}
.biz-log-item-img {flex-shrink:0; width: 41.3%; aspect-ratio: 7 / 4; max-width: 280px; margin:0; overflow:hidden; background:#e9e9e9; border:1px solid #ddd; border-right:0; border-radius:var(--radius-24) 0 0 var(--radius-24);}
.biz-log-cargo-col.type-steel .biz-log-item-img {width: 35%;}
.biz-log-item-img img {width: 100%; height: 100%; object-fit: cover;}
.biz-log-item-cont {display:flex; flex:1; min-width:0; flex-direction:column; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:var(--space-8); padding:var(--space-30); border:1px solid #ddd; border-left:0; border-radius:0 var(--radius-24) var(--radius-24) 0; background:#fff;}
.biz-log-item-tit {display:block; width:100%; flex:0 0 auto; margin:0; font-size:var(--font-size-20); font-weight:600; color:#242424; line-height:1.4em;}
.biz-log-item-list {display:block; width:100%; flex:0 0 auto; margin:0; padding:0; list-style:none;}
.biz-log-item-list li {display:block; font-size:var(--font-size-16); font-weight:400; color:#686868; line-height:1.5em;}

/* K-sales */
.ksales-gallery {gap: var(--space-30); flex-wrap: wrap;}
.ksales-gallery .biz-cat-img {flex: 1;}
.biz-ks-sect--last {padding-bottom:var(--space-150);}
.biz-ks-sect-tit {margin:0; font-size:var(--font-size-44); font-weight:700; color:var(--color-primary); line-height:1.364em; text-align:center;}
.biz-ks-sect-desc {margin:0; font-size:var(--font-size-16); font-weight:400; color:#686868; line-height:1.5em; text-align:center;}

/********************* 파트너사 *********************/
/* 국내 */
.partner-logo-grid {display:flex; flex-wrap:wrap; gap:var(--space-30); margin:0; padding:0; list-style:none;}
.partner-logo-item {width:calc((100% - var(--space-30) * 4) / 5); min-width:0;}
.partner-logo-card {position:relative; padding-bottom:39.1%; overflow:hidden; border-radius:var(--radius-8); background:#fff;}
.partner-logo-card:after {content: ''; position: absolute; width: 100%; height: 100%; border-radius:var(--radius-8); border: 2px solid rgba(221, 221, 221, 1);}
.partner-logo-card img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

/* 해외 */
.partner-region-grid {display:flex; flex-wrap:wrap; gap:var(--space-80) clamp(38px, calc(76 / var(--inner) * 100vw), 76px);; max-width:1400px; margin:0 auto;}
.partner-region {flex: 0 1 calc(50% - clamp(38px, calc(76 / var(--inner) * 100vw), 76px)/2); min-width:0;}
.partner-region-head {display:flex; align-items:center; gap:var(--space-8); margin:0 0 var(--space-16);}
.partner-region-head::before {content:""; flex-shrink:0; width:24px; height:24px; background:url("../images/sub/partner-region-icon.svg") no-repeat center / contain;}
.partner-region-tit {margin:0; font-size:var(--font-size-24); font-weight:500; color:#242424; line-height:1.333em;}
.partner-region-body {display:flex; gap:var(--space-32); align-items:flex-start;}
.partner-region-map {flex-shrink:0; width: 51.4%; max-width: 340px; margin:0; background: #fff; border-radius: var(--radius-16);overflow:hidden;}
.partner-region-map .img {position: relative; width: 100%;  padding-bottom:100%; overflow:hidden; }
.partner-region-map .img:after {content: ''; position: absolute; width: 100%; height: 100%; border-radius:var(--radius-16); border: 1px solid #ddd; }
.partner-region-map .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.partner-region-list {display:flex; flex-direction: column; gap:var(--space-10); align-content:flex-start; flex:1; min-width:0; margin:0; padding:0; list-style:none;}
.partner-region-list.col2 {flex-direction: row; flex-wrap:wrap; }
.partner-region-list li {display:flex; align-items:center; justify-content:center; flex-shrink: 0; width:140px; min-width:140px; height:36px; border-radius:var(--radius-8); font-size:var(--font-size-16); font-weight:400; color:#2c2c2c; line-height:1.5em;}
.partner-region-list.col2 li {flex: 0 1 calc(50% - var(--space-10)/2);} 

/********************* 고객지원 *********************/
/* 공지사항 */
.input.round {border-radius: 4px;}
.btn-pack.round {border-radius: 4px;}

/* 문의하기 */
.board-form .input {height: 48px;}
.radio-wrap {display:flex; flex-wrap:wrap; gap:var(--space-24);}
.inquiry-submit-btn {min-width: 160px; height: 60px; border-radius: 100px; background: var(--color-primary); font-size:var(--font-size-16); font-weight:400; color:#fff; border:none; cursor: pointer;}