/* EXN 상품목록 필터 커스텀 드롭다운 (AE 가입유형 선택 디자인 기준) */
.exn-dd-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;clip-path:inset(50%)!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.content_filter_container .filter_wrap{position:relative;min-width:0}
.exn-dd{position:relative;min-width:0}
.exn-dd[hidden]{display:none}
.exn-dd-carrier{width:250px}.exn-dd-join{width:370px}
.exn-dd-toggle{display:flex;align-items:center;position:relative;width:100%;min-height:62px;margin:0;padding:10px 44px 10px 12px;border:1px solid #d6ddf0;border-radius:16px;background:#fff;color:#27335a;font:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px #1c2a5508;transition:border-color .15s,background .15s,box-shadow .15s;box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.exn-dd-toggle *{pointer-events:none}
.exn-dd-toggle:hover:not(:disabled){border-color:#aab7e6;background:#fafbff}
.exn-dd-toggle:focus-visible{outline:3px solid #4356dd40;outline-offset:2px}
.exn-dd.is-filtered .exn-dd-toggle{border-color:#b8c3ef;background:#f5f7ff}
.exn-dd.is-open{z-index:60}.exn-dd.is-open>.exn-dd-toggle{border-color:#4356dd;background:#fff;box-shadow:0 0 0 3px #4356dd1f}
.exn-dd-toggle:disabled{background:#f4f5f9;border-color:#e3e6ee;color:#8a93a4;cursor:not-allowed;box-shadow:none}
.exn-dd-value{display:flex;align-items:center;gap:11px;min-width:0;width:100%}
.exn-dd-text{display:flex;flex-direction:column;min-width:0;gap:0}
.exn-dd-caption{font-size:11.5px;line-height:1.35;font-weight:600;color:#8791a6;letter-spacing:-.01em}
.exn-dd-label,.exn-dd-text>strong{font-size:15px;font-weight:750;line-height:1.45;color:inherit;letter-spacing:-.02em}
.exn-dd-desc{display:block;font-size:12.5px;font-weight:400;line-height:1.5;color:#6f7b92;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
.exn-dd-toggle .exn-dd-label,.exn-dd-toggle .exn-dd-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exn-dd-toggle:disabled .exn-dd-desc,.exn-dd-toggle:disabled .exn-dd-caption{color:#9aa2b1}
/* 로고·아이콘 타일 */
.exn-dd-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid #e6eaf3;box-sizing:border-box}
.exn-dd-mark.is-logo img{width:24px;height:24px;object-fit:contain}
.exn-dd-mark.is-all{width:auto;min-width:38px;padding:0 7px;gap:4px;background:#f7f8fc}
.exn-dd-mark.is-all img{width:15px;height:15px;object-fit:contain}
.exn-dd-mark.is-icon{background:#f1f3ff;border-color:#e2e7fb}
.exn-dd-mark.is-icon svg{width:20px;height:20px;fill:none;stroke:#4356dd;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.exn-dd-toggle:disabled .exn-dd-mark{filter:grayscale(1);opacity:.6}
.exn-dd-arrow{position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:1.8px solid #7e8aab;border-bottom:1.8px solid #7e8aab;transform:translateY(-70%) rotate(45deg);transition:transform .18s}
.is-open .exn-dd-arrow{transform:translateY(-25%) rotate(225deg);border-color:#4356dd}
/* 목록 */
.exn-dd-list{position:absolute;top:calc(100% + 8px);left:0;min-width:100%;width:max(100%,320px);max-height:440px;overflow-y:auto;overscroll-behavior:contain;padding:6px;background:#fff;border:1px solid #dfe4f2;border-radius:16px;box-shadow:0 20px 44px #1c2a5524,0 2px 6px #1c2a550d;z-index:61;box-sizing:border-box;animation:exn-dd-in .16s ease}
.exn-dd.drop-up .exn-dd-list{top:auto;bottom:calc(100% + 8px);animation-name:exn-dd-in-up}
.exn-dd.align-right .exn-dd-list{left:auto;right:0}
.exn-dd-list[hidden]{display:none}
@keyframes exn-dd-in{from{opacity:0;transform:translateY(-6px)}}
@keyframes exn-dd-in-up{from{opacity:0;transform:translateY(6px)}}
.exn-dd-sheet-head{display:none}
.exn-dd-option{position:relative;display:flex;align-items:center;gap:12px;padding:10px 40px 10px 10px;border-radius:12px;color:#2d3754;cursor:pointer;-webkit-tap-highlight-color:transparent}
.exn-dd-option+.exn-dd-option{margin-top:2px}
.exn-dd-option.is-active{background:#f5f6fb}
.exn-dd-option[aria-selected=true]{background:#eef1ff;color:#3346c9}
.exn-dd-option[aria-selected=true] .exn-dd-mark{border-color:#b9c4f4}
.exn-dd-option[aria-selected=true] .exn-dd-mark.is-icon{background:#4356dd;border-color:#4356dd}.exn-dd-option[aria-selected=true] .exn-dd-mark.is-icon svg{stroke:#fff}
.exn-dd-check{position:absolute;right:16px;top:50%;width:6px;height:11px;border-right:2px solid #4356dd;border-bottom:2px solid #4356dd;transform:translateY(-65%) rotate(45deg);opacity:0}
.exn-dd-option[aria-selected=true] .exn-dd-check{opacity:1}
.exn-dd-backdrop{display:none}
@media(max-width:991px){.content_filter_container .filter_wrap{flex:1 1 240px}.exn-dd-carrier,.exn-dd-join{width:100%}}
@media(max-width:600px){
 .exn-dd-toggle{min-height:56px;padding:8px 30px 8px 9px;border-radius:14px}.exn-dd-arrow{right:12px;width:7px;height:7px}
 .exn-dd-value{gap:8px}
 .exn-dd-mark{width:32px;height:32px;border-radius:10px}.exn-dd-mark.is-logo img{width:20px;height:20px}.exn-dd-mark.is-icon svg{width:17px;height:17px}
 .exn-dd-toggle .exn-dd-mark.is-all{min-width:32px;padding:0 5px;gap:2px}.exn-dd-toggle .exn-dd-mark.is-all img{width:12px;height:12px}
 .exn-dd-toggle .exn-dd-desc{display:none}
 .exn-dd-caption{font-size:10.5px}.exn-dd-label,.exn-dd-toggle .exn-dd-text>strong{font-size:13.5px}
 .exn-dd.is-open{z-index:auto}
 .exn-dd-list{position:fixed;top:auto;left:0;right:0;bottom:0;width:auto;min-width:0;max-height:80vh;max-height:80dvh;border:0;border-radius:22px 22px 0 0;padding:6px 12px max(18px,env(safe-area-inset-bottom));z-index:100001;box-shadow:0 -10px 40px #0b122033;animation:exn-dd-up .22s cubic-bezier(.2,.8,.2,1)}
 .exn-dd.drop-up .exn-dd-list{bottom:0}
 .exn-dd-sheet-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-6px;background:#fff;padding:14px 6px 12px;margin:0 -2px 6px;border-bottom:1px solid #eef1f6;z-index:1}
 .exn-dd-sheet-head::before{content:"";position:absolute;top:5px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#d8dce6}
 .exn-dd-sheet-head strong{font-size:16px;color:#202330}
 .exn-dd-close{width:34px;height:34px;border:0;border-radius:50%;background:#f3f5fa;color:#5b6475;font-size:21px;line-height:1;cursor:pointer}
 .exn-dd-option{padding:12px 40px 12px 10px}
 .exn-dd-backdrop{display:block;position:fixed;inset:0;background:#0b122066;z-index:100000;animation:exn-dd-fade .2s ease}
 .exn-dd-backdrop[hidden]{display:none}
}
@keyframes exn-dd-up{from{transform:translateY(100%)}}
@keyframes exn-dd-fade{from{opacity:0}}
html.exn-dd-lock,html.exn-dd-lock body{overflow:hidden}
@media(prefers-reduced-motion:reduce){.exn-dd-list,.exn-dd-backdrop{animation:none}}
/* 통신사·가입유형 버튼 높이 통일: 줄 수와 관계없이 같은 고정 높이 */
.content_filter_container .exn-dd-toggle{height:78px;min-height:0;padding-top:0;padding-bottom:0}
.content_filter_container .filter_wrap:has(.exn-dd){align-self:flex-start}
@media(max-width:600px){.content_filter_container .exn-dd-toggle{height:58px}}