body {
  overflow: auto;
}

.module {
  margin-top: 1%;
  background: #8080802b;
  border-radius: 55px;
  padding: 1%;
}

.module_list {
  margin-top: 1%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: -5%;
}

.module_list div {
  width: calc((100% / 2) - 21px);
  /* line-height: 100px; */
  /* float: left; */
  /* background: yellow; */
  /* outline: 1px solid #000; */
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  border-radius: 33px;
  margin: 9px;
  cursor: pointer;
}

.module_list div:hover {
  border: 3px solid #76b1b8 !important;
  /* margin-bottom: -3px; */
  /* margin-top: -3px; */
  /* color: #fff; */
  /* transition: 0.3s */
}

.module_list div {
  background: #eaeaea;
  border: 3px solid white;
}
.module_list img {
  display: inline-block;
  /* width: calc((100% / 2) - 4px); */
  width: auto;
  height: 250px;
  margin: 0 auto;
  /* padding: 13px; */
  /*    vertical-align: middle;*/
  /*    float: left;*/
}

/* 231110 추가 */
#module_content {
  margin-top: 1%;
  background: #8080802b;
  border-radius: 55px;
  padding: 1%;
}

.GreenM {
  background-color: #76b1b8;
  border-radius: 0 0 27px 27px;
  color: white;
  line-height: 50px;
}

/*본문 내용*/
#mun_1 {
  background-color: #ededed;
  width: 100%;
  border-radius: 35px;
  position: absolute;
  padding-bottom: 15px;
}

/*제목*/
.text_num {
  width: 95%;
  margin: 15px auto;
  background-color: #71abc0;
  color: #fff;
  border-radius: 35pt;
  padding: 10px 0;
  font-size: 20pt;
  font-weight: 600;
  position: relative;
  height: 40px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.text_num img {
  width: 50px;
  vertical-align: middle;
  position: absolute;
  top: 4px;
  left: 20px;
  /*    display: none*/
  cursor: pointer;
}
.text_num span {
  display: block;
  /*    text-align: center;*/
  line-height: 40px;
  text-indent: 90px;
}

.content h1 {
  display: inline-block;
}
/*학습모듈 번호*/
/*이전, 다음, 목록(숫자) 버튼*/
.learing_list {
  /*    font-size: 16pt;*/
  font-size: 18pt;
  display: inline-block;
  float: right;
  color: #3d7b95;
  font-weight: 600;
  /*    margin-right: 15px*/
}
.learing_list li {
  display: inline-block;
}
/*이전,다음*/
.learing_list li:last-child a,
header .learing_list li:first-child a {
  color: #3d7b95;
}

/*숫자*/
.learing_list li.nb a {
  border: 2px solid #3d7b95;
  border-radius: 100%;
  /*
    width: 34px;
    height: 34px;
    line-height: 33px;
*/
  width: 43px;
  height: 43px;
  line-height: 46px;
  text-align: center;
  background-color: #fff;
  display: block;
  color: #3d7b95;
  transition: 0.3s;
}
.learing_list li.nb a:hover {
  background-color: #3d7b95;
  color: #fff;
  transition: 0.3s;
}

.learing_list li.on a {
  background-color: #3d7b95;
  color: #fff;
}
/**/
.disnn {
  cursor: context-menu;
}
.prev a.disnn,
header .next a.disnn {
  color: gray !important;
}
headera {
  display: block;
}

.button_ {
  width: 38%;
  background-image: url("../../common/images/learning/answer_btn1.png");
  height: 103px;
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  background-size: 91%;
}
.button_:hover {
  background-image: url("../../common/images/learning/answer_btn2.png");
}

.end_font {
  position: absolute;
  font-size: 32px;
  text-align: center;
  font-weight: 800;
  top: -90px;
  left: 35px;
}

.end_font_stage {
  position: absolute;
  font-size: 32px;
  text-align: center;
  font-weight: 800;
  top: -90px;
}

h3.textstart.ttspoint {
  background-color: #00ff00 !important;
}

.font_ {
  font-weight: 600;
}

/* 여기서 부터 231115 */
/* 조작방법 안내 */
.note_manual {
  /* background-color: #3d9d90;
  color: #fff;
  display: inline-block;
  padding: 8px 20px;
  margin-right: 8px;
  border-radius: 50px;
  cursor: pointer;
  vertical-align: middle;
  font-size: 27px; */

  /* 231127 변경 */
  display: inline-block;
  margin-right: 8px;
  border-radius: 50px;
  cursor: pointer;
  vertical-align: middle;
  width: 169px;
}



/* @media (hover: hover) { 
  .note_manual:hover {
    content: url(../../common/images/learning/bulb_hover.png);
  }
} */


.note_manual_close {
  display: inline-block;
  /* padding: 8px 20px;
  margin-right: 8px; */
  /* font-weight: 600; */
  cursor: pointer;
  vertical-align: middle;
  background-image: url(../../common/images/learning/comfirm.png);
  background-size: 100%;
  width: 229px;
  height: 62px;
  background-repeat: no-repeat;
}

.note_manual_close:hover {
  background-image: url(../../common/images/learning/comfirm_click.png);
}

.note_manual_left {
  display: inline-block;
  /* padding: 8px 20px;
  margin-right: 8px; */
  /* font-weight: 600; */
  cursor: pointer;
  vertical-align: middle;
  background-image: url(../../common/images/learning/note_manual_left.png);
  background-size: 100%;
  width: 39px;
  height: 52px;
  background-repeat: no-repeat;
  margin-right: 3%;
}
.note_manual_left:hover {
  background-image: url(../../common/images/learning/note_manual_left_click.png);
}

.note_manual_right {
  display: inline-block;
  /* padding: 8px 20px;
  margin-right: 8px; */
  /* font-weight: 600; */
  cursor: pointer;
  vertical-align: middle;
  background-image: url(../../common/images/learning/note_manual_right.png);
  background-size: 100%;
  width: 39px;
  height: 52px;
  background-repeat: no-repeat;
  margin-left: 3%;
}

.note_manual_right:hover {
  background-image: url(../../common/images/learning/note_manual_right_click.png);
}

.note_manual_window,
#manual_1,
#manual_2,
#manual_3 {
  position: absolute;
  text-align: center;
  /* background-color: rgba(255, 255, 255, 0.58); */
  list-style-type: square;
  overflow: hidden;
  z-index: 300;

  top: 18%;
  left: 13%;
  width: 74%;
  height: 73%;
}
.note_manual_window img,
#manual_1 img,
#manual_2 img,
#manual_3 img {
  margin-top: 12%;
}

.note_manual_window ul,
#manual_1 ul,
#manual_2 ul,
#manual_3 ul {
  position: absolute;
  top: 29%;
  left: 27%;
  width: 46%;
}
.note_manual_window li,
#manual_1 li,
#manual_2 li,
#manual_3 li {
  padding: 18px 0;
}

/* .note_manual_window li:nth-child(1) {
  font-size: 1.17em;
  background-color: #3d9d90;
  color: white;
} */
.note_manual_window li:nth-child(1),
#manual_1 li:nth-child(1),
#manual_2 li:nth-child(1),
#manual_3 li:nth-child(1) {
  /* text-align: left;
  word-break: keep-all;
  padding: 37px 10px; */
  font-weight: normal;
  font-size: 28px;
  line-height: 47px;
  text-align: left;
  height: 202px;
  vertical-align: middle;
  display: table-cell;
}
.note_manual_window li:nth-child(2),
#manual_1 li:nth-child(2),
#manual_2 li:nth-child(2),
#manual_3 li:nth-child(2) {
  padding-top: 0px;
}

.bakcolor {
  background-color: rgba(255, 255, 255, 0.58);
  position: absolute;
  width: 99%;
  height: 85%;
  top: 0%;
  z-index: -1;
}

/* 정답 확인 창 */
.correct_info {
  position: absolute;
  text-align: center;
  /* background-color: rgba(255, 255, 255, 0.58); */
  list-style-type: square;
  overflow: hidden;
  z-index: 300;

  top: 18%;
  left: 13%;
  width: 74%;
  height: 73%;
}
.correct_info img {
  margin-top: 12%;
}

.correct_info ul {
  position: absolute;
  top: 29%;
  left: 27%;
  width: 46%;
}
.correct_info li {
  padding: 18px 0;
}
.correct_info li:nth-child(1) {
  /* text-align: left;
  word-break: keep-all;
  padding: 37px 10px; */
  font-weight: normal;
  font-size: 28px;
  line-height: 47px;
  text-align: center;
  height: 53px;
  vertical-align: middle;
  /* display: table-cell; */
}
.correct_info li:nth-child(2) {
  padding-top: 0px;
}

/* 성공 팝업 관련 */
.correct_v2,
.correct_v2_stage {
  position: absolute;
  width: 74%;
  height: 73%;
  /* background-color: rgba(255, 255, 255, 0.58); */
  display: none;
  z-index: 100;
  margin: 0 auto;
  left: 13%;
  top: 18%;
  text-align: center;
}

.correct_v2_text {
  position: absolute;
  /* text-align: center; */
  top: 46%;
  left: 36%;
  width: 28%;
}

.correct_v2_text p {
  font-family: "나눔바른고딕";
  font-weight: normal;
  font-size: 28px;
  line-height: 47px;
}

.correct_v2_stage_text {
  position: absolute;
  font-size: 32px;
  /* text-align: center; */
  font-weight: 800;
  top: 50%;
  left: 37%;
}
/* correct_v2 배경 */
#map {
  margin-top: 7%;
}
/* correct_v2 버튼 3개 */
.button_view {
  width: 398px;
  height: 65px;
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  background-size: 100%;
  background-image: url(../../common/images/learning/button_view.png);
  margin-bottom: 15px;
  margin-top: 15px;
}
.button_view:hover {
  background-image: url("../../common/images/learning/button_view_click.png");
}

.button_reload {
  width: 398px;
  height: 65px;
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  background-size: 100%;
  background-image: url(../../common/images/learning/button_reload.png);
  margin-bottom: 15px;
}
.button_reload:hover {
  background-image: url("../../common/images/learning/button_reload_click.png");
}

.button_next {
  width: 398px;
  height: 65px;
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  background-size: 100%;
  background-image: url(../../common/images/learning/button_next.png);
}
.button_next:hover {
  background-image: url("../../common/images/learning/button_next_click.png");
}

.button_first {
  width: 100%;
  height: 65px;
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  background-size: 100%;
  background-image: url(../../common/images/learning/button_first.png);
}

.button_first:hover {
  background-image: url("../../common/images/learning/button_first_click.png");
}

/* correct_v2_stage 버튼*/
.correct_v2_stage_text div {
  background-color: #3d9d90;
  color: #fff;
  padding: 25px 20px;
  /* margin-right: 8px; */
  /* font-weight: 600; */
  border-radius: 10px;
  cursor: pointer;
  vertical-align: middle;
  font-size: 27px;
  margin-top: 7%;
}