/* ==== notice/list.php ==== */
.notice-page { padding: 48px 0 80px; }
.notice-page .inner { max-width: 900px; margin: 0 auto; padding: 0 20px; }
.notice-head { margin-bottom: 24px; border-bottom: 2px solid #003366; padding-bottom: 16px; }
.notice-title { font-size: 1.5rem; font-weight: 800; color: #003366; }

.notice-table { width: 100%; border-collapse: collapse; }
.notice-table th {
  border-top: 2px solid #222; border-bottom: 1px solid #ddd;
  padding: 12px 10px; font-size: .82rem; font-weight: 700;
  color: #333; background: #fafafa; text-align: center;
}
.notice-table td { padding: 14px 10px; border-bottom: 1px solid #f0f0f0; font-size: .875rem; vertical-align: middle; text-align: center; }

.col-num  { width: 80px; }
.col-date { width: 110px; }
.col-view { width: 70px; color: #aaa; }
.col-title { text-align: left; }

.row-pinned { background: #f4f7fb; }
.row-pinned .col-title { font-weight: 600; }

.badge-pin {
  display: inline-block; padding: 2px 8px;
  background: #003366; color: #fff; border-radius: 3px; font-size: .72rem; font-weight: 700;
}
.notice-link { text-decoration: none; color: #222; }
.notice-link:hover { color: #003366; text-decoration: underline; }

.empty-row { text-align: center; padding: 60px 0; color: #aaa; }

.notice-pager { display: flex; justify-content: center; gap: 6px; margin-top: 32px; }
.pg-btn { display: inline-block; padding: 7px 13px; border: 1px solid #ddd; border-radius: 4px; font-size: .85rem; color: #555; text-decoration: none; }
.pg-btn.on { background: #003366; color: #fff; border-color: #003366; }

@media (max-width: 600px) {
  .col-num, .col-view { display: none; }
  .notice-table th.col-title, .notice-table td.col-title { padding-left: 0; }
}

/* ==== notice/view.php ==== */
.notice-view-page { padding: 48px 0 80px; }
.notice-view-page .inner { max-width: 860px; margin: 0 auto; padding: 0 20px; }
.back-link { display: inline-block; color: #888; font-size: .85rem; text-decoration: none; margin-bottom: 20px; }
.back-link:hover { color: #333; }

.notice-article { background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 36px 40px; margin-bottom: 0; }
.badge-pin { display: inline-block; padding: 2px 8px; background: #003366; color: #fff; border-radius: 3px; font-size: .72rem; font-weight: 700; margin-bottom: 10px; }
.notice-view-title { font-size: 1.4rem; font-weight: 800; line-height: 1.45; margin-bottom: 12px; color: #111; }
.notice-view-meta { display: flex; gap: 16px; font-size: .8rem; color: #aaa; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 28px; }
.notice-view-content { font-size: .9rem; line-height: 1.9; color: #333; min-height: 120px; white-space: pre-wrap; word-break: break-word; }

.notice-nav { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 32px; }
.nav-item { display: flex; align-items: center; gap: 16px; padding: 13px 0; border-bottom: 1px solid #f5f5f5; }
.nav-item:last-child { border-bottom: none; }
.nav-label { flex-shrink: 0; font-size: .78rem; color: #888; font-weight: 600; width: 46px; }
.nav-item a { font-size: .875rem; color: #333; text-decoration: none; }
.nav-item a:hover { color: #003366; }

.notice-actions { margin-top: 20px; }
.btn-list { display: inline-block; padding: 9px 22px; border: 1px solid #ddd; border-radius: 4px; font-size: .875rem; color: #555; text-decoration: none; background: #fff; }
.btn-list:hover { background: #f5f5f5; }

@media (max-width: 600px) {
  .notice-article { padding: 24px 18px; }
  .notice-view-title { font-size: 1.15rem; }
}