.no-list {
  text-align: center;
  height: 248px;
  background: url(../img/v2/event/no-list.svg) no-repeat bottom center/auto
    112px;
}
.no-list span {
  display: block;
}
.no-list .sub-txt {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.5px;

  color: #6e7881;
}
.no-list .main-txt {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -0.5px;

  color: #181a1b;
}
.event-list {
  margin-top: 24px;
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
}

.event-list li {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.event-list li .img-box {
  position: relative;
  height: 160px;
}
.event-list li .img-box .logo {
  position: absolute;
  top: 24px;
  left: 24px;
}
.event-list li .img-box .logo img {
  width: auto;
  height: 20px;
}
.event-list li .img-box .object {
  width: 100%;
  height: 100%;
  text-align: center;
}
.event-list li .img-box .object img {
  width: auto;
  height: 100%;
}
.event-list li .txt-box {
  padding: 16px 24px;
  background: #fff;
}
.event-list li .txt-box .main-txt {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.5px;

  color: #181a1b;
}
.event-list li .txt-box .date {
  margin-top: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;

  color: #6e7881;
}
.event-list li:nth-child(1) .img-box {
  background: linear-gradient(141.22deg, #ffd6d7 6.74%, #e6eeff 94.44%);
}
.event-list li:nth-child(2) .img-box {
background: linear-gradient(141deg, #D6F9FF 6.74%, #FFFAE5 94.44%);
}
.event-list li:nth-child(3) .img-box {
  background: linear-gradient(140.55deg, #fef0b9 10.5%, #efc8f7 100%);
}
.event-list li:nth-child(4) .img-box {
  background: linear-gradient(141.22deg, #c2d7ff 6.74%, #faf8bd 94.44%);
}