/* form-v2.css v3 · 10.04(접수 버튼 네이비 입체) · v2 10.03(접수 버튼 오렌지) · v1 09.27 — 접수폼 공통 스타일(대표 승인 시안 preview/consult_v1 v2): 흰 바탕 · 본고딕 · 네이비 글자 · 네이비 버튼(흰 글자 52~56px) · 파랑 포커스 · 옅은 덮개.
   오렌지 면 · 빨강-주황 그라데이션 · 알약 뱃지는 쓰지 않는다(대표 「브라운 싫다 · 파랑이나 네이비」). 페이지별 선택자를 여기서 한 번에 덮어쓴다. */
:root{--fv-navy:#0B1F3A;--fv-blue:#1B64DA;--fv-line:#E3E7EE;--fv-soft:#EEF4FD;--fv-ink2:#3F4C63;--fv-ink3:#7B8797;--fv-red:#D93025}

/* 모달 상단 로고(index 헤더 .brand-j 그대로) + 「상담」 */
.fv-brand{display:flex;align-items:center;gap:14px;margin:0 0 4px}
.fv-brand .brand-j{display:inline-flex!important;flex-direction:column;width:auto!important;line-height:1}
.fv-brand .fv-word{padding-left:14px;border-left:1px solid var(--fv-line);font-size:22px;font-weight:800;color:var(--fv-navy);letter-spacing:-.5px;line-height:1}
@media(max-width:400px){.fv-brand .bj-t{font-size:26px}.fv-brand .fv-word{font-size:19px}.exm-h2{font-size:22px!important}.htd-modal-car,.exm-car,.cs1-tt,#csvOv .cs2-tt{font-size:24px!important}}

/* ── index: 간편 신청 모달(htdModal · carLiteModal) ── */
.htd-modal-bg{background:rgba(11,31,58,.28)!important;backdrop-filter:blur(2px)!important}
.htd-modal-card{border-radius:14px!important;padding:22px 20px 18px!important;border-top:3px solid var(--fv-navy);box-shadow:0 18px 48px rgba(11,31,58,.22)!important;max-width:420px!important}
.htd-modal-x{top:12px!important;right:12px!important;width:36px;height:36px;background:#F3F5F8!important;border-radius:8px;font-size:22px!important;color:var(--fv-ink2)!important;padding:0!important}
.htd-modal-kicker{display:block!important;background:none!important;color:var(--fv-blue)!important;font-size:14px!important;font-weight:800!important;padding:0!important;border-radius:0!important;margin-top:14px}
.htd-modal-car{margin-top:6px!important;font-size:26px!important;font-weight:800!important;color:var(--fv-navy)!important;letter-spacing:-.6px!important}
.htd-modal-desc{font-size:16px!important;color:var(--fv-ink2)!important;line-height:1.6!important;font-weight:500!important}
.htd-inp{height:52px;margin-top:10px!important;border:1.5px solid var(--fv-line)!important;border-radius:10px!important;padding:0 14px!important;font-size:16px!important;color:var(--fv-navy)!important;background:#fff!important}
.htd-inp::placeholder{color:#9AA5B5}
.htd-inp:focus{border-color:var(--fv-blue)!important;box-shadow:0 0 0 3px rgba(27,100,218,.16)!important;background:#fff!important}
.htd-consent{font-size:14.5px!important;color:var(--fv-ink2)!important;margin-top:14px!important;padding-top:14px;border-top:1px solid var(--fv-line)}
.htd-consent input{width:20px!important;height:20px!important;accent-color:var(--fv-blue)!important}
.htd-consent b{color:var(--fv-red)!important}
.htd-consent a{color:var(--fv-navy)!important;font-size:13px!important}
.htd-submit{height:54px;padding:0!important;border-radius:10px!important;background:var(--fv-navy)!important;color:#fff!important;font-size:17px!important;font-weight:800!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px rgba(11,31,58,.26)!important;margin-top:16px!important}
.htd-submit:hover{background:#12305A!important}
.htd-submit:disabled{background:#C9D3E3!important;color:#5F6D82!important;box-shadow:none!important;opacity:1!important}
.htd-submit::after{background:linear-gradient(115deg,transparent,rgba(255,255,255,.28),transparent)!important}
.htd-modal-msg{font-size:14.5px!important}
.htd-modal-msg.ok{color:#118A55!important}
.htd-modal-msg.err{color:var(--fv-red)!important}
.htd-modal-fine{font-size:13px!important;color:var(--fv-ink3)!important}

/* ── index: 핫타임 선점(exmOv) · 상담 유형선택(csvOv) 카드 ── */
.exm-bg{background:rgba(11,31,58,.28)!important;backdrop-filter:blur(2px)!important}
.exm-card{border-radius:14px!important;box-shadow:0 18px 48px rgba(11,31,58,.22)!important}
.exm-card::before{background:var(--fv-navy)!important;height:3px!important}
.exm-x{top:12px!important;right:12px!important;width:36px;height:36px;background:#F3F5F8!important;border-radius:8px;font-size:22px!important;color:var(--fv-ink2)!important;padding:0!important}
.exm-badge{background:none!important;color:var(--fv-blue)!important;font-size:14px!important;padding:0!important;border-radius:0!important;margin-top:16px}
.exm-fire{display:none!important}
.exm-car{font-size:26px!important;font-weight:800!important;color:var(--fv-navy)!important;letter-spacing:-.6px!important}
.exm-h2{font-size:24px!important;font-weight:800!important;color:var(--fv-navy)!important;letter-spacing:-.6px!important;line-height:1.3!important}
.exm-sub{font-size:16px!important;color:var(--fv-ink2)!important;line-height:1.6!important}
.exm-inp{height:52px!important;padding:0 14px!important;border:1.5px solid var(--fv-line)!important;border-radius:10px!important;font-size:16px!important;font-weight:500!important;color:var(--fv-navy)!important;background:#fff!important;margin-top:10px!important;box-shadow:none!important}
.exm-inp::placeholder{color:#9AA5B5!important}
.exm-inp:focus{border-color:var(--fv-blue)!important;box-shadow:0 0 0 3px rgba(27,100,218,.16)!important}
.exm-type{border-radius:10px!important;font-size:15px!important;font-weight:700!important;color:var(--fv-ink2)!important;border:1.5px solid var(--fv-line)!important;background:#fff!important;padding:0 14px!important;height:46px}
.exm-type.on{border-color:var(--fv-blue)!important;background:var(--fv-soft)!important;color:var(--fv-navy)!important;font-weight:800!important;box-shadow:none!important}
.exm-consent{font-size:14.5px!important;color:var(--fv-ink2)!important;border-color:var(--fv-line)!important}
.exm-consent input{accent-color:var(--fv-blue)!important}
.exm-consent b{color:var(--fv-red)!important}
.exm-consent a{color:var(--fv-navy)!important}
.exm-submit,.exm-submit.red,#csvOv .cs2-go,.cs1-next{height:54px!important;padding:0!important;border-radius:10px!important;background:var(--fv-navy)!important;color:#fff!important;font-size:17px!important;font-weight:800!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px rgba(11,31,58,.26)!important;background-image:none!important}
.exm-submit:hover,#csvOv .cs2-go:hover,.cs1-next:hover{background:#12305A!important}
.exm-submit:disabled,#csvOv .cs2-go:disabled{background:#C9D3E3!important;color:#5F6D82!important;box-shadow:none!important;opacity:1!important}
.exm-msg{font-size:14.5px!important}
.exm-msg.ok{color:#118A55!important}
.exm-msg.err{color:var(--fv-red)!important}
.exm-back,#csvOv .cs2-back{background:#F3F5F8!important;border-radius:8px!important;color:var(--fv-navy)!important;font-weight:800!important;padding:8px 12px!important}
.exm-rrn,#csvOv .cs2-rrn{background:#fff!important;border:1px solid var(--fv-line)!important;border-radius:8px!important;color:var(--fv-ink2)!important}
.exm-rrn b{color:var(--fv-navy)!important}
.cs1-tt,#csvOv .cs2-tt{color:var(--fv-navy)!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.6px!important}
.cs1-sub,#csvOv .cs2-sub{font-size:16px!important;color:var(--fv-ink2)!important}
.cs1-trust{color:var(--fv-blue)!important}
.csv-item.sel{background:var(--fv-soft)!important;box-shadow:inset 4px 0 0 var(--fv-blue)!important}
.csv-rec{background:var(--fv-blue)!important;border-radius:4px!important;padding:2px 7px!important}
.csv-ph{border-radius:8px!important}
#csvOv .cs2-lab{color:var(--fv-navy)!important}
#csvOv .cs2-lab .n{background:var(--fv-navy)!important;border-radius:5px!important}
#csvOv .cs2-lab .req{color:var(--fv-red)}
#csvOv .cs2-tip{background:var(--fv-soft)!important;border-radius:8px!important;color:var(--fv-navy)!important}
#csvOv .cs2-desc{border-radius:8px!important;font-size:14px!important}
#csvOv .cs2-hero{border-radius:10px!important}
.fv-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 22px}
.fv-chips .exm-type{margin:0!important;width:100%}
#csvNew .exm-inp{width:calc(100% - 44px)!important;margin-left:22px!important}
#csvNew .exm-consent{margin:14px 22px 0!important;flex-wrap:nowrap!important;align-items:flex-start!important;gap:9px!important}
#csvNew .exm-consent span{flex:1 1 auto}
#csvNew .exm-consent a{margin-left:0!important;white-space:nowrap}
#csvNew .exm-msg{margin:10px 22px 0!important}

/* ── index · resale · truckmoa: 10초 빠른 접수 고정 바 ── */
.qf-inp{background:#fff!important;border-color:var(--fv-line)!important;color:var(--fv-navy)!important}
.qf-inp:focus{border-color:var(--fv-blue)!important;box-shadow:0 0 0 3px rgba(27,100,218,.16)!important;background:#fff!important}
.qf-chip[aria-pressed="true"]{background:var(--fv-navy)!important;border-color:var(--fv-navy)!important;color:#fff!important}
.qf-ag input{accent-color:var(--fv-blue)!important}
.qf-ttl .bd{background:var(--fv-navy)!important;border-radius:4px!important}
.qf-go{background:var(--fv-navy)!important;background-image:none!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px rgba(11,31,58,.26)!important;border-radius:10px!important}
.qf-go:hover{background:#12305A!important;filter:none!important}
.qf-go::after{background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0))!important}

/* ── resale-exit · quote-exit 첫 화면 접수 폼 ── */
.form .inp,.form .sel{border-radius:10px!important;height:52px!important;font-weight:500!important}
.form .inp:focus,.form .sel:focus{border-color:var(--fv-blue)!important;box-shadow:0 0 0 3px rgba(27,100,218,.16)!important}
.form .ag input{accent-color:var(--fv-blue)}
.form .go{height:54px!important;border-radius:10px!important;background:var(--fv-navy)!important;color:#fff!important;font-size:17px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px rgba(11,31,58,.26)!important}
.form .go:hover{background:#12305A!important}
.form .go:disabled{background:#C9D3E3!important;color:#5F6D82!important;box-shadow:none!important;opacity:1!important}
.form h2{color:var(--fv-navy);font-size:24px!important;font-weight:800!important}

/* ── low-credit 상담 폼 ── */
.form-card .f-in{border-radius:10px;height:52px;font-weight:500}
.form-card .f-in:focus{border-color:var(--fv-blue)!important;box-shadow:0 0 0 3px rgba(27,100,218,.16)!important}
.form-card .f-agree input{accent-color:var(--fv-blue)!important}
.form-card .f-btn{height:54px!important;border-radius:10px;background:var(--fv-navy)!important;color:#fff!important;font-size:17px!important;font-weight:800!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px rgba(11,31,58,.26)}
.form-card .f-btn:hover{background:#12305A!important}
.form-card .f-lb{font-size:14px}

/* ── resale · resale-detail 매물 상담 카드 ── */
.fw-bd .inp{height:52px;border-radius:10px;font-size:16px;color:var(--fv-navy)}
.fw-bd .inp:focus{border-color:var(--fv-blue)!important;box-shadow:0 0 0 3px rgba(27,100,218,.16)!important;outline:0}
.fw-agr input{accent-color:var(--fv-blue)}
.fw-go{height:54px!important;border-radius:10px!important;background:var(--fv-navy)!important;color:#fff!important;font-size:17px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px rgba(11,31,58,.26)}
.fw-go:hover{background:#12305A!important}

@media(prefers-reduced-motion:reduce){.htd-submit::after,.qf-go::after,.fw-go::after{animation:none!important;display:none!important}}

/* ── 하단 고정 접수 버튼(resale-exit · quote-exit .sticky button, low-credit .sb-go): 폼 버튼과 같은 네이비 ── */
.sticky button{background:var(--fv-navy)!important;background-image:none!important;color:#fff!important;border-radius:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px rgba(11,31,58,.26)!important}
.sb-go{background:var(--fv-blue)!important;color:#fff!important}

/* ── v2 · 10.03 대표 결정 「접수 버튼 오렌지(B안)」: 눌러야 할 접수 버튼 하나만 오렌지 바탕 + 네이비 글씨 · 더 크게(60~66px) · 두 줄 문구 · 빛 스윕 · 버튼 아래 부담 덜기 한 줄
   (시안 preview/qexit_cta_v1.html?v=b · 접수폼 나머지(흰 바탕 · 네이비 글자 · 파랑 포커스)는 v1 그대로) ── */
:root{--fv-orange:#EF7A1E}
.htd-submit,.exm-submit,.exm-submit.red,#csvOv .cs2-go,.cs1-next,.form .go,.hb-form .go,.form-card .f-btn,.fw-go,.qf-go,.sticky button,.sb-go{
  background:var(--fv-orange)!important;background-image:none!important;color:var(--fv-navy)!important;font-weight:900!important;
  box-shadow:0 8px 22px rgba(239,122,30,.38),inset 0 1px 0 rgba(255,255,255,.35)!important;position:relative;overflow:hidden;letter-spacing:-.02em}
.htd-submit:hover,.exm-submit:hover,#csvOv .cs2-go:hover,.cs1-next:hover,.form .go:hover,.hb-form .go:hover,.form-card .f-btn:hover,.fw-go:hover,.qf-go:hover,.sticky button:hover,.sb-go:hover{background:#F58A33!important;filter:none!important}
.htd-submit:disabled,.exm-submit:disabled,#csvOv .cs2-go:disabled,.form .go:disabled,.hb-form .go:disabled,.form-card .f-btn:disabled,.fw-go:disabled,.qf-go:disabled{background:#C9D3E3!important;color:#5F6D82!important;box-shadow:none!important}
.form .go,.hb-form .go,.form-card .f-btn,.fw-go{height:66px!important;font-size:20px!important;line-height:1.15!important}
.htd-submit,.exm-submit,#csvOv .cs2-go,.cs1-next{height:60px!important;font-size:19px!important}
.sticky button{height:60px!important;font-size:19px!important}
.form .go small,.hb-form .go small,.form-card .f-btn small,.fw-go small{display:block;font-size:13.5px;font-weight:700;color:#3B2A12;margin-top:3px;letter-spacing:0;line-height:1.2}
.form .go::after,.hb-form .go::after,.form-card .f-btn::after,.fw-go::after,.sticky button::after,.htd-submit::after,.exm-submit::after,#csvOv .cs2-go::after{
  content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.42),transparent)!important;animation:fvShine 3.2s ease-in-out infinite;pointer-events:none;transform:none}
@keyframes fvShine{0%,55%{left:-60%}100%{left:135%}}
.go-tip{margin:8px 0 0;text-align:center;font-size:13.5px;font-weight:800;color:var(--fv-navy);line-height:1.4}
.go-tip b{color:var(--fv-blue)}
@media(prefers-reduced-motion:reduce){.form .go::after,.hb-form .go::after,.form-card .f-btn::after,.fw-go::after,.sticky button::after,.exm-submit::after,#csvOv .cs2-go::after{animation:none!important;display:none!important}}

/* ── v3 · 10.04 대표 결정 「네이비 버튼 전체 적용」(아스트라 시안 상담폼_검토시안_1004 · v2 오렌지 대체): 접수 버튼은 네이비 입체 —
   위는 은은하게 밝고 아래는 짙은 명암 · 4px 하단 그림자 · 누르면 3px 내려감 · 흰 본고딕 Black · 높이 60px 이상 · 절제된 광택(동작 줄이기에서 정지).
   크기 · 두 줄 문구 · .go-tip 은 v2 그대로. 상담 모달 접수 버튼(#cmSubmit · #fSubmit, 트럭모아 빨강 덮어쓰기 포함)도 같은 네이비. ── */
.htd-submit,.exm-submit,.exm-submit.red,#csvOv .cs2-go,.cs1-next,.form .go,.hb-form .go,.form-card .f-btn,.fw-go,.qf-go,.sticky button,.sb-go,#cmSubmit,#fSubmit{
  background:linear-gradient(180deg,#294766 0%,#142f4e 28%,#0B1F3A 72%,#08182d 100%)!important;color:#fff!important;font-weight:900!important;
  border:1px solid #07162b!important;text-shadow:0 1px 1px rgba(0,0,0,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.33),inset 0 -1px 0 rgba(0,0,0,.25),0 4px 0 #040d1a,0 10px 18px rgba(0,0,0,.15)!important;
  transition:transform .08s,box-shadow .08s,background .12s}
.htd-submit:hover,.exm-submit:hover,#csvOv .cs2-go:hover,.cs1-next:hover,.form .go:hover,.hb-form .go:hover,.form-card .f-btn:hover,.fw-go:hover,.qf-go:hover,.sticky button:hover,.sb-go:hover,#cmSubmit:hover,#fSubmit:hover{background:linear-gradient(180deg,#315579 0%,#193958 28%,#102947 72%,#0B1F3A 100%)!important}
.htd-submit:active,.exm-submit:active,#csvOv .cs2-go:active,.cs1-next:active,.form .go:active,.hb-form .go:active,.form-card .f-btn:active,.fw-go:active,.qf-go:active,.sticky button:active,.sb-go:active,#cmSubmit:active,#fSubmit:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.21),inset 0 2px 5px rgba(0,0,0,.12),0 1px 0 #040d1a,0 4px 9px rgba(0,0,0,.12)!important}
.form .go small,.hb-form .go small,.form-card .f-btn small,.fw-go small{color:rgba(255,255,255,.82)!important}
.form .go::after,.hb-form .go::after,.form-card .f-btn::after,.fw-go::after,.sticky button::after,.htd-submit::after,.exm-submit::after,#csvOv .cs2-go::after{
  width:25%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.14),transparent)!important;animation-duration:5s}
.htd-submit:disabled,.exm-submit:disabled,#csvOv .cs2-go:disabled,.cs1-next:disabled,.form .go:disabled,.hb-form .go:disabled,.form-card .f-btn:disabled,.fw-go:disabled,.qf-go:disabled,.sticky button:disabled,.sb-go:disabled,#cmSubmit:disabled,#fSubmit:disabled,.exm-submit.red:disabled{background:#C9D3E3!important;color:#5F6D82!important;border-color:#C9D3E3!important;box-shadow:none!important;text-shadow:none;transform:none}
