/* ==========================================================================
   [최종안] 선 없는 무선(No-Line) 소프트 음영 초압축 레이아웃 (행별 미세 명도 분할)
   ========================================================================== */

/* 1. 전체 틀 설정 (862px 고정 및 하단 선명한 블랙 라인 마감) */
.ap_extra_search.bd_wrt_main {
    margin: 8px auto 12px auto;
    max-width: 862px;
    width: 100%;
    padding: 0;
    background: #ffffff !important; /* 전체 베이스를 순백색으로 통일 */
    border: none !important;
    border-bottom: 2px solid #111111;
    box-sizing: border-box;
}

/* 2. 테이블 기본 구조 초기화 및 Flex 정렬 */
.ap_extra_search.bd_wrt_main .et_vars { display: block; width: 100%; border: none; padding: 0; margin: 0; }
.ap_extra_search.bd_wrt_main .et_vars tbody { 
    display: flex; 
    flex-direction: column; 
    width: 100%; 
}

/* 각 검색 행(Row) - 선을 완전히 제거하고 흰색 배경으로 통일 */
.ap_extra_search.bd_wrt_main .et_vars tr {
    display: flex;
    align-items: center !important; 
    padding: 0;
    margin: 0;
    border: none !important; 
    background: #ffffff !important; 
}

/* 라이믹스 순서 강제 제어 */
.ap_extra_search.bd_wrt_main .et_vars tr { order: 3; } 
.ap_extra_search.bd_wrt_main .et_vars tr.row_target_category { order: 2 !important; } 
.ap_extra_search.bd_wrt_main .et_vars tr:nth-of-type(2) { order: 1 !important; } 

/* [교체] 3. 항목 이름 영역 (th) - 가로폭을 55px로 축소하여 우측 버튼들을 좌측으로 밀착 */
.ap_extra_search.bd_wrt_main .et_vars th {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start; /* 왼쪽 정렬 유지 */  
    width: 55px;                 /* 기존 70px -> 55px로 슬림화 */               
    min-width: 55px;             /* 고정 최소폭도 55px로 통일 */
    padding: 0 0 0 2px !important; /* 글자가 답답하지 않도록 좌측에만 미세한 2px 여백 */    
    margin: 0 !important;
    border: none !important;     /* 테두리선 없는 깔끔한 상태 유지 */  
    font-size: 11px;
    font-weight: 700;
    color: #111111 !important;   /* 선명한 리얼 블랙 */
    letter-spacing: -0.5px;
    box-sizing: border-box;
    background: transparent !important;
}
.ap_extra_search.bd_wrt_main .et_vars th::before { display: none !important; }

/* 데이터 영역(td)의 여백을 순정 상태로 안전하게 복원하여 정렬 유지 */
.ap_extra_search.bd_wrt_main .et_vars td {
    display: block;
    flex-grow: 1;
    padding: 5px 0 5px 10px !important; /* 상하 5px, 좌측 10px의 가장 안정적인 간격 유지 */
    border: none !important;   
    box-sizing: border-box;
    background: transparent !important;
}

/* 4. 입력 폼 영역 (td) - 상하 패딩 최소화로 극강 압축 */
.ap_extra_search.bd_wrt_main .et_vars td {
    display: block;
    flex-grow: 1;
    padding: 5px 0 5px 10px !important; 
    border: none !important;   
    box-sizing: border-box;
    background: transparent !important;
}

/* 5. 바둑판형 격자 배열 (7열 칼정렬) */
.ap_extra_search.bd_wrt_main .et_vars ul {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important; 
    gap: 4px !important;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

/* [판매지역] 행만 기존의 18열 초압축 배열 유지 */
.ap_extra_search.bd_wrt_main .et_vars tr:nth-of-type(2) ul {
    grid-template-columns: repeat(18, minmax(41px, 1fr)) !important; 
    gap: 2px !important;
}
.ap_extra_search.bd_wrt_main .et_vars tr:nth-of-type(2) li label {
    font-size: 12px !important;
    letter-spacing: -1px !important;
    padding: 0 !important;
}

.ap_extra_search.bd_wrt_main .et_vars li, .extra_category {
    display: block !important; position: relative; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
}
.ap_extra_search.bd_wrt_main .et_vars li input[type="radio"], .ap_extra_search.bd_wrt_main .et_vars li input[type="checkbox"] {
    position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; margin: 0; z-index: 2;
}

/* ==========================================================================
   ★ [정밀 교정] 6. 순정 모노톤 유지하면서 행(줄)별 미세 명도(밝기) 차별화
   ========================================================================== */

/* 공통 공통 칩 버튼 설정 제거 (상속 에러 원인 제거를 위해 개별 선언) */
.ap_extra_search.bd_wrt_main .et_vars li label {
    display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 25px; margin: 0; padding: 0 4px; font-size: 11px; font-weight: 500; border-radius: 3px; border: none !important; transition: all 0.1s ease; text-align: center; white-space: nowrap; overflow: hidden; z-index: 1; 
}

/* 1번 줄 [판매지역] 버튼 ➔ 거의 흰색에 가까운 가장 투명하고 밝은 회색 */
.ap_extra_search.bd_wrt_main .et_vars tr:nth-of-type(2) li label {
    background: #f8fafc !important;
    color: #475569 !important;
}
.ap_extra_search.bd_wrt_main .et_vars tr:nth-of-type(2) li:hover label {
    background: #f1f5f9 !important;
}

/* 2번 줄 [물품종류] 버튼 ➔ 기준이 되는 맑은 연회색 (#f1f5f9에서 아주 미세하게 연하게 보정) */
.ap_extra_search.bd_wrt_main .et_vars tr.row_target_category li label {
    background: #f3f4f6 !important; 
    color: #4b5563 !important;
}
.ap_extra_search.bd_wrt_main .et_vars tr.row_target_category li:hover label {
    background: #e5e7eb !important;
}

/* 3번 줄 [거래방식] 버튼 ➔ 아주 부드러운 화이트 밀크 그레이 */
.ap_extra_search.bd_wrt_main .et_vars tr:nth-of-type(3) li label {
    background: #fafafa !important;
    color: #52525b !important;
}
.ap_extra_search.bd_wrt_main .et_vars tr:nth-of-type(3) li:hover label {
    background: #f4f4f5 !important;
}

/* 4번 줄 [상태] 및 5번 줄 [연료/기어] 등 그 이하 모든 추가 행 ➔ 한 단계 묵직하게 잡히는 침 그레이 */
.ap_extra_search.bd_wrt_main .et_vars tr:nth-of-type(n+4) li label {
    background: #eef2f6 !important;
    color: #475569 !important;
}
.ap_extra_search.bd_wrt_main .et_vars tr:nth-of-type(n+4) li:hover label {
    background: #d1d5db !important;
}

/* 7. 선택 완료 시 시그니처 올 블랙 반전 (철저하게 원래 규칙 엄수) */
.ap_extra_search.bd_wrt_main .et_vars li input[type="radio"]:checked + label,
.ap_extra_search.bd_wrt_main .et_vars li input[type="checkbox"]:checked + label {
    background: #111111 !important; 
    color: #ffffff !important; 
    font-weight: 600;
}

/* 8. 하단 통합 검색 바 영역 디자인 매칭 (30px 확장 유지) */
.ap_extra_search.bd_wrt_main .regist { 
    display: flex !important; 
    align-items: center !important; 
    justify-content: flex-end !important; 
    padding: 6px 4px 10px 4px !important; 
    margin: 0 !important; 
    border: none !important; 
    width: 100% !important; 
    box-sizing: border-box !important; 
    gap: 5px !important; 
    background: #ffffff !important; 
}

.ap_extra_search.bd_wrt_main .regist .signature_search_box { 
    display: inline-flex !important; 
    align-items: center !important; 
    margin: 0 !important;
    padding: 0 !important;
}

/* 텍스트 입력창 디자인 (30px) */
.ap_extra_search.bd_wrt_main input[type="text"].itx,
.ap_extra_search.bd_wrt_main .srch_itx.text { 
    height: 30px !important; 
    line-height: 30px !important;
    box-sizing: border-box !important; 
    border: 1px solid #cbd5e1 !important; 
    padding: 0 10px !important; 
    width: 260px !important; 
    border-radius: 3px !important; 
    font-size: 12px !important; 
    background-color: #ffffff !important; 
    color: #1f2937 !important; 
    margin: 0 !important;
    outline: none !important;
}
.ap_extra_search.bd_wrt_main input[type="text"].itx:focus { border-color: #111111 !important; }

/* 검색 버튼 디자인 (30px) */
.ap_extra_search.bd_wrt_main .searchb_btn,
.searchb_btn { 
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    cursor: pointer !important; 
    font-size: 12px !important; 
    font-weight: 600 !important; 
    height: 30px !important; 
    padding: 0 20px !important; 
    border-radius: 3px !important; 
    border: none !important; 
    background-color: #111111 !important; 
    color: #fff !important; 
    text-decoration: none !important; 
    line-height: 1 !important; 
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* 초기화 버튼 디자인 (30px) */
.ap_extra_search.bd_wrt_main .bd_btn { 
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    cursor: pointer !important; 
    font-size: 12px !important; 
    font-weight: 500 !important; 
    height: 30px !important; 
    padding: 0 14px !important; 
    border-radius: 3px !important; 
    border: 1px solid #cbd5e1 !important; 
    background-color: #fff !important; 
    color: #475569 !important; 
    line-height: 1 !important; 
    margin: 0 !important;
    box-sizing: border-box !important;
}
.ap_extra_search.bd_wrt_main .bd_btn:hover { background-color: #f8fafc !important; color: #111111 !important; }