/* ==========================================================================
   라이믹스 모바일 확장 검색 (ap_extra_search_m) 최종 정석 스타일시트 전체
   ========================================================================== */

/* 1. 글로벌 컨테이너 여백 배치 및 순정 외각 회색 실선 완전히 도려내기 */
.ap_extra_search.bd_wrt_main {
    margin: 8px auto 12px auto; width: 100% !important; padding: 0 4px; background: #fff !important; border: none !important; box-sizing: border-box;
}
.ap_extra_search.bd_wrt_main .et_vars,
.ap_extra_search.bd_wrt_main .et_vars tbody,
.ap_extra_search.bd_wrt_main .et_vars tr,
.ap_extra_search.bd_wrt_main .et_vars th,
.ap_extra_search.bd_wrt_main .et_vars td {
    display: block !important; width: 100% !important; border: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-sizing: border-box !important;
}
.ap_extra_search.bd_wrt_main .et_vars tr {
    display: flex !important; flex-direction: column !important; padding: 4px 0 !important;
}

/* 2. 🛠️ [핵심 교정]: 물품종류 등 4열 바둑판 라디오 칩 버튼 간격 및 마진 정밀 셋업 */
.ap_extra_search.bd_wrt_main .et_vars th {
    font-size: 11px !important; font-weight: 700 !important; color: #111 !important; padding: 0 0 4px 2px !important; letter-spacing: -0.5px !important;
}
.ap_extra_search.bd_wrt_main .et_vars ul {
    display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 4px !important; list-style: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important;
}
.ap_extra_search.bd_wrt_main .et_vars li { 
    display: block !important; position: relative !important; padding: 0 !important; margin: 0 !important; 
}
.ap_extra_search.bd_wrt_main .et_vars li input {
    position: absolute !important; width: 100% !important; height: 100% !important; opacity: 0 !important; cursor: pointer !important; z-index: 2; margin: 0 !important; padding: 0 !important;
}
/* 칩 터치 영역 패딩 강제 초기화 및 반응형 자석 정렬 */
.ap_extra_search.bd_wrt_main .et_vars li label {
    display: flex !important; align-items: center !important; justify-content: center !important; height: 28px !important; padding: 0 2px !important; margin: 0 !important; box-sizing: border-box !important; font-size: 10.5px !important; font-weight: 500 !important; border-radius: 3px !important; background: #f3f4f6 !important; color: #4b5563 !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; z-index: 1; border: none !important;
}
.ap_extra_search.bd_wrt_main .et_vars li input:checked + label {
    background: #111 !important; color: #fff !important; font-weight: 600 !important;
}

/* 3. 범위 슬라이더 및 기간 달력 컴포넌트 */
.ap_extra_search.bd_wrt_main .date_range { display: flex !important; gap: 4px !important; }
.ap_extra_search.bd_wrt_main .date_range .btn {
    height: 32px !important; padding: 0 10px !important; background: #ef4444 !important; color: #fff !important; border: none !important; border-radius: 3px !important; font-size: 11px !important; cursor: pointer !important;
}
.ap_extra_search.bd_wrt_main .data_range { padding: 4px 6px 10px 6px !important; font-size: 11px !important; text-align: center; }
.ap_extra_search.bd_wrt_main .ui-slider { height: 6px !important; background: #e5e7eb !important; border: none !important; border-radius: 3px !important; margin: 8px 8px 0 8px !important; position: relative !important; }
.ap_extra_search.bd_wrt_main .ui-slider-range { background: #111 !important; position: absolute !important; height: 100% !important; }
.ap_extra_search.bd_wrt_main .ui-slider-handle { width: 16px !important; height: 16px !important; background: #fff !important; border: 2px solid #111 !important; border-radius: 50% !important; position: absolute !important; top: -5px !important; margin-left: -8px !important; outline: none !important; cursor: pointer !important; }

/* 4. 1행: 선택 상자 그룹 3등분 수평 정렬 */
.ap_extra_search.bd_wrt_main .et_vars_flex_wrapper { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: 4px !important; padding: 4px 0 !important; width: 100% !important; box-sizing: border-box !important; }
.ap_extra_search.bd_wrt_main .row_target_category_box, .ap_extra_search.bd_wrt_main .row_type_selector_box { flex: 1 1 30% !important; min-width: 80px !important; margin: 0 !important; box-sizing: border-box !important; }
.ap_extra_search.bd_wrt_main select { width: 100% !important; height: 32px !important; font-size: 11px !important; border: 1px solid #cbd5e1 !important; border-radius: 3px !important; background: #fff !important; color: #333 !important; padding: 0 4px !important; outline: none !important; box-sizing: border-box !important; }

/* 5. 2행: 상세 검색창 및 초기화/검색 버튼 칼정렬 마감 */
.ap_extra_search.bd_wrt_main .regist_inline { display: flex !important; align-items: stretch !important; flex: 0 0 100% !important; width: 100% !important; gap: 4px !important; margin-top: 6px !important; box-sizing: border-box !important; }
.ap_extra_search.bd_wrt_main .regist_inline .signature_search_box { flex: 1 1 auto !important; display: flex !important; }
.ap_extra_search.bd_wrt_main input[type="text"].itx { height: 32px !important; line-height: 32px !important; margin: 0 !important; padding: 0 8px !important; border: 1px solid #cbd5e1 !important; border-radius: 3px !important; font-size: 11px !important; color: #1f2937 !important; outline: none !important; box-sizing: border-box !important; width: 100% !important; }
.ap_extra_search.bd_wrt_main input[type="text"].itx:focus { border-color: #111 !important; }
.ap_extra_search.bd_wrt_main .bd_btn { height: 32px !important; margin: 0 !important; padding: 0 10px !important; font-size: 11px !important; font-weight: 500 !important; border-radius: 3px !important; border: 1px solid #cbd5e1 !important; background: #fff !important; color: #475569 !important; white-space: nowrap !important; flex: 0 0 auto !important; box-sizing: border-box !important; cursor: pointer !important; }
.ap_extra_search.bd_wrt_main .searchb_btn { height: 32px !important; margin: 0 !important; padding: 0 12px !important; font-size: 11px !important; font-weight: 600 !important; border-radius: 3px !important; border: none !important; background: #111 !important; color: #fff !important; white-space: nowrap !important; flex: 0 0 auto !important; box-sizing: border-box !important; cursor: pointer !important; }