/* 검색창 */
.bo_sch_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; }
.bo_sch_wrap .bo_sch { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 350px; width: 95%; background-color: #fff; }
.bo_sch_wrap .bo_sch strong { display: block; font-size: 18px; padding: 15px; border-bottom: 1px solid #e8e8e8 }
.bo_sch_wrap .bo_sch form { display: block; padding: 15px; }
.bo_sch_wrap .bo_sch form select,
.bo_sch_wrap .bo_sch form .sch_bar { width: 100%; aspect-ratio: 8 / 1; border: 1px solid #d0d3db; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }

.bo_sch_wrap .bo_sch form select { padding: 0 10px; }
.bo_sch_wrap .bo_sch form .sch_bar { position: relative; margin-top: 15px; }
.bo_sch_wrap .bo_sch form .sch_bar .sch_input { width: 100%; height: 100%; padding: 0 40px 0 10px; border: 0; }
.bo_sch_wrap .bo_sch form .sch_bar .sch_btn { position: absolute; top: 0; right: 0; width: 40px; height: 100%; font-size: 15px; color: #656565; }
.bo_sch_wrap .bo_sch .bo_sch_cls { position: absolute; top: 0; right: 0; padding: 15px !important; font-size: 18px !important; color: #b5b8bb; }
.bo_sch_wrap .bo_sch_bg { background-color: rgba(0,0,0,0.1); width:100%; height:100%; }





/* 1차, 2차 카테고리 */
#cate_wrap { display: flex; flex-direction: column; gap: 10px; padding-bottom: 20px; }
#cate_wrap .cate_list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; }
#cate_wrap .cate_list li a { display: flex; justify-content: center; align-items: center; padding: 12px 20px; font-size: 18px; color: #777; border-radius: 25px; background-color: #fff; }
#cate_wrap .cate_list li.active a { color: #fff; background-color: var(--main_color); }
    




#bo_list { width: 100%; padding: 60px 0; font-size: 16px; } 

/* 버튼 공통 */
#bo_list .admin_area { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
#bo_list .admin_area .check_wrap { display: flex; gap: 5px; }
#bo_list .admin_area .check_wrap .chk_all { width: 15px !important; height: 15px !important; border-radius: 3px !important; cursor: pointer; }
#bo_list .admin_area .check_wrap label { cursor: pointer; }

#bo_list .admin_area .btn_wrap { display: flex; gap: 5px; } 
#bo_list .admin_area .btn_wrap > li { position: relative; }
#bo_list .admin_area .btn_wrap > li > .board_btn { display: flex; justify-content: center; align-items: center; width: 35px; aspect-ratio: 1 / 1; font-size: 19px; color: #bababa; } 
#bo_list .admin_area .btn_wrap > li > .btn_adm { color: #d13f4a; } 

#bo_list .admin_area .btn_wrap > li > .board_btn:hover { color: #000; } 
#bo_list .admin_area .btn_wrap > li > .btn_adm:hover { color: #ff3746; } 

#bo_list .admin_area .btn_wrap > li > .more_option_list { display: none; position: absolute; top: 45px; right: 0; background-color: #fff; border: 1px solid #b8bfc4; z-index: 999; } 
#bo_list .admin_area .btn_wrap > li > .more_option_list:before { content: ""; position: absolute; top: -8px; right: 10px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #b8bfc4 transparent; } 
#bo_list .admin_area .btn_wrap > li > .more_option_list:after { content: ""; position: absolute; top: -6px; right: 10px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent; } 
#bo_list .admin_area .btn_wrap > li > .more_option_list li { border-bottom: 1px solid #f1f1f1; background-color: #fff; } 
#bo_list .admin_area .btn_wrap > li > .more_option_list li:last-child { border-bottom: none; } 
#bo_list .admin_area .btn_wrap > li > .more_option_list li button { display: flex; justify-content: center; align-items: center; gap: 5px; padding: 10px; font-size: 15px; color: #bababa; word-break: keep-all; } 
#bo_list .admin_area .btn_wrap > li > .more_option_list li button span { display: block; width: 15px; aspect-ratio: 1 / 1; }
#bo_list .admin_area .btn_wrap > li > .more_option_list li:hover button { color: #000 } 


#bo_list .gallery_list { display: grid; width: 100%; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; row-gap: 40px; margin-bottom: 50px; }
#bo_list .gallery_list .gallery_item {  }
#bo_list .gallery_list .gallery_item .admin_box { display: flex; justify-content: space-between; align-items: center; padding: 0 5px; }
#bo_list .gallery_list .gallery_item .admin_box input { width: 15px !important; height: 15px !important; border-radius: 3px !important; }
#bo_list .gallery_list .gallery_item .admin_box span { font-size: 23px; color: #898989; }

#bo_list .gallery_list .gallery_item > a { display: block; width: 100%; }
#bo_list .gallery_list .gallery_item > a .thumb_box { position: relative; width: 100%; aspect-ratio: 2 / 1; border: 1px solid #eee; border-radius: 10px; overflow: hidden; }
#bo_list .gallery_list .gallery_item > a .thumb_box .lock_box { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; width: 50%; height: 100%; border-radius: 10px 0 0 10px; background-color: rgba(0, 0, 0, 0.7); }
#bo_list .gallery_list .gallery_item > a .thumb_box .lock_box p { font-size: 14px; font-weight: 500; color: #fff; line-height: 1.5; text-align: center; }
#bo_list .gallery_list .gallery_item > a .thumb_box .lock_box span { display: inline-block; padding: 5px 7px; font-size: 12px; font-weight: 600; color: #000; border-radius: 5px; background-color: #fff; }

#bo_list .gallery_list .gallery_item > a .txt_box { margin-top: 12px; }
#bo_list .gallery_list .gallery_item > a .txt_box p { font-weight: 500; color: #333; text-align: center; line-height: 1.4; }
#bo_list .gallery_list .gallery_item.on > a .txt_box p { color: var(--main_color); }

#bo_list .gallery_list.empty { display: block; }
#bo_list .gallery_list.empty .empty_box { padding: 100px 0; text-align: center; }



#bo_list .notice_wrap { display: flex; flex-direction: column; gap: 5px; }
#bo_list .notice_wrap p { font-size: 14px; color: #777; line-height: 1.3; text-align: center; }