@charset "utf-8";
body.no_scroll {
		height: 100vh !important;
		overflow: hidden;
}
.loading_base {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: #fff;
}
.loading_logo {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 280px;
		height: 65px;
		animation: fadeIn 0.5s linear forwards;
}
.loading_logo img {
		width: 100%;
		height: auto;
}
@media(max-width: 767px) {
		.loading_logo {
				width: 180px;
				height: 40px;
		}
}
@keyframes fadeIn {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
.header_logo, .header_global, .header_btn, .header_trigger {
		opacity: 0;
}
.kv_scrollDown {
		opacity: 0;
		animation: fadeIn 0.8s linear forwards;
		animation-delay: 1.1s;
}
.isStart .header_logo, .isStart .header_global, .isStart .header_btn, .isStart .kv_scrollDown, .isStart .header_trigger {
		animation: fadeIn 0.8s linear forwards;
		animation-delay: 0.8s;
}
.kv_lead {
		transform: translate(-40px, 0);
		opacity: 0;
		transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;
		transition-delay: 0.15s
}
.kv_catch {
		transform: translate(-40px, 0);
		opacity: 0;
		transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;
		transition-delay: 0.4s
}
.isStart .kv_catch, .isStart .kv_lead {
		opacity: 1;
		transform: translate(0px, 0);
}
/* ================== */
.fadeInNml {
		opacity: 0;
		transition: opacity 0.3s linear;
}
.fadeInNmlActive {
		opacity: 1;
}
.slideLeft {
		transform: translateX(60px);
		opacity: 0;
}
.slideRight {
		transform: translate(-60px, 0);
		opacity: 0;
		transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
}
.slideUp {
		transform: translateY(100px);
		opacity: 0;
}
.slideRightActive {
		transform: translate(0, 0) !important;
		opacity: 1
}
@media(min-width: 768px) {
		.flow_flex .flow_item:nth-child(2) {
				transition-delay: 0.2s
		}
		.flow_flex .flow_item:nth-child(3) {
				transition-delay: 0.4s
		}
		.flow_flex .flow_item:nth-child(4) {
				transition-delay: 0.6s
		}
}
@media(max-width: 767px) {
		.slideRight {
				transform: translate(0px, 40px);
		}
}