@charset "utf-8";


/* ------------------------------------------------------------ top */

@-webkit-keyframes fadeInDown_2 {
	from {opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInDown_2 {
	from { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
body main .animate__fadeInDown { -webkit-animation-name: fadeInDown_2; animation-name: fadeInDown_2;}

#about .learning .flex .box,
#course .link_box .flex .box,
#school_life .bottom_box .youtube,
#school_life .bottom_box .tiltok{-webkit-animation-name: fadeInDown_sns; animation-name: fadeInDown_sns;}
@-webkit-keyframes fadeInDown_sns {
	from {opacity: 0; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInDown_sns {
	from { opacity: 0; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

#about h3{-webkit-animation-name: fadeInDown_about_h3; animation-name: fadeInDown_about_h3;}
@-webkit-keyframes fadeInDown_about_h3 {
	from {opacity: 0; -webkit-transform: translate3d(-50%, -30%, 0); transform: translate3d(-50%, -30%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
}
@keyframes fadeInDown_about_h3 {
	from { opacity: 0; -webkit-transform: translate3d(-50%, -30%, 0); transform: translate3d(-50%, -30%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
}

#school_life .top_box .nsm_like,
#open_school .slick_box_3,
#about .about_box .img,
#about .about_box .text_box,
.choice .flex .close,
.choice .study_speciality .flex picture img{-webkit-animation-name: fadeInDown_mini; animation-name: fadeInDown_mini;}
@-webkit-keyframes fadeInDown_mini {
	from { opacity: 0; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInDown_mini {
	from { opacity: 0; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
.choice .flex .close{-webkit-animation-name: fadeInDown_close_1; animation-name: fadeInDown_close_1;}
@-webkit-keyframes fadeInDown_close_1 {
	from { opacity: 0; -webkit-transform: translate3d(-50%, -60%, 0); transform: translate3d(-50%, -60%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}
}
@keyframes fadeInDown_close_1 {
	from { opacity: 0; -webkit-transform: translate3d(-50%, -60%, 0); transform: translate3d(-50%, -60%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}
}
/* ------------------------------------------------------------ k-pop */

#course .course_bg .text_box_inner{-webkit-animation-name: fadeInDown_course_1; animation-name: fadeInDown_course_1;}
@-webkit-keyframes fadeInDown_course_1 {
	from {opacity: 0; -webkit-transform: translate3d(-50%, -10%, 0); transform: translate3d(-50%, -10%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
}
@keyframes fadeInDown_course_1 {
	from { opacity: 0; -webkit-transform: translate3d(-50%, -10%, 0); transform: translate3d(-50%, -10%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
}
#feature .feature_1 img{-webkit-animation-name: fadeInDown_feature_1; animation-name: fadeInDown_feature_1;}
@-webkit-keyframes fadeInDown_feature_1 {
	from { opacity: 0; -webkit-transform: translate3d(0, -55%, 0); transform: translate3d(0, -55%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);}
}
@keyframes fadeInDown_feature_1 {
	from { opacity: 0; -webkit-transform: translate3d(0, -55%, 0); transform: translate3d(0, -55%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);}
}


/* ------------------------------------------------------------ footer */
footer .adr_box,
footer .link_box .link_box_flex,
footer .link_box .sns_box{-webkit-animation-name: fadeInDown_footer_1; animation-name: fadeInDown_footer_1;}
@-webkit-keyframes fadeInDown_footer_1 {
	from { opacity: 0; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInDown_footer_1 {
	from { opacity: 0; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

@media only screen and (max-width: 768px) {
	#course .course_bg .text_box_inner{-webkit-animation-name: fadeInDown_course_2; animation-name: fadeInDown_course_2;}
	@-webkit-keyframes fadeInDown_course_2 {
		from {opacity: 0; -webkit-transform: translate3d(0%, -10%, 0); transform: translate3d(0%, -10%, 0);}
		to { opacity: 1; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);}
	}
	@keyframes fadeInDown_course_2 {
		from { opacity: 0; -webkit-transform: translate3d(0%, -10%, 0); transform: translate3d(0%, -10%, 0);}
		to { opacity: 1; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);}
	}
	
	
	.choice .flex .close{-webkit-animation-name: fadeInDown_close_2; animation-name: fadeInDown_close_2;}
	@-webkit-keyframes fadeInDown_close_2 {
		from { opacity: 0; -webkit-transform: translate3d(0, -15%, 0); transform: translate3d(0, -15%, 0);}
		to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	}
	@keyframes fadeInDown_close_2 {
		from { opacity: 0; -webkit-transform: translate3d(0, -15%, 0); transform: translate3d(0, -15%, 0);}
		to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	}
	
	#skill_check .skill_check_bg .skill_check_img_1{-webkit-animation-name: fadeInDown_skill_check_1; animation-name: fadeInDown_skill_check_1;}
	@-webkit-keyframes fadeInDown_skill_check_1 {
	from {opacity: 0; -webkit-transform: translate3d(-50%, -60%, 0); transform: translate3d(-50%, -60%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}
	}
	@keyframes fadeInDown_skill_check_1 {
	from { opacity: 0; -webkit-transform: translate3d(-50%, -60%, 0); transform: translate3d(-50%, -60%, 0);}
	to { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}
	}
	
	
	#feature .feature_1 img{-webkit-animation-name: fadeInDown_feature_2; animation-name: fadeInDown_feature_2;}
	@-webkit-keyframes fadeInDown_feature_2 {
		from { opacity: 0; -webkit-transform: translate3d(0%, -5%, 0); transform: translate3d(0%, -5%, 0);}
		to { opacity: 1; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);}
	}
	@keyframes fadeInDown_feature_2 {
		from { opacity: 0; -webkit-transform: translate3d(0%, -5%, 0); transform: translate3d(0%, -5%, 0);}
		to { opacity: 1; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);}
	}
}