.sub_gnb.law_course li.on a {
  color: #f3e5e4;
}

.sub_gnb.job_course li.on a {
  color: #e2f6f4;
}

.course {
  margin-top: 80px;
  margin-bottom: 80px;
  position: relative;
}
@media (max-width: 800px) {
  .course {
    margin-top: 40px;
  }
}
.course ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 25px;
}
@media (max-width: 1300px) {
  .course ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1000px) {
  .course ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  .course ul {
    grid-template-columns: 1fr;
  }
}
.course ul li {
  margin-bottom: 25px;
  cursor: pointer;
}
@media (max-width: 640px) {
  .course ul li {
    text-align: center;
  }
}
.course ul li .course_img {
  width: 305px;
  height: 180px;
  border-radius: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  background-size: cover;
  background-position: 50% 50%;
}
@media (max-width: 640px) {
  .course ul li .course_img {
    width: 350px;
    height: 197px;
  }
}
@media (max-width: 350px) {
  .course ul li .course_img {
    width: 90%;
  }
}
.course ul li .course_title {
  margin: 15px 0 8px 0;
}
@media (max-width: 1000px) {
  .course ul li .course_title {
    font-size: 16px;
  }
}
.course ul li .course_tag {
  font-size: 15px;
  color: #777;
}
.course > span {
  text-align: center;
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-top: 15px;
}

.more_btn {
  text-align: center;
  margin-bottom: 100px;
  margin-top: -20px;
}
.more_btn button {
  background-color: #fff;
  border: 1px solid;
  width: 100%;
  padding: 15px 0;
}/*# sourceMappingURL=educourse.css.map */