@charset "utf-8";
/* 자료실 목록 — 운영(cbrh.or.kr notice/data) 커스텀 스킨 이식 (content.css .programCon_Custom / .table_custom / .custom_tab 규칙을 신규 마크업에 맞게 재구성) */
.programCon.data_list_wrap { max-width: 1400px; width: 100%; margin: 0 auto; padding: 0 0 80px; box-sizing: border-box; }   /* 폭·글자 크기는 사업 페이지(.inner) 기준 */
@media all and (max-width: 1400px) { .programCon.data_list_wrap { width: 93.75%; } }
.data_list_wrap ul.custom_tab { display: flex; gap: 4px; margin: 35px 0 40px; padding: 0; list-style: none; }
.data_list_wrap ul.custom_tab li { flex: 1 1 0; height: 54px; background: #f3f9e3; }
.data_list_wrap ul.custom_tab li a { display: flex; align-items: center; justify-content: center; height: 100%; color: #aec80e; font-size: 18px; letter-spacing: -0.025em; font-weight: 700; text-decoration: none; }
.data_list_wrap ul.custom_tab li.active { background: #aec80e; }
.data_list_wrap ul.custom_tab li.active a { color: #fff; }
.data_list_wrap .table_custom { border-top: 2px solid #888; }
.data_list_wrap .table_custom .row { display: flex; align-items: center; gap: 24px; padding: 22px 10px; border-bottom: 1px solid #e1e3e4; }
.data_list_wrap .table_custom .row .img_box { flex: 0 0 140px; max-width: 140px; cursor: pointer; }
.data_list_wrap .table_custom .row .img_box img { display: block; width: 100%; height: 110px; object-fit: contain; }
.data_list_wrap .table_custom .row .tit_box { flex: 1 1 auto; min-width: 0; cursor: pointer; }
.data_list_wrap .table_custom .row .tit_box .cate { display: inline-block; margin-bottom: 6px; font-size: 14px; color: #888; }
.data_list_wrap .table_custom .row .tit_box p.mmw100 { margin: 0 0 6px; font-size: 19px; letter-spacing: -0.025em; color: #222; font-weight: 700; line-height: 1.35; }
.data_list_wrap .table_custom .row .tit_box .txt, .data_list_wrap .table_custom .row .tit_box .txt * { font-size: 15px !important; letter-spacing: -0.025em; color: #444; font-weight: 300; line-height: 1.6 !important; word-break: keep-all; }   /* 에디터 인라인 글자크기 무시 */
.data_list_wrap .table_custom .row .tit_box .txt img, .data_list_wrap .table_custom .row .tit_box .txt iframe, .data_list_wrap .table_custom .row .tit_box .txt video { display: none; }
.data_list_wrap .table_custom .row .tit_box .txt p { margin: 0; }
/* 목록 마우스오버 강조 (운영 board.css .on_e 대응) */
.data_list_wrap .table_custom .row { transition: background-color .15s; }
.data_list_wrap .table_custom .row:hover { background: #f3f8fe; }
.data_list_wrap .table_custom .row:hover .tit_box p.mmw100,
.data_list_wrap .table_custom .row:hover .tit_box .txt, .data_list_wrap .table_custom .row:hover .tit_box .txt * { color: #0063e9; }
.data_list_wrap .table_custom .row .right_btn_box { flex: 0 0 150px; max-width: 150px; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.data_list_wrap .table_custom .row .right_btn_box a { display: inline-flex; align-items: center; justify-content: center; gap: 5px; width: 140px; height: 38px; background: #4e4e4e; color: #fff; font-size: 14px; letter-spacing: -0.025em; font-weight: 500; text-decoration: none; }
.data_list_wrap .table_custom .row .right_btn_box a.dire_btn { background: #aec80e; }
.data_list_wrap .table_custom .row .right_btn_box a.down_btn img { width: 14px; height: 14px; }
.data_list_wrap .table_custom .nodata { padding: 60px 10px; text-align: center; color: #888; border-bottom: 1px solid #e1e3e4; }
.data_list_wrap .noti_icon { margin-right: 6px; vertical-align: middle; }
.data_list_wrap .search_area { margin-top: 30px; }
@media all and (max-width: 1024px) {
	.data_list_wrap ul.custom_tab li a { font-size: 17px; }
	.data_list_wrap .table_custom .row { gap: 16px; }
	.data_list_wrap .table_custom .row .tit_box p.mmw100 { font-size: 19px; }
	.data_list_wrap .table_custom .row .tit_box .txt, .data_list_wrap .table_custom .row .tit_box .txt * { font-size: 14px !important; }
	.data_list_wrap .table_custom .row .right_btn_box a { width: 130px; height: 40px; font-size: 14px; }
}
@media all and (max-width: 767px) {
	/* 운영 모바일과 동일: 탭 4개 한 줄, 본문 요약 숨김, 제목 한 줄 말줄임, 버튼 가로 배치 */
	.data_list_wrap ul.custom_tab { gap: 3px; margin: 24px 0 20px; }
	.data_list_wrap ul.custom_tab li { flex: 1 1 0; height: 46px; }
	.data_list_wrap ul.custom_tab li a { font-size: 14px; }
	.data_list_wrap .table_custom .row { flex-wrap: wrap; gap: 0 12px; padding: 16px 0; align-items: flex-start; }
	.data_list_wrap .table_custom .row .img_box { flex: 0 0 64px; max-width: 64px; align-self: center; }
	.data_list_wrap .table_custom .row .img_box img { height: 64px; }
	.data_list_wrap .table_custom .row .tit_box { flex: 1 1 0; min-width: 0; }
	.data_list_wrap .table_custom .row .tit_box p.mmw100 { font-size: 16px; margin: 0 0 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.data_list_wrap .table_custom .row .tit_box .txt { display: none; }
	.data_list_wrap .table_custom .row .right_btn_box { flex: 1 1 calc(100% - 76px); max-width: none; margin-left: 76px; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
	.data_list_wrap .table_custom .row .right_btn_box a { width: auto; padding: 0 14px; height: 36px; font-size: 13px; }
}
/* 하단 검색폼 (programj05 검색 마크업 재사용) */
.data_list_wrap .search_area .login_form_flex_box01 { display: flex; align-items: center; gap: 8px; }
.data_list_wrap .search_area .login_form_flex_box01 select { flex: 0 0 auto; width: 120px; min-width: 110px; height: 44px; padding: 0 12px; border: 1px solid #ddd; background: #fff; font-size: 14px; }
.data_list_wrap .search_area .login_form_flex_box01 input[type=text] { flex: 1 1 auto; min-width: 0; height: 44px; padding: 0 12px; border: 1px solid #ddd; font-size: 14px; }
.data_list_wrap .search_area .login_form_flex_box01 a.search_btn01 { flex: 0 0 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ddd; background: #fff; }
.data_list_wrap .search_area .login_form_flex_box01 a.search_btn01 img { width: 18px; height: 18px; }
