/* ===== 한솔 CBT 공통 (변수·기본·헤더·사이드바·레이아웃·푸터) ===== */
:root{
	--navy:#10233F; --navy-800:#16294D; --navy-700:#1D3766; --navy-600:#2B4A85; --navy-500:#5578AE;
	--navy-100:#E7ECF6;
	--mint:#2FD9AA; --mint-600:#22B98F; --mint-700:#0E8F6E; --mint-100:#E1FBF2; --mint-50:#F0FDF9;
	--bg:#F7F8FB; --surface:#FFFFFF; --ink:#181E30; --ink-soft:#5B6478; --line:#E7E9F1;
	--plan:#3D5DBF; --const:#22B98F; --struct:#C0622A; --law:#7454C7;
	--radius:16px; --radius-lg:20px;
	--shadow:0 6px 20px rgba(16,35,63,.07);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
	background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55;letter-spacing:-.01em}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
svg{display:block;flex-shrink:0}
a{color:inherit;text-decoration:none}

/* ---------- Header (GNB · 20261014 시안) ---------- */
.header{background:#14253d;color:#fff;padding:0 32px}
.header .top-in{max-width:1440px;margin:0 auto;min-height:76px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.hamburger{display:none;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;align-items:center;justify-content:center;flex-shrink:0}
.header .logo{display:flex;align-items:center;gap:12px;cursor:pointer}
.header .logo-i{width:40px;height:40px;border-radius:10px;background:#1f8a63;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.header .logo b{display:block;font-size:19px;font-weight:800}
.header .logo small{display:block;font-size:12px;color:#a9b8cc}
.header .gnb{display:flex;flex-wrap:wrap;gap:28px;font-size:15px}
.header .gnb a{color:#dfe7f1;text-decoration:none}
.header .gnb a:hover,.header .gnb a.on{color:#fff}
.header .gnb a.on{font-weight:700}

/* ---------- Layout ---------- */
.overlay{display:none;position:fixed;inset:0;background:rgba(10,15,30,.4);z-index:70}
.overlay.show{display:block}
body > .layout{max-width:1440px;margin:0 auto;padding:28px 32px 48px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}

/* ---------- Sidebar (LNB · 20261014 시안) ---------- */
.sidebar{background:#fff;border-radius:14px;padding:18px 12px;font-size:15px}
.sidebar a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;color:#2b3546;text-decoration:none;border-radius:8px}
.sidebar a:hover{background:#f4f6f8}
.sidebar a.on{color:#14253d;font-weight:700;background:#e3f2eb}
.sidebar a.on.fav{background:#fff4dc}
.sidebar .grp{font-size:12px;color:#6b7686;padding:16px 12px 6px}
.sidebar .div{height:1px;background:#e3e7ec;margin:14px 12px}
.sidebar .ext{display:flex;align-items:center;gap:8px}
.sidebar .cnt{font-size:12px;font-weight:700;border-radius:999px;padding:1px 8px}
.sidebar .cnt-wrong{color:#125c41;background:#e3f2eb}
.sidebar a.on .cnt-wrong{color:#fff;background:#1f8a63}
.sidebar .cnt-fav{color:#7a4a00;background:#fff1d6}
.sidebar a.on .cnt-fav{color:#fff;background:#b07400}

.main{min-width:0}
.view{display:none}
.view.on{display:block;animation:fadein .2s ease}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


.notice{max-width:1440px;margin:0 auto;padding:22px 32px;border-top:1px solid var(--line);font-size:12px;color:#9098AC;line-height:1.7}

/* ---------- Mobile sidebar drawer ---------- */
@media (max-width:880px){
	body > .layout{grid-template-columns:1fr;padding:24px 20px 48px}
	.hamburger{display:flex}
	.header .top-in{flex-wrap:nowrap;justify-content:flex-start}
	.header .gnb{display:none}
	.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:80;width:270px;border-radius:0;overflow-y:auto;
		transform:translateX(-105%);transition:.22s;box-shadow:8px 0 30px rgba(10,15,30,.18)}
	.sidebar.open{transform:none}
}
@media (max-width:640px){
	.header{padding:0 16px}
	body > .layout{padding:20px 16px 40px}
	.header .logo small{display:none}
}

/* 공통 토스트 (준비중 안내, 응시 후 복귀 안내 등) */
.cbt-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:11px 18px;border-radius:12px;font-size:13px;font-weight:700;z-index:400;box-shadow:0 10px 30px rgba(16,35,63,.3);display:none}