@charset "utf-8";

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

/* Styles
-------------------------------------------------------------- */
body, html {width:100%; height:100%; background:#000; }
.innerWrap a, .innerWrap button {background:url(https://ssl.nx.com/s2/game/arpiel/obt/main/bg_link.png) no-repeat;}
#wrap .btn {cursor: default;}
/* 공통 */
#wrap { position: relative; top: 0; left: 0; width: 100%; min-width: 1280px; overflow: hidden; }
#wrap .innerWrap { position: relative; margin:0 auto; left: 0; top: 0; margin:0 auto; width: 1280px;  }
/* #wrap .innerWrap button, #wrap .innerWrap a { border: 2px solid #eee !important; text-indent: 0px !important; } */


/*  탭  */
.tabWrap {z-index: 30; position: absolute; left: 0; top: 1007px; width: 100%; }
.tabWrap .innerWrap {position: absolute; top: 0; left: 0px;  }
.tabWrap ul { margin-left: 241px;  width: 800px; height: 100px; }
.tabWrap .list li a { display: block; text-indent: -9999px; width: 400px; height: 100px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/tab.png) 0 0px no-repeat;}
.tabWrap .list li { float: left; }
.tabWrap .list ._1 a {background-position: 0 0;}
.tabWrap .list ._2 a {background-position: -400px 0;}
.tabWrap .list ._1 a.on {background-position: 0 -100px;}
.tabWrap .list ._2 a.on {background-position: -400px -100px;}


.tab_contents .contents {position: relative; display: none;}
.tab_contents .contents.active {position: relative; display: block;}

.navWrap .contents { position: absolute; top: 300px; right: 0; }
.navWrap .contents > ul { display: none; }
.navWrap .contents > ul.on { display: block; }
.navWrap .contents li {margin:0 0 0 7px; width: 105px;}
.navWrap .contents li:first-child {padding-top:10px;}
.navWrap .contents li a { display: block; width: 105px; height: 29px; text-indent: -9999px; }
.navWrap .contents li:first-child a { height: 19px; }
.navWrap .contents .update {width: 121px; height: 121px;background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/nav_update_bg.png) no-repeat;}
.navWrap .contents .update li a { background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/nav_update.png) no-repeat; }
.navWrap .contents .update li._1 a { background-position-y: 0px }
.navWrap .contents .update li._2 a { background-position-y: -19px }
.navWrap .contents .update li._3 a { background-position-y: -48px }
.navWrap .contents .update li._4 a { background-position-y: -77px }
.navWrap .contents .update li a:hover, .navWrap .contents .update li.on a { background-position-x: -105px; }

.navWrap .contents .event {width: 121px; height: 121px;background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/nav_event_bg.png) no-repeat;}
.navWrap .contents .event li a { background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/nav_event.png) no-repeat; }
.navWrap .contents .event li._1 a { background-position-y: 0px }
.navWrap .contents .event li._2 a { background-position-y: -19px }
.navWrap .contents .event li._3 a { background-position-y: -48px }
.navWrap .contents .event li._4 a { background-position-y: -77px }
.navWrap .contents .event li a:hover, .navWrap .contents .event li.on a { background-position-x: -105px; }

.tab_header{ position: relative; top: 0; left: 0; margin: 0 auto; max-width: 1920px; min-width: 1280px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/bg_header.jpg) center 0 no-repeat; overflow: hidden;}
.tab_header .innerWrap { height: 1007px; }
.tab_header .title { display:none;}

.tab_header .char0 {z-index: 50; position: absolute; left:338px; top: 292px; width: 36px; height: 51px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/ico_char_0.png) no-repeat;}
.tab_header .char1 {z-index: 50; position: absolute; left:338px; top: 398px; width: 52px; height: 115px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/ico_char.png) no-repeat;}
.tab_header .deco0 {z-index: 50; position: absolute; right:-320px; top: 0px; width: 530px; height: 416px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/ico_obj1.png) no-repeat;}
.tab_header .deco1 {z-index: 50; position: absolute; right:-102px; top: 745px; width: 450px; height: 275px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/ico_obj2.png) no-repeat;}


.tab_header .movieArea {z-index: 30; position: relative; top: 299px; left:  139px; }
.tab_header .movieArea .youtubeArea { position: absolute; top: 0px; left: 0px; width: 802px; height: 453px;  }
.tab_header .movieArea .youtubeArea iframe { }
.tab_header .movieArea .start { position: absolute; top: 0px; left: 0px; width: 802px; height:452px; cursor:pointer; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/bg_start.jpg) no-repeat; }


/* Update */
.contents._01 .section1 { background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/bg_update_1_off.jpg) center 0 no-repeat; }
/* .contents._01 .section1 .bg { position: absolute; top: 0; left: -320px; width: 1920px; height: 100%; background: url(iamges/bg_update_1_on.jpg) center 0 no-repeat; opacity: 0; transition:all 0.5s;}
.contents._01 .section1.on .bg { opacity: 1; } */
.contents._01 .section1 .innerWrap { height: 1145px; }
.contents._01 .section2 { background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/bg_update_2.jpg) center 0 no-repeat; }
.contents._01 .section2 .innerWrap { height: 950px; }
.contents._01 .section3 { background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/bg_update_3.jpg) center 0 no-repeat; }
.contents._01 .section3 .innerWrap { height: 970px; }
.contents._01 .section4 { background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/bg_update_4.jpg) center 0 no-repeat; }
.contents._01 .section4 .innerWrap { height: 1394px; }

.contents._01 .section1 .profile  { position: absolute; }

.contents._01 .section1 .profile > p { position: absolute;  }
/* .contents._01 .section1.on .profile > p { opacity: 1; } */
.contents._01 .section1 .profile .p1 { opacity: 0;/*  top: 540px; left: 184px; */ top: 640px; left: 284px;  width: 264px; height: 195px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/img_profile_1.png) no-repeat; }
.contents._01 .section1 .profile .p2 {z-index: 30; opacity: 0; /* top: 470px; left: 908px; */ top:570px; left: 808px; width: 205px; height: 150px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/img_profile_2.png) no-repeat; }
.contents._01 .section1 .profile .p3 { opacity: 0; /* top: 750x; left: 184px; */ top: 650px; left: 284px;  width: 264px; height: 294px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/img_profile_3.png) no-repeat; }
.contents._01 .section1 .profile .p4 { opacity: 0; /* top: 640x; left: 882px; */ top: 540px; left: 782px;  width: 230px; height: 400px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/img_profile_4.png) no-repeat; }



.contents._01 .section3 .btn.link { position: absolute; top: 282px; left: 545px; width: 189px; height: 189px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/btn_detail_default.jpg) no-repeat;}
.contents._01 .section3 .btn.link a { position: relative; display: block; width: 189px; height: 189px; text-indent: -9999px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/btn_detail_over.jpg) no-repeat; opacity:0; transition:all 0.5s;}
.contents._01 .section3 .btn.link a:hover {opacity:1;}


/* Event */
.contents._02 .section1 { background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/bg_event_1.jpg) center 0 no-repeat; }
.contents._02 .section1 .innerWrap { height: 1055px; }
.contents._02 .section2 { background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/bg_event_2.jpg) center 0 no-repeat; }
.contents._02 .section2 .innerWrap { height: 1607px; }
.contents._02 .section3 { background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/bg_event_3.jpg) center 0 no-repeat; }
.contents._02 .section3 .innerWrap { height: 1005px; }
.contents._02 .section4 { background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/bg_event_4.jpg) center 0 no-repeat; }
.contents._02 .section4 .innerWrap { height:1663px; }

.contents._02 .section2 .tooltip1 {z-index:30; position: absolute; top: 1170px; left: 339px; width: 153px; height: 21px; text-indent: -9999px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/spr_tooltip1.png) no-repeat;}
.contents._02 .section2 .tooltip1:hover {background-position: 0 -21px;}
.contents._02 .section2 .tooltip1::after { transition: all 0.2s; content: ''; position: absolute; top: -43px; left: 160px; opacity: 0; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/img_tooltip1.png) no-repeat;}
.contents._02 .section2 .tooltip1:hover::after {display: block; opacity: 1;  width: 424px; height: 104px; transition: all 0.3s;}

.contents._02 .section2 .tooltip2 { position: absolute; top: 1216px; left: 339px; width: 180px; height: 21px; text-indent: -9999px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/spr_tooltip2.png) no-repeat;}
.contents._02 .section2 .tooltip2:hover {background-position: 0 -21px;}
.contents._02 .section2 .tooltip2::after { transition: all 0.2s; content: ''; position: absolute; top: -5px; left: 188px; opacity: 0; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/img_tooltip2.png) no-repeat;}
.contents._02 .section2 .tooltip2:hover::after {display: block; opacity: 1; width: 244px; height: 139px; transition: all 0.3s;}

.contents._02 .section3 .btn.send { position: absolute; top:430px; left: 545px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/btn_send_default.jpg) no-repeat;}
.contents._02 .section3 .btn.send button { position: relative; display: block; width:189px; height: 189px; text-indent: -9999px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/btn_send_over.jpg) no-repeat; opacity:0; transition:all 0.5s;}
.contents._02 .section3 .btn.send button:hover { opacity: 1; }

.contents._02 .recommentArea {position: absolute; top: 455px; left: 41px;  width:100%;}
.contents._02 .recommentArea .listLength {position: absolute; top: -129px; right: 60px;  padding:0 0 5px 0; color:#c7ae9f; text-align: right; font-size: 14px; }
.contents._02 .recommentArea .listLength span { color:#eb2b15; font-weight:bold;}

.contents._02 .inputBox {position: absolute; top: 0px; left: 90px; width: 1020px; height: 75px; background:none ;}
.contents._02 .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;}
.contents._02 .inputBox textarea {padding:10px; float: left; margin:12px 0 0 80px; width: 855px; height: 33px; border:0; resize:none; font-size:13px; color:#1d0e08; background: #ececec; }
.contents._02 .inputBox .btn {float: left; margin-top:12px;}
.contents._02 .inputBox .btn button {display: block; width: 53px; height: 53px; background:none; text-indent: -9999px;  }
.contents._02 #commentArea { position: absolute; top: 106px; left: 89px; width:1080px;}
/* .contents._02 .commentList { width: 1050px;} */
.contents._02 .commentList li {margin:0 25px 25px 0; float:left; position: relative; width: 236px; height: 168px; background:#ececec; }
.contents._02 .commentList .noList {left: 0px; top: 0px; text-align: center; padding:50px 0 0 0;color:#555;}
.contents._02 .commentList li .char {position: absolute; left: 20px; top: 102px; }
.contents._02 .commentList li .desc {padding:16px 0 0 19px; position: relative; font-size:14px; width: 200px; color:#555;}
.contents._02 .commentList li .desc .scroll {overflow-y:auto; height:80px; width: 100%;}
.contents._02 .commentList li .desc .scroll .comment {word-break:break-all; word-wrap:break-word;}
.contents._02 .commentList li .nick {position: absolute; top: 119px; right: 25px; font-size:11px; color: #565656; font-weight:bold;}
.contents._02 .commentList li .date {position: absolute; top: 139px; right: 25px; color:#834e50; font-size:11px;}
.contents._02 .commentList .ico_del,
.contents._02 .commentList .ico_new {margin-left:5px;}

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

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

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

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

/*  레이어 팝업 */
.overlay { z-index:200; position:fixed; left: 0;top: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; filter:alpha(opacity = 80); display:none;}
.layerPop { z-index:300; position: fixed; left: 50%;top: 50%;}
.close button { display: block; text-indent: -9999px; width: 58px; height: 58px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/btn_close.png) no-repeat;}

#popMovie {position: absolute; top: 198px; left: 50%; margin:0 0 0 -480px; /* width: 960px; height: 540px;  */  }

#popMovie .close { position: absolute; left: 452px; top: -21px; }


#popAlert {padding:20px; width: 320px; min-height:90px; background:#fff; border: 4px #272a2e solid;}
#popAlert .text { margin:0 0 10px 0;  color: #4e5256; text-align: center; font-size: 16px; font-family: 나눔고딕, 'NanumGothic', 'Nanum Gothic'; letter-spacing: -0.02em; line-height: 18px;  }
#popAlert .close {position: absolute; top: 13px; right: 13px;}
#popAlert .close button {width: 15px; height: 15px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/ico_popClose.png) no-repeat;}
#popAlert .confirm button {margin:10px auto 0; display: block; width: 121px; height: 37px; background:#272a2e; color:#fff; font-size:16px; line-height:35px;}


/* S: 레비아 티징 플로팅 배너 추가 =========================================  */
#wrap .btn_teaser { z-index:10; position: absolute; top: 75px; right: 20px; width: 240px; height: 247px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/btn_float_banner_qwx.png) no-repeat;}
#wrap .btn_teaser a { position: relative; display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/btn_float_banner_qwx_over.png) no-repeat; opacity:0; transition:all 0.3s;}
#wrap .btn_teaser a:hover {opacity:1;}

#popPromotion190215 { z-index:300; position: absolute; top: 0px;  left: 50%;  margin: 0 0 0 -640px; }
#popPromotion190215 .nowCheck { display: none; position: absolute; top: 183px; right: 374px; padding: 0px 0 0 20px}
#popPromotion190215 .close {position: absolute; top: 118px; right: 374px; }
#popPromotion190215 .close button {display: block; text-indent: -9999px; width: 52px; height: 53px; background:url(http://s.nx.com/s2/game/closers/2019/events/190502_teaserMain_st3067n5/btn_close_teaser.png) no-repeat; outline:none;}
/* E: 레비아 티징 플로팅 배너 추가 =========================================  */