@charset "utf-8";

#bo_list #bo_sch,
#bo_list .bo_fx {margin-bottom:30px}

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {font-size: 16px; display: flex; align-items: center; align-items: center;}
#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 {font-size: 16px;}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {font-size: 16px;  display: flex; align-items: center; align-items: center;}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {font-size: 16px;} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {padding:0 20px; font-size: 16px;}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {font-size: 16px;}
#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 {}
#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 {word-break: keep-all;}
#bo_list .tbl_head01 a {}
#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 {}



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

/* 게시판 상세 */
#bo_v {color:#222}
#bo_v > .con_wrap .sub_title {margin-bottom:50px}
#bo_v #bo_v_title {margin:0;padding:28px 30px;border-top:3px solid #17445f;border-bottom:1px solid #dfe5e9;background:#f7f9fa;box-sizing:border-box}
#bo_v #bo_v_title .bo_v_cate {margin:0 0 10px;padding:5px 12px;border:0;border-radius:2px;background:#17445f;box-shadow:none;color:#fff;font-size:14px;line-height:1.4}
#bo_v #bo_v_title .bo_v_tit {margin:0;color:#17242c;font-size:20px;font-weight:600;line-height:1.45;text-align:left;word-break:keep-all}
#bo_v #bo_v_info {display:flex;justify-content:flex-end;align-items:center;margin:0;padding:15px 20px;border-bottom:1px solid #e5e8ea;color:#777;box-sizing:border-box}
#bo_v #bo_v_info .if_date {float:none;margin:0;font-size:15px;line-height:1.5}
#bo_v #bo_v_info .if_date i {margin-right:5px;color:#17445f}
#bo_v #bo_v_info .if_date_icon {width:18px;height:18px;margin-right:6px;fill:none;stroke:#17445f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-4px}
#bo_v #bo_v_atc {min-height:300px;padding:0 20px 25px;box-sizing:border-box;}
#bo_v #bo_v_img {margin-bottom:25px}
#bo_v #bo_v_img img {max-width:100%;height:auto;margin:0 auto 20px}
#bo_v #bo_v_con {min-height:220px;margin:0;padding:0 0 45px;border-bottom:1px solid #e5e8ea;color:#333;font-size:17px;line-height:1.8;word-break:break-word;box-sizing:border-box}
#bo_v #bo_v_con img {max-width:100%;height:auto}

#bo_v #bo_v_file,
#bo_v #bo_v_link {overflow:hidden;margin:20px 0;border:1px solid #dde3e7;border-radius:4px;background:#fff; padding-top: 0;}
#bo_v #bo_v_file h2,
#bo_v #bo_v_link h2 {margin:0;padding:14px 18px;border-bottom:1px solid #dde3e7;background:#f5f7f8;color:#263b48;font-size:16px;font-weight:600}
#bo_v #bo_v_file ul,
#bo_v #bo_v_link ul {margin:0;padding:0}
#bo_v #bo_v_file li,
#bo_v #bo_v_link li {min-height:24px;padding:13px 18px;border-bottom:1px solid #edf0f2;font-size:17px;line-height:1.6;box-sizing:border-box}
#bo_v #bo_v_file li:last-child,
#bo_v #bo_v_link li:last-child {border-bottom:0}
#bo_v #bo_v_file li > i,
#bo_v #bo_v_link li > i {width:20px;color:#17445f;text-align:center}
#bo_v #bo_v_file a,
#bo_v #bo_v_link a {color:#17445f;text-decoration:none}
#bo_v .bo_v_file_cnt,
#bo_v .bo_v_link_cnt {top:14px;right:18px;color:#888;font-size:15px}

#bo_v #bo_v_top {margin-top:35px;padding-top:20px;border-top:1px solid #dfe4e7}
#bo_v #bo_v_top .bo_v_left,
#bo_v #bo_v_top .bo_v_com {display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}
#bo_v #bo_v_top .bo_v_left {float:left}
#bo_v #bo_v_top .bo_v_com {float:right}
#bo_v #bo_v_top .bo_v_left li,
#bo_v #bo_v_top .bo_v_com li {float:none;margin:0}
#bo_v #bo_v_top .bo_v_left a,
#bo_v #bo_v_top .bo_v_com a {display:flex;align-items:center;justify-content:center;min-width:70px;height:42px;margin:0;padding:0 16px;box-sizing:border-box;font-size:15px;line-height:42px}
#bo_v #bo_v_top .bo_v_nb {clear:both;margin:0;border:1px solid #dfe4e7;border-radius:4px;background:#fff}
#bo_v #bo_v_top .bo_v_nb li {display:grid;grid-template-columns:90px minmax(0,1fr) 90px;align-items:center;gap:15px;padding:17px 20px;border-bottom:1px solid #e8ebed;font-size:15px;box-sizing:border-box}
#bo_v #bo_v_top .bo_v_nb li:last-child {border-bottom:0}
#bo_v #bo_v_top .bo_v_nb li .nb_tit {padding:0;color:#17445f;font-weight:600}
#bo_v #bo_v_top .bo_v_nb li a {overflow:hidden;color:#333;white-space:nowrap;text-overflow:ellipsis}
#bo_v #bo_v_top .bo_v_nb li .nb_date {float:none;color:#888;text-align:right}

@media all and (max-width:768px) {
    #bo_v #bo_v_title {padding:22px 20px}
    #bo_v #bo_v_title .bo_v_tit {font-size:23px;line-height:1.45}
    #bo_v #bo_v_info {padding:12px 15px}
    #bo_v #bo_v_atc {padding:32px 5px 20px}
    #bo_v #bo_v_con {min-height:160px;padding-bottom:35px;font-size:16px}
    #bo_v #bo_v_file li,
    #bo_v #bo_v_link li {padding:12px 15px 13px}
    #bo_v .bo_v_file_cnt,
    #bo_v .bo_v_link_cnt {display:block;position:static;margin-top:4px}
    #bo_v #bo_v_top .bo_v_left,
    #bo_v #bo_v_top .bo_v_com {float:none;width:100%}
    #bo_v #bo_v_top .bo_v_com {justify-content:flex-end}
    #bo_v #bo_v_top .bo_v_nb li {grid-template-columns:75px minmax(0,1fr);gap:10px;padding:15px}
    #bo_v #bo_v_top .bo_v_nb li .nb_date {display:none}
    
}

@media all and (max-width:480px) {
    #bo_v #bo_v_title {padding:18px 15px}
    #bo_v #bo_v_title .bo_v_tit {font-size:20px;word-break:break-word}
    #bo_v #bo_v_title .bo_v_cate {font-size:13px}
    #bo_v #bo_v_info .if_date {font-size:14px}
    #bo_v #bo_v_top .bo_v_left,
    #bo_v #bo_v_top .bo_v_com {justify-content:flex-start}
    #bo_v #bo_v_top .bo_v_left a,
    #bo_v #bo_v_top .bo_v_com a {min-width:64px;height:40px;padding:0 12px;font-size:14px;line-height:40px}
    #bo_v #bo_v_top .bo_v_nb li {grid-template-columns:65px minmax(0,1fr);padding:13px 12px;font-size:15px}
    #bo_v #bo_v_link li{font-size:16px!important;};
}