html,
        body {
            width: 100%, height:100%;
            background: #000
        }

        html,
        body {
            position: relative;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
            border: 0
        }

        .tab-pane {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            height: calc((var(--vh, 1vh)*100) - 60px);
            z-index: 100
        }

        .fp-frame {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

      #layer {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.6); z-index: 150; opacity: 0; visibility: hidden; transition: opacity 0.35s;}
      #layer.active {opacity: 1; visibility: visible;}

        .swiper-container {
            width: 100%;
            height: 100%;
            z-index: 107;
            background: #000;
            position: fixed;
            overflow: hidden
        }

        .swiper-slide {
            background-position: center;
            background-size: cover
        }

        .quick_menu_boxa {
            float: left;
            width: 20%;
            height: auto;
            overflow: hidden;
            height: 60px;
            line-height: 60px;
            font-size: 13px;
            border-right: 1px solid #5f5f5f;
            padding-top: 17px;
            cursor: pointer;
            -ms-user-select: none;
            -moz-user-select: -moz-none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            user-select: none
        }

        .quick_menu_boxc_off {
            float: left;
            width: 20%;
            height: auto;
            overflow: hidden;
            height: 60px;
            line-height: 55px;
            font-size: 13px;
            border-right: 1px solid #5f5f5f;
            padding-top: 17px;
            cursor: pointer;
            -ms-user-select: none;
            -moz-user-select: -moz-none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            user-select: none;
            background: #000;
            color: #fff
        }

        * {
            box-sizing: border-box;
            list-style: none
        }

        ::-webkit-scrollbar {
            width: 4px
        }

        ::-webkit-scrollbar-thumb {
            background-color: rgba(106, 69, 149, 1)
        }

        ::-webkit-scrollbar-track {
            background-color: rgba(106, 69, 149, 0.2)
        }

        .close_modal {
            background-color: transparent;
            border: 0;
            outline: 0;
            cursor: pointer
        }

        #layer {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: rgba(0, 0, 0, 0.6);
            z-index: 150;
            opacity: 0;
            visibility: hidden;
            transition: opacity .35s
        }

        #layer.active {
            opacity: 1;
            visibility: visible
        }

        .main-logo {
            position: absolute;
            top: 6vw;
            left: 50%;
            transform: translateX(-50%);
            z-index: 100;
            width: 48vw
        }

        .main-logo img {
            width: 100%
        }

        .main-logo .view-pc {
            display: block
        }

        .main-logo .view-mobile {
            display: none
        }

        #sidebar .menu_bar {
            display: none;
            position: absolute;
            top: 50%;
            left: 100%;
            transform: translateY(-50%);
            cursor: pointer;
            width: 2.66vh
        }

        #sidebar {
            position: fixed;
            top: 0;
            left: 0;
            width: 21.29vh;
            max-width: 320px;
            height: 100vh;
            z-index: 110
        }

        #sidebar .top {
            position: relative;
            width: 100%;
            height: 23%;
            background: url("/assets/images/top_area.svg") center center no-repeat;
            background-size: cover
        }

        #sidebar .top .top_buttons {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            flex-direction: column;
            gap: .55vh;
            width: 100%
        }

        #sidebar .top .top_buttons .about {
            cursor: pointer
        }

        #sidebar .top .top_buttons .space {
            cursor: pointer
        }

        #sidebar .mid {
            width: 100%;
            height: 54%;
            border: 1px solid transparent;
            border-width: 1px 0 1px 0
        }

        #sidebar .menu-list {
            display: flex;
            flex-direction: column;
            height: 100%
        }

        #sidebar .menu-list .menu {
            width: 100%;
            height: 20%;
            background-color: rgba(106, 69, 149, 0.4);
            transition: background-color 0s;
            transition-duration: .4s
        }

        #sidebar .menu-list .menu:hover {
            background-color: rgba(106, 69, 149, 1);
            transition-duration: .5s
        }

        #sidebar .menu-list .menu:not(:last-child) {
            margin-bottom: 1px
        }

        #sidebar .menu-list .menu .menu-head {
            position: relative;
            height: 100%;
            cursor: pointer;
            transition: height .35s linear
        }

        #sidebar .menu-list .menu .menu-head .menu-tit {
            position: absolute;
            top: 1.11vh;
            left: .45vh
        }

        #sidebar .menu-list .menu .menu-head .menu-tit img {
            width: 13vh
        }

        #sidebar .menu-list .menu .menu-head .menu-floor {
            position: absolute;
            bottom: 1.11vh;
            right: 1.11vh
        }

        #sidebar .menu-list .menu .menu-head .menu-floor img {
            width: 3vh
        }

        #sidebar .menu-list .menu .menu-body {
            height: 0;
            opacity: 0;
            visibility: hidden;
            transition: height .35s linear, opacity .35s
        }

        #sidebar .menu-list .menu .menu-body ul {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: .1vh;
            text-align: right;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: .74vh 1.85vh 0
        }

        #sidebar .menu-list .menu .menu-body ul li {
            display: inline-block;
            width: 100%
        }

        #sidebar .menu-list .menu .menu-body ul li:not(:last-child) {
            padding-bottom: .42vh
        }

        #sidebar .menu-list .menu .menu-body ul li a {
            display: inline-block;
            width: 100%
        }

        #sidebar .menu-list .menu.opened {
            height: 40%
        }

        #sidebar .menu-list .menu.opened:not(.opened) {
            height: 15%
        }

        #sidebar .menu-list .menu.opened .menu-head {
            height: 43%;
            background-color: rgba(106, 69, 149, 1)
        }

        #sidebar .menu-list .menu.opened .menu-body {
            height: 57%;
            opacity: 1;
            visibility: visible;
            background-color: rgba(0, 0, 0, 0.8)
        }

        #sidebar .bot {
            width: 100%;
            height: 23%
        }

        #sidebar .bot .bot_buttons {
            height: 100%
        }

        #sidebar .bot .bot_buttons .location {
            height: 36%;
            cursor: pointer;
            padding: 0 1.85vh;
            background-color: #4a3068;
            margin-bottom: 1px
        }

        #sidebar .bot .bot_buttons .location:hover {
            background-color: #6a4595
        }

        #sidebar .bot .bot_buttons .notice {
            height: 64%;
            cursor: pointer;
            padding: 0 1.85vh;
            background: url("/assets/images/bottom_area_off.svg") center center no-repeat;
            background-size: cover
        }

        #sidebar .bot .bot_buttons .notice:hover {
            background: url("/assets/images/bottom_area_on.svg") center center no-repeat;
            background-size: cover
        }

        .inner_iframe {
            display: none;
            width: 100%;
            height: 100%;
            z-index: 111
        }

        .iframe_tour {
            width: 100%;
            height: 100%
        }

        .on_hover .img_close {
            display: block
        }

        .on_hover .img_open {
            display: none
        }

        .on_hover:hover .img_close {
            display: none
        }

        .on_hover:hover .img_open {
            display: block
        }

        .opened .img_close {
            display: none
        }

        .opened .img_open {
            display: block
        }

        .modal {
            display: none;
            min-width: 280px
        }

        .modal.active {
            display: block
        }

        #modal_about {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 370px;
            max-height: 80vh;
            z-index: 200
        }

        #modal_about .about_top {
            position: absolute;
            top: 36px;
            right: 12px;
            display: flex;
            align-items: center;
            z-index: 1
        }

        #modal_about .about_top .close_modal img {
            width: 24px
        }

        */#modal_about .modal_inner {
            width: 100%
        }

        #modal_about .modal_inner img {
            width: 100%
        }

        #main_home {
            position: absolute;
            left: 30px;
            top: 30px;
            width: 60px;
            z-index: 160;
            display: none;
            transition-duration: 300ms
        }

        #main_home:hover {
            width: 70px;
            transition-duration: 300ms
        }

        #modal_space {
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 370px;
            height: 516px;
            max-height: 80vh;
            z-index: 200
        }

        #modal_space .space_top {
            position: absolute;
            top: 36px;
            right: 12px;
            display: flex;
            align-items: center;
            z-index: 1
        }

        #modal_space .space_top .close_modal img {
            width: 24px
        }

        #modal_space .space_bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        #modal_space .space_bg img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain
        }

        #modal_space .modal_inner {
            position: relative;
            width: 100%;
            height: 100%;
            padding: 165px 35px 20px 35px
        }

        #modal_space .modal_inner .space-content {
            width: 100%;
            height: 100%;
            padding-right: 1.2vw;
            overflow-y: scroll
        }

        #modal_space .modal_inner .space-content img {
            width: 100%
        }

        #modal_location {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 370px;
            max-height: 80vh;
            z-index: 200
        }

        #modal_location .notice_top {
            position: absolute;
            top: 48px;
            right: 12px;
            display: flex;
            align-items: center
        }

        #modal_location .notice_top .close_modal img {
            width: 24px
        }

        #modal_location .modal_inner {
            width: 100%
        }

        #modal_location .modal_inner img {
            width: 100%
        }

        #modal_notice {
            position: fixed;
            left: 50%;
            bottom: 4.16vw;
            transform: translateX(-50%);
            width: 37.45vw;
            height: 26.7vw;
            z-index: 200
        }

        #modal_notice .notice_bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        #modal_notice .notice_bg img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        #modal_notice .modal_inner {
            position: relative;
            width: 100%;
            height: 100%;
            padding: 3.2vw 1.36vw 1vw 2.8vw
        }

        #modal_notice .modal_inner .notice_top {
            position: absolute;
            top: 2.3vw;
            right: .6vw;
            display: flex;
            align-items: center;
            z-index: 10
        }

        #modal_notice .modal_inner .notice_top .close_modal img {
            width: 1.45vh
        }

        #modal_notice .modal_inner .notice-list {
            position: relative;
            display: flex;
            flex-direction: column;
            height: 100%;
            padding-top: 1.85vh
        }

        #modal_notice .modal_inner .notice-list .notice_head {
            position: absolute;
            top: -1vw;
            right: 1.35vw
        }

        #modal_notice .modal_inner .notice-list .notice_head .notice_tit {
            font-size: .83vw;
            color: #6a4595;
            font-weight: 800;
            margin-right: .38vw
        }

        #modal_notice .modal_inner .notice-list .notice_head .notice_cnt {
            font-size: .62vw;
            color: #6a4595;
            font-weight: 400
        }

        #modal_notice .modal_inner .notice-list .table {
            position: relative;
            height: 100%;
            max-height: calc(100% - 2.4vw);
            overflow-y: scroll;
            padding-right: 1vw
        }

        #modal_notice .modal_inner .notice-list table {
            width: 100%;
            height: auto;
            border: solid #6a4595;
            border-width: 1px 0 0 0;
            border-collapse: collapse
        }

        #modal_notice .modal_inner .notice-list table tbody {
            border-top: 1px solid #6a4595
        }

        #modal_notice .modal_inner .notice-list table th {
            color: #6a4595;
            font-weight: 700;
            text-align: left;
            padding: .8vw 0 .2vw
        }

        #modal_notice .modal_inner .notice-list table td {
            padding: .4vw 0;
            vertical-align: baseline;
            cursor: pointer
        }

        #modal_notice .modal_inner .notice-list table td:first-child {
            color: #6a4595;
            font-weight: 700
        }

        #modal_notice .modal_inner .notice-list table td:last-child {
            color: #6a4595;
            font-weight: 700
        }

        #modal_notice .modal_inner .notice-list table th,
        #modal_notice .modal_inner .notice-list table td {
            font-size: .92vw
        }

        #modal_notice .modal_inner .notice-list table tr td .content {
            display: none
        }

        #modal_notice .modal_inner .notice-list table tr.active td .content {
            display: block;
            margin-top: 4px;
            white-space: pre-line;
            border-top: 1px solid gray
        }

        #modal_notice .modal_inner .notice-list .pagination {
            position: absolute;
            bottom: 0;
            width: calc(100% - 1vw);
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 1.25vw;
            flex-shrink: 0;
            padding: .72vw 0;
            border-top: 1px solid #6a4595;
            margin-right: 1vw
        }

        #modal_notice .modal_inner .notice-list .pagination .arrow {
            display: inline-block;
            width: .62vw;
            height: .62vw;
            border-right: 2px solid #6a4595;
            border-bottom: 2px solid #6a4595
        }

        #modal_notice .modal_inner .notice-list .pagination .arrow.arrow_left {
            transform: rotate(135deg)
        }

        #modal_notice .modal_inner .notice-list .pagination .arrow.arrow_right {
            transform: rotate(315deg)
        }

        #modal_notice .modal_inner .notice-list .pagination .pages {
            order: 0;
            display: flex;
            align-items: center
        }

        #modal_notice .modal_inner .notice-list .pagination .pages>a {
            position: relative;
            display: inline-block;
            color: #6a4595;
            font-size: .62vw;
            font-weight: 400;
            opacity: .6;
            text-decoration: none
        }

        #modal_notice .modal_inner .notice-list .pagination .pages>a.active {
            font-weight: 700;
            opacity: 1
        }

        #modal_notice .modal_inner .notice-list .pagination .pages>a:not(:last-child) {
            margin-right: .45vw;
            padding-right: .45vw
        }

        #modal_notice .modal_inner .notice-list .pagination .pages>a:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            width: 1px;
            height: 60%;
            background-color: gray
        }

        @media all and (max-width:768px) {
            .main-logo {
                top: 50%;
                left: unset;
                right: 4vw;
                transform: translateY(-50%);
                width: 11vw
            }

            .main-logo .view-pc {
                display: none
            }

            .main-logo .view-mobile {
                display: block;
                transform: translate(160%);
                transition: transform .35s
            }

            .main-logo .view-mobile.active {
                transform: translate(0)
            }

            #sidebar {
                transform: translate(-100%);
                transition: transform .35s;
                height: calc(var(--vh, 1vh)*100)
            }

            #sidebar .menu-list .menu .menu-body ul li {
                display: inline-block;
                width: 85%
            }

            #sidebar.active {
                transform: translate(0)
            }

            #sidebar .menu_bar {
                display: block
            }

            #sidebar .menu-list .menu {
                background-color: rgba(63, 43, 98, 0.85)
            }

            #modal_about {
                width: 36.45vh
            }

            #modal_space {
                width: 36.45vh;
                height: 52.5vh
            }

            #modal_space .modal_inner {
                padding: 17vh 4vh 4vh 8.5vw
            }

            #modal_space .space_top {
                top: 44px
            }

            #modal_location {
                width: 36.45vh;
                max-height: unset
            }

            #modal_notice {
                width: 100%;
                height: 35vw
            }

            #modal_notice .modal_inner .notice_top {
                top: 5.8vw
            }

            #modal_notice .modal_inner .notice-list {
                padding-top: 7vw
            }

            #modal_notice .modal_inner .notice-list .notice_head {
                top: 1.48vw;
                right: 3.5vw
            }

            #modal_notice .modal_inner {
                padding: 4vw 3.2vw 1vw 7.8vw
            }

            #modal_notice .modal_inner .notice-list .pagination {
                gap: 2.5vw;
                padding: 1.75vw 0;
                background-color: white
            }

            #modal_notice .modal_inner .notice-list .pagination .pages>a {
                font-size: 1vw
            }

            #modal_notice .modal_inner .notice-list .pagination .pages>a:not(:last-child) {
                margin-right: 1vw;
                padding-right: 1vw
            }

            #modal_notice .modal_inner .notice-list .pagination .arrow {
                width: 1.25vw;
                height: 1.25vw
            }

            #modal_notice .modal_inner .notice-list .table {
                padding-right: 1.5vw
            }

            #modal_notice .modal_inner .notice-list table th {
                padding: 1.2vw 0 .75vw
            }

            #modal_notice .modal_inner .notice-list table td {
                padding: .85vw 0;
                font-size: 2vw
            }

            #modal_notice .modal_inner .notice-list table th,
            #modal_notice .modal_inner .notice-list table td {
                font-size: 2vw
            }
        }

        .btn_1f-1 {
            height: 200px
        }

        #modal_floor_1 {
            display: block;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 85vw;
            opacity: 0;
            visibility: hidden;
            z-index: -200
        }

        #modal_floor_1.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_1 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_1 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_1 .modal_inner .modal_top {
            position: absolute;
            top: 2.5vw;
            right: .5vw;
            z-index: 3
        }

        #modal_floor_1 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_1 .modal_inner .modal_top .close_modal img {
            width: 1.4vw;
            height: 1.4vw
        }

        #modal_floor_1 .modal_inner .modal_content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 3.6vw .8vw 4.2vw;
            z-index: 1
        }

        #modal_floor_1 .modal_inner .modal_content .slider_header {
            position: absolute;
            top: 3.3vw;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 2.6vw;
            width: 100%
        }

        #modal_floor_1 .modal_inner .modal_content .slider_header .swiper-pagination-bullet .slide_btn {
            cursor: pointer
        }

        #modal_floor_1 .modal_inner .modal_content .slider_header .swiper-pagination-bullet .slide_btn img {
            height: .85vw
        }

        #modal_floor_1 .modal_inner .modal_content .slider_header .swiper-pagination-bullet .slide_btn img.default {
            display: block
        }

        #modal_floor_1 .modal_inner .modal_content .slider_header .swiper-pagination-bullet .slide_btn img.active {
            display: none
        }

        #modal_floor_1 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active .slide_btn img.default {
            display: none
        }

        #modal_floor_1 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active .slide_btn img.active {
            display: block
        }

        #modal_floor_1 .modal_inner .modal_content .slider_container {
            position: relative;
            overflow: hidden;
            background: unset;
            margin-top: 2.1vw
        }

        #modal_floor_1 .modal_inner .modal_content .slider_container .item-list .item .video {
            width: 100%;
            height: 12.4vw
        }

        #modal_floor_1 .modal_inner .modal_content .slider_container .item-list .item .video .video-player {
            width: 100%;
            height: 100%
        }

        #modal_floor_1 .modal_inner .modal_content .slider_container .item-list .item .video iframe {
            width: 100%;
            height: 100%
        }

        #modal_floor_1 .modal_inner .modal_content .slider_container .item-list .item .img {
            display: none;
            width: 100%;
            height: 12.4vw
        }

        #modal_floor_1 .modal_inner .modal_content .slider_container .item-list .item .img>img {
            width: 100%
        }

        #modal_floor_1 .modal_inner .modal_content .slider_container .item-list .item .txt {
            margin-top: 2.8vw;
            text-align: center
        }

        #modal_floor_1 .modal_inner .modal_content .slider_container .item-list .item .txt>img {
            height: 2.35vw
        }

        #modal_floor_1 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_1 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_1 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_1 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_1 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_1 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_1_5 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_1_5.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_1_5 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_1_5 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_1_5 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_1_5 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_1_5 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_1_5 .modal_inner .modal_bottom {
            position: absolute;
            transform: translate(-50%, -50%);
            left: 50%;
            width: 50%;
            bottom: 7.5%
        }

        #modal_floor_1_5 .modal_inner .modal_bottom .download_modal {
            border: 0;
            background-color: #fff0;
            width: 100%;
            cursor: pointer
        }

        #modal_floor_1_5 .modal_inner .modal_bottom .download_modal img {
            width: 100%
        }

        #modal_floor_1_5 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_1_5 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_1_5 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_1_5 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_1_5 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_1_5 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_subway_2 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_subway_2.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_subway_2 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_subway_2 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_subway_2 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_subway_2 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_subway_2 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_subway_2 .modal_inner .video {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%
        }

        #modal_floor_subway_2 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_subway_2 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_subway_2 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_subway_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_subway_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_subway_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_color_2 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_color_2.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_color_2 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_color_2 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_color_2 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_color_2 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_color_2 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_color_2 .modal_inner .video {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%
        }

        #modal_floor_color_2 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_color_2 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_color_2 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_color_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_color_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_color_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_mystage_2 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_mystage_2.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_mystage_2 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_mystage_2 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_mystage_2 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_mystage_2 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_mystage_2 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_mystage_2 .modal_inner .video {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 53%;
            left: 50%
        }

        #modal_floor_mystage_2 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_mystage_2 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_mystage_2 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_mystage_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_mystage_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_mystage_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_coin_2 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_coin_2.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_coin_2 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_coin_2 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_coin_2 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_coin_2 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_coin_2 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_coin_2 .modal_inner .video {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%
        }

        #modal_floor_coin_2 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_coin_2 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_coin_2 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_coin_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_coin_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_coin_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_space_2 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_space_2.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_space_2 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_space_2 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_space_2 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_space_2 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_space_2 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_space_2 .modal_inner .video {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%
        }

        #modal_floor_space_2 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_space_2 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_space_2 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_space_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_space_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_space_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_kpop_2 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_kpop_2.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_kpop_2 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_kpop_2 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_kpop_2 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_kpop_2 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_kpop_2 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_kpop_2 .modal_inner .video {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%
        }

        #modal_floor_kpop_2 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_kpop_2 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_kpop_2 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_kpop_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_kpop_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_kpop_2 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_3 {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 420px;
            z-index: 200
        }

        #modal_floor_3 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_3 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_3 .modal_inner .modal_top {
            position: absolute;
            top: 32px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_3 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_3 .modal_inner .modal_top .close_modal img {
            width: 20px;
            height: 20px
        }

        #modal_floor_3 .modal_inner .modal_content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 40px 40px 80px;
            z-index: 1
        }

        #modal_floor_3 .modal_inner .modal_content .slider_container {
            position: relative;
            overflow: hidden;
            background: unset;
            padding-top: 32px
        }

        #modal_floor_3 .modal_inner .modal_content .slider_container .wall {
            position: absolute;
            top: 70px;
            width: 100%
        }

        #modal_floor_3 .modal_inner .modal_content .slider_container .item-list .item .txt {
            text-align: center
        }

        #modal_floor_3 .modal_inner .modal_content .slider_container .item-list .item .txt>img {
            height: 12px
        }

        #modal_floor_3 .modal_inner .modal_content .slider_container .item-list .item .img {
            width: 100%;
            height: 346px;
            padding: 0 24px;
            margin-top: 70px
        }

        #modal_floor_3 .modal_inner .modal_content .slider_container .item-list .item .img>img {
            width: 100%
        }

        #modal_floor_3 .modal_inner .modal_content .slider_container .item-list .item .video {
            width: 100%;
            height: 341.69px;
            padding: 0 56px;
            margin-top: 84px
        }		
        #modal_floor_3 .modal_inner .modal_content .slider_container .item-list .item .video.wid_74 {
            width: 100%;
            height: 341.69px;
            padding: 0 74px;
            margin-top: 84px
        }

        #modal_floor_3 .modal_inner .modal_content .slider_container .item-list .item .video .video-player {
            width: 100%;
            height: 100%
        }

        #modal_floor_3 .modal_inner .modal_content .slider_container .item-list .item .video iframe {
            width: 100%;
            height: 100%
        }

        #modal_floor_3 .swiper-pagination {
            bottom: 0;
            z-index: 10
        }

        #modal_floor_3 .swiper-pagination-bullet {
            width: 6px;
            height: 6px;
            margin: 0 15px;
            background: #6a4595
        }

        #modal_floor_3 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_3 .swiper-button-next,
        #modal_floor_3 .swiper-button-prev {
            top: 28px;
            width: 20px;
            height: 20px;
            margin-top: 0
        }

        #modal_floor_3 .swiper-button-next {
            background: url("/assets/images/arrow-next.svg") center center no-repeat;
            background-size: cover;
            right: 0
        }

        #modal_floor_3 .swiper-button-prev {
            background: url("/assets/images/arrow-prev.svg") center center no-repeat;
            background-size: cover;
            left: 0
        }

        #modal_floor_3 .swiper-button-next::after,
        #modal_floor_3 .swiper-button-prev::after {
            display: none
        }

        @media all and (max-width:768px) {
            #modal_floor_3 {
                width: 320px
            }

            #modal_floor_3 .modal_inner .modal_top {
                top: 24px;
                right: 2px
            }

            #modal_floor_3 .modal_inner .modal_top .close_modal img {
                width: 16px;
                height: 16px
            }

            #modal_floor_3 .modal_inner .modal_content {
                padding: 36px 28px 60px
            }

            #modal_floor_3 .modal_inner .modal_content .slider_container {
                padding-top: 24px
            }

            #modal_floor_3 .modal_inner .modal_content .slider_container .wall {
                top: 48px
            }

            #modal_floor_3 .modal_inner .modal_content .slider_container .item-list .item .img {
                height: 264px;
                padding: 0 26px;
                margin-top: 48px
            }

            #modal_floor_3 .modal_inner .modal_content .slider_container .item-list .item .txt>img {
                height: 8px
            }

            #modal_floor_3 .swiper-button-next,
            #modal_floor_3 .swiper-button-prev {
                top: 20px;
                width: 16px;
                height: 16px
            }

            #modal_floor_3 .swiper-pagination-bullet {
                width: 4px;
                height: 4px;
                margin: 0 10px
            }

            #modal_floor_3 .modal_inner .modal_content .slider_container .item-list .item .video {
                width: 100%;
                height: 230px;
                padding: 0 56px;
                margin-top: 70px
            }
        }

        .mask1 {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: transparent;
            z-index: 150;
            opacity: 0;
            visibility: hidden;
            transition: opacity .35s
        }

        .mask1.active {
            opacity: 1;
            visibility: visible
        }

        #modal_floor_busan_4 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_busan_4.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_busan_4 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_busan_4 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_busan_4 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_busan_4 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_busan_4 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_busan_4 .modal_inner .video {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            width: 86%
        }

        #modal_floor_busan_4 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_busan_4 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_busan_4 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_busan_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_busan_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_busan_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_andong_4 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_andong_4.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_andong_4 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_andong_4 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_andong_4 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_andong_4 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_andong_4 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_andong_4 .modal_inner .video {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            width: 86%
        }

        #modal_floor_andong_4 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_andong_4 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_andong_4 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_andong_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_andong_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_andong_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_jeonju_4 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_jeonju_4.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_jeonju_4 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_jeonju_4 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_jeonju_4 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_jeonju_4 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_jeonju_4 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_jeonju_4 .modal_inner .video {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            width: 86%
        }

        #modal_floor_jeonju_4 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_jeonju_4 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_jeonju_4 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_jeonju_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_jeonju_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_jeonju_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_gangneung_4 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_gangneung_4.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_gangneung_4 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_gangneung_4 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_gangneung_4 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_gangneung_4 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_gangneung_4 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_gangneung_4 .modal_inner .video {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            width: 86%
        }

        #modal_floor_gangneung_4 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_gangneung_4 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_gangneung_4 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_gangneung_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_gangneung_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_gangneung_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_mokpo_4 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_mokpo_4.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_mokpo_4 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_mokpo_4 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_mokpo_4 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_mokpo_4 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_mokpo_4 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_mokpo_4 .modal_inner .video {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            width: 86%
        }

        #modal_floor_mokpo_4 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_mokpo_4 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_mokpo_4 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_mokpo_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_mokpo_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_mokpo_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_cube_4 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_cube_4.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_cube_4 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_cube_4 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_cube_4 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_cube_4 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_cube_4 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_cube_4 .modal_inner .video {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%
        }

        #modal_floor_cube_4 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_cube_4 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_cube_4 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_cube_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_cube_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_cube_4 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_challenge_5 {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 420px
        }

        #modal_floor_challenge_5.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_challenge_5 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_challenge_5 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_challenge_5 .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_challenge_5 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_challenge_5 .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #modal_floor_challenge_5 .modal_inner .video {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            width: 86%
        }

        #modal_floor_challenge_5 .swiper-pagination {
            bottom: 8vw;
            z-index: 10
        }

        #modal_floor_challenge_5 .swiper-pagination-bullet {
            width: .35vw;
            height: .35vw;
            margin: 0 .6vw;
            background: #6a4595
        }

        #modal_floor_challenge_5 .swiper-pagination-bullet-active {
            background: #6a4595
        }

        #modal_floor_challenge_5 .modal_inner .modal_content .slider_header .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_challenge_5 .modal_inner .modal_content .slider_header .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -1.3vw;
            transform: translateY(-50%);
            width: .12vw;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_challenge_5 .modal_inner .modal_content .slider_header .swiper-pagination-bullet-active {
            background: unset
        }

        #mask {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fff0;
            z-index: 190;
            display: none
        }

        #modal_kos_3f {
            display: block;
            opacity: 0;
            visibility: hidden;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 420px;
            z-index: 200
        }

        #modal_kos_3f.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_kos_3f .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_kos_3f .modal_inner .bg>img {
            width: 100%
        }

        #modal_kos_3f .modal_inner .modal_top {
            position: absolute;
            top: 32px;
            right: 5px;
            z-index: 3
        }

        #modal_kos_3f .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_kos_3f .modal_inner .modal_top .close_modal img {
            width: 20px;
            height: 20px
        }

        #modal_kos_3f .modal_inner .modal_content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 110px 24px 140px;
            z-index: 1
        }

        #modal_kos_3f .modal_inner .modal_content .slider_container {
            position: relative;
            overflow: hidden;
            background: unset;
            padding-top: 0
        }

        #modal_kos_3f .modal_inner .modal_content .slider_container .item-list .item .video {
            width: 100%;
            height: 210px;
            overflow: hidden
        }

        #modal_kos_3f .modal_inner .modal_content .slider_container .item-list .item .video .video-player {
            width: 100%;
            height: 100%
        }

        #modal_kos_3f .modal_inner .modal_content .slider_container .item-list .item .video iframe {
            width: 100%;
            height: 100%
        }

        #modal_kos_3f .modal_inner .modal_content .slider_header_kos {
            position: absolute;
            bottom: 140px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 18px;
            width: 100%;
            z-index: 5
        }

        #modal_kos_3f .modal_inner .modal_content .slider_header_kos .swiper-pagination-bullet .slide_btn {
            cursor: pointer
        }

        #modal_kos_3f .modal_inner .modal_content .slider_header_kos .swiper-pagination-bullet .slide_btn img {
            height: 10px
        }

        #modal_kos_3f .modal_inner .modal_content .slider_header_kos .swiper-pagination-bullet .slide_btn img.default {
            display: block
        }

        #modal_kos_3f .modal_inner .modal_content .slider_header_kos .swiper-pagination-bullet .slide_btn img.active {
            display: none
        }

        #modal_kos_3f .modal_inner .modal_content .slider_header_kos .swiper-pagination-bullet-active .slide_btn img.default {
            display: none
        }

        #modal_kos_3f .modal_inner .modal_content .slider_header_kos .swiper-pagination-bullet-active .slide_btn img.active {
            display: block
        }

        #modal_kos_3f .modal_inner .modal_content .slider_header_kos .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_kos_3f .modal_inner .modal_content .slider_header_kos .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -9px;
            transform: translateY(-50%);
            width: 1px;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_kos_3f .modal_inner .modal_content .slider_header_kos .swiper-pagination-bullet-active {
            background: unset
        }

        #cafe_5f {
            display: block;
            opacity: 0;
            visibility: hidden;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 420px;
            z-index: 200
        }

        #cafe_5f.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #cafe_5f .modal_inner {
            position: relative;
            width: 100%
        }

        #cafe_5f .modal_inner .bg>img {
            width: 100%
        }

        #cafe_5f .modal_inner .modal_top {
            position: absolute;
            top: 32px;
            right: 5px;
            z-index: 3
        }

        #cafe_5f .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #cafe_5f .modal_inner .modal_top .close_modal img {
            width: 20px;
            height: 20px
        }

        #cafe_5f .modal_inner .modal_content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 110px 24px 80px;
            z-index: 1
        }

        #cafe_5f .modal_inner .modal_content .slider_container {
            position: relative;
            overflow: hidden;
            background: unset;
            padding-top: 0
        }

        #cafe_5f .modal_inner .modal_content .slider_container .item-list .item .video {
            width: 100%;
            height: 210px;
            overflow: hidden
        }

        #cafe_5f .modal_inner .modal_content .slider_container .item-list .item .video .video-player {
            width: 100%;
            height: 100%
        }

        #cafe_5f .modal_inner .modal_content .slider_container .item-list .item .video iframe {
            width: 100%;
            height: 100%
        }

        #cafe_5f .modal_inner .modal_content .slider_header_kos1 {
            position: absolute;
            bottom: 140px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 18px;
            width: 100%;
            z-index: 5
        }

        #cafe_5f .modal_inner .modal_content .slider_header_kos1 .swiper-pagination-bullet .slide_btn {
            cursor: pointer
        }

        #cafe_5f .modal_inner .modal_content .slider_header_kos1 .swiper-pagination-bullet .slide_btn img {
            height: 10px
        }

        #cafe_5f .modal_inner .modal_content .slider_header_kos1 .swiper-pagination-bullet .slide_btn img.default {
            display: block
        }

        #cafe_5f .modal_inner .modal_content .slider_header_kos1 .swiper-pagination-bullet .slide_btn img.active {
            display: none
        }

        #cafe_5f .modal_inner .modal_content .slider_header_kos1 .swiper-pagination-bullet-active .slide_btn img.default {
            display: none
        }

        #cafe_5f .modal_inner .modal_content .slider_header_kos1 .swiper-pagination-bullet-active .slide_btn img.active {
            display: block
        }

        #cafe_5f .modal_inner .modal_content .slider_header_kos1 .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #cafe_5f .modal_inner .modal_content .slider_header_kos1 .swiper-pagination-bullet-active {
            background: unset
        }

        #cafe_5f .modal_content .swiper-slide-active img {
            position: absolute;
            left: 50%;
            transform: translatex(-50%)
        }

        @media all and (max-width:768px) {
            #modal_kos_3f {
                width: 320px
            }

            #modal_kos_3f .modal_inner .modal_top {
                top: 24px;
                right: 2px
            }

            #modal_kos_3f .modal_inner .modal_top .close_modal img {
                width: 16px;
                height: 16px
            }

            #modal_kos_3f .modal_inner .modal_content {
                padding: 88px 28px 60px
            }

            #modal_kos_3f .modal_inner .modal_content .slider_container .item-list .item .video {
                height: 35vw
            }

            #modal_kos_3f .modal_inner .modal_content .slider_header_kos {
                bottom: 110px
            }

            #cafe_5f {
                width: 320px
            }

            #cafe_5f .modal_inner .modal_top {
                top: 24px;
                right: 2px
            }

            #cafe_5f .modal_inner .modal_top .close_modal img {
                width: 16px;
                height: 16px
            }

            #cafe_5f .modal_inner .modal_content {
                padding: 88px 28px 60px
            }

            #cafe_5f .modal_inner .modal_content .slider_container .item-list .item .video {
                height: 35vw
            }

            #cafe_5f .modal_inner .modal_content .slider_header_kos1 {
                bottom: 110px
            }
        }

        #modal_floor_3_suhho {
            display: block;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 420px;
            opacity: 0;
            visibility: hidden;
            z-index: 200
        }

        #modal_floor_3_suhho.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_3_suhho .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_3_suhho .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_3_suhho .modal_inner .modal_top {
            position: absolute;
            top: 32px;
            right: 5px;
            z-index: 3
        }

        #modal_floor_3_suhho .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_3_suhho .modal_inner .modal_top .close_modal img {
            width: 20px;
            height: 20px
        }

        #modal_floor_3_suhho .modal_inner .modal_content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 30px 20px 0 30px;
            z-index: 1
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_container {
            position: relative;
            overflow: hidden;
            background: unset;
            padding-top: 28px
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .img {
            width: 100%;
            padding-right: 10px;
            margin-top: 36px
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .img>img {
            width: 100%
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .tit {
            padding-right: 10px
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .t1 {
            margin-top: 12px;
            padding-right: 10px
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .t2 {
            margin-top: 12px
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .t2 .desc {
            margin-top: 4px;
            padding: 4px 10px 4px 2px;
            height: 56px;
            overflow-y: scroll
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .t2 .desc::-webkit-scrollbar {
            width: 4px
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .t2 .desc::-webkit-scrollbar-thumb {
            background: rgba(106, 69, 149, 1);
            border-radius: 4px
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .t2 .desc::-webkit-scrollbar-track {
            background: rgba(106, 69, 149, 0.4);
            border-radius: 4px;
            border: .5px solid #fff
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .t3 {
            margin-top: 12px;
            padding-right: 10px
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_header_3f_suhho {
            position: absolute;
            top: 110px;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 90px;
            width: 100%;
            z-index: 5
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_header_3f_suhho .swiper-pagination-bullet .slide_btn {
            cursor: pointer
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_header_3f_suhho .swiper-pagination-bullet .slide_btn img {
            height: 11px
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_header_3f_suhho .swiper-pagination-bullet .slide_btn img.default {
            display: block
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_header_3f_suhho .swiper-pagination-bullet .slide_btn img.active {
            display: none
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_header_3f_suhho .swiper-pagination-bullet-active .slide_btn img.default {
            display: none
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_header_3f_suhho .swiper-pagination-bullet-active .slide_btn img.active {
            display: block
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_header_3f_suhho .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_header_3f_suhho .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -45px;
            transform: translateY(-50%);
            width: 1px;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_3_suhho .modal_inner .modal_content .slider_header_3f_suhho .swiper-pagination-bullet-active {
            background: unset
        }

        #breeze_3f {
            display: none;
            width: 100%;
            max-width: 420px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%)
        }

        #breeze_3f.active {
            display: block;
            z-index: 201
        }

        #breeze_3f .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #breeze_3f .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #breeze_3f .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #breeze_3f .breeze_mv {
            position: fixed;
            left: 50%;
            top: 19.5%;
            transform: translate(-50%);
            width: 80%
        }

        #space_festival_3f {
            display: none;
            width: 100%;
            max-width: 420px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%)
        }

        #space_festival_3f.active {
            display: block;
            z-index: 201
        }

        #space_festival_3f .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #space_festival_3f .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #space_festival_3f .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #space_festival_3f .breeze_mv {
            position: fixed;
            left: 50%;
            top: 19.5%;
            transform: translate(-50%);
            width: 80%
        }

        #space_festival_3f .bg img {
            width: 100%
        }

        .youtube_hikr {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -56%);
            width: 100%;
            max-width: 586px;
            margin: 30px auto;
            border-radius: 30px;
            padding: 30px;
            box-sizing: border-box
        }

        .video-container {
            position: relative;
            width: 100%;
            height: auto;
            padding-top: 56%
        }

        .iframe_i {
            z-index: 21;
            top: 0;
            left: 0;
            position: absolute;
            width: 100%;
            height: 100%
        }

        .video-player.iframe_i {
            z-index: 21;
            top: 0;
            left: 0;
            position: absolute;
            width: 100%;
            height: 100%
        }

        @media all and (max-width:768px) {
            #modal_floor_3_suhho {
                width: 320px
            }

            #modal_floor_3_suhho .modal_inner .modal_top {
                top: 24px;
                right: 2px
            }

            #modal_floor_3_suhho .modal_inner .modal_top .close_modal img {
                width: 16px;
                height: 16px
            }

            #modal_floor_3_suhho .modal_inner .modal_content .slider_header_3f_suhho {
                top: 85px;
                gap: 60px
            }

            #modal_floor_3_suhho .modal_inner .modal_content .slider_header_3f_suhho .swiper-pagination-bullet .slide_btn img {
                height: 8px
            }

            #modal_floor_3_suhho .modal_inner .modal_content .slider_header_3f_suhho .swiper-pagination-bullet:not(:last-child)::after {
                right: -28px
            }

            #modal_floor_3_suhho .modal_inner .modal_content .slider_container {
                padding-top: 12px
            }

            #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .img {
                margin-top: 24px
            }

            #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .txt>img {
                height: 8px
            }

            #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .t1 {
                margin-top: 8px
            }

            #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .t2 {
                margin-top: 8px
            }

            #modal_floor_3_suhho .modal_inner .modal_content .slider_container .item-list .item .t3 {
                margin-top: 8px
            }
        }

        #modal_floor_4 {
            display: block;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 920px;
            max-width: 100%;
            opacity: 0;
            visibility: hidden;
            z-index: -200
        }

        #modal_floor_4.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #modal_floor_4 .modal_inner {
            position: relative;
            width: 100%
        }

        #modal_floor_4 .modal_inner .bg>img {
            width: 100%
        }

        #modal_floor_4 .modal_inner .modal_top {
            position: absolute;
            top: 32px;
            right: 4px;
            z-index: 3
        }

        #modal_floor_4 .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #modal_floor_4 .modal_inner .modal_top .close_modal img {
            width: 20px;
            height: 20px
        }

        #modal_floor_4 .modal_inner .modal_content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 50px 50px 70px;
            z-index: 1
        }

        #modal_floor_4 .modal_inner .modal_content .slider_header_4f {
            position: absolute;
            top: 92px;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            width: 100%;
            z-index: 5;
            padding-left: 235px
        }

        #modal_floor_4 .modal_inner .modal_content .slider_header_4f .swiper-pagination-bullet .slide_btn {
            cursor: pointer
        }

        #modal_floor_4 .modal_inner .modal_content .slider_header_4f .swiper-pagination-bullet .slide_btn img {
            height: 11px
        }

        #modal_floor_4 .modal_inner .modal_content .slider_header_4f .swiper-pagination-bullet .slide_btn img.default {
            display: block
        }

        #modal_floor_4 .modal_inner .modal_content .slider_header_4f .swiper-pagination-bullet .slide_btn img.active {
            display: none
        }

        #modal_floor_4 .modal_inner .modal_content .slider_header_4f .swiper-pagination-bullet-active .slide_btn img.default {
            display: none
        }

        #modal_floor_4 .modal_inner .modal_content .slider_header_4f .swiper-pagination-bullet-active .slide_btn img.active {
            display: block
        }

        #modal_floor_4 .modal_inner .modal_content .slider_header_4f .swiper-pagination-bullet {
            position: relative;
            width: unset;
            height: unset;
            margin: 0;
            background: unset;
            opacity: 1
        }

        #modal_floor_4 .modal_inner .modal_content .slider_header_4f .swiper-pagination-bullet:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -10px;
            transform: translateY(-50%);
            width: 1px;
            height: 100%;
            background: url("/assets/images/1f_modal_wall.svg") center center no-repeat;
            background-size: cover
        }

        #modal_floor_4 .modal_inner .modal_content .slider_header_4f .swiper-pagination-bullet-active {
            background: unset
        }

        #modal_floor_4 .modal_inner .modal_content .slider_container {
            position: relative;
            overflow: hidden;
            background: unset;
            padding-top: 40px
        }

        #modal_floor_4 .modal_inner .modal_content .slider_container .item-list .item {
            position: relative
        }

        #modal_floor_4 .modal_inner .modal_content .slider_container .item-list .item .txt {
            text-align: center
        }

        #modal_floor_4 .modal_inner .modal_content .slider_container .item-list .item .txt>img {
            height: 12px
        }

        #modal_floor_4 .modal_inner .modal_content .slider_container .item-list .item .img {
            width: 100%;
            padding: 0 10px;
            margin-top: 0
        }

        #modal_floor_4 .modal_inner .modal_content .slider_container .item-list .item .img>img {
            width: 100%
        }

        #modal_floor_4 .modal_inner .modal_content .slider_container .item-list .item .video {
            position: absolute;
            top: 22px;
            right: 8px;
            width: 492px;
            height: 200px
        }

        #modal_floor_4 .modal_inner .modal_content .slider_container .item-list .item .video .video-player {
            width: 100%;
            height: 100%
        }

        #modal_floor_4 .modal_inner .modal_content .slider_container .item-list .item .video iframe {
            width: 100%;
            height: 100%
        }

        #guide_movie_3f {
            display: none;
            width: 100%;
            max-width: 420px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 200
        }

        #guide_movie_3f.active {
            display: block;
            z-index: 201
        }

        #guide_movie_3f .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #guide_movie_3f .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #guide_movie_3f .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #guide_movie_3f .breeze_mv {
            position: fixed;
            left: 50%;
            top: 19.5%;
            transform: translate(-50%);
            width: 80%
        }

        #guide_movie_3f .bg img {
            width: 100%
        }

        #challenge_5f {
            display: none;
            width: 100%;
            max-width: 420px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 200
        }

        #challenge_5f.active {
            display: block;
            z-index: 201
        }

        #challenge_5f .modal_inner .modal_top {
            position: absolute;
            top: 30px;
            right: 5px;
            z-index: 3
        }

        #challenge_5f .modal_inner .modal_top .close_modal {
            cursor: pointer
        }

        #challenge_5f .modal_inner .modal_top .close_modal img {
            width: 17px;
            height: 17px
        }

        #challenge_5f .breeze_mv {
            position: fixed;
            left: 50%;
            top: 19.5%;
            transform: translate(-50%);
            width: 80%
        }

        #challenge_5f .bg img {
            width: 100%
        }

        .top_buttons .about .img_close {
            padding: 5.85% 26%;
            width: 100%;
            margin: auto
        }

        .top_buttons .space .img_close {
            padding: 5.85% 26%;
            width: 100%;
            margin: auto
        }

        @media all and (max-width:920px) {
            #modal_floor_4 .modal_inner .modal_top {
                top: 3.2vw;
                right: .4vw
            }

            #modal_floor_4 .modal_inner .modal_top .close_modal img {
                width: 2.4vw;
                height: 2.4vw
            }

            #modal_floor_4 .modal_inner .modal_content {
                padding: 5.3vw 5.3vw 7.5vw
            }

            #modal_floor_4 .modal_inner .modal_content .slider_header_4f {
                top: 10vw;
                padding-left: 20vw;
                gap: 2vw
            }

            #modal_floor_4 .modal_inner .modal_content .slider_header_4f .swiper-pagination-bullet .slide_btn img {
                height: 1vw
            }

            #modal_floor_4 .modal_inner .modal_content .slider_container {
                padding-top: 4.2vw
            }

            #modal_floor_4 .modal_inner .modal_content .slider_container .item-list .item .video {
                top: 2.5vw;
                right: 1.25vw;
                width: 53vw;
                height: 21.5vw
            }
        }

        @media all and (max-width:480px) {
            #modal_floor_4 {
                width: 320px
            }

            #modal_floor_4 .modal_inner .modal_content .slider_header_4f {
                top: 9vw;
                padding-left: 24vw
            }

            #modal_floor_4 .modal_inner .modal_content .slider_container .item-list .item .video {
                top: 8px;
                right: 10px;
                width: 157px;
                height: 64px
            }

            .top_buttons .about .img_close {
                padding: 10px 27%
            }

            .top_buttons .space .img_close {
                padding: 10px 27%
            }

            .modal-zoom .modal_plus {
                display: none
            }

            .modal-zoom .modal_minus {
                display: none
            }
        }

        .modal-zoom {
            position: fixed;
            top: 30px;
            left: 105px
        }

        .modal-zoom.main {
            left: 180px
        }

        .modal-zoom button {
            background-color: transparent;
            border: 0;
            cursor: pointer
        }

        .modal-zoom img {
            width: 60px
        }

        @import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');

        #modal_yudeung {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(1.4);
            width: 550px;
            max-height: 80vh;
            z-index: 200
        }

        #modal_yudeung .modal_top {
            position: absolute;
            top: 36px;
            right: 10px;
            display: flex;
            align-items: center
        }

        #modal_yudeung .modal_top .close_modal img {
            width: 24px
        }

        #modal_yudeung .modal_inner {
            width: 100%
        }

        #modal_yudeung .modal_inner .modal_bg img {
            width: 100%
        }

        #modal_yudeung .modal_inner .modal_content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 50px 40px 0
        }

        #modal_yudeung .modal_inner .modal_content video {
            width: 100%
        }

        #modal_yudeung .modal_inner .modal_content .mc_tit {
            text-align: center
        }

        #modal_yudeung .modal_inner .modal_content .mc_tit img {
            height: 15px
        }

        #modal_yudeung .modal_inner .modal_content .mc_body {
            position: relative;
            text-align: center;
            margin-top: 15px;
            width: 470px;
            height: 223.25px
        }

        #modal_yudeung .modal_inner .modal_content .mc_body video {
            width: 100%
        }

        #modal_yudeung .modal_inner .modal_content .mc_body .your_yudeung {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%)
        }

        #modal_yudeung .modal_inner .modal_content .mc_body .your_yudeung .yudeung_img {
            animation: wave 4s infinite alternate
        }

        #modal_yudeung .modal_inner .modal_content .mc_body .your_yudeung .yudeung_img>img {
            width: 70px
        }

        @keyframes wave {
            0% {
                transform: translate(0, 0)
            }

            100% {
                transform: translate(3px, 8px)
            }
        }

        #modal_yudeung .modal_inner .modal_content .mc_body .your_yudeung .yudeung_bubble {
            display: none;
            position: absolute;
            top: -120px;
            left: 80px
        }

        #modal_yudeung .modal_inner .modal_content .mc_body .your_yudeung.active .yudeung_bubble {
            display: block
        }

        #modal_yudeung .modal_inner .modal_content .mc_body .your_yudeung .yudeung_bubble>img {
            width: 181px;
            height: 150px
        }

        #modal_yudeung .modal_inner .modal_content .mc_body .your_yudeung .yudeung_bubble #yudeung_text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
            font-size: 12px;
            color: #6a4595;
            word-spacing: 0;
            white-space: pre-wrap
        }

        #modal_yudeung .modal_inner .modal_content .mc_footer {
            text-align: center;
            margin-top: 15px
        }

        #modal_yudeung .modal_inner .modal_content .mc_footer .btn-set_yudeung {
            display: block
        }

        #modal_yudeung .modal_inner .modal_content .mc_footer .btn-download_yudeung {
            display: none
        }

        #modal_yudeung .modal_inner .modal_content .mc_footer.active .btn-set_yudeung {
            display: none
        }

        #modal_yudeung .modal_inner .modal_content .mc_footer.active .btn-download_yudeung {
            display: block
        }

        #modal_yudeung .modal_inner .modal_content .mc_footer img {
            height: 26px;
            cursor: pointer
        }

        #modal_yudeung_2 {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 420px;
            max-height: 80vh;
            z-index: 205
        }

        #modal_yudeung_2 .modal_top {
            position: absolute;
            top: 16px;
            right: 10px;
            display: flex;
            align-items: center;
            z-index: 10
        }

        #modal_yudeung_2 .modal_top .close_modal_2 {
            background-color: transparent;
            border: 0;
            cursor: pointer
        }

        #modal_yudeung_2 .modal_top .close_modal_2 img {
            width: 24px
        }

        #modal_yudeung_2 .step-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 30px 40px 0
        }

        #modal_yudeung_2 .step {
            display: none
        }

        #modal_yudeung_2 .step.active {
            display: block
        }

        #modal_yudeung_2 .step-tit {
            text-align: center
        }

        #modal_yudeung_2 .step-tit>img {
            height: 15px
        }

        #modal_yudeung_2 .step-body {
            display: flex;
            flex-wrap: wrap;
            gap: 20px 0
        }

        #modal_yudeung_2 .step-body .checkbox {
            position: relative;
            width: 50%;
            text-align: center
        }

        #modal_yudeung_2 .step-body input {
            position: absolute;
            top: 0;
            left: 0;
            display: none
        }

        #modal_yudeung_2 .step-body label {
            width: 100%;
            text-align: center
        }

        #modal_yudeung_2 .step-body label span {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            width: 16px;
            height: 16px;
            border: 1px solid rgba(106, 69, 149, 1)
        }

        #modal_yudeung_2 .step-body input:checked+label span::after {
            content: '✔';
            font-size: 12px;
            width: 14px;
            height: 14px;
            text-align: center;
            position: absolute;
            left: 0;
            top: 0;
            color: #6a4595
        }

        #modal_yudeung_2 .step-body label img {
            width: 120px
        }

        #modal_yudeung_2 .step-textarea {
            padding: 10px 30px;
            text-align: center
        }

        #modal_yudeung_2 .step-textarea textarea {
            position: absolute;
            top: 146px;
            left: 50%;
            transform: translateX(-50%);
            background: transparent;
            border: 0;
            resize: none;
            outline: 0;
            width: 134px;
            height: 84px;
            line-height: 1.88;
            padding: 0 4px;
            font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
            font-size: 14px;
            color: #6a4595
        }

        #modal_yudeung_2 .step-textarea .yudeung_notice {
            margin-top: 12px;
            height: 10px
        }

        #modal_yudeung_2 .step-btn {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            margin-top: 15px
        }

        #modal_yudeung_2 .step-btn img {
            height: 26px;
            cursor: pointer
        }

        #modal_yudeung_2 .step1 .step-body {
            margin-top: 30px
        }

        .main_pop {
            width: 90%;
            max-width: 450px;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 112;
            transform: translate(-50%, -50%)
        }

        .main_pop .pop_img {
            position: relative;
            width: 100%;
            z-index: 1
        }

        .main_pop .pop_img .imgsec {
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            z-index: 1;
            transform: translate(-50%, -50%)
        }

        .main_pop .pop_img .imgpop01 {
            display: block
        }

        .main_pop .pop_img .imgpop02 {
            display: none
        }

        .main_pop .pop_txt {
            background-color: ;
            z-index: 2;
            position: absolute;
            left: 50%;
            transform: translate(-50%, 569%);
            width: 39%;
            cursor: pointer
        }

        .main_pop .close_btn_pop {
            z-index: 3;
            position: absolute;
            right: 10%;
            cursor: pointer;
            transform: translate(66%, -609%);
            width: 10%
        }

        #mask_main {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background-color: #fff0;
            z-index: 111
        }

        @media all and (max-width:480px) {
            #modal_yudeung {
                transform: translate(-50%, -50%) scale(0.55)
            }

            #modal_yudeung_2 {
                transform: translate(-50%, -50%) scale(0.55)
            }

            .main_pop .pop_img .imgpop01 {
                display: none
            }

            .main_pop .pop_img .imgpop02 {
                display: block
            }
        }

        #event_1f {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 90%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 600px
        }

        #event_1f.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #event_1f img {
            width: 100%
        }

        #event01_2f {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 90%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 600px
        }

        #event01_2f.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #event01_2f img {
            width: 100%
        }

        #event02_2f {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 90%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 600px
        }

        #event02_2f.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #event02_2f img {
            width: 100%
        }

        #event03_2f {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 90%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 600px
        }

        #event03_2f.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #event03_2f img {
            width: 100%
        }

        #event04_2f {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 90%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 600px
        }

        #event04_2f.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #event04_2f img {
            width: 100%
        }

        #event_3f {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 90%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 600px
        }

        #event_3f.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #event_3f img {
            width: 100%
        }

        #event_4f {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 90%;
            opacity: 0;
            visibility: hidden;
            z-index: -200;
            max-width: 600px
        }

        #event_4f.active {
            opacity: 1;
            visibility: visible;
            z-index: 200
        }

        #event_4f img {
            width: 100%
        }


        #infoModal {
            z-index: 200;
            position: absolute;
            width: 50rem;
            display: none;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        #infoModal img {
            width: 100%
        }

        #infoModal img:nth-child(2) {
            display: none
        }

        @media(max-width:450px) {
            #infoModal img:nth-child(2) {
                width: 20%;
                display: block;
                transform: translate(200%, 0)
            }

            #infoModal img:nth-child(1) {
                width: 50%;
                display: none
            }
        }