라그나로크 소개
공지사항
업데이트
이벤트
확률공개
결제/충전 내역 확인
충전내역
구매내역
선물내역
RO포인트 전환내역
1:1문의
내 문의내역
이용약관/정책
이용약관
유료서비스 이용약관
개인정보 처리방침
청소년 보호정책
모바일 이용약관
모바일 개인정보 처리방침
업데이트
챕터 1 룬 타블렛 업데이트 안내
8/1/2025 5
<div style="position: relative; width: 650px; z-index: 1"> <div style="overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1; width: 0; height: 0; font: normal 0/0 dotum"> <h1>CHAPTER1 룬 타블렛 업데이트</h1> </div> <div style="position: relative; left: 0; top: 0; z-index: 2"> <img src="https://imgc.gnjoy.com/event/2025/08/0806_ro1_Chapter1RoonTablet_DM08198BV/images/common.webp" alt="CHAPTER1 룬 타블렛 안내" usemap="#commonMap" /> <map name="commonMap"> <area href="https://ro.gnjoy.com/news/update/View.asp?seq=280&curpage=1" target="_blank" alt="룬타블렛 시스템 업데이트 안내 바로가기" title="룬타블렛 시스템 업데이트 안내 바로가기" coords="92,750,561,852" shape="rect" /> </map> <map name="item" id="eventMap"> <area shape="rect" data-tab="1" data-src="https://imgc.gnjoy.com/event/2025/08/0806_ro1_Chapter1RoonTablet_DM08198BV/images/tab1.webp" href="#none" title="CHAPTER1 룬 세트" coords="30, 0, 230, 94" /> <area shape="rect" data-tab="2" data-src="https://imgc.gnjoy.com/event/2025/08/0806_ro1_Chapter1RoonTablet_DM08198BV/images/tab2.webp" href="#none" title="CHAPTER1 룬 조각" coords="230, 0, 425, 94" /> <area shape="rect" data-tab="3" data-src="https://imgc.gnjoy.com/event/2025/08/0806_ro1_Chapter1RoonTablet_DM08198BV/images/tab3.webp" href="#none" title="CHAPTER1 판화된 아이템" coords="425, 0, 620, 94" /> </map> <section class="content-wrap" id="content1" style="display: block; z-index: 2; position: relative"> <img src="https://imgc.gnjoy.com/event/2025/08/0806_ro1_Chapter1RoonTablet_DM08198BV/images/tab1.webp" class="eventContent" usemap="#item" style="vertical-align: top; position: relative; z-index: 2" /> <img src="https://imgc.gnjoy.com/event/2025/08/0806_ro1_Chapter1RoonTablet_DM08198BV/images/1.webp" alt="" /> </section> <section class="content-wrap" id="content2" style="display: none; z-index: 2; position: relative"> <img src="https://imgc.gnjoy.com/event/2025/08/0806_ro1_Chapter1RoonTablet_DM08198BV/images/tab2.webp" class="eventContent" usemap="#item" style="vertical-align: top; position: relative; z-index: 2" /> <img src="https://imgc.gnjoy.com/event/2025/08/0806_ro1_Chapter1RoonTablet_DM08198BV/images/2.webp" alt="" /> </section> <section class="content-wrap" id="content3" style="display: none; z-index: 2; position: relative"> <img src="https://imgc.gnjoy.com/event/2025/08/0806_ro1_Chapter1RoonTablet_DM08198BV/images/tab3.webp" class="eventContent" usemap="#item" style="vertical-align: top; position: relative; z-index: 2" /> <img src="https://imgc.gnjoy.com/event/2025/08/0806_ro1_Chapter1RoonTablet_DM08198BV/images/3.webp" alt="" /> </section> </div> </div> <script type="text/javascript"> $('#eventMap area[data-tab]').click(function () { var content = $('.eventContent'); var thisSrc = $(this).attr('data-src'); var thisTab = $(this).attr('data-tab'); content.attr('src', thisSrc); $('.content-wrap').hide(); $('#content' + thisTab).show(); }); </script>
