/* zone board-awareness-apply / read.html — R13 예외① 로 보강한 공개 글 상세.
   기본 스킨(style.css 의 #bo_v_*)이 모양을 맡고, 여기에는 **원본에 없던 종류**의 서식만 적는다(R41). */

/* 신설 화면의 breadcrumb 구분 텍스트 — 목록(list.html)과 같은 값 */
.inBox .crumb-path { padding-left: 0; font-weight: normal; color: inherit; }

/* 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; font-family: inherit; }
#bo_v .bo_v_state p a { margin-left: 10px; }

/* 본문(에디터 산출 HTML)이 좁은 화면에서 넘치지 않게 */
#bo_v_con { padding: 20px 0; }
#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; } }

/* 첨부파일: 원본 상세가 없어 마크업이 없었다 — 스킨의 #bo_v_file 규칙에 맞춰 정렬만 준다 */
#bo_v_file li { overflow: hidden; }
#bo_v_file .bo_v_file_cnt { margin-left: 10px; }

/* 하단 버튼 줄 — 목록 화면(.bo_fx .btn_bo_user)과 같은 자리 규칙 */
#bo_v .bo_fx { clear: both; 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; }
#bo_v .bo_fx .btn_bo_user a:hover { text-decoration: none; }