/*-----------
reset
-----------*/
* {margin: 0;padding: 0;}

.cf { zoom: 1; }
.cf:before,.cf:after { content: ""; display: table;}
.cf:after { clear: both;}

/*-----------
body
-----------*/
body{position: absolute; background: #000; font-size: 20px; width: 100%;/*background-size: 100% auto;*/}
img{height: auto;}
@media screen and (max-width: 767px){
	body{width: 100%; min-width: 100%; font-size: 1em;}
	img{width: 100%;}
}
/*-----------
header
-----------*/
#top {width: 100%; max-width: 1200px; margin: 0 auto;position: relative; background: url(../images/ttl_bg.jpg) no-repeat center top; padding: 1% 0;}
header h1{width: 50%; max-width: 474px; margin: 0 auto;}

nav{display: flex; justify-content: center;}
nav .btn{border: 2px solid #fff; background: #000; color: #fff; border-radius: 5px; padding: 0.4em 0.5em 0.3em; line-height: 1em; display: block;}
nav .btn:nth-child(2n){margin: 0 1em;}
nav .btn.active,nav .btn:hover{border: 2px solid #000; background: #fff; color: #000;}
nav .btn:hover{cursor: pointer;}

article {width: 100%; overflow: hidden;text-align: center; position: relative; margin-top: -80px; margin: 0 auto;}

.zh,.en,.ko{display:none;}

@media screen and (max-width: 767px){
	article {min-width:100%; margin-top: 0;}
	article iframe{width: 100%;height: 5200px;}
	article .en iframe{width: 100%;height: 5000px;}
	article .zh iframe{width: 100%;height: 5000px;}
	article .ko iframe{width: 100%;height: 5000px;}
	
	#top {width: 100%; max-width: 767px;}
	
}

@media screen and (max-width: 560px){
	article iframe{width: 100%;height: 5200px;}
	article .en iframe{width: 100%;height: 5100px;}
	article .zh iframe{width: 100%;height: 5000px;}
	article .ko iframe{width: 100%;height: 5000px;}
	
}

@media screen and (max-width: 400px){
	article iframe{width: 100%;height: 5600px;}
	article .en iframe{width: 100%;height: 5600px;}
	article .zh iframe{width: 100%;height: 5600px;}
	article .ko iframe{width: 100%;height: 5600px;}
}

/*-----------
 ashide
-----------*/
.banner{width: 640px; margin: 0 auto;}

@media screen and (max-width: 767px){
	.banner{width: 98%;}
}
/*-----------
footer
-----------*/
footer{position: relative; color: #fff; padding: 30px 0 10px;}
footer .inner_footer{ width: 98%; max-width: 640px;  margin: 0 auto; display: flex; justify-content: space-between;}


@media screen and ( max-width:767px) {
	footer{min-width: 100%; padding: 5% 0 10%;}
}