@import url('https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap');
*{
  font-family: "Wanted Sans Variable" !important;
  letter-spacing: -0.0375rem;
}
#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 #mainBanner {
  width:100%;
}
#wrap #mainBanner .mainBanner_inner {
  display: flex;gap:10px;justify-content: space-between;align-items: center;max-width:100%;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft{
  max-width:100%;border-radius: 10px;width:100%
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer {
  overflow: hidden;
  border-radius: 0;
  position: relative;
  /*border:1px solid #DDDDDD;*/
  height: 320px;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer  a {
  display: flex;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .swiper-slide a img {
  position: absolute;top:55%;left:50%;transform: translate(-50%, -50%);transition: all 0s ease-in-out;opacity: 0;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .swiper-slide-active a img {
  position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);transition: all 1s ease-in-out;opacity: 1;
}

#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  width: 1280px;
  z-index: 9;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control .swiper-pagination {
  display: flex;align-items: center;justify-content: center;gap:5px;position: relative;
  top: unset;
  transform: unset;
  bottom: unset;
  width: 76px;
  height: 32px;
  border-radius: 32px;
  z-index: 9;
  background: rgba(0,0,0,.3);
  border:1px solid rgba(255, 255, 255, .2);
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control .autoplay-progress {
  width: 26px;
  height: 26px;
  z-index: 1;
  position: relative;
  background: rgba(0,0,0,.3);
  border-radius: 26px;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control .autoplay-progress button.stop {
  width: 7px;
  height: 9px;
  background: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/stopSlider.png);
  z-index: 9;
  outline: 0;
  border: 0;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top:50%;left:50%;
  transform: translate(-50%, -50%);
  padding:0;
  cursor: pointer;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control .autoplay-progress button.stop.play {
  width: 8px;
  height: 10px;
  background: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/startSlider.png);
  z-index: 9;
  outline: 0;
  border: 0;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top:50%;left:50%;
  transform: translate(-50%, -50%);
  padding:0;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control .autoplay-progress svg{
--progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 1;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke: #fff;
      fill: none;
      stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }

#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control span{
  font-size:14px;color:#ffffff;font-family: "Wanted Sans Variable";font-weight: 700;    line-height: 20px;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control span.line{
  background:#BBBBBB;width: 1px;height:9px;display: flex;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control span.swiper-pagination-current {
  min-width:16px;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control span.swiper-pagination-total{
  color:#dddddd;min-width:16px;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control .swiper-button-next {
  position: relative;margin-top:0;top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/mainBannerLeftArrow.png);
  width:32px;height:32px;background-size: cover;transform: rotate(180deg);    right: 0;
  left: unset;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control .swiper-button-next::after {
  display:none;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control .swiper-button-prev {
  position: relative;margin-top:0;top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/mainBannerLeftArrow.png);
  width:32px;height:32px;background-size: cover;left: 0;
  right: unset;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .slide-control .swiper-button-prev::after {
  display:none;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .swiper-slide {
  opacity: 0;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .swiper-slide .backgroundBg{
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  background-repeat: no-repeat;
  transform: translateX(-50%) scale(1.3);
  bottom: 0;
  max-width: 1980px;
  opacity: .4;
  min-width: 1200px;
  background-position: center center;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .swiper-slide-active .backgroundBg {
  transform: translateX(-50%) scale(1);
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
  opacity: 1;
}
#wrap #mainBanner .mainBanner_inner .mainBannerLeft .mainBannerLeftContainer .swiper-slide {
  background-color: #fff;
}
#wrap #visual_main_container .visual_inner .visual_main_container{
  border-bottom:1px solid #EEEEEE;height: 135px;display: flex;align-items: center;justify-content: center;
}
#wrap #visual_main_container .visual_inner .visual_main_container .visual_main_container_inner {
  max-width: 1280px;margin:0 auto;width: 100%;
}
#wrap #visual_main_container .visual_inner .visual_main_container .visual_main_category {
  display: flex;align-items: center;gap:70px;justify-content: flex-start;
}
#wrap #visual_main_container .visual_inner .visual_main_container .visual_main_category .main_category_title p{
  font-size:20px;color:#222222;font-weight: 400;line-height:26px;
}
#wrap #visual_main_container .visual_inner .visual_main_container  .visual_main_category .main_category_title p span{
  font-weight: 700;color:#222222;display: flex;align-items: center;white-space: nowrap;
}
#wrap #visual_main_container .visual_inner .visual_main_container  .visual_main_category .category_content {
  display: flex;gap:50px;padding:0;
}
#wrap #visual_main_container .visual_inner .visual_main_container  .visual_main_category .category_content a {
  display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;
  min-width: 60px;
}
#wrap #visual_main_container .visual_inner .visual_main_container  .visual_main_category .category_content a span {
  font-size:14px;color :#444444;font-weight: 500;line-height: 1;
}
#wrap #visual_main_container .visual_inner .visual_main_container  .visual_main_category .category_content a span.category_emoji {
  background: #F6F7F9;display: flex;align-items: center;justify-content: center;width:60px;height:56px;
  border-radius: 5px;
}
#wrap #visual_main_container .visual_inner .visual_main_container  .visual_main_category .category_content a span.link_txt {
  position:absolute;bottom:0;white-space: nowrap;
}
#wrap #visual_main_container .visual_inner .visual_main_container  .visual_main_category .category_content .category_unit {
  position: relative;min-height:80px;
}
#wrap #visual_main_container .visual_inner .visual_main_container  .visual_main_category .category_content .category_unit .tooltip{
  position: absolute;top:-11px;left:-5px;background: #000;display: flex;align-items: center;justify-content: center;padding:4px 7px 3px;border-radius: 18px;min-width:36px;min-height:18px;
}
#wrap #visual_main_container .visual_inner .visual_main_container  .visual_main_category .category_content .category_unit .tooltip span {
  font-size:11px;font-weight: 500;color:#fff;line-height: 1;
}
/*#wrap #mainBanner .mainBanner_inner .mainBannerRight {
  max-width:270px;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  text-align: center;
  display: flex;
  box-sizing: border-box;
  min-height: 380px;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .swiper-slide a{
  display: flex;
  flex-direction: column;
  background: #fff;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .swiper-slide a .mainBannerRightInfo {
  height: 100%;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .swiper-slide a .mainBannerRightInfo .mainBannerRightInfoInner {
  padding:22px ;gap:12px;display: flex;flex-direction: column;align-items: center;justify-content: center;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .swiper-slide a .mainBannerRightInfo .mainBannerRightInfoInner h2 {
  font-size:20px;font-weight:700;font-family: "Wanted Sans Variable";line-height:26px;color:#000000;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: keep-all;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .swiper-slide a .mainBannerRightInfo .mainBannerRightInfoInner p {
  font-size:14px;font-weight:500;font-family: "Wanted Sans Variable";line-height:20px;color:#999999;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: keep-all;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .slide-control {
  position: absolute;
  width: 70px;
  height: 21px;
  bottom: 18px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .slide-control .swiper-button-next {
  position: relative;margin-top:0;top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/mainBannerRightArrow.png);
  width:7px;height:11px;background-size: cover;transform: rotate(180deg);    right: 0;
  left: unset;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .slide-control .swiper-button-next::after {
  display:none;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .slide-control .swiper-button-prev {
  position: relative;margin-top:0;top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/mainBannerRightArrow.png);
  width:7px;height:11px;background-size: cover;left: 0;
  right: unset;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .slide-control .swiper-button-prev::after {
  display:none;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .slide-control .swiper-pagination {
  display: flex;align-items: center;justify-content: center;gap:5px;    position: relative;
  top: unset;
  transform: unset;
  bottom: unset;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .slide-control span{
  font-size:12px;color:#222222;font-family: "Wanted Sans Variable";font-weight: 700;    line-height: 20px;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .slide-control span.line{
  background:#BBBBBB;width: 1px;height:8px;display: flex;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .slide-control span.swiper-pagination-current {
  min-width:16px;
}
#wrap #mainBanner .mainBanner_inner .mainBannerRight .mainBannerRightContainer .slide-control span.swiper-pagination-total{
  color:#BBBBBB;min-width:16px;
}
*/


#search_lecture_container {
  width: 100%;background: #fff;
}
#search_lecture_container.notValue {
  border-bottom: 1px solid #eeeeee;
}
#search_lecture_container .search_lecture_inner.inner {
  padding:50px 0 80px;max-width:1400px;gap:35px;display: flex;flex-direction: column;
}
#search_lecture_container .inner .search_lecture_title {
  display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;
  max-width: 1280px;margin: 0 auto;width:100%;gap:10px;
}
#search_lecture_container .inner .search_lecture_title h2{
  background: #FFE9E9;color:#ff7d7d;font-size:16px;line-height:32px;font-weight:700;border-radius: 100px;
  padding:0px 12px;
}
#search_lecture_container .inner .search_lecture_title h2 span {
  font-family: "Noto Color Emoji" !important;
}
#search_lecture_container .inner .search_lecture_title p{
  font-size:24px;font-weight:600;color:#999999;line-height:32px;letter-spacing: -0.0225rem;padding-bottom:10px;
}
#search_lecture_container .inner .search_lecture_title p span{
  font-weight:700;color:#222222;
}
#search_lecture_container .inner .search_lecture_title p span.blue{
  color:#0081ff;
}
#search_lecture_container .inner .search_lecture_title .slide-control {
  display: flex;
  gap: 20px;
}
#search_lecture_container .inner .search_lecture_title .slide-control .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  position: relative;
  top: unset;
  transform: unset;
  bottom: unset;
  z-index: 9;
  width: 72px;
}
#search_lecture_container .inner .search_lecture_title .slide-control span{
  font-size:18px;color:#222222;font-family: "Wanted Sans Variable";font-weight: 700;    line-height: 20px;
}
#search_lecture_container .inner .search_lecture_title .slide-control span.line{
  background:#BBBBBB;width: 1px;height:14px;display: flex;
}
#search_lecture_container .inner .search_lecture_title .slide-control span.swiper-pagination-current {
  min-width:24px;
}
#search_lecture_container .inner .search_lecture_title .slide-control span.swiper-pagination-total{
  color:#BBBBBB;min-width:24px;font-size:14px;
}

#search_lecture_container .inner .search_lecture_title .slide-control .swiper-button-next {
  position: relative;margin-top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/lerctureListLeftArrow.png);
  width:32px;height:32px;background-size: cover;right: 0;
  left: unset;transform: rotate(180deg);
}
#search_lecture_container .inner .search_lecture_title .slide-control .swiper-button-next::after {
  display:none;
}
#search_lecture_container .inner .search_lecture_title .slide-control .swiper-button-prev {
  position: relative;margin-top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/lerctureListLeftArrow.png);
  width:32px;height:32px;background-size: cover;left: 0;
  right: unset;
}
#search_lecture_container .inner .search_lecture_title .slide-control .swiper-button-prev::after {
  display:none;
}
#search_lecture_container .inner .select_option_btn {
  display: flex;gap:8px;align-items: center;width: 100%;justify-content: space-between;
}
#search_lecture_container .inner .select_option_btn .select_option_wrap {
  display: flex;gap:8px;align-items: center;
}
#search_lecture_container .inner .select_option_btn .select_option_wrap a {
  color:#444;font-size:16px;font-weight:500;border-radius: 20px;line-height: 24px;padding:8px 17px 5px;background: #F1F3F8;
}
#search_lecture_container .inner .select_option_btn .select_option_wrap a.active {
  background: #222222;color:#fff;border:1px solid #222222;;font-weight:600
}
#search_lecture_container .inner .search_lercture_list {
  width:100%;position: relative;margin: 0 60px;display: flex;flex-direction: column;gap:40px;
}

#search_lecture_container .inner .search_lercture_list {
  width:100%;    max-width: 1280px; height:608px;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper {
  position: absolute;top:0;left:0;z-index: 2;max-width:240px;min-height:280px;overflow: hidden;background: #fff;max-height: 280px;min-width:240px;border-radius: 10px;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper .swiper-slide {
  opacity: 0 !important;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper .swiper-slide-active {
  opacity: 1 !important;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper a img {
  width: 100%;transition:transform .4s;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper a:hover img {
  transform: scale(1.03);
  transition: transform .4s;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul {
  display: grid;grid-template-columns: 1fr;
  grid-template-rows: 1fr;column-gap:20px;row-gap:40px;justify-content: space-between;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li {
  max-height: 280px;min-height: 280px;max-width:240px;background: #fff;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li .thumnail_wrap{
  margin-bottom:5px;width: 240px;
  height: 150px;
  border-radius: 10px;
  overflow: hidden;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li .thumnail_wrap img {
  vertical-align: bottom;width: 100%;    width: 240px;
  height: 150px;
  border-radius: 10px;
  overflow: hidden;
  transition:transform .4s;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li .thumnail_wrap:hover img {
  transform: scale(1.03);
  transition: transform .4s;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li a {
  display: flex;flex-direction: column;gap:10px;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li a .lec_title {
  display: flex;flex-direction: column;gap:7px;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li a .lec_title h2 {
  font-size:16px;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;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li a .lec_title span {
  font-size:14px;color:#999999;font-weight:500;line-height:18px;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li a .lec_tag {
  display: flex;flex-wrap: wrap;gap:5px;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li a .lec_tag span {
  font-size:12px;font-weight:600;color:#0081FF;background: #E3F1FF;border-radius: 2px;padding:2px 6px;
  line-height: 14px;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li a .lec_tag span.stat_tag {
  background: #FFE9E9;color:#ff7d7d;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li a .lec_tag span.emp_tag {
  color:#0081FF;background: #E3F1FF;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li a .lec_tag span.prov_tag {
  color: #ACAA64;
  background: #FFFECF;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li a .lec_tag span.lec_tag {
  color: #747FD4;
  background: #E9ECFF;
}

#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li a .lec_tag span.finish_icon {
  background: #FFE9E9;color:#ff7d7d;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper ul li a .lec_tag span.add_icon {
  color: #ACAA64;
  background: #FFFECF;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper .swiper-pagination {
  position: absolute;bottom:15px;right:15px;width:60px;height:24px;background-color: rgba(0,0,0,.2);
  display:flex;align-items: center;justify-content: center;
  border-radius: 24px;gap:3px;    left: unset;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper span{
  font-size:12px;color:#ffffff;font-family: "Wanted Sans Variable";font-weight: 700;    line-height: 20px;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper span.line{
  background:#BBBBBB;width: 1px;height:9px;display: flex;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper span.swiper-pagination-current {
  min-width:16px;
}
#search_lecture_container .inner .search_lercture_list .search_banner_swiper span.swiper-pagination-total{
  color:#DDDDDD;min-width:16px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper {
  overflow: hidden;    width: 100%;max-width: 1020px;
  height: 100%;
  margin-left: auto;
  margin-right: 0;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper .swiper-slide {
  width: fit-content;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper .swiper-slide.swiper-slide-active ul li:first-child{
  opacity: 0;transition: all 0.3s ease-in-out;
}
#search_lecture_container .inner .search_lercture_list .swiper-slide a {
  display: flex;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul {
  /*justify-content: space-between;*/
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li {
  max-height: 284px;min-height: 284px;max-width:240px;gap:10px;
  font-size: 18px;
  background: #fff;
  height: calc((100% - 20px) / 2);
  display: flex;
  flex-direction: column;
  display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li .thumnail_wrap {
  width:240px; height:150px;border-radius: 10px;overflow:hidden;
  border:1px solid #eeeeee;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li .thumnail_wrap img {
  vertical-align: bottom;width: 100%;width:240px; height:150px;transition:transform .4s;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li .thumnail_wrap:hover img {
  transform: scale(1.03);
  transition: transform .4s;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li a {
  display: flex;flex-direction: column;gap:10px; 
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li a.category_lec{
  flex-direction: row;gap:10px;align-items: center;justify-content: flex-start;
  font-size:12px;font-weight:500;color:#999999;line-height: 1;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li a .lec_title {
  display: flex;flex-direction: column;gap:10px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li a .lec_title h2 {
  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;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li a .lec_title h2 span {
  background: #222222;
  color: #ffffff;
  border-radius: 3px;
  padding: 3px 7px;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 600;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li a .lec_title span {
  font-size:14px;color:#999999;font-weight:500;line-height:18px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li a .lec_tag {
  display: flex;flex-wrap: wrap;gap:5px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li a .lec_tag span {
  font-size:12px;font-weight:600;border-radius: 3px;color:#0081FF;background: #E3F1FF;
  padding: 3px 7px;
  line-height: 14px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li a .lec_tag span.stat_tag {
  background: #FFE9E9;color:#ff7d7d;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li a .lec_tag span.emp_tag {
  color:#0081FF;background: #E3F1FF;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li a .lec_tag span.prov_tag {
  color: #ACAA64;
  background: #FFFECF;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper ul li a .lec_tag span.lec_tag {
  color: #747FD4;
  background: #E9ECFF;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 {
  overflow: hidden;    width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 .swiper-slide {
  width: fit-content;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 .swiper-slide.swiper-slide-active ul li:first-child{
  opacity: 0;transition: all 0.3s ease-in-out;
}
#search_lecture_container .inner .search_lercture_list .swiper-slide a {
  display: flex;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul {
  /*justify-content: space-between;*/
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li {
  max-height: 284px;min-height: 284px;max-width:240px;gap:10px;
  flex-direction: column;
  font-size: 18px;
  background: #fff;
  height: calc((100% - 20px) / 2);
  display: flex;
  display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        -webkit-align-items: flex-start;

        align-items: flex-start;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li .thumnail_wrap {
  width:240px; height:150px;border-radius: 10px;overflow:hidden;
  border:1px solid #eeeeee;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li .thumnail_wrap img {
  vertical-align: bottom;width: 100%;width:240px; height:150px;transition:transform .4s;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li .thumnail_wrap:hover img {
  transform: scale(1.03);
  transition: transform .4s;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li a {
  display: flex;flex-direction: column;gap:10px; 
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li a.category_lec{
  flex-direction: row;gap:10px;align-items: center;justify-content: flex-start;
  font-size:12px;font-weight:500;color:#999999;line-height: 1;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li a .lec_title {
  display: flex;flex-direction: column;gap:10px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li a .lec_title h2 {
  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;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li a .lec_title h2 span {
  background: #222222;
  color: #ffffff;
  border-radius: 3px;
  padding: 3px 7px;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 600;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li a .lec_title span {
  font-size:14px;color:#999999;font-weight:500;line-height:18px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li a .lec_tag {
  display: flex;flex-wrap: wrap;gap:5px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li a .lec_tag span {
  font-size:12px;font-weight:600;border-radius: 3px;color:#0081FF;background: #E3F1FF;
  padding: 3px 7px;
  line-height: 14px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li a .lec_tag span.stat_tag {
  background: #FFE9E9;color:#ff7d7d;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li a .lec_tag span.emp_tag {
  color:#0081FF;background: #E3F1FF;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li a .lec_tag span.prov_tag {
  color: #ACAA64;
  background: #FFFECF;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper2 ul li a .lec_tag span.lec_tag {
  color: #747FD4;
  background: #E9ECFF;
}














/*
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper {
  overflow: hidden;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper .swiper-slide  {
  display: flex;flex-direction: column;background: #F1F3F8;
  border-radius: 10px;
  padding: 28px 25px;
  gap:12px;
  min-height: 200px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper .swiper-slide .program_wrap {
  width:100%;display: flex;justify-content: space-between;align-items: center;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper .swiper-slide .program_wrap .program_icon {
  display: flex;gap:7px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper .swiper-slide .program_wrap .program_icon img{
  border-radius: 30px;max-width:35px;overflow: hidden;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper .swiper-slide .program_info {
  display: flex;flex-direction: column;gap:5px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper .swiper-slide .program_info h2 {
  font-size:16px;font-weight:600;color:#222222;line-height: 24px;word-break: keep-all;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height:48px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper .swiper-slide .program_info .hash_tag {
  display: flex;flex-wrap: wrap;column-gap:10px;
}
#search_lecture_container .inner .search_lercture_list .search_lercture_list_swiper .swiper-slide .program_info .hash_tag p {
  font-size:14px;font-weight:600;color:#999999;line-height: 22px;
}
*/


#review_container {
  background:#fff;
}
#review_container .review_container_inner{
  padding:60px 0 80px;display: flex;flex-direction: column;gap:30px;
}
#review_container .review_container_inner .review_title_wrap {
  display: flex;justify-content: space-between;align-items: center;max-width:1280px;margin:0 auto;width: 100%;
}
#review_container .review_container_inner .review_title_wrap .review_title {
  display: flex;gap:15px;align-items: center;
}
#review_container .review_container_inner .review_title_wrap .review_title p {
  font-size:24px;color:#222222;font-weight:700;
}
#review_container .review_container_inner .review_title_wrap .review_title p span.blue {
  color: #0081ff;
}
#review_container .review_container_inner .review_title_wrap .review_title a {
  font-size:16px;color:#BBBBBB;font-weight:700;font-family: "Wanted Sans Variable";
  border:1px solid #dddddd;border-radius: 30px;width:100px;height:35px;display: flex;align-items: center;justify-content: center;
}
#review_container .review_container_inner .review_title_wrap .review_title a span {
  line-height: 20px;
  padding-top: 4px;
}
#review_container .review_container_inner .review_title_wrap .slide-control{
  display: flex;gap:20px;
}
#review_container .review_container_inner .review_title_wrap .slide-control .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  position: relative;
  top: unset;
  transform: unset;
  bottom: unset;
  z-index: 9;
  width: 72px;
}
#review_container .review_container_inner .review_title_wrap .slide-control span{
  font-size:18px;color:#222222;font-family: "Wanted Sans Variable";font-weight: 700;    line-height: 20px;
}
#review_container .review_container_inner .review_title_wrap .slide-control span.line{
  background:#999999;width: 1px;height:14px;display: flex;
}
#review_container .review_container_inner .review_title_wrap .slide-control span.swiper-pagination-current {
  min-width:24px;
}
#review_container .review_container_inner .review_title_wrap .slide-control span.swiper-pagination-total{
  color:#999999;min-width:24px;font-size:14px;
}

#review_container .review_container_inner .review_title_wrap .slide-control .swiper-button-next {
  position: relative;margin-top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/lerctureListLeftArrow.png);
  width:32px;height:32px;background-size: cover;right: 0;
  left: unset;transform: rotate(180deg);
}
#review_container .review_container_inner .review_title_wrap .slide-control .swiper-button-next::after {
  display:none;
}
#review_container .review_container_inner .review_title_wrap .slide-control .swiper-button-prev {
  position: relative;margin-top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/lerctureListLeftArrow.png);
  width:32px;height:32px;background-size: cover;left: 0;
  right: unset;
}
#review_container .review_container_inner .review_title_wrap .slide-control .swiper-button-prev::after {
  display:none;
}
#review_container .review_container_inner .review_swiper {
  width:100%;overflow: hidden;
}
#review_container .review_container_inner .review_unit{
  display: flex;gap:20px;align-items: center;justify-content: flex-start;position: relative;
}
#review_container .review_container_inner .review_unit .review_thum {
  min-width:160px;min-height: 160px;position: relative;overflow: hidden;border-radius: 10px;
}
#review_container .review_container_inner .review_unit .review_thum img {
  height: 100%;width:auto;position: absolute;top:0;left:50%;transform: translate(calc(-50% - 0.5px), 0);
  transition: transform .4s;
}
#review_container .review_container_inner .review_unit:hover .review_thum img {
  transform: translate(calc(-50% - 0.5px), 0) scale(1.03); transition:transform .4s;
}
#review_container .review_container_inner .review_unit .review_info {
  display: flex;flex-direction: column;gap:5px;align-items: flex-start;justify-content: center;
}
#review_container .review_container_inner .review_unit .review_info h2{
  font-size:20px;font-weight:600;color:#222222;line-height:27px;word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#review_container .review_container_inner .review_unit .review_info p{
  font-size:14px;font-weight:500;color:#999999;line-height:20px;word-break: break-all;
}
#review_container .review_container_inner .review_unit .review_info img{
  position: absolute;
  bottom:0;right:0;
}


#middle_txt_banner {
  background-color: #222222;max-width: 100%;margin:0 auto;overflow: hidden;
}
#middle_txt_banner .inner {
  max-width:100%;
}
#middle_txt_banner .inner a {
  display: flex;align-items: center;justify-content: center;width:100%;font-size:16px;color:#fff;font-weight: 600;    padding: 10px 0 6px;
}
#middle_txt_banner .inner a .swiper-container{
  width:100%;
}
#middle_txt_banner .inner a .swiper-wrapper {
  transition-timing-function: linear;
}
#middle_txt_banner .inner a .swiper-slide{
  width: fit-content;
}









#magazine_container {
  background:#F1F3F8;
}
#magazine_container .magazine_container_inner{
  padding:60px 0 80px;max-width:1280px;gap:40px;display: flex;flex-direction: row;
}
#magazine_container .magazine_container_inner .magazine_list {
  max-width:860px;width: 100%;display: flex;flex-direction: column;gap:30px;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_title{
  display: flex;justify-content: space-between;align-items: center;
  width: 100%;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_title a {
  display: flex;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_title p{
  font-size:24px;font-weight:600;color:#999999;line-height:32px;letter-spacing: -0.0225rem;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_title p span{
  font-weight:700;color:#222222;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_title p span.blue{
  color:#0081ff;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_content {
  width:100%;background:#fff;border-radius: 10px;padding:20px 20px 40px 20px;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_content ul {
  display: flex;gap:20px;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_content ul li a{
  display: flex;flex-direction: column;gap:18px;max-width:260px;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_content ul li a .thumnail_wrap {
  display: flex;overflow: hidden;border-radius: 10px;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_content ul li a .thumnail_wrap img {
  margin-bottom:0;width: 100% !important;height: 150px;transition: transform .4s;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_content ul li a:hover .thumnail_wrap img {
  transform: scale(1.03);
  transition: transform .4s;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_content ul li a .ma_title {
  display: flex;flex-direction: column;gap:11px;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_content ul li a .ma_title p{
  display: flex;gap:8px;align-items: center;color:#999999;font-size:14px;font-weight:500;text-overflow: ellipsis;overflow: hidden;line-height:1;word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_content ul li a .ma_title p span {
  width: 1px;height:10px;background: #999999;
}

#magazine_container .magazine_container_inner .magazine_list .magazine_content ul li a .ma_title .ma_info {
  display: flex;gap:13px;flex-direction: column;
}
#magazine_container .magazine_container_inner .magazine_list .magazine_content ul li a .ma_title .ma_info h2{
  color:#222222;font-size:16px;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;
}

#magazine_container .magazine_container_inner .magazine_list .magazine_content ul li a .ma_tag p{
  font-size:14px;font-weight:500;color:#0081ff;line-height:17px;
}













#magazine_container .magazine_container_inner .notice_container {
  max-width:380px;    width: 100%;display: flex;flex-direction: column;gap:50px;
}
#magazine_container .magazine_container_inner .notice_container .info_container {
  display: flex;flex-direction: column;gap:30px;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_title{
  display: flex;justify-content: space-between;align-items: center;
  width: 100%;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_title p{
  font-size:24px;font-weight:600;color:#999999;line-height:29px;letter-spacing: -0.0225rem;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_title p span{
  font-weight:700;color:#222222;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_title p span.blue{
  color:#0081ff;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_content {
  height:299px;overflow: hidden;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_content .swiper-container{
  height: 100%;position: relative;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_content .swiper-container::after {
  content:'';position: absolute;bottom:0;left:0;width:100%;height:31px;
  background: rgb(255,255,255);z-index: 1;
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(241,243,248,1) 100%);
}
#magazine_container .magazine_container_inner .notice_container .info_notice_content .info_notice_list {
  display: flex;justify-content: space-between;align-items: center;padding:17px 15px;gap:20px;
  background: #ffffff;border-radius: 10px;height: auto;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_content .info_notice_list .photo_thum {
  background-color: #F1F3F8;min-width:60px;min-height:60px;border-radius: 10px;display: flex;align-items: center;max-width:60px;max-height:60px;
  justify-content: center;position: relative;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_content .info_notice_list .photo_thum .notice_new_icon{
  position: absolute;top:-3px;left:-3px;padding:3px;background: #fff;border-radius: 15px;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_content .info_notice_list .photo_thum img {
  max-width: 90%;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_content .info_notice_list .photo_thum .notice_new_icon span{
  width:11px;height:11px;background:#0081ff;display: flex;border-radius: 15px;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_content .info_notice_list .tag {
  display: flex;align-items: flex-start;width:100%;flex-direction: column;gap:8px;justify-content: center;
  padding-right:10px;
  max-width:275px;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_content .info_notice_list p {
  font-size:16px;font-weight:600;color:#222222;line-height: 1;display: block;gap:10px;
  max-width:100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_content .info_notice_list p span {
  font-size:14px;font-weight:500;color:#0081ff;line-height:17px;  
}

#magazine_container .magazine_container_inner .notice_container .info_notice_content .info_notice_list span {
  font-size:12px;font-weight:500;color:#999999;line-height:1;
}
#magazine_container .magazine_container_inner .notice_container .info_notice_content .info_notice_list .tag .tag_more {
  width:100%;
}

#magazine_container .magazine_container_inner .notice_container .info_notice_content .info_notice_list h2 {
  font-size:14px;color:#999999;line-height:20px;
  font-weight:400;text-overflow: ellipsis;overflow: hidden;
  display: block;white-space: nowrap;
}





















#portpolio_container {
  background-color: #222222;max-width: 100%;margin:0 auto;    overflow: hidden;
  max-width: 1920px;
}
#portpolio_container .portpolio_container_inner {
  padding:60px 0 80px;display: flex;flex-direction: column;gap:30px;
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap {
  display: flex;justify-content: space-between;align-items: center;max-width:1280px;margin:0 auto;width: 100%;
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap .portpolio_title {
  display: flex;gap:15px;align-items: center;
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap .portpolio_title h2 {
  font-size:32px;color:#fff;font-weight:700;
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap .portpolio_title a {
  font-size:16px;color:#BBBBBB;font-weight:700;font-family: "Wanted Sans Variable";
  border:1px solid #444444;border-radius: 30px;width:100px;height:35px;display: flex;align-items: center;justify-content: center;
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap .portpolio_title a span {
  line-height: 20px;
  padding-top: 4px;
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap .slide-control{
  display: flex;gap:20px;
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap .slide-control .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  position: relative;
  top: unset;
  transform: unset;
  bottom: unset;
  z-index: 9;
  width: 72px;
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap .slide-control span{
  font-size:18px;color:#ffffff;font-family: "Wanted Sans Variable";font-weight: 700;    line-height: 20px;
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap .slide-control span.line{
  background:#999999;width: 1px;height:14px;display: flex;
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap .slide-control span.swiper-pagination-current {
  min-width:24px;
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap .slide-control span.swiper-pagination-total{
  color:#999999;min-width:24px;font-size:14px;
}

#portpolio_container .portpolio_container_inner .portpolio_title_wrap .slide-control .swiper-button-next {
  position: relative;margin-top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/lerctureListLeftArrow.png);
  width:32px;height:32px;background-size: cover;right: 0;
  left: unset;transform: rotate(180deg);
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap .slide-control .swiper-button-next::after {
  display:none;
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap .slide-control .swiper-button-prev {
  position: relative;margin-top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/lerctureListLeftArrow.png);
  width:32px;height:32px;background-size: cover;left: 0;
  right: unset;
}
#portpolio_container .portpolio_container_inner .portpolio_title_wrap .slide-control .swiper-button-prev::after {
  display:none;
}
#portpolio_container .portpolio_container_inner .portpolio_content_wrap {
  width: 100%;
  overflow: hidden;
  /* max-width: 1280px; */
  margin: 0 auto;
}
#portpolio_container .portpolio_container_inner .portpolio_content_wrap .portpolio_swiper {
  width: 100%;
  overflow: hidden;
  max-width: 1595px;
  margin-left: auto;
  margin-right: 0;
}
#portpolio_container .portpolio_container_inner .portpolio_content_wrap .portpolio_swiper .swiper-wrapper {
  width: 1920px !important;
}
#portpolio_container .portpolio_container_inner .portpolio_content_wrap .portpolio_swiper .swiper-slide {
  width:fit-content;
}
#portpolio_container .portpolio_container_inner .portpolio_content_wrap .portpolio_swiper .swiper-slide.portpolio_horizontal {
  max-width:750px;
}
#portpolio_container .portpolio_container_inner .portpolio_content_wrap .portpolio_swiper .swiper-slide.portpolio_vertical {
  max-width:350px;
}
#portpolio_container .portpolio_container_inner .portpolio_content_wrap .portpolio_swiper .swiper-slide a {
  display: flex;flex-direction: column;gap:20px;justify-content: flex-start;align-items: flex-start;
}
#portpolio_container .portpolio_container_inner .portpolio_content_wrap .portpolio_swiper .swiper-slide a .thumnail {
  overflow: hidden;border-radius: 10px;    max-height: 500px;
  width: auto;
  display: flex;
}
#portpolio_container .portpolio_container_inner .portpolio_content_wrap .portpolio_swiper .swiper-slide a img {
  transition:transform .4s;
}
#portpolio_container .portpolio_container_inner .portpolio_content_wrap .portpolio_swiper .swiper-slide a:hover img {
  transform: scale(1.03);
  transition: transform .4s;
}
#portpolio_container .portpolio_container_inner .portpolio_content_wrap .portpolio_swiper .swiper-slide a p {
  display: flex;flex-direction: column;gap:2px;font-size: 18px;line-height:24px;font-weight:700;color:#ffffff;max-width: 350px;
}
#portpolio_container .portpolio_container_inner .portpolio_content_wrap .portpolio_swiper .swiper-slide a p span {
  font-size: 14px;line-height:20px;font-weight:500;color:#999999;
}


#location_container {
  background:#fff;
}
#location_container .location_container_inner{
  padding:60px 0 80px;display: flex;flex-direction: column;gap:30px;max-width:1280px;margin:0 auto;
}
#location_container .location_container_inner .notice_container .academy_notice_title{
  display: flex;justify-content: space-between;align-items: center;
  width: 100%;
}
#location_container .location_container_inner .location_title p{
  font-size:24px;font-weight:600;color:#999999;line-height:29px;letter-spacing: -0.0225rem;
}
#location_container .location_container_inner .location_title p span{
  font-weight:700;color:#222222;
}
#location_container .location_container_inner .location_title p span.blue{
  color:#0081ff;
}
#location_container .location_container_inner .location_content {
  display: flex;gap:50px;
}
#location_container .location_container_inner .location_content .campus_facilities {
  display: flex;width: fit-content;overflow: hidden;max-width: 720px;height: 100%;
}
#location_container .location_container_inner .location_content .campus_facilities.hidden{
  display: none;
}
#location_container .location_container_inner .location_content .campus_facilities .campus_facilities_swiper {
  width:720px;position: relative;
}
#location_container .location_container_inner .location_content .campus_facilities .campus_facilities_swiper .swiper-slide {
  display: flex;border-radius: 10px;overflow: hidden;
}
#location_container .location_container_inner .location_content .campus_facilities .campus_facilities_swiper .swiper-slide img{
  height: 100%;
  width: auto;
  max-width: unset;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#location_container .location_container_inner .location_content .campus_facilities .campus_facilities_swiper .slide-control {
  position: absolute;
  bottom: 20px;
  right:30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  z-index: 9;
}
#location_container .location_container_inner .location_content .campus_facilities .campus_facilities_swiper .slide-control .swiper-pagination {
  display: flex;align-items: center;justify-content: center;gap:5px;position: relative;
  top: unset;
  transform: unset;
  bottom: unset;
  width: 76px;
  height: 32px;
  border-radius: 24px;
  z-index: 9;
  background: rgba(0,0,0,.3);
  border:1px solid rgba(255, 255, 255, .2);
}
#location_container .location_container_inner .location_content .campus_facilities .campus_facilities_swiper .slide-control span{
  font-size:14px;color:#ffffff;font-family: "Wanted Sans Variable";font-weight: 700;    line-height: 20px;
}
#location_container .location_container_inner .location_content .campus_facilities .campus_facilities_swiper .slide-control span.line{
  background:#BBBBBB;width: 1px;height:9px;display: flex;
}
#location_container .location_container_inner .location_content .campus_facilities .campus_facilities_swiper .slide-control span.swiper-pagination-current {
  min-width:16px;
}
#location_container .location_container_inner .location_content .campus_facilities .campus_facilities_swiper .slide-control span.swiper-pagination-total{
  color:#dddddd;min-width:16px;
}
#location_container .location_container_inner .location_content .campus_facilities .campus_facilities_swiper .slide-control .swiper-button-next {
  position: relative;margin-top:0;top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/mainBannerLeftArrow.png);
  width:32px;height:32px;background-size: cover;transform: rotate(180deg);    right: 0;
  left: unset;
}
#location_container .location_container_inner .location_content .campus_facilities .campus_facilities_swiper .slide-control .swiper-button-next::after {
  display:none;
}
#location_container .location_container_inner .location_content .campus_facilities .campus_facilities_swiper .slide-control .swiper-button-prev {
  position: relative;margin-top:0;top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/main/mainBannerLeftArrow.png);
  width:32px;height:32px;background-size: cover;left: 0;
  right: unset;
}
#location_container .location_container_inner .location_content .campus_facilities .campus_facilities_swiper .slide-control .swiper-button-prev::after {
  display:none;
}
#location_container .location_container_inner .location_content .campus_location {
  display: flex;flex-direction: column;gap:21px;width: 100%;
}
#location_container .location_container_inner .location_content .campus_location .location_tab_btn{
  border-bottom:1px solid #DDDDDD;display: flex;justify-content: flex-start;gap:30px;
}
#location_container .location_container_inner .location_content .campus_location .location_tab_btn a {
  color: #444444;font-size:20px;font-weight: 500;line-height:1;padding:0 10px 10px;letter-spacing: 0;
}
#location_container .location_container_inner .location_content .campus_location .location_tab_btn a.active {
  color: #000000;font-size:20px;font-weight: 600;cursor: unset;position: relative;
}
#location_container .location_container_inner .location_content .campus_location .location_tab_btn a.active::after{
  content: '';
  position: absolute;
  bottom:-1px;left:0;width:100%;height: 3px;background: #222222;
}

#location_container .location_container_inner .location_content .campus_location .location_info {
  display: flex;flex-direction: column;gap:20px;
}
#location_container .location_container_inner .location_content .campus_location .location_info.hidden { display: none; }
#location_container .location_container_inner .location_content .campus_location .location_info .location_info_top {
  display: flex;flex-direction: column;justify-content: flex-start;
  align-items: flex-start;border-bottom:1px solid #DDDDDD;padding-bottom: 15px;gap:10px;
}
#location_container .location_container_inner .location_content .campus_location .location_info .location_info_top h2{
  font-size:16px;color:#222222;font-weight:600;line-height:1;
}
#location_container .location_container_inner .location_content .campus_location .location_info .location_info_top p{
  font-size:16px;color:#999999;font-weight:600;line-height:1;
}
#location_container .location_container_inner .location_content .campus_location .location_info .location_info_bottom {
  display: flex;justify-content: space-between;align-items: center;
}
#location_container .location_container_inner .location_content .campus_location .location_info .location_info_bottom .cam_tel{
  display: flex;align-items: center;gap:5px;
}
#location_container .location_container_inner .location_content .campus_location .location_info .location_info_bottom .cam_tel p {
  font-size:20px;font-weight:700;line-height:24px;color:#222222;
}
#location_container .location_container_inner .location_content .campus_location .location_info .location_info_bottom .cam_sns {
  display: flex;gap:12px;
}
#location_container .location_container_inner .location_content .campus_location .location_info .location_info_bottom .cam_sns a {
  display: flex;
}