@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_gall {} 
#bl_gall_rap {} 

.blg_li {max-width: 100%; box-sizing: border-box;border-bottom: 1px solid #F2F2F3;}
.blg_li:last-child {border:none}

#blg_wrap {position: relative;display: flex; flex-wrap:wrap; gap:10px;padding:10px 0;}

#blg_thumb {position: relative; width:170px;} /*썸네일 이미지 폭 설정*/
#blg_thumb a {display:flex;justify-content:center;align-items:center;margin:0px; padding:0px;}
#blg_thumb img {border-radius: 10px;}
#blg_thumb .blg_check {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; z-index: 1;}

#blg_cont_box {flex:1; display: flex; flex-direction: column;}
#blg_intitle {display:flex;align-items:center;height:30px; padding:5px; border-radius: 5px;}
#blg_intitle img {padding-left: 3px; margin-top: 2px; height: 12px;}
#blg_intitle .blg_title {font-weight:500;font-size:0.95rem}
#blg_intitle .blg_cate {display: inline-flex; justify-content: center; align-items: center;height:20px; padding:0 10px;margin-right:5px; border-radius: 10px;color: #fff;font-size:0.8rem;}

#blg_cont {height: calc(100% - 45px);font-size:0.9rem;line-height: 1.4rem; padding:5px;}

#blg_info {display: flex;align-items:center; justify-content: space-between;height:15px;padding:0 5px;}
#blg_info .blg_name {display:flex;align-items:center;}
#blg_info .blg_name i {margin-right: 5px;font-size:0.8rem;}
#blg_info .blg_name .sv_member {font-size:0.9rem; font-weight:500; }
#blg_info .blg_name .blg_date {margin-left:5px; font-size:0.9rem; font-weight:400; color: #00A2E8;}
#blg_info .blg_count div {display: flex; justify-content: center; align-items: center; font-size: 0.7rem; background: #F2F4F7; border-radius: 8px; padding: 2px 10px; z-index: 1;}
#blg_info .blg_count div .blg_count_cmt {margin-right: 10px;}
#blg_info .blg_count div .blg_count_rec {margin-right: 10px;}
#blg_info .blg_count div i {margin-right: 5px;}

/* 일반 */ 
.blg_post #blg_intitle {background:#FAFAFA;}
.blg_post #blg_intitle .blg_cate {background:#003D8B;}

/* 공지 */ 
.blg_notice #blg_intitle {background:#ECEDEF;}
.blg_notice #blg_intitle .blg_cate {background:#940B10;}

/* 기타 */ 
#bl_gall_rap .blg_no_image {display: flex; align-items: center; justify-content: center; background-color: #FAFAFA; color: #aaa; font-weight: bold;border-radius: 10px;}
#bl_gall_rap .blg_empty {display:flex;align-items:center; justify-content:center; padding:30px;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: ""}