.sec{padding-block:var(--sec)}
  .sec.alt{background:var(--alt)}

  /* ===== 사업 인덱스 (sticky · 스크롤 스파이) =====
     원리 출처: SK D&D 'Business' — 섹션 상단에 분류 탭을 두고 현재 위치를 짧은 룰로 표시. */
  /* 헤더(.bar min-height:70px)도 sticky top:0이므로 그 아래에 붙인다 */
  .bizindex{position:sticky;top:70px;z-index:40;background:#ffffff;border-bottom:1px solid var(--line)}
  .bizindex ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}
  .bizindex li{border-left:1px solid var(--line)}
  .bizindex li:first-child{border-left:0}
  .bizindex a{display:flex;align-items:center;gap:.7rem;min-height:66px;padding:0 1.1rem;color:var(--meta);
       font-weight:600;font-size:1rem;position:relative;transition:color var(--t-fast)}
  .bizindex a::after{content:"";position:absolute;left:1.1rem;right:1.1rem;bottom:0;height:2px;background:var(--pine);
       transform:scaleX(0);transform-origin:left;transition:transform var(--t-base)}
  .bizindex a:hover{color:var(--ink)}
  .bizindex a .bn{font-size:.86rem;letter-spacing:.08em;transition:color var(--t-fast)}
  .bizindex a[aria-current="true"],.bizindex a[aria-current="true"] .bn{color:var(--pine)}
  .bizindex a[aria-current="true"]::after{transform:scaleX(1)}

  .bizgo{margin-top:1.1rem}

  /* ===== 사업 밴드 ===== */
  .band{position:relative;scroll-margin-top:140px;padding-block:clamp(3.6rem,7vw,6.4rem);overflow:hidden}
  .band.alt{background:var(--alt)}
  .band .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.6rem);align-items:center}
  .band.ir .txt{order:1}.band.ir .media{order:2}
  .band.il .txt{order:2}.band.il .media{order:1}
  .band .pn{display:inline-flex;align-items:center;gap:.55rem;color:var(--pine);font-size:.9rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem}
  .band .pn .ln{width:22px;height:1.5px;background:var(--pine);display:inline-block}
  .band h2{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:800;letter-spacing:-.03em;line-height:1.24}
  .band .lede{margin-top:1.1rem;font-size:clamp(1.02rem,1.4vw,1.16rem);line-height:1.8;color:var(--body);max-width:44ch}
  .band ul.detail{list-style:none;margin:1.7rem 0 0;padding:0;max-width:44ch}
  .band ul.detail li{position:relative;padding:.78rem 0 .78rem 1.15rem;font-size:1.02rem;border-top:1px solid var(--line)}
  .band ul.detail li:last-child{border-bottom:1px solid var(--line)}
  .band.alt ul.detail li{border-color:#e2e0e3}
  .band ul.detail li::before{content:"";position:absolute;left:0;top:1.35em;width:5px;height:5px;border-radius:50%;background:var(--pine)}
  .band .status{margin-top:1.5rem}

  /* 이미지: 사각 프레임 그대로 둔다.
     사분원 모서리 마스크를 적용했다가 유치해 보인다는 판단으로 제거했다(2026-08-04). */
  .tiles{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--alt)}
  .tiles img{width:100%;height:100%;object-fit:cover;display:block}
  .media{position:relative}
  .media .imgtag{right:8px;bottom:8px}

  /* ===== 01 대표 사업 =====
     전폭 78vh 다크 피처로 만들었더니 sticky 헤더+인덱스 바로 아래에 꽉 찬 덩어리가
     붙어 답답하다는 판단(2026-08-04). 컨테이너 안으로 들이고 높이를 낮춰 숨 쉴 자리를 준다.
     구별은 '유일한 다크 패널 + 이미지와 패널이 맞붙는 구조'로 유지한다.
     (02~04는 컨테이너 안 밝은 좌우 교차 밴드이고 이미지-텍스트 사이가 크게 벌어져 있다.) */
  .feature .fgrid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
       align-items:stretch;min-height:min(52vh,470px)}
  .feature .fmedia{position:relative;overflow:hidden;background:var(--alt)}
  .feature .fmedia img{width:100%;height:100%;object-fit:cover;display:block}
  .feature .fmedia .imgtag{right:10px;bottom:10px}
  .feature .fpanel{background:var(--charcoal);color:#fff;display:flex;align-items:center;
       padding:clamp(1.9rem,3.4vw,2.9rem)}
  .feature .fin{max-width:40ch}
  .feature .flag{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.2rem;
       font-size:.9rem;font-weight:700;letter-spacing:.1em;color:#fff}
  .feature .flag .ln{width:26px;height:2px;background:var(--pine);display:inline-block}
  .feature h2{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.24;color:#fff}
  .feature .lede{margin-top:1rem;color:rgba(255,255,255,.8);font-size:clamp(1.02rem,1.3vw,1.1rem);
       line-height:1.8;max-width:38ch}
  .feature ul.detail{margin-top:1.4rem;max-width:none}
  .feature ul.detail li{border-top-color:rgba(255,255,255,.2);font-size:1.04rem;font-weight:600}
  .feature ul.detail li:last-child{border-bottom-color:rgba(255,255,255,.2)}
  .feature ul.detail li::before{background:var(--pine)}
  .feature .status{margin-top:1.6rem;color:rgba(255,255,255,.72)}
  .feature .status .d{background:#e0b341}

  /* ===== 이용 안내 — 연결선 프로세스 (기존 유지) ===== */
  .flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:.4rem}
  .flow::before{content:"";position:absolute;top:21px;left:9%;right:9%;height:2px;background:linear-gradient(90deg,var(--pine-tint),var(--pine) 50%,var(--pine-tint));z-index:0}
  .fstep{position:relative;z-index:1}
  .fnode{width:44px;height:44px;border-radius:999px;background:var(--pine);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.05rem;margin-bottom:1.1rem;box-shadow:0 0 0 6px var(--paper)}
  .fstep h3{font-size:1.1rem;font-weight:800;margin-bottom:.4rem}
  .fstep p{font-size:.96rem;color:var(--body)}
  .steps-note{margin-top:1.6rem;font-size:.96rem;color:var(--meta)}

  @media (max-width:920px){
    .feature .fgrid{grid-template-columns:1fr;min-height:0}
    .feature .fmedia{aspect-ratio:4/3}
    .feature .fpanel{padding-inline:var(--pad)}
    .band .grid{grid-template-columns:1fr;gap:1.9rem}
    .band.il .txt,.band.ir .txt{order:1}
    .band.il .media,.band.ir .media{order:2}
    .flow{grid-template-columns:1fr 1fr;gap:2.2rem 1.2rem}
    .flow::before{display:none}
  }
  @media (max-width:620px){
    /* 4행이 되면 화면을 너무 먹는다 — 모바일에서는 고정 해제 */
    .bizindex{position:static}
    /* 인덱스가 고정이 아니므로 헤더 높이만 비우면 된다 */
    .band{scroll-margin-top:80px}
    .bizindex ol{grid-template-columns:1fr}
    .bizindex li{border-left:0;border-top:1px solid var(--line)}
    .bizindex li:first-child{border-top:0}
    .flow{grid-template-columns:1fr}
  }