@charset "utf-8"; 


/************************************************

					main

*************************************************/
.main_about {
	opacity: 0;
}

.main_about_ani {
	opacity: 1;
	animation: main_about_ani 1.5s;
}

	@keyframes main_about_ani {
		0% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.main_realign {
	opacity: 0;
}

.main_realign_ani {
	opacity: 1;
	animation: main_realign_ani 1.5s;
}

	@keyframes main_realign_ani {
		0% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.main_instructors {
	opacity: 0;
}

.main_instructors_ani {
	opacity: 1;
	animation: main_instructors_ani 1.5s;
}

	@keyframes main_instructors_ani {
		0% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.main_equipment {
	opacity: 0;
}

.main_equipment_ani {
	opacity: 1;
	animation: main_equipment_ani 1.5s;
}

	@keyframes main_equipment_ani {
		0% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.main_program {
	opacity: 0;
}

.main_program_ani {
	opacity: 1;
	animation: main_program_ani 1.5s;
}

	@keyframes main_program_ani {
		0% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.main_review {
	opacity: 0;
}

.main_review_ani {
	opacity: 1;
	animation: main_review_ani 1.5s;
}

	@keyframes main_review_ani {
		0% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.main_shopping {
	opacity: 0;
}

.main_shopping_ani {
	opacity: 1;
	animation: main_shopping_ani 1.5s;
}

	@keyframes main_shopping_ani {
		0% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.main_cs {
	opacity: 0;
}

.main_cs_ani {
	opacity: 1;
	animation: main_cs_ani 1.8s;
}

	@keyframes main_cs_ani {
		0% {opacity: 0; transform: translateY(20%);}
		40% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

	@media screen and (max-width : 500px) {
	.main_about {
		opacity: 1 !important;
	}

	.main_about_ani {
		opacity: 1;
		animation: none;
	}
	}



/************************************************

					realign01

*************************************************/
.sub_title {
	animation: sub_title_ani 1s;
}

	@keyframes sub_title_ani {
		0% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.brand_01 {
	animation: brand_01_ani 1.8s;
}

	@keyframes brand_01_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.brand_02 {
	opacity: 0;
}

.brand_02_ani {
	opacity: 1;
	animation: brand_02_ani 1.5s;
}

	@keyframes brand_02_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.brand_03 {
	opacity: 0;
}

.brand_03_ani {
	opacity: 1;
	animation: brand_03_ani 1.5s;
}

	@keyframes brand_03_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

					realign02

*************************************************/
.system_01 {
	animation: system_01_ani 1.8s;
}

	@keyframes system_01_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.system_02 {
	opacity: 0;
}

.system_02_ani {
	opacity: 1;
	animation: system_02_ani 1.5s;
}

	@keyframes system_02_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.system_03 {
	opacity: 0;
}

.system_03_ani {
	opacity: 1;
	animation: system_03_ani 1.5s;
}

	@keyframes system_03_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.system_04 {
	opacity: 0;
}

.system_04_ani {
	opacity: 1;
	animation: system_04_ani 1.5s;
}

	@keyframes system_04_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

				realign03 ~ 06

*************************************************/
.realign_news {
	animation: realign_news_ani 1.8s;
}

	@keyframes realign_news_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.realign_instructor {
	animation: realign_instructor_ani 1.8s;
}

	@keyframes realign_instructor_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.instructor_wrap {
	animation: instructor_wrap_ani 1.8s;
}

	@keyframes instructor_wrap_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.realign_review {
	animation: realign_review_ani 1.8s;
}

	@keyframes realign_review_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.realign_qna {
	animation: realign_qna_ani 1.8s;
}

	@keyframes realign_qna_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.realign_view {
	animation: realign_view_ani 1.8s;
}

	@keyframes realign_view_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

					pilates01

*************************************************/
.p_intro_01 {
	animation: p_intro_01_ani 1.8s;
}

	@keyframes p_intro_01_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_intro_02 {
	opacity: 0;
}

.p_intro_02_ani {
	opacity: 1;
	animation: p_intro_02_ani 1.5s;
}

	@keyframes p_intro_02_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_intro_03 {
	opacity: 0;
}

.p_intro_03_ani {
	opacity: 1;
	animation: p_intro_03_ani 1.5s;
}

	@keyframes p_intro_03_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

					pilates02

*************************************************/
.p_class_01 {
	animation: p_class_01_ani 1.8s;
}

	@keyframes p_class_01_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_class_02 {
	opacity: 0;
}

.p_class_02_ani {
	opacity: 1;
	animation: p_class_02_ani 1.5s;
}

	@keyframes p_class_02_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_class_03 {
	opacity: 0;
}

.p_class_03_ani {
	opacity: 1;
	animation: p_class_03_ani 1.5s;
}

	@keyframes p_class_03_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_class_04 {
	opacity: 0;
}

.p_class_04_ani {
	opacity: 1;
	animation: p_class_04_ani 1.5s;
}

	@keyframes p_class_04_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_class_05 {
	opacity: 0;
}

.p_class_05_ani {
	opacity: 1;
	animation: p_class_05_ani 1.5s;
}

	@keyframes p_class_05_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_class_06 {
	opacity: 0;
}

.p_class_06_ani {
	opacity: 1;
	animation: p_class_06_ani 1.5s;
}

	@keyframes p_class_06_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_class_07 {
	opacity: 0;
}

.p_class_07_ani {
	opacity: 1;
	animation: p_class_07_ani 1.5s;
}

	@keyframes p_class_07_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

					pilates03

*************************************************/
.p_program_01 {
	animation: p_program_01_ani 1.8s;
}

	@keyframes p_program_01_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_program_02 {
	opacity: 0;
}

.p_program_02_ani {
	opacity: 1;
	animation: p_program_02_ani 1.5s;
}

	@keyframes p_program_02_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_program_03 {
	opacity: 0;
}

.p_program_03_ani {
	opacity: 1;
	animation: p_program_03_ani 1.5s;
}

	@keyframes p_program_03_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_program_04 {
	opacity: 0;
}

.p_program_04_ani {
	opacity: 1;
	animation: p_program_04_ani 1.5s;
}

	@keyframes p_program_04_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

					pilates04

*************************************************/
.p_equip_01 {
	animation: p_equip_01_ani 1.8s;
}

	@keyframes p_equip_01_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_equip_02 {
	opacity: 0;
}

.p_equip_02_ani {
	opacity: 1;
	animation: p_equip_02_ani 1.5s;
}

	@keyframes p_equip_02_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_equip_03 {
	opacity: 0;
}

.p_equip_03_ani {
	opacity: 1;
	animation: p_equip_03_ani 1.5s;
}

	@keyframes p_equip_03_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_equip_04 {
	opacity: 0;
}

.p_equip_04_ani {
	opacity: 1;
	animation: p_equip_04_ani 1.5s;
}

	@keyframes p_equip_04_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.p_equip_05 {
	opacity: 0;
}

.p_equip_05_ani {
	opacity: 1;
	animation: p_equip_05_ani 1.5s;
}

	@keyframes p_equip_05_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

					kinesis01

*************************************************/
.k_intro01 {
	animation: k_intro01_ani 1.8s;
}

	@keyframes k_intro01_ani {
		0% {opacity: 0; transform: translateY(20%);}
		20% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.k_intro02 {
	animation: k_intro02_ani 2.3s;
	position: relative;
	top: 0;
}

	@keyframes k_intro02_ani {
		0% {opacity: 0;}
		40% {opacity: 0;}
		100% {opacity: 1;}
	}

.k_intro03 {
	animation: k_intro03_ani 2.5s;
}

	@keyframes k_intro03_ani {
		0% {opacity: 0; transform: translateY(10%);}
		50% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

					kinesis02

*************************************************/
.k_tech_01 {
	animation: k_tech_01_ani 1.8s;
}

	@keyframes k_tech_01_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.k_tech_02 {
	opacity: 0;
}

.k_tech_02_ani {
	opacity: 1;
	animation: k_tech_02_ani 1.5s;
}

	@keyframes k_tech_02_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.k_tech_03 {
	opacity: 0;
}

.k_tech_03_ani {
	opacity: 1;
	animation: k_tech_03_ani 1.5s;
}

	@keyframes k_tech_03_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

					kinesis03

*************************************************/
.k_program_01 {
	animation: k_program_01_ani 1.8s;
}

	@keyframes k_program_01_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.k_program_02 {
	opacity: 0;
}

.k_program_02_ani {
	opacity: 1;
	animation: k_program_02_ani 1.5s;
}

	@keyframes k_program_02_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.k_program_03 {
	opacity: 0;
}

.k_program_03_ani {
	opacity: 1;
	animation: k_program_03_ani 1.5s;
}

	@keyframes k_program_03_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.k_program_04 {
	opacity: 0;
}

.k_program_04_ani {
	opacity: 1;
	animation: k_program_04_ani 1.5s;
}

	@keyframes k_program_04_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.k_program_05 {
	opacity: 0;
}

.k_program_05_ani {
	opacity: 1;
	animation: k_program_05_ani 1.5s;
}

	@keyframes k_program_05_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.k_program_06 {
	opacity: 0;
}

.k_program_06_ani {
	opacity: 1;
	animation: k_program_06_ani 1.5s;
}

	@keyframes k_program_06_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

					kinesis04

*************************************************/
.k_studio_01 {
	animation: k_studio_01_ani 1.8s;
}

	@keyframes k_studio_01_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.k_studio_02 {
	opacity: 0;
}

.k_studio_02_ani {
	opacity: 1;
	animation: k_studio_02_ani 1.5s;
}

	@keyframes k_studio_02_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.k_studio_03 {
	opacity: 0;
}

.k_studio_03_ani {
	opacity: 1;
	animation: k_studio_03_ani 1.5s;
}

	@keyframes k_studio_03_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.k_studio_04 {
	opacity: 0;
}

.k_studio_04_ani {
	opacity: 1;
	animation: k_studio_04_ani 1.5s;
}

	@keyframes k_studio_04_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

					lab01

*************************************************/
.l_intro01 {
	animation: l_intro01_ani 1.8s;
}

	@keyframes l_intro01_ani {
		0% {opacity: 0; transform: translateY(20%);}
		20% {opacity: 0; transform: translateY(20%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.l_intro02 {
	animation: l_intro02_ani 2.3s;
	position: relative;
	top: 0;
}

	@keyframes l_intro02_ani {
		0% {opacity: 0;}
		40% {opacity: 0;}
		100% {opacity: 1;}
	}

.l_intro03 {
	animation: l_intro03_ani 2.5s;
}

	@keyframes l_intro03_ani {
		0% {opacity: 0; transform: translateY(10%);}
		50% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

					lab02

*************************************************/
.l_strength_01 {
	animation: l_strength_01_ani 1.8s;
}

	@keyframes l_strength_01_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.l_strength_02 {
	opacity: 0;
}

.l_strength_02_ani {
	opacity: 1;
	animation: l_strength_02_ani 1.5s;
}

	@keyframes l_strength_02_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.l_strength_03 {
	opacity: 0;
}

.l_strength_03_ani {
	opacity: 1;
	animation: l_strength_03_ani 1.5s;
}

	@keyframes l_strength_03_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.l_strength_04 {
	opacity: 0;
}

.l_strength_04_ani {
	opacity: 1;
	animation: l_strength_04_ani 1.5s;
}

	@keyframes l_strength_04_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.l_strength_05 {
	opacity: 0;
}

.l_strength_05_ani {
	opacity: 1;
	animation: l_strength_05_ani 1.5s;
}

	@keyframes l_strength_05_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

					lab03

*************************************************/
.l_leader_01 {
	animation: l_leader_01_ani 1.8s;
}

	@keyframes l_leader_01_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.l_leader_02 {
	opacity: 0;
}

.l_leader_02_ani {
	opacity: 1;
	animation: l_leader_02_ani 1.5s;
}

	@keyframes l_leader_02_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

	@media screen and (max-width : 500px) {
	.l_leader_02 {
		opacity: 1;
		animation: l_leader_02_ani_m 2.3s;
	}

		@keyframes l_leader_02_ani_m {
			0% {opacity: 0; transform: translateY(5%);}
			40% {opacity: 0; transform: translateY(5%);}
			100% {opacity: 1; transform: translateY(0);}
		}

	.l_leader_02_ani {
		animation: none;
	}
	}



/************************************************

				lab04 ~ 05

*************************************************/
.lab_workshop {
	animation: lab_workshop_ani 1.8s;
}

	@keyframes lab_workshop_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}



/************************************************

					lab06

*************************************************/
.l_inquire_01 {
	animation: l_inquire_01_ani 1.8s;
}

	@keyframes l_inquire_01_ani {
		0% {opacity: 0; transform: translateY(10%);}
		20% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

.l_inquire_02 {
	opacity: 0;
}

.l_inquire_02_ani {
	opacity: 1;
	animation: l_inquire_02_ani 1.5s;
}

	@keyframes l_inquire_02_ani {
		0% {opacity: 0; transform: translateY(10%);}
		100% {opacity: 1; transform: translateY(0);}
	}

	@media screen and (max-width : 500px) {
	.l_inquire_02 {
		opacity: 1;
		animation: l_inquire_02_ani_m 2.3s;
	}

		@keyframes l_inquire_02_ani_m {
			0% {opacity: 0; transform: translateY(5%);}
			40% {opacity: 0; transform: translateY(5%);}
			100% {opacity: 1; transform: translateY(0);}
		}

	.l_inquire_02_ani {
		animation: none;
	}
	}