업데이트 정보

[2019.12.18] 타나토스타워 개편!!

<div style="position: relative; width: 650px; z-index: 1;"> 
 <img id="img_main" src="https://imgc1.gnjoy.com/event/2019/12/1226_ro1_tanatossTower_Event/images/top.jpg" alt="메인 이미지" style="z-index: 2; position: relative; left: 0; top: 0; vertical-align:top; border: 0; "> 
 <ul class="menu" style="z-index: 10; list-style: none; padding: 0; margin: 0; border: 0;"> 
  <li style=" position:absolute; left:0px; top:1505px; z-index: 5;"><a data-number="1" href="#tab1"><img src="https://imgc1.gnjoy.com/event/2019/12/1226_ro1_tanatossTower_Event/images/tab1_on.png" alt="퀘스트 탭 버튼"></a></li> 
  <li style=" position:absolute; left:163px; top:1505px; z-index: 5;"><a data-number="2" href="#tab2"><img src="https://imgc1.gnjoy.com/event/2019/12/1226_ro1_tanatossTower_Event/images/tab2_off.png" alt="신규 던전 탭 버튼"></a></li> 
  <li style=" position:absolute; left:326px; top:1505px; z-index: 5;"><a data-number="3" href="#tab3"><img src="https://imgc1.gnjoy.com/event/2019/12/1226_ro1_tanatossTower_Event/images/tab3_off.png" alt="신규 아이템 탭 버튼"></a></li> 
  <li style=" position:absolute; left:487px; top:1505px; z-index: 5;"><a data-number="4" href="#tab4"><img src="https://imgc1.gnjoy.com/event/2019/12/1226_ro1_tanatossTower_Event/images/tab4_off.png" alt="인챈트 안내 탭 버튼"></a></li> 
 </ul> 
 <section id="tab1" class="tab_1 event1" style="display:block;"> 
  <div style="overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height:0; font-size:0; text-indent:-9999px; z-index: 1;"> 
  </div> 
  <div style="z-index: 2; position: relative; left: 0; top: 80px;"> 
   <img src="https://imgc1.gnjoy.com/event/2019/12/1226_ro1_tanatossTower_Event/images/con1.jpg" alt="콘텐츠 1" style="vertical-align:top; border: 0;"> 
  </div> 
 </section> 
 <section id="tab2" class="tab_2 event2" style="display:none"> 
  <div style="overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height:0; font-size:0; text-indent:-9999px; z-index: 1;"> 
  </div> 
  <div style="z-index: 2; position: relative; left: 0; top: 80px;"> 
   <img src="https://imgc1.gnjoy.com/event/2019/12/1226_ro1_tanatossTower_Event/images/con2.jpg" alt="콘텐츠 2" style="vertical-align:top; border: 0;"> 
  </div> 
 </section> 
 <section id="tab3" class="tab_3 event3" style="display:none"> 
  <div style="overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height:0; font-size:0; text-indent:-9999px; z-index: 1;"> 
  </div> 
  <div style="z-index: 2; position: relative; left: 0; top: 80px;"> <a id="popup_btn1" href="#" style="position : absolute; width: 220px; height: 40px; top: 78.5%; z-index: 10; left: 33%; background: rgba(255, 255, 255, 0); " title="죄악 악세사리 안내 버튼"></a> <a id="popup_btn2" href="#" style="position : absolute; width: 220px; height: 40px; top: 93.2%; z-index: 10; left: 33%; background: rgba(255, 255, 255, 0); " title="선의 악세사리 안내 버튼"></a> 
   <img src="https://imgc1.gnjoy.com/event/2019/12/1226_ro1_tanatossTower_Event/images/con3.jpg" alt="콘텐츠 3" style="vertical-align:top; border: 0;"> <span class="blind" style="display:none; position:absolute; bottom:0; left:0; width:650px; height:2071px; background-color:black; opacity: 0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; z-index:11; "></span> 
   <div class="popup1" style="display: none; position: absolute; z-index: 11; top : 50%; left: 50%; width: 584px; height: 1000px; margin-left: -283.5px; margin-top: -500px; overflow-y: scroll;"> <a class="close" href="#" style="cursor: pointer; position : absolute; display : block; width: 44px; height: 46px; left: 88%; top: 21px; background: rgba(255, 255, 255, 0); " title="닫기 버튼"> </a> 
    <img src="https://imgc1.gnjoy.com/event/2019/12/1226_ro1_tanatossTower_Event/images/popup1.png" alt="죄악 악세사리 안내 팝업창"> 
   </div> 
   <div class="popup2" style="display: none; position: absolute; z-index: 11; top : 50%; left: 50%; width: 584px; height: 1000px; margin-left: -283.5px; margin-top: -500px; overflow-y: scroll;"> <a class="close" href="#" style="cursor: pointer; position : absolute; display : block; width: 44px; height: 46px; left: 88%; top: 21px; background: rgba(255, 255, 255, 0); " title="닫기 버튼"> </a> 
    <img src="https://imgc1.gnjoy.com/event/2019/12/1226_ro1_tanatossTower_Event/images/popup2.png" alt="선의 악세사리 안내 팝업창"> 
   </div> 
  </div> 
 </section> 
 <section id="tab4" class="tab_4 event4" style="display:none"> 
  <div style="overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height:0; font-size:0; text-indent:-9999px; z-index: 1;"> 
  </div> 
  <div style="z-index: 2; position: relative; left: 0; top: 80px;"> 
   <img src="https://imgc1.gnjoy.com/event/2019/12/1226_ro1_tanatossTower_Event/images/con4.jpg" alt="콘텐츠 4" style="vertical-align:top; border: 0;"> 
  </div> 
 </section> 
</div> 
<script type="text/javascript">
    $(document).ready(function(){
        $('.menu li a').click(function(){
            var current = $(this).children('img');
            $('.menu img').each(function(i, img) {
                $(this).attr('src', 'https://imgc1.gnjoy.com/event/2019/12/1226_ro1_tanatossTower_Event/images/tab'+(i+1)+'_off.png'); 
            });
            current.attr('src', current.attr('src').replace('off', 'on'));
            for(var i=0; i<=$('.menu li a img').length; i++){
                $('#tab'+i).fadeOut('fast');
            };
            $('#tab'+$(this).attr('href').split('tab')[1]).fadeIn('fast');
                        
        return false;
        });
        
        // 팝업 오픈
        $('[id^=popup_btn]').click(function(){                    
            var thisNum = this.id.split('popup_btn')[1];            
            $('.blind').show();
            $('.popup'+thisNum).show();
            var popup_line = $('.popup'+thisNum).offset().top;
            $('html').animate({scrollTop : popup_line}, 400);
            return false;
        })

// 닫기 버튼
        $('.close').click(function(){
            var btn_line = $("#popup_btn1").offset().top-500;
            $('.blind').hide();
            $('[class^=popup]').hide();
            $('html').animate({scrollTop : btn_line}, 400);
            return false;            
        });
    });
</script> 
<br> 
<br> 
<br><br><br>

업데이트 정보

블랙리스트 정보

블랙 리스트 추가

블랙 리스트 Json 변환

직업 목록

의상 선택

스킬 트리 목록