@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,700;1,14..32,700&family=Nanum+Myeongjo&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&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
  font-family: "Noto Sans KR";
}
.main_container img {
  vertical-align: bottom;
}
.main_container {
  width:100%;position:relative;
}
.main_container section {
  overflow: hidden;
}
.main_container section .inner {
  padding:50px 0;display: flex;flex-direction: column;gap:40px;align-items: center;
}
.main_container .section_title {
  display: flex;
  flex-direction: column;
  gap:15px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.main_container .section_title h2{
  font-size:32px;color:#1C1C1C;font-weight:400;line-height:44px;
}
.main_container .section_title h2 span{
  color:#0183FF;font-weight:700;line-height:44px;
}
.main_container .section_title p{
  font-size:16px;color:#666666;font-weight:400;line-height:1.5;
  display: none;
}

#lectureMain {
  position: relative;display: flex;
}
#lectureMain video {
  position: relative;
  top:0;left:50%;
  transform:translate(-50%, 0);
  height: 500px;
}


#lectureSection .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:130px;
  padding:130px 0 100px;
}
#lectureSection .inner .section_title {
  display: flex;flex-direction: column;gap:7px;
  text-align: center;
  /* width:454px; */
}
#lectureSection .inner .section_title .line:first-child{
  width:100%;height:24px;
  border:4px solid #52B8E4;
  border-bottom:0;
}
#lectureSection .inner .section_title .line:last-child{
  width:100%;height:24px;
  border:4px solid #52B8E4;
  border-top:0;
}
#lectureSection .inner .section_title p {
  font-size:20px;color:#0081ff;line-height:30px;letter-spacing: 15px;font-family: "Poppins";
  font-weight: 400;
  font-style: normal;
  display:block;
}
#lectureSection .inner .section_title h2 {
  font-size:50px;font-weight: 700;line-height: 68px;padding:0 32px;
}
#lectureSection .inner .section_title span {
  font-size:20px;font-weight: 500;line-height: 27px;color: #666666;
  padding: 0 32px;
}






#lectureSection .inner .content {
  width: 100%;display: flex;flex-direction: column;gap:10px;
}
#lectureSection .inner .content .content_title {
  text-align: left;
}
#lectureSection .inner .content .content_title h2{
  position: relative;
  font-size:22px;font-weight: 700;color:#2b2b2b;line-height: 30px;display: flex;align-items: center;
  gap:10px;
}
#lectureSection .inner .content .content_title h2 span {
  width:5px;height:25px;display: block;margin-top:2px;background: #0083ff;
}
#lectureSection .inner .content .content_wrap {
  display: flex;flex-direction: column;gap:60px;
}
#lectureSection .inner .content .content_wrap .con_gap{
  display: flex;justify-content: space-between;align-items: center;height: 425px;
}
#lectureSection .inner .content .content_wrap .con_gap .unit {
  max-width:250px;box-shadow: 0px 2px 5px rgba(0,0,0,.25);border-radius: 16px;overflow: hidden;
  text-align: center;width: 100%;height: 100%;
}
#lectureSection .inner .content .content_wrap .con_gap .unit .thum{
  max-height:330px;overflow: hidden;
}
#lectureSection .inner .content .content_wrap .con_gap .unit img {
  width:100%;
}
#lectureSection .inner .content .content_wrap .con_gap .unit .txt{
  padding:7px 0;display: flex;flex-direction: column;gap:4px;align-items: center;justify-content: center;
  flex-grow:1;
}
#lectureSection .inner .content .content_wrap .con_gap .unit .txt h2{
  font-size: 20px;line-height:27px;font-weight:700;color:#0183FF;
}
#lectureSection .inner .content .content_wrap .con_gap .unit .txt p{
  font-size: 18px;line-height:25px;font-weight:400;color:#666666;
}
#lectureSection .inner .content .content_wrap .con_table {
  width:100%;
}
#lectureSection .inner .content .content_wrap .con_table table {
  border-bottom: 2px solid #bdbdbd;width:100%;text-align: left;
}
#lectureSection .inner .content .content_wrap .con_table table thead {
  text-align: center;
}
#lectureSection .inner .content .content_wrap .con_table table thead tr {
  background: #0083ff;height:48px;
}
#lectureSection .inner .content .content_wrap .con_table table thead tr td {
  font-size:20px;font-weight: 700;line-height:1;padding:10px 20px;color:#ffffff;min-width:115px;
}
#lectureSection .inner .content .content_wrap .con_table table thead tr td:first-child{
  border-right: 1px solid #bdbdbd;
}
#lectureSection .inner .content .content_wrap .con_table table tbody tr td {
  border:1px solid #bdbdbd;height:50px;padding:10px 20px;font-size:18px;color:#666666;font-weight: 400;
  letter-spacing: -0.6px;
}
#lectureSection .inner .content .content_wrap .con_table table tbody tr td:first-child {
  text-align: center;font-weight: 700;border-left: 0;
}
#lectureSection .inner .content .content_wrap .con_table table tbody tr td:last-child {
  border-right: 0;
}


#onePassSection {
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beauty_html_img/lecture/onepass_bg.png);
  text-align: center;
  padding:100px 0 153px;
}

#commonSection {
  background: #fff;
  text-align: center;
  padding:100px 0;
}
#commonSection .inner{
  width:1220px !important;
  gap:100px;
}



#passSection {
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beauty_html_img/lecture/passSection_bg.png);
  text-align: center;
  padding:100px 0 241px;
  background-position: bottom center;
}
#passSection .inner {
  display: flex;flex-direction: column;gap:100px;align-items: center;justify-content: center;
}
#passSection .inner .common_pass_wrap{
  position: relative;
}
#passSection .inner .common_pass_wrap::after {
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beauty_html_img/lecture/common_pass_wrap_bg.png);
  width: 1193px;
  height: 633px;
  background-size: cover;
  content:'';
  position: absolute;
  top:36px;left:50%;
  transform: translate(-50%, 0%);
}
#passSection .inner .passSwiperWrap{
  display: flex;flex-direction: column;gap:65px;align-items: center;justify-content: center;width: 100%;
  overflow: hidden;
}
#passSection .inner .passSwiperWrap .swiper_title h2{
  font-size:32px;line-height:44px;font-weight:400;color:#2b2b2b;
}
#passSection .inner .passSwiperWrap .swiper_title span{
  font-weight:700;color:#0083ff;
}
#passSection .inner .passSwiperWrap .passSwiperGap{
  position: relative;
}
#passSection .inner .passSwiperWrap .passSwiper {
  width:100%;position: relative;max-width:1160px;overflow: hidden;
}
#passSection .inner .passSwiperWrap .passSwiper .swiper-slide{
  display: flex;flex-direction: column;gap:25px;max-width:280px;height:auto;    overflow: hidden;    width: 100%;
}
#passSection .inner .passSwiperWrap .passSwiper .swiper-slide .slide_img {height:410px;width:280px;position: relative;}
#passSection .inner .passSwiperWrap .passSwiper .swiper-slide .slide_img img {
  height:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#passSection .inner .passSwiperWrap .passSwiper .swiper-slide .slide_title {
  display: flex;align-items: center;justify-content: center;gap:13px;
}
#passSection .inner .passSwiperWrap .passSwiper .swiper-slide .slide_title p{
  font-size:28px;font-weight: 400;
  color:#333333;
}
#passSection .inner .passSwiperWrap .passSwiperGap .swiper-button-next{
  right:-20px;    margin-top: -60px;
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beauty_html_img/lecture/passSwiperNext.png);
  width: 60px;height:60px;
  background-size:cover;
}
#passSection .inner .passSwiperWrap .passSwiperGap .swiper-button-prev{
  left:-20px;    margin-top: -60px;
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beauty_html_img/lecture/passSwiperPrev.png);
  width: 60px;height:60px;
  background-size:cover;
}
#passSection .inner .passSwiperWrap .passSwiperGap .swiper-button-next::after{
  display: none;
}
#passSection .inner .passSwiperWrap .passSwiperGap .swiper-button-prev::after{
  display: none;
}
#passSection .inner .passSwiperWrap .passSwiperGap .swiper-button-prev.swiper-button-disabled{
  background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/lecture/swiperArrowPrevDisable.png);opacity: 1;z-index: 2;cursor: pointer;pointer-events: unset;
}
#passSection .inner .passSwiperWrap .passSwiperGap .swiper-button-next.swiper-button-disabled {
  background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/lecture/swiperArrowNextDisable.png);opacity: 1;z-index: 2;cursor: pointer;pointer-events: unset;
}

#passSection .inner .passSwiperWrap .passtxtSwiperGap {
  width:100%;display: flex;flex-direction: column;gap:30px;align-items: center;justify-content: center;
}
#passSection .inner .passSwiperWrap .passtxtSwiperGap .passtxtSwiperbox{
  background: #fff;height: 206px;overflow: hidden;padding:32px 0;width: 100%;
  margin-top:35px;
}
#passSection .inner .passSwiperWrap .passtxtSwiperGap .passtxtSwiperbox .passtxtSwiper {
  height: 100%;overflow: hidden;
}
#passSection .inner .passSwiperWrap .passtxtSwiperGap .passtxtSwiperbox .passtxtSwiper p {
  font-size:25px;font-weight:500;color:#333333;line-height:34px;
}
#passSection .inner .passSwiperWrap .passtxtSwiperGap a {
  background: #0183FF;border-radius: 24px;font-size:16px;font-weight:700;display: flex;
  align-items: center;justify-content: center;gap:10px;color:#fff;padding:7px 25px;
}


.main_container #btClassSection .inner {
  gap:60px; padding:100px 0;
}
#btClassSection .inner .section_content_container{
  width: 100%;  position: relative;
}
#btClassSection .inner .section_content_container .btClassSwiper {
  position: relative;
  overflow: hidden;
  max-width: 1136px;
  margin:0 auto;
}
#btClassSection .inner .section_content_container .btClassSwiper .swiper-slide{
  max-width: 356px;
  height: 633px;
  overflow: hidden;
  border-radius: 16px;
}
#btClassSection .inner .section_content_container .btClassSwiper .swiper-slide a {
  display: flex;height:100%;position: relative;
}
#btClassSection .inner .section_content_container .btClassSwiper .swiper-slide a img{
width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: static;
    transform: none;
}
#btClassSection .inner .section_content_container .btClassSwiper .swiper-slide a::after {
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.7) 100%);
  width:100%;height:100%;
  position: absolute;
  bottom: 0;left:0;
  z-index: 1;
  content: '';
}
#btClassSection .inner .section_content_container .btClassSwiper .swiper-slide a .class_txt {
  display: flex;
      flex-direction: column;
      gap: 8px;
      position: absolute;
      bottom: 30px;
      left: 0;
      width: 100%;
      padding: 0 30px;
      z-index: 2;
}
#btClassSection .inner .section_content_container .btClassSwiper .swiper-slide a .class_txt h2{
  color:#fff;font-size:24px;font-weight:700;line-height: 1.2;    word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#btClassSection .inner .section_content_container .btClassSwiper .swiper-slide a .class_txt span{
  width: 25px;height:1px;background: #ffffff;
}

#btClassSection .inner .section_content_container .btClassSwiper .swiper-slide a .class_txt p{
  color:#fff;font-size:20px;font-weight:400;line-height: 1.2;
}

#btClassSection .inner .section_content_container .swiper-button-next::after, #btClassSection .inner .section_content_container .swiper-button-prev::after{
  display:none;
}
#btClassSection .inner .section_content_container .swiper-button-next {
  background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/lecture/swiperArrowNext.png);
  width:60px;height:61px;
  background-size: cover;
  background-repeat:no-repeat;
  position: relative;
  position: absolute;
  right: 0;
  margin-top:-30px;
}
#btClassSection .inner .section_content_container .swiper-button-prev {
  background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/lecture/swiperArrowPrev.png);
  width:60px;height:61px;
  background-size: cover;
  background-repeat:no-repeat;
  position: relative;
  position: absolute;
  left:0;
  margin-top:-30px;
}
#btClassSection .inner .section_content_container .swiper-button-prev.swiper-button-disabled{
  background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/lecture/swiperArrowPrevDisable.png);opacity: 1;z-index: 2;cursor: pointer;pointer-events: unset;
} #btClassSection .inner .section_content_container .swiper-button-next.swiper-button-disabled {
  background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/lecture/swiperArrowNextDisable.png);opacity: 1;z-index: 2;cursor: pointer;pointer-events: unset;
}








.main_container #btReviewSection .inner {
  gap:60px; padding:100px 0;border-top:1px solid #cccccc;
}
#btReviewSection .inner .section_content_container{
  width: 100%;  position: relative;
}
#btReviewSection .inner .section_content_container .btReviewSwiper {
  position: relative;
  overflow: hidden;
  max-width: 1136px;
  margin:0 auto;
}
#btReviewSection .inner .section_content_container .btReviewSwiper .swiper-slide{
  max-width: 356px;
  max-height: 633px;
  overflow: hidden;
  border-radius: 16px;
}
#btReviewSection .inner .section_content_container .btReviewSwiper .swiper-slide a {
  display: flex;width:100%;height:100%;flex-direction: column;gap:20px;
}
#btReviewSection .inner .section_content_container .btReviewSwiper .swiper-slide a .class_img {
  height:426px;    display: flex;
      align-items: center;
      justify-content: center;
      width:356px;
      overflow: hidden;
      border-radius: 16px;
}
#btReviewSection .inner .section_content_container .btReviewSwiper .swiper-slide a .class_img  img {
  width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: static;
    transform: none;
}
#btReviewSection .inner .section_content_container .btReviewSwiper .swiper-slide a .class_txt {
  display: flex;
      flex-direction: column;
      gap: 8px;
      position: relative;
      width: 100%;
      z-index: 2;
}
#btReviewSection .inner .section_content_container .btReviewSwiper .swiper-slide a .class_txt h2{
  color:#333333;font-size:25px;font-weight:700;line-height: 34px;
}
#btReviewSection .inner .section_content_container .btReviewSwiper .swiper-slide a .class_txt span{
  color: #666666;font-weight:500;
}

#btReviewSection .inner .section_content_container .btReviewSwiper .swiper-slide a .class_txt p{
  color:#0183FF;font-size:18px;font-weight:500;line-height: 25px;
}

#btReviewSection .inner .section_content_container .swiper-button-next::after, #btReviewSection .inner .section_content_container .swiper-button-prev::after{
  display:none;
}
#btReviewSection .inner .section_content_container .swiper-button-next {
  background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/lecture/swiperArrowNext.png);
  width:60px;height:61px;
  background-size: cover;
  background-repeat:no-repeat;
  position: relative;
  position: absolute;
  right:0;
  margin-top:-74px;
}
#btReviewSection .inner .section_content_container .swiper-button-prev {
  background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/lecture/swiperArrowPrev.png);
  width:60px;height:61px;
  background-size: cover;
  background-repeat:no-repeat;
  position: relative;
  position: absolute;
  left:0;
  margin-top:-74px;
}
#btReviewSection .inner .section_content_container .swiper-button-prev.swiper-button-disabled{
  background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/lecture/swiperArrowPrevDisable.png);opacity: 1;z-index: 2;cursor: pointer;pointer-events: unset;
}
#btReviewSection .inner .section_content_container .swiper-button-next.swiper-button-disabled {
  background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/lecture/swiperArrowNextDisable.png);opacity: 1;z-index: 2;cursor: pointer;pointer-events: unset;
}

















.main_container #teacherSection .inner {
  gap:130px; padding:100px 0;    border-top: 1px solid #cccccc;
}
#teacherSection .inner .section_content_container{
  width: 100%;
}
#teacherSection .inner .section_content_container .best_teacher_content {
  display: flex;flex-direction: column;gap:30px;align-items: flex-start;justify-content: flex-start;
  width:100%;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap {
  display: flex;gap:20px;align-items: center;justify-content: center;width:100%;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap {
  width: 100%;position: relative;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .swiper-container {
  width: 100%;overflow: hidden;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .swiper-container .swiper-wrapper{
  align-items: flex-end;min-height:380px;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .swiper-container .swiper-slide {
  gap: 40px;
  display: flex;
  flex-direction: column;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_unit{
  position: relative;width:100%;height:380px;overflow: hidden;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_unit .teacher_bg {
  position: absolute;top:0;left:0;width:100%;height:100%;z-index: 0;background: #FFF4E2;
  border-top-right-radius: 24px;border-top-left-radius: 24px;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_unit .teacher_image {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
  min-height:381px;
}

#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_unit .teacher_image img {
  max-height: 100%;
  position: relative;
  height: 380px;
  top: 40px;
  left: 50%;
  transform: translate(-50%, 0);
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_gradient {
  width:100%;height:100%;background: linear-gradient(180deg, rgba(0,129,255,0) 50%, rgba(255,255,255,1) 100%);position: relative;
  z-index: 2;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_info_txt {
  position: absolute;bottom:25px;z-index: 3;display: flex;flex-direction: column;gap:8px;align-items: flex-start;justify-content: flex-start;overflow: hidden;transition: opacity .5s ease-in-out;opacity: 0;
  padding:0 30px;
  width:100%;
  z-index: 2;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_unit:hover .teacher_info_txt {
  transition: opacity .5s ease-in-out;opacity: 1;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_info_txt p{
  font-size: 16px;
  line-height: 1.2;
  color: #000;
  font-weight: 400;
  text-align: center;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_info_txt span{
  width: 25px;height:1px;background: #2B2B2B;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_info_txt h2{
  font-size: 20px;
  line-height: 1.2;
  color: #000;
  font-weight: 700;
  text-align: center;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_info_txt > img{
  position: absolute;
  bottom:0;
  right:30px;
  width: unset;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .main_board_slide_tab_btn_pagination_container {
  position: absolute;
  top: -60px;
  right: 0;
  min-width: 184px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .main_board_slide_tab_btn_pagination_container .teacher_pagination {
  width: 72px;
  height:24px;
  justify-content: space-between;
  align-items: center;
  display: none;opacity: 0;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .main_board_slide_tab_btn_pagination_container .teacher_pagination span {
  width:1px; height:100%;background: #CCCCCC;display: block;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .main_board_slide_tab_btn_pagination_container .teacher_pagination.active {
  display: flex;opacity: 1;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_pagination .swiper-button-next::after, .main_container .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_pagination .swiper-button-prev::after{
  display:none;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_pagination .swiper-button-next {
  background-image: url(https://img.megastudyacademy.co.kr/campus/beauty_html_img/common/main_board_slide_tab_btn_pagination_arrow.png);
  width:14px;height:24px;
  background-size: cover;
  background-repeat:no-repeat;
  position: relative;
  top:unset;
  right:unset;
  left:unset;
  margin-top:0;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_pagination .swiper-button-prev {
  background-image: url(https://img.megastudyacademy.co.kr/campus/beauty_html_img/common/main_board_slide_tab_btn_pagination_arrow.png);
  width:14px;height:24px;
  background-size: cover;
  transform: rotate(180deg);
  background-repeat:no-repeat;
  position: relative;
  top:unset;
  right:unset;
  left:unset;
  margin-top:0;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_pagination .swiper-pagination {
  position: relative;width: fit-content;    
  top: unset;
  left: unset;
  bottom: unset;
  font-family: "Noto Serif KR Light";font-size:18px;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_pagination .swiper-pagination .swiper-pagination-current {
  font-family: "Noto Serif KR Bold";font-size:20px;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_pagination .swiper-pagination .swiper-pagination-total {
  font-family: "Noto Serif KR Light";font-size:18px;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .main_board_slide_tab_btn_pagination_container > a {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}




.main_container #facilitiesSection {
  background: #ffffff;border-top: 0;
}
.main_container  #facilitiesSection .inner {
  padding: 100px 0 0;gap:130px;border-top: 1px solid #cccccc;
}
#facilitiesSection .section_content_container{
  width:100%;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap{
  width:100%;position: relative;display: flex;flex-direction: column;gap:30px;align-items: center;
  justify-content: center;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap .facilitiesSwiper{
  width:100%;position: relative;overflow: hidden;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap .swiper-slide{
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap:30px;
  align-items: center;
  justify-content: center;
  width: 690px;
  overflow: hidden;
  height: 374px;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap .swiper-slide .unit_img img {
  width:100%;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap > a {
  font-size: 18px;
  background: #0183ff;
  font-weight: 700;
  color: #fff;
  width: 283px;
  height: 40px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding:0 20px;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap > a span {
  font-weight: 400;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap > a img:first-child {
  margin-right: auto;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap > a img:last-child {
  margin-left: auto;
}

#facilitiesSection .section_content_container .main_board_slide_tab_btn_pagination_container {
  position: absolute;
  top: -60px;
  right: 0;
  min-width: 184px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
#facilitiesSection .section_content_container .main_board_slide_tab_btn_pagination_container .facilities_pagination {
  width: 72px;
  height:24px;
  justify-content: space-between;
  align-items: center;
  display: none;opacity: 0;
}
#facilitiesSection .section_content_container .main_board_slide_tab_btn_pagination_container .facilities_pagination span {
  width:1px; height:100%;background: #CCCCCC;display: block;
}
#facilitiesSection .section_content_container .main_board_slide_tab_btn_pagination_container .facilities_pagination.active {
  display: flex;opacity: 1;
}
#facilitiesSection .section_content_container .facilities_pagination .swiper-button-next::after, #facilitiesSection .section_content_container .facilities_pagination .swiper-button-prev::after{
  display:none;
}
#facilitiesSection .section_content_container .facilities_pagination .swiper-button-next {
  background-image: url(https://img.megastudyacademy.co.kr/campus/beauty_html_img/common/main_board_slide_tab_btn_pagination_arrow.png);
  width:14px;height:24px;
  background-size: cover;
  background-repeat:no-repeat;
  position: relative;
  top:unset;
  right:unset;
  left:unset;
  margin-top:0;
}
#facilitiesSection .section_content_container .facilities_pagination .swiper-button-prev {
  background-image: url(https://img.megastudyacademy.co.kr/campus/beauty_html_img/common/main_board_slide_tab_btn_pagination_arrow.png);
  width:14px;height:24px;
  background-size: cover;
  transform: rotate(180deg);
  background-repeat:no-repeat;
  position: relative;
  top:unset;
  right:unset;
  left:unset;
  margin-top:0;
}
#facilitiesSection .section_content_container .facilities_pagination .swiper-pagination {
  position: relative;width: fit-content;    
  top: unset;
  left: unset;
  bottom: unset;
  font-family: "Noto Serif KR Light";font-size:18px;
}
#facilitiesSection .section_content_container .facilities_pagination .swiper-pagination .swiper-pagination-current {
  font-family: "Noto Serif KR Bold";font-size:20px;
}
#facilitiesSection .section_content_container .facilities_pagination .swiper-pagination .swiper-pagination-total {
  font-family: "Noto Serif KR Light";font-size:18px;
}
#facilitiesSection .section_content_container .main_board_slide_tab_btn_pagination_container > a {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}


.main_container #consultingSection .inner {
  padding:100px 0;
}
#consultingSection .inner .consultingWrap {
  border:1px solid #666666;padding:60px 163px;
  display: flex;flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:40px;
}
#consultingSection .inner .consultingWrap .consulting_title {
  display: flex;flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:16px;
}
#consultingSection .inner .consultingWrap .consulting_title h2 {
  font-size:32px;line-height:44px;color:#2b2b2b;font-weight:400;
}
#consultingSection .inner .consultingWrap .consulting_title h2 span {
  font-weight: 700;
}
#consultingSection .inner .consultingWrap .consulting_title p {
  font-size:16px;line-height:1.5;color:#666666;
}
#consultingSection .inner .consultingWrap .consulting_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:48px;
  width: 100%;
}
#consultingSection .inner .consultingWrap .consulting_content form {
  display: flex;gap:42px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm {
  display: flex;
  flex-direction: column;
  gap:16px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.left {
  width:490px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.left .inp_table {
  display: flex;
  gap:15px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.left .inp_table .inp_title{
  width: 60px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.left .inp_table .inp_title h2 {
  font-size:16px;font-weight: 700;color:#2b2b2b;line-height:22px;letter-spacing: -0.4px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.right {
  width:340px;display: flex;flex-direction: column;gap:16px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form.left {
  display: flex;justify-content: flex-start;gap:45px;width: 487px;
}

#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn {
  display: flex;flex-direction: column;gap:16px;width: 100%;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common {
  display: flex;gap:15px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap {
  display: grid;align-items: flex-start;gap:15px;grid-template-columns: 1fr 1fr 1fr;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common.counseling_content_form_btn_top .btn_wrap{
  grid-template-columns: 1fr 1fr;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .counseling_content_form_btn_top_title span {
  font-size:16px;font-weight: 700;color:#2b2b2b;line-height:22px;letter-spacing: -0.4px;width: 58px;
  display: block;white-space: nowrap;text-align: right;
}

#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap {
  display: grid;grid-template-columns: 1fr 1fr 1fr;gap:8px;width:100%;height:100%;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap a {
  display: flex;align-items: center;justify-content: center;font-size:18px; color:#666666;font-weight:700;
  flex-direction: column;border: 1px solid #cccccc;border-radius: 4px;min-height: 62px;
  text-align: center;line-height: 1;gap:5px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap a span {
  font-weight: 300;font-size:14px; color:#666666;line-height: 14px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common.counseling_content_form_btn_bottom .btn_wrap a {
  min-height: 70px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap a.select{
  color: #0183FF;background-color: rgba(1,131,255,.1);border: 3px solid #0183FF;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap a.select span{
  color: #0183FF;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap input {
  display: none;
}

#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counselingFormTable {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counselingFormTable .inp_wrap{width: 100%;display: flex;gap:24px;}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counselingFormTable .inp_wrap .inp_title {
  min-width:54px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counselingFormTable .inp_wrap .inp_box {
  width:100%;display: flex;gap:4px;align-items: center;justify-content: center;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counselingFormTable .inp_wrap .inp_box input[type="text"]{
  height:60px;border-radius: 4px;border:1px solid #CCCCCC;width: 100%;font-size:16px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .line{width: 100%;height:1px;background: #9E9E9E;}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counselingFormTable .inp_wrap .inp_title h2 {
  font-size: 16px;
  font-weight: 700;
  color: #2b2b2b;
  line-height: 22px;
  display: flex;
  white-space: nowrap;
  justify-content: space-between;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .counselingFormTable .inp_wrap .inp_box input[type="tel"]{
  height:60px;border-radius: 4px;border:1px solid #CCCCCC;width: 100%;font-size:16px;
}








#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalGuide{position: relative;}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalGuide a{color: #2b2b2b;font-size: 14px;letter-spacing: -0.04em;display: inline-block;padding-right: 0;-webkit-transition: 0.2s linear;    display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;}
  #consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalGuide a > img.on {
    transform: rotate(180deg);
    display: inline-block;
  }
  #consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalGuide a span {
    transform: rotate(180deg);
  }
  #consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalGuide a span.on {
    transform: rotate(0deg);
  }
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalGuide div{margin-top: 8px;}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalGuide .agree_bx{
  display: flex;align-items: center;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalGuide div input{width: 12px;height: 12px;border:1px solid #ddd;vertical-align: middle;margin-right: 4px;}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalGuide div label{color: #666666;font-size: 14px;letter-spacing: -0.04em;}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .btnCounseling{display: flex;gap:12px;}

#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .btnCounseling a{display: flex;width: 100%;height: 40px;color: #fff;border-radius: 40px;align-items: center;justify-content: center;
  background: #000000;font-family: 'Noto Sans KR';letter-spacing: -0.05em;font-size: 16px;line-height: normal;text-align: center;font-weight: 700;}

#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .btnCounseling a:last-child{display: flex;width: 100%;height: 40px;color: #fff;border-radius: 40px;align-items: center;justify-content: center;
    background: #FB3E67;font-family: 'Noto Sans KR';letter-spacing: -0.05em;font-size: 16px;line-height: normal;text-align: center;font-weight: 700;}












#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalInfo{background: #ffffff;border: 1px solid #CCCCCC;padding:20px 15px;font-size: 14px;font-weight:300;line-height: 1.5;letter-spacing: -0.02em;color: #9a9a9a;display: none;max-height: 170px;}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalInfo .personalInfoInner {
  overflow-y: auto !important;margin:0;max-height:128px;    padding-right: 19px;    font-size: 14px;
  font-weight: 300;
  color: #666666;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalInfo .personalInfoInner::-webkit-scrollbar {
    background-color:#E7E7E7;width: 10px;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalInfo .personalInfoInner::-webkit-scrollbar-track {
    background-color:#E7E7E7;
}
#consultingSection .inner .consultingWrap .consulting_content .counselingForm.counseling_content_form .personalInfo .personalInfoInner::-webkit-scrollbar-thumb {
    background: #2B2B2B;
    border-radius:20px;
}
