@charset "UTF-8";

/*=============================================== 
 meet our poeple Width.
==============================================*/
.movie__section {
	width: 1020px;
	margin: 80px auto 0;
}
	@media screen and (max-width: 768px) {
		.movie__section {
			width: 94%;
		}
	}
	@media screen and (max-width: 750px) {
		.movie__section {
			margin-top: 40px;
		}
	}
.movie__wrap {
	display: flex;
	flex-wrap: wrap;
}
	@media screen and (max-width: 1020px) {
		.movie__wrap {
			width: 94%;
			margin: 0 auto;
		}
	}
	@media screen and (max-width: 768px) {
		.movie__wrap {
			width: 100%;
		}
	}
.movie__wrap div {
	position: relative;
	width: 47%;
	height: auto;
	cursor: pointer;
	min-height: 190px;
	margin: 0 1.5% 50px;
}
	@media screen and (max-width: 750px) {
		.movie__wrap div {
			width: 100%;
			margin-bottom: 40px;
		}
	}
.movie__wrap div i {
	position: absolute;
	top: 40%;
	left: 0;
	color: #d91515;
	font-size: 5rem;
}
.movie__wrap div img {
	width: 100%;
	height: auto;
}
.movie__wrap div img:hover {
	opacity: .5;
	transition: .5s;
}
.movie__wrap p {
	margin-top: 10px;
	font-weight: bold;
}