@media (min-width: 769px) {
  .pagehead--gray, .stock-page .pagehead { background: var(--gray-bg); padding: 24px 0 0; }
}
.stock { padding: 20px 0 56px; }
.stock__wrap { gap: 32px; }
.stock__list { flex: 0 1 960px; width: auto; }
.lgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lcar__badge--stock { min-width: 83px; text-align: center; background: #E6EBF1; color: var(--navy); }
.lcar .car__tags { gap: 0; }

.survey-sec--ilan .sec-head .sub { max-width: 420px; }

.fsec--v2 { padding: 56px 0; }
.fsec--v2 .container { gap: 24px; }
.fsec--v2 .fsec__titles { gap: 10px; }
.fsec--v2 .fsec__titles .h2 { font-size: 36px; line-height: 40px; }
.fsec--v2 .fsec__titles .sub { color: #34465A; }
.fsec--v2 .cards--feat { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.cards--feat .car__badges { bottom: 12px; }

.info-sec { background: var(--white); padding: 0 0 64px; }
.info-card { display: flex; align-items: center; gap: 56px; padding: 40px 48px; border-radius: 16px; background: var(--gray-bg); }
.info-card__txt { flex: 0 1 600px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.info-card .info-card__txt h2 { font-family: var(--f-head); font-weight: 700; font-size: 30px; line-height: 34px; color: var(--navy); }
.info-card .info-card__txt p { font-weight: 400; font-size: 15px; line-height: 24px; color: #34465A; }
.info-card__stats { flex: none; display: flex; gap: 12px; }
.info-stat { width: 168px; display: flex; flex-direction: column; gap: 4px; padding: 20px; border: 1px solid #E2E6EB; border-radius: 12px; background: var(--white); }
.info-stat strong { font-family: var(--f-head); font-weight: 700; font-size: 32px; line-height: 36px; color: var(--orange); }
.info-stat span { font-weight: 500; font-size: 13px; line-height: 18px; color: #34465A; }

@media (max-width: 1279px) {
  .stock__list { flex: 1 1 auto; }
  .lgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fsec--v2 .cards--feat { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .info-card { flex-direction: column; align-items: stretch; gap: 28px; }
  .info-card__txt { flex: none; }
  .info-card__stats { flex-wrap: wrap; }
}

@media (max-width: 768px) {
  .stock { padding: 36px 0 56px; }
  .lgrid { grid-template-columns: 1fr; }
  .lcar__badge--stock { display: none; }

  .lhead-m__title { font-size: 34px; line-height: 35.7px; }
  .lhead-m .qcards { display: flex; gap: 12px; margin: 0 -24px; padding: 0 24px; overflow-x: auto; scrollbar-width: none; }
  .lhead-m .qcards::-webkit-scrollbar { display: none; }
  .lhead-m .qcard { flex: none; width: 280px; height: 112px; padding: 16px; gap: 12px; border-radius: 12px; }
  .lhead-m .qcard__ico .ico { width: 40px; height: 40px; }
  .lhead-m .qcard__txt strong { font-weight: 600; font-size: 18px; line-height: 22px; }
  .lhead-m .qcard__txt span { font-size: 13px; line-height: 18px; color: #34465A; }

  .stock__list > .lchips { display: flex; flex-wrap: nowrap; gap: 8px; margin: 0 -24px; padding: 0 24px; overflow-x: auto; scrollbar-width: none; }
  .stock__list > .lchips::-webkit-scrollbar { display: none; }
  .stock__list > .lchips a { flex: none; height: 36px; padding: 8px 14px; border-radius: 18px; font-size: 13px; line-height: 17.8px; }

  .fsec--v2 { padding: 48px 0; }
  .fsec--v2 .container { gap: 16px; }
  .fsec--v2 .fsec__titles { gap: 16px; }
  .fsec--v2 .fsec__titles .h2 { font-size: 26px; line-height: 26px; }
  .fsec--v2 .fsec__titles .sub { color: #4D5966; line-height: 22.5px; }
  .fsec--v2 .cards--feat { display: flex; gap: 12px; }
  .cards--feat .car__badges { bottom: 12px; }

  .info-sec { padding: 0 0 48px; }
  .info-card { padding: 24px 20px; gap: 12px; }
  .info-card .info-card__txt h2 { font-size: 26px; line-height: 30px; }
  .info-card .info-card__txt p { font-size: 15px; line-height: 23.2px; }
  .info-card__stats { flex-direction: column; flex-wrap: nowrap; gap: 8px; margin-top: 0; }
  .info-stat { width: auto; flex-direction: row; align-items: center; gap: 12px; padding: 12px 16px; }
  .info-stat strong { flex: none; width: 116px; font-size: 24px; line-height: 28px; }
  .info-stat span { flex: 1; }
}

.lchips a.is-sel { background: var(--navy); color: var(--white); box-shadow: none; }
.noresult { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 56px 40px; border-radius: 16px; background: var(--gray-bg); text-align: center; }
.noresult h2 { font-family: var(--f-head); font-weight: 700; font-size: 30px; line-height: 36px; color: var(--navy); }
.noresult p { max-width: 560px; font-weight: 400; font-size: 15px; line-height: 23px; color: #34465A; }
.noresult .btn { margin-top: 20px; }
@media (max-width: 768px) {
  .noresult { gap: 10px; padding: 36px 20px; }
  .noresult h2 { font-size: 24px; line-height: 28.8px; }
  .noresult p { font-size: 14px; line-height: 21px; }
  .noresult .btn { width: 100%; margin-top: 0; }
}
@media (min-width: 1280px) {
  .lgrid .lcar__name { width: 270px; max-width: 100%; }
}

.shead { padding: 24px 0 64px; }
.shead__row { display: flex; align-items: center; gap: 64px; width: 100%; }
.shead__txt { flex: 0 1 696px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.shead__h { max-width: none; text-wrap: balance; }
.shead__sub { max-width: none; color: #34465A; }
.shead__btns { margin-top: 28px; }
.shead__img { flex: none; width: 520px; height: 340px; border-radius: 16px; overflow: hidden; background: #E3E7EC; }
.shead__img img { width: 100%; height: 100%; object-fit: cover; }

.steps-sec { padding: 64px 0; }
.steps-sec .h2l, .pay-sec .h2l, .faq2-sec .h2l { font-size: 36px; line-height: 40px; }
.steps-sec--legacy { padding: 72px 0; }
.steps-sec--legacy .h2l, .faq2-sec--legacy .h2l { font-size: 46px; line-height: 55.2px; }
.steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.step { min-height: 146px; }
.step__t { font-weight: 400; }
.steps--aa .step { min-height: 169px; }
.steps--43 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.steps--43 .step { grid-column: span 4; min-height: 172px; }
.steps--43 .step:nth-child(-n+4) { grid-column: span 3; }
.steps--43 .step__t { line-height: 24px; }

.pay-sec { padding: 64px 0; }
.pay-sec__head { gap: 10px; }
.pay-sec__head .sub { color: #34465A; }
.faq2-sec { padding: 64px 0; }
.faq2-sec--legacy { padding: 72px 0; }
.faq2-sec .faq2-sec__head { gap: 0; }
.calc-sec--svc { padding: 64px 0; }
.survey-sec--svc { padding: 64px 0; }

.support-sec { background: #F4F5F7; padding: 72px 0; }
.support-sec__cards { display: flex; gap: 24px; }
.sup-card { display: flex; flex-direction: column; min-height: 272px; border-radius: 20px; padding: 40px; }
.sup-card--dark { flex: 0 1 808px; gap: 14px; background: var(--navy); }
.sup-card--light { flex: 1 1 448px; gap: 10px; padding: 39px; border: 1px solid #E2E6EB; background: var(--white); }
.sup-card__eyebrow { font-weight: 600; font-size: 12px; line-height: 16.4px; letter-spacing: .96px; color: var(--orange); }
.sup-card h2 { font-family: var(--f-head); font-weight: 700; font-size: 36px; line-height: 42px; color: var(--navy); }
.sup-card--dark h2 { color: var(--white); }
.sup-card p { font-weight: 400; font-size: 15px; line-height: 24px; color: #566273; }
.sup-card--dark p { color: #C7D1DE; }
.sup-card--dark .btn { align-self: flex-start; margin-top: 24px; }
.sup-card__tel { margin-top: 20px; font-family: var(--f-head); font-weight: 700; font-size: 40px; line-height: 48px; color: var(--orange); }

@media (max-width: 1279px) {
  .shead__row { gap: 40px; }
  .shead__txt { flex: 1 1 auto; }
  .shead__img { width: 40%; max-width: 520px; }
  .steps--43 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .steps--43 .step, .steps--43 .step:nth-child(-n+4) { grid-column: auto; }
  .support-sec__cards { flex-direction: column; }
  .sup-card--dark, .sup-card--light { flex: none; }
}

@media (max-width: 768px) {
  .shead { padding: 20px 0 40px; }
  .shead__row { flex-direction: column; align-items: stretch; gap: 16px; }
  .shead__txt { display: contents; }
  .shead__h { order: 1; }
  .shead__sub { order: 2; }
  .shead__img { order: 3; width: 100%; height: 210px; border-radius: 14px; }
  .shead__btns { order: 4; margin-top: 0; }
  .steps-sec { padding: 48px 0; }
  .steps-sec--legacy { padding: 44px 0; }
  .steps-sec .h2l, .pay-sec .h2l, .faq2-sec .h2l { font-size: 26px; line-height: 30px; }
  .steps-sec--legacy .h2l, .faq2-sec--legacy .h2l { font-size: 32px; line-height: 38.4px; }
  .steps, .steps--43 { grid-template-columns: 1fr; gap: 20px; }
  .steps--43 .step, .steps--43 .step:nth-child(-n+4) { grid-column: auto; }
  .step, .steps--aa .step, .steps--43 .step { min-height: 0; }
  .step__t, .steps--43 .step__t { line-height: 21.8px; }
  .pay-sec { padding: 48px 0; }
  .faq2-sec { padding: 48px 0; }
  .faq2-sec--legacy { padding: 44px 0; }
  .calc-sec--svc { padding: 48px 0; }
  .survey-sec--svc { padding: 48px 0; }
  .support-sec { padding: 40px 0; }
  .support-sec__cards { gap: 16px; }
  .sup-card { min-height: 0; padding: 24px; border-radius: 20px; }
  .sup-card--dark { gap: 12px; }
  .sup-card--light { gap: 8px; padding: 23px; }
  .sup-card h2 { font-size: 28px; line-height: 32px; }
  .sup-card--dark .btn { align-self: stretch; margin-top: 16px; }
  .sup-card__tel { margin-top: 12px; font-size: 30px; line-height: 36px; }
}

.ohead__p { color: #34465A; }
.opts2-sec { background: var(--white); padding: 56px 0 72px; }
.opts2 { display: flex; gap: 16px; }
.opt2 { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 16px; padding: 32px 32px 36px; border: 1px solid #E2E6EB; border-radius: 16px; background: var(--white); scroll-margin-top: 170px; }
.opt2:target { border-color: var(--orange); box-shadow: 0 0 0 1px var(--orange); }
.opt2__ico { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 10px; background: var(--navy); color: var(--white); }
.opt2__ico .ico { width: 24px; height: 24px; }
.opt2 h2 { font-family: var(--f-head); font-weight: 700; font-size: 30px; line-height: 34px; color: var(--navy); }
.opt2 p { font-weight: 400; font-size: 15px; line-height: 23px; color: #34465A; }
.opt2 hr { width: 100%; height: 1px; border: 0; background: #E2E6EB; margin: 0; }
.opt2 ul { display: flex; flex-direction: column; gap: 10px; }
.opt2 li { display: flex; align-items: center; gap: 10px; font-weight: 500; font-size: 15px; line-height: 22px; color: var(--navy); }
.opt2 li .ico { flex: none; width: 18px; height: 18px; color: var(--orange); }
@media (max-width: 1100px) { .opts2 { flex-direction: column; } }
@media (max-width: 768px) {
  .opts2-sec { padding: 32px 0 40px; }
  .opts2 { gap: 16px; }
  .opt2 { padding: 24px 24px 28px; }
  .opt2 h2 { font-size: 26px; line-height: 30px; }
}

.app.is-done .apphead { background: var(--white); padding: 32px 0 24px; }
.appok-sec { padding: 24px 0 96px; }
.appok { width: 640px; max-width: calc(100% - 48px); margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 48px; border: 1px solid #E2E6EB; border-radius: 20px; background: var(--white); text-align: center; }
.appok__ico { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 50%; background: #E7F4EC; }
.appok h2 { font-family: var(--f-head); font-weight: 700; font-size: 40px; line-height: 44px; color: var(--navy); }
.appok > p:not(.appok__tel) { font-weight: 400; font-size: 16px; line-height: 25px; color: #34465A; }
.appok__no { display: flex; gap: 8px; padding: 10px 16px; border-radius: 10px; background: var(--gray-bg); font-size: 14px; line-height: 20px; }
.appok__no span { color: #6B7785; }
.appok__no strong { font-weight: 600; color: var(--navy); }
.appok__sum { width: 100%; border: 1px solid #E2E6EB; border-radius: 12px; overflow: hidden; }
.appok__sum div { display: flex; justify-content: space-between; gap: 12px; padding: 12px 16px; font-size: 14px; line-height: 20px; }
.appok__sum div + div { border-top: 1px solid #E2E6EB; }
.appok__sum span { color: #6B7785; text-align: left; }
.appok__sum strong { font-weight: 600; color: var(--navy); text-align: right; }
.appok__next { width: 100%; display: flex; flex-direction: column; gap: 10px; text-align: left; }
.appok__next h3 { font-family: var(--f-head); font-weight: 600; font-size: 22px; line-height: 26px; color: var(--navy); }
.appok__next ol { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.appok__next li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; line-height: 23px; color: #34465A; }
.appok__next li i { flex: none; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-top: -0px; border-radius: 12px; background: var(--navy); color: var(--white); font-style: normal; font-weight: 600; font-size: 12px; line-height: 16px; }
.appok__btns { display: flex; gap: 12px; justify-content: center; margin-top: 4px; }
.appok__tel { font-size: 14px; line-height: 20px; color: #6B7785; }
.appok__tel a { font-weight: 600; color: var(--navy); }
@media (max-width: 768px) {
  .app.is-done .apphead { padding: 20px 0 28px; }
  .appok-sec { padding: 8px 0 48px; }
  .appok { width: auto; max-width: none; margin: 0 24px; padding: 32px 20px; }
  .appok h2 { font-size: 30px; line-height: 34px; }
  .appok > p:not(.appok__tel) { font-size: 15px; line-height: 23px; }
  .appok__btns { flex-direction: column-reverse; width: 100%; gap: 12px; }
  .appok__btns .btn { width: 100%; }
}

.app[data-app-flow] .apphead__sub { display: block; }
.krow { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.krad { display: flex; align-items: center; gap: 12px; height: 48px; padding: 0 18px; border-radius: 10px; background: var(--white); box-shadow: inset 0 0 0 1px #E2E6EB; cursor: pointer; transition: background-color .15s, box-shadow .15s; }
.krad input, .ptab__r label input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.krad b { font-weight: 600; font-size: 15px; line-height: 20px; color: var(--navy); }
.krad:hover { box-shadow: inset 0 0 0 1px var(--line-2); }
.krad.is-sel { background: #FEF3EC; box-shadow: inset 0 0 0 1px var(--orange); }
.krad.is-sel .radio, .ptab input:checked + .radio { box-shadow: inset 0 0 0 5px var(--orange); }
.krad input:focus-visible + .radio { outline: 2px solid var(--navy); outline-offset: 2px; }
.apph3 { font-family: var(--f-head); font-weight: 600; font-size: 24px; line-height: 28px; color: var(--navy); }
.appnote { padding: 14px 16px; border-radius: 10px; background: var(--gray-bg); font-weight: 400; font-size: 13px; line-height: 20px; color: #34465A; }
.appnote--code { padding: 0; border-radius: 0; background: none; font-size: 15px; line-height: 23px; }
.appbtns--flow .btn--secondary { width: auto; padding: 0 20px; }
.appbtns--flow { padding-top: 28px; }
.app[data-app-flow] .appprog { padding-top: 32px; }
.appstep--2 .appstep__form--2 .appprog { padding-top: 32px; }

.ptab { border: 1px solid #E2E6EB; border-radius: 12px; overflow: hidden; }
.ptab__r { display: grid; grid-template-columns: minmax(0, 1fr) repeat(4, 110px); align-items: center; padding: 10px 20px; border-top: 1px solid #E2E6EB; font-size: 14px; line-height: 20px; color: var(--navy); }
.ptab__r:first-child { border-top: 0; }
.ptab__h { padding: 12px 20px; background: var(--gray-bg); font-weight: 600; font-size: 13px; line-height: 17.8px; }
.ptab__h span:not(:first-child) { text-align: center; }
.ptab__h i { font-style: normal; }
.ptab__r label { display: flex; justify-content: center; cursor: pointer; }
.ptab__r label input { position: absolute; opacity: 0; pointer-events: none; }
.ptab .radio { width: 18px; height: 18px; }

.otp { display: flex; gap: 12px; }
.otp input[type="text"] { width: 56px; height: 64px; padding: 0; border: 0; border-radius: 10px; background: var(--white); box-shadow: inset 0 0 0 1px #CBD2DA; text-align: center; font-family: var(--f-head); font-weight: 600; font-size: 28px; line-height: 33.6px; color: var(--navy); }
.otp input[type="text"]:focus { outline: 0; box-shadow: inset 0 0 0 1.5px var(--orange); }
.otp__resend { font-size: 14px; line-height: 19.1px; color: #6B7785; }
.otp__resend a { font-weight: 600; color: var(--orange); }

@media (max-width: 768px) {
  .krow { gap: 10px; }
  .krad { gap: 12px; padding: 0 16px; }
  .ptab__r { grid-template-columns: minmax(0, 1fr) repeat(4, 52px); padding: 10px 12px; font-size: 13px; }
  .ptab__h { padding: 12px; }
  .ptab__h span:not(:first-child) { font-weight: 600; font-size: 11px; line-height: 15px; }
  .otp { gap: 8px; }
  .otp input[type="text"] { flex: 1 1 0; min-width: 0; width: auto; height: 56px; }
}
@media (max-width: 768px) {
  .app[data-app-flow] .afield__row { grid-template-columns: 1fr; gap: 16px; }
  .app[data-app-flow] .appstep__form { gap: 24px; }
}

@media (min-width: 769px) and (max-width: 1279px) {
  .tabs--scroll { flex-wrap: wrap; row-gap: 8px; }
}
.appok__sum--empty { min-height: 47px; }
@media (max-width: 768px) {
  .lgrid.is-all .lcar { order: 0 !important; display: flex !important; }
  .mall[hidden] { display: none !important; }
}
@media (min-width: 769px) and (max-width: 1279px) {
  .shead__img { height: auto; aspect-ratio: 520 / 340; align-self: center; }
}

.lgrid { align-items: stretch; }