@charset "utf-8";

/* 상세검색 영역 */
#sch_res_detail {margin:10px 0 20px; padding:12px 15px; border:1px solid #e5e5e5; border-radius:4px; background:#fafafa;}
#sch_res_detail select, 
#sch_res_detail input[type="text"] {border:1px solid #d0d3db; border-radius:3px; height:34px;}
#sch_res_detail .sch_wr {display:inline-flex; gap:8px; align-items:center; margin-left:8px;}
#sch_res_detail .btn_submit {height:34px; line-height:34px; padding:0 12px; border:1px solid #7e6142; background:#7e6142; color:#fff; border-radius:3px;}
#sch_res_detail .switch_field {display:inline-flex; gap:10px; margin-left:12px; vertical-align:middle;}
#sch_res_detail .switch_field label {margin-right:8px;}

/* 결과 요약 및 게시판별 탭 */
#sch_result {margin:0 0 20px;}
#sch_res_ov {margin: 12px 11px;}
#sch_res_ov h2 {margin:0 0 6px; font-size:16px; font-weight:700;}
#sch_res_ov ul {margin:0; padding:0; list-style:none; display:flex; gap:12px; color:#666;}
#sch_res_board {margin:8px 0 16px; padding:0; list-style:none; display:flex; gap:8px; flex-wrap:wrap;}
#sch_res_board li a {display:inline-block; padding:6px 10px; border:1px solid #ddd; border-radius:16px; color:#666; text-decoration:none; font-size:12px; background:#fff;}
#sch_res_board li a:hover, #sch_res_board li a.on {border-color:#7e6142; color:#7e6142;}

/* 갤러리 그리드 */
.search_grid .grid_list {display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; list-style:none; margin:0; padding:0;}
.search_grid .grid_item {background:#fff;}
.search_grid .grid_item .thumb {display:block; width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden; background:#f7f7f7; border:1px solid #eee;}
.search_grid .grid_item .thumb img,
.search_grid .grid_item .thumb .noimg {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; text-align:center; line-height:1;}
.search_grid .grid_item .thumb .noimg {display:flex; align-items:center; justify-content:center; color:#999; font-weight:600;}
.search_grid .grid_item .meta {padding:10px 4px;}
.search_grid .grid_item .title {display:block; color:#222; font-weight:600; font-size:14px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;}
.search_grid .grid_item .title:hover {text-decoration:underline;}

@media (max-width: 1024px) {
  .search_grid .grid_list {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 640px) {
  .search_grid .grid_list {grid-template-columns: repeat(2, 1fr);}
}