/* ------------------------2024-05-27 수정 시작-----------------------*/

.sub_title2 h5 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #000000;
}

.consultation_innerWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.consultation_innerWrap ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.consultation_innerWrap ul li h4 {
  width: 120px;
  flex-shrink: 0;
}

.consultation_wrap {
  position: relative;
  /* margin: 50px auto 0; */
  padding: 0 20px 146px;
  max-width: unset;
  min-width: 327px;
  color: #999999;

  /* --반응형아닐떄?-- */
  /* width: 80vw; */
  width: 1240px;
}

.mb50,
.menttxt {
  width: 48%;
}

.consultation_innerWrap .infom-txt-last.infom-txt-last2 {
  font-size: 15px;
  text-align: left;
  color: #888;
  margin-bottom: 8px;
  color: #3473ff;
  padding: 6px 20px 5px 20px;
}

.consultation_innerWrap .tttit {
  padding-bottom: 10px;
  border-bottom: unset;
}

.privacyPopBtn.pc_ver {
  display: flex;
  justify-content: center;
  align-items: center;
}

.consultation_innerWrap .menttxt .info2,
.consultation_innerWrap .menttxt .info3 {
  padding: 15px 20px 14px;
  width: 100%;
  border-radius: 5px;
  margin: 0px 0px 20px 0px;
  background: rgba(0, 0, 0, 0.05);
}

.menttxt .info3 p {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #888;
  display: flex;
  justify-content: flex-start;
}

.Essential {
  color: #ff0000;
  margin: 0px 0px 0px 7px;
}

.rightTttit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.viewContent {
  cursor: pointer;
  margin-left: 20px;
}

.ApplicationCheck {
  display: flex;
  justify-content: center;
  align-items: center;
}

.d-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

html #wrap {
  /*   max-width: 1920px; */
  width: 100%;
  position: relative;
  min-width: unset;
  margin: 0 auto;
}

/* 모달창 */
#grayBg {
  opacity: 0;
  z-index: -9999;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
}

#freeExperienceModal {
  opacity: 0;
  z-index: -999;
}

#PersonalInformation {
  opacity: 0;
  z-index: -999;
}

#grayBg.on {
  opacity: 0.7;
  z-index: 999;
}
#freeExperienceModal.on,
#PersonalInformation.on {
  opacity: 1;
  z-index: 9999;
}

.modal {
  position: fixed;
  background-color: #fff;
  border-radius: 10px;
  max-width: 920px;
  width: 90%;
  min-width: 300px;
  max-height: 500px;
  overflow-y: scroll;
  z-index: 99;
  padding: 30px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-overflow-style: none; /* 인터넷 익스플로러 */
  scrollbar-width: none; /* 파이어폭스 */
}

#freeExperienceModal.modal,
#PersonalInformation.modal {
  padding: 0px;
}

#freeExperienceModal .modalinnerText,
#PersonalInformation .modalinnerText {
  padding: 0px 30px 30px 30px;
}
.modal .ConditionsHd {
  font-weight: 700;
}

.modal::-webkit-scrollbar {
  display: none;
}

#freeExperienceModal .FloatingDiv,
#PersonalInformation .FloatingDiv {
  position: sticky;
  left: 0;
  top: -1px;
  background-color: #fff;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 30px 30px 30px;
  margin: 0;
}

.myModalclose {
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 30px;
  width: 20px;
  height: 20px;
}

.myModalclose:before,
.myModalclose:after {
  position: absolute;
  left: 8px;
  content: " ";
  height: 20px;
  width: 2px;
  background-color: #000;
}
.myModalclose:before {
  transform: rotate(45deg);
}
.myModalclose:after {
  transform: rotate(-45deg);
}

.modal .Essential {
  margin-left: 0;
  margin-right: 4px;
  display: inline-block;
  font-size: 16px;
}
.modal div {
  margin-bottom: 18px;
}

.modal div.modalinnerText {
  margin-bottom: 0px;
}
.modal div p {
  font-size: 12px;
  display: flex;
  justify-content: flex-start;
}

#PersonalInformation .modalinnerText p {
  display: block;
}

.modal div span {
  display: block;
  font-size: 12px;
  margin-left: 3px;
}

.modal div .sub {
  margin-left: 15px;
  display: flex;
  justify-content: flex-start;
}

.modal div .sub:nth-of-type(3),
.modal div .sub:nth-of-type(4) {
  margin-left: 15px;
}

/* --반응형아닐떄?-- */
.sub_title2 {
  padding: 80px 20px 0;
  width: 1240px;
  margin: 0 auto 0px auto;
}

/* 모달창 끝*/
/* ------------------------2024-05-27 수정 끝 -----------------------*/

/*
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  모바일 영역 모바일 영역 모바일 영역 모바일 영역 모바일 영역 모바일 영역
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  */

/* 모바일 시작 */
/*  */

@media (max-width: 897px) {
  /* ------------------------2024-05-27 모바일 수정 시작 -----------------------*/
  .consultation_innerWrap {
    display: block;
  }
  .mb50,
  .menttxt {
    width: 100%;
  }

  html .ttxt {
    display: block !important;
    /* display: block; */
  }

  .rightTttit .Essential,
  .rightTttit h4,
  .rightTttit .viewContent,
  .rightTttit label[for="allAgree"] {
    font-size: 14px;
  }

  .viewContent {
    margin-left: 10px;
  }

  /* --반응형아닐떄?-- */
  .consultation_wrap {
    width: 90vw;
    padding-bottom: 60px;
  }

  .consultation_innerWrap ul li h4 {
    width: 80px;
    font-size: 14px;
  }

  .textbox .form_tel {
    gap: 4px;
  }

  .sub_title2 {
    padding: 80px 20px 0;
    width: unset;
  }
}
/* ------------------------2024-05-27 모바일 수정 끝 -----------------------*/