@font-face{font-family:Pretendard;src:url("fonts/pretendard/PretendardVariable.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{color-scheme:light;--security-ink:#1d2c26;--security-muted:#475a52;--security-accent:#235642;--security-line:#d5d9d6;--security-paper:#f5f8f7}
.security-header a,.security-links a,.security-main>p>a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.security-main summary{min-height:44px;padding:8px 0;cursor:pointer}.security-main summary:focus-visible{outline:3px solid var(--security-accent);outline-offset:4px}
*{box-sizing:border-box}body{margin:0;background:var(--security-paper);color:var(--security-ink);font-family:Pretendard,"Malgun Gothic",sans-serif;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}a{color:var(--security-accent);text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #235642;outline-offset:4px}button,input{font:inherit}button{min-height:44px;border:1px solid var(--security-accent);border-radius:8px;background:var(--security-accent);color:#fff;padding:10px 18px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}@media (hover: hover) and (pointer: fine) { button:hover:not(:disabled) {background:#163e2d} }.security-header{max-width:1140px;margin:auto;padding:25px 28px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--security-line)}.security-header a:first-child{font-weight:750;text-decoration:none}.security-main{max-width:1000px;margin:auto;padding:64px 28px 80px}h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.2;letter-spacing:-.035em;margin:0 0 28px;text-wrap:balance}h2{font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.4;margin:0 0 20px;letter-spacing:-.025em}.security-lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--security-muted);max-width:66ch}.security-main section{margin-top:60px}.security-main p{max-width:72ch}.security-controls{margin:28px 0 0}.security-controls>div{display:grid;grid-template-columns:minmax(170px,1fr) 2.5fr;gap:28px;padding:23px 0;border-top:1px solid var(--security-line)}.security-controls dt{font-weight:750}.security-controls dd{margin:0;color:var(--security-muted)}.security-controls small{display:block;margin-top:10px;font-size:.85rem}.security-links{display:flex;gap:16px 28px;flex-wrap:wrap;margin-top:28px}.security-footer{border-top:1px solid var(--security-line);padding:28px;max-width:1140px;margin:auto;color:var(--security-muted);font-size:.9rem}.security-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.security-field{display:grid;gap:8px;max-width:34rem;margin:18px 0}.security-field input{min-width:0;width:100%;padding:12px;border:1px solid #758d83;border-radius:6px;background:white}.security-codes{white-space:pre-wrap;word-break:break-all;background:#fff;padding:20px;max-width:100%;font-size:.9rem}.security-dialog{max-width:min(500px,calc(100vw - 32px));border:1px solid var(--security-line);border-radius:12px;padding:28px;color:var(--security-ink)}.security-dialog::backdrop{background:rgb(18 29 25/.5)}@media(max-width:600px){.security-header{padding:20px;align-items:flex-start;font-size:.9rem}.security-main{padding:40px 20px 56px}.security-main section{margin-top:44px}.security-controls>div{grid-template-columns:1fr;gap:8px;padding:20px 0}.security-lead br{display:none}}

/* 움직임 줄이기 설정(2026-09-28 공-11) — 1세대 화면에도 2세대와 같은 전역 규칙. */
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
