@charset "utf-8";

.pc{display: block;}
.mo{display: none;}
body {font-family:'NanumSquareNeo-bRg';}

#wrap.videoreview_event {overflow:hidden; width:100%; max-width:1920px; margin:0 auto;}
#wrap.videoreview_event .floating_bottom {z-index:10; position:fixed; left:50%; bottom:0; width:1920px; margin-left:-960px; display:flex;}
#wrap.videoreview_event .floating_bottom a {width:50%;}

#wrap.videoreview_event section {position:relative; left:50%; max-width:1920px; margin-left:-960px}
#wrap.videoreview_event .sec_visual .pass_img {position:absolute; left:50%; bottom: 215px; width:510px; height:145px; margin-left:-255px; background-image: url('../img/sec_visual_pass1.png'); background-size:100% auto; background-repeat:no-repeat; animation:pass_img 3s infinite steps(1)}
@keyframes pass_img {
  0% {background-image: url('../img/sec_visual_pass1.png');}
  33% {background-image: url('../img/sec_visual_pass2.png');}
  66% {background-image: url('../img/sec_visual_pass3.png');}
}
#wrap.videoreview_event .sec_contact .tel_num {position:absolute; left:0; top:45px; width:100%; text-align:center;}
#wrap.videoreview_event .sec_contact .tel_num a {color:#fff; font-size:36px; font-family:'NanumSquareNeo-eHv';}

footer {padding-bottom:110px}
footer .floating_menu {bottom:120px}

@media (min-width:961px) and (max-width:1240px) {
  #wrap.videoreview_event section {width: 154.83vw;margin-left: -77.41vw;}
  #wrap.videoreview_event section img{width:100%}
  #wrap.videoreview_event .sec_visual .pass_img {position:absolute; left:50%; bottom: 17.339vw; width:41.129vw; height:11.694vw; margin-left:-20.565vw;}
}

/* mobile screen */
@media(max-width:960px) {
  .pc{display: none !important;}
  .mo{display: block;}
  img{width: 100%;}

  #wrap.videoreview_event .floating_bottom {z-index:10; position:fixed; left:0; bottom:0; width:100%; margin-left:0; display:flex;}
  #wrap.videoreview_event section {position:relative; left:0; margin-left:0}
  #wrap.videoreview_event .sec_visual .pass_img {position:absolute; left:50%; bottom: 37.695vw; width:62.5vw; height:17.969vw; margin-left:-31.25vw;}
  #wrap.videoreview_event .sec_contact .tel_num {top:6.83vw;}
  #wrap.videoreview_event .sec_contact .tel_num a {font-size:4.68vw;}

  footer {padding-bottom:22vw}
  footer .floating_menu {bottom:15vw}

}