.macrogenRefundPolicy {margin-top:  -150px;}
.macrogenGoodsName {
  padding-top: 50px; padding-bottom: 50px; color: #000; font-weight: 600;
  font-size: 40px
}

/*mind css*/
.mind-reservations {display:flex}
.mind-reservations .history {flex: 1; width: 100%;height: 56px;text-align: center;font-size: 14px;color: #fff; line-height: 40px;letter-spacing: -0.8px;font-weight: 500; background: #7064E7;  border-top: 1px #ccc solid;overflow: hidden;}
.mind-reservations .hr {background: #ffffff;}
.mind-reservations .history a {display: block; width: 100%; height: 56px; font-size: 22px; color: #fff;line-height: 56px; letter-spacing: -0.8px; font-weight: 500;}


/*mind gate page*/
.mind-sms {
  display: flex; justify-content: space-evenly
}

/* button */
.popup-btn {width:100%; height:50px; text-align:center; background:#7064E7; border-radius:10px; transition:all 0.3s ease;}
.popup-btn span {font-size:16px; color:#fff; font-weight:500; line-height:50px; letter-spacing:-0.8px;}
.popup-btn-cancel {width:100%; height:50px; text-align:center; background:#7064E7; border-radius:10px; transition:all 0.3s ease;}

.mind-sms .accessBtn {
  padding: 0 50px
}
.survey-view-btn {background: #e50065; width: 208px; font-size: 16px; border-radius:10px; padding: 10px; color:#fff; text-align: center; line-height: 30px;}

.inputGroup.exception label {font-weight: normal; padding: 13px 20px 13px 72px}
.inputGroup.exception label:after {width:24px; height:24px; background-size:24px;}
.inputGroup.exception input:checked ~ label:after {background-size:24px;}

.mt-30 {margin-top: 30px;}
.mt-0 {margin-top: 0px;}

.policyHealthCounselor {padding-top:  50px; height: 100%}
.text-right { text-align: right;}

/**
심리 상담 FAQ 아코디언
 */
.accordion {
  width: 100%;
  margin-top: 30px;
  font-family: Arial, sans-serif;
}
.accordion-item {
  border: 1px solid #ddd;
  margin-bottom: 15px;
  border-radius: 7px;
}
.accordion-header {
  background-color: #f1effc;
  color: #333;
  padding: 20px;
  cursor: pointer;
  font-size: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.accordion-header.active {
  background-color: #7064E7;
  font-weight: bold;
  color: white;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;

}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.accordion-content-inner {
  padding: 20px;
}
.accordion-icon {
  transition: transform 0.3s ease;
}
.active .accordion-icon {
  transform: rotate(180deg);
}
.accordion-content-inner p {
  font-size: 20px;
  line-height: 1.4;
}
.accordion-content-inner p span {
  font-size: 16px;
  line-height: 20px;
  text-decoration: underline;
}


/* preview gate */
.preview {display:flex; justify-content:center; justify-content:space-between; gap:0 15px; margin-top: 20px}
.preview .item {width:50%; height:174px; text-align:center;}
.preview .item a {display:block; position:relative; width:100%; height:100%; border:1px #fff solid; border-radius:30px; overflow:hidden; transition:all 0.3s ease-in-out;}
.preview .item a:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0.1; border-radius:30px; z-index:1;}
.preview .item:hover a {box-shadow:0px 5px 10px rgba(0, 0, 0, 0.29);}
.preview .item .ico {position:absolute; left:0; top:30px; width:100%; height:94px; background-position:50%; background-repeat:no-repeat; z-index:2; background-size:64px auto;}
.preview .item .ico.q01 {background-image:url("../images/new/ico_main_b01.png");}
.preview .item .ico.q02 {background-image:url("../images/new/ico_main_b02.png");}

.preview .item .icoQ {position:absolute; right:30px; bottom:22px; background-position:left top; background-repeat:no-repeat;}
.preview .item .icoQ.a01 {width:74px; height:74px; background-size:74px auto; background-image: url("../images/new/hospital.png");}
.preview .item .icoQ.a02 {width:79px; height:79px; background-size:79px auto; background-image: url("../images/new/comparison.png");}

.preview .item .tx {position:absolute; left:0; bottom:38px; width:100%; font-size:36px; color:#fff; font-weight:600; line-height:1; letter-spacing:-1.2px;}
.preview .item .tx.depth {bottom:25px;}
.preview .item .tq {position:absolute; left:24px; top:22px; font-size:36px; font-weight: 300; color:#fff; line-height:1.2; letter-spacing:-1.2px; text-align:left;}


/* preview gate에서 결제 버튼 정보*/
.preview-pay {position:relative; width:100%; height:174px; border:1px #fff solid; border-radius:30px; margin:60px 0 0 0;}
.preview-pay:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0.1; border-radius:30px; z-index:1;}
.preview-pay a {position:relative; display:block; width:100%; height:100%; background-size:86px auto; background-position:left 42px bottom 16px; background-repeat:no-repeat; z-index:2;}
.preview-pay .tit {font-size:36px; color:#fff; font-weight:300; line-height:1.2; letter-spacing:-1.8px; padding:18px 0 0 30px;}
.preview-pay .img {position:absolute; right:-6px; bottom:0px;}
.preview-pay .img img {width:316px;}

.complete-page {text-align: center; margin-bottom: 50px;}
.complete-page .txt {font-size: 30px;color: #7064E7;font-weight: 600;}

/* btn */
.appBtn {display:inline-block; width:100%; height:74px; margin:0 auto; background:#7064E7; border-radius:10px;text-align: center;}
.appBtn span {display:inline-block; font-size:30px; color:#fff; font-weight:500; line-height:74px;}

@media (max-width: 750px) {
  /* btn */
  .appBtn {display:inline-block; width:100%; height:50px; margin:0 auto; background:#7064E7; border-radius:10px;text-align: center;}
  .appBtn span {display:inline-block; font-size:16px; color:#fff; font-weight:500; line-height:50px;}

  .macrogenRefundPolicy {margin-top:  -70px;}
  .macrogenGoodsName {
    padding-top: 20px; padding-bottom: 20px; color: #000; font-weight: 600;
    font-size: 26px
  }

  .accordion-header {font-size: 16px;padding: 15px;}
  .accordion-content-inner  { padding: 15px;}
  .accordion-content-inner p { font-size: 16px; ;}
  .accordion-content-inner p span { font-size: 13px; line-height: 15px; text-decoration: underline;}

  .preview .item a:after {border-radius:15px;}
  .preview .item a {border-radius:15px;}
  /*.preview .item .icoQ {}*/
  .preview .item .icoQ.a01 {width:60px; height:60px; background-size:60px auto; background-image: url("../images/new/hospital.png");}
  .preview .item .icoQ.a02 {width:60px; height:60px; background-size:60px auto; background-image: url("../images/new/comparison.png");}
  .preview .item .tq {font-size:22px; font-weight: 300; left:15px; top:17px; }

  .preview-pay {height:104px; border-radius:15px; margin:34px 0 0 0;}
  .preview-pay:after {border-radius:15px;}
  .preview-pay .tit {font-size:22px; line-height:1.2; letter-spacing:-1px; padding:17px 0 0 15px;}
  .preview-pay .img img {width:165px;}

  .inputGroup.exception label {border-color: #fff; line-height: 14px; font-size: 16px; font-weight: normal; padding: 13px 20px 13px 48px}
  .inputGroup.exception label:after {width:16px; height:16px; background-size:16px;}
  .inputGroup.exception input:checked ~ label:after {background-size:16px;}

  .complete-page {text-align: center; margin-bottom: 30px;}
  .complete-page .txt {font-size: 20px;color: #7064E7;font-weight: 600;}

}