.xl-center {
  width: 100%;
  max-width: 1950px;
  margin: 0 auto;
  padding: 0 16px;
}
.l-center {
  width: 100%;
  max-width: 1802px;
  margin: 0 auto;
  padding: 0 16px;

  @media (max-width: 600px) {
    padding: 0 20px;
  }
}

.m-center {
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
  padding: 0 16px;
}

.s-center {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 16px;
}

.input-grp:has(.inp:focus)::after {
  width: 100%;
  border-bottom: 1px solid #5c5c5c;
  background-color: transparent;
}

.input.type-01 {
  gap: 7px;
}

.inp {
  width: 100%;
  height: 38px;
  border-bottom: 1px solid #dddddd;
  font-size: 1.0625rem;
  font-weight: 400;
  color: #73695f;

  @media (max-width: 1600px) {
    font-size: 0.875rem;
  }
}

.inp.select-01 {
  flex-basis: 9.875rem;
  margin-right: 2.6875rem;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1013 0.0519716L12.082 1.09305L6.73704 6.76354C6.65139 6.85495 6.54955 6.92749 6.43737 6.97699C6.32518 7.02649 6.20488 7.05197 6.08337 7.05197C5.96187 7.05197 5.84156 7.02649 5.72938 6.97699C5.6172 6.92749 5.51536 6.85495 5.42971 6.76354L0.0819855 1.09305L1.06271 0.0529532L6.08199 5.37511L11.1013 0.0519716Z' fill='black'/%3E%3C/svg%3E%0A");
  background-size: 12px 7px;
  background-position: center right 10px;
  background-repeat: no-repeat;
  color: #a4a4a4;
  padding: 0 10px;

  @media (max-width: 1600px) {
    flex-basis: 6.25rem;
    margin-right: 1.125rem;
  }
}

.inp.type-name {
  flex-basis: 9.875rem;
  margin-right: 2.6875rem;

  @media (max-width: 1600px) {
    flex-basis: 6.25rem;
    margin-right: 1.125rem;
  }
}

.inp.type-phone {
  flex-basis: 12.5rem;
  margin-right: 1.25rem;

  @media (max-width: 1600px) {
    flex-basis: 6.25rem;
    margin-right: 1.125rem;
  }
}

.label-sm {
  color: var(--black);
}

.label-sm.type-01 {
  flex-basis: 8.5rem;
  margin-right: 2.25rem;
  color: var(--black);

  @media (max-width: 1600px) {
    margin-right: 1.25rem;
    flex-basis: 6.75rem;
    font-size: 1.125rem;
  }
}

.label-sm.type-02 {
  margin-top: 20px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #a4a4a4;
}

.textarea {
  overflow-y: auto;
  width: 100%;
  height: 200px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 10px 15px;
  background-color: var(--black);
  font-size: 18px;
  border-radius: 5px;
  color: #fff;
  transition: all 0.2s ease-in-out;
}

.textarea:focus {
  border-color: #5c5c5c;
}

.textarea::-webkit-scrollbar {
  width: 5px;
}

.textarea::-webkit-scrollbar-thumb {
  border-radius: 2.5px;
  background-color: #ddd;
}

.btn {
  background-position: 50%;
  background-size: auto;
  background-repeat: no-repeat;
  border-radius: 0;
  background-color: transparent;
  border: 0;
  appearance: none;
  padding: 0;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.5px;
  transition: all 0.3s;
}

.btn.type-floating {
  flex-basis: 10.3125rem;
  height: 100%;
  margin-left: 1.0625rem;
  padding: 17px 0;
  border-radius: 26px;
  background-color: var(--black);

  @media (max-width: 1600px) {
    height: 39px;
    flex-basis: 8.125rem;
    font-size: 1rem;
  }
}

.btn.type-underline {
  position: relative;
  margin-top: 20px;
  color: #a4a4a4;
}

.btn.type-underline::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 9px;
  border: 1px solid #ddd;
}

.chk-01 {
  padding-left: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--black);
  background-size: 14px 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.404 4.00401C8.47686 3.92582 8.51653 3.82239 8.51465 3.71553C8.51276 3.60866 8.46947 3.5067 8.39389 3.43112C8.31832 3.35554 8.21635 3.31225 8.10949 3.31037C8.00262 3.30848 7.8992 3.34815 7.821 3.42101L4.5375 6.70451L3.179 5.34601C3.1008 5.27315 2.99738 5.23348 2.89051 5.23537C2.78365 5.23725 2.68169 5.28054 2.60611 5.35612C2.53053 5.4317 2.48724 5.53366 2.48535 5.64053C2.48347 5.74739 2.52314 5.85082 2.596 5.92901L4.246 7.57901C4.32334 7.65626 4.42819 7.69965 4.5375 7.69965C4.64681 7.69965 4.75166 7.65626 4.829 7.57901L8.404 4.00401Z' fill='%23A4A4A4' fill-opacity='0.8'/%3E%3Cpath d='M0.9625 0H10.0375C10.5688 0 11 0.4312 11 0.9625V10.0375C11 10.2928 10.8986 10.5376 10.7181 10.7181C10.5376 10.8986 10.2928 11 10.0375 11H0.9625C0.707229 11 0.462414 10.8986 0.28191 10.7181C0.101406 10.5376 0 10.2928 0 10.0375V0.9625C0 0.4312 0.4312 0 0.9625 0ZM0.825 0.9625V10.0375C0.825 10.1134 0.8866 10.175 0.9625 10.175H10.0375C10.074 10.175 10.1089 10.1605 10.1347 10.1347C10.1605 10.1089 10.175 10.074 10.175 10.0375V0.9625C10.175 0.926033 10.1605 0.891059 10.1347 0.865273C10.1089 0.839487 10.074 0.825 10.0375 0.825H0.9625C0.926033 0.825 0.891059 0.839487 0.865273 0.865273C0.839487 0.891059 0.825 0.926033 0.825 0.9625Z' fill='%23A4A4A4' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.check-switch:checked + .chk-01 {
  /* font-weight: 600; */
  /* color: var(--pointcolor); */
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0371 0C10.5684 0 11 0.431591 11 0.962891V10.0371C11 10.2924 10.8983 10.5373 10.7178 10.7178C10.5373 10.8983 10.2924 11 10.0371 11H0.962891C0.70762 11 0.46273 10.8983 0.282227 10.7178C0.101723 10.5373 0 10.2924 0 10.0371V0.962891C0 0.431591 0.431591 0 0.962891 0H10.0371Z' fill='%23202225'/%3E%3Cpath d='M8.41871 3.9937C8.49157 3.9155 8.53124 3.81208 8.52936 3.70521C8.52747 3.59835 8.48418 3.49638 8.4086 3.42081C8.33302 3.34523 8.23106 3.30194 8.1242 3.30005C8.01733 3.29817 7.91391 3.33783 7.83571 3.4107L4.55221 6.6942L3.19371 5.3357C3.11551 5.26283 3.01209 5.22317 2.90522 5.22505C2.79836 5.22694 2.6964 5.27023 2.62082 5.34581C2.54524 5.42138 2.50195 5.52335 2.50006 5.63021C2.49818 5.73708 2.53785 5.8405 2.61071 5.9187L4.26071 7.5687C4.33805 7.64595 4.4429 7.68934 4.55221 7.68934C4.66152 7.68934 4.76637 7.64595 4.84371 7.5687L8.41871 3.9937Z' fill='white'/%3E%3C/svg%3E%0A");
}
