@charset "utf-8";

/*
  ★★★
  이메일 주소 바꿔주기
    1) 구글시트 스크립트
    2) html head 태그
  구글시트 스크립트 주소 바꿔주기
    1) html head 태그
*/

/* ----- inquire_form ----- */
.inquire .inquire_form, .as_section form{
  margin: 3.125rem 0 18.75rem 0;
}

#honeypot {
  display: none;
}

.inquire .form-elements, .as_section .form-elements{
  padding: 50px;
  background-color: #fff;
  border: 2px solid #414EAC;
  border-radius: 20px;
  box-shadow: 5px 5px 10px #34344804;
}
.inquire .inquire_box{
  padding: 50px;
}
.inquire .inquire_row{
  display: flex;
  align-items: center;
}
.inquire .inquire_grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
}
.inquire .inquire_option{
  background-color: #F5F6FB;
  border-radius: 20px;
}
.inquire .inquire_category{
  margin-bottom: 20px;
  flex-direction: column;
  align-items: flex-start;
}
.inquire h5{
  margin-right: 15px;
  color: #414EAC;
  font-size: 1.875rem;
  font-weight: 600;
}
.inquire .inquire_explain{
  margin-top: 10px;
  font-size: 1rem;
  color: #414EAC;
}
.inquire .inquire_compulsory{
  display: flex;
  position: relative;
}
.inquire .inquire_compulsory::after{
  content: '*';
  color: #414EAC;
  font-size: 1.25rem;
  font-weight: 800;
  position: absolute;
  left: auto;
}
.inquire fieldset{
  width: 100%;
  margin: 0.5rem 0;
  border: 1px solid transparent;
}
.inquire label{
  width: auto !important;
  font-size: 1.25rem;
  font-weight: 600;
  display: inline-block !important;
}
.inquire input::placeholder, .inquire textarea::placeholder{
  color: #A4A4A4;
  font-size: 1rem;
}
.inquire input,
.inquire select{
  width: 100% !important;
  padding: 0.5rem 0;
  border: 1px solid transparent !important;
  border-bottom: 1px solid #414EAC !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 transparent !important;
  color: #343448;
  font-weight: 600 !important;
}
.inquire input:focus, .inquire input:hover{
  border-bottom: 1px solid #7b86d8 !important;
  color: #414EAC !important;
  font-weight: 600 !important;
}
.inquire .inquire_row input[type='checkbox']{
  width: 16px !important;
  height: 16px;
  margin: 5px 5px 5px 0 !important;
  border: 1px solid #414EAC;
  display: inline-block !important;
}
.inquire textarea{
  width: 100% !important;
  margin-top: 5px !important;
  padding: 0.5rem;
  border: 1px solid #414EAC !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 transparent !important;
  color: #343448;
  font-weight: 600 !important;
}
.inquire textarea:focus, .inquire textarea:hover{
  border: 1px solid #7b86d8 !important;
  color: #414EAC !important;
  font-weight: 600 !important;
}
.inquire .label_privacy{
  font-weight: 400;
}

.inquire .agree-group{
  display: flex;
  align-items: center;
}
.inquire .btn_detail{
  display: inline-block;
}

.inquire .btn_circle{
  width: auto !important;
  height: 50px !important;
  margin: 0 auto 100px auto;
  padding: 12px 20px !important;
  border-radius: 1000px !important;
  font-size: 1.25rem !important;
  display: inline-block !important;
  transition: 0.3s;
}
.inquire .btn_circle:hover{
  background-color: #7b86d8 !important;
  border: 1px solid #7b86d8 !important;
  color: #fff !important;
}
.inquire .btn_blue{
  background-color: #414EAC !important;
  border: 1px solid #414EAC !important;
  color: #fff !important;
  font-weight: 600 !important;
}

.inquire .thankyou_message{
  padding: 200px 50px;
  background-color: #fff;
  border: 2px solid #414EAC;
  border-radius: 20px;
  box-shadow: 5px 5px 10px #34344804;
}
.inquire .thankyou_message h2{
  color: #414EAC;
  font-size: 1.875rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.inquire_wait{
  font-size: 1.25rem;
}



/* ----- responsive ----- */
@media (max-width: 1100px){
  /* ----- inquire_form ----- */
  .inquire .inquire_form{
    margin: 2rem 0 12.5rem 0;
  }
  .inquire .form-elements{
    padding: 30px;
  }
  .inquire h5{
    font-size: 1.25rem;
  }
  .inquire .inquire_explain, .inquire label{
    font-size: 1rem;
  }
  .inquire .btn_circle{
    height: 40px !important;
    margin: 0 auto 50px auto;
    padding: 10px 20px !important;
    font-size: 1rem !important;
  }
  .inquire_wait{
    font-size: 1rem;
  }
}

@media (max-width: 900px){
  /* ----- inquire_form ----- */
  .inquire .form-elements{
    padding: 30px;
  }
  .inquire .inquire_grid{
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0;
  }
  .inquire .inquire_explain{
    font-size: 0.875rem;
  }
}

@media (max-width: 700px){
  /* ----- inquire_form ----- */
  .inquire .form-elements{
    padding: 20px;
  }
  .inquire .agree-group{
    align-items: flex-start;
  }
  .inquire .btn_detail{
    display: flex;
  }
}

@media (max-width: 500px){
  /* ----- inquire_form ----- */
  .inquire .form-elements{
    padding: 10px;
  }
}


/* ----- after_sales.php ----- */
/* #as_select{
  width: 100%;
  padding: 0.5rem;
  margin-top: 0.4rem;
  border: 1px solid #414EAC;
  color: #343448;
  font-weight: 600;
  cursor: pointer;
  appearance: none;
  -webkit-appearance:none;
  -moz-appearance:none;
}
.as_robotModel_box{
  position: relative;
}
.as_robotModel_box::after{
  content: '▼';
  font-size: 0.8rem;
  color: #343448;
  position: absolute;
  bottom: 12px;
  right: 12px;
}
.as_robotModel_box:hover::after{
  color: #414EAC;
}
#as_select:hover, #as_select:focus{
  border: 1px solid #7b86d8;
  color: #414EAC;
} */

/* A/S 페이지 iframe 설정 */
/* .as_wrap{
  width: 100%;
}
.as_iframe{
  width: 100%;
  height: fit-content;
}
@media (max-width: 1100px){
  .as_iframe{
    height: 2100px;
  }
}
@media (max-width: 900px){
  .as_iframe{
    height: 2300px;
  }
}
@media (max-width: 700px){
  .as_iframe{
    height: 2400px;
  }
}
@media (max-width: 500px){
  .as_iframe{
    height: 2500px;
  }
}
@media (max-width: 460px){
  .as_iframe{
    height: 2600px;
  }
}
@media (max-width: 330px){
  .as_iframe{
    height: 2700px;
  }
} */