/* 서비스상세 A계열(01·06·11·16) — 분할 히어로 · 상부 전후사진 · 상태 점검표 */
:root {
  --color-primary: #294D40;
  --color-secondary: #3E6A57;
  --color-accent: #AF4B2D;
  --color-bg: #F5F7F5;
  --color-surface: #FFFFFF;
  --color-text: #1E2A25;
  --color-text-muted: #52625B;
  --color-border: rgba(41, 77, 64, 0.16);
  --font-display: 'Pretendard', sans-serif;
  --font-body: 'Noto Sans KR', sans-serif;
}
.kw-hero--floating-card { background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-bg) 240px); }
.kw-hero--floating-card .kw-hero__inner { background: var(--color-surface); box-shadow: var(--shadow-md); border-radius: var(--radius-lg); padding: var(--space-6); }
.kw-hero--floating-card h1 { color: var(--color-primary); }
.kw-layers { display: grid; gap: var(--space-3); }
.kw-layer { display: grid; gap: var(--space-1); padding: var(--space-4); border-radius: var(--radius-md); background: var(--color-bg); border-left: 8px solid var(--color-accent); }
.kw-layer:nth-child(2) { border-left-color: var(--color-primary); margin-left: var(--space-3); }
.kw-layer:nth-child(3) { border-left-color: var(--color-secondary); margin-left: var(--space-5); }
.kw-layer:nth-child(4) { border-left-color: var(--color-accent); margin-left: var(--space-6); }
.kw-layer h3 { font-family: var(--font-display); font-size: var(--fs-base); }
.kw-layer p { color: var(--color-text-muted); font-size: var(--fs-sm); }
@media (max-width: 720px) { .kw-layer, .kw-layer:nth-child(2), .kw-layer:nth-child(3), .kw-layer:nth-child(4) { margin-left: 0; } }
.kw-imgset { display: flex; justify-content: center; align-items: flex-end; gap: var(--space-4); flex-wrap: wrap; margin: 0 auto; max-width: 760px; }
.kw-imgset figure { margin: 0; width: 260px; text-align: center; }
.kw-imgset img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--radius-md); display: block; }
.kw-imgset figcaption { margin-top: var(--space-2); font-size: var(--fs-sm); letter-spacing: 0.1em; color: var(--color-accent); font-weight: 600; }