@charset "UTF-8";
/* 2026 홈페이지 정리 — board (기존 디자인 유지, 기존 CSS 파일은 고치지 않고 여기서 덮어쓴다) */
/* 범위: board.php(#notice) · boardView.php(#noticeView) · boardWrite.php(#noticeWrite) 만. 색은 기존 팔레트 안에서. */

/*************** 목록 board.php ***************/
/* S-24: a 가 dl 을 감싼다 (줄 전체 링크) — 줄 모양은 그대로 */
#notice .content .notice_txt > a { display: block; }
/* S-24: 빈 목록 문구 — 목록 줄과 같은 선·글자색 */
#notice .content .notice_txt .board_empty { padding: 60px 0; border-bottom: 1px solid #eaeaea; text-align: center; color: #999; }
/* D3: 글쓰기 = 주 버튼 (높이 40px, 모서리 5px) */
#notice .bnt_write { height: 40px; padding: 0 20px; line-height: 40px; }

/*************** 글보기 boardView.php ***************/
/* V-04: 긴 제목은 줄바꿈하고, 작성자·날짜는 오른쪽 한 줄 고정 */
#noticeView .txt_area > .content_title { align-items: flex-start; }
#noticeView .txt_area > .content_title > .title { flex: 1 1 auto; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
#noticeView .txt_area > .content_title > ul { flex: 0 0 auto; white-space: nowrap; }

/* D4: 본문·댓글 링크 */
#noticeView .txt_body a,
#noticeView .comment_section .comment a { color: #0091db; text-decoration: none; }
#noticeView .txt_body a:hover,
#noticeView .comment_section .comment a:hover { text-decoration: underline; }

/* S-12·V-01: 댓글은 글 머리(.content_title) 밖 전용 구역 — 예전 .content_title 의 좌우 10px 만 이어받는다 */
#noticeView .comment_section { padding: 0 10px; text-align: left; }
/* 머리줄 한 줄: 작성자 | 날짜·시간 … 오른쪽 끝 수정·삭제 */
#noticeView .comment_section .comment_head { display: flex; flex-wrap: wrap; align-items: center; padding: 15px 10px 5px; font-size: 15px; font-weight: 500; line-height: 30px; }
#noticeView .comment_section .comment_name { color: #333; }
#noticeView .comment_section .comment_bar { padding: 0 10px; font-size: 14px; color: #eaeaea; }
#noticeView .comment_section .comment_date { color: #999; }
#noticeView .comment_section .comment_btns { display: flex; margin-left: auto; }
/* S-14·S-16·V-02: 줄바꿈 유지(서버·AJAX 같게), 긴 단어·주소 줄바꿈, keep-all 상속 끊기 */
#noticeView .comment_section .comment { white-space: pre-wrap; overflow-wrap: anywhere; word-break: normal; }

/* S-13·V-03: 입력칸과 등록 버튼 나란히 (겹침 없음). 버튼은 D3 주 버튼, 높이는 예전처럼 입력칸과 같게 */
#noticeView .comment_section .text_box { display: flex; align-items: stretch; height: auto; }
#noticeView .comment_section .text_box textarea { position: static; flex: 1 1 auto; width: auto; min-width: 0; height: 65px; font-family: inherit; font-size: 15px; resize: vertical; }
#noticeView .comment_section .text_box .comment_bnt { position: static; flex: 0 0 auto; height: auto; margin: 0 0 0 10px; background: none; }
#noticeView .comment_section .text_box .comment_bnt:hover { background: none; }
#noticeView .comment_section .text_box .comment_bnt a { display: flex; align-items: center; justify-content: center; height: 100%; min-width: 80px; padding: 0 20px; border-radius: 5px; background-color: #0091db; color: #fff; font-size: 15px; line-height: 1; }
#noticeView .comment_section .text_box .comment_bnt a:hover { background-color: #0277a5; }
/* 비로그인 안내 */
#noticeView .comment_section .comment_login { display: block; padding: 22px 15px; font-size: 15px; color: #777; }
#noticeView .comment_section .comment_login a { margin-left: 5px; color: #0091db; font-weight: 500; }
#noticeView .comment_section .comment_login a:hover { text-decoration: underline; }

/* S-19·V-05: 이전글·다음글 — 클래스 오타를 고치면서 걸리는 말줄임 규칙(sojin.css .view_list dl dd)에 맞춰 간격·폭을 정한다 */
#noticeView .view_list dl dt + dd { flex: 0 0 auto; padding: 0 20px; }
#noticeView .view_list dl dd:last-child { flex: 1 1 auto; min-width: 0; text-align: left; }

/* S-11: 첨부파일 칸 — 이전글·다음글이 .off_file 밖으로 나오면서 생긴 빈 칸을 줄인다 (첨부파일 없으면 '첨부파일' 표시도 숨김) */
#noticeView .contents_btm div.off_file { margin-top: 30px; }

/* S-21·D3: 목록(주) · 수정·삭제(보조) — a 하나로 */
#noticeView .btn_ a.bnt_list { display: inline-flex; align-items: center; justify-content: center; height: 40px; margin-top: 20px; padding: 0 20px; border: 1px solid #0091db; border-radius: 5px; background-color: #0091db; color: #fff; font: 15px 'Noto Sans KR'; }
#noticeView .btn_ a.bnt_list:hover { border-color: #0277a5; background-color: #0277a5; }
#noticeView .btn_right a.bnt_list { border-color: #ccc; background-color: #fff; color: #333; }
#noticeView .btn_right a.bnt_list:hover { border-color: #ccc; background-color: #f5f5f5; }

/* S-11: 첨부파일 — '첨부파일' 표시는 보조 버튼 모양 (글보기에서는 파일이 있을 때만 보인다) */
#noticeView #fileTag,
#noticeWrite #fileTag { display: inline-flex; align-items: center; height: 40px; padding: 0 15px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; color: #333; font-size: 14px; }
#noticeView #fileTag { cursor: default; }
#noticeWrite #fileTag:hover { background-color: #f5f5f5; }
#noticeView #fileTag i,
#noticeWrite #fileTag i { margin-right: 5px; }

/*************** 글쓰기 boardWrite.php ***************/
/* 폼 글꼴 상속 */
#noticeWrite input,
#noticeWrite select,
#noticeWrite textarea,
#noticeWrite button { font-family: inherit; }
#noticeWrite dl input[type='text'],
#noticeWrite #branchSpinner { font-size: 16px; color: #333; }
/* D3: 등록(주) · 취소(보조) */
#noticeWrite .bnt_1,
#noticeWrite .bnt_2 { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 20px; }
#noticeWrite .bnt_2 { border-color: #ccc; color: #333; font-weight: 400; }
#noticeWrite .bnt_2:hover { color: #333; }