@charset "utf-8";
body {
		background: #F9F4E9;
		color: #fff;
}
.page_title, .movie_caption {
		color: #867055;
}
.movie_caption_wrap {
		margin-top: 10px !important;
		padding-right: 0 !important;
}
@media(max-width: 767px) {
		.anchor {
				padding-top: 100px;
				margin-top: -100px;
				position: relative;
				pointer-events: none
		}
}
.wrap1180 {
		padding-bottom: 120px;
}
.select_tab {
		background: #F9F4E9;
		border-radius: 30px;
		margin-bottom: 60px;
		padding: 45px 0px 30px;
}
.tab_gr {
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		gap: 0px 20px;
}
.lineup_item {
		width: 100%;
		cursor: pointer;
		position: relative;
}
.lineup_item::before {
		content: '';
		display: block;
		position: absolute;
		top: -25px;
		left: calc(50% - 9px);
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		border-top: 18px solid #b96e63;
		border-bottom: 0;
		transition: opacity 0.3s, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		opacity: 0;
		transform: translateY(-10px);
}
.lineup_item.isActive::before {
		opacity: 1;
		transform: translateY(0px);
}
.lineup_item_thumb {
		width: 100%;
}
.lineup_item p {
		font-size: 14px;
		line-height: 1.2;
		letter-spacing: 0;
		color: #867055;
}
.tabContents {
		position: relative;
		height: auto;
		min-height: 800px;
}
.tabPanel {
		display: none;
}
.tabContents .tabPanel:not(:first-child) {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
}
.tabPanel.isActive {
		display: block;
}
@media(max-width: 960px) {
		.select_tab {
				padding: 60px 45px 40px;
		}
		.tab_gr {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 60px 40px;
		}
}
@media(max-width: 767px) {
		.tabContents {
				min-height: 770px;
		}
		.select_tab {
				padding: 40px 0px 30px;
				border-radius: 20px;
		}
		.tab_gr {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 30px 12px;
		}
		.lineup_item::before {
				top: -20px;
				left: calc(50% - 7px);
				border-right: 8px solid transparent;
				border-left: 8px solid transparent;
				border-top: 14px solid #b96e63;
				border-bottom: 0;
				transform: translateY(-8px);
		}
}
/* =============== */
.movie_grid {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
}
.movie_tile {
		width: calc(50% - 15px);
		margin-bottom: 40px;
}
.movie_tile img {
		width: 100%;
		height: auto;
		border-radius: 16px;
		transition: opacity 0.4s;
}
@media (hover: hover) {
		.movie_main a:hover img {
				opacity: 0.8;
		}
		.movie_tile a:hover img {
				opacity: 0.8;
		}
}
@media(max-width: 767px) {
		.movie_tile img {
				border-radius: 12px;
		}
		.movie_grid {
				display: block;
		}
		.movie_tile {
				width: 100%;
				margin-bottom: 35px;
		}
}
.movie_thumb {
		position: relative;
}
.movie_thumb::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 25px);
		left: calc(50% - 20px);
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 25px solid transparent;
		border-bottom: 25px solid transparent;
		border-left: 40px solid #b96e63;
		border-right: 0;
		transition: opacity 0.4s;
		pointer-events: none;
}
@media (hover: hover) {
		.movie_thumb:hover::after {
				opacity: 0.4
		}
}
@media(max-width: 767px) {
		.movie_thumb::after {
				content: '';
				display: block;
				position: absolute;
				top: calc(50% - 15px);
				left: calc(50% - 7px);
				width: 0;
				height: 0;
				border-style: solid;
				border-top: 18px solid transparent;
				border-bottom: 18px solid transparent;
				border-left: 30px solid #b96e63;
				border-right: 0;
				transition: opacity 0.4s;
		}
}