@charset "utf-8";
/* ==========================================================================
   파트너사 로고 월 — 회사소개서 PPT '06. Partner' 페이지와 동일한 형태
   css/partner-logo.css 로 저장하고 partner.html 에서 sub.css '뒤에' link 하세요.
   ========================================================================== */

.partner-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* 마지막 줄이 덜 차도 가운데 정렬 */
  margin: 70px 0 110px;
  padding: 0;
  list-style: none;
}

/* 모든 칸을 같은 크기로 고정 — 로고 원본 크기와 무관하게 격자가 유지됩니다 */
.partner-list__item {
  flex: 0 0 16.666%;         /* 한 줄에 6개 (PPT 첫 줄과 동일) */
  max-width: 16.666%;
  min-height: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  box-sizing: border-box;
}

/* 핵심 — 높이를 고정한 상자 안에 로고를 비율 그대로 맞춰 넣습니다.
   원본이 크든 작든 모두 같은 '시각적 높이'로 보정됩니다. (PPT와 동일한 방식) */
.partner-list__item img {
  display: block;
  width: 100%;
  max-width: 150px;
  height: 40px;
  object-fit: contain;
  object-position: center;
}

/* 2줄짜리 로고는 조금 크게 — PPT에서도 더 크게 배치되어 있습니다 */
.partner-list__item img.is-stacked { height: 58px; max-width: 112px; }
/* 배경색이 박혀 있는 로고는 살짝 작게 (면적이 커 보이는 것을 상쇄) */
.partner-list__item img.is-boxed   { height: 36px; max-width: 124px; }

/* object-fit 미지원 구형 브라우저(IE11 등) 대비 — 찌그러지지 않게 처리 */
@supports not (object-fit: contain) {
  .partner-list__item img { width: auto; height: auto; max-height: 40px; }
  .partner-list__item img.is-stacked { max-height: 58px; }
  .partner-list__item img.is-boxed   { max-height: 36px; }
}

/* 태블릿 : 4열 */
@media (max-width: 1024px) {
  .partner-list__item { flex-basis: 25%; max-width: 25%; min-height: 100px; padding: 18px 14px; }
  .partner-list__item img { max-width: 140px; height: 38px; }
  .partner-list__item img.is-stacked { height: 54px; max-width: 106px; }
  .partner-list__item img.is-boxed   { height: 34px; }
}

/* 모바일 : 2열 */
@media (max-width: 640px) {
  .partner-list { margin: 40px 0 64px; }
  .partner-list__item { flex-basis: 50%; max-width: 50%; min-height: 86px; padding: 14px 10px; }
  .partner-list__item img { max-width: 120px; height: 32px; }
  .partner-list__item img.is-stacked { height: 46px; max-width: 92px; }
  .partner-list__item img.is-boxed   { height: 29px; }
}

/* --------------------------------------------------------------------------
   [선택] 로고 색이 제각각이라 산만하면 아래 주석을 푸세요.
          평소엔 회색, 마우스를 올리면 원래 색으로 돌아옵니다.
   -------------------------------------------------------------------------- */
/*
.partner-list__item img { filter: grayscale(100%); opacity: .62; transition: filter .25s, opacity .25s; }
.partner-list__item:hover img { filter: grayscale(0); opacity: 1; }
@media (prefers-reduced-motion: reduce) { .partner-list__item img { transition: none; } }
*/