/* KMS 홈페이지 — Business 페이지 전용 (FINAL_spec §7.3). 룰 문법만, 카드·그림자·배지 없음. */

/* ---------- Hero (공용 .page-hero.has-media + .page-hero-grid, 사진 warehouse-hall 크롭만 다름) ---------- */
.biz-hero .hero-media img{object-position:22% 55%}

/* ---------- Model (biz-flow: 공용) ---------- */
.biz-flow h3:lang(en){letter-spacing:-.015em;font-size:20px}
.biz-flow p{color:var(--ink-2)}

/* ---------- Channels: 6셀 룰 그리드 ---------- */
.chan-grid{display:grid;grid-template-columns:1fr;border-top:1px solid var(--rule-ink)}
@media (min-width:480px){.chan-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.chan-grid{grid-template-columns:repeat(3,1fr)}}
.chan-grid li{padding:28px 0 32px;border-bottom:1px solid var(--rule);min-width:0;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:var(--s2);row-gap:10px;align-items:baseline;align-content:start}
.chan-grid .idx{font-size:17px;grid-row:1}
.chan-grid h3{grid-column:2;font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--ink)}
.chan-grid h3:lang(en){letter-spacing:-.015em}
.chan-grid p{grid-column:2;font-size:15px;line-height:1.7;color:var(--ink-2)}
@media (min-width:480px) and (max-width:1023px){
  .chan-grid li{padding-right:28px}
  .chan-grid li:nth-child(2n){padding-left:28px;padding-right:0;border-left:1px solid var(--rule)}
}
@media (min-width:1024px){
  .chan-grid li{padding:32px 32px 40px 0}
  .chan-grid li:nth-child(3n+2),.chan-grid li:nth-child(3n+3){padding-left:32px;border-left:1px solid var(--rule)}
  .chan-grid li:nth-child(3n+3){padding-right:0}
}

/* ---------- Categories: 5:7 (figure | 룰 리스트) ---------- */
.categories{background:var(--blue-tint)}
.cat-figure{margin-top:var(--s4)}
@media (min-width:1024px){.cat-figure{margin-top:var(--s5)}}
.cat-figure img{object-position:50% 40%}
.categories .figure figcaption{color:var(--ink-2)}
.categories .rule-list{border-top-color:var(--kms-blue)}
.categories .rule-list>li{border-bottom-color:var(--rule-blue)}
.cat-list .desc{color:var(--ink-2)}
.categories .rule-list .idx{color:var(--ink-2)}      /* blue-tint 위 gray(4.15:1) 금지 → ink-2 */
@media (min-width:1024px){.cat-list>li{padding:24px 0}}

/* ---------- Partners: 텍스트 리스트(로고 없음) ---------- */
.partner-list{border-top:1px solid var(--rule-ink)}
.partner-list li{display:grid;grid-template-columns:1fr;gap:10px;padding:24px 0;border-bottom:1px solid var(--rule)}
@media (min-width:768px){.partner-list li{grid-template-columns:200px 1fr;gap:var(--s3);align-items:baseline;padding:28px 0}}
.partner-list .pt{font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
/* 스펙 §7.3: 세리프 16px 텍스트 리스트(브랜드 쇼케이스 아님). 구분 슬래시는 앞 브랜드 안쪽(::after)에 두어, 줄바꿈 시 슬래시가 앞 줄 끝에 남고 새 줄이 "/"로 시작하지 않게 */
.partner-list .pb{font-family:var(--serif);font-weight:500;font-size:16px;line-height:1.6;letter-spacing:0;color:var(--ink-2);display:flex;flex-wrap:wrap;column-gap:12px;row-gap:2px}
@media (min-width:768px){.partner-list .pb{font-size:18px}}
.partner-list .brand{white-space:nowrap}
.partner-list .brand:not(:last-child)::after{content:"/";color:var(--rule);font-weight:400;margin-left:12px}

/* ---------- 거래 원칙(B2B) — 사업영역 두 번째 밴드 ---------- */
.b2b{background:var(--blue-tint)}
.b2b .rule-list{border-top-color:var(--kms-blue)}
.b2b .rule-list>li{border-bottom-color:var(--rule-blue)}
.b2b .rule-list .idx{color:var(--ink-2)}