@charset "utf-8";

/* 플로팅 네비 */
.navWrap { z-index: 40; position: absolute; top: 1240px; right: 18px; width: 122px; height: 400px;}
.navWrap .page { position: absolute; top: 0; right: 15px; }
.navWrap .page li { margin-bottom: 8px; }

.navWrap .page li a { position: relative; display: block; width: 101px; height: 132px; text-indent: -9999px;  background: url(http://s.nx.com/s2/game/closers/2019/events/190516_teaserMain_hp7504n3/nav_page.png) no-repeat; }
.navWrap .page li._1 a {background-position: -303px 0;}
.navWrap .page li._2 a {background-position: -303px -132px;}
.navWrap .page li._1 a:hover {background-position: -404px 0;}
.navWrap .page li._2 a:hover {background-position: -404px -132px;}
/* .navWrap .page li a:after { position: absolute; top: 0; display: block; width: 100%; height: 100%; background: url(http://s.nx.com/s2/game/closers/2019/events/190425_teaserMain_sb63078/nav_page_over.png) repeat; content:'';opacity: 0; transition: opacity 0.3s; } */

.update1 .navWrap .page li._1 a { background-position: -303px -132px; } 
.update1 .navWrap .page li._2 a { background-position: -505px -0px; }
.update1 .navWrap .page li._1 a:hover {background-position: -404px -132px;}
.update1 .navWrap .page li._2 a:hover {background-position: -505px -138px;}
.update2 .navWrap .page li._1 a { background-position: -303px 0px; } 
.update2 .navWrap .page li._2 a { background-position: -505px -0px; }
.update2 .navWrap .page li._1 a:hover {background-position: -404px 0;}
.update2 .navWrap .page li._2 a:hover {background-position: -505px -138px;}