@charset "utf-8";
/* 서브공통 */
.doc-tit {display: flex; align-items: center; justify-content: flex-start; gap: var(--space-20); position: relative; font-size: var(--font-size-24); font-weight: 700; line-height: 1.5em; letter-spacing: -0.03em; color: var(--color-sub); padding-bottom: var(--space-20); border-bottom: 1px solid #ddd;}
.doc-tit:before {content: ""; width: 22px; height: 22px; background: url(../images/sub/tit-icon.png) no-repeat center center / contain;}
.com-tit {width: 100%; font-size: var(--font-size-32); font-weight: 700; line-height: 1em; letter-spacing: -0.03em; color: var(--color-sub); text-align: center;}
.com-sub {margin-top: var(--space-30); font-size: var(--font-size-20); font-weight: 400; line-height: 1.7em; letter-spacing: -0.03em; color: #454545; text-align: center;}
.sub-section {padding: var(--space-100) 0;}
.com-bg-cont {display: flex; align-items: center; justify-content: center; position: relative; width: 100%; max-width: 1400px; margin: 0 auto; min-height: clamp(280px, calc(484 / var(--inner) * 100vw), 484px);}
.com-bg-cont .img {position: absolute; inset: 0; margin: 0;}
.com-bg-cont .img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.com-bg-cont .cell {position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center;  padding: var(--space-40) var(--space-20); text-align: center; line-height: 1.533em;}
.com-bg-cont .txt {font-size: var(--font-size-30); font-weight: 600; line-height: 1.53em; letter-spacing: -0.03em; color: #fff;}

/********************* 회사소개 *********************/
/* 회사소개 */
.intro-content {margin-bottom: var(--space-100);}
.intro-content:last-child {margin-bottom: 0;}
.intro-content .wrap {display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-40) var(--space-60);}
.intro-content .thumb {width: clamp(300px, calc(700 / var(--inner) * 100vw), 700px);}
.intro-content .thumb .cap {margin-top: var(--space-30); padding-left: var(--space-20); font-size: var(--font-size-18); font-weight: 700; line-height: 1.5em; letter-spacing: 9px; color: #eee;}
.intro-content .cont {flex: 1; line-height: 1.5em; margin-top: var(--space-20);}
.intro-content .head {margin-bottom: var(--space-30);}
.intro-content .tit {font-size: var(--font-size-28); font-weight: 600; line-height: 1.43em; letter-spacing: -0.03em; color: var(--color-sub);}
.intro-content .tit .mark {color: var(--color-primary); font-weight: 600;}
.intro-content .txt {font-size: var(--font-size-16); color: #454545; letter-spacing: -0.03em; line-height: 1.5em;}
.intro-content .txt p + p {margin-top: var(--space-24);}
.intro-content .sign {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-10); margin-top: var(--space-30);}
.intro-content .sign .role {font-size: var(--font-size-16); color: #454545; letter-spacing: -0.03em;}
.intro-content .sign .name {font-size: var(--font-size-20); font-weight: 700; color: var(--color-sub);}

/* 회사소개 — 고객 만족 시스템 */
.intro-content.sys-satisfy {display: flex; flex-direction: column; gap: var(--space-100);}
.intro-content.sys-satisfy .sec-head {display: flex; flex-direction: column; gap: var(--space-20); width: 100%;}
.intro-content.sys-satisfy .stit-wrap {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-20);}
.intro-content.sys-satisfy .deco {position: relative; flex-shrink: 0; width: 22px; height: 22px;}
.intro-content.sys-satisfy .wave {display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: var(--space-60);}
.intro-content.sys-satisfy .wave img {display: block; }
.intro-content.sys-satisfy .cards {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-40); list-style: none; margin: 0; padding: 0; align-items: stretch;}
.intro-content.sys-satisfy .card {display: flex; flex-direction: column; flex: 1; align-items: center; justify-content: flex-start; gap: var(--space-20); width: 100%; height: 100%; padding: var(--space-60) var(--space-20); background: #fff; border-radius: var(--radius-16); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); text-align: center;}
.intro-content.sys-satisfy .ico-wrap {display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; background: var(--color-primary); border-radius: 64px;}
.intro-content.sys-satisfy .card .tit {width: 100%; font-size: var(--font-size-22); font-weight: 700; line-height: 1.5em; letter-spacing: -0.03em; color: var(--color-sub);}
.intro-content.sys-satisfy .card .txt {width: 100%; font-size: var(--font-size-16); line-height: 1.75em; letter-spacing: -0.03em; color: #454545;}
.intro-content.sys-satisfy .card .txt p + p {margin-top: 0;}
.intro-content.sys-satisfy .brand {display: flex; flex-direction: column; align-items: center; gap: var(--space-20); width: 240px; flex-shrink: 0;}
.intro-content.sys-satisfy .brand .logo {width: 240px; margin: 0;}
.intro-content.sys-satisfy .brand .logo img {width: 100%; height: auto; display: block;}
.intro-content.sys-satisfy .brand .vline {width: 12px; line-height: 0;}
.intro-content.sys-satisfy .brand .vline img {display: block; width: 100%; height: auto;}

/* 회사연혁 */
.history-top { width: 100%; background: url(../images/sub/history-bg.jpg) no-repeat center center / cover; min-height: 200px;}

.history {position:relative; }
.history:before {content: ""; position:absolute; top:-15px; left:50%; transform: translateX(-50%); width:32px; height:32px; background: url(../images/sub/history-dot.png) no-repeat center center / contain; z-index: 1;}
.history .group {display: flex; position:relative; padding-top: 20px; padding-bottom:30px;}
.history .group:before {content:""; position:absolute; left:50%; top:0; bottom:1px; width:1px; background:#ddd;}
.history .group:last-child {margin-bottom:0;}
.history .group h3 {position:relative; margin-top: 4px; font-size:32px; font-weight:700; color:#225264; line-height:1em; z-index:2;}
.history .group h3:before {content:""; position:absolute; top:2px; width:32px; height:32px; background: url(../images/sub/history-dot.png) no-repeat center center / contain;}
.history .group .month {position:absolute; top:0; margin-top: 4px; font-size: 20px; font-weight: 600; line-height: 1.5em; color: var(--color-sub);}
.history .group > ul {position: relative;}
.history .group > ul > li {position:relative; font-size:16px; font-weight: 700; line-height:2.5em; margin-bottom: 10px;}
.history .group > ul > li:last-child {margin-bottom:0;}
.history .group:nth-child(1) {padding-top: 120px;}
.history .group:nth-child(odd) {padding-left:50%;}
.history .group:nth-child(odd) h3 {padding-left:75px;}
.history .group:nth-child(odd) h3:before {left:-15px;}
.history .group:nth-child(odd) >ul {padding-left:60px;}
.history .group:nth-child(odd) >ul >li {padding-left:82px;}
.history .group:nth-child(odd) .month {left:0;}
.history .group:nth-child(even) {padding-right:50%; text-align:right; flex-direction: row-reverse;}
.history .group:nth-child(even) h3 {padding-right:75px;}
.history .group:nth-child(even) h3:before {right:-16px; }
.history .group:nth-child(even) >ul {padding-right:60px;}
.history .group:nth-child(even) >ul >li {padding-right:82px;}
.history .group:nth-child(even) .month {right:0;}
.history .group:last-child {padding-bottom: 0;}
.history {--history-dot-size:20px; --history-dot-top:2px;}
.history.history--trim-last .group.is-history-last:before {bottom:auto; height:var(--history-line-end);}

.history .group .sub-list li {position: relative; font-size: var(--font-size-16); font-weight: 400; line-height: 1.5em; color: #454545;}
.history .group .sub-list li:before {content: ""; position: absolute;  top: 12px; width: 4px; height: 1px; background: #454545}
.history .group:nth-child(odd) .sub-list li {padding-left: 8px;}
.history .group:nth-child(odd) .sub-list li:before {left: 0;}
.history .group:nth-child(even) .sub-list li {padding-right: 8px;}
.history .group:nth-child(even) .sub-list li:before {right: 0;}

/* 찾아오시는 길 */
.root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .wrap_map {width: clamp(400px, calc(640 / var(--inner) * 100vw), 640px); height: 400px !important;}
.map-row .root_daum_roughmap .wrap_map {width: 100%;}
.root_daum_roughmap .wrap_controllers {display: none !important;}
.map-cont {padding-bottom: var(--space-40); border-bottom: 1px solid #ddd;}
.map-cont:last-child {border-bottom: none;}
.map-cont .tit {display: flex; align-items: center; gap: 12px; margin-bottom: var(--space-16); font-size: var(--font-size-22); font-weight: 600; color: var(--color-sub); line-height: 1.363em;}
.map-cont .tit:before {content: ''; width: 24px; height: 24px; background: url(../images/sub/pin.png) no-repeat center / contain;}
.map-cont .map-wrap {align-items: center; gap: var(--space-40);}
.map-row {display: flex; padding: var(--space-40) 0;}
.map-row .map-item {flex: 1;}
.map-row .map-item:first-child {padding-right: var(--space-60); border-right: 1px solid #ddd;}
.map-row .map-item:last-child {padding-left:  var(--space-60);}
.map-row .map {margin-bottom: var(--space-40);}
.lct-info {gap: var(--space-60);}
.lct-item {display: flex; align-items: center; gap: var(--space-20);}
.lct-adress p {margin-bottom: 10px; font-size: var(--font-size-24); font-weight: 600; line-height: 1.5em; color: var(--color-sub);}
.lct-adress span.flex {gap: 15px; flex-wrap: wrap; font-size: var(--font-size-16); line-height: 1.5em;}
.lct-item dl {line-height: 1.5em; padding: 0 var(--space-24); border-right: 1px solid #ddd;}
.lct-item dl:first-child {padding-left: 0;}
.lct-item dl:last-child {border-right: none;}
.lct-item dl dt {width: clamp(100px, calc(160 / var(--inner) * 100vw), 160px); margin-bottom: var(--space-16); color: var(--color-sub); font-size: var(--font-size-18); font-weight: 600;}
.lct-item dl dd {font-size: var(--font-size-16);}

/********************* 사업소개 *********************/
.grey {background: #f8f8f8;}
/* 기업물류 */
.logistics1 {padding-top: 0;}

/* 주요사업 */
.logistics2 .biz-main {display: flex; flex-direction: column; align-items: center; gap: var(--space-80); width: 100%; max-width: 1400px; margin: 0 auto;}
.logistics2 .svc-list {display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-24); width: 100%; margin: 0; padding: 0; list-style: none;}
.logistics2 .svc-list .item {flex: 0 1 260px; max-width: 260px; width: 100%;}
.logistics2 .svc-list .box {display: flex; flex-direction: column; align-items: center; gap: var(--space-20); padding: var(--space-24); background: #fff; border-radius: var(--radius-16); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); text-align: center;}
.logistics2 .svc-list .num {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: var(--font-size-16); font-weight: 700; line-height: 1em; letter-spacing: -0.03em; color: #fff; background: var(--color-primary); border-radius: var(--radius-20);}
.logistics2 .svc-list .cell {display: flex; flex-direction: column; align-items: center; gap: var(--space-20);}
.logistics2 .svc-list .tit {font-size: var(--font-size-18); font-weight: 700; line-height: 1.5em; letter-spacing: -0.03em; color: var(--color-sub);}
.logistics2 .svc-list .desc {font-size: var(--font-size-16); font-weight: 400; line-height: 1.75em; letter-spacing: -0.03em; color: #454545;}
.logistics2 .feat-list {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; width: 100%;}
.logistics2 .feat-list .photo {display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; width: 100%; max-width: 450px; margin: 0 auto; aspect-ratio: 1 / 1; border-radius: var(--radius-16); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.logistics2 .feat-list .img {position: absolute; inset: 0; margin: 0;}
.logistics2 .feat-list .img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.logistics2 .feat-list .cell {z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-20); padding: var(--space-20); text-align: center;}
.logistics2 .feat-list .en {font-size: var(--font-size-30); font-weight: 700; line-height: 1.27em; letter-spacing: -0.03em; color: #fff;}
.logistics2 .feat-list .ko {font-size: var(--font-size-16); font-weight: 400; line-height: 1.75em; letter-spacing: -0.03em; color: #fff;}

/* 물류지원시스템 */
.logistics3 .biz-main {display: flex; flex-direction: column; align-items: center; gap: var(--space-80); width: 100%; max-width: 1400px; margin: 0 auto;}

.logistics3 .com-tit {width: 100%; font-size: var(--font-size-32); font-weight: 700; line-height: 1em; letter-spacing: -0.03em; color: var(--color-sub);}
.logistics3 .flow-list {display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; width: 100%; margin: 0; padding: 0; list-style: none;}
.logistics3 .flow-list .item {flex: 0 0 calc(50% - 12px); max-width: 100%; min-width: 0;}
.logistics3 .flow-list .box {display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-48); height: 100%; padding: var(--space-24); background: #fff; border-radius: var(--radius-16); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.logistics3 .flow-list .num {display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: clamp(40px, calc(64 / var(--inner) * 100vw), 64px); aspect-ratio: 1; padding: var(--space-12); font-size: var(--font-size-24); font-weight: 700; line-height: 1.25em; letter-spacing: -0.02em; color: #fff; background: var(--color-primary); border-radius: 50px;}
.logistics3 .flow-list .body {display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-20); flex: 1; min-width: min(100%, 200px);}
.logistics3 .flow-list .head {display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-8);}
.logistics3 .flow-list .mark {display: inline-flex; align-items: center; justify-content: center; padding: 4px var(--space-8); font-size: var(--font-size-12); font-weight: 500; line-height: 1.17em; letter-spacing: -0.02em; color: #000; background: #ddd; border-radius: 50px;}
.logistics3 .flow-list .head .tit {font-size: var(--font-size-18); font-weight: 700; line-height: 1.5em; letter-spacing: -0.03em; color: var(--color-sub);}
.logistics3 .flow-list .desc {font-size: var(--font-size-16); font-weight: 400; line-height: 1.75em; letter-spacing: -0.03em; color: #454545; text-align: left;}
.logistics3 .flow-list .flow {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8);}
.logistics3 .flow-list .step {display: inline-flex; align-items: center; justify-content: center; padding: var(--space-8) var(--space-24); font-size: var(--font-size-16); font-weight: 600; line-height: 1.25em; letter-spacing: -0.02em; color: var(--color-sub); border: 1px solid #ddd; border-radius: 50px;}
.logistics3 .flow-list .arr {flex-shrink: 0; width: 8px; height: 15px; margin: 0 6px; background: url(../images/sub/business-arrow.png) no-repeat center center / contain;}

/* 물류컨설팅 */
.logistics4 .biz-main {display: flex; flex-direction: column; align-items: center; gap: var(--space-80); width: 100%;}
.logistics4 .csl-block,
.logistics4 .exp-block {display: flex; flex-direction: column; gap: var(--space-60); width: 100%;}
.logistics4 .csl-block .doc-tit,
.logistics4 .exp-block .doc-tit {width: 100%;}
.logistics4 .step-flow {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 148px; margin: 0; padding: 0; list-style: none;}
.logistics4 .step-flow .item {display: flex; flex-direction: column; align-items: center; gap: var(--space-20); position: relative; width: clamp(130px, calc(200 / var(--inner) * 100vw), 200px); text-align: center;}
.logistics4 .step-flow .item:after {content: ''; position: absolute; top: 50%; right: -78px; transform: translateY(-50%); width: 18px; height: 18px; background: url(../images/sub/business-arrow2.png) no-repeat center center / contain;}
.logistics4 .step-flow .item:last-child:after {display: none;}
.logistics4 .step-flow .mark {display: inline-flex; align-items: center; justify-content: center; padding: var(--space-8) var(--space-12); font-size: var(--font-size-14); font-weight: 500; line-height: 1em; letter-spacing: -0.03em; color: #fff; background: var(--color-primary); border-radius: 30px;}
.logistics4 .step-flow .ico-wrap {display: flex; align-items: center; justify-content: center; width: 100%; max-width: 200px; aspect-ratio: 1 / 1; padding:10px; background: #fff; border-radius: 100px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.logistics4 .step-flow .ico {display: flex; align-items: center; justify-content: center; width: 48px; height: 48px;}
.logistics4 .step-flow .txt {display: flex; flex-direction: column; align-items: center; gap: var(--space-8); max-width: 200px;}
.logistics4 .step-flow .tit {font-size: var(--font-size-18); font-weight: 700; line-height: 1.5em; letter-spacing: -0.03em; color: #454545;}
.logistics4 .step-flow .desc {font-size: var(--font-size-16); font-weight: 400; line-height: 1.75em; letter-spacing: -0.03em; color: #454545;}
/* 믈류컨설팅 운영전략 공통 */
.gain-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-20); width: 100%; margin: 0; padding: 0; list-style: none;}
.gain-list .box {display: flex; flex-direction: column; align-items: center; gap: var(--space-20); min-height: 271px; height: 100%; padding: var(--space-40); background: #fff; border-radius: var(--radius-16); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); text-align: center;}
.gain-list .num {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: var(--font-size-16); font-weight: 700; line-height: 1em; letter-spacing: -0.03em; color: #fff; background: var(--color-primary); border-radius: 50%;}
.gain-list .tit {width: 100%; font-size: var(--font-size-18); font-weight: 700; line-height: 1.5em; letter-spacing: -0.03em; color: var(--color-sub);}
.gain-list .desc {width: 100%; font-size: var(--font-size-16); font-weight: 400; line-height: 1.75em; letter-spacing: -0.03em; color: #454545;}

/* 트럭운송 */
.transport1 {padding-top: 0;}
.transport1 .trans-wrap {display: flex; flex-direction: column; gap: var(--space-80); width: 100%; max-width: 1400px; margin: 0 auto;}
.transport1 .block {display: flex; flex-direction: column; gap: var(--space-40); width: 100%;}
.transport1 .pair {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: var(--space-60); width: 100%;}
.transport1 .thumb {width: clamp(400px, calc(574 / var(--inner) * 100vw), 574px); overflow: hidden; border-radius: var(--radius-8);}
.transport1 .thumb img {display: block; width: 100%; height: auto; aspect-ratio: 574 / 380; object-fit: cover;}
.transport1 .check-list {flex: 1; display: flex; flex-direction: column; gap: var(--space-20); max-width: 600px; width: 100%; margin: 0; padding: 0; list-style: none;}
.transport1 .check-list .row {display: flex; align-items: center; gap: 14px; min-height: 60px; padding: 18px var(--space-20); background: #fff; border-radius: var(--radius-8); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.transport1 .check-list .row:before {content: ""; flex-shrink: 0; width: 24px; height: 24px; background: url(../images/sub/check.png) no-repeat center center / contain;}
.transport1 .check-list .lbl {font-size: var(--font-size-16); font-weight: 400; line-height: 1.5em; letter-spacing: -0.03em; color: #454545;}

/* 트럭운송 — 핵심 경쟁력 */
.transport2 .power-wrap {display: flex; flex-direction: column; align-items: stretch; gap: var(--space-80); width: 100%; max-width: 1400px; margin: 0 auto;}
.transport2 .power-wrap .com-tit {min-height: 60px; font-size: var(--font-size-40); font-weight: 700; line-height: 1.5em; letter-spacing: -0.03em; color: #242424;}
.transport2 .power-rows {display: grid; grid-template-columns: repeat(2, 1fr); justify-content: space-between; gap: var(--space-40); width: 100%;}
.transport2 .power-rows .card {display: flex; flex-direction: column; min-width: 0; min-height: 260px; padding: var(--space-40); box-sizing: border-box; background: #fff; border-radius: var(--radius-16); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.transport2 .power-rows .top {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-20); width: 100%;}
.transport2 .power-rows .num {display: inline-flex; align-items: center; justify-content: center; padding: 1px var(--space-16); font-size: var(--font-size-14); font-weight: 600; line-height: 1.5em; letter-spacing: -0.03em; color: #fff; background: var(--color-primary); border-radius: 24px;}
.transport2 .power-rows .ico {flex-shrink: 0; width: 48px; height: 48px; margin: 0; overflow: hidden;}
.transport2 .power-rows .tit {margin-top: 5px; font-size: var(--font-size-24); font-weight: 600; line-height: 1.5em; letter-spacing: -0.03em; color: #242424;}
.transport2 .power-rows .list {margin: 24px 0 0; font-size: var(--font-size-16); font-weight: 400; line-height: 1.625em; letter-spacing: -0.03em; color: #454545;}
.transport2 .power-rows .list li {position: relative; margin: 0; padding-left: 24px;}
.transport2 .power-rows .list li::before {content: ''; position: absolute; top: 10px; left: 12px; width: 3px; height: 3px; background: #454545; border-radius: 50%;}

/* 전국 물류 운영 체계 */

.transport3 .contain {background: url(../images/sub/transport-bg.png) no-repeat bottom center/100%; padding-bottom: var(--space-90);}
.transport3 .nation-wrap {display: flex; flex-direction: column; align-items: center; gap: var(--space-80); width: 100%; max-width: 1400px; margin: 0 auto;}
/* .transport3 .sec-head {display: flex; flex-direction: column; align-items: center; gap: var(--space-30); width: 100%; text-align: center;} */
.transport3 .twin {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: var(--space-40); width: 100%;}
.transport3 .twin .panel {display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; flex: 1; width: 100%; max-width: 570px; min-height: 452px; padding: var(--space-40) var(--space-40); box-sizing: border-box; border-radius: var(--radius-16); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.transport3 .twin .bg {position: absolute; inset: 0; margin: 0; border-radius: var(--radius-16); overflow: hidden;}
.transport3 .twin .bg img {display: block; width: 100%; height: 100%; object-fit: cover;}
.transport3 .twin .cell {position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: var(--space-20); width: 100%; max-width: 220px; text-align: center; color: #fff;}
.transport3 .twin .tit {margin: 0; font-size: var(--font-size-30); font-weight: 700; line-height: 1.27em; letter-spacing: -0.03em; color: #fff;}
.transport3 .twin .list {margin: 0; padding: 0 0 0 24px; list-style: disc; font-size: var(--font-size-16); font-weight: 500; line-height: 1.75em; letter-spacing: -0.03em; color: #fff; text-align: left;}
.transport3 .twin .list li {margin: 0;}
.transport3 .map-area {position: relative; width: 100%;}
.transport3 .map-bg {position: absolute; inset: 0; margin: 0; pointer-events: none;}
.transport3 .map-body {position: relative; z-index: 1; display: flex; flex-direction: column;  gap: var(--space-60); width: 100%;}
.transport3 .sub-head {display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-20); width: 100%;}
.transport3 .spot-list {display: flex; align-items: center; justify-content: center; gap: var(--space-40); flex-wrap: wrap;}
.transport3 .spot-list .spot {display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; flex-shrink: 0; width: 256px; aspect-ratio: 1/1; background:rgba(122, 204, 200, 0.10); border-radius: 50%;}
.transport3 .spot-list .pin {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 40px;}
.transport3 .spot-list .pin .ico {width: 30px; height: 30px; margin: 0;}
.transport3 .spot-list .pin .ico img {display: block; width: 100%; height: 100%; object-fit: contain;}
.transport3 .spot-list .pin .name {font-size: var(--font-size-18); font-weight: 700; line-height: 1.67em; letter-spacing: -0.03em; color: #454545;}
.transport3 .spot-list .cnt {margin-top: var(--space-14); font-size: var(--font-size-30); font-weight: 600; line-height: 1em; letter-spacing: -0.03em; color: var(--color-primary);}

/* 화물보관상하차 */
/* 공통 */
.process {display: flex; flex-direction: column; align-items: stretch; gap: var(--space-60); width: 100%;}
.process .flow-list {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 64px; width: 100%; margin: 0; padding: 0; list-style: none;}
.process .flow-list .item {position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--space-20);width: clamp(140px, calc(180 / var(--inner) * 100vw), 180px);; max-width: 100%; text-align: center;}
.process .flow-list .item:after {content: ''; position: absolute; top: 50%; right: -44px; transform: translateY(-50%); width: 16px; height: 16px; background: url(../images/sub/business-arrow2.png) no-repeat center center / contain;} 
.process .flow-list .item:last-child:after {display: none;}
.process .flow-list .mark {display: inline-flex; align-items: center; justify-content: center; padding: var(--space-8) var(--space-12); font-size: var(--font-size-14); font-weight: 500; line-height: 1em; letter-spacing: -0.03em; color: #fff; background: var(--color-primary); border-radius: var(--radius-30);}
.process .flow-list .ico-wrap {display: flex; align-items: center; justify-content: center; width: 100%; max-width: 180px; aspect-ratio: 1 / 1; padding: 10px; background: #fff; border-radius: 100px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.process .flow-list .ico-wrap .img {width: 48px; height: 48px;}
.process .flow-list .txt {display: flex; flex-direction: column; align-items: center; gap: var(--space-8); flex: 1; justify-content: flex-start; width: 100%; max-width: 160px; line-height: 1.5em;}
.process .flow-list .tit {width: 100%; font-size: var(--font-size-18); font-weight: 700; letter-spacing: -0.03em; color: var(--color-sub);}
.process .flow-list .desc {width: 100%; font-size: var(--font-size-15); font-weight: 400; letter-spacing: -0.03em; color: #454545;}

/* 창고관리 */
.warehouse {padding-top: 0;}
.warehouse-ctr .contain {display: flex; flex-direction: column; gap: var(--space-80); align-items: stretch; width: 100%;}
.warehouse-ctr .doc-tit.page {justify-content: center; width: 100%; border-bottom: none; padding-bottom: 0; font-size: var(--font-size-32); font-weight: 700; line-height: 1.47em; letter-spacing: -0.03em; color: var(--color-sub); text-align: center;}
.warehouse-ctr .doc-tit.page:before {content: none; width: 0; height: 0; min-width: 0; min-height: 0; background: none;}
.warehouse-ctr .list {display: flex; flex-direction: column; gap: var(--space-60); width: 100%;}
.warehouse-ctr .unit {display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-40); width: 100%;}
.warehouse-ctr .thumb {width: clamp(290px, calc(600 / var(--inner) * 100vw), 600px); margin: 0;}
.warehouse-ctr .thumb img {display: block; width: 100%; aspect-ratio: 600 / 400; object-fit: cover; border-radius: var(--radius-8);}
.warehouse-ctr .body {display: flex; flex-direction: column; gap: var(--space-30); flex: 1; min-width: 0; max-width: 760px;}
.warehouse-ctr .sec-head {display: flex; flex-direction: column; gap: var(--space-20); width: 100%;}
.warehouse-ctr .info {gap: var(--space-20);}
.warehouse-ctr .info dl {display: flex; gap: var(--space-20); font-size: 16px; line-height: 1.5em; letter-spacing: -0.03em; color: #454545;}
.warehouse-ctr .info dt {flex-shrink: 0; position: relative; width: 82px; margin: 0; padding-left: 24px; box-sizing: border-box; font-weight: 700;}
.warehouse-ctr .info dt:before {content: ""; position: absolute; left: 8px; top: 10px; width: 4px; height: 4px; border-radius: 50%; background: #454545;}
.warehouse-ctr .info dd {margin: 0; font-weight: 400;}

/* 물류컨설팅 */
.consulting {padding-top: 0;}
.strategy-cont {display: flex; flex-direction: column; gap: var(--space-80);}

/********************* 인재채용 *********************/
/* 직원채용정보 */
.character {padding-top: 0;}
.char-cont {display: flex; flex-direction: column; gap: var(--space-40);}
.char-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-40);}
.char-list li {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-40); padding: var(--space-60); border-radius: var(--radius-16); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10)}
.char-list li .icon {display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; background: var(--color-primary); border-radius: 100%;}
.char-list li .icon img {width: 32px; height: 32px;}
.char-list li .txt-box {text-align: center;}
.char-list li .txt-box .tit {margin-bottom: 10px; font-size: var(--font-size-20); font-weight: 700; color: #242424; line-height: 1.5em;}
.char-list li .txt-box .desc {font-size: var(--font-size-16); line-height: 1.5em;}

/* 지게차 운전 사원 모집 */
/* 공통 */
.vehicle .check-list li {display: flex; align-items: center; gap: var(--space-20); padding: 28px; background: #fff; border-radius: var(--radius-8); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.vehicle .check-list li:before {content: ''; flex-shrink: 0; width: 24px; height: 24px; background: url(../images/sub/check.png)no-repeat center /contain;}

.vehicle {padding-bottom: var(--space-150);}
.vehicle .vehicle-wrap {display: flex; flex-direction: column; gap: var(--space-80); width: 100%;}
.vehicle .hero .img img {min-height: 200px; object-fit: cover;}
.vehicle .duty {display: flex; flex-direction: column; gap: 42px; width: 100%;}
.vehicle .block-head {display: flex; flex-direction: column; gap: var(--space-20); width: 100%;}
.vehicle .block-head .stit {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-20);}
.vehicle .block-head .deco {position: relative; flex-shrink: 0; width: 22px; height: 22px;}
.vehicle .block-head .deco .back {position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: rgba(122, 204, 200, 0.6);}
.vehicle .block-head .deco .front {position: absolute; left: 6px; top: 6px; width: 16px; height: 16px; background: var(--color-primary);}
.vehicle .row-list {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-20); width: 100%; margin: 0; padding: 0; list-style: none;}
.vehicle .row-list .ico {flex-shrink: 0; width: 24px; height: 24px; margin: 0;}
.vehicle .row-list .ico img {display: block; width: 100%; height: 100%; object-fit: contain;}
.vehicle .row-list .lbl {margin: 0; font-size: var(--font-size-16); line-height: 1.5em; letter-spacing: -0.03em; color: #454545;}
.vehicle .cols {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: var(--space-40); width: 100%;}
.vehicle .cols .col {display: flex; flex-direction: column; gap: var(--space-40); flex: 1 1 300px; width: 100%; max-width: 680px; min-width: 0;}
.vehicle .stack-list {display: flex; flex-direction: column; gap: var(--space-20); width: 100%; margin: 0; padding: 0; list-style: none;}
.vehicle .stack-list .box {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-20); min-height: 80px; padding: 28px; background: #fff; border-radius: var(--radius-8); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.vehicle .stack-list .ico {flex-shrink: 0; width: 24px; height: 24px; margin: 0;}
.vehicle .stack-list .ico img {display: block; width: 100%; height: 100%; object-fit: contain;}
.vehicle .stack-list .lbl {margin: 0; font-size: var(--font-size-16); line-height: 1.5em; letter-spacing: -0.03em; color: #454545;}

/* 11톤 윙바디 운전자 모집 */
.vehicle .wing-wrap {display: flex; flex-direction: column; gap: var(--space-80); width: 100%; margin-top: var(--space-100);}
.vehicle .wing-wrap .com-tit {width: 100%;}
.vehicle .wing-wrap .hero {position: relative; }
.vehicle .wing-wrap .duty {display: flex; flex-direction: column; gap: 42px; width: 100%;}
.vehicle .wing-wrap .duty .doc-tit {width: 100%;}
.vehicle .wing-wrap .duty .row-list {grid-template-columns: repeat(2, minmax(0, 1fr));}
.vehicle .wing-wrap .cols-board {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: var(--space-40); width: 100%;}
.vehicle .wing-wrap .board-main {display: flex; flex-direction: column; gap: var(--space-40); flex: 1 1 300px; width: 100%; max-width: 680px; min-width: 0;}
.vehicle .wing-wrap .board-main .col {display: flex; flex-direction: column; gap: var(--space-40); width: 100%;}
.vehicle .wing-wrap .board-main .doc-tit {width: 100%;}
.vehicle .wing-wrap .board-side {display: flex; flex-direction: column; gap: var(--space-40); flex: 1 1 300px; width: 100%; max-width: 680px; min-width: 0;}
.vehicle .wing-wrap .board-side .doc-tit {width: 100%;}
.vehicle .wing-wrap .board-side .flex-col {justify-content: space-between; height: 100%;}

/* slide */
.vehicle .wing-wrap .notice-swiper {overflow: hidden; width: 100%; margin: 0;}
.vehicle .wing-wrap .notice-swiper .swiper-slide {height: auto; width: 100%; flex-shrink: 0;}
.vehicle .wing-wrap .notice-swiper .notice-list {display: flex; flex-direction: column; gap: var(--space-20); width: 100%; margin: 0; padding: 0; list-style: none;}
.vehicle .wing-wrap .notice-list .row {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-20); padding: 28px; background: #fff; border-radius: var(--radius-8); color: #454545;}
.vehicle .wing-wrap .notice-list .row:hover {color: #fff; background: var(--color-primary);}
.vehicle .wing-wrap .notice-list li {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.vehicle .wing-wrap .notice-list .meta {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; flex: 1; min-width: 0;}
.vehicle .wing-wrap .notice-list .tit {position: relative; flex: 1; margin: 0; padding-left: 32px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--font-size-16); line-height: 1.75em; letter-spacing: -0.03em;}
.vehicle .wing-wrap .notice-list .tit:before {content: ''; position: absolute; top: 12px; left: 12px; width: 4px; height: 4px; border-radius: 50%; background: var(--color-primary); transition: .2s;}
.vehicle .wing-wrap .notice-list .row:hover .tit:before {background: #fff;} 
.vehicle .wing-wrap .notice-list .date {margin: 0; font-size: var(--font-size-16); line-height: 1.75em; letter-spacing: -0.03em; flex-shrink: 0;}

.vehicle .wing-wrap .paging {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; width: 100%;}
.vehicle .wing-wrap .paging .btn {display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: none; background: no-repeat center / 15px; background-color: var(--color-primary); border-radius: 24px; cursor: pointer; box-sizing: border-box;}
.vehicle .wing-wrap .paging .btn.prev {background-image: url(../images/sub/prev.png);}
.vehicle .wing-wrap .paging .btn.next {background-image: url(../images/sub/next.png);}
.vehicle .wing-wrap .paging .btn.swiper-button-disabled {opacity: 0.35; pointer-events: none;}
.vehicle .wing-wrap .paging .btn .ico {width: 14px; height: 26px; margin: 0;}
.vehicle .wing-wrap .paging .btn .ico img {display: block; width: 100%; height: 100%; object-fit: contain;}
.vehicle .wing-wrap .paging .btn.prev .ico {transform: rotate(180deg);}
.vehicle .wing-wrap .proc {display: flex; flex-direction: column; align-items: center; gap: var(--space-60); width: 100%;}
.vehicle .wing-wrap .proc-head {display: flex; flex-direction: column; gap: var(--space-20); width: 100%;}
.vehicle .wing-wrap .proc-head .doc-tit {width: 100%;}
.vehicle .wing-wrap .caution {display: flex; flex-direction: column; gap: var(--space-20); width: 100%;}
.vehicle .wing-wrap .caution .doc-tit {width: 100%;}
.vehicle .wing-wrap .note-list {margin: 0; padding: 0 0 0 24px; list-style: disc; font-size: var(--font-size-16); line-height: 1.5em; letter-spacing: -0.03em; color: #454545;}
.vehicle .wing-wrap .step-flow {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-24); width: 100%; margin: 0; padding: 0;}
.vehicle .wing-wrap .step-flow .item {flex: 0 0 auto; display: flex; flex-direction: column; gap: var(--space-20); align-items: center; justify-content: center; width: 212px; aspect-ratio: 1/1; background: #fff; border-radius: 100%; border: 11px solid #E9F2F2;}
.vehicle .wing-wrap .step-flow .mark {display: flex; align-items: center; justify-content: center; width: 50px; height: 23px; font-size: var(--font-size-14); font-weight: 500; line-height: 1.29em; letter-spacing: -0.03em; color: #fff; background: var(--color-primary); border-radius: 30px;}
.vehicle .wing-wrap .step-flow .ico {width:30px; height:30px; margin: 0;}
.vehicle .wing-wrap .step-flow .ico img {display: block; width: 100%; height: 100%; object-fit: contain;}
.vehicle .wing-wrap .step-flow .tit {margin: 0; font-size: var(--font-size-16); font-weight: 700; line-height: 1.125em; letter-spacing: -0.03em; color: #454545; text-align: center;}
.vehicle .wing-wrap .step-flow .arr {display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 18px; height: 18px;}

/* 채용공고 팝업 */
.modal.recruit-modal {max-width: 1400px; padding: var(--space-60) var(--space-50);}
.modal.recruit-modal .recruit-top {color: #242424; font-size: var(--font-size-24); padding-bottom: var(--space-24); font-weight: 700; line-height: 1.5em; border-bottom: 1px solid #ddd;}
.modal.recruit-modal .recruit-content {min-height: 640px; padding: var(--space-24) 0; font-size: var(--font-size-16); line-height: 1.75em; border-bottom: 1px solid #ddd;}
.modal.recruit-modal a.close-modal {display: none;}
.modal.recruit-modal .btn-wrap {display: flex; align-items: center; justify-content: center; margin-top: var(--space-36);}
.modal.recruit-modal a.close {display: flex; align-items: center; justify-content: center; width: 100px; height: 44px; background: var(--color-primary); color: #fff; font-size: var(--font-size-16); font-weight: 600;}
/********************* 커뮤니티 *********************/