/* care79.com 메인 v7 (2026-10-17) — design/v7/DESIGN-v7.md 기준 전면 재작성.
   구조: 1 토큰 · 2 바탕 · 3 공통 헤더/바(care79-ui.css 덮기) · 4 공통 부품 · 5 섹션(문서 순서) · 6 폭 구간(≥1024 / 768~1023 / <768 / <375).
   굵기는 400·500만. 강조색 --accent 꽉 찬 배경은 주 CTA·활성 탭·폰카드 버튼·하단 바에만. */

/* ---------- 1. 토큰 (14) — v7.1: 개수 유지, 값만 변경(PREMIUM-v71 1절) ---------- */
:root{
  --bg:#FFFFFF; --bg-alt:#F9F6F1; --bg-accent:#F2EBE0;
  --tx-1:#3B322B; --tx-2:#5E544B; --tx-3:#6B5E54;
  --line:#E9E1D4; --line-strong:#BFA987;
  --accent:#8A6A3F; --accent-hover:#76592F;
  --r-card:12px; --r-btn:10px;
  --sh-card:0 1px 2px rgba(59,50,43,.04),0 24px 48px -28px rgba(59,50,43,.22); --sh-cta:0 1px 2px rgba(59,50,43,.10);
}

/* ---------- 2. 바탕 ---------- */
*,*::before,*::after{box-sizing:border-box}
html{font-size:17px;-webkit-text-size-adjust:100%}
body.c79-www{
  /* care79-ui.css 부품(헤더·메뉴·운영사·바)이 쓰는 변수를 이 페이지 색으로 */
  --c79-brand:var(--accent); --c79-brand-hover:var(--accent-hover); --c79-brand-soft:var(--bg-accent);
  --c79-ink:var(--tx-1); --c79-text:var(--tx-2); --c79-muted:var(--tx-3); --c79-on-dark:var(--tx-1);
  --c79-line:var(--line); --c79-sand:var(--bg-alt); --c79-surface:var(--bg);
  --c79-font:'Noto Sans KR',-apple-system,'Malgun Gothic',sans-serif;
  margin:0; font-family:var(--c79-font); font-size:18px; line-height:1.75; font-weight:400;
  color:var(--tx-2); background:var(--bg); -webkit-font-smoothing:antialiased; word-break:keep-all; overflow-wrap:break-word;
}
body.c79-www :is(h1,h2,h3,h4,b,strong,th,dt,mark,summary){font-weight:500}
h1,h2,h3{color:var(--tx-1); margin:0; word-break:keep-all}
h1{font-size:52px; line-height:1.25; letter-spacing:-.03em}
h2{font-size:38px; line-height:1.3; letter-spacing:-.02em; margin-bottom:12px}
h3{font-size:22px; line-height:1.4}
p{margin:0}
a{color:inherit}
img{max-width:100%; height:auto; display:block}
figure{margin:0}
[hidden]{display:none!important}
.nw,.w3-nb{white-space:nowrap}
:focus-visible{outline:2px solid var(--accent); outline-offset:3px}
.w3-ico{width:20px; height:20px; flex:0 0 auto}
.w6-jcard__ico svg,.w6-step__ico svg,.w6-safe__plate svg,.w6-btn svg{fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round}

/* ---------- 3. 공통 헤더·상단 띠·하단 바 (care79-ui.css 위) ---------- */
body.c79-www .c79-header{background:rgba(255,255,255,.97); border-bottom:1px solid var(--line); backdrop-filter:none}
body.c79-www .c79-header .c79-container{max-width:1360px; padding:0 40px}
body.c79-www .c79-header__inner{min-height:72px; gap:16px}
body.c79-www .c79-brand{gap:10px; font-size:20px; font-weight:500; color:var(--tx-1)}
body.c79-www .c79-brand b{font-weight:500}
body.c79-www .c79-brand i{font-style:normal; font-size:15px; color:var(--tx-3)}
body.c79-www .c79-logo{width:36px; height:36px}
body.c79-www .c79-header .c79-nav__link{font-size:16px; font-weight:500; color:var(--tx-1)}
body.c79-www .c79-header .c79-nav__link:hover{color:var(--accent)}
body.c79-www .c79-header .c79-header__call{min-height:44px; padding:0 20px; border:1px solid var(--line-strong); border-radius:999px; background:var(--bg); color:var(--tx-1); font-size:15px; font-weight:500; box-shadow:none; white-space:nowrap}
body.c79-www .c79-header .c79-header__call:hover{color:var(--accent); border-color:var(--accent)}
body.c79-www .c79-adbtn{font-size:15px; font-weight:400; color:var(--tx-3)}
body.c79-www .c79-caret{font-size:15px; line-height:1; transform:scale(.6)}
body.c79-www .c79-adbtn[aria-expanded="true"] .c79-caret{transform:scale(.6) rotate(180deg)}
body.c79-www .c79-pop a,body.c79-www .ad-tel{font-weight:500; color:var(--tx-1)}
body.c79-www .c79-menu-btn{font-weight:500; font-size:15px; color:var(--tx-1); border-color:var(--line); background:var(--bg)}
body.c79-www .c79-adbar{background:var(--bg-alt); border-bottom:1px solid var(--line)}
body.c79-www .c79-adbar .c79-container{max-width:1360px; padding:0 32px}
body.c79-www .c79-bar{background:rgba(255,255,255,.97); border-top:1px solid var(--line); box-shadow:0 -6px 20px rgba(63,53,45,.08); padding:6px 20px calc(6px + env(safe-area-inset-bottom,0px)); transition:transform .25s ease}
body.c79-www .c79-bar__btn{min-height:52px; border-radius:var(--r-btn); background:var(--accent); color:#fff; font-size:17px; font-weight:500}
body.c79-www .c79-bar :focus-visible{outline-color:var(--accent)}
body.c79-www.c79-bar-off .c79-bar{transform:translateY(110%); visibility:hidden; transition:transform .25s ease,visibility 0s .25s}

/* ---------- 4. 공통 부품 ---------- */
.w3-wrap{max-width:1280px; box-sizing:content-box; margin:0 auto; padding:0 40px}
.btn-primary{display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:60px; padding:0 32px; border-radius:var(--r-btn); background:var(--accent); color:#fff; font-size:18px; font-weight:500; text-decoration:none; box-shadow:var(--sh-cta); white-space:nowrap; transition:background .15s}
.btn-primary:hover{background:var(--accent-hover)}
.btn-primary .w3-ico{width:22px; height:22px}
.btn-primary.is-open,.w3-phone__tel.is-open,.c79-bar__btn.is-open{outline:2px solid var(--accent); outline-offset:2px}
.btn-secondary,.v7-textlink,.w6-link,.w3-panel__go{display:inline-block; min-height:48px; padding:12px 0; line-height:24px; color:var(--tx-1); font-size:17px; font-weight:500; text-decoration:underline; text-decoration-color:var(--line-strong); text-underline-offset:6px}
.btn-secondary::after{content:"→"; display:inline-block; margin-left:6px; color:var(--accent)}
:is(.v7-textlink,.w6-link,.w3-panel__go)>span{display:inline-block; margin-left:4px; color:var(--accent)}
:is(.btn-secondary,.v7-textlink,.w6-link,.w3-panel__go):hover{color:var(--accent); text-decoration-color:var(--accent)}
.w6-eyebrow,.eyebrow,.w3-band__brand{margin:0 0 12px; font-size:15px; font-weight:500; color:var(--accent); letter-spacing:.02em}
.w3-band__brand{color:var(--accent-hover)} /* #F3EBDD 위 4.5:1 이상 */
.w6-eyebrow--en{text-transform:uppercase; letter-spacing:.12em}
.w6-eyebrow--c,.w6-h2--c,.w6-lead--c{text-align:center}
.w6-lead,.section-lead{color:var(--tx-2); margin:0 0 32px}
.w6-lead--c{max-width:960px; margin-left:auto; margin-right:auto}
.w3-badge{font-size:15px; color:var(--tx-3)}
.w3-badge::before{content:"· "}
.w3-phone__state .w3-badge::before{content:none}

/* 섹션 리듬: 흰색과 --bg-alt 교대, --bg-accent 는 신뢰 띠와 #consult 만 */
.w6-journey,.w6-cost,#care,.w6-process,.w3-svc,.w3-manifesto,#region,.w3-more,#consult{padding:80px 0} /* 96 → 80: A2 문서 높이 8,000 이하 */
.w6-journey,#care,.w3-svc,.w3-more{background:var(--bg)}
.w6-cost,.w6-process,.w3-manifesto,.w3-region-wrap,.w6-safe{background:var(--bg-alt)}
#care,.w3-region-wrap #region{padding-left:max(40px,calc((100% - 1280px)/2)); padding-right:max(40px,calc((100% - 1280px)/2))}
.w3-wrap.w3-region-wrap{max-width:none; padding:0}

/* ---------- 5-1. 히어로 ---------- */
.w3-hero{background:linear-gradient(180deg,#FFFFFF 0%,#FAF6EF 60%,#F3EBDD 100%); overflow:hidden}
.w3-hero__in{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:32px; align-items:center; padding-top:40px}
.w3-hero__visual{display:contents}
.hero-text{grid-column:1/6; padding-bottom:40px}
.hero-text h1{margin-bottom:20px}
.hero-desc{max-width:520px; margin:0 0 32px; color:var(--tx-2)}
.hero-actions{display:flex; flex-direction:column; align-items:flex-start; gap:12px}
.v7-callinfo{font-size:16px; color:var(--tx-2)}
.w3-model{grid-column:6/10; justify-self:center; align-self:end; position:relative; width:100%; max-width:400px; aspect-ratio:400/560; overflow:hidden;
  border-radius:999px 999px 0 0; background:radial-gradient(120% 85% at 50% 35%,#F3EBDD 0%,#FAF6EF 70%,rgba(250,246,239,0) 100%);
  -webkit-mask-image:linear-gradient(#000 calc(100% - 120px),transparent); mask-image:linear-gradient(#000 calc(100% - 120px),transparent)}
.w3-model picture{display:contents}
.w3-model img{position:absolute; top:13%; left:50%; width:112%; max-width:none; height:auto; transform:translateX(-50%)}
.w3-phone{grid-column:10/13; justify-self:end; align-self:center; width:100%; max-width:300px; margin-bottom:40px; background:var(--bg); border:1px solid var(--line); border-radius:28px; padding:20px 20px 24px}
.w3-phone__screen{display:flex; flex-direction:column; gap:12px}
.w3-phone__time{order:-1; font-size:16px; font-weight:500; color:var(--tx-1); line-height:1.5; padding-bottom:12px; border-bottom:1px solid var(--line)}
.w3-phone__title{font-size:18px; font-weight:500; color:var(--tx-1); line-height:1.4}
.w3-phone__state{font-size:15px; color:var(--tx-3); line-height:1.5}
.w3-phone__list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(118px,1fr)); gap:8px}
.w3-phone__list a{display:flex; align-items:center; justify-content:center; min-height:48px; padding:0 8px; border:1px solid var(--line); border-radius:var(--r-btn); font-size:16px; color:var(--tx-1); text-decoration:none; text-align:center; line-height:1.3}
.w3-phone__list a:hover{border-color:var(--line-strong); background:var(--bg-alt)}
.w3-phone__list .w3-ico{display:none}
.w3-phone__tel{display:flex; align-items:center; justify-content:center; gap:8px; min-height:52px; margin-top:4px; border-radius:var(--r-btn); background:var(--accent); color:#fff; font-size:17px; font-weight:500; text-decoration:none; text-align:center; line-height:1.3}
.w3-phone__tel:hover{background:var(--accent-hover)}
.w3-phone__tel{flex-wrap:wrap; column-gap:8px; padding:6px 8px}
.w3-phone__tel .v7-hint{flex-basis:100%; font-size:15px; font-weight:400}
.c79-header__call .v7-hint{display:none}

/* ---------- 5-2. 신뢰 띠 ---------- */
.w3-award{background:var(--bg-accent)}
.w3-award .trust-box{display:grid; grid-template-columns:180px minmax(0,1fr) 300px; gap:40px; align-items:center; padding:28px 0}
.w3-award .trust-box img{width:180px; aspect-ratio:4/3; object-fit:contain; background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:8px}
.w3-award .trust-box>p{max-width:640px}
.v7-award__key{display:block; font-size:18px; font-weight:500; color:var(--tx-1); line-height:1.6}
.v7-award__note{display:block; margin-top:6px; font-size:15px; color:var(--tx-2); line-height:1.6}
.v7-award__op p{font-size:15px; color:var(--tx-3); line-height:1.6}
.v7-award__op .v7-textlink{font-size:16px}

/* ---------- 5-3. 상황별 돌봄 8 ---------- */
.w6-jgrid{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px}
.w6-jcard a{display:flex; flex-direction:column; gap:8px; height:100%; padding:24px; background:var(--bg); border:1px solid var(--line); border-radius:var(--r-card); text-decoration:none; transition:border-color .15s}
.w6-jcard a:hover{border-color:var(--line-strong)}
.w6-jcard__ico{color:var(--accent); width:32px; height:32px; margin-bottom:6px}
.w6-jcard__ico svg{width:32px; height:32px}
.w6-jcard__no{display:none}
.w6-jcard__t{font-size:20px; line-height:1.45; color:var(--tx-1)}
.w6-jcard__d{font-size:16px; line-height:1.65; color:var(--tx-2)}
.w6-jcard__go{margin-top:auto; padding-top:8px; font-size:15px; font-weight:500; color:var(--accent)}

/* ---------- 5-4. 본인부담금 위젯 ---------- */
.w3-split__in{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:56px; align-items:center}
.w3-split__text>p:not(.w6-eyebrow){color:var(--tx-2)}
.w6-cost__cta{display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; margin-top:28px}
.w3-btn-brown{display:inline-flex; align-items:center; gap:8px; min-height:52px; padding:0 24px; border:1px solid var(--line-strong); border-radius:var(--r-btn); background:var(--bg); color:var(--tx-1); font-size:17px; font-weight:500; text-decoration:none}
.w3-btn-brown:hover{border-color:var(--accent); color:var(--accent)}
.w3-split__visual{display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:20px; align-items:stretch}
.w6-gcard{background:var(--bg); border:1px solid var(--line); border-radius:var(--r-card); box-shadow:var(--sh-card); padding:32px}
.w6-gcard__label{font-size:18px; font-weight:500; color:var(--tx-1); margin-bottom:16px}
.w6-seg{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:20px}
.w6-seg button{min-height:48px; padding:0 6px; border:1px solid var(--line); border-radius:999px; background:var(--bg); color:var(--tx-2); font:inherit; font-size:16px; font-weight:500; cursor:pointer; line-height:1.2}
.w6-seg button:hover{border-color:var(--line-strong)}
.w6-seg button[aria-selected="true"]{background:var(--accent); border-color:var(--accent); color:#fff}
.w6-seg:not(.is-ready)~.w6-gpanel:not(.is-def){display:none}
.w6-cells{display:grid; grid-template-columns:1fr 1fr; margin:0; border-top:1px solid var(--line)}
.w6-cell{padding:14px 0; border-bottom:1px solid var(--line)}
.w6-cell:nth-child(odd){padding-right:16px; border-right:1px solid var(--line)}
.w6-cell:nth-child(even){padding-left:16px}
.w6-cell dt{font-size:15px; font-weight:400; color:var(--tx-3)}
.w6-cell dd{margin:2px 0 0; font-size:22px; font-weight:500; color:var(--tx-1); font-variant-numeric:tabular-nums; line-height:1.4}
.w6-cell mark{background:none; color:var(--accent); font-size:28px}
.w6-gcard__foot{margin-top:12px; font-size:15px; color:var(--tx-3); text-align:right}
.w6-gcard__note{margin-top:8px; font-size:15px; color:var(--tx-2); line-height:1.55}
.w6-gcard__note a{padding:12px 0; color:var(--accent); text-underline-offset:4px} /* 문장 속 링크: 줄 높이 안 늘리고 누르는 영역만 확대 */
.footer-desc a{display:inline-flex; align-items:center; min-height:44px; color:var(--accent); text-underline-offset:4px}
.w3-price{display:flex; flex-direction:column; background:var(--bg); border:1px solid var(--line); border-radius:var(--r-card); padding:24px}
.w3-price__head{font-size:17px; font-weight:500; color:var(--tx-1); margin-bottom:8px}
.w3-price__head small{display:block; font-size:15px; font-weight:400; color:var(--tx-3)}
.w3-price ul{list-style:none; margin:0; padding:0}
.w3-price li{display:grid; grid-template-columns:5.6em minmax(0,1fr) auto; align-items:center; gap:10px; min-height:44px; cursor:pointer; font-size:15px; color:var(--tx-2)}
.w6-bar{display:block; height:8px; border-radius:4px; background:var(--bg-alt); position:relative; overflow:hidden}
.w6-bar::before{content:""; position:absolute; inset:0 auto 0 0; width:var(--w); border-radius:4px; background:var(--line)}
.w3-price li strong{font-size:15px; color:var(--tx-1); font-variant-numeric:tabular-nums}
.w3-price li.is-on span,.w3-price li.is-on strong{color:var(--accent)}
.w3-price li.is-on .w6-bar::before{background:var(--accent)}
.w3-price__foot{margin-top:auto; padding-top:8px; font-size:15px; color:var(--tx-3); text-align:right}

/* ---------- 5-5. 실제 돌봄 현장 ---------- */
#care{position:relative}
#care h2{margin-bottom:8px}
.care-featured{display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:16px}
.care-sub-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
#care img,.care-more-grid img{width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:var(--r-card); filter:saturate(.85)}
.care-featured img{aspect-ratio:auto; height:320px}
figcaption{margin-top:8px; font-size:15px; color:var(--tx-2); line-height:1.5}
.care-more{margin-top:24px}
.care-more>summary{display:inline-block; padding:12px 0; line-height:24px; cursor:pointer; list-style:none; font-size:17px; color:var(--tx-1); text-decoration:underline; text-decoration-color:var(--line-strong); text-underline-offset:6px}
.care-more>summary::-webkit-details-marker{display:none}
.care-more>summary::after{content:"\00a0+"; color:var(--accent)}
.care-more[open]>summary::after{content:"\00a0\2212"}
#care>.care-more>summary{position:absolute; top:80px; right:max(40px,calc((100% - 1280px)/2))}
.care-more-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px 16px; margin-top:16px}

/* ---------- 5-6. 상담 4단계 ---------- */
.w6-process .w6-h2{margin-bottom:28px}
.w6-bubbles__end,.w3-manifesto .lead{text-wrap:pretty}
.w6-bubbles{list-style:none; margin:0 auto; padding:0; max-width:880px; display:grid; grid-template-columns:1fr 1fr; gap:12px 40px}
.w6-bubbles li{padding:4px 0 4px 16px; border-left:2px solid var(--line-strong); font-size:17px; color:var(--tx-2); line-height:1.6}
.w6-bubbles__end{margin:20px 0 32px; text-align:center; font-size:18px; font-weight:500; color:var(--tx-1)}
.w6-steps{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px}
.w6-step{display:flex; flex-direction:column; gap:6px; padding:24px; background:var(--bg); border:1px solid var(--line); border-radius:var(--r-card)}
.w6-step__ico{color:var(--accent)}
.w6-step__ico svg{width:32px; height:32px}
.w6-step__no{font-size:15px; font-weight:500; color:var(--accent); letter-spacing:.06em}
.w6-step__t{font-size:20px; color:var(--tx-1); line-height:1.45}
.w6-step__d{font-size:16px; color:var(--tx-2); line-height:1.65}
.v7-midcta{margin-top:40px; text-align:center}

/* ---------- 5-7. 주요 서비스 탭 ---------- */
.w3-svc .w3-wrap{display:grid; grid-template-columns:260px minmax(0,1fr); column-gap:48px; align-items:start}
.w3-svc .w6-eyebrow,.w3-svc__title{grid-column:1/-1; text-align:left}
.w3-svc__title{margin-bottom:24px}
.w3-tabs{display:flex; flex-direction:column; gap:0}
.w3-tabs button{min-height:48px; padding:0 16px; border:0; border-left:3px solid transparent; border-radius:0 var(--r-btn) var(--r-btn) 0; background:none; color:var(--tx-2); font:inherit; font-size:18px; font-weight:400; text-align:left; cursor:pointer; line-height:1.3}
.w3-tabs button:hover{color:var(--tx-1); background:var(--bg-alt)}
.w3-tabs button[aria-selected="true"]{border-left-color:var(--accent); background:var(--bg-accent); color:var(--tx-1); font-weight:500}
.w6-ready .w3-panel:not(.is-on){display:none}
.w3-panel{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,380px); gap:40px; align-items:center; padding:40px; border:1px solid var(--line); border-radius:var(--r-card); background:var(--bg)}
.w3-panel:has(.w3-panel__icon){grid-template-columns:1fr}
.w3-panel__visual:has(.w3-panel__icon){display:none}
.w3-panel h3{font-size:26px; margin-bottom:12px}
.w3-panel__text>p:first-of-type{font-size:17px; color:var(--tx-2)}
.w6-pts{list-style:none; margin:20px 0; padding:0; display:grid; gap:8px}
.w6-pts li{position:relative; padding-left:28px; font-size:17px; color:var(--tx-2); line-height:1.6}
.w6-pts li::before{content:""; position:absolute; left:4px; top:.45em; width:12px; height:7px; border-left:2px solid var(--accent); border-bottom:2px solid var(--accent); transform:rotate(-45deg)}
.w3-panel__meta{display:flex; flex-wrap:wrap; align-items:center; gap:4px 20px}
.w3-panel__meta .w3-badge::before{content:none}
.w3-panel__visual img{width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:12px; filter:saturate(.85)}
.w6-ctrl{display:none}
@media (min-width:768px){
  .w3-svc .w3-stage{align-self:stretch; display:flex}
  .w3-svc .w6-viewport,.w3-svc .w6-track{flex:1; display:flex; flex-direction:column}
  .w3-svc .w3-panel.is-on{flex:1}
}

/* ---------- 5-8. 소개 문단 + 지역 안내 ---------- */
.w3-manifesto{padding-bottom:0}
.w3-manifesto .lead{max-width:680px; font-size:20px; line-height:1.75; color:var(--tx-2)}
.w3-manifesto .lead strong,.w3-manifesto .lead b{color:var(--tx-1)}
#region{padding-top:48px}
.w3-reg__head{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,440px); gap:24px 56px; align-items:end; padding-bottom:28px; border-bottom:1px solid var(--line)}
.w3-reg__head .section-lead{margin:0}
.region-search{display:flex; gap:8px}
.region-search input{flex:1 1 auto; min-width:0; height:56px; padding:0 18px; border:1px solid var(--line-strong); border-radius:var(--r-btn); background:var(--bg); color:var(--tx-1); font:inherit; font-size:17px}
.region-search input::placeholder{color:var(--tx-3)}
.region-search button{flex:0 0 auto; height:56px; padding:0 18px; border:1px solid var(--line); border-radius:var(--r-btn); background:var(--bg); color:var(--tx-1); font:inherit; font-size:16px; font-weight:500; cursor:pointer}
.w3-reg__hint{margin:20px 0 24px; font-size:15px; color:var(--tx-3)}
.w3-reg__grid{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:32px}
.region-group h3{font-size:17px; padding-bottom:10px; margin-bottom:4px; border-bottom:1px solid var(--line-strong)}
.region-list{list-style:none; margin:0; padding:0}
.w3-reg .region-list a{display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:48px; border-bottom:1px solid var(--line); font-size:17px; color:var(--tx-1); text-decoration:none}
.w3-reg .region-list a:hover{color:var(--accent)}
.w3-reg__arrow{width:16px; height:16px; color:var(--tx-3); flex:0 0 auto}
.region-empty{display:none; padding:32px 0; text-align:center; font-size:17px}

/* ---------- 5-9. 상세 안내 + FAQ ---------- */
.w3-more .w3-wrap{max-width:880px}
.w3-more__title{text-align:center}
.w3-more__lead{text-align:center; margin-bottom:24px; color:var(--tx-2)}
.w3-acc{border-top:1px solid var(--line)}
.w3-fold{border-bottom:1px solid var(--line)}
.w3-fold>summary,.faq summary{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:64px; padding:12px 0; cursor:pointer; list-style:none; font-size:18px; color:var(--tx-1); line-height:1.5}
.faq summary{min-height:56px; font-size:17px}
.w3-fold>summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}
.w3-fold>summary::after,.faq summary::after{content:"+"; flex:0 0 auto; color:var(--accent); font-size:24px; line-height:1}
.w3-fold[open]>summary::after,.faq[open] summary::after{content:"\2212"}
.w3-more .section{padding:8px 0 40px}
.w3-more .section h2{font-size:26px; margin-bottom:8px}
.w3-more .section h3{font-size:19px}
.service-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.service-card{display:flex; flex-direction:column; gap:6px; padding:24px; border:1px solid var(--line); border-radius:var(--r-card); text-decoration:none}
.service-card:hover{border-color:var(--line-strong)}
.service-icon{color:var(--accent)}
.service-icon svg{width:28px; height:28px}
.service-card p{font-size:16px; color:var(--tx-2)}
.service-link{margin-top:auto; font-size:15px; font-weight:500; color:var(--accent)}
.table-scroll{overflow-x:auto}
table{width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums}
th,td{padding:14px 12px; border-bottom:1px solid var(--line); font-size:16px; text-align:right}
th:first-child,td:first-child{text-align:left}
th{background:var(--bg-alt); color:var(--tx-1)}
td{color:var(--tx-1)}
.cost-cards{display:none}
.note{margin-top:16px; font-size:15px; color:var(--tx-3)}
.svc-bokji{margin:0 0 24px; padding-left:1.2em; font-size:17px}
.bokji-sub{margin:32px 0 12px}
#bokjiyongu .care-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#bokjiyongu .region-list{display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:8px}
#bokjiyongu .region-list a{display:flex; flex-direction:column; justify-content:center; min-height:64px; padding:10px 16px; border:1px solid var(--line); border-radius:var(--r-btn); text-decoration:none; line-height:1.4}
#bokjiyongu .region-list a:hover{border-color:var(--line-strong)}
.region-top{display:flex; justify-content:space-between; gap:8px}
#bokjiyongu .region-name{font-size:16px; font-weight:500; color:var(--tx-1)}
.region-arrow{color:var(--accent)}
.region-desc{font-size:15px; color:var(--tx-3)}
.w3-more .section:last-child{padding:32px 0 0}
.w3-more .section:last-child h2{text-align:center; font-size:30px}
.c79-qa-all{margin-top:0}
.c79-qa-all>summary{display:flex; justify-content:center; font-size:15px; color:var(--tx-3); text-decoration:none}
.c79-qa-all:not([open])>summary{min-height:52px; margin-top:8px; border:1px solid var(--line-strong); border-radius:var(--r-btn); font-size:16px; color:var(--tx-1); align-items:center}
.c79-qa-all[open]>summary{cursor:default}
.c79-qa-all[open]>summary::after{content:none}
.faq-list{margin-top:8px; border-top:1px solid var(--line)}
.faq{border-bottom:1px solid var(--line)}
.faq .a{padding:0 0 20px; font-size:17px; color:var(--tx-2)}

/* ---------- 5-10. 개인정보 띠 ---------- */
.w6-safe{padding:56px 0}
.w6-safe__visual{display:none}
.w6-safe__text{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto auto 1fr; column-gap:64px}
.w6-safe__text>:is(.w6-eyebrow,.w6-h2,.w6-lead){grid-column:1}
.w6-safe .w6-h2{font-size:32px}
.w6-safe .w6-lead{margin:0; font-size:17px}
.w6-checks{grid-column:2; grid-row:1/4; list-style:none; margin:0; padding:0; align-self:center}
.w6-checks li{display:flex; flex-wrap:wrap; align-items:center; gap:2px 12px; min-height:68px; padding:10px 0 10px 28px; border-bottom:1px solid var(--line); position:relative; line-height:1.5}
.w6-checks li:first-child{border-top:1px solid var(--line)}
.w6-checks li::before{content:""; position:absolute; left:4px; top:calc(50% - 6px); width:12px; height:7px; border-left:2px solid var(--accent); border-bottom:2px solid var(--accent); transform:rotate(-45deg)}
.w6-checks strong{font-size:17px; color:var(--tx-1)}
.w6-checks span{font-size:15px; color:var(--tx-2)}
.w6-checks .w6-revbtn{margin-block:-10px}
.w6-revbtn{display:inline-flex; align-items:center; min-height:44px; font-size:15px; font-weight:500; color:var(--accent); text-underline-offset:4px}
.w6-safe__foot{grid-column:2; margin-top:12px; font-size:15px; color:var(--tx-3)}

/* ---------- 5-11. 마지막 상담 ---------- */
#consult{background:var(--bg-accent)}
.w3-band__in{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:32px 64px; align-items:center}
.w3-band__line,.w3-band__logo{display:none}
#consult .section-lead{margin:0; max-width:560px}
.v7-consult-call{display:flex; flex-direction:column; align-items:flex-start; gap:4px}
.v7-bignum{display:flex; align-items:center; gap:12px; font-size:32px; font-weight:500; color:var(--tx-1); letter-spacing:-.01em; line-height:1.3; font-variant-numeric:tabular-nums}
.v7-bignum .w3-ico{width:28px; height:28px; color:var(--accent)}
.v7-bignum__time{font-size:16px; color:var(--tx-2); margin-bottom:16px}
.consult-actions{display:flex; flex-wrap:wrap; align-items:center; gap:8px 28px}

/* ---------- 5-12. 푸터 ---------- */
.w3-footer{background:var(--bg); border-top:1px solid var(--line); font-size:15px; color:var(--tx-2); line-height:1.6}
.w3-footer__links{border-bottom:1px solid var(--line)}
.w3-footer__links .w3-wrap{display:flex; flex-wrap:wrap; gap:0 28px}
.w3-footer__links a{display:inline-flex; align-items:center; min-height:48px; font-size:15px; color:var(--tx-1); text-decoration:none}
.w3-footer__links a:hover{color:var(--accent)}
.w3-footer__main{display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:40px; padding-top:24px; padding-bottom:24px}
.w3-footer__name{display:flex; align-items:center; gap:10px; font-size:18px; font-weight:500; color:var(--tx-1)}
.w3-footer__name .c79-logo{width:32px; height:32px}
.w3-footer .brand{margin-top:4px; color:var(--tx-3)}
.footer-desc{margin-top:4px}
body.c79-www .w3-footer .c79-op{margin:16px 0 8px; padding:16px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
body.c79-www .w3-footer .c79-op__title{margin:0 0 8px; font-size:16px; font-weight:500; color:var(--tx-1)}
body.c79-www .w3-footer .c79-op__list{grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px}
body.c79-www .w3-footer .c79-op__list>div{display:flex; flex-direction:row; flex-wrap:wrap; gap:0 12px; align-items:center; min-height:32px}
body.c79-www .w3-footer .c79-op__list dt{min-width:9em; font-size:15px; font-weight:400; color:var(--tx-3)}
body.c79-www .w3-footer .c79-op__list dd{font-size:15px; color:var(--tx-1)}
body.c79-www .w3-footer .c79-op__list a{min-height:44px}
.w3-footer .care-more{margin-top:8px}
.w3-footer .care-more>summary{font-size:15px; text-decoration:none}
.footer-biz{font-size:15px}
.footer-biz a{display:inline-flex; align-items:center; min-height:44px}
.w3-cs{align-self:start; padding-left:24px; border-left:1px solid var(--line)}
.w3-cs__title{display:flex; align-items:center; gap:8px; font-size:15px; color:var(--tx-3)}
.w3-cs__title .w3-ico{width:18px; height:18px; color:var(--accent)}
.w3-cs__tel{display:inline-flex; align-items:center; min-height:48px; font-size:17px; font-weight:500; color:var(--accent); text-underline-offset:5px}
.w3-cs__time{font-size:15px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important; scroll-behavior:auto!important}}

/* ---------- 6-1. 1024 이상 ---------- */
@media (min-width:1024px){
  body.c79-www .c79-header .c79-nav__list{column-gap:28px}
  body.c79-www .c79-header .c79-nav__sep{display:none}
  .w3-model{max-width:432px; width:calc(100% + 32px); margin-inline:-16px}
}

@media (min-width:1024px) and (max-width:1279.98px){
  .w3-model{width:calc(100% + 48px); margin-inline:-24px; align-self:center}
}

/* ---------- 6-2. 768~1023 ---------- */
@media (min-width:768px) and (max-width:1023.98px){
  body.c79-www .c79-header .c79-container,.w3-wrap{padding:0 32px}
  #region{padding-top:40px}
  #care,.w3-region-wrap #region{padding-left:32px; padding-right:32px}
  #care>.care-more>summary{right:32px}
  h1{font-size:44px}
  h2{font-size:32px}
  .w3-hero__in{grid-template-columns:1fr 1fr; column-gap:24px; padding-top:48px}
  .hero-text{grid-column:1/-1}
  .w3-model{grid-column:1; max-width:340px}
  .w3-phone{grid-column:2; justify-self:center}
  .w3-award .trust-box{grid-template-columns:160px minmax(0,1fr); gap:20px 32px}
  .w3-award .trust-box img{width:160px}
  .v7-award__op{grid-column:2}
  .w6-jgrid{grid-template-columns:1fr 1fr}
  .w3-split__in{grid-template-columns:1fr; gap:32px}
  .w6-steps{grid-template-columns:1fr 1fr}
  .w3-svc .w3-wrap{grid-template-columns:220px minmax(0,1fr); column-gap:24px}
  .w3-panel{grid-template-columns:1fr; padding:28px}
  .w3-reg__head{grid-template-columns:1fr}
  .w3-reg__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .care-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .w6-safe__text{column-gap:40px}
  .w3-footer__main{grid-template-columns:1fr}
  .w3-cs{padding-left:0; border-left:0}
}

/* ---------- 6-3. 768 미만 ---------- */
@media (max-width:767.98px){
  body.c79-www{font-size:17px; line-height:1.7}
  body.c79-www.c79--has-bar{padding-bottom:var(--c79-bar-pad,calc(64px + env(safe-area-inset-bottom,0px)))}
  body.c79-www .c79-header .c79-container,.w3-wrap{padding:0 20px}
  body.c79-www .c79-header__inner{min-height:64px}
  body.c79-www .c79-brand{font-size:19px}
  .w6-journey,.w6-cost,#care,.w6-process,.w3-svc,.w3-manifesto,#region,.w3-more,#consult{padding-top:56px; padding-bottom:56px}
  .w3-manifesto{padding-bottom:0}
  #region{padding-top:28px}
  #care,.w3-region-wrap #region{padding-left:20px; padding-right:20px}
  h1{font-size:30px; line-height:1.3}
  h2{font-size:26px; line-height:1.35}
  h3{font-size:19px}
  .w6-lead,.section-lead{margin-bottom:24px}
  .btn-primary{min-height:56px; font-size:17px}
  .btn-secondary,.v7-textlink,.w6-link,.w3-panel__go{font-size:16px}

  .w3-hero__in{display:flex; flex-direction:column; align-items:stretch; padding-top:24px}
  .hero-text{padding-bottom:12px}
  .hero-text h1{margin-bottom:12px}
  .hero-desc{margin-bottom:20px; font-size:17px}
  .hero-actions{align-items:stretch; gap:8px}
  .hero-actions .btn-primary{width:100%}
  .v7-callinfo{font-size:15px; text-align:center}
  .hero-actions .btn-secondary{align-self:center}
  .w3-model{align-self:center; width:min(78vw,320px); aspect-ratio:4/4.4; -webkit-mask-image:linear-gradient(#000 calc(100% - 64px),transparent); mask-image:linear-gradient(#000 calc(100% - 64px),transparent)}
  .w3-model img{top:10%; width:100%}
  .w3-phone{align-self:stretch; max-width:none; margin:16px 0 32px; padding:16px 20px 20px}

  .w3-award .trust-box{grid-template-columns:1fr; gap:12px; padding:28px 0}
  .w3-award .trust-box img{width:160px; justify-self:center}
  .v7-award__key{font-size:17px}

  .w6-jgrid{grid-template-columns:1fr; gap:0; border-top:1px solid var(--line)}
  .w6-jcard a{display:grid; grid-template-columns:28px minmax(0,1fr) 10px; gap:2px 14px; align-items:start; min-height:64px; padding:16px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:none}
  .w6-jcard__ico,.w6-jcard__ico svg{width:28px; height:28px; margin:0}
  .w6-jcard__ico{grid-row:1/3}
  .w6-jcard__t{font-size:17px; grid-column:2}
  .w6-jcard__d{font-size:15px; grid-column:2}
  .w6-jcard__go{display:none}
  .w6-jcard a::after{content:""; grid-column:3; grid-row:1/3; align-self:center; width:8px; height:8px; border-top:2px solid var(--line-strong); border-right:2px solid var(--line-strong); transform:rotate(45deg)}

  .w3-split__in{grid-template-columns:1fr; gap:28px}
  .w3-split__visual{grid-template-columns:1fr; gap:16px}
  .w6-gcard{padding:20px}
  .w6-seg button{min-height:52px; font-size:15px; padding:0 2px}
  .w6-cell dd{font-size:19px}
  .w6-cell mark{font-size:24px}
  .w3-price{padding:20px}

  #care>.care-more>summary{position:static}
  .care-featured{grid-template-columns:1fr 1fr; gap:20px 12px}
  .care-sub-grid{display:contents}
  .care-featured img{aspect-ratio:1/1; height:auto}
  .care-more-grid,#bokjiyongu .care-more-grid{grid-template-columns:1fr 1fr; gap:20px 12px}

  .w6-bubbles{grid-template-columns:1fr; gap:10px}
  .w6-bubbles__end{margin:20px 0 28px; font-size:17px}
  .w6-steps{grid-template-columns:1fr; gap:0}
  .w6-step{display:grid; grid-template-columns:auto; gap:4px; padding:4px 0 28px 24px; border:0; border-left:2px solid var(--line); border-radius:0; background:none; position:relative}
  .w6-step:last-child{padding-bottom:0}
  .w6-step::before{content:""; position:absolute; left:-7px; top:9px; width:12px; height:12px; border-radius:50%; background:var(--accent)}
  .w6-step__ico{display:none}
  .w6-step__t{font-size:18px}

  .w3-svc .w3-wrap{display:block}
  .w3-svc__title{margin-bottom:24px}
  .w3-tabs{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:20px}
  .w3-tabs button{min-height:48px; padding:0 8px; border:1px solid var(--line); border-radius:var(--r-btn); font-size:16px; text-align:center}
  .w3-tabs button[aria-selected="true"]{background:var(--accent); border-color:var(--accent); color:#fff}
  .w3-panel{grid-template-columns:1fr; gap:20px; padding:20px}
  .w3-panel h3{font-size:22px}
  .w3-panel__visual img{aspect-ratio:16/10}

  .w3-manifesto .lead{font-size:17px}
  .w3-reg__head{grid-template-columns:1fr}
  .region-search{flex-wrap:wrap}
  .region-search input{flex-basis:100%}
  .region-search button{flex:1 1 100%}
  .w3-reg__grid{grid-template-columns:1fr; gap:24px}
  .w3-reg__grid{gap:16px}
  .region-group h3{border-bottom:0; padding-bottom:4px}
  .w3-reg .region-list{display:flex; flex-wrap:wrap; gap:8px}
  .w3-reg .region-list a{padding:0 14px; border:1px solid var(--line); border-radius:999px; background:var(--bg); font-size:16px}
  .w3-reg__arrow{display:none}

  .w3-fold>summary{font-size:17px}
  .w3-more .section h2{font-size:22px}
  .w3-more .section:last-child h2{font-size:26px}
  .service-grid{grid-template-columns:1fr}
  .table-scroll{display:none}
  .cost-cards{display:grid; gap:12px}
  .cost-card{padding:16px 20px; border:1px solid var(--line); border-radius:var(--r-card)}
  .cost-card dl{margin:8px 0 0}
  .cost-row{display:flex; justify-content:space-between; gap:12px; padding:6px 0; border-bottom:1px solid var(--line)}
  .cost-row:last-child{border-bottom:0}
  .cost-row dt{font-size:15px; font-weight:400; color:var(--tx-3)}
  .cost-row dd{margin:0; font-size:16px; color:var(--tx-1); font-variant-numeric:tabular-nums}

  .w6-safe{padding:48px 0}
  .w6-safe__text{display:block}
  .w6-safe .w6-h2{font-size:24px}
  .w6-checks{margin-top:20px}

  .w3-band__in{grid-template-columns:1fr}
  .v7-bignum{font-size:28px}
  .v7-consult-call,.consult-actions{align-items:stretch}
  .consult-actions{flex-direction:column; gap:4px}
  .consult-actions .btn-primary{width:100%}
  .consult-actions .btn-secondary{align-self:center}

  .w3-footer__main{grid-template-columns:1fr; gap:24px; padding-bottom:40px}
  body.c79-www .w3-footer .c79-op__list{grid-template-columns:1fr}
  .w3-cs{padding-left:0; border-left:0}
}

/* ---------- 6-4. 375 미만 ---------- */
@media (max-width:374.98px){
  body.c79-www .c79-header .c79-container,.w3-wrap{padding-left:16px; padding-right:16px}
  #care,.w3-region-wrap #region{padding-left:16px; padding-right:16px}
  body.c79-www .c79-brand i{display:none}
  h1{font-size:28px}
  .v7-callinfo{letter-spacing:-.02em}
  body.c79-www .w3-footer .c79-op__list dt{min-width:0; flex-basis:100%}
}

/* =====================================================================
   7. v7.1 고급화 (2026-10-17) — design/v7/PREMIUM-v71.md. 위 규칙을 덮어씀.
   새 토큰 없음(14 유지). 리터럴은 브론즈 보조선 rgba(138,106,63,.28)·이징 cubic-bezier(.2,.6,.2,1)만.
   ===================================================================== */

/* 7-1. 타이포 (2절) */
body.c79-www{letter-spacing:-.005em}
h1{font-size:54px; line-height:1.22; letter-spacing:-.035em; text-wrap:balance}
h2{font-size:44px; line-height:1.25; letter-spacing:-.03em; margin-bottom:16px; text-wrap:balance}
h3{font-size:21px; line-height:1.45; letter-spacing:-.015em}
.w6-lead,.section-lead,.w3-split__text>p:not(.w6-eyebrow),.w3-more__lead{font-size:19px; line-height:1.7; letter-spacing:-.005em; color:var(--tx-2); max-width:40em}
.w6-lead--c{max-width:720px}
p,li,dd{text-wrap:pretty}
figcaption{margin-top:12px; font-size:15px; letter-spacing:0; color:var(--tx-2)}
.care-main figcaption{color:var(--tx-1); font-weight:500}
.w6-step__no,.v7-callinfo,.w3-phone__time,.v7-bignum,.v7-bignum__time,.w6-cell dd,.w3-price li strong,.w6-count,.w7-dis__time{font-variant-numeric:tabular-nums}
.w6-step__no,.w6-cell dd,.w3-price li strong{letter-spacing:-.01em}
/* eyebrow 한·영 공통: 15/500, 앞 24x1 선 */
.w6-eyebrow,.eyebrow,.w3-band__brand{display:flex; align-items:center; gap:12px; margin:0 0 16px; font-size:15px; font-weight:500; letter-spacing:.04em; line-height:1.4}
.w6-eyebrow::before,.eyebrow::before,.w3-band__brand::before,.w6-eyebrow--c::after{content:""; flex:0 0 24px; height:1px; background:rgba(138,106,63,.28)}
.w6-eyebrow--en{letter-spacing:.14em}
.w6-eyebrow--c{justify-content:center}
.w3-svc .w6-eyebrow{justify-content:flex-start}
.w3-svc .w6-eyebrow::after{content:none}
/* 헤더 메뉴 위계(C4) */
body.c79-www .c79-header{box-shadow:none}
body.c79-www .c79-header .c79-nav__link{font-size:16px; font-weight:400; color:var(--tx-2); text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:1px; text-underline-offset:10px}
body.c79-www .c79-header .c79-nav__link:hover,body.c79-www .c79-header .c79-nav__link[aria-current]{color:var(--tx-1); text-decoration-color:currentColor}

/* 7-2. 여백(3절) · 섹션 전환(8절) */
/* 1440 섹션 패딩: 스펙 112 → 104(새 섹션 추가 후 문서 높이 '기준본보다 짧음' 유지용 절충) */
.w6-journey,.w6-cost,#care,.w6-process,.w3-svc,.w3-manifesto,#region,.w3-more{padding-top:104px; padding-bottom:104px}
#consult{padding-top:96px; padding-bottom:96px}
.w3-manifesto{padding-bottom:0}
#region{padding-top:64px}
.w6-lead,.section-lead{margin-bottom:56px}
.w3-reg__head .section-lead,#consult .section-lead,.w6-safe .w6-lead{margin-bottom:0}
#care h2{margin-bottom:16px}
#care>.care-more>summary{top:104px}
.w3-more__title,.w3-more__lead,.w3-more .section:last-child h2{text-align:left}
.w3-more__lead{margin-bottom:32px}
.c79-qa-all[open]>summary{justify-content:flex-start}
.w3-more .section .section-lead{margin-bottom:24px; font-size:17px}

/* 7-3. 박스 절제(4절) */
.w6-step__no{font-size:15px; letter-spacing:.06em}
.w6-bubbles li{border-left:1px solid var(--line-strong)}
.w3-tabs button{border-left-width:2px}
.w3-price__foot{margin-top:8px}
.w3-split__in{align-items:start}
.w3-svc .w3-stage{align-self:start; display:block}
@media (min-width:768px){.w3-svc .w3-stage{align-self:stretch; display:flex}} /* v7.1 r2: 패널 아래 기준선을 탭 목록에 맞춤 */
.w3-panel{align-items:start; padding:48px 56px; min-height:0}
body.c79-www .c79-bar{box-shadow:0 -1px 0 var(--line); transition:transform .3s cubic-bezier(.2,.6,.2,1)}
body.c79-www.c79-bar-off .c79-bar{transition:transform .3s cubic-bezier(.2,.6,.2,1),visibility 0s .3s}
@media (min-width:768px){
  .w6-jgrid{column-gap:32px; row-gap:8px}
  .w6-jcard a{border:0; border-top:1px solid var(--line); border-radius:0; padding:28px 4px 24px; background:transparent}
  .w6-jcard a:hover{border-color:var(--line); box-shadow:inset 0 1px 0 var(--accent)}
  .w6-jcard a:hover .w6-jcard__t{color:var(--accent)}
  /* 9번째(장애인활동지원): 4x2 아래 한 줄 가로형 */
  .w6-jcard--wide{grid-column:1/-1}
  .w6-jcard--wide a{display:grid; grid-template-columns:32px minmax(0,1.1fr) minmax(0,2fr) auto; align-items:center; column-gap:24px; padding:24px 4px; border-bottom:1px solid var(--line)}
  .w6-jcard--wide .w6-jcard__ico{margin:0}
  .w6-jcard--wide .w6-jcard__go{margin:0; padding:0}
  .w6-steps{gap:32px}
  .w6-step{padding:28px 0 0; border:0; border-top:1px solid var(--line); border-radius:0; background:transparent}
  .w3-price{background:none; border:0; border-left:1px solid var(--line); border-radius:0; padding:8px 0 0 32px; justify-content:flex-start}
}
@media (min-width:768px) and (max-width:1023.98px){
  .w6-jcard--wide a{grid-template-columns:28px minmax(0,1fr) auto; row-gap:4px}
  .w6-jcard--wide .w6-jcard__ico{grid-row:1/3}
  .w6-jcard--wide .w6-jcard__d{grid-column:2}
  .w6-jcard--wide .w6-jcard__go{grid-column:3; grid-row:1/3}
}

/* 7-4. 히어로(6절) */
.w3-hero{background:linear-gradient(180deg,#FFFFFF 0%,var(--bg-alt) 100%)}
.w3-hero__in{padding-bottom:0}
.hero-text{padding-bottom:56px}
.w3-award{border-top:1px solid var(--line)}
.w3-model{background:radial-gradient(110% 80% at 50% 30%,#F2EBE0 0%,#F7F2EA 60%,rgba(249,246,241,0) 100%)}
.w3-model::before{content:""; position:absolute; inset:14px 14px 0; border:1px solid rgba(138,106,63,.28); border-bottom:0; border-radius:999px 999px 0 0; pointer-events:none; z-index:1}
.w3-model img{z-index:0}
.w3-phone{border-radius:var(--r-card); border:1px solid var(--line); background:rgba(255,255,255,.86); box-shadow:var(--sh-card); padding:24px}
.w3-phone__time{font-size:15px}
.w3-phone__list{grid-template-columns:auto auto; gap:0 12px}
.w3-phone__list a{justify-content:space-between; gap:4px; white-space:nowrap; padding:0 2px; border:0; border-bottom:1px solid var(--line); border-radius:0; font-size:16px; text-align:left}
.w3-phone__list a:hover{background:none; border-color:var(--line); color:var(--accent)}
.w3-phone__list .w3-ico{display:block; width:14px; height:14px; color:var(--line-strong)}
.w3-phone__list a:hover .w3-ico{color:var(--accent)}
.w3-phone__more{display:flex; align-items:center; min-height:48px; margin-top:-4px; font-size:16px; font-weight:500; color:var(--tx-1); text-decoration:underline; text-decoration-color:var(--line-strong); text-decoration-thickness:1px; text-underline-offset:7px}
.w3-phone__more>span{display:inline-block; margin-left:6px; color:currentColor; transition:transform .2s cubic-bezier(.2,.6,.2,1)}
.w3-phone__more:hover{color:var(--accent); text-decoration-color:var(--accent)}
.w3-phone__tel{min-height:52px; border-radius:var(--r-btn); box-shadow:var(--sh-cta)}
.btn-primary{min-height:60px; border-radius:var(--r-btn); box-shadow:var(--sh-cta); letter-spacing:-.01em}
.btn-primary .w3-ico{width:20px; height:20px}

/* 7-5. 사진(5절) */
#care img,.care-more-grid img,.w3-panel__visual img{filter:saturate(.72) contrast(.95) brightness(1.03) sepia(.08); border-radius:8px; outline:1px solid rgba(59,50,43,.06); outline-offset:-1px}
#care .care-main img{filter:saturate(.6) contrast(.95) brightness(1.03) sepia(.08)} /* v7.1 r2: 큰 사진(빨간 앞치마)만 채도 추가 절제, 파일은 그대로 */
@media (min-width:768px){.w6-jcard{text-wrap:wrap}} /* v7.1 r2: li 상속 pretty 가 2행 카드 줄을 좁게 끊던 문제 → 1행과 같은 줄 폭 */
#care figure{overflow:hidden}
.care-featured img{height:360px}
@media (min-width:768px){
  .care-sub-grid img{aspect-ratio:4/5; object-position:50% 40%}
}
.w3-award .trust-box img{background:none; border:0; padding:0; border-radius:4px; box-shadow:0 0 0 1px var(--line),0 12px 24px -16px rgba(59,50,43,.25)}

/* 7-6. 아이콘(7절) */
.w6-jcard__ico svg,.w6-step__ico svg,.w6-safe__plate svg,.w6-btn svg,.w7-row__ico svg,svg.w3-ico,.w3-panel svg{fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round}
.w6-jcard__ico,.w6-jcard__ico svg,.w6-step__ico svg{width:28px; height:28px}
.w6-pts li::before,.w6-checks li::before{border-left-width:1.5px; border-bottom-width:1.5px}
:is(.v7-textlink,.w6-link,.w3-panel__go,.w6-jcard__go,.w6-gcard__note a)>span,.btn-secondary::after{display:inline-block; color:var(--accent); transition:transform .2s cubic-bezier(.2,.6,.2,1)}
:is(.v7-textlink,.w6-link,.w3-panel__go,.w6-gcard__note a,.w3-phone__more):hover>span,.w6-jcard a:hover .w6-jcard__go>span,.btn-secondary:hover::after{transform:translateX(3px)}
.w3-reg__arrow{color:var(--line-strong)}
.w3-reg .region-list a:hover .w3-reg__arrow,#bokjiyongu .region-list a:hover .region-arrow{color:var(--accent)}

/* 7-7. 미세 인터랙션(9절) — 200ms 색, 3px 화살표, 1px 눌림, 사진 2% */
a,button,summary{transition:color .2s cubic-bezier(.2,.6,.2,1),background-color .2s cubic-bezier(.2,.6,.2,1),border-color .2s cubic-bezier(.2,.6,.2,1),box-shadow .2s cubic-bezier(.2,.6,.2,1),text-decoration-color .2s}
.btn-secondary,.v7-textlink,.w6-link,.w3-panel__go,.care-more>summary{text-decoration-thickness:1px; text-underline-offset:7px}
.btn-primary:hover,.w3-phone__tel:hover,body.c79-www .c79-bar__btn:hover{background:var(--accent-hover)}
.btn-primary:active,.w3-phone__tel:active,.w3-btn-brown:active{transform:translateY(1px)}
:focus-visible{outline:2px solid var(--accent); outline-offset:3px; border-radius:4px}
.btn-primary:focus-visible,.w3-phone__tel:focus-visible{outline-offset:4px; box-shadow:0 0 0 2px #fff inset}
.faq summary:hover,.w3-fold>summary:hover,.w7-more__sum:hover{color:var(--accent)}
details>summary::after{transition:color .2s}
@media (hover:hover){
  #care figure img{transition:transform .6s cubic-bezier(.2,.6,.2,1)}
  #care figure:hover img{transform:scale(1.02)}
}

/* 7-8. 장애인활동지원 #disability (10절) — 흰 바탕 + 컨테이너 상단 1px 선, 좌 5 / 우 7 */
.w7-dis{background:var(--bg); padding:0 0 96px}
.w7-dis__in{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); grid-template-areas:"head dl" "cta dl"; grid-template-rows:auto 1fr; column-gap:56px; align-items:start; padding-top:80px; background:linear-gradient(var(--line),var(--line)) top/calc(100% - 80px) 1px no-repeat}
.w7-dis__in{background-position:40px 0}
.w7-dis__head{grid-area:head}
.w7-dis__head .w6-lead{max-width:30em; margin-bottom:32px}
.w7-more{grid-area:dl; border-bottom:1px solid var(--line)}
.w7-more__sum{display:none}
/* v7.1 r2: 1280 이상은 대상·지원 내용 2행만 펼치고 신청 방법·본인부담·활동지원사 연결·출처는 안쪽 details(.w7-more2) 로 접음. 1280 미만은 바깥 details 하나만 쓰고 안쪽은 JS 가 펼친 채 요약줄 숨김 */
.w7-more2__sum{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:56px; padding:12px 0; border-top:1px solid var(--line); list-style:none; cursor:pointer; font-size:17px; font-weight:500; color:var(--tx-1); line-height:1.5}
.w7-more2__sum::-webkit-details-marker{display:none}
.w7-more2__sum::after,.w7-more__sum::after{content:"+"; flex:0 0 auto; color:var(--accent); font-size:24px; line-height:1}
.w7-more2[open]>.w7-more2__sum::after,.w7-more[open]>.w7-more__sum::after{content:"\2212"}
.w7-more2__sum:hover{color:var(--accent)}
@media (min-width:1280px) and (max-width:1439.98px){.w7-dis__k{white-space:nowrap}} /* 1280~1439: 3줄 중 가운데 줄이 짧게 끊기지 않도록 */
@media (min-width:1280px){
  .w7-more>.w7-dl>.w7-row:first-child{border-top:0; padding-top:0} /* 컨테이너 상단선과 이중선 방지 */
  .w7-dis__cta{position:sticky; top:calc(var(--c79-header-h,76px) + 24px)} /* 안쪽 상세를 펼쳐 읽는 동안 전화 버튼 유지 */
}
.w7-dl{margin:0}
.w7-row{border-top:1px solid var(--line); padding:24px 0; display:grid; grid-template-columns:180px minmax(0,1fr); gap:24px}
.w7-row>dt{display:flex; align-items:flex-start; gap:12px; font-size:17px; font-weight:500; color:var(--tx-1); line-height:1.6}
.w7-row__ico{flex:0 0 28px; color:var(--accent); margin-top:-1px}
.w7-row__ico svg{width:28px; height:28px}
.w7-row__d{margin:0; font-size:17px; line-height:1.7; color:var(--tx-2)}
.w7-row__d strong{color:var(--tx-1)}
.w7-row__d>*+*{margin-top:12px}
.w7-note,.w7-src{font-size:15px; line-height:1.6; color:var(--tx-3)}
.w7-src{padding:16px 0}
.w7-list,.w7-steps{list-style:none; margin:0; padding:0; display:grid; gap:10px}
.w7-list strong,.w7-steps strong{display:block; font-size:17px}
.w7-steps{counter-reset:w7; grid-template-columns:1fr 1fr; gap:16px 32px}
.w7-list{gap:12px}
.w7-list strong{display:inline; margin-right:10px}
.w7-steps li{position:relative; padding-left:36px; counter-increment:w7}
.w7-steps li::before{content:counter(w7,decimal-leading-zero); position:absolute; left:0; top:0; font-size:15px; font-weight:500; color:var(--accent); font-variant-numeric:tabular-nums; line-height:1.85}
.w7-dis__cta{grid-area:cta; display:flex; flex-direction:column; align-items:flex-start; gap:12px}
.w7-dis__pre{font-size:17px; font-weight:500; color:var(--tx-1)}
.w7-dis__call .w3-ico{width:20px; height:20px; color:var(--accent)}
.w7-dis__call.is-open .w3-ico{color:inherit}
.w7-dis__call .v7-hint{font-size:15px; font-weight:400}
.w7-dis__time{font-size:15px; color:var(--tx-3)}

/* 7-9. 폭 구간 */
/* 1280 미만: 상세 목록은 접는 요약줄로 시작(JS 5) */
@media (max-width:1279.98px){
  .w7-more{border-top:1px solid var(--line)}
  .w7-more__sum{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:56px; padding:12px 0; list-style:none; cursor:pointer; font-size:17px; font-weight:500; color:var(--tx-1); line-height:1.5}
  .w7-more__sum::-webkit-details-marker{display:none}
  .w7-more2__sum{display:none}
}
@media (min-width:768px) and (max-width:1279.98px){
  /* 좁은 PC·태블릿: 머리(좌)·전화(우) 한 줄, 상세 요약줄은 아래 전체 폭 */
  .w7-dis__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr); grid-template-areas:"head cta" "dl dl"; grid-template-rows:auto auto; row-gap:32px; column-gap:48px}
  .w7-dis__head .w6-lead{margin-bottom:0}
  .w7-dis__cta{align-self:end}
  .w3-phone__list{grid-template-columns:1fr}
}
@media (min-width:768px) and (max-width:1023.98px){
  h1{font-size:44px}
  h2{font-size:34px}
  .w6-journey,.w6-cost,#care,.w6-process,.w3-svc,.w3-more{padding-top:88px; padding-bottom:88px}
  .w3-manifesto{padding-top:88px}
  .w3-panel{padding:32px}
  .w7-dis{padding-bottom:88px}
  .w7-dis__in{padding-top:72px; background-size:calc(100% - 64px) 1px; background-position:32px 0}
  .w7-row{grid-template-columns:160px minmax(0,1fr)}
}
@media (max-width:767.98px){
  h1{font-size:31px; line-height:1.3; letter-spacing:-.03em}
  h2{font-size:27px; line-height:1.32; letter-spacing:-.025em}
  h3{font-size:18px}
  .w6-lead,.section-lead,.w3-split__text>p:not(.w6-eyebrow),.w3-more__lead{font-size:17px}
  /* 390: 섹션 패딩 48(스펙 56 의도 = 현행 대비 -8, v7.0 이 이미 56 이라 48 로 적용. 새 섹션 높이 상쇄) */
  .w6-journey,.w6-cost,#care,.w6-process,.w3-svc,.w3-more{padding-top:48px; padding-bottom:48px}
  #consult{padding-top:48px; padding-bottom:48px}
  .w3-manifesto{padding-top:48px}
  #region{padding-top:28px}
  .w6-lead,.section-lead{margin-bottom:24px}
  #care h2{margin-bottom:8px}
  .hero-text{padding-bottom:12px}
  .w3-model{width:min(76vw,300px)}
  .w3-model::before{inset:10px 10px 0}
  .w3-phone{box-shadow:none; background:var(--bg); padding:16px 20px 20px}
  .w6-step{border-left-width:1px}
  .w6-step::before{left:-4.5px; width:8px; height:8px; border:1px solid var(--accent); background:var(--bg-alt)}
  .w6-jcard a::after{border-top-width:1px; border-right-width:1px}
  .w3-price{border:0; border-top:1px solid var(--line); border-radius:0; background:none; padding:24px 0 0}
  .w3-tabs button{border:0; background:var(--bg-alt)}
  .w3-tabs button[aria-selected="true"]{background:var(--accent); color:#fff}
  .w3-panel{padding:20px}
  .care-featured img{height:auto}
  .w7-dis{padding-bottom:48px}
  .w7-dis__in{display:block; padding-top:48px; background-size:calc(100% - 40px) 1px; background-position:20px 0}
  .w7-dis__head .w6-lead{margin-bottom:24px}
  .w7-row{display:block; padding:16px 0}
  .w7-row>dt{margin-bottom:8px}
  .w7-list strong{display:block}
  .w7-steps{grid-template-columns:1fr; gap:12px}
  .w7-row__d{font-size:16px}
  .w7-row__ico,.w7-row__ico svg{width:24px; height:24px; flex-basis:24px}
  .w7-dis__cta{margin-top:24px; align-items:stretch}
  .w7-dis__call{justify-content:center}
  /* 390 높이 상쇄(기준본보다 짧게): 머리 간격·목록 행 간격 소폭 축소 */
  h2{margin-bottom:12px}
  .w6-eyebrow,.eyebrow,.w3-band__brand{margin-bottom:12px}
  .w6-jcard a{padding:13px 0}
  .w3-phone{margin-bottom:24px}
  .w6-cost__cta{margin-top:20px}
  .w6-step{padding-bottom:22px}
  .w7-dis__cta{margin-top:20px; gap:10px}
}
@media (max-width:374.98px){
  h1{font-size:29px}
  .w7-dis__in{background-size:calc(100% - 32px) 1px; background-position:16px 0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important; animation:none!important; scroll-behavior:auto!important}
  #care figure:hover img,.btn-primary:active,.w3-phone__tel:active,.w3-btn-brown:active,a:hover>span,a:hover::after,.w6-jcard a:hover .w6-jcard__go>span{transform:none!important}
}

/* ===== 번들 문서용(사이트에는 없음). 토큰만 사용, 새 색 없음 ===== */
body.ds{padding-bottom:0}

/* v7.1 staging fix: 390 첫 화면에서 서비스 카드 제목이 고정 하단바 위로 보이도록 모델 축소 */
@media (max-width:767px){
  .w3-model{width:min(56vw,220px)}
  .w3-phone{margin-top:8px}
}

/* 2026-10-24 상담 전환: 히어로 서비스 선택 + 상담 준비 섹션 (크림/골드 유지) */
.c79-hchoice{display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0 0 20px; padding:0}
.c79-hchoice a{display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border:1px solid var(--line-strong); border-radius:999px; background:#fff; color:var(--tx-1); font-weight:500; text-decoration:none}
.c79-hchoice a:hover{background:var(--bg-accent)}
.c79-pick{padding:56px 0 8px; background:var(--bg)}
.c79-pick h2{margin:0 0 20px; color:var(--tx-1)}
.c79-pick__cards{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; list-style:none; margin:0 0 24px; padding:0}
.c79-pick__cards a{display:flex; flex-direction:column; gap:8px; height:100%; box-sizing:border-box; padding:22px; border:1px solid var(--line); border-radius:var(--r-card); background:var(--bg-alt); color:var(--tx-2); text-decoration:none; box-shadow:var(--sh-card)}
.c79-pick__cards a:hover{border-color:var(--line-strong)}
.c79-pick__cards strong{font-size:20px; color:var(--tx-1)}
.c79-pick__cards span{line-height:1.6}
.c79-pick__cards em{margin-top:auto; font-style:normal; color:var(--accent); font-weight:500}
.c79-pick__cards .w3-ico{width:14px; height:14px; vertical-align:-2px}
.c79-prep{padding:24px; border:1px solid var(--line-strong); border-radius:var(--r-card); background:var(--bg-accent)}
.c79-prep h3{margin:0 0 14px; color:var(--tx-1)}
.c79-prep ol{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 16px; padding:0; list-style:none; counter-reset:p}
.c79-prep li{counter-increment:p; display:flex; flex-direction:column; gap:2px; padding:12px 14px; border-radius:var(--r-btn); background:#fff}
.c79-prep li b::before{content:counter(p) ". "; color:var(--accent)}
.c79-prep li span{color:var(--tx-2)}
.c79-prep__note{margin:0 0 16px; color:var(--tx-2); line-height:1.7}
.c79-prep__note a{color:var(--accent); text-decoration:underline}
@media (max-width:767px){
  .c79-pick{padding-top:40px}
  .c79-pick__cards,.c79-prep ol{grid-template-columns:1fr}
  .c79-pick__cards a{padding:18px}
  .c79-prep{padding:18px}
  .c79-prep .btn-primary{width:100%; box-sizing:border-box; justify-content:center; text-align:center}
}