/* ── 폰트 (React 프로젝트의 src/App.css 이식) ─────────────────────── */
@font-face {
  font-family: "Noto Sans KR";
  src: url("../fonts/NotoSansKR-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans KR";
  src: url("../fonts/NotoSansKR-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ── 포트폴리오 스와이퍼 (src/App.css) ────────────────────────────── */
.portfolio-swiper {
  overflow: hidden;
}

.portfolio-swiper .swiper-slide {
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 0.45s ease;
}

.portfolio-swiper .portfolio-slide-inner {
  transform: scale(0.88);
  transition: transform 0.45s ease;
}

.portfolio-swiper .swiper-slide-active {
  opacity: 1;
  pointer-events: auto;
}

.portfolio-swiper .swiper-slide-active .portfolio-slide-inner {
  transform: scale(1);
}

/* ── 파트너 로고 무한 마퀴 (RatingSection.jsx 내 <style> 이식) ────── */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-scroll {
  animation: scroll 35s linear infinite;
}

.animate-scroll:hover {
  animation-play-state: paused;
}

/* ── 모집과정 "더보기/접기" ───────────────────────────────────────
   React 의 showAll 상태를 대체한다. 카드에는 접힘 상태의 반응형 숨김
   클래스를 그대로 두고, 펼침 시 컨테이너에 .is-expanded 를 붙여 되돌린다. */
.course-grid.is-expanded .course-item {
  display: block !important;
}