/* 다이음 기관 홈페이지 '반반 화면' 디자인(split.html, 0.16.0)
   잡지 펼침면처럼 — PC 는 왼쪽 반에 사진이 머물고(꼭지마다 다른 사진·파스텔 물빛) 오른쪽 반만 넘어간다. 휴대폰은 사진 띠 + 글
   제목 Gowun Batang · 본문 Pretendard · 공통 부품은 parts.css · 대표색(--accent)은 진행 막대·단추 테두리에만 */
@import url(pretendard.css);
@import url(gowun-batang.css);
@import url(parts.css?v=0.19.0);
:root{--accent:#C8826A;--ink:#2B2724;--ink2:#57504A;--mute:#8A827A;--line:#E8E2DA;--soft:#F6F2EC;--pick:#2B2724;--pickInk:#fff;--btn:#2B2724;--btnInk:#fff;--r:10px;
  --paper:#FBFAF7;--peach:#FADBCB;--mint:#CDEBDC;--sky:#CFE2F5;--lilac:#DDD3F4;--butter:#F7E7B0;
  --serif:"Gowun Batang","Apple SD Gothic Neo",serif}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:17px;line-height:1.8;-webkit-text-size-adjust:100%;word-break:keep-all}

/* 윗줄 — 오른쪽 반 위에만(PC) */
.bar{position:fixed;top:0;right:0;left:50%;z-index:30;background:rgba(251,250,247,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar .w{display:flex;align-items:center;gap:14px;height:60px;padding:0 28px}
.nm{font-family:var(--serif);font-weight:700;font-size:18px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;margin-right:auto}
.menu{display:flex;gap:2px}
.menu a{text-decoration:none;font-size:14px;font-weight:600;color:var(--ink2);padding:6px 8px;border-radius:8px;white-space:nowrap}
.menu a:hover{background:var(--soft)}
.tel{flex:none;text-decoration:none;font-weight:800;font-size:14.5px;border-bottom:2px solid var(--accent);padding:2px 0}
@media (max-width:1500px){.menu{display:none}}

/* 반반 */
.half{display:grid;grid-template-columns:1fr 1fr;align-items:start}
.side{position:sticky;top:0;height:100vh;margin:0;overflow:hidden;background:var(--tint)}
.side img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:saturate(.85) contrast(1.02)}
.side figcaption{position:absolute;left:24px;bottom:22px;font-family:var(--serif);font-size:15px;background:rgba(251,250,247,.9);padding:4px 12px;border-radius:999px}
.body{padding:110px 64px 90px;min-height:100vh;min-width:0}
.t-peach{--tint:var(--peach)}.t-mint{--tint:var(--mint)}.t-sky{--tint:var(--sky)}.t-lilac{--tint:var(--lilac)}.t-butter{--tint:var(--butter)}
.half+.half .body,.full+.half .body{border-top:1px solid var(--line)}
.body h1,.body h2,.full h2{font-family:var(--serif);font-weight:700;letter-spacing:-.02em;margin:0 0 14px}
.body h1{font-size:clamp(34px,3.6vw,54px);line-height:1.3;white-space:pre-line}
.body h2,.full h2{font-size:clamp(28px,2.6vw,38px);line-height:1.35}
.body h2::before,.full h2::before{content:"";display:block;width:56px;height:8px;border-radius:8px;background:var(--tint,var(--peach));margin-bottom:18px}
.body h3,.full h3{font-family:var(--serif);font-size:22px;margin:34px 0 12px}
.lead{margin:0 0 28px;color:var(--ink2);max-width:34em}
.note{margin:16px 0 0;font-size:14.5px;color:var(--mute)}
.note a{font-weight:800;color:var(--ink)}
.hero .body{display:flex;flex-direction:column;justify-content:center}
.trust{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.trust span{font-size:13px;font-weight:700;background:var(--tint);border-radius:999px;padding:3px 12px}
.trust span:empty{display:none}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.btn.line{box-shadow:inset 0 0 0 2px var(--ink)}
.facts{margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.facts>div{padding:14px 14px 14px 0;border-bottom:1px solid var(--line)}
.facts>div:nth-child(even){padding-left:14px;border-left:1px solid var(--line)}
.facts dt{font-size:13px;color:var(--mute);font-weight:700}
.facts dd{margin:0;font-family:var(--serif);font-weight:700;font-size:19px;line-height:1.45}
.facts dd small{display:block;font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:500;font-size:12.5px;color:var(--ink2)}

/* 온폭 꼭지 */
.full{border-top:1px solid var(--line)}
.full .in{max-width:1100px;margin:0 auto;padding:90px 40px 70px}

/* 내용 */
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:16px 36px 16px 0;font-family:var(--serif);font-weight:700;font-size:18.5px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:26px;font-weight:300;font-family:"Pretendard Variable",sans-serif}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:0 0 18px;color:var(--ink2)}
.rows2{list-style:none;margin:0;padding:0}
.rows2 li{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:13px 0;border-top:1px solid var(--line)}
.rows2 b{font-family:var(--serif);font-size:18px}
.rows2 span{color:var(--ink2)}
.day{list-style:none;margin:0;padding:0}
.day li{display:grid;grid-template-columns:70px 1fr;column-gap:14px;padding:11px 0;border-top:1px dashed var(--line)}
.day time{grid-row:span 2;font-family:var(--serif);font-weight:700;font-size:18px;color:var(--accent)}
.day span{font-size:15px;color:var(--ink2)}
.kinds,.famc{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.kinds li,.famc li{background:var(--soft);border-radius:var(--r);padding:16px 18px;border-left:6px solid var(--tint)}
.kinds li[style]{background:var(--soft)}
.kinds b,.famc b{display:block;font-family:var(--serif);font-size:18.5px}
.famc small{display:block;font-size:13px;color:var(--mute);font-weight:700}
.kinds p,.famc p{margin:2px 0 0;font-size:15px;color:var(--ink2)}
.kinds .fee{display:block;margin-top:6px;font-size:13.5px;font-weight:800}
.steps{list-style:none;counter-reset:s;margin:0 0 22px;padding:0}
.steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:10px 0}
.steps li::before{content:counter(s);grid-row:span 2;width:40px;height:40px;border-radius:50%;background:var(--tint);font-family:var(--serif);font-weight:700;font-size:18px;display:grid;place-items:center}
.steps b{font-size:17px}
.steps span{font-size:15px;color:var(--ink2)}
.info{margin:0}
.info>div{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.info dt{font-weight:800}
.info dd{margin:0;color:var(--ink2)}

.album{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}
.album .photo{border-radius:6px}
.album .big{display:flex}.album .big img{aspect-ratio:auto;flex:1;min-height:340px}
.photo figcaption{position:absolute;left:12px;bottom:12px;font-family:var(--serif);background:rgba(251,250,247,.92);border-radius:999px;padding:2px 12px;font-size:14px}
.thumbs{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.thumbs .photo{border-radius:6px}

.calc{display:grid;gap:18px}
.res{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;border-top:8px solid var(--tint)}
.res .rt{margin:0;font-size:14px;color:var(--mute);font-weight:700}
.res output{font-family:var(--serif);font-size:48px;font-weight:700;margin:2px 0 12px}

.revs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.revs li{border-top:3px solid var(--ink);padding-top:14px}
.revs p{margin:6px 0;white-space:pre-line;font-family:var(--serif);font-size:18px;line-height:1.7}
.revs small{font-size:13.5px;color:var(--mute)}
.news{max-width:780px}
.news b{font-family:var(--serif);font-size:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}
.survey legend{font-family:var(--serif)}
.grade{background:var(--soft)}

.ft{border-top:1px solid var(--line);background:var(--soft)}
.ft .w{max-width:1100px;margin:0 auto;padding:32px 40px 110px}
.ft .nm{display:block;margin:0 0 8px;font-size:20px}
.ft .nm a{text-decoration:none}
.info2{display:flex;flex-wrap:wrap;gap:2px 18px;font-size:13.5px;color:var(--ink2)}
.info2 b{margin-right:6px;color:var(--mute)}
.ft .bot{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;font-size:13.5px;font-weight:800}
.ft .bot a{text-decoration:none}
.ft .bot .adm{margin-left:auto}
@media (min-width:961px){.ft .w{padding-bottom:40px}}

/* 휴대폰·좁은 화면 — 사진 띠 + 글 */
@media (max-width:960px){
  .bar{left:0}
  .bar .w{padding:0 16px}
  .half{grid-template-columns:1fr}
  .side{position:relative;height:auto;aspect-ratio:16/9}
  .hero .side{aspect-ratio:4/3;margin-top:60px}
  .body{padding:30px 20px 50px;min-height:0}
  .half+.half .body,.full+.half .body{border-top:0}
  .full .in{padding:50px 20px}
  .album{grid-template-columns:1fr}.album .big img{min-height:0;aspect-ratio:4/3}
  .revs{grid-template-columns:1fr}
  .rows2 li{grid-template-columns:1fr;gap:0}
  .info>div{grid-template-columns:1fr;gap:0}
  .ft .w{padding:28px 20px 110px}
}
.dock{display:none}
@media (max-width:960px){
  .dock{display:grid;grid-template-columns:1fr 1.3fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--paper);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
  .dock a{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 4px 8px;text-decoration:none;font-size:12.5px;font-weight:700;color:var(--ink2)}
  .dock a.on{background:var(--ink);color:#fff}
  .dock svg{width:20px;height:20px}
}