@charset "UTF-8";
.app-board-thumbnail {
  grid-column: 1 / 6;
  position: relative;
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  user-select: none;
}
@media (max-width: 1024px) {
  .app-board-thumbnail {
    height: 250px;
  }
}
.app-board-thumbnail > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.app-board-thumbnail {
  position: relative;
  width: 100%;
  height: 460px;
  margin-top: -24px;
  overflow: hidden;
}
/* 슬라이드 */
.swiper-wrapper, .swiper-slide {
  height: 100%;
}
/* 슬라이드 버튼 */
.swiper-button-next, .swiper-button-prev {
  color: transparent !important;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
  transition: transform 1.5s ease;
  /* 살짝 확대 효과 */
}
/* 🔥 고급 그라데이션 + 블러 느낌 */
.app-board-thumbnail::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.8;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.2) 100%);
  *background-image: linear-gradient(134deg, #13b7cf -5%, #365bb4 56%, #365bb4 56%);
  *background: linear-gradient(134deg, #13b7cf -5%, #365bb4 56%, #365bb4 56%);
  z-index: 1;
}
/* 텍스트 */
.thumbnail-overlay {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 44%;
  z-index: 2;
  color: #fff;
}
/* 카테고리 */
.thumb-category {
  font-size: 14px;
  margin-bottom: 6px;
  opacity: 0.9;
}
/* 제목 */
.thumb-title {
  font-size: 35px;
  font-weight: bold;
  margin: 0;
  line-height: 1.3;
  /* 🔥 두 줄까지만 + ... 처리 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* 🔥 슬라이드 살짝 확대 효과 */
.swiper-slide-active {
  transform: scale(1.05);
}
/* ===================== */
/* 📱 모바일 최적화 */
/* ===================== */
@media (max-width: 768px) {
  /* 🔥 모바일 중앙 정렬 */
  .app-board-thumbnail {
    height: 240px;
  }
  .thumbnail-overlay {
    top: 48%;
    bottom: auto;
    transform: translateY(-50%);
    text-align: center;
  }
  .thumb-title {
    font-size: 21px;
  }
  .thumb-category {
    font-size: 12px;
  }
}
/*# sourceMappingURL=c6f76290cd1490cdd904111f762b09ab0f7bb97d.board-thumbnail.scss.map */