/* 1 */
#ap_high_secure_lock { margin: 12px auto 16px auto; width: 100%; max-width: 100% !important; padding: 0; background: #ffffff; border: none !important; border-collapse: separate !important; border-spacing: 0 !important; box-sizing: border-box; }

/* 2 */
#ap_high_secure_lock .et_vars { display: block; width: 100%; border: none !important; padding: 0; margin: 0; border-collapse: separate !important; border-spacing: 0 !important; }

/* 3 */
#ap_high_secure_lock .et_vars tbody { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; border: none !important; position: relative !important; }

/* 4 */
#ap_high_secure_lock .et_vars tr { display: inline-flex; align-items: center; margin-right: 6px; margin-bottom: 6px; float: left; vertical-align: middle; width: auto; box-sizing: border-box; background: #ffffff; border: none !important; outline: none !important; box-shadow: none !important; position: relative; }
#ap_high_secure_lock .et_vars td { display: inline-flex; align-items: center; padding: 0; vertical-align: middle; width: auto; box-sizing: border-box; background: transparent; position: relative !important; border: none !important; outline: none !important; box-shadow: none !important; }

/* 5 */
#ap_high_secure_lock .et_vars th { display: inline-flex; align-items: center; justify-content: flex-start; width: 70px; min-width: 70px; padding: 0; margin: 0; border: none !important; font-size: 11px; font-weight: 700; color: #111111; letter-spacing: -0.5px; box-sizing: border-box; background: transparent; }
#ap_high_secure_lock .et_vars th::before { display: none; }

/* 6 */
#ap_high_secure_lock .et_vars tr.search_line_1, #ap_high_secure_lock .et_vars tr.search_line_2, #ap_high_secure_lock .et_vars tr.search_line_3, #ap_high_secure_lock .et_vars tr.search_line_4, #ap_high_secure_lock .et_vars tr.search_line_5 { order: calc(var(--order, 1)); width: auto !important; max-width: max-content !important; border: none !important; }
#ap_high_secure_lock .et_vars tr.search_line_6 { order: 6; width: 100% !important; max-width: 100% !important; border: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; box-sizing: border-box !important; }


/* 7 */ #ap_high_secure_lock .et_vars tr ul, #ap_high_secure_lock .et_vars ul { display: grid; grid-template-columns: repeat(var(--cols, 7), minmax(0, 1fr)); gap: 4px; list-style: none; margin: 0; padding: 0; width: 100%; }
#ap_high_secure_lock .et_vars li, .extra_category { display: block; position: relative; float: none; width: 100%; margin: 0; padding: 0; }
#ap_high_secure_lock .et_vars input[type="checkbox"], #ap_high_secure_lock .et_vars input[type="radio"] { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; margin: 0; z-index: 5; }
#ap_high_secure_lock .et_vars label, #ap_high_secure_lock .et_vars li label { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 28px; margin: 0; padding: 0 6px; font-size: 12px !important; font-weight: 400; border-radius: 4px; border: none; transition: all 0.1s ease; text-align: center; white-space: nowrap; overflow: hidden; z-index: 1; }

/* ① 물품종류 카테고리 (1차 부모 항목) 가로 개수를 5개로 고정하고 싶을 때 */
html body #ap_high_secure_lock tr.row_target_category .parent-category-grid { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }

/* ② 물품종류 카테고리 (2차 자식 서브항목) 가로 개수를 6개로 고정하고 싶을 때 */
html body #ap_high_secure_lock tr.row_target_category .child-category-grid { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }

/* ③ 1번 확장변수 줄: 평소엔 숨김 유지, 클릭해서 열렸을 때만 내부에 버튼 4개 나열 */
html body #ap_high_secure_lock tr.row_idx_1 .dropdown-layer ul, html body #ap_high_secure_lock tr.row_idx_1 .dropdown-layer .extra-var-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; width: 100% !important; }

/* ④ 2번 확장변수 줄: 평소엔 숨김 유지, 클릭해서 열렸을 때만 내부에 버튼 9개 나열 */
html body #ap_high_secure_lock tr.row_idx_2 .dropdown-layer ul, html body #ap_high_secure_lock tr.row_idx_2 .dropdown-layer .extra-var-grid { display: grid !important; grid-template-columns: repeat(9, minmax(0, 1fr)) !important; width: 100% !important; }

/* ⑤ 거래방식 확장변수 줄: 평소엔 숨김 유지, 클릭해서 열렸을 때만 내부에 버튼 5개 나열 */
html body #ap_high_secure_lock tr.row_name_거래방식 .dropdown-layer ul, html body #ap_high_secure_lock tr.row_name_거래방식 .dropdown-layer .extra-var-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; width: 100% !important; }
html body #ap_high_secure_lock tr.row_idx_9 .dropdown-layer ul, html body #ap_high_secure_lock tr.row_idx_9 .dropdown-layer .extra-var-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; width: 100% !important; }

/* 8 */
#ap_high_secure_lock .et_vars tr[style*="--cols: 18"] ul, #ap_high_secure_lock .et_vars ul[style*="--cols: 18"] { grid-template-columns: repeat(18, minmax(41px, 1fr)); gap: 2px; }
#ap_high_secure_lock .et_vars tr[style*="--cols: 18"] li label, #ap_high_secure_lock .et_vars ul[style*="--cols: 18"] li label { font-size: 12px; letter-spacing: -1px; padding: 0; }

/* 9 */
#ap_high_secure_lock .et_vars tr.search_line_1 label { background: var(--bg-color, #f8fafc); color: #475569; }
#ap_high_secure_lock .et_vars tr.search_line_1 li:hover label { background: color-mix(in srgb, var(--bg-color, #f8fafc) 85%, #000000 15%); }
#ap_high_secure_lock .et_vars tr.search_line_2 label { background: var(--bg-color, #f3f4f6); color: #4b5563; }
#ap_high_secure_lock .et_vars tr.search_line_2 li:hover label { background: color-mix(in srgb, var(--bg-color, #f3f4f6) 85%, #000000 15%); }
#ap_high_secure_lock .et_vars tr.search_line_3 label { background: var(--bg-color, #fafafa); color: #52525b; }
#ap_high_secure_lock .et_vars tr.search_line_3 li:hover label { background: color-mix(in srgb, var(--bg-color, #fafafa) 85%, #000000 15%); }
#ap_high_secure_lock .et_vars tr.search_line_4 label, #ap_high_secure_lock .et_vars tr.search_line_5 label, #ap_high_secure_lock .et_vars tr.search_line_6 label { background: var(--bg-color, #eef2f6); color: #475569; }
#ap_high_secure_lock .et_vars tr.search_line_4 li:hover label, #ap_high_secure_lock .et_vars tr.search_line_5 li:hover label, #ap_high_secure_lock .et_vars tr.search_line_6 li:hover label { background: color-mix(in srgb, var(--bg-color, #eef2f6) 85%, #000000 15%); }

/* 10 */
#ap_high_secure_lock .et_vars tr input:checked + label { background: #111111; color: #ffffff; font-weight: 600; }

/* 11 */ #ap_high_secure_lock .custom-dropdown-container { display: inline-flex; align-items: center; vertical-align: middle; height: 28px; margin: 0; padding: 0; box-sizing: border-box; position: relative; }
#ap_high_secure_lock .custom-dropdown-container .dropdown-trigger { display: inline-flex; align-items: center; justify-content: flex-start; width: 130px; min-width: 130px; max-width: 130px; background-color: #f8fafc; color: #4b5563; border: 1px solid #e2e8f0; border-radius: 6px; padding: 0 24px 0 10px; font-size: 12px !important; font-weight: 500; height: 28px; cursor: pointer; box-sizing: border-box; user-select: none; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM5Y2EzYWYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4="); background-repeat: no-repeat; background-position: right 8px center; background-size: 11px; }
#ap_high_secure_lock .custom-dropdown-container .dropdown-trigger:hover { border-color: #cbd5e1; background-color: #f1f5f9; }
#ap_high_secure_lock .custom-dropdown-container.extra-var-dropdown, #ap_high_secure_lock .custom-dropdown-container.extra-var-dropdown .dropdown-trigger { width: 88px; min-width: 88px; max-width: 88px; }
#ap_high_secure_lock .custom-dropdown-container.extra-var-dropdown .dropdown-trigger { padding: 0 18px 0 6px; }
#ap_high_secure_lock .custom-dropdown-container.active .dropdown-trigger { border-color: #111111; color: #111111; background-color: #ffffff; box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.05); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMxMTExMTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4="); }

/* 12 */ #ap_high_secure_lock .custom-dropdown-container .dropdown-layer { display: none; position: absolute; top: calc(100% + 4px); left: 0; width: var(--layer-width, 724px) !important; min-width: var(--layer-width, 724px) !important; max-width: var(--layer-width, 724px) !important; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); padding: 14px; z-index: 1000; box-sizing: border-box; overflow-x: hidden !important; }
#ap_high_secure_lock .custom-dropdown-container.active .dropdown-layer { display: block; }
/* [핵심 수정] 가로폭 제어 간섭을 피하기 위해 !important를 제거하고 기본 가로폭(320px)만 설정 */
#ap_high_secure_lock .custom-dropdown-container.extra-var-dropdown .dropdown-layer { left: 0 !important; right: auto !important; transform: none !important; width: 320px; min-width: 320px; max-width: 1000px !important; max-height: 450px !important; overflow-y: auto; overflow-x: hidden !important; padding: 12px !important; }
#ap_high_secure_lock .custom-dropdown-container .layer-section-title-wrap { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; margin: 4px 0 10px 2px !important; width: 100% !important; gap: 8px !important; flex-wrap: wrap !important; }
#ap_high_secure_lock .custom-dropdown-container .layer-section-title { font-size: 12px !important; font-weight: 700 !important; color: #111111 !important; display: inline-block !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; }
#ap_high_secure_lock .custom-dropdown-container .layer-section-desc { font-size: 11px !important; font-weight: 400 !important; color: #6b7280 !important; display: inline-block !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; letter-spacing: -0.5px !important; }
#ap_high_secure_lock .custom-dropdown-container .parent-category-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important; gap: 4px; width: 100%; margin: 0 0 12px 0; padding: 0; list-style: none; }
#ap_high_secure_lock .custom-dropdown-container .child-category-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)) !important; gap: 4px; width: 100%; margin: 0; padding: 0; list-style: none; }
#ap_high_secure_lock .custom-dropdown-container.extra-var-dropdown .extra-var-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)) !important; gap: 4px; width: 100%; margin: 0 0 4px 0; padding: 0; list-style: none; }
#ap_high_secure_lock .custom-dropdown-container .dropdown-layer li { width: 100%; max-width: 100%; float: none; margin: 0; padding: 0; display: block; }
#ap_high_secure_lock .custom-dropdown-container .dropdown-layer li label { font-size: 11px; height: 28px; letter-spacing: -0.5px; padding: 0 4px; background: #f1f5f9; }
#ap_high_secure_lock .custom-dropdown-container .child-category-container { position: relative; display: block; clear: both; margin-top: 10px; width: 100%; box-sizing: border-box; }
#ap_high_secure_lock .custom-dropdown-container .child-row-group { position: relative; display: block; background-color: #f8fafc; border-radius: 6px; padding: 8px; margin-bottom: 6px; border: 1px solid #e2e8f0; width: 100%; box-sizing: border-box; }
#ap_high_secure_lock .custom-dropdown-container .layer-section-title.child-title { color: #2563eb; font-size: 10.5px; margin: 0 0 6px 0; }
#ap_high_secure_lock .custom-dropdown-container .dropdown-footer-action { display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 4px !important; margin-top: 10px !important; width: 100% !important; box-sizing: border-box !important; }
#ap_high_secure_lock .custom-dropdown-container .btn-dropdown-reset { display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; font-size: 11px !important; font-weight: 500 !important; height: 26px !important; padding: 0 12px !important; border-radius: 4px !important; border: 1px solid #cbd5e1 !important; background-color: #ffffff !important; color: #475569 !important; line-height: 1 !important; margin: 0 !important; box-sizing: border-box !important; transition: all 0.12s ease !important; }
#ap_high_secure_lock .custom-dropdown-container .btn-dropdown-reset:hover { background-color: #f8fafc !important; color: #111111 !important; border-color: #94a3b8 !important; }
#ap_high_secure_lock .custom-dropdown-container .btn-dropdown-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; font-size: 11px !important; font-weight: 600 !important; height: 26px !important; padding: 0 14px !important; border-radius: 4px !important; border: none !important; background-color: #111111 !important; color: #ffffff !important; line-height: 1 !important; margin: 0 !important; box-sizing: border-box !important; transition: all 0.12s ease !important; }
#ap_high_secure_lock .custom-dropdown-container .btn-dropdown-close:hover { background-color: #2d3748 !important; }
/* ① 물품종류 카테고리 박스만 넓이를 다르게 고정하고 싶을 때 */
#ap_high_secure_lock .row_target_category .dropdown-layer { width: 750px !important; min-width: 650px !important; max-width: 750px !important; }

/* ② 특정 확장변수(예: row_idx_1번) 박스만 넓이를 다르게 고정하고 싶을 때 */
#ap_high_secure_lock .row_idx_1 .dropdown-layer { width: 650px !important; min-width: 450px !important; max-width: 650px !important; }

/* ③ 특정 확장변수(예: row_idx_2번) 박스만 넓이를 다르게 고정하고 싶을 때 */
#ap_high_secure_lock .row_idx_2 .dropdown-layer { width: 400px !important; min-width: 320px !important; max-width: 400px !important; }

/* ④ 변수 순서(idx)가 아니라 변수명(예: 거래방식)으로 정확하게 콕 집어 고정하고 싶을 때 */
#ap_high_secure_lock .row_name_거래방식 .dropdown-layer { width: 340px !important; min-width: 300px !important; max-width: 340px !important; }
#ap_high_secure_lock .row_idx_9 .dropdown-layer { width: 400px !important; min-width: 320px !important; max-width: 400px !important; }


/* 13 */ #ap_high_secure_lock .regist, #ap_high_secure_lock div.regist, html body #ap_high_secure_lock .regist { display: inline-flex !important; align-items: center !important; height: 30px !important; padding: 0 !important; width: auto !important; max-width: max-content !important; box-sizing: border-box !important; gap: 4px !important; background: transparent !important; border: none !important; box-shadow: none !important; text-align: left !important; float: none !important; margin: 0 !important; }
#ap_high_secure_lock .regist.inline-search-mode { margin: 0 !important; float: none !important; }
#ap_high_secure_lock .et_vars tr:not(.search_line_6) { display: inline-flex !important; align-items: center !important; margin-right: 6px !important; margin-bottom: 6px !important; float: left !important; vertical-align: middle; width: auto !important; max-width: none !important; box-sizing: border-box !important; background: #ffffff !important; border: none !important; }
#ap_high_secure_lock .et_vars tr:not(.search_line_6) td { display: inline-flex !important; align-items: center !important; padding: 0 !important; vertical-align: middle; width: auto !important; max-width: none !important; box-sizing: border-box !important; background: transparent !important; border: none !important; }
#ap_high_secure_lock .et_vars tr.search_line_6 { display: inline-flex !important; position: absolute !important; right: 0 !important; top: 0 !important; left: auto !important; bottom: auto !important; width: auto !important; max-width: max-content !important; height: 30px !important; border: none !important; background: transparent !important; box-sizing: border-box !important; z-index: 10 !important; margin: 0 !important; float: none !important; padding: 0 !important; }
#ap_high_secure_lock .et_vars tr.search_line_6 td { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; border: none !important; background: transparent !important; padding: 0 !important; width: auto !important; max-width: max-content !important; box-sizing: border-box !important; }
#ap_high_secure_lock .regist .signature_search_box { display: inline-flex !important; width: auto !important; }
/* [길이 수정] 가로폭 수치를 160px에서 220px로 확장하여 더 길게 배치 */
#ap_high_secure_lock input[type="text"].itx, #ap_high_secure_lock .srch_itx.text { height: 30px !important; line-height: 30px !important; box-sizing: border-box !important; border: 1px solid #e2e8f0 !important; padding: 0 12px !important; width: 220px !important; min-width: 220px !important; max-width: 220px !important; border-radius: 6px !important; font-size: 12px !important; background-color: #ffffff !important; color: #1f2937 !important; margin: 0 !important; outline: none !important; }
#ap_high_secure_lock input[type="text"].itx:focus { border-color: #111111 !important; }
#ap_high_secure_lock .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 12px !important; border-radius: 6px !important; border: none !important; background-color: #111111 !important; color: #fff !important; line-height: 1 !important; margin: 0 !important; flex-shrink: 0 !important; }
#ap_high_secure_lock .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 10px !important; border-radius: 6px !important; border: 1px solid #e2e8f0 !important; background-color: #fff !important; color: #475569 !important; line-height: 1 !important; margin: 0 !important; flex-shrink: 0 !important; transition: all 0.15s ease; }
#ap_high_secure_lock .bd_btn:hover { background-color: #f8fafc !important; color: #111111 !important; border-color: #cbd5e1 !important; }

/* 14 */
#ap_high_secure_lock .extra-chips-display-row { display: none; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; width: 100%; max-width: 800px; padding: 6px 4px 6px 12px; margin: 0; box-sizing: border-box; background: transparent; gap: 4px; }
#ap_high_secure_lock .master-cate-chips-line { margin-top: 8px; border-top: 1px dashed #e2e8f0; }
#ap_high_secure_lock .search-selected-chip { display: inline-flex; align-items: center; box-sizing: border-box; height: 22px; padding: 0 2px 0 4px; font-size: 11px; font-weight: 400; color: #454545; border: 1px solid #454545; border-radius: 4px; background: #fff; white-space: nowrap; user-select: none; transition: all 0.12s ease; }
#ap_high_secure_lock .search-selected-chip:hover { border-color: #93c5fd; background-color: #dbeafe; }
#ap_high_secure_lock .btn-chip-remove { display: inline-flex; align-items: center; justify-content: center; margin-left: 6px; font-style: normal; font-weight: 700; font-size: 10px; color: #454545; cursor: pointer; padding: 0 2px; }
#ap_high_secure_lock .btn-chip-remove:hover { color: #1d4ed8; }

/* 15 */ 
.btn-mobile-filter-trigger { display: none !important; }

@media screen and (max-width: 767px) {
    .btn-mobile-filter-trigger { display: inline-flex !important; align-items: center; justify-content: center; cursor: pointer; font-size: 11px; font-weight: 500; height: 30px; padding: 0 10px; border-radius: 6px; border: 1px solid #cbd5e1; background-color: #ffffff; color: #334155; line-height: 1; margin: 0 6px 0 0; box-sizing: border-box; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }
    html body form#ap_high_secure_lock.ap_extra_search { display: none !important; width: 0 !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: none !important; opacity: 0 !important; position: absolute !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on { display: block !important; width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; height: auto !important; background: #ffffff !important; border: none !important; border-radius: 0 !important; padding: 0 !important; box-sizing: border-box !important; margin: 10px auto !important; box-shadow: none !important; float: none !important; clear: both !important; left: 0 !important; right: 0 !important; transform: none !important; border-collapse: unset !important; border-spacing: 0 !important; top: 0 !important; opacity: 1 !important; position: relative !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars tbody { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important; float: none !important; clear: both !important; box-sizing: border-box !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars tr, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_1, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_2, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_3, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_4, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_5 { display: block !important; width: 100% !important; max-width: 100% !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 12px !important; margin: 0 0 12px 0 !important; box-sizing: border-box !important; float: none !important; clear: both !important; box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars tr.search_line_6 { display: none !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars tr.mobile-only-search { display: block !important; width: 100% !important; max-width: 100% !important; background: transparent !important; border: none !important; border-radius: 0 !important; padding: 0 !important; margin: 20px 0 12px 0 !important; box-sizing: border-box !important; float: none !important; clear: both !important; box-shadow: none !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars tr.mobile-only-search td.mobile-search-td { display: block !important; width: 100% !important; padding: 0 !important; background: transparent !important; box-sizing: border-box !important; }
    /* [수정] 아래 두 버튼 사이의 가로 간격을 6px 단락으로 보완 정의 */
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .mobile-regist-wrap { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; gap: 8px 0 !important; box-sizing: border-box !important; clear: both !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .mobile-input-box { display: block !important; flex: 1 1 100% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 0 4px 0 !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on input[type="text"].mobile-text-itx { display: block !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 38px !important; line-height: 20px !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; box-sizing: border-box !important; margin: 0 !important; padding: 8px 10px !important; font-size: 12px !important; background-color: #ffffff !important; color: #1f2937 !important; outline: none !important; -webkit-appearance: none !important; appearance: none !important; }
    /* [핵심 수정] 6px의 전체 간격을 제외한 나머지 가로 폭 영역(calc)을 1:1 균등 분할하도록 너비 세부 마감 */
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .mobile-bd-btn, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .mobile-search-btn { display: inline-flex !important; flex: 0 0 calc(50% - 3px) !important; width: calc(50% - 3px) !important; min-width: calc(50% - 3px) !important; max-width: calc(50% - 3px) !important; height: 38px !important; line-height: 38px !important; font-size: 13px !important; border-radius: 8px !important; margin: 0 !important; padding: 0 10px !important; box-sizing: border-box !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; }
    /* [신규 추가] 왼쪽 초기화 버튼과 오른쪽 검색 버튼 사이에 6px 여백 생성 연동 */
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .mobile-bd-btn { border: 1px solid #cbd5e1 !important; background-color: #fff !important; color: #475569 !important; font-weight: 500 !important; margin-right: 3px !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .mobile-search-btn { border: none !important; background-color: #111111 !important; color: #fff !important; font-weight: 600 !important; margin-left: 3px !important; }


    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars td { display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; box-sizing: border-box !important; background: transparent !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .custom-dropdown-container .dropdown-trigger, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .layer-section-title-wrap { display: none !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars th { display: block !important; width: max-content !important; font-size: 11.5px !important; font-weight: 700 !important; color: #1e293b !important; padding: 0 0 6px 2px !important; margin: 0 0 10px 0 !important; border-bottom: 2px solid #3b82f6 !important; letter-spacing: -0.5px !important; text-align: left !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .custom-dropdown-container { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .custom-dropdown-container .dropdown-layer { display: block !important; position: relative !important; top: 0 !important; left: 0 !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; border: none !important; box-shadow: none !important; padding: 0 !important; z-index: 1 !important; margin: 0 !important; background: transparent !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .custom-dropdown-container ul, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .custom-dropdown-container .parent-category-grid, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .custom-dropdown-container .child-category-grid { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: hidden !important; background: transparent !important; padding: 0 !important; margin: 0 !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .custom-dropdown-container .parent-category-grid li, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .custom-dropdown-container .child-category-grid li { display: block !important; float: left !important; width: 25% !important; max-width: 25% !important; min-width: 25% !important; padding: 2px !important; box-sizing: border-box !important; margin: 0 !important; background: transparent !important; position: relative !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_2 ul, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_3 ul, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_4 ul, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_5 ul, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .custom-dropdown-container .extra-var-grid, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars td > div { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: hidden !important; background: transparent !important; padding: 0 !important; margin: 0 !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_2 li, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_3 li, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_4 li, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_5 li, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .extra-var-grid li { display: block !important; float: left !important; width: 20% !important; max-width: 20% !important; min-width: 20% !important; padding: 2px !important; box-sizing: border-box !important; margin: 0 !important; background: transparent !important; position: relative !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .dropdown-layer li a, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .dropdown-layer li span, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars li a, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars li span { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; height: 100% !important; float: none !important; position: static !important; background: transparent !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on input[type="checkbox"], html body form#ap_high_secure_lock.ap_extra_search.mobile-on input[type="radio"] { position: absolute !important; width: 100% !important; height: 100% !important; opacity: 0 !important; cursor: pointer !important; margin: 0 !important; z-index: 5 !important; left: 0 !important; top: 0 !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on label, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .dropdown-layer li label, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars li label, html body form#ap_high_secure_lock.ap_extra_search.mobile-on td label { display: flex !important; align-items: center !important; justify-content: center !important; height: 28px !important; font-size: 9.5px !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #475569 !important; font-weight: 500 !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin: 0 !important; padding: 0 1px !important; box-sizing: border-box !important; letter-spacing: -0.5px !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; z-index: 1 !important; transition: all 0.15s ease !important; float: none !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on input:checked + label { background: #3b82f6 !important; color: #ffffff !important; border-color: #3b82f6 !important; font-weight: 600 !important; box-shadow: 0 2px 4px rgba(59,130,246,0.2) !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .child-row-group { background-color: #ffffff !important; border: 1px dashed #cbd5e1 !important; padding: 8px !important; margin: 8px 0 0 0 !important; border-radius: 8px !important; width: 100% !important; box-sizing: border-box !important; clear: both !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .layer-section-title.child-title { color: #3b82f6 !important; font-size: 10px !important; margin: 0 0 6px 2px !important; font-weight: 700 !important; letter-spacing: -0.3px !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .dropdown-footer-action, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .btn-dropdown-reset { display: none !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on tr:last-child .dropdown-footer-action, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_6 .dropdown-footer-action { display: flex !important; justify-content: center !important; align-items: center !important; margin-top: 4px !important; margin-bottom: 6px !important; padding-top: 12px !important; width: 100% !important; box-sizing: border-box !important; border-top: 1px dashed #cbd5e1 !important; clear: both !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on tr:last-child .btn-dropdown-reset, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .search_line_6 .btn-dropdown-reset { display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; font-size: 11px !important; font-weight: 600 !important; height: 36px !important; width: 100% !important; border-radius: 6px !important; border: 1px solid #cbd5e1 !important; background-color: #ffffff !important; color: #475569 !important; transition: all 0.15s ease !important; margin: 0 !important; float: none !important; position: static !important; box-shadow: 0 2px 6px rgba(0,0,0,0.02) !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .btn-dropdown-close { display: none !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars tr:not(.row_target_category):not(.search_line_6) { display: block !important; width: 100% !important; max-width: 100% !important; background: transparent !important; border: none !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars tr:not(.row_target_category):not(.search_line_6) td { display: block !important; width: 100% !important; background: #f8fafc !important; border-left: 1px solid #e2e8f0 !important; border-right: 1px solid #e2e8f0 !important; padding: 12px 12px 6px 12px !important; box-sizing: border-box !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars tr:not(.row_target_category):not(.search_line_6):first-of-type td, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars tr.row_target_category + tr:not(.search_line_6) td { border-top: 1px solid #e2e8f0 !important; border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; margin-top: 4px !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars tr:not(.row_target_category):last-of-type td, html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars tr:has(+ .search_line_6):not(.row_target_category) td { border-bottom: 1px solid #e2e8f0 !important; border-bottom-left-radius: 12px !important; border-bottom-right-radius: 12px !important; margin-bottom: 12px !important; padding-bottom: 12px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .et_vars tr:not(.row_target_category):not(.search_line_6) + tr:not(.search_line_6) td { border-top: 1px dashed #e2e8f0 !important; padding-top: 12px !important; }
    html body form#ap_high_secure_lock.ap_extra_search.mobile-on .mobile-isolated-close-btn { display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; font-size: 11px !important; font-weight: 600 !important; height: 36px !important; width: calc(100% - 24px) !important; max-width: 200px !important; border-radius: 6px !important; border: none !important; background-color: #111111 !important; color: #ffffff !important; transition: all 0.15s ease !important; margin: 16px auto !important; float: none !important; position: relative !important; clear: both !important; visibility: visible !important; opacity: 1 !important; z-index: 9999 !important; }
}