/*
 * about-cardbox.css
 * About 페이지의 2x3 카드 박스 스타일
 */
.about-cardbox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 2.2rem 2.2rem;
  background: #2b2252;
  border-radius: 2.2rem;
  box-shadow: 0 10px 48px #1a1336bb, 0 1.5px 0 #fff1;
  padding: 2.8rem 2.6rem;
  margin-top: 3vw;
  width: 560px;
  min-height: 370px;
  justify-items: center;
  align-items: center;
}

.about-card {
  background: #1a1432;
  border-radius: 1.2rem;
  box-shadow: 0 2px 16px #0002;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  transition: transform 0.18s, box-shadow 0.18s;
  overflow: hidden;
}
.about-card:hover {
  transform: translateY(-6px) scale(1.035);
  box-shadow: 0 8px 32px #7ecbff66, 0 2px 0 #fff1;
}
.about-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.1rem;
  box-shadow: 0 0 16px #0005;
}

@media (max-width: 900px) {
  .about-cardbox {
    width: 98vw;
    padding: 1.2rem 0.6rem;
    gap: 1.2rem 1.2rem;
  }
  .about-card {
    width: 28vw;
    height: 28vw;
    min-width: 80px;
    min-height: 80px;
  }
}