@charset "utf-8";

/* Board Banner */
.board-banner {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  max-height: 300px;
}

/* Nariya Icon Overrides (CSS-based icons) */
.na-new {
  background-image: none !important;
  background-color: #c23a3a;
  border-radius: 2px;
  width: 15px !important;
  height: 13px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.na-new::before {
  content: 'N';
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  font-family: Arial, sans-serif;
}

.na-hot {
  background-image: none !important;
  background-color: #fd7e14;
  border-radius: 2px;
  width: 14px !important;
  height: 10px !important;
}
.na-hot::before {
  content: 'H';
  font-size: 8px;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.na-secret {
  background-image: none !important;
}
.na-secret::before {
  content: '\f023';
  font-family: 'FontAwesome';
  font-size: 10px;
  color: #6c757d;
}

.na-image {
  background-image: none !important;
}
.na-image::before {
  content: '\f03e';
  font-family: 'FontAwesome';
  font-size: 10px;
  color: #17a2b8;
}

.na-video {
  background-image: none !important;
}
.na-video::before {
  content: '\f03d';
  font-family: 'FontAwesome';
  font-size: 10px;
  color: #dc3545;
}

.na-file {
  background-image: none !important;
}
.na-file::before {
  content: '\f15b';
  font-family: 'FontAwesome';
  font-size: 10px;
  color: #6c757d;
}

.na-link {
  background-image: none !important;
}
.na-link::before {
  content: '\f0c1';
  font-family: 'FontAwesome';
  font-size: 10px;
  color: #007bff;
}

.na-reply {
  background-image: none !important;
}
.na-reply::before {
  content: '\f3e5';
  font-family: 'FontAwesome';
  font-size: 10px;
  color: #28a745;
}

.na-notice {
  background-image: none !important;
  background-color: #dc3545;
  border-radius: 3px;
  width: auto !important;
  min-width: auto !important;
  padding: 2px 6px !important;
  height: auto !important;
  line-height: normal !important;
  font-size: 11px !important;
}
.na-notice::before {
  content: '공지';
  font-size: 11px;
  font-weight: bold;
  color: #fff;
}