@charset "utf-8";

#pageWrap .page.p1 {
  background: url(../img/p10_1.png) no-repeat center / 100%;
}


.text_wrap .input{max-height: 300px;}
/* 2번 문항  입력창 */
.input_wrap:not(.form){
  position: absolute;
}
.input_wrap.iw2 {
  top: 414px;
  left: 284px;
  display: flex;
  flex-wrap: wrap;
  gap: 243px 45px;
}
.input_wrap.iw2 .input{
  width: 487px;
}
.draw--zone{
  position: absolute;
  left: -141px;
  top: 21px;
}
.draw--zone canvas{
  width: 700px;
  height: 172px;
  position: absolute;
  top: 12px;
  left: 59px;
}

.draw_tools{top: 932px;left: -141px;}
.draw--zone .btn_draw{left: 772px;}
.input_wrap.iw3{display: flex;flex-wrap: wrap;left: 200px;top: 879px;gap: 13px;}
.input_wrap.iw3 .text_wrap{height: 110px;}
.input_wrap.iw3 .text_wrap:nth-child(3n + 1){width: 186px;}
.input_wrap.iw3 .text_wrap:nth-child(3n + 2){width: 184px;}
.input_wrap.iw3 .text_wrap:nth-child(3n + 3){width: 368px;}
.input_wrap.iw3 .draw--zone{position: relative;width: 186px;height: 110px;top: 0;left: 0;}
.input_wrap.iw3 .draw--zone canvas {width: 186px;height: 110px;top: 0;left: 0;}
.input_wrap.iw3 .draw--zone .btn_draw{left: -60px;}
.input_wrap.iw3 .draw--zone .draw_tools{top: 484px;left: -198px;}
.input_wrap.iw3 .draw--zone.d2 .draw_tools{top: 427px;}
.input_wrap.iw3 .draw--zone.d3 .draw_tools{left: 380px;top: 240px;}
.input_wrap.iw3 .draw--zone.d4 .draw_tools{top: 182px;left: 380px;}

.del_box{
  width: 332px;
  height: 163px;
  background: #fffcfa;
  align-content: center;
  display: grid;
  gap: 15px;
  position: absolute;
  top: -33px;
  left: -86px;
  z-index: 10000000;
  display: none;
}
.del_box,
.del_box button:not(.close){
  border: 2px solid #e94893;
  font-size: 26px;
  text-align: center;
  text-indent: 0px;
  border-radius: 30px;
  font-size: 20px;
}
.del_box button:not(.close){
  border-radius: 30px;
  color: #e94893;
  background: #fff;
  font-weight: 700;
  padding: 8px 20px;
}
.close{
  background: url(../img/del_close.png) no-repeat center / 100%;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 15px;
  top: 9px;
  text-indent: -999999px;
}

/* popup style */
#guidePopup {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1080px;
  height: 1920px;
  background: url(../img/guide_bg-1.png) 0 0 / 100% 100% no-repeat;
  z-index: 100;

  visibility: visible; 
  opacity: 1;
  pointer-events: auto; 
}
.popHide {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#guidePopup::before {
  content: '';
  position: absolute;
  /* top: -1px;
  left: 0; */
  /* width: 1090px;
  height: 1920px; */
  background: url(../img/guide_arrow-1.png) 0 0 / 100% 100% no-repeat;
  animation: blink 1s ease-in-out 3;
  width: 789px;
  height: 1413px;
  top: 319px;
  left: 153px;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pop_container * {
  color: #fff;
  font-family: 'GyeonggiTitleOTF';
  font-weight: 500;
  font-size: 26px;
  line-height: 1.3;
  letter-spacing: 0.03em;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3);
}
.pop_container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.popup_content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 55px 80px;
}
/* popup header */
.pop_header {
  text-align: center;
}
.pop_header h2 {
  margin-bottom: 30px;
  font-size: 40px;
  font-weight: 700;
}
/* 내용 */
.popup_content .pop_cont {
  width: 100px;
  height: auto;
}
.popup_content .pop_cont P {
  position: absolute;
  display: block;
}
.popup_content .pop_cont .txt1 {
  left: 321px;
  top: 324px;
}
.popup_content .pop_cont .txt2 {
  left: 700px;
  top: 516px;
}
.popup_content .pop_cont .txt3 {
  right: 264px;
  top: 890px;
}
.popup_content .pop_cont .txt4 {
  left: 309px;
  top: 1137px;
}
.popup_content .pop_cont .txt5 {
  left: 236px;
  top: 1608px;
}  
.popup_content .pop_cont .txt6 {
  left: 693px;
  top: 1608px;
}                     
/* 닫기 버튼 */
.popup_content .closePopup {
  position: absolute;
  right: 35px;
  top: 65px;
  width: 44px;
  height: 44px;
  background: url(../img/btn_close.png) 0 0 / 100% 100% no-repeat;
}
.popup_content .closePopup span {
  display: block;
  text-indent: -9999em;
}
/* 창 다시 보지 않기 */
.popup_content .pop_bottom {
  position: absolute;
  bottom: 55px;
  left: 50%;
  transform: translateX(-50%);
}
.popup_content .pop_bottom .check_box {
  position: relative;
  height: 36px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.popup_content .pop_bottom .check_box input[type="checkbox"] {
  display: none;
}
.popup_content .pop_bottom .check_box label {
  position: relative;
  width: 26px;
  height: 26px;
}
.popup_content .pop_bottom .check_box label .check {
  cursor: pointer;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 5px;
  border: 4px solid #fff;
  transition: background-color 0.3s, border-color 0.3s;
}
.popup_content .pop_bottom .check_box input[type="checkbox"]:checked + label .check {
  border: none;
  background: url(../img/guidepop_checked.png) 0 0 / 100% 100% no-repeat;
}