/* 휴플러스유의원 — 법정 고지 페이지 공통 스타일 (v8 팔레트 기준) */
:root{
  --paper:#F8F8F5;--paper2:#F4F3EF;--ink:#131716;--sub:#5A625C;
  --pine:#0A462C;--pine-lite:#0F5836;--teal:#077066;--leaf:#6DB35C;--clay:#077066;
  --line:rgba(10,70,44,.16);--line-soft:rgba(10,70,44,.09);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;
  font-size:20px;line-height:1.85;word-break:keep-all}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}
.serif{font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif}
.skip{position:fixed;left:20px;top:-90px;z-index:200;background:var(--ink);color:#fff;padding:12px 18px}
.skip:focus{top:12px}

.legal-page main{padding-top:var(--site-header-height,82px)}
@media(max-width:900px){.legal-page main{padding-top:var(--site-header-mobile-height,76px)}}

/* ── 히어로 ── */
.legal-hero{position:relative;padding:96px 0 64px;background:var(--paper2);border-bottom:1px solid var(--line);overflow:hidden}
.legal-hero:after{content:'休';position:absolute;right:5%;bottom:-70px;color:rgba(20,80,52,.06);
  font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-size:250px;line-height:1;pointer-events:none}
.legal-hero .eyebrow{position:relative;z-index:1;color:var(--clay);font-size:16px;font-weight:700;letter-spacing:.16em}
.legal-hero h1{position:relative;z-index:1;margin:16px 0 20px;
  font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-size:clamp(40px,6vw,64px);font-weight:400;line-height:1.2;letter-spacing:-.04em}
.legal-hero p{position:relative;z-index:1;max-width:760px;margin:0;color:var(--sub);font-size:19px}
.legal-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:26px;
  color:var(--sub);font-size:17px}
.legal-meta b{color:var(--pine)}

/* ── 본문 ── */
.legal-body{padding:72px 0 110px}
.legal-lead{margin:0 0 48px;padding:26px 28px;background:var(--paper2);border-radius:12px;
  color:var(--sub);font-size:18px;line-height:1.85}
.legal-section{padding-bottom:46px;margin-bottom:46px;border-bottom:1px solid var(--line-soft)}
.legal-section:last-child{margin-bottom:0;border-bottom:0}
.legal-section>h2{display:flex;align-items:baseline;gap:14px;margin:0 0 20px;
  font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-size:clamp(26px,3.4vw,34px);font-weight:400;line-height:1.4}
.legal-section>h2 span{color:var(--clay);font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-size:17px;letter-spacing:.06em}
.legal-section h3{margin:30px 0 12px;color:var(--pine);font-size:19px;font-weight:700}
.legal-section p{margin:0 0 16px;color:var(--sub)}
.legal-section ul,.legal-section ol{margin:0 0 16px;padding-left:22px;color:var(--sub)}
.legal-section li{margin-bottom:8px}
.legal-section strong{color:var(--ink)}

/* ── 목차 ── */
.legal-toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 24px;
  margin:0 0 56px;padding:0;list-style:none;border-top:1px solid var(--ink)}
.legal-toc li{border-bottom:1px solid var(--line-soft)}
.legal-toc a{display:block;padding:13px 4px;color:var(--sub);font-size:17px}
.legal-toc a:hover{color:var(--pine)}

/* ── 표 ── */
.table-scroll{margin:0 0 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line)}
.table-scroll::-webkit-scrollbar{height:9px}
.table-scroll::-webkit-scrollbar-thumb{background:rgba(20,80,52,.32)}
table.npay,table.plain{width:100%;min-width:640px;border-collapse:collapse;background:#fff;font-size:17px;line-height:1.6}
table.npay{min-width:1080px}
table.npay caption,table.plain caption{padding:14px 16px;background:var(--pine);color:#fff;
  font-size:18px;font-weight:700;text-align:left}
table.npay th,table.npay td,table.plain th,table.plain td{
  padding:12px 14px;border:1px solid var(--line-soft);text-align:left;vertical-align:top}
table.npay thead th,table.plain thead th{background:var(--paper2);color:var(--ink);
  font-size:16px;font-weight:700;white-space:nowrap}
table.npay td{color:var(--sub)}
table.npay td.num,table.npay th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
table.npay td.mid,table.npay th.mid{text-align:center}
table.npay tbody tr:nth-child(even) td{background:rgba(244,243,239,.6)}
.table-note{margin:0 0 40px;color:var(--sub);font-size:16px}
.todo{display:inline-block;padding:1px 7px;background:#e6f3ef;border:1px dashed var(--clay);
  border-radius:2px;color:var(--clay);font-size:15px;font-weight:700;white-space:nowrap}

/* ── 알림 박스 ── */
.notice{margin:0 0 40px;padding:24px 26px;background:var(--pine-lite);color:#f1f8f4;font-size:17px;line-height:1.8}
.notice strong{display:block;margin-bottom:8px;color:#fff;font-size:19px}
.notice a{color:#fff;text-decoration:underline}

/* ── 페이지 하단 액션 ── */
.legal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:48px}
.legal-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:58px;
  padding:0 24px;border:1px solid var(--pine);color:var(--pine);font-size:18px;font-weight:700}
.legal-actions a.primary{background:var(--pine);color:#fff}

/* ── 푸터 ── */
.legal-footer{padding:52px 0 72px;background:#0a462c;color:#e8efe9}
.legal-footer .footer-name{display:flex;align-items:center;gap:13px;font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-size:24px}
.legal-footer .footer-seal{display:grid;place-items:center;width:34px;height:34px;background:var(--teal);
  color:#ffffff;font-size:19px;clip-path:polygon(4% 0,97% 3%,100% 94%,94% 100%,3% 97%,0 7%)}
.legal-footer .footer-info{margin-top:16px;color:#b8c9bd;font-size:17px;line-height:1.9}
.legal-footer .footer-links{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:22px;font-size:17px}
.legal-footer .footer-links a{color:#e8efe9}
.legal-footer .footer-links a.strong{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.legal-footer small{display:block;margin-top:26px;color:#a8c0af;font-size:15px}

@media(max-width:900px){
  .wrap{width:min(100% - 36px,var(--max))}
  body{font-size:19px}
  .legal-hero{padding:64px 0 48px}
  .legal-hero:after{font-size:170px;bottom:-46px}
  .legal-hero p{font-size:18px}
  .legal-body{padding:52px 0 84px}
  .legal-toc{grid-template-columns:1fr}
  .legal-actions a{flex:1 1 100%}
  .legal-footer .footer-links{flex-direction:column;gap:12px}
}

/* ── 준비 중 상태 ── */
.pending{position:relative;margin:0 0 44px;padding:52px 56px;background:#fff;border:1px solid var(--line);overflow:hidden}

.pending:after{content:'休';position:absolute;right:-14px;bottom:-72px;color:rgba(20,80,52,.05);
  font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-size:220px;line-height:1;pointer-events:none}
.pending-tag{display:inline-block;margin-bottom:20px;padding:7px 15px;background:var(--paper2);
  border:1px solid var(--line);color:var(--pine);font-size:15px;font-weight:700;letter-spacing:.1em}
.pending h2{position:relative;z-index:1;margin:0 0 18px;font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;
  font-size:clamp(28px,3.8vw,38px);font-weight:400;line-height:1.4}
.pending p{position:relative;z-index:1;margin:0 0 14px;max-width:760px;color:var(--sub);font-size:19px}
.pending p:last-child{margin-bottom:0}
.pending-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px 32px;
  margin-top:28px;padding-top:24px;border-top:1px solid var(--line-soft);color:var(--sub);font-size:17px}
.pending-meta b{color:var(--pine)}
.alt-guide{margin:0 0 44px;padding:0;list-style:none;border-top:1px solid var(--ink)}
.alt-guide li{display:grid;grid-template-columns:210px 1fr;gap:24px;padding:22px 4px;border-bottom:1px solid var(--line-soft)}
.alt-guide b{color:var(--pine);font-size:18px}
.alt-guide span{color:var(--sub);font-size:18px}
@media(max-width:900px){
  .pending{padding:36px 26px}
  .pending:after{font-size:150px;bottom:-48px}
  .pending p{font-size:18px}
  .alt-guide li{grid-template-columns:1fr;gap:6px}
}

/* ── v11 타입 시스템 (Pretendard) ── */
.legal-hero h1,.legal-section>h2,.pending h2,table.npay caption,table.plain caption{
  font-weight:800;letter-spacing:-.038em;line-height:1.26}
.legal-hero h1{letter-spacing:-.045em}
.legal-section h3,.alt-guide b,.legal-footer .footer-name{font-weight:700;letter-spacing:-.025em}
.legal-hero .eyebrow,.pending-tag{font-weight:700;letter-spacing:.13em}
.legal-actions a,.pending-tag{border-radius:8px}
.pending{border-radius:14px}
.table-scroll{border-radius:10px}
.legal-toc a,.legal-section p,.legal-section li{letter-spacing:-.012em}

/* 푸터 정식 로고 */
.legal-footer .footer-name{display:block;font-size:0;line-height:0}
.legal-footer .footer-logo{display:block;width:auto;height:36px;max-width:100%}
@media(max-width:900px){.legal-footer .footer-logo{height:32px}}

/* 법정 안내 페이지의 반응형 줄바꿈 */
:where(.legal-hero h1,.legal-section>h2,.legal-section h3,.pending h2){
  text-wrap:balance;
}
:where(.legal-hero p,.legal-lead,.legal-section p,.legal-section li,
  .pending p,.alt-guide span,.notice){
  text-wrap:pretty;
}

/* 가장 좁은 모바일에서만 제목과 카드 안쪽 폭을 보정한다. */
@media(max-width:380px){
  .legal-hero h1{font-size:36px}
  .legal-lead,.notice,.pending{
    padding-left:20px;
    padding-right:20px;
  }
}