.top-news__foot {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 36px;
  -moz-column-gap: 56px;
  column-gap: 56px;
}

.top-news__foot .top-news__block {
  width: calc(50% - 56px);
}

@media screen and (max-width: 768.8px) {
  .top-news__foot .top-news__block {
    width: 100%;
  }
}

.top-news__foot .top-news__block a {
  background: #fff;
  display: flex;
  flex-direction: row;
  transition: all 0.4s ease-out;
  height: 100%;
  gap: 20px;
  justify-content: flex-start;
}

.top-news__foot .top-news__block a .top-news__contents {
  width: clamp(18.75rem, 20.573vw, 24.375rem);
}

@media screen and (max-width: 768.8px) {
  .top-news__foot .top-news__block a .top-news__contents {
    width: 54.411%;
  }
}

@media screen and (max-width: 768.8px) {
  .top-news__foot .top-news__block a {
    padding-left: 0;
    padding-right: 0;
    gap: 20px;
  }
}

.top-news__foot .top-news__block a:hover h2 span {
  background-size: 100% 1px;
}

.top-news__foot .top-news__block a:hover .top-news__tag li {
  background: #fff;
  color: #000;
}

.top-news__foot .top-news__block a h2 {
  font-size: clamp(0.8125rem, 0.9375vw, 1.125rem);
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 768.8px) {
  .top-news__foot .top-news__block a h2 {
    font-size: clamp(0.8125rem, 2.4vw, 1.125rem);
    margin-bottom: 0.375rem;
  }
}

.top-news__foot .top-news__block a h2 span {
  position: relative;
  display: inline;
  background-image: linear-gradient(to bottom, transparent, #000);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 1px;
  transition: background 0.1s ease-out;
}

.top-news__foot .top-news__block a p {
  font-size: clamp(0.75rem, 0.78125vw, 0.9375rem);
}

@media screen and (max-width: 768.8px) {
  .top-news__foot .top-news__block a p {
    font-size: clamp(0.75rem, 2vw, 0.9375rem);
    font-size: 0.75rem;
  }
}

.top-news__foot .top-news__block a figure {
  width: clamp(9.0625rem, 10.625vw, 12.75rem);
  overflow: hidden;
  aspect-ratio: 201/136;
}

.top-news__foot .top-news__block a figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media screen and (max-width: 768.8px) {
  .top-news__foot .top-news__block a figure {
    width: 41.176%;
    aspect-ratio: 124/84;
  }
}

.top-channel {
  display: none;
}

.top-news__block:nth-child(9),
.top-news__block:nth-child(10) {
  margin-bottom: 0;
}

.top-news__block:nth-child(9) a,
.top-news__block:nth-child(10) a {
  flex-direction: row;
}

.top-news__block:nth-child(9) a h2,
.top-news__block:nth-child(10) a h2 {
  font-size: clamp(.8125rem, .9375vw, 1.125rem);
  margin-bottom: .5rem;
}

.top-news__block:nth-child(9) a figure,
.top-news__block:nth-child(10) a figure {
  width: clamp(9.0625rem, 10.625vw, 12.75rem);
  overflow: hidden;
  aspect-ratio: 201 / 136;
}

.top-news__block:nth-child(9) a .top-news__contents,
.top-news__block:nth-child(10) a .top-news__contents {
  width: clamp(18.75rem, 20.573vw, 24.375rem);
  overflow: hidden;
}

@media screen and (max-width: 768.8px) {

  .top-news__block:nth-child(1) a h2,
  .top-news__block:nth-child(5) a h2,
  .top-news__block:nth-child(9) a h2,
  .top-news__block:nth-child(10) a h2 {
    font-size: clamp(.8125rem, 2.4vw, 1.125rem);
    margin-bottom: .375rem;
  }

  .top-news__block:nth-child(1) a,
  .top-news__block:nth-child(5) a,
  .top-news__block:nth-child(9) a,
  .top-news__block:nth-child(10) a {
    gap: 20px;
    flex-direction: row;
  }

  .top-news__block:nth-child(1) a figure,
  .top-news__block:nth-child(5) a figure,
  .top-news__block:nth-child(9) a figure,
  .top-news__block:nth-child(10) a figure {
    width: 100%;
    aspect-ratio: 124/84;
  }

  .top-news__block:nth-child(1) a p,
  .top-news__block:nth-child(5) a p,
  .top-news__block:nth-child(9) a p,
  .top-news__block:nth-child(10) a p {
    font-size: clamp(0.75rem, 2vw, 0.9375rem);
    font-size: 0.75rem;
  }

  .top-news__block:nth-child(1) a .top-news__contents,
  .top-news__block:nth-child(5) a .top-news__contents,
  .top-news__block:nth-child(9) a .top-news__contents,
  .top-news__block:nth-child(10) a .top-news__contents {
    width: 54.411%;
  }
}