/*=====================================================================================
버  전 : 3.0
날  짜 : 2024.05.29
제작사 : (주)에듀마루
본 파일 소스의 모든 저작권은 (주)에듀마루에 있습니다. 임의의 수정 및 배포를 금합니다.
문  의 : 02-6989-9337
=====================================================================================*/

/* 문제 1 */
#wrap > main .slide1 h1.dailyTitle .subNum {
  top: 110px;
}
.slide1 .imgBox {
  width: 100%;
  height: 400px;
  background: url(../img/slide1_img_1.svg) center / contain no-repeat;
}
.slide1 .answerBox {
  margin: 50px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 100px;
}
.slide1 .answerBox .toggleBox.green {
  background-color: #e1efd8;
}

/* 문제 2 */
#wrap > main .slide2 h1.dailyTitle .subNum {
  top: 110px;
}
.slide2 .imgBox {
  width: 100%;
  height: 400px;
  background: url(../img/slide2_img_1.svg) center / contain no-repeat;
}
.slide2 .answerBox {
  margin: 50px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 100px;
}
.slide2 .answerBox .toggleBox.pink {
  background-color: #f7c9dd;
}

/* 문제 3 */
#wrap > main .slide3 h1.dailyTitle .subNum {
  top: 110px;
}
.slide3 .contBox {
  margin: 100px 0 0 0;
  padding: 0 0 0 200px;
  display: flex;
  align-items: center;
  gap: 300px;
}
.slide3 .contBox .lineBox {
  padding: 20px 30px;
}
.slide3 .imgArea {
  position: relative;
  width: 400px;
  height: 400px;
}
.slide3 .imgArea .icon.exam {
  position: absolute;
  top: 0;
  left: -100px;
}
.slide3 .imgArea .imgBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/slide3_img_1.svg) center / contain no-repeat;
}
.slide3 .imgArea > img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.slide3 .imgArea .answerBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center / contain no-repeat;
}
.slide3 .imgArea .answerBox[data-click-target='1'] {
  background-image: url(../img/slide3_answer_1.svg);
}
.slide3 .imgArea .answerBox[data-click-target='2'] {
  background-image: url(../img/slide3_answer_2.svg);
}
.slide3 .imgArea .answerBox[data-click-target='3'] {
  background-image: url(../img/slide3_answer_3.svg);
}
.slide3 .imgArea .answerBox[data-click-target='4'] {
  background-image: url(../img/slide3_answer_4.svg);
}
.slide3 .imgArea .answerBox[data-click-target='5'] {
  background-image: url(../img/slide3_answer_5.svg);
}
.slide3 .imgArea .answerBox[data-click-target='6'] {
  background-image: url(../img/slide3_answer_6.svg);
}
.slide3 .imgArea .showObj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  pointer-events: none;
  /* z-index: 1; */
}
.slide3 .imgArea .showObj .icon.hand {
  position: absolute;
  top: 270px;
  left: 240px;
}
.slide3 map > area {
  cursor: pointer;
}

/* 문제 4 */
#wrap > main .slide4 h1.dailyTitle .subNum {
  top: 110px;
}
.slide4 .contBox {
  margin: 100px 0 0 0;
  padding: 0 0 0 200px;
  display: flex;
  align-items: center;
  gap: 300px;
}
.slide4 .contBox .lineBox {
  padding: 20px 30px;
}
.slide4 .imgArea {
  position: relative;
  width: 460px;
  height: 400px;
}
.slide4 .imgArea .icon.exam {
  position: absolute;
  top: 0;
  left: -100px;
}
.slide4 .imgArea .imgBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/slide4_img_1.svg) center / contain no-repeat;
}
.slide4 .imgArea > img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.slide4 .imgArea .answerBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center / contain no-repeat;
}
.slide4 .imgArea .answerBox[data-click-target='1'] {
  background-image: url(../img/slide4_answer_1.svg);
}
.slide4 .imgArea .answerBox[data-click-target='2'] {
  background-image: url(../img/slide4_answer_2.svg);
}
.slide4 .imgArea .answerBox[data-click-target='3'] {
  background-image: url(../img/slide4_answer_3.svg);
}
.slide4 .imgArea .answerBox[data-click-target='4'] {
  background-image: url(../img/slide4_answer_4.svg);
}
.slide4 .imgArea .answerBox[data-click-target='5'] {
  background-image: url(../img/slide4_answer_5.svg);
}
.slide4 .imgArea .answerBox[data-click-target='6'] {
  background-image: url(../img/slide4_answer_6.svg);
}
.slide4 .imgArea .answerBox[data-click-target='7'] {
  background-image: url(../img/slide4_answer_7.svg);
}
.slide4 .imgArea .answerBox[data-click-target='8'] {
  background-image: url(../img/slide4_answer_8.svg);
}
.slide4 .imgArea .answerBox[data-click-target='9'] {
  background-image: url(../img/slide4_answer_9.svg);
}
.slide4 .imgArea .showObj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  pointer-events: none;
  /* z-index: 1; */
}
.slide4 .imgArea .showObj .icon.hand {
  position: absolute;
  top: 300px;
  left: 350px;
}
.slide4 map > area {
  cursor: pointer;
}

/* 문제 5 */
#wrap > main .slide5 h1.dailyTitle {
  padding: 0 50px 0 30px;
}
.slide5 .contBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.slide5 .contBox .lineBox {
  padding: 50px 30px;
}
.slide5 .contBox .lineBox .imgBox {
  position: relative;
  width: 1300px;
  height: 280px;
  background: url(../img/slide5_img_1.svg) center / contain no-repeat;
}
.slide5 .contBox .lineBox .imgBox [class*='text_'] {
  position: absolute;
  top: 0;
}
.slide5 .contBox .lineBox .imgBox .text_1 {
  left: 40px;
}
.slide5 .contBox .lineBox .imgBox .text_2 {
  left: 440px;
}
.slide5 .contBox .lineBox .imgBox .text_3 {
  left: 870px;
}

/* 문제 6 */
#wrap > main .slide6 h1.dailyTitle .subNum {
  top: 110px;
}
.slide6 .contBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.slide6 .imgArea {
  position: relative;
  width: 520px;
  height: 300px;
}
.slide6 .imgArea .icon.exam {
  position: absolute;
  top: 0;
  left: -100px;
}
.slide6 .imgArea .imgBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/slide6_img_1.svg) center / contain no-repeat;
}
.slide6 .imgArea > img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.slide6 .imgArea .answerBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center / contain no-repeat;
}
.slide6 .imgArea .answerBox[data-click-target='1'] {
  background-image: url(../img/slide6_answer_1.svg);
}
.slide6 .imgArea .answerBox[data-click-target='2'] {
  background-image: url(../img/slide6_answer_2.svg);
}
.slide6 .imgArea .answerBox[data-click-target='3'] {
  background-image: url(../img/slide6_answer_3.svg);
}
.slide6 .imgArea .answerBox[data-click-target='4'] {
  background-image: url(../img/slide6_answer_4.svg);
}
.slide6 .imgArea .answerBox[data-click-target='5'] {
  background-image: url(../img/slide6_answer_5.svg);
}
.slide6 .imgArea .answerBox[data-click-target='6'] {
  background-image: url(../img/slide6_answer_6.svg);
}
.slide6 .imgArea .answerBox[data-click-target='7'] {
  background-image: url(../img/slide6_answer_7.svg);
}
.slide6 .imgArea .answerBox[data-click-target='8'] {
  background-image: url(../img/slide6_answer_8.svg);
}
.slide6 .imgArea .showObj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  pointer-events: none;
  /* z-index: 1; */
}
.slide6 .imgArea .showObj .icon.hand {
  position: absolute;
  top: 200px;
  left: 440px;
}
.slide6 map > area {
  cursor: pointer;
}
.slide6 .toggleArea {
  display: flex;
  align-items: center;
  gap: 150px;
}

/* 문제 7 */
#wrap > main .slide7 h1.dailyTitle .subNum {
  top: 110px;
}
.slide7 .contBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.slide7 .imgArea {
  position: relative;
  width: 520px;
  height: 300px;
}
.slide7 .imgArea .icon.exam {
  position: absolute;
  top: 0;
  left: -100px;
}
.slide7 .imgArea .imgBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/slide7_img_1.svg) center / contain no-repeat;
}
.slide7 .imgArea > img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.slide7 .imgArea .answerBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center / contain no-repeat;
}
.slide7 .imgArea .answerBox[data-click-target='1'] {
  background-image: url(../img/slide7_answer_1.svg);
}
.slide7 .imgArea .answerBox[data-click-target='2'] {
  background-image: url(../img/slide7_answer_2.svg);
}
.slide7 .imgArea .answerBox[data-click-target='3'] {
  background-image: url(../img/slide7_answer_3.svg);
}
.slide7 .imgArea .answerBox[data-click-target='4'] {
  background-image: url(../img/slide7_answer_4.svg);
}
.slide7 .imgArea .answerBox[data-click-target='5'] {
  background-image: url(../img/slide7_answer_5.svg);
}
.slide7 .imgArea .answerBox[data-click-target='6'] {
  background-image: url(../img/slide7_answer_6.svg);
}
.slide7 .imgArea .answerBox[data-click-target='7'] {
  background-image: url(../img/slide7_answer_7.svg);
}
.slide7 .imgArea .answerBox[data-click-target='8'] {
  background-image: url(../img/slide7_answer_8.svg);
}
.slide7 .imgArea .showObj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  pointer-events: none;
  /* z-index: 1; */
}
.slide7 .imgArea .showObj .icon.hand {
  position: absolute;
  top: 200px;
  left: 440px;
}
.slide7 map > area {
  cursor: pointer;
}
.slide7 .toggleArea {
  display: flex;
  align-items: center;
  gap: 150px;
}

/* 문제 8 */
.slide8 .toggleArea {
  display: flex;
  justify-content: center;
}

/* 팝업 */
.popupBox[data-popup-num='5'] .flex-box .ONEMGT {
  position: relative;
  top: 8px;
}