/**























 * Type B — oneqlease (eb4_basic_b) skin.























 * Brand colors / logo from site.config (--main-color). Layout/assets from oneqlease dump.























 */















































:root {























  --main-color: #d50628;























  --main-color-100: #d50628FF;























  --main-color-95: #d50628F2;























  --main-color-90: #d50628E6;























  --main-color-80: #d50628CC;























  --main-color-75: #d50628BF;























  --main-color-70: #d50628B3;























  --main-color-60: #d5062899;























  --main-color-50: #d5062880;























  --main-color-40: #d5062866;























  --main-color-30: #d506284D;























  --main-color-25: #d5062840;























  --main-color-20: #d5062833;























  --main-color-10: #d506281A;























  --main-color-5: #d506280D;























  --accent-color: #d50628;























  --hero-height: 520px;























}















































body.theme-b {























  --font-family: 'Pretendard', 'Noto Sans KR', sans-serif;























  --main-color: #d50628;























  --main-color-100: #d50628FF;























  --main-color-95: #d50628F2;























  --main-color-90: #d50628E6;























  --main-color-80: #d50628CC;























  --main-color-75: #d50628BF;























  --main-color-70: #d50628B3;























  --main-color-60: #d5062899;























  --main-color-50: #d5062880;























  --main-color-40: #d5062866;























  --main-color-30: #d506284D;























  --main-color-25: #d5062840;























  --main-color-20: #d5062833;























  --main-color-10: #d506281A;























  --main-color-5: #d506280D;























  --accent-color: #d50628;























  /* 실제 .inner_wrap(1024px) 기준 — 사이드/큐브는 거터에만 */























  --home-layout-max: 1024px;























  --home-sidebar-w: 175px;























  --home-sidebar-gap: 56px;























  --sub-layout-max: 1024px;























  --sub-sidebar-w: 175px;























  --sub-sidebar-gap: 40px;























  --cube-width: 240px;























  --content-half: 512px;























  --sidebar-gap: 56px;























  --sidebar-width: 175px;























  background: #fff;























}















































body.theme-b .wrapper {























  position: relative;























}















































/* ── Logo ── */























body.theme-b .logo-chaitda-simple__brand {























  display: block;























  font-size: clamp(26px, 3.2vw, 36px);























  font-weight: 800;























  letter-spacing: -0.04em;























  color: var(--main-color);























}















































body.theme-b .logo-chaitda-simple__img {























  display: block;























  max-height: 72px;























  width: auto;























  max-width: min(420px, 48vw);























  object-fit: contain;























  margin: 0 auto;























}















































/* ── Header ── */























body.theme-b header.header-classic--type-b > .inner_wrap {























  display: flex;























  justify-content: space-between;























  align-items: center;























  padding: 28px 0;























  min-height: 110px;























  position: relative;























}















































body.theme-b header.header-classic--type-b .award {























  width: min(240px, 22vw);























  flex-shrink: 0;























}















































body.theme-b header.header-classic--type-b .award img {























  display: block;























  width: 100%;























  height: auto;























}















































body.theme-b header.header-classic--type-b h1.logo {























  position: absolute;























  left: 50%;























  top: 50%;























  transform: translate(-50%, -50%);























  width: min(475px, 42vw);























}















































body.theme-b header.header-classic--type-b .header-search {























  width: min(260px, 24vw);























  flex-shrink: 0;























}















































body.theme-b header.header-classic--type-b .header-plate-search__label {























  position: absolute;























  width: 1px;























  height: 1px;























  overflow: hidden;























  clip: rect(0, 0, 0, 0);























}















































body.theme-b header.header-classic--type-b .header-plate-search__box {























  display: flex;























  align-items: center;























  gap: 8px;























  width: 100%;























  padding: 7px 10px;























  border: 1px solid var(--main-color);























  border-radius: 999px;























  background: #fff;























}















































body.theme-b header.header-classic--type-b .header-plate-search__input {























  flex: 1;























  min-width: 0;























  border: 0;























  outline: 0;























  background: transparent;























  font-size: 14px;























}















































body.theme-b header.header-classic--type-b .header-plate-search__btn {























  width: 28px;























  height: 28px;























  border: 0;























  border-radius: 50%;























  background: var(--main-color) url("/img/search_ico.svg") no-repeat 50% 50% / 16px;























  color: transparent;























  text-indent: -9999px;























  display: inline-flex;























  align-items: center;























  justify-content: center;























  cursor: pointer;























  flex-shrink: 0;























}















































body.theme-b header.header-classic--type-b .gnb {























  background: var(--main-color);























}















































body.theme-b header.header-classic--type-b .gnb ul li a {























  padding: 18px 0;























  font-weight: 700;























  font-size: clamp(15px, 1.9vw, 22px);























  color: #fff;























}















































@media (max-width: 900px) {























  body.theme-b header.header-classic--type-b > .inner_wrap {























    flex-wrap: wrap;























    gap: 12px;























    padding: 16px 12px;























    box-sizing: border-box;























  }























  body.theme-b header.header-classic--type-b .award { display: none; }























  body.theme-b header.header-classic--type-b h1.logo {























    position: static;























    transform: none;























    width: auto;























    flex: 1;























    min-width: 0;























  }























  body.theme-b header.header-classic--type-b .logo-chaitda-simple__img {























    max-height: 52px;























    max-width: min(220px, 56vw);























  }























  body.theme-b header.header-classic--type-b .header-search {























    width: 100%;























  }























  /* Type A mobile GNB: 3-column pill buttons */























  body.theme-b header.header-classic--type-b .gnb {























    background: transparent;























    padding: 0 10px 10px;























  }























  body.theme-b header.header-classic--type-b .gnb .inner_wrap {























    width: 100%;























    padding: 0;























  }























  body.theme-b header.header-classic--type-b .gnb ul {























    display: flex;























    flex-wrap: wrap;























    justify-content: flex-start;























    gap: 5px;























    overflow: visible;























  }























  body.theme-b header.header-classic--type-b .gnb ul li {























    width: calc((100% - 10px) / 3);























  }























  body.theme-b header.header-classic--type-b .gnb ul li a {























    display: block;























    padding: 12px 4px;























    font-size: 13px;























    font-weight: 700;























    text-align: center;























    white-space: nowrap;























    overflow: hidden;























    text-overflow: ellipsis;























    border-radius: 5px;























    background: var(--main-color);























  }























}















































/* ── Visual (oneqlease video hero) ── */























body.theme-b section.visual.visual--oneqlease {























  position: relative;























  overflow: hidden;























  line-height: 0;























}















































body.theme-b section.visual.visual--oneqlease .video_bg,























body.theme-b section.visual.visual--oneqlease video.video_bg {























  display: block;























  width: 100%;























  height: auto;























  max-height: min(72vh, 720px);























  object-fit: cover;























}















































body.theme-b section.visual.visual--oneqlease .view_box {























  height: auto;























  min-height: 0;























}















































body.theme-b section.visual.visual--oneqlease .visual_slide img,























body.theme-b section.visual.visual--oneqlease .visual_slide video {























  width: 100%;























  height: auto;























  max-height: min(72vh, 720px);























  object-fit: cover;























}















































/* ── Main counsel (oneqlease counsel_bg + left padding for artwork) ── */























body.theme-b[data-page="home"] section.main_counsel {























  padding-top: 30px;























}















































body.theme-b[data-page="home"] section.main_counsel .form_wrap {























  border-radius: 20px;























  background: url("/img/counsel_bg.png") no-repeat 50% 50%;























  background-size: cover;























  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);























  overflow: hidden;























  border: 0;























}















































body.theme-b[data-page="home"] section.main_counsel .main_counsel__brand {























  display: none !important;























}















































body.theme-b[data-page="home"] section.main_counsel .form_inner {























  display: flex;























  align-items: center;























  gap: 18px;























  flex-wrap: nowrap;























  height: 116px;























  min-height: 116px;























  padding: 0 24px 0 320px;























}















































body.theme-b[data-page="home"] section.main_counsel .inp_wrap input {























  display: block;























  width: 229px;























  height: 49px;























  padding: 0 10px;























  border: 1px solid #ccc;























  border-radius: 5px;























  background: #fff;























}















































body.theme-b[data-page="home"] section.main_counsel .send {























  width: 100%;























  flex: 1;























  min-width: 140px;























}















































body.theme-b[data-page="home"] section.main_counsel .send input {























  display: block;























  width: 100%;























  padding: 20px 0;























  font-weight: 500;























  font-size: 20px;























  color: #fff;























  border: none;























  border-radius: 10px;























  background: var(--main-color);























  cursor: pointer;























}















































@media (max-width: 900px) {























  body.theme-b[data-page="home"] section.main_counsel .form_inner {























    flex-direction: column;























    align-items: stretch;























    height: auto;























    min-height: 0;























    padding: 16px;























    gap: 10px;























  }























  body.theme-b[data-page="home"] section.main_counsel .form_wrap {























    /* PC artwork sits left; on mobile use clean solid panel */























    background: #fff;























    border: 2px solid var(--main-color);























  }























  body.theme-b[data-page="home"] section.main_counsel .inp_wrap,























  body.theme-b[data-page="home"] section.main_counsel .send {























    width: 100%;























  }























  body.theme-b[data-page="home"] section.main_counsel .inp_wrap input {























    width: 100%;























  }























  body.theme-b[data-page="home"] section.main_counsel .send input {























    font-size: 17px;























    padding: 16px 0;























  }























}















































/* ── Side banners (Type A와 동일: absolute + 스크롤 JS top) ──























   fixed면 scrollY+top 계산이 뷰포트 밖으로 밀려 스크롤 시 날개가 사라짐 */























body.theme-b .side_banner {























  z-index: 10;























  position: absolute;























  top: 270px;























}















































body.theme-b[data-page="home"] .side_banner--home {























  top: 960px;























}















































body.theme-b.is-sub .side_banner--sub {























  z-index: 5;























}















































body.theme-b.is-sub #left_banner.side_banner--sub {























  left: max(12px, calc((100vw - min(100vw, var(--sub-layout-max))) / 2 - var(--sub-sidebar-w) - var(--sub-sidebar-gap)));























  width: var(--sub-sidebar-w);























}















































body.theme-b.is-sub #right_banner.side_banner--sub {























  right: max(12px, calc((100vw - min(100vw, var(--sub-layout-max))) / 2 - var(--sub-sidebar-w) - var(--sub-sidebar-gap)));























  width: var(--sub-sidebar-w);























}















































body.theme-b[data-page="home"] #left_banner.side_banner--home {























  left: max(8px, calc((100vw - min(100vw, var(--home-layout-max))) / 2 - var(--cube-width) - var(--home-sidebar-gap)));























  width: var(--cube-width);























}















































body.theme-b[data-page="home"] #right_banner.side_banner--home {























  right: max(8px, calc((100vw - min(100vw, var(--home-layout-max))) / 2 - var(--home-sidebar-w) - var(--home-sidebar-gap)));























  width: var(--home-sidebar-w);























}















































/* 좁은 화면에서는 거터가 부족하므로 숨김 (clamp로 우겨넣지 않음) */























@media (max-width: 1519px) {























  body.theme-b.is-sub .side_banner--sub,























  body.theme-b[data-page="home"] .side_banner--home {























    display: none !important;























  }























}















































body.theme-b #left_banner.side_banner--cube {























  min-height: 420px;























  overflow: visible;























  pointer-events: none;























}















































body.theme-b #left_banner.side_banner--cube #bidrich_3dcube_615130dc749b7879255084 {























  position: relative !important;























  left: 0 !important;























  top: 0 !important;























  width: 100%;























  height: 100%;























  pointer-events: auto;























}















































/* 오른쪽 사이드 높이에 맞춰 JS가 scale — 기준점은 상단 정렬 */























body.theme-b #left_banner.side_banner--cube #bidrich-cube-300600 .cube_container {























  transform-origin: top center;























}















































body.theme-b #left_banner.side_banner--cube #bidrichCube-300600 {























  top: 0;























}















































/* Type A 서브 메뉴/상담 카드 스킨 */























body.theme-b.is-sub .side-sub-nav {























  overflow: hidden;























  border-radius: 12px;























  border: 1px solid color-mix(in srgb, var(--main-color) 20%, #ddd);























  background: #fff;























  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);























}















































body.theme-b.is-sub .side-sub-nav__head {























  margin: 0;























  padding: 12px 10px;























  text-align: center;























  font-size: 15px;























  color: #fff;























  background: var(--main-color);























}















































body.theme-b.is-sub .side-sub-nav__head span { font-weight: 800; }















































body.theme-b.is-sub .side-sub-nav ul {























  margin: 0;























  padding: 8px;























  list-style: none;























}















































body.theme-b.is-sub .side-sub-nav li + li { margin-top: 4px; }















































body.theme-b.is-sub .side-sub-nav a {























  display: block;























  padding: 9px 10px;























  border-radius: 8px;























  font-size: 13px;























  font-weight: 600;























  color: #333;























  transition: background 0.2s, color 0.2s;























}















































body.theme-b.is-sub .side-sub-nav a:hover {























  color: var(--main-color);























  background: color-mix(in srgb, var(--main-color) 8%, #fff);























}















































body.theme-b.is-sub #right_banner.side_banner--sub .side-sub-counsel {























  overflow: hidden;























  border: 1px solid #ccc;























  border-radius: 12px;























  background: #fff;























}















































body.theme-b.is-sub #right_banner.side_banner--sub .side-sub-counsel__head {























  margin: 0;























  padding: 12px 10px;























  text-align: center;























  font-size: 15px;























  font-weight: 600;























  color: #fff;























  background: var(--main-color);























}















































body.theme-b.is-sub #right_banner.side_banner--sub .side-sub-counsel__head span { font-weight: 800; }















































body.theme-b.is-sub #right_banner.side_banner--sub .side-sub-counsel form { padding: 8px; }















































body.theme-b.is-sub #right_banner.side_banner--sub .car_view { margin-top: 10px; }















































body.theme-b #right_banner .side_counsel_card__hero {























  position: relative;























  overflow: hidden;























  display: flex;























  flex-direction: column;























  align-items: center;























  border: 5px solid var(--main-color);























  border-radius: 15px 15px 0 0;























  min-height: 168px;























  padding: 12px 10px 72px;























  background: var(--main-color);























  color: #fff;























  text-align: center;























}















































body.theme-b #right_banner .side_counsel_card__copy {























  position: relative;























  z-index: 1;























  display: flex;























  flex-direction: column;























  gap: 2px;























  line-height: 1.35;























  font-size: 13px;























  font-weight: 500;























}















































body.theme-b #right_banner .side_counsel_card__title {























  display: block;























  font-size: 16px;























  font-weight: 800;























  margin-bottom: 4px;























}















































body.theme-b #right_banner .side_counsel_card__car {























  display: block;























  position: absolute;























  left: 50%;























  bottom: 2px;























  transform: translateX(-50%);























  width: 92%;























  max-width: 160px;























  height: auto;























  z-index: 0;























  pointer-events: none;























}















































body.theme-b #right_banner .form_wrap .form_inner,























body.theme-b #right_banner .form_inner {























  padding: 8px;























  border: 1px solid #ccc;























  border-radius: 0 0 8px 8px;























  background: #fff;























}















































body.theme-b #right_banner .btn_wrap {























  overflow: hidden;























  display: flex;























  border-radius: 5px;























}















































body.theme-b #right_banner .btn_wrap button {























  flex: 1;























  padding: 6px 0;























  font-weight: bold;























  font-size: 17px;























  color: var(--main-color);























  background: #f0f0f0;























  border: 0;























  cursor: pointer;























}















































body.theme-b #right_banner .btn_wrap button.active {























  color: #fff;























  background: var(--main-color);























}















































body.theme-b #right_banner .inp_wrap {























  margin-top: 6px;























}















































body.theme-b #right_banner .inp_wrap input {























  display: block;























  width: 100%;























  height: 35px;























  padding: 0 7px;























  border: 1px solid #ccc;























  border-radius: 5px;























}















































body.theme-b #right_banner .send input {























  display: block;























  width: 100%;























  padding: 7px 0;























  margin-top: 6px;























  font-size: 15px;























  color: #fff;























  border: 0;























  border-radius: 5px;























  text-align: center;























  background: var(--main-color);























  cursor: pointer;























}















































body.theme-b #right_banner .car_view {























  padding: 8px 17px;























  margin-top: 10px;























  border: 1px solid #ccc;























  border-radius: 8px;























  background: #fff;























}















































body.theme-b #right_banner .car_view .tit {























  padding-bottom: 7px;























  margin-bottom: 10px;























  font-weight: bold;























  font-size: 19px;























  border-bottom: 3px solid var(--main-color);























  text-align: center;























}















































/* Type A와 동일: 거터에 물리적으로 안 들어가는 폭에서만 숨김 — home 규칙은 위에서 처리 */























@media (max-width: 1519px) {























  body.theme-b.is-sub .side_banner--sub {























    display: none !important;























  }























}















































/* 3D cube — 내부 240×600 지오메트리 유지, 높이는 JS가 오른쪽 사이드에 맞춤 */























body.theme-b #b-cube-box-300600,























body.theme-b #bidrich-cube-300600 {























  width: 240px;























  max-width: none;























  height: 600px;























  align-items: flex-start;























}















































body.theme-b #bidrich-cube-300600 .cube_container {























  width: 240px;























  max-width: none;























  height: 600px;























  left: 0;























  transform-origin: top center;























  transform: scale3d(0.7, 0.7, 0.7);























}















































#b-cube-box-300600 {























  width: 240px;























  height: 600px;























  position: relative;























  display: flex;























  justify-content: center;























  align-items: center;























  margin: 0 auto;























}















































#bidrich-cube-300600 {























  width: 240px;























  height: 600px;























  transition: all 2s ease;























  display: flex;























  justify-content: center;























  align-items: center;























}















































#bidrich-cube-300600 .cube_container {























  width: 240px;























  height: 600px;























  left: 10px;























  position: relative;























  perspective: 4000px;























  margin: 0 auto;























  display: flex;























  justify-content: center;























  transform: scale3d(0.7, 0.7, 0.7);























  align-items: center;























  cursor: pointer;























  transition: all 2s ease;























  opacity: 1;























}















































#bidrichCube-300600 {























  width: 100%;























  height: 100%;























  position: absolute;























  top: 50px;























  transform-style: preserve-3d;























  transform-origin: 50% 50%;























  backface-visibility: hidden;























}















































#bidrichCube-300600 figure {























  margin: 0;























  overflow: hidden;























  background: #eee;























  display: flex;























  position: absolute;























  line-height: 100px;























  font-size: 100px;























  text-align: center;























  -webkit-backface-visibility: hidden;























  backface-visibility: hidden;























}















































#bidrichCube-300600 img {























  width: 100% !important;























  height: 100%;























  object-fit: cover;























}















































#bidrichCube-300600 .front,























#bidrichCube-300600 .back,























#bidrichCube-300600 .right,























#bidrichCube-300600 .left {























  width: 100%;























  height: 100%;























}















































#bidrichCube-300600 .right,























#bidrichCube-300600 .left {























  left: 0;























}















































#bidrichCube-300600 .front { transform: rotateY(0deg) translateZ(120px); }























#bidrichCube-300600 .back { transform: rotateX(360deg) translateZ(-120px) rotateY(180deg); }























#bidrichCube-300600 .right { transform: rotateY(90deg) translateZ(120px); }























#bidrichCube-300600 .left { transform: rotateY(-90deg) translateZ(120px); }















































.bidrichCube-300600-control {























  display: flex;























  position: absolute;























  z-index: 999;























  width: 100%;























  left: 10px;























  bottom: -19px;























  justify-content: space-around;























  list-style: none;























  padding: 0;























  margin: 0;























}















































.bidrichCube-300600-control li {























  width: 30px;























  height: 30px;























  background: rgb(0 0 0 / 16%);























  border-radius: 10px;























  cursor: pointer;























}















































.bidrichCube-300600-control li img {























  width: 100% !important;























}















































@keyframes rotate-300600 {























  0% { transform: rotateX(0deg) rotateY(0deg); }























  25% { transform: rotateX(0deg) rotateY(90deg); }























  50% { transform: rotateX(0deg) rotateY(180deg); }























  75% { transform: rotateX(0deg) rotateY(270deg); }























  100% { transform: rotateX(0deg) rotateY(360deg); }























}















































/* ── Home sections ── */























body.theme-b[data-page="home"] section.youtube,























body.theme-b[data-page="home"] section.hot,























body.theme-b[data-page="home"] section.find,























body.theme-b[data-page="home"] section.partner,























body.theme-b[data-page="home"] section.review,























body.theme-b[data-page="home"] section.car_list {























  padding-top: 60px;























}















































body.theme-b[data-page="home"] section.youtube h2,























body.theme-b[data-page="home"] section.hot h2,























body.theme-b[data-page="home"] section.find h2,























body.theme-b[data-page="home"] section.partner h2,























body.theme-b[data-page="home"] section.review h2,























body.theme-b[data-page="home"] section.car_list h2 {























  margin-bottom: 28px;























  font-weight: 600;























  font-size: clamp(24px, 3vw, 35px);























  text-align: center;























}















































body.theme-b[data-page="home"] section.youtube h2 span,























body.theme-b[data-page="home"] section.hot h2 span,























body.theme-b[data-page="home"] section.find h2 span,























body.theme-b[data-page="home"] section.partner h2 span,























body.theme-b[data-page="home"] section.review h2 span,























body.theme-b[data-page="home"] section.car_list h2 span {























  font-weight: 800;























  color: var(--main-color);























}















































body.theme-b[data-page="home"] section.youtube .video_container {























  position: relative;























  width: 100%;























  max-width: 1000px;























  margin: 0 auto;























  padding-bottom: 56.25%;























  height: 0;























  overflow: hidden;























  border-radius: 10px;























  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);























  background: #000;























}















































body.theme-b[data-page="home"] section.youtube .video_container iframe {























  position: absolute;























  top: 0;























  left: 0;























  width: 100%;























  height: 100%;























  border: 0;























}















































body.theme-b[data-page="home"] section.hot .info_wrap ul {























  display: flex;























  flex-wrap: wrap;























  gap: 16px;























}















































body.theme-b[data-page="home"] section.hot .info_wrap ul li {























  flex: 1 1 200px;























  border: 2px solid #111;























  border-radius: 999px;























}















































body.theme-b[data-page="home"] section.hot .info_wrap ul li a {























  display: block;























  padding: 14px 22px;























  font-weight: 500;























  font-size: 15px;























  line-height: 1.35;























  text-align: center;























}















































body.theme-b[data-page="home"] section.hot .info_wrap ul li:nth-child(even) a {























  color: var(--main-color);























}















































body.theme-b[data-page="home"] section.find .info_wrap {























  display: flex;























  flex-direction: column;























  min-height: 0;























  overflow: hidden;























  border: 1px solid #bcbcbc;























  border-radius: 17px;























}















































body.theme-b[data-page="home"] section.find .tab_wrap {























  display: flex;























  flex-direction: row;























  width: 100%;























  flex-shrink: 0;























}















































body.theme-b[data-page="home"] section.find .content_wrap {























  width: 100%;























  flex: none;























}















































body.theme-b[data-page="home"] section.find .tab_wrap button {























  position: relative;























  flex: 1;























  height: 72px;























  min-height: 72px;























  padding: 0 16px;























  font-weight: 500;























  font-size: clamp(15px, 2vw, 22px);























  line-height: 1.35;























  text-align: center;























  border: 0;























  border-right: 1px solid #bcbcbc;























  border-bottom: 1px solid #ccc;























  background: #fafafa;























  cursor: pointer;























}















































body.theme-b[data-page="home"] section.find .tab_wrap button + button {























  border-top: 0;























}















































body.theme-b[data-page="home"] section.find .tab_wrap button:last-child {























  border-right: 0;























}















































body.theme-b[data-page="home"] section.find .tab_wrap button.active {























  padding-left: 16px;























  background: #fff;























  border-bottom-color: transparent;























}















































body.theme-b[data-page="home"] section.find .tab_wrap button.active::after {























  content: "";























  position: absolute;























  left: 0;























  top: 0;























  width: 100%;























  height: 10px;























  background: var(--main-color);























}















































body.theme-b[data-page="home"] section.car_list .car_wrap ul {























  display: flex;























  flex-wrap: wrap;























  gap: 10px;























}















































body.theme-b[data-page="home"] section.car_list .car_wrap ul li,























body.theme-b[data-page="home"] section.car_list .car-card-item {























  overflow: hidden;























  width: calc((100% - 30px) / 4);























  border: 1px solid #c1c1c1;























  border-radius: 20px;























  background: #fff;























  transition: box-shadow 0.3s;























}















































body.theme-b[data-page="home"] section.car_list .car_wrap ul li:hover,























body.theme-b[data-page="home"] section.car_list .car-card-item:hover {























  box-shadow: 0 0 10px var(--main-color);























}















































body.theme-b[data-page="home"] section.car_list .txt_wrap {























  padding: 10px;























}















































body.theme-b[data-page="home"] section.car_list .txt_wrap .tit {























  margin-bottom: 6px;























  font-size: 16px;























  overflow: hidden;























  text-overflow: ellipsis;























  display: -webkit-box;























  -webkit-line-clamp: 1;























  -webkit-box-orient: vertical;























}















































body.theme-b[data-page="home"] section.car_list .opt span.car_pri {























  font-weight: 900;























  font-size: 18px;























  color: var(--main-color);























}















































body.theme-b[data-page="home"] section.car_list a.more {























  display: block;























  width: min(293px, 90%);























  margin: 8px auto 0;























  padding: 14px 20px;























  font-weight: 600;























  font-size: clamp(16px, 2vw, 22px);























  color: #fff;























  border-radius: 18px;























  text-align: center;























  background: var(--main-color);























}















































@media (max-width: 1024px) {























  body.theme-b[data-page="home"] section.car_list .car_wrap ul li,























  body.theme-b[data-page="home"] section.car_list .car-card-item {























    width: calc((100% - 10px) / 2);























    box-sizing: border-box;























  }























}















































body.theme-b[data-page="home"] section.process {























  height: auto;























  margin-top: 48px;























  min-height: 220px;























  background: linear-gradient(120deg, #1a1f2c, color-mix(in srgb, var(--main-color) 55%, #111));























  color: #fff;























}















































body.theme-b[data-page="home"] section.process .steps {























  display: flex;























  flex-wrap: wrap;























  justify-content: center;























  gap: 18px;























  padding: 48px 16px;























}















































body.theme-b[data-page="home"] section.process .step {























  min-width: 120px;























  text-align: center;























}















































body.theme-b[data-page="home"] section.process .step strong {























  display: block;























  font-size: 22px;























  color: color-mix(in srgb, var(--main-color) 40%, #fff);























  margin-bottom: 6px;























}















































/* ── Detail: info_wrap banner ── */























body.theme-b section.explain--common-detail {























  padding: 24px 0 8px;























}















































body.theme-b section.explain--common-detail .info_wrap {























  margin: 0;























  padding: 0;























  border: 0;























  background: transparent;























}















































body.theme-b section.explain--common-detail .info_wrap img {























  display: block;























  width: 100%;























  height: auto;























}















































body.theme-b[data-page="sub_view"] #sub_view_temp3_root section.explain--common-detail {























  margin-top: 8px;























}















































body.theme-b .footer_counsel {























  background: var(--main-color-90, #d50628E6);























}















































body.theme-b .footer_counsel .send input {























  background: #fff;























  color: var(--main-color);























  font-weight: 700;























}















































/* Type A와 동일: PC에서는 하단 고정 상담바(footer_counsel)만, bottom_counsel는 모바일 전용 */























body.theme-b .bottom_counsel {























  display: none;























}















































@media (max-width: 900px) {























  body.theme-b {























    padding-bottom: calc(92px + env(safe-area-inset-bottom, 0));























  }















































  body.theme-b .bottom_counsel {























    z-index: 100;























    display: block;























    position: fixed;























    left: 50%;























    bottom: calc(12px + env(safe-area-inset-bottom, 0));























    transform: translateX(-50%);























    width: calc(100% - 24px);























    max-width: 960px;























    padding: 10px;























    border: 2px solid var(--main-color);























    border-radius: 15px;























    background: #fff;























    box-sizing: border-box;























  }















































  body.theme-b .bottom_counsel .inner_wrap {























    display: flex;























    align-items: center;























    gap: 12px;























    width: 100%;























  }















































  body.theme-b .bottom_counsel .ico_wrap {























    flex: 0 0 auto;























    width: 56px;























    max-width: 72px;























  }















































  body.theme-b .bottom_counsel .ico_wrap img {























    display: block;























    width: 56px;























    height: auto;























    max-width: 100%;























  }















































  body.theme-b .bottom_counsel ul {























    display: flex;























    align-items: center;























    gap: 8px;























    flex: 1;























    margin: 0;























    padding: 0;























    list-style: none;























  }















































  body.theme-b .bottom_counsel ul li {























    flex: 1;























    overflow: hidden;























    border: 1px solid var(--main-color);























    border-radius: 999px;























  }















































  body.theme-b .bottom_counsel ul li a {























    display: block;























    padding: 12px 0;























    font-weight: 700;























    font-size: 15px;























    color: var(--main-color);























    text-align: center;























  }















































  body.theme-b .bottom_counsel ul li.tel {























    background: var(--main-color);























  }















































  body.theme-b .bottom_counsel ul li.tel a {























    color: #fff;























  }















































  /* 모바일에서는 하단 고정 폼과 겹치지 않게 */























  body.theme-b .footer_counsel {























    display: none;























  }























}















































@media (min-width: 768px) and (max-width: 900px) {























  body.theme-b[data-page="home"] section.find .tab_wrap button {























    min-height: 44px;























    padding: 12px 8px;























    text-align: center;























    border-top: 0;























  }















































  body.theme-b[data-page="home"] section.find .tab_wrap button.active {























    padding-left: 8px;























  }















































  body.theme-b[data-page="home"] section.find .tab_wrap button + button {























    border-top: 0;























    border-left: 1px solid #bcbcbc;























  }























}















































/* ── Mobile ≤767: home find / lists / sub pages (mirror Type A mobile layout) ── */























@media (max-width: 767px) {























  body.theme-b section.visual.visual--oneqlease .video_bg,























  body.theme-b section.visual.visual--oneqlease video.video_bg,























  body.theme-b section.visual.visual--oneqlease .visual_slide img,























  body.theme-b section.visual.visual--oneqlease .visual_slide video {























    max-height: min(48vh, 320px);























  }















































  body.theme-b[data-page="home"] section.find,























  body.theme-b[data-page="home"] section.hot,























  body.theme-b[data-page="home"] section.partner,























  body.theme-b[data-page="home"] section.car_list {























    padding-top: 40px;























  }















































  body.theme-b[data-page="home"] section.find h2,























  body.theme-b[data-page="home"] section.hot h2,























  body.theme-b[data-page="home"] section.partner h2,























  body.theme-b[data-page="home"] section.car_list h2 {























    margin-bottom: 18px;























    font-size: 22px;























  }















































  body.theme-b[data-page="home"] section.find .tab_wrap {























    flex-direction: row;























    width: 100%;























    border-bottom: 1px solid #bcbcbc;























  }















































  body.theme-b[data-page="home"] section.find .tab_wrap button {























    flex: 1;























    height: auto;























    min-height: 44px;























    padding: 10px 4px;























    font-size: 12px;























    line-height: 1.3;























    text-align: center;























    border-right: none;























    border-bottom: 2px solid transparent;























  }















































  body.theme-b[data-page="home"] section.find .tab_wrap button + button {























    border-left: 1px solid #bcbcbc;























  }















































  body.theme-b[data-page="home"] section.find .tab_wrap button.active {























    border-bottom-color: var(--main-color);























    background: #fff;























  }















































  body.theme-b[data-page="home"] section.find .tab_wrap button.active::after {























    display: none;























  }















































  body.theme-b[data-page="home"] section.find .content_wrap {























    padding: 14px 12px 16px;























  }















































  body.theme-b[data-page="home"] section.find .tab1 ul li {























    width: calc(100% / 3);























    padding: 8px 2px;























  }















































  body.theme-b[data-page="home"] section.find .tab1 ul li img {























    width: 44px;























    height: 44px;























  }















































  body.theme-b[data-page="home"] section.find .tab1 ul li p,























  body.theme-b[data-page="home"] section.find .tab2 ul li p {























    font-size: 12px;























  }















































  body.theme-b[data-page="home"] section.find .tab2 ul {























    gap: 10px;























  }















































  body.theme-b[data-page="home"] section.find .tab2 ul li {























    width: calc((100% - 10px) / 2);























  }















































  body.theme-b[data-page="home"] section.hot .info_wrap ul {























    gap: 8px;























  }















































  body.theme-b[data-page="home"] section.hot .info_wrap ul li {























    flex: 1 1 calc(50% - 8px);























    min-width: 0;























  }















































  body.theme-b[data-page="home"] section.hot .info_wrap ul li a {























    padding: 10px 8px;























    font-size: 12px;























    line-height: 1.35;























    white-space: normal;























  }















































  body.theme-b[data-page="home"] section.car_list .car_wrap ul {























    gap: 8px;























  }















































  body.theme-b[data-page="home"] section.car_list .txt_wrap {























    padding: 8px;























  }















































  body.theme-b[data-page="home"] section.car_list .txt_wrap .tit {























    font-size: 13px;























    -webkit-line-clamp: 2;























  }















































  body.theme-b[data-page="home"] section.car_list .opt span.car_pri {























    font-size: 15px;























  }















































  body.theme-b[data-page="home"] section.car_list a.more {























    max-width: 225px;























    padding: 14px 20px;























    font-size: 16px;























    border-radius: 10px;























  }















































  body.theme-b[data-page="home"] section.process .steps {























    gap: 12px;























    padding: 32px 12px;























  }















































  body.theme-b[data-page="home"] section.process .step {























    min-width: calc(50% - 12px);























    flex: 1 1 calc(50% - 12px);























  }















































  body.theme-b[data-page="home"] section.process .step strong {























    font-size: 18px;























  }















































  body.theme-b section.bottom {























    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0));























  }















































  body.theme-b .bottom_counsel {























    padding: 8px;























  }















































  body.theme-b .bottom_counsel .ico_wrap {























    width: 44px;























  }















































  body.theme-b .bottom_counsel .ico_wrap img {























    width: 44px;























  }















































  body.theme-b .bottom_counsel ul li a {























    padding: 11px 0;























    font-size: 14px;























  }























}















































/* ── Footer view mode toggle (PC / 모바일) ── */























body.theme-b .footer-view-mode {























  display: flex;























  align-items: center;























  justify-content: center;























  flex-wrap: wrap;























  gap: 8px 10px;























  margin: 18px 0 0;























  padding-top: 16px;























  border-top: 1px solid #e2e8f0;























}















































body.theme-b .footer-view-mode__btn {























  appearance: none;























  border: 1px solid #cbd5e1;























  background: #fff;























  color: #475569;























  border-radius: 999px;























  padding: 8px 14px;























  font-size: 13px;























  font-weight: 700;























  line-height: 1.2;























  cursor: pointer;























  transition: background 0.15s, color 0.15s, border-color 0.15s;























}















































body.theme-b .footer-view-mode__btn:hover {























  border-color: var(--main-color);























  color: var(--main-color);























  background: color-mix(in srgb, var(--main-color) 8%, #fff);























}















































body.theme-b .footer-view-mode__btn.is-active {























  border-color: var(--main-color);























  background: var(--main-color);























  color: #fff;























}















































body.theme-b .footer-view-mode__sep {























  color: #cbd5e1;























  font-size: 12px;























}















































/* PC에서 모바일 미리보기 셸 */























html.view-mode-mobile-shell,























html.view-mode-mobile-shell body {























  margin: 0;























  height: 100%;























  background: #1e293b;























  overflow: hidden;























}















































.view-mode-shell {























  display: flex;























  flex-direction: column;























  height: 100vh;























  height: 100dvh;























}















































.view-mode-shell__bar {























  flex: 0 0 auto;























  display: flex;























  align-items: center;























  justify-content: space-between;























  gap: 12px;























  padding: 10px 16px;























  background: #0f172a;























  color: #e2e8f0;























}















































.view-mode-shell__label {























  font-size: 13px;























  font-weight: 600;























}















































.view-mode-shell__btn {























  appearance: none;























  border: 0;























  border-radius: 999px;























  padding: 8px 14px;























  font-size: 13px;























  font-weight: 700;























  color: #0f172a;























  background: #fff;























  cursor: pointer;























}















































.view-mode-shell__stage {























  flex: 1;























  display: flex;























  justify-content: center;























  align-items: stretch;























  min-height: 0;























  padding: 12px 0 16px;























}















































.view-mode-shell__frame {























  width: 390px;























  max-width: calc(100% - 24px);























  height: 100%;























  border: 0;























  border-radius: 16px;























  background: #fff;























  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);























}















































/* 모바일에서 PC 버전 (1920px) */























html.view-mode-pc {























  overflow-x: auto;























}















































html.view-mode-pc body {























  min-width: 1920px;























  padding-top: 44px;























}















































.view-mode-pc-bar {























  position: fixed;























  top: 0;























  left: 0;























  right: 0;























  z-index: 10000;























  display: flex;























  align-items: center;























  justify-content: space-between;























  gap: 12px;























  min-height: 44px;























  padding: 8px 16px;























  background: #0f172a;























  color: #e2e8f0;























  box-sizing: border-box;























}















































.view-mode-pc-bar__label {























  font-size: 13px;























  font-weight: 600;























}















































.view-mode-pc-bar__btn {























  appearance: none;























  border: 0;























  border-radius: 999px;























  padding: 7px 12px;























  font-size: 12px;























  font-weight: 700;























  color: #0f172a;























  background: #fff;























  cursor: pointer;























  white-space: nowrap;























}







































































/* Keep the return control reachable without horizontal scrolling in PC view. */























.view-mode-pc-bar { justify-content: flex-start; }























.view-mode-pc-bar__btn { order: -1; }















































body.theme-b[data-page="home"] section.main_counsel .form_wrap{background:#fff;}























body.theme-b[data-page="home"] section.main_counsel .form_inner{padding:24px; height:auto;min-height:116px;}























.speciallease-counsel-title{min-width:230px;font-size:22px;color:var(--main-color);line-height:1.5;}























body.theme-b section.visual .visual_slide img{width:100%;height:auto;object-fit:contain;}























@media(max-width:900px){.speciallease-counsel-title{min-width:0;font-size:20px;}}



































body.theme-b section.visual .view_box{height:auto;aspect-ratio:1920 / 680;}











@media(max-width:768px){body.theme-b section.visual .view_box{height:auto;aspect-ratio:1080 / 500;}}























body.theme-b section.visual .view_box{height:auto;aspect-ratio:1920 / 680;}











@media(max-width:768px){body.theme-b section.visual .view_box{height:auto;aspect-ratio:1080 / 500;}}



















/* Four equal process cards on desktop, two columns on mobile. */







body.theme-b[data-page="home"] section.process {







  width: calc(100% - 32px);







  max-width: 1024px;







  margin: 48px auto 24px;







  min-height: 0;







  height: auto;







}







body.theme-b[data-page="home"] section.process .steps {







  display: grid;







  grid-template-columns: repeat(4, minmax(0, 1fr));







  width: 100%;







  max-width: none;







  box-sizing: border-box;







  gap: 20px;







  padding: 40px 32px;







}







body.theme-b[data-page="home"] section.process .step {







  min-width: 0;







  max-width: none;







  padding: 24px 12px;







}







body.theme-b[data-page="home"] section.process .step strong {font-size:28px;}







body.theme-b[data-page="home"] section.process .step span {font-size:16px;}







@media(max-width:768px) {







  body.theme-b[data-page="home"] section.process .steps {







    grid-template-columns: repeat(2, minmax(0, 1fr));







    padding:24px 16px;







    gap:12px;







  }







  body.theme-b[data-page="home"] section.process .step {padding:20px 8px;}







}











/* Reserve independent header columns so loading images cannot overlap search. */



body.theme-b header.header-classic--type-b > .inner_wrap {



  display:grid; grid-template-columns:190px minmax(0,1fr) 260px;



  gap:28px; width:calc(100% - 40px); max-width:1120px;



  height:144px; min-height:144px; padding:16px 0; box-sizing:border-box;



  margin:0 auto;



}



body.theme-b header.header-classic--type-b .award {width:190px; height:104px;}



body.theme-b header.header-classic--type-b .award img {width:100%;height:100%;max-height:none;object-fit:contain;}



body.theme-b header.header-classic--type-b h1.logo {



  position:static;transform:none;left:auto;top:auto;width:100%;min-width:0;height:80px;margin:0;



}



body.theme-b header.header-classic--type-b h1.logo a {display:flex;align-items:center;justify-content:center;width:100%;height:100%;}



body.theme-b header.header-classic--type-b h1.logo a .logo-chaitda-simple__img {



  width:100%;max-width:420px;height:80px;max-height:80px;object-fit:contain;margin:0;



}



body.theme-b header.header-classic--type-b .header-search {width:100%;min-width:0;}



body.theme-b header.header-classic--type-b .header-plate-search__box {



  box-sizing:border-box;height:46px;padding:4px 5px 4px 14px;gap:8px;



}



body.theme-b header.header-classic--type-b .header-plate-search__btn {



  width:36px;height:36px;min-width:36px;padding:0;



  background:var(--main-color);color:#fff;text-indent:0;



}



body.theme-b header.header-classic--type-b .header-plate-search__btn svg {display:block;width:20px;height:20px;flex:none;}



body.theme-b header.header-classic--type-b .header-plate-search__btn:focus-visible {outline:2px solid var(--main-color);outline-offset:3px;}



@media(max-width:1000px) and (min-width:901px){



  body.theme-b header.header-classic--type-b > .inner_wrap{grid-template-columns:150px minmax(0,1fr) 230px;gap:20px;}



  body.theme-b header.header-classic--type-b .award{width:150px;height:100px;}



}



@media(max-width:900px){



  body.theme-b header.header-classic--type-b > .inner_wrap{



    grid-template-columns:minmax(0,1fr);gap:12px;width:calc(100% - 24px);



    height:132px;min-height:132px;padding:12px 0;



  }



  body.theme-b header.header-classic--type-b .award{display:none;}



  body.theme-b header.header-classic--type-b h1.logo{height:50px;}



  body.theme-b header.header-classic--type-b h1.logo a .logo-chaitda-simple__img{



    width:260px;max-width:100%;height:50px;max-height:50px;



  }



}







body.theme-b header.header-classic--type-b h1.logo, body.theme-b header.header-classic--type-b h1.logo a {max-width:none;}







body.theme-b header.header-classic--type-b h1.logo, body.theme-b header.header-classic--type-b h1.logo a {max-width:none;}







@media(max-width:900px){body.theme-b header.header-classic--type-b > .inner_wrap{grid-template-areas:none;} body.theme-b header.header-classic--type-b h1.logo,body.theme-b header.header-classic--type-b .header-search{grid-area:auto;grid-column:1;justify-self:stretch;}}






/* Match the full five-stage Type A process component. */


body.theme-b section.process.process-home {


  padding-top: 0;


}





body.theme-b section.process.process-steps-type-a .inner_wrap {


  padding: 28px 16px 32px;


  border-radius: 16px;


  background: var(--main-color);


  box-shadow: 0 10px 28px color-mix(in srgb, var(--main-color, #1e88e5) 22%, transparent);


}





body.theme-b .process-steps-type-a__title {


  margin: 0 0 22px;


  text-align: center;


  font-size: clamp(26px, 5.25vw, 39px);


  font-weight: 800;


  color: #fff;


  letter-spacing: -0.02em;


  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);


}





body.theme-b .process-steps-type-a__list {


  display: flex;


  flex-direction: column;


  gap: 14px;


  margin: 0;


  padding: 0;


  list-style: none;


}





body.theme-b .process-steps-type-a__row {


  display: flex;


  align-items: center;


  justify-content: center;


  gap: 4px;


  margin: 0;


  padding: 0;


}





body.theme-b .process-steps-type-a__row--top {


  width: 100%;


}





body.theme-b .process-steps-type-a__row--bottom {


  width: min(100%, 420px);


  margin-left: auto;


  margin-right: auto;


}





body.theme-b .process-steps-type-a__item {


  flex: 1 1 0;


  min-width: 0;


  max-width: 180px;


  display: flex;


  flex-direction: column;


  align-items: center;


  gap: 8px;


  text-align: center;


}





body.theme-b .process-steps-type-a__icon {


  display: flex;


  align-items: center;


  justify-content: center;


  width: 52px;


  height: 52px;


  color: #fff;


  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.12));


}





body.theme-b .process-steps-type-a__icon svg {


  width: 40px;


  height: 40px;


}





body.theme-b .process-steps-type-a__label {


  font-size: clamp(15px, 3.3vw, 21px);


  font-weight: 700;


  line-height: 1.3;


  color: #fff;


  word-break: keep-all;


}





body.theme-b .process-steps-type-a__sep {


  display: flex;


  flex: 0 0 auto;


  align-items: center;


  justify-content: center;


  width: 18px;


  padding: 0 1px;


  color: rgba(255, 255, 255, 0.72);


  user-select: none;


}





body.theme-b .process-steps-type-a__sep svg {


  display: block;


  width: 18px;


  height: 18px;


}





body.theme-b .process-steps-type-a__row-sep {


  display: none;


  margin: 0;


  padding: 0;


  list-style: none;


}





@media (min-width: 768px) {


  body.theme-b .process-steps-type-a__list {


    flex-direction: row;


    flex-wrap: nowrap;


    align-items: center;


    justify-content: center;


    gap: 4px;


  }





  body.theme-b .process-steps-type-a__row {


    display: contents;


  }





  body.theme-b .process-steps-type-a__row--bottom {


    width: auto;


    margin: 0;


  }





  body.theme-b .process-steps-type-a__row-sep {


    display: flex;


    align-items: center;


  }


}








body.theme-b[data-page="home"] section.process.process-steps-type-a {


 background:none;display:block;min-height:0;height:auto;padding:0;


}


body.theme-b section.process.process-steps-type-a > .inner_wrap {width:100%;max-width:none;box-sizing:border-box;}


@media(max-width:767px){


 body.theme-b section.process.process-steps-type-a > .inner_wrap{padding:24px 12px;}


 body.theme-b .process-steps-type-a__title{font-size:23px;line-height:1.4;word-break:keep-all;}


 body.theme-b .process-steps-type-a__label{font-size:14px;}


 body.theme-b .process-steps-type-a__row--bottom{width:75%;}


}




/* Reset Type A form defaults also used by the inner-page shells. */

body.theme-b header.header-classic--type-b .header-plate-search {

 display:flex;flex-direction:column;gap:0;width:100%;min-width:0;max-width:none;

 margin:0;padding:0;box-sizing:border-box;

}

body.theme-b header.header-classic--type-b .header-plate-search__box {

 width:100%;min-width:0;max-width:none;box-shadow:none;overflow:hidden;

}

body.theme-b header.header-classic--type-b .header-plate-search__input {

 width:0;flex:1 1 0;min-width:0;height:36px;padding:0;

 font-family:inherit;font-size:14px;font-weight:400;line-height:normal;

 color:#222;letter-spacing:normal;box-sizing:border-box;

}

body.theme-b header.header-classic--type-b .header-plate-search__input::placeholder {

 color:#767676;font-weight:400;opacity:1;

}


/* Basic information follows its content height, not the neighboring card. */
body.theme-b #basic-info {height:auto;align-self:start;}
body.theme-b #basicInfoDesktop {flex:none;grid-template-columns: minmax(84px,0.65fr) minmax(0,1fr) minmax(84px,0.65fr) minmax(0,1fr);}
body.theme-b #basicInfoDesktop > span {min-width:0;min-height:52px;overflow-wrap:anywhere;}
body.theme-b #basicInfoMobile {flex:none;}