@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__hideToday: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0808/close_btn.png");
  --btn__more: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/global_btn--detail.webp");
  --btn__code: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/btn_code.webp");
  --btn__info: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/btn_info.webp");
  --navigation__indicator: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/indicator_left.webp");
  --navigation__indicator__right: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/indicator_right.webp");
  --navigation__menu: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/menu_normal_4.webp");
  --navigation__menu--hover: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/menu_hover_4.webp");
  --main__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/main_bg.webp");
  --main_title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/main_tit.webp");
  --main__subtitle: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/main_tit_sub_1.webp");
  --main__date: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/main_date.webp");
  --main__btn--banner: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/main_banner.webp");
  --section03__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_bg_1.webp");
  --section03__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_tit.webp");
  --section03__carousel_btn--prev: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_btn_prev.webp");
  --section03__carousel_btn--next: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_btn_next.webp");
  --section03__carousel_pagination--normal: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_pagination_normal.webp");
  --section03__carousel_pagination--hover: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_pagination_hover.webp");
  --section03__carousel_content01--date: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_02_date.webp");
  --section03__carousel_content01--item01: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_02_1_bg.webp");
  --section03__carousel_content01--item01_caption: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_02_1_caption.webp");
  --section03__carousel_content01--item02: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_02_2_bg.webp");
  --section03__carousel_content01--item02_caption: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_02_2_caption.webp");
  --section03__carousel_content01--item03: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_02_3_bg.webp");
  --section03__carousel_content01--item03_caption: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_02_3_caption.webp");
  --section03__carousel_content01--item04: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_02_4_bg.webp");
  --section03__carousel_content01--item04_caption: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_02_4_caption.webp");
  --section03__carousel_content01--item05: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_02_4_bg_1.webp");
  --section03__carousel_content01--item05_caption: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_02_5_caption.webp");
  --section03__carousel_content02--item01: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_03_bg.webp");
  --section03__carousel_content02--item01_caption: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_03_caption.webp");
  --section03__carousel_content02--item01_date: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_03_date.webp");
  --section03__carousel_content02--item02: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_04_bg.webp");
  --section03__carousel_content02--item02_caption: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_04_caption.webp");
  --section03__carousel_content02--item02_date: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_04_date.webp");
  --section03__carousel_content02--item03: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_05_bg.webp");
  --section03__carousel_content02--item03_caption_1: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_05_caption_1.webp");
  --section03__carousel_content02--item03_caption_2: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_05_caption_2.webp");
  --section03__carousel_content02--item03_caption_3: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_05_caption_3.webp");
  --section03__carousel_content02--item03_date: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_05_date.webp");
  --section03__carousel_content02--item04: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_06_bg.webp");
  --section03__carousel_content02--item04_caption: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_06_caption.webp");
  --section03__carousel_content02--item04_date: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section3_2025_06_date.webp");
  --section06__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section6_bg.webp");
  --section06__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section6_tit_1.webp");
  --section06__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section6_cnt_1.webp");
  --section07__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section7_bg.webp");
  --section07__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section7_tit_3.webp");
  --section07__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section7_cnt_3.webp");
  --section08__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section8_bg.webp");
  --section08__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section8_tit.webp");
  --section08__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section8_cnt_2.webp");
  --section10__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section10_bg.webp");
  --section10__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section10_tit.webp");
  --section10__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section10_cnt.webp");
  --section11__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section11_bg.webp");
  --section11__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section11_tit.webp");
  --section11__content--bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section11_ctn--bg_1.webp");
  --section11__content--box: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section11_cnt--box.webp");
  --section11__content--caption: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section11_cnt--caption.webp");
  --section12__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_bg.webp");
  --section12__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tit-main.webp");
  --section12__tab-bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tab-bg.webp");
  --section12__tab-01: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tab-01_2.webp");
  --section12__tab-01--hover: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tab-01--hover_2.webp");
  --section12__tab-02: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tab-02.webp");
  --section12__tab-02--hover: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tab-02--hover.webp");
  --section12__tab-03: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tab-03.webp");
  --section12__tab-03--hover: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tab-03--hover.webp");
  --section12__tab-04: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tab-04_2.webp");
  --section12__tab-04--hover: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tab-04--hover_2.webp");
  --section12__subtitle-01: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tit-01_2.webp");
  --section12__subtitle-02: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tit-02_1.webp");
  --section12__subtitle-03: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tit-03_1.webp");
  --section12__subtitle-04: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_tit-04_2.webp");
  --section12__content-01: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_cnt--item-01_3.webp");
  --section12__content-02: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_cnt--item-02_1.webp");
  --section12__content-03: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_cnt--item-03.webp");
  --section12__content-04: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_cnt--item-04_3.webp");
  --section12__btn--detail: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_btn--detail.webp");
  --section12__btn--buy-01: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_btn--buy-01_1.webp");
  --section12__btn--buy-02: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_btn--buy-02.webp");
  --section12__btn--buy-03: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_btn--buy-03.webp");
  --section12__btn--buy-04: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_btn--buy-04.webp");
  --section12__modal--blessedDKVipPackage_composition: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_modal--item-01_4.webp");
  --section12__modal--DKVipPackage_composition: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_modal--item-02_2.webp");
  --section12__modal--dkAmenityPackage_composition: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_modal--item-03.webp");
  --section12__modal--boostingPackage_composition: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section12_modal--item-04_3.webp");
  --section13__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section13_bg_1.webp");
  --section13__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section13_tit_3.webp");
  --section13__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section13_cnt_1.webp");
  --section13__caption--notice: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section13_caption--notice_1.webp");
  --section13__modal--creatorNotice: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section13_modal_creator_caution.webp");
  --section14__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section14_bg.webp");
  --section14__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section14_tit.webp");
  --section14__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section14_cnt.webp");
  --section15__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section15_bg.png");
  --section15__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section15_tit.png");
  --section15__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section15_cnt.png");
  --section16__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section16_bg.webp");
  --section16__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section16_tit.webp");
  --section16__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section16_cnt.webp");
  --section17__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section17_bg.webp");
  --section17__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section17_tit_2.webp");
  --section17__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section17_cnt_1.webp");
  --section17__modal--transformationEnhancementEvent:url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section17_modal--item-detail.webp");
  --section18__bg: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section18_bg.webp");
  --section18__title: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section18_tit.webp");
  --section18__content: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/section18_cnt.webp");
}
body {
  font-size: 0;
  background-color: black;
  position: fixed;
  inset: 0;
  margin: 0;
  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;
  cursor: pointer;
}
#msg-nav__container {
  font-size: 16px;
}
#msg-nav__container.msg__navigator {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 170px;
  background-color: #262626;
  padding: 0px 30px;
  padding-top: 50px;
  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: 12px;
  right: 20px;
  height: 20px;
  width: 36px;
  height: 36px;
  cursor: pointer;
}
#msg-nav__container.msg__navigator ul a {
  color: #9b9890;
}
#msg-nav__container.msg__navigator ul a.active {
  font-weight: 800;
  color: #9d9fa2;
}
#msg-nav__container.msg__navigator .main__menu {
  display: inline-block;
  font-size: 13px;
  padding: 6px 0;
  letter-spacing: -1px;
}
#msg-nav__container.msg__navigator .sub__menu {
  display: inline-block;
  font-size: 12px;
  padding: 4px 0;
  margin-left: 8px;
  letter-spacing: -1px;
}
#msg-nav__container .msg__menu--item-main {
  margin-bottom: 12px;
}
#msg-nav__container .msg__menu--item-main .main__menu {
  line-height: 20px;
  font-size: 20px;
  color: #a5a5a5;
}
#msg-nav__container .msg__menu--item-main .main__menu.active {
  color: #9b9890;
}
#msg-nav__container .msg__menu--item-main .first_season {
  font-weight: bold;
}
#msg-nav__container .msg__menu--item-main .coming_soon {
  line-height: 24px;
  font-size: 24px;
}
#msg-nav__container .line {
  margin: 24px 0;
}
#msg-nav__container .footer {
  color: #a5a5a5;
  padding-bottom: 50px;
}
#msg-nav__container .footer .register_now {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  color: #a5a5a5;
  font-size: 12px;
  cursor: pointer;
}
#msg-nav__container .footer .register_now .nav__icon--preregister {
  display: inline-block;
  margin-left: 1px;
  margin-right: 5px;
  width: 14px;
  height: 14px;
}
#msg-nav__container .footer .homepage_link {
  display: flex;
  align-items: center;
  color: #a5a5a5;
  cursor: pointer;
  font-size: 12px;
}
#msg-nav__container .footer .homepage_link .nav__icon--home {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
#msg-aside__container {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 9000;
}
#msg-aside__container ul {
  position: relative;
  display: inline-block;
  top: 50%;
  margin-top: -256px;
  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;
}
#msg-aside__container li a {
  display: block;
  position: relative;
  box-sizing: content-box;
  width: 220px;
  height: 100%;
}
#msg-aside__container li a::after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0.2);
  filter: blur(5px) brightness(3);
  right: -48px;
  width: 70px;
  height: 48px;
  opacity: 0;
  background: var(--navigation__indicator__right) no-repeat center;
}
#msg-aside__container li a.right_indicator::after {
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), filter 0.5s ease, background-size 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translateY(-50%) scale(1);
  filter: blur(0px) brightness(1);
  opacity: 1;
}
#msg-aside__container li.msg__menu {
  position: relative;
  box-sizing: border-box;
}
#msg-aside__container li.msg__menu--item-main {
  background: var(--navigation__menu) no-repeat 42px 8px;
}
#msg-aside__container li.msg__menu--item-main > a {
  width: 132px;
}
#msg-aside__container li.msg__menu--item-main > a.active,
#msg-aside__container li.msg__menu--item-main > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px 4px;
}
#msg-aside__container li.msg__menu--item-03 {
  background: var(--navigation__menu) no-repeat 42px -22px;
}
#msg-aside__container li.msg__menu--item-03 > a {
  width: 183px;
}
#msg-aside__container li.msg__menu--item-03 > a.active,
#msg-aside__container li.msg__menu--item-03 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -26px;
}
#msg-aside__container li.msg__menu--item-05 {
  background: var(--navigation__menu) no-repeat 42px -82px;
}
#msg-aside__container li.msg__menu--item-05 > a {
  width: 180px;
}
#msg-aside__container li.msg__menu--item-05 > a.active,
#msg-aside__container li.msg__menu--item-05 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -86px;
}
#msg-aside__container li.msg__menu--item-06 {
  background: var(--navigation__menu) no-repeat 42px -112px;
}
#msg-aside__container li.msg__menu--item-06 > a {
  width: 132px;
}
#msg-aside__container li.msg__menu--item-06 > a.active,
#msg-aside__container li.msg__menu--item-06 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -116px;
}
#msg-aside__container li.msg__menu--item-17 {
  background: var(--navigation__menu) no-repeat 42px -142px;
}
#msg-aside__container li.msg__menu--item-17 > a {
  width: 156px;
}
#msg-aside__container li.msg__menu--item-17 > a.active,
#msg-aside__container li.msg__menu--item-17 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -146px;
}
#msg-aside__container li.msg__menu--item-18 {
  background: var(--navigation__menu) no-repeat 42px -172px;
}
#msg-aside__container li.msg__menu--item-18 > a {
  width: 191px;
}
#msg-aside__container li.msg__menu--item-18 > a.active,
#msg-aside__container li.msg__menu--item-18 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -176px;
}
#msg-aside__container li.msg__menu--item-07 {
  background: var(--navigation__menu) no-repeat 42px -204px;
}
#msg-aside__container li.msg__menu--item-07 > a {
  width: 150px;
}
#msg-aside__container li.msg__menu--item-07 > a.active,
#msg-aside__container li.msg__menu--item-07 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -208px;
}
#msg-aside__container li.msg__menu--item-08 {
  background: var(--navigation__menu) no-repeat 42px -232px;
}
#msg-aside__container li.msg__menu--item-08 > a {
  width: 223px;
}
#msg-aside__container li.msg__menu--item-08 > a.active,
#msg-aside__container li.msg__menu--item-08 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -236px;
}
#msg-aside__container li.msg__menu--item-09 {
  background: var(--navigation__menu) no-repeat 42px -264px;
}
#msg-aside__container li.msg__menu--item-09 > a {
  width: 150px;
}
#msg-aside__container li.msg__menu--item-09 > a.active,
#msg-aside__container li.msg__menu--item-09 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -268px;
}
#msg-aside__container li.msg__menu--item-10 {
  background: var(--navigation__menu) no-repeat 42px -292px;
}
#msg-aside__container li.msg__menu--item-10 > a {
  width: 143px;
}
#msg-aside__container li.msg__menu--item-10 > a.active,
#msg-aside__container li.msg__menu--item-10 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -296px;
}
#msg-aside__container li.msg__menu--item-11 {
  background: var(--navigation__menu) no-repeat 42px -322px;
}
#msg-aside__container li.msg__menu--item-11 > a {
  width: 203px;
}
#msg-aside__container li.msg__menu--item-11 > a.active,
#msg-aside__container li.msg__menu--item-11 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -326px;
}
#msg-aside__container li.msg__menu--item-12 {
  background: var(--navigation__menu) no-repeat 42px -352px;
}
#msg-aside__container li.msg__menu--item-12 > a {
  width: 222px;
}
#msg-aside__container li.msg__menu--item-12 > a.active,
#msg-aside__container li.msg__menu--item-12 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -356px;
}
#msg-aside__container li.msg__menu--item-19 {
  background: var(--navigation__menu) no-repeat 42px -382px;
}
#msg-aside__container li.msg__menu--item-19 > a {
  width: 177px;
}
#msg-aside__container li.msg__menu--item-19 > a.active,
#msg-aside__container li.msg__menu--item-19 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -386px;
}
#msg-aside__container li.msg__menu--item-20 {
  background: var(--navigation__menu) no-repeat 42px -412px;
}
#msg-aside__container li.msg__menu--item-20 > a {
  width: 171px;
}
#msg-aside__container li.msg__menu--item-20 > a.active,
#msg-aside__container li.msg__menu--item-20 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -416px;
}
#msg-aside__container li.msg__menu--item-14 {
  background: var(--navigation__menu) no-repeat 42px -442px;
}
#msg-aside__container li.msg__menu--item-14 > a {
  width: 140px;
}
#msg-aside__container li.msg__menu--item-14 > a.active,
#msg-aside__container li.msg__menu--item-14 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -446px;
}
#msg-aside__container li.msg__menu--item-15 {
  background: var(--navigation__menu) no-repeat 42px -472px;
}
#msg-aside__container li.msg__menu--item-15 > a {
  width: 153px;
}
#msg-aside__container li.msg__menu--item-15 > a.active,
#msg-aside__container li.msg__menu--item-15 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -476px;
}
#msg-aside__container li.msg__menu--item-16 {
  background: var(--navigation__menu) no-repeat 42px -502px;
}
#msg-aside__container li.msg__menu--item-16 > a {
  width: 223px;
}
#msg-aside__container li.msg__menu--item-16 > a.active,
#msg-aside__container li.msg__menu--item-16 > a:hover {
  background: var(--navigation__menu--hover) no-repeat 39px -506px;
}
#msg-aside__container .msg__indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 48px;
  margin-left: -6px;
  margin-top: 7px;
  z-index: -1;
  user-select: none;
  pointer-events: none;
  background: var(--navigation__indicator) no-repeat 0 bottom;
}
.msg-overlay {
  position: absolute;
  inset: 0;
  z-index: 9100;
  background-color: rgba(0, 0, 0);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.msg-overlay.active {
  opacity: 0.5;
}
#msg-main__container {
  width: 100%;
  height: 100%;
}
#msg-main__container .msg-main__section {
  will-change: transform;
  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 .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1195px;
  height: 661px;
  margin-left: -598px;
  margin-top: -296px;
  filter: blur(0px) brightness(1);
  background: var(--main_title) no-repeat center 0;
}
#msg-main__container #main .container .subtitle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 642px;
  height: 95px;
  margin-top: -255px;
  margin-left: -321px;
  filter: blur(0px) brightness(1);
  background: var(--main__subtitle) no-repeat center 0;
}
#msg-main__container #main .container .date {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 483px;
  height: 98px;
  margin-left: -242px;
  margin-top: 150px;
  background: var(--main__date) no-repeat center 0;
}
#msg-main__container #main .container .btn_banner {
  position: absolute;
  top: 50%;
  right: 50px;
  width: 187px;
  height: 251px;
  margin-top: -30px;
  background: var(--main__btn--banner) no-repeat center 0;
}
#msg-main__container #section-03 {
  background-image: var(--section03__bg);
}
#msg-main__container #section-03 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 688px;
  height: 137px;
  margin-left: -344px;
  margin-top: -370px;
  background: var(--section03__title) no-repeat center center;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1280px;
  height: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__content .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 117px;
  height: 29px;
  margin-left: -58px;
  margin-top: -200px;
  background: var(--section03__carousel_content01--date) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__content .item {
  position: absolute;
  top: 50%;
  left: 50%;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__content .item--01 {
  display: block;
  width: 264px;
  height: 514px;
  margin-left: -510px;
  margin-top: -170px;
  background: var(--section03__carousel_content01--item01) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__content .item--01 .caption {
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 175px;
  height: 47px;
  margin-left: -88px;
  background: var(--section03__carousel_content01--item01_caption) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__content .item--02 {
  display: block;
  width: 509px;
  height: 264px;
  margin-left: -259px;
  margin-top: -170px;
  background: var(--section03__carousel_content01--item02) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__content .item--02 .caption {
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 207px;
  height: 48px;
  margin-left: -104px;
  background: var(--section03__carousel_content01--item02_caption) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__content .item--03 {
  display: block;
  width: 266px;
  height: 264px;
  margin-left: 237px;
  margin-top: -170px;
  background: var(--section03__carousel_content01--item03) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__content .item--03 .caption {
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 175px;
  height: 47px;
  margin-left: -88px;
  background: var(--section03__carousel_content01--item03_caption) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__content .item--04 {
  display: block;
  width: 358px;
  height: 264px;
  margin-left: -259px;
  margin-top: 79px;
  background: var(--section03__carousel_content01--item04) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__content .item--04 .caption {
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 175px;
  height: 47px;
  margin-left: -88px;
  background: var(--section03__carousel_content01--item04_caption) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__content .item--05 {
  display: block;
  width: 471px;
  height: 264px;
  margin-left: 60px;
  margin-top: 79px;
  background: var(--section03__carousel_content01--item05) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__content .item--05 .caption {
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 227px;
  height: 49px;
  margin-left: -119px;
  background: var(--section03__carousel_content01--item05_caption) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item {
  position: absolute;
  top: 50%;
  left: 50%;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--01 {
  display: block;
  width: 264px;
  height: 514px;
  margin-left: -510px;
  margin-top: -170px;
  background: var(--section03__carousel_content02--item01) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--01 .item--title {
  position: absolute;
  left: 50%;
  top: -30px;
  width: 175px;
  height: 47px;
  margin-left: -88px;
  background: var(--section03__carousel_content02--item01_date) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--01 .item--caption {
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 175px;
  height: 47px;
  margin-left: -88px;
  background: var(--section03__carousel_content02--item01_caption) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--02 {
  display: block;
  width: 264px;
  height: 514px;
  margin-left: -259px;
  margin-top: -170px;
  background: var(--section03__carousel_content02--item02) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--02 .item--title {
  position: absolute;
  left: 50%;
  top: -30px;
  width: 175px;
  height: 47px;
  margin-left: -88px;
  background: var(--section03__carousel_content02--item02_date) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--02 .item--caption {
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 207px;
  height: 48px;
  margin-left: -104px;
  background: var(--section03__carousel_content02--item02_caption) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--03 {
  display: block;
  width: 266px;
  height: 514px;
  margin-left: -10px;
  margin-top: -170px;
  background: var(--section03__carousel_content02--item03) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--03 .item--title {
  position: absolute;
  left: 50%;
  top: -30px;
  width: 175px;
  height: 47px;
  margin-left: -88px;
  background: var(--section03__carousel_content02--item03_date) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--03 .item--caption_01 {
  position: absolute;
  left: 50%;
  top: 0;
  width: 175px;
  height: 47px;
  margin-left: -88px;
  margin-top: 125px;
  background: var(--section03__carousel_content02--item03_caption_1) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--03 .item--caption_02 {
  position: absolute;
  left: 50%;
  top: 0px;
  width: 175px;
  height: 47px;
  margin-left: -88px;
  margin-top: 290px;
  background: var(--section03__carousel_content02--item03_caption_2) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--03 .item--caption_03 {
  position: absolute;
  left: 50%;
  top: 0px;
  width: 175px;
  height: 47px;
  margin-left: -88px;
  margin-top: 440px;
  background: var(--section03__carousel_content02--item03_caption_3) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--04 {
  display: block;
  width: 264px;
  height: 514px;
  margin-left: 244px;
  margin-top: -170px;
  background: var(--section03__carousel_content02--item04) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--04 .item--title {
  position: absolute;
  left: 50%;
  top: -30px;
  width: 175px;
  height: 47px;
  margin-left: -88px;
  background: var(--section03__carousel_content02--item04_date) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__content .item--04 .item--caption {
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 175px;
  height: 47px;
  margin-left: -88px;
  background: var(--section03__carousel_content02--item04_caption) no-repeat center 0;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__container {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__window {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
  height: 100%;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__item {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__btn--prev {
  position: absolute;
  top: 50%;
  left: 0;
  width: 43px;
  height: 63px;
  transform: translateY(-50%);
  margin-top: 100px;
  background-image: var(--section03__carousel_btn--prev);
  cursor: pointer;
  z-index: 9300;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__btn--prev:disabled {
  opacity: 0.8;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__btn--prev:hover {
  filter: brightness(1.2);
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__btn--prev:disabled:hover {
  opacity: 0.8;
  filter: brightness(1);
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__btn--next {
  position: absolute;
  top: 50%;
  right: 0;
  width: 43px;
  height: 63px;
  transform: translateY(-50%);
  margin-top: 100px;
  background-image: var(--section03__carousel_btn--next);
  cursor: pointer;
  z-index: 9300;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__btn--next:disabled {
  opacity: 0.8;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__btn--next:hover {
  filter: brightness(1.2);
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__btn--next:disabled:hover {
  opacity: 0.8;
  filter: brightness(1);
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container {
  position: absolute;
  width: 100%;
  height: 57px;
  overflow: hidden;
  left: 50%;
  top: 50%;
  margin-top: 330px;
  transform: translateX(-50%);
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__pagination--item {
  position: absolute;
  cursor: pointer;
  left: 50%;
  top: 50%;
  height: 30px;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="0"] {
  margin-left: -186px;
  width: 184px;
  height: 30px;
  background: var(--section03__carousel_pagination--normal) no-repeat center;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="0"].active,
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="0"]:hover {
  background: var(--section03__carousel_pagination--hover) no-repeat center;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="1"] {
  margin-left: 2px;
  width: 184px;
  height: 30px;
  transform: scaleX(-1);
  background: var(--section03__carousel_pagination--normal) no-repeat center;
}
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="1"].active,
#msg-main__container #section-03 .container .content .msg-carousel--wrapper .msg-carousel__pagination--item[data-msg-carousel-index="1"]:hover {
  background: var(--section03__carousel_pagination--hover) no-repeat 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: 489px;
  height: 288px;
  margin-left: -245px;
  margin-top: -350px;
  background: var(--section06__title) no-repeat center center;
}
#msg-main__container #section-06 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 907px;
  height: 369px;
  margin-left: -453px;
  margin-top: -70px;
  background: var(--section06__content) no-repeat center center;
}
#msg-main__container #section-06 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 273px;
  height: 86px;
  margin-left: -137px;
  margin-top: 315px;
  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: 599px;
  height: 257px;
  margin-left: -300px;
  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: 904px;
  height: 399px;
  margin-left: -452px;
  margin-top: -122px;
  background: var(--section07__content) no-repeat center center;
}
#msg-main__container #section-07 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 273px;
  height: 86px;
  margin-left: -137px;
  margin-top: 285px;
  background: var(--btn__more) no-repeat center center;
}
#msg-main__container #section-08 {
  background-image: var(--section08__bg);
}
#msg-main__container #section-08 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 705px;
  height: 250px;
  margin-left: -353px;
  margin-top: -365px;
  background: var(--section08__title) no-repeat center center;
}
#msg-main__container #section-08 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1120px;
  height: 370px;
  margin-left: -620px;
  margin-top: -132px;
  background: var(--section08__content) no-repeat center center;
}
#msg-main__container #section-08 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 273px;
  height: 86px;
  margin-left: -137px;
  margin-top: 265px;
  background: var(--btn__more) 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: 774px;
  height: 250px;
  margin-left: -387px;
  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: 1124px;
  height: 376px;
  transform: translateX(-50%);
  margin-top: -103px;
  background: var(--section10__content) no-repeat center center / cover;
}
#msg-main__container #section-10 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 273px;
  height: 86px;
  margin-left: -137px;
  margin-top: 295px;
  background: var(--btn__more) no-repeat center center;
}
#msg-main__container #section-11 {
  background-image: var(--section11__bg);
}
#msg-main__container #section-11 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 476px;
  height: 139px;
  margin-left: -248px;
  margin-top: -380px;
  background: var(--section11__title) no-repeat center center;
}
#msg-main__container #section-11 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1100px;
  height: 628px;
  margin-left: -540px;
  margin-top: -220px;
  background: var(--section11__content--bg) no-repeat center center / cover;
}
#msg-main__container #section-11 .container .content .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 887px;
  height: 142px;
  margin-left: -364px;
  margin-top: 153px;
  background: var(--section11__content--box) no-repeat center center / cover;
}
#msg-main__container #section-11 .container .content .caption {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 507px;
  height: 351px;
  margin-left: -42px;
  margin-top: -224px;
  background: var(--section11__content--caption) no-repeat center center / cover;
}
#msg-main__container #section-12 {
  background-image: var(--section12__bg);
}
#msg-main__container #section-12 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 546px;
  height: 100px;
  margin-left: -273px;
  margin-top: -380px;
  background: var(--section12__title) no-repeat center center;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1280px;
  height: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__item--title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 501px;
  height: 111px;
  margin-left: -251px;
  margin-top: -150px;
  background: var(--section12__subtitle-01) no-repeat center 0;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__item--content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1029px;
  height: 319px;
  margin-left: -530px;
  margin-top: -30px;
  background: var(--section12__content-01) no-repeat center 0;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__item--content .cta {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 618px;
  margin-left: -309px;
  margin-top: 180px;
  display: flex;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__item--content .cta .btn_detail {
  width: 264px;
  height: 88px;
  background: var(--section12__btn--detail) no-repeat center 0 / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--01 .msg-carousel__item--content .cta .btn_buy {
  width: 354px;
  height: 105px;
  margin-top: -17px;
  background: var(--section12__btn--buy-01) no-repeat center 0 / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__item--title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 411px;
  height: 111px;
  margin-left: -206px;
  margin-top: -150px;
  background: var(--section12__subtitle-02) no-repeat center 0;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .msg-carousel__item--content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 756px;
  height: 198px;
  margin-left: -378px;
  margin-top: 0px;
  background: var(--section12__content-02) no-repeat center 0;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .cta {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 536px;
  margin-left: -268px;
  margin-top: 140px;
  display: flex;
  column-gap: 8px;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .cta .btn_detail {
  width: 264px;
  height: 88px;
  background: var(--section12__btn--detail) no-repeat center 0 / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--02 .cta .btn_buy {
  width: 264px;
  height: 88px;
  background: var(--section12__btn--buy-02) no-repeat center 0 / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--03 .msg-carousel__item--title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 461px;
  height: 111px;
  margin-left: -231px;
  margin-top: -150px;
  background: var(--section12__subtitle-03) no-repeat center 0;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--03 .msg-carousel__item--content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 633px;
  height: 355px;
  margin-left: -317px;
  margin-top: 0px;
  background: var(--section12__content-03) no-repeat center 0;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--03 .cta {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 536px;
  margin-left: -268px;
  margin-top: 200px;
  display: flex;
  column-gap: 8px;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--03 .cta .btn_detail {
  width: 264px;
  height: 88px;
  background: var(--section12__btn--detail) no-repeat center 0 / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--03 .cta .btn_buy {
  width: 264px;
  height: 88px;
  background: var(--section12__btn--buy-03) no-repeat center 0 / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--04 .msg-carousel__item--title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 413px;
  height: 111px;
  margin-left: -207px;
  margin-top: -150px;
  background: var(--section12__subtitle-04) no-repeat center 0;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--04 .msg-carousel__item--content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 726px;
  height: 196px;
  margin-left: -363px;
  margin-top: 0px;
  background: var(--section12__content-04) no-repeat center 0;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--04 .cta {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 536px;
  margin-left: -268px;
  margin-top: 140px;
  display: flex;
  column-gap: 8px;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--04 .cta .btn_detail {
  width: 264px;
  height: 88px;
  background: var(--section12__btn--detail) no-repeat center 0 / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item.item--04 .cta .btn_buy {
  width: 264px;
  height: 88px;
  background: var(--section12__btn--buy-04) no-repeat center 0 / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__container {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__window {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
  height: 100%;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__item {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -120px;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container::before {
  content: "";
  position: absolute;
  width: 1000px;
  height: 281px;
  left: 50%;
  top: 50%;
  margin-top: -141px;
  transform: translateX(-50%);
  background: var(--section12__tab-bg) no-repeat center;
  z-index: -1;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container .msg-carousel__pagination--item {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 250px;
  height: 59px;
  margin-top: -136px;
  z-index: 8;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container .msg-carousel__pagination--item[data-msg-carousel-index="0"] {
  margin-left: -500px;
  background: var(--section12__tab-01) no-repeat center / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container .msg-carousel__pagination--item[data-msg-carousel-index="0"].active,
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container .msg-carousel__pagination--item[data-msg-carousel-index="0"]::before {
  content: "";
  height: 60px;
  background: var(--section12__tab-01--hover) no-repeat center / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container .msg-carousel__pagination--item[data-msg-carousel-index="1"] {
  margin-left: -250px;
  background: var(--section12__tab-02) no-repeat center / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container .msg-carousel__pagination--item[data-msg-carousel-index="1"].active,
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container .msg-carousel__pagination--item[data-msg-carousel-index="1"]::before {
  content: "";
  height: 60px;
  background: var(--section12__tab-02--hover) no-repeat center / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container .msg-carousel__pagination--item[data-msg-carousel-index="2"] {
  margin-left: 0px;
  background: var(--section12__tab-03) no-repeat center / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container .msg-carousel__pagination--item[data-msg-carousel-index="2"].active,
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container .msg-carousel__pagination--item[data-msg-carousel-index="2"]::before {
  content: "";
  height: 60px;
  background: var(--section12__tab-03--hover) no-repeat center / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container .msg-carousel__pagination--item[data-msg-carousel-index="3"] {
  margin-left: 250px;
  height: 56px;
  background: var(--section12__tab-04) no-repeat center / cover;
}
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container .msg-carousel__pagination--item[data-msg-carousel-index="3"].active,
#msg-main__container #section-12 .container .content .msg-carousel--wrapper .msg-carousel__pagination--container .msg-carousel__pagination--item[data-msg-carousel-index="3"]::before {
  content: "";
  height: 60px;
  background: var(--section12__tab-04--hover) no-repeat center / cover;
}
#msg-main__container #section-13 {
  background-image: var(--section13__bg);
}
#msg-main__container #section-13 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 896px;
  height: 209px;
  margin-left: -433px;
  margin-top: -339px;
  background: var(--section13__title) no-repeat center center;
}
#msg-main__container #section-13 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1086px;
  height: 319px;
  transform: translateX(-50%);
  margin-top: -143px;
  background: var(--section13__content) no-repeat center center / cover;
}
#msg-main__container #section-13 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 230px;
  margin-left: -294px;
}
#msg-main__container #section-13 .container .cta .creator_info {
  width: 294px;
  height: 84px;
  background: var(--btn__info) no-repeat center center;
}
#msg-main__container #section-13 .container .cta .input_code {
  width: 294px;
  height: 84px;
  background: var(--btn__code) no-repeat center center;
}
#msg-main__container #section-13 .container .caption {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 180px;
  height: 15px;
  transform: translateX(-50%);
  background: var(--section13__caption--notice) no-repeat center center / cover;
  margin-top: 340px;
}
#msg-main__container #section-14 {
  background-image: var(--section14__bg);
}
#msg-main__container #section-14 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 484px;
  height: 248px;
  margin-left: -242px;
  margin-top: -330px;
  background: var(--section14__title) no-repeat center center;
}
#msg-main__container #section-14 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1100px;
  height: 644px;
  margin-left: -550px;
  margin-top: -250px;
  background: var(--section14__content) no-repeat center center;
}
#msg-main__container #section-14 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 273px;
  height: 86px;
  margin-left: -137px;
  margin-top: 285px;
  background: var(--btn__more) no-repeat center center;
}
#msg-main__container #section-15 {
  background-image: var(--section15__bg);
}
#msg-main__container #section-15 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 484px;
  height: 250px;
  margin-left: -242px;
  margin-top: -305px;
  background: var(--section15__title) no-repeat center center;
}
#msg-main__container #section-15 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1096px;
  height: 463px;
  margin-left: -548px;
  margin-top: -172px;
  background: var(--section15__content) no-repeat center center;
}
#msg-main__container #section-15 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 273px;
  height: 86px;
  margin-left: -137px;
  margin-top: 285px;
  background: var(--btn__more) no-repeat center center;
}
#msg-main__container #section-16 {
  background-image: var(--section16__bg);
}
#msg-main__container #section-16 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 627px;
  height: 229px;
  margin-left: -314px;
  margin-top: -275px;
  background: var(--section16__title) no-repeat center center;
}
#msg-main__container #section-16 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1024px;
  height: 223px;
  transform: translateX(-50%);
  margin-top: -20px;
  background: var(--section16__content) no-repeat center center;
}
#msg-main__container #section-16 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 273px;
  height: 86px;
  margin-left: -137px;
  margin-top: 285px;
  background: var(--btn__more) no-repeat center center;
}
#msg-main__container #section-17 {
  background-image: var(--section17__bg);
}
#msg-main__container #section-17 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 553px;
  height: 250px;
  margin-left: -277px;
  margin-top: -365px;
  background: var(--section17__title) no-repeat center center;
}
#msg-main__container #section-17 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 987px;
  height: 450px;
  margin-left: -493px;
  filter: brightness(1);
  margin-top: -130px;
  background: var(--section17__content) no-repeat center center;
}
#msg-main__container #section-17 .container .btn_detail--first {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 23px;
  left: 235px;
  border-radius: 50%;
}
#msg-main__container #section-17 .container .btn_detail--second {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 23px;
  left: 551px;
  opacity: 0.5;
  border-radius: 50%;
}
#msg-main__container #section-17 .container .btn_detail--third {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 23px;
  left: 863px;
  border-radius: 50%;
}
#msg-main__container #section-17 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 273px;
  height: 86px;
  margin-left: -137px;
  margin-top: 325px;
  background: var(--btn__more) no-repeat center center;
}
#msg-main__container #section-18 {
  background-image: var(--section18__bg);
}
#msg-main__container #section-18 .container .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 532px;
  height: 250px;
  margin-left: -261px;
  margin-top: -365px;
  background: var(--section18__title) no-repeat center center;
}
#msg-main__container #section-18 .container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 882px;
  height: 511px;
  margin-left: -441px;
  margin-top: -180px;
  background: var(--section18__content) no-repeat center center;
}
#msg-main__container #section-18 .container .cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 273px;
  height: 86px;
  margin-left: -137px;
  margin-top: 315px;
  background: var(--btn__more) no-repeat center center;
}
#msg-main__container .prev {
  z-index: 3;
  transform: translate3d(0, -50%, 0);
}
#msg-main__container .active {
  z-index: 4;
  transform: translate3d(0, 0, 0);
}
#msg-main__container .next {
  z-index: 3;
  transform: translate3d(0, 50%, 0);
}
#msg-main__container .to-prev {
  z-index: 6;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.7s ease;
}
#msg-main__container .to-active {
  z-index: 5;
  transform: translate3d(0, 0%, 0);
  transition: transform 0.7s ease;
}
#msg-main__container .to-next {
  z-index: 6;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.7s ease;
}
#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 #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: 836px;
  height: 690px;
  background: var(--section13__modal--creatorNotice) no-repeat center center / cover;
}
#msg-modal__container #creator_notice .msg-modal__btn--close {
  position: absolute;
  top: 5px;
  right: -5px;
  width: 48px;
  height: 48px;
}
#msg-modal__container #blessedDKVipPackage_composition .content {
  width: 1139px;
  height: 590px;
  background: var(--section12__modal--blessedDKVipPackage_composition) no-repeat center;
}
#msg-modal__container #blessedDKVipPackage_composition .msg-modal__btn--close {
  position: absolute;
  top: 33px;
  right: 33px;
  width: 36px;
  height: 36px;
}
#msg-modal__container #DKVipPackage_composition .content {
  width: 875px;
  height: 444px;
  background: var(--section12__modal--DKVipPackage_composition) no-repeat center;
}
#msg-modal__container #DKVipPackage_composition .msg-modal__btn--close {
  position: absolute;
  top: 33px;
  right: 35px;
  width: 36px;
  height: 36px;
}
#msg-modal__container #dkAmenityPackage_composition .content {
  width: 873px;
  height: 444px;
  background: var(--section12__modal--dkAmenityPackage_composition) no-repeat center;
}
#msg-modal__container #dkAmenityPackage_composition .msg-modal__btn--close {
  position: absolute;
  top: 33px;
  right: 35px;
  width: 36px;
  height: 36px;
}
#msg-modal__container #boostingPackage_composition .content {
  width: 1140px;
  height: 296px;
  background: var(--section12__modal--boostingPackage_composition) no-repeat center;
}
#msg-modal__container #transformationEnhancementEvent .content {
  width: 1140px;
  height: 443px;
  background: var(--section17__modal--transformationEnhancementEvent) no-repeat center;
}
#msg-modal__container #transformationEnhancementEvent .msg-modal__btn--close {
  position: absolute;
  top: 31px;
  right: 31px;
  width: 36px;
  height: 36px;
}
#msg-modal__container #boostingPackage_composition .msg-modal__btn--close {
  position: absolute;
  top: 33px;
  right: 35px;
  width: 36px;
  height: 36px;
}
#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: 44px;
  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;
}