#modal40th { width: 960px; margin: auto; padding: 30px 0; }
#modal40th #modal40thInner { width: 900px; margin: auto; text-align: center; }
#modal40th #modal40thInner ul#modal40thAnimationList { width: 900px; height: 600px; box-sizing: border-box; border: 4px #000 solid; position: relative; border-radius: 20px; overflow: hidden; margin: 20px 0; opacity: 0; transition: height 0.1s ease-out; z-index: 1; }
#modal40th #modal40thInner ul#modal40thAnimationList li { position: absolute; top: 0; left: 0; }
#modal40th #modal40thInner ul#modal40thAnimationList li.modal40thActive img { z-index: 1; border-radius: 14px; -moz-animation: zoomFadeout 0.1s ease-out 0s 1 normal; -webkit-animation: zoomFadeout 0.1s ease-out 0s 1 normal; animation: zoomFadeout 0.1s ease-out 0s 1 normal; opacity: 0; }
#modal40th #modal40thInner ul#modal40thAnimationList li:first-child { background: #FFF; }
#modal40th #modal40thInner ul#modal40thAnimationList li:first-child img { transition: opacity 1.2s; opacity: 0; }
#modal40th #modal40thInner ul#modal40thAnimationList.modal40thFinish { height: 1240px; }
#modal40th #modal40thInner ul#modal40thAnimationList.modal40thFinish li:first-child img { opacity: 1; }

@-webkit-keyframes zoomFadeout { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }
  100% { -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -webkit-transform: scale(2, 2); transform: scale(2, 2); opacity: 0; } }
@keyframes zoomFadeout { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }
  100% { -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -webkit-transform: scale(2, 2); transform: scale(2, 2); opacity: 0; } }