@charset "UTF-8";
#list-documents {
  position: relative;
  padding: 96px 0 150px;
}
#list-documents .group-filter {
  padding: 0 0 40px;
  border-bottom: 1px solid #d0ceca;
}
#list-documents .group-filter .wrap {
  display: flex;
  gap: 20px;
}
#list-documents .group-filter .wrap p {
  width:50px;
}
#list-documents .group-filter .wrap ul {
  flex: 1;
}

@media (max-width: 899px) {
  #list-documents {
    padding: 16.93vw 0 20vw;
  }
  #list-documents .group-filter {
    border-bottom: 0;
    padding-bottom: 0;
  }
}

#documents__content {
  padding: 96px 0 150px;
  position: relative;
}
@media (min-width: 900px) {
  #documents__content .wrap {
    width: 1000px;
  }
}
#documents__content .video {
  aspect-ratio: 16 / 9;
  margin: 0 0 36px;
}
#documents__content .video iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#documents__content .video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#documents__content .group-title .date {
  color: #716f6a;
  display: inline-block;
  margin-right: 28px;
}
#documents__content .group-title .hastag {
  color: #716f6a;
  display: inline-block;
}
#documents__content .group-title .detail-title {
  line-height: 1.4;
  font-size: 26px;
  margin: 10px 0 5px;
}
#documents__content .group-title .speaker {
  color: #716f6a;
  line-height: 1.5;
}
#documents__content .btn-link {
  margin: 90px auto 0;
}

#documents__content .free {
  padding:60px 0 0 0;
  word-break: break-word;
  overflow-wrap: anywhere;
}

#documents__content .free p {
  word-break: break-word;
  overflow-wrap: anywhere;
}

#documents__content .free a {
  text-decoration: underline;
}

#documents__content .free img {
  max-width: 100%;
}

@media (max-width: 899px) {
  #documents__content {
    padding: 16.93vw 0 20vw;
  }
  #documents__content .video {
    margin: 0 0 5.6vw;
  }
  #documents__content .group-tỉtle .date {
    font-size: 12px;
  }
  #documents__content .group-tỉtle .detail-title {
    font-size: 5vw;
    margin: 1.5vw 0 0.5vw;
  }
  #documents__content .btn-link {
    margin-top: 12vw;
  }

  #documents__content .free {
    padding:30px 0 0 0;
  }
}