main #main-content {
  padding: 0px;
}

main #main-content .container-main {
  width: 100%;
  height: 630px;
  background-color: #85C9BE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 710px) {
  main #main-content .container-main {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

main #main-content .container-main .main-block {
  width: 667px;
  height: 480px;
  background-color: #D7EFEB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px 0 10px;
  border: #43A8A5 1px solid;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
}

@media (max-width: 710px) {
  main #main-content .container-main .main-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: initial;
    margin: 16px 9px 11px 9px;
    padding: 3.66% 10px;
    border: 1px solid #43A8A5;
  }
}

main #main-content .container-main .main-block .left-img {
  width: 308px;
  height: 457px;
  background-color: #43A8A5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 710px) {
  main #main-content .container-main .main-block .left-img {
    width: 100%;
    height: initial;
    padding: 5px 0;
  }
}

@media (max-width: 710px) {
  main #main-content .container-main .main-block .left-img > img {
    width: 81.67px;
  }
}

main #main-content .container-main .main-block .work-area {
  width: 337px;
  height: 457px;
  background-color: #ffffff;
  font-size: 1.9375rem;
  font-weight: bold;
  color: #257774;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 14px;
}

@media (max-width: 710px) {
  main #main-content .container-main .main-block .work-area {
    padding-left: 0;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

main #main-content .container-main .main-block .work-area span {
  margin-top: 24px;
  margin-bottom: 12px;
  margin-left: -5px;
}

main #main-content .container-main .main-block .work-area .input-search-box {
  margin-top: 0;
}

main #main-content .container-main .main-block .work-area .input-search-box .field {
  margin-bottom: 8px;
}

@media (max-width: 710px) {
  main #main-content .container-main .main-block .work-area .input-search-box .field {
    margin-bottom: 20px;
    width: 300px;
    height: 40px;
  }
}

main #main-content .container-main .main-block .work-area .input-search-box .field .label-name {
  font-size: 1.3125rem;
  font-weight: normal;
}

main #main-content .container-main .main-block .work-area .input-search-box .field .label-name.login-1 {
  width: 77px;
  height: 47px;
  padding-left: 11px;
}

main #main-content .container-main .main-block .work-area .input-search-box .field .login-1 {
  border: none;
}

main #main-content .container-main .main-block .work-area .input-search-box .check-img {
  width: 297px;
  height: 73px;
  margin-top: 11px;
  margin-bottom: 11px;
}

@media (max-width: 710px) {
  main #main-content .container-main .main-block .work-area .input-search-box .check-img {
    margin-bottom: 17px;
  }
}

@media (max-width: 710px) {
  main #main-content .container-main .main-block .work-area .input-search-box .check-img > img {
    width: 100%;
  }
}

main #main-content .container-main .main-block .work-area .input-search-box .input-not-required {
  width: 100%;
  text-align: left;
  background-color: #EFEFEF;
  height: 47px;
  font-size: 1.3125rem;
  font-weight: normal;
}

main #main-content .container-main .main-block .work-area .input-search-box .input-not-required:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

main #main-content .container-main .main-block .work-area .input-search-box .input-not-required.login-1 {
  max-width: 220px;
}

main #main-content .container-main .main-block .work-area .btn-login, main #main-content .container-main .main-block .work-area .btn-cancel {
  width: 118px;
  height: 47px;
  background-color: #257774;
  color: #ffffff;
  line-height: 10px;
  font-size: 1.3125rem;
  font-weight: normal;
  border: 1p x solid #257774;
  margin-top: -2px;
}

@media (max-width: 767px) {
  main #main-content .container-main .main-block .work-area .btn-login, main #main-content .container-main .main-block .work-area .btn-cancel {
    height: 40px;
  }
}

main #main-content .container-main .main-block .work-area .btn-cancel {
  background-color: #ffffff;
  color: #707070;
  border: 1px solid #E3E3E3;
  margin-right: 60px;
}
/*# sourceMappingURL=f006.css.map */