@charset "utf-8";
/* ==========================================================================
   bmtech-main-mv — 메인 히어로 카피(#mv .mv-copy) + 제품 6종 그리드
   --------------------------------------------------------------------------
   2026-09-18 고객 PPT(BMTECH Website MJK ver1.3.2) 슬라이드 3~4 반영.
   구동(bxslider, main_new.js mv())·#mv 골격·페이저 막대는 레거시 그대로다.
   바꾼 것:
     · 슬라이드 카피 — 레거시 .txt/.txt1/.txt2 고정 px 조합 대신 타이포 역할
       E(eyebrow) · A(대제목) · F(리드) 스펙을 그대로 쓴다. 새 조합 없음.
     · 정렬 — PPT 목업대로 좌측 정렬, 본문 축(container + gutter)에 맞춘다.
     · 슬라이드 전체 링크(.mv-slide__link) — "배너 클릭 시 이동" 요청.
     · 페이저 3칸 → 4칸, 제품 4개 → 6개(PC 한 줄 6열, 1080↓ 3열, 800↓ 2열).
   ========================================================================== */

#mv .mv-slide { position: relative; }
#mv .mv-slide__link { position: absolute; inset: 0; z-index: 1; }

#mv .txt_wrap.mv-copy {
  z-index: 2;
  left: 50%;
  width: 100%;
  max-width: calc(var(--bmt-container) + var(--bmt-gutter) * 2);
  padding: 0 var(--bmt-gutter);
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  text-align: left;
  pointer-events: none;           /* 빈 곳 클릭은 아래 .mv-slide__link 로 */
}

/* E. eyebrow */
#mv .mv-copy__eyebrow {
  margin: 0 0 24px;
  font-family: var(--bmt-font-num);
  font-size: var(--bmt-fs-sm);
  font-weight: var(--bmt-fw-bold);
  line-height: var(--bmt-lh-tight);
  letter-spacing: .02em;
  text-transform: uppercase;
}
/* A. 대제목 */
#mv .mv-copy__title {
  font-size: clamp(40px, 4.15vw, 64px);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.045em;
  word-break: keep-all;
  transition-delay: .2s;
}
/* F. 리드 */
#mv .mv-copy__sub {
  margin-top: 16px;
  font-size: var(--bmt-fs-lg);
  font-weight: var(--bmt-fw-reg);
  line-height: 1.75;
  letter-spacing: var(--bmt-ls-heading);
  word-break: keep-all;
  transition-delay: .35s;
}
#mv .mv-copy__logo { margin-bottom: 28px; }
#mv .mv-copy__logo img { display: block; height: 44px; width: auto; }

#mv .mv-copy__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 40px;
  transition-delay: .5s;
}
#mv .mv-copy__btn {
  display: inline-flex;
  align-items: center;
  height: 52px;
  padding: 0 28px;
  border: 1px solid var(--bmt-accent);
  border-radius: var(--bmt-radius-pill);
  background: var(--bmt-accent);
  color: var(--bmt-inverse);
  font-size: var(--bmt-fs-base);
  font-weight: var(--bmt-fw-semi);
  pointer-events: auto;
  transition: background-color var(--bmt-transition), border-color var(--bmt-transition), color var(--bmt-transition);
}
#mv .mv-copy__btn:hover { background: var(--bmt-accent-hover); border-color: var(--bmt-accent-hover); }
#mv .mv-copy__btn--line { background: transparent; border-color: currentColor; }

/* 어두운 배경 슬라이드 */
#mv .mv-slide--dark .mv-copy__eyebrow { color: var(--bmt-accent-soft); }
#mv .mv-slide--dark .mv-copy__title   { color: var(--bmt-inverse); }
#mv .mv-slide--dark .mv-copy__sub     { color: var(--bmt-inverse); opacity: .82; }
#mv .mv-slide--dark .mv-copy__btn--line { color: var(--bmt-inverse); }
#mv .mv-slide--dark .mv-copy__btn--line:hover { background: var(--bmt-inverse); color: var(--bmt-ink); }
/* 밝은 배경 슬라이드 (mv3 제품컷) */
#mv .mv-slide--light .mv-copy__eyebrow { color: var(--bmt-accent); }
#mv .mv-slide--light .mv-copy__title   { color: var(--bmt-ink); }
#mv .mv-slide--light .mv-copy__sub     { color: var(--bmt-body); }
#mv .mv-slide--light .mv-copy__btn--line { color: var(--bmt-ink); }
#mv .mv-slide--light .mv-copy__btn--line:hover { background: var(--bmt-ink); border-color: var(--bmt-ink); color: var(--bmt-inverse); }

/* 페이저 4칸 */
#mv .mv_pager_con { width: 25%; }

/* 제품 6종 — 레거시 .product_wrap 은 1515px 고정폭 + jScrollPane 가로 스크롤 전제다.
   6개를 한 줄에 보이게(PPT 목업) 그리드로 푼다. 800px 이하는 rhythm.css S8 의 2열이 이긴다. */
@media (min-width: 801px) {
  .m2 .scroll_wrap { position: static; }
  .m2 .scroll-pane,
  .m2 .jspContainer,
  .m2 .jspPane { width: 100% !important; height: auto !important; position: static !important; }
  .m2 .jspVerticalBar, .m2 .jspHorizontalBar { display: none !important; }
  .m2 .inner { height: auto; }
  .m2 .product_wrap.product_wrap--six {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    width: 100% !important;
    height: auto !important;
    margin: 0;
  }
  .m2 .product_wrap--six .product_con { float: none; width: auto; padding: 0; }
  .m2 .product_wrap--six .thumb img { height: auto; aspect-ratio: 616 / 522; object-fit: cover; }
  .m2 .product_wrap--six .subject { font-size: var(--bmt-fs-base); }
}
@media (min-width: 801px) and (max-width: 1080px) {
  .m2 .product_wrap.product_wrap--six { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 800px) {
  /* rhythm.css S7 이 .txt_wrap 을 가운데 정렬·90% 폭으로 잡는다 — 좌측 정렬 카피는 거기서 다시 편다 */
  #mv .txt_wrap.mv-copy { width: 100% !important; left: 50% !important; text-align: left; }
  #mv .mv-copy__eyebrow { margin-bottom: 14px; font-size: var(--bmt-fs-xs); }
  #mv .mv-copy__title { font-size: 30px; }
  #mv .mv-copy__sub { font-size: var(--bmt-fs-sm); line-height: 1.6; }
  #mv .mv-copy__logo img { height: 32px; }
  #mv .mv-copy__btns { margin-top: 24px; }
  #mv .mv-copy__btn { height: 44px; padding: 0 20px; font-size: var(--bmt-fs-sm); }
}

/* GE 슬라이드 — 배경(mv6)의 좌측 'GE Healthcare' 로고 아래로 카피를 내린다 */
#mv .mv-slide--ge .txt_wrap.mv-copy { top: 64%; }
@media (max-width: 800px) {
  #mv .mv-slide--ge .txt_wrap.mv-copy { top: 60%; }
}
#mv .mv-slide--ge .mv-copy__eyebrow { color: var(--bmt-inverse); opacity: .8; }
@media (max-width: 800px) {
  /* 좁은 화면은 배경 제품컷이 카피 뒤로 들어온다 — 밝은 슬라이드만 흰 막을 한 겹 깐다 (단색) */
  #mv .mv-slide--light::before { content: ''; position: absolute; inset: 0; background: var(--bmt-surface); opacity: .72; }
}
@media (max-width: 1080px) {
  /* 레거시 고정 높이 3겹(.m2 700px !important · .m2 .wrap 450px(모바일 테마) · .m2 .inner 351px)이
     제품 4→6개로 2~3줄이 되면 마지막 줄을 다음 섹션 밑으로 깐다. 한 줄 6열인 PC 는 그대로 둔다 */
  .m2.section { height: auto !important; min-height: 700px; padding-bottom: 60px; }
  .m2 .wrap, .m2 .inner { height: auto !important; }
}

/* 제품군 머리칸 — 2026-09-30 고객 요청(수정사항0930 메인홈 ③).
   '골밀도 진단기' 드롭다운 1칸 → DEXA(아래 4개 폭) · UBD2002A(아래 2개 폭) 2칸.
   PC 6열 그리드와 같은 열·간격을 써서 칸 폭이 제품 카드 경계에 맞는다.
   드롭다운이 아니므로 레거시 화살표(::before/::after)는 지운다. */
.m2 .product_nav--group .dep1 { padding: 0 14px; text-align: center; cursor: default; background-color: var(--bmt-accent); border-color: var(--bmt-accent); color: var(--bmt-inverse); }
.m2 .product_nav--group .dep1::before,
.m2 .product_nav--group .dep1::after { display: none; }
@media (min-width: 1081px) {
  .m2 .product_nav--group .dep1_wrap { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin: 0; }
  .m2 .product_nav--group .dep1_wrap::after { display: none; }
  .m2 .product_nav--group .dep1_con { float: none; width: auto; margin: 0; }
  .m2 .product_nav--group .product_nav__dexa { grid-column: span 4; }
  .m2 .product_nav--group .product_nav__ubd  { grid-column: span 2; }
}
/* SMART·EASY 이미지 살짝 축소 (같은 요청 ②) — 카드 크기는 그대로, 사진만 줄인다 */
.m2 .product_con--ubd .thumb img { transform: scale(.86); }
@media (max-width: 1080px) {
  /* 좁은 화면은 제품이 2~3열로 줄바꿈돼 칸 폭을 카드 경계에 맞출 수 없다 → 두 칸을 한 줄로 나란히 */
  .m2 .product_nav--group .dep1_wrap { display: flex; gap: 10px; margin: 0; }
  .m2 .product_nav--group .dep1_wrap::after { display: none; }
  .m2 .product_nav--group .dep1_con { float: none; flex: 1 1 0; width: auto; margin: 0; }
}