@charset "UTF-8";
@import url('https://css.mirae-n.com/miraen_fonts/font/nanum/fonts.css');
@import url('./event_reset.css');
@import url('./event_footer.css');

.blind {
  display: none;
}

.inner {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}

.over-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

.link-rel {
  position: relative;
}
.link-rel .link {
  position: absolute;
  font-size: 0;
  user-select: none;
}

.logo_group {
  position: absolute;
  top: 40px;
  left: 0; right: 0;
  padding: 0 40px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1280px;
  margin: 0 auto;
}
.logo_group a {display: inline-block;}
.logo_group img {
  max-width: 100%;
  max-height: 100%;
}
.login {margin-right: 14px;}
@media all and (max-width: 1024px) {
  .logo_group .choco {width: 10vw;}
  .logo_group .mirae-n {width: 17.22vw;}
  .logo_group .login {height: 5vw;}
  .con {padding: 40px 0 !important;}
}
@media all and (max-width: 767px) {
  .logo_group {
    top: 2vw;
    padding: 0 5.55vw;
  }
  .inner {
    padding: 0 20px;
  }
  .con {padding: 20px 0 !important;}
}

.con1 {
  position: relative;
  height: 2017px;
  padding-bottom: 120px;
  background: #CE7041;
  overflow-x: hidden;
}
.con1:before,
.con1:after {
  content: "";
  position: absolute;
  left: 0; right: 0;
}
.con1:before {
  top: 0;
  height: 30%;
  background: linear-gradient(0deg, #D9F6FF 0%, #65DAFF 100%);
}
.con1:after {
  top: 30%;
  height: 22.45%;
  background: #D5E78E;
}
.con1 .bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: url('../images/event/20250903/con1-d-bg1.webp') no-repeat 50% -35px;
}
.con1 .over-box {
  position: relative;
  z-index: 2;
}
.con1 .over-box img {
  width: 1920px;
  max-width: none;
}
.con1 .inner {z-index: 2;}
@media all and (max-width: 1240px) {
  .con1 {
    height: auto;
    padding-bottom: 10%;
  }
  .con1 .bg {background-size: 238%;}
  .con1 .over-box img {width: 155%;}
}
@media all and (max-width: 1024px) {
  .con1 {background-position: 50% 50%;}
}
.con2 {
  padding: 120px 0;
  background: #FFA9C2 url('../images/event/20250903/con2-d-bg.png') no-repeat 50% 50%;
}
@media all and (max-width: 1240px) {
  .con2 {background-size: 145%;}
}
.con3 {
  padding: 120px 0;
  background: #47260F;
}
.con4 {padding: 120px 0;}
.con4 img {
  width: auto;
  max-width: none;
  margin-left: -3%;
}
@media all and (max-width: 1240px) {
  .con4 img {width: 124%;}
}
.con5 {
  padding: 120px 0 105px;
  background: #FFC8D7;
}
.con5 .youtube {
  width: 1200px;
  aspect-ratio: 1200 / 610;
  margin-top: 80px;
  border-radius: 30px;
  overflow: hidden;
}
@media all and (max-width: 1240px) {
  .con5 .youtube {width: 100%;}
}
.con5 .youtube iframe {
  width: 100%;
  height: 100%;
}
.con6 {
  position: relative;
  padding: 120px 0;
  background: #FFF89B;
  overflow: hidden;
}
.con6:before {
  content: "";
  position: absolute;
  top: -82px; left: 50%;
  transform: translateX(-50%);
  background: url('../images/event/20250903/con6-d-bg.png') no-repeat;
  width: 1943px; height: 1144px;
}
.con6 .link {
  top: 79%;
  width: 36%; height: 11%;
}
.con6 .link1 {left: 6.2%;}
.con6 .link2 {right: 6.2%;}

.con7 {
  padding: 80px 0;
  background: #BAB676;
}