/* 함께하는 기관(M1_ORGAN) 로고 목록 (2026-10-22) */
.partners { word-break: keep-all; }
.partners-intro { margin: 0 0 32px; padding: 28px 32px; border-radius: 16px; background: #f5f9f6; color: #444; font-size: 16px; line-height: 1.8; }
.partners-intro strong { display: block; margin-bottom: 6px; font-size: 20px; color: #111; }
.partners-group + .partners-group { margin-top: 44px; }
.partners-group-tit { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; font-size: 19px; font-weight: 700; color: #111; }
.partners-group-tit::before { content: ""; width: 4px; height: 18px; border-radius: 2px; background: #00c244; }
.partners-group-tit .count { font-size: 14px; font-weight: 500; color: #999; }
.partners-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.partners-item { display: flex; flex-direction: column; height: 100%; border: 1px solid #e6e8ec; border-radius: 14px; background: #fff; overflow: hidden; color: inherit; text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
a.partners-item:hover { border-color: #00c244; box-shadow: 0 6px 18px rgba(0,0,0,.06); transform: translateY(-2px); }
.partners-logo { display: flex; align-items: center; justify-content: center; aspect-ratio: 3 / 2; padding: 20px 24px; }
.partners-logo img { max-width: 100%; max-height: 64px; object-fit: contain; filter: grayscale(100%); opacity: .85; transition: filter .2s, opacity .2s; }
a.partners-item:hover .partners-logo img, .partners-item.is-color .partners-logo img { filter: none; opacity: 1; }
.partners-logo .placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border: 1px dashed #d5d9df; border-radius: 10px; font-size: 13px; color: #aab0b8; }
.partners-name { padding: 12px 14px; border-top: 1px solid #f0f1f4; font-size: 14px; font-weight: 500; line-height: 1.4; text-align: center; color: #333; }
.partners-empty { padding: 56px 20px; border: 1px dashed #d5d9df; border-radius: 16px; text-align: center; font-size: 15px; color: #888; }

@media (max-width: 1023px) {
  .partners-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .partners-intro { padding: 20px; font-size: 15px; }
  .partners-intro strong { font-size: 18px; }
  .partners-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .partners-logo { padding: 14px 16px; }
  .partners-logo img { max-height: 44px; }
  .partners-name { padding: 10px; font-size: 13px; }
}