@charset "utf-8";
/* ==========================================================================
   BMTECH — GE 품질 라벨 + 체크 리스트 (content/quality.php)
   --------------------------------------------------------------------------
   디자인뱅크 archive 이식:
     04_business/material-list/_code/a1_acmst_business_material-list
   구조·수치는 archive style.css 그대로 (rem→px ×10). 색·폰트만 --bmt-* 토큰.

   archive 대비 의도된 차이:
     1. 섹션 heading("Business") 미이식 — 페이지 상단 .page_head 가 그 역할
     2. 행 1개만 사용 (archive 는 소재별 3행). __inner 컨테이너도 미이식 —
        기존 .m_box 폭 안에 놓인다
     3. __label 에 __sub 줄 추가 — 대표 요청 2026-08-26
        ("GE 품질" 크게 / 밑에 "수준으로…" / "미래유망 초강소기업"은
        archive __name(28px)보다 작게 → 22px)
     4. 체크 아이콘 fill #191919 → --bmt-accent 리컬러
     5. 스크롤 리빌: archive data-wd-reveal 대신 사이트 공용 .scr_ani(sub.js)
   ========================================================================== */

.wd-ge-materials {
  font-family: var(--bmt-font);
  color: var(--bmt-ink);
}

/* --- 행 --- */
.wd-ge-materials__row {
  display: flex;
  align-items: flex-start;
  padding: 80px 0;
  border-top: 1px solid var(--bmt-line);
}

/* --- 좌측 라벨 (심볼 + 명칭) --- */
.wd-ge-materials__label {
  width: 22.728%;
  flex-shrink: 0;
}

.wd-ge-materials__symbol {
  margin-bottom: 10px;
  font-size: 74px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--bmt-ink);
}

.wd-ge-materials__sub {
  margin-bottom: 6px;
  font-size: var(--bmt-fs-lg);
  font-weight: var(--bmt-fw-reg);
  letter-spacing: -0.04em;
  line-height: 1.42;
  color: var(--bmt-body);
}

.wd-ge-materials__name {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.42;
  color: var(--bmt-ink);
}

/* --- 우측 본문 --- */
.wd-ge-materials__body {
  width: 77.273%;
}

.wd-ge-materials__item {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.4;
  color: var(--bmt-ink);
}

.wd-ge-materials__item:last-child {
  margin-bottom: 0;
}

/* 체크 아이콘 (archive 인라인 SVG 체크서클 — fill 만 액센트 리컬러) */
.wd-ge-materials__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23004b9b'/%3E%3Cpath d='M5.5 10.2l3 3 6-6' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

/* ===== Responsive ===== */
@media all and (max-width: 1280px) {
  .wd-ge-materials__symbol { font-size: 60px; }
}

@media all and (max-width: 800px) {
  .wd-ge-materials__row { display: block; padding: 40px 0; }
  .wd-ge-materials__label { width: 100%; margin-bottom: 20px; }
  .wd-ge-materials__symbol { font-size: 54px; }
  .wd-ge-materials__body { width: 100%; }
}