.exn-custom-select{position:relative;min-width:0;width:100%}
.exn-custom-select>select.exn-native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.exn-select-toggle{display:flex;align-items:center;position:relative;width:100%;min-height:56px;padding:15px 42px 15px 16px;border:1px solid #e0e5ef;border-radius:14px;background:#f9faff;color:#344159;box-shadow:none;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s;box-sizing:border-box}
.exn-select-toggle:hover:not(:disabled){border-color:#a8b4de;background:#f4f6ff;color:#344159}.exn-select-toggle:focus-visible{outline:3px solid #4356dd35;outline-offset:3px}.exn-custom-select.is-open{z-index:45}.exn-custom-select.is-open>.exn-select-toggle{border-radius:14px 14px 0 0;border-color:#9baadd;background:#f1f4ff}
.exn-select-value{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap;min-width:0;width:100%}.exn-select-label{font-size:14px;line-height:1.65;color:inherit;font-weight:650;white-space:normal;overflow-wrap:anywhere}.exn-select-price{font-size:13px;line-height:1.6;color:#5263b2;font-weight:600}
.exn-select-arrow{position:absolute;right:18px;top:50%;width:7px;height:7px;border-right:1.5px solid #7e8aab;border-bottom:1.5px solid #7e8aab;transform:translateY(-65%) rotate(45deg)}.is-open>.exn-select-toggle .exn-select-arrow{transform:translateY(-25%) rotate(225deg)}
.exn-select-list{position:absolute;top:100%;left:0;right:0;max-height:260px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #9baadd;border-top:0;border-radius:0 0 14px 14px;box-shadow:0 16px 24px #22365c12;z-index:46;box-sizing:border-box}
.exn-select-list[hidden],.exn-select-error[hidden],.exn-select-option[hidden]{display:none!important}.exn-select-option{position:relative;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding:13px 40px 13px 16px;border-bottom:1px solid #edf0f6;min-height:48px;box-sizing:border-box;line-height:1.6;color:#344159;cursor:pointer}.exn-select-option:last-child{border-bottom:0}.exn-select-option:hover,.exn-select-option.is-active{background:#f1f4ff}.exn-select-option[aria-selected=true]{background:#eef2ff;color:#4356bd}.exn-select-check{position:absolute;right:15px;top:14px;color:#4356dd;font-size:16px}
.exn-select-toggle:disabled,.exn-select-toggle:disabled:hover{background:#f0f2f7;color:#737b89;border-color:#e0e5ef;cursor:not-allowed;opacity:1}.exn-select-toggle:disabled .exn-select-price{color:#737b89}.exn-select-option[aria-disabled=true]{color:#8c96a7;background:#f8f9fc;cursor:not-allowed}.exn-select-error{font-size:12px;color:#b6374b;line-height:1.65;margin:8px 0}.exn-select-toggle[aria-invalid=true]{border-color:#d84156;background:#fff8f9}
@media(max-width:991px){.exn-select-list{position:static;box-shadow:none;max-height:260px}.exn-custom-select.is-open{z-index:auto}.exn-select-toggle{min-height:56px}.exn-select-option{min-height:50px}}
@media(prefers-reduced-motion:reduce){.exn-select-toggle{transition:none}}

.exn-select-toggle .exn-select-label{display:block;white-space:normal;overflow:visible;text-overflow:clip;word-break:keep-all;overflow-wrap:anywhere}.exn-select-toggle{height:auto;max-height:none}.exn-select-option .exn-select-label{word-break:keep-all;overflow-wrap:anywhere}

/* Options are focusable controls so touch focus stays inside the open list. */
.exn-select-list>.exn-select-option{width:100%;margin:0;border:0;border-bottom:1px solid #edf0f6;border-radius:0;background:#fff;box-shadow:none;text-align:left;font:inherit;touch-action:pan-y;color:#344159}
.exn-select-list>.exn-select-option:hover,.exn-select-list>.exn-select-option.is-active{background:#f1f4ff;color:#344159}
.exn-select-list>.exn-select-option[aria-selected=true]{background:#eef2ff;color:#4356bd}
.exn-select-list>.exn-select-option[aria-disabled=true]{background:#f8f9fc;color:#8c96a7}

.exn-contract-select .exn-select-value,.exn-contract-select .exn-select-option{align-items:flex-start;flex-direction:column;gap:4px}.exn-contract-select .exn-select-description{display:block;font-size:13px;font-weight:400;line-height:1.6;color:#718198;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.exn-contract-select .exn-select-label{font-size:15px;font-weight:700}.exn-contract-select .exn-select-toggle{padding-top:15px;padding-bottom:15px;background:#f4f5ff}.exn-contract-select .exn-select-list{max-height:360px}.exn-contract-select .exn-select-option{padding:14px 42px 14px 18px;min-height:72px}.exn-contract-select .exn-select-check{top:50%;transform:translateY(-50%)}.exn-contract-select .exn-select-option[aria-selected=true]{box-shadow:inset 3px 0 #6355dc}.exn-contract-select .exn-select-option[aria-disabled=true] .exn-select-description{color:#929baa}


/* 선택 항목 표시 통일(EXN과 동일): 파란 체크 원 + 왼쪽 강조선 + "현재 선택" 배지 · 20260924 */
.exn-select-list>.exn-select-option[aria-selected=true]{box-shadow:inset 3px 0 #4356dd}
.exn-select-list>.exn-select-option[aria-selected=true] .exn-select-label{color:#2f41c4;font-weight:750}
.exn-select-list>.exn-select-option[aria-selected=true] .exn-select-label::after{content:"\D604\C7AC  \C120\D0DD";display:inline-block;margin-left:8px;padding:1px 7px;border-radius:6px;background:#4356dd;color:#fff;font-size:11px;font-weight:700;line-height:1.6;vertical-align:1px;white-space:nowrap}
.exn-select-list>.exn-select-option .exn-select-check{font-size:0;width:20px;height:20px;top:50%;right:14px;transform:translateY(-50%);border-radius:50%}
.exn-select-list>.exn-select-option[aria-selected=true] .exn-select-check{background:#4356dd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.3l2.9 2.9 6-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.exn-select-list>.exn-select-option{padding-right:46px}
/* 통신사 선택: 로고 타일 */
.exn-carrier-select .exn-select-value,.exn-carrier-select .exn-select-option{flex-wrap:nowrap;align-items:center;gap:12px}
.exn-carrier-mark{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff;border:1px solid #e3e8f4;box-sizing:border-box}
.exn-carrier-mark img{width:23px;height:23px;object-fit:contain}
.exn-carrier-mark.is-empty{border-style:dashed;background:#f7f8fc}
.exn-carrier-mark.is-empty::before{content:"";width:14px;height:14px;border-radius:4px;border:1.8px solid #aab3c7}
.exn-carrier-select .exn-select-toggle{min-height:60px;padding-top:11px;padding-bottom:11px}
.exn-carrier-select .exn-select-toggle .exn-select-label{font-size:15px;font-weight:700}
.exn-carrier-select .exn-select-option{min-height:60px;padding-top:11px;padding-bottom:11px}
.exn-carrier-select .exn-select-option[aria-disabled=true] .exn-carrier-mark{filter:grayscale(1);opacity:.5}
.exn-carrier-select .exn-select-toggle[aria-invalid=true] .exn-carrier-mark{border-color:#e7a3ad}
.exn-carrier-select .exn-select-option[value=""],.exn-carrier-select .exn-select-option:first-child .exn-carrier-mark.is-empty{opacity:.8}
@media(max-width:991px){.exn-carrier-mark{width:32px;height:32px;border-radius:10px}.exn-carrier-mark img{width:20px;height:20px}}
.exn-select-list>.exn-select-option.is-placeholder[aria-selected=true] .exn-select-label::after{content:none}.exn-select-list>.exn-select-option.is-placeholder{color:#8c96a7}.exn-select-list>.exn-select-option.is-placeholder[aria-selected=true]{box-shadow:none;background:#fafbfe}.exn-select-list>.exn-select-option.is-placeholder[aria-selected=true] .exn-select-label{color:#8c96a7;font-weight:600}.exn-select-list>.exn-select-option.is-placeholder .exn-select-check{background:none}
/* 통신사 선택 목록은 항목이 적으므로 스크롤 없이 전체 표시 */
.exn-carrier-select .exn-select-list{max-height:none!important;overflow-y:visible!important}
.exn-select-list>.exn-select-option.is-placeholder[aria-disabled=true]{background:#fafbfe;color:#9aa3b3;cursor:default;font-size:13px;min-height:44px}.exn-select-list>.exn-select-option.is-placeholder[aria-disabled=true]:hover{background:#fafbfe}.exn-select-list>.exn-select-option.is-placeholder[aria-disabled=true] .exn-select-check{display:none}

/* EXN host layout and native fallback. AE itself is not changed. */
.exn-custom-select[hidden]{display:none!important}
.exn-custom-select{font-family:inherit;text-align:left}
.exn-custom-select>select.exn-native-select{min-width:0!important;max-width:1px!important}
.exn-custom-select>.exn-select-toggle{margin:0;max-width:none;letter-spacing:normal;justify-content:flex-start;line-height:1.65;touch-action:manipulation}
.exn-custom-select .exn-select-description{font-size:13px;line-height:1.6;color:#718198;font-weight:400}
.content_filter_container{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.content_filter_container .filter_wrap{position:relative;min-width:0;flex:1 1 240px;max-width:380px}
.content_filter_container .filter_wrap:has(#jointype_select){flex-basis:360px}
.content_filter_container .exn-select-toggle{min-height:78px}
.exn-custom-select .exn-select-list{isolation:isolate}
/* Existing product custom controls already use AE visual tokens. Keep their calculation handlers. */
.exn-renewal .pd_mid_custom_select_toggle:focus-visible{outline:3px solid #4356dd35;outline-offset:3px}
.exn-renewal .pd_mid_custom_select_toggle:disabled{background:#f0f2f7;color:#737b89;border-color:#e0e5ef;cursor:not-allowed;opacity:1}
.exn-renewal .pd_mid_custom_select_item_description{font-size:13px;color:#718198}
.exn-renewal .pd_mid_custom_select_item_label{word-break:keep-all}
@media(max-width:991px){.content_filter_container .filter_wrap{flex:1 1 100%;max-width:none}.content_filter_container .exn-select-toggle{min-height:60px}.exn-custom-select .exn-select-list{position:static;max-height:260px;box-shadow:none}.exn-carrier-select .exn-select-list{max-height:none}}

.exn-custom-select>.exn-select-toggle{border:1px solid #e0e5ef;border-radius:14px;background:#f9faff;color:#344159;padding:15px 42px 15px 16px;min-height:56px;height:auto;box-shadow:none;font:inherit;text-align:left}
.exn-custom-select>.exn-select-toggle:hover:not(:disabled){background:#f4f6ff;border-color:#a8b4de;color:#344159}
.exn-custom-select.is-open>.exn-select-toggle{border-radius:14px 14px 0 0;background:#f1f4ff;border-color:#9baadd}
.exn-custom-select>.exn-select-toggle:disabled{background:#f0f2f7;color:#737b89;border-color:#e0e5ef;cursor:not-allowed}
.content_filter_container .exn-custom-select>.exn-select-toggle{min-height:78px}
@media(max-width:991px){.content_filter_container .exn-custom-select>.exn-select-toggle{min-height:60px}}

/* Compact catalog filters: equal-width controls, explanations in the opened list. */
.exn-renewal .content_filter_container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:296px;max-width:100%;gap:8px;align-items:start;flex:none}
.exn-renewal .content_filter_container .filter_wrap{width:100%;min-width:0;max-width:none;margin:0;flex:none}
.exn-renewal .content_filter_container .exn-custom-select>.exn-select-toggle{height:48px;min-height:48px;padding:10px 26px 10px 10px}
.exn-renewal .content_filter_container .exn-select-toggle .exn-select-value{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px}
.exn-renewal .content_filter_container .exn-select-toggle .exn-select-label{font-size:14px;white-space:nowrap;line-height:1.5}
.exn-renewal .content_filter_container .exn-select-toggle .exn-select-description{display:none}
.exn-renewal .content_filter_container .exn-select-toggle .exn-carrier-mark{width:24px;height:24px;border-radius:7px}
.exn-renewal .content_filter_container .exn-select-toggle .exn-carrier-mark img{width:18px;height:18px}
.exn-renewal .content_filter_container .exn-select-toggle .exn-select-arrow{right:12px}
.exn-renewal .content_filter_container .exn-custom-select.is-open{z-index:45}
.exn-renewal .content_filter_container .exn-select-list{position:absolute;top:100%;left:0;right:auto;width:280px;max-width:calc(100vw - 32px);box-shadow:0 16px 24px #22365c12}
.exn-renewal .content_filter_container .filter_wrap:last-child .exn-select-list{left:auto;right:0}