@charset "utf-8";
/* ==========================================================================
   BMTECH — 국책과제 수행 (content/SONP.php PC·모바일 공용)
   원형 dashed 필 + 통짜 이미지 → 넘버링 카드 3장 + 서류 썸네일 그리드.
   구 스타일(sub.css .sonp_pill 계열)은 마크업 교체로 제거됨.
   ========================================================================== */

/* ── 사업 카테고리 카드 ── */
.sonp_cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 0 0 80px;
}

.sonp_card {
  border: 1px solid var(--bmt-line);
  border-radius: var(--bmt-radius);
  background: var(--bmt-surface);
  padding: 36px 32px;
  transition: var(--bmt-transition);
}

.sonp_card:hover {
  border-color: var(--bmt-accent);
  box-shadow: var(--bmt-shadow);
}

.sonp_card_no {
  display: block;
  font-family: var(--bmt-font-num);
  font-size: var(--bmt-fs-sm);
  font-weight: 700;
  color: var(--bmt-accent);
  letter-spacing: 0.06em;
  margin: 0 0 18px;
}

.sonp_card h4 {
  margin: 0 0 10px;
  font-size: var(--bmt-fs-h4);
  font-weight: 700;
  color: var(--bmt-ink);
  letter-spacing: -0.02em;
  line-height: 1.35;
}

.sonp_card_en {
  margin: 0 0 16px;
  font-family: var(--bmt-font-num);
  font-size: var(--bmt-fs-sm);
  font-weight: 500;
  color: var(--bmt-accent-mid);
}

.sonp_card_desc {
  margin: 16px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid var(--bmt-line-soft);
  font-size: var(--bmt-fs-sm);
  color: var(--bmt-body);
  line-height: 1.6;
}

/* ── 사업 계획서 썸네일 ── */
.sonp_docs_list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 원본 이미지를 새 창으로 여는 링크였다. 스캔 문서라 확대해도 읽히지 않아
   클릭할 이유가 없다 — 링크를 걷어내 커서·새 창이 안 뜨게 한다 */
.sonp_docs_item {
  display: block;
  background: var(--bmt-surface-alt);
  border: 1px solid var(--bmt-line-soft);
  border-radius: var(--bmt-radius);
  padding: 18px 22px;
}

.sonp_docs_list img {
  display: block;
  width: 100%;
  height: auto;
}

/* ── Responsive ── */
@media (max-width: 1220px) {
  .sonp_docs_list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 800px) {
  .sonp_cards {
    grid-template-columns: 1fr;
    gap: 16px;
    margin: 0 0 50px;
  }

  .sonp_card {
    padding: 28px 24px;
  }

  .sonp_docs_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}