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

/* 정리 하기 */
.slide0 .summaryBox .contBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

/* 문제 1 */
.slide1 .contBox {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.slide1 .contBox .imgBox {
  width: 100%;
  height: 240px;
  background: url(../img/slide1_img_1.svg) center / contain no-repeat;
}

/* 문제 2 */
.slide2 .oxList {
  display: flex;
  justify-content: space-between;
}
.slide2 .oxList > li {
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.slide2 .oxList .lineBox {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slide2 .oxList .lineBox .toggleTarget {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slide2 .oxList .lineBox .toggleTarget .css_circle {
  width: 100px;
  height: 100px;
}
/* .slide2 .oxList .toggleBox {
  width: 200px;
} */

.slide2 .oxList .toggleBox {
  width: 200px;
  height: 80px;
}
.slide2 .oxList .toggleBox .css_circle {
  width: 60px;
  height: 60px;
}

/* 문제 3 */
.slide3 .drawLineContainer svg > line {
  stroke: #e22613;
  stroke-width: 6;
}
.slide3 .drawLineContainer {
  height: 420px;
  padding: 0 100px;
}
.slide3 .drawLineContainer .drawLineBox .drawObjBox {
  width: 400px;
  height: 160px;
  padding: 0 30px 0 0;
  background: url(../img/slide3_img_1.svg) center / contain no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slide3 .drawLineContainer .drawLineBox .drawTargetBox {
  width: 400px;
  height: 160px;
  padding: 0 0 0 30px;
  background: url(../img/slide3_img_2.svg) center / contain no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 문제 4 */
.slide4 .contBox {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 100px;
}
.slide4 .contBox .oxBox {
  position: relative;
}
.slide4 .contBox .oxBox .oxObj {
  position: relative;
  background: center / contain no-repeat;
  cursor: pointer;
}
/* .slide4 .contBox .oxBox .oxObj.inactive[data-event-check='complete'] {
  pointer-events: auto !important;
} */
.slide4 .contBox .oxBox .oxObj[data-ox-obj='1'] {
  width: 380px;
  height: 300px;
  background-image: url(../img/slide4_img_1.svg);
}
.slide4 .contBox .oxBox .oxObj[data-ox-obj='2'] {
  width: 300px;
  height: 300px;
  background-image: url(../img/slide4_img_2.svg);
}
.slide4 .contBox .oxBox .oxObj[data-ox-obj='3'] {
  width: 320px;
  height: 300px;
  background-image: url(../img/slide4_img_3.svg);
}
.slide4 .contBox .oxBox .oxTarget {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center / contain no-repeat;
}
.slide4 .contBox .oxBox .oxTarget[data-ox-target='1'] {
  background-image: url(../img/slide4_img_1_answer.svg);
}
.slide4 .contBox .oxBox .oxObj .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 문제 5 */
.slide5 h1.suiTitle .ONEMGT {
  position: relative;
  top: -3px;
}
.popupCont .blankBox {
  position: relative;
  top: -4px;
}