/* =========================================================
  용인시수지노인복지관 : 나눔이웃 가게 최신글 스킨 스타일시트
========================================================= */

#neighbor_inner {
  width: 100%;
}

#neighbor_inner .splide__track {
  padding: 20px !important;
}

#neighbor_inner .neighbor_grid {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#neighbor_inner .logo_box {
  min-width: 0;
}

#neighbor_inner .logo_box .inner {
  width: 100%;
  height: 95px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 15px 20px;
  overflow: hidden;

  border-radius: 30px;
  background: #fff;
  border: 1px solid transparent;
  box-shadow: 0 0 12px rgba(19, 38, 78, 0.1);

  transition: border-color 0.3s ease-in-out;
}

#neighbor_inner .logo_box .inner:hover {
  border-color: #D6DDE6;
}

#neighbor_inner .logo_box .img {
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}

#neighbor_inner .logo_box .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#neighbor_inner .logo_box .img p {
  color: #13264e;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

#neighbor_inner .splide__slide {
  min-width: 0;
}

#neighbor_inner .inner.no_link {
  cursor: default;
}

/* 2행 2열 */
@media (max-width: 1440px) {
  #neighbor_inner .neighbor_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 2행 1열 */
@media (max-width: 768px) {
  #neighbor_inner .neighbor_grid {
    grid-template-columns: minmax(0, 1fr);
  }
}