@charset "utf-8";
/*
 * 2026 리뉴얼 사용자 팝업(레이어) 공통 — 신청서·서명·장비 검색·설문·찾기·로그인 등
 * head.sub.php 가 사용자 팝업(inc/extend/menu.lib.php is_renewal_popup)에만 body.pr_pop 과 이 파일을 붙인다.
 * 마크업은 그대로 두고 CSS 로 맞춘다 (선택 상자·필수 표시·취소 단추는 js/pop_renewal.js). 정식 디자인이 오면 이 파일을 교체한다.
 * 신청서 입력 표·칸·단추는 알림마당 글쓰기(css/sub_renewal.css table.notice_write)와 같은 크기·색.
 */
:root{--mr-blue:#00539f; --mr-blue-d:#003e78; --mr-accent:#457eff; --mr-quick:#0979dd; --mr-sky:#f0f7ff; --mr-line:#e5e5e5; --mr-text:#222; --mr-sub:#666; --mr-field:#d5dee8; --mr-th:#f7f9fc; /* 입력칸 선·항목명 바탕: 알림마당 글쓰기와 같게 */
  --mr-font:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",sans-serif; /* 퍼블리싱 기본 글꼴 */
  --mr-font-pt:Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;           /* 퍼블리싱: 섹션 설명·카드 제목·위치 표시 */
  --mr-font-pl:Paperlogy,"Noto Sans KR",sans-serif;                                           /* 퍼블리싱: 큰 제목·쪽수·하단 기관명 */} /* css/main_renewal.css 와 같은 값 */
/* 글꼴: 본 화면과 같은 기본 글꼴(Noto Sans KR). 클래스로 지정한 아이콘 글꼴은 그대로 이기게 요소 수준 우선순위 */
body.pr_pop,:where(body.pr_pop) :is(h1,h2,h3,h4,h5,h6,p,td,th,li,dt,dd,input,button,select,textarea,label){font-family:var(--mr-font);}

/* ── 바탕·틀 ───────────────────────────────────────────── */
body.pr_pop{margin:0; background:#fff; color:var(--mr-text); font-size:14px; line-height:1.5;}
body.pr_pop #contents,body.pr_pop .sub_page,body.pr_pop .equip_wrap,body.pr_pop .page_wrap,body.pr_pop .section_box,body.pr_pop .section_con{max-width:none; width:auto; min-height:0; margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none;}
body.pr_pop .equip_wrap,body.pr_pop .section_con,body.pr_pop .pr_pop_body{padding:0 28px 28px;}

/* 팝업 제목 줄 (오른쪽은 레이어 닫기 버튼 자리) */
body.pr_pop .equip_wrap > h2:first-of-type,
body.pr_pop .section_box > h2:first-child{margin:0 -28px 20px; padding:20px 64px 18px 28px; border-bottom:1px solid var(--mr-line); background:#fff; color:var(--mr-text); font-family:var(--mr-font-pl); font-size:22px; font-weight:800; line-height:1.4; letter-spacing:0; text-align:left;} /* 서브 화면 제목과 같은 글꼴 */
body.pr_pop .section_box > h2:first-child{margin:0 0 20px;}
body.pr_pop .section_box > h2:first-child:before{display:none;}
body.pr_pop .section_box > h2:first-child b{color:var(--mr-blue);}

/* 구획 제목 */
body.pr_pop h3.widget-header,body.pr_pop .title_box > h2{display:flex; align-items:center; gap:8px; margin:30px 0 12px; padding:0; border:0; background:none; color:var(--mr-text); font-size:17px; font-weight:700;}
body.pr_pop h3.widget-header > i{display:none;}
body.pr_pop h3.widget-header:before,body.pr_pop .title_box > h2:before{content:""; width:4px; height:16px; border-radius:2px; background:var(--mr-blue);}

/* ── 입력 표: 6칸 표·dl 목록을 "항목명 | 입력칸" 한 줄씩으로 ───────────── */
body.pr_pop table.boot_form2{display:block; width:100%; border:0; border-top:2px solid var(--mr-text);}
body.pr_pop table.boot_form2 > tbody{display:block;}
body.pr_pop table.boot_form2 > tbody > tr:not(.hide){display:grid; grid-template-columns:150px minmax(0,1fr);}
body.pr_pop table.boot_form2 > tbody > tr > th,
body.pr_pop table.boot_form2 > tbody > tr > td{display:block; width:auto !important; padding:12px 18px; border:0; border-bottom:1px solid var(--mr-line); color:#333; font-size:15px; line-height:1.6; text-align:left; vertical-align:middle;}
body.pr_pop table.boot_form2 > tbody > tr > th{display:flex; align-items:center; padding:14px 18px; background:var(--mr-th); color:var(--mr-text); font-size:15px; font-weight:600; line-height:1.4; word-break:keep-all;}
body.pr_pop table.boot_form2 > tbody > tr > th label{margin:0; font-size:15px; font-weight:600;}
body.pr_pop .pr_req{margin-left:3px; font-style:normal; font-weight:700; color:#e02020;} /* 항목명의 (*) → * (js/pop_renewal.js) */
body.pr_pop .form_set dl,body.pr_pop .selected_fac dl{display:grid; grid-template-columns:150px minmax(0,1fr); margin:0; border-bottom:1px solid var(--mr-line);}
body.pr_pop .form_set dl > dt,body.pr_pop .selected_fac dl > dt{display:flex; align-items:center; width:auto; padding:14px 18px; background:var(--mr-th); color:var(--mr-text); font-size:15px; font-weight:600; line-height:1.4; text-align:left; word-break:keep-all;}
body.pr_pop .form_set dl > dd,body.pr_pop .selected_fac dl > dd{width:auto; margin:0; padding:12px 18px; color:#333; font-size:15px; line-height:1.6;}
body.pr_pop .form_set dl > dd + dt{border-top:1px solid var(--mr-line);}   /* 한 dl 에 두 쌍이 있는 줄 */
body.pr_pop .form_set dl > dt ~ dd ~ dd{border-top:1px solid var(--mr-line);}
body.pr_pop .form_set,body.pr_pop .selected_fac{border-top:2px solid var(--mr-text);}
body.pr_pop .selected_fac{border-top:0;}
body.pr_pop .selected_fac > dl:first-of-type{border-top:2px solid var(--mr-text);}
body.pr_pop .selected_fac dl > dd{font-weight:600; color:var(--mr-blue);}
body.pr_pop .split_input_hp,body.pr_pop .split_input,body.pr_pop .inline-block > ul,body.pr_pop .add_box > ul{display:flex; flex-wrap:wrap; gap:6px; align-items:center;}
body.pr_pop .split_input_hp > .controls{flex:1 1 80px; max-width:130px;}
body.pr_pop .controls.add_input + .controls.add_input,body.pr_pop .add_box li + li{margin-top:8px;}
body.pr_pop .add_box li{width:100%;}
body.pr_pop .add_box li:first-child{display:flex; gap:6px; width:auto;}

/* ── 입력칸 공통 ─────────────────────────────────────────── */
body.pr_pop input[type=text],body.pr_pop input[type=password],body.pr_pop input[type=email],body.pr_pop input[type=number],body.pr_pop input[type=tel],body.pr_pop input[type=date],body.pr_pop select{box-sizing:border-box; max-width:100%; height:46px; padding:0 14px; border:1px solid var(--mr-field); border-radius:8px; background:#fff; color:var(--mr-text); font-family:inherit; font-size:15px; vertical-align:middle;}
body.pr_pop select{padding-right:34px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff 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 right 14px center / 12px 8px; cursor:pointer;} /* 휴대폰(기기 기본 목록)에서 보이는 모양 */
body.pr_pop input::placeholder,body.pr_pop textarea::placeholder{color:#9aa5b1;}
body.pr_pop .sr_sel_btn{height:46px; border:1px solid var(--mr-field); border-radius:8px; font-size:15px;} /* 새 톤 선택 상자 (js/select_renewal.js) */
body.pr_pop .sr_sel_btn.is-open,body.pr_pop .sr_sel_btn:focus-visible{border-color:var(--mr-blue); box-shadow:0 0 0 3px rgba(0,83,159,.12);}
body.pr_pop .controls > input[type=text],body.pr_pop .controls > input[type=email],body.pr_pop .controls > input[type=number],body.pr_pop .controls > select,body.pr_pop .form_set dd > input[type=text],body.pr_pop .form_set dd > input[type=number],body.pr_pop .add_box input.w50p{width:100% !important;}
body.pr_pop .split_input_hp input[type=text],body.pr_pop .inline-block input[type=text]{width:100% !important; max-width:130px;}
body.pr_pop textarea{box-sizing:border-box; width:100% !important; min-height:110px; padding:12px 14px; border:1px solid var(--mr-field); border-radius:8px; background:#fff; font-family:inherit; font-size:15px; line-height:1.6;}
body.pr_pop input:focus,body.pr_pop select:focus,body.pr_pop textarea:focus{border-color:var(--mr-blue); outline:0; box-shadow:0 0 0 3px rgba(0,83,159,.12);}
body.pr_pop input[readonly]{background:#f7f9fc;}
body.pr_pop input[type=radio],body.pr_pop input[type=checkbox]{width:18px; height:18px; margin:0 6px 0 0; accent-color:var(--mr-blue); vertical-align:-3px; cursor:pointer;}
body.pr_pop label{font-size:15px; font-weight:400; cursor:pointer;}
body.pr_pop .split_sch,body.pr_pop .check_box_input{display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center;}
body.pr_pop .check_box_input > .controls{display:inline-flex; align-items:center;}
body.pr_pop input[type=file]{max-width:100%; font-size:14px; color:var(--mr-sub);}
body.pr_pop input[type=file]::file-selector-button{height:40px; margin-right:12px; padding:0 16px; border:1px solid var(--mr-blue); border-radius:8px; background:#fff; color:var(--mr-blue); font-family:inherit; font-size:14px; font-weight:600; cursor:pointer;}
body.pr_pop input[type=file]::file-selector-button:hover{background:#eef4fc;}

/* 날짜 칸 + 시각 선택은 한 줄로 (시설 신청서 시작일·종료일) · 층 선택 + 호실 입력도 한 줄 */
body.pr_pop .form_set dd:has(> select ~ input[type=text]){display:flex; align-items:center; gap:8px;}
body.pr_pop .form_set dd:has(> select ~ input[type=text]) > input[type=text]{flex:1 1 auto; min-width:0;}
body.pr_pop .form_set dd:has(> select ~ input[type=text]) > :is(select,.sr_sel_btn){flex:none;}
body.pr_pop .form_set dd:has(> .input_date),body.pr_pop table.boot_form2 td:has(> .input_date){display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
body.pr_pop .form_set dd > input.input_date,body.pr_pop table.boot_form2 td > input.input_date{flex:0 0 200px; width:200px !important; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='1.5' y='3' width='13' height='11.5' rx='2' fill='none' stroke='%23666' stroke-width='1.4'/%3E%3Cpath d='M1.5 6.5h13M5 1.5v3M11 1.5v3' stroke='%23666' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 12px center / 16px; padding-right:38px; cursor:pointer;}

/* ── 버튼 ────────────────────────────────────────────────── */
body.pr_pop .btn,body.pr_pop button.add_post{display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 18px; border:1px solid var(--mr-blue); border-radius:8px; background:#fff; background-image:none; color:var(--mr-blue); font-size:14px; font-weight:600; text-shadow:none; box-shadow:none; vertical-align:middle; cursor:pointer;}
body.pr_pop .btn:hover,body.pr_pop button.add_post:hover{background:#eef4fc; color:var(--mr-blue);}
body.pr_pop .btn.hide{display:none;}
body.pr_pop .btn-primary,body.pr_pop .btn_submit,body.pr_pop button[type=submit].btn{box-sizing:border-box; min-width:180px; height:52px; padding:0 34px; border-color:var(--mr-blue); border-radius:8px; background:var(--mr-blue); color:#fff; font-size:16px; font-weight:700;}
body.pr_pop .btn-primary:hover,body.pr_pop .btn_submit:hover,body.pr_pop button[type=submit].btn:hover{border-color:var(--mr-blue-d); background:var(--mr-blue-d); color:#fff;}
body.pr_pop .btn-primary > i[class^=icon-]{display:none;}
body.pr_pop .pr_btn_cancel{box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; min-width:140px; height:52px; padding:0 30px; border:1px solid #cfd8e3; border-radius:8px; background:#fff; color:#555; font-family:inherit; font-size:16px; font-weight:600; cursor:pointer;} /* 알림마당 글쓰기 취소와 같게 (js/pop_renewal.js) */
body.pr_pop .pr_btn_cancel:hover{border-color:var(--mr-blue); color:var(--mr-blue);}
body.pr_pop .equip_btn_box,body.pr_pop .btn_set,body.pr_pop .btn_confirm,body.pr_pop .win_btn{display:flex; justify-content:center; gap:10px; margin:30px 0 10px; padding:0; text-align:center;}
/* 좁은 팝업(서명 등)에서는 단추가 줄을 넘지 않게 나눠 갖는다 */
@media (max-width:700px){
  body.pr_pop .equip_btn_box{padding:0 16px;}
  body.pr_pop .equip_btn_box > :is(button,a){flex:1 1 0; min-width:0; padding-left:12px; padding-right:12px;}
}

/* 안내 문구 */
body.pr_pop .form_note,body.pr_pop .txt_ex{color:var(--mr-sub); font-size:13px;}
body.pr_pop .equip_wrap > div > p,body.pr_pop .equip_wrap > div > span{display:block; margin:0; padding:2px 0; font-size:12px; color:var(--mr-sub);}

/* ── 기존 틀 선·배경 정리 ───────────────────────────────── */
body.pr_pop #contents .sub_page{width:auto; max-width:none; margin:0; border:0; border-radius:0; box-shadow:none;} /* default.css #contents .sub_page(폭 99%·여백 10px) 덮음 */
body.pr_pop #contents .sub_page > .equip_wrap{padding:0 28px 28px;} /* default.css #contents .sub_page > div(여백 20px) 덮음: 제목 줄이 가로로 넘치던 것 */
body.pr_pop #contents .sub_page > div:not(.equip_wrap){padding:0 28px;}
body.pr_pop .section_box > h2:first-child{display:block; width:auto; float:none;}
body.pr_pop .selected_fac,body.pr_pop .selected_fac > dl{margin-bottom:0; background:#fff;}
body.pr_pop .selected_fac{margin:26px 0 0;}
body.pr_pop .title_box > h2{border-bottom:0;}
body.pr_pop input[type=file]{height:auto; padding:0; border:0; background:none; box-shadow:none;}
body.pr_pop .controls.add_input:has(button),body.pr_pop .add_box li:first-child{display:flex; gap:6px; align-items:center;}
body.pr_pop .controls.add_input:has(button) > input,body.pr_pop .add_box li:first-child > input{flex:0 0 160px; width:160px !important;}
/* 사용 장비: 고른 장비 이름 칸 + 장비검색 단추를 한 줄로 (칸이 폭 100% 라 단추가 아래로 떨어지던 것) */
body.pr_pop .controls:not(.add_input):has(> input[type=text] + .btn){display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
body.pr_pop .controls:not(.add_input):has(> input[type=text] + .btn) > input[type=text]{flex:1 1 240px; width:auto !important; min-width:0;}
body.pr_pop .controls:not(.add_input):has(> input[type=text] + .btn) > .btn{flex:none;}
body.pr_pop .equip_wrap ~ div,body.pr_pop .sub_page > div:not(.equip_wrap){padding:0 28px;}
body.pr_pop .sub_page > b{display:block; margin:0 28px; padding:12px 14px; border-radius:8px; background:var(--mr-sky); color:#44546a; font-size:13px; font-weight:400; line-height:1.7;}   /* 신청서 아래 안내 문구 */
body.pr_pop .sub_page > br{display:none;}

/* ── 시설 신청서 달력 (page/facility/style.css 덮음) ─────────────── */
body.pr_pop .calendar-wrap{margin-top:4px;}
body.pr_pop .calendar-hd{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px;}
body.pr_pop .calendar-hd > div.date{order:2; flex:1;}
body.pr_pop .calendar-hd > div.date > h2{margin:0; padding:0; font-size:20px; font-weight:800; color:var(--mr-text);}
body.pr_pop .calendar-hd > div.date-control,body.pr_pop .calendar-hd > div.date-control2{position:static;}
body.pr_pop .calendar-hd > div.date-control{order:1;} body.pr_pop .calendar-hd > div.date-control2{order:3;}
body.pr_pop .date-control > ul,body.pr_pop .date-control2 > ul{display:flex; gap:6px;}
body.pr_pop .date-control > ul > li > a,body.pr_pop .date-control2 > ul > li > a{display:flex; align-items:center; justify-content:center; min-width:34px; height:34px; padding:0 12px; border:1px solid var(--mr-field); border-radius:6px; background:#fff; color:var(--mr-sub); font-size:13px;}
body.pr_pop .date-control > ul > li > a{padding:0; border-radius:50%;}
body.pr_pop .date-control > ul > li > a:hover,body.pr_pop .date-control2 > ul > li > a:hover{border-color:var(--mr-blue); color:var(--mr-blue);}
body.pr_pop .txt_ex ul{display:flex; gap:14px; margin:0 0 8px; justify-content:flex-end;}
body.pr_pop .calendar-box{border-top:2px solid var(--mr-text);}
body.pr_pop .calendar-box > ul{border-color:var(--mr-line);}
body.pr_pop .calendar-box > ul > li{border-color:var(--mr-line);}
body.pr_pop .calendar-box > ul.cal-hd > li{background:#f5f7fa; font-weight:600; color:var(--mr-text);}
body.pr_pop .calendar-box > ul.cal-con > li{height:96px;}
body.pr_pop .calendar-box > ul.cal-con > li.off{background:#f7f9fc;}
body.pr_pop .calendar-box > ul.cal-con > li.on{background:#e3f2e5;}
body.pr_pop .calendar-box > ul.cal-con > li.on3{background:#fdecea;}
body.pr_pop .calendar-box > ul.cal-con > li.on:before,body.pr_pop .calendar-box > ul.cal-con > li.off:before,body.pr_pop .calendar-box > ul.cal-con > li.on3:before{line-height:96px; font-size:12px;}
body.pr_pop .hover-time{background:#fff; box-shadow:0 6px 16px rgba(20,60,120,.15);}
body.pr_pop .hover-time > em{background:var(--mr-blue);}
body.pr_pop .hover-time > em:before,body.pr_pop .hover-time > em:after{border-top-color:var(--mr-blue);}
body.pr_pop .hover-time > ul > li > a{border-color:var(--mr-line); font-size:12px;}
body.pr_pop .hover-time > ul > li > a:hover,body.pr_pop .hover-time > ul > li > a.on{background:var(--mr-blue); color:#fff;}

/* ── 자동등록방지(캡차): 그림 | 듣기·새로고침 | 입력칸 ─────────── */
body.pr_pop #captcha{display:inline-grid; grid-template-columns:160px 32px 130px; grid-template-rows:31px 31px auto; column-gap:0; margin:0; padding:0; border:0;}
body.pr_pop #captcha legend{position:absolute; width:1px; height:1px; overflow:hidden;}
body.pr_pop #captcha #captcha_img{grid-row:1 / span 2; grid-column:1; width:160px; height:62px; box-sizing:border-box; border:1px solid var(--mr-field,#cfd8e3); border-right:0; border-radius:6px 0 0 6px; background:#fff;}
body.pr_pop #captcha #captcha_mp3,body.pr_pop #captcha #captcha_reload{position:static; grid-column:2; width:32px; height:31px; margin:0; border:1px solid var(--mr-field,#cfd8e3); background-color:#f5f7fa;}
body.pr_pop #captcha #captcha_mp3{grid-row:1; position:relative; top:auto; left:auto; border-bottom:0; border-top-right-radius:6px; overflow:hidden; font-size:0; text-indent:-999px;} /* 아이콘(span)은 버튼 안에, 버튼 글자는 숨김 */
body.pr_pop #captcha #captcha_mp3 span{top:0; left:0; text-indent:0;}
body.pr_pop #captcha #captcha_reload{grid-row:2; top:auto; left:auto; border-bottom-right-radius:6px;}
body.pr_pop #captcha #captcha_mp3:hover,body.pr_pop #captcha #captcha_reload:hover{background-color:#e7eef7;}
body.pr_pop #captcha #captcha_key{grid-row:1 / span 2; grid-column:3; width:120px; height:62px; margin:0 0 0 10px; padding:0 8px; box-sizing:border-box; border:1px solid var(--mr-field,#cfd8e3); border-radius:6px; font-size:20px; font-weight:700; letter-spacing:2px; text-align:center;}
body.pr_pop #captcha #captcha_info{grid-row:3; grid-column:1 / -1; margin:6px 0 0; font-size:12px; letter-spacing:0; color:var(--mr-sub,#6b7684);}

/* ── 아이디·비밀번호 찾기 (inc/skin/member/basic/id_lost·password_lost) ── */
body.pr_pop .mbskin2{max-width:420px; width:auto; margin:0 auto; padding:28px 24px 24px;}
body.pr_pop #find_info > h1{margin:0 0 8px; padding:0 40px; font-size:22px; font-weight:800; text-align:center; color:var(--mr-text);}
body.pr_pop #find_info > p.m20{margin:0 0 20px; font-size:13px; line-height:1.7; color:var(--mr-sub); text-align:center;}
body.pr_pop #find_info #info_fs{margin:0 0 14px; padding:0; border:0;}
body.pr_pop #find_info #info_fs > span{display:block; margin:0 0 8px; border:0; background:none;}
body.pr_pop #find_info #info_fs input[type=text]{width:100%; height:44px;}
body.pr_pop #find_info #captcha{margin:4px 0 0;}
body.pr_pop #find_info .win_btn{margin:20px 0 0;}
body.pr_pop .win_btn input[type=submit],body.pr_pop #find_info .win_btn input{flex:1; height:46px; padding:0 20px; border:0; border-radius:6px; background:var(--mr-blue); color:#fff; font-size:15px; font-weight:700; cursor:pointer;}
body.pr_pop .win_btn input[type=submit]:hover,body.pr_pop #find_info .win_btn input:hover{background:var(--mr-blue-d);}
body.pr_pop .win_btn button,body.pr_pop #find_info .win_btn button{flex:1; height:46px; padding:0 20px; border:1px solid var(--mr-field); border-radius:6px; background:#fff; color:var(--mr-sub); font-size:15px; cursor:pointer;}
body.pr_pop .win_btn button:hover,body.pr_pop #find_info .win_btn button:hover{border-color:var(--mr-blue); color:var(--mr-blue);}

/* ── 팝업 로그인 (module/member/pop.login.php: 회원 로그인 스킨) — 본 화면 로그인 카드와 같은 규칙 ── */
body.pr_pop #mb_login{margin:28px auto;}
body.pr_pop .btn_set{display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:28px;}
body.pr_pop .form_btn{display:inline-flex; align-items:center; justify-content:center; min-width:110px; height:46px; margin:0; padding:0 28px; border:1px solid #cfd8e3; border-radius:6px; background:#fff; color:var(--mr-sub); font-size:15px; font-weight:600; text-shadow:none; box-shadow:none; background-image:none; cursor:pointer;}
body.pr_pop .form_btn.ico{padding-left:28px;}
body.pr_pop .form_btn.ico:before{display:none;}
body.pr_pop .btn_set .form_btn.pri{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff;}
body.pr_pop .btn_set .form_btn.pri:hover{background:var(--mr-blue-d);}
body.pr_pop .btn_set.blue_ok .form_btn.sec,body.pr_pop .btn_set .form_btn.sec{border-color:#cfd8e3; background:#fff; color:var(--mr-sub); text-shadow:none;} /* boot_form 의 회색(.btn_set.blue_ok .form_btn.sec) 덮음 */
body.pr_pop .btn_set.blue_ok .form_btn.sec:hover,body.pr_pop .btn_set .form_btn.sec:hover{border-color:var(--mr-blue); background:#fff; color:var(--mr-blue);}
body.pr_pop .btn_set #btn_reject{order:3; border-color:#e5a3a0; background:#fff; color:#d6453d;}
body.pr_pop .login_icon{width:64px; height:64px; margin:0 auto 12px; line-height:74px; background:var(--mr-sky);}
body.pr_pop .login_icon > span{color:var(--mr-blue); font-size:28px;}
body.pr_pop #mb_login_mb{margin-top:20px; border-top:0;}
body.pr_pop .ms-box{margin:0 0 14px;}
body.pr_pop .ms-box label,body.pr_pop .ms-box .ms-box-lbl{display:block; padding:0 0 6px; font-size:13px; font-weight:600; color:var(--mr-text);}
body.pr_pop .ms-box span{display:block; border:0; background:none;}
body.pr_pop .ms-box input[type=text],body.pr_pop .ms-box input[type=password]{width:100%; height:46px; padding:0 14px; border:1px solid #cfd8e3; border-radius:8px; background:#fff; font-size:15px; box-sizing:border-box;}
body.pr_pop .ms-box input:focus{border-color:var(--mr-blue); outline:0; box-shadow:0 0 0 3px rgba(11,78,162,.12);}
body.pr_pop #mb_login .btn_set{flex-direction:column; gap:8px; margin-top:20px;}
body.pr_pop #mb_login .btn_set .form_btn{width:100%;}
body.pr_pop #mb_login .btn_set .form_btn[type=submit]{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff;} /* 로그인이 주 버튼 */
body.pr_pop #mb_login .btn_set .form_btn[type=submit]:hover{background:var(--mr-blue-d);}
body.pr_pop #mb_login .btn_set .form_btn[type=button]{border-color:#cfd8e3; background:#fff; color:var(--mr-blue);}
body.pr_pop #mb_login .btn_set .form_btn[type=button]:hover{border-color:var(--mr-blue);}
body.pr_pop .ms-confirm-links{display:flex; align-items:center; justify-content:space-between; margin-top:16px;}
body.pr_pop .ms-confirm-link-left{margin:0; font-size:13px; color:var(--mr-sub);}
body.pr_pop .ms-confirm-link-left input{accent-color:var(--mr-blue); vertical-align:middle;}
body.pr_pop .ms-confirm-link-right{display:flex; gap:14px; margin:0; padding:0; border:0;}
body.pr_pop .ms-confirm-link-right p{margin:0; padding:0;}
body.pr_pop .ms-confirm-link-right a{padding:0; font-size:13px; color:var(--mr-sub);}
body.pr_pop .ms-confirm-link-right a:hover{color:var(--mr-blue); text-decoration:underline;}
body.pr_pop .ms-confirm-link-right a img{display:none;}

/* ── 교육 설문 (page/edu/edu_survey_form.php) ───────────────── */
body.pr_pop .equip_write{padding:0 28px 24px;}
body.pr_pop .equip_write_list{margin:0 -28px 18px; padding:20px 64px 16px 28px; border-bottom:1px solid var(--mr-line);}
body.pr_pop .equip_write_list ul,body.pr_pop .equip_write_list li{margin:0; padding:0; list-style:none;}
body.pr_pop .equip_write_list a{pointer-events:none; color:var(--mr-text);}
body.pr_pop .equip_write_list h2{margin:0; padding:0; font-size:19px; font-weight:800; line-height:1.4; letter-spacing:-.5px; background:none; color:var(--mr-text);}
body.pr_pop .edu_survey_form > h3{display:flex; align-items:center; gap:8px; margin:0 0 6px; padding:0; border:0; background:none; font-size:16px; font-weight:700;}
body.pr_pop .edu_survey_form > h3:before{content:""; width:4px; height:16px; border-radius:2px; background:var(--mr-blue);}
body.pr_pop .edu_survey_form > ul{margin:0; padding:0; list-style:none; border-top:2px solid var(--mr-text);}
body.pr_pop .edu_survey_form > ul > li{margin:0; padding:14px 4px; border-bottom:1px solid var(--mr-line);}
body.pr_pop .edu_survey_form h5{margin:0 0 10px; font-size:14px; font-weight:600; line-height:1.5; color:var(--mr-text);}
body.pr_pop .edu_survey_form li > div > div{display:flex; flex-wrap:wrap; gap:6px;}
body.pr_pop .edu_survey_form li > div > div > span{display:inline-flex; align-items:center; margin:0; padding:6px 12px; border:1px solid var(--mr-field); border-radius:18px; font-size:13px; cursor:pointer;}
body.pr_pop .edu_survey_form li > div > div > span:has(input:checked){border-color:var(--mr-blue); background:var(--mr-sky); color:var(--mr-blue); font-weight:600;}
body.pr_pop .edu_survey_form li > div > div > span label{margin:0; cursor:pointer;}
body.pr_pop .form-btn{display:flex; justify-content:center; gap:8px; margin:24px 0 4px;}
body.pr_pop .form-btn button{min-width:120px; height:46px; padding:0 24px; border:1px solid var(--mr-field); border-radius:6px; background:#fff; color:var(--mr-sub); font-size:15px; cursor:pointer;}
body.pr_pop .form-btn button.submit{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff; font-weight:700;}
body.pr_pop .form-btn button.submit:hover{background:var(--mr-blue-d);}
body.pr_pop .form-btn button.cancel:hover{border-color:var(--mr-blue); color:var(--mr-blue);}

/* ── 좁은 화면(휴대폰에서 레이어가 전체 화면일 때) ─────────────── */
@media (max-width:720px){
  body.pr_pop .equip_wrap,body.pr_pop .section_con,body.pr_pop .pr_pop_body{padding:0 16px 20px;}
  body.pr_pop #contents .sub_page > .equip_wrap{padding:0 16px 20px;}
  body.pr_pop #contents .sub_page > div:not(.equip_wrap){padding:0 16px;}
  body.pr_pop .equip_wrap > h2:first-of-type{margin:0 -16px 16px; padding:16px 60px 14px 16px; font-size:18px;}
  body.pr_pop table.boot_form2 > tbody > tr:not(.hide),body.pr_pop .form_set dl,body.pr_pop .selected_fac dl{grid-template-columns:minmax(0,1fr);}
  body.pr_pop table.boot_form2 > tbody > tr > th,body.pr_pop .form_set dl > dt,body.pr_pop .selected_fac dl > dt{padding:8px 12px; border-bottom:0;}
  body.pr_pop table.boot_form2 > tbody > tr > td,body.pr_pop .form_set dl > dd,body.pr_pop .selected_fac dl > dd{padding:10px 12px;}
  body.pr_pop .equip_btn_box > .btn-primary,body.pr_pop .equip_btn_box > .pr_btn_cancel{flex:1; min-width:0;}
  body.pr_pop .form_set dd > input.input_date,body.pr_pop table.boot_form2 td > input.input_date{flex:1 1 160px;}
    /* 라디오 묶음(기업구분·활용분야·결과회신방법) : 단추와 글자가 다른 줄로 갈라지지 않게 두 개씩 한 줄 */
  body.pr_pop .controls:has(> input[type="radio"] ~ input[type="radio"] ~ input[type="radio"]){display:grid; grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:8px 6px;}
  body.pr_pop .controls > input[type="radio"]{margin:0;}
}

/* ── 장소 지도 팝업 (page/pop.map.php, page/etc/pop.map.php): 키 없는 구글 지도 + 카카오맵 링크 ── */
body.pr_pop .pr_map_body{padding:0 28px 26px;}
body.pr_pop .pr_map_frame{display:block; width:100%; height:420px; border:0; border-radius:12px; background:#eef3f9;}
body.pr_pop .pr_map_addr{display:flex; align-items:center; gap:8px; margin:16px 0 0; font-size:16px; color:var(--mr-text);}
body.pr_pop .pr_map_addr i{color:var(--mr-blue); font-size:18px;}
body.pr_pop .pr_map_btns{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
body.pr_pop .pr_map_btn{display:inline-flex; align-items:center; gap:8px; height:42px; padding:0 18px; border:1px solid #cfd8e3; border-radius:8px; background:#fff; font-size:15px; color:#333 !important; text-decoration:none;}
body.pr_pop .pr_map_btn:hover{border-color:var(--mr-blue); color:var(--mr-blue) !important;}
body.pr_pop .pr_map_btn_pri{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff !important;}
body.pr_pop .pr_map_btn_pri:hover{background:var(--mr-blue-d); color:#fff !important;}
@media (max-width:720px){
  body.pr_pop .pr_map_body{padding:0 16px 20px;}
  body.pr_pop .pr_map_frame{height:300px;}
}

/* ── 장비 이용 신청 흐름의 옛 팝업 (2026 전수점검 9/28) ─────────────────────
   장비 목록(pop.equipment.php = 보유장비 화면을 팝업으로 재사용): 검색 칸 li 에 박힌 인라인 폭(250~610px)이
   사이트 본화면에서는 서브 CSS(.sr_loc_equip)가 덮지만 팝업에는 그 규칙이 없어, 휴대폰에서 쪽이 옆으로 254px 밀렸다. */
body.pr_pop .sch_wrap > ul,body.pr_pop .sch_wrap > ul > li{width:auto;}
body.pr_pop .sch_wrap .sch_category > ul{display:flex; flex-wrap:wrap; gap:8px; width:auto;}
body.pr_pop .sch_wrap .sch_category > ul > li{float:none; flex:1 1 180px; width:auto !important; min-width:0; margin:0;}
body.pr_pop .sch_wrap .sch_category > ul > li span{max-width:none !important;}
body.pr_pop .sch_wrap :is(select,input[type=text]){max-width:100%;}
body.pr_pop .paging ul{display:flex; flex-wrap:wrap; justify-content:center; gap:4px; float:none;}
body.pr_pop .paging ul li{float:none; margin:0;}
@media (max-width:720px){
  body.pr_pop .sch_wrap > ul > li.sch_img_box{display:none;}
  body.pr_pop .sch_wrap .sch_category > ul > li{flex-basis:calc(50% - 4px);}
  body.pr_pop .sch_wrap .sch_category > ul:last-child > li:first-child{flex-basis:100%;}
  /* 장비 상세(pop.equipment_view.php): 01 날짜·02 시간·03 선택확인 세 상자가 PC 처럼 나란히 남아
     '시/간/선/택'이 세로로 꺾이고 날짜 칸이 21px 로 눌렸다 → 위아래로 쌓는다 */
  body.pr_pop #schedule > [class^="schedule_box"]{float:none; width:auto !important; height:auto !important; min-height:0; margin:0 0 18px; padding-left:0; padding-right:0;}
}
/* 장비 상세 달력: 날짜 칸은 42px 인데 누르는 링크(a.calendars)는 21px 높이라 칸 위쪽 절반만 눌렸다 → 칸을 채움 (2026 전수점검 9/28) */
body.pr_pop #schedule .schedule_body dd:has(> a.calendars){padding-top:0; padding-bottom:0;}
body.pr_pop #schedule .schedule_body dd > a.calendars{display:flex; align-items:center; justify-content:center; min-height:41px;}
/* 서명(signpad.php): 제목 띠·안내 문단의 560px 고정폭이 휴대폰에서 170px 넘쳤다 */
body.pr_pop h1.myTitle,body.pr_pop h1.myTitle + p{max-width:100%; box-sizing:border-box;}
/* 시설 신청 팝업(facility_pop·facility_pop_etc) 휴대폰: 옛 480.css 가 우편번호 칸을 id 로 50px, 단추를 29px, 입력칸을 30px 로 묶어
   '주소검색' 단추가 51px 로 줄어 글자가 세로로 꺾이고 입력칸 높이가 46px/30px 로 섞였다 */
@media (max-width:720px){
  body.pr_pop .info_fac > div > dl > dd.add_box li:first-child{width:100%;}
  body.pr_pop .info_fac > div > dl > dd.add_box #er_zip{flex:1 1 auto; width:auto !important; max-width:180px; min-width:0;}
  body.pr_pop .info_fac > div > dl > dd.add_box button.add_post{flex:0 0 auto; height:46px; white-space:nowrap;}
  body.pr_pop .info_fac > div > dl > dd :is(input[type=text],select){height:46px;}
}

/* 옛 default.css 의 p{word-break:break-all} 로 팝업 글이 한글 낱말 중간에서 끊겼다 (2026 전수점검 9/28) */
body.pr_pop,body.pr_pop p{word-break:keep-all; overflow-wrap:anywhere;}
/* 팝업 로그인: 자동로그인 체크박스·찾기 글자 링크가 누르기 작았다 */
body.pr_pop .ms-confirm-link-left{display:flex; align-items:center; gap:6px;}
body.pr_pop .ms-confirm-link-left input{width:20px; height:20px; margin:0; accent-color:var(--mr-blue,#00539f);}
body.pr_pop .ms-confirm-link-left label{padding:10px 4px 10px 0; cursor:pointer;}
body.pr_pop .ms-confirm-link-right a{display:inline-block; padding:10px 2px;}