#myCarousel .carousel {
    margin-bottom: 4rem;
}

/* 메인 페이지 슬라이드 화면 내 text 위치 조정 */
/* 공통 스타일: 텍스트를 수직-수평 모두 중앙에 위치시킴 */
#myCarousel .carousel-caption {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto !important;
  z-index: 10;
  text-align: center;
  max-width: 80%;
  width: 100%;
  pointer-events: none; /* 버튼 간섭 방지 핵심! */
}
#myCarousel .carousel-caption h1 {
  font-size: 50px;
  font-weight: bold;
  color: #DAA520;
}

#myCarousel .carousel-caption p {
  font-weight: normal;
  font-size: 24px;
}

#myCarousel .carousel-item {
    height: 1000px;
}

/* 슬라이드 내 이미지 반응형에 이미지 사이즈 맞추기 */
#myCarousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 이미지가 잘리더라도 영역을 꽉 채움 */
}

/* 데스크톱: 텍스트 크기 유지 */
@media (max-width: 39.99em) {
  #myCarousel .carousel-item {
    height: 760px;
  }

  #myCarousel .carousel-caption {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto !important;
    z-index: 10;
    padding: 0 1rem;

    max-width: 80%; /* 기존 90% → 줄여서 버튼과 간섭 방지 */
    pointer-events: none; /* 텍스트가 버튼 클릭 막지 않게 */
    text-align: center;
    word-break: keep-all;
  }

  #myCarousel .carousel-caption h1 {
    font-size: 30px;
    font-weight: bold;
    color: #DAA520;
  }

  #myCarousel .carousel-caption p {
    font-size: 20px;
  }
}