@charset "utf-8";
@font-face {
  font-family: "NEXON Lv2 Gothic";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
:root {
  --dk__logo: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0125/dk_logo.png");
  --btn__home: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0808/home_btn.png");
  --btn__close: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/mobile/btn_close.png");
  --btn__hideToday: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0808/close_btn.png");
  --btn__hamburger: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/mobile/btn_menu.png");
  --btn__more: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/btn_more.png");
  --btn__code: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/btn_code.png");
  --btn__info: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/btn_info.png");
  --navigation__indicator: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/bullet.png");
  --navigation__menu: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/menu.png");
  --navigation__menu--hover: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/menu_soon.webp");
  --navigation__icon--home: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/mobile/icon_home.png");
  --navigation__icon--logout: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/mobile/icon_log_out.png");
  --main__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/main_bg.webp");
  --main_title--01: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/main_tit_01.png");
  --main_title--02: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/main_tit_02.png");
  --main__subtitle: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/main_subtit.png");
  --main__date: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/main_date.png");
  --section01__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_bg.webp");
  --section01__content01--title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_tit1_1.png");
  --section01__content02--title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_tit2_1.png");
  --section01__content--caption: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_txt.png");
  --section01__itemBox--bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_cnt_box.png");
  --section01__content01--item01: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_cnt_bg1.png");
  --section01__content01--text01: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_txt1.png");
  --section01__content01--item02: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_cnt_bg2.png");
  --section01__content01--text02: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_txt2.png");
  --section01__content01--item03: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_cnt_bg3.png");
  --section01__content01--text03: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_txt3.png");
  --section01__content01--item04: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_cnt_bg4.png");
  --section01__content01--text04: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_txt4.png");
  --section01__content02--item05: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_cnt_bg5.png");
  --section01__content02--text05: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_txt5.png");
  --section01__content02--item06: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_cnt_bg6.png");
  --section01__content02--text06: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_txt6.png");
  --section01__content02--item07: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_cnt_bg7.png");
  --section01__content02--text07: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section1_txt7.png");
  --section01__carousel--btn: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/btn_normal.png");
  --section01__carousel--btnHover: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/btn_hover.png");
  --section01__carousel--navigation: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/nav_normal.png");
  --section01__carousel--navigationHover: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/nav_hover.png");
  /* --section02__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section2_bg.webp");
  --section02__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section2_tit.webp");
  --section02__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section2_cnt_1.webp"); */
  --section03__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section3_bg.webp");
  --section03__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section3_tit.png");
  --section03__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section3_cnt.webp");
  --section04__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section4_bg.webp");
  --section04__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section4_tit.webp");
  --section04__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section4_cnt_1.webp");
  --section05__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section5_bg.webp");
  --section05__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section5_2_tit.webp");
  --section05__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section5_2_cnt.webp");
  --section06__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section6_bg_1.webp");
  --section06__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section6_tit.png");
  --section06__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section6_cnt_1.webp");
  --section07__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section7_bg.webp");
  --section07__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section7_tit_1.png");
  --section07__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section7_cnt_2.webp");
  --section08__btn--buy: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/btn_buy_2.png");
  --section08__btn--buyHover: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/btn_buy_hover_2.png");
  --section08__btn--detail: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/btn_detail_2.png");
  --section08__btn--detailHover: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/btn_detail_hover_2.png");
  --section08__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section8_bg.webp");
  --section08__tab: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section8_tab_1.png");
  --section08__tab--bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section8_tab_bg_1.png");
  --section08__content01--title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section8_tit1.png");
  --section08__content01--content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section8_cnt1_1.webp");
  --section08__content01--floatingBanner: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section8_more.png");
  --section08__content02--title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section8_tit2.png");
  --section08__content02--content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section8_cnt2.webp");
  --section08__content03--title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section8_tit3.png");
  --section08__content03--content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section8_cnt3_1.webp");
  --section08__content04--title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section8_tit4_2.png");
  --section08__content04--content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section8_cnt4_2.webp");
  --section08__modal--packageItems: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section8_item_3.webp");
  --section09__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section9_bg.webp");
  --section09__character: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section9_cha.webp");
  --section09__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section9_tit.png");
  --section09__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section9_cnt.png");
  --section10__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section10_bg.webp");
  --section10__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section10_tit.png");
  --section10__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/section10_cnt.png");
  --section10__caption--notice: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0808/cont03_notice_final.png");
  --section10__modal--creatorNotice: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0808/popup_creators.png");
}
body {
  font-size: 0;
  background-color: black;
  height: 100vh;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}
body a {
  cursor: pointer;
}
body button {
  cursor: pointer;
}
body h2 {
  font-size: 0;
}
.msg-wrapper {
  display: none;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  z-index: 9100;
  height: 60px;
  background: rgba(0, 0, 0, 0.5);
}
header .top_in {
  height: 100%;
  margin: 0 3%;
  position: relative;
}
header .top_in .dk_logo {
  position: absolute;
  top: 15px;
  display: block;
  background: var(--dk__logo) no-repeat center 0;
  background-size: cover;
  width: 170px;
  height: 35px;
}
header .top_in .btn_home {
  position: absolute;
  top: 15px;
  right: 180px;
  width: 27px;
  height: 25px;
  background: var(--btn__home) no-repeat center 0;
}
header .top_in .btn_close {
  position: absolute;
  top: 10px;
  right: 0;
  display: block;
  width: 163px;
  height: 38px;
  background: var(--btn__hideToday) no-repeat center 0;
}
header .top_in .msg-navigator__toggle {
  display: none;
  position: absolute;
  right: 0;
  width: 44px;
  height: 30px;
  top: 15px;
  background: var(--btn__hamburger) no-repeat center 0;
  background-size: cover;
  cursor: pointer;
}
#msg-nav__container {
  font-size: 16px;
}
#msg-nav__container.msg__navigator {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 180px;
  background-color: #171717;
  padding: 0px 30px;
  padding-top: 60px;
  transform: translate(100%);
  transition: transform 0.3s ease;
  z-index: 9250;
  overflow-y: auto;
  overflow-x: hidden;
}
#msg-nav__container.msg__navigator.active {
  transform: translateX(0%);
}
#msg-nav__container.msg__navigator .msg__navigator--close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  background-image: var(--btn__close);
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
#msg-nav__container.msg__navigator ul a {
  color: #a39592;
}
#msg-nav__container.msg__navigator ul a.active {
  color: #d3c3c0;
}
#msg-nav__container.msg__navigator .main__menu {
  display: block;
  font-size: 16px;
  padding: 9px 0;
}
#msg-nav__container.msg__navigator .sub__menu {
  display: block;
  font-size: 14px;
  padding: 6px 0;
}
#msg-nav__container .msg__menu--item-01 {
  margin-bottom: 20px;
}
#msg-nav__container .msg__menu--item-01 .main__menu {
  line-height: 24px;
  font-size: 24px;
  color: #a66b6b;
}
#msg-nav__container .msg__menu--item-01 .main__menu.active {
  color: #a66b6b;
}
#msg-nav__container .msg__menu--item-01 .first_season {
  font-weight: bold;
}
#msg-nav__container .msg__menu--item-01 .coming_soon {
  line-height: 24px;
  font-size: 24px;
}
#msg-nav__container .line {
  margin: 36px 0;
  width: 100%;
  border-top: 1px solid #4b4342;
}
#msg-nav__container .footer {
  color: #a39592;
  padding-bottom: 50px;
}
#msg-nav__container .footer .register_now {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 24px;
  color: #a39592;
  cursor: pointer;
}
#msg-nav__container .footer .register_now .nav__icon--preregister {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: var(--navigation__icon--logout);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#msg-nav__container .footer .homepage_link {
  display: flex;
  align-items: center;
  column-gap: 8px;
  color: #a39592;
  cursor: pointer;
}
#msg-nav__container .footer .homepage_link .nav__icon--home {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: var(--navigation__icon--home);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#msg-aside__container {
  position: fixed;
  height: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9000;
}
#msg-aside__container ul {
  position: relative;
  display: inline-block;
  top: 50%;
  height: 414px;
  margin-top: -210px;
  margin-left: 5px;
  z-index: 5;
}
#msg-aside__container li {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 0;
  margin: 0;
  width: 220px;
  height: 30px;
  line-height: 30px;
  text-indent: -8000px;
  cursor: pointer;
}
#msg-aside__container li a {
  display: block;
  width: 220px;
  height: 100%;
}
#msg-aside__container li.msg__menu--item-01 {
  margin-top: 03px;
  background: var(--navigation__menu) no-repeat 23px 2px;
}
#msg-aside__container li.msg__menu--item-01 > a.active {
  background: var(--navigation__menu) no-repeat -196.5px 3px;
}
#msg-aside__container li.msg__menu--item-02 {
  margin-top: 4px;
  background: var(--navigation__menu) no-repeat 23px -32px;
}
#msg-aside__container li.msg__menu--item-02 > a.active {
  background: var(--navigation__menu) no-repeat -196.5px -31px;
}
#msg-aside__container li.msg__menu--item-03 {
  margin-top: 5px;
  background: var(--navigation__menu) no-repeat 23px -68px;
}
#msg-aside__container li.msg__menu--item-03 > a.active {
  background: var(--navigation__menu) no-repeat -196.5px -67px;
}
#msg-aside__container li.msg__menu--item-04 {
  margin-top: 5px;
  background: var(--navigation__menu) no-repeat 23px -103px;
}
#msg-aside__container li.msg__menu--item-04 > a.active {
  background: var(--navigation__menu) no-repeat -196.5px -103px;
}
#msg-aside__container li.msg__menu--item-05 {
  margin-top: 3px;
  background: var(--navigation__menu) no-repeat 23px -135.5px;
}
#msg-aside__container li.msg__menu--item-05 > a.active {
  background: var(--navigation__menu) no-repeat -196.5px -135.5px;
}
#msg-aside__container li.msg__menu--item-06 {
  margin-top: 7px;
  background: var(--navigation__menu) no-repeat 23px -172px;
}
#msg-aside__container li.msg__menu--item-06 > a.active {
  background: var(--navigation__menu) no-repeat -196.5px -172px;
}
#msg-aside__container li.msg__menu--item-07 {
  margin-top: 4px;
  background: var(--navigation__menu) no-repeat 23px -207px;
}
#msg-aside__container li.msg__menu--item-07 > a.active {
  background: var(--navigation__menu) no-repeat -196.5px -207px;
}
#msg-aside__container li.msg__menu--item-08 {
  margin-top: 5px;
  background: var(--navigation__menu) no-repeat 23px -242px;
}
#msg-aside__container li.msg__menu--item-08 > a.active {
  background: var(--navigation__menu) no-repeat -196.5px -242px;
}
#msg-aside__container li.msg__menu--item-09 {
  margin-top: 5px;
  background: var(--navigation__menu) no-repeat 23px -277.5px;
}
#msg-aside__container li.msg__menu--item-09 > a.active {
  background: var(--navigation__menu) no-repeat -196.5px -277.5px;
}
#msg-aside__container li.msg__menu--item-10 {
  margin-top: 12px;
  background: var(--navigation__menu) no-repeat 23px -319px;
}
#msg-aside__container li.msg__menu--item-10 > a.active {
  background: var(--navigation__menu) no-repeat -196.5px -319px;
}
#msg-aside__container li.msg__menu--item-11 {
  margin-top: 5px;
  background: var(--navigation__menu) no-repeat 23px -354px;
}
#msg-aside__container li.msg__menu--item-11 > a.active {
  background: var(--navigation__menu) no-repeat -196.5px -354px;
}
#msg-aside__container li.msg__menu--item-12 {
  margin-top: 4px;
  background: var(--navigation__menu) no-repeat 23px -387px;
}
#msg-aside__container li.msg__menu--item-12 > a.active {
  background: var(--navigation__menu) no-repeat -196.5px -387px;
}
#msg-aside__container .msg__indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 81px;
  margin-left: -10px;
  margin-top: -9px;
  z-index: -1;
  user-select: none;
  pointer-events: none;
  background: var(--navigation__indicator) no-repeat 0 bottom;
}
.msg-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 9100;
  transition: background-color 0.3s ease;
  pointer-events: none;
}
.msg-overlay.active {
  background-color: rgba(0, 0, 0, 0.5);
}
#msg-main__container {
  width: 100%;
  height: 100%;
}
#msg-main__container .msg-main__section {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#msg-main__container .container {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
}
#msg-main__container .container--mobile {
  display: none;
}
#msg-main__container #main {
  background-image: var(--main__bg);
}
#msg-main__container #main .container .title01 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 455px;
  height: 195px;
  margin-left: -380px;
  filter: blur(0px) brightness(1);
  background: var(--main_title--02) no-repeat center 0;
}
#msg-main__container #main .container .title02 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 382px;
  height: 195px;
  margin-left: 70px;
  filter: blur(0px) brightness(1);
  background: var(--main_title--01) no-repeat center 0;
}
#msg-main__container #main .container .subtitle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 445px;
  height: 78px;
  margin-top: -50px;
  margin-left: -223px;
  background: var(--main__subtitle) no-repeat center 0;
}
#msg-main__container #main .container .date {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 461px;
  height: 69px;
  margin-left: -230px;
  margin-top: 280px;
  background: var(--main__date) no-repeat center 0;
}
#msg-main__container #section-01 {
  background-image: var(--section01__bg);
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper {
  width: 1130px;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item .msg-card {
  width: 220px;
  height: 380px;
  filter: brightness(1);
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item .msg-card::before {
  content: "";
  position: absolute;
  overflow: hidden;
  inset: 0;
  width: 220px;
  height: 380px;
  transition: background-size 0.5s ease;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item .msg-card:hover::before {
  background-size: 110% !important;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item .msg-card::after {
  content: "";
  position: absolute;
  width: 222px;
  height: 408px;
  top: -16px;
  left: -1px;
  pointer-events: none;
  background: var(--section01__itemBox--bg) no-repeat center center / cover;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item .msg-card .msg-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 58px;
  margin-top: 100px;
  filter: brightness(1);
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--01 .msg-carousel__item--title {
  position: absolute;
  width: 630px;
  height: 253px;
  margin-top: -450px;
  z-index: 1;
  background: var(--section01__content01--title) no-repeat center 0 / cover;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--01 .msg-carousel__item--content {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 15px;
  margin-top: 260px;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--01 .msg-carousel__item--content .season-update--01::before {
  background: var(--section01__content01--item01) no-repeat center center / 100%;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--01 .msg-carousel__item--content .season-update--01 .msg-caption.season-update--01 {
  width: 134px;
  margin-left: -67px;
  background: var(--section01__content01--text01) no-repeat center 0 / cover;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--01 .msg-carousel__item--content .season-update--02::before {
  background: var(--section01__content01--item02) no-repeat center center / 100%;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--01 .msg-carousel__item--content .season-update--02 .msg-caption.season-update--02 {
  width: 160px;
  margin-left: -80px;
  background: var(--section01__content01--text02) no-repeat center 0 / cover;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--01 .msg-carousel__item--content .season-update--03::before {
  background: var(--section01__content01--item03) no-repeat center center / 100%;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--01 .msg-carousel__item--content .season-update--03 .msg-caption.season-update--03 {
  width: 98px;
  margin-left: -49px;
  background: var(--section01__content01--text03) no-repeat center 0 / cover;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--01 .msg-carousel__item--content .season-update--04::before {
  background: var(--section01__content01--item04) no-repeat center center / 100%;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--01 .msg-carousel__item--content .season-update--04 .msg-caption.season-update--04 {
  width: 98px;
  margin-left: -49px;
  background: var(--section01__content01--text04) no-repeat center 0 / cover;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--02 .msg-carousel__item--title {
  position: absolute;
  width: 632px;
  height: 253px;
  margin-top: -450px;
  z-index: 1;
  background: var(--section01__content02--title) no-repeat center 0 / cover;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--02 .msg-carousel__item--content {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 15px;
  height: 100%;
  margin-top: 260px;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--02 .msg-carousel__item--content .season-update--05::before {
  background: var(--section01__content02--item05) no-repeat center center / 100%;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--02 .msg-carousel__item--content .season-update--05 .msg-caption.season-update--05 {
  width: 118px;
  margin-left: -59px;
  background: var(--section01__content02--text05) no-repeat center 0 / cover;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--02 .msg-carousel__item--content .season-update--06::before {
  background: var(--section01__content02--item06) no-repeat center center / 100%;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--02 .msg-carousel__item--content .season-update--06 .msg-caption.season-update--06 {
  width: 116px;
  margin-left: -58px;
  background: var(--section01__content02--text06) no-repeat center 0 / cover;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--02 .msg-carousel__item--content .season-update--07::before {
  background: var(--section01__content02--item07) no-repeat center center / 100%;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item.msg-carousel__item--02 .msg-carousel__item--content .season-update--07 .msg-caption.season-update--07 {
  width: 118px;
  margin-left: -59px;
  background: var(--section01__content02--text07) no-repeat center 0 / cover;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__item--caption {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 327px;
  height: 16px;
  margin-left: -163.5px;
  margin-top: 340px;
  background: var(--section01__content--caption) no-repeat center center;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__btn--prev {
  position: absolute;
  top: 50%;
  left: 0;
  width: 54px;
  height: 88px;
  transform: translateY(-50%);
  margin-top: 120px;
  background-image: var(--section01__carousel--btnHover);
  cursor: pointer;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__btn--prev:disabled {
  background-image: var(--section01__carousel--btn);
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__btn--prev:hover {
  filter: brightness(1.2);
  background-image: var(--section01__carousel--btnHover);
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__btn--prev:disabled:hover {
  filter: brightness(1);
  background-image: var(--section01__carousel--btn);
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__btn--next {
  position: absolute;
  top: 50%;
  right: 0;
  width: 54px;
  height: 88px;
  transform: translateY(-50%) rotate(180deg);
  margin-top: 120px;
  background-image: var(--section01__carousel--btnHover);
  cursor: pointer;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__btn--next:disabled {
  background-image: var(--section01__carousel--btn);
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__btn--next:hover {
  filter: brightness(1.2);
  background-image: var(--section01__carousel--btnHover);
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__btn--next:disabled:hover {
  filter: brightness(1);
  background-image: var(--section01__carousel--btn);
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__pagination--container {
  position: absolute;
  left: 50%;
  margin-top: 770px;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__pagination--item {
  width: 38px;
  height: 38px;
  background: var(--section01__carousel--navigation) no-repeat center center;
  cursor: pointer;
}
#msg-main__container #section-01 .container .content #msg-carousel--section-01.msg-carousel--wrapper .msg-carousel__pagination--item.active {
  background: var(--section01__carousel--navigationHover) no-repeat center center;
}
#msg-main__container #section-02 {
  background-image: var(--section02__bg);
}
#msg-main__container #section-02 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 880px;
  height: 238px;
  margin-left: -440px;
  margin-top: -350px;
  background: var(--section02__title) no-repeat center center;
}
#msg-main__container #section-02 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1005px;
  height: 398px;
  margin-left: -502px;
  margin-top: -89px;
  background: var(--section02__content) no-repeat center center;
}
#msg-main__container #section-02 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 207px;
  height: 60px;
  margin-left: -104px;
  margin-top: 337px;
  background: var(--btn__more) no-repeat center center;
}
#msg-main__container #section-03 {
  background-image: var(--section03__bg);
}
#msg-main__container #section-03 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 756px;
  height: 329px;
  margin-left: -378px;
  margin-top: -347px;
  background: var(--section03__title) no-repeat center center;
}
#msg-main__container #section-03 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1037px;
  height: 556px;
  filter: brightness(1) blur(0);
  margin-left: -527px;
  margin-top: -147px;
  background: var(--section03__content) no-repeat center center;
  z-index: -1;
}
#msg-main__container #section-04 {
  background-image: var(--section04__bg);
}
#msg-main__container #section-04 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 844px;
  height: 238px;
  margin-left: -422px;
  margin-top: -350px;
  background: var(--section04__title) no-repeat center center;
}
#msg-main__container #section-04 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1097px;
  height: 403px;
  margin-left: -549px;
  margin-top: -100px;
  background: var(--section04__content) no-repeat center center;
}
#msg-main__container #section-04 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 207px;
  height: 60px;
  margin-left: -104px;
  margin-top: 348px;
  background: var(--btn__more) no-repeat center center;
}
#msg-main__container #section-05 {
  background-image: var(--section05__bg);
}
#msg-main__container #section-05 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 815px;
  height: 238px;
  margin-left: -408px;
  margin-top: -324px;
  background: var(--section05__title) no-repeat center center;
}
#msg-main__container #section-05 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1100px;
  height: 377px;
  margin-left: -550px;
  margin-top: -82px;
  filter: brightness(1) blur(0);
  background: var(--section05__content) no-repeat center center;
}
#msg-main__container #section-05 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 207px;
  height: 60px;
  margin-left: -104px;
  margin-top: 333px;
  background: var(--btn__more) no-repeat center center;
}
#msg-main__container #section-06 {
  background-image: var(--section06__bg);
}
#msg-main__container #section-06 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 880px;
  height: 238px;
  margin-left: -440px;
  margin-top: -362px;
  background: var(--section06__title) no-repeat center center;
}
#msg-main__container #section-06 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1066px;
  height: 444px;
  transform: translateX(-50%);
  margin-top: -108px;
  background: var(--section06__content) no-repeat center center;
}
#msg-main__container #section-06 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 207px;
  height: 60px;
  margin-left: -104px;
  margin-top: 350px;
  background: var(--btn__more) no-repeat center center;
}
#msg-main__container #section-07 {
  background-image: var(--section07__bg);
}
#msg-main__container #section-07 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 880px;
  height: 238px;
  margin-left: -440px;
  margin-top: -365px;
  background: var(--section07__title) no-repeat center center;
}
#msg-main__container #section-07 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1013px;
  height: 454px;
  margin-left: -507px;
  margin-top: -132px;
  background: var(--section07__content) no-repeat center center;
}
#msg-main__container #section-07 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 207px;
  height: 60px;
  margin-left: -104px;
  margin-top: 351px;
  background: var(--btn__more) no-repeat center center;
}
#msg-main__container #section-08 {
  background-image: var(--section08__bg);
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper {
  width: 1100px;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__item {
  opacity: 0;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__item.active {
  opacity: 1;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__item.active .msg-carousel__item--content {
  position: relative;
  filter: blur(0px) brightness(1);
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__item--01 .msg-carousel__item--title {
  position: absolute;
  width: 927px;
  height: 238px;
  margin-top: -500px;
  z-index: -1;
  background: var(--section08__content01--title) no-repeat center 0 / cover;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__item--01 .msg-carousel__item--content {
  width: 838px;
  height: 400px;
  margin-top: 150px;
  background: var(--section08__content01--content) no-repeat center center / cover;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__item--01 .floating__banner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 210px;
  height: 71px;
  margin-left: -425px;
  margin-top: -30px;
  background: var(--section08__content01--floatingBanner) no-repeat center center / cover;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__item--02 .msg-carousel__item--title {
  position: absolute;
  width: 927px;
  height: 238px;
  margin-top: -500px;
  background: var(--section08__content02--title) no-repeat center 0 / cover;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__item--02 .msg-carousel__item--content {
  width: 838px;
  height: 400px;
  margin-top: 150px;
  background: var(--section08__content02--content) no-repeat center center / cover;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__item--03 .msg-carousel__item--title {
  position: absolute;
  width: 927px;
  height: 238px;
  margin-top: -500px;
  background: var(--section08__content03--title) no-repeat center 0 / cover;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__item--03 .msg-carousel__item--content {
  width: 838px;
  height: 400px;
  margin-top: 200px;
  background: var(--section08__content03--content) no-repeat center center / cover;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__item--04 .msg-carousel__item--title {
  position: absolute;
  width: 785px;
  height: 238px;
  margin-top: -500px;
  background: var(--section08__content04--title) no-repeat center 0 / cover;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__item--04 .msg-carousel__item--content {
  width: 838px;
  height: 400px;
  margin-top: 200px;
  background: var(--section08__content04--content) no-repeat center center / cover;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .btn_detail {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 203px;
  height: 63px;
  margin-left: -213px;
  margin-top: 155px;
  background: var(--section08__btn--detail) no-repeat center 0;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .btn_detail::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 0;
  height: 0;
  z-index: -1;
  background: var(--section08__btn--detailHover) no-repeat center 0;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .btn_detail:hover {
  background: var(--section08__btn--detailHover) no-repeat center 0;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .btn_buy {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 203px;
  height: 63px;
  margin-left: 10px;
  margin-top: 155px;
  background: var(--section08__btn--buy) no-repeat center 0;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .btn_buy::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 0;
  height: 0;
  z-index: -1;
  background: var(--section08__btn--buyHover) no-repeat center 0;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .btn_buy:hover {
  background: var(--section08__btn--buyHover) no-repeat center 0;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__btn--prev {
  position: absolute;
  top: 50%;
  left: 0;
  width: 54px;
  height: 88px;
  transform: translateY(-50%);
  margin-top: 100px;
  background-image: var(--section01__carousel--btnHover);
  cursor: pointer;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__btn--prev:disabled {
  background-image: var(--section01__carousel--btn);
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__btn--prev:hover {
  filter: brightness(1.2);
  background-image: var(--section01__carousel--btnHover);
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__btn--prev:disabled:hover {
  filter: brightness(1);
  background-image: var(--section01__carousel--btn);
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__btn--next {
  position: absolute;
  top: 50%;
  right: 0;
  width: 54px;
  height: 88px;
  transform: translateY(-50%) rotate(180deg);
  margin-top: 100px;
  background-image: var(--section01__carousel--btnHover);
  cursor: pointer;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__btn--next:disabled {
  background-image: var(--section01__carousel--btn);
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__btn--next:hover {
  filter: brightness(1.2);
  background-image: var(--section01__carousel--btnHover);
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__btn--next:disabled:hover {
  filter: brightness(1);
  background-image: var(--section01__carousel--btn);
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__pagination--container {
  position: absolute;
  width: 860px;
  height: 57px;
  overflow: hidden;
  left: 50%;
  margin-top: 740px;
  transform: translateX(-50%);
  background: var(--section08__tab--bg) no-repeat center center / cover;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__pagination--item {
  position: absolute;
  cursor: pointer;
  left: 50%;
  top: 50%;
  height: 40px;
  margin-top: -20px;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="0"] {
  margin-left: -356px;
  width: 180px;
  background: var(--section08__tab) no-repeat 20px 11px;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="0"].active {
  background: var(--section08__tab) no-repeat 20px -30px;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="1"] {
  margin-left: -176px;
  width: 147px;
  background: var(--section08__tab) no-repeat -225px 11px;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="1"].active {
  background: var(--section08__tab) no-repeat -225px -30px;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="2"] {
  margin-left: -29px;
  width: 204px;
  background: var(--section08__tab) no-repeat -435px 11px;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="2"].active {
  background: var(--section08__tab) no-repeat -435px -30px;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="3"] {
  margin-left: 175px;
  width: 180px;
  background: var(--section08__tab) no-repeat -703px 11px;
}
#msg-main__container #section-08 .container .content #msg-carousel--section-08.msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="3"].active {
  background: var(--section08__tab) no-repeat -703px -30px;
}
#msg-main__container #section-09 {
  background-image: var(--section09__bg);
}
#msg-main__container #section-09 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 880px;
  height: 238px;
  margin-left: -535px;
  margin-top: -379px;
  background: var(--section09__title) no-repeat center center;
}
#msg-main__container #section-09 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1097px;
  height: 589px;
  margin-left: -549px;
  margin-top: -185px;
  background: var(--section09__content) no-repeat center center;
}
#msg-main__container #section-09 .container .character {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1029px;
  height: 934px;
  margin-left: -75px;
  margin-top: -368px;
  z-index: -1;
  background: var(--section09__character) no-repeat center center;
}
#msg-main__container #section-10 {
  background-image: var(--section10__bg);
}
#msg-main__container #section-10 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1021px;
  height: 238px;
  margin-left: -510px;
  margin-top: -339px;
  background: var(--section10__title) no-repeat center center;
}
#msg-main__container #section-10 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1099px;
  height: 439px;
  transform: translateX(-50%);
  margin-top: -73px;
  background: var(--section10__content) no-repeat center center / cover;
}
#msg-main__container #section-10 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 337px;
  column-gap: 50px;
  margin-left: calc(-213px - 25px);
}
#msg-main__container #section-10 .container .cta .creator_info {
  width: 213px;
  height: 60px;
  background: var(--btn__info) no-repeat center center;
}
#msg-main__container #section-10 .container .cta .input_code {
  width: 213px;
  height: 60px;
  background: var(--btn__code) no-repeat center center;
}
#msg-main__container #section-10 .container .caption {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 180px;
  height: 15px;
  transform: translateX(-50%);
  background: var(--section10__caption--notice) no-repeat center center / cover;
  margin-top: 430px;
}
#msg-main__container .prev {
  z-index: 3;
  transform: translateY(-50%);
}
#msg-main__container .active {
  z-index: 4;
  transform: translateY(0);
}
#msg-main__container .next {
  z-index: 3;
  transform: translateY(50%);
}
#msg-main__container .to-prev {
  z-index: 6;
  transform: translateY(-100%);
  transition: transform 0.7s ease;
}
#msg-main__container .to-active {
  z-index: 5;
  transform: translateY(0%);
  transition: transform 0.7s ease;
}
#msg-main__container .to-next {
  z-index: 6;
  transform: translateY(100%);
  transition: transform 0.7s ease;
}
.msg-carousel--wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.msg-carousel--wrapper .msg-carousel__container {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.msg-carousel--wrapper .msg-carousel__window {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
  height: 100%;
}
.msg-carousel--wrapper .msg-carousel__item {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.msg-carousel--wrapper .msg-carousel__btn--prev {
  position: absolute;
  top: 50%;
  left: 0;
  width: 54px;
  height: 88px;
  transform: translateY(-50%);
  margin-top: 100px;
  background-image: var(--section01__carousel--btnHover);
  cursor: pointer;
  z-index: 9300;
}
.msg-carousel--wrapper .msg-carousel__btn--prev:disabled {
  background-image: var(--section01__carousel--btn);
}
.msg-carousel--wrapper .msg-carousel__btn--prev:hover {
  filter: brightness(1.2);
  background-image: var(--section01__carousel--btnHover);
}
.msg-carousel--wrapper .msg-carousel__btn--prev:disabled:hover {
  filter: brightness(1);
  background-image: var(--section01__carousel--btn);
}
.msg-carousel--wrapper .msg-carousel__btn--next {
  position: absolute;
  top: 50%;
  right: 0;
  width: 54px;
  height: 88px;
  transform: translateY(-50%) rotate(180deg);
  margin-top: 100px;
  background-image: var(--section01__carousel--btnHover);
  cursor: pointer;
  z-index: 9300;
}
.msg-carousel--wrapper .msg-carousel__btn--next:disabled {
  background-image: var(--section01__carousel--btn);
}
.msg-carousel--wrapper .msg-carousel__btn--next:hover {
  filter: brightness(1.2);
  background-image: var(--section01__carousel--btnHover);
}
.msg-carousel--wrapper .msg-carousel__btn--next:disabled:hover {
  filter: brightness(1);
  background-image: var(--section01__carousel--btn);
}
#msg-modal__container {
  position: fixed;
  inset: 0;
  left: -500vw;
  opacity: 0;
  height: 0;
  z-index: 9100;
  transition: opacity 0.5s ease, height 0s 0.5s ease;
}
#msg-modal__container.active {
  opacity: 1;
  left: 0;
  height: 100%;
  transition: opacity 0.5s ease;
}
#msg-modal__container .msg-modal__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 9100;
  transition: background-color 0.3s ease;
  pointer-events: none;
}
#msg-modal__container .msg-modal__overlay.active {
  background-color: rgba(0, 0, 0, 0.5);
}
#msg-modal__container .msg-modal__content {
  position: absolute;
  z-index: 9101;
  overflow: hidden;
  left: -500vw;
  top: -200vh;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.5s ease, left 0s 0.5s ease;
}
#msg-modal__container .msg-modal__content.active {
  opacity: 1;
  left: 50%;
  top: 50%;
  transition: opacity 0.5s ease;
}
#msg-modal__container #package_composition .content {
  width: 890px;
  height: 921px;
  background: var(--section08__modal--packageItems) no-repeat center center;
}
#msg-modal__container #package_composition .msg-modal__icon--close {
  position: absolute;
  top: 36px;
  right: 38px;
  width: 33px;
  height: 33px;
}
#msg-modal__container #package_composition .msg-modal__btn--close {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 381px;
  margin-left: -425px;
  width: 850px;
  height: 60px;
}
#msg-modal__container #sponsor_code .content {
  width: 877px;
  height: 496px;
  background: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2023/0817/popup_support.png") no-repeat center center / cover;
  font-family: "NEXON Lv2 Gothic";
}
#msg-modal__container #sponsor_code .content .msg-modal__icon--close {
  position: absolute;
  top: 21px;
  right: 17px;
  width: 33px;
  height: 33px;
}
#msg-modal__container #sponsor_code .content .sponsor_form {
  position: absolute;
  top: 140px;
  left: 110px;
  width: 670px;
  user-select: none;
}
#msg-modal__container #sponsor_code .content .title {
  text-align: center;
  padding-top: 30px;
  font-size: 24px !important;
  font-weight: bold;
  color: #fff;
  padding-bottom: 26px;
}
#msg-modal__container #sponsor_code .content .popup_text {
  color: #666666;
  font-size: 15px !important;
  line-height: 20px;
  margin-bottom: 42px;
}
#msg-modal__container #sponsor_code .content input[id="check1"] {
  display: none;
}
#msg-modal__container #sponsor_code .content input[id="check1"] + label {
  display: inline-block;
  width: 100%;
  height: 24px;
  background: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2023/0817/check.png") left bottom no-repeat;
  cursor: pointer;
  font-size: 18px;
  color: #303030;
  line-height: 29px;
  letter-spacing: -0.6px;
  font-weight: bold;
  padding-left: 30px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
#msg-modal__container #sponsor_code .content .support__input::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 0;
  height: 0;
  z-index: -1;
  background: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2023/0817/checked.png") left bottom no-repeat;
}
#msg-modal__container #sponsor_code .content input[id="check1"]:checked + label {
  background: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2023/0817/checked.png") left bottom no-repeat;
}
#msg-modal__container #sponsor_code .content .support__input {
  display: flex;
  justify-content: center;
  align-items: center;
}
#msg-modal__container #sponsor_code .content #supportInput {
  font-family: "NEXON Lv2 Gothic";
  width: 616px;
  height: 65px;
  background: #e2e7ed;
  border: 1px solid #303030;
  color: #6c6c6c;
  font-size: 20px;
  text-align: center;
}
#msg-modal__container #sponsor_code .content .submit_sponsor_form {
  font-family: "NEXON Lv2 Gothic";
  position: absolute;
  top: 245px;
  left: 50%;
  transform: translateX(-50%);
  width: 217px;
  height: 57px;
  background: #292929;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 57px;
  cursor: pointer;
}
#msg-modal__container #creator_notice .content {
  width: 840px;
  height: 756px;
  background: var(--section10__modal--creatorNotice) no-repeat center center / cover;
}
#msg-modal__container #creator_notice .msg-modal__btn--close {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 276px;
  width: 168px;
  height: 49px;
}
#msg-popup__container {
  position: fixed;
  inset: 0;
  left: -500vw;
  z-index: 9200;
  opacity: 0;
  height: 0;
  transition: opacity 0.3s ease, height 0s 0.3s ease;
}
#msg-popup__container.active {
  opacity: 1;
  left: 0;
  height: 100%;
  transition: opacity 0.3s ease;
}
#msg-popup__container .msg-popup__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 9200;
  transition: background-color 0.3s ease;
  pointer-events: none;
}
#msg-popup__container .msg-popup__overlay.active {
  background-color: rgba(0, 0, 0, 0.5);
}
#msg-popup__container .msg-popup__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9201;
  overflow: hidden;
  width: 564px;
  height: 208px;
  background: white;
  font-size: 20px;
  border: 1px solid;
  border-radius: 5px;
  font-family: "NEXON Lv2 Gothic";
  display: flex;
  justify-content: center;
  align-items: center;
}
#msg-popup__container .msg-popup__content .message {
  margin-top: -46px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
}
#msg-popup__container .msg-popup__content .close {
  position: absolute;
  bottom: 45px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 48px;
  font-size: 15px;
  text-align: center;
  line-height: 48px;
  background: #272727;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
}
#msg-popup__container .msg-popup__content .confirm {
  position: absolute;
  bottom: 45px;
  left: 50%;
  margin-left: -140px;
  width: 140px;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  background: #333;
  color: #fff;
  cursor: pointer;
}
#msg-popup__container .msg-popup__content .cancel {
  position: absolute;
  bottom: 45px;
  left: 50%;
  margin-left: 15px;
  width: 140px;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  background: #333;
  color: #fff;
  cursor: pointer;
}