.scale img { -moz-transition: -moz-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: -o-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); -ms-transition: -ms-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); }

.scale img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.movie01 .movie01_block01 { margin: 0 auto; background: #f3f3f3; max-width: 414px; }
@media print, screen and (min-width: 769px) { .movie01 .movie01_block01 { max-width: 1100px; } }
@media print, screen and (min-width: 769px) { .movie01 .movie01_block01 .photoArea { width: 540px; } }
.movie01 .movie01_block01 .photoArea img { width: 100%; height: auto; }
.movie01 .movie01_block01 .txtArea { padding: 0 25px 25px; text-align: left; }
@media print, screen and (min-width: 769px) { .movie01 .movie01_block01 .txtArea { padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 540px; } }
.movie01 .movie01_block01 .cmn_ttl-type01-txt01, .movie01 .movie01_block01 p { margin: 0.5em 0 0; }

.movie-btn { cursor: pointer; vertical-align: bottom; }

.no-touchevents .movie-btn:hover img { opacity: 0.6; }

.movie_list { margin: 0 auto; max-width: 414px; }
@media print, screen and (min-width: 769px) { .movie_list { max-width: 1100px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
.movie_list-box { margin: 15px 0 10px; text-align: center; }
@media print, screen and (min-width: 769px) { .movie_list-box { margin: 25px 0 10px; } }
.movie_list-txt { margin-top: 1em; font-size: 10px; font-size: 1rem; font-weight: 500; letter-spacing: 0.05em; line-height: 1.5; }
@media print, screen and (min-width: 769px) { .movie_list-txt { font-size: 12px; font-size: 1.2rem; } }
.movie_list .movieArea { margin: 0 auto; text-align: center; }
.movie_list .movieArea img { max-width: 414px; width: 100%; height: auto; }
@media print, screen and (min-width: 769px) { .movie_list .movieArea img { max-width: 540px; } }

#modalMovie { margin: 0; padding: 0; position: relative; width: 100%; text-align: center; }
#modalMovie .modalMovie_inner { position: relative; display: inline-block; }
#modalMovie video { display: block; width: 100%; height: auto; }
@media print, screen and (min-width: 769px) { #modalMovie video { width: 1280px; height: 720px; } }
#modalMovie .visualItem-sound { position: absolute; right: 40px; bottom: 17px; width: 36px; height: 25px; background: url(/assets/img/common/btn_sound_off.png) no-repeat left top; background-size: 36px 25px; transition: opacity 0.2s ease-out; z-index: +1; }
#modalMovie .visualItem-sound:hover { opacity: 0.7; text-decoration: none; }
#modalMovie .visualItem-sound img { display: none; }
@media print, screen and (min-width: 769px) { #modalMovie .visualItem-sound { display: block; cursor: pointer; } }
#modalMovie .visualItem-sound.is-on { background: url(/assets/img/common/btn_sound_on.png) no-repeat left top; background-size: 36px 25px; }
#modalMovie .visualItem-sound-w { background: url(/assets/img/common/btn_sound_w_off.png) no-repeat left top; }
#modalMovie .visualItem-sound-w.is-on { background: url(/assets/img/common/btn_sound_w_on.png) no-repeat left top; background-size: 36px 25px; }

.modaal-container { width: 100%; height: auto !important; }
@media print, screen and (min-width: 769px) { .modaal-container { width: 1280px !important; height: 720px !important; } }

.modaal-iframe-elem { overflow: hidden; }
