/* [만들어진 파일] work/v2/privacy.py — 개인정보 처리방침 쪽(/privacy/)이 싣는다. 손으로 고치지 말 것 — 다시 지으면 덮인다.
   비급여 진료비용 쪽(/fees/ · fees.py · 2026-09-26)도 **틀**로 싣는다 — 머리띠(.dn_pv__top · top_html) · 첫 글(.dn_pv__lead) · 낱말 꺾임(.dn_pv p…) · .dn_pv .inner 가운데 맞춤. 그 넷을 고치면 두 쪽이 같이 바뀐다.
   색·글자 크기는 v2-home.css 의 토큰(--hm-*)과 사다리(--hm-t*) — 값을 여기 적지 않는다. */
.dn_pv .dn_hm{padding-top:0}                         /* 이 쪽 머리띠는 떠 있지 않다(홈의 .dn_hm 은 떠 있는 머리띠 아래에서 시작) */
.dn_pv__top{border-bottom:1px solid var(--hm-line);background:var(--hm-paper)}
.dn_pv__top .inner{max-width:105rem;margin:0 auto;padding:0 3rem;min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.dn_pv__top img{display:block;width:150px;height:auto}
.dn_pv__nav{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;font-size:var(--hm-t2);font-weight:600;margin-left:auto}   /* margin-left:auto — 글자 크기 단추(.size-ctl · 2026-10-02)가 뒤에 와도 센터 둘 · 전화가 오른쪽에 붙어 있게 */
.dn_pv__nav a{color:var(--hm-ink2);text-decoration:none}
.dn_pv__nav a:last-child{color:var(--hm-brown)}
/* 읽는 폭 — 긴 글은 줄 하나 800px(50rem) 안. 전엔 .dn_pv__in{max-width:56rem} 이 홈 CSS 의 .dn_hm .inner{max-width:105rem}(더 셈)에 져서 1440 에서 글 폭 1344px 이었다(검수 20260925_f F6).
   칸(.inner)은 머리띠·바닥글과 같은 틀(105rem · 가운데)로 두고 **안의 덩이만** 줄인다 — 칸째 줄이면 1920 에서 글 왼끝이 머리띠 로고와 어긋난다.
   이 쪽은 원본 main.css 를 안 실어 .inner 의 가운데 맞춤(margin auto)이 없다 → 여기서 준다 */
.dn_pv .inner{margin-left:auto;margin-right:auto}
.dn_hm .dn_pv__in>*{max-width:50rem}
.dn_hm .dn_pv__lead{margin-top:max(1rem,16px);font-size:var(--hm-t4);line-height:var(--hm-lh);color:var(--hm-ink2)}
.dn_hm .dn_pv__toc{margin-top:max(1.5rem,24px);padding:max(1rem,16px) max(1.25rem,20px);border:1px solid var(--hm-line);border-radius:14px;background:var(--hm-paper)}
.dn_hm .dn_pv__toc ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1.5rem;font-size:var(--hm-t2);line-height:1.6}
.dn_pv__toc a{color:var(--hm-ink2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hm-edge2)}
.dn_hm .dn_pv__s{margin-top:max(2.5rem,36px);padding:0;scroll-margin-top:1rem}   /* 절 사이 틈 ≈ 40px — 홈 CSS 의 .dn_hm section{padding:3.5rem 0}(폰 2rem)이 안쪽 절에도 걸려 164px(폰 116) 벌어졌다(F7) · .dn_hm 을 붙여 이긴다 */
/* 낱말 중간 줄바꿈 막기 — 이 쪽은 원본 main.css 를 안 실어 reset.css 의 p{word-break:break-all} 이 남았다(「의|료법」 · F8). 긴 주소는 overflow-wrap 으로만 꺾인다 */
.dn_pv p,.dn_pv li,.dn_pv dd,.dn_pv td,.dn_pv th{word-break:keep-all;overflow-wrap:break-word}
.dn_pv__s h2{margin:0 0 max(.875rem,14px);font-size:var(--hm-t6);font-weight:700;line-height:1.4;color:var(--hm-ink)}
.dn_hm .dn_pv__s p{margin:0 0 max(.75rem,12px);font-size:var(--hm-t3);line-height:var(--hm-lh);color:var(--hm-ink2)}
.dn_hm .dn_pv__ul{display:flex;flex-direction:column;gap:.6rem;font-size:var(--hm-t3);line-height:var(--hm-lh);color:var(--hm-ink2)}
.dn_pv__ul li{position:relative;padding-left:1rem}
.dn_pv__ul li::before{content:"";position:absolute;left:0;top:.8em;width:5px;height:5px;border-radius:50%;background:var(--hm-tan)}
.dn_pv__tw{margin:0 0 max(.875rem,14px);overflow-x:auto}
.dn_pv__t{width:100%;border-collapse:collapse;font-size:var(--hm-t2);line-height:1.65;color:var(--hm-ink2);background:var(--hm-paper)}
.dn_pv__t th,.dn_pv__t td{padding:.75rem .875rem;border:1px solid var(--hm-line);text-align:left;vertical-align:top}
.dn_pv__t thead th{background:var(--hm-sand);font-weight:700;color:var(--hm-ink)}
.dn_pv__t tbody th{font-weight:700;color:var(--hm-ink);width:22%}
.dn_pv__t--2 tbody th{width:30%}
.dn_pv__t small{display:block;margin-top:.2rem;font-size:var(--hm-t1);font-weight:600;color:var(--hm-brown)}
.dn_hm .dn_pv__kv{display:grid;grid-template-columns:7rem minmax(0,1fr);row-gap:.6rem;column-gap:1rem;margin:0 0 max(1rem,16px);font-size:var(--hm-t3);line-height:1.7}   /* .dn_hm 을 붙여 홈 CSS 의 .dn_hm dl{margin:0} 을 이긴다 — 안 붙이면 dl 뒤 틈 0(검수 20260930_privacy9 F1) */
.dn_pv__kv dt{font-weight:600;color:var(--hm-mute)}
.dn_pv__kv dd{margin:0;color:var(--hm-ink2)}
.dn_pv__todo{background:var(--hm-sand);color:var(--hm-brown);font-weight:700;padding:0 .3em;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
@media(max-width:1024px){
  .dn_pv__top .inner{padding:0 1.25rem;min-height:3.75rem}
  .dn_pv__top img{width:120px}
  .dn_pv__nav{gap:.875rem;order:3;flex-basis:100%;margin-left:0;padding-bottom:.5rem}   /* 폰 — 센터 둘 · 전화는 제 줄(둘째 줄)에 · 글자 크기 단추는 로고 줄 오른쪽에(xl 에서 석 줄 173px 이 되던 것 → 두 줄 · 2026-10-02) */
  .dn_pv__top .size-ctl{margin-left:auto}
  .dn_hm .dn_pv__toc ol{grid-template-columns:1fr}
}
/* 폰 — 표를 줄마다 쌓는다(칸 이름은 data-l · 넷째 칸까지 한 덩이) */
@media(max-width:700px){
  .dn_pv__t thead{display:none}
  .dn_pv__t,.dn_pv__t tbody,.dn_pv__t tr,.dn_pv__t th,.dn_pv__t td{display:block;width:auto}
  .dn_pv__t tr{border:1px solid var(--hm-line);border-radius:12px;margin-bottom:.75rem;overflow:hidden}
  .dn_pv__t th,.dn_pv__t td{border:0;border-top:1px solid var(--hm-line)}
  .dn_pv__t tbody th{width:auto;border-top:0;background:var(--hm-sand)}
  .dn_pv__t--2 tbody th{width:auto}
  .dn_pv__t td::before{content:attr(data-l);display:block;font-size:var(--hm-t1);font-weight:600;color:var(--hm-mute)}
  .dn_hm .dn_pv__kv{grid-template-columns:5.5rem minmax(0,1fr)}   /* 위 규칙과 같은 특정도여야 폰에서 이긴다 */
}
