.quizCardBoxesUp {
	position: absolute;
	width: 79.1667%;
	height: 26.5741%;
	left: 11.9271%;
	top: 16.1111%;
}
.cardBox {
	height: 100%;
	display: inline-block;
	position: absolute;
	/*border-radius: 5.5749%;*/
	border-radius: 6.5%
}
.cardBox > img {
	/*border-radius: 5.5749%;*/
	border-radius: 6.5%
}
.cardBox > img {
	height: 100%;
	box-shadow: 1.6rem 1.6rem rgba(0, 0, 0, 0.3);

}
.cardBox1 {
	left: 0;
	top: 0;
}
.cardBox2 {
	left: 19.3421%;
	top: 0;
}
.cardBox3 {
	left: 38.6842%;
	top: 0;
}
.cardBox4 {
	left: 58.0263%;
	top: 0;
}
.cardBox5 {
	left: 77.3684%;
	top: 0;
}

.quizCardBoxesDown {
	position: absolute;
	width: 79.1667%;
	height: 26.5741%;
	left: 11.9271%;
	top: 43.2407%;
}
.cardBox > img {
	left:0;
	top:0;
	position: absolute;
	height: 100%;
}
.cardBox01 {
	left: 0;
	top: 0;
}
.cardBox02 {
	left: 19.3421%;
	top: 0;
}
.cardBox03 {
	left: 38.6842%;
	top: 0;
}
.cardBox04 {
	left: 58.0263%;
	top: 0;
}
.cardBox05 {
	left: 77.3684%;
	top: 0;
}
.quizCharacterBox {
	position: absolute;
	width: 17.0833%;
	height: 31.4815%;
	left: 41.6667%;
	bottom: 0;
}
.quizCharacterBox > img {
	width: 100%;
}

.quizCountBox {
	text-align: left;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 34.1667%;
	height: 10%;
	bottom: 0.5556%;
	right: 0;
	font-size: 0;
	line-height: 0;
}
.quizCountBox li {
	height: 100%;
	list-style: none;
	margin: 0;
	padding-left: 0;
	display: inline-block;
}
.quizCountBox li img {
	height: 100%;
}
.previewVideoBox > a {
	top:40%;
}