/* 약관 · 방침 페이지 — 관리자 [설정 > 약관 · 방침] 에서 발행한 글이 그대로 나온다.
   꾸미지 않는다. 읽으라고 있는 글이고, 분쟁이 생기면 근거가 되는 글이다. */
.pp{max-width:860px;margin:0 auto;padding:calc(var(--navh, 74px) + 56px) 20px 96px;}
.pp__kicker{font-size:12px;font-weight:700;letter-spacing:.08em;color:#8a93a0;text-transform:uppercase;}
.pp__title{margin:10px 0 0;font-size:30px;font-weight:700;letter-spacing:-.02em;color:#101828;}
.pp__meta{margin-top:10px;font-size:12.5px;color:#8a93a0;}
.pp__meta b{font-weight:600;color:#5b6472;}

/* 문서 사이를 오가는 띠 — 세 장이 한 페이지에 다 있지는 않다 */
.pp__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;}
.pp__tabs a{
  padding:7px 14px;border:1px solid #e3e6ea;border-radius:999px;
  font-size:12.5px;font-weight:600;color:#5b6472;text-decoration:none;background:#fff;
}
.pp__tabs a:hover{border-color:#101828;color:#101828;}
.pp__tabs a.on{background:#101828;border-color:#101828;color:#fff;}

/* 본문은 담당자가 적은 줄바꿈 그대로 보여 준다 — 편집기 없이 쓰는 글이라
   문단을 우리가 다시 나누면 번호 매긴 조항이 어긋난다 */
.pp__body{
  margin-top:28px;padding-top:28px;border-top:1px solid #e3e6ea;
  font-size:15px;line-height:1.95;color:#2b3440;
  white-space:pre-wrap;word-break:keep-all;
}
.pp__empty{
  margin-top:28px;padding:40px 24px;border:1px solid #e3e6ea;border-radius:2px;
  background:#f8fafc;text-align:center;font-size:14px;line-height:1.8;color:#5b6472;
}
@media (max-width:640px){
  .pp{padding:calc(var(--navh, 64px) + 32px) 16px 64px;}
  .pp__title{font-size:23px;}
  .pp__body{font-size:14px;line-height:1.85;}
}