/* 


modify


 */
#hd_pop {
  width: auto;
}

#hd_pop p {
  opacity: 1;
}

#hd_pop .hd_pops_con {
  background: var(--white-color);
}

#hd_pop .hd_pops_con > * {
  opacity: 1;
}

/* 닫기 버튼은 오른쪽 위(박스 바깥쪽 아님) */
#hd_pop .hd_pops_footer {
  background: var(--primary-color);
}
#hd_pop .hd_pops_footer .hd_pops_close {
  background: var(--primary-color);
}

/* '오늘 하루 보지 않기' 버튼은 왼쪽에 고정 */
#hd_pop .hd_pops_footer .hd_pops_reject {
  background: var(--primary-color);
}

#hd_pop .hd_pops_footer button {
  padding: 12px 24px;
  font-size: 14px;
  border: 0;
  color: var(--white-color);
}

#hd_pop .hd_pops {
  position: fixed;
  border-radius: 8px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

/* 768px 이하에서 팝업이 뷰포트 안에 깔끔히 맞게 동작하도록 */
@media (max-width: 768px) {
  /* 전체 컨테이너 높이 자동 처리 */
  #hd_pop {
    height: auto;
  }

  /* 팝업 박스: 화면에 고정(스크롤과 함께 떠있지 않음), 좌우 여백 16px, 상단 40px */
  #hd_pop .hd_pops {
    position: fixed;
    /* top: 40px !important; */
    left: 16px !important;
    right: 16px !important;
    box-sizing: border-box;
    width: auto;
    max-width: calc(100vw - 32px); /* 좌우 16px씩 보장 */
    margin: 0 auto;
    overflow: auto; /* 내용이 길면 내부에서 스크롤 */
    max-height: calc(100vh - 40px - 16px); /* 상단 40px + 약간의 여유 */
    background: #fff;
    z-index: 10000;
  }

  #hd_pop .hd_pops_con {
    width: 100% !important;
    height: auto !important;
    background: #fff;
  }

  /* 이미지가 뷰포트를 넘지 않도록: 폭은 부모에 맞추고, 높이는 자동 */
  #hd_pop .hd_pops img {
    width: 100% !important; /* 부모(.hd_pops)의 너비를 따름 */
    height: auto !important; /* 높이는 자동 유지 */
  }
}

.sub_content #bo_cate ul {
  zoom: 1;
}
.sub_content #bo_cate ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.sub_content #bo_cate li {
  display: inline-block;
  padding: 2px;
}
.sub_content #bo_cate a {
  display: block;
  line-height: 28px;
  padding: 4px 24px;
  border-radius: 30px;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);

  font-size: 16px;
  font-weight: 600;
}
.sub_content #bo_cate a:focus,
.sub_content #bo_cate a:hover,
.sub_content #bo_cate a:active {
  text-decoration: none;
  background: var(--primary-color);
  color: var(--white-color);
}
.sub_content #bo_cate #bo_cate_on {
  z-index: 2;
  background: var(--primary-color);
  color: var(--white-color);
  font-weight: bold;
  border: 1px solid var(--primary-color);
  -webkit-box-shadow: inset 0 2px 5px var(--primary-color);
  -moz-box-shadow: inset 0 2px 5px var(--primary-color);
  box-shadow: inset 0 2px 5px var(--primary-color);
}

.sub_content .bo_cate_link {
  float: left;
  display: inline-block;
  margin-right: 10px;
  background: var(--primary-color);
  color: var(--white-color);
  font-weight: normal !important;
  height: auto;
  line-height: 10px;
  padding: 8px 16px;
  border-radius: 5px;
  font-size: 0.95em;
}

.sub_content #bo_v_title .bo_v_cate {
  display: inline-block;
  line-height: 1;
  background: var(--background-color);
  color: var(--point-color);
  padding: 4px 24px;
  border-radius: 4px;

  margin-bottom: 16px;
}

.sub_content .bo_tit {
  display: block;
  color: #000;
  font-weight: 400;
}

.sub_content .bo_tit svg {
  width: 16px;
  height: 16px;

  margin-left: 16px;
}

.sub_content .bo_tit svg.feather-lock {
  margin-left: 0;
  stroke: var(--point-color);
}
.sub_content #bo_list .td_datetime {
  width: auto;
  text-align: center;
  width: 90px;
  white-space: nowrap;
}

.sub_content #bo_list .td_name {
  width: 90px;
  text-align: center;
  padding: 10px 0;

  white-space: nowrap;
}

.sub_content #bo_list td {
  height: 64px;
  word-break: break-all;
}
.sub_content #bo_list .bo_notice td {
  border-bottom: 1px solid var(--point-color);
  background: var(--background-color);
}

.sub_content .bo_current {
  color: #e8180c;
  white-space: nowrap;
  font-size: 14px;
}

.sub_content #bo_w .bo_w_flie .file_wr {
  position: relative;
  border: 1px solid #ccc;
  background: #fff;
  color: #000;
  vertical-align: middle;
  border-radius: 3px;
  padding: 16px 5px;
  height: auto;
  margin: 0;
}

.sub_content #bo_v_title .bo_v_tit {
  display: block;
  font-size: 24px;
  font-weight: 400;
  margin: 5px 0 0;
  word-break: break-all;
}

.sub_content #bo_v_info .profile_info {
  margin: 40px 0 16px 0;
  display: inline-block;
}

.sub_content #bo_v_img {
  width: 100%;
  overflow: hidden;
  margin: 40px 0 40px 0;
  zoom: 1;
}
.sub_content #bo_v_con {
  margin: 40px 0 40px 0;
  width: 100%;
  line-height: 1.7em;
  min-height: 200px;
  word-break: break-all;
  overflow: hidden;
}

.sub_content #bo_v_file ul {
  margin: 0;
  list-style: none;
}
.sub_content #bo_v_link li {
  padding: 15px;
  position: relative;
  margin: 10px 0;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%);
  -moz-box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%);
  box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%);
}
.sub_content #bo_v_link li i {
  float: left;
  color: #b2b2b2;
  font-size: 2.35em;
  margin-right: 40px;
}
.sub_content #bo_v_link a {
  float: none;
  display: block;
  text-decoration: none;
  word-wrap: break-word;
  color: #000;
}
.sub_content #bo_v_link a:focus,
.sub_content #bo_v_link li:hover a,
.sub_content #bo_v_link a:active {
  text-decoration: underline;
  color: #000;
}
.sub_content #bo_v_link .bo_v_link_cnt {
  color: #b2b2b2;
  font-size: 0.92em;
}
.sub_content #bo_v_link li:hover {
  border-color: #bed4f4;
  color: #bed4f4;
}
.sub_content #bo_v_link li:hover i {
  color: #3a8afd;
}
.sub_content #bo_v_link li:hover .bo_v_link_cnt {
  color: #99c2fc;
}

.sub_content #bo_v_file a {
  float: none;
  display: block;
  text-decoration: none;
  word-wrap: break-word;
  color: #000;
}

.sub_content .cmt_btn {
  width: 100%;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
  font-weight: bold;
  margin: 30px 0 0px;
  padding: 0 0 15px;
}
.sub_content .cmt_btn span.total {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  color: var(--primary-color);
}
.sub_content .cmt_btn span.cmt_more {
  float: right;
  display: inline-block;
  width: 15px;
  height: 10px;
  background: url(./img/btn_cmt.png) no-repeat right 2px;
  margin-top: 5px;
}
.sub_content .cmt_btn_op span.cmt_more {
  background-position: right -8px;
}
.sub_content .cmt_btn b {
  font-size: 1.2em;
  color: #000;
}
.sub_content .cmt_btn span.total:after {
  position: absolute;
  bottom: -17px;
  left: 0;
  display: inline-block;
  background: var(--primary-color);
  content: "";
  width: 100%;
  height: 2px;
}

.sub_content #bo_w .bo_w_flie .lb_icon {
  position: absolute;
  top: 17px;
  left: 0px;
  border-radius: 3px 0 0 3px;
  height: 38px;
  line-height: 38px;
  width: 40px;
  font-size: 1.2em;
  text-align: center;
  color: #b2b2b2;
}

.sub_content #bo_w .bo_w_link label {
  position: absolute;
  top: 5px;
  left: 1px;
  border-radius: 3px 0 0 3px;
  height: 38px;
  line-height: 38px;
  width: 40px;
  font-size: 1.2em;
  text-align: center;
  color: #b2b2b2;
}

.sub_content .bo_sch {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  text-align: left;
  max-width: 600px;
  width: 100%;
  max-height: 400px;
  margin-left: auto;
  margin-top: auto;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  border-radius: 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #dde7e9;
  background: #fff;
  border-radius: 0;
}

.sub_content .bo_sch form {
  padding: 60px 40px 16px 40px;
  display: block;
}
.sub_content .bo_sch select {
  border: 0;
  width: 100%;
  height: 40px;
  border: 1px solid #d0d3db;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.sub_content .bo_sch .sch_bar {
  display: inline-block;
  width: 100%;
  clear: both;
  margin-top: 15px;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.sub_content .bo_sch .sch_input {
  width: 100%;
  height: 38px;
  border: 0;
  padding: 0;
  background-color: transparent;
  float: left;

  border: 1px solid #d0d3db;
}
.sub_content .bo_sch .sch_btn {
  height: 38px;
  float: right;
  color: var(--primary-color);
  background: none;
  border: 0;
  width: 40px;
}
.sub_content .bo_sch .bo_sch_cls {
  position: absolute;
  right: 0;
  top: 0;
  color: #b5b8bb;
  border: 0;
  padding: 12px 15px;
  font-size: 16px;
  background: #fff;
}
.sub_content .bo_sch_bg {
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
}

.sub_content .more_opt svg {
  width: 14px;
  height: 14px;
}

/*FAQ */
.sub_content .faq-container {
  /* max-width: 600px; */
  margin: 0 auto;
}

.sub_content .faq {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  margin: 20px 0;
  padding: 30px;
  position: relative;
  overflow: hidden;
  transition: 0.3s ease;
  background: #f9f9f9;
}

.sub_content .faq h3 {
  font-size: 20px;
}

.sub_content .faq.active {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.sub_content .faq-title {
  margin: 0 35px 0 0;
  cursor: pointer;
}

.sub_content .faq-text {
  display: none;
  margin: 30px 0 0;
  line-height: 1.5;
}

.sub_content .faq.active .faq-text {
  display: block;
}

.sub_content .faq-toggle {
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 30px;
  height: 30px;
  width: 30px;

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

.sub_content .faq-toggle:focus {
  outline: 0;
}

.sub_content .faq-toggle .close {
  display: none;
}

.sub_content .faq.active .faq-toggle .close {
  color: #fff;
  display: block;
}

.sub_content .faq.active .faq-toggle .down {
  display: none;
}

.sub_content .faq.active .faq-toggle {
  background-color: #9fa4a8;
}

.sub_content #bo_w .btn_submit {
  padding: 0 20px;
  font-size: 1.167em;
}
.sub_content #bo_w .btn_submit {
  position: relative;
  z-index: 1;
  margin-top: 40px;
  display: inline-flex;
  align-items: center;
  height: 48px;
  border-radius: 48px;
  padding: 0 24px 0 80px;
  overflow: hidden;
  color: var(--white-color);
  white-space: nowrap;
}

.sub_content #bo_w .btn_submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 48px;
  border-radius: 48px;
  background: var(--primary-color);
}
.sub_content #bo_w .btn_submit::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  background: rgba(0, 0, 0, 0.1) url(../lib/icon/edit-3.svg) no-repeat center
    center;
  filter: invert();
}

.sub_content #bo_w .btn_cancel {
  position: relative;
  z-index: 1;

  margin-top: 40px;

  display: inline-flex;
  align-items: center;
  height: 48px;
  border-radius: 48px;
  padding: 0 24px 0 80px;
  overflow: hidden;

  color: var(--white-color);
  white-space: nowrap;
}

.sub_content #bo_w .btn_cancel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 48px;
  border-radius: 48px;
  background: var(--point-color);
}

.sub_content #bo_w .btn_cancel::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  background: rgba(0, 0, 0, 0.1) url(../lib/icon/x.svg) no-repeat center center;

  filter: invert();
}

.sub_content #bo_w .frm_info {
  position: relative;
  line-height: 18px;
  color: var(--point-color);
  margin: 10px 0;
  display: inline-block;
  font-size: 1em;
}
.sub_content .chk_box input[type="checkbox"] + label {
  position: relative;
  /* padding-left: 24px; */
  color: #676e70;
}

.sub_content .btn_cke_sc {
  display: inline-block;
  padding: 0 10px;
  height: auto;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
  line-height: 1.9em;
  vertical-align: middle;
  cursor: pointer;
}

.sub_content #faq_sch {
  background: #f7f7f7;
  padding: 24px;
  text-align: center;
  margin: 0 0 80px 0;
}

.sub_content #faq_sch .btn_submit {
  position: relative;
  z-index: 1;
  margin-top: 0;
  display: inline-flex;
  align-items: center;
  height: 48px;
  border-radius: 48px;
  padding: 0 24px 0 80px;
  overflow: hidden;
  color: var(--white-color);
  background: transparent;
  white-space: nowrap;

  width: auto;

  font-weight: 400;
}

.sub_content #faq_sch .btn_submit .fa {
  display: none;
}
.sub_content #faq_sch .btn_submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 48px;
  border-radius: 48px;
  background: var(--point-color);
}
.sub_content #faq_sch .btn_submit::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  background: rgba(0, 0, 0, 0.1) url(../lib/icon/search.svg) no-repeat center
    center;
  filter: invert();
}

.sub_content #fregister p {
  position: relative;
  text-align: center;
  color: #fff;
  height: 50px;
  line-height: 50px;
  font-size: 1.1em;
  background: var(--point-color);
  margin: 0 0 10px;
  border-radius: 5px;
  font-weight: 400;
}

.btn_submit:hover {
  background: var(--secondary-color);
}

.btn_submit {
  border: 0;
  background: var(--primary-color);
  color: var(--white-color);
  cursor: pointer;
  border-radius: 3px;
}

/* ==========================================================================
   신차몽 피그마 기반 리디자인 통합 스타일 (2026-06-26)
   ========================================================================== */

/* 1. 레이아웃 및 여백 보정 */
#content {
  padding-top: 0px !important; /* 패딩 0px로 수정 */
}
@media (max-width: 768px) {
  #content {
    padding-top: 0px !important;
  }
}

/* 공통 섹션 타이틀 & 데코레이션 */
.sect-badge {
  display: inline-block;
  padding: 6px 14px;
  background: var(--sub-light-blue-bg);
  color: var(--primary-color);
  font-size: 11px;
  font-weight: 800;
  border-radius: 50px;
  letter-spacing: 1px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.section-title-wrap {
  text-align: center;
  margin-bottom: 40px;
}
.section-title-wrap.text-left {
  text-align: left;
}
.sect-title {
  font-size: 32px;
  font-weight: 900;
  color: #0f172a;
  letter-spacing: -1.2px;
  line-height: 1.3;
}
.sect-title strong {
  color: var(--primary-color);
}
.sect-desc {
  font-size: 15px;
  color: #64748b;
  margin-top: 10px;
  font-weight: 400;
}

/* 2. GNB 헤더 5대 메뉴 & 알약 붉은 버튼 */
.pm-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: #ffffff;
  border-bottom: 1px solid #eaecef;
  z-index: 1000;
  box-shadow: 0 2px 12px rgba(15,23,42,0.03);
  transition: all 0.3s ease;
}
.pm-header.scrolled {
  height: 70px;
  box-shadow: 0 4px 20px rgba(15,23,42,0.06);
}
.pm-header-inner {
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pm-logo img {
  height: 38px;
  object-fit: contain;
  transition: height 0.3s;
}
.pm-header.scrolled .pm-logo img {
  height: 32px;
}

/* GNB List */
.pm-gnb {
  height: 100%;
  display: flex;
  align-items: center;
}
.pm-gnb-list {
  display: flex;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 40px;
}
.pm-gnb-item {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.pm-gnb-link {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s;
  height: 100%;
  display: flex;
  align-items: center;
  border-bottom: none !important;
}
.pm-gnb-item:hover .pm-gnb-link,
.pm-gnb-item.active .pm-gnb-link {
  color: #1d72c4 !important;
  border-bottom: none !important;
}

/* 메가메뉴 드롭다운 */
.pm-mega-dropdown {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  background: #ffffff;
  border-top: 1px solid #f1f5f9;
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 15px 35px rgba(0,0,0,0.06);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 999;
}
.pm-header.scrolled .pm-mega-dropdown {
  top: 70px;
}
.pm-gnb-item:hover .pm-mega-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.pm-mega-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 20px;
}
.pm-mega-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.pm-mega-card {
  display: flex;
  flex-direction: column;
  background: #f8fafc;
  border: 1px solid #f1f5f9;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.2s;
}
.pm-mega-card:hover {
  transform: translateY(-4px);
  border-color: var(--primary-color);
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(29, 114, 196, 0.05);
}
.pm-mega-card-img {
  height: 100px;
  overflow: hidden;
  background: #fff;
}
.pm-mega-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s;
}
.pm-mega-card:hover .pm-mega-card-img img {
  transform: scale(1.04);
}
.pm-mega-card-body {
  padding: 14px;
}
.pm-mega-card-name {
  font-size: 14px;
  font-weight: 800;
  color: #1e293b;
}
.pm-mega-card-desc {
  font-size: 11px;
  color: #64748b;
  margin-top: 4px;
  line-height: 1.4;
  display: block;
}
.pm-mega-card-arrow {
  margin-top: 8px;
  font-size: 12px;
  color: #94a3b8;
  text-align: right;
}

/* 퀵 빠른상담 버튼 */
.pm-btn-quick-consult {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  background: #ef4444 !important; /* 시안 맞춤 붉은색 */
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 800;
  border-radius: 30px; /* 시안 맞춤 알약형 */
  text-decoration: none;
  transition: all 0.3s;
  box-shadow: 0 4px 10px rgba(239, 68, 68, 0.2);
}
.pm-btn-quick-consult:hover {
  background: #dc2626 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(239, 68, 68, 0.3);
}

/* 3. 히어로 슬라이더 카드형 구조 & 분수형 페이지네이션 */
.hero-slider-section {
  background: #f8fafc;
  padding: 40px 0 20px 0;
  overflow: hidden;
}
.hero-card-swiper {
  width: 100%;
  padding-bottom: 70px !important; /* 컨트롤러 공간 확보 */
  overflow: visible !important;
}
.hero-card-slide {
  width: 85%;
  max-width: 1000px;
  opacity: 0.3;
  transition: opacity 0.5s, transform 0.5s;
  transform: scale(0.95);
}
.hero-card-slide.swiper-slide-active {
  opacity: 1;
  transform: scale(1);
}
.hero-slide-card-inner {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(15,23,42,0.06);
  border: 1px solid #e2e8f0;
  display: flex;
  overflow: hidden;
  height: 400px;
}
.slide-text-side {
  flex: 1.3;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slide-card-badge {
  display: inline-block;
  align-self: flex-start;
  padding: 4px 10px;
  background: #fee2e2;
  color: #ef4444;
  font-size: 11px;
  font-weight: 800;
  border-radius: 4px;
  margin-bottom: 15px;
}
.slide-card-badge.benz {
  background: #eff6ff;
  color: #3b82f6;
}
.slide-card-badge.carnival {
  background: #f0fdf4;
  color: #10b981;
}
.slide-card-title {
  font-size: 38px;
  font-weight: 900;
  color: #0f172a;
  line-height: 1.25;
  letter-spacing: -1.2px;
}
.slide-card-spec {
  font-size: 16px;
  color: #475569;
  margin-top: 10px;
  font-weight: 700;
}
.slide-card-benefit {
  font-size: 14px;
  color: #64748b;
  margin-top: 6px;
}
.slide-card-price-wrap {
  margin-top: 25px;
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.slide-card-price-wrap .price-lbl {
  font-size: 13px;
  color: #64748b;
  font-weight: 600;
}
.slide-card-price-wrap .price-num {
  font-size: 28px;
  font-weight: 900;
  color: #ef4444; /* 폴스타 4 시안 기준 붉은색 포인트 */
}
.slide-card-actions {
  margin-top: 25px;
}
.btn-card-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 30px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  transition: all 0.2s;
}
.btn-card-action.primary {
  background: #ef4444;
  color: #ffffff !important;
}
.btn-card-action.primary:hover {
  background: #dc2626;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(239, 68, 68, 0.25);
}
.slide-image-side {
  flex: 1;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
.slide-image-side img {
  max-width: 95%;
  max-height: 85%;
  object-fit: contain;
  filter: drop-shadow(0 15px 20px rgba(0,0,0,0.06));
}

/* 하단 중앙 페이지네이션 */
.hero-swiper-controls-wrap {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  padding: 6px 16px;
  border-radius: 30px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  z-index: 10;
}
.hero-ctrl-btn {
  background: none;
  border: none;
  color: #64748b;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 2px;
}
.hero-ctrl-btn:hover {
  color: var(--primary-color);
}
.hero-swiper-fraction {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  font-family: monospace;
}
.hero-swiper-fraction .separator {
  margin: 0 3px;
  opacity: 0.4;
}

/* 4. 원형 퀵 아이콘 메뉴 (quick_icons) */
.quick-icons-section {
  padding: 35px 0;
  background: #ffffff;
  border-bottom: 1.5px solid #f1f5f9;
}
.quick-icons-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  overflow-x: auto;
  padding-bottom: 10px;
}
.quick-icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  min-width: 90px;
  position: relative;
  transition: all 0.2s;
}
.quick-icon-item:hover {
  transform: translateY(-3px);
}
.icon-circle {
  width: 70px;
  height: 70px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* 그라디언트 배경 정의 */
.icon-circle.bg-domestic { background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%); }
.icon-circle.bg-import { background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%); }
.icon-circle.bg-instant { background: linear-gradient(135deg, #fdeb71 0%, #f8d07a 100%); }
.icon-circle.bg-lowest { background: linear-gradient(135deg, #cfd9df 0%, #e2ebf0 100%); }
.icon-circle.bg-benefit { background: linear-gradient(135deg, #d4fc79 0%, #96e6a1 100%); }
.icon-circle.bg-review { background: linear-gradient(135deg, #fda085 0%, #f6d365 100%); }
.icon-circle.bg-community { background: linear-gradient(135deg, #abecd6 0%, #fbed96 100%); }
.icon-circle.bg-hot { background: linear-gradient(135deg, #ff0844 0%, #ffb199 100%); }

.icon-label {
  font-size: 13px;
  font-weight: 800;
  color: #475569;
}
.hot-badge-tag {
  position: absolute;
  top: -12px;
  background: #ef4444;
  color: #ffffff;
  font-size: 9px;
  font-weight: 900;
  padding: 2px 6px;
  border-radius: 4px;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3);
}

/* 5. 인기 차종 TOP 10 (car_deals.php 기반 완벽 리디자인) */
.top10-deals-section {
  padding: 80px 0 !important;
  background: #ffffff !important;
}
.top10-layout-grid {
  display: grid !important;
  grid-template-columns: 380px 1fr !important; /* 좌측 380px 고정, 우측 슬라이더 가변 */
  gap: 30px !important;
  margin-top: 40px !important;
  max-width: 1400px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* 좌측 대형 1위 블루카드 */
.top10-blue-card {
  background: #1654ce !important; /* 시안 맞춤 진한 파랑 */
  border-radius: 24px !important;
  padding: 35px 30px !important;
  color: #ffffff !important;
  position: relative !important;
  overflow: hidden !important;
  height: 560px !important; /* 우측 슬라이더 카드 높이와 동일 */
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow: 0 12px 35px rgba(22, 84, 206, 0.18) !important;
  box-sizing: border-box !important;
}
.top10-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}
.top10-card-header .header-left-badges {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.rank-badge {
  background: #3b82f6 !important; /* 파란색 원형 느낌 배지 */
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}
.best-badge {
  background: #facc15 !important; /* 노란색 BEST 배지 */
  color: #000000 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 30px !important;
  letter-spacing: -0.2px !important;
}
.top10-card-header .tag-logo {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
}

/* 블루카드 이미지 박스 */
.top10-blue-card .top10-car-img-wrap {
  background: rgba(255, 255, 255, 0.08) !important; /* 이미지 뒤 연한 파란색 둥근 배경 */
  border-radius: 16px !important;
  height: 220px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 15px !important;
  margin: 20px 0 !important;
  box-sizing: border-box !important;
}
.top10-blue-card .top10-car-img-wrap img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 15px 20px rgba(0,0,0,0.15)) !important;
}

.top10-blue-card .top10-card-body {
  margin-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.top10-blue-card .top10-car-title {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}
.top10-blue-card .top10-car-spec {
  font-size: 13.5px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  margin: 0 0 16px 0 !important;
}

/* 블루카드 요금정보 박스 */
.top10-blue-card .top10-price-box {
  background: rgba(0, 0, 0, 0.15) !important; /* 더 어두운 둥근 배경 박스 */
  border-radius: 12px !important;
  padding: 16px 20px !important;
}
.top10-blue-card .price-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  margin-bottom: 4px !important;
}
.top10-blue-card .price-row .lbl {
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.top10-blue-card .price-row .val {
  font-size: 28px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
}
.top10-blue-card .price-row .val span {
  font-size: 14px !important;
  font-weight: 500 !important;
}
.top10-blue-card .price-row-total {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  font-weight: 500 !important;
}

/* 우측 슬라이더 카드 영역 */
.top10-center-list {
  overflow: hidden !important; /* 1400px 외부 노출 차단 */
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 560px !important;
}
.top10-small-cards-slider {
  margin: 0 -12px !important; /* 카드 좌우 간격 마진 */
}
.top10-slider-item {
  padding: 0 12px !important; /* 카드 간격 패딩 */
  box-sizing: border-box !important;
}

/* 슬라이더 내 개별 카드 */
.top10-small-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  padding: 24px !important;
  height: 500px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;
}
.top10-small-card:hover {
  border-color: #1654ce !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 30px rgba(22, 84, 206, 0.08) !important;
}

.top10-small-card .small-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}
.top10-small-card .rank-circle {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.top10-small-card .tag-logo {
  color: #94a3b8 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* 카드 이미지 박스 */
.top10-small-card .small-card-img {
  background: #f8fafc !important; /* 이미지 뒤 연한 회색 둥근 배경 */
  border-radius: 16px !important;
  height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 15px !important;
  margin: 15px 0 !important;
  box-sizing: border-box !important;
}
.top10-small-card .small-card-img img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.3s ease !important;
}
.top10-small-card:hover .small-card-img img {
  transform: scale(1.05) !important;
}

.top10-small-card .small-card-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.top10-small-card .small-card-title {
  font-size: 19px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.top10-small-card .small-card-spec {
  font-size: 13px !important;
  color: #64748b !important;
  margin: 0 0 14px 0 !important;
}

/* 슬라이더 카드 가격 정보 박스 */
.top10-small-card .small-card-price-box {
  background: #f0f7ff !important; /* 연한 파란색 가격 박스 */
  border-radius: 12px !important;
  padding: 12px 16px !important;
}
.top10-small-card .sc-price-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  margin-bottom: 2px !important;
}
.top10-small-card .sc-price-row .lbl {
  font-size: 13px !important;
  color: #475569 !important;
}
.top10-small-card .sc-price-row .val {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #1654ce !important; /* 파란색 핵심요금 */
}
.top10-small-card .sc-price-row .val span {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #475569 !important;
}
.top10-small-card .sc-price-total {
  font-size: 11px !important;
  color: #64748b !important;
  font-weight: 500 !important;
  display: block !important;
}

/* 컨트롤러 & 진행바 스타일 */
.top10-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  margin-top: 15px !important;
  height: 45px !important;
}
.top10-nav-btn {
  background: #f1f5f9 !important;
  border: none !important;
  color: #475569 !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  outline: none !important;
}
.top10-nav-btn:hover {
  background: #cbd5e1 !important;
  color: #0f172a !important;
}
.top10-nav-btn i {
  font-size: 18px !important;
}

.top10-indicator-bar {
  background: #e2e8f0 !important;
  height: 4px !important;
  width: 90px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  position: relative !important;
}
.top10-indicator-bar-inner {
  background: #1654ce !important; /* 게이지 파란색 */
  height: 100% !important;
  width: 0%;
  transition: width 0.3s ease !important;
}

/* 반응형 분기 대응 */
@media (max-width: 1024px) {
  .top10-layout-grid {
    grid-template-columns: 1fr !important;
    max-width: 700px !important;
  }
  .top10-blue-card {
    height: 480px !important;
  }
  .top10-blue-card .top10-car-img-wrap {
    height: 180px !important;
  }
  .top10-center-list {
    height: 520px !important;
  }
  .top10-small-card {
    height: 460px !important;
  }
}

:root {
  --ks-gray-bg: #f2f3f6;
}

/* Hidden sections as requested */
.quick-icons-section,
.top10-deals-section {
  display: none !important;
}

/* 6. 신차 견적비교 최저가 (compare_lowest_section_v2) */
.compare-lowest-section-v2 {
  padding: 80px 0 !important;
  background: var(--ks-gray-bg, #f2f3f6) !important;
}
.compare-grid-v2 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  margin-top: 30px !important;
}
.compare-card-v2 {
  display: block !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;
}
.compare-card-v2:hover {
  border-color: #0052e0 !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 25px rgba(0, 82, 224, 0.08) !important;
}
.card-img-wrap-v2 {
  height: 220px !important;
  background: #eef2ff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}
.card-img-wrap-v2 img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 10px 12px rgba(0,0,0,0.12)) !important;
}
.card-body-wrap-v2 {
  padding: 24px !important;
  box-sizing: border-box !important;
  text-align: left !important;
}
.badge-blue {
  display: inline-block !important;
  background: #0052e0 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  margin-bottom: 12px !important;
}
.car-model-title-v2 {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  line-height: 1.4 !important;
  margin: 0 0 12px 0 !important;
  height: 44px !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.badge-row-v2 {
  display: flex !important;
  gap: 6px !important;
  margin-bottom: 20px !important;
}
.badge-gray {
  background: #e2e8f0 !important;
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
}
.price-box-v3 {
  border-top: 1px solid #f1f5f9 !important;
  padding-top: 16px !important;
  margin-bottom: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.price-row-item-v3 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
}
.lbl-pink {
  font-size: 13.5px !important;
  color: #ec4899 !important;
  font-weight: 800 !important;
}
.val-pink {
  font-size: 20px !important;
  font-weight: 900 !important;
  color: #db2777 !important;
}
.val-pink span {
  font-size: 13px !important;
  font-weight: 500 !important;
}
.lbl-gray {
  font-size: 13.5px !important;
  color: #64748b !important;
  font-weight: 500 !important;
}
.val-gray {
  font-size: 16.5px !important;
  font-weight: 800 !important;
  color: #334155 !important;
}
.val-gray span {
  font-size: 13px !important;
  font-weight: 500 !important;
}
.card-footer-v3 {
  border-top: 1px dashed #e2e8f0 !important;
  padding-top: 14px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.rating-stars-v3 {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.stars-yellow {
  color: #f59e0b !important;
  font-size: 12px !important;
}
.score-lbl {
  font-size: 12px !important;
  color: #64748b !important;
  font-weight: 600 !important;
}
.promo-lbl-v3 {
  font-size: 12px !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
}

/* 7. 고객 출고 후기 (customer-reviews-section-v2) */
.customer-reviews-section-v2 {
  padding: 80px 0 !important;
  background: #f8fafc !important;
}
.reviews-header-v2 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  margin-bottom: 40px !important;
}
.reviews-stats-right {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 12px 24px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}
.stats-stars-box {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.stats-stars-box .star-icon {
  color: #f59e0b !important;
  font-size: 15px !important;
}
.stats-stars-box .star-score {
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
}
.stats-divider-v2 {
  width: 1px !important;
  height: 24px !important;
  background: #cbd5e1 !important;
}
.stats-recommend-box {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
}
.recommend-lbl {
  font-size: 13px !important;
  color: #64748b !important;
  font-weight: 700 !important;
}
.recommend-val {
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
}

/* 슬라이더 전용 구조 CSS */
.reviews-slider-outer {
  position: relative !important;
  max-width: 1400px !important;
  width: 100% !important;
  margin: 0 auto !important;
}
.reviews-slick-slider {
  margin: 0 -12px !important;
}
.review-slider-item {
  padding: 0 12px !important;
  box-sizing: border-box !important;
}
.review-card-v2 {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  height: 360px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.01) !important;
  transition: all 0.3s !important;
}
.review-card-v2:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.04) !important;
}
.review-card-v2 .card-img-wrap-v2 {
  height: 220px !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 16px 16px 0 0 !important;
}
.review-card-v2 .card-img-wrap-v2 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.review-card-v2 .img-top-overlay {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: 12px !important;
  width: auto !important;
  background: none !important;
  padding: 0 !important;
  pointer-events: none !important;
}
.review-card-v2 .img-top-overlay span {
  display: inline-block !important;
  background: linear-gradient(135deg, #ff385c 0%, #f97316 100%) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 5px 12px !important;
  border-radius: 8px !important;
  letter-spacing: -0.3px !important;
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.35) !important;
}
.review-card-v2 .card-body-v2 {
  padding: 16px 18px !important;
  flex-grow: 1 !important;
}
.review-card-v2 .review-card-desc-v2 {
  font-size: 13.5px !important;
  color: #334155 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  height: 44px !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  text-align: left !important;
}
.review-card-v2 .card-footer-v2 {
  padding: 12px 18px 18px 18px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-top: 1px solid #f1f5f9 !important;
}
.review-card-v2 .card-footer-v2 .user-info {
  font-size: 12px !important;
  color: #64748b !important;
  font-weight: 600 !important;
}
.review-card-v2 .card-footer-v2 .views-info {
  font-size: 12px !important;
  color: #94a3b8 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* 슬라이더 좌우 꺽쇠 버튼 디자인 */
.reviews-nav-btn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  color: #1e293b !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.12) !important;
  z-index: 20 !important;
  outline: none !important;
  padding: 0 !important;
}
.reviews-nav-btn svg {
  width: 22px !important;
  height: 22px !important;
  stroke: #1e293b !important;
  stroke-width: 2.5 !important;
  display: block !important;
  transition: stroke 0.2s ease !important;
}
.reviews-nav-btn:hover {
  background: #0052e0 !important;
  border-color: #0052e0 !important;
  box-shadow: 0 6px 16px rgba(0, 82, 224, 0.3) !important;
}
.reviews-nav-btn:hover svg {
  stroke: #ffffff !important;
}
.reviews-nav-btn.prev {
  left: -24px !important;
}
.reviews-nav-btn.next {
  right: -24px !important;
}
@media (max-width: 1460px) {
  .reviews-nav-btn.prev { left: 8px !important; }
  .reviews-nav-btn.next { right: 8px !important; }
}

/* 8. FAQ 궁금한 점 모아보기 (main-faq-section-v2) */
.main-faq-section-v2 {
  padding: 60px 0;
  background: #ffffff;
  border-top: 1.5px solid #f1f5f9;
}
.faq-layout-v2 {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 50px;
}
.faq-left-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn-faq-service-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin-top: 25px;
  padding: 12px 30px;
  background: #1e293b;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 800;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s;
}
.btn-faq-service-link:hover {
  background: #0f172a;
}

.faq-right-accordion {
  display: flex;
  flex-direction: column;
}
.accordion-list-v2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.faq-item-v2 {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
}
.faq-item-v2.active {
  border-color: var(--primary-color);
}
.faq-question-v2 {
  width: 100%;
  padding: 16px 20px;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  text-align: left;
  cursor: pointer;
  outline: none;
}
.faq-q-icon-v2 {
  width: 22px;
  height: 22px;
  background: #fee2e2;
  color: #ef4444; /* 빨간 원형 물음표 */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 900;
  margin-right: 12px;
  flex-shrink: 0;
}
.faq-q-text-v2 {
  flex-grow: 1;
  font-size: 15px;
  font-weight: 800;
  color: #1e293b;
}
.faq-arrow-v2 {
  font-size: 14px;
  color: #94a3b8;
  transition: transform 0.2s;
}
.faq-item-v2.active .faq-arrow-v2 {
  transform: rotate(180deg);
  color: var(--primary-color);
}
.faq-answer-v2 {
  background: #fafbfc;
  border-top: 1px solid #f1f5f9;
}
.faq-answer-inner-v2 {
  padding: 16px 20px 16px 54px;
  font-size: 13.5px;
  color: #475569;
  line-height: 1.6;
}

/* 9. 푸터 (pm-footer) */
.pm-footer {
  padding: 40px 0 !important;
  background: #eaecef !important;
  border-top: 1px solid #d1d5db;
}
.ft-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ==========================================================================
   태블릿 & 모바일 반응형 대응 (Responsive Breakpoints)
   ========================================================================== */

@media (max-width: 1200px) {
  .pm-gnb-list { gap: 20px; }
  .pm-gnb-link { font-size: 14px; }
  .top10-layout-grid {
    grid-template-columns: 1.2fr 1fr;
  }
  .top10-right-form {
    grid-column: span 2;
    height: auto;
  }
  .compare-grid-v2,
  .reviews-grid-v2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .pm-header { height: 60px; }
  .pm-logo img { height: 30px; }
  .pm-gnb { display: none; }
  .pm-m-hamburger { display: flex; }
  .pm-btn-quick-consult { padding: 6px 14px; font-size: 12px; }
  
  .hero-slide-card-inner { flex-direction: column; height: auto; }
  .slide-text-side { padding: 30px 20px; }
  .slide-card-title { font-size: 26px; }
  .slide-card-price-wrap .price-num { font-size: 22px; }
  .slide-image-side { height: 180px; padding: 20px; }

  /* 메인 슬라이드 dot 하단으로 내리기 및 가로 100% 1개 노출 강제 */
  .hero-image-swiper .swiper-slide {
    width: 88% !important;
  }
  .hero-slide-card {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
  .main-slide-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .hero-swiper-pagination {
    position: relative !important;
    bottom: 0 !important;
    margin-top: 15px !important;
  }

  /* 퀵아이콘: 한줄 4개씩 2줄 격자형 정렬 (횡스크롤 제거 및 간격 최소화) */
  .quick-icons-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 4px 2px !important; /* 상하 4px, 좌우 2px로 아이콘 간격 최소화 */
    padding: 8px 4px !important;
    overflow-x: visible !important;
    flex-wrap: wrap !important;
  }
  .quick-icon-item {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .icon-card-box {
    padding: 2px 0 !important; /* 위아래 패딩 최소화 */
  }
  .icon-graphic {
    width: 60px !important;
    height: 60px !important;
    margin-bottom: 3px !important; /* 아이콘 밑의 텍스트와의 패딩 최소화 */
  }
  .icon-graphic .lucide-icon {
    width: 28px !important;
    height: 28px !important;
  }
  .icon-label-txt {
    font-size: 11px !important;
    margin-top: 4px !important;
  }
  .flag-mini-badge, .globe-mini-badge, .vs-text-badge, .zero-text-badge, .bell-mini-badge {
    font-size: 8px !important;
    padding: 1px 3px !important;
  }
  .month-limit-tag {
    font-size: 8px !important;
    padding: 1px 3px !important;
  }
  .special-timer-box .timer-unit {
    font-size: 10px !important;
    width: 60px !important;
  }

  .top10-layout-grid { grid-template-columns: 1fr; }
  .top10-right-form { grid-column: span 1; }
  
  /* 신차 견적비교 최저가: 모바일 한줄에 2개씩 */
  .compare-grid-v2 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .card-img-wrap-v2 {
    height: 120px !important;
    padding: 10px !important;
  }
  .card-body-wrap-v2 {
    padding: 12px !important;
  }
  .car-model-title-v2 {
    font-size: 13px !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
  }
  .badge-blue {
    font-size: 9.5px !important;
    padding: 2px 5px !important;
  }
  .badge-row-v2 {
    gap: 4px !important;
    margin-bottom: 6px !important;
  }
  .badge-gray {
    font-size: 9px !important;
    padding: 2px 4px !important;
  }
  .price-box-v3 {
    padding: 6px !important;
    gap: 2px !important;
    margin-bottom: 6px !important;
  }
  .price-row-item-v3 .lbl-pink, .price-row-item-v3 .lbl-gray {
    font-size: 9px !important;
  }
  .price-row-item-v3 .val-pink {
    font-size: 13px !important;
  }
  .price-row-item-v3 .val-gray {
    font-size: 10px !important;
  }
  .card-footer-v3 {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
  }
  .card-footer-v3 .stars-yellow {
    font-size: 9px !important;
  }
  .card-footer-v3 .score-lbl {
    font-size: 9px !important;
  }
  .promo-lbl-v3 {
    font-size: 9px !important;
    padding: 1px 5px !important;
  }

  /* 고객 출고 후기: 타이틀 모바일 한줄 처리 및 레이아웃 수정 */
  .reviews-grid-v2 {
    grid-template-columns: 1fr;
  }
  .reviews-header-v2 {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
  }
  .reviews-title-left h3.sect-title {
    font-size: 24px !important;
    white-space: nowrap !important;
  }

  .faq-layout-v2 { grid-template-columns: 1fr; }
  
  .ft-meta-row { flex-direction: column; align-items: flex-start; gap: 15px; }
  
  /* 하단 링크들 모바일 한줄 노출 */
  .ft-links {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 15px !important;
  }
  
  .ft-company-desc span, .ft-contact-desc span { display: block; }
  .ft-company-desc span::after, .ft-contact-desc span::after { display: none; }
}

/* ==========================================================================
   2차 개편: 우측 플로팅 견적 신청 레이어 & GNB 디자인 및 하단 고정바 소거
   ========================================================================== */

/* 1. GNB 1차 메뉴 스타일 복원 및 크기 최적화 */
.pm-gnb-link {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  transition: color 0.2s;
  padding: 8px 15px !important;
}
.pm-gnb-link:hover {
  color: var(--primary-color, #1d72c4) !important;
}

/* 빠른상담 붉은색/오렌지색 알약 버튼 */
.pm-btn-quick-consult {
  background: var(--sub-color, #e96e36) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 10px 22px !important;
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: 0 4px 12px rgba(233, 110, 54, 0.2) !important;
  transition: all 0.2s;
}
.pm-btn-quick-consult:hover {
  background: #d65c27 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(233, 110, 54, 0.3) !important;
}
.pm-btn-quick-consult i {
  font-size: 14px;
}

/* 2. 인기 차종 TOP 10 - 2단 레이아웃 (우측 폼 소거) */
.top10-layout-grid {
  display: grid;
  grid-template-columns: 3.5fr 6.5fr !important; /* 좌측 35% : 우측 65% */
  gap: 30px;
  align-items: stretch;
}
.top10-blue-card {
  width: 100% !important;
  height: 100% !important;
  min-height: 380px;
}
.top10-center-list {
  width: 100% !important;
}
.top10-small-cards-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px;
}
.top10-small-card {
  margin-bottom: 0 !important;
  height: 100% !important;
}

@media (max-width: 991px) {
  .top10-layout-grid {
    grid-template-columns: 1fr !important;
  }
  .top10-small-cards-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 480px) {
  .top10-small-cards-wrap {
    grid-template-columns: 1fr !important;
  }
}

/* 3. 우측 고정 플로팅 견적 신청 레이어 (PC/모바일 통합 포켓 슬라이딩 레이어) */
.floating-estimate-sidebar {
  position: fixed !important;
  right: 0 !important;
  top: 150px !important;
  width: 280px !important;
  z-index: 1000 !important;
  transform: translateX(100%) !important; /* 기본적으로 화면 바깥에 숨김 */
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.floating-estimate-sidebar.open {
  transform: translateX(0) !important; /* 오픈 시 슬라이딩 돌출 */
}

/* 포켓 토글 손잡이 버튼 (상시 노출) */
.floating-estimate-sidebar .btn-float-toggle {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  left: -46px !important; /* 본체 왼쪽에 부착 */
  top: 80px !important;
  width: 46px !important;
  height: 80px !important;
  background: #1d72c4 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px 0 0 12px !important;
  cursor: pointer !important;
  box-shadow: -5px 5px 15px rgba(0,0,0,0.15) !important;
  outline: none !important;
  z-index: 99 !important;
}
.floating-estimate-sidebar .btn-float-toggle i {
  font-size: 20px !important;
  margin-bottom: 4px !important;
}
.floating-estimate-sidebar .btn-float-toggle span {
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.sidebar-inner,
.floating-estimate-sidebar,
#floating-estimate-sidebar,
.floating-estimate-sidebar .sidebar-inner {
  display: none !important;
}

/* 닫기 버튼 상시 활성화 */
.floating-estimate-sidebar .sidebar-header-blue .btn-sidebar-close-m {
  display: block !important;
}

/* 모바일 화면 최적화 (높이 및 모서리) */
@media (max-width: 768px) {
  .floating-estimate-sidebar {
    top: 15% !important;
    width: 290px !important;
  }
  .floating-estimate-sidebar .btn-float-toggle {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

/* 폼 & 디자인 요소 정의 (플로팅메뉴형식.jpg기반) */
.sidebar-header-blue {
  background: #1d72c4 !important;
  color: #ffffff !important;
  padding: 24px 20px !important;
  text-align: center !important;
  position: relative !important;
}
.sidebar-header-blue h4 {
  margin: 0 0 8px 0 !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -1px !important;
  line-height: 1.2 !important;
}
.sidebar-header-blue p {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.9) !important;
  line-height: 1.5 !important;
}
.sidebar-header-blue .btn-sidebar-close-m {
  position: absolute !important;
  right: 15px !important;
  top: 15px !important;
  background: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
  font-size: 20px !important;
  cursor: pointer !important;
}

.floating-estimate-sidebar form {
  padding: 20px 20px 15px 20px !important;
  background: #ffffff !important;
}
.form-group-float {
  margin-bottom: 14px !important;
}
.form-group-float label {
  display: block !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  margin-bottom: 6px !important;
  text-align: left !important;
}
.form-group-float input {
  width: 100% !important;
  height: 42px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  color: #1e293b !important;
  outline: none !important;
  transition: border-color 0.2s !important;
  box-sizing: border-box !important;
}
.form-group-float input::placeholder {
  color: #94a3b8 !important;
}
.form-group-float input:focus {
  border-color: #1d72c4 !important;
}

.agree-group-float {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 8px !important;
}
.chk-label-float {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #475569 !important;
}
.chk-label-float input[type="checkbox"] {
  width: 15px !important;
  height: 15px !important;
  accent-color: #1d72c4 !important;
  margin: 0 !important;
}
.btn-view-modal {
  font-size: 12px !important;
  color: #1d72c4 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.btn-view-modal:hover {
  text-decoration: underline !important;
}

.btn-submit-float-blue {
  width: 100% !important;
  height: 48px !important;
  background: #1d72c4 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border: 0 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  margin-top: 12px !important;
  transition: background-color 0.2s !important;
}
.btn-submit-float-blue:hover {
  background: #155799 !important;
}

/* 하단 퀵 링크 버튼 스타일 */
.sidebar-quick-buttons {
  padding: 0 20px 24px 20px !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.sidebar-quick-buttons a,
.sidebar-quick-buttons button {
  width: 100% !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
}

/* 빠른전화상담 */
.btn-quick-call {
  background: #ffffff !important;
  border: 1.5px solid #1d72c4 !important;
  color: #1d72c4 !important;
}
.btn-quick-call:hover {
  background: #f0f7ff !important;
}

/* 실시간 카톡상담 */
.btn-quick-kakao {
  background: #fee500 !important;
  border: none !important;
  color: #1e1e1e !important;
  gap: 8px !important;
}
.btn-quick-kakao:hover {
  background: #fdd835 !important;
}
.kakao-icon-bubble {
  background: #3c1e1e !important;
  color: #fee500 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  padding: 2px 5px !important;
  border-radius: 10px !important;
  line-height: 1 !important;
}

/* 원하시는 차량이 없나요? */
.btn-quick-no-car {
  background: #2d2d2d !important;
  border: none !important;
  color: #ffffff !important;
}
.btn-quick-no-car:hover {
  background: #1a1a1a !important;
}

/* TOP 버튼 */
.btn-quick-top {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #1e293b !important;
  font-family: inherit !important;
}
.btn-quick-top:hover {
  background: #f8fafc !important;
}

/* 모달 오버레이 & 팝업 스타일 */
.float-modal-overlay {
  display: none;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.5) !important;
  z-index: 9999 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}
.float-modal-box {
  background: #ffffff !important;
  width: 100% !important;
  max-width: 450px !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
.float-modal-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
.float-modal-header h5 {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}
.float-modal-header button {
  background: transparent !important;
  border: 0 !important;
  font-size: 20px !important;
  color: #64748b !important;
  cursor: pointer !important;
  padding: 0 !important;
}
.float-modal-body {
  padding: 20px !important;
  max-height: 300px !important;
  overflow-y: auto !important;
  font-size: 12.5px !important;
  color: #334155 !important;
  line-height: 1.6 !important;
  text-align: left !important;
}
.float-modal-body p {
  margin: 0 0 12px 0 !important;
}
.float-modal-body p:last-child {
  margin: 0 !important;
}

/* 4. 하단 고정바 완전 소거 */
#fixed_bottom_bar {
  display: none !important;
}
.pm-footer {
  padding-bottom: 40px !important;
}
#footer {
  padding-bottom: 40px !important;
}
#footer::after {
  display: none !important;
}


/* ==========================================================================
   제휴사 로고 (Trusted Partners) scrolling banner 스타일
   ========================================================================== */
.main-partners-section {
  padding: 40px 0 !important;
  background: #f8fafc !important;
  border-top: 1px solid #f1f5f9 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  text-align: center !important;
}
.partners-title-wrap {
  margin-bottom: 25px !important;
}
.partners-sub {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #1d72c4 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 8px !important;
}
.partners-title {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 6px !important;
}
.partners-desc {
  font-size: 13px !important;
  color: #64748b !important;
}
.partners-marquee-container {
  overflow: hidden !important;
  width: 100% !important;
  position: relative !important;
  padding: 10px 0 !important;
}
.partners-marquee-container::before,
.partners-marquee-container::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  width: 100px !important;
  height: 100% !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
.partners-marquee-container::before {
  left: 0 !important;
  background: linear-gradient(to right, #f8fafc 0%, transparent 100%) !important;
}
.partners-marquee-container::after {
  right: 0 !important;
  background: linear-gradient(to left, #f8fafc 0%, transparent 100%) !important;
}
.partners-marquee-track {
  display: flex !important;
  width: max-content !important;
  animation: marquee-scroll 30s linear infinite !important;
}
.partners-marquee-group {
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  gap: 30px !important;
  padding-right: 30px !important;
}
.partner-logo-item {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 12px 25px !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 130px !important;
  height: 45px !important;
}
.partner-logo-item span {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #94a3b8 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

@keyframes marquee-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (max-width: 768px) {
  .partners-title { font-size: 18px !important; }
  .partners-desc { font-size: 12px !important; }
  .partner-logo-item { min-width: 110px !important; padding: 10px 18px !important; height: 38px !important; }
  .partner-logo-item span { font-size: 10px !important; }
}

/* ==========================================================================
   헤더 (GNB \u0026 빠른상담) CSS 충돌 방지 정밀 오버라이드
   ========================================================================== */
.pm-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 80px !important;
  background: transparent !important; /* bg 제거 */
  border-bottom: none !important; /* border 제거 */
  z-index: 1000 !important;
  box-shadow: none !important; /* shadow 제거 */
  transition: all 0.3s ease !important;
}
.pm-header.scrolled {
  height: 68px !important;
  background: transparent !important; /* bg 제거 */
  border-bottom: none !important;
  box-shadow: none !important;
}
.pm-header-inner {
  max-width: 1400px !important;
  height: 100% !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.pm-logo {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.pm-logo a {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  background: none !important;
}
.pm-logo img.logo_img_main {
  height: 32px !important;
  width: auto !important;
  object-fit: contain !important;
  transition: height 0.3s !important;
}
.pm-header.scrolled .pm-logo img.logo_img_main {
  height: 26px !important;
}

.pm-gnb {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}
.pm-gnb-list {
  display: flex !important;
  height: 100% !important;
  align-items: center !important;
  gap: 20px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pm-gnb-item {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}
.pm-gnb-link {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #334155 !important;
  text-decoration: none !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 3px solid transparent !important;
  transition: all 0.2s !important;
  box-sizing: border-box !important;
}
.pm-gnb-item:hover .pm-gnb-link,
.pm-gnb-item.active .pm-gnb-link {
  color: #1d72c4 !important;
  border-bottom: 3px solid #1d72c4 !important;
}

.pm-header-right {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
}
.pm-btn-quick-consult {
  background: #e96e36 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: 0 4px 10px rgba(233, 110, 54, 0.2) !important;
  transition: all 0.2s !important;
  text-decoration: none !important;
}
.pm-btn-quick-consult:hover {
  background: #d65c27 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 14px rgba(233, 110, 54, 0.3) !important;
}
.pm-btn-quick-consult i {
  font-size: 13px;
}

/* 모바일 햄버거 */
.pm-m-hamburger {
  display: none !important;
}
@media (max-width: 1024px) {
  .pm-gnb {
    display: none !important;
  }
  .pm-m-hamburger {
    display: flex !important;
  }
}

/* ==========================================================================
   260626 12:00 추가 디자인 가이드 반영 및 CSS 충돌 클린업
   ========================================================================== */

/* 1. 전체 가로폭 1400px 와이드 레이아웃 강제 통일 */
.pm-header-inner,
.ft-inner,
.inner,
.w_inner,
.main-partners-section .inner,
.compare-lowest-section-v2 .inner,
.top10-deals-section .inner,
.customer-reviews-section .inner,
.faq-section-v2 .inner {
  max-width: 1400px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* GNB 중앙 정렬 밸런스 */
.pm-gnb-list {
  gap: 20px !important; /* 가로폭 확장에 따른 메뉴 간격 여유 확보 */
}

/* 2. PC / 모바일 통합 무료 견적 신청 포켓 슬라이딩 레이어 (1930라인 본문 통합으로 오버라이드 제거) */

/* 3. 9대 촘촘 원형 SVG 퀵아이콘 그리드 */
.quick-icons-grid {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  overflow-x: visible !important;
  padding: 10px 0 !important;
}
.quick-icon-item {
  flex: 1 !important;
  min-width: 85px !important;
}
.icon-circle {
  width: 65px !important;
  height: 65px !important;
  border-radius: 22px !important;
  box-shadow: 0 6px 16px rgba(15,23,42,0.06) !important;
}
.icon-circle svg {
  color: #ffffff;
  transition: transform 0.3s;
}
.quick-icon-item:hover .icon-circle svg {
  transform: scale(1.1) rotate(5deg);
}

/* 신규 카테고리 컬러 및 리스색 */
.icon-circle.bg-lease {
  background: linear-gradient(135deg, #7028e4 0%, #e206b3 100%) !important; /* 리스 특화 퍼플/핑크 그라디언트 */
}

@media (max-width: 1024px) {
  .quick-icons-grid {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    -webkit-overflow-scrolling: touch;
  }
  .quick-icon-item {
    flex: 0 0 90px !important;
    min-width: 90px !important;
  }
}

/* 4. 메인 풀배너 이미지 Swiper 슬라이더 */
.hero-slider-section {
  width: 100% !important;
  max-width: 1400px !important;
  margin: 50px auto 30px auto !important; /* 헤더 80px 공간 고려하여 여백 절반으로 축소 (100px -> 50px) */
  overflow: hidden !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}
.hero-image-swiper {
  width: 100% !important;
  height: 480px !important;
}
.main-slide-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Swiper custom pagination & navigation buttons */
.hero-swiper-pagination .swiper-pagination-bullet {
  background: #ffffff !important;
  opacity: 0.6 !important;
}
.hero-swiper-pagination .swiper-pagination-bullet-active {
  background: #1d72c4 !important;
  opacity: 1 !important;
  width: 20px !important;
  border-radius: 4px !important;
}
.hero-swiper-btn-prev, .hero-swiper-btn-next {
  color: #ffffff !important;
  opacity: 0.5;
  transition: opacity 0.2s;
}
.hero-swiper-btn-prev:hover, .hero-swiper-btn-next:hover {
  opacity: 1;
}

@media (max-width: 1024px) {
  .hero-slider-section {
    margin-top: 40px !important; /* 기존 80px -> 40px */
    border-radius: 0 !important;
  }
  .hero-image-swiper {
    height: 320px !important;
  }
}
@media (max-width: 768px) {
  .hero-slider-section {
    margin-top: 30px !important; /* 기존 60px -> 30px */
    padding-bottom: 25px !important;
  }
  .hero-image-swiper {
    height: auto !important;
    overflow: hidden !important;
  }
}

/* 5. 쏘렌토 인기 차종 TOP 10 디자인 가이드 반영 */
.top10-deals-section {
  padding: 60px 0 !important;
  background: #ffffff !important;
}
.top10-layout-grid {
  display: grid !important;
  grid-template-columns: 360px 1fr !important;
  gap: 30px !important;
  margin-top: 40px !important;
}
@media (max-width: 1024px) {
  .top10-layout-grid {
    grid-template-columns: 1fr !important;
  }
}
.top10-blue-card {
  background: #1d72c4 !important; /* primary color */
  border-radius: 20px !important;
  padding: 24px 20px 20px 20px !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow: 0 15px 35px rgba(29, 114, 196, 0.2) !important;
  position: relative !important;
  height: 440px !important; /* 우측 카드와 동일한 높이로 매칭 */
  min-height: 440px !important;
  box-sizing: border-box !important;
}
.top10-blue-card .top10-card-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}
.top10-blue-card .rank-badge {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}
.top10-blue-card .best-badge {
  background: #f59e0b !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 3px 10px !important;
  border-radius: 50% !important;
}
.top10-blue-card .tag-logo {
  margin-left: auto !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  opacity: 0.8 !important;
}

.top10-blue-card .top10-car-img-wrap {
  width: 100% !important;
  height: 140px !important; /* 균형 잡힌 높이 */
  background: rgba(255, 255, 255, 0.08) !important; /* 시안처럼 은은한 반투명 흰색 카드 형태 */
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
}
.top10-blue-card .top10-car-img-wrap img {
  max-width: 85% !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 10px 10px rgba(15,23,42,0.2)) !important;
}
.top10-blue-card .top10-car-title {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 4px 0 !important;
  letter-spacing: -0.5px !important;
}
.top10-blue-card .top10-car-spec {
  font-size: 13px !important;
  opacity: 0.8 !important;
  margin: 0 0 12px 0 !important;
}
.top10-blue-card .top10-price-box {
  background: rgba(15, 23, 42, 0.2) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
}
.top10-blue-card .top10-price-box .price-row {
  display: flex !important;
  align-items: baseline !important;
}
.top10-blue-card .top10-price-box .price-row .lbl {
  font-size: 14px !important;
  opacity: 0.9 !important;
  margin-right: 6px !important;
}
.top10-blue-card .top10-price-box .price-row .val {
  font-size: 30px !important;
  font-weight: 900 !important;
}
.top10-blue-card .top10-price-box .price-row .val span {
  font-size: 16px !important;
  font-weight: 500 !important;
}
.top10-blue-card .top10-price-box .price-row-total {
  font-size: 13px !important;
  opacity: 0.7 !important;
  margin-top: 4px !important;
}

/* 우측 2~10위 카드 슬라이더 */
.top10-center-list {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
.top10-small-cards-slider {
  margin: 0 -10px !important; /* slick 패딩 상쇄 */
}
/* 우측 짤림 방지: slick-list 영역을 4px씩 양옆으로 넓히고, 패딩으로 상쇄해 테두리/그림자 컷팅 차단 */
.top10-small-cards-slider .slick-list {
  padding: 10px 4px !important;
  margin: -10px -14px !important;
}
.top10-slider-item {
  padding: 10px !important;
  box-sizing: border-box !important;
}
.top10-small-card {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 16px !important;
  padding: 20px 16px !important;
  box-sizing: border-box !important;
  height: 440px !important; /* 1등 카드와 동일한 높이 */
  min-height: 440px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.3s !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(15,23,42,0.02) !important;
}
.top10-small-card:hover {
  border-color: #1d72c4 !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 25px rgba(29, 114, 196, 0.08) !important;
}
.top10-small-card .small-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
}
.top10-small-card .rank-circle {
  background: #f1f5f9 !important;
  color: #475569 !important;
  width: 28px !important; /* 시안 맞춤 확대 */
  height: 28px !important; /* 시안 맞춤 확대 */
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.top10-small-card:hover .rank-circle {
  background: #1d72c4 !important;
  color: #ffffff !important;
}
.top10-small-card .tag-logo {
  font-size: 11px !important;
  color: #94a3b8 !important;
  font-weight: 700 !important;
}

.top10-small-card .small-card-img {
  width: 100% !important;
  height: 130px !important; /* 촘촘한 디자인 맞춤 높이 */
  background: #f1f5f9 !important; /* 시안 매칭 회색 톤 */
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
}
.top10-small-card .small-card-img img {
  max-width: 85% !important;
  height: auto !important;
  object-fit: contain !important;
}

.top10-small-card .small-card-title {
  font-size: 17px !important; /* 촘촘한 볼드 텍스트 구현 */
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 4px 0 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.35 !important;
}
.top10-small-card .small-card-spec {
  font-size: 13px !important;
  color: #64748b !important;
  margin: 0 0 12px 0 !important;
}
.top10-small-card .small-card-price-box {
  background: #f8fafc !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
}
.top10-small-card .small-card-price-box .sc-price-row {
  display: flex !important;
  align-items: baseline !important;
}
.top10-small-card .small-card-price-box .sc-price-row .lbl {
  font-size: 12px !important;
  color: #64748b !important;
  margin-right: 4px !important;
  font-weight: 700 !important;
}
.top10-small-card .small-card-price-box .sc-price-row .val {
  font-size: 21px !important; /* 시안 맞춤 확대 */
  font-weight: 900 !important;
  color: #1d72c4 !important; /* 파란색 강조 */
}
.top10-small-card .small-card-price-box .sc-price-row .val span {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #64748b !important;
}
.top10-small-card .small-card-price-box .sc-price-total {
  font-size: 13px !important; /* 가격정보 균형 조절 */
  color: #64748b !important;
  display: block !important;
  margin-top: 4px !important;
  font-weight: 500 !important;
}50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.top10-small-card:hover .rank-circle {
  background: #1d72c4 !important;
  color: #ffffff !important;
}
.top10-small-card .tag-logo {
  font-size: 10px !important;
  color: #94a3b8 !important;
  font-weight: 700 !important;
}

.top10-small-card .small-card-img {
  width: 100% !important;
  height: 120px !important;
  background: #f8fafc !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
}
.top10-small-card .small-card-img img {
  max-width: 85% !important;
  height: auto !important;
  object-fit: contain !important;
}

.top10-small-card .small-card-title {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  margin: 0 0 4px 0 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.3 !important;
}
.top10-small-card .small-card-spec {
  font-size: 11px !important;
  color: #64748b !important;
  margin: 0 0 20px 0 !important;
}
.top10-small-card .small-card-price-box {
  background: #f8fafc !important;
  border-radius: 8px !important;
  padding: 12px 15px !important;
}
.top10-small-card .small-card-price-box .sc-price-row {
  display: flex !important;
  align-items: baseline !important;
}
.top10-small-card .small-card-price-box .sc-price-row .lbl {
  font-size: 11px !important;
  color: #64748b !important;
  margin-right: 4px !important;
}
.top10-small-card .small-card-price-box .sc-price-row .val {
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #1d72c4 !important; /* 파란색 강조 */
}
.top10-small-card .small-card-price-box .sc-price-row .val span {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #64748b !important;
}
.top10-small-card .small-card-price-box .sc-price-total {
  font-size: 10px !important;
  color: #94a3b8 !important;
  display: block !important;
  margin-top: 2px !important;
}

/* 슬라이더 컨트롤러 및 진행 막대 네비게이션 */
.top10-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  margin-top: 30px !important;
}
.top10-nav-btn {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #475569 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
  outline: none !important;
}
.top10-nav-btn:hover {
  background: #1d72c4 !important;
  border-color: #1d72c4 !important;
  color: #ffffff !important;
}
.top10-indicator-bar {
  width: 150px !important;
  height: 4px !important;
  background: #e2e8f0 !important;
  border-radius: 2px !important;
  overflow: hidden !important;
}
.top10-indicator-bar-inner {
  height: 100% !important;
  background: #1d72c4 !important; /* 게이지 파란색 */
  width: 30%; /* 기본값 (JS에서 가변 처리) */
  transition: width 0.3s ease !important;
}

/* 6. 푸터 여백 및 오동작 최종 보정 (하단 BG 컬러 가이드 적용: 진한파랑 1654ce / 연한파랑 3068d7) */
#footer, .pm-footer {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  background: #1654ce !important; /* 기본 진한파랑 적용 */
  border-top: none !important;
  color: #ffffff !important;
}
#footer::after {
  display: none !important;
}

/* 푸터 내부 링크바 영역을 연한 파랑 3068d7 로 강조 박스 처리 */
.ft-meta-row {
  background: #3068d7 !important; /* 연하게 파란색이 필요할 때 적용 */
  padding: 16px 24px !important;
  border-radius: 12px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 30px !important;
}
.ft-logo img {
  filter: brightness(0) invert(1) !important; /* 어두운 배경 대비 화이트 로고로 변경 */
  opacity: 0.95 !important;
}
.ft-links {
  display: flex !important;
  gap: 24px !important;
}
.ft-links a {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: opacity 0.2s !important;
}
.ft-links a:hover {
  opacity: 0.8 !important;
}
.ft-links a.privacy strong {
  color: #ffffff !important;
  border-bottom: 1.5px solid #ffffff !important; /* 개인정보처리방침 언더라인 강조 */
}

/* 푸터 정보 텍스트 대비 향상 */
.ft-company-desc,
.ft-contact-desc {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 13.5px !important;
  line-height: 1.8 !important;
  margin-bottom: 12px !important;
}
.ft-company-desc span,
.ft-contact-desc span {
  position: relative !important;
  margin-right: 12px !important;
  padding-right: 12px !important;
}
.ft-company-desc span::after,
.ft-contact-desc span::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 1px !important;
  height: 10px !important;
  background: rgba(255, 255, 255, 0.3) !important;
}
.ft-company-desc span:last-child::after,
.ft-contact-desc span:last-child::after {
  display: none !important;
}

.ft-copyright {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 12px !important;
  margin-top: 20px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-top: 15px !important;
}

/* ==========================================================================
   260626 12:15 상단헤더 및 상단슬라이드 시안 추가 디자인 보정
   ========================================================================== */

/* 빠른상담 뱃지 - 시안과 매칭되는 강렬한 붉은색 알약형 */
.pm-btn-quick-consult {
  background: #e10013 !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 0 !important;
  box-shadow: 0 4px 15px rgba(225, 0, 19, 0.25) !important;
  transition: all 0.3s ease !important;
}
.pm-btn-quick-consult:hover {
  background: #c70010 !important;
  box-shadow: 0 6px 20px rgba(225, 0, 19, 0.35) !important;
  transform: translateY(-2px) !important;
}
.pm-btn-quick-consult i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border: 1.5px solid #ffffff !important;
  border-radius: 50% !important;
  font-size: 11px !important;
  color: #ffffff !important;
  background: transparent !important;
}

/* 헤더 GNB 간격 및 굵기 보정 */
.pm-gnb-link {
  font-size: 19px !important;
  font-weight: bold !important;
  letter-spacing: -0.5px !important;
  color: #0f172a !important;
  border-bottom: none !important;
}

/* 3단 Center Mode Swiper 슬라이더 */
.hero-slider-section {
  overflow: hidden !important;
  width: 100% !important;
  padding-top: 0px !important; /* 상단 공백 제거 */
  padding-bottom: 40px !important;
  background: #f8fafc !important;
}
.hero-image-swiper {
  overflow: visible !important; /* 양옆 슬라이드가 삐져나오게 보이도록 */
}
.hero-image-swiper .swiper-slide {
  width: 900px !important; /* PC 슬라이드 고정 폭 */
  transition: all 0.4s ease !important;
}
@media (max-width: 1024px) {
  .hero-image-swiper .swiper-slide {
    width: 80% !important;
  }
}
@media (max-width: 768px) {
  .hero-image-swiper .swiper-slide {
    width: 88% !important;
  }
  .pm-m-gnb-scroll {
    display: none !important;
  }
  .board-hero h1 {
    font-size: 20px !important;
  }
}

.hero-slide-card {
  border-radius: 24px !important;
  overflow: hidden !important;
  position: relative !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
  background: #000000 !important;
  aspect-ratio: 16 / 9 !important;
  /* 고정 높이 제공 */
  height: 500px !important;
  width: 100% !important;
  cursor: pointer !important;
}
@media (max-width: 1024px) {
  .hero-slide-card {
    height: 380px !important;
  }
}
@media (max-width: 768px) {
  .hero-slide-card {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 16px !important;
  }
}

.hero-slide-card .main-slide-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: all 0.4s ease !important;
}

/* 비활성 슬라이드 어둡게 및 scale 축소 적용 */
.swiper-slide:not(.swiper-slide-active) .hero-slide-card {
  filter: brightness(0.4) !important;
  transform: scale(0.95) !important;
  pointer-events: none !important; /* 클릭 방지 */
}
.swiper-slide-active .hero-slide-card {
  filter: brightness(1) !important;
  transform: scale(1) !important;
}

/* 슬라이드 하단 반투명 검은색 띠 배너 */
.slide-bottom-bar {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 60px !important;
  background: rgba(15, 23, 42, 0.75) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 28px !important;
  box-sizing: border-box !important;
  z-index: 10 !important;
  backdrop-filter: blur(4px) !important;
}
@media (max-width: 768px) {
  .slide-bottom-bar {
    height: 44px !important;
    padding: 0 16px !important;
  }
}

.slide-bottom-bar .bar-txt {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
}
@media (max-width: 768px) {
  .slide-bottom-bar .bar-txt {
    font-size: 13px !important;
  }
}

.slide-bottom-bar .bar-arrow {
  color: #ffffff !important;
  font-size: 22px !important;
  display: flex !important;
  align-items: center !important;
}
@media (max-width: 768px) {
  .slide-bottom-bar .bar-arrow {
    font-size: 16px !important;
  }
}

/* Swiper Pagination & Navigation 커스텀 */
.hero-swiper-pagination {
  bottom: 75px !important; /* 띠배너 위로 올림 */
}
.hero-swiper-btn-prev, .hero-swiper-btn-next {
  color: #ffffff !important;
  background: rgba(15, 23, 42, 0.5) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
}
.hero-swiper-btn-prev::after, .hero-swiper-btn-next::after {
  font-size: 20px !important;
}

/* ==========================================================================
   260626 12:37 헤더 3단 absolute 강제 정렬 및 8개 3D형 퀵아이콘 카드 스타일링
   ========================================================================== */

/* 헤더: 로고 좌측 / GNB 정중앙 / 우측 빠른상담 absolute 배치 */
.pm-header-inner {
  position: relative !important;
  max-width: 1400px !important;
  width: 100% !important;
  margin: 0 auto !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}
.pm-logo {
  position: absolute !important;
  left: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 100 !important;
}
.pm-logo img {
  height: 38px !important;
  object-fit: contain !important;
}
.pm-gnb {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  z-index: 90 !important;
  background: transparent !important; /* bg 컬러 제거 */
  background-color: transparent !important;
}
.pm-gnb-list {
  display: flex !important;
  gap: 20px !important; /* 시안 맞춤 간격 */
  list-style: none !important;
  height: 100% !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pm-gnb-item {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}
.pm-header-right {
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  z-index: 100 !important;
}

/* 모바일 분기 시 정렬 복구 */
@media (max-width: 1024px) {
  .pm-header-inner {
    display: flex !important;
    justify-content: space-between !important;
    position: relative !important;
  }
  .pm-logo {
    position: static !important;
    transform: none !important;
  }
  .pm-header-right {
    position: static !important;
    transform: none !important;
  }
  .pm-gnb {
    display: none !important;
  }
}

/* 8대 3D형 퀵아이콘 꽉 찬 가로 밸런싱 */
.quick-icons-section {
  background-color: #e4e4e4 !important; /* 전체 배경색 e4e4e4 지정 */
  padding: 30px 0 !important;
}
.quick-icons-inner {
  max-width: 1160px !important; 
  margin: 0 auto !important;
  padding: 0 20px !important;
}
.quick-icons-grid {
  display: flex !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  gap: 20px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}
.quick-icon-item {
  flex: 1 !important;
  max-width: 130px !important;
  min-width: 100px !important;
  text-decoration: none !important;
  display: block !important;
}
.icon-card-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important; /* 개별아이콘 외곽 박스 제거 */
  border: none !important; /* 테두리 제거 */
  border-radius: 0 !important;
  padding: 10px 0 !important;
  box-shadow: none !important; /* 그림자 제거 */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  height: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
}
.icon-card-box:hover {
  transform: translateY(-5px) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* 안쪽 아이콘 영역을 흰색으로 하고 박스 크기만큼 키움 */
.icon-graphic {
  width: 110px !important; /* 기존 76px에서 110px로 확대 */
  height: 110px !important; /* 기존 76px에서 110px로 확대 */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important; /* 아이콘 BG 흰색 고정 */
  border-radius: 28px !important; /* 시안 맞춤 둥근 사각형 */
  position: relative !important;
  margin-bottom: 12px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
  transition: all 0.3s !important;
}
.icon-card-box:hover .icon-graphic {
  transform: scale(1.05) !important;
  box-shadow: 0 12px 28px rgba(29, 114, 196, 0.15) !important;
}
.icon-graphic .lucide-icon {
  width: 52px !important; /* 아이콘 크기 확대 */
  height: 52px !important; /* 아이콘 크기 확대 */
  color: #475569 !important;
  stroke: #475569 !important;
  stroke-width: 1.75 !important;
  fill: none !important;
  transition: all 0.3s !important;
}
.icon-card-box:hover .lucide-icon {
  color: #1d72c4 !important;
  stroke: #1d72c4 !important;
}

/* 아래 폰트크기 3px 확대 */
.icon-label-txt {
  font-size: 16.5px !important; /* 기존 13.5px에서 3px 확대 */
  font-weight: 800 !important;
  color: #1e293b !important;
  letter-spacing: -0.5px !important;
  text-align: center !important;
  white-space: nowrap !important;
  transition: color 0.3s !important;
}
.icon-card-box:hover .icon-label-txt {
  color: #1d72c4 !important;
}

/* 국산/수입/견적/초기비용 미니 뱃지들 */
.flag-mini-badge, .globe-mini-badge, .vs-text-badge, .zero-text-badge, .bell-mini-badge {
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 5 !important;
}
.flag-mini-badge {
  right: -2px !important;
  bottom: -2px !important;
  font-size: 18px !important;
}
.globe-mini-badge {
  right: -2px !important;
  bottom: -2px !important;
  font-size: 18px !important;
}
.vs-text-badge {
  right: -5px !important;
  bottom: -2px !important;
  background: #ff7849 !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  padding: 3px 6px !important;
  border-radius: 50px !important;
  line-height: 1 !important;
}
.zero-text-badge {
  right: -5px !important;
  bottom: -2px !important;
  background: #3b82f6 !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  padding: 3px 6px !important;
  border-radius: 50px !important;
  line-height: 1 !important;
}
.bell-mini-badge {
  right: -2px !important;
  bottom: -2px !important;
  font-size: 16px !important;
}

/* 단독 특가 스페셜 타이머 카드 */
.bg-hot-special {
  background: transparent !important; /* 박스 제거 */
}
.bg-hot-special .icon-graphic {
  background: #ffffff !important; /* 동일하게 흰색 */
  border: 2px solid #ffe4e6 !important;
}
.bg-hot-special .lucide-icon {
  color: #f43f5e !important;
  stroke: #f43f5e !important;
}
.month-limit-tag {
  position: absolute !important;
  top: -8px !important; /* 확대된 아이콘 영역에 맞게 상단 배치 */
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: #e11d48 !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  padding: 2px 8px !important;
  border-radius: 50px !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 10px rgba(225,29,72,0.25) !important;
  z-index: 10 !important;
  line-height: 1 !important;
}
.special-timer-box {
  background: #e11d48 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  margin: 2px 0 8px 0 !important;
  font-family: monospace !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
  width: 76px !important;
  box-sizing: border-box !important;
  line-height: 1.1 !important;
}
.text-red-bold {
  color: #e11d48 !important;
  font-weight: 900 !important;
}
.bg-hot-special:hover .text-red-bold {
  color: #be123c !important;
}

/* 모바일 퀵아이콘 반응형 한 줄에 4개씩 그리드 배치 (횡스크롤 완전 차단) */
@media (max-width: 1024px) {
  .quick-icons-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
    padding: 15px 10px !important;
    overflow-x: visible !important;
    flex-wrap: wrap !important;
  }
  .quick-icon-item {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .icon-card-box {
    padding: 10px 0 !important;
  }
  .icon-graphic {
    width: 70px !important;
    height: 70px !important;
  }
  .icon-graphic .lucide-icon {
    width: 32px !important;
    height: 32px !important;
  }
}

/* ==========================================================================
   260626 14:10 인기 차량 TOP 10 촘촘함 극대화 및 높이 & 잘림현상 최종 보정
   ========================================================================== */

/* 1. 슬라이더 영역 좌우 및 상하 잘림 방지 (부모 overflow:hidden 해제 및 slick-list 여백 보정) */
.top10-center-list {
  overflow: visible !important; /* 이전 line 1334의 overflow:hidden 극복 */
  height: auto !important; /* 이전 line 1338의 560px 고정 극복 */
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
}

/* slick-list의 가두리를 넓혀서 카드 테두리와 섀도우가 노출되도록 패딩/네거티브 마진 적용 */
.top10-small-cards-slider .slick-list {
  overflow: hidden !important;
  padding: 15px 6px !important;
  margin: -15px -16px !important;
}

.top10-slider-item {
  padding: 8px 10px !important; /* 카드 간격 축소 */
  box-sizing: border-box !important;
}

/* 2. 박스 높이 조절 (1등 카드 더 크게 435px, 우측 슬라이더 카드 더 작게 385px) */
.top10-blue-card {
  height: 435px !important;
  min-height: 435px !important;
  box-shadow: 0 10px 25px rgba(29, 114, 196, 0.15) !important;
}

.top10-small-card {
  height: 385px !important;
  min-height: 385px !important;
  box-shadow: 0 4px 15px rgba(15,23,42,0.03) !important;
}

.top10-small-card {
  padding: 16px 14px !important; /* 안쪽 패딩 더 촘촘하게 */
}

.top10-blue-card {
  padding: 20px 16px 16px 16px !important; /* 안쪽 패딩 더 촘촘하게 */
}

/* 3. 이미지 영역 높이 조절 및 헤더 하단 밀착 (1등 크게 155px / 우측 작게 115px) */
.top10-blue-card .top10-card-header {
  margin-bottom: 4px !important; /* CHA DAP 바로 아래에서 시작 */
}
.top10-small-card .small-card-header {
  margin-bottom: 2px !important; /* CHA DAP 바로 아래에서 시작 */
}

.top10-small-card .small-card-img {
  height: 140px !important; /* 높이 키움 */
  margin: 2px 0 8px 0 !important; /* 상단 마진을 줄여서 위로 올림 */
  padding: 6px !important; /* 패딩을 줄여 이미지 가시성 극대화 */
}

.top10-small-card .small-card-img img {
  max-width: 95% !important;
  max-height: 95% !important;
  height: auto !important;
  object-fit: contain !important;
}

.top10-blue-card .top10-car-img-wrap {
  height: 155px !important;
  margin-bottom: 10px !important;
}

/* 4. 텍스트 및 폰트 크기 미세조정 (가시성 및 촘촘함 밸런스) */
.top10-small-card .small-card-title {
  font-size: 15px !important; /* 축소된 카드의 최적화 크기 */
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
}

.top10-small-card .small-card-spec {
  font-size: 12px !important;
  color: #64748b !important;
  margin-bottom: 8px !important;
}

.top10-small-card .small-card-price-box {
  padding: 8px 10px !important; /* 더 촘촘하게 */
  border-radius: 8px !important;
}

.top10-small-card .small-card-price-box .sc-price-row .val {
  font-size: 19px !important; /* 강조 가격 크기 최적화 */
}

.top10-small-card .small-card-price-box .sc-price-total {
  font-size: 11.5px !important;
  margin-top: 2px !important;
}

/* 5. 1등 블루 카드 폰트 조정 */
.top10-blue-card .top10-car-title {
  font-size: 21px !important;
  font-weight: 800 !important;
}

.top10-blue-card .top10-car-spec {
  font-size: 13px !important;
  margin-bottom: 12px !important;
}

.top10-blue-card .top10-price-box {
  padding: 12px 14px !important;
}

.top10-blue-card .top10-price-box .price-row .val {
  font-size: 28px !important;
}

.top10-blue-card .top10-price-box .price-row-total {
  font-size: 12.5px !important;
}

/* 6. 슬라이드 네비게이션 컨트롤러 상향 이동 */
.top10-controls {
  margin-top: 15px !important; /* 기존 30px에서 위로 이동 */
}

/* 7. Fixed Sticky Header & Zero Top Space above logo */
.al-fixed-header-wrap {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9990 !important;
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

body {
  padding-top: 114px !important; /* PC: Header Top + GNB Bar */
}
@media (max-width: 768px) {
  body {
    padding-top: 54px !important; /* Mobile: Header Top only */
  }
}

/* 푸터 밑 하얀 공백 강제 소거 */
html, body, #wrapper, #container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 그누보드 하단 디버깅용/관리자 앵커용 여백 차단 */
#run_time, #hd_login_msg {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================================
   타임특가 PC 4열 정적 그리드 (슬라이더 이전 원본 형태 복원)
   ============================================================ */
.al-timesale-slider-wrap {
  position: relative !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.al-timesale-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 1024px) {
  .al-timesale-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 640px) {
  .al-timesale-grid {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 16px !important;
  }
}

/* board.php list.skin.php와 100% 동기화된 타임특가 카드 스타일 */
.al-car-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  padding: 0 !important;
  margin: 0 !important;
}

.al-car-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.2) !important;
  border-color: #0052e0 !important;
}

/* 일반/무보증특가 카드 이미지 (작업 전 정상 원복: contain & 여백 20px) */
.al-car-card .al-card-photo {
  position: relative !important;
  width: 100% !important;
  height: 220px !important;
  background-color: #f8fafc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-bottom: 1px solid #e2e8f0 !important;
  overflow: hidden !important;
  padding: 20px 15px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.al-car-card .al-card-photo img {
  position: static !important;
  width: auto !important;
  height: auto !important;
  max-width: 90% !important;
  max-height: 85% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  border: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.al-car-card:hover .al-card-photo img {
  transform: scale(1.06) !important;
}

/* 타임특가 전용 카드 이미지 (타임특가만 패딩 없이 100% 꽉 차게) */
.al-timesale-mode .al-car-card .al-card-photo,
.al-timesale-section .al-car-card .al-card-photo,
.al-card-photo.timesale_photo {
  padding: 0 !important;
  display: block !important;
}

.al-timesale-mode .al-car-card .al-card-photo img,
.al-timesale-section .al-car-card .al-card-photo img,
.al-card-photo.timesale_photo img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 카드 본문 (사진 하단 텍스트/가격 박스) */
.al-car-card .al-card-body {
  padding: 20px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.al-car-card .al-car-title {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 4px !important;
  line-height: 1.3 !important;
}

.al-car-card .al-car-desc {
  font-size: 13px !important;
  color: #64748b !important;
  margin-bottom: 16px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.al-car-card .al-price-table {
  background: #f8fafc !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1px solid #e2e8f0 !important;
  margin-top: auto !important;
}

.al-car-card .al-price-row-top {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 12px !important;
  color: #64748b !important;
  margin-bottom: 8px !important;
}

.al-car-card .al-price-row-rent {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 6px !important;
}

.al-car-card .al-rent-lbl {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #0052e0 !important;
}

.al-car-card .al-rent-val {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.al-car-card .al-rent-val .old-price {
  font-size: 12px !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
}

.al-car-card .al-rent-val .sale-price {
  font-size: 19px !important;
  font-weight: 900 !important;
  color: #0052e0 !important;
}

.al-car-card .al-lease-price {
  font-size: 12px !important;
  color: #475569 !important;
  margin-top: 6px !important;
  border-top: 1px dashed #cbd5e1 !important;
  padding-top: 6px !important;
}
.al-car-card .al-lease-price span {
  font-weight: 800 !important;
  color: #0f172a !important;
}

.al-car-card .al-card-terms {
  display: flex !important;
  gap: 6px !important;
  margin-top: 10px !important;
}

.al-car-card .al-card-terms span {
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  background: #eef2ff !important;
  color: #4338ca !important;
}

.al-car-card .al-card-footer {
  padding: 14px 20px !important;
  border-top: 1px solid #f1f5f9 !important;
  background: #ffffff !important;
}

.al-car-card .al-card-cta-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  padding: 12px !important;
  background: #0052e0 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 12px rgba(0, 82, 224, 0.2) !important;
  transition: all 0.2s ease !important;
}

.al-car-card .al-card-cta-btn svg {
  width: 14px !important;
  height: 14px !important;
  stroke: #ffffff !important;
}

.al-car-card:hover .al-card-cta-btn {
  background: #0040b3 !important;
}

/* PC & 모바일 통합 좌우 꺽쇠 버튼 (< >) */
.al-ts-nav-btn {
  display: flex !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1e293b !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.12) !important;
  cursor: pointer !important;
  z-index: 25 !important;
  outline: none !important;
  padding: 0 !important;
  transition: all 0.2s ease !important;
}

.al-ts-nav-btn svg {
  stroke: #1e293b !important;
  stroke-width: 2.5 !important;
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  transition: stroke 0.2s ease !important;
}

.al-ts-nav-btn:hover,
.al-ts-nav-btn:active {
  background: #0052e0 !important;
  border-color: #0052e0 !important;
  box-shadow: 0 6px 16px rgba(0, 82, 224, 0.3) !important;
}

.al-ts-nav-btn:hover svg,
.al-ts-nav-btn:active svg {
  stroke: #ffffff !important;
}

.al-ts-prev {
  left: -22px !important;
}

.al-ts-next {
  right: -22px !important;
}

@media (max-width: 1460px) {
  .al-ts-prev { left: 5px !important; }
  .al-ts-next { right: 5px !important; }
}

@media (max-width: 768px) {
  .al-ts-nav-btn {
    width: 38px !important;
    height: 38px !important;
  }
  .al-ts-nav-btn svg {
    width: 18px !important;
    height: 18px !important;
  }
  .al-ts-prev { left: 0px !important; }
  .al-ts-next { right: 0px !important; }
}

/* ============================================================
   모바일 헤더 & 햄버거 드로어 메뉴 스타일링
   ============================================================ */

/* 기본: PC 전용 GNB 바 스타일링 & 모바일 버튼/드로어 비활성화 */
.al-gnb-bar {
  display: block !important;
  width: 100% !important;
  background: #ffffff !important;
  border-top: 1px solid #f1f5f9 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

.al-header-top {
  max-width: 1200px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.al-gnb-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

.al-gnb-menu {
  display: flex !important;
  align-items: center !important;
  gap: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.al-gnb-menu li a {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  text-decoration: none !important;
  padding: 14px 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  transition: color 0.2s ease !important;
}

.al-gnb-menu li a:hover,
.al-gnb-menu li.active a {
  color: #0052e0 !important;
}

.al-gnb-menu li.active a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: #0052e0 !important;
  border-radius: 3px 3px 0 0 !important;
}

.al-gnb-menu .badge-n {
  font-size: 10px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  background: #ef4444 !important;
  padding: 1px 5px !important;
  border-radius: 8px !important;
  margin-left: 4px !important;
}

.al-mobile-header-btns,
.al-m-drawer,
.al-m-drawer-overlay {
  display: none;
}

@media (max-width: 768px) {
  /* 1. 모바일 헤더 탑 영역 정렬 (상단 여백 0 & 54px 고정 높이) */
  .al-header-top {
    position: relative !important;
    padding: 0 16px !important;
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .al-header-logo {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .al-header-logo a {
    display: flex !important;
    align-items: center !important;
  }
  .al-header-logo img {
    height: 30px !important;
    width: auto !important;
    display: block !important;
    margin: 0 !important;
  }

  /* 2. 모바일 상단 우측 메뉴 (전체차량|추천차량|출고후기|견적비교하기) hidden */
  .al-header-user-nav {
    display: none !important;
  }

  /* 3. 모바일 로고 우측 배치 버튼 (검색 돋보기 아이콘 & 햄버거 메뉴 아이콘) */
  .al-mobile-header-btns {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
  }
  .al-m-icon-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    outline: none !important;
    transition: all 0.2s ease !important;
  }
  .al-m-icon-btn:active,
  .al-m-icon-btn:hover {
    background: #e2e8f0 !important;
  }
  .al-m-icon-btn svg {
    width: 18px !important;
    height: 18px !important;
    stroke: #0f172a !important;
  }
  .al-m-menu-btn {
    flex-direction: column !important;
    justify-content: center !important;
    gap: 3.5px !important;
  }
  .al-m-menu-btn .bar {
    width: 16px !important;
    height: 2px !important;
    background: #0f172a !important;
    border-radius: 2px !important;
    display: block !important;
  }

  /* 4. 모바일 검색창 토글 방식 (기본 숨김 -> 터치시 펼쳐짐) */
  #al_search_form {
    width: 100% !important;
  }
  .al-top-search {
    display: none !important;
  }
  .al-top-search.open {
    display: flex !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #ffffff !important;
    padding: 8px 12px !important;
    border: 2px solid #0052e0 !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12) !important;
    z-index: 9999 !important;
    box-sizing: border-box !important;
  }

  /* 5. GNB 바 모바일 전용 숨김 (드로어 내부로 이동) */
  .al-gnb-bar {
    display: none !important;
  }

  /* 6. 모바일 슬라이드 드로어 메뉴 & 오버레이 */
  .al-m-drawer-overlay {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 99998 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
  }
  .al-m-drawer-overlay.open {
    opacity: 1 !important;
    visibility: visible !important;
  }

  .al-m-drawer {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    top: 0 !important;
    right: -320px !important;
    width: 300px !important;
    max-width: 85vw !important;
    height: 100vh !important;
    background: #ffffff !important;
    z-index: 99999 !important;
    box-shadow: -5px 0 25px rgba(0,0,0,0.15) !important;
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: hidden !important;
  }
  .al-m-drawer.open {
    right: 0 !important;
  }

  .al-m-drawer-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid #f1f5f9 !important;
  }
  .al-m-drawer-close {
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 4px !important;
    color: #64748b !important;
  }

  .al-m-drawer-body {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 20px !important;
  }
  .al-m-menu-section {
    margin-bottom: 25px !important;
  }
  .al-m-menu-title {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 12px !important;
  }
  .al-m-gnb-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .al-m-gnb-list li {
    margin-bottom: 8px !important;
  }
  .al-m-gnb-list li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 14px !important;
    background: #f8fafc !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
  }
  .al-m-gnb-list li.active a,
  .al-m-gnb-list li a:hover {
    background: #eef2ff !important;
    color: #0052e0 !important;
  }
  .al-m-gnb-list li a svg {
    stroke: #94a3b8 !important;
  }
  .al-m-gnb-list li.active a svg,
  .al-m-gnb-list li a:hover svg {
    stroke: #0052e0 !important;
  }

  .al-m-sub-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  .al-m-sub-grid a {
    display: block !important;
    padding: 10px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
  }
  .al-m-sub-grid a.highlight {
    background: #0052e0 !important;
    color: #ffffff !important;
    border-color: #0052e0 !important;
  }

  .al-m-drawer-footer {
    padding-top: 15px !important;
    border-top: 1px solid #f1f5f9 !important;
    margin-top: 10px !important;
  }
  .al-m-drawer-cta {
    display: block !important;
    width: 100% !important;
    padding: 14px !important;
    background: #0052e0 !important;
    color: #ffffff !important;
    text-align: center !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(0, 82, 224, 0.25) !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
   추가 개편: 모바일 버튼 우측 고정, 타임특가 패딩/전체보기 뱃지, 메인 히어로 히든 & 레이아웃
   ============================================================ */

/* 1. 메인 히어로 1/2 컨트롤러 강제 숨김 & 이미지 상단/텍스트 하단 세로 배치 */
.al-banner-controls {
  display: none !important;
}

.al-banner-box .swiper-slide {
  height: auto !important;
}

.al-banner-slide {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 440px !important;
  padding: 30px 24px !important;
  box-sizing: border-box !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  position: relative !important;
  background: linear-gradient(135deg, #091730 0%, #102852 100%) !important;
}

.al-banner-img-box {
  width: 100% !important;
  height: 220px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
}

.al-banner-img-box img.al-banner-car-img {
  max-width: 90% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  position: static !important;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.3)) !important;
}

.al-banner-slide-content {
  position: relative !important;
  z-index: 2 !important;
  text-align: left !important;
}

.al-banner-sub {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #60a5fa !important;
  letter-spacing: 1px !important;
  margin-bottom: 6px !important;
}

.al-banner-title {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  margin-bottom: 6px !important;
}

.al-banner-highlight {
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #fbbf24 !important;
  margin-bottom: 16px !important;
}

.al-banner-link {
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 22px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  border-radius: 30px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.2s ease !important;
}

.al-banner-link:hover {
  background: #0052e0 !important;
  color: #ffffff !important;
}

/* 2. 타임특가 섹션 좌우 패딩 및 전체보기 뱃지 축소 */
.al-timesale-section {
  padding: 45px 24px !important;
}

.al-timesale-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 24px !important;
}

.al-timesale-head .moreBtn {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  gap: 3px !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

.al-timesale-head .moreBtn svg {
  width: 11px !important;
  height: 11px !important;
  stroke-width: 2.5 !important;
}

@media (max-width: 768px) {
  /* 3. 모바일 헤더 플렉스 랩 방지 (돋보기/햄버거 아이콘 우측 직렬 배치 강제) */
  .al-header-top {
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }
  .al-mobile-header-btns {
    margin-left: auto !important;
    flex-shrink: 0 !important;
  }
  
  .al-timesale-section {
    padding: 30px 16px !important;
  }
  .al-timesale-head .moreBtn {
    font-size: 10.5px !important;
    padding: 3px 8px !important;
  }

  .al-banner-slide {
    min-height: 380px !important;
    padding: 20px 18px !important;
  }
  .al-banner-img-box {
    height: 180px !important;
    margin-bottom: 12px !important;
  }
  .al-banner-title {
    font-size: 20px !important;
  }
  .al-banner-highlight {
    font-size: 18px !important;
  }
}

/* ============================================================
   PC 우측 빠른견적문의 패널 (search-auto.co.kr 스타일, 200×600px)
   ============================================================ */

/* 패널 컨테이너 */
.al-quick-panel {
  position: fixed !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 200px !important;
  z-index: 9995 !important;
  background: #ffffff !important;
  border-radius: 10px 0 0 0 !important;
  box-shadow: -3px 0 18px rgba(0, 0, 0, 0.12) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-sizing: border-box !important;
}

/* 좌측 파란 그라데이션 세로선 */
.al-quick-panel::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  background: linear-gradient(to bottom, #3b82f6, #22d3ee) !important;
  z-index: 1 !important;
}

/* 닫힌 상태 */
.al-quick-panel.closed {
  right: -200px !important;
}

/* 타이틀 바 */
.qp-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 12px 10px !important;
  background: #ffffff !important;
}

.qp-title {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #1e293b !important;
  letter-spacing: -0.5px !important;
}

.qp-close {
  background: none !important;
  border: none !important;
  font-size: 20px !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.qp-close:hover {
  color: #475569 !important;
}

/* 가로 그라데이션 라인 */
.qp-gradient-line {
  height: 2px !important;
  background: linear-gradient(to right, #3b82f6, #67e8f9) !important;
  margin: 0 12px 8px !important;
}

/* 바디 영역 */
.qp-body {
  padding: 4px 12px 12px !important;
  flex: 1 !important;
  overflow-y: auto !important;
}

/* 입력 필드 */
.qp-field {
  margin-bottom: 8px !important;
}

.qp-field input,
.qp-field select {
  width: 100% !important;
  height: 34px !important;
  padding: 0 10px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  color: #374151 !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.qp-field input::placeholder {
  color: #9ca3af !important;
}

.qp-field input:focus,
.qp-field select:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1) !important;
}

.qp-field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 12px !important;
  padding-right: 28px !important;
}

/* 동의 체크박스 */
.qp-agree {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 10px !important;
  color: #6b7280 !important;
  margin-bottom: 10px !important;
  flex-wrap: wrap !important;
}
.qp-agree label {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  cursor: pointer !important;
  font-size: 10px !important;
  color: #6b7280 !important;
}
.qp-agree a {
  color: #6b7280 !important;
  text-decoration: none !important;
  font-size: 10px !important;
}
.qp-agree a:hover {
  color: #3b82f6 !important;
}

/* 제출 버튼 */
.qp-submit-btn {
  width: 100% !important;
  height: 38px !important;
  background: linear-gradient(to right, #3b82f6, #22d3ee) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: opacity 0.2s !important;
  letter-spacing: -0.3px !important;
}
.qp-submit-btn:hover {
  opacity: 0.9 !important;
}

/* 아래 화살표 */
.qp-arrow-down {
  text-align: center !important;
  padding: 8px 0 !important;
}
.qp-arrow-down svg {
  filter: drop-shadow(0 2px 4px rgba(56, 189, 248, 0.3)) !important;
}

/* 렌트료 표시 영역 */
.qp-rent-box {
  border: 2px dashed #93c5fd !important;
  border-radius: 8px !important;
  padding: 10px 8px !important;
  text-align: center !important;
  margin-bottom: 0 !important;
}

.qp-rent-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #374151 !important;
  margin: 0 0 6px !important;
}

.qp-rent-value-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
}

.qp-rent-input {
  display: inline-block !important;
  width: 60px !important;
  height: 24px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 4px !important;
  background: #f9fafb !important;
}

.qp-rent-unit {
  font-size: 12px !important;
  color: #6b7280 !important;
  font-weight: 600 !important;
}

/* 대표전화 바 */
.qp-phone-bar {
  display: block !important;
  background: linear-gradient(to right, #2563eb, #0ea5e9) !important;
  color: #ffffff !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 12px 10px !important;
  text-decoration: none !important;
  letter-spacing: -0.3px !important;
}
.qp-phone-bar:hover {
  color: #ffffff !important;
  text-decoration: none !important;
  opacity: 0.95 !important;
}

/* 패널 열기 탭 (닫힌 상태에서 표시) */
.al-qp-open-tab {
  position: fixed !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 9994 !important;
  width: 36px !important;
  background: linear-gradient(to bottom, #3b82f6, #22d3ee) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px 0 0 8px !important;
  padding: 12px 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  display: none;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1) !important;
  line-height: 1.3 !important;
}
.al-qp-open-tab:hover {
  opacity: 0.9 !important;
}

/* 모바일에서 숨김 (PC전용) */
@media (max-width: 768px) {
  .al-quick-panel {
    display: none !important;
  }
  .al-qp-open-tab {
    display: none !important;
  }
}

/* ============================================================
   신차몽 프리미엄 상세 랜딩페이지 전용 통합 CSS
   ============================================================ */
.chadap_detail_landing_wrap {
    background: #f8fafc;
    padding: 0;
    font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
    color: #1e293b;
    box-sizing: border-box;
    width: 100%;
}
.chadap_detail_landing_wrap * {
    box-sizing: border-box;
}
.cd_landing_inner {
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
    overflow: hidden;
}

/* [1] HERO SECTION */
.cd_sec_hero {
    background: #ffffff;
    text-align: center;
    padding: 45px 20px 30px;
    position: relative;
    overflow: hidden;
}
.cd_emblem_box {
    display: flex;
    justify-content: center;
    margin-bottom: 18px;
}
.cd_emblem_badge {
    width: 85px;
    height: 85px;
    background: radial-gradient(circle, #fcd34d 0%, #b45309 100%);
    border-radius: 50%;
    border: 3px solid #fef3c7;
    box-shadow: 0 6px 16px rgba(180, 83, 9, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 900;
}
.cd_emblem_badge .stars { font-size: 8px; letter-spacing: 1px; color: #fff; }
.cd_emblem_badge .best_txt { font-size: 10px; line-height: 1.1; margin: 2px 0; }
.cd_emblem_badge .year { font-size: 9px; font-weight: 700; color: #fef08a; }

.cd_sub_lead { font-size: 14px; color: #64748b; font-weight: 600; margin: 0 0 4px; }
.cd_hero_brand { font-size: 38px; font-weight: 900; color: #0f172a; margin: 0 0 4px; letter-spacing: -1px; }
.cd_hero_brand .en { font-size: 22px; color: #0052e0; font-weight: 800; }
.cd_hero_tagline { font-size: 20px; font-weight: 800; color: #1e293b; margin: 0 0 12px; }

.cd_hero_watermark {
    font-size: 68px;
    font-weight: 900;
    color: rgba(148, 163, 184, 0.12);
    letter-spacing: 6px;
    margin-top: -15px;
    margin-bottom: -25px;
    user-select: none;
}
.cd_hero_cars_visual { margin: 10px 0 20px; }
.cd_hero_cars_visual img {
    max-width: 90%;
    height: auto;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.15));
}
.cd_hero_slogan_bar {
    background: #0f172a;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    padding: 13px 18px;
    border-radius: 8px;
    margin-bottom: 18px;
}
.cd_hero_slogan_bar strong { color: #38bdf8; }

.cd_benefit_twin_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.cd_twin_item {
    background: #0f172a;
    border: 1px solid #1e293b;
    border-radius: 12px;
    padding: 15px 12px;
    color: #ffffff;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.cd_twin_icon { font-size: 20px; color: #38bdf8; }
.cd_twin_txt h3 { font-size: 14.5px; font-weight: 900; color: #ffffff; margin: 0 0 3px; }
.cd_twin_txt .desc { font-size: 11.5px; color: #94a3b8; margin: 0 0 2px; line-height: 1.35; }
.cd_twin_txt .sub { font-size: 10.5px; color: #64748b; margin: 0; }

/* [2] WHY SECTION */
.cd_why_dark_banner {
    background: linear-gradient(135deg, #090e17 0%, #172554 100%);
    padding: 35px 25px;
    color: #ffffff;
}
.cd_why_dark_inner .no1_badge {
    display: inline-block;
    border-bottom: 2px solid #38bdf8;
    font-size: 12px;
    font-weight: 800;
    color: #38bdf8;
    padding-bottom: 2px;
    margin-bottom: 10px;
}
.why_en_title {
    font-size: 32px;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: 0.5px;
    margin: 0;
    color: #ffffff;
}

.cd_why_light_box {
    background: #f8fafc;
    padding: 30px 20px;
    text-align: center;
    border-bottom: 1px solid #e2e8f0;
}
.no1_small_badge { font-size: 12px; font-weight: 800; color: #0052e0; margin-bottom: 5px; display: block; }
.why_kr_title { font-size: 22px; font-weight: 800; color: #0f172a; margin: 0 0 24px; }
.why_kr_title strong { color: #0052e0; }

.why_features_list { display: flex; flex-direction: column; gap: 14px; text-align: left; }
.why_f_item {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 15px 18px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02);
}
.why_f_item .f_num { font-size: 20px; font-weight: 900; color: #0052e0; line-height: 1.2; }
.why_f_item h4 { font-size: 16px; font-weight: 800; color: #0f172a; margin: 0 0 4px; }
.why_f_item p { font-size: 13px; color: #64748b; margin: 0; }

/* [3] PROMO SECTION */
.cd_sec_promo {
    background: #0f172a;
    padding: 35px 20px 30px;
    color: #ffffff;
}
.promo_head { text-align: center; margin-bottom: 22px; }
.promo_lead { font-size: 12px; font-weight: 700; color: #38bdf8; display: block; margin-bottom: 4px; }
.promo_head h2 { font-size: 26px; font-weight: 900; margin: 0 0 6px; color: #fff; }
.promo_head h2 strong { color: #38bdf8; }
.promo_head p { font-size: 13px; color: #94a3b8; margin: 0 0 14px; }
.promo_head p strong { color: #f87171; }
.promo_pill_badge {
    display: inline-block;
    background: #1e3a8a;
    color: #93c5fd;
    font-size: 12px;
    font-weight: 800;
    padding: 5px 16px;
    border-radius: 20px;
    border: 1px solid #3b82f6;
}

.promo_cards_container { display: flex; flex-direction: column; gap: 14px; margin-bottom: 18px; }
.promo_car_card {
    background: #ffffff;
    border-radius: 14px;
    padding: 18px;
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 16px;
    align-items: center;
    color: #0f172a;
}
@media(max-width: 520px) {
    .promo_car_card { grid-template-columns: 1fr; text-align: center; }
}
.p_card_img { position: relative; background: #f8fafc; border-radius: 10px; padding: 10px; }
.p_card_img img { width: 100%; height: auto; object-fit: contain; display: block; }
.p_best_badge {
    position: absolute; top: 6px; left: 6px;
    background: #0052e0; color: #fff; font-size: 10px; font-weight: 800; padding: 2px 6px; border-radius: 4px;
}
.p_card_info .car_name { font-size: 18px; font-weight: 900; color: #0f172a; margin: 0 0 6px; }
.p_card_info .original_price { font-size: 13px; color: #94a3b8; text-decoration: line-through; display: block; margin-bottom: 2px; }
.p_card_info .sale_price { font-size: 26px; font-weight: 900; color: #0052e0; line-height: 1; margin-bottom: 8px; display: block; }
.p_card_info .sale_price strong { font-size: 13px; font-weight: 700; color: #475569; margin-left: 2px; }
.p_card_info .notice_txt { font-size: 11px; color: #64748b; margin: 0; line-height: 1.35; }

.promo_cta_bar {
    display: block;
    background: #0052e0;
    color: #ffffff !important;
    text-align: center;
    font-size: 15px;
    font-weight: 900;
    padding: 15px;
    border-radius: 10px;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0, 82, 224, 0.35);
}

/* [4] REVIEW SECTION */
.cd_sec_review { background: #f8fafc; padding: 30px 20px; }
.review_photo_box { width: 100%; height: 220px; border-radius: 12px; overflow: hidden; margin-bottom: 12px; }
.review_photo_box img { width: 100%; height: 100%; object-fit: cover; display: block; }
.review_title_banner { display: flex; background: #0f172a; color: #ffffff; border-radius: 10px; overflow: hidden; margin-bottom: 12px; }
.badge_left {
    background: #1e3a8a; color: #93c5fd; font-size: 13px; font-weight: 900;
    padding: 12px 16px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.2;
}
.txt_right { padding: 10px 16px; display: flex; flex-direction: column; justify-content: center; }
.txt_right h3 { font-size: 15px; font-weight: 900; margin: 0 0 2px; color: #fff; }
.txt_right p { font-size: 11.5px; color: #94a3b8; margin: 0; }

.review_detail_card { background: #ffffff; border: 1px solid #cbd5e1; border-radius: 12px; padding: 18px; margin-bottom: 12px; }
.car_spec_tag { font-size: 13.5px; font-weight: 800; color: #0f172a; border-bottom: 2px solid #e2e8f0; padding-bottom: 8px; margin-bottom: 12px; }
.customer_quote_box .c_name {
    display: inline-block; background: #0052e0; color: #ffffff;
    font-size: 11.5px; font-weight: 800; padding: 3px 10px; border-radius: 6px; margin-bottom: 8px;
}
.customer_quote_box .c_txt { font-size: 13.5px; color: #334155; line-height: 1.65; margin: 0; font-style: italic; }
.review_cta_bar {
    display: block; background: #0f172a; color: #38bdf8 !important; text-align: center;
    font-size: 14.5px; font-weight: 800; padding: 13px; border-radius: 8px; text-decoration: none !important;
}

/* [5] PROCESS SECTION */
.cd_sec_process { background: #090e17; color: #ffffff; padding: 40px 20px 35px; text-align: center; }
.process_lead { font-size: 12px; font-weight: 800; color: #38bdf8; display: block; margin-bottom: 4px; }
.process_title { font-size: 24px; font-weight: 900; color: #ffffff; margin: 0 0 25px; }
.process_steps_list { display: flex; flex-direction: column; gap: 10px; }
.p_step_card {
    background: #ffffff; border-radius: 12px; padding: 18px 16px;
    color: #0f172a; text-align: left; display: flex; gap: 14px; align-items: flex-start;
}
.p_icon_circle {
    width: 46px; height: 46px; background: #eff6ff; border: 2px solid #3b82f6; color: #0052e0;
    border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0;
}
.step_label { font-size: 15px; font-weight: 900; color: #0052e0; margin-bottom: 3px; }
.step_txt_col h4 { font-size: 14px; font-weight: 800; color: #0f172a; margin: 0 0 4px; }
.step_txt_col p { font-size: 12.5px; color: #475569; line-height: 1.45; margin: 0 0 8px; }
.step_sample_chip {
    background: #f1f5f9; border: 1px solid #cbd5e1; border-radius: 6px;
    padding: 5px 8px; font-size: 11px; font-weight: 700; color: #334155; display: inline-block;
}
.step_divider_arrow { color: #38bdf8; font-size: 16px; margin: 1px 0; }

/* [6] BOTTOM CTA SECTION */
.cd_sec_bottom_cta {
    background: #ffffff !important;
    padding: 30px 20px 40px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    box-sizing: border-box !important;
}
.btn_big_action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #0052e0 !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgba(0, 82, 224, 0.3) !important;
    line-height: 1 !important;
}
.btn_big_action:hover {
    background: #0040b0 !important;
    color: #ffffff !important;
}
.kakao_banner_box {
    background: #fee500 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
.kakao_link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 14px 20px !important;
    text-decoration: none !important;
    color: #191919 !important;
    box-sizing: border-box !important;
}
.kakao_link:hover {
    text-decoration: none !important;
    color: #191919 !important;
}
.k_logo {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #381e1f !important;
}
.k_logo strong {
    color: #191919 !important;
}
.k_badge {
    background: #191919 !important;
    color: #fee500 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}
.bottom_contact_box {
    background: #0f172a !important;
    border-radius: 14px !important;
    padding: 18px 20px !important;
    color: #ffffff !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-sizing: border-box !important;
}
@media(max-width: 480px) {
    .bottom_contact_box {
        flex-direction: column !important;
        text-align: center !important;
        gap: 14px !important;
    }
}
.b_left_txt {
    text-align: left !important;
}
@media(max-width: 480px) {
    .b_left_txt {
        text-align: center !important;
    }
}
.b_quest {
    font-size: 12px !important;
    color: #94a3b8 !important;
    margin: 0 0 4px !important;
    line-height: 1.2 !important;
}
.b_tel_line {
    font-size: 14px !important;
    color: #ffffff !important;
    margin: 0 0 4px !important;
    line-height: 1.3 !important;
}
.b_tel_line strong {
    color: #38bdf8 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}
.b_ans {
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #facc15 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}
.b_right_car {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.b_right_car img {
    width: auto !important;
    max-width: 140px !important;
    height: auto !important;
    max-height: 70px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}
.badge_car_type {
    display: inline-block !important;
    font-size: 9.5px !important;
    background: rgba(255,255,255,0.15) !important;
    color: #93c5fd !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    margin-top: 4px !important;
    white-space: nowrap !important;
}