/* ====================================
   Style 1 - K Slider
==================================== */

/* 기본 래퍼 */
.k-slider-wrapper.style-1 {
	display: flex;
	align-items: center;
}

.k-slider-wrapper.style-1 .k-slider-swiper,
.k-slider-wrapper.style-1 .swiper-wrapper,
.k-slider-wrapper.style-1 .swiper-slide,
.k-slider-wrapper.style-1 .container-fluid,
.k-slider-wrapper.style-1 .row {
	min-height: inherit;
	height: 100%;
}

.k-slider-wrapper.style-1 .row {
	align-items: stretch !important;
}

.k-slider-wrapper.style-1 .col-lg-6 {
	display: flex;
	min-height: 100%;
}

/* 콘텐츠 영역 */
.k-slider-wrapper.style-1 .ktheme-slide-content {
	width: 100%;
	min-height: 100%;
	padding: 160px 18%;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.k-slider-wrapper.style-1 .ktheme-slide-title {
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.k-slider-wrapper.style-1 .ktheme-slide-description {
	color: #585858;
	max-width: 500px;
}

/* 이미지 영역 */
.k-slider-wrapper.style-1 .ktheme-slide-media-wrapper {
	width: 100%;
	min-height: 100%;
}

/* GSAP은 이 외부 레이어만 변형해 이미지 자체의 hover zoom과 충돌하지 않게 한다. */
.k-slider-wrapper.style-1 .ktheme-slide-media-animation {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: inherit;
	overflow: hidden;
}

.k-slider-wrapper.style-1 .ktheme-slide-media-animation .ktheme-slide-main-image {
	height: 100%;
}

.ktheme-slide-main-image {
	position: relative;
	width: 100%;
	height: var(--k-slider-style1-image-height, 100%);
	min-height: 100%;
	z-index: 2;
	overflow: hidden;
}

.k-slider-wrapper.style-1 .ktheme-slide-main-image > img {
	display: block;
	width: 100%;
	height: 100% !important;
	min-height: 0;
	max-height: 100%;
	object-fit: var(--k-slider-style1-image-fit, cover) !important;
	object-position: var(--k-slider-style1-image-position, center center) !important;
	transform: scale(1);
	transform-origin: center center;
	transition: transform var(--k-slider-style1-hover-duration, 3s) ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
	.k-slider-wrapper.style-1.has-image-hover-zoom .ktheme-slide-main-image:hover img {
		transform: scale(var(--k-slider-style1-hover-scale, 1.1));
	}
}

@media (prefers-reduced-motion: reduce) {
	.k-slider-wrapper.style-1 .ktheme-slide-main-image img,
	.k-slider-wrapper.style-1.has-image-hover-zoom .ktheme-slide-main-image:hover img {
		transform: none;
		transition: none;
	}
}

.ktheme-slide-secondary-image {
	bottom: 12rem;
	left: -5rem;
	max-width: 45%;
	z-index: 10;
}

.ktheme-slide-secondary-image img {
	transition: transform 0.3s ease;
}

/* 장식 요소 */
.ktheme-slide-decoration {
	position: absolute;
	top: 20%;
	left: -20%;
	width: 200px;
	height: 200px;
	background: linear-gradient(135deg, rgba(235, 69, 95, 0.1) 0%, rgba(43, 52, 103, 0.1) 100%);
	border-radius: 50%;
	z-index: 0;
}

/* 슬라이더 기본 구조 */
.k-slider-swiper {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 500px;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 500px;
}

/* ====================================
   반응형 디자인
==================================== */

/* 태블릿 */
@media (max-width: 991.98px) {
	.k-slider-wrapper.style-1 .col-lg-6 {
		min-height: auto;
	}

	.k-slider-wrapper.style-1 .ktheme-slide-content {
		min-height: auto;
		padding: 96px 10%;
		text-align: center;
		margin-bottom: 0;
	}
	
	.k-slider-wrapper.style-1 .ktheme-slide-label-wrapper {
		justify-content: center;
	}
	
	.k-slider-wrapper.style-1 .ktheme-slide-description {
		margin-left: auto;
		margin-right: auto;
	}
	
	.k-slider-wrapper.style-1 .ktheme-slide-button-wrapper {
		text-align: center;
	}
	
	.ktheme-slide-secondary-image {
		display: none;
	}
	
	.ktheme-slide-main-image {
		height: var(--k-slider-style1-image-height, auto);
		min-height: 420px;
	}
	
	.ktheme-slide-decoration {
		display: none;
	}
}

/* 모바일 - 중형 */
@media (max-width: 767.98px) {
	.k-slider-wrapper.style-1 .ktheme-slide-content {
		padding: 72px 7%;
	}

	.k-slider-wrapper.style-1 .ktheme-slide-title {
		font-size: 2.5rem !important;
	}

	.ktheme-slide-main-image {
		min-height: 360px;
	}
	
	.ktheme-slide-button-wrapper {
		flex-direction: column;
		align-items: flex-start !important;
	}
	
	.ktheme-slide-button-wrapper .btn {
		width: 100%;
	}
}

/* 모바일 - 소형 */
@media (max-width: 575.98px) {
	.k-slider-wrapper.style-1 .ktheme-slide-content {
		padding: 56px 6%;
	}

	.k-slider-wrapper.style-1 .ktheme-slide-title {
		font-size: 2rem !important;
	}

	.ktheme-slide-main-image {
		min-height: 300px;
	}
	
	.k-slider-wrapper.style-1 .ktheme-slide-label-wrapper {
		flex-direction: column;
		gap: 0.5rem !important;
	}
}

/* ====================================
   Elementor 에디터 모드
==================================== */
.elementor-editor-active .k-slider-wrapper .swiper-slide {
	position: relative !important;
	opacity: 1 !important;
	visibility: visible !important;
	margin-bottom: 30px;
	border: 2px dashed #ccc;
}
