.btn-toggle::after {
        width: 1.25em;
        line-height: 0;
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
        transition: transform .35s ease;
        transform-origin: .5em 50%;
        margin-top: -.1em;
        color: #fff;
    }

    .btn-toggle[aria-expanded="true"]::after {
        transform: rotate(90deg);
    }

    @media (max-height: 700px) {
        .modal-wrap.active .modal-content {
            height: 100% !important;
            overflow: auto !important;
        }
    }

    .dualPanoramaSplitIcon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 3rem;
        height: 3rem;
        background-color: rgba(220, 220, 220, 0.6);
        border-radius: 50rem;
        border-color: white;
        border-width: 0.15rem;
        border-style: solid;
        z-index: 30;
    }

    .dualPanoramaSplitIcon .backgroundImage {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        background-image: url(/assets/move-horizontal-svgrepo-com.svg);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    /* vrPreviewModal 은 vr 전체 모달 틀 스타일 설정 */

    #vrPreviewModal .modal-header {
        height: 20px !important;
        position: relative;
    }

    #vrPreviewModal .modal-header .modal-header-title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 1rem;
        font-weight: bold;
    }

    #vrPreviewModal .modal-content {
        /* vr 전체 모달 틀 사이즈 조정  */
        max-width: 100% !important;
        height: 100% !important;  
    }

    #vrPreviewModal .modal-body .vr-wrap {
        height: 100% !important;
    }

    #vrPreviewModal .hotspot-icon {
        width: 3rem !important;
        height: 3rem !important;
        transform: translate(-50%, -50%) !important;
    }

    #vrPreviewModal .hotspot-title {
        margin: 0 !important;
        padding: 0.6rem 0.8rem !important;
        transform: translate(-50%, -50%);
        text-align: center !important;
        font-size: 1rem !important;
        font-weight: normal !important;
        line-height: 1rem !important;
        word-break: keep-all;
        white-space: nowrap;
        border-radius: 0.8rem;
        color: white;
    }

    #vrPreviewModal .hotspot-submenu {
        position: absolute;
        top: 1rem;
        left: 1rem;
        width: 350px;
    }

    .modal-body-scroll {
        max-height: 70vh !important;
        overflow-y: scroll;
    }

    .info-body-gallery {
        flex: 0 0 50% !important;
        box-sizing: border-box;
        overflow: hidden;
    }

    .info-body-text {
        flex: 0 0 50% !important;
        box-sizing: border-box;
    }

    .photo-point-swiper-big {
        flex: 0 0 calc(100% - 100px);
        box-sizing: border-box;
        overflow: hidden;
    }

    .photo-point-swiper-big img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    .photo-point-swiper {
        flex: 0 0 100px;
        box-sizing: border-box;
    }

    #vrModalHotspotMoveIcon img {
        width: 3rem;
        height: 3rem;
    }

    .hotspot-icon {
        width: 3rem !important;
        height: 3rem !important;
    }

    .hotspot-submenu {
        position: absolute;
        top: 2rem;
        left: 2rem;
        width: 350px;
    }

    #vrMinimap .minimap-wrap {
        /* overflow: scroll; */
        position: relative;
        background: #f1f1f1;
        width: 100%;
        height: 500px;
        max-width: 100%;
        text-align: left;
    }

    @media (max-width: 1000px){
        #vrMinimap .minimap-wrap {
            overflow: scroll;
        }
    } 


    #vrMinimap .minimap-wrap > img {
        width: initial;
        vertical-align: top;
        /*height: auto;*/
    }

    #vrHTML .modal-content {
        max-width: 700px;
    }

    #vrHTML .modal-body {
        overflow: scroll;
        max-height: 70vh;
    }

    #vr-archive {
        position: absolute;
        top: 5%;
        left: 50%;
        transform: translate(-50%, -5%);
        width: 70%;
        height: 100%;
        padding: 0 50px;
        /* overflow-y: scroll; */
    }

    #vr-archive h1 {
        margin: 50px 0 30px 0;
        padding-bottom: 20px;
        font-size: 1.4em;
        font-weight: 600;
        border-bottom: 1px solid #aaa;
    }

    #vr-archive ul {
        background-color:white;
        padding: 15px;
        text-align: left;
    }

    #vr-archive li {
        display: inline-block;
        padding: 10px 20px;
    }

    #vrArchivePreview .modal-content {
        max-height: 100%;
    }

    #vrArchivePreview .modal-body {
        max-height: 100%;
        overflow: scroll;
    }

    p.text-start {
        white-space: pre-wrap;
    }

    #vrPreviewModal .vr-comparison-selector select {
        text-align: left;
        width: 12%;
        border-radius: 4px;
        padding: 5px;

    }