/* 국민차중고리스 — 2026-09-30 customer-requested presentation overrides. */ body.theme-a { --on-brand: var(--ui-on-brand, #171717); --brand-text: var(--main-color); } body.theme-a :is(.ui-btn-primary,.gnb a,.main_counsel .send input,.side_counsel h2,.side_counsel button,.side_menu h2,.side_banner_highlight__head,.footer-counsel-modern__submit,.find-price-range__search,.service-process-modern,.process-banner,.counsel-tabs .active,.tab_wrap .active) { color:var(--on-brand)!important; } body.theme-a :is(.price_list-hero,.price-list-hero,.hero--price-list,.sell-banner,.service-process-modern,.process-banner) :is(h1,h2,h3,p,span,a) { color:var(--on-brand); } body.theme-a #sub_view_temp3_root :is(.bg-primary,.peer:checked + span) { color:var(--on-brand)!important; } body.theme-a #sub_view_temp3_root .text-primary { color:var(--brand-text); } body.theme-a :is(.car-card-type-a__tit,.car-card-item .tit) { font-size:18px; line-height:1.5; } body.theme-a :is(.car-card-type-a__brand,.car-card-type-a__meta,.car-card-item .opt) { font-size:15px; line-height:1.6; } body.theme-a :is(.car-card-type-a__price-val,.car_pri) { color:#d71920!important; font-size:23px; font-weight:800; } body.theme-a .monthly-prefix { color:#171717; } body.theme-a .car-img-label--ribbon { width:auto; min-width:58px; max-width:calc(100% - 16px); height:auto; left:8px; top:8px; padding:7px 10px; transform:none; border-radius:6px; background:var(--main-color); color:#171717; line-height:1.3; } body.theme-a .car-img-label__text { display:block; padding:0; transform:none; font-size:14px; font-weight:800; white-space:nowrap; color:#171717; } body.theme-a .car-img-label--ribbon::before,body.theme-a .car-img-label--ribbon::after { display:none; } body.theme-a #sub_view_counsel > div,body.theme-a #sub_view_counsel_mobile { border:2px solid var(--main-color)!important; box-shadow:0 0 0 4px color-mix(in srgb,var(--main-color) 11%,transparent),0 8px 26px color-mix(in srgb,var(--main-color) 25%,transparent)!important; } body.theme-a .gukmin-viewers,body.theme-a .gukmin-viewers * { color:#d71920!important; font-size:18px; font-weight:800; } body.theme-a .gukmin-viewers { background:#fff4f3; border-color:#f4ccc8; padding:10px 16px; } body.theme-a #quick_info_dock > .grid { grid-template-columns:minmax(0,1fr) auto auto; } body.theme-a #quick_info_monthly { font-size:36px; color:#d71920; } body.theme-a #quick_info_dock a[href="#sub_view_counsel"] { min-height:58px; padding:12px 32px; font-size:20px; color:#171717; background:var(--main-color); } body.theme-a .gukmin-contact { display:block; margin:20px 0; font-size:26px; font-weight:800; color:#171717; } body.theme-a .gukmin-contact-cta { display:block; padding:14px; margin-top:16px; background:var(--main-color); color:#171717; border-radius:10px; text-align:center; font-weight:800; } body.theme-a .sub-view-mobile-dock__btn { color:#111!important; } body.theme-a .sub-view-mobile-dock__btn--tel { background:color-mix(in srgb,var(--main-color) 15%,white); } body.theme-a .header-classic__right:empty { display:none; } @media(max-width:767px) { body.theme-a .gnb li:has(a[href*="price_list.html"]),body.theme-a .gnb li:has(a[href*="sell.html"]),body.theme-a .mobile-nav-drawer a[href*="price_list.html"],body.theme-a .mobile-nav-drawer a[href*="sell.html"] { display:none!important; } body.theme-a .header-classic .gnb nav ul { grid-template-columns:repeat(2,minmax(0,1fr)); } body.theme-a section.main_counsel .main_counsel__brand { display:flex!important; flex-direction:row!important; align-items:center; justify-content:center; min-width:0; padding:12px 0; gap:6px; } body.theme-a section.main_counsel .main_counsel__phone { color:#d71920; } body.theme-a section.main_counsel .main_counsel__phone svg { width:30px; height:36px; } body.theme-a section.main_counsel .main_counsel__copy { display:flex!important; gap:6px; white-space:nowrap; } body.theme-a section.main_counsel .main_counsel__copy strong,body.theme-a section.main_counsel .main_counsel__copy span { font-size:22px; line-height:1.3; } body.theme-a section.main_counsel .main_counsel__copy strong { color:var(--main-color); } body.theme-a section.main_counsel .main_counsel__copy span { color:#171717; } body.theme-a :is(.car-card-type-a__tit,.car-card-item .tit) { font-size:16px; } body.theme-a :is(.car-card-type-a__brand,.car-card-type-a__meta,.car-card-item .opt) { font-size:13px; } body.theme-a :is(.car-card-type-a__price-val,.car_pri) { font-size:20px; } body.theme-a .gukmin-viewers,body.theme-a .gukmin-viewers * { font-size:16px; } } body.theme-a :is(.side-highlights__head,.side-sub-nav__head,.side-sub-counsel__head,.side_counsel_card__hero,.process-steps-type-a,.promo-renewal__copy), body.theme-a :is(.side-highlights__head,.side-sub-nav__head,.side-sub-counsel__head,.side_counsel_card__hero,.process-steps-type-a,.promo-renewal__copy) * { color:#171717!important; } body.theme-a :is(.sell-process__num,.side_banner .btn1.active,.promo-renewal__filters .is-active,.promo-renewal__cta a,.side_banner .send input) { color:#171717!important; } body.theme-a :is(.text-accent,.hero__form-badge,.footer-counsel-modern__lead strong,.promo-renewal__section-head p,.promo-renewal__benefits span,.hero__form a) { color:var(--main-color)!important; } body.theme-a .promo-renewal__price strong { color:#d71920; } body.theme-a .promo-renewal__car-name { font-size:18px; } body.theme-a .promo-renewal__car-desc { font-size:14px; } body.theme-a .promo-renewal__points li { border-color:#b28e0040; background:#ffffff35; } body.theme-a .explain-hero,body.theme-a .explain-hero * { color:#171717!important; } body.theme-a #quick_info_dock { background:#fff; } body.theme-a #sub_view_temp3_root #quick_info_monthly { color:#d71920; } /* Raise the ribbon lettering without clipping the flag silhouette. */ body.theme-a .car-img-label--ribbon .car-img-label__text { transform:translateY(-5px)!important; } /* Mobile inquiry card matches the approved yellow-glow example. */ body.theme-a #sub_view_counsel_mobile { border:2px solid var(--main-color)!important; box-shadow:0 0 10px 3px rgba(255,216,0,.65),0 0 24px 5px rgba(255,216,0,.40)!important; border-radius:22px; padding:24px 20px; margin-top:16px; margin-bottom:20px; } body.theme-a #sub_view_counsel_mobile button[type="submit"] { background:var(--main-color)!important; color:#111!important; font-size:22px!important; font-weight:800; min-height:56px; border-radius:12px; box-shadow:none; } body.theme-a #sub_view_counsel_mobile input[name="is_phone"] { font-size:18px; min-height:54px; } .gukmin-mobile-menu-label { display:none; } @media(max-width:767px) { body.theme-a header.header-classic .gnb nav ul { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:5px!important; } body.theme-a header.header-classic .gnb nav ul li { width:auto!important; min-width:0; } body.theme-a .gukmin-desktop-menu-label { display:none; } body.theme-a .gukmin-mobile-menu-label { display:inline; } } /* 국민차 PDF revision 2026-10-08: scoped presentation changes. */ body.theme-a .car-card-type-a__body .car-card-type-a__tit { font-size:20px; line-height:1.4; } body.theme-a .car-card-type-a__body .car-card-type-a__brand, body.theme-a .car-card-type-a__body .car-card-type-a__meta-row { font-size:16px; line-height:1.6; } body.theme-a[data-page="sub_view"] main { padding-top:0; } body.theme-a[data-page="sub_view"] #sub_view_temp3_root > div:first-child { padding-top:16px; } body.theme-a #sub_view_temp3_root #monthlyPrice { color:#d71920; } body.theme-a #sub_view_temp3_root #promo_banner { display:none; } @media(max-width:768px) { body.theme-a .car-card-type-a__body .car-card-type-a__tit { font-size:18px; } body.theme-a .car-card-type-a__body .car-card-type-a__brand, body.theme-a .car-card-type-a__body .car-card-type-a__meta-row { font-size:14px; } body.theme-a section.main_counsel .main_counsel__copy strong, body.theme-a section.main_counsel .main_counsel__copy span { font-size:clamp(24px,7.7vw,32px); font-weight:800; } body.theme-a section.main_counsel .main_counsel__phone { width:34px; height:34px; flex:0 0 34px; } body.theme-a section.main_counsel .main_counsel__phone svg { display:none; } body.theme-a section.main_counsel .main_counsel__phone::before { content:""; display:block; width:34px; height:34px; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z' fill='%23ef4444' stroke='%23171717' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); } } @media(max-width:768px) { body.theme-a section.main_counsel .main_counsel__brand { display:flex!important; flex-direction:row!important; align-items:center; justify-content:center; gap:8px; } body.theme-a section.main_counsel .main_counsel__copy { display:flex!important; gap:6px; white-space:nowrap; } body.theme-a section.main_counsel .main_counsel__copy strong { color:var(--main-color); } body.theme-a section.main_counsel .main_counsel__copy span { color:#171717; } body.theme-a section.main_counsel .send input[type="submit"] { font-size:22px; font-weight:800; } } /* Match the consultation heading and handset on desktop as well. */ @media(min-width:769px) { body.theme-a section.main_counsel .main_counsel__copy strong, body.theme-a section.main_counsel .main_counsel__copy span { font-size:32px; font-weight:800; line-height:1.25; } body.theme-a section.main_counsel .main_counsel__phone { width:38px; height:38px; flex:0 0 38px; } body.theme-a section.main_counsel .main_counsel__phone svg { display:none; } body.theme-a section.main_counsel .main_counsel__phone::before { content:""; display:block; width:38px; height:38px; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z' fill='%23ef4444' stroke='%23171717' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); } body.theme-a section.main_counsel .send input[type="submit"] { font-size:22px; font-weight:800; } } body.theme-a .header-classic__pc .logo img{max-width:100%;max-height:100px;object-fit:contain} .aj-lease-benefits{padding:24px 0}.aj-lease-benefits img{display:block;width:100%;height:auto} @media(max-width:768px){ body.theme-a .main_counsel{padding:12px 0!important;margin:0!important} body.theme-a .main_counsel .form_wrap{padding:12px!important;min-height:0!important;height:auto!important;background-image:none!important} body.theme-a .main_counsel__brand{display:flex!important;align-items:center;justify-content:center;gap:8px;margin:0 0 10px!important;padding:0!important;min-height:0!important} body.theme-a .main_counsel__phone svg{width:30px;height:30px} body.theme-a .main_counsel__copy{display:flex!important;gap:5px;font-size:19px!important;line-height:1.25!important;margin:0!important} body.theme-a .main_counsel__copy strong,body.theme-a .main_counsel__copy span{font-size:19px!important;line-height:1.25!important} body.theme-a .main_counsel form,body.theme-a .main_counsel .form_inner{padding:0!important;margin:0!important;height:auto!important;min-height:0!important} body.theme-a .main_counsel .form_inner{display:grid!important;grid-template-columns:1fr 1fr;gap:8px} body.theme-a .main_counsel .inp_wrap{width:auto!important;margin:0!important} body.theme-a .main_counsel .inp_wrap input{height:42px!important;padding:0 10px!important;font-size:14px!important;box-sizing:border-box;width:100%!important} body.theme-a .main_counsel .send{grid-column:1/-1;margin:0!important;width:100%!important} body.theme-a .main_counsel .send input{height:42px!important;font-size:16px!important;width:100%!important} body.theme-a .main_counsel .chaitda-consent-row{grid-column:1/-1;margin:4px 0 0!important} } @media(max-width:768px){body.theme-a section.main_counsel .main_counsel__copy strong,body.theme-a section.main_counsel .main_counsel__copy span{font-size:19px!important}body.theme-a section.main_counsel .main_counsel__phone::before{width:30px;height:30px}} body.theme-a #sub_view_temp3_root div:has(>span>#liveViewersBadge){color:#d71920!important;font-size:18px;font-weight:800;background:#fff4f3;border-color:#f4ccc8;padding:10px 16px} body.theme-a #sub_view_counsel_mobile button[type="submit"],body.theme-a #quick_info_dock a[href="#sub_view_counsel"],body.theme-a .car-img-label__text{color:var(--ui-on-brand,#171717)!important} /* Search controls share the e편한중고리스 base styles (pages.css). Preserve AJ's contact buttons and the requested compact page top. */ body.theme-a .sub-view-mobile-dock .sub-view-mobile-dock__btn{background:#000!important;color:#fff!important;border-color:#000!important;box-shadow:none!important} @media(max-width:768px){ body.theme-a[data-page="sub_list"] main{padding-top:0!important;margin-top:0!important} body.theme-a[data-page="sub_list"] section.car_search{padding-top:4px!important;margin-top:0!important} } /* Vehicle sale price alongside monthly lease, independently of the lease term. */ body.theme-a .aj-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:20px} body.theme-a .aj-monthly-amount{min-width:0;white-space:nowrap} body.theme-a .aj-vehicle-price{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:3px;white-space:nowrap} body.theme-a .aj-vehicle-price>span{font-size:11px;color:#6b7280;font-weight:500} body.theme-a .aj-vehicle-price>strong{font-size:17px;color:#111827;font-weight:800} @media(max-width:767px){body.theme-a .aj-price-row{margin-bottom:16px}body.theme-a .aj-vehicle-price>strong{font-size:15px}} /* AJ 2026-10-20: reversible detail section suspension. */ body.theme-a #guide, body.theme-a [data-hd-price-list]{display:none!important} /* Compact mobile catalog: preserve the original cascading select workflow. */ @media(max-width:767px){ body.theme-a section.car_search .car_search-panel-type-a{padding:10px!important;border-radius:14px!important} body.theme-a section.car_search .tab_wrap{margin-bottom:8px!important} body.theme-a section.car_search .tab_wrap li a{padding:12px 3px!important;font-size:13px!important;min-height:44px;box-sizing:border-box} body.theme-a section.car_search .catalog-shell-type-a{margin:0 0 8px!important;border-radius:10px!important} body.theme-a section.car_search .catalog-combo-type-a{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important} body.theme-a section.car_search .catalog-combo-type-a__field{min-width:0!important;gap:4px!important;margin:0!important} body.theme-a section.car_search .catalog-combo-type-a__label{font-size:12px!important;line-height:16px!important} body.theme-a section.car_search .catalog-combo-type-a__select, body.theme-a section.car_search .ui-select{height:44px!important;min-height:44px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:0 28px 0 10px!important;font-size:14px!important;border-radius:8px!important} body.theme-a section.car_search .mobile-collapse__toggle{min-height:44px!important;padding:10px 12px!important;font-size:14px!important} body.theme-a section.car_search .car_searchoption-type-a{margin:0!important} body.theme-a section.car_search .car_searchoption-type-a__panel{padding:0 10px!important;border-radius:10px!important} body.theme-a section.car_search .car_searchoption-type-a__mobile-head{margin:0!important;border-bottom:0!important} body.theme-a section.car_search .car_searchoption-type-a__range{min-width:0!important} body.theme-a section.car_search .car_searchoption-type-a__row{gap:8px!important;margin-bottom:8px!important} body.theme-a section.car_search .btn_wrap{margin-top:10px!important;padding:0!important} body.theme-a section.car_search .btn_wrap button{min-height:44px!important;height:44px!important;padding:0 16px!important;font-size:16px!important} } @media(max-width:767px){body.theme-a section.car_search .catalog-shell-type-a.is-open .catalog-combo-type-a{display:grid!important}} /* AJ reference layout: open catalog, compact usable controls, optional advanced filters. */ @media(max-width:767px){ body.theme-a section.car_search .tab_wrap{display:none!important} body.theme-a section.car_search .car_search-panel-type-a{padding:0!important;border:0!important;box-shadow:none!important} body.theme-a section.car_search .catalog-shell-type-a{border:0!important;box-shadow:none!important;margin:0!important} body.theme-a section.car_search .mobile-collapse__toggle--catalog{display:none!important} body.theme-a section.car_search .catalog-shell-type-a::before{content:'차량 검색';display:block;text-align:center;font-size:18px;font-weight:700;padding:8px;border-top:1px solid #ddd;border-bottom:1px solid #ddd} body.theme-a section.car_search .catalog-combo-type-a{padding:6px 0!important;gap:0 8px!important} body.theme-a section.car_search .catalog-combo-type-a__label{display:none!important} body.theme-a section.car_search .catalog-combo-type-a__select{border:0!important;box-shadow:none!important;background-color:#fff!important;border-radius:0!important;font-size:14px!important;font-weight:500!important} body.theme-a section.car_search .aj-visible-keyword{display:block;width:100%;height:44px;box-sizing:border-box;border:0;border-bottom:1px solid #ddd;border-radius:0;padding:0 10px;font-size:16px} body.theme-a section.car_search .car_searchoption-type-a__panel{border:0!important;box-shadow:none!important;border-bottom:1px solid #ddd!important;border-radius:0!important} body.theme-a section.car_search .search_btn-type-a{margin:8px 0!important;padding:0!important} body.theme-a section.car_search .search_btn-type-a button{width:100%!important;height:44px!important;min-height:44px!important;padding:0!important;font-size:16px!important} body.theme-a section.car_search{padding-bottom:0!important} body.theme-a .order-type-a{margin-top:8px!important;margin-bottom:8px!important;padding-top:0!important;padding-bottom:0!important} } @media(max-width:767px) and (max-height:700px){ body.theme-a[data-page="sub_list"] header nav a{height:36px!important;min-height:36px!important;padding:10px 2px!important} body.theme-a section.car_search .catalog-shell-type-a::before{padding:5px!important;font-size:16px!important} body.theme-a section.car_search .catalog-combo-type-a{padding:0!important} body.theme-a section.car_search .search_btn.search_btn-type-a{margin:4px 0!important;height:44px!important} body.theme-a .order.order-type-a{margin:4px 0!important} } body.theme-a section.car_search .catalog-combo-type-a #search_keyword_type{width:100%!important;min-width:0!important;padding-left:10px!important;padding-right:26px!important}