@charset "UTF-8";
@font-face { font-family:"Pretendard Variable"; src:url("../../assets/fonts/PretendardVariable.woff2") format("woff2"); font-weight:45 920; font-display:swap; }
:root { --ink:#0d0e14; --violet:#6d5efc; --violet-2:#8d80ff; --violet-soft:#efedff; --lime:#ccff4d; --lime-ink:#2c3a06; --paper:#ffffff; --paper-2:#f4f4f7; --text:#22242e; --muted:#63677a; --faint:#9a9eb1; --line:#e5e5ec; --edge:rgba(255,255,255,.1); --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace; --wrap:1120px; --pad:max(24px,calc((100vw - 1120px)/2)); }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--text); font-family:"Pretendard Variable","Noto Sans KR",Arial,sans-serif; line-height:1.75; word-break:keep-all; overflow-wrap:break-word; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
h1,h2 { margin:0; letter-spacing:-.05em; text-wrap:balance; }
p { margin:0; }
ul { margin:0; }

header { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 var(--pad); background:var(--ink); color:#fff; }
.notice-brand { display:inline-flex; align-items:center; gap:11px; text-decoration:none; }
.brand-seal { position:relative; display:block; width:32px; height:32px; border-radius:10px; background:var(--violet); flex:none; }
.brand-seal i { position:absolute; left:7px; top:9px; width:18px; height:3px; border-radius:2px; background:#fff; }
.brand-seal b { position:absolute; bottom:9px; width:4.4px; height:4.4px; border-radius:50%; background:var(--lime); }
.brand-seal b:nth-of-type(1) { left:7px; }
.brand-seal b:nth-of-type(2) { left:13.8px; }
.brand-seal b:nth-of-type(3) { left:20.6px; }
.notice-brand > b { font-size:20px; font-weight:800; letter-spacing:-.045em; }
.back { padding:10px 15px; border:1px solid var(--edge); border-radius:999px; color:rgba(255,255,255,.72); font-size:12.5px; font-weight:680; text-decoration:none; transition:color .2s,border-color .2s,background .2s; }
.back:hover { color:var(--lime-ink); border-color:var(--lime); background:var(--lime); }

.notice-hero { display:grid; grid-template-columns:1.15fr .85fr; gap:8vw; align-items:end; padding:clamp(64px,8vw,104px) var(--pad); background:radial-gradient(120% 150% at 8% 0%,rgba(109,94,252,.42),transparent 60%),var(--ink); color:#fff; }
.notice-hero > div > p { display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; padding:7px 14px 7px 11px; border:1px solid var(--edge); border-radius:999px; background:rgba(255,255,255,.05); color:rgba(255,255,255,.8); font-size:12.5px; font-weight:700; }
.notice-hero > div > p::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 4px rgba(204,255,77,.16); }
.notice-hero h1 { font-size:clamp(38px,5.6vw,70px); font-weight:800; line-height:1.14; }
.notice-hero h1 em { color:var(--lime); font-weight:inherit; font-style:normal; }
.notice-hero dl { margin:0; border-top:1px solid var(--edge); }
.notice-hero dl div { display:grid; grid-template-columns:92px 1fr; gap:18px; padding:15px 0; border-bottom:1px solid var(--edge); }
.notice-hero dt { color:rgba(255,255,255,.38); font-size:11.5px; }
.notice-hero dd { margin:0; color:#fff; font-size:12.5px; font-weight:650; }
.notice-hero dd a { color:var(--lime); }

.notice-content { width:min(calc(100% - 48px),var(--wrap)); margin:0 auto; padding:clamp(64px,8vw,100px) 0 120px; }
.intro { max-width:660px; margin-bottom:52px; color:var(--muted); font-size:16px; }
details { border-top:1px solid var(--line); }
details:last-of-type { border-bottom:1px solid var(--line); }
summary { min-height:92px; display:grid; grid-template-columns:56px 1fr 32px; align-items:center; gap:16px; cursor:pointer; list-style:none; }
summary::-webkit-details-marker { display:none; }
summary b { color:var(--violet); font:750 11px/1 var(--mono); letter-spacing:.1em; }
summary span { color:var(--ink); font-size:21px; font-weight:760; letter-spacing:-.04em; }
summary i { position:relative; width:30px; height:30px; border:1px solid var(--line); border-radius:50%; transition:background .2s,border-color .2s; }
summary i::before, summary i::after { content:""; position:absolute; left:50%; top:50%; width:9px; height:1.4px; background:var(--muted); transform:translate(-50%,-50%); }
summary i::after { transform:translate(-50%,-50%) rotate(90deg); transition:transform .2s; }
details[open] summary i { border-color:var(--violet); background:var(--violet-soft); }
details[open] summary i::after { transform:translate(-50%,-50%); }
.detail-body { margin:0 0 36px 72px; padding:34px 38px; border:1px solid var(--line); border-radius:20px; background:var(--paper-2); }
.detail-body h2 { margin-bottom:14px; color:var(--ink); font-size:23px; line-height:1.3; }
.detail-body h2 + h2, .detail-body p + h2 { margin-top:34px; }
.detail-body p, .detail-body li { color:var(--muted); font-size:13.5px; }
.detail-body ul { padding-left:18px; }
.detail-body li + li { margin-top:7px; }
.detail-body p + p { margin-top:12px; }
.callout { margin-top:26px; padding:18px 20px; border-left:3px solid var(--violet); border-radius:0 12px 12px 0; background:var(--violet-soft); color:#3f3a80; }
.callout a { color:var(--violet); }
.table-wrap { margin:24px 0; overflow-x:auto; border:1px solid var(--line); border-radius:14px; background:var(--paper); }
.table-hint { display:none; margin:-14px 0 24px; color:var(--faint); font-size:11.5px; }
table { min-width:840px; width:100%; border-collapse:collapse; font-size:11px; }
th,td { padding:13px 15px; border-bottom:1px solid var(--line); text-align:left; }
th { background:var(--paper-2); color:var(--faint); font-size:10px; font-weight:700; letter-spacing:.03em; }
tr:last-child td { border-bottom:0; }
td { color:var(--muted); }
td:first-child { color:var(--ink); font-weight:720; }
td a { color:var(--violet); }
td:last-child { min-width:120px; white-space:normal; }

.contact-block { margin-top:84px; padding:56px; border-radius:26px; background:radial-gradient(120% 150% at 10% 0%,rgba(109,94,252,.55),transparent 62%),var(--ink); color:#fff; }
.contact-block p { margin-bottom:16px; color:var(--lime); font-size:12.5px; font-weight:750; }
.contact-block h2 { font-size:clamp(30px,4.6vw,48px); font-weight:790; line-height:1.2; }
.contact-block a { display:inline-flex; align-items:center; gap:14px; margin-top:30px; min-height:52px; padding:0 26px; border-radius:999px; background:var(--lime); color:var(--lime-ink); font-size:14.5px; font-weight:760; text-decoration:none; transition:transform .2s,box-shadow .2s; }
.contact-block a:hover { transform:translateY(-2px); box-shadow:0 14px 34px rgba(204,255,77,.3); }

footer { min-height:108px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 var(--pad); background:var(--ink); color:rgba(255,255,255,.38); font-size:12px; }

@media(max-width:760px){
    .table-hint { display:block; }
    header { min-height:64px; padding-inline:20px; }
    .notice-hero { grid-template-columns:1fr; gap:48px; padding-inline:20px; }
    .notice-content { width:calc(100% - 40px); padding-block:56px 80px; }
    summary { grid-template-columns:40px 1fr 28px; gap:12px; }
    summary span { font-size:18px; }
    .detail-body { margin-left:0; padding:24px 20px; border-radius:16px; }
    table { min-width:640px; }
    .contact-block { padding:36px 24px; border-radius:20px; }
    .contact-block a { width:100%; justify-content:center; }
    footer { align-items:flex-start; flex-direction:column; justify-content:center; gap:6px; padding:26px 20px; }
}