html {
  scroll-behavior: smooth;
}

/*************************BASIC******************************/
html {
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

body {
  margin: 0;
  box-sizing: border-box;
  font-family: "Rubik", sans-serif;
  color: #000000;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.42;
}
@media (max-width: 768px) {
  body {
    font-size: 3.56vw;
    line-height: 1.7;
  }
}

* {
  box-sizing: border-box;
}

button {
  padding: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  font-family: inherit;
}
button:focus, button:active {
  outline: none;
}

img {
  width: 100%;
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
}

input, textarea, select {
  font-family: "Rubik", sans-serif;
  font-size: inherit;
  color: inherit;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: none;
}

@media (max-width: 768px) {
  .desktop {
    display: none;
  }
}

@media (min-width: 769px) {
  .mobile {
    display: none;
  }
}

.textT1 {
  font-size: 214.28%;
  line-height: 1.4;
  font-weight: 400;
}
@media (max-width: 768px) {
  .textT1 {
    line-height: 1.7;
  }
}

.textT2 {
  font-size: 142.85%;
  line-height: 1.4;
  font-weight: 400;
}
@media (max-width: 768px) {
  .textT2 {
    line-height: 1.7;
  }
}

.textT3 {
  font-size: 114.28%;
  line-height: 1.4;
  font-weight: 400;
}
@media (max-width: 768px) {
  .textT3 {
    line-height: 1.7;
  }
}

.normalText {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
}

.normalType {
  font-weight: 400;
}

.mediumType {
  font-weight: 500;
}

.boldType {
  font-weight: 700;
}

.blackType {
  font-weight: 800;
}

.color3 {
  color: #FF3838;
}

.color4 {
  color: #ffffff;
}

.color6 {
  color: #2E7CF6;
}

.back4 {
  background: #ffffff;
}

.back5 {
  background: #FAFAFA;
}

.backMain {
  background: #000000;
}

.underline {
  text-decoration: underline;
}

.centerText {
  text-align: center;
}

.main_container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  max-width: 1920px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

.wrapT1 {
  max-width: 650px;
  margin-right: 15.62%;
  margin-left: 15.62%;
}
@media (max-width: 768px) {
  .wrapT1 {
    max-width: 100%;
    width: 89.82%;
    margin: 0 auto;
  }
}

.header {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 18px 0;
  margin-bottom: 70px;
}
@media (max-width: 768px) {
  .header {
    padding: 3.82vw 0;
    margin-bottom: 13.23vw;
  }
}

.header_logo {
  width: 150px;
}
@media (max-width: 768px) {
  .header_logo {
    width: 31.81vw;
    margin: 0 auto;
  }
}

.footer {
  padding: 24px 0;
  margin-top: auto;
}
@media (max-width: 768px) {
  .footer {
    padding: 10.69vw 0;
  }
}

.footer_logo {
  width: 356px;
}
@media (max-width: 768px) {
  .footer_logo {
    width: 78.63vw;
    margin: 0 auto;
  }
}

.btnT1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  position: relative;
  z-index: 1;
  border-radius: 22px;
  width: 100%;
}

.loader {
  display: none;
  width: 20px;
  height: 20px;
  border: 4px solid #58C8DF;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 768px) {
  .btnT1 {
    padding: 2.54vw;
    border-radius: 5.6vw;
  }
}
.btnT1.disable {
  color: #ffffff;
  opacity: 0.4;
  pointer-events: none;
}

.q_a_section {
  padding: 16px 12px 0;
  background: #F6F6F6;
  border-radius: 12px;
}
@media (max-width: 768px) {
  .q_a_section {
    border-radius: 3.05vw;
    padding: 4.07vw 3.05vw 0;
  }
}
.q_a_section .icon_title {
  width: 23px;
  margin-left: 12px;
  display: inline-block;
}
@media (max-width: 768px) {
  .q_a_section .icon_title {
    width: 5.85vw;
    margin-left: 3.05vw;
  }
}

.q_a_container {
  border-bottom: 1px solid #DDDDDD;
}
.q_a_container:last-of-type {
  border: none;
}
.q_a_container.open .icon .open {
  display: block;
}
.q_a_container.open .icon .close {
  display: none;
}
.q_a_container.open .answer_container {
  opacity: 1;
  height: auto;
  transition: all 0.3s ease-in-out;
}

.imgT1 {
  width: 350px;
  margin: 0 auto;
  padding-bottom: 16px;
}
@media (max-width: 768px) {
  .imgT1 {
    width: 100%;
    padding-bottom: 4.07vw;
  }
}

.question_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
}
@media (max-width: 768px) {
  .question_container {
    padding: 4.07vw 0;
  }
}
.question_container .icon {
  width: 24px;
  display: block;
  margin-right: 21px;
}
@media (max-width: 768px) {
  .question_container .icon {
    width: 6.11vw;
    margin-right: 5.34vw;
  }
}
.question_container .icon .open {
  display: none;
}
.question_container .text {
  max-width: 80%;
}

.answer_container {
  opacity: 0;
  height: 0;
  pointer-events: none;
}
.answer_container p {
  padding: 8px 16px 22px;
}
@media (max-width: 768px) {
  .answer_container p {
    padding: 2.04vw 4.07vw 5.6vw;
  }
}

.videoT1 {
  border-radius: 12px;
  overflow: hidden;
  width: 650px;
  position: relative;
}
.videoT1::after {
  content: "";
  display: block;
  padding-bottom: 366px;
}
@media (max-width: 768px) {
  .videoT1::after {
    padding-bottom: 50.89vw;
  }
}
@media (max-width: 768px) {
  .videoT1 {
    width: 100%;
    border-radius: 2.04vw;
  }
}
.videoT1 iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.form_section {
  position: relative;
}

.form_container {
  position: relative;
}
.form_container label:not(.checkbox_wrap) {
  margin-bottom: 8px;
  display: block;
}
@media (max-width: 768px) {
  .form_container label:not(.checkbox_wrap) {
    margin-bottom: 2.04vw;
  }
}

.form_row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.form_row .form_item {
  width: 48.7%;
}
@media (max-width: 768px) {
  .form_row .form_item {
    width: 100%;
  }
}

.form_item {
  position: relative;
  width: 100%;
}
.form_item textarea {
  resize: none;
  min-height: 150px;
}
@media (max-width: 768px) {
  .form_item textarea {
    min-height: 45.29vw;
  }
}
.form_item input, .form_item select, .form_item textarea {
  background: #ffffff;
  width: 100%;
  padding: 12px 20px;
  border-radius: 8px;
  color: #000000;
  border: 1px solid #DDDDDD;
}
@media (max-width: 768px) {
  .form_item input, .form_item select, .form_item textarea {
    padding: 3.05vw 5.09vw;
    border-radius: 2.04vw;
  }
}
.form_item input::-webkit-input-placeholder, .form_item textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000000;
}
.form_item input::-moz-placeholder, .form_item textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
}
.form_item input:-ms-input-placeholder, .form_item textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #000000;
}
.form_item input:-moz-placeholder, .form_item textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
}
.form_item select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.form_item select::-ms-expand {
  display: none;
}
.form_item .icon {
  position: absolute;
  left: 20px;
  width: 20px;
  pointer-events: none;
  top: 38px;
}
@media (max-width: 768px) {
  .form_item .icon {
    left: 5.09vw;
    width: 5.09vw;
    top: 10.18vw;
  }
}
.form_item.error .error_msg {
  display: block;
}

.error_msg {
  color: #FF3838;
  font-size: 85%;
  display: none;
}
.error_msg.error {
  display: block;
}

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

.form_checkbox {
  position: relative;
}
.form_checkbox .error_msg {
  position: absolute;
  top: 100%;
  right: 0;
}
.form_checkbox.type2 {
  padding: 12px 20px;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
}

.checkbox_wrap {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  position: relative;
  padding-right: 31px;
  cursor: pointer;
  user-select: none;
  min-height: 18px;
}
@media (max-width: 768px) {
  .checkbox_wrap {
    padding-right: 7.89vw;
    min-height: 4.58vw;
  }
}
.checkbox_wrap input {
  -webkit-appearance: none;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 100%;
  margin: 0;
  right: 0;
  top: 0;
  width: 40px;
}
@media (max-width: 768px) {
  .checkbox_wrap input {
    width: 10.18vw;
  }
}
.checkbox_wrap input:checked ~ .checkmark::after {
  display: block;
}
.checkbox_wrap .checkmark {
  position: absolute;
  top: 1px;
  right: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #DDDDDD;
  background: #ffffff;
  pointer-events: none;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .checkbox_wrap .checkmark {
    transform: none;
    width: 4.58vw;
    height: 4.58vw;
    border-radius: 1.02vw;
  }
}
.checkbox_wrap .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  width: 3px;
  height: 7px;
  top: 2px;
  border: solid #000000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  .checkbox_wrap .checkmark::after {
    left: 1.27vw;
    width: 0.76vw;
    height: 1.78vw;
    top: 0.51vw;
    border-width: 0 0.76vw 0.76vw 0;
  }
}
.checkbox_wrap.error .error_msg {
  display: flex;
}

.form_checkbox_wrap.error .error_msg {
  display: block;
}

.margB1 {
  margin-bottom: 36px;
}
@media (max-width: 768px) {
  .margB1 {
    margin-bottom: 7.63vw;
  }
}

.margB2 {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .margB2 {
    margin-bottom: 4.07vw;
  }
}

.margB3 {
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .margB3 {
    margin-bottom: 2.04vw;
  }
}

.margB4 {
  margin-bottom: 70px;
}
@media (max-width: 768px) {
  .margB4 {
    margin-bottom: 13.23vw;
  }
}

/*# sourceMappingURL=style.css.map */