@charset "UTF-8";
/* 금융 공통 */
.mp-top {
  padding-top: 12px;
  background-color: #ffffff;
}
.mp-top__tab {
  height: 45px;
}
.mp-top__tab .tab-component {
  position: fixed;
  top: 54px;
  width: 100%;
  z-index: 100;
}

.list-component {
  padding: 12px 0;
}
.list-component * {
  word-break: break-word;
}
.list-component .list-component__tit,
.list-component .list-component__point,
.list-component .list-component__txt {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.tab-component[data-type=chip] {
  overflow: hidden;
}

.money-index .list-component__txt,
.mp-main__point-reward .list-component__txt {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.banner-item {
  background: var(--color-bg-neutral-weak);
}

/* 머니+ */
.money-index *:has(+ .mp-main__service):not(.mp-main__quick-menu) {
  padding-bottom: 40px;
}

.mp-main__quick-menu {
  padding-top: 20px;
  background-color: #ffffff;
}
.mp-main__quick-menu .swiper-container {
  padding-right: 48px;
}
@media screen and (max-width: 480px) {
  .mp-main__quick-menu .swiper-container {
    padding-right: 40px;
  }
}

.mp-main__bank-contents .__content .mp-main__bank-contents__swiper .swiper-container {
  padding-right: 48px;
}
.mp-main__bank-contents .__content .mp-main__bank-contents__swiper .swiper-container .swiper-slide {
  width: fit-content !important;
}
@media screen and (max-width: 480px) {
  .mp-main__bank-contents .__content .mp-main__bank-contents__swiper .swiper-container {
    padding-right: 40px;
  }
}

.mp-main__content-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  border-radius: 12px;
  width: 168px;
  height: 158px;
  gap: 20px;
  background-color: var(--mp-main-bank-card, #fff0f1);
}
.mp-main__content-card__text {
  flex: 1;
  display: flex;
  align-items: flex-start;
  word-break: keep-all;
}
.mp-main__content-card__text p {
  font-size: var(--font-title-2-size, 1rem);
  font-weight: var(--font-title-2-sb-weight, 600);
  line-height: var(--font-title-2-line-height, 1.4);
  letter-spacing: var(--font-title-2-letter-spacing, -0.005em);
  color: var(--color-fg-neutral-solid, #222832);
  margin: 0;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mp-main__content-card__hashtags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.mp-main__content-card__hashtags .hashtag {
  font-size: var(--font-caption-2-size, 0.8125rem);
  font-weight: var(--font-caption-2-m-weight, 500);
  line-height: var(--font-caption-2-line-height, 1.4);
  letter-spacing: var(--font-caption-2-letter-spacing, -0.005em);
  color: var(--color-fg-neutral-muted, #6A6F77);
}
.mp-main__content-card__container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mp-main__content-card__container .mp-main__content-card {
  width: 100%;
  height: auto;
}
.mp-main__content-card__container .mp-main__content-card__text p {
  min-height: 2.8em;
}

.mp-main__bank-contents {
  overflow: hidden;
}

.mp-main__service {
  background: var(--color-bg-neutral-weak, #f0f3f5);
  padding-top: 32px;
  padding-bottom: 32px;
}
.mp-main__service .__content {
  background-color: var(--color-bg-neutral-inverted, #ffffff);
  border-radius: 16px;
}
.mp-main__service .__content .banner {
  background-color: var(--color-bg-neutral-weak, #f0f3f5);
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}
.mp-main__service .__content .banner .banner-item,
.mp-main__service .__content .banner .banner-img-box .img-wrap {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.mp-main__service .__content .banner .banner-item[data-type=full-image] .img-wrap img {
  height: auto;
  transform: none !important;
}
.mp-main__service .__content .banner .banner-ad::after {
  border-radius: 0px;
}
.mp-main__service .__content .banner-default__item {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.mp-main__service .__content .banner-img-box .img-wrap img {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mp-main__service .__content .list-component-wrap {
  padding: 12px 20px;
  border-top: 1px solid var(--color-border-neutral-line, rgba(0, 0, 0, 0.08));
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.mp-main__coalition {
  padding-top: 32px;
}

.mp-event__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mp-event__list .banner-item {
  background: var(--color-bg-neutral-weak);
}

/*공통 리스트 정렬 공통으로 수정*/
.mp-main__service .list-component,
.mp-main__coalition .list-component,
.mp-loan__content .list-component,
.mp-invest__content .list-component {
  padding: 12px 0;
}
.mp-main__service .list-component .list-component__info,
.mp-main__coalition .list-component .list-component__info,
.mp-loan__content .list-component .list-component__info,
.mp-invest__content .list-component .list-component__info {
  align-items: flex-start;
}

.mp-main__brand .brand-content {
  display: flex;
}
.mp-main__brand .brand-content.single .brand-content__main {
  padding: 0;
  width: 100%;
}
.mp-main__brand .brand-content.single .brand-content__main-item {
  width: 66.285%;
  aspect-ratio: 1/1;
  margin: 0 auto;
}
.mp-main__brand .brand-content.single .brand-content__thumb {
  display: none;
}
.mp-main__brand .brand-content.only-image .brand-content__main .icon {
  width: 100%;
}
.mp-main__brand .brand-content__main {
  border-radius: 16px;
  background-color: var(--color-bg-accent-orange-weak, #fff7ed);
  width: calc(100% - 12px - 106px);
}
.mp-main__brand .brand-content__main .swiper-slide {
  padding: 20px 0;
  border-radius: 10px;
  overflow: hidden;
}
.mp-main__brand .brand-content__main-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.mp-main__brand .brand-content__main-item .icon {
  width: 48.27%;
  height: auto;
}
.mp-main__brand .brand-content__main-item img {
  width: 100%;
}
.mp-main__brand .brand-content__main-tit {
  display: block;
  margin-top: 4px;
  font-size: var(--font-heading-4-size, 1.25rem);
  font-weight: var(--font-heading-4-weight, 600);
  line-height: var(--font-heading-4-line-height, 1.4);
  letter-spacing: var(--font-heading-4-letter-spacing, -0.005em);
  font-size: min(4.6154vw, 2.1875rem);
}
.mp-main__brand .brand-content__main-txt {
  margin-top: 8px;
  color: #6A6F77;
  font-size: var(--font-body-3-size, 0.875rem);
  font-weight: var(--font-body-3-r-weight, 400);
  line-height: var(--font-body-3-line-height, 1.5);
  letter-spacing: var(--font-body-3-letter-spacing, -0.005em);
  font-size: min(3.5897vw, 1.6875rem);
}
.mp-main__brand .brand-content__main .swiper-container {
  height: 100%;
}
.mp-main__brand .brand-content__thumb {
  position: relative;
  width: 122px;
  padding-left: 16px;
  overflow: hidden;
  flex-shrink: 0;
}
.mp-main__brand .brand-content__thumb::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  z-index: 10;
}
.mp-main__brand .brand-content__thumb .swiper-wrapper {
  flex-direction: column;
  gap: 8px;
}
.mp-main__brand .brand-content__thumb .swiper-slide.swiper-slide-active .brand-content__thumb-item::after, .mp-main__brand .brand-content__thumb .swiper-slide.swiper-slide-active .brand-content__thumb-item::before {
  opacity: 1;
}
.mp-main__brand .brand-content__thumb-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  background-color: #f3f4f5;
  border-radius: 12px;
  gap: 10px;
  height: 100px;
  position: relative;
  width: 100%;
}
.mp-main__brand .brand-content__thumb-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fb1822;
  border-radius: 12px;
  z-index: 1;
  opacity: 0;
}
.mp-main__brand .brand-content__thumb-item::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  width: 10px;
  height: 10px;
  margin-right: -2px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='11' viewBox='0 0 10 11' fill='none'%3E%3Cpath d='M1 6.36603C0.333333 5.98113 0.333333 5.01888 1 4.63397L7.75 0.736861C8.41667 0.351961 9.25 0.833087 9.25 1.60289L9.25 9.39711C9.25 10.1669 8.41667 10.648 7.75 10.2631L1 6.36603Z' fill='%23FB1822'/%3E%3C/svg%3E");
  z-index: 1;
  opacity: 0;
}
.mp-main__brand .brand-content__thumb-tit {
  font-size: var(--font-title-4-size, 0.8125rem);
  font-weight: var(--font-title-4-weight, 600);
  line-height: var(--font-title-4-line-height, 1.4);
  letter-spacing: var(--font-title-4-letter-spacing, -0.005em);
}

/* 포인트 적립 상세 */
.mp-point-reward__kv img {
  width: 100%;
  max-width: none;
}
.mp-point-reward__info {
  padding-top: 24px;
}
.mp-point-reward__sub-tit {
  color: var(--color-fg-neutral-subtle, #5f646c);
  font-size: var(--font-body-2-size, 1rem);
  font-weight: var(--font-body-2-r-weight, 400);
  line-height: var(--font-body-2-line-height, 1.5);
  letter-spacing: var(--font-body-2-letter-spacing, -0.005em);
}
.mp-point-reward__sub-tit + .mp-point-reward__tit {
  margin-top: 10px;
}
.mp-point-reward__tit {
  color: var(--color-fg-neutral-solid, #222832);
  font-size: var(--font-heading-3-size, 1.5rem);
  font-weight: var(--font-heading-3-weight, 600);
  line-height: var(--font-heading-3-line-height, 1.4);
  letter-spacing: var(--font-heading-3-letter-spacing, -0.005em);
}

.mp-card.full-content:has(.common-footer__container) {
  padding-bottom: calc(var(--bottom-button-height, 0px) + 48px);
}
.mp-card__all {
  height: 100%;
}
.mp-card__all .container {
  background-color: #ffffff;
}
.mp-card__all-top {
  padding: 12px 0;
  border-bottom: 1px solid var(--color-border-neutral-line, rgba(0, 0, 0, 0.08));
  margin-bottom: 12px;
}
.mp-card__all-top--banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mp-card__all-top--banner .txt-box {
  flex: 1;
}
.mp-card__all-top--banner .txt-box .sub-txt {
  font-size: var(--font-title-2-size, 1rem);
  font-weight: var(--font-title-2-sb-weight, 600);
  line-height: var(--font-title-2-line-height, 1.4);
  letter-spacing: var(--font-title-2-letter-spacing, -0.005em);
}
.mp-card__all-top--banner .txt-box .txt {
  color: var(--color-fg-brand-solid, #fb1822);
  margin-top: 6px;
  font-size: var(--font-heading-4-size, 1.25rem);
  font-weight: var(--font-heading-4-weight, 600);
  line-height: var(--font-heading-4-line-height, 1.4);
  letter-spacing: var(--font-heading-4-letter-spacing, -0.005em);
}
.mp-card__all-top--banner .img-box {
  width: 96px;
  height: 96px;
}
.mp-card__all-top--banner .img-box img {
  width: 100%;
}
.mp-card__event .top-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  gap: 12px;
}
.mp-card__event .top-box .txt-box .txt {
  font-size: var(--font-heading-3-size, 1.5rem);
  font-weight: var(--font-heading-3-weight, 600);
  line-height: var(--font-heading-3-line-height, 1.4);
  letter-spacing: var(--font-heading-3-letter-spacing, -0.005em);
}
.mp-card__event .top-box .txt-box .point-txt {
  color: var(--color-fg-brand-solid, #fb1822);
  font-size: var(--font-title-2-size, 1rem);
  font-weight: var(--font-title-2-m-weight, 500);
  line-height: var(--font-title-2-line-height, 1.4);
  letter-spacing: var(--font-title-2-letter-spacing, -0.005em);
}
.mp-card__event .top-box .thumb-box {
  flex-shrink: 0;
}
.mp-card__detail .top-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0 40px;
}
.mp-card__detail .top-box .thumb-box {
  width: 200px;
  height: 200px;
  padding: 7.15px 41.7px;
  object-fit: contain;
}
.mp-card__detail .top-box .thumb-box[data-thumb-dir=vertical] {
  padding: 41.7px 7.15px;
  transform: rotate(90deg);
}
.mp-card__detail .top-box .thumb-box[data-thumb-dir=horizontal] {
  padding: 41.7px 7.15px;
}
.mp-card__detail .top-box .thumb-box img {
  width: 100%;
  max-width: inherit;
  height: 100%;
  object-fit: contain;
}
.mp-card__detail .top-box .txt-box {
  margin-top: 16px;
  text-align: center;
}
.mp-card__detail .top-box .txt-box .txt {
  font-size: var(--font-heading-4-size, 1.25rem);
  font-weight: var(--font-heading-4-weight, 600);
  line-height: var(--font-heading-4-line-height, 1.4);
  letter-spacing: var(--font-heading-4-letter-spacing, -0.005em);
}
.mp-card__detail .top-box .txt-box .desc {
  color: var(--color-fg-neutral-muted, #6A6F77);
  margin-top: 8px;
  font-size: var(--font-caption-1-size, 0.875rem);
  font-weight: var(--font-caption-1-r-weight, 400);
  line-height: var(--font-caption-1-line-height, 1.4);
  letter-spacing: var(--font-caption-1-letter-spacing, -0.005em);
}
.mp-card__detail .con-box {
  padding: 20px;
  border-radius: 16px;
  background-color: #ffffff;
  border: 1px solid var(--color-border-neutral-line, rgba(0, 0, 0, 0.08));
}
.mp-card__coalition-top {
  position: relative;
  padding: 24px 0;
}
.mp-card__coalition-top::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -24px;
  right: -24px;
  height: 1px;
  background-color: var(--color-border-neutral-line, rgba(0, 0, 0, 0.08));
}
.mp-card__coalition-top .top-box {
  display: flex;
  align-items: center;
}
.mp-card__coalition-top .top-box .thumb-box {
  width: 164px;
  height: 164px;
  padding: 6px 34px;
  flex-shrink: 0;
}
.mp-card__coalition-top .top-box .thumb-box[data-thumb-dir=vertical] {
  padding: 34px 6px;
  transform: rotate(90deg);
}
.mp-card__coalition-top .top-box .thumb-box img {
  width: 100%;
  height: 100%;
  max-width: inherit;
  object-fit: contain;
}
.mp-card__coalition-top .top-box .txt-box {
  flex: 1;
  word-break: keep-all;
}
.mp-card__coalition-top .top-box .txt-box .txt {
  color: var(--color-fg-neutral-muted, #6A6F77);
  font-size: var(--font-caption-1-size, 0.875rem);
  font-weight: var(--font-caption-1-m-weight, 500);
  line-height: var(--font-caption-1-line-height, 1.4);
  letter-spacing: var(--font-caption-1-letter-spacing, -0.005em);
}
.mp-card__coalition-top .top-box .txt-box .desc {
  margin-top: 8px;
  font-size: var(--font-heading-4-size, 1.25rem);
  font-weight: var(--font-heading-4-weight, 600);
  line-height: var(--font-heading-4-line-height, 1.4);
  letter-spacing: var(--font-heading-4-letter-spacing, -0.005em);
}
.mp-card__coalition-top .top-box .txt-box .label {
  margin-top: 12px;
}
.mp-card__coalition-top .btn {
  margin-top: 24px;
}

.circle-content {
  display: flex;
  flex-direction: column;
}
.circle-content__item {
  display: flex;
  gap: 24px;
}
.circle-content__item .circle-box {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 5px;
}
.circle-content__item .circle-box .circle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--color-icon-neutral-muted, #b2b6ba);
  z-index: 2;
}
.circle-content__item .circle-box .circle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-icon-neutral-inverted, #ffffff);
  z-index: 2;
}
.circle-content__item .circle-box .line {
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  height: 100%;
  z-index: 1;
}
.circle-content__item .circle-box .line span {
  display: block;
  width: 2px;
  height: 100%;
  background-color: var(--color-border-neutral-muted-weak, #dee1e4);
}
.circle-content__item .con-box {
  width: calc(100% - 16px - 20px);
}
.circle-content__item .con-box .tit {
  font-size: var(--font-title-1-size, 1.125rem);
  font-weight: var(--font-title-1-sb-weight, 600);
  line-height: var(--font-title-1-line-height, 1.4);
  letter-spacing: var(--font-title-1-letter-spacing, -0.005em);
}
.circle-content__item .con-box .txt-box {
  padding: 8px 0 24px;
}
.circle-content__item .con-box .txt-box .txt {
  color: var(--color-fg-neutral-muted, #6A6F77);
  font-size: var(--font-body-3-size, 0.875rem);
  font-weight: var(--font-body-3-r-weight, 400);
  line-height: var(--font-body-3-line-height, 1.5);
  letter-spacing: var(--font-body-3-letter-spacing, -0.005em);
}
.circle-content__item:first-child .circle-box {
  padding-top: 4px;
}
.circle-content__item:last-child .line {
  display: none;
}

.car-inner-border {
  border: 1px solid transparent;
  border-radius: 16px;
  overflow: hidden;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right top, #F25957 0%, #FCE8DD 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.car-info__section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.car-info__section--item {
  display: none;
}
.car-info__section--item.active {
  display: block;
}
.car-insurance__box {
  padding: 12px 20px 20px;
  border: 1px solid var(--color-border-neutral-line, rgba(0, 0, 0, 0.08));
  border-radius: 16px;
}
.car-insurance__box.car-info__register-form {
  padding: 0 !important;
}
.car-insurance__box.car-info__register-form .banner-item {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.car-insurance__box.car-info__register-form .form-container {
  padding: 20px;
}
.car-insurance__box .list-component .btn {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0;
}
.car-insurance__box .list-component .btn i, .car-insurance__box .list-component .btn svg {
  width: 20px;
  height: 20px;
  display: block;
  color: var(--color-icon-neutral-subtle, #898d93);
}
.car-insurance__box .list-component__txt {
  display: flex;
  align-items: center;
}
.car-insurance__box .list-component__txt .d-day {
  color: #ae060d;
}
.car-insurance__box__title {
  display: flex;
  gap: 8px;
  font-size: var(--font-title-2-size, 1rem);
  font-weight: var(--font-title-2-sb-weight, 600);
  line-height: var(--font-title-2-line-height, 1.4);
  letter-spacing: var(--font-title-2-letter-spacing, -0.005em);
}
.car-insurance__box__title svg {
  width: 24px;
  height: 24px;
}
.car-insurance__title {
  font-size: var(--font-title-2-size, 1rem);
  font-weight: var(--font-title-2-sb-weight, 600);
  line-height: var(--font-title-2-line-height, 1.4);
  letter-spacing: var(--font-title-2-letter-spacing, -0.005em);
  color: #222832;
  margin-bottom: 4px;
}
.car-insurance__sub {
  font-size: var(--font-body-3-size, 0.875rem);
  font-weight: var(--font-body-3-r-weight, 400);
  line-height: var(--font-body-3-line-height, 1.5);
  letter-spacing: var(--font-body-3-letter-spacing, -0.005em);
  color: #898d93;
}
.car-insurance__card {
  padding-bottom: 0 !important;
}
.car-insurance__card .carousel {
  margin-top: 12px;
}

#car .car-info__section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#car .car-info__section--item {
  display: none;
  position: relative;
  padding-bottom: 17px;
  overflow: hidden;
}
#car .car-info__section--item.active {
  display: block;
}
#car .car-info__section--item .carousel {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  gap: 5px;
}
#car .car-info__section--item .carousel:not([data-position=bottom]) {
  position: absolute;
}
#car .car-info__section--subtite {
  display: none;
}
#car .car-slider__item__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--color-border-neutral-muted-weak, #dee1e4);
  border-radius: 16px;
}
#car .car-slider__item__inner .car-item__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
#car .car-slider__item__inner .car-item__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#car .car-slider__item__inner .car-item__title {
  font-size: var(--font-title-1-size, 1.125rem);
  font-weight: var(--font-title-1-sb-weight, 600);
  line-height: var(--font-title-1-line-height, 1.4);
  letter-spacing: var(--font-title-1-letter-spacing, -0.005em);
  color: #222832;
}
#car .car-slider__item__inner .car-item__sub {
  font-size: var(--font-caption-4-size, 0.6875rem);
  font-weight: var(--font-caption-4-m-weight, 500);
  line-height: var(--font-caption-4-line-height, 1.4);
  letter-spacing: var(--font-caption-4-letter-spacing, -0.005em);
  color: var(--color-fg-neutral-muted, #6A6F77);
}
#car .car-slider__item__inner .car-item__sub--top {
  font-size: var(--font-caption-3-size, 0.75rem);
  font-weight: var(--font-caption-3-m-weight, 500);
  line-height: var(--font-caption-3-line-height, 1.4);
  letter-spacing: var(--font-caption-3-letter-spacing, -0.005em);
  color: var(--color-bg-overlay-bk-thick, rgba(0, 0, 0, 0.8));
}
#car .car-slider__item__inner .car-item__image {
  flex-shrink: 0;
  max-width: 124px;
  aspect-ratio: 120/72;
}
#car .car-slider__item__inner .car-item__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#car .car-slider__item__inner .car-item__btns {
  display: flex;
  gap: 8px;
}
#car .car-slider__item__inner .car-item__btns > * {
  flex: 1;
}

#carRegister .car-register__form .mp-section {
  padding-top: 12px;
}
#carRegister .car-register__title {
  font-size: var(--font-heading-3-size, 1.5rem);
  font-weight: var(--font-heading-3-weight, 600);
  line-height: var(--font-heading-3-line-height, 1.4);
  letter-spacing: var(--font-heading-3-letter-spacing, -0.005em);
  margin-bottom: 16px;
}
#carRegister .car-register__desc {
  font-size: var(--font-body-3-size, 0.875rem);
  font-weight: var(--font-body-3-r-weight, 400);
  line-height: var(--font-body-3-line-height, 1.5);
  letter-spacing: var(--font-body-3-letter-spacing, -0.005em);
  color: #6A6F77;
}
#carRegister .car-register__subTitle {
  font-size: var(--font-heading-4-size, 1.25rem);
  font-weight: var(--font-heading-4-weight, 600);
  line-height: var(--font-heading-4-line-height, 1.4);
  letter-spacing: var(--font-heading-4-letter-spacing, -0.005em);
  padding-bottom: 16px;
}
#carRegister .car-register__subTitle .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}

.ios-app-webview .wrapper:has(#carRegister) #commonBottomSheet.bottom-sheet__container {
  --bottom-button-height: 128px;
}

#carMangeView .tab-component {
  z-index: 1;
}
#carMangeView .tab-component[data-type=chip] .swiper-container {
  padding-right: 100px !important;
  z-index: 2;
}
#carMangeView .tab-content__container.container {
  padding: 0;
}
#carMangeView .car-manage__tab {
  position: relative;
}
#carMangeView .car-manage__tab__btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}
#carMangeView .car-manage__tab__btn--add__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 1px solid var(--color-border-neutral-muted, #c8cccf);
  border-radius: 100%;
  background-color: #ffffff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
}
#carMangeView .car-manage__tab__btn--add__inner i {
  display: block;
  width: 20px;
  height: 20px;
}
#carMangeView .car-manage__tab__btn--add__inner i svg {
  width: 100%;
  height: 100%;
  max-width: none;
}
#carMangeView .car-manage__tab__btn::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 50%;
  transform: translateX(100%);
  width: 100%;
  height: 110%;
  background: var(--color-icon-neutral-inverted, #ffffff);
  z-index: -1;
}
#carMangeView .car-manage__tab__btn::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  transform: translateX(-100%);
  width: 72px;
  height: 100%;
  background: linear-gradient(270deg, #FFF 30%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
  pointer-events: none;
}
#carMangeView .car-manage__info__preview__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#carMangeView .car-manage__info__preview__top .car-name {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 26px;
  font-weight: 600;
  color: #222832;
  line-height: 1.6;
  letter-spacing: -0.01em;
}
#carMangeView .car-manage__info__preview__img {
  aspect-ratio: 350/210;
}
#carMangeView .car-manage__info__preview__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#carMangeView .car-manage__info__car-name--detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #6A6F77;
}
#carMangeView .car-manage__info__car-name--detail i {
  width: 16px;
  height: 16px;
  display: block;
}
#carMangeView .car-manage__info__car-name--detail i svg {
  width: 100%;
  height: 100%;
}
#carMangeView .car-manage__info__summary-info {
  z-index: 2;
}
#carMangeView .car-manage__info__summary-info__box {
  display: flex;
  align-items: center;
}
#carMangeView .car-manage__info__summary-info__box > * {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
}
#carMangeView .car-manage__info__summary-info__box > * .tit {
  display: flex;
  align-items: center;
  gap: 4px;
}
#carMangeView .car-manage__info__summary-info__box > * .tit span {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #6A6F77;
}
#carMangeView .car-manage__info__summary-info__box > * .tit .btn-info {
  display: block;
  width: 16px;
  height: 16px;
}
#carMangeView .car-manage__info__summary-info__box > * .tit .btn-info svg {
  width: 100%;
  height: 100%;
}
#carMangeView .car-manage__info__summary-info__box > * .txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
#carMangeView .car-manage__info__summary-info__box > *:not(:last-child) {
  border-right: 1px solid #dee1e4;
}
#carMangeView .car-manage__info__detail.closed .car-manage__info__detail__content {
  display: none;
}
#carMangeView .car-manage__info__detail.closed .car-manage__info__more-btn {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#carMangeView .car-manage__info__detail.closed .car-manage__info__more-btn .close {
  display: none;
}
#carMangeView .car-manage__info__detail.closed .car-manage__info__more-btn .more {
  display: inline-block;
}
#carMangeView .car-manage__info__detail.closed .car-manage__info__more-btn svg {
  transform: rotate(180deg);
  transform-origin: center;
}
#carMangeView .car-manage__info__detail__detail {
  padding: 20px;
  border: 1px solid var(--color-border-neutral-line, rgba(0, 0, 0, 0.08));
  border-bottom: none;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}
#carMangeView .car-manage__info__detail__detail dl {
  display: flex;
  gap: 8px;
  padding: 8px 0;
}
#carMangeView .car-manage__info__detail__detail dl dt {
  font-size: var(--font-title-3-size, 0.875rem);
  font-weight: var(--font-title-3-weight, 600);
  line-height: var(--font-title-3-line-height, 1.4);
  letter-spacing: var(--font-title-3-letter-spacing, -0.005em);
  color: #898d93;
  min-width: 94px;
}
#carMangeView .car-manage__info__detail__detail dl dd {
  font-size: var(--font-body-3-size, 0.875rem);
  font-weight: var(--font-body-3-r-weight, 400);
  line-height: var(--font-body-3-line-height, 1.5);
  letter-spacing: var(--font-body-3-letter-spacing, -0.005em);
  color: #222832;
  word-break: break-all;
}
#carMangeView .car-manage__info__more-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#carMangeView .car-manage__info__more-btn .close {
  display: inline-block;
}
#carMangeView .car-manage__info__more-btn .more {
  display: none;
}
#carMangeView .car-manage__insurance .car-info__register-form {
  border-radius: 16px;
  border: 1px solid var(--color-border-neutral-muted-weak);
}
#carMangeView .car-manage__sales-box {
  gap: 8px;
  border-radius: 16px;
  border: 1px solid var(--color-border-neutral-line, rgba(0, 0, 0, 0.08));
}
#carMangeView .car-manage__sales-box__inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px;
}
#carMangeView .car-manage__sales-box__title .tit {
  font-size: var(--font-title-2-size, 1rem);
  font-weight: var(--font-title-2-sb-weight, 600);
  line-height: var(--font-title-2-line-height, 1.4);
  letter-spacing: var(--font-title-2-letter-spacing, -0.005em);
}
#carMangeView .car-manage__sales-box__title .values {
  font-size: var(--font-heading-3-size, 1.5rem);
  font-weight: var(--font-heading-3-weight, 600);
  line-height: var(--font-heading-3-line-height, 1.4);
  letter-spacing: var(--font-heading-3-letter-spacing, -0.005em);
}
#carMangeView .car-manage__sales-box__rate {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
#carMangeView .car-manage__sales-box__rate__txt {
  font-size: 14px;
  color: #6A6F77;
}
#carMangeView .car-manage__sales-box__rate__value {
  display: flex;
  align-items: center;
  gap: 2px;
  color: #6A6F77;
}
#carMangeView .car-manage__sales-box__rate__value.down {
  color: #1b5ff5;
}
#carMangeView .car-manage__sales-box__rate__value.down i {
  display: block;
}
#carMangeView .car-manage__sales-box__rate__value.down i svg path {
  fill: #1b5ff5;
}
#carMangeView .car-manage__sales-box__rate__value.up {
  color: #fb1822;
}
#carMangeView .car-manage__sales-box__rate__value.up i {
  display: block;
}
#carMangeView .car-manage__sales-box__rate__value.up i svg path {
  transform: rotate(180deg);
  transform-origin: center;
  fill: #fb1822;
}
#carMangeView .car-manage__sales-box__rate__value i {
  display: none;
  width: 16px;
  height: 16px;
}
#carMangeView .car-manage__sales-box__rate__value .txt {
  font-size: var(--font-caption-1-size, 0.875rem);
  font-weight: var(--font-caption-1-m-weight, 500);
  line-height: var(--font-caption-1-line-height, 1.4);
  letter-spacing: var(--font-caption-1-letter-spacing, -0.005em);
}
#carMangeView .car-insurance__card {
  overflow: hidden;
}

.bottom-ad {
  background-color: var(--theme-bg-color);
  padding-top: 24px;
  padding-bottom: 65px;
  color: var(--color-fg-neutral-muted, #6A6F77);
  font-size: var(--font-caption-2-size, 0.8125rem);
  font-weight: var(--font-caption-2-r-weight, 400);
  line-height: var(--font-caption-2-line-height, 1.4);
  letter-spacing: var(--font-caption-2-letter-spacing, -0.005em);
}

.mp-car-detail.content {
  padding-bottom: 0;
}
.mp-car-detail__bg {
  position: fixed;
  top: -54px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 761px;
  margin: 0 auto;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #FFF 100%), linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(341deg, #F5E5F7 38.98%, #FFF7EF 73.51%);
  z-index: -1;
}
.mp-car-detail__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mp-car-detail__common-footer {
  position: relative;
  z-index: 10;
  min-height: var(--common-footer);
  background: var(--color-bg-neutral-weak, #f0f3f5);
}

#loan .my-rate {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  border: 1px solid #dee1e4;
  border-radius: 16px;
}
#loan .my-rate__content {
  display: flex;
  justify-content: center;
  align-items: center;
}
#loan .my-rate__inner {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
#loan .my-rate__inner:not(:last-child) {
  padding-right: 12px;
  margin-right: 12px;
  border-right: 1px solid #dee1e4;
}
#loan .my-rate__inner__texts {
  flex-grow: 1;
}
#loan .my-rate__inner__texts .tit {
  font-size: var(--font-title-3-size, 0.875rem);
  font-weight: var(--font-title-3-weight, 600);
  line-height: var(--font-title-3-line-height, 1.4);
  letter-spacing: var(--font-title-3-letter-spacing, -0.005em);
  color: #898d93;
}
#loan .my-rate__inner__texts .value {
  font-size: var(--font-heading-4-size, 1.25rem);
  font-weight: var(--font-heading-4-weight, 600);
  line-height: var(--font-heading-4-line-height, 1.4);
  letter-spacing: var(--font-heading-4-letter-spacing, -0.005em);
  color: #222832;
}
#loan .loan-compare {
  padding: 0 16px;
}
#loan .loan-compare__content {
  display: flex;
  justify-content: center;
  align-items: center;
}
#loan .loan-compare__inner {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 20px 16px;
}
#loan .loan-compare__inner:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 65.2173913043%;
  background: #dee1e4;
}
#loan .loan-compare__inner__text {
  font-size: var(--font-title-2-size, 1rem);
  font-weight: var(--font-title-2-sb-weight, 600);
  line-height: var(--font-title-2-line-height, 1.4);
  letter-spacing: var(--font-title-2-letter-spacing, -0.005em);
}
#loan .loan-compare__inner__img--gif {
  height: 50px;
  width: 100%;
}
#loan .loan-compare__inner__img--gif img {
  display: block;
  margin: 0 auto;
}

.loan-calculator__result .total-result .sub-txt {
  color: var(--color-fg-neutral-muted, #6A6F77);
  font-size: var(--font-title-3-size, 0.875rem);
  font-weight: var(--font-title-3-weight, 600);
  line-height: var(--font-title-3-line-height, 1.4);
  letter-spacing: var(--font-title-3-letter-spacing, -0.005em);
}
.loan-calculator__result .total-result .total {
  color: var(--color-fg-brand-solid, #fb1822);
  margin-top: 6px;
  font-size: var(--font-heading-2-size, 1.75rem);
  font-weight: var(--font-heading-2-weight, 600);
  line-height: var(--font-heading-2-line-height, 1.4);
  letter-spacing: var(--font-heading-2-letter-spacing, -0.005em);
}
.loan-calculator__result .monthly-result__item {
  padding: 16px 0;
}
.loan-calculator__result .monthly-result__item .monthly-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: var(--font-title-1-size, 1.125rem);
  font-weight: var(--font-title-1-sb-weight, 600);
  line-height: var(--font-title-1-line-height, 1.4);
  letter-spacing: var(--font-title-1-letter-spacing, -0.005em);
}
.loan-calculator__result .monthly-result__item .monthly-detail {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 4px;
}
.loan-calculator__result .monthly-result__item .monthly-detail .__item {
  display: flex;
  align-items: center;
  color: var(--color-fg-neutral-muted, #6A6F77);
  font-size: var(--font-caption-1-size, 0.875rem);
  font-weight: var(--font-caption-1-m-weight, 500);
  line-height: var(--font-caption-1-line-height, 1.4);
  letter-spacing: var(--font-caption-1-letter-spacing, -0.005em);
}
.loan-calculator__result .monthly-result__item .monthly-detail .__item:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  margin: 0 4px;
  background-color: var(--color-fg-neutral-weak, #b2b6ba);
}
.loan-calculator__result .monthly-result__item .monthly-detail .__item .label {
  font-size: var(--font-caption-1-size, 0.875rem);
  font-weight: var(--font-caption-1-m-weight, 500);
  line-height: var(--font-caption-1-line-height, 1.4);
  letter-spacing: var(--font-caption-1-letter-spacing, -0.005em);
  padding: 0;
  padding-right: 0.25em;
}

.loan-calculator__form .btn-box {
  display: flex;
  gap: 8px;
}
.loan-calculator__form .btn-box .btn {
  flex: 1;
}

.loan-detail {
  margin-top: 16px;
}
.loan-detail .top-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
.loan-detail .top-box .txt-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  flex: 1;
}
.loan-detail .top-box .txt-box .brand {
  color: var(--color-fg-neutral-solid, #222832);
  font-size: var(--font-heading-4-size, 1.25rem);
  font-weight: var(--font-heading-4-weight, 600);
  line-height: var(--font-heading-4-line-height, 1.4);
  letter-spacing: var(--font-heading-4-letter-spacing, -0.005em);
}
.loan-detail .top-box .txt-box .txt {
  color: var(--color-fg-neutral-muted, #6A6F77);
  margin: 0;
  font-size: var(--font-title-2-size, 1rem);
  font-weight: var(--font-title-2-m-weight, 500);
  line-height: var(--font-title-2-line-height, 1.4);
  letter-spacing: var(--font-title-2-letter-spacing, -0.005em);
}
.loan-detail .info-box {
  display: flex;
  margin-top: 48px;
  justify-content: center;
}
.loan-detail .info-box .info-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.loan-detail .info-box .info-item .label {
  color: var(--color-fg-neutral-muted, #6A6F77);
  margin: 0;
  font-size: var(--font-caption-1-size, 0.875rem);
  font-weight: var(--font-caption-1-m-weight, 500);
  line-height: var(--font-caption-1-line-height, 1.4);
  letter-spacing: var(--font-caption-1-letter-spacing, -0.005em);
}
.loan-detail .info-box .info-item .value {
  color: var(--color-fg-brand-solid, #fb1822);
  margin-top: 6px;
  font-size: var(--font-heading-4-size, 1.25rem);
  font-weight: var(--font-heading-4-weight, 600);
  line-height: var(--font-heading-4-line-height, 1.4);
  letter-spacing: var(--font-heading-4-letter-spacing, -0.005em);
}
.loan-detail .info-box .info-item:first-child {
  padding-right: 16px;
}
.loan-detail .info-box .info-item:not(:first-child) {
  position: relative;
  padding-left: 16px;
}
.loan-detail .info-box .info-item:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: var(--color-border-neutral-muted-weak, #dee1e4);
}

.mp-loan__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mp-loan__loading-icon {
  width: 112px;
  height: 112px;
  margin: 8px 0;
}
.mp-loan__loading-icon svg {
  width: 100%;
  height: 100%;
}
.mp-loan__loading-title {
  margin-top: 16px;
  color: var(--color-fg-neutral-solid, #222832);
  font-size: var(--font-heading-4-size, 1.25rem);
  font-weight: var(--font-heading-4-weight, 600);
  line-height: var(--font-heading-4-line-height, 1.4);
  letter-spacing: var(--font-heading-4-letter-spacing, -0.005em);
}
.mp-loan__loading-title .red-txt {
  color: var(--color-fg-brand-solid, #fb1822);
}
.mp-loan__loading .terms__container {
  margin-top: 24px;
  width: 100%;
}
.mp-loan__loading .terms__item {
  text-align: left;
}

.mp-invest__summary-card {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 20px;
}

.mp-invest__summary-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
}
.mp-invest__summary-header .link-button {
  position: relative;
}
.mp-invest__summary-header .link-button::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  min-width: 48px;
  min-height: 48px;
}

.mp-invest__summary-label {
  font-size: var(--font-caption-1-size, 0.875rem);
  font-weight: var(--font-caption-1-m-weight, 500);
  line-height: var(--font-caption-1-line-height, 1.4);
  letter-spacing: var(--font-caption-1-letter-spacing, -0.005em);
  color: var(--color-fg-neutral-subtle, #5f646c);
}

.mp-invest__summary-amount {
  font-size: var(--font-heading-3-size, 1.5rem);
  font-weight: var(--font-heading-3-weight, 600);
  line-height: var(--font-heading-3-line-height, 1.4);
  letter-spacing: var(--font-heading-3-letter-spacing, -0.005em);
  color: var(--color-fg-neutral-solid, #222832);
}
.mp-invest__summary-amount button {
  position: relative;
}
.mp-invest__summary-amount button::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  min-width: 48px;
  min-height: 48px;
}

.mp-invest__summary-details {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}

.mp-invest__summary-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.mp-invest__summary-item-label {
  font-size: var(--font-caption-1-size, 0.875rem);
  font-weight: var(--font-caption-1-m-weight, 500);
  line-height: var(--font-caption-1-line-height, 1.4);
  letter-spacing: var(--font-caption-1-letter-spacing, -0.005em);
  color: var(--color-fg-neutral-muted, #6A6F77);
  flex-shrink: 0;
}

.mp-invest__summary-item-value {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  min-width: 0;
}

.mp-invest__summary-profit {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mp-invest__summary-profit.up {
  color: var(--color-fg-brand-solid, #fb1822);
}
.mp-invest__summary-profit.up svg {
  color: var(--color-fg-brand-solid, #fb1822);
}
.mp-invest__summary-profit.up svg.up, .mp-invest__summary-profit.up svg.flat {
  display: block;
}
.mp-invest__summary-profit.up svg.down, .mp-invest__summary-profit.up svg.flat {
  display: none;
}
.mp-invest__summary-profit.down {
  color: var(--color-fg-accent-blue-solid, #3d87ff);
}
.mp-invest__summary-profit.down svg {
  color: var(--color-fg-accent-blue-solid, #3d87ff);
}
.mp-invest__summary-profit.down svg.up, .mp-invest__summary-profit.down svg.flat {
  display: none;
}
.mp-invest__summary-profit.down svg.down {
  display: block;
}
.mp-invest__summary-profit.flat {
  color: var(--color-fg-neutral-muted, #6A6F77);
}
.mp-invest__summary-profit.flat svg {
  color: var(--color-fg-neutral-muted, #6A6F77);
}
.mp-invest__summary-profit.flat svg.up, .mp-invest__summary-profit.flat svg.down {
  display: none;
}
.mp-invest__summary-profit.flat svg.flat {
  display: block;
}
.mp-invest__summary-profit svg {
  width: 16px;
  height: 16px;
}

.mp-invest__summary-profit-text {
  font-size: var(--font-caption-1-size, 0.875rem);
  font-weight: var(--font-caption-1-m-weight, 500);
  line-height: var(--font-caption-1-line-height, 1.4);
  letter-spacing: var(--font-caption-1-letter-spacing, -0.005em);
  text-align: right;
}

.mp-invest__summary-deposit {
  font-size: var(--font-title-3-size, 0.875rem);
  font-weight: var(--font-title-3-weight, 600);
  line-height: var(--font-title-3-line-height, 1.4);
  letter-spacing: var(--font-title-3-letter-spacing, -0.005em);
  color: var(--color-fg-neutral-solid, #222832);
  text-align: right;
}

.mp-invest__summary-disclaimer {
  font-size: var(--font-caption-3-size, 0.75rem);
  font-weight: var(--font-caption-3-m-weight, 500);
  line-height: var(--font-caption-3-line-height, 1.4);
  letter-spacing: var(--font-caption-3-letter-spacing, -0.005em);
  color: var(--color-fg-neutral-weak, #b2b6ba);
  margin-top: 6px;
}

.invest-detail__top {
  padding: 24px 20px;
  background-color: var(--color-bg-neutral-weak, #f0f3f5);
}
.invest-detail__top .mp-invest__summary-card {
  background-color: var(--color-bg-neutral-inverted, #ffffff);
  margin-bottom: 0;
}
.invest-detail__top .mp-invest__summary-amount {
  display: flex;
  align-items: center;
  gap: 6px;
}
.invest-detail__top .mp-invest__summary-amount svg {
  width: 20px;
  height: 20px;
  color: var(--color-icon-neutral-muted, #b2b6ba);
}

.invest-detail__content {
  padding: 40px 0;
}
.invest-detail__content .mp-invest__summary-card {
  border: 0;
  padding: 0;
}
.invest-detail__content .mp-invest__summary-card + .mp-invest__summary-card {
  border-radius: 0;
  border-top: 1px solid var(--color-border-neutral-line, rgba(0, 0, 0, 0.08));
  padding-top: 16px;
}
.invest-detail__content .mp-invest__summary-header {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.invest-detail__content .mp-invest__summary-header .link-button svg {
  width: 16px;
  height: 16px;
  color: var(--color-icon-neutral-muted, #b2b6ba);
}
.invest-detail__content .mp-invest__summary-amount {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}
.invest-detail__content .mp-invest__summary-amount svg {
  width: 20px;
  height: 20px;
  color: var(--color-icon-neutral-muted, #b2b6ba);
}
.invest-detail__content .mp-invest__summary-details {
  margin-bottom: 12px;
}
.invest-detail__content .mp-invest__summary-disclaimer {
  margin-top: 12px;
}

.invest-contents {
  padding: 12px 0 24px;
}
.invest-contents .title-component__title-point {
  background: transparent !important;
  background-clip: unset !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
}
.invest-contents .top-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.invest-contents .top-box .img-box {
  position: relative;
  width: 240px;
  height: 240px;
  aspect-ratio: 1/1;
}
.invest-contents .top-box .img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.invest-realty__content {
  border-radius: 16px;
  border: 1px solid var(--color-border-neutral-muted-weak, #dee1e4);
}
.invest-realty__content .inner {
  padding: 12px 16px 0;
}

.invest-process .gray-box {
  display: flex;
  flex-direction: column;
  background-color: var(--color-border-neutral-weak, #f0f3f5);
  border-radius: 12px;
}
.invest-process .gray-box .inner {
  padding: 12px 16px 0;
}
.invest-process .numbering-content .num-box {
  padding-top: 2px;
}
.invest-process .list-component__inner {
  gap: 8px;
}
.invest-process .list-component__tit, .invest-process .list-component__txt {
  display: block;
  width: 100%;
  max-height: 1.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.invest-process .list-component__info {
  width: calc(100% - 80px - 16px);
}
.invest-process .list-component .price-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4px;
  text-align: right;
  width: 80px;
  font-size: var(--font-title-2-size, 1rem);
  font-weight: var(--font-title-2-sb-weight, 600);
  line-height: var(--font-title-2-line-height, 1.4);
  letter-spacing: var(--font-title-2-letter-spacing, -0.005em);
}
.invest-process .list-component .price-box .rate {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 4px;
  font-size: var(--font-caption-3-size, 0.75rem);
  font-weight: var(--font-caption-3-m-weight, 500);
  line-height: var(--font-caption-3-line-height, 1.4);
  letter-spacing: var(--font-caption-3-letter-spacing, -0.005em);
}
.invest-process .list-component .price-box .rate .arrow {
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}
.invest-process .list-component .price-box .rate[data-state=up] {
  color: var(--color-fg-brand-solid, #fb1822);
}
.invest-process .list-component .price-box .rate[data-state=up] .arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.13397 3.5C7.51887 2.83333 8.48113 2.83333 8.86603 3.5L12.3301 9.5C12.715 10.1667 12.2339 11 11.4641 11L4.5359 11C3.7661 11 3.28497 10.1667 3.66987 9.5L7.13397 3.5Z' fill='%23FB1822'/%3E%3C/svg%3E%0A");
}
.invest-process .list-component .price-box .rate[data-state=down] {
  color: #1b5ff5;
}
.invest-process .list-component .price-box .rate[data-state=down] .arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.86603 12.5C8.48113 13.1667 7.51887 13.1667 7.13397 12.5L3.66987 6.5C3.28497 5.83333 3.7661 5 4.5359 5L11.4641 5C12.2339 5 12.715 5.83333 12.3301 6.5L8.86603 12.5Z' fill='%231B5FF5'/%3E%3C/svg%3E%0A");
}
.invest-process .list-component .price-box .rate[data-state=flat] {
  color: var(--color-fg-neutral-muted, #6A6F77);
}
.invest-process .list-component .price-box .rate[data-state=flat] .arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='7' width='10' height='2' fill='%23898D93'/%3E%3C/svg%3E%0A");
}
.invest-process.music .list-component .price-box {
  color: var(--color-fg-neutral-muted, #6A6F77);
  font-size: var(--font-caption-2-size, 0.8125rem);
  font-weight: var(--font-caption-2-m-weight, 500);
  line-height: var(--font-caption-2-line-height, 1.4);
  letter-spacing: var(--font-caption-2-letter-spacing, -0.005em);
}
.invest-process.music .list-component .price-box .rate {
  font-size: var(--font-title-2-size, 1rem);
  font-weight: var(--font-title-2-sb-weight, 600);
  line-height: var(--font-title-2-line-height, 1.4);
  letter-spacing: var(--font-title-2-letter-spacing, -0.005em);
}
.invest-process.music .list-component__tit {
  white-space: inherit;
  word-break: break-all;
  width: 100%;
}

.invest-music__detail .detail-info__box .tit {
  display: block;
  padding: 24px 0 16px;
  font-size: var(--font-heading-4-size, 1.25rem);
  font-weight: var(--font-heading-4-weight, 600);
  line-height: var(--font-heading-4-line-height, 1.4);
  letter-spacing: var(--font-heading-4-letter-spacing, -0.005em);
}
.invest-music__detail .detail-info__box .terms__item {
  color: var(--color-fg-neutral-solid, #222832);
}
.invest-music__detail .detail-info__box .terms__item .red-txt {
  color: var(--color-fg-brand-solid, #fb1822);
}
.invest-music__detail .detail-info__box .terms__title {
  font-weight: 500;
}

.goods-info__box {
  background-color: #ffffff;
  border: 1px solid var(--color-border-neutral-muted-weak, #dee1e4);
  border-radius: 16px;
  padding: 24px;
}
.goods-info__item {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 16px 0;
  border-top: 1px solid var(--color-bg-button-gray, rgba(5, 55, 88, 0.06));
}
.goods-info__item .num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #ffffff;
  background-color: var(--color-bg-neutral-muted, #9da1a7);
}
.goods-info__item .txt {
  width: calc(100% - 24px - 24px);
  font-size: var(--font-body-2-size, 1rem);
  font-weight: var(--font-body-2-m-weight, 500);
  line-height: var(--font-body-2-line-height, 1.5);
  letter-spacing: var(--font-body-2-letter-spacing, -0.005em);
}
.goods-info__item .txt .red-txt {
  color: var(--color-fg-brand-solid, #fb1822);
}
.goods-info__item:first-child {
  padding-top: 0;
  border-top: 0;
}
.goods-info__item:last-child {
  padding-bottom: 0;
}

#loan-platform .color-red {
  color: var(--color-fg-brand-solid, #fb1822);
}
#loan-platform .color-gray {
  color: var(--color-border-neutral-muted-weak, #dee1e4);
}
#loan-platform .weight-bold {
  font-weight: 600;
}
#loan-platform .search-company__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#loan-platform .search-company__item {
  border-bottom: 1px solid var(--color-border-neutral-line, rgba(0, 0, 0, 0.08));
  padding-bottom: 16px;
}
#loan-platform .extra-info__segment {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
#loan-platform .loan-checking__lotte {
  position: relative;
  height: 184px;
}
#loan-platform .loan-checking__lotte--item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: flex;
  align-items: center;
}
#loan-platform .loan-checking__lotte--video {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  object-fit: contain;
}
#loan-platform .loan-checked-list__highlight {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#loan-platform .loan-checked-list__highlight--item {
  padding: 20px;
  border-radius: 10px;
  position: relative;
  z-index: 0;
  border: 1px solid var(--color-gradient-red-basic, rgba(251, 24, 34, 0.4));
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04);
}
#loan-platform .stamp-event__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
#loan-platform .stamp-event__img-wrap img {
  width: 100%;
  height: auto;
}

.bottom-sheet__re-checking .re-checking__lotte {
  position: relative;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottom-sheet__re-checking .re-checking__lotte--item {
  width: 100%;
  height: 164px;
}
.bottom-sheet__re-checking .re-checking__lotte--item img, .bottom-sheet__re-checking .re-checking__lotte--item video, .bottom-sheet__re-checking .re-checking__lotte--item .re-checking__lotte--video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}
.bottom-sheet__re-checking .re-checking__lotte--text {
  font-size: var(--font-heading-4-size, 1.25rem);
  font-weight: var(--font-heading-4-weight, 600);
  line-height: var(--font-heading-4-line-height, 1.4);
  letter-spacing: var(--font-heading-4-letter-spacing, -0.005em);
}