@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*!
 * 클로저스 주말 이벤트   Stylesheet
 * http://closers.nexon.com
 * Create: 16.04.06 Update: 16.04.07
 * artsohee@nexon.co.kr
 */

/* 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;}
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; cursor:pointer;}
.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
-------------------------------------------------------------- */
.dateSection {position: absolute;left: 0; top: 100px;  width: 100%; height:300px; display:none;}
.dateSection ul {margin-left:42px;}
.dateSection li {float: left;margin-right:52px; margin-bottom:20px; width: 158px; height: 270px;;}
.dateSection li a {position: relative; display: block;}
.dateSection li .ico {position: absolute; left: 0; top: 0; width: 158px; height: 240px; background:url(http://s.nx.com/s2/game/closers/2016/events/160526_costumeMg/bg_more.png) no-repeat; display:none;}
.dateSection li .desc {padding-top:10px; color:#797979; font-size:16px; text-align: center;}
.dateTab {position: relative; height:53px; border-bottom:1px solid #3b3833;}
.dateTab ul {position: absolute; left: 210px; top: 0;}
.dateTab li {float: left;}
.dateTab li a {padding:0 40px 20px; display: inline-block; font-size:28px; color:#f1f1f1;text-decoration: none;}
.dateTab li a:hover {text-decoration: none;}
.dateTab li.on a {font-weight:bold; background:url(http://s.nx.com/s2/game/closers/2016/events/160526_costumeMg/ico_arrow.png) no-repeat center bottom;}



#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;}