.notice-board{--accent:#2f6bdb;--navy:#0f1d33;--navy-2:#16263f;--navy-line:#24395a;--bg:#f4f7fb;--surface:#fff;--surface-2:#f8fafc;--ink:#1b2435;--ink-2:#485468;--ink-3:#7a8699;--line:#e7ebf2;--line-2:#eef1f6;--imp:#e0454b;--imp-bg:#fdecec;--imp-tint:#fef6f3;--accent-bg:color-mix(in oklab,var(--accent)9%,white);--accent-tint:color-mix(in oklab,var(--accent)5%,white);--accent-ink:color-mix(in oklab,var(--accent)78%,black);--accent-soft:color-mix(in oklab,var(--accent)16%,white);--radius:14px;--shadow-card:0 1px 2px #1420360a,0 8px 24px #1420360f;--shadow-soft:0 1px 2px #1420360d;--font:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--fs-h1:18px;--fs-head:17px;--fs-title:14px;--fs-body:14px;--fs-meta:12.5px;--fs-mini:11px;font-family:var(--font);background:var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased}.notice-board .app{background:var(--surface);max-width:860px;min-height:100vh;box-shadow:var(--shadow-card);flex-direction:column;margin:0 auto;display:flex}.notice-board.notice-board--page{background:#fff;min-height:0}.notice-board.notice-board--page .app{width:100%;max-width:1200px;box-shadow:none;background:0 0;min-height:0;padding:0 24px 72px}.notice-board--page .np-subtitle{color:var(--ink-2);letter-spacing:-.01em;text-align:center;margin:18px 0;font-size:22px;font-weight:600;line-height:1.4}@media (max-width:640px){.notice-board.notice-board--page .app{padding:0 12px 48px}.notice-board--page .np-subtitle{font-size:19px}}.notice-board .head{color:#fff;background:linear-gradient(#13243d,#0f1d33);flex-shrink:0;align-items:center;padding:16px 22px;display:flex}.notice-board .head .ttl{font-size:var(--fs-head);letter-spacing:.01em;white-space:nowrap;flex:1;font-weight:700}.notice-board .head-close{color:#ffffffbf;cursor:pointer;background:#ffffff1f;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-left:12px;display:flex}.notice-board .head-close:hover{color:#fff;background:#ffffff38}.notice-board .head-close svg{width:16px;height:16px}.notice-board .searchbar{flex-shrink:0;align-items:center;margin:14px 14px 0;display:flex;position:relative}.notice-board .searchbar .sb-icon{width:16px;height:16px;color:var(--ink-3);pointer-events:none;position:absolute;left:13px}.notice-board .searchbar .sb-input{border:1px solid var(--line);background:var(--surface-2);width:100%;height:40px;font-family:inherit;font-size:var(--fs-body);color:var(--ink);border-radius:10px;outline:none;padding:0 38px;transition:border-color .15s,background .15s,box-shadow .15s}.notice-board .searchbar .sb-input::placeholder{color:var(--ink-3)}.notice-board .searchbar .sb-input:focus{border-color:var(--accent-soft);background:var(--surface);box-shadow:0 0 0 3px var(--accent-tint)}.notice-board .searchbar .sb-clear{width:22px;height:22px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;right:10px}.notice-board .searchbar .sb-clear:hover{background:var(--line-2);color:var(--ink-2)}.notice-board .searchbar .sb-clear svg{width:15px;height:15px}.notice-board .board-main{flex-direction:column;flex:1;min-height:0;display:flex}.notice-board .board-listwrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.notice-board .board-loading{z-index:20;background:color-mix(in oklab,var(--surface)85%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.notice-board .board-loading .bl-spin{width:34px;height:34px;color:var(--accent);animation:.8s linear infinite nb-spin}.notice-board .board-loading .bl-msg{font-size:var(--fs-meta);color:var(--ink-2);margin:0}@keyframes nb-spin{to{transform:rotate(360deg)}}.notice-board .list{flex:1;padding:8px 14px 10px}.notice-board .thead{font-size:var(--fs-mini);color:var(--ink-3);letter-spacing:.04em;border-bottom:1px solid var(--line);grid-template-columns:74px 1fr 110px;padding:10px 12px;font-weight:700;display:grid}.notice-board .thead .r{text-align:right}.notice-board .row{border-bottom:1px solid var(--line-2);color:inherit;grid-template-columns:74px 1fr 110px;align-items:start;gap:0 12px;padding:15px 12px;text-decoration:none;display:grid}.notice-board .row:hover{background:var(--accent-tint)}.notice-board .row .no{font-size:var(--fs-meta);color:var(--ink-3);font-variant-numeric:tabular-nums;padding-top:1px}.notice-board .row .subj{flex-direction:column;gap:6px;min-width:0;display:flex}.notice-board .row .subjline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notice-board .row .ttl{font-size:var(--fs-title);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.notice-board .row.pin{background:var(--imp-tint);position:relative}.notice-board .row.pin:before{content:"";background:var(--imp);width:4px;position:absolute;top:0;bottom:0;left:0}.notice-board .row.pin:hover{background:var(--imp-bg)}.notice-board .row.pin .ttl{color:var(--navy)}.notice-board .row:hover .ttl{color:var(--accent-ink)}.notice-board .row .date{font-size:var(--fs-meta);color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums;padding-top:1px}.notice-board .badge{font-size:var(--fs-mini);letter-spacing:.02em;white-space:nowrap;border-radius:6px;flex:none;align-items:center;padding:3px 8px;font-weight:700;line-height:1.4;display:inline-flex}.notice-board .badge.imp{color:var(--imp);background:var(--imp-bg)}.notice-board .badge.norm{color:#047857;background:#ecfdf5}.notice-board .badge.sys{color:#1e6a8a;background:#e6f4fb}.notice-board .badge.has-pin{gap:4px}.notice-board .badge .pin-icon{width:12px;height:12px}.notice-board .notice-empty{font-size:var(--fs-meta);color:var(--ink-3);text-align:center;padding:48px 0}.notice-board .pager{z-index:5;background:var(--surface);border-top:1px solid var(--line-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:12px;display:flex;position:sticky;bottom:0}.notice-board .pg{min-width:34px;height:34px;font-family:inherit;font-size:var(--fs-meta);color:var(--ink-2);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;padding:0 10px;text-decoration:none;display:inline-flex}.notice-board .pg:hover{background:var(--surface-2)}.notice-board .pg.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:650}.notice-board .pg.active:hover{background:var(--accent)}.notice-board .pg.ghost{color:var(--ink-3);border:1px solid var(--line)}.notice-board .pg.dots{color:var(--ink-3);cursor:default;pointer-events:none}.notice-board .pg.disabled{opacity:.45;pointer-events:none;cursor:default}.notice-board .foot{background:var(--surface-2);border-top:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.notice-board .logo{align-items:center;gap:10px;display:flex}.notice-board .logo .sub{letter-spacing:.18em;color:#aab4c2;text-transform:uppercase;font-size:8.5px;font-weight:700}.notice-board .foot .cr{font-size:var(--fs-mini);color:var(--ink-3)}.notice-board .closebar{border-top:1px solid var(--line-2);flex-shrink:0;justify-content:center;gap:8px;padding:20px;display:flex}.notice-board .closebtn{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-family:inherit;font-size:var(--fs-meta);cursor:pointer;border-radius:10px;padding:10px 30px;font-weight:550;transition:background .15s}.notice-board .closebtn:hover{background:var(--surface-2)}.notice-board .detail{flex-direction:column;flex:1;display:flex}.notice-board .dtop{z-index:10;background:var(--surface);border-bottom:1px solid var(--line-2);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.notice-board .backlink{color:var(--ink-2);font-size:var(--fs-meta);align-items:center;gap:8px;font-weight:550;text-decoration:none;display:inline-flex}.notice-board .backlink:hover{color:var(--ink)}.notice-board .backlink svg{width:16px;height:16px}.notice-board .dt{font-size:var(--fs-meta);color:var(--ink-3);white-space:nowrap}.notice-board .dt b{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-left:6px;font-weight:600}.notice-board .dtitle{border-bottom:1px solid var(--line-2);flex-shrink:0;align-items:flex-start;gap:12px;padding:22px;display:flex}.notice-board .barv{background:var(--accent);border-radius:3px;flex:none;align-self:stretch;width:3px}.notice-board .barv.imp{background:var(--imp)}.notice-board .dtitle-body{flex:1;min-width:0}.notice-board .dtitle .meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:9px;display:flex}.notice-board .dtitle h3{font-size:var(--fs-h1);color:var(--ink);letter-spacing:-.01em;word-break:break-word;margin:0;font-weight:700;line-height:1.45}.notice-board .prose{font-size:var(--fs-body);color:#2b3445;flex:1;padding:26px 36px 32px}.notice-board .prose p{margin:0 0 .8em;line-height:1.72}.notice-board .prose p:last-child{margin-bottom:0}.notice-board .prose a{color:var(--accent-ink);text-underline-offset:2px;word-break:break-all;text-decoration:underline;text-decoration-thickness:1px}.notice-board .prose strong,.notice-board .prose b{font-weight:700}.notice-board .prose ul,.notice-board .prose ol{margin:0 0 1.15em;padding-left:1.3em;line-height:1.8}.notice-board .prose img{border-radius:4px;max-width:100%;height:auto;margin:1em 0;display:block}.notice-board .prose table{border-collapse:collapse;width:100%;margin:1em 0;font-size:14px}.notice-board .prose th{background:var(--surface-2);border:1px solid var(--line);text-align:left;padding:8px 10px;font-weight:600}.notice-board .prose td{border:1px solid var(--line);padding:8px 10px}.notice-board .prose blockquote{border-left:3px solid var(--line);color:var(--ink-2);margin:1em 0;padding-left:1em}.notice-board .prose hr{border:none;border-top:1px solid var(--line);margin:1.5em 0}.notice-board .prose h1{color:var(--ink);margin:1.2em 0 .5em;font-size:19px;font-weight:700}.notice-board .prose h2{color:var(--ink);margin:1em 0 .4em;font-size:17px;font-weight:700}.notice-board .prose h3{color:var(--ink);margin:.8em 0 .3em;font-size:15px;font-weight:600}.notice-board .attachment{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.notice-board .attachment .att-icon{color:var(--ink-3);flex-shrink:0;width:16px;height:16px;margin-top:1px}.notice-board .attachment .att-label{font-size:var(--fs-mini);color:var(--ink-3);margin-bottom:3px;font-weight:500}.notice-board .attachment .att-link{font-size:var(--fs-meta);color:var(--ink);text-underline-offset:2px;word-break:break-all;text-decoration:underline;display:inline-block}.notice-board .attachment .att-link:hover{color:var(--accent-ink)}.notice-board .adjacent{border-top:1px solid var(--line);flex-shrink:0}.notice-board .adj{border-bottom:1px solid var(--line-2);color:inherit;align-items:center;gap:14px;padding:16px 22px;text-decoration:none;display:flex}.notice-board .adj:last-child{border-bottom:0}.notice-board .adj .lbl{font-size:var(--fs-mini);color:var(--ink-3);flex:none;width:46px;font-weight:700}.notice-board .adj .lk{font-size:var(--fs-meta);color:var(--ink-2);-webkit-line-clamp:1;-webkit-box-orient:vertical;flex:1;min-width:0;line-height:1.5;display:-webkit-box;overflow:hidden}.notice-board .adj:hover .lk{color:var(--accent-ink)}.notice-board .adj.next .lk{color:var(--accent-ink);font-weight:550}.notice-board .mlist{flex-direction:column;flex:1;gap:9px;padding:14px 16px 6px;display:flex}.notice-board .mcard{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:12px;flex-direction:column;gap:9px;padding:13px 14px;text-decoration:none;display:flex}.notice-board .mcard:hover{border-color:var(--accent-soft);background:var(--accent-tint)}.notice-board .mcard .mtop{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.notice-board .mcard .mtitle{font-size:var(--fs-title);color:var(--ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.notice-board .mcard.pin{background:var(--imp-tint);border-left:4px solid var(--imp)}.notice-board .mcard.pin:hover{background:var(--imp-bg)}.notice-board .mcard.pin .mtitle{color:var(--navy)}.notice-board .mcard .mmeta{font-size:var(--fs-mini);color:var(--ink-3);font-variant-numeric:tabular-nums;align-items:center;gap:9px;display:flex}.notice-board .mcard .mmeta .sep{background:#cfd6e0;border-radius:50%;flex-shrink:0;width:3px;height:3px}@media (max-width:640px){.notice-board .list,.notice-board .logo .sub,.notice-board .pg-edge{display:none}.notice-board .dtop{flex-wrap:wrap;gap:8px;padding:14px 16px}.notice-board .dtitle{padding:16px}.notice-board .prose{padding:18px 22px 24px}.notice-board .adj{padding:14px 16px}.notice-board .foot{flex-wrap:wrap;padding:14px 16px}.notice-board .closebar{padding:16px}}@media (min-width:641px){.notice-board .mlist{display:none}}