@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;
}
.main_container #mainBannerSection {
  background:url("https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250620/mainBanner_bg.png");
}
.main_container #mainBannerSection .inner {
  display: flex;flex-direction: column;gap:39px;align-items: flex-start;justify-content: center;
  padding:127px 0 147px;
}
.main_container #section01 {
  background: #fff;
}
.main_container #section01 .inner {
  padding:100px 0;text-align: center;
}
.main_container #section02 {
  background:url("https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250620/section02_bg.png");
}
.main_container #section02 .inner {
  padding:105px 0 166px;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;gap:212px;width: 100% !important;
}
.main_container #section02 .inner .video_container {
  display: flex;flex-direction: column;gap:131px;
}
.main_container #section02 .inner .festival_video {
  width:740px;height: 414px;position: relative;
}
.main_container #section02 .inner .festival_video::after{
  content:'';
  position: absolute;
  top:-31px;left:-156px;
  background-image:url("https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250620/festival_video_after.png");
  z-index: 0;
  width:831px;height:44px;
  background-size: cover;
  background-repeat: no-repeat;
}
.main_container #section02 .inner .festival_video::before{
  content:'';
  position: absolute;
  bottom:-38px;right:-161px;
  background-image:url("https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250620/festival_video_before.png");
  z-index: 0;
  width:483px;height:50px;
  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/beauty_html_img/event/20250620/section03_content_bg.png");
  width:1123px;height:650px;padding: 71px 71px 65px;
}

.main_container #section03 .inner .section03_content .swiper-container {
  height:100%;overflow: hidden;padding: 35px 50px;
}
.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 1fr 1fr;
}
.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:20px;align-items: center;justify-content: center;width: 1123px !important;
}
#section04 .inner >img {
  margin-left:auto;
}