:root{--surface:#fff;--text:#151826;--muted:#6b7280;--line:#e5e7eb;--primary:#4f46e5;--primary2:#7c3aed;--shadow:0 20px 50px rgba(31,41,55,.08);--radius:24px}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif;background:linear-gradient(180deg,#f8fbff 0%,#f6f8fc 100%);color:var(--text)}
.page-shell{max-width:1280px;margin:0 auto;padding:0 20px 20px}.content-shell{display:flex;flex-direction:column;gap:22px;padding-top:18px}.sticky-shell{position:sticky;top:0;z-index:80;background:rgba(248,251,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,231,235,.9);margin:0 -20px;padding:12px 20px 14px}.topbar-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand-wrap{display:flex;flex-direction:column;gap:6px}.brand-title{font-weight:900;font-size:30px;line-height:1.1}.brand-sub{font-size:14px;color:var(--muted)}.top-actions{justify-content:flex-end}
.card{background:var(--surface);border:1px solid rgba(229,231,235,.8);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.hero-card{padding:30px}.hero-title{font-size:42px;line-height:1.08;margin:8px 0 10px}.hero-meta-row{margin-top:4px}.hero-description{font-size:18px;line-height:1.8;color:#2a3142;margin:18px 0 0;white-space:pre-wrap}.badge{display:inline-flex;align-items:center;background:#eef2ff;color:#4338ca;border-radius:999px;padding:10px 14px;font-weight:700;font-size:14px}.muted{color:var(--muted)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.stack{display:flex;flex-direction:column;gap:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:none;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;padding:14px 20px;border-radius:16px;font-weight:800;font-size:15px;box-shadow:0 12px 30px rgba(79,70,229,.25)}
.btn.secondary{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:none}.btn.danger{background:#fff;color:#b91c1c;border:1px solid #fecaca;box-shadow:none}.btn.small{padding:10px 14px;border-radius:12px;font-size:14px}
.panel-title{font-weight:800;font-size:20px;margin:0 0 16px}.sub-title{font-size:18px;font-weight:800;margin:0 0 14px}.notice{padding:14px 16px;border-radius:16px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.info{padding:14px 16px;border-radius:16px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.error{padding:14px 16px;border-radius:16px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
input,textarea,select{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;font:inherit;background:#fff}textarea{min-height:90px;resize:vertical}label{font-size:14px;font-weight:700;display:block;margin-bottom:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1 / -1}
.section-card,.latest-card,.admin-panel{width:100%}.file-list-box,.folder-box,.qna-box{max-height:460px;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:14px;background:#fff}.file-item,.folder-item,.qna-item,.admin-subcard{background:#fafbff;border:1px solid #edf0f7;border-radius:18px;padding:16px}.file-item,.folder-item,.qna-item{margin-bottom:10px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f3f4f6;color:#374151;font-size:12px;font-weight:700}.meta{font-size:13px;color:var(--muted)}.footer{padding:26px 0;color:var(--muted);font-size:13px}
.recent-update-box{margin-top:18px;padding:18px 20px;border:1px solid #dbeafe;background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);border-radius:22px}.recent-update-label{font-size:13px;font-weight:800;color:#4338ca;margin-bottom:6px}.recent-update-name{font-size:20px;font-weight:800;margin-bottom:6px}.recent-update-summary{margin-top:10px;line-height:1.7;color:#253047;white-space:pre-wrap}.latest-note-box{margin-top:18px;border:1px solid var(--line);border-radius:22px;padding:20px;background:#fff}.notes-list{line-height:1.8;white-space:pre-wrap;color:#334155}
.modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.45);display:none;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal-backdrop.show{display:flex}.modal{width:min(900px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.2);padding:24px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tabs button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}.tabs button.active{background:#eef2ff;color:#4338ca}.hidden{display:none}
#adminOnly{display:none} body.admin #adminOnly{display:block} body.admin .admin-inline{display:inline-flex} .admin-inline{display:none}
@media (max-width:900px){.page-shell{padding:0 14px 20px}.sticky-shell{margin:0 -14px;padding:10px 14px 12px}.topbar-inner{flex-direction:column;align-items:flex-start}.top-actions{width:100%;justify-content:flex-start}.brand-title{font-size:26px}.hero-title{font-size:34px}.form-grid,.admin-grid{grid-template-columns:1fr}.card,.modal{padding:20px}.file-list-box,.folder-box,.qna-box{max-height:unset}.hero-description{font-size:17px;line-height:1.75}}


.file-item{transition:all .18s ease}
.file-item .file-description{white-space:pre-wrap;line-height:1.7;color:#253047}
.file-item .file-expand-guide{display:block}
.file-item .file-description.collapsed{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:3.4em}
.file-item.expanded{padding:20px;background:#f4f7ff;border-color:#dbe4ff}
.file-item.expanded .file-description{display:block;-webkit-line-clamp:unset;max-height:none;overflow:visible}
.file-item.expanded .file-expand-guide{color:#4338ca;font-weight:700}