@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/2019/events/190228_costumeMg_55ut/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/2019/events/190228_costumeMg_55ut/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: 44px; display: block; background: url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/spr_tab.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 -43px; }
.innerWrap .tabArea li.type3 a {background-position: 0 -87px;}
.innerWrap .tabArea li.type4 a {background-position: 0 -131px;}
.innerWrap .tabArea li.type5 a {background-position: 0 -175px;}
.innerWrap .tabArea li.on:before { position: absolute; top: 0px; left: 0; display: block; margin-left:-22px; width: 22px; height: 42px; background: url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/tab_on.png) no-repeat; content: ''; } 
.innerWrap .tabArea li.type2.on:before,
.innerWrap .tabArea li.type3.on:before,
.innerWrap .tabArea li.type4.on:before,
.innerWrap .tabArea li.type5.on:before { top: 0px; background: url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/tab_on_2.png) no-repeat;}

.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);}

.page[data-page='0'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page0.jpg) }
.page[data-page='1'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page1.jpg) }
.page[data-page='2'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page2.jpg) }
.page[data-page='3'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page3.jpg) }
.page[data-page='4'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page4.jpg) }
.page[data-page='5'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page5.jpg) }
.page[data-page='6'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page6.jpg) }
.page[data-page='7'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page7.jpg) }
.page[data-page='8'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page8.jpg) }
.page[data-page='9'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page9.jpg) }
.page[data-page='10'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page10.jpg) }
.page[data-page='11'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page11.jpg) }
.page[data-page='12'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page12.jpg) }
.page[data-page='13'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page13.jpg) }
.page[data-page='14'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page14.jpg) }
.page[data-page='15'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page15.jpg) }
.page[data-page='16'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page16.jpg) }
.page[data-page='17'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page17.jpg) }
.page[data-page='18'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page18.jpg) }
.page[data-page='19'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page19.jpg) }
.page[data-page='20'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page20.jpg) }
.page[data-page='21'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page21.jpg) }
.page[data-page='22'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page22.jpg) }
.page[data-page='23'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page23.jpg) }
.page[data-page='24'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page24.jpg) }
.page[data-page='25'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page25.jpg) }
.page[data-page='26'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page26.jpg) }
.page[data-page='27'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page27.jpg) }
.page[data-page='28'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page28.jpg) }
.page[data-page='29'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page29.jpg) }
.page[data-page='30'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page30.jpg) }
.page[data-page='31'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page31.jpg) }
.page[data-page='32'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page32.jpg) }
.page[data-page='33'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page33.jpg) }
.page[data-page='34'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page34.jpg) }
.page[data-page='35'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page35.jpg) }
.page[data-page='36'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page36.jpg) }
.page[data-page='37'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page_event1_1.jpg) }
.page[data-page='38'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page_event1_2.jpg) }
.page[data-page='39'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page_event2_1.jpg) }
.page[data-page='40'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page_event2_2.jpg) }
.page[data-page='41'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page_event3_1.jpg) }
.page[data-page='42'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page_event3_2.jpg) }
.page[data-page='43'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page_reply_1.jpg) }
.page[data-page='44'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page_reply_2.jpg) }
.page[data-page='45'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page45.jpg) }
.page[data-page='46'] { background-image:url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/page/page46.jpg) }


.p1 .btn.reply { z-index: 300; position: absolute; top: 696px; left: 400px; width: 140px; height: 124px;}
.p1 .btn.reply a { display:block; width:100%; height:100%; text-indent: -9999px; }

.pop_play { z-index: 300; position: absolute; width: 140px; height: 50px;}

.page[data-page="6"] .pop_play { top: 47px; left: 210px; }
.page[data-page="7"] .pop_play { top: 48px; left: 195px; }
.page[data-page="9"] .pop_play { top: 48px; left: 184px; }
.page[data-page="11"] .pop_play { top: 48px; left: 140px; }
.page[data-page="13"] .pop_play { top: 178px; left: 33px; }

.page[data-page="15"] .pop_play { top: 48px; left: 140px; }
.page[data-page="17"] .pop_play { top: 172px; left: 34px; }
.page[data-page="19"] .pop_play { top: 48px; left: 147px; }
.page[data-page="22"] .pop_play { top: 186px; left: 377px; }
.page[data-page="24"] .pop_play { top: 182px; left: 377px; }

.page[data-page="25"] .pop_play { top: 48px; left: 192px; }
.page[data-page="28"] .pop_play { top: 48px; left: 246px; }
.page[data-page="29"] .pop_play { top: 46px; left: 148px; }
.page[data-page="32"] .pop_play { top: 48px; left: 254px; }
.page[data-page="33"] .pop_play { top: 46px; left: 140px; }

.pop_play a { display:block; width:100%; height:100%; text-indent: -9999px; }

.p43 .btn.reply { position:absolute; width: 197px; height: 125px; top: 99px; left: 296px; z-index:1; }
.p43 .btn.reply a { display:block; width: 100%; height:100%; text-align:left; text-indent:-9999px; overflow:hidden; }

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

.cursor {z-index: 200; position: absolute; width: 60px; 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: #714432; text-align: right; font-size:13px;}
.recommentArea .listLength span {color:#714432; font-weight:bold;}

.typePost .inputBox {position: absolute; top: 59px; right: 20px; 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: #746052; 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 0px 8px 11px; float:left; position: relative; width: 249px; height: 187px; background: url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/bg_post.png) no-repeat; }
.typePost .commentList .noList {/*left:369px; top:106px;*/ text-align: center; padding:50px 0 0 0;color:#746052;}
.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:#746052;}
.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: #673800;}
.typePost .commentList li .date {position: absolute; top: 135px; right: 30px; color:#a1957a; 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:#9a1d19; vertical-align: middle; opacity: 1;  }
.typePost .paging li a {margin:0 5px; display: inline-block; width: 25px; height: 25px;line-height:25px;  font-size:14px; color:#876741; vertical-align: middle;}
.typePost .paging li a:hover {text-decoration: none; color:#876741; font-weight:bold; opacity: 1;}
.typePost .paging li .first,
.typePost .paging li .prev,
.typePost .paging li .next,
.typePost .paging li .last {margin-top: 1px; display: block; text-indent: -9999px; opacity: 1; }

.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/2019/events/190228_costumeMg_55ut/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/2019/events/190228_costumeMg_55ut/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/2019/events/190228_costumeMg_55ut/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/2019/events/190228_costumeMg_55ut/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;}

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

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

#popPlay { position: absolute; top: 273px; margin-left: -640px; }
#popPlay .youtubeArea { background-color: black; }
#popPlay .close {position: absolute;  right: 0; top: -62px; }
#popPlay .close button { display: block; text-indent: -9999px; width: 54px; height: 54px; background: url(http://s.nx.com/s2/game/closers/2019/events/190228_costumeMg_55ut/btn_popClose.png) no-repeat;}