/* 존 board-support-apply / read 화면 전용 — R13 예외① 보강 화면이라 원본 CSS 가 없다.
   같은 사이트 community/board-notice/read.html 의 규칙을 계승하고, 우리가 더한 요소의 서식(R41)만 정한다. */

.inBox .ahb-txt { padding-left: 0; font-weight: normal; color: inherit; }

/* 본문(에디터 산출 HTML)이 좁은 화면에서 넘치지 않게 — notice read 규칙 계승. */
#bo_v_con img,
#bo_v_con video,
#bo_v_con iframe,
#bo_v_con table { max-width: 100%; }
#bo_v_con img { height: auto; }
#bo_v_con table { display: block; overflow-x: auto; }
@media (max-width: 768px) {
    #bo_v_con { word-break: break-all; }
}

/* 3상태(+비공개): 글이 오기 전/못 올 때는 안내만 보인다(빈 껍데기를 먼저 보이지 않게). */
#bo_v[data-state="loading"] > *:not(.bo_v_state),
#bo_v[data-state="empty"] > *:not(.bo_v_state),
#bo_v[data-state="secret"] > *:not(.bo_v_state),
#bo_v[data-state="error"] > *:not(.bo_v_state) { display: none; }
#bo_v .bo_v_state p { margin: 0; padding: 80px 0; color: #777; text-align: center; font-size: 1em; line-height: 1.6; }
#bo_v .bo_v_state p a { display: inline-block; margin-left: 10px; vertical-align: middle; }

/* 제목·작성정보: 원본 상세 화면이 없던 게시판이라 스킨 규칙이 닿지 않는다 — 직접 정한다. */
#bo_v { text-align: left; }
#bo_v > header { padding: 20px 15px; border-top: 2px solid #333; border-bottom: 1px solid #ddd; }
#bo_v #bo_v_title { margin: 0; font-size: 1.25em; font-weight: 600; line-height: 1.5; color: #222; }
#bo_v_info { padding: 12px 15px; border-bottom: 1px solid #ddd; background: #fafbfc; }
#bo_v_info h2, #bo_v_atc_title, #bo_v_file h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
#bo_v_info .profile_info_ct { font-size: 0.92em; color: #666; }
#bo_v_info .profile_info_ct strong { margin-left: 14px; font-weight: normal; }
#bo_v_info .profile_info_ct strong i { margin-right: 4px; }
#bo_v_top { display: none; }
#bo_v_atc { padding: 25px 15px; min-height: 120px; }

/* 첨부파일: 원본 상세엔 첨부 영역이 없었다 — 아이콘만 정렬한다. */
#bo_v_file { padding: 15px; border-top: 1px solid #ddd; }
#bo_v_file ul { margin: 0; padding: 0; list-style: none; }
#bo_v_file li { overflow: hidden; font-size: 0.92em; }
#bo_v_file li i { margin-right: 6px; }
#bo_v_file .bo_v_file_cnt { margin-left: 10px; color: #888; }

/* 하단 버튼 줄 — 목록 화면의 .bo_fx 와 같은 모양으로 둔다. */
#bo_v .bo_fx { overflow: hidden; margin: 20px 0 10px; border-top: 1px solid #ddd; padding-top: 20px; }
#bo_v .bo_fx .btn_bo_user { margin: 0; padding: 0; list-style: none; text-align: right; }
#bo_v .bo_fx .btn_bo_user li { display: inline-block; margin-left: 6px; }
/* 버튼 글자가 좁은 칸에서 줄바꿈되지 않게 — .btn-pack 은 목록 화면 폭 기준이라 여기선 직접 정한다. */
#bo_v .bo_fx .btn_bo_user li a { display: inline-block; white-space: nowrap; padding: 0 18px; }
#bo_v .bo_v_state p a { white-space: nowrap; padding: 0 18px; }