
.hero-slider { width:100%; height:750px; }
.hero-slider a[href=""] { pointer-events:none; cursor:default; }
.hero-slider .swiper-slide { position:relative; }
.hero-slider .swiper-slide a { display:block; position:relative; height:100%; }
.hero-slider .swiper-texts { display:flex; position:absolute; z-index:1; flex-direction:column; justify-content:center; margin:0 auto; width:100%; max-width:1200px; height:auto; color:var(--color-white); inset:0; }


/* 공통 배지 스타일 */
.swiper-badge {
	opacity: 0;
	display: block;
	padding: 3px 10px;
	width: fit-content;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 2px;
	margin-bottom: 20px;
	transition: opacity .4s var(--ease-base) .3s;
}

/* 컬러별 변형(Modifier) */
.swiper-badge--red    { color: var(--color-red); border:1px solid var(--color-red); }
.swiper-badge--yellow { color: var(--color-yellow); border:1px solid var(--color-yellow); }
.swiper-badge--green  { color: var(--color-green); border:1px solid var(--color-green); }
.swiper-badge--blue    { color: var(--color-blue); border:1px solid var(--color-blue); }
.swiper-badge--sky    { color: var(--color-sky); border:1px solid var(--color-sky); }
.swiper-badge--navy   { color: var(--color-navy); border:1px solid var(--color-navy); }


.hero-slider .swiper-title {
	opacity: 0;
	margin:0;
	font-size: clamp(2.375rem, 1.833rem + 2.71vw, 4rem);
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: -.04em;
	word-break: keep-all;
	transition: opacity .6s var(--ease-base) .3s,transform .6s var(--ease-base) .3s;
	transform: translateY(20px);
	line-height: 1;
}
.hero-slider .swiper-title strong { color:var(--color-blue); font-weight: 900; }
.hero-slider .swiper-text {
	opacity: 0;
	margin: 15px 0 0;
	font-size: clamp(1rem, 0.917rem + 0.42vw, 1.25rem);
	letter-spacing: -.01em;
	word-break: keep-all;
	transition: opacity .6s var(--ease-base) .45s,transform .6s var(--ease-base) .45s;
	transform: translateY(15px)
}
.hero-slider .swiper-button { display:flex; opacity:0; justify-content:center; align-items:center; padding:0 16px; margin-top:30px; width:fit-content; height:40px; background:var(--color-white); border-radius:25px; color:var(--color-black); font-size:15px; letter-spacing:-0.01em; transition:opacity 1s var(--ease-base) .55s, transform 1s var(--ease-base) 55s; transform:translateY(25px); }

.hero-slider .swiper-slide-active .swiper-badge,
.hero-slider .swiper-slide-active .swiper-title,
.hero-slider .swiper-slide-active .swiper-text,
.hero-slider .swiper-slide-active .swiper-button {
	opacity: 1;
	transform: translateY(0)
}


.hero-slider picture { width:100%; height:100%; aspect-ratio:16 / 9; }
.hero-slider .swiper-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(.65);
}

.hero-slider .swiper-pagination-bullet { opacity:0.3; background:var(--color-white); }
.hero-slider .swiper-pagination-bullet-active { opacity:1; background:var(--color-blue); }




