.cover {
    display: flex;
    width: 2160px;
    height: 3840px;
    background-color: #000;
    position: fixed;
    z-index: 9999;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.loading-spinner {
    width: 200px;
    height: 200px;
    border: 20px solid #FFFFFF;
    border-top: 20px solid transparent;
    border-radius: 50%;
    animation: rotate 1s linear infinite;
}



.sub_page_main {
    position: absolute;
    top: 0px;
    width: 2160px;
    height: 3220px;
    z-index: 1;
}

.sub_page_main .frame_info {
    width: 100%;
    height: 100%;
}

.sub_page_main .frame_info iframe {
    width: 100%;
    height: 100%;
    border: 0px;
    overflow: hidden;
}

header {
    z-index: 100;
}

.btn_group {
    z-index: 100;
}

.nav_btm2 {
    display: flex;
    z-index: 5;
    align-items: center;
}

.popup {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 500;
    width: 2160px;
    height: 3840px;
}

.popup .popup_bg {
    position: absolute;
    background-color: #000000;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    z-index: 501;
}

.popup .btn_close {
    position: absolute;
    z-index: 502;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
    margin-top: 150px; /* 여백 조정 */
}

.popup .pdf_cont {
    position: absolute;
    width: 1578px;
    height: auto;
    left:50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 3px 3px 6px #00000029;
    background-color: #FFFFFF;
    z-index: 502;
}

.popup .video_cont {
    position: absolute;
    width: 1860px;
    height: 1046px;
    left:50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 3px 3px 6px #00000029;
    background-color: #000000;
    z-index: 502;
}

.popup .video_cont video{
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.btn_group {
    pointer-events: none;
}

.btn_group .btn_home,
.btn_group .btn_back {
    pointer-events: auto;
    width:230px;
    height:500px;
}

.swiper-button-prev{
    background-image: url('../../images/btn_prev.png');
    width:69px;
    height:138px;
    background-size: 130% 130%;
}
.swiper-button-next {
    background-image: url('../../images/btn_next.png');
    width:69px;
    height:138px;
    background-size: 130% 130%;
    
}
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}



.nav_btm1 .active > span a {
}

.nav_btm1 > li > span a img:nth-child(1) {
    display: inline;
}

.nav_btm1 > li > span a img:nth-child(2) {
    display: none;
}

.nav_btm1 > li.active > span a img:nth-child(1) {
    display: none;
}

.nav_btm1 > li.active > span a img:nth-child(2) {
    display: inline;
}