/* 유의 문의 */
.notice_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.notice_con {
  display: flex;
  width: calc(50% - 10px);
  background-color: #f5f7f8;
  padding: 40px 20px;
  border-radius: 10px;
}

.icon {
  border-radius: 50%;
  background: linear-gradient(120deg, rgba(255, 168, 63, 1) 0%, rgba(255, 128, 56, 1) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  position: relative;
  margin-right: 20px;
  color: #fff;
}

.notice_icon::before {
  content: '\F33C';
  font-family: "bootstrap-icons" !important;
}

.inquiry_icon::before {
  content: '\F50C';
  font-family: "bootstrap-icons" !important;
}

.notice_con div {
  width: calc(100% - 50px);
}

.notice_con h1 {
  line-height: 32px;
}

.notice_con p {
  margin: 10px 0;
}

.title_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 100px;
  border-bottom: 2px solid #212529;
}

.calibration_title {
  display: flex;
  align-items: center;
}

.check_icon {
  margin-left: 20px;
  display: flex;
}

.check_icon::before {
  content: '\F633';
  font-family: "bootstrap-icons" !important;
  color: #FFA83F;
  font-size: 20px;
}


@media screen and (max-width:1200px) {
  .notice_con {
      width: 100%;
      margin-bottom: 10px;
      padding: 20px;
  }

  .icon {
      margin-right: 10px;
  }

  .notice_con p {
      margin-left: -30px;
  }
}

@media screen and (max-width:520px) {
  br {
      display: none;
  }

  .title_box {
      align-items: flex-start;
      flex-direction: column;
  }

  .check_icon {
      margin-left: 10px;
  }

  .title_box button {
      width: 100%;
      margin: 10px 0;
  }

  .input_group {
      flex-direction: column;
      align-items: flex-start;
      padding: 20px 0px;
  }

  .input_group input,
  .input_group textarea,
  .privacy_box {
      width: 100%;
  }

  .upload-name {
      margin-left: 0;
  }

  .flie_con {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
  }

  .flie_con p {
      width: 100%;
  }

  .upload-name {
      width: calc(100% - 100px) !important;
  }

  .flie_con label {
      width: 80px;
  }
}