@charset "utf-8";
.headerpc{
	position:absolute;
	width:100px;
	top:0;
	left:25px;
	z-index:20;
}
.headerpc img{
	width:100%;
	height:auto;
}
#gn_footer{background-color:#000}
#gn_header{display:none}
#gn_header img{width:auto}
@media (max-width:767px){
#gn_header{display:block;}
.headerpc{display:none}
}
.loading{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:500;background:#000;overflow:hidden;}
.loading_progress{
	position:absolute;
	top:50vh;
	left:-100vw;
	width:100vw;
	height:2px;
	background:#0065f4;
	transition:.5s ease-in-out;
	z-index:501;
	}
.loading_progress_end{
	position:absolute;
	top:50vh;
	left:-100vw;
	width:100vw;
	height:2px;
	background:#000;
	transition:.5s ease-in-out;
	z-index:502;
	}
.start{
	left:0;
	transform: translate3d(0, 0, 0);
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
}
.top_video{
	position:relative;
	width:100%;
	height:775px;
	}
.top_video h1{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-490px;
	width:980px;
	z-index:10;
}
.video_wrapper{width:100%;height:100%;overflow:hidden;position:relative;}
.video_wrapper:after{content:"";display:block;position:absolute;width:100%;height:100%;background:url(../ASSETS/IMAGE/bg_patarn.png) 0 0 repeat;background-size:6px auto;z-index:2;}
.video_wrapper video{min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}
@media (max-width:767px){
.top_video{
	position:relative;
	width:100vw;
	height:95vw;
	}
.top_video h1{
	position:absolute;
	top:0;
	left:0;
	margin-left:0;
	width:100%;
	z-index:10;
}
.video_wrapper{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:3;}
.video_wrapper video{min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}
.video_wrapper video{width:100%};
}

.top_content_scroll{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:2px;height:136px;overflow:hidden;z-index:50;}
@media (max-width:767px){.top_content_scroll{height:24vw;bottom:-8vw;width:2px}}
.scroll_arrow{position:absolute;bottom:0;left:0;width:2px;height:240px;background-color:#fff;opacity:1}
.scroll_arrow_hover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ac0000;animation:scrollMe 2s infinite cubic-bezier(.11,.85,.14,1)}
@keyframes scrollMe{0%{transform:translateY(-100%)}50%{transform:translateY(0)}70%{transform:translateY(0)}to{transform:translateY(100%)}}