#list-documents {
  padding: 5.6470588235vw 0 8.8235294118vw;
}
#list-documents .group-filter {
  padding: 0 0 2.3529411765vw;
}
#list-documents .group-filter .wrap {
  gap: calc((20px / 1700px) * 100vw);
}
#list-documents .group-filter .wrap p {
  width:calc((50px / 1700px) * 100vw);
}

#documents__content {
  padding: 5.6470588235vw 0 8.8235294118vw;
}
#documents__content .wrap {
  width: 58.8235294118vw;
}
#documents__content .video {
  margin-bottom: 2.1176470588vw;
}
#documents__content .group-title .detail-title {
  font-size: 1.5294117647vw;
  margin: 0.5882352941vw 0 0.2941176471vw;
}
#documents__content .btn-link {
  margin-top: 5.2941176471vw;
}

#documents__content .free {
  padding:calc((60px / 1700px) * 100vw) 0 0 0;
}

#documents__content .group-title .date {
  margin-right: calc((28px / 1700px) * 100vw);
}