/* ==========================================================================
   원스톱 (5단계 · 협력 파트너) — 상간소송 원고 랜딩페이지 (법무법인 정서)
   ========================================================================== */
/* ---------- 원스톱 (레퍼런스 시계 원형) ---------- */
/* 원스톱: 레퍼런스 'Our Business Area' — 탭 줄(화면 전체 폭 베이지 선) + 위만 둥근 큰 패널 */
.flow{margin-top:var(--tgap)}
.flow__tabs-wrap{position:relative}
.flow__tabs-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(218,194,163,.6)}
.flow__tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.flow__tab{position:relative;height:56px;display:flex;align-items:center;justify-content:center;font-family:var(--en);font-weight:400;font-size:22px;letter-spacing:.02em;color:rgba(255,255,255,.4);transition:color .4s}
.flow__tab.on{color:var(--gold)}
/* 밑줄이 왼쪽부터 차오르며 다음 단계로 넘어감 */
.flow__tab::after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.flow__tab.on::after{transform:scaleX(1);transition:transform var(--step,2.4s) linear}
/* 다섯 단계를 한눈에: 탭 칸과 같은 5칸 카드 */
.flow__cards{margin-top:28px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
/* 다섯 단계: 글만 있는 카드 · 전부 가운데 정렬 */
.fcard{position:relative;min-height:170px;border-radius:20px;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px 18px;text-align:center;
  opacity:.45;transition:opacity .5s,background-color .5s}
.fcard.on{opacity:1;background:var(--card-2)}
.fcard__body{display:flex;flex-direction:column;align-items:center}
.fcard__ko{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.02em;color:#fff;margin-bottom:10px}
.fcard__body ul{display:grid;gap:8px}
.fcard__body li{font-size:15.5px;line-height:1.5;color:var(--tx-2);word-break:keep-all}
.partners{margin-top:55px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.partner__ph{aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:var(--card)}
.partner__ph img{width:100%;height:100%;object-fit:cover}
.partner h3{margin-top:24px;font-size:20px;font-weight:600;letter-spacing:-.02em}
.partner p{margin-top:5px;font-size:15.5px;color:var(--tx-2);line-height:1.35}
.one__close{margin-top:120px;text-align:center;font-family:var(--serif);font-weight:200;font-size:30px;line-height:1.5}
.one__close b{font-weight:200;color:var(--gold-2)}