/* yd-pager v2 — 2026-11-08 넘김 방식 두 가지(html[data-yd-pager-mode]: swipe = 키오스크·터치, scroll = 마우스 PC) */
@media screen {
  .yd-pg-off { display: none !important; }
  .yd-pager-bar { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 16px;
    padding: 8px 0 0; margin: 0; box-sizing: border-box; width: 100%; flex: 0 0 auto; }
  .yd-pager-bar[hidden] { display: none !important; }
  .yd-pg-btn { min-height: 56px; min-width: 120px; padding: 0 22px; border-radius: 999px; border: 2px solid currentColor;
    background: rgba(255,255,255,.96); color: #12355b; font: 800 19px/1 Pretendard, "Noto Sans KR", sans-serif; cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,.18); -webkit-tap-highlight-color: transparent; }
  .yd-pg-btn:disabled { opacity: .35; cursor: default; box-shadow: none; }
  .yd-pg-btn:focus-visible { outline: 3px solid #ffd54a; outline-offset: 3px; }
  .yd-pg-num { min-width: 64px; text-align: center; font: 800 18px/1 Pretendard, "Noto Sans KR", sans-serif; color: inherit; }
  html.kiosk-on .yd-pg-btn { min-height: 72px; min-width: 160px; font-size: 24px; }
  html.kiosk-on .yd-pg-num { font-size: 22px; }
  .yd-pg-anim > :not(.yd-pager-bar) { animation: ydpgfade .18s ease-out; }
  @keyframes ydpgfade { from { opacity: .35; } to { opacity: 1; } }
  @media (prefers-reduced-motion: reduce) { .yd-pg-anim > * { animation: none !important; } }

  /* 문서 세로 스크롤은 두 모드 모두 허용(가로는 막음) — 옛 yd-vscroll.css 와 같은 특이도로 화면별 overflow:hidden 을 덮는다 */
  html:not(#yp1#yp2#yp3#yp4), html:not(#yp1#yp2#yp3#yp4) body { overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior-y: auto !important; }

  /* scroll 모드(마우스 PC): 쪽 넘김 막대·안내 없음, 겹창 안내도 스크롤 */
  html[data-yd-pager-mode="scroll"] .yd-pager-bar, html[data-yd-pager-mode="scroll"] .yd-swipe-hint { display: none !important; }
  html[data-yd-pager-mode="scroll"] .yd-ns-ovbody { overflow-y: auto !important; }
  html[data-yd-pager-mode="scroll"] .yd-ns-ovbody > * { flex-shrink: 0 !important; }

  /* swipe 모드: [이전]/[다음] 단추 없음 — 밀기·휠·키보드로 넘기고 쪽 위치는 점으로 */
  html[data-yd-pager-mode="swipe"] .yd-pg-btn.yd-pg-prev, html[data-yd-pager-mode="swipe"] .yd-pg-btn.yd-pg-next { display: none !important; }
  html[data-yd-pager-mode="swipe"] .yd-pager-bar { padding: 6px 0 2px; gap: 0; min-height: 24px; }
  html[data-yd-pager-mode="swipe"] .yd-pg-num { min-width: 0; font-size: 16px; line-height: 1; }
  html[data-yd-pager-mode="swipe"], html[data-yd-pager-mode="swipe"] body { touch-action: pan-y pinch-zoom; }
  .yd-pg-dots { display: inline-flex; gap: 8px; align-items: center; justify-content: center; vertical-align: middle; }
  .yd-pg-dot { display: block; width: 10px; height: 10px; border-radius: 50%; border: 2px solid currentColor; box-sizing: border-box; opacity: .7; font-style: normal; }
  .yd-pg-dot.on { background: currentColor; opacity: 1; }
  html.kiosk-on .yd-pg-dot { width: 16px; height: 16px; border-width: 3px; }
  html.kiosk-on .yd-pg-dots { gap: 14px; }
  .yd-pg-dots-t { font-size: 16px; }
  html.kiosk-on .yd-pg-dots-t { font-size: 22px; }
  html.kiosk-on .yd-pg-sr { font-size: 28px !important; }   /* 화면에는 안 보임 — 키오스크 글자 하한 검사 기준(28px)에 맞춤 */
  .yd-pg-sr { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important;
    overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; font-size: 16px !important; }
  .yd-swipe-hint { position: fixed; left: 50%; bottom: calc(18% + var(--yd-kfab-h, 0px)); transform: translateX(-50%); z-index: 2147483000; pointer-events: none;
    display: flex; align-items: center; gap: 10px; padding: 12px 22px; border-radius: 999px; background: #0b2340; color: #fff;
    font: 800 18px/1.2 Pretendard, "Noto Sans KR", sans-serif; box-shadow: 0 8px 24px rgba(0,0,0,.3); white-space: nowrap;
    animation: ydswin .25s ease-out; transition: opacity .3s ease; }
  .yd-swipe-hint.out { opacity: 0; }
  .yd-swipe-ico { font-size: 1.3em; display: inline-block; animation: ydswnudge 1.1s ease-in-out infinite; }
  html.kiosk-on .yd-swipe-hint { font-size: 30px; padding: 18px 34px; }
  @keyframes ydswin { from { opacity: 0; transform: translate(-50%, 10px); } to { opacity: 1; transform: translate(-50%, 0); } }
  @keyframes ydswnudge { 0%, 100% { transform: translateX(-4px); } 50% { transform: translateX(4px); } }
  @media (prefers-reduced-motion: reduce) { .yd-swipe-hint, .yd-swipe-ico { animation: none !important; } }
}
@media print {
  .yd-pager-bar, .yd-swipe-hint { display: none !important; }
}