/**
 * 메인 쇼케이스 하위 섹션 스크롤 리빌 (과정 쇼케이스 이후 ~ 푸터 직전)
 * JS가 html.js-main-reveal 을 붙인 뒤에만 초기 숨김 적용 (무JS 시 콘텐츠 노출)
 */
html.js-main-reveal .main_course_showcase .main-reveal {
	opacity: 0;
	transform: translate3d(0, 28px, 0);
	transition:
		opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: var(--reveal-delay, 0s);
	will-change: opacity, transform;
}

html.js-main-reveal .main_course_showcase .main-reveal.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

html.js-main-reveal .main_course_showcase .main-reveal--left {
	transform: translate3d(-36px, 12px, 0);
}

html.js-main-reveal .main_course_showcase .main-reveal--right {
	transform: translate3d(36px, 12px, 0);
}

html.js-main-reveal .main_course_showcase .main-reveal--scale {
	transform: translate3d(0, 24px, 0) scale(0.94);
}

html.js-main-reveal .main_course_showcase .main-reveal--scale.is-visible {
	transform: translate3d(0, 0, 0) scale(1);
}

html.js-main-reveal .main_course_showcase .main-reveal--fade {
	transform: none;
}

html.js-main-reveal .main_course_showcase .main-reveal--slow {
	transition-duration: 1.05s;
}

html.js-main-reveal .main_course_showcase .main_lectus_intro__bg-photo.main-reveal {
	transition-duration: 1.2s;
}

html.js-main-reveal .main_course_showcase .main-reveal.is-visible .main_learning_benefits__visual img,
html.js-main-reveal .main_course_showcase .main-reveal.is-visible .main_remote_edu_naeil__cards {
	transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0s);
}

html.js-main-reveal .main_course_showcase .main_learning_benefits__visual img {
	transform: scale(1.03);
}

html.js-main-reveal .main_course_showcase .main-reveal.is-visible .main_learning_benefits__visual img {
	transform: scale(1);
}

html.js-main-reveal .main_course_showcase .main_remote_edu_naeil__cards {
	transform: translate3d(0, 16px, 0) scale(0.97);
}

html.js-main-reveal .main_course_showcase .main-reveal.is-visible .main_remote_edu_naeil__cards {
	transform: translate3d(0, 0, 0) scale(1);
}

@media (max-width: 900px) {
	html.js-main-reveal .main_course_showcase .main-reveal--left,
	html.js-main-reveal .main_course_showcase .main-reveal--right {
		transform: translate3d(0, 24px, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	html.js-main-reveal .main_course_showcase .main-reveal {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}

	html.js-main-reveal .main_course_showcase .main_learning_benefits__visual img,
	html.js-main-reveal .main_course_showcase .main_remote_edu_naeil__cards {
		transform: none !important;
		transition: none !important;
	}
}