업데이트 정보

[2021.02.01] EPISODE 18 기도의 방향 업데이트 안내

<div style="position: relative; width: 650px; z-index: 1;"> 
 <img src="https://imgc1.gnjoy.com/ufile/common/2021/02/02/104941_kHer8Hpw.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: 30px; top: 1067px; z-index: 5;"><a href="#tab1" alt="메인 퀘스트"><img src="https://imgc1.gnjoy.com/event/2021/01/0120_ro1_episode18dot1_update/images/tab1_on.png"></a></li> 
  <li style=" position:absolute; left:178px; top:1067px; z-index: 5;"><a href="#tab2" alt="신규 메모리얼 던전"><img src="https://imgc1.gnjoy.com/event/2021/01/0120_ro1_episode18dot1_update/images/tab2_off.png"></a></li> 
  <li style=" position:absolute; left:326px; top:1067px; z-index: 5;"><a href="#tab3" alt="신규 아이템 안내"><img src="https://imgc1.gnjoy.com/event/2021/01/0120_ro1_episode18dot1_update/images/tab3_off.png"></a></li> 
  <li style=" position:absolute; left:474px; top:1067px; z-index: 5;"><a href="#tab4" alt="신규 카드 안내"><img src="https://imgc1.gnjoy.com/event/2021/01/0120_ro1_episode18dot1_update/images/tab4_off.png"></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: 0;"> 
   <img src="https://imgc1.gnjoy.com/ufile/common/2021/02/02/114303_N9EnjIZa.jpg" alt="메인 퀘스트_설명 이미지" 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: 0;"> 
   <img src="https://imgc1.gnjoy.com/ufile/common/2021/02/02/114401_ZvhPzOHu.jpg" usemap="#popup" alt="신규 메모리얼 던전_설명 이미지" style="vertical-align:top; border: 0;"> 
  </div> 
 </section> 
 <section id="tab3" class="tab_3 event3" style="display:none; position: relative;"> <a class="popup_btn" data-popupnumber="1" style="background: rgba(0, 0, 0, 0); position: absolute; z-index: 3; width: 192px; height: 56px; left: 30px; top: 655px; cursor: pointer;" href="#" title="무기 아이템 버튼"> </a> <a class="popup_btn" data-popupnumber="2" style="background: rgba(0, 0, 0, 0); position: absolute; z-index: 3; width: 192px; height: 56px; left: 229px; top: 655px; cursor: pointer;" href="#" title="무기랜덤옵션 버튼"> </a> <a class="popup_btn" data-popupnumber="3" style="background: rgba(0, 0, 0, 0); position: absolute; z-index: 3; width: 192px; height: 56px; left: 428px; top: 655px; cursor: pointer;" href="#" title="방어구 아이템 버튼"> </a> <a class="popup_btn" data-popupnumber="4" style="background: rgba(0, 0, 0, 0); position: absolute; z-index: 3; width: 192px; height: 56px; left: 130px; top: 719px; cursor: pointer;" href="#" title="신규 인챈트 안내 버튼"> </a> <a class="popup_btn" data-popupnumber="5" style="background: rgba(0, 0, 0, 0); position: absolute; z-index: 3; width: 192px; height: 56px; left: 329px; top: 719px; cursor: pointer;" href="#" title="신규 인챈트 리스트안내 버튼"> </a> 
  <div style="z-index: 2; position: relative; left: 0; top: 0;"> 
   <img src="https://imgc1.gnjoy.com/ufile/common/2021/02/02/114431_9eagLQdU.jpg" alt="신규 아이템 안내_설명 이미지" style="vertical-align:top; border: 0;"> 
  </div> 
 </section> 
 <section id="tab4" class="tab_4 event4 tab" style="display:none;"> 
  <div style="z-index: 2; position: relative; left: 0; top: 0;"> 
   <img src="https://imgc1.gnjoy.com/ufile/common/2021/02/03/111953_zbcjfF2n.jpg" alt="신규 카드 안내_설명 이미지" style="vertical-align:top; border: 0;"> 
  </div> 
 </section> 
 <section id="popup" class="popup" style="display: none; position: absolute; z-index: 13; top: 1200px; left: 50%; margin-left: -302px; height: 1100px; width: 607px; overflow-y: scroll;"> 
  <img id="popup1" src="https://imgc1.gnjoy.com/ufile/common/2021/02/02/115502_wrXF7VW1.png" style="display: none; margin-top : -53px" alt="popup 이미지 1"> 
  <img id="popup2" src="https://imgc1.gnjoy.com/ufile/common/2021/02/03/042904_Qekqa7b3.png" style="display: none; margin-top : -53px" alt="popup 이미지 2"> 
  <img id="popup3" src="https://imgc1.gnjoy.com/ufile/common/2021/02/02/120035_2w47qFIc.png" style="display: none; margin-top : -53px" alt="popup 이미지 3"> 
  <img id="popup4" src="https://imgc1.gnjoy.com/ufile/common/2021/02/03/105455_JjvEByYG.png" style="display: none; margin-top : -53px" alt="popup 이미지 4"> 
  <img id="popup5" src="https://imgc1.gnjoy.com/ufile/common/2021/02/03/051835_CK1UlPlD.png" style="display: none; margin-top : -53px" alt="popup 이미지 5"> <a href="" class="btnClose" style="background: rgba(0, 0, 0, 0); width: 50px; height: 50px; position: absolute; z-index: 5; top : -3px; right: 10px; cursor: pointer;"></a> 
 </section> <span class="layerOn" style="display:none; position:absolute; top:0; left:0; width:650px; height:100%; background-color:black; opacity: 0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; z-index:6; "></span> 
</div> 
<script type="text/javascript">
    $(document).ready(function(){

//기본 스크립트
        var _scrollTop = 0;
        
            var $number;
            $('.popup_btn').on('click', function() {    
                $number = $(this).data('popupnumber');
                $('.popup').fadeIn();
                $('.layerOn').show();
                $('#popup'+$number).show();

_scrollTop = $('.menu').offset().top;
                
                $('html, body').animate({scrollTop : _scrollTop}, 400);

return false;
            });
            $('.btnClose').on('click', function() {    
                $('.popup').hide();
                $('.layerOn').hide();
                $('#popup'+$number).hide();
                return false;
            });

$('.menu li a').click(function(){ // 메뉴 탭 효과   
            
  
            var current = $(this).children('img');
            $('.menu img').each(function(i, img) {
                $(this).attr('src', 'https://imgc1.gnjoy.com/event/2021/01/0120_ro1_episode18dot1_update/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).css('display','none');
            };
            $('#tab'+$(this).attr('href').split('tab')[1]).css('display','block');
        return false;
        });
          
    });
</script><br><br>

업데이트 정보

블랙리스트 정보

블랙 리스트 추가

블랙 리스트 Json 변환

직업 목록

의상 선택

스킬 트리 목록