@charset "utf-8"; 

/*******************************************/
/* IX Board Skin Design ********************/
/*******************************************/
#ix_board_list {
	body, font, a, p, div{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;}
} /* List */

/* 1. 상단(분류, 토탈) *****/
#bl_top {margin-bottom: 5px;} 
#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 {} 

/* 구조 */
#gall_ul {display: flex; flex-wrap: wrap; gap: 21px; justify-content: flex-start; margin:10px 0;}
#gall_ul .gall_li {flex: 1 1 calc(33.3% - 14px); max-width: calc(33.3% - 14px); box-sizing: border-box;}
/* 3열 25% 4열 33.3%  gap calc을 적절히 조정 */

/* 공통 */
.gall_li {}
.gall_li #gall_box {position: relative;}

.gall_li #gall_check {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; z-index: 1;}
.gall_li #gall_thumb {position: relative;margin-bottom: 5px; }
#gall_thumb a {display:flex;justify-content:center;align-items:center;margin:0px; padding:0px;}
.gall_li #gall_thumb img {width: 100%; height: auto; object-fit: cover; border-radius: 10px;}

#gi_count_box {position: absolute; bottom: 5px; right: 5px; display: flex; justify-content: center; align-items: center; font-size: 0.7rem; background: #1C2B39; border-radius: 8px; padding: 2px 10px; z-index: 1;}
#gi_count_box span {color:#FFFFFF}
#gi_count_box i {margin-right: 5px;}
#gi_count_box .gcount_cmt {margin-right: 10px;}
 #gi_count_box .gcount_rec {margin-right: 10px;}


.gall_li #gall_item {padding: 7px; border-radius: 5px;}
.gall_li #gall_cont {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; text-overflow: ellipsis; line-height: 19px; }
.gall_li #gall_cont .gall_cate {display: inline-flex; justify-content: center; align-items: center; padding: 0px 10px}
.gall_li #gall_cont .gall_cate {border-radius: 9px; font-size: 0.8rem}
.gall_li #gall_cont .gall_title {font-weight: 500; font-size: 0.95rem;}
.gall_li #gall_cont img {padding-left: 3px; height: 12px;}
.gall_li #gall_info {display: flex; justify-content: space-between; align-items: center; padding-top: 5px; margin-top: 5px; border-top: 1px solid #CFCFCF;}
.gall_li #gall_info .gall_refer {font-size: 0.8rem; font-weight: 500;}
.gall_li #gall_info .gall_refer i {margin-right: 5px;}
.gall_li #gall_info .gall_date {text-align: right; font-size: 0.8rem; font-weight: 500; color: #00A2E8;}

/* 일반 */ 
.gall_post {}
.gall_post  #gall_item {background: #F2F4F7;}
.gall_post  a {}
.gall_post #gall_item #gall_cont .gall_cate {background: #003D8B; color: #FFFFFF;}
.gall_post #gall_info {border-top: 1px solid #CFCFCF;}

/* 공지 */ 
.gall_notice {}
.gall_notice  #gall_item {background: #1C2B39; color:#FFFFFF}
.gall_notice  a {color:#FFFFFF}
.gall_notice #gall_item #gall_cont .gall_cate {background: #940B10; color: #FFFFFF;}
.gall_notice #gall_info {border-top: 1px solid #808080;}
.gall_notice #gall_info .gall_refer {color:#FFFFFF}
.gall_notice #gall_info .gall_refer span {color:#FFFFFF}

.no_image {display: flex; align-items: center; justify-content: center; background-color: #FAFAFA; color: #aaa; font-weight: bold;border-radius: 10px;}
#gall_ul .empty_list {padding:20px;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: ""}