.photoList .mainBox .listBox .item {
  padding: 20px 0;
  display: flex;
  gap: 20px;
  border-bottom: #DDDDDD 1px solid;
}
@media screen and (max-width: 580px) {
  .photoList .mainBox .listBox .item {
    flex-direction: column;
  }
}
.photoList .mainBox .listBox .item:first-child {
  border-top: #DDDDDD 1px solid;
}
.photoList .mainBox .listBox .item .picBox {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.photoList .mainBox .listBox .item a {
  width: calc((100% - 50px) / 6);
  line-height: 0;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .photoList .mainBox .listBox .item a {
    width: calc((100% - 40px) / 5);
  }
}
@media screen and (max-width: 1024px) {
  .photoList .mainBox .listBox .item a {
    width: calc((100% - 30px) / 4);
  }
}
@media screen and (max-width: 767px) {
  .photoList .mainBox .listBox .item a {
    width: calc((100% - 20px) / 3);
  }
}
.photoList .mainBox .listBox .item a img {
  gap: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.photoList .mainBox .listBox .infoBox {
  width: 210px;
  flex-shrink: 0;
}
@media screen and (max-width: 580px) {
  .photoList .mainBox .listBox .infoBox {
    width: 100%;
  }
}
.photoList .mainBox .listBox .infoBox .title {
  font-size: 24px;
  flex-shrink: 0;
  line-height: 1.4;
  margin-bottom: 30px;
}
.photoList .mainBox .listBox .infoBox .info {
  font-size: 15px;
  color: #666666;
}
img.mfp-img{
    max-height:80vh !important;
}