:root {
  --btn__more--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_global_btn--detail.webp");
  --btn__code--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_btn_code.webp");
  --btn__info--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_btn_info.webp");
  --btn__buy--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2024/0829/mobile/btn_buy.png");
  --main__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_main_bg.webp");
  --main__title--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_main_tit.webp");
  --main__subtitle--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_main_tit_sub_1.webp");
  --main__date--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_main_date.webp");
  --main__cta--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_main_btn_preorder.webp");
  --section03__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section3_bg.webp");
  --section03__title--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section3_tit.webp");
  --section03__content--item01--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section3_cnt--item-01_1.webp");
  --section03__content--item02--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section3_cnt--item-02.webp");
  --section03__content--item03--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section3_cnt--item-03.webp");
  --section03__btn--nav_prev--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section3_btn_left.webp");
  --section03__btn--nav_next--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section3_btn_right.webp");
  --section03__btn--pagination_normal--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section3_pagination_normal.webp");
  --section03__btn--pagination_hover--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section3_pagination_hover.webp");
  --section03__btn--pagination_mid_normal--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section3_pagination_mid_normal.webp");
  --section03__btn--pagination_mid_hover--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section3_pagination_mid_hover.webp");
  --section06__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section6_bg.webp");
  --section06__title--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section6_tit_1.webp");
  --section06__content--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section6_cnt_1.webp");
  --section07__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section7_bg.webp");
  --section07__title--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section7_tit_2.webp");
  --section07__content--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section7_cnt_2.webp");
  --section08__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section8_bg.webp");
  --section08__title--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section8_tit.webp");
  --section08__content--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section8_cnt.webp");
  --section10__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section10_bg.webp");
  --section10__title--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section10_tit.webp");
  --section10__content--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section10_cnt.webp");
  --section11__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section11_bg.webp");
  --section11__title--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section11_tit.webp");
  --section11__content-character--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section11_cnt--char.webp");
  --section11__content-caption--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section11_cnt--caption.webp");
  --section11__content-box--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section11_cnt--box.webp");
  --section12__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_bg.webp");
  --section12__subtitle-01--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_tit-01_2.webp");
  --section12__subtitle-02--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_tit-02_1.webp");
  --section12__subtitle-03--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_tit-03_1.webp");
  --section12__subtitle-04--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_tit-04_2.webp");
  --section12__content-01--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_cnt-01_3.webp");
  --section12__content-02--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_cnt-02_1.webp");
  --section12__content-03--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_cnt-03.webp");
  --section12__content-04--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_cnt-04_3.webp");
  --section__btn--buy-01--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_btn-buy-01_1.webp");
  --section__btn--buy-02--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_btn-buy-02.webp");
  --section__btn--buy-03--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_btn-buy-03.webp");
  --section__btn--buy-04--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_btn-buy-04.webp");
  --section12__btn--detail--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_btn-detail.webp");
  --section12__modal--blessedDKVipPackage_composition--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_modal--item1_4.webp");
  --section12__modal--DKVipPackage_composition--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_modal--item2_2.webp");
  --section12__modal--dkAmenityPackage_composition--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_modal--item3.webp");
  --section12__modal--boostingPackage_composition--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section12_modal--item4_3.webp");
  --section13__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section13_bg_1.webp");
  --section13__title--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section13_tit_3.webp");
  --section13__content--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section13_cnt_1.webp");
  --section13__caption--notice--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section13_btn--caution_1.webp");
  --section13__modal--creatorNotice--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section13_modal_creator_caution.webp");
  --section14__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section14_bg.webp");
  --section14__title--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section14_tit.webp");
  --section14__content--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section14_cnt.webp");
  --section15__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section15_bg.webp");
  --section15__title--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section15_tit.webp");
  --section15__content--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section15_cnt.webp");
  --section16__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section16_bg.webp");
  --section16__title--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section16_tit.webp");
  --section16__content--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section16_cnt.webp");
  --section17__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section17_bg.webp");
  --section17__title--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section17_tit_2.webp");
  --section17__content--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section17_cnt_1.webp");
  --section17__modal--transformationEnhancementEvent--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section17_modal--item-detail.webp");
  --section18__bg--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section18_bg.webp");
  --section18__title--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section18_tit.webp");
  --section18__content--mobile: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2025/0109/mobile/mobile_section18_cnt.webp");
}
@media (max-width: 720px) {
  .msg__header {
    height: 45px;
  }
  .msg__header .top_in {
    margin: 0 5%;
  }
  .msg__header .top_in .dk_logo {
    width: 85px;
    height: 17px;
  }
  .msg__header .top_in .btn_home {
    display: none;
  }
  .msg__header .top_in .btn_close {
    display: none;
  }
  .msg__header .top_in .msg-navigator__toggle {
    display: block;
    width: 30px;
    height: 30px;
    right: -5px;
    top: 7px;
  }
  .msg__navigator--aside {
    visibility: hidden;
    z-index: -1;
  }
  #msg-main__container section {
    will-change: transform;
    overflow: hidden;
    max-width: 100vw;
  }
  #msg-main__container section .container {
    display: none;
  }
  #msg-main__container section .container--mobile {
    display: block;
  }
  #msg-main__container #main {
    background: var(--main__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #main .container--mobile .title {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 273px;
    height: 136px;
    margin-left: -137px;
    margin-top: -120px;
    background: var(--main__title--mobile) no-repeat center center / cover;
  }
  #msg-main__container #main .container--mobile .subtitle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 321px;
    height: 46px;
    margin-left: -160px;
    margin-top: -200px;
    background: var(--main__subtitle--mobile) no-repeat center center / cover;
  }
  #msg-main__container #main .container--mobile .date {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 242px;
    height: 49px;
    margin-left: -121px;
    margin-top: 17px;
    background: var(--main__date--mobile) no-repeat center center / cover;
  }
  #msg-main__container #main .container--mobile .btn_preorder {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 198px;
    height: 57px;
    margin-left: -99px;
    margin-top: 110px;
    background: var(--main__cta--mobile) no-repeat center 0 / cover;
  }
  #msg-main__container #section-03 {
    background: var(--section03__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-03 .container--mobile {
    display: block;
  }
  #msg-main__container #section-03 .container--mobile .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 301px;
    height: 65px;
    margin-left: -150px;
    margin-top: -260px;
    background: var(--section03__title--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    box-sizing: content-box;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-wrapper {
    display: flex;
    height: 100vh;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-wrapper .swiper-slide {
    position: relative;
    background-color: transparent;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-wrapper .swiper-slide .item {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 0px;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-wrapper .swiper-slide .background {
    position: absolute;
    top: 50%;
    left: 50%;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(1) .background {
    width: 300px;
    height: 357px;
    margin-left: -150px;
    margin-top: -178px;
    background: var(--section03__content--item01--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(2) .background {
    width: 300px;
    height: 293px;
    margin-left: -150px;
    margin-top: -148px;
    background: var(--section03__content--item02--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(3) .background {
    width: 300px;
    height: 293px;
    margin-left: -150px;
    margin-top: -148px;
    background: var(--section03__content--item03--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-03 .container--mobile .content .msg-swiper__btn--prev {
    position: absolute;
    top: 50%;
    left: 8px;
    background: var(--section03__btn--nav_prev--mobile) no-repeat center center / cover;
    width: 25px;
    height: 38px;
    z-index: 9;
  }
  #msg-main__container #section-03 .container--mobile .content .msg-swiper__btn--prev.swiper-button-disabled {
    filter: grayscale(0.7);
  }
  #msg-main__container #section-03 .container--mobile .content .msg-swiper__btn--next {
    position: absolute;
    top: 50%;
    right: 8px;
    background: var(--section03__btn--nav_next--mobile) no-repeat center center / cover;
    width: 25px;
    height: 38px;
    z-index: 9;
  }
  #msg-main__container #section-03 .container--mobile .content .msg-swiper__btn--next.swiper-button-disabled {
    filter: grayscale(0.7);
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 190px;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-pagination .swiper-pagination-bullet {
    cursor: pointer;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-pagination .swiper-pagination-bullet[data-page-index="0"] {
    width: 89px;
    height: 10px;
    background: var(--section03__btn--pagination_normal--mobile) no-repeat center center / contain;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-pagination .swiper-pagination-bullet[data-page-index="0"].swiper-pagination-bullet-active {
    background: var(--section03__btn--pagination_hover--mobile) no-repeat center center / contain;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-pagination .swiper-pagination-bullet[data-page-index="1"] {
    width: 89px;
    margin-top: 3px;
    height: 10px;
    background: var(--section03__btn--pagination_mid_normal--mobile) no-repeat center center / contain;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-pagination .swiper-pagination-bullet[data-page-index="1"].swiper-pagination-bullet-active {
    background: var(--section03__btn--pagination_mid_hover--mobile) no-repeat center center / contain;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-pagination .swiper-pagination-bullet[data-page-index="2"] {
    width: 89px;
    height: 10px;
    transform: scaleX(-1);
    background: var(--section03__btn--pagination_normal--mobile) no-repeat center center / contain;
  }
  #msg-main__container #section-03 .container--mobile .content .swiper-pagination .swiper-pagination-bullet[data-page-index="2"].swiper-pagination-bullet-active {
    background: var(--section03__btn--pagination_hover--mobile) no-repeat center center / contain;
  }
  #msg-main__container #section-06 {
    background: var(--section06__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-06 .container--mobile .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 245px;
    height: 142px;
    margin-left: -123px;
    margin-top: -250px;
    background: var(--section06__title--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-06 .container--mobile .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 340px;
    margin-left: -150px;
    margin-top: -120px;
    background: var(--section06__content--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-06 .container--mobile .cta {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 192px;
    height: 58px;
    margin-left: -96px;
    margin-top: 240px;
    background: var(--btn__more--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-07 {
    background: var(--section07__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-07 .container--mobile .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 120px;
    margin-left: -150px;
    margin-top: -260px;
    background: var(--section07__title--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-07 .container--mobile .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 361px;
    margin-left: -150px;
    margin-top: -140px;
    background: var(--section07__content--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-07 .container--mobile .cta {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 192px;
    height: 58px;
    margin-left: -96px;
    margin-top: 225px;
    background: var(--btn__more--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-08 {
    background: var(--section08__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-08 .container--mobile .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 308px;
    height: 120px;
    margin-left: -154px;
    margin-top: -254px;
    background: var(--section08__title--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-08 .container--mobile .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 320px;
    height: 333px;
    margin-left: -160px;
    margin-top: -137px;
    background: var(--section08__content--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-08 .container--mobile .cta {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 192px;
    height: 58px;
    margin-left: -96px;
    margin-top: 180px;
    background: var(--btn__more--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-10 {
    background: var(--section10__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-10 .container--mobile .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 313px;
    height: 118px;
    margin-left: -157px;
    margin-top: -233px;
    background: var(--section10__title--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-10 .container--mobile .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 222px;
    margin-left: -150px;
    margin-top: -126px;
    background: var(--section10__content--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-10 .container--mobile .cta {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 192px;
    height: 58px;
    margin-left: -96px;
    margin-top: 100px;
    background: var(--btn__more--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-11 {
    background: var(--section11__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-11 .container--mobile .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 65px;
    margin-left: -120px;
    margin-top: -280px;
    background: var(--section11__title--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-11 .container--mobile .content .character {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 257px;
    height: 425px;
    margin-left: -180px;
    margin-top: -200px;
    background: var(--section11__content-character--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-11 .container--mobile .content .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 106px;
    height: 56px;
    margin-left: 25px;
    margin-top: -140px;
    background: var(--section11__content-caption--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-11 .container--mobile .content .box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 308px;
    height: 210px;
    margin-left: -154px;
    margin-top: 26px;
    background: var(--section11__content-box--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 {
    background: var(--section12__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    box-sizing: content-box;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper {
    display: flex;
    height: 100vh;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide {
    position: relative;
    background-color: transparent;
    font-size: 0px;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide .item {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 0px;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide .title {
    position: absolute;
    top: 50%;
    left: 50%;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide .content {
    position: absolute;
    top: 50%;
    left: 50%;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide .btn_buy {
    position: absolute;
    top: 50%;
    left: 50%;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide .btn_detail {
    position: absolute;
    top: 50%;
    left: 50%;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(1) .title {
    width: 313px;
    height: 80px;
    margin-left: -157px;
    margin-top: -240px;
    background: var(--section12__subtitle-01--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(1) .content {
    width: 289px;
    height: 271px;
    margin-left: -145px;
    margin-top: -135px;
    background: var(--section12__content-01--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(1) .btn_detail {
    width: 97px;
    height: 22px;
    margin-left: -48px;
    margin-top: 150px;
    background: var(--section12__btn--detail--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(1) .btn_buy {
    width: 202px;
    height: 61px;
    margin-left: -101px;
    margin-top: 175px;
    background: var(--section__btn--buy-01--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(2) .title {
    width: 223px;
    height: 86px;
    margin-left: -112px;
    margin-top: -240px;
    background: var(--section12__subtitle-02--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(2) .content {
    width: 253px;
    height: 181px;
    margin-left: -108px;
    margin-top: -135px;
    background: var(--section12__content-02--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(2) .btn_detail {
    width: 97px;
    height: 22px;
    margin-left: -48px;
    margin-top: 60px;
    background: var(--section12__btn--detail--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(2) .btn_buy {
    width: 152px;
    height: 52px;
    margin-left: -76px;
    margin-top: 90px;
    background: var(--section__btn--buy-02--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(3) .title {
    width: 272px;
    height: 84px;
    margin-left: -136px;
    margin-top: -250px;
    background: var(--section12__subtitle-03--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(3) .content {
    width: 272px;
    height: 260px;
    margin-left: -136px;
    margin-top: -145px;
    background: var(--section12__content-03--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(3) .btn_detail {
    width: 97px;
    height: 22px;
    margin-left: -48px;
    margin-top: 130px;
    background: var(--section12__btn--detail--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(3) .btn_buy {
    width: 152px;
    height: 52px;
    margin-left: -76px;
    margin-top: 160px;
    background: var(--section__btn--buy-03--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(4) .title {
    width: 232px;
    height: 84px;
    margin-left: -116px;
    margin-top: -190px;
    background: var(--section12__subtitle-04--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(4) .content {
    width: 225px;
    height: 181px;
    margin-left: -114px;
    margin-top: -90px;
    background: var(--section12__content-04--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(4) .btn_detail {
    width: 97px;
    height: 22px;
    margin-left: -48px;
    margin-top: 105px;
    background: var(--section12__btn--detail--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-wrapper .swiper-slide:nth-child(4) .btn_buy {
    width: 152px;
    height: 52px;
    margin-left: -76px;
    margin-top: 130px;
    background: var(--section__btn--buy-04--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-12 .container--mobile .content .msg-swiper__btn--prev {
    position: absolute;
    top: 50%;
    left: 8px;
    margin-top: -60px;
    background: var(--section03__btn--nav_prev--mobile) no-repeat center center / cover;
    width: 25px;
    height: 38px;
    z-index: 9;
  }
  #msg-main__container #section-12 .container--mobile .content .msg-swiper__btn--prev.swiper-button-disabled {
    filter: grayscale(0.7);
  }
  #msg-main__container #section-12 .container--mobile .content .msg-swiper__btn--next {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -60px;
    background: var(--section03__btn--nav_next--mobile) no-repeat center center / cover;
    width: 25px;
    height: 38px;
    z-index: 9;
  }
  #msg-main__container #section-12 .container--mobile .content .msg-swiper__btn--next.swiper-button-disabled {
    filter: grayscale(0.7);
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 250px;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-pagination .swiper-pagination-bullet {
    cursor: pointer;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    background-color: #b1a487;
    opacity: 0.5;
    transition: opacity 0.3s ease;
  }
  #msg-main__container #section-12 .container--mobile .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
  }
  #msg-main__container #section-13 {
    background: var(--section13__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-13 .container--mobile .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 239px;
    height: 129px;
    margin-left: -120px;
    margin-top: -253px;
    background: var(--section13__title--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-13 .container--mobile .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 303px;
    height: 304px;
    margin-left: -152px;
    margin-top: -126px;
    background: var(--section13__content--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-13 .container--mobile .cta {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 195px;
    margin-left: -152px;
  }
  #msg-main__container #section-13 .container--mobile .cta .creator_info {
    width: 152px;
    height: 57px;
    background: var(--btn__info--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-13 .container--mobile .cta .input_code {
    width: 152px;
    height: 57px;
    background: var(--btn__code--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-13 .container--mobile .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 117px;
    height: 9px;
    margin-top: 270px;
    margin-left: -58px;
    background: var(--section13__caption--notice--mobile) no-repeat center / cover;
  }
  #msg-main__container #section-14 {
    background: var(--section14__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-14 .container--mobile .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 242px;
    height: 120px;
    margin-left: -121px;
    margin-top: -200px;
    background: var(--section14__title--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-14 .container--mobile .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 360px;
    height: 299px;
    margin-left: -180px;
    margin-top: -140px;
    background: var(--section14__content--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-14 .container--mobile .cta {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 192px;
    height: 58px;
    margin-left: -96px;
    margin-top: 150px;
    background: var(--btn__more--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-15 {
    background: var(--section15__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-15 .container--mobile .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 242px;
    height: 120px;
    margin-left: -121px;
    margin-top: -240px;
    background: var(--section15__title--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-15 .container--mobile .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 340px;
    height: 330px;
    margin-left: -170px;
    margin-top: -150px;
    background: var(--section15__content--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-15 .container--mobile .cta {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 192px;
    height: 58px;
    margin-left: -96px;
    margin-top: 200px;
    background: var(--btn__more--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-16 {
    background: var(--section16__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-16 .container--mobile .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 275px;
    height: 113px;
    margin-left: -138px;
    margin-top: -260px;
    background: var(--section16__title--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-16 .container--mobile .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 279px;
    height: 357px;
    margin-left: -140px;
    margin-top: -140px;
    background: var(--section16__content--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-16 .container--mobile .cta {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 192px;
    height: 58px;
    margin-left: -96px;
    margin-top: 235px;
    background: var(--btn__more--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-17 {
    background: var(--section17__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-17 .container--mobile .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 245px;
    height: 120px;
    margin-left: -122px;
    margin-top: -250px;
    background: var(--section17__title--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-17 .container--mobile .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 288px;
    height: 390px;
    margin-left: -144px;
    margin-top: -135px;
    background: var(--section17__content--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-17 .container--mobile .content .btn_detail--first {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
  }
  #msg-main__container #section-17 .container--mobile .content .btn_detail--second {
    position: absolute;
    top: 128px;
    right: 10px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
  }
  #msg-main__container #section-17 .container--mobile .content .btn_detail--third {
    position: absolute;
    top: 248px;
    right: 10px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
  }
  #msg-main__container #section-17 .container--mobile .cta {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 192px;
    height: 58px;
    margin-left: -96px;
    margin-top: 270px;
    background: var(--btn__more--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-18 {
    background: var(--section18__bg--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-18 .container--mobile .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 252px;
    height: 120px;
    margin-left: -126px;
    margin-top: -220px;
    background: var(--section18__title--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-18 .container--mobile .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 360px;
    height: 286px;
    margin-left: -180px;
    margin-top: -110px;
    background: var(--section18__content--mobile) no-repeat center center / cover;
  }
  #msg-main__container #section-18 .container--mobile .cta {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 192px;
    height: 58px;
    margin-left: -96px;
    margin-top: 180px;
    background: var(--btn__more--mobile) no-repeat center center / cover;
  }
  #msg-modal__container {
    position: fixed;
    inset: 0;
    opacity: 0;
    height: 0;
    transition: opacity 0.5s ease, height 0s 0.5s ease;
    /* 패키지 구성품 모달 */
  }
  #msg-modal__container #sponsor_code .content {
    width: 320px;
    height: 280px;
    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: 15px;
    right: 13px;
    width: 15px;
    height: 15px;
    background: var(--btn__close) no-repeat center center / cover;
  }
  #msg-modal__container #sponsor_code .content .title {
    text-align: center;
    padding-top: 15px;
    font-size: 15px !important;
    font-weight: bold;
    color: #fff;
    padding-bottom: 15px;
  }
  #msg-modal__container #sponsor_code .content .sponsor_form {
    position: absolute;
    top: 50px;
    left: 20px;
    width: 280px;
    user-select: none;
  }
  #msg-modal__container #sponsor_code .content .popup_text {
    color: #666666;
    font-size: 10px !important;
    letter-spacing: -0.9px;
    line-height: 12px;
    margin-bottom: 8px;
  }
  #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%;
    cursor: pointer;
    font-size: 12px;
    color: #303030;
    line-height: 32px;
    letter-spacing: -0.6px;
    font-weight: bold;
    padding-left: 25px;
    box-sizing: border-box;
    margin-bottom: 15px;
    background: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/event/2023/0817/check.png") left bottom no-repeat;
    background-size: 18px 18px;
  }
  #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;
    background-size: 18px 18px;
  }
  #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;
    background-size: 18px 18px;
  }
  #msg-modal__container #sponsor_code .content .support__input {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #msg-modal__container #sponsor_code .content #supportInput {
    font-family: "NEXON Lv2 Gothic";
    width: 200px;
    height: 40px;
    background: #e2e7ed;
    border: 1px solid #303030;
    color: #6c6c6c;
    font-size: 12px;
    text-align: center;
  }
  #msg-modal__container #sponsor_code .content .submit_sponsor_form {
    font-family: "NEXON Lv2 Gothic";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 110px;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 35px;
    background: #292929;
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
  }
  #msg-modal__container #creator_notice .content {
    width: 288px;
    height: 480px;
    background: var(--section13__modal--creatorNotice--mobile) no-repeat center center / cover;
  }
  #msg-modal__container #creator_notice .msg-modal__btn--close {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 183px;
    margin-left: -65px;
    width: 130px;
    height: 29px;
  }
  #msg-modal__container #sns_caution .content {
    width: 288px;
    height: 252px;
    background: var(--section02__modal--sns_caution--mobile) no-repeat center center / cover;
  }
  #msg-modal__container #sns_caution .msg-modal__btn--close {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 30px;
    margin-top: 72px;
    margin-left: -65px;
  }
  #msg-modal__container #mystery_box_composition_mobile .content {
    width: 308px;
    height: 510px;
    background: var(--section01__mysterybox_composition--mobile) no-repeat center center / cover;
  }
  #msg-modal__container #mystery_box_composition_mobile .msg-modal__btn--close {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 288px;
    height: 36px;
    margin-top: 210px;
    margin-left: -144px;
  }
  #msg-modal__container #preorder_notice .content {
    width: 288px;
    height: 460px;
    background: var(--section01__modal--preorder_notice--mobile) no-repeat center center / cover;
  }
  #msg-modal__container #preorder_notice .msg-modal__btn--close {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 30px;
    margin-top: 173px;
    margin-left: -65px;
  }
  #msg-modal__container #privacy_terms .content {
    width: 288px;
    height: 365px;
    background: var(--section01__modal--privacy_terms--mobile) no-repeat center center / cover;
  }
  #msg-modal__container #privacy_terms .msg-modal__btn--close {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 30px;
    margin-top: 128px;
    margin-left: -65px;
  }
  #msg-modal__container #preorder_complete .content {
    position: relative;
    width: 288px;
    height: 220px;
    background: var(--section01__modal--preorder_complete--mobile) no-repeat center / cover;
  }
  #msg-modal__container #preorder_complete .msg-modal__btn--close {
    position: absolute;
    top: 180px;
    left: 0px;
    width: 288px;
    height: 40px;
  }
  #msg-modal__container #blessedDKVipPackage_composition .content {
    width: 366px;
    height: 567px;
    background: var(--section12__modal--blessedDKVipPackage_composition--mobile) no-repeat center / cover;
  }
  #msg-modal__container #blessedDKVipPackage_composition .msg-modal__btn--close {
    position: absolute;
    top: 13px;
    right: 22px;
    width: 24px;
    height: 24px;
  }
  #msg-modal__container #DKVipPackage_composition .content {
    width: 356px;
    height: 277px;
    background: var(--section12__modal--DKVipPackage_composition--mobile) no-repeat center / cover;
  }
  #msg-modal__container #DKVipPackage_composition .msg-modal__btn--close {
    position: absolute;
    top: 19px;
    right: 21px;
    width: 24px;
    height: 24px;
  }
  #msg-modal__container #dkAmenityPackage_composition .content {
    width: 356px;
    height: 353px;
    background: var(--section12__modal--dkAmenityPackage_composition--mobile) no-repeat center / cover;
  }
  #msg-modal__container #dkAmenityPackage_composition .msg-modal__btn--close {
    position: absolute;
    top: 19px;
    right: 21px;
    width: 24px;
    height: 24px;
  }
  #msg-modal__container #boostingPackage_composition .content {
    width: 357px;
    height: 299px;
    background: var(--section12__modal--boostingPackage_composition--mobile) no-repeat center / cover;
  }
  #msg-modal__container #boostingPackage_composition .msg-modal__btn--close {
    position: absolute;
    top: 19px;
    right: 21px;
    width: 24px;
    height: 24px;
  }
  #msg-modal__container #transformationEnhancementEvent .content {
    width: 366px;
    height: 410px;
    background: var(--section17__modal--transformationEnhancementEvent--mobile) no-repeat center / cover;
  }
  #msg-modal__container #transformationEnhancementEvent .msg-modal__btn--close {
    position: absolute;
    top: 14px;
    right: 22px;
    width: 24px;
    height: 24px;
  }
  #msg-popup__container {
    position: fixed;
    top: -500vh;
    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;
    inset: 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: 280px;
    height: 148px;
    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: -74px;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
  }
  #msg-popup__container .msg-popup__content .close {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    margin-left: -40px;
    margin-top: 0px;
    height: 30px;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    background: #272727;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
  }
  #msg-popup__container .msg-popup__content .confirm {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 30px;
    margin-left: -90px;
    margin-top: 0px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    background: #333;
    color: #fff;
    cursor: pointer;
  }
  #msg-popup__container .msg-popup__content .cancel {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 10px;
    margin-top: 0px;
    width: 80px;
    height: 30px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    background: #333;
    color: #fff;
    cursor: pointer;
  }
}