@charset "utf-8";
/* page.css — page/*.php 개별 페이지
   php 파일에서 추출한 스타일입니다. 값을 여기서 수정하세요. */

/* ── donate.php ──────────────────── */
#ym-wrap .ym-donate-1{padding-top:48px;padding-bottom:80px}  /* <section> <div */
#ym-wrap .ym-donate-2{margin-top:10px}  /* <div> 직접 입력 (원) <input type="tex */
#ym-wrap .ym-donate-3{margin-top:14px;display:flex;flex-direction:column;gap:8px}  /* <div> <div class="fld" */
#ym-wrap .ym-zipbox{display:none;height:420px;border:1px solid rgba(0,0,0,.18);border-radius:6px;overflow:hidden;margin-top:4px}
#ym-wrap .ym-donate-4{display:none;flex-direction:column;gap:12px;margin-top:14px}  /* <div> 카드번호 *</ */
#ym-wrap .ym-donate-5{display:grid;grid-template-columns:1fr 1fr;gap:8px}  /* <div> <input type="text" inputmo */
#ym-wrap .ym-donate-6{display:flex;flex-direction:column;gap:10px;margin-top:12px}  /* <div> <span id="ymDayLabe */
#ym-wrap .ym-donate-7{background:#f4f6f9;border-radius:6px;padding:16px 18px;margin-top:18px;display:flex;flex-direction:column;gap:10px}  /* <div> <div style="font:400 12.5p */
#ym-wrap .ym-donate-8{border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:14px}  /* <div> ✓<div class="cbtx" sty */
#ym-wrap .ym-donate-9{font-weight:700}  /* <div> 아래 항목에 모두 동의합니다 <div class */
#ym-wrap .ym-donate-10{width:100%;border:0}  /* <button> 30,000원 후원 신청하기 <div class */
#ym-wrap .ym-donate-11{background:#264574;border-radius:8px;padding:26px;color:#fff}  /* <div> <div style="font:700 12px  */
#ym-wrap .ym-donate-12{font:900 20px var(--ym-font);margin-top:8px}  /* <div> 후원 내역 <div style="display: */
#ym-wrap .ym-donate-13{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.18)}  /* <div> <div style="font:500 13.5p */
#ym-wrap .ym-donate-14{display:flex;justify-content:space-between;align-items:baseline;padding-top:18px}  /* <div> <div style="font:700 14px  */
#ym-wrap .ym-donate-15{font:700 14px var(--ym-font);color:#b9cbe6}  /* <div> 매월 후원금 <div style="font:90 */
#ym-wrap .ym-donate-16{font:900 26px var(--ym-font);color:#7fc4d0}  /* <div> 30,000원 <div */
#ym-wrap .ym-donate-17{border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:22px;margin-top:16px}  /* <div> <div style="font:800 15px  */
#ym-wrap .ym-donate-18{font:800 22px var(--ym-font);color:#264574}  /* <div> 후원금은 이렇게 쓰입니다 <div style=" */
#ym-wrap .ym-donate-19{background:#f4f6f9;border-radius:8px;padding:20px;margin-top:16px}  /* <div> <div style="font:800 13.5p */
#ym-wrap .ym-donate-20{font:800 13.5px var(--ym-font);color:#264574}  /* <div> 세액공제 안내 <div style="font:4 */
#ym-wrap .ym-donate-21{font:400 12.5px/1.7 var(--ym-font);color:#666;margin-top:8px}  /* <div> 한국 YMCA 전국연맹은 법정기부금 단체로, 연 */
#ym-wrap .ym-donate-22{font:400 12.5px/1.7 var(--ym-font);color:#666;margin-top:10px}  /* <div> 후원 문의 02-754-7891koreaymca */

/* 후원금 사용처 항목 — 크기 별도 지정 */
#ym-wrap .ym-donate-17 .ym-dn-desc{font:400 16px/1.8 var(--ym-font)}
#ym-wrap .ym-donate-17 .ym-dn-desc b{font-size:18px}

/* ── forum.php ──────────────────── */
#ym-wrap .ym-forum-1{padding-top:100px;padding-bottom:100px;text-align:center}  /* <section> 준비중 */
#ym-wrap .ym-forum-2{font:900 60px var(--ym-font);color:#e6e4dd}  /* <div> 준비중 <div style="font:700 2 */
#ym-wrap .ym-forum-3{font:700 20px var(--ym-font);color:#264574;margin-top:16px}  /* <div> 사회혁신포럼 페이지를 준비하고 있습니다 <div */
#ym-wrap .ym-forum-4{font:400 15px/1.8 var(--ym-font);color:#888;margin-top:12px;max-width:560px;margin-left:auto;margin-right:auto}  /* <div> 월 1회 포럼 안내와 문서·영상·사진, 여론조사 */
#ym-wrap .ym-forum-5{display:block;width:fit-content;margin-left:auto;margin-right:auto;background:#264574;color:#fff;padding:12px 28px;border-radius:4px;font:700 14px var(--ym-font);margin-top:28px}  /* <a> 메인으로 돌아가기 <?php include_on */

/* ── history.php ──────────────────── */
#ym-wrap .ym-history-1{max-width:1200px;font:400 16px/1.9 var(--ym-font);color:#333;margin:0 0 44px}  /* <p> 한국 YMCA는 1903년 창립 이래 민족의 독 */
#ym-wrap .ym-history-2{font:400 12.5px var(--ym-font);color:#aaa}  /* <div> ※ 연혁 원고와 사진은 확정본으로 교체 예정입니 */

/* ── location.php ──────────────────── */
#ym-wrap .ym-location-1{position:relative}  /* <div> <div style="position:relat */
#ym-wrap .ym-location-2{position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.1);height:440px;background:#eef1f4;display:flex;align-items:center;justify-content:center}  /* <div>  */
#ym-wrap .ym-location-3{width:100%;height:100%;object-fit:cover}  /* <img> <div style="position:absol */
#ym-wrap .ym-location-4{position:absolute;left:16px;top:16px;background:rgba(38,69,116,.92);color:#fff;padding:8px 16px;border-radius:4px;font:600 12.5px var(--ym-font)}  /* <div> 한국 YMCA 전국연맹 <div style="d */
/* 카카오맵 지도퍼가기 — 하단 주소·전화 정보 숨김 */
#ym-wrap .ym-location-2 .root_daum_roughmap{width:100%;height:100%;overflow:hidden}
#ym-wrap .ym-location-2 .root_daum_roughmap .wrap_map{height:100% !important}
#ym-wrap .ym-location-2 .root_daum_roughmap .section_address,
#ym-wrap .ym-location-2 .root_daum_roughmap .wrap_borderd,
#ym-wrap .ym-location-2 .root_daum_roughmap .map_border{display:none !important}

#ym-wrap .ym-location-5{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:12px}  /* <div> <div style="font:600 13.5p */
#ym-wrap .ym-location-6{font:600 13.5px/1.6 var(--ym-font);color:#264574}  /* <div> 서울특별시 마포구 잔다리로 68 (서교동 376 */
#ym-wrap .ym-location-7{font:600 13px var(--ym-font);color:#1497ab;white-space:nowrap}  /* <a> 카카오맵에서 보기 ↗ <div style="bo */
#ym-wrap .ym-location-8{border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:28px 26px 26px;margin-top:24px;position:relative}  /* <div> <div style="position:absol */
#ym-wrap .ym-location-9{position:absolute;left:26px;top:-15px;background:#c8102e;color:#fff;border-radius:16px;padding:7px 24px;font:800 15px var(--ym-font)}  /* <div> 오시는 길 <div style="display: */
#ym-wrap .ym-location-10{display:grid;grid-template-columns:88px 1fr;gap:18px 20px;margin-top:10px;align-items:start}  /* <div> <div style="display:flex;a */
#ym-wrap .ym-location-11{font:500 14px/1.6 var(--ym-font);color:#333}  /* <div> 합정역 2호선, 6호선 / 홍대입구역 2호선 < */
#ym-wrap .ym-location-12{display:flex;flex-direction:column;gap:7px;font:500 14px/1.5 var(--ym-font);color:#333}  /* <div> 간선 : 271 602 603 604 761 N */
#ym-wrap .ym-location-13{font:900 20px var(--ym-font);color:#264574;margin-bottom:18px}  /* <div> <div style="display:flex;f */
#ym-wrap .ym-location-14{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.08)}  /* <div> <div style="font:700 15px  */
#ym-wrap .ym-location-15{font:700 15px var(--ym-font);color:#1c1c1c}  /* <div> <div style="font:400 13px  */
#ym-wrap .ym-location-16{font:400 13px var(--ym-font);color:#888;margin-top:3px}  /* <div> <div style="text-align */
#ym-wrap .ym-location-17{text-align:right}  /* <div> <div style="font:600 13px  */
#ym-wrap .ym-location-18{font:500 12px var(--ym-font);color:#aaa;margin-top:3px}  /* <div> </ */

/* ── people.php ──────────────────── */
#ym-wrap .ym-people-1{margin-bottom:48px}  /* <div> <div style="font:900 22px  */

/* 임원 카드 */
#ym-wrap .ym-pp-execs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
#ym-wrap .ym-pp-exec{border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:20px;
  background:linear-gradient(180deg,#f7fafc,#fff)}
#ym-wrap .ym-pp-exec-role{font:800 12.5px var(--ym-font);color:#e53324;letter-spacing:.04em}
#ym-wrap .ym-pp-exec-name{font:900 20px var(--ym-font);color:#1c1c1c;margin-top:8px}
#ym-wrap .ym-pp-exec-org{font:500 13px var(--ym-font);color:#8a94a3;margin-top:5px}

/* 이사 명단 */
#ym-wrap .ym-pp-group{margin-top:34px}
#ym-wrap .ym-pp-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;
  border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:10px;margin-bottom:16px}
#ym-wrap .ym-pp-title{font:800 16px var(--ym-font);color:#264574}
#ym-wrap .ym-pp-count{font:700 12.5px var(--ym-font);color:#1497ab;
  background:rgba(20,151,171,.10);border-radius:999px;padding:3px 10px}
#ym-wrap .ym-pp-desc{font:400 13px var(--ym-font);color:#8a94a3}
#ym-wrap .ym-pp-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#ym-wrap .ym-pp-list[data-pp="ex"]{grid-template-columns:repeat(2,1fr)}
#ym-wrap .ym-pp-item{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;
  border:1px solid rgba(0,0,0,.07);border-radius:6px;padding:11px 14px;background:#fff}
#ym-wrap .ym-pp-org{font:500 12.5px var(--ym-font);color:#8a94a3;flex:0 0 auto}
#ym-wrap .ym-pp-list[data-pp="ex"] .ym-pp-org{white-space:normal}
#ym-wrap .ym-pp-name{font:700 15px var(--ym-font);color:#1c1c1c;margin-left:auto}
#ym-wrap .ym-pp-list[data-pp="reco"] .ym-pp-name{margin-left:0}
#ym-wrap .ym-pp-badge{font:700 11.5px var(--ym-font);color:#e53324;
  background:rgba(229,51,36,.09);border-radius:999px;padding:3px 8px;flex:0 0 auto}
#ym-wrap .ym-pp-list[data-pp="reco"] .ym-pp-badge{margin-left:auto}

/* 사무국 */
#ym-wrap .ym-pp-staff{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#ym-wrap .ym-pp-staff-item{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#ym-wrap .ym-pp-staff-name{font:800 17px var(--ym-font);color:#1c1c1c}
#ym-wrap .ym-pp-staff-role{font:600 13px var(--ym-font);color:#1497ab}

@media (max-width:1023px){
  #ym-wrap .ym-pp-execs{grid-template-columns:repeat(2,1fr)}
  #ym-wrap .ym-pp-list{grid-template-columns:repeat(3,1fr)}
  #ym-wrap .ym-pp-list[data-pp="ex"]{grid-template-columns:1fr}
  #ym-wrap .ym-pp-staff{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  #ym-wrap .ym-pp-execs{grid-template-columns:1fr}
  #ym-wrap .ym-pp-list{grid-template-columns:repeat(2,1fr)}
  #ym-wrap .ym-pp-staff{grid-template-columns:1fr}
}

/* ── regions.php ──────────────────── */
#ym-wrap .ym-regions-1{padding-top:36px;padding-bottom:72px}
#ym-wrap .reg-map-block{max-width:1000px;margin:0 auto 56px}
#ym-wrap .reg-two{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:start}
#ym-wrap .reg-pane{min-width:0;padding:14px 0 18px}
#ym-wrap .reg-pane-l{background:#f4f7fb;border-radius:10px}
#ym-wrap .reg-pane-h{font:800 19px var(--ym-font);color:#264574;margin-bottom:10px;padding-left:16px}
#ym-wrap .reg-pane-r .reg-pane-h{padding-left:0}
#ym-wrap .reg-pane .kmap-wrap{height:470px}
#ym-wrap .reg-pane .kmap{display:block;width:100%;height:100%;overflow:hidden}
#ym-wrap .reg-lhint{margin:10px 16px 0;font:500 13.5px var(--ym-font);color:#8a94a4;text-align:center}
#ym-wrap .reg-pane-top{display:flex;justify-content:space-between;align-items:center;padding-right:12px}
#ym-wrap .reg-vtoggle{display:flex;gap:4px}
#ym-wrap .reg-vbtn{display:flex;align-items:center;justify-content:center;width:32px;height:30px;padding:0;
  border:1px solid rgba(38,69,116,.18);border-radius:6px;background:#fff;color:#7b8ca6;cursor:pointer;
  transition:background .12s,color .12s,border-color .12s}
#ym-wrap .reg-vbtn:hover{color:#264574;border-color:rgba(38,69,116,.4)}
#ym-wrap .reg-vbtn[data-on="1"]{background:#264574;border-color:#264574;color:#fff}
#ym-wrap .reg-plist{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 12px 0}
#ym-wrap .reg-pbtn{padding:11px 6px;border:1px solid rgba(38,69,116,.18);border-radius:6px;background:#fff;
  font:600 14.5px var(--ym-font);color:#41506b;cursor:pointer;transition:background .12s,color .12s}
#ym-wrap .reg-pbtn:hover{border-color:#264574;color:#264574}
#ym-wrap .reg-pbtn[data-on="1"]{background:#264574;border-color:#264574;color:#fff}

/* 지도 공통 */
#ym-wrap .kmap-wrap{position:relative}
#ym-wrap .kmap-ovl{position:absolute;inset:0;pointer-events:none}
#ym-wrap .reg-pane-l .kmap-wrap{background:radial-gradient(120% 95% at 50% 18%,#f2f7fd 0%,#e3ecf7 62%,#d6e2f0 100%);
  border-radius:10px;margin:0 12px}
#ym-wrap .prov-lift path{fill:#9fadc1;stroke:#9fadc1;stroke-width:4;stroke-linejoin:round;transform:translate(0,8px)}
#ym-wrap .prov-layer{filter:drop-shadow(0 4px 5px rgba(28,46,76,.28))}
#ym-wrap .prov-out{fill:#a7b1c0;stroke:#a7b1c0;stroke-width:4;stroke-linejoin:round}
#ym-wrap .dokdo{fill:#f4f6f9;stroke:#a7b1c0;stroke-width:3}
#ym-wrap .prov-fill{fill:#f4f6f9;stroke:#f4f6f9;stroke-width:1.2;cursor:pointer}
#ym-wrap .prov[data-in="0"] .prov-fill{fill:#eceff4}
#ym-wrap .prov[data-active="1"] .prov-fill{fill:#c9dbee}
#ym-wrap .prov[data-active="1"] .prov-out{fill:#264574;stroke:#264574}
#ym-wrap .kmap-wrap[data-zoom="1"] .prov[data-in="0"]{opacity:.5}
#ym-wrap .kmap-wrap[data-zoom="1"] .prov[data-in="1"] .prov-fill{fill:#fff}
#ym-wrap .detail-base path{fill:#fff;stroke:#c5cedb;stroke-width:.8}
#ym-wrap .kmap-shadow{transform:translate(2px,2px)}
#ym-wrap .kmap-shadow path{fill:#7c8899;opacity:.55}
#ym-wrap .reg{transition:transform .38s cubic-bezier(.2,.8,.2,1)}
#ym-wrap .reg .reg-fill{pointer-events:auto;cursor:pointer}
#ym-wrap .kmap-wrap[data-zoom="1"] .reg[data-in="1"]{transform:translateY(-12px)}
#ym-wrap .kmap-wrap[data-zoom="1"][data-lift="sm"] .reg[data-in="1"]{transform:translateY(-3px)}
#ym-wrap .kmap-wrap[data-zoom="1"] .reg[data-in="1"] .reg-fill{fill:#4a7fb5;stroke:#264574;stroke-width:1.2}
#ym-wrap .kmap-wrap[data-zoom="1"] .reg[data-in="1"][data-active="1"] .reg-fill{fill:#264574;stroke:#1a3355}
#ym-wrap .kmap-wrap[data-zoom="1"] .reg[data-in="1"][data-active="1"] .reg-dot{fill:#e53324}
#ym-wrap .kmap-wrap[data-zoom="1"] .reg[data-in="1"] .reg-dot{fill:#fff}
#ym-wrap .kmap-wrap[data-zoom="1"] .kmap-label{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);color:#264574}
#ym-wrap .kmap-wrap[data-zoom="1"] .kmap-label[data-active="1"]{background:#e53324;color:#fff}
#ym-wrap .lead-layer line{stroke:#8fa0b6;stroke-width:1.2;vector-effect:non-scaling-stroke}
#ym-wrap .lead-layer line[data-active="1"]{stroke:#e53324;stroke-width:2}
#ym-wrap .reg-inset-link{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#ym-wrap .reg-inset-link line{stroke:#9aa6b6;stroke-width:1.4;vector-effect:non-scaling-stroke}

/* 광역 칩 */
#ym-wrap .gchip{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;cursor:pointer;
  pointer-events:auto;padding:3px 8px;border-radius:999px;font:700 12px var(--ym-font);color:#fff;
  background:#7a869a;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:background .14s,transform .14s}
#ym-wrap .gchip:hover,#ym-wrap .gchip[data-active="1"]{background:#264574;transform:translate(-50%,-50%) scale(1.06)}
#ym-wrap .gchip[data-sel="1"]{background:#264574;box-shadow:0 2px 8px rgba(38,69,116,.4)}

/* 전남 상세의 광주 인셋 */
#ym-wrap .reg-inset{position:absolute;left:0;top:0;width:33%;height:29%;background:#eef1f5;
  border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:24px 8px 8px;box-sizing:border-box}
#ym-wrap .reg-inset .kmap{width:100%;height:100%}
#ym-wrap .reg-inset-h{position:absolute;left:10px;top:6px;font:700 13px var(--ym-font);color:#41506b}
#ym-wrap .reg-inset-tag{position:absolute;right:10px;bottom:8px;padding:2px 8px;border-radius:4px;
  background:#264574;color:#fff;font:600 12.5px var(--ym-font);cursor:pointer}
#ym-wrap .reg-inset-tag[data-active="1"]{background:#e53324}

/* 오른쪽 기본 화면 */
#ym-wrap .reg-hero{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:6px;text-align:center;padding:0 20px}
#ym-wrap .reg-hero-eyebrow{font:700 14.5px var(--ym-font);color:#1497ab}
#ym-wrap .reg-hero-title{font:800 30px var(--ym-font);color:#264574;letter-spacing:-.5px}
#ym-wrap .reg-hero-sub{font:500 14.5px var(--ym-font);color:#5b6779;margin-bottom:14px}
/* 대표 이미지. 파일은 600x460 이고 틀은 4:3 이라 cover 로 위아래를 2%쯤 잘라 채웁니다.
   CSS 안의 주소에는 ym_ver() 를 붙일 수 없으므로, 이미지를 갈아끼울 때 아래 ?v= 숫자를
   올려 주세요. 안 올리면 브라우저·클라우드플레어가 옛 이미지를 계속 씁니다. */
#ym-wrap .reg-hero-img{width:min(300px,72%);aspect-ratio:4/3;border-radius:10px;
  background:#e9edf2 url(../img/regions.jpg?v=1) center/cover no-repeat}

/* 지도 위 상세 연락처 바 */
#ym-wrap .reg-detail{min-height:96px;display:flex;align-items:center;
  border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#f6f8fb;
  padding:18px 26px;margin-bottom:22px}
#ym-wrap .reg-detail-hint{font:500 14px/1.5 var(--ym-font);color:#8a94a4}
#ym-wrap .reg-dt{display:flex;justify-content:space-between;align-items:flex-start;
  gap:24px;width:100%;animation:ymcaSlide .3s ease}
#ym-wrap .reg-dt-name{font:800 24px var(--ym-font);color:#264574}
#ym-wrap .reg-dt-addr{font:400 15px/1.5 var(--ym-font);color:#5b6472;margin-top:6px}
#ym-wrap .reg-map-ico{font:600 13px var(--ym-font);color:#1497ab;white-space:nowrap;text-decoration:underline;margin-left:6px}
#ym-wrap .reg-map-ico:hover{color:#264574}
#ym-wrap .reg-dt-r{text-align:right;flex:none}
#ym-wrap .reg-dt-tel{font:700 20px var(--ym-font);color:#1497ab}
#ym-wrap .reg-dt-site{display:inline-block;margin-top:6px;font:500 13px var(--ym-font);
  color:#264574;text-decoration:underline}

/* 지도 라벨 */
#ym-wrap .kmap-label{position:absolute;white-space:nowrap;pointer-events:auto;cursor:pointer;
  padding:2px 6px;border-radius:4px;font:600 14px var(--ym-font);color:#41506b;
  background:transparent;transform:translateY(-50%);transition:color .12s,background .12s}
#ym-wrap .kmap-label:hover{color:#e53324}
#ym-wrap .kmap-label[data-active="1"]{background:#e53324;color:#fff;font-weight:800}

/* 연락처 목록 */
#ym-wrap .ym-regions-4{display:flex;justify-content:space-between;align-items:baseline;
  margin-bottom:14px;border-bottom:2px solid #264574;padding-bottom:12px}
#ym-wrap .ym-regions-5{font:900 22px var(--ym-font);color:#264574}
#ym-wrap .ym-regions-6{font:500 13px var(--ym-font);color:#888}
#ym-wrap .reg-grid{display:grid;grid-template-columns:1fr}
#ym-wrap .reg-row{display:grid;grid-template-columns:150px 1fr 130px 74px 78px;align-items:center;gap:16px;
  padding:11px 10px;border-bottom:1px solid rgba(0,0,0,.07);cursor:pointer;transition:background .15s}
#ym-wrap .reg-row:hover{background:#f6f8fb}
#ym-wrap .reg-row[data-active="1"]{background:#eef3fa}
#ym-wrap .reg-name{font:700 15px var(--ym-font);color:#1c1c1c}
#ym-wrap .reg-addr{font:400 13px var(--ym-font);color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ym-wrap .reg-map{font:500 12px var(--ym-font);color:#1497ab;text-decoration:underline;text-align:right;white-space:nowrap}
#ym-wrap .reg-map:hover{color:#264574}
#ym-wrap .reg-tel{font:600 14px var(--ym-font);color:#1497ab}
#ym-wrap .reg-site{font:500 12px var(--ym-font);color:#264574;text-decoration:underline;text-align:right}
#ym-wrap .ym-regions-8{font:400 12px var(--ym-font);color:#aaa;margin-top:18px}

@media(max-width:820px){
  #ym-wrap .reg-two{grid-template-columns:1fr;gap:20px}
  #ym-wrap .reg-pane-l .kmap-wrap{max-width:340px;margin:0 auto}
  #ym-wrap .reg-pane-r .reg-pane-h{font-size:18px}
}
@media(max-width:640px){
  #ym-wrap .reg-row{grid-template-columns:1fr auto;gap:4px 12px}
  #ym-wrap .reg-addr{grid-column:1/-1;order:3}
  #ym-wrap .reg-map{order:4;text-align:left}
  #ym-wrap .reg-site{order:5}
  #ym-wrap .reg-dt{flex-direction:column;gap:8px}
  #ym-wrap .reg-dt-r{text-align:left}
  #ym-wrap .reg-dt-name{font-size:20px}
}

/* ── donate_done.php ──────────────────── */
#ym-wrap .ym-done-1{padding-top:60px;padding-bottom:100px}
#ym-wrap .ym-done-box{max-width:760px;margin-left:auto;margin-right:auto;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:40px 38px}
#ym-wrap .ym-done-num{font:700 13px var(--ym-font);color:#888;letter-spacing:.04em}
#ym-wrap .ym-done-num b{font:900 20px var(--ym-font);color:#264574;margin-left:6px}
#ym-wrap .ym-done-lead{font:700 20px/1.6 var(--ym-font);color:#1c1c1c;margin-top:14px}
#ym-wrap .ym-done-list{display:flex;flex-direction:column;gap:10px;margin-top:22px;padding-left:18px;list-style:disc}
#ym-wrap .ym-done-list li{font:400 15px/1.7 var(--ym-font);color:#555}
#ym-wrap .ym-done-tel{text-align:center;font:600 14px/1.7 var(--ym-font);color:#264574;margin-top:26px;padding-top:20px;border-top:1px solid rgba(0,0,0,.08)}


/* ── 본문 강조 텍스트 (24px/32px, bold) ── */
#ym-wrap main .ym-t24{font-size:24px;line-height:32px;font-weight:700;color:#111;word-break:keep-all}
#ym-wrap main .ym-t24-navy{font-size:24px;line-height:32px;font-weight:700;color:#264574;word-break:keep-all}


/* ── vision.php ──────────────────── */
#ym-wrap .ym-vs-inner{max-width:1000px;margin:0 auto}
#ym-wrap .ym-vs-eyebrow{font:800 12.5px var(--ym-font);color:#1497ab;letter-spacing:.2em}
#ym-wrap .ym-vs-h{font:900 clamp(22px,2.6vw,30px) var(--ym-font);color:#264574;margin:12px 0 0;
  padding-bottom:18px;position:relative}
#ym-wrap .ym-vs-h::after{content:'';position:absolute;left:0;bottom:0;width:48px;height:3px;background:#e53324}

/* 목적문 */
#ym-wrap .ym-vs-purpose{background:#f8fafc}
#ym-wrap .ym-vs-intro{font:400 17px/1.95 var(--ym-font);color:#444;margin:30px 0 0;word-break:keep-all}
#ym-wrap .ym-vs-src{font:800 18px var(--ym-font);color:#1497ab;letter-spacing:.02em;
  margin-top:38px;padding-top:34px;border-top:1px solid rgba(0,0,0,.08)}
#ym-wrap .ym-vs-quote{font:700 clamp(17px,1.9vw,19px)/2 var(--ym-font);color:#111;
  margin:16px 0 0;word-break:keep-all}
#ym-wrap .ym-vs-en{margin-top:38px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:30px 34px}
#ym-wrap .ym-vs-en-h{font:800 15px var(--ym-font);color:#264574;letter-spacing:.01em}
#ym-wrap .ym-vs-en-p{font:400 15px/1.85 var(--ym-font);color:#555;margin:12px 0 0}

/* 비전선언문 */
#ym-wrap .ym-vs-vision{background:#fff;color:#1c1c1c;border-top:1px solid rgba(0,0,0,.08)}
#ym-wrap .ym-vs-slogan{font:900 clamp(24px,3.6vw,30px)/1.5 var(--ym-font);color:#264574;
  margin:30px 0 0;word-break:keep-all}
#ym-wrap .ym-vs-sub{font:600 16px var(--ym-font);color:#7a8494;margin-top:14px}
#ym-wrap .ym-vs-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:38px}
#ym-wrap .ym-vs-photo{width:100%;height:260px;object-fit:cover;border-radius:8px}
#ym-wrap .ym-vs-cap{font:400 13px var(--ym-font);color:#9aa4b2;margin-top:12px}
#ym-wrap .ym-vs-body{margin-top:40px;padding-top:34px;border-top:1px solid rgba(0,0,0,.08)}
#ym-wrap .ym-vs-lead{font:600 clamp(16px,1.7vw,19px)/1.95 var(--ym-font);color:#1c1c1c;margin:0 0 26px;word-break:keep-all}
#ym-wrap .ym-vs-p{font:400 16px/1.95 var(--ym-font);color:#555;margin:0 0 20px;word-break:keep-all}
#ym-wrap .ym-vs-ourvision{margin-top:34px;background:#f4f6f9;border-left:4px solid #e53324;
  border-radius:0 10px 10px 0;padding:30px 34px}
#ym-wrap .ym-vs-ov-h{font:900 20px var(--ym-font);color:#264574}
#ym-wrap .ym-vs-ov-p{font:500 17px/1.95 var(--ym-font);color:#333;margin:14px 0 0;word-break:keep-all}
#ym-wrap .ym-vs-sign{margin-top:40px;text-align:center}
#ym-wrap .ym-vs-date{font:500 15px var(--ym-font);color:#7a8494}
#ym-wrap .ym-vs-org{font:800 19px var(--ym-font);color:#264574;margin-top:8px;letter-spacing:-.01em}
@media (max-width:767px){
  #ym-wrap .ym-vs-photos{grid-template-columns:1fr}
  #ym-wrap .ym-vs-photo{height:200px}
  #ym-wrap .ym-vs-en,#ym-wrap .ym-vs-ourvision{padding:24px 20px}
}


/* ── badge.php ──────────────────── */
#ym-wrap .ym-bd-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
#ym-wrap .ym-bd-row{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center;
  border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:36px 40px;background:#fff}
#ym-wrap .ym-bd-row-rev{direction:rtl}
#ym-wrap .ym-bd-row-rev>*{direction:ltr}
#ym-wrap .ym-bd-figure{display:flex;align-items:center;justify-content:center;
  background:#f8fafc;border-radius:10px;padding:28px;min-height:220px}
#ym-wrap .ym-bd-img{max-width:100%;max-height:180px;object-fit:contain}
#ym-wrap .ym-bd-no{font:900 13px var(--ym-font);color:#e53324;letter-spacing:.14em}
#ym-wrap .ym-bd-h{font:900 clamp(20px,2.2vw,25px) var(--ym-font);color:#264574;margin:10px 0 0;
  padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.08)}
#ym-wrap .ym-bd-p{font:400 16px/1.9 var(--ym-font);color:#555;margin:18px 0 0;word-break:keep-all}
#ym-wrap .ym-bd-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#ym-wrap .ym-bd-tag{font:700 13px var(--ym-font);color:#264574;background:#eef3fa;
  border-radius:999px;padding:8px 16px}
@media (max-width:767px){
  #ym-wrap .ym-bd-row,#ym-wrap .ym-bd-row-rev{grid-template-columns:1fr;gap:24px;padding:26px 22px;direction:ltr}
  #ym-wrap .ym-bd-figure{min-height:0;padding:22px}
  #ym-wrap .ym-bd-img{max-height:140px}
}


/* ── world.php ──────────────────── */
#ym-wrap .ym-wd-inner{max-width:1000px;margin:0 auto}
#ym-wrap .ym-wd-band{width:100%;height:clamp(220px,32vw,400px);overflow:hidden}
#ym-wrap .ym-wd-band-img{width:100%;height:100%;object-fit:cover;display:block}
#ym-wrap .ym-wd-cap{font:400 12.5px var(--ym-font);color:#9aa4b2;margin-top:10px}
/* 이동 바 — 헤더 밑에 붙어 따라옵니다. top 은 헤더 높이(--ym-hd-h)를 그대로 씁니다. */
#ym-wrap .ym-wd-nav{position:sticky;top:var(--ym-hd-h,80px);z-index:40;background:#fff;
  border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);margin-top:20px}
#ym-wrap .ym-wd-navrow{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0}
#ym-wrap .ym-wd-navlink{font:700 13.5px var(--ym-font);color:#264574;background:#f4f6f9;
  border-radius:999px;padding:9px 18px;text-decoration:none;transition:background .14s,color .14s}
#ym-wrap .ym-wd-navlink:hover{background:#264574;color:#fff}
#ym-wrap .ym-wd-navlink.on{background:#264574;border-color:#264574;color:#fff}
/* 앵커가 헤더+이동 바에 가리지 않도록 — 이동 바 높이(64px)를 더합니다 */
#ym-wrap .ym-wd-sec{scroll-margin-top:calc(var(--ym-hd-h,80px) + 64px)}
#ym-wrap .ym-wd-alt{background:#f8fafc}
#ym-wrap .ym-wd-eyebrow{font:800 12.5px var(--ym-font);color:#1497ab;letter-spacing:.18em}
#ym-wrap .ym-wd-h{font:900 clamp(22px,2.6vw,30px) var(--ym-font);color:#264574;margin:12px 0 0;
  padding-bottom:18px;position:relative}
#ym-wrap .ym-wd-h::after{content:'';position:absolute;left:0;bottom:0;width:48px;height:3px;background:#e53324}
#ym-wrap .ym-wd-label{font:800 18px var(--ym-font);color:#1c1c1c;margin-top:30px}
#ym-wrap .ym-wd-lead{font:600 clamp(16px,1.7vw,19px)/1.95 var(--ym-font);color:#1c1c1c;margin:20px 0 0;word-break:keep-all}
#ym-wrap .ym-wd-p{font:400 16px/1.95 var(--ym-font);color:#555;margin:18px 0 0;word-break:keep-all}
#ym-wrap .ym-wd-quote{font:700 clamp(16px,1.8vw,19px)/1.95 var(--ym-font);color:#111;word-break:keep-all;
  margin:22px 0 0;padding:26px 30px;background:#f4f6f9;border-left:4px solid #e53324;border-radius:0 10px 10px 0}
#ym-wrap .ym-wd-alt .ym-wd-quote{background:#fff;border:1px solid rgba(0,0,0,.08);border-left:4px solid #e53324}
#ym-wrap .ym-wd-src{font:500 14px var(--ym-font);color:#7a8494;margin-top:18px}
#ym-wrap .ym-wd-ol,#ym-wrap .ym-wd-ul{margin:22px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:12px}
#ym-wrap .ym-wd-ol{list-style:decimal}
#ym-wrap .ym-wd-ul{list-style:disc}
#ym-wrap .ym-wd-li{font:400 16px/1.85 var(--ym-font);color:#333;word-break:keep-all;padding-left:4px}
#ym-wrap .ym-wd-li::marker{color:#e53324;font-weight:800}
#ym-wrap .ym-wd-split{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start;margin-top:26px}
#ym-wrap .ym-wd-split .ym-wd-p:first-child{margin-top:0}
#ym-wrap .ym-wd-fig{margin:0}
#ym-wrap .ym-wd-figimg{width:100%;border-radius:8px;border:1px solid rgba(0,0,0,.08)}
#ym-wrap .ym-wd-figcap{font:400 12.5px/1.6 var(--ym-font);color:#9aa4b2;margin-top:10px}
#ym-wrap .ym-wd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
#ym-wrap .ym-wd-stat{background:#f4f6f9;border-radius:10px;padding:22px 20px;text-align:center}
#ym-wrap .ym-wd-stat b{display:block;font:900 clamp(22px,2.4vw,28px) var(--ym-font);color:#264574}
#ym-wrap .ym-wd-stat span{display:block;font:600 13px var(--ym-font);color:#7a8494;margin-top:6px}
#ym-wrap .ym-wd-map{width:100%;border-radius:10px;border:1px solid rgba(0,0,0,.08);margin-top:22px}
#ym-wrap .ym-wd-link{display:inline-flex;align-items:center;margin-top:16px;
  font:700 14.5px var(--ym-font);color:#264574;text-decoration:none;
  border:1px solid #264574;border-radius:6px;padding:11px 22px;transition:background .14s,color .14s}
#ym-wrap .ym-wd-link:hover{background:#264574;color:#fff}
#ym-wrap .ym-wd-en{margin-top:34px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:30px 34px}
#ym-wrap .ym-wd-alt .ym-wd-en{background:#fff}
#ym-wrap .ym-wd-en-h{font:800 15px var(--ym-font);color:#264574}
#ym-wrap .ym-wd-en-p{font:400 15px/1.85 var(--ym-font);color:#555;margin:12px 0 0}
#ym-wrap .ym-wd-en-ol,#ym-wrap .ym-wd-en-ul{margin:14px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
#ym-wrap .ym-wd-en-ol{list-style:decimal}
#ym-wrap .ym-wd-en-ul{list-style:disc}
#ym-wrap .ym-wd-en-ol li,#ym-wrap .ym-wd-en-ul li{font:400 15px/1.8 var(--ym-font);color:#555}
@media (max-width:767px){
  /* 알약이 두 줄로 접히면 스티키 바가 화면을 다 먹으므로 가로 스크롤로 바꿉니다 */
  #ym-wrap .ym-wd-navrow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
  #ym-wrap .ym-wd-navrow::-webkit-scrollbar{display:none}
  #ym-wrap .ym-wd-navlink{flex:0 0 auto}
  #ym-wrap .ym-wd-sec{scroll-margin-top:calc(var(--ym-hd-h,64px) + 60px)}
  #ym-wrap .ym-wd-split{grid-template-columns:1fr;gap:24px}
  #ym-wrap .ym-wd-stats{grid-template-columns:1fr 1fr}
  #ym-wrap .ym-wd-quote{padding:22px 20px}
  #ym-wrap .ym-wd-en{padding:24px 20px}
}


/* ── act_guide.php ──────────────────── */
/* 주제별 값 네 개를 한 줄에 묶어 둡니다. data-ag 는 이동 바의 <a> 와 본문 <section>,
   개요 타일에 함께 붙어 있어서 아래 값들이 그 안쪽으로 그대로 흘러갑니다.
     --ag-acc   강조색 (번호 원, 이동 바 켜짐, 링크 버튼)
     --ag-scrim 사진 위에 덮는 색 (글자가 읽히도록)
     --ag-tint  해시태그처럼 아주 옅게 깔 때
     --ag-img   주제 사진. url() 은 이 css 파일 기준 상대경로입니다
   사진을 실사진으로 바꿀 때는 img/act/ 안의 같은 파일명을 덮어쓰면 됩니다.
   주제를 추가하면 이 표에 한 줄만 늘리면 됩니다. */
#ym-wrap [data-ag="peace"]  {--ag-acc:#2b6cb0;--ag-scrim:rgba(20,45,80,.72);--ag-tint:rgba(43,108,176,.09);--ag-img:url(../img/act/peace.jpg)}
#ym-wrap [data-ag="global"] {--ag-acc:#1497ab;--ag-scrim:rgba(10,58,66,.72);--ag-tint:rgba(20,151,171,.10);--ag-img:url(../img/act/global.jpg)}
#ym-wrap [data-ag="teen"]   {--ag-acc:#d9822b;--ag-scrim:rgba(88,50,10,.72);--ag-tint:rgba(217,130,43,.11);--ag-img:url(../img/act/teen.jpg)}
#ym-wrap [data-ag="young"]  {--ag-acc:#d1553f;--ag-scrim:rgba(84,28,20,.72);--ag-tint:rgba(209,85,63,.10);--ag-img:url(../img/act/young.jpg)}
#ym-wrap [data-ag="edu"]    {--ag-acc:#7a5cc4;--ag-scrim:rgba(46,30,84,.72);--ag-tint:rgba(122,92,196,.10);--ag-img:url(../img/act/edu.jpg)}
#ym-wrap [data-ag="local"]  {--ag-acc:#2f7f6a;--ag-scrim:rgba(14,58,48,.72);--ag-tint:rgba(47,127,106,.10);--ag-img:url(../img/act/local.jpg)}
#ym-wrap [data-ag="civic"]  {--ag-acc:#264574;--ag-scrim:rgba(16,32,60,.72);--ag-tint:rgba(38,69,116,.09);--ag-img:url(../img/act/civic.jpg)}
#ym-wrap [data-ag="climate"]{--ag-acc:#5a9e2f;--ag-scrim:rgba(30,62,14,.72);--ag-tint:rgba(90,158,47,.10);--ag-img:url(../img/act/climate.jpg)}

#ym-wrap .ym-ag-inner{max-width:1000px;margin:0 auto}
#ym-wrap .ym-ag-nav{position:sticky;top:var(--ym-hd-h,80px);z-index:40;background:#fff;
  border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
#ym-wrap .ym-ag-navrow{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0}
#ym-wrap .ym-ag-navlink{font:700 13.5px var(--ym-font);color:#264574;background:#f4f6f9;
  border:1px solid transparent;border-radius:999px;padding:9px 18px;text-decoration:none;
  transition:background .14s,color .14s,border-color .14s}
#ym-wrap .ym-ag-navlink:hover{background:#264574;color:#fff}
#ym-wrap .ym-ag-navlink.on{background:var(--ag-acc,#264574);border-color:var(--ag-acc,#264574);color:#fff}

/* 개요 타일 8개 — 주제 사진 위에 글자를 얹습니다 */
#ym-wrap .ym-ag-grid8{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
#ym-wrap .ym-ag-tile{position:relative;display:block;height:190px;overflow:hidden;
  border-radius:12px;text-decoration:none;background:#e9edf1;isolation:isolate}
#ym-wrap .ym-ag-tile-img{position:absolute;inset:0;background-image:var(--ag-img);
  background-size:cover;background-position:center;transform:scale(1.02);
  transition:transform .5s cubic-bezier(.2,.7,.3,1)}
/* 아래로 갈수록 짙어지는 막 — 사진이 실사진으로 바뀌어도 글자가 읽힙니다 */
#ym-wrap .ym-ag-tile-veil{position:absolute;inset:0;
  background:linear-gradient(to top,var(--ag-scrim,rgba(20,32,52,.72)) 0%,
    rgba(20,32,52,.34) 52%,rgba(20,32,52,.10) 100%);
  transition:opacity .3s}
#ym-wrap .ym-ag-tile-body{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 16px}
#ym-wrap .ym-ag-tile-no{display:block;font:900 11.5px var(--ym-font);font-style:normal;
  color:rgba(255,255,255,.72);letter-spacing:.16em}
#ym-wrap .ym-ag-tile-t{display:block;font:800 18px var(--ym-font);color:#fff;margin-top:6px}
#ym-wrap .ym-ag-tile-s{display:block;font:500 12.5px/1.6 var(--ym-font);
  color:rgba(255,255,255,.82);margin-top:5px;word-break:keep-all}
#ym-wrap .ym-ag-tile:hover .ym-ag-tile-img{transform:scale(1.1)}
#ym-wrap .ym-ag-tile:hover .ym-ag-tile-veil{opacity:.86}
#ym-wrap .ym-ag-tile:focus-visible{outline:3px solid var(--ag-acc,#264574);outline-offset:3px}
#ym-wrap .ym-ag-note{font:600 13.5px/1.7 var(--ym-font);color:#8a6d1f;background:#fffaf0;
  border:1px dashed #e3c37a;border-radius:8px;padding:13px 16px;margin-top:28px}

/* 본문 */
#ym-wrap .ym-ag-sec{scroll-margin-top:calc(var(--ym-hd-h,80px) + 72px)}
#ym-wrap .ym-ag-alt{background:#f8fafc}
#ym-wrap .ym-ag-head{display:flex;align-items:center;gap:18px}
#ym-wrap .ym-ag-num{flex:0 0 auto;width:52px;height:52px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font:900 17px var(--ym-font);color:#fff;background:var(--ag-acc,#264574)}
#ym-wrap .ym-ag-eyebrow{font:800 12.5px var(--ym-font);color:var(--ag-acc,#1497ab);letter-spacing:.18em}
#ym-wrap .ym-ag-h{font:900 clamp(22px,2.6vw,30px) var(--ym-font);color:#264574;margin:6px 0 0}
#ym-wrap .ym-ag-rule{width:48px;height:3px;border-radius:2px;background:var(--ag-acc,#e53324);margin-top:18px}
#ym-wrap .ym-ag-lead{font:600 clamp(16px,1.7vw,19px)/1.95 var(--ym-font);color:#1c1c1c;
  margin:22px 0 0;word-break:keep-all}
#ym-wrap .ym-ag-p{font:400 16px/1.95 var(--ym-font);color:#555;margin:16px 0 0;word-break:keep-all}
/* 사업 카드 — 위쪽에 사진 띠, 아래에 글. 셋이 같은 주제 사진의 다른 부분을 봅니다 */
#ym-wrap .ym-ag-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
#ym-wrap .ym-ag-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:12px;
  overflow:hidden;transition:transform .18s,box-shadow .18s}
#ym-wrap .ym-ag-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,32,52,.10)}
#ym-wrap .ym-ag-card-img{display:block;height:126px;background-image:var(--ag-img);
  background-size:cover;background-position:center}
#ym-wrap .ym-ag-card-img[data-crop="1"]{background-position:left top}
#ym-wrap .ym-ag-card-img[data-crop="2"]{background-position:center center}
#ym-wrap .ym-ag-card-img[data-crop="3"]{background-position:right bottom}
#ym-wrap .ym-ag-card-b{padding:20px 22px 24px}
#ym-wrap .ym-ag-card-t{font:800 16px var(--ym-font);color:#1c1c1c;word-break:keep-all}
#ym-wrap .ym-ag-card-p{font:400 14.5px/1.8 var(--ym-font);color:#666;margin:10px 0 0;word-break:keep-all}
#ym-wrap .ym-ag-link{display:inline-flex;align-items:center;margin-top:22px;
  font:700 14.5px var(--ym-font);color:var(--ag-acc,#264574);text-decoration:none;
  border:1px solid var(--ag-acc,#264574);border-radius:6px;padding:11px 22px;
  transition:background .14s,color .14s}
#ym-wrap .ym-ag-link:hover{background:var(--ag-acc,#264574);color:#fff}
#ym-wrap .ym-ag-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
#ym-wrap .ym-ag-tag{font:700 13px var(--ym-font);color:var(--ag-acc,#264574);
  background:var(--ag-tint,rgba(38,69,116,.09));border-radius:999px;padding:7px 15px}
@media (max-width:1023px){
  #ym-wrap .ym-ag-sec{scroll-margin-top:calc(var(--ym-hd-h,64px) + 68px)}
  #ym-wrap .ym-ag-grid8{grid-template-columns:repeat(2,1fr)}
  #ym-wrap .ym-ag-cards{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  /* 알약이 두 줄로 접히면 스티키 바가 화면을 다 먹으므로 가로 스크롤로 바꿉니다 */
  #ym-wrap .ym-ag-navrow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
  #ym-wrap .ym-ag-navrow::-webkit-scrollbar{display:none}
  #ym-wrap .ym-ag-navlink{flex:0 0 auto}
  #ym-wrap .ym-ag-sec{scroll-margin-top:calc(var(--ym-hd-h,64px) + 60px)}
  #ym-wrap .ym-ag-cards{grid-template-columns:1fr}
  #ym-wrap .ym-ag-card-img{height:150px}
  #ym-wrap .ym-ag-head{gap:14px}
  #ym-wrap .ym-ag-num{width:44px;height:44px;font-size:15px}
  /* 좁은 화면에서는 타일을 두 칸으로 좁히고 한 줄 요약은 접습니다 */
  #ym-wrap .ym-ag-grid8{gap:10px}
  #ym-wrap .ym-ag-tile{height:132px}
  #ym-wrap .ym-ag-tile-body{padding:14px}
  #ym-wrap .ym-ag-tile-t{font-size:16px}
  #ym-wrap .ym-ag-tile-s{display:none}
}
/* 사진 확대 효과는 움직임을 줄여 달라고 설정한 분에게는 끕니다 */
@media (prefers-reduced-motion:reduce){
  #ym-wrap .ym-ag-tile-img,#ym-wrap .ym-ag-card{transition:none}
  #ym-wrap .ym-ag-tile:hover .ym-ag-tile-img{transform:scale(1.02)}
  #ym-wrap .ym-ag-card:hover{transform:none}
}


/* ── terms.php / privacy.php ──────────────────── */
#ym-wrap .ym-tm-doc{max-width:900px;margin:0 auto}
#ym-wrap .ym-tm-chap{font:900 20px var(--ym-font);color:#264574;margin:52px 0 8px;
  padding:16px 22px;background:#f4f6f9;border-radius:8px}
#ym-wrap .ym-tm-art{font:800 17px var(--ym-font);color:#1c1c1c;margin:34px 0 0;
  padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}
#ym-wrap .ym-tm-chap + .ym-tm-art{margin-top:22px}
#ym-wrap .ym-tm-p{font:400 16px/1.9 var(--ym-font);color:#555;margin:16px 0 0;word-break:keep-all}
#ym-wrap .ym-tm-ul{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
#ym-wrap .ym-tm-ul li{position:relative;padding-left:16px;font:400 15.5px/1.85 var(--ym-font);color:#666;word-break:keep-all}
#ym-wrap .ym-tm-ul li::before{content:'';position:absolute;left:0;top:13px;width:6px;height:1px;background:#b0bccd}
@media (max-width:767px){
  #ym-wrap .ym-tm-chap{padding:14px 16px;font-size:18px}
  #ym-wrap .ym-tm-p{font-size:15.5px}
}

#ym-wrap .ym-tm-lead{font:600 clamp(16px,1.7vw,18px)/1.95 var(--ym-font);color:#1c1c1c;margin:0;word-break:keep-all;
  padding:26px 30px;background:#f4f6f9;border-left:4px solid #264574;border-radius:0 10px 10px 0}
#ym-wrap .ym-tm-box{margin-top:16px;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:24px 28px}
#ym-wrap .ym-tm-box-t{font:800 14px var(--ym-font);color:#264574;letter-spacing:.02em}
#ym-wrap .ym-tm-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#ym-wrap .ym-tm-chip{font:600 14px var(--ym-font);color:#333;background:#f4f6f9;border-radius:999px;padding:8px 16px}
#ym-wrap .ym-tm-dl{display:grid;grid-template-columns:72px 1fr;gap:10px 16px;margin:14px 0 0}
#ym-wrap .ym-tm-dl dt{font:700 15px var(--ym-font);color:#7a8494}
#ym-wrap .ym-tm-dl dd{font:400 15.5px/1.7 var(--ym-font);color:#333;margin:0;word-break:keep-all}
@media (max-width:767px){
  #ym-wrap .ym-tm-lead,#ym-wrap .ym-tm-box{padding:20px 18px}
  #ym-wrap .ym-tm-dl{grid-template-columns:60px 1fr}
}

/* 지도/목록 아이콘 툴팁 */
#ym-wrap .reg-vbtn{position:relative}
#ym-wrap .reg-vbtn[data-tip]::after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 8px);
  transform:translateX(-50%);padding:5px 9px;border-radius:6px;background:#264574;color:#fff;
  font:600 12px var(--ym-font);white-space:nowrap;opacity:0;visibility:hidden;
  transition:opacity .14s;pointer-events:none;z-index:20}
#ym-wrap .reg-vbtn[data-tip]::before{content:'';position:absolute;left:50%;top:calc(100% + 3px);
  transform:translateX(-50%);border:5px solid transparent;border-bottom-color:#264574;
  opacity:0;visibility:hidden;transition:opacity .14s;pointer-events:none;z-index:20}
#ym-wrap .reg-vbtn[data-tip]:hover::after,#ym-wrap .reg-vbtn[data-tip]:hover::before,
#ym-wrap .reg-vbtn[data-tip]:focus-visible::after,#ym-wrap .reg-vbtn[data-tip]:focus-visible::before{opacity:1;visibility:visible}

#ym-wrap .reg-list-block{max-width:1000px;margin-left:auto;margin-right:auto}