@charset "UTF-8";
@import url("common.css");

/* 후보 검색 */
.sec-filter { position: relative; padding: 1.5em 0; z-index: 2; }

.sec-filter .top-wrp { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.sec-filter .race-sel { position: relative; flex: 1; }
.sec-filter .ico-search { flex: 0 0 37%; height: 24px; background-position: center right; }

.sec-filter .loc.csel { display: none; }
.sec-filter .loc.csel.active { display: block; }
.sec-filter .csel.is-open { z-index: 100; }
.sec-filter .csel-l { position: absolute; display: block; top: calc(100% + 4px); left: 0; z-index: 1; box-sizing: border-box; width: max-content; min-width: 100%; max-width: calc(100vw - 32px); margin: 0; list-style: none; border: 1px solid #DEE2E6; border-radius: 4px; background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12); max-height: min(280px, 45vh); overflow-x: hidden; padding: 4px 0; overflow-y: auto; }
.sec-filter .csel-l[hidden] { display: none; }

.sec-filter .csel.is-open { z-index: 200; }
.sec-filter .csel select.csel-h { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important; }

.sec-filter .csel-b { margin: 0; font-family: inherit; text-align: left; cursor: pointer; }
.sec-filter .race-sel .csel-b { display: block; width: 100%; padding: 0; border: 0; background: transparent; }
.sec-filter .race-sel .csel-bx { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 5px 8px 5px 12px; border: 1px solid #DEE2E6; border-radius: 4px; background: #F8F9FA; color: #495057; font-size: var(--fs-02); line-height: 1.4286; font-family: 'mbcnew-medium'; }
.sec-filter .race-sel .csel-bx .csel-v { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sec-filter .race-sel .csel-bx .ico-arr-btm { flex: 0 0 auto; pointer-events: none; }

.sec-filter .loc .csel-in { box-sizing: border-box; position: relative; display: inline-block; width: max-content; max-width: none; margin: 0; padding: 6px 16px 6px 0; border: 0; background: transparent; color: #495057; font-size: var(--fs-02); line-height: 1.4286; font-family: inherit; text-align: left; cursor: pointer; -webkit-appearance: none; appearance: none; }
.sec-filter .loc .csel-in .csel-v { display: block; white-space: nowrap; }
.sec-filter .loc .csel-in .ico-select-btm { position: absolute; right: -3px; top: 50%; transform: translateY(-50%); }

.sec-filter .csel-l [role="option"] { padding: 6px 12px; font-size: var(--fs-02); line-height: 1.5714; color: #495057; cursor: pointer; white-space: nowrap; word-break: keep-all; }
.sec-filter .csel-l [role="option"][aria-selected="true"] { background: #EEF2FF; font-family: 'mbcnew-medium', sans-serif; }

.sec-filter .loc-wrp { display: flex; align-items: center; flex-wrap: wrap; margin-top: 12px; border-bottom: 1px solid #CED4DA; gap: 0 16px; }
.sec-filter .loc { position: relative; flex: 0 0 auto; font-size: var(--fs-02); line-height: 1.4286; }

.sec-filter .search-wrp { display: none; margin-top: 20px; }
.sec-filter .search-wrp.active { display: block; }

.sec-filter .input-wrp { display: flex; overflow: hidden; background: #F8F9FA; height: 32px; }
.sec-filter .input-wrp input { flex: 1 1 auto; padding: 6px 12px; color: #495057; font-size: var(--fs-02); line-height: 1.4286; border-radius: 4px 0 0 4px; border: 1px solid #DEE2E6; border-right: 0; }
.sec-filter .input-wrp input::placeholder { color: #ADB5BD; opacity: 1; }
.sec-filter .input-wrp input::-webkit-input-placeholder { color: #ADB5BD; }
.sec-filter .input-wrp input::-moz-placeholder { color: #ADB5BD; opacity: 1; }
.sec-filter .input-wrp button { width: 76px; height: 32px; background: #93B0E3; color: #fff; font-size: var(--fs-02); line-height: 1.4286; border-radius: 0 4px 4px 0; }

.sec-filter .result-txt { display: block; margin-top: 1.5em; margin-bottom: .375em; color: #495057; font-size: var(--fs-03); line-height: 1.25; text-align: center; font-family: 'mbcnew-light'; }
.sec-filter .result-txt span { font-family: 'mbcnew-bold'; }

.sec-filter .result-head { display: block; margin-top: 30px; }
.sec-filter .result-head.hidden { display: none; }
.sec-filter .result-tit { font-family: 'mbcnew-bold'; font-size: var(--fs-04); line-height: 1.5556; }
.sec-filter .result-meta { font-size: var(--fs-02); line-height: 1.4286; margin-top: .25em; }

/* 후보 검색결과 */
.sec-candi { position: relative; min-height: calc(100vh - 559px); padding-bottom: 50px; z-index: 1; }

.sec-candi .candi-list { width: 100%; }
.sec-candi .candi-wrp + .candi-wrp { margin-top: 1.5em; }
.sec-candi .candi { display: flex; width: 100%; min-height: 292px; background: rgba(0, 0, 0, .2); border: 1px solid #DEE2E6; border-radius: 16px; overflow: hidden; }

.sec-candi .pos { display: none; font-size: var(--fs-02); line-height: 1.43; font-family: 'mbcnew-bold'; margin-bottom: clamp(12px, calc(11px + 0.2778vw), 13px); }
.candi-list.search-list .pos { display: block; }

.sec-candi .candi .thumb { display: inline-block; min-width: 90px; width: 100%; aspect-ratio: 0.7719;; border-radius: 8px; overflow: hidden; border: 1px solid #DEE2E6; }
.sec-candi .candi .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }

.sec-candi .candi .left { flex: 0 0 37%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; padding: 1em; background: #fff; }
.sec-candi .candi .left .txt-wrp { margin-top: 0.75em; } 
.sec-candi .candi .left .name { font-family: 'mbcnew-bold'; font-size: var(--fs-03); line-height: 1.5; }
.sec-candi .candi .left .party { display: block; width: 78px; margin-top: 9px; font-size: var(--fs-02); line-height: 1.54 }
.sec-candi .candi .left .party1, .sec-candi .candi .left .party3, .sec-candi .candi .left .party4 { height: clamp(20px, calc(18px + 0.5556vw), 22px); }
.sec-candi .candi .left .party2 { height: clamp(18px, calc(16px + 0.5556vw), 20px); }
.sec-candi .candi .left .party5 { height: clamp(14px, calc(12px + 0.5556vw), 16px); }
.sec-candi .candi .left .party img { display: block; width: 100%; height: 100%; object-fit: contain; }
.sec-candi .candi .left .num { position: relative; font-family: 'mbcnew-medium'; font-size: var(--fs-01); line-height: 1.5385; padding: 2.125em 0 1em; }
.sec-candi .candi .left .num::after { content: ""; position: absolute; display: inline-block; width: 12px; height: 1px; background: #CED4DA; left: 50%; transform: translateX(-50%); top: 1em; }

.sec-candi .candi .right { flex: 1; min-width: 0; text-align: left; padding: 1em; background: #F8F9FA; font-size: var(--fs-01); line-height: 1.5385; word-break: keep-all; overflow-wrap: break-word; }
.sec-candi .candi .right dd { overflow-wrap: anywhere; }
.sec-candi .candi .right dt { font-family: 'mbcnew-medium'; margin-top: .75em; }
.sec-candi .candi .right dt:nth-of-type(1) { margin: 0; }
.sec-candi .candi .right dd { margin-top: 0.25em; }