/* =============================================
   민성모터스 - Sub Page CSS
   common.css 로드 후 사용
   서브페이지 공통 + kboard 게시판 스킨 오버라이드
   ============================================= */

/* =============================================
   서브페이지 상단 배너 (Hero Banner)
   ============================================= */
.ms-sub-hero {
  position: relative;
  width: 100%;
  height: 280px;
  overflow: hidden;
  background: var(--color-dark);
  display: flex;
  align-items: center;
}

.ms-sub-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.45;
}

.ms-sub-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(10,10,10,0.7) 0%,
    rgba(10,10,10,0.3) 100%
  );
}

.ms-sub-hero__content {
  position: relative;
  z-index: 2;
  max-width: var(--max-width);
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}

.ms-sub-hero__label {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--color-gold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.ms-sub-hero__title {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1.2;
  margin-bottom: 12px;
}

.ms-sub-hero__title em {
  font-style: normal;
  color: var(--color-gold);
}

.ms-sub-hero__desc {
  font-size: 0.95rem;
  color: rgba(255,255,255,0.65);
  line-height: 1.6;
}

.ms-sub-hero__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  padding: 12px 24px;
  background: var(--color-gold);
  color: var(--color-dark);
  font-size: 0.88rem;
  font-weight: 800;
  border-radius: var(--radius);
  transition: background var(--transition);
}

.ms-sub-hero__btn:hover {
  background: var(--color-gold-light);
}

/* 배너 골드 악센트 라인 */
.ms-sub-hero::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, var(--color-gold), transparent);
  z-index: 3;
}

/* =============================================
   서브페이지 본문 래퍼
   ============================================= */
.ms-sub-body {
  background: #f7f7f7;
  padding: 48px 0 80px;
  min-height: 60vh;
}

.ms-sub-inner {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 24px;
}

/* =============================================
   kboard thumbnail_custom 스킨 오버라이드
   list / document / editor 공통 래퍼
   ============================================= */

/* --- 공통 컨테이너 --- */
#kboard-thumbnail-list,
#kboard-thumbnail-document,
#kboard-thumbnail-editor {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
  padding: 32px;
  margin-bottom: 0;
}

/* --- 리스트: 헤더 (카테고리 왼쪽 + 정렬/총건수 오른쪽) --- */
#kboard-thumbnail-list .kboard-list-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  padding: 0 0 12px !important;
  border-bottom: 2px solid var(--color-dark);
  margin-bottom: 0 !important;
  width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
}

#kboard-thumbnail-list .kboard-list-header__left {
  flex: 1;
  min-width: 0;
}

#kboard-thumbnail-list .kboard-list-header__right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

/* 총건수 */
#kboard-thumbnail-list .kboard-total-count {
  font-size: 0.82rem;
  color: var(--color-gray);
  white-space: nowrap;
}

/* 정렬 */
#kboard-thumbnail-list .kboard-sort {
  display: flex;
  align-items: center;
}

#kboard-thumbnail-list .kboard-sort select {
  height: 32px;
  border-radius: var(--radius);
  border: 1px solid var(--color-border);
  font-size: 0.82rem;
  color: var(--color-dark);
  padding: 0 10px;
  background: #fff;
  cursor: pointer;
}

/* --- 카테고리 (오른쪽 영역 안, 정렬과 나란히) --- */
/* 셀렉트형: tree-select */
#kboard-thumbnail-list .kboard-tree-category-search {
  display: contents; /* 자신은 flex item 아니고 자식이 바로 flex item이 됨 */
}

#kboard-thumbnail-list .kboard-tree-category-wrap {
  display: contents;
}

#kboard-thumbnail-list .kboard-search-option-wrap {
  display: contents;
}

#kboard-thumbnail-list .kboard-tree-category-search form {
  display: contents;
}

#kboard-thumbnail-list .kboard-tree-category-search select,
#kboard-thumbnail-list .kboard-category-mobile select {
  height: 32px !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius) !important;
  font-size: 0.82rem !important;
  color: var(--color-dark) !important;
  padding: 0 10px !important;
  background: #fff !important;
  width: auto !important;
  min-width: 90px;
  margin: 0 !important;
  cursor: pointer;
}

/* default 카테고리 (셀렉트형 모바일 숨기고 PC ul 숨김) */
#kboard-thumbnail-list .kboard-category {
  display: contents;
}

#kboard-thumbnail-list .kboard-category.category-mobile {
  display: contents;
}

#kboard-thumbnail-list .kboard-category.category-pc {
  display: none !important; /* 탭 ul은 숨기고 셀렉트만 사용 */
}

#kboard-thumbnail-list .kboard-category form {
  display: contents;
}

/* 탭형 카테고리 (kboard-tree-category ul) */
#kboard-thumbnail-list .kboard-tree-category {
  display: flex !important;
  flex-wrap: wrap;
  gap: 2px;
  list-style: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  overflow: visible !important;
}

#kboard-thumbnail-list .kboard-tree-category li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

#kboard-thumbnail-list .kboard-tree-category li::before,
#kboard-thumbnail-list .kboard-tree-category li::after {
  display: none !important;
}

#kboard-thumbnail-list .kboard-tree-category li a {
  display: flex !important;
  align-items: center;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--color-gray);
  padding: 6px 14px !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
  transition: all 0.2s;
  background: #fff;
  white-space: nowrap;
}

#kboard-thumbnail-list .kboard-tree-category li a:hover {
  border-color: var(--color-gold) !important;
  color: var(--color-dark);
}

#kboard-thumbnail-list .kboard-tree-category li.kboard-category-selected a {
  background: var(--color-dark) !important;
  border-color: var(--color-dark) !important;
  color: var(--color-gold) !important;
  font-weight: 700;
}

/* default 카테고리 (탭형 ul.kboard-category-list) */
#kboard-thumbnail-list .kboard-category-list {
  display: flex !important;
  flex-wrap: wrap;
  gap: 2px;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#kboard-thumbnail-list .kboard-category-list li::before,
#kboard-thumbnail-list .kboard-category-list li::after {
  display: none !important;
}

#kboard-thumbnail-list .kboard-category-list li a {
  display: flex !important;
  align-items: center;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--color-gray);
  padding: 6px 14px !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 20px !important;
  text-decoration: none !important;
  background: #fff;
  white-space: nowrap;
  transition: all 0.2s;
}

#kboard-thumbnail-list .kboard-category-list li a:hover {
  border-color: var(--color-gold) !important;
  color: var(--color-dark);
}

#kboard-thumbnail-list .kboard-category-list li.kboard-category-selected a {
  background: var(--color-dark) !important;
  border-color: var(--color-dark) !important;
  color: var(--color-gold) !important;
  font-weight: 700;
}

/* --- 리스트: 추천차량 --- */
#kboard-thumbnail-list .kboard-recommend {
  padding: 24px 0 0;
  margin-bottom: 0;
}

#kboard-thumbnail-list .kboard-recommend-title {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-border);
}

#kboard-thumbnail-list .kboard-recommend-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 32px;
}

#kboard-thumbnail-list .kboard-recommend-item {
  border-radius: 8px;
  border: 1px solid var(--color-border);
  overflow: hidden;
  transition: all 0.2s ease;
}

#kboard-thumbnail-list .kboard-recommend-item:hover {
  border-color: var(--color-gold);
  box-shadow: 0 4px 16px rgba(201,168,76,0.15);
  transform: translateY(-3px);
}

#kboard-thumbnail-list .kboard-recommend-item .recommend-thumbnail {
  height: 150px;
}

#kboard-thumbnail-list .kboard-recommend-item .recommend-price {
  color: var(--color-dark);
  font-weight: 800;
}

/* --- 리스트: 테이블 --- */
#kboard-thumbnail-list .kboard-list table {
  font-size: 0.9rem;
}

#kboard-thumbnail-list .kboard-list thead td {
  padding: 14px 12px;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--color-gray);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: var(--color-gray-light);
  border-bottom: 2px solid var(--color-border);
}

#kboard-thumbnail-list .kboard-list tbody tr {
  transition: background 0.15s;
}

#kboard-thumbnail-list .kboard-list tbody tr:hover {
  background: #fffbf0;
}

#kboard-thumbnail-list .kboard-list tbody tr.kboard-list-notice {
  background: #fffbe6;
}

#kboard-thumbnail-list .kboard-list tbody td.kboard-list-thumbnail img {
  border-radius: 6px;
  height: 100px;
}

#kboard-thumbnail-list .kboard-list tbody td.kboard-list-title .kboard-brand {
  color: var(--color-gold);
  font-weight: 700;
}

#kboard-thumbnail-list .kboard-list tbody td.kboard-list-price {
  color: var(--color-dark);
  font-size: 1.1rem;
  font-weight: 800;
}

#kboard-thumbnail-list .kboard-list tbody td.kboard-list-price .price-unit {
  font-size: 0.78rem;
  color: var(--color-gray);
}

#kboard-thumbnail-list .kboard-list tbody td.kboard-list-price .price-inquiry {
  color: #0066cc;
  font-size: 0.9rem;
}

/* --- 리스트: 페이지네이션 --- */
#kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li a {
  border-radius: var(--radius);
  color: var(--color-gray);
  border: 1px solid var(--color-border);
}

#kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li.active a {
  background: var(--color-dark);
  border-color: var(--color-dark);
  color: var(--color-gold);
}

#kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li:hover a {
  border-color: var(--color-gold);
  color: var(--color-dark);
}

/* --- 리스트: 글쓰기 버튼 --- */
#kboard-thumbnail-list .kboard-control {
  margin-top: 8px;
}

a.kboard-thumbnail-button-small,
button.kboard-thumbnail-button-small {
  background: var(--color-dark) !important;
  color: var(--color-gold) !important;
  border: none !important;
  border-radius: var(--radius) !important;
  font-weight: 700 !important;
  transition: opacity 0.2s !important;
}

a.kboard-thumbnail-button-small:hover,
button.kboard-thumbnail-button-small:hover {
  background: var(--color-gold) !important;
  color: var(--color-dark) !important;
}

/* --- Document: 제목/가격 헤더 --- */
#kboard-thumbnail-document .kboard-title {
  padding: 20px 0 16px;
  border-bottom: 2px solid var(--color-dark);
}

#kboard-thumbnail-document .kboard-title h1 {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--color-dark);
  letter-spacing: -0.02em;
}

#kboard-thumbnail-document .kboard-title-price {
  color: var(--color-dark);
  font-size: 1.6rem;
  font-weight: 800;
}

#kboard-thumbnail-document .kboard-title-price .price-unit {
  font-size: 0.9rem;
  color: var(--color-gray);
}

#kboard-thumbnail-document .kboard-title-price .price-inquiry {
  font-size: 1rem;
  color: #0066cc;
}

/* --- Document: 차량 카테고리 뱃지 --- */
#kboard-thumbnail-document .kboard-detail {
  background: var(--color-gray-light);
  border-top: none;
  border-bottom: 1px solid var(--color-border);
}

#kboard-thumbnail-document .kboard-detail .detail-attr .detail-name {
  display: inline-block;
  padding: 3px 10px;
  background: var(--color-dark);
  color: var(--color-gold);
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 20px;
  letter-spacing: 0.04em;
}

/* --- Document: 차량 요약 테이블 --- */
#kboard-thumbnail-document .kboard-car-summary .car-summary-title {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 10px;
  margin-bottom: 14px;
}

#kboard-thumbnail-document .kboard-car-summary .car-summary-table th {
  background: var(--color-gray-light);
  color: var(--color-gray);
  font-size: 0.82rem;
  font-weight: 600;
}

#kboard-thumbnail-document .kboard-car-summary .car-summary-table td {
  font-size: 0.9rem;
  color: var(--color-dark);
  font-weight: 500;
}

/* --- Document: 판매자 정보 --- */
#kboard-thumbnail-document .dealer-info-section {
  background: var(--color-gray-light);
  border: 1px solid var(--color-border);
  border-radius: 8px;
}

#kboard-thumbnail-document .dealer-section-title {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#kboard-thumbnail-document .dealer-info-row .dealer-name {
  color: var(--color-dark);
}

#kboard-thumbnail-document .dealer-call-btn {
  background: var(--color-gold) !important;
  color: var(--color-dark) !important;
  border: none !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

#kboard-thumbnail-document .dealer-call-btn:hover {
  background: var(--color-gold-light) !important;
}

#kboard-thumbnail-document .dealer-call-btn.company-call {
  background: var(--color-dark) !important;
  color: var(--color-gold) !important;
  border: none !important;
}

#kboard-thumbnail-document .dealer-call-btn.company-call:hover {
  background: #333 !important;
}

/* --- Document: 섹션 네비 (쇼핑몰형 나열) --- */
#kboard-thumbnail-document .kboard-content-tabs {
  margin-top: 24px;
  border-top: 2px solid var(--color-dark);
}

#kboard-thumbnail-document .section-nav {
  display: flex;
  gap: 8px;
  padding: 16px 0;
  border-bottom: 1px solid var(--color-border);
  position: sticky;
  top: 60px;
  background: #fff;
  z-index: 10;
}

#kboard-thumbnail-document .section-nav-btn {
  display: inline-flex;
  align-items: center;
  padding: 7px 18px;
  border: 1.5px solid var(--color-border);
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--color-gray);
  text-decoration: none;
  transition: all 0.2s;
  background: #fff;
}

#kboard-thumbnail-document .section-nav-btn:hover {
  border-color: var(--color-gold);
  color: var(--color-dark);
}

#kboard-thumbnail-document .content-section {
  padding: 32px 0;
  border-bottom: 1px solid var(--color-border);
}

#kboard-thumbnail-document .content-section:last-child {
  border-bottom: none;
}

#kboard-thumbnail-document .content-section-title {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-border);
}

/* --- Document: 이전/다음 네비 --- */
#kboard-thumbnail-document .kboard-document-navi a {
  font-size: 0.88rem;
  color: var(--color-gray);
}

#kboard-thumbnail-document .kboard-document-navi a:hover {
  color: var(--color-dark);
}

/* =============================================
   kboard contact-form 스킨 오버라이드 (내차팔기)
   ============================================= */

#kboard-contact-form-editor {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
  padding: 32px;
}

/* 폼 필드 라벨 */
#kboard-contact-form-editor .kboard-attr-row .attr-name {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--color-dark);
  line-height: 1.4;
  margin-bottom: 6px;
}

#kboard-contact-form-editor .kboard-attr-row .attr-name .attr-required-text {
  color: var(--color-gold);
  font-size: 0.8rem;
}

/* 입력 필드 */
#kboard-contact-form-editor input[type=text],
#kboard-contact-form-editor input[type=email],
#kboard-contact-form-editor input[type=number],
#kboard-contact-form-editor input[type=date],
#kboard-contact-form-editor input[type=password],
#kboard-contact-form-editor select,
#kboard-contact-form-editor .editor-textarea {
  border: 1.5px solid var(--color-border);
  border-radius: var(--radius);
  font-size: 0.92rem;
  color: var(--color-dark);
  background: #fff;
  transition: border-color 0.2s;
  height: auto;
  padding: 10px 14px;
  line-height: 1.5;
}

#kboard-contact-form-editor input[type=text]:focus,
#kboard-contact-form-editor input[type=email]:focus,
#kboard-contact-form-editor input[type=number]:focus,
#kboard-contact-form-editor input[type=date]:focus,
#kboard-contact-form-editor input[type=password]:focus,
#kboard-contact-form-editor select:focus,
#kboard-contact-form-editor .editor-textarea:focus {
  border-color: var(--color-gold);
  outline: none;
}

#kboard-contact-form-editor input[type=text]:hover,
#kboard-contact-form-editor input[type=email]:hover,
#kboard-contact-form-editor input[type=number]:hover,
#kboard-contact-form-editor select:hover,
#kboard-contact-form-editor .editor-textarea:hover {
  border-color: #bbb;
}

#kboard-contact-form-editor .editor-textarea {
  height: 160px;
  resize: vertical;
}

#kboard-contact-form-editor .kboard-attr-row {
  padding: 8px 0;
  border-bottom: 1px solid var(--color-gray-light);
}

#kboard-contact-form-editor .kboard-attr-row:last-of-type {
  border-bottom: none;
}

/* 전송 버튼 */
button.kboard-contact-form-button-large {
  background: var(--color-gold) !important;
  color: var(--color-dark) !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  border-radius: var(--radius) !important;
  padding: 0 48px !important;
  height: 52px !important;
  line-height: 52px !important;
  transition: background 0.2s !important;
  letter-spacing: -0.01em !important;
}

button.kboard-contact-form-button-large:hover {
  background: var(--color-gold-light) !important;
  opacity: 1 !important;
}

a.kboard-contact-form-button-small,
button.kboard-contact-form-button-small {
  background: var(--color-gray-light) !important;
  color: var(--color-dark) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius) !important;
  font-weight: 600 !important;
  height: 36px !important;
  line-height: 36px !important;
}

/* 전송 완료 안내 */
#kboard-contact-form-editor .kboard-contact-form-poweredby {
  display: none;
}

/* =============================================
   RESPONSIVE
   ============================================= */
@media (max-width: 1024px) {
  #kboard-thumbnail-list .kboard-recommend-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .ms-sub-hero {
    height: 200px;
  }

  .ms-sub-hero__title {
    font-size: 1.5rem;
  }

  .ms-sub-body {
    padding: 32px 0 60px;
  }

  .ms-sub-inner {
    padding: 0 16px;
  }

  #kboard-thumbnail-list,
  #kboard-thumbnail-document,
  #kboard-thumbnail-editor,
  #kboard-contact-form-editor {
    padding: 20px 16px;
    border-radius: 8px;
  }

  #kboard-thumbnail-list .kboard-recommend-list {
    grid-template-columns: repeat(2, 1fr);
  }

  #kboard-thumbnail-list .kboard-recommend-item .recommend-thumbnail {
    height: 110px;
  }
}

@media (max-width: 480px) {
  #kboard-thumbnail-list .kboard-recommend-list {
    grid-template-columns: 1fr 1fr;
  }
}

/* =============================================
   kboard default_custom 스킨 오버라이드 (커뮤니티/공지사항)
   ============================================= */

/* 컨테이너 */
#kboard-default-list,
#kboard-default-document {
  display: block !important;   /* inline-block 덮어쓰기 */
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important; /* float 자식 height collapse 방지 */
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
  padding: 32px;
  margin-bottom: 0;
}

/* 헤더: 총건수(왼쪽) + 카테고리+정렬(오른쪽) */
#kboard-default-list .kboard-list-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  padding: 0 0 12px !important;
  border-bottom: 2px solid var(--color-dark);
  margin-bottom: 0 !important;
  width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
}

#kboard-default-list .kboard-list-header__left {
  flex: 1;
  min-width: 0;
}

#kboard-default-list .kboard-list-header__right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

#kboard-default-list .kboard-total-count {
  font-size: 0.82rem;
  color: var(--color-gray);
  white-space: nowrap;
}

#kboard-default-list .kboard-sort {
  display: flex;
  align-items: center;
}

#kboard-default-list .kboard-sort select {
  height: 32px;
  border-radius: var(--radius);
  border: 1px solid var(--color-border) !important;
  font-size: 0.82rem;
  color: var(--color-dark);
  padding: 0 10px;
  background: #fff !important;
  cursor: pointer;
}

/* 카테고리 (오른쪽 flex 안에서) */
#kboard-default-list .kboard-tree-category-search,
#kboard-default-list .kboard-category {
  display: contents;
}

#kboard-default-list .kboard-tree-category-wrap,
#kboard-default-list .kboard-search-option-wrap {
  display: contents;
}

#kboard-default-list .kboard-tree-category-search form,
#kboard-default-list .kboard-category form {
  display: contents;
}

#kboard-default-list .kboard-tree-category-search select,
#kboard-default-list .kboard-category.category-mobile select {
  height: 32px !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius) !important;
  font-size: 0.82rem !important;
  color: var(--color-dark) !important;
  padding: 0 10px !important;
  background: #fff !important;
  width: auto !important;
  min-width: 90px;
  margin: 0 !important;
  cursor: pointer;
}

#kboard-default-list .kboard-category.category-pc {
  display: none !important;
}

/* 리스트 테이블 */
#kboard-default-list .kboard-list {
  float: none !important;
  width: 100% !important;
  margin-top: 0;
}

#kboard-default-list .kboard-list table {
  font-size: 0.9rem;
}

#kboard-default-list .kboard-list thead tr td {
  padding: 12px 8px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--color-gray);
  letter-spacing: 0.04em;
  background: var(--color-gray-light);
  border-bottom: 2px solid var(--color-border) !important;
}

#kboard-default-list .kboard-list tbody tr {
  transition: background 0.15s;
}

#kboard-default-list .kboard-list tbody tr:hover {
  background: #fffbf0 !important;
}

#kboard-default-list .kboard-list tbody tr.kboard-list-notice {
  background: #fffbe6 !important;
}

#kboard-default-list .kboard-list tbody tr td {
  padding: 12px 8px;
  border-bottom: 1px solid var(--color-border) !important;
  font-size: 0.88rem;
  color: var(--color-dark);
}

#kboard-default-list .kboard-list tbody td.kboard-list-title {
  text-align: left !important;
}

#kboard-default-list .kboard-list tbody td.kboard-list-title a {
  color: var(--color-dark) !important;
  font-weight: 500;
}

#kboard-default-list .kboard-list tbody td.kboard-list-title a:hover {
  color: var(--color-gold) !important;
}

#kboard-default-list .kboard-list .kboard-default-new-notify {
  background: var(--color-gold) !important;
  color: var(--color-dark) !important;
  border-radius: 3px;
  font-weight: 700;
}

#kboard-default-list .kboard-list tbody td.kboard-list-title .kboard-comments-count {
  color: var(--color-gold) !important;
  font-weight: 700;
}

/* 페이지네이션 */
#kboard-default-list .kboard-pagination {
  float: none !important;
  width: 100% !important;
  padding: 16px 0 0 !important;
}

#kboard-default-list .kboard-pagination .kboard-pagination-pages li a {
  border-radius: var(--radius) !important;
  color: var(--color-gray) !important;
  border: 1px solid var(--color-border) !important;
  background: #fff !important;
}

#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a {
  background: var(--color-dark) !important;
  border-color: var(--color-dark) !important;
  color: var(--color-gold) !important;
}

#kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a {
  border-color: var(--color-gold) !important;
  color: var(--color-dark) !important;
}

/* 검색폼 */
#kboard-default-list .kboard-search {
  float: none !important;
  width: 100% !important;
  padding: 16px 0 0 !important;
  text-align: center;
}

#kboard-default-list .kboard-search select {
  height: 36px !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius) 0 0 var(--radius) !important;
  font-size: 0.85rem !important;
  color: var(--color-dark) !important;
  background: #fff !important;
  padding: 0 10px !important;
}

#kboard-default-list .kboard-search input {
  height: 36px !important;
  border: 1px solid var(--color-border) !important;
  border-left: none !important;
  border-radius: 0 !important;
  font-size: 0.85rem !important;
  color: var(--color-dark) !important;
  padding: 0 12px !important;
  width: 220px !important;
  max-width: 220px !important;
}

#kboard-default-list .kboard-search button.kboard-default-button-small {
  height: 36px !important;
  line-height: 36px !important;
  border-radius: 0 var(--radius) var(--radius) 0 !important;
  background: var(--color-dark) !important;
  color: var(--color-gold) !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  padding: 0 16px !important;
}

/* 글쓰기/목록 버튼 */
#kboard-default-list .kboard-control {
  float: none !important;
  width: 100% !important;
  padding: 12px 0 0 !important;
  text-align: right;
}

a.kboard-default-button-small,
button.kboard-default-button-small {
  background: var(--color-dark) !important;
  color: var(--color-gold) !important;
  border-radius: var(--radius) !important;
  height: 34px !important;
  line-height: 34px !important;
  font-size: 0.82rem !important;
  padding: 0 14px !important;
  font-weight: 600 !important;
}

a.kboard-default-button-small:hover,
button.kboard-default-button-small:hover {
  opacity: 0.85 !important;
}

/* poweredby 숨김 */
#kboard-default-list .kboard-default-poweredby,
#kboard-default-document .kboard-default-poweredby {
  display: none !important;
}

/* Document */
#kboard-default-document .kboard-title {
  float: none !important;
  border-bottom: 2px solid var(--color-dark);
  padding: 0 0 16px !important;
  margin-bottom: 0;
}

#kboard-default-document .kboard-title h1 {
  padding: 0 !important;
  font-size: 1.3rem !important;
  font-weight: 800;
  color: var(--color-dark) !important;
  letter-spacing: -0.02em;
}

#kboard-default-document .kboard-detail {
  float: none !important;
  background: var(--color-gray-light) !important;
  border-top: none !important;
  border-bottom: 1px solid var(--color-border) !important;
  border-radius: 6px;
  margin: 12px 0;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
}

#kboard-default-document .kboard-detail .detail-attr {
  padding: 10px 20px !important;
}

#kboard-default-document .kboard-detail .detail-attr .detail-name {
  color: var(--color-gray) !important;
  font-size: 0.8rem;
  font-weight: 700;
}

#kboard-default-document .kboard-detail .detail-attr .detail-value {
  color: var(--color-dark) !important;
  font-size: 0.88rem;
  padding-left: 10px !important;
}

#kboard-default-document .kboard-content {
  float: none !important;
  min-height: 160px;
}

#kboard-default-document .kboard-content .content-view {
  padding: 24px 0 !important;
  font-size: 0.95rem;
  line-height: 1.8;
  color: var(--color-dark);
}

#kboard-default-document .kboard-document-navi {
  float: none !important;
  border-top: 1px solid var(--color-border);
  padding-top: 16px !important;
}

#kboard-default-document .kboard-document-navi a {
  color: var(--color-gray) !important;
  font-size: 0.85rem !important;
}

#kboard-default-document .kboard-document-navi a:hover {
  color: var(--color-dark) !important;
}

#kboard-default-document .kboard-control {
  float: none !important;
  width: 100% !important;
  border-top: 1px solid var(--color-border);
}

#kboard-default-document .kboard-document-action .kboard-button-action {
  border-radius: var(--radius) !important;
  font-size: 0.82rem !important;
}

/* 반응형 */
@media (max-width: 768px) {
  #kboard-default-list,
  #kboard-default-document {
    padding: 20px 16px;
    border-radius: 8px;
  }

  #kboard-default-list .kboard-search input {
    width: 140px !important;
    max-width: 140px !important;
  }
}