/* 공지사항 목록 스타일 */
.notice-list {
  list-style: none;
  display: flex;
  flex-direction: column;
}

.notice-link {
  text-decoration: none;
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  border-bottom: 1px solid var(--gray-100);
}

@media (max-width: 767px) {
  .notice-link {
    padding: 16px 8px;
  }
}

.notice-link:hover {
  background-color: var(--black-5);
}

.notice-link-text {
  display: flex;
  align-items: center;
  gap: 28px;
}

@media (max-width: 767px) {
  .notice-link-text {
    gap: 20px;
  }
}

.notice-date {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.notice-arrow-outward {
  width: 28px;
  height: 28px;
}

/* 칩 스타일 추가 */
.chip {
  padding: 6px 16px;
  border-radius: 4px;
  background-color: var(--white);
  border: 1px solid var(--gray-100);
  color: var(--gray-800);
  flex: 0 0 auto;
  white-space: nowrap;
}

.chip.selected {
  background-color: var(--blue-500);
  color: var(--white);
}

.notice-chip-item {
  /* 추가적인 칩 아이템 스타일 */
}

@media (max-width: 767px) {
  .notice-arrow-outward {
    display: none;
  }
}

/* 공지사항 섹션 */
.notice-detail-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px 0;
}