@charset "utf-8";
.news_wrap {
		padding-bottom: 0;
		margin-bottom: 200px;
}
@media(max-width: 767px) {
		.news_wrap {
				margin-bottom: 80px;
		}
}
.top_bnr, .top_member {
		display: none
}
.top_bnr {
		width: 320px;
		position: fixed;
		bottom: 40px;
		right: 80px;
		z-index: 50;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes fadeIn {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
@media (hover: hover) {
		.top_bnr:hover {
				transform: scale(1.1)
		}
}
.top_bnr img {
		width: 100%;
		height: auto;
}
.top_bnr::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
		background-image: url("../images/bnr_logo_txt.png");
		animation: screw 16s linear infinite;
		pointer-events: none
}
@keyframes screw {
		0% {
				transform: rotate(0deg)
		}
		100% {
				transform: rotate(360deg)
		}
}
.top_bnr_wrap {
		position: relative;
}
.top_bnr_wrap .top_bnr_wrap_inner {
		position: absolute;
		display: flex;
		justify-content: flex-end;
		width: 100%;
}
.top_bnr .bnrClose {
		position: absolute;
		top: 27px;
		right: 30px;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		background: #323232;
		cursor: pointer;
		z-index: 10
}
.bnrClose::before, .bnrClose::after, .bnrCloseMember::before, .bnrCloseMember::after {
		content: '';
		display: block;
		position: absolute;
		top: 15.5px;
		left: 8px;
		width: 16px;
		height: 1px;
		pointer-events: none;
		background: #fff;
}
.bnrClose::before, .bnrCloseMember::before {
		transform: rotate(45deg);
}
.bnrClose::after, .bnrCloseMember::after {
		transform: rotate(-45deg);
}
@media(max-width: 840px) {
		.top_bnr {
				width: 180px;
				bottom: 20px;
				right: 60px;
		}
		.top_bnr .bnrClose {
				top: 10px;
				right: 10px;
				width: 32px;
				height: 32px;
		}
		.bnrClose::before, .bnrClose::after, .bnrCloseMember::before, .bnrCloseMember::after {
				top: 15.5px;
				left: 8px;
				width: 16px;
		}
}
@media(max-width: 767px) {
		.kv .scrolldown {
				right: inherit;
				left: 20px;
				top: calc(100svh - 190px);
		}
		.top_bnr {
				width: 150px;
				bottom: 20px;
				right: 20px;
		}
}
.movie_section {
		padding-bottom: 180px;
}
@media(max-width: 767px) {
		.movie_section {
				padding-bottom: 100px;
		}
}
.movie_inner {
		max-width: 660px;
		padding: 0 20px;
		margin: 0 auto;
		position: relative;
		z-index: 5
}
.movie_inner img {
		width: 100%;
		height: auto
}
.movie_hd {
		width: 270px;
		margin: 0 auto 50px;
}
.movie_thumb {
		margin: 0 0 25px;
		position: relative;
}
.movie_notes {
		line-height: 1.6;
}
.movie_notes a {
		color: #000;
		text-decoration: underline;
		position: relative;
		display: inline-block
}
/*
.movie_notes a::before, .movie_notes a::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 6px);
		right: -23px;
		width: 8px;
		height: 8px;
		border: 1px solid #000;
}
.movie_notes a::after {
		top: calc(50% - 1px);
		right: -20px;
}
*/
@media (hover: hover) {
		.movie_notes a:hover {
				color: #000;
				text-decoration: none;
		}
}
.movie_thumb .moviePlay {
		position: absolute;
		width: 112px;
		height: 112px;
		top: calc(50% - 56px);
		left: calc(50% - 56px);
}
.moviePlay::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 112px;
		height: 112px;
		background: rgba(0, 0, 0, 0.3);
		border-radius: 50%;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
		.movie_thumb a:hover .moviePlay::before {
				transform: scale(1.2)
		}
}
.moviePlay::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 112px;
		height: 112px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		background-image: url("../images/movie_play.png")
}
@media(max-width: 767px) {
		.movie_hd {
				width: 113px;
				margin: 0 auto 30px;
		}
		.movie_thumb .moviePlay {
				width: 56px;
				height: 56px;
				top: calc(50% - 28px);
				left: calc(50% - 28px);
		}
		.moviePlay::before, .moviePlay::after {
				width: 56px;
				height: 56px;
		}
}
/* ============== */
.top_member {
		width: 310px;
		position: fixed;
		bottom: 40px;
		right: 84px;
		z-index: 50;
		box-sizing: border-box;
		padding: 7px;
		border: 1px solid #333;
		border-radius: 20px;
		background: #fff;
}
.top_member img {
		width: 100%;
		height: auto;
		border-radius: 14px;
		border: 1px solid #333;
		transition: opacity 0.4s;
}
@media (hover: hover) {
		.top_member:hover img {
				opacity: 0.7
		}
}
.top_member .bnrCloseMember {
		position: absolute;
		top: -10px;
		right: -10px;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		background: #323232;
		cursor: pointer;
		z-index: 10
}
@media(max-width: 840px) {
		.top_member {
				width: 180px;
				bottom: 20px;
				right: 70px;
				padding: 4px;
				border-radius: 10px;
		}
		.top_member img {
				border-radius: 6px;
				border: 0.5px solid #999;
		}
		.top_member .bnrCloseMember {
				top: -22px;
				right: -14px;
				width: 32px;
				height: 32px;
		}
}
@media(max-width: 767px) {
		.top_member {
				width: 160px;
				bottom: 20px;
				right: 25px;
				border-radius: 8px;
				padding: 0;
		}
		.top_member img {
				border-radius: 6px;
				border: none;
		}
}