@charset "UTF-8";
/* template 별 커스텀 css */
.secTitWrap {
  text-align: center;
}
.secTitWrap h4 {
  margin-bottom: 20px;
}

.f__QA {
  display: grid;
  grid-template-columns: 472px 1fr;
  column-gap: 68px;
}
.f__QA .f__btn {
  grid-column: 1/3;
  width: 160px;
  margin: 80px auto 0;
}

.carouselWrap {
  position: relative;
}
.carouselWrap .carousel li {
  flex: 0 0 100%;
}
.carouselWrap .carouselPagination {
  justify-content: center;
  margin-top: 20px;
}
.carouselWrap .carouselPagination li.active a {
  background-color: var(--gray_50);
}
.carouselWrap .iwtBox {
  height: 472px;
  background-color: var(--gray_90);
  border-radius: 30px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.carouselWrap .iwtBox .iwcIcon {
  display: block;
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.carouselWrap .iwtBox .iwcIcon.icon1 {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none"%3E%3Cpath d="M59.4639 0H20.5361C9.19432 0 0 9.19432 0 20.5361V59.4639C0 70.8057 9.19432 80 20.5361 80H59.4639C70.8057 80 80 70.8057 80 59.4639V20.5361C80 9.19432 70.8057 0 59.4639 0Z" fill="%2300BCC1"/%3E%3Cpath d="M57.9582 29.7975L39.1438 21.0709V26.9197L26.5325 21.0709V52.1112L45.3531 60.8378V54.989L57.9582 60.8378V29.7975Z" fill="%23C1FFFF"/%3E%3Cpath d="M22.2513 50.3029L24.5759 51.3844V20.3441L22.2513 19.2688V50.3029Z" fill="%23C1FFFF"/%3E%3C/svg%3E');
}
.carouselWrap .iwtBox .iwcIcon.icon2 {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none"%3E%3Cpath d="M59.4639 0H20.5361C9.19432 0 0 9.19432 0 20.5361V59.4639C0 70.8057 9.19432 80 20.5361 80H59.4639C70.8057 80 80 70.8057 80 59.4639V20.5361C80 9.19432 70.8057 0 59.4639 0Z" fill="%23F94646"/%3E%3Cpath d="M40.7443 21.3754V17.6399L32.4466 25.4031L40.7443 33.1663V29.4556H48.607V50.8992H56.6871V21.3754H40.7443Z" fill="%23FFF2EE"/%3E%3Cpath d="M47.8527 54.6035L39.8098 46.8403V50.551H31.394V29.1074H23.3138V58.6312H39.8098V62.3667L47.8527 54.6035Z" fill="%23FFF2EE"/%3E%3C/svg%3E');
}
.carouselWrap .iwtBox .iwcIcon.icon3 {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none"%3E%3Cpath d="M59.4639 0H20.5361C9.19432 0 0 9.19432 0 20.5361V59.4639C0 70.8057 9.19432 80 20.5361 80H59.4639C70.8057 80 80 70.8057 80 59.4639V20.5361C80 9.19432 70.8057 0 59.4639 0Z" fill="%2314325D"/%3E%3Cpath d="M30.2311 20.4597L20.4609 30.2299L30.2311 40L40.0013 30.2299L30.2311 20.4597Z" fill="%23C0E3FA"/%3E%3Cpath d="M49.7728 20.4662L40.0026 30.2363L49.7728 40.0065L59.543 30.2363L49.7728 20.4662Z" fill="%23C0E3FA"/%3E%3Cpath d="M30.2311 40.0027L20.4609 49.7728L30.2311 59.543L40.0013 49.7728L30.2311 40.0027Z" fill="%23C0E3FA"/%3E%3Cpath d="M49.7728 40.0013L40.0026 49.7715L49.7728 59.5417L59.543 49.7715L49.7728 40.0013Z" fill="%23C0E3FA"/%3E%3C/svg%3E');
}
.carouselWrap .iwtBox .iwcIcon.icon4 {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none"%3E%3Cpath d="M59.4639 0H20.5361C9.19432 0 0 9.19432 0 20.5361V59.4639C0 70.8057 9.19432 80 20.5361 80H59.4639C70.8057 80 80 70.8057 80 59.4639V20.5361C80 9.19432 70.8057 0 59.4639 0Z" fill="%23A160F0"/%3E%3Cpath d="M59.4965 37.666V31.9912H51.9259V28.0754H28.0708V31.9912H20.5065V37.666H28.0708V42.3339H20.5065V48.0148H28.0708V51.9306H51.9259V48.0148H59.4965V42.3339H51.9259V37.666H59.4965Z" fill="%23F6EDFF"/%3E%3Cpath d="M37.6604 19.8828H31.9857V25.1101H37.6604V19.8828Z" fill="%23F6EDFF"/%3E%3Cpath d="M37.6604 54.7344H31.9857V60.1232H37.6604V54.7344Z" fill="%23F6EDFF"/%3E%3Cpath d="M48.012 19.8828H42.3372V25.1101H48.012V19.8828Z" fill="%23F6EDFF"/%3E%3Cpath d="M48.012 54.7344H42.3372V60.1232H48.012V54.7344Z" fill="%23F6EDFF"/%3E%3C/svg%3E');
}
.carouselWrap .iwtBox .icWtxt {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.f__formRow {
  row-gap: 8px;
}
.f__formRow .inputWrap {
  flex: 1;
}
.f__formRow .inputWrap:has(textarea) {
  height: 124px;
}

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

.termsBox {
  overflow: auto;
  width: 100%;
  height: 124px;
  border-radius: 5px;
  border: 1px solid var(--gray_80);
  padding: 10px 16px;
}

/*** tablet ***/
@container (min-width: 760px) and (max-width: 1015px) {
  .f__QA {
    grid-template-columns: 1fr;
    row-gap: 48px;
  }
  .f__QA .f__btn {
    grid-column: 1/2;
    width: 140px;
    margin: 12px auto 0;
  }
  .carouselWrap .carouselPagination {
    margin-top: 12px;
  }
  .carouselWrap .iwtBox {
    height: 163px;
    border-radius: 20px;
    padding: 24px 20px;
    flex-direction: row;
    gap: 20px;
  }
  .carouselWrap .iwtBox .iwcIcon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
  }
}
/*** mobile ***/
@container (max-width: 759px) {
  .f__QA {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .f__QA .f__btn {
    grid-column: 1/2;
    width: 128px;
    margin: 8px auto 0;
  }
  .carouselWrap .carouselPagination {
    margin-top: 12px;
  }
  .carouselWrap .iwtBox {
    height: 132px;
    border-radius: 15px;
    padding: 16px;
    flex-direction: row;
    gap: 8px;
  }
  .carouselWrap .iwtBox .icWtxt {
    gap: 4px;
  }
  .carouselWrap .iwtBox .icWtxt .f__H5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: -0.048px;
  }
  .carouselWrap .iwtBox .icWtxt .f__sH7 {
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.042px;
  }
  .carouselWrap .iwtBox .iwcIcon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
  }
}