@charset "utf-8";
/* CSS Document */

    .img360 {
        position: absolute;
        display: inline-block;
    }
    
    #img360_photo {
        position: absolute;
        display: none;
    }
    .img360icon {
        position: absolute;
        top: 20px;
        left: 30px;
        width: 114px !important;
        height: auto !important;
    }
    .close {
        position: absolute;
        top: 20px;
        right: 30px;
        width: 2em;
        cursor: pointer;
    }
    .image360 {
        position: relative;
        &::after {
            content: "";
            position: absolute;
            top: 10px;
            left: 16%;
            width: 80%;
            height: 80%;
            background-image: url(/assets/img/search/result/icon360.png);
            background-size: contain;
            background-repeat: no-repeat;
        }
    }
    body.view360 #img360_photo {
        display: block;
        width: 100%;
        z-index: 999;
        max-width: 1000px;
        box-shadow: 0 0 100em 100em rgba(255, 255, 255, 0.9);
        aspect-ratio: 16 / 9;
    }
    body.view360 #main_photo {
        display: none;
    }
    body.view360 #photo_prev {
        display: none;
    }    
    body.view360 #photo_next {
        display: none;
    }   
    @media screen and (max-width:640px){
        .img360 {
            width: 100%;
            display: inline-block;
            object-fit: contain;
            background-color: #000;
            aspect-ratio: 16 / 9; 
        }
        body.view360 #img360_photo {
            margin-left: 0;        
        }
        #main_photo img {
            height: 300px;
            object-fit: contain;
            background-color: #000;        
        }
        .img360icon {
            top: 20px;
            left: 30px;
            width: 60px !important;
            height: auto !important;
        }
    }
    
    .img360 {
        display: none;    
    } 
    #img360_photo[no='1'] .img360[no='1'] { display: block; }    
    #img360_photo[no='2'] .img360[no='2'] { display: block; }    
    #img360_photo[no='3'] .img360[no='3'] { display: block; }    
    #img360_photo[no='4'] .img360[no='4'] { display: block; }    
    #img360_photo[no='5'] .img360[no='5'] { display: block; }    
    #img360_photo[no='6'] .img360[no='6'] { display: block; }    
    #img360_photo[no='7'] .img360[no='7'] { display: block; }    
    #img360_photo[no='8'] .img360[no='8'] { display: block; }    
    #img360_photo[no='9'] .img360[no='9'] { display: block; }    
    #img360_photo[no='10'] .img360[no='10'] { display: block; }    
    #img360_photo[no='11'] .img360[no='11'] { display: block; }    
    #img360_photo[no='12'] .img360[no='12'] { display: block; }    
    #img360_photo[no='13'] .img360[no='13'] { display: block; }    
    #img360_photo[no='14'] .img360[no='14'] { display: block; }    
    #img360_photo[no='15'] .img360[no='15'] { display: block; }    
    #img360_photo[no='16'] .img360[no='16'] { display: block; }    
    #img360_photo[no='17'] .img360[no='17'] { display: block; }    
    #img360_photo[no='18'] .img360[no='18'] { display: block; }    
    #img360_photo[no='19'] .img360[no='19'] { display: block; }    
    #img360_photo[no='20'] .img360[no='20'] { display: block; }    
    #img360_photo[no='21'] .img360[no='21'] { display: block; }    
    #img360_photo[no='22'] .img360[no='22'] { display: block; }    
    #img360_photo[no='23'] .img360[no='23'] { display: block; }    
    #img360_photo[no='24'] .img360[no='24'] { display: block; }    
    #img360_photo[no='25'] .img360[no='25'] { display: block; }    
    #img360_photo[no='26'] .img360[no='26'] { display: block; }    
    #img360_photo[no='27'] .img360[no='27'] { display: block; }    
    #img360_photo[no='28'] .img360[no='28'] { display: block; }    
    #img360_photo[no='29'] .img360[no='29'] { display: block; }    
    #img360_photo[no='30'] .img360[no='30'] { display: block; }    
    #img360_photo[no='31'] .img360[no='31'] { display: block; }    
    #img360_photo[no='32'] .img360[no='32'] { display: block; }    
    #img360_photo[no='33'] .img360[no='33'] { display: block; }    
    #img360_photo[no='34'] .img360[no='34'] { display: block; }    
    #img360_photo[no='35'] .img360[no='35'] { display: block; }    
    #img360_photo[no='36'] .img360[no='36'] { display: block; }    
    #img360_photo[no='37'] .img360[no='37'] { display: block; }    
    #img360_photo[no='38'] .img360[no='38'] { display: block; }    
    #img360_photo[no='39'] .img360[no='39'] { display: block; }    
    #img360_photo[no='40'] .img360[no='40'] { display: block; }    
    #img360_photo[no='41'] .img360[no='41'] { display: block; }    
    #img360_photo[no='42'] .img360[no='42'] { display: block; }    
    #img360_photo[no='43'] .img360[no='43'] { display: block; }    
    #img360_photo[no='44'] .img360[no='44'] { display: block; }    
    #img360_photo[no='45'] .img360[no='45'] { display: block; }    
    #img360_photo[no='46'] .img360[no='46'] { display: block; }    
    #img360_photo[no='47'] .img360[no='47'] { display: block; }    
    #img360_photo[no='48'] .img360[no='48'] { display: block; }    
    #img360_photo[no='49'] .img360[no='49'] { display: block; }    
    #img360_photo[no='50'] .img360[no='50'] { display: block; }    
    #img360_photo[no='51'] .img360[no='51'] { display: block; }    
    #img360_photo[no='52'] .img360[no='52'] { display: block; }    
    #img360_photo[no='53'] .img360[no='53'] { display: block; }    
    #img360_photo[no='54'] .img360[no='54'] { display: block; }    
    #img360_photo[no='55'] .img360[no='55'] { display: block; }    
    #img360_photo[no='56'] .img360[no='56'] { display: block; }    
    #img360_photo[no='57'] .img360[no='57'] { display: block; }    
    #img360_photo[no='58'] .img360[no='58'] { display: block; }    
    #img360_photo[no='59'] .img360[no='59'] { display: block; }    
    #img360_photo[no='60'] .img360[no='60'] { display: block; }    
    #img360_photo[no='61'] .img360[no='61'] { display: block; }    
    #img360_photo[no='62'] .img360[no='62'] { display: block; }    
    #img360_photo[no='63'] .img360[no='63'] { display: block; }    
    #img360_photo[no='64'] .img360[no='64'] { display: block; }    
    #img360_photo[no='65'] .img360[no='65'] { display: block; }    
    #img360_photo[no='66'] .img360[no='66'] { display: block; }    
    #img360_photo[no='67'] .img360[no='67'] { display: block; }    
    #img360_photo[no='68'] .img360[no='68'] { display: block; }    
    #img360_photo[no='69'] .img360[no='69'] { display: block; }    
    #img360_photo[no='70'] .img360[no='70'] { display: block; }    
    #img360_photo[no='71'] .img360[no='71'] { display: block; }    
    #img360_photo[no='72'] .img360[no='72'] { display: block; }    
    #img360_photo[no='73'] .img360[no='73'] { display: block; }    
    #img360_photo[no='74'] .img360[no='74'] { display: block; }    
    #img360_photo[no='75'] .img360[no='75'] { display: block; }    
    #img360_photo[no='76'] .img360[no='76'] { display: block; }    
    #img360_photo[no='77'] .img360[no='77'] { display: block; }    
    #img360_photo[no='78'] .img360[no='78'] { display: block; }    
    #img360_photo[no='79'] .img360[no='79'] { display: block; }    
    #img360_photo[no='80'] .img360[no='80'] { display: block; }    
    #img360_photo[no='81'] .img360[no='81'] { display: block; }    
    #img360_photo[no='82'] .img360[no='82'] { display: block; }    
    #img360_photo[no='83'] .img360[no='83'] { display: block; }    
    #img360_photo[no='84'] .img360[no='84'] { display: block; }    
    #img360_photo[no='85'] .img360[no='85'] { display: block; }    
    #img360_photo[no='86'] .img360[no='86'] { display: block; }    
    #img360_photo[no='87'] .img360[no='87'] { display: block; }    
    #img360_photo[no='88'] .img360[no='88'] { display: block; }    
    #img360_photo[no='89'] .img360[no='89'] { display: block; }    
    #img360_photo[no='90'] .img360[no='90'] { display: block; }    
    #img360_photo[no='91'] .img360[no='91'] { display: block; }    
    #img360_photo[no='92'] .img360[no='92'] { display: block; }    
    #img360_photo[no='93'] .img360[no='93'] { display: block; }    
    #img360_photo[no='94'] .img360[no='94'] { display: block; }    
    #img360_photo[no='95'] .img360[no='95'] { display: block; }    
    #img360_photo[no='96'] .img360[no='96'] { display: block; }    
    #img360_photo[no='97'] .img360[no='97'] { display: block; }    
    #img360_photo[no='98'] .img360[no='98'] { display: block; }    
    #img360_photo[no='99'] .img360[no='99'] { display: block; }    
    #img360_photo[no='100'] .img360[no='100'] { display: block; }