.ui-multiselect { position:relative; height:28px; min-height:28px; padding:0 26px 0 7px; border:1px solid var(--input-line); border-radius:6px; background:var(--bg); color:var(--text); font-family:"Pretendard GOV", "Pretendard", "Noto Sans KR", "Malgun Gothic", sans-serif; font-size:var(--fs-13); font-weight:400; line-height:26px; text-align:left; box-sizing:border-box; cursor:pointer; transition:border-color .15s, background-color .15s; }
.ui-multiselect:hover { background:var(--bg); }
.ui-multiselect:focus, .ui-multiselect:focus-visible, .ui-multiselect.ui-state-focus, .ui-multiselect.ui-multiselect-open { outline:0; border-color:var(--input-focus); box-shadow:var(--focus-ring); }
.ui-multiselect.ui-state-disabled, .ui-multiselect:disabled,
.ui-multiselect.ui-state-disabled:hover, .ui-multiselect.ui-state-disabled:focus-visible, .ui-multiselect.ui-state-disabled:active,
.ui-multiselect:disabled:hover, .ui-multiselect:disabled:focus-visible, .ui-multiselect:disabled:active { border-color:var(--input-line); background:var(--input-disabled-bg); color:var(--text-muted); opacity:1; cursor:default; box-shadow:none; }
.ui-multiselect span { display:block; overflow:hidden; color:inherit; font-size:var(--fs-13); font-weight:400; line-height:26px; white-space:nowrap; text-overflow:ellipsis; text-align:left; }
.ui-multiselect span.ui-icon { position:absolute; top:50%; right:8px; display:block; width:12px; height:12px; margin:0; padding:0; float:none; background:url(../../../images/icons/ico_angle.svg) no-repeat 50% 50% !important; background-size:12px 12px !important; text-indent:-9999px; overflow:hidden; line-height:12px; transform:translateY(-50%); }
.ui-multiselect span.ui-icon:before { content:""; }
.ui-multiselect.ui-multiselect-open span.ui-icon { transform:translateY(-50%) rotate(180deg); }
.ui-multiselect-menu, .ui-widget-content.ui-multiselect-menu { display:none; position:absolute; z-index:10000; min-width:133px; padding:6px; border:1px solid var(--line); border-radius:6px; background:var(--bg); box-shadow:var(--shadow-panel); font-family:"Pretendard GOV", "Pretendard", "Noto Sans KR", "Malgun Gothic", sans-serif; text-align:left; box-sizing:border-box; }
.ui-multiselect-actions { display:flex; align-items:center; justify-content:flex-start; margin-bottom:4px; padding:2px; border-bottom:1px solid var(--line-soft); background:var(--bg); }
.ui-multiselect-actions button { height:22px; padding:0 4px; border:0; border-radius:4px; background:transparent; color:var(--text); font-family:inherit; font-size:var(--fs-13); line-height:22px; white-space:nowrap; cursor:pointer; }
.ui-multiselect-actions button:hover { background:var(--secondary-bg); color:var(--text-strong); }
.ui-multiselect-action-separator { display:inline-block; flex:0 0 auto; width:1px; height:12px; margin:0 4px; background:var(--line); }
.ui-multiselect-close, .ui-multiselect-menu .ui-icon-circle-close, .ui-multiselect-menu .ui-icon-closethick { display:none !important; }
.ui-multiselect-menu input[type="checkbox"]:focus, .ui-multiselect-menu input[type="checkbox"]:focus-visible { outline:0; outline-offset:0; box-shadow:none; }
.ui-multiselect-checkboxes { position:relative; max-height:230px; margin:0; padding:0; overflow-y:auto; background:var(--bg); }
.ui-multiselect-checkboxes li { clear:both; margin-bottom:2px; padding:0; font-size:var(--fs-13); list-style:none; }
.ui-multiselect-checkboxes label { display:flex; align-items:center; min-height:30px; padding:4px 8px; border:1px solid transparent; border-radius:4px; color:var(--text); font-size:var(--fs-13); font-weight:400; line-height:18px; white-space:nowrap; cursor:pointer; box-sizing:border-box; outline:0; box-shadow:none; }
.ui-multiselect-checkboxes li:hover label, .ui-multiselect-checkboxes label:hover, .ui-multiselect-checkboxes label.ui-state-hover { border-color:transparent; background:var(--bg-hover); color:var(--text-strong); font-weight:400; outline:0; box-shadow:none; }
.ui-multiselect-checkboxes label:focus, .ui-multiselect-checkboxes label:focus-visible, .ui-multiselect-checkboxes label.ui-state-focus { font-weight:400; outline:0; box-shadow:none; }
.ui-multiselect-checkboxes label input { position:absolute; width:1px; height:1px; margin:0; padding:0; opacity:0; pointer-events:none; }
.ui-multiselect-checkboxes label span { position:relative; display:block; min-width:0; padding-left:0; color:inherit; font-size:var(--fs-13); font-weight:inherit; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; }
.ui-multiselect-checkboxes label span:before { content:""; display:none; position:absolute; top:50%; left:0; width:16px; height:16px; background-color:var(--secondary); transform:translateY(-50%); -webkit-mask:url(../../../images/icons/ico_checkbox_checked.svg) no-repeat 50% 50%; mask:url(../../../images/icons/ico_checkbox_checked.svg) no-repeat 50% 50%; -webkit-mask-size:16px 16px; mask-size:16px 16px; }
.ui-multiselect-checkboxes label input:checked + span { padding-left:22px; }
.ui-multiselect-checkboxes label input:checked + span:before { display:block; }
.ui-multiselect-checkboxes li.checked label, .ui-multiselect-checkboxes label.ui-state-active, .ui-multiselect-checkboxes .ui-state-active { border-color:transparent; background:var(--primary-bg); color:var(--secondary); font-weight:400; }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top:auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:6px 8px !important; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { margin:4px 0; padding:4px 0; border-bottom:1px solid var(--line-soft); color:var(--text-strong); text-align:center; font-weight:700; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; margin:1px 0; padding:4px; color:var(--text-strong); text-decoration:none; }
* html .ui-multiselect-checkboxes label { border:none; }
/* 상태 */
select.kbms-valid-error + .ui-multiselect { border-color:var(--danger) !important; box-shadow:0 0 0 1px var(--danger); }
.ui-multiselect-menu .ui-multiselect-checkboxes input[type="checkbox"]:focus, .ui-multiselect-menu .ui-multiselect-checkboxes input[type="checkbox"]:focus-visible { outline:0; box-shadow:none; }
.ui-multiselect-menu .ui-multiselect-checkboxes label:has(> input[type="checkbox"]:focus), .ui-multiselect-menu .ui-multiselect-checkboxes label:has(> input[type="checkbox"]:focus-visible) { outline:0; }
.ui-multiselect-menu .ui-multiselect-checkboxes label:active { background:var(--bg-active); }
.ui-multiselect-menu .ui-multiselect-checkboxes label:has(> input[type="checkbox"]:checked):hover, .ui-multiselect-menu .ui-multiselect-checkboxes label:has(> input[type="checkbox"]:checked):has(> input[type="checkbox"]:focus-visible) { background:var(--primary-bg-hover); }
.ui-multiselect-menu .ui-multiselect-checkboxes label:has(> input[type="checkbox"]:checked):active { background:var(--primary-bg-active); }
.ui-multiselect-menu .ui-multiselect-checkboxes label.ui-state-disabled,
.ui-multiselect-menu .ui-multiselect-checkboxes label.ui-state-disabled:hover,
.ui-multiselect-menu .ui-multiselect-checkboxes label.ui-state-disabled:active,
.ui-multiselect-menu .ui-multiselect-checkboxes li.ui-multiselect-disabled:hover label { background:var(--input-disabled-bg); color:var(--text-muted); cursor:default; }