body{

	font-family: "notokr-regular", sans-serif; margin:0;padding:0
	}




#gnb{position:fixed;display:block;width:100%; height:91px;margin-top:0px;z-index:9999;background:#fff;}
#gnb_s{position:fixed;display:block;width:100%; height:91px;margin-top:0px;z-index:9999;background:#fff;border-bottom:1px solid #bfbfbf;}

	/* Common styles
	* --------------------------------------- 
	img{
	    -webkit-transition: all 0.7s ease-out;
		-moz-transition: all 0.7s ease-out;
		-o-transition: all 0.7s ease-out;
		transition: all 0.7s ease-out;
	}
*/
img{vertical-align:middle;}




	.section{
		text-align:center;
		overflow:hidden;

	}

	.wrap{
		width: 100%;
		height: 100%;
		margin-top:0px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	.box{
		text-align: left;
		color: #808080
		font-size: 1.2em;
		line-height: 1.6em;
	}




	/* Section 0
	* --------------------------------------- */
	#section0{
		height: 100%;
		margin: 0px 0 0 0;
	}

	.section00{
margin: auto;height: 100%; overflow: hidden; position: relative; align-items: center;  display:flex;  justify-content: center; top:30px;

}


	.section01{
margin: auto;height: 100%; overflow: hidden; position: relative; align-items: center;  display:flex;  justify-content: center;top:0px;

}
	.section001{
margin: auto; max-width:1920px; height: 100%; overflow: hidden; position: relative;

}

	/* Section 1
	* --------------------------------------- */
	#section1{
		background: url('../image/02.jpg') center / cover;
			height: 100%;
		margin: 0px 0 0 0;
	}


	#section2{
			background: url('../image/03.jpg') center / cover;
			height: 100%;
		margin: 0px 0 0 0;
	}



	#section3 {
			background: url('../image/foot.jpg') center / cover; max-height:327px;
	height: 100%;
		margin: 0px 0 0 0;
	}

	.section_s {
		position:relative;	background: url('../image/foot.jpg') center / cover; 
		margin: 40px 0 0px 0;	text-align:center;
		padding-bottom:30px;
		overflow:hidden;
	}


	#section4{
			background: url('../image/05.jpg') center / cover;
			height: 100%;
		margin: 0px 0 0 0;
	}


	#section5 {
			background: url('../image/06.jpg') repeat-x;
		margin: 0px 0 0 0;
	}



	.back{
	background:url('../image/movie_dim.png')  repeat;
		margin: 0px 0 0 0;
	height: 100%;
		z-index:9;
		 position: relative;
	}



	.vd{
 position: relative;
		margin: 0px 0 0 0;
		z-index:0;
	}


	.pic01{
margin: auto; height: 100%; overflow: hidden; position: relative; align-items: center;  display:flex;  justify-content: center;		z-index:99;
	}





video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('../image/01.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
  z-index:0;
}


.mback {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;    transform: translateX(-50%) translateY(-50%);
}

.mback img {
    position: relative;
text-align:center;width:100%;margin:0 auto; left:50%; margin-left:-960px; min-width:1920px;
}



@media only screen and (max-width: 480px) {


.pc{display:none; !important;}

.mb{display:block; !important;}


	.back{
display:none;
	}

}