/* 기능 요소 */
	.main-swiper { height: 100dvh; width: 100%; }
	.slide-bg {
		position: absolute; inset: 0; background-size: cover; background-position: center;
		transform: scale(1.1); transition: transform 8s ease-out;
	}
	.swiper-slide-active .slide-bg { transform: scale(1); }

	@keyframes marquee {
		0% { transform: translateX(0); }
		100% { transform: translateX(-50%); }
	}
	.marquee-track {
		display: flex;
		width: max-content;
		animation: marquee 60s linear infinite; /* 40초 주기로 부드럽게 재생 */
	}

	.marquee-track:hover { animation-play-state: paused; }
			
	.reveal { opacity: 0; transform: translateY(30px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
	.reveal.active { opacity: 1; transform: translateY(0); }
	.rounded-premium { border-radius: 4rem; }
	
	
	
	/*swipe*/
	
	.main-swiper .swiper-pagination-bullet {
	  width: .625rem;
	  height: .625rem;
	  text-align: center;
	  line-height: 20px;
	  background-color:#fff;
	  opacity:.5
	}
	.main-swiper .swiper-pagination-bullet-active {
	  color: #fff;
	  background-color:#fff;
	  opacity:1;
	  width:2rem;
	  height:.625rem;
	  border-radius:1rem;
	}

	.border-round {
		border:5px dashed #eff6ff;
		width:20rem;
		height:20rem;
		border-radius:50%;
		animation: spinRight 30s linear infinite;
	}
	
	@keyframes spinRight {
		from { transform: rotate(0deg); }
		to { transform: rotate(360deg); }
	  }