@charset "utf-8"; 

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

/* 1. 상단(분류, 토탈) *****/
#bl_top {max-width: 1200px; margin: 0 auto; margin-top: 150px; margin-bottom: 5px;} 
#bl_top_rap {display: flex; flex-wrap: wrap; gap: 10px;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; background: #587692; color: #FFFFFF; font-size: 0.8rem;}
#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; font-size: 0.8rem; color: #666666;}

/* 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: #964C4F;}
#blt_admin .bl_btn_check {background: #587692;}


/* 2. 리스트 (유튜브) ******/
#bl_gall {max-width: 1200px; margin: 0 auto;} 
#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; 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_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; color: #FFFFFF;}
.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: #000000;}
.gall_post  a {}
.gall_post #gall_item #gall_cont .gall_cate {background: #000000; 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: #000000; color: #aaa; font-weight: bold;border-radius: 10px;}
#gall_ul .empty_list {}



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