@charset "UTF-8";
/* responsive */
/* Colors */
/* Gray */
/* px to rem calculator */
/* Sizes */
/* Fonts */
/* Mixins */
.blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  opacity: 0;
}

.renewed {
  /* 공통 스타일링 */
  /* 카테고리 별 스타일링 */
}
.renewed * {
  font-family: "Pretendard";
}
.renewed img {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.renewed button {
  /*   transition: opacity 0.3s ease; */
}
.renewed button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.renewed.color-bg::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  /* 배경색 추가해서 사용 */
}
.renewed .custom-loader-wrap {
  margin: auto;
  position: relative;
  width: 7.5rem;
  aspect-ratio: 1/1;
}
.renewed .custom-loader-wrap .custom-loader {
  width: 100%;
  aspect-ratio: 1/1;
  margin: auto;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #fa7300 94%, rgba(0, 0, 0, 0)) top/11% 11% no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #fa7300);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) 78%, #000 0);
  animation: s3 1s infinite linear;
}
@keyframes s3 {
  100% {
    transform: rotate(1turn);
  }
}
.renewed .custom-loader-wrap .percentage-center {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: 700;
  color: #7a7a7a;
  font-size: 0.891875rem;
  transform: translateX(-50%) translateY(-50%);
}
.renewed .custom-dot-loader {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: block;
  position: relative;
  background-color: transparent;
  box-sizing: border-box;
  animation: animloader_mobile 3s ease-in infinite;
}
@keyframes animloader_mobile {
  0% {
    box-shadow: -1.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8), -0.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6), 0.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4), 1.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2);
  }
  25% {
    box-shadow: -1.5rem 0rem 0rem 0rem #fa7300, -0.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8), 0.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6), 1.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4);
  }
  50% {
    box-shadow: -1.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2), -0.5rem 0rem 0rem 0rem #fa7300, 0.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8), 1.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6);
  }
  75% {
    box-shadow: -1.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4), -0.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2), 0.5rem 0rem 0rem 0rem #fa7300, 1.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8);
  }
  100% {
    box-shadow: -1.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6), -0.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4), 0.5rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2), 1.5rem 0rem 0rem 0rem #fa7300;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed .custom-dot-loader {
    width: 0.671875rem;
    height: 0.671875rem;
    border-radius: 50%;
    display: block;
    position: relative;
    background-color: transparent;
    box-sizing: border-box;
    animation: animloader_desktop 3s ease-in infinite;
  }
  @keyframes animloader_desktop {
    0% {
      box-shadow: -3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8), -1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6), 1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4), 3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2);
    }
    25% {
      box-shadow: -3.0234375rem 0rem 0rem 0rem #fa7300, -1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8), 1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6), 3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4);
    }
    50% {
      box-shadow: -3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2), -1.0078125rem 0rem 0rem 0rem #fa7300, 1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8), 3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6);
    }
    75% {
      box-shadow: -3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4), -1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2), 1.0078125rem 0rem 0rem 0rem #fa7300, 3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8);
    }
    100% {
      box-shadow: -3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6), -1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4), 1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2), 3.0234375rem 0rem 0rem 0rem #fa7300;
    }
  }
}
@media (min-width: 1225px) {
  .renewed .custom-dot-loader {
    width: 0.671875rem;
    height: 0.671875rem;
    border-radius: 50%;
    display: block;
    position: relative;
    background-color: transparent;
    box-sizing: border-box;
    animation: animloader_desktop 3s ease-in infinite;
  }
  @keyframes animloader_desktop {
    0% {
      box-shadow: -3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8), -1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6), 1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4), 3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2);
    }
    25% {
      box-shadow: -3.0234375rem 0rem 0rem 0rem #fa7300, -1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8), 1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6), 3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4);
    }
    50% {
      box-shadow: -3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2), -1.0078125rem 0rem 0rem 0rem #fa7300, 1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8), 3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6);
    }
    75% {
      box-shadow: -3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4), -1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2), 1.0078125rem 0rem 0rem 0rem #fa7300, 3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8);
    }
    100% {
      box-shadow: -3.0234375rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6), -1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4), 1.0078125rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2), 3.0234375rem 0rem 0rem 0rem #fa7300;
    }
  }
}
.renewed .custom-dot-loader.small {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  display: block;
  position: relative;
  background-color: transparent;
  box-sizing: border-box;
  animation: animloader_small 3s ease-in infinite;
}
@keyframes animloader_small {
  0% {
    box-shadow: -1.575rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8), -0.525rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6), 0.525rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4), 1.575rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2);
  }
  25% {
    box-shadow: -1.575rem 0rem 0rem 0rem #fa7300, -0.525rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8), 0.525rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6), 1.575rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4);
  }
  50% {
    box-shadow: -1.575rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2), -0.525rem 0rem 0rem 0rem #fa7300, 0.525rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8), 1.575rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6);
  }
  75% {
    box-shadow: -1.575rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4), -0.525rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2), 0.525rem 0rem 0rem 0rem #fa7300, 1.575rem 0rem 0rem 0rem rgba(250, 115, 0, 0.8);
  }
  100% {
    box-shadow: -1.575rem 0rem 0rem 0rem rgba(250, 115, 0, 0.6), -0.525rem 0rem 0rem 0rem rgba(250, 115, 0, 0.4), 0.525rem 0rem 0rem 0rem rgba(250, 115, 0, 0.2), 1.575rem 0rem 0rem 0rem #fa7300;
  }
}
.renewed .custom-dot-loader-new {
  display: flex;
  gap: 0.7875rem;
}
.renewed .custom-dot-loader-new span {
  display: block;
  aspect-ratio: 1/1;
  width: 0.45rem;
  border-radius: 50%;
  background-color: #fa7300;
  animation: wave 1.5s linear infinite;
}
.renewed .custom-dot-loader-new span#dot1 {
  animation-delay: 0s;
}
.renewed .custom-dot-loader-new span#dot2 {
  animation-delay: 0.375s;
}
.renewed .custom-dot-loader-new span#dot3 {
  animation-delay: 0.75s;
}
.renewed .custom-dot-loader-new span#dot4 {
  animation-delay: 1.125s;
}
@keyframes wave {
  0%, 100% {
    opacity: 1;
  }
  25% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.25;
  }
}
.renewed .chk_all_wrap .chk_wrap.chk_all {
  margin-bottom: 0.625rem;
}
.renewed .chk_all_wrap .chk_wrap.chk_all label {
  font-size: 1.05rem;
  font-weight: 600;
  color: #000;
}
.renewed .chk_all_wrap .chk_wrap.chk_all .input_chk + label::before {
  background-size: auto;
}
.renewed .chk_all_wrap .chk_wrap.chk_category {
  display: flex;
  justify-content: space-between;
}
.renewed .chk_all_wrap .chk_wrap.chk_category label {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #000;
}
.renewed .chk_all_wrap .chk_wrap.chk_category button.accordion-toggle {
  cursor: pointer;
  font-size: 0;
  width: 0.625rem;
  background: url("/resources/fo/invest/common/images/icons/polygon_down.svg") center no-repeat;
  transition: transform 0.3s ease;
}
.renewed .chk_all_wrap .chk_wrap.chk_category button.accordion-toggle.rotated {
  transform: rotate(-180deg);
}
.renewed .chk_all_wrap .chk_wrap .chk_category button.accordion-toggle {
  cursor: pointer;
  font-size: 0;
  width: 0.625rem;
  background: url(/resources/fo/invest/common/images/icons/polygon_down.svg) center no-repeat;
  transition: transform 0.3s ease;
}
.renewed .chk_all_wrap .chk_wrap .input_chk + label {
  padding-left: 1.875rem;
  min-height: 1.5rem;
}
.renewed .chk_all_wrap .chk_wrap .input_chk + label::before {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: transparent;
  background-image: url(/resources/fo/invest/common/images/icons/orange_check.svg);
  filter: grayscale(100%) brightness(150%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
  transition: all 0.3s ease;
}
.renewed .chk_all_wrap .chk_wrap .input_chk:checked + label::before {
  /*     background-color: $pumpkin;
  background-image: url(/resources/fo/invest/common/images/icons/white_check.svg); */
  filter: none;
}
.renewed .chk_all_wrap .checkbox_group_container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.renewed .chk_all_wrap .checkbox_group_container .checkbox_group {
  overflow: hidden;
}
.renewed .chk_all_wrap .checkbox_group_container .checkbox_group .btn {
  padding: 0;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border: none;
  outline: none;
  color: #a2a2a2;
  flex-grow: unset;
  padding: unset;
  font-size: 0.813rem;
  font-weight: 600;
  text-decoration: underline;
}
.renewed .chk_all_wrap .checkbox_group_container .checkbox_group .chk_list {
  display: flex;
  flex-direction: column;
  margin: 0rem 0px;
  padding-top: unset;
  gap: 0.6rem;
  transition: all 0.3s ease;
  overflow: hidden;
  transition: all 0.3s ease;
  max-height: 0;
}
.renewed .chk_all_wrap .checkbox_group_container .checkbox_group .chk_list li {
  margin-top: unset;
  align-items: center;
}
.renewed .chk_all_wrap .checkbox_group_container .checkbox_group .chk_list li .chk_wrap {
  color: #7a7a7a;
  font-weight: 600;
  /*     label::before {
          display: none;
        } */
}
.renewed .chk_all_wrap .chk_list {
  border-top: none;
}
.renewed .chk_all_wrap .chk_list li > a {
  border: none;
  font-size: 0.6875rem;
}
.renewed .mobile-divider {
  position: relative;
  /*     z-index: -1; */
}
.renewed .mobile-divider::before {
  position: absolute;
  content: "";
  display: block;
  width: 100vw;
  height: 0.95rem;
  background-color: #f5f5f5;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed .mobile-divider::before {
    display: none;
  }
}
@media (min-width: 1225px) {
  .renewed .mobile-divider::before {
    display: none;
  }
}
.renewed .form_wrap:not(:first-child) {
  margin-top: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed .form_wrap:not(:first-child) {
    margin-top: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed .form_wrap:not(:first-child) {
    margin-top: 1.25rem;
  }
}
.renewed .form_wrap > label {
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: unset;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0.625rem;
  color: #4b5a68;
}
.renewed .form_wrap textarea {
  margin-top: 0.35rem;
  font-size: 1rem;
  padding: 1rem;
  border: 0.125rem solid #b9b9b9;
  border-radius: 0.625rem;
  outline: none;
  font-weight: 600;
}
.renewed .form_wrap textarea::-moz-placeholder {
  color: #bebebe;
}
.renewed .form_wrap textarea::placeholder {
  color: #bebebe;
}
.renewed .form_wrap textarea:focus {
  border-color: #fa7300;
}
.renewed .form_wrap select,
.renewed .form_wrap input[type=text],
.renewed .form_wrap input[type=number],
.renewed .form_wrap input[type=password],
.renewed .form_wrap input[type=email] {
  all: initial;
  height: unset;
  min-height: unset;
  line-height: 1.1;
  box-sizing: border-box;
  font-family: "Pretendard";
  border: none;
  outline: none;
  margin: 0;
  padding: 1rem 0.3125rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0;
  border-bottom: 0.125rem solid #b9b9b9;
}
.renewed .form_wrap select::-moz-placeholder, .renewed .form_wrap input[type=text]::-moz-placeholder, .renewed .form_wrap input[type=number]::-moz-placeholder, .renewed .form_wrap input[type=password]::-moz-placeholder, .renewed .form_wrap input[type=email]::-moz-placeholder {
  color: #bebebe;
}
.renewed .form_wrap select::placeholder,
.renewed .form_wrap input[type=text]::placeholder,
.renewed .form_wrap input[type=number]::placeholder,
.renewed .form_wrap input[type=password]::placeholder,
.renewed .form_wrap input[type=email]::placeholder {
  color: #bebebe;
}
.renewed .form_wrap select:focus,
.renewed .form_wrap input[type=text]:focus,
.renewed .form_wrap input[type=number]:focus,
.renewed .form_wrap input[type=password]:focus,
.renewed .form_wrap input[type=email]:focus {
  border-bottom-color: #fa7300;
}
.renewed .form_wrap select {
  padding-right: 1.5625rem;
}
.renewed .form_wrap .select_wrap {
  position: relative;
  display: inline-block;
  width: unset;
}
.renewed .form_wrap .date_wrap {
  display: inline-block;
  width: 100%;
}
.renewed .form_wrap .date_wrap input[type=date] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  display: block;
  min-width: -webkit-fill-available;
  font-size: 1rem;
  padding: 1rem 0.3125rem;
  outline: none;
  border: none;
  border-bottom: 0.125rem solid #b9b9b9;
  border-radius: 0;
  text-align: left;
  font-weight: 600;
  position: relative;
  min-height: 3rem;
  /* placeholder */
}
.renewed .form_wrap .date_wrap input[type=date]::-webkit-date-and-time-value {
  text-align: left;
}
.renewed .form_wrap .date_wrap input[type=date]::before {
  position: absolute;
  top: 50%;
  left: 0.3125rem;
  transform: translateY(-50%);
  display: inline;
  content: attr(data-placeholder);
  color: #bebebe;
}
.renewed .form_wrap .date_wrap input[type=date]:valid::before {
  display: none;
}
.renewed .form_wrap .date_wrap input[type=date]:invalid::-webkit-datetime-edit-fields-wrapper {
  display: none;
}
.renewed .form_wrap .select_wrap::after {
  content: "";
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-top: 0.3125rem solid #000;
  pointer-events: none;
}
.renewed .form_wrap .txt_validate {
  font-weight: 600;
  font-size: 0.8125rem;
  margin: unset;
  margin-right: auto;
}
.renewed .form_wrap .txt_validate.red {
  color: #fa7300;
}
.renewed .form_wrap .input_wrap {
  margin-top: unset;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 0.5rem;
}
.renewed .form_wrap .input_wrap input {
  min-width: 0;
  flex: 1;
}
.renewed .form_wrap .input_txt.full {
  flex: 1;
}
.renewed .form_wrap .btn {
  flex-shrink: 0;
  flex-grow: 0;
  min-width: 6.25rem;
  width: auto;
  height: unset;
  line-height: normal;
  padding: 0.5625rem;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.5rem;
  margin-left: unset;
}
.renewed .form_wrap.mobile .select_input_wrap {
  flex: 1;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: end;
}
.renewed .form_wrap.mobile .select_input_wrap .select_wrap select {
  font-size: 0.875rem;
  text-align: center;
  min-width: 0px;
}
.renewed .form_wrap.mobile .select_input_wrap input {
  min-width: 11.3125rem;
  flex: 1;
}
.renewed .form_wrap.social_number input {
  letter-spacing: 0.15em;
}
.renewed .form_wrap.password {
  /*    .btn_pw_view {
    display: none;
  } */
}
.renewed .form_wrap.password .pw_wrap {
  display: flex;
}
.renewed .form_wrap.boolean_radio {
  /* Hover styles for the labels */
}
.renewed .form_wrap.boolean_radio > label {
  font-size: 1.05rem;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed .form_wrap.boolean_radio > label {
    font-size: 1.1875rem;
  }
}
@media (min-width: 1225px) {
  .renewed .form_wrap.boolean_radio > label {
    font-size: 1.1875rem;
  }
}
.renewed .form_wrap.boolean_radio .button-group {
  width: 100%;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.95rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed .form_wrap.boolean_radio .button-group {
    gap: 0.875rem;
    margin-top: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed .form_wrap.boolean_radio .button-group {
    gap: 0.875rem;
    margin-top: 1rem;
  }
}
.renewed .form_wrap.boolean_radio .button-group .button {
  cursor: pointer;
  padding: 1rem 0;
  background-color: #d1d1d1;
  color: #ffffff;
  font-size: 1.0625rem;
  font-weight: 600;
  flex: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 0;
  border-radius: 0.625rem;
  transition: background-color 0.2s, border-color 0.2s;
}
.renewed .form_wrap.boolean_radio .button-group input[type=radio] {
  display: none;
}
.renewed .form_wrap.boolean_radio .button-group input[type=radio]:checked + label {
  background-color: #fa7300;
  border-color: #fa7300;
  color: #ffffff;
}
.renewed .form_wrap.boolean_radio .button-group label:hover {
  background-color: #f60;
  border-color: #f60;
  color: #ffffff;
}
.renewed .form_wrap.file .input_wrap {
  padding: 1rem 0.3125rem;
  justify-content: space-between;
  border-bottom: 0.125rem solid #b9b9b9;
}
.renewed .form_wrap.file .input_wrap label {
  cursor: pointer;
  margin-bottom: 0;
}
.renewed .form_wrap.file .input_wrap .txt_input {
  text-align: right;
  flex: 1;
}
.renewed .form_wrap.file .input_wrap .btn_delete {
  position: relative;
  font-size: 0;
  width: 1.5rem;
  aspect-ratio: 1/1;
  background-color: #e5e5e5;
  border-radius: 50%;
  cursor: pointer;
}
.renewed .form_wrap.file .input_wrap .btn_delete::before, .renewed .form_wrap.file .input_wrap .btn_delete::after {
  content: "";
  position: absolute;
  width: 2px;
  /* Width of the 'X' mark */
  height: 60%;
  /* Length of the 'X' mark */
  background-color: #fff;
  /* Color of the 'X' mark */
  top: 20%;
  /* Positioning */
  left: 49%;
  /* Centers the 'X' mark */
  transform-origin: center;
}
.renewed .form_wrap.file .input_wrap .btn_delete::before {
  transform: rotate(45deg);
}
.renewed .form_wrap.file .input_wrap .btn_delete::after {
  transform: rotate(-45deg);
}
.renewed .form_wrap.select .select_wrap {
  width: 100%;
}
.renewed .form_wrap.select .select_wrap select {
  width: 100%;
  font-weight: 600;
  font-size: 1rem;
  color: #373737;
}
.renewed ul.dotted > li {
  line-height: 1.6;
}
.renewed ul.dotted > li::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.1875rem;
  border-radius: 50%;
  background-color: #6a6a6a;
  aspect-ratio: 1/1;
  margin: 0.375rem;
}
.renewed .custom-font-icon {
  display: block;
  height: 1em;
  overflow: hidden;
}
.renewed .custom-font-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.renewed .custom-font-icon.margin-left {
  margin-left: 0.4em;
}
.renewed .custom-font-icon.margin-right {
  margin-right: 0.4em;
}
.renewed.main img {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.renewed.main .fade-in {
  filter: opacity(0);
  transform: translateY(5vh);
  transition: all 0.3s ease-out var(--transition-delay);
}
.renewed.main .fade-in.visible {
  filter: opacity(1);
  transform: translateY(0%);
}
.renewed.main section {
  overflow: hidden;
}
.renewed.main .hero {
  background: rgb(245, 239, 231);
  background: linear-gradient(135deg, rgb(245, 239, 231) 0%, rgb(251, 238, 231) 51%, rgb(244, 226, 215) 100%);
}
.renewed.main .hero h1 {
  font-size: 1.9rem;
  line-height: 2.5rem;
  margin-top: 6.825rem;
}
.renewed.main .hero a {
  font-size: 0.9rem;
  margin-top: 2rem;
}
.renewed.main .hero img {
  width: 9.489375rem;
  margin-top: 3.0125rem;
  margin-bottom: 5.6225rem;
  animation: floatAnimation 3s ease-in-out infinite;
}
@keyframes floatAnimation {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.main .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 5.625rem;
  }
  .renewed.main .hero a {
    font-size: 1rem;
    margin-top: 1.25rem;
  }
  .renewed.main .hero img {
    width: 12.7875rem;
    margin-top: 1.9375rem;
    margin-bottom: 4.979375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.main .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 5.625rem;
  }
  .renewed.main .hero a {
    font-size: 1rem;
    margin-top: 1.25rem;
  }
  .renewed.main .hero img {
    width: 12.7875rem;
    margin-top: 1.9375rem;
    margin-bottom: 4.979375rem;
  }
}
.renewed.main .quick-loan {
  background: #f8f8f8;
}
.renewed.main .quick-loan h2 {
  font-size: 1.5rem;
  margin-top: 4rem;
  color: #1a1f27;
}
.renewed.main .quick-loan p {
  font-size: 0.9rem;
  margin-top: 1rem;
  color: #727171;
}
.renewed.main .quick-loan .img-container {
  width: 100%;
  height: 23.75rem;
  position: relative;
  overflow: hidden;
}
.renewed.main .quick-loan .img-container .mobile-screen {
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.2125rem;
  width: 11.71625rem;
  filter: brightness(1);
  transition: all 0.8s ease-in-out;
}
.renewed.main .quick-loan .img-container .modal-screen {
  left: 50%;
  transform: translateX(-50%);
  bottom: -100%;
  transition: all 0.8s ease-in-out;
}
.renewed.main .quick-loan .img-container.visible .mobile-screen {
  filter: brightness(0.5);
}
.renewed.main .quick-loan .img-container.visible .modal-screen {
  bottom: 0%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.main .quick-loan h2 {
    font-size: 1.625rem;
    margin-top: 6.25rem;
  }
  .renewed.main .quick-loan p {
    font-size: 0.875rem;
    margin-top: 1.25rem;
  }
  .renewed.main .quick-loan .img-container {
    height: 23.875rem;
  }
  .renewed.main .quick-loan .img-container .mobile-screen {
    bottom: -1.6875rem;
    width: 11.625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.main .quick-loan h2 {
    font-size: 1.625rem;
    margin-top: 6.25rem;
  }
  .renewed.main .quick-loan p {
    font-size: 0.875rem;
    margin-top: 1.25rem;
  }
  .renewed.main .quick-loan .img-container {
    height: 23.875rem;
  }
  .renewed.main .quick-loan .img-container .mobile-screen {
    bottom: -1.6875rem;
    width: 11.625rem;
  }
}
.renewed.main .chosen-bank {
  flex-wrap: wrap;
  background: #fbf5f0;
  padding: 4rem 0;
}
.renewed.main .chosen-bank .flex-col {
  width: 100%;
  text-align: center;
}
.renewed.main .chosen-bank .flex-col h5 {
  font-size: 0.9rem;
  color: #888c92;
}
.renewed.main .chosen-bank .flex-col h2 {
  font-size: 1.5rem;
  margin-top: 1.6625rem;
  line-height: 1.95rem;
  color: #1a1f27;
}
.renewed.main .chosen-bank .flex-col p {
  font-size: 0.9rem;
  margin-top: 1.7rem;
  color: #727171;
  line-height: 1.5125rem;
}
.renewed.main .chosen-bank img {
  width: 22rem;
  margin-top: 1.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.main .chosen-bank {
    padding: 5rem 0;
    align-items: center;
    gap: 2.8125rem;
  }
  .renewed.main .chosen-bank .flex-col {
    width: -moz-max-content;
    width: max-content;
    text-align: left;
  }
  .renewed.main .chosen-bank .flex-col h5 {
    font-size: 1rem;
  }
  .renewed.main .chosen-bank .flex-col h2 {
    font-size: 1.75rem;
    margin-top: 1.1875rem;
    line-height: 2.5rem;
    color: #2c2d2d;
  }
  .renewed.main .chosen-bank .flex-col p {
    font-size: 0.875rem;
    margin-top: 1.875rem;
    color: #4b5463;
    line-height: 1.5rem;
  }
  .renewed.main .chosen-bank img {
    width: 26.4375rem;
    margin-top: 0;
  }
}
@media (min-width: 1225px) {
  .renewed.main .chosen-bank {
    padding: 5rem 0;
    align-items: center;
    gap: 2.8125rem;
  }
  .renewed.main .chosen-bank .flex-col {
    width: -moz-max-content;
    width: max-content;
    text-align: left;
  }
  .renewed.main .chosen-bank .flex-col h5 {
    font-size: 1rem;
  }
  .renewed.main .chosen-bank .flex-col h2 {
    font-size: 1.75rem;
    margin-top: 1.1875rem;
    line-height: 2.5rem;
    color: #2c2d2d;
  }
  .renewed.main .chosen-bank .flex-col p {
    font-size: 0.875rem;
    margin-top: 1.875rem;
    color: #4b5463;
    line-height: 1.5rem;
  }
  .renewed.main .chosen-bank img {
    width: 26.4375rem;
    margin-top: 0;
  }
}
.renewed.main .diverse-products {
  padding: 4rem 0;
}
.renewed.main .diverse-products > p {
  color: #888c92;
  font-size: 0.9rem;
}
.renewed.main .diverse-products h2 {
  font-size: 1.5rem;
  line-height: 1.95rem;
  color: #1a1f27;
  margin-top: 1.7rem;
}
.renewed.main .diverse-products .loan-card.other {
  gap: 0.71875rem;
  margin-top: 2.5rem;
  background: #ffffff;
  width: 11.660625rem;
  border-radius: 0.72875rem;
  padding: 0.82625rem 0.7875rem;
  box-shadow: 0 0 0.485625rem 0 rgba(0, 0, 0, 0.1);
}
.renewed.main .diverse-products .loan-card.other .flex-row:first-child {
  align-items: center;
  gap: 0.37875rem;
}
.renewed.main .diverse-products .loan-card.other .flex-row:first-child .img-container {
  width: 1.360625rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #e6e6e6;
  display: grid;
  place-content: center;
}
.renewed.main .diverse-products .loan-card.other .flex-row:first-child .img-container img {
  display: block;
  margin: auto;
  width: 80%;
  -o-object-fit: cover;
     object-fit: cover;
}
.renewed.main .diverse-products .loan-card.other .flex-row:first-child p {
  font-size: 0.68rem;
  color: #999999;
}
.renewed.main .diverse-products .loan-card.other .flex-row:last-child .flex-col {
  gap: 0.19375rem;
  flex: 1;
}
.renewed.main .diverse-products .loan-card.other .flex-row:last-child .flex-col .semi-bold {
  font-size: 0.583125rem;
  color: #999999;
}
.renewed.main .diverse-products .loan-card.other .flex-row:last-child .flex-col .extra-bold {
  color: #6e6e6e;
  font-size: 0.7775rem;
}
.renewed.main .diverse-products .winkstone-card-list {
  margin-top: 1.026875rem;
}
.renewed.main .diverse-products .winkstone-card-list .loan-card {
  pointer-events: none;
  margin-right: 0.485625rem;
  gap: 0.82625rem;
  background: #f9f9f9;
  width: 13.60375rem;
  border-radius: 0.72875rem;
  padding: 1.356875rem 1.555rem;
}
.renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:first-child {
  align-items: center;
  gap: 0.37875rem;
}
.renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:first-child .img-container {
  width: 1.360625rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #fff3ea;
  display: grid;
  place-items: center;
}
.renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:first-child .img-container img {
  display: block;
  margin: auto;
  width: 80%;
  -o-object-fit: cover;
     object-fit: cover;
}
.renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:first-child p {
  font-size: 0.7775rem;
  color: #6e6e6e;
}
.renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:last-child .flex-col {
  gap: 0.19375rem;
  flex: 1;
}
.renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:last-child .flex-col .semi-bold {
  font-size: 0.583125rem;
  color: #6e6e6e;
}
.renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:last-child .flex-col .extra-bold {
  color: #6e6e6e;
  font-size: 0.971875rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.main .diverse-products {
    padding: 5rem 0;
  }
  .renewed.main .diverse-products > p {
    font-size: 1rem;
  }
  .renewed.main .diverse-products h2 {
    font-size: 1.875rem;
    line-height: 2.8125rem;
    color: #000000;
    margin-top: 1.1875rem;
  }
  .renewed.main .diverse-products .loan-card.other {
    margin-top: 3.5rem;
    gap: 0.875rem;
    background: #ffffff;
    width: 15rem;
    border-radius: 0.9375rem;
    padding: 1.0625rem 1rem;
  }
  .renewed.main .diverse-products .loan-card.other .flex-row:first-child {
    gap: 0.5rem;
  }
  .renewed.main .diverse-products .loan-card.other .flex-row:first-child .img-container {
    width: 1.75rem;
  }
  .renewed.main .diverse-products .loan-card.other .flex-row:first-child p {
    font-size: 0.875rem;
  }
  .renewed.main .diverse-products .loan-card.other .flex-row:last-child .flex-col {
    gap: 0.25rem;
    flex: 1;
  }
  .renewed.main .diverse-products .loan-card.other .flex-row:last-child .flex-col .semi-bold {
    font-size: 0.75rem;
  }
  .renewed.main .diverse-products .loan-card.other .flex-row:last-child .flex-col .extra-bold {
    font-size: 1rem;
  }
  .renewed.main .diverse-products .winkstone-card-list {
    margin-top: 2rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card {
    margin-right: 0.625rem;
    gap: 1.0625rem;
    width: 17.5rem;
    border-radius: 0.9375rem;
    padding: 1.8125rem 2rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:first-child {
    gap: 0.5rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:first-child .img-container {
    width: 1.75rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:first-child p {
    font-size: 1rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:last-child .flex-col {
    gap: 0.25rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:last-child .flex-col .semi-bold {
    font-size: 0.75rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:last-child .flex-col .extra-bold {
    color: #6e6e6e;
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.main .diverse-products {
    padding: 5rem 0;
  }
  .renewed.main .diverse-products > p {
    font-size: 1rem;
  }
  .renewed.main .diverse-products h2 {
    font-size: 1.875rem;
    line-height: 2.8125rem;
    color: #000000;
    margin-top: 1.1875rem;
  }
  .renewed.main .diverse-products .loan-card.other {
    margin-top: 3.5rem;
    gap: 0.875rem;
    background: #ffffff;
    width: 15rem;
    border-radius: 0.9375rem;
    padding: 1.0625rem 1rem;
  }
  .renewed.main .diverse-products .loan-card.other .flex-row:first-child {
    gap: 0.5rem;
  }
  .renewed.main .diverse-products .loan-card.other .flex-row:first-child .img-container {
    width: 1.75rem;
  }
  .renewed.main .diverse-products .loan-card.other .flex-row:first-child p {
    font-size: 0.875rem;
  }
  .renewed.main .diverse-products .loan-card.other .flex-row:last-child .flex-col {
    gap: 0.25rem;
    flex: 1;
  }
  .renewed.main .diverse-products .loan-card.other .flex-row:last-child .flex-col .semi-bold {
    font-size: 0.75rem;
  }
  .renewed.main .diverse-products .loan-card.other .flex-row:last-child .flex-col .extra-bold {
    font-size: 1rem;
  }
  .renewed.main .diverse-products .winkstone-card-list {
    margin-top: 2rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card {
    margin-right: 0.625rem;
    gap: 1.0625rem;
    width: 17.5rem;
    border-radius: 0.9375rem;
    padding: 1.8125rem 2rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:first-child {
    gap: 0.5rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:first-child .img-container {
    width: 1.75rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:first-child p {
    font-size: 1rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:last-child .flex-col {
    gap: 0.25rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:last-child .flex-col .semi-bold {
    font-size: 0.75rem;
  }
  .renewed.main .diverse-products .winkstone-card-list .loan-card .flex-row:last-child .flex-col .extra-bold {
    color: #6e6e6e;
    font-size: 1.25rem;
  }
}
.renewed.main .crowdfunding {
  background: #fff6ee;
  padding: 4rem 0;
}
.renewed.main .crowdfunding h2 {
  font-size: 1.5rem;
  line-height: 1.95rem;
}
.renewed.main .crowdfunding .tag-container {
  gap: 0.55375rem;
  margin-top: 1.5rem;
}
.renewed.main .crowdfunding .tag-container .tag {
  all: unset;
  border: 0.0625rem solid #e2e2e2;
  display: grid;
  place-content: center;
  background: #ffffff;
  border-radius: 1.84625rem;
  height: 1.6rem;
  padding: 0 0.615625rem;
}
.renewed.main .crowdfunding .funding-card-list {
  margin-top: 1.925rem;
  width: 100%;
}
.renewed.main .crowdfunding .funding-card-list .slick-track {
  display: flex;
  gap: 0.825625rem;
  align-items: center;
}
.renewed.main .crowdfunding .funding-card-list .funding-card {
  background: #ffffff;
  padding: 1.6875rem 0.625rem;
  border-radius: 1.3325rem;
  width: 14.5rem;
}
.renewed.main .crowdfunding .funding-card-list .funding-card img {
  width: 5.9375rem;
}
.renewed.main .crowdfunding .funding-card-list .funding-card h5 {
  margin-top: 1.325rem;
  font-size: 0.95rem;
  color: #0c0228;
}
.renewed.main .crowdfunding .funding-card-list .funding-card p {
  margin-top: 0.984375rem;
  font-size: 0.8rem;
  color: #888c92;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.main .crowdfunding {
    background: #fbf5f0;
    padding: 5rem 0;
  }
  .renewed.main .crowdfunding h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  .renewed.main .crowdfunding .tag-container {
    gap: 0.5625rem;
    margin-top: 1.0625rem;
  }
  .renewed.main .crowdfunding .tag-container .tag {
    border-radius: 1.875rem;
    padding: 0 0.615625rem;
    height: 1.625rem;
  }
  .renewed.main .crowdfunding .funding-card-list {
    margin-top: 2.5rem;
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center;
  }
  .renewed.main .crowdfunding .funding-card-list .slick-list {
    display: flex;
    justify-content: center;
  }
  .renewed.main .crowdfunding .funding-card-list .slick-track {
    width: -moz-fit-content !important;
    width: fit-content !important;
    display: flex;
    gap: 0.625rem;
  }
  .renewed.main .crowdfunding .funding-card-list .funding-card {
    padding: 1.5625rem 0.625rem 2.3125rem;
    border-radius: 1.3325rem;
    width: 13.75rem;
  }
  .renewed.main .crowdfunding .funding-card-list .funding-card img {
    width: 6.25rem;
  }
  .renewed.main .crowdfunding .funding-card-list .funding-card h5 {
    margin-top: 1.4375rem;
    font-size: 0.875rem;
  }
  .renewed.main .crowdfunding .funding-card-list .funding-card p {
    margin-top: 0.625rem;
    font-size: 0.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.main .crowdfunding {
    background: #fbf5f0;
    padding: 5rem 0;
  }
  .renewed.main .crowdfunding h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  .renewed.main .crowdfunding .tag-container {
    gap: 0.5625rem;
    margin-top: 1.0625rem;
  }
  .renewed.main .crowdfunding .tag-container .tag {
    border-radius: 1.875rem;
    padding: 0 0.615625rem;
    height: 1.625rem;
  }
  .renewed.main .crowdfunding .funding-card-list {
    margin-top: 2.5rem;
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center;
  }
  .renewed.main .crowdfunding .funding-card-list .slick-list {
    display: flex;
    justify-content: center;
  }
  .renewed.main .crowdfunding .funding-card-list .slick-track {
    width: -moz-fit-content !important;
    width: fit-content !important;
    display: flex;
    gap: 0.625rem;
  }
  .renewed.main .crowdfunding .funding-card-list .funding-card {
    padding: 1.5625rem 0.625rem 2.3125rem;
    border-radius: 1.3325rem;
    width: 13.75rem;
  }
  .renewed.main .crowdfunding .funding-card-list .funding-card img {
    width: 6.25rem;
  }
  .renewed.main .crowdfunding .funding-card-list .funding-card h5 {
    margin-top: 1.4375rem;
    font-size: 0.875rem;
  }
  .renewed.main .crowdfunding .funding-card-list .funding-card p {
    margin-top: 0.625rem;
    font-size: 0.75rem;
  }
}
.renewed.main .simple-products {
  padding: 4rem 0;
}
.renewed.main .simple-products > p {
  font-size: 0.9rem;
  color: #888c92;
}
.renewed.main .simple-products h2 {
  font-size: 1.5rem;
  margin-top: 1.7rem;
  color: #1a1f27;
}
.renewed.main .simple-products .product-card-list {
  margin-top: 1.5rem;
  width: 100%;
}
.renewed.main .simple-products .product-card-list .slick-track {
  display: flex;
  gap: 0.625rem;
}
.renewed.main .simple-products .product-card-list .product-card {
  background-color: #ffffff;
  width: 13.75rem;
  height: 15.6875rem;
  border-radius: 1.25rem;
  padding: 1.75rem 0.625rem;
}
.renewed.main .simple-products .product-card-list .product-card img {
  height: 8rem;
  width: auto;
}
.renewed.main .simple-products .product-card-list .product-card h5 {
  font-size: 0.875rem;
  line-height: 1.75rem;
  color: #0c0228;
}
.renewed.main .simple-products .product-card-list .product-card p {
  letter-spacing: -0.00625rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #888c92;
  margin-top: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.main .simple-products {
    padding: 5rem 0;
  }
  .renewed.main .simple-products > p {
    font-size: 1rem;
  }
  .renewed.main .simple-products h2 {
    margin-top: 1.25rem;
    color: #2c2d2d;
  }
  .renewed.main .simple-products .product-card-list {
    margin-top: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.main .simple-products {
    padding: 5rem 0;
  }
  .renewed.main .simple-products > p {
    font-size: 1rem;
  }
  .renewed.main .simple-products h2 {
    margin-top: 1.25rem;
    color: #2c2d2d;
  }
  .renewed.main .simple-products .product-card-list {
    margin-top: 1.875rem;
  }
}
.renewed.main .banners {
  max-width: 42.5rem;
  margin: auto;
}
.renewed.main .banners .banner {
  width: 100%;
  border-radius: 1rem;
}
.renewed.main .banners .banner-list {
  position: relative;
}
.renewed.main .banners .banner-list .slick-dots {
  bottom: 0;
  left: 0;
  transform: translateY(0%);
}
.renewed.main .banners .banner-list .slick-dots li > button {
  height: 3rem;
}
.renewed.main .banners .banner-list .slick-dots li > button::before {
  width: 0.45rem;
  height: 0.45rem;
  background: rgba(255, 255, 255, 0.3);
}
.renewed.main .banners .banner-list .slick-dots .slick-active > button::before {
  background: #ffffff;
}
.renewed.main .banners .banner-list .banner {
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: center;
  padding: 2rem 3.25rem 3.5rem;
  height: 20rem;
}
.renewed.main .banners .banner-list .banner .flex-col {
  width: 100%;
}
.renewed.main .banners .banner-list .banner .flex-col h2 {
  font-size: 1.2rem;
  text-align: center;
}
.renewed.main .banners .banner-list .banner .flex-col p {
  font-size: 0.75rem;
  color: #403131;
  margin-top: 1rem;
  text-align: center;
}
.renewed.main .banners .banner-list .banner img {
  /*         width: 100%; */
  height: 9.375rem;
  margin-top: 0.75rem;
}
.renewed.main .banners .banner-list .loan-documents {
  background: #fdeee1;
}
.renewed.main .banners .banner-list .loan-reviews {
  background: #f6f6f6;
}
.renewed.main .banners .banner-list .e-contract {
  background: #fad5c5;
}
.renewed.main .banners .banner.kakao {
  padding: 2.375rem 1.6rem;
  background: #f4f4f4;
}
.renewed.main .banners .banner.kakao h2 {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #403131;
}
.renewed.main .banners .banner.kakao p {
  display: none;
}
.renewed.main .banners .banner.kakao img {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5.690625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.main .banners .banner {
    border-radius: 1.25rem;
    height: 12.5rem;
  }
  .renewed.main .banners .banner-list .slick-dots {
    bottom: 0;
    left: 0;
    transform: translateY(0%);
  }
  .renewed.main .banners .banner-list .slick-dots li > button {
    height: 2.5rem;
  }
  .renewed.main .banners .banner-list .slick-dots li > button::before {
    width: 0.375rem;
    height: 0.375rem;
    background: rgba(255, 255, 255, 0.3);
  }
  .renewed.main .banners .banner-list .slick-dots .slick-active > button::before {
    background: #ffffff;
  }
  .renewed.main .banners .banner-list .banner {
    flex-wrap: nowrap;
    padding: 1.875rem;
    height: 12.5rem;
  }
  .renewed.main .banners .banner-list .banner .flex-col {
    width: 100%;
    align-items: left;
  }
  .renewed.main .banners .banner-list .banner .flex-col h2 {
    font-size: 1.375rem;
    text-align: left;
  }
  .renewed.main .banners .banner-list .banner .flex-col p {
    font-size: 0.75rem;
    margin-top: 0.75rem;
    text-align: left;
  }
  .renewed.main .banners .banner-list .banner img {
    max-width: 16.5625rem;
    margin-top: 0rem;
  }
  .renewed.main .banners .banner.kakao {
    padding: 2.375rem 1.6rem;
  }
  .renewed.main .banners .banner.kakao h2 {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .renewed.main .banners .banner.kakao p {
    color: #888c92;
    font-size: 0.75rem;
    margin-top: 0.75rem;
    display: block;
  }
  .renewed.main .banners .banner.kakao img {
    right: 5%;
    top: 70%;
    transform: translateY(-50%);
    width: 9.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.main .banners .banner {
    border-radius: 1.25rem;
    height: 12.5rem;
  }
  .renewed.main .banners .banner-list .slick-dots {
    bottom: 0;
    left: 0;
    transform: translateY(0%);
  }
  .renewed.main .banners .banner-list .slick-dots li > button {
    height: 2.5rem;
  }
  .renewed.main .banners .banner-list .slick-dots li > button::before {
    width: 0.375rem;
    height: 0.375rem;
    background: rgba(255, 255, 255, 0.3);
  }
  .renewed.main .banners .banner-list .slick-dots .slick-active > button::before {
    background: #ffffff;
  }
  .renewed.main .banners .banner-list .banner {
    flex-wrap: nowrap;
    padding: 1.875rem;
    height: 12.5rem;
  }
  .renewed.main .banners .banner-list .banner .flex-col {
    width: 100%;
    align-items: left;
  }
  .renewed.main .banners .banner-list .banner .flex-col h2 {
    font-size: 1.375rem;
    text-align: left;
  }
  .renewed.main .banners .banner-list .banner .flex-col p {
    font-size: 0.75rem;
    margin-top: 0.75rem;
    text-align: left;
  }
  .renewed.main .banners .banner-list .banner img {
    max-width: 16.5625rem;
    margin-top: 0rem;
  }
  .renewed.main .banners .banner.kakao {
    padding: 2.375rem 1.6rem;
  }
  .renewed.main .banners .banner.kakao h2 {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .renewed.main .banners .banner.kakao p {
    color: #888c92;
    font-size: 0.75rem;
    margin-top: 0.75rem;
    display: block;
  }
  .renewed.main .banners .banner.kakao img {
    right: 5%;
    top: 70%;
    transform: translateY(-50%);
    width: 9.75rem;
  }
}
.renewed.main .winkstone-info {
  padding: 2.5rem 0 7.375rem;
}
.renewed.main .winkstone-info .customer-center h4 {
  font-size: 1.2rem;
}
.renewed.main .winkstone-info .customer-center p {
  font-size: 0.8rem;
  color: #888c92;
  margin-top: 0.6rem;
}
.renewed.main .winkstone-info .call-to-action {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 20rem;
  gap: 1rem;
}
.renewed.main .winkstone-info .call-to-action > * {
  width: 100%;
  justify-content: space-between;
  align-items: stretch;
  padding: 1.5rem;
  border-radius: 1rem;
  cursor: pointer;
}
.renewed.main .winkstone-info .call-to-action > * .flex-col {
  align-items: flex-start;
  justify-content: space-between;
}
.renewed.main .winkstone-info .call-to-action > * .flex-col p {
  font-size: 0.8rem;
}
.renewed.main .winkstone-info .call-to-action > * .flex-col a {
  font-size: 1rem;
}
.renewed.main .winkstone-info .call-to-action > * img {
  height: 3.4375rem;
}
.renewed.main .winkstone-info .call-to-action > *.real-time-consult {
  background: #f9f9f9;
}
.renewed.main .winkstone-info .call-to-action > *.real-time-consult a {
  color: #403131;
}
.renewed.main .winkstone-info .call-to-action > *.real-time-consult p {
  color: #888c92;
}
.renewed.main .winkstone-info .call-to-action > *.customer-service {
  background: #fa7300;
  color: #ffffff;
}
.renewed.main .winkstone-info .call-to-action > *.customer-service a {
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.main .winkstone-info {
    padding: 2.375rem 0 8.75rem;
  }
  .renewed.main .winkstone-info .customer-center h4 {
    font-size: 1.25rem;
  }
  .renewed.main .winkstone-info .customer-center p {
    font-size: 0.75rem;
    margin-top: 0.1875rem;
  }
  .renewed.main .winkstone-info .call-to-action {
    margin-top: 1.875rem;
    flex-direction: row;
    max-width: 42.5rem;
    gap: 0rem;
  }
  .renewed.main .winkstone-info .call-to-action > * {
    justify-content: space-between;
    align-items: stretch;
    padding: 1.875rem;
    border-radius: 1.25rem;
    cursor: pointer;
  }
  .renewed.main .winkstone-info .call-to-action > * .flex-col {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.375rem;
    margin-bottom: 3rem;
  }
  .renewed.main .winkstone-info .call-to-action > * .flex-col p {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .renewed.main .winkstone-info .call-to-action > * .flex-col a {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .renewed.main .winkstone-info .call-to-action > * img {
    align-self: flex-end;
  }
}
@media (min-width: 1225px) {
  .renewed.main .winkstone-info {
    padding: 2.375rem 0 8.75rem;
  }
  .renewed.main .winkstone-info .customer-center h4 {
    font-size: 1.25rem;
  }
  .renewed.main .winkstone-info .customer-center p {
    font-size: 0.75rem;
    margin-top: 0.1875rem;
  }
  .renewed.main .winkstone-info .call-to-action {
    margin-top: 1.875rem;
    flex-direction: row;
    max-width: 42.5rem;
    gap: 0rem;
  }
  .renewed.main .winkstone-info .call-to-action > * {
    justify-content: space-between;
    align-items: stretch;
    padding: 1.875rem;
    border-radius: 1.25rem;
    cursor: pointer;
  }
  .renewed.main .winkstone-info .call-to-action > * .flex-col {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.375rem;
    margin-bottom: 3rem;
  }
  .renewed.main .winkstone-info .call-to-action > * .flex-col p {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .renewed.main .winkstone-info .call-to-action > * .flex-col a {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .renewed.main .winkstone-info .call-to-action > * img {
    align-self: flex-end;
  }
}
.renewed.detail section {
  overflow: hidden;
}
.renewed.detail section .content-wrap {
  width: 100%;
  padding: 4rem 2.5rem;
  max-width: 42.5rem;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail section .content-wrap {
    padding: 5rem 0;
  }
}
@media (min-width: 1225px) {
  .renewed.detail section .content-wrap {
    padding: 5rem 0;
  }
}
.renewed.detail img {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.renewed.detail .red {
  color: #df3d32;
}
.renewed.detail .fade-in {
  filter: opacity(0);
  transform: translateY(5vh);
  transition: all 0.3s ease-out var(--transition-delay);
}
.renewed.detail .fade-in.visible {
  filter: opacity(1);
  transform: translateY(0%);
}
.renewed.detail .merits .content-wrap {
  gap: 4rem;
}
.renewed.detail .merits .content-wrap .content {
  flex-wrap: wrap;
  gap: 1.25rem;
}
.renewed.detail .merits .content-wrap .content .text-container {
  width: 100%;
  margin: auto;
  gap: 1.25rem;
  max-width: 21.25rem;
}
.renewed.detail .merits .content-wrap .content .text-container h2 {
  font-size: 1.5rem;
}
.renewed.detail .merits .content-wrap .content .text-container p {
  font-size: 0.9rem;
}
.renewed.detail .merits .content-wrap .content .img-container {
  width: 100%;
  margin: auto;
  max-width: 21.25rem;
  height: 14rem;
  border-radius: 0.8825rem;
  position: relative;
  overflow: hidden;
}
.renewed.detail .merits .content-wrap .content .img-container.mypage {
  background-color: #edf4fc;
}
.renewed.detail .merits .content-wrap .content .img-container.mypage .mobile-screen {
  top: 1.6875rem;
  left: 50%;
  transform: translateX(-50%);
  width: 10.625rem;
}
.renewed.detail .merits .content-wrap .content .img-container.mypage .modal-screen {
  width: 13.125rem;
  left: 50%;
  top: 100%;
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.4s ease-in-out;
}
.renewed.detail .merits .content-wrap .content .img-container.mypage.visible .modal-screen {
  top: 50%;
}
.renewed.detail .merits .content-wrap .content .img-container.submit-docs {
  background-color: #f6f6f6;
}
.renewed.detail .merits .content-wrap .content .img-container.submit-docs .mobile-screen {
  top: 1.6875rem;
  left: 37%;
  transform: translateX(-50%);
  width: 10.625rem;
}
.renewed.detail .merits .content-wrap .content .img-container.submit-docs .modal-screen {
  width: 13.125rem;
  left: 100%;
  top: 62%;
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.4s ease-in-out;
}
.renewed.detail .merits .content-wrap .content .img-container.submit-docs.visible .modal-screen {
  left: 60%;
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail .merits .content-wrap {
    gap: 5rem;
  }
  .renewed.detail .merits .content-wrap .content {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0;
    align-items: center;
  }
  .renewed.detail .merits .content-wrap .content:nth-child(even) {
    gap: 4.25rem;
    flex-direction: row-reverse;
  }
  .renewed.detail .merits .content-wrap .content .text-container {
    flex: 1;
    width: -moz-max-content;
    width: max-content;
    margin: 0;
    gap: 1.25rem;
  }
  .renewed.detail .merits .content-wrap .content .text-container h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
  .renewed.detail .merits .content-wrap .content .text-container p {
    font-size: 0.75rem;
  }
  .renewed.detail .merits .content-wrap .content .text-container.dt-text-center {
    align-items: center;
  }
  .renewed.detail .merits .content-wrap .content .img-container {
    margin: 0;
    height: 15rem;
    border-radius: 0.9375rem;
  }
  .renewed.detail .merits .content-wrap .content .img-container.mypage .mobile-screen {
    top: 2.6875rem;
    width: 11.25rem;
  }
  .renewed.detail .merits .content-wrap .content .img-container.mypage .modal-screen {
    width: 15.375rem;
  }
  .renewed.detail .merits .content-wrap .content .img-container.submit-docs .mobile-screen {
    top: 1.375rem;
    width: 11.25rem;
  }
  .renewed.detail .merits .content-wrap .content .img-container.submit-docs .modal-screen {
    width: 13.75rem;
    top: 58%;
  }
}
@media (min-width: 1225px) {
  .renewed.detail .merits .content-wrap {
    gap: 5rem;
  }
  .renewed.detail .merits .content-wrap .content {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0;
    align-items: center;
  }
  .renewed.detail .merits .content-wrap .content:nth-child(even) {
    gap: 4.25rem;
    flex-direction: row-reverse;
  }
  .renewed.detail .merits .content-wrap .content .text-container {
    flex: 1;
    width: -moz-max-content;
    width: max-content;
    margin: 0;
    gap: 1.25rem;
  }
  .renewed.detail .merits .content-wrap .content .text-container h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
  .renewed.detail .merits .content-wrap .content .text-container p {
    font-size: 0.75rem;
  }
  .renewed.detail .merits .content-wrap .content .text-container.dt-text-center {
    align-items: center;
  }
  .renewed.detail .merits .content-wrap .content .img-container {
    margin: 0;
    height: 15rem;
    border-radius: 0.9375rem;
  }
  .renewed.detail .merits .content-wrap .content .img-container.mypage .mobile-screen {
    top: 2.6875rem;
    width: 11.25rem;
  }
  .renewed.detail .merits .content-wrap .content .img-container.mypage .modal-screen {
    width: 15.375rem;
  }
  .renewed.detail .merits .content-wrap .content .img-container.submit-docs .mobile-screen {
    top: 1.375rem;
    width: 11.25rem;
  }
  .renewed.detail .merits .content-wrap .content .img-container.submit-docs .modal-screen {
    width: 13.75rem;
    top: 58%;
  }
}
.renewed.detail .about-crowdfunding {
  background-color: #fff6ee;
}
.renewed.detail .about-crowdfunding .highlight {
  background-color: #ffea30;
}
.renewed.detail .about-crowdfunding .content {
  flex-wrap: wrap;
  gap: 1rem;
}
.renewed.detail .about-crowdfunding .content h2 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.renewed.detail .about-crowdfunding .content .text-and-tags {
  gap: 1rem;
  font-size: 0.9rem;
}
.renewed.detail .about-crowdfunding .content .text-and-tags p {
  line-height: 1.35rem;
}
.renewed.detail .about-crowdfunding .content .text-and-tags .tag-container {
  gap: 0.340625rem;
}
.renewed.detail .about-crowdfunding .content .text-and-tags .tag-container .tag {
  background-color: #ffffff;
  border: 0.025rem solid #fa7300;
  display: grid;
  height: 1.875rem;
  place-content: center;
  border-radius: 2.556875rem;
  padding: 0 0.75rem;
}
.renewed.detail .about-crowdfunding .content .text-and-tags .tag-container .tag img {
  height: 100%;
}
.renewed.detail .about-crowdfunding .graphic-container {
  margin-top: 2.25rem;
  width: 100%;
  aspect-ratio: 203/157;
  background: url("/resources/fo/loanone/common/images/graph-crowdfunding-mobile.png") center no-repeat;
  background-size: cover;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail .about-crowdfunding .content {
    flex-wrap: nowrap;
  }
  .renewed.detail .about-crowdfunding .content h2 {
    font-size: 1.25rem;
    line-height: 1.6rem;
    flex: 1;
  }
  .renewed.detail .about-crowdfunding .content .text-and-tags {
    gap: 0.625rem;
    font-size: 0.875rem;
    max-width: 23.75rem;
  }
  .renewed.detail .about-crowdfunding .content .text-and-tags p {
    line-height: 1.375rem;
  }
  .renewed.detail .about-crowdfunding .content .text-and-tags .tag-container {
    gap: 0.25rem;
  }
  .renewed.detail .about-crowdfunding .content .text-and-tags .tag-container .tag {
    border: 0.03125rem solid #fa7300;
    padding: 0 0.5625rem;
    height: 1.375rem;
    place-content: center;
    border-radius: 1.875rem;
  }
  .renewed.detail .about-crowdfunding .graphic-container {
    margin-top: 3.75rem;
    aspect-ratio: 680/377;
    background: url("/resources/fo/loanone/common/images/graph-crowdfunding-desktop.png") center no-repeat;
  }
}
@media (min-width: 1225px) {
  .renewed.detail .about-crowdfunding .content {
    flex-wrap: nowrap;
  }
  .renewed.detail .about-crowdfunding .content h2 {
    font-size: 1.25rem;
    line-height: 1.6rem;
    flex: 1;
  }
  .renewed.detail .about-crowdfunding .content .text-and-tags {
    gap: 0.625rem;
    font-size: 0.875rem;
    max-width: 23.75rem;
  }
  .renewed.detail .about-crowdfunding .content .text-and-tags p {
    line-height: 1.375rem;
  }
  .renewed.detail .about-crowdfunding .content .text-and-tags .tag-container {
    gap: 0.25rem;
  }
  .renewed.detail .about-crowdfunding .content .text-and-tags .tag-container .tag {
    border: 0.03125rem solid #fa7300;
    padding: 0 0.5625rem;
    height: 1.375rem;
    place-content: center;
    border-radius: 1.875rem;
  }
  .renewed.detail .about-crowdfunding .graphic-container {
    margin-top: 3.75rem;
    aspect-ratio: 680/377;
    background: url("/resources/fo/loanone/common/images/graph-crowdfunding-desktop.png") center no-repeat;
  }
}
.renewed.detail .graphic-slider .yellow {
  color: #ffea30;
}
.renewed.detail .graphic-slider .slick-arrow.slick-prev {
  left: 1rem !important;
}
.renewed.detail .graphic-slider .slick-arrow.slick-next {
  right: 1rem !important;
}
.renewed.detail .graphic-slider .slick-arrow::before {
  width: 1.25rem;
  height: 1.25rem;
  border-color: #b9b9b9;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail .graphic-slider .slick-arrow.slick-prev {
    left: 2.5rem !important;
  }
  .renewed.detail .graphic-slider .slick-arrow.slick-next {
    right: 2.5rem !important;
  }
}
@media (min-width: 1225px) {
  .renewed.detail .graphic-slider .slick-arrow.slick-prev {
    left: 2.5rem !important;
  }
  .renewed.detail .graphic-slider .slick-arrow.slick-next {
    right: 2.5rem !important;
  }
}
.renewed.detail .graphic-slider .graphic-slide {
  width: 100%;
  height: 30rem;
  box-sizing: border-box;
  overflow: hidden;
}
.renewed.detail .graphic-slider .graphic-slide > p {
  line-height: 1rem;
  font-size: 0.9rem;
}
.renewed.detail .graphic-slider .graphic-slide > h2 {
  line-height: 1.95rem;
  font-size: 1.5rem;
  margin-top: 1.05rem;
}
.renewed.detail .graphic-slider .graphic-slide.custom-support-package > p {
  margin-top: 4rem;
}
.renewed.detail .graphic-slider .graphic-slide.custom-support-package > h2 {
  color: #1a1f27;
}
.renewed.detail .graphic-slider .graphic-slide.custom-support-package .img-container {
  transform: translateX(-50%);
  bottom: 0;
  left: 50%;
  height: 100%;
  max-height: 15.625rem;
}
.renewed.detail .graphic-slider .graphic-slide.custom-support-package .img-container img {
  position: absolute;
  bottom: -1%;
  left: 50%;
  height: inherit;
  transform: translateX(-50%);
}
.renewed.detail .graphic-slider .graphic-slide.custom-support-package .img-container .text-bubble {
  background: #eaa84c;
  color: #ffffff;
  width: -moz-max-content;
  width: max-content;
  font-size: 0.9rem;
  padding: 0.7rem 0.9rem;
  border-radius: 1.30625rem;
  border-bottom-left-radius: 0;
  top: 18%;
  right: 0;
  transform: translateX(162%) translateY(-100%);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail .graphic-slider .graphic-slide.custom-support-package > p {
    margin-top: 5rem;
  }
  .renewed.detail .graphic-slider .graphic-slide.custom-support-package .img-container {
    max-height: 17.1875rem;
  }
  .renewed.detail .graphic-slider .graphic-slide.custom-support-package .img-container .text-bubble {
    line-height: 1.25rem;
    font-size: 1rem;
    padding: 0.9375rem 0.6875rem;
    border-radius: 1.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 1225px) {
  .renewed.detail .graphic-slider .graphic-slide.custom-support-package > p {
    margin-top: 5rem;
  }
  .renewed.detail .graphic-slider .graphic-slide.custom-support-package .img-container {
    max-height: 17.1875rem;
  }
  .renewed.detail .graphic-slider .graphic-slide.custom-support-package .img-container .text-bubble {
    line-height: 1.25rem;
    font-size: 1rem;
    padding: 0.9375rem 0.6875rem;
    border-radius: 1.25rem;
    border-bottom-left-radius: 0;
  }
}
.renewed.detail .graphic-slider .graphic-slide.full-fees-covered {
  background: #5297f2;
}
.renewed.detail .graphic-slider .graphic-slide.full-fees-covered > h2 {
  color: #ffffff;
}
.renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container {
  pointer-events: none;
  margin-top: 4.7rem;
  border-bottom: 0.075rem #ffffff dashed;
  width: 80%;
  min-width: 20rem;
  height: 9.8rem;
}
.renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar {
  width: 3.25rem;
  border-radius: 0.32625rem;
  bottom: 0;
  transform: translateX(-50%);
}
.renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.crowdfunding {
  background: rgb(250, 118, 0);
  background: linear-gradient(180deg, rgb(250, 118, 0) 0%, rgb(255, 255, 255) 100%);
  height: 4.704rem;
  left: 50%;
}
.renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.crowdfunding .text-bubble {
  background: #fa7300;
  color: #ffffff;
  width: -moz-max-content;
  width: max-content;
  font-size: 0.9rem;
  padding: 0.7rem 0.9rem;
  border-radius: 1.30625rem;
  border-bottom-left-radius: 0;
  top: -0.4375rem;
  right: -0.85rem;
  transform: translateX(100%) translateY(-100%);
}
.renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.crowdfunding .text-bubble .additional-support {
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  width: -moz-max-content;
  width: max-content;
  font-size: 0.75rem;
  opacity: 0;
  transition: all 0.3s ease-out 0.6s;
}
.renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.crowdfunding .downward-arrow {
  transform: rotate(-80deg);
  background: url("/resources/fo/loanone/common/images/downward-arrow.svg") center no-repeat;
  background-size: contain;
  opacity: 0;
  position: absolute;
  left: -1.4025rem;
  width: 0;
  height: 0;
  top: -4.8125rem;
  transition: all 0.6s ease-in-out;
}
.renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.regular-loan {
  background: rgba(255, 255, 255, 0.3);
  height: 9.8rem;
  left: calc(50% - 3.25rem - 1.275rem);
}
.renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar > p {
  color: #ffffff;
  width: -moz-max-content;
  width: max-content;
  bottom: -0.75rem;
  font-size: 0.75rem;
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container {
    margin-top: 2.625rem;
    border-bottom: 0.075rem #ffffff dashed;
    max-width: 19.375rem;
    height: 9.1875rem;
  }
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar {
    width: 3.125rem;
    border-radius: 0.3125rem;
    bottom: 0;
    transform: translateX(-50%);
  }
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.crowdfunding {
    height: 4.41rem;
    left: 60%;
  }
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.crowdfunding .text-bubble {
    font-size: 0.875rem;
    padding: 0.6875rem 0.75rem;
    border-radius: 1.25rem;
    border-bottom-left-radius: 0;
    top: 0rem;
    right: -0.5625rem;
  }
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.crowdfunding .text-bubble .additional-support {
    left: 100%;
    bottom: 50%;
    transform: translateY(50%);
  }
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.crowdfunding .downward-arrow {
    left: -1.7rem;
  }
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.regular-loan {
    height: 9.1875rem;
    left: calc(60% - 3.125rem - 2.125rem);
  }
}
@media (min-width: 1225px) {
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container {
    margin-top: 2.625rem;
    border-bottom: 0.075rem #ffffff dashed;
    max-width: 19.375rem;
    height: 9.1875rem;
  }
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar {
    width: 3.125rem;
    border-radius: 0.3125rem;
    bottom: 0;
    transform: translateX(-50%);
  }
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.crowdfunding {
    height: 4.41rem;
    left: 60%;
  }
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.crowdfunding .text-bubble {
    font-size: 0.875rem;
    padding: 0.6875rem 0.75rem;
    border-radius: 1.25rem;
    border-bottom-left-radius: 0;
    top: 0rem;
    right: -0.5625rem;
  }
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.crowdfunding .text-bubble .additional-support {
    left: 100%;
    bottom: 50%;
    transform: translateY(50%);
  }
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.crowdfunding .downward-arrow {
    left: -1.7rem;
  }
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container .graph-bar.regular-loan {
    height: 9.1875rem;
    left: calc(60% - 3.125rem - 2.125rem);
  }
}
@media (max-width: 767px) {
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container.visible .graph-bar.crowdfunding .text-bubble .additional-support {
    left: 0;
    opacity: 1;
    bottom: -0.7rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container.visible .graph-bar.crowdfunding .text-bubble .additional-support {
    left: calc(100% + 0.625rem);
    opacity: 1;
  }
}
@media (min-width: 1225px) {
  .renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container.visible .graph-bar.crowdfunding .text-bubble .additional-support {
    left: calc(100% + 0.625rem);
    opacity: 1;
  }
}
.renewed.detail .graphic-slider .graphic-slide.full-fees-covered .graphic-container.visible .graph-bar.crowdfunding .downward-arrow {
  transform: rotate(0);
  opacity: 1;
  width: 3.125rem;
  width: 3.6875rem;
  height: 3.75rem;
}
.renewed.detail .graphic-slider .graphic-slide .interest-fee {
  color: #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 0.8rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail .graphic-slider .graphic-slide .interest-fee {
    font-size: 0.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail .graphic-slider .graphic-slide .interest-fee {
    font-size: 0.75rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail .graphic-slider .graphic-slide {
    height: 32.5rem;
  }
  .renewed.detail .graphic-slider .graphic-slide > p {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .renewed.detail .graphic-slider .graphic-slide > h2 {
    line-height: 2.5rem;
    font-size: 1.875rem;
    margin-top: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail .graphic-slider .graphic-slide {
    height: 32.5rem;
  }
  .renewed.detail .graphic-slider .graphic-slide > p {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .renewed.detail .graphic-slider .graphic-slide > h2 {
    line-height: 2.5rem;
    font-size: 1.875rem;
    margin-top: 1.25rem;
  }
}
@media (max-width: 767px) {
  .renewed.detail .call-to-action .content-wrap {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.renewed.detail .call-to-action a {
  background-color: #fa7300;
  color: #ffffff;
  font-size: 1.071875rem;
  /*     width: 100%; */
  text-align: center;
  padding: 1rem;
  border-radius: 0.630625rem;
  z-index: 1000;
  max-width: 20rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail .call-to-action {
    /*    a {
      max-width: ptr(320);
    } */
  }
}
@media (min-width: 1225px) {
  .renewed.detail .call-to-action {
    /*    a {
      max-width: ptr(320);
    } */
  }
}
.renewed.detail .qna .content-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
.renewed.detail .qna li > ul {
  margin-left: 0.75rem;
}
.renewed.detail .qna .accordion-wrap .accordion-button {
  cursor: pointer;
  color: #0c0228;
  padding: 1rem 0rem;
  width: 100%;
  border-top: 0.075rem solid #d9d9d9;
  text-align: left;
  outline: none;
  font-size: 1rem;
  font-weight: 600;
  transition: background-color 0.4s ease;
}
.renewed.detail .qna .accordion-wrap .accordion-button.active .arrow {
  transform: rotate(-180deg);
  /* Rotate arrow when active */
}
.renewed.detail .qna .accordion-wrap .arrow {
  float: right;
  transition: transform 0.4s ease;
}
.renewed.detail .qna .accordion-wrap .accordion-content {
  padding: 0 0rem;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.renewed.detail .qna .accordion-wrap .accordion-button.active + .accordion-content {
  max-height: 187.5rem;
  padding: 1rem 0rem;
}
.renewed.detail .qna table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.7rem;
  line-height: 0.9rem;
  font-weight: 500;
  color: #727171;
  margin-top: 1.5rem;
}
.renewed.detail .qna table li::before {
  width: 0.125rem;
  margin: 0.375rem;
}
.renewed.detail .qna table th,
.renewed.detail .qna table td {
  vertical-align: middle;
  border: 0.025rem solid #b9b9b9;
  padding: 8px;
  text-align: left;
}
.renewed.detail .qna table th,
.renewed.detail .qna table td:first-of-type {
  background-color: #fff6ee;
}
.renewed.detail .qna h3 + table {
  margin-top: 0;
}
.renewed.detail .qna .field-wrap {
  display: flex;
  flex-direction: column;
}
.renewed.detail .qna .field-wrap h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #727171;
  margin-bottom: 1rem;
}
.renewed.detail .qna .field-wrap .answer {
  font-size: 0.7rem;
  font-weight: 500;
}
.renewed.detail .qna .field-wrap .notice {
  font-weight: 500;
  font-size: 0.7rem;
  margin-top: 0.55rem;
  color: #999999;
}
.renewed.detail .qna .field-wrap:not(:first-of-type) {
  margin-top: 1.5rem;
}
.renewed.detail .qna .field-wrap.download-file h3 {
  font-size: 0.95rem;
}
.renewed.detail .qna .field-wrap.download-file a {
  font-size: 0.9rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail .qna li > ul {
    margin-left: 0.75rem;
  }
  .renewed.detail .qna .accordion-wrap .accordion-button {
    padding: 1.25rem 1.375rem;
    font-size: 1.125rem;
  }
  .renewed.detail .qna .accordion-wrap .accordion-content {
    padding: 0 1.375rem;
    max-height: 0;
    transition: all 0.4s ease-in-out;
  }
  .renewed.detail .qna .accordion-wrap .accordion-button.active + .accordion-content {
    max-height: 187.5rem;
    padding: 1.25rem 1.375rem;
  }
  .renewed.detail .qna table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 0.875rem;
  }
  .renewed.detail .qna table li::before {
    width: 0.25rem;
    margin: 0.5rem;
  }
  .renewed.detail .qna table th,
  .renewed.detail .qna table td {
    border: 0.03125rem solid #b9b9b9;
    padding: 0.875rem;
  }
  .renewed.detail .qna .field-wrap h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #4d4d4d;
    margin-bottom: 1rem;
  }
  .renewed.detail .qna .field-wrap .answer {
    font-size: 0.875rem;
    font-weight: 500;
    color: #727171;
  }
  .renewed.detail .qna .field-wrap .notice {
    font-size: 0.75rem;
    margin-top: 0.4375rem;
    line-height: 1.875rem;
  }
  .renewed.detail .qna .field-wrap:not(:first-of-type) {
    margin-top: 1.75rem;
  }
  .renewed.detail .qna .field-wrap.download-file h3 {
    font-size: 0.95rem;
  }
  .renewed.detail .qna .field-wrap.download-file a {
    font-size: 0.9rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail .qna li > ul {
    margin-left: 0.75rem;
  }
  .renewed.detail .qna .accordion-wrap .accordion-button {
    padding: 1.25rem 1.375rem;
    font-size: 1.125rem;
  }
  .renewed.detail .qna .accordion-wrap .accordion-content {
    padding: 0 1.375rem;
    max-height: 0;
    transition: all 0.4s ease-in-out;
  }
  .renewed.detail .qna .accordion-wrap .accordion-button.active + .accordion-content {
    max-height: 187.5rem;
    padding: 1.25rem 1.375rem;
  }
  .renewed.detail .qna table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 0.875rem;
  }
  .renewed.detail .qna table li::before {
    width: 0.25rem;
    margin: 0.5rem;
  }
  .renewed.detail .qna table th,
  .renewed.detail .qna table td {
    border: 0.03125rem solid #b9b9b9;
    padding: 0.875rem;
  }
  .renewed.detail .qna .field-wrap h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #4d4d4d;
    margin-bottom: 1rem;
  }
  .renewed.detail .qna .field-wrap .answer {
    font-size: 0.875rem;
    font-weight: 500;
    color: #727171;
  }
  .renewed.detail .qna .field-wrap .notice {
    font-size: 0.75rem;
    margin-top: 0.4375rem;
    line-height: 1.875rem;
  }
  .renewed.detail .qna .field-wrap:not(:first-of-type) {
    margin-top: 1.75rem;
  }
  .renewed.detail .qna .field-wrap.download-file h3 {
    font-size: 0.95rem;
  }
  .renewed.detail .qna .field-wrap.download-file a {
    font-size: 0.9rem;
  }
}
.renewed.detail .faq .content-wrap {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.renewed.detail .faq h2 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0.95rem;
}
.renewed.detail .faq .accordion-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.renewed.detail .faq .accordion-wrap .accordion-button {
  cursor: pointer;
  background-color: #f6f6f6;
  border-radius: 0.5rem;
  padding: 1rem 2.125rem;
  color: #0c0228;
  font-size: 0.9rem;
  width: 100%;
  font-weight: 600;
  text-align: left;
  outline: none;
  transition: all 0s ease-in-out 0.4s;
  position: relative;
}
.renewed.detail .faq .accordion-wrap .accordion-button::before {
  content: "Q";
  color: #fa7300;
  position: absolute;
  left: calc(2.125rem - 1em);
}
.renewed.detail .faq .accordion-wrap .accordion-button.active {
  border-radius: 0.5rem 0.5rem 0 0;
  transition: all 0s ease 0s;
}
.renewed.detail .faq .accordion-wrap .accordion-content {
  background-color: #f6f6f6;
  border-radius: 0 0 0.5rem 0.5rem;
  padding: 0 2.125rem;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  font-size: 0.7rem;
  color: #727171;
}
.renewed.detail .faq .accordion-wrap .accordion-button.active + .accordion-content {
  max-height: 62.5rem;
  padding-bottom: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail .faq .content-wrap {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .renewed.detail .faq h2 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
  }
  .renewed.detail .faq .accordion-wrap {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .renewed.detail .faq .accordion-wrap .accordion-button {
    cursor: pointer;
    background-color: #f6f6f6;
    border-radius: 0.625rem;
    padding: 0.75rem 2.125rem;
    color: #0c0228;
    font-size: 1rem;
    transition: all 0s ease-in-out 0.4s;
  }
  .renewed.detail .faq .accordion-wrap .accordion-button.active {
    border-radius: 0.625rem 0.625rem 0 0;
    transition: all 0s ease 0s;
  }
  .renewed.detail .faq .accordion-wrap .accordion-content {
    background-color: #f6f6f6;
    border-radius: 0 0 0.625rem 0.625rem;
    padding: 0 2.125rem;
    transition: all 0.4s ease-in-out;
    font-size: 0.875rem;
  }
  .renewed.detail .faq .accordion-wrap .accordion-button.active + .accordion-content {
    max-height: 62.5rem;
    padding-bottom: 0.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail .faq .content-wrap {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .renewed.detail .faq h2 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
  }
  .renewed.detail .faq .accordion-wrap {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .renewed.detail .faq .accordion-wrap .accordion-button {
    cursor: pointer;
    background-color: #f6f6f6;
    border-radius: 0.625rem;
    padding: 0.75rem 2.125rem;
    color: #0c0228;
    font-size: 1rem;
    transition: all 0s ease-in-out 0.4s;
  }
  .renewed.detail .faq .accordion-wrap .accordion-button.active {
    border-radius: 0.625rem 0.625rem 0 0;
    transition: all 0s ease 0s;
  }
  .renewed.detail .faq .accordion-wrap .accordion-content {
    background-color: #f6f6f6;
    border-radius: 0 0 0.625rem 0.625rem;
    padding: 0 2.125rem;
    transition: all 0.4s ease-in-out;
    font-size: 0.875rem;
  }
  .renewed.detail .faq .accordion-wrap .accordion-button.active + .accordion-content {
    max-height: 62.5rem;
    padding-bottom: 0.75rem;
  }
}
.renewed.detail .banner {
  background: #fa7300;
  margin-bottom: 1.5rem;
}
.renewed.detail .banner .content-wrap {
  padding: 2rem 2.5rem;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.renewed.detail .banner .content-wrap .flex-row {
  width: 100%;
  gap: 0.75rem;
}
.renewed.detail .banner .content-wrap .flex-row img {
  width: 3.625rem;
}
.renewed.detail .banner .content-wrap .flex-row h6 {
  font-size: 1rem;
  color: white;
}
.renewed.detail .banner .content-wrap a {
  width: 100%;
  background: #ffffff;
  font-size: 1.071875rem;
  padding: 1rem;
  border-radius: 0.630625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail .banner {
    overflow: visible;
    background: transparent;
    margin-bottom: 1.5rem;
  }
  .renewed.detail .banner .content-wrap {
    background-color: #fa7300;
    border-radius: 0.625rem;
    padding: 1.625rem 1.25rem;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
  }
  .renewed.detail .banner .content-wrap .flex-row {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    gap: 0.75rem;
    padding-left: 6.25rem;
  }
  .renewed.detail .banner .content-wrap .flex-row img {
    width: 3.625rem;
    width: 6.25rem;
    position: absolute;
    left: 0;
    top: 0;
  }
  .renewed.detail .banner .content-wrap .flex-row h6 {
    font-size: 1rem;
    color: white;
  }
  .renewed.detail .banner .content-wrap a {
    width: -moz-fit-content;
    width: fit-content;
    background: #ffffff;
    font-size: 0.75rem;
    padding: 0.6875rem 1.5rem;
    border-radius: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail .banner {
    overflow: visible;
    background: transparent;
    margin-bottom: 1.5rem;
  }
  .renewed.detail .banner .content-wrap {
    background-color: #fa7300;
    border-radius: 0.625rem;
    padding: 1.625rem 1.25rem;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
  }
  .renewed.detail .banner .content-wrap .flex-row {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    gap: 0.75rem;
    padding-left: 6.25rem;
  }
  .renewed.detail .banner .content-wrap .flex-row img {
    width: 3.625rem;
    width: 6.25rem;
    position: absolute;
    left: 0;
    top: 0;
  }
  .renewed.detail .banner .content-wrap .flex-row h6 {
    font-size: 1rem;
    color: white;
  }
  .renewed.detail .banner .content-wrap a {
    width: -moz-fit-content;
    width: fit-content;
    background: #ffffff;
    font-size: 0.75rem;
    padding: 0.6875rem 1.5rem;
    border-radius: 1.25rem;
  }
}
.renewed.detail .compliance {
  margin-bottom: 6.25rem;
}
.renewed.detail .compliance .content-wrap {
  padding-top: 0;
  padding-bottom: 0;
  text-align: right;
  font-weight: bold;
  color: #838383;
}
.renewed.detail.online .hero {
  background: rgb(245, 239, 231);
  background: linear-gradient(135deg, rgb(245, 239, 231) 0%, rgb(251, 238, 231) 51%, rgb(244, 226, 215) 100%);
}
.renewed.detail.online .hero .subtitle {
  font-size: 1rem;
  font-weight: 600;
  color: #4b5a68;
}
.renewed.detail.online .hero h1 {
  font-size: 1.9rem;
  line-height: 2.5rem;
  margin-top: 1.2rem;
}
.renewed.detail.online .hero .content {
  font-size: 0.9rem;
  line-height: 1.4rem;
  font-weight: 600;
  margin-top: 2.5rem;
}
.renewed.detail.online .hero .img-container {
  margin-top: 3.0125rem;
  position: relative;
}
.renewed.detail.online .hero .img-container .basket {
  width: 9.489375rem;
  animation: floatAnimation 3s ease-in-out infinite;
}
.renewed.detail.online .hero .img-container .coin {
  transform: rotate(0deg) translateX(-50%);
}
.renewed.detail.online .hero .img-container .coin.first {
  left: -15%;
  transform: translate(-50%, -50%);
  animation: floatCoin 4s ease-in-out infinite;
}
.renewed.detail.online .hero .img-container .coin.second {
  left: 100%;
  bottom: 63%;
  animation: floatCoin 3.5s ease-in-out infinite;
}
.renewed.detail.online .hero .img-container .coin.third {
  bottom: 36%;
  left: 126%;
  animation: floatCoin 3s ease-in-out infinite;
}
@keyframes floatCoin {
  0% {
    transform: translateX(-50%) translateY(0px);
  }
  50% {
    transform: translateX(-50%) translateY(-20px);
  }
  100% {
    transform: translateX(-50%) translateY(0px);
  }
}
@keyframes floatAnimation {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.online .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.online .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.online .hero .content {
    margin-top: 1rem;
    font-size: 0.875rem;
  }
  .renewed.detail.online .hero .basket {
    width: 12.7875rem;
    margin-top: 2.3125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.online .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.online .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.online .hero .content {
    margin-top: 1rem;
    font-size: 0.875rem;
  }
  .renewed.detail.online .hero .basket {
    width: 12.7875rem;
    margin-top: 2.3125rem;
  }
}
.renewed.detail.online .merits .content-wrap {
  gap: 4rem;
}
.renewed.detail.online .merits .content-wrap .content {
  flex-wrap: wrap;
  gap: 1.25rem;
}
.renewed.detail.online .merits .content-wrap .content .text-container {
  width: 100%;
  margin: auto;
  gap: 1.25rem;
  max-width: 21.25rem;
}
.renewed.detail.online .merits .content-wrap .content .text-container h2 {
  font-size: 1.5rem;
}
.renewed.detail.online .merits .content-wrap .content .text-container p {
  font-size: 14.4;
}
.renewed.detail.online .merits .content-wrap .content .img-container {
  width: 100%;
  margin: auto;
  max-width: 21.25rem;
  height: 14rem;
  border-radius: 0.8825rem;
  position: relative;
  overflow: hidden;
}
.renewed.detail.online .merits .content-wrap .content .img-container.mypage {
  background-color: #edf4fc;
}
.renewed.detail.online .merits .content-wrap .content .img-container.mypage .mobile-screen {
  top: 1.6875rem;
  left: 50%;
  transform: translateX(-50%);
  width: 10.625rem;
}
.renewed.detail.online .merits .content-wrap .content .img-container.mypage .modal-screen {
  width: 13.125rem;
  left: 50%;
  top: 100%;
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.4s ease-in-out;
}
.renewed.detail.online .merits .content-wrap .content .img-container.mypage.visible .modal-screen {
  top: 50%;
}
.renewed.detail.online .merits .content-wrap .content .img-container.submit-docs {
  background-color: #f6f6f6;
}
.renewed.detail.online .merits .content-wrap .content .img-container.submit-docs .mobile-screen {
  top: 1.6875rem;
  left: 37%;
  transform: translateX(-50%);
  width: 10.625rem;
}
.renewed.detail.online .merits .content-wrap .content .img-container.submit-docs .modal-screen {
  width: 13.125rem;
  left: 100%;
  top: 62%;
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.4s ease-in-out;
}
.renewed.detail.online .merits .content-wrap .content .img-container.submit-docs.visible .modal-screen {
  left: 60%;
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.online .merits .content-wrap {
    gap: 5rem;
  }
  .renewed.detail.online .merits .content-wrap .content {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 4.25rem;
    align-items: center;
  }
  .renewed.detail.online .merits .content-wrap .content:nth-child(2) {
    flex-direction: row-reverse;
  }
  .renewed.detail.online .merits .content-wrap .content .text-container {
    width: -moz-max-content;
    width: max-content;
    margin: 0;
    gap: 1.25rem;
  }
  .renewed.detail.online .merits .content-wrap .content .text-container h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
  .renewed.detail.online .merits .content-wrap .content .text-container p {
    font-size: 12;
  }
  .renewed.detail.online .merits .content-wrap .content .img-container {
    margin: 0;
    height: 15rem;
    border-radius: 0.9375rem;
  }
  .renewed.detail.online .merits .content-wrap .content .img-container.mypage .mobile-screen {
    top: 2.6875rem;
    width: 11.25rem;
  }
  .renewed.detail.online .merits .content-wrap .content .img-container.mypage .modal-screen {
    width: 15.375rem;
  }
  .renewed.detail.online .merits .content-wrap .content .img-container.submit-docs .mobile-screen {
    top: 1.375rem;
    width: 11.25rem;
  }
  .renewed.detail.online .merits .content-wrap .content .img-container.submit-docs .modal-screen {
    width: 13.75rem;
    top: 58%;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.online .merits .content-wrap {
    gap: 5rem;
  }
  .renewed.detail.online .merits .content-wrap .content {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 4.25rem;
    align-items: center;
  }
  .renewed.detail.online .merits .content-wrap .content:nth-child(2) {
    flex-direction: row-reverse;
  }
  .renewed.detail.online .merits .content-wrap .content .text-container {
    width: -moz-max-content;
    width: max-content;
    margin: 0;
    gap: 1.25rem;
  }
  .renewed.detail.online .merits .content-wrap .content .text-container h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
  .renewed.detail.online .merits .content-wrap .content .text-container p {
    font-size: 12;
  }
  .renewed.detail.online .merits .content-wrap .content .img-container {
    margin: 0;
    height: 15rem;
    border-radius: 0.9375rem;
  }
  .renewed.detail.online .merits .content-wrap .content .img-container.mypage .mobile-screen {
    top: 2.6875rem;
    width: 11.25rem;
  }
  .renewed.detail.online .merits .content-wrap .content .img-container.mypage .modal-screen {
    width: 15.375rem;
  }
  .renewed.detail.online .merits .content-wrap .content .img-container.submit-docs .mobile-screen {
    top: 1.375rem;
    width: 11.25rem;
  }
  .renewed.detail.online .merits .content-wrap .content .img-container.submit-docs .modal-screen {
    width: 13.75rem;
    top: 58%;
  }
}
.renewed.detail.offline .hero {
  background: rgb(245, 239, 231);
  background: linear-gradient(135deg, rgb(245, 239, 231) 0%, rgb(251, 238, 231) 51%, rgb(244, 226, 215) 100%);
}
.renewed.detail.offline .hero .subtitle {
  font-size: 1rem;
  font-weight: 600;
  color: #4b5a68;
}
.renewed.detail.offline .hero h1 {
  font-size: 1.9rem;
  line-height: 2.5rem;
  margin-top: 1.2rem;
}
.renewed.detail.offline .hero .content {
  font-size: 0.9rem;
  line-height: 1.4rem;
  font-weight: 600;
  margin-top: 2.5rem;
}
.renewed.detail.offline .hero .img-container {
  margin-top: 3.0125rem;
}
.renewed.detail.offline .hero .img-container .basket {
  width: 9.489375rem;
  animation: floatAnimation 3s ease-in-out infinite;
}
.renewed.detail.offline .hero .img-container .coin {
  transform: rotate(0deg) translateX(-50%);
}
.renewed.detail.offline .hero .img-container .coin.first {
  left: -15%;
  bottom: 40%;
  animation: floatCoin 4s ease-in-out infinite;
}
.renewed.detail.offline .hero .img-container .coin.second {
  left: -40%;
  bottom: 70%;
  /*          rotate: 180deg; */
  animation: floatCoin 3.5s ease-in-out infinite reverse;
}
.renewed.detail.offline .hero .img-container .coin.third {
  bottom: 50%;
  left: 126%;
  animation: floatCoin 3s ease-in-out infinite;
}
@keyframes floatCoin {
  0% {
    transform: translateX(-50%) translateY(0px);
  }
  50% {
    transform: translateX(-50%) translateY(-20px);
  }
  100% {
    transform: translateX(-50%) translateY(0px);
  }
}
@keyframes floatAnimation {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.offline .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.offline .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.offline .hero .content {
    margin-top: 1rem;
    font-size: 0.875rem;
  }
  .renewed.detail.offline .hero .basket {
    width: 12.7875rem;
    margin-top: 2.3125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.offline .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.offline .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.offline .hero .content {
    margin-top: 1rem;
    font-size: 0.875rem;
  }
  .renewed.detail.offline .hero .basket {
    width: 12.7875rem;
    margin-top: 2.3125rem;
  }
}
.renewed.detail.commercial .hero {
  background: rgb(245, 239, 231);
  background: linear-gradient(135deg, rgb(245, 239, 231) 0%, rgb(251, 238, 231) 51%, rgb(244, 226, 215) 100%);
}
.renewed.detail.commercial .hero .subtitle {
  font-size: 1rem;
  font-weight: 600;
  color: #4b5a68;
}
.renewed.detail.commercial .hero h1 {
  font-size: 1.9rem;
  line-height: 2.5rem;
  margin-top: 1.2rem;
}
.renewed.detail.commercial .hero .content {
  font-size: 0.9rem;
  line-height: 1.4rem;
  font-weight: 600;
  margin-top: 2.5rem;
}
.renewed.detail.commercial .hero .img-container {
  margin-top: 3.0125rem;
}
.renewed.detail.commercial .hero .img-container .people {
  width: 11.875rem;
  animation: floatAnimation 3s ease-in-out infinite;
}
.renewed.detail.commercial .hero .img-container .radar-container {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 0;
  transition: all 1s ease-out;
}
.renewed.detail.commercial .hero .img-container .radar-container .radar-ping {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #fa7300;
  animation: pulseAnimation ease-out 1.5s infinite;
}
.renewed.detail.commercial .hero .img-container .radar-container .radar-ping.zero {
  width: 0.44375rem;
  height: 0.44375rem;
  animation: none;
  opacity: 1;
}
.renewed.detail.commercial .hero .img-container .radar-container .radar-ping.first {
  width: 0.44375rem;
  height: 0.44375rem;
  animation-delay: 0s;
}
.renewed.detail.commercial .hero .img-container .radar-container .radar-ping.second {
  width: 0.88125rem;
  height: 0.88125rem;
  animation-delay: -4.5s;
}
.renewed.detail.commercial .hero .img-container .radar-container .radar-ping.third {
  width: 1.31875rem;
  height: 1.31875rem;
  animation-delay: -9s;
}
@keyframes pulseAnimation {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  33% {
    transform: translate(-50%, -50%) scale(0.33);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.renewed.detail.commercial .hero .img-container .radar-container .radar-button {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  top: -1.375rem;
  left: 0;
  transform: translate(-50%, -100%);
  background-color: #ff5c00;
  color: #ffffff;
  font-size: 0.776875rem;
  padding: 0.208125rem 1.5rem;
  border-radius: 0.66625rem;
}
.renewed.detail.commercial .hero .img-container .radar-container .radar-button::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1.375rem;
  display: block;
  width: 0.0275rem;
  height: 1.375rem;
  background-color: #ff5c00;
}
.renewed.detail.commercial .hero .img-container .radar-container#gonju {
  left: -20%;
  top: 50%;
}
.renewed.detail.commercial .hero .img-container .radar-container#jeonju {
  left: 105%;
  top: 20%;
}
@keyframes floatAnimation {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.commercial .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.commercial .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.commercial .hero .content {
    margin-top: 1rem;
    font-size: 0.875rem;
  }
  .renewed.detail.commercial .hero .basket {
    width: 12.7875rem;
    margin-top: 2.3125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.commercial .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.commercial .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.commercial .hero .content {
    margin-top: 1rem;
    font-size: 0.875rem;
  }
  .renewed.detail.commercial .hero .basket {
    width: 12.7875rem;
    margin-top: 2.3125rem;
  }
}
.renewed.detail.employee .blue {
  color: #0f82ff;
}
.renewed.detail.employee .hero {
  background: #e8f3ff;
}
.renewed.detail.employee .hero .subtitle {
  font-size: 1rem;
  font-weight: 600;
  color: #4b5a68;
}
.renewed.detail.employee .hero h1 {
  font-size: 1.9rem;
  line-height: 2.5rem;
  margin-top: 1.2rem;
}
.renewed.detail.employee .hero .content {
  font-size: 0.9rem;
  line-height: 1.4rem;
  font-weight: 600;
  margin-top: 2.5rem;
}
.renewed.detail.employee .hero .img-container {
  margin-top: 3.0125rem;
}
.renewed.detail.employee .hero .img-container .atm {
  width: 10.75rem;
  animation: floatAnimation 3s ease-in-out infinite;
}
.renewed.detail.employee .hero .img-container .money {
  transform: translateX(-50%);
}
.renewed.detail.employee .hero .img-container .money.first {
  left: -40%;
  animation: floatCoinEmployee 4s ease-in-out infinite;
}
.renewed.detail.employee .hero .img-container .money.second {
  left: 55%;
  bottom: 20%;
  animation: floatCoinEmployee 3.5s ease-in-out infinite;
}
.renewed.detail.employee .hero .img-container .money.third {
  bottom: 40%;
  left: 95%;
  animation: floatCoinEmployee 3s ease-in-out infinite;
}
@keyframes floatCoinEmployee {
  0% {
    transform: scale(0.5) translateX(-50%) translateY(0px);
  }
  50% {
    transform: scale(0.5) translateX(-50%) translateY(-20px);
  }
  100% {
    transform: scale(0.5) translateX(-50%) translateY(0px);
  }
}
@keyframes floatAnimation {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.employee .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.employee .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.employee .hero .content {
    margin-top: 1rem;
    font-size: 0.875rem;
  }
  .renewed.detail.employee .hero .atm {
    width: 9.71875rem;
    margin-top: 2.3125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.employee .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.employee .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.employee .hero .content {
    margin-top: 1rem;
    font-size: 0.875rem;
  }
  .renewed.detail.employee .hero .atm {
    width: 9.71875rem;
    margin-top: 2.3125rem;
  }
}
.renewed.detail.employee .merits .content-wrap .content .text-container .medium {
  color: #727171;
}
.renewed.detail.employee .merits .content-wrap .img-container {
  display: grid;
  place-items: center;
}
.renewed.detail.employee .merits .content-wrap .img-container.wallet {
  background-color: #ebe9fb;
}
.renewed.detail.employee .merits .content-wrap .img-container.submit-docs {
  background-color: #e8f3ff;
}
.renewed.detail.employee .merits .content-wrap .img-container.fees {
  background-color: #d1defd;
}
.renewed.detail.employee .process {
  background-color: #e8f3ff;
}
.renewed.detail.employee .process h2 {
  font-size: 1.2rem;
  color: #2c2d2d;
  font-weight: 700;
  margin-bottom: 2.8125rem;
}
.renewed.detail.employee .process .step-list {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}
.renewed.detail.employee .process .step-list .step-item {
  display: flex;
  gap: 2rem;
}
.renewed.detail.employee .process .step-list .step-item .img-container {
  border-radius: 50%;
  background-color: #ffffff;
  width: 6.25rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
}
.renewed.detail.employee .process .step-list .step-item .img-container img {
  width: 2.875rem;
}
.renewed.detail.employee .process .step-list .step-item .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.625rem;
}
.renewed.detail.employee .process .step-list .step-item .text-container .step-title {
  font-size: 1rem;
  font-weight: 700;
  color: #0c0228;
}
.renewed.detail.employee .process .step-list .step-item .text-container .step-content {
  font-size: 0.875rem;
  color: #888c92;
  font-weight: 600;
}
.renewed.detail.employee .process .step-list .step-item .text-container .step-content br {
  display: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.employee .process {
    background-color: #f9f9f9;
  }
  .renewed.detail.employee .process h2 {
    font-size: 1.625rem;
    margin-bottom: 1.875rem;
    text-align: center;
  }
  .renewed.detail.employee .process .step-list {
    flex-direction: row;
    justify-content: space-between;
    gap: 1.625rem;
  }
  .renewed.detail.employee .process .step-list .step-item {
    position: relative;
    flex-direction: column;
    flex: 1;
    gap: 2rem;
    align-items: center;
  }
  .renewed.detail.employee .process .step-list .step-item:not(:last-child)::after {
    content: ""; /* Unicode for right arrow */
    position: absolute;
    aspect-ratio: 64/8;
    width: 35%;
    /*     border: 1px solid blue; */
    background: url("/resources/fo/loanone/common/images/icons/arrow-long-gray.svg") no-repeat center/contain;
    right: -0.8125rem; /* Adjust this value to position the arrow */
    top: 3.125rem;
    transform: translateY(-50%) translateX(50%);
    font-size: 1.2em; /* Adjust size as needed */
    color: #000; /* Adjust color as needed */
  }
  .renewed.detail.employee .process .step-list .step-item .img-container {
    border-radius: 50%;
    background-color: #ffffff;
    width: 6.25rem;
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
  }
  .renewed.detail.employee .process .step-list .step-item .img-container img {
    width: 2.875rem;
  }
  .renewed.detail.employee .process .step-list .step-item .text-container {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    text-wrap: balance;
  }
  .renewed.detail.employee .process .step-list .step-item .text-container .step-content br {
    display: block;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.employee .process {
    background-color: #f9f9f9;
  }
  .renewed.detail.employee .process h2 {
    font-size: 1.625rem;
    margin-bottom: 1.875rem;
    text-align: center;
  }
  .renewed.detail.employee .process .step-list {
    flex-direction: row;
    justify-content: space-between;
    gap: 1.625rem;
  }
  .renewed.detail.employee .process .step-list .step-item {
    position: relative;
    flex-direction: column;
    flex: 1;
    gap: 2rem;
    align-items: center;
  }
  .renewed.detail.employee .process .step-list .step-item:not(:last-child)::after {
    content: ""; /* Unicode for right arrow */
    position: absolute;
    aspect-ratio: 64/8;
    width: 35%;
    /*     border: 1px solid blue; */
    background: url("/resources/fo/loanone/common/images/icons/arrow-long-gray.svg") no-repeat center/contain;
    right: -0.8125rem; /* Adjust this value to position the arrow */
    top: 3.125rem;
    transform: translateY(-50%) translateX(50%);
    font-size: 1.2em; /* Adjust size as needed */
    color: #000; /* Adjust color as needed */
  }
  .renewed.detail.employee .process .step-list .step-item .img-container {
    border-radius: 50%;
    background-color: #ffffff;
    width: 6.25rem;
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
  }
  .renewed.detail.employee .process .step-list .step-item .img-container img {
    width: 2.875rem;
  }
  .renewed.detail.employee .process .step-list .step-item .text-container {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    text-wrap: balance;
  }
  .renewed.detail.employee .process .step-list .step-item .text-container .step-content br {
    display: block;
  }
}
.renewed.detail.employee .call-to-action a {
  background-color: #0f82ff;
}
.renewed.detail.employee .faq .accordion-wrap .accordion-button::before {
  color: #0f82ff;
}
.renewed.detail.employee .banner .content-wrap {
  background-color: #0f82ff;
}
.renewed.detail.sellerdream .blue {
  color: #0f82ff;
}
.renewed.detail.sellerdream .hero {
  background: #f5f5f5;
}
.renewed.detail.sellerdream .hero .subtitle {
  font-size: 1rem;
  font-weight: 600;
  color: #4b5a68;
}
.renewed.detail.sellerdream .hero h1 {
  font-size: 1.9rem;
  line-height: 2.5rem;
  margin-top: 1.2rem;
}
.renewed.detail.sellerdream .hero .content {
  font-size: 0.9rem;
  line-height: 1.4rem;
  font-weight: 600;
  margin-top: 2.5rem;
}
.renewed.detail.sellerdream .hero .img-container {
  margin-top: 3.0125rem;
}
.renewed.detail.sellerdream .hero .img-container .card {
  width: 10.75rem;
  animation: floatAnimation 3s ease-in-out infinite;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.sellerdream .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.sellerdream .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.sellerdream .hero .content {
    margin-top: 1rem;
    font-size: 0.875rem;
  }
  .renewed.detail.sellerdream .hero .card {
    width: 9.71875rem;
    margin-top: 2.3125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.sellerdream .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.sellerdream .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.sellerdream .hero .content {
    margin-top: 1rem;
    font-size: 0.875rem;
  }
  .renewed.detail.sellerdream .hero .card {
    width: 9.71875rem;
    margin-top: 2.3125rem;
  }
}
.renewed.detail.sellerdream .merits .content-wrap .content .text-container .medium {
  color: #0f82ff;
}
.renewed.detail.sellerdream .merits .content-wrap .img-container {
  display: grid;
  place-items: center;
}
.renewed.detail.sellerdream .merits .content-wrap .img-container.money-stash {
  background-color: #f5f5f5;
}
.renewed.detail.sellerdream .merits .content-wrap .img-container.money-stash img {
  width: 50%;
  max-width: 24.625rem;
}
.renewed.detail.sellerdream .merits .content-wrap .img-container.submit-docs {
  background-color: #e8f3ff;
}
.renewed.detail.sellerdream .merits .content-wrap .img-container.submit-docs img {
  position: absolute;
  bottom: 0;
  width: 50%;
  max-width: 26.125rem;
}
.renewed.detail.sellerdream .merits .content-wrap .img-container.fees {
  background-color: #e1eaff;
}
.renewed.detail.sellerdream .merits .content-wrap .img-container.fees img {
  width: 50%;
  max-width: 26.125rem;
}
.renewed.detail.sellerdream .process {
  background-color: #f5f5f5;
}
.renewed.detail.sellerdream .process h2 {
  font-size: 1.2rem;
  color: #2c2d2d;
  font-weight: 700;
  margin-bottom: 2.8125rem;
}
.renewed.detail.sellerdream .process .step-list {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}
.renewed.detail.sellerdream .process .step-list .step-item {
  display: flex;
  gap: 2rem;
}
.renewed.detail.sellerdream .process .step-list .step-item .img-container {
  border-radius: 50%;
  background-color: #ffffff;
  width: 6.25rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
}
.renewed.detail.sellerdream .process .step-list .step-item .img-container img {
  width: 2.875rem;
}
.renewed.detail.sellerdream .process .step-list .step-item .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.625rem;
}
.renewed.detail.sellerdream .process .step-list .step-item .text-container .step-title {
  font-size: 1rem;
  font-weight: 700;
  color: #0c0228;
}
.renewed.detail.sellerdream .process .step-list .step-item .text-container .step-content {
  font-size: 0.875rem;
  color: #888c92;
  font-weight: 600;
}
.renewed.detail.sellerdream .process .step-list .step-item .text-container .step-content br {
  display: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.sellerdream .process {
    background-color: #f9f9f9;
  }
  .renewed.detail.sellerdream .process h2 {
    font-size: 1.625rem;
    margin-bottom: 1.875rem;
    text-align: center;
  }
  .renewed.detail.sellerdream .process .step-list {
    flex-direction: row;
    justify-content: space-between;
    gap: 1.625rem;
  }
  .renewed.detail.sellerdream .process .step-list .step-item {
    position: relative;
    flex-direction: column;
    flex: 1;
    gap: 2rem;
    align-items: center;
  }
  .renewed.detail.sellerdream .process .step-list .step-item:not(:last-child)::after {
    content: ""; /* Unicode for right arrow */
    position: absolute;
    aspect-ratio: 64/8;
    width: 35%;
    /*     border: 1px solid blue; */
    background: url("/resources/fo/loanone/common/images/icons/arrow-long-gray.svg") no-repeat center/contain;
    right: -0.8125rem; /* Adjust this value to position the arrow */
    top: 3.125rem;
    transform: translateY(-50%) translateX(50%);
    font-size: 1.2em; /* Adjust size as needed */
    color: #000; /* Adjust color as needed */
  }
  .renewed.detail.sellerdream .process .step-list .step-item .img-container {
    border-radius: 50%;
    background-color: #ffffff;
    width: 6.25rem;
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
  }
  .renewed.detail.sellerdream .process .step-list .step-item .img-container img {
    width: 2.875rem;
  }
  .renewed.detail.sellerdream .process .step-list .step-item .text-container {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    text-wrap: balance;
  }
  .renewed.detail.sellerdream .process .step-list .step-item .text-container .step-content br {
    display: block;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.sellerdream .process {
    background-color: #f9f9f9;
  }
  .renewed.detail.sellerdream .process h2 {
    font-size: 1.625rem;
    margin-bottom: 1.875rem;
    text-align: center;
  }
  .renewed.detail.sellerdream .process .step-list {
    flex-direction: row;
    justify-content: space-between;
    gap: 1.625rem;
  }
  .renewed.detail.sellerdream .process .step-list .step-item {
    position: relative;
    flex-direction: column;
    flex: 1;
    gap: 2rem;
    align-items: center;
  }
  .renewed.detail.sellerdream .process .step-list .step-item:not(:last-child)::after {
    content: ""; /* Unicode for right arrow */
    position: absolute;
    aspect-ratio: 64/8;
    width: 35%;
    /*     border: 1px solid blue; */
    background: url("/resources/fo/loanone/common/images/icons/arrow-long-gray.svg") no-repeat center/contain;
    right: -0.8125rem; /* Adjust this value to position the arrow */
    top: 3.125rem;
    transform: translateY(-50%) translateX(50%);
    font-size: 1.2em; /* Adjust size as needed */
    color: #000; /* Adjust color as needed */
  }
  .renewed.detail.sellerdream .process .step-list .step-item .img-container {
    border-radius: 50%;
    background-color: #ffffff;
    width: 6.25rem;
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
  }
  .renewed.detail.sellerdream .process .step-list .step-item .img-container img {
    width: 2.875rem;
  }
  .renewed.detail.sellerdream .process .step-list .step-item .text-container {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    text-wrap: balance;
  }
  .renewed.detail.sellerdream .process .step-list .step-item .text-container .step-content br {
    display: block;
  }
}
.renewed.detail.sellerdream .call-to-action a {
  background-color: #0f82ff;
}
.renewed.detail.sellerdream .qna table th,
.renewed.detail.sellerdream .qna table td:first-of-type {
  background-color: #f6faff;
}
.renewed.detail.sellerdream .faq .accordion-wrap .accordion-button::before {
  color: #0f82ff;
}
.renewed.detail.sellerdream .banner .content-wrap {
  background-color: #0f82ff;
}
.renewed.detail.storedream.startup .green {
  color: #10d63c;
}
.renewed.detail.storedream.startup .hero {
  background: #f6ffe8;
}
.renewed.detail.storedream.startup .hero .subtitle {
  font-size: 1rem;
  font-weight: 600;
  color: #4b5a68;
}
.renewed.detail.storedream.startup .hero h1 {
  font-size: 1.9rem;
  line-height: 2.5rem;
  margin-top: 1.2rem;
}
.renewed.detail.storedream.startup .hero .content-mobile {
  font-size: 0.9rem;
  line-height: 1.4rem;
  font-weight: 600;
  margin-top: 2.5rem;
  color: #999999;
}
.renewed.detail.storedream.startup .hero .content-mobile .black {
  color: #000;
}
.renewed.detail.storedream.startup .hero .img-container {
  aspect-ratio: 638/547;
  width: 80%;
  max-width: 21.875rem;
  background-image: url("/resources/fo/loanone/common/images/storedream-startup-hero-mobile.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: floatAnimation 3s ease-in-out infinite;
}
.renewed.detail.storedream.startup .hero .content-desktop {
  gap: 1.1rem;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 3.75rem;
  display: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.storedream.startup .hero {
    background-color: #efffd7;
  }
  .renewed.detail.storedream.startup .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.storedream.startup .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.storedream.startup .hero .content-mobile {
    display: none;
  }
  .renewed.detail.storedream.startup .hero .img-container {
    margin-top: 1.75rem;
    aspect-ratio: 350/207;
    background-image: url("/resources/fo/loanone/common/images/storedream-startup-hero-desktop.png");
  }
  .renewed.detail.storedream.startup .hero .content-desktop {
    display: flex;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.storedream.startup .hero {
    background-color: #efffd7;
  }
  .renewed.detail.storedream.startup .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.storedream.startup .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.storedream.startup .hero .content-mobile {
    display: none;
  }
  .renewed.detail.storedream.startup .hero .img-container {
    margin-top: 1.75rem;
    aspect-ratio: 350/207;
    background-image: url("/resources/fo/loanone/common/images/storedream-startup-hero-desktop.png");
  }
  .renewed.detail.storedream.startup .hero .content-desktop {
    display: flex;
  }
}
.renewed.detail.storedream.startup .merits .content-wrap .img-container {
  display: grid;
  place-items: center;
}
.renewed.detail.storedream.startup .merits .content-wrap .img-container.open-sign {
  background-color: #ffffe4;
}
.renewed.detail.storedream.startup .merits .content-wrap .img-container.open-sign img {
  width: 55%;
  max-width: 24.625rem;
}
.renewed.detail.storedream.startup .merits .content-wrap .img-container.submit-docs {
  background-color: #f6ffe8;
}
.renewed.detail.storedream.startup .merits .content-wrap .img-container.submit-docs img {
  position: absolute;
  width: 60%;
  max-width: 26.125rem;
}
.renewed.detail.storedream.startup .merits .content-wrap .img-container.fees {
  background-color: #f6f6f6;
}
.renewed.detail.storedream.startup .merits .content-wrap .img-container.fees img {
  position: absolute;
  bottom: 0;
  width: 70%;
  max-width: 26.125rem;
}
.renewed.detail.storedream.startup .process {
  background-color: #f6ffe8;
}
.renewed.detail.storedream.startup .process h2 {
  text-align: center;
  font-size: 1.2rem;
  color: #2c2d2d;
  font-weight: 700;
  margin-bottom: 2.8125rem;
}
.renewed.detail.storedream.startup .process .step-list {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}
.renewed.detail.storedream.startup .process .step-list .step-item {
  display: flex;
  gap: 2rem;
}
.renewed.detail.storedream.startup .process .step-list .step-item .img-container {
  border-radius: 50%;
  background-color: #ffffff;
  width: 6.25rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
}
.renewed.detail.storedream.startup .process .step-list .step-item .img-container img {
  width: 60%;
}
.renewed.detail.storedream.startup .process .step-list .step-item .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.625rem;
}
.renewed.detail.storedream.startup .process .step-list .step-item .text-container .step-title {
  font-size: 1rem;
  font-weight: 700;
  color: #0c0228;
}
.renewed.detail.storedream.startup .process .step-list .step-item .text-container .step-content {
  font-size: 0.875rem;
  color: #888c92;
  font-weight: 600;
}
.renewed.detail.storedream.startup .process .step-list .step-item .text-container .step-content br {
  display: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.storedream.startup .process {
    background-color: #efffd7;
  }
  .renewed.detail.storedream.startup .process h2 {
    font-size: 1.625rem;
    margin-bottom: 1.875rem;
    text-align: center;
  }
  .renewed.detail.storedream.startup .process .step-list {
    flex-direction: row;
    justify-content: space-between;
    gap: 1.625rem;
  }
  .renewed.detail.storedream.startup .process .step-list .step-item {
    position: relative;
    flex-direction: column;
    flex: 1;
    gap: 2rem;
    align-items: center;
  }
  .renewed.detail.storedream.startup .process .step-list .step-item:not(:last-child)::after {
    content: ""; /* Unicode for right arrow */
    position: absolute;
    aspect-ratio: 64/8;
    width: 35%;
    /*     border: 1px solid blue; */
    background: url("/resources/fo/loanone/common/images/icons/arrow-long-gray.svg") no-repeat center/contain;
    right: -0.8125rem; /* Adjust this value to position the arrow */
    top: 3.125rem;
    transform: translateY(-50%) translateX(50%);
    font-size: 1.2em; /* Adjust size as needed */
    color: #000; /* Adjust color as needed */
  }
  .renewed.detail.storedream.startup .process .step-list .step-item .img-container {
    border-radius: 50%;
    background-color: #ffffff;
    width: 6.25rem;
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
  }
  .renewed.detail.storedream.startup .process .step-list .step-item .img-container img {
    width: 2.875rem;
  }
  .renewed.detail.storedream.startup .process .step-list .step-item .text-container {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    text-wrap: balance;
  }
  .renewed.detail.storedream.startup .process .step-list .step-item .text-container .step-content br {
    display: block;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.storedream.startup .process {
    background-color: #efffd7;
  }
  .renewed.detail.storedream.startup .process h2 {
    font-size: 1.625rem;
    margin-bottom: 1.875rem;
    text-align: center;
  }
  .renewed.detail.storedream.startup .process .step-list {
    flex-direction: row;
    justify-content: space-between;
    gap: 1.625rem;
  }
  .renewed.detail.storedream.startup .process .step-list .step-item {
    position: relative;
    flex-direction: column;
    flex: 1;
    gap: 2rem;
    align-items: center;
  }
  .renewed.detail.storedream.startup .process .step-list .step-item:not(:last-child)::after {
    content: ""; /* Unicode for right arrow */
    position: absolute;
    aspect-ratio: 64/8;
    width: 35%;
    /*     border: 1px solid blue; */
    background: url("/resources/fo/loanone/common/images/icons/arrow-long-gray.svg") no-repeat center/contain;
    right: -0.8125rem; /* Adjust this value to position the arrow */
    top: 3.125rem;
    transform: translateY(-50%) translateX(50%);
    font-size: 1.2em; /* Adjust size as needed */
    color: #000; /* Adjust color as needed */
  }
  .renewed.detail.storedream.startup .process .step-list .step-item .img-container {
    border-radius: 50%;
    background-color: #ffffff;
    width: 6.25rem;
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
  }
  .renewed.detail.storedream.startup .process .step-list .step-item .img-container img {
    width: 2.875rem;
  }
  .renewed.detail.storedream.startup .process .step-list .step-item .text-container {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    text-wrap: balance;
  }
  .renewed.detail.storedream.startup .process .step-list .step-item .text-container .step-content br {
    display: block;
  }
}
.renewed.detail.storedream.startup .call-to-action a {
  background-color: #10d63c;
}
.renewed.detail.storedream.startup .faq .accordion-wrap .accordion-button::before {
  color: #10d63c;
}
.renewed.detail.storedream.startup .banner .content-wrap {
  background-color: #10d63c;
}
.renewed.detail.storedream.operation .green {
  color: #10d63c;
}
.renewed.detail.storedream.operation .hero {
  background: #f6f6f6;
}
.renewed.detail.storedream.operation .hero .subtitle {
  font-size: 1rem;
  font-weight: 600;
  color: #4b5a68;
}
.renewed.detail.storedream.operation .hero h1 {
  font-size: 1.9rem;
  line-height: 2.5rem;
  margin-top: 1.2rem;
}
.renewed.detail.storedream.operation .hero .content-mobile {
  font-size: 0.9rem;
  line-height: 1.4rem;
  font-weight: 600;
  margin-top: 2.5rem;
  color: #999999;
}
.renewed.detail.storedream.operation .hero .content-mobile .black {
  color: #000;
}
.renewed.detail.storedream.operation .hero .img-container {
  aspect-ratio: 124/222;
  width: 30%;
  max-width: 7.75rem;
  margin-top: 2.125rem;
  background-image: url("/resources/fo/loanone/common/images/storedream-operation-hero.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: floatAnimation 3s ease-in-out infinite;
}
.renewed.detail.storedream.operation .hero .content-desktop {
  gap: 1.1rem;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 2.5rem;
  display: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.storedream.operation .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.storedream.operation .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.storedream.operation .hero .content-mobile {
    display: none;
  }
  .renewed.detail.storedream.operation .hero .img-container {
    margin-top: 2.5rem;
  }
  .renewed.detail.storedream.operation .hero .content-desktop {
    display: flex;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.storedream.operation .hero .subtitle {
    font-size: 1.125rem;
  }
  .renewed.detail.storedream.operation .hero h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
    margin-top: 1.25rem;
  }
  .renewed.detail.storedream.operation .hero .content-mobile {
    display: none;
  }
  .renewed.detail.storedream.operation .hero .img-container {
    margin-top: 2.5rem;
  }
  .renewed.detail.storedream.operation .hero .content-desktop {
    display: flex;
  }
}
.renewed.detail.storedream.operation .merits .content-wrap .img-container {
  display: grid;
  place-items: center;
}
.renewed.detail.storedream.operation .merits .content-wrap .img-container.apron {
  background-color: #ffffe4;
}
.renewed.detail.storedream.operation .merits .content-wrap .img-container.apron img {
  width: 60%;
  position: absolute;
  left: 45%;
  transform: translateX(-50%);
  max-width: 24.625rem;
}
.renewed.detail.storedream.operation .merits .content-wrap .img-container.submit-docs {
  background-color: #f6ffe8;
}
.renewed.detail.storedream.operation .merits .content-wrap .img-container.submit-docs img {
  position: absolute;
  width: 70%;
  max-width: 26.125rem;
}
.renewed.detail.storedream.operation .merits .content-wrap .img-container.fees {
  background-color: #f6f6f6;
}
.renewed.detail.storedream.operation .merits .content-wrap .img-container.fees img {
  position: absolute;
  bottom: 0;
  width: 70%;
  max-width: 26.125rem;
}
.renewed.detail.storedream.operation .process {
  background-color: #f6f6f6;
}
.renewed.detail.storedream.operation .process h2 {
  text-align: center;
  font-size: 1.2rem;
  color: #2c2d2d;
  font-weight: 700;
  margin-bottom: 2.8125rem;
}
.renewed.detail.storedream.operation .process .step-list {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}
.renewed.detail.storedream.operation .process .step-list .step-item {
  display: flex;
  gap: 2rem;
}
.renewed.detail.storedream.operation .process .step-list .step-item .img-container {
  border-radius: 50%;
  background-color: #ffffff;
  width: 6.25rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
}
.renewed.detail.storedream.operation .process .step-list .step-item .img-container img {
  width: 60%;
}
.renewed.detail.storedream.operation .process .step-list .step-item .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.625rem;
}
.renewed.detail.storedream.operation .process .step-list .step-item .text-container .step-title {
  font-size: 1rem;
  font-weight: 700;
  color: #0c0228;
}
.renewed.detail.storedream.operation .process .step-list .step-item .text-container .step-content {
  font-size: 0.875rem;
  color: #888c92;
  font-weight: 600;
}
.renewed.detail.storedream.operation .process .step-list .step-item .text-container .step-content br {
  display: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.storedream.operation .process h2 {
    font-size: 1.625rem;
    margin-bottom: 1.875rem;
    text-align: center;
  }
  .renewed.detail.storedream.operation .process .step-list {
    flex-direction: row;
    justify-content: space-between;
    gap: 1.625rem;
  }
  .renewed.detail.storedream.operation .process .step-list .step-item {
    position: relative;
    flex-direction: column;
    flex: 1;
    gap: 2rem;
    align-items: center;
  }
  .renewed.detail.storedream.operation .process .step-list .step-item:not(:last-child)::after {
    content: ""; /* Unicode for right arrow */
    position: absolute;
    aspect-ratio: 64/8;
    width: 35%;
    background: url("/resources/fo/loanone/common/images/icons/arrow-long-gray.svg") no-repeat center/contain;
    right: -0.8125rem; /* Adjust this value to position the arrow */
    top: 3.125rem;
    transform: translateY(-50%) translateX(50%);
    font-size: 1.2em; /* Adjust size as needed */
    color: #000; /* Adjust color as needed */
  }
  .renewed.detail.storedream.operation .process .step-list .step-item .img-container {
    border-radius: 50%;
    background-color: #ffffff;
    width: 6.25rem;
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
  }
  .renewed.detail.storedream.operation .process .step-list .step-item .img-container img {
    width: 2.875rem;
  }
  .renewed.detail.storedream.operation .process .step-list .step-item .text-container {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    text-wrap: balance;
  }
  .renewed.detail.storedream.operation .process .step-list .step-item .text-container .step-content br {
    display: block;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.storedream.operation .process h2 {
    font-size: 1.625rem;
    margin-bottom: 1.875rem;
    text-align: center;
  }
  .renewed.detail.storedream.operation .process .step-list {
    flex-direction: row;
    justify-content: space-between;
    gap: 1.625rem;
  }
  .renewed.detail.storedream.operation .process .step-list .step-item {
    position: relative;
    flex-direction: column;
    flex: 1;
    gap: 2rem;
    align-items: center;
  }
  .renewed.detail.storedream.operation .process .step-list .step-item:not(:last-child)::after {
    content: ""; /* Unicode for right arrow */
    position: absolute;
    aspect-ratio: 64/8;
    width: 35%;
    background: url("/resources/fo/loanone/common/images/icons/arrow-long-gray.svg") no-repeat center/contain;
    right: -0.8125rem; /* Adjust this value to position the arrow */
    top: 3.125rem;
    transform: translateY(-50%) translateX(50%);
    font-size: 1.2em; /* Adjust size as needed */
    color: #000; /* Adjust color as needed */
  }
  .renewed.detail.storedream.operation .process .step-list .step-item .img-container {
    border-radius: 50%;
    background-color: #ffffff;
    width: 6.25rem;
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
  }
  .renewed.detail.storedream.operation .process .step-list .step-item .img-container img {
    width: 2.875rem;
  }
  .renewed.detail.storedream.operation .process .step-list .step-item .text-container {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    text-wrap: balance;
  }
  .renewed.detail.storedream.operation .process .step-list .step-item .text-container .step-content br {
    display: block;
  }
}
.renewed.detail.storedream.operation .call-to-action a {
  background-color: #10d63c;
}
.renewed.detail.storedream.operation .faq .accordion-wrap .accordion-button::before {
  color: #10d63c;
}
.renewed.detail.storedream.operation .banner .content-wrap {
  background-color: #10d63c;
}
.renewed.detail.concrete .orange {
  color: #ff5c00 !important;
}
.renewed.detail.concrete .section-title {
  font-size: 1.5rem;
  line-height: 1.95rem;
  font-weight: 700;
  color: #181818;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .section-title {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .section-title {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }
}
.renewed.detail.concrete .section-subtitle {
  font-size: 0.8rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #707070;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .section-subtitle {
    font-size: 1.333125rem;
    line-height: 1.4;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .section-subtitle {
    font-size: 1.333125rem;
    line-height: 1.4;
  }
}
.renewed.detail.concrete .hero {
  background: #f8f8f8;
  padding: 1.825rem 1.25rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .hero {
    padding: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .hero {
    padding: 1.25rem;
  }
}
.renewed.detail.concrete .hero .content-wrap {
  border-radius: 0.5rem;
  max-width: 87.5rem;
  background: linear-gradient(to bottom, #fffbea 0%, #dbf8fc 43%);
  position: relative;
  overflow: hidden;
}
@keyframes peopleAnimation {
  0%, 100% {
    transform: translate(-50%, -50%) rotate(-6deg);
  }
  50% {
    transform: translate(-50%, -45%) rotate(-6deg);
  }
}
@keyframes marketAnimation {
  0%, 100% {
    transform: translateX(-50%) translateY(-50%) rotate(7deg);
  }
  50% {
    transform: translateX(-50%) translateY(-45%) rotate(7deg);
  }
}
@keyframes coinsAnimation {
  0%, 100% {
    transform: translateX(-50%) translateY(-50%) rotate(341deg);
  }
  50% {
    transform: translateX(-50%) translateY(-45%) rotate(341deg);
  }
}
@keyframes cardAnimation {
  0%, 100% {
    transform: translateX(-50%) translateY(-50%) rotate(-12.6deg);
  }
  50% {
    transform: translateX(-50%) translateY(-45%) rotate(-12.6deg);
  }
}
@keyframes glassArrowAnimation {
  0%, 100% {
    transform: translateX(-50%) translateY(-50%) rotate(7deg);
  }
  50% {
    transform: translateX(-50%) translateY(-45%) rotate(7deg);
  }
}
.renewed.detail.concrete .hero .backdrop-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.renewed.detail.concrete .hero .backdrop-image.people {
  width: 7.875rem;
  left: 88%;
  top: 23%;
  transform: translate(-50%, -50%) rotate(-6deg);
  animation: peopleAnimation 3s ease-in-out infinite;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .hero .backdrop-image.people {
    width: 10rem;
    left: 82%;
    top: 18%;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .hero .backdrop-image.people {
    width: 10rem;
    left: 82%;
    top: 18%;
  }
}
.renewed.detail.concrete .hero .backdrop-image.market {
  width: 11.25rem;
  left: 87%;
  top: 82%;
  transform: translateX(-50%) translateY(-50%) rotate(7deg);
  animation: marketAnimation 4s ease-in-out infinite;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .hero .backdrop-image.market {
    width: 9.5rem;
    left: 91%;
    top: 72%;
    filter: contrast(1.4);
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .hero .backdrop-image.market {
    width: 9.5rem;
    left: 91%;
    top: 72%;
    filter: contrast(1.4);
  }
}
.renewed.detail.concrete .hero .backdrop-image.coins {
  width: 11.25rem;
  left: 1%;
  top: 78%;
  transform: translateX(-50%) translateY(-50%) rotate(341deg);
  animation: coinsAnimation 2s ease-in-out infinite;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .hero .backdrop-image.coins {
    width: 10.5rem;
    left: 11%;
    top: 75%;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .hero .backdrop-image.coins {
    width: 10.5rem;
    left: 11%;
    top: 75%;
  }
}
.renewed.detail.concrete .hero .backdrop-image.card {
  width: 6.25rem;
  left: 21%;
  top: 24%;
  transform: translateX(-50%) translateY(-50%) rotate(-12.6deg);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .hero .backdrop-image.card {
    width: 7.9375rem;
    left: 5.9%;
    top: 37%;
    animation: cardAnimation 2s ease-in-out infinite 1s;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .hero .backdrop-image.card {
    width: 7.9375rem;
    left: 5.9%;
    top: 37%;
    animation: cardAnimation 2s ease-in-out infinite 1s;
  }
}
.renewed.detail.concrete .hero .backdrop-image.glass-arrow {
  display: none;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .hero .backdrop-image.glass-arrow {
    display: block;
    width: 7.25rem;
    left: 14%;
    top: 18%;
    transform: translateX(-50%) translateY(-50%) rotate(7deg);
    animation: glassArrowAnimation 2s ease-in-out infinite 1s;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .hero .backdrop-image.glass-arrow {
    display: block;
    width: 7.25rem;
    left: 14%;
    top: 18%;
    transform: translateX(-50%) translateY(-50%) rotate(7deg);
    animation: glassArrowAnimation 2s ease-in-out infinite 1s;
  }
}
.renewed.detail.concrete .hero .glass-container {
  z-index: 10;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .hero .glass-container {
    border-radius: 1.875rem;
    padding: 4rem;
    background: #f9f9f9;
    background: linear-gradient(58deg, rgba(249, 249, 249, 0.4) 23%, rgba(251, 251, 251, 0.4) 50%, rgba(253, 253, 253, 0.4) 68%, rgba(251, 251, 251, 0.4) 88%, rgba(255, 255, 255, 0.4) 98%);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    filter: drop-shadow(-5px -5px 200px rgba(0, 0, 0, 0.1));
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .hero .glass-container {
    border-radius: 1.875rem;
    padding: 4rem;
    background: #f9f9f9;
    background: linear-gradient(58deg, rgba(249, 249, 249, 0.4) 23%, rgba(251, 251, 251, 0.4) 50%, rgba(253, 253, 253, 0.4) 68%, rgba(251, 251, 251, 0.4) 88%, rgba(255, 255, 255, 0.4) 98%);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    filter: drop-shadow(-5px -5px 200px rgba(0, 0, 0, 0.1));
  }
}
.renewed.detail.concrete .hero .section-subtitle {
  font-size: 0.85rem;
  line-height: 1;
  background-color: #ff5c00;
  color: #ffffff;
  padding: 0.375rem 0.75rem;
  border-radius: 0.875rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .hero .section-subtitle {
    font-size: 1.38125rem;
    padding: 0.575rem 1.25rem;
    border-radius: 1.421875rem;
    margin-bottom: 1.65rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .hero .section-subtitle {
    font-size: 1.38125rem;
    padding: 0.575rem 1.25rem;
    border-radius: 1.421875rem;
    margin-bottom: 1.65rem;
  }
}
.renewed.detail.concrete .hero .section-title-image {
  width: 100%;
  display: block;
  margin: 9.2rem 2.875rem 1.9875rem;
  max-width: 27.25rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .hero .section-title-image {
    margin: 1.65rem 8.25rem 3rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .hero .section-title-image {
    margin: 1.65rem 8.25rem 3rem;
  }
}
.renewed.detail.concrete .hero .section-content {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 7.45rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .hero .section-content {
    display: none;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .hero .section-content {
    display: none;
  }
}
.renewed.detail.concrete .hero .btn {
  border: none;
  outline: none;
  color: #ffffff;
  background-color: #ff5c00;
  font-size: 0.9rem;
  line-height: 1rem;
  font-weight: 700;
  padding: 0.75rem;
  width: 10rem;
  border-radius: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .hero .btn {
    width: 22.5rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 1rem;
    border-radius: 0.72rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .hero .btn {
    width: 22.5rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 1rem;
    border-radius: 0.72rem;
  }
}
.renewed.detail.concrete .investment-timeline {
  background-color: #f8f8f8;
}
.renewed.detail.concrete .investment-timeline .section-title {
  margin-bottom: 0.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-timeline .section-title {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-timeline .section-title {
    margin-bottom: 1.25rem;
  }
}
.renewed.detail.concrete .investment-timeline .section-subtitle {
  margin-bottom: 1.5125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-timeline .section-subtitle {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-timeline .section-subtitle {
    margin-bottom: 2.5rem;
  }
}
.renewed.detail.concrete .investment-timeline .gauge-wrap {
  position: relative;
  width: 100%;
  max-width: 37.5rem;
  padding: 3.25rem 1rem 1.575rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
}
@keyframes coinPopMobile {
  0% {
    top: 4.2rem;
    opacity: 0;
  }
  100% {
    top: 2rem;
    opacity: 1;
  }
}
@keyframes coinPopDesktop {
  0% {
    top: 7.25rem;
    opacity: 0;
  }
  100% {
    top: 3.4375rem;
    opacity: 1;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap {
    padding: 5.6875rem 3rem 3.375rem;
    border-radius: 0.8775rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap {
    padding: 5.6875rem 3rem 3.375rem;
    border-radius: 0.8775rem;
  }
}
.renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-container {
  margin-top: 0.6rem;
  width: 100%;
  height: 1.325rem;
  border-radius: 50px;
  background: linear-gradient(to right, #fa7300 0%, #fdd000 74%) #fdd000;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-container::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  aspect-ratio: 1/1;
  height: 100%;
  background: #ffe6d1;
  border-radius: 50%;
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-container {
    margin-top: 1.05rem;
    height: 2.325rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-container {
    margin-top: 1.05rem;
    height: 2.325rem;
  }
}
.renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-container .gauge-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(to right, #ff5c00, #fa7300 100%) #ff5c00;
  border-radius: 50px;
}
.renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-container .gauge-fill::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  aspect-ratio: 1/1;
  height: 100%;
  background: #fdd000;
  border-radius: 50%;
  z-index: 10;
}
.renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-section-divider {
  position: absolute;
  top: 0;
  width: 0.025rem;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  transform: translateX(-50%);
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-section-divider {
    width: 0.04375rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-section-divider {
    width: 0.04375rem;
  }
}
.renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-coin {
  position: absolute;
  top: 2rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url("/resources/fo/loanone/common/images/coin.svg") no-repeat center/124%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-coin {
    top: 3.4375rem;
    width: 2.25rem;
    height: 2.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-coin {
    top: 3.4375rem;
    width: 2.25rem;
    height: 2.25rem;
  }
}
.renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-coin.active {
  opacity: 1;
  animation: coinPopMobile 0.5s ease-out;
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-coin.active {
    animation: coinPopDesktop 0.5s ease-out;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-coin.active {
    animation: coinPopDesktop 0.5s ease-out;
  }
}
.renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-labels {
  margin-top: 0.75rem;
  display: grid;
  grid-template-areas: "invest maturity" "month month";
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-labels {
    margin-top: 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-labels {
    margin-top: 1.25rem;
  }
}
.renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-labels .gauge-label {
  text-align: center;
  font-size: 0.8rem;
  line-height: 0.6rem;
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-labels .gauge-label {
    font-size: 1.4rem;
    line-height: 1.05rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-labels .gauge-label {
    font-size: 1.4rem;
    line-height: 1.05rem;
  }
}
.renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-labels .gauge-label.invest {
  grid-area: invest;
  text-align: left;
  font-weight: 700;
  color: #515757;
}
.renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-labels .gauge-label.maturity {
  grid-area: maturity;
  text-align: right;
  font-weight: 700;
  color: #515757;
}
.renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-labels .gauge-label.month {
  grid-area: month;
  text-align: right;
  font-weight: 600;
  color: #7a7a7a;
  margin-top: 0.575rem;
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-labels .gauge-label.month {
    margin-top: 1.05rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-timeline .gauge-wrap .gauge-labels .gauge-label.month {
    margin-top: 1.05rem;
  }
}
.renewed.detail.concrete .investment-timeline .section-description {
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.375rem;
  font-weight: 600;
  color: #000;
  margin-top: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-timeline .section-description {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 500;
    margin-top: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-timeline .section-description {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 500;
    margin-top: 2.5rem;
  }
}
.renewed.detail.concrete .investment-benefits {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.renewed.detail.concrete .investment-benefits .section-title {
  margin-bottom: 0.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .section-title {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .section-title {
    margin-bottom: 1.25rem;
  }
}
.renewed.detail.concrete .investment-benefits .section-subtitle {
  margin-bottom: 2.0125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .section-subtitle {
    margin-bottom: 3.375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .section-subtitle {
    margin-bottom: 3.375rem;
  }
}
.renewed.detail.concrete .investment-benefits .benefit-conditions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 31.625rem;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .benefit-conditions {
    gap: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .benefit-conditions {
    gap: 1.25rem;
  }
}
.renewed.detail.concrete .investment-benefits .benefit-card,
.renewed.detail.concrete .investment-benefits .event-card {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  border-radius: 1rem;
  padding: 1rem;
  gap: 0.75rem;
}
.renewed.detail.concrete .investment-benefits .benefit-card:nth-child(3), .renewed.detail.concrete .investment-benefits .benefit-card:nth-child(4),
.renewed.detail.concrete .investment-benefits .event-card:nth-child(3),
.renewed.detail.concrete .investment-benefits .event-card:nth-child(4) {
  background-color: #fff6ee;
}
.renewed.detail.concrete .investment-benefits .benefit-card:nth-child(3) .benefit-tag, .renewed.detail.concrete .investment-benefits .benefit-card:nth-child(4) .benefit-tag,
.renewed.detail.concrete .investment-benefits .event-card:nth-child(3) .benefit-tag,
.renewed.detail.concrete .investment-benefits .event-card:nth-child(4) .benefit-tag {
  background-color: #ff5c00;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .benefit-card,
  .renewed.detail.concrete .investment-benefits .event-card {
    padding: 1.625rem;
    border-radius: 1.625rem;
    gap: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .benefit-card,
  .renewed.detail.concrete .investment-benefits .event-card {
    padding: 1.625rem;
    border-radius: 1.625rem;
    gap: 1.25rem;
  }
}
.renewed.detail.concrete .investment-benefits .benefit-card .benefit-icon,
.renewed.detail.concrete .investment-benefits .event-card .benefit-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #ffffff;
  display: grid;
  place-items: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .benefit-card .benefit-icon,
  .renewed.detail.concrete .investment-benefits .event-card .benefit-icon {
    width: 5rem;
    height: 5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .benefit-card .benefit-icon,
  .renewed.detail.concrete .investment-benefits .event-card .benefit-icon {
    width: 5rem;
    height: 5rem;
  }
}
.renewed.detail.concrete .investment-benefits .benefit-card .benefit-icon img,
.renewed.detail.concrete .investment-benefits .event-card .benefit-icon img {
  width: 70%;
}
.renewed.detail.concrete .investment-benefits .benefit-card .benefit-content,
.renewed.detail.concrete .investment-benefits .event-card .benefit-content {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .benefit-card .benefit-content,
  .renewed.detail.concrete .investment-benefits .event-card .benefit-content {
    gap: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .benefit-card .benefit-content,
  .renewed.detail.concrete .investment-benefits .event-card .benefit-content {
    gap: 0.625rem;
  }
}
.renewed.detail.concrete .investment-benefits .benefit-card .benefit-tag,
.renewed.detail.concrete .investment-benefits .event-card .benefit-tag {
  font-size: 0.7rem;
  line-height: 0.7rem;
  font-weight: 600;
  color: #ffffff;
  padding: 0.25rem 0.5rem;
  border-radius: 0.75rem;
  background-color: #ababab;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .benefit-card .benefit-tag,
  .renewed.detail.concrete .investment-benefits .event-card .benefit-tag {
    font-size: 1.166875rem;
    line-height: 1.166875rem;
    padding: 0.4125rem 0.83375rem;
    border-radius: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .benefit-card .benefit-tag,
  .renewed.detail.concrete .investment-benefits .event-card .benefit-tag {
    font-size: 1.166875rem;
    line-height: 1.166875rem;
    padding: 0.4125rem 0.83375rem;
    border-radius: 1.25rem;
  }
}
.renewed.detail.concrete .investment-benefits .benefit-card .benefit-description,
.renewed.detail.concrete .investment-benefits .event-card .benefit-description {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #515757;
}
.renewed.detail.concrete .investment-benefits .benefit-card .benefit-description .highlight-blue,
.renewed.detail.concrete .investment-benefits .event-card .benefit-description .highlight-blue {
  color: #4f83ee;
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .benefit-card .benefit-description,
  .renewed.detail.concrete .investment-benefits .event-card .benefit-description {
    font-size: 1.25rem;
    line-height: 2.08125rem;
  }
  .renewed.detail.concrete .investment-benefits .benefit-card .benefit-description .highlight-blue,
  .renewed.detail.concrete .investment-benefits .event-card .benefit-description .highlight-blue {
    font-size: 1.5rem;
    line-height: 2.08125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .benefit-card .benefit-description,
  .renewed.detail.concrete .investment-benefits .event-card .benefit-description {
    font-size: 1.25rem;
    line-height: 2.08125rem;
  }
  .renewed.detail.concrete .investment-benefits .benefit-card .benefit-description .highlight-blue,
  .renewed.detail.concrete .investment-benefits .event-card .benefit-description .highlight-blue {
    font-size: 1.5rem;
    line-height: 2.08125rem;
  }
}
.renewed.detail.concrete .investment-benefits .benefit-card .benefit-note,
.renewed.detail.concrete .investment-benefits .event-card .benefit-note {
  font-size: 0.65rem;
  line-height: 0.875rem;
  font-weight: 600;
  color: #989898;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .benefit-card .benefit-note,
  .renewed.detail.concrete .investment-benefits .event-card .benefit-note {
    font-size: 1.083125rem;
    line-height: 1.45625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .benefit-card .benefit-note,
  .renewed.detail.concrete .investment-benefits .event-card .benefit-note {
    font-size: 1.083125rem;
    line-height: 1.45625rem;
  }
}
.renewed.detail.concrete .investment-benefits .event-card {
  flex-direction: column;
}
.renewed.detail.concrete .investment-benefits .event-card .benefit-card {
  padding: 0;
  background-color: transparent;
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards {
  display: grid;
  grid-template-areas: "twenty twenty twenty" "ten ten ten" "five three one";
  gap: 2rem 1.4rem;
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.twenty {
  grid-area: twenty;
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.ten {
  grid-area: ten;
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.five {
  grid-area: five;
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.three {
  grid-area: three;
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.one {
  grid-area: one;
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item:nth-of-type(1) .ticket-amount,
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item:nth-of-type(1) .ticket-label {
  color: #ffffff !important;
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.large .reward-ticket::before {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  aspect-ratio: 1/1;
  top: 0;
  right: -2.375rem;
  transform: rotate(-11.91deg);
  background: url("/resources/fo/loanone/common/images/concrete-event-stamp.png") no-repeat center/120%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.large .reward-ticket::before {
    width: 5rem;
    right: -3.75rem;
    top: -0.4375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.large .reward-ticket::before {
    width: 5rem;
    right: -3.75rem;
    top: -0.4375rem;
  }
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .stamp-count {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.7rem;
  line-height: 1;
  font-weight: 600;
  color: #181818;
  background: #92f862;
  padding: 0.25rem 0.5rem;
  border-radius: 0.75rem;
  margin: 0 auto 0.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .stamp-count {
    font-size: 1.166875rem;
    line-height: 1.166875rem;
    padding: 0.4125rem 0.83375rem;
    border-radius: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .stamp-count {
    font-size: 1.166875rem;
    line-height: 1.166875rem;
    padding: 0.4125rem 0.83375rem;
    border-radius: 1.25rem;
  }
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .reward-ticket {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  width: 8.22rem;
  aspect-ratio: 1.9882687307;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .reward-ticket {
    width: 13.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .reward-ticket {
    width: 13.75rem;
  }
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .reward-ticket .ticket-background {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  background: url("/resources/fo/loanone/common/images/concrete-event-ticket-white.png") no-repeat center/100%;
  filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.1));
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .reward-ticket .ticket-background.orange {
  background-image: url("/resources/fo/loanone/common/images/concrete-event-ticket-orange.png");
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .reward-ticket .ticket-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .reward-ticket .ticket-content .ticket-amount {
  font-size: 1.375rem;
  line-height: 1;
  color: #ff5c00;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .reward-ticket .ticket-content .ticket-amount {
    font-size: 2.291875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .reward-ticket .ticket-content .ticket-amount {
    font-size: 2.291875rem;
  }
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .reward-ticket .ticket-content .ticket-label {
  font-size: 0.675rem;
  line-height: 1.05rem;
  font-weight: 700;
  color: #1e1e1e;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .reward-ticket .ticket-content .ticket-label {
    font-size: 1.125rem;
    line-height: 1.8;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item .reward-ticket .ticket-content .ticket-label {
    font-size: 1.125rem;
    line-height: 1.8;
  }
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.small .reward-ticket {
  width: 4.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.small .reward-ticket {
    width: 7.291875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.small .reward-ticket {
    width: 7.291875rem;
  }
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.small .reward-ticket .ticket-content {
  width: 100%;
}
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.small .reward-ticket .ticket-amount,
.renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.small .reward-ticket .ticket-label {
  width: 100%;
  font-weight: 600;
  font-size: 0.675rem;
  line-height: 0.8rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.small .reward-ticket .ticket-amount,
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.small .reward-ticket .ticket-label {
    font-size: 1.125rem;
    line-height: 1.2;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.small .reward-ticket .ticket-amount,
  .renewed.detail.concrete .investment-benefits .event-card .event-rewards .reward-item.small .reward-ticket .ticket-label {
    font-size: 1.125rem;
    line-height: 1.2;
  }
}
.renewed.detail.concrete .stamp-random-point {
  background-color: #2b7ee8;
}
.renewed.detail.concrete .stamp-random-point .random-point-content {
  width: 100%;
}
.renewed.detail.concrete .stamp-random-point .condition-text {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 2.3675rem;
}
.renewed.detail.concrete .stamp-random-point .condition-text .yellow-highlight {
  color: #ffe72e;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .stamp-random-point .condition-text {
    font-size: 2.083125rem;
    line-height: 2.70625rem;
    margin-bottom: 3.925rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .stamp-random-point .condition-text {
    font-size: 2.083125rem;
    line-height: 2.70625rem;
    margin-bottom: 3.925rem;
  }
}
.renewed.detail.concrete .stamp-random-point .ticket-wrapper {
  background: url("/resources/fo/loanone/common/images/concrete-stamp-ticket.png") no-repeat center/100% 100%;
  width: 18.875rem;
  height: 7.25rem;
  margin: auto;
  position: relative;
  display: grid;
  place-items: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .stamp-random-point .ticket-wrapper {
    width: 31.4375rem;
    height: 12.125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .stamp-random-point .ticket-wrapper {
    width: 31.4375rem;
    height: 12.125rem;
  }
}
.renewed.detail.concrete .stamp-random-point .ticket-wrapper .random-point-ticket .ticket-label {
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #000;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .stamp-random-point .ticket-wrapper .random-point-ticket .ticket-label {
    font-size: 1.583125rem;
    line-height: 2.29375rem;
    margin-bottom: 0.825rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .stamp-random-point .ticket-wrapper .random-point-ticket .ticket-label {
    font-size: 1.583125rem;
    line-height: 2.29375rem;
    margin-bottom: 0.825rem;
  }
}
.renewed.detail.concrete .stamp-random-point .ticket-wrapper .random-point-ticket .ticket-amount {
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 2.5rem;
  background: linear-gradient(to right, #ff7500 30%, #f0d01e 79%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .stamp-random-point .ticket-wrapper .random-point-ticket .ticket-amount {
    font-size: 4.166875rem;
    line-height: 4.166875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .stamp-random-point .ticket-wrapper .random-point-ticket .ticket-amount {
    font-size: 4.166875rem;
    line-height: 4.166875rem;
  }
}
.renewed.detail.concrete .stamp-random-point .ticket-wrapper .winner-badge {
  position: absolute;
  right: -1.45rem;
  top: -1.4875rem;
  width: 5.15rem;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ff7800;
  border-radius: 50%;
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .stamp-random-point .ticket-wrapper .winner-badge {
    right: -2.4125rem;
    top: -2.425rem;
    width: 8.583125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .stamp-random-point .ticket-wrapper .winner-badge {
    right: -2.4125rem;
    top: -2.425rem;
    width: 8.583125rem;
  }
}
.renewed.detail.concrete .stamp-random-point .ticket-wrapper .winner-badge .badge-label {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .stamp-random-point .ticket-wrapper .winner-badge .badge-label {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .stamp-random-point .ticket-wrapper .winner-badge .badge-label {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
.renewed.detail.concrete .stamp-random-point .ticket-wrapper .winner-badge .badge-count {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .stamp-random-point .ticket-wrapper .winner-badge .badge-count {
    font-size: 1.666875rem;
    line-height: 2rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .stamp-random-point .ticket-wrapper .winner-badge .badge-count {
    font-size: 1.666875rem;
    line-height: 2rem;
  }
}
.renewed.detail.concrete .winkstone-reasons {
  background-color: #f4f4f4;
}
.renewed.detail.concrete .winkstone-reasons .content-wrap {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.renewed.detail.concrete .winkstone-reasons .section-title {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .winkstone-reasons .section-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .winkstone-reasons .section-title {
    margin-bottom: 2.5rem;
  }
}
.renewed.detail.concrete .winkstone-reasons .phone-mockup {
  position: relative;
  width: 22rem;
  height: 28.4rem;
  background-image: url("/resources/fo/loanone/common/images/concrete-phone-mockup.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  filter: drop-shadow(0 0 1.25rem rgba(255, 117, 0, 0.28));
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .winkstone-reasons .phone-mockup {
    width: 36.666875rem;
    height: 47.333125rem;
    filter: drop-shadow(0 0 2.0625rem rgba(255, 117, 0, 0.28));
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .winkstone-reasons .phone-mockup {
    width: 36.666875rem;
    height: 47.333125rem;
    filter: drop-shadow(0 0 2.0625rem rgba(255, 117, 0, 0.28));
  }
}
.renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container {
  position: absolute;
  padding: 0 2.125rem;
  width: 100%;
  bottom: 1.125rem;
  display: flex;
  flex-direction: column;
  gap: 0.953125rem;
  margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container {
    padding: 0 3.541875rem;
    bottom: 2.0625rem;
    gap: 1.666875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container {
    padding: 0 3.541875rem;
    bottom: 2.0625rem;
    gap: 1.666875rem;
  }
}
.renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container .chat-bubble {
  font-size: 0.9rem;
  line-height: 1.2rem;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.4rem;
  border-radius: 0.875rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container .chat-bubble {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 0.625rem;
    border-radius: 1.469375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container .chat-bubble {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 0.625rem;
    border-radius: 1.469375rem;
  }
}
.renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container .chat-bubble.user {
  text-align: left;
  background-color: #e5e5ea;
  color: #373737;
  position: relative;
}
.renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container .chat-bubble.user::before {
  content: "";
  display: block;
  position: absolute;
  left: -0.25rem;
  bottom: 0;
  width: 0.6875rem;
  height: 0.83125rem;
  background: url("/resources/fo/loanone/common/images/concrete-chat-bubble-tail-gray.png") no-repeat center/contain;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container .chat-bubble.user::before {
    left: -0.416875rem;
    width: 1.14625rem;
    height: 1.386875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container .chat-bubble.user::before {
    left: -0.416875rem;
    width: 1.14625rem;
    height: 1.386875rem;
  }
}
.renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container .chat-bubble.winkstone {
  text-align: right;
  background-color: #3990ff;
  color: #ffffff;
  align-self: flex-end;
  position: relative;
}
.renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container .chat-bubble.winkstone:last-of-type {
  background-color: #ff792e;
}
.renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container .chat-bubble.winkstone:last-of-type::before {
  background-image: url("/resources/fo/loanone/common/images/concrete-chat-bubble-tail-orange.png");
}
.renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container .chat-bubble.winkstone::before {
  content: "";
  display: block;
  position: absolute;
  right: -0.25rem;
  bottom: 0;
  width: 0.6875rem;
  height: 0.83125rem;
  background: url("/resources/fo/loanone/common/images/concrete-chat-bubble-tail-blue.png") no-repeat center/contain;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container .chat-bubble.winkstone::before {
    right: -0.416875rem;
    width: 1.14625rem;
    height: 1.386875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .winkstone-reasons .phone-mockup .chat-container .chat-bubble.winkstone::before {
    right: -0.416875rem;
    width: 1.14625rem;
    height: 1.386875rem;
  }
}
.renewed.detail.concrete .winkstone-reasons .cta-buttons {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .winkstone-reasons .cta-buttons {
    margin-top: 4.166875rem;
    gap: 1.666875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .winkstone-reasons .cta-buttons {
    margin-top: 4.166875rem;
    gap: 1.666875rem;
  }
}
.renewed.detail.concrete .winkstone-reasons .cta-buttons .btn {
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700;
  padding: 0.75rem;
  flex: 1;
  width: 100%;
  white-space: nowrap;
  border-radius: 0.630625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .winkstone-reasons .cta-buttons .btn {
    font-size: 1.666875rem;
    line-height: 1.666875rem;
    padding: 1.125rem;
    max-width: 17.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .winkstone-reasons .cta-buttons .btn {
    font-size: 1.666875rem;
    line-height: 1.666875rem;
    padding: 1.125rem;
    max-width: 17.5rem;
  }
}
.renewed.detail.concrete .winkstone-reasons .cta-buttons .btn.btn-outline-orange {
  background-color: #ffffff;
  color: #ff5c00;
}
.renewed.detail.concrete .winkstone-reasons .cta-buttons .btn.btn-orange {
  background-color: #fa7300;
  color: #ffffff;
}
.renewed.detail.concrete .merits .content-wrap {
  max-width: 60rem;
}
.renewed.detail.concrete .merits .section-subtitle {
  color: #ffa36f;
  margin-bottom: 0.5125rem;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .merits .section-subtitle {
    margin-bottom: 0.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .merits .section-subtitle {
    margin-bottom: 0.875rem;
  }
}
.renewed.detail.concrete .merits .content {
  align-items: flex-start;
}
.renewed.detail.concrete .merits .text-container {
  flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .merits .text-container {
    max-width: unset !important;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .merits .text-container {
    max-width: unset !important;
  }
}
.renewed.detail.concrete .merits .text-container h2 {
  font-size: 1.25rem;
  line-height: 1.6875rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .merits .text-container h2 {
    font-size: 2.25rem;
    line-height: 3rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .merits .text-container h2 {
    font-size: 2.25rem;
    line-height: 3rem;
  }
}
.renewed.detail.concrete .merits .text-container p {
  color: #707070;
  font-size: 0.8rem;
  line-height: 1.25rem;
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .merits .text-container p {
    font-size: 1.25rem !important;
    line-height: 2;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .merits .text-container p {
    font-size: 1.25rem !important;
    line-height: 2;
  }
}
.renewed.detail.concrete .merits .img-container {
  flex: 1;
  display: grid;
  place-items: center;
}
.renewed.detail.concrete .merits .img-container img {
  width: 40%;
  aspect-ratio: 1/1;
}
.renewed.detail.concrete .trustworthy-winkstone {
  background-color: #fff6ee;
}
.renewed.detail.concrete .trustworthy-winkstone .content-wrap {
  max-width: 62.5rem;
}
.renewed.detail.concrete .trustworthy-winkstone .section-title {
  margin-bottom: 0.95rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .trustworthy-winkstone .section-title {
    margin-bottom: 1.666875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .trustworthy-winkstone .section-title {
    margin-bottom: 1.666875rem;
  }
}
.renewed.detail.concrete .trustworthy-winkstone .section-subtitle {
  margin-bottom: 2rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .trustworthy-winkstone .section-subtitle {
    margin-bottom: 5.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .trustworthy-winkstone .section-subtitle {
    margin-bottom: 5.875rem;
  }
}
.renewed.detail.concrete .trustworthy-winkstone .feature-cards {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2.0125rem;
}
.renewed.detail.concrete .trustworthy-winkstone .feature-cards .feature-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}
.renewed.detail.concrete .trustworthy-winkstone .feature-cards .feature-card .card-icon {
  width: 5rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  border-radius: 1.25rem;
  background-color: #ffeee0;
  margin-bottom: 1rem;
}
.renewed.detail.concrete .trustworthy-winkstone .feature-cards .feature-card .card-icon img {
  display: block;
  width: 60%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .trustworthy-winkstone .feature-cards .feature-card .card-icon {
    width: 8.333125rem;
    margin-bottom: 1.666875rem;
    border-radius: 2.083125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .trustworthy-winkstone .feature-cards .feature-card .card-icon {
    width: 8.333125rem;
    margin-bottom: 1.666875rem;
    border-radius: 2.083125rem;
  }
}
.renewed.detail.concrete .trustworthy-winkstone .feature-cards .feature-card .card-title {
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
  color: #000;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .trustworthy-winkstone .feature-cards .feature-card .card-title {
    font-size: 1.666875rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .trustworthy-winkstone .feature-cards .feature-card .card-title {
    font-size: 1.666875rem;
    margin-bottom: 1.25rem;
  }
}
.renewed.detail.concrete .trustworthy-winkstone .feature-cards .feature-card .card-description {
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 1.5;
  font-weight: 600;
  color: #707070;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .trustworthy-winkstone .feature-cards .feature-card .card-description {
    font-size: 1.333125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .trustworthy-winkstone .feature-cards .feature-card .card-description {
    font-size: 1.333125rem;
  }
}
.renewed.detail.concrete .partnerships .content-wrap {
  max-width: 56.25rem;
}
.renewed.detail.concrete .partnerships .section-title {
  margin-bottom: 2.45rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.detail.concrete .partnerships .section-title {
    margin-bottom: 5.3125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.detail.concrete .partnerships .section-title {
    margin-bottom: 5.3125rem;
  }
}
.renewed.detail.concrete .partnerships .partners-img {
  display: block;
  width: 100%;
}
.renewed.seller {
  text-align: center;
  line-height: 1;
}
@font-face {
  font-family: "ImcreSoojin";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.3/ImcreSoojin.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.renewed.seller .orange {
  color: #fa7300;
}
.renewed.seller .blue {
  color: #5297f2;
}
.renewed.seller section .content-wrap {
  max-width: 1000px;
  padding: clamp(40px, 6.6666666667vw, 80px) clamp(32px, 5.3333333333vw, 64px);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}
.renewed.seller section .section-title {
  font-size: clamp(25.6px, 6.4vw, 64px);
  line-height: 1.40625;
  font-weight: 800;
  color: #2c2d2d;
  letter-spacing: -0.01em;
  width: inherit;
}
.renewed.seller section .section-tag {
  font-size: clamp(12.8px, 3.2vw, 32px);
  font-weight: 700;
  color: #ffffff;
  background-color: #fa7300;
  padding: clamp(4.8px, 1.2vw, 12px) clamp(16px, 4vw, 40px);
  border-radius: clamp(12px, 3vw, 30px);
  margin-bottom: clamp(40.2px, 4.4666666667vw, 67px);
}
.renewed.seller section .section-description {
  font-size: clamp(14.4px, 3.6vw, 36px);
  font-weight: 600;
  line-height: 1.67;
}
.renewed.seller section .cta-button {
  font-size: clamp(16.8px, 4.2vw, 42px);
  font-weight: 700;
  color: #ffffff;
  background-color: #ff8300;
  width: clamp(320px, 80vw, 800px);
  padding: clamp(16.4px, 4.1vw, 41px);
  border-radius: clamp(10.09px, 2.5216666667vw, 25.22px);
  cursor: pointer;
}
.renewed.seller .hero .sponsors {
  display: flex;
  gap: clamp(28.8px, 7.2vw, 72px);
  height: clamp(18.6px, 4.65vw, 46.5px);
  align-items: center;
  margin-bottom: clamp(39.6px, 9.9833333333vw, 99.5px);
}
.renewed.seller .hero .sponsors img {
  height: inherit;
}
.renewed.seller .hero .sponsors #semas {
  height: 80%;
}
.renewed.seller .hero h1,
.renewed.seller .hero h1 * {
  font-family: "ImcreSoojin";
  font-size: clamp(48px, 12vw, 120px);
  margin-bottom: clamp(9.6px, 2.4vw, 24px);
}
.renewed.seller .hero .section-description {
  font-size: clamp(16px, 4vw, 40px);
  line-height: 2.5;
  margin-bottom: clamp(27.6px, 6.9vw, 69px);
}
.renewed.seller .hero .img-container img {
  width: 100%;
}
.renewed.seller .pain-point {
  background-color: #f7f7f7;
}
.renewed.seller .pain-point .content-wrap {
  padding-bottom: 0;
}
.renewed.seller .pain-point .section-title {
  margin-bottom: clamp(39.2px, 10.1333333333vw, 100px);
}
.renewed.seller .pain-point .chat-container {
  background-color: #ffffff;
  width: clamp(349.6px, 87.4vw, 874px);
  padding: clamp(49.6px, 12.0666666667vw, 122px) clamp(17px, 4.1666666667vw, 42px);
  border-radius: clamp(29.8px, 7.4483333333vw, 74.49px);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(9.72px, 2.43vw, 24.3px);
}
.renewed.seller .pain-point .chat-container .chat-bubble {
  background-color: #eee;
  -moz-text-align-last: left;
       text-align-last: left;
  width: -moz-max-content;
  width: max-content;
  padding: clamp(8px, 2vw, 20px);
  border-radius: clamp(14.1px, 3.5266666667vw, 35.26px);
  font-size: clamp(14.4px, 3.6vw, 36px);
  font-weight: 500;
  line-height: 1.34;
  position: relative;
  letter-spacing: -0.02em;
}
.renewed.seller .pain-point .chat-container .chat-bubble::before {
  content: "";
  display: block;
  position: absolute;
  aspect-ratio: 27.5/33.3;
  width: clamp(11px, 2.75vw, 27.5px);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  bottom: 0;
}
.renewed.seller .pain-point .chat-container .chat-bubble.left {
  background-color: #e5e5ea;
  color: #373737;
}
.renewed.seller .pain-point .chat-container .chat-bubble.left::before {
  left: -2.2%;
  background-image: url("/resources/fo/loanone/common/images/bubble-tail-gray.svg");
}
.renewed.seller .pain-point .chat-container .chat-bubble.right {
  align-self: flex-end;
  background-color: #5297f2;
  color: #ffffff;
}
.renewed.seller .pain-point .chat-container .chat-bubble.right::before {
  right: -2.2%;
  background-image: url("/resources/fo/loanone/common/images/bubble-tail-blue.svg");
}
.renewed.seller .application .section-title {
  margin-bottom: clamp(35.2px, 8.8vw, 88px);
}
.renewed.seller .application .card {
  width: clamp(301.6px, 75.4vw, 754px);
  background-color: #5297f2;
  border-radius: clamp(10.77px, 2.6916666667vw, 26.92px);
  padding: clamp(15.22px, 3.7433333333vw, 37.68px);
  position: relative;
}
.renewed.seller .application .card .benefits-list li {
  color: #ffffff;
  font-weight: 800;
  font-size: clamp(13.06px, 2.8233333333vw, 30px);
  padding: clamp(14px, 3.5vw, 35px);
  line-height: 1.5;
}
.renewed.seller .application .card .benefits-list li:not(:last-child) {
  border-bottom: clamp(0.81px, 0.2016666667vw, 2.02px) dashed #ffffff;
}
.renewed.seller .application .card .highlight-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.renewed.seller .application .card .highlight-box p {
  color: #5297f2;
  background-color: #ffffff;
  line-height: 1.14;
  padding: clamp(2.4px, 0.6vw, 6px) clamp(8px, 2.3333333333vw, 22px);
  width: -moz-max-content;
  width: max-content;
  font-weight: 600;
  border-radius: clamp(13.86px, 3.4633333333vw, 34.64px);
  margin-bottom: clamp(10.4px, 2.6vw, 26px);
}
.renewed.seller .application .card .highlight-box h4 {
  font-size: clamp(25.6px, 6.4vw, 64px);
  font-weight: 800;
  color: #fff73f;
}
.renewed.seller .application .card .img-container {
  margin: clamp(11.13px, 4.52vw, 38.25px) 0;
}
.renewed.seller .application .card::after {
  content: "";
  position: absolute;
  aspect-ratio: 1/1;
  width: clamp(45.2px, 11.3vw, 113px);
  display: block;
  left: 0;
  top: 0;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50%;
  background: #f6f6f6 url("/resources/fo/loanone/common/images/winkstone_logo_prism.svg") no-repeat center/60%;
}
.renewed.seller .application .card.background {
  background-color: #f6f6f6;
  transform: scale(0.8) translateY(25%);
}
.renewed.seller .application .card.background .benefits-list li {
  color: #a5a5a5;
  border-color: #b9b9b9;
}
.renewed.seller .application .card.background::after {
  content: "타사";
  display: grid;
  place-items: center;
  background: #d9d9d9;
  font-size: clamp(12px, 3vw, 30px);
  font-weight: 700;
  color: #ffffff;
}
.renewed.seller .cost-breakdown {
  background-color: #5297f2;
}
.renewed.seller .cost-breakdown .section-title {
  color: #ffffff;
  margin-bottom: clamp(40px, 10vw, 100px);
}
.renewed.seller .cost-breakdown .section-emoji {
  font-size: clamp(40px, 10vw, 100px);
  margin-bottom: clamp(12.6px, 3.2333333333vw, 32px);
}
.renewed.seller .cost-breakdown .section-description {
  color: #000;
  background-color: #fff73f;
  line-height: 2;
  padding: 0 clamp(10px, 2.6666666667vw, 26px);
  border-radius: clamp(16px, 4vw, 40px);
  font-weight: 700;
  margin-bottom: clamp(39.8px, 10.0333333333vw, 100px);
}
.renewed.seller .cost-breakdown .financial-report {
  width: clamp(340px, 85vw, 850px);
  display: flex;
  flex-direction: column;
  gap: clamp(14.8px, 3.7vw, 37px);
}
.renewed.seller .cost-breakdown .financial-report .financial-statement {
  background-color: #ffffff;
  padding: clamp(16.92px, 3.68vw, 39px);
}
.renewed.seller .cost-breakdown .financial-report .financial-statement > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(11.2px, 2.8vw, 28px) 0;
  color: #909090;
  font-size: clamp(13.7px, 3.425vw, 34.25px);
  font-weight: 600;
}
.renewed.seller .cost-breakdown .financial-report .financial-statement > div .description {
  text-align: left;
  line-height: 1.34;
}
.renewed.seller .cost-breakdown .financial-report .financial-statement > div.starting-balance {
  font-size: clamp(18.26px, 4.5666666667vw, 45.66px);
  padding-bottom: clamp(16.88px, 4.1866666667vw, 42px);
  border-bottom: clamp(0.91px, 0.2283333333vw, 2.28px) solid #909090;
}
.renewed.seller .cost-breakdown .financial-report .financial-statement > div.starting-balance .amount {
  color: #373737;
}
.renewed.seller .cost-breakdown .financial-report .financial-statement > div.account-balance {
  border-top: clamp(0.91px, 0.2283333333vw, 2.28px) solid #909090;
  padding-top: clamp(16px, 4vw, 40px);
}
.renewed.seller .cost-breakdown .financial-report .financial-statement > div.account-balance .description {
  font-size: clamp(18.26px, 4.5666666667vw, 45.66px);
  color: #373737;
}
.renewed.seller .cost-breakdown .financial-report .financial-statement > div.account-balance .amount {
  font-size: clamp(21.92px, 5.4783333333vw, 54.79px);
  font-weight: 800;
}
.renewed.seller .cost-breakdown .financial-report .financial-statement > div.account-balance .amount .small {
  font-size: clamp(12px, 3vw, 30px);
}
.renewed.seller .cost-breakdown .financial-report .financial-statement:first-of-type {
  position: relative;
}
.renewed.seller .cost-breakdown .financial-report .financial-statement:first-of-type::before {
  content: "";
  position: absolute;
  width: 100%;
  right: 0;
  top: 0;
  display: block;
  border-top: 18px dotted #5297f2;
  transform: scale(0.9, 1.3) translateY(-67%);
}
.renewed.seller .cost-breakdown .financial-report .financial-statement:last-of-type {
  position: relative;
  margin-bottom: clamp(18px, 2.4033333333vw, 32.42px);
}
.renewed.seller .cost-breakdown .financial-report .financial-statement:last-of-type::before {
  content: "";
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
  display: block;
  border-bottom: 18px dotted #5297f2;
  transform: scale(0.9, 1.3) translateY(67%);
}
.renewed.seller .cost-breakdown .disclaimer {
  color: #ffffff;
  text-align: right;
  align-self: flex-end;
  font-size: clamp(8px, 2vw, 20px);
}
.renewed.seller .cost-breakdown .compliance {
  margin-top: clamp(5px, 1.5vw, 14px);
  color: #ffffff;
  align-self: flex-end;
  text-align: right;
  font-size: clamp(6px, 1.5vw, 15px);
  margin-bottom: clamp(14.8px, 3.5333333333vw, 36px);
}
.renewed.seller .cost-breakdown .cta-button {
  background-color: #ffffff;
  color: #5297f2;
}
.renewed.seller .support {
  background-color: #f5f5f5;
}
.renewed.seller .support .section-title {
  margin-bottom: clamp(39.2px, 10.1333333333vw, 100px);
}
.renewed.seller .support .benefits-box {
  width: 100%;
  display: flex;
  align-items: center;
  margin: clamp(40px, 10vw, 100px) 0;
  gap: clamp(16px, 4vw, 40px);
}
.renewed.seller .support .benefits-box .benefit-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(12.25px, 2.9583333333vw, 30px);
}
.renewed.seller .support .benefits-box .benefit-item {
  /*    aspect-ratio: 414/480; */
  height: clamp(192px, 48vw, 480px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: clamp(9.2px, 2.3vw, 23px);
}
.renewed.seller .support .benefits-box .benefit-item .emoji {
  font-size: clamp(41.85px, 10.4616666667vw, 104.62px);
  margin-bottom: clamp(22px, 4.6666666667vw, 50px);
}
.renewed.seller .support .benefits-box .benefit-item .benefit-title {
  font-size: clamp(14.4px, 3.6vw, 36px);
  font-weight: 700;
  color: #fa7300;
  line-height: 1.4;
  margin-bottom: clamp(8px, 2vw, 20px);
}
.renewed.seller .support .benefits-box .benefit-item .benefit-description {
  font-size: clamp(13.6px, 3.4vw, 34px);
  font-weight: 600;
  line-height: 1.47;
  color: #727171;
}
.renewed.seller .support .cta-button {
  background-color: #fa7300;
}
.renewed.seller .crowdfunding .logo-container {
  display: flex;
  gap: clamp(4.5px, 1.13vw, 11.28px);
  height: clamp(25.83px, 6.4566666667vw, 64.57px);
  margin-bottom: clamp(40px, 10vw, 100px);
}
.renewed.seller .crowdfunding .logo-container .logo {
  border: 0.8px solid #ffc798;
  padding: clamp(4.92px, 1.23vw, 12.3px) clamp(11.2px, 2.4666666667vw, 26px);
  border-radius: clamp(26.37px, 6.5933333333vw, 65.93px);
  height: 100%;
}
.renewed.seller .crowdfunding .section-title {
  margin-bottom: clamp(40px, 10vw, 100px);
}
.renewed.seller .crowdfunding .section-description {
  margin-bottom: clamp(40px, 10vw, 100px);
}
.renewed.seller .contact {
  background-color: #f5f5f5;
}
.renewed.seller .contact .section-emoji {
  font-size: clamp(24px, 6vw, 60px);
  margin-bottom: clamp(24.4px, 5.9333333333vw, 60px);
}
.renewed.seller .contact .section-title {
  margin-bottom: clamp(24.8px, 6.2vw, 62px);
}
.renewed.seller .contact .section-description {
  color: #6e6e6e;
}
.renewed.seller .contact .contact-card {
  display: flex;
  flex-direction: column;
  gap: clamp(30px, 7.5vw, 75px);
  margin: clamp(40px, 10vw, 100px) 0;
  background-color: #ffffff;
  padding: clamp(32.6px, 8.2333333333vw, 82px);
  border-radius: clamp(9.41px, 2.355vw, 23.54px);
}
.renewed.seller .contact .phone-number {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(19px, 4.7416666667vw, 47.45px);
}
.renewed.seller .contact .phone-number .label {
  font-size: clamp(11.3px, 2.8233333333vw, 28.24px);
  color: #ffffff;
  background-color: #fa7300;
  padding: clamp(9px, 2.3366666667vw, 23.02px) clamp(14.35px, 3.7516666667vw, 36.86px);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: clamp(4.71px, 1.1766666667vw, 11.77px);
}
.renewed.seller .contact .phone-number .number {
  font-size: clamp(18.83px, 4.7066666667vw, 47.07px);
  font-weight: 700;
  color: #fa7300;
}
.renewed.seller .contact .operating-hours {
  background-color: #f9f9f9;
  padding: clamp(16px, 4vw, 40px);
  border-radius: clamp(4.71px, 1.1766666667vw, 11.77px);
  line-height: 1.625;
  font-size: clamp(12.8px, 3.2vw, 32px);
  font-weight: 600;
}
.renewed.seller .contact .operating-hours .label {
  color: #999999;
}
.renewed.seller .contact .operating-hours .hours {
  color: #000;
}
.renewed.seller .contact .channel-tok {
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 3.5vw, 35px);
  align-items: center;
}
.renewed.seller .contact .channel-tok .icon-chat-app {
  width: clamp(50px, 11.6666666667vw, 120px);
}
.renewed.seller .contact .channel-tok .chat-instruction {
  font-weight: 600;
  color: #6e6e6e;
  font-size: clamp(12.8px, 3.2vw, 32px);
  line-height: 1.4;
}
.renewed.seller .contact .cta-button {
  background-color: #fa7300;
}
.renewed.seller.online .hero .cta-button {
  background-color: #5297f2;
}
.renewed.seller.online .application .section-tag {
  background-color: #b978eb;
}
.renewed.seller.online .cost-breakdown .section-tag {
  background-color: #b978eb;
}
.renewed.seller.online .support .section-tag {
  background-color: #b978eb;
}
.renewed.seller.online .support .benefit-title {
  color: #b978eb !important;
}
.renewed.seller.online .support .cta-button {
  background-color: #5297f2;
}
.renewed.seller.online .contact .contact-card .phone-number .label {
  background-color: #5297f2;
}
.renewed.seller.online .contact .contact-card .phone-number .number {
  color: #5297f2;
}
.renewed.seller.online .contact .cta-button {
  background-color: #ff5c00;
}
.renewed.product {
  /* 공통 */
  display: flex;
  flex-direction: column;
  padding: 3.875rem 1.25rem;
}
@media (max-width: 767px) {
  .renewed.product {
    min-height: calc(100svh - 80px) !important;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product {
    min-height: 37.5rem !important;
    /*         margin: ptr(62) auto ptr(13) auto; */
    max-width: 38.75rem;
    padding: unset;
    margin: 6.25rem auto;
  }
}
@media (min-width: 1225px) {
  .renewed.product {
    min-height: 37.5rem !important;
    /*         margin: ptr(62) auto ptr(13) auto; */
    max-width: 38.75rem;
    padding: unset;
    margin: 6.25rem auto;
  }
}
.renewed.product .page-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product .page-title {
    font-size: 1.875rem;
    /*        br {
      display: none;
    } */
  }
}
@media (min-width: 1225px) {
  .renewed.product .page-title {
    font-size: 1.875rem;
    /*        br {
      display: none;
    } */
  }
}
.renewed.product .page-subtitle {
  text-align: center;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #4b5a68;
  margin-top: 1.5rem;
}
.renewed.product .btn-container {
  /*    padding: 0 ptr(20); */
  margin-top: 2.1875rem;
  width: 100%;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
@media (max-width: 767px) {
  .renewed.product .btn-container {
    margin-top: auto;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product .btn-container {
    margin-top: 4.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product .btn-container {
    margin-top: 4.75rem;
  }
}
.renewed.product .btn-container .btn {
  display: block;
  width: 100%;
  font-size: 1.0625rem;
  font-weight: 600;
  padding: 1rem;
  border-radius: 0.625rem;
  /*      margin: auto; */
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product .btn-container .btn {
    max-width: 10rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product .btn-container .btn {
    max-width: 10rem;
  }
}
.renewed.product .btn-container .btn_dynamic {
  background-color: #d1d1d1;
  border: none;
  color: #ffffff;
}
.renewed.product .btn-container .btn_dynamic:active, .renewed.product .btn-container .btn_dynamic:hover {
  background-color: #fa7300;
}
.renewed.product .exclamation_orange {
  vertical-align: middle;
  opacity: 0.4;
  margin-right: 0.25rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product .exclamation_orange {
    margin-right: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product .exclamation_orange {
    margin-right: 0.625rem;
  }
}
.renewed.product p.notice {
  font-size: 0.8rem;
  color: #717171;
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product p.notice {
    font-size: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product p.notice {
    font-size: 1rem;
  }
}
.renewed.product.join.index .badges {
  gap: 0.275rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.renewed.product.join.index .badges .badge {
  display: grid;
  place-items: center;
  border-radius: 2.5rem;
  border: 0.03125rem solid #fa7300;
  padding: 0.275rem 0.625rem;
  height: 1.675rem;
}
.renewed.product.join.index .badges .badge img {
  height: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.index .badges {
    gap: 0.375rem;
  }
  .renewed.product.join.index .badges .badge {
    border-radius: 6.25rem;
    border: 0.0625rem solid #fa7300;
    padding: 0.5rem 0.875rem;
    height: 2.375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.index .badges {
    gap: 0.375rem;
  }
  .renewed.product.join.index .badges .badge {
    border-radius: 6.25rem;
    border: 0.0625rem solid #fa7300;
    padding: 0.5rem 0.875rem;
    height: 2.375rem;
  }
}
.renewed.product.join.index .page-title {
  margin-top: 1.7rem;
  color: #3c4045;
  line-height: 1.2;
}
.renewed.product.join.index .page-title br {
  display: inline;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.index .page-title {
    font-size: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.index .page-title {
    font-size: 1.875rem;
  }
}
.renewed.product.join.index .image {
  margin: 2.675rem auto 2.225rem;
  width: 15.15rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.index .image {
    width: 16.5625rem;
    margin: 2.625rem auto 2.0625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.index .image {
    width: 16.5625rem;
    margin: 2.625rem auto 2.0625rem;
  }
}
.renewed.product.join.index .merits {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.85rem;
  align-items: center;
  background-color: #f7f7f7;
  border-radius: 1.075rem;
  padding: 0 1.4125rem;
  max-width: 25.5rem;
  margin: auto;
}
.renewed.product.join.index .merits .merit-list {
  width: 100%;
  padding: 1.875rem 0;
  border-bottom: 0.025rem solid #b9b9b9;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.renewed.product.join.index .merits .merit-list .merit-item {
  display: flex;
  align-items: center;
  gap: 1.125rem;
}
.renewed.product.join.index .merits .merit-list .merit-item .icon {
  aspect-ratio: 1/1;
  display: block;
  width: 2.75rem;
}
.renewed.product.join.index .merits .merit-list .merit-item .text .subtitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.renewed.product.join.index .merits .merit-list .merit-item .text .title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #222222;
}
.renewed.product.join.index .merits .merit-link {
  font-size: 0.875rem;
  color: #5e5e5e;
  font-weight: 400;
  padding: 1.1rem;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.index .merits {
    border-radius: 2.6875rem;
  }
  .renewed.product.join.index .merits .merit-list {
    padding: 1.625rem 0.75rem;
    border-bottom: 0.0625rem solid #b9b9b9;
    gap: 1.375rem;
  }
  .renewed.product.join.index .merits .merit-list .merit-item {
    gap: 1.5rem;
  }
  .renewed.product.join.index .merits .merit-list .merit-item .icon {
    width: 2.625rem;
  }
  .renewed.product.join.index .merits .merit-list .merit-item .text .title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
    color: #222222;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.index .merits {
    border-radius: 2.6875rem;
  }
  .renewed.product.join.index .merits .merit-list {
    padding: 1.625rem 0.75rem;
    border-bottom: 0.0625rem solid #b9b9b9;
    gap: 1.375rem;
  }
  .renewed.product.join.index .merits .merit-list .merit-item {
    gap: 1.5rem;
  }
  .renewed.product.join.index .merits .merit-list .merit-item .icon {
    width: 2.625rem;
  }
  .renewed.product.join.index .merits .merit-list .merit-item .text .title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
    color: #222222;
  }
}
.renewed.product.join.index .btn-container {
  margin-top: 1.85rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.index .btn-container {
    margin-top: 2.625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.index .btn-container {
    margin-top: 2.625rem;
  }
}
.renewed.product.join.index .btn-container .btn {
  max-width: 20.5rem;
}
.renewed.product.join.loading .page-title br {
  display: inline;
}
.renewed.product.join.loading article {
  margin: auto;
}
.renewed.product.join.incompetent .page-subtitle {
  font-weight: 600;
  font-size: 1.1875rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.incompetent .page-subtitle {
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.incompetent .page-subtitle {
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
  }
}
.renewed.product.join.incompetent .page-title br {
  display: inline;
}
.renewed.product.join.incompetent .image {
  width: 5.125rem;
  margin: 2rem auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.incompetent .image {
    width: 11.25rem;
    margin: 2.5rem auto;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.incompetent .image {
    width: 11.25rem;
    margin: 2.5rem auto;
  }
}
.renewed.product.join.incompetent .reasons {
  width: 100%;
  max-width: 30rem;
  margin: auto;
  border-radius: 0.631875rem;
  padding: 0.9625rem;
  background-color: #f5f5f5;
  color: #6a6a6a;
}
.renewed.product.join.incompetent .reasons p {
  font-size: 0.9rem;
  font-weight: 600;
}
.renewed.product.join.incompetent .reasons p img {
  width: 0.9rem;
  vertical-align: sub;
  margin-right: 0.2625rem;
  opacity: 0.4;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.incompetent .reasons p {
    font-size: 1.25rem;
  }
  .renewed.product.join.incompetent .reasons p img {
    width: 1.25rem;
    margin-right: 0.375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.incompetent .reasons p {
    font-size: 1.25rem;
  }
  .renewed.product.join.incompetent .reasons p img {
    width: 1.25rem;
    margin-right: 0.375rem;
  }
}
.renewed.product.join.incompetent .reasons ul {
  font-size: 0.85rem;
  padding: 0.5rem;
}
.renewed.product.join.incompetent .reasons ul li {
  word-break: break-all;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.incompetent .reasons ul {
    font-size: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.incompetent .reasons ul {
    font-size: 1rem;
  }
}
.renewed.product.join.incompetent .other-products h3 {
  font-size: 1.1875rem;
  font-weight: 600;
  text-align: center;
  margin-top: 3.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.incompetent .other-products h3 {
    font-size: 1.87rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.incompetent .other-products h3 {
    font-size: 1.87rem;
  }
}
.renewed.product.join.incompetent .other-products ul {
  margin: 1.2rem auto 1.625rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.renewed.product.join.incompetent .other-products ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 0.85rem;
  letter-spacing: -0.0625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.incompetent .other-products ul li {
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.incompetent .other-products ul li {
    font-size: 1.25rem;
  }
}
.renewed.product.join.incompetent .other-products ul li .image-wrap {
  display: block;
  width: 3.6rem;
  aspect-ratio: 1/1;
  padding: 0.25rem;
  border-radius: 50%;
  background-color: #f5f5f5;
}
.renewed.product.join.incompetent .other-products ul li .image-wrap img {
  display: block;
  width: 80%;
  height: 100%;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.incompetent .other-products ul li .image-wrap {
    width: 5.67rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.incompetent .other-products ul li .image-wrap {
    width: 5.67rem;
  }
}
.renewed.product.join.incompetent .other-products ul li p {
  margin: 0.7rem auto 0.6rem;
  color: #4b5a68;
  font-weight: 600;
}
.renewed.product.join.incompetent .other-products ul li a {
  margin-top: auto;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.incompetent .other-products ul {
    margin-top: 3.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.incompetent .other-products ul {
    margin-top: 3.75rem;
  }
}
.renewed.product.join.complete .page-subtitle {
  font-size: 1.1875rem;
  margin-bottom: 1.5rem;
}
.renewed.product.join.complete .page-title {
  color: #fa7300;
}
.renewed.product.join.complete .page-text {
  font-size: 1rem;
  text-align: center;
  font-weight: 600;
  margin-top: 1.075rem;
  color: #7a7a7a;
}
.renewed.product.join.complete .image {
  width: 8.4375rem;
  /*  margin: ptr(102.8) auto; */
  margin: 3rem auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.complete .image {
    width: 9.375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.complete .image {
    width: 9.375rem;
  }
}
.renewed.product.join.complete .btn-container {
  margin-top: auto;
}
.renewed.product.join.individual .page-title {
  text-align: left;
  gap: 0.75rem;
  margin-bottom: 3.75rem;
}
.renewed.product.join.individual .page-title .title {
  font-size: 1.375rem;
  line-height: 2rem;
  font-weight: 700;
  color: #3c4045;
}
.renewed.product.join.individual .page-title .subtitle {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #4b5a68;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.individual .page-title {
    gap: 0.8875rem;
    margin-bottom: 4.4875rem;
  }
  .renewed.product.join.individual .page-title .title {
    font-size: 1.65rem;
    line-height: 2.4rem;
  }
  .renewed.product.join.individual .page-title .subtitle {
    font-size: 1.05rem;
    line-height: 1.8rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.individual .page-title {
    gap: 0.8875rem;
    margin-bottom: 4.4875rem;
  }
  .renewed.product.join.individual .page-title .title {
    font-size: 1.65rem;
    line-height: 2.4rem;
  }
  .renewed.product.join.individual .page-title .subtitle {
    font-size: 1.05rem;
    line-height: 1.8rem;
  }
}
.renewed.product.join.individual .txt_validate {
  margin: 0.5rem 0.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.individual .txt_validate {
    margin: 0.6125rem 0.45rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.individual .txt_validate {
    margin: 0.6125rem 0.45rem;
  }
}
.renewed.product.join.individual .btn-container {
  padding-top: 2.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.individual .btn-container .btn {
    max-width: 17.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.individual .btn-container .btn {
    max-width: 17.5rem;
  }
}
.renewed.product.join.individual.mobile-auth .chk_all_wrap {
  margin: 0.9rem 0;
}
.renewed.product.join.individual.terms-and-conditions .agreement_purpose ul {
  display: flex;
}
.renewed.product.join.individual.terms-and-conditions .agreement_purpose ul li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.renewed.product.join.individual.terms-and-conditions .agreement_purpose ul li .icon {
  display: block;
  width: 1.25rem;
  margin: auto;
  margin-bottom: 0.5rem;
}
.renewed.product.join.individual.terms-and-conditions .agreement_purpose ul li .title {
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 600;
  color: #4b5a68;
  margin-bottom: 0.525rem;
}
.renewed.product.join.individual.terms-and-conditions .agreement_purpose ul li .desc {
  color: #7a7a7a;
  font-size: 0.7rem;
  text-align: center;
  font-weight: 500;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.individual.terms-and-conditions .agreement_purpose ul li .icon {
    width: 1.5rem;
    margin-bottom: 0.6rem;
  }
  .renewed.product.join.individual.terms-and-conditions .agreement_purpose ul li .title {
    font-size: 1.05rem;
    margin-bottom: 0.6125rem;
  }
  .renewed.product.join.individual.terms-and-conditions .agreement_purpose ul li .desc {
    font-size: 0.8375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.individual.terms-and-conditions .agreement_purpose ul li .icon {
    width: 1.5rem;
    margin-bottom: 0.6rem;
  }
  .renewed.product.join.individual.terms-and-conditions .agreement_purpose ul li .title {
    font-size: 1.05rem;
    margin-bottom: 0.6125rem;
  }
  .renewed.product.join.individual.terms-and-conditions .agreement_purpose ul li .desc {
    font-size: 0.8375rem;
  }
}
.renewed.product.join.individual.terms-and-conditions .chk_all_wrap:not(.skip).mobile-divider {
  margin-top: 3.95rem;
}
.renewed.product.join.individual.terms-and-conditions .chk_all_wrap:not(.skip).mobile-divider::before {
  height: 0.625rem;
  top: -1.975rem;
}
.renewed.product.join.individual.terms-and-conditions .chk_all_wrap:not(.skip) .chk_wrap.chk_all {
  background-color: #fff6ee;
  padding: 1.25rem;
  border-radius: 0.625rem;
}
.renewed.product.join.individual.terms-and-conditions .chk_all_wrap:not(.skip) .agreement_guide {
  font-size: 0.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.individual.terms-and-conditions .chk_all_wrap:not(.skip) .agreement_guide {
    font-size: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.individual.terms-and-conditions .chk_all_wrap:not(.skip) .agreement_guide {
    font-size: 1rem;
  }
}
.renewed.product.join.individual.terms-and-conditions .btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.renewed.product.join.individual.terms-and-conditions .btn-container .credit_guide {
  font-size: 0.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.individual.terms-and-conditions .btn-container .credit_guide {
    font-size: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.individual.terms-and-conditions .btn-container .credit_guide {
    font-size: 1rem;
  }
}
.renewed.product.join.individual .checkbox_group .chk_list .chk_wrap label::before {
  display: none;
}
.renewed.product.join.individual .checkbox_group .chk_list .chk_marketing .chk_wrap label::before {
  display: block;
}
.renewed.product.join.corporate.corporate-information .form_wrap#business_name {
  margin-top: 4.95rem;
}
.renewed.product.join.corporate.corporate-information .form_wrap#business_name::before {
  top: -2.475rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.corporate.corporate-information .form_wrap#business_name {
    margin-top: 5.5625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.corporate.corporate-information .form_wrap#business_name {
    margin-top: 5.5625rem;
  }
}
.renewed.product.join.corporate.corporate-information .agreement_guide {
  font-size: 0.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.corporate.corporate-information .agreement_guide {
    font-size: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.corporate.corporate-information .agreement_guide {
    font-size: 1rem;
  }
}
.renewed.product.join.corporate.corporate-information .credit_guide {
  font-size: 0.75rem;
  margin-top: 1.875rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.corporate.corporate-information .credit_guide {
    margin-top: 1.6875rem;
    font-size: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.corporate.corporate-information .credit_guide {
    margin-top: 1.6875rem;
    font-size: 1rem;
  }
}
.renewed.product.join.corporate.corporate-information .agreement_purpose {
  display: flex;
  gap: 0.875rem;
  flex-direction: column;
  padding: 1rem;
  margin-top: 1rem;
  border-radius: 0.625rem;
  background-color: #f5f5f5;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.corporate.corporate-information .agreement_purpose {
    padding: 1.65625rem 2.625rem;
    gap: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.corporate.corporate-information .agreement_purpose {
    padding: 1.65625rem 2.625rem;
    gap: 1.875rem;
  }
}
.renewed.product.join.corporate.corporate-information .agreement_purpose > p {
  font-size: 1rem;
  color: #000;
  font-weight: 600;
}
.renewed.product.join.corporate.corporate-information .agreement_purpose ul {
  display: flex;
}
.renewed.product.join.corporate.corporate-information .agreement_purpose ul li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.renewed.product.join.corporate.corporate-information .agreement_purpose ul li img {
  display: block;
  width: 1.25rem;
  margin: auto;
}
.renewed.product.join.corporate.corporate-information .agreement_purpose ul li h6 {
  font-size: 0.8rem;
  font-weight: 600;
  color: #4b5a68;
}
.renewed.product.join.corporate.corporate-information .agreement_purpose ul li p {
  color: #7a7a7a;
  font-size: 0.7rem;
  text-align: center;
  font-weight: 500;
  line-height: 1.3;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.corporate.corporate-information .agreement_purpose ul li img {
    width: 2.03125rem;
  }
  .renewed.product.join.corporate.corporate-information .agreement_purpose ul li h6 {
    font-size: 1.25rem;
  }
  .renewed.product.join.corporate.corporate-information .agreement_purpose ul li p {
    font-size: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.corporate.corporate-information .agreement_purpose ul li img {
    width: 2.03125rem;
  }
  .renewed.product.join.corporate.corporate-information .agreement_purpose ul li h6 {
    font-size: 1.25rem;
  }
  .renewed.product.join.corporate.corporate-information .agreement_purpose ul li p {
    font-size: 1rem;
  }
}
.renewed.product.join.corporate .checkbox_group .chk_list .chk_wrap label::before {
  display: none;
}
.renewed.product.join.corporate .checkbox_group .chk_list .chk_marketing .chk_wrap label::before {
  display: block;
}
.renewed.product.join.rep-information article {
  margin-top: 2rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.rep-information article {
    margin-top: 2.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.rep-information article {
    margin-top: 2.75rem;
  }
}
.renewed.product.join.rep-information .download_btn {
  display: block;
  margin-top: 1rem;
}
.renewed.product.join.rep-information p.semi-bold {
  color: #4b5a68;
  font-size: 0.8125rem;
  margin: 0.975rem 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.rep-information p.semi-bold {
    margin: 1rem 0;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.rep-information p.semi-bold {
    margin: 1rem 0;
  }
}
.renewed.product.join.survey article {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  /*  gap: ptr(32); */
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.survey article {
    gap: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.survey article {
    gap: 1rem;
  }
}
.renewed.product.join.survey article .form_wrap button {
  font-size: inherit;
  font-weight: 600;
}
.renewed.product.join.survey article .txt_validate {
  margin-top: 0.25rem;
}
.renewed.product.join.survey article .form_wrap#commercialDistrict .button-group {
  flex-wrap: wrap;
  box-sizing: border-box;
  gap: 0.7rem;
}
.renewed.product.join.survey article .form_wrap#commercialDistrict input + label {
  flex: 0 0 calc((100% - 0.7rem) / 2);
  font-size: 0.9rem;
  padding: 0.71875rem;
  background-color: transparent;
  color: #373737;
  border: 0.05rem solid #d1d1d1;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.survey article .form_wrap#commercialDistrict input + label {
    flex: 0 0 calc((100% - 0.8125rem) / 2);
    border-radius: 0.703125rem;
    font-size: 1.0125rem;
    padding: 0.8125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.survey article .form_wrap#commercialDistrict input + label {
    flex: 0 0 calc((100% - 0.8125rem) / 2);
    border-radius: 0.703125rem;
    font-size: 1.0125rem;
    padding: 0.8125rem;
  }
}
.renewed.product.join.survey article .form_wrap#commercialDistrict input[type=radio]:checked + label {
  border-color: #fa7300;
}
.renewed.product.join.survey article .form_wrap#commercialDistrict p:last-child {
  margin-top: 1rem;
  font-size: 0.8rem;
  color: #7a7a7a;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.survey article .form_wrap#commercialDistrict p:last-child {
    font-size: 0.9rem;
    margin-top: 1.125rem;
  }
  .renewed.product.join.survey article .form_wrap#commercialDistrict p:last-child img {
    vertical-align: sub;
    margin-right: 0.27875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.survey article .form_wrap#commercialDistrict p:last-child {
    font-size: 0.9rem;
    margin-top: 1.125rem;
  }
  .renewed.product.join.survey article .form_wrap#commercialDistrict p:last-child img {
    vertical-align: sub;
    margin-right: 0.27875rem;
  }
}
.renewed.product.join.survey article .select_input_wrap#commercialDistrict {
  gap: 0.7rem;
}
.renewed.product.join.survey article .select_input_wrap#commercialDistrict .select_wrap {
  flex: 1;
}
.renewed.product.join.survey article .select_input_wrap#commercialDistrict .select_wrap .select {
  font-size: 1rem;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.survey article .select_input_wrap#commercialDistrict {
    gap: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.survey article .select_input_wrap#commercialDistrict {
    gap: 1rem;
  }
}
.renewed.product.join.survey article .form_wrap#amount .input-wrap {
  position: relative;
}
.renewed.product.join.survey article .form_wrap#amount .input-wrap input {
  padding-right: 2em;
}
.renewed.product.join.survey article .form_wrap#amount .input-wrap::after {
  position: absolute;
  display: block;
  content: "만원";
  font-size: 1rem;
  font-weight: 600;
  top: 50%;
  transform: translateY(-52%);
  right: 0.2em;
}
.renewed.product.join.survey article .form_wrap#crefia .txt_validate {
  margin-top: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.survey article .form_wrap#crefia .txt_validate {
    margin-top: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.survey article .form_wrap#crefia .txt_validate {
    margin-top: 1rem;
  }
}
.renewed.product.join.survey article .form_wrap#crefia a {
  font-size: 0.95rem;
  margin-top: 1.275rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.survey article .form_wrap#crefia a {
    font-size: 1.125rem;
    margin-top: 1.9375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.survey article .form_wrap#crefia a {
    font-size: 1.125rem;
    margin-top: 1.9375rem;
  }
}
.renewed.product.join.survey article .form_wrap.select_platforms {
  /* Style for when the checkbox is checked */
}
.renewed.product.join.survey article .form_wrap.select_platforms h3 {
  font-size: 1.05rem;
  font-weight: 600;
  color: #4b5a68;
  margin-bottom: 0.4rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.survey article .form_wrap.select_platforms h3 {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.survey article .form_wrap.select_platforms h3 {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}
.renewed.product.join.survey article .form_wrap.select_platforms p {
  width: 100%;
  font-size: 0.8125rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.survey article .form_wrap.select_platforms p {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.survey article .form_wrap.select_platforms p {
    margin-bottom: 1.25rem;
  }
}
.renewed.product.join.survey article .form_wrap.select_platforms fieldset {
  display: grid;
  width: 100%;
  gap: 0.4rem 0.7rem;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.survey article .form_wrap.select_platforms fieldset {
    gap: 0.691875rem 1.21125rem;
    margin-bottom: 1.2425rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.survey article .form_wrap.select_platforms fieldset {
    gap: 0.691875rem 1.21125rem;
    margin-bottom: 1.2425rem;
  }
}
.renewed.product.join.survey article .form_wrap.select_platforms .hidden-checkbox {
  display: none;
}
.renewed.product.join.survey article .form_wrap.select_platforms label {
  cursor: pointer;
  display: flex;
  border-radius: 0.625rem;
  text-align: center;
  transition: all 0.2s ease;
  font-size: 0;
  border: 0.05rem solid #d1d1d1;
  padding: 0.5rem;
  width: 100%;
  margin: 0;
  aspect-ratio: 2.15/1;
  background-color: #ffffff;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.survey article .form_wrap.select_platforms label {
    border-width: 0.08625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.survey article .form_wrap.select_platforms label {
    border-width: 0.08625rem;
  }
}
.renewed.product.join.survey article .form_wrap.select_platforms label img {
  display: block;
  max-width: 80%;
  max-height: 100%;
  /*       aspect-ratio: 2.15/1; */
  margin: auto;
}
.renewed.product.join.survey article .form_wrap.select_platforms .hidden-checkbox:checked + label {
  border-color: #fa7300;
}
.renewed.product.join.survey article .form_wrap.select_platforms .notice {
  font-size: 0.8rem;
  font-weight: 600;
  color: #7a7a7a;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.join.survey article .form_wrap.select_platforms .notice {
    font-size: 1rem;
    /*       margin-bottom: ptr(60); */
  }
}
@media (min-width: 1225px) {
  .renewed.product.join.survey article .form_wrap.select_platforms .notice {
    font-size: 1rem;
    /*       margin-bottom: ptr(60); */
  }
}
.renewed.product.join.survey .modal {
  text-align: left;
}
.renewed.product.join.survey .modal .btn_modal_close {
  all: unset;
  cursor: pointer;
  position: relative;
  margin-left: auto;
  display: block;
  width: 1.125rem;
  aspect-ratio: 1/1;
  margin-bottom: 0.625rem;
}
.renewed.product.join.survey .modal .btn_modal_close::before, .renewed.product.join.survey .modal .btn_modal_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  /* thickness of the line */
  height: 12%;
  background-color: #b9b9b9;
}
.renewed.product.join.survey .modal .btn_modal_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.renewed.product.join.survey .modal .btn_modal_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.renewed.product.join.survey .modal .small_text {
  margin-top: 1.25rem;
}
.renewed.product.submit-docs .modal.fetching_info .custom-loader-wrap {
  width: 4.375rem;
  margin: 0.9375rem auto;
}
.renewed.product.submit-docs .modal.fetching_info .loading-list {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  margin-bottom: 1.25rem;
}
.renewed.product.submit-docs .modal.fetching_info .loading-list li {
  line-height: 1;
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  color: #000;
}
.renewed.product.submit-docs .modal.fetching_info .loading-list li .status {
  width: 1rem;
  aspect-ratio: 1/1;
  display: block;
  margin-right: 0.75rem;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
}
.renewed.product.submit-docs .modal.fetching_info .loading-list li .status.checked {
  background-size: 85%;
  background-color: #d1d1d1;
  background-image: url("/resources/fo/loanone/common/images/icons/icon_white_check_sharp.svg");
}
.renewed.product.submit-docs .modal.fetching_info .loading-list li .status.failed {
  background-color: #ff2e00;
  background-size: 70%;
  background-image: url("/resources/fo/loanone/common/images/icons/icon_white_cross_sharp.svg");
}
.renewed.product.submit-docs .modal.fetching_info .notice_text {
  text-align: left;
  line-height: 1;
  color: #fa7300;
  font-size: 0.75rem;
}
.renewed.product.submit-docs .modal.fetching_info .notice_text .exclamation_orange {
  margin-right: 0.26rem;
}
.renewed.product.submit-docs .modal#pop_same_certificate .area_text {
  color: #373737;
  font-weight: 600;
  font-size: 1rem;
}
.renewed.product.submit-docs .modal#pop_same_certificate .small_text {
  color: #7a7a7a;
  margin: 1.2rem 0;
  font-size: 0.75rem;
}
.renewed.product.submit-docs .modal#pop_same_certificate .notice {
  font-size: 0.7rem;
  color: #a2a2a2;
  background-color: #f5f5f5;
  text-align: left;
  padding: 0.55rem 0.625rem;
  border-radius: 0.625rem;
}
.renewed.product.submit-docs .modal#pop_same_certificate .notice::before {
  content: "";
  vertical-align: top;
  display: inline-block;
  width: 1.05rem;
  aspect-ratio: 1/1;
  opacity: 0.4;
  background: url("/resources/fo/loanone/common/images/icons/exclamation_orange.svg") no-repeat center/contain;
}
.renewed.product.submit-docs .modal.simple-auth-guide-modal {
  max-width: 24.375rem;
}
.renewed.product.submit-docs .modal.simple-auth-guide-modal .modal_cont {
  margin-top: 0;
}
.renewed.product.submit-docs .modal.simple-auth-guide-modal .auth-guide-title {
  color: #373737;
}
.renewed.product.submit-docs .modal.simple-auth-guide-modal .auth-guide-step-row {
  display: flex;
  background-color: #f5f5f5;
  border-radius: 0.616875rem;
  margin-top: 1rem;
  padding: 1.5rem 3rem;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.renewed.product.submit-docs .modal.simple-auth-guide-modal .auth-guide-step-row::before {
  position: absolute;
  content: "▶";
  display: block;
  width: 1rem;
  aspect-ratio: 1/1;
  color: #d9d9d9;
  left: 50%;
  transform: translateX(-50%);
  top: 2.625rem;
}
.renewed.product.submit-docs .modal.simple-auth-guide-modal .auth-guide-step-row .auth-guide-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.renewed.product.submit-docs .modal.simple-auth-guide-modal .auth-guide-step-row .auth-guide-step .auth-guide-icon {
  width: 3.75rem;
  aspect-ratio: 1/1;
  border-radius: 0.625rem;
}
.renewed.product.submit-docs .modal.simple-auth-guide-modal .auth-guide-step-row .auth-guide-step .auth-guide-step-label {
  font-weight: 500;
}
.renewed.product.submit-docs .modal.simple-auth-guide-modal .auth-guide-retry {
  display: block;
  margin-top: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #4b5a68;
}
.renewed.product.submit-docs .modal.simple-auth-guide-modal .modal_btn_wrap {
  margin-top: 2.5rem;
}
.renewed.product.submit-docs article {
  margin: 1.5rem 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs article {
    margin: 2.5rem 0;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs article {
    margin: 2.5rem 0;
  }
}
.renewed.product.submit-docs.index .page-title br {
  display: inline;
}
.renewed.product.submit-docs.index .notice:nth-of-type(2) {
  margin-top: 0.775rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.index .notice:nth-of-type(2) {
    margin-top: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.index .notice:nth-of-type(2) {
    margin-top: 1rem;
  }
}
.renewed.product.submit-docs.account-verification .card {
  display: flex;
  flex-direction: column;
  background-color: #f5f5f5;
  border-radius: 0.625rem;
  padding: 1rem;
  gap: 0.575rem;
  width: 100%;
  max-width: 30rem;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.account-verification .card {
    gap: 1.3125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.account-verification .card {
    gap: 1.3125rem;
  }
}
.renewed.product.submit-docs.account-verification .card .text {
  display: flex;
  justify-content: space-between;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #4b5a68;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.account-verification .card .text {
    font-size: 1.375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.account-verification .card .text {
    font-size: 1.375rem;
  }
}
.renewed.product.submit-docs.account-verification .card .info {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 600;
  color: #373737;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.account-verification .card .info {
    font-size: 1.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.account-verification .card .info {
    font-size: 1.75rem;
  }
}
.renewed.product.submit-docs.account-verification .card .info .depositor {
  display: flex;
  align-items: center;
}
.renewed.product.submit-docs.account-verification .card .info .depositor .stars {
  display: flex;
  gap: 0.2rem;
  margin-left: 0.35rem;
}
.renewed.product.submit-docs.account-verification .card .info .depositor .stars > * {
  display: inline-block;
  text-align: center;
  width: 1.125rem;
  height: 1.125rem;
  color: #fa7300;
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border: 0.025rem solid #c9c9c9;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.account-verification .card .info .depositor .stars {
    gap: 0.271875rem;
    margin-right: 0.5rem;
  }
  .renewed.product.submit-docs.account-verification .card .info .depositor .stars > * {
    width: 1.5625rem;
    height: 1.976875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.account-verification .card .info .depositor .stars {
    gap: 0.271875rem;
    margin-right: 0.5rem;
  }
  .renewed.product.submit-docs.account-verification .card .info .depositor .stars > * {
    width: 1.5625rem;
    height: 1.976875rem;
  }
}
.renewed.product.submit-docs.account-verification .form_wrap {
  margin-top: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.account-verification .form_wrap {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.account-verification .form_wrap {
    margin-top: 2.5rem;
  }
}
.renewed.product.submit-docs.registered-account-list .page-title br {
  display: inline;
}
.renewed.product.submit-docs.registered-account-list .account-list {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.registered-account-list .account-list {
    gap: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.registered-account-list .account-list {
    gap: 1.25rem;
  }
}
.renewed.product.submit-docs.registered-account-list .account-list .list-title {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #4b5a68;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.registered-account-list .account-list .list-title {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.registered-account-list .account-list .list-title {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}
.renewed.product.submit-docs.registered-account-list .account-list .account-item {
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  padding: 1.125rem;
  gap: 0.6rem;
  border-radius: 0.63625rem;
  color: #373737;
}
.renewed.product.submit-docs.registered-account-list .account-list .account-item .bank-logo {
  display: block;
  /*           border-radius: 50%; */
  width: 2.1rem;
  aspect-ratio: 1/1;
}
.renewed.product.submit-docs.registered-account-list .account-list .account-item .bank-name {
  font-size: 0.9rem;
  font-weight: 500;
}
.renewed.product.submit-docs.registered-account-list .account-list .account-item .account-number {
  font-size: 1rem;
  font-weight: 600;
}
.renewed.product.submit-docs.registered-account-list .account-list .account-item button.delete-account {
  cursor: pointer;
  margin-left: auto;
  font-size: 0;
  position: relative;
  width: 1rem;
  aspect-ratio: 1/1;
}
.renewed.product.submit-docs.registered-account-list .account-list .account-item button.delete-account::before, .renewed.product.submit-docs.registered-account-list .account-list .account-item button.delete-account::after {
  content: "";
  position: absolute;
  background-color: #b9b9b9;
  width: 100%;
  height: 13%;
  top: 50%;
  left: 0;
  transform-origin: center;
}
.renewed.product.submit-docs.registered-account-list .account-list .account-item button.delete-account::before {
  /* Horizontal Bar */
  transform: translateY(-50%) rotate(45deg);
}
.renewed.product.submit-docs.registered-account-list .account-list .account-item button.delete-account::after {
  /* Vertical Bar */
  transform: translateY(-50%) rotate(-45deg);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.registered-account-list .account-list .account-item {
    padding: 1.5625rem 1.73rem;
    gap: 1.27rem;
    border-radius: 1.100625rem;
  }
  .renewed.product.submit-docs.registered-account-list .account-list .account-item .bank-logo {
    width: 3.125rem;
  }
  .renewed.product.submit-docs.registered-account-list .account-list .account-item .bank-name,
  .renewed.product.submit-docs.registered-account-list .account-list .account-item .account-number {
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.registered-account-list .account-list .account-item {
    padding: 1.5625rem 1.73rem;
    gap: 1.27rem;
    border-radius: 1.100625rem;
  }
  .renewed.product.submit-docs.registered-account-list .account-list .account-item .bank-logo {
    width: 3.125rem;
  }
  .renewed.product.submit-docs.registered-account-list .account-list .account-item .bank-name,
  .renewed.product.submit-docs.registered-account-list .account-list .account-item .account-number {
    font-size: 1.25rem;
  }
}
.renewed.product.submit-docs.registered-account-list #add-account-btn {
  margin-top: 0.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  padding: 1.05rem;
  border: 0.05rem solid #ffc798;
  border-radius: 0.63625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.renewed.product.submit-docs.registered-account-list #add-account-btn .cross {
  display: inline-block;
  position: relative;
  width: 0.8rem;
  aspect-ratio: 1/1;
  margin-right: 0.525rem;
}
.renewed.product.submit-docs.registered-account-list #add-account-btn .cross::before, .renewed.product.submit-docs.registered-account-list #add-account-btn .cross::after {
  content: "";
  position: absolute;
  background-color: #fa7300;
}
.renewed.product.submit-docs.registered-account-list #add-account-btn .cross::before {
  /* Horizontal Bar */
  top: 50%;
  left: 0;
  width: 100%;
  height: 13%;
  transform: translateY(-50%);
}
.renewed.product.submit-docs.registered-account-list #add-account-btn .cross::after {
  /* Vertical Bar */
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 13%;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.registered-account-list #add-account-btn {
    margin-top: 2.5rem;
    font-size: 1rem;
    border-width: 0.08625rem;
    padding: 1.875rem;
    border-radius: 1.100625rem;
  }
  .renewed.product.submit-docs.registered-account-list #add-account-btn .cross {
    width: 1.125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.registered-account-list #add-account-btn {
    margin-top: 2.5rem;
    font-size: 1rem;
    border-width: 0.08625rem;
    padding: 1.875rem;
    border-radius: 1.100625rem;
  }
  .renewed.product.submit-docs.registered-account-list #add-account-btn .cross {
    width: 1.125rem;
  }
}
.renewed.product.submit-docs.registered-account-list .modal#pop_register_success .area_text {
  font-size: 1rem;
  font-weight: 600;
  color: #373737;
}
.renewed.product.submit-docs.registered-account-list .modal#pop_register_success .card-image {
  margin: 1.5rem auto;
  width: 4.65rem;
}
.renewed.product.submit-docs.registered-account-list .modal#pop_register_success .small_text {
  font-size: 0.7rem;
  font-weight: 600;
  color: #5f656e;
}
.renewed.product.submit-docs.registered-account-list .modal#pop_register_success .modal_btn_wrap {
  margin: 0;
  margin-top: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.registered-account-list .modal#pop_register_success {
    border-radius: 0.79125rem;
  }
  .renewed.product.submit-docs.registered-account-list .modal#pop_register_success .card-image {
    width: 5.125rem;
  }
  .renewed.product.submit-docs.registered-account-list .modal#pop_register_success .small_text {
    font-size: 0.8125rem;
  }
  .renewed.product.submit-docs.registered-account-list .modal#pop_register_success .modal_btn_wrap {
    margin-top: 1.16875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.registered-account-list .modal#pop_register_success {
    border-radius: 0.79125rem;
  }
  .renewed.product.submit-docs.registered-account-list .modal#pop_register_success .card-image {
    width: 5.125rem;
  }
  .renewed.product.submit-docs.registered-account-list .modal#pop_register_success .small_text {
    font-size: 0.8125rem;
  }
  .renewed.product.submit-docs.registered-account-list .modal#pop_register_success .modal_btn_wrap {
    margin-top: 1.16875rem;
  }
}
.renewed.product.submit-docs.required-documents .page-title br {
  display: inline;
}
.renewed.product.submit-docs.required-documents article .list-title {
  color: #4b5a68;
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.required-documents article .list-title {
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.required-documents article .list-title {
    margin-bottom: 0.625rem;
  }
}
.renewed.product.submit-docs.required-documents article > .notice {
  font-size: 0.8rem;
  color: #7a7a7a;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
  border-radius: 1.075rem;
  display: flex;
  align-items: center;
  gap: 0.2575rem;
  background-color: rgba(250, 115, 0, 0.15);
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.required-documents article > .notice {
    margin-bottom: 1.5rem;
    width: -moz-max-content;
    width: max-content;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.required-documents article > .notice {
    margin-bottom: 1.5rem;
    width: -moz-max-content;
    width: max-content;
  }
}
.renewed.product.submit-docs.required-documents article .document-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.required-documents article .document-list {
    gap: 1.25rem;
    margin-bottom: 2.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.required-documents article .document-list {
    gap: 1.25rem;
    margin-bottom: 2.25rem;
  }
}
.renewed.product.submit-docs.required-documents article .document-list .document-item {
  background-color: #ffffff;
  display: flex;
  gap: 0.65rem;
  align-items: center;
  border-radius: 0.625rem;
  padding: 1rem;
  box-shadow: 0 0 1.675rem rgba(0, 0, 0, 0.1);
}
.renewed.product.submit-docs.required-documents article .document-list .document-item h5 {
  font-size: 0.9rem;
  font-weight: 700;
  color: #000;
  width: 20%;
  text-align: center;
}
.renewed.product.submit-docs.required-documents article .document-list .document-item .dotted {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6a6a6a;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.renewed.product.submit-docs.required-documents article .document-list .document-item .dotted > li {
  line-height: 1;
}
.renewed.product.submit-docs.required-documents article .document-list .document-item .bank-list {
  display: flex;
  align-items: center;
}
.renewed.product.submit-docs.required-documents article .document-list .document-item .bank-list::before {
  opacity: 0;
}
.renewed.product.submit-docs.required-documents article .document-list .document-item .bank-list > ul {
  display: flex;
  gap: 0.455rem;
}
.renewed.product.submit-docs.required-documents article .document-list .document-item .bank-list .bank-logo img {
  width: 1.3rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.required-documents article .document-list .document-item {
    padding: 1.5rem;
    gap: 1.10625rem;
  }
  .renewed.product.submit-docs.required-documents article .document-list .document-item h5 {
    font-size: 1.25rem;
  }
  .renewed.product.submit-docs.required-documents article .document-list .document-item .dotted {
    gap: 0.5rem;
    font-size: 1rem;
  }
  .renewed.product.submit-docs.required-documents article .document-list .document-item .bank-list > ul {
    gap: 0.6875rem;
  }
  .renewed.product.submit-docs.required-documents article .document-list .document-item .bank-list .bank-logo img {
    width: 2.064375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.required-documents article .document-list .document-item {
    padding: 1.5rem;
    gap: 1.10625rem;
  }
  .renewed.product.submit-docs.required-documents article .document-list .document-item h5 {
    font-size: 1.25rem;
  }
  .renewed.product.submit-docs.required-documents article .document-list .document-item .dotted {
    gap: 0.5rem;
    font-size: 1rem;
  }
  .renewed.product.submit-docs.required-documents article .document-list .document-item .bank-list > ul {
    gap: 0.6875rem;
  }
  .renewed.product.submit-docs.required-documents article .document-list .document-item .bank-list .bank-logo img {
    width: 2.064375rem;
  }
}
.renewed.product.submit-docs.required-documents article .document-guide {
  position: relative;
  text-align: center;
}
.renewed.product.submit-docs.required-documents article .document-guide h5 {
  font-size: 0.9375rem;
  font-weight: 600;
  margin-bottom: 2.0125rem;
}
.renewed.product.submit-docs.required-documents article .document-guide .notice {
  font-weight: 500;
  color: #717171;
  font-size: 0.8rem;
  text-align: left;
}
.renewed.product.submit-docs.required-documents article .document-guide .guide-bubble-wrap {
  position: absolute;
  left: 50%;
  top: 120%;
  transform: translateX(-50%);
  width: 100%;
}
.renewed.product.submit-docs.required-documents article .document-guide .guide-bubble-wrap #guide-bubble {
  margin: auto;
  position: relative;
  max-width: 90%;
  background-color: #f5f5f5;
  color: #373737;
  border-radius: 0.625rem;
  font-size: 0.7rem;
  font-weight: 500;
  padding: 0.6rem;
  text-align: left;
}
.renewed.product.submit-docs.required-documents article .document-guide .guide-bubble-wrap #guide-bubble::after {
  content: "";
  position: absolute;
  top: 0;
  left: var(--triangle-position, 50%);
  /* Adjust the position of the tail */
  width: 0.875rem;
  height: 0.875rem;
  /* Height of the tail base, make it equal to width for a symmetrical cone */
  background-color: #f5f5f5;
  transform: rotate(45deg) skew(20deg, 20deg) translateY(-50%);
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.required-documents article .document-guide h5 {
    font-size: 1rem;
    margin-bottom: 2.625rem;
  }
  .renewed.product.submit-docs.required-documents article .document-guide .notice {
    font-size: 0.8125rem;
  }
  .renewed.product.submit-docs.required-documents article .document-guide .guide-bubble-wrap #guide-bubble {
    font-size: 0.8125rem;
    padding: 0.875rem 1.625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.required-documents article .document-guide h5 {
    font-size: 1rem;
    margin-bottom: 2.625rem;
  }
  .renewed.product.submit-docs.required-documents article .document-guide .notice {
    font-size: 0.8125rem;
  }
  .renewed.product.submit-docs.required-documents article .document-guide .guide-bubble-wrap #guide-bubble {
    font-size: 0.8125rem;
    padding: 0.875rem 1.625rem;
  }
}
.renewed.product.submit-docs.untact-submission .flex-row {
  gap: 1.075rem;
}
.renewed.product.submit-docs.untact-submission .flex-row img {
  aspect-ratio: 1/1;
  width: 5rem;
}
.renewed.product.submit-docs.untact-submission .flex-row .custom-dot-loader-new span {
  width: 0.4rem;
}
.renewed.product.submit-docs.untact-submission .flex-row p {
  bottom: -1rem;
  font-size: 1rem;
  transform: translateY(100%);
  color: #4b5a68;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.untact-submission .flex-row {
    gap: 1.546875rem;
    margin: 5.78125rem auto;
  }
  .renewed.product.submit-docs.untact-submission .flex-row img {
    width: 5.625rem;
  }
  .renewed.product.submit-docs.untact-submission .flex-row .custom-dot-loader-new span {
    width: 0.45rem;
  }
  .renewed.product.submit-docs.untact-submission .flex-row p {
    bottom: -1.884375rem;
    font-size: ptrr(18);
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.untact-submission .flex-row {
    gap: 1.546875rem;
    margin: 5.78125rem auto;
  }
  .renewed.product.submit-docs.untact-submission .flex-row img {
    width: 5.625rem;
  }
  .renewed.product.submit-docs.untact-submission .flex-row .custom-dot-loader-new span {
    width: 0.45rem;
  }
  .renewed.product.submit-docs.untact-submission .flex-row p {
    bottom: -1.884375rem;
    font-size: ptrr(18);
  }
}
.renewed.product.submit-docs.untact-submission .modal#pop_only_pc .area_text {
  font-size: 1rem;
  margin-bottom: 0.6rem;
}
.renewed.product.submit-docs.untact-submission .modal#pop_only_pc img {
  width: 6.375rem;
  margin-bottom: 0.475rem;
}
.renewed.product.submit-docs.untact-submission .modal#pop_only_pc .small_text {
  color: #5f656e;
  font-size: 0.7rem;
  margin-bottom: 1rem;
}
.renewed.product.submit-docs.untact-submission .modal#pop_only_pc .modal_btn_wrap {
  margin: 0;
}
.renewed.product.submit-docs.address-information article {
  margin-bottom: 1.5rem;
}
.renewed.product.submit-docs.address-information article .form_wrap:nth-child(3) {
  margin-top: 2.5rem;
}
.renewed.product.submit-docs.address-information article .form_wrap:nth-child(2),
.renewed.product.submit-docs.address-information article .form_wrap:nth-child(4) {
  margin-top: 0;
}
.renewed.product.submit-docs.address-information article ::-moz-placeholder {
  font-size: 0.95rem;
}
.renewed.product.submit-docs.address-information article input,
.renewed.product.submit-docs.address-information article select,
.renewed.product.submit-docs.address-information article ::placeholder {
  font-size: 0.95rem;
}
.renewed.product.submit-docs.address-information article select:disabled {
  background-color: transparent;
  color: #aaaaaa;
}
.renewed.product.submit-docs.address-information article .input_wrap {
  gap: 0;
}
.renewed.product.submit-docs.address-information .modal .area_text {
  font-size: 1rem;
  font-weight: 600;
  color: #373737;
}
.renewed.product.submit-docs.address-information .modal .small_text {
  font-size: 0.8rem;
  color: #4b5a68;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.address-information .modal .small_text {
    font-size: 0.8125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.address-information .modal .small_text {
    font-size: 0.8125rem;
  }
}
.renewed.product.submit-docs.address-information .modal .modal_btn_wrap {
  margin: 0;
  margin-top: 1.484375rem;
}
.renewed.product.submit-docs.address-information .modal#pop_same_certificate .area_text {
  margin-top: 1rem;
}
.renewed.product.submit-docs.address-information .modal#pop_same_certificate ul {
  gap: 1.73625rem;
  margin-top: 1.459375rem;
}
.renewed.product.submit-docs.address-information .modal#pop_same_certificate ul li {
  font-size: 0.8125rem;
  color: #4b5a68;
  font-weight: 500;
}
.renewed.product.submit-docs.address-information .modal#pop_same_certificate ul li .img-wrap {
  position: relative;
  display: block;
  width: 2.25rem;
}
.renewed.product.submit-docs.address-information .modal#pop_same_certificate ul li .img-wrap img {
  width: 100%;
}
.renewed.product.submit-docs.address-information .modal#pop_same_certificate ul li .img-wrap::before {
  position: absolute;
  display: block;
  content: "";
  width: 1rem;
  border-radius: 50%;
  background-color: #fa7300;
  background: url("/resources/fo/loanone/common/images/icons/icon_white_check_sharp.svg") no-repeat center #fa7300;
  aspect-ratio: 1/1;
  top: 0;
  left: 0;
  transform: translateX(-50%) translateY(-50%);
}
.renewed.product.submit-docs.address-information .modal#pop_hometax_failed .area_text {
  margin-top: 1rem;
}
.renewed.product.submit-docs.address-information .modal#pop_hometax_failed img {
  width: 5.28375rem;
  margin: 0.503125rem auto;
}
.renewed.product.submit-docs.address-information .modal#pop_error .area_text {
  margin-top: 1rem;
}
.renewed.product.submit-docs.address-information .modal#pop_error img {
  width: 4.375rem;
  margin: 0.503125rem auto;
}
.renewed.product.submit-docs.address-information .modal#pop_auth_code #img_auth_code {
  margin-top: 1.5rem;
  width: 8.05rem;
}
.renewed.product.submit-docs.address-information .modal#pop_auth_code #btn_refresh_code {
  font-size: 0.9rem;
  color: #7a7a7a;
  margin-top: 1rem;
}
.renewed.product.submit-docs.address-information .modal#pop_auth_code #btn_refresh_code img {
  width: 0.675rem;
  margin-left: 0.125rem;
  aspect-ratio: 1/1;
}
.renewed.product.submit-docs.address-information .modal#pop_auth_code #input_auth_code {
  margin-top: 1.35rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  width: 100%;
  padding: 0.9375rem;
  outline: none;
}
.renewed.product.submit-docs.address-information .modal#pop_auth_code .small_text {
  align-self: flex-start;
  margin-top: 0.5rem;
  font-size: 0.8rem;
}
.renewed.product.submit-docs.address-information .modal#pop_auth_code .btn_md {
  min-width: unset;
  flex: 1;
}
.renewed.product.submit-docs.additional-documents .gray-container {
  background-color: #f7f7f7;
  border-radius: 0.63625rem;
  padding: 0.75rem 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .gray-container {
    padding: 1.25rem 1.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .gray-container {
    padding: 1.25rem 1.75rem;
  }
}
.renewed.product.submit-docs.additional-documents .notice {
  background-color: rgba(250, 115, 0, 0.15);
  font-size: 0.75rem;
  color: #7a7a7a;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.25rem 0.5rem;
  border-radius: 0.940625rem;
  font-weight: 600;
}
.renewed.product.submit-docs.additional-documents .notice::before {
  content: "";
  display: inline-block;
  vertical-align: sub;
  margin-right: 0.25rem;
  width: 0.890625rem;
  aspect-ratio: 1/1;
  background: url("/resources/fo/loanone/common/images/icons/exclamation_orange.svg") no-repeat center/contain;
}
.renewed.product.submit-docs.additional-documents .file-list .notice {
  margin-top: 0.7rem;
}
.renewed.product.submit-docs.additional-documents input {
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  border-bottom: 0.075rem solid #b9b9b9;
  padding: 0.7rem 0.375rem;
  font-size: 0.9rem;
  font-size: 600;
  /* 배경이미지 */
  background-position: 0.375rem center;
  background-size: 0.875rem;
  background-repeat: no-repeat;
  /* placeholder */
}
.renewed.product.submit-docs.additional-documents input::-moz-placeholder {
  color: #b9b9b9;
  font-weight: 600;
}
.renewed.product.submit-docs.additional-documents input::placeholder {
  color: #b9b9b9;
  font-weight: 600;
}
.renewed.product.submit-docs.additional-documents input.id {
  padding-left: 1.625rem;
  background-image: url("/resources/fo/loanone/common/images/icons/gray_person.svg");
}
.renewed.product.submit-docs.additional-documents input.password {
  padding-left: 1.625rem;
  background-image: url("/resources/fo/loanone/common/images/icons/gray_lock.svg");
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents input {
    background-position: 0.64875rem center;
    background-size: 1.125rem;
    font-size: 1.375rem;
    padding: 1rem 0.64875rem;
    border-bottom-width: 0.13rem;
  }
  .renewed.product.submit-docs.additional-documents input.id {
    padding-left: 2.4225rem;
  }
  .renewed.product.submit-docs.additional-documents input.password {
    padding-left: 2.4225rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents input {
    background-position: 0.64875rem center;
    background-size: 1.125rem;
    font-size: 1.375rem;
    padding: 1rem 0.64875rem;
    border-bottom-width: 0.13rem;
  }
  .renewed.product.submit-docs.additional-documents input.id {
    padding-left: 2.4225rem;
  }
  .renewed.product.submit-docs.additional-documents input.password {
    padding-left: 2.4225rem;
  }
}
.renewed.product.submit-docs.additional-documents label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #7a7a7a;
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents label {
    font-size: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents label {
    font-size: 1rem;
  }
}
.renewed.product.submit-docs.additional-documents .label-wrap p {
  font-size: 0.85rem;
  margin-left: 0.35rem;
}
.renewed.product.submit-docs.additional-documents article > *:not(:first-child) {
  margin-bottom: 1.2rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents article > *:not(:first-child) {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents article > *:not(:first-child) {
    margin-bottom: 1.875rem;
  }
}
.renewed.product.submit-docs.additional-documents .status {
  font-size: 0.9rem;
  font-weight: 500;
  color: #373737;
}
.renewed.product.submit-docs.additional-documents .status.unregistered {
  font-weight: 600;
  color: #fa7300;
}
.renewed.product.submit-docs.additional-documents .status .exclamation_orange {
  margin: 0;
  margin-left: 0.3rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .status {
    font-size: 1.25rem;
  }
  .renewed.product.submit-docs.additional-documents .status .exclamation_orange {
    margin-inline-end: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .status {
    font-size: 1.25rem;
  }
  .renewed.product.submit-docs.additional-documents .status .exclamation_orange {
    margin-inline-end: 0.5rem;
  }
}
.renewed.product.submit-docs.additional-documents .file-name {
  color: #fa7300;
  font-weight: 500;
  font-size: 0.85rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .file-name {
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .file-name {
    font-size: 1.25rem;
  }
}
.renewed.product.submit-docs.additional-documents .user-info {
  font-size: 0.85rem;
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .user-info {
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .user-info {
    font-size: 1.25rem;
  }
}
.renewed.product.submit-docs.additional-documents .btn_delete {
  font-size: 0;
  position: relative;
  width: 0.7rem;
  aspect-ratio: 1/1;
  cursor: pointer;
  margin-left: 0.35rem;
}
.renewed.product.submit-docs.additional-documents .btn_delete::before, .renewed.product.submit-docs.additional-documents .btn_delete::after {
  content: "";
  position: absolute;
  background-color: #b9b9b9;
  /* Color of the cross lines */
  width: 100%;
  height: 10%;
  /* Thickness of the lines */
  top: 50%;
  /* Positioning of the lines */
  left: 0;
}
.renewed.product.submit-docs.additional-documents .btn_delete::before {
  transform: translateY(-50%) rotate(45deg);
}
.renewed.product.submit-docs.additional-documents .btn_delete::after {
  transform: translateY(-50%) rotate(-45deg);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .btn_delete {
    width: 0.875rem;
    margin-left: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .btn_delete {
    width: 0.875rem;
    margin-left: 0.5rem;
  }
}
.renewed.product.submit-docs.additional-documents .gray-container button.orange {
  font-size: 0.9rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .gray-container button.orange {
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .gray-container button.orange {
    font-size: 1.25rem;
  }
}
.renewed.product.submit-docs.additional-documents .add_file {
  margin-top: 0.5rem;
  font-size: 0.95rem;
  width: 100%;
  padding: 1.025rem;
  border-radius: 0.63625rem;
  border: 0.05rem solid;
  cursor: pointer;
}
.renewed.product.submit-docs.additional-documents .add_file img {
  display: inline-block;
  width: 0.8rem;
  aspect-ratio: 1/1;
  margin-right: 0.3rem;
}
.renewed.product.submit-docs.additional-documents .gray-container:not(:first-of-type) {
  margin-top: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .gray-container:not(:first-of-type) {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .gray-container:not(:first-of-type) {
    margin-top: 1.5rem;
  }
}
.renewed.product.submit-docs.additional-documents .gray-container label {
  display: none;
}
.renewed.product.submit-docs.additional-documents .gray-container:first-of-type {
  margin-top: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .gray-container:first-of-type {
    margin-top: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .gray-container:first-of-type {
    margin-top: 1rem;
  }
}
.renewed.product.submit-docs.additional-documents .gray-container .status {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
}
.renewed.product.submit-docs.additional-documents .gray-container .flex-row {
  min-width: 0;
  width: 100%;
  flex: 1;
  justify-content: end;
}
.renewed.product.submit-docs.additional-documents .gray-container .flex-row label.attach_button {
  display: inline-block;
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .gray-container .flex-row label.attach_button {
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .gray-container .flex-row label.attach_button {
    font-size: 1.25rem;
  }
}
.renewed.product.submit-docs.additional-documents .gray-container .flex-row .file-name {
  color: #373737;
  text-align: right;
  margin-right: 0.5rem;
  white-space: nowrap;
  overflow: hidden; /* Hide the overflow text */
  text-overflow: ellipsis; /* Add an ellipsis at the end of the text */
}
.renewed.product.submit-docs.additional-documents .platform-logo,
.renewed.product.submit-docs.additional-documents .api-logo {
  max-height: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .platform-logo,
  .renewed.product.submit-docs.additional-documents .api-logo {
    max-height: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .platform-logo,
  .renewed.product.submit-docs.additional-documents .api-logo {
    max-height: 1.5rem;
  }
}
.renewed.product.submit-docs.additional-documents .platform-logo#crefia,
.renewed.product.submit-docs.additional-documents .api-logo#crefia {
  max-height: 1.625rem;
}
.renewed.product.submit-docs.additional-documents .question_button {
  display: grid;
  place-items: center;
  width: 0.9rem;
  height: 0.9rem;
  line-height: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  background-color: #d9d9d9;
  border-radius: 50%;
  margin-left: 0.25rem;
  position: relative;
  padding: 0;
}
.renewed.product.submit-docs.additional-documents .add_file img {
  margin-right: 0.4rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .add_file img {
    margin-right: 0.7rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .add_file img {
    margin-right: 0.7rem;
  }
}
.renewed.product.submit-docs.additional-documents .download_file {
  font-size: 0.85rem;
}
.renewed.product.submit-docs.additional-documents .download_file img {
  width: 0.875rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .download_file {
    font-size: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .download_file {
    font-size: 1rem;
  }
}
.renewed.product.submit-docs.additional-documents .flex-col img {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .flex-col img {
    margin-bottom: 0.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .flex-col img {
    margin-bottom: 0.875rem;
  }
}
.renewed.product.submit-docs.additional-documents .flex-col > button {
  margin-top: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .flex-col > button {
    margin-top: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .flex-col > button {
    margin-top: 1.875rem;
  }
}
.renewed.product.submit-docs.additional-documents .upload-guide {
  color: #717171;
  font-weight: 500;
  font-size: 0.8rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.additional-documents .upload-guide {
    font-size: 0.8125rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.additional-documents .upload-guide {
    font-size: 0.8125rem;
    margin-bottom: 1.5rem;
  }
}
.renewed.product.submit-docs.additional-documents .upload-guide li {
  line-height: 1;
}
.renewed.product.submit-docs.additional-documents .api > p.medium {
  font-size: 0.8rem;
  color: #717171;
}
.renewed.product.submit-docs.additional-documents .api > p.medium img {
  margin-right: 0.375rem;
}
.renewed.product.submit-docs.additional-documents .modal_wrap {
  padding: 1.5rem;
}
.renewed.product.submit-docs.additional-documents .modal_wrap .area_text {
  font-size: 1rem;
  font-weight: 600;
  color: #373737;
}
.renewed.product.submit-docs.additional-documents .modal_wrap .small_text {
  font-size: 0.75rem;
  font-weight: 600;
  color: #5f656e;
}
.renewed.product.submit-docs.additional-documents .modal_wrap .modal_btn_wrap {
  margin-top: 1rem;
}
.renewed.product.submit-docs.additional-documents .modal_wrap .modal_btn_wrap .btn {
  max-width: 12.5rem;
}
.renewed.product.submit-docs.additional-documents .modal_btn_wrap {
  margin: 0;
  margin-top: 1rem;
}
.renewed.product.submit-docs.additional-documents .modal#pop_platform_registered .card-image,
.renewed.product.submit-docs.additional-documents .modal#pop_linking_crefia_failed .card-image {
  width: 4rem;
}
.renewed.product.submit-docs.additional-documents .modal#pop_platform_registered .area_text,
.renewed.product.submit-docs.additional-documents .modal#pop_linking_crefia_failed .area_text {
  margin-top: 1.5rem;
}
.renewed.product.submit-docs.additional-documents .modal#pop_platform_registered .small_text,
.renewed.product.submit-docs.additional-documents .modal#pop_linking_crefia_failed .small_text {
  margin-top: 0.4rem;
}
.renewed.product.submit-docs.additional-documents .modal#pop_linking_playauto .card-image,
.renewed.product.submit-docs.additional-documents .modal#pop_linking_crefia .card-image,
.renewed.product.submit-docs.additional-documents .modal#pop_linking_baemin .card-image {
  width: 3.875rem;
  margin: 1rem 0;
}
.renewed.product.submit-docs.additional-documents .modal#pop_playauto_failed .small_text {
  font-size: 0.75rem;
  margin-top: 0.4rem;
}
.renewed.product.submit-docs.additional-documents ul .modal {
  text-align: left;
}
.renewed.product.submit-docs.additional-documents ul .modal .btn_modal_close {
  all: unset;
  cursor: pointer;
  position: relative;
  margin-left: auto;
  display: block;
  width: 1.125rem;
  aspect-ratio: 1/1;
  margin-bottom: 0.625rem;
}
.renewed.product.submit-docs.additional-documents ul .modal .btn_modal_close::before, .renewed.product.submit-docs.additional-documents ul .modal .btn_modal_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  /* thickness of the line */
  height: 12%;
  background-color: #b9b9b9;
}
.renewed.product.submit-docs.additional-documents ul .modal .btn_modal_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.renewed.product.submit-docs.additional-documents ul .modal .btn_modal_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.renewed.product.submit-docs.rep-information .page-title br {
  display: inline;
}
.renewed.product.submit-docs.rep-information article .list-title {
  color: #4b5a68;
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.rep-information article .list-title {
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.rep-information article .list-title {
    margin-bottom: 0.625rem;
  }
}
.renewed.product.submit-docs.rep-information article .submitted-document-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.rep-information article .submitted-document-list {
    gap: 1.25rem;
    margin-bottom: 1.375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.rep-information article .submitted-document-list {
    gap: 1.25rem;
    margin-bottom: 1.375rem;
  }
}
.renewed.product.submit-docs.rep-information article .submitted-document-list .document-item {
  background-color: #ffffff;
  display: flex;
  gap: 0.65rem;
  align-items: center;
  border-radius: 0.625rem;
  padding: 1rem;
  box-shadow: 0 0 1.675rem rgba(0, 0, 0, 0.1);
}
.renewed.product.submit-docs.rep-information article .submitted-document-list .document-item h5 {
  font-size: 0.9rem;
  font-weight: 700;
  color: #000;
  width: 20%;
  text-align: center;
}
.renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .dotted {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6a6a6a;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .dotted > li {
  line-height: 1;
}
.renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .bank-list {
  display: flex;
  align-items: center;
}
.renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .bank-list::before {
  opacity: 0;
}
.renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .bank-list > ul {
  display: flex;
  gap: 0.455rem;
}
.renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .bank-list .bank-logo img {
  width: 1.3rem;
}
.renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .status {
  margin-left: auto;
  font-size: 0.9rem;
  font-weight: 500;
  color: #373737;
}
.renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .status.not-submitted {
  color: #fa7300;
}
.renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .status .exclamation_orange {
  margin: 0;
  vertical-align: text-top;
  margin-left: 0.3rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.rep-information article .submitted-document-list .document-item {
    padding: 1.5rem;
    gap: 1.10625rem;
  }
  .renewed.product.submit-docs.rep-information article .submitted-document-list .document-item h5 {
    font-size: 1.25rem;
  }
  .renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .dotted {
    gap: 0.5rem;
    font-size: 1rem;
  }
  .renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .bank-list > ul {
    gap: 0.6875rem;
  }
  .renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .bank-list .bank-logo img {
    width: 2.064375rem;
  }
  .renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .status .exclamation_orange {
    margin-left: 0.3125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.rep-information article .submitted-document-list .document-item {
    padding: 1.5rem;
    gap: 1.10625rem;
  }
  .renewed.product.submit-docs.rep-information article .submitted-document-list .document-item h5 {
    font-size: 1.25rem;
  }
  .renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .dotted {
    gap: 0.5rem;
    font-size: 1rem;
  }
  .renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .bank-list > ul {
    gap: 0.6875rem;
  }
  .renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .bank-list .bank-logo img {
    width: 2.064375rem;
  }
  .renewed.product.submit-docs.rep-information article .submitted-document-list .document-item .status .exclamation_orange {
    margin-left: 0.3125rem;
  }
}
.renewed.product.submit-docs.rep-information article > .notice {
  font-size: 0.8rem;
  color: #7a7a7a;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
  border-radius: 1.075rem;
  display: flex;
  align-items: center;
  gap: 0.2575rem;
  background-color: rgba(250, 115, 0, 0.15);
}
.renewed.product.submit-docs.rep-information article .terms-and-conditions .chk_all_wrap {
  margin: 0;
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.renewed.product.submit-docs.rep-information article .terms-and-conditions .chk_all_wrap .chk_wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9375rem;
  color: #000;
}
.renewed.product.submit-docs.rep-information article .terms-and-conditions .chk_all_wrap .chk_wrap .detail {
  font-size: 0.6875rem;
  color: #a2a2a2;
}
.renewed.product.submit-docs.rep-information article .terms-and-conditions .notice {
  font-size: 0.75rem;
  color: #7a7a7a;
  margin-top: 0.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.rep-information article .terms-and-conditions .chk_all_wrap {
    margin-top: 2.3125rem;
  }
  .renewed.product.submit-docs.rep-information article .terms-and-conditions .chk_all_wrap .chk_wrap {
    font-size: 1rem;
    /*   .detail {
      font-size: ptr(16);
    } */
  }
  .renewed.product.submit-docs.rep-information article .terms-and-conditions .notice {
    font-size: 0.8125rem;
    margin-top: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.rep-information article .terms-and-conditions .chk_all_wrap {
    margin-top: 2.3125rem;
  }
  .renewed.product.submit-docs.rep-information article .terms-and-conditions .chk_all_wrap .chk_wrap {
    font-size: 1rem;
    /*   .detail {
      font-size: ptr(16);
    } */
  }
  .renewed.product.submit-docs.rep-information article .terms-and-conditions .notice {
    font-size: 0.8125rem;
    margin-top: 1rem;
  }
}
.renewed.product.submit-docs.rep-information article .rep-authentication.mobile-divider {
  margin-top: 3.95rem;
}
.renewed.product.submit-docs.rep-information article .rep-authentication.mobile-divider::before {
  top: -1.975rem;
}
.renewed.product.submit-docs.rep-information article .rep-authentication.mobile-divider .form_wrap:first-child {
  margin-top: 0;
}
.renewed.product.submit-docs.rep-information article .rep-authentication.mobile-divider .btn-container {
  margin-top: 1rem;
  gap: 0;
}
.renewed.product.submit-docs.rep-information article .rep-authentication.mobile-divider .btn-container p {
  align-self: flex-start;
  margin-top: 0.25rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #7a7a7a;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.rep-information article .rep-authentication.mobile-divider .btn-container {
    margin-top: 3.75rem;
  }
  .renewed.product.submit-docs.rep-information article .rep-authentication.mobile-divider .btn-container p {
    align-self: center;
    margin-top: 1rem;
    font-size: 0.8125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.rep-information article .rep-authentication.mobile-divider .btn-container {
    margin-top: 3.75rem;
  }
  .renewed.product.submit-docs.rep-information article .rep-authentication.mobile-divider .btn-container p {
    align-self: center;
    margin-top: 1rem;
    font-size: 0.8125rem;
  }
}
.renewed.product.submit-docs.rep-information article .submit-guide {
  text-align: center;
  margin-top: 1.5rem;
  font-size: 0.9375rem;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.rep-information article .submit-guide {
    margin-top: 3.75rem;
    font-size: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.rep-information article .submit-guide {
    margin-top: 3.75rem;
    font-size: 1rem;
  }
}
.renewed.product.submit-docs.rep-information .modal#pop_auth_info .simple-auth-list {
  gap: 1.39rem;
}
.renewed.product.submit-docs.rep-information .modal#pop_auth_info .simple-auth-list .simple-auth-item {
  height: -moz-fit-content;
  height: fit-content;
  margin: 1.25rem 0;
  width: 3.033125rem;
}
.renewed.product.submit-docs.rep-information .modal#pop_auth_info .simple-auth-list .simple-auth-item button {
  display: block;
  padding: 0;
  cursor: pointer;
}
.renewed.product.submit-docs.rep-information .modal#pop_auth_info .simple-auth-list .simple-auth-item img {
  display: block;
  width: 100%;
}
.renewed.product.submit-docs.rep-information .modal#pop_auth_info .input_wrap#mobile .select_input_wrap {
  flex-wrap: nowrap;
}
.renewed.product.submit-docs.rep-information .modal#pop_auth_info .input_wrap#mobile input {
  font-size: 0.8175rem;
}
.renewed.product.submit-docs.rep-information .modal#pop_auth_info .input_wrap#mobile input::-moz-placeholder {
  font-size: inherit;
}
.renewed.product.submit-docs.rep-information .modal#pop_auth_info .input_wrap#mobile input::placeholder {
  font-size: inherit;
}
.renewed.product.submit-docs.select-method .img {
  width: 12rem;
  margin: 4.375rem auto;
}
.renewed.product.submit-docs.select-method .btn-container {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  margin-top: 0;
  margin-bottom: 6.25rem;
}
.renewed.product.submit-docs.select-method .btn-container .btn {
  max-width: 20rem;
}
.renewed.product.submit-docs.select-method .btn-container .btn:hover {
  background-color: #fa7300;
}
.renewed.product.submit-docs.select-method .modal#pop_only_pc .area_text {
  font-size: 1rem;
  margin-bottom: 0.6rem;
}
.renewed.product.submit-docs.select-method .modal#pop_only_pc img {
  width: 6.375rem;
  margin-bottom: 0.475rem;
}
.renewed.product.submit-docs.select-method .modal#pop_only_pc .small_text {
  color: #5f656e;
  font-size: 0.7rem;
  margin-bottom: 1rem;
}
.renewed.product.submit-docs.select-method .modal#pop_only_pc .modal_btn_wrap {
  margin: 0;
}
.renewed.product.submit-docs.survey .survey-container {
  margin-bottom: 4.4875rem;
}
.renewed.product.submit-docs.survey .survey-container:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.survey .survey-container {
    margin-bottom: 6.375rem;
  }
  .renewed.product.submit-docs.survey .survey-container:last-of-type {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.survey .survey-container {
    margin-bottom: 6.375rem;
  }
  .renewed.product.submit-docs.survey .survey-container:last-of-type {
    margin-bottom: 3.75rem;
  }
}
.renewed.product.submit-docs.survey .survey-question {
  font-size: 1.05rem;
  font-weight: 600;
  color: #4b5a68;
  margin-bottom: 1.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.survey .survey-question {
    font-size: 1.1875rem;
    margin-bottom: 3.1875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.survey .survey-question {
    font-size: 1.1875rem;
    margin-bottom: 3.1875rem;
  }
}
.renewed.product.submit-docs.survey .radio-options {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.survey .radio-options {
    gap: 2rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.survey .radio-options {
    gap: 2rem;
  }
}
.renewed.product.submit-docs.survey .radio-option {
  display: block;
  width: 100%;
  cursor: pointer;
}
.renewed.product.submit-docs.survey .radio-option input[type=radio] {
  display: none;
}
.renewed.product.submit-docs.survey .radio-button {
  display: block;
  padding: 1rem;
  border-radius: 0.625rem;
  font-weight: 600;
  font-size: 1.0625rem;
  color: white;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
.renewed.product.submit-docs.survey .yes-option,
.renewed.product.submit-docs.survey .no-option {
  background-color: #d1d1d1;
}
.renewed.product.submit-docs.survey .radio-option input[type=radio]:checked + .radio-button {
  background-color: #fa7300;
}
.renewed.product.submit-docs.survey .radio-option:hover .radio-button {
  background-color: #fa7300;
}
.renewed.product.submit-docs.survey .btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.renewed.product.submit-docs.survey .btn:not(.disabled) {
  opacity: 1;
  cursor: pointer;
}
@media (max-width: 767px) {
  .renewed.product.submit-docs.survey .btn-container {
    padding-top: 3.75rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.submit-docs.survey .btn#submit {
    max-width: 13.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.submit-docs.survey .btn#submit {
    max-width: 13.75rem;
  }
}
.renewed.product.application .black {
  color: #000;
}
.renewed.product.application .dark-gray {
  color: #373737;
}
.renewed.product.application .light-gray {
  color: #b9b9b9;
}
.renewed.product.application .gray-blue {
  color: #4b5a68;
}
.renewed.product.application article {
  margin-top: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application article {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application article {
    margin-top: 2.5rem;
  }
}
.renewed.product.application h5 {
  color: #6e6e6e;
  font-size: 1rem;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application h5 {
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application h5 {
    font-size: 1.25rem;
  }
}
.renewed.product.application.loan-amount .form_wrap {
  margin-top: 0;
}
.renewed.product.application.loan-amount article > div:not(.btn-container) {
  padding: 1.5rem 0.625rem;
}
.renewed.product.application.loan-amount article > div:not(.btn-container).flex-col:nth-child(2) {
  gap: 1.5rem;
}
.renewed.product.application.loan-amount article > div:not(.btn-container).flex-col:nth-child(2) > .flex-col {
  gap: 0.775rem;
}
.renewed.product.application.loan-amount article > div:not(.btn-container).flex-col:nth-child(2) > .flex-col .medium {
  text-align: center;
  line-height: 2;
}
.renewed.product.application.loan-amount article > div:not(.btn-container).flex-col:nth-child(2) > .flex-col .flex-row {
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.loan-amount article > div:not(.btn-container).flex-col:nth-child(2) > .flex-col .medium {
    text-align: right;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container).flex-col:nth-child(2) > .flex-col .flex-row {
    justify-content: flex-end;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.loan-amount article > div:not(.btn-container).flex-col:nth-child(2) > .flex-col .medium {
    text-align: right;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container).flex-col:nth-child(2) > .flex-col .flex-row {
    justify-content: flex-end;
  }
}
.renewed.product.application.loan-amount article > div:not(.btn-container) .semi-bold {
  font-size: 1rem;
}
.renewed.product.application.loan-amount article > div:not(.btn-container) .medium {
  text-align: right;
  font-size: 0.75rem;
}
.renewed.product.application.loan-amount article > div:not(.btn-container) ul.flex-row {
  margin-top: 0.25rem;
  gap: 0.3rem;
}
.renewed.product.application.loan-amount article > div:not(.btn-container) .tag {
  all: unset;
  border: 0.025rem solid #fa7300;
  height: 1.55rem;
  width: auto;
  display: grid;
  padding: 0 0.625rem;
  border-radius: 0.75rem;
  box-sizing: border-box;
}
.renewed.product.application.loan-amount article > div:not(.btn-container) .tag .logo {
  display: block;
  height: 55%;
  margin: auto;
}
.renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap {
  padding: 0;
  margin: 6.075rem 0;
  border-bottom: none;
}
.renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap::before {
  top: -3.0375rem;
}
.renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap .input-wrap {
  padding: 0 0.5rem;
  align-items: center;
  width: 100%;
  border-bottom: #b9b9b9 solid 0.125rem;
}
.renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap .input-wrap input {
  flex: 1;
  border-bottom: none;
  font-size: 1rem;
  text-align: right;
}
.renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap .input-wrap input::-moz-placeholder {
  color: #bebebe;
  text-align: left;
}
.renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap .input-wrap input::placeholder {
  color: #bebebe;
  text-align: left;
}
.renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap .txt_validate {
  align-self: flex-end;
  margin-top: 0.6rem;
  margin-right: unset;
  margin-left: auto;
  font-size: 0.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.loan-amount article > div:not(.btn-container) {
    border-bottom-color: #b9b9b9;
    border-width: 0.125rem;
    padding: 1rem 0.3125rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container) .semi-bold {
    font-size: 1.25rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container) .medium {
    font-size: 1.125rem;
    margin-top: 0.75rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container) ul.flex-row {
    margin-top: 0.625rem;
    gap: 0.48rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container) .tag {
    height: 2.48rem;
    padding: 0 1rem;
    border-radius: 1.2rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container) label {
    color: #6e6e6e;
    font-size: 1.25rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap {
    margin: 2.5rem 0;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap .txt_validate {
    font-size: 1.125rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap .input-wrap {
    border-bottom-color: #b9b9b9;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap .input-wrap input {
    font-size: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.loan-amount article > div:not(.btn-container) {
    border-bottom-color: #b9b9b9;
    border-width: 0.125rem;
    padding: 1rem 0.3125rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container) .semi-bold {
    font-size: 1.25rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container) .medium {
    font-size: 1.125rem;
    margin-top: 0.75rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container) ul.flex-row {
    margin-top: 0.625rem;
    gap: 0.48rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container) .tag {
    height: 2.48rem;
    padding: 0 1rem;
    border-radius: 1.2rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container) label {
    color: #6e6e6e;
    font-size: 1.25rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap {
    margin: 2.5rem 0;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap .txt_validate {
    font-size: 1.125rem;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap .input-wrap {
    border-bottom-color: #b9b9b9;
  }
  .renewed.product.application.loan-amount article > div:not(.btn-container).form_wrap .input-wrap input {
    font-size: 1.5rem;
  }
}
.renewed.product.application.loan-amount article > div:not(.btn-container, :nth-child(2)) {
  border-bottom: #d8d8d8 solid 0.0625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.loan-amount article > div:not(.btn-container, :nth-child(2)) {
    border-bottom: #b9b9b9 solid 0.125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.loan-amount article > div:not(.btn-container, :nth-child(2)) {
    border-bottom: #b9b9b9 solid 0.125rem;
  }
}
.renewed.product.application.loan-application.sellerdream .confirmation.mobile-divider {
  margin-top: 2.5rem;
}
.renewed.product.application.loan-application article > .flex-row {
  padding: 1.5rem 0.625rem;
  border-bottom: #d8d8d8 solid 0.0625rem;
}
.renewed.product.application.loan-application article > .flex-row .semi-bold {
  font-size: 1rem;
}
.renewed.product.application.loan-application article > .flex-row .medium {
  color: #999999;
  font-size: 0.75rem;
  text-align: right;
}
.renewed.product.application.loan-application article > .flex-row .line-through {
  margin-right: 0.55rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.loan-application article > .flex-row {
    padding: 1rem 0.3125rem;
    border-bottom: #b9b9b9 solid 0.125rem;
  }
  .renewed.product.application.loan-application article > .flex-row .semi-bold {
    font-size: 1.25rem;
  }
  .renewed.product.application.loan-application article > .flex-row .medium {
    color: #999999;
    font-size: 1rem;
  }
  .renewed.product.application.loan-application article > .flex-row .line-through {
    margin-right: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.loan-application article > .flex-row {
    padding: 1rem 0.3125rem;
    border-bottom: #b9b9b9 solid 0.125rem;
  }
  .renewed.product.application.loan-application article > .flex-row .semi-bold {
    font-size: 1.25rem;
  }
  .renewed.product.application.loan-application article > .flex-row .medium {
    color: #999999;
    font-size: 1rem;
  }
  .renewed.product.application.loan-application article > .flex-row .line-through {
    margin-right: 1.25rem;
  }
}
.renewed.product.application.loan-application article .deposit-account {
  margin-top: 1.75rem;
}
.renewed.product.application.loan-application article .deposit-account > .flex-row h5 {
  font-size: 0.8125rem;
  margin-right: 0.3rem;
}
.renewed.product.application.loan-application article .deposit-account > .flex-row .medium {
  font-size: 0.75rem;
  color: #999999;
}
.renewed.product.application.loan-application article .deposit-account select {
  outline: none;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 0.3125rem;
  border-bottom: #fa7300 solid 0.125rem;
}
.renewed.product.application.loan-application article .deposit-account .hidden-select {
  display: none;
}
.renewed.product.application.loan-application article .deposit-account .custom-select-wrapper {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select {
  position: relative;
  display: inline-block;
  border-bottom: solid 0.125rem #d8d8d8;
  width: 100%;
  padding: 1rem 0.3125rem;
}
.renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select.open {
  border-bottom-color: #fa7300;
}
.renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-select-trigger {
  position: relative;
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: #373737;
  cursor: pointer;
}
.renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-select-trigger::after {
  content: "";
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-top: 0.3125rem solid black;
}
.renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-options {
  z-index: 100;
  display: none;
  width: 100%;
  position: absolute;
  top: calc(100% + 0.125rem);
  left: 0;
  right: 0;
  padding: 0 1.25rem;
  background-color: #ffffff;
  border-radius: 0.625rem;
  box-shadow: 0 0 1.675rem -0.375rem rgba(0, 0, 0, 0.1);
}
.renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-options .custom-option {
  padding: 0.5em;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  color: #373737;
  padding: 0.875rem 0;
}
.renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-options .custom-option .event {
  margin-left: 0.25rem;
  color: #ffffff;
  font-size: 0.7rem;
  background-color: #fa7300;
  padding: 0.225rem 0.375rem;
  border-radius: 0.625rem;
}
.renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-options .custom-option:not(:first-child) {
  border-top: 0.0625rem solid #efefef;
}
.renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select.open .custom-options {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper {
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select {
    border-bottom: solid 0.25rem #d8d8d8;
    padding: 1rem 0.5rem;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-select-trigger {
    font-size: 1.25rem;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-select-trigger::after {
    right: 0.625rem;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid black;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-options {
    top: calc(100% + 0.25rem);
    padding: 0 1.875rem;
    background-color: #ffffff;
    border-radius: 1.5625rem;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-options .custom-option {
    font-size: 1.25rem;
    padding: 1rem 0;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-options .custom-option .event {
    margin-left: 0.875rem;
    font-size: 1rem;
    padding: 0.375rem 0.625rem;
    border-radius: 1.25rem;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-options .custom-option:not(:first-child) {
    border-top: 0.125rem solid #b9b9b9;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select.open .custom-options {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper {
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select {
    border-bottom: solid 0.25rem #d8d8d8;
    padding: 1rem 0.5rem;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-select-trigger {
    font-size: 1.25rem;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-select-trigger::after {
    right: 0.625rem;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid black;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-options {
    top: calc(100% + 0.25rem);
    padding: 0 1.875rem;
    background-color: #ffffff;
    border-radius: 1.5625rem;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-options .custom-option {
    font-size: 1.25rem;
    padding: 1rem 0;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-options .custom-option .event {
    margin-left: 0.875rem;
    font-size: 1rem;
    padding: 0.375rem 0.625rem;
    border-radius: 1.25rem;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select .custom-options .custom-option:not(:first-child) {
    border-top: 0.125rem solid #b9b9b9;
  }
  .renewed.product.application.loan-application article .deposit-account .custom-select-wrapper .custom-select.open .custom-options {
    display: flex;
    flex-direction: column;
  }
}
.renewed.product.application.loan-application article .confirmation.mobile-divider {
  margin-top: 10.4rem;
}
.renewed.product.application.loan-application article .confirmation.mobile-divider::before {
  top: -5.2rem;
}
.renewed.product.application.loan-application article .confirmation.mobile-divider .gray-container {
  background-color: #f5f5f5;
  margin-top: 0.925rem;
  border-radius: 0.625rem;
  padding: 1rem;
}
.renewed.product.application.loan-application article .confirmation.mobile-divider .gray-container .semi-bold {
  font-size: 0.9rem;
}
.renewed.product.application.loan-application article .confirmation.mobile-divider .gray-container ul {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  letter-spacing: -0.00625rem;
  font-weight: 500;
  color: #6a6a6a;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.loan-application article .confirmation.mobile-divider .gray-container {
    margin-top: 2.30625rem;
    border-radius: 1.09375rem;
    padding: 2rem 1.6875rem;
  }
  .renewed.product.application.loan-application article .confirmation.mobile-divider .gray-container .semi-bold {
    font-size: 1.375rem;
  }
  .renewed.product.application.loan-application article .confirmation.mobile-divider .gray-container ul {
    margin-top: 0.4375rem;
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.loan-application article .confirmation.mobile-divider .gray-container {
    margin-top: 2.30625rem;
    border-radius: 1.09375rem;
    padding: 2rem 1.6875rem;
  }
  .renewed.product.application.loan-application article .confirmation.mobile-divider .gray-container .semi-bold {
    font-size: 1.375rem;
  }
  .renewed.product.application.loan-application article .confirmation.mobile-divider .gray-container ul {
    margin-top: 0.4375rem;
    font-size: 1.25rem;
  }
}
.renewed.product.application.loan-application article .confirmation.mobile-divider .gray-outline-container {
  margin-top: 0.5rem;
  border: #d9d9d9 solid 0.075rem;
  border-radius: 0.625rem;
  padding: 1.1rem 1.25rem;
  font-size: 1rem;
  text-align: center;
  font-weight: 700;
}
.renewed.product.application.loan-application article .confirmation.mobile-divider .gray-outline-container input {
  font-size: inherit;
  width: -moz-fit-content;
  width: fit-content;
  font-size: inherit;
  font-weight: inherit;
  border: none;
  padding: 0;
  outline: none;
  color: #fa7300;
  caret-color: #373737;
  font-weight: 700;
  background-color: transparent;
}
.renewed.product.application.loan-application article .confirmation.mobile-divider .gray-outline-container input::-moz-placeholder {
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  color: #b9b9b9;
  opacity: 0;
}
.renewed.product.application.loan-application article .confirmation.mobile-divider .gray-outline-container input::placeholder {
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  color: #b9b9b9;
  opacity: 0;
}
.renewed.product.application.loan-application article .confirmation.mobile-divider .gray-outline-container .input-wrap {
  display: inline-block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.renewed.product.application.loan-application article .confirmation.mobile-divider .gray-outline-container .input-wrap::after {
  position: absolute;
  left: 0;
  top: 0;
  content: attr(data-placeholder);
  pointer-events: none;
  color: #b9b9b9;
  opacity: 0.6;
  z-index: -1;
}
.renewed.product.application.loan-application article .confirmation.mobile-divider .gray-outline-container + .semi-bold {
  color: #999999;
  font-size: 0.75rem;
  margin-top: 0.4rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.loan-application article .confirmation.mobile-divider .gray-outline-container {
    margin-top: 0.875rem;
    border: #d9d9d9 solid 0.13125rem;
    border-radius: 1.09375rem;
    padding: 1.925rem 1.9875rem;
    font-size: 1.75rem;
  }
  .renewed.product.application.loan-application article .confirmation.mobile-divider .gray-outline-container + .semi-bold {
    font-size: 1.25rem;
    margin-top: 0.7rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.loan-application article .confirmation.mobile-divider .gray-outline-container {
    margin-top: 0.875rem;
    border: #d9d9d9 solid 0.13125rem;
    border-radius: 1.09375rem;
    padding: 1.925rem 1.9875rem;
    font-size: 1.75rem;
  }
  .renewed.product.application.loan-application article .confirmation.mobile-divider .gray-outline-container + .semi-bold {
    font-size: 1.25rem;
    margin-top: 0.7rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.loan-application article .confirmation.mobile-divider {
    margin-top: 11.625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.loan-application article .confirmation.mobile-divider {
    margin-top: 11.625rem;
  }
}
.renewed.product.application.loan-application article .winkstone.mobile-divider {
  margin-top: 4.95rem;
  margin-bottom: 1.65rem;
  text-align: center;
}
.renewed.product.application.loan-application article .winkstone.mobile-divider::before {
  top: -2.475rem;
}
.renewed.product.application.loan-application article .winkstone.mobile-divider .semi-bold {
  font-size: 0.8rem;
}
.renewed.product.application.loan-application article .winkstone.mobile-divider .medium {
  font-size: 0.75rem;
  color: #7a7a7a;
  margin-top: 0.2rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.loan-application article .winkstone.mobile-divider {
    margin-top: 3.75rem;
    margin-bottom: 0rem;
  }
  .renewed.product.application.loan-application article .winkstone.mobile-divider .semi-bold {
    font-size: 1.25rem;
  }
  .renewed.product.application.loan-application article .winkstone.mobile-divider .medium {
    font-size: 1.25rem;
    margin-top: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.loan-application article .winkstone.mobile-divider {
    margin-top: 3.75rem;
    margin-bottom: 0rem;
  }
  .renewed.product.application.loan-application article .winkstone.mobile-divider .semi-bold {
    font-size: 1.25rem;
  }
  .renewed.product.application.loan-application article .winkstone.mobile-divider .medium {
    font-size: 1.25rem;
    margin-top: 1.25rem;
  }
}
.renewed.product.application.additional-information .page-subtitle {
  margin-top: 0;
}
.renewed.product.application.additional-information .page-title {
  margin-top: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.additional-information .page-title {
    margin-top: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.additional-information .page-title {
    margin-top: 1.875rem;
  }
}
.renewed.product.application.additional-information .form_wrap,
.renewed.product.application.additional-information input {
  margin-top: 0;
  flex: 1;
  width: 100%;
}
.renewed.product.application.additional-information article h5 {
  font-weight: 700;
  color: #3c4045;
}
.renewed.product.application.additional-information article > .flex-col.mobile-divider {
  margin-top: 4.95rem;
  margin-bottom: 2.0125rem;
}
.renewed.product.application.additional-information article > .flex-col.mobile-divider::before {
  top: -2.475rem;
}
.renewed.product.application.additional-information article > .flex-col.mobile-divider .gap {
  gap: 1.4375rem;
}
.renewed.product.application.additional-information article > .flex-col.mobile-divider .radio-wrap {
  padding: 1.625rem 0;
  border-bottom: 0.0625rem solid #d8d8d8;
}
.renewed.product.application.additional-information article > .flex-col.mobile-divider .radio-wrap h6 {
  font-size: 1rem;
  font-weight: 500;
  color: #373737;
}
.renewed.product.application.additional-information article > .flex-col.mobile-divider .radio-wrap .radio-group {
  gap: 1.85rem;
}
.renewed.product.application.additional-information article > .flex-col.mobile-divider .radio-wrap .radio-group input[type=radio] + label {
  cursor: pointer;
  color: #b9b9b9;
  font-weight: 500;
  transition: color 0.1s ease-in;
}
.renewed.product.application.additional-information article > .flex-col.mobile-divider .radio-wrap .radio-group input[type=radio]:checked + label {
  color: #fa7300;
}
.renewed.product.application.additional-information article > .flex-col.mobile-divider > div:not(.radio-wrap) {
  margin-top: 1.5rem;
}
.renewed.product.application.additional-information article > .flex-col.mobile-divider:first-of-type {
  margin-bottom: 0.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.additional-information article > .flex-col.mobile-divider {
    margin-bottom: 5rem;
  }
  .renewed.product.application.additional-information article > .flex-col.mobile-divider:first-of-type {
    margin-top: 2.5rem;
  }
  .renewed.product.application.additional-information article > .flex-col.mobile-divider .gap {
    gap: 1.25rem;
  }
  .renewed.product.application.additional-information article > .flex-col.mobile-divider > div:not(.radio-wrap) {
    margin-top: 2rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.additional-information article > .flex-col.mobile-divider {
    margin-bottom: 5rem;
  }
  .renewed.product.application.additional-information article > .flex-col.mobile-divider:first-of-type {
    margin-top: 2.5rem;
  }
  .renewed.product.application.additional-information article > .flex-col.mobile-divider .gap {
    gap: 1.25rem;
  }
  .renewed.product.application.additional-information article > .flex-col.mobile-divider > div:not(.radio-wrap) {
    margin-top: 2rem;
  }
}
.renewed.product.application.complete .page-title {
  margin-top: 1.5rem;
}
.renewed.product.application.complete .flex-col:nth-child(1) img {
  margin: 1.5rem auto;
  width: 3.875rem;
}
.renewed.product.application.complete .flex-col:nth-child(1) .semi-bold {
  font-size: 0.85rem;
  color: #7a7a7a;
}
.renewed.product.application.complete .flex-col:nth-child(2) {
  margin: 5.95rem 0;
  text-align: center;
}
.renewed.product.application.complete .flex-col:nth-child(2)::before {
  top: -2.975rem;
}
.renewed.product.application.complete .flex-col:nth-child(2) > .flex-row {
  gap: 2.5rem;
}
.renewed.product.application.complete .flex-col:nth-child(2) > .flex-row img {
  width: 4.3125rem;
}
.renewed.product.application.complete .flex-col:nth-child(2) h3 {
  margin-top: 1.5rem;
  font-size: 1rem;
  color: #373737;
}
.renewed.product.application.complete .flex-col:nth-child(2) h4 {
  margin-top: 1rem;
  font-size: 0.75rem;
  color: #5f656e;
}
.renewed.product.application.complete .winkstone {
  margin-top: 4.95rem;
  margin-bottom: 1.65rem;
  text-align: center;
}
.renewed.product.application.complete .winkstone::before {
  top: -2.475rem;
}
.renewed.product.application.complete .winkstone .semi-bold {
  font-size: 0.8rem;
}
.renewed.product.application.complete .winkstone .medium {
  font-size: 0.75rem;
  color: #7a7a7a;
  margin-top: 0.2rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.complete .winkstone {
    margin-top: 3.75rem;
    margin-bottom: 0rem;
  }
  .renewed.product.application.complete .winkstone .semi-bold {
    font-size: 1.25rem;
  }
  .renewed.product.application.complete .winkstone .medium {
    font-size: 1.25rem;
    margin-top: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.complete .winkstone {
    margin-top: 3.75rem;
    margin-bottom: 0rem;
  }
  .renewed.product.application.complete .winkstone .semi-bold {
    font-size: 1.25rem;
  }
  .renewed.product.application.complete .winkstone .medium {
    font-size: 1.25rem;
    margin-top: 1.25rem;
  }
}
.renewed.product.application.complete .btn-container .btn {
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.complete .flex-col:nth-child(1) img {
    margin: 4.25rem auto;
    width: 6.625rem;
  }
  .renewed.product.application.complete .flex-col:nth-child(1) .semi-bold {
    font-size: 1rem;
  }
  .renewed.product.application.complete .flex-col:nth-child(2) {
    margin: 5rem 0 3.75rem;
  }
  .renewed.product.application.complete .flex-col:nth-child(2) > .flex-row {
    gap: 4.375rem;
  }
  .renewed.product.application.complete .flex-col:nth-child(2) > .flex-row img {
    width: 5.875rem;
  }
  .renewed.product.application.complete .flex-col:nth-child(2) h3 {
    margin-top: 2.9375rem;
  }
  .renewed.product.application.complete .flex-col:nth-child(2) h4 {
    margin-top: 2.5rem;
    font-size: 0.8125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.complete .flex-col:nth-child(1) img {
    margin: 4.25rem auto;
    width: 6.625rem;
  }
  .renewed.product.application.complete .flex-col:nth-child(1) .semi-bold {
    font-size: 1rem;
  }
  .renewed.product.application.complete .flex-col:nth-child(2) {
    margin: 5rem 0 3.75rem;
  }
  .renewed.product.application.complete .flex-col:nth-child(2) > .flex-row {
    gap: 4.375rem;
  }
  .renewed.product.application.complete .flex-col:nth-child(2) > .flex-row img {
    width: 5.875rem;
  }
  .renewed.product.application.complete .flex-col:nth-child(2) h3 {
    margin-top: 2.9375rem;
  }
  .renewed.product.application.complete .flex-col:nth-child(2) h4 {
    margin-top: 2.5rem;
    font-size: 0.8125rem;
  }
}
.renewed.product.application.complete .modal#pop_e_contract img {
  width: 3.125rem;
}
.renewed.product.application.complete .modal#pop_e_contract .flex-row {
  margin-top: 1.5rem;
  gap: 2.1875rem;
}
.renewed.product.application.complete .modal#pop_e_contract .area_text {
  font-size: 1rem;
  color: #373737;
}
.renewed.product.application.complete .modal#pop_e_contract .small_text {
  margin-top: 1.10375rem;
  font-size: 0.8125rem;
  color: #5f656e;
}
.renewed.product.application.complete .modal#pop_e_contract .modal_btn_wrap {
  margin: 0;
  margin-top: 1.5rem;
}
.renewed.product.application.step-guide.color-bg::before {
  background-color: #f5f5f5;
}
.renewed.product.application.step-guide .main_image {
  margin-top: 4rem;
  width: 9rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.step-guide .main_image {
    margin-top: 0rem;
    width: 10rem;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.step-guide .main_image {
    margin-top: 0rem;
    width: 10rem;
  }
}
.renewed.product.application.step-guide .edd_info_guide {
  gap: 0.5rem;
  max-width: 30rem;
  margin: 4.95rem 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.step-guide .edd_info_guide {
    margin: 3rem 0;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.step-guide .edd_info_guide {
    margin: 3rem 0;
  }
}
.renewed.product.application.step-guide .edd_info_guide li {
  background-color: #ffffff;
  padding: 1rem;
  display: flex;
  gap: 1rem;
  border-radius: 0.625rem;
  box-shadow: 0 0 27px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 27px rgba(0, 0, 0, 0.1);
  text-align: left;
}
.renewed.product.application.step-guide .edd_info_guide li .text p {
  font-weight: 600;
  font-size: 0.875rem;
  color: #6a6a6a;
}
.renewed.product.application.step-guide .edd_info_guide li .text h6 {
  font-weight: 700;
  font-size: 1rem;
}
.renewed.product.application.step-guide .edd_info_guide li img {
  width: 2.5rem;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.product.application.step-guide .btn {
    padding: 1rem 1.875rem;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
@media (min-width: 1225px) {
  .renewed.product.application.step-guide .btn {
    padding: 1rem 1.875rem;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
.renewed.mypage {
  padding: 1.5rem 1.3rem;
  min-height: calc(100vh - 5rem);
  display: flex;
  flex-direction: column;
  max-width: 38.75rem;
  margin: auto;
}
@media (max-width: 767px) {
  .renewed.mypage {
    padding: 3.125rem 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage {
    padding: 6.25rem 0;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage {
    padding: 6.25rem 0;
  }
}
.renewed.mypage h2 {
  font-size: 1.5rem;
  line-height: 2.1625rem;
}
.renewed.mypage h3 {
  font-size: 1.3rem;
}
.renewed.mypage h2,
.renewed.mypage h3 {
  color: #3c4045;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage h2,
  .renewed.mypage h3 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage h2,
  .renewed.mypage h3 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}
.renewed.mypage .page-title {
  font-size: 1.3rem;
  gap: 0.6rem;
  margin-bottom: 2.0125rem;
}
.renewed.mypage .page-title img {
  max-height: 1.075rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage .page-title {
    font-size: 1.875rem;
    margin-bottom: 2.25rem;
  }
  .renewed.mypage .page-title img {
    max-height: 1.4375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage .page-title {
    font-size: 1.875rem;
    margin-bottom: 2.25rem;
  }
  .renewed.mypage .page-title img {
    max-height: 1.4375rem;
  }
}
.renewed.mypage.index .user-info {
  display: flex;
  flex-direction: column;
  gap: 0.3375rem;
  margin-bottom: 1.3rem;
}
.renewed.mypage.index .user-info .user-name {
  gap: 0.4625rem;
}
.renewed.mypage.index .user-info .user-name .tag {
  font-size: 0.7rem;
  border: 0.05rem solid #fa7300;
  border-radius: 0.75rem;
  padding: 0 0.4rem;
}
.renewed.mypage.index .user-info .tags {
  gap: 0.35rem;
}
.renewed.mypage.index .user-info .tags .tag {
  color: #6a6a6a;
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  line-height: 1;
  border: 0.05rem solid #cacaca;
  border-radius: 0.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.index .user-info {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
  }
  .renewed.mypage.index .user-info .user-name {
    gap: 0.5rem;
  }
  .renewed.mypage.index .user-info .user-name .tag {
    font-size: 0.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.index .user-info {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
  }
  .renewed.mypage.index .user-info .user-name {
    gap: 0.5rem;
  }
  .renewed.mypage.index .user-info .user-name .tag {
    font-size: 0.75rem;
  }
}
.renewed.mypage.index .event-banner {
  background: #f9fafc;
  padding: 1.5rem;
  border-radius: 0.6rem;
  margin-bottom: 1rem;
}
.renewed.mypage.index .event-banner .banner-text {
  gap: 0.5rem;
}
.renewed.mypage.index .event-banner .banner-text p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #3c4045;
}
.renewed.mypage.index .event-banner .banner-text a {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  line-height: 1.4625rem;
  gap: 0.3875rem;
}
.renewed.mypage.index .event-banner .banner-text a img {
  max-height: 0.625rem;
  aspect-ratio: 1/1;
}
.renewed.mypage.index .event-banner .banner-img {
  width: 3.725rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.index .event-banner {
    padding: 1.425rem;
    border-radius: 0.57rem;
  }
  .renewed.mypage.index .event-banner .banner-text {
    gap: 0.45rem;
  }
  .renewed.mypage.index .event-banner .banner-text p {
    font-size: 0.9375rem;
    line-height: 1.425rem;
  }
  .renewed.mypage.index .event-banner .banner-text a {
    font-size: 0.75rem;
    line-height: 1.3875rem;
    gap: 0.4375rem;
  }
  .renewed.mypage.index .event-banner .banner-img {
    width: 3.125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.index .event-banner {
    padding: 1.425rem;
    border-radius: 0.57rem;
  }
  .renewed.mypage.index .event-banner .banner-text {
    gap: 0.45rem;
  }
  .renewed.mypage.index .event-banner .banner-text p {
    font-size: 0.9375rem;
    line-height: 1.425rem;
  }
  .renewed.mypage.index .event-banner .banner-text a {
    font-size: 0.75rem;
    line-height: 1.3875rem;
    gap: 0.4375rem;
  }
  .renewed.mypage.index .event-banner .banner-img {
    width: 3.125rem;
  }
}
.renewed.mypage.index .submit-alert {
  gap: 0.2575rem;
  background-color: rgba(250, 115, 0, 0.15);
  border-radius: 1.075rem;
  padding: 0.4rem 0.75rem;
}
.renewed.mypage.index .submit-alert p {
  font-size: 0.8rem;
  color: #7a7a7a;
}
.renewed.mypage.index .submit-alert a {
  margin-left: auto;
  font-size: 0.8rem;
  gap: 0.325rem;
}
.renewed.mypage.index .submit-alert a img {
  max-height: 0.525rem;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.index .submit-alert {
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
  }
  .renewed.mypage.index .submit-alert p {
    font-size: 0.8125rem;
  }
  .renewed.mypage.index .submit-alert a {
    gap: 0.4375rem;
    font-size: 0.8125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.index .submit-alert {
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
  }
  .renewed.mypage.index .submit-alert p {
    font-size: 0.8125rem;
  }
  .renewed.mypage.index .submit-alert a {
    gap: 0.4375rem;
    font-size: 0.8125rem;
  }
}
.renewed.mypage.index .my-loan {
  margin-top: 4.975rem;
}
.renewed.mypage.index .my-loan::before {
  top: -2.4875rem;
}
.renewed.mypage.index .my-loan .section-title {
  margin-bottom: 1.7375rem;
}
.renewed.mypage.index .my-loan .section-title h4 {
  color: #4b5a68;
  font-weight: 600;
  font-size: 1rem;
}
.renewed.mypage.index .my-loan .section-title a {
  font-size: 0.9rem;
  color: #999999;
  gap: 0.4rem;
}
.renewed.mypage.index .my-loan .section-title a img {
  filter: grayscale(1);
  max-height: 0.775rem;
}
.renewed.mypage.index .my-loan .loan-card-slider {
  margin-bottom: 1.7rem;
  width: 100vw;
  transform: translateX(-1.3rem);
  background-color: #fff6ee;
  padding-bottom: 3.45rem;
  position: relative;
  overflow: hidden;
}
.renewed.mypage.index .my-loan .loan-card-slider .slick-list {
  /*         margin: 0 ptr(-20); */
  padding-left: 1.3rem;
  width: calc(100% + 2.5rem);
  transform: translateX(-1.25rem);
}
.renewed.mypage.index .my-loan .loan-card-slider .slick-dots {
  bottom: 0;
  padding: 1.5rem;
  display: flex;
  justify-content: center;
  gap: 0.6rem;
}
.renewed.mypage.index .my-loan .loan-card-slider .slick-dots li {
  margin: 0;
}
.renewed.mypage.index .my-loan .loan-card-slider .slick-dots li button {
  height: unset;
}
.renewed.mypage.index .my-loan .loan-card-slider .slick-dots li button::before {
  width: 0.45rem;
  height: 0.45rem;
  background: rgba(250, 115, 0, 0.2);
}
.renewed.mypage.index .my-loan .loan-card-slider .slick-dots li.slick-active button::before {
  background-color: #fa7300;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card {
  width: 100vw;
  border-radius: 0.625rem;
  padding: 1.475rem 1.25rem 0.2rem;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-header {
  margin-bottom: 1.475rem;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-header .info {
  gap: 0.5125rem;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-header .info .loan-kind {
  gap: 0.3rem;
  font-size: 1rem;
  font-weight: bold;
  color: #373737;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-header .info .loan-kind a {
  margin-left: auto;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-header .info .loan-account {
  font-size: 0.8rem;
  color: #8b8b8b;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-content {
  gap: 0.5625rem;
  margin-bottom: 1.5rem;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-content p {
  font-size: 1.7rem;
  color: #3c4045;
  line-height: 1.75rem;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer {
  gap: 1rem;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer .btn-container {
  gap: 0.5rem;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer .btn-container a {
  flex: 1;
  font-size: 1rem;
  padding: 0.90625rem;
  border-radius: 0.625rem;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer .loan-due {
  justify-content: flex-end;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 600;
  gap: 0.4rem;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer .loan-due .text {
  color: #6a6a6a;
  padding: 0.2125rem 1rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
}
.renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer .loan-due .number {
  color: #8b8b8b;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.index .my-loan {
    margin-top: 2.5rem;
  }
  .renewed.mypage.index .my-loan .section-title {
    margin-bottom: 1.66375rem;
  }
  .renewed.mypage.index .my-loan .section-title h4 {
    font-size: 0.95rem;
  }
  .renewed.mypage.index .my-loan .section-title a {
    font-size: 0.855rem;
    gap: 0.35rem;
  }
  .renewed.mypage.index .my-loan .section-title a img {
    max-height: 0.7375rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider {
    overflow: hidden;
    margin-bottom: 1.25rem;
    width: 100%;
    transform: none;
    background-color: transparent;
    padding-bottom: 2.9275rem;
    /* the slides */
    /* the parent */
  }
  .renewed.mypage.index .my-loan .loan-card-slider .slick-list {
    padding-left: 0;
    width: unset;
    transform: none;
    gap: 0.625rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .slick-slide {
    margin: 0 0.625rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .slick-list {
    margin: 0 -0.625rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .slick-dots {
    padding: 1.25rem;
    gap: 0.5725rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .slick-dots li button::before {
    width: 0.4275rem;
    height: 0.4275rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card {
    background-color: #fff6ee;
    padding: 1.475rem 1.25rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-header {
    margin-bottom: 1.40625rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-header .info {
    gap: 0.49rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-header .info .loan-kind {
    gap: 0.285rem;
    font-size: 0.95rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-header .info .loan-account {
    font-size: 0.76rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-content {
    margin-bottom: 1.4rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-content p {
    font-size: 1.615rem;
    line-height: 1.6625rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer {
    gap: 0.95rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer .btn-container {
    gap: 0.475rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer .btn-container a {
    font-size: 0.95rem;
    padding: 0.8625rem;
    border-radius: 0.59375rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer .loan-due {
    font-size: 0.7125rem;
    gap: 0.38rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer .loan-due .text {
    padding: 0.175rem 0.9125rem;
    border-radius: 0.7125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.index .my-loan {
    margin-top: 2.5rem;
  }
  .renewed.mypage.index .my-loan .section-title {
    margin-bottom: 1.66375rem;
  }
  .renewed.mypage.index .my-loan .section-title h4 {
    font-size: 0.95rem;
  }
  .renewed.mypage.index .my-loan .section-title a {
    font-size: 0.855rem;
    gap: 0.35rem;
  }
  .renewed.mypage.index .my-loan .section-title a img {
    max-height: 0.7375rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider {
    overflow: hidden;
    margin-bottom: 1.25rem;
    width: 100%;
    transform: none;
    background-color: transparent;
    padding-bottom: 2.9275rem;
    /* the slides */
    /* the parent */
  }
  .renewed.mypage.index .my-loan .loan-card-slider .slick-list {
    padding-left: 0;
    width: unset;
    transform: none;
    gap: 0.625rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .slick-slide {
    margin: 0 0.625rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .slick-list {
    margin: 0 -0.625rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .slick-dots {
    padding: 1.25rem;
    gap: 0.5725rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .slick-dots li button::before {
    width: 0.4275rem;
    height: 0.4275rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card {
    background-color: #fff6ee;
    padding: 1.475rem 1.25rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-header {
    margin-bottom: 1.40625rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-header .info {
    gap: 0.49rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-header .info .loan-kind {
    gap: 0.285rem;
    font-size: 0.95rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-header .info .loan-account {
    font-size: 0.76rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-content {
    margin-bottom: 1.4rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-content p {
    font-size: 1.615rem;
    line-height: 1.6625rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer {
    gap: 0.95rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer .btn-container {
    gap: 0.475rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer .btn-container a {
    font-size: 0.95rem;
    padding: 0.8625rem;
    border-radius: 0.59375rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer .loan-due {
    font-size: 0.7125rem;
    gap: 0.38rem;
  }
  .renewed.mypage.index .my-loan .loan-card-slider .loan-card .card-footer .loan-due .text {
    padding: 0.175rem 0.9125rem;
    border-radius: 0.7125rem;
  }
}
.renewed.mypage.index .quick-menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  grid-template-rows: repeat(auto, 1fr);
}
.renewed.mypage.index .quick-menu .quick-menu-item {
  background-color: #f6f6f6;
  padding: 0.9rem;
  border-radius: 0.6rem;
  position: relative;
  aspect-ratio: 1/1;
  transition: background-color 0.2s ease-out;
}
.renewed.mypage.index .quick-menu .quick-menu-item:hover {
  background-color: #ffd8b7;
}
.renewed.mypage.index .quick-menu .quick-menu-item p {
  font-size: 0.9rem;
  color: #373737;
}
.renewed.mypage.index .quick-menu .quick-menu-item img {
  display: block;
  align-self: flex-end;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  height: 45%;
  bottom: 0.625rem;
  right: 0.625rem;
}
.renewed.mypage.index .quick-menu .quick-menu-item#addMenu {
  align-items: center;
  justify-content: center;
}
.renewed.mypage.index .quick-menu .quick-menu-item#addMenu img {
  width: 1.5rem;
  aspect-ratio: 1/1;
  height: unset;
  margin-bottom: 0.4rem;
  position: relative;
  align-self: center;
  right: unset;
  bottom: unset;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.index .quick-menu {
    grid-template-columns: repeat(5, 1fr);
    gap: 0.765625rem;
    grid-template-rows: repeat(auto, 1fr);
  }
  .renewed.mypage.index .quick-menu .quick-menu-item p {
    font-size: 0.9375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.index .quick-menu {
    grid-template-columns: repeat(5, 1fr);
    gap: 0.765625rem;
    grid-template-rows: repeat(auto, 1fr);
  }
  .renewed.mypage.index .quick-menu .quick-menu-item p {
    font-size: 0.9375rem;
  }
}
.renewed.mypage.manage-info .user-info {
  gap: 0.4625rem;
  margin-bottom: 1.9875rem;
}
.renewed.mypage.manage-info .user-info .user-name {
  font-size: 1.5rem;
  color: #3c4045;
}
.renewed.mypage.manage-info .user-info .tag {
  font-size: 0.7rem;
  line-height: 1;
  border: 0.05rem solid #fa7300;
  border-radius: 0.75rem;
  padding: 0.125rem 0.4125rem;
}
.renewed.mypage.manage-info .user-info .log-out {
  background: #ececec;
  border-color: transparent;
  color: #6a6a6a;
  font-size: 0.75rem;
  padding: 0.25rem 0.625rem;
  border-radius: 0.75rem;
  cursor: pointer;
  margin-left: auto;
}
.renewed.mypage.manage-info section:not(.user-info) {
  padding: 1.725rem 0;
  border-top: 0.025rem solid #dddee1;
}
.renewed.mypage.manage-info section:not(.user-info) > div:first-of-type h6 {
  font-size: 1rem;
  color: #4b5a68;
  font-weight: 600;
}
.renewed.mypage.manage-info section:not(.user-info) > div:first-of-type a {
  color: #fa7300;
  font-size: 0.9rem;
  gap: 0.4125rem;
}
.renewed.mypage.manage-info section:not(.user-info) .info-list {
  margin-top: 1rem;
  font-size: 0.95rem;
  gap: 0.875rem;
}
.renewed.mypage.manage-info section:not(.user-info) .info-list .light {
  color: #7a7a7a;
  font-weight: 600;
}
.renewed.mypage.manage-info section:not(.user-info) .info-list .dark {
  color: #4c4949;
  font-weight: 500;
}
.renewed.mypage.manage-info .delete-account-btn {
  margin-top: auto;
  font-size: 0.75rem;
  color: #999999;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-info .user-info {
    gap: 0.5rem;
    margin-bottom: 2.5625rem;
  }
  .renewed.mypage.manage-info .user-info .user-name {
    font-size: 1.875rem;
  }
  .renewed.mypage.manage-info .user-info .tag {
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
  }
  .renewed.mypage.manage-info .user-info .log-out {
    border-radius: 0.7125rem;
  }
  .renewed.mypage.manage-info section:not(.user-info) {
    border-top: 0.0625rem solid #d8d8d8;
  }
  .renewed.mypage.manage-info section:not(.user-info) .info-list {
    margin-top: 1.0375rem;
    font-size: 0.9375rem;
  }
  .renewed.mypage.manage-info .delete-account-btn {
    margin-top: 1.275rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-info .user-info {
    gap: 0.5rem;
    margin-bottom: 2.5625rem;
  }
  .renewed.mypage.manage-info .user-info .user-name {
    font-size: 1.875rem;
  }
  .renewed.mypage.manage-info .user-info .tag {
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
  }
  .renewed.mypage.manage-info .user-info .log-out {
    border-radius: 0.7125rem;
  }
  .renewed.mypage.manage-info section:not(.user-info) {
    border-top: 0.0625rem solid #d8d8d8;
  }
  .renewed.mypage.manage-info section:not(.user-info) .info-list {
    margin-top: 1.0375rem;
    font-size: 0.9375rem;
  }
  .renewed.mypage.manage-info .delete-account-btn {
    margin-top: 1.275rem;
  }
}
.renewed.mypage.edit-info .member-info > div:first-of-type h6 {
  font-size: 1rem;
  color: #4b5a68;
  font-weight: 600;
}
.renewed.mypage.edit-info .member-info .info-list {
  margin-top: 1.5125rem;
  gap: 1.5125rem;
}
.renewed.mypage.edit-info .member-info .info-list .flex-col {
  gap: 0.7125rem;
}
.renewed.mypage.edit-info .member-info .info-list .flex-col .light {
  color: #4b5a68;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 1;
}
.renewed.mypage.edit-info .member-info .info-list .flex-col .dark {
  color: #4c4949;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
}
.renewed.mypage.edit-info .member-info .info-list .flex-col .change-btn {
  cursor: pointer;
  gap: 0.4125rem;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1;
}
.renewed.mypage.edit-info .member-info .info-list .flex-col .change-btn img {
  max-height: 0.775rem;
}
.renewed.mypage.edit-info .guide {
  text-align: center;
  margin: 4.9625rem 0 2.45rem;
}
.renewed.mypage.edit-info .guide::before {
  top: -2.48125rem;
}
.renewed.mypage.edit-info .guide .semi-bold {
  font-size: 0.85rem;
  line-height: 1.275rem;
  color: #999999;
  margin-bottom: 1.9625rem;
}
.renewed.mypage.edit-info .guide .bold {
  font-size: 0.8rem;
  line-height: 1.25rem;
  color: #373737;
  margin-bottom: 0.2rem;
}
.renewed.mypage.edit-info .guide .medium {
  font-size: 0.75rem;
  color: #7a7a7a;
  line-height: 1.4rem;
  letter-spacing: -0.03em;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.edit-info .guide {
    margin: 5.125rem 0 3.4rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.edit-info .guide {
    margin: 5.125rem 0 3.4rem;
  }
}
.renewed.mypage.edit-info .save-btn {
  margin: auto auto 0;
  margin-top: auto;
  padding: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  border-radius: 0.625rem;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.edit-info .save-btn {
    margin: 0 auto 0;
    font-size: 1.0625rem;
    max-width: 13.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.edit-info .save-btn {
    margin: 0 auto 0;
    font-size: 1.0625rem;
    max-width: 13.75rem;
  }
}
.renewed.mypage.manage-businesses .business-info .business-list {
  gap: 0.625rem;
  margin-bottom: 1rem;
}
.renewed.mypage.manage-businesses .business-info .business-list .business-item {
  padding: 1rem;
  border-radius: 0.625rem;
  gap: 0.2rem;
}
.renewed.mypage.manage-businesses .business-info .business-list .business-item.corporate {
  background-color: #fff6ee;
}
.renewed.mypage.manage-businesses .business-info .business-list .business-item.individual {
  background-color: #f5f5f5;
}
.renewed.mypage.manage-businesses .business-info .business-list .business-item .flex-row:first-child {
  align-items: center;
  gap: 0.4rem;
}
.renewed.mypage.manage-businesses .business-info .business-list .business-item .flex-row:first-child .tag {
  font-size: 0.7rem;
  padding: 0.125rem 0.4rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
  font-weight: 600;
  color: #6e6e6e;
}
.renewed.mypage.manage-businesses .business-info .business-list .business-item .flex-row:first-child .business-name {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.renewed.mypage.manage-businesses .business-info .business-list .business-item .flex-row:first-child .badge {
  margin-left: auto;
  font-weight: 600;
  font-size: 0.7rem;
  border-radius: 0.75rem;
  color: #ffffff;
  padding: 0.125rem 0.4rem;
  background-color: #fa7300;
}
.renewed.mypage.manage-businesses .business-info .business-list .business-item .flex-row:last-child {
  line-height: 1.1rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #8b8b8b;
}
.renewed.mypage.manage-businesses .business-info .add-busienss-btn {
  margin: auto auto 0;
  margin-top: auto;
  padding: 1.0625rem;
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 0.63625rem;
  width: 100%;
  border: 0.05rem solid #ffc798;
  color: #fa7300;
  background-color: white;
  gap: 0.3rem;
  cursor: pointer;
}
.renewed.mypage.manage-businesses .business-info .add-busienss-btn img {
  width: 0.8rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-businesses .business-info .business-list .business-item {
    padding: 1rem 1.125rem;
  }
  .renewed.mypage.manage-businesses .business-info .add-busienss-btn {
    font-size: 0.95rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-businesses .business-info .business-list .business-item {
    padding: 1rem 1.125rem;
  }
  .renewed.mypage.manage-businesses .business-info .add-busienss-btn {
    font-size: 0.95rem;
  }
}
.renewed.mypage.manage-businesses .guide {
  text-align: center;
  margin: 4.9625rem 0 2.45rem;
}
.renewed.mypage.manage-businesses .guide::before {
  top: -2.48125rem;
}
.renewed.mypage.manage-businesses .guide .semi-bold {
  font-size: 0.85rem;
  line-height: 1.275rem;
  color: #999999;
  margin-bottom: 1.9625rem;
}
.renewed.mypage.manage-businesses .guide .bold {
  font-size: 0.8rem;
  line-height: 1.25rem;
  color: #373737;
  margin-bottom: 0.2rem;
}
.renewed.mypage.manage-businesses .guide .medium {
  font-size: 0.75rem;
  color: #7a7a7a;
  line-height: 1.4rem;
  letter-spacing: -0.03em;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-businesses .guide {
    margin: 5.125rem 0 3.4rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-businesses .guide {
    margin: 5.125rem 0 3.4rem;
  }
}
.renewed.mypage.manage-businesses .modal#addBusiness .modal_btn_wrap {
  margin-top: 1.5rem;
}
.renewed.mypage.manage-businesses .modal#addBusiness .area_text {
  text-align: left;
  font-size: 0.85rem;
  line-height: 1.4rem;
  color: #7a7a7a;
  margin-bottom: 0.5625rem;
}
.renewed.mypage.manage-businesses .modal#addBusiness .btn_wrap {
  gap: 0.55rem;
}
.renewed.mypage.manage-businesses .modal#addBusiness .btn_wrap button {
  font-size: 0.95rem;
  font-weight: 600;
  padding: 1rem;
  border-radius: 0.625rem;
}
.renewed.mypage.manage-businesses .modal#addBusiness button#btn_search_address {
  max-width: unset;
  width: 100%;
  margin-top: 0.7rem;
}
.renewed.mypage.manage-businesses .modal#addBusiness .form_wrap .btn_delete {
  width: 1.1rem;
}
.renewed.mypage.manage-business-info .business-info .business-list-slider {
  position: relative;
  gap: 0.625rem;
  margin-bottom: 3.15rem;
  /* the slides */
  /* the parent */
}
.renewed.mypage.manage-business-info .business-info .business-list-slider .slick-slide {
  margin: 0 0.25rem;
}
.renewed.mypage.manage-business-info .business-info .business-list-slider .slick-list {
  margin: 0 -0.25rem;
}
.renewed.mypage.manage-business-info .business-info .business-list-slider .slick-dots {
  padding: 0.625rem;
  top: 100%;
  bottom: unset;
}
.renewed.mypage.manage-business-info .business-info .business-list-slider .slick-dots li {
  height: unset;
}
.renewed.mypage.manage-business-info .business-info .business-list-slider .slick-dots li button {
  height: unset;
}
.renewed.mypage.manage-business-info .business-info .business-list-slider .slick-dots li button::before {
  width: 0.45rem;
  height: 0.45rem;
}
.renewed.mypage.manage-business-info .business-info .business-list-slider .slick-dots li:not(.slick-active) button::before {
  background-color: rgba(250, 115, 0, 0.2);
}
.renewed.mypage.manage-business-info .business-info .business-list-slider .business-item {
  transition: all 0.05s ease-in;
  padding: 1.225rem 1rem;
  border-radius: 0.625rem;
  gap: 0.4rem;
  cursor: pointer;
  background-color: #f5f5f5;
}
.renewed.mypage.manage-business-info .business-info .business-list-slider .business-item.active {
  background-color: #fff6ee;
}
.renewed.mypage.manage-business-info .business-info .business-list-slider .business-item .flex-row:first-child {
  align-items: center;
}
.renewed.mypage.manage-business-info .business-info .business-list-slider .business-item .flex-row:first-child .badge {
  font-weight: 600;
  font-size: 0.7rem;
  border-radius: 0.75rem;
  padding: 0.125rem 0.4rem;
  background-color: #ffffff;
  color: #6e6e6e;
}
.renewed.mypage.manage-business-info .business-info .business-list-slider .business-item .flex-row:first-child .badge.rep {
  color: #ffffff;
  background-color: #fa7300;
}
.renewed.mypage.manage-business-info .business-info .business-list-slider .business-item .flex-row:last-child {
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #6e6e6e;
}
.renewed.mypage.manage-business-info .detail-card-list .detail-card {
  max-height: 0;
  overflow: hidden;
  padding: 0 1.25rem;
  background-color: #f5f5f5;
  gap: 1.0375rem;
  border-radius: 0.625rem;
}
.renewed.mypage.manage-business-info .detail-card-list .detail-card h6 {
  font-size: 1rem;
  font-weight: 700;
  color: #373737;
}
.renewed.mypage.manage-business-info .detail-card-list .detail-card .detail-info-list {
  gap: 1rem;
  line-height: 1;
  font-size: 0.95rem;
}
.renewed.mypage.manage-business-info .detail-card-list .detail-card .detail-info-list .light {
  font-weight: 600;
  color: #7a7a7a;
}
.renewed.mypage.manage-business-info .detail-card-list .detail-card .detail-info-list .dart {
  font-weight: 500;
  color: #4c4949;
}
.renewed.mypage.manage-business-info .detail-card-list .detail-card.active {
  max-height: 1000px;
  padding: 1.25rem 1.25rem;
}
.renewed.mypage.manage-business-info .guide {
  text-align: center;
  margin: 4.9625rem 0 2.45rem;
}
.renewed.mypage.manage-business-info .guide::before {
  top: -2.48125rem;
}
.renewed.mypage.manage-business-info .guide .semi-bold {
  font-size: 0.85rem;
  line-height: 1.275rem;
  color: #999999;
  margin-bottom: 1.9625rem;
}
.renewed.mypage.manage-business-info .guide .bold {
  font-size: 0.8rem;
  line-height: 1.25rem;
  color: #373737;
  margin-bottom: 0.2rem;
}
.renewed.mypage.manage-business-info .guide .medium {
  font-size: 0.75rem;
  color: #7a7a7a;
  line-height: 1.4rem;
  letter-spacing: -0.03em;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-business-info .guide {
    margin: 5.125rem 0 3.4rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-business-info .guide {
    margin: 5.125rem 0 3.4rem;
  }
}
.renewed.mypage.manage-loans .loan-alert {
  gap: 0.2575rem;
  background-color: rgba(250, 115, 0, 0.15);
  border-radius: 1.075rem;
  padding: 0.4rem 0.75rem;
}
.renewed.mypage.manage-loans .loan-alert p {
  font-size: 0.8rem;
  color: #7a7a7a;
}
.renewed.mypage.manage-loans .loan-alert a {
  margin-left: auto;
  font-size: 0.8rem;
  gap: 0.325rem;
}
.renewed.mypage.manage-loans .loan-alert a img {
  max-height: 0.525rem;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-loans .loan-alert {
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
  }
  .renewed.mypage.manage-loans .loan-alert p {
    font-size: 0.8125rem;
  }
  .renewed.mypage.manage-loans .loan-alert a {
    gap: 0.4375rem;
    font-size: 0.8125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-loans .loan-alert {
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
  }
  .renewed.mypage.manage-loans .loan-alert p {
    font-size: 0.8125rem;
  }
  .renewed.mypage.manage-loans .loan-alert a {
    gap: 0.4375rem;
    font-size: 0.8125rem;
  }
}
.renewed.mypage.manage-loans .remaining-loan {
  margin-top: 1.7rem;
  padding-bottom: 2.0125rem;
  border-bottom: 0.075rem solid #d8d8d8;
}
.renewed.mypage.manage-loans .remaining-loan .text {
  font-size: 0.95rem;
  color: #4b5a68;
  margin-bottom: 0.8rem;
}
.renewed.mypage.manage-loans .remaining-loan .amount {
  font-size: 1.3rem;
  font-weight: 700;
  color: #3c4045;
  margin-bottom: 1.7rem;
}
.renewed.mypage.manage-loans .remaining-loan .pay-today {
  gap: 0.7rem;
}
.renewed.mypage.manage-loans .remaining-loan .pay-today .img-wrap {
  width: 2.2rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #f5f5f5;
  display: grid;
  place-items: center;
}
.renewed.mypage.manage-loans .remaining-loan .pay-today .img-wrap img {
  display: block;
  width: 70%;
}
.renewed.mypage.manage-loans .remaining-loan .pay-today .flex-col {
  gap: 0.275rem;
}
.renewed.mypage.manage-loans .remaining-loan .pay-today .flex-col .light {
  color: #8b8b8b;
}
.renewed.mypage.manage-loans .remaining-loan .pay-today .flex-col .dark {
  color: #373737;
}
.renewed.mypage.manage-loans .remaining-loan .pay-today .flex-col p:first-child {
  font-size: 0.75rem;
}
.renewed.mypage.manage-loans .remaining-loan .pay-today .flex-col p:nth-child(2) {
  font-size: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-loans .remaining-loan {
    margin-top: 2.25rem;
    padding-bottom: 2.5375rem;
    border-bottom: 0.0625rem solid #d8d8d8;
  }
  .renewed.mypage.manage-loans .remaining-loan .amount {
    margin-bottom: 1.7625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-loans .remaining-loan {
    margin-top: 2.25rem;
    padding-bottom: 2.5375rem;
    border-bottom: 0.0625rem solid #d8d8d8;
  }
  .renewed.mypage.manage-loans .remaining-loan .amount {
    margin-bottom: 1.7625rem;
  }
}
.renewed.mypage.manage-loans .my-loan-list {
  padding: 1.7rem 0;
}
.renewed.mypage.manage-loans .my-loan-list h6 {
  font-size: 1rem;
  color: #4b5a68;
}
.renewed.mypage.manage-loans .my-loan-list > ul .loan-item {
  padding: 1.7rem 0;
}
.renewed.mypage.manage-loans .my-loan-list > ul .loan-item:not(:last-child) {
  border-bottom: 0.05rem solid #d8d8d8;
}
.renewed.mypage.manage-loans .my-loan-list > ul .loan-item .loan-name {
  font-size: 1rem;
}
.renewed.mypage.manage-loans .my-loan-list > ul .loan-item .loan-status {
  font-size: 0.95rem;
}
.renewed.mypage.manage-loans .my-loan-list > ul .loan-item .detail-list {
  font-size: 0.75rem;
  line-height: 1.1rem;
  color: #8b8b8b;
  margin-top: 0.3875rem;
}
.renewed.mypage.manage-loans .my-loan-list > ul .loan-item .badge {
  font-size: 0.7rem;
  color: #4b5a68;
  font-weight: 600;
  background-color: #f3f4f6;
  padding: 0.125rem 0.4rem;
  border-radius: 0.75rem;
}
.renewed.mypage.manage-loans .my-loan-list > ul .loan-item .amount {
  margin-top: 0.4625rem;
  font-size: 1rem;
  color: #373737;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-loans .my-loan-list {
    padding: 2.5rem 0;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-loans .my-loan-list {
    padding: 2.5rem 0;
  }
}
.renewed.mypage.loan-status .loan-info {
  margin-bottom: 2rem;
}
.renewed.mypage.loan-status .loan-info h6 {
  font-size: 1rem;
  margin-bottom: 0.8125rem;
  color: #373737;
}
.renewed.mypage.loan-status .loan-info .amount {
  font-size: 1.7rem;
  font-weight: 700;
  color: #3c4045;
  margin-bottom: 1.5rem;
}
.renewed.mypage.loan-status .loan-info .flex-row {
  font-size: 0.75rem;
  font-weight: 600;
  gap: 0.4rem;
}
.renewed.mypage.loan-status .loan-info .flex-row .dark {
  color: #6a6a6a;
}
.renewed.mypage.loan-status .loan-info .flex-row .light {
  color: #8b8b8b;
}
.renewed.mypage.loan-status .loan-info .flex-row .badge {
  background-color: #ececec;
  border-radius: 0.75rem;
  padding: 0.2125rem;
  width: 3.9rem;
  display: grid;
  place-items: center;
  line-height: 1;
}
.renewed.mypage.loan-status .loan-info .flex-row:not(:last-child) {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.loan-status .loan-info {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.loan-status .loan-info {
    margin-bottom: 2.5rem;
  }
}
.renewed.mypage.loan-status .loan-info .quick-menu-item {
  background-color: #f6f6f6;
  padding: 0.9rem;
  border-radius: 0.6rem;
  position: relative;
  aspect-ratio: 1/1;
  transition: background-color 0.2s ease-out;
}
.renewed.mypage.loan-status .loan-info .quick-menu-item:hover {
  background-color: #ffd8b7;
}
.renewed.mypage.loan-status .loan-info .quick-menu-item p {
  font-size: 0.9rem;
  color: #373737;
}
.renewed.mypage.loan-status .loan-info .quick-menu-item img {
  display: block;
  align-self: flex-end;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  height: 45%;
  bottom: 0.625rem;
  right: 0.625rem;
}
.renewed.mypage.loan-status .loan-info .quick-menu-item#addMenu {
  align-items: center;
  justify-content: center;
}
.renewed.mypage.loan-status .loan-info .quick-menu-item#addMenu img {
  width: 1.5rem;
  aspect-ratio: 1/1;
  height: unset;
  margin-bottom: 0.4rem;
  position: relative;
  align-self: center;
  right: unset;
  bottom: unset;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.loan-status .loan-info {
    grid-template-columns: repeat(5, 1fr);
    gap: 0.765625rem;
    grid-template-rows: repeat(auto, 1fr);
  }
  .renewed.mypage.loan-status .loan-info .quick-menu-item p {
    font-size: 0.9375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.loan-status .loan-info {
    grid-template-columns: repeat(5, 1fr);
    gap: 0.765625rem;
    grid-template-rows: repeat(auto, 1fr);
  }
  .renewed.mypage.loan-status .loan-info .quick-menu-item p {
    font-size: 0.9375rem;
  }
}
.renewed.mypage.loan-status .application-notice {
  margin: 0 -1.25rem;
  background-color: #fff6ee;
  padding: 1rem 1.75rem;
  padding-left: 4.9rem;
  font-size: 0.95rem;
  line-height: 1.5rem;
  gap: 0.3rem;
  align-items: center;
  position: relative;
  margin-bottom: 1.9875rem;
}
.renewed.mypage.loan-status .application-notice img {
  width: 2.85rem;
  position: absolute;
  left: 1.75rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.loan-status .application-notice {
    margin: 0;
    background-color: #fff6ee;
    padding: 1rem 1.4375rem;
    padding-left: 4.475rem;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
  }
  .renewed.mypage.loan-status .application-notice img {
    width: 2.4375rem;
    left: 1.4375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.loan-status .application-notice {
    margin: 0;
    background-color: #fff6ee;
    padding: 1rem 1.4375rem;
    padding-left: 4.475rem;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
  }
  .renewed.mypage.loan-status .application-notice img {
    width: 2.4375rem;
    left: 1.4375rem;
  }
}
.renewed.mypage.loan-status .detail-info ul {
  display: grid;
  grid-auto-rows: 1fr;
  gap: 0.6rem;
}
.renewed.mypage.loan-status .detail-info ul .detail-item {
  display: flex;
  flex-direction: row;
  gap: 0.7rem;
  background-color: #f5f5f5;
  border-radius: 0.625rem;
  padding: 0.75rem 0.975rem;
  align-items: center;
}
.renewed.mypage.loan-status .detail-info ul .detail-item .loan-status {
  font-size: 0.95rem;
  font-weight: 600;
  color: #999999;
}
.renewed.mypage.loan-status .detail-info ul .detail-item .application-status {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.1625rem 0.4375rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
  color: #727171;
  line-height: 1;
}
.renewed.mypage.loan-status .detail-info ul .detail-item .detail-stamp {
  margin-left: auto;
  font-size: 0.75rem;
  font-weight: 600;
  color: #8b8b8b;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.loan-status .detail-info ul {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .renewed.mypage.loan-status .detail-info ul .detail-item {
    flex-direction: column;
    flex: 1;
    gap: unset;
    background-color: #f5f5f5;
    padding: 1.125rem 0.875rem;
    align-items: flex-start;
  }
  .renewed.mypage.loan-status .detail-info ul .detail-item .loan-status {
    font-size: 0.9375rem;
    margin-bottom: 0.6625rem;
  }
  .renewed.mypage.loan-status .detail-info ul .detail-item .application-status {
    margin-bottom: 1.275rem;
  }
  .renewed.mypage.loan-status .detail-info ul .detail-item .detail-stamp {
    margin-left: unset;
    margin-top: auto;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.loan-status .detail-info ul {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .renewed.mypage.loan-status .detail-info ul .detail-item {
    flex-direction: column;
    flex: 1;
    gap: unset;
    background-color: #f5f5f5;
    padding: 1.125rem 0.875rem;
    align-items: flex-start;
  }
  .renewed.mypage.loan-status .detail-info ul .detail-item .loan-status {
    font-size: 0.9375rem;
    margin-bottom: 0.6625rem;
  }
  .renewed.mypage.loan-status .detail-info ul .detail-item .application-status {
    margin-bottom: 1.275rem;
  }
  .renewed.mypage.loan-status .detail-info ul .detail-item .detail-stamp {
    margin-left: unset;
    margin-top: auto;
  }
}
.renewed.mypage.loan-status .guide {
  text-align: center;
  margin: 4.9625rem 0 2.45rem;
}
.renewed.mypage.loan-status .guide::before {
  top: -2.48125rem;
}
.renewed.mypage.loan-status .guide .semi-bold {
  font-size: 0.85rem;
  line-height: 1.275rem;
  color: #999999;
  margin-bottom: 1.9625rem;
}
.renewed.mypage.loan-status .guide .bold {
  font-size: 0.8rem;
  line-height: 1.25rem;
  color: #373737;
  margin-bottom: 0.2rem;
}
.renewed.mypage.loan-status .guide .medium {
  font-size: 0.75rem;
  color: #7a7a7a;
  line-height: 1.4rem;
  letter-spacing: -0.03em;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.loan-status .guide {
    margin: 5.125rem 0 3.4rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.loan-status .guide {
    margin: 5.125rem 0 3.4rem;
  }
}
.renewed.mypage.repayment-status .loan-card {
  width: 100vw;
  margin: 0 -1.25rem;
  background-color: #fff6ee;
  padding: 1.675rem 1.25rem;
}
.renewed.mypage.repayment-status .loan-card .card-header .info-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.renewed.mypage.repayment-status .loan-card .card-header .info {
  gap: 0.5125rem;
}
.renewed.mypage.repayment-status .loan-card .card-header .info .loan-kind {
  gap: 0.3rem;
  font-size: 1rem;
  font-weight: bold;
  color: #373737;
}
.renewed.mypage.repayment-status .loan-card .card-header .info .loan-kind a {
  margin-left: auto;
}
.renewed.mypage.repayment-status .loan-card .card-header .info .loan-account {
  font-size: 0.8rem;
  color: #8b8b8b;
  margin-bottom: 0.675rem;
}
.renewed.mypage.repayment-status .loan-card .card-header .additional-info {
  display: flex;
  flex-direction: row;
  margin-bottom: 1.475rem;
}
.renewed.mypage.repayment-status .loan-card .card-header .additional-info > div {
  display: flex;
  flex-direction: row;
  flex: 1;
  font-size: 0.75rem;
  font-weight: 600;
  gap: 0.4rem;
  align-items: center;
}
.renewed.mypage.repayment-status .loan-card .card-header .additional-info > div .text {
  background-color: #ffffff;
  color: #6a6a6a;
  padding: 0.2375rem;
  border-radius: 0.75rem;
  width: 3.9rem;
  text-align: center;
}
.renewed.mypage.repayment-status .loan-card .card-header .additional-info > div .number {
  color: #8b8b8b;
}
.renewed.mypage.repayment-status .loan-card .card-content {
  gap: 0.5rem;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}
.renewed.mypage.repayment-status .loan-card .card-content .bold {
  font-size: 1.7rem;
  color: #3c4045;
  line-height: 1.75rem;
}
.renewed.mypage.repayment-status .loan-card .card-content .medium {
  font-size: 0.8rem;
  font-weight: 500;
  color: #727171;
}
.renewed.mypage.repayment-status .loan-card .card-footer .btn-container {
  gap: 0.5rem;
}
.renewed.mypage.repayment-status .loan-card .card-footer .btn-container a {
  flex: 1;
  font-size: 1rem;
  padding: 0.90625rem;
  border-radius: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.repayment-status .loan-card {
    width: 100%;
    margin: 0;
    padding: 1.675rem 1.25rem;
  }
  .renewed.mypage.repayment-status .loan-card .card-header {
    margin-bottom: 0.675rem;
  }
  .renewed.mypage.repayment-status .loan-card .card-header .info-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: between;
  }
  .renewed.mypage.repayment-status .loan-card .card-header .info .loan-account {
    margin-bottom: 0;
  }
  .renewed.mypage.repayment-status .loan-card .card-header .additional-info {
    flex-direction: column;
    gap: 0.475rem;
    margin-bottom: 0;
  }
  .renewed.mypage.repayment-status .loan-card .card-header .additional-info > div {
    flex-direction: row;
  }
  .renewed.mypage.repayment-status .loan-card .card-content {
    margin-bottom: 1rem;
  }
  .renewed.mypage.repayment-status .loan-card .card-footer .btn-container {
    gap: 0.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.repayment-status .loan-card {
    width: 100%;
    margin: 0;
    padding: 1.675rem 1.25rem;
  }
  .renewed.mypage.repayment-status .loan-card .card-header {
    margin-bottom: 0.675rem;
  }
  .renewed.mypage.repayment-status .loan-card .card-header .info-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: between;
  }
  .renewed.mypage.repayment-status .loan-card .card-header .info .loan-account {
    margin-bottom: 0;
  }
  .renewed.mypage.repayment-status .loan-card .card-header .additional-info {
    flex-direction: column;
    gap: 0.475rem;
    margin-bottom: 0;
  }
  .renewed.mypage.repayment-status .loan-card .card-header .additional-info > div {
    flex-direction: row;
  }
  .renewed.mypage.repayment-status .loan-card .card-content {
    margin-bottom: 1rem;
  }
  .renewed.mypage.repayment-status .loan-card .card-footer .btn-container {
    gap: 0.75rem;
  }
}
.renewed.mypage.repayment-status .no-result-text {
  font-size: 1.25rem;
  margin: 3.75rem 1.25rem;
  color: #aaaaaa;
}
.renewed.mypage.repayment-status .repayment-history .search-bar {
  width: 100vw;
  margin: 0 -1.25rem;
  background-color: #f8f8f8;
  padding: 1.25rem 0.9375rem;
  font-size: 0.85rem;
  justify-content: space-between;
}
.renewed.mypage.repayment-status .repayment-history .search-bar .light {
  color: #999999;
}
.renewed.mypage.repayment-status .repayment-history .search-bar .dark {
  color: #6e6e6e;
}
.renewed.mypage.repayment-status .repayment-history .search-bar select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: auto;
  outline: none;
  border: none;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  padding: 0 0.725rem;
  font-weight: 600;
  position: relative;
  vertical-align: middle;
  background: url("/resources/fo/loanone/common/images/icons/icon-triangle-down-dark-gray.svg") no-repeat;
  background-size: 0.35rem;
  background-position: 0 center;
}
.renewed.mypage.repayment-status .repayment-history .search-bar .search-btn {
  display: block;
  padding: 0;
  width: 1.1rem;
  cursor: pointer;
}
.renewed.mypage.repayment-status .repayment-history .search-bar .search-btn img {
  display: block;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.repayment-status .repayment-history .search-bar {
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.repayment-status .repayment-history .search-bar {
    width: 100%;
    margin: 0;
  }
}
.renewed.mypage.repayment-status .repayment-history .history-list .history-item {
  padding: 1.7rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: #373737;
}
.renewed.mypage.repayment-status .repayment-history .history-list .history-item:not(:last-child) {
  border-bottom: 0.05rem solid #d8d8d8;
}
.renewed.mypage.repayment-status .repayment-history .history-list .history-item .flex-col {
  gap: 0.375rem;
}
.renewed.mypage.repayment-status .repayment-history .history-list .history-item .small {
  font-size: 0.75rem;
}
.renewed.mypage.repayment-status .repayment-history .history-list .history-item .light {
  color: #8b8b8b;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.repayment-status .repayment-history .history-list .history-item {
    padding: 1.7rem 0;
    margin: 0 1.25rem;
    font-size: 1rem;
    font-weight: 600;
    color: #373737;
  }
  .renewed.mypage.repayment-status .repayment-history .history-list .history-item:not(:last-child) {
    border-bottom: 0.05rem solid #d8d8d8;
  }
  .renewed.mypage.repayment-status .repayment-history .history-list .history-item .small {
    font-size: 0.75rem;
  }
  .renewed.mypage.repayment-status .repayment-history .history-list .history-item .light {
    color: #8b8b8b;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.repayment-status .repayment-history .history-list .history-item {
    padding: 1.7rem 0;
    margin: 0 1.25rem;
    font-size: 1rem;
    font-weight: 600;
    color: #373737;
  }
  .renewed.mypage.repayment-status .repayment-history .history-list .history-item:not(:last-child) {
    border-bottom: 0.05rem solid #d8d8d8;
  }
  .renewed.mypage.repayment-status .repayment-history .history-list .history-item .small {
    font-size: 0.75rem;
  }
  .renewed.mypage.repayment-status .repayment-history .history-list .history-item .light {
    color: #8b8b8b;
  }
}
.renewed.mypage.interest-payment-status .loan-card {
  width: 100vw;
  margin: 0 -1.25rem;
  background-color: #fff6ee;
  margin-bottom: 1.625rem;
  padding: 1.675rem 1.25rem;
}
.renewed.mypage.interest-payment-status .loan-card .card-header .info-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.renewed.mypage.interest-payment-status .loan-card .card-header .info {
  gap: 0.475rem;
}
.renewed.mypage.interest-payment-status .loan-card .card-header .info .loan-kind {
  gap: 0.3rem;
  font-size: 1rem;
  font-weight: bold;
  color: #373737;
}
.renewed.mypage.interest-payment-status .loan-card .card-header .info .loan-kind a {
  margin-left: auto;
}
.renewed.mypage.interest-payment-status .loan-card .card-header .info .loan-account {
  font-size: 0.8rem;
  color: #8b8b8b;
  margin-bottom: 0.675rem;
}
.renewed.mypage.interest-payment-status .loan-card .card-header .additional-info {
  display: flex;
  flex-direction: row;
}
.renewed.mypage.interest-payment-status .loan-card .card-header .additional-info > div {
  display: flex;
  flex-direction: row;
  flex: 1;
  font-size: 0.75rem;
  font-weight: 600;
  gap: 0.4rem;
  align-items: center;
}
.renewed.mypage.interest-payment-status .loan-card .card-header .additional-info > div .text {
  background-color: #ffffff;
  color: #6a6a6a;
  padding: 0.2375rem;
  border-radius: 0.75rem;
  width: 3.9rem;
  text-align: center;
}
.renewed.mypage.interest-payment-status .loan-card .card-header .additional-info > div .number {
  color: #8b8b8b;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.interest-payment-status .loan-card {
    width: 100%;
    margin: 0;
    margin-bottom: 2.25rem;
    padding: 1.675rem 1.25rem;
  }
  .renewed.mypage.interest-payment-status .loan-card .card-header {
    align-items: flex-start;
  }
  .renewed.mypage.interest-payment-status .loan-card .card-header .info-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: between;
  }
  .renewed.mypage.interest-payment-status .loan-card .card-header .info .loan-kind {
    font-size: 1.25rem;
  }
  .renewed.mypage.interest-payment-status .loan-card .card-header .info .loan-account {
    margin-bottom: 0;
  }
  .renewed.mypage.interest-payment-status .loan-card .card-header .additional-info {
    display: block;
    margin-bottom: 0;
  }
  .renewed.mypage.interest-payment-status .loan-card .card-header .additional-info > div {
    align-items: center;
    flex-direction: row;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.interest-payment-status .loan-card {
    width: 100%;
    margin: 0;
    margin-bottom: 2.25rem;
    padding: 1.675rem 1.25rem;
  }
  .renewed.mypage.interest-payment-status .loan-card .card-header {
    align-items: flex-start;
  }
  .renewed.mypage.interest-payment-status .loan-card .card-header .info-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: between;
  }
  .renewed.mypage.interest-payment-status .loan-card .card-header .info .loan-kind {
    font-size: 1.25rem;
  }
  .renewed.mypage.interest-payment-status .loan-card .card-header .info .loan-account {
    margin-bottom: 0;
  }
  .renewed.mypage.interest-payment-status .loan-card .card-header .additional-info {
    display: block;
    margin-bottom: 0;
  }
  .renewed.mypage.interest-payment-status .loan-card .card-header .additional-info > div {
    align-items: center;
    flex-direction: row;
  }
}
.renewed.mypage.interest-payment-status .my-loan-status h6 {
  font-size: 1rem;
  margin-bottom: 1.2125rem;
}
.renewed.mypage.interest-payment-status .my-loan-status .status-card {
  gap: 1.7rem;
}
.renewed.mypage.interest-payment-status .my-loan-status .status-card .card-header {
  gap: 0.9rem;
  font-size: 1.3rem;
  color: #3c4045;
}
.renewed.mypage.interest-payment-status .my-loan-status .status-card .card-header .img-wrap {
  border-radius: 50%;
  width: 2.2rem;
  aspect-ratio: 1/1;
  background-color: #f5f5f5;
  display: grid;
  place-items: center;
}
.renewed.mypage.interest-payment-status .my-loan-status .status-card .card-header .img-wrap img {
  width: 70%;
}
.renewed.mypage.interest-payment-status .my-loan-status .status-card .card-header .small {
  font-size: 0.75rem;
}
.renewed.mypage.interest-payment-status .my-loan-status .status-card .card-header .light {
  color: #8b8b8b;
}
.renewed.mypage.interest-payment-status .my-loan-status .status-card .card-header .schedule-link {
  font-size: 0.75rem;
  vertical-align: middle;
  margin-bottom: auto;
  gap: 0.35rem;
}
.renewed.mypage.interest-payment-status .my-loan-status .status-card .card-header .schedule-link img {
  max-height: 0.5rem;
  vertical-align: middle;
}
.renewed.mypage.interest-payment-status .my-loan-status .status-card .card-content {
  padding: 1rem;
  font-size: 0.95rem;
  line-height: 1.9rem;
  background-color: #f5f5f5;
  border-radius: 0.625rem;
}
.renewed.mypage.interest-payment-status .my-loan-status .status-card .card-content .light {
  color: #7a7a7a;
}
.renewed.mypage.interest-payment-status .my-loan-status .status-card:not(:last-child) {
  margin-bottom: 1.7rem;
}
.renewed.mypage.interest-payment-status .guide {
  text-align: center;
  margin: 6.775rem 0 2.45rem;
}
.renewed.mypage.interest-payment-status .guide::before {
  top: -3.3875rem;
}
.renewed.mypage.interest-payment-status .guide .semi-bold {
  font-size: 0.85rem;
  line-height: 1.275rem;
  color: #999999;
  margin-bottom: 1.9625rem;
}
.renewed.mypage.interest-payment-status .guide .bold {
  font-size: 0.8rem;
  line-height: 1.25rem;
  color: #373737;
  margin-bottom: 0.2rem;
}
.renewed.mypage.interest-payment-status .guide .medium {
  font-size: 0.75rem;
  color: #7a7a7a;
  line-height: 1.4rem;
  letter-spacing: -0.03em;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.interest-payment-status .guide {
    margin: 0;
    margin-top: 2.5375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.interest-payment-status .guide {
    margin: 0;
    margin-top: 2.5375rem;
  }
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item {
  padding: 1.2rem;
  /* colors */
  /* font-sizes */
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item:not(:last-child) {
  border-bottom: 0.05rem solid #d8d8d8;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .lighter {
  color: #b9b9b9;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .light {
  color: #8b8b8b;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .dark {
  color: #727171;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .darker {
  color: #373737;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .bg-pink {
  background-color: #fff6ee !important;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .large {
  font-size: 1rem;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .regular {
  font-size: 0.85rem;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .small {
  font-size: 0.75rem;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .x-small {
  font-size: 0.7rem;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .left {
  gap: 0.2875rem;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .left .flex-row {
  gap: 0.225rem;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .left .flex-row .badge {
  background-color: #f5f5f5;
  padding: 0.1375rem 0.425rem;
  border-radius: 0.75rem;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .right .large {
  margin-bottom: 0.2875rem;
}
.renewed.mypage.repayment-schedule .schedule-list .schedule-item .right .regular {
  margin-top: 0.5rem;
}
.renewed.mypage.loan-management .loan-card {
  width: 100vw;
  margin: 0 -1.25rem;
  background-color: #fff6ee;
  padding: 1.675rem 1.25rem;
}
.renewed.mypage.loan-management .loan-card .card-header .info-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.renewed.mypage.loan-management .loan-card .card-header .info {
  gap: 0.5125rem;
}
.renewed.mypage.loan-management .loan-card .card-header .info .loan-kind {
  gap: 0.3rem;
  font-size: 1rem;
  font-weight: bold;
  color: #373737;
}
.renewed.mypage.loan-management .loan-card .card-header .info .loan-kind a {
  margin-left: auto;
}
.renewed.mypage.loan-management .loan-card .card-header .info .loan-account {
  font-size: 0.8rem;
  color: #8b8b8b;
  margin-bottom: 0.675rem;
}
.renewed.mypage.loan-management .loan-card .card-header .additional-info {
  display: flex;
  flex-direction: row;
  margin-bottom: 1.475rem;
}
.renewed.mypage.loan-management .loan-card .card-header .additional-info > div {
  display: flex;
  flex-direction: row;
  flex: 1;
  font-size: 0.75rem;
  font-weight: 600;
  gap: 0.4rem;
  align-items: center;
}
.renewed.mypage.loan-management .loan-card .card-header .additional-info > div .text {
  background-color: #ffffff;
  color: #6a6a6a;
  padding: 0.2375rem;
  border-radius: 0.75rem;
  width: 3.9rem;
  text-align: center;
}
.renewed.mypage.loan-management .loan-card .card-header .additional-info > div .number {
  color: #8b8b8b;
}
.renewed.mypage.loan-management .loan-card .card-content {
  gap: 0.5rem;
  align-items: flex-start;
}
.renewed.mypage.loan-management .loan-card .card-content .bold {
  font-size: 1.7rem;
  color: #3c4045;
  line-height: 1.75rem;
}
.renewed.mypage.loan-management .loan-card .card-content .medium {
  font-size: 0.8rem;
  font-weight: 500;
  color: #727171;
}
.renewed.mypage.loan-management .loan-card .card-footer .btn-container {
  gap: 0.5rem;
}
.renewed.mypage.loan-management .loan-card .card-footer .btn-container a {
  flex: 1;
  font-size: 1rem;
  padding: 0.90625rem;
  border-radius: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.loan-management .loan-card {
    width: 100%;
    margin: 0;
    padding: 1.675rem 1.25rem;
  }
  .renewed.mypage.loan-management .loan-card .card-header {
    margin-bottom: 1.9375rem;
  }
  .renewed.mypage.loan-management .loan-card .card-header .info-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: between;
  }
  .renewed.mypage.loan-management .loan-card .card-header .info .loan-account {
    margin-bottom: 0;
  }
  .renewed.mypage.loan-management .loan-card .card-header .additional-info {
    display: block;
    margin-bottom: 0;
  }
  .renewed.mypage.loan-management .loan-card .card-header .additional-info > div {
    flex-direction: row;
  }
  .renewed.mypage.loan-management .loan-card .card-footer .btn-container {
    gap: 0.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.loan-management .loan-card {
    width: 100%;
    margin: 0;
    padding: 1.675rem 1.25rem;
  }
  .renewed.mypage.loan-management .loan-card .card-header {
    margin-bottom: 1.9375rem;
  }
  .renewed.mypage.loan-management .loan-card .card-header .info-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: between;
  }
  .renewed.mypage.loan-management .loan-card .card-header .info .loan-account {
    margin-bottom: 0;
  }
  .renewed.mypage.loan-management .loan-card .card-header .additional-info {
    display: block;
    margin-bottom: 0;
  }
  .renewed.mypage.loan-management .loan-card .card-header .additional-info > div {
    flex-direction: row;
  }
  .renewed.mypage.loan-management .loan-card .card-footer .btn-container {
    gap: 0.75rem;
  }
}
.renewed.mypage.loan-management .loan-info-list {
  margin-top: 1.7rem;
}
.renewed.mypage.loan-management .loan-info-list h6 {
  font-size: 1rem;
}
.renewed.mypage.loan-management .loan-info-list ul {
  gap: 0.7rem;
  margin-top: 1.2rem;
}
.renewed.mypage.loan-management .loan-info-list li {
  font-size: 0.95rem;
}
.renewed.mypage.loan-management .loan-info-list li .dark {
  color: #4c4949;
}
.renewed.mypage.loan-management .loan-info-list li .light {
  color: #7a7a7a;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.loan-management .loan-info-list {
    margin-top: 2.25rem;
  }
  .renewed.mypage.loan-management .loan-info-list li {
    font-size: 0.9375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.loan-management .loan-info-list {
    margin-top: 2.25rem;
  }
  .renewed.mypage.loan-management .loan-info-list li {
    font-size: 0.9375rem;
  }
}
.renewed.mypage.manage-accounts section:not(:first-of-type) {
  margin-top: 1.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-accounts section:not(:first-of-type) {
    margin-top: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-accounts section:not(:first-of-type) {
    margin-top: 1.875rem;
  }
}
.renewed.mypage.manage-accounts .list-title {
  color: #4b5a68;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1.0125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-accounts .list-title {
    font-size: 1.2rem;
    margin-bottom: 1.15rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-accounts .list-title {
    font-size: 1.2rem;
    margin-bottom: 1.15rem;
  }
}
.renewed.mypage.manage-accounts .account-list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.renewed.mypage.manage-accounts .account-list .account-item {
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  padding: 1rem;
  gap: 0.7rem;
  border-radius: 0.625rem;
  color: #373737;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-accounts .account-list .account-item {
    padding: 1.2rem;
    border-radius: 0.75rem;
    gap: 0.9rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-accounts .account-list .account-item {
    padding: 1.2rem;
    border-radius: 0.75rem;
    gap: 0.9rem;
  }
}
.renewed.mypage.manage-accounts .account-list .account-item .bank-logo {
  display: block;
  width: 1.5rem;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-accounts .account-list .account-item .bank-logo {
    width: 1.8rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-accounts .account-list .account-item .bank-logo {
    width: 1.8rem;
  }
}
.renewed.mypage.manage-accounts .account-list .account-item .account-info {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  line-height: 1;
}
.renewed.mypage.manage-accounts .account-list .account-item .bank-name {
  font-size: 0.85rem;
  color: #7a7a7a;
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-accounts .account-list .account-item .bank-name {
    font-size: 1.05rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-accounts .account-list .account-item .bank-name {
    font-size: 1.05rem;
  }
}
.renewed.mypage.manage-accounts .account-list .account-item .account-number {
  font-size: 1rem;
  font-weight: 600;
  color: #3c4045;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-accounts .account-list .account-item .account-number {
    font-size: 1.2rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-accounts .account-list .account-item .account-number {
    font-size: 1.2rem;
  }
}
.renewed.mypage.manage-accounts .account-list .account-item button {
  display: block;
  cursor: pointer;
  margin-left: auto;
  display: grid;
  place-content: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-accounts .account-list .account-item button {
    width: 1.1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-accounts .account-list .account-item button {
    width: 1.1rem;
  }
}
.renewed.mypage.manage-accounts .account-list .account-item button.copy-account {
  width: 1rem;
  aspect-ratio: 1/1;
}
.renewed.mypage.manage-accounts .account-list .account-item button.copy-account img {
  display: block;
  width: inherit;
}
.renewed.mypage.manage-accounts .account-list .account-item button.delete-account {
  width: 1rem;
  aspect-ratio: 1/1;
  position: relative;
}
.renewed.mypage.manage-accounts .account-list .account-item button.delete-account::before, .renewed.mypage.manage-accounts .account-list .account-item button.delete-account::after {
  content: "";
  position: absolute;
  background-color: #b9b9b9;
  width: 100%;
  height: 0.125rem;
  top: 50%;
  left: 0;
  transform-origin: center;
}
.renewed.mypage.manage-accounts .account-list .account-item button.delete-account::before {
  /* Horizontal Bar */
  transform: translateY(-50%) rotate(45deg);
}
.renewed.mypage.manage-accounts .account-list .account-item button.delete-account::after {
  /* Vertical Bar */
  transform: translateY(-50%) rotate(-45deg);
}
.renewed.mypage.manage-accounts .account-list .account-item button.ars-agree-btn {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
  color: #fa7300;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-accounts .account-list .account-item button.ars-agree-btn {
    font-size: 1.05rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-accounts .account-list .account-item button.ars-agree-btn {
    font-size: 1.05rem;
  }
}
.renewed.mypage.manage-accounts #add-account-btn {
  margin-top: 1rem;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1;
  padding: 1.05rem;
  border: 0.05rem solid #ffc798;
  border-radius: 0.63625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.renewed.mypage.manage-accounts #add-account-btn .cross {
  display: inline-block;
  position: relative;
  width: 0.8rem;
  aspect-ratio: 1/1;
  margin-right: 0.525rem;
}
.renewed.mypage.manage-accounts #add-account-btn .cross::before, .renewed.mypage.manage-accounts #add-account-btn .cross::after {
  content: "";
  position: absolute;
  background-color: #fa7300;
}
.renewed.mypage.manage-accounts #add-account-btn .cross::before {
  /* Horizontal Bar */
  top: 50%;
  left: 0;
  width: 100%;
  height: 13%;
  transform: translateY(-50%);
}
.renewed.mypage.manage-accounts #add-account-btn .cross::after {
  /* Vertical Bar */
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 13%;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-accounts #add-account-btn {
    margin-top: 1.1875rem;
    font-size: 1.05rem;
    padding: 1.375rem;
    border-width: 0.05875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-accounts #add-account-btn {
    margin-top: 1.1875rem;
    font-size: 1.05rem;
    padding: 1.375rem;
    border-width: 0.05875rem;
  }
}
.renewed.mypage.manage-certificates .list-title {
  font-size: 1rem;
  color: #4b5a68;
  font-weight: 600;
  margin-bottom: 1.0125rem;
}
.renewed.mypage.manage-certificates .certificate-list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.renewed.mypage.manage-certificates .certificate-list .certificate-item {
  align-items: flex-start;
  padding: 1rem;
  border-radius: 0.625rem;
  background-color: #f5f5f5;
}
.renewed.mypage.manage-certificates .certificate-list .certificate-item.corporate {
  background-color: #fff6ee;
}
.renewed.mypage.manage-certificates .certificate-list .certificate-item .content {
  gap: 1.2rem;
}
.renewed.mypage.manage-certificates .certificate-list .certificate-item .content .light {
  color: #8b8b8b;
}
.renewed.mypage.manage-certificates .certificate-list .certificate-item .content .dark {
  color: #6e6e6e;
}
.renewed.mypage.manage-certificates .certificate-list .certificate-item .content .flex-row {
  font-size: 1rem;
  align-items: center;
  gap: 0.25rem;
}
.renewed.mypage.manage-certificates .certificate-list .certificate-item .content .flex-row .badge {
  background-color: #ffffff;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.1375rem 0.4125rem;
  border-radius: 0.75rem;
  color: #6e6e6e;
}
.renewed.mypage.manage-certificates .certificate-list .certificate-item .content p {
  font-size: 0.75rem;
  line-height: 1.1rem;
}
.renewed.mypage.manage-certificates .certificate-list .certificate-item .delete-certificate {
  display: block;
  cursor: pointer;
  margin-left: auto;
  width: 1rem;
  aspect-ratio: 1/1;
  display: grid;
  place-content: center;
  position: relative;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-certificates .certificate-list .certificate-item .delete-certificate {
    width: 1.1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-certificates .certificate-list .certificate-item .delete-certificate {
    width: 1.1rem;
  }
}
.renewed.mypage.manage-certificates .certificate-list .certificate-item .delete-certificate::before, .renewed.mypage.manage-certificates .certificate-list .certificate-item .delete-certificate::after {
  content: "";
  position: absolute;
  background-color: #b9b9b9;
  width: 100%;
  height: 0.125rem;
  top: 50%;
  left: 0;
  transform-origin: center;
}
.renewed.mypage.manage-certificates .certificate-list .certificate-item .delete-certificate::before {
  /* Horizontal Bar */
  transform: translateY(-50%) rotate(45deg);
}
.renewed.mypage.manage-certificates .certificate-list .certificate-item .delete-certificate::after {
  /* Vertical Bar */
  transform: translateY(-50%) rotate(-45deg);
}
.renewed.mypage.manage-certificates #add-certificate-btn {
  margin-top: 1rem;
  border-radius: 0.63625rem;
  display: block;
  text-align: center;
  padding: 1.0625rem;
  cursor: pointer;
  font-size: 0.95rem;
  font-weight: 600;
  width: 100%;
  background-color: #ffffff;
  border: 0.05rem solid #ffc798;
}
.renewed.mypage.e-contracts .search {
  gap: 1.5rem;
  flex: 1;
}
.renewed.mypage.e-contracts .search .light {
  color: #999999;
}
.renewed.mypage.e-contracts .search .dark {
  color: #6e6e6e;
}
.renewed.mypage.e-contracts .search .search-bar {
  width: 100vw;
  margin: 0 -1.25rem;
  background-color: #f8f8f8;
  padding: 1.25rem 0.9375rem;
  font-size: 0.85rem;
  justify-content: space-between;
}
.renewed.mypage.e-contracts .search .search-bar .light {
  color: #999999;
}
.renewed.mypage.e-contracts .search .search-bar .dark {
  color: #6e6e6e;
}
.renewed.mypage.e-contracts .search .search-bar select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: auto;
  outline: none;
  border: none;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  padding: 0 0.725rem;
  font-weight: 600;
  position: relative;
  vertical-align: middle;
  background: url("/resources/fo/loanone/common/images/icons/icon-triangle-down-dark-gray.svg") no-repeat;
  background-size: 0.35rem;
  background-position: 0 center;
}
.renewed.mypage.e-contracts .search .search-bar .search-btn {
  display: block;
  padding: 0;
  width: 1.1rem;
  cursor: pointer;
}
.renewed.mypage.e-contracts .search .search-bar .search-btn img {
  display: block;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.e-contracts .search .search-bar {
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.e-contracts .search .search-bar {
    width: 100%;
    margin: 0;
  }
}
.renewed.mypage.e-contracts .search .no-result {
  flex: 1;
  display: grid;
  place-items: center;
}
.renewed.mypage.e-contracts .search .no-result .no-result-text {
  font-size: 1rem;
  margin: auto;
}
.renewed.mypage.e-contracts .search .search-result-list {
  flex: 1;
  gap: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.e-contracts .search .search-result-list {
    padding: 0 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.e-contracts .search .search-result-list {
    padding: 0 1.25rem;
  }
}
.renewed.mypage.e-contracts .search .search-result-list .search-result-item {
  background-color: #f5f5f5;
  border-radius: 0.625rem;
  padding: 1rem;
}
.renewed.mypage.e-contracts .search .search-result-list .search-result-item .name {
  font-size: 1rem;
  font-weight: 600;
  color: #6e6e6e;
}
.renewed.mypage.e-contracts .search .search-result-list .search-result-item .badge {
  color: #6e6e6e;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1;
  background-color: #ffffff;
  padding: 0.125rem;
  width: 3.625rem;
  text-align: center;
  border-radius: 0.75rem;
}
.renewed.mypage.e-contracts .search .search-result-list .search-result-item .status {
  color: #fa7300;
  font-size: 0.8rem;
  font-weight: 600;
  margin-right: 0.375rem;
  line-height: 1;
}
.renewed.mypage.e-contracts .search .search-result-list .search-result-item .date {
  font-size: 0.75rem;
  color: #8b8b8b;
  line-height: 1;
  font-weight: 600;
}
.renewed.mypage.e-contracts .search .search-result-list .search-result-item .download {
  font-size: 0.8rem;
  font-weight: 600;
  color: #8b8b8b;
}
.renewed.mypage.e-contracts .search .search-result-list .search-result-item .kind {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.1875rem 0.875rem;
  color: #ffffff;
  background-color: rgb(197, 197, 197);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
}
.renewed.mypage.e-contracts .search .search-result-list .search-result-item .kind.online {
  background-color: #80a4ff;
}
.renewed.mypage.e-contracts .search .search-result-list .search-result-item .kind.offline {
  background-color: #37942f;
}
.renewed.mypage.e-contracts .search .search-result-list .search-result-item .kind.commercial {
  background-color: #fa7300;
}
.renewed.mypage.e-contracts .search .search-result-list .search-result-item .flex-row:nth-child(1) {
  margin-bottom: 0.5rem;
}
.renewed.mypage.e-contracts .search .search-result-list .search-result-item .flex-row:nth-child(2) {
  margin-bottom: 0.175rem;
}
.renewed.mypage.e-contracts .search .search-result-list .search-result-item .flex-row:nth-child(4) {
  margin-top: 0.875rem;
}
.renewed.mypage.e-contracts .search .pagination {
  gap: 1.125rem;
}
.renewed.mypage.e-contracts .search .pagination a {
  all: unset;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 600;
  color: #747474;
  width: -moz-fit-content;
  width: fit-content;
}
.renewed.mypage.e-contracts .search .pagination a.current {
  font-weight: 800;
  color: #fa7300;
}
.renewed.mypage.submit_doc .notice {
  line-height: 1;
  display: flex;
  width: 100%;
  background-color: rgba(250, 115, 0, 0.15);
  border-radius: 1.075rem;
  padding: 0.4rem;
  font-weight: 600;
  align-items: center;
  font-size: 0.8rem;
  margin-top: 1.75rem;
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .notice {
    font-size: 0.8rem;
  }
}
.renewed.mypage.submit_doc .notice img {
  width: 1.0175rem;
  aspect-ratio: 1/1;
  margin-right: 0.3rem;
}
.renewed.mypage.submit_doc .notice p {
  color: #7a7a7a;
}
.renewed.mypage.submit_doc .notice a {
  display: flex;
  align-items: center;
  color: #fa7300;
  margin-left: auto;
  cursor: pointer;
}
.renewed.mypage.submit_doc .notice a svg {
  display: inline-block;
  fill: #fa7300;
  width: 1.0175rem;
  margin: 0 0.5rem 0 0.25rem;
  aspect-ratio: 1/1;
  stroke: #fa7300;
  stroke-width: 1px;
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .notice {
    margin-top: 1rem;
  }
}
.renewed.mypage.submit_doc .tab {
  margin-top: 1.7rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .tab {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .tab {
    margin-top: 2.5rem;
  }
}
.renewed.mypage.submit_doc .tab .tablinks {
  cursor: pointer;
  padding: 0.481rem 0;
  flex: 1;
  font-size: 0.986rem;
  font-weight: 600;
  color: #b9b9b9;
  border-bottom: 0.175rem solid #b9b9b9;
}
.renewed.mypage.submit_doc .tab .tablinks.active {
  color: #fa7300;
  border-bottom-color: #fa7300;
}
.renewed.mypage.submit_doc .guide {
  max-width: 31.875rem;
  margin: auto;
}
.renewed.mypage.submit_doc .guide > ul {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  border-radius: 0.625rem;
  overflow: hidden;
  padding: 1rem 1.2rem;
  gap: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .guide > ul {
    padding: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .guide > ul {
    padding: 1rem;
  }
}
.renewed.mypage.submit_doc .guide > ul > li {
  display: flex;
}
.renewed.mypage.submit_doc .guide > ul > li > p {
  flex: 0.2;
  text-align: left;
  color: #6a6a6a;
  font-weight: 600;
  font-size: 0.882rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .guide > ul > li > p {
    font-size: 0.813rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .guide > ul > li > p {
    font-size: 0.813rem;
  }
}
.renewed.mypage.submit_doc .guide > ul > li > ul {
  flex: 0.8;
  text-align: left;
  margin-left: auto;
  color: #999;
  font-weight: 500;
  font-size: 0.882rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .guide > ul > li > ul {
    font-size: 0.813rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .guide > ul > li > ul {
    font-size: 0.813rem;
  }
}
.renewed.mypage.submit_doc .guide > ul > li > ul li::before {
  content: "";
  display: inline-block;
  width: 0.25rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #999999;
  vertical-align: middle;
  margin: 0 0.5rem;
}
.renewed.mypage.submit_doc .e-doc .select-platform .platform-list {
  display: flex;
  max-width: 100%;
}
.renewed.mypage.submit_doc .e-doc .select-platform .platform-list li {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 2.15rem 0;
}
.renewed.mypage.submit_doc .e-doc .select-platform .platform-list li .link {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.renewed.mypage.submit_doc .e-doc .select-platform .platform-list li .link img {
  width: 3rem;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
}
.renewed.mypage.submit_doc .e-doc .select-platform .platform-list li .link p {
  margin-top: 1rem;
  font-size: 0.95rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.renewed.mypage.submit_doc .e-doc .select-platform .platform-list li .info {
  margin-top: 0.8rem;
  font-weight: 600;
  font-size: 0.75rem;
  color: #999999;
  text-underline-offset: 0.25rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .e-doc .select-platform .platform-list li {
    padding: 3rem 0;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .e-doc .select-platform .platform-list li {
    padding: 3rem 0;
  }
}
.renewed.mypage.submit_doc .file-upload .document-container {
  margin-top: 2rem;
}
.renewed.mypage.submit_doc .file-upload .document-container .title {
  font-size: 1rem;
  text-align: left;
  color: #4b5a68;
  font-weight: 600;
}
.renewed.mypage.submit_doc .file-upload .document-container .file-list {
  display: flex;
  flex-direction: column;
}
.renewed.mypage.submit_doc .file-upload .document-container .file-input-wrap {
  position: relative;
  border-bottom: 0.06375rem solid #d8d8d8;
  display: flex;
  justify-content: space-between;
  padding: 1.7rem 0.775rem;
}
.renewed.mypage.submit_doc .file-upload .document-container .file-input-wrap label {
  position: relative;
  font-size: 1rem;
  font-weight: 500;
  color: #373737;
}
.renewed.mypage.submit_doc .file-upload .document-container .file-input-wrap .upload-container {
  position: absolute;
  right: 0.775rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.renewed.mypage.submit_doc .file-upload .document-container .file-input-wrap .upload-container button {
  cursor: pointer;
  font-size: 0.95rem;
  font-weight: 600;
  color: #8b8b8b;
}
.renewed.mypage.submit_doc .file-upload .document-container .file-input-wrap .upload-container span {
  font-size: 0.75rem;
  font-weight: 600;
  color: #fa7300;
}
.renewed.mypage.submit_doc .file-upload .document-container .file-input-wrap.uploaded label::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 1.015rem;
  aspect-ratio: 1/1;
  top: 50%;
  right: -0.6875rem;
  transform: translateY(-50%) translateX(100%);
  background: url("/resources/fo/loan/common/images/icons/icon_white_check_sharp.svg") center no-repeat;
  background-color: #fa7300;
}
.renewed.mypage.submit_doc .file-upload .document-container .file-input-wrap.uploaded button {
  color: #dcdcdc;
}
.renewed.mypage.submit_doc .easy-verification h4 {
  font-size: 1rem;
  color: #4b5a68;
  font-weight: 600;
}
.renewed.mypage.submit_doc .easy-verification .list-title {
  color: #4b5a68;
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  margin-top: 1.45rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .easy-verification .list-title {
    margin-bottom: 1.25rem;
    margin-top: 3.125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .easy-verification .list-title {
    margin-bottom: 1.25rem;
    margin-top: 3.125rem;
  }
}
.renewed.mypage.submit_doc .easy-verification .mobile-divider {
  margin-top: 3.95rem;
}
.renewed.mypage.submit_doc .easy-verification .mobile-divider::before {
  top: -1.975rem;
}
.renewed.mypage.submit_doc .easy-verification .submitted-document-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list {
    gap: 1.25rem;
    margin-bottom: 1.375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list {
    gap: 1.25rem;
    margin-bottom: 1.375rem;
  }
}
.renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item {
  background-color: #ffffff;
  display: flex;
  gap: 0.65rem;
  align-items: center;
  border-radius: 0.625rem;
  padding: 1rem;
  box-shadow: 0 0 1.675rem rgba(0, 0, 0, 0.1);
}
.renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item h5 {
  font-size: 0.9rem;
  font-weight: 700;
  color: #000;
  width: 20%;
  text-align: center;
}
.renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .dotted {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6a6a6a;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .dotted > li {
  line-height: 1;
}
.renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .bank-list {
  display: flex;
  align-items: center;
}
.renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .bank-list::before {
  opacity: 0;
}
.renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .bank-list > ul {
  display: flex;
  gap: 0.455rem;
}
.renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .bank-list .bank-logo img {
  width: 1.3rem;
}
.renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .status {
  margin-left: auto;
  font-size: 0.9rem;
  font-weight: 500;
  color: #373737;
}
.renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .status.not-submitted {
  color: #fa7300;
}
.renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .status .exclamation_orange {
  margin: 0;
  vertical-align: text-top;
  margin-left: 0.3rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item {
    padding: 1.5rem;
    gap: 1.10625rem;
  }
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item h5 {
    font-size: 1.25rem;
  }
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .dotted {
    gap: 0.5rem;
    font-size: 1rem;
  }
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .bank-list > ul {
    gap: 0.6875rem;
  }
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .bank-list .bank-logo img {
    width: 2.064375rem;
  }
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .status .exclamation_orange {
    margin-left: 0.3125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item {
    padding: 1.5rem;
    gap: 1.10625rem;
  }
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item h5 {
    font-size: 1.25rem;
  }
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .dotted {
    gap: 0.5rem;
    font-size: 1rem;
  }
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .bank-list > ul {
    gap: 0.6875rem;
  }
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .bank-list .bank-logo img {
    width: 2.064375rem;
  }
  .renewed.mypage.submit_doc .easy-verification .submitted-document-list .document-item .status .exclamation_orange {
    margin-left: 0.3125rem;
  }
}
.renewed.mypage.submit_doc .easy-verification > .notice {
  font-size: 0.8rem;
  color: #7a7a7a;
  font-weight: 600;
}
.renewed.mypage.submit_doc .easy-verification > .notice.exclamation_orange {
  padding: 0.35rem 0.75rem;
  border-radius: 1.075rem;
  display: flex;
  align-items: center;
  gap: 0.2575rem;
  background-color: rgba(250, 115, 0, 0.15);
}
.renewed.mypage.submit_doc .easy-verification .terms-and-conditions .chk_all_wrap {
  margin: 0;
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.renewed.mypage.submit_doc .easy-verification .terms-and-conditions .chk_all_wrap .chk_wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 0.95rem;
  color: #000;
}
.renewed.mypage.submit_doc .easy-verification .terms-and-conditions .chk_all_wrap .chk_wrap .detail {
  font-size: 0.7rem;
  color: #a2a2a2;
}
.renewed.mypage.submit_doc .easy-verification .terms-and-conditions .notice {
  all: unset;
  display: block;
  font-weight: 600;
  font-size: 0.75rem;
  color: #7a7a7a;
  margin-top: 0.75rem;
  margin-left: 2rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .easy-verification .terms-and-conditions .chk_all_wrap {
    margin-top: 2.3125rem;
  }
  .renewed.mypage.submit_doc .easy-verification .terms-and-conditions .chk_all_wrap .chk_wrap {
    font-size: 1rem;
  }
  .renewed.mypage.submit_doc .easy-verification .terms-and-conditions .chk_all_wrap .chk_wrap .detail {
    font-size: 0.75rem;
  }
  .renewed.mypage.submit_doc .easy-verification .terms-and-conditions .notice {
    font-size: 0.8125rem;
    margin-top: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .easy-verification .terms-and-conditions .chk_all_wrap {
    margin-top: 2.3125rem;
  }
  .renewed.mypage.submit_doc .easy-verification .terms-and-conditions .chk_all_wrap .chk_wrap {
    font-size: 1rem;
  }
  .renewed.mypage.submit_doc .easy-verification .terms-and-conditions .chk_all_wrap .chk_wrap .detail {
    font-size: 0.75rem;
  }
  .renewed.mypage.submit_doc .easy-verification .terms-and-conditions .notice {
    font-size: 0.8125rem;
    margin-top: 1rem;
  }
}
.renewed.mypage.submit_doc .easy-verification .rep-authentication {
  margin-top: 2rem;
}
.renewed.mypage.submit_doc .easy-verification .rep-authentication .btn-container {
  margin-top: 2rem;
  gap: 0;
}
.renewed.mypage.submit_doc .easy-verification .rep-authentication .btn-container .btn {
  font-size: 0.95rem;
  padding: 1rem;
  width: 100%;
  border-radius: 0.63625rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .easy-verification .rep-authentication .btn-container .btn {
    width: 13.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .easy-verification .rep-authentication .btn-container .btn {
    width: 13.75rem;
  }
}
.renewed.mypage.submit_doc .easy-verification .rep-authentication .btn-container p {
  align-self: flex-start;
  margin-top: 0.25rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #7a7a7a;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .easy-verification .rep-authentication {
    margin-top: 2.5rem;
  }
  .renewed.mypage.submit_doc .easy-verification .rep-authentication .btn-container {
    margin-top: 2.25rem;
  }
  .renewed.mypage.submit_doc .easy-verification .rep-authentication .btn-container p {
    align-self: center;
    margin-top: 1rem;
    font-size: 0.8125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .easy-verification .rep-authentication {
    margin-top: 2.5rem;
  }
  .renewed.mypage.submit_doc .easy-verification .rep-authentication .btn-container {
    margin-top: 2.25rem;
  }
  .renewed.mypage.submit_doc .easy-verification .rep-authentication .btn-container p {
    align-self: center;
    margin-top: 1rem;
    font-size: 0.8125rem;
  }
}
.renewed.mypage.submit_doc .easy-verification .submit-guide {
  text-align: center;
  margin-top: 1.475rem;
  font-size: 0.9375rem;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .easy-verification .submit-guide {
    margin-top: 1.25rem;
    font-size: 1.055rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .easy-verification .submit-guide {
    margin-top: 1.25rem;
    font-size: 1.055rem;
  }
}
.renewed.mypage.submit_doc .easy-verification .master.btn-container {
  display: flex;
  justify-content: center;
  margin-top: 3.0125rem;
  gap: 0.4rem;
}
.renewed.mypage.submit_doc .easy-verification .master.btn-container .btn {
  font-size: 1.0625rem;
  font-weight: 600;
  padding: 0.975rem;
  border-radius: 0.625rem;
  flex: 1;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .easy-verification .master.btn-container .btn {
    max-width: 12.375rem;
    font-size: 1.195625rem;
    padding: 1.0625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .easy-verification .master.btn-container .btn {
    max-width: 12.375rem;
    font-size: 1.195625rem;
    padding: 1.0625rem;
  }
}
.renewed.mypage.submit_doc .additional-info {
  margin-top: 1.5rem;
}
.renewed.mypage.submit_doc .additional-info li {
  display: flex;
  align-items: flex-start;
}
.renewed.mypage.submit_doc .additional-info li img {
  width: 1.010625rem;
  aspect-ratio: 1/1;
  opacity: 0.4;
  vertical-align: middle;
  margin-right: 0.2625rem;
}
.renewed.mypage.submit_doc .additional-info li p {
  text-align: left;
  color: #717171;
  font-size: 0.8125rem;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
}
.renewed.mypage.submit_doc .additional-info li ul {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.renewed.mypage.submit_doc .additional-info li ul li {
  align-items: center;
}
.renewed.mypage.submit_doc .additional-info li ul li::before {
  content: "";
  display: inline-block;
  width: 0.1875rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #999999;
  vertical-align: middle;
  margin: 0 0.5rem;
}
.renewed.mypage.submit_doc .submit.btn {
  display: block;
  margin-top: 1.75rem;
  width: 100%;
  padding: 1rem;
  font-size: 1.07375rem;
  font-weight: 600;
  border-radius: 0.631875rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.submit_doc .submit.btn {
    margin: auto;
    margin-top: 4.0625rem;
    font-size: 1.0625rem;
    max-width: 13.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.submit_doc .submit.btn {
    margin: auto;
    margin-top: 4.0625rem;
    font-size: 1.0625rem;
    max-width: 13.75rem;
  }
}
.renewed.mypage.submit_doc .modal .tit {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.45rem;
  color: #373737;
}
.renewed.mypage.submit_doc .modal .missing_doc {
  margin-top: 0.40625rem;
  font-size: 0.7rem;
  color: #5f656e;
}
.renewed.mypage.submit_doc .modal .loading-content {
  margin-top: 1.2rem;
}
.renewed.mypage.submit_doc .modal .loading-content img {
  width: 5.65rem;
}
.renewed.mypage.submit_doc .modal .loading-content p {
  font-size: 0.75rem;
  line-height: 1.15rem;
  color: #7a7a7a;
  font-weight: 600;
  margin-top: 1.2rem;
}
.renewed.mypage.submit_doc .modal .modal_cont {
  padding: 0;
  margin-top: 1.2rem;
}
.renewed.mypage.submit_doc .modal .checklist {
  padding: 1.025rem 1.05rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.renewed.mypage.submit_doc .modal .checklist li {
  text-align: left;
}
.renewed.mypage.submit_doc .modal .checklist li svg {
  margin-right: 0.4rem;
  width: 1rem;
  fill: none;
  width: 1rem;
  height: 0.6875rem;
}
.renewed.mypage.submit_doc .modal .checklist li svg path {
  stroke: #d8d8d8;
  stroke-width: 1.89767px;
}
.renewed.mypage.submit_doc .modal .checklist li span {
  color: #7a7a7a;
  font-size: 0.75rem;
}
.renewed.mypage.submit_doc .modal .checklist li.done svg path {
  stroke: #fa7300;
}
.renewed.mypage.submit_doc .modal .contact_info {
  padding: 0.7rem;
  font-size: 0.7rem;
  line-height: 1rem;
  color: #a2a2a2;
  background-color: #f5f5f5;
  border-radius: 0.625rem;
}
.renewed.mypage.submit_doc .modal .modal_btn_wrap {
  margin: 0;
  margin-top: 1.2rem;
}
.renewed.mypage.submit_doc .modal .modal_btn_wrap a {
  line-height: unset;
  height: unset;
  font-weight: 600;
  font-size: 1.05rem;
  width: 12.4rem;
  flex: unset;
  padding: 1rem 0;
}
.renewed.mypage.external-accounts .lighter {
  color: #b9b9b9;
}
.renewed.mypage.external-accounts .light {
  color: #8b8b8b;
}
.renewed.mypage.external-accounts input {
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  border-bottom: 0.075rem solid #b9b9b9;
  padding: 0.7rem 0.375rem;
  font-size: 0.9rem;
  font-weight: 600;
  /* 배경이미지 */
  background-position: 0.375rem center;
  background-size: 0.875rem;
  background-repeat: no-repeat;
  /* placeholder */
}
.renewed.mypage.external-accounts input::-moz-placeholder {
  color: #b9b9b9;
  font-weight: 600;
}
.renewed.mypage.external-accounts input::placeholder {
  color: #b9b9b9;
  font-weight: 600;
}
.renewed.mypage.external-accounts input.id {
  padding-left: 1.625rem;
  background-image: url("/resources/fo/loanone/common/images/icons/gray_person.svg");
}
.renewed.mypage.external-accounts input.password {
  padding-left: 1.625rem;
  background-image: url("/resources/fo/loanone/common/images/icons/gray_lock.svg");
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.external-accounts input {
    background-position: 0.64875rem center;
    background-size: 1.125rem;
    padding: 0.7rem 0.64875rem;
    border-bottom-width: 0.13rem;
  }
  .renewed.mypage.external-accounts input.id {
    padding-left: 2.4225rem;
  }
  .renewed.mypage.external-accounts input.password {
    padding-left: 2.4225rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.external-accounts input {
    background-position: 0.64875rem center;
    background-size: 1.125rem;
    padding: 0.7rem 0.64875rem;
    border-bottom-width: 0.13rem;
  }
  .renewed.mypage.external-accounts input.id {
    padding-left: 2.4225rem;
  }
  .renewed.mypage.external-accounts input.password {
    padding-left: 2.4225rem;
  }
}
.renewed.mypage.external-accounts label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #7a7a7a;
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.external-accounts label {
    font-size: 0.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.external-accounts label {
    font-size: 0.875rem;
  }
}
.renewed.mypage.external-accounts article > *:not(:first-child) {
  margin-bottom: 1.2rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.external-accounts article > *:not(:first-child) {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.external-accounts article > *:not(:first-child) {
    margin-bottom: 1.875rem;
  }
}
.renewed.mypage.external-accounts .status {
  font-size: 0.85rem;
  font-weight: 500;
  color: #373737;
}
.renewed.mypage.external-accounts .status.unregistered {
  font-weight: 600;
  color: #fa7300;
}
.renewed.mypage.external-accounts .status .exclamation_orange {
  margin: 0;
  margin-left: 0.3rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.external-accounts .status {
    font-size: 0.9rem;
  }
  .renewed.mypage.external-accounts .status .exclamation_orange {
    margin-inline-end: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.external-accounts .status {
    font-size: 0.9rem;
  }
  .renewed.mypage.external-accounts .status .exclamation_orange {
    margin-inline-end: 0.5rem;
  }
}
.renewed.mypage.external-accounts h3 {
  font-size: 1.3rem;
  font-weight: 700;
  color: #161616;
}
.renewed.mypage.external-accounts h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #4b5a68;
}
.renewed.mypage.external-accounts .content-wrap {
  margin-top: 2.5rem;
}
.renewed.mypage.external-accounts .content-wrap .content-title {
  font-size: 1.3rem;
}
.renewed.mypage.external-accounts .content-wrap .content-section {
  margin-top: 2rem;
  display: none;
}
.renewed.mypage.external-accounts .content-wrap .content-section > section > div:not(.btn-container) {
  margin-top: 1.7625rem;
}
.renewed.mypage.external-accounts .notice {
  margin-top: 1.4rem;
}
.renewed.mypage.external-accounts .flex-wrap {
  gap: 0.35rem;
}
.renewed.mypage.external-accounts .badge {
  background-color: #ffffff;
  padding: 0.075rem 0.375rem;
  border-radius: 0.63625rem;
}
.renewed.mypage.external-accounts .arrow-link {
  gap: 0.3rem;
  font-size: 0.85rem;
}
.renewed.mypage.external-accounts .file-name {
  color: #fa7300;
  font-weight: 500;
  font-size: 0.85rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.external-accounts .file-name {
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.external-accounts .file-name {
    font-size: 1.25rem;
  }
}
.renewed.mypage.external-accounts .user-info {
  font-size: 0.85rem;
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.external-accounts .user-info {
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.external-accounts .user-info {
    font-size: 1.25rem;
  }
}
.renewed.mypage.external-accounts .gray-container {
  background-color: #f7f7f7;
  border-radius: 0.63625rem;
  padding: 0.75rem 1rem;
}
.renewed.mypage.external-accounts .gray-container label {
  display: none;
}
.renewed.mypage.external-accounts .gray-container button.orange {
  font-size: 0.9rem;
}
.renewed.mypage.external-accounts .gray-container.flex-row > *:first-child {
  margin-right: 0.525rem;
}
.renewed.mypage.external-accounts .gray-container .status {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
}
.renewed.mypage.external-accounts .gray-container .flex-row {
  min-width: 0;
}
.renewed.mypage.external-accounts .gray-container .flex-row label.attach_button {
  display: inline-block;
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.external-accounts .gray-container .flex-row label.attach_button {
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.external-accounts .gray-container .flex-row label.attach_button {
    font-size: 1.25rem;
  }
}
.renewed.mypage.external-accounts .gray-container .flex-row .file-name {
  color: #373737;
  text-align: right;
  margin-right: 0.5rem;
  white-space: nowrap;
  overflow: hidden; /* Hide the overflow text */
  text-overflow: ellipsis; /* Add an ellipsis at the end of the text */
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.external-accounts .gray-container {
    padding: 1.25rem 1.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.external-accounts .gray-container {
    padding: 1.25rem 1.75rem;
  }
}
.renewed.mypage.external-accounts .gray-container:not(:first-of-type) {
  margin-top: 0.575rem;
}
.renewed.mypage.external-accounts .gray-container:first-of-type {
  margin-top: 1.025rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.external-accounts .gray-container:first-of-type {
    margin-top: 0.9625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.external-accounts .gray-container:first-of-type {
    margin-top: 0.9625rem;
  }
}
.renewed.mypage.external-accounts .edit-url input.url {
  padding: 0;
  border: 0;
  -ms-layout-grid-line: 0;
  flex: 1;
}
.renewed.mypage.external-accounts .add_btn {
  margin-top: 1rem;
  font-size: 0.95rem;
  font-weight: 600;
  width: 100%;
  padding: 1.025rem;
  border-radius: 0.63625rem;
  border: 0.05rem solid;
  cursor: pointer;
}
.renewed.mypage.external-accounts .add_btn img {
  display: inline-block;
  width: 0.8rem;
  aspect-ratio: 1/1;
  margin-right: 0.3rem;
}
.renewed.mypage.external-accounts .btn_delete {
  font-size: 0;
  position: relative;
  width: 0.7rem;
  aspect-ratio: 1/1;
  cursor: pointer;
  margin-left: 0.35rem;
  align-self: center;
}
.renewed.mypage.external-accounts .btn_delete::before, .renewed.mypage.external-accounts .btn_delete::after {
  content: "";
  position: absolute;
  background-color: #b9b9b9;
  /* Color of the cross lines */
  width: 100%;
  height: 11%;
  /* Thickness of the lines */
  top: 50%;
  /* Positioning of the lines */
  left: 0;
}
.renewed.mypage.external-accounts .btn_delete::before {
  transform: translateY(-50%) rotate(45deg);
}
.renewed.mypage.external-accounts .btn_delete::after {
  transform: translateY(-50%) rotate(-45deg);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.external-accounts .btn_delete {
    width: 0.875rem;
    margin-left: 0.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.external-accounts .btn_delete {
    width: 0.875rem;
    margin-left: 0.5rem;
  }
}
.renewed.mypage.external-accounts .platform-logo {
  max-height: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.external-accounts .platform-logo {
    max-height: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.external-accounts .platform-logo {
    max-height: 1.5rem;
  }
}
.renewed.mypage.external-accounts .platform-logo#crefia {
  max-height: 1.625rem;
}
.renewed.mypage.external-accounts .flex-col img {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.external-accounts .flex-col img {
    margin-bottom: 0.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.external-accounts .flex-col img {
    margin-bottom: 0.875rem;
  }
}
.renewed.mypage.external-accounts .flex-col > button {
  margin-top: 1rem;
}
.renewed.mypage.external-accounts .api-logo {
  max-height: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.external-accounts .api-logo {
    max-height: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.external-accounts .api-logo {
    max-height: 1.5rem;
  }
}
.renewed.mypage.external-accounts .api-logo#crefia {
  max-height: 1.625rem;
}
.renewed.mypage.external-accounts .modal_wrap {
  padding: 1.5rem;
}
.renewed.mypage.external-accounts .modal_btn_wrap {
  margin: 0;
  margin-top: 1rem;
}
.renewed.mypage.external-accounts .modal#pop_platform_registered .card-image {
  width: 4.775rem;
}
.renewed.mypage.external-accounts .modal#pop_platform_registered .area_text {
  font-size: 1rem;
  font-weight: 600;
  color: #373737;
  margin-top: 2.05rem;
}
.renewed.mypage.external-accounts .modal#pop_platform_registered .small_text {
  font-size: 0.7rem;
  line-height: 1.15rem;
  font-weight: 600;
  color: #5f656e;
  margin-top: 0.425rem;
}
.renewed.mypage.external-accounts ul .modal {
  text-align: left;
}
.renewed.mypage.external-accounts ul .modal .btn_modal_close {
  all: unset;
  cursor: pointer;
  position: relative;
  margin-left: auto;
  display: block;
  width: 1.125rem;
  aspect-ratio: 1/1;
  margin-bottom: 0.625rem;
}
.renewed.mypage.external-accounts ul .modal .btn_modal_close::before, .renewed.mypage.external-accounts ul .modal .btn_modal_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  /* thickness of the line */
  height: 12%;
  background-color: #b9b9b9;
}
.renewed.mypage.external-accounts ul .modal .btn_modal_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.renewed.mypage.external-accounts ul .modal .btn_modal_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.renewed.mypage.external-accounts .custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: #ffffff;
}
.renewed.mypage.external-accounts .custom-select select {
  display: none; /* Hide the default select */
}
.renewed.mypage.external-accounts .custom-select .select-selected {
  padding: 1rem 0.8rem;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #6e6e6e;
  border-bottom: 0.125rem solid #fa7300;
}
.renewed.mypage.external-accounts .custom-select .select-selected img {
  pointer-events: none;
  max-height: 1rem;
}
.renewed.mypage.external-accounts .custom-select .select-selected::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.7rem;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #6e6e6e;
}
.renewed.mypage.external-accounts .custom-select .select-items {
  position: absolute;
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  width: 100%;
  z-index: 99;
  overflow: hidden;
  display: none;
}
.renewed.mypage.external-accounts .custom-select .select-items div {
  padding: 1rem 0.8rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.renewed.mypage.external-accounts .custom-select .select-items div img {
  pointer-events: none;
  max-height: 0.875rem;
}
.renewed.mypage.manage-coupons .gray-100 {
  color: #3c4045;
}
.renewed.mypage.manage-coupons .gray-200 {
  color: #8b8b8b;
}
.renewed.mypage.manage-coupons .gray-300 {
  color: #b9b9b9;
}
.renewed.mypage.manage-coupons .gray-400 {
  color: #bebebe;
}
.renewed.mypage.manage-coupons .gray-500 {
  color: #f5f5f5;
}
.renewed.mypage.manage-coupons .gray-600 {
  color: #f6f6f6;
}
.renewed.mypage.manage-coupons h3 {
  font-size: 1rem;
  margin-bottom: 1.0125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-coupons h3 {
    font-size: 1.125rem;
    margin-bottom: 1.125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-coupons h3 {
    font-size: 1.125rem;
    margin-bottom: 1.125rem;
  }
}
.renewed.mypage.manage-coupons .gray-container {
  background-color: #f6f6f6;
  border-radius: 0.63625rem;
  padding: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-coupons .gray-container {
    padding: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-coupons .gray-container {
    padding: 1.25rem;
  }
}
.renewed.mypage.manage-coupons .custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: transparent;
}
.renewed.mypage.manage-coupons .custom-select select {
  display: none; /* Hide the default select */
}
.renewed.mypage.manage-coupons .custom-select .select-selected {
  padding: 1rem 0.8rem;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #6e6e6e;
  border-bottom: 0.125rem solid #fa7300;
}
.renewed.mypage.manage-coupons .custom-select .select-selected img {
  pointer-events: none;
  max-height: 1rem;
}
.renewed.mypage.manage-coupons .custom-select .select-selected::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.7rem;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #6e6e6e;
}
.renewed.mypage.manage-coupons .custom-select .select-items {
  position: absolute;
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  width: 100%;
  z-index: 99;
  overflow: hidden;
  display: none;
}
.renewed.mypage.manage-coupons .custom-select .select-items div {
  padding: 1rem 0.8rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.renewed.mypage.manage-coupons .custom-select .select-items div img {
  pointer-events: none;
  max-height: 0.875rem;
}
.renewed.mypage.manage-coupons .register input {
  font-size: 1rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-coupons .register input {
    font-size: 1.125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-coupons .register input {
    font-size: 1.125rem;
  }
}
.renewed.mypage.manage-coupons .register button.submit {
  font-size: 0.9rem;
  margin-top: 1rem;
  margin-bottom: 0.45rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-coupons .register button.submit {
    font-size: 1rem;
    margin-bottom: 0.4375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-coupons .register button.submit {
    font-size: 1rem;
    margin-bottom: 0.4375rem;
  }
}
.renewed.mypage.manage-coupons .my-coupons {
  margin-top: 1.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-coupons .my-coupons {
    margin-top: 1.8875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-coupons .my-coupons {
    margin-top: 1.8875rem;
  }
}
.renewed.mypage.manage-coupons .my-coupons-list {
  gap: 0.7rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-coupons .my-coupons-list {
    gap: 0.9375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-coupons .my-coupons-list {
    gap: 0.9375rem;
  }
}
.renewed.mypage.manage-coupons .my-coupons-item {
  border-radius: 0.625rem;
}
.renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(1) {
  margin-bottom: 0.9875rem;
}
.renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(1) .img-wrap {
  height: 1rem;
  overflow: hidden;
  aspect-ratio: auto;
}
.renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(1) .img-wrap img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(1) button {
  line-height: 1;
}
.renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(2) {
  margin-bottom: 0.5rem;
  gap: 0.375rem;
}
.renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(2) .badge {
  background-color: #ffffff;
  border: 0.0625rem solid #fa7300;
  border-radius: 0.75rem;
  padding: 0.1875rem 0.4375rem;
  line-height: 1;
  font-size: 0.75rem;
}
.renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(3) {
  font-size: 0.75rem;
  gap: 0.7375rem;
}
.renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(3) .coupon-link {
  font-size: 0.75rem;
}
.renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(3) .expiration-date {
  font-size: 0.75rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.manage-coupons .my-coupons-item {
    border-radius: 0.703125rem;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(1) {
    margin-bottom: 0.9875rem;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(1) .img-wrap {
    height: 1rem;
    overflow: hidden;
    aspect-ratio: auto;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(1) .img-wrap img {
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(2) {
    margin-bottom: 0.5rem;
    gap: 0.375rem;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(2) .badge {
    border-radius: 0.75rem;
    padding: 0.1875rem 0.4375rem;
    line-height: 1;
    font-size: 0.75rem;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(3) {
    font-size: 0.75rem;
    gap: 0.7375rem;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(3) .coupon-link {
    font-size: 0.75rem;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(3) .expiration-date {
    font-size: 0.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.manage-coupons .my-coupons-item {
    border-radius: 0.703125rem;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(1) {
    margin-bottom: 0.9875rem;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(1) .img-wrap {
    height: 1rem;
    overflow: hidden;
    aspect-ratio: auto;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(1) .img-wrap img {
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(2) {
    margin-bottom: 0.5rem;
    gap: 0.375rem;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(2) .badge {
    border-radius: 0.75rem;
    padding: 0.1875rem 0.4375rem;
    line-height: 1;
    font-size: 0.75rem;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(3) {
    font-size: 0.75rem;
    gap: 0.7375rem;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(3) .coupon-link {
    font-size: 0.75rem;
  }
  .renewed.mypage.manage-coupons .my-coupons-item > .flex-row:nth-of-type(3) .expiration-date {
    font-size: 0.75rem;
  }
}
.renewed.mypage.manage-coupons .modal#pop_couponAdded .modal_wrap {
  padding: 1.7rem;
}
.renewed.mypage.manage-coupons .modal#pop_couponAdded img {
  width: 4.775rem;
  margin: auto;
  margin-bottom: 2.05rem;
}
.renewed.mypage.manage-coupons .modal#pop_couponAdded .area_text {
  font-size: 1rem;
  color: #373737;
  margin-bottom: 0.425rem;
}
.renewed.mypage.manage-coupons .modal#pop_couponAdded .small_text {
  font-size: 0.7rem;
  color: #5f656e;
}
.renewed.mypage.manage-coupons .modal#pop_couponAdded .modal_btn_wrap {
  margin: auto;
  margin-top: 1rem;
  width: 12.375rem;
}
.renewed.mypage.partnership-inquiry h4 {
  color: #4b5a68;
  font-size: 1rem;
  font-weight: 600;
}
.renewed.mypage.partnership-inquiry h4 .required-text {
  color: #fa7300;
  font-size: 0.75rem;
  vertical-align: text-top;
  margin-left: 0.3375rem;
}
.renewed.mypage.partnership-inquiry .guide {
  font-size: 0.9rem;
  font-weight: 600;
  color: #7a7a7a;
  margin-bottom: 2.5rem;
}
.renewed.mypage.partnership-inquiry .terms-and-conditions {
  margin-bottom: 2.975rem;
}
.renewed.mypage.partnership-inquiry .terms-and-conditions h4 {
  margin-bottom: 1.0125rem;
}
.renewed.mypage.partnership-inquiry .terms-and-conditions .text {
  background-color: #f5f5f5;
  color: #6a6a6a;
  padding: 0.9rem 1.25rem;
  border-radius: 0.625rem;
  font-size: 0.8rem;
  margin-bottom: 1.5rem;
}
.renewed.mypage.partnership-inquiry .terms-and-conditions .text ol {
  list-style: decimal;
  margin-left: 1.2em;
  line-height: 1.5rem;
  margin: 0.275rem 1.2em;
}
.renewed.mypage.partnership-inquiry .terms-and-conditions .chk_wrap {
  font-size: 1rem;
  font-weight: 600;
  color: #000;
}
.renewed.mypage.partnership-inquiry .inquiry-form label > .required-text {
  color: #fa7300;
}
.renewed.mypage.partnership-inquiry .inquiry-form .form_wrap.file {
  margin-bottom: 2.475rem;
}
.renewed.mypage.partnership-inquiry .inquiry-form .form_wrap.file .input_wrap {
  padding: unset;
  border-bottom: unset;
}
.renewed.mypage.partnership-inquiry .inquiry-form .form_wrap.file .input_wrap .txt_input {
  text-align: left;
  min-height: 2.075rem;
  border-bottom: 0.0625rem solid #d8d8d8;
  font-size: 1rem;
  font-weight: 500;
  color: #595959;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; /* Adjust this value as needed */
  display: inline-block;
}
.renewed.mypage.partnership-inquiry .inquiry-form .form_wrap.file .input_wrap label {
  margin-right: unset;
  background-color: #fa7300;
  color: #ffffff;
  padding: 0.5rem 1rem;
  border-radius: 0.625rem;
  font-size: 0.9375rem;
  font-weight: 600;
}
.renewed.mypage.partnership-inquiry .inquiry-form .notice {
  gap: 0.4rem;
  color: #717171;
  font-weight: 500;
  margin-top: 1.5rem;
  font-size: 0.8rem;
}
.renewed.mypage.partnership-inquiry .inquiry-form .notice img {
  opacity: 0.4;
  height: 1.25rem;
  width: 1.05rem;
  aspect-ratio: 1/1;
}
.renewed.mypage.partnership-inquiry .submit {
  display: block;
  width: 100%;
  max-width: 20rem;
  margin: auto;
  font-size: 1.05rem;
  padding: 1rem;
  border-radius: 0.625rem;
  margin-top: 2.5rem;
}
.renewed.mypage.partnership-inquiry .modal#inquirySuccess .modal_cont {
  margin-top: unset;
}
.renewed.mypage.partnership-inquiry .modal#inquirySuccess img {
  width: 5rem;
  aspect-ratio: 1/1;
}
.renewed.mypage.partnership-inquiry .modal#inquirySuccess h2 {
  font-size: 1rem;
  color: #373737;
  font-weight: 600;
}
.renewed.mypage.partnership-inquiry .modal#inquirySuccess p {
  font-size: 0.7rem;
  color: #5f656e;
  font-weight: 600;
}
.renewed.mypage.partnership-inquiry .modal#inquirySuccess .modal_btn_wrap .btn {
  width: 100%;
  max-width: 12.5rem;
  padding: 1rem;
}
.renewed.mypage.nh-firmbank .page-title {
  margin-bottom: 0;
}
.renewed.mypage.nh-firmbank .page-title h1 {
  font-size: ㅔtr(22);
  font-weight: 700;
  line-height: 2rem;
  color: #3c4045;
  margin-bottom: 0.75rem;
}
.renewed.mypage.nh-firmbank .page-title p {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #4b5a68;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.nh-firmbank .page-title h1 {
    font-size: ㅔtr(26.4);
    line-height: 2.4rem;
    margin-bottom: 0.8875rem;
  }
  .renewed.mypage.nh-firmbank .page-title p {
    font-size: 1.05rem;
    line-height: 1.65rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.nh-firmbank .page-title h1 {
    font-size: ㅔtr(26.4);
    line-height: 2.4rem;
    margin-bottom: 0.8875rem;
  }
  .renewed.mypage.nh-firmbank .page-title p {
    font-size: 1.05rem;
    line-height: 1.65rem;
  }
}
.renewed.mypage.nh-firmbank .btn-container {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding-top: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.nh-firmbank .btn-container {
    gap: 1.25rem;
    padding-top: 3.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.nh-firmbank .btn-container {
    gap: 1.25rem;
    padding-top: 3.75rem;
  }
}
.renewed.mypage.nh-firmbank .btn-container button,
.renewed.mypage.nh-firmbank .btn-container a {
  display: block;
  cursor: pointer;
  text-align: center;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.96875rem;
  border-radius: 0.625rem;
  line-height: 1;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.nh-firmbank .btn-container button,
  .renewed.mypage.nh-firmbank .btn-container a {
    width: 17.5rem;
    font-size: 1.35rem;
    padding: 1.125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.nh-firmbank .btn-container button,
  .renewed.mypage.nh-firmbank .btn-container a {
    width: 17.5rem;
    font-size: 1.35rem;
    padding: 1.125rem;
  }
}
.renewed.mypage.nh-firmbank.withdrawal-consent .img-wrap {
  width: 12.125rem;
  align-self: center;
  margin: auto auto;
  padding: 1.25rem 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.nh-firmbank.withdrawal-consent .img-wrap {
    width: 14.625rem;
    padding: 3.75rem 0 6.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.nh-firmbank.withdrawal-consent .img-wrap {
    width: 14.625rem;
    padding: 3.75rem 0 6.25rem;
  }
}
.renewed.mypage.nh-firmbank.withdrawal-consent .img-wrap img {
  width: 100%;
}
.renewed.mypage.nh-firmbank.withdrawal-consent .checkbox_group_container {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.renewed.mypage.nh-firmbank.withdrawal-consent .checkbox_group_container .chk_wrap {
  align-items: center;
}
.renewed.mypage.nh-firmbank.withdrawal-consent .checkbox_group_container .chk_wrap label {
  color: #14161e;
  font-weight: 500;
}
.renewed.mypage.nh-firmbank.withdrawal-consent .btn-container {
  margin-top: unset;
}
.renewed.mypage.nh-firmbank.ars-complete .guide-grid {
  display: grid;
  grid-template-columns: 1fr fit-content(100%) 1fr;
  gap: 0.625rem;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-items: center;
  margin: 4rem auto 1.25rem;
  gap: 0.875rem 1.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.nh-firmbank.ars-complete .guide-grid {
    gap: 1rem 1.65rem;
    margin: 3.75rem auto 3.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.nh-firmbank.ars-complete .guide-grid {
    gap: 1rem 1.65rem;
    margin: 3.75rem auto 3.75rem;
  }
}
.renewed.mypage.nh-firmbank.ars-complete .guide-grid .image img,
.renewed.mypage.nh-firmbank.ars-complete .guide-grid .image svg,
.renewed.mypage.nh-firmbank.ars-complete .guide-grid .arrow img,
.renewed.mypage.nh-firmbank.ars-complete .guide-grid .arrow svg {
  display: block;
  width: 100%;
}
.renewed.mypage.nh-firmbank.ars-complete .guide-grid .image {
  width: 3.375rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.nh-firmbank.ars-complete .guide-grid .image {
    width: 4rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.nh-firmbank.ars-complete .guide-grid .image {
    width: 4rem;
  }
}
.renewed.mypage.nh-firmbank.ars-complete .guide-grid .text {
  align-self: flex-start;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #4b5a68;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.nh-firmbank.ars-complete .guide-grid .text {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.nh-firmbank.ars-complete .guide-grid .text {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
}
.renewed.mypage.nh-firmbank.ars-complete .guide-text {
  background-color: #f5f5f5;
  padding: 0.75rem 1.25rem;
  border-radius: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #858f98;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.nh-firmbank.ars-complete .guide-text {
    font-size: 1.05rem;
    line-height: 1.5rem;
    padding: 0.9rem 1.5rem;
    border-radius: 0.75rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.nh-firmbank.ars-complete .guide-text {
    font-size: 1.05rem;
    line-height: 1.5rem;
    padding: 0.9rem 1.5rem;
    border-radius: 0.75rem;
  }
}
.renewed.mypage.nh-firmbank.consent-complete .guide-img {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding: 1.25rem;
}
.renewed.mypage.nh-firmbank.consent-complete .guide-img img {
  display: block;
  width: 6rem;
  margin-bottom: 5.9375rem;
}
.renewed.mypage.nh-firmbank.consent-complete .guide-img p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #7a7a7a;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.nh-firmbank.consent-complete .guide-img {
    margin: 3.75rem auto;
  }
  .renewed.mypage.nh-firmbank.consent-complete .guide-img img {
    width: 5.875rem;
    margin-bottom: 3.75rem;
  }
  .renewed.mypage.nh-firmbank.consent-complete .guide-img p {
    font-size: 1.05rem;
    line-height: 1.35rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.nh-firmbank.consent-complete .guide-img {
    margin: 3.75rem auto;
  }
  .renewed.mypage.nh-firmbank.consent-complete .guide-img img {
    width: 5.875rem;
    margin-bottom: 3.75rem;
  }
  .renewed.mypage.nh-firmbank.consent-complete .guide-img p {
    font-size: 1.05rem;
    line-height: 1.35rem;
  }
}
.renewed.mypage.nh-firmbank.consent-complete .guide-text {
  margin-top: auto;
  background-color: rgba(250, 115, 0, 0.15);
  padding: 0.75rem 1.25rem;
  border-radius: 1.075rem;
  color: #858f98;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
}
.renewed.mypage.nh-firmbank.consent-complete .guide-text span {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.nh-firmbank.consent-complete .guide-text {
    font-size: 0.9rem;
    line-height: 1.35rem;
    padding: 0.9rem 1.5rem;
    border-radius: 1.29rem;
  }
  .renewed.mypage.nh-firmbank.consent-complete .guide-text span {
    margin-bottom: 0.6rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.nh-firmbank.consent-complete .guide-text {
    font-size: 0.9rem;
    line-height: 1.35rem;
    padding: 0.9rem 1.5rem;
    border-radius: 1.29rem;
  }
  .renewed.mypage.nh-firmbank.consent-complete .guide-text span {
    margin-bottom: 0.6rem;
  }
}
.renewed.mypage.nh-firmbank.consent-complete .btn-container {
  margin-top: unset;
}
.renewed.mypage.nh-firmbank.terms-of-use .page-title, .renewed.mypage.nh-firmbank.third-party-consent .page-title {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.nh-firmbank.terms-of-use .page-title, .renewed.mypage.nh-firmbank.third-party-consent .page-title {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.nh-firmbank.terms-of-use .page-title, .renewed.mypage.nh-firmbank.third-party-consent .page-title {
    margin-bottom: 2.5rem;
  }
}
.renewed.mypage.nh-firmbank.terms-of-use .text-container, .renewed.mypage.nh-firmbank.third-party-consent .text-container {
  font-size: 0.75rem;
  line-height: 1.15rem;
  color: #5f656e;
  font-weight: 600;
}
.renewed.mypage.nh-firmbank.terms-of-use .text-container .title, .renewed.mypage.nh-firmbank.third-party-consent .text-container .title {
  color: #fa7300;
  font-size: 1.02rem;
  line-height: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.mypage.nh-firmbank.terms-of-use .text-container, .renewed.mypage.nh-firmbank.third-party-consent .text-container {
    font-size: 0.9rem;
    line-height: 1.38125rem;
  }
}
@media (min-width: 1225px) {
  .renewed.mypage.nh-firmbank.terms-of-use .text-container, .renewed.mypage.nh-firmbank.third-party-consent .text-container {
    font-size: 0.9rem;
    line-height: 1.38125rem;
  }
}
.renewed.membership .content-wrap {
  padding: 1.5rem 1.3rem;
  display: flex;
  flex-direction: column;
  max-width: 38.75rem;
  margin: auto;
}
@media (max-width: 767px) {
  .renewed.membership .content-wrap {
    padding: 3.125rem 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership .content-wrap {
    padding: 5rem 0;
  }
}
@media (min-width: 1225px) {
  .renewed.membership .content-wrap {
    padding: 5rem 0;
  }
}
.renewed.membership h2 {
  font-size: 1.5rem;
  line-height: 2.1625rem;
}
.renewed.membership h3 {
  font-size: 1.3rem;
}
.renewed.membership h2,
.renewed.membership h3 {
  color: #3c4045;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership h2,
  .renewed.membership h3 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership h2,
  .renewed.membership h3 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}
.renewed.membership img {
  pointer-events: none;
}
.renewed.membership .page-title {
  font-size: 1.3rem;
  gap: 0.6rem;
  margin-bottom: 2.0125rem;
}
.renewed.membership .page-title img {
  max-height: 1.075rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership .page-title {
    font-size: 1.875rem;
    margin-bottom: 2.25rem;
  }
  .renewed.membership .page-title img {
    max-height: 1.4375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership .page-title {
    font-size: 1.875rem;
    margin-bottom: 2.25rem;
  }
  .renewed.membership .page-title img {
    max-height: 1.4375rem;
  }
}
.renewed.membership h2 {
  font-size: 1.5rem;
  line-height: 2.1625rem;
}
.renewed.membership h3 {
  font-size: 1.3rem;
}
.renewed.membership h2,
.renewed.membership h3 {
  color: #3c4045;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership h2,
  .renewed.membership h3 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership h2,
  .renewed.membership h3 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}
.renewed.membership img {
  pointer-events: none;
}
.renewed.membership .page-title {
  font-size: 1.3rem;
  gap: 0.6rem;
  margin-bottom: 2.0125rem;
}
.renewed.membership .page-title img {
  max-height: 1.075rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership .page-title {
    font-size: 1.875rem;
    margin-bottom: 2.25rem;
  }
  .renewed.membership .page-title img {
    max-height: 1.4375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership .page-title {
    font-size: 1.875rem;
    margin-bottom: 2.25rem;
  }
  .renewed.membership .page-title img {
    max-height: 1.4375rem;
  }
}
.renewed.membership.index .content-wrap {
  max-width: 42.5rem;
  margin: auto;
}
@media (max-width: 767px) {
  .renewed.membership.index .content-wrap {
    padding: 4rem 1.25rem;
  }
}
.renewed.membership.index h1 {
  font-size: 1.9rem;
  font-weight: 800;
}
.renewed.membership.index h2 {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership.index h2 {
    font-size: 1.625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership.index h2 {
    font-size: 1.625rem;
  }
}
.renewed.membership.index h3 {
  font-size: 1.2rem;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership.index h3 {
    font-size: 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership.index h3 {
    font-size: 1.25rem;
  }
}
.renewed.membership.index h1 + p,
.renewed.membership.index h2 + p {
  font-size: 0.9rem;
  line-height: 1.5125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership.index h1 + p,
  .renewed.membership.index h2 + p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership.index h1 + p,
  .renewed.membership.index h2 + p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
.renewed.membership.index .darker {
  color: #0c0228;
}
.renewed.membership.index .dark {
  color: #1a1f27;
}
.renewed.membership.index .light {
  color: #727171;
}
.renewed.membership.index .lighter {
  color: #888c92;
}
.renewed.membership.index img {
  width: 100%;
}
.renewed.membership.index .hero {
  background-color: #fff6ee;
}
.renewed.membership.index .hero h1 {
  margin-bottom: 1.5rem;
}
.renewed.membership.index .hero p {
  margin-bottom: 3.9625rem;
}
.renewed.membership.index .hero img {
  width: 100%;
  max-width: 25rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership.index .hero h1 {
    margin-bottom: 1.25rem;
  }
  .renewed.membership.index .hero p {
    margin-bottom: 2.25rem;
  }
  .renewed.membership.index .hero img {
    max-width: 32rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership.index .hero h1 {
    margin-bottom: 1.25rem;
  }
  .renewed.membership.index .hero p {
    margin-bottom: 2.25rem;
  }
  .renewed.membership.index .hero img {
    max-width: 32rem;
  }
}
.renewed.membership.index .intro h2 {
  margin-bottom: 0.95rem;
}
.renewed.membership.index .intro .content-wrap > p {
  margin-bottom: 1.4625rem;
}
.renewed.membership.index .intro .membership-slider {
  width: 100%;
}
.renewed.membership.index .intro .membership-slider .slick-slide {
  margin: 0 0.625rem;
}
.renewed.membership.index .intro .membership-slider .slick-list {
  margin: 0 -0.625rem;
}
.renewed.membership.index .intro .membership-slider .membership-item {
  background-color: #f7f7f7;
  border-radius: 1.2rem;
  padding: 1.2rem;
  width: 12.84rem;
  height: 15.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-wrap: pretty;
  font-size: 0.8rem;
  font-weight: 500;
  color: #4b5a68;
}
.renewed.membership.index .intro .membership-slider .membership-item .img-wrap {
  width: 100%;
  height: 7.925rem;
  display: grid;
  place-items: center;
}
.renewed.membership.index .intro .membership-slider .membership-item .img-wrap img {
  max-width: 5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership.index .intro h2 {
    margin-bottom: 1.25rem;
  }
  .renewed.membership.index .intro > p {
    margin-bottom: 1.875rem;
  }
  .renewed.membership.index .intro .membership-slider .membership-item {
    border-radius: 1.25rem;
    padding: 1.25rem;
    width: 13.375rem;
    height: 16.25rem;
    font-size: 0.875rem;
  }
  .renewed.membership.index .intro .membership-slider .membership-item .img-wrap {
    height: 8.25rem;
  }
  .renewed.membership.index .intro .membership-slider .membership-item .img-wrap img {
    max-width: 5.625rem;
  }
  .renewed.membership.index .intro .membership-slider .membership-item p {
    width: 100%;
  }
}
@media (min-width: 1225px) {
  .renewed.membership.index .intro h2 {
    margin-bottom: 1.25rem;
  }
  .renewed.membership.index .intro > p {
    margin-bottom: 1.875rem;
  }
  .renewed.membership.index .intro .membership-slider .membership-item {
    border-radius: 1.25rem;
    padding: 1.25rem;
    width: 13.375rem;
    height: 16.25rem;
    font-size: 0.875rem;
  }
  .renewed.membership.index .intro .membership-slider .membership-item .img-wrap {
    height: 8.25rem;
  }
  .renewed.membership.index .intro .membership-slider .membership-item .img-wrap img {
    max-width: 5.625rem;
  }
  .renewed.membership.index .intro .membership-slider .membership-item p {
    width: 100%;
  }
}
.renewed.membership.index .sign-up {
  background-color: #f9f9f9;
}
.renewed.membership.index .sign-up h2 {
  margin-bottom: 1.45rem;
}
.renewed.membership.index .sign-up .steps-slider {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.renewed.membership.index .sign-up .steps-slider li .img-wrap {
  width: 6rem;
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin-bottom: 1.2rem;
}
.renewed.membership.index .sign-up .steps-slider li .img-wrap img {
  display: block;
  aspect-ratio: 1/1;
  max-width: 60%;
}
.renewed.membership.index .sign-up .steps-slider p.darker {
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.renewed.membership.index .sign-up .steps-slider p.lighter {
  margin-top: 0.66rem;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.renewed.membership.index .sign-up .steps-slider .badge + p.lighter {
  margin-top: 0.235rem;
}
.renewed.membership.index .sign-up .steps-slider .badge {
  margin-top: 0.35rem;
  font-size: 0.67125rem;
  font-weight: 500;
  display: grid;
  place-content: center;
  color: #ffffff;
  padding: 0.25rem 1.05rem;
  background-color: #fa7300;
  border-radius: 0.255rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership.index .sign-up h2 {
    margin-bottom: 1.875rem;
  }
  .renewed.membership.index .sign-up .steps-slider {
    flex-direction: row;
    gap: 3.125rem;
  }
  .renewed.membership.index .sign-up .steps-slider li .img-wrap {
    width: 6.25rem;
    margin-bottom: 1.25rem;
  }
  .renewed.membership.index .sign-up .steps-slider p.darker {
    font-size: 1rem;
    line-height: 1.75rem;
  }
  .renewed.membership.index .sign-up .steps-slider p.lighter {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .renewed.membership.index .sign-up .steps-slider .badge + p.lighter {
    margin-top: 0.1875rem;
  }
  .renewed.membership.index .sign-up .steps-slider .badge {
    margin-top: 0.6875rem;
    font-size: 0.625rem;
    border-radius: 0.2375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership.index .sign-up h2 {
    margin-bottom: 1.875rem;
  }
  .renewed.membership.index .sign-up .steps-slider {
    flex-direction: row;
    gap: 3.125rem;
  }
  .renewed.membership.index .sign-up .steps-slider li .img-wrap {
    width: 6.25rem;
    margin-bottom: 1.25rem;
  }
  .renewed.membership.index .sign-up .steps-slider p.darker {
    font-size: 1rem;
    line-height: 1.75rem;
  }
  .renewed.membership.index .sign-up .steps-slider p.lighter {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .renewed.membership.index .sign-up .steps-slider .badge + p.lighter {
    margin-top: 0.1875rem;
  }
  .renewed.membership.index .sign-up .steps-slider .badge {
    margin-top: 0.6875rem;
    font-size: 0.625rem;
    border-radius: 0.2375rem;
  }
}
.renewed.membership.index .mileage {
  background-color: #fff6ee;
}
.renewed.membership.index .mileage h2 {
  margin-bottom: 2.35rem;
}
.renewed.membership.index .mileage .badge {
  font-size: 0.7rem;
  color: #ffffff;
  padding: 0.25rem 0.375rem;
  border-radius: 0.3rem;
  background-color: gray;
  font-weight: 600;
}
.renewed.membership.index .mileage .badge.repaying {
  background-color: #f9b422;
}
.renewed.membership.index .mileage .badge.funding {
  background-color: #5297f2;
}
.renewed.membership.index .mileage .badge.funded {
  background-color: #fa7300;
}
.renewed.membership.index .mileage .content-wrap > div {
  width: 100%;
}
.renewed.membership.index .mileage .content-wrap > div:not(:last-child) {
  margin-bottom: 1.6375rem;
}
.renewed.membership.index .mileage .content-wrap > div .title {
  font-size: 0.95rem;
  padding: 1.2rem;
  border-radius: 1.2rem;
  background-color: #ffffff;
  align-items: center;
  gap: 0.3rem;
  margin-bottom: 0.9rem;
}
.renewed.membership.index .mileage .content-wrap > div .title .icon {
  width: 1.32rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: relative;
}
.renewed.membership.index .mileage .content-wrap > div .title .icon.plus::before, .renewed.membership.index .mileage .content-wrap > div .title .icon.plus::after {
  content: "";
  position: absolute;
  background-color: #000;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
}
.renewed.membership.index .mileage .content-wrap > div .title .icon.plus::before {
  width: 0.12rem;
  height: 0.72rem;
}
.renewed.membership.index .mileage .content-wrap > div .title .icon.plus::after {
  width: 0.72rem;
  height: 0.12rem;
}
.renewed.membership.index .mileage .content-wrap > div .title .icon.minus::before {
  content: "";
  position: absolute;
  background-color: #000;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  width: 0.72rem;
  height: 0.12rem;
}
.renewed.membership.index .mileage .content-wrap > div .gray-container {
  background-color: #f3f3f3;
  padding: 0.6rem 1.2rem;
  border-radius: 0.6rem;
}
.renewed.membership.index .mileage .content-wrap > div .badges {
  gap: 1.3325rem;
}
.renewed.membership.index .mileage .content-wrap > div .badges li:not(:last-child) {
  position: relative;
}
.renewed.membership.index .mileage .content-wrap > div .badges li:not(:last-child)::after {
  position: absolute;
  display: block;
  content: "";
  right: -0.66625rem;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  width: 0.3rem;
  height: 0.72rem;
  background: url("/resources/fo/loanone/common/images/icons/chevron_right_dark.svg") no-repeat center;
  background-size: contain;
}
.renewed.membership.index .mileage .content-wrap > div > ul {
  display: flex;
  flex-direction: column;
  margin: 0 1.2rem;
}
.renewed.membership.index .mileage .content-wrap > div > ul li {
  font-size: 0.8rem;
}
.renewed.membership.index .mileage .content-wrap > div .dotted {
  position: relative;
}
.renewed.membership.index .mileage .content-wrap > div .dotted::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 0.1875rem;
  aspect-ratio: 1/1;
  background-color: #4b5a68;
  border-radius: 50%;
  vertical-align: middle;
  top: 50%;
  transform: translateY(-50%);
  left: -0.625rem;
}
.renewed.membership.index .mileage .content-wrap > div.credit .title {
  color: #fa7300;
}
.renewed.membership.index .mileage .content-wrap > div.credit .title .icon {
  background-color: rgba(255, 92, 0, 0.1);
}
.renewed.membership.index .mileage .content-wrap > div.credit .title .icon::before, .renewed.membership.index .mileage .content-wrap > div.credit .title .icon::after {
  background-color: #fa7300;
}
.renewed.membership.index .mileage .content-wrap > div.credit > ul {
  gap: 0.6rem;
}
.renewed.membership.index .mileage .content-wrap > div.credit .gray-container {
  margin-top: 0.75rem;
}
.renewed.membership.index .mileage .content-wrap > div.credit .gray-container span.bold {
  margin-right: 0.48rem;
}
.renewed.membership.index .mileage .content-wrap > div.expiration .title {
  color: #5297f2;
}
.renewed.membership.index .mileage .content-wrap > div.expiration .title .icon {
  background-color: rgba(82, 151, 242, 0.1);
}
.renewed.membership.index .mileage .content-wrap > div.expiration .title .icon::before, .renewed.membership.index .mileage .content-wrap > div.expiration .title .icon::after {
  background-color: #5297f2;
}
.renewed.membership.index .mileage .content-wrap > div.expiration .gray-container {
  margin-top: 1.0375rem;
}
.renewed.membership.index .mileage .content-wrap > div.expiration .gray-container p {
  margin-bottom: 0.2rem;
}
.renewed.membership.index .mileage .content-wrap > div.expiration .gray-container ul {
  gap: 0.325rem;
}
.renewed.membership.index .mileage .content-wrap > div.expiration .gray-container ul li {
  display: flex;
  align-items: center;
}
.renewed.membership.index .mileage .content-wrap > div.expiration .gray-container ul li .date {
  width: 2.1875rem;
  margin-right: 1.25rem;
}
.renewed.membership.index .mileage .content-wrap > div.family .title {
  color: #8b8b8b;
}
.renewed.membership.index .mileage .content-wrap > div.family .title .icon {
  background-color: rgba(168, 168, 168, 0.1);
}
.renewed.membership.index .mileage .content-wrap > div.family .title .icon::before, .renewed.membership.index .mileage .content-wrap > div.family .title .icon::after {
  background-color: #8b8b8b;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership.index .mileage h2 {
    margin-bottom: 1.875rem;
  }
  .renewed.membership.index .mileage .badge {
    font-size: 0.875rem;
    line-height: 1.375rem;
    border-radius: 0.3125rem;
  }
  .renewed.membership.index .mileage > div:not(:last-child) {
    margin-bottom: 1.875rem;
  }
  .renewed.membership.index .mileage > div .title {
    font-size: 1rem;
    padding: 1.25rem;
    border-radius: 1.25rem;
    gap: 0.3125rem;
    margin-bottom: 0.9375rem;
  }
  .renewed.membership.index .mileage > div .title .icon {
    width: 1.375rem;
  }
  .renewed.membership.index .mileage > div .title .icon.plus::before {
    width: 0.125rem;
    height: 0.75rem;
  }
  .renewed.membership.index .mileage > div .title .icon.plus::after {
    width: 0.75rem;
    height: 0.125rem;
  }
  .renewed.membership.index .mileage > div .title .icon.minus::before {
    width: 0.75rem;
    height: 0.125rem;
  }
  .renewed.membership.index .mileage > div .gray-container {
    padding: 0.625rem 1.25rem;
    border-radius: 0.625rem;
  }
  .renewed.membership.index .mileage > div > ul {
    display: flex;
    flex-direction: column;
    margin: 0 1.25rem;
  }
  .renewed.membership.index .mileage > div > ul li {
    font-size: 0.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership.index .mileage h2 {
    margin-bottom: 1.875rem;
  }
  .renewed.membership.index .mileage .badge {
    font-size: 0.875rem;
    line-height: 1.375rem;
    border-radius: 0.3125rem;
  }
  .renewed.membership.index .mileage > div:not(:last-child) {
    margin-bottom: 1.875rem;
  }
  .renewed.membership.index .mileage > div .title {
    font-size: 1rem;
    padding: 1.25rem;
    border-radius: 1.25rem;
    gap: 0.3125rem;
    margin-bottom: 0.9375rem;
  }
  .renewed.membership.index .mileage > div .title .icon {
    width: 1.375rem;
  }
  .renewed.membership.index .mileage > div .title .icon.plus::before {
    width: 0.125rem;
    height: 0.75rem;
  }
  .renewed.membership.index .mileage > div .title .icon.plus::after {
    width: 0.75rem;
    height: 0.125rem;
  }
  .renewed.membership.index .mileage > div .title .icon.minus::before {
    width: 0.75rem;
    height: 0.125rem;
  }
  .renewed.membership.index .mileage > div .gray-container {
    padding: 0.625rem 1.25rem;
    border-radius: 0.625rem;
  }
  .renewed.membership.index .mileage > div > ul {
    display: flex;
    flex-direction: column;
    margin: 0 1.25rem;
  }
  .renewed.membership.index .mileage > div > ul li {
    font-size: 0.875rem;
  }
}
.renewed.membership.index .merits h2 {
  margin-bottom: 1.45rem;
}
.renewed.membership.index .merits .img-container {
  width: 100%;
  aspect-ratio: 360/348;
  background: url("/resources/fo/loanone/common/images/membership-table-mobile.svg") no-repeat center;
  background-size: contain;
  margin-bottom: 1.25rem;
}
.renewed.membership.index .merits ul {
  text-align: left;
  font-size: 0.8rem;
  line-height: 1.3rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership.index .merits h2 {
    margin-bottom: 1.875rem;
  }
  .renewed.membership.index .merits .img-container {
    aspect-ratio: 680/380;
    background: url("/resources/fo/loanone/common/images/membership-table-desktop.svg") no-repeat center;
    margin-bottom: 0.9375rem;
  }
  .renewed.membership.index .merits ul {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership.index .merits h2 {
    margin-bottom: 1.875rem;
  }
  .renewed.membership.index .merits .img-container {
    aspect-ratio: 680/380;
    background: url("/resources/fo/loanone/common/images/membership-table-desktop.svg") no-repeat center;
    margin-bottom: 0.9375rem;
  }
  .renewed.membership.index .merits ul {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.renewed.membership.index .stats {
  background-color: #f9f9f9;
}
.renewed.membership.index .stats h2 {
  margin-bottom: 1.4625rem;
}
.renewed.membership.index .stats .stat-grid {
  /*           width: 100%; */
  max-width: 30.625rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 1.875rem;
}
.renewed.membership.index .stats .stat-grid .stat-item {
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
  gap: 0.5rem;
}
.renewed.membership.index .stats .stat-grid .stat-item .small {
  font-size: 0.9rem;
}
.renewed.membership.index .stats .stat-grid .stat-item .large {
  font-size: 1.2rem;
}
.renewed.membership.index .stats .stat-grid .stat-item .x-large {
  font-size: 2.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership.index .stats h2 {
    margin-bottom: 2.4375rem;
  }
  .renewed.membership.index .stats .stat-grid {
    gap: 1.875rem 9.5rem;
  }
  .renewed.membership.index .stats .stat-grid .stat-item .small {
    font-size: 1rem;
  }
  .renewed.membership.index .stats .stat-grid .stat-item .large {
    font-size: 1.5rem;
  }
  .renewed.membership.index .stats .stat-grid .stat-item .x-large {
    font-size: 3rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership.index .stats h2 {
    margin-bottom: 2.4375rem;
  }
  .renewed.membership.index .stats .stat-grid {
    gap: 1.875rem 9.5rem;
  }
  .renewed.membership.index .stats .stat-grid .stat-item .small {
    font-size: 1rem;
  }
  .renewed.membership.index .stats .stat-grid .stat-item .large {
    font-size: 1.5rem;
  }
  .renewed.membership.index .stats .stat-grid .stat-item .x-large {
    font-size: 3rem;
  }
}
.renewed.membership.index .faq h3 {
  margin-bottom: 0.9875rem;
}
.renewed.membership.index .faq .accordion-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.725rem;
  margin-bottom: 2rem;
}
.renewed.membership.index .faq .accordion-wrap .accordion-button {
  cursor: pointer;
  background-color: #f6f6f6;
  border-radius: 0.6rem;
  padding: 0.9rem 2.125rem;
  color: #0c0228;
  font-size: 0.96rem;
  width: 100%;
  font-weight: 500;
  text-align: left;
  outline: none;
  transition: all 0s ease-in-out 0.4s;
  position: relative;
}
.renewed.membership.index .faq .accordion-wrap .accordion-button::before {
  content: "Q";
  color: #fa7300;
  font-weight: 700;
  position: absolute;
  left: calc(2.125rem - 1em);
}
.renewed.membership.index .faq .accordion-wrap .accordion-button.active {
  border-radius: 0.6rem 0.6rem 0 0;
  transition: all 0s ease 0s;
}
.renewed.membership.index .faq .accordion-wrap .accordion-content {
  background-color: #f6f6f6;
  border-radius: 0 0 0.6rem 0.6rem;
  padding: 0 2.125rem;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  font-size: 0.96rem;
  font-weight: 500;
  color: #0c0228;
  position: relative;
}
.renewed.membership.index .faq .accordion-wrap .accordion-content::before {
  content: "A";
  font-weight: 700;
  color: #999999;
  position: absolute;
  left: calc(2.125rem - 1em);
}
.renewed.membership.index .faq .accordion-wrap .accordion-button.active + .accordion-content {
  max-height: 62.5rem;
  padding-bottom: 0.9rem;
}
.renewed.membership.index .faq .fixed-button-container {
  position: relative;
}
.renewed.membership.index .faq #fixedButton {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  font-size: 0.95rem;
  font-weight: 700;
  padding: 0.9rem;
  width: 18rem;
  margin: auto;
  border-radius: 0.6rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership.index .faq h3 {
    margin-bottom: 1.25rem;
  }
  .renewed.membership.index .faq .accordion-wrap {
    gap: 0.625rem;
  }
  .renewed.membership.index .faq .accordion-wrap .accordion-button {
    border-radius: 0.625rem;
    padding: 0.9375rem 2.125rem;
    font-size: 1rem;
    transition: all 0s ease-in-out 0.4s;
    position: relative;
  }
  .renewed.membership.index .faq .accordion-wrap .accordion-button::before {
    left: calc(2.125rem - 1em);
  }
  .renewed.membership.index .faq .accordion-wrap .accordion-button.active {
    border-radius: 0.625rem 0.625rem 0 0;
    transition: all 0s ease 0s;
  }
  .renewed.membership.index .faq .accordion-wrap .accordion-content {
    font-size: 1rem;
  }
  .renewed.membership.index .faq .accordion-wrap .accordion-content::before {
    left: calc(2.125rem - 1em);
  }
  .renewed.membership.index .faq .btn {
    font-size: 1rem;
    padding: 0.9375rem;
    width: 18.75rem;
    margin-top: 2.5rem;
    border-radius: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership.index .faq h3 {
    margin-bottom: 1.25rem;
  }
  .renewed.membership.index .faq .accordion-wrap {
    gap: 0.625rem;
  }
  .renewed.membership.index .faq .accordion-wrap .accordion-button {
    border-radius: 0.625rem;
    padding: 0.9375rem 2.125rem;
    font-size: 1rem;
    transition: all 0s ease-in-out 0.4s;
    position: relative;
  }
  .renewed.membership.index .faq .accordion-wrap .accordion-button::before {
    left: calc(2.125rem - 1em);
  }
  .renewed.membership.index .faq .accordion-wrap .accordion-button.active {
    border-radius: 0.625rem 0.625rem 0 0;
    transition: all 0s ease 0s;
  }
  .renewed.membership.index .faq .accordion-wrap .accordion-content {
    font-size: 1rem;
  }
  .renewed.membership.index .faq .accordion-wrap .accordion-content::before {
    left: calc(2.125rem - 1em);
  }
  .renewed.membership.index .faq .btn {
    font-size: 1rem;
    padding: 0.9375rem;
    width: 18.75rem;
    margin-top: 2.5rem;
    border-radius: 0.625rem;
  }
}
.renewed.membership.agreement {
  background-color: #f9f9f9;
}
.renewed.membership.agreement .agreement-wrap {
  border-radius: 0.6rem;
  overflow: hidden;
}
.renewed.membership.agreement .agreement-wrap .agreement-title {
  background-color: #fa7300;
  padding: 1.2rem 1.65rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: #ffffff;
}
.renewed.membership.agreement .agreement-wrap .agreement-content {
  padding: 1rem;
  background-color: #ffffff;
  font-size: 0.84rem;
  line-height: 1.4375rem;
  color: #4b5a68;
  font-weight: 500;
}
.renewed.membership.agreement .input_wrap {
  margin: 2.4875rem auto 1.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #000;
}
.renewed.membership.agreement .btn {
  font-size: 0.95rem;
  font-weight: 700;
  padding: 0.9rem;
  width: 18rem;
  border-radius: 0.6rem;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.membership.agreement .agreement-wrap {
    border-radius: 0.625rem;
  }
  .renewed.membership.agreement .agreement-wrap .agreement-title {
    padding: 1.25rem 2rem;
    font-size: 1rem;
  }
  .renewed.membership.agreement .agreement-wrap .agreement-content {
    padding: 1.5625rem 1.25rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .renewed.membership.agreement .input_wrap {
    margin: 2.5rem auto 1.875rem;
    font-size: 1rem;
  }
  .renewed.membership.agreement .btn {
    font-size: 1rem;
    padding: 0.9375rem;
    width: 18.75rem;
    border-radius: 0.625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.membership.agreement .agreement-wrap {
    border-radius: 0.625rem;
  }
  .renewed.membership.agreement .agreement-wrap .agreement-title {
    padding: 1.25rem 2rem;
    font-size: 1rem;
  }
  .renewed.membership.agreement .agreement-wrap .agreement-content {
    padding: 1.5625rem 1.25rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .renewed.membership.agreement .input_wrap {
    margin: 2.5rem auto 1.875rem;
    font-size: 1rem;
  }
  .renewed.membership.agreement .btn {
    font-size: 1rem;
    padding: 0.9375rem;
    width: 18.75rem;
    border-radius: 0.625rem;
  }
}
.renewed.guide.online-p2p .orange {
  color: #ff5c00 !important;
}
.renewed.guide.online-p2p section {
  padding: 4rem calc((100% - 20rem) / 2);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.online-p2p section {
    padding: 5rem calc((100% - 42.5rem) / 2);
  }
}
@media (min-width: 1225px) {
  .renewed.guide.online-p2p section {
    padding: 5rem calc((100% - 42.5rem) / 2);
  }
}
.renewed.guide.online-p2p .hero {
  background-color: #fff6d6;
}
.renewed.guide.online-p2p .hero p {
  font-size: 0.9rem;
  color: #727171;
  margin-bottom: 1.4625rem;
}
.renewed.guide.online-p2p .hero h1 {
  font-size: 1.8rem;
  text-align: center;
  color: #373737;
}
.renewed.guide.online-p2p .hero img {
  margin: 2.8125rem 0;
  width: 12.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.online-p2p .hero {
    min-height: 37.5rem;
  }
  .renewed.guide.online-p2p .hero p {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }
  .renewed.guide.online-p2p .hero h1 {
    font-size: 2.125rem;
  }
  .renewed.guide.online-p2p .hero img {
    margin: 0.625rem 0;
    width: 14.625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.online-p2p .hero {
    min-height: 37.5rem;
  }
  .renewed.guide.online-p2p .hero p {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }
  .renewed.guide.online-p2p .hero h1 {
    font-size: 2.125rem;
  }
  .renewed.guide.online-p2p .hero img {
    margin: 0.625rem 0;
    width: 14.625rem;
  }
}
.renewed.guide.online-p2p .get-to-know h2 {
  font-size: 1.5rem;
  color: #1a1f27;
  margin-bottom: 1.95rem;
}
.renewed.guide.online-p2p .get-to-know ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.renewed.guide.online-p2p .get-to-know ul li {
  width: 16.75rem;
}
.renewed.guide.online-p2p .get-to-know ul li a {
  background-color: #f3f3f3;
  border-radius: 1rem;
  padding: 0.7rem 1rem;
  display: flex;
  align-items: center;
}
.renewed.guide.online-p2p .get-to-know ul li a .img-container {
  background-color: #ffffff;
  border-radius: 50%;
  width: 2.6rem;
  aspect-ratio: 1/1;
  margin-right: 0.9rem;
  display: grid;
  place-items: center;
}
.renewed.guide.online-p2p .get-to-know ul li a .img-container img {
  width: 70%;
}
.renewed.guide.online-p2p .get-to-know ul li a p {
  font-size: 0.8rem;
  font-weight: 700;
  color: #4f83ee;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.online-p2p .get-to-know h2 {
    font-size: 2.5rem;
    color: #4b5463;
    margin-bottom: 5.25rem;
  }
  .renewed.guide.online-p2p .get-to-know ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.625rem;
    width: 100%;
  }
  .renewed.guide.online-p2p .get-to-know ul li {
    width: unset;
  }
  .renewed.guide.online-p2p .get-to-know ul li a {
    border-radius: 1.25rem;
    padding: 1.0625rem 1.375rem;
  }
  .renewed.guide.online-p2p .get-to-know ul li a .img-container {
    width: 2.9375rem;
    margin-right: 1.125rem;
  }
  .renewed.guide.online-p2p .get-to-know ul li a .img-container img {
    width: 70%;
  }
  .renewed.guide.online-p2p .get-to-know ul li a p {
    font-size: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.online-p2p .get-to-know h2 {
    font-size: 2.5rem;
    color: #4b5463;
    margin-bottom: 5.25rem;
  }
  .renewed.guide.online-p2p .get-to-know ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.625rem;
    width: 100%;
  }
  .renewed.guide.online-p2p .get-to-know ul li {
    width: unset;
  }
  .renewed.guide.online-p2p .get-to-know ul li a {
    border-radius: 1.25rem;
    padding: 1.0625rem 1.375rem;
  }
  .renewed.guide.online-p2p .get-to-know ul li a .img-container {
    width: 2.9375rem;
    margin-right: 1.125rem;
  }
  .renewed.guide.online-p2p .get-to-know ul li a .img-container img {
    width: 70%;
  }
  .renewed.guide.online-p2p .get-to-know ul li a p {
    font-size: 1rem;
  }
}
.renewed.guide.online-p2p .what-it-is {
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.renewed.guide.online-p2p .what-it-is h2,
.renewed.guide.online-p2p .what-it-is h3 {
  font-size: 1.5rem;
  color: rgba(255, 92, 0, 0.3);
}
.renewed.guide.online-p2p .what-it-is h2 sup,
.renewed.guide.online-p2p .what-it-is h3 sup {
  font-size: 0.85rem;
  vertical-align: super;
}
.renewed.guide.online-p2p .what-it-is .notes {
  margin-top: 0.75rem;
  font-size: 0.7rem;
  color: #6e6e6e;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.renewed.guide.online-p2p .what-it-is .img-container {
  margin-top: 1.25rem;
  align-self: flex-start;
}
.renewed.guide.online-p2p .what-it-is .img-container img {
  width: 8.125rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.online-p2p .what-it-is {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .renewed.guide.online-p2p .what-it-is h2,
  .renewed.guide.online-p2p .what-it-is h3 {
    font-size: 1.875rem;
  }
  .renewed.guide.online-p2p .what-it-is h2 sup,
  .renewed.guide.online-p2p .what-it-is h3 sup {
    font-size: 1.0625rem;
  }
  .renewed.guide.online-p2p .what-it-is .notes {
    margin-top: 0.9375rem;
    font-size: 0.75rem;
    gap: 0.25rem;
  }
  .renewed.guide.online-p2p .what-it-is .img-container {
    flex: 1;
    display: grid;
    place-items: center;
    margin-top: unset;
  }
  .renewed.guide.online-p2p .what-it-is .img-container img {
    width: 12.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.online-p2p .what-it-is {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .renewed.guide.online-p2p .what-it-is h2,
  .renewed.guide.online-p2p .what-it-is h3 {
    font-size: 1.875rem;
  }
  .renewed.guide.online-p2p .what-it-is h2 sup,
  .renewed.guide.online-p2p .what-it-is h3 sup {
    font-size: 1.0625rem;
  }
  .renewed.guide.online-p2p .what-it-is .notes {
    margin-top: 0.9375rem;
    font-size: 0.75rem;
    gap: 0.25rem;
  }
  .renewed.guide.online-p2p .what-it-is .img-container {
    flex: 1;
    display: grid;
    place-items: center;
    margin-top: unset;
  }
  .renewed.guide.online-p2p .what-it-is .img-container img {
    width: 12.875rem;
  }
}
.renewed.guide.online-p2p .how-it-works {
  background-color: #0f0f14;
  color: #ffffff;
}
.renewed.guide.online-p2p .how-it-works h2 {
  font-size: 1.5rem;
  margin-bottom: 1.45rem;
}
.renewed.guide.online-p2p .how-it-works .img-container {
  width: 100%;
  aspect-ratio: 280/594;
  background-image: url("/resources/fo/loanone/common/images/loan-flow-mobile.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.online-p2p .how-it-works h2 {
    font-size: 1.75rem;
    margin-bottom: 1.875rem;
  }
  .renewed.guide.online-p2p .how-it-works .img-container {
    aspect-ratio: 700/383;
    background-image: url("/resources/fo/loanone/common/images/loan-flow-desktop.svg");
  }
}
@media (min-width: 1225px) {
  .renewed.guide.online-p2p .how-it-works h2 {
    font-size: 1.75rem;
    margin-bottom: 1.875rem;
  }
  .renewed.guide.online-p2p .how-it-works .img-container {
    aspect-ratio: 700/383;
    background-image: url("/resources/fo/loanone/common/images/loan-flow-desktop.svg");
  }
}
.renewed.guide.online-p2p .winkstone h2 {
  font-size: 1.5rem;
}
.renewed.guide.online-p2p .winkstone .flex-dynamic {
  margin: 1.696875rem 0 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.675rem;
}
.renewed.guide.online-p2p .winkstone .flex-dynamic img {
  width: 5rem;
  transform: rotate(-14deg);
}
.renewed.guide.online-p2p .winkstone .flex-dynamic p {
  font-size: 1rem;
  color: rgba(60, 64, 69, 0.3);
  letter-spacing: 0em;
  text-wrap: pretty;
}
.renewed.guide.online-p2p .winkstone .flex-dynamic p .darker {
  color: #3c4045;
}
.renewed.guide.online-p2p .winkstone .button-container {
  background-color: #f9f9f9;
  border-radius: 1.25rem;
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9625rem;
}
.renewed.guide.online-p2p .winkstone .button-container p {
  font-size: 0.8rem;
  line-height: 1.3rem;
  color: #403131;
  letter-spacing: 0em;
}
.renewed.guide.online-p2p .winkstone .button-container .btn {
  padding: 0.875rem;
  width: 12.5rem;
  color: #ffffff;
  border-radius: 0.625rem;
  background-color: #5297f2;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.online-p2p .winkstone h2 {
    font-size: 1.625rem;
  }
  .renewed.guide.online-p2p .winkstone .flex-dynamic {
    flex-direction: row;
    align-items: center;
    gap: 1.75rem;
    margin-bottom: 2.25rem;
  }
  .renewed.guide.online-p2p .winkstone .flex-dynamic img {
    width: 7.5rem;
  }
  .renewed.guide.online-p2p .winkstone .flex-dynamic p {
    max-width: 18.75rem;
    text-align: left;
    font-size: 1.125rem;
  }
  .renewed.guide.online-p2p .winkstone .button-container {
    padding: 1.75rem 1.875rem;
    flex-direction: row;
    align-items: center;
    gap: 1.25rem;
  }
  .renewed.guide.online-p2p .winkstone .button-container p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #7a7a7a;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.online-p2p .winkstone h2 {
    font-size: 1.625rem;
  }
  .renewed.guide.online-p2p .winkstone .flex-dynamic {
    flex-direction: row;
    align-items: center;
    gap: 1.75rem;
    margin-bottom: 2.25rem;
  }
  .renewed.guide.online-p2p .winkstone .flex-dynamic img {
    width: 7.5rem;
  }
  .renewed.guide.online-p2p .winkstone .flex-dynamic p {
    max-width: 18.75rem;
    text-align: left;
    font-size: 1.125rem;
  }
  .renewed.guide.online-p2p .winkstone .button-container {
    padding: 1.75rem 1.875rem;
    flex-direction: row;
    align-items: center;
    gap: 1.25rem;
  }
  .renewed.guide.online-p2p .winkstone .button-container p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #7a7a7a;
  }
}
.renewed.guide.online-p2p .comparison {
  background-color: #f9f9f9;
}
.renewed.guide.online-p2p .comparison h2 {
  font-size: 1.5rem;
  color: #1a1f27;
  margin-bottom: 1.45rem;
}
.renewed.guide.online-p2p .comparison .comparison-container {
  width: 100%;
}
.renewed.guide.online-p2p .comparison .comparison-container .comparison-box:not(:last-child) {
  margin-bottom: 1.5rem;
}
.renewed.guide.online-p2p .comparison .comparison-container .comparison-box .img-container {
  width: 100%;
  background-color: #ffffff;
  border-radius: 1.25rem;
  aspect-ratio: 320/480;
  margin-bottom: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
}
.renewed.guide.online-p2p .comparison .comparison-container .comparison-box .img-container.bank {
  background-size: 100%;
  background-image: url("/resources/fo/loanone/common/images/comparison-bank-mobile.svg");
}
.renewed.guide.online-p2p .comparison .comparison-container .comparison-box .img-container.p2p {
  background-size: 100%;
  background-image: url("/resources/fo/loanone/common/images/comparison-p2p-mobile.svg");
}
.renewed.guide.online-p2p .comparison .comparison-container .comparison-box .details {
  font-size: 0.8rem;
  line-height: 1.25rem;
  color: #403131;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.online-p2p .comparison h2 {
    font-size: 1.625rem;
    color: #2c2d2d;
    margin-bottom: 1.875rem;
  }
  .renewed.guide.online-p2p .comparison .comparison-container .comparison-box:not(:last-child) {
    margin-bottom: 1.875rem;
  }
  .renewed.guide.online-p2p .comparison .comparison-container .comparison-box .img-container {
    aspect-ratio: 680/180;
    margin-bottom: 1.25rem;
  }
  .renewed.guide.online-p2p .comparison .comparison-container .comparison-box .img-container.bank {
    background-image: url("/resources/fo/loanone/common/images/comparison-bank-desktop.svg");
  }
  .renewed.guide.online-p2p .comparison .comparison-container .comparison-box .img-container.p2p {
    background-image: url("/resources/fo/loanone/common/images/comparison-p2p-desktop.svg");
  }
  .renewed.guide.online-p2p .comparison .comparison-container .comparison-box .details {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.online-p2p .comparison h2 {
    font-size: 1.625rem;
    color: #2c2d2d;
    margin-bottom: 1.875rem;
  }
  .renewed.guide.online-p2p .comparison .comparison-container .comparison-box:not(:last-child) {
    margin-bottom: 1.875rem;
  }
  .renewed.guide.online-p2p .comparison .comparison-container .comparison-box .img-container {
    aspect-ratio: 680/180;
    margin-bottom: 1.25rem;
  }
  .renewed.guide.online-p2p .comparison .comparison-container .comparison-box .img-container.bank {
    background-image: url("/resources/fo/loanone/common/images/comparison-bank-desktop.svg");
  }
  .renewed.guide.online-p2p .comparison .comparison-container .comparison-box .img-container.p2p {
    background-image: url("/resources/fo/loanone/common/images/comparison-p2p-desktop.svg");
  }
  .renewed.guide.online-p2p .comparison .comparison-container .comparison-box .details {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
.renewed.guide.online-p2p .crowdfunding {
  background-color: #ffeca7;
}
.renewed.guide.online-p2p .crowdfunding h2 {
  font-size: 1.5rem;
}
.renewed.guide.online-p2p .crowdfunding .badges {
  gap: 0.55375rem;
  margin: 1.5rem 0;
}
.renewed.guide.online-p2p .crowdfunding .badges .badge {
  background-color: #ffffff;
  border-radius: 1.84625rem;
  border: 0.06125rem solid #e2e2e2;
  padding: 0 0.675rem;
  height: 1.6rem;
  display: grid;
  place-items: center;
}
.renewed.guide.online-p2p .crowdfunding .badges .badge img {
  margin: 0;
  display: block;
  height: 60%;
}
.renewed.guide.online-p2p .crowdfunding .content {
  font-size: 0.8rem;
  line-height: 1.25rem;
  color: #403131;
}
.renewed.guide.online-p2p .crowdfunding .flex-dynamic {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.renewed.guide.online-p2p .crowdfunding .card {
  width: 100%;
  padding: 2rem 1.125rem;
  background-color: #ffffff;
  border-radius: 1.25rem;
}
.renewed.guide.online-p2p .crowdfunding .card .img-container {
  background-color: #f5f5f5;
  border-radius: 50%;
  width: 3.75rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
}
.renewed.guide.online-p2p .crowdfunding .card .img-container img {
  display: block;
  width: 50%;
}
.renewed.guide.online-p2p .crowdfunding .card h3 {
  font-size: 1.3rem;
  margin: 1rem 0;
}
.renewed.guide.online-p2p .crowdfunding .card ul {
  width: 100%;
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: -0.03em;
}
.renewed.guide.online-p2p .crowdfunding .card .cta {
  font-size: 1rem;
  margin-top: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.online-p2p .crowdfunding h2 {
    font-size: 1.625rem;
  }
  .renewed.guide.online-p2p .crowdfunding .badges {
    gap: 0.3125rem;
    margin: 1.875rem 0 2.9375rem;
  }
  .renewed.guide.online-p2p .crowdfunding .badges .badge {
    border-radius: 1.875rem;
    border: 0.03125rem solid #fa7300;
    padding: 0 0.875rem;
    height: 2rem;
  }
  .renewed.guide.online-p2p .crowdfunding .content {
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-align: center;
  }
  .renewed.guide.online-p2p .crowdfunding .flex-dynamic {
    margin-top: 2.375rem;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
  }
  .renewed.guide.online-p2p .crowdfunding .card {
    padding: 2.625rem 1.875rem 2.375rem;
  }
  .renewed.guide.online-p2p .crowdfunding .card .img-container {
    width: 4.5rem;
  }
  .renewed.guide.online-p2p .crowdfunding .card h3 {
    font-size: 1.5rem;
    margin: 1.25rem 0 1rem;
  }
  .renewed.guide.online-p2p .crowdfunding .card ul {
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: -0.05em;
  }
  .renewed.guide.online-p2p .crowdfunding .card .cta {
    font-size: 1rem;
    margin-top: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.online-p2p .crowdfunding h2 {
    font-size: 1.625rem;
  }
  .renewed.guide.online-p2p .crowdfunding .badges {
    gap: 0.3125rem;
    margin: 1.875rem 0 2.9375rem;
  }
  .renewed.guide.online-p2p .crowdfunding .badges .badge {
    border-radius: 1.875rem;
    border: 0.03125rem solid #fa7300;
    padding: 0 0.875rem;
    height: 2rem;
  }
  .renewed.guide.online-p2p .crowdfunding .content {
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-align: center;
  }
  .renewed.guide.online-p2p .crowdfunding .flex-dynamic {
    margin-top: 2.375rem;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
  }
  .renewed.guide.online-p2p .crowdfunding .card {
    padding: 2.625rem 1.875rem 2.375rem;
  }
  .renewed.guide.online-p2p .crowdfunding .card .img-container {
    width: 4.5rem;
  }
  .renewed.guide.online-p2p .crowdfunding .card h3 {
    font-size: 1.5rem;
    margin: 1.25rem 0 1rem;
  }
  .renewed.guide.online-p2p .crowdfunding .card ul {
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: -0.05em;
  }
  .renewed.guide.online-p2p .crowdfunding .card .cta {
    font-size: 1rem;
    margin-top: 1rem;
  }
}
.renewed.guide.interest-and-fees section {
  padding: 1rem calc((100% - 20rem) / 2) 0;
  margin-top: 2rem;
  position: relative;
}
.renewed.guide.interest-and-fees section::before {
  content: "";
  position: absolute;
  width: 20rem;
  height: 0.075rem;
  background-color: #d9d9d9;
  top: 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.interest-and-fees section {
    padding: 1.25rem calc((100% - 42.5rem) / 2) 0;
    margin-top: 3.75rem;
  }
  .renewed.guide.interest-and-fees section::before {
    content: "";
    position: absolute;
    width: 42.5rem;
    height: 0.0625rem;
    background-color: #d9d9d9;
    top: 0;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.interest-and-fees section {
    padding: 1.25rem calc((100% - 42.5rem) / 2) 0;
    margin-top: 3.75rem;
  }
  .renewed.guide.interest-and-fees section::before {
    content: "";
    position: absolute;
    width: 42.5rem;
    height: 0.0625rem;
    background-color: #d9d9d9;
    top: 0;
  }
}
.renewed.guide.interest-and-fees .repayment-methods h1 {
  font-size: 1rem;
  font-weight: 600;
  color: #0c0228;
  margin-bottom: 1.95rem;
}
.renewed.guide.interest-and-fees .repayment-methods h2 {
  font-size: 0.95rem;
  font-weight: 600;
  color: #727171;
  margin-bottom: 1.5rem;
}
.renewed.guide.interest-and-fees .repayment-methods .graph-container {
  width: 100%;
  aspect-ratio: 320/152;
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
}
.renewed.guide.interest-and-fees .repayment-methods .graph-container.lumpsum {
  background-image: url("/resources/fo/loanone/common/images/lumpsum-graph-mobile.svg");
}
.renewed.guide.interest-and-fees .repayment-methods .graph-container.constant-amortization-loan {
  background-image: url("/resources/fo/loanone/common/images/constant-amortization-loan-graph-mobile.svg");
}
.renewed.guide.interest-and-fees .repayment-methods .graph-container.amortized-loan {
  background-image: url("/resources/fo/loanone/common/images/amortized-loan-graph-mobile.svg");
}
.renewed.guide.interest-and-fees .repayment-methods .text {
  font-size: 0.7rem;
  font-weight: 500;
  color: #999999;
  margin: 0.5rem 0 1.5rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.interest-and-fees .repayment-methods h1 {
    font-size: 1.375rem;
    margin-bottom: 2.5rem;
  }
  .renewed.guide.interest-and-fees .repayment-methods h2 {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
  }
  .renewed.guide.interest-and-fees .repayment-methods .graph-container {
    aspect-ratio: 680/194;
  }
  .renewed.guide.interest-and-fees .repayment-methods .graph-container.lumpsum {
    background-image: url("/resources/fo/loanone/common/images/lumpsum-graph-desktop.svg");
    background-size: 29.375rem;
  }
  .renewed.guide.interest-and-fees .repayment-methods .graph-container.constant-amortization-loan {
    background-image: url("/resources/fo/loanone/common/images/constant-amortization-loan-graph-desktop.svg");
  }
  .renewed.guide.interest-and-fees .repayment-methods .graph-container.amortized-loan {
    background-image: url("/resources/fo/loanone/common/images/amortized-loan-graph-desktop.svg");
  }
  .renewed.guide.interest-and-fees .repayment-methods .text {
    font-size: 0.875rem;
    margin-top: 1rem;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.interest-and-fees .repayment-methods h1 {
    font-size: 1.375rem;
    margin-bottom: 2.5rem;
  }
  .renewed.guide.interest-and-fees .repayment-methods h2 {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
  }
  .renewed.guide.interest-and-fees .repayment-methods .graph-container {
    aspect-ratio: 680/194;
  }
  .renewed.guide.interest-and-fees .repayment-methods .graph-container.lumpsum {
    background-image: url("/resources/fo/loanone/common/images/lumpsum-graph-desktop.svg");
    background-size: 29.375rem;
  }
  .renewed.guide.interest-and-fees .repayment-methods .graph-container.constant-amortization-loan {
    background-image: url("/resources/fo/loanone/common/images/constant-amortization-loan-graph-desktop.svg");
  }
  .renewed.guide.interest-and-fees .repayment-methods .graph-container.amortized-loan {
    background-image: url("/resources/fo/loanone/common/images/amortized-loan-graph-desktop.svg");
  }
  .renewed.guide.interest-and-fees .repayment-methods .text {
    font-size: 0.875rem;
    margin-top: 1rem;
  }
}
.renewed.guide.interest-and-fees .product-fees h1 {
  font-size: 1rem;
  font-weight: 600;
  color: #0c0228;
  margin-bottom: 1.25rem;
}
.renewed.guide.interest-and-fees .product-fees h2 {
  font-size: 1rem;
  font-weight: 600;
  color: #0c0228;
  margin-bottom: 1.375rem;
}
.renewed.guide.interest-and-fees .product-fees h3 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #727171;
}
.renewed.guide.interest-and-fees .product-fees .table-container {
  width: 100%;
  border-collapse: collapse;
  margin: 0.6rem 0 1.5rem;
}
.renewed.guide.interest-and-fees .product-fees .table-container th,
.renewed.guide.interest-and-fees .product-fees .table-container td {
  border: 0.025rem solid #b9b9b9;
  padding: 0.75rem;
  font-size: 0.7rem;
  font-weight: 500;
}
.renewed.guide.interest-and-fees .product-fees .table-container th {
  background-color: #fff6ee;
  color: #727171;
  width: 6rem;
  vertical-align: middle;
  position: relative;
}
.renewed.guide.interest-and-fees .product-fees .table-container .notice {
  position: absolute;
  width: 90%;
  transform: translateX(-50%);
  bottom: 0.475rem;
  left: 50%;
  color: #999999;
}
.renewed.guide.interest-and-fees .product-fees .table-container td {
  background-color: #fff;
  color: #727171;
}
.renewed.guide.interest-and-fees .product-fees .dotted {
  line-height: 1;
}
.renewed.guide.interest-and-fees .product-fees .dotted .dotted {
  margin-left: 1em;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.interest-and-fees .product-fees h1 {
    font-size: 1.375rem;
    margin-bottom: 2.625rem;
  }
  .renewed.guide.interest-and-fees .product-fees h2 {
    font-size: 1.375rem;
    margin-bottom: 1.75rem;
  }
  .renewed.guide.interest-and-fees .product-fees h3 {
    font-size: 1.125rem;
  }
  .renewed.guide.interest-and-fees .product-fees .table-container {
    margin: 1.5rem 0 3.625rem;
  }
  .renewed.guide.interest-and-fees .product-fees .table-container th,
  .renewed.guide.interest-and-fees .product-fees .table-container td {
    border: 0.03125rem solid #b9b9b9;
    padding: 0.9375rem;
    font-size: 0.875rem;
  }
  .renewed.guide.interest-and-fees .product-fees .table-container th {
    background-color: #fff6ee;
    color: #727171;
    width: 12.5rem;
    vertical-align: middle;
    position: relative;
  }
  .renewed.guide.interest-and-fees .product-fees .table-container .notice {
    bottom: 0.9375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.interest-and-fees .product-fees h1 {
    font-size: 1.375rem;
    margin-bottom: 2.625rem;
  }
  .renewed.guide.interest-and-fees .product-fees h2 {
    font-size: 1.375rem;
    margin-bottom: 1.75rem;
  }
  .renewed.guide.interest-and-fees .product-fees h3 {
    font-size: 1.125rem;
  }
  .renewed.guide.interest-and-fees .product-fees .table-container {
    margin: 1.5rem 0 3.625rem;
  }
  .renewed.guide.interest-and-fees .product-fees .table-container th,
  .renewed.guide.interest-and-fees .product-fees .table-container td {
    border: 0.03125rem solid #b9b9b9;
    padding: 0.9375rem;
    font-size: 0.875rem;
  }
  .renewed.guide.interest-and-fees .product-fees .table-container th {
    background-color: #fff6ee;
    color: #727171;
    width: 12.5rem;
    vertical-align: middle;
    position: relative;
  }
  .renewed.guide.interest-and-fees .product-fees .table-container .notice {
    bottom: 0.9375rem;
  }
}
.renewed.guide.notice {
  padding: 3rem 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.notice {
    padding: 6.25rem 0;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.notice {
    padding: 6.25rem 0;
  }
}
.renewed.guide.notice section {
  padding: 0 calc((100% - 22.5rem) / 2);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.notice section {
    padding: 0 calc((100% - 38.75rem) / 2);
  }
}
@media (min-width: 1225px) {
  .renewed.guide.notice section {
    padding: 0 calc((100% - 38.75rem) / 2);
  }
}
.renewed.guide.notice h1 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #3c4045;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.notice h1 {
    font-size: 1.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.notice h1 {
    font-size: 1.875rem;
  }
}
.renewed.guide.notice .filter-container {
  margin-top: 2rem;
  display: flex;
  gap: 0.625rem;
  flex-wrap: wrap;
  justify-content: center;
}
.renewed.guide.notice .filter-container .filter-option {
  position: relative;
  display: inline-block;
}
.renewed.guide.notice .filter-container .filter-option input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.renewed.guide.notice .filter-container .filter-option span {
  display: inline-block;
  padding: 0.25rem 1.25rem;
  background-color: #f9f9f9;
  border-radius: 0.875rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #6e6e6e;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.1s, color 0.1s;
}
.renewed.guide.notice .filter-container .filter-option input[type=radio]:checked + span {
  background-color: #fa7300;
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.notice .filter-container {
    margin-top: 2.8125rem;
    gap: 0.5rem;
  }
  .renewed.guide.notice .filter-container .filter-option span {
    padding: 0.25rem 1.5625rem;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.notice .filter-container {
    margin-top: 2.8125rem;
    gap: 0.5rem;
  }
  .renewed.guide.notice .filter-container .filter-option span {
    padding: 0.25rem 1.5625rem;
  }
}
.renewed.guide.notice .accordion-list {
  margin-top: 2.5rem;
  gap: 0.625rem;
}
.renewed.guide.notice .accordion-list .accordion-item {
  overflow: hidden;
  background-color: #fff;
}
.renewed.guide.notice .accordion-list .accordion-item .accordion-header {
  border: 0.0625rem solid #f1f2f4;
  border-radius: 0.625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.7rem 0.75rem;
  cursor: pointer;
  background-color: #ffffff;
}
.renewed.guide.notice .accordion-list .accordion-item .accordion-header .status {
  color: #fa7300;
  font-weight: 600;
  margin-right: 0.575rem;
  font-size: 0.85rem;
}
.renewed.guide.notice .accordion-list .accordion-item .accordion-header .title {
  flex-grow: 1;
  font-size: 0.85rem;
  font-weight: 500;
  color: #0c0228;
}
.renewed.guide.notice .accordion-list .accordion-item .accordion-header .date {
  color: #8b8b8b;
  font-size: 0.8rem;
  font-weight: 500;
  margin-right: 0.475rem;
}
.renewed.guide.notice .accordion-list .accordion-item .accordion-header .arrow {
  font-size: 0.5rem;
  color: #999;
  transition: transform 0.3s;
}
.renewed.guide.notice .accordion-list .accordion-item .accordion-content {
  padding: 0rem 0.75rem;
  background-color: #fff;
  color: #727171;
  max-height: 0;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}
.renewed.guide.notice .accordion-list .accordion-item.active .accordion-content {
  padding: 1rem 0.75rem;
  max-height: 1000px;
}
.renewed.guide.notice .accordion-list .accordion-item.active .arrow {
  transform: rotate(180deg);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.notice .accordion-list .accordion-item .accordion-header {
    padding: 0.7rem 1.25rem;
  }
  .renewed.guide.notice .accordion-list .accordion-item .accordion-header .status {
    margin-right: 0.625rem;
    font-size: 0.875rem;
  }
  .renewed.guide.notice .accordion-list .accordion-item .accordion-header .title {
    flex-grow: 1;
    font-size: 0.875rem;
  }
  .renewed.guide.notice .accordion-list .accordion-item .accordion-header .date {
    font-size: 0.875rem;
    margin-right: 1.25rem;
  }
  .renewed.guide.notice .accordion-list .accordion-item .accordion-content {
    padding: 0rem 1.25rem;
  }
  .renewed.guide.notice .accordion-list .accordion-item.active .accordion-content {
    padding: 1rem 1.25rem;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.notice .accordion-list .accordion-item .accordion-header {
    padding: 0.7rem 1.25rem;
  }
  .renewed.guide.notice .accordion-list .accordion-item .accordion-header .status {
    margin-right: 0.625rem;
    font-size: 0.875rem;
  }
  .renewed.guide.notice .accordion-list .accordion-item .accordion-header .title {
    flex-grow: 1;
    font-size: 0.875rem;
  }
  .renewed.guide.notice .accordion-list .accordion-item .accordion-header .date {
    font-size: 0.875rem;
    margin-right: 1.25rem;
  }
  .renewed.guide.notice .accordion-list .accordion-item .accordion-content {
    padding: 0rem 1.25rem;
  }
  .renewed.guide.notice .accordion-list .accordion-item.active .accordion-content {
    padding: 1rem 1.25rem;
  }
}
.renewed.guide.notice .pagination-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2.5rem 0;
  gap: 0.3125rem;
}
.renewed.guide.notice .pagination-container .pagination-button {
  background-color: transparent;
  color: #8a8a8a;
  border: none;
  font-size: 0.75rem;
  width: 1.5625rem;
  aspect-ratio: 1/1;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.3125rem;
  display: grid;
  place-items: center;
}
.renewed.guide.notice .pagination-container .pagination-button.active {
  background-color: #f57c00;
  color: white;
}
.renewed.guide.faq {
  padding: 3rem 0;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.faq {
    padding: 6.25rem 0;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.faq {
    padding: 6.25rem 0;
  }
}
.renewed.guide.faq section {
  padding: 0 calc((100% - 20rem) / 2);
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.faq section {
    padding: 0 calc((100% - 42.5rem) / 2);
  }
}
@media (min-width: 1225px) {
  .renewed.guide.faq section {
    padding: 0 calc((100% - 42.5rem) / 2);
  }
}
.renewed.guide.faq .tab-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.renewed.guide.faq .tab-container .tab {
  padding: 0.75rem;
  flex: 1;
  background-color: #f9f9f9;
  border-radius: 0.5rem;
  color: #6e6e6e;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  transition: background-color 0.3s, color 0.3s;
}
.renewed.guide.faq .tab-container .tab.active {
  background-color: #fa7300;
  color: #ffffff;
  font-weight: 700;
}
.renewed.guide.faq .tab-container .tab:hover:not(.active) {
  background-color: #f1f1f1;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.faq .tab-container .tab {
    padding: 0.9375rem;
    border-radius: 0.625rem;
    font-size: 0.875rem;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.faq .tab-container .tab {
    padding: 0.9375rem;
    border-radius: 0.625rem;
    font-size: 0.875rem;
  }
}
.renewed.guide.faq .faq-container {
  display: none;
  margin-top: 2rem;
}
.renewed.guide.faq .faq-container.active {
  display: block;
}
.renewed.guide.faq .faq-container h2 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0.95rem;
}
.renewed.guide.faq .faq-container .accordion-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  counter-reset: page 0;
}
.renewed.guide.faq .faq-container .accordion-wrap .accordion-button {
  display: flex;
  cursor: pointer;
  background-color: #f6f6f6;
  border-radius: 0.5rem;
  padding: 1rem 0.75rem;
  color: #0c0228;
  font-size: 0.9rem;
  width: 100%;
  font-weight: 600;
  text-align: left;
  outline: none;
  transition: all 0s ease-in-out 0.4s;
  position: relative;
}
.renewed.guide.faq .faq-container .accordion-wrap .accordion-button .arrow {
  transform: rotate(0deg);
  transition: all 0.4s ease 0s;
}
.renewed.guide.faq .faq-container .accordion-wrap .accordion-button::before {
  content: counter(page);
  counter-increment: page;
  color: #fa7300;
  margin-right: 1em;
}
.renewed.guide.faq .faq-container .accordion-wrap .accordion-button.active {
  border-radius: 0.5rem 0.5rem 0 0;
  transition: all 0s ease 0s;
}
.renewed.guide.faq .faq-container .accordion-wrap .accordion-button.active .arrow {
  transform: rotate(180deg);
}
.renewed.guide.faq .faq-container .accordion-wrap .accordion-content {
  background-color: #f6f6f6;
  border-radius: 0 0 0.5rem 0.5rem;
  padding: 0 0.75rem;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  font-size: 0.7rem;
  color: #727171;
}
.renewed.guide.faq .faq-container .accordion-wrap .accordion-button.active + .accordion-content {
  max-height: 62.5rem;
  padding-bottom: 1rem;
}
.renewed.guide.faq .faq-container .btn.load-more {
  font-size: 0.9rem;
  padding: 1rem;
  border-radius: 0.5rem;
  width: 100%;
  margin-top: 2rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.guide.faq .faq-container {
    margin-top: 3.75rem;
  }
  .renewed.guide.faq .faq-container h2 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
  }
  .renewed.guide.faq .faq-container .accordion-wrap {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .renewed.guide.faq .faq-container .accordion-wrap .accordion-button {
    cursor: pointer;
    background-color: #f6f6f6;
    border-radius: 0.625rem;
    padding: 0.75rem 1.25rem;
    color: #0c0228;
    font-size: 1rem;
    transition: all 0s ease-in-out 0.4s;
  }
  .renewed.guide.faq .faq-container .accordion-wrap .accordion-button.active {
    border-radius: 0.625rem 0.625rem 0 0;
    transition: all 0s ease 0s;
  }
  .renewed.guide.faq .faq-container .accordion-wrap .accordion-content {
    background-color: #f6f6f6;
    border-radius: 0 0 0.625rem 0.625rem;
    padding: 0 1.25rem;
    transition: all 0.4s ease-in-out;
    font-size: 0.875rem;
  }
  .renewed.guide.faq .faq-container .accordion-wrap .accordion-button.active + .accordion-content {
    max-height: 62.5rem;
    padding-bottom: 0.75rem;
  }
  .renewed.guide.faq .faq-container .btn.load-more {
    display: block;
    font-size: 1rem;
    padding: 0.9375rem;
    border-radius: 0.625rem;
    width: 18.75rem;
    margin: auto;
    margin-top: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.guide.faq .faq-container {
    margin-top: 3.75rem;
  }
  .renewed.guide.faq .faq-container h2 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
  }
  .renewed.guide.faq .faq-container .accordion-wrap {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .renewed.guide.faq .faq-container .accordion-wrap .accordion-button {
    cursor: pointer;
    background-color: #f6f6f6;
    border-radius: 0.625rem;
    padding: 0.75rem 1.25rem;
    color: #0c0228;
    font-size: 1rem;
    transition: all 0s ease-in-out 0.4s;
  }
  .renewed.guide.faq .faq-container .accordion-wrap .accordion-button.active {
    border-radius: 0.625rem 0.625rem 0 0;
    transition: all 0s ease 0s;
  }
  .renewed.guide.faq .faq-container .accordion-wrap .accordion-content {
    background-color: #f6f6f6;
    border-radius: 0 0 0.625rem 0.625rem;
    padding: 0 1.25rem;
    transition: all 0.4s ease-in-out;
    font-size: 0.875rem;
  }
  .renewed.guide.faq .faq-container .accordion-wrap .accordion-button.active + .accordion-content {
    max-height: 62.5rem;
    padding-bottom: 0.75rem;
  }
  .renewed.guide.faq .faq-container .btn.load-more {
    display: block;
    font-size: 1rem;
    padding: 0.9375rem;
    border-radius: 0.625rem;
    width: 18.75rem;
    margin: auto;
    margin-top: 2.5rem;
  }
}
.renewed.event {
  padding: 1.5rem 1.3rem;
  min-height: calc(100vh - 5rem);
  display: flex;
  flex-direction: column;
  max-width: 38.75rem;
  margin: auto;
}
@media (max-width: 767px) {
  .renewed.event {
    padding: 3.125rem 1.25rem;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.event {
    padding: 6.25rem 0;
  }
}
@media (min-width: 1225px) {
  .renewed.event {
    padding: 6.25rem 0;
  }
}
.renewed.event h2 {
  font-size: 1.5rem;
  line-height: 2.1625rem;
}
.renewed.event h3 {
  font-size: 1.3rem;
}
.renewed.event h2,
.renewed.event h3 {
  color: #3c4045;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.event h2,
  .renewed.event h3 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1225px) {
  .renewed.event h2,
  .renewed.event h3 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}
.renewed.event .page-title {
  font-size: 1.3rem;
  gap: 0.6rem;
  margin-bottom: 2.0125rem;
}
.renewed.event .page-title img {
  max-height: 1.075rem;
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.event .page-title {
    font-size: 1.875rem;
    margin-bottom: 2.25rem;
  }
  .renewed.event .page-title img {
    max-height: 1.4375rem;
  }
}
@media (min-width: 1225px) {
  .renewed.event .page-title {
    font-size: 1.875rem;
    margin-bottom: 2.25rem;
  }
  .renewed.event .page-title img {
    max-height: 1.4375rem;
  }
}
@media (max-width: 767px) {
  .renewed.event.index .main-banner-container {
    aspect-ratio: 1/1;
    width: 100%;
    position: relative;
    margin: 0% 0;
  }
  .renewed.event.index .main-banner-container img {
    display: block;
    position: absolute;
    aspect-ratio: 1/1;
    width: 100vw;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
}
@media (min-width: 1225px) {
  .renewed.event.index .main-banner-container {
    aspect-ratio: 62/32;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.event.index .main-banner-container {
    aspect-ratio: 62/32;
  }
}
.renewed.event.index .section-anchor-container {
  margin: 2rem 0;
  display: flex;
  gap: 0.725rem;
  justify-content: center;
}
@media (min-width: 1225px) {
  .renewed.event.index .section-anchor-container {
    margin-top: 2.625rem;
    gap: 0.75rem;
    justify-content: start;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.event.index .section-anchor-container {
    margin-top: 2.625rem;
    gap: 0.75rem;
    justify-content: start;
  }
}
.renewed.event.index .section-anchor-container .section-anchor {
  text-align: center;
  font-size: 0.875rem;
  padding: 0.25rem 1rem;
  background-color: #f9f9f9;
  border-radius: 0.875rem;
  font-weight: 600;
  color: #6e6e6e;
}
.renewed.event.index .section-anchor-container .section-anchor.active {
  background-color: #fa7300;
  color: #ffffff;
}
.renewed.event.index .event-container {
  margin-bottom: 3rem;
}
.renewed.event.index .event-container .event-eng-status {
  font-size: 0.9rem;
  font-weight: 500;
  color: #fa7300;
  margin-bottom: 0.3875rem;
}
.renewed.event.index .event-container .event-status {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 1.0125rem;
}
.renewed.event.index .event-container .event-list {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.renewed.event.index .event-container .event-list .event-item {
  position: relative;
}
.renewed.event.index .event-container .event-list .event-item a {
  display: block;
  border-radius: 0.5rem;
  overflow: hidden;
  width: 100%;
}
.renewed.event.index .event-container .event-list .event-item img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  width: 100%;
}
.renewed.event.index .event-container .event-list .event-item .badge {
  position: absolute;
  font-size: 0.8rem;
  font-weight: 700;
  color: #ffffff;
  background-color: #4e4e4e;
  padding: 0.25rem 0.75rem;
  border-radius: 0.9375rem;
  right: 0.9625rem;
  top: 1rem;
  z-index: 1;
}
@media (max-width: 767px) {
  .renewed.event.index .event-container#ongoing .event-item a {
    aspect-ratio: 36/16;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.event.index .event-container#ongoing .event-item a {
    aspect-ratio: 62/16;
  }
}
@media (min-width: 1225px) {
  .renewed.event.index .event-container#ongoing .event-item a {
    aspect-ratio: 62/16;
  }
}
.renewed.event.index .event-container#ongoing .event-item .badge {
  background-color: #ff5c00;
}
.renewed.event.index .event-container#ended .event-list {
  flex-direction: column;
}
@media (min-width: 1225px) {
  .renewed.event.index .event-container#ended .event-list {
    flex-direction: row;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.event.index .event-container#ended .event-list {
    flex-direction: row;
  }
}
.renewed.event.index .event-container#ended .event-list .event-item {
  flex: 1;
}
.renewed.event.index .event-container#ended .event-list .event-item a {
  aspect-ratio: 36/16;
  pointer-events: none;
}
@media (min-width: 1225px) {
  .renewed.event.index .event-container#ended .event-list .event-item a {
    aspect-ratio: 30/13;
  }
}
@media (min-width: 768px) and (max-width: 1224px) {
  .renewed.event.index .event-container#ended .event-list .event-item a {
    aspect-ratio: 30/13;
  }
}
.renewed.event.index .event-container#ended .event-list .event-item a img {
  filter: brightness(0.5);
}