/* 한글 홈(v8) 전용 — .ko-home 스코프 격리. 색상 #810031 통일. 2026-06-24 */
.ko-home{
  --burgundy:#810031;
  --burgundy2:#810031;
  --brown:#241817;
  --warm:#f7f3ee;
  --warm2:#eee6dd;
  --gold:#b99564;
  --text:#231f20;
  --muted:#716963;
  --line:#e7dfd6;
}.ko-home *{ box-sizing:border-box; }.ko-home{ margin:0; font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR","Segoe UI",sans-serif; color:var(--text); background:#fff; letter-spacing:-0.03em; }.ko-home a{ color:inherit; text-decoration:none; }.ko-home .nav{ position:fixed; top:0; left:0; right:0; height:76px; padding:0 5.5vw; display:flex; justify-content:space-between; align-items:center; z-index:20; background:rgba(255,255,255,.84); backdrop-filter:blur(16px); border-bottom:1px solid rgba(255,255,255,.35); }.ko-home .brand{ font-size:22px; font-weight:800; letter-spacing:.08em; color:#211616; }.ko-home .menu{ display:flex; gap:34px; font-size:14px; font-weight:600; color:#322725; }.ko-home .menu a:first-child{ color:var(--burgundy); }.ko-home .hero{ position:relative; height:780px; min-height:620px; overflow:hidden; display:flex; align-items:center; }.ko-home .hero::before{ content:""; position:absolute; inset:0; background:url('/ko/images/home/ko_home_0.webp') center/cover no-repeat; transform:scale(1.01); }.ko-home .hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(22,12,11,.70) 0%, rgba(35,22,20,.52) 37%, rgba(50,35,29,.18) 100%); }.ko-home .hero-inner{ position:relative; z-index:2; padding:0 5.8vw; color:#fff; max-width:980px; }.ko-home .eyebrow{ font-size:13px; letter-spacing:.22em; font-weight:700; color:#d9bea0; margin-bottom:28px; text-transform:uppercase; }.ko-home .hero h1{ margin:0; font-size:54px; line-height:1.1; font-weight:800; letter-spacing:-0.06em; }.ko-home .hero p{ margin:30px 0 0; font-size:22px; line-height:1.75; color:rgba(255,255,255,.86); max-width:780px; font-weight:400; }.ko-home .hero-actions{ margin-top:44px; display:flex; gap:16px; }.ko-home .btn{ display:inline-flex; align-items:center; justify-content:center; min-width:154px; height:52px; padding:0 24px; border-radius:2px; font-weight:700; font-size:15px; }.ko-home .btn.primary{ background:var(--burgundy); color:#fff; }.ko-home .btn.ghost{ border:1px solid rgba(255,255,255,.45); color:#fff; }.ko-home .section{ padding:110px 5.8vw; }.ko-home .section-head{ display:block; max-width:820px; margin-bottom:54px; }.ko-home .section-label{ color:var(--burgundy); font-size:13px; letter-spacing:.18em; font-weight:800; text-transform:uppercase; margin-bottom:16px; }.ko-home h2{ margin:0; font-size:48px; line-height:1.18; letter-spacing:-0.055em; }.ko-home .lead{ margin:24px 0 0; max-width:780px; font-size:18px; line-height:1.85; color:var(--muted); }.ko-home .kpi-wrap{ background:var(--warm); padding:76px 5.8vw; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.ko-home .kpi-title{ display:flex; justify-content:space-between; align-items:end; margin-bottom:42px; gap:50px; }.ko-home .kpi-title h2{ font-size:42px; }.ko-home .kpi-title p{ max-width:560px; margin:0; color:var(--muted); line-height:1.75; font-size:17px; }.ko-home .kpis{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #d9cfc5; border-bottom:1px solid #d9cfc5; }.ko-home .kpi{ padding:34px 34px 34px 0; border-right:1px solid #d9cfc5; min-height:158px; }.ko-home .kpi:last-child{ border-right:0; padding-left:34px; }.ko-home .kpi:not(:first-child){ padding-left:34px; }.ko-home .kpi .num{ color:var(--burgundy); font-size:42px; font-weight:800; letter-spacing:-0.04em; margin-bottom:12px; }.ko-home .kpi .txt{ font-size:19px; font-weight:800; margin-bottom:8px; }.ko-home .kpi .sub{ font-size:14px; color:var(--muted); line-height:1.6; }.ko-home .split{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }.ko-home .media{ min-height:420px; border-radius:4px; overflow:hidden; background:#ddd; position:relative; }.ko-home .media.service{ background:url('/ko/images/home/ko_home_1.webp') center/cover no-repeat; }.ko-home .media.tech{ background:url('/ko/images/home/ko_home_2.webp') center/cover no-repeat; }.ko-home .media::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.34) 100%); }.ko-home .link-list{ margin-top:32px; border-top:1px solid var(--line); }.ko-home .link-row{ display:grid; grid-template-columns:80px 1fr auto; gap:20px; align-items:center; padding:24px 0; border-bottom:1px solid var(--line); }.ko-home .link-row .no{ color:var(--gold); font-weight:800; letter-spacing:.08em; }.ko-home .link-row .title{ font-size:23px; font-weight:800; }.ko-home .link-row .desc{ color:var(--muted); margin-top:7px; line-height:1.6; font-size:15px; }.ko-home .arrow{ color:var(--burgundy); font-weight:800; }.ko-home .dark{ background:linear-gradient(135deg,#1c1110,#3a1a1d 62%,#810031); color:#fff; }.ko-home .dark .section-label{ color:#d7b48b; }.ko-home .dark .lead{ color:rgba(255,255,255,.72); }.ko-home .business-grid{ display:grid; grid-template-columns:1.1fr 1fr; gap:56px; align-items:stretch; }.ko-home .business-map{ border:1px solid rgba(255,255,255,.16); min-height:520px; border-radius:4px; background:radial-gradient(circle at 72% 28%, rgba(185,149,100,.28), transparent 30%), linear-gradient(150deg, rgba(255,255,255,.09), rgba(255,255,255,.03)); padding:44px; display:flex; flex-direction:column; justify-content:space-between; }.ko-home .business-map .big{ font-size:56px; font-weight:800; letter-spacing:-.05em; line-height:1.1; }.ko-home .business-map .small{ color:rgba(255,255,255,.65); line-height:1.7; font-size:16px; max-width:470px; }.ko-home .industry-list{ display:flex; flex-direction:column; border-top:1px solid rgba(255,255,255,.18); }.ko-home .industry{ display:grid; grid-template-columns:78px 1fr; gap:24px; padding:25px 0; border-bottom:1px solid rgba(255,255,255,.18); }.ko-home .industry .no{ color:#d7b48b; font-weight:800; }.ko-home .industry h3{ margin:0 0 8px; font-size:24px; }.ko-home .industry p{ margin:0; color:rgba(255,255,255,.68); line-height:1.65; }.ko-home .fleet-rail{ display:grid; grid-template-columns:repeat(7, minmax(150px,1fr)); gap:16px; }.ko-home .vehicle{ background:#fff; border:1px solid var(--line); padding:28px 20px; border-radius:4px; min-height:158px; display:flex; flex-direction:column; justify-content:space-between; }.ko-home .vehicle strong{ font-size:19px; letter-spacing:-.03em; }.ko-home .vehicle span{ color:var(--muted); font-size:14px; line-height:1.55; margin-top:12px; }.ko-home .about-band{ background:#ffffff; padding:84px 5.8vw; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.ko-home .about-box{ display:grid; grid-template-columns:.8fr 1.2fr; gap:58px; align-items:center; }.ko-home .license{ background:#fff; border:1px solid var(--line); border-radius:4px; padding:42px; box-shadow:0 18px 40px rgba(80,55,35,.06); }.ko-home .license .tag{ color:var(--burgundy); font-weight:800; margin-bottom:18px; }.ko-home .license h3{ font-size:38px; line-height:1.25; margin:0 0 18px; letter-spacing:-.05em; }.ko-home .license p{ color:var(--muted); line-height:1.8; margin:0; }.ko-home .cta{ margin:88px 72px 56px; padding:28px 54px; border-radius:6px; background:#810031; color:#fff; display:flex; justify-content:space-between; align-items:center; gap:40px; }.ko-home .cta h2{ font-size:30px; letter-spacing:-0.035em; }.ko-home .cta p{ font-size:16px; color:rgba(255,255,255,.78); line-height:1.7; margin:14px 0 0; }.ko-home .footer{ background:#f8f6f3; padding:54px 5.8vw 40px; border-top:1px solid #e6ded5; color:#4a413d; }.ko-home .footer .top{ display:flex; justify-content:space-between; gap:40px; margin-bottom:28px; }.ko-home .footer .brand2{ font-weight:800; letter-spacing:.08em; font-size:20px; color:#211616; }.ko-home .footer .info{ font-size:13px; line-height:1.8; color:#716963; }.ko-home .footer .links{ display:flex; gap:22px; font-size:13px; font-weight:600; }.ko-home #technology{ background:#f8f5f1; }.ko-home #technology .tech-head{ max-width:900px; margin-bottom:44px; }.ko-home .tech-ecosystem{ display:grid; grid-template-columns:.86fr 1.34fr; grid-template-rows:1fr 1fr; gap:20px; }.ko-home .tech-card{ position:relative; overflow:hidden; border-radius:4px; background:#fff; border:1px solid var(--line); min-height:300px; }.ko-home .tech-customer{ grid-column:1; grid-row:1; }.ko-home .tech-driver{ grid-column:1; grid-row:2; }.ko-home .tech-admin{ grid-column:2; grid-row:1 / span 2; }.ko-home .tech-image{ position:absolute; inset:0; }.ko-home .tech-image::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,9,8,.02) 35%, rgba(20,11,10,.82) 100%); }.ko-home .tech-image img{ width:100%; height:100%; object-fit:cover; display:block; }.ko-home .tech-admin .tech-image img{ object-position:center; }.ko-home .tech-copy{ position:absolute; z-index:2; left:30px; right:30px; bottom:28px; color:#fff; }.ko-home .tech-copy .tech-no{ display:block; color:#dec39f; font-size:12px; font-weight:800; letter-spacing:.14em; margin-bottom:10px; }.ko-home .tech-copy h3{ margin:0 0 9px; font-size:25px; line-height:1.25; letter-spacing:-.045em; }.ko-home .tech-copy p{ margin:0; color:rgba(255,255,255,.78); font-size:14px; line-height:1.65; max-width:600px; }.ko-home .tech-admin .tech-copy h3{ font-size:32px; }.ko-home .tech-flow{ margin-top:22px; padding:18px 2px 0; border-top:1px solid #d8cec5; display:flex; align-items:center; gap:18px; color:#5f5651; font-size:14px; font-weight:700; }.ko-home .tech-flow i{ color:var(--gold); font-style:normal; }.ko-home .tech-flow a{ margin-left:auto; color:var(--burgundy); font-weight:800; }.ko-home .tone-warm{ background:#f7f4ef; color:var(--text); }.ko-home .tone-warm .section-label{ color:var(--burgundy); }.ko-home .tone-warm .lead{ color:var(--muted); }.ko-home .tone-warm .business-map{
  border:1px solid #ded4ca;
  background:
    radial-gradient(circle at 72% 28%, rgba(185,149,100,.16), transparent 31%),
    linear-gradient(150deg, rgba(255,255,255,.74), rgba(246,240,233,.82));
  box-shadow:0 18px 44px rgba(71,49,37,.055);
}.ko-home .tone-warm .business-map .big{ color:var(--text); }.ko-home .tone-warm .business-map .small{ color:var(--muted); }.ko-home .tone-warm .industry-list{ border-top:1px solid #d9cfc5; }.ko-home .tone-warm .industry{ border-bottom:1px solid #d9cfc5; }.ko-home .tone-warm .industry .no{ color:var(--gold); }.ko-home .tone-warm .industry h3{ color:var(--text); }.ko-home .tone-warm .industry p{ color:var(--muted); }.ko-home #fleet{ background:#ffffff !important; }.ko-home #technology{ background:#f7f4ef; }.ko-home #about{ background:#ffffff; }.ko-home .bridge-statement{
  padding:64px 5.8vw;
  background:#ffffff;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}.ko-home .bridge-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:56px;
  max-width:1440px;
  margin:0 auto;
}.ko-home .bridge-label{
  flex:0 0 auto;
  color:var(--burgundy);
  font-size:12px;
  font-weight:800;
  letter-spacing:.2em;
}.ko-home .bridge-inner p{
  margin:0;
  max-width:900px;
  font-size:30px;
  line-height:1.45;
  font-weight:750;
  letter-spacing:-.045em;
  text-align:right;
}.ko-home .section-head{ display:block; max-width:840px; margin-bottom:54px; }.ko-home .section-head .lead{ margin-top:24px; max-width:760px; }@media(max-width:1000px){.ko-home .bridge-inner{ flex-direction:column; align-items:flex-start; gap:18px; }.ko-home .bridge-inner p{ text-align:left; font-size:24px; }.ko-home .hero h1{ font-size:48px; }.ko-home .hero p{ font-size:18px; }.ko-home .split, .ko-home .business-grid, .ko-home .about-box{ grid-template-columns:1fr; }.ko-home .tech-ecosystem{ grid-template-columns:1fr; grid-template-rows:auto; }.ko-home .tech-customer, .ko-home .tech-driver, .ko-home .tech-admin{ grid-column:1; grid-row:auto; min-height:360px; }.ko-home .kpis{ grid-template-columns:repeat(2,1fr); }.ko-home .fleet-rail{ grid-template-columns:repeat(2,1fr); }.ko-home .cta, .ko-home .footer .top{ flex-direction:column; align-items:flex-start; }.ko-home .menu{ display:none; }
}.ko-home .nav{ padding:0; }.ko-home .nav-inner{
  width:min(1280px, calc(100% - 80px));
  height:100%;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
}.ko-home .hero-inner{
  width:min(1280px, calc(100% - 80px));
  max-width:none;
  margin:0 auto;
  padding:0;
}.ko-home .section, .ko-home .about-band, .ko-home .cta, .ko-home .footer{
  padding-left:max(40px, calc((100vw - 1280px) / 2));
  padding-right:max(40px, calc((100vw - 1280px) / 2));
}.ko-home .section{ padding-top:104px; padding-bottom:104px; }.ko-home .section-head{ max-width:760px; margin-bottom:46px; }.ko-home .section-head .lead{ max-width:720px; }.ko-home .interactive-showcase{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:28px;
  align-items:stretch;
}.ko-home .showcase-visual{
  position:relative;
  min-height:500px;
  overflow:hidden;
  border-radius:4px;
  background:#ddd;
}.ko-home .showcase-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(18,10,8,0) 62%, rgba(18,10,8,.16) 100%);
  pointer-events:none;
}.ko-home .showcase-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}.ko-home .showcase-dissolve-layer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .45s ease;
  pointer-events:none;
}.ko-home .showcase-list{
  display:flex;
  flex-direction:column;
  min-height:500px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}.ko-home .showcase-row{
  position:relative;
  flex:1 1 0;
  min-height:92px;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 28px;
  gap:18px;
  align-items:center;
  padding:18px 4px 18px 18px;
  border-bottom:1px solid var(--line);
  transition:background .22s ease, padding-left .22s ease;
}.ko-home .showcase-row:last-child{ border-bottom:0; }.ko-home .showcase-row::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:2px;
  background:transparent;
  transition:background .22s ease;
}.ko-home .showcase-row:hover, .ko-home .showcase-row:focus-visible, .ko-home .showcase-row.active{
  background:rgba(91,22,36,.035);
  padding-left:22px;
  outline:none;
}.ko-home .showcase-row:hover::before, .ko-home .showcase-row:focus-visible::before, .ko-home .showcase-row.active::before{ background:var(--burgundy); }.ko-home .showcase-row .no{ color:var(--gold); font-size:14px; font-weight:800; letter-spacing:.08em; }.ko-home .showcase-row .title{ font-size:22px; font-weight:800; line-height:1.25; }.ko-home .showcase-row .desc{ margin-top:7px; color:var(--muted); font-size:14px; line-height:1.55; }.ko-home .showcase-row .arrow{ color:var(--burgundy); font-size:21px; font-weight:700; text-align:right; }.ko-home .business-showcase .showcase-visual{ min-height:540px; }.ko-home .business-showcase .showcase-list{ min-height:540px; }.ko-home .fleet-carousel{ position:relative; }.ko-home .fleet-viewport{ overflow:hidden; }.ko-home .fleet-track{
  display:flex;
  gap:16px;
  transition:transform .42s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}.ko-home .fleet-track .vehicle{
  flex:0 0 calc((100% - 64px) / 5);
  min-width:0;
}.ko-home .fleet-arrow{
  position:absolute;
  top:50%;
  z-index:3;
  width:42px;
  height:42px;
  border:1px solid #d9cfc5;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:var(--burgundy);
  font-size:21px;
  cursor:pointer;
  transform:translateY(-50%);
  box-shadow:0 9px 26px rgba(57,39,31,.08);
  transition:opacity .2s ease, background .2s ease;
}.ko-home .fleet-arrow:hover{ background:#f8f3ef; }.ko-home .fleet-prev{ left:-58px; }.ko-home .fleet-next{ right:-58px; }.ko-home .fleet-arrow[disabled]{ opacity:0; pointer-events:none; }@media (max-width:1400px){.ko-home .fleet-prev{ left:10px; }.ko-home .fleet-next{ right:10px; }
}@media (max-width:1000px){.ko-home .nav-inner, .ko-home .hero-inner{ width:calc(100% - 48px); }.ko-home .section, .ko-home .about-band, .ko-home .cta, .ko-home .footer{ padding-left:24px; padding-right:24px; }.ko-home .cta{ margin:48px 0 40px; }.ko-home .interactive-showcase{ grid-template-columns:1fr; gap:22px; }.ko-home .showcase-visual, .ko-home .business-showcase .showcase-visual{ min-height:420px; }.ko-home .showcase-list, .ko-home .business-showcase .showcase-list{ min-height:auto; }.ko-home .showcase-row{ min-height:100px; }.ko-home .fleet-track .vehicle{ flex-basis:calc((100% - 32px) / 3); }
}@media (max-width:767px){.ko-home .hero{ padding-left:0; padding-right:0; }.ko-home .nav-inner, .ko-home .hero-inner{ width:calc(100% - 32px); }.ko-home .section, .ko-home .about-band, .ko-home .cta, .ko-home .footer{ padding-left:16px; padding-right:16px; }.ko-home .cta{ margin:40px 0 32px; }.ko-home .showcase-visual, .ko-home .business-showcase .showcase-visual{ min-height:300px; }.ko-home .showcase-row{ grid-template-columns:42px minmax(0,1fr) 22px; padding-left:10px; gap:10px; }.ko-home .showcase-row:hover, .ko-home .showcase-row:focus-visible, .ko-home .showcase-row.active{ padding-left:14px; }.ko-home .showcase-row .title{ font-size:19px; }.ko-home .fleet-track .vehicle{ flex-basis:86%; }
}.ko-home #technology{ background:#ffffff !important; }.ko-home #fleet{ background:#f7f4ef !important; }.ko-home #about.about-band{ background:#ffffff; }.ko-home #about .about-box{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:0;
  align-items:stretch;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}.ko-home #about .about-intro{
  padding:48px 56px 48px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}.ko-home #about .about-intro .about-kicker{
  margin-top:18px;
  color:var(--burgundy);
  font-size:17px;
  line-height:1.5;
  font-weight:800;
  letter-spacing:-.025em;
}.ko-home #about .about-intro h2{ margin:8px 0 0; }.ko-home #about .license{
  background:transparent;
  border:0;
  border-left:1px solid var(--line);
  border-radius:0;
  padding:48px 0 48px 56px;
  box-shadow:none;
}.ko-home #about .license .tag{ margin-bottom:16px; }.ko-home #about .license h3{ font-size:34px; margin-bottom:16px; }.ko-home #about .license p{ max-width:690px; }.ko-home #about .license-points{
  list-style:none;
  margin:24px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px 22px;
  color:#5f5651;
  font-size:13px;
  line-height:1.55;
}.ko-home #about .license-points li{ position:relative; padding-left:15px; }.ko-home #about .license-points li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--gold);
}.ko-home #contact.cta{ padding-top:36px; padding-bottom:36px; }.ko-home #contact.cta h2{ margin:0; }.ko-home #contact.cta p{ margin-top:8px; }@media(max-width:1000px){.ko-home #about .about-box{ grid-template-columns:1fr; }.ko-home #about .about-intro{ padding:36px 0 30px; }.ko-home #about .license{ border-left:0; border-top:1px solid var(--line); padding:34px 0 38px; }.ko-home #about .license-points{ grid-template-columns:1fr; }
}.ko-home .section-head{ max-width:1000px; }.ko-home .section-head .lead{ max-width:960px; }.ko-home .tech-head{ max-width:1000px; }@media(max-width:1000px){.ko-home .section-head, .ko-home .section-head .lead, .ko-home .tech-head{ max-width:100%; }
}

/* ghost 버튼 배경 투명 — 기존 ko.css .btn 배경 오염 차단 (primary는 specificity 높아 유지) */
.ko-home .btn { background: transparent; }

/* CTA 배너 버튼 — 서비스 페이지와 동일한 흰 pill 스타일 */
.ko-home .cta .btn { background: #fff; color: #810031; border-radius: 999px; }

/* CTA 텍스트 세로압축 방지 — 좌측 텍스트 영역 최소폭 보장 + 한글 어절 단위 줄바꿈(글자분해 차단) */
.ko-home .cta { flex-wrap: wrap; }
.ko-home .cta > div { flex: 1 1 320px; min-width: 0; }
.ko-home .cta h2, .ko-home .cta p { word-break: keep-all; overflow-wrap: anywhere; }
/* 한글 타이틀 어절 단위 줄바꿈 — 음절 중간 깨짐 방지 */
.ko-home h1, .ko-home h2, .ko-home h3 { word-break: keep-all; overflow-wrap: break-word; }
/* 모바일 타이틀 크기 축소 — 큰 한글 헤딩이 줄수 폭발하던 것 완화 */
@media (max-width: 767px) {
  .ko-home .hero h1 { font-size: 38px; }
  .ko-home h2 { font-size: 30px; }
  .ko-home .kpi-title h2 { font-size: 28px; }
}
/* ko.css .cta(max-width:1280)가 새어들어 초광폭(2560+)에서 padding과 충돌해 content 0이 되던 것 차단 */
.ko-home .cta { max-width: none; }