@charset "UTF-8";
/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
.main-banner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.5rem;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .main-banner {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.main-banner__item {
  position: relative;
}
.main-banner__item img {
  width: 100%;
}

.product {
  position: relative;
}
.product img {
  max-width: 100%;
}