.kv__title, .kv__desc {
    color: #fff;
}

.content-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 56px;
  column-gap: 24px;
  padding: 24px 24px 60px;
}

.content-list.no-results {
  padding: 0;
}

.content-list .no-data {
  border-radius: 20px;
  background: #F7F7F7;
  width: 100%;
  text-align: center;
  padding: 300px 0;
  color: #000;
  font-family: SamsungOne;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.content-card {
  flex: 0 0 calc((100% - (24px * 2)) / 3);
  max-width: calc((100% - (24px * 2)) / 3);
  height: auto;
  display: flex;
  flex-direction: column;
}
.filter-content--on .content-card {
  flex: 0 0 calc((100% - (24px * 1)) / 2);
  max-width: calc((100% - (24px * 1)) / 2);
}

.content-card__thumb {
  width: 100%;
  height: 298px;
  background-color: #d3d3d3;
  border-radius: 12px;
  overflow: hidden;
}

.content-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.content-card__body {
  margin: 24px 24px 0;
}

.content-card__type {
  color: #000;
  font-family: SamsungOne;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  padding-bottom: 12px;
}

.content-card__title {
  color: #000;

  font-family: "samsungSharpSans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;

  padding-bottom: 16px;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: calc(1.4em * 2);
  word-break: break-word;
}

.content-card__tags {
  color: #000;
  font-family: SamsungOne;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;

  padding-bottom: 16px;
}

.content-card__link {
  color: #000;

  font-family: SamsungOne;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.content-card__arrow {
  width: 8px;
  height: 14px;
  margin-left: 6px;
  background: url("/resources/icon/ico_nex_depth.png") no-repeat center center;
  background-size: 8px 14px;
  transition: transform 0.2s ease;
}

.content-card__link:hover .content-card__arrow {
  transform: translateX(3px);
}


.btn-learn-more {
  display: block;
  width: 120px;
  height: 40px;
  border-radius: 50px;
  background: #000;
  color: #fff;
  font-family: SamsungOne, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease;
  margin: 0 auto;
}

@media only screen and (max-width: 1440px) {
  .btn-learn-more {
    width: 8.33vw;
    height: 2.78vw;
    border-radius: 3.47vw;
    font-size: 0.97vw;
    margin: 0 auto 11.11vw;
  }
}

@media only screen and (max-width: 768px) {
  .btn-learn-more {
    width: 32.78vw;
    height: 11.11vw;
    border-radius: 5.56vw;
    font-size: 3.89vw;
    margin: 0 auto;
  }
}


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





  .content-list {
    row-gap: 3.89vw;
    column-gap: 1.65vw;
    padding: 1.65vw 1.65vw 4.17vw;
  }
  .content-list .no-data {
    border-radius: 1.39vw;
    padding: 20.83vw 0;
    font-size: 1.25vw;
  }


  .content-card {
    flex: 0 0 calc((100% - (1.65vw * 2)) / 3);
    max-width: calc((100% - (1.65vw * 2)) / 3);
  }

  .filter-content--on .content-card {
    flex: 0 0 calc((100% - (1.65vw * 1)) / 2);
    max-width: calc((100% - (1.65vw * 1)) / 2);
  }


  .content-card__thumb {
    width: 100%;
    height: 20.69vw;

    border-radius: 0.83vw;

  }

  .content-card__thumb img {
    width: 100%;
    height: 100%;
  }

  .content-card__body {
    margin: 1.67vw 1.67vw 0;
  }

  .content-card__type {
    font-size: 0.97vw;
    padding-bottom: 0.83vw;
  }

  .content-card__title {
    font-size: 1.67vw;
    padding-bottom: 1.11vw;
  }

  .content-card__tags {
    font-size: 0.97vw;
    padding-bottom: 1.11vw;
  }

  .content-card__link {
    font-size: 0.97vw;
  }

  .content-card__arrow {
    width: 0.56vw;
    height: 0.97vw;
    margin-left: 0.42vw;
    background-size: 0.56vw 0.97vw;
  }

  .content-card__link:hover .content-card__arrow {
  }


}



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

  .kv__title, .kv__desc {
      color: #fff;
  }


  .content-list {
    row-gap: 16.67vw;
    column-gap: 0;
    padding: 0 6.67vw 11.11vw;
  }
  .content-list .no-data {
    margin: 0 6.67vw 20.56vw;
    border-radius: 5.56vw;
    padding: 26.11vw 0;
    font-size: 3.89vw;
  }

  .content-card {
    flex: 0 0 86.67vw;
    max-width: 86.67vw;
  }


  .content-card__thumb {
    width: 100%;
    height: 57.78vw;

    border-radius: 5.56vw;

  }

  .content-card__thumb img {
    width: 100%;
    height: 100%;
  }

  .content-card__body {
    margin: 6.67vw 6.67vw 0;
  }

  .content-card__type {
    font-size: 3.33vw;
    padding-bottom: 3.33vw;
  }

  .content-card__title {
    font-size: 5.00vw;
    padding-bottom: 4.44vw;
  }

  .content-card__tags {
    font-size: 3.33vw;
    padding-bottom: 4.44vw;
  }

  .content-card__link {
    font-size: 3.89vw;
  }

  .content-card__arrow {
    width: 2.22vw;
    height: 3.89vw;
    margin-left: 1.67vw;
    background-size: 2.22vw 3.89vw;
  }

  .content-card__link:hover .content-card__arrow {
  }




}