@charset "utf-8";
/* ==========================================================================
   BMTECH — GE 협력 성과 박스 (content/GE_ODM.php)
   --------------------------------------------------------------------------
   디자인뱅크 archive 이식:
     04_business/strength-features/_code/a5_miracell_strength_results-cta
   구조·수치는 archive style.css 그대로. 색·폰트만 --bmt-* 토큰으로 리컬러.

   archive 대비 의도된 차이:
     1. CTA 박스 미이식 — 매핑할 콘텐츠가 없다 (원하면 archive cta-box 블록 추가)
     2. 체크 아이콘: xeicon("\e929") → "✓" 시스템 글리프 (사이트에 xeicon 미로드)
     3. 스크롤 리빌: archive is-visible 스크립트 대신 사이트 공용 .scr_ani(sub.js)
     4. __inner 에 width:min(1240px,100vw) 추가 — .full_img(2000px 풀블리드) 안에
        놓여서, 이게 없으면 좁은 화면에서 1240px 그대로 뷰포트를 넘는다
     5. __result-item align-items center → flex-start (대표 요청 2026-08-26 —
        칸 높이가 제각각이라 세로 중앙이 들쭉해 보임)
   ========================================================================== */

/* --- Section --- */
.wd-strength {
  padding: 110px 0;
  background-color: var(--bmt-surface-alt);
  font-family: var(--bmt-font);
}

.wd-strength__inner {
  display: flex;
  align-items: flex-start;
  max-width: 1240px;
  width: min(1240px, 100vw);
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* --- Title Column --- */
.wd-strength__title-col {
  width: calc(28.572% - 40px);
  margin-right: 40px;
  flex-shrink: 0;
}

.wd-strength__title {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1.37;
  color: var(--bmt-ink);
}

.wd-strength__title .blue {
  color: var(--bmt-accent);
}

/* --- Content Column --- */
.wd-strength__content-col {
  width: 71.429%;
}

/* --- Result Box --- */
.wd-strength__result-box {
  border-radius: 10px;
  border: 2px solid var(--bmt-accent);
  overflow: hidden;
}

.wd-strength__result-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  padding: 20px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1.2;
  color: var(--bmt-inverse);
  background-color: var(--bmt-accent);
  box-sizing: border-box;
}

.wd-strength__result-grid {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
  padding: 50px;
  background-color: var(--bmt-surface);
  box-sizing: border-box;
  list-style: none;
}

.wd-strength__result-item {
  position: relative;
  width: calc(50% - 10px);
  margin: 5px;
  display: flex;
  align-items: flex-start;
  padding: 18px 30px 18px 40px;
  background-color: var(--bmt-surface-alt);
  border-radius: 5px;
  box-sizing: border-box;
}

.wd-strength__result-text {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 1.62;
  color: var(--bmt-body);
}

.wd-strength__result-text::before {
  position: absolute;
  top: -2px;
  left: -23px;
  content: "✓";
  color: var(--bmt-accent);
  font-weight: 700;
  font-size: 18px;
}

/* --- Responsive: Tablet --- */
@media (max-width: 800px) {
  .wd-strength {
    padding: 60px 0;
  }

  .wd-strength__inner {
    display: block;
  }

  .wd-strength__title-col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .wd-strength__title {
    font-size: 28px;
  }

  .wd-strength__content-col {
    width: 100%;
  }

  .wd-strength__result-heading {
    min-height: 60px;
    font-size: 18px;
  }

  .wd-strength__result-grid {
    margin: -5px 0;
    padding: 20px;
  }

  .wd-strength__result-item {
    width: 100%;
    padding-left: 35px;
  }
}

/* ==========================================================================
   시장 선도 의료기기 개발 (infor.php .market_lead) — 2026-08-26 리디자인
   레거시(남색 헤더바 패널 + 하늘색 알약 + 화살표 + 타원 리스트, PPT 잔재)
   → 사이트 표준 카드 3장 (번호 + 제목 헤어라인 + 체크서클 + 증빙 이미지).
   구 market_panel/pill/oval 스타일은 sub.css/base 에 남아 있으나 마크업이
   더 이상 쓰지 않는다.
   ========================================================================== */

.market_lead {
  align-items: stretch;
  gap: 40px;
}

.market_card {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 40px 44px 44px;
  background-color: var(--bmt-surface);
  border: var(--bmt-border);
  border-radius: var(--bmt-radius-lg);
  box-sizing: border-box;
}

.market_card_num {
  margin: 0 0 10px;
  color: var(--bmt-accent);
  font-family: var(--bmt-font-num);
  font-size: var(--bmt-fs-sm);
  font-weight: var(--bmt-fw-semi);
  letter-spacing: .04em;
}

.market_card_tit {
  margin: 0 0 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--bmt-line-soft);
  color: var(--bmt-ink);
  font-size: var(--bmt-fs-h4);
  font-weight: var(--bmt-fw-bold);
  letter-spacing: var(--bmt-ls-heading);
}

.market_card_list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.market_card_list li {
  position: relative;
  margin: 0 0 12px;
  padding-left: 30px;
  color: var(--bmt-body);
  font-size: var(--bmt-fs-base);
  line-height: var(--bmt-lh-tight);
  word-break: keep-all;
}
.market_card_list li:last-child { margin-bottom: 0; }
.market_card_list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 18px;
  height: 18px;
  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;
}

/* 증빙 스캔 이미지 — 카드 하단 고정, 헤어라인 프레임 */
.market_card_img {
  display: block;
  width: 100%;
  margin-top: 24px;
  border: 1px solid var(--bmt-line-soft);
  border-radius: var(--bmt-radius);
  box-sizing: border-box;
}
/* 리스트 짧은 카드도 이미지가 바닥에 정렬되도록 */
.market_card_list + .market_card_img { margin-top: auto; }
.market_card_list { margin-bottom: 24px; }

@media (max-width: 900px) {
  .market_lead { flex-direction: column; gap: 24px; }
  .market_card { padding: 28px 24px; }
}