.notice-table th:nth-child(1),
.notice-table td:nth-child(1) {
  width: 4.5rem;
  text-align: center;
}

/* 2열 = 시설명(D-99). 긴 시설명은 줄바꿈한다. */
.notice-table th:nth-child(2),
.notice-table td:nth-child(2) {
  width: 9rem;
}

.notice-table th:nth-child(4),
.notice-table td:nth-child(4),
.notice-table th:nth-child(5),
.notice-table td:nth-child(5) {
  width: 6.5rem;
  color: var(--color-text-muted);
  white-space: nowrap;
}

.notice-table__no {
  color: var(--color-text-faint);
  font-weight: 700;
}

.notice-table__pinned .notice-table__no {
  color: var(--color-accent-strong);
}

.notice-table__title a {
  font-weight: 600;
}

.notice-table__pinned .notice-table__title a {
  font-weight: 800;
}

.notice-table__title a:hover {
  color: var(--color-accent-strong);
}

.notice-table__new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  margin-inline-start: var(--space-1);
  color: var(--color-text-inverse);
  background: var(--color-accent-strong);
  border-radius: var(--radius-small);
  font-size: 0.625rem;
  font-weight: 800;
  vertical-align: middle;
}

.notice-page .table-scroll {
  margin-block-end: var(--space-10);
}

/* 공지 상세(D-99) */
.notice-detail {
  border-block: var(--border-default);
}

.notice-detail__header {
  padding-block: var(--space-6);
  border-block-end: var(--border-default);
}

.notice-detail__badge {
  margin-block-end: var(--space-2);
}

.notice-detail__title {
  font-size: 1.75rem;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.notice-detail__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-6);
  margin-block-start: var(--space-3);
  color: var(--color-text-muted);
}

.notice-detail__meta div {
  display: flex;
  gap: var(--space-2);
}

.notice-detail__meta dt {
  font-weight: 700;
}

.notice-detail__body {
  padding-block: var(--space-8);
  line-height: 1.8;
  overflow-wrap: anywhere;
}

.notice-detail__body > * + * {
  margin-block-start: var(--space-4);
}

.notice-detail__body img {
  max-width: 100%;
  height: auto;
}

.notice-detail__body table {
  width: 100%;
  border-collapse: collapse;
}

.notice-detail__body th,
.notice-detail__body td {
  padding: var(--space-2) var(--space-3);
  border: var(--border-default);
}

.notice-detail__body ul,
.notice-detail__body ol {
  padding-inline-start: var(--space-6);
}

.notice-detail__body ul { list-style: disc; }
.notice-detail__body ol { list-style: decimal; }

.notice-detail__body a {
  color: var(--color-accent-strong);
  text-decoration: underline;
}

.notice-detail__files {
  padding-block: var(--space-6);
  border-block-start: var(--border-default);
}

.notice-detail__files-title {
  margin-block-end: var(--space-3);
  font-size: 1.25rem;
}

.notice-detail__actions {
  display: flex;
  justify-content: center;
  margin-block: var(--space-8) var(--space-10);
}

@media (max-width: 64rem) {
  .notice-table td:nth-child(n) {
    width: auto;
    text-align: left;
    white-space: normal;
  }
}