@font-face {
  font-family: 'appleNeo';
  src: url('https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/fonts/AppleSDGothicNeoR.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@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;width: unset;
}
.main_container #mainBannerSection {
  background:url("https://img.megastudyacademy.co.kr/campusdev/beautym_html_img/event/20250620/mainBanner_bg.png");
}
.main_container #mainBannerSection .inner {
  display: flex;flex-direction: column;gap:63px;align-items: flex-start;justify-content: center;
  padding:120px 63px 228px;
}
.main_container #section01 {
  background: #fff;
}
.main_container #section01 .inner {
  padding:100px 0;text-align: center;display: flex;flex-direction: column;gap:41px;align-items: center;justify-content: center;
}
.main_container #section01 .inner .swiper-container {
  width:100%;
}
.main_container #section01 .inner .swiper-slide {
  width: fit-content;
}
.main_container #section02 {
  background:url("https://img.megastudyacademy.co.kr/campusdev/beautym_html_img/event/20250620/section02_bg.png");
  background-size: cover;
}
.main_container #section02 .inner {
  padding:105px 0 166px;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;gap:210px;width: 100% !important;
}
.main_container #section02 .inner .video_container {
  display: flex;flex-direction: column;gap:79px;
}
.main_container #section02 .inner .festival_video {
  width:702px;height: 392px;position: relative;
}
.main_container #section02 .inner .festival_video::after{
  content:'';
  position: absolute;
  top:-29px;right:69px;
  background-image:url("https://img.megastudyacademy.co.kr/campusdev/beautym_html_img/event/20250620/festival_video_after.png");
  z-index: 0;
  width:675px;height:42px;
  background-size: cover;
  background-repeat: no-repeat;
}
.main_container #section02 .inner .festival_video::before{
  content:'';
  position: absolute;
  bottom:-35px;left:397px;
  background-image:url("https://img.megastudyacademy.co.kr/campusdev/beautym_html_img/event/20250620/festival_video_before.png");
  z-index: 0;
  width:339px;height:47px;
  background-size: cover;
  background-repeat: no-repeat;
}
.main_container #section02 .inner .festival_video .video_box {
  width:100%;height:100%;position: relative;z-index: 2;
}
.main_container #section02 .inner .festival_swiper_container {
  width:100%;overflow: hidden;
}
.main_container #section02 .inner .festival_swiper_container .swiper-wrapper {
  transition-timing-function: linear !important;
}
.main_container #section02 .inner .festival_swiper_container .swiper-wrapper .swiper-slide{
  width: 529px;height:358px;
}

.main_container #section03 {
  background: #fff;
}
.main_container #section03 .inner {
  padding:100px 0;text-align: center;display: flex;flex-direction: column;gap:51px;align-items: center;
justify-content: center}
.main_container #section03 .inner .section03_content {
  box-shadow:5px 7px 10px rgba(147,147,147,0.38);  background-image:url("https://img.megastudyacademy.co.kr/campusdev/beautym_html_img/event/20250620/section03_content_bg.png");
  width:709px;height:1123px;padding: 56px 60px 55px;
  background-repeat: no-repeat;
  background-size: cover;
}

.main_container #section03 .inner .section03_content .swiper-container {
  height:100%;overflow: hidden;
}
.main_container #section03 .inner .section03_content .swiper-container .swiper-wrapper {
  transition-timing-function: linear;
}
.main_container #section03 .inner .section03_content .swiper-container .swiper-slide {
  display:flex;width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr;height: 50px;
}
.main_container #section03 .inner .section03_content .swiper-container .swiper-slide  span {
  font-family: 'appleNeo';font-weight:400;font-size:22px;color: #2c2c2c;letter-spacing:-1px;line-height:24px;    align-items: center;
  justify-content: center;display: flex;
}
#section04 {
  background: #f7f7f7;
}
#section04 .inner {
  padding:100px 0; display: flex;flex-direction: column;gap:66px;align-items: center;justify-content: center;
}
.main_container #consultingSection .inner {
  margin:0 auto;
}


@media all and (max-width:768px){
  @font-face {
    font-family: 'appleNeo';
    src: url('https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/fonts/AppleSDGothicNeoR.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }
  @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;width: unset;
  }
  .main_container #mainBannerSection {
    background:url("https://img.megastudyacademy.co.kr/campusdev/beautym_html_img/event/20250620/mainBanner_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .main_container #mainBannerSection .inner {
    display: flex;flex-direction: column;gap:8.2031vw;align-items: flex-start;justify-content: center;
    padding:15.6250vw 8.2031vw 29.6875vw;
  }
  .main_container #mainBannerSection .inner img {
    width: 57.6822vw;
  }
  .main_container #mainBannerSection .inner a img {
    width: 40.7552vw;
  }
  .main_container #section01 {
    background: #fff;
  }
  .main_container #section01 .inner {
    padding:13.0208vw 0;text-align: center;display: flex;flex-direction: column;gap:5.3385vw;align-items: center;justify-content: center;
  }
  .main_container #section01 .inner > img {
    width: 90.4947vw;
  }
  .main_container #section01 .inner .swiper-container {
    width:100%;max-width:91.1458vw;
  }
  .main_container #section01 .inner .swiper-slide {
    width: fit-content;
  }
  .main_container #section01 .inner .swiper-slide img {
    width: 134.7656vw;
  }
  .main_container #section02 {
    background:url("https://img.megastudyacademy.co.kr/campusdev/beautym_html_img/event/20250620/section02_bg.png");
    background-size: cover;
  }
  .main_container #section02 .inner {
    padding:13.6719vw 0 21.6146vw;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;gap:27.3438vw;width: 100% !important;
  }
  .main_container #section02 .inner .video_container {
    display: flex;flex-direction: column;gap:10.2865vw;
  }
  .main_container #section02 .inner .video_container .video_title img {
    width: 75.6510vw;
  }
  .main_container #section02 .inner .festival_video {
    width:91.4063vw;height: 51.0417vw;position: relative;
  }
  .main_container #section02 .inner .festival_video::after{
    content:'';
    position: absolute;
    top:-3.7760vw;right:8.9844vw;
    background-image:url("https://img.megastudyacademy.co.kr/campusdev/beautym_html_img/event/20250620/festival_video_after.png");
    z-index: 0;
    width:87.8906vw;height:5.4688vw;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .main_container #section02 .inner .festival_video::before{
    content:'';
    position: absolute;
    bottom:-4.5573vw;left:51.6927vw;
    background-image:url("https://img.megastudyacademy.co.kr/campusdev/beautym_html_img/event/20250620/festival_video_before.png");
    z-index: 0;
    width:44.1406vw;height:6.1198vw;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .main_container #section02 .inner .festival_video .video_box {
    width:100%;height:100%;position: relative;z-index: 2;
  }
  .main_container #section02 .inner .festival_swiper_container {
    width:100%;overflow: hidden;
  }
  .main_container #section02 .inner .festival_swiper_container .swiper-wrapper {
    transition-timing-function: linear !important;
  }
  .main_container #section02 .inner .festival_swiper_container .swiper-wrapper .swiper-slide{
    width: 68.8802vw;height:46.6146vw;
  }
  .main_container #section02 .inner .festival_swiper_container .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .main_container #section03 {
    background: #fff;
  }
  .main_container #section03 .inner {
    padding:13.0208vw 0;text-align: center;display: flex;flex-direction: column;gap:6.6406vw;align-items: center;
  justify-content: center}
  .main_container #section03 .inner .section03_title img {
    width: 71.6145vw;
  }
  .main_container #section03 .inner .section03_content {
    box-shadow:0.6510vw 0.9115vw 1.3021vw rgba(147,147,147,0.38);  background-image:url("https://img.megastudyacademy.co.kr/campusdev/beautym_html_img/event/20250620/section03_content_bg.png");
    width:92.3177vw;height:146.2240vw;padding: 7.2917vw 7.8125vw 7.1615vw;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .main_container #section03 .inner .section03_content .swiper-container {
    height:100%;overflow: hidden;
  }
  .main_container #section03 .inner .section03_content .swiper-container .swiper-wrapper {
    transition-timing-function: linear;
  }
  .main_container #section03 .inner .section03_content .swiper-container .swiper-slide {
    display:flex;width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr;height: 6.5104vw;
  }
  .main_container #section03 .inner .section03_content .swiper-container .swiper-slide  span {
    font-family: 'appleNeo';font-weight:400;font-size:2.8646vw;color: #2c2c2c;letter-spacing:-0.1302vw;line-height:3.1250vw;    align-items: center;
    justify-content: center;display: flex;
  }
  #section04 {
    background: #f7f7f7;
  }
  #section04 .inner {
    padding:13.0208vw 0; display: flex;flex-direction: column;gap:8.5938vw;align-items: center;justify-content: center;
  }
  #section04 .inner img {
    width: 68.0989vw;
  }
  #section04 .inner a img {
    width: 35.8072vw;
  }
  .main_container #consultingSection .inner {
    margin:0 auto;
  }
}