
/* 2023.12.12 popup.css */

.event-popup {
	position: absolute; top: 140px; left: 56px; z-index: 999999;
	display: block; width: 320px;
	border-radius: 16px; overflow: hidden;
	filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5));
	cursor: all-scroll;
}
.event-popup.off {
	display: none;
}
.event-popup > .popup-img-area {
	position: relative;
	background-color: #fff;
}
.event-popup > .popup-img-area img {
	width: 100%;
}
.event-popup .popup-btn-area {
	display: flex;
	width: 100%;
	height: 50px;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}
.popup-chkbox {
	cursor: pointer;
}
.popup-close-btn {
	font-size: 14px;
	color: #fff;
	padding: 5px 10px;
	font-weight: 600;
	background: #375fcd;
	cursor: pointer;
	border-radius: 5px;
	margin-left: 5px;
}
.popup-chkbox input[type=checkbox] {
	width: 0;
	visibility: hidden;
}
.popup-chkbox input[type=checkbox] + em {
	display: inline-block;
	cursor: pointer;
	width: 24px;
	height: 24px;
	line-height: 24px;
	padding-left: 0;
	background: url(/images/sub/btn_check.png)no-repeat;
	vertical-align: middle;
	margin-right: 5px;
}
.popup-chkbox input[type=checkbox]:checked + em {
	background: url(/images/sub/btn_check_active.png)no-repeat;
}
@media (max-width: 1024px) {
	.event-popup {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}
