@charset "utf-8";

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {padding:0 20px}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {}
#bo_w button.btn_cancel {}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {}

/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {font-size: 16px;}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td {font-size: 16px;}
#bo_list .tbl_head01 a {font-size: 16.5px; font-weight: 700; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; color: #222;}
#bo_list td.empty_table {}

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w .tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 뉴스룸, 자료실 게시판 CSS 추가 20251117 */
.notice .bo_v_nb li, .dataroom .bo_v_nb li {display: flex; align-items: center;}
.notice .bo_v_nb li .nb_tit, .dataroom .bo_v_nb li .nb_tit {min-width: 72px;}
.notice .bo_v_nb li > a, .dataroom .bo_v_nb li > a {  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.notice .bo_v_nb li .nb_date, .dataroom .bo_v_nb li .nb_date {margin-left: auto; min-width: 52px;}
.notice .tbl_head01 tbody tr, .dataroom .tbl_head01 tbody tr {transition: 0.3s;}
.notice .tbl_head01 tbody tr:hover, .dataroom .tbl_head01 tbody tr:hover {background-color: #eee;}
.notice .tbl_head01 tbody tr:hover .td_subject a, .dataroom .tbl_head01 tbody tr:hover .td_subject a {color: #1758a7 !important;}
.notice .tbl_head01 tbody tr:hover .td_num2, .dataroom .tbl_head01 tbody tr:hover .td_num2 {color: #1758a7; font-weight: 600;}
.notice #bo_list .td_datetime, .dataroom #bo_list .td_datetime {min-width: 110px;}
.notice .bo_v_nb li .nb_tit, .dataroom .bo_v_nb li .nb_tit {color: #1758a7;}

.notice div#bo_list, .dataroom div#bo_list {margin-bottom: 0;}
.notice .bo_tit, .dataroom .bo_tit {display: flex; align-items: center;}

.notice .bo_v_nb, .dataroom .bo_v_nb {padding-bottom: 0 !important;}
.notice #btn_autosave, .dataroom #btn_autosave {display: none;}

.notice  #bo_v_title, .dataroom  #bo_v_title {padding-bottom: 15px; margin-bottom: 5px;}
.notice  #bo_v_title .bo_v_tit, .dataroom  #bo_v_title .bo_v_tit {text-align: start; font-weight: 700; font-size: 36px;}

.notice #bo_list .td_num2, .dataroom #bo_list .td_num2 {font-weight: 500;}

.notice .tbl_head01 thead th, .dataroom .tbl_head01 thead th {padding: 25px 0; background: #fafafa;}


.notice #bo_v_file, .dataroom #bo_v_file {border-radius: 10px; overflow: hidden;}
.notice #bo_v_file h2, .dataroom #bo_v_file h2 {font-size: 18px; font-weight: 600; background: #fafafa; color: #1758a7;}

@media all and (max-width: 760px) {
    .notice .bo_fx, .dataroom .bo_fx {width: 100%;}
    .notice .bo_fx ul, .dataroom .bo_fx ul {width: 100%; display: flex; flex-wrap: wrap; gap: 13px;}
    .notice .bo_fx ul li, .dataroom .bo_fx ul li {width: calc(100%/4 - 10px); float: unset; margin: 0;}
    .notice .bo_fx ul li button, .dataroom .bo_fx ul li button, .notice .bo_fx ul li > a, .dataroom .bo_fx ul li > a {width: 100%;}
    #bo_sch {width: 100%;}
}

@media all and (max-width: 640px) {
    .notice #bo_sch .sch_input, .dataroom #bo_sch .sch_input {padding-left: 7px;}
    .notice #bo_v_file h2, .dataroom #bo_v_file h2 {font-size: 18px;}
    .notice .bo_v_file_cnt, .dataroom .bo_v_file_cnt {position: unset;}
}

@media all and (max-width: 400px) {
    .notice .bo_fx ul li, .dataroom .bo_fx ul li {width: calc(100% / 2 - 7px);}
    #bo_list .tbl_head01 a {font-size: 16px;}
    .notice #bo_list .td_datetime, .dataroom #bo_list .td_datetime {font-size: 14px; min-width: 95px;}

    .notice #bo_v_title .bo_v_tit, .dataroom #bo_v_title .bo_v_tit {font-size: 24px;}
}