.inquiry-section {
  font-weight: 400;
  font-size: 1.8rem;
  color: #121212;
}

.essential-guide {
  text-align: right;
  color: #757575;
  padding-bottom: 30px;
}

.inquiry-form-box {
  border-top: 3px solid #121212;
  border-bottom: 3px solid #121212;
  padding-top: 40px;
}
.inquiry-form-box label {
  font-weight: 800;
  width: 100px;
}
.inquiry-form-box input, .inquiry-form-box textarea {
  border: 1px solid #D9D9D9;
  background-color: transparent;
}
.inquiry-form-box input {
  height: 5rem;
  padding: 0 16px;
}
.inquiry-form-box textarea {
  padding: 16px;
}
.inquiry-form-box input:hover, .inquiry-form-box textarea:hover {
  background-color: #F3F9FF;
}
.inquiry-form-box input:focus, .inquiry-form-box textarea:focus {
  border: 1px solid #5364FF;
  background-color: white;
}
.inquiry-form-box input.error:focus, .inquiry-form-box textarea.error:focus {
  border: 1px solid #FF3B30;
}

#file-name {
  padding: 12.5px 16px;
}

.file-input-box {
  position: relative;
  flex: 7;
}

.attachment-button-box {
  flex: 1;
}

#file-name,
#file-attach {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

#file-attach {
  opacity: 0;
}

.inquiry-input-box,
.inquiry-content,
.inquiry-attachment {
  display: grid;
  margin-bottom: 40px;
}

.inquiry-input-box,
.inquiry-content,
.inquiry-attachment {
  grid-template-columns: 1fr 11.8fr;
}

.inquiry-input-box label,
.inquiry-attachment label {
  display: flex;
  align-self: center;
}

.inquiry-attachment .upload-btn,
.inquiry-attachment .delete-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 100%;
  padding: 1.4rem 2rem;
  font-size: 1.6rem;
  cursor: pointer;
}
.inquiry-attachment .upload-btn {
  background-color: #121212;
  font-weight: 400;
  color: white;
  margin: 0 10px;
}
.inquiry-attachment .delete-btn {
  border: 1px solid #B7B7B7;
}
.inquiry-attachment input::-webkit-file-upload-button {
  display: none;
}
.inquiry-attachment input::file-selector-button {
  display: none;
}

.attach-container {
  display: flex;
  justify-content: space-between;
}

.attachment-button-box {
  display: flex;
  justify-content: end;
}

.inquiry-bottom-box {
  margin-top: 30px;
}

.agreement {
  display: flex;
  text-align: right;
  margin-bottom: 60px;
  width: 100%;
  justify-content: end;
  align-items: center;
}
.agreement input {
  display: none;
}
.agreement label {
  margin: 0 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.agreement label::before {
  content: url("/img/inquiry/checkbox.svg");
  display: inline-block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.agreement label.checked::before {
  content: url("/img/inquiry/checkbox_checked.svg");
}
.agreement a {
  display: inline-block;
  padding: 5px 10px;
  font-size: 1.6rem;
  border: 1px solid #B7B7B7;
  color: #121212;
}
.agreement a::after {
  content: url("/img/inquiry/arrow_right.png");
  margin-left: 6px;
}

.final-inquiry {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.final-inquiry .submit-btn {
  margin-top: 30px;
  padding: 2.1rem 5rem;
  font-weight: 800;
  color: white;
  background-color: #5364FF;
  border-radius: 8px;
}
.final-inquiry .submit-btn::before {
  content: url("/img/inquiry/inquiry_btn_icon.svg");
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
  width: 22px;
  height: 22px;
  position: relative;
  top: -2px;
}

@media (max-width: 768px) {
  .inquiry-form-box {
    padding: 20px 0;
  }
  .inquiry-form-box input, .inquiry-form-box .file-input-box {
    height: 50px;
  }
  .inquiry-form-box label {
    margin-bottom: 10px;
  }
  .inquiry-input-box,
.inquiry-content,
.inquiry-attachment {
    grid-template-columns: none;
  }
  .inquiry-input-box,
.inquiry-content,
.inquiry-attachment {
    margin-bottom: 20px;
  }
  .agreement {
    justify-content: space-between;
  }
  .agreement a {
    font-size: 14px;
  }
  .final-inquiry .submit-btn {
    padding: 15px 30px;
  }
}
@media (max-width: 1220px) {
  .inquiry-section {
    font-size: 16px;
  }
  .essential-guide {
    font-size: 16px;
  }
  .inquiry-attachment .upload-btn,
.inquiry-attachment .delete-btn {
    font-size: 14px;
  }
}