/* 타이틀 영역 (.noon-hero) */
.noon-hero {
  background-image: url('../img/content/noon_hero_bg.jpg'); /* 배경 이미지 경로 */
}

/* 학생을 위한 교육 섹션 */
.student-education {
  padding: 60px 20px 80px;
  max-width: 1200px; /* 최대 너비 */
  margin: 0 auto;
  font-family: 'Noto Sans KR', sans-serif;
}
.edu-header h2 {
  margin-bottom: 40px; /* common_sections.css와 동일하게 설정 */
}
.edu-content {
  display: flex;
  gap: 50px; /* 요소 간 간격 */
  align-items: stretch; /* 높이 맞춤 */
  flex-wrap: wrap; /* 반응형 시 줄바꿈 */
}
.edu-image {
  flex: 1 1 350px; /* 최소 너비 350px, 남은 공간 유연하게 차지 */
  min-height: 200px; /* 최소 높이 */
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  position: relative;
}
.edu-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 이미지가 잘리지 않고 채워지도록 */
  display: block;
}
.photo-credit-small { /* 작은 사진 크레딧 */
  position: absolute;
  bottom: 8px;
  left: 12px;
  font-size: 0.7rem;
  padding: 3px 7px;
  color: rgba(255,255,255,0.75);
  background: rgba(0,0,0,0.3);
  border-radius: 5px;
  user-select: none;
}
.edu-texts { /* 교육 설명 텍스트 컨테이너 */
  flex: 1 1 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
  min-height: 200px;
  color: #222;
}
.edu-item h3 {
  margin-bottom: 12px;
}
.edu-item p {
  margin: 0;
}

/* 눈 사진학원의 차별화 섹션 */
.noon-differentiators {
  padding: 60px 20px 80px;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  font-family: 'Noto Sans KR', sans-serif;
}
.noon-differentiators h2 {
  margin-bottom: 1.5rem;
}
.diff-grid { /* 카드 그리드 */
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3열 그리드 */
  gap: 40px 30px; /* 행과 열 간격 */
}
.diff-card { /* 각 차별화 카드 */
  background-color: #fff;
  border-radius: 16px;
  padding: 30px 25px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.07);
  color: #1e1e1e;
  display: flex;
  flex-direction: column;
  align-items: center; /* 아이템 중앙 정렬 */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* 호버 애니메이션 */
}
.diff-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(216, 65, 65, 0.2); /* 호버 시 그림자 및 Y축 이동 */
}
.diff-icon { /* 아이콘 영역 */
  width: 120px;
  height: 120px;
  margin-bottom: 20px;
}
.diff-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.diff-card h3 {
  margin: 0 0 14px;
}
.diff-card h3::before { /* 카드 번호 */
  content: attr(data-number); /* HTML에서 data-number 속성 사용 */
  display: block;
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 4px;
  color: #d84141;
}
.diff-card:nth-child(1) h3::before { content: "01"; }
.diff-card:nth-child(2) h3::before { content: "02"; }
.diff-card:nth-child(3) h3::before { content: "03"; }
.diff-card:nth-child(4) h3::before { content: "04"; }
.diff-card:nth-child(5) h3::before { content: "05"; }
.diff-card:nth-child(6) h3::before { content: "06"; }

/* 24년 사진입시 노하우 섹션 */
.photo-exam-experience {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-image: url('../img/content/noon_history_bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 60px 20px 80px;
  text-align: center;
  font-family: 'Noto Sans KR', sans-serif;
}
.photo-exam-experience .sub-title {
  color: #ff7070;
  font-weight: 700;
  margin-bottom: 8px;
  letter-spacing: 0.05em;
}
.photo-exam-experience h2 {
  margin-bottom: 20px;
}
.photo-exam-experience p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.student-education,.noon-differentiators.photo-exam-experience{
  padding: 100px 0px;
}


/* 반응형 미디어쿼리 (common_sections.css에서 폰트 크기 처리 후 남은 레이아웃/스타일 관련) */
@media (max-width: 991px) { /* 태블릿 */
  .noon-hero {
    height: 350px;
    padding: 0 15px;
  }
  .student-education {
    padding: 40px 15px 60px;
  }
  .edu-content {
    flex-direction: column-reverse;
    gap: 25px;
  }
  .edu-image,
  .edu-texts {
    width: 100%;
    min-height: unset;
  }
  .edu-image {
    min-height: 100px;
  }
  .edu-texts {
    gap: 15px;
  }
  .photo-credit-small {
    font-size: 0.65rem;
    padding: 3px 6px;
    bottom: 6px;
    left: 10px;
  }
  .diff-grid {
    grid-template-columns: repeat(2, 1fr); /* 태블릿에서는 2열 그리드 */
    gap: 30px 20px;
  }
  .diff-card {
    padding: 25px 20px;
  }
  .diff-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) { /* 모바일 */
  .noon-hero {
    height: 300px;
  }
  .edu-image {
    min-height: 80px;
  }
  .edu-texts {
    gap: 10px;
  }
  .photo-credit-small {
    font-size: 0.6rem;
    padding: 2px 5px;
    bottom: 5px;
    left: 8px;
  }
  .diff-card {
    padding: 20px 15px;
  }
  .diff-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
  }
  .diff-grid {
    grid-template-columns: 1fr; /* 모바일에서는 1열 그리드 */
  }
}
@media (max-width: 575px) { /* 작은 모바일 */
  .noon-hero {
    height: 250px;
    padding: 0 10px;
  }
  .student-education {
    padding: 30px 10px 50px;
  }
  .edu-image {
    min-height: 60px;
  }
  .edu-texts {
    gap: 8px;
  }
  .photo-credit-small {
    font-size: 0.5rem;
    padding: 2px 4px;
    bottom: 4px;
    left: 6px;
  }
  .diff-card {
    padding: 15px;
  }
  .diff-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
  }
}