/* 복제본 전용 최소 스타일 — 원본 디자인을 건드리지 않는다.
   검색 결과와 견적 접수 안내에만 쓴다. */
.onda-quote-notice { display: block; }

#onda-search-wrap { max-width: 1200px; margin: 40px auto 80px; padding: 0 20px; }
#onda-search-head { font-size: 18px; font-weight: 600; margin: 0 0 20px; color: #222; }
#onda-search-form { display: flex; gap: 8px; margin: 0 0 28px; }
#onda-search-input { flex: 1; height: 46px; padding: 0 14px; border: 1px solid #ddd; border-radius: 4px; font-size: 15px; }
#onda-search-form button { height: 46px; padding: 0 24px; border: 0; border-radius: 4px; background: #1b3d8f; color: #fff; font-size: 15px; cursor: pointer; }
#onda-search-result { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; list-style: none; margin: 0; padding: 0; }
#onda-search-result .onda-sr-item a { display: block; text-decoration: none; color: #222; }
#onda-search-result .onda-sr-thumb { display: block; background: #f5f6fa; border-radius: 6px; overflow: hidden; }
#onda-search-result .onda-sr-thumb img { width: 100%; height: auto; display: block; }
#onda-search-result .onda-sr-name { display: block; margin: 12px 0 4px; font-size: 15px; font-weight: 500; line-height: 1.4; }
#onda-search-result .onda-sr-price { font-size: 14px; color: #666; }
#onda-search-result .onda-sr-empty { grid-column: 1 / -1; padding: 60px 0; text-align: center; color: #888; }
@media (max-width: 900px) {
  #onda-search-result { grid-template-columns: repeat(2, 1fr); }
}

/* 카카오 상담 링크 — 2026-09-09 에 전 페이지에서 숨겼다가(공용 카카오 채널로 새는 것을 막으려고)
   2026-09-14 운영자 지시로 되살렸다. 다시 숨기려면 아래 규칙을 **이 파일(정본)** 에 두고 sync-www 로 내보낸다.
   배포본 site/_clone/clone.css 만 고치면 재동기화 때 조용히 지워진다 — 9/9 판이 그렇게 들어가 있었다.
   a[href*="pf.kakao.com/_JDHxgG/chat"] { display: none !important; }
   카카오 클릭은 트래커에서 「카카오상담」 리드로 센다(dashboard-compat.mjs kakao_leads). */

/* JA responsive corrections, 2026-09-16. Text and artwork have separate space. */
/* The embedded quote form is narrower than the outer phone viewport. */
html:has(#jaQuotePopupFrameStyle),
html:has(#jaQuotePopupFrameStyle) body {
  min-width: 0 !important; width: 100% !important; max-width: 100% !important;
  padding-bottom: 0 !important;
}
@media (max-width: 1023px) {
  html body .main-banner--mobile .main-banner__item > a {
    display: flex; flex-direction: column; height: auto; background: #f9f9fb;
  }
  html body .main-banner--mobile .main-banner__txt {
    position: static; order: -1; display: block !important; width: 100%;
    height: auto; margin: 0; max-width: none;
  }
  /* Tablet scripts destroy the mobile slider while this banner remains visible. */
  html body .main-banner--mobile .main-banner__txt * {
    opacity: 1 !important; visibility: visible !important; transform: none !important;
  }
  html body .main-banner--mobile .main-banner__cont {
    box-sizing: border-box; padding: 26px 24px 0; width: 100%;
  }
  html body .main-banner--mobile .main-banner__title {
    font-size: clamp(20px, 5.1vw, 27px); line-height: 1.35; margin-bottom: 12px; color: #111;
  }
  html body .main-banner--mobile .main-banner__desc {
    font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; color: #111;
  }
  html body .main-banner--mobile .main-banner__button {
    margin-top: 16px; height: 42px; line-height: 42px; width: 126px; color: #fff;
  }
  html body .main-banner--mobile .main-banner__button::before { background: #000; }
  html body .main-banner--mobile .main-banner__item > a > img {
    width: 100%; height: clamp(240px, 72vw, 740px); object-fit: cover;
    object-position: center bottom;
  }
  html body .ja-home-banners__list { grid-template-columns: minmax(0, 1fr); }
  html body .ja-home-banners__quick {
    min-height: 120px; height: auto; background: #f8f8f8; gap: 4px;
  }
  html body .ja-home-banners__quick-copy {
    position: static; order: -1; flex: 1 1 0; min-width: 0;
    padding: 18px 0 18px 20px; gap: 6px;
  }
  html body .ja-home-banners__quick-copy strong {
    font-size: 18px; line-height: 1.45; word-break: keep-all; overflow-wrap: anywhere;
  }
  html body .ja-home-banners__quick img {
    flex: 0 0 124px; width: 124px; min-height: 0; height: 104px;
    object-fit: cover; object-position: 90% center;
  }
  #onda-search-form #onda-search-input { min-width: 0; width: 100%; box-sizing: border-box; }
  #onda-search-form button { flex-shrink: 0; }
}
@media (max-width: 359px) {
  html body .main-banner--mobile .main-banner__cont { padding: 24px 20px 0; }
  html body .ja-home-banners__quick-copy { padding-left: 16px; }
  html body .ja-home-banners__quick-copy strong { font-size: 16px; }
  html body .ja-home-banners__quick img { flex-basis: 112px; width: 112px; }
}
@media (max-width: 767px) {
  html body:has(.quick-menu) { padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px)); }
  html body .quick-menu {
    display: flex; align-items: center; justify-content: space-evenly;
    box-sizing: border-box; left: 0; right: 0; bottom: 0; width: 100%;
    margin: 0; padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
    background: #fff; border-top: 1px solid #e9edf1;
  }
  html body .quick-menu .quick-menu__item { width: 46px; height: 46px; margin: 0; flex-shrink: 0; }
  html body .quick-menu .cs-talk { flex: 0 0 46px; }
  html body:has(.mobile-fix-footer) { padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px)); }
  html body:has(.mobile-fix-footer) .quick-menu { bottom: 54px; }
  html body:has(.ja-stickycta) { padding-bottom: calc(140px + env(safe-area-inset-bottom, 0px) + env(safe-area-inset-bottom, 0px)); }
  html body:has(.ja-stickycta) .quick-menu { bottom: calc(74px + env(safe-area-inset-bottom, 0px)); }
}

/* Keep long model lists inside product cards and detail headings at every width. */
html body .ec-base-product .prdList .name,
html body .xans-product-detail .prd-name { overflow-wrap: anywhere; }

/* 푸터 고객센터 대표번호를 tel: 링크로 감쌌다(2026-09-18). 링크 기본색이 아니라
   원래 글자색(PC 흰색·모바일 검정)을 그대로 써서 보이는 모습이 전과 같게 한다. */
html body .footer__txt--cs-no .ja-tel-link { color: inherit; text-decoration: none; }
html body .footer__txt--cs-no .ja-tel-link:hover,
html body .footer__txt--cs-no .ja-tel-link:focus { text-decoration: underline; }

/* BEGIN JA BEST MARQUEE 20260922
   홈 「베스트 렌탈 상품」 칸을 가로 마퀴로. 원본 카드 규격(4칸·20px)은 그대로 두고
   묶음만 감싼다 — clone.js 가 뷰포트/트랙을 만들고 복제 칸을 붙인다. */
#time-sale .jmq { position: relative; }
#time-sale .jmq-viewport {
  overflow-x: auto; overflow-y: hidden;
  scrollbar-width: none; -ms-overflow-style: none;
  overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch;
}
#time-sale .jmq-viewport::-webkit-scrollbar { display: none; }
#time-sale .jmq-viewport:focus-visible { outline: 2px solid #111; outline-offset: 4px; }
#time-sale .jmq-track.jmq-track {
  display: flex !important; flex-wrap: nowrap !important; align-items: stretch;
  width: max-content !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important;
  transform: none !important; transition: none !important;
  gap: var(--jmq-gap, 20px) !important;
}
#time-sale .jmq-track.jmq-track > li {
  flex: 0 0 var(--jmq-card, 305px) !important;
  width: var(--jmq-card, 305px) !important;
  margin: 0 0 var(--jmq-tail, 60px) !important;
}
#time-sale .jmq-is-marquee .jmq-viewport {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
}
/* 마퀴로 바뀐 뒤 남는 스와이퍼 껍데기는 자리만 차지하지 않게 감춘다. */
#time-sale [data-jmq-retired] { display: none !important; }
/* 화살표는 마퀴를 한 칸씩 미는 단추로 다시 쓴다. */
#time-sale .prd-nav[role="button"] { cursor: pointer; }
@media (max-width: 767px) {
  #time-sale .jmq-is-marquee .jmq-viewport {
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 24px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 24px), transparent 100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  #time-sale .jmq-viewport { scroll-behavior: auto; }
}
/* END JA BEST MARQUEE 20260922 */

/* BEGIN JA DETAIL CTA 2026-10-19
   제이에이솔루션 방 msg 1463 고객사 요청(PDF 3쪽) — 하단 고정 바 · 요금 요약표 · 요금표 아래 버튼 · 상품후기 카드.
   그리는 쪽은 clone.js 끝 「JA DETAIL CTA 2026-10-19」. 바가 붙으면 html 에 .ja-ctabar-on 이 생긴다.
   10-20 단추 이름 .ja-cta → .ja-cbtn — 회사소개·SEO 자료 쪽(.ja-seo .ja-cta)의 기존 상자 이름과 겹쳐 서로 스타일이 샜다. */
:root { --ja-cta-navy: #14254a; --ja-cta-blue: #1a56db; --ja-cta-blue-soft: #2f5fbf; --ja-cta-kakao: #fee500; }

/* 문의 버튼 3개(공통) — 1644-9350 → 온라인 견적신청 → 카카오 상담 · 얇은 높이 */
.ja-cbtn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  box-sizing: border-box; min-width: 0; height: 42px; padding: 0 10px; margin: 0;
  border-radius: 7px; border: 1px solid transparent;
  font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em;
  text-decoration: none !important; white-space: nowrap; cursor: pointer;
  transition: filter .15s ease, box-shadow .15s ease;
}
.ja-cbtn span { overflow: hidden; text-overflow: ellipsis; }
.ja-cbtn:hover { filter: brightness(0.97); }
.ja-cbtn:focus-visible { outline: 2px solid var(--ja-cta-navy); outline-offset: 2px; }
.ja-cbtn--tel { background: #f2f6ff; border-color: #8fb0ec; color: var(--ja-cta-navy) !important; }
.ja-cbtn--quote { background: var(--ja-cta-blue); border-color: var(--ja-cta-blue); color: #fff !important; }
.ja-cbtn--kakao { background: var(--ja-cta-kakao); border-color: var(--ja-cta-kakao); color: #191919 !important; }
.ja-cbtn__ic { width: 15px; height: 15px; flex: none; }
.ja-cbtn__kk {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 17px; height: 17px; border-radius: 50%; background: #191919; color: var(--ja-cta-kakao);
  font-size: 8.5px; font-weight: 800; letter-spacing: -0.02em; line-height: 1;
}
.ja-cbtn__kk::before { content: "Ch"; }
.ja-cta3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.ja-cta3 .ja-cbtn { width: 100%; }

/* ① 하단 고정 바 */
.ja-ctabar {
  position: fixed; left: 0; right: 0; bottom: var(--ja-mff-h, 0px); z-index: 8;
  box-sizing: border-box; background: #fff; border-top: 1px solid #e3e9f2;
  box-shadow: 0 -4px 18px rgba(20, 37, 74, .08);
  padding: 7px 10px calc(8px + env(safe-area-inset-bottom, 0px));
  font-family: inherit; color: var(--ja-cta-navy);
}
.ja-ctabar__inner { display: flex; flex-direction: column; gap: 6px; max-width: 760px; margin: 0 auto; }
.ja-ctabar__promo {
  display: flex; align-items: center; justify-content: center; gap: 6px; margin: 0;
  font-size: 12.5px; line-height: 1.25; color: var(--ja-cta-navy); white-space: nowrap;
}
.ja-ctabar__promo small { font-size: inherit; color: var(--ja-cta-blue-soft); font-weight: 600; }
.ja-ctabar__promo strong { font-weight: 800; }
.ja-ctabar__gift { width: 18px; height: 18px; color: var(--ja-cta-blue); flex: none; }
.ja-ctabar__btns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.ja-ctabar .ja-cbtn { height: 40px; font-size: 13.5px; padding: 0 6px; }
@media (max-width: 359px) {
  .ja-ctabar .ja-cbtn { font-size: 12.5px; gap: 4px; padding: 0 4px; }
  .ja-ctabar .ja-cbtn__ic { width: 13px; height: 13px; }
  .ja-ctabar .ja-cbtn__kk { width: 15px; height: 15px; font-size: 7.5px; }
}
@media (min-width: 560px) {
  .ja-ctabar__inner { flex-direction: row; align-items: center; gap: 12px; }
  .ja-ctabar__promo { flex: none; justify-content: flex-start; gap: 8px; padding-right: 12px; border-right: 1px solid #e3e9f2; }
  .ja-ctabar__promo-txt { display: flex; flex-direction: column; }
  .ja-ctabar__promo small { font-size: 11.5px; }
  .ja-ctabar__promo strong { font-size: 14.5px; }
  .ja-ctabar__gift { width: 26px; height: 26px; }
  .ja-ctabar__btns { flex: 1 1 auto; gap: 8px; }
}
@media (min-width: 1024px) {
  .ja-ctabar {
    left: 50%; right: auto; bottom: 18px; transform: translateX(-50%);
    width: min(800px, calc(100% - 220px)); padding: 8px 10px 8px 16px;
    border: 1px solid #e3e9f2; border-radius: 14px; box-shadow: 0 8px 28px rgba(20, 37, 74, .16);
  }
  .ja-ctabar__inner { max-width: none; }
  .ja-ctabar .ja-cbtn { height: 40px; font-size: 14px; }
}

/* 바가 있으면: 우측 빠른메뉴의 견적·카카오 아이콘은 빼고(같은 버튼이 바에 있다) 최근 본 상품·위로만 바 위에 둔다.
   본문 끝·신청 폼이 바에 가리지 않게 아래 여백을 바 높이만큼 준다. 옛 하단 고정 상담 칸(.ja-stickycta)도 바로 합친다. */
html.ja-ctabar-on .quick-menu #openQuotePopup,
html.ja-ctabar-on .quick-menu .cs-talk { display: none !important; }
html.ja-ctabar-on .ja-stickycta { display: none !important; }
html.ja-ctabar-on body { padding-bottom: calc(var(--ja-ctabar-space, 84px) + 12px) !important; }
html.ja-ctabar-on body .quick-menu { bottom: 0 !important; margin-bottom: calc(var(--ja-ctabar-space, 84px) + 12px) !important; }
@media (max-width: 767px) {
  html.ja-ctabar-on body .quick-menu {
    display: flex !important; flex-direction: column; align-items: flex-end; gap: 8px;
    left: auto !important; right: 12px !important; width: auto !important;
    padding: 0 !important; background: transparent !important; border: 0 !important;
    margin-bottom: calc(var(--ja-ctabar-space, 84px) + 10px) !important;
  }
  html.ja-ctabar-on body .quick-menu .quick-menu__item { width: 40px; height: 40px; margin: 0; }
}
/* 560 아래: 단추 둘을 바 첫 줄 오른쪽에 작게 얹는다(본문 위에 떠서 글자를 가리지 않게) */
@media (max-width: 559px) {
  html.ja-ctabar-on .ja-ctabar__promo { justify-content: flex-start; padding: 0 70px 0 4px; min-height: 28px; }
  html.ja-ctabar-on body .quick-menu {
    flex-direction: row; align-items: center; gap: 6px; right: 10px !important; z-index: 9;
    margin-bottom: var(--ja-qm-bottom, 46px) !important;
  }
  html.ja-ctabar-on body .quick-menu .quick-menu__item {
    width: 28px; height: 28px; background: #fff; border: 1px solid #d6e2f3; box-shadow: none;
  }
  html.ja-ctabar-on body .quick-menu .quick-menu__item svg { width: 15px !important; height: 15px !important; }
  html.ja-ctabar-on body .quick-menu .jsScrollUp svg { width: 12px !important; height: 12px !important; }
}
/* 560~1023: 단추가 바 위에 떠 있으니 맨 아래 푸터 글자를 안 가리게 그 높이만큼 더 띄운다 */
@media (min-width: 560px) and (max-width: 1023px) {
  html.ja-ctabar-on body { padding-bottom: calc(var(--ja-ctabar-space, 84px) + var(--ja-qm-h, 100px) + 24px) !important; }
}

/* ② 요금 요약표 — 상세정보 첫머리(예전 상품후기 자리). 요약표가 있으면 탭 바로 아래로 붙인다(시안).
   10-21 고객사 요청(방 msg 1647 「통합요금제 한눈에 확인하기 영역도 동일하게 · 제품 사진에 색이 덧씌워진 듯 보이지 않게」):
   고객사 ja-rental.co.kr 「렌탈 요금 한눈에 보기」와 같은 크기·색. 제품 사진은 흰 카드에 원래 색 그대로
   (예전엔 푸른 바탕 #eaf1fb + mix-blend-mode: multiply 라 흰 몸체가 푸르게 물들었다). */
html.ja-has-rate-summary #prdDetail { padding-top: 44px; }
#prdDetail .ja-rs {
  box-sizing: border-box; max-width: 1100px; margin: 0 auto 60px; padding: 30px;
  background: #f5f8fd; border: 1px solid #e0e8f3; border-radius: 18px;
  text-align: left; color: #142b45; font-family: inherit; line-height: 1.45;
}
#prdDetail .ja-rs * { box-sizing: border-box; }
#prdDetail .ja-rs__head { margin: 0 0 24px; }
#prdDetail .ja-rs__head p { margin: 0 0 8px; padding: 0; font-size: 14px; line-height: 1.6; color: #4f6e94; text-align: left; }
#prdDetail .ja-rs__head h2 { margin: 0; padding: 0; font-size: 27px; font-weight: 750; line-height: 1.4; letter-spacing: -0.05em; color: #142b45; text-align: left; }
#prdDetail .ja-rs__body { display: grid; grid-template-columns: minmax(235px, .8fr) minmax(0, 1.2fr); gap: 28px; align-items: stretch; }
#prdDetail .ja-rs--noimg .ja-rs__body { grid-template-columns: minmax(0, 1fr); }
#prdDetail .ja-rs__media {
  display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; margin: 0; overflow: hidden;
  padding: 12px 16px 14px; background: #fff; border: 1px solid #e1e6ef; border-radius: 12px;
}
/* 테마 .productDetail img { width·height: auto · max-width: 100% (모두 !important) } 를 이겨야 크기가 선다 */
#prdDetail .ja-rs__media img {
  display: block; width: 100% !important; max-width: 360px !important; height: auto !important; aspect-ratio: 1 / 1; margin: 0;
  object-fit: contain; mix-blend-mode: normal; filter: brightness(1.04);
}
#prdDetail .ja-rs__info { min-width: 0; padding-top: 2px; }
#prdDetail .ja-rs__model-row {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  margin: 0 0 14px; padding: 0 0 13px; border-bottom: 1px solid #dfe7f1;
}
#prdDetail .ja-rs__model { min-width: 0; margin: 0; padding: 0; font-size: 25px; font-weight: 750; line-height: 1.45; letter-spacing: -0.045em; color: #17304f; text-align: left; overflow-wrap: anywhere; }
#prdDetail .ja-rs__model-row > span { flex: none; font-size: 11px; line-height: 1.5; color: #8190a2; white-space: nowrap; }
#prdDetail .ja-rs__table {
  width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; table-layout: fixed;
  background: #fff; border: 1px solid #dfe7f2; border-radius: 9px; overflow: hidden;
  font-size: 14px; line-height: 1.7; text-align: left;
}
#prdDetail .ja-rs__table th, #prdDetail .ja-rs__table td {
  padding: 9px 13px; border: 0; border-bottom: 1px solid #e6edf6; vertical-align: middle; text-align: left;
  word-break: keep-all; overflow-wrap: anywhere;
}
#prdDetail .ja-rs__table tr:last-child th, #prdDetail .ja-rs__table tr:last-child td { border-bottom: 0; }
#prdDetail .ja-rs__table th { width: 112px; background: #f6f9fe; color: #49658b; font-size: 13px; font-weight: 550; }
#prdDetail .ja-rs__table td { font-size: 14px; font-weight: 500; color: #213c60; }
#prdDetail .ja-rs__table td > strong { font-size: 17px; font-weight: 750; color: #075fdb; }
#prdDetail .ja-rs__price td > strong { font-size: 28px; line-height: 1.4; letter-spacing: -0.04em; }
#prdDetail .ja-rs__price td > strong > span { margin-left: 4px; font-size: 13px; font-weight: 550; color: #4d6c93; }
#prdDetail .ja-rs__price td > small { display: block; margin-top: 3px; font-size: 11px; line-height: 1.5; color: #748196; }
#prdDetail .ja-rs__note { margin: 10px 0 12px; padding: 0; font-size: 11px; line-height: 1.8; color: #5b7393; text-align: left; word-break: keep-all; }
#prdDetail .ja-rs__more {
  display: flex; align-items: center; justify-content: center; gap: 5px; width: max-content; margin: 10px auto 0; padding: 0 6px;
  font-size: 12px; line-height: 1.8; color: #3566a6 !important; text-decoration: none !important;
}
#prdDetail .ja-rs__more:hover { text-decoration: underline !important; }
#prdDetail .ja-rs__more-ic { flex: none; width: 15px; height: 15px; }
/* PC: 사진 카드 높이를 오른쪽 문의 버튼 아래 끝에 맞춘다(「요금제 자세히 보기」 한 줄만큼 위에서 끝남) — contain:size 로 사진이 칸 높이를 늘리지 않게. */
@media (min-width: 1024px) {
  #prdDetail .ja-rs__media { margin-bottom: calc(10px + 12px * 1.8); contain: size; }
  #prdDetail .ja-rs__media img { min-height: 0; max-height: 100%; flex: 0 1 auto; }
}

/* ③ 렌탈요금표 바로 아래 버튼 */
#prdDetail .ja-cta3--rate { box-sizing: border-box; width: 100%; max-width: 1100px; margin: 14px auto 44px; }
#prdDetail .ja-cta3--img { max-width: 1200px; padding: 0 3.6%; }
#prdDetail .ja-rate-mark { display: block; height: 0; overflow: hidden; }
#prdDetail .ja-split { position: relative; width: 100%; margin: 0 auto; }
#prdDetail .ja-split__part { width: 100%; height: 0; overflow: hidden; }
#prdDetail .ja-split__img { display: block; width: 100%; max-width: none; height: auto; margin: 0; }
#prdDetail .ja-split .ja-cta3--rate { margin: 6px auto 26px; padding: 0 3%; max-width: none; }

/* 고정된 상세 탭은 내용보다 위에 — 흐르는 후기 카드(움직임 효과)·위치 지정 사진이 탭 밑을 지날 때 탭 글자를 덮지 않게(테마 z-index 없음 · 10-20 점검) */
.detail-tab__nav.fixed { z-index: 7; }

/* ④ 상품후기 카드 마퀴 — 반품/교환정보 바로 위 */
#prd-review.ja-rv-cards .pr-more,
#prd-review.ja-rv-cards .contents > .xans-product-review,
#prd-review.ja-rv-cards .contents > .xans-product-reviewpaging { display: none !important; }
.ja-rvmq { margin: 34px 0 10px; text-align: left; }
.ja-rvmq__head { display: flex; align-items: baseline; gap: 8px; margin: 0 0 14px; font-size: 18px; color: #111; }
.ja-rvmq__head strong { font-weight: 800; }
.ja-rvmq__head span { font-size: 13px; color: #8a93a3; }
.ja-rvmq__viewport { --ja-rv-card: 290px; --ja-rv-gap: 16px; position: relative; overflow: hidden; width: 100%; }
.ja-rvmq__track { display: flex; flex-flow: row nowrap; width: max-content; will-change: transform; animation: jaRvScroll var(--ja-rv-duration, 40s) linear infinite; }
.ja-rvmq__group { display: flex !important; flex-flow: row nowrap; flex: 0 0 auto; gap: var(--ja-rv-gap); margin: 0 !important; padding: 0 var(--ja-rv-gap) 0 0 !important; list-style: none; }
.ja-rvmq__card { flex: 0 0 var(--ja-rv-card); width: var(--ja-rv-card); margin: 0; padding: 0; list-style: none; }
.ja-rvmq__open {
  display: flex; flex-direction: column; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
  background: #fff; border: 1px solid #e8ebf0; border-radius: 10px; text-align: left; cursor: pointer;
  font-family: inherit; color: inherit; box-shadow: 0 2px 10px rgba(17, 24, 39, .05);
}
.ja-rvmq__open:focus-visible { outline: 2px solid var(--ja-cta-navy); outline-offset: 2px; }
.ja-rvmq__img { display: block; position: relative; width: 100%; aspect-ratio: 310 / 279; background: #eef2f7; overflow: hidden; }
.ja-rvmq__img img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.ja-rvmq__img--none { display: flex; align-items: center; justify-content: center; font-size: 64px; color: #c7d3e6; font-family: Georgia, serif; }
.ja-rvmq__body { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; min-height: 0; }
.ja-rvmq__stars { font-size: 13px; letter-spacing: 1px; color: #f5b400; line-height: 1; }
.ja-rvmq__title { font-size: 15px; font-weight: 700; color: #111; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all; overflow-wrap: anywhere; }
.ja-rvmq__text { font-size: 13px; color: #6b7280; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.9em; overflow-wrap: anywhere; }
.ja-rvmq__meta { font-size: 12px; color: #9aa3b2; text-align: right; }
@keyframes jaRvScroll { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
.ja-rvmq__viewport:focus-within .ja-rvmq__track { animation-play-state: paused; }
@media (hover: hover) { .ja-rvmq__viewport:hover .ja-rvmq__track { animation-play-state: paused; } }
@media (prefers-reduced-motion: reduce) {
  .ja-rvmq__track { animation: none; }
  .ja-rvmq__viewport { overflow-x: auto; }
}

@media (max-width: 1023px) {
  #prdDetail .ja-rs { padding: 22px 18px; margin-bottom: 44px; border-radius: 14px; }
  #prdDetail .ja-rs__head { margin-bottom: 19px; }
  #prdDetail .ja-rs__head h2 { font-size: 23px; }
  #prdDetail .ja-rs__head p { font-size: 11px; }
  #prdDetail .ja-rs__body { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  #prdDetail .ja-rs__media { padding: 12px 14px 10px; }
  #prdDetail .ja-rs__media img { width: min(100%, 280px) !important; max-width: 280px !important; }
  #prdDetail .ja-rs__model { font-size: 22px; }
  #prdDetail .ja-rs__model-row > span { font-size: 10px; }
  #prdDetail .ja-rs__table th, #prdDetail .ja-rs__table td { padding: 10px; }
  #prdDetail .ja-rs__table th { width: 86px; font-size: 11px; }
  #prdDetail .ja-rs__table td { font-size: 12px; }
  #prdDetail .ja-rs__table td > strong { font-size: 15px; }
  #prdDetail .ja-rs__price td > strong { font-size: 25px; }
  #prdDetail .ja-rs__price td > strong > span { font-size: 11px; }
  #prdDetail .ja-cta3--rate { padding: 0 16px; }
  #prdDetail .ja-cta3--img { padding: 0 max(16px, 3.6%); }
  #prdDetail .ja-split .ja-cta3--rate { padding: 0 max(16px, 3%); }
  .ja-rvmq__head { padding: 0 16px; }
}
@media (max-width: 767px) {
  html.ja-has-rate-summary #prdDetail { padding-top: 28px; }
  #prdDetail .ja-rs { margin: 0 0 36px; }
  .ja-cta3 { gap: 6px; }
  .ja-cta3 .ja-cbtn { height: 40px; font-size: 13px; padding: 0 4px; gap: 4px; }
  .ja-rvmq__viewport { --ja-rv-card: 230px; --ja-rv-gap: 12px; }
  .ja-rvmq__head { font-size: 16px; }
  .ja-rvmq__body { padding: 12px 12px 14px; }
  .ja-rvmq__title { font-size: 14px; }
}
@media (max-width: 374px) {
  .ja-cta3 .ja-cbtn { font-size: 12px; }
  .ja-cta3 .ja-cbtn__ic { width: 13px; height: 13px; }
  .ja-cta3 .ja-cbtn__kk { width: 15px; height: 15px; font-size: 7.5px; }
}
@media (max-width: 360px) {
  #prdDetail .ja-rs { padding: 19px 12px; }
  #prdDetail .ja-rs__head h2 { font-size: 21px; }
  #prdDetail .ja-rs__model { font-size: 20px; }
  #prdDetail .ja-rs__model-row > span { display: none; }
  #prdDetail .ja-rs__table th, #prdDetail .ja-rs__table td { padding: 9px 8px; }
  #prdDetail .ja-rs__table th { width: 76px; font-size: 10px; }
  #prdDetail .ja-rs__table td { font-size: 11px; }
  #prdDetail .ja-rs__price td > strong { font-size: 24px; }
  #prdDetail .ja-rs__price td > strong > span { font-size: 10px; }
}
@media print { .ja-ctabar { display: none !important; } html.ja-ctabar-on body { padding-bottom: 0 !important; } }
/* END JA DETAIL CTA 2026-10-19 */
/* JA CALC OFF 2026-10-20 — 고객사 요청(방 msg 1559 「상세페이지에 계산기 도구 부분은 일괄삭제」): 상품 상세 「경쟁사 요금제와 비교해보세요」 계산기(외부 위젯 #ja-pricing-widget)를 가린다.
   위젯 스크립트(_ext/…/jasolution-loader.js)는 빈 판으로 바꿨다. 이 줄은 브라우저에 남은 옛 스크립트(4시간 캐시)와 다시 크롤한 판까지 가린다. */
#ja-pricing-widget { display: none !important; }
/* END JA CALC OFF 2026-10-20 */