@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600&family=Noto+Sans+KR:wght@400;500;700&display=swap');

:root{
  --bg:#f4f0e8; --paper:#fffdf8; --ink:#343a34; --deep:#404b41; --forest:#385543;
  --muted:#73766f; --line:#ddd7cc; --sage:#75806f; --sage2:#e8ece4; --sage3:#b6c09e;
  --warm:#b88b66; --warm2:#f2e7dd; --brown:#8a6646;
  --shadow:0 16px 38px rgba(52,58,52,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Pretendard","Noto Sans KR",system-ui,sans-serif;font-size:16px;line-height:1.8;word-break:keep-all;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.serif{font-family:"Noto Serif KR",serif}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
@media(max-width:600px){.wrap{padding:0 16px}}

/* 머리 */
.top{position:sticky;top:0;z-index:20;background:rgba(244,240,232,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo img{height:56px;width:auto}
.nav{display:flex;gap:28px;font-size:15px}
.nav a{text-decoration:none;color:var(--muted)}
.nav a:hover,.nav a.on{color:var(--forest)}
.nav a.on{font-weight:500}
.menu-btn{display:none;background:none;border:0;font:inherit;color:var(--deep);font-size:15px;padding:8px 0;cursor:pointer}
@media(max-width:760px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);flex-direction:column;gap:0;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  .nav.open{display:flex}
  .nav a{padding:14px 16px;border-top:1px solid var(--line)}
}

/* 공통 */
section{padding:88px 0}
@media(max-width:600px){section{padding:60px 0}}
.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--sage);margin:0 0 14px}
h1,h2,h3{font-family:"Noto Serif KR",serif;font-weight:600;color:var(--deep);line-height:1.45;margin:0}
h2{font-size:30px}
h3{font-size:20px}
@media(max-width:600px){h2{font-size:24px}h3{font-size:18px}}
.lead{color:var(--muted);margin:16px 0 0}
.rule{width:56px;height:1px;background:var(--sage3);margin:22px 0}
.btn{display:inline-block;text-decoration:none;border-radius:999px;padding:12px 24px;font-size:15px;font-weight:500;border:1px solid var(--deep);color:var(--deep);background:transparent}
.btn.main{background:var(--brown);border-color:var(--brown);color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.paper{background:var(--paper)}

/* 첫 화면 */
.hero{padding:0}
.hero .grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:620px}
.hero .txt{display:flex;flex-direction:column;justify-content:center;padding:72px 56px 72px 0}
.hero h1{font-size:40px;font-weight:400}
.hero h1 b{font-weight:600;color:var(--forest)}
.hero .sub{font-family:"Noto Serif KR",serif;font-size:19px;color:var(--ink);margin:0}
.hero .ph{background:url(img/hero.jpg) center 60%/cover;border-radius:0 0 0 22px}
@media(max-width:860px){
  .hero .grid{grid-template-columns:1fr;min-height:0}
  .hero .ph{order:-1;height:56vw;max-height:420px;border-radius:0}
  .hero .txt{padding:44px 0 56px}
  .hero h1{font-size:28px}
  .hero .sub{font-size:17px}
}

/* 카드 목록 */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.card{background:var(--paper);border-radius:18px;padding:28px 26px;box-shadow:var(--shadow);border-left:5px solid var(--sage3)}
.card:nth-child(3n+2){border-left-color:#c9a374}
.card:nth-child(3n+3){border-left-color:#7f9b8c}
.card p{margin:10px 0 0;color:var(--muted);font-size:15px}
.card a{font-size:14px;color:var(--forest)}
@media(max-width:860px){.cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cards{grid-template-columns:1fr}}

/* 두 칸 */
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.two .img{border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:center/cover}
@media(max-width:860px){.two{grid-template-columns:1fr;gap:32px}.two .img{aspect-ratio:4/3}}

.quote{font-family:"Noto Serif KR",serif;font-size:22px;color:var(--deep);line-height:1.7;margin:0}
@media(max-width:600px){.quote{font-size:18px}.quote br{display:none}}

/* 소장 */
.prof{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:start}
.prof .pic{width:200px;height:200px;border-radius:50%;border:8px solid #b3c29f;background:center/cover}
@media(max-width:700px){.prof{grid-template-columns:1fr;gap:24px}.prof .pic{width:150px;height:150px;border-width:6px}}
.cv{display:grid;grid-template-columns:72px 1fr;gap:6px 20px;margin-top:28px;font-size:15px}
.cv dt{color:var(--sage);padding-top:12px;border-top:1px solid var(--line)}
.cv dd{margin:0;padding-top:12px;border-top:1px solid var(--line)}
.cv dd div+div{margin-top:4px}
.cv small{color:var(--muted);font-size:13px}

/* 놀이치료실 */
.room{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:48px 0;border-top:1px solid var(--line)}
.room:first-of-type{border-top:0}
.room .img{border-radius:18px;aspect-ratio:4/3;background:center/cover}
.room .tag{font-size:13px;color:var(--sage);letter-spacing:.06em}
.room h3{margin:8px 0 14px}
.room p{margin:0 0 8px}
.room:nth-of-type(even) .img{order:2}
@media(max-width:760px){.room{grid-template-columns:1fr;gap:20px}.room:nth-of-type(even) .img{order:0}}

/* 상담 분야 */
.prog{background:var(--paper);border-radius:20px;padding:36px;box-shadow:var(--shadow);margin-top:20px}
.prog h3{display:flex;gap:12px;align-items:baseline}
.prog h3 span{font-size:13px;color:var(--sage);font-family:"Noto Sans KR",sans-serif;font-weight:500}
.prog p{margin:12px 0 0}
.prog .for{margin-top:14px;font-size:14px;color:var(--muted)}
@media(max-width:600px){.prog{padding:26px 22px}}

/* 글 목록 */
.posts{list-style:none;padding:0;margin:36px 0 0}
.posts li{border-top:1px solid var(--line)}
.posts li:last-child{border-bottom:1px solid var(--line)}
.posts a{display:flex;justify-content:space-between;gap:16px;padding:20px 4px;text-decoration:none}
.posts .t{font-family:"Noto Serif KR",serif;font-size:17px;color:var(--deep)}
.posts .c{font-size:13px;color:var(--sage);white-space:nowrap}
@media(max-width:600px){.posts a{flex-direction:column;gap:2px}.posts .t{font-size:16px}}

/* 문의 */
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.contact a{display:block;background:var(--paper);border-radius:18px;padding:26px;text-decoration:none;box-shadow:var(--shadow)}
.contact .k{font-size:13px;color:var(--sage)}
.contact .v{font-size:18px;color:var(--deep);font-weight:500;margin-top:6px}
@media(max-width:760px){.contact{grid-template-columns:1fr}}
.note{margin-top:22px;color:var(--muted);font-size:15px}

/* 아래 */
footer{border-top:1px solid var(--line);padding:40px 0 56px;font-size:14px;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer img{height:40px;width:auto;margin-bottom:10px}
footer a{text-decoration:none}
footer .links{display:flex;gap:18px;flex-wrap:wrap}

/* ── 시안 B: 사진 ── */
.top .logo img{height:58px}
.hero2{position:relative;min-height:640px;display:flex;align-items:flex-end;padding:0 0 72px;
  background:linear-gradient(90deg,rgba(28,34,29,.62) 0%,rgba(28,34,29,.30) 45%,rgba(28,34,29,0) 75%),linear-gradient(180deg,rgba(28,34,29,0) 45%,rgba(28,34,29,.35) 100%),url(img/window_fixed.jpg) center 42%/cover}
.hero2 .wrap{width:100%}
.hero2 .eyebrow{color:rgba(255,255,255,.85)}
.hero2 h1{font-size:42px;font-weight:400;color:#fff}
.hero2 .rule{background:rgba(255,255,255,.7)}
.hero2 .sub{font-family:"Noto Serif KR",serif;font-size:19px;color:#fff;margin:0}
.btn.light{border-color:#fff;color:#fff}
@media(max-width:600px){
  .hero2{min-height:80vh;padding-bottom:44px;background:linear-gradient(180deg,rgba(28,34,29,0) 25%,rgba(28,34,29,.68) 100%),url(img/window_fixed.jpg) center 55%/cover}
  .hero2 h1{font-size:28px}.hero2 .sub{font-size:16px}
}
.mosaic{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:1/1}
.mosaic div{border-radius:16px;background:center/cover}
.mosaic .m1{grid-row:1/3;background-position:50% 70%}
.mosaic .m3{background-position:50% 65%}
.room .img{aspect-ratio:3/2}
.map{margin-top:28px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/7;background:var(--sage2)}
.map iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:600px){.map{aspect-ratio:4/3}}
footer img{height:48px}

/* 놀이치료실: 블로그와 같은 정사각 사진 */
.room{grid-template-columns:.8fr 1fr}
.room:nth-of-type(even){grid-template-columns:1fr .8fr}
.room .img{aspect-ratio:1/1}
@media(max-width:760px){.room,.room:nth-of-type(even){grid-template-columns:1fr}}

/* 상담 분야 새 구성 */
.ptag{display:inline-block;font-size:12.5px;color:var(--forest);background:var(--sage2);border-radius:999px;padding:3px 11px;letter-spacing:.02em}
.who3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.who{background:var(--paper);border-radius:18px;padding:28px 26px;box-shadow:var(--shadow)}
.who h3,.adhd h3{margin:14px 0 8px;font-size:19px}
.who p,.adhd p{margin:0;color:var(--muted);font-size:15px}
.adhd{margin-top:18px;background:#eef1ea;border-radius:18px;padding:26px 28px}
.adhd-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:14px}
.adhd-row>div+div{border-left:1px solid #d6ddd0;padding-left:28px}
.adhd .ptag{background:#fff}
.online{margin-top:18px;display:flex;gap:18px;align-items:baseline;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 4px;font-size:15px;color:var(--muted)}
.online b{color:var(--deep);font-weight:500;white-space:nowrap}
.online.v{flex-direction:column;gap:6px;border:0;background:var(--paper);border-radius:14px;padding:18px 20px;margin-top:22px}
.list2{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:36px}
.list2 h4{font-family:"Noto Serif KR",serif;font-weight:600;color:var(--deep);font-size:18px;margin:0 0 6px;padding-bottom:12px;border-bottom:2px solid var(--deep)}
.plist{list-style:none;margin:0;padding:0}
.plist li{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.plist li .ptag{justify-self:start;align-self:start;margin-top:3px}
.plist h3{font-size:18px;margin:0 0 6px}.plist p{margin:0;color:var(--muted);font-size:15px}
@media(max-width:860px){.who3{grid-template-columns:1fr}.adhd-row{grid-template-columns:1fr;gap:20px}.adhd-row>div+div{border-left:0;padding-left:0;border-top:1px solid #d6ddd0;padding-top:20px}.list2{grid-template-columns:1fr;gap:32px}.online{flex-direction:column;gap:6px}}
@media(max-width:600px){.plist li{grid-template-columns:1fr;gap:8px}}

/* 사진 자리(고르기 전) */
.slot{background:#e3e7dc!important;position:relative;border:1.5px dashed #b7c0ab}
.slot::after{content:attr(data-n) "  " attr(data-l);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#6f7a66;font-size:17px;letter-spacing:.02em;text-align:center;padding:10px}
.hero2.slot-hero{background:#8f9a86!important}
.hero2.slot-hero::before{content:attr(data-n) "  " attr(data-l);position:absolute;top:24px;right:28px;color:rgba(255,255,255,.75);font-size:15px}

/* 휴대폰 줄바꿈 정리: 한 단어만 다음 줄로 넘어가지 않게 */
p,li,dd,.lead,.sub{text-wrap:pretty}
h1,h2,h3,.quote{text-wrap:balance}
.addr{white-space:normal}
@media(max-width:600px){.addr{font-size:13px}}

/* 10/18 수정 */
.menu-btn{width:44px;height:44px;display:none;flex-direction:column;justify-content:center;gap:5px;padding:0 10px}
.menu-btn span{display:block;height:2px;background:var(--deep);border-radius:2px}
@media(max-width:760px){.menu-btn{display:flex}}
.nav{gap:22px}
.band{margin-top:18px;background:#eef1ea;border-radius:18px;padding:24px 28px}
.band:first-of-type{margin-top:32px}
.band-h{margin:0 0 4px;font-size:13px;letter-spacing:.12em;color:var(--sage)}
.band-row{display:grid;gap:28px;margin-top:10px}
.band-row.c3{grid-template-columns:repeat(3,1fr)}.band-row.c2{grid-template-columns:1fr 1fr}.band-row.c1{grid-template-columns:1fr;gap:0}
.band-row>div{padding-top:6px}
.band-row.c3>div+div,.band-row.c2>div+div{border-left:1px solid #d6ddd0;padding-left:28px}
.band-row.c1>div{padding:18px 0}.band-row.c1>div+div{border-top:1px solid #d6ddd0}
.band h3{margin:12px 0 8px;font-size:19px}.band p{margin:0;color:var(--muted);font-size:15px}
.band .ptag{background:#fff}
.band p.for{margin-top:10px;font-size:14px}
@media(max-width:860px){.band{padding:22px 20px}.band-row.c3,.band-row.c2{grid-template-columns:1fr;gap:0}
 .band-row.c3>div,.band-row.c2>div{padding:18px 0}
 .band-row.c3>div+div,.band-row.c2>div+div{border-left:0;padding-left:0;border-top:1px solid #d6ddd0}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.chip{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;cursor:pointer}
.chip.on{background:var(--deep);border-color:var(--deep);color:#fff}
.posts.cat a{display:grid;grid-template-columns:110px 1fr auto;align-items:baseline;gap:16px}
.posts.cat .d{font-size:13px;color:var(--muted);white-space:nowrap}
@media(max-width:600px){.posts.cat a{grid-template-columns:1fr;gap:4px}.posts.cat .d{order:3}}
.apply-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;background:var(--deep);color:#fff;border-radius:20px;padding:28px 30px;text-decoration:none}
.apply-card h3{color:#fff;margin:4px 0 8px}.apply-card p{margin:0;color:rgba(255,255,255,.82);font-size:15px}.apply-card .k{font-size:13px;color:rgba(255,255,255,.7)}
.apply-card .go{white-space:nowrap;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:10px 18px;font-size:15px}
@media(max-width:600px){.apply-card{flex-direction:column;align-items:flex-start;padding:24px 22px}}
.contact.c2{grid-template-columns:1fr 1fr;margin-top:14px}
@media(max-width:760px){.contact.c2{grid-template-columns:1fr}}
.lect{list-style:none;padding:0;margin:20px 0 0}
.lect li{display:grid;grid-template-columns:90px 1fr;gap:4px 18px;padding:16px 0;border-bottom:1px solid var(--line)}
.lect .y{grid-row:span 3;color:var(--sage);font-size:14px}.lect .o{color:var(--deep);font-weight:500}.lect .t{color:var(--ink)}.lect .a{color:var(--muted);font-size:14px}
.lect .empty{display:block;color:var(--muted)}

/* 10/18 저녁: 통일감 정리 */
.phead{padding:72px 0 56px}
@media(max-width:600px){.phead{padding:48px 0 40px}}
.phead .lead{max-width:640px}
.band{box-shadow:none}
.band-row.c3 h3:first-child,.band-row.c2 h3:first-child{margin-top:0}
.map{box-shadow:none}
.contact a{box-shadow:none;background:#eef1ea;border-radius:18px;padding:22px 24px}
.contact .v{margin:0;font-size:17px}
.contact .k{margin-top:4px;font-size:13.5px;color:var(--muted)}
.apply-card{background:#eef1ea;color:var(--ink);border-radius:18px}
.apply-card h3{color:var(--deep);margin:0 0 8px}
.apply-card p{color:var(--muted);text-wrap:balance}
.apply-card .go{background:var(--brown);border-color:var(--brown);color:#fff;font-weight:500;padding:12px 24px}
@media(max-width:600px){.apply-card p br{display:none}}

/* 느루 이야기: 왼쪽 분류 · 오른쪽 글 */
.story{display:grid;grid-template-columns:210px 1fr;gap:64px;align-items:start}
.cats{position:sticky;top:100px;display:flex;flex-direction:column;border-top:2px solid var(--deep)}
.cats button{display:flex;justify-content:space-between;align-items:baseline;gap:8px;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:14px 2px;font:inherit;font-size:15px;color:var(--muted);cursor:pointer}
.cats button i{font-style:normal;font-size:12px;color:var(--sage)}
.cats button.on{color:var(--forest);font-weight:600}
.sposts{list-style:none;margin:0;padding:0;border-top:2px solid var(--deep)}
.sposts li{border-bottom:1px solid var(--line)}
.sp-h{display:grid;grid-template-columns:1fr 22px;gap:6px 16px;width:100%;text-align:left;background:none;border:0;padding:22px 2px;font:inherit;cursor:pointer;color:inherit}
.sp-h .m{grid-column:1;font-size:13px;color:var(--sage)}
.sp-h .t{grid-column:1;font-family:"Noto Serif KR",serif;font-weight:600;font-size:19px;color:var(--deep);line-height:1.5;text-wrap:balance}
.sp-h .pm{grid-column:2;grid-row:1/3;align-self:center;width:14px;height:14px;position:relative}
.sp-h .pm::before,.sp-h .pm::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:var(--sage);transition:transform .2s}
.sp-h .pm::after{transform:rotate(90deg)}
.sposts li.open .pm::after{transform:rotate(0)}
.sp-b{display:none;padding:0 2px 26px}
.sposts li.open .sp-b{display:block}
.sp-b p{margin:0 0 12px;color:var(--ink);font-size:15.5px}
.sp-b .more{display:inline-block;margin-top:6px;color:var(--forest);font-weight:500;font-size:15px;text-decoration:none;border-bottom:1px solid var(--sage3)}
@media(max-width:760px){
  .story{grid-template-columns:96px 1fr;gap:18px}
  .cats{top:84px}
  .cats button{flex-direction:column;gap:0;font-size:13px;padding:12px 0;line-height:1.45}
  .sp-h{padding:18px 0}
  .sp-h .t{font-size:16.5px}
  .sp-h .m{font-size:12px}
}
/* 비교용 B: 모바일 한 줄 글자 탭 */
@media(max-width:760px){
  .story.tabs{grid-template-columns:1fr;gap:20px}
  .story.tabs .cats{position:static;flex-direction:row;overflow-x:auto;border-top:0;border-bottom:1px solid var(--line);gap:20px;scrollbar-width:none}
  .story.tabs .cats button{flex-direction:row;gap:4px;border:0;border-bottom:2px solid transparent;white-space:nowrap;padding:10px 0;font-size:14.5px;margin-bottom:-1px}
  .story.tabs .cats button.on{border-bottom-color:var(--forest)}
}
.phead .lead{text-wrap:balance}
/* 강의 이력 묶음 */
.lg{margin-top:36px}
.lg h3{font-size:17px;padding-bottom:10px;border-bottom:2px solid var(--deep)}
.lg .lect{margin-top:0}
.lect li{grid-template-columns:80px 1fr}
.lect .y{grid-row:span 2}
.lect .o{font-size:14px;color:var(--sage);font-weight:400}
.lect .t{color:var(--deep);font-weight:500}
.pro ul{margin:12px 0 0;padding:0;list-style:none}
.pro li{font-size:15px;color:var(--ink);padding:5px 0}
@media(max-width:600px){.lect li{grid-template-columns:72px 1fr;gap:2px 12px}}
.lect .hl{display:inline-block;font-style:normal;font-size:12.5px;font-weight:500;color:var(--brown);border:1px solid #d9c3ae;border-radius:999px;padding:1px 9px;margin-left:4px;vertical-align:2px;white-space:nowrap}

/* 10/18 저녁: 상담 분야 줄 모양 (온라인 칸과 같은 구조), 강조 칸은 흰 종이색 */
.grp{margin-top:36px}
.gh{margin:0;font-size:14px;font-weight:600;color:var(--deep);padding-bottom:12px;border-bottom:1px solid var(--deep)}
.gi{margin:14px 0 4px;font-size:15px;color:var(--ink)}
.r{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:baseline;padding:18px 4px;border-bottom:1px solid var(--line);font-size:15px;color:var(--muted)}
.r .h small{display:block;font-size:12.5px;color:var(--sage);margin-bottom:2px}
.r .h small:empty{display:none}
.r .h b{color:var(--deep);font-weight:600;font-size:16px}
.r .d p.for{margin:8px 0 0;font-size:14px;color:var(--sage)}
.grp.hl{background:var(--paper);border-radius:18px;padding:24px 26px 8px}
.grp.hl .r{border-color:rgba(0,0,0,.07)}
.grp.hl .r:last-child{border-bottom:0}
@media(max-width:760px){.r{grid-template-columns:1fr;gap:6px}.grp.hl{padding:20px 18px 4px}}
/* 남은 상자: 민트 대신 흰 종이색(베이지 구역) / 베이지(흰 구역) */
.band,.contact a,.apply-card{background:var(--paper)}
.paper .band,.paper .contact a,.paper .apply-card{background:var(--bg)}
.band-row.c3>div+div,.band-row.c2>div+div{border-color:var(--line)}
.band-row.c1>div+div{border-color:var(--line)}
.plab{margin:0;font-size:13px;color:var(--sage)}
@media(max-width:860px){.band-row.c3>div+div,.band-row.c2>div+div{border-color:var(--line)}}
/* 비교용 C: 왼쪽 분류를 표처럼 맞추지 않고 차례(목차)처럼 */
@media(max-width:760px){
  .story.side2{grid-template-columns:88px 1fr;gap:0}
  .story.side2 .cats{border-top:0;border-right:1px solid var(--line);padding-right:12px;gap:2px}
  .story.side2 .cats button{border:0;padding:6px 0;font-size:13px;flex-direction:row}
  .story.side2 .cats button i{display:none}
  .story.side2 .cats button.on{color:var(--forest)}
  .story.side2 .cats button.on::before{content:"";position:absolute}
  .story.side2 > div{padding-left:16px}
  .story.side2 .sposts{border-top:0}
  .story.side2 .sposts li:first-child .sp-h{padding-top:0}
}
@media(max-width:760px){.story.tabs .sposts{border-top:0}}
/* 느루 이야기 모바일 A 유지: 분류는 한 줄씩, 숫자는 같은 줄 오른쪽 */
@media(max-width:760px){
  .story{grid-template-columns:112px 1fr;gap:16px}
  .cats button{flex-direction:row;justify-content:space-between;align-items:center;white-space:nowrap;font-size:12.5px;letter-spacing:-.02em;padding:13px 0;line-height:1.4}
  .cats button i{font-size:11px}
}
/* 상담 분야: 대상 작은 글씨(아동·부모 등) 숨김 — 제목과 설명에 이미 들어 있음 */
.grp .r .h small{display:none}
@media(min-width:761px){.grp.hl .r{grid-template-columns:234px 1fr}}
/* 강의 주제 8개: 두 칸 격자, 칸마다 가는 선 */
.band-row.c2.tp{gap:0 40px}
.band-row.c2.tp>div{padding:16px 0;border-top:1px solid var(--line)}
.band-row.c2.tp>div+div{border-left:0;padding-left:0}
.band-row.c2.tp>div:nth-child(-n+2){border-top:0}
.band-row.c2.tp h3{font-size:17px;margin:0 0 6px}
@media(max-width:860px){.band-row.c2.tp>div:nth-child(2){border-top:1px solid var(--line)}}
.rep{list-style:none;margin:10px 0 0;padding:0;columns:2;column-gap:40px}
.rep li{padding:9px 0;border-bottom:1px solid var(--line);font-size:15.5px;color:var(--deep);break-inside:avoid}
@media(max-width:760px){.rep{columns:1}}
.tl{list-style:none;margin:0;padding:0}.tl li{color:var(--ink);padding:2px 0}
/* 첫 화면: 초록 바탕 + 베이지 나무와 그네 (10/18) */
.hero3{background:#8f9a86;color:#fff;padding:0}
.hero3 .wrap{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;min-height:600px;padding-top:60px;padding-bottom:64px}
.hero3 .eyebrow{color:rgba(255,255,255,.85)}
.hero3 h1{font-size:42px;font-weight:400;color:#fff}
.hero3 .rule{background:rgba(255,255,255,.7)}
.hero3 .sub{font-family:"Noto Serif KR",serif;font-size:19px;margin:0}
.hero-tree{width:100%;max-width:600px;justify-self:end;display:block}
.btn.cream{background:#f4f0e8;border-color:#f4f0e8;color:var(--forest);font-weight:600}
@media(max-width:760px){.hero3 .wrap{grid-template-columns:1fr;min-height:0;gap:18px;padding-top:36px;padding-bottom:44px}.hero-tree{order:-1;width:96%;justify-self:center}.hero3 h1{font-size:28px}.hero3 .sub{font-size:16px}}
@media(max-width:860px){.two .img{aspect-ratio:4/5}}
@media(max-width:860px){.two .img{order:-1}}

/* 10/18 모바일 글자·비율 정리 (휴대폰 글자 크기를 크게 쓰는 경우에도 덜 커지게) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:600px){
  body{font-size:15px;line-height:1.7}
  h2{font-size:21px;line-height:1.4}
  h3{font-size:16.5px}
  .eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:10px}
  .lead{font-size:14.5px}
  .quote{font-size:16.5px;line-height:1.65}
  .hero3 h1{font-size:25px;line-height:1.4}
  .hero3 .sub{font-size:15px;line-height:1.7}
  .hero3 .rule{margin:16px 0}
  .btns{gap:8px;margin-top:22px}
  .btn{padding:11px 18px;font-size:14px}
  .hero3 .btns{display:grid;grid-template-columns:1fr 1fr}
  .hero3 .btns .btn{text-align:center;padding:12px 6px}
  .r{padding:14px 0;font-size:14.5px;gap:4px}
  .r .h b{font-size:15.5px}
  .gh{font-size:13px}
  .grp{margin-top:28px}
  section{padding:48px 0}
  .phead{padding:40px 0 32px}
}
@media(max-width:600px){
  .hero3 h1 br,.phead h2 br{display:none}
  .hero3 h1,.phead h2{text-wrap:balance}
  .hero3 .btns{grid-template-columns:1fr}
  .hero3 .btns .btn{padding:13px 10px}
}
@media(max-width:600px){.hero3 h1{font-size:clamp(20px,6.5vw,26px)}h2{font-size:clamp(18px,5.6vw,22px)}}
@media(max-width:600px){.sp-h .t{font-size:15.5px}.sp-h .m{font-size:11.5px}.cats button{font-size:12px}}

/* ── 10/18 밤 홈 새 구성 (B-2 가): 첫 화면 사진 · 짧은 칸 · 아래 고정 버튼 · 얇은 머리 ── */
/* 시안 공통 */
.mk-tag-unused{position:fixed;left:12px;top:78px;z-index:30;background:var(--deep);color:#fff;font-size:12px;padding:4px 10px;border-radius:999px}
.prof .pic.p2{border:0;background-image:url(img/profile2.jpg)}
.strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:24px -16px 0;padding:0 16px 6px;scrollbar-width:none}
.strip::-webkit-scrollbar{display:none}
.strip>div{flex:0 0 72%;aspect-ratio:4/5;border-radius:16px;background:center/cover;scroll-snap-align:start}
@media(min-width:761px){.strip{margin:32px 0 0;padding:0;overflow:visible}.strip>div{flex:1}}
.slist{margin-top:24px;border-top:1px solid var(--deep)}
.slist a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:16px 2px;border-bottom:1px solid var(--line);text-decoration:none}
.slist b{font-weight:600;color:var(--deep);font-size:15.5px}
.slist span{grid-column:1;color:var(--muted);font-size:14px}
.slist i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--sage);font-size:18px}
.slist a.hl b::after{content:"강점기반";margin-left:8px;font-size:11.5px;font-weight:500;color:var(--brown);border:1px solid #d9c3ae;border-radius:999px;padding:1px 8px;vertical-align:2px}
.two .photo-lg,.photo-lg{border-radius:18px;aspect-ratio:1/1;background:center/cover;margin-bottom:28px}
@media(min-width:861px){.two .photo-lg{aspect-ratio:4/5;margin:0}}
/* B */
.quick{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border-bottom:1px solid var(--line)}
.quick a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 4px;text-decoration:none;font-size:12.5px;color:var(--deep)}
.quick a+a{border-left:1px solid var(--line)}
.quick svg{width:22px;height:22px;stroke:var(--forest);fill:none;stroke-width:1.5}
.cards2{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:24px -16px 0;padding:0 16px 8px;scrollbar-width:none}
.cards2::-webkit-scrollbar{display:none}
.cards2 a{flex:0 0 76%;scroll-snap-align:start;background:var(--paper);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit}
.paper .cards2 a{background:var(--bg)}
.cards2 .ph{aspect-ratio:4/3;background:center/cover}
.cards2 .tx{padding:16px 18px 20px}
.cards2 small{font-size:12px;color:var(--sage)}
.cards2 b{display:block;font-family:"Noto Serif KR",serif;font-weight:600;font-size:16.5px;color:var(--deep);margin:2px 0 6px}
.cards2 p{margin:0;font-size:14px;color:var(--muted);line-height:1.6}
.dots{display:flex;justify-content:center;gap:6px;margin-top:14px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}.dots i:first-child{background:var(--forest)}
@media(min-width:761px){.cards2{margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.dots{display:none}}
.bar{display:none}
@media(max-width:760px){
 .bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,253,248,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
 .bar a{text-align:center;border-radius:999px;padding:12px 6px;font-size:14px;font-weight:500;text-decoration:none;border:1px solid var(--deep);color:var(--deep)}
 .bar a.k{background:var(--brown);border-color:var(--brown);color:#fff}
 body.has-bar{padding-bottom:72px}
 .hero3.nobtn .btns{display:none}
}
.place{border-radius:18px;aspect-ratio:4/5;background:center/cover;position:relative;overflow:hidden}
.place .cap{position:absolute;left:0;right:0;bottom:0;padding:60px 20px 20px;background:linear-gradient(180deg,rgba(28,34,29,0),rgba(28,34,29,.6));color:#fff}
.place .cap b{display:block;font-family:"Noto Serif KR",serif;font-size:18px;font-weight:600}
.place .cap span{font-size:13.5px;opacity:.9}
@media(min-width:861px){.place{aspect-ratio:16/8}}
.lite section{padding:44px 0}
.lite .one{margin:12px 0 0;color:var(--muted);font-size:14.5px}
.lite .quote{font-size:17px}
.hero4{position:relative;min-height:calc(100svh - 68px);display:flex;align-items:flex-end;color:#fff;
 background:linear-gradient(180deg,rgba(28,34,29,.05) 30%,rgba(28,34,29,.5) 62%,rgba(28,34,29,.72) 100%),url(img/c_desk.jpg) center 45%/cover}
.hero4 .wrap{width:100%;padding-bottom:96px}
.hero4 .eyebrow{color:rgba(255,255,255,.9)}
.hero4 h1{font-size:clamp(22px,6.6vw,40px);font-weight:400;color:#fff;line-height:1.4;text-wrap:balance}
.hero4 .rule{background:rgba(255,255,255,.75);margin:16px 0}
.hero4 .sub{font-family:"Noto Serif KR",serif;font-size:15px;margin:0}
@media(min-width:861px){.hero4{min-height:640px;background-position:center 60%}.hero4 .wrap{padding-bottom:72px}.hero4 .sub{font-size:19px}}
.prof2{display:flex;gap:18px;align-items:center}
.prof2 .pic{flex:0 0 96px;height:96px;border-radius:50%;background:url(img/profile2.jpg) center/cover}
.prof2 h2{font-size:19px}
.prof2 p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
body.ov .top{position:fixed;left:0;right:0;background:transparent;border-bottom-color:transparent;backdrop-filter:none;transition:background .25s,border-color .25s}
body.ov .top .logo img{content:url(img/logo_white.png)}
body.ov .menu-btn span{background:#faf7f0}
body.ov.scrolled .top{background:rgba(244,240,232,.96);border-bottom-color:var(--line);backdrop-filter:blur(8px)}
body.ov.scrolled .top .logo img{content:url(img/logo.png)}
body.ov.scrolled .menu-btn span{background:var(--deep)}
body.ov .hero4{min-height:100svh;background:linear-gradient(180deg,rgba(28,34,29,.35) 0%,rgba(28,34,29,0) 22%,rgba(28,34,29,.05) 40%,rgba(28,34,29,.5) 66%,rgba(28,34,29,.74) 100%),url(img/c_desk.jpg) center 45%/cover}
body.ov .mk-tag-unused{top:auto;bottom:90px}
:root{--leaf:#6b7a4c}
@media(max-width:760px){.bar a{border-color:var(--leaf);color:var(--leaf);background:transparent}.bar a.k{background:var(--leaf);border-color:var(--leaf);color:#fff}}
.top .wrap{height:56px}.top .logo img{height:42px}
@media(max-width:760px){.nav{top:56px}}
.menu-btn{width:40px;height:40px}
body.ov .hero4{background:linear-gradient(180deg,rgba(24,30,25,.32) 0%,rgba(24,30,25,0) 16%,rgba(24,30,25,0) 36%,rgba(24,30,25,.6) 58%,rgba(24,30,25,.82) 100%),url(img/c_desk.jpg) 58% 40%/cover}
.hero4 .wrap{padding-bottom:104px}
.hero4 .eyebrow{font-size:13px;letter-spacing:.1em;margin-bottom:12px}
.hero4 h1{font-size:clamp(24px,7vw,44px);line-height:1.42;font-weight:500;text-shadow:0 1px 14px rgba(0,0,0,.25)}
.hero4 h1 br{display:inline}
.hero4 .rule{margin:18px 0}
.hero4 .sub{font-size:16px;line-height:1.7;text-shadow:0 1px 10px rgba(0,0,0,.3)}
.place2{display:block;text-decoration:none;color:inherit;margin-top:20px}
.place2 .ph{border-radius:18px;aspect-ratio:4/3;background:center/cover}
.place2 .cap{display:flex;justify-content:space-between;align-items:center;padding:14px 2px 0}
.place2 b{font-weight:600;color:var(--deep);font-size:15.5px}
.place2 span{font-size:13.5px;color:var(--muted)}
.place2 i{font-style:normal;color:var(--leaf);font-size:20px}

/* 홈 PC: 사진 위 메뉴 흰 글씨, 첫 화면 문의 버튼(휴대폰은 아래 고정 버튼), 상담실 사진 높이 */
@media(min-width:761px){
 body.ov:not(.scrolled) .nav a{color:rgba(255,255,255,.9)}
 body.ov:not(.scrolled) .nav a.on{color:#fff}
 .place2 .ph{aspect-ratio:16/7}
}
@media(max-width:760px){.pc-only{display:none!important}}
@media(min-width:861px){body.ov .hero4{align-items:center;background:linear-gradient(90deg,rgba(24,30,25,.72) 0%,rgba(24,30,25,.45) 40%,rgba(24,30,25,0) 70%),linear-gradient(180deg,rgba(24,30,25,.35) 0%,rgba(24,30,25,0) 18%),url(img/c_desk.jpg) center 55%/cover}body.ov .hero4 .wrap{padding-bottom:0}}
/* 10/18 자정: 휴대폰 글자 크게 설정에서도 첫 화면 글이 보이게 — 어두운 바탕을 글 칸 자체에 붙임 */
@media(max-width:860px){
 body.ov .hero4{background:linear-gradient(180deg,rgba(24,30,25,.32) 0%,rgba(24,30,25,0) 16%),url(img/c_desk.jpg) 58% 40%/cover}
 .hero4 .wrap{padding-top:120px;background:linear-gradient(180deg,rgba(24,30,25,0) 0,rgba(24,30,25,.72) 100px,rgba(24,30,25,.82) 100%)}
 .hero4 h1{font-size:clamp(22px,6.4vw,34px)}
}
/* 10/19: 첫 화면 아래쪽 전체를 어둡게 이어서 글 칸 아래로 밝은 사진이 비치지 않게 · 소장 사진 위, 글 아래 */
@media(max-width:860px){
 body.ov .hero4{background:linear-gradient(180deg,rgba(24,30,25,.32) 0%,rgba(24,30,25,0) 16%,rgba(24,30,25,0) 40%,rgba(24,30,25,.6) 62%,rgba(24,30,25,.7) 100%),url(img/c_desk.jpg) 58% 40%/cover}
 .hero4 .wrap{background:linear-gradient(180deg,rgba(24,30,25,0) 0,rgba(24,30,25,.32) 100px,rgba(24,30,25,.32) 100%)}
 .prof2{flex-direction:column;align-items:flex-start;gap:16px}
 .prof2 .pic{flex:0 0 auto;width:132px;height:132px}
}

/* ── 10/19 홈 C안: 홈은 느낌만, 정보는 메뉴로, 아래 버튼 하나 ── */

/* C: 홈은 느낌만, 정보는 메뉴로, 버튼은 하나 */
.hc-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff;padding:0;
 background:linear-gradient(180deg,rgba(24,30,25,.32) 0%,rgba(24,30,25,0) 16%,rgba(24,30,25,0) 42%,rgba(24,30,25,.6) 64%,rgba(24,30,25,.72) 100%),url(img/c_desk.jpg) 58% 40%/cover}
.hc-hero .wrap{width:100%;padding-bottom:108px}
.hc-hero .eyebrow{color:rgba(255,255,255,.9);font-size:12.5px;letter-spacing:.1em;margin-bottom:10px}
.hc-hero h1{font-size:clamp(22px,6.4vw,40px);font-weight:500;color:#fff;line-height:1.42;text-shadow:0 1px 14px rgba(0,0,0,.25)}
.hc-hero .rule{background:rgba(255,255,255,.75);margin:16px 0}
.hc-hero .sub{font-family:"Noto Serif KR",serif;font-size:15.5px;margin:0;line-height:1.7}
.hc-feel{padding:56px 0 40px}
.hc-feel .quote{font-size:17px;line-height:1.7}
.mos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}
.mos div{border-radius:14px;background:center/cover;aspect-ratio:1/1}
.mos .big{grid-column:1/3;aspect-ratio:4/3}
.hc-feel .more{display:inline-block;margin-top:22px;color:var(--forest);font-weight:500;font-size:15px;text-decoration:none;border-bottom:1px solid var(--sage3)}
/* 아래 버튼 하나 */
.bar1{display:none}
@media(max-width:760px){
 .bar1{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,253,248,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
 .bar1 a{display:block;text-align:center;border-radius:999px;padding:14px;font-size:15.5px;font-weight:600;text-decoration:none;background:#6b7a4c;color:#fff}
 body{padding-bottom:76px}
}
/* 머리: 사진 위 투명 → 내리면 베이지 */
body.ov .top{position:fixed;left:0;right:0;background:transparent;border-bottom-color:transparent;backdrop-filter:none;transition:background .25s}
body.ov .top .logo img{content:url(img/logo_white.png)}
body.ov .menu-btn{color:#faf7f0;border-color:rgba(250,247,240,.7)}
body.ov.scrolled .top,body.menu-open .top{background:rgba(244,240,232,.97);border-bottom-color:var(--line)}
body.ov.scrolled .top .logo img,body.menu-open .top .logo img{content:url(img/logo.png)}
body.ov.scrolled .menu-btn,body.menu-open .menu-btn{color:var(--deep);border-color:var(--line)}

/* 메뉴 버튼: 줄 세 개 대신 '살펴보기' 글자 · 열면 화면 가득, 설명 한 줄씩 · 상담 문의·강의 요청은 맨 아래 */
.nav .d{display:none}
@media(max-width:760px){
 .menu-btn{display:block!important;width:auto!important;height:auto!important;padding:7px 14px!important;border:1px solid var(--line)!important;border-radius:999px;font:inherit;font-size:13.5px;font-weight:500;color:var(--deep);background:none}
 .nav.open{position:fixed;top:56px;left:0;right:0;bottom:0;overflow:auto;background:var(--bg);box-shadow:none;padding:4px 0 100px;display:flex;flex-direction:column}
 .nav a{padding:17px 20px!important;border-top:0!important;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
 .nav a .t{font-size:18px;color:var(--deep);font-family:"Noto Serif KR",serif;font-weight:600}
 .nav .d{display:block;font-size:13px;color:var(--muted)}
 .nav a.on .t{color:var(--forest)}
 .nav a[href="index.html"] .t{font-size:15px;font-family:inherit;font-weight:500}
 .nav a[href="contact.html"]{margin-top:22px;border-top:1px solid var(--line)!important}
 body.menu-open{overflow:hidden}
}
@media(max-width:760px){body.menu-open .top{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}body.menu-open .bar1{display:none}}
@media(min-width:861px){.hc-hero{min-height:640px;align-items:center;background:linear-gradient(90deg,rgba(24,30,25,.72) 0%,rgba(24,30,25,.45) 40%,rgba(24,30,25,0) 70%),linear-gradient(180deg,rgba(24,30,25,.35) 0%,rgba(24,30,25,0) 18%),url(img/c_desk.jpg) center 55%/cover}.hc-hero .wrap{padding-bottom:0}.hc-hero .sub{font-size:18px}.mos{grid-template-columns:2fr 1fr 1fr}.mos .big{grid-column:auto;aspect-ratio:auto}}
/* 10/19: 살펴보기 버튼 잘 보이게(채운 버튼) · 메뉴 줄 정리 */
@media(max-width:760px){
 .menu-btn{background:#faf7f0!important;color:var(--deep)!important;border:0!important;padding:8px 16px!important;font-weight:600!important;box-shadow:0 1px 6px rgba(0,0,0,.12)}
 body.ov.scrolled .menu-btn,body.menu-open .menu-btn,.top .menu-btn{background:var(--deep)!important;color:#fff!important;box-shadow:none}
 body.ov:not(.scrolled):not(.menu-open) .menu-btn{background:#faf7f0!important;color:var(--deep)!important}
 .nav.open{padding:18px 0 100px}
 .nav a{border:0!important;padding:13px 22px!important}
 .nav a[href="index.html"]{display:none!important}
 .nav a .t{font-size:17.5px}
 .nav .d{font-size:12.5px;line-height:1.55}
 .nav a[href="contact.html"]{margin:14px 22px 0;padding:22px 0 13px!important;border-top:1px solid var(--line)!important}
 .nav a[href="lecture.html"]{padding-left:22px!important}
}
/* 10/19 새벽: 살펴보기는 글자만(상자 없이) · 홈 첫 화면 사진이 아래 버튼 뒤까지 · 아래 정보 정리 */
@media(max-width:760px){
 .menu-btn,.top .menu-btn,body.ov.scrolled .menu-btn,body.menu-open .menu-btn{background:none!important;border:0!important;box-shadow:none!important;padding:10px 2px!important;font-size:14.5px!important;font-weight:500!important;letter-spacing:.04em;color:var(--deep)!important;border-bottom:1px solid currentColor!important;border-radius:0!important;line-height:1.1}
 body.ov:not(.scrolled):not(.menu-open) .menu-btn{background:none!important;color:#faf7f0!important;text-shadow:0 1px 8px rgba(0,0,0,.35)}
 body.ov:not(.scrolled) .bar1{background:transparent;border-top-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
 body.ov{padding-bottom:0}
 .bar1{transition:background .25s}
 .hc-hero .wrap{padding-bottom:110px}
}
footer{padding:36px 0 48px;font-size:13.5px;line-height:1.7}
footer .f1 img{height:40px;margin-bottom:14px}
footer .fn{color:var(--deep);font-weight:600;font-size:14.5px;margin-bottom:4px}
footer .addr{font-size:13px}
footer .tel{display:inline-block;color:var(--deep);font-weight:500;font-size:15px;text-decoration:none;margin-bottom:6px}
footer .links{gap:16px;font-size:13.5px}
@media(max-width:760px){
 footer .wrap{flex-direction:column;gap:20px}
 footer .f2{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
 footer .tel{margin:0}
 body.has-bar footer,body.ov footer{padding-bottom:110px}
}
/* 10/19: 갈색 버튼을 홈과 같은 초록으로 */
.btn.main{background:#6b7a4c;border-color:#6b7a4c}
.apply-card .go{background:#6b7a4c;border-color:#6b7a4c}
/* 아래 정보 다시 정리: 줄은 뜻 단위로, 글자 크기 두 가지, 간격 일정하게 */
footer{padding:40px 0 44px;color:var(--muted)}
footer .f1 img{height:38px;margin-bottom:16px}
footer .fn{font-size:14.5px;font-weight:600;color:var(--deep);margin-bottom:10px}
footer .fa,footer .fb{font-size:13px;line-height:1.75}
footer .fa span,footer .fb span{white-space:nowrap}
footer .fb span+span::before{content:"· ";}
footer .tel{font-size:15px;font-weight:600;color:var(--deep);margin:0 0 6px}
footer .links{display:flex;gap:0;font-size:13px}
footer .links a+a::before{content:"·";margin:0 9px;color:var(--line)}
@media(max-width:760px){
 footer .wrap{gap:0}
 footer .fa span,footer .fb span{display:block}
 footer .fb span+span::before{content:none}
 footer .f2{display:block;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
 footer .tel{display:block}
}
footer .links a+a::before{color:var(--sage3)}
/* 느루 이야기 휴대폰 시안: 분류를 위에 한 줄씩(A 모양 그대로), 글은 화면 폭 전체 */
@media(max-width:760px){
 .story.stack{grid-template-columns:1fr;gap:28px}
 .story.stack .cats{position:static}
 .story.stack .cats button{font-size:14.5px;padding:12px 2px;letter-spacing:0}
 .story.stack .cats button i{font-size:12px}
}
/* 한 줄 글자 탭: 지금 고른 분류만 밑줄 */
@media(max-width:760px){.story.tabs .cats{padding-bottom:0}.story.tabs .cats button{font-size:14.5px;letter-spacing:0}.story.tabs .cats button i{font-size:11.5px;margin-left:3px}}
/* 10/19: 맨 위로 버튼 · 아래 버튼 얇게 */
.totop{position:fixed;right:16px;bottom:24px;z-index:39;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,253,248,.95);color:var(--deep);border:1px solid var(--line);box-shadow:0 2px 10px rgba(0,0,0,.08);opacity:0;pointer-events:none;transition:opacity .25s;text-decoration:none}
body.far .totop{opacity:1;pointer-events:auto}
@media(max-width:760px){
 .bar1{padding:7px 14px calc(7px + env(safe-area-inset-bottom))}
 .bar1 a{padding:10px;font-size:14px;font-weight:600}
 body.ov .totop{bottom:72px}
 body.menu-open .totop{display:none}
 .hc-hero .wrap{padding-bottom:88px}
}

/* 10/19: 상담 문의·강의 요청 안내 창 */
.sheet-bg{position:fixed;inset:0;z-index:60;background:rgba(36,42,36,.42);opacity:0;pointer-events:none;transition:opacity .25s}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;background:#fffdf8;border-radius:22px 22px 0 0;padding:14px 22px calc(24px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .3s ease;max-height:88svh;overflow:auto;box-shadow:0 -8px 30px rgba(0,0,0,.08)}
body.sheet-on .sheet-bg{opacity:1;pointer-events:auto} body.sheet-on .sheet.on{transform:none}
.sheet .grab{width:40px;height:4px;border-radius:4px;background:var(--line);margin:0 auto 18px}
.sheet .lg{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.sheet .lg img{height:30px}
.sheet .lg span{font-size:12.5px;color:var(--sage);letter-spacing:.06em}
.sheet h3{font-family:"Noto Serif KR",serif;font-size:19px;line-height:1.5;color:var(--deep);margin:0 0 12px}
.sheet p{margin:0 0 10px;font-size:14.5px;line-height:1.75;color:var(--ink)}
.sheet .box{background:var(--bg);border-radius:14px;padding:14px 16px;margin:14px 0 16px}
.sheet .box b{display:block;font-size:12.5px;color:var(--sage);font-weight:500;margin-bottom:6px;letter-spacing:.04em}
.sheet .box ol{margin:0;padding:0;list-style:none;counter-reset:n}
.sheet .box li{counter-increment:n;font-size:14.5px;color:var(--deep);padding:3px 0}
.sheet .box li::before{content:counter(n);display:inline-block;width:20px;color:#6b7a4c;font-weight:600}
.sheet .small{font-size:12.5px;color:var(--muted);line-height:1.65}
.sheet .go{display:block;text-align:center;background:#6b7a4c;color:#fff;border-radius:999px;padding:13px;font-weight:600;font-size:15px;text-decoration:none;margin-top:16px}
.sheet .sub2{display:block;width:100%;text-align:center;background:none;border:1px solid var(--line);color:var(--deep);border-radius:999px;padding:11px;font:inherit;font-size:14px;margin-top:8px}
.sheet a.sub2{text-decoration:none;box-sizing:border-box}
.sheet .x{display:block;margin:12px auto 0;background:none;border:0;color:var(--muted);font:inherit;font-size:13.5px}
@media(min-width:761px){.sheet{left:50%;right:auto;bottom:auto;top:50%;width:440px;border-radius:22px;transform:translate(-50%,-46%);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}body.sheet-on .sheet.on{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}.sheet .grab{display:none}}
/* 10/19: 상담 문의 페이지 안 신청서 */
.apply-frame{margin-top:24px;background:var(--bg);border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.apply-frame iframe{display:block;width:100%;height:1500px;border:0;background:#fff}
@media(max-width:760px){.apply-frame{margin:20px -4px 0;border-radius:14px}.apply-frame iframe{height:1700px}}
#apply{scroll-margin-top:60px}
.note a{color:var(--forest)}

/* 11/06 나답게, 우리답게 소개 페이지 (adhd-mom.html) */
.btn.np-apply{background:#8a6646;border-color:#8a6646;color:#fff}
.np-title{font-size:40px;color:#404b41}
.np-title.s{font-size:28px}
.np-meta{margin:14px 0 0;font-size:15px;color:var(--deep);font-weight:500}
.np-hero .note,.np-end .note{margin-top:14px}
.np-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}
.np-card{background:var(--bg);border-radius:18px;padding:26px 24px}
.np-card .n{display:block;font-size:13px;color:var(--sage);margin-bottom:10px;letter-spacing:.08em}
.np-card h3{font-size:19px;line-height:1.5}
.np-sess{list-style:none;margin:0;padding:0;border-top:1px solid var(--deep)}
.np-sess li{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:16px 4px;border-bottom:1px solid var(--line)}
.np-sess .n{font-size:14px;color:var(--sage)}
.np-sess .t{color:var(--deep);font-weight:500}
.np-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.np-type{background:var(--bg);border-radius:18px;padding:26px 26px 22px}
.np-type ul{margin:12px 0 0;padding-left:18px;color:var(--ink);font-size:15px}
.np-type .fee{margin:16px 0 0;font-size:20px;font-weight:600;color:var(--deep)}
.np-type .fee small{display:block;font-size:13px;font-weight:400;color:var(--muted)}
.np-type .sm{margin:12px 0 0;font-size:14px;color:var(--muted)}
.np-support{margin-top:16px;border:1px solid var(--line);border-radius:18px;padding:22px 26px}
.np-support b{color:var(--deep);font-size:15px}
.np-support p{margin:6px 0 0;font-size:15px;color:var(--ink)}
.np-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.np-steps li{background:var(--paper);border-radius:14px;padding:18px 16px;font-size:15px;color:var(--deep);font-weight:500}
.np-steps .n{display:block;font-size:13px;color:var(--sage);font-weight:400;margin-bottom:4px}
.np-role{margin:8px 0 0;color:var(--muted)}
.np-thesis{margin:18px 0 0;font-size:15px;color:var(--ink);max-width:640px}
.np-thesis small{display:block;color:var(--muted);font-size:13.5px;margin-top:2px}
.np-end{text-align:center}.np-end .btns{justify-content:center}
.np-link{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center;margin-top:24px;background:var(--paper);border-radius:18px;padding:22px 26px;text-decoration:none}
.np-link .k{grid-column:1;font-size:13px;color:var(--sage)}
.np-link b{grid-column:1;font-family:"Noto Serif KR",serif;font-weight:600;font-size:20px;color:var(--deep)}
.np-link .go{grid-column:2;grid-row:1/3;font-size:14px;color:var(--forest)}
@media(max-width:760px){
 .np-title{font-size:32px}.np-title.s{font-size:24px}
 .np-cards,.np-two,.np-steps{grid-template-columns:1fr}
 .np-sess li{grid-template-columns:64px 1fr;gap:10px}
 .np-link{grid-template-columns:1fr}.np-link .go{grid-column:1;grid-row:auto;margin-top:6px}
}

/* 11/6: ADHD 탭 — 페이지 맨 아래 신청서 */
.np-frame{text-align:left;max-width:560px;margin:28px auto 0}
.np-frame iframe{height:3200px}
@media(max-width:760px){.np-frame iframe{height:3900px}}
#apply{scroll-margin-top:72px}

/* ADHD 전문상담 메뉴명이 길어져도 태블릿 머리글이 과밀해지지 않도록 조정. */
@media (min-width:761px) and (max-width:900px) {
  .top .nav { gap: 11px; font-size: 13px; }
  .top .nav a { white-space: nowrap; }
  .top .logo img { height: 40px; }
}


/* 2026-11 느루 상단메뉴 정리: 원본 서체/로고/첫화면 유지 */
.top .nav { align-items:center; gap:clamp(15px,1.7vw,24px); white-space:nowrap; }
.top .nav a.nav-consult { display:inline-flex; align-items:center; justify-content:center;
  border:1px solid #49654b; border-radius:999px; background:#49654b;
  color:#fff; padding:9px 19px; font-weight:600; line-height:1.2;
  transition: background .2s ease, color .2s ease; }
.top .nav a.nav-consult:hover { background:#314f39; color:#fff; }
/* 홈의 어두운 사진 위에서는 단정한 밝은 윤곽선 버튼 */
body.ov:not(.scrolled):not(.menu-open) .top .nav a.nav-consult {
  background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.8); color:#fff;
}
body.ov:not(.scrolled):not(.menu-open) .top .nav a.nav-consult:hover {background:rgba(255,255,255,.22)}
/* 태블릿에서는 메뉴가 억지로 한 줄에 끼이지 않도록 일찍 접기 */
@media(max-width:1040px){
 .top .menu-btn {display:block!important; width:auto!important; height:auto!important;
   padding:10px 2px!important; background:none!important; box-shadow:none!important;
   border:0!important; border-bottom:1px solid currentColor!important;
   border-radius:0!important; font-size:14.5px!important; font-weight:500!important;
   letter-spacing:.04em; line-height:1.1; color:var(--deep)!important; }
 body.ov:not(.scrolled):not(.menu-open) .top .menu-btn {color:#faf7f0!important; text-shadow:0 1px 8px rgba(0,0,0,.35)}
 body.menu-open .top .menu-btn {color:var(--deep)!important; text-shadow:none}
 .top .nav {display:none; position:fixed; top:56px;left:0;right:0;bottom:0;
   overflow-y:auto; overscroll-behavior:contain; background:var(--bg);
   box-shadow:none; flex-direction:column; gap:0; align-items:stretch;
   padding:18px 0 calc(100px + env(safe-area-inset-bottom)); white-space:normal;
   border-bottom:0; }
 .top .nav.open {display:flex;}
 .top .nav a {display:flex;flex-direction:column;gap:2px; padding:13px 22px!important; border:0!important; color:var(--deep)!important;}
 .top .nav a .t {font-size:17.5px; font-family:"Noto Serif KR",serif; font-weight:600; color:var(--deep);}
 .top .nav a.on .t {color:var(--forest);}
 .top .nav a .d {display:block; font-size:12.5px; color:var(--muted); line-height:1.55;}
 .top .nav a.nav-consult {align-items:flex-start; border:0!important; border-top:1px solid var(--line)!important;
   border-radius:0; margin:16px 22px 0; padding:18px 0 12px!important;
   background:transparent!important; color:var(--deep)!important; font-weight:inherit;}
 .top .nav a.nav-consult .t {color:var(--forest)!important;}
 body.ov:not(.scrolled):not(.menu-open) .top .nav a.nav-consult {color:var(--deep)!important;border-color:var(--line)!important;background:transparent!important;}
 body.menu-open {overflow:hidden;}
 body.menu-open .top {background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;}
}

/* 느루 홈 v2.1: 확정된 v2.0 상단 메뉴는 유지, 첫 화면에만 아치형 실제 상담실 사진 적용.
   기존 로고/서체/문구/링크 및 아래 섹션 변경 없음. */
body.home-arch-v21 .hc-hero.hc-hero-arch {
  display:block; padding:0; min-height:0;
  background:linear-gradient(112deg,#535e53 0%,#7d8276 39%,#c4c1b7 72%,#eee9e1 100%);
  color:#fff;
}
body.home-arch-v21 .hc-hero-arch > .wrap {
  box-sizing:border-box; max-width:1460px; min-height:clamp(650px,83svh,850px);
  padding:100px clamp(32px,5.5vw,84px) 45px;
  display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
  align-items:center; gap:clamp(22px,4vw,76px);
}
body.home-arch-v21 .hc-hero-copy { min-width:0; padding-bottom:10px; }
body.home-arch-v21 .hc-hero-arch .eyebrow {
  font-size:clamp(13px,1.2vw,17px); letter-spacing:.025em;
  margin:0 0 25px; color:rgba(255,255,255,.90);
}
body.home-arch-v21 .hc-hero-arch h1 {
  color:#fff; font-family:"Noto Serif KR",serif; font-weight:500;
  font-size:clamp(31px,3.4vw,48px); letter-spacing:-.052em;
  line-height:1.52; text-shadow:none; word-break:keep-all;
}
body.home-arch-v21 .hc-hero-arch .rule { width:62px; margin:25px 0 24px; background:rgba(255,255,255,.78); }
body.home-arch-v21 .hc-hero-arch .sub {
  font-family:"Noto Serif KR",serif; font-size:clamp(16px,1.55vw,20px);
  line-height:1.9; text-shadow:none;
}
body.home-arch-v21 .hc-hero-arch .btns { margin-top:40px; }
body.home-arch-v21 .hc-hero-photo {
  box-sizing:border-box; width:100%; height:min(65vw,685px);
  max-height:685px; min-height:410px; overflow:hidden; align-self:center;
  border-radius:300px 300px 0 0; border:3px solid rgba(255,255,255,.78);
  background:#ebe6dc;
}
body.home-arch-v21 .hc-hero-photo img {
  width:100%; height:100%; object-fit:cover; object-position:50% 47%;
  filter:saturate(.9);
}
/* 배포 전 코드의 기존 '홈에 사진 배경' 정의보다 우선하도록 마지막에 둠. */
@media(min-width:1041px) {
  body.home-arch-v21 .top .wrap{max-width:1460px;padding-left:clamp(32px,5.5vw,84px);padding-right:clamp(32px,5.5vw,84px)}
}
@media(min-width:761px) and (max-width:1040px) {
  body.home-arch-v21 .hc-hero-arch > .wrap{padding:104px 34px 45px;gap:25px;min-height:690px;grid-template-columns:1fr .93fr}
  body.home-arch-v21 .hc-hero-arch h1{font-size:clamp(30px,3.75vw,38px)}
  body.home-arch-v21 .hc-hero-photo{height:575px;min-height:0}
}
@media(max-width:760px) {
  body.home-arch-v21 .hc-hero.hc-hero-arch{min-height:0;background:linear-gradient(150deg,#667367 0%,#9a9e91 48%,#e1dfd4 100%)}
  body.home-arch-v21 .hc-hero-arch > .wrap{
    display:flex;flex-direction:column;align-items:stretch;gap:27px;
    min-height:0;padding:110px 22px 0;
    background:none;
  }
  body.home-arch-v21 .hc-hero-copy{padding-bottom:0}
  body.home-arch-v21 .hc-hero-arch .eyebrow{font-size:12px;margin-bottom:18px;letter-spacing:.03em}
  body.home-arch-v21 .hc-hero-arch h1{font-size:clamp(25px,7vw,34px);line-height:1.52;letter-spacing:-.04em}
  body.home-arch-v21 .hc-hero-arch .rule{margin:18px 0;width:45px}
  body.home-arch-v21 .hc-hero-arch .sub{font-size:clamp(14px,4vw,17px);line-height:1.85}
  body.home-arch-v21 .hc-hero-photo{width:min(90%,360px);height:auto;min-height:0;max-height:none;aspect-ratio:3/3.15;align-self:center;border-radius:210px 210px 0 0;border-width:2px;border-bottom:0}
  body.home-arch-v21 .hc-hero-photo img{object-position:50% 46%}
  body.home-arch-v21 .hc-feel{padding-top:48px}
}
@media(max-width:370px) {
  body.home-arch-v21 .hc-hero-arch > .wrap{padding-left:18px;padding-right:18px}
  body.home-arch-v21 .hc-hero-arch h1{font-size:24px}
}
/* 크림색 문의 버튼의 글자 대비는 화면 색상과 무관하게 유지 */
body.home-arch-v21 .hc-hero-arch .btn.cream{color:#385543!important;background:#f4f0e8;border-color:#f4f0e8;text-shadow:none}


/* 느루 연구소 메인 v2.2 — 최초 확정 시안의 은은한 오후 햇살 복원.
   기존 로고/문구/폰트/사진/메뉴/상담 기능 변경 없음. */
body.home-arch-v21 .hc-hero.hc-hero-arch{isolation:isolate;overflow:hidden;}
body.home-arch-v21 .hc-hero-arch::before,
body.home-arch-v21 .hc-hero-arch::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;}
body.home-arch-v21 .hc-hero-arch::before{
 background:
  radial-gradient(ellipse 47% 56% at 50% 88%,rgba(255,246,221,.20),transparent 74%),
  radial-gradient(ellipse 34% 51% at 7% 78%,rgba(252,248,229,.17),transparent 73%),
  linear-gradient(121deg,transparent 35%,rgba(255,250,235,.065) 47%,rgba(255,252,240,.16) 55%,transparent 64%);
 mix-blend-mode:screen;
}
body.home-arch-v21 .hc-hero-arch::after{
 inset:auto auto -4% 2%;width:min(66vw,990px);height:45%;
 background:repeating-linear-gradient(114deg,transparent 0 62px,rgba(255,251,229,.15) 82px,rgba(255,252,237,.23) 103px,transparent 135px 196px);
 filter:blur(19px);opacity:.98;transform:rotate(-7deg);
 mask-image:linear-gradient(90deg,transparent,black 14%,black 58%,transparent 95%);
}
body.home-arch-v21 .hc-hero-arch > .wrap{position:relative;z-index:1;}
@media(max-width:760px){
 body.home-arch-v21 .hc-hero-arch::before{background:
 radial-gradient(ellipse 85% 40% at 44% 72%,rgba(255,248,229,.18),transparent 80%),
 linear-gradient(135deg,transparent 28%,rgba(255,250,233,.08) 57%,transparent 77%);}
 body.home-arch-v21 .hc-hero-arch::after{width:130%;height:30%;left:-24%;bottom:9%;opacity:.48;}
}


/* v2.3: 중첩 스크롤 없는 외부 상담 신청 링크 안내 */
.nuru-apply-card {margin:28px 0 0; padding:clamp(24px,3.5vw,44px); background:#f1f3ec; border:1px solid #dbe4d8; border-radius:20px; text-align:center; box-shadow:0 12px 36px rgba(50,75,54,.035);}
.nuru-apply-kicker {margin:0 0 14px; color:#778a76; font-size:11px; letter-spacing:.12em; font-weight:600;}
.nuru-apply-title {font-family:"Noto Serif KR",serif; font-size:clamp(19px,2.4vw,26px); font-weight:600; line-height:1.6; color:#344c39; margin:0 auto 11px; max-width:29ch; word-break:keep-all;}
.nuru-apply-description {font-size:14px; line-height:1.8; color:#596d5e; margin:0 auto 26px; max-width:45ch; word-break:keep-all;}
.nuru-apply-button {display:inline-flex; align-items:center; justify-content:center; gap:16px; color:#fff; background:#48664e; font-size:15px; font-weight:600; line-height:1.5; text-decoration:none; padding:14px 28px; border-radius:999px; min-height:52px; transition:background .2s, transform .2s;}
.nuru-apply-button:hover {background:#36543d; transform:translateY(-1px);}
.nuru-apply-button:focus-visible {outline:3px solid #8ca88c; outline-offset:4px;}
.nuru-apply-help {font-size:12px;line-height:1.8;color:#6d7d6e;margin:15px auto 0;max-width:52ch;word-break:keep-all;}
@media(max-width:760px) {.nuru-apply-card {padding:28px 20px; border-radius:16px; margin:22px 0 0;} .nuru-apply-button{display:flex;max-width:100%;width:100%;gap:10px;padding:14px 12px;font-size:14px;} .nuru-apply-title{font-size:21px;} }


/* 상담 절차: 그림 시안의 조형 언어를 HTML/CSS로 구현 */
.process-page {--process-cream:#f6f3ec;--process-forest:#3b523d;--process-line:#dddcd2;background:var(--process-cream);}
.process-page .wrap{max-width:1240px}
.process-hero{padding:0;background:
  radial-gradient(ellipse at 92% 14%,rgba(255,255,255,.90) 0,transparent 42%),
  radial-gradient(ellipse at 40% 100%,rgba(231,220,203,.60) 0,transparent 52%),
  linear-gradient(110deg,#f7f4ec 5%,#e7e4d9 73%,#f9f7f1 100%);overflow:hidden}
.process-hero-inner{min-height:300px;display:grid;grid-template-columns:1.23fr .77fr;gap:42px;align-items:end}
.process-hero-copy{align-self:center;padding:53px 0}
.process-hero-copy h1{font-size:clamp(29px,3vw,43px);font-weight:500;color:#29382d;letter-spacing:-.04em}
.process-hero-copy .lead{line-height:1.85;font-size:15px;color:#5c665d}
.process-arch{height:286px;align-self:end;border-radius:220px 220px 0 0;background:url('img/c_desk.jpg') center 42%/cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.55)}
.process-details{padding:70px 0 88px;background:
  radial-gradient(ellipse at 5% 14%,rgba(255,255,255,.70),transparent 45%),
  linear-gradient(180deg,#faf8f3 0%,#f6f3ec 100%)}
.process-columns{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.9fr);gap:54px}
.process-section-title{font-size:24px;font-weight:500;color:var(--process-forest);border-bottom:1px solid #d6d8cd;padding-bottom:14px;margin-bottom:22px}
.process-timeline{margin:0;padding:0 0 0 24px;list-style:none;position:relative}
.process-timeline:before{content:"";position:absolute;left:7px;top:20px;bottom:42px;width:1px;background:#c7cfbd}
.process-step{position:relative;display:grid;grid-template-columns:minmax(160px,.68fr) 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #dcddd3}
.process-step:last-child{border-bottom:0}
.process-step:before{content:"";position:absolute;left:-21px;top:30px;width:8px;height:8px;border-radius:50%;background:#728768;box-shadow:0 0 0 3px #f9f7f1}
.process-step-heading h3{font-family:"Noto Serif KR",serif;font-size:17px;font-weight:600;color:#354837;line-height:1.65}
.process-step-copy{font-size:13px;color:#596359;line-height:1.8}
.process-step-copy p{margin:0 0 4px}
.process-bullets{padding:0 0 0 16px;margin:6px 0 9px}
.process-bullets li{margin-bottom:2px}
.process-evaluations{list-style:none;padding:0;margin:0 0 28px}
.process-evaluations li{border-bottom:1px solid #deded5;padding:9px 0 10px 18px;font-size:14px;color:#485348;position:relative}
.process-evaluations li:before{content:"";position:absolute;left:1px;top:20px;width:5px;height:5px;background:#83937b;border-radius:50%}
.process-online{padding:24px 22px;background:linear-gradient(145deg,#e8eadd,#f7f4ed);border:1px solid #e2e3d8;border-radius:18px;box-shadow:0 12px 26px rgba(53,64,48,.06)}
.process-kicker{font-size:11px;color:#778a71;letter-spacing:.08em;margin:0 0 10px}
.process-online h3{font-size:18px;font-weight:500;margin:16px 0 8px;color:#3d4f3b}
.process-online h3:first-of-type{margin-top:0}
.process-online p{font-size:13px;line-height:1.8;color:#5c685b;margin:0 0 9px}
.process-online .process-note{border-top:1px solid #d5dacf;padding-top:12px;margin-top:13px}
.process-cta{padding:55px 0 65px;background:
  radial-gradient(ellipse at 92% 0%,rgba(217,223,204,.56),transparent 40%),
  linear-gradient(120deg,#faf8f2,#eae8df);text-align:center}
.process-cta h2{font-weight:500;font-size:clamp(22px,2.5vw,31px);color:#364637}
.process-cta .btns{justify-content:center;margin-top:22px}
.process-cta .btn.main{background:#536e4a;border-color:#536e4a}
@media(max-width:880px){
 .process-hero-inner{grid-template-columns:1fr .7fr;gap:20px}
 .process-columns{grid-template-columns:1fr;gap:40px}
 .process-evaluations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
}
@media(max-width:600px){
 .process-hero-inner{display:block}
 .process-hero-copy{padding:37px 0 23px}
 .process-hero-copy h1{font-size:clamp(25px,7vw,31px)}
 .process-hero-copy .lead{font-size:13px}
 .process-arch{height:220px;width:min(82%,340px);margin:0 auto}
 .process-details{padding:41px 0 55px}
 .process-section-title{font-size:21px;margin-bottom:15px}
 .process-timeline{padding-left:21px}
 .process-timeline:before{left:5px}
 .process-step{display:block;padding:15px 0}
 .process-step:before{left:-19px;top:25px}
 .process-step-heading{margin-bottom:5px}
 .process-step-heading h3{font-size:16px}
 .process-step-copy{font-size:13px}
 .process-columns{gap:38px}
 .process-evaluations{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
 .process-evaluations li{font-size:12px;word-break:keep-all;overflow-wrap:anywhere}
 .process-online{padding:20px}
 .process-cta{padding:43px 0 50px}
}


/* New page prototypes - scoped, mobile-first, match current NURU tokens */
.nr-page {--nru-green:#3f5a41;--nru-muted:#737b6d;--nru-bg:#f8f6ef;--nru-line:#dfdfd4;background:var(--nru-bg);color:#354338;font-family:"Pretendard","Noto Sans KR",sans-serif}
.nr-page a {text-decoration:none}
.nr-page * {box-sizing:border-box}
.nr-container {max-width:1100px;margin:0 auto;padding:0 24px}
.nr-page section {padding:0}
.nr-hero {background:radial-gradient(ellipse at 86% 12%,rgba(255,255,255,.8),transparent 51%),linear-gradient(119deg,#faf7f1 0%,#e9e8dc 70%,#f5f2eb 100%);overflow:hidden}
.nr-hero-grid {display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:48px;min-height:400px}
.nr-hero-text {padding:48px 0 67px;align-self:center}
.nr-breadcrumb {font-size:12px;color:#778075;display:flex;align-items:center;gap:9px;margin-bottom:25px;white-space:normal}
.nr-breadcrumb a {color:#6b7569}
.nr-breadcrumb a:hover {text-decoration:underline}
.nr-kicker {font-size:11px;letter-spacing:.15em;color:#799078;font-weight:600;margin:0 0 9px}
.nr-hero h1 {font-family:"Noto Serif KR",serif;color:#354b3a;font-size:clamp(31px,3.4vw,44px);font-weight:500;letter-spacing:-.055em;line-height:1.38;margin:0}
.nr-deck {font-family:"Noto Serif KR",serif;color:#53674f;font-size:19px;line-height:1.75;margin:17px 0 0;letter-spacing:-.035em}
.nr-intro {font-size:14px;line-height:1.95;color:#6c746a;max-width:510px;margin:16px 0 0}
.nr-hero-arch {height:350px;border-radius:220px 220px 0 0;box-shadow:inset 0 0 0 5px rgba(255,255,255,.6),0 15px 40px rgba(77,90,70,.08)}
.nr-arch-eval {background:url('img/c_figures.jpg') 42% center/cover no-repeat}
.nr-arch-adhd {background:url('img/yard.jpg') center 60%/cover no-repeat}
.nr-top-note {padding:0;background:#f9f8f3}
.nr-note-shell {display:flex;gap:22px;align-items:flex-start;padding:22px 34px;background:#e8ecdf;border-radius:0 0 22px 22px;max-width:1052px;margin:auto}
.nr-note-icon {flex-shrink:0;background:#718568;color:white;border-radius:22px;padding:5px 12px;font-size:12px;font-weight:700;letter-spacing:.1em;margin-top:3px}
.nr-note-shell strong {font-size:15px;color:#354c3b}
.nr-note-shell p {font-size:13px;line-height:1.85;color:#617060;margin:4px 0 0}
.nr-body-section {padding:67px 0 78px!important;background:#f9f8f3}
.nr-intro-block {padding:0 0 59px;max-width:800px}
.nr-intro-block h2,.nr-heading-row h2,.nr-end-note h2 {font-family:"Noto Serif KR",serif;letter-spacing:-.05em;color:#3b513d;font-weight:500;font-size:28px;line-height:1.5}
.nr-intro-block>p:not(.nr-kicker),.nr-heading-row p:not(.nr-kicker) {font-size:14px;color:#717b6d;line-height:1.9;max-width:700px;margin:11px 0 0}
.nr-method-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:25px}
.nr-method-grid div {padding:16px 17px;border-radius:10px;background:#f0f1e9;border:1px solid #e6e8df}
.nr-method-grid span{display:block;font-size:11px;color:#8a9885;margin-bottom:5px}
.nr-method-grid strong{display:block;font-size:14px;color:#3e5340;font-weight:500;word-break:keep-all}
.nr-heading-row{display:flex;align-items:end;justify-content:space-between;gap:22px;border-bottom:1px solid #d7dbd0;padding-bottom:20px}
.nr-heading-row p:not(.nr-kicker){margin-top:8px}
.nr-open-all {background:transparent;border:1px solid #a6b39e;color:#527251;font:inherit;font-size:12px;padding:10px 16px;border-radius:999px;cursor:pointer;white-space:nowrap}
.nr-anchor-nav {display:flex;gap:8px;flex-wrap:wrap;margin:19px 0 31px;scroll-margin-top:80px}
.nr-anchor-nav a {font-size:13px;white-space:nowrap;color:#587059;background:#eff1e9;border:1px solid #dfe5d8;padding:8px 14px;border-radius:99px;transition:background .18s}
.nr-anchor-nav a:hover,.nr-anchor-nav a:focus-visible{background:#dde7d8}
.nr-card-group {margin-top:32px;scroll-margin-top:100px}
.nr-group-title{display:flex;align-items:center;gap:11px;margin-bottom:15px}
.nr-group-title h3{font-family:"Noto Serif KR",serif;font-size:20px;font-weight:500;color:#445c46}
.nr-group-n{font-size:11px;color:#87977f;border-bottom:1px solid #a6b49c;padding-bottom:3px;letter-spacing:.07em}
.nr-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nr-card {border:1px solid #e5e4dc;border-radius:15px;background:#fffefa;overflow:hidden;box-shadow:0 4px 14px rgba(48,64,45,.025);scroll-margin-top:100px}
.nr-card[open]{box-shadow:0 8px 25px rgba(48,64,45,.06)}
.nr-card>summary {list-style:none;display:flex;align-items:center;gap:16px;justify-content:space-between;padding:19px 20px;cursor:pointer;min-height:92px}
.nr-card>summary::-webkit-details-marker{display:none}
.nr-card-content{display:block;min-width:0}
.nr-card-title{display:block;font-weight:600;color:#354b37;font-size:16px;line-height:1.5}
.nr-card-summary{display:block;color:#7c8276;font-size:12px;line-height:1.65;margin-top:6px}
.nr-circle{border:1px solid #d5dece;color:#688061;flex:none;width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:19px;line-height:1;font-weight:300;transition:transform .18s}
.nr-card[open]>.nr-card-expand {border-top:1px solid #eeeee7}
.nr-card[open] .nr-circle{transform:rotate(45deg)}
.nr-card-expand{padding:4px 20px 18px;color:#626c60;font-size:13px;line-height:1.95}
.nr-card-expand p{margin:8px 0}
.nr-trio-section{padding:0!important;background:#f9f8f3}
.nr-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:22px 0 25px;border-bottom:1px solid #dcded3}
.nr-trio>div{padding:4px 25px;border-right:1px solid #dce1d6}
.nr-trio>div:first-child{padding-left:0}
.nr-trio>div:last-child{border-right:0}
.nr-trio span{font-family:"Noto Serif KR",serif;font-size:15px;font-weight:600;color:#49634b}
.nr-trio p{font-size:12px;color:#788173;line-height:1.8;margin:8px 0 0}
.nr-adhd .nr-body-section{padding-top:54px!important}
.nr-adhd-nav{gap:9px;margin:21px 0 23px}
.nr-adhd-list{display:grid;grid-template-columns:1fr;gap:11px}
.nr-topic>summary{min-height:84px;position:relative;display:block;padding:19px 61px 20px 24px}
.nr-topic-overline{display:block;font-family:"Noto Serif KR",serif;font-size:19px;font-weight:600;color:#3e5740}
.nr-topic-teaser{display:block;font-size:13px;line-height:1.75;color:#828a7e;margin-top:5px}
.nr-topic>summary>.nr-circle{position:absolute;right:22px;top:27px}
.nr-topic-body{padding:10px 29px 27px 29px;border-top:1px solid #e8e9df;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:45px;row-gap:11px}
.nr-topic-body>section{padding:12px 0!important}
.nr-topic-body h3{font-size:14px;font-family:"Pretendard","Noto Sans KR",sans-serif;color:#4c6c4d;font-weight:700;margin-bottom:7px}
.nr-topic-body p{font-size:13px;line-height:2;color:#657063;margin:0}
.nr-story{grid-column:1/-1;background:#f4f5ee;border-radius:12px;padding:0 18px}
.nr-story summary{list-style:none;font-size:12px;color:#527053;font-weight:600;padding:15px 0;cursor:pointer}
.nr-story summary::-webkit-details-marker{display:none}
.nr-story summary span{float:right}
.nr-story p{border-top:1px solid #dfe5dc;padding:11px 0 15px;margin:0;font-size:13px}
.nr-disclaimer {padding:16px 19px;background:#f0f2ea;border-radius:12px;margin-top:22px}
.nr-disclaimer strong{font-size:13px;color:#456049}
.nr-disclaimer p{font-size:12px;color:#748071;line-height:1.8;margin:5px 0 0}
.nr-end-note {padding:71px 0 75px!important;text-align:center;background:radial-gradient(ellipse at 88% 20%,rgba(197,208,183,.45),transparent 38%),radial-gradient(ellipse at 9% 97%,rgba(229,233,214,.6),transparent 35%),linear-gradient(135deg,#f6f5ed,#e8ebdf)}
.nr-end-note .nr-container {max-width:780px}
.nr-end-note h2{font-size:27px}
.nr-end-note p:not(.nr-kicker){font-size:14px;color:#6b7868;line-height:1.85;margin:17px auto 0;max-width:610px}
.nr-cta-pair{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:29px}
.nr-cta {display:inline-flex;align-items:center;justify-content:center;gap:13px;background:#566f4f;color:#fff!important;border:1px solid #566f4f;padding:12px 23px;border-radius:99px;font-size:14px;font-weight:600;margin-top:28px}
.nr-cta-pair .nr-cta{margin-top:0}
.nr-cta-light {background:rgba(255,255,255,.6);color:#526b4b!important;border-color:#aebb9f}
@media(max-width:820px){.nr-hero-grid{gap:22px}.nr-hero-text{padding-bottom:40px}.nr-hero-arch{height:300px}.nr-topic-body{column-gap:25px}}
@media(max-width:600px){
 .nr-container{padding:0 18px}
 .nr-hero-grid{display:block;min-height:0}
 .nr-hero-text{padding:24px 0 26px}
 .nr-breadcrumb{font-size:11px;gap:7px;margin-bottom:23px;flex-wrap:wrap}
 .nr-hero h1{font-size:30px}
 .nr-deck{font-size:17px;margin-top:15px}
 .nr-intro{font-size:13px;margin-top:11px;line-height:1.85}
 .nr-hero-arch{width:66%;height:190px;margin:0 auto;min-width:205px;border-radius:150px 150px 0 0}
 .nr-note-shell{margin:0 -18px;padding:18px;gap:12px;border-radius:0}
 .nr-note-icon{font-size:11px;padding:5px 8px}
 .nr-note-shell strong{font-size:14px}
 .nr-note-shell p{font-size:12px}
 .nr-body-section{padding:43px 0 56px!important}
 .nr-intro-block{padding-bottom:43px}
 .nr-intro-block h2,.nr-heading-row h2{font-size:22px}
 .nr-intro-block>p:not(.nr-kicker),.nr-heading-row p:not(.nr-kicker){font-size:13px}
 .nr-method-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:19px}
 .nr-method-grid div{padding:13px}
 .nr-method-grid strong{font-size:13px}
 .nr-heading-row{align-items:start;padding-bottom:14px;gap:9px}
 .nr-open-all{padding:7px 12px;font-size:11px;margin-top:34px}
 .nr-anchor-nav{gap:7px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin:18px -18px 24px;padding-left:18px;padding-right:18px;scrollbar-width:thin}
 .nr-anchor-nav a{font-size:12px;padding:8px 12px}
 .nr-card-group{margin-top:29px}
 .nr-group-title h3{font-size:18px}
 .nr-card-grid{grid-template-columns:1fr;gap:8px}
 .nr-card>summary{min-height:82px;padding:17px}
 .nr-card-title{font-size:15px}
 .nr-card-summary{font-size:12px}
 .nr-card-expand{padding:3px 17px 14px}
 .nr-trio{grid-template-columns:1fr;gap:0;padding:14px 0 16px}
 .nr-trio>div{border-right:0;border-bottom:1px solid #e0e4d9;padding:10px 0!important}
 .nr-trio>div:last-child{border-bottom:0}
 .nr-trio span{font-size:14px}
 .nr-trio p{margin-top:2px}
 .nr-adhd .nr-body-section{padding-top:37px!important}
 .nr-adhd .nr-heading-row{display:block}
 .nr-topic>summary{min-height:76px;padding:16px 46px 16px 17px}
 .nr-topic-overline{font-size:17px}
 .nr-topic-teaser{font-size:12px}
 .nr-topic>summary>.nr-circle{right:14px;top:22px}
 .nr-topic-body{grid-template-columns:1fr;gap:0;padding:9px 18px 18px}
 .nr-topic-body>section{padding:11px 0!important;border-bottom:1px solid #f0f0e9}
 .nr-topic-body h3{font-size:13px}
 .nr-topic-body p{font-size:12.5px;line-height:1.9}
 .nr-story{margin-top:14px}
 .nr-end-note{padding:46px 0 53px!important}
 .nr-end-note h2{font-size:21px}
 .nr-end-note p:not(.nr-kicker){font-size:13px}
 .nr-cta{font-size:13px;padding:11px 19px}
}
@media(prefers-reduced-motion:reduce){.nr-page *{scroll-behavior:auto!important;transition:none!important}}

.nr-preview-entry{padding:20px 0;background:#ecf0e8}.nr-preview-entry a{display:inline-block;font-size:15px;color:#496849;text-decoration:none;font-weight:600}
/* Readability refinements based on 390px mobile screenshot */
@media(max-width:600px){
 .nr-intro{font-size:14px}
 .nr-note-shell p{font-size:13px}
 .nr-intro-block>p:not(.nr-kicker),.nr-heading-row p:not(.nr-kicker){font-size:14px}
 .nr-method-grid strong{font-size:14px}
 .nr-card-title{font-size:16px}
 .nr-card-summary,.nr-topic-teaser{font-size:13px}
 .nr-card-expand,.nr-topic-body p{font-size:14px;line-height:1.85}
 .nr-trio p{font-size:13px}
 .nr-disclaimer p{font-size:13px}
 .nr-open-all{font-size:12px}
}

/* Contextual assessment entry from consultation process */
.process-evaluation-link {display:inline-flex;align-items:center;gap:6px;color:#506c4d;font-weight:600;font-size:13px;text-decoration:none;padding:9px 0 17px}
.process-evaluation-link:hover,.process-evaluation-link:focus-visible{text-decoration:underline}
/* 11/8: 홈에서 스크롤한 뒤 살펴보기를 열면 메뉴가 맨 위 줄 안에 갇히던 문제 — 메뉴 열 때 흐림 효과 끄기 */
@media(max-width:1040px){body.ov.scrolled.menu-open .top,body.menu-open .top{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

/* 11/8 공존 어려움 고친 판: 「이런 모습」 목록, 「상담에서 이렇게 도와요」 한 줄 전체 */
.nr-topic-list{margin:0;padding-left:1.1em}.nr-topic-list li{font-size:inherit;line-height:2;color:#657063;font-size:13px}.nr-topic-body>section.nr-topic-wide{grid-column:1/-1}.nr-topic-body section p+p{margin-top:8px}
@media(max-width:600px){.nr-topic-list li{font-size:14px;line-height:1.85}}
/* 11/8 공존 어려움 바로가기: 휴대폰에서 옆 스크롤 대신 두 줄 */
@media(max-width:600px){.nr-anchor-nav.nr-adhd-nav{flex-wrap:wrap;overflow:visible;margin:18px 0 22px;padding:0}}
@media(max-width:380px){.nr-anchor-nav.nr-adhd-nav{gap:6px}.nr-anchor-nav.nr-adhd-nav a{padding:7px 9px;font-size:11.5px}}


/* NURU_MOBILE_HOME_20261108_V1: 확정된 모바일 사용성 개선 시안 */
/* 데스크톱 레이아웃과 기존 2개 신규 페이지 디자인은 그대로 유지 */
.nuru-mobile-discovery,.nuru-mobile-assessment,.nuru-mobile-space{display:none}
.sheet#sh-con .nuru-consult-message{font-size:14px;line-height:1.95;color:#4e5c50;margin:18px 0 21px;word-break:keep-all}
.sheet#sh-con .nuru-consult-primary{background:#526e4b;border:1px solid #526e4b;margin-top:0;min-height:48px;box-sizing:border-box}
.sheet#sh-con .nuru-consult-secondary{background:#fffefa;border-color:#c5cfbf;min-height:48px;box-sizing:border-box}
.sheet#sh-con .lg{margin-bottom:13px}
.sheet#sh-con h3{font-size:21px;font-weight:500;line-height:1.5}
.sheet#sh-con .x{margin:15px auto 0}
@media(max-width:760px){
 body:not(.menu-open) .menu-btn{font-weight:500!important;font-size:14px!important}
 .menu-btn .nuru-menu-glyph{display:inline-block;font-family:Arial,sans-serif;line-height:1;vertical-align:middle;margin-left:6px;font-weight:400}
 .bar1{background:linear-gradient(to bottom,rgba(247,245,239,0),rgba(247,245,239,.98) 30%,#f7f5ef)!important;border-top:0!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important}
 .bar1 a{background:#556e4c!important;min-height:50px;box-sizing:border-box;padding:12px 15px!important;font-size:15px!important;box-shadow:0 6px 15px rgba(51,65,47,.14)}
 .sheet#sh-con{background:#faf8f3;padding:14px 22px calc(24px + env(safe-area-inset-bottom));max-height:90svh}
 .sheet#sh-con .nuru-consult-message{font-size:13.5px;line-height:1.9}
 .sheet#sh-con .lg img{height:25px}
 body.home-arch-v21 .hc-hero-arch > .wrap{padding:100px 22px 0;gap:22px}
 body.home-arch-v21 .hc-hero-arch .eyebrow{font-size:11.5px}
 body.home-arch-v21 .hc-hero-arch .sub{font-size:14px}
 body.home-arch-v21 .hc-hero-photo{width:min(78%,300px);height:266px;aspect-ratio:auto;margin-top:8px}
 body.home-arch-v21 .hc-hero-photo img{object-position:50% 48%}
 body.home-arch-v21 .hc-feel{display:none}
 body.home-arch-v21 .nuru-mobile-discovery,
 body.home-arch-v21 .nuru-mobile-assessment,
 body.home-arch-v21 .nuru-mobile-space{display:block}
 .nuru-mobile-discovery{padding:41px 0 39px!important;background:#faf8f3}
 .nuru-mobile-kicker{font-family:'Pretendard','Noto Sans KR',sans-serif;letter-spacing:.11em;color:#788874;font-size:10px;font-weight:600;margin:0 0 9px}
 .nuru-mobile-discovery h2,.nuru-mobile-assessment h2,.nuru-mobile-space h2{font-size:21px;font-weight:500;line-height:1.55;color:#364b3b}
 .nuru-mobile-intro,.nuru-mobile-space p:not(.nuru-mobile-kicker){font-size:13px;line-height:1.8;color:#6b7969;margin:10px 0 21px}
 .nuru-mobile-shortcuts{display:grid;gap:9px;margin-top:19px}
 .nuru-mobile-shortcuts a{display:flex;align-items:center;justify-content:space-between;min-height:79px;padding:14px 15px;border-radius:13px;background:#fffefa;border:1px solid #e2e3d8;text-decoration:none;gap:12px;box-shadow:0 3px 10px rgba(37,51,36,.025)}
 .nuru-mobile-shortcuts a strong{display:block;font-size:15px;color:#374b3d;line-height:1.35;margin-bottom:6px}
 .nuru-mobile-shortcuts a small{font-size:12px;color:#7a8577;line-height:1.5}
 .nuru-mobile-arrow{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#edf0e8;color:#71846a;font-size:25px;font-family:Arial,sans-serif;line-height:1}
 .nuru-mobile-assessment{padding:40px 0 42px!important;background:#ecf0e8}
 .nuru-mobile-assessment h2{margin-bottom:20px}
 .nuru-mobile-assessment-item{border-top:1px solid #d5dfd1;padding:17px 0 15px}
 .nuru-mobile-assessment-item:last-of-type{border-bottom:1px solid #d5dfd1}
 .nuru-mobile-assessment-item strong{display:block;font-size:14px;font-weight:600;color:#364c3d;margin-bottom:5px}
 .nuru-mobile-assessment-item p{margin:0;font-size:12.5px;color:#627261;line-height:1.8}
 .nuru-mobile-assessment-link,.nuru-mobile-space-link{display:inline-block;margin-top:17px;color:#526e4b;text-decoration:underline;text-underline-offset:4px;font-size:13px;font-weight:600}
 .nuru-mobile-space{padding:40px 0 40px!important;background:#faf8f3}
 .nuru-mobile-space p:not(.nuru-mobile-kicker){margin:11px 0 14px}
 .nuru-mobile-space img{display:block;width:100%;height:186px;object-fit:cover;border-radius:13px}
 .nuru-mobile-space-link{margin-top:15px}
}
@media(max-width:365px){body.home-arch-v21 .hc-hero-photo{height:235px}}
@media(prefers-reduced-motion:reduce){.nuru-mobile-discovery *,.nuru-mobile-assessment *,.nuru-mobile-space *{scroll-behavior:auto}}
/* /NURU_MOBILE_HOME_20261108_V1 */
/* 11/8 Claude: 하단 「상담 문의·신청」 버튼과 「맨 위로」 버튼이 겹치지 않게 */
@media(max-width:760px){body .totop,body.ov .totop{bottom:calc(86px + env(safe-area-inset-bottom))}}


/* NURU_DESKTOP_HOME_20261108_V1 — 모바일 패치와 충돌 없는 PC 전용 스타일.
   기존 홈페이지의 로고, 아치형 실제 사진, 서체, 문구, 메뉴 및 상담 신청 패널 유지.
   기존 모바일 스타일 <=760px 완전 보존. */
@media(min-width:761px){
  body.home-arch-v21 .hc-hero-arch > .wrap{
    min-height:clamp(550px,71svh,710px);
    padding-bottom:clamp(30px,3.5vw,46px);
    gap:clamp(20px,4vw,62px);
  }
  body.home-arch-v21 .hc-hero-photo{
    height:clamp(410px,48vw,595px);
    min-height:0;
  }
  body.home-arch-v21 .hc-hero-copy .btns{margin-top:29px}
  body.home-arch-v21 .hc-hero-copy .btn.cream{
    min-width:170px;min-height:48px;text-align:center;
    display:inline-flex;align-items:center;justify-content:center;
    box-shadow:0 5px 16px rgba(35,48,35,.07);
  }
  body.home-arch-v21 .hc-hero-copy .btn.cream:hover{background:#fffaf2!important}

  /* 모바일에서 검수한 정보 바로가기를 PC에서도 한눈에 볼 수 있게 세 칸으로 */
  body.home-arch-v21 .nuru-mobile-discovery{
    display:block;padding:62px 0 70px;background:#faf8f3;
  }
  body.home-arch-v21 .nuru-mobile-discovery .wrap,
  body.home-arch-v21 .nuru-mobile-assessment .wrap,
  body.home-arch-v21 .nuru-mobile-space .wrap{
    max-width:1180px;padding-left:clamp(24px,4vw,52px);
    padding-right:clamp(24px,4vw,52px);
  }
  body.home-arch-v21 .nuru-mobile-kicker{
    margin:0 0 10px;color:#73856e;font-size:11px;
    font-family:'Pretendard','Noto Sans KR',sans-serif;
    letter-spacing:.12em;font-weight:600;
  }
  body.home-arch-v21 .nuru-mobile-discovery h2,
  body.home-arch-v21 .nuru-mobile-assessment h2,
  body.home-arch-v21 .nuru-mobile-space h2{
    color:#354b3b;font-size:clamp(24px,2.45vw,30px);
    line-height:1.52;font-weight:500;letter-spacing:-.025em;
  }
  body.home-arch-v21 .nuru-mobile-intro{
    color:#6b7969;margin:8px 0 25px;font-size:14px;
  }
  body.home-arch-v21 .nuru-mobile-shortcuts{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:29px;
  }
  body.home-arch-v21 .nuru-mobile-shortcuts a{
    display:flex;align-items:center;justify-content:space-between;
    gap:15px;min-height:130px;padding:25px 24px;
    background:#fffdfa;border:1px solid #e3e3d9;border-radius:17px;
    text-decoration:none;box-shadow:0 7px 22px rgba(45,55,41,.035);
    transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
  }
  body.home-arch-v21 .nuru-mobile-shortcuts a:hover{
    border-color:#a8b8a1;transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(45,55,41,.07);
  }
  body.home-arch-v21 .nuru-mobile-shortcuts a:focus-visible,
  body.home-arch-v21 .nuru-mobile-assessment-link:focus-visible,
  body.home-arch-v21 .nuru-mobile-space-link:focus-visible{
    outline:3px solid #8aa385;outline-offset:4px;
  }
  body.home-arch-v21 .nuru-mobile-shortcuts strong{
    display:block;font-size:17px;line-height:1.5;color:#334939;
    font-weight:600;margin-bottom:7px;
  }
  body.home-arch-v21 .nuru-mobile-shortcuts small{
    display:block;font-size:12.5px;line-height:1.55;color:#728074;
  }
  body.home-arch-v21 .nuru-mobile-arrow{
    width:34px;height:34px;flex:none;border-radius:50%;
    display:grid;place-items:center;background:#ecf0e8;
    color:#6c8268;font:26px/1 Arial,sans-serif;
  }

  /* 평가 전문성은 세 단계로 이해되도록 한눈에 보여 줍니다. */
  body.home-arch-v21 .nuru-mobile-assessment{
    display:block;padding:72px 0 76px;background:#edf0e9;
  }
  body.home-arch-v21 .nuru-mobile-assessment .wrap{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;
  }
  body.home-arch-v21 .nuru-mobile-assessment .nuru-mobile-kicker,
  body.home-arch-v21 .nuru-mobile-assessment h2,
  body.home-arch-v21 .nuru-mobile-assessment-link{grid-column:1/-1}
  body.home-arch-v21 .nuru-mobile-assessment h2{margin-bottom:28px}
  body.home-arch-v21 .nuru-mobile-assessment h2 br{display:none}
  body.home-arch-v21 .nuru-mobile-assessment-item{
    padding:20px 4px 15px 0;border-top:1px solid #ced8ca;
  }
  body.home-arch-v21 .nuru-mobile-assessment-item strong{
    display:block;margin-bottom:9px;font-size:15px;font-weight:600;color:#344c3d;
  }
  body.home-arch-v21 .nuru-mobile-assessment-item p{
    margin:0;font-size:13px;line-height:1.8;color:#627263;
  }
  body.home-arch-v21 .nuru-mobile-assessment-link,
  body.home-arch-v21 .nuru-mobile-space-link{
    display:inline-block;justify-self:start;margin-top:22px;
    color:#476447;font-size:14px;font-weight:600;
    text-decoration:underline;text-underline-offset:5px;
  }

  /* 상담실 사진은 작은 장식이 아니라 실제 공간의 신뢰 정보를 전달하도록 */
  body.home-arch-v21 .nuru-mobile-space{
    display:block;padding:66px 0 74px;background:#faf8f3;
  }
  body.home-arch-v21 .nuru-mobile-space .wrap{
    display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);
    grid-template-rows:auto auto auto 1fr;gap:8px 52px;align-content:center;
  }
  body.home-arch-v21 .nuru-mobile-space .nuru-mobile-kicker{grid-column:1;grid-row:1;align-self:end}
  body.home-arch-v21 .nuru-mobile-space h2{grid-column:1;grid-row:2}
  body.home-arch-v21 .nuru-mobile-space p:not(.nuru-mobile-kicker){
    grid-column:1;grid-row:3;font-size:14px;color:#6a7668;line-height:1.85;margin:6px 0 8px;
  }
  body.home-arch-v21 .nuru-mobile-space .wrap > a[aria-label]{grid-column:2;grid-row:1/5;align-self:center}
  body.home-arch-v21 .nuru-mobile-space img{
    width:100%;height:260px;object-fit:cover;border-radius:18px;
    box-shadow:0 12px 26px rgba(44,55,44,.07);
  }
  body.home-arch-v21 .nuru-mobile-space-link{grid-column:1;grid-row:4;align-self:start;margin-top:10px}
  /* 기존 상담 가치를 삭제하지 않고, 하단에는 간결한 마무리로 보존 */
  body.home-arch-v21 .hc-feel{padding:45px 0 54px}
}
@media(min-width:761px) and (max-width:1040px){
  body.home-arch-v21 .hc-hero-arch > .wrap{min-height:625px;padding-top:104px}
  body.home-arch-v21 .hc-hero-photo{height:510px}
  body.home-arch-v21 .nuru-mobile-shortcuts a{min-height:136px;padding:20px 17px}
  body.home-arch-v21 .nuru-mobile-shortcuts strong{font-size:16px}
  body.home-arch-v21 .nuru-mobile-space .wrap{gap:6px 25px}
}
@media(min-width:761px) and (prefers-reduced-motion:reduce){
 body.home-arch-v21 .nuru-mobile-shortcuts a{transition:none}
}
/* /NURU_DESKTOP_HOME_20261108_V1 */
/* 11/8 Claude: 프로그램 안내 페이지 — 소제목 잘 보이게, 「이런 분께 권해요」 카드 낮게 */
.eyebrow.np-label{font-size:17px;font-weight:600;letter-spacing:0;color:var(--deep);margin:0 0 16px}
.np-card h3{font-size:17px}
@media(max-width:760px){.eyebrow.np-label{font-size:16px}.np-cards{gap:10px}.np-card{display:grid;grid-template-columns:30px 1fr;align-items:baseline;padding:16px 18px;border-radius:14px}.np-card .n{margin:0;font-size:12px}.np-card h3{font-size:15.5px;line-height:1.5;margin:0}}
/* 11/8 Claude: 「이런 분께 권해요」 카드 번호 빼고 높이 같게 */
.np-card{display:flex;align-items:center}
@media(max-width:760px){.np-card{display:flex;align-items:center;min-height:72px;padding:12px 20px}}
/* 11/8 Claude: 아래 주소칸 얇게 — 주소·대표 줄을 한 줄로 이어 쓰기 */
footer .fa span,footer .fb span{display:inline}
footer .fb span+span::before{content:"· "}
footer .f1 img{height:32px;margin-bottom:10px}
footer .fn{margin-bottom:4px}
@media(min-width:761px){footer{padding:28px 0 32px}}
@media(max-width:760px){footer{padding-top:26px}footer .wrap{gap:14px}footer .f2{padding-top:14px}}
/* 11/8 Claude: ADHD 페이지에서 옮긴 「한 아이, 한 가족의 이야기에 집중하는 상담 공간」 (홈) */
.hc-private{padding:12px 0 60px}
.hc-private h2{font-size:24px;line-height:1.5;font-weight:600;color:var(--deep);margin:0 0 14px}
.hc-private .lead{font-size:15px;line-height:1.85;color:var(--muted);max-width:660px;margin:0 0 22px}
.hc-private ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px}
.hc-private li{padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.6;color:var(--ink)}
@media(max-width:760px){.hc-private{padding:40px 0 44px}.hc-private h2{font-size:20px}.hc-private .lead{font-size:14px}.hc-private ul{grid-template-columns:1fr}.hc-private li{padding:13px 0;font-size:14.5px}}
/* 11/8 Claude: ADHD 전문상담 하위 메뉴 */
.nav .nav-has-sub{position:relative;display:flex;align-items:center}
.nav .nav-sub{display:none}
@media(min-width:1041px){
.nav .nav-sub{position:absolute;top:100%;left:-16px;padding-top:12px;z-index:60}
.nav .nav-sub::before{content:"";display:block;position:absolute;top:12px;left:0;right:0;bottom:0;background:#fffdf8;border:1px solid #ddd7cc;border-radius:14px;box-shadow:0 16px 38px rgba(52,58,52,.08);z-index:-1}
.nav .nav-has-sub:hover .nav-sub,.nav .nav-has-sub:focus-within .nav-sub{display:block}
.nav .nav-sub a.nav-sub-a{display:block;padding:10px 18px!important;font-size:14px;color:#343a34!important;white-space:nowrap;border:0!important;background:none}
.nav .nav-sub a.nav-sub-a:first-child{margin-top:8px}.nav .nav-sub a.nav-sub-a:last-child{margin-bottom:8px}
.nav .nav-sub a.nav-sub-a:hover{color:#404b41!important;background:#f4f0e8}
}
@media(max-width:1040px){
.nav .nav-has-sub{display:block}
.nav .nav-sub{display:block;padding:0 0 8px}
.nav .nav-sub a.nav-sub-a{display:block!important;padding:7px 22px 7px 36px!important;font-size:14.5px;color:#5d635a!important;border:0!important}
.nav .nav-sub a.nav-sub-a::before{content:"– ";color:#b6c09e}
}

/* NURU_PROGRAMS_FINAL_20261108_START */
/* NURU PROGRAMS DESIGN REVIEW: actual site HTML prototype, no other page changes */
.nuru-areas{background:#f8f6ef;color:#34453a;font-family:"Pretendard","Noto Sans KR",sans-serif}
.nuru-areas .wrap{max-width:1130px;padding:0 36px}
.nuru-areas section{padding:0}
.nuru-areas h1,.nuru-areas h2,.nuru-areas h3{font-family:"Noto Serif KR",serif;color:#354e3c;font-weight:500;letter-spacing:-.045em}
.nuru-areas .areas-kicker{color:#768872;font-size:11px;font-weight:600;letter-spacing:.14em;margin:0 0 15px}
.nuru-areas .areas-textlink{display:inline-flex;gap:10px;align-items:center;color:#4d6b4f;text-decoration:none;border-bottom:1px solid #a5b6a0;padding-bottom:3px;font-size:14px;font-weight:600;white-space:nowrap}
.nuru-areas .areas-textlink:hover{color:#2b4e33}
.areas-hero{background:radial-gradient(ellipse at 83% 10%,#fffaf5 0,transparent 60%),linear-gradient(112deg,#faf8f2,#ebe9df);overflow:hidden}
.areas-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:42px;align-items:end;min-height:455px}
.areas-hero-copy{padding:58px 0 60px;align-self:center}
.nuru-areas .areas-hero h1{font-size:clamp(30px,3.2vw,42px);line-height:1.5;margin:0;color:#35493a}
.areas-smallrule{display:block;height:1px;width:52px;background:#aeb8a6;margin:22px 0 20px}
.areas-lead{font-size:15px;line-height:1.9;color:#667367;margin:0 0 20px}
.areas-hero-photo{height:398px;border-radius:240px 240px 0 0;background:url('img/hero.jpg') 53% 45% /cover no-repeat;box-shadow:inset 0 0 0 5px rgba(255,255,255,.35)}
.areas-concerns{background:#fdfbf6;padding:66px 0 72px!important}
.areas-heading{margin:0 0 28px}
.nuru-areas .areas-heading h2{font-size:29px;line-height:1.5;margin:0 0 9px}
.areas-heading>p:not(.areas-kicker){color:#737d71;line-height:1.9;font-size:14px;max-width:720px;margin:0}
.areas-concerns-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dbe0d7}
.areas-concern{min-height:115px;border-bottom:1px solid #dbe0d7;padding:22px 20px 20px 0}
.areas-concern:nth-child(even){padding-left:34px}
.areas-concern-name{font-size:17px;font-family:"Noto Serif KR",serif;color:#3d573f;font-weight:600}
.areas-concern p{font-size:13.5px;line-height:1.8;color:#737d72;margin:8px 0 0}
.areas-concern a{display:inline-block;margin-top:8px;font-size:12px;color:#658061;text-decoration:underline;text-underline-offset:3px}
.areas-methods{background:#f7f5ee;padding:75px 0 84px!important}
.areas-method{display:grid;grid-template-columns:41% 1fr;align-items:center;gap:46px;margin:0 0 22px;background:#fffdfa;border:1px solid #e6e3d9;border-radius:20px;overflow:hidden;min-height:248px}
.areas-method>img{width:100%;height:248px;object-fit:cover}
.areas-method-copy{padding:23px 32px 25px 0}
.areas-method-copy>span{color:#85917e;font-size:12px;font-weight:600;letter-spacing:.04em}
.nuru-areas .areas-method h3{font-size:23px;margin:8px 0 12px}
.areas-method-copy>p{color:#5e6a5f;font-size:14px;line-height:1.9;margin:0}
.areas-method-copy>p.areas-method-small{font-size:13px;color:#879083;margin-top:10px}
.areas-method-alt{grid-template-columns:1fr 41%}
.areas-method-alt>img{order:2}
.areas-method-alt>.areas-method-copy{order:1;padding:25px 0 25px 34px}
.areas-adhd-band{margin-top:38px;padding:30px 34px;background:#e9ece4;border-radius:20px;display:flex;gap:25px;align-items:center;justify-content:space-between}
.nuru-areas .areas-adhd-band h3{font-size:21px;margin:4px 0 11px}
.areas-adhd-band p:not(.areas-kicker){font-size:13px;color:#647361;line-height:1.85;margin:0;max-width:650px}
.areas-band-links{flex:0 0 185px;display:grid;gap:12px}
.areas-band-links a{font-size:13px;text-decoration:none;color:#466b47;border-bottom:1px solid #b4c3af;display:flex;justify-content:space-between;gap:8px;padding-bottom:5px}
.areas-eval{padding:76px 0 78px!important;background:linear-gradient(110deg,#e9ede3,#f3f3eb)}
.areas-eval-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:54px;align-items:center}
.nuru-areas .areas-eval h2{font-size:30px;line-height:1.55;margin:0 0 18px}
.areas-eval-copy>p:not(.areas-kicker){font-size:14px;color:#5f705f;line-height:1.95;margin:0 0 12px}
.areas-eval .areas-textlink{margin-top:15px}
.areas-eval-steps{border-top:1px solid #b9c6b3}
.areas-eval-steps>div{padding:17px 0;border-bottom:1px solid #bcc9b7;display:flex;gap:16px;align-items:baseline}
.areas-eval-steps small{font-size:12px;color:#71886e;min-width:45px}
.areas-eval-steps strong{font-weight:500;font-size:14px;color:#3f5841;line-height:1.7}
.areas-ending{background:#fcfaf5;padding:72px 0 76px!important}
.areas-ending-inner{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.nuru-areas .areas-ending h2{font-size:27px}
.areas-ending p:not(.areas-kicker){font-size:14px;color:#6d796e;line-height:1.9;margin:14px 0 18px}
.areas-ending-ask{background:linear-gradient(135deg,#f3f3ea,#e9eadd);border-radius:18px;padding:32px 30px;text-align:center}
.nuru-areas .areas-ending-ask h3{font-size:20px;line-height:1.7;margin-bottom:20px}
.areas-primary{background:#587250;display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:30px;padding:12px 25px;text-decoration:none;color:#fff!important;font-size:14px;font-weight:600}
@media(max-width:850px){.nuru-areas .wrap{padding:0 24px}.areas-hero-grid{gap:22px}.areas-hero-photo{height:330px}.areas-method{gap:22px}.areas-method-copy{padding-right:22px}}
@media(max-width:600px){
 .nuru-areas .wrap{padding:0 20px}
 .areas-hero-grid{display:block;min-height:0}
 .areas-hero-copy{padding:42px 0 19px}
 .nuru-areas .areas-hero h1{font-size:clamp(26px,7.5vw,32px);line-height:1.52}
 .areas-smallrule{margin:17px 0 15px}
 .areas-lead{font-size:13px;line-height:1.85;margin-bottom:16px}
 .areas-textlink{font-size:12px!important}
 .areas-hero-photo{margin:15px auto 0;width:min(85%,315px);height:210px;max-height:55vw;border-radius:200px 200px 0 0;box-shadow:inset 0 0 0 4px rgba(255,255,255,.55)}
 .areas-concerns{padding:43px 0 45px!important}
 .areas-heading{margin-bottom:19px}
 .nuru-areas .areas-heading h2{font-size:22px;letter-spacing:-.04em}
 .areas-heading>p:not(.areas-kicker){font-size:12.5px;line-height:1.9}
 .areas-concerns-grid{display:block}
 .areas-concern{min-height:0;padding:17px 0 17px!important}
 .areas-concern-name{font-size:16px}
 .areas-concern p{font-size:12.5px;line-height:1.75;margin:6px 0 0}
 .areas-concern a{font-size:11.5px}
 .areas-methods{padding:44px 0 48px!important}
 .areas-method{grid-template-columns:100px 1fr;gap:0;min-height:0;border-radius:14px;margin:0 0 13px}
 .areas-method>img{height:100%;min-height:177px;object-fit:cover;order:0!important}
 .areas-method-copy,.areas-method-alt>.areas-method-copy{padding:15px 14px 16px;order:1!important}
 .areas-method-copy>span{font-size:10px}
 .nuru-areas .areas-method h3{font-size:16px;line-height:1.5;margin:5px 0 7px}
 .areas-method-copy>p{font-size:11.7px;line-height:1.72}
 .areas-method-copy>p.areas-method-small{font-size:11px;margin-top:7px}
 .areas-adhd-band{display:block;margin-top:22px;padding:23px 21px;border-radius:15px}
 .nuru-areas .areas-adhd-band h3{font-size:18px}
 .areas-adhd-band p:not(.areas-kicker){font-size:12px}
 .areas-band-links{margin-top:17px;max-width:240px;gap:11px}
 .areas-eval{padding:47px 0 48px!important}
 .areas-eval-grid{display:block}
 .nuru-areas .areas-eval h2{font-size:23px}
 .areas-eval-copy>p:not(.areas-kicker){font-size:12.5px}
 .areas-eval-steps{margin-top:24px}
 .areas-eval-steps>div{padding:13px 0}
 .areas-eval-steps strong{font-size:12px}
 .areas-ending{padding:46px 0 65px!important}
 .areas-ending-inner{display:block}
 .nuru-areas .areas-ending h2{font-size:22px}
 .areas-ending p:not(.areas-kicker){font-size:12.5px}
 .areas-ending-ask{margin-top:28px;padding:25px 18px}
 .nuru-areas .areas-ending-ask h3{font-size:18px}
}
@media(max-width:360px){.areas-method{grid-template-columns:86px 1fr}.areas-method-copy,.areas-method-alt>.areas-method-copy{padding:12px}.nuru-areas .areas-method h3{font-size:15px}.areas-method-copy>p{font-size:11px}}


/* COUNSELING AREAS — final refined layout / mobile first. Specific page only. */
.areas-vfinal .areas-hero-grid{min-height:420px}
.areas-vfinal .areas-hero-copy{padding:58px 0}
.areas-vfinal .areas-hero h1{font-size:clamp(31px,3.3vw,43px);line-height:1.48}
.areas-vfinal .areas-lead{font-size:14px;max-width:520px;line-height:2.05;margin-bottom:0;word-break:keep-all}
.areas-vfinal .areas-hero-photo{height:367px}
.areas-vfinal .areas-concerns{padding:61px 0 64px!important}
.areas-vfinal .areas-methods{padding:67px 0 74px!important}
.areas-vfinal .areas-method{min-height:176px;margin-bottom:15px;grid-template-columns:31% 1fr;gap:35px}
.areas-vfinal .areas-method>img{height:196px}
.areas-vfinal .areas-method-copy{padding:15px 27px 17px 0}
.areas-vfinal .areas-method-alt{grid-template-columns:1fr 31%}
.areas-vfinal .areas-method-alt>.areas-method-copy{padding:17px 0 17px 31px}
.areas-vfinal .areas-method h3{font-size:21px;margin:6px 0 9px}
.areas-vfinal .areas-method-copy>p{font-size:13.3px;line-height:1.84}
.areas-vfinal .areas-method-copy>p.areas-method-small{font-size:12px}
.areas-vfinal .areas-inline-link{font-weight:600;color:#52704d;text-underline-offset:3px}
.areas-vfinal .areas-adhd-band{margin-top:25px;align-items:center}
.areas-vfinal .areas-adhd-band h3{font-size:23px}
.areas-vfinal .areas-band-singlelink{flex:none;font-size:13px;font-weight:600;color:#456a49;text-decoration:none;border-bottom:1px solid #a8bca7;padding:7px 0;white-space:nowrap}
.areas-vfinal .areas-eval{padding:68px 0!important}
.areas-vfinal .areas-eval-grid{grid-template-columns:1fr .75fr;gap:75px}
.areas-vfinal .areas-eval-visual{border-radius:170px 170px 14px 14px;overflow:hidden;height:255px;box-shadow:0 12px 35px rgba(54,71,55,.09)}
.areas-vfinal .areas-eval-visual img{width:100%;height:100%;object-fit:cover}
.areas-vfinal .areas-ending{padding:63px 0 72px!important}
.areas-vfinal .areas-ending-ask{padding:30px 22px}
@media(max-width:850px){
 .areas-vfinal .areas-method{gap:18px}
 .areas-vfinal .areas-eval-grid{gap:30px}
 .areas-vfinal .areas-adhd-band{gap:18px}
}
@media(max-width:600px){
 .areas-vfinal .areas-hero-grid{min-height:0}
 .areas-vfinal .areas-hero-copy{padding:35px 0 17px}
 .areas-vfinal .areas-hero h1{font-size:clamp(27px,7.5vw,32px);line-height:1.5}
 .areas-vfinal .areas-hero-photo{height:204px;max-height:55vw}
 .areas-vfinal .areas-lead{font-size:12.5px;line-height:1.95}
 .areas-vfinal .desktop-break{display:none}
 .areas-vfinal .areas-concerns{padding:38px 0 42px!important}
 .areas-vfinal .areas-methods{padding:40px 0 44px!important}
 .areas-vfinal .areas-method,.areas-vfinal .areas-method-alt{display:grid;grid-template-columns:93px minmax(0,1fr);gap:0;min-height:0;border-radius:13px;margin:0 0 12px}
 .areas-vfinal .areas-method>img,.areas-vfinal .areas-method-alt>img{order:0!important;height:100%;min-height:151px;object-fit:cover}
 .areas-vfinal .areas-method-copy,.areas-vfinal .areas-method-alt>.areas-method-copy{order:1!important;padding:13px 13px 14px}
 .areas-vfinal .areas-method h3{font-size:15.5px;line-height:1.47;margin:4px 0 7px;letter-spacing:-.06em;word-break:keep-all}
 .areas-vfinal .areas-method-copy>p{font-size:11.8px;line-height:1.73;word-break:keep-all}
 .areas-vfinal .areas-method-copy>p.areas-method-small{font-size:11px}
 .areas-vfinal .areas-inline-link{white-space:nowrap}
 .areas-vfinal .areas-adhd-band{padding:22px 20px;margin-top:17px}
 .areas-vfinal .areas-adhd-band h3{font-size:19px}
 .areas-vfinal .areas-band-singlelink{display:inline-block;margin-top:14px;font-size:12px}
 .areas-vfinal .areas-eval{padding:43px 0 46px!important}
 .areas-vfinal .areas-eval-visual{height:145px;margin-top:20px;border-radius:140px 140px 12px 12px;max-width:280px}
 .areas-vfinal .areas-ending{padding:42px 0 60px!important}
 .areas-vfinal .areas-ending-ask{padding:24px 18px}
}
@media(max-width:360px){.areas-vfinal .areas-method,.areas-vfinal .areas-method-alt{grid-template-columns:80px minmax(0,1fr)}.areas-vfinal .areas-method-copy,.areas-vfinal .areas-method-alt>.areas-method-copy{padding:11px}.areas-vfinal .areas-method h3{font-size:14px}.areas-vfinal .areas-method-copy>p{font-size:11px}}
/* NURU_PROGRAMS_FINAL_20261108_END */

/* NURU_PROGRAMS_TEXTONLY_20261108_START */
/* 11/8 샘: 상담 방법 카드 사진 없이 글만, 색줄 없음 */
.areas-vfinal .areas-method,.areas-vfinal .areas-method-alt{grid-template-columns:1fr;gap:0;min-height:0}
.areas-vfinal .areas-method-copy,.areas-vfinal .areas-method-alt>.areas-method-copy{order:0;padding:28px 36px}
.areas-vfinal .areas-method-copy>p.areas-method-note{margin-top:4px}
@media(max-width:720px){.areas-vfinal .areas-method,.areas-vfinal .areas-method-alt{grid-template-columns:1fr}
.areas-vfinal .areas-method-copy,.areas-vfinal .areas-method-alt>.areas-method-copy{padding:18px 18px 19px}}
/* 11/8 샘: 맨 위 아치 사진을 인형 가족(blog_7)으로 */
.areas-vfinal .areas-hero-photo{background-image:url(img/blog_7.jpg)!important}
/* NURU_PROGRAMS_TEXTONLY_20261108_END */

/* NURU_HOME_SHORTCUTS6_20261108 */
/* 11/8 샘: 홈 바로가기 6개 — 휴대폰에서 카드 높이 조금 낮춤 */
@media(max-width:760px){body .nuru-mobile-shortcuts a{min-height:64px;padding:12px 15px}body .nuru-mobile-shortcuts a strong{margin-bottom:3px}}

/* 상담 분야·상담 절차 첫 화면 아치 사진에 홈처럼 가는 크림색 테두리 (11/9 샘 승인) */
.areas-hero-photo,.process-arch{box-sizing:border-box;border:3px solid #fffdf8;box-shadow:0 0 0 1px #ddd7cc,0 16px 38px rgba(52,58,52,.08)}

/* 11/9 샘 승인: 홈 말고는 메뉴 아래 선 없앰, 첫 화면이 더 밝은 페이지(상담 분야·느루의 평가·함께 나타나는 어려움)는 메뉴 바탕을 맞춤 */
body:not(.ov) .top{border-bottom-color:transparent}
body:has(.nuru-areas) .top{background:rgba(249,247,241,.97)}
body:has(.nr-hero) .top{background:rgba(247,244,237,.97)}

/* 11/12 양육코칭 · 놀이코칭 페이지 */
.np-h3{font-family:"Noto Serif KR",serif;font-size:20px;color:var(--deep);margin:0 0 6px}
.np-type p{margin:8px 0 0;font-size:15.5px;color:var(--ink)}
.np-sm{margin:12px 0 0;font-size:14px;color:var(--muted)}

/* 11/12 메뉴 개편: 작은 설명 글씨 없앰 · 휴대폰에서 하위 메뉴는 눌러야 열림 */
@media(max-width:1040px){
.nav .nav-has-sub .nav-sub{display:none}
.nav .nav-has-sub.open .nav-sub{display:block}
.nav .nav-has-sub>a .t::after{content:"";display:inline-block;width:7px;height:7px;margin-left:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s;opacity:.6}
.nav .nav-has-sub.open>a .t::after{transform:translateY(1px) rotate(-135deg)}
}

/* 11/11 상담·평가 프로그램 새 페이지 */
.np-link+.np-link{margin-top:12px}
.np-prog .m{grid-column:1;font-size:14.5px;color:var(--muted)}
.np-prog .go{grid-row:1/4}
.np-talk{list-style:none;margin:0;padding:0;counter-reset:t;border-top:1px solid var(--deep)}
.np-talk li{counter-increment:t;display:grid;grid-template-columns:200px 1fr;gap:16px;padding:16px 4px;border-bottom:1px solid var(--line)}
.np-talk b{color:var(--deep);font-weight:600}
.np-talk b::before{content:counter(t,decimal-leading-zero) "  ";color:var(--sage);font-weight:400;font-size:13px}
.np-talk span{color:var(--ink);font-size:15.5px}
.np-help{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.np-help>div{background:var(--paper);border-radius:18px;padding:22px 20px;border-left:5px solid #9fae84}
.np-help b{display:block;color:var(--deep);font-size:16.5px}
.np-help p{margin:6px 0 0;font-size:15px;color:var(--ink)}
.np-report{position:relative;max-width:720px;margin:8px auto 0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:36px 40px 28px;box-shadow:var(--shadow)}
.np-report-tag{position:absolute;top:20px;right:22px;font-size:12.5px;color:var(--brown);border:1px solid #c9a374;border-radius:999px;padding:1px 12px}
.np-report-k{margin:0;font-size:13px;color:var(--sage)}
.np-report h3{font-family:"Noto Serif KR",serif;font-size:23px;color:var(--deep);margin:2px 0 18px;padding-bottom:14px;border-bottom:1px solid var(--deep)}
.np-report h4{font-size:15.5px;color:var(--deep);margin:22px 0 6px}
.np-report p,.np-report li,.np-report td{font-size:14.5px;color:var(--ink)}
.np-report p{margin:0}.np-report ul{margin:0;padding-left:18px}
.np-report-info{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin:0;font-size:14.5px}
.np-report-info div{display:flex;gap:10px}.np-report-info dt{color:var(--muted);min-width:34px}.np-report-info dd{margin:0;color:var(--ink)}
.np-report-t{width:100%;border-collapse:collapse}
.np-report-t th{text-align:left;font-size:13px;font-weight:500;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line);background:var(--bg)}
.np-report-t td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.np-report-t td:first-child{white-space:nowrap;color:var(--deep);font-weight:500}
.np-report-t .ok,.np-report-t .watch{display:inline-block;font-size:12.5px;border-radius:999px;padding:1px 10px;white-space:nowrap}
.np-report-t .ok{background:var(--sage2);color:var(--forest)}
.np-report-t .watch{background:var(--warm2);color:var(--brown)}
.np-report-foot{margin-top:24px!important;padding-top:12px;border-top:1px dashed var(--line);font-size:13px!important;color:var(--muted)!important}
@media(max-width:900px){.np-help{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .np-talk li{grid-template-columns:1fr;gap:4px}
 .np-help{grid-template-columns:1fr}
 .np-report{padding:28px 18px 22px}
 .np-report-info{grid-template-columns:1fr}
 .np-report-t td:first-child{white-space:normal}
}
@media(max-width:760px){
 .np-report-t3 tr{display:grid;grid-template-columns:88px 1fr;border-bottom:1px solid var(--line)}
 .np-report-t3 th:nth-child(3){display:none}
 .np-report-t3 th,.np-report-t3 td{border-bottom:0}
 .np-report-t3 td:nth-child(3){grid-column:2;padding-top:0}
}

/* 11/12 전문가 소개 · 전문가 이력 (이 두 곳에만 적용) */
#director .cv{grid-template-columns:84px 1fr}
#director .lead+p{margin-top:10px;color:var(--ink)}
#director .btns{margin-top:28px}
.pf .grp .r .h b{font-weight:600}
.pf .grp .r .h small{display:inline;color:var(--muted);font-size:13px;font-weight:400}
.pf .pf-y{color:var(--muted);font-weight:400}
.pf .tl small{color:var(--muted);font-size:13px;margin-left:4px}
.pf .pf-list{margin-top:20px}
.pf .pf-list li{padding:8px 0;border-bottom:1px solid var(--line)}
.pf .pf-p{margin:16px 0 0;color:var(--ink)}
.pf .lg{margin-top:44px}
.pf .lg .grp{margin-top:0}
.pf .grp .r .h b,.pf .tl li{word-break:keep-all;overflow-wrap:anywhere}
@media(min-width:761px){.pf .grp .r{grid-template-columns:260px 1fr}}

/* 11/12 소장 소개 휴대폰: 항목 이름 위, 내용 아래 · 강사 소개 직함 */
@media(max-width:700px){
 #director .cv{grid-template-columns:1fr;gap:0}
 #director .cv dt{padding-top:16px;font-weight:600;color:var(--deep)}
 #director .cv dd{border-top:0;padding-top:6px}
}
.pf .pf-role{margin:6px 0 0;color:var(--muted)}

/* 11/12 강의 · 기관 프로그램: 의뢰 및 협력 분야 (이 페이지에만) */
.inst-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.inst-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px 26px}
.inst-card .n{font-size:13px;color:var(--sage);letter-spacing:.04em}
.inst-card h3{font-size:18px;color:var(--deep);margin:6px 0 8px}
.inst-card p{margin:0;font-size:15px;color:var(--ink)}
.inst-h{font-size:17px;color:var(--deep);margin:44px 0 0;padding-bottom:10px;border-bottom:2px solid var(--deep)}
.inst-list{margin:14px 0 0;padding-left:20px}
.inst-list li{padding:4px 0;color:var(--ink)}
.inst-list li::marker{color:var(--sage)}
.inst-note{margin:16px 0 0;background:var(--sage2);border-radius:14px;padding:14px 18px;font-size:14.5px;color:var(--ink)}
.inst-pro{margin-top:18px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px 26px;max-width:640px}
.inst-pro .nm{margin:0;font-size:17px;color:var(--deep)}
.inst-pro .nm span{font-size:14px;color:var(--muted);margin-left:6px}
.inst-pro .sub{margin:4px 0 0;font-size:14px;color:var(--muted)}
.inst-pro ul{margin:12px 0 0;padding-left:20px;font-size:15px;color:var(--ink)}
.inst-pro ul li{padding:2px 0}
.inst-pro .more{display:inline-block;margin-top:14px;font-size:14.5px;color:var(--forest);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.inst-cards{grid-template-columns:1fr}.inst-card,.inst-pro{padding:20px 20px}}

.pf .pf-h{font-size:17px;color:var(--deep);margin:36px 0 0;padding-bottom:10px;border-bottom:2px solid var(--deep)}
.pf .pf-h+.grp{margin-top:0}

/* 11/12 메뉴: 위 메뉴를 누르면 하위 메뉴가 열림 (PC도) */
@media(min-width:1041px){.nav .nav-has-sub.open .nav-sub{display:block}}

/* 11/12 연구소 소개 첫 사진: 휴대폰에서 낮게 */
@media(max-width:860px){.about-top .two .img{aspect-ratio:3/2;max-height:260px}}