#sceneSlider {
    position: fixed;
    display: flex;
    width: 100%;
    bottom: 30px;
    justify-content: center;
    margin: 0;
    padding: 0;
}

#sceneSlider .imageButton {

    width: 100px;
    height: 50px;
    margin-right: 5px;
    background-size: cover;
    cursor: pointer;
    list-style: none;
    box-sizing: border-box;
}

#sceneSlider .tourButton {

    width: 100px;
    height: 100px;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    list-style: none;
    box-sizing: border-box;
}

#sceneSlider .selected {

    border: solid 3px white;
}


.imageButton:hover {
    border: 1px solid white;

}

#sceneSlider #tour-icon {
    background-image: url("../resource/icon/play_circle_outline-white-18dp.svg");
}

#sceneSlider #option1 {
    background-image: url("../resource/img/thumbnail/01.jpg");
}

#sceneSlider #option2 {
    background-image: url("../resource/img/thumbnail/02.jpg");
}

#sceneSlider #option3 {
    background-image: url("../resource/img/thumbnail/03.jpg");
}

#sceneSlider #option4 {
    background-image: url("../resource/img/thumbnail/04.jpg");
}

#sceneSlider #option5 {
    background-image: url("../resource/img/thumbnail/05.jpg");
}

#sceneSlider #option6 {
    background-image: url("../resource/img/thumbnail/06.jpg");
}

#sceneSlider #option7 {
    background-image: url("../resource/img/thumbnail/07.jpg");
}

/*
#sceneSlider #option8 {
    background-image: url("../resource/img/thumbnail/08.jpg");
}

#sceneSlider #option9 {
    background-image: url("../resource/img/thumbnail/09.jpg");
}

#sceneSlider #option10 {
    background-image: url("../resource/img/thumbnail/10.jpg");
}

*/


/* 모바일 Device : 0 ~ 640 */
@media screen and (max-width: 640px) {

    #sceneSlider {
        justify-content: flex-start;
        width: 75%;
        bottom: 30px;
        display: none;
    }

    #sceneSlider .imageButton {

        width: 30px;
        height: 15px;
    }

    #sceneSlider .tourButton {

        width: 30px;
        height: 15px;
    }
}

/* Tablet Device : 641 ~ 768 */
@media screen and (min-width:641px) {

    #sceneSlider {
        width: 95%;
        bottom: 35px;
    }

    #sceneSlider .imageButton {

        width: 100px;
        height: 50px;
    }

    #sceneSlider .tourButton {

        width: 100px;
        height: 50px;
    }
}



/* Desktop Device : 1024 이상 */
@media screen and (min-width:1024px) {

    #sceneSlider {
        width: 95%;
        bottom: 35px;
    }

    #sceneSlider .imageButton {

        width: 140px;
        height: 70px;
    }

    #sceneSlider .tourButton {

        width: 140px;
        height: 70px;
    }
}