@charset "UTF-8";

#contents {
	background: url(../movie/images/bg.jpg) center top repeat-y;
}
@media screen and (min-width: 1367px) {
	#contents {
		background-size: cover;
	}
}
/* ========================================
	contents
======================================== */
.h1-title {
	padding-top: 60px;
	margin-bottom: 34px;
	text-align: center;
}
#movie-main {
	width: 898px;
	height: 560px;
	margin: 0 auto;
	text-align: center;
}
#in-movie-main {
	width: 800px;
	height: 450px;
	margin: 0 auto ;
}
#movie-title {
	padding: 30px 0 15px 0;
}
#movie-thumbs {
	width: 870px;
	margin: 0 auto;
	font-size: 0;
	padding-bottom: 55px;
}
#movie-thumbs li {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 40px;
	text-align: center;
}
#movie-thumbs li:nth-child(4n) {
	margin-right: 0;
}
#movie-thumbs li .thumbs {
	margin-bottom: 10px;
	padding: 5px;
	cursor: pointer;
}
#movie-thumbs li.current .thumbs,
#movie-thumbs li .thumbs:hover{
	background-color: #821e1e;
}