/* ===== Smooth Scroll ===== */
html {
  scroll-behavior: smooth;
  width: 100%;
  overflow-x: hidden;
}

body {
  width: 100%;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

/* ===== Container 전체 너비 사용 ===== */
.container {
  width: 100%;
}

/* ===== 헤더 고정 시 스크롤 여백 ===== */
section {
  scroll-margin-top: 80px;
}

/* ===== 모바일 섹션 패딩 (section1 제외) ===== */
@media (max-width: 768px) {
  section:not(#home) {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* ===== 폰트: tvN 즐거운이야기 ===== */
@font-face {
  font-family: 'tvN EnjoystoriesOTF';
  src: url('../fonts/tvN 즐거운이야기 Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'tvN EnjoystoriesOTF';
  src: url('../fonts/tvN 즐거운이야기 Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'tvN EnjoystoriesOTF';
  src: url('../fonts/tvN 즐거운이야기 Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

/* ===== 폰트: Mapo Agape ===== */
@font-face {
  font-family: 'MapoAgape';
  src: url('../fonts/MapoAgape/MapoAgape.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* ===== 헤더 glassmorphism ===== */
.glass-header {
  background-color: rgba(105, 105, 105, 0.25);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 0.5px solid rgba(193, 192, 192, 0.33);
}

/* ===== 자동 스크롤 애니메이션 ===== */
@keyframes scrollLeft {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-scroll-left {
  animation: scrollLeft 30s linear infinite;
  display: flex;
  width: max-content;
}

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

/* ===== 셀렉트 박스 화살표 ===== */
select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 0.75rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 2.5rem;
}

/* ===== AOS 애니메이션 ===== */
[data-aos] {
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
}

[data-aos].aos-animate {
  opacity: 1;
}

[data-aos="fade-up"]          { transform: translateY(50px); }
[data-aos="fade-up"].aos-animate  { transform: translateY(0); }

[data-aos="fade-right"]           { transform: translateX(-50px); }
[data-aos="fade-right"].aos-animate { transform: translateX(0); }

[data-aos="fade-left"]            { transform: translateX(50px); }
[data-aos="fade-left"].aos-animate  { transform: translateX(0); }