@charset "utf-8";

/*글쓰기*/
#bo_w .write_div{margin:0px 0 10px;position:relative}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
#bo_w .bo_w_flie .frm_file{}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}

#book_gall {overflow:hidden;}
#book_gall .section_body{ justify-content:center;}
#book_gall h2 {margin:0;padding:0px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
#book_gall #gall_ul {display:flex; flex-wrap: wrap; gap:20px; padding:0; list-style:none;zoom:1}
#book_gall #gall_ul li{ border:1px solid #d2d2d2; background:#fff; border-radius:10px; overflow:hidden; position:relative; padding:0px !important}
#book_gall .gall_box {}
#book_gall .gall_text_href{padding:10px}
#book_gall .gall_li .gall_chk{position:absolute;top:0;left:0;padding:5px;}

.books-info-box .bson-tbl tbody th{width:160px; max-width:160px;}

.gall_row .col-gn-4 { width: calc(25% - 16px); }
.gall_row .col-gn-5 { width: calc(20% - 16px); }

#book_gall .col-gn-4:nth-child(-n+4) .gall_box {margin-top: 0;}

#bo_gall #gall_ul{display: flex;flex-wrap: wrap;gap: 10px;}

.lt_miri{font-size:14px; line-height:180%}

#book_gall #gall_ul li.empty_list{border:0px !important; padding:40px 0 !important}


/*Responsive 370, 480, 768, 834, 1024, 1440*/
@media all and (max-width:834px){
	.books-info-box{flex-direction: column; align-items:center;}
}

/*Responsive 370, 480, 768, 834, 1024, 1440*/
@media all and (max-width:768px){
	.gall_row .col-gn-4 { width: calc(50% - 10px); }
}

/*Responsive 370, 480, 768, 992, 1160*/
@media all and (min-width:685px){
	#book_gall .gall_row .gall_li:nth-child(3n+1){clear:both}
}


/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:684px){
	#book_gall .gall_row .col-gn-3{width:50%}
	#book_gall .gall_row .gall_li:nth-child(2n+1){clear:both}
}

@media all and (max-width:480px){
	#book_gall .gall_row .col-gn-4 { width: calc(50% - 10px) !important}
}


@media all and (max-width:320px){
	#book_gall .gall_row .col-gn-4 { width:100% !important}

}

/* 평상시: 연한 테두리 → 포커스 시 테마색으로 변화가 보이게 (4px 유지로 레이아웃 흔들림 방지) */
.sub_search_stx{border:4px solid #ddd; border-radius:5px; outline:none; transition:border-color .2s ease, box-shadow .2s ease;}

.sub_search_stx{border:4px solid var(--theme-color); border-radius:5px}

.search-body form{width:100%}
.search-body #stx {min-width:200px; width:70%; max-width:400px; height:50px; line-height:50px;}
.search-body #stx:focus, .search-body #stx:focus-visible{border: 4px solid var(--theme-color) !important; border-radius: 5px !important; box-shadow:0 0 8px rgba(0,0,0,.15);}
.sch-list-btn{ line-height:1; display:flex; justify-content:center; align-items:center; color:var(--theme-color2);  font-size:30px}