.popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
}

.popup.is-show {
	opacity: 1;
	visibility: visible;
}

.popup-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 600px;
	max-height: 99vh;
	padding: 30px;
	background-color: #fff;
	z-index: 2;
	border-radius: 5px;
	border: solid 1px lightgrey;
}

.popup-inner img {
	width: 100%;
}

#notice_area {
	max-height: 75vh;
	overflow-y: scroll;
}

.close-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}

.close-btn i {
	font-size: 20px;
	color: #333;
}

.black-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	cursor: pointer;
}

.popup-color {
	background-color: #D6EAF8;
	border-radius: 5px;
}

.accepted-highlight {
	color: #ef1e1e;
	font-weight: bold;
}

.movement-highlight {
	color: #13c540;
	font-weight: bold;
}

.start-highlight {
	color: #1e79ef;
	font-weight: bold;
}