/* support/board-qna-read.html — 기타문의(Q&A) 상세 페이지 보정
 *
 * 이 화면은 원본에 없었다(글 0건이라 h8 이 미생성 — R13 예외1로 신설).
 * 마크업은 같은 세트의 board-qna-write.html 레이아웃 크롬을 계승했으므로
 * CSS 도 그 페이지 것을 따르고, 상세에만 필요한 것(비밀글 입력칸·댓글·태그)만 얹는다.
 * 본문 서식은 /css/editor-content.css 가 담당한다 — 여기서 중복 정의하지 않는다. */

/* ① 좌측 카테고리 서브 레이어 — 원본은 visibility 인라인 + JS 토글이었다 */
.CA_SUB_MENU {
  visibility: hidden;
}

.CA_SUB_MENU.is-open {
  visibility: visible;
}

/* ② 상태 안내 셀 — 목록 페이지의 board-empty 타이포를 그대로 따른다 */
.board-empty {
  color: #666666;
  font-size: 9pt;
  letter-spacing: 0;
}

/* ③ 오류 안내 — 값이 비면 hidden 이라 보이지 않는다 */
.board-error {
  color: #cc0000;
  font-size: 9pt;
  margin: 6px 0 0;
}

/* ④ 비밀글 열람 입력칸 — 마스킹이 감지될 때만 열린다 */
.board-secret {
  margin-top: 12px;
  padding: 14px;
  background-color: #f7f7f7;
  border: 1px solid #dddddd;
}

.board-secret p {
  margin: 0 0 8px;
  font-size: 9pt;
  color: #515151;
}

.board-secret p:last-child {
  margin-bottom: 0;
}

.board-secret-btn {
  height: 30px;
  padding: 0 14px;
  border: 1px solid #aaaaaa;
  background-color: #ffffff;
  color: #515151;
  font-size: 9pt;
  cursor: pointer;
}

.board-secret-btn:hover {
  background-color: #eeeeee;
}

/* ⑤ 댓글은 css/pages/board-read-common.css 로 승격했다(MIG-36600, order 존과 값이
 * 완전히 동일해 중복이었다) — .board-comment-notice/-reply/-reply-mark/-badge/-more
 * 여기서 재정의하지 않는다.
 *
 * ⑥ 태그 */
.board-tag {
  display: inline-block;
  margin-right: 6px;
  padding: 2px 8px;
  background-color: #f0f0f0;
  border: 1px solid #dddddd;
  font-size: 8pt;
  color: #666666;
}

/* ⑦ 좁은 화면 리플로우 — 원본은 1078/228 고정폭 2단 테이블 */
@media screen and (max-width: 1080px) {
  table[width="1080"],
  table[width="1078"] {
    width: 100%;
  }

  td[width="228"],
  td[width="200"] {
    width: auto;
  }
}

@media screen and (max-width: 860px) {
  .CA_SUB_MENU,
  .CA_SUB_MENU.is-open {
    visibility: hidden;
  }
}

@media screen and (max-width: 760px) {
  /* 좌측 카테고리단 + 본문 2단 → 단일열 */
  td[width="228"],
  td[width="1"][background$="pl_01.gif"] {
    display: none;
  }

  table[width="98%"] {
    width: 100%;
  }

  /* 라벨 열 폭 — 글쓰기 폼과 같은 규칙 */
  td[width="14"] {
    width: 14px;
  }

  td[width="73"] {
    width: 62px;
    padding-left: 2px;
  }

  td[width="20"] {
    width: 8px;
  }

  /* 현재위치 네비게이션은 좁은 화면에서 줄여 넘침 방지 */
  td.navi {
    white-space: normal;
    word-break: keep-all;
  }
}

@media (max-width: 1080px) {
  /* 게시판 입력/미디어 폭 제한 — 본문 이미지가 칸을 넘지 않게 */
  input, select, textarea, iframe, embed, object { max-width: 100%; box-sizing: border-box; }
  [data-editor-view] img { max-width: 100%; height: auto; }
}