@charset "utf-8";

/* Font-Face */
@font-face{
font-family: "NanumGothic";
src:url("../font/NanumGothic.eot"); /* IE9 Compat Modes */   
src:url("../font/NanumGothicd41d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */       
url("../font/NanumGothic.woff") format("woff"), /* Modern Browsers */       
url("../font/NanumGothic.html")  format("truetype"), /* Safari, Android, iOS */       
url("../font/NanumGothic-2.html#svgMothnnaFont") format("svg"); /* Legacy iOS */
}





/* Layout */

#movieZone{width:90%; height:100%; background:url(../images/mobile/movie_bg.jpg) center top no-repeat; z-index:10}
#aboutZone{width:90%; height:100%; background:url(../images/mobile/about_bg.jpg) center top no-repeat; z-index:10}

#movie{width:90%; text-align:center; z-index:15; position:fixed; margin-top:0}





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

	#movieZone{
	width: 100%;
	height: 100%;
	background-size: cover;
	z-index: 10
	margin-left: 50px;
}
	#aboutZone{height:100%;  height:100%; background-size:cover; background:url(../images/mobile/about_sbg.gif) center top repeat-x}
	
	#titleBack{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 35px;
	position: absolute;
	top: 50%;
	font-weight: 500;
	margin-left: 0;
	left: inherit;
	  margin-top: -60px;
}
	#titleBack p{width:100%; text-align:center; color:#fff; font-size:14px; font-style:italic; font-weight:normal; margin-left:0; left:inherit}	
	#titleBack span{
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin-left: 0;
	left: inherit;
}
	#titleBack{  
	width: 90%;
    margin-left: 50px;
	}
	#titleBack p{
	width: 90%;
	font-style: normal;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	
}	
	#titleBack span{
	width: 90%;
	font-style: normal;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	
}	

	


	
}