.right_Banner{
  display: none;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 box-sizing:border-box;
}
img{
	margin-top:0;margin-left:0;margin-right:0;margin-bottom:0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing:border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 font-family: 'Noto Sans KR', sans-serif;
 line-height: 1.5;
 font-size:13.5px; color:#333;
}
a{
 font-size:13.5px;color:#333;
 line-height: 1.5;
 font-family: 'Noto Sans KR', sans-serif;
 text-decoration: none;
 cursor: pointer;
}
ol, ul,li {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
textarea:focus {
  outline: none;
}
button:focus {
  outline: none;
}
input:focus {
  outline: none;
}
.quck-counseling{ display: none;}

#common_wrap *{
  font-family: "Wanted Sans Variable";
}
#common_wrap{
  background: linear-gradient(to bottom, #EDF6FE 0%, #FFFFFF 9%, rgba(255,255,255,0) 100%);
}
#common_wrap .common_inner {
  max-width:1280px;width:100%;margin:0 auto;display: flex;flex-direction: column;gap:70px;align-items: center;justify-content: center;padding:70px 0 100px;
}
#common_wrap .common_inner form {
  width:100%;
}
#common_wrap .common_inner .lecture_list{
  width:100%;display: flex;flex-direction: column;gap:70px;
}
#common_wrap .common_inner .lecture_list_top {
  display: flex;gap:110px;width:100%;z-index: 99;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title{
  display: flex;flex-direction: column;gap:20px;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title p{
  font-size:18px;font-weight:600;color:#444;line-height: 1;display: flex;
  align-items: center;
  gap: 10px;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title h2{
  font-size:30px;font-weight:700;color:#000;line-height:40px;letter-spacing: -0.54px;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title h2 span{
  color:#0081ff;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title .search_wrap {
  height: 52px;width: 100%;position: relative;    margin-top: 20px;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title .search_wrap input{
  width:100%;height:100%;border:1px solid #999999;border-radius: 50px;padding: 0 30px;
  display: flex;
  box-sizing: border-box;font-size: 14px;
  font-weight: 500;
  color:#222222;
  z-index: 99;
}

#common_wrap .common_inner .lecture_list_top .lecture_list_title .search_wrap .papular_search_form{
  position: absolute;
  top: 62px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
  padding: 20px;
  width: max-content;
  display: flex;
  flex-direction: column;
  gap: 15px;
  display: none;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title .search_wrap .papular_search_form.active{
  display: flex;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title .search_wrap .papular_search_form h2{
  font-size:16px;font-weight:500;color:#000;line-height:1;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title .search_wrap .papular_search_form h2 span {
  font-family: "Noto Color Emoji";line-height:1;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title .search_wrap .papular_search_form .hashtag {
  display: flex;gap:10px;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title .search_wrap .papular_search_form .hashtag a{
  font-size:14px;font-weight:500;color:#000;line-height:1;padding:7px 15px;    background: #F1F3F8;
  border-radius: 20px;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title .search_wrap .papular_search_form .hashtag a:hover{
  background: #dddddd;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title .search_wrap input::placeholder {
  color:#999999;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_title .search_wrap button{
  position: absolute;top:50%;right:15px;transform: translate(0, -50%);background: #0081ff;border-radius: 50px;outline: 0;border:0;width:36px;height:36px;cursor:pointer;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_banner{
  max-width:778px;width:100%;border-radius: 10px;overflow: hidden;display: flex;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_banner .swiper-container {
  width:100%;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_banner .swiper-container .swiper-slide{
  width:100%;display: flex;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_banner .swiper-container .swiper-slide a {
  display: flex;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_banner .swiper-container .slide-control {
  position: absolute;
  bottom: 15px;
  right:20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  z-index: 9;
  background: rgba(0,0,0,.3);
  border-radius: 60px;
  padding:11px 21px;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_banner .swiper-container .slide-control button.stop {
  width: 6px;
  height: 11px;
  background: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/national/stopSlider.png);
  z-index: 9;
  outline: 0;
  border: 0;
  background-repeat: no-repeat;
  background-position: center;
  padding:0;
  cursor: pointer;
}
#common_wrap .common_inner .lecture_list_top .lecture_list_banner .swiper-container .slide-control button.stop.play {
  width: 6px;
  height: 9px;
  background: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/national/startSlider.png);
  z-index: 9;
  outline: 0;
  border: 0;
  background-repeat: no-repeat;
  background-position: center;
  padding:0;
}
    #common_wrap .common_inner .lecture_list_top .lecture_list_banner .swiper-container .slide-control .swiper-button-next {
      position: relative;margin-top:0;top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/national/lectureListBannerLeftArrow.png);
      width:6px;height:11px;background-size: cover;    right: 0;
      left: unset;
    }
    #common_wrap .common_inner .lecture_list_top .lecture_list_banner .swiper-container .slide-control .swiper-button-next::after {
      display:none;
    }
    #common_wrap .common_inner .lecture_list_top .lecture_list_banner .swiper-container .slide-control .swiper-button-prev {
      position: relative;margin-top:0;top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/national/lectureListBannerLeftArrow.png);
      width:6px;height:11px;background-size: cover;left: 0;
      right: unset;transform: rotate(180deg);
    }
    #common_wrap .common_inner .lecture_list_top .lecture_list_banner .swiper-container .slide-control .swiper-button-prev::after {
      display:none;
    }


    #common_wrap .common_inner .lecture_list_bottom{
      width:100%;display: flex;flex-direction: column;gap:70px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container{
      width: 100%;display: flex;flex-direction: column;gap:25px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container {
      display: flex;align-items: center;gap:10px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .category_filter {
      position: relative;padding-bottom:5px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .category_filter > a{
      font-size: 16px;line-height:24px;color:#fff;font-weight: 500;background: #000;border-radius: 5px;display: flex;gap:7px;
      width: 112px;
      justify-content: center;
      height: 39px;
          align-items: center;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .category_filter.active > a{
      background: #0081ff;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .category_filter a #trigger {
      display: none;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .category_filter a .trigger_ham {
      width: 11px;
      height: 9px;
      display: flex;
      position: relative;
      cursor: pointer;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .category_filter a .trigger_ham span{
      display: flex;
      height: 1px;
      border-radius: 1px;
      background-color: #FFF;
      width: 100%;
      transition: 0.3s;
      z-index: 98;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .category_filter a .trigger_name{
      width: unset;
      height: 100%;
      display: flex;
      align-items: center;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      cursor: pointer;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .category_filter .category_unit {
      padding:7px 10px;background: #fff;
      position: absolute;z-index: 1;
      display: flex;flex-direction: column;gap:2px;
      width: max-content;
      border: 1px solid #ddd;
      border-radius: 5px;
      text-align: center;
      display:none;
      top:44px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .category_filter .category_unit a {
      font-size:14px;color:#444444;font-weight: 500;height:36px;display: flex;align-items: center;
      justify-content: center;padding:0 15px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .category_filter .category_unit a.active{
      background: #e3efff;border-radius: 5px;color: #0081ff;font-weight:600;
    }

    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .keyword_filter {
      display: flex;gap:10px;padding-bottom:5px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .keyword_filter a {
      display: flex;gap:7px;align-items: center;font-size:16px;color:#444;font-weight: 500;line-height:1;padding:5px 20px;background: #F1F3F8;border-radius: 20px;height:39px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .keyword_filter a.active{
      background: #fff;color:#0081ff;border:1px solid #0081ff;font-weight:700;
    }

    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .filter_container .keyword_filter a img{
      width: 13px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap{
      width:100%;display: flex;flex-direction: column;gap:30px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap > h2 {
      font-size:20px;font-weight:500;color:#222;line-height:1;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap > h2 > span {
      font-weight:700;color:#0081ff;line-height:1;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap ul {
      display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;width:100%;column-gap:22px;row-gap:50px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap ul a {
      width:100%;display: flex;flex-direction: column;gap:15px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap ul a .Thumbnail_box{
      width:100%;  position: relative;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap ul a .Thumbnail_box .img_box{
      width: 100%;height: 190px;overflow: hidden;border-radius: 10px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap ul a .Thumbnail_box .img_box img{
      width:100%;position: relative;height:auto;vertical-align: top;border-radius: 10px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap ul a .Thumbnail_box label{
      border-radius: 50px;width:50px;height:50px;border: 2px solid #ffd911;position: absolute;z-index: 3;top:10px;right:10px;display: flex;align-items: center;justify-content: center;font-weight: 700;
      font-size: 16px;
      line-height: 23px;color: #FFD911;
      background: #fff;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap ul a .Thumbnail_box label.fin_label {
      background: #FFD911;font-weight: 700;
      font-size: 14px;
      line-height: 16px;
      color: #333333; 
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap ul a .lecture_info_box {
      width: 100%;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap ul a .lecture_info_box .lecture_info_title {
      width:100%;display: flex;flex-direction: column;gap:10px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap ul a .lecture_info_box .lecture_info_title p {
      font-size:14px;color:#222222;font-weight:700;line-height:22px;
      word-break: keep-all;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      min-height:44px;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap ul a .lecture_info_box .lecture_info_title p span {
      background: #222222;
      color: #ffffff;
      border-radius: 3px;
      padding: 3px 7px;
      margin-right: 5px;
      font-size: 12px;
      font-weight: 600;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap .lecture_info_title h2 {
      color:#999999;font-size:14px;line-height: 1;font-weight:500;display: flex;gap:5px;align-items: center;
    }
    #common_wrap .common_inner .lecture_list_bottom .lecure_list_container .lecture_list_object_wrap .lecture_info_title h2 span {
      width:1px;height:10px;background: #999999;
    }
    #common_wrap .common_inner .lecture_list_bottom .common_national_content {
      display: flex;flex-direction: column;gap:30px;
    }
    #common_wrap .common_inner .lecture_list_bottom .common_national_content .content_title{
      display: flex;flex-direction: column;gap:30px;
    }
    #common_wrap .common_inner .lecture_list_bottom .common_national_content .content_title h2{
      color:#222222;font-size:24px;line-height: 1;font-weight:700;
    }
    #common_wrap .common_inner .lecture_list_bottom .common_national_content .content_title h2 span {
      color:#0081ff;font-size:24px;line-height: 1;
    }
    #common_wrap .common_inner .lecture_list_bottom .common_national_content .content_title .tab_btn {
      display: flex;gap:10px;
    }
    #common_wrap .common_inner .lecture_list_bottom .common_national_content .content_title .tab_btn a{
      background-color: #f1f3f8;color:#444444;font-weight:500;font-size:16px;font-weight: 500;line-height: 1;
      padding:11.5px 25px;border-radius: 39px;
    }
    #common_wrap .common_inner .lecture_list_bottom .common_national_content .content_title .tab_btn a.active{
      background: #222;color:#fff;
    }
    #common_wrap .common_inner .lecture_list_bottom .common_national_content .content_wrap .tab_content_box{
      border:1px solid #ddd;border-radius: 20px;
      padding: 50px 0;
    }
    #common_wrap .common_inner .lecture_list_bottom .common_national_content .content_wrap .tab_content_box .tab_content {
      width:100%;display: none;text-align: center;
    }
    #common_wrap .common_inner .lecture_list_bottom .common_national_content .content_wrap .tab_content_box .tab_content.active{
      display:block;
    }

    .lecture_list_none {
      display: flex;flex-direction: column;gap:30px;justify-content: center;align-items: center;
    }
    .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;
    }



    .paging {
      margin-top:60px;
      display: flex;
      align-items: center;
        justify-content: center;
    }
    .paging ul {
      display: flex;
    }
    .paging ul li{
      display: flex;gap:5px;align-items: center;justify-content: center;
    }
    .paging ul li 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;
    }
    .paging li a.active {
      color:#444444;background: #F1F3F8;
    }