@charset "utf-8";

/*!
 * 클로저스 티저3 Stylesheet
 * http://closers.nexon.com
 * Create: 16.10.11 Update: 16.10.13
 */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; font-size:100%;}
img, fieldset, button{border:0;}
article, aside, figcaption, figure, video, audio, footer, header, hgroup, menu, nav, section{display:block;}
body, input, button, textarea, select, table{line-height:1.2;  font-family: '돋움', dotum, Helvetica, sans-serif; font-size:14px; color:#555;}
ol, ul{list-style:none;}
a{text-decoration:none; color:#555; transition:color 0.3s ease; -moz-transition:color 0.3s ease; -o-transition:color 0.3s ease; -webkit-transition:color 0.3s ease;}
a:hover, a:focus, a:active{text-decoration:underline; color:#555;}
img{vertical-align:middle;}
button {overflow:visible !important;}
button, label{cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}
table{border-collapse:collapse; border-spacing:0;}
caption, legend{width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; visibility:hidden;}

/* Reserved Class
-------------------------------------------------------------- */
.blind{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.show{display:block;}
.hide{display:none;}
.fL{float:left;}
.fR{float:right;}
.clearFix{zoom:1;}
.clearFix:after{clear:both; display:block; content:'';}
.btn{background:none; border:0 none; outline:none;}
.sprSet{background:url(http://s.nx.com/s2/game/arpiel/event/2015/1112_gstar/spr_set.png); text-indent:-9999px; display:block;}
.fix{position:fixed !important;}

/* Styles
-------------------------------------------------------------- */
body, html {width:100%; height:100%; background:#0b0c1e;}
#wrap .btn {cursor: default;}
/* 공통 */
#topArea {z-index: 300 !important;}
#topArea { z-index: 300; position: fixed; left: 0; top: 0px; width: 100%; min-width: 1280px; height: 100px; background: url(https://landing.mangot5.com/template/closers/event/170616/images/bg_pattern_top.png) repeat-x; }
#topArea h1 { z-index: 100; position: relative; padding: 14px 0 0 10px; float: left; }
#topArea .slideArea { margin: 0 0 0 -438px; position: absolute; left: 50%; top: 0; width: 986px; height: 100px; }
#topArea .slideArea .mask { position: relative; left: 0; width: 100%; height: 100%; overflow: hidden; }
#topArea .evLink { z-index: 50; position: absolute; left: 0; top: 0; text-align: center; }
#topArea .evLink li { display: inline-block; zoom: 1; margin: 0 0px; }
#topArea .evLink li a { position: relative; display: block; width: 160px; height: 100px; opacity: .75; transition: all .3s ease; }
#topArea .evLink li a:hover { opacity: 1; }
#topArea .evLink li a img { height: 100%; }
#topArea .evLink li a .dim { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40); }
#topArea .etcArea { z-index: 100; position: relative; padding: 5px 20px 0 0; float: right; width: 176px; }
#topArea .snsArea { /*padding-left: 5px;*/ }
#topArea .snsArea li { padding-left: 7px; float: right; }
#topArea .snsArea li a { display: block; height: 50px; background: url(https://landing.mangot5.com/template/closers/event/170616/images/spr_snsBtn.png) no-repeat; text-indent: -9999px; }
#topArea .snsArea li .index { width: 50px; background-position: -120px 0; }
#topArea .snsArea li .register { width: 50px; background-position: -63px 0; }
#topArea .snsArea li .home { width: 50px; background-position: -6px 0; }
#topArea .etcArea .btnDownload { padding: 0px 0 0 13px; }
#topArea .etcArea .btnDownload a { display: block; width: 164px; height: 42px; background: url(https://landing.mangot5.com/template/closers/event/170616/images/spr_snsBtn.png) no-repeat -6px -50px; text-indent: -9999px; }
.sBubble { color: #eee; padding: 4px 5px; font-size: 15px; font-weight: bold; text-shadow: 0px 0px 0px #000; font-family: Helvetica, Arial, sans-serif, "微軟正黑體"; }
.sBubble, .sBubbleArw { line-height: 30px; position: fixed; z-index: 300; }

#wrap {position: relative;	width: 100%; min-width:1280px;  background: url(../images/bg.jpg) no-repeat center 0; overflow:hidden;}

#wrap .innerWrap {z-index:180; position:relative; margin:0 auto; width:1280px; height:3500px; }
#wrap .innerWrap .doll {position: absolute;}
#wrap .innerWrap .doll1 {left: -320px; top: 136px;}
#wrap .innerWrap .doll2 {left: 266px; top: 140px;}
#wrap .innerWrap .doll3 {right: -158px; top: 454px;}
#wrap .innerWrap .link1 {position: absolute; left: 433px; top: 4157px;}
#wrap .innerWrap .link1 a {display: block; text-indent: -9999px; width: 193px; height: 32px;}
#wrap .innerWrap .link2 {position: absolute; left: 640px; top: 4157px;}
#wrap .innerWrap .link2 a {display: block; text-indent: -9999px; width: 207px; height: 32px;}

.nav {z-index:200; position: absolute; right: 12px; top: 374px; width: 161px; height: 242px; }
.nav .nav0 {margin:0 0 36px 0;}
.nav .nav1 {margin:0 0 35px 0;}
.nav a {display: block; text-indent: -9999px; width: 100%; height: 55px;}

.recommentArea {position: relative; top:4651px;width:100%;}
.recommentArea .listLength {position: absolute; top:-127px; right: 25px;  padding:0 0 5px 0; color:#565f7e; text-align: right; font-size:13px;}
.recommentArea .listLength span {color:#afb2c8;}

.quick {z-index:200;position: absolute; right: 12px; top: 226px; }

.overlay {z-index:200; position:fixed; left: 0;top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter:alpha(opacity = 50); display:none;}
.layerPop {z-index:300; position: fixed; left: 50%;top: 50%;}
.layerPop .confirm {position: absolute; bottom:32px; left:207px;}
.layerPop .close {position: absolute; right: 0px; top: 0px; }
.layerPop .close button {display: block; text-indent: -9999px; width: 52px;height: 52px;}
.layerPop .confirm button {display: block; text-indent: -9999px; width: 110px;height: 40px;}

.customSelect {position: absolute;left:60px; top:133px;width:405px; height:30px; }
.customSelect .txt{padding-bottom:0; width:100%; height:100%; line-height:29px; background:none; text-indent:10px; position:absolute; left:0; top:0; _display:none; color:#070707; font-size:13px; text-align:left;}
.customSelect select{width:100%; height:100%; cursor:pointer; position:relative; opacity:0; filter:alpha(opacity=0);}

#choiceChar {margin:-184px 0 0 -259px; width: 518px;height: 368px;background:url(http://s.nx.com/s2/game/closers/2017/events/170309_pnaTeaser/bg_choiceChar.png) no-repeat;}
#itemClear {margin:-184px 0 0 -259px; width: 518px;height: 368px;background:url(http://s.nx.com/s2/game/closers/2017/events/170309_pnaTeaser/bg_clear.png) no-repeat;}
#popNotice {margin:-138px 0 0 -492px; width:985px;height: 276px;background:url(http://s.nx.com/s2/game/closers/2017/events/170309_pnaTeaser/bg_notice.png) no-repeat;}

.commonQuick {top: 150px !important;}

.copyright {
    height: 100px;
    width: 980px;
    opacity: .5;
    margin: 0 auto;
}
.bottom-r{
	display: block;
	position:fixed;
	bottom:0;
	right:0;
}
.bottom-r a{
	width: 100%;
	height: 100%;
	display: block;
}