@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*!
 * 클로저스 여름 던전 2종 Stylesheet
 * http://closers.nexon.com
 * Create: 16.07.25 Update: 16.07.28
 */

/* 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:'나눔고딕', 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', '돋움', 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; background:none;}
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:#fff;}
/*body {overflow-x:auto !important; overflow-y:hidden !important;}*/
#wrap .btn {cursor: default;}
/* 공통 */
#wrap {position: relative;	width: 100%; min-width:1280px; }

#wrap .innerWrap {position:relative; margin:0 auto; width:1280px;}
/**{opacity: 1 !important;}*/
/*#wrap .innerWrap button,  #wrap .innerWrap a { border: 1px solid red !important ; text-indent: 0px !important;  }*/

.mouse {z-index:100; margin:0 0 0 -25px; position: fixed; bottom:50px; left: 50%; display:block;}
#menuGroup {z-index:200; position: absolute; right: 20px; top: 380px; width: 150px;	 height: 250px;	 }
/*#menu li {margin:0 0 32px 0;}*/
#menu li a {position: relative;	 width: 94px;	display: block;	 text-indent: -9999px;	background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/spr_quick.png) no-repeat; }
#menu li.m0 a {background-position: 	0 13px;    height: 44px;	}
#menu li.m1 a {background-position: 	0 -31px;  height: 44px;	 }
#menu li.m2 a {background-position: 	0 -75px;  height: 44px;	 }
#menu li.m3 a {background-position: 	0 -119px; height: 44px;	}
#menu li.m4 a {background-position: 	0 -163px; height: 44px;	}
#menu li.m5 a {background-position: 	0 -207px; height: 44px;	}
#menu li.m6 a {background-position: 	0 -251px; height: 44px;	}

#menu li.m0 a:hover, #menu li.m0.active a   {background-position-x: 	-92px }
#menu li.m1 a:hover, #menu li.m1.active a  {background-position-x: 	-92px }
#menu li.m2 a:hover, #menu li.m2.active a  {background-position-x:   -92px   }
#menu li.m3 a:hover, #menu li.m3.active a  {background-position-x: 	-92px  	}
#menu li.m4 a:hover, #menu li.m4.active a  {background-position-x: 	-92px ; }
#menu li.m5 a:hover, #menu li.m5.active a  {background-position-x: 	-92px  }
#menu li.m6 a:hover, #menu li.m6.active a  {background-position-x: 	-92px  }
#menu li a span {position: absolute;	right: -28px;	 top: -18px;	 width: 55px;	 height: 59px; display:none;	background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/ico_light.png) no-repeat; }

#menu li.m0.active span,
#menu li.m0 a:hover span{display: block;	 top: -8px;	}
#menu li.m1.active span,
#menu li.m1 a:hover span{display: block;	 top: -8px;}
#menu li.m2.active span,
#menu li.m2 a:hover span{display: block;	 top: -8px;}
#menu li.m3.active span,
#menu li.m3 a:hover span{display: block;	 top: -8px;}
#menu li.m4.active span,
#menu li.m4 a:hover span{display: block;	 top: -8px;}
#menu li.m5.active span,
#menu li.m5 a:hover span{display: block;	 top: -8px;}
#menu li.m6.active span,
#menu li.m6 a:hover span{display: block;	 top: -8px;}

.section {z-index:50; position: relative; width: 100%; height: 1080px; min-height:900px; overflow:hidden;}
/*.section.active {z-index: 100;}*/
.section .innerWrap {position:relative; margin:0 auto; width: 1280px; height:100%; min-height:900px;}
.section .cloud {z-index:100; position: absolute;top: 50%; left: 50%; opacity: 0; filter:alpha(opacity=0);}
.section .con {z-index:10; position: absolute; top: 30%; left: 50%; opacity: 0; filter:alpha(opacity=0);}
.bgArea div {z-index:1; position: absolute;  left: 0;	 top: 0;	 width: 100%; height:100%; opacity: 0; filter:alpha(opacity=0);}
.bgArea .bg0 {background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/bg_sec0_on.jpg) no-repeat center 0 fixed; background-size:cover;}
.bgArea .bg1 {background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/bg_sec1.jpg) no-repeat center 0 fixed; background-size:cover;}
.bgArea .bg2 {background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/bg_sec2.jpg) no-repeat center 0 fixed; background-size:cover;}
.bgArea .bg3 {background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/bg_sec3.jpg) no-repeat center 0 fixed; background-size:cover;}
.bgArea .bg4 {background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/bg_sec4.jpg) no-repeat center 0 fixed; background-size:cover;}
.bgArea .bg5 {background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/bg_sec5.jpg) no-repeat center 0 fixed; background-size:cover;}
.bgArea .bg6 {background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/bg_sec6.jpg) no-repeat center 0 fixed; background-size:cover;}
.bgArea .bg7 {background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/bg_sec0_off.jpg) no-repeat center 0 fixed; background-size:cover;}
.quick {z-index:200;position: absolute; right: 12px; top: 226px; }

/*#section0 .bg_light {  position: absolute;  left: 0;	 top: 0; width: 100%; height:100%; opacity:0; background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/bg_sec0_1.jpg) no-repeat center 0 fixed; background-size:cover; }*/
#section0 .con {margin:-320px 0 0 -961px; width: 796px; height: 521px;}
#section0 .con2 {opacity: 0;}
/*#section0 .con2 {margin:-320px 0 0 -961px; width: 796px; height: 521px;  }*/

#section1 .con {margin:-344px 0 0 -740px; width: 1481px; height: 884px;}
#section2 .con {margin:-343px 0 0 -864px; width: 1703px; height: 941px;}

#section3 .con1 {margin:-345px 0 0 -750px; width: 1529px; height: 949px;}
#section3 .con2 {margin:-199px 0 0 -426px; width: 1106px; height: 563px;}

/*#section3 .img_animate_1 { position: absolute; top: 30%; left: 100px; width: 400px; height: 700px; background: url("http://js.nx.com/s1/closers/event/2017/171026_halloween_9852222222/img_sec3_text1.png") no-repeat; }*/
/*#section3 .img_animate_2 { position: absolute; top: 30%; left: 100px; width: 200px; height: 200px; background: url("http://js.nx.com/s1/closers/event/2017/171026_halloween_9852222222/img_sec3_text2.png") no-repeat; }*/
#section3 .img_animate_2 {z-index: 100; position: absolute; top: 60%; left: -188px; width: 400px; height: 400px; background: url("http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/img_sec3_pet.png") no-repeat; }

#section3 .con2 .tooltip {z-index: 100;}
#section3 .con2 .tooltip {display: block; text-indent: -9999px; width: 122px; height: 22px; cursor: pointer;  background:url(http://s.nx.com/s2/game/arpiel/obt/main/bg_link.png) no-repeat;}

#section3 .con2 .detail1 {position: absolute; left: 47px; top: 297px;}
#section3 .con2 .detail2 {position: absolute; left: 248px; top: 297px;}
#section3 .con2 .detail3 {position: absolute; left: 498px; top: 297px;}
#section3 .con2 .detail4 {position: absolute; left: 747px; top: 297px;}
#section3 .con2 .detail5 {position: absolute; left: 747px; top: 518px;}

#section3 .con2 .tooltip img { position: absolute; display:none;}
#section3 .con2 .tooltip:hover img { position: absolute; display:block;}

#section3 .con2 .detail1 img {left: -47px; top: -171px;}
#section3 .con2 .detail2 img {left: -248px; top: -171px;}
#section3 .con2 .detail3 img {left: -42px; top: -171px;}
#section3 .con2 .detail4 img {left: -46px; top: -171px;}
#section3 .con2 .detail5 img {left: -46px; top: -169px;}

#section3 .paging { z-index:100; position: absolute; top: 729px; left: 7px;  margin-left: -7px; width: 100%; text-align: center;}
#section3 .paging a {margin:0 10px; position: relative; display: inline-block; width: 13px; height: 13px; background:#4d4d4d; text-indent: -9999px; border-radius:7px;}
#section3 .paging a.active { background:#5d59ff; }

#section4 .con {margin:-227px 0 0 -342px; width: 807px; height: 505px;}
#section4 .con .pumpkin { position: absolute; top: 216px; left: 502px; width: 450px; height: 450px; background: url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/img_pumpkin.png) no-repeat; }
#section4 .con .btn { position: absolute; top: 200px; left:  500px; }
#section4 .con .btn button { display: block; width: 450px; height: 450px; text-indent: -9999px; }

#section5 .con {margin:-294px 0 0 -350px; width: 701px; height: 632px;}


#section6 .con {margin:-281px 0 0 -861px; width: 1822px; height: 979px;}
#section6 .con .btn {z-index: 10; position: absolute; top: 147px; left: 410px;}
#section6 .con .btn.link a { display: block; width: 140px; height: 130px; text-indent:-9999px;}

.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:55px; left:167px;}
.layerPop .close {position: absolute; right: 0px; top: 0px; }
.layerPop .close button {display: block; text-indent: -9999px; width: 68px; height: 68px;}
.layerPop .confirm button {display: block; text-indent: -9999px; width: 201px;height: 59px;}

#choiceChar {margin:-230px 0 0 -258px; width: 537px;height: 497px; background: url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/bg_choiceChar.png) no-repeat;}
.customSelect {position: absolute; left: 39px; top: 117px; width: 458px; height: 35px; }
.customSelect .txt{padding-bottom:0; width:100%; height:100%; line-height:31px; background:none; text-indent:10px; position:absolute; left:0; top:0; _display:none; color:#68452d; font-size:13px; text-align:left;}
.customSelect select{width:100%; height:100%; cursor:pointer; position:relative; opacity:0; filter:alpha(opacity=0);}

#popDetail1_1 {margin:-224px 0 0 -216px; width: 433px; height: 448px; background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/img_sec3_con2_tooltip1.png) no-repeat}
#popDetail1_2 {margin:-224px 0 0 -216px; width: 433px; height: 448px; background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/img_sec3_con2_tooltip2.png) no-repeat}
#popDetail1_3 {margin:-224px 0 0 -216px; width: 433px; height: 448px; background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/img_sec3_con2_tooltip3.png) no-repeat}
#popDetail1_4 {margin:-224px 0 0 -216px; width: 433px; height: 448px; background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/img_sec3_con2_tooltip4.png) no-repeat}

#itemClear {margin:-334px 0 0 -258px; width: 537px;height: 600px; background:url(http://s.nx.com/s2/game/closers/2017/events/171026_halloween_9852222222/bg_clear.png) no-repeat;}
#itemClear .btn.close { top: 104px; }

#PS_Dimmed {position: fixed !important;}
iframe[name='google_conversion_frame'] {width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}