.blog_nav .nav_list {
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 6.1rem;
}
.blog_nav .nav_item {
  position: relative;
  font-size: 2.2rem;
  text-align: center;
  color: #666666;
  display: block;
  transition: all 0.3s;
  cursor: pointer;
  font-weight: 500;
  padding: 3.4rem 0 2rem;
}
.blog_nav .nav_item::after {
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -2px;
  content: '';
  background-color: var(--theme_color);
  transition: all 0.3s;
  opacity: 0;
}
.blog_nav .nav_item.active,
.blog_nav .nav_item:hover {
  color: #242424;
}
.blog_nav .nav_item.active::after,
.blog_nav .nav_item:hover::after {
  opacity: 1;
}
.blog_nav .nav_item.active {
  font-weight: 600;
}
.blog_main {
  padding: 8rem 0 10.7rem;
}
.blog_main .list {
  margin-top: 5rem;
}
.blog_main .list > ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4.1rem 1.35%;
}
.blog_main p.center:has(.btn_line) {
  margin-top: 8rem;
  min-height: 5.5rem;
}
/*# sourceMappingURL=blog.css.map */