/* 장애인 평생교육 신청 — 공개 글 상세(R13 예외①로 보강한 화면).
   구조·클래스는 이 사이트 게시판 스킨(css/style.css 의 #bo_v 계열)을 계승하고,
   여기에는 **원본에 없던 종류**(3상태 안내, 조회수 줄, 첨부 목록 아이콘)의 서식만 적는다(R41). */

.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="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: 14px; line-height: 1.6; }
#bo_v .bo_v_state p a { display: inline-block; margin-left: 10px; vertical-align: middle; }

/* 조회수 줄 — 원본 목록에만 있던 값이라 상세에는 서식이 없었다. */
#bo_v_info .if_hit { color: #777; }

/* 첨부파일 목록: 원본 상세가 없어 아이콘 정렬을 직접 정한다. */
#bo_v_file li { overflow: hidden; }
#bo_v_file li i { margin-right: 6px; color: #777; }
#bo_v_file .bo_v_file_cnt { margin-left: 10px; color: #777; }

/* 본문(에디터 산출 HTML)이 좁은 화면에서 넘치지 않게. */
#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 .bo_fx { margin-top: 20px; overflow: hidden; }
#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: 5px; }