@import url("https://css.mirae-n.com/miraen_fonts/font/nanum/fonts.css");
@import url("./event_reset.css");
@import url("./event_footer.css");
body {
  font-family: "NanumSquareRound";
}

.blind {
  display: none;
}

.inner {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 100vw;
  margin: 0 auto;
  padding: 0 1.0416666667vw;
  text-align: center;
}
@media screen and (min-width: 1920px) {
  .inner {
    max-width: 1920px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 1200px) {
  .inner {
    max-width: 137.1428571429vw;
  }
}
@media screen and (max-width: 600px) {
  .inner {
    max-width: 274.2857142857vw;
  }
}

.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: 2.0833333333vw;
  left: 0;
  right: 0;
  padding: 0 2.0833333333vw;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 66.6666666667vw;
  margin: 0 auto;
}

.logo_group a {
  display: inline-block;
  vertical-align: middle;
}

.logo_group .choco {
  width: 3.5416666667vw;
}

.logo_group .mirae-n {
  width: 5vw;
}

.logo_group img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.logo_group .login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6.8229166667vw;
  height: 2.1875vw;
  margin-right: 0.7291666667vw;
  padding-top: 0.1041666667vw;
  border: 0.1041666667vw solid #5A371E;
  border-radius: 999px;
  font-size: 0.8333333333vw;
  font-weight: 800;
  color: #5A371E;
  text-align: center;
}

@media screen and (min-width: 1920px) {
  .logo_group {
    top: 40px;
    padding: 0 40px;
    max-width: 1280px;
  }
  .logo_group .choco {
    width: 68px;
  }
  .logo_group .mirae-n {
    width: 96px;
  }
  .logo_group .login {
    width: 131px;
    height: 42px;
    margin-right: 14px;
    padding-top: 2px;
    border-width: 2px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .logo_group {
    top: 2.8571428571vw;
    padding: 0 2.8571428571vw;
    max-width: 91.4285714286vw;
  }
  .logo_group .choco {
    width: 4.8571428571vw;
  }
  .logo_group .mirae-n {
    width: 6.8571428571vw;
  }
  .logo_group .login {
    width: 9.3571428571vw;
    height: 3vw;
    margin-right: 1vw;
    padding-top: 0.1428571429vw;
    border-width: 0.1428571429vw;
    font-size: 1.1428571429vw;
  }
}
@media screen and (max-width: 600px) {
  .logo_group {
    top: 2.8571428571vw;
    padding: 0 2.8571428571vw;
    max-width: 182.8571428571vw;
  }
  .logo_group .choco {
    width: 9.7142857143vw;
  }
  .logo_group .mirae-n {
    width: 13.7142857143vw;
  }
  .logo_group .login {
    width: 18.7142857143vw;
    height: 6vw;
    margin-right: 2vw;
    padding-top: 0.2857142857vw;
    border-width: 0.2857142857vw;
    font-size: 2.2857142857vw;
  }
}
.slide-outer {
  position: relative;
  z-index: 3;
  aspect-ratio: 1040/723;
  margin: 0 auto;
  box-sizing: border-box;
  background: #EEEEEE;
  border: 1px solid #5A371E;
  width: 54.1666666667vw;
  padding: 1.25vw 0.8333333333vw;
  border-radius: 1.0416666667vw;
  box-shadow: 0px 0.2083333333vw 0px 0px rgba(0, 0, 0, 0.25);
}
.slide-outer:before, .slide-outer:after {
  content: "";
  position: absolute;
  z-index: 3;
  background: no-repeat 50% 50%/100%;
}
.slide-outer .slide-tab {
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  display: flex;
  align-items: flex-end;
  margin-bottom: -1.3020833333vw;
  padding: 0 6.0416666667vw;
  gap: 0.4166666667vw;
}
.slide-outer .tab-btn {
  flex: 1;
  background: #fff;
  border: 1px solid #aaa;
  border-bottom: 0;
  height: 2.6041666667vw;
  border-radius: 1.0416666667vw 1.0416666667vw 0 0;
  font-size: 1.25vw;
  font-weight: 400;
  color: #5A371E;
}
.slide-outer .tab-btn.is-active {
  background: #FF8295;
  border-color: #5A371E;
  color: #fff;
  height: 3.3333333333vw;
  box-shadow: 0px 0.2083333333vw 0px 0px rgba(255, 255, 255, 0.25) inset;
}
.slide-outer .tab-btn.is-active:nth-last-of-type(1) {
  background: #5888D4;
}
.slide-outer .tab-btn.is-active:nth-last-of-type(2) {
  background: #FF8295;
}
.slide-outer .tab-btn.is-active:nth-last-of-type(3) {
  background: #FFA723;
}
.slide-outer .slide {
  position: relative;
  z-index: 2;
  aspect-ratio: 1008/675;
  background: url("../images/event/20251127/bg-slide.png") no-repeat 50% 50%/100%;
  box-sizing: border-box;
  width: 52.5vw;
  padding: 1.25vw;
}
.slide-outer .swiper {
  border-radius: 0.8333333333vw;
}
.slide-outer .slide-btn {
  aspect-ratio: 117/119;
  background: no-repeat 50% 50%/100%;
  position: absolute;
  top: 12.7604166667vw;
  width: 6.09375vw;
}
.slide-outer .slide-btn-prev {
  right: 100%;
  margin-right: -1.8229166667vw;
  background-image: url("../images/event/20251127/btn-prev.png");
}
.slide-outer .slide-btn-next {
  left: 100%;
  margin-left: -1.8229166667vw;
  background-image: url("../images/event/20251127/btn-next.png");
}
.slide-outer .slide-character {
  position: absolute;
  z-index: 2;
  right: 2.3958333333vw;
  bottom: -2.34375vw;
}
.slide-outer .slide-character .ch-item {
  position: absolute;
  right: -0.5208333333vw;
  bottom: 0;
  opacity: 0;
  transition: opacity 1s;
}
.slide-outer .slide-character .ch-item img {
  max-width: unset;
}
.slide-outer .slide-character .is-active {
  opacity: 1;
}
@media screen and (min-width: 1920px) {
  .slide-outer {
    width: 1040px;
    padding: 24px 16px;
    border-radius: 20px;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.25);
  }
  .slide-outer .slide-tab {
    margin-bottom: -25px;
    padding: 0 116px;
    gap: 8px;
  }
  .slide-outer .tab-btn {
    height: 50px;
    border-radius: 20px 20px 0 0;
    font-size: 24px;
  }
  .slide-outer .tab-btn.is-active {
    height: 64px;
    box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 0.25) inset;
  }
  .slide-outer .slide {
    width: 1008px;
    padding: 24px;
  }
}
@media screen and (max-width: 1200px) {
  .slide-outer {
    width: 74.2857142857vw;
    padding: 1.7142857143vw 1.1428571429vw;
    border-radius: 1.4285714286vw;
    box-shadow: 0px 0.2857142857vw 0px 0px rgba(0, 0, 0, 0.25);
  }
  .slide-outer .slide-tab {
    margin-bottom: -1.7857142857vw;
    padding: 0 8.2857142857vw;
    gap: 0.5714285714vw;
  }
  .slide-outer .tab-btn {
    height: 3.5714285714vw;
    border-radius: 1.4285714286vw 1.4285714286vw 0 0;
    font-size: 1.7142857143vw;
  }
  .slide-outer .tab-btn.is-active {
    height: 4.5714285714vw;
    box-shadow: 0px 0.2857142857vw 0px 0px rgba(255, 255, 255, 0.25) inset;
  }
  .slide-outer .slide {
    width: 72vw;
    padding: 1.7142857143vw;
  }
}
@media screen and (max-width: 600px) {
  .slide-outer {
    width: 88.5714285714vw;
  }
  .slide-outer .slide {
    width: 86.2857142857vw;
  }
  .slide-outer .slide-tab {
    padding: 0 1.7142857143vw;
  }
  .slide-outer .tab-btn {
    height: 7.1428571429vw;
    padding: 0 1.0714285714vw;
    font-size: 2.5714285714vw;
    line-height: 1.2;
    word-break: keep-all;
  }
  .slide-outer .tab-btn.is-active {
    height: 9.2857142857vw;
  }
}

.con {
  overflow: hidden;
}

.con1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 59.4791666667vw;
  background: url("../images/event/20251127/con1-bg1.webp") repeat-x 50% 50%/auto 100%;
  overflow: hidden;
}
@media screen and (min-width: 1920px) {
  .con1 {
    height: 1142px;
  }
}
@media screen and (max-width: 1200px) {
  .con1 {
    height: 81.5714285714vw;
  }
}
@media screen and (max-width: 600px) {
  .con1 {
    height: 98.5714285714vw;
    padding-top: 5.7142857143vw;
  }
}

.con1 .inner {
  position: relative;
  padding: 0;
  height: 100%;
}

.con1 .inner:before,
.con1 .inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@keyframes decoBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes decoBlink2 {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.con1 .inner:before {
  animation: decoBlink 2s linear infinite;
  background: url("../images/event/20251127/con1-img2.png") no-repeat 50% 50%/100%;
}

.con1 .inner:after {
  animation: decoBlink2 2s linear infinite;
  background: url("../images/event/20251127/con1-img3.png") no-repeat 50% 50%/100%;
}

.con1 .img {
  position: relative;
  height: 100%;
}
.con1 .img:before, .con1 .img:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.con1 .img:before {
  right: 100%;
  background: url("../images/event/20251127/con1-img-l.png") no-repeat 100% 100%/auto 100%;
}
.con1 .img:after {
  left: 100%;
  background: url("../images/event/20251127/con1-img-r.png") no-repeat 0 100%/auto 100%;
}

.con1 img {
  max-width: none;
  height: 100%;
}

@keyframes txtWave {
  0%, 100% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-5px);
  }
}
.con1 .txt {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation: txtWave 2s linear infinite;
}

.con2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 35.3645833333vw;
  background: url("../images/event/20251127/con2-bg.png") repeat-x 0 0/auto 100%;
}
.con2 .title {
  width: 17.96875vw;
  margin: 0 auto 2.7604166667vw;
}
.con2 .imgs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.7708333333vw;
}
.con2 .img1 {
  width: 19.53125vw;
}
.con2 .img2 {
  width: 19.4791666667vw;
}
.con2 .img3 {
  width: 19.84375vw;
}
@media screen and (min-width: 1920px) {
  .con2 {
    height: 679px;
  }
  .con2 .title {
    width: 345px;
    margin-bottom: 53px;
  }
  .con2 .imgs {
    gap: 34px;
  }
  .con2 .img1 {
    width: 375px;
  }
  .con2 .img2 {
    width: 374px;
  }
  .con2 .img3 {
    width: 381px;
  }
}
@media screen and (max-width: 1200px) {
  .con2 {
    height: 48.5vw;
  }
  .con2 .title {
    width: 24.6428571429vw;
    margin-bottom: 3.7857142857vw;
  }
  .con2 .imgs {
    gap: 2.4285714286vw;
  }
  .con2 .img1 {
    width: 26.7857142857vw;
  }
  .con2 .img2 {
    width: 26.7142857143vw;
  }
  .con2 .img3 {
    width: 27.2142857143vw;
  }
}
@media screen and (max-width: 600px) {
  .con2 {
    position: relative;
    height: auto;
    background: #DDC5B7;
    padding: 11.4285714286vw 0;
  }
  .con2:before, .con2:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 4.2857142857vw;
    background: url("../images/event/20251127/con2-bg.png") no-repeat 0 0/100%;
  }
  .con2:before {
    top: 0;
  }
  .con2:after {
    bottom: 0;
  }
  .con2 .imgs {
    flex-direction: column;
  }
  .con2 .title {
    width: 49.2857142857vw;
    margin-bottom: 7.5714285714vw;
  }
  .con2 .imgs {
    gap: 4.2857142857vw;
  }
  .con2 .img1 {
    width: 53.5714285714vw;
  }
  .con2 .img2 {
    width: 53.4285714286vw;
  }
  .con2 .img3 {
    width: 54.4285714286vw;
  }
}

.con3 {
  position: relative;
  height: 69.53125vw;
  padding-top: 20.8854166667vw;
  background: url("../images/event/20251127/con3-bg.png") repeat-x 50% 50%/auto 100%;
}
.con3:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  margin: 0 auto;
  background: url("../images/event/20251127/con3-img.png") no-repeat 50% 50%/100%;
  transform: translateX(-50%);
}
.con3 .slide-outer:before {
  width: 4.4791666667vw;
  height: 3.90625vw;
  top: 23.8541666667vw;
  left: -1.3020833333vw;
  background-image: url("../images/event/20251127/con3-deco1.svg");
}
.con3 .slide-outer:after {
  width: 4.0104166667vw;
  height: 4.0625vw;
  top: 3.0729166667vw;
  right: -0.78125vw;
  background-image: url("../images/event/20251127/con3-deco2.svg");
}
.con3 .slide-outer .slide-tab {
  padding: 0 3.2291666667vw;
}
.con3 .slide-outer .ch-item:nth-of-type(1) img {
  width: 23.1770833333vw;
}
.con3 .slide-outer .ch-item:nth-of-type(2) img {
  width: 22.3958333333vw;
}
.con3 .slide-outer .ch-item:nth-of-type(3) img {
  width: 23.0208333333vw;
}
@media screen and (min-width: 1920px) {
  .con3 {
    height: 1335px;
    padding-top: 401px;
  }
  .con3:before {
    width: 1920px;
  }
  .con3 .slide-outer:before {
    width: 86px;
    height: 75px;
    top: 458px;
    left: -25px;
  }
  .con3 .slide-outer:after {
    width: 77px;
    height: 78px;
    top: 59px;
    right: -15px;
  }
  .con3 .slide-outer .slide-tab {
    padding: 0 62px;
  }
  .con3 .slide-outer .ch-item:nth-of-type(1) img {
    width: 445px;
  }
  .con3 .slide-outer .ch-item:nth-of-type(2) img {
    width: 430px;
  }
  .con3 .slide-outer .ch-item:nth-of-type(3) img {
    width: 442px;
  }
}
@media screen and (max-width: 1200px) {
  .con3 {
    height: 95.3571428571vw;
    padding-top: 28.6428571429vw;
  }
  .con3:before {
    width: 137.1428571429vw;
  }
  .con3 .slide-outer:before {
    width: 6.1428571429vw;
    height: 5.3571428571vw;
    top: 32.7142857143vw;
    left: -1.7857142857vw;
  }
  .con3 .slide-outer:after {
    width: 5.5vw;
    height: 5.5714285714vw;
    top: 4.2142857143vw;
    right: -1.0714285714vw;
  }
  .con3 .slide-outer .slide-tab {
    padding: 0 4.4285714286vw;
  }
  .con3 .slide-outer .ch-item:nth-of-type(1) img {
    width: 31.7857142857vw;
  }
  .con3 .slide-outer .ch-item:nth-of-type(2) img {
    width: 30.7142857143vw;
  }
  .con3 .slide-outer .ch-item:nth-of-type(3) img {
    width: 31.5714285714vw;
  }
}
@media screen and (max-width: 600px) {
  .con3 {
    height: 123.9285714286vw;
    padding-top: 40.7142857143vw;
  }
  .con3:before {
    width: 165.7142857143vw;
  }
}

.con4 {
  position: relative;
  overflow: hidden;
  background: #E6F2FF;
  height: 69.53125vw;
  padding-top: 20.8854166667vw;
}
.con4:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  margin: 0 auto;
  background: url("../images/event/20251127/con4-img.png") no-repeat 50% 50%/100%;
  transform: translateX(-50%);
}
.con4:before {
  content: "";
  position: absolute;
  bottom: -77px;
  left: 50%;
  width: 2631px;
  height: 339px;
  transform: translateX(-50%);
  background: #D8F0D9;
  border-radius: 50%;
}
.con4 .slide-outer:before {
  width: 3.6458333333vw;
  height: 3.4375vw;
  top: 27.7604166667vw;
  left: -0.8854166667vw;
  background-image: url("../images/event/20251127/con4-deco1.svg");
}
.con4 .slide-outer:after {
  width: 4.7395833333vw;
  height: 3.5416666667vw;
  top: 2.8125vw;
  right: -1.71875vw;
  background-image: url("../images/event/20251127/con4-deco2.svg");
}
.con4 .slide-outer .slide-tab {
  padding: 0 3.2291666667vw;
}
.con4 .slide-outer .ch-item:nth-of-type(1) img {
  width: 23.2291666667vw;
}
.con4 .slide-outer .ch-item:nth-of-type(2) img {
  width: 21.875vw;
}
@media screen and (min-width: 1920px) {
  .con4 {
    height: 1335px;
    padding-top: 401px;
  }
  .con4:after {
    width: 1920px;
  }
  .con4:before {
    bottom: -77px;
    width: 2631px;
    height: 339px;
  }
  .con4 .slide-outer:before {
    width: 70px;
    height: 66px;
    top: 533px;
    left: -17px;
  }
  .con4 .slide-outer:after {
    width: 91px;
    height: 68px;
    top: 54px;
    right: -33px;
  }
  .con4 .slide-outer .slide-tab {
    padding: 0 62px;
  }
  .con4 .slide-outer .ch-item:nth-of-type(1) img {
    width: 446px;
  }
  .con4 .slide-outer .ch-item:nth-of-type(2) img {
    width: 420px;
  }
}
@media screen and (max-width: 1200px) {
  .con4 {
    height: 95.3571428571vw;
    padding-top: 28.6428571429vw;
  }
  .con4:after {
    width: 137.1428571429vw;
  }
  .con4:before {
    bottom: -5.5vw;
    width: 187.9285714286vw;
    height: 24.2142857143vw;
  }
  .con4 .slide-outer:before {
    width: 5vw;
    height: 4.7142857143vw;
    top: 38.0714285714vw;
    left: -1.2142857143vw;
  }
  .con4 .slide-outer:after {
    width: 6.5vw;
    height: 4.8571428571vw;
    top: 3.8571428571vw;
    right: -2.3571428571vw;
  }
  .con4 .slide-outer .slide-tab {
    padding: 0 4.4285714286vw;
  }
  .con4 .slide-outer .ch-item:nth-of-type(1) img {
    width: 31.8571428571vw;
  }
  .con4 .slide-outer .ch-item:nth-of-type(2) img {
    width: 30vw;
  }
}
@media screen and (max-width: 600px) {
  .con4 {
    height: 123.9285714286vw;
    padding-top: 40.7142857143vw;
  }
  .con4:after {
    width: 165.7142857143vw;
  }
}

.con5 {
  position: relative;
  overflow: hidden;
  background: #FFF3F6 url("../images/event/20251127/con5-bg.png") repeat-x 50% 100%/auto 13.3333333333vw;
  height: 69.53125vw;
  padding-top: 20.8854166667vw;
}
.con5:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  margin: 0 auto;
  background: url("../images/event/20251127/con5-img.png") no-repeat 50% 50%/100%;
  transform: translateX(-50%);
}
.con5 .slide-outer:before {
  width: 3.4375vw;
  height: 3.1770833333vw;
  top: 27.3958333333vw;
  left: -0.8333333333vw;
  background-image: url("../images/event/20251127/con5-deco1.svg");
}
.con5 .slide-outer:after {
  width: 7.0833333333vw;
  height: 7.34375vw;
  top: 1.8229166667vw;
  right: -3.0729166667vw;
  background-image: url("../images/event/20251127/con5-deco2.svg");
}
.con5 .slide-outer .slide-tab {
  padding: 0 3.2291666667vw;
}
.con5 .slide-outer .ch-item:nth-of-type(1) img {
  width: 20.8333333333vw;
}
.con5 .slide-outer .ch-item:nth-of-type(2) img {
  width: 20.8333333333vw;
}
@media screen and (min-width: 1920px) {
  .con5 {
    height: 1335px;
    padding-top: 401px;
    background-size: auto 256px;
  }
  .con5:after {
    width: 1920px;
  }
  .con5 .slide-outer:before {
    width: 66px;
    height: 61px;
    top: 526px;
    left: -16px;
  }
  .con5 .slide-outer:after {
    width: 136px;
    height: 141px;
    top: 35px;
    right: -59px;
  }
  .con5 .slide-outer .slide-tab {
    padding: 0 62px;
  }
  .con5 .slide-outer .ch-item:nth-of-type(1) img {
    width: 400px;
  }
  .con5 .slide-outer .ch-item:nth-of-type(2) img {
    width: 400px;
  }
}
@media screen and (max-width: 1200px) {
  .con5 {
    height: 95.3571428571vw;
    padding-top: 28.6428571429vw;
    background-size: auto 18.2857142857vw;
  }
  .con5:after {
    width: 137.1428571429vw;
  }
  .con5 .slide-outer:before {
    width: 4.7142857143vw;
    height: 4.3571428571vw;
    top: 37.5714285714vw;
    left: -1.1428571429vw;
  }
  .con5 .slide-outer:after {
    width: 9.7142857143vw;
    height: 10.0714285714vw;
    top: 2.5vw;
    right: -4.2142857143vw;
  }
  .con5 .slide-outer .slide-tab {
    padding: 0 4.4285714286vw;
  }
  .con5 .slide-outer .ch-item:nth-of-type(1) img {
    width: 28.5714285714vw;
  }
  .con5 .slide-outer .ch-item:nth-of-type(2) img {
    width: 28.5714285714vw;
  }
}
@media screen and (max-width: 600px) {
  .con5 {
    height: 123.9285714286vw;
    padding-top: 40.7142857143vw;
    background-size: auto 32.1428571429vw;
  }
  .con5:after {
    width: 165.7142857143vw;
  }
}

.con6 {
  position: relative;
  overflow: hidden;
  background: #F2E9F8 url("../images/event/20251127/con6-bg.png") repeat-x 50% 100%/auto 15.9895833333vw;
  height: 69.53125vw;
  padding-top: 20.8854166667vw;
}
.con6:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  margin: 0 auto;
  background: url("../images/event/20251127/con6-img.png") no-repeat 50% 50%/100%;
  transform: translateX(-50%);
}
.con6 .slide-outer:before {
  width: 3.90625vw;
  height: 3.6458333333vw;
  top: 26.6666666667vw;
  left: -2.1875vw;
  background-image: url("../images/event/20251127/con6-deco1.svg");
}
.con6 .slide-outer:after {
  width: 5.6770833333vw;
  height: 5.3645833333vw;
  top: 2.6041666667vw;
  right: -2.1354166667vw;
  background-image: url("../images/event/20251127/con6-deco2.svg");
}
.con6 .slide-outer .slide-tab {
  padding: 0 3.2291666667vw;
}
.con6 .slide-outer .ch-item:nth-of-type(1) {
  right: -0.78125vw;
}
.con6 .slide-outer .ch-item:nth-of-type(1) img {
  width: 22.0833333333vw;
}
.con6 .slide-outer .ch-item:nth-of-type(2) {
  bottom: -0.5208333333vw;
  right: -1.5625vw;
}
.con6 .slide-outer .ch-item:nth-of-type(2) img {
  width: 22.65625vw;
}
@media screen and (min-width: 1920px) {
  .con6 {
    height: 1335px;
    padding-top: 401px;
  }
  .con6:after {
    width: 1920px;
  }
  .con6 .slide-outer:before {
    width: 75px;
    height: 70px;
    top: 512px;
    left: -42px;
  }
  .con6 .slide-outer:after {
    width: 109px;
    height: 103px;
    top: 50px;
    right: -41px;
  }
  .con6 .slide-outer .slide-tab {
    padding: 0 62px;
  }
  .con6 .slide-outer .ch-item:nth-of-type(1) img {
    width: 424px;
  }
  .con6 .slide-outer .ch-item:nth-of-type(2) img {
    width: 435px;
  }
}
@media screen and (max-width: 1200px) {
  .con6 {
    height: 95.3571428571vw;
    padding-top: 28.6428571429vw;
  }
  .con6:after {
    width: 137.1428571429vw;
  }
  .con6 .slide-outer:before {
    width: 5.3571428571vw;
    height: 5vw;
    top: 36.5714285714vw;
    left: -3vw;
  }
  .con6 .slide-outer:after {
    width: 7.7857142857vw;
    height: 7.3571428571vw;
    top: 3.5714285714vw;
    right: -2.9285714286vw;
  }
  .con6 .slide-outer .slide-tab {
    padding: 0 4.4285714286vw;
  }
  .con6 .slide-outer .ch-item:nth-of-type(1) img {
    width: 30.2857142857vw;
  }
  .con6 .slide-outer .ch-item:nth-of-type(2) img {
    width: 31.0714285714vw;
  }
}
@media screen and (max-width: 600px) {
  .con6 {
    height: 123.9285714286vw;
    padding-top: 40.7142857143vw;
    background-size: auto 32.1428571429vw;
  }
  .con6:after {
    width: 165.7142857143vw;
  }
}

.con7 {
  position: relative;
  overflow: hidden;
  height: 80.7291666667vw;
  background: url("../images/event/20251127/con7-bg.webp") no-repeat 50% 100%/auto 37.65625vw, linear-gradient(180deg, #FFE4EE 0%, #FFD5E4 100%);
  padding: 6.25vw 0 0;
}
.con7 .imgs {
  display: flex;
  justify-content: center;
  gap: 4.375vw;
}
.con7 .imgs img {
  width: 27.2916666667vw;
}
.con7 .img3 {
  display: block;
  width: 51.5104166667vw;
  margin: 6.0416666667vw auto 0;
}
.con7 .imgs2 {
  position: relative;
  height: 31.6666666667vw;
}
.con7 .imgs2 img {
  position: absolute;
  left: 50%;
  opacity: 0;
  transform: translateY(10%);
  transition: transform 1s, opacity 1s;
}
.con7 .imgs2.is-view img {
  opacity: 1;
  transform: translateY(0);
}
.con7 .img4 {
  width: 16.796875vw;
  top: 1.25vw;
  margin-left: -8.6458333333vw;
}
.con7 .img5 {
  width: 17.65625vw;
  top: 8.2291666667vw;
  margin-left: -27.0833333333vw;
  transition-delay: 0.3s !important;
}
.con7 .img6 {
  width: 15.2604166667vw;
  top: 9.0104166667vw;
  margin-left: 11.7708333333vw;
  transition-delay: 0.6s !important;
}
.con7 .img7 {
  width: 8.6979166667vw;
  top: 17.34375vw;
  margin-left: -10.0520833333vw;
  transition-delay: 0.9s !important;
}
.con7 .img8 {
  width: 10.8333333333vw;
  top: 17.1875vw;
  margin-left: 1.875vw;
  transition-delay: 1.2s !important;
}
.con7 .btn {
  position: relative;
  z-index: 2;
  width: 51.5625vw;
  margin: 0 auto;
}
@keyframes clickMotion {
  60%, 80% {
    opacity: 1;
    transform: translate(0, -20%);
  }
  90%, 100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.con7 .btn .deco {
  position: absolute;
  top: 3.2291666667vw;
  right: 9.6354166667vw;
  width: 4.0104166667vw;
  opacity: 0;
  transform: translate(200%, 50%);
  animation: clickMotion 1.5s linear infinite;
}
@media screen and (min-width: 1920px) {
  .con7 {
    height: 1550px;
    background: url("../images/event/20251127/con7-bg.webp") no-repeat 50% 100%/auto 723px, linear-gradient(180deg, #FFE4EE 0%, #FFD5E4 100%);
    padding: 120px 0 0;
  }
  .con7 .imgs {
    gap: 84px;
  }
  .con7 .imgs img {
    width: 524px;
  }
  .con7 .img3 {
    width: 989px;
    margin-top: 116px;
  }
  .con7 .imgs2 {
    height: 608px;
  }
  .con7 .img4 {
    width: 322.5px;
    top: 24px;
    margin-left: -166px;
  }
  .con7 .img5 {
    width: 339px;
    top: 158px;
    margin-left: -520px;
  }
  .con7 .img6 {
    width: 293px;
    top: 173px;
    margin-left: 226px;
  }
  .con7 .img7 {
    width: 167px;
    top: 333px;
    margin-left: -193px;
  }
  .con7 .img8 {
    width: 208px;
    top: 330px;
    margin-left: 36px;
  }
  .con7 .btn {
    width: 990px;
  }
  .con7 .btn .deco {
    top: 62px;
    right: 185px;
    width: 77px;
  }
}
@media screen and (max-width: 1200px) {
  .con7 {
    height: 110.7142857143vw;
    background: url("../images/event/20251127/con7-bg.webp") no-repeat 50% 100%/auto 51.6428571429vw, linear-gradient(180deg, #FFE4EE 0%, #FFD5E4 100%);
    padding: 8.5714285714vw 0 0;
  }
  .con7 .imgs {
    gap: 6vw;
  }
  .con7 .imgs img {
    width: 37.4285714286vw;
  }
  .con7 .img3 {
    width: 70.6428571429vw;
    margin-top: 8.2857142857vw;
  }
  .con7 .imgs2 {
    height: 43.4285714286vw;
  }
  .con7 .img4 {
    width: 23.0357142857vw;
    top: 1.7142857143vw;
    margin-left: -11.8571428571vw;
  }
  .con7 .img5 {
    width: 24.2142857143vw;
    top: 11.2857142857vw;
    margin-left: -37.1428571429vw;
  }
  .con7 .img6 {
    width: 20.9285714286vw;
    top: 12.3571428571vw;
    margin-left: 16.1428571429vw;
  }
  .con7 .img7 {
    width: 11.9285714286vw;
    top: 23.7857142857vw;
    margin-left: -13.7857142857vw;
  }
  .con7 .img8 {
    width: 14.8571428571vw;
    top: 23.5714285714vw;
    margin-left: 2.5714285714vw;
  }
  .con7 .btn {
    width: 70.7142857143vw;
  }
  .con7 .btn .deco {
    top: 4.4285714286vw;
    right: 13.2142857143vw;
    width: 5.5vw;
  }
}
@media screen and (max-width: 600px) {
  .con7 {
    height: auto;
    padding-bottom: 8.5714285714vw;
  }
  .con7 .imgs {
    flex-direction: column;
    align-items: center;
    gap: 6vw;
  }
  .con7 .imgs img {
    width: 74.8571428571vw;
  }
  .con7 .img3 {
    width: 92.8571428571vw;
  }
}

.con8 {
  background: #5A371E;
}
@media screen and (max-width: 1200px) {
  .con8 img {
    max-width: unset;
    width: 150%;
  }
}