@charset "UTF-8";
.contact-text {
  font-size: 2vw;
  font-weight: bold; }

@media screen and (max-width: 900px) {
  .contact-text {
    font-size: calc(900px * 2 * 0.01); } }

@media screen and (min-width: 1200px) {
  .contact-text {
    font-size: calc(1200px * 2 * 0.01); } }

.contact-content {
  /* flex 컨테이너 */
  display: flex;
  flex-flow: column nowrap; }

.contact-email-form {
  /* 기본 */
  background-color: #ebebeb;
  padding: 25px 20%;
  align-items: center;
  /* flex 컨테이너 */
  display: flex;
  flex-flow: column nowrap; }

.contact-input-container:not(:first-child) {
  margin-top: 2vw; }

@media screen and (max-width: 900px) {
  .contact-input-container:not(:first-child) {
    margin-top: calc(900px * 2 * 0.01); } }

@media screen and (min-width: 1200px) {
  .contact-input-container:not(:first-child) {
    margin-top: calc(1200px * 2 * 0.01); } }

.contact-label {
  font-size: 1.5vw;
  padding-left: 2.2vw;
  padding-bottom: .5vw;
  font-weight: bold; }

@media screen and (max-width: 900px) {
  .contact-label {
    font-size: calc(900px * 1.5 * 0.01);
    padding-left: calc(900px * 2.2 * 0.01);
    padding-bottom: calc(900px * .5 * 0.01); } }

@media screen and (min-width: 1200px) {
  .contact-label {
    font-size: calc(1200px * 1.5 * 0.01);
    padding-left: calc(1200px * 2.2 * 0.01);
    padding-bottom: calc(1200px * .5 * 0.01); } }

.contact-input {
  font-size: 1.4vw;
  min-height: 2.5vw;
  padding: 1vw 1.5vw;
  color: #262626;
  width: 100%;
  border: none; }

@media screen and (max-width: 900px) {
  .contact-input {
    font-size: calc(900px * 1.4 * 0.01);
    min-height: calc(900px * 2.5 * 0.01);
    padding: calc(900px * 1 * 0.01) calc(900px * 1.5 * 0.01); } }

@media screen and (min-width: 1200px) {
  .contact-input {
    font-size: calc(1200px * 1.4 * 0.01);
    min-height: calc(1200px * 2.5 * 0.01);
    padding: calc(1200px * 1 * 0.01) calc(1200px * 1.5 * 0.01); } }

select.contact-input option {
  font-size: 1.5vw; }

@media screen and (max-width: 900px) {
  select.contact-input option {
    font-size: calc(900px * 1.5 * 0.01); } }

@media screen and (min-width: 1200px) {
  select.contact-input option {
    font-size: calc(1200px * 1.5 * 0.01); } }

textarea.contact-input {
  min-height: 18vw;
  resize: vertical; }

@media screen and (max-width: 900px) {
  textarea.contact-input {
    min-height: calc(900px * 18 * 0.01); } }

@media screen and (min-width: 1200px) {
  textarea.contact-input {
    min-height: calc(1200px * 18 * 0.01); } }

button.contact-send-email {
  cursor: pointer;
  font-size: 1.4vw;
  padding: .5vw 2.6vw;
  margin-top: 15px;
  border: none;
  background-color: #cbcbcb;
  color: #3b3b3b;
  font-weight: bold; }

button.contact-send-email:disabled {
  cursor: default;
  opacity: 0.4; }

@media screen and (max-width: 900px) {
  button.contact-send-email {
    font-size: calc(900px * 1.4 * 0.01);
    padding: calc(900px * .5 * 0.01) calc(900px * 2.6 * 0.01); } }

@media screen and (min-width: 1200px) {
  button.contact-send-email {
    font-size: calc(1200px * 1.4 * 0.01);
    padding: calc(1200px * .5 * 0.01) calc(1200px * 2.6 * 0.01); } }