/* 벨로데스크 문서 페이지 공통 스타일 (약관·처리방침)
   [2026-07-25 a2] 홈(index.html)의 디자인 토큰을 그대로 상속 — 오프화이트 지면 + 잉크 + 딥그린 액센트.
   옛 뷰티 시절 톤(그린+골드 세리프)은 폐기. 문서는 '읽히는 것'이 목적이라 장식 없이 여백·위계로만 만든다. */
:root{
  --paper:#F6F4F1; --paper-2:#EFEBE6; --ink:#14161A; --ink-60:rgba(20,22,26,.62);
  --ink-38:rgba(20,22,26,.38); --line:rgba(20,22,26,.14);
  --accent:#1B5E4B; --accent-soft:#E7EFEA; --dark:#101315;
}
*{box-sizing:border-box}
body{margin:0; background:var(--paper); color:var(--ink);
  font-family:'Pretendard Variable',Pretendard,-apple-system,sans-serif;
  font-size:16px; line-height:1.78; letter-spacing:-.012em; word-break:keep-all;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:820px; margin:0 auto; padding:0 28px}
a{color:var(--accent)}

/* 상단 바 — 홈과 같은 로고 규격 */
.nav{position:sticky; top:0; z-index:20; background:rgba(246,244,241,.9);
  backdrop-filter:blur(12px); border-bottom:1px solid var(--line)}
.nav__in{max-width:820px; margin:0 auto; padding:16px 28px; display:flex; align-items:center; gap:24px}
.nav__logo{font-weight:800; font-size:23px; letter-spacing:-.04em; text-decoration:none; color:var(--ink)}
.nav__logo span{color:var(--accent)}
.nav__menu{margin-left:auto; display:flex; gap:20px}
.nav__menu a{font-size:14px; color:var(--ink-60); text-decoration:none}
.nav__menu a:hover{color:var(--ink)}

/* 문서 머리 */
.doc{padding:76px 0 96px}
.doc__head{padding-bottom:38px; border-bottom:1px solid var(--line); margin-bottom:52px; position:relative}
.doc__head::before{content:''; position:absolute; top:-14px; left:0; width:44px; height:2px; background:var(--accent)}
.doc__kicker{display:block; font-size:13px; color:var(--accent); letter-spacing:.06em; margin-bottom:14px}
.doc h1{margin:0; font-size:clamp(30px,4.4vw,46px); font-weight:750; letter-spacing:-.035em; line-height:1.16}
.doc__meta{margin:18px 0 0; font-size:14px; color:var(--ink-38)}
.doc__lead{margin:22px 0 0; font-size:16px; color:var(--ink-60)}

/* 본문 */
.doc__body h2{margin:52px 0 14px; font-size:20px; font-weight:700; letter-spacing:-.03em; line-height:1.4}
.doc__body h2:first-child{margin-top:0}
.doc__body h3{margin:28px 0 10px; font-size:16px; font-weight:650}
.doc__body p{margin:0 0 14px; color:var(--ink-60)}
.doc__body ol,.doc__body ul{margin:0 0 14px; padding-left:22px; color:var(--ink-60)}
.doc__body li{margin-bottom:9px}
.doc__body li>ul{margin-top:9px; padding-left:18px}
.doc__body strong,.doc__body b{color:var(--ink); font-weight:650}

/* 표 — 처리방침의 수집항목·보유기간용 */
.doc__table{width:100%; border-collapse:collapse; margin:6px 0 18px; font-size:15px}
.doc__table th,.doc__table td{border:1px solid var(--line); padding:14px 16px; text-align:left; vertical-align:top}
.doc__table th{background:var(--paper-2); font-weight:650; color:var(--ink); white-space:nowrap}
.doc__table td{color:var(--ink-60)}

/* 부칙 */
.doc__addendum{margin-top:56px; padding:24px 26px; background:var(--paper-2); border-left:2px solid var(--accent)}
.doc__addendum b{display:block; margin-bottom:8px; font-size:15px}
.doc__addendum p{margin:0; font-size:15px; color:var(--ink-60)}

/* 사업자 정보 */
.doc__biz{margin-top:64px; padding-top:38px; border-top:1px solid var(--line)}
.doc__biz h2{margin:0 0 20px; font-size:17px; font-weight:700; letter-spacing:-.03em}
.doc__biz dl{margin:0; display:grid; gap:1px; background:var(--line); border:1px solid var(--line)}
.doc__biz dl>div{display:grid; grid-template-columns:180px 1fr; background:var(--paper)}
.doc__biz dt{padding:14px 18px; background:var(--paper-2); font-size:14px; font-weight:650}
.doc__biz dd{margin:0; padding:14px 18px; font-size:14px; color:var(--ink-60)}

/* 하단 */
.doc__foot{background:var(--dark); color:rgba(255,255,255,.6); padding:34px 0}
.doc__foot .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.doc__foot a{color:#fff; text-decoration:none; font-size:15px}
.doc__foot span{font-size:13px}

@media (max-width:640px){
  .wrap,.nav__in{padding-left:20px; padding-right:20px}
  .doc{padding:52px 0 68px}
  .doc__biz dl>div{grid-template-columns:1fr}
  .doc__biz dt{padding-bottom:4px}
  /* [2026-07-25 a2] 회장님 «튀어나온거 없는지» — 모바일에서 표가 화면 밖으로 12px 나가
     옆으로 밀어야 읽혔다. 셀 여백·글자를 줄이고 머리글 줄바꿈을 허용해 한 화면에 담는다. */
  .doc__table{display:table; width:100%; table-layout:fixed; font-size:13.5px}
  .doc__table th,.doc__table td{padding:10px 8px; word-break:keep-all}
  .doc__table th{white-space:normal}
  /* 푸터 링크 터치 영역 — 25px는 손가락으로 누르기 작다(권장 44px) */
  .doc__foot a{display:inline-block; padding:9px 0}
}