/* WELFARE_CENTER_MULTI_NEUTI — 느티 노인종합복지관 · HOW n39b (pangyonoin.or.kr · 국내)
   2026-09-28C 전면 재구성 — 사용자 "시작 페이지가 레퍼런스랑 똑같다 · 다른 메뉴 페이지도 유사하면 수정".
   가져온 것(인상): 친근한 기관형 한글 사이트 · 둥근 한글 표제(Jua) · 흰 바탕 · 정보의 양(공지·식단·사업·봉사·이용 안내).
   바꾼 것(뼈대): ① 헤더 두 띠(로고 줄 + 5칸 균등 메뉴 띠) → 한 줄(워드마크 · 알약 메뉴 · 전화 단추)
                 ② 인트로 흐린 건물 사진 + 좌우 두 카드(원형 화살표) → 좌 글판 / 우 선명한 손 사진 + 위아래로 쌓은 두 줄 단추
                 ③ 홈 건물 사진 띠 + 포스터 슬라이더·바로가기·아이콘 격자 → 글 좌 / 사진 우 첫 화면 + '오늘 판' 세 칸(점심 · 위아래 넘김 알림 · 셔틀)
                 ④ 구획 순서 이야기→사업→봉사→이용 → 오늘 판→처음 오셨나요→교실 시간표→소식→나눔 띠
                 ⑤ 부품: 번호 카드 슬라이더·아이콘 다섯 칸·원형 아이콘 민원 줄 → 요일 시간표 · 글 목록 색인 · 어두운 푸터
                 ⑥ 낱말: 메뉴 이름·순서 새로(프로그램 · 이용 방법 · 소식 · 나눔과 봉사 · 복지관 소개)
                 ⑦ 하위 머리: 가운데 제목 사진 띠 + 홈 아이콘 탭 줄 + 경로 → 좌 제목 / 우 사진 분할 + 알약 탭
   색: 적갈·파랑 그라데이션 카드·구획별 파스텔 제목 → 느티나무 가을잎 노랑 한 벌(INDUSTRY-COLOR-MAP · 사진 스와치 #cb9944 계열을 맑게) */
:root{
  --bg:#ffffff; --soft:#f6f4ee; --line:#e6e2d6; --line2:#d3cdbd;
  --ink:#22211c; --ink2:#3c3a33; --muted:#66635a;
  --acc:#28b0ce; --acc-d:#0b5566; --acc-t:#e4f4f8; --acc-t2:#b9e3ee;
  --dark:#26241e;
  --sans:"Pretendard Variable","Pretendard",sans-serif;
  --disp:"Jua","Pretendard Variable","Pretendard",sans-serif;
  --en:"Work Sans","Pretendard Variable","Pretendard",sans-serif;
  --gut:40px; --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html.reduce{scroll-behavior:auto}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 var(--sans);letter-spacing:-.02em;word-break:keep-all;overflow-wrap:break-word}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
table{border-collapse:collapse}
[hidden]{display:none!important}
.wrap{max-width:calc(var(--max) + var(--gut)*2);margin:0 auto;padding:0 var(--gut)}
:focus-visible{outline:3px solid var(--acc-d);outline-offset:3px}
.m{display:none}

.js .pop{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.js .pop.go{opacity:1;transform:none}
html.reduce .pop{opacity:1!important;transform:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){.js .pop{opacity:1;transform:none;transition:none}}

/* 워드마크 — 글자만 */
.brand{display:inline-flex;flex-direction:column;line-height:1;flex:none;padding:5px 0}
.wm-corp{font:500 12px/1 var(--sans);letter-spacing:-.02em;color:var(--muted)}
.wm-main{display:flex;align-items:baseline;gap:7px;margin-top:6px}
.wm-en{font:700 30px/1 var(--en);letter-spacing:.02em;color:var(--ink)}
.wm-ko{font:700 22px/1 var(--sans);letter-spacing:-.05em;color:var(--ink2)}

/* ── 헤더: 한 줄 ── */
.hd{position:relative;z-index:800;background:#fff;border-bottom:1px solid var(--line)}
/* 메뉴 왼쪽 · 워드마크 가운데 · 전화 오른쪽 (레퍼런스: 워드마크 왼쪽 + 균등 메뉴 띠) */
.hd-in{max-width:calc(var(--max) + var(--gut)*2);margin:0 auto;padding:0 var(--gut);height:86px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.hd-in .brand{grid-column:2;grid-row:1;align-items:center}
.hd-in .wm-corp{text-align:center}
.dnav{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center;gap:2px}
.hd-call{grid-column:3;grid-row:1;justify-self:end}
.dnav a{display:inline-flex;align-items:center;height:46px;padding:0 13px;border-radius:23px;font:700 16.5px/1 var(--sans);letter-spacing:-.04em;color:var(--ink2);white-space:nowrap;transition:background .25s}
.dnav a:hover{background:var(--acc-t)}
.dnav a[aria-current="page"]{background:var(--acc);color:var(--ink)}
.hd-call{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:23px;background:var(--ink);color:#fff;font:600 16px/1 var(--en);letter-spacing:.01em;white-space:nowrap}
.hd-call svg{width:18px;height:18px}
.hd-m-tel{display:none}
.burger{display:none;width:48px;height:48px;border:0;background:none;color:inherit;cursor:pointer;padding:0;position:relative;flex:none}
.burger i{position:absolute;left:13px;right:13px;height:2px;background:currentColor;transition:transform .3s,opacity .3s}
.burger i:nth-child(1){top:16px}.burger i:nth-child(2){top:23px}.burger i:nth-child(3){top:30px}
.burger[aria-expanded="true"] i:nth-child(1){top:23px;transform:rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){top:23px;transform:rotate(-45deg)}
.mobile-nav{position:fixed;left:0;right:0;top:var(--mm-top,56px);bottom:0;z-index:1000;background:#fff;color:var(--ink);padding:8px 22px 40px;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity .3s,visibility 0s .3s}
.mobile-nav.open{visibility:visible;opacity:1;transition:opacity .3s}
.mobile-nav ul a{display:flex;align-items:center;min-height:60px;border-bottom:1px solid var(--line);font:700 21px/1.2 var(--sans);letter-spacing:-.04em}
.mnav-foot{margin-top:26px;display:grid;gap:10px}
.mnav-foot a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border:1.5px solid var(--ink);border-radius:27px;font:700 17px/1 var(--sans);color:var(--ink)}
.mnav-foot a.fill{background:var(--acc);border-color:var(--acc)}
.mnav-foot svg{width:20px;height:20px}
.mnav-hours{margin-top:14px;text-align:center;font-size:15px;color:var(--muted)}

/* ── 인트로 (index): 좌 글판 / 우 사진 ── */
.splash{background:var(--acc-t)}
.sp-top{position:absolute;left:0;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:28px 0 0 64px}
.sp-top .burger{display:none}
.sp-top .brand{display:none} /* 넓은 화면에서는 큰 NEUTI 표제가 워드마크 역할을 한다 */
.intro{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.intro-l{background:var(--acc-t);padding:150px 64px 30px;display:flex;flex-direction:column}
.intro-name{display:block;font:700 clamp(96px,11vw,156px)/.9 var(--en);letter-spacing:-.01em;color:var(--ink)}
.intro-ko{display:block;margin-top:16px;font:400 42px/1.2 var(--disp);color:var(--ink)}
.intro-line{margin-top:18px;font-size:19px;line-height:1.6;color:var(--ink2)}
.intro-go{margin-top:48px;border-top:2px solid var(--ink);max-width:560px}
.intro-go a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:22px 6px 22px 4px;border-bottom:2px solid var(--ink);transition:background .25s,padding .25s}
.intro-go a:hover{background:var(--acc);padding-left:16px}
.intro-go b{display:block;font:400 30px/1.2 var(--disp);color:var(--ink)}
.intro-go small{display:block;margin-top:6px;font-size:15.5px;color:var(--ink2)}
.intro-go svg{width:30px;height:30px}
.intro-tel{margin-top:22px;font-size:16px;color:var(--ink2)}
.intro-tel a{font:600 18px/1 var(--en);color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.intro-r{position:relative;overflow:hidden;background:#e9e2d4}
.intro-r img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.sp-foot{margin-top:auto;padding-top:34px}
.sp-legal p{font-size:13.5px;line-height:1.75;color:var(--muted)}
.sp-legal p span+span::before{content:"·";margin:0 7px;color:#aaa}

/* ── 공통 제목 ── */
.h-big{font:400 46px/1.2 var(--disp);color:var(--ink)}
.kick{display:block;margin-bottom:10px;font:600 13px/1 var(--en);letter-spacing:.16em;text-transform:uppercase;color:var(--acc-d)}
.sec-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.more{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border:1.5px solid var(--ink);border-radius:23px;font:700 16px/1 var(--sans);white-space:nowrap}
.more svg{width:16px;height:16px}
.more:hover{background:var(--acc);border-color:var(--acc)}

/* ── 홈 0 첫 화면 ── */
.top{padding:56px 0 0}
.top-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);gap:64px;align-items:center;margin-bottom:56px}
.top-in .top-img{order:-1}
.top-t h1{font:400 64px/1.12 var(--disp);color:var(--ink)}
.top-t p{margin-top:18px;font-size:19px;line-height:1.6;color:var(--ink2)}
.top-btns{margin-top:32px;display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 26px;border-radius:27px;font:700 17px/1 var(--sans);border:1.5px solid var(--ink)}
.btn.y{background:var(--acc);border-color:var(--acc)}
.btn:hover{transform:translateY(-2px)}
.top-img{border-radius:120px 0 0 0;overflow:hidden;background:#ddd}
.find-img{width:100%;height:100%;min-height:420px;object-fit:cover;border-radius:0 0 90px 0}
.top-img img{width:100%;aspect-ratio:5/4;object-fit:cover}

/* ── 홈 1 오늘 판 ── */
.day{background:var(--soft);padding:44px 0}
.day-in{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:0;background:#fff;border:1.5px solid var(--ink)}
.day-in>div{padding:28px 30px;min-width:0}
.day-in>div+div{border-left:1.5px solid var(--ink)}
.day-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.day-h b{font:800 19px/1.3 var(--sans);letter-spacing:-.04em}
.day-h time,.day-h span{font:600 14px/1 var(--en);color:var(--muted)}
.lunch li{display:inline;font-size:18px;font-weight:600}
.lunch li+li::before{content:"·";margin:0 8px;color:var(--acc-d)}
.day-note{margin-top:12px;font-size:15px;color:var(--muted)}
.day-link{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-weight:700;font-size:15.5px;text-decoration:underline;text-underline-offset:4px}
.vlist{position:relative}
.vl-win{height:112px;overflow:hidden}
.vl-track{transition:transform .45s ease}
html.reduce .vl-track{transition:none}
.vl-track li{height:112px;display:flex;flex-direction:column;justify-content:center}
.vl-track em{font-style:normal;font-size:13.5px;font-weight:700;color:var(--acc-d)}
.vl-track strong{display:block;margin-top:4px;font:800 21px/1.35 var(--sans);letter-spacing:-.04em}
.vl-track span{display:block;margin-top:4px;font-size:15px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vl-ctrl{display:flex;align-items:center;gap:6px}
.vl-ctrl button{width:44px;height:44px;border:1.5px solid var(--ink);border-radius:50%;background:#fff;cursor:pointer;display:grid;place-items:center;color:var(--ink)}
.vl-ctrl button:hover{background:var(--acc);border-color:var(--acc)}
.vl-ctrl svg{width:18px;height:18px}
.vl-count{font:600 14px/1 var(--en);color:var(--muted);min-width:34px;text-align:center}
.bus-t{width:100%;font-size:16px}
.bus-t th{text-align:left;font-weight:800;padding:8px 0;width:64px}
.bus-t td{padding:8px 0;font-family:var(--en);font-weight:600}
.bus-t tr+tr{border-top:1px solid var(--line)}

/* ── 홈 2 처음 오셨나요 + 글 색인 ── */
.find{padding:100px 0 90px}
.find-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:stretch}
.find-r{display:flex;flex-direction:column;gap:36px}
.find-list{align-self:stretch}
.find-t p{margin-top:18px;font-size:17.5px;line-height:1.75;color:var(--ink2)}
.find-t .fee{margin-top:22px;display:inline-block;padding:12px 18px;background:var(--acc-t);border-radius:12px;font-size:16px;font-weight:600}
.find-list{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;border-top:1.5px solid var(--ink)}
.find-list a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:88px;padding:14px 0;border-bottom:1px solid var(--line2)}
.find-list b{display:block;font:800 19px/1.3 var(--sans);letter-spacing:-.04em;color:var(--ink)}
.find-list span span{display:block;margin-top:3px;font-size:14.5px;color:var(--muted)}
.find-list svg{width:20px;height:20px;color:var(--acc-d)}
.find-list a:hover b{text-decoration:underline;text-underline-offset:4px}

/* ── 홈 3 교실 시간표 + 사업 갈래 ── */
.week{padding:90px 0;background:var(--acc-t)}
.week .sec-top p{max-width:520px;font-size:17px;color:var(--ink2)}
.wk-wrap{margin-top:36px;overflow-x:auto}
.wk{width:100%;min-width:760px;background:#fff;font-size:16px}
.wk th,.wk td{border:1.5px solid var(--ink);padding:14px 12px;text-align:center}
.wk thead th{font:800 17px/1 var(--sans);background:var(--acc)}
.wk tbody th{font:600 14.5px/1.3 var(--en);width:120px;background:#fff}
.wk td b{display:block;font-weight:800}
.wk td span{display:block;font-size:14px;color:var(--muted)}
.areas{margin-top:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 28px}
.areas a{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center}
.areas img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.areas b{display:block;font:800 17px/1.3 var(--sans);letter-spacing:-.04em;color:var(--ink)}
.areas span span{display:block;font-size:14px;line-height:1.45;color:var(--muted)}
.areas a:hover b{text-decoration:underline;text-underline-offset:4px}

/* ── 홈 4 소식 ── */
.news{padding:96px 0 100px}
.news-in{margin-top:34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.news-big img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;background:#ddd}
.news-big em{display:block;margin-top:18px;font-style:normal;font-size:14px;font-weight:700;color:var(--acc-d)}
.news-big b{display:block;margin-top:6px;font:800 24px/1.4 var(--sans);letter-spacing:-.05em}
.news-big p{margin-top:8px;font-size:16px;color:var(--ink2)}
.board li a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:62px;border-bottom:1px solid var(--line2);font-size:16.5px}
.board li:first-child a{border-top:1.5px solid var(--ink)}
.board .tag{font-size:13px;font-weight:700;padding:5px 10px;border-radius:14px;background:var(--acc-t);color:var(--acc-d);white-space:nowrap}
.board li a span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board time{font:500 14.5px/1 var(--en);color:var(--muted)}
.board li a:hover span:nth-child(2){text-decoration:underline;text-underline-offset:4px}

/* ── 홈 5 나눔 띠 ── */
.give{background:var(--acc);padding:88px 0}
.give-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;align-items:stretch}
.give-t p{margin-top:16px;font-size:17.5px;line-height:1.7;color:var(--ink);max-width:560px}
.give-t .btn{margin-top:26px;background:var(--ink);color:#fff}
.give-img{width:100%;height:100%;min-height:460px;object-fit:cover;border-radius:24px 24px 24px 120px}
.give-list{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.give-list li{padding:20px 0 0;border-top:1.5px solid var(--ink)}
.give-list b{display:block;font:400 24px/1.25 var(--disp)}
.give-list p{margin-top:8px;font-size:16.5px;line-height:1.7}
.give-list a{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* ── 푸터 (어두운 한 판) ── */
.ft{background:var(--dark);color:#e9e5da;padding:64px 0 40px}
.ft-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.8fr);gap:48px}
.ft-brand .wm-corp{color:#b9b4a6}.ft-brand .wm-en{color:#fff;font-size:26px}.ft-brand .wm-ko{color:#e9e5da;font-size:19px}
.ft-legal{margin-top:22px}
.ft-legal p{font-size:14.5px;line-height:1.85;color:#c9c4b6}
.ft-legal p span{display:inline-block;margin-right:14px}
.ft-copy{color:#9d988b!important}
.ft h3{font:800 16px/1.3 var(--sans);color:#fff;margin-bottom:12px}
.ft-voice li{padding:6px 0;font-size:15px;color:#c9c4b6}
.ft-voice b{display:inline-block;width:72px;color:#fff;font-weight:700}
.ft-voice li{display:flex;align-items:center;flex-wrap:wrap;min-height:44px;padding:0}
.ft-voice a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:underline;text-underline-offset:3px}
.ft-links a{display:flex;align-items:center;min-height:44px;font-size:15px;color:#e9e5da}
.ft-links a:hover{color:var(--acc)}
.mbar{display:none}

/* ── 하위 페이지: 좌 제목 / 우 사진 ── */
.sub-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);background:var(--acc-t);min-height:310px}
.sub-hero img{grid-column:1;grid-row:1;width:100%;height:100%;min-height:310px;object-fit:cover;object-position:50% 40%;border-radius:0 0 110px 0}
.sub-hero-in{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:48px max(var(--gut),calc((100vw - var(--max))/2)) 48px 64px}
.sub-hero .kick-en{font:600 13px/1 var(--en);letter-spacing:.16em;text-transform:uppercase;color:var(--acc-d)}
.sub-hero h1{margin-top:12px;font:400 56px/1.12 var(--disp);color:var(--ink)}
.sub-hero p.lead{margin-top:14px;font-size:18px;line-height:1.6;color:var(--ink2);max-width:480px}
.lnb{background:#fff;padding-top:30px}
.lnb .wrap{display:flex;align-items:center}
.lnb-home{display:none}
.lnb-tabs{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
.lnb-tabs>*{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border:1.5px solid var(--line2);border-radius:23px;background:#fff;font:700 16px/1 var(--sans);letter-spacing:-.04em;color:var(--ink2);cursor:pointer;white-space:nowrap}
.lnb-tabs>*:hover{border-color:var(--ink)}
.lnb-tabs>.on,.lnb-tabs>[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.pg-h{padding:46px 0 26px}
.pg-h h2{font:800 36px/1.25 var(--sans);letter-spacing:-.05em}
.pg-h .path{display:none}
/* 레퍼런스의 '반반 사진/색판'을 쓰지 않는다 — 넓은 사진 띠 아래 글 두 단 */
.split{display:block}
.split img{width:100%;aspect-ratio:1200/380;object-fit:cover;background:#ddd;border-radius:24px 24px 24px 0}
.split-t{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start;padding:30px 0 0;color:var(--ink)}
.split-t b{font:800 27px/1.4 var(--sans);letter-spacing:-.05em}
.split-t p{font-size:17.5px;line-height:1.75;color:var(--ink2)}
.sec{margin-top:72px}
.sec-h{font:800 25px/1.3 var(--sans);letter-spacing:-.05em}
.sec-lead{margin-top:12px;font-size:17px;color:var(--muted)}
.sec-lead a.inline{color:var(--acc-d);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.box4{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;border-top:1.5px solid var(--ink)}
.box4 li{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line2)}
.box4 svg{flex:none;width:46px;height:46px;padding:9px;border-radius:50%;background:var(--acc-t);color:var(--acc-d)}
.box4 b{display:block;font:800 18px/1.3 var(--sans);color:var(--ink)}
.box4 p{margin-top:6px;font-size:16.5px;line-height:1.6;color:var(--ink2)}
.chips{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}
.chips li{display:inline-flex;align-items:center;min-height:50px;padding:6px 22px;border:1.5px solid var(--ink);border-radius:25px;font:600 17px/1.3 var(--sans);letter-spacing:-.04em;background:#fff}
.dash{margin-top:20px}
.dash li{position:relative;padding:8px 0 8px 22px;font-size:17px;line-height:1.65;color:var(--ink2)}
.dash li::before{content:"";position:absolute;left:1px;top:19px;width:7px;height:7px;border-radius:50%;background:var(--acc)}
.dash b{color:var(--ink);margin-right:8px}
.dash a{display:inline-block;padding:12px 0;margin:-12px 0;color:var(--acc-d);font-weight:700}
.tbl-wrap{margin-top:22px;overflow-x:auto}
.tbl{width:100%;min-width:700px;border-top:2px solid var(--ink);font-size:17px}
.tbl th{background:var(--acc-t);font:700 17px/1.35 var(--sans);padding:16px 12px;border-bottom:1px solid var(--line2);border-left:1px solid var(--line)}
.tbl td{padding:16px 16px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);line-height:1.6;color:var(--ink2);text-align:center}
.tbl td.l{text-align:left}
.tbl th:first-child,.tbl td:first-child{border-left:0}
.tbl .today td{background:#fff7dc}
.tbl tbody th{width:18%}
.pad-end{padding-bottom:120px}
.anchor{scroll-margin-top:80px}
.photo2{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.photo2 img{width:100%;aspect-ratio:3/2;object-fit:cover;background:#ddd;border-radius:18px}
.photo2.one{grid-template-columns:1fr}
.photo2.one img{aspect-ratio:1200/420;object-position:50% 65%}
/* 순서 — 번호 카드(STEP 01…)를 걷고 화살표로 잇는 흐름 줄 */
.steps{margin-top:22px;display:flex;flex-wrap:wrap;align-items:stretch;gap:28px}
.steps li{flex:1 1 200px;position:relative;padding:18px 6px 0 0;border-top:1.5px solid var(--ink)}
.steps li:not(:last-child)::after{content:"";position:absolute;right:-20px;top:-7px;width:12px;height:12px;margin-top:-6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 1l5 5-5 5' fill='none' stroke='%2322211c' stroke-width='1.8'/%3E%3C/svg%3E") center/12px no-repeat}
.steps em{display:none}
.steps b{display:block;font:800 19px/1.3 var(--sans);letter-spacing:-.05em}
.steps p{margin-top:8px;font-size:15.5px;line-height:1.6;color:var(--ink2)}
.greet{display:grid;grid-template-columns:420px 1fr;gap:60px;align-items:start}
.greet-q{font:400 36px/1.45 var(--disp);color:var(--ink)}
.greet-b p{font-size:18px;line-height:1.85;color:var(--ink2)}
.greet-b p+p{margin-top:16px}
.greet-b .sign{margin-top:28px;text-align:right;color:var(--ink)}
.greet-b .sign b{font-size:22px;margin-left:8px}
.mission{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.mission li{padding-top:18px;border-top:1.5px solid var(--ink)}
.mission em{display:block;font:600 13px/1 var(--en);font-style:normal;letter-spacing:.14em;color:var(--acc-d);text-transform:uppercase}
.mission b{display:block;margin-top:10px;font:400 30px/1.25 var(--disp)}
.mission p{margin-top:10px;font-size:17px;line-height:1.65;color:var(--ink2)}
.map-row{margin-top:24px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.map-box{border:1px solid var(--line2);background:#f3efe4;border-radius:18px;overflow:hidden}
.map-box svg{display:block;width:100%;height:auto}
.vol{margin-top:24px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}
.vol img{width:100%;aspect-ratio:3/2;object-fit:cover;background:#ddd;border-radius:16px}
.vol div{padding:18px 2px 8px}
.vol b{font:800 21px/1.3 var(--sans);letter-spacing:-.05em}
.vol p{margin-top:8px;font-size:16px;line-height:1.65;color:var(--ink2)}
.vol span{display:inline-block;margin-top:10px;font-size:15px;font-weight:700;color:var(--acc-d)}
.call{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 36px;background:var(--acc-t);border-radius:20px}
.call p{font-size:19px;line-height:1.5}
.call strong{color:var(--acc-d)}
.call-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 30px;border-radius:29px;background:var(--ink);color:#fff;font:700 20px/1 var(--sans);letter-spacing:-.02em;white-space:nowrap}
.call-btn svg{width:22px;height:22px}

@media (max-width:1240px){
  .dnav a{padding:0 9px;font-size:15.5px}
  .hd-call{padding:0 14px;font-size:15px}
  .areas{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
  :root{--gut:20px}
  .m{display:inline}
  .hd{position:sticky;top:0}
  .hd-in{display:flex;height:56px;padding:0 6px;justify-content:space-between;gap:0}
  .burger{display:block}
  .brand{position:absolute;left:50%;transform:translateX(-50%)}
  .wm-corp{font-size:10px;text-align:center}
  .wm-main{margin-top:4px;gap:5px}
  .wm-en{font-size:21px}
  .wm-ko{font-size:16px}
  .dnav,.hd-call{display:none!important}
  .hd-m-tel{display:grid;place-items:center;width:48px;height:48px;color:var(--ink)}
  .hd-m-tel svg{width:24px;height:24px}
  .mbar{display:grid;grid-template-columns:1.3fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:900;height:64px;background:#fff;border-top:1px solid var(--line2);box-shadow:0 -4px 14px rgba(0,0,0,.06)}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:7px;font:700 16px/1 var(--sans);letter-spacing:-.03em;color:var(--ink)}
  .mbar a+a{border-left:1px solid var(--line)}
  .mbar a.tel{background:var(--acc);color:var(--ink)}
  .mbar svg{width:19px;height:19px}
  body{padding-bottom:64px}

  /* 인트로 */
  .sp-top{position:absolute;right:0;height:64px;justify-content:space-between;padding:0 8px 0 18px;background:var(--acc-t)}
  .sp-top .brand{display:inline-flex;position:static;transform:none}
  .sp-top .wm-corp{text-align:left}
  .sp-top .burger{display:block;background:#fff;border-radius:50%}
  .intro{grid-template-columns:1fr;min-height:0}
  .intro-l{padding:22px 20px 26px}
  .intro-r{height:210px;order:-1;margin-top:64px}
  .intro-name{font-size:78px}
  .intro-ko{font-size:30px;margin-top:10px}
  .intro-line{font-size:16.5px}
  .intro-go{margin-top:28px}
  .intro-go a{padding:18px 2px}
  .intro-go b{font-size:24px}
  .intro-go small{font-size:14.5px}
  .intro-go svg{width:24px;height:24px}
  .sp-foot{padding-top:24px}
  .sp-legal p span{display:block}
  .sp-legal p span+span::before{display:none}

  .h-big{font-size:32px}
  .sec-top{flex-direction:column;align-items:flex-start;gap:14px}
  .top{padding:20px 0 0}
  .top-in{grid-template-columns:1fr;gap:26px;margin-bottom:30px}
  .find-img{border-radius:0 0 56px 0;min-height:0;height:auto;aspect-ratio:4/3}
  .find-r{gap:24px}
  .top-t h1{font-size:40px}
  .top-t p{font-size:16.5px;margin-top:12px}
  .top-btns{margin-top:22px}
  .btn{min-height:50px;padding:0 20px;font-size:16px}
  .top-img{border-radius:64px 0 0 0}
  .day{padding:26px 0}
  .day-in{grid-template-columns:1fr}
  .day-in>div{padding:22px 20px}
  .day-in>div+div{border-left:0;border-top:1.5px solid var(--ink)}
  .lunch li{font-size:17px}
  .vl-win,.vl-track li{height:120px}
  .vl-track strong{font-size:19px}
  .vl-track span{white-space:normal}
  .find{padding:60px 0 50px}
  .find-in{grid-template-columns:1fr;gap:30px}
  .find-t p{font-size:16px}
  .find-list{grid-template-columns:1fr}
  .find-list a{min-height:74px}
  .week{padding:56px 0}
  .week .sec-top p{font-size:16px}
  .wk{min-width:640px;font-size:15px}
  .areas{grid-template-columns:1fr;gap:16px}
  .news{padding:60px 0}
  .news-in{grid-template-columns:1fr;gap:30px}
  .news-big b{font-size:20px}
  .board li a{grid-template-columns:auto 1fr;gap:6px 12px;padding:12px 0;font-size:15.5px}
  .board time{grid-column:2}
  .board li a span:nth-child(2){white-space:normal}
  .give{padding:56px 0}
  .give-in{grid-template-columns:1fr;gap:30px}
  .give-t p{font-size:16px}
  .give-list{grid-template-columns:1fr;gap:18px;margin-top:28px}
  .give-img{min-height:0;height:auto;aspect-ratio:4/3;border-radius:18px 18px 18px 64px}
  .give-list b{font-size:23px}
  .give-list p{font-size:15.5px}
  .ft{padding:44px 0 30px}
  .ft-in{grid-template-columns:1fr;gap:30px}
  .ft-legal p span{display:block}

  .sub-hero{grid-template-columns:1fr;min-height:0}
  .sub-hero img{grid-column:1;grid-row:2;min-height:0;height:190px;border-radius:0 0 56px 0}
  .sub-hero-in{grid-column:1;grid-row:1;padding:30px 20px 26px}
  .sub-hero h1{font-size:36px}
  .sub-hero p.lead{font-size:15.5px}
  .sub-hero .kick-en{font-size:12px}
  .lnb{padding-top:20px}
  .lnb .wrap{padding:0 20px}
  .lnb-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .lnb-tabs::-webkit-scrollbar{display:none}
  .lnb-tabs>*{flex:none;padding:0 16px;font-size:15.5px}
  .pg-h{padding:32px 0 20px}
  .pg-h h2{font-size:28px}
  .split img{aspect-ratio:3/2;border-radius:18px 18px 18px 0}
  .split-t{grid-template-columns:1fr;gap:12px;padding:20px 0 0}
  .split-t b{font-size:21px}
  .split-t p{font-size:16px}
  .sec{margin-top:50px}
  .sec-h{font-size:22px}
  .box4{grid-template-columns:1fr}
  .box4 p{font-size:16px}
  .chips li{min-height:48px;font-size:16px}
  .dash li{font-size:16px}
  .tbl{min-width:620px;font-size:16px}
  .pad-end{padding-bottom:70px}
  .anchor{scroll-margin-top:120px}
  .photo2{grid-template-columns:1fr;gap:12px}
  .steps{flex-direction:column}
  .steps li{flex:none}
  .steps{gap:18px}
  .steps li:not(:last-child)::after{display:none}
  .greet{grid-template-columns:1fr;gap:20px}
  .greet-q{font-size:26px}
  .greet-b p{font-size:16px}
  .mission{grid-template-columns:1fr;gap:24px}
  .mission b{font-size:25px}
  .map-row{grid-template-columns:1fr;gap:20px}
  .vol{grid-template-columns:1fr;gap:16px}
  .call{flex-direction:column;align-items:stretch;text-align:center;padding:22px 18px}
  .call p{font-size:17px}
  .tbl.kv{min-width:0}
  .tbl.kv tr{display:grid;grid-template-columns:96px 1fr}
  .tbl.kv th,.tbl.kv td{display:block;width:auto;border-left:0}
  .tbl.kv td{border-left:1px solid var(--line)}
}