@charset "utf-8";
/* ==========================================================================
   GE 협력 다크 밴드 (content/infor.php .collab_banner) — 2026-08-26 리디자인
   --------------------------------------------------------------------------
   이전: 벤다이어그램 클론(궤도 SVG + 글로우 + 중앙 발광 원 + 하늘색 라벨).
   그라데이션·글로우가 토큰 규율 밖이었고, 정보는 결국 "GE=Marketing/Support,
   BMTECH=Manufacturing/R&D, 공동의 결과=품질·가격" 세 줄이다.

   지금: 카보노미 계열 풀블리드 다크 밴드(accent-deep 단색) + 좌측 정렬
   + 헤어라인 2컬럼. 타이포는 역할 스케일, 다크 위 색은 --bmt-on-dark 토큰.
   sub.css 의 구 .collab_* (그라데이션 배너·원형)는 이 파일이 덮는다.
   ========================================================================== */

.collab_banner {
  position: relative;
  overflow: hidden;
  background: var(--bmt-surface-dark);
  color: var(--bmt-on-dark);
}

/* 구 마크업 잔재가 혹시 남아도 죽인다 */
.collab_glow, .collab_orbit, .collab_stage, .collab_circle { display: none; }

.collab_wrap {
  display: block;
}

/* --- 헤더 (좌측 정렬) --- */
.collab_eyebrow {
  margin: 0 0 16px;
  color: var(--bmt-accent-soft);
  font-family: var(--bmt-font-num);
  font-size: var(--bmt-fs-sm);
  font-weight: var(--bmt-fw-bold);
  letter-spacing: .02em;
  text-transform: uppercase;
}

.collab_head {
  margin: 0 0 14px;
  color: var(--bmt-on-dark);
  font-size: var(--bmt-fs-display);
  font-weight: 600;
  line-height: var(--bmt-lh-display);
  letter-spacing: var(--bmt-ls-display);
  word-break: keep-all;
}

.collab_x {
  margin: 0 6px;
  color: var(--bmt-accent-soft);
  font-weight: var(--bmt-fw-reg);
}

.collab_lead {
  margin: 0 0 56px;
  color: var(--bmt-on-dark-muted);
  font-size: var(--bmt-fs-lg);
  font-weight: var(--bmt-fw-reg);
  line-height: var(--bmt-lh-body);
  letter-spacing: var(--bmt-ls-body);
}

/* --- 2컬럼: 각 사의 역할 --- */
.collab_grid {
  display: flex;
  gap: 64px;
}

.collab_col {
  flex: 1;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, .25);
  text-align: left;
  width: auto;
}

/* GE 로고 스캔은 흰 원 배지 안에 가둔다 (원본 이미지가 흰 바탕 원형 스캔) */
.collab_badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: var(--bmt-inverse);
  overflow: hidden;
}
.collab_badge img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.collab_logo {
  display: block;
  height: 40px;
  width: auto;
  margin: 16px 0 36px;   /* 배지(72px+20)와 시각 높이를 맞춘다 */
}

.collab_role {
  margin: 0 0 8px;
  color: var(--bmt-on-dark);
  font-family: var(--bmt-font-num);
  font-size: var(--bmt-fs-h4);
  font-weight: var(--bmt-fw-bold);
  letter-spacing: var(--bmt-ls-heading);
}

.collab_name {
  margin: 0;
  color: var(--bmt-on-dark-muted);
  font-size: var(--bmt-fs-sm);
  letter-spacing: var(--bmt-ls-body);
}

/* ===== Responsive ===== */
@media (max-width: 800px) {
  .collab_lead { margin-bottom: 36px; }
  .collab_grid { flex-direction: column; gap: 28px; }
}