/**
 * 슬라이드 2 전용 — 레이아웃·배경(#4166ea)·우측 이미지.
 * 첫 줄(kicker)은 hero_typography_system 과 동일(슬라이드 1과 같은 --hero-fs-kicker).
 * hero-subtitle·레이아웃만 이 파일에서 덮어씀.
 */
.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .title_wrap.hero-slide-2 .hero-kicker.hero-kicker--tagline {
	--hero-k2-syl-a: #dbdb4c;
	--hero-k2-syl-i: #ee9e39;
}

/* 보조 한 줄 (메인 타이틀과 본문 사이) — 슬라이드 2만 */
.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .title_wrap.hero-slide-2 .hero-subtitle {
	margin: 0;
	padding: 0;
	font-family: "GmarketSans", "Noto Sans KR", sans-serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.02em;
	color: rgba(255, 255, 255, 0.85);
	margin-top: 8px;
	margin-bottom: 20px;
}

/* 보조 줄과 본문 사이: 공통 .hero-desc 의 margin-top 과 겹치지 않도록 슬라이드 2만 정리 */
.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .title_wrap.hero-slide-2 .hero-subtitle + .main-slide-description.hero-desc {
	margin-top: 0 !important;
}

/* 상단 한 줄 유지 (AI·코딩 줄바꿈 방지) */
.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .hero-kicker.hero-kicker--has-ai-syl {
	white-space: nowrap;
	overflow: visible;
}

.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .hero-kicker .hero-kicker-syl {
	position: relative;
	display: inline-block;
}

.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .hero-kicker .hero-kicker-syl:nth-of-type(1) {
	color: var(--hero-k2-syl-a) !important;
}

.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .hero-kicker .hero-kicker-syl:nth-of-type(2) {
	color: var(--hero-k2-syl-i) !important;
}

.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2.active .hero-kicker .hero-kicker-syl::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	transform: translateX(-50%);
	top: -11px;
	box-shadow: none;
	animation: bounceDot 1.2s ease-in-out both;
}

.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2.active .hero-kicker .hero-kicker-syl:nth-of-type(1)::before {
	background: var(--hero-k2-syl-a);
	animation-delay: 0.35s;
}

.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2.active .hero-kicker .hero-kicker-syl:nth-of-type(2)::before {
	background: var(--hero-k2-syl-i);
	animation-delay: 0.45s;
}

.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2.active .hero-kicker .hero-kicker-syl {
	animation: bounce 0.5s forwards;
}

.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2.active .hero-kicker .hero-kicker-syl:nth-of-type(1) {
	animation-delay: 0s;
}

.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2.active .hero-kicker .hero-kicker-syl:nth-of-type(2) {
	animation-delay: 0.12s;
}

.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .title_wrap .hero-text {
	padding-top: 50px;
	box-sizing: border-box;
	text-align: left;
}

/* PC: 슬라이드 2 텍스트 스택이 길어 CTA가 고정 헤더 hit 영역과 맞닿기 쉬움 — 본 블록만 소폭 하향 */
@media screen and (min-width: 1025px) {
	.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .title_wrap.hero-slide-2 .hero-text {
		padding-top: 62px;
	}
	.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .title_wrap.hero-slide-2 .visual_btn {
		margin-top: 72px;
	}
}

/* 슬라이드 2 CTA만: 하단 dot 레이어·트랙 위 형제와 겹칠 때 hover/click 최우선 (마크업은 slide-item-2 + hero-slide-2) */
.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2.active .title_wrap.hero-slide-2 .visual_btn,
.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2.active .title_wrap.hero-slide-2 .visual_btn a.hero-button {
	position: relative;
	z-index: 999;
	pointer-events: auto;
}

/* 메인 타이틀: 한 줄 + 좌측 영역에 맞게 공통 --hero-fs-title 보다 약간 축소(슬라이드 2만) */
.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .title_wrap.hero-slide-2 .hero-text .hero-title.title.visual_bounce {
	padding-top: 0 !important;
	white-space: nowrap !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	overflow: visible !important;
	font-size: clamp(34px, 6.9vw, 90px) !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .title_wrap.hero-slide-2 .hero-text .hero-title.title.visual_bounce {
		font-size: clamp(40px, 5.8vw, 68px) !important;
	}
}

@media screen and (max-width: 767px) {
	.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .title_wrap.hero-slide-2 .hero-text .hero-title.title.visual_bounce {
		font-size: clamp(26px, 8vw, 50px) !important;
	}
}

@media screen and (max-width: 480px) {
	.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .title_wrap.hero-slide-2 .hero-text .hero-title.title.visual_bounce {
		font-size: clamp(24px, 8.5vw, 44px) !important;
	}
}

.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 > .img {
	width: 50%;
	max-width: 778px;
	z-index: 1;
}

/* PC에서만 show_pc 사용 · show_m 숨김 — 모바일은 hero_fade_slider 와 동일하게 show_m 표시 */
@media screen and (min-width: 768px) {
	.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 > .img img.show_pc {
		background: transparent !important;
		width: 100%;
		max-width: 100%;
		height: auto;
		object-fit: contain;
		object-position: center right;
		display: block;
	}

	.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 > .img img.show_m {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 > .img img.show_m {
		background: transparent !important;
	}

	.main_slide.hero-fade-slider .slide.hero-slide.slide-item-2 .title_wrap.hero-slide-2 .hero-subtitle {
		font-size: clamp(22px, 5.2vw, 32px);
		margin-left: auto;
		margin-right: auto;
		max-width: 22rem;
		text-align: center;
	}
}