@charset "utf-8";
/* 게시판 공통 - 분류선택·게시물 검색 박스 (중앙 FAQ 기준 디자인)
   config.php에서 표준 검색 마크업을 쓰는 스킨에만 스킨 CSS 다음에 불러온다.
   07customer.css·04diagnosis.css 등의 !important 규칙을 덮어쓰기 위해 일부 !important 사용 */

/* 분류선택 */
#board .board_total_right {display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; padding-bottom:10px;}
#board .board_total_right ul {display:flex; align-items:center;}
#board .board_total_right li {float:none; padding-top:0 !important;}
#board .board_total_right select {width:260px; height:40px; padding:0 15px; margin:0 5px 0 0; box-sizing:border-box; border:1px solid #767676; font-size:13px;}
#board .board_total_right li input {display:block; width:40px; height:40px; padding:5px !important; margin:0; box-sizing:border-box; background:#333; object-fit:contain;}

/* 게시물 검색 */
#board .board_search {width:100% !important; max-width:560px; margin:18px auto 0; padding:0; background:none;}
#board .board_search ul {display:flex; align-items:center; float:none; width:100%;}
#board .board_search ul li {float:none; height:40px;}
#board .board_search ul li.board_search_start,
#board .board_search ul li.board_search_end {display:none;}
#board .board_search ul li:nth-last-child(2) {flex:1; min-width:0;}
#board .board_search ul li select {float:none; width:90px !important; height:40px; padding:0 10px !important; margin:0 5px 0 0; box-sizing:border-box; border:1px solid #767676; font-size:13px;}
#board .board_search ul li input.search_input {float:none; width:100%; height:40px !important; padding:0 12px !important; margin:0; box-sizing:border-box; background:#fff !important; border:1px solid #767676 !important; font-size:14px;}
#board .board_search ul li input.search_input::placeholder {color:#999;}
#board .board_search ul li input.search_bt {float:none; display:block; width:40px; height:40px; padding:5px !important; margin:0 0 0 5px; box-sizing:border-box; background:#333; object-fit:contain;}

/* 모바일 */
@media all and (max-width:767px){
#board .board_total_right {float:none; clear:both; justify-content:flex-start; padding-top:10px;}
#board .board_total_right fieldset {flex:1;}
#board .board_total_right li:first-child {flex:1;}
#board .board_total_right select {width:100%;}
#board .board_search ul li select {width:62px !important; padding:0 6px !important; margin-right:4px; background-position:88% 50%;}
#board .board_search ul li input.search_input {padding:0 6px !important; font-size:12px; letter-spacing:-0.6px;}
#board .board_search ul li input.search_bt {margin-left:4px;}
}

/* 425px 이하 - 검색 박스 한 줄에 하나씩 꽉 차게 */
@media all and (max-width:425px){
#board .board_search ul {flex-wrap:wrap;}
#board .board_search ul li {width:100%; flex:none !important;}
#board .board_search ul li + li {margin-top:5px;}
#board .board_search ul li.board_search_start + li {margin-top:0;}
#board .board_search ul li select {width:100% !important; margin:0; padding:0 12px !important; background-position:95% 50%;}
#board .board_search ul li input.search_input {padding:0 12px !important; font-size:13px; letter-spacing:-0.3px;}
#board .board_search ul li input.search_bt {width:100%; margin:0;}
}