/* 원본 이미지 텍스트화(Overlay) — 글꼴은 전부 우리 서버(세리프는 실제 쓰인 글자만 남긴 서브셋) */
@font-face {
  font-family: "PT";
  font-weight: 45 920;
  font-display: swap;
  src: url("/fonts/PretendardVariable.woff2") format("woff2-variations");
}
@font-face {
  font-family: "NSK";
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/NotoSerifKR-400.woff2") format("woff2");
}
@font-face {
  font-family: "NSK";
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/NotoSerifKR-700.woff2") format("woff2");
}
@font-face {
  font-family: "BOD";
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/BodoniModa-400.woff2") format("woff2");
}
@font-face {
  font-family: "BOD";
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/BodoniModa-700.woff2") format("woff2");
}

/* 원본처럼 본문 이미지는 가운데 원래 폭(990~1200px)까지, 화면이 좁으면 줄어든다 */
.ov {
  position: relative;
  width: min(100%, var(--w));
  margin: 0 auto;
}
.ov-full {
  width: 100%;
}
.ov-tiles img {
  display: block;
  width: 100%;
  height: auto;
}
.ov-text {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: text;
}
.ov-text text {
  pointer-events: auto;
  white-space: pre;
}
.ov-detail {
  margin-top: 40px;
  margin-bottom: 40px;
}
.ov-title {
  max-width: 990px;
  margin: 0 auto;
  padding: 36px 24px 0;
}

/* 2차(10/13): 메인 슬라이드·팝업·썸네일·게시판 이미지 글자 → 텍스트 */
.ovx { position: relative; display: block; width: 100%; height: 100%; }
.ovx-t { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; transition: var(--transition, transform .3s); }
.eventCard .proc-thum:hover .ovx-t, .eventCard-main .proc-thum:hover .ovx-t, .eventCard-inside .proc-thum:hover .ovx-t { transform: scale(1.05); }
/* 메인 슬라이드는 배경이 110% 크기로 왼쪽→가운데로 5초간 흐른다 — 글자층도 같은 크기·같은 움직임 */
.mainSectiontopBanner .swiper-slide.imgSlide a { overflow: hidden; }
.ovs { position: absolute; left: 0; top: -5%; width: 110%; height: 110%; pointer-events: none; transition: left 5s ease-out; }
.mainSectiontopBanner .swiper-slide.imgSlide.swiper-slide-active a .ovs { left: -5%; }