@charset "UTF-8";
/* ================================
   기본 브레이크포인트 (Base Breakpoints)
   ================================ */
/* ================================
   페이지 상단 섹션 (메인페이지 제외)
   ================================ */
.board-page-top-section {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1640px;
  height: 550px;
  margin: 0 auto;
  padding: 0 40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1279px) {
  .board-page-top-section {
    height: clamp(400px, calc(29.4117647059vw + 10.8639705882rem), 550px);
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .board-page-top-section {
    height: clamp(250px, calc(33.4821428571vw + 8.9285714286rem), 400px);
    padding: 0 20px;
  }
}
.board-page-top-section .container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.board-page-top-section .board-title {
  font-weight: 700;
  font-size: clamp(42px, calc(0.9375vw + 1.875rem), 48px);
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .board-page-top-section .board-title {
    font-size: clamp(38px, calc(0.7843137255vw + 1.9980392157rem), 42px);
  }
}
@media screen and (max-width: 768px) {
  .board-page-top-section .board-title {
    font-size: clamp(32px, calc(1.3392857143vw + 1.7321428571rem), 38px);
  }
}

.board-categories {
  display: flex;
  justify-content: flex-start;
  gap: clamp(40px, calc(1.5625vw + 1.25rem), 50px);
  margin-bottom: clamp(44px, calc(0.9375vw + 2rem), 50px);
}

.board-category-tab {
  padding: 0 10px;
  font-weight: 600;
  font-size: clamp(22px, calc(0.3125vw + 1.125rem), 24px);
  color: #666;
  text-decoration: none;
}
@media screen and (max-width: 1279px) {
  .board-category-tab {
    font-size: clamp(18px, calc(0.7843137255vw + 0.7480392157rem), 22px);
  }
}
@media screen and (max-width: 768px) {
  .board-category-tab {
    font-size: clamp(16px, calc(0.4464285714vw + 0.9107142857rem), 18px);
  }
}
.board-category-tab.active {
  color: #FFAE00;
}