[hidden]{display:none!important}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a191ca;outline-offset:3px}
:root{--ink:#3d405e;--muted:#9294ac;--line:#e3e5f1;--violet:#8a7cc5;--sky:#cdeaf5}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fafbff;font-family:'Noto Sans KR',sans-serif;font-size:14px}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:5px;padding:9px 13px}button:hover{background:#f0ecff;border-color:#c9bce9}a{text-decoration:none}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 36px;background:#fff;gap:16px}.brand{font-weight:900;letter-spacing:2px;font-size:19px}.brand small{font-weight:400;font-size:11px;letter-spacing:0;margin-left:12px;color:var(--muted)}.pixel{color:var(--violet);font-size:30px;margin-right:7px}nav{margin-left:auto;display:flex;gap:25px;align-items:center;font-size:12px}nav button{border:0;background:transparent}nav #admin{border:1px solid var(--line);background:#f8f7fe}#menu{display:none}aside{position:absolute;top:76px;bottom:0;min-height:780px;width:254px;border-right:1px solid var(--line);background:#fff;padding:33px 22px}.side-title{font-size:9px;letter-spacing:1.6px;color:#aaa5c2}h3{font-size:16px;margin:11px 0 26px}.home-link{width:100%;text-align:left;background:#efecfa;border-color:#e4def5;color:#7e70b3}.divider{height:1px;background:var(--line);margin:26px 0}.side-label{font-size:11px;color:var(--muted);margin-bottom:18px;display:flex;justify-content:space-between}.folder,.doclink{display:flex;align-items:center;gap:7px;width:100%;text-align:left;border:0;padding:10px 4px;background:none;font-size:12px}.folder .folder-icon{color:#c5b8e9}.tree-child{padding-left:16px}.doclink{color:#83859e;font-size:11px}.branch{color:#c4c6d7}.side-bottom{margin-top:85px;line-height:2;font-size:11px;color:#8d90a6}.side-bottom small{font-size:9px;color:#b0b2c1}.status-dot{display:inline-block;background:#a5cbbd;width:6px;height:6px;margin-right:5px}main{margin-left:254px;min-height:780px;padding:30px 52px 60px}.eyebrow{font-size:10px;letter-spacing:2px;color:#9a92b3}.portal{text-align:center;padding-top:66px;position:relative}.portal:before{content:'+';position:absolute;left:17%;top:105px;color:#c5dbe7;font-size:24px}.portal:after{content:'✧';position:absolute;right:15%;top:180px;color:#d6ccef;font-size:29px}.logo{font-size:70px;letter-spacing:10px;font-weight:900;color:#7b74a9;text-shadow:3px 3px 0 #d9edf7;margin:25px 0 0;line-height:1.4}.logo small{display:block;font-size:13px;letter-spacing:7px;font-weight:600;text-shadow:none;margin:5px 0 26px;color:#9992ba}.tagline{font-size:12px;color:var(--muted);margin:0 0 28px}.header-image{display:block;margin:20px auto;max-width:100%;object-fit:fill}.search{display:flex;border:2px solid #b6a8d8;background:#fff;box-shadow:4px 4px 0 #ece8f6;max-width:600px;margin:auto;border-radius:7px;height:58px;text-align:left}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:0 21px;color:var(--ink);font-size:13px}.search button{border:0;background:transparent;color:#8c7db4;font-size:24px;padding:0 19px}.trends{max-width:570px;margin:19px auto 0;position:relative;text-align:left;font-size:11px;display:flex;align-items:center;gap:19px}.trends label{color:#9386b7;font-weight:600;white-space:nowrap}.rolling{height:23px;overflow:hidden;flex:1}.roll-item{height:23px;line-height:23px;animation:rise .4s ease}.rank{font-weight:700;color:#8f81b3;margin-right:14px}.trends button{font-size:10px;border:0;padding:3px;background:transparent;color:#9695aa}.trend-list{position:absolute;top:30px;right:0;left:90px;background:#fff;border:1px solid var(--line);padding:12px 20px;z-index:3;box-shadow:3px 4px 12px #42405b10}.trend-list a{display:block;padding:8px}.portal-divider{width:40px;height:1px;background:#dcd7e9;margin:47px auto 29px}.quick-label{font-size:10px;color:#a5a1b8;letter-spacing:1px;margin-bottom:15px}.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.chips button{font-size:11px;background:#fff;padding:8px 14px;color:#85829d}.lower{max-width:790px;margin:58px auto 0;display:grid;grid-template-columns:1.1fr 1fr;gap:23px}.card{border:1px solid var(--line);background:white;border-radius:7px;padding:23px;text-align:left}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;font-size:13px;font-weight:600}.card-head small{font-size:9px;letter-spacing:1px;color:#aaa7bd;font-weight:400}.notice{background:linear-gradient(120deg,#f1f7ff,#f4effb);position:relative;overflow:hidden}.notice:after{content:'✦';font-size:90px;color:#e4def2;position:absolute;right:12px;bottom:-17px}.notice p{font-size:12px;line-height:1.9;color:#85839d;position:relative;z-index:1}.notice a{font-size:10px;color:#9484ba}.recent-row{display:flex;padding:10px 0;border-top:1px solid #f0f0f6;font-size:11px;gap:10px}.recent-row span{color:#acacbd;margin-left:auto;font-size:9px}footer{margin-left:254px;border-top:1px solid var(--line);padding:22px 48px;font-size:10px;letter-spacing:1px;color:#9f9cb3;display:flex;gap:20px}footer span{font-size:9px;letter-spacing:0}footer small{margin-left:auto;font-size:8px}.page{max-width:950px;margin:24px auto}.page h1{font-size:28px;margin:16px 0}.breadcrumb{font-size:11px;color:#a29ab7}.article{background:#fff;border:1px solid var(--line);padding:35px;margin-top:22px;line-height:1.95;overflow-wrap:anywhere}.article img,.editor img{max-width:100%;height:auto}.article table,.editor table{border-collapse:collapse;width:100%}td,th{border:1px solid #d5d2e5;padding:10px}blockquote{border-left:3px solid #baaadd;background:#f7f4fc;margin:16px 0;padding:12px 20px}.tabs{display:flex;gap:8px;margin:24px 0}.active{background:#eae4f7!important;color:#7c6ba7}.banner{font-size:12px;line-height:1.8;background:#f1eef9;border:1px solid #e2dbee;padding:16px;border-radius:6px;color:#827398}.settings{background:#fff;border:1px solid var(--line);padding:26px;margin-top:20px}.settings label{display:block;margin:18px 0 8px;font-size:12px}.settings input[type=range]{width:100%;accent-color:#9a88c5}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.primary{background:#9383bf;color:white;border-color:#9383bf}.manage-row{display:flex;align-items:center;gap:5px;border-bottom:1px solid #eeedf4;padding:10px 0;flex-wrap:wrap}.manage-row strong{flex:1;font-size:12px;min-width:100px}.manage-row button{font-size:10px;padding:5px 7px}.toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:12px;background:#f8f7fc;border:1px solid var(--line);margin-top:15px}.toolbar button,.toolbar select{padding:7px;border:1px solid #e3dfed;border-radius:3px;font-size:12px;background:white}.editor{min-height:350px;padding:25px;background:white;outline:none;border:1px solid var(--line);line-height:1.8}.title-input{width:100%;padding:12px;border:1px solid var(--line);font-size:20px}.result{display:block;border:1px solid var(--line);background:white;padding:22px;margin:12px 0}.result p{font-size:12px;color:#9691a6}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#55516e;color:white;padding:12px 25px;border-radius:6px;z-index:50;display:none}dialog{border:1px solid #d2c9e6;border-radius:8px;padding:25px;color:var(--ink);max-width:90vw}dialog::backdrop{background:#36304e55}dialog input{padding:10px;border:1px solid var(--line);width:320px;max-width:100%}.empty{padding:30px;color:#9c96ae;text-align:center}.mobile-close{display:none}@keyframes rise{from{transform:translateY(23px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(min-width:1450px){.portal{padding-top:95px}.lower{margin-top:75px}main{min-height:850px}}@media(max-width:1000px){main{padding:25px;margin-left:225px}aside{width:225px}footer{margin-left:225px;padding:20px}.lower{grid-template-columns:1fr}.portal{padding-top:40px}.logo{font-size:58px}}@media(max-width:700px){header{height:64px;padding:0 16px}.brand{font-size:15px}.brand small,nav a,#all{display:none}nav{gap:0}#menu{display:block;padding:4px 7px}aside{display:none;position:fixed;top:64px;width:270px;z-index:10;box-shadow:10px 0 40px #5552;height:calc(100dvh - 64px);overflow:auto;min-height:0}aside.open{display:block}main{margin-left:0;padding:20px;min-height:calc(100dvh - 140px)}footer{margin-left:0;padding:18px;flex-wrap:wrap;gap:8px}footer small{display:none}.portal{padding-top:35px}.logo{font-size:58px}.portal:before{left:5%}.portal:after{right:4%}.tagline{font-size:11px}.lower{margin-top:40px;gap:15px}.trends{gap:10px;font-size:10px}.settings{padding:16px}.article{padding:20px}.page h1{font-size:24px}.tabs button{font-size:12px}.side-bottom{margin-top:35px}}

