template {
  display: none;
}

.area-template {
  display: flex;
  justify-content: center;
}

/* #수업도구 */
.p5Canvas {
  position: static !important;
}

.draw-string {
  position: absolute;
  width: 15px;
  height: 22px;
  background-color: white;
  text-align: center;
}

.draw-string2 {
  position: absolute;
  width: 22px;
  height: 22px;
  background-color: white;
  text-align: center;
}

.container-1-1-3-1 .area-template {
  margin-right: 81px;
}

.container-1-1-3-1 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-1-3-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 157px;
  margin-top: 60px;
}

.area-template-1-1-3-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 157px;
}

.area-template-1-1-3-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-1-3-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-1-3-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-1-3-2 .area-template {
  margin-right: 80px;
}

.container-1-1-3-2 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-1-3-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-1-3-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-1-3-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-1-3-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-1-3-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-1-3-3 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-1-3-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-1-3-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-1-3-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-1-3-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-1-3-3 .oerpator-equal {
  margin-right: 10px;
}

.area-template-1-1-3-3 .area-number {
  flex-direction: row;
}

.area-template-1-1-3-3 .area-answer {
  flex-direction: row;
}

.container-1-1-3-4 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-1-3-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-1-3-4 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-1-3-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-1-3-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-1-3-4 .operator-equal {
  margin-right: 10px;
}

.area-template-1-1-3-4 .area-number {
  flex-direction: row;
}

.area-template-1-1-3-4 .area-answer {
  flex-direction: row;
}

.area-template-1-1-3-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-1-1-3-5 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-1-1-3-5 .area-quiz {
  flex-direction: column;
  width: 100%;
}

.area-template-1-1-3-5 .quiz-line1 {
  width: 100%;
}

.area-template-1-1-3-5 .number-quiz1 {
  width: 100%;
}

.area-template-1-1-3-5 .number-quiz2 {
  width: 50%;
}

.area-template-1-1-3-5 .number-answer {
  width: 50%;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.area-template-1-1-3-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.container-1-1-3-6 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-1-1-3-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-1-1-3-6 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-1-1-3-6 .area-quiz {
  flex-direction: column;
  width: 100%;
}

.area-template-1-1-3-6 .quiz-line1 {
  width: 100%;
}

.area-template-1-1-3-6 .number-quiz1 {
  width: 100%;
}

.version-up .number-quiz1 {
  width: 50%;
}

.area-template-1-1-3-6 .number-quiz2 {
  width: 50%;
}

.area-template-1-1-3-6 .number-answer {
  width: 50%;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.version-up .number-answer {
  width: 100%;
}

.area-template-1-1-3-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.container-1-1-3-7 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-1-3-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 270px;
  margin-top: 60px;
}

.area-template-1-1-3-7 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-1-3-7 .number-quiz {
  width: 22px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-1-3-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-1-3-7 .area-number {
  flex-direction: row;
}

.area-template-1-1-3-7 .area-answer {
  flex-direction: row;
}

.container-1-1-3-8 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-1-3-8 {
  flex-direction: column;
  box-sizing: border-box;
  width: 270px;
  margin-top: 60px;
}

.area-template-1-1-3-8 .number-answer {
  width: 22px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-1-3-8 .number-quiz {
  width: 22px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-1-3-8 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-1-3-8 .area-number {
  flex-direction: row;
}

.area-template-1-1-3-8 .area-answer {
  flex-direction: row;
}


.container-1-2-2-1 .area-template {
  margin-right: 80px;
}

.container-1-2-2-1 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-2-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-2-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-2-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-2-2 .area-template {
  margin-right: 80px;
}

.container-1-2-2-2 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-2-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-2-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-2-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-2-3 .area-template {
  margin-right: 80px;
}

.container-1-2-2-3 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-2-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-2-3 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-2-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-2-4 .area-template {
  margin-right: 80px;
}

.container-1-2-2-4 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-2-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-2-4 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-2-4 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-2-5 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-2-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-2-5 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-2-5 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-5 .number-quiz1 {
  width: 22px;
}

.area-template-1-2-2-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-5 .area-number {
  flex-direction: row;
}

.area-template-1-2-2-5 .area-answer {
  flex-direction: row;
}

.container-1-2-2-6 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-2-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-2-6 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-2-6 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-6 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-6 .area-number {
  flex-direction: row;
}

.area-template-1-2-2-6 .area-answer {
  flex-direction: row;
}

.container-1-2-2-7 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-2-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-2-7 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-2-7 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-7 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-7 .number-quiz1 {
  width: 22px;
}

.area-template-1-2-2-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-7 .area-number {
  flex-direction: row;
}

.area-template-1-2-2-7 .area-answer {
  flex-direction: row;
}

.container-1-2-2-8 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-2-8 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-2-8 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-2-8 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-8 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-8 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-8 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-8 .area-number {
  flex-direction: row;
}

.area-template-1-2-2-8 .area-answer {
  flex-direction: row;
}

.container-1-2-2-9 .area-template {
  margin-right: 80px;
}

.container-1-2-2-9 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-2-9 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-2-9 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-2-9 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-9 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-9 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-2-10 .area-template {
  margin-right: 80px;
}

.container-1-2-2-10 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-2-10 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-2-10 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-2-10 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-10 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-10 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-2-11 .area-template {
  margin-right: 80px;
}

.container-1-2-2-11 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-2-11 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-2-11 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-2-11 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-11 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-11 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-2-12 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-2-12 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-2-12 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-2-12 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-12 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-12 .number-quiz1 {
  width: 22px;
}

.area-template-1-2-2-12 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-12 .area-number {
  flex-direction: row;
}

.area-template-1-2-2-12 .area-answer {
  flex-direction: row;
}

.container-1-2-2-13 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-2-13 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-2-13 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-2-13 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-13 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-13 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-13 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-13 .area-number {
  flex-direction: row;
}

.area-template-1-2-2-13 .area-answer {
  flex-direction: row;
}

.container-1-2-2-14 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-2-14 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-2-14 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-2-14 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-14 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-14 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-14 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-14 .area-number {
  flex-direction: row;
}

.area-template-1-2-2-14 .area-answer {
  flex-direction: row;
}


.area-template-1-2-2-15 {
  flex-direction: column;
  box-sizing: border-box;
  width: 300px;
  margin-top: 60px;
}

.area-template-1-2-2-15 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-2-15 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-15 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-15 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-15 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-15 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-15 .area-number {
  flex-direction: row;
}

.area-template-1-2-2-15 .area-answer {
  flex-direction: row;
}

.area-template-1-2-2-16 {
  flex-direction: column;
  box-sizing: border-box;
  width: 300px;
  margin-top: 60px;
}

.area-template-1-2-2-16 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-2-16 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-16 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-16 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-16 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-16 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-16 .area-number {
  flex-direction: row;
}

.area-template-1-2-2-16 .area-answer {
  flex-direction: row;
}

.area-template-1-2-2-17 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-1-2-2-17 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-1-2-2-17 .area-quiz {
  flex-direction: column;
  width: 100%;
}

.area-template-1-2-2-17 .quiz-line1 {
  width: 100%;
}

.area-template-1-2-2-17 .number-quiz1 {
  width: 100%;
}

.area-template-1-2-2-17 .number-quiz2 {
  width: 50%;
}

.area-template-1-2-2-17 .number-answer {
  width: 50%;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.area-template-1-2-2-17 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.container-1-2-2-18 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-2-18 {
  flex-direction: column;
  box-sizing: border-box;
  width: 270px;
  margin-top: 60px;
}

.area-template-1-2-2-18 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-2-18 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-18 .number-quiz2 {
  width: 22px;
}

.area-template-1-2-2-18 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-18 .area-number {
  flex-direction: row;
}

.area-template-1-2-2-18 .area-answer {
  flex-direction: row;
}

.container-1-2-2-19 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-2-19 {
  flex-direction: column;
  box-sizing: border-box;
  width: 270px;
  margin-top: 60px;
}

.area-template-1-2-2-19 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-2-19 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-19 .number-quiz2 {
  width: 22px;
}

.area-template-1-2-2-19 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-19 .area-number {
  flex-direction: row;
}

.area-template-1-2-2-19 .area-answer {
  flex-direction: row;
}

.area-template-1-2-2-20 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-1-2-2-20 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-1-2-2-20 .area-quiz {
  flex-direction: column;
  width: 100%;
}

.area-template-1-2-2-20 .quiz-line1 {
  width: 100%;
}

.area-template-1-2-2-20 .number-quiz1 {
  width: 100%;
}

.area-template-1-2-2-20 .number-quiz2 {
  width: 50%;
}

.area-template-1-2-2-20 .number-answer {
  width: 50%;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.area-template-1-2-2-20 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.area-template-1-2-2-21 {
  justify-content: space-evenly !important;
}

.area-template-1-2-2-21 {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-2-21 .area-ten-round {
  display: flex;
  border: 1px solid black;
  border-radius: 50px;
}

.area-template-1-2-2-21 {
  flex-direction: column;
  box-sizing: border-box;
  width: 435px;
  margin-top: 60px;
}

.area-template-1-2-2-21 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
}

.area-template-1-2-2-21 .quiz-line1 .number-quiz {
  width: 44px;
}

.area-template-1-2-2-21 .quiz-line2 .number-quiz {
  width: 44px;
}

.area-template-1-2-2-21 .quiz-line3 .number-quiz {
  width: 44px;
}

.area-template-1-2-2-21 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-21 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-2-21 .area-number {
  flex-direction: row;
}

.area-template-1-2-2-21 .area-answer {
  flex-direction: row;
}

.area-template-1-2-2-22 {
  flex-direction: column;
  box-sizing: border-box;
  width: 300px;
  margin-top: 60px;
}

.area-template-1-2-2-22 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-2-22 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-22 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-22 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-1-2-2-22 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-22 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-2-22 .area-number {
  flex-direction: row;
}

.area-template-1-2-2-22 .area-answer {
  flex-direction: row;
}


.area-template-1-2-4-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 300px;
  margin-top: 60px;
}

.area-template-1-2-4-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-4-1 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-1 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-1 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-1 .area-number {
  flex-direction: row;
}

.area-template-1-2-4-1 .area-answer {
  flex-direction: row;
}

.area-template-1-2-4-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 300px;
  margin-top: 60px;
}

.area-template-1-2-4-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-4-2 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-2 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-2 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-2 .area-number {
  flex-direction: row;
}

.area-template-1-2-4-2 .area-answer {
  flex-direction: row;
}

.area-template-1-2-4-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 300px;
  margin-top: 60px;
}

.area-template-1-2-4-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-4-3 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-3 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-3 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-3 .area-number {
  flex-direction: row;
}

.area-template-1-2-4-3 .area-answer {
  flex-direction: row;
}

.area-template-1-2-4-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-1-2-4-4 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-1-2-4-4 .area-quiz {
  flex-direction: column;
  width: 100%;
}

.area-template-1-2-4-4 .quiz-line1 {
  width: 100%;
}

.area-template-1-2-4-4 .number-quiz1 {
  width: 100%;
}

.area-template-1-2-4-4 .number-quiz2 {
  width: 50%;
}

.area-template-1-2-4-4 .number-answer {
  width: 50%;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.area-template-1-2-4-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.area-template-1-2-4-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-1-2-4-5 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-1-2-4-5 .area-quiz {
  flex-direction: column;
  width: 100%;
}

.area-template-1-2-4-5 .quiz-line1 {
  width: 100%;
}

.area-template-1-2-4-5 .number-quiz1 {
  width: 100%;
}

.area-template-1-2-4-5 .number-quiz2 {
  width: 50%;
}

.area-template-1-2-4-5 .number-answer {
  width: 50%;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.area-template-1-2-4-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.container-1-2-4-6 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-4-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 270px;
  margin-top: 60px;
}

.area-template-1-2-4-6 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-4-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-6 .number-quiz2 {
  width: 22px;
}

.area-template-1-2-4-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-6 .area-number {
  flex-direction: row;
}

.area-template-1-2-4-6 .area-answer {
  flex-direction: row;
}

.container-1-2-4-7 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-4-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 270px;
  margin-top: 60px;
}

.area-template-1-2-4-7 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-4-7 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-7 .number-quiz2 {
  width: 22px;
}

.area-template-1-2-4-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-7 .area-number {
  flex-direction: row;
}

.area-template-1-2-4-7 .area-answer {
  flex-direction: row;
}

.area-template-1-2-4-8 {
  justify-content: space-evenly !important;
}

.area-template-1-2-4-8 {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-4-8 .area-ten-round {
  display: flex;
  border: 1px solid black;
  border-radius: 50px;
}

.area-template-1-2-4-8 {
  flex-direction: column;
  box-sizing: border-box;
  width: 435px;
  margin-top: 60px;
}

.area-template-1-2-4-8 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
}

.area-template-1-2-4-8 .quiz-line1 .number-quiz {
  width: 44px;
}

.area-template-1-2-4-8 .quiz-line2 .number-quiz {
  width: 44px;
}

.area-template-1-2-4-8 .quiz-line3 .number-quiz {
  width: 44px;
}

.area-template-1-2-4-8 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-4-8 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-4-8 .area-number {
  flex-direction: row;
}

.area-template-1-2-4-8 .area-answer {
  flex-direction: row;
}


.container-1-2-4-9 .area-template {
  margin-right: 80px;
}

.container-1-2-4-9 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-4-9 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-4-9 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-4-9 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-4-9 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-4-9 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-4-10 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-4-10 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-4-10 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-4-10 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-10 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-10 .operator-equal {
  margin-right: 10px;
}

.area-template-1-2-4-10 .area-number {
  flex-direction: row;
}

.area-template-1-2-4-10 .area-answer {
  flex-direction: row;
}

.container-1-2-4-11 .area-template {
  margin-right: 80px;
}

.container-1-2-4-11 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-4-11 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-4-11 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-4-11 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-4-11 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-4-11 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-4-12 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-4-12 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-4-12 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-4-12 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-12 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-12 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-12 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-12 .area-number {
  flex-direction: row;
}

.area-template-1-2-4-12 .area-answer {
  flex-direction: row;
}

.area-template-1-2-4-13 {
  flex-direction: column;
  box-sizing: border-box;
  width: 300px;
  margin-top: 60px;
}

.area-template-1-2-4-13 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-4-13 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-13 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-13 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-13 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-13 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-13 .area-number {
  flex-direction: row;
}

.area-template-1-2-4-13 .area-answer {
  flex-direction: row;
}

.area-template-1-2-4-14 {
  flex-direction: column;
  box-sizing: border-box;
  width: 310px;
  margin-top: 60px;
}

.area-template-1-2-4-14 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-4-14 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-14 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-14 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-1-2-4-14 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-14 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-4-14 .area-number {
  flex-direction: row;
}

.area-template-1-2-4-14 .area-answer {
  flex-direction: row;
}


.container-1-2-6-1 .area-template {
  margin-right: 80px;
}

.container-1-2-6-1 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-6-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-6-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-6-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-6-2 .area-template {
  margin-right: 80px;
}

.container-1-2-6-2 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-6-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-6-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-6-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-6-3 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-6-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-6-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-6-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-3 .operator-equal {
  margin-right: 10px;
}

.area-template-1-2-6-3 .area-number {
  flex-direction: row;
}

.area-template-1-2-6-3 .area-answer {
  flex-direction: row;
}

.container-1-2-6-4 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-6-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-6-4 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-6-4 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-4 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-4 .area-number {
  flex-direction: row;
}

.area-template-1-2-6-4 .area-answer {
  flex-direction: row;
}

.area-template-1-2-6-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 300px;
  margin-top: 60px;
}

.area-template-1-2-6-5 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-6-5 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-5 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-5 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-5 .area-number {
  flex-direction: row;
}

.area-template-1-2-6-5 .area-answer {
  flex-direction: row;
}

.area-template-1-2-6-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 310px;
  margin-top: 60px;
}

.area-template-1-2-6-6 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-6-6 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-6 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-6 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-6 .area-number {
  flex-direction: row;
}

.area-template-1-2-6-6 .area-answer {
  flex-direction: row;
}


.container-1-2-6-7 .area-template {
  margin-right: 80px;
}

.container-1-2-6-7 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-6-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-6-7 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-6-7 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-7 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-6-8 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-6-8 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-6-8 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-6-8 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-8 .number-quiz1 {
  width: 22px;
}

.area-template-1-2-6-8 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-8 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-8 .area-number {
  flex-direction: row;
}

.area-template-1-2-6-8 .area-answer {
  flex-direction: row;
}

.container-1-2-6-9 .area-template {
  margin-right: 80px;
}

.container-1-2-6-9 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-6-9 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-6-9 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-6-9 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-9 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-9 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-6-10 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-6-10 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-6-10 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-6-10 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-10 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-10 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-10 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-10 .area-number {
  flex-direction: row;
}

.area-template-1-2-6-10 .area-answer {
  flex-direction: row;
}

.container-1-2-6-11 .area-template {
  margin-right: 80px;
}

.container-1-2-6-11 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-6-11 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-6-11 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-6-11 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-11 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-11 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-6-12 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-6-12 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-6-12 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-6-12 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-12 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-12 .number-quiz1 {
  width: 22px;
}

.area-template-1-2-6-12 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-12 .area-number {
  flex-direction: row;
}

.area-template-1-2-6-12 .area-answer {
  flex-direction: row;
}

.container-1-2-6-13 .area-template {
  margin-right: 80px;
}

.container-1-2-6-13 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-6-13 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-6-13 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-6-13 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-13 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-13 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-6-14 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-6-14 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-6-14 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-6-14 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-14 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-14 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-14 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-14 .area-number {
  flex-direction: row;
}

.area-template-1-2-6-14 .area-answer {
  flex-direction: row;
}

.container-1-2-6-15 .area-template {
  margin-right: 80px;
}

.container-1-2-6-15 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-6-15 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-6-15 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-6-15 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-15 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-15 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-6-16 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-6-16 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-6-16 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-6-16 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-16 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-16 .number-quiz1 {
  width: 22px;
}

.area-template-1-2-6-16 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-16 .area-number {
  flex-direction: row;
}

.area-template-1-2-6-16 .area-answer {
  flex-direction: row;
}

.container-1-2-6-17 .area-template {
  margin-right: 80px;
}

.container-1-2-6-17 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-6-17 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-6-17 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-6-17 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-17 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-17 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-6-18 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-6-18 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-6-18 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-6-18 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-18 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-18 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-18 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-18 .area-number {
  flex-direction: row;
}

.area-template-1-2-6-18 .area-answer {
  flex-direction: row;
}

.container-1-2-6-19 .area-template {
  margin-right: 80px;
}

.container-1-2-6-19 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-1-2-6-19 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-1-2-6-19 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-1-2-6-19 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-19 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-1-2-6-19 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-1-2-6-20 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-1-2-6-20 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-1-2-6-20 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-1-2-6-20 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-20 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-1-2-6-20 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-20 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-1-2-6-20 .area-number {
  flex-direction: row;
}

.area-template-1-2-6-20 .area-answer {
  flex-direction: row;
}


.container-2-1-3-1 .area-template {
  margin-right: 80px;
}

.container-2-1-3-1 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-2-1-3-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-2-1-3-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-2-1-3-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-15 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-2-1-3-15 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-2-1-3-15 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-15 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-15 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-16 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-2-1-3-16 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-2-1-3-16 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-16 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-16 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-2-1-3-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-2-1-3-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-2-1-3-3 .area-template {
  margin-right: 80px;
}

.container-2-1-3-3 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-2-1-3-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-2-1-3-3 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-2-1-3-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-2-1-3-19 .area-template {
  margin-right: 80px;
}

.container-2-1-3-19 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-2-1-3-19 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-2-1-3-19 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-2-1-3-19 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-19 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-19 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-2-1-3-4 .area-template {
  margin-right: 80px;
}

.container-2-1-3-4 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-2-1-3-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-2-1-3-4 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-2-1-3-4 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-1-3-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-2-1-3-5 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-2-1-3-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-2-1-3-5 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-2-1-3-5 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-5 .number-quiz1 {
  width: 22px;
}

.area-template-2-1-3-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-5 .area-number {
  flex-direction: row;
}

.area-template-2-1-3-5 .area-answer {
  flex-direction: row;
}

.container-2-1-3-17 .area-template {
  margin-right: 16px;
  margin-left: 16px;
}

.area-template-2-1-3-17 {
  flex-direction: column;
  box-sizing: border-box;
  width: 305px;
  margin-top: 60px;
}

.area-template-2-1-3-17 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-2-1-3-17 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-17 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-17 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-17 .area-number {
  flex-direction: row;
}

.area-template-2-1-3-17 .area-answer {
  flex-direction: row;
}

.container-2-1-3-18 .area-template {
  margin-right: 16px;
  margin-left: 16px;
}

.area-template-2-1-3-18 {
  flex-direction: column;
  box-sizing: border-box;
  width: 305px;
  margin-top: 60px;
}

.area-template-2-1-3-18 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-2-1-3-18 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-18 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-18 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-18 .area-number {
  flex-direction: row;
}

.area-template-2-1-3-18 .area-answer {
  flex-direction: row;
}

.container-2-1-3-6 .area-template {
  margin-right: 16px;
  margin-left: 16px;
}

.area-template-2-1-3-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 305px;
  margin-top: 60px;
}

.area-template-2-1-3-6 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-2-1-3-6 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-6 .area-number {
  flex-direction: row;
}

.area-template-2-1-3-6 .area-answer {
  flex-direction: row;
}

.container-2-1-3-7 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-2-1-3-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-2-1-3-7 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-2-1-3-7 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-7 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-7 .number-quiz1 {
  width: 22px;
}

.area-template-2-1-3-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-7 .area-number {
  flex-direction: row;
}

.area-template-2-1-3-7 .area-answer {
  flex-direction: row;
}

.container-2-1-3-20 .area-template {
  margin-right: 16px;
  margin-left: 16px;
}

.area-template-2-1-3-20 {
  flex-direction: column;
  box-sizing: border-box;
  width: 305px;
  margin-top: 60px;
}

.area-template-2-1-3-20 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-2-1-3-20 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-20 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-20 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-20 .area-number {
  flex-direction: row;
}

.area-template-2-1-3-20 .area-answer {
  flex-direction: row;
}

.container-2-1-3-8 .area-template {
  margin-right: 16px;
  margin-left: 16px;
}

.area-template-2-1-3-8 {
  flex-direction: column;
  box-sizing: border-box;
  width: 305px;
  margin-top: 60px;
}

.area-template-2-1-3-8 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-2-1-3-8 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-8 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-8 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-8 .area-number {
  flex-direction: row;
}

.area-template-2-1-3-8 .area-answer {
  flex-direction: row;
}

.area-template-2-1-3-9 {
  flex-direction: column;
  box-sizing: border-box;
  width: 330px;
  margin-top: 60px;
}

.area-template-2-1-3-9 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-2-1-3-9 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-9 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-9 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-9 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-9 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-9 .area-number {
  flex-direction: row;
}

.area-template-2-1-3-9 .area-answer {
  flex-direction: row;
}

.area-template-2-1-3-10 {
  flex-direction: column;
  box-sizing: border-box;
  width: 330px;
  margin-top: 60px;
}

.area-template-2-1-3-10 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-2-1-3-10 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-10 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-10 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-10 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-10 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-10 .area-number {
  flex-direction: row;
}

.area-template-2-1-3-10 .area-answer {
  flex-direction: row;
}

.area-template-2-1-3-11 {
  flex-direction: column;
  box-sizing: border-box;
  width: 285px;
  margin-top: 60px;
}

.area-template-2-1-3-11 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-2-1-3-11 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-11 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-11 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-11 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-11 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-11 .area-number {
  flex-direction: row;
}

.area-template-2-1-3-11 .area-answer {
  flex-direction: row;
}

.container-2-1-3-12 {
  justify-content: space-around !important;
}

.container-2-1-3-12 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-2-1-3-12 {
  flex-direction: column;
  box-sizing: border-box;
  width: 375px;
  margin-top: 60px;
}

.area-template-2-1-3-12 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-2-1-3-12 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-12 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-12 .quiz-line3 .number-quiz {
  width: 20px;
}

.area-template-2-1-3-12 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-12 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-12 .area-number {
  flex-direction: row;
}

.area-template-2-1-3-12 .area-answer {
  flex-direction: row;
}

.container-2-1-3-13 {
  justify-content: space-around !important;
}

.container-2-1-3-13 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-2-1-3-13 {
  flex-direction: column;
  box-sizing: border-box;
  width: 375px;
  margin-top: 60px;
}

.area-template-2-1-3-13 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-2-1-3-13 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-13 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-13 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-13 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-13 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-13 .area-number {
  flex-direction: row;
}

.area-template-2-1-3-13 .area-answer {
  flex-direction: row;
}

.container-2-1-3-14 {
  justify-content: space-around !important;
}

.container-2-1-3-14 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-2-1-3-14 {
  flex-direction: column;
  box-sizing: border-box;
  width: 375px;
  margin-top: 60px;
}

.area-template-2-1-3-14 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-2-1-3-14 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-14 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-14 .quiz-line3 .number-quiz {
  width: 22px;
}

.area-template-2-1-3-14 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-14 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-1-3-14 .area-number {
  flex-direction: row;
}

.area-template-2-1-3-14 .area-answer {
  flex-direction: row;
}

.container-2-2-2-1 .area-template {
  margin-right: 80px;
}

.container-2-2-2-1 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-2-2-2-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 157px;
  margin-top: 60px;
}

.area-template-2-2-2-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 157px;
}

.area-template-2-2-2-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-2-2-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-2-2-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-2-2-2-2 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-2-2-2-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-2-2-2-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-2-2-2-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-2-2-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-2-2-2 .area-number {
  flex-direction: row;
}

.area-template-2-2-2-2 .area-answer {
  flex-direction: row;
}

.container-2-2-2-3 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-2-2-2-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-2-2-2-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-2-2-2-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-2-2-3 .number-quiz1 {
  width: 22px;
}

.area-template-2-2-2-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-2-2-2-3 .area-number {
  flex-direction: row;
}

.area-template-2-2-2-3 .area-answer {
  flex-direction: row;
}


/* #수업도구 */
.container-2-2-4-1 {
  overflow: hidden !important;
}

/* .container-2-2-4-1 .area-template {
  margin-right: 20px;
} */

/* .container-2-2-4-1 .area-template:nth-child(3n) {
  margin-right: 0px;
} */

.area-template-2-2-4-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 210px;
  margin-top: 60px;
}

.area-template-2-2-4-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 210px;
}

.area-template-2-2-4-1 .inner-template-main {
  width: 210px;
}

.area-template-2-2-4-1 .area-canvas {
  display: inline-block;
  transform: scale(0.5899) translate(-123px, -120px);
}

.area-template-2-2-4-1 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-2-4-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-2-4-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-2-4-1 .clock-text {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 38px;
  line-height: 38px;
  margin-right: 10px;
}

.area-template-2-2-4-1 .clock-text:nth-child(4n) {
  margin-right: 0px;
}

.area-template-2-2-4-1 .area-quiz {
  display: block;
  padding: 0px 0px 15px 0px;
  width: 210px;
  height: 210px;
}

.area-template-2-2-4-1 .area-answer {
  flex-direction: row;
  align-items: center;
}



.container-2-2-4-2 {
  overflow: hidden !important;
}

/* .container-2-2-4-2 .area-template {
  margin-right: 80px;
} */

/* .container-2-2-4-2 .area-template:nth-child(3n) {
  margin-right: 0px;
} */

.area-template-2-2-4-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 240px;
  margin-top: 60px;
}

.area-template-2-2-4-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 240px;
}

.area-template-2-2-4-2 .inner-template-main {
  width: 240px;
}

.area-template-2-2-4-2 .area-canvas {
  display: inline-block;
  transform: scale(0.5899) translate(-123px, -120px);
}

.area-template-2-2-4-2 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-2-4-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-2-4-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-2-4-2 .clock-text {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: -0.76px;
  color: #000000;
  width: 34px;
  height: 38px;
  line-height: 38px;
  margin-right: 10px;
}

.area-template-2-2-4-2 .clock-text2 {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  /* letter-spacing: -0.76px; */
  letter-spacing: -3.6px;
  color: #000000;
  width: 76px;
  height: 38px;
  line-height: 38px;
  margin-right: 0px;
}

.area-template-2-2-4-2 .area-quiz {
  display: block;
  padding: 0px 0px 15px 0px;
  width: 210px;
  height: 210px;
  margin: 0px auto;
}

.area-template-2-2-4-2 .area-answer {
  width: 240px;
  flex-direction: row;
  align-items: center;
}



.container-2-2-4-3 {
  overflow: hidden !important;
}

/* .container-2-2-4-3 .area-template {
  margin-right: 80px;
} */

/* .container-2-2-4-3 .area-template:nth-child(3n) {
  margin-right: 0px;
} */

.area-template-2-2-4-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 210px;
  margin-top: 60px;
}

.area-template-2-2-4-3 .area-template-main {
  display: flex;
  justify-content: center;
  width: 210px;
}

.area-template-2-2-4-3 .inner-template-main {
  width: 210px;
}

.area-template-2-2-4-3 .area-canvas {
  display: inline-block;
  transform: scale(0.5899) translate(-123px, -120px);
}

.area-template-2-2-4-3 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-2-4-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-2-4-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-2-2-4-3 .clock-text {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 38px;
  line-height: 38px;
  margin-left: 3px;
  margin-right: 15px;
}

.area-template-2-2-4-3 .clock-text2 {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 38px;
  line-height: 38px;
  margin-left: 3px;
  margin-right: 0px;
}

.area-template-2-2-4-3 .area-quiz {
  display: block;
  padding: 0px 0px 15px 0px;
  width: 210px;
  height: 210px;
}

.area-template-2-2-4-3 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-2-2-4-3 .area-24-string {
  background-color: #F2F2F2;
  text-align: center;
  height: 44px;
  line-height: 44px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin-top: 5px;
  margin-bottom: 6px;
}







.container-3-1-1-1 .area-template {
  margin-right: 0px;
}

.area-template-3-1-1-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-1-1-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-1-1-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-1-1-27 .area-template {
  margin-right: 0px;
}

.area-template-3-1-1-27 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-1-1-27 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-1-1-27 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-27 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-27 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-1-1-2 .area-template {
  margin-right: 0px;
}

.area-template-3-1-1-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-1-1-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-1-1-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-1-1-3 .area-template {
  margin-right: 0px;
}

.area-template-3-1-1-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-1-1-3 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-1-1-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-1-1-29 .area-template {
  margin-right: 0px;
}

.area-template-3-1-1-29 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-1-1-29 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-1-1-29 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-29 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-29 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-1-1-4 .area-template {
  margin-right: 0px;
}

.area-template-3-1-1-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-1-1-4 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-1-1-4 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-1-1-5 {
  justify-content: space-around !important;
}

.container-3-1-1-5 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-3-1-1-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 360px;
  margin-top: 60px;
}

.area-template-3-1-1-5 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-3-1-1-5 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-5 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-5 .area-answer {
  flex-direction: row;
}

.container-3-1-1-28 {
  justify-content: space-around !important;
}

.container-3-1-1-28 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-3-1-1-28 {
  flex-direction: column;
  box-sizing: border-box;
  width: 360px;
  margin-top: 60px;
}

.area-template-3-1-1-28 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 110px;
  margin: 4px 0px;
}

.area-template-3-1-1-28 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-28 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-28 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-28 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-28 .area-answer {
  flex-direction: row;
}

.container-3-1-1-6 {
  justify-content: space-around !important;
}

.container-3-1-1-6 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-3-1-1-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 360px;
  margin-top: 60px;
}

.area-template-3-1-1-6 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 110px;
  margin: 4px 0px;
}

.area-template-3-1-1-6 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-6 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-6 .area-answer {
  flex-direction: row;
}

.container-3-1-1-7 {
  justify-content: space-around !important;
}

.container-3-1-1-7 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-3-1-1-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 360px;
  margin-top: 60px;
}

.area-template-3-1-1-7 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-3-1-1-7 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-7 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-7 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-7 .area-answer {
  flex-direction: row;
}

.container-3-1-1-30 {
  justify-content: space-around !important;
}

.container-3-1-1-30 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-3-1-1-30 {
  flex-direction: column;
  box-sizing: border-box;
  width: 360px;
  margin-top: 60px;
}

.area-template-3-1-1-30 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-3-1-1-30 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-30 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-30 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-30 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-30 .area-answer {
  flex-direction: row;
}

.container-3-1-1-8 {
  justify-content: space-around !important;
}

.container-3-1-1-8 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-3-1-1-8 {
  flex-direction: column;
  box-sizing: border-box;
  width: 360px;
  margin-top: 60px;
}

.area-template-3-1-1-8 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-3-1-1-8 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-8 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-8 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-8 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-8 .area-answer {
  flex-direction: row;
}

.container-3-1-1-9 .area-template {
  margin-right: 0px;
}

.area-template-3-1-1-9 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-1-1-9 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-1-1-9 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-9 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-9 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-1-1-10 .area-template {
  margin-right: 0px;
}

.area-template-3-1-1-10 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-1-1-10 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-1-1-10 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-10 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-10 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-1-1-11 .area-template {
  margin-right: 0px;
}

.area-template-3-1-1-11 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-1-1-11 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-1-1-11 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-11 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-11 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-1-1-12 .area-template {
  margin-right: 0px;
}

.area-template-3-1-1-12 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-1-1-12 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-1-1-12 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-12 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-12 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-1-13 {
  flex-direction: column;
  box-sizing: border-box;
  width: 310px;
  margin-top: 60px;
}

.area-template-3-1-1-13 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-3-1-1-13 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-13 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-13 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-13 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-13 .area-answer {
  flex-direction: row;
}

.area-template-3-1-1-14 {
  flex-direction: column;
  box-sizing: border-box;
  width: 310px;
  margin-top: 60px;
}

.area-template-3-1-1-14 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-3-1-1-14 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-14 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-14 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-14 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-14 .area-answer {
  flex-direction: row;
}

.area-template-3-1-1-15 {
  flex-direction: column;
  box-sizing: border-box;
  width: 310px;
  margin-top: 60px;
}

.area-template-3-1-1-15 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-3-1-1-15 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-15 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-15 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-15 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-15 .area-answer {
  flex-direction: row;
}

.area-template-3-1-1-16 {
  flex-direction: column;
  box-sizing: border-box;
  width: 310px;
  margin-top: 60px;
}

.area-template-3-1-1-16 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-3-1-1-16 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-16 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-16 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-16 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-16 .area-answer {
  flex-direction: row;
}

.area-template-3-1-1-17 {
  flex-direction: column;
  box-sizing: border-box;
  width: 250px;
  margin-top: 60px;
}

.area-template-3-1-1-17 .area-template-main {
  display: flex;
  justify-content: center;
  width: 250px;
}

.area-template-3-1-1-17 .blank {
  width: 38px;
  height: 38px;
  margin: 4px;
}

.area-template-3-1-1-17 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-17 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-17 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-17 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-18 {
  flex-direction: column;
  box-sizing: border-box;
  width: 250px;
  margin-top: 60px;
}

.area-template-3-1-1-18 .area-template-main {
  display: flex;
  justify-content: center;
  width: 250px;
}

.area-template-3-1-1-18 .blank {
  width: 38px;
  height: 38px;
  margin: 4px;
}

.area-template-3-1-1-18 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-18 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-18 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-18 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-19 {
  flex-direction: column;
  box-sizing: border-box;
  width: 250px;
  margin-top: 60px;
}

.area-template-3-1-1-19 .area-template-main {
  display: flex;
  justify-content: center;
  width: 250px;
}

.area-template-3-1-1-19 .blank {
  width: 38px;
  height: 38px;
  margin: 4px;
}

.area-template-3-1-1-19 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-19 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-19 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-19 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-20 {
  flex-direction: column;
  box-sizing: border-box;
  width: 250px;
  margin-top: 60px;
}

.area-template-3-1-1-20 .area-template-main {
  display: flex;
  justify-content: center;
  width: 250px;
}

.area-template-3-1-1-20 .blank {
  width: 38px;
  height: 38px;
  margin: 4px;
}

.area-template-3-1-1-20 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-20 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-20 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-1-1-20 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.container-3-1-1-21 {
  justify-content: space-around !important;
}

.container-3-1-1-21 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-3-1-1-21 {
  flex-direction: column;
  box-sizing: border-box;
  width: 415px;
  margin-top: 60px;
}

.area-template-3-1-1-21 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 106px;
  margin: 4px 0px;
}

.area-template-3-1-1-21 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-21 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-21 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-21 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-21 .area-answer {
  flex-direction: row;
}

.container-3-1-1-22 {
  justify-content: space-around !important;
}

.area-template-3-1-1-22 {
  flex-direction: column;
  box-sizing: border-box;
  width: 450px;
  margin-top: 60px;
}

.area-template-3-1-1-22 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 106px;
  margin: 4px 0px;
}

.area-template-3-1-1-22 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-22 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-22 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-22 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-22 .area-answer {
  flex-direction: row;
}

.container-3-1-1-23 {
  justify-content: space-around !important;
}

.area-template-3-1-1-23 {
  flex-direction: column;
  box-sizing: border-box;
  width: 415px;
  margin-top: 60px;
}

.area-template-3-1-1-23 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 106px;
  margin: 4px 0px;
}

.area-template-3-1-1-23 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-23 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-23 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-23 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-23 .area-answer {
  flex-direction: row;
}

.container-3-1-1-24 {
  justify-content: space-around !important;
}

.area-template-3-1-1-24 {
  flex-direction: column;
  box-sizing: border-box;
  width: 425px;
  margin-top: 60px;
}

.area-template-3-1-1-24 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 106px;
  margin: 4px 0px;
}

.area-template-3-1-1-24 .number-quiz {
  width: 22px;
}

.area-template-3-1-1-24 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-24 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-1-24 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-24 .area-answer {
  flex-direction: row;
}

.container-3-1-1-25 {
  justify-content: space-around !important;
}

.area-template-3-1-1-25 {
  flex-direction: column;
  box-sizing: border-box;
  width: 490px;
  margin-top: 60px;
}

.area-template-3-1-1-25 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 106px;
  height: 40px;
  line-height: 40px;
  margin: 4px 0px;
}

.area-template-3-1-1-25 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 20px;
  height: 40px;
  line-height: 40px;
  margin: 4px 0px;
}

.area-template-3-1-1-25 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 4px 0px;
}

.area-template-3-1-1-25 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-25 .area-answer {
  flex-direction: row;
}

.container-3-1-1-26 {
  justify-content: space-around !important;
}

.area-template-3-1-1-26 {
  flex-direction: column;
  box-sizing: border-box;
  width: 410px;
  margin-top: 60px;
}

.area-template-3-1-1-26 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  height: 40px;
  line-height: 40px;
  margin: 4px 0px;
}

.area-template-3-1-1-26 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 20px;
  height: 40px;
  line-height: 40px;
  margin: 4px 0px;
}

.area-template-3-1-1-26 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  margin: 4px 0px;
}

.area-template-3-1-1-26 .area-number {
  flex-direction: row;
}

.area-template-3-1-1-26 .area-answer {
  flex-direction: row;
}

.container-3-1-3-1 .area-template {
  margin-right: 80px;
}

.container-3-1-3-1 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-3-1-3-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-3-1-3-1 .quiz-line1 {
  position: relative;
}

.area-template-3-1-3-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-3-1-3-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-3-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-3-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}






.container-3-1-3-2 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-3-1-3-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-3-1-3-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-3-1-3-2 .number-quiz {
  width: 22px;
}

.area-template-3-1-3-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-3-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-3-2 .area-number {
  flex-direction: row;
}

.area-template-3-1-3-2 .area-answer {
  flex-direction: row;
}

.container-3-1-4-1 .area-template {
  margin-right: 80px;
}

.container-3-1-4-1 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-3-1-4-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-3-1-4-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-3-1-4-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-4-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-4-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-1-4-5 .area-template {
  margin-right: 80px;
}

.container-3-1-4-5 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-3-1-4-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-3-1-4-5 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-3-1-4-5 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-4-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-4-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-1-4-2 .area-template {
  margin-right: 80px;
}

.container-3-1-4-2 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-3-1-4-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-3-1-4-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-3-1-4-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-4-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-4-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-1-4-3 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-3-1-4-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-3-1-4-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-3-1-4-3 .number-quiz {
  width: 22px;
}

.area-template-3-1-4-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-4-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-4-3 .area-number {
  flex-direction: row;
}

.area-template-3-1-4-3 .area-answer {
  flex-direction: row;
}

.container-3-1-4-6 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-3-1-4-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-3-1-4-6 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-3-1-4-6 .number-quiz {
  width: 22px;
}

.area-template-3-1-4-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-4-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-4-6 .area-number {
  flex-direction: row;
}

.area-template-3-1-4-6 .area-answer {
  flex-direction: row;
}

.container-3-1-4-4 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-3-1-4-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 275px;
  margin-top: 60px;
}

.area-template-3-1-4-4 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-3-1-4-4 .number-quiz {
  width: 22px;
}

.area-template-3-1-4-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-4-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-1-4-4 .area-number {
  flex-direction: row;
}

.area-template-3-1-4-4 .area-answer {
  flex-direction: row;
}



/* #수업도구 */
.container-3-1-5-1 {
  justify-content: flex-start !important;
}

.container-3-1-5-1 .area-template:nth-child(3n+1) {
  width: 334px;
  padding-left: 0px;
}

.container-3-1-5-1 .area-template:nth-child(3n) {
  width: 334px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-3-1-5-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 349px;
  margin-top: 60px;
  padding: 0px 15px;
  border-right: 1px solid #E2E2E2;
}

.area-template-3-1-5-1 .quiz-line {
  margin-bottom: 8px;
}

.area-template-3-1-5-1 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-3-1-5-1 .number-answer {
  width: 48px;
  height: 38px;
  line-height: 38px;
  margin: 0px;
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  text-align: center;
}

.area-template-3-1-5-1 .number-quiz {
  margin: 0px;
  width: 48px;
  height: 38px;
  line-height: 38px;
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  text-align: right;
}

.area-template-3-1-5-1 .blank {
  width: 34px;
  height: 38px;
  line-height: 38px;
  margin: 0px;
}

.area-template-3-1-5-1 .operator {
  width: 34px;
  height: 38px;
  line-height: 38px;
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.area-template-3-1-5-1 .clock-text {
  width: 63px;
  height: 38px;
  line-height: 38px;
  margin: 0px;
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-5-1 .clock-text1 {
  margin-right: 5px;
}

.area-template-3-1-5-1 .clock-text2 {
  width: 32px;
  height: 38px;
  line-height: 38px;
  margin: 0px;
  margin-right: 5px;
}

.area-template-3-1-5-1 .clock-text3 {
  width: 32px;
  height: 38px;
  line-height: 38px;
  margin: 0px;
}

.area-template-3-1-5-1 .area-quiz {
  display: flex;
  flex-direction: column;
}

.area-template-3-1-5-1 .area-answer {
  padding-top: 5px;
  flex-direction: row;
  align-items: center;
}

.area-template-3-1-5-1 .area-24-string {
  text-align: center;
  height: 30px;
  font-size: 18px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  line-height: 30px;
  padding-bottom: 10px;
}



.container-3-1-5-2 {
  justify-content: flex-start !important;
}

.container-3-1-5-2 .area-template:nth-child(3n+1) {
  width: 334px;
  padding-left: 0px;
}

.container-3-1-5-2 .area-template:nth-child(3n) {
  width: 334px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-3-1-5-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 349px;
  margin-top: 60px;
  padding: 0px 15px;
  border-right: 1px solid #E2E2E2;
}

.area-template-3-1-5-2 .quiz-line {
  margin-bottom: 8px;
}

.area-template-3-1-5-2 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-3-1-5-2 .number-answer {
  width: 48px;
  height: 38px;
  line-height: 38px;
  margin: 0px;
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  text-align: center;
}

.area-template-3-1-5-2 .number-quiz {
  margin: 0px;
  width: 48px;
  height: 38px;
  line-height: 38px;
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  text-align: right;
}

.area-template-3-1-5-2 .blank {
  width: 34px;
  height: 38px;
  line-height: 38px;
  margin: 0px;
}

.area-template-3-1-5-2 .operator {
  width: 34px;
  height: 38px;
  line-height: 38px;
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
}

.area-template-3-1-5-2 .clock-text {
  width: 63px;
  height: 38px;
  line-height: 38px;
  margin: 0px;
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-1-5-2 .clock-text1 {
  margin-right: 5px;
}

.area-template-3-1-5-2 .clock-text2 {
  width: 32px;
  height: 38px;
  line-height: 38px;
  margin: 0px;
  margin-right: 5px;
}

.area-template-3-1-5-2 .clock-text3 {
  width: 32px;
  height: 38px;
  line-height: 38px;
  margin: 0px;
}

.area-template-3-1-5-2 .area-quiz {
  display: flex;
  flex-direction: column;
}

.area-template-3-1-5-2 .area-answer {
  padding-top: 5px;
  flex-direction: row;
  align-items: center;
}

.area-template-3-1-5-2 .area-24-string {
  text-align: center;
  height: 30px;
  font-size: 18px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  line-height: 30px;
  padding-bottom: 10px;
}








.container-3-2-1-1 .area-template {
  margin-right: 0px;
}

.area-template-3-2-1-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-2-1-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-2-1-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-1-1 .number-calculate {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-1-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-1-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-2-1-2 .area-template {
  margin-right: 0px;
}

.area-template-3-2-1-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-2-1-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-2-1-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-1-2 .number-calculate {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-1-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-1-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-2-1-3 .area-template {
  margin-right: 0px;
}

.area-template-3-2-1-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-2-1-3 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-2-1-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-1-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-1-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-2-1-4 .area-template {
  margin-right: 0px;
}

.area-template-3-2-1-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-2-1-4 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-2-1-4 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-1-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-1-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-1-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 310px;
  margin-top: 60px;
}

.area-template-3-2-1-5 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 106px;
  margin: 4px 0px;
}

.area-template-3-2-1-5 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-3-2-1-5 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-3-2-1-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-2-1-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-2-1-5 .area-number {
  flex-direction: row;
}

.area-template-3-2-1-5 .area-answer {
  flex-direction: row;
}

.area-template-3-2-1-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 310px;
  margin-top: 60px;
}

.area-template-3-2-1-6 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 106px;
  margin: 4px 0px;
}

.area-template-3-2-1-6 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-3-2-1-6 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-3-2-1-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-2-1-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-2-1-6 .area-number {
  flex-direction: row;
}

.area-template-3-2-1-6 .area-answer {
  flex-direction: row;
}

.area-template-3-2-1-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 310px;
  margin-top: 60px;
}

.area-template-3-2-1-7 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 106px;
  margin: 4px 0px;
}

.area-template-3-2-1-7 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-3-2-1-7 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-3-2-1-7 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-2-1-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-2-1-7 .area-number {
  flex-direction: row;
}

.area-template-3-2-1-7 .area-answer {
  flex-direction: row;
}

.area-template-3-2-1-8 {
  flex-direction: column;
  box-sizing: border-box;
  width: 310px;
  margin-top: 60px;
}

.area-template-3-2-1-8 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 106px;
  margin: 4px 0px;
}

.area-template-3-2-1-8 .quiz-line1 .number-quiz {
  width: 22px;
}

.area-template-3-2-1-8 .quiz-line2 .number-quiz {
  width: 22px;
}

.area-template-3-2-1-8 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-2-1-8 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-3-2-1-8 .area-number {
  flex-direction: row;
}

.area-template-3-2-1-8 .area-answer {
  flex-direction: row;
}

.container-3-2-2-1 .area-template {
  margin-right: 0px;
}

.area-template-3-2-2-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-2-2-1 .quiz-line1 {
  position: relative;
}

.area-template-3-2-2-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-3-2-2-1 .blank {
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-2-2-1 .img-division {
  width: 9.5px;
}

.area-template-3-2-2-1 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-2-2-1 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-2-2-1 .number-remain {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-2-2-1 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-3-2-2-1 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.container-3-2-2-2 .area-template {
  margin-right: 80px;
}

.container-3-2-2-2 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-3-2-2-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-3-2-2-2 .quiz-line1 {
  position: relative;
}

.area-template-3-2-2-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-3-2-2-2 .blank {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 4px;
}

.area-template-3-2-2-2 .img-division {
  width: 9.5px;
}

.area-template-3-2-2-2 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 4px;
}

.area-template-3-2-2-2 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 4px;
}

.area-template-3-2-2-2 .number-remain {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 4px;
}

.area-template-3-2-2-2 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 4px;
}

.area-template-3-2-2-2 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 4px;
}

.container-3-2-2-3 .area-template {
  margin-right: 80px;
}

.container-3-2-2-3 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-3-2-2-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-3-2-2-3 .quiz-line1 {
  position: relative;
}

.area-template-3-2-2-3 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-3-2-2-3 .blank {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 4px;
}

.area-template-3-2-2-3 .img-division {
  width: 9.5px;
}

.area-template-3-2-2-3 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 4px;
}

.area-template-3-2-2-3 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 4px;
}

.area-template-3-2-2-3 .number-remain {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 4px;
}

.area-template-3-2-2-3 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 4px;
}

.area-template-3-2-2-3 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 4px;
}



.container-3-2-3-1 {
  overflow: hidden !important;
}

.container-3-2-3-1 .area-template {
  padding-left: 36px;
  padding-right: 36px;
  border-right: 1px solid #E2E2E2;
}

.container-3-2-3-1 .area-template:nth-child(4n+1) {
  width: 236px;
  padding-left: 0px;
}

.container-3-2-3-1 .area-template:nth-child(4n) {
  width: 236px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-3-2-3-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 272px;
  margin-top: 60px;
}

.area-template-3-2-3-1 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-3-2-3-1 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-3-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-3-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-3-1 .area-quiz {
  display: block;
  position: relative;
  padding: 15px 0px;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

.area-template-3-2-3-1 .area-canvas {
  position: relative;
  transform: scale(0.5) translate(-200px, -200px);
  display: inline-block;
}

.area-template-3-2-3-1 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-3-2-3-1 .img-cm {
  width: 32px;
  margin-left: 6px;
}

.area-template-3-2-3-1 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 94px;
  height: 40px;
  font-size: 40px;
  letter-spacing: -0.4px;
}

.area-template-3-2-3-1 .draw-string-one {
  width: 74px !important;
}

.area-template-3-2-3-1 .ios-string {
  font-size: 20px !important;
  width: 47px !important;
  height: 20px !important;
}
.area-template-3-2-3-1 .ios-string-one {
  font-size: 20px !important;
  width: 37px !important;
  height: 20px !important;
}



.container-3-2-3-2 {
  overflow: hidden !important;
}

.container-3-2-3-2 .area-template {
  padding-left: 36px;
  padding-right: 36px;
  border-right: 1px solid #E2E2E2;
}

.container-3-2-3-2 .area-template:nth-child(4n+1) {
  width: 236px;
  padding-left: 0px;
}

.container-3-2-3-2 .area-template:nth-child(4n) {
  width: 236px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-3-2-3-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 272px;
  margin-top: 60px;
}

.area-template-3-2-3-2 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-3-2-3-2 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-3-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-3-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-3-2 .area-quiz {
  display: block;
  position: relative;
  padding: 15px 0px;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

.area-template-3-2-3-2 .area-canvas {
  position: relative;
  transform: scale(0.5) translate(-200px, -200px);
  display: inline-block;
}

.area-template-3-2-3-2 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-3-2-3-2 .img-cm {
  width: 32px;
  margin-left: 6px;
}

.area-template-3-2-3-2 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 84px;
  height: 40px;
  font-size: 36px;
  letter-spacing: -0.4px;
}

.area-template-3-2-3-2 .draw-string-one {
  width: 64px !important;
}

.area-template-3-2-3-2 .ios-string {
  font-size: 20px !important;
  width: 47px !important;
  height: 20px !important;
}
.area-template-3-2-3-2 .ios-string-one {
  font-size: 20px !important;
  width: 37px !important;
  height: 20px !important;
}



.container-3-2-4-1 .area-template {
  margin-right:0px;
}

.area-template-3-2-4-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 220px;
  margin-top: 60px;
}

.area-template-3-2-4-1 .area-number {
  flex-direction: row;
}

.area-template-3-2-4-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 85px;
}

.area-template-3-2-4-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-4-1 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 22px;
}

.area-template-3-2-4-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-2-4-2 .area-template {
  margin-right: 0px;
}

.area-template-3-2-4-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 235px;
  margin-top: 60px;
}

.area-template-3-2-4-2 .area-number {
  flex-direction: row;
}

.area-template-3-2-4-2 .area-answer {
  flex-direction: row;
}

.area-template-3-2-4-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
}

.area-template-3-2-4-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
}

.area-template-3-2-4-2 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  border: 2px solid black;
  width: 55px;
}

.area-template-3-2-4-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.container-3-2-4-3 .area-template {
  margin-right: 0px;
}

.area-template-3-2-4-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-2-4-3 .area-number {
  flex-direction: row;
}

.area-template-3-2-4-3 .area-answer {
  flex-direction: row;
  align-items: center;
  padding: 0px 10px;
}

.area-template-3-2-4-3 .input-size-compare {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  text-align: center;
}

.area-template-3-2-4-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-4-3 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  border: 2px solid black;
  width: 55px;
}

.area-template-3-2-4-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-2-4-4 .area-template {
  margin-right: 0px;
}

.area-template-3-2-4-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-2-4-4 .area-number {
  flex-direction: row;
}

.area-template-3-2-4-4 .area-answer {
  flex-direction: row;
  align-items: center;
  padding: 0px 10px;
}

.area-template-3-2-4-4 .input-size-compare {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  text-align: center;
}

.area-template-3-2-4-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
}

.area-template-3-2-4-4 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 20px;
}

.area-template-3-2-4-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-3-2-4-5 .area-template {
  margin-right: 0px;
}

.area-template-3-2-4-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-3-2-4-5 .area-number {
  flex-direction: row;
}

.area-template-3-2-4-5 .area-answer {
  flex-direction: row;
  align-items: center;
  padding: 0px 10px;
}

.area-template-3-2-4-5 .input-size-compare {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  text-align: center;
}

.area-template-3-2-4-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-3-2-4-5 .numerator-number1 {
  width: 22px;
}

.area-template-3-2-4-5 .denominator-number1 {
  width: 22px;
}

.area-template-3-2-4-5 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 20px;
}

.area-template-3-2-4-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}



/* #수업도구 */
.container-4-1-2-1 {
  overflow: hidden !important;
}

.container-4-1-2-1 .area-template {
  padding-left: 36px;
  padding-right: 36px;
  border-right: 1px solid #E2E2E2;
}

.container-4-1-2-1 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.container-4-1-2-1 .area-template:nth-child(4n+1) {
  width: 236px;
  padding-left: 0px;
}

.container-4-1-2-1 .area-template:nth-child(4n) {
  width: 236px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-4-1-2-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 272px;
  margin-top: 60px;
}

.area-template-4-1-2-1 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-4-1-2-1 .number-answer {
  width: 76px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-1-2-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-1-2-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-1-2-1 .area-quiz {
  padding: 0px 0px 15px 0px;
  display: block;
  width: 200px;
  height: 210px;
}

.area-template-4-1-2-1 .area-canvas {
  position: relative;
  transform: scale(0.5) translate(-200px, -200px);
  display: inline-block;
}

.area-template-4-1-2-1 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-4-1-2-1 .area-text {
  height: 44px;
}

.area-template-4-1-2-1 .img-degree {
  width: 14px;
}

.area-template-4-1-2-1 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 60px;
  height: 40px;
  font-size: 40px;
  letter-spacing: -0.4px;
}

.area-template-4-1-2-1 .draw-string-one {
  width: 40px !important;
  border-radius: 100px;
}

.area-template-4-1-2-1 .ios-string {
  font-size: 20px !important;
  width: 30px !important;
  height: 20px !important;
}

.area-template-4-1-2-1 .ios-string-one {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
}




.container-4-1-2-2 {
  overflow: hidden !important;
}

.container-4-1-2-2 .area-template {
  padding-left: 36px;
  padding-right: 36px;
  border-right: 1px solid #E2E2E2;
}

.container-4-1-2-2 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.container-4-1-2-2 .area-template:nth-child(4n+1) {
  width: 236px;
  padding-left: 0px;
}

.container-4-1-2-2 .area-template:nth-child(4n) {
  width: 236px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-4-1-2-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 272px;
  margin-top: 60px;
}

.area-template-4-1-2-2 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-4-1-2-2 .number-answer {
  width: 76px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-1-2-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-1-2-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-1-2-2 .area-quiz {
  padding: 0px 0px 15px 0px;
  display: block;
  width: 200px;
  height: 210px;
}

.area-template-4-1-2-2 .area-canvas {
  position: relative;
  transform: scale(0.5) translate(-200px, -200px);
  display: inline-block;
}

.area-template-4-1-2-2 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-4-1-2-2 .area-text {
  height: 44px;
}

.area-template-4-1-2-2 .img-degree {
  width: 14px;
}

.area-template-4-1-2-2 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 60px;
  height: 40px;
  font-size: 40px;
  letter-spacing: -0.4px;
}

.area-template-4-1-2-2 .ios-string {
  font-size: 20px !important;
  width: 30px !important;
  height: 20px !important;
}
.area-template-4-1-2-2 .ios-string-one {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
}





.container-4-1-3-1 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-4-1-3-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 290px;
  margin-top: 60px;
}

.area-template-4-1-3-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 290px;
}

.area-template-4-1-3-1 .blank {
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-1 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-1 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-1 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-1 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.container-4-1-3-2 .area-template {
  margin-right: 30px;
}

.container-4-1-3-2 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-4-1-3-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 237px;
  margin-top: 60px;
}

.area-template-4-1-3-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 237px;
}

.area-template-4-1-3-2 .blank {
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-2 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-2 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-2 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-2 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.container-4-1-3-3 {
  justify-content: space-around !important;
}

.container-4-1-3-3 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-4-1-3-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 400px;
  margin-top: 60px;
}

.area-template-4-1-3-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 150px;
  margin: 4px 0px;
}

.area-template-4-1-3-3 .number-quiz {
  width: 22px;
}

.area-template-4-1-3-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-1-3-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-1-3-3 .area-number {
  flex-direction: row;
}

.area-template-4-1-3-3 .area-answer {
  flex-direction: row;
}


.container-4-1-3-4 {
  justify-content: space-around !important;
}

.container-4-1-3-4 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-4-1-3-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 375px;
  margin-top: 60px;
}

.area-template-4-1-3-4 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 130px;
  margin: 4px 0px;
}

.area-template-4-1-3-4 .number-quiz {
  width: 22px;
}

.area-template-4-1-3-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-1-3-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-1-3-4 .area-number {
  flex-direction: row;
}

.area-template-4-1-3-4 .area-answer {
  flex-direction: row;
}

/* .container-4-1-3-5 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-4-1-3-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 375px;
  margin-top: 60px;
}

.area-template-4-1-3-5 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 130px;
}

.area-template-4-1-3-5 .number-quiz {
  width: 20px;
}

.area-template-4-1-3-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-1-3-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-1-3-5 .area-number {
  flex-direction: row;
}

.area-template-4-1-3-5 .area-answer {
  flex-direction: row;
} */

.container-4-1-3-6 {
  justify-content: space-around !important;
}

.container-4-1-3-6 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.container-4-1-3-6 .area-quiz {
  justify-content: right;
}

.area-template-4-1-3-6 {
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 60px;
  width: 390px;
}

.area-template-4-1-3-6 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 145px;
  margin: 4px 0px;
}

.area-template-4-1-3-6 .number-quiz {
  width: 22px;
}

.area-template-4-1-3-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-1-3-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-1-3-6 .area-number {
  flex-direction: row;
}

.area-template-4-1-3-6 .area-answer {
  flex-direction: row;
}

.container-4-1-3-7 {
  justify-content: space-around !important;
}

.area-template-4-1-3-7 {
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 60px;
  width: 465px;
}

.area-template-4-1-3-7 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 170px;
  margin: 4px 0px;
}

.area-template-4-1-3-7 .number-quiz {
  width: 22px;
}

.area-template-4-1-3-7 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-1-3-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-1-3-7 .area-number {
  flex-direction: row;
}

.area-template-4-1-3-7 .area-answer {
  flex-direction: row;
}

.container-4-1-3-8 {
  justify-content: center !important;
}

.container-4-1-3-8 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-4-1-3-8 {
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 60px;
  width: 465px;
}

.area-template-4-1-3-8 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 170px;
}

.area-template-4-1-3-8 .number-quiz {
  width: 20px;
}

.area-template-4-1-3-8 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-1-3-8 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-1-3-8 .area-number {
  flex-direction: row;
}

.area-template-4-1-3-8 .area-answer {
  flex-direction: row;
}

.container-4-1-3-9 .area-template {
  margin-right: 0px;
}

.area-template-4-1-3-9 {
  flex-direction: column;
  box-sizing: border-box;
  width: 242px;
  margin-top: 60px;
}

.area-template-4-1-3-9 .quiz-line1 {
  position: relative;
}

.area-template-4-1-3-9 .area-template-main {
  display: flex;
  justify-content: center;
  width: 242px;
}

.area-template-4-1-3-9 .blank {
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-9 .img-division {
  width: 9.5px;
}

.area-template-4-1-3-9 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-9 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-9 .number-remain {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-9 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-9 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.container-4-1-3-10 .area-template {
  margin-right: 20px;
}

.container-4-1-3-10 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-4-1-3-10 {
  flex-direction: column;
  box-sizing: border-box;
  width: 198px;
  margin-top: 60px;
}

.area-template-4-1-3-10 .quiz-line1 {
  position: relative;
}

.area-template-4-1-3-10 .area-template-main {
  display: flex;
  justify-content: center;
  width: 198px;
}

.area-template-4-1-3-10 .blank {
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-10 .img-division {
  width: 9.5px;
}

.area-template-4-1-3-10 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-10 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-10 .number-remain {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-10 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-10 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.container-4-1-3-11 .area-template {
  margin-right: 0px;
}

.area-template-4-1-3-11 {
  flex-direction: column;
  box-sizing: border-box;
  width: 242px;
  margin-top: 60px;
}

.area-template-4-1-3-11 .quiz-line1 {
  position: relative;
}

.area-template-4-1-3-11 .area-template-main {
  display: flex;
  justify-content: center;
  width: 242px;
}

.area-template-4-1-3-11 .blank {
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-11 .img-division {
  width: 9.5px;
}

.area-template-4-1-3-11 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-11 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-11 .number-remain {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-11 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-11 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.container-4-1-3-12 .area-template {
  margin-right: 55px;
}

.container-4-1-3-12 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-4-1-3-12 {
  flex-direction: column;
  box-sizing: border-box;
  width: 198px;
  margin-top: 60px;
}

.area-template-4-1-3-12 .quiz-line1 {
  position: relative;
}

.area-template-4-1-3-12 .area-template-main {
  display: flex;
  justify-content: center;
  width: 198px;
}

.area-template-4-1-3-12 .blank {
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-12 .img-division {
  width: 9.5px;
}

.area-template-4-1-3-12 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-12 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-12 .number-remain {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-12 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-1-3-12 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.container-4-2-1-1 .area-template {
  margin-right: 50px;
}

.container-4-2-1-1 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-4-2-1-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 235px;
  margin-top: 60px;
}

.area-template-4-2-1-1 .area-number {
  flex-direction: row;
}

.area-template-4-2-1-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
}

.area-template-4-2-1-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 22px;
}

.area-template-4-2-1-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-4-2-1-8 .area-template {
  margin-right: 0px;
}

.area-template-4-2-1-8 .area-number {
  flex-direction: row;
}

.area-template-4-2-1-8 {
  flex-direction: column;
  box-sizing: border-box;
  width: 300px;
  margin-top: 60px;
}

.area-template-4-2-1-8 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-4-2-1-8 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
}

.area-template-4-2-1-8 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-4-2-1-8 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin-right: 5px;
}

.area-template-4-2-1-8 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-4-2-1-2 .area-template {
  margin-right: 0px;
}

.area-template-4-2-1-2 .area-number {
  flex-direction: row;
}

.area-template-4-2-1-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 320px;
  margin-top: 60px;
}

.area-template-4-2-1-2 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-4-2-1-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-4-2-1-2 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-4-2-1-2 .area-answer .fraction-left-number {
  margin: 4px 5px 4px 0px;
}

.area-template-4-2-1-2 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-4-2-1-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.container-4-2-1-3 .area-template {
  margin-right: 50px;
}

.container-4-2-1-3 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-4-2-1-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 235px;
  margin-top: 60px;
}

.area-template-4-2-1-3 .area-number {
  flex-direction: row;
}

.area-template-4-2-1-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
}

.area-template-4-2-1-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 22px;
}

.area-template-4-2-1-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-4-2-1-4 .area-template {
  margin-right: 0px;
}

.area-template-4-2-1-4 .area-number {
  flex-direction: row;
}

.area-template-4-2-1-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 320px;
  margin-top: 60px;
}

.area-template-4-2-1-4 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-4-2-1-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-4-2-1-4 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-4-2-1-4 .area-answer .fraction-left-number {
  margin-right: 5px;
}

.area-template-4-2-1-4 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-4-2-1-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.container-4-2-1-5 .area-template {
  margin-right: 0px;
}

.area-template-4-2-1-5 .area-number {
  flex-direction: row;
}

.area-template-4-2-1-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 298px;
  margin-top: 60px;
}

.area-template-4-2-1-5 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-4-2-1-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-4-2-1-5 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-4-2-1-5 .area-answer .fraction-left-number {
  margin-right: 5px;
}

.area-template-4-2-1-5 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-4-2-1-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.container-4-2-1-6 .area-template {
  margin-right: 0px;
}

.area-template-4-2-1-6 .area-number {
  flex-direction: row;
}

.area-template-4-2-1-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 298px;
  margin-top: 60px;
}

.area-template-4-2-1-6 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-4-2-1-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-4-2-1-6 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-4-2-1-6 .area-answer .fraction-left-number {
  margin-right: 5px;
}

.area-template-4-2-1-6 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-4-2-1-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.container-4-2-1-7 .area-template {
  margin-right: 0px;
}

.area-template-4-2-1-7 .area-number {
  flex-direction: row;
}

.area-template-4-2-1-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 265px;
  margin-top: 60px;
}

.area-template-4-2-1-7 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-4-2-1-7 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-4-2-1-7 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-4-2-1-7 .area-answer .fraction-left-number {
  margin-right: 5px;
}

.area-template-4-2-1-7 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-4-2-1-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.container-4-2-3-1 .area-template {
  margin-right: 80px;
}

.container-4-2-3-1 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-4-2-3-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-4-2-3-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-4-2-3-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-1 .quiz-line {
  position: relative;
}

.area-template-4-2-3-1 .answer-line {
  position: relative;
}

.area-template-4-2-3-1 .point {
  font-size: 60px;
  position: absolute;
  bottom: 10px;
  right: 47px;
  height: 100%;
}

.container-4-2-3-2 .area-template {
  margin-right: 0px;
}

.area-template-4-2-3-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-4-2-3-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-4-2-3-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-2 .quiz-line {
  position: relative;
}

.area-template-4-2-3-2 .answer-line {
  position: relative;
}

.area-template-4-2-3-2 .point {
  font-size: 60px;
  position: absolute;
  bottom: 10px;
  right: 100px;
  height: 100%;
}

.container-4-2-3-3 .area-template {
  margin-right: 0px;
}

.area-template-4-2-3-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-4-2-3-3 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-4-2-3-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-3 .quiz-line {
  position: relative;
}

.area-template-4-2-3-3 .answer-line {
  position: relative;
}

.area-template-4-2-3-3 .point {
  font-size: 60px;
  position: absolute;
  bottom: 10px;
  right: 100px;
  height: 100%;
}

.area-template-4-2-3-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 250px;
  margin-top: 60px;
}

.area-template-4-2-3-4 .area-template-main {
  display: flex;
  justify-content: center;
  width: 250px;
}

.area-template-4-2-3-4 .blank {
  width: 38px;
  height: 38px;
  margin: 4px;
}

.area-template-4-2-3-4 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-2-3-4 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-2-3-4 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-2-3-4 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-2-3-4 .quiz-line {
  position: relative;
}

.area-template-4-2-3-4 .answer-line {
  position: relative;
}

.area-template-4-2-3-4 .point {
  font-size: 50px;
  position: absolute;
  bottom: 4px;
  right: 136px;
  height: 100%;
}

.area-template-4-2-3-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 320px;
  margin-top: 60px;
}

.area-template-4-2-3-5 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-4-2-3-5 .number-quiz {
  width: 22px;
}

.area-template-4-2-3-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-5 .area-number {
  flex-direction: row;
}

.area-template-4-2-3-5 .area-answer {
  flex-direction: row;
}

.area-template-4-2-3-5 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}


.container-4-2-3-6 {
  justify-content: space-around !important;
}

.container-4-2-3-6 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-4-2-3-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 410px;
  margin-top: 60px;
}

.area-template-4-2-3-6 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 95px;
  margin: 4px 0px;
}

.area-template-4-2-3-6 .number-quiz {
  width: 22px;
}

.area-template-4-2-3-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-6 .area-number {
  flex-direction: row;
}

.area-template-4-2-3-6 .area-answer {
  flex-direction: row;
}

.area-template-4-2-3-6 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}

.container-4-2-3-7 {
  justify-content: space-around !important;
}

.container-4-2-3-7 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-4-2-3-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 410px;
  margin-top: 60px;
}

.area-template-4-2-3-7 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 95px;
  margin: 4px 0px;
}

.area-template-4-2-3-7 .number-quiz {
  width: 22px;
}

.area-template-4-2-3-7 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-7 .area-number {
  flex-direction: row;
}

.area-template-4-2-3-7 .area-answer {
  flex-direction: row;
}

.area-template-4-2-3-7 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}

.container-4-2-3-8 {
  justify-content: space-around !important;
}

.area-template-4-2-3-8 {
  flex-direction: column;
  box-sizing: border-box;
  width: 470px;
  margin-top: 60px;
}

.area-template-4-2-3-8 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 120px;
  margin: 4px 0px;
}

.area-template-4-2-3-8 .number-quiz {
  width: 22px;
}

.area-template-4-2-3-8 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-8 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-8 .area-number {
  flex-direction: row;
}

.area-template-4-2-3-8 .area-answer {
  flex-direction: row;
}

.area-template-4-2-3-8 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}

.container-4-2-3-9 .area-template {
  margin-right: 80px;
}

.container-4-2-3-9 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-4-2-3-9 {
  flex-direction: column;
  box-sizing: border-box;
  width: 158px;
  margin-top: 60px;
}

.area-template-4-2-3-9 .area-template-main {
  display: flex;
  justify-content: center;
  width: 158px;
}

.area-template-4-2-3-9 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-9 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-9 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-9 .quiz-line {
  position: relative;
}

.area-template-4-2-3-9 .answer-line {
  position: relative;
}

.area-template-4-2-3-9 .point {
  font-size: 60px;
  position: absolute;
  bottom: 10px;
  right: 47px;
  height: 100%;
}

.container-4-2-3-10 .area-template {
  margin-right: 0px;
}

.area-template-4-2-3-10 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-4-2-3-10 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-4-2-3-10 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-10 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-10 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-10 .quiz-line {
  position: relative;
}

.area-template-4-2-3-10 .answer-line {
  position: relative;
}

.area-template-4-2-3-10 .point {
  font-size: 60px;
  position: absolute;
  bottom: 10px;
  right: 100px;
  height: 100%;
}

.container-4-2-3-11 .area-template {
  margin-right: 0px;
}

.area-template-4-2-3-11 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-4-2-3-11 .area-template-main {
  display: flex;
  justify-content: center;
  width: 211px;
}

.area-template-4-2-3-11 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-11 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-11 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-4-2-3-11 .quiz-line {
  position: relative;
}

.area-template-4-2-3-11 .answer-line {
  position: relative;
}

.area-template-4-2-3-11 .point {
  font-size: 60px;
  position: absolute;
  bottom: 10px;
  right: 100px;
  height: 100%;
}

.area-template-4-2-3-12 {
  flex-direction: column;
  box-sizing: border-box;
  width: 245px;
  margin-top: 60px;
}

.area-template-4-2-3-12 .area-template-main {
  display: flex;
  justify-content: center;
  width: 245px;
}

.area-template-4-2-3-12 .blank {
  width: 38px;
  height: 38px;
  margin: 4px;
}

.area-template-4-2-3-12 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-2-3-12 .number-calculate {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-2-3-12 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-2-3-12 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 4px;
}

.area-template-4-2-3-12 .quiz-line {
  position: relative;
}

.area-template-4-2-3-12 .answer-line {
  position: relative;
}

.area-template-4-2-3-12 .point {
  font-size: 50px;
  position: absolute;
  bottom: 4px;
  right: 136px;
  height: 100%;
}

.area-template-4-2-3-13 {
  flex-direction: column;
  box-sizing: border-box;
  width: 320px;
  margin-top: 60px;
}

.area-template-4-2-3-13 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
  margin: 4px 0px;
}

.area-template-4-2-3-13 .number-quiz {
  width: 22px;
}

.area-template-4-2-3-13 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-13 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-13 .area-number {
  flex-direction: row;
}

.area-template-4-2-3-13 .area-answer {
  flex-direction: row;
}

.area-template-4-2-3-13 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}

.container-4-2-3-14 {
  justify-content: space-around !important;
}

.container-4-2-3-14 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-4-2-3-14 {
  flex-direction: column;
  box-sizing: border-box;
  width: 410px;
  margin-top: 60px;
}

.area-template-4-2-3-14 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 95px;
  margin: 4px 0px;
}

.area-template-4-2-3-14 .number-quiz {
  width: 22px;
}

.area-template-4-2-3-14 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-14 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-14 .area-number {
  flex-direction: row;
}

.area-template-4-2-3-14 .area-answer {
  flex-direction: row;
}

.area-template-4-2-3-14 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}

.container-4-2-3-15 {
  justify-content: space-around !important;
}

.container-4-2-3-15 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-4-2-3-15 {
  flex-direction: column;
  box-sizing: border-box;
  width: 410px;
  margin-top: 60px;
}

.area-template-4-2-3-15 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 95px;
  margin: 4px 0px;
}

.area-template-4-2-3-15 .number-quiz {
  width: 22px;
}

.area-template-4-2-3-15 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-15 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-15 .area-number {
  flex-direction: row;
}

.area-template-4-2-3-15 .area-answer {
  flex-direction: row;
}

.area-template-4-2-3-15 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}

.container-4-2-3-16 {
  justify-content: space-around !important;
}

.area-template-4-2-3-16 {
  flex-direction: column;
  box-sizing: border-box;
  width: 470px;
  margin-top: 60px;
}

.area-template-4-2-3-16 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 120px;
  margin: 4px 0px;
}

.area-template-4-2-3-16 .number-quiz {
  width: 22px;
}

.area-template-4-2-3-16 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-16 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-4-2-3-16 .area-number {
  flex-direction: row;
}

.area-template-4-2-3-16 .area-answer {
  flex-direction: row;
}

.area-template-4-2-3-16 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}

.area-svg {
  visibility: hidden;
}

.area-print-svg {
  display: none;
  visibility: hidden;
}

.container-5-1-1-1 {
  justify-content: space-around !important;
}

.container-5-1-1-1 .area-quiz {
  /* padding-left: 20px; */
  overflow: hidden;
  justify-content: flex-start;
}

.container-5-1-1-1 .area-svg {
  height: 50px;
  /* padding-left: 20px; */
}

.container-5-1-1-1 .area-svg svg {
  max-width: 297px;
}

.container-5-1-1-1 .area-print-svg {
  height: 50px;
}

.container-5-1-1-1 .area-template {
  position: relative;
  margin-right: 30px;
  margin-left: 30px;
}

.container-5-1-1-1 .area-template-main {
  display: flex;
  justify-content: flex-end;
  padding-right: 28px;
}

.area-template-5-1-1-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 375px;
  margin-top: 60px;
}

.area-template-5-1-1-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-5-1-1-1 .number-quiz {
  width: 22px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
  line-height: 44px;
}

.area-template-5-1-1-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
  line-height: 44px;
}

.area-template-5-1-1-1 .area-number {
  flex-direction: row;
}

.area-template-5-1-1-1 .area-answer {
  flex-direction: row;
}

.container-5-1-1-2 {
  justify-content: space-around !important;
}

.container-5-1-1-2 .area-quiz {
  justify-content: flex-start;
  padding-left: 20px;
  overflow: hidden;
}

.container-5-1-1-2 .area-svg {
  height: 50px;
  padding-left: 20px;
}

.container-5-1-1-2 .area-print-svg {
  height: 50px;
}

.container-5-1-1-2 .area-template {
  position: relative;
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-5-1-1-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 335px;
  margin-top: 60px;
}

.area-template-5-1-1-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
}

.area-template-5-1-1-2 .number-quiz {
  width: 22px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
  line-height: 44px;
}

.area-template-5-1-1-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
  line-height: 44px;
}

.area-template-5-1-1-2 .operator-md  {
  line-height: 40px;
}

.area-template-5-1-1-2 .area-number {
  flex-direction: row;
}

.area-template-5-1-1-2 .area-answer {
  flex-direction: row;
}

.container-5-1-1-3 {
  justify-content: space-around !important;
}

.container-5-1-1-3 .area-quiz {
  justify-content: flex-start;
  /* padding-left: 20px; */
  overflow: hidden;
}

.container-5-1-1-3 .area-svg {
  height: 80px;
  /* padding-left: 20px; */
}

.container-5-1-1-3 .area-print-svg {
  height: 50px;
}

.container-5-1-1-3 .area-template {
  position: relative;
}

.container-5-1-1-3 .area-template-main {
  display: flex;
  justify-content: flex-end;
  padding-right: 40px;
}

.area-template-5-1-1-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 450px;
  margin-top: 60px;
}

.area-template-5-1-1-3 .number-answer {
  /* font-size: 38px; */
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  height: 40px;
  line-height: 40px;
  margin: 4px 0px;
}

.area-template-5-1-1-3 .number-quiz {
  /* width: 22px; */
  width: 20px;
  height: 40px;
  /* font-size: 38px; */
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
  line-height: 40px;
  /* line-height: 44px; */
}

.area-template-5-1-1-3 .operator {
  /* font-size: 38px; */
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  /* line-height: 44px; */
}

.area-template-5-1-1-3 .operator-md {
  line-height: 40px;
}

.area-template-5-1-1-3 .area-number {
  flex-direction: row;
}

.area-template-5-1-1-3 .area-answer {
  flex-direction: row;
}

.container-5-1-1-4 {
  justify-content: space-around !important;
}

.container-5-1-1-4 .area-quiz {
  justify-content: flex-start;
  padding-left: 10px;
  overflow: hidden;
}

.container-5-1-1-4 .area-svg {
  height: 80px;
  padding-left: 10px;
}

.container-5-1-1-4 .area-print-svg {
  height: 50px;
}

.container-5-1-1-4 .area-template {
  position: relative;
}

.area-template-5-1-1-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 450px;
  margin-top: 60px;
}

.area-template-5-1-1-4 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  height: 40px;
  line-height: 40px;
  margin: 4px 0px;
}

.area-template-5-1-1-4 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 20px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-1-4 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-1-4 .bracket {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 20px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
  text-align: center;
}

.area-template-5-1-1-4 .area-number {
  flex-direction: row;
}

.area-template-5-1-1-4 .area-answer {
  flex-direction: row;
}

.container-5-1-1-5 {
  justify-content: space-around !important;
}

.container-5-1-1-5 .area-quiz {
  justify-content: flex-start;
  padding-left: 10px;
  overflow: hidden;
}

.container-5-1-1-5 .area-svg {
  height: 80px;
  padding-left: 10px;
}

.container-5-1-1-5 .area-print-svg {
  height: 50px;
}

.container-5-1-1-5 .area-template {
  position: relative;
}

.container-5-1-1-5 .area-template-main {
  display: flex;
  justify-content: flex-end;
  padding-right: 50px;
}

.area-template-5-1-1-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 450px;
  margin-top: 60px;
}

.area-template-5-1-1-5 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  height: 40px;
  line-height: 40px;
  margin: 4px 0px;
}

.area-template-5-1-1-5 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 20px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-1-5 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-1-5 .operator-md {
  line-height: 36px;
}

.area-template-5-1-1-5 .bracket {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 20px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
  text-align: center;
}

.area-template-5-1-1-5 .area-number {
  flex-direction: row;
}

.area-template-5-1-1-5 .area-answer {
  flex-direction: row;
}

.container-5-1-1-6 {
  justify-content: space-around !important;
}

.container-5-1-1-6 .area-quiz {
  justify-content: flex-start;
  padding-left: 10px;
  overflow: hidden;
}

.container-5-1-1-6 .area-svg {
  height: 80px;
  padding-left: 10px;
}

.container-5-1-1-6 .area-print-svg {
  height: 50px;
}

.container-5-1-1-6 .area-template {
  position: relative;
}

.container-5-1-1-6 .area-template-main {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
}

.area-template-5-1-1-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 450px;
  margin-top: 60px;
}

.area-template-5-1-1-6 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
  height: 32px;
  line-height: 32px;
}

.area-template-5-1-1-6 .number-quiz {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 16px;
  height: 32px;
  margin: 4px 0px;
  line-height: 32px;
}

.area-template-5-1-1-6 .operator {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 32px;
  height: 32px;
  margin: 4px 0px;
  line-height: 32px;
}

.area-template-5-1-1-6 .operator-md {
  line-height: 28px;
}

.area-template-5-1-1-6 .bracket {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 16px;
  height: 32px;
  margin: 4px 0px;
  line-height: 32px;
  text-align: center;
}

.area-template-5-1-1-6 .area-number {
  flex-direction: row;
}

.area-template-5-1-1-6 .area-answer {
  flex-direction: row;
}

.container-5-1-1-7 {
  justify-content: space-around !important;
}

.container-5-1-1-7 .area-quiz {
  justify-content: flex-start;
  padding-left: 10px;
  overflow: hidden;
}

.container-5-1-1-7 .area-svg {
  height: 80px;
  padding-left: 10px;
}

.container-5-1-1-7 .area-print-svg {
  height: 50px;
}

.container-5-1-1-7 .area-template {
  position: relative;
}

.container-5-1-1-7 .area-template-main {
  display: flex;
  justify-content: flex-end;
  padding-right: 30px;
}

.area-template-5-1-1-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 450px;
  margin-top: 60px;
}

.area-template-5-1-1-7 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
  height: 32px;
  line-height: 32px;
}

.area-template-5-1-1-7 .number-quiz {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 16px;
  height: 32px;
  margin: 4px 0px;
  line-height: 32px;
}

.area-template-5-1-1-7 .operator {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 32px;
  height: 32px;
  margin: 4px 0px;
  line-height: 32px;
}

.area-template-5-1-1-7 .operator-md {
  line-height: 28px;
}

.area-template-5-1-1-7 .bracket {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 16px;
  height: 32px;
  margin: 4px 0px;
  line-height: 32px;
  text-align: center;
}

.area-template-5-1-1-7 .brace {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 16px;
  height: 32px;
  margin: 4px 0px;
  line-height: 32px;
  text-align: center;
}

.area-template-5-1-1-7 .area-number {
  flex-direction: row;
}

.area-template-5-1-1-7 .area-answer {
  flex-direction: row;
}

.container-5-1-2-1 {
  justify-content: space-between !important;
}

.container-5-1-2-1 .area-quiz {
  justify-content: flex-start;
  overflow: hidden;
}

.container-5-1-2-1 .area-template {
  position: relative;
}

.area-template-5-1-2-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 500px;
  margin-top: 60px;
}

.area-template-5-1-2-1 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 42px;
  margin: 4px 0px;
  height: 40px;
  line-height: 40px;
}

.area-template-5-1-2-1 .number-quiz {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
  text-align: right;
}

.area-template-5-1-2-1 .divisor-txt {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 92px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-1 .operator {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-1 .operator-comma {
  width: 12px;
  text-align: left;
  font-size: 28px;
  line-height: 46px;
}

.area-template-5-1-2-1 .area-number {
  flex-direction: row;
}

.area-template-5-1-2-1 .area-answer {
  flex-direction: row;
}

.container-5-1-2-2 {
  justify-content: space-between !important;
}

.container-5-1-2-2 .area-quiz {
  justify-content: flex-start;
  overflow: hidden;
  flex-direction: column;
}

.area-template-5-1-2-2 .quiz-line {
  display: flex;
}

.container-5-1-2-2 .area-template {
  position: relative;
}

.area-template-5-1-2-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 500px;
  margin-top: 60px;
}

.area-template-5-1-2-2 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 42px;
  margin: 4px 0px;
  height: 40px;
  line-height: 40px;
}

.area-template-5-1-2-2 .number-quiz {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
  text-align: right;
}

.area-template-5-1-2-2 .divisor-txt {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 92px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-2 .common-divisor-txt {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 84px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
  padding-left: 48px;
}

.area-template-5-1-2-2 .operator {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-2 .operator-comma {
  width: 12px;
  text-align: left;
  font-size: 28px;
  line-height: 46px;
}

.area-template-5-1-2-2 .area-number {
  flex-direction: row;
}

.area-template-5-1-2-2 .area-answer {
  flex-direction: row;
}

/* .container-5-1-2-3 {
  justify-content: space-around !important;
} */

.container-5-1-2-3 .img-division {
  width: 8.5px;
  left: 45px;
  top: 4px;
}

.container-5-1-2-3 .area-quiz {
  justify-content: flex-start;
  overflow: hidden;
  flex-direction: column;
}

.area-template-5-1-2-3 .area-quiz-line {
  height: 238px;
}

.area-template-5-1-2-3 .quiz-line {
  display: flex;
  position: relative;
  justify-content: flex-end;
}

.container-5-1-2-3 .area-template {
  position: relative;
  margin-right: 55px;
}

.container-5-1-2-3 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-5-1-2-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 183px;
  margin-top: 60px;
}

.area-template-5-1-2-3 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px 0px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}

.area-template-5-1-2-3 .number-divisor {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  margin: 4px;
  line-height: 38px;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
}

.area-template-5-1-2-3 .number-divisor-right {
  width: 55px;
}

.area-template-5-1-2-3 .number-line {
  display: flex;
  border-bottom: 2px solid black;
}

.area-template-5-1-2-3 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  height: 38px;
  margin: 4px;
  line-height: 38px;
  text-align: center;
}

.area-template-5-1-2-3 .number-quiz1 {
  margin-left: 15px;
}

.area-template-5-1-2-3 .number-divisor-padding {
  margin-left: 15px;
}

.area-template-5-1-2-3 .divisor-txt {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 92px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-3 .common-area {
  padding-left: 35px;
}

.area-template-5-1-2-3 .common-divisor-txt {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 84px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
  padding-left: 48px;
}

.area-template-5-1-2-3 .common-txt {
  font-size: 26px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-3 .answer-area {
  display: flex;
}

.area-template-5-1-2-3 .common-operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  height: 40px;
  margin: 4px 15px 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-3 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-3 .area-number {
  flex-direction: row;
}

.area-template-5-1-2-3 .area-answer {
  flex-direction: row;
}

.container-5-1-2-4 {
  justify-content: space-between !important;
}

.container-5-1-2-4 .area-quiz {
  justify-content: flex-start;
  overflow: hidden;
}

.container-5-1-2-4 .area-template {
  position: relative;
}

.area-template-5-1-2-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 500px;
  margin-top: 60px;
}

.area-template-5-1-2-4 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 58px;
  margin: 4px 0px;
  height: 40px;
  line-height: 40px;
}

.area-template-5-1-2-4 .number-quiz {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 32px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
  text-align: right;
}

.area-template-5-1-2-4 .divisor-txt {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 92px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;

  letter-spacing: -0.4;
}

.area-template-5-1-2-4 .operator {
  font-size: 26px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 36px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-4 .operator-comma {
  width: 12px;
  text-align: left;
  font-size: 28px;
  line-height: 46px;
}

.area-template-5-1-2-4 .area-number {
  flex-direction: row;
}

.area-template-5-1-2-4 .area-answer {
  flex-direction: row;
}

.container-5-1-2-5 {
  justify-content: space-between !important;
}

.container-5-1-2-5 .area-quiz {
  justify-content: flex-start;
  overflow: hidden;
  flex-direction: column;
}

.area-template-5-1-2-5 .quiz-line {
  display: flex;
}

.container-5-1-2-5 .area-template {
  position: relative;
}

.area-template-5-1-2-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 500px;
  margin-top: 60px;
}

.area-template-5-1-2-5 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #000000;
  width: 58px;
  margin: 4px 0px;
  height: 40px;
  line-height: 40px;
}

.area-template-5-1-2-5 .number-quiz {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 32px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
  text-align: right;
}

.area-template-5-1-2-5 .divisor-txt {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 92px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-5 .common-divisor-txt {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 90px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
  padding-left: 34px;
}

.area-template-5-1-2-5 .operator {
  font-size: 24px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 36px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-5 .operator-comma {
  width: 12px;
  text-align: left;
  font-size: 28px;
  line-height: 46px;
}

.area-template-5-1-2-5 .area-number {
  flex-direction: row;
}

.area-template-5-1-2-5 .area-answer {
  flex-direction: row;
}

/* .container-5-1-2-6 {
  justify-content: space-around !important;
} */

.container-5-1-2-6 .img-division {
  width: 8.5px;
  left: 45px;
  top: 4px;
}

.container-5-1-2-6 .area-quiz {
  justify-content: flex-start;
  overflow: hidden;
  flex-direction: column;
}

.area-template-5-1-2-6 .area-quiz-line {
  height: 238px;
}

.area-template-5-1-2-6 .quiz-line {
  display: flex;
  position: relative;
  justify-content: flex-end;
}

.container-5-1-2-6 .area-template {
  position: relative;
  margin-right: 55px;
}

.container-5-1-2-6 .area-template:nth-child(4n) {
  margin-right: 0px;
}

.area-template-5-1-2-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 183px;
  margin-top: 60px;
}

.area-template-5-1-2-6 .number-answer {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 84px;
  margin: 4px 0px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}

.area-template-5-1-2-6 .number-divisor {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  height: 38px;
  margin: 4px;
  line-height: 38px;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
}

.area-template-5-1-2-6 .number-divisor-right {
  width: 55px;
}

.area-template-5-1-2-6 .number-line {
  display: flex;
  border-bottom: 2px solid black;
}

.area-template-5-1-2-6 .number-quiz {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  height: 38px;
  margin: 4px;
  line-height: 38px;
  text-align: center;
}

.area-template-5-1-2-6 .number-quiz1 {
  margin-left: 15px;
}

.area-template-5-1-2-6 .number-divisor-padding {
  margin-left: 15px;
}

.area-template-5-1-2-6 .divisor-txt {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 92px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-6 .common-area {
  padding-left: 35px;
}

.area-template-5-1-2-6 .common-divisor-txt {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 84px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
  padding-left: 48px;
}

.area-template-5-1-2-6 .common-txt {
  font-size: 26px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-6 .answer-area {
  display: flex;
}

.area-template-5-1-2-6 .common-operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  height: 40px;
  margin: 4px 8px 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-6 .operator {
  font-size: 34px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 40px;
  height: 40px;
  margin: 4px 0px;
  line-height: 40px;
}

.area-template-5-1-2-6 .area-number {
  flex-direction: row;
}

.area-template-5-1-2-6 .area-answer {
  flex-direction: row;
}

.area-template-5-1-4-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 310px;
  margin-top: 60px;
}

.area-template-5-1-4-1 .area-number {
  flex-direction: row;
}

.area-template-5-1-4-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px;
}

.area-template-5-1-4-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-1-4-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-1-4-1 .operator-comma {
  text-align: left;
  width: 15px;
}

.area-template-5-1-4-1 .area-answer {
  flex-direction: row;
}

.area-template-5-1-4-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 300px;
  margin-top: 60px;
}

.area-template-5-1-4-2 .area-number {
  flex-direction: row;
}

.area-template-5-1-4-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 4px;
}

.area-template-5-1-4-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-1-4-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-1-4-2 .operator-comma {
  text-align: left;
  width: 15px;
}

.area-template-5-1-4-2 .area-answer {
  flex-direction: row;
}

.container-5-1-4-3 .area-template {
  margin-right: 0px;
}

.area-template-5-1-4-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-5-1-4-3 .area-number {
  flex-direction: row;
}

.area-template-5-1-4-3 .area-answer {
  flex-direction: row;
  align-items: center;
  padding: 0px 10px;
}

.area-template-5-1-4-3 .input-size-compare {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  text-align: center;
}

.area-template-5-1-4-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-4-3 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  border: 2px solid black;
  width: 55px;
}

.area-template-5-1-4-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-5-1-4-4 .area-template {
  margin-right: 0px;
}

.area-template-5-1-4-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-5-1-4-4 .area-number {
  flex-direction: row;
}

.area-template-5-1-4-4 .area-answer {
  flex-direction: row;
  align-items: center;
  padding: 0px 10px;
}

.area-template-5-1-4-4 .input-size-compare {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  text-align: center;
}

.area-template-5-1-4-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 22px;
}

.area-template-5-1-4-4 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 22px;
}

.area-template-5-1-4-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-5-1-4-5 .area-template {
  margin-right: 0px;
}

.area-template-5-1-4-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 211px;
  margin-top: 60px;
}

.area-template-5-1-4-5 .area-number {
  flex-direction: row;
}

.area-template-5-1-4-5 .area-answer {
  flex-direction: row;
  align-items: center;
  padding: 0px 10px;
}

.area-template-5-1-4-5 .input-size-compare {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  text-align: center;
}

.area-template-5-1-4-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-4-5 .numerator-number1 {
  width: 22px;
}

.area-template-5-1-4-5 .denominator-number1 {
  width: 22px;
}

.area-template-5-1-4-5 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 20px;
}

.area-template-5-1-4-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-5-1-5-1 .area-template {
  margin-right: 0px;
}

.area-template-5-1-5-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 300px;
  margin-top: 60px;
}

.area-template-5-1-5-1 .area-number {
  flex-direction: row;
}

.area-template-5-1-5-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 78px;
}

.area-template-5-1-5-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-5-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-5-2 .area-number {
  flex-direction: row;
}

.area-template-5-1-5-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 325px;
  margin-top: 60px;
}

.area-template-5-1-5-2 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-5-1-5-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-5-1-5-2 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-5-1-5-2 .area-answer .fraction-left-number {
  margin-right: 5px;
}

.area-template-5-1-5-2 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-5-1-5-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.container-5-1-5-3 .area-template {
  margin-right: 50px;
}

.container-5-1-5-3 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-5-1-5-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 235px;
  margin-top: 60px;
}

.area-template-5-1-5-3 .area-number {
  flex-direction: row;
}

.area-template-5-1-5-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-5-1-5-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 22px;
}

.area-template-5-1-5-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-5-4 .area-number {
  flex-direction: row;
}

.area-template-5-1-5-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 320px;
  margin-top: 60px;
}

.area-template-5-1-5-4 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-5-1-5-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-5-1-5-4 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-5-1-5-4 .area-answer .fraction-left-number {
  margin-right: 5px;
}

.area-template-5-1-5-4 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-5-1-5-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}




/* #수업도구 */
.container-5-1-6-1 {
  overflow: hidden !important;
  /* justify-content: flex-start !important; */
}

.container-5-1-6-1 .area-template {
  padding-left: 36px;
  padding-right: 36px;
  border-right: 1px solid #E2E2E2;
}

.container-5-1-6-1 .area-template:nth-child(4n+1) {
  width: 236px;
  padding-left: 0px;
}

.container-5-1-6-1 .area-template:nth-child(4n) {
  width: 236px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-5-1-6-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 272px;
  margin-top: 60px;
}

.area-template-5-1-6-1 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-5-1-6-1 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-1 .area-quiz {
  padding: 0px 0px 15px 0px;
  display: block;
  width: 200px;
  height: 210px;
  overflow: hidden;
}

.area-template-5-1-6-1 .area-canvas {
  position: relative;
  transform: scale(0.5) translate(-200px, -200px);
  display: inline-block;
}

.area-template-5-1-6-1 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-5-1-6-1 .img-cm {
  width: 40px;
  margin-left: 6px;
}

.area-template-5-1-6-1 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  /* width: 46px; */
  width: 72px;
  /* height: 20px; */
  height: 40px;
  /* font-size: 20px; */
  font-size: 40px;
  letter-spacing: -0.4px;
}

.area-template-5-1-6-1 .ios-string {
  font-size: 20px !important;
  width: 40px !important;
  height: 20px !important;
}




.container-5-1-6-2 {
  overflow: hidden !important;
}

.container-5-1-6-2 .area-template {
  padding-left: 36px;
  padding-right: 36px;
  border-right: 1px solid #E2E2E2;
}

.container-5-1-6-2 .area-template:nth-child(4n+1) {
  width: 236px;
  padding-left: 0px;
}

.container-5-1-6-2 .area-template:nth-child(4n) {
  width: 236px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-5-1-6-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 272px;
  margin-top: 60px;
}

.area-template-5-1-6-2 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-5-1-6-2 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-2 .area-quiz {
  padding: 0px 0px 15px 0px;
  display: block;
  width: 200px;
  height: 210px;
  overflow: hidden;
}

.area-template-5-1-6-2 .area-canvas {
  position: relative;
  transform: scale(0.5) translate(-200px, -200px);
  display: inline-block;
}

.area-template-5-1-6-2 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-5-1-6-2 .img-cm {
  width: 32px;
  margin-left: 6px;
}

.area-template-5-1-6-2 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 94px;
  height: 40px;
  font-size: 40px;
  letter-spacing: -0.4px;
}

.area-template-5-1-6-2 .ios-string {
  font-size: 20px !important;
  width: 50px !important;
  height: 20px !important;
}



.container-5-1-6-3 {
  overflow: hidden !important;
}

.container-5-1-6-3 .area-template {
  padding-left: 12px;
  padding-right: 12px;
  border-right: 1px solid #E2E2E2;
}

.container-5-1-6-3 .area-template:nth-child(4n+1) {
  width: 248px;
  padding-left: 0px;
}

.container-5-1-6-3 .area-template:nth-child(4n) {
  width: 248px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-5-1-6-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 260px;
  margin-top: 60px;
}

.area-template-5-1-6-3 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-5-1-6-3 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-3 .area-quiz {
  display: block;
  width: 236px;
  height: 204px;
  overflow: hidden;
}

.area-template-5-1-6-3 .area-canvas {
  position: relative;
  transform: scale(0.4917) translate(-248px, -200px);
  display: inline-block;
}

.area-template-5-1-6-3 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-5-1-6-3 .img-cm {
  width: 40px;
  margin-left: 6px;
}

.area-template-5-1-6-3 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 74px;
  height: 40px;
  font-size: 40px;
  letter-spacing: -0.4px;
}

.area-template-5-1-6-3 .ios-string {
  font-size: 20px !important;
  width: 40px !important;
  height: 20px !important;
}



.container-5-1-6-4 {
  overflow: hidden !important;
}

.container-5-1-6-4 .area-template {
  padding-left: 12px;
  padding-right: 12px;
  border-right: 1px solid #E2E2E2;
}

.container-5-1-6-4 .area-template:nth-child(4n+1) {
  width: 248px;
  padding-left: 0px;
}

.container-5-1-6-4 .area-template:nth-child(4n) {
  width: 248px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-5-1-6-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 260px;
  margin-top: 60px;
}

.area-template-5-1-6-4 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-5-1-6-4 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-4 .area-quiz {
  display: block;
  width: 236px;
  height: 204px;
  overflow: hidden;
}

.area-template-5-1-6-4 .area-canvas {
  position: relative;
  transform: scale(0.4917) translate(-248px, -200px);
  display: inline-block;
}

.area-template-5-1-6-4 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-5-1-6-4 .img-cm {
  width: 32px;
  margin-left: 6px;
}

.area-template-5-1-6-4 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 74px;
  height: 40px;
  font-size: 40px;
  letter-spacing: -0.4px;
}

.area-template-5-1-6-4 .ios-string {
  font-size: 20px !important;
  width: 40px !important;
  height: 20px !important;
}



.container-5-1-6-5 {
  overflow: hidden !important;
}

.container-5-1-6-5 .area-template {
  padding-left: 36px;
  padding-right: 36px;
  border-right: 1px solid #E2E2E2;
}

.container-5-1-6-5 .area-template:nth-child(4n+1) {
  width: 236px;
  padding-left: 0px;
}

.container-5-1-6-5 .area-template:nth-child(4n) {
  width: 236px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-5-1-6-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 272px;
  margin-top: 60px;
}

.area-template-5-1-6-5 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-5-1-6-5 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-5 .area-quiz {
  padding: 0px 0px 15px 0px;
  display: block;
  width: 200px;
  height: 210px;
  overflow: hidden;
}

.area-template-5-1-6-5 .area-canvas {
  position: relative;
  transform: scale(0.5) translate(-200px, -200px);
  display: inline-block;
}

.area-template-5-1-6-5 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-5-1-6-5 .img-cm {
  width: 40px;
  margin-left: 6px;
}

.area-template-5-1-6-5 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 74px;
  height: 40px;
  font-size: 40px;
  letter-spacing: -0.4px;
}

.area-template-5-1-6-5 .ios-string {
  font-size: 20px !important;
  width: 40px !important;
  height: 20px !important;
}




.container-5-1-6-6 {
  overflow: hidden !important;
}

.container-5-1-6-6 .area-template {
  padding-left: 36px;
  padding-right: 36px;
  border-right: 1px solid #E2E2E2;
}

.container-5-1-6-6 .area-template:nth-child(4n+1) {
  width: 236px;
  padding-left: 0px;
}

.container-5-1-6-6 .area-template:nth-child(4n) {
  width: 236px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-5-1-6-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 272px;
  margin-top: 60px;
}

.area-template-5-1-6-6 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-5-1-6-6 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-6 .area-quiz {
  padding: 0px 0px 15px 0px;
  display: block;
  width: 200px;
  height: 210px;
  overflow: hidden;
}

.area-template-5-1-6-6 .area-canvas {
  position: relative;
  transform: scale(0.5) translate(-200px, -200px);
  display: inline-block;
}

.area-template-5-1-6-6 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-5-1-6-6 .img-cm {
  width: 40px;
  margin-left: 6px;
}

.area-template-5-1-6-6 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 94px;
  height: 40px;
  font-size: 40px;
  letter-spacing: -0.4px;
}

.area-template-5-1-6-6 .draw-string-one {
  width: 74px !important;
}

.area-template-5-1-6-6 .ios-string {
  font-size: 20px !important;
  width: 48px !important;
  height: 20px !important;
}

.area-template-5-1-6-6 .ios-string-one {
  font-size: 20px !important;
  width: 40px !important;
  height: 20px !important;
}



.container-5-1-6-7 {
  overflow: hidden !important;
}

.container-5-1-6-7 .area-template {
  padding-left: 36px;
  padding-right: 36px;
  border-right: 1px solid #E2E2E2;
}

.container-5-1-6-7 .area-template:nth-child(4n+1) {
  width: 236px;
  padding-left: 0px;
}

.container-5-1-6-7 .area-template:nth-child(4n) {
  width: 236px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-5-1-6-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 272px;
  margin-top: 60px;
}

.area-template-5-1-6-7 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-5-1-6-7 .number-answer {
  width: 76px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-7 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-5-1-6-7 .area-quiz {
  padding: 0px 0px 15px 0px;
  display: block;
  width: 200px;
  height: 210px;
  overflow: hidden;
}

.area-template-5-1-6-7 .area-canvas {
  position: relative;
  transform: scale(0.5) translate(-200px, -200px);
  display: inline-block;
}

.area-template-5-1-6-7 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-5-1-6-7 .img-cm {
  width: 40px;
  margin-left: 6px;
}

.area-template-5-1-6-7 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 94px;
  height: 40px;
  font-size: 40px;
  letter-spacing: -0.4px;
}

.area-template-5-1-6-7 .draw-string-one {
  width: 74px !important;
}

.area-template-5-1-6-7 .ios-string {
  font-size: 20px !important;
  width: 48px !important;
  height: 20px !important;
}

.area-template-5-1-6-7 .ios-string-one {
  font-size: 20px !important;
  width: 40px !important;
  height: 20px !important;
}



.area-template-5-2-2-1 .area-number {
  flex-direction: row;
}

.area-template-5-2-2-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 265px;
  margin-top: 60px;
}

.area-template-5-2-2-1 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-5-2-2-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-5-2-2-1 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-5-2-2-1 .area-answer .fraction-left-number {
  margin-right: 5px;
}

.area-template-5-2-2-1 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-5-2-2-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-2-2-2 .area-number {
  flex-direction: row;
}

.area-template-5-2-2-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 290px;
  margin-top: 60px;
}

.area-template-5-2-2-2 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-5-2-2-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-5-2-2-2 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-5-2-2-2 .area-answer .fraction-left-number {
  margin-right: 5px;
}

.area-template-5-2-2-2 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-5-2-2-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-2-2-3 .area-number {
  flex-direction: row;
}

.area-template-5-2-2-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 325px;
  margin-top: 60px;
}

.area-template-5-2-2-3 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-5-2-2-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-5-2-2-3 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-5-2-2-3 .area-answer .fraction-left-number {
  margin-right: 5px;
}

.area-template-5-2-2-3 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-5-2-2-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-2-2-4 .area-number {
  flex-direction: row;
}

.area-template-5-2-2-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 325px;
  margin-top: 60px;
}

.area-template-5-2-2-4 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-5-2-2-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-5-2-2-4 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-5-2-2-4 .area-answer .fraction-left-number {
  margin-right: 5px;
}

.area-template-5-2-2-4 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-5-2-2-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-2-4-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 320px;
  margin-top: 60px;
}

.area-template-5-2-4-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 106px;
  margin: 4px 0px;
}

.area-template-5-2-4-1 .number-quiz {
  width: 22px;
}

.area-template-5-2-4-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-2-4-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-2-4-1 .area-number {
  flex-direction: row;
}

.area-template-5-2-4-1 .area-answer {
  flex-direction: row;
}

.area-template-5-2-4-1 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}

.container-5-2-4-2 {
  justify-content: space-around !important;
}

.container-5-2-4-2 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-5-2-4-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 360px;
  margin-top: 60px;
}

.area-template-5-2-4-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 118px;
  margin: 4px 0px;
}

.area-template-5-2-4-2 .number-quiz {
  width: 22px;
}

.area-template-5-2-4-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-2-4-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-2-4-2 .area-number {
  flex-direction: row;
}

.area-template-5-2-4-2 .area-answer {
  flex-direction: row;
}

.area-template-5-2-4-2 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}

.container-5-2-4-3 {
  justify-content: space-around !important;
}

.container-5-2-4-3 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-5-2-4-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 445px;
  margin-top: 60px;
}

.area-template-5-2-4-3 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 165px;
  margin: 4px 0px;
}

.area-template-5-2-4-3 .number-quiz {
  width: 22px;
}

.area-template-5-2-4-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-2-4-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-2-4-3 .area-number {
  flex-direction: row;
}

.area-template-5-2-4-3 .area-answer {
  flex-direction: row;
}

.area-template-5-2-4-3 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}

.container-5-2-4-4 {
  justify-content: space-around !important;
}

.area-template-5-2-4-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 445px;
  margin-top: 60px;
}

.area-template-5-2-4-4 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 130px;
  margin: 4px 0px;
}

.area-template-5-2-4-4 .number-quiz {
  width: 22px;
}

.area-template-5-2-4-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-2-4-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-5-2-4-4 .area-number {
  flex-direction: row;
}

.area-template-5-2-4-4 .area-answer {
  flex-direction: row;
}

.area-template-5-2-4-4 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}

.area-template-6-1-1-1 .area-number {
  flex-direction: row;
}

.area-template-6-1-1-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 210px;
  margin-top: 60px;
}

.area-template-6-1-1-1 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-1-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-6-1-1-1 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
  margin: 4px;
}

.area-template-6-1-1-1 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-6-1-1-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-6-1-1-2 .area-number {
  flex-direction: row;
}

.area-template-6-1-1-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 290px;
  margin-top: 60px;
}

.area-template-6-1-1-2 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-1-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-6-1-1-2 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
  margin: 4px;
}

.area-template-6-1-1-2 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-6-1-1-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-6-1-1-3 .area-number {
  flex-direction: row;
}

.area-template-6-1-1-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 210px;
  margin-top: 60px;
}

.area-template-6-1-1-3 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-1-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-6-1-1-3 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
  margin: 4px;
}

.area-template-6-1-1-3 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-6-1-1-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-6-1-1-4 .area-number {
  flex-direction: row;
}

.area-template-6-1-1-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 235px;
  margin-top: 60px;
}

.area-template-6-1-1-4 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-1-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-6-1-1-4 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 22px;
}

.area-template-6-1-1-4 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
  margin: 4px;
}

.area-template-6-1-1-4 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-6-1-1-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
  width: 40px;
}

.area-template-6-1-1-5 .area-number {
  flex-direction: row;
}

.area-template-6-1-1-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 290px;
  margin-top: 60px;
}

.area-template-6-1-1-5 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-1-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-6-1-1-5 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
  margin: 4px;
}

.area-template-6-1-1-5 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
  margin: 4px 0px;
}

.area-template-6-1-1-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px 0px;
}

.area-template-6-1-1-6 .area-number {
  flex-direction: row;
}

.area-template-6-1-1-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 325px;
  margin-top: 60px;
}

.area-template-6-1-1-6 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-1-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 28px;
  margin: 4px 0px;
}

.area-template-6-1-1-6 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 75px;
  margin: 4px;
}

.area-template-6-1-1-6 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 28px;
  margin: 4px 0px;
}

.area-template-6-1-1-6 .left-number2 {
  width: 44px;
}

.area-template-6-1-1-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 38px;
  margin: 4px 0px;
}


/* #수업도구 */
.container-6-1-2-1 .area-template {
  margin-right: 80px;
}

.container-6-1-2-1 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-6-1-2-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 240px;
  margin-top: 60px;
}

.area-template-6-1-2-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 240px;
}

.area-template-6-1-2-1 .number-answer {
  width: 80px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-1 .area-quiz {
  position: relative;
  padding: 15px 0px;
}

.area-template-6-1-2-1 .area-answer {
  flex-direction: row;
  align-items: center;
}



.img-shape {
  width: 240px;
}

.container-6-1-2-2 {
  justify-content: flex-start !important;
}

.area-template-6-1-2-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 350px;
  margin-top: 60px;
  padding-left: 17px;
  padding-right: 17px;
  border-right: 1px solid #E2E2E2;
}

.container-6-1-2-2 .area-template:nth-child(3n+2) {
  width: 333px;
  padding-left: 0px;
}

.container-6-1-2-2 .area-template:nth-child(3n+4) {
  width: 333px;
  padding-right: 0px;
  border-right: 0px;
}

.container-6-1-2-2 .area-shape {
  display: flex !important;
  width: 100%;
  margin-top: 60px;
  justify-content: center;
}

.area-template-6-1-2-2 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-6-1-2-2 .number-answer {
  width: 124px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
  margin-left: 20px;
}

.area-template-6-1-2-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-2 .area-quiz {
  position: relative;
  padding: 15px 0px;
}

.area-template-6-1-2-2 .area-answer {
  display: block;
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-2-2 .area-inner-answer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.area-template-6-1-2-2 .area-text1 {
  width: 175px;
  height: 75px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  line-height: 38px;
}


.container-6-1-2-3 {
  justify-content: flex-start !important;
}

.area-template-6-1-2-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 350px;
  margin-top: 60px;
  padding-left: 17px;
  padding-right: 17px;
  border-right: 1px solid #E2E2E2;
}

.container-6-1-2-3 .area-template:nth-child(3n+2) {
  width: 333px;
  padding-left: 0px;
}

.container-6-1-2-3 .area-template:nth-child(3n+4) {
  width: 333px;
  padding-right: 0px;
  border-right: 0px;
}

.container-6-1-2-3 .area-shape {
  display: flex !important;
  width: 100%;
  margin-top: 60px;
  justify-content: center;
}

.area-template-6-1-2-3 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-6-1-2-3 .number-answer {
  width: 124px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
  margin-left: 20px;
}

.area-template-6-1-2-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-3 .area-quiz {
  position: relative;
  padding: 15px 0px;
}

.area-template-6-1-2-3 .area-answer {
  display: block;
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-2-3 .area-inner-answer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.area-template-6-1-2-3 .area-text1 {
  width: 175px;
  height: 75px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  line-height: 38px;
}


.container-6-1-2-4 {
  justify-content: flex-start !important;
}

.area-template-6-1-2-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 350px;
  margin-top: 60px;
  padding-left: 17px;
  padding-right: 17px;
  border-right: 1px solid #E2E2E2;
}

.container-6-1-2-4 .area-template:nth-child(3n+2) {
  width: 333px;
  padding-left: 0px;
}

.container-6-1-2-4 .area-template:nth-child(3n+4) {
  width: 333px;
  padding-right: 0px;
  border-right: 0px;
}

.container-6-1-2-4 .area-shape {
  display: flex !important;
  width: 100%;
  margin-top: 60px;
  justify-content: center;
}

.area-template-6-1-2-4 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-6-1-2-4 .number-answer {
  width: 124px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
  margin-left: 20px;
}

.area-template-6-1-2-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-4 .area-quiz {
  position: relative;
  padding: 15px 0px;
}

.area-template-6-1-2-4 .area-answer {
  display: block;
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-2-4 .area-inner-answer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.area-template-6-1-2-4 .area-text1 {
  width: 175px;
  height: 75px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  line-height: 38px;
}





.container-6-1-2-5 {
  justify-content: flex-start !important;
}

.area-template-6-1-2-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 350px;
  margin-top: 60px;
  padding-left: 17px;
  padding-right: 17px;
  border-right: 1px solid #E2E2E2;
}

.container-6-1-2-5 .area-template:nth-child(3n+2) {
  width: 333px;
  padding-left: 0px;
}

.container-6-1-2-5 .area-template:nth-child(3n+4) {
  width: 333px;
  padding-right: 0px;
  border-right: 0px;
}

.container-6-1-2-5 .area-shape {
  display: flex !important;
  width: 100%;
  margin-top: 60px;
  justify-content: center;
}

.area-template-6-1-2-5 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-6-1-2-5 .number-answer {
  width: 124px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
  margin-left: 20px;
}

.area-template-6-1-2-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-5 .area-quiz {
  position: relative;
  padding: 15px 0px;
}

.area-template-6-1-2-5 .area-answer {
  display: block;
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-2-5 .area-inner-answer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.area-template-6-1-2-5 .area-text1 {
  width: 175px;
  height: 75px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  line-height: 38px;
}



.container-6-1-2-6 {
  justify-content: flex-start !important;
}

.area-template-6-1-2-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 350px;
  margin-top: 60px;
  padding-left: 17px;
  padding-right: 17px;
  border-right: 1px solid #E2E2E2;
}

.container-6-1-2-6 .area-template:nth-child(3n+2) {
  width: 333px;
  padding-left: 0px;
}

.container-6-1-2-6 .area-template:nth-child(3n+4) {
  width: 333px;
  padding-right: 0px;
  border-right: 0px;
}

.container-6-1-2-6 .area-shape {
  display: flex !important;
  width: 100%;
  margin-top: 60px;
  justify-content: center;
}

.area-template-6-1-2-6 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-6-1-2-6 .number-answer {
  width: 124px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
  margin-left: 20px;
}

.area-template-6-1-2-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-6 .area-quiz {
  position: relative;
  padding: 15px 0px;
}

.area-template-6-1-2-6 .area-answer {
  display: block;
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-2-6 .area-inner-answer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.area-template-6-1-2-6 .area-text1 {
  width: 175px;
  height: 75px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  line-height: 38px;
}



.container-6-1-2-7 {
  justify-content: flex-start !important;
}

.area-template-6-1-2-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 350px;
  margin-top: 60px;
  padding-left: 17px;
  padding-right: 17px;
  border-right: 1px solid #E2E2E2;
}

.container-6-1-2-7 .area-template:nth-child(3n+2) {
  width: 333px;
  padding-left: 0px;
}

.container-6-1-2-7 .area-template:nth-child(3n+4) {
  width: 333px;
  padding-right: 0px;
  border-right: 0px;
}

.container-6-1-2-7 .area-shape {
  display: flex !important;
  width: 100%;
  margin-top: 60px;
  justify-content: center;
}

.area-template-6-1-2-7 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-6-1-2-7 .number-answer {
  width: 124px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
  margin-left: 20px;
}

.area-template-6-1-2-7 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-7 .area-quiz {
  position: relative;
  padding: 15px 0px;
}

.area-template-6-1-2-7 .area-answer {
  display: block;
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-2-7 .area-inner-answer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.area-template-6-1-2-7 .area-text1 {
  width: 175px;
  height: 75px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  line-height: 38px;
}




.container-6-1-2-8 {
  justify-content: flex-start !important;
}

.area-template-6-1-2-8 {
  flex-direction: column;
  box-sizing: border-box;
  width: 350px;
  margin-top: 60px;
  padding-left: 17px;
  padding-right: 17px;
  border-right: 1px solid #E2E2E2;
}

.container-6-1-2-8 .area-template:nth-child(3n+2) {
  width: 333px;
  padding-left: 0px;
}

.container-6-1-2-8 .area-template:nth-child(3n+4) {
  width: 333px;
  padding-right: 0px;
  border-right: 0px;
}

.container-6-1-2-8 .area-shape {
  display: flex !important;
  width: 100%;
  margin-top: 60px;
  justify-content: center;
}

.area-template-6-1-2-8 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-6-1-2-8 .number-answer {
  width: 124px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
  margin-left: 20px;
}

.area-template-6-1-2-8 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-8 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-8 .area-quiz {
  position: relative;
  padding: 15px 0px;
}

.area-template-6-1-2-8 .area-answer {
  display: block;
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-2-8 .area-inner-answer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.area-template-6-1-2-8 .area-text1 {
  width: 175px;
  height: 75px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  line-height: 38px;
}




.container-6-1-2-9 {
  justify-content: flex-start !important;
}

.area-template-6-1-2-9 {
  flex-direction: column;
  box-sizing: border-box;
  width: 350px;
  margin-top: 60px;
  padding-left: 17px;
  padding-right: 17px;
  border-right: 1px solid #E2E2E2;
}

.container-6-1-2-9 .area-template:nth-child(3n+2) {
  width: 333px;
  padding-left: 0px;
}

.container-6-1-2-9 .area-template:nth-child(3n+4) {
  width: 333px;
  padding-right: 0px;
  border-right: 0px;
}

.container-6-1-2-9 .area-shape {
  display: flex !important;
  width: 100%;
  margin-top: 60px;
  justify-content: center;
}

.area-template-6-1-2-9 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-6-1-2-9 .number-answer {
  width: 124px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
  margin-left: 20px;
}

.area-template-6-1-2-9 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-9 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-2-9 .area-quiz {
  position: relative;
  padding: 15px 0px;
}

.area-template-6-1-2-9 .area-answer {
  display: block;
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-2-9 .area-inner-answer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.area-template-6-1-2-9 .area-text1 {
  width: 175px;
  height: 75px;
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  line-height: 38px;
}








.container-6-1-3-1 .area-template {
  margin-right: 0px;
}

.area-template-6-1-3-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 247px;
  margin-top: 60px;
}

.area-template-6-1-3-1 .answer-line {
  position: relative;
}

.area-template-6-1-3-1 .inner-answer-line {
  display: flex;
  position: relative;
}

.area-template-6-1-3-1 .quiz-line1 {
  position: relative;
}

.area-template-6-1-3-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 247px;
}

.area-template-6-1-3-1 .blank {
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-1-3-1 .img-division {
  width: 7.5px;
}

.area-template-6-1-3-1 .point {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 77px;
}

.area-template-6-1-3-1 .point2 {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 36px;
}

.area-template-6-1-3-1 .point3 {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 77px;
}

.area-template-6-1-3-1 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-1-3-1 .number-calculate {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-1-3-1 .number-remain {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-1-3-1 .number-quiz {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-1-3-1 .operator {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.container-6-1-3-2 .area-template {
  margin-right: 0px;
}

.area-template-6-1-3-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 247px;
  margin-top: 60px;
}

.area-template-6-1-3-2 .answer-line {
  position: relative;
}

.area-template-6-1-3-2 .inner-answer-line {
  display: flex;
  position: relative;
}

.area-template-6-1-3-2 .quiz-line1 {
  position: relative;
  border-top: 0px !important;
}

.area-template-6-1-3-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 247px;
}

.area-template-6-1-3-2 .blank {
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-1-3-2 .number-zero {
  color: gray !important;
  visibility: hidden;
}

.area-template-6-1-3-2 .img-division {
  width: 7.5px;
}

.area-template-6-1-3-2 .point {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 77px;
}

.area-template-6-1-3-2 .point2 {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 36px;
}

.area-template-6-1-3-2 .point3 {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 77px;
}

.area-template-6-1-3-2 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-1-3-2 .number-calculate {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-1-3-2 .number-remain {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-1-3-2 .number-quiz {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-1-3-2 .operator {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-1-4-1 .area-number {
  flex-direction: row;
}

.area-template-6-1-4-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 220px;
  margin-top: 60px;
}

.area-template-6-1-4-1 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-4-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 70px;
}

.area-template-6-1-4-1 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-6-1-4-1 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
}

.area-template-6-1-4-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-4-1 .percent  {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-4-2 .area-number {
  flex-direction: row;
}

.area-template-6-1-4-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 230px;
  margin-top: 60px;
}

.area-template-6-1-4-2 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-4-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 20px;
  margin: 4px 0px;
}

.area-template-6-1-4-2 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
  margin: 0px;
}

.area-template-6-1-4-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-4-2 .percent  {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px;
}

.area-template-6-1-4-2 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}


/* #수업도구 */
.container-6-1-6-1 {
  overflow: hidden !important;
}

.container-6-1-6-1 .area-template {
  padding-left: 12px;
  padding-right: 12px;
  border-right: 1px solid #E2E2E2;
}

.container-6-1-6-1 .area-template:nth-child(4n+1) {
  width: 248px;
  padding-left: 0px;
}

.container-6-1-6-1 .area-template:nth-child(4n) {
  width: 248px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-6-1-6-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 260px;
  margin-top: 60px;
}

.area-template-6-1-6-1 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-6-1-6-1 .number-answer {
  width: 76px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-6-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-6-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-6-1 .area-quiz {
  padding-bottom: 15px;
  display: block;
  width: 236px;
  height: 204px;
}

.area-template-6-1-6-1 .area-canvas {
  position: relative;
  transform: scale(0.4917) translate(-248px, -200px);
  display: inline-block;
}

.area-template-6-1-6-1 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-6-1 .img-cm {
  width: 40px;
  margin-left: 6px;
}

.area-template-6-1-6-1 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 74px;
  height: 40px;
  font-size: 40px;
  letter-spacing: -0.4px;
}

.area-template-6-1-6-1 .ios-string {
  font-size: 20px !important;
  width: 40px !important;
  height: 20px !important;
}





.container-6-1-6-2 {
  overflow: hidden !important;
}

.container-6-1-6-2 .area-template {
  padding-left: 12px;
  padding-right: 12px;
  border-right: 1px solid #E2E2E2;
}

.container-6-1-6-2 .area-template:nth-child(4n+1) {
  width: 248px;
  padding-left: 0px;
}

.container-6-1-6-2 .area-template:nth-child(4n) {
  width: 248px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-6-1-6-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 260px;
  margin-top: 60px;
}

.area-template-6-1-6-2 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-6-1-6-2 .number-answer {
  width: 76px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-6-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-6-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-1-6-2 .area-quiz {
  padding-bottom: 15px;
  display: block;
  width: 236px;
  height: 204px;
}

.area-template-6-1-6-2 .area-canvas {
  position: relative;
  transform: scale(0.4917) translate(-248px, -200px);
  display: inline-block;
}

.area-template-6-1-6-2 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-1-6-2 .img-cm {
  width: 40px;
  margin-left: 6px;
}

.area-template-6-1-6-2 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 74px;
  height: 40px;
  font-size: 40px;
  letter-spacing: -0.4px;
}

.area-template-6-1-6-2 .ios-string {
  font-size: 20px !important;
  width: 40px !important;
  height: 20px !important;
}




/* .container-6-2-1-1 {
  justify-content: space-around;
}

.area-template-6-2-1-1 .area-number {
  flex-direction: row;
}

.area-template-6-2-1-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 395px;
  margin-top: 60px;
}

.area-template-6-2-1-1 .area-answer {
  flex-direction: row;
  align-items: center;
  padding: 0px 10px;
}

.area-template-6-2-1-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
}

.area-template-6-2-1-1 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-6-2-1-1 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
}

.area-template-6-2-1-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
} */

.container-6-2-1-2 .area-template {
  margin-right: 50px;
}

.container-6-2-1-2 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-6-2-1-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 230px;
  margin-top: 60px;
}

.area-template-6-2-1-2 .area-number {
  flex-direction: row;
}

.area-template-6-2-1-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
}

.area-template-6-2-1-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 22px;
}

.area-template-6-2-1-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-6-2-1-3 {
  justify-content: space-around !important;
}

.area-template-6-2-1-3 .area-number {
  flex-direction: row;
}

.area-template-6-2-1-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 405px;
  margin-top: 60px;
}

.area-template-6-2-1-3 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-2-1-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
}

.area-template-6-2-1-3 .area-answer .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 50px;
}

.area-template-6-2-1-3 .area-answer .area-fraction-right .number-answer {
  width: 80px;
}

.area-template-6-2-1-3 .fraction-left-number {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 30px;
}

.area-template-6-2-1-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.container-6-2-2-1 .area-template {
  margin-right: 0px;
}

.area-template-6-2-2-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 247px;
  margin-top: 60px;
}

.area-template-6-2-2-1 .answer-line {
  position: relative;
}

.area-template-6-2-2-1 .inner-answer-line {
  display: flex;
  position: relative;
}

.area-template-6-2-2-1 .quiz-line1 {
  position: relative;
}

.area-template-6-2-2-1 .quiz-line2 {
  position: relative;
}

.area-template-6-2-2-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 247px;
}

.area-template-6-2-2-1 .blank {
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-1 .img-division {
  width: 7.5px;
}

.area-template-6-2-2-1 .point {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 77px;
}

.area-template-6-2-2-1 .point2 {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 35px;
}

.area-template-6-2-2-1 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-1 .number-calculate {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-1 .number-remain {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-1 .number-quiz {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-1 .operator {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.container-6-2-2-2 .area-template {
  margin-right: 0px;
}

.area-template-6-2-2-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 247px;
  margin-top: 60px;
}

.area-template-6-2-2-2 .answer-line {
  position: relative;
}

.area-template-6-2-2-2 .inner-answer-line {
  display: flex;
  position: relative;
}

.area-template-6-2-2-2 .quiz-line1 {
  position: relative;
}

.area-template-6-2-2-2 .quiz-line2 {
  position: relative;
}

.area-template-6-2-2-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 247px;
}

.area-template-6-2-2-2 .blank {
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-2 .img-division {
  width: 7.5px;
}

.area-template-6-2-2-2 .point {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 77px;
}

.area-template-6-2-2-2 .point2 {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 35px;
}

.area-template-6-2-2-2 .point3 {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 117px;
}

.area-template-6-2-2-2 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-2 .number-calculate {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-2 .number-remain {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-2 .number-quiz {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-2 .operator {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.container-6-2-2-3 .area-template {
  margin-right: 0px;
}

.area-template-6-2-2-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 247px;
  margin-top: 60px;
}

.area-template-6-2-2-3 .answer-line {
  position: relative;
}

.area-template-6-2-2-3 .inner-answer-line {
  display: flex;
  position: relative;
}

.area-template-6-2-2-3 .quiz-line1 {
  position: relative;
}

.area-template-6-2-2-3 .quiz-line2 {
  position: relative;
}

.area-template-6-2-2-3 .area-template-main {
  display: flex;
  justify-content: center;
  width: 247px;
}

.area-template-6-2-2-3 .blank {
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-3 .img-division {
  width: 7.5px;
}

.area-template-6-2-2-3 .point {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 76px;
}

.area-template-6-2-2-3 .point2 {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 35px;
}

.area-template-6-2-2-3 .point3 {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 117px;
}

.area-template-6-2-2-3 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-3 .number-calculate {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-3 .number-remain {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-3 .number-quiz {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-3 .operator {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.container-6-2-2-4 .area-template {
  margin-right: 0px;
}

.area-template-6-2-2-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 247px;
  margin-top: 60px;
}

.area-template-6-2-2-4 .answer-line {
  position: relative;
}

.area-template-6-2-2-4 .inner-answer-line {
  display: flex;
  position: relative;
}

.area-template-6-2-2-4 .quiz-line1 {
  position: relative;
  border-top: 0px !important;
}

.area-template-6-2-2-4 .quiz-line2 {
  position: relative;
}

.area-template-6-2-2-4 .area-template-main {
  display: flex;
  justify-content: center;
  width: 247px;
}

.area-template-6-2-2-4 .blank {
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-4 .number-zero {
  color: gray !important;
  visibility: hidden;
}

.area-template-6-2-2-4 .img-division {
  width: 7.5px;
}

.area-template-6-2-2-4 .point {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 77px;
}

.area-template-6-2-2-4 .point2 {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 35px;
}

.area-template-6-2-2-4 .point3 {
  font-size: 50px;
  position: absolute;
  bottom: 7px;
  height: 100%;
  right: 77px;
}

.area-template-6-2-2-4 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-4 .number-calculate {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-4 .number-remain {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-4 .number-quiz {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}

.area-template-6-2-2-4 .operator {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 3px;
}






/* #수업도구 */
.container-6-2-3-1 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-6-2-3-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 230px;
  margin-top: 60px;
}

.area-template-6-2-3-1 .area-template-main {
  display: flex;
  justify-content: center;
  width: 230px;
}

.area-template-6-2-3-1 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-1 .area-quiz {
  width: 230px;
  height: 201px;
  position: relative;
  padding: 0px;
  display: block;
  flex-direction: column;
  overflow: hidden;
}

.container-6-2-3-1 .area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.container-6-2-3-1 .mobile-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(2) translate(28px, 25px) !important;
}

.container-6-2-3-1 .x-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.container-6-2-3-1 .x-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-1 .y-area {
  width: 70px;
  height: 112px;
}

.container-6-2-3-1 .y-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-1 .z-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.container-6-2-3-1 .z-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.area-template-6-2-3-1 .area-sub-quiz {
  display: flex;
  border-top: 1px solid #E2E2E2;
  padding-top: 8px;
}

.area-template-6-2-3-1 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-2-3-1 .area-text {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
}

.area-template-6-2-3-1 .draw-string {
  width: 40px;
  height: 44px !important;
  line-height: 44px;
  font-size: 40px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  height: auto;
}

.area-template-6-2-3-1 .mobile-string {
  width: 10px;
  height: 11px !important;
  line-height: 11px !important;
  font-size: 10px !important;

  /* width: 20px;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 20px !important; */
}

.area-template-6-2-3-1 .draw-string-x {
  background-color: #FFE2B1;
}

.area-template-6-2-3-1 .draw-string-y {
  background-color: #FFC9D2;
}

.area-template-6-2-3-1 .draw-string-z {
  background-color: #C8EECD;
}

.area-template-6-2-3-1 .draw-area-string {
  position: inherit;
  width: 20px;
  height: 22px;
  line-height: 22px;
  font-size: 20px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  text-align: center;
  margin: 0px auto;
}

.area-template-6-2-3-1 .draw-area-string-x {
  background-color: #FFE2B1;
}

.area-template-6-2-3-1 .draw-area-string-y {
  background-color: #FFC9D2;
}

.area-template-6-2-3-1 .draw-area-string-z {
  background-color: #C8EECD;
}

.container-6-2-3-2 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-6-2-3-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 230px;
  margin-top: 60px;
}

.area-template-6-2-3-2 .area-template-main {
  display: flex;
  justify-content: center;
  width: 230px;
}

.area-template-6-2-3-2 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-2 .area-quiz {
  width: 230px;
  height: 201px;
  position: relative;
  padding: 0px;
  display: block;
  flex-direction: column;
  overflow: hidden;
}

.container-6-2-3-2 .area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.container-6-2-3-2 .mobile-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(2) translate(28px, 25px) !important;
}

.container-6-2-3-2 .x-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.container-6-2-3-2 .x-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-2 .y-area {
  width: 70px;
  height: 112px;
}

.container-6-2-3-2 .y-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-2 .z-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.container-6-2-3-2 .z-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.area-template-6-2-3-2 .area-sub-quiz {
  display: flex;
  border-top: 1px solid #E2E2E2;
  padding-top: 8px;
  justify-content: center;
}

.area-template-6-2-3-2 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-2-3-2 .area-text {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
}

.area-template-6-2-3-2 .draw-string {
  width: 40px;
  height: 44px !important;
  line-height: 44px;
  font-size: 40px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  height: auto;
}

.area-template-6-2-3-2 .mobile-string {
  width: 10px;
  height: 11px !important;
  line-height: 11px !important;
  font-size: 10px !important;

  /* width: 20px;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 20px !important; */
}

.area-template-6-2-3-2 .draw-string-x {
  background-color: #FFE2B1;
}

.area-template-6-2-3-2 .draw-string-y {
  background-color: #FFC9D2;
}

.area-template-6-2-3-2 .draw-string-z {
  background-color: #C8EECD;
}

.area-template-6-2-3-2 .draw-area-string {
  position: inherit;
  width: 20px;
  height: 22px;
  line-height: 22px;
  font-size: 20px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  text-align: center;
  margin: 0px auto;
}

.area-template-6-2-3-2 .draw-area-string-x {
  background-color: #FFE2B1;
}

.area-template-6-2-3-2 .draw-area-string-y {
  background-color: #FFC9D2;
}

.area-template-6-2-3-2 .draw-area-string-z {
  background-color: #C8EECD;
}

.container-6-2-3-3 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-6-2-3-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 230px;
  margin-top: 60px;
}

.area-template-6-2-3-3 .area-template-main {
  display: flex;
  justify-content: center;
  width: 230px;
}

.area-template-6-2-3-3 .number-answer {
  width: 40px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 2px;
}

.area-template-6-2-3-3 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-3 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-3 .area-quiz {
  width: 230px;
  height: 201px;
  position: relative;
  padding: 0px;
  display: block;
  flex-direction: column;
  overflow: hidden;
}

.container-6-2-3-3 .area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.container-6-2-3-3 .mobile-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(2) translate(28px, 25px) !important;
}

.container-6-2-3-3 .x-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.container-6-2-3-3 .x-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-3 .y-area {
  width: 70px;
  height: 112px;
}

.container-6-2-3-3 .y-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-3 .z-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.container-6-2-3-3 .z-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.area-template-6-2-3-3 .area-sub-quiz {
  display: flex;
  border-top: 1px solid #E2E2E2;
  padding-top: 8px;
  justify-content: center;
}

.area-template-6-2-3-3 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-2-3-3 .area-text {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
}

.area-template-6-2-3-3 .area-text-colon {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 300;
  letter-spacing: 0px;
}

.area-template-6-2-3-3 .area-text-space {
  margin-right: 10px;
}

.area-template-6-2-3-3 .draw-string {
  width: 40px;
  height: 44px !important;
  line-height: 44px;
  font-size: 40px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  height: auto;
}

.area-template-6-2-3-3 .mobile-string {
  width: 10px;
  height: 11px !important;
  line-height: 11px !important;
  font-size: 10px !important;

  /* width: 20px;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 20px !important; */
}

.area-template-6-2-3-3 .draw-string-x {
  background-color: #FFE2B1;
}

.area-template-6-2-3-3 .draw-string-y {
  background-color: #FFC9D2;
}

.area-template-6-2-3-3 .draw-string-z {
  background-color: #C8EECD;
}

.area-template-6-2-3-3 .draw-area-string {
  position: inherit;
  width: 20px;
  height: 22px;
  line-height: 22px;
  font-size: 20px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  text-align: center;
  margin: 0px auto;
}

.area-template-6-2-3-3 .draw-area-string-x {
  background-color: #FFE2B1;
}

.area-template-6-2-3-3 .draw-area-string-y {
  background-color: #FFC9D2;
}

.area-template-6-2-3-3 .draw-area-string-z {
  background-color: #C8EECD;
}

.container-6-2-3-4 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-6-2-3-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 230px;
  margin-top: 60px;
}

.area-template-6-2-3-4 .area-template-main {
  display: flex;
  justify-content: center;
  width: 230px;
}

.area-template-6-2-3-4 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-4 .area-quiz {
  width: 230px;
  height: 201px;
  position: relative;
  padding: 0px;
  display: block;
  flex-direction: column;
  overflow: hidden;
}

.container-6-2-3-4 .area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.container-6-2-3-4 .mobile-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(2) translate(28px, 25px) !important;
}

.container-6-2-3-4 .x-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.container-6-2-3-4 .x-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-4 .y-area {
  width: 70px;
  height: 112px;
}

.container-6-2-3-4 .y-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-4 .z-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.container-6-2-3-4 .z-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.area-template-6-2-3-4 .area-sub-quiz {
  display: flex;
  border-top: 1px solid #E2E2E2;
  padding-top: 8px;
  justify-content: center;
}

.area-template-6-2-3-4 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-2-3-4 .area-text {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
}

.area-template-6-2-3-4 .draw-string {
  width: 40px;
  height: 44px !important;
  line-height: 44px;
  font-size: 40px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  height: auto;
}

.area-template-6-2-3-4 .mobile-string {
  width: 10px;
  height: 11px !important;
  line-height: 11px !important;
  font-size: 10px !important;

  /* width: 20px;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 20px !important; */
}

.area-template-6-2-3-4 .draw-string-x {
  background-color: #FFE2B1;
}

.area-template-6-2-3-4 .draw-string-y {
  background-color: #FFC9D2;
}

.area-template-6-2-3-4 .draw-string-z {
  background-color: #C8EECD;
}

.area-template-6-2-3-4 .draw-area-string {
  position: inherit;
  width: 36px;
  height: 22px;
  line-height: 22px;
  font-size: 20px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  text-align: center;
  margin: 0px auto;
  background-color: #F2F2F2;
}

.container-6-2-3-5 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-6-2-3-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 230px;
  margin-top: 60px;
}

.area-template-6-2-3-5 .area-template-main {
  display: flex;
  justify-content: center;
  width: 230px;
}

.area-template-6-2-3-5 .number-answer {
  width: 40px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 2px;
}

.area-template-6-2-3-5 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-5 .area-quiz {
  width: 230px;
  height: 201px;
  position: relative;
  padding: 0px;
  display: block;
  flex-direction: column;
  margin: 0px auto;
  overflow: hidden;
}

.container-6-2-3-5 .area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.container-6-2-3-5 .mobile-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(2) translate(28px, 25px) !important;
}

.container-6-2-3-5 .x-area {
  width: 71px;
  height: 112px;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}

.container-6-2-3-5 .x-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-5 .y-area {
  width: 71px;
  height: 112px;
  position: relative;
  overflow: hidden;
}

.container-6-2-3-5 .y-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-5 .z-area {
  width: 71px;
  height: 112px;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}

.container-6-2-3-5 .z-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.area-template-6-2-3-5 .area-sub-quiz {
  display: flex;
  border-top: 1px solid #E2E2E2;
  padding-top: 8px;
  justify-content: center;
}

.area-template-6-2-3-5 .area-answer {
  flex-direction: row;
  align-items: center;
  padding-left: 11px;
}

.area-template-6-2-3-5 .area-text {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  margin-right: 10px;
}

.area-template-6-2-3-5 .draw-string {
  width: 40px;
  height: 44px !important;
  line-height: 44px;
  font-size: 40px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  height: auto;
}

.area-template-6-2-3-5 .mobile-string {
  width: 10px;
  height: 11px !important;
  line-height: 11px !important;
  font-size: 10px !important;

  /* width: 20px;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 20px !important; */
}

.area-template-6-2-3-5 .draw-string-x {
  background-color: #FFE2B1;
}

.area-template-6-2-3-5 .draw-string-y {
  background-color: #FFC9D2;
}

.area-template-6-2-3-5 .draw-string-z {
  background-color: #C8EECD;
}

.area-template-6-2-3-5 .draw-area-string {
  position: inherit;
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 20px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  text-align: center;
  margin-top: -65px;
  margin-left: 20px;
}

.area-template-6-2-3-5 .draw-area-img-arrow {
  position: absolute;
  /* top: 76px; */
  top: 84px;
  left: 45px;
}

.area-template-6-2-3-5 .draw-area-string-front {
  background-color: #FFE2B1;
}

.area-template-6-2-3-5 .draw-area-string-front-mobile {
  background-color: #FFE2B1;
  margin-top: 4px;
}

.container-6-2-3-6 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-6-2-3-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 230px;
  margin-top: 60px;
}

.area-template-6-2-3-6 .area-template-main {
  display: flex;
  justify-content: center;
  width: 230px;
}

.area-template-6-2-3-6 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-6 .area-quiz {
  width: 230px;
  height: 201px;
  position: relative;
  padding: 0px;
  display: block;
  flex-direction: column;
  overflow: hidden;
}

.container-6-2-3-6 .area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.container-6-2-3-6 .mobile-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(2) translate(28px, 25px) !important;
}

.container-6-2-3-6 .x-area {
  display: none;
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.container-6-2-3-6 .x-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-6 .y-area {
  display: none;
  width: 70px;
  height: 112px;
}

.container-6-2-3-6 .y-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-6 .z-area {
  width: 71px;
  height: 112px;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}

.container-6-2-3-6 .z-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.area-template-6-2-3-6 .area-sub-quiz {
  display: flex;
  border-top: 1px solid #E2E2E2;
  padding-top: 8px;
  justify-content: center;
}

.area-template-6-2-3-6 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-2-3-6 .area-text {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
}

.area-template-6-2-3-6 .draw-string {
  width: 40px;
  height: 44px !important;
  line-height: 44px;
  font-size: 40px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  height: auto;
}

.area-template-6-2-3-6 .mobile-string {
  width: 10px;
  height: 11px !important;
  line-height: 11px !important;
  font-size: 10px !important;

  /* width: 20px;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 20px !important; */
}

.area-template-6-2-3-6 .draw-string-x {
  background-color: #FFE2B1;
}

.area-template-6-2-3-6 .draw-string-y {
  background-color: #FFC9D2;
}

.area-template-6-2-3-6 .draw-string-z {
  background-color: #C8EECD;
}

.area-template-6-2-3-6 .draw-area-string {
  position: inherit;
  width: 20px;
  height: 22px;
  line-height: 22px;
  font-size: 20px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  text-align: center;
  margin: 0px auto;
}

.area-template-6-2-3-6 .draw-area-string-x {
  background-color: #FFE2B1;
}

.area-template-6-2-3-6 .draw-area-string-y {
  background-color: #FFC9D2;
}

.area-template-6-2-3-6 .draw-area-string-z {
  background-color: #C8EECD;
}

.container-6-2-3-7 .area-template:nth-child(3n) {
  margin-right: 0px;
}

.area-template-6-2-3-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 230px;
  margin-top: 60px;
}

.area-template-6-2-3-7 .area-template-main {
  display: flex;
  justify-content: center;
  width: 230px;
}

.area-template-6-2-3-7 .number-answer {
  width: 55px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-7 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-3-7 .area-quiz {
  display: none;
  width: 230px;
  height: 201px;
  position: relative;
  padding: 0px;
  flex-direction: column;
  overflow: hidden;
}

.container-6-2-3-7 .area-canvas {
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.container-6-2-3-7 .x-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.container-6-2-3-7 .x-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-7 .y-area {
  width: 70px;
  height: 112px;
}

.container-6-2-3-7 .y-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.container-6-2-3-7 .z-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.container-6-2-3-7 .z-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.area-template-6-2-3-7 .area-sub-quiz {
  display: flex;
  padding-top: 8px;
  justify-content: center;
}

.area-template-6-2-3-7 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-2-3-7 .area-text {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
}

.area-template-6-2-3-7 .draw-string {
  width: 40px;
  height: 44px !important;
  line-height: 44px;
  font-size: 40px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  height: auto;
}

.area-template-6-2-3-7 .mobile-string {
  width: 20px;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 20px !important;
}

.area-template-6-2-3-7 .draw-string-x {
  background-color: #FFE2B1;
}

.area-template-6-2-3-7 .draw-string-y {
  background-color: #FFC9D2;
}

.area-template-6-2-3-7 .draw-string-z {
  background-color: #C8EECD;
}

.area-template-6-2-3-7 .draw-area-string {
  position: inherit;
  width: 20px;
  height: 22px;
  line-height: 22px;
  font-size: 20px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  text-align: center;
  margin: 0px auto;
}

.area-template-6-2-3-7 .draw-area-string-x {
  background-color: #FFE2B1;
}

.area-template-6-2-3-7 .draw-area-string-y {
  background-color: #FFC9D2;
}

.area-template-6-2-3-7 .draw-area-string-z {
  background-color: #C8EECD;
}

.container-6-2-4-1 {
  justify-content: space-around !important;
}

.area-template-6-2-4-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 388px;
  margin-top: 60px;
}

.area-template-6-2-4-1 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
}

.area-template-6-2-4-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-4-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-4-1 .area-number {
  flex-direction: row;
}

.area-template-6-2-4-1 .area-answer {
  flex-direction: row;
}

/* .container-6-2-4-2 {
  justify-content: center;
}

.container-6-2-4-2 .area-template {
  margin-right: 30px;
  margin-left: 30px;
}

.area-template-6-2-4-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 600px;
  margin-top: 60px;
}

.area-template-6-2-4-2 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
}

.area-template-6-2-4-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-4-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-4-2 .area-number {
  flex-direction: row;
}

.area-template-6-2-4-2 .area-answer {
  flex-direction: row;
} */

.container-6-2-4-3 {
  justify-content: space-around !important;
}

.area-template-6-2-4-3 .area-quiz {
  justify-content: flex-end;
}

.area-template-6-2-4-3 {
  flex-direction: column;
  box-sizing: border-box;
  width: 500px;
  margin-top: 60px;
}

.area-template-6-2-4-3 .number-answer {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
  margin: 0px;
}

.area-template-6-2-4-3 .number-quiz {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 20px;
  margin: 4px 0px;
}

.area-template-6-2-4-3 .number-quiz1 {
  width: 52px;
  text-align: right;
}

.area-template-6-2-4-3 .operator {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  margin: 4px;
}

.area-template-6-2-4-3 .operator-colon {
  width: 20px;
  margin: 4px 0px;
  line-height: 46px;
  text-align: center;
}

.area-template-6-2-4-3 .area-answer .operator-colon {
  text-align: left;
}

.area-template-6-2-4-3 .area-number {
  flex-direction: row;
}

.area-template-6-2-4-3 .area-answer {
  flex-direction: row;
  margin: 4px 0px;
}

.area-template-6-2-4-3 .proportion-txt {
  font-size: 30px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  height: 44px;
  line-height: 44px;
  margin: 4px 0px;
}

.area-template-6-2-4-3 .proportion-txt1 {
  width: 32px;
}

.area-template-6-2-4-3 .longTxt {
  width: 174px;
}

.area-template-6-2-4-3 .shortTxt {
  width: 147px;
}

/* .container-6-2-4-4 {
  justify-content: center;
}

.area-template-6-2-4-4 {
  flex-direction: column;
  box-sizing: border-box;
  width: 790px;
  margin-top: 60px;
}

.area-template-6-2-4-4 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
}

.area-template-6-2-4-4 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 20px;
}

.area-template-6-2-4-4 .number-quiz1 {
  width: 70px;
  text-align: right;
}

.area-template-6-2-4-4 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-4-4 .operator-colon {
  width: 20px;
}

.area-template-6-2-4-4 .area-number {
  flex-direction: row;
}

.area-template-6-2-4-4 .area-answer {
  flex-direction: row;
}

.area-template-6-2-4-4 .proportion-txt {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  line-height: 48px;
}

.area-template-6-2-4-4 .proportion-txt1 {
  width: 48px;
} */

.container-6-2-4-5 {
  justify-content: space-around !important;
}

.area-template-6-2-4-5 {
  flex-direction: column;
  box-sizing: border-box;
  width: 350px;
  margin-top: 60px;
}

.area-template-6-2-4-5 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
}

.area-template-6-2-4-5 .number-quiz {
  width: 22px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-4-5 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-4-5 .area-quiz {
  align-items: center;
}

.area-template-6-2-4-5 .area-number {
  flex-direction: row;
  align-items: center;
}

.area-template-6-2-4-5 .area-answer {
  flex-direction: row;
}

.container-6-2-4-6 {
  justify-content: space-around !important;
}

.area-template-6-2-4-6 {
  flex-direction: column;
  box-sizing: border-box;
  width: 430px;
  margin-top: 60px;
}

.area-template-6-2-4-6 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 55px;
}

.area-template-6-2-4-6 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 22px;
}

.area-template-6-2-4-6 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}

.area-template-6-2-4-6 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-4-6 .area-number {
  flex-direction: row;
}

.area-template-6-2-4-6 .area-answer {
  flex-direction: row;
}

.container-6-2-4-7 {
  justify-content: space-around !important;
}

.area-template-6-2-4-7 {
  flex-direction: column;
  box-sizing: border-box;
  width: 435px;
  margin-top: 60px;
}

.area-template-6-2-4-7 .number-answer {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
  width: 75px;
}

.area-template-6-2-4-7 .number-quiz {
  width: 22px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-4-7 .number-integer {
  width: 22px;
}

.area-template-6-2-4-7 .number-decimal {
  width: 22px;
}

.area-template-6-2-4-7 .point {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
}

.area-template-6-2-4-7 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-4-7 .area-quiz {
  align-items: center;
}

.area-template-6-2-4-7 .area-number {
  flex-direction: row;
  align-items: center;
}

.area-template-6-2-4-7 .area-answer {
  flex-direction: row;
}


/* #수업도구 */
.container-6-2-5-1 {
  overflow: hidden !important;
}

.container-6-2-5-1 .area-template {
  padding-left: 36px;
  padding-right: 36px;
  border-right: 1px solid #E2E2E2;
}

.container-6-2-5-1 .area-template:nth-child(4n+1) {
  width: 236px;
  padding-left: 0px;
}

.container-6-2-5-1 .area-template:nth-child(4n) {
  width: 236px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-6-2-5-1 {
  flex-direction: column;
  box-sizing: border-box;
  width: 272px;
  margin-top: 60px;
}

.area-template-6-2-5-1 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-6-2-5-1 .number-answer {
  width: 140px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-5-1 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-5-1 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-5-1 .area-quiz {
  display: block;
  position: relative;
  padding: 0px 0px 15px 0px;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

.area-template-6-2-5-1 .area-canvas {
  position: relative;
  transform: scale(0.5) translate(-200px, -200px);
  display: inline-block;
}

.area-template-6-2-5-1 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-2-5-1 .img-cm {
  width: 32px;
  margin-left: 6px;
}

.area-template-6-2-5-1 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 94px;
  height: 40px;
  font-size: 40px;
  letter-spacing: -0.4px;
}

.area-template-6-2-5-1 .draw-string-one {
  width: 74px !important;
}

.area-template-6-2-5-1 .ios-string {
  font-size: 20px !important;
  width: 47px !important;
  height: 20px !important;
}
.area-template-6-2-5-1 .ios-string-one {
  font-size: 20px !important;
  width: 37px !important;
  height: 20px !important;
}




.container-6-2-5-2 {
  overflow: hidden !important;
}

.container-6-2-5-2 .area-template {
  padding-left: 36px;
  padding-right: 36px;
  border-right: 1px solid #E2E2E2;
}

.container-6-2-5-2 .area-template:nth-child(4n+1) {
  width: 236px;
  padding-left: 0px;
}

.container-6-2-5-2 .area-template:nth-child(4n) {
  width: 236px;
  padding-right: 0px;
  border-right: 0px;
}

.area-template-6-2-5-2 {
  flex-direction: column;
  box-sizing: border-box;
  width: 272px;
  margin-top: 60px;
}

.area-template-6-2-5-2 .area-template-main {
  display: flex;
  justify-content: center;
}

.area-template-6-2-5-2 .number-answer {
  width: 152px;
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-5-2 .number-quiz {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-5-2 .operator {
  font-size: 38px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}

.area-template-6-2-5-2 .area-quiz {
  display: block;
  position: relative;
  padding: 0px 0px 15px 0px;
  width: 200px;
  height: 200px;
  margin: 0px auto;
  overflow: hidden;
}

.area-template-6-2-5-2 .area-canvas {
  position: relative;
  transform: scale(0.5) translate(-200px, -200px);
  display: inline-block;
}

.area-template-6-2-5-2 .area-answer {
  flex-direction: row;
  align-items: center;
}

.area-template-6-2-5-2 .img-cm {
  width: 40px;
  margin-left: 6px;
}

.area-template-6-2-5-2 .draw-string {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 84px;
  height: 40px;
  font-size: 36px;
  letter-spacing: -0.4px;
}

.area-template-6-2-5-2 .draw-string-one {
  width: 64px !important;
}

.area-template-6-2-5-2 .ios-string {
  font-size: 20px !important;
  width: 47px !important;
  height: 20px !important;
}
.area-template-6-2-5-2 .ios-string-one {
  font-size: 20px !important;
  width: 37px !important;
  height: 20px !important;
}




.area-template-index {
  width: 100%;
  height: 45px;
}

.area-template-number {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #242424;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: -0.32px;
  color: #242424;
}

.area-template-number-origin {
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
}

.area-template-base {
  padding: 60px;
}

.answer-menu-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 58px;
}

.answer-line {
  display: flex;
  justify-content: flex-end;
}

.bold-border {
  border: 2px solid black;
}

.bold-border-up {
  border-top: 2px solid black;
}

.bold-border-except-top {
  border-bottom: 2px solid black !important;
  border-left: 2px solid black !important;
  border-right: 2px solid black !important;
  border-top: 0px !important;
}

.bold-border-except-bottom {
  border-top: 2px solid black !important;
  border-left: 2px solid black !important;
  border-right: 2px solid black !important;
  border-bottom: 0px !important;
}

.bold-border-except-bottom-left {
  border-top: 2px solid black !important;
  border-left: 0px solid black !important;
  border-right: 2px solid black !important;
  border-bottom: 0px !important;
}

.bold-border-except-top-right {
  border-bottom: 2px solid black !important;
  border-left: 2px solid black !important;
  border-top: 0px !important;
  border-right: 0px !important;
}

.bold-border-except-top-left {
  border-bottom: 2px solid black !important;
  border-right: 2px solid black !important;
  border-top: 0px !important;
  border-left: 0px !important;
}

.bold-border-except-left {
  border-top: 2px solid black !important;
  border-bottom: 2px solid black !important;
  border-right: 2px solid black !important;
  border-left: 0px !important;
}

.bold-border-except-right {
  border-top: 2px solid black !important;
  border-bottom: 2px solid black !important;
  border-left: 2px solid black !important;
  border-right: 0px !important;
}

.area-quiz {
  justify-content: center;
  font-size: 20px;
  display: flex;
}

.area-answer {
  justify-content: center;
  font-size: 20px;
  display: flex;
  flex-direction: column;
}

.blank {
  width: 44px;
  height: 44px;
  margin: 4px;
  text-align: center;
  line-height: 40px;
  box-sizing: border-box;
}

.area-operator {
  display: flex;
  flex-direction: column;
}

.area-number {
  display: flex;
  flex-direction: column
}

.number-dash-border {
  border-top: 1px dashed #537AE3;
  border-bottom: 1px dashed #537AE3;
  border-left: 1px dashed #537AE3;
  border-right: 1px dashed #537AE3;
}

.number-dash-border-except-top {
  border-bottom: 1px dashed #537AE3;
  border-left: 1px dashed #537AE3;
  border-right: 1px dashed #537AE3;
}

.number-dash-border-except-down {
  border-top: 1px dashed #537AE3;
  border-left: 1px dashed #537AE3;
  border-right: 1px dashed #537AE3;
}

.number-dash-border-except-down-right {
  border-top: 1px dashed #537AE3;
  border-left: 1px dashed #537AE3;
}

.number-dash-border-except-right {
  border-top: 1px dashed #537AE3;
  border-left: 1px dashed #537AE3;
  border-bottom: 1px dashed #537AE3;
}

.number-dash-border-except-down-left {
  border-top: 1px dashed #537AE3;
  border-right: 1px dashed #537AE3;
}

.number-dash-border-except-left {
  border-top: 1px dashed #537AE3;
  border-right: 1px dashed #537AE3;
  border-bottom: 1px dashed #537AE3;
}

.number-dash-border-except-down-top-left {
  border-right: 1px dashed #537AE3;
}

.number-dash-border-except-down-left-right {
  border-top: 1px dashed #537AE3;
}

.number-dash-border-except-down-top {
  border-right: 1px dashed #537AE3;
  border-left: 1px dashed #537AE3;
}

.number-dash-border-except-top {
  border-bottom: 1px dashed #537AE3;
  border-left: 1px dashed #537AE3;
  border-right: 1px dashed #537AE3;
}

.number-dash-border-except-top-left {
  border-bottom: 1px dashed #537AE3;
  border-right: 1px dashed #537AE3;
}

.number-dash-border-except-left {
  border-bottom: 1px dashed #537AE3;
  border-top: 1px dashed #537AE3;
  border-right: 1px dashed #537AE3;
}

.area-msg-right {
  width: 157px;
  height: 34px;
  border-radius: 17px;
  background-color: #1EB3C8;
  display: none;
  text-align: left;
}

.template-number-yellow {
  display: inline-block;
  text-align: center;
  line-height: 30px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  background-color: #FFE957;
  border: 0px;
}

.area-msg-wrong {
  width: 157px;
  height: 34px;
  border-radius: 17px;
  background-color: #F237AD;
  display: none;
  text-align: left;
}

.template-number-white {
  display: inline-block;
  text-align: center;
  line-height: 30px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  background-color: #FFFFFF;
  border: 0px;
}

.template-number-white-border {
  display: inline-block;
  text-align: center;
  line-height: 30px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  background-color: #FFFFFF;
  border: 1px solid #242424;
}

.area-msg-txt {
  font-size: 16px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: -0.32px;
  color: #FFFFFF;
}

.area-msg-example {
  width: 123px;
  height: 34px;
  border-radius: 17px;
  background-color: #F2F2F2;
  display: none;
  text-align: left;
}

.area-example-msg-txt {
  font-size: 16px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: -0.32px;
  color: #242424;
}

.btn-check-answer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 108px;
  height: 43px;
  box-shadow: 1px 1px 2px #00000014;
  border: 1px solid #CECECE;
  font-size: 13px;
  font-family: 'Noto Sans KR';
  font-weight: 700;
  letter-spacing: -0.52px;
  color: #555555;
  cursor: pointer;
}

.btn-retry {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 108px;
  height: 43px;
  box-shadow: 1px 1px 2px #00000014;
  border: 1px solid #CECECE;
  font-size: 13px;
  font-family: 'Noto Sans KR';
  font-weight: 700;
  letter-spacing: -0.52px;
  color: #555555;
  cursor: pointer;
}

.quiz-line {
  display: flex;
}

.area-template-devide .quiz-line1 {
  border-top: 2px solid black;
}

.area-template-multiply {
  padding: 60px;
}

.area-calculate::after {
  content: '';
  display: block;
  clear: both;
}

.calculate-line {
  display: flex;
  justify-content: flex-end;
}

.dash-border-up {
  border-top: 2px dashed black;
}

.area-remain::after {
  content: '';
  display: block;
  clear: both;
}

.remain-line {
  display: flex;
  justify-content: flex-end;
  float: right;
}

.two-block {
  flex-grow: 2;
}

.one-block {
  flex-grow: 1;
}

.number-quiz {
  position: relative;
  width: 44px;
  height: 44px;
  margin: 4px;
  text-align: center;
  line-height: 44px;
  box-sizing: border-box;
}

.number-answer {
  width: 44px;
  height: 44px;
  border: 2px solid black;
  margin: 4px;
  text-align: center;
  line-height: 40px;
  box-sizing: border-box;
  outline: 0px;
}

.number-calculate {
  width: 44px;
  height: 44px;
  border: 2px solid black;
  margin: 4px;
  text-align: center;
  line-height: 40px;
  box-sizing: border-box;
  outline: 0px;
}

.number-remain {
  width: 44px;
  height: 44px;
  border: 2px solid black;
  margin: 4px;
  text-align: center;
  line-height: 40px;
  box-sizing: border-box;
  outline: 0px;
}

.operator {
  width: 44px;
  height: 44px;
  margin: 4px;
  text-align: center;
  line-height: 40px;
  box-sizing: border-box;
}

.operator-equal {
  line-height: 42px !important;
}

.area-fraction-left {
  display: flex;
  align-items: center;
}

.fraction-left-number {
  width: 44px;
  height: 44px;
  margin: 4px;
  text-align: center;
  line-height: 40px;
  box-sizing: border-box;
}

.area-fraction-operator {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.area-fraction-comma {
  display: flex;
  align-items: flex-end;
}

.operator-comma {
  width: 25px;
}

.area-template-equal-fraction {
  padding: 50px;
}

.area-template-reduction-fraction {
  padding: 50px;
}

.area-template-fraction .area-number {
  display: flex;
}

.area-template-fraction .area-answer {
  display: flex;
}

.area-template-fraction .input-size-compare {
  border: 2px solid black;
  width: 44px;
  height: 44px;
  border-radius: 30px;
}

.area-template-proportion .area-number {
  display: flex;
}

.area-template-proportion .area-answer {
  display: flex;
}

.area-template-devide .area-quiz {
  justify-content: flex-end;
}

.area-template-devide .answer-line {
  justify-content: flex-end;
  border-top: 0px;
}

.area-template-fraction .numerator-line {
  justify-content: center;
}

.area-template-fraction .denominator-line {
  border-top: 2px solid black;
}

.img-division {
  position: absolute;
  width: 10.5px;
  left: -1px;
}


.ios-template-4-2-3-1 .point {
  bottom: 5px !important;
  margin-right: -2px;
}

.ios-template-4-2-3-2 .point {
  bottom: 5px !important;
  margin-right: -2px;
}

.ios-template-4-2-3-3 .point {
  bottom: 5px !important;
  margin-right: -2px;
}

.ios-template-4-2-3-4 .point {
  bottom: 5px !important;
  margin-right: -2px;
}

.ios-template-4-2-3-5 .point {
  margin-top: 12px !important;
}

.ios-template-4-2-3-6 .point {
  margin-top: 12px !important;
}

.ios-template-4-2-3-7 .point {
  margin-top: 12px !important;
}

.ios-template-4-2-3-8 .point {
  margin-top: 12px !important;
}

.ios-template-4-2-3-9 .point {
  bottom: 5px !important;
  margin-right: -2px;
}

.ios-template-4-2-3-10 .point {
  bottom: 5px !important;
  right: 98px !important;
}

.ios-template-4-2-3-11 .point {
  bottom: 5px !important;
  margin-right: -2px;
}

.ios-template-4-2-3-12 .point {
  bottom: 1px !important;
  margin-right: -2px;
}

.ios-template-4-2-3-13 .point {
  margin-top: 12px !important;
}

.ios-template-4-2-3-14 .point {
  margin-top: 12px !important;
}

.ios-template-4-2-3-15 .point {
  margin-top: 12px !important;
}

.ios-template-4-2-3-16 .point {
  margin-top: 12px !important;
}

.ios-template-5-2-4-1 .point {
  margin-top: 12px !important;
}

.ios-template-5-2-4-2 .point {
  margin-top: 12px !important;
}

.ios-template-5-2-4-3 .point {
  margin-top: 12px !important;
}

.ios-template-5-2-4-4 .point {
  margin-top: 12px !important;
}

.ios-template-6-1-3-1 .point {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-1-3-1 .point2 {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-1-3-1 .point3 {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-1-3-2 .point {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-1-3-2 .point2 {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-1-3-2 .point3 {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-1-4-2 .point {
  margin-top: 12px !important;
}



.ios-template-6-2-2-1 .point1 {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-2-2-1 .point2 {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-2-2-1 .point3 {
  bottom: 4px !important;
  margin-right: -2px;
}



.ios-template-6-2-2-2 .point {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-2-2-2 .point2 {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-2-2-2 .point3 {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-2-2-3 .point {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-2-2-3 .point2 {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-2-2-3 .point3 {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-2-2-4 .point {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-2-2-4 .point2 {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-2-2-4 .point3 {
  bottom: 4px !important;
  margin-right: -2px;
}

.ios-template-6-2-4-6 .point {
  margin-top: 12px !important;
}

.ios-template-6-2-4-7 .point {
  margin-top: 12px !important;
}