* {
  word-break: keep-all !important;
}

#contact {
  padding-top:130px;
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  #contact {
    padding-top: 60px;
  }
}

#contact .container {
  width: 100%;
  height: auto;
}

#contact .container .sec_01 {
  width: 100%;
  height: auto;
  padding: 100px 0;
  text-align: center;
}

#contact .container .sec_01 h2 {
  font-family: 'PB_B';
  font-size: 32px;
  color: #85B400;
  margin-bottom: 20px;
}

#contact .container .sec_01 p {
  font-family: 'PB_R';
  font-size: 24px;
  color: #496100;
}

#contact .container .btn_wrapper {
  width: 100%;
  max-width: 1000px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto;
}

#contact .container .btn_wrapper button {
  width: 50%;
  height: 50px;
  border: none;
  background: #496100;
  font-family: 'PB_B';
  font-size: 20px;
  color: #fff;
}

#contact .container .btn_wrapper button.active {
  background: #85B400;
}

#contact .container .btn_wrapper button:hover {
  background: #85B400;
}

#contact .container .sec_02 {
  width: 100%;
  height: auto;
  padding: 100px 0;
  background: #F9F9F9;
  display: flex;
  align-items: center;
  justify-content: center;
}

#contact .container .sec_02 form {
  width: 730px;
  height: auto;
  border-top: 2px solid #626262;
}

#contact .container .sec_02 form .input_wrap {
  width: 100%;
  padding: 10px 50px;
  height: auto;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
}

#contact .container .sec_02 form .input_wrap:last-of-type {
  border-bottom: 1px solid #626262;
}

#contact .container .sec_02 form .input_wrap label {
  width: 160px;
  height: auto;
  flex-shrink: 0;
  font-family: 'PB_B';
  font-size: 16px;
  color: #626262;
}

#contact .container .sec_02 form .input_wrap input[type=text] {
  width: 100%;
  height: 30px;
  border: 1px solid #E6E6E6;
  background: none;
  padding: 0 10px;
  font-family: 'PB_R';
  font-size: 16px;
}

#contact .container .sec_02 form .input_wrap select {
  width: 100%;
  max-width: 230px;
  height: 30px;
  padding: 0 10px;
  font-family: 'PB_B';
  font-size: 16px;
  color: #626262;
  background: none;
  border: 1px solid #E6E6E6;
}

#contact .container .sec_02 form .input_wrap .check_wrap {
  width: auto;
  height: auto;
}

#contact .container .sec_02 form .input_wrap .check_wrap div {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 10px;
  font-family: 'PB_R';
  font-size: 16px;
  color: #626262;
}

#contact .container .sec_02 form .input_wrap .check_wrap div:last-of-type {
  margin-bottom: 0;
}

#contact .container .sec_02 form .input_wrap .check_wrap div input {
  width: 15px;
  height: 15px;
}

#contact .container .sec_02 form .input_wrap textarea {
  width: 100%;
  height: 130px;
  border: 1px solid #E6E6E6;
  background: none;
  resize: none;
  padding: 5px;
  font-family: 'PB_R';
  font-size: 16px;
  color: #626262;
}

#contact .container .sec_02 form .agree_box {
  width: 100%;
  padding: 0 50px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

#contact .container .sec_02 form .agree_box input {
  width: 15px;
  height: 15px;
}

#contact .container .sec_02 form .agree_box label {
  font-family: 'PB_R';
  font-size: 16px;
  color: #626262;
}

#contact .container .sec_02 form input[type=submit] {
  width: 250px;
  height: 50px;
  font-family: 'PB_B';
  font-size: 20px;
  color: #fff;
  background: #85B400;
  border: none;
  display: block;
  margin: 50px auto 0;
}

@media (max-width: 1200px) {
  #contact .container .btn_wrapper {
    max-width: 90%;
  }
}

@media (max-width: 900px) {
  #contact .container .sec_01 h2 {
    font-size: 24px;
  }

  #contact .container .sec_01 p {
    font-size: 18px;
  }

  #contact .container .btn_wrapper button {
    height: 40px;
    font-size: 18px;
  }

  #contact .container .sec_02 form {
    width: 90%;
  }
}

@media (max-width: 500px) {
  #contact .container .sec_01 {
    padding: 50px 0;
  }

  #contact .container .sec_01 h2 {
    font-size: 20px;
  }

  #contact .container .sec_01 p {
    font-size: 16px;
  }

  #contact .container .btn_wrapper button {
    height: 35px;
    font-size: 16px;
  }

  #contact .container .sec_02 {
    padding: 50px 0;
  }

  #contact .container .sec_02 form .input_wrap {
    padding: 10px;
  }

  #contact .container .sec_02 form .input_wrap label {
    font-size: 14px;
    width: 90px;
  }

  #contact .container .sec_02 form .input_wrap input[type=text] {
    height: 25px;
    padding: 0 5px;
    font-size: 14px;
  }

  #contact .container .sec_02 form .input_wrap .check_wrap div {
    font-size: 14px;
  }

  #contact .container .sec_02 form .input_wrap select {
    padding: 0 5px;
    font-size: 14px;
  }

  #contact .container .sec_02 form .input_wrap textarea {
    font-size: 14px;
  }

  #contact .container .sec_02 form .agree_box {
    padding: 0 10px;
  }

  #contact .container .sec_02 form .agree_box label {
    font-size: 14px;
  }

  #contact .container .sec_02 form input[type=submit] {
    width: 150px;
    height: 40px;
    font-size: 16px;
    margin: 30px auto 0;
  }
}