/* title mask */

.complete_bg .complete-comment {
	background: url(../img/bubble3.png) no-repeat center center / contain;
	transform: rotateY(180deg);
	position: absolute;
	width: 305px;
	height: 208px;
	top: 739px;
	left: 1416px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.complete_bg .complete-comment p {
	transform: rotateY(180deg);
	font-family: 'GangwonEduSaeeum';
	font-size: 40px;
	text-align: center;
}

.contents_txt .magnifire_btn {
	display: inline-block;
	position: relative;
}
.contents_txt .magnifire_btn img {
	position: absolute;
	top: -68px;
	left: -2px;

	width: 54px;
	height: 66px;
}

.contents_txt .magnifire_btn img:nth-child(2) {
	animation: sparkle 2s infinite;
}

@keyframes sparkle {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0;
		transform: scale(1.1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* 캐릭터 */
.class_5.unit1 .cha {
	background: url(../img/cha_unit05.png) no-repeat center;
	width: 318px;
	height: 269px;
	left: 1295px;
	top: 670px;
}
.class_5.unit1 .cha.on {
	background: url(../img/cha_unit05_on.png) no-repeat center;
	width: 332px;
	height: 266px;
	left: 1298px;
	top: 672px;
}

/* action 페이지 배경 */

.class_5.unit1 .action_page {
	background: url(../img/action_page01_class5_unit01_bg.png) no-repeat center;
}
.class_5.unit1 .action_page.action_page02 {
	background: url(../img/action_page02_class5_unit01_bg.png) no-repeat center;
}

/* 번호 */

.class_5.unit1 #drag1 .contents_txt_wrap .contents_txt.contents_txt01::before {
	content: '1';
}
.class_5.unit1 #drag2 .contents_txt_wrap .contents_txt.contents_txt01::before {
	content: '2';
}
.class_5.unit1 #drag2 .contents_txt_wrap .contents_txt.contents_txt02::before {
	content: '3';
}
.class_5.unit1 #drag3 .contents_txt_wrap .contents_txt.contents_txt01::before {
	content: '4';
}

/* 드래그 영역 */

/* 5-1 */
.class_5.unit1 #drag1 .drag_area {
	margin-top: 201px;
}
.class_5.unit1 #drag2 .drag_area {
	margin-top: 42px;
}
.class_5.unit1 #drag3 .drag_area {
	margin-top: 273px;
}

.inspection_txt {
	word-break: keep-all;
}
.inspection_btn.lines {
	top: 110px !important;
}

.class_6.unit4 .action_contents {
	height: 900px;
}

.starting_title.on > span {
	text-indent: 38px;
	color: #003721;
}
.title_mask {
	top: 355px;
	left: 620px;
}
