@charset "UTF-8";


@media (min-width: 768px) {
        .l-result__mapArea__wrap .content {
            height:auto !important
    }
    .l-result__mapArea__wrap {
            height:auto !important
    }
}


@media screen and (max-width: 669px) {
                html, body {
                height: 100%;
                overflow:hidden;
            }



    #view_detail #zoomBtn {
    position:fixed;
    bottom:1rem;
    left: 0;
    z-index:9999
    }
    #view_detail {
    height:100vh;
    overflow-x:hidden
    }
    .l-result__mapArea {
    max-height:100vh;
    display:contents;
    }

    .l-result__mapArea__wrap .content {
    display:contents;
    }
    .l-result__mapArea__wrap {
    max-height:none;
    padding-bottom:
    }
        .l-result__mapArea__wrap.zoomIn {
       max-height:none 
        }
            .l-result__mapArea__wrap #roomMap {
            margin-bottom: 80px;
            overflow:visible
            }
            
        .l-result__mapArea__wrap.zoomOut {
       margin-bottom:80px
        }


    _::-webkit-full-page-media, _:future, :root .zoomOut {
    overflow:visible;

    }

        _::-webkit-full-page-media, _:future, :root .zoomOut .content{
       display:block !important;
       overflow:hidden;
       /*height:90vh !important;*/
       width:100vw !important;
       

    }
    _::-webkit-full-page-media, _:future, :root .zoomIn .content{
    width:auto !important;
    height:auto!important;
    overflow:auto !important;
    }
}