@charset "utf-8";

BODY { background:#101010 url(http://nxcache.nexon.net/dn/microsite/lotus-marsh-phase-2/img/index/bg-top-nm.jpg) 50% 0 no-repeat; min-width:1000px; height:2179px }
#wrap-nav { position:absolute; z-index:3; width:100%; min-width:1000px; height:531px; background-position:50% 0; background-repeat:no-repeat; background-color:transparent }
.wrap { position:absolute; z-index:2; width:100%; min-width:1000px }
.bg-1 { top:531px; left:0; height:360px; background:url(http://nxcache.nexon.net/dn/microsite/lotus-marsh-phase-2/img/index/bg-nav.jpg) 50% 0 no-repeat }
.bg-2 { top:891px; left:0; height:693px; background:url(http://nxcache.nexon.net/dn/microsite/lotus-marsh-phase-2/img/index/bg-movie.jpg) 50% 0 no-repeat }
.bg-3 { top:1584px; left:0; height:595px; background:url(http://nxcache.nexon.net/dn/microsite/lotus-marsh-phase-2/img/index/bg-bottom.jpg) 50% 0 no-repeat }
@media screen and (-webkit-min-device-pixel-ratio:0) {.bg-3 { background:url(http://nxcache.nexon.net/dn/microsite/lotus-marsh-phase-2/img/index/bg-bottom.jpg) 49.999% 0 no-repeat !important; }}
.content-holder { position:relative; z-index:3; width:1000px; height:100%; margin:0 auto; padding:0 }
.content-holder .dn-logo { position:absolute; top:47px; left:373px; z-index:999; width:254px; height:135px; display:block; background:url(http://nxcache.nexon.net/dn/microsite/lotus-marsh-phase-2/img/global/dn-logo.png) 0 0 no-repeat }
.content-holder a { position:relative; float:left; display:block; width:333px; height:360px }
.content-holder .btn-lotusmarsh { background:url(http://nxcache.nexon.net/dn/microsite/lotus-marsh-phase-2/img/index/nav.jpg) 0 100% no-repeat }
.content-holder .btn-lotusmarsh:hover { background-position:0 0 }
.content-holder .btn-skills { background:url(http://nxcache.nexon.net/dn/microsite/lotus-marsh-phase-2/img/index/nav.jpg) -333px 100% no-repeat }
.content-holder .btn-skills:hover { background-position:-333px 0 }
.content-holder .btn-dungeon { background:url(http://nxcache.nexon.net/dn/microsite/lotus-marsh-phase-2/img/index/nav.jpg) -666px 100% no-repeat }
.content-holder .btn-dungeon:hover { background-position:-666px 0 }
.content-holder .cont-video { position:absolute; top:164px; left:39px; z-index:999; width:924px; height:520px }
.content-holder .btn-main-bottom { position:absolute; top:0; left:100px; display:block; width:800px; height:425px }
.content-holder .btn-main-bottom:hover {background:url(http://nxcache.nexon.net/dn/microsite/lotus-marsh-phase-2/img/index/btn-main-hv.jpg) 0 0 no-repeat }
.content-holder .footer { position:absolute; bottom:0; left:0; width:1000px; height:140px; background:url(http://nxcache.nexon.net/dn/microsite/lotus-marsh-phase-2/img/global/footer.png) 50% 0 no-repeat }