/*20250623 추가수정*/
#main { padding-top: 0px;}
.intro-header { display: none;}
.intro-page { overflow: hidden; }
.swiper-container { width: 100%; position: relative;}
.swiper-slide { position: relative;}
.swiper-slide img { width: 100%; height: 100vh; object-fit: cover;}
#top.intro-page {
  height: auto !important;
}
/* 오버레이 텍스트 */
.overlay-content { 
  position: absolute; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff; 
  text-align: center; 
  z-index: 10;
  padding: 40px 20px;
}

/* 로고를 하단에 절대 위치로 배치 */
.logo-title { 
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}

/* 버튼 그룹을 중앙에 배치 */
.btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.overlay-content h2 { font-size: 48px; font-weight: bold; margin-bottom: 30px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);}
.btn-group a { display: inline-block; margin: 0 10px; padding: 12px 30px; border: 2px solid #fff; border-radius: 30px; color: #fff; font-weight: bold; text-decoration: none; transition: 0.3s;}
.btn-group a:hover { background-color: #fff; color: #333;}

.logo-title img.main-logo { 
  width: 200px; 
  height: auto; 
  margin-bottom: 0;
}

.swiper-button-next, .swiper-button-prev { color: #c7c7c7;}
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 30px);}
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 30px); left: auto;}
.swiper-slide .dark-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);  z-index: 1;}

/*footer*/
.home-footer { display: none;}

/* 반응형 */
@media (max-width: 768px) {
  .overlay-content {
    padding: 20px 15px;
  }
  
  .logo-title img.main-logo {
    width: 150px;
  }
}