/* Show Room, 공지사항·뉴스·자료실, 제품문의, 검색 페이지가 같이 쓰는 모양 */

/* ---------- 목록 위: 건수와 몇 개씩 보기 ---------- */
.search_wrap { display: flex; justify-content: space-between; align-items: center; height: 40px; margin: 0 20px; }
.record_wrap { font-size: 14px; font-weight: bold; padding-left: 5px; }
.btnSelect {
  height: 30px; border: 1px solid #dce2e6; background: #f9fbfe; color: #010101;
  font-size: 14px; font-weight: bold; padding: 0 5px; cursor: pointer;
}
.list_table .empty-row td { color: #666; }

/* ---------- 쪽 번호 ---------- */
.pagination { display: flex; justify-content: center; padding: 20px 0 10px; font-size: 12px; }
.pagination a {
  display: block; min-width: 32px; height: 32px; line-height: 30px; padding: 0 8px; margin-left: -1px;
  border: 1px solid #ddd; background: #fff; color: #187bc5; text-align: center;
}
.pagination a img { height: 12px; vertical-align: middle; }
.pagination a.on { position: relative; color: #fff; background: #187bc5; border-color: #16699f; }
.pagination a.off { opacity: .2; pointer-events: none; }

/* ---------- Show Room 카드 ---------- */
.show-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 30px; margin: 0 20px; min-height: 170px; }
.card { min-width: 0; background: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 5px; }
.card h6 { margin: 0; }
.card .card-header { font-size: 1rem; font-weight: bold; text-align: center; padding: 8px 0; }
.card .card-body { height: 150px; background: #000; border: 1px solid #ddd; overflow: hidden; display: flex; align-items: center; }
.card .card-body img { width: 100%; height: auto; transition: transform .3s ease-in-out; }
.card:hover .card-body img { transform: scale(1.1); }
.card .card-text {
  font-size: .8rem; font-weight: normal; color: #666; padding: 9px 5px 0; height: 30px;
  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}

/* ---------- 글 하나 보기: 왼쪽 회색 이름칸 + 오른쪽 내용칸 ---------- */
.view { display: flex; flex-wrap: wrap; margin: 0 20px; }
.view.lined { border-top: 1px solid #dce2e6; }
.view .cell { display: flex; width: 33.333%; min-width: 0; font-size: 14px; color: #010101; border-bottom: 1px solid #dce2e6; }
.view .cell.w8 { width: 66.666%; }
.view .cell.w12 { width: 100%; }
.view .th { flex: 0 0 120px; background: #e5e9ef; padding: 8px 10px; font-weight: bold; }
.view .td { flex: 1; min-width: 0; padding: 8px 10px; overflow-wrap: anywhere; }
.view .full { width: 100%; padding-top: 10px; }
.view .full img, .view .full video { max-width: 100%; height: auto; }
.view .full video { width: 100%; background: #000; }
.view pre {
  margin: 0; padding-bottom: 10px; font-size: 14px; line-height: 20px; font-family: inherit;
  white-space: pre-wrap; word-break: keep-all; overflow-wrap: anywhere;
}
.view a { color: #187bc5; }
.view a:hover { text-decoration: underline; }
.view .file a { line-height: 30px; }
.view-btns { margin: 20px 20px 40px; }
.view-btns .btn { min-width: 90px; }
.not-found { padding: 60px 0; text-align: center; color: #666; }

/* ---------- 입력칸 (제품문의) ---------- */
.inputText, .inputSelect, .inputTextarea {
  width: 100%; border: 1px solid #dce2e6; color: #010101; font-size: 14px; padding: 0 5px; margin: 0; font-family: inherit;
}
.inputText, .inputSelect { height: 28px; }
.inputTextarea { height: 100%; padding: 5px; resize: none; }
.required { background: #fff8f8; }
.btnSearch {
  height: 30px; width: 90px; border: 1px solid #16699f; background: #187bc5; color: #fff;
  font-size: 14px; font-weight: bold; cursor: pointer;
}
.btnSearch:hover { background: #1c6eb4; }

/* ---------- 화면 크기별 ---------- */
@media (max-width: 991px) {
  .show-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .view .cell, .view .cell.w8 { width: 100%; }
}
@media (max-width: 575px) {
  .show-grid { grid-template-columns: minmax(0, 1fr); margin: 0; }
  .search_wrap, .view, .view-btns { margin-left: 0; margin-right: 0; }
  .view .th { flex-basis: 90px; }
}