@charset "UTF-8";
/* ================================
   기본 브레이크포인트 (Base Breakpoints)
   ================================ */
.board-page {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
}
.board-page .board-page-content-section {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: clamp(80px, calc(3.125vw + 2.5rem), 100px) 40px;
}
@media screen and (max-width: 1279px) {
  .board-page .board-page-content-section {
    padding: clamp(60px, calc(3.9215686275vw + 1.8651960784rem), 80px) 30px;
  }
}
@media screen and (max-width: 768px) {
  .board-page .board-page-content-section {
    padding: clamp(40px, calc(4.4642857143vw + 1.6071428571rem), 60px) 20px;
  }
}
.board-page .board-page-content-section .container {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
}
.board-page .board-page-content-section .board-table-wrapper {
  margin-bottom: clamp(70px, calc(1.5625vw + 3.125rem), 80px);
}
@media screen and (max-width: 1279px) {
  .board-page .board-page-content-section .board-table-wrapper {
    margin-bottom: clamp(60px, calc(1.9607843137vw + 2.8075980392rem), 70px);
  }
}
@media screen and (max-width: 768px) {
  .board-page .board-page-content-section .board-table-wrapper {
    margin-bottom: clamp(50px, calc(2.2321428571vw + 2.6785714286rem), 60px);
  }
}
.board-page .board-page-content-section .board-table {
  width: 100%;
  border-collapse: collapse;
}
.board-page .board-page-content-section .board-table thead tr th {
  padding: clamp(18px, calc(0.3125vw + 0.875rem), 20px) clamp(34px, calc(0.9375vw + 1.375rem), 40px);
  border-bottom: 1px solid #D9D9D9;
  font-weight: 600;
  font-size: clamp(18px, calc(0.3125vw + 0.875rem), 20px);
  color: #000;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .board-page .board-page-content-section .board-table thead tr th {
    padding: clamp(16px, calc(0.3921568627vw + 0.8115196078rem), 18px) clamp(24px, calc(1.9607843137vw + 0.5575980392rem), 34px);
    font-size: clamp(16px, calc(0.3921568627vw + 0.8115196078rem), 18px);
  }
}
@media screen and (max-width: 768px) {
  .board-page .board-page-content-section .board-table thead tr th {
    padding: clamp(14px, calc(0.4464285714vw + 0.7857142857rem), 16px) clamp(20px, calc(0.8928571429vw + 1.0714285714rem), 24px);
    font-size: clamp(14px, calc(0.4464285714vw + 0.7857142857rem), 16px);
  }
}
.board-page .board-page-content-section .board-table thead tr th.col-no {
  width: 15%;
}
.board-page .board-page-content-section .board-table thead tr th.col-title {
  width: 75%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .board-page .board-page-content-section .board-table thead tr th.col-title {
    width: 65%;
  }
}
.board-page .board-page-content-section .board-table thead tr th.col-date {
  width: 12%;
}
@media screen and (max-width: 768px) {
  .board-page .board-page-content-section .board-table thead tr th.col-date {
    width: 15%;
  }
}
.board-page .board-page-content-section .board-table tbody tr td {
  padding: clamp(24px, calc(0.9375vw + 0.75rem), 30px) clamp(34px, calc(0.9375vw + 1.375rem), 40px);
  border-bottom: 1px solid #D9D9D9;
  font-size: clamp(18px, calc(0.3125vw + 0.875rem), 20px);
  color: #666;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .board-page .board-page-content-section .board-table tbody tr td {
    padding: clamp(14px, calc(0.3921568627vw + 0.6865196078rem), 16px) clamp(14px, calc(0.3921568627vw + 0.6865196078rem), 16px);
    font-size: clamp(14px, calc(0.1960784314vw + 0.7807598039rem), 15px);
  }
}
@media screen and (max-width: 768px) {
  .board-page .board-page-content-section .board-table tbody tr td {
    padding: clamp(12px, calc(0.4464285714vw + 0.6607142857rem), 14px) clamp(12px, calc(0.4464285714vw + 0.6607142857rem), 14px);
    font-size: clamp(13px, calc(0.2232142857vw + 0.7678571429rem), 14px);
  }
}
.board-page .board-page-content-section .board-table tbody tr td.col-no {
  font-weight: 600;
  color: #999;
}
.board-page .board-page-content-section .board-table tbody tr td.col-title {
  text-align: left;
}
.board-page .board-page-content-section .board-table tbody tr td.col-title a {
  display: block;
  overflow: hidden;
  color: #333;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-page .board-page-content-section .board-table tbody tr td.col-date {
  color: #666;
}
.board-page .board-page-content-section .board-table tbody tr td.no-posts {
  padding: clamp(40px, 3.125vw, 60px) clamp(20px, 1.5625vw, 30px);
  text-align: center;
  color: #999;
  font-size: clamp(15px, calc(0.15625vw + 0.8125rem), 16px);
}
@media screen and (max-width: 1279px) {
  .board-page .board-page-content-section .board-table tbody tr td.no-posts {
    padding: clamp(30px, calc(1.9607843137vw + 0.9325980392rem), 40px) clamp(16px, calc(0.7843137255vw + 0.6230392157rem), 20px);
    font-size: clamp(14px, calc(0.1960784314vw + 0.7807598039rem), 15px);
  }
}
@media screen and (max-width: 768px) {
  .board-page .board-page-content-section .board-table tbody tr td.no-posts {
    padding: clamp(24px, calc(1.3392857143vw + 1.2321428571rem), 30px) clamp(14px, calc(0.4464285714vw + 0.7857142857rem), 16px);
    font-size: clamp(13px, calc(0.2232142857vw + 0.7678571429rem), 14px);
  }
}
.board-page .board-page-content-section .board-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.board-page .board-page-content-section .board-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(40px, calc(0.625vw + 2rem), 44px);
  height: clamp(40px, calc(0.625vw + 2rem), 44px);
  font-size: clamp(17px, calc(0.15625vw + 0.9375rem), 18px);
  color: #666;
  text-decoration: none;
}
@media screen and (max-width: 1279px) {
  .board-page .board-page-content-section .board-pagination .page-numbers {
    width: clamp(30px, calc(1.9607843137vw + 0.9325980392rem), 40px);
    height: clamp(30px, calc(1.9607843137vw + 0.9325980392rem), 40px);
    font-size: clamp(16px, calc(0.1960784314vw + 0.9057598039rem), 17px);
  }
}
@media screen and (max-width: 768px) {
  .board-page .board-page-content-section .board-pagination .page-numbers {
    width: clamp(20px, calc(2.2321428571vw + 0.8035714286rem), 30px);
    height: clamp(20px, calc(2.2321428571vw + 0.8035714286rem), 30px);
    font-size: clamp(14px, calc(0.2232142857vw + 0.8303571429rem), 15px);
  }
}
.board-page .board-page-content-section .board-pagination .page-numbers.current {
  color: #000;
}
.board-page .board-page-content-section .board-pagination .dots {
  color: #999;
  pointer-events: none;
  border: none;
  background: transparent;
}