@charset "utf-8";
/* 2026 리뉴얼 선택 상자 (js/select_renewal.js) — 서브 화면(inc/main/sub_head.php)과 사용자 팝업(head.sub.php)이 함께 읽는다.
   칸별 크기·테두리는 각 화면 CSS 에서 (게시판 검색·글쓰기: css/sub_renewal.css, 팝업 신청서: css/pop_renewal.css)
   .sr_sel_native 를 세 번 겹친 것은 화면별 "select 폭 100% !important" 규칙보다 앞서 원래 select 를 숨기기 위함 */
.sr_sel_native.sr_sel_native.sr_sel_native{position:absolute !important; width:1px !important; min-width:0 !important; max-width:1px !important; height:1px !important; margin:0 !important; padding:0 !important; border:0 !important; opacity:0 !important; overflow:hidden; pointer-events:none;}
button.sr_sel_btn{display:flex; align-items:center; justify-content:space-between; gap:8px; max-width:100%; padding:0 12px 0 14px; border:0; border-radius:0; background:#fff; font-family:inherit; font-size:15px; font-weight:400; color:#222; text-align:left; cursor:pointer; box-sizing:border-box; vertical-align:middle;}
.sr_sel_btn .sr_sel_text,.sr_sel_btn .sr_sel_arrow{position:static !important; display:block; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background-color:transparent !important; font-size:inherit !important; font-weight:inherit !important; color:inherit !important;} /* 옛 .select_style span·.form_box span·.bbs_search_wrap button > span 규칙이 번지지 않게 */
.sr_sel_text{min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sr_sel_arrow{flex:none; width:12px; height:8px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23666' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center / 12px 8px; transition:transform .15s;}
.sr_sel_btn.is-open .sr_sel_arrow{transform:rotate(180deg);}
.sr_sel_btn.is-on .sr_sel_arrow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2300539f' stroke-width='1.8'/%3E%3C/svg%3E");}
.sr_sel_btn:focus{outline:0;}
.sr_sel_btn:focus-visible{box-shadow:inset 0 0 0 2px rgba(0,83,159,.4);}
.sr_sel_btn:disabled{color:#aaa; cursor:default;}
.sr_sel_list{position:absolute; z-index:2147482000; box-sizing:border-box; max-height:320px; max-width:calc(100vw - 20px); margin:0; padding:6px; overflow:auto; list-style:none; border:1px solid #d5dee8; border-radius:10px; background:#fff; box-shadow:0 14px 30px rgba(0,40,90,.16); font-family:var(--mr-font); font-size:15px; letter-spacing:-.02em; overscroll-behavior:contain;}
.sr_sel_list[hidden]{display:none;}
.sr_sel_list li{position:relative; display:flex; align-items:center; min-height:38px; padding:0 34px 0 12px; border-radius:6px; color:#222; white-space:nowrap; cursor:pointer;}
.sr_sel_list li.is-active{background:#eef4fc; color:var(--mr-blue);}
.sr_sel_list li[aria-selected=true]{color:var(--mr-blue); font-weight:700;}
.sr_sel_list li[aria-selected=true]:after{content:""; position:absolute; right:12px; top:50%; width:12px; height:9px; margin-top:-5px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath d='M1 4.5l3.5 3.5L11 1' fill='none' stroke='%2300539f' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat center / contain;}
.sr_sel_list li[aria-disabled=true]{color:#bbb; cursor:default;}