:root{color-scheme:light dark;--bg:#f7f9fc;--panel:rgba(255,255,255,.84);--panel2:#fff;--text:#111827;--muted:#667085;--line:rgba(15,23,42,.09);--accent:#2563eb;--green:#22c55e;--shadow:0 18px 60px rgba(15,23,42,.08)}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden;padding-bottom:calc(84px + env(safe-area-inset-bottom));}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 14% 2%,rgba(37,99,235,.08),transparent 31%),radial-gradient(circle at 92% 8%,rgba(34,197,94,.08),transparent 28%),var(--bg);color:var(--text);line-height:1.7}.page-shell{width:min(1080px,calc(100% - 32px));margin:0 auto}.site-header{height:0;min-height:0;padding:0}.home-link,.contact-link{text-decoration:none;color:inherit}.home-link{
position:fixed;
z-index:80;
left:50%;
bottom:calc(18px + env(safe-area-inset-bottom));
transform:translateX(-50%);
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:11px 19px;
border:1px solid transparent;
border-radius:999px;
background:linear-gradient(135deg,#6366f1,#2563eb);
color:#fff;
box-shadow:
0 14px 34px rgba(37,99,235,.30),
0 4px 12px rgba(37,99,235,.18);
font-size:clamp(13px,3vw,14px);
font-weight:850;
line-height:1;
letter-spacing:-.01em;
white-space:nowrap;
text-decoration:none;
transition:transform .18s ease,box-shadow .18s ease;
}.hero{padding:24px 0 42px}.eyebrow{font-size:13px;font-weight:800;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(38px,7vw,72px);line-height:1.05;letter-spacing:-.055em;margin:14px 0 18px}.hero-copy{max-width:760px;font-size:clamp(17px,2.2vw,21px);color:var(--muted);margin:0}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;color:var(--muted);font-size:13px}.hero-meta span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.62)}.toc{display:flex;flex-wrap:wrap;gap:8px;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--panel);backdrop-filter:blur(18px);box-shadow:var(--shadow);position:sticky;top:12px;z-index:5;margin-bottom:22px}.toc a{text-decoration:none;color:var(--muted);font-size:13px;font-weight:700;padding:8px 11px;border-radius:999px}.toc a:hover{background:rgba(37,99,235,.08);color:var(--accent)}.policy-card,.summary-card{border:1px solid var(--line);border-radius:28px;background:var(--panel);backdrop-filter:blur(18px);box-shadow:var(--shadow);padding:clamp(22px,4vw,38px);margin:18px 0}.policy-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px}.section-number{font-size:13px;font-weight:900;color:var(--accent);letter-spacing:.06em;padding-top:6px}.section-body h2,.summary-card h2{font-size:clamp(22px,3vw,30px);line-height:1.25;letter-spacing:-.035em;margin:0 0 18px}.section-body h3{font-size:16px;margin:18px 0 5px}.section-body p,.section-body li,.summary-card{color:var(--muted)}.section-body strong,.summary-card strong{color:var(--text)}.section-body ul{padding-left:20px}.data-grid,.external-list,.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.data-grid>div,.external-list>div,.summary-grid>span,.notice{border:1px solid var(--line);background:rgba(255,255,255,.54);border-radius:18px;padding:16px}.notice{margin-top:18px}.retention-table-wrap{width:100%;max-width:100%;overflow:hidden;border:1px solid var(--line);border-radius:18px}.retention-table{width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed;min-width:0}.retention-table th,.retention-table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;word-break:normal}.retention-table th{font-size:13px;color:var(--text);background:rgba(15,23,42,.025)}.retention-table tr:last-child td{border-bottom:0}.contact-card{border-color:rgba(37,99,235,.18)}.contact-link{display:inline-flex;margin-top:10px;font-weight:800;color:var(--accent);padding:10px 14px;border-radius:999px;background:rgba(37,99,235,.08)}.muted{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:34px 4px 52px;color:var(--muted);font-size:13px}footer div{display:flex;gap:10px;flex-wrap:wrap}footer strong{color:var(--text)}
@media(hover:hover) and (pointer:fine){
.home-link:hover{
transform:translateX(-50%) translateY(-2px);
box-shadow:
0 18px 40px rgba(37,99,235,.34),
0 6px 14px rgba(37,99,235,.20);
}
}
.home-link:active{
transform:translateX(-50%) scale(.97);
}
@media(max-width:720px){.page-shell{width:min(100% - 20px,1080px)}.hero{padding:18px 4px 26px}.toc{position:static;padding:12px;border-radius:20px}.policy-card{grid-template-columns:1fr;padding:22px;border-radius:22px}.section-number{padding:0}.data-grid,.external-list,.summary-grid{grid-template-columns:1fr}footer{flex-direction:column}.retention-table{font-size:12px}.retention-table th,.retention-table td{padding:10px 8px;line-height:1.55}}
@media(prefers-color-scheme:dark){:root{--bg:#090d14;--panel:rgba(15,23,42,.82);--panel2:#0f172a;--text:#f8fafc;--muted:#9aa4b2;--line:rgba(255,255,255,.09);--shadow:0 18px 70px rgba(0,0,0,.24)}body{background:radial-gradient(circle at 14% 2%,rgba(59,130,246,.13),transparent 31%),radial-gradient(circle at 92% 8%,rgba(34,197,94,.1),transparent 28%),var(--bg)}.hero-meta span,.data-grid>div,.external-list>div,.summary-grid>span,.notice{background:rgba(255,255,255,.035)}.retention-table th{background:rgba(255,255,255,.035)}}
