/* #region layout */
.wrap {
  min-width: 1440px;
  margin: 0 auto;
}
.container {
  position: relative;
}
.content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 64px;
}
.content__title {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.content__agreement {
  margin-top: 16px;
}

/* #endregion */

/* #region header */
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 64px;
}
.header .header__logo {
}
.header .header__sns {
  display: flex;
  align-items: center;
  gap: 4px;
}
/* #endregion */

/* #region visual-banner */
.visual-banner {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 240px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
  color: #fff;
}
.visual-banner::before {
  z-index: -1;
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000;
  opacity: 0.2;
}
.visual-banner.type01 {
  background-image: url(/assets_2/images/desktop/visual_page01.png);
}
.visual-banner .visual-banner__title {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
}
.visual-banner .visual-banner__desc {
  font-size: 20px;
  line-height: 25px;
}
/* #endregion */

/* #region table */
.table-wrap {
  position: relative;
}

.table {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e1e1e5;
  border-left: 1px solid #e1e1e5;
}
.table .required {
  margin-left: 2px;
  color: #f33a33;
}
.table th,
.table td {
  padding: 7px 8px;
  border-top: 1px solid #e1e1e5;
  border-right: 1px solid #e1e1e5;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}
.table th {
  background-color: #f8f9fa;
}
.table td {
  text-align: left;
}
/* #endregion */

/* 체크박스 및 라디오 */
.form-option {
  display: inline-block;
}
.form-option input {
  display: none;
}
.form-option .form-option__label {
  display: block;
  cursor: pointer;
}
.form-option .form-option__title {
  display: inline-block;
  padding-left: 28px;
  background-size: 20px auto;
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 14px;
  line-height: 20px;
}

.form-option--icon .form-option__title {
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 0 !important;
}

.form-option input[type="checkbox"] ~ .form-option__title {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='20' height='20' fill='white'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' fill='white' stroke='%23E1E1E5'/%3E%3C/svg%3E");
}
.form-option input[type="checkbox"]:checked ~ .form-option__title {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='20' height='20' fill='%2319191D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.7868 6.24194C16.0833 6.55157 16.0688 7.03923 15.7543 7.33116L8.5704 14L4.23875 9.87837C3.92795 9.58263 3.91949 9.09483 4.21986 8.78883C4.52022 8.48282 5.01567 8.4745 5.32647 8.77023L8.58375 11.8696L14.6805 6.2099C14.995 5.91797 15.4903 5.93231 15.7868 6.24194Z' fill='white'/%3E%3C/svg%3E");
}

.form-option input[type="radio"] ~ .form-option__title {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%23E1E1E5'/%3E%3C/svg%3E");
}
.form-option input[type="radio"]:checked ~ .form-option__title {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%232979FF'/%3E%3Ccircle cx='10' cy='10' r='6' fill='%232979FF'/%3E%3C/svg%3E");
}

/* button */
.btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  gap: 8px;
}

.btn {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
}

.btn--lg {
  min-width: 200px;
  height: 52px;
  font-size: 16px;
}
.btn--md {
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
}
.btn--sm {
  height: 30px;
  padding: 0 8px;
  font-size: 12px;
}

.btn--primary {
  background-color: #19191d;
  color: #fff;
}
.btn--primary:hover {
  text-decoration: underline;
}
.btn--primary:disabled,
.btn--primary.disabled {
  background-color: #ecedf0;
  color: #9696a0;
  text-decoration: none;
}

.btn--primary-outlined {
  background-color: #fff;
  border-color: #3a3a44;
  color: #19191d;
}
.btn--primary-outlined:hover {
  text-decoration: underline;
}
.btn--primary-outlined:disabled,
.btn--primary-outlined.disabled {
  border-color: #e1e1e5;
  color: #9696a0;
  text-decoration: none;
}

.btn--grey {
  background-color: #ecedf0;
  border-color: #e1e1e5;
  color: #19191d;
}
.btn--grey:hover {
  text-decoration: underline;
}
.btn--grey:disabled,
.btn--grey.disabled {
  color: #9696a0;
  text-decoration: none;
}

.btn--point {
  background-color: #eff5ff;
  border-color: #9dc2ff;
  color: #2979ff;
}
.btn--point:hover {
  background-color: #2979ff33;
  border-color: #9dc2ff;
}
.btn--point:disabled,
.btn--point.disabled {
  background-color: #eff5ff;
  border-color: #9dc2ff;
  color: #9dc2ff;
}

.btn--info {
  background-color: #fff;
  border-color: #9dc2ff;
  color: #2979ff;
}
.btn--info:hover {
  background-color: #eff5ff;
}
.btn--info:disabled,
.btn--info.disabled {
  background-color: #fff;
  border-color: #9dc2ff;
  color: #9dc2ff;
}

.btn--close {
  width: 32px;
  height: 32px;
  padding: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.3075 9.99994L17.2775 4.02994C17.5675 3.73994 17.5675 3.25994 17.2775 2.96994C16.9875 2.67994 16.5075 2.67994 16.2175 2.96994L10.2475 8.93994L4.2775 2.96994C3.9875 2.67994 3.5075 2.67994 3.2175 2.96994C2.9275 3.25994 2.9275 3.73994 3.2175 4.02994L9.1875 9.99994L3.2175 15.9699C2.9275 16.2599 2.9275 16.7399 3.2175 17.0299C3.3675 17.1799 3.5575 17.2499 3.7475 17.2499C3.9375 17.2499 4.1275 17.1799 4.2775 17.0299L10.2475 11.0599L16.2175 17.0299C16.3675 17.1799 16.5575 17.2499 16.7475 17.2499C16.9375 17.2499 17.1275 17.1799 17.2775 17.0299C17.5675 16.7399 17.5675 16.2599 17.2775 15.9699L11.3075 9.99994Z' fill='%2319191D'/%3E%3C/svg%3E")
    no-repeat center center;
  border-radius: 50%;
  font-size: 0;
}
.btn--close:hover {
  background-color: #ecedf0;
}
.btn--close:disabled,
.btn--close.disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.3075 10L17.2775 4.03C17.5675 3.74 17.5675 3.26 17.2775 2.97C16.9875 2.68 16.5075 2.68 16.2175 2.97L10.2475 8.94L4.2775 2.97C3.9875 2.68 3.5075 2.68 3.2175 2.97C2.9275 3.26 2.9275 3.74 3.2175 4.03L9.1875 10L3.2175 15.97C2.9275 16.26 2.9275 16.74 3.2175 17.03C3.3675 17.18 3.5575 17.25 3.7475 17.25C3.9375 17.25 4.1275 17.18 4.2775 17.03L10.2475 11.06L16.2175 17.03C16.3675 17.18 16.5575 17.25 16.7475 17.25C16.9375 17.25 17.1275 17.18 17.2775 17.03C17.5675 16.74 17.5675 16.26 17.2775 15.97L11.3075 10Z' fill='%23C4C4CA'/%3E%3C/svg%3E");
  background-color: transparent;
}

/* icon */
[class^="ico--"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border: 0;
  font-size: 0;
}
.ico--lg {
  width: 20px;
  height: 20px;
}
.ico--search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.53 16.47L13.59 12.53C14.47 11.42 15 10.02 15 8.5C15 4.91 12.09 2 8.5 2C4.91 2 2 4.91 2 8.5C2 12.09 4.91 15 8.5 15C10.02 15 11.42 14.47 12.53 13.59L16.47 17.53C16.62 17.68 16.81 17.75 17 17.75C17.19 17.75 17.38 17.68 17.53 17.53C17.82 17.24 17.82 16.76 17.53 16.47ZM8.5 13.5C5.74 13.5 3.5 11.26 3.5 8.5C3.5 5.74 5.74 3.5 8.5 3.5C11.26 3.5 13.5 5.74 13.5 8.5C13.5 11.26 11.26 13.5 8.5 13.5Z' fill='%2319191D'/%3E%3C/svg%3E");
}
.ico--upload {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M13.834 10.8333C14.1098 10.8336 14.3339 11.0574 14.334 11.3333V12.6663C14.334 13.1524 14.1406 13.6193 13.7969 13.9631C13.4531 14.3069 12.9861 14.5002 12.5 14.5002H4.5C4.01402 14.5002 3.54781 14.3067 3.2041 13.9631C2.86028 13.6193 2.66699 13.1525 2.66699 12.6663V11.3333C2.66705 11.0572 2.89089 10.8333 3.16699 10.8333C3.44295 10.8334 3.66694 11.0573 3.66699 11.3333V12.6663C3.66699 12.8873 3.75485 13.0998 3.91113 13.2561C4.06731 13.4121 4.27923 13.5002 4.5 13.5002H12.5C12.7209 13.5002 12.9336 13.4123 13.0898 13.2561C13.246 13.0998 13.334 12.8872 13.334 12.6663V11.3333C13.334 11.0572 13.5579 10.8333 13.834 10.8333Z' fill='black'/%3E%3Cpath d='M8.56934 2.1731C8.57809 2.17432 8.58702 2.17433 8.5957 2.17603C8.61182 2.17915 8.62705 2.18506 8.64258 2.1897C8.65853 2.19446 8.67492 2.19796 8.69043 2.20435C8.71147 2.21302 8.73052 2.22523 8.75 2.23657C8.75813 2.24131 8.76748 2.24404 8.77539 2.24927C8.80349 2.26784 8.82977 2.28903 8.85352 2.31274L12.1875 5.64575C12.3825 5.84078 12.3821 6.15746 12.1875 6.35278C11.9922 6.54805 11.6757 6.54805 11.4805 6.35278L9 3.87231V10.6663C9 10.9424 8.77614 11.1663 8.5 11.1663C8.22386 11.1663 8 10.9424 8 10.6663V3.87231L5.52051 6.35278C5.32525 6.54805 5.00874 6.54805 4.81348 6.35278C4.61843 6.1575 4.61828 5.84094 4.81348 5.64575L8.14648 2.31274C8.21142 2.24794 8.29024 2.20647 8.37305 2.18481C8.38256 2.18232 8.39164 2.17797 8.40137 2.17603C8.41226 2.17386 8.42358 2.17454 8.43457 2.1731C8.45607 2.17027 8.47773 2.16626 8.5 2.16626C8.5236 2.16626 8.5466 2.16993 8.56934 2.1731Z' fill='black'/%3E%3C/svg%3E");
}
.ico--plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 2.93286C8.22091 2.93286 8.4 3.11273 8.4 3.33364V7.60005H12.6672C12.8878 7.60035 13.0672 7.77932 13.0672 8.00005C13.0672 8.22078 12.8878 8.39975 12.6672 8.40005H8.4V12.6672C8.39965 12.8879 8.2207 13.0672 8 13.0672C7.7793 13.0672 7.60035 12.8879 7.6 12.6672V8.40005H3.33359C3.11268 8.40005 2.93359 8.22096 2.93359 8.00005C2.93359 7.77913 3.11268 7.60005 3.33359 7.60005H7.6V3.33364C7.6 3.11273 7.77909 2.93286 8 2.93286Z' fill='%2319191D'/%3E%3C/svg%3E");
}
.ico--help {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 10.833C8.27602 10.833 8.4998 11.057 8.5 11.333V11.3398L8.49023 11.4404C8.44365 11.6683 8.24166 11.8398 8 11.8398C7.75834 11.8398 7.55635 11.6683 7.50977 11.4404L7.5 11.3398V11.333C7.5002 11.057 7.72398 10.833 8 10.833Z' fill='%232979FF'/%3E%3Cpath d='M8.05371 4.14746C8.39927 4.14847 8.74094 4.2298 9.0498 4.38477C9.35854 4.53977 9.62768 4.76464 9.83496 5.04102C10.0422 5.31742 10.1818 5.63872 10.2441 5.97852C10.3064 6.31832 10.2891 6.66808 10.1934 7C10.0975 7.33198 9.92616 7.63814 9.69238 7.89258C9.4586 8.14688 9.16832 8.34334 8.8457 8.4668L8.83301 8.47168C8.73088 8.50759 8.64312 8.576 8.58301 8.66602C8.52293 8.75613 8.49392 8.86355 8.5 8.97168C8.5155 9.24717 8.30378 9.48322 8.02832 9.49902C7.75283 9.51448 7.51672 9.30381 7.50098 9.02832C7.48262 8.70377 7.57066 8.3818 7.75098 8.11133C7.92877 7.84478 8.18723 7.64219 8.48828 7.5332C8.66637 7.46504 8.82699 7.35619 8.95605 7.21582C9.08509 7.07534 9.17952 6.90593 9.23242 6.72266C9.28527 6.53937 9.29513 6.34584 9.26074 6.1582C9.22629 5.97063 9.14861 5.7932 9.03418 5.64062C8.91971 5.48809 8.77103 5.36387 8.60059 5.27832C8.43029 5.19295 8.24225 5.14811 8.05176 5.14746C7.86102 5.14693 7.67196 5.19087 7.50098 5.27539C7.33 5.35999 7.18078 5.48381 7.06543 5.63574C6.89858 5.85543 6.58514 5.89797 6.36523 5.73145C6.14533 5.56461 6.10189 5.25123 6.26855 5.03125C6.47745 4.75602 6.74792 4.53215 7.05762 4.37891C7.36717 4.22585 7.70839 4.14656 8.05371 4.14746Z' fill='%232979FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1.5C8.85359 1.5 9.69869 1.66846 10.4873 1.99512C11.2759 2.32177 11.9931 2.79974 12.5967 3.40332C13.2003 4.0069 13.6782 4.72408 14.0049 5.5127C14.3315 6.30131 14.5 7.14641 14.5 8C14.5 8.85359 14.3315 9.69869 14.0049 10.4873C13.6782 11.2759 13.2003 11.9931 12.5967 12.5967C11.9931 13.2003 11.2759 13.6782 10.4873 14.0049C9.69869 14.3315 8.85359 14.5 8 14.5C7.14641 14.5 6.30131 14.3315 5.5127 14.0049C4.72408 13.6782 4.0069 13.2003 3.40332 12.5967C2.79974 11.9931 2.32177 11.2759 1.99512 10.4873C1.66846 9.69869 1.5 8.85359 1.5 8C1.5 7.14641 1.66846 6.30131 1.99512 5.5127C2.32177 4.72408 2.79974 4.0069 3.40332 3.40332C4.0069 2.79974 4.72408 2.32177 5.5127 1.99512C6.30131 1.66846 7.14641 1.5 8 1.5ZM8 2.5C7.27778 2.5 6.56276 2.64258 5.89551 2.91895C5.22822 3.19535 4.62205 3.60061 4.11133 4.11133C3.60061 4.62205 3.19535 5.22822 2.91895 5.89551C2.64258 6.56276 2.5 7.27778 2.5 8C2.5 8.72222 2.64258 9.43724 2.91895 10.1045C3.19535 10.7718 3.60061 11.3779 4.11133 11.8887C4.62205 12.3994 5.22822 12.8047 5.89551 13.0811C6.56276 13.3574 7.27778 13.5 8 13.5C8.72222 13.5 9.43724 13.3574 10.1045 13.0811C10.7718 12.8047 11.3779 12.3994 11.8887 11.8887C12.3994 11.3779 12.8047 10.7718 13.0811 10.1045C13.3574 9.43724 13.5 8.72222 13.5 8C13.5 7.27778 13.3574 6.56276 13.0811 5.89551C12.8047 5.22822 12.3994 4.62205 11.8887 4.11133C11.3779 3.60061 10.7718 3.19535 10.1045 2.91895C9.43724 2.64258 8.72222 2.5 8 2.5Z' fill='%232979FF'/%3E%3C/svg%3E");
}
:disabled .ico--help,
.disabled .ico--help {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 10.833C8.27602 10.833 8.4998 11.057 8.5 11.333V11.3398L8.49023 11.4404C8.44365 11.6683 8.24166 11.8398 8 11.8398C7.75834 11.8398 7.55635 11.6683 7.50977 11.4404L7.5 11.3398V11.333C7.5002 11.057 7.72398 10.833 8 10.833Z' fill='%239DC2FF'/%3E%3Cpath d='M8.05371 4.14746C8.39927 4.14847 8.74094 4.2298 9.0498 4.38477C9.35854 4.53977 9.62768 4.76464 9.83496 5.04102C10.0422 5.31742 10.1818 5.63872 10.2441 5.97852C10.3064 6.31832 10.2891 6.66808 10.1934 7C10.0975 7.33198 9.92616 7.63814 9.69238 7.89258C9.4586 8.14688 9.16832 8.34334 8.8457 8.4668L8.83301 8.47168C8.73088 8.50759 8.64312 8.576 8.58301 8.66602C8.52293 8.75613 8.49392 8.86355 8.5 8.97168C8.5155 9.24717 8.30378 9.48322 8.02832 9.49902C7.75283 9.51448 7.51672 9.30381 7.50098 9.02832C7.48262 8.70377 7.57066 8.3818 7.75098 8.11133C7.92877 7.84478 8.18723 7.64219 8.48828 7.5332C8.66637 7.46504 8.82699 7.35619 8.95605 7.21582C9.08509 7.07534 9.17952 6.90593 9.23242 6.72266C9.28527 6.53937 9.29513 6.34584 9.26074 6.1582C9.22629 5.97063 9.14861 5.7932 9.03418 5.64062C8.91971 5.48809 8.77103 5.36387 8.60059 5.27832C8.43029 5.19295 8.24225 5.14811 8.05176 5.14746C7.86102 5.14693 7.67196 5.19087 7.50098 5.27539C7.33 5.35999 7.18078 5.48381 7.06543 5.63574C6.89858 5.85543 6.58514 5.89797 6.36523 5.73145C6.14533 5.56461 6.10189 5.25123 6.26855 5.03125C6.47745 4.75602 6.74792 4.53215 7.05762 4.37891C7.36717 4.22585 7.70839 4.14656 8.05371 4.14746Z' fill='%239DC2FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1.5C8.85359 1.5 9.69869 1.66846 10.4873 1.99512C11.2759 2.32177 11.9931 2.79974 12.5967 3.40332C13.2003 4.0069 13.6782 4.72408 14.0049 5.5127C14.3315 6.30131 14.5 7.14641 14.5 8C14.5 8.85359 14.3315 9.69869 14.0049 10.4873C13.6782 11.2759 13.2003 11.9931 12.5967 12.5967C11.9931 13.2003 11.2759 13.6782 10.4873 14.0049C9.69869 14.3315 8.85359 14.5 8 14.5C7.14641 14.5 6.30131 14.3315 5.5127 14.0049C4.72408 13.6782 4.0069 13.2003 3.40332 12.5967C2.79974 11.9931 2.32177 11.2759 1.99512 10.4873C1.66846 9.69869 1.5 8.85359 1.5 8C1.5 7.14641 1.66846 6.30131 1.99512 5.5127C2.32177 4.72408 2.79974 4.0069 3.40332 3.40332C4.0069 2.79974 4.72408 2.32177 5.5127 1.99512C6.30131 1.66846 7.14641 1.5 8 1.5ZM8 2.5C7.27778 2.5 6.56276 2.64258 5.89551 2.91895C5.22822 3.19535 4.62205 3.60061 4.11133 4.11133C3.60061 4.62205 3.19535 5.22822 2.91895 5.89551C2.64258 6.56276 2.5 7.27778 2.5 8C2.5 8.72222 2.64258 9.43724 2.91895 10.1045C3.19535 10.7718 3.60061 11.3779 4.11133 11.8887C4.62205 12.3994 5.22822 12.8047 5.89551 13.0811C6.56276 13.3574 7.27778 13.5 8 13.5C8.72222 13.5 9.43724 13.3574 10.1045 13.0811C10.7718 12.8047 11.3779 12.3994 11.8887 11.8887C12.3994 11.3779 12.8047 10.7718 13.0811 10.1045C13.3574 9.43724 13.5 8.72222 13.5 8C13.5 7.27778 13.3574 6.56276 13.0811 5.89551C12.8047 5.22822 12.3994 4.62205 11.8887 4.11133C11.3779 3.60061 10.7718 3.19535 10.1045 2.91895C9.43724 2.64258 8.72222 2.5 8 2.5Z' fill='%239DC2FF'/%3E%3C/svg%3E");
}
.ico--trash {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.33301 8.66699C8.60915 8.66699 8.83301 8.89085 8.83301 9.16699V14.167C8.83274 14.4429 8.60899 14.667 8.33301 14.667C8.05714 14.6669 7.83327 14.4428 7.83301 14.167V9.16699C7.83301 8.89093 8.05698 8.66712 8.33301 8.66699Z' fill='%2319191D'/%3E%3Cpath d='M11.667 8.66699C11.943 8.66712 12.167 8.89093 12.167 9.16699V14.167C12.1667 14.4428 11.9429 14.6669 11.667 14.667C11.391 14.667 11.1673 14.4429 11.167 14.167V9.16699C11.167 8.89085 11.3909 8.66699 11.667 8.66699Z' fill='%2319191D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.667 2C12.0205 2.00009 12.3594 2.14065 12.6094 2.39062C12.8593 2.6406 12.9999 2.9795 13 3.33301V5.33398H16.666C16.9422 5.33398 17.166 5.55784 17.166 5.83398C17.1658 6.1099 16.942 6.33398 16.666 6.33398H16.2939L15.499 15.875L15.4971 15.874C15.4865 16.4335 15.2625 16.9686 14.8662 17.3652C14.4601 17.7714 13.9083 17.9998 13.334 18H6.66699C6.09239 18 5.54109 17.7715 5.13477 17.3652C4.73835 16.9688 4.51279 16.4344 4.50195 15.875L3.70703 6.33398H3.33301C3.05714 6.33385 2.83327 6.10982 2.83301 5.83398C2.83301 5.55792 3.05698 5.33412 3.33301 5.33398H7V3.33301C7.00009 2.9795 7.14065 2.6406 7.39062 2.39062C7.6406 2.14065 7.9795 2.00009 8.33301 2H11.667ZM5.49902 15.791C5.50017 15.8047 5.5 15.8192 5.5 15.833C5.5 16.1424 5.623 16.4394 5.8418 16.6582C6.06058 16.8769 6.35761 17 6.66699 17H13.334C13.643 16.9998 13.9396 16.8766 14.1582 16.6582C14.3768 16.4394 14.5 16.1423 14.5 15.833C14.5 15.8192 14.5008 15.8047 14.502 15.791L15.29 6.33398H4.70996L5.49902 15.791ZM8.33301 3C8.24472 3.00009 8.16009 3.03522 8.09766 3.09766C8.03522 3.16009 8.00009 3.24472 8 3.33301V5.33398H12V3.33301C11.9999 3.24472 11.9648 3.16009 11.9023 3.09766C11.8399 3.03522 11.7553 3.00009 11.667 3H8.33301Z' fill='%2319191D'/%3E%3C/svg%3E");
}
.ico--right-blue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M7.64645 4.64645C7.84171 4.45118 8.15822 4.45118 8.35348 4.64645L13.3535 9.64645C13.5487 9.84171 13.5487 10.1582 13.3535 10.3535L8.35348 15.3535C8.15822 15.5487 7.84171 15.5487 7.64645 15.3535C7.45118 15.1582 7.45118 14.8417 7.64645 14.6464L12.2929 9.99996L7.64645 5.35348C7.45118 5.15822 7.45118 4.84171 7.64645 4.64645Z' fill='%232979FF'/%3E%3C/svg%3E");
}
:disabled .ico--right-blue,
.disabled .ico--right-blue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M7.64645 4.64645C7.84171 4.45118 8.15822 4.45118 8.35348 4.64645L13.3535 9.64645C13.5487 9.84171 13.5487 10.1582 13.3535 10.3535L8.35348 15.3535C8.15822 15.5487 7.84171 15.5487 7.64645 15.3535C7.45118 15.1582 7.45118 14.8417 7.64645 14.6464L12.2929 9.99996L7.64645 5.35348C7.45118 5.15822 7.45118 4.84171 7.64645 4.64645Z' fill='%239DC2FF'/%3E%3C/svg%3E");
}
.ico--right-black {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M7.64645 4.64645C7.84171 4.45118 8.15822 4.45118 8.35348 4.64645L13.3535 9.64645C13.5487 9.84171 13.5487 10.1582 13.3535 10.3535L8.35348 15.3535C8.15822 15.5487 7.84171 15.5487 7.64645 15.3535C7.45118 15.1582 7.45118 14.8417 7.64645 14.6464L12.2929 9.99996L7.64645 5.35348C7.45118 5.15822 7.45118 4.84171 7.64645 4.64645Z' fill='%2319191D'/%3E%3C/svg%3E");
}
:disabled .ico--right-black,
.disabled .ico--right-black {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M7.64645 4.64645C7.84171 4.45118 8.15822 4.45118 8.35348 4.64645L13.3535 9.64645C13.5487 9.84171 13.5487 10.1582 13.3535 10.3535L8.35348 15.3535C8.15822 15.5487 7.84171 15.5487 7.64645 15.3535C7.45118 15.1582 7.45118 14.8417 7.64645 14.6464L12.2929 9.99996L7.64645 5.35348C7.45118 5.15822 7.45118 4.84171 7.64645 4.64645Z' fill='%239696A0'/%3E%3C/svg%3E");
}

/* tooltip */
.tooltip {
  display: inline-block;
  position: relative;
}
.tooltip .tooltip__btn {
  height: 16px;
  vertical-align: middle;
}
.tooltip .tooltip__box {
  display: none;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: calc(100% + 12px);
  width: 268px;
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  line-height: 1.5;
  color: #374151;
  transform: translateY(-50%);
  text-align: left;
}
.tooltip .tooltip__btn.on ~ .tooltip__box {
  display: block;
}
.tooltip .tooltip__box::after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
  border-right: 8px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

/* input */
.input {
  position: relative;
}

.input .input__utils {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  height: 100%;
}

.input__field {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  background-color: #fff;
  border: 1px solid #e1e1e5;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
}
textarea.input__field {
  max-width: 100%;
  height: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
  resize: none;
}
.input__field:focus:not(:read-only)::-webkit-input-placeholder {
  color: transparent;
}
.input__field:focus:not(:read-only)::-moz-placeholder {
  color: transparent;
}
.input__field:focus:not(:read-only):-moz-placeholder {
  color: transparent;
}
.input__field:focus:not(:read-only):-ms-input-placeholder {
  color: transparent;
}

/* input size */
.input__field--w300 {
  width: 300px;
}

/* 상태별 스타일 */
.input__field:not(:read-only):hover {
  background-color: #f8f9fa;
}
.input__field:not(:read-only):focus {
  background-color: #f8f9fa;
}

.input__field--file {
  padding-left: 40px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M12.167 2L12.2676 2.00977C12.3653 2.02976 12.4526 2.07855 12.5205 2.14648L16.6875 6.31348C16.781 6.4072 16.834 6.5346 16.834 6.66699V15.833C16.834 16.4075 16.6054 16.9589 16.1992 17.3652C15.7929 17.7715 15.2415 17.9999 14.667 18H6.33398C5.75941 18 5.20807 17.7715 4.80176 17.3652C4.39543 16.9589 4.16699 16.4076 4.16699 15.833V4.16699C4.16699 3.59236 4.39543 3.04109 4.80176 2.63477C5.20808 2.22851 5.75941 2 6.33398 2H12.167ZM6.33398 3C6.02462 3 5.72757 3.12308 5.50879 3.3418C5.29 3.56059 5.16699 3.85757 5.16699 4.16699V15.833C5.16699 16.1424 5.29 16.4394 5.50879 16.6582C5.72757 16.8769 6.02462 17 6.33398 17H14.667C14.9763 16.9999 15.2735 16.8769 15.4922 16.6582C15.7108 16.4394 15.834 16.1423 15.834 15.833V7.16699H13C12.6466 7.16691 12.3076 7.02616 12.0576 6.77637C11.8076 6.52632 11.667 6.18663 11.667 5.83301V3H6.33398ZM12.667 5.83301C12.667 5.92141 12.7021 6.00682 12.7646 6.06934C12.8271 6.13159 12.9118 6.16691 13 6.16699H15.127L12.667 3.70703V5.83301Z' fill='%239696A0'/%3E%3C/svg%3E")
    no-repeat 12px center;
}

.input-group {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.input-group + .input-group {
  margin-top: 8px;
}
.input-group .input-group__btnFixed {
  position: absolute;
  top: 0;
  right: 0;
}

.input-group--start {
  align-items: flex-start;
}
.input-group--start .input {
  width: 100%;
}
.input-group--start .btn {
  flex-shrink: 0;
}

.input-group--dash,
.input-group--dash .input:not(:first-of-type) {
  display: flex;
  align-items: center;
  gap: 8px;
}
.input-group--dash .input:not(:first-of-type)::before {
  content: "-";
  font-size: 14px;
  color: #c4c4ca;
}

.input-group--dash.regist .input:first-child {
  width: 90px;
}
.input-group--dash.regist .input:nth-child(2) {
  width: 64px;
}
.input-group--dash.regist .input:nth-child(3) {
  width: 100px;
}

/* selectbox */
.select {
  position: relative;
  min-width: 200px;
}

/* 토글 버튼 */
.select .select__toggle {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 0 12px;
  background-color: #fff;
  border: 1px solid #e1e1e5;
  border-radius: 8px;
  font-size: 14px;
}

.select .select__toggle:hover {
  background-color: #f8f9fa;
  border-color: #e1e1e5;
}

.select--open .select__toggle,
.select .select__toggle:focus-visible {
  border-color: #2979ff;
}

.select .select__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select .select__arrow {
  flex: none;
}
.select--open .select__arrow {
  transform: rotate(180deg);
}

/* 드롭다운 */
.select .select__menu {
  display: none;
  z-index: 20;
  position: absolute;
  left: 0;
  top: calc(100% + 12px);
  width: 100%;
  padding: 8px 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
  max-height: calc(36px * 10); /* 최대 10개 노출 */
  overflow: auto;
}
.select--open .select__menu {
  display: block;
}

/* 옵션 */
.select .select__option {
  height: 36px;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  font-size: 14px;
  color: #1f2937;
  cursor: pointer;
}
.select .select__option:hover {
  background: #f8f9fa;
}

.select .select__option--selected {
  font-weight: 700;
}

.select .select__input {
  display: none;
}

.select--dark .select__toggle {
  background-color: #ecedf0;
  border-color: transparent;
}
.select--dark .select__toggle:hover {
  background-color: #ecedf0;
  border-color: #e1e1e5;
}

.select--dark.select--open .select__toggle,
.select--dark .select__toggle:focus-visible {
  background-color: #ecedf0;
  border-color: #2979ff;
}

.select--utils .select__menu {
  width: 120px;
}
.select--utils .select__toggle {
  width: 30px;
  height: 30px;
  background: #f8f9fa url("/assets_2/images/desktop/ico-more.svg") no-repeat;
  background-position: center center;
  border-color: #e1e1e5;
  font-size: 0;
}
.select--utils .select__toggle:hover,
.select--utils.select--open .select__toggle {
  background-color: #ecedf0;
  border-color: #e1e1e5;
}

/* 탭 메뉴 */
.tab-menu {
  border-left: 1px solid #e1e1e5;
  border-bottom: 1px solid #e1e1e5;
}
.tab-menu .tab-menu__list {
  display: inline-flex;
}
.tab-menu .tab-menu__menu {
  display: inline-block;
  min-width: 160px;
  padding: 13px 0 14px;
  border-top: 1px solid #e1e1e5;
  border-right: 1px solid #e1e1e5;
  background-color: #f8f9fa;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #9696a0;
  text-align: center;
}
.tab-menu .tab-menu__menu.on {
  position: relative;
  background-color: #fff;
  color: #19191d;
}
.tab-menu .tab-menu__menu.on::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: 0;
  height: 2px;
  background-color: #19191d;
}
.tab-menu .tab-menu__menu.on::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
}

/* #region guidebox */
.guidebox {
  padding: 20px;
  background-color: #f8f9fa;
  border-radius: 8px;
}
.guidebox .guidebox__list li {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #4a4b57;
}
.guidebox .guidebox__list li::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 9px;
  width: 3px;
  height: 3px;
  background-color: #4a4b57;
  border-radius: 50%;
}
/* #endregion */

/* #region 약관 내용 */
.terms {
  max-height: 152px;
  padding: 12px;
  border: 1px solid #e1e1e5;
  font-size: 12px;
  line-height: 18px;
  color: #9696a0;
  overflow-y: auto;
}
.terms .terms__list li {
  position: relative;
  padding-left: 20px;
}
.terms .terms__list li::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 9px;
  width: 3px;
  height: 3px;
  background-color: #9696a0;
  border-radius: 50%;
}
/* #endregion */

/* modal */
.modal {
  display: none;
  z-index: 50;
  position: fixed;
  inset: 0;
}
.modal::before {
  content: "";
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal--open {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal .modal__container {
  position: relative;
  width: 950px;
  padding: 32px;
  background-color: #fff;
  border-radius: 16px;
}
.modal .modal__close {
  position: absolute;
  right: 32px;
  top: 32px;
}
.modal .modal__title {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}
.modal .modal__desc {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.modal .modal__guidebox .guidebox__list li {
  color: #19191d;
}
.modal .modal__agreement {
  margin-top: 20px;
}
.modal .modal__btns {
  margin-top: 32px;
}
.modal .modal__btns .btn {
  width: 160px;
}

/* 제품 정보 */
.product-info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.product-info .product-info__item {
  background-color: #f8f9fa;
  border-radius: 8px;
}
.product-info .product-info__title {
  padding: 20px;
  font-size: 16px;
  line-height: 22px;
}
.product-info .product-info__img img {
  width: 100%;
}