@charset "utf-8"; 

/*******************************************/
/* IX Board Skin Design ********************/
/*******************************************/
#ix_board_list {} /* List */

/* 1. 상단(분류, 토탈) *****/
#bl_top {} 
#bl_top_rap {display: flex; flex-wrap: wrap; gap: 5px;padding-bottom:5px;border-bottom: 2px solid #000000;} 

/* 1-1. 분류 */
#blt_cate {flex: 1;}
#blt_cate ul {}
#blt_cate ul:after {display: block; visibility: hidden; clear: both; content: "";}

#blt_cate ul li {display: inline-block; padding-right: 5px;}
#blt_cate li a {display: block; padding: 3px 5px; border-radius: 3px; border: 1px solid #CFCFCF; color: #777777; font-size: 0.8rem;background: #FAFAFA;}
#blt_cate li a:hover {background: #1C2B39; color: #FFFFFF}
#blt_cate li #bo_cate_on {background: #1C2B39; color: #FFFFFF;}

/* 1-2. 토탈 */
#blt_total {display: flex; justify-content: right; align-items: flex-end; width: 150px;}
#blt_total  span {display: inline-block;margin-right:3px; font-size: 0.8rem; color: #777777;}

/* 1-2. 관리자버튼 */
#blt_admin {display: flex; justify-content: right; align-items: flex-end;}
#blt_admin a {display: inline-flex; justify-content: center; align-items: center;width:22px;height:22px;margin-left: 3px; border-radius: 11px; font-size: 0.7rem; color: #FFFFFF !important;}
#blt_admin .bl_btn_admin {background: #910E13;}
#blt_admin .bl_btn_check {background: #003D8B;}


/* 2. 리스트(테이블) *****/
#bl_mid {}
#bl_mid_wrap {}

#blm_table {width: 100%; table-layout: fixed; padding: 0px; border-collapse: collapse;}

/* 2-1. 헤드 */
#blm_table th {height: 35px; border-bottom: 1px solid #CFCFCF; background: #F2F4F7; font-size: 0.8rem; font-weight: normal !important; color: #666666;}
#blm_table .th_chk {width: 35px}
#blm_table .th_num {width: 40px}
#blm_table .th_cate {width: 70px}
#blm_table .th_subject {}
#blm_table .th_name {width: 80px}
#blm_table .th_hit {width: 40px}
#blm_table .th_rec {width: 40px}
#blm_table .th_date {width: 50px}

/* 2-2. 리스트 */
#blm_table tbody tr {border-bottom: 1px solid #F2F2F3; height: 40px; font-size: 0.8rem;}
#blm_table tbody tr:hover {background: #FAFAFA;}
#blm_table tbody tr:last-child {border-bottom: 0px;}
#blm_table tbody td {}
#blm_table .td_chk {text-align: center;}
#blm_table .td_num {text-align: center; color: #777777;}
#blm_table .td_cate {text-align: center;}
#blm_table .td_subject {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 5px; font-weight: 500; font-size: 0.95rem;}
#blm_table .td_name {font-weight: 400; font-size: 0.95rem; text-align: center;}
#blm_table .td_hit {text-align: center; color: #777777;}
#blm_table .td_rec {text-align: center; font-weight:500; color: #00A2E8;}
#blm_table .td_date {text-align: center; color: #777777;}

#blm_table .tr_notice {background: #FAFAFA;} /* 공지 배경색 */
#blm_table .td_num i {color: #B84A5B;} /* 공지 아이콘 */
#blm_table .td_subject img {vertical-align: middle; padding-left: 3px; margin-bottom: 2px; height: 12px;}
#blm_table .bl_cmt {display: inline-block; vertical-align: middle; margin-bottom: 2px; font-size: 0.8rem; color: #F7683A;} /* 코멘트 */
#blm_table .td_cate span {display: inline-flex; justify-content: center; align-items: center;width: 60px; height:20px; border-radius: 3px; border: 1px solid #CFCFCF; font-size: 0.8rem; background: #FAFAFA; color: #777777;} /* 카테고리 */
#blm_table .td_empty {padding: 30px; text-align: center; font-weight: 400; font-size: 0.9rem;}


/* 3. 버튼, 검색 ******/
#bl_bt1 {margin-bottom: 20px; border-top: 1px solid #CFCFCF;}
#bl_bt1_rap {padding-top: 10px;} 
#bl_bt1_rap:after {display: block; visibility: hidden; clear: both; content: ""}

/* 3-1. 버튼 */
#blb_btn {float: right;}
#blb_btn button {width: 70px; height: 28px; border-radius: 3px; border: 0px; font-size: 0.8rem; background: #587692; color: #FFFFFF;}
#blb_btn a {display: inline-flex; justify-content: center; align-items: center;width: 70px; line-height: 28px; margin: 0px; border-radius: 3px; border: 0px;font-size: 0.85rem; background: #1C2B39; color: #FFFFFF;}

/* 3-2. 검색 */
#blb_sch {float: left; width: 300px; height: 28px;}
#blb_sch fieldset {border: 0px; margin: 0px; padding: 0px;}
#blb_sch select {vertical-align: top; width: 90px; height: 28px; padding: 0 5px; font-size: 0.8rem;}
#blb_sch .bl_ip_sch {vertical-align: top; width: 150px; height: 28px; font-size: 0.8rem;}
#blb_sch .bl_btn_sch {vertical-align: top; height: 28px; width: 30px; border: 0px; border-radius: 3px; font-size: 0.8rem; color: #FFFFFF; background: #1C2B39;}


/* 4. 페이지 ******/
#bl_bt2 {}
#bl_bt2_rap {display: flex; justify-content: center; align-items: center;}
#bl_bt2_rap:after {display: block; visibility: hidden; clear: both; content: ""}