@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&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');

* {
  font-family: "Pretendard";
}
.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:20px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.main_container .section_title h2{
  font-size:34px;color:#000000;font-weight:500;line-height:1;font-family:"Noto Sans KR";
}
.main_container .section_title h2 span{
  color:#0183FF;font-weight:700;line-height:35px;
}
.main_container .section_title p{
  font-size:16px;color:#666666;font-weight:400;line-height:1.5;
}
.main_container .section_title span {
  font-size:20px;font-weight: 600;color: #3E00CF;line-height: 1;
}


#lectureMain {
  position: relative;display: flex;height:342px;
  align-items: flex-end;justify-content: center;
}
#lectureMain img {
  position: relative;
}

#lectureMain .lecture_main_text {
  position: absolute;top:44px;left:50%;
  transform:translate(-50%, 0);
  text-align: center;z-index: 1;
  display: flex;flex-direction: column;gap:12px;
}
#lectureMain .lecture_main_text h2 {
  font-size:80px;font-weight:500;color:#444444;line-height:97px;font-family: "Cormorant Garamond";
}

#lectureMain .lecture_main_text span {
  font-size:40px;font-weight:400;color:#222;line-height:48px;font-family: "Pretendard";
}

#lectureMain .lecture_main_text h1 {
  position: absolute;top:0;left:50%;
  transform:translate(-50%, 0);
  text-align: center;
  font-size:0;
}
#lectureMain video {
  position: relative;
  top:0;left:50%;
  transform:translate(-50%, 0);
  height: 500px;
}

html.lecture-tab-restore-pending {
  visibility: hidden;
}

#lectureMenuSection {
  background: #fff;
}
#lectureMenuSection .inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap:20px;
  padding:40px 0;
  flex-wrap: wrap;
}
#lectureMenuSection .inner a {
  font-size:18px;font-weight:400;color:#555555;line-height:1;font-family: "Pretendard";
  padding:15px 30px;border:1px solid #DDDDDD;border-radius: 50px;
}
#lectureMenuSection .inner a.active {
  background: #15181F;
  color: #fff;
  font-weight: 700;
}





#lectureSection .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:130px;
  padding:0;
}
#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;
}
#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;
}




.lecture_content_container {
  padding: 20px 0 80px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

#lectureSection .inner .content {
  width: 100%;display: flex;flex-direction: column;gap:15px;
}
#lectureSection .inner .content h2 {
  font-size:28px;font-weight: 700;color:#2b2b2b;line-height: 32px;
}
#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 tbody {
  text-align: center;
}
#lectureSection .inner .content .content_wrap .con_table table tbody tr {
  background: #0083ff;height:48px;
}
#lectureSection .inner .content .content_wrap .con_table table tbody 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 tbody 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;
}

#lectureSection .inner .content table {
  width:100%;text-align: left;
}
#lectureSection .inner .content table tbody {
  text-align: center;border-top: 1px solid #222222;
}
#lectureSection .inner .content table tbody tr {
  height:48px;border-bottom: 1px solid #E0E0E0;
}
#lectureSection .inner .content table tbody tr th{
  font-size:16px;font-weight: 700;line-height:1;padding:10px 30px;color:#222222;width:180px;background: #F6F6F8;
}
#lectureSection .inner .content table tbody tr td {
  height:50px;padding:10px 30px;font-size:16px;color:#222222;font-weight: 400;text-align: left;word-break: keep-all;
  letter-spacing: -0.6px;
}
#lectureSection .inner .content table tbody tr td:first-child {
  text-align: center;font-weight: 700;
}


#curriculumSection {
  background: #fff;
}
#curriculumSection .inner {
  display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;width:100%;padding:0;gap:15px;
}
#curriculumSection .inner h2 {
  font-size:18px;font-weight: 700;color:#2b2b2b;line-height: 21px;
}
#curriculumSection .inner .curriculum_container {
  display: flex;flex-direction: column;gap:30px;align-items: center;justify-content: center;width:100%;
}
#curriculumSection .inner .curriculum_container .curriculum_unit {
  display: flex;flex-direction: column;gap:10px;align-items: flex-start;justify-content: flex-start;width:100%;
}
#curriculumSection .inner .curriculum_container .curriculum_unit h3 {
  font-size:18px;font-weight: 700;color:#2b2b2b;line-height: 21px;
}
#curriculumSection .inner .curriculum_container .curriculum_unit .curriculum_table {
  width:100%;
  border-top: 1px solid #222222;
}
#curriculumSection .inner .curriculum_container .curriculum_unit .curriculum_table thead {
  text-align: center;
}
#curriculumSection .inner .curriculum_container .curriculum_unit .curriculum_table thead tr {
  height:40px;border-bottom: 1px solid #E0E0E0;background: #F6F6F8;
}
#curriculumSection .inner .curriculum_container .curriculum_unit .curriculum_table thead tr th {
  height:40px;padding:0 30px;font-size:16px;color:#222222;font-weight: 400;text-align: center;
  letter-spacing: -0.6px;
}
#curriculumSection .inner .curriculum_container .curriculum_unit .curriculum_table thead tr th:first-child {
  width:180px;text-align: center;
}
#curriculumSection .inner .curriculum_container .curriculum_unit .curriculum_table thead tr th:last-child {
  border-right: 0;
}
#curriculumSection .inner .curriculum_container .curriculum_unit .curriculum_table tbody {
  text-align: center;
}
#curriculumSection .inner .curriculum_container .curriculum_unit .curriculum_table tbody tr {
  height:48px;border-bottom: 1px solid #E0E0E0;
}
#curriculumSection .inner .curriculum_container .curriculum_unit .curriculum_table tbody tr td {
  height:50px;padding:10px 30px;font-size:16px;color:#222222;font-weight: 400;text-align: left;
  letter-spacing: -0.6px;
}
#curriculumSection .inner .curriculum_container .curriculum_unit .curriculum_table tbody tr td:first-child {
  text-align: center;font-weight: 700;background: #F6F6F8;width:180px;  
}
#curriculumSection .inner .curriculum_container .curriculum_unit .curriculum_table tbody tr td:last-child {
  border-right: 0;text-align: center;word-break: keep-all;
}

#curriculumSection .inner .other_lecture_btn {
  display: flex;align-items: center;justify-content: center;gap:1px;font-size:18px;font-weight: 400;color:#ffffff;
  padding:17px 20px;background: #777777;border-radius: 10px;margin-left:auto;line-height: 1;margin-top:5px;
}



#resultSection {
  background: #F5F5F5;
}
#resultSection .inner {
  display: flex;flex-direction: column;align-items: center;justify-content: center;width:100%;padding:80px 0;gap:60px;
}
#resultSection .inner .result_title {
  display: flex;flex-direction: column;gap:15px;align-items: center;justify-content: center;width:100%;
}
#resultSection .inner .result_title h2 {
  font-size:36px;font-weight: 700;color:#222222;line-height: 42px;
}
#resultSection .inner .result_title p {
  font-size:26px;font-weight: 400;color:#222222;line-height: 30px;
}
#resultSection .inner .result_content {
  display: flex;flex-direction: column;gap:20px;align-items: center;justify-content: flex-start;width:100%;
}
#resultSection .inner .result_content .result_content_item {
  display: flex;flex-direction: row;gap:0;align-items: flex-end;justify-content: center;width:100%;
  position: relative;
  gap:69px;
}
#resultSection .inner a {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 18px;
  letter-spacing: -0.4px;
  font-family: "Pretendard";
  background: #15181F;
  padding: 21px 30px;
  border-radius: 10px;
}

/* ====== 좌측 깔때기 그래프 ====== */
#resultSection .result_chart {
  position: relative;
  width: 514px;
  flex-shrink: 0;
}
#resultSection .funnel_wrap {
  position: relative;
  width: 100%;
  height: 460px;
}
#resultSection .funnel_stack {
  position: absolute;
  top: 0;
  left: 0;
  width: 514px;
  height: 460px;
}
#resultSection .funnel_layer {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(40px);
  border-radius: 50%;
  opacity: 0;
  transition: opacity .55s ease-out, transform .55s ease-out;
}
#resultSection .funnel_layer.layer-0 {
  width: 514px;
  height: 176px;
  top: 0;
  background: #0064C7;
  z-index: 5;
  box-shadow: 0 6px 16px rgba(1,131,255,0.25);
}
#resultSection .funnel_layer.layer-1 {
  width: 466px;
  height: 176px;
  top: 37px;
  background: #3F8CD9;
  z-index: 4;
  box-shadow: 0 6px 16px rgba(1,131,255,0.25);
}
#resultSection .funnel_layer.layer-2 {
  width: 420px;
  height: 176px;
  top: 72px;
  background: #96C6F4;
  z-index: 3;
}
#resultSection .funnel_layer.layer-3 {
  width: 370px;
  height: 176px;
  top: 110px;
  background: #B4D8FB;
  z-index: 2;
}
#resultSection .funnel_layer.layer-4 {
  width: 322px;
  height: 178px;
  top: 148px;
  background: #D7E8F8;
  z-index: 1;
}
#resultSection .funnel_top_text {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  gap: 4px;
}
#resultSection .funnel_top_text strong {
  font-size: 50px;
  font-weight: 700;
  line-height: 107px;
  background: linear-gradient(180deg, #24FF5E 0%, #FFEB57 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  letter-spacing: -1px;
  font-family: "Pretendard";
}
#resultSection .funnel_top_text strong em {
  font-style: normal;font-size:90px;font-weight: 700;line-height: 50px;font-family: "Pretendard";
}
#resultSection .funnel_top_text > span {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  line-height: 29px;
  position: absolute;
  bottom: 33px;
  left: 50%;
  transform: translateX(-50%);
}

/* 좌측 녹색 상승 화살표 */
#resultSection .funnel_arrow {
  position: absolute;
  left: 45px;
  bottom: 65px;
  width: 113px;
  height: 269px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  pointer-events: none;
  clip-path: inset(100% 0 0 0);
  -webkit-clip-path: inset(100% 0 0 0);
  transition: clip-path 3s cubic-bezier(0.22, 1, 0.36, 1), -webkit-clip-path 3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* 전국 합격률 박스 */
#resultSection .national_rate {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 274px;
  height: 120px;
  background: #E8E8E8;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  opacity: 0;
  transition: opacity .5s ease-out;
  border:2px solid #D6D6D6;
}
#resultSection .national_rate strong {
  font-size: 20px;
  font-weight: 700;
  color: #0064C7;
  line-height: 41px;
  letter-spacing: -0.5px;
  font-family: "Pretendard";
}
#resultSection .national_rate strong em {
  font-style: normal;font-size:34px;font-weight: 700;line-height: 41px;font-family: "Pretendard";
}
#resultSection .national_rate span {
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  line-height: 24px;
}

/* ====== 연결 곡선 화살표 ====== */
#resultSection .connect_arrow {
  width: 332px;
  height: 36px;
  flex-shrink: 0;
  margin-top: -30px;
  opacity: 0;
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  transition: opacity .3s ease-out, clip-path 1s ease-out, -webkit-clip-path 1s ease-out;
  position: absolute;
  top:111px;left:100%;
}

/* ====== 우측 정보 박스 ====== */
#resultSection .result_info_box_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 19px;
}
#resultSection .result_info_box {
  flex-shrink: 0;
  width: 508px;
  height:289px;
  background: #ffffff;
  border-radius: 50px;
  border:1px solid #0064C7;
  padding: 0 50px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .6s ease-out, transform .6s ease-out;
}
#resultSection .result_info_box .info_top {
  font-size: 24px;
  font-weight: 400;
  color: #000000;
  line-height: 29px;
  letter-spacing: -0.5px;
  margin-bottom: auto;
}
#resultSection .result_info_box .info_top strong {
  font-weight: 700;
  color: #000000;
}
#resultSection .result_info_box .info_top strong em {
  font-weight: 700;
}
#resultSection .result_info_box .info_top em {
  font-style: normal;
  font-family: "Pretendard";
}
#resultSection .result_info_box .info_pill {
  display: inline-block;
  background: linear-gradient(90deg, #0185E1 0%, #00D8AB 100%);
  color: #ffffff;
  font-size: 46px;
  font-weight: 700;
  line-height: 1;
  padding: 13px 43px;
  border-radius: 999px;
  letter-spacing: -0.5px;
}
#resultSection .result_info_box .info_main {
  font-size: 50px;
  font-weight: 700;
  color: #000;
  line-height: 1.1;
  letter-spacing: -1px;
  position: relative;
  top:-2px;
}
#resultSection .result_info_box .info_main span{
  font-style: normal;
  font-weight: 700;
  color: #0073E4;
  line-height: 119px;
  font-size:60px;
  font-family: "Pretendard";
}
#resultSection .result_info_box .info_main em {
  font-style: normal;
  font-weight: 700;
  color: #0073E4;
  font-size:100px;
  font-family: "Pretendard";
  line-height: 119px;
}

/* ====== 하단 캡션 ====== */
#resultSection .result_caption {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #9F9F9F;
  line-height: 17px;
  font-family: "Pretendard";
}

/* ====== 스크롤 진입 시 애니메이션 트리거 ====== */
#resultSection.is-animate .national_rate {
  opacity: 1;
}
#resultSection.is-animate .funnel_layer {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
#resultSection.is-animate .funnel_layer.layer-4 { transition-delay: .35s; }
#resultSection.is-animate .funnel_layer.layer-3 { transition-delay: .60s; }
#resultSection.is-animate .funnel_layer.layer-2 { transition-delay: .85s; }
#resultSection.is-animate .funnel_layer.layer-1 { transition-delay: 1.10s; }
#resultSection.is-animate .funnel_layer.layer-0 { transition-delay: 1.35s; }

#resultSection.is-animate .funnel_arrow {
  z-index: 6;
  clip-path: inset(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
  transition-delay: 0.35s;
}

#resultSection.is-animate .connect_arrow {
  opacity: 1;
  clip-path: inset(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
  transition-delay: 1.6s;
}

#resultSection.is-animate .result_info_box {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.7s;
  padding:36px 0 5px;
}







#BannerSection {
  background: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/lecture/curriBannerSection.png) no-repeat center center;
  background-size: 1920px auto;
}
#BannerSection .inner {
  display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;width:100%;padding:80px 0;gap:60px;
}
#BannerSection .inner .banner_title {
  display: flex;flex-direction: column;gap:10px;align-items: flex-start;justify-content: flex-start;width:100%;
}






#onePassSection {
  background-image: url(https://img.megastudyacademy.co.kr/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://img.megastudyacademy.co.kr/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://img.megastudyacademy.co.kr/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://img.megastudyacademy.co.kr/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://img.megastudyacademy.co.kr/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{
  height: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#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;
}
#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%;
}
#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:40px; padding:160px 0 65px;height: 100%;
  justify-content: center;
}
#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:300px;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .swiper-container .swiper-slide {
  width: fit-content;
}

#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .swiper-container .swiper-slide .teacher_wrap {
  transition: all 1s ease-in-out;
  padding-top:30px;
  width: 224px;
  min-height:300px;
  gap: 32px;
  display: flex;
  flex-direction: column;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .swiper-container .swiper-slide-active .teacher_wrap{
  padding-top: 0;  transition: all 1s ease-in-out;padding-bottom: 30px;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_unit{
  position: relative;width:100%;height:300px;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_unit {
  background: #EBEBEB;
  border-bottom-right-radius: 24px;border-bottom-left-radius: 24px;
  border-top-right-radius: 24px;border-top-left-radius: 24px;
  transition: all 1s ease-in-out;overflow: hidden;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .swiper-slide-active .teacher_unit {
  border-bottom-right-radius: 24px;border-bottom-left-radius: 24px;
  border-top-right-radius: 300px;border-top-left-radius: 300px;
  transition: all 1s ease-in-out;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_unit .teacher_image {
  position: absolute;bottom:0;left:0;width:100%;z-index: 1;    overflow: hidden;
  text-align: center;
}

#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_unit img {
  width: 90%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  top: 30px;
  opacity: 0.3;
  transition: all 1s ease-in-out;
}

#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .swiper-slide-active .teacher_unit img {
  opacity: 1;transition: all 1s ease-in-out;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_gradient {
  width:100%;height:100%;position: relative;
  z-index: 2;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_unit .teacher_image img{
  transform: scale(1);transition: transform 1s ease-in-out;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_info_txt {
  position: relative;bottom:0;z-index: 3;display: flex;flex-direction: column;gap:8px;align-items: center;justify-content: flex-start;height: 60px;overflow: hidden;transition: all 1s ease-in-out;opacity: 0;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .swiper-slide-active .teacher_info_txt {
  transition: all 1s 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: 22px;
  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 h2{
  font-size: 20px;
  line-height: 1.5;
  color: #000;
  font-weight: 700;
  text-align: center;
}
#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: -30px;
  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;
}
.main_container #facilitiesSection .inner {
  padding: 65px 0 80px;gap:50px;height:100%;justify-content: center;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap{
  width:100%;position: relative;display: flex;flex-direction: column;gap:50px;align-items: center;
  justify-content: center;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap .facilitiesSwiper{
  width:100%;position: relative;overflow: hidden;height: 459px;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap .swiper-wrapper{
  align-items: center;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap .swiper-slide{
  display: flex;
  flex-direction: column;
  gap:30px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 459px;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap .swiper-slide .unit_img {
  width:779px;height: 384px;  transition: all 1s ease-in-out;
  border-radius: 8px;
  overflow: hidden;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap .swiper-slide.swiper-slide-active .unit_img {
  height: 459px;  transition: all 1s ease-in-out;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap .swiper-slide .unit_img img {
  width:100%;
}
#facilitiesSection .section_content_container .facilitiesSwiperWrap > a {
  font-size: 18px;
  background: #15181f;
  font-weight: 700;
  color: #fff;
  width: 171px;
  height: 60px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#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: -70px;
  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;
}