@charset "utf-8"; 

/* 게시판 목록 ***********************************/
#igall_list {}

/****** 1. 상단(카테고리, 토탈) */
#bol_sec01 {border-bottom: 2px solid #000000;} 
#bol_01rap {display: flex; flex-wrap: wrap; gap: 10px; padding-bottom: 5px;} 

/* 1-1. 카테고리 */
#bl_cate {flex: 1;}
.bl_cate_ul {}
.bl_cate_ul:after {display: block; visibility: hidden; clear: both; content: ""}

.bl_cate_ul li {display: inline-block; padding-right: 5px;}
.bl_cate_ul a {display: block; padding: 3px 5px; border-radius: 3px; background: #748EA7; color: #FFFFFF; font-size: 0.8rem;}
.bl_cate_ul a:hover {background: #1C2B39; color: #FFFFFF}
.bl_cate_ul #bo_cate_on {background: #1C2B39; color: #FFFFFF;}

/* 1-2. 토탈 */
#bl_total {display: flex; justify-content: right; align-items: flex-end; width: 150px;}
.blt_span {display: inline-block; font-size: 0.8rem; color: #666666;}

/* 1-2. 관리자버튼 */
#bl_admin {display: flex; justify-content: right; align-items: flex-end;}
#bl_admin a {display: inline-block; margin-left: 3px; padding: 3px 5px; border-radius: 3px; font-size: 0.8rem; color: #FFFFFF !important;}
#bl_admin .bl_btn_admin {background: #880015;}
#bl_admin .bl_btn_check {background: #007AAE;}


/****** 2. 리스트 (유튜브) */
#gall_list_sec {} 
#gall_list_wrap {} 

/* 공지 */
#gall_post .gall_notice {width:100%}
#gall_notice_box {display: flex; justify-content: space-between; align-items: center; padding: 5px; border-bottom: 1px solid #CFCFCF;background: #F2F4F7;}
.gall_notice_title {flex-grow: 1; font-weight: 500; font-size: 0.95rem;}
.gall_notice_title span {display: inline-flex; justify-content: center; align-items: center; padding: 0px 10px; border-radius: 3px; background: #1C2B39; color: #FFFFFF; font-size: 0.8rem}
.gall_notice_date {white-space: nowrap; color: #808080; font-size: 0.8rem;}

/* 일반게시물 */
#gall_post {display: flex; flex-wrap: wrap; gap: 0 21px; justify-content: flex-start; margin: 0;;}
/* 중요 */ #gall_post .gall_li {flex: 1 1 calc(24.7% - 14px); /* 3열 고정 */ box-sizing: border-box; max-width: calc(24.7% - 14px);margin:10px 0;}

#gall_box {position: relative;}
#gall_check {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; z-index: 1000;}
#gall_img {position: relative;}
#gall_img img {width: 100%; height: auto; object-fit: cover; border-radius: 10px;}
#gall_rec {position: absolute; bottom: 10px; right: 7px; display: flex; justify-content: center; align-items: center; font-size: 0.7rem; background: #1C2B39; color: #FFFFFF; border-radius: 8px; padding: 2px 10px; z-index: 9999;}
#gall_rec i {margin-right: 5px;}

#gall_item {margin-top: 2px; padding: 7px; background: #F2F4F7; border-radius: 5px;}
#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_cont .gall_cate {display: inline-flex; justify-content: center; align-items: center; padding: 0px 10px}
#gall_cont .gall_cate {border-radius: 9px; background: #00A2E8; color: #FFFFFF; font-size: 0.8rem}
#gall_cont .gall_title {font-weight: 500; font-size: 0.95rem;}

#gall_date {display: flex; justify-content: space-between; align-items: center; padding-top: 5px; margin-top: 5px; border-top: 1px solid #CFCFCF;}
#gall_date .gall_refer {font-size: 0.8rem; font-weight: 500;}
#gall_date .gall_refer i {margin-right: 5px;}
#gall_date .gall_time {text-align: right; font-size: 0.8rem; font-weight: 500; color: #00A2E8;}

.no_image {display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100px; background-color: #FAFAFA; color: #aaa; font-weight: bold;}


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

/* 3-1. 버튼 */
#bl_btn {float: right;}
#bl_btn button {width: 70px; height: 28px; border-radius: 3px; border: 0px; font-size: 0.8rem; background: #748EA7; color: #FFFFFF;}
#bl_btn a {display: inline-block; vertical-align: top; width: 70px; line-height: 28px; margin: 0px; text-align: center; border-radius: 3px; border: 0px;}
#bl_btn a {font-size: 0.85rem; background: #1C2B39; color: #FFFFFF;}

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


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