@charset "utf-8";
body {
		background: #E2BAB4;
		color: #fff;
}
main {
		padding-bottom: 120px;
}
.dot_hd {
		margin-bottom: 80px;
}
.movie_main {
		max-width: 680px;
		margin: 0 auto 100px;
}
.movie_main img {
		width: 100%;
		height: auto;
		border-radius: 20px;
		transition: opacity 0.4s;
}
.movie_grid, .poster_grid {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
}
.movie_tile {
		width: calc(50% - 15px);
		margin-bottom: 40px;
}
.poster_tile {
		width: calc(calc(100% - 60px) / 3);
		margin-bottom: 30px;
}
.movie_tile img, .poster_tile img {
		width: 100%;
		height: auto;
		border-radius: 16px;
		transition: opacity 0.4s;
}
.poster_tile img {
		box-sizing: border-box;
		border: 2px solid rgba(255, 255, 255, 1);
}
@media (hover: hover) {
		.movie_main a:hover img {
				opacity: 0.8;
		}
		.movie_tile a:hover img, .poster_tile:hover img {
				opacity: 0.8;
		}
}
@media(max-width: 767px) {
		main {
				padding-bottom: 80px;
		}
		.dot_hd {
				margin-bottom: 30px;
		}
		.movie_main {
				margin-bottom: 60px;
		}
		.movie_main img {
				border-radius: 16px;
		}
		.movie_tile img {
				border-radius: 12px;
		}
		.movie_grid {
				display: block;
		}
		.movie_tile {
				width: 100%;
				margin-bottom: 35px;
		}
		.poster_tile {
				width: calc(50% - 5px);
				margin-bottom: 10px;
		}
		.poster_tile img {
				border-radius: 10px;
		}
}