html {
  scroll-behavior: smooth;
}
#wrap *{
  font-family: "Wanted Sans Variable" !important;
  letter-spacing: -0.4px;
}
#wrap img {
  margin-bottom:0;
}
#wrap .inner {
  max-width:1280px;margin:0 auto;
}

#wrap .lecture_list {
  width:100%;
}
#wrap .lecture_list .lecture_list_inner{
  width:100%;max-width:1280px;margin:0 auto;
  display: flex;flex-direction: row;gap:40px;
  padding:50px 0 100px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_category {
  background: #F1F3F8;height: fit-content;min-width: 220px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_category ul {
  display: flex;flex-direction: column;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_category ul li {
  height: 52px;display: flex;width:100%;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_category ul li a {
  display: flex;align-items: center;justify-content: space-between;width: 100%;padding:0 20px;
  color:#222222;font-size:14px;font-weight: 500;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_category ul li a.active{
  background: #fff;color:#0081ff;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_category ul li a.active svg path{
  fill:#0081ff;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container{
  width:100%;display: flex;flex-direction: column;gap:10px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_container {
  display: flex;flex-direction: column;gap:10px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter{
  display: flex;flex-direction: column;gap:20px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .campus_filter{
  width:100%;border-bottom:1px solid #DDDDDD;display: flex;gap:20px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .campus_filter a {
  color:#999999;font-weight: 500;font-size:14px;letter-spacing: 0.4px;padding: 0 12.5px 9px;position: relative;line-height: 1;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .campus_filter a.active {
  color:#000000;font-weight: 700;font-size:16px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .campus_filter a.active::after {
  background-color: #000;width:100%;height:3px;content: '';position: absolute;
  bottom:-1px;left:0;z-index: 1;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .option_filter {
  display: flex;justify-content: space-between;align-items: center;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .option_filter .lec_filter{
  display: flex;gap:10px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .option_filter .lec_filter a {
  color: #444444;font-size: 14px;font-weight: 500;line-height: 1;display: flex;align-items: center;justify-content: center;gap:5px;border:1px solid #dddddd;letter-spacing: -1.1px;
  padding: 9px 15px;border-radius: 5px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .option_filter .lec_filter a.active{
  border:1px solid #0080FF;color:#0080FF;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .option_filter .custom-select {
  position: relative;
	width: fit-content;
	min-width: 85px;
  cursor: pointer;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .option_filter .custom-select .selected {
	display: flex;
	align-items: center;
	justify-content: center;gap:10px;
	font-size: 14px;
	font-weight: 500;
	color: #444;
}
.custom-select .selected::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 7px;
  background: url('https://img.megastudyacademy.co.kr/campusdev/iws_html_img/community/board_selarr.png') no-repeat center;
	background-size: cover;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .option_filter .custom-select .selected.active::after{
  transform: rotate(180deg);
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .option_filter .custom-select .options {
  position: absolute;
  top: calc(100% + 3.5px);
  left: unset;
  right: 0;
  border: 1px solid #DDDDDD;
  background: #fff;
  display: none;
	border-radius: 5px;
	min-width: 100%;
	padding:7px 10px;
	font-size: 14px;
	font-weight: 500;
	color: #444;
	flex-direction: column;gap:2px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .option_filter .custom-select .options li.active{
	background: #E3EFFF;color: #0081ff;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .option_filter .custom-select .options li {
  padding: 7.5px 20px;white-space: nowrap;	border-radius: 5px;    justify-content: center;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_filter .option_filter .custom-select .options li:hover {
  background: #f0f0f0;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_wrap {
  display: flex;flex-direction: column;gap:20px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_wrap .lecture_list_title {
  width:100%;
  height:100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_wrap .lecture_list_content {
  width:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_wrap .lecture_list_content ul{
  display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;    max-width: 1020px; row-gap: 40px;column-gap: 20px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_wrap .lecture_list_content ul li{
  width:100%;max-width:240px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_wrap .lecture_list_content ul li a {
  display: flex;flex-direction: column;gap:15px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_wrap .lecture_list_content ul li a img {
  max-width: 100%;border-radius: 10px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_wrap .lecture_list_content ul li a p {
  max-width: 100%;font-size:14px;font-weight:700;color:#222222;line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 44px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_wrap .lecture_list_content ul li a p span{
  background: #222222;color:#ffffff;border-radius: 3px;padding: 3px 7px;margin-right:5px;font-size:12px;font-weight: 600;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_wrap .lecture_list_content ul li a h2 {
  color:#999999;font-size:14px;line-height: 1;font-weight:500;display: flex;gap:5px;align-items: center;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .lecture_list_wrap .lecture_list_content ul li a h2 span {
  width:1px;height:10px;background: #999999;
}

#wrap .lecture_list .lecture_list_inner .lecture_list_container .pagebox {
	margin-top:10px;
	display: flex;
	align-items: center;
    justify-content: center;
    margin-top:40px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .pagebox .pages {
	display: flex;gap:5px;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .pagebox .pages.cf:after {
	display: none;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .pagebox .pages a {
	border-radius: 36px;
	border:0;
	width:36px;
	height:36px;
	font-size:16px;
	font-weight: 500;
	color:#999999;
	display: flex;
	align-items: center;
	justify-content: center;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .pagebox .pages ul {
	display: flex;gap:5px;align-items: center;justify-content: center;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .pagebox .pages ul::after{
	display:none;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .pagebox .pages li.on a {
	color:#444444;background: #F1F3F8;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .pagebox .pages .next{
  display: flex;
}
#wrap .lecture_list .lecture_list_inner .lecture_list_container .pagebox .pages .prev{
  display: flex;
}

.lecture_list_none {
  display: flex;flex-direction: column;gap:30px;justify-content: center;align-items: center;
  padding:60px;
}
.lecture_list_none h2{
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #222222;
  white-space: nowrap;
  text-align: center;
}
.lecture_list_none h2 span {
  color:#0081ff;font-weight:700;
}
.lecture_list_none p {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #444444;
  white-space: nowrap;
  text-align: center;
}
.lecture_list_none .hashtag {
  display: flex;gap:10px;align-items: center;justify-content: center;
}
.lecture_list_none .hashtag a{
  display: flex;
      align-items: center;
      justify-content: center;
      padding: 3px 15px;
      width: fit-content;
      color: #444444;
      font-size: 14px;
      font-weight: 700;
      line-height: 24px;
      background: #F1F3F8;
      border-radius: 20px;
}