/* 공지사항·매체공지사항 공통 화면 */
.notice-summary { display:flex; align-items:center; gap:16px; padding:20px 22px; margin-bottom:24px; background:var(--erp-notice-bg); border:1px solid var(--erp-rail-border); border-radius:10px; }
.notice-summary-icon { display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; background:var(--erp-avatar-bg); color:var(--erp-accent-strong); border-radius:12px; font-size:22px; }
.notice-summary strong { font-size:13px; color:var(--erp-accent-strong); }
.notice-summary p { margin:7px 0 0; font-size:11px; color:#7d8594; line-height:1.6; }
.notice-demo-label { margin-left:auto; white-space:nowrap; font-size:10px; color:var(--erp-accent-text); }
.notice-board-tabs { display:flex; gap:28px; padding:0 24px; border-bottom:1px solid #e9ecf1; }
.notice-board-tabs a { padding:20px 0; color:#8d95a3; font-size:12px; border-bottom:2px solid transparent; }
.notice-board-tabs a.active { color:var(--erp-brand); border-bottom-color:var(--erp-brand); font-weight:700; }
.notice-platforms { display:flex; flex-wrap:wrap; gap:8px; padding:22px 24px 0; }
.notice-platforms button { padding:7px 15px; border:1px solid #e5e7ed; border-radius:6px; color:#7d8594; font-size:11px; }
.notice-platforms button.active { color:var(--erp-accent-strong); border-color:var(--erp-rail-active-bg); background:var(--erp-active-bg); font-weight:700; }
.notice-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 24px; }
.notice-toolbar > .search-group { flex:0 1 auto; min-width:0; margin-left:auto; justify-content:flex-end; flex-wrap:nowrap; }
.notice-toolbar .form-select { width:auto; flex-shrink:0; }
.notice-toolbar .btn { white-space:nowrap; flex-shrink:0; }
#notice-search { width:230px; min-width:120px; flex:1; max-width:230px; }
.notice-pin-option { display:flex; align-items:center; gap:7px; font-size:11px; color:#687487; white-space:nowrap; }
.notice-pin-option input { accent-color:var(--erp-primary); }
.notice-list-meta { display:flex; justify-content:space-between; gap:12px; padding:0 24px 16px; font-size:11px; color:#929aaa; }
#notice-count { color:var(--erp-accent-strong); }
.notice-table { min-width:740px; }
.notice-table .notice-subject-col { width:44%; }
.notice-table td { padding-top:20px; padding-bottom:20px; }
.notice-table tr.is-pinned { background:var(--erp-notice-bg); }
.notice-title-link { color:#344054; font-size:12px; font-weight:600; white-space:normal; overflow-wrap:anywhere; line-height:1.7; }
.notice-title-link:hover { color:var(--erp-primary); text-decoration:underline; }
.notice-pin { display:inline-block; padding:4px 8px; background:var(--erp-avatar-bg); color:var(--erp-accent-strong); border-radius:4px; font-size:10px; white-space:nowrap; }
.notice-category { display:inline-block; color:#7d8594; font-size:10px; padding:4px 8px; border:1px solid #e5e7ed; border-radius:4px; white-space:nowrap; }
.notice-platform { color:var(--erp-accent-strong); font-size:11px; font-weight:600; }
.notice-article-header { padding:30px 34px; border-bottom:1px solid #e9ecf1; }
.notice-article-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; align-items:center; }
.notice-article-header h2 { font-size:23px; line-height:1.5; margin:0 0 16px; letter-spacing:-0.7px; overflow-wrap:anywhere; }
.notice-article-meta { display:flex; flex-wrap:wrap; gap:20px; color:#929aaa; font-size:11px; }
.notice-article-body { padding:34px; min-height:320px; font-size:13px; line-height:2; color:#536071; white-space:pre-wrap; overflow-wrap:anywhere; }
.notice-article-foot { padding:18px 34px; font-size:11px; color:#929aaa; background:#f8f9fc; border-top:1px solid #edf0f5; }
.notice-article-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px 28px; border-top:1px solid #e9ecf1; }
.notice-editor-head { padding:26px 30px; border-bottom:1px solid #e9ecf1; }
.notice-editor-head h2 { margin:0 0 8px; font-size:17px; }
.notice-editor-head p { margin:0; color:#929aaa; font-size:12px; }
.notice-editor-body { padding:28px 30px; }
.notice-body-input { resize:vertical; line-height:1.9; min-height:280px; }
.notice-pin-option { margin-top:20px; }
.notice-form-error { color:#b42318; font-size:12px; margin-top:14px; }
@media (max-width:1150px) { .notice-toolbar { flex-wrap:wrap; } .notice-toolbar > .search-group { flex-wrap:wrap; flex-basis:100%; } }
@media (max-width:800px) { .notice-summary { padding:16px; } .notice-demo-label { display:none; } .notice-toolbar { padding:18px; } .notice-article-header,.notice-article-body,.notice-editor-head,.notice-editor-body { padding:22px; } .notice-article-header h2 { font-size:20px; } .notice-list-meta { flex-direction:column; gap:6px; padding:0 18px 14px; } }
@media (max-width:480px) { #notice-search { width:100%; max-width:none; flex-basis:100%; } .notice-summary-icon { display:none; } .notice-platforms { padding:16px 16px 0; gap:6px; } .notice-platforms button { padding:7px 10px; } .notice-board-tabs { padding:0 18px; } .notice-article-actions { padding:18px; } .notice-article-meta { gap:12px; } }

/* 목록 위에 펼쳐지는 공지 작성 영역 */
.notice-inline-editor { padding:0 24px 24px; }
.notice-inline-editor[hidden],.notice-inline-message[hidden] { display:none; }
.notice-inline-editor > .panel { border-color:var(--erp-rail-border); }
.notice-inline-message { margin:0 24px 20px; padding:14px 16px; border-radius:7px; background:var(--erp-notice-bg); color:var(--erp-accent-strong); font-size:12px; line-height:1.7; }
@media(max-width:800px) { .notice-inline-editor { padding:0 18px 18px; } .notice-inline-message { margin:0 18px 18px; } }

/* 선택한 게시물 바로 아래에 펼쳐지는 상세 */
.notice-table .notice-expanded-row > td { padding:0; white-space:normal; background:#fff; }
.notice-inline-detail { border-block:1px solid var(--erp-rail-border); background:var(--erp-notice-bg); }
.notice-inline-detail > header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:26px 30px; border-bottom:1px solid var(--erp-rail-border); }
.notice-inline-detail h2 { margin:14px 0; font-size:19px; line-height:1.6; overflow-wrap:anywhere; }
.notice-inline-detail .btn { flex-shrink:0; }
.notice-inline-body { padding:28px 30px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:2; color:#536071; }
.notice-inline-foot { margin:0; padding:0 30px 22px; font-size:11px; color:#929aaa; }
.notice-title-link[aria-expanded="true"] { color:var(--erp-primary); }