@keyframes scale {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-70%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInDown2 {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.delay1 {animation-delay: .2s;}
.delay2 {animation-delay: .4s;}
.delay3 {animation-delay: .6s;}
.delay4 {animation-delay: .8s;}
.delay5 {animation-delay: 1s;}

.sec1.active .ani-wrap {animation-name: scale; animation-duration:1.5s; animation-fill-mode: forwards;}

.sec2.active .caption h2 {opacity: 0;}
.sec2.active .caption p {opacity: 0;} 
.sec2.active .caption h2 {animation-name: fadeInDown2; animation-duration:1s; animation-fill-mode: forwards;}
.sec2.active .caption p {animation-name: fadeInDown2; animation-duration:1s; animation-fill-mode: forwards;}

.sec3 .txt h2 {opacity: 0;}
.sec3 .txt p {opacity: 0;}
.sec3.active .txt h2 {animation-name: fadeInRight; animation-duration:1s; animation-fill-mode: forwards;}
.sec3.active .txt p {animation-name: fadeInRight; animation-duration:1s; animation-fill-mode: forwards;}

.sec4 .txt h2 {opacity: 0;}
.sec4 .txt p {opacity: 0;}
.sec4.active .txt h2 {animation-name: fadeInLeft; animation-duration:1s; animation-fill-mode: forwards;}
.sec4.active .txt p {animation-name: fadeInLeft; animation-duration:1s; animation-fill-mode: forwards;}

.sec5 ul li .icon {opacity: 0;}
.sec5 ul li .tit {opacity: 0;}
.sec5 ul li .num {opacity: 0;}
.sec5.active ul li .icon {animation-name: fadeIn; animation-duration:1s; animation-fill-mode: forwards;}
.sec5.active ul li .tit {animation-name: fadeIn; animation-duration:1s; animation-fill-mode: forwards;}
.sec5.active ul li .num {animation-name: fadeInDown; animation-duration:1s; animation-fill-mode: forwards;}

.sec6 ul li {opacity: 0;}
.sec6.active ul li {position: relative; animation-name: fadeInDown; animation-duration:1s; animation-fill-mode: forwards;}