@scope (.nec-contents) {


.openModal {
	cursor: pointer;
}

.openBtn {
	position: absolute;
	width: 30px;
	height: 30px;
	padding: 5px;
	transform: translateX(-40px);
	background-color: rgba(255, 255, 255, 0.9);
	pointer-events: none;
}

.closeModal {
	position: relative;
	width: 75px;
	height: 75px;
	top: 30px;
	margin: 0 30px 0 auto;
	cursor: pointer;
	z-index: 3;
}

#maskModal {
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1;
}

#maskModal.hiddenModal,
.closeModal.hiddenModal,
.openBtn.hiddenModal {
	display: none;
}

.activeModal {
	position: relative;
	z-index: 2;
	max-width: 980px !important;
	width: 90% !important;
	padding: 5px;
	background: #fff;
	cursor: default;
	border-radius: 5px;
}

@media screen and (max-width: 640px) {
	.activeModal {
		max-width: 600px !important;
		width: calc(100vw - 50px) !important;
		left: 50%;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);
	}

	.closeModal {
		width: 50px;
		height: 50px;
		top: 30px;
		margin: 0 -15% 0 auto;
		cursor: pointer;
		z-index: 3;
	}
}


}