@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&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;
}
.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:26px;color:#1C1C1C;font-weight:400;line-height:35px;
}
.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;
}
.new_quick_ment_wrap {
  position: absolute;
  top:0;
  right: 50%;
  transform: translateX(0);
  margin-right: -700px;
  z-index: 999999;
  max-width:75px;
  width:100%;
  background: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.new_quick_ment_wrap .new_quick_ment_gap {
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  text-align: center;
}
.new_quick_ment_wrap .new_quick_ment_gap .new_quick_title {
  background: #0183FF;width: 100%;padding:5.5px 0;
}
.new_quick_ment_wrap .new_quick_ment_gap .new_quick_title span{
  text-align: center;font-size:12px;font-weight:700;color:#fff;line-height:16px;
}
.new_quick_ment_wrap .new_quick_ment_gap .new_quick_content a {
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  gap:5px;min-height:78px;
  position: relative;max-width: 53px;
}
.new_quick_ment_wrap .new_quick_ment_gap .new_quick_content a img {
  max-width: 53px;
}
.new_quick_ment_wrap .new_quick_ment_gap .new_quick_content a::after {
  width:50px;height:1px;background-color: #e0e0e0;margin: auto 0;
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.new_quick_ment_wrap .new_quick_ment_gap .new_quick_content a span {
  font-size:13px;color:#666666;font-weight:400;line-height:15px;word-break: keep-all;
}

.new_quick_ment_wrap .new_quick_ment_gap .new_quick_content a:last-child::after {
  display: none;
}

#mainBannerSection {
  width: 100%;
}

.main_container .mainEvent {
  width:100%;
  max-height:400px;
  overflow: hidden;
  position: relative;
}
.main_container .mainEvent .mRollingCont .eventBox {
  height:400px;overflow: hidden;
}
.main_container .mainEvent .mRollingCont .eventBox .eventBoxA {
  height:100%;
}
.main_container .mainEvent .mRollingCont .eventBox .eventBoxA img{
  display: block;
  width: auto;
  height: auto;
  object-fit: cover;
  transform: translate(-50%, 0);
  left: 50%;
  position: relative;
}
.main_container .mainEvent .swiper_nav_container{
  max-width: 1100px;
  width: 100%;
  height: 51px;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main_container .mainEvent .swiper_nav_container .swiper-button-next {
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beauty_html_img/main/new/swiper_nav_container_next.png);
  width: 28px;height:51px;
  background-size:cover;
}
.main_container .mainEvent .swiper_nav_container .swiper-button-next::after{
  display: none;
}
.main_container .mainEvent .swiper_nav_container .swiper-button-prev {
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beauty_html_img/main/new/swiper_nav_container_prev.png);
  width: 28px;height:51px;
  background-size:cover;
}
.main_container .mainEvent .swiper_nav_container .swiper-button-prev::after{
  display: none;
}
.main_container .mainEvent .swiper_page_container{
  height: 8px;
  z-index: 1;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translate(-50%, 0);
}
.main_container .mainEvent .swiper_page_container .swiper-pagination{
  position: relative;    bottom: 0; display: flex;
}
.main_container .mainEvent .swiper_page_container .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;border: 1px solid #0183FF;
  opacity: 1;border-radius: 8px;transition: width 0.5s ease-in-out;
}
.main_container .mainEvent .swiper_page_container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #0183FF;width: 20px;border-radius: 8px;transition: width 0.5s ease-in-out;
}
.main_container .mainEvent .twin_p{
  max-width: 1050px;
  width: 100%;
  z-index: 1;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translate(-50%, 0);
}
.main_container .mainEvent .twin_p p {
  font-size: 14px;
  font-weight: 400;
  color: #1c1c1c;
  background: #FFFBE2;
  width: 165px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  margin-left:auto;
  animation: twin 1s step-end infinite;
  opacity: 0;
}
@keyframes twin {
50% {
  opacity: 1;
}
}
.main_container .main_link_tab_bar {
  background: #ffffff;
  box-shadow: 0px 2px 5px rgba(116, 116, 116, 0.2);
}
.main_container .main_link_tab_bar .main_link_tab_bar_inner {
  max-width:1050px;margin:0 auto;padding:14px 0;width:100%;display: flex;gap:20px;
}
.main_container .main_link_tab_bar .main_link_tab_bar_inner ul {
  display: flex;justify-content: flex-start;align-items: center;gap:30px;width:100%;
}
.main_container .main_link_tab_bar .main_link_tab_bar_inner ul li {
  height: 65px;position: relative;padding-right:30px;width:100%;
}
.main_container .main_link_tab_bar .main_link_tab_bar_inner ul li:after{
  content:'';
  position: absolute;
  top:50%;
  right:0;
  width:1px;height:50px;
  background-color: #E0E0E0;
  transform: translate(0, -50%);
}
.main_container .main_link_tab_bar .main_link_tab_bar_inner ul li a {
  font-size:14px;font-weight:400;color: #666666;line-height: 1;
  width:100%;height:100%;display: flex;
  flex-direction: column;
  align-items: center;justify-content: center;
  white-space: nowrap;
}
.main_container .main_link_tab_bar .main_link_tab_bar_inner ul li.active a {
  color:#0183FF;font-weight:700;
}
.main_container .main_link_tab_bar .main_link_tab_bar_inner ul li:first-child a {
  color:#0183FF;font-weight:700;
}
.main_container .main_link_tab_bar .main_link_tab_bar_inner ul li a img {
  margin:auto 0;
}
.main_container .main_link_tab_bar .main_link_tab_bar_inner .dir_btn {
  display: flex;flex-direction: column;gap:7px;
}
#curriculumSection .inner{
  padding:100px 0 50px;
}
#curriculumSection .inner .section_content_container {
  width:100%;
}
#curriculumSection .inner .section_content_container ul {
  display: grid;grid-template-columns: 1fr 1fr 1fr;
  gap:24px;  width:100%;
}
#curriculumSection .inner .section_content_container ul li {
  width: 100%;
  height: 298px;
  border-radius:15px;
  overflow: hidden;
}
#curriculumSection .inner .section_content_container ul li a {
  width:100%;height:100%;
  position: relative;
  display: flex;
}
/*#curriculumSection .inner .section_content_container ul li a::after{
  position: absolute;
  content:'';
  width:100%;height:100%;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 100%);
}*/
#curriculumSection .inner .section_content_container ul li a .txt_box{
  position: absolute;
  z-index: 1;
  bottom:30px;left:30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap:10px;
}
#curriculumSection .inner .section_content_container ul li a .txt_box p{
  font-size:18px;font-weight: 400;color:#000000;line-height: 1;
}
#curriculumSection .inner .section_content_container ul li a .txt_box span{
  width:25px;height:1px;background-color: #000;
}
#curriculumSection .inner .section_content_container ul li a .txt_box h2{
  font-size:20px;font-weight: 700;color:#000000;line-height: 1;
}
#systemSection .inner .section_content_container {
  max-width: 1200px;text-align: center;
}
#systemSection .inner .section_content_container img{
  max-width: 1200px;
}

.main_container #teacherSection .inner {
  gap:90px; padding:50px 0 60px;
}
#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:490px;
}
#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:40px;
  margin-bottom: 0;
  width: 277.25px;
  gap: 40px;
  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;margin-bottom: 40px;
}
#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_unit{
  position: relative;width:100%;height:390px;
}
#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:0;width:100%;z-index: 1;    overflow: hidden;min-height:381px;
}

#teacherSection .section_content_container .best_teacher_content .best_teacher_info_wrap .best_teacher_content_gap .teacher_unit img {
  width: unset;
  height: unset;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  top: 30px;
}
#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_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: opacity 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: opacity 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: -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 #interviewSection {
  background: #F8F8F8;
}
.main_container  #interviewSection .inner {
  padding: 65px 0;gap:90px;
}
#interviewSection .section_content_container {
  display: flex;gap:37px;
}
#interviewSection .section_content_container .mainThumnail {
  display: flex;
  flex-direction: column;align-items: center;
  justify-content: center;gap:30px;
}
#interviewSection .section_content_container .mainThumnail .thumImg{
  border-radius: 16px;overflow: hidden;
  max-width:384px;max-height:398px;
  min-width:384px;min-height:398px;
  position: relative;
}
#interviewSection .section_content_container .mainThumnail .thumImg img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
#interviewSection .section_content_container .mainThumnail 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;
}
#interviewSection .section_content_container .subThumnail {
  width:100%;width: 779px;position: relative;display: flex;flex-direction: column;gap:6px;
}
#interviewSection .section_content_container .subThumnail .subThumnailSwiper {
  position: relative;width: 100%;height: 394px;overflow: hidden;
}
#interviewSection .section_content_container .subThumnail ul {
  width: 100%;    justify-content: space-between; 
}
#interviewSection .section_content_container .subThumnail ul li {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  row-gap:6px;
  column-gap: 10px;
}
#interviewSection .section_content_container .subThumnail ul li a {
  width:187px;
  height: 194px;
  display: flex;
  border-radius: 16px;overflow: hidden;
    border-radius: 15px;
    position: relative;
}
#interviewSection .section_content_container .subThumnail ul li a img {
  width: calc(100% + 4px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#interviewSection .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;
}
#interviewSection .section_content_container .main_board_slide_tab_btn_pagination_container .interview_pagination {
  width: 72px;
  height:24px;
  justify-content: space-between;
  align-items: center;
  display: none;opacity: 0;
}
#interviewSection .section_content_container .main_board_slide_tab_btn_pagination_container .interview_pagination span {
  width:1px; height:100%;background: #CCCCCC;display: block;
}
#interviewSection .section_content_container .main_board_slide_tab_btn_pagination_container .interview_pagination.active {
  display: flex;opacity: 1;
}
#interviewSection .section_content_container .interview_pagination .swiper-button-next::after, #interviewSection .section_content_container .interview_pagination .swiper-button-prev::after{
  display:none;
}
#interviewSection .section_content_container .interview_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;
}
#interviewSection .section_content_container .interview_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;
}
#interviewSection .section_content_container .interview_pagination .swiper-pagination {
  position: relative;width: fit-content;    
  top: unset;
  left: unset;
  bottom: unset;
  font-family: "Noto Serif KR Light";font-size:18px;
}
#interviewSection .section_content_container .interview_pagination .swiper-pagination .swiper-pagination-current {
  font-family: "Noto Serif KR Bold";font-size:20px;
}
#interviewSection .section_content_container .interview_pagination .swiper-pagination .swiper-pagination-total {
  font-family: "Noto Serif KR Light";font-size:18px;
}
#interviewSection .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 #reviewSection {
  background: #ffffff;
}
.main_container  #reviewSection .inner {
  padding: 100px 0;gap:85px;width:1210px !important;
}
#reviewSection .section_content_container .reviewSwiperWrap{
  width:100%;position: relative;
}
#reviewSection .section_content_container .reviewSwiperWrap .reviewSwiper{
  width:100%;position: relative;padding:5px;overflow: hidden;
}
#reviewSection .section_content_container .reviewSwiperWrap .swiper-slide{
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);background: #fff;
  border-radius: 16px;padding:40px;
  display: flex;
  flex-direction: column;
  gap:20px;
  align-items: flex-start;
  justify-content: flex-start;
  min-height:480px;
  height: auto !important;
}
#reviewSection .section_content_container .reviewSwiperWrap .swiper-slide .user_info_wrap {
  display: flex;gap:25px; align-items: center;
}
#reviewSection .section_content_container .reviewSwiperWrap .swiper-slide .user_info_wrap .user_thum {
  min-width:75px;
  max-width:75px;
  height:75px;
  background: #000;
  border-radius: 75px;
  overflow: hidden;
  display: flex;
}
#reviewSection .section_content_container .reviewSwiperWrap .swiper-slide .user_info_wrap .user_thum img {
  width: 100%;margin-top: auto;
}
#reviewSection .section_content_container .reviewSwiperWrap .swiper-slide .user_info_wrap .user_info {
  display: flex;flex-direction: column;gap:5px;align-items: flex-start;
}
#reviewSection .section_content_container .reviewSwiperWrap .swiper-slide .user_info_wrap .user_info p {
  font-size:16px;font-weight:400;color:#666666;line-height: 1.5;
}
#reviewSection .section_content_container .reviewSwiperWrap .swiper-slide .user_info_wrap .user_info h2 {
  font-size:18px;font-weight:700;color:#333333;line-height: 25px;
}
#reviewSection .section_content_container .reviewSwiperWrap .swiper-slide .line {
  width: 100%;
  height:1px;
  background: #cccccc;
}
#reviewSection .section_content_container .reviewSwiperWrap .swiper-slide .review_txt {
  display: flex;flex-direction: column;gap:10px;align-items: flex-start;justify-content: flex-start;
}
#reviewSection .section_content_container .reviewSwiperWrap .swiper-slide .review_txt h2 {
  font-size:20px;font-weight:500;color:#000000;line-height: 27px;
}
#reviewSection .section_content_container .reviewSwiperWrap .swiper-slide .review_txt p {
  font-size:16px;font-weight:400;color:#666666;line-height: 1.5;
}
#reviewSection .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;
}
#reviewSection .section_content_container .main_board_slide_tab_btn_pagination_container .review_pagination {
  width: 72px;
  height:24px;
  justify-content: space-between;
  align-items: center;
  display: none;opacity: 0;
}
#reviewSection .section_content_container .main_board_slide_tab_btn_pagination_container .review_pagination span {
  width:1px; height:100%;background: #CCCCCC;display: block;
}
#reviewSection .section_content_container .main_board_slide_tab_btn_pagination_container .review_pagination.active {
  display: flex;opacity: 1;
}
#reviewSection .section_content_container .review_pagination .swiper-button-next::after, #reviewSection .section_content_container .review_pagination .swiper-button-prev::after{
  display:none;
}
#reviewSection .section_content_container .review_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;
}
#reviewSection .section_content_container .review_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;
}
#reviewSection .section_content_container .review_pagination .swiper-pagination {
  position: relative;width: fit-content;    
  top: unset;
  left: unset;
  bottom: unset;
  font-family: "Noto Serif KR Light";font-size:18px;
}
#reviewSection .section_content_container .review_pagination .swiper-pagination .swiper-pagination-current {
  font-family: "Noto Serif KR Bold";font-size:20px;
}
#reviewSection .section_content_container .review_pagination .swiper-pagination .swiper-pagination-total {
  font-family: "Noto Serif KR Light";font-size:18px;
}
#reviewSection .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 #storySection {
  background: #FFFBF4;
}
.main_container  #storySection .inner {
  padding: 100px 0;gap:90px;
}
#storySection .section_content_container .storySwiperWrap{
  width:100%;position: relative;
}
#storySection .section_content_container .storySwiperWrap .storySwiper{
  width:100%;position: relative;overflow: hidden;
}
#storySection .section_content_container .storySwiperWrap .swiper-slide{
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap:30px;
  align-items: center;
  justify-content: center;
}
#storySection .section_content_container .storySwiperWrap .swiper-slide a {
  width:100%;
  display: flex;
  flex-direction: column;
  gap:30px;
  align-items: center;
  justify-content: center;
}
#storySection .section_content_container .storySwiperWrap .swiper-slide a .unit_img {
  width: 100%;height:370px;overflow: hidden;border-radius: 16px;
}
#storySection .section_content_container .storySwiperWrap .swiper-slide a .unit_img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 핵심! */
  display: block; /* inline 요소 공간 제거 */
  position: static; /* transform 제거 위해 원래대로 */
  transform: none;
}
#storySection .section_content_container .storySwiperWrap .swiper-slide a .unit_info {
  text-align: center;display: flex;flex-direction: column;gap:10px;align-items: center;justify-content: center;
}
#storySection .section_content_container .storySwiperWrap .swiper-slide a .unit_info  h2 {
  font-size:14px;color:#666666;font-weight:700;line-height: 19px;
}
#storySection .section_content_container .storySwiperWrap .swiper-slide a .unit_info  span {
  display: block;width:60px;height:1px;background: #2B2B2B;
}
#storySection .section_content_container .storySwiperWrap .swiper-slide a .unit_info  p {
  font-size:18px;color:#2B2B2B;font-weight:400;word-break: keep-all;line-height: 25px;
}
#storySection .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;
}
#storySection .section_content_container .main_board_slide_tab_btn_pagination_container .story_pagination {
  width: 72px;
  height:24px;
  justify-content: space-between;
  align-items: center;
  display: none;opacity: 0;
}
#storySection .section_content_container .main_board_slide_tab_btn_pagination_container .story_pagination span {
  width:1px; height:100%;background: #CCCCCC;display: block;
}
#storySection .section_content_container .main_board_slide_tab_btn_pagination_container .story_pagination.active {
  display: flex;opacity: 1;
}
#storySection .section_content_container .story_pagination .swiper-button-next::after, #storySection .section_content_container .story_pagination .swiper-button-prev::after{
  display:none;
}
#storySection .section_content_container .story_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;
}
#storySection .section_content_container .story_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;
}
#storySection .section_content_container .story_pagination .swiper-pagination {
  position: relative;width: fit-content;    
  top: unset;
  left: unset;
  bottom: unset;
  font-family: "Noto Serif KR Light";font-size:18px;
}
#storySection .section_content_container .story_pagination .swiper-pagination .swiper-pagination-current {
  font-family: "Noto Serif KR Bold";font-size:20px;
}
#storySection .section_content_container .story_pagination .swiper-pagination .swiper-pagination-total {
  font-family: "Noto Serif KR Light";font-size:18px;
}
#storySection .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 #portpolioSection {
  background: #ffffff;
}
.main_container  #portpolioSection .inner {
  padding: 100px 0;gap:90px;
}
#portpolioSection .section_content_container .portpolioSwiperWrap{
  width:100%;position: relative;
}
#portpolioSection .section_content_container .portpolioSwiperWrap .portpolioSwiper{
  width:100%;position: relative;overflow: hidden;padding-right:80px;
}
#portpolioSection .section_content_container .portpolioSwiperWrap .swiper-wrapper {
  align-items: center;
}
#portpolioSection .section_content_container .portpolioSwiperWrap .swiper-slide {
  width: fit-content;
}
#portpolioSection .section_content_container .portpolioSwiperWrap .swiper-slide .unit_wrap{
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap:30px;
  align-items: center;
  justify-content: center;
  width: 300px;
  min-height:450px;
}
#portpolioSection .section_content_container .portpolioSwiperWrap .swiper-slide-active .unit_wrap{
  width: 384px;
}
#portpolioSection .section_content_container .portpolioSwiperWrap .swiper-slide a {
  width:100%;
  display: flex;
  flex-direction: column;
  gap:30px;
  align-items: center;
  justify-content: center;
}
#portpolioSection .section_content_container .portpolioSwiperWrap .swiper-slide a .unit_img {
  width: 100%;height:350px;overflow: hidden;border-radius: 16px;overflow: hidden;transition: height 1s ease-in-out;
}
#portpolioSection .section_content_container .portpolioSwiperWrap .swiper-slide.swiper-slide-active a .unit_img {
  height:450px;transition: height 1s ease-in-out;
}
#portpolioSection .section_content_container .portpolioSwiperWrap .swiper-slide a .unit_img img {
  height: 100%;position: relative;top:50%;left:50%;
  transform: translate(-50%, -50%);
  border-radius: 16px;
  overflow: hidden;
}
#portpolioSection .section_content_container .portpolioSwiperWrap .swiper-slide a .unit_info {
  text-align: center;display: flex;flex-direction: column;gap:10px;align-items: center;justify-content: center;
}
#portpolioSection .section_content_container .portpolioSwiperWrap .swiper-slide a .unit_info  h2 {
  font-size:14px;color:#666666;font-weight:700;line-height: 19px;
}
#portpolioSection .section_content_container .portpolioSwiperWrap .swiper-slide a .unit_info  span {
  display: block;width:60px;height:1px;background: #2B2B2B;
}
#portpolioSection .section_content_container .portpolioSwiperWrap .swiper-slide a .unit_info  p {
  font-size:18px;color:#2B2B2B;font-weight:400;word-break: keep-all;line-height: 25px;
}
#portpolioSection .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;
}
#portpolioSection .section_content_container .main_board_slide_tab_btn_pagination_container .portpolio_pagination {
  width: 72px;
  height:24px;
  justify-content: space-between;
  align-items: center;
  display: none;opacity: 0;
}
#portpolioSection .section_content_container .main_board_slide_tab_btn_pagination_container .portpolio_pagination span {
  width:1px; height:100%;background: #CCCCCC;display: block;
}
#portpolioSection .section_content_container .main_board_slide_tab_btn_pagination_container .portpolio_pagination.active {
  display: flex;opacity: 1;
}
#portpolioSection .section_content_container .portpolio_pagination .swiper-button-next::after, #portpolioSection .section_content_container .portpolio_pagination .swiper-button-prev::after{
  display:none;
}
#portpolioSection .section_content_container .portpolio_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;
}
#portpolioSection .section_content_container .portpolio_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;
}
#portpolioSection .section_content_container .portpolio_pagination .swiper-pagination {
  position: relative;width: fit-content;    
  top: unset;
  left: unset;
  bottom: unset;
  font-family: "Noto Serif KR Light";font-size:18px;
}
#portpolioSection .section_content_container .portpolio_pagination .swiper-pagination .swiper-pagination-current {
  font-family: "Noto Serif KR Bold";font-size:20px;
}
#portpolioSection .section_content_container .portpolio_pagination .swiper-pagination .swiper-pagination-total {
  font-family: "Noto Serif KR Light";font-size:18px;
}
#portpolioSection .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;
}


#bottomBannerSection .bottomBannerSwiper{
  display: flex;flex-direction: column;
  align-items: center;justify-content: center;
}
#bottomBannerSection .bottomBannerSwiper .swiper-slide {
  overflow: hidden;
}
#bottomBannerSection .bottomBannerSwiper .swiper-slide a{
    display: flex;
    width: 100%;
    justify-content: center;
}
#bottomBannerSection .bottomBannerSwiper .swiper-slide a img {
  position: relative;
  height: 100%;
  max-height:200px;
}
#bottomBannerSection .bottomBannerSwiper .swiper_page_container {
  padding-top:30px;
}
#bottomBannerSection .bottomBannerSwiper .swiper_page_container .swiper-pagination{
  position: relative;    bottom: 0; display: flex;
}
#bottomBannerSection .bottomBannerSwiper .swiper_page_container .swiper-pagination .swiper-pagination-bullet {
  background-color: #9E9E9E;width: 15px;height:15px;
  opacity: 1;border-radius: 8px;transition: width 0.5s ease-in-out;
  margin:0 10px;
}
#bottomBannerSection .bottomBannerSwiper .swiper_page_container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #2b2b2b;width: 15px;height:15px;border-radius: 8px;transition: width 0.5s ease-in-out;
}