/* 검색창 */
.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: calc(var(--standard_px) * 350); width: 95%; background-color: #fff; }
.bo_sch_wrap .bo_sch h3 { font-size: calc(var(--standard_px) * 18); padding: calc(var(--standard_px) * 15); border-bottom: calc(var(--standard_px) * 1) solid #e8e8e8 }
.bo_sch_wrap .bo_sch form { display: block; padding: calc(var(--standard_px) * 15); }
.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 calc(var(--standard_px) * 10); }
.bo_sch_wrap .bo_sch form .sch_bar { position: relative; margin-top: calc(var(--standard_px) * 15); }
.bo_sch_wrap .bo_sch form .sch_bar .sch_input { width: 100%; height: 100%; padding: 0 calc(var(--standard_px) * 40) 0 calc(var(--standard_px) * 10); border: 0; }
.bo_sch_wrap .bo_sch form .sch_bar .sch_btn { position: absolute; top: 0; right: 0; width: calc(var(--standard_px) * 40); height: 100%; font-size: calc(var(--standard_px) * 15); color: #656565; }
.bo_sch_wrap .bo_sch .bo_sch_cls { position: absolute; top: 0; right: 0; padding: calc(var(--standard_px) * 15) !important; font-size: calc(var(--standard_px) * 18) !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: calc(var(--standard_px) * 10); padding: calc(var(--standard_px) * 20) 0; }
#cate_wrap .cate_list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: calc(var(--standard_px) * 15); row-gap: 10px; width: 100%; }
#cate_wrap .cate_list li a { display: flex; justify-content: center; align-items: center; padding: calc(var(--standard_px) * 5) calc(var(--standard_px) * 20); font-size: calc(var(--standard_px) * 16); color: #777; border-radius: calc(var(--standard_px) * 25); background-color: #fff; }
#cate_wrap .cate_list li.active a { color: #fff; background-color: var(--main_color); }

#cate_wrap .sub_cate_list { margin-top: calc(var(--standard_px) * 15); padding-top: calc(var(--standard_px) * 15); border-top: calc(var(--standard_px) * 1) dashed #ccc; }
    




#bo_list { width: 100%; padding: calc(var(--standard_px) * 60) 0; font-size: calc(var(--standard_px) * 16); } 

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

#bo_list .admin_area .btn_wrap { display: flex; gap: calc(var(--standard_px) * 5); } 
#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: calc(var(--standard_px) * 35); aspect-ratio: 1 / 1; font-size: calc(var(--standard_px) * 18); 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: calc(var(--standard_px) * 45); right: 0; background-color: #fff; border: calc(var(--standard_px) * 1) solid #b8bfc4; z-index: 999; } 
#bo_list .admin_area .btn_wrap > li > .more_option_list:before { content: ""; position: absolute; top: calc(var(--standard_px) * -8); right: calc(var(--standard_px) * 10); width: 0; height: 0; border-style: solid; border-width: 0 calc(var(--standard_px) * 6) calc(var(--standard_px) * 8) calc(var(--standard_px) * 6); border-color: transparent transparent #b8bfc4 transparent; } 
#bo_list .admin_area .btn_wrap > li > .more_option_list:after { content: ""; position: absolute; top: calc(var(--standard_px) * -6); right: calc(var(--standard_px) * 10); width: 0; height: 0; border-style: solid; border-width: 0 calc(var(--standard_px) * 6) calc(var(--standard_px) * 8) calc(var(--standard_px) * 6); border-color: transparent transparent #fff transparent; } 
#bo_list .admin_area .btn_wrap > li > .more_option_list li { border-bottom: calc(var(--standard_px) * 1) 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: calc(var(--standard_px) * 5); padding: calc(var(--standard_px) * 10); font-size: calc(var(--standard_px) * 15); color: #bababa; word-break: keep-all; } 
#bo_list .admin_area .btn_wrap > li > .more_option_list li button span { display: block; width: calc(var(--standard_px) * 15); aspect-ratio: 1 / 1; }
#bo_list .admin_area .btn_wrap > li > .more_option_list li:hover button { color: #000 } 


#bo_list .gallery_list { display: flex; flex-wrap: wrap; gap: calc(var(--standard_px) * 20); row-gap: calc(var(--standard_px) * 40); width: 100%; margin-bottom: calc(var(--standard_px) * 50); }
#bo_list .gallery_list .gallery_item { width: calc((100% - calc(var(--standard_px) * 20)) / 2); }
#bo_list .gallery_list .gallery_item .admin_box { display: flex; justify-content: space-between; align-items: center; padding: 0 calc(var(--standard_px) * 5); }
#bo_list .gallery_list .gallery_item .admin_box input { width: calc(var(--standard_px) * 15) !important; height: calc(var(--standard_px) * 15) !important; border-radius: calc(var(--standard_px) * 3) !important; }
#bo_list .gallery_list .gallery_item .admin_box span { font-size: calc(var(--standard_px) * 23); 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: calc(var(--standard_px) * 1) solid #eee; border-radius: calc(var(--standard_px) * 10); 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: calc(var(--standard_px) * 15); width: 50%; height: 100%; border-radius: calc(var(--standard_px) * 10) 0 0 calc(var(--standard_px) * 10); background-color: rgba(0, 0, 0, 0.7); }
#bo_list .gallery_list .gallery_item > a .thumb_box .lock_box p { font-size: calc(var(--standard_px) * 14); 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: calc(var(--standard_px) * 5) calc(var(--standard_px) * 7); font-size: calc(var(--standard_px) * 12); font-weight: 600; color: #000; border-radius: calc(var(--standard_px) * 5); background-color: #fff; }

#bo_list .gallery_list .gallery_item > a .txt_box { margin-top: calc(var(--standard_px) * 12); }
#bo_list .gallery_list .gallery_item > a .txt_box p { font-size: calc(var(--standard_px) * 16); 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: calc(var(--standard_px) * 100) 0; text-align: center; }



#bo_list .notice_wrap { display: flex; flex-direction: column; gap: calc(var(--standard_px) * 5); }
#bo_list .notice_wrap p { font-size: calc(var(--standard_px) * 14); color: #777; line-height: 1.3; text-align: center; }