body{margin:0;background:#f5f8fc;color:#20344e;font-family:system-ui,-apple-system,'Noto Sans KR',sans-serif;line-height:1.85}main{max-width:680px;margin:24px auto;padding:28px;background:#fff;border:1px solid #e3eaf4;border-radius:20px}h1{font-size:26px;letter-spacing:-.7px;margin:12px 0}h2{font-size:17px;margin:28px 0 10px}p,li,dd{font-size:14px;overflow-wrap:anywhere}a{color:#245fc8;text-underline-offset:3px}nav{display:flex;flex-wrap:wrap;gap:16px;font-size:13px}.notice{padding:14px;background:#eef4ff;border-radius:12px;font-size:13px}dt{font-weight:650;font-size:14px}dd{margin:2px 0 16px}footer{margin-top:30px;padding-top:18px;border-top:1px solid #e3eaf4;font-size:12px;color:#64778f}@media(max-width:720px){main{margin:12px;padding:22px;border-radius:16px}h1{font-size:23px}}
html {
  --service-info-safe-top: max(var(--service-info-top-inset, 0px), env(safe-area-inset-top, 0px));
  scroll-padding-top: var(--service-info-safe-top);
}

body {
  display: flow-root;
  padding: var(--service-info-safe-top) env(safe-area-inset-right, 0px)
    env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
}

body::before {
  content: '';
  position: fixed;
  inset: 0 0 auto;
  height: var(--service-info-safe-top);
  background: inherit;
  pointer-events: none;
  z-index: 1;
}

html[data-native-ios] {
  --service-info-top-inset: 48px;
}