@charset "utf-8";
/*
 * 2026 리뉴얼 서브 공통 — 메인 시안 톤에 맞춘 임시 스타일 (정식 서브 디자인이 나오면 이 파일을 교체한다)
 * 1) 서브 틀: 비주얼, 위치 표시, 하위 탭, 페이지 제목, 좌우 자료·Quick Menu
 * 2) 기존 본문 덮어쓰기: 기존 페이지 마크업은 그대로 두고 공통 요소(게시판·표·버튼·입력칸·탭·페이징)만 새 톤으로 맞춘다
 */

/* ── 1) 서브 틀 ─────────────────────────────────────────── */
.sr_blind{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}

/* 비주얼: 메인 비주얼처럼 콘텐츠 폭(1440) 안의 둥근 사진 띠 + 남색 덮개 + 흰 IACT 워터마크 */
/*.sr_visual{padding-top:30px;}*/
.sr_visual_box{position:relative; display:flex; flex-direction:column; justify-content:center; height:180px; padding:0 60px; border-radius:16px; overflow:hidden; color:#fff; background:linear-gradient(110deg,#003e78 0%,var(--mr-blue) 55%,#2563b0 100%); isolation:isolate;}
.sr_visual_box:before{content:""; position:absolute; inset:0; z-index:-1; background-position:center; background-size:cover; opacity:.14;}
.sr_visual_box:after{content:""; position:absolute; right:-40px; bottom:24px; z-index:-1; width:560px; height:262px; 
background:url(../img/main2026/right_logo.svg) no-repeat right bottom / contain;  filter:brightness(1.1);     transform: rotate(-27deg);    opacity: .06;
 filter: brightness(0) saturate(100%)
            invert(78%) sepia(19%) saturate(1100%)
            hue-rotate(165deg) brightness(102%);
    transform: rotate(-27deg);
/*background:url(../img/main_renewal/hero_wm.png) no-repeat right bottom / contain; opacity:.16; filter:brightness(1.1);*/}
.sr_v_iact .sr_visual_box:before{background-image:url(../img/main_renewal/hero_00.jpg);}
.sr_v_facility .sr_visual_box:before{background-image:url(../img/main_renewal/hero_02.jpg);}
.sr_v_equip .sr_visual_box:before{background-image:url(../img/main_renewal/hero_03.jpg);}
.sr_v_news .sr_visual_box:before,.sr_v_edu .sr_visual_box:before{background-image:url(../img/main_renewal/hero_01.jpg); background-position:center 70%;}
.sr_eng{font-size:14px; font-weight:700; line-height:24px; letter-spacing:.14em; color:#c4dbff;}   /* 메인 퍼블리싱의 영문 소제목(.eyebrow)과 같은 짜임 */
.sr_visual h2{margin-top:6px; font-family:var(--mr-font-pl); font-size:40px; font-weight:700; letter-spacing:0; line-height:52px;}
/*서브 비쥬얼 작은 텍스트*/
.sr_desc{    display: none;
margin-top:6px; font-size:18px; line-height:27px; color:rgba(255,255,255,.88);}
.sr_path{position:absolute; right:40px; bottom:25px; display:flex; align-items:center; font-family:var(--mr-font-pt); font-size:14px; color:#fff;}
.sr_path li + li:before{content:"\f105"; font-family:FontAwesome; margin:0 10px; color:rgba(255,255,255,.5);}
.sr_path a:hover{color:#fff; text-decoration:underline;}
.sr_path li:last-child{color:#fff; font-weight:600;}

/* 하위 메뉴 탭 */
.sr_tabs{position:relative; margin-top:20px; background:#fff; border-bottom:1px solid var(--mr-line);}
/* 가로로 넘치는 탭 줄: 오른쪽 끝을 흐리게 해 더 있다는 것을 보이고, 지금 보는 탭으로 옮겨 둔다 (js/main_renewal.js) */
.sr_scroll_x:after{content:""; position:absolute; top:0; right:0; bottom:1px; width:64px; background:linear-gradient(90deg,rgba(255,255,255,0),#fff 70%); pointer-events:none;} /* 틀 여백(20px)을 넘어 탭 글자 위까지 */
.sr_scroll_x.sr_scroll_end:after{display:none;}
/* 지금 탭을 가운데로 옮기면 왼쪽 탭이 잘린 채 표시가 없었다 → 왼쪽으로 밀 거리가 있으면 왼쪽도 흐리게 (2026 전수점검 9/28) */
.sr_scroll_x:before{content:""; position:absolute; top:0; left:0; bottom:1px; z-index:1; width:64px; background:linear-gradient(270deg,rgba(255,255,255,0),#fff 70%); pointer-events:none;}
.sr_scroll_x.sr_scroll_start:before{display:none;}
.sr_tabs ul{display:flex; justify-content:center; overflow-x:auto; scrollbar-width:none;}
.sr_tabs ul::-webkit-scrollbar{display:none;}
.sr_tabs li{flex:none;}
.sr_tabs a{display:block; padding:0 28px; line-height:62px; font-family:var(--mr-font-pl); font-size:16px; font-weight:600; color:var(--ink,#1c2733); position:relative; white-space:nowrap;}   /* 메인 퍼블리싱의 큰 메뉴와 같은 글꼴 */
.sr_tabs a:hover{color:var(--mr-blue);}
.sr_tabs li.on a{color:var(--mr-blue); font-weight:700;}
.sr_tabs li.on a:after{content:""; position:absolute; left:18px; right:18px; bottom:-1px; height:3px; background:var(--mr-blue);}

.sr_body{background:#fff;}
.sr_inner{box-sizing:border-box; position:relative; max-width:1400px; margin:0 auto; padding:0 24px 120px;}   /* 머리말(.wrap)과 같은 폭 1352 (2026-09-28 메인 퍼블리싱) */
/* 페이지 제목: 메인 섹션 제목과 같은 짜임 (파란 짧은 선 + 굵은 제목) */
.sr_title{    display: none;     padding:40px 0 0; text-align:center;}
.sr_title h3{margin:0; font-family:var(--mr-font-pl); font-size:clamp(23px,3vw,28px); font-weight:700; line-height:1.4; letter-spacing:0; color:var(--ink,#1c2733); margin: 20px 0;}
.sr_title h3:before{content:""; display:block; width:35px; height:3px; margin:0 auto 16px; border-radius:2px; background:var(--mr-accent);}   /* 메인 퍼블리싱 .eyebrow-line */

/* 좌측 자료실·우측 서브 전용 Quick Menu 는 2026-09-28 메인과 같은 Quick Menu(inc/main/quick_menu.php, css/main_renewal.css .quick-menu)로 바꾸며 뺐다 */



@media (max-width:1024px){
  .sr_visual_box{height:300px; padding:0 36px;}
  .sr_visual h2{font-size:32px; line-height:42px;}
 /* .sr_tabs ul{justify-content:flex-start;}*/
 
 .sr_main .sr_tabs{border-bottom:0; margin-top: 0px;}
  .sr_main .sr_tabs ul{    position:relative;    flex-direction:column;    justify-content:flex-start;    overflow:hidden;  /*  border:1px solid #cfd8e3;    border-radius:12px;    background:#fff;    box-shadow:0 6px 18px rgba(0, 53, 110, .06); */
  background: rgba(250, 250, 250, 0.5);         border-bottom: 1px solid #e4eaf1;}
  .sr_main .sr_tabs li{flex:none;}
  .sr_main .sr_tabs li + li{border-top:1px solid #e4eaf1; border-bottom: 1px solid #e4eaf1;}
  .sr_main .sr_tabs a{    padding:15px 50px 15px 18px;    color:#1c2733;    font-size:15px;    line-height:22px;    white-space:normal;  }
  .sr_main .sr_tabs a:hover{background:#f7f9fc; color:#1c2733;}
  /* 지금 보는 메뉴 : 하늘색 바탕 + 왼쪽 파란 막대 (PC 의 밑줄은 뺌) */
  .sr_main .sr_tabs li.on a{background:#f0f7ff; color:#00539f; box-shadow:inset 3px 0 0 #00539f;}
  .sr_main .sr_tabs li.on a::after{content:none;}
  .sr_main .sr_tabs a:focus-visible{outline:2px solid #00539f; outline-offset:-3px;}

  /* 오른쪽 꺾쇠 : 접힘 ∨ / 펼침 ∧ */
  .sr_main .sr_tabs ul.js-select::after{    content:"";    position:absolute;    top:26px;    right:20px;    width:9px;    height:9px;    border-right:2px solid #1c2733;    border-bottom:2px solid #1c2733;
  transform:translateY(-70%) rotate(45deg);    transition:transform .25s;    pointer-events:none;  }
  .sr_main .sr_tabs ul.is-open::after{transform:translateY(-30%) rotate(-135deg);}
  /* 접힘 : 지금 보는 메뉴만 흰 바탕으로 */
  .sr_main .sr_tabs ul.js-select:not(.is-open) > li:not(.on){display:none;}
  .sr_main .sr_tabs ul.js-select:not(.is-open) > li{border-top:0;}
  .sr_main .sr_tabs ul.js-select:not(.is-open) li.on a{/*background:#fff;*/ color:#1c2733; box-shadow:none; background: rgba(250, 250, 250, 0.5);}
  
  
}


@media (max-width:720px){
  .sr_visual{padding-top:16px;}
  .sr_visual_box{height:200px;/* padding:0px 22px 52px;*/ border-radius:12px;}
  .sr_visual_box:after{width:300px; height:140px; right:-30px; bottom:-30px;}
  .sr_eng{font-size:13px;}
  .sr_visual h2{font-size:24px; line-height: 15px;  margin-bottom: 30px;}
  .sr_desc{/*font-size:13px; line-height:20px;*/ display: none;}
  .sr_path{left:38px; right:auto; top: 130px; font-size:12px; }
  
  /*.sr_tabs{margin-top:10px;}
  .sr_tabs a{padding:0 16px; line-height:48px; font-size:14px;}*/
  .sr_title{padding:50px 0;}
  .sr_title h3{font-size:22px; line-height:30px;}
  .sr_title h3:before{margin-bottom:12px;}
  .sr_inner{padding-bottom:60px;}
  
}

/* ── 2) 기존 본문 덮어쓰기 ───────────────────────────────── */
/* 본문 기본값은 기존 사이트 값으로 되돌린다 (새 틀의 15px 가 기존 화면에 번지지 않게) */
.sr_main #contents{max-width:none; min-height:240px; margin-top: 50px !important; margin:0; font-size:12px; line-height:1.42857143; color:#333;}

/* 흰 상자 테두리 제거: 새 틀에서는 본문이 흰 배경 위에 바로 놓인다 */
.sr_main #sub_wrap{   *margin:0; padding:0; border:0; background:none;}
/* 페이지 제목은 공통 상단(.sr_title)에 나오므로 본문 안의 같은 제목은 숨긴다 */
.sr_main #sub_wrap .bbs_list_wrap > h2:first-child,
.sr_main #sub_wrap > .org_wrap > h2:first-child{display:none;}

/* 게시판 검색 */
.sr_main .bbs_search_wrap{margin:0 0 24px; padding:16px 18px; background:var(--mr-sky); border-radius:12px;}
.sr_main .bbs_search_wrap > ul{display:flex; flex-wrap:wrap; gap:8px; margin:0; width:auto;}
.sr_main .bbs_search_wrap > ul > li{display:block; flex:1 1 130px; min-width:0;}
.sr_main .bbs_search_wrap > ul > li:nth-last-child(2){flex:3 1 220px;}
.sr_main .bbs_search_wrap > ul > li:last-child{flex:0 0 96px;}
.sr_main .bbs_search_wrap > ul > li > span{margin:0; border:1px solid #cfd8e3; border-radius:6px; background:#fff; overflow:hidden;}
.sr_main .bbs_search_wrap .bg_eee{background:#fff !important;}
.sr_main .bbs_search_wrap input[type=text],.sr_main .bbs_search_wrap select,.sr_main .bbs_search_wrap button.sr_sel_btn{height:38px; font-size:14px; padding-left:10px;}
.sr_main .bbs_search_wrap > ul > li > span > i{top:12px; color:var(--mr-sub);}
/* 검색 단추만 (선택 칸도 <button> 이라 :where(:not(.sr_sel_btn)) 로 제외, 특이도는 그대로) */
.sr_main .bbs_search_wrap button:where(:not(.sr_sel_btn)){height:40px; padding:0 12px; border-radius:6px; background:var(--mr-blue); font-size:14px;}
.sr_main .bbs_search_wrap button:where(:not(.sr_sel_btn)):hover{background:var(--mr-blue-d);}
.sr_main .bbs_search_wrap button:where(:not(.sr_sel_btn)) > span{margin-right:6px;}

/* 게시판 목록 표 */
.sr_main #sub_wrap .bbs_list_wrap table.notice_box{border-top:2px solid var(--mr-text); font-size:14px;}
.sr_main #sub_wrap .bbs_list_wrap table.notice_box th{padding:14px 6px; background:#f5f7fa; color:var(--mr-text); font-weight:600; border-bottom:1px solid var(--mr-line); white-space:nowrap;}
.sr_main #sub_wrap .bbs_list_wrap table.notice_box th > a{color:var(--mr-text);}
.sr_main #sub_wrap .bbs_list_wrap table.notice_box td{padding:15px 6px; color:var(--mr-sub); border-bottom:1px solid var(--mr-line);}
.sr_main #sub_wrap .bbs_list_wrap table.notice_box td.subject{padding-left:14px; color:var(--mr-text);}
.sr_main #sub_wrap .bbs_list_wrap table.notice_box td.subject > a{font-weight:500; color:var(--mr-text);}
.sr_main #sub_wrap .bbs_list_wrap table.notice_box td.subject > a:hover{color:var(--mr-blue);}
.sr_main #sub_wrap .bbs_list_wrap table.notice_box td.sch{text-align:center; white-space:nowrap;}
.sr_main #sub_wrap .bbs_list_wrap table.notice_box tr:hover td{background:#fafcff;}
.sr_main #sub_wrap .bbs_list_wrap table.notice_box tr.notice{background:#f4f8fd;}
.sr_main #sub_wrap .bbs_list_wrap table.notice_box tr.notice td.num strong{display:inline-block; padding:1px 9px; border-radius:10px; background:var(--mr-blue); color:#fff; font-size:12px; font-weight:600;}
/* 정렬: 머리 글자를 누르면 그 열로 정렬, 정렬 중인 열 옆에 ▲(오름차순)/▼(내림차순). 기존 흰 화살표+네모 대신 파란 화살표 */
.sr_main .bbs_list_wrap th > a:hover{color:var(--mr-blue); text-decoration:underline;}
.sr_main .bbs_list_wrap th > span{margin-left:3px; vertical-align:baseline;}
.sr_main .bbs_list_wrap th > span > a{display:inline; width:auto; height:auto; border:0; color:var(--mr-blue);}
.sr_main .bbs_list_wrap th > span > a.on{color:var(--mr-blue);}
.sr_main .bbs_list_wrap th > span > a > i{position:static; font-size:13px;}
.sr_main .bbs_list_wrap th > span > a > i.fa-sort-up:before{content:"\f0d8";}   /* caret-up */
.sr_main .bbs_list_wrap th > span > a > i.fa-sort-down:before{content:"\f0d7";} /* caret-down */

/* 게시판 줄 목록 (공지사항·보도자료·사업공고: inc/extend/board_list.lib.php) — 메인 "IACT 새소식" 목록과 같은 짜임 */
.sr_main .sr_bl_head{display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 14px;}
.sr_main .sr_bl_total{margin:0; font-size:15px; color:#555;}
.sr_main .sr_bl_total b{color:var(--mr-blue); font-weight:700;}
.sr_main .sr_bl_sort{display:flex; gap:6px; margin:0; padding:0; list-style:none;}
.sr_main .sr_bl_sort a{display:block; height:34px; line-height:32px; padding:0 14px; border:1px solid #d9e1ea; border-radius:17px; background:#fff; font-size:14px; color:#555;}
.sr_main .sr_bl_sort a:hover{border-color:var(--mr-blue); color:var(--mr-blue);}
.sr_main .sr_bl_sort li.on a{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff; font-weight:600;}
.sr_main .sr_blist{margin:0; padding:0; list-style:none; border-top:2px solid var(--mr-text);}
.sr_main .sr_bl_item{border-bottom:1px solid var(--mr-line);}
.sr_main .sr_bl_item > a{display:flex; align-items:center; gap:20px; padding:15px; color:inherit; text-decoration:none;}
.sr_main .sr_bl_item > a:hover,.sr_main .sr_bl_item > a:focus{background:#eef4fb;}
.sr_main .sr_bl_is_notice > a:hover,.sr_main .sr_bl_is_notice > a:focus{background:#e3edf9;}   /* 고정 공지 호버 : 공지 바탕(#f5f9fe)보다 진하게 */
.sr_main .sr_bl_is_notice > a{background:#f5f9fe;}   /* 고정 공지 : 연한 파랑 바탕 */


.sr_main .sr_bl_is_notice .sr_bl_date{background:var(--mr-blue); color:#fff;}   /* 고정 공지 날짜 칸 : 파란 바탕 + 흰 글자 */
.sr_main .sr_bl_is_notice .sr_bl_date strong{color:#fff;}
.sr_main .sr_bl_date{flex:none; display:flex; flex-direction:column; justify-content:center; width:70px; height:70px; border-radius:8px; background:var(--mr-sky); text-align:center; font-size:14px; line-height:1.2; color:#111;}
.sr_main .sr_bl_date strong{display:block; font-size:26px; font-weight:600; line-height:1.15; color:#000;}
.sr_main .sr_bl_body{flex:1; display:block; min-width:0;}
.sr_main .sr_bl_tags{display:flex; flex-wrap:wrap; align-items:center; gap:6px;}
.sr_main .sr_bl_tags em{display:inline-block; height:24px; line-height:24px; padding:0 10px; border-radius:12px; font-size:13px; font-style:normal; font-weight:500; white-space:nowrap;}
.sr_main .sr_bl_tags .sr_bl_notice{display:inline-flex; align-items:center; gap:3px; padding-left:8px; background:var(--mr-blue); color:#fff; font-weight:600;}
.sr_main .sr_bl_tags .sr_bl_notice::before{content:""; flex:none; width:12px; height:12px; background:url("/img/main2026/notice_pin.svg") center / contain no-repeat; transform:rotate(30deg);}   /* 고정 공지 핀 아이콘 (꾸밈) */
.sr_main .sr_bl_tags .sr_bl_tag{background:#f1f5fb; color:#2f4f7a; box-shadow:inset 0 0 0 1px #a9c1dd;}   /* 분류 태그 : 진한 테두리로 고정 공지 · 호버 바탕과 구분 */
.sr_main .sr_bl_tags .sr_bl_gubun{height:22px; line-height:20px; border:1px solid #d5dee8; background:#fff; color:#555;}
.sr_main .sr_bl_tags .sr_bl_state{background:var(--mr-blue); color:#fff; font-weight:600;}
.sr_main .sr_bl_tags .sr_bl_state.bs_ready{background:#66717f;}   /* 흰 글자 대비 4.5:1 이상 (#7a8591 은 3.76:1) */
.sr_main .sr_bl_tags .sr_bl_state.bs_closed{background:#767676; color:#fff;}   /* #777 은 흰 글자 대비 4.48:1 → #767676 4.54:1 */
.sr_main .sr_bl_tags .mr_new{width:20px; height:20px; line-height:20px; padding:0; border-radius:50%; background:#f00; color:#fff; font-size:12px; font-weight:700; text-align:center;}
.sr_main .sr_bl_title{display:block; margin-top:8px; font-size:19px; font-weight:500; line-height:1.5; color:#111; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sr_main .sr_bl_is_notice .sr_bl_title{font-weight:700;}
.sr_main .sr_bl_item > a:hover .sr_bl_title,.sr_main .sr_bl_item > a:focus .sr_bl_title{color:var(--mr-blue); text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:2px;}   /* 호버 : 제목 파랑 + 밑줄 */
.sr_main .sr_bl_item > a:hover .sr_bl_date,.sr_main .sr_bl_item > a:focus .sr_bl_date{background:#002f5f; color:#fff;}   /* 호버 : 날짜 칸 진한 파랑 */
.sr_main .sr_bl_item > a:hover .sr_bl_date strong,.sr_main .sr_bl_item > a:focus .sr_bl_date strong{color:#fff;}

.sr_main .sr_bl_title img{vertical-align:middle;}
.sr_main .sr_bl_meta{display:flex; flex-wrap:wrap; align-items:center; margin-top:6px; font-size:14px; color:#666;}   /* #777 은 대비 4.48:1 로 기준(4.5:1) 미달 → #666(5.74:1) */
.sr_main .sr_bl_meta > span + span:before{content:""; display:inline-block; width:1px; height:11px; margin:0 12px; background:#d0d0d0; vertical-align:-1px;}
.sr_main .sr_bl_meta .sr_bl_biz{color:var(--mr-blue); font-weight:500;}
.sr_main .sr_bl_meta i{color:#9aa5b1;}

/* 목록 정보 줄 : 일정 · 조회를 동그란 아이콘으로 구분 (게시판 목록만 — 장비 목록 .sr_eq_list · 신청 내역 .sr_req_list 제외) */
.sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) .sr_bl_meta{margin-top:8px; row-gap:6px;}
.sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) .sr_bl_period{display:inline-flex; align-items:center; gap:6px; color:#1c2733; font-weight:700;}
.sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) .sr_bl_period i{display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--mr-blue); color:#fff; font-size:11px;}
.sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) .sr_bl_period + span{margin-left:18px;}
.sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) .sr_bl_period + span:before{display:none;}
.sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) :is(.sr_bl_period + span, .sr_bl_biz + span:not(.sr_bl_period), .sr_bl_meta > span:first-child:not(.sr_bl_period, .sr_bl_biz)){display:inline-flex; align-items:center; gap:6px;}
.sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) :is(.sr_bl_period + span, .sr_bl_biz + span:not(.sr_bl_period), .sr_bl_meta > span:first-child:not(.sr_bl_period, .sr_bl_biz))::after{content:""; order:-1; width:22px; height:22px; 
border-radius:50%; background:#eef1f4 url("/img/main2026/meta_view.svg") center / 13px no-repeat;}   /* 조회 : 회색 동그라미 눈 아이콘 (꾸밈) */
/* 장소(사업공고 .sr_bl_biz) : 연파랑 동그라미 위치 아이콘 (꾸밈) */
.sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) .sr_bl_biz{display:inline-flex; align-items:center; gap:6px;}
.sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) .sr_bl_biz::before{content:""; flex:none; width:22px; height:22px; border-radius:50%; background:#e6f0fb url("/img/main2026/meta_place.svg") center / 13px no-repeat;}
.sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) .sr_bl_biz + span{margin-left:18px;}
.sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) .sr_bl_biz + span:before{display:none;}.sr_main .sr_bl_plus{flex:none; width:36px; height:36px; line-height:34px; border-radius:50%; background:var(--mr-blue); color:#fff; font-size:24px; font-weight:300; text-align:center; opacity:0; transition:opacity .15s;}
.sr_main .sr_bl_item > a:hover .sr_bl_plus,.sr_main .sr_bl_item > a:focus .sr_bl_plus{opacity:1;}
.sr_main .sr_bl_empty{padding:0; text-align:center;}
/* 빈 목록 안내 (inc/extend/board_list.lib.php sr_empty_state): 아이콘 + 제목 + 도움말 + 다음 행동 단추 */
.sr_main .sr_blist:has(> .sr_bl_empty){border-top:0;}
.sr_main .sr_empty{display:flex; flex-direction:column; align-items:center; padding:60px 24px 64px; border:1px solid #e3eaf2; border-radius:16px; background:linear-gradient(180deg,#f5f9ff 0,#fff 70%);}
.sr_main .sr_empty_ico{display:flex; align-items:center; justify-content:center; width:80px; height:80px; margin-bottom:22px; border-radius:50%; background:#fff; box-shadow:0 0 0 10px #e9f2fc, 0 10px 24px rgba(0,83,159,.12); color:var(--mr-blue); font-size:34px;}
.sr_main .sr_empty_tit{display:block; font-size:21px; font-weight:700; line-height:1.4; color:#111; letter-spacing:-.02em;}
.sr_main .sr_empty_desc{margin:10px 0 0; font-size:15px; line-height:1.7; color:#666;}
.sr_main .sr_empty_desc b{color:var(--mr-blue); font-weight:600;}
.sr_main .sr_empty_btns{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:26px 0 0;}
.sr_main a.sr_empty_btn{display:inline-flex; align-items:center; gap:8px; height:48px; padding:0 24px; border:1px solid #cfd8e3; border-radius:24px; background:#fff; font-size:15px; font-weight:500; color:#333; text-decoration:none; transition:background .15s,border-color .15s,color .15s;}
.sr_main a.sr_empty_btn:hover,.sr_main a.sr_empty_btn:focus{border-color:var(--mr-blue); color:var(--mr-blue);}
.sr_main a.sr_empty_pri{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff; font-weight:600;}
.sr_main a.sr_empty_pri:hover,.sr_main a.sr_empty_pri:focus{border-color:var(--mr-blue-d); background:var(--mr-blue-d); color:#fff;}
@media (max-width:720px){
  .sr_main .sr_empty{padding:44px 16px 48px;}
  .sr_main .sr_empty_ico{width:64px; height:64px; margin-bottom:18px; box-shadow:0 0 0 8px #e9f2fc, 0 8px 18px rgba(0,83,159,.12); font-size:28px;}
  .sr_main .sr_empty_tit{font-size:18px;}
  .sr_main .sr_empty_desc{font-size:14px;}
  .sr_main .sr_empty_desc br{display:none;}
  .sr_main a.sr_empty_btn{height:44px; padding:0 20px; font-size:14px;}
  .sr_main .sr_bl_head{flex-wrap:wrap;}
  .sr_main .sr_bl_sort a{height:30px; line-height:28px; padding:0 11px; font-size:13px;}
  .sr_main .sr_bl_item > a{gap:12px; padding:16px 4px;}
  .sr_main .sr_bl_date{width:54px; height:54px; font-size:12px;}
  .sr_main .sr_bl_date strong{font-size:20px; flex-wrap: wrap;}
  .sr_main .sr_bl_tags em{height:21px; line-height:21px; padding:0 8px; font-size:12px;}
  .sr_main .sr_bl_title{margin-top:6px; font-size:16px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
  .sr_main .sr_bl_meta{font-size:12px;}
  .sr_main .sr_bl_meta > span + span:before{margin:0 8px;}
  .sr_main .sr_bl_plus{display:none;}
    .sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) .sr_bl_period i{width:18px; height:18px; font-size:9px;}
  .sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) .sr_bl_period + span{margin-left:12px;}
  .sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) :is(.sr_bl_period + span, .sr_bl_biz + span:not(.sr_bl_period), .sr_bl_meta > span:first-child:not(.sr_bl_period, .sr_bl_biz))::after{width:18px; height:18px; background-size:11px;}
  .sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) .sr_bl_biz::before{width:18px; height:18px; background-size:11px;}
  .sr_main .sr_blist:not(.sr_eq_list, .sr_req_list) .sr_bl_biz + span{margin-left:12px;}
}

/* 게시판 검색 선택 상자: 브라우저 기본 화살표·검정 포커스 테두리 대신 얇은 꺾쇠 + 남색 링,
   첫 항목(전체)이 아닌 값을 고르면 남색 테두리만 (보유장비 검색과 같게, 표시는 inc/main/sub_tail.php 의 .sr_sel_on) */
.sr_main .bbs_search_wrap select{-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:34px !important; 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 12px center / 12px 8px; cursor:pointer;}
.sr_main .bbs_search_wrap select:focus{outline:none;}
.sr_main .bbs_search_wrap > ul > li > span:focus-within{border-color:var(--mr-blue); box-shadow:0 0 0 3px rgba(0,83,159,.12);}
.sr_main .bbs_search_wrap > ul > li > span.sr_sel_on{border-color:var(--mr-blue); box-shadow:0 0 0 1px var(--mr-blue);} /* 고른 칸은 테두리만 (안쪽 그림자는 칸 안 단추 바탕에 가려 바깥으로) */
.sr_main .bbs_search_wrap > ul > li > span.sr_sel_on:focus-within{box-shadow:0 0 0 1px var(--mr-blue), 0 0 0 4px rgba(0,83,159,.12);}
.sr_main .bbs_search_wrap > ul > li > span.sr_sel_on select{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_main .bbs_search_wrap select option{background:#fff; color:#222; font-weight:400;}

/* 검색 조건 선택 상자 (.select_style: 보유장비·게시판 검색 공통)
   값을 고르면 기존 스크립트가 붙이는 .s_bg 의 청록색(#318daf) 칠 대신 남색 테두리만 (게시판 검색과 같게) */
.sr_main .select_style select{background-position:right 12px center !important;}
.sr_main .select_style select.s_bg{background:#fff url(/img/select_arrow.png) no-repeat right 12px center !important; color:#222 !important; border:0 !important; border-radius:0 !important;}
.sr_main .select_style span:has(> select.s_bg){border-color:var(--mr-blue) !important; box-shadow:0 0 0 1px var(--mr-blue);}
.sr_main .select_style select:focus{outline:2px solid rgba(0,83,159,.35); outline-offset:-2px;}

/* 선택 상자 (js/select_renewal.js) 칸별 크기·테두리. 공통 모양(단추·펼침 목록)은 css/select_renewal.css */
.sr_main table.notice_write .sr_sel_btn{height:46px; border:1px solid #d5dee8; border-radius:8px;}
.sr_main table.notice_write .sr_sel_btn.is-open,.sr_main table.notice_write .sr_sel_btn:focus-visible{border-color:var(--mr-blue); box-shadow:0 0 0 3px rgba(0,83,159,.12);}
.sr_main .bbs_search_wrap > ul > li > span:has(> .sr_sel_btn.is-open){border-color:var(--mr-blue); box-shadow:0 0 0 3px rgba(0,83,159,.12);}

/* 마이페이지 신청내역 (장비·시설·교육): 줄 목록 + 진행상태 색 (inc/extend/board_list.lib.php sr_state_badge) */
.sr_main .sr_state{font-weight:600 !important;}
.sr_main .sr_state_wait{background:#fff3e0; color:#b45309;}    /* 대기·검토·발행·입금대기 */
.sr_main .sr_state_ok{background:#e8f1fc; color:var(--mr-blue);} /* 승인완료·신청완료·이용중 */
.sr_main .sr_state_done{background:#e6f6ec; color:#15803d;}    /* 완료·수료·이용완료 */
.sr_main .sr_state_cancel{background:#f1f3f5; color:#6b7280;}  /* 취소 */
.sr_main .sr_state_reject{background:#fdecec; color:#c62828;}  /* 반려 */
.sr_main .sr_bl_item > div.sr_bl_link{display:flex; align-items:center; gap:20px; padding:22px 18px;} /* 상세 화면이 없는 줄(장비 신청) */
.sr_main .sr_bl_has_act{display:flex; align-items:center;}
.sr_main .sr_bl_has_act > a{flex:1; min-width:0;}
.sr_main .sr_bl_act{flex:none; display:flex; gap:6px; padding:0 18px 0 6px;}
.sr_main .sr_act_btn{height:38px; padding:0 14px; border:1px solid #cfd8e3; border-radius:8px; background:#fff; font-family:inherit; font-size:14px; font-weight:500; color:#555; cursor:pointer; white-space:nowrap;}
.sr_main .sr_act_btn:hover{border-color:var(--mr-blue); color:var(--mr-blue);}
.sr_main .sr_act_pri{border-color:var(--mr-blue); color:var(--mr-blue); font-weight:600;}
.sr_main .sr_act_pri:hover{background:#eef4fc;}
@media (max-width:720px){
  .sr_main .sr_bl_item > div.sr_bl_link{gap:12px; padding:16px 4px;}
  .sr_main .sr_bl_has_act{flex-wrap:wrap;}
  .sr_main .sr_bl_has_act > a{flex-basis:100%;}
  .sr_main .sr_bl_act{padding:0 4px 14px 70px;}
}

/* 글 본문: 편집기로 넣은 사진·표에 폭이 박혀 있어(인라인 max-width:658px, width=658) 본문 틀(overflow:hidden)에서
   휴대폰 오른쪽이 잘렸다. 사진은 칸 폭까지, 표는 휴대폰에서 표만 옆으로 밀리게 (2026 전수점검 9/28) */
.sr_main #bo_v_con img{max-width:100% !important; height:auto !important;}
@media (max-width:767px){
  .sr_main #bo_v_con table{display:block; width:auto !important; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
}
/* 목록 아래 버튼·페이징 */
.sr_main #sub_wrap .bbs_foot_box{padding:16px 0;}
/* 공지 목록 아래 관리자용 선택 칸(1층 DID 사용 여부 확인) — 다른 선택 칸과 같은 모양.
   글쓰기의 "1층DID노출" 체크박스도 id 가 is_1f_1 이라, 선택상자(select)에만 걸리게 좁힌다 */
.sr_main #search_is_1f_1_Form{display:inline-block; margin:0; vertical-align:middle;}
.sr_main select#is_1f_1{box-sizing:border-box; height:44px; padding:0 34px 0 14px; border:1px solid #d5dee8; border-radius:8px; 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; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:inherit; font-size:15px; color:var(--mr-text); cursor:pointer;}
.sr_main select#is_1f_1 + .sr_sel_btn{height:44px; border:1px solid #d5dee8; border-radius:8px; font-size:15px;}
.sr_main select#is_1f_1 + .sr_sel_btn.is-open,.sr_main select#is_1f_1 + .sr_sel_btn:focus-visible{border-color:var(--mr-blue); box-shadow:0 0 0 3px rgba(0,83,159,.12);}
.sr_main #sub_wrap .bbs_foot_box > .btn_box > a,
.sr_main #sub_wrap .bbs_foot_box > .btn_box .btn_ok,
.sr_main #sub_wrap .btn_box .btn_ok{display:inline-block; padding:10px 24px; border:0; border-radius:6px; background:var(--mr-blue); color:#fff; font-size:14px;}
.sr_main #sub_wrap .bbs_foot_box > .btn_box > a:hover,.sr_main #sub_wrap .btn_box .btn_ok:hover{background:var(--mr-blue-d);}
.sr_main .paging{margin:24px 0 0; text-align:center;}
.sr_main .paging ul{display:inline-flex; flex-wrap:wrap; justify-content:center; gap:4px; border:0;}
.sr_main .paging li{float:none; margin:0; border:0;}
.sr_main .paging li a{display:block; min-width:34px; height:34px; line-height:34px; padding:0 6px; border:1px solid var(--mr-line); border-radius:6px; background:#fff; color:var(--mr-sub); font-size:13px; text-align:center;}
.sr_main .paging li a:hover,.sr_main .paging li a:focus{border-color:var(--mr-blue); background:#eef4fc; color:var(--mr-blue); font-weight:600;} /* 기존 default.css 의 청록 바탕(#22647e) hover 를 덮음 */
.sr_main .paging li.on a:hover,.sr_main .paging li.on a:focus{background:var(--mr-blue-d); color:#fff;}
.sr_main .paging li.on a{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff; font-weight:700;}
.sr_main .pagination > li > a{color:var(--mr-sub); border-color:var(--mr-line);}
.sr_main .pagination > .active > a,.sr_main .pagination > .active > a:hover{background:var(--mr-blue); border-color:var(--mr-blue); color:#fff;}

/* 본문 안 탭 — 상단 하위 탭과 같은 내용이면 숨기고, 화면 안 전환 탭(기관·센터)은 알약 모양으로 맞춘다 */
.sr_loc_policy .agree_box > .tab-basic,
.sr_loc_mypage #sub_wrap > .tab{display:none;}
.sr_main .map_tab > ul,
.sr_main .facility_wrap > ul.tab_area{display:flex; flex-wrap:wrap; gap:8px; overflow:visible; border:0;}
.sr_main .map_tab > ul > li,
.sr_main .facility_wrap > ul.tab_area > li{float:none; display:block; border:0;}
.sr_main .map_tab > ul > li > a,
.sr_main .facility_wrap > ul.tab_area > li > a{display:block; padding:8px 18px; border:1px solid var(--mr-line); border-radius:20px; background:#fff; color:var(--mr-sub); font-size:14px;}
.sr_main .map_tab > ul > li > a:hover,
.sr_main .facility_wrap > ul.tab_area > li > a:hover{border-color:var(--mr-blue); background:#fff; color:var(--mr-blue);}
.sr_main .map_tab > ul > li.on > a,
.sr_main .facility_wrap > ul.tab_area > li.on > a{padding:8px 18px; border-color:var(--mr-blue); background:var(--mr-blue); color:#fff; font-size:14px; font-weight:600;}
.sr_main .map_tab{margin-bottom:20px;}
.sr_main .map_wrap > .map_box{border-radius:12px; overflow:hidden; border:1px solid var(--mr-line);}

/* 이용안내 본문 (개인정보처리방침·이용약관·영상정보·이메일무단수집거부): 기존 12px 돋움 회색 → 읽기 좋은 본문 */
.sr_loc_policy .agree_box{box-sizing:border-box; max-width:100%; margin:0; padding:36px 44px; border:1px solid var(--mr-line); border-radius:12px; font-size:15px; line-height:1.8;}
.sr_loc_policy .agree_box *{font-family:var(--mr-font); color:#444;}
.sr_loc_policy .agree_section{margin:0;}
.sr_loc_policy .agree_section > h3{margin:0 0 18px; padding-bottom:14px; border-bottom:2px solid var(--mr-text); font-size:22px; font-weight:700; color:var(--mr-text);}
.sr_loc_policy .agree_section :is(h4,h5){margin:24px 0 6px; font-size:16px; font-weight:700; color:var(--mr-text);}
.sr_loc_policy .agree_section :is(p,li){line-height:1.8;}
.sr_loc_policy .agree_section b,.sr_loc_policy .agree_section strong{color:var(--mr-text);}
.sr_loc_policy .agree_section table{width:100%; border-top:2px solid var(--mr-blue); font-size:14px;}
/* 좁은 화면: 칸이 많은 표는 옆으로 밀어 볼 수 있게 (화면을 넘어가 잘리던 것) */
@media (max-width:720px){
  .sr_loc_policy .agree_section table{display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
  .sr_loc_policy .agree_section table > tbody{display:table; width:100%; min-width:460px;}
  .sr_loc_policy .agree_section :is(img,iframe){max-width:100%; height:auto;}
}
@media (max-width:720px){ .sr_loc_policy .agree_box{padding:20px 16px; font-size:14px;} }

/* 마이페이지 신청내역 목록 표 (게시판 목록과 같은 톤) */
.sr_main table.counsel_list{border-top:2px solid var(--mr-text); font-size:14px;}
.sr_main table.counsel_list th{padding:14px 8px; background:#f5f7fa; color:var(--mr-text); font-weight:600; border-bottom:1px solid var(--mr-line);}
.sr_main table.counsel_list td{padding:14px 8px; border-bottom:1px solid var(--mr-line); color:var(--mr-sub);}
.sr_main table.counsel_list tr:hover{background:#fafcff;}

/* 게시판 쓰기 표 (notice·basic·business·casebook 쓰기 스킨 공통: table.notice_write.form_box)
   보기 화면(정보 칸 16px)과 같은 무게: 항목명 15px, 입력칸 46px·둥근 8px, 선택 목록은 알약, 편집기는 둥근 테두리 */
.sr_main table.notice_write{border-top:2px solid var(--mr-text); font-size:15px;}
.sr_main table.notice_write th{width:170px; padding:16px 20px; background:#f7f9fc; color:var(--mr-text); font-size:15px; font-weight:600; text-align:left; vertical-align:middle; border-bottom:1px solid var(--mr-line);}
.sr_main table.notice_write td{padding:12px 20px; border-bottom:1px solid var(--mr-line); color:#333; font-size:15px; line-height:1.6;}
/* 입력칸을 감싼 테두리 상자(.form_box span)는 없애고 입력칸 자체에 테두리 */
.sr_main table.notice_write.form_box span,.sr_main table.notice_write td > ul > li.form_box span{display:inline-block; margin:0 6px 6px 0; border:0; background:none; vertical-align:middle;}
.sr_main table.notice_write.form_box td > span:only-child,.sr_main table.notice_write.form_box td > ul > li.form_box > span:not(.post_box){display:block; margin-right:0;} /* 제목·일정내용처럼 칸 하나만 있는 줄은 전체 폭 */
.sr_main table.notice_write input[type=text],.sr_main table.notice_write input[type=password],.sr_main table.notice_write input[type=url],.sr_main table.notice_write select{box-sizing:border-box; height:46px; padding:0 14px; border:1px solid #d5dee8; border-radius:8px; background-color:#fff; font-size:15px; color:#222;}
.sr_main table.notice_write 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 12px center / 12px 8px; cursor:pointer;}
.sr_main table.notice_write input::placeholder{color:#9aa5b1;}
.sr_main table.notice_write input[type=text]:focus,.sr_main table.notice_write select:focus,.sr_main table.notice_write textarea:focus{border-color:var(--mr-blue); outline:0; box-shadow:0 0 0 3px rgba(0,83,159,.12);}
.sr_main table.notice_write textarea{box-sizing:border-box; padding:12px 14px; border:1px solid #d5dee8; border-radius:8px; font-size:15px;}
/* 체크박스: 크게, 남색 */
.sr_main table.notice_write input[type=checkbox],.sr_main table.notice_write input[type=radio]{width:18px; height:18px; margin:0 6px 0 0; accent-color:var(--mr-blue); vertical-align:-3px; cursor:pointer;}
.sr_main table.notice_write td label{margin-right:14px; font-weight:400; vertical-align:middle; cursor:pointer;}
/* 등록 홈페이지(센터 여러 곳) 목록: 같은 폭 격자 + 전체 선택·해제 (묶는 스크립트는 inc/main/sub_tail.php) */
.sr_main table.notice_write .sr_pick_bar{display:flex; align-items:center; gap:6px; margin:2px 0 10px;}
.sr_main table.notice_write .sr_pick_bar button{height:32px; padding:0 12px; border:1px solid #d5dee8; border-radius:16px; background:#fff; color:#555; font-size:13px; font-weight:500;}
.sr_main table.notice_write .sr_pick_bar button:hover{border-color:var(--mr-blue); background:#fff; color:var(--mr-blue);}
.sr_main table.notice_write .sr_pick_count{margin-left:6px; font-size:13px; font-weight:600; color:var(--mr-blue);}
.sr_main table.notice_write .sr_pick_grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px;}
.sr_main table.notice_write .sr_pick_grid > span{display:block; margin:0 !important;}
.sr_main table.notice_write input.chks{position:absolute; opacity:0; width:1px; height:1px; margin:0;}
.sr_main table.notice_write input.chks + label{display:flex; align-items:center; gap:10px; margin:0 6px 6px 0; padding:0 14px; min-height:42px; border:1px solid #dfe6ee; border-radius:8px; background:#fff; font-size:14px; line-height:1.35; color:#333; transition:background .15s,border-color .15s;}
.sr_main table.notice_write .sr_pick_grid input.chks + label{width:100%; margin:0; box-sizing:border-box;}
.sr_main table.notice_write input.chks + label:before{content:""; flex:none; width:16px; height:16px; border:1.5px solid #b7c3d1; border-radius:4px; background:#fff center / 10px no-repeat;}
.sr_main table.notice_write input.chks + label:hover{border-color:var(--mr-blue); background:#f7faff;}
.sr_main table.notice_write input.chks:checked + label{border-color:var(--mr-blue); background:#eef4fc; color:var(--mr-blue); font-weight:600;}
.sr_main table.notice_write input.chks:checked + label:before{border-color:var(--mr-blue); background-color:var(--mr-blue); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l3 3 5-6' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E");}
.sr_main table.notice_write input.chks:focus-visible + label{box-shadow:0 0 0 3px rgba(0,83,159,.2);}
@media (max-width:1200px){ .sr_main table.notice_write .sr_pick_grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:720px){ .sr_main table.notice_write .sr_pick_grid{grid-template-columns:minmax(0,1fr);} }
/* 첨부파일: 한 줄에 모아 필요한 만큼 추가 (묶는 스크립트는 inc/main/sub_tail.php) */
.sr_main table.notice_write .sr_files{display:grid; gap:8px; margin:0; padding:0; list-style:none;}
.sr_main table.notice_write .sr_file_item{display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; min-height:52px; padding:6px 8px 6px 10px; border:1px solid #e1e8f0; border-radius:8px; background:#fafcfe;}
.sr_main table.notice_write .sr_file_item > span{flex:1 1 0; min-width:0; max-width:100%;}   /* 파일 칸이 남은 폭을 차지해 × 가 같은 줄에 */
.sr_main table.notice_write .sr_file_item input[type=file]{width:100%; max-width:100%;}   /* 좁은 화면에서 파일 칸이 화면 밖으로 나가던 것 */
.sr_main table.notice_write .sr_file_bar{flex-wrap:wrap;}
.sr_main table.notice_write .sr_file_item > span{margin:0 !important;}
.sr_main table.notice_write .sr_file_item .file_del,.sr_main table.notice_write .sr_file_item label{font-size:14px; color:#555;}
.sr_main table.notice_write button.sr_file_remove{flex:none; width:32px; height:32px; margin-left:auto; padding:0; border:0; border-radius:50%; background:transparent; color:#999; font-size:20px; font-weight:400; line-height:1;}
.sr_main table.notice_write button.sr_file_remove:hover{background:#fdecec; color:#d33;}
.sr_main table.notice_write .sr_file_bar{display:flex; align-items:center; gap:12px; margin-top:10px;}
.sr_main table.notice_write button.sr_file_add{height:40px; padding:0 16px; border:1px dashed var(--mr-blue); border-radius:8px; background:#fff; font-size:14px; white-space:nowrap;}   /* "+ 파일 추가"가 두 줄로 갈라지지 않게 */
.sr_main table.notice_write button.sr_file_add:disabled{border-color:#cfd8e3; color:#aab4bf; cursor:default; background:#fff;}
.sr_main table.notice_write .sr_file_count{font-size:13px; color:#666;}

/* 칸 안 버튼 (주소검색 등) */
.sr_main table.notice_write td button:where(:not(.sr_sel_btn)),.sr_main table.notice_write .btn{height:46px; padding:0 18px; border:1px solid var(--mr-blue); border-radius:8px; background:#fff; color:var(--mr-blue); font-size:14px; font-weight:600; cursor:pointer; vertical-align:middle;}
.sr_main table.notice_write td button:where(:not(.sr_sel_btn)):hover,.sr_main table.notice_write .btn:hover{background:#eef4fc;}
/* 편집기(SmartEditor2): 바깥 둥근 테두리. 안쪽 도구 막대는 inc/main/sub_tail.php 가 새 톤으로 덧입힘 */
.sr_main table.notice_write iframe[src*="SmartEditor2Skin"]{display:block; width:100% !important; border:1px solid #d5dee8 !important; border-radius:8px; overflow:hidden;}
/* 아래: 취소 · 등록하기 */
.sr_main #sub_wrap .write_foot_box,.sr_main #sub_wrap .notice_write_wrap + .btn_box{padding-top:30px;}
.sr_main #sub_wrap .btn_box:has(> #btn_submit){display:flex; justify-content:center; gap:10px; padding:30px 0 10px;}
.sr_main #sub_wrap .btn_box .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 !important; font-size:16px; font-weight:600; text-decoration:none;}
.sr_main #sub_wrap .btn_box .btn_cancel:hover{border-color:var(--mr-blue); color:var(--mr-blue) !important;}
.sr_main .write_foot_box .btn_box .btn_ok,.sr_main #sub_wrap .btn_box .btn_ok{box-sizing:border-box; min-width:180px; height:52px; padding:0 34px; border-radius:8px; font-size:16px; font-weight:700;}
@media (max-width:720px){
  .sr_main table.notice_write{table-layout:fixed; width:100%;}   /* 좁은 화면에서 표가 화면 밖으로 나가던 것 */
  .sr_main table.notice_write th{width:92px; padding:12px 10px; font-size:14px;}
  .sr_main table.notice_write td{padding:10px 10px; word-break:break-word;}
  .sr_main table.notice_write td > ul{flex-wrap:wrap;}
  .sr_main table.notice_write .sr_pick_bar{flex-wrap:wrap;}
  .sr_main table.notice_write .sr_pick_bar button{white-space:nowrap;}   /* "전체 선택"이 두 줄로 갈라지던 것 */
  .sr_main input[type=file]::file-selector-button{height:36px; margin-right:8px; padding:0 12px; font-size:13px;}   /* 좁은 화면: 파일 이름 자리를 넓게 */
  .sr_main table.notice_write.form_box td > span{display:block; width:100%; margin-right:0;}
  .sr_main table.notice_write.form_box td :is(div,ul,li) > span{display:block; width:100%; margin-right:0;}
  .sr_main table.notice_write.form_box td > div > ul{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}   /* 시작일·시작시간 / 종료일·종료시간 두 칸씩 */
  .sr_main table.notice_write.form_box td > div > ul > li{width:auto !important; min-width:0; margin:0;}
  .sr_main table.notice_write.form_box td span > :is(input[type=text],input[type=password],input[type=url],select){width:100% !important;}   /* 시작일·시작시간 등이 좁아 글씨가 잘리던 것 */
  .sr_main table.notice_write :is(input[type=text],input[type=password],input[type=url],select,textarea,.sr_sel_btn){max-width:100%;}
  .sr_main #sub_wrap .btn_box .btn_cancel,.sr_main #sub_wrap .btn_box .btn_ok{flex:1; min-width:0;}
}

/* 좁은 화면: 게시판 목록은 제목 위주로 (번호·작성자·조회·작성일은 기존 720/480.css 에서 이미 숨김) */
@media (max-width:720px){
  .sr_main #sub_wrap .bbs_list_wrap table.notice_box .place{display:none;}
  .sr_main #sub_wrap .bbs_list_wrap table.notice_box th,
  .sr_main #sub_wrap .bbs_list_wrap table.notice_box td{padding:12px 4px;}
  .sr_main #sub_wrap .bbs_list_wrap table.notice_box td.subject{padding-left:6px;}
  .sr_main #sub_wrap .bbs_list_wrap table.notice_box td.sch,
  .sr_main #sub_wrap .bbs_list_wrap table.notice_box .period{width:86px; white-space:normal; font-size:12px;}
  .sr_main .bbs_search_wrap{padding:12px;}
}

/* 조직도 (page/etc/org.php): 원장 → 부서·센터·협력조직 묶음. 묶음 사이 연결선은 가로선 조각을 이어 붙인다 */
.sr_main .org2{padding:10px 0 30px;}
.sr_main .org2_head{position:relative; display:flex; justify-content:center; padding-bottom:40px;}
.sr_main .org2_head strong{position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:200px; height:200px; border-radius:50%;
background:linear-gradient(120deg, #3d8bfd 0%, #00539f 55%, #002f5f 100%); box-shadow:0 10px 24px rgba(0,60,120,.22); color:#fff; font-family:var(--mr-font-pl); font-size:26px; font-weight:800;}
.sr_main .org2_head:after{content:""; position:absolute; left:50%; top:190px; width:2px; height:100px; margin-left:-1px; background:#e1e8f1;}

.sr_main .org2_groups{display:flex; align-items:stretch; gap:32px;}
.sr_main .org2_group{position:relative; flex-basis:0; min-width:0; margin-top:32px; padding:0 16px 18px; border-radius:14px; background:#f3f7fc;}

.sr_main .org2_group:before{content:""; position:absolute; left:50%; top:-55px; width:2px; height:40px; margin-left:-1px; background:#e1e8f1;} /* 이름표(묶음 위 15px) 윗끝까지만 */
.sr_main .org2_group:after{content:""; position:absolute; top:-55px; left:-16px; right:-16px; height:2px; background:#e1e8f1;}
.sr_main .org2_group:first-child:after{left:50%;}
.sr_main .org2_group:last-child:after{right:50%;}
.sr_main .org2_group:only-child:after{display:none;}
.sr_main .org2_group > h4{position:relative; z-index:1; display:table; margin:-15px auto 16px; padding:0 18px; height:30px; line-height:30px; border-radius:15px; background:#1c2733; color:#fff; font-size:15px; font-weight:700;}
.sr_main .org2_partner > h4{background:#fff; border:1px dashed var(--mr-blue); color:var(--mr-blue); line-height:28px;}
.sr_main .org2_partner:before{background:none; border-left:2px dashed #e1e8f1; width:0; margin-left:-1px;}
.sr_main .org2_group > ul{display:grid; gap:12px; margin:0; padding:0; list-style:none;}
.sr_main .org2_group li{display:flex; flex-direction:column; min-width:0; border:1px solid transparent; border-radius:10px; background:#fff; box-shadow:0 2px 8px rgba(0,40,90,.06); overflow:hidden;}
.sr_main .org2_name{box-sizing:border-box; display:flex; align-items:center; justify-content:center; height:66px; padding:10px 8px; background:var(--mr-blue); color:#fff; font-size:16px; font-weight:700; line-height:1.35; text-align:center; word-break:keep-all;}
.sr_main .org2_dept .org2_name{background:#1c3f6e;} /* 부서: 센터보다 한 단계 진한 남색 */
.sr_main .org2_partner li{border-color:var(--mr-blue);}
.sr_main .org2_partner .org2_name{background:#fff; color:var(--mr-blue); border-bottom:1px dashed #b7c6d8;}
.sr_main .org2_info{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:8px; padding:18px 6px 16px;}
.sr_main .org2_tel{display:flex; flex-direction:column; align-items:center; font-size:16px; font-weight:700; letter-spacing:0; color:#222 !important; white-space:nowrap;}
.sr_main .org2_rep{height:26px; line-height:26px; font-size:13px; color:var(--mr-sub);}
.sr_main .org2_tel:hover{color:var(--mr-blue) !important;}
.sr_main .org2_site{display:inline-block; height:26px; line-height:24px; padding:0 10px; border:1px solid #cfd8e3; border-radius:13px; font-size:12px; color:var(--mr-blue) !important; white-space:nowrap;}
.sr_main .org2_site:hover{border-color:var(--mr-blue); background:var(--mr-sky);}
.sr_main .org2_site i{font-size:11px;}
/* 좁은 화면: 묶음을 위아래로, 연결선 없이 */

/*2칸 1칸 정렬*/
.org_wrap .org2 .org2_groups{position:relative; flex-wrap:wrap; column-gap:32px; row-gap:24px; margin-top: 50px;}
.org_wrap .org2 .org2_groups > .org2_dept{order:1;}
.org_wrap .org2 .org2_groups > .org2_partner{order:2;}
.org_wrap .org2 .org2_groups > .org2_center{order:3;}

/* 1줄 : 부서 · 협력조직 같은 폭 (줄을 꽉 채워 HTML 의 flex-grow 는 영향 없음) */
.org_wrap .org2 .org2_groups > .org2_dept,
.org_wrap .org2 .org2_groups > .org2_partner{box-sizing:border-box; flex-basis:calc(50% - 16px); max-width:calc(50% - 16px);}
/* 협력조직 카드는 부서 카드와 같은 폭으로 가운데 */
.org_wrap .org2 .org2_partner > ul{max-width:100%; margin:0 auto;}

/* 2줄 : 센터 꽉 차게, 위쪽 가로선은 뺌 */
.org_wrap .org2 .org2_groups > .org2_center{flex-basis:100%;}
.org_wrap .org2 .org2_groups > .org2_center::after{display:none;}

/* 원장에서 내려오는 선을 부서 · 협력조직 사이로 센터까지 (상자 뒤로 지나감) */
.org_wrap .org2 .org2_groups::before{  content:"";  position:absolute;  top:0;  bottom:0;  left:50%;  width:2px;  margin-left:-1px;  background:#e1e8f1;}


@media (max-width:1200px){
  .sr_main .org2_head{padding-bottom:0;}
  .sr_main .org2_head:after{display:none;}
  .sr_main .org2_head strong{width: 150px;    height: 150px;}
  .sr_main .org2_groups{flex-direction:column; gap:0;}
  .sr_main .org2_group{margin-top:75px; padding:0 14px 16px;}
  .sr_main .org2_group:before,.sr_main .org2_group:after{display:none;}

  .org_wrap .org2 .org2_groups{gap:0;}
  .org_wrap .org2 .org2_groups > .org2_dept,
  .org_wrap .org2 .org2_groups > .org2_partner,
  .org_wrap .org2 .org2_groups > .org2_center{flex-basis:auto; max-width:none;}
  /* 원장에서 묶음 뒤로 이어지는 세로선 한 줄 — 묶음 위 여백(margin-top:50px)만큼 올려 원장 원 바로 아래부터 */
  .org_wrap .org2 .org2_groups::before{top:-50px;}
  /* 칸 수 : 부서 2칸 · 센터 2칸(6곳 → 3줄) · 협력조직 1칸 — HTML 인라인 칸 수를 덮으려고 !important */
  .org_wrap .org2 .org2_group > ul{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
  .org_wrap .org2 .org2_partner > ul{max-width:none; grid-template-columns:minmax(0, 1fr) !important;}
  .org_wrap .org2 .org2_groups{margin-top:0}
}



/* 오시는길 (page/etc/map.php): 기관 선택 알약 + 지도 | 정보 카드 + 찾아오시는 길 */
.sr_main .map2_empty{padding:60px 0; text-align:center; font-size:16px; color:#666;}

/*.sr_main .map2_tabs{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0; padding:0; list-style:none;}
.sr_main .map2_tabs button{height:40px; padding:0 18px; border:1px solid #d9e1ea; border-radius:20px; background:#fff; font-family:inherit; font-size:15px; color:#555; cursor:pointer;}
.sr_main .map2_tabs button:hover{border-color:var(--mr-blue); color:var(--mr-blue);}
.sr_main .map2_tabs button.on{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff; font-weight:600;}




/* =================오시는길 탭 ================= */
.map_wrap.map2 > .map2_tabs{  display:flex;  flex-wrap:nowrap;  justify-content:center;  gap:2px;  width:fit-content;  max-width:100%;  margin:0 auto 40px;  padding:6px;  border:1px solid #e4eaf1;  border-radius:999px;  background:#fff;  box-shadow:0 10px 30px rgba(0, 53, 110, .08);}
.map_wrap.map2 > .map2_tabs > li{flex:0 1 auto; min-width:0;}
.map_wrap.map2 > .map2_tabs button{  height:auto;  min-height:48px;  padding:10px clamp(12px, 1.25vw - 4px, 20px);  border:0;  border-radius:999px;  background:transparent;  color:#5c6673;  font-size:clamp(12px, .625vw + 6px, 15px);  font-weight:600;  line-height:1.35;  white-space:nowrap;  transition:background-color .25s, color .25s;}
.map_wrap.map2 > .map2_tabs button:hover{background:#f0f7ff; color:#00539f;}
.map_wrap.map2 > .map2_tabs button.on{background:#00539f; color:#fff; font-weight:700;}
.map_wrap.map2 > .map2_tabs button:focus-visible{outline:2px solid #00539f; outline-offset:2px;}

.sr_main .map2_body{display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:24px; margin-top:28px;}
.sr_main .map2_map{position:relative; min-height:520px; border-radius:16px; overflow:hidden; background:#eef3f9;}
.sr_main .map2_map #map{position:absolute; inset:0; width:100%; height:100%; border:0;}
@media (max-width:1280px){
  .map_wrap.map2 > .map2_tabs{    position:relative;    flex-direction:column;    gap:0;    width:100%;    margin:0 0 30px;    padding:0;    border:1px solid #cfd8e3;    border-radius:12px;    overflow:hidden;    box-shadow:0 6px 18px rgba(0, 53, 110, .06);  }
  .map_wrap.map2 > .map2_tabs > li{flex:none;}
  .map_wrap.map2 > .map2_tabs > li + li{border-top:1px solid #e4eaf1;}
  .map_wrap.map2 > .map2_tabs button{    display:block;    width:100%;    min-height:52px;    padding:14px 50px 14px 18px;    border-radius:0;    color:#1c2733;  font-size: clamp(13px, 3vw, 15px);  text-align:left;    white-space:normal;  }
  .map_wrap.map2 > .map2_tabs button:hover{background:#f7f9fc; color:#1c2733;}
  /* 현재 탭 : 하늘색 바탕 + 왼쪽 파란 막대 */
  .map_wrap.map2 > .map2_tabs button.on{background:#f0f7ff; color:#00539f; box-shadow:inset 3px 0 0 #00539f;}
  .map_wrap.map2 > .map2_tabs button:focus-visible{outline-offset:-3px;}

  /* 오른쪽 꺾쇠 : 접힘 ∨ / 펼침 ∧ */
  .map_wrap.map2 > .map2_tabs.js-select::after{    content:"";    position:absolute;    top:26px;    right:20px;    width:9px;    height:9px;    border-right:2px solid #1c2733;    border-bottom:2px solid #1c2733;    transform:translateY(-70%) rotate(45deg);    transition:transform .25s;    pointer-events:none;  }
  .map_wrap.map2 > .map2_tabs.is-open::after{transform:translateY(-30%) rotate(-135deg);}
  /* 접힘 : 현재 탭만 흰 바탕으로 */
  .map_wrap.map2 > .map2_tabs.js-select:not(.is-open) > li:not(:has(> .on)){display:none;}
  .map_wrap.map2 > .map2_tabs.js-select:not(.is-open) > li{border-top:0;}
  .map_wrap.map2 > .map2_tabs.js-select:not(.is-open) button.on{background:#fff; color:#1c2733; box-shadow:none;}
  
}







.sr_main .map2_info{display:flex; flex-direction:column; padding:30px 28px 28px; border:1px solid var(--mr-line); border-radius:16px; background:#fff; box-shadow:0 6px 24px rgba(0,50,110,.06);}
.sr_main .map2_info h3{margin:0 0 20px; padding-bottom:18px; border-bottom:2px solid var(--mr-text); font-family:var(--mr-font-pl); font-size:24px; font-weight:700; line-height:1.35; color:var(--mr-text);}
.sr_main .map2_info dl{display:grid; grid-template-columns:78px minmax(0,1fr); gap:16px 10px; margin:0;}
.sr_main .map2_info dt{margin:0; font-size:15px; font-weight:600; color:#555; white-space:nowrap;}
.sr_main .map2_info dt i{width:18px; margin-right:6px; color:var(--mr-blue); text-align:center;}
.sr_main .map2_info dd{margin:0; font-size:16px; line-height:1.6; color:#222; word-break:keep-all;}
.sr_main .map2_info dd small{display:block; margin-top:2px; font-size:14px; color:#666;}
.sr_main .map2_info [hidden]{display:none;}
.sr_main #map_tel{font-size:18px; font-weight:700; letter-spacing:0; color:var(--mr-blue);}
.sr_main #map_tel:hover{text-decoration:underline;}
.sr_main .map2_btns{display:grid; gap:8px; margin-top:auto; padding-top:26px;}
.sr_main .map2_btn{display:flex; align-items:center; justify-content:center; gap:8px; height:46px; padding:0 14px; border:1px solid #cfd8e3; border-radius:8px; background:#fff; font-family:inherit; font-size:15px; font-weight:500; color:#333 !important; text-decoration:none; cursor:pointer;}
.sr_main .map2_btn[hidden]{display:none;}
.sr_main .map2_btn:hover{border-color:var(--mr-blue); color:var(--mr-blue) !important;}
.sr_main .map2_btn_pri{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff !important;}
.sr_main .map2_btn_pri:hover{background:var(--mr-blue-d); color:#fff !important;}
.sr_main .map2_note{margin:10px 0 0; font-size:13px; line-height:1.6; color:var(--mr-sub);}
.sr_main .map2_note[hidden]{display:none;}
.sr_main .map2_way{margin-top:48px;}
.sr_main .map2_way[hidden]{display:none;}
.sr_main .map2_way > h3{display:flex; align-items:center; gap:10px; margin:0 0 16px; font-size:22px; font-weight:700; color:var(--mr-text);}
.sr_main .map2_way > h3:before{content:""; width:4px; height:20px; border-radius:2px; background:var(--mr-blue);}

/*.sr_main .map2_way .map_way_content{padding:28px 32px; border:0; border-radius:14px; background:#f5f8fc; font-size:16px; line-height:1.85; color:#333;} 
.sr_main .map2_way .map_way_content .map2_way_h{display:flex; align-items:center; gap:10px; margin:22px 0 8px; font-size:17px !important; font-weight:700; color:var(--mr-blue);}
.sr_main .map2_way .map_way_content .map2_way_h:first-child{margin-top:0;}
.sr_main .map2_way .map_way_content .map2_way_h i{display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background-color:var(--mr-blue) !important; color:#fff; font-family:FontAwesome !important; font-size:14px !important; line-height:1 !important;}
/* 관리자 편집기로 쓴 길 안내: 글꼴·크기(돋움 10pt 등)를 본문 기준으로 */
/*.sr_main .map2_way .map_way_content *{font-family:inherit !important; font-size:inherit !important; line-height:inherit !important; background-color:transparent !important;}
.sr_main .map2_way .map_way_content b,.sr_main .map2_way .map_way_content strong{color:var(--mr-text); font-weight:700;}
.sr_main .map2_way .map_way_content p{margin:0 0 6px;}*/

#map_way .map_way_content{  --way-icon:36px;  padding:32px 36px;  border:1px solid #e4eaf1;  border-radius:16px;  background:#fff;  box-shadow:0 10px 30px rgba(0, 53, 110, .06);  color:#333;  font-size:16px;  line-height:1.85;}
/* 관리자 편집기로 쓴 내용의 인라인 글꼴 · 크기 · 줄 간격 · 바탕색을 본문 기준으로 */
#map_way .map_way_content *{  font-family:inherit !important;  font-size:inherit !important;  line-height:inherit !important;  background-color:transparent !important;}#map_way .map_way_content p{margin:0 0 6px;}#map_way .map_way_content b,
#map_way .map_way_content strong{color:#1c2733; font-weight:700;}
/* 소제목 (대중교통 · 자가차량 …) */
#map_way .map_way_content .map2_way_h{  position:relative;  display:flex;  align-items:center;  gap:14px;  margin:0 0 10px;  color:#1c2733;  font-size:18px !important;  font-weight:700;}
#map_way .map_way_content .map2_way_h:not(:first-child){margin-top:28px;}
#map_way .map_way_content .map2_way_h i{  position:relative;  z-index:1;  display:inline-flex;  flex:none;  align-items:center;  justify-content:center;  width:var(--way-icon);  height:var(--way-icon);  border-radius:50%;  background-color:#00539f !important;
  box-shadow:0 0 0 5px #fff;  color:#fff;  font-family:FontAwesome !important;  font-size:15px !important;  line-height:1 !important;}

/* 안내 줄 */
#map_way .map_way_content p:not(.map2_way_h){  position:relative;  padding-left:calc(var(--way-icon) + 16px);  color:#4a5563;  word-break:keep-all !important;}
#map_way .map_way_content p:not(.map2_way_h) *{word-break:inherit !important;}
/* 줄마다 점 */
#map_way .map_way_content p:not(.map2_way_h)::before{  content:"";  position:absolute;  z-index:1;  top:.68em;  left:calc(var(--way-icon) / 2 - 5px);  box-sizing:border-box;  width:10px;  height:10px;  border:2px solid #7fa9d9;  border-radius:50%;  background:#fff;}

/* 세로선 : 칸마다 한 토막 */
#map_way .map_way_content .map2_way_h::after,
#map_way .map_way_content .map2_way_h:not(:first-child)::before,
#map_way .map_way_content p:not(.map2_way_h)::after{  content:"";  position:absolute;  left:calc(var(--way-icon) / 2 - 1px);  width:2px;  background:#d6e6f8;}
#map_way .map_way_content .map2_way_h::after{top:calc(var(--way-icon) / 2); bottom:-10px;}
#map_way .map_way_content .map2_way_h:not(:first-child)::before{top:-28px; height:calc(28px + var(--way-icon) / 2);}
#map_way .map_way_content .map2_way_h:last-child::after{content:none;}
#map_way .map_way_content p:not(.map2_way_h)::after{top:0; bottom:-6px;}
#map_way .map_way_content p:not(.map2_way_h):last-child::after{bottom:auto; height:calc(.68em + 5px);}

@media (max-width:1024px){
  .sr_main .map2_body{grid-template-columns:minmax(0,1fr);}
  .sr_main .map2_map{min-height:380px;}
}
@media (max-width:720px){
  .sr_main .map2_tabs{justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; scrollbar-width:none;}
  .sr_main .map2_tabs::-webkit-scrollbar{display:none;}
  .sr_main .map2_tabs li{flex:none;}
  .sr_main .map2_tabs button{height:36px; padding:0 14px; font-size:14px;}
  .sr_main .map2_body{margin-top:16px;}
  .sr_main .map2_map{min-height:280px; border-radius:12px;}
  .sr_main .map2_info{padding:22px 18px;}
  .sr_main .map2_info h3{font-size:20px;}
  .sr_main .map2_info dl{grid-template-columns:66px minmax(0,1fr);}
  /*sr_main .map2_way .map_way_content{padding:20px 18px; font-size:15px;}*/
  
   #map_way .map_way_content{--way-icon:32px; padding:22px 18px; font-size:15px;}
  #map_way .map_way_content .map2_way_h{gap:12px; font-size:17px !important;}
  #map_way .map_way_content .map2_way_h i{font-size:14px !important;}
  #map_way .map_way_content p:not(.map2_way_h){padding-left:calc(var(--way-icon) + 12px);}
  
}

/* ── 3) 보유장비 목록·상세 (.sr_loc_equip 안에서만) ──────────────── */
/* 상담 문의 배너 
.sr_loc_equip .btn_counsel{margin-bottom:28px; border-radius:14px; overflow:hidden; background:linear-gradient(110deg,var(--mr-blue-d) 0%,var(--mr-blue) 60%,#2a6fc4 100%); box-shadow:0 8px 20px rgba(11,78,162,.18);}
.sr_loc_equip .btn_counsel > a{display:flex; align-items:center; gap:24px; padding:10px 32px; color:#fff; transition:background .2s;}
.sr_loc_equip .btn_counsel > a:hover{background:rgba(255,255,255,.06);}
.sr_loc_equip .btn_counsel > a > h2{flex:none; margin:0; padding:14px 0; font-family:inherit; font-size:26px; font-weight:700; letter-spacing:-.5px;}
.sr_loc_equip .btn_counsel > a > span{flex:none;}
.sr_loc_equip .btn_counsel > a > span img{height:70px; width:auto; display:block;}
.sr_loc_equip .btn_counsel > a > p{flex:1; margin:0; font-size:16px; line-height:1.6;}
.sr_loc_equip .btn_counsel > a > p > small{font-size:13px; color:rgba(255,255,255,.75);}
.sr_loc_equip .btn_counsel > a > i{flex:none; width:56px; height:56px; line-height:56px; margin:0; border-radius:50%; background:#fff; color:var(--mr-blue); font-size:16px; font-weight:800;}*/

#sub_wrap > .btn_counsel{  position:relative;  margin-bottom:28px;  border:1px solid #d6e6f8;  border-radius:16px;  background:#f0f7ff;  box-shadow:none;  overflow:hidden;}
/* 오른쪽 둥근 장식 2개 */
#sub_wrap > .btn_counsel::before{  content:"";  position:absolute;  top:-130px;  right:-60px;  width:280px;  height:280px;  border-radius:50%;  background:rgba(0, 83, 159, .06);  pointer-events:none;}
#sub_wrap > .btn_counsel::after{  content:"";  position:absolute;  right:80px;  bottom:-150px;  width:240px;  height:240px;  border-radius:50%;  background:rgba(0, 83, 159, .04);  pointer-events:none;}
#sub_wrap > .btn_counsel > a{  position:relative;  z-index:1;  display:flex;  flex-wrap:wrap;  align-content:center;  align-items:center;  row-gap:8px;  min-height:124px;  padding:26px 400px 26px 42px;  color:#1c2733;  transition:background-color .25s;}
#sub_wrap > .btn_counsel > a:hover{background:rgba(0, 83, 159, .04);}
#sub_wrap > .btn_counsel > a:focus-visible{outline:2px solid #00539f; outline-offset:-4px;}

/* 제목 · 안내 : 왼쪽에 두 줄 */
#sub_wrap > .btn_counsel > a > h2{  order:1;  flex:0 0 100%;  margin:0;  padding:0;  color:#1c2733;  font-family:var(--mr-font-pl);  font-size:26px;  font-weight:700;  letter-spacing:-.5px;  text-align:left;}
#sub_wrap > .btn_counsel > a > p{  order:2;  flex:0 0 100%;  margin:0;  padding:0;  color:#4a5563;  font-size:16px;  font-weight:600;  line-height:1.6;  text-align:left;}
#sub_wrap > .btn_counsel > a > p > small{color:#5c6673; font-size:14px; font-weight:400;}

/* 일러스트 : 오른쪽 아래 끝에 서 있게 */
#sub_wrap > .btn_counsel > a > span{position:absolute; right:200px; bottom:0;}
#sub_wrap > .btn_counsel > a > span img{display:block; width:auto; height:76px;}

/* GO 알약 : 오른쪽 가운데 */
#sub_wrap > .btn_counsel > a > i{  position:absolute;  top:50%;  right:40px;  display:flex;  align-items:center;  gap:8px;  width:auto;  height:48px;  margin:-24px 0 0;  padding:0 20px 0 24px;  border-radius:24px;  background:#00539f;  color:#fff;  font-size:15px;
  font-style:normal;  font-weight:800;  line-height:1;  animation:none;  transition:background-color .25s;}
#sub_wrap > .btn_counsel > a > i::after{  content:"";  width:16px;  height:16px;  transition:transform .25s;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;}
#sub_wrap > .btn_counsel > a:hover > i{background:#003e78;}
/*#sub_wrap > .btn_counsel > a:hover > i::after{transform:translateX(3px);}*/

/* 장비이용(상담)문의 — GO 화살표 옆으로 왔다 갔다 */
@keyframes counselGoArrow{
  0%, 100%{transform:translateX(0);}
  50%{transform:translateX(6px);}
}
@media (prefers-reduced-motion:no-preference){
  #sub_wrap > .btn_counsel > a > i::after{animation:counselGoArrow 1s ease-in-out infinite;}
}

@media (max-width:1024px){
  #sub_wrap > .btn_counsel > a{padding-right:190px;}
}

/* ================= 모바일 : 제목 · 안내 · GO 를 세로로 ================= */
@media (max-width:720px){
  #sub_wrap > .btn_counsel::after{right:-80px;}
  #sub_wrap > .btn_counsel > a{min-height:0; padding:22px 20px;}
  #sub_wrap > .btn_counsel > a > h2{font-size:20px;}
  #sub_wrap > .btn_counsel > a > p{font-size:14px;}
  #sub_wrap > .btn_counsel > a > p > small{font-size:13px;}
  #sub_wrap > .btn_counsel > a > i{order:3; position:static; height:42px; margin:8px 0 0; padding:0 18px 0 20px; font-size:14px;}
}



/* 검색 영역 */
.sr_loc_equip .sch_wrap{margin:0 0 24px; padding:18px 20px; background:var(--mr-sky); border:0; border-radius:12px;}
.sr_loc_equip .sch_wrap > ul,.sr_loc_equip .sch_wrap > ul > li{display:block; width:auto;}
.sr_loc_equip .sch_wrap > ul > li.sch_img_box{display:none;}
.sr_loc_equip .sch_wrap .sch_category > ul{display:flex; flex-wrap:wrap; gap:8px; width:auto;}
.sr_loc_equip .sch_wrap .sch_category > ul + ul{margin-top:8px;}
.sr_loc_equip .sch_wrap .sch_category > ul > li,
.sr_loc_equip .sch_wrap .sch_category > ul.category_box > li{display:block; flex:1 1 180px; width:auto !important; padding:0; min-width:0;}
.sr_loc_equip .sch_wrap .sch_category > ul.category_box > li span{max-width:none !important;}
.sr_loc_equip .sch_wrap .form_box span{margin:0; border:1px solid #cfd8e3; border-radius:6px; background:#fff; overflow:hidden;}
.sr_loc_equip .sch_wrap .form_box select,.sr_loc_equip .sch_wrap .form_box input[type=text]{height:40px; padding-left:10px; font-size:14px;}
.sr_loc_equip .sch_wrap .sch_category > ul:last-child > li:first-child{flex:1 1 300px;}
.sr_loc_equip .sch_wrap .sch_category > ul > li.sc_btn_wrap_width{flex:0 0 auto;}
.sr_loc_equip .sch_wrap .sch_btn{display:flex; align-items:center; gap:10px;}
.sr_loc_equip .sch_wrap .sch_btn button{width:110px; height:42px; padding:0; border-radius:6px; background:var(--mr-blue); font-size:15px;}
.sr_loc_equip .sch_wrap .sch_btn button:hover{background:var(--mr-blue-d);}
.sr_loc_equip .sch_wrap .reset_btn > a{padding:0 4px; font-size:13px; color:var(--mr-sub); white-space:nowrap;}
.sr_loc_equip .sch_wrap .reset_btn > a:hover{color:var(--mr-blue);}
.sr_loc_equip .sch_wrap .sch_category > ul.category_box > li:has(.open_search_btn){flex:0 0 auto;}
.sr_loc_equip .sch_wrap .open_search_btn{display:inline-flex; align-items:center; gap:6px; height:42px; padding:0 14px; border:1px solid var(--mr-blue); border-radius:6px; background:#fff; color:var(--mr-blue) !important; font-size:13px; white-space:nowrap;} /* 기존 color:#fff !important 를 덮음 */
.sr_loc_equip .sch_wrap .open_search_btn:hover{background:var(--mr-blue); color:#fff !important;}

/* 결과 수·정렬 */
.sr_loc_equip .eq_list_title{display:flex; align-items:center; justify-content:space-between; margin:0 0 14px; padding:0; border:0;} /* 알림마당 목록 머리처럼 선 없이 (목록형은 바로 아래 굵은 선) */
.sr_loc_equip .eq_list_title > div.total_box{float:none; margin:0; font-size:15px; color:#555;}
.sr_loc_equip .eq_list_title > div.total_box b{color:var(--mr-blue); font-size:15px; font-weight:700;}
.sr_loc_equip .eq_list_title > div.sort_box{float:none;}
.sr_loc_equip .eq_list_title .sort_box ul{display:flex; align-items:center; gap:8px;}
/* 개수 선택(새 톤 선택 상자) + 보기 전환(사진형·목록형 아이콘 단추) — 알림마당 정렬 막대와 같은 크기 */
.sr_loc_equip .eq_list_title .sort_box ul > li > span{display:block; margin:0; border:0; background:none;}
.sr_loc_equip .eq_list_title .sort_box select{height:40px; padding:0 34px 0 12px; border:1px solid #d5dee8; border-radius:8px; font-size:14px;}
.sr_loc_equip .eq_list_title .sort_box .sr_sel_btn{height:40px; border:1px solid #d5dee8; border-radius:8px; font-size:14px;}
.sr_loc_equip .eq_list_title .sort_box .sr_sel_btn.is-open,.sr_loc_equip .eq_list_title .sort_box .sr_sel_btn:focus-visible{border-color:var(--mr-blue); box-shadow:0 0 0 3px rgba(0,83,159,.12);}
.sr_loc_equip .eq_list_title > div.sort_box > ul > li.sort_btn{display:flex; padding:3px; border:1px solid #d5dee8; border-radius:8px; background:#fff;}
.sr_loc_equip .eq_list_title > div.sort_box > ul > li.sort_btn > a{display:flex; align-items:center; justify-content:center; width:34px; height:32px; margin:0; padding:0; border:0; border-radius:6px; background:none; color:#8a96a3; font-size:16px; transition:background .15s,color .15s;}
.sr_loc_equip .eq_list_title > div.sort_box > ul > li.sort_btn > a:hover{color:var(--mr-blue);}
.sr_loc_equip .eq_list_title > div.sort_box > ul > li.sort_btn > a.on{background:var(--mr-blue); color:#fff;}

/* 사진 카드 목록 */
.sr_loc_equip .list_thum{padding:0; border:0;}
.sr_loc_equip .list_thum > ul{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px;}
.sr_loc_equip .list_thum > ul > li{display:flex; gap:18px; width:auto; margin:0; padding:16px; border:1px solid var(--mr-line); border-radius:12px; background:#fff; transition:box-shadow .2s,border-color .2s;}
.sr_loc_equip .list_thum > ul > li:hover{border-color:var(--mr-blue);; box-shadow:0 8px 20px rgba(20,60,120,.08); background: #f5f7fa}
.sr_loc_equip .list_thum > ul > li > div{float:none; width:auto;}
.sr_loc_equip .list_thum > ul > li > div.thum_img{flex:none; width:250px; margin:0; border:0; border-radius:8px;/* background:#f5f7fa;*/ height: 100%; display: flex; align-items: center;}
.sr_loc_equip .list_thum > ul > li > div.thum_img > a{width:180px; height:180px; line-height:180px;}
.sr_loc_equip .list_thum > ul > li > div.thum_img img{max-width:92%; max-height:92%; vertical-align:middle;}
.sr_loc_equip .list_thum > ul > li > div.thum_text{flex:1; min-width:0;}
.sr_loc_equip .list_thum .thum_text > h3{margin:0 0 8px; padding:2px 0 10px; border-bottom:1px solid #666; font-size:18px; font-weight:700; line-height:1.4; var(--mr-blue);}
.sr_loc_equip .list_thum .thum_text > h3 a{color:var(--mr-blue);}

.sr_loc_equip .list_thum .thum_text > dl > dt,
.sr_loc_equip .list_thum .thum_text > dl > dd{padding:4px 0; border:0; font-size:14px;}
.sr_loc_equip .list_thum .thum_text > dl > dt{width:70px; font-weight:600; text-align:left; color:#000;}   /* #888 대비 3.54:1 → #666 */
.sr_loc_equip .list_thum .thum_text > dl > dd{color:var(--mr-text); word-break:break-all;}
.sr_loc_equip .using_icon{top:8px; left:8px; padding:2px 10px; border-radius:12px; background:#fff1e6; color:#d9480f; font-size:12px; font-weight:600; line-height:20px;} /* 목록형 사용중 알약과 같은 색 */
.list_thum .thum_text > dl:last-child{border-bottom:none}



/* ================= PC : 3열 ================= */
#sub_wrap .list_thum > ul{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px;}
#sub_wrap .list_thum > ul > li{  position:relative;  display:flex;  flex-direction:column;  gap:0;  width:auto;  margin:0;  padding:0;  overflow:hidden;  border:1px solid #e4eaf1;  border-radius:16px;  background:#fff;  transition:transform .25s, box-shadow .25s;}
#sub_wrap .list_thum > ul > li:hover{border-color:#e4eaf1; background:#fff; box-shadow:0 14px 30px rgba(0, 53, 110, .12);}
#sub_wrap .list_thum > ul > li:has(h3 a:focus-visible){outline:3px solid #00539f; outline-offset:2px;}

/* 사진 : 흰 바탕, 선 없음 */
#sub_wrap .list_thum > ul > li > div.thum_img{display:block; flex:none; width:auto; height:auto; margin:0; border:0; border-radius:0; background:#fff;}
#sub_wrap .list_thum > ul > li > div.thum_img > a{display:flex; align-items:center; justify-content:center; width:100%; height:210px; line-height:normal; padding: 20px 0;}
#sub_wrap .list_thum > ul > li > div.thum_img img{max-width:86%; max-height:86%; object-fit:contain;}

/* 글 */
#sub_wrap .list_thum > ul > li > div.thum_text{display:flex; flex-direction:column; flex:1 1 auto; width:auto; min-width:0; padding:18px 20px 20px;}
#sub_wrap .list_thum .thum_text > h3{margin:0 0 14px; padding:0; border:0; font-size:18px; font-weight:700; line-height:1.4;}
#sub_wrap .list_thum .thum_text > h3 a{color:#1c2733;}
#sub_wrap .list_thum > ul > li:hover .thum_text > h3 a{color:#00539f;}
/* 제목 링크를 카드 전체로 */
#sub_wrap .list_thum .thum_text > h3 a::after{content:""; position:absolute; inset:0; z-index:1;}
#sub_wrap .list_thum .thum_text > h3 a:focus-visible{outline:none;}

/* 활용용도 → 제목 위 태그 (항목명은 화면에서만 숨김, 화면 낭독기는 읽음) */
#sub_wrap .list_thum .thum_text > dl:nth-of-type(4){order:-1; display:block; align-self:flex-start; width:auto; margin:0 0 8px; padding:0; border:0; background:none;}
#sub_wrap .list_thum .thum_text > dl:nth-of-type(4) > dt{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;}
#sub_wrap .list_thum .thum_text > dl:nth-of-type(4) > dd{display:inline-block; padding:3px 10px; border-radius:999px; background:#e8f1fc; color:#00539f; font-size:12px; font-weight:700; line-height:1.5;}

/* 나머지 정보 : 회색 판 (카드 아래에 붙임) */
#sub_wrap .list_thum .thum_text > dl{display:flex; gap:10px; width:auto; margin:0; padding:12px 15px; border:0; background:#f5f7fa; border-bottom: 1px dashed #ddd;}
#sub_wrap .list_thum .thum_text > dl:last-child{border-bottom:none}
#sub_wrap .list_thum .thum_text > dl:nth-of-type(1){margin-top:auto; padding-top:12px; border-radius:10px 10px 0 0;}
#sub_wrap .list_thum .thum_text > dl:last-child{padding-bottom:12px; border-radius:0 0 10px 10px;}
#sub_wrap .list_thum .thum_text > dl > dt{display:block; flex:0 0 56px; width:auto; padding:0; border:0; color:#000; font-size:13px; font-weight:600; text-align:left;}
#sub_wrap .list_thum .thum_text > dl > dd{display:block; flex:1 1 0; min-width:0; padding:0; border:0; color:#555; font-size:14px; word-break:keep-all; overflow-wrap:anywhere;}
/* 장비위치 앞 지도 아이콘 */
#sub_wrap .list_thum .thum_text > dl:last-child > dd::before{  display:none !important;  
content:"";  display:inline-block;  width:10px;  height:13px;  margin-right:6px;  vertical-align:-1px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 13'%3E%3Cpath d='M5 0a5 5 0 0 0-5 5c0 3.75 5 8 5 8s5-4.25 5-8a5 5 0 0 0-5-5zm0 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4z' fill='%2300539f'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 마우스를 올리면 카드가 살짝 떠오름 (움직임 줄이기 설정이면 끔) */
@media (prefers-reduced-motion:no-preference){
  #sub_wrap .list_thum > ul > li:hover{transform:translateY(-4px); border-color:var(--mr-blue);}
}


/* 목록형 보기: 알림마당 줄 목록(.sr_blist)에 날짜 상자 대신 작은 사진 + 설명 한 줄 */
.sr_main .sr_eq_list .sr_eq_thumb{flex:none; display:flex; align-items:center; justify-content:center; width:88px; height:88px; border:1px solid #e6ecf2; border-radius:10px; background:#f5f7fa; overflow:hidden; color:#b7c3d1; font-size:28px;}
.sr_main .sr_eq_list .sr_eq_thumb img{max-width:92%; max-height:92%; object-fit:contain;}
.sr_main .sr_eq_list .sr_bl_title{margin-top:6px;}
.sr_main .sr_eq_list .sr_bl_tags + .sr_bl_title{margin-top:8px;}
.sr_main .sr_eq_list .sr_bl_tags em.sr_eq_using{background:#fff1e6; color:#d9480f; font-weight:600;}
.sr_main .sr_eq_list .sr_bl_meta i{margin-right:2px;}
.sr_main .sr_eq_list .sr_eq_desc{display:block; margin-top:6px; font-size:14px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 상세: 제목·이전 버튼 */
.sr_loc_equip .eq_view_wrap{margin-top:0;}
/*.sr_loc_equip .eq_view_wrap > div.eq_view_title{display:flex; align-items:center; gap:12px; padding:0 0 16px; border-bottom:2px solid var(--mr-text);}*/
   .sr_loc_equip .eq_view_wrap > div.eq_view_title{ display: flex;    flex-wrap: wrap;    gap: 16px;    padding: 40px 20px 20px;    border-bottom: 2px solid var(--mr-text);    border-top: 2px solid var(--mr-text);   
   background: #f5f7fa;    color: var(--mr-text);    font-weight: 600;    text-align: center; flex-wrap: wrap;}
	.sr_loc_equip .eq_view_wrap > div.eq_view_title > h2{order:1; /*flex:1;*/ margin:0; text-align:center; font-size:26px; font-weight:800; letter-spacing:-.5px;     width: 100%;}
.sr_loc_equip .eq_view_wrap > div.eq_view_title > a{order:2; float:none; margin:0; padding:8px 16px; border-radius:6px; font-size:13px;}
.sr_loc_equip .eq_view_wrap > div.eq_view_title > a.prev_btn{border:1px solid #cfd8e3; background:#fff; color:var(--mr-sub); margin-left:auto;}
.sr_loc_equip .eq_view_wrap > div.eq_view_title > a.prev_btn:hover{border-color:var(--mr-blue); color:var(--mr-blue);}


/* 상세: 정보 표 (장비명·모델명… / 장비설명·규격·활용용도) */
.sr_loc_equip .view_text_box,.sr_loc_equip .table_box{border:0; font-size:14px;}
.sr_loc_equip .table_box{margin-top:32px; border-top:2px solid var(--mr-text);}
.sr_loc_equip .view_text_box > dl > dt,.sr_loc_equip .view_text_box > dl > dd,
.sr_loc_equip .table_box > dl > dt,.sr_loc_equip .table_box > dl > dd{padding:13px 14px; border-left:0; border-bottom:1px solid var(--mr-line); vertical-align:middle;}
.sr_loc_equip .view_text_box > dl > dt,.sr_loc_equip .table_box > dl > dt{background:#f5f7fa; color:var(--mr-text); font-weight:600;}
.sr_loc_equip .table_box > dl > dt{width:130px;}
.sr_loc_equip .view_text_box > dl > dd,.sr_loc_equip .table_box > dl > dd{color:#444; line-height:1.7;}
.sr_loc_equip .view_text_box a{color:var(--mr-blue);}
.sr_loc_equip .icon_place01{padding:3px 10px; border-radius:12px; background:var(--mr-sky); color:var(--mr-blue); font-size:12px; font-weight:600;}


#sub_wrap .view_text_box > dl{table-layout:fixed;}
#sub_wrap .view_text_box > dl > dt,
#sub_wrap .view_text_box > dl > dd{line-height:3; vertical-align:middle;}


/* 상세: 사진 */
.sr_loc_equip .view_thum_box{display:flex; align-items:flex-start; justify-content:center; gap:20px; margin-top:28px;}
.sr_loc_equip .view_thum_box > div{display:block;}
.sr_loc_equip .view_thum_box > div.thum_small{flex:0 0 200px; width:auto;}
.sr_loc_equip .view_thum_box > div.thum_small > ul{display:flex; flex-wrap:wrap; gap:10px; justify-content:center;}
.sr_loc_equip .view_thum_box > div.thum_small > ul > li{margin:0; padding:4px; border:2px solid var(--mr-line); border-radius:8px; background:#fff;}
.sr_loc_equip .view_thum_box > div.thum_small > ul > li:hover,
.sr_loc_equip .view_thum_box > div.thum_small > ul > li.on{border-color:var(--mr-blue);}
.sr_loc_equip .view_thum_box > div.thum_big{flex:1 1 auto; max-width:660px; width:auto; border:1px solid var(--mr-line); border-radius:12px; background:#fafbfd;}
.sr_loc_equip .view_thum_box > div.thum_big > ol > li > a{font-size:28px; color:#b4c0cf;}
.sr_loc_equip .view_thum_box > div.thum_big > ol > li > a:hover{color:var(--mr-blue);}
.sr_loc_equip #file_desc{color:var(--mr-sub);}

#sub_wrap .view_thum_box{flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:10px;}
#sub_wrap .view_thum_box > div.thum_big{order:-1;}

/* 큰 사진 다음에서 줄 바꿈 */
#sub_wrap .view_thum_box::after{content:""; order:0; flex:0 0 100%; height:0;}
#sub_wrap .view_thum_box > div.thum_small{order:1; flex:0 0 auto; width:auto; max-width:100%;}
#sub_wrap .view_thum_box > div.thum_small > ul{flex-wrap:wrap; justify-content:center; margin:0;}
#sub_wrap .view_thum_box > div.thum_small > ul > li{flex-shrink:0;}

/* 상세: 상담신청 버튼 */
.sr_loc_equip .btn_eq_write{margin-top:32px; text-align:center;}
.sr_loc_equip .btn_eq_write button{padding:14px 40px; border:0; border-radius:8px; background:var(--mr-blue); color:#fff; font-size:16px; font-weight:700; box-shadow:0 6px 14px rgba(11,78,162,.2);}
.sr_loc_equip .btn_eq_write button:hover{background:var(--mr-blue-d);}

/* 상세: 장비 이용 시간 선택 (상담신청 버튼으로 펼침) — #schedule 은 jQuery slideToggle 이 display 를 바꾸므로 display 는 건드리지 않고 칸은 float 로 */
.sr_loc_equip #schedule{margin:32px 0 0; padding:24px; border:0; border-radius:14px; background:#f5f7fa; overflow:visible;}
.sr_loc_equip #schedule::after{content:""; display:block; clear:both;}
.sr_loc_equip #schedule > h3{margin:0; padding:0 0 14px; border-bottom:2px solid var(--mr-text); color:var(--mr-text); font-size:20px; font-weight:700;}
.sr_loc_equip #schedule > div{box-sizing:border-box; float:left; height:auto; min-height:450px; margin:20px 20px 0 0; padding:20px; border:1px solid var(--mr-line); border-radius:12px; background:#fff; overflow:visible;}
.sr_loc_equip #schedule > div.schedule_box01{width:calc((100% - 40px) * .44);}
.sr_loc_equip #schedule > div.schedule_box02{width:calc((100% - 40px) * .30);}
.sr_loc_equip #schedule > div.schedule_box03{width:calc((100% - 40px) * .26); margin-right:0;}
.sr_loc_equip #schedule > div > h4{margin:0 0 16px; padding:0 0 12px; border-bottom:1px solid var(--mr-line); color:var(--mr-blue); font-size:16px; font-weight:700;}
.sr_loc_equip #schedule a:focus-visible{outline:2px solid var(--mr-blue); outline-offset:2px;}

/* 01 날짜 : 머리(이전·연월·다음 / 예약있음) */
.sr_loc_equip #schedule .schedule_box01 > .day_wrap{padding:0; overflow:visible;}
.sr_loc_equip #schedule .day_box .schedule_head{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; margin:0 0 12px; overflow:visible;}
.sr_loc_equip #schedule .day_box .schedule_head > div{grid-column:2;}
.sr_loc_equip #schedule .day_box .schedule_head > div > ul{display:flex; align-items:center; gap:10px;}
.sr_loc_equip #schedule .day_box .schedule_head > div > ul > li{margin:0;}
.sr_loc_equip #schedule .day_box .schedule_head > div > ul > li.sc_date{padding:0 4px; color:var(--mr-text); font-size:20px; font-weight:800; letter-spacing:0;}
.sr_loc_equip #schedule .day_box .schedule_head > div > ul > li > a{display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid #cfd8e3; border-radius:50%; background:#fff; color:var(--mr-sub); font-size:12px;}
.sr_loc_equip #schedule .day_box .schedule_head > div > ul > li > a:hover{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff;}
.sr_loc_equip #schedule .day_box .schedule_head > div > ul > li > a > img{display:none;}
.sr_loc_equip #schedule .day_box .schedule_head > div > ul > li:first-child > a::before{font-family:FontAwesome; content:"\f053"; content:"\f053" / "이전 달";}
.sr_loc_equip #schedule .day_box .schedule_head > div > ul > li:last-child > a::before{font-family:FontAwesome; content:"\f054"; content:"\f054" / "다음 달";}
.sr_loc_equip #schedule .day_box .schedule_head > div.sc_point{grid-column:3; justify-self:end; position:static;}
.sr_loc_equip #schedule .day_box .schedule_head > div.sc_point li{color:var(--mr-sub); font-size:13px;}
.sr_loc_equip #schedule .day_box .schedule_head > div.sc_point li i{width:8px; height:8px; margin-right:5px;}

/* 01 날짜 : 달력 */
.sr_loc_equip #schedule .day_box .schedule_body{display:grid; border-top:1px solid #d5dce5; border-left:1px solid #d5dce5; background:none;}
.sr_loc_equip #schedule .day_box .schedule_body > dl{display:grid; grid-template-columns:repeat(7,minmax(0,1fr));}
.sr_loc_equip #schedule .day_box .schedule_body > dl > dt,
.sr_loc_equip #schedule .day_box .schedule_body > dl > dd{position:relative; display:block; width:auto; padding:0; border:0; border-right:1px solid #d5dce5; border-bottom:1px solid #d5dce5; background:none;}
.sr_loc_equip #schedule .day_box .schedule_body > dl > dt{padding:8px 0; background:#f5f7fa; color:var(--mr-sub); font-size:13px; font-weight:600;}
.sr_loc_equip #schedule .day_box .schedule_body > dl > dt:first-child{color:#c62828;}
.sr_loc_equip #schedule .day_box .schedule_body > dl > dt:last-child{color:var(--mr-blue);}
.sr_loc_equip #schedule .day_box .schedule_body > dl > dd > a{display:flex; align-items:center; justify-content:center; height:44px; color:var(--mr-text); font-size:14px; font-weight:600;}
.sr_loc_equip #schedule .day_box .schedule_body > dl > dd:first-child > a{color:#c62828;}
.sr_loc_equip #schedule .day_box .schedule_body > dl > dd:last-child > a{color:var(--mr-blue);}
.sr_loc_equip #schedule .day_box .schedule_body > dl > dd > a:hover{background:var(--mr-sky); box-shadow:inset 0 0 0 1px var(--mr-blue);}
.sr_loc_equip #schedule .day_box .schedule_body > dl > dd.off_day > a{color:#b9c1cb; font-weight:400;}
.sr_loc_equip #schedule .day_box .schedule_body > dl > dd.reservation > span{position:absolute; top:5px; right:6px; display:block; width:6px; height:6px; border-radius:50%; background:#ec721b; font-size:0;}
/* 시작일~종료일 : 스크립트가 칸에 넣는 파란 바탕(#33b3eb) 대신 사이트 파랑 */
.sr_loc_equip #schedule .day_box .schedule_body > dl > dd[style*="background"]{background:none !important;}
.sr_loc_equip #schedule .day_box .schedule_body > dl > dd[style*="background"] > a{background:var(--mr-blue); color:#fff;}

/* 02 시간 : 버튼 칸, 누르거나(초점) 올리면 시작일·종료일 지정 */
.sr_loc_equip #schedule .day_time{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px;}
.sr_loc_equip #schedule .day_time:not(:has(*))::before{content:"달력에서 날짜를 선택하세요."; grid-column:1 / -1; padding:60px 10px; color:var(--mr-sub); font-size:14px; text-align:center;}
.sr_loc_equip #schedule .day_time > .day_time_head{grid-column:1 / -1; margin:0 0 4px;}
.sr_loc_equip #schedule .day_time > .day_time_head h2{margin:0; color:var(--mr-text); font-size:16px; font-weight:700; text-align:center;}
.sr_loc_equip #schedule .day_time_body > ul > li{position:relative;}
.sr_loc_equip #schedule .day_time_body > ul > li > a{display:block; padding:8px 2px; border:1px solid #cfd8e3; border-radius:8px; background:#fff; color:var(--mr-text); font-size:14px; text-align:center;}
.sr_loc_equip #schedule .day_time_body > ul > li > a:hover,
.sr_loc_equip #schedule .day_time_body > ul > li:focus-within > a{border-color:var(--mr-blue); background:var(--mr-sky); color:var(--mr-blue);}
.sr_loc_equip #schedule .day_time_body > ul > li.off > a{border-color:#eef0f3; background:#f1f3f5; color:#9aa3ad; text-decoration:line-through;}
.sr_loc_equip #schedule .day_time_body.use_time > ul > li > a{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff;}
.sr_loc_equip #schedule .day_time_body > ul > li:focus-within > div.res_time{display:block;}
.sr_loc_equip #schedule .day_time_body > ul > li > div.res_time{top:100%; left:50%; width:max-content; min-width:100%; padding-top:4px; border:0; background:none; transform:translateX(-50%); z-index:30;}
.sr_loc_equip #schedule .day_time_body > ul > li > div.res_time > ul{overflow:hidden; border:1px solid #cfd8e3; border-radius:8px; background:#fff; box-shadow:0 8px 18px rgba(20,40,80,.14);}
.sr_loc_equip #schedule .day_time_body > ul > li > div.res_time > ul > li > a{padding:9px 14px; border:0; border-bottom:1px solid var(--mr-line); color:var(--mr-text); font-size:13px; white-space:nowrap;}
.sr_loc_equip #schedule .day_time_body > ul > li > div.res_time > ul > li:last-child > a{border-bottom:0;}
.sr_loc_equip #schedule .day_time_body > ul > li > div.res_time > ul > li > a:hover{background:var(--mr-sky); color:var(--mr-blue);}
.sr_loc_equip #schedule .day_time_body > ul > li.off > div.res_time > ul > li > a{color:var(--mr-sub); cursor:default;}

/* 03 선택 확인 */
.sr_loc_equip #schedule .selected_time{margin:0;}
.sr_loc_equip #schedule .selected_time > h2{margin:0 0 14px; padding:14px 12px; border-radius:8px; background:var(--mr-sky); color:var(--mr-blue); font-size:16px; font-weight:700; line-height:1.5; text-align:center; word-break:keep-all;}
.sr_loc_equip #schedule .selected_time > dl{display:flex; align-items:center; gap:8px; margin:0 0 8px; padding:12px 14px; border:1px solid var(--mr-line); border-radius:8px;}
.sr_loc_equip #schedule .selected_time > dl > dt{flex:none; color:var(--mr-text); font-size:14px; font-weight:700;}
.sr_loc_equip #schedule .selected_time > dl > dd{flex:1; min-width:0; color:#444; font-size:14px;}
.sr_loc_equip #schedule .st_time_btn{margin-top:16px;}
.sr_loc_equip #schedule .st_time_btn button{display:block; width:100%; margin:0; padding:14px; border-radius:8px; background:#c84444; font-size:16px; font-weight:700;}
.sr_loc_equip #schedule .st_time_btn button:hover{background:#a83636;}


@media (max-width:1024px){

  #sub_wrap .view_text_box > dl{display:grid; grid-template-columns:150px minmax(0, 1fr);}
  #sub_wrap .view_text_box > dl > dt,
  #sub_wrap .view_text_box > dl > dd{display:block; width:auto; height:auto; overflow:visible;}
  
  
  .sr_loc_equip .list_thum > ul{grid-template-columns:minmax(0,1fr);}
  .sr_loc_equip .btn_counsel > a > span{display:none;}
  .sr_loc_equip .view_thum_box{flex-wrap:wrap;}
  .sr_loc_equip .view_thum_box > div.thum_big{order:-1; flex-basis:100%; max-width:none;}
  .sr_loc_equip .view_thum_box > div.thum_small{flex-basis:auto; max-width:100%;}
  .sr_loc_equip .view_thum_box > div.thum_small > ul{margin:0; justify-content:flex-start;}
  .sr_loc_equip .view_thum_box > div.thum_small > ul > li{margin:0;}
  
   #sub_wrap .list_thum > ul{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px;}
     /* 장비 이용 시간 선택 : 날짜 + 시간 두 칸, 선택 확인은 아래 한 줄 */
  .sr_loc_equip #schedule > div.schedule_box01{width:calc((100% - 20px) * .58);}
  .sr_loc_equip #schedule > div.schedule_box02{width:calc((100% - 20px) * .42); margin-right:0;}
  .sr_loc_equip #schedule > div.schedule_box03{float:none; clear:both; width:auto; min-height:0;}
  .sr_loc_equip #schedule .selected_time{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
  .sr_loc_equip #schedule .selected_time > h2,
  .sr_loc_equip #schedule .st_time_btn{grid-column:1 / -1;}
  .sr_loc_equip #schedule .selected_time > h2{margin:0 0 6px;}
  .sr_loc_equip #schedule .selected_time > dl{margin:0;}
  .sr_loc_equip #schedule .st_time_btn{margin-top:8px;}
  .sr_loc_equip #schedule .st_time_btn button{max-width:320px; margin:0 auto;}
}


@media (max-width:720px){
	.sr_loc_equip .eq_list_title{flex-wrap: wrap;gap:15px;}
	.sr_loc_equip .eq_list_title > div.total_box{width:100%}
	#sub_wrap .eq_list_title > div.sort_box{margin-left:auto;}
  #sub_wrap .view_text_box > dl{grid-template-columns:96px minmax(0, 1fr);}
  #sub_wrap .view_text_box > dl > dt,
  #sub_wrap .view_text_box > dl > dd{padding:10px 12px; line-height:2; }

  
  
  .sr_loc_equip .btn_counsel > a{flex-wrap:wrap; gap:6px 14px; padding:16px 18px;}
  .sr_loc_equip .btn_counsel > a > h2{padding:0; font-size:20px;}
  .sr_loc_equip .btn_counsel > a > p{flex-basis:100%; order:3; font-size:13px; text-align:left;}
  .sr_loc_equip .btn_counsel > a > i{width:40px; height:40px; line-height:40px; margin-left:auto; font-size:13px;}
  .sr_loc_equip .sch_wrap{padding:12px;}
  .sr_loc_equip .sch_wrap .sch_category > ul.category_box > li{flex-basis:calc(50% - 4px);}
  .sr_loc_equip .eq_list_title .sort_btn{display:none;}
  .sr_main .sr_eq_list .sr_eq_thumb{width:64px; height:64px; font-size:22px;}
  .sr_main .sr_eq_list .sr_eq_desc{display:none;}
  .sr_loc_equip .list_thum > ul > li{flex-direction:column;}
  .sr_loc_equip .list_thum > ul > li > div.thum_img,
  .sr_loc_equip .list_thum > ul > li > div.thum_img > a{width:100%;}
  .sr_loc_equip .view_text_box > dl{display:grid; grid-template-columns:90px minmax(0,1fr);}
  .sr_loc_equip .view_text_box > dl > dt,.sr_loc_equip .view_text_box > dl > dd{display:block; width:auto; padding:10px 12px;}
  /*.sr_loc_equip .table_box > dl > dt{width:84px;}
  .sr_loc_equip .eq_view_wrap > div.eq_view_title > h2{font-size:20px;}*/
  
  #sub_wrap .table_box > dl{display:block;}
  #sub_wrap .table_box > dl > dt,
  #sub_wrap .table_box > dl > dd{display:block; width:auto; height:auto; overflow:visible;}
  #sub_wrap .table_box > dl > dt{padding:12px 15px; border-bottom:0; text-align:left;}
  #sub_wrap .table_box > dl > dd{padding:12px 15px;}

  /* 장비 보기 사진 : 작은 사진 두 묶음을 하나로 이어 한 줄에 3칸씩, 나머지는 아래로 (칸 크기는 --thumb 하나로 조절) */
  #sub_wrap div.view_thum_box{--thumb:64px; display:grid; grid-template-columns:1fr repeat(3, minmax(0, var(--thumb))) 1fr; column-gap:8px; row-gap:0;}
  #sub_wrap div.view_thum_box > div.thum_big{grid-column:1 / -1; grid-row:1; margin-bottom:10px;}
  #sub_wrap div.view_thum_box > div.thum_small,
  #sub_wrap div.view_thum_box > div.thum_small > ul{display:contents;}
  /* 양쪽 여백 칸을 막아 작은 사진이 가운데 3칸에만 차례로 들어가게 */
  #sub_wrap div.view_thum_box::before,
  #sub_wrap div.view_thum_box::after{content:""; grid-row:2 / span 30; height:0;}
  #sub_wrap div.view_thum_box::before{grid-column:1;}
  #sub_wrap div.view_thum_box::after{grid-column:5;}
  #sub_wrap div.view_thum_box > div.thum_small > ul > li{box-sizing:border-box; width:auto; height:var(--thumb); margin:0 0 8px; padding:3px; line-height:0;}
  #sub_wrap div.view_thum_box > div.thum_small > ul > li > a{display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
  #sub_wrap div.view_thum_box > div.thum_small > ul > li > a img{width:auto; height:auto; max-width:100%; max-height:100%;}
  
   #sub_wrap .list_thum > ul{grid-template-columns:minmax(0, 1fr); gap:16px;}
  #sub_wrap .list_thum > ul > li > div.thum_img > a{height:200px;}
  #sub_wrap .list_thum > ul > li > div.thum_text{padding:16px 16px 18px;}
  #sub_wrap .list_thum .thum_text > h3{font-size:17px;}
    /* 장비 이용 시간 선택 : 세 칸 모두 한 줄씩 */
  .sr_loc_equip #schedule{padding:16px;}
  .sr_loc_equip #schedule > h3{font-size:18px;}
  .sr_loc_equip #schedule > div,
  .sr_loc_equip #schedule > div.schedule_box01,
  .sr_loc_equip #schedule > div.schedule_box02{float:none; width:auto; min-height:0; margin:16px 0 0; padding:16px;}
  .sr_loc_equip #schedule .day_box .schedule_head{display:flex; flex-wrap:wrap; gap:6px 10px;}
  .sr_loc_equip #schedule .day_box .schedule_head > div.sc_point{margin-left:auto;} 
  .sr_loc_equip #schedule .day_box .schedule_body > dl > dd > a{height:38px;}
  .sr_loc_equip #schedule .day_time{grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px;}
  .sr_loc_equip #schedule .day_time:not(:has(*))::before{padding:24px 10px;}
  .sr_loc_equip #schedule .selected_time{grid-template-columns:minmax(0,1fr);}
  
}

/* ── 4) 알림마당 > 주요일정 (page/etc/schedule.php) ─────────────────── */
.sr_cal_wrap{font-size:14px; color:var(--mr-text);}
.sr_cal_filter{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:22px; padding:14px 16px; background:var(--mr-sky); border-radius:12px;}
.sr_cal_chk{display:inline-flex; align-items:center; gap:6px; margin:0; padding:6px 12px; border:1px solid #cfd8e3; border-radius:18px; background:#fff; font-size:13px; font-weight:400; cursor:pointer; white-space:nowrap;}
.sr_cal_chk input{margin:0; accent-color:var(--mr-blue);}
.sr_cal_chk:has(input:checked){border-color:var(--mr-blue); color:var(--mr-blue);}
.sr_cal_chk_all{font-weight:700;}

.sr_cal_head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;}
.sr_cal_nav{display:flex; align-items:center; gap:14px;}
.sr_cal_nav strong{font-size:24px; font-weight:800; letter-spacing:-.5px;}
.sr_cal_nav a{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border:1px solid var(--mr-line); border-radius:50%; color:var(--mr-sub);}
.sr_cal_nav a:hover{border-color:var(--mr-blue); color:var(--mr-blue);}
.sr_cal_btn{display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 14px; border:1px solid var(--mr-blue);; border-radius:6px; color:#fff !important; font-size:13px; background:var(--mr-blue); font-weight: 600;}
.sr_cal_btn:hover{border-color:#a9c8ff; color:#a9c8ff}
.sr_cal_write{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff !important;}
.sr_cal_write:hover{background:var(--mr-blue-d);}
.sr_cal_legend{display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--mr-sub);}


#sub_wrap .sr_cal_head{display:grid; grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr); gap:12px;}
#sub_wrap .sr_cal_head > .sr_cal_btn{justify-self:start;}
#sub_wrap .sr_cal_head > .sr_cal_write{justify-self:end;}
#sub_wrap .sr_cal_head > .sr_cal_legend{flex-wrap:wrap; justify-content:flex-end; justify-self:end; text-align:right;}


.sr_cal{border-top:2px solid var(--mr-text); border-left:1px solid var(--mr-line);}
.sr_cal_dow{display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); background:#f5f7fa;}
.sr_cal_dow span{padding:10px 0; border-right:1px solid var(--mr-line); border-bottom:1px solid var(--mr-line); text-align:center; font-weight:600;}
.sr_cal .w0{color:#c62828;} .sr_cal .w6{color:var(--mr-blue);}
.sr_cal_week{display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); min-height:118px; row-gap:3px;}
.sr_cal_day{position:relative; grid-row:1 / -1; display:block; padding:6px 8px; border-right:1px solid var(--mr-line); border-bottom:1px solid var(--mr-line); background:#fff; color:var(--mr-text); transition:background .15s;}
.sr_cal_day:hover{background:#f7faff;}
.sr_cal_day.w0{color:#c62828;} .sr_cal_day.w6{color:var(--mr-blue);}
.sr_cal_off{background:#fafbfc;} .sr_cal_off .sr_cal_num{opacity:.4;}
.sr_cal_num{font-size:14px; font-weight:600;}
.sr_cal_today{background:#eef5fd;}
.sr_cal_today .sr_cal_num{display:inline-block; min-width:24px; height:24px; line-height:24px; border-radius:12px; background:var(--mr-blue); color:#fff; text-align:center;}
.sr_cal_day.on{box-shadow:inset 0 0 0 2px var(--mr-blue);}
.sr_cal_more{position:relative; z-index:2; grid-row:-2; justify-self:end; align-self:end; height:20px; margin:0 6px 4px 0; padding:0 8px; border:1px solid #cfdef2; border-radius:10px; background:#eef4fc; font-family:inherit; font-size:12px; font-weight:700; line-height:18px; color:var(--mr-blue); cursor:pointer;} /* 넘친 일정 +N 단추: 누르면 그날 일정 전체 (.cal_daypop, css/main_renewal.css) */
.sr_cal_more:hover,.sr_cal_more:focus-visible,.sr_cal_more.is-open{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff; outline:0;}
.sr_cal_bar{position:relative; z-index:1; display:block; margin:0 4px; padding:0 8px; height:24px; line-height:24px; border-radius:4px; background:#dbe8f7; color:#123a6b !important; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* 2026-09-28 메인 퍼블리싱 달력과 같은 모양: 기관별 색(--ev, inc/extend/schedule.lib.php schedule_org_color)의 옅은 바탕 + 앞에 색 점 */
.sr_cal_bar{padding-left:18px; background:color-mix(in srgb, var(--ev,#00539f) 13%, #fff); color:var(--ink,#1c2733) !important;}
.sr_cal_bar:before{content:""; position:absolute; left:7px; top:9px; width:6px; height:6px; border-radius:50%; background:var(--ev,#00539f);}
.sr_cal_bar.sr_cal_cont_l{padding-left:8px;}
.sr_cal_bar.sr_cal_cont_l:before{display:none;}
.sr_cal_bar:hover,.sr_cal_bar.sch_hl{background:var(--ev,#00539f); color:#fff !important;} /* sch_hl: 같은 일정의 다른 주 막대도 함께 강조 */
.sr_cal_bar:hover:before,.sr_cal_bar.sch_hl:before{background:#fff;}
.sr_cal_bar_notice{font-weight:700;}
.sr_cal_imp{display:inline-block; margin-right:4px; padding:0 5px; border-radius:8px; background:#fdecea; color:#b3261e; font-size:12px; font-weight:700; font-style:normal; line-height:16px; vertical-align:1px;}   /* 중요일정 (메인 주요일정 목록과 같은 표시) */
.sr_cal_orgdot{display:inline-block; flex:none; width:8px; height:8px; margin-right:5px; border-radius:50%; vertical-align:1px;}
.sr_cal_cont_l{margin-left:0; border-top-left-radius:0; border-bottom-left-radius:0;}
.sr_cal_cont_r{margin-right:0; border-top-right-radius:0; border-bottom-right-radius:0;}
.sr_cal_help{margin-top:10px; font-size:12px; color:var(--mr-sub);}

.sr_cal_list{margin-top:28px; border:1px solid var(--mr-line); border-radius:12px; overflow:hidden; scroll-margin-top:20px;}
.sr_cal_list_head{display:flex; align-items:center; justify-content:space-between; padding:14px 18px; background:var(--mr-blue); color:#fff;}
.sr_cal_list_head strong{font-size:16px;}
.sr_cal_list_head span{display:flex; gap:6px;}
.sr_cal_list_head a{display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,.15); color:#fff !important;}
.sr_cal_list_head a:hover{background:rgba(255,255,255,.3);}
.sr_cal_list ul{padding:6px 18px;}
.sr_cal_list li{display:flex; align-items:center; gap:10px; padding:12px 0; border-bottom:1px dashed var(--mr-line);}
.sr_cal_list li:last-child{border-bottom:0;}
.sr_cal_org{flex:none; min-width:130px; font-size:12px; color:var(--mr-sub);}
.sr_cal_gubun{flex:none; padding:1px 8px; border-radius:10px; background:var(--mr-sky); color:var(--mr-blue); font-size:12px;}
.sr_cal_title{flex:1; min-width:0; font-weight:600; color:var(--mr-text) !important;}
.sr_cal_title:hover{color:var(--mr-blue) !important;}
.sr_cal_list_notice .sr_cal_title:before{content:"중요"; margin-right:6px; padding:1px 6px; border-radius:8px; background:#fdecea; color:#b3261e; font-size:12px; font-weight:700;}
.sr_cal_period{flex:none; font-size:12px; color:var(--mr-sub);}
.sr_cal_hide{flex:none; width:30px; height:30px; border:1px solid var(--mr-line); border-radius:6px; background:#fff; color:var(--mr-sub); cursor:pointer;}
.sr_cal_hide:hover{border-color:#c62828; color:#c62828;}
.sr_cal_empty{justify-content:center; color:var(--mr-sub);}
.sr_cal_list_foot{margin:0; padding:0 18px 16px; text-align:right;}



/* ================= PC : 4칸 ================= */
#sub_wrap .sr_cal_filter{  display:grid;  grid-template-columns:repeat(4, minmax(0, 1fr));  gap:10px;  margin-bottom:45px;  padding:22px 24px 24px;  border:0;  border-radius:16px;  background:linear-gradient(135deg, #eaf3fd 0%, #f5f9fd 100%);}
#sub_wrap .sr_cal_filter > strong.sr_blind{  position:relative;  grid-column:1 / -2;  grid-row:1;  display:flex;  align-items:center;  gap:10px;  width:auto;  height:auto;  margin:0;  padding:0;  overflow:visible;  clip:auto;
  clip-path:none;  white-space:normal;  color:#1c2733;  font-size:17px;  font-weight:700;  line-height:1.4;}
#sub_wrap .sr_cal_filter > strong.sr_blind::before,
#sub_wrap .sr_cal_filter > .sr_cal_ftoggle::before{  content:"";  flex:none;  width:32px;  height:32px;  border-radius:50%;
  background:#00539f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 3h12l-4.6 5.4V13l-2.8-1.4V8.4z' fill='%23fff'/%3E%3C/svg%3E") center / 16px no-repeat;}
#sub_wrap .sr_cal_filter .sr_cal_chk{  position:relative;  display:flex;  align-items:center;  gap:8px;  box-sizing:border-box;  min-height:46px;  margin:0;  padding:10px 14px;  border:1px solid #d5e1ee;  border-radius:10px;
  background:rgba(255, 255, 255, .6);  color:#5c6673;  font-size:14px;  font-weight:400;  line-height:1.4;  white-space:normal;  word-break:keep-all;  overflow-wrap:anywhere;  cursor:pointer;  transition:background-color .2s, border-color .2s, color .2s, box-shadow .2s;}
#sub_wrap .sr_cal_filter .sr_cal_chk > input{position:absolute; inset:0; z-index:1; width:100%; height:100%; margin:0; opacity:0; cursor:pointer;}
#sub_wrap .sr_cal_filter .sr_cal_chk::before{content:""; flex:none; box-sizing:border-box; width:18px; height:18px; border:1.5px solid #b7c3d2; border-radius:50%; background:#fff center / 14px no-repeat;}
#sub_wrap .sr_cal_filter .sr_cal_orgdot{flex:none; width:8px; height:8px; margin:0;}
#sub_wrap .sr_cal_filter .sr_cal_chk:has(input:checked){border-color:#00539f; background:#fff; color:#1c2733; box-shadow:0 3px 10px rgba(0, 83, 159, .1);}
#sub_wrap .sr_cal_filter .sr_cal_chk:has(input:checked)::before{border-color:#00539f; background-color:#00539f; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3L12.5 5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
#sub_wrap .sr_cal_filter .sr_cal_chk:hover{border-color:#00539f; background:#fff;}
#sub_wrap .sr_cal_filter .sr_cal_chk:has(input:focus-visible){outline:2px solid #00539f; outline-offset:2px;}
#sub_wrap .sr_cal_filter .sr_cal_chk_all{grid-column:-2 / -1; grid-row:1; justify-self:end; align-self:center; min-height:38px; padding:7px 16px 7px 12px; border-color:#b7c3d2; border-radius:999px; background:#fff; font-weight:700;}
#sub_wrap .sr_cal_filter .sr_cal_chk_all:has(input:checked){border-color:#1c2733; background:#1c2733; color:#fff; box-shadow:none;}
#sub_wrap .sr_cal_filter .sr_cal_chk_all:has(input:checked)::before{border-color:#fff; background-color:#fff; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3L12.5 5' fill='none' stroke='%231c2733' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
#sub_wrap .sr_cal_filter > .sr_cal_ftoggle{display:none;}

@media (prefers-reduced-motion:reduce){
  #sub_wrap .sr_cal_filter .sr_cal_chk,
  #sub_wrap .sr_cal_filter .sr_cal_fstate::after{transition:none;}
}

/* ================= 태블릿 : 3칸 ================= */
@media (max-width:1024px){
  #sub_wrap .sr_cal_filter{grid-template-columns:repeat(3, minmax(0, 1fr));}
  
 #sub_wrap .sr_cal_head{grid-template-columns:auto auto minmax(0, 1fr); row-gap:10px;}
#sub_wrap .sr_cal_head > .sr_cal_nav{grid-column:1; grid-row:1; width:auto; justify-content:flex-start;}
#sub_wrap .sr_cal_head > .sr_cal_btn{grid-column:2; grid-row:1;}
#sub_wrap .sr_cal_head > .sr_cal_write{grid-column:3;}#sub_wrap .sr_cal_head > .sr_cal_legend{grid-column:1 / -1; grid-row:2; justify-self:start;}
}

@media (max-width:720px){
#sub_wrap .sr_cal_head{display:flex; justify-content:flex-start;}
#sub_wrap .sr_cal_head > .sr_cal_write{margin-left:auto;}
#sub_wrap .sr_cal_head > .sr_cal_legend{width:100%; justify-content:flex-start;}


#sub_wrap .sr_cal_head > .sr_cal_nav{gap:8px;}


  .sr_cal_filter{padding:10px; gap:4px;}
  .sr_cal_chk{padding:4px 9px; font-size:12px;}
  .sr_cal_head{flex-wrap:wrap;}
  .sr_cal_nav{order:-1; width:100%; justify-content:center;}
  .sr_cal_nav strong{font-size:20px;}
  .sr_cal_week{min-height:64px; row-gap:2px;}
    .sr_cal_day{padding:4px;}

  .sr_cal_num{font-size:12px;}
  .sr_cal_bar{height:7px; margin:0 2px; padding:0; font-size:0; border-radius:4px; background:var(--ev,#00539f);} /* 좁은 화면: 기관 색 막대만 (글씨가 들어가지 않는 폭) — 내용은 아래 "이 달 일정" 목록과 날짜 누르기로 */
  .sr_cal_bar:before,.sr_cal_bar .sr_cal_imp{display:none;}
  .sr_cal_more{height:18px; margin:0 2px 2px 0; padding:0 4px; font-size:12px; line-height:16px;}   /* 12px 미만 글자 줄이기(9/29) */
  .sr_cal_list li{flex-wrap:wrap; gap:4px 8px;}
  .sr_cal_org{min-width:0;}
  .sr_cal_title{flex-basis:100%; order:3;}
  .sr_cal_period{order:4;}
  
 
  
  /* ================= 모바일 : 2칸 + 열고 닫기 ================= */
  #sub_wrap .sr_cal_filter{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:6px; margin-bottom:35px; padding:14px 10px;}
  #sub_wrap .sr_cal_filter > strong.sr_blind{gap:8px; font-size:16px;}
  #sub_wrap .sr_cal_filter > strong.sr_blind::before,
  #sub_wrap .sr_cal_filter > .sr_cal_ftoggle::before{width:28px; height:28px; background-size:14px;}
  #sub_wrap .sr_cal_filter .sr_cal_chk{gap:6px; min-height:40px; padding:7px 6px 7px 8px; font-size:clamp(12px, 3.3vw, 13px);}
  #sub_wrap .sr_cal_filter .sr_cal_chk::before{width:16px; height:16px; background-size:12px;}
  #sub_wrap .sr_cal_filter .sr_cal_chk:not(.sr_cal_chk_all)::before{display:none;}
  #sub_wrap .sr_cal_filter .sr_cal_chk .sr_cal_orgdot{position:relative; box-sizing:border-box; width:16px; height:16px; border-radius:50%;}
  #sub_wrap .sr_cal_filter .sr_cal_chk:not(:has(input:checked)) .sr_cal_orgdot{border:1.5px solid #b7c3d2; background:#fff !important;}
  #sub_wrap .sr_cal_filter .sr_cal_chk:has(input:checked) .sr_cal_orgdot::after{content:""; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3L12.5 5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; filter:drop-shadow(0 0 1px rgba(0, 0, 0, .45));}
  #sub_wrap .sr_cal_filter .sr_cal_chk_all{min-height:36px; padding:6px 14px 6px 10px;}
  #sub_wrap .sr_cal_filter.js-fold > strong.sr_blind{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap;}
  #sub_wrap .sr_cal_filter.js-fold > .sr_cal_ftoggle{    grid-column:1 / -1;    grid-row:1;    display:flex;    align-items:center;    gap:8px;    width:100%;    min-height:44px;    margin:0;    padding:0;    border:0;    
  border-radius:10px;    background:none;    color:#1c2733;    font:inherit;    text-align:left;    cursor:pointer;   flex-wrap: wrap;}
  #sub_wrap .sr_cal_filter > .sr_cal_ftoggle:focus-visible{outline:2px solid #00539f; outline-offset:2px;}
  #sub_wrap .sr_cal_filter .sr_cal_ftitle{font-size:16px; font-weight:700; line-height:1.4;}
  #sub_wrap .sr_cal_filter .sr_cal_fcount{padding:2px 9px; border:1px solid #c9daec; border-radius:999px; background:#fff; color:#00539f; font-size:12px; font-weight:700; line-height:1.5;}
  #sub_wrap .sr_cal_filter .sr_cal_ftitle{position:relative; top:-1px; font-size:16px; font-weight:700; line-height:1.4;}
  #sub_wrap .sr_cal_filter .sr_cal_fstate{display:inline-flex; align-items:center; gap:5px; margin-left:auto; padding:5px 12px 5px 14px; border-radius:999px; background:#00539f; color:#fff; font-size:13px; font-weight:700; line-height:1.4; white-space:nowrap;}
  #sub_wrap .sr_cal_filter .sr_cal_fstate::after{    content:"";    width:10px;    height:10px;    transition:transform .2s;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 3.5L5 7l3.5-3.5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;  }
  #sub_wrap .sr_cal_filter > .sr_cal_ftoggle[aria-expanded="true"] .sr_cal_fstate::after{transform:rotate(180deg);}
  #sub_wrap .sr_cal_filter.js-fold .sr_cal_chk_all{grid-column:1 / -1; grid-row:auto; justify-self:start; margin-top:4px;}
  #sub_wrap .sr_cal_filter.js-fold:not(.is-open){padding-top:10px; padding-bottom:10px;}
  #sub_wrap .sr_cal_filter.js-fold:not(.is-open) > .sr_cal_chk{display:none;}


 #sub_wrap .sr_cal_week{min-height:0;}
  #sub_wrap .sr_cal_week[style*="repeat(1,"]{grid-template-rows:30px repeat(1, 11px) minmax(18px, 1fr) !important;}
  #sub_wrap .sr_cal_week[style*="repeat(2,"]{grid-template-rows:30px repeat(2, 11px) minmax(18px, 1fr) !important;}
  #sub_wrap .sr_cal_week[style*="repeat(3,"]{grid-template-rows:30px repeat(3, 11px) minmax(18px, 1fr) !important;}
  #sub_wrap .sr_cal_week[style*="repeat(4,"]{grid-template-rows:30px repeat(4, 11px) minmax(18px, 1fr) !important;}
  #sub_wrap .sr_cal_week[style*="repeat(5,"]{grid-template-rows:30px repeat(5, 11px) minmax(18px, 1fr) !important;}
  #sub_wrap .sr_cal_week[style*="repeat(6,"]{grid-template-rows:30px repeat(6, 11px) minmax(18px, 1fr) !important;}
  #sub_wrap .sr_cal_week[style*="repeat(7,"]{grid-template-rows:30px repeat(7, 11px) minmax(18px, 1fr) !important;}
  #sub_wrap .sr_cal_week[style*="repeat(8,"]{grid-template-rows:30px repeat(8, 11px) minmax(18px, 1fr) !important;}

}

/* ── 5) 보기 화면 공통 (게시판 보기·교육 상세: .notice_view_wrap) ─────────── */
/* 글자 크기 기준 (메인 본문 20px 에 맞춰 읽기 좋게): 제목 28 · 작성일 15 · 정보 칸 16 · 본문 17 · 첨부 16 */
 /*.sr_main .notice_view_wrap .view_hd{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:0 0 18px; border-bottom:2px solid var(--mr-text);}*/
  .sr_main .notice_view_wrap .view_hd { display: flex;  flex-wrap: wrap;  gap: 16px;    padding: 40px 20px 20px;    border-bottom: 2px solid var(--mr-text);    border-top: 2px solid var(--mr-text);   background: #f5f7fa;  
  color: var(--mr-text);    font-weight: 600;    text-align: center;      }

.sr_main .notice_view_wrap .view_hd > h3{order:1; flex:1; margin:0; padding:0; font-size:28px; font-weight:700; line-height:1.4; letter-spacing:-.02em; color:var(--mr-text);  width: 100%; }
.sr_main .notice_view_wrap .view_hd > p{order:2; float:none; margin:0; font-size:14px; color:var(--mr-sub); white-space:nowrap; text-align: right;  width: 100%;  margin-top: 15px;}
/* 정보 칸: 공지(사업기관·장소·일시)·교육(강의자·접수기간…)은 dl 표, 사업공고(사업명·접수기간)는 dl 목록 → 같은 모양 */
.sr_main .notice_view_wrap .view_cont{border:0; font-size:16px;}
.sr_main .notice_view_wrap .view_cont > dl{table-layout:fixed;} /* 줄마다 칸 너비가 달라지지 않게 */
.sr_main .notice_view_wrap .view_cont > dl > dt,
.sr_main .notice_view_wrap .view_cont > dl > dd{padding:16px 20px; border-left:0; border-bottom:1px solid var(--mr-line); font-size:16px; line-height:1.6; vertical-align:middle;}
.sr_main .notice_view_wrap .view_cont > dl > dt{width:150px; background:#f5f7fa; color:var(--mr-text); font-weight:600; text-align:left;}
.sr_main .notice_view_wrap .view_cont > dl > dd{color:#333;}
.sr_main .notice_view_wrap .view_cont > dl > dd b,
.sr_main .notice_view_wrap .bs_badge{display:inline-block; margin:0 0 0 10px; padding:0 12px; border-radius:12px; background:var(--mr-blue); color:#fff; font-size:14px; font-weight:600; font-style:normal; line-height:24px; vertical-align:1px;}
.sr_main .notice_view_wrap .view_cont > dl > dd .icon_place01{padding:0 12px; border-radius:12px; font-size:14px; font-weight:600; line-height:24px; vertical-align:1px;} /* 장소(지도 연결) 알약 */
.sr_main .notice_view_wrap .view_cont > dl > dd .icon_place01 a{color:#fff !important;}
.sr_main .notice_view_wrap .view_cont > dl > dd .icon_place01 a:hover{text-decoration:underline;}
.sr_main .notice_view_wrap .bs_badge.bs_ready{background:#66717f;}   /* 목록 상태 표시와 같은 값 */
.sr_main .notice_view_wrap .bs_badge.bs_closed{background:#cbd2da; color:#444;}
.sr_main .notice_view_wrap .business_info{display:grid; grid-template-columns:150px minmax(0,1fr); margin:0; padding:0; border:0; background:none;}
.sr_main .notice_view_wrap .business_info > dt,
.sr_main .notice_view_wrap .business_info > dd{width:auto; margin:0; padding:16px 20px; border-bottom:1px solid var(--mr-line); font-size:16px; line-height:1.6;}
.sr_main .notice_view_wrap .business_info > dt{background:#f5f7fa; color:var(--mr-text); font-weight:600;}
.sr_main .notice_view_wrap .business_info > dd{color:#333;}
.sr_main .notice_view_wrap .view_cont .view_cont_body{padding:40px 4px; border:0; border-bottom:1px solid var(--mr-line); font-size:17px; line-height:1.85; color:#333;}
/* 첨부파일·관련링크·홈페이지 바로가기 */
.sr_main .notice_view_wrap :is(#bo_v_file,#bo_v_link){margin:0;}
.sr_main .notice_view_wrap :is(#bo_v_file,#bo_v_link) li{display:flex; flex-wrap:wrap; align-items:center; gap:4px 14px; padding:14px 20px; border-bottom:1px solid var(--mr-line); background:#f7f9fc; font-size:14px; color:var(--mr-sub);}
.sr_main .notice_view_wrap :is(#bo_v_file,#bo_v_link) li > a{display:inline-flex; align-items:center; gap:8px; width:auto; padding:0; font-size:16px; color:var(--mr-text);}
.sr_main .notice_view_wrap :is(#bo_v_file,#bo_v_link) li > a img{float:none; margin:0;}
.sr_main .notice_view_wrap :is(#bo_v_file,#bo_v_link) li > a strong{font-weight:600; color:var(--mr-blue); word-break: break-word;}
.sr_main .notice_view_wrap :is(#bo_v_file,#bo_v_link) li > a:hover strong{text-decoration:underline;}
.sr_main .notice_view_wrap .view_file_download{color:var(--mr-blue);}
.sr_main .notice_view_wrap .view_file_download:hover{text-decoration:underline;}
.sr_main #bo_v_top{display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin:0; padding:24px 0;}
.sr_main #bo_v_top > ul{display:flex; flex-wrap:wrap; gap:6px; float:none; margin:0; text-align:center;}
.sr_main #bo_v_top > ul.bo_v_com{margin-left:auto;}
.sr_main #bo_v_top > ul > li{float:none; display:block; margin:0;}
.sr_main #bo_v_top a.btn_b01,.sr_main #bo_v_top a.btn_b02{display:inline-flex; align-items:center; gap:6px; height:44px; padding:0 20px; border-radius:6px; font-size:15px;}
.sr_main #bo_v_top a.btn_b01{border:1px solid #cfd8e3; background:#fff; color:var(--mr-sub);}
.sr_main #bo_v_top a.btn_b01:hover{border-color:var(--mr-blue); color:var(--mr-blue);}
.sr_main #bo_v_top a.btn_b02{border:1px solid var(--mr-blue); background:var(--mr-blue); color:#fff !important;}
.sr_main #bo_v_top a.btn_b02:hover{background:var(--mr-blue-d);}

/* ── 6) 교육 (.sr_loc_edu, 교육 신청내역은 .sr_loc_mypage) ─────────────────── */
/* 교육프로그램 / 신청현황 전환 탭 (교육 목록·달력, 마이페이지 교육 신청내역) */
.sr_main .board-tab{position:relative; margin-bottom:22px; text-align: center;}
.sr_main .board-tab > ul{max-width:100%; overflow-x:auto; scrollbar-width:none;}
.sr_main .board-tab > ul::-webkit-scrollbar{display:none;}
.sr_main .board-tab > ul > li{flex:none; white-space:nowrap;}
.sr_main .board-tab.sr_scroll_x:after{border-radius:0 24px 24px 0;}
.sr_main .board-tab > ul{display:inline-flex; width:auto; padding:4px; border-radius:24px; background:var(--mr-sky);}
.sr_main .board-tab > ul > li,.sr_main .board-tab > ul > li:first-child,.sr_main .board-tab > ul > li.on{display:block; border:0;}
.sr_main .board-tab > ul > li > a{padding:9px 26px; border:0; border-radius:20px; font-size:15px; color:var(--mr-sub);}
.sr_main .board-tab > ul > li > a:hover{color:var(--mr-blue);}
.sr_main .board-tab > ul > li.on > a{background:var(--mr-blue); color:#fff; font-weight:600; box-shadow:0 3px 8px rgba(11,78,162,.25);}

/* 리스트로 보기 / 달력으로 보기 */
/* 보유장비 보기 전환과 같은 모양: 흰 틀 안에 고른 쪽만 남색 */
:is(.sr_loc_edu,.sr_loc_event) .list-type ul{display:inline-flex; float:none; gap:2px; margin:0; padding:3px; border:1px solid #d5dee8; border-radius:8px; background:#fff; list-style:none;}
:is(.sr_loc_edu,.sr_loc_event) .list-type ul li{float:none; margin:0 !important; border:0 !important; background:none;}
:is(.sr_loc_edu,.sr_loc_event) .list-type ul li a{display:flex; align-items:center; gap:6px; height:32px; padding:0 12px; border:0; border-radius:6px; background:none; font-size:14px; color:#666; white-space:nowrap; transition:background .15s,color .15s;}
:is(.sr_loc_edu,.sr_loc_event) .list-type ul li a:hover{color:var(--mr-blue);}
:is(.sr_loc_edu,.sr_loc_event) .list-type ul li.on a{background:var(--mr-blue); color:#fff; font-weight:600;}
:is(.sr_loc_edu,.sr_loc_event) .sr_bl_head .list-type{margin:0;}
:is(.sr_loc_edu,.sr_loc_event) .bbs_list_wrap > .schedule_wrap{margin:0 0 12px !important; text-align:right;}
:is(.sr_loc_edu,.sr_loc_event) .bbs_list_wrap > .schedule_wrap .schedule_head{display:block;}
:is(.sr_loc_edu,.sr_loc_event) .bbs_list_wrap > .schedule_wrap .schedule_head > div{display:block; width:auto; text-align:right;}

/* 목록: 모집 상태 */
.sr_edu_stat{display:inline-block; margin-left:6px; padding:1px 9px; border-radius:10px; background:#eef0f3; color:var(--mr-sub); font-size:12px; font-weight:600;}
.sr_edu_stat.on{background:var(--mr-blue); color:#fff;}

/* 달력 (ajax 로 그리는 기존 달력) */
:is(.sr_loc_edu,.sr_loc_event) .bbs-div-list .schedule_wrap{margin:0;}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head{margin-bottom:14px;}
/* 달력 머리: [오늘] · (‹) 2026년 ▾ 9월 ▾ (›) · [리스트|달력] — 메인 달력·날짜 선택과 같은 둥근 화살표, 연·월은 새 톤 선택 목록 */
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head{display:flex; align-items:center; justify-content:space-between; gap:12px;}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head > div{float:none; width:auto; margin:0;}
:is(.sr_loc_edu,.sr_loc_event) .select_date > a{display:inline-flex; align-items:center; gap:6px; height:40px; padding:0 14px; border:1px solid #d5dee8; border-radius:8px; background:#fff; font-size:14px; color:#555;}
:is(.sr_loc_edu,.sr_loc_event) .select_date > a:hover{border-color:var(--mr-blue); background:#fff; color:var(--mr-blue);}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head > div.sc_title{display:flex; align-items:center; gap:10px; width:auto;}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head > div.select_date,
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head > div.list-type{flex:1 1 0;} /* 양쪽 칸 폭을 같게 해 연·월이 달력 가운데 */
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head > div.list-type{text-align:right;}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head > div.sc_title > a{display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:1.5px solid #cfd8e3; border-radius:50%; background:#fff; color:#222; font-size:14px;}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head > div.sc_title > a > span{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);} /* 이전달·다음달 글자는 화면 읽기용 */
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head > div.sc_title > a:hover{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff;}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head > div.sc_title > div{display:flex; align-items:center; gap:2px; margin:0 4px;}
:is(.sr_loc_edu,.sr_loc_event) .sc_title select{font-family:inherit; font-size:24px; font-weight:800; color:#111;}
:is(.sr_loc_edu,.sr_loc_event) .sc_title .sr_sel_btn{width:auto !important; max-width:none; height:46px; padding:0 10px 0 12px; border:1px solid transparent; border-radius:10px; background:transparent; font-size:24px; font-weight:800; color:#111; letter-spacing:-.02em;}
:is(.sr_loc_edu,.sr_loc_event) .sc_title .sr_sel_btn .sr_sel_arrow{width:14px; height:9px; background-size:14px 9px; opacity:.7;}
:is(.sr_loc_edu,.sr_loc_event) .sc_title .sr_sel_btn:hover{background:#f0f5fb;}
:is(.sr_loc_edu,.sr_loc_event) .sc_title .sr_sel_btn.is-open,:is(.sr_loc_edu,.sr_loc_event) .sc_title .sr_sel_btn:focus-visible{border-color:var(--mr-blue); background:#fff; box-shadow:0 0 0 3px rgba(0,83,159,.12);}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_body{border-top:2px solid var(--mr-text);}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_body dl dt{background:#f5f7fa; color:var(--mr-text); border-top:0; border-right-color:var(--mr-line); border-bottom-color:var(--mr-line); line-height:40px; font-size:14px;}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_body dl dt:first-child,:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_body dl dd:first-child{color:#c62828; border-left-color:var(--mr-line);}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_body dl dd{border-right-color:var(--mr-line); border-bottom-color:var(--mr-line); font-size:14px;}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_body dl dd.today > a{background:var(--mr-sky);}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_body dl dd:first-child > a{color:#c62828;}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_body dl dd:last-child > a{color:var(--mr-blue);}
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_body dl dd.off_day > a{color:#c3cad3;}
:is(.sr_loc_edu,.sr_loc_event) .sc_cont_box > a > div{height:24px; line-height:24px; padding:0 6px; border:0; font-size:12px; color:#123a6b;}
:is(.sr_loc_edu,.sr_loc_event) .sc_cont_01{background:#dbe8f7;} :is(.sr_loc_edu,.sr_loc_event) .sc_cont_02{background:#e3f2e5;} :is(.sr_loc_edu,.sr_loc_event) .sc_cont_03{background:#ede7f6;}
:is(.sr_loc_edu,.sr_loc_event) .sc_cont_box > a:hover > div,:is(.sr_loc_edu,.sr_loc_event) .sc_cont_box > a.on > div{background:var(--mr-blue); color:#fff; border:0;}
:is(.sr_loc_edu,.sr_loc_event) .sc_cont_box .sc_end{background:#eef0f3; color:#98a2ae; border:0;}

/* 휴대폰 달력 머리: 옛 480.css 가 보기 전환 상자를 폭 220px + 넘치면 자르기로 묶어 '달력으로 보기' 단추 오른쪽이 잘렸다 (2026 전수점검 9/28) */
:is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head .list-type ul{width:auto; overflow:visible;}

@media (max-width:1024px){ /* 교육 달력 머리: 태블릿부터 가운데 연·월이 한 줄을 쓰고 오늘·보기 전환은 아래로 */
  :is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head{flex-wrap:wrap; gap:10px 8px;}
  :is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head > div.sc_title{order:-1; flex-basis:100%; justify-content:center;}
}

@media (max-width:720px){
  :is(.sr_loc_edu,.sr_loc_event) .bbs-div-list .schedule_wrap .schedule_head{flex-wrap:wrap; gap:10px 8px;}
  :is(.sr_loc_edu,.sr_loc_event) .bbs-div-list .schedule_wrap .schedule_head > div.sc_title{order:-1; flex:1 0 100%; justify-content:center;}
  :is(.sr_loc_edu,.sr_loc_event) .bbs-div-list .schedule_wrap .schedule_head > div.select_date a{height:36px; padding:0 12px; font-size:13px;}
    /* 보기 전환 : 폰에서는 아이콘만 (글자는 크기 0 으로 숨기고 화면 읽기용으로 남김) */
  :is(.sr_loc_edu,.sr_loc_event) .list-type ul li a{justify-content:center; gap:0; width:38px; height:34px; padding:0; font-size:0;}
  :is(.sr_loc_edu,.sr_loc_event) .list-type ul li a > i{font-size:16px;}
    :is(.sr_loc_edu,.sr_loc_event) .sc_title .sr_sel_btn{font-size:20px;}

}

@media (max-width:420px){ /* 교육 달력 머리 작은 휴대폰: 연·월 줄이 넘쳐 다음 달 화살표가 잘리지 않게 */
  :is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head > div.sc_title{gap:4px;}
  :is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head > div.sc_title > a{width:34px; height:34px;}
  :is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .schedule_head > div.sc_title > div{margin:0;}
  :is(.sr_loc_edu,.sr_loc_event) .schedule_wrap .sc_title .sr_sel_btn{font-size:18px;}
}

/* 교육 신청서 (페이지 안 <style> 의 .rq-form 규칙을 덮음) */
.sr_loc_edu .form_note{margin-bottom:16px; padding:14px 18px; border-radius:10px; background:var(--mr-sky); font-size:13px; color:#44546a;}
.sr_loc_edu .rq-form .bbs_write_box{border-top:2px solid var(--mr-text); background:#fff;}
.sr_loc_edu .rq-form .bbs_write_box > dl > dt,.sr_loc_edu .rq-form .bbs_write_box > dl > dd{padding:10px 14px; border-top:0; border-bottom:1px solid var(--mr-line); font-size:14px;}
.sr_loc_edu .rq-form .bbs_write_box > dl > dt{width:160px; background:#f5f7fa; color:var(--mr-text); font-weight:600;}
.sr_loc_edu .rq-form .bbs_write_box > dl{height:auto !important;}
.sr_loc_edu .rq-form.form_set input[type=text],.sr_loc_edu .rq-form .form_set input[type=text]{height:40px; padding:0 12px; border:1px solid #cfd8e3; border-radius:6px; font-size:14px;}
.sr_loc_edu .rq-form .form_set input[type=text]:focus,.sr_loc_edu .rq-form .form_set textarea:focus{border-color:var(--mr-blue); outline:0; box-shadow:0 0 0 3px rgba(11,78,162,.12);}
.sr_loc_edu .rq-form .form_set textarea{box-sizing:border-box; width:100%; height:180px; padding:10px 12px; border:1px solid #cfd8e3; border-radius:6px; font-size:14px;}
.sr_loc_edu .rq-form .form_set input[type=radio]{accent-color:var(--mr-blue); vertical-align:middle;}
.sr_loc_edu .rq-form .form_set label{margin:0 12px 0 4px; font-weight:400; vertical-align:middle;}
.sr_loc_edu .rq-form code{display:inline-block; margin-top:6px; padding:0; background:none; color:#d6453d !important; font-family:inherit; font-size:12px;}
/* 교육 신청서 휴대폰: 입력칸에 옛 CSS 의 float:left 가 걸려 칸(dd)이 높이 0 으로 접히고 입력칸이 아래 항목 머리띠를 덮었다.
   폭도 100%+여백이라 12px 넘쳤다 (2026 전수점검 9/28) */
   @media (max-width:1024px){
  #sub_wrap .notice_view_wrap .view_cont > dl{display:grid; grid-template-columns:150px minmax(0, 1fr);}
  #sub_wrap .notice_view_wrap .view_cont > dl > dt,
  #sub_wrap .notice_view_wrap .view_cont > dl > dd{display:block; width:auto; height:auto; overflow:visible;}
}







@media (max-width:720px){

 #sub_wrap .notice_view_wrap .view_cont > dl{grid-template-columns:112px minmax(0, 1fr);}
  #sub_wrap .notice_view_wrap .view_cont > dl > dt,
  #sub_wrap .notice_view_wrap .view_cont > dl > dd{padding:11px 12px; font-size:15px; line-height:1.6; word-break:keep-all;}
  #sub_wrap .notice_view_wrap .view_cont > dl > dt{padding-right:8px; padding-left:10px; font-size:14px;}

  /* 장소 : 알약 칸을 줄 폭만큼 잡아 뒤의 상세 위치("2층 교육실")가 앞 공백 없이 다음 줄로, 초록 알약은 링크에 */
  #sub_wrap .notice_view_wrap .view_cont > dl > dd .icon_place01{    display:inline-block;    width:calc(100% - 1.2em);    padding:0;    border-radius:0;    background:none;    line-height:normal;    white-space:nowrap;    vertical-align:top;  }
  #sub_wrap .notice_view_wrap .view_cont > dl > dd .icon_place01 a{    display:inline-block;    padding:0 12px;    border-radius:13px;    background:#3eb57f;    font-size:14px;    font-weight:600;    line-height:26px;  }
  
  
  
  .sr_main .notice_view_wrap .view_hd{flex-direction:column; align-items:flex-start;}
  .sr_main .notice_view_wrap .view_hd > h3{font-size:21px;}
  .sr_main .notice_view_wrap .view_hd > p{font-size:12px; white-space:normal; text-align: center;}
  .sr_main .notice_view_wrap .business_info{grid-template-columns:90px minmax(0,1fr);}
  .sr_main .notice_view_wrap :is(.view_cont > dl, .business_info) > :is(dt,dd){padding:11px 12px; font-size:15px;}
  .sr_main .notice_view_wrap .view_cont .view_cont_body{padding:28px 2px; font-size:16px;}
  .sr_main .notice_view_wrap :is(#bo_v_file,#bo_v_link) li{padding:12px 14px;}
  .sr_main .notice_view_wrap :is(#bo_v_file,#bo_v_link) li > a{font-size:15px;}
  .sr_main .notice_view_wrap .view_cont > dl{display:grid; grid-template-columns:90px minmax(0,1fr);}
  .sr_main .notice_view_wrap .view_cont > dl > dt{width:250px;}
  .sr_main .notice_view_wrap .view_cont > dl > dt,.sr_main .notice_view_wrap .view_cont > dl > dd{display:block; width:auto; padding:10px 12px;}
  .sr_main .board-tab > ul{display:flex;}
  .sr_main .board-tab > ul > li{flex:1;}
  .sr_main .board-tab > ul > li > a{padding:8px 10px; text-align:center;}
  .sr_loc_edu .rq-form .bbs_write_box > dl,.sr_loc_edu .rq-form .bbs_write_box > dl > dt,.sr_loc_edu .rq-form .bbs_write_box > dl > dd{display:block; width:auto;}
  .sr_loc_edu .rq-form .bbs_write_box > dl > dt{padding:8px 12px;}
  .sr_loc_edu .rq-form .form_set input[type=text]{width:100% !important;}
  
  .sr_loc_edu .rq-form .bbs_write_box > dl > dd{display:flow-root;}
  .sr_loc_edu .rq-form .bbs_write_box > dl > dd > :is(input[type=text],input[type=tel],input[type=email],select,textarea){box-sizing:border-box; max-width:100%;}
  .sr_loc_edu .rq-form .bbs_write_box > dl > dd > :is(input[type=text],input[type=tel],input[type=email],select){float:none;}




}
/* 교육 신청서 단추 — 모든 폭에 걸어야 한다 (휴대폰 구간 안에 들어가 PC 에서 빠졌던 것) */
.sr_loc_edu .btn_set{display:flex; justify-content:center; gap:8px; margin-top:28px;}
.sr_loc_edu .btn_set .btn{height:44px; padding:0 30px; border-radius:6px; font-size:15px; background-image:none; box-shadow:none; text-shadow:none;}
.sr_loc_edu .btn_set .btn-primary{order:1; border:1px solid #cfd8e3; background:#fff; color:var(--mr-sub);}
.sr_loc_edu .btn_set #btn_submit{order:2; border:1px solid var(--mr-blue); background:var(--mr-blue); color:#fff; font-weight:700;}
.sr_loc_edu .btn_set #btn_submit:hover{background:var(--mr-blue-d);}

@media (max-width:420px){
#sub_wrap .notice_view_wrap .view_cont > dl > dd .icon_place01 a{font-size: 12px;}
}

/* ── 7) 회원 (.sr_loc_member: 로그인·회원가입·정보 수정·비밀번호 확인·가입 완료) ─────── */
.sr_loc_member .mbskin{max-width:860px; margin:0 auto;}
/* 버튼 (boot_form.css 의 .form_btn 을 새 톤으로) */
.sr_loc_member .btn_set{display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:28px;}
.sr_loc_member .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;}
.sr_loc_member .form_btn.ico{padding-left:28px;}
.sr_loc_member .form_btn.ico:before{display:none;}
.sr_loc_member .btn_set .form_btn.pri{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff;}
.sr_loc_member .btn_set .form_btn.pri:hover{background:var(--mr-blue-d);}
.sr_loc_member .btn_set.blue_ok .form_btn.sec,.sr_loc_member .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) 덮음 */
.sr_loc_member .btn_set.blue_ok .form_btn.sec:hover,.sr_loc_member .btn_set .form_btn.sec:hover{border-color:var(--mr-blue); background:#fff; color:var(--mr-blue);}
.sr_loc_member .btn_set #btn_reject{order:3; border-color:#e5a3a0; background:#fff; color:#d6453d;}

/* 로그인·비밀번호 확인·가입 완료: 가운데 카드 */
.sr_loc_member #mb_login,.sr_loc_member #mb_confirm,.sr_loc_member #reg_result{box-sizing:border-box; width:auto; max-width:440px; margin:0 auto; padding:36px 36px 28px; border:1px solid var(--mr-line); border-radius:16px; background:#fff; box-shadow:0 10px 30px rgba(20,60,120,.08);}
.sr_loc_member .login_icon{width:64px; height:64px; margin:0 auto 12px; line-height:74px; background:var(--mr-sky);}
.sr_loc_member .login_icon > span{color:var(--mr-blue); font-size:28px;}
.sr_loc_member .ms-confirm > h1,.sr_loc_member #mb_confirm > h1{margin:0; font-size:22px; font-weight:800; letter-spacing:-.5px; text-align:center; color:var(--mr-text);}
.sr_loc_member #mb_login_mb{margin-top:20px; border-top:0;}
.sr_loc_member .ms-box{margin:0 0 14px;}
.sr_loc_member .ms-box label,.sr_loc_member .ms-box .ms-box-lbl{display:block; padding:0 0 6px; font-size:13px; font-weight:600; color:var(--mr-text);}
.sr_loc_member .ms-box span{display:block; border:0; background:none;}
.sr_loc_member .ms-box input[type=text],.sr_loc_member .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;}
.sr_loc_member .ms-box input:focus{border-color:var(--mr-blue); outline:0; box-shadow:0 0 0 3px rgba(11,78,162,.12);}
.sr_loc_member #mb_login .btn_set{flex-direction:column; gap:8px; margin-top:20px;}
.sr_loc_member #mb_login .btn_set .form_btn{width:100%;}
.sr_loc_member #mb_login .btn_set .form_btn[type=submit]{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff;} /* 로그인이 주 버튼 */
.sr_loc_member #mb_login .btn_set .form_btn[type=submit]:hover{background:var(--mr-blue-d);}
.sr_loc_member #mb_login .btn_set .form_btn[type=button]{border-color:#cfd8e3; background:#fff; color:var(--mr-blue);}
.sr_loc_member #mb_login .btn_set .form_btn[type=button]:hover{border-color:var(--mr-blue);}
.sr_loc_member .ms-confirm-links{display:flex; align-items:center; justify-content:space-between; margin-top:16px;}
.sr_loc_member .ms-confirm-link-left{margin:0; font-size:13px; color:var(--mr-sub);}
.sr_loc_member .ms-confirm-link-left input{accent-color:var(--mr-blue); vertical-align:middle;}
.sr_loc_member .ms-confirm-link-right{display:flex; gap:14px; margin:0; padding:0; border:0;}
.sr_loc_member .ms-confirm-link-right p{margin:0; padding:0;}
.sr_loc_member .ms-confirm-link-right a{padding:0; font-size:13px; color:var(--mr-sub);}
.sr_loc_member .ms-confirm-link-right a:hover{color:var(--mr-blue); text-decoration:underline;}
.sr_loc_member .ms-confirm-link-right a img{display:none;}
.sr_loc_member #mb_confirm > p{margin:10px 0 20px; font-size:14px; color:var(--mr-sub); text-align:center; line-height:1.6;}
.sr_loc_member #mb_confirm fieldset{margin:0; padding:0; border:0;}
.sr_loc_member #mb_confirm .ms-box-id{margin-bottom:14px; padding:12px 14px; border-radius:8px; background:var(--mr-sky); font-size:13px; color:var(--mr-sub);}
.sr_loc_member #mb_confirm .ms-box-id span{margin-left:8px; font-weight:700; color:var(--mr-text);}
.sr_loc_member #mb_confirm .ms-confirm-submit{width:100%; height:46px; margin-top:6px; border:0; border-radius:6px; background:var(--mr-blue); color:#fff; font-size:15px; font-weight:700; cursor:pointer;}
.sr_loc_member #mb_confirm .ms-confirm-submit:hover{background:var(--mr-blue-d);}
.sr_loc_member .btn_confirm{margin-top:16px; text-align:center;}
.sr_loc_member .btn_confirm a{font-size:13px; color:var(--mr-sub);}
.sr_loc_member .btn_confirm a:hover{color:var(--mr-blue); text-decoration:underline;}
.sr_loc_member #reg_result p{margin:0 0 14px; font-size:14px; line-height:1.7; color:#444; text-align:center;}
.sr_loc_member #reg_result p strong{color:var(--mr-blue);}
.sr_loc_member #reg_result .btn_confirm a.btn02{display:inline-flex; align-items:center; height:44px; padding:0 30px; border-radius:6px; background:var(--mr-blue); color:#fff; font-size:15px; font-weight:600; text-decoration:none;}

/* 회원가입 1단계: 약관 동의 */
.sr_loc_member #fregister > p{margin:0 0 20px; padding:14px 18px; border-radius:10px; background:var(--mr-sky); font-size:14px; color:#44546a;}
.sr_loc_member #fregister section{margin:0 0 28px;}
.sr_loc_member #fregister section > div{display:flex; align-items:center; justify-content:space-between; padding:0 0 10px;}
.sr_loc_member #fregister section > div > h2{float:none; margin:0; font-size:17px; font-weight:700;}
.sr_loc_member #fregister section > div > h2:before{display:none;}
.sr_loc_member #fregister .fregister_agree{float:none; display:flex; align-items:center; gap:6px; margin:0; padding:6px 12px; border:1px solid #cfd8e3; border-radius:18px; font-size:13px;}
.sr_loc_member #fregister .fregister_agree label{margin:0; font-weight:600; cursor:pointer;}
.sr_loc_member #fregister .fregister_agree input{order:-1; margin:0; accent-color:var(--mr-blue);}
.sr_loc_member #fregister .fregister_agree:has(input:checked){border-color:var(--mr-blue); background:var(--mr-sky); color:var(--mr-blue);}
.sr_loc_member #fregister section > div.bf_textarea{display:block; padding:0;}
.sr_loc_member .txtarea_box{height:220px; padding:14px 16px; border:1px solid var(--mr-line); border-radius:10px; background:#fafbfd; font-size:13px; line-height:1.7; color:#444;}
.sr_loc_member .txtarea_box pre{margin:0; padding:0; border:0; background:none; font-family:inherit; font-size:13px; white-space:pre-wrap; word-break:keep-all;}
.sr_loc_member .tb_box{margin:10px 0; width:100%;}
.sr_loc_member .tb_box *{border-color:var(--mr-line);}
.sr_loc_member .tb_box th{background:#f5f7fa;}

/* 회원가입 2단계·정보 수정: 입력 표 */
/* 회원가입·정보 수정 표: 알림마당 글쓰기(table.notice_write)와 같은 크기·색 */
.sr_loc_member .tbl_frm01{margin:0 0 30px; background:none;}
.sr_loc_member .tbl_frm01 table{width:100%; table-layout:fixed; border-top:2px solid var(--mr-text); border-collapse:collapse;}
.sr_loc_member .tbl_frm01 th,.sr_loc_member .tbl_frm01 td{border:0; border-bottom:1px solid var(--mr-line);}
.sr_loc_member .tbl_frm01 th{width:170px; padding:16px 20px; background:#f7f9fc; color:var(--mr-text); font-size:15px; font-weight:600; text-align:left; vertical-align:middle;}
.sr_loc_member .tbl_frm01 th label{font-size:15px; font-weight:600;}
.sr_loc_member .tbl_frm01 td{padding:12px 20px; color:#333; font-size:15px; line-height:1.6;}
.sr_main .sr_req{margin-left:3px; font-style:normal; font-weight:700; color:#e02020;} /* 필수 표시 * (글자 (*) 대신) */
.sr_loc_member .tbl_frm01 .frm_input,.sr_loc_member .tbl_frm01 input[type=text],.sr_loc_member .tbl_frm01 input[type=password],.sr_loc_member .tbl_frm01 input[type=email],.sr_loc_member .tbl_frm01 input[type=tel]{height:46px; padding:0 14px; border:1px solid #d5dee8; border-radius:8px; background:#fff; font-size:15px; box-sizing:border-box;}
.sr_loc_member .tbl_frm01 input[readonly]{background:#f7f9fc; color:#555;}
.sr_loc_member .tbl_frm01 input::placeholder{color:#9aa5b1;}
.sr_loc_member .tbl_frm01 input:focus{border-color:var(--mr-blue); outline:0; box-shadow:0 0 0 3px rgba(0,83,159,.12);}
.sr_loc_member .tbl_frm01 .frm_info{display:inline-block; margin-top:6px; font-size:13px; color:var(--mr-sub);}
.sr_loc_member .tbl_frm01 .btn_frmline{height:46px; padding:0 18px; border:1px solid var(--mr-blue); border-radius:8px; background:#fff; color:var(--mr-blue); font-size:14px; font-weight:600; vertical-align:middle; cursor:pointer;} /* 주소 검색 등. 자동등록방지 버튼은 기존 아이콘 모양 유지 */
.sr_loc_member .tbl_frm01 .btn_frmline:hover{background:#eef4fc;}
.sr_loc_member .tbl_frm01 td input.frm_input{max-width:100%;} /* size="50" 입력칸이 표 밖으로 나가지 않게 */
/* 자동등록방지·파일 첨부: 팝업(css/pop_renewal.css)과 같은 모양 */
.sr_main #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;}
.sr_main #captcha legend{position:absolute; width:1px; height:1px; overflow:hidden;}
.sr_main #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;}
.sr_main #captcha #captcha_mp3,.sr_main #captcha #captcha_reload{position:static; grid-column:2; width:32px; height:31px; margin:0; border:1px solid var(--mr-field,#cfd8e3); background-color:#f5f7fa;}
.sr_main #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)은 버튼 안에, 버튼 글자는 숨김 */
.sr_main #captcha #captcha_mp3 span{top:0; left:0; text-indent:0;}
.sr_main #captcha #captcha_reload{grid-row:2; top:auto; left:auto; border-bottom-right-radius:6px;}
.sr_main #captcha #captcha_mp3:hover,.sr_main #captcha #captcha_reload:hover{background-color:#e7eef7;}
.sr_main #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;}
.sr_main #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);}
.sr_main input[type=file]{max-width:100%; height:auto; padding:0; border:0; background:none; font-size:14px; color:var(--mr-sub);}
.sr_main 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;} /* 신청 팝업과 같게 */
.sr_main input[type=file]::file-selector-button:hover{background:#eef4fc;}
.sr_loc_member .tbl_frm01 input[type=checkbox],.sr_loc_member .tbl_frm01 input[type=radio]{width:18px; height:18px; margin:0 6px 0 0; accent-color:var(--mr-blue); vertical-align:-3px; cursor:pointer;}
.sr_loc_member .tbl_frm01 td label{cursor:pointer;}
/* 회원가입·정보 수정 단추: 알림마당 글쓰기처럼 취소(왼쪽) · 저장(오른쪽), 높이 52px */
.sr_loc_member #fregisterform .btn_set{gap:10px; margin-top:34px;}
.sr_loc_member #fregisterform .btn_set .form_btn{box-sizing:border-box; height:52px; border-radius:8px; font-size:16px;}
.sr_loc_member #fregisterform .btn_set .form_btn.sec{order:-1; min-width:140px; padding:0 30px; color:#555;}
.sr_loc_member #fregisterform .btn_set #btn_submit{min-width:180px; padding:0 34px; font-weight:700;}

@media (max-width:720px){
  .sr_loc_member #mb_login,.sr_loc_member #mb_confirm,.sr_loc_member #reg_result{padding:26px 20px 22px; border-radius:12px;}
  .sr_loc_member .ms-confirm-links{flex-direction:column; align-items:flex-start; gap:10px;}
  .sr_loc_member #fregister section > div{flex-direction:column; align-items:flex-start; gap:8px;}
  .sr_loc_member .tbl_frm01 table,.sr_loc_member .tbl_frm01 tbody,.sr_loc_member .tbl_frm01 tr,.sr_loc_member .tbl_frm01 th,.sr_loc_member .tbl_frm01 td{display:block; width:auto;}
  .sr_loc_member .tbl_frm01 th{padding:10px 12px 6px; border-bottom:0;}
  .sr_loc_member .tbl_frm01 td{padding:6px 12px 12px;}
  .sr_loc_member .tbl_frm01 .frm_input{max-width:100%;}
  .sr_loc_member #fregisterform .btn_set .form_btn{flex:1; min-width:0;}
    /* 연락처·사업자번호 세 칸 : 한 줄에서 나눠 가짐 (셋째 칸이 아래로 떨어지던 것) */
  .sr_loc_member .tbl_frm01 td:has(> #reg_mb_hp1),
  .sr_loc_member .tbl_frm01 td:has(> #mb_company_number1){display:flex; align-items:center; gap:6px;}
  .sr_loc_member .tbl_frm01 td:has(> #reg_mb_hp1) > .frm_input,
  .sr_loc_member .tbl_frm01 td:has(> #mb_company_number1) > .frm_input{flex:1 1 0; min-width:0; width:auto;}

}


/* ── 8) 신청 상세·신청서 틀 (.sub_page .equip_wrap: 마이페이지 시설 신청 상세 등) — 팝업(css/pop_renewal.css)과 같은 규칙 ── */

.sr_main #contents .sub_page{max-width:none; width:auto; margin:0; padding:0; border:0; border-radius:0; background:none;}
.sr_main .equip_wrap{margin:0; padding:0; border:0;}
.sr_main .equip_wrap > h2:first-of-type{margin:0 0 6px; padding:0; border:0; background:none; font-size:22px; font-weight:800; text-align:left; color:var(--mr-text);}
.sr_main .equip_wrap h3.widget-header{display:flex; align-items:center; gap:8px; margin:30px 0 12px; padding:0; border:0; background:none; font-size:18px; font-weight:700; color:var(--mr-text);}
.sr_main .equip_wrap h3.widget-header > i{display:none;}
.sr_main .equip_wrap h3.widget-header:before{content:""; width:4px; height:16px; border-radius:2px; background:var(--mr-blue);}
.sr_main .equip_wrap table.boot_form2{display:block; width:100%; border:0; border-top:2px solid var(--mr-text); font-size:16px;} /* 보기 화면 정보 칸과 같은 16px */
.sr_main .equip_wrap table.boot_form2 > tbody{display:block;}
.sr_main .equip_wrap table.boot_form2 > tbody > tr:not(.hide){display:grid; grid-template-columns:160px minmax(0,1fr);}
.sr_main .equip_wrap table.boot_form2 > tbody > tr > th,.sr_main .equip_wrap table.boot_form2 > tbody > tr > td{display:block; width:auto !important; padding:11px 14px; border:0; border-bottom:1px solid var(--mr-line); text-align:left;}
.sr_main .equip_wrap table.boot_form2 > tbody > tr > th{display:flex; align-items:center; background:#f7f9fc; color:var(--mr-text); font-size:15px; font-weight:600;}
.sr_main .equip_wrap table.boot_form2 > tbody > tr > th,.sr_main .equip_wrap table.boot_form2 > tbody > tr > td{padding-top:14px !important; padding-bottom:14px !important;}
.sr_main .equip_wrap table.boot_form2 .sr_state{display:inline-block; height:26px; line-height:26px; padding:0 12px; border-radius:13px; font-size:14px; font-style:normal;}
.sr_main .equip_wrap table.boot_form2 > tbody > tr > td{color:#444;}
.sr_main .equip_btn_box{display:flex; justify-content:center; gap:8px; margin:28px 0 0; padding:0; border:0;}
.sr_main .equip_btn_box .btn,.sr_main .sub_page .btn{display:inline-flex; align-items:center; justify-content:center; min-width:110px; height:44px; padding:0 22px; border:1px solid var(--mr-field); border-radius:6px; background:#fff; background-image:none; color:var(--mr-sub); font-size:14px; text-shadow:none; box-shadow:none;}
.sr_main .equip_btn_box .btn:hover,.sr_main .sub_page .btn:hover{border-color:var(--mr-blue); color:var(--mr-blue);}
.sr_main .equip_btn_box .btn:first-child:not(.sr_btn_list){border-color:var(--mr-blue); background:var(--mr-blue); color:#fff;}
.sr_main .equip_btn_box .btn.sr_btn_edit{border-color:var(--mr-blue); background:var(--mr-blue); color:#fff;}
.sr_main .equip_btn_box .btn.sr_btn_edit:hover{background:var(--mr-blue-d); color:#fff;}
.sr_main .equip_btn_box .btn.sr_btn_cancel{border-color:#e3a5a5; color:#c62828;}
.sr_main .equip_btn_box .btn.sr_btn_cancel:hover{border-color:#c62828; background:#fdecec; color:#c62828;}
@media (max-width:720px){
  .sr_main .equip_wrap table.boot_form2 > tbody > tr:not(.hide){grid-template-columns:minmax(0,1fr);}
  .sr_main .equip_wrap table.boot_form2 > tbody > tr > th{padding:8px 12px; border-bottom:0;}
}

/* ── 12) 시설안내(.sr_loc_facility): 좁은 화면에서 층 표시·사진·버튼이 겹치던 것 ─────────
   넓은 화면은 기존 배치(사진 위에 버튼) 그대로 두고, 720px 이하에서만 층 표시 → 사진 → 버튼 순의 한 칸 카드로 세운다
   (마크업이 li > ... 와 li > div > ... 두 가지라 자손 선택자로 맞추고, 옛 규칙보다 앞서도록 .sr_main 을 함께 붙인다) */
.sr_main.sr_loc_facility .iact_vr_index h5{background:var(--mr-blue);}   /* 층 표시(1F 등): 옛 #2892ef 는 흰 글자와 대비 3.26:1 → 사이트 파랑 7.67:1 (휴대폰과 같은 색) */
@media (max-width:720px){
  .sr_main.sr_loc_facility .iact_vr_index > ul{display:block; text-align:left;}
  .sr_main.sr_loc_facility .iact_vr_index > ul > li{display:block; width:auto; margin:0 0 18px;}
  .sr_main.sr_loc_facility .iact_vr_index li:has(> .thum),
  .sr_main.sr_loc_facility .iact_vr_index li > div:has(> .thum){display:flex; flex-direction:column; float:none; width:auto; margin:0 0 18px;}
  .sr_main.sr_loc_facility .iact_vr_index u{display:none;}                                  /* 회색 삼각 장식 */
  .sr_main.sr_loc_facility .iact_vr_index h5{order:1; position:static; display:inline-block; align-self:flex-start; width:auto; height:26px; margin:0 0 8px; padding:0 14px; border-radius:13px; background:var(--mr-blue); font-size:13px; font-weight:700; line-height:26px;}
  .sr_main.sr_loc_facility .iact_vr_index .thum{order:2; position:relative; max-height:none; border-radius:10px; overflow:hidden; background:#f5f7fa;}
  .sr_main.sr_loc_facility .iact_vr_index .thum > div{display:none;}                        /* 사진 위 어두운 막 */
  .sr_main.sr_loc_facility .iact_vr_index .thum img{display:block; width:100%; height:190px; object-fit:cover;}
  .sr_main.sr_loc_facility .iact_vr_index .thum_btn{order:3; position:static; display:flex; flex-wrap:wrap; gap:8px; width:auto; margin-top:8px; text-align:left;}
  .sr_main.sr_loc_facility .iact_vr_index .thum_btn a{flex:1 1 40%; width:auto; min-width:0; margin:0; padding:0; height:44px; line-height:44px; border-radius:8px; border:1px solid #2b3440; background:#2b3440; font-size:14px; font-weight:600; text-align:center;}
  .sr_main.sr_loc_facility .facility_wrap .no_page img{max-width:100%; height:auto;}
}
/* 예약하기 버튼: 빨강 대신 사이트 남색 (넓은 화면은 사진 위라 반투명) */
.sr_main.sr_loc_facility .iact_vr_index .thum_btn a.btn_point{background:rgba(0,83,159,.92); border-color:var(--mr-blue);}
.sr_main.sr_loc_facility .iact_vr_index .thum_btn a.btn_point:hover{border-color:#86b4e6;}
@media (max-width:720px){
  .sr_main.sr_loc_facility .iact_vr_index .thum_btn a.btn_point{background:var(--mr-blue); border-color:var(--mr-blue);}
}

/* 이 달 일정 목록: 좁은 화면에서만 (달력 막대에 글씨가 들어가지 않는 폭) */
.sr_main .sr_cal_mlist{margin-top:18px; border-top:2px solid var(--mr-text); border-bottom: 2px solid var(--mr-text);} 
@media (min-width:721px){ 
.sr_main .sr_cal_mlist{display:none;}
}   /* 넓은 화면은 달력 막대에 글씨가 보이므로 목록은 숨김 */

.sr_main .sr_cal_mhead{display:block; padding:12px 2px 10px; font-size:15px; font-weight:700; color:var(--mr-text);}
.sr_main .sr_cal_mhead b{color:var(--mr-blue);}
.sr_main .sr_cal_mlist ul{margin:0; padding:0; list-style:none;}
.sr_main .sr_cal_mlist li{border-top:1px solid var(--mr-line);}
.sr_main .sr_cal_mlist a{display:block; padding:14px 2px 14px 12px; position:relative; color:inherit;}
.sr_main .sr_cal_mlist a:before{content:""; position:absolute; left:0; top:20px; width:7px; height:7px; border-radius:50%; background:var(--ev,#5b9bd5);}   /* 기관 색 */
.sr_main .sr_cal_mnotice strong:before{content:"중요"; margin-right:6px; padding:1px 6px; border-radius:8px; background:#fdecea; color:#b3261e; font-size:12px; font-weight:700;}
.sr_main .sr_cal_mlist .sr_cal_mdate{display:block; font-size:13px; font-weight:600; color:var(--mr-blue);}
.sr_main .sr_cal_mlist > strong {    background: linear-gradient(135deg, #eaf3fd 0%, #f5f9fd 100%); padding:12px 0 12px 10px; font-weight: 600 !important;}
.sr_main .sr_cal_mlist strong{display:block; /*margin-top:3px;*/ font-size:15px; font-weight:500; line-height:1.5; color:#111; word-break:keep-all;}
.sr_main .sr_cal_mlist .sr_cal_morg{display:block; margin-top:3px; font-size:13px; color:#666;}

/* 마이페이지 비회원 신청내역 조회 (시설·교육): 옛 default.css 의 4칸 float(25%) 틀이라 휴대폰에서 입력칸이 43~65px 로 눌렸다.
   PC 는 한 줄(이름·전화번호·이메일·확인), 휴대폰은 위아래로 (2026 전수점검 9/28) */
.sr_main .guest_login{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:10px 12px; align-items:end; margin:0 0 24px; padding:18px 20px; border:1px solid #dbe6f3; border-radius:12px; background:var(--mr-sky); overflow:visible;}
.sr_main .guest_login > h2{grid-column:1/-1; margin:0; padding:0; border:0; background:none; font-size:16px; font-weight:700; letter-spacing:-.02em; color:var(--mr-text);}
.sr_main .guest_login > p{grid-column:1/-1; margin:-4px 0 2px; padding:0; font-size:13.5px; color:var(--mr-sub);}
.sr_main .guest_login > div{float:none; width:auto; margin:0; padding:0; border:0;}
.sr_main .guest_login > div > dl{display:flex; flex-direction:column; gap:6px; width:auto; margin:0;}
.sr_main .guest_login > div > dl > dt,.sr_main .guest_login > div > dl > dd{display:block; width:auto; margin:0; padding:0; text-align:left;}
.sr_main .guest_login > div > dl > dt{font-size:13px; font-weight:600; color:var(--mr-text);}
.sr_main .guest_login > div > dl > dd input{box-sizing:border-box; width:100%; height:44px; padding:0 12px; border:1px solid var(--mr-field); border-radius:6px; background:#fff; font-size:15px;}
.sr_main .guest_login > div > dl > dd input:focus{border-color:var(--mr-blue); outline:0; box-shadow:0 0 0 3px rgba(0,83,159,.12);}
.sr_main .guest_login > div > button{height:44px; margin:0; padding:0 24px; border:0; border-radius:6px; background:var(--mr-blue); color:#fff; font-size:15px; font-weight:600; cursor:pointer;}
.sr_main .guest_login > div > button:hover{background:var(--mr-blue-d);}
@media (max-width:720px){
  .sr_main .guest_login{grid-template-columns:1fr; padding:16px;}
  .sr_main .guest_login > div > button{width:100%;}
}

/* 옛 default.css 의 p{word-break:break-all} 때문에 문단이 한글 낱말 중간에서 끊겼다(이용안내·게시판 등).
   낱말 단위로 줄을 바꾸고, 끊을 곳 없는 긴 주소만 아무 데서나 끊는다 (2026 전수점검 9/28) */
.sr_main p{word-break:keep-all; overflow-wrap:anywhere;}
/* 로그인: 휴대폰에서 자동로그인 체크박스(14px)·아이디/비밀번호 찾기(높이 19px)가 누르기 작았다 */
.sr_loc_member .ms-confirm-link-left{display:flex; align-items:center; gap:6px;}
.sr_loc_member .ms-confirm-link-left input{width:20px; height:20px; margin:0;}
.sr_loc_member .ms-confirm-link-left label{padding:10px 4px 10px 0; cursor:pointer;}
.sr_loc_member .ms-confirm-link-right a{display:inline-block; padding:10px 2px;}