/* 범정부 UIUX board_list, board_view, comm_contents 패턴을 프로젝트에 적용 */
.board-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;padding-block:48px 88px;min-height:720px}.board-sidebar h2{font-size:28px;padding:0 16px 24px;border-bottom:2px solid #303b4d}.board-sidebar nav{display:grid}.board-sidebar a{padding:18px 16px;border-bottom:1px solid #dce2e9;justify-content:space-between;font-size:18px;min-height:60px}.board-sidebar a[aria-current]{color:var(--link);background:#eef7fc;font-weight:700}.board-content{min-width:0}.board-content h1{font-size:40px;line-height:1.3;letter-spacing:-1px}.board-content .breadcrumb{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.board-description{color:#555e6b;margin:16px 0 20px}.board-demo{padding:12px 16px;background:#f4f7fa;border-radius:6px;color:#59616b;font-size:14px;margin-bottom:32px}
.board_srch{display:flex;gap:12px;background:#f5f7fa;border-radius:12px;padding:24px;margin-bottom:32px}.board_srch select{width:130px}.board_srch input{flex:1;min-width:0}.board_srch button{flex-shrink:0}.board_filter{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.board_filter strong{color:var(--link)}.board-size{display:flex;align-items:center;gap:12px;font-size:15px}.board-size select{width:105px;min-height:44px;padding:6px 12px}
.tbl_list{table-layout:fixed;width:100%;border-top:2px solid #4a5366}.tbl_list th{padding:16px 12px;background:#f4f5f6;border-bottom:1px solid #dbe2e8;text-align:center;font-weight:700}.tbl_list td{padding:20px 12px;border-bottom:1px solid var(--line);text-align:center;font-size:16px}.tbl_list .col-number{width:60px}.tbl_list .col-date{width:115px}.tbl_list .col-file{width:65px}.tbl_list .col-category{width:85px}.tbl_list .txt_left{text-align:left}.tbl_list a{display:inline;color:var(--text);line-height:1.6;overflow-wrap:anywhere}.board-badge{display:inline-block;background:#edf6fc;color:#006397;border-radius:4px;padding:2px 8px;font-size:13px;white-space:nowrap}.board-file{width:20px;height:20px;vertical-align:middle}.board-empty{text-align:center;padding:64px 20px;border-block:1px solid var(--line);color:var(--muted)}
/* FRPS 보정 — project 원본에 없는 줄. portal-common 의 .number(가이드용)가 표 번호 칸에 걸리는 것을 되돌린다.
   반응형(@media) 규칙보다 앞에 둬야 모바일에서 번호 칸이 그대로 숨는다 */
.tbl_list td.number{display:table-cell;margin:0;color:inherit;font-size:inherit;font-weight:inherit}
.pagination{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:8px;margin-top:32px}.pagination button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border-radius:6px}.pagination button[aria-current]{background:var(--link);color:#fff;font-weight:700}.pagination button:disabled{color:#89919a;cursor:default}.pagination button:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--link)}
.faq-list{border-top:2px solid #4a5366}.faq-item{border-bottom:1px solid var(--line)}.faq-item h2{font-size:17px;font-weight:500}.faq-question{display:flex;align-items:center;gap:18px;width:100%;padding:24px 16px;text-align:left;min-height:76px}.faq-question .q{font-size:23px;color:var(--link);font-weight:750}.faq-question .faq-title{flex:1}.faq-question .arr{width:18px;height:18px;flex-shrink:0;background:url('../../images/portal/chevron.svg') center/contain no-repeat}.faq-question[aria-expanded=true] .arr{transform:rotate(180deg)}.faq-answer{padding:24px 32px 28px 58px;background:#f5f8fb;line-height:1.9}.board-detail h2{font-size:27px;line-height:1.5;border-top:2px solid #4a5366;padding:24px 0}.board-meta{display:flex;flex-wrap:wrap;gap:12px 32px;border-block:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:15px}.board-meta div{display:flex;gap:12px}.board-meta dt{font-weight:650}.view_cont{padding:36px 0;min-height:220px;white-space:pre-line;line-height:1.9}.board-attachment{background:#f5f7fa;border-block:1px solid var(--line);padding:20px;display:flex;gap:16px;flex-wrap:wrap}.board-attachment a{text-decoration:underline;color:var(--link);overflow-wrap:anywhere}.board-back{margin-top:28px}.board-neighbors{margin-top:28px;border-top:1px solid var(--line)}.board-neighbors a{display:block;padding:16px 0;border-bottom:1px solid var(--line)}.board-neighbors span{color:var(--muted);margin-right:20px}
@media(max-width:1100px){.board-layout{gap:32px;grid-template-columns:180px minmax(0,1fr)}.board_srch{flex-wrap:wrap}.board_srch input{min-width:180px}.board_srch button{flex:1}}
@media(max-width:900px){.board-layout{display:block;padding-block:28px 56px}.board-sidebar{margin-bottom:32px}.board-sidebar h2{display:none}.board-sidebar nav{display:flex;border-bottom:1px solid var(--line)}.board-sidebar a{flex:1;justify-content:center;padding:14px 10px}.board-sidebar a span{display:none}.board-content h1{font-size:32px}.board-sidebar a[aria-current]{border-bottom:3px solid var(--link)}}
@media(max-width:600px){.board_srch{padding:16px;gap:10px}.board_srch select{width:100%}.board_srch input{min-width:100%;width:100%}.board_filter{font-size:15px}.board-size{font-size:0;gap:0}.board-size select{font-size:15px}.tbl_list,.tbl_list tbody{display:block}.tbl_list colgroup,.tbl_list thead{display:none}.tbl_list tr{display:flex;flex-wrap:wrap;gap:6px 16px;border-bottom:1px solid var(--line);padding:20px 0}.tbl_list td{display:block;padding:0;border:0;font-size:14px}.tbl_list td.txt_left{flex-basis:100%;order:-1;font-size:17px;margin-bottom:6px}.tbl_list td.number{display:none}.tbl_list td.date:before{content:'등록일 ';color:#687382}.faq-question{gap:12px;padding:20px 8px}.faq-question .board-badge{display:none}.faq-answer{padding:20px}.board-detail h2{font-size:23px}.board-attachment{padding:16px}.pagination{gap:4px}}