:root{--ink:#142f48;--navy:#10273f;--blue:#155d9a;--teal:#078e8e;--line:#d7e4ef;--bg:#f3f7fb;--pale:#e9f3fb;--muted:#516b7e;--white:#fff;--amber:#9e5200;--good:#0b795d}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'Segoe UI',Arial,'Noto Sans KR',sans-serif;color:var(--ink);line-height:1.65}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}.skip{position:absolute;top:-90px;left:8px;background:white;z-index:9}.skip:focus{top:4px}.wrap{width:min(1200px,calc(100% - 32px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line)}.head-flex{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 0}.brand{font-weight:750;display:flex;align-items:center;gap:9px;color:var(--navy);text-decoration:none}.brand img{width:40px;height:40px;object-fit:contain}.site-header nav{display:flex;gap:18px;flex-wrap:wrap}.site-header nav a{color:#245778;text-decoration:none;font-weight:650}.site-header nav a[aria-current]{color:#006c79}.hero{background:linear-gradient(116deg,#102d49,#146b81);border-radius:0 0 24px 24px;color:white;padding:42px 32px;margin:0 0 18px}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:800;color:#a6e9e4}.hero h1{font-size:clamp(25px,3.1vw,39px);line-height:1.16;margin:12px 0}.hero p{max-width:760px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px}.hero-tags span{background:#ffffff23;border:1px solid #ffffff50;border-radius:99px;padding:4px 12px;font-size:13px}.notice,.warning{border:1px solid #f4d69c;background:#fff8e9;color:#68410b;padding:14px 18px;border-radius:12px;margin-bottom:18px}.warning{background:#fff6ed;margin:12px 0}.panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:18px;box-shadow:0 4px 20px #113c5c08}.panel h2{margin:0 0 8px;font-size:24px}.panel h3{font-size:18px;margin:12px 0 8px}.muted{color:var(--muted)}.small{font-size:13px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{border:1px solid var(--line);background:#f7fafc;padding:14px;border-radius:12px}.stat strong{font-size:24px;display:block;color:#10466c}.label{font-size:13px;color:var(--muted);font-weight:650}.form-control{display:flex;flex-direction:column;gap:6px;font-weight:650}.form-control select,.form-control input,.answerbox,textarea{width:100%;border:1px solid #bed0e0;border-radius:10px;background:white;padding:11px;color:var(--ink)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.space{justify-content:space-between}.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:1px solid #16669d;background:var(--blue);color:white;padding:10px 16px;border-radius:10px;font-weight:730;text-decoration:none}.btn.secondary{background:white;color:var(--blue)}.btn.soft{background:#eaf3fa;color:#17435d;border-color:#d5e5ef}.btn.danger{background:#fff6f2;color:#9d321d;border-color:#eac2b8}.btn.smallbtn{font-size:13px;padding:6px 11px}.step{color:var(--teal);font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:800}.pill{padding:4px 9px;font-size:12px;background:#eaf5f6;color:#17646b;border-radius:999px;font-weight:700}.exam{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.sticky{position:sticky;top:12px}.clock{font-size:32px;color:var(--navy);font-weight:780;font-variant-numeric:tabular-nums}.clock.urgent{color:#bb3b22}.question{background:#edf5fc;padding:20px;border-radius:14px}.ko{font-family:'Malgun Gothic','Noto Sans KR',sans-serif;white-space:pre-wrap;word-break:keep-all;line-height:1.85;font-size:17px}.options{display:grid;gap:8px;margin:18px 0}.option{border:1px solid #cbdae8;border-radius:11px;padding:12px;background:white;display:flex;align-items:flex-start;gap:9px;cursor:pointer}.option:has(input:checked){border-color:#117c9d;background:#eefaff}.option input{margin-top:5px}.navnums{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0}.navnums button{border:1px solid #c5d8e6;background:#fff;padding:8px 2px;border-radius:8px;font-weight:700}.navnums button.current{background:#105f8c;color:white}.navnums button.answered{border-color:#099b88;box-shadow:inset 0 0 0 1px #099b88}.writing-task{border:1px solid #d4e5ed;padding:16px;border-radius:12px;margin-bottom:14px}.writing-task p{white-space:pre-wrap}.writing-task textarea{min-height:150px;resize:vertical}.reportline{border-bottom:1px solid #e7edf3;padding:11px 0}.detail{border:1px solid #d7e4ee;border-radius:12px;margin-bottom:11px;overflow:hidden}.detail summary{background:#f0f6fa;cursor:pointer;padding:12px;font-weight:700}.detail .inside{padding:13px}.footer{font-size:13px;color:var(--muted);padding:24px 0}.footer a{color:#125e91}.progress-track{height:9px;border-radius:20px;background:#e1edf4;overflow:hidden}.progress-fill{height:100%;background:#078c91}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:490px}th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left;font-size:14px}th{color:#456577;background:#f5f9fb}.audio-label{display:block;font-size:13px;color:#6b4c13;font-weight:650}audio{width:100%;margin:8px 0}.notready{border:1px solid #edca8f;background:#fff6e7;border-radius:10px;padding:11px}.success{color:var(--good);font-weight:750}.disabled-note{color:#85531b}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.rubric{padding:12px;border-left:4px solid #16a09c;background:#ebf8f7}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tabs button{border:1px solid #b7d1df;background:#fff;color:#16496d;border-radius:8px;padding:8px 13px;font-weight:700}.tabs button[aria-current]{background:#145f8e;color:#fff}.break{color:#ad6d15;font-weight:700}@media(max-width:760px){.head-flex{align-items:flex-start;flex-direction:column;gap:8px}.hero{padding:28px 21px}.grid,.grid3,.exam{grid-template-columns:1fr}.panel{padding:16px}.sticky{position:static}.navnums{grid-template-columns:repeat(10,minmax(0,1fr))}}