/* CSS Document */

#main .movieBox {
        width: 800px;
        margin: 0 auto;
    }
#main .movie {
    position: relative;
    height: 0;
    padding: 30px 0 53.25%;
    overflow: hidden;
    margin-bottom: 5%;
}
    
#main .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
    
@media screen and (max-width:767px) {
    #main .movieBox {
        width: auto;
        margin: 0 auto;
    }
    
    #main .listBox {
    padding-bottom: 10px;
    }
}