@charset "utf-8";

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {padding:0 20px}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {}
#bo_w button.btn_cancel {}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {}

/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td {}
#bo_list .tbl_head01 a {}
#bo_list td.empty_table {}

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w .tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

.store_search_container { width: 100%; max-width: 1400px; margin: 0 auto;color: #333; }
.store_search_container h2 { font-size: 24px; font-weight: bold; margin-bottom: 20px; text-align: left; }

/* 공통 행 레이아웃 */
.search_row { display: flex; border-bottom: 1px solid #ddd; align-items: stretch; }
.search_row:first-of-type { border-top: 1px solid #ddd; }
.row_title { width: 200px; background: #fff; padding: 20px; font-weight: bold; font-size: 15px; display: flex; align-items: center; }
.row_content { flex: 1; padding: 15px; background: #fff; }

/* 그리드 탭 스타일 (01, 02 단계) */
.grid_tabs { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.grid_tabs li { width: 25%; box-sizing: border-box; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; }
.grid_tabs li a { display: block; padding: 12px 0; text-decoration: none; color: #666; font-size: 14px; transition: 0.2s; }
.grid_tabs li:hover { background: #f9f9f9; }

/* 선택된 항목 (보라색 강조) */
.grid_tabs li.active { border: 2px solid #0085d6; position: relative; margin: -1px; z-index: 1; }
.grid_tabs li.active a { color: #0085d6; font-weight: bold; }

/* 03. 검색창 스타일 */
.search_flex { display: flex; gap: 10px; align-items: center; }
.search_select { width: 150px; height: 40px; border: 1px solid #ccc; padding: 0 10px; outline: none; }
.search_input { flex: 1; height: 40px; border: 1px solid #ccc; padding: 0 15px; outline: none; }
.search_submit_btn { width: 100px; height: 40px; background: #0085d6; border: none; color: #fff; cursor: pointer; font-size: 15px; transition: 0.3s; }
.search_submit_btn:hover { background: #8e6caf; }

/* 반응형 (모바일 대응) */
@media (max-width: 768px) {
    .search_row { flex-direction: column; }
    .row_title { width: 100%; padding: 10px 15px; background: #f4f4f4; }
    .grid_tabs li { width: 50%; }
}