.p-activity {
  padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .p-activity {
    padding-bottom: 0;
  }
}

.p-activity_list {
  margin-top: 60px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 75px 22px;
}
@media screen and (max-width: 1200px) {
  .p-activity_list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .p-activity_list {
    grid-template-columns: 1fr;
  }
}
.p-activity_list > li {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-activity_list > li {
    border-radius: 10px;
    max-width: 520px;
    margin: 0 auto;
  }
}
@media (hover: hover) {
  .p-activity_list > li:hover .p-activity_thumb img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0.8;
  }
}

.p-activity_thumb {
  aspect-ratio: 520/300;
  max-height: 300px;
  overflow: hidden;
}
.p-activity_thumb img {
  width: 100%;
  transition: 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.p-activity_detail {
  padding: 21px 36px 0;
  min-height: 126px;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 768px) {
  .p-activity_detail {
    padding: 16px 23px;
    min-height: 56px;
  }
}

.p-activity_meta {
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 30px;
}

.p-activity_date {
  letter-spacing: 0.08em;
  color: #0082bd;
}
@media screen and (max-width: 768px) {
  .p-activity_date {
    font-size: 13px;
    letter-spacing: 0.05em;
  }
}

.p-activity_tag {
  margin-bottom: 0;
}
.p-activity_tag li {
  padding: 8px;
}

.p-activity_text {
  margin-top: 14px;
}
@media screen and (max-width: 768px) {
  .p-activity_text {
    margin-top: 5px;
    font-size: 13px;
    letter-spacing: 0.05em;
  }
}

.c-pagenation {
  margin-top: 103px;
}