@charset "UTF-8";
.modal-open {
	color: #00f;
	text-decoration: underline;
}
.modal-open:hover {
	cursor: pointer;
	color: #f00;
}

.lock_win {
	overflow: hidden;
}
.modal-overlay {
	z-index: 1500;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.75);
	overflow: auto;
	height: 100%;
}
.modal-wrap {
	z-index: 1600;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.modal-content {
	position: relative;
	display: none;
	z-index: 2000;
	width: 907px;
	margin: 0 auto;
	height: 100%;
}

.movie {
	margin: 0 64px;
	overflow: hidden;
	padding-top: calc(100vh /2 - 219px);
}
.movie .closeBtn {
	clear: both;
	text-align: right;
	position: relative;
	margin: 0px 0 30px 0;
	cursor: pointer;
	padding:0;
}

@media screen and (max-width: 768px) {
.modal-wrap {
	z-index: 1600;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.modal-content {
	width: 100%;
	overflow: auto;
	height: 100%;
}
.movie {
	margin: 0 auto;
	height: 100%;
	width: 90%;
	position: relative;
}
#stage {
	margin: 0 0;
	overflow: hidden;
	padding-top: 56.25%;
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;

}
#stage iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
}