@font-face {
  font-family: "GmarketSansMedium";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GmarketSansBold";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
.main_container {
  overflow: hidden;
}
.main_container * {
  font-family: "Noto Sans KR";
}
.main_container img {
  vertical-align: bottom;
}
.main_container section .section_title {
  text-align: center;
}
.main_container section .section_title h2{
  font-size:30px;font-weight: 400;color: #1a1a1a;line-height: 1.5;
}
.main_container section .section_title h2 span{
  font-size:40px;font-weight: 700;color: #1a1a1a;line-height: 1.6;
}
.main_container section .section_title h2 span span{
  color: #0183FF;
}
.main_container #mainTitleBanner{
  text-align: center;position: relative;
}
.main_container #mainTitleBanner img {
  position: relative;
  left:50%;
  transform: translate(-50%, 0);
}
.main_container #section01 {
  background: #fff;
}
.main_container #section01 .inner{
  padding:100px 0;text-align: center;
}

.main_container .contour {
  background: #fff;
}
.main_container .contour .inner span{
  width:100%;height:1px;
  background: rgba(153, 153, 153, 0);
  background: linear-gradient(90deg,rgba(153, 153, 153, 0) 0%, rgba(153, 153, 153, 1) 20%, rgba(153, 153, 153, 1) 80%, rgba(153, 153, 153, 0) 100%);display: block;
  opacity: 0.3;
}
.main_container #section0 {
  background-color: #e3f2fd;
}
.main_container #section0 svg {
  font-size: 165px;
  font-weight: 700;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  fill: rgba(255, 255, 255, 1);
  animation: stroke 5s alternate;
  stroke-width: 10;
}
.main_container #section0 svg text{
  font-family: 'Noto Sans KR';
}
@keyframes stroke {
  0% {
    stroke-dashoffset: 25%;
    stroke-dasharray: 0 50%;
    fill: rgba(255, 255, 255, 0);
    stroke: rgba(255, 255, 255, 0);
    stroke-width: 5;
  }
  10% {
    fill: rgba(255, 255, 255, 0);
    stroke: rgba(255, 255, 255, 1);
  }
  70% {
    fill: rgba(255, 255, 255, 0);
    stroke: rgba(255, 255, 255, 1);
  }
  80% {
    fill: rgba(255, 255, 255, 0);
    stroke: rgba(255, 255, 255, 1);
  }
  95% {
    fill: rgba(255, 255, 255, 0);
    stroke: rgba(255, 255, 255, 1);
  }
  100% {
     stroke-dashoffset: -25%;
     stroke-dasharray: 50% 0; 
     fill: rgba(255, 255, 255, 1);
     stroke: rgba(255, 255, 255, 1);
     stroke-width: 5;
  }
}
.main_container #section02 {
  background: #fff;
}
.main_container #section02 .inner{
  padding:100px 0;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:80px;
}
.main_container #section02 .inner .section_title h2 {
  font-family: "Noto Sans KR";font-size:26px;font-weight: 700;color:#1a1a1a;line-height: 39px;display: flex;flex-direction: column;gap:9px;align-items: center;justify-content: center;
}
.main_container #section02 .inner .section_title h2 span{
  font-family: "GmarketSansMedium";font-size:40px;color:#1a1a1a;line-height: 58px;    font-weight: 500;
}
.main_container #section02 .inner .section_title h2 span span{
  font-family: "GmarketSansBold";font-size:45px;color:#0183FF;line-height: 58px;
}
.main_container #section02 .inner .section02_content {
  display: flex;flex-direction: column;gap:100px;    width: 100%;
}
.main_container #section02 .inner .section02_content .content_unit{
  display: flex;flex-direction: column;gap:50px;justify-content: center;align-items: center;    width: 100%;
}
.main_container #section02 .inner .section02_content .content_unit .unit_title {
  text-align: center;width: fit-content;
}
.main_container #section02 .inner .section02_content .content_unit .unit_title > span {
  width:100%;height:1px;display: block;
  background: rgba(153, 153, 153, 0);
  background: linear-gradient(90deg,rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 1) 50%, rgba(26, 26, 26, 0) 100%);
}
.main_container #section02 .inner .section02_content .content_unit .unit_title h2 {
  font-size:30px;font-weight: 400;color:#1A1A1A;line-height:45px;padding:10px 75px;
}
.main_container #section02 .inner .section02_content .content_unit .unit_title h2 span {
  font-weight:700;line-height:45px;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con {
  width: 100%;    display: flex;
      flex-direction: column;
      gap: 60px;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .graph_content {
  height: 100%; border-radius: 20px;box-shadow: 10px 8px 12px rgba(51,51,51,.1), 0px -4px 10px rgba(51,51,51,.1), 0 4px 10px rgba(51,51,51,.1);min-height:640px;position: relative;width: 100%;display: flex;padding:0 80px 0 59px;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con.unit_slide_con2 .graph_content {
  padding:0 100px 0 59px;position: relative;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con.unit_slide_con2 .graph_content .univ_title2 {
  position: absolute;top:-14px;left:154px;width: 290px;height:58px;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con.unit_slide_con2 .graph_content .univ_title3 {
  position: absolute;top:-14px;right:154px;width: 290px;height:58px;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .graph_content .univ_title {
  position: absolute;top:-14px;left:118px;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .graph_content .graph{
  display: flex;gap:40px;padding-bottom:70px;align-items: flex-end;    width: 100%; position: relative;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con.unit_slide_con2 .graph_content .graph{
  padding-bottom:50px;gap:33px;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .graph_content .graph .graph_img {
  position: relative;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .graph_content .graph .graph_img svg#arrowSvg{
  position: absolute;bottom:123px;right:39px;
}

.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .graph_content .graph > span {
  min-width:1px;height: 434px;display: block;background-color: #e0e0e0;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con.unit_slide_con2 .graph_content .graph > span {
  height: 464px;    margin-left: auto;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .graph_content .graph .point_container {
  display: flex;flex-direction: column;gap:81px;width: 100%;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .graph_content .graph .point_container .point_wrap{
  background: #f8f8f8;border-radius: 20px;height: 166px;display: flex;align-items: center;justify-content: flex-start;text-align: left;padding:0 40px;position: relative;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .graph_content .graph .point_container .point_wrap h2 {
  font-size:24px;font-weight:400;color:#1a1a1a;line-height:1.3;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .graph_content .graph .point_container .point_wrap span {
  font-size:28px;font-weight:700;color:#1a1a1a;line-height:1.3;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .graph_content .graph .point_container .point_wrap1::after{
  content:'Point 01';
  font-style: italic;color:#fff;font-size:20px;font-weight: 700;line-height:1;
  width: 143px;height:42px;position: absolute;top:-21px;left:40px;border-radius: 8px;background: #989FA7;
  display:flex;align-items: center;justify-content: center;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .graph_content .graph .point_container .point_wrap2::after{
  content:'Point 02';
  font-style: italic;color:#fff;font-size:20px;font-weight: 700;line-height:1;
  width: 143px;height:42px;position: absolute;top:-21px;left:40px;border-radius: 8px;background: #989FA7;
  display:flex;align-items: center;justify-content: center;
}


















































.main_container #section02 .section_certi {
  max-width:1150px;position: relative;    margin: 0 auto;
}
.main_container #section02 .section_certi .certiSwiper{
  width:100%;overflow: hidden;
}
.main_container #section02 .section_certi .certiSwiper .swiper-slide img {
  width: 100%;border:1px solid #cccccc;
}
.main_container #section02 .section_certi .swiper-button-next {
  background:url("https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/ipsi/certiSwiperNext.png");
  width:42px;
  height:42px;
  background-size: cover;
  right:-25px;
}
.main_container #section02 .section_certi .swiper-button-prev {
  background:url("https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/ipsi/certiSwiperNext.png");
  width:42px;
  height:42px;
  background-size: cover;
  left:-25px;
  transform: rotate(180deg);
}
.main_container #section02 .section_certi .swiper-button-next::after, .main_container #section02 .section_certi .swiper-button-prev::after {
  display: none;
}
.main_container #section02 .section_certi .swiper-button-prev.swiper-button-disabled {
  background:url("https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/ipsi/certiSwiperPrev.png");
  opacity: 1;
  transform: rotate(0deg);
}
.main_container #section02 .section_certi .swiper-button-next.swiper-button-disabled {
  background:url("https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/ipsi/certiSwiperPrev.png");
  opacity: 1;
  transform: rotate(180deg);
}































#S4 {
  padding: 100px 0 50px;
  background-color: #F5F9FC;
}

.S4Box {
  width: 1200px;
  border: 1px solid #C9C9C9;
  box-shadow: 0px 0 30px #cccccc;
  border-radius: 24px;
  padding: 0;
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:60px;
  padding:79px 0 60px;
  background: #fff;
}
.S4Tab {
  width: 100%;
}
#S4_tabs {
  display: flex;
  justify-content: space-between;
  align-items: end;
  border-bottom: 1px solid#848483;
  padding: 0 100px;
  width: 100%;
}
#S4_tabs li {
  width:100%;
}
#S4_tabs a {
  display: inline-block;
  color: #666666;
  font-size:24px;font-weight: 400;line-height: 1.5;
  padding:5px 25px;
  width: 100%;
  text-align: center;
}
#S4_tabs #S4_current a,
#S4_tabs #S4_current a::after {
  color: #fff;
  background: rgb(119,119,119);
  background: linear-gradient(135deg, rgba(119,119,119,1) 0%, rgba(16,16,16,1) 100%);
}

.S4Video {
  width: 1000px;
  height: 562px;
  margin: 49px auto 0;
  background-color: #e1e1e1;
}

.S4Review {
  width: 100%;max-width: 1100px;
}
.S4Review .swiper-slide{
  text-align: center;
}

.SlideBtnR,
.SlideBtnL {
  width: 16px !important;
  height: 32px !important;
}
.SlideBtnR {
  background: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/ipsi/S4ReviewBtnL.png)
    no-repeat;
  background-position: center;
  background-size: cover;
}

.SlideBtnL {
  background: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/ipsi/S4ReviewBtnL.png)
    no-repeat;
  background-position: center;
  transform: rotate(180deg);
  background-size: cover;
}
.SlideBtnR.swiper-button-disabled,.SlideBtnL.swiper-button-disabled{
  background: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/ipsi/S4ReviewBtnL_off.png)
    no-repeat;
  opacity: 1;
  background-size: cover;
}
.SlideBtnL.swiper-button-disabled{
  transform: rotate(0deg);
}
.SlideBtnR.swiper-button-disabled{
  transform: rotate(180deg);
}
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}






















#S5 {
  padding: 50px 0 100px;
  background-color: #F5F9FC;
}

.S5Box {
  width: 1200px;
  border: 1px solid #C9C9C9;
  box-shadow: 0px 0 30px #cccccc;
  border-radius: 24px;
  padding: 0;
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:60px;
  padding:79px 0 60px;
  background: #fff;
}
.S5Tab {
  width: 100%;
}
#S5_tabs {
  display: flex;
  justify-content: flex-start;
  align-items: end;
  border-bottom: 1px solid#848483;
  padding: 0 100px;
  width: 100%;
}
#S5_tabs li {
  width:250px;
}
#S5_tabs a {
  display: inline-block;
  color: #666666;
  font-size:24px;font-weight: 400;line-height: 1.5;
  padding:5px 25px;
  width: 100%;
  text-align: center;
}
#S5_tabs a.active,
#S5_tabs a.active::after {
  color: #fff;
  background: rgb(119,119,119);
  background: linear-gradient(135deg, rgba(119,119,119,1) 0%, rgba(16,16,16,1) 100%);
}
.S5_content {
  display: none;
}
.S5_content.active {
  display: flex;flex-direction: column;gap:60px;align-items: center;justify-content: center;
}

.S5Video {
  width: 1000px;
  height: 562px;
  margin: 49px auto 0;
  background-color: #e1e1e1;
  display: none;
}

.review_container {
  max-width:1100px;position: relative;width: 100%;
}
.S5Review {
  width: 100%;max-width: 1000px;overflow: hidden;
}
.S5Review .swiper-slide {
  width: fit-content !important;
}

.SlideBtnR,
.SlideBtnL {
  width: 16px !important;
  height: 32px !important;
}
.SlideBtnR {
  background: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/ipsi/S4ReviewBtnL.png)
    no-repeat;
  background-position: center;
  background-size: cover;
}

.SlideBtnL {
  background: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/ipsi/S4ReviewBtnL.png)
    no-repeat;
  background-position: center;
  transform: rotate(180deg);
  background-size: cover;
}
.SlideBtnR.swiper-button-disabled,.SlideBtnL.swiper-button-disabled{
  background: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/ipsi/S4ReviewBtnL_off.png)
    no-repeat;
  opacity: 1;
  background-size: cover;
}
.SlideBtnL.swiper-button-disabled{
  transform: rotate(0deg);
}
.SlideBtnR.swiper-button-disabled{
  transform: rotate(180deg);
}
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.SlideBtnL,
.swiper-rtl .SlideBtnR {
  left: 0 !important;
}

.SlideBtnL,
.swiper-rtl .SlideBtnR {
  right: 0 !important;
}

.main_container #section03 {
  background-color: #fff;
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beauty_html_img/perfect/section03_bg.png);
  background-size: 1920px auto;
  background-position: top center;
  background-repeat: no-repeat;
}
.main_container #section03 .inner{
  padding:100px 0 223px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:60px;
}
.main_container #section03 .inner .section03_content {
  width:100%;position: relative;display: flex;align-items: center;justify-content: center;padding-bottom:20px;
}
.main_container #section03 .inner .section03_content .img_unit{
  display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;max-width:1044px;gap:20px;width: 100%;
}
.main_container #section03 .inner .section03_content .img_wrap {
  width: 100%;height:246px;border-radius: 10px;box-shadow: 0px 4px 10px rgba(161,161,161,1);position: relative;overflow: hidden;
}
.main_container #section03 .inner .section03_content .img_wrap img {
  position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);
}

.main_container #section03 .inner .section03_content::after {
  content:"";
  position: absolute;
  bottom:-4px;left:0;
  z-index: 1;
  width:100%;height:376px;
  background: linear-gradient(180deg,rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 1) 100%);
}


.main_container #section04 {
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beauty_html_img/perfect/section04_bg.png);
}
.main_container #section04 .inner{
  padding:100px 0;text-align: center;
}

.main_container #section05 {
  background: #F0F5FB;
}
.main_container #section05 .inner{
  padding:100px 0;text-align: center;
}
.main_container #section06 {
  background: #ffffff;
}
.main_container #section06 .inner{
  padding:100px 0 0;text-align: center;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.main_container #section06 .inner .section_title h2 {
  font-family: "Noto Sans KR";font-size:26px;font-weight: 700;color:#1a1a1a;line-height: 39px;display: flex;flex-direction: column;gap:9px;align-items: center;justify-content: center;
}
.main_container #section06 .inner .section_title h2 span{
  font-family: "GmarketSansMedium";font-size:40px;color:#1a1a1a;line-height: 58px;    font-weight: 500;
}
.main_container #section06 .inner .section_title h2 span span{
  font-family: "GmarketSansBold";font-size:45px;color:#0183FF;line-height: 58px;
}

.main_container #section06 .inner .section06_content {
  display: flex;width:100%;justify-content: space-between;align-items: flex-start;gap:24px;
}
.main_container #section06 .inner .section06_content .img_wrap {
  overflow: hidden;border-radius: 24px;position: relative;height:300px;
}
.main_container #section06 .inner .section06_content .img_wrap img {
  position: relative;top:50%;left:50%;transform: translate(-50%, -50%);width: 100%;
}


























.room_video_box{
  height:675px;padding:100px 0 0;
}
.room_video_box .inner {
  height:100%;
}
.room_video_box .inner .room_video_wrap {
  height:100%;
}












































.main_container #consultingSection .inner {
  padding:130px 0 100px;
}