@charset "utf-8";

/*!
 * 클로저스   Stylesheet
 * http://closers.nexon.com
 */

/* Styles
-------------------------------------------------------------- */
body, html {width:100%; height:100%; background:#000;}
#topArea {z-index: 300 !important;}
#wrap {position:relative; background: url(http://s.nx.com/s2/game/closers/2018/events/180726_costumeMg_0855554212/bg.jpg) no-repeat center 0; overflow:hidden;}
#wrap .loader { z-index: 200; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: #000; opacity: 1; }
.innerWrap {position:relative;margin:0 auto; width:1280px; height:1095px; background: url(http://s.nx.com/s2/game/closers/2018/events/180726_costumeMg_0855554212/bg.jpg) no-repeat center 0;}
.innerWrap .collectView {text-align: center;}
.collectView .cosDate {position: relative; top:6px; display:inline-block; margin:0 15px; font-size:38px; color:#683e13; font-weight:bold;}
.innerWrap .tabArea {position: absolute; right: -16px; top: 130px; z-index:100; }
.innerWrap .tabArea li { position: relative;}
.innerWrap .tabArea li.type0 {padding: 42px 0 10px 0;}
.innerWrap .tabArea li a {width: 116px; height: 42px; display: block; background: url(http://s.nx.com/s2/game/closers/2018/events/180726_costumeMg_0855554212/spr_tab_0809_gevs3.png) no-repeat; text-indent: -9999px;}
.innerWrap .tabArea li.type0 a {padding-left:20px; width: 67px;	 height: 16px; background:none; text-indent:0;}
.innerWrap .tabArea li.type1 a {background-position: 0 0; }
.innerWrap .tabArea li.type2 a {background-position: 0 -44px; }
.innerWrap .tabArea li.type3 a {background-position: 0 -88px;}
.innerWrap .tabArea li.type4 a {background-position: 0 -176px;}
.innerWrap .tabArea li.type5 a {background-position: 0 -132px;}
.innerWrap .tabArea li.on:before { position: absolute; top: 2px; left: 0; display: block; margin-left:-22px; width: 22px; height: 40px; background: url(http://s.nx.com/s2/game/closers/2018/events/180726_costumeMg_0855554212/tab_on.png) no-repeat; content: ''; } 


.count {position: absolute; bottom:12px; left:0; width:100%; text-align: center; display:none; font-size:13px; color:#fff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.btn.link {position: absolute; bottom:52px; left:156px;}
.btn.link a {display: block; text-indent: -9999px; width: 227px; height: 76px;}
.p1 .btn {position: absolute; }
.p1 .btn a {display: block; width: 210px; height: 210px; text-indent: -9999px; }
.p1 .btn.dis_event { top: 753px; left: 20px;}
.p1 .btn.dis_event a {width: 220px; height: 42px;}
.p1 .btn.reply { top: 753px; left: 299px;}
.p1 .btn.reply a {width: 220px; height: 42px;}

#flipbook {z-index:10; position: absolute !important; right:100px; top:130px;}
#flipbook .hard {width:540px !important;}

.cursor {z-index:200; position: absolute; width: 100px; height: 100%;}
.cursor.left { left: 5px;cursor: url('http://s.nx.com/s2/game/closers/2016/events/160526_costumeMg/ico_cursor_left.png'), url('http://s.nx.com/s2/game/closers/2016/events/160526_costumeMg/ico_cursor_left.cur'), auto;}
.cursor.right { right: 0px;cursor: url('http://s.nx.com/s2/game/closers/2016/events/160526_costumeMg/ico_cursor_right.png'), url('http://s.nx.com/s2/game/closers/2016/events/160526_costumeMg/ico_cursor_right.cur'), auto;}

.back {z-index:5; position: absolute; top: 127px; left: 86px;width: 1118px; height: 844px;background: url("http://s.nx.com/s2/game/closers/2015/event/151008_npc_costume/bg_book.png") no-repeat; display:none;}

.collectView {position: absolute; left: 0; top:40px; width: 100%;}
#expandView {z-index:500;  position: absolute; left:0; top: 248px; width: 100%; height:100%;}
#expandView .btnClose {position: absolute; right:40px; top: 0;}
#expandView .btnClose button {display: block; text-indent: -9999px; width: 40px; height: 40px; background: url(http://s.nx.com/s2/game/closers/2016/events/160526_costumeMg/btn_close_white.png) no-repeat; }
#expandView .inner {position: relative;margin:0 auto; width: 1080px; height:872px;}

.customSelect .txt{width:98%; height:100%; line-height:26px;  text-indent:10px; position:absolute; left:0; top:0; _display:none; color:#070707; font-size:13px;}
.customSelect select{width:100%; height:100%; cursor:pointer; position:relative; opacity:0; filter:alpha(opacity=0);}

#popReply {z-index:100;  position: absolute; left: 122px; top: 131px; width: 1044px; height:876px;}
#popReply .btn.close {position: absolute; right: 7px;top: 76px;}
#popReply .btn.close button {display: block; width: 40px; height: 40px;  text-indent: -9999px; background:none;}
.recommentArea {position: relative; top:0px; left:0px; width:100%;}
.recommentArea .listLength {position: absolute; top:-117px; right: 9px; width:100%; padding:0 0 5px 0; color: #fefefe; text-align: right; font-size:13px;}
.recommentArea .listLength span {color:#ffa800;}

.typePost .inputBox {position: absolute; top: 60px; right: 17px; width: 491px; height: 75px; background:none ;}
.recommentArea .char {position: absolute; left: 12px; top:12px; width: 67px; height: 54px;background:url(http://s.nx.com/s2/game/closers/2015/board/bx_char.png) no-repeat;}
.typePost .inputBox textarea {padding:10px; float: left;margin:12px 0 0 80px; width: 329px; height: 33px; color: #8b4f4f; background:none; border:0; resize:none; font-size:13px;}
.typePost .inputBox .btn {float: left; margin-top:11px;}
.typePost .inputBox .btn button {display: block; width: 56px; height: 54px; background:none; text-indent: -9999px;}
.typePost #commentArea {position: absolute; top: 157px; left: 0px; width:100%; }
.typePost .commentList {width: 100%;}
.typePost .commentList li {margin:0 6px 8px 0; float:left; position: relative; width: 254px; height: 187px; background: url(http://s.nx.com/s2/game/closers/2018/events/180726_costumeMg_0855554212/bg_post.png) no-repeat; }
.typePost .commentList .noList {/*left:369px; top:106px;*/ text-align: center; padding:50px 0 0 0;color:#6e6d6d;}
.typePost .commentList li .char {position: absolute; left: 20px; top: 105px;}
.typePost .commentList li .desc {padding: 18px 0 0 20px; position: relative; font-size:13px; width: 205px; font-size:14px; color:#6e6d6d;}
.typePost .commentList li .desc .scroll {overflow-y:auto; height:82px; width: 100%;}
.typePost .commentList li .desc .scroll .comment {word-break:break-all; word-wrap:break-word;}
.typePost .commentList li .nick {position: absolute; top: 115px; right: 30px; font-size:11px; color: #3a3a3a;}
.typePost .commentList li .date {position: absolute; top: 135px; right: 30px; color:#aaaaaa; font-size:11px;}
.typePost .commentList .ico_del,
.typePost .commentList .ico_new {margin-left:5px;}

.typePost .paging {position: absolute;top:584px; left:0; width:100%; text-align: center;}
.typePost .paging ul {display: inline-block; *display:inline; zoom:1;}
.typePost .paging li {float: left;}
.typePost .paging li strong {margin:0 5px; display: inline-block; width: 25px; height: 25px;line-height:25px; color:#000; vertical-align: middle;  border-radius: 100px; background: #fff; border: 2px solid #fff;}
.typePost .paging li a {margin:0 5px; display: inline-block; width: 25px; height: 25px;line-height:25px;  font-size:14px; color:#fff; vertical-align: middle; border-radius: 100px; border: 2px solid #fff;}
.typePost .paging li a:hover {text-decoration: none; color:#000; font-weight:bold; border-radius: 100px; background: #fff; border: 2px solid #fff;}
.typePost .paging li .first,
.typePost .paging li .prev,
.typePost .paging li .next,
.typePost .paging li .last {margin-top: 1px; display: block; text-indent: -9999px; }

.typePost .paging li .first:hover,
.typePost .paging li .prev:hover,
.typePost .paging li .next:hover,
.typePost .paging li .last:hover { background-color: none; border: 0;}

.typePost .paging li .first,
.typePost .paging li .first:hover {background:url(http://s.nx.com/s2/game/closers/2018/events/180726_costumeMg_0855554212/ico_first.png) no-repeat center center; border:0; border-radius:0;}
.typePost .paging li .prev,
.typePost .paging li .prev:hover {background:url(http://s.nx.com/s2/game/closers/2018/events/180726_costumeMg_0855554212/ico_prev.png) no-repeat center center; border:0; border-radius:0;}
.typePost .paging li .next,
.typePost .paging li .next:hover {background:url(http://s.nx.com/s2/game/closers/2018/events/180726_costumeMg_0855554212/ico_next.png) no-repeat center center; border:0; border-radius:0;}
.typePost .paging li .last,
.typePost .paging li .last:hover {background:url(http://s.nx.com/s2/game/closers/2018/events/180726_costumeMg_0855554212/ico_last.png) no-repeat center center; border:0; border-radius:0;}

#info {z-index:150; margin:-119px 0 0 -119px; position: fixed; left: 50%;top: 50%;width: 238px; height: 238px; background:url(http://s.nx.com/s2/game/closers/2016/events/160526_costumeMg/bg_key.png) no-repeat;}
#info .btn.popClose {position: absolute; bottom:0; left: 30px;}
#info .btn.popClose button{display: block;width: 176px; height:48px; text-indent: -9999px; }

#layerVideoFrame1 {position: absolute; top: 212px; left: 17px; width: 503px; height: 282px;}

.overlay {z-index:100; position:fixed; left: 0;top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter:alpha(opacity = 50); display:block;}
.overlay2{z-index:100; position:fixed; left: 0;top: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; filter:alpha(opacity = 80); display:none;}

.commonQuick {top: 200px !important;}

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

.btn.detail { position:absolute; width:100px; height:30px; top:203px; left:49px; z-index:1; }
.btn.detail a { display:block; width:100%; height:100%; text-align:left; text-indent:-9999px; overflow:hidden; }

.btn.reply { position:absolute; width:220px; height:190px; top:600px; left:292px; z-index:1; }
.btn.reply a { display:block; width:100%; height:100%; text-align:left; text-indent:-9999px; overflow:hidden; }

.toolTip { position:absolute; width:540px; height:418px; left:0px; }
.toolTip .btn.close { position:absolute; width:85px; height:30px; top:22px; right:50px; z-index:1; }
.toolTip .btn.close button { display:block; width:100%; height:100%; text-align:left; text-indent:-9999px; overflow:hidden; }

.toolTip#toolTip1 { bottom:0px; background-image:url('http://s.nx.com/s2/game/closers/2018/events/180726_costumeMg_0855554212/page/popup0.png'); }