@charset "utf-8";
@keyframes scaleImg{0%{scale:1}to{scale:.98;}}
@keyframes transRotate{0%{transform:rotate(0)}to{transform:rotate(-6deg)}}
body.unload{overflow:hidden;}

#sec_kv .slick-track{display:flex;}
#sec_kv .slick-slide{float:none;}


#load{
	display:block;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
#load.hide{display:none;}
#load:before,
#load:after{
	content:"";
	position:absolute;
	top:0;
	display:block;
	width:50%;
	height:100%;
	background-color:#dd9c7c;
	transition:all 0.8s ease 0.8s;
	opacity:1;
	z-index:0;
}
#load:before{
	left:0;
	transform-origin:left top;
}
#load:after{
	right:0;
	transform-origin:right top;
}
#load span{
	display:block;
	position:absolute;
	transition:opacity 0.8s;
	z-index:1;
}
body.loadset #load:before,
body.loadset #load:after{width:0%;}
body.loadset #load span{opacity:0;}
#load img{
	display:block;
	max-width:initial;
	position:absolute;
}
#load img[class^="load0"]{
	animation:transRotate 0.8s steps(2,jump-none) infinite alternate;
	opacity:0.6;
}
#load .loadFg{animation:scaleImg 0.8s -0.8s steps(2,jump-none) infinite alternate;}
@media screen and (max-width:767.9px){
body{min-width:100vw;}
	#load span{
		width:316px;
		height:128px;
		top:calc(50% - 64px);
		left:calc(50% - 158px);
	}
	#load .loadFg{
		width:180px;
		left:68px;
		top:45px;
	}
	#load .load01{
		width:51px;
		left:13px;
		top:0;
	}
	#load .load02{
		width:41px;
		left:17px;
		bottom:7px;
	}
	#load .load03{
		width:38px;
		right:26px;
		top:14px;
	}
	#load .load04{
		width:27px;
		right:0;
		top:5px;
	}
	#load .load05{
		width:49px;
		right:12px;
		bottom:9px;
	}
#sec_kv .slick-slide{width:100vw;}
}
@media screen and (min-width: 767.9px){
	#load span{
		width:512px;
		height:208px;
		top:calc(50% - 104px);
		left:calc(50% - 256px);
	}
	#load .loadFg{
		width:296px;
		left:108px;
		top:73px;
	}
	#load .load01{
		width:81px;
		left:19px;
		top:0;
	}
	#load .load02{
		width:68px;
		left:25px;
		bottom:13px;
	}
	#load .load03{
		width:60px;
		right:45px;
		top:21px;
	}
	#load .load04{
		width:43px;
		right:0;
		top:7px;
	}
	#load .load05{
		width:76px;
		right:19px;
		bottom:16px;
	}
}