@charset "utf-8";
/* =====================================================================
 * notice_board.css — 공지사항(comty01.html) 전용 게시판 스타일.
 * list_notice.php / read_notice.php 전용 — 공용 ez_board.css/ez_default.css
 * (qna/faq/review/gallery가 쓰는 list.php/read.php)에는 영향 없음.
 * 시니어 이용자 대상 — 본문/입력 기준 17~18px 이상으로 맞춤 (comty02.html과 동일 기준).
 * ===================================================================== */

.hide-caption { position:absolute; overflow:hidden; width:1px; height:1px; clip:rect(0 0 0 0); margin:-1px; }

/* 공용 script_bbs/common.php가 #ez_conents_wrap에 959px(옛 좌측메뉴+960px 프레임 기준)를
   인라인 style로 강제하는데, 이 페이지는 그 id를 안 써서 해당 없음 — 명시적으로 폭 채움 */
#ntc_wrap, #ntc_page_wrap { width:100%; }

/* ---------- 헤더 (건수 + 검색) ---------- */
.ntc_head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:6px 0 22px; flex-wrap:wrap; }
.ntc_count { font-size:17px; color:#666; font-family:NotoKR-Medium; line-height:1; }
.ntc_count b { color:#111; font-family:NotoKR-Bold; }

.ntc_search { display:flex; align-items:center; gap:2px; background:#fff; border:1px solid #dcdfe4; border-radius:999px; padding:0 18px 0 20px; flex:0 0 auto; height:48px; box-sizing:border-box; }
.ntc_search_sel { border:0; background:transparent; font-size:16px; color:#555; font-family:NotoKR-Medium; height:100%; padding:0 2px 0 0; margin-right:8px; outline:0; cursor:pointer; }
.ntc_search_input { border:0; background:transparent; outline:0; font-size:16px; color:#333; font-family:inherit; padding:0; height:100%; width:180px; }
.ntc_search_input::placeholder { color:#a7abb3; }
.ntc_search_btn { flex-shrink:0; width:24px; height:24px; padding:0; border:0; background:transparent; color:#8a93a3; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.ntc_search_btn svg { width:19px; height:19px; }

/* ---------- 목록 테이블 ---------- */
table.ntc_list { width:100%; border-collapse:collapse; table-layout:fixed; }
table.ntc_list thead th { border-top:2px solid #111; border-bottom:1px solid #e5e5e5; padding:14px 10px; font-size:15px; color:#666; font-family:NotoKR-Medium; text-align:center; }
table.ntc_list .ntc_col_no { width:70px; }
table.ntc_list .ntc_col_subject { text-align:left; }
table.ntc_list .ntc_col_name { width:120px; }
table.ntc_list .ntc_col_date { width:120px; }

table.ntc_list tbody tr { border-bottom:1px solid #eee; }
table.ntc_list tbody td { padding:16px 10px; font-size:17px; color:#333; font-family:NotoKR-Medium; text-align:center; }
table.ntc_list tbody .ntc_col_subject { text-align:left; }
table.ntc_list tbody .ntc_col_subject a { color:#222; text-decoration:none; }
table.ntc_list tbody .ntc_col_subject a:hover { color:#0fb598; text-decoration:underline; }
table.ntc_list tbody .ntc_col_name,
table.ntc_list tbody .ntc_col_date { color:#888; font-size:15.5px; }

tr.ntc_pinned { background:#f7fdfb; }
.ntc_badge { display:inline-block; padding:4px 11px; border-radius:999px; background:#0fb598; color:#fff; font-size:13px; font-family:NotoKR-Bold; }

.ntc_empty { padding:70px 0; text-align:center; color:#999; font-size:17px; font-family:NotoKR-Medium; }

/* ---------- 페이지네이션 ---------- */
.ntc_paging { display:flex; align-items:center; justify-content:center; gap:4px; padding:34px 0 10px; }
.ntc_paging a, .ntc_paging span { display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; border-radius:8px; font-size:16px; color:#666; font-family:NotoKR-Medium; text-decoration:none; }
.ntc_paging a:hover { background:#f0f1f3; color:#111; }
.ntc_paging span.on { background:#111; color:#fff; font-family:NotoKR-Bold; }
.ntc_page_arrow { font-size:20px !important; color:#999 !important; }

/* ---------- 버튼 공통 ---------- */
.ntc_actions { display:flex; justify-content:flex-end; padding-top:18px; }
.ntc_btn { display:inline-flex; align-items:center; justify-content:center; padding:12px 26px; border-radius:12px; border:1px solid #ddd; background:#fff; color:#333; font-size:16px; font-family:NotoKR-Medium; text-decoration:none; cursor:pointer; }
.ntc_btn:hover { background:#f7f7f7; color:#333; }
.ntc_btn_primary { background:#0fb598; border-color:#0fb598; color:#fff; }
.ntc_btn_primary:hover { background:#0da086; color:#fff; }
/* 버튼이 <a> 태그일 때 사이트 전역 a:link/a:visited/a:hover 링크색(#444/#da4e48)이 이기지 않도록 명시도 보강 */
a.ntc_btn, a.ntc_btn:link, a.ntc_btn:visited, a.ntc_btn:hover { color:#333; }
a.ntc_btn_primary, a.ntc_btn_primary:link, a.ntc_btn_primary:visited, a.ntc_btn_primary:hover { color:#fff; }

/* ---------- 상세보기 ---------- */
.ntc_view_head { padding:8px 0 22px; border-bottom:2px solid #111; }
.ntc_view_title { font-size:29px; font-weight:700; font-family:NotoKR-Bold; color:#111; line-height:1.4; letter-spacing:-0.3px; margin:0 0 12px; }
.ntc_view_meta { display:flex; align-items:center; gap:8px; font-size:16px; color:#888; font-family:NotoKR-Medium; }
.ntc_dot { color:#ccc; }

.ntc_view_body { padding:32px 0; font-size:18px; line-height:1.8; color:#333; font-family:NotoKR-Medium; border-bottom:1px solid #eee; word-break:break-all; }
.ntc_view_body img { max-width:100%; height:auto; }

.ntc_view_attach { padding:16px 0; border-bottom:1px solid #eee; display:flex; flex-direction:column; gap:8px; }
.ntc_view_attach a { color:#555; font-size:16px; text-decoration:none; font-family:NotoKR-Medium; }
.ntc_view_attach a:hover { color:#0fb598; text-decoration:underline; }

.ntc_view_btns { display:flex; justify-content:center; gap:10px; padding:30px 0 12px; }
.ntc_view_btns .ntc_btn_primary { padding:15px 44px; font-size:18px; font-family:NotoKR-Bold; border-radius:12px; }

.ntc_reply { padding:24px; background:#f9fafb; border-radius:14px; margin-top:10px; }
.ntc_reply_row { display:flex; gap:8px; margin-bottom:8px; }
.ntc_reply_name, .ntc_reply_pwd { border:1px solid #ddd; border-radius:8px; padding:10px 12px; font-size:16px; font-family:inherit; }
.ntc_reply_name { flex:1; }
.ntc_reply_pwd { width:140px; }
.ntc_reply_ta { width:100%; border:1px solid #ddd; border-radius:8px; padding:12px; font-size:16px; font-family:inherit; resize:vertical; margin-bottom:10px; box-sizing:border-box; }

.ntc_comments { list-style:none; margin:18px 0 0; padding:0; }
.ntc_comment { padding:16px 4px; border-bottom:1px solid #eee; }
.ntc_comment_body { font-size:16px; color:#333; line-height:1.6; font-family:NotoKR-Medium; margin-bottom:8px; }
.ntc_comment_meta { display:flex; align-items:center; gap:8px; font-size:14px; color:#999; }
.ntc_comment_del { margin-left:auto; color:#bbb; text-decoration:none; }
.ntc_comment_del:hover { color:#e74c3c; }

#inlist { margin-top:56px; padding-top:36px; border-top:8px solid #f5f5f5; }

@media (max-width:640px){
	.ntc_head { flex-direction:column; align-items:stretch; }
	.ntc_search { width:100%; }
	.ntc_search_input { width:auto; flex:1; }
	table.ntc_list .ntc_col_name, table.ntc_list .ntc_col_no { display:none; }
	table.ntc_list thead th.ntc_col_name, table.ntc_list thead th.ntc_col_no { display:none; }
}