.blog_nav {
  padding-top: 5.7rem;
  padding-bottom: 1.8rem;
}
.blog_nav .nav_list {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #e8e8e8;
  gap: 2rem 3.55%;
}
.blog_nav .nav_list .nav_item {
  display: block;
  font-size: 2.2rem;
  font-weight: 500;
  color: rgba(22, 22, 22, 0.5);
  transition: all 0.3s;
  border-bottom: 3px solid transparent;
  padding: 2rem 0;
  margin-bottom: -2px;
}
.blog_nav .nav_list .nav_item.active,
.blog_nav .nav_list .nav_item:hover {
  color: var(--title_color);
  border-bottom-color: var(--theme_color);
}
.blog_main {
  padding: 2rem 0 14.6rem;
}
.blog_main .list > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem 2.0567375%;
}
.blog_main .list .video_list {
  gap: 2.3rem 1.70213%;
}
.blog_main p.center:has(.btn_line) {
  margin-top: 6rem;
  min-height: 5.9rem;
}
/*# sourceMappingURL=blog.css.map */