/* 폼타이틀 */
.form-title-section {
  margin-bottom: 95px;
}
.form-title-section > p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 190px;
  background: #000;
  color: #fff;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 50px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%; /* 65px */
  letter-spacing: -1px;
  gap: 22px;
}
.form-title-section > p > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 190px;
  background: #000;
  color: #fff;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 50px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%; /* 65px */
  letter-spacing: -1px;
  gap: 22px;
}
.form-title-section > p > a > img {
  height: 51px;
}
.form-title-section > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dcff05;
  width: 100%;
  height: 51px;
  margin: 0 auto 30px;
}

.form-content-section .form-sub-title {
  margin-bottom: 80px;
}
.form-content-section .form-sub-title p {
  color: #111;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 26px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%; /* 33.8px */
  letter-spacing: -0.52px;
  margin-bottom: 20px;
  text-align: center;
}

.form-content-section .form-sub-title span {
  display: block;
  width: 100%;
  color: #111;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 24.7px */
  letter-spacing: -0.38px;
  text-align: center;
}

.form-content-section .inner {
  width: 1400px;
  margin: 0 auto;
}

.form-content-section .inner > div {
  margin-bottom: 100px;
}
.form-content-section .inner > div:last-child {
  margin-bottom: 0;
}

.input-wrap {
  border-top: 2px solid #000;
  margin-bottom: 100px;
}
.input-wrap li {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border-bottom: 1px solid #ddd;
}
.input-wrap li > span {
  display: flex;
  width: 220px;
  min-height: 70px;
  padding: 10px 30px;
  align-items: center;
  gap: 5px;
  background: #f7f7f7;
  flex-shrink: 0;
}
.input-wrap li > span label {
  color: #111;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 17px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%; /* 22.1px */
}
sup {
  color: #df0000;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 22.1px */
  letter-spacing: -0.34px;
}
.input-wrap li > div {
  display: flex;
  width: calc(100% - 220px);
  min-height: 70px;
  padding: 10px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.input-wrap li > div input {
  width: 580px;
  height: 50px;
  flex-shrink: 0;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 0 15px;
  color: #1a1a1a;
  font-family: Pretendard;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 22.1px */
}
.input-wrap li > div.phone-wrap {
  flex-direction: inherit;
  align-items: center;
}

.input-wrap li > div.phone-wrap select {
  width: 142px;
  height: 50px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  padding-left: 15px;
}
.input-wrap li > div.phone-wrap input {
  width: 142px;
  height: 50px;
  flex-shrink: 0;
}

.select-wrap {
  position: relative;
  display: inline-block;
}
.select-wrap select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 40px;
}
.select-wrap::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
  height: 7px;
  background: url("/assets/images/select-arrow.svg") no-repeat center;
  background-size: contain;
  pointer-events: none;
}

.input-wrap li > div.industry-wrap select,
.input-wrap li > div.scale-wrap select,
.input-wrap li > div.job-wrap select {
  width: 580px;
  height: 50px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  padding-left: 15px;
}

/* 폼 타이틀 */
.form-qa-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 40px;
}

.form-qa-title p {
  color: #111;
  font-family: "NanumSquare Neo";
  font-size: 19px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%; /* 24.7px */
}
.form-qa-title p b {
  color: #df0000;
  font-family: "NanumSquare Neo";
  font-size: 19px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%; /* 24.7px */
}

.form-qa-title img {
  margin-right: 10px;
}

.form-qa-title span {
  color: #777;
  font-family: "NanumSquare Neo";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding-left: 5px;
}
.form-qa-title sup {
  display: inline;
  padding-left: 5px;
}

/* 커스텀 체크박스 (기본) */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  aspect-ratio: 1/1;
  border: 1px solid #aaa;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
}
input[type="checkbox"]:checked {
  background: var(--Color-1, #7850ff);
  border-color: #7850ff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M8.81375 0L7.865 0.996923L4.0425 4.84615L2.92875 3.76615L1.93875 2.76923L0 4.72154L0.99 5.71846L3.0525 7.79538L4.00125 8.79231L4.99125 7.79538L9.80375 2.94923L10.7937 1.95231L8.81375 0Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

/* check-skill-section 안 체크박스 (원형) */
.check-skill-section input[type="checkbox"] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Ccircle cx='9' cy='9' r='8' stroke='%23CCCCCC' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
.check-skill-section input[type="checkbox"]:checked {
  background-color: transparent;
  border-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Ccircle cx='9' cy='9' r='8' stroke='%23CCCCCC' stroke-width='2'/%3E%3Ccircle cx='9' cy='9' r='4' fill='%237850FF'/%3E%3C/svg%3E");
}
.skill-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 105px;
}
.skill-wrap > div {
  width: 380px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 25px;
}
.skill-wrap > div > label {
  width: 100%;
}
.skill-wrap > div > label > input {
  margin-right: 10px;
}
.skill-wrap > div > .input-box > input {
  width: 300px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #fff;
  padding-left: 15px;
}

.email-wrap > p {
  color: #888;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 19.5px */
  letter-spacing: -0.3px;
  margin-bottom: 5px;
}
.email-wrap > p:last-child {
  margin-bottom: 0;
}
.form-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
#send_code_btn {
  display: flex;
  width: 120px;
  height: 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: linear-gradient(
    270deg,
    #7850ff 9%,
    #734ffc 25%,
    #664ef6 41%,
    #504ced 59%,
    #324adf 77%,
    #0b46cd 95%,
    #0046c8 100%
  );
  color: #fff;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%; /* 19.5px */
}

#send_phone_btn {
  display: flex;
  width: 120px;
  height: 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: linear-gradient(
    270deg,
    #7850ff 9%,
    #734ffc 25%,
    #664ef6 41%,
    #504ced 59%,
    #324adf 77%,
    #0b46cd 95%,
    #0046c8 100%
  );
  color: #fff;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%; /* 19.5px */
}

#verify_code_btn {
  display: flex;
  width: 120px;
  height: 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: var(--bg_black, #030303);
  color: #fff;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%; /* 19.5px */
}

.visit-section .select-wrap select {
  width: 458px;
  height: 60px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  padding-left: 15px;
}

textarea {
  width: 100%;
  height: 310px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  overflow-y: scroll;
  padding: 25px;
}
.consent-box {
  width: 100%;
  height: 310px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  overflow-y: scroll;
  padding: 25px;
  font-family: "NanumSquare Neo", sans-serif;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  white-space: pre-wrap;
  box-sizing: border-box;
}
.consent-box table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0;
  white-space: normal;
}
.consent-box table th,
.consent-box table td {
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
  font-size: 14px;
}
.consent-box table th {
  background: #f7f7f7;
  font-weight: 700;
}

.privacy-box {
  position: relative;
  width: 1400px;
  height: 310px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 25px;
  overflow: auto;
}
.privacy-box::before {
  content: "";
  position: sticky;
  top: -25px;
  left: 0;
  display: block;
  width: 100%;
  height: 25px;
  background: #fff;
}
.privacy-box::after {
  content: "";
  position: sticky;
  bottom: -25px;
  left: 0;
  display: block;
  width: 100%;
  height: 25px;
  background: #fff;
}
.privacy-box table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0;
  white-space: normal;
}
.privacy-box table th,
.privacy-box table td {
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
  font-size: 14px;
}
.privacy-box table th {
  background: #f7f7f7;
  font-weight: 700;
}
.agree-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.submit-section {
  display: flex;
  width: 100%;
  padding: 60px 0;
  justify-content: center;
  align-items: center;
  gap: 470px;
  background: #f7f7f7;
  margin-top: 100px;
}
.submit-section .inner {
  width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.submit-section .inner > div {
  margin-bottom: 0;
}
.submit-section .inner > div p {
  color: #111;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%; /* 23.4px */
  margin-bottom: 22px;
}
.submit-section .inner > div span {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 22.1px */
  background: linear-gradient(
    270deg,
    #7850ff 9%,
    #734ffc 25%,
    #664ef6 41%,
    #504ced 59%,
    #324adf 77%,
    #0b46cd 95%,
    #0046c8 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.submit-section .inner > button {
  display: flex;
  width: 220px;
  height: 65px;
  padding: 12px 0;
  justify-content: center;
  align-items: center;
  border-radius: 90px;
  background: #030303;
  color: #fff;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.48px;
  overflow: hidden;
  position: relative;
}
.submit-section .inner > button span {
  display: block;
  transition:
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.35s;
}
.submit-section .inner > button .text-default {
  position: relative;
}
.submit-section .inner > button .text-hover {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  white-space: nowrap;
  opacity: 0;
}
.submit-section .inner > button:hover .text-default {
  transform: translateY(-100%);
  opacity: 0;
}
.submit-section .inner > button:hover .text-hover {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}
#comments {
  width: 1400px;
  height: 180px;
  overflow-y: auto;
  resize: none;
}