:root{--바탕:#07090d;--판:#0e131b;--판2:#141b26;--선:#ffffff14;--선강:#ffffff29;--글:#e8edf4;--흐림:#8d98a8;--파랑:#2f7bff;--파랑옅음:#2f7bff24;--빨강:#ff3b4e;--빨강옅음:#ff3b4e24;--초록:#2fd17a;--초록옅음:#2fd17a24;--노랑:#ffc24b;--둥글기:14px;--곡선:cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box}html,body{background:var(--바탕);color:var(--글);margin:0}body{word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:14px;line-height:1.55}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.뼈대{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.메뉴{border-right:1px solid var(--선);flex-direction:column;gap:4px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.로고{letter-spacing:-.02em;padding:4px 10px 18px;font-size:16px;font-weight:700}.로고 small{color:var(--흐림);font-size:12px;font-weight:500;display:block}.메뉴 a{color:var(--흐림);transition:background .4s var(--곡선), color .4s var(--곡선);border-radius:10px;padding:10px 12px;text-decoration:none}.메뉴 a:hover{color:var(--글);background:var(--판2)}.메뉴 a.지금{color:var(--글);background:var(--파랑옅음);box-shadow:inset 3px 0 0 var(--파랑)}.메뉴 .아래{margin-top:auto}.본문{width:100%;max-width:1280px;padding:28px 32px 60px}h1{letter-spacing:-.02em;margin:0 0 4px;font-size:22px}.설명{color:var(--흐림);margin:0 0 22px}.틀{border:1px solid var(--선);border-radius:calc(var(--둥글기) + 6px);background:#ffffff05;padding:6px}.틀>.속{background:var(--판);border-radius:var(--둥글기);padding:18px 20px;box-shadow:inset 0 1px #ffffff0d}.칸들{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:22px;display:grid}.숫자칸 .이름{color:var(--흐림);font-size:13px}.숫자칸 .값{letter-spacing:-.03em;margin-top:4px;font-size:30px;font-weight:700}.숫자칸 .값 small{color:var(--흐림);margin-left:4px;font-size:14px;font-weight:500}.표틀{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--흐림);border-bottom:1px solid var(--선);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:500}td{border-bottom:1px solid var(--선);vertical-align:middle;padding:11px 12px}tr.누를수있음{cursor:pointer;transition:background .3s var(--곡선)}tr.누를수있음:hover{background:var(--판2)}.흐림{color:var(--흐림)}.작게{font-size:12px}.고정폭{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}a.단추{align-items:center;text-decoration:none;display:inline-flex}.단추{border:1px solid var(--선강);background:var(--판2);cursor:pointer;min-height:40px;transition:transform .2s var(--곡선), background .3s var(--곡선);white-space:nowrap;border-radius:999px;padding:9px 16px}.단추:hover{background:#1b2433}.단추:active{transform:scale(.98)}.단추:disabled{opacity:.45;cursor:not-allowed}.단추.주{background:var(--파랑);color:#fff;border-color:#0000;font-weight:600}.단추.위험{background:var(--빨강옅음);color:#ffb3bb;border-color:#ff3b4e66}.단추.작은{min-height:32px;padding:5px 12px;font-size:13px}.줄{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.줄.사이{justify-content:space-between}.여백위{margin-top:18px}input[type=text],input[type=password],input[type=search],input[type=email],select,textarea{background:var(--바탕);border:1px solid var(--선강);min-height:40px;transition:border-color .3s var(--곡선);border-radius:10px;outline:none;padding:9px 12px}input:focus,select:focus,textarea:focus{border-color:var(--파랑)}textarea{resize:vertical;width:100%;min-height:220px;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.5}label.칸{color:var(--흐림);gap:6px;font-size:13px;display:grid}label.칸>input,label.칸>select{color:var(--글)}.표시{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.표시:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.표시.초록{color:var(--초록);background:var(--초록옅음)}.표시.빨강{color:var(--빨강);background:var(--빨강옅음)}.표시.파랑{color:#8db6ff;background:var(--파랑옅음)}.표시.회색{color:var(--흐림);background:#ffffff0d}.알림{background:var(--판2);border:1px solid var(--선강);z-index:30;border-radius:12px;max-width:420px;padding:12px 18px;position:fixed;bottom:24px;right:24px;box-shadow:0 20px 50px #00000073}.알림.오류{border-color:#ff3b4e80}.오류글{color:#ff8f9b}.빈자리{text-align:center;color:var(--흐림);padding:40px}.로그인판{place-items:center;min-height:100vh;padding:16px;display:grid}.로그인판 .틀{width:100%;max-width:400px}.로그인판 form{gap:14px;display:grid}.놓는곳{border:1.5px dashed var(--선강);border-radius:var(--둥글기);text-align:center;color:var(--흐림);transition:border-color .3s var(--곡선), background .3s var(--곡선);padding:34px}.놓는곳.위에{border-color:var(--파랑);background:var(--파랑옅음);color:var(--글)}.덮개{z-index:20;background:#0000009e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.창{width:100%;max-width:720px;max-height:86vh;overflow:auto}.고르기목록{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:12px;display:grid}.고르기칸{text-align:left;background:var(--판2);border:1px solid var(--선);cursor:pointer;min-height:44px;transition:border-color .3s var(--곡선);border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.고르기칸:hover{border-color:var(--파랑)}.고르기칸 img,.그림없음{object-fit:cover;background:#000;border-radius:8px;flex:none;width:64px;height:48px}.그림없음{color:var(--흐림);place-items:center;font-size:11px;display:grid}.격자{gap:10px;display:grid}.격자칸{border:1px dashed var(--선강);border-radius:12px;align-content:start;gap:6px;min-height:110px;padding:10px;display:grid}.탭줄{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.탭{border:1px solid var(--선);cursor:pointer;color:var(--흐림);background:0 0;border-radius:999px;min-height:40px;padding:8px 16px}.탭.지금{background:var(--파랑옅음);color:var(--글);border-color:var(--파랑)}.원문{white-space:pre-wrap;word-break:break-all;max-height:600px;margin:0;font-size:12px;line-height:1.5;overflow:auto}@media (width<=860px){.뼈대{grid-template-columns:1fr}.메뉴{border-right:0;border-bottom:1px solid var(--선);flex-flow:wrap;align-content:flex-start;align-items:center;height:auto;padding:12px;position:static}.메뉴 a{padding:8px 12px}.메뉴 .아래{margin-top:0}.로고{width:100%;padding-bottom:8px}.본문{padding:20px 16px 48px}}.일정뼈대{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:start;gap:20px;display:grid}.일정판{gap:14px;display:grid}.달제목{letter-spacing:-.02em;font-size:17px}.달력{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.요일칸{color:var(--흐림);text-align:center;padding:4px 0;font-size:12px}.요일칸.일요일{color:#ff8f9b}.날칸{text-align:left;background:var(--판);border:1px solid var(--선);cursor:pointer;min-height:92px;transition:border-color .3s var(--곡선);border-radius:10px;flex-direction:column;align-items:stretch;gap:3px;padding:6px 7px;display:flex;overflow:hidden}.날칸:hover{border-color:var(--선강)}.날칸.다른달{opacity:.4}.날칸.지남 .날숫자{color:var(--흐림)}.날칸.오늘 .날숫자{background:var(--파랑);color:#fff;border-radius:6px;align-self:flex-start;padding:0 6px}.날칸.고름{border-color:var(--파랑);box-shadow:inset 0 0 0 1px var(--파랑)}.날숫자{font-size:13px;font-weight:700}.날수업{background:var(--파랑옅음);color:#b9d0ff;-webkit-line-clamp:2;word-break:break-all;border-radius:5px;-webkit-box-orient:vertical;padding:1px 5px;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.날개수{color:#b9d0ff;background:var(--파랑옅음);border-radius:5px;align-self:flex-start;padding:0 5px;font-size:11px;display:none}.날수업.경고{background:var(--빨강옅음);color:#ff8f9b}.일정목록,.미리목록{gap:6px;margin:0;padding:0;list-style:none;display:grid}.일정목록 li{background:var(--판2);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.일정목록 .순번{background:var(--파랑옅음);color:#b9d0ff;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.일정목록 .이름{flex:1;min-width:0}.미리목록 li{color:var(--흐림);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.미리목록 li.일정{color:var(--글);background:var(--판2)}.넣기목록{gap:6px;max-height:280px;margin-top:10px;display:grid;overflow:auto}.넣기칸{text-align:left;background:var(--판2);border:1px solid var(--선);cursor:pointer;border-radius:10px;justify-content:space-between;gap:10px;padding:8px 12px;display:flex}.넣기칸:hover:not(:disabled){border-color:var(--파랑)}.넣기칸:disabled{opacity:.45;cursor:default}@media (width<=1000px){.일정뼈대{grid-template-columns:1fr}.날칸{min-height:64px}.날수업,.날외{display:none}.날개수{display:inline-block}}.날수업.공통{color:var(--흐림);background:#ffffff0d}