라그나로크 소개
공지사항
업데이트
이벤트
결제/충전 내역 확인
충전내역
구매내역
선물내역
RO포인트 전환내역
1:1문의
내 문의내역
이용약관/정책
이용약관
유료서비스 이용약관
개인정보 처리방침
청소년 보호정책
모바일 이용약관
모바일 개인정보 처리방침
업데이트
레벨확장 업데이트 안내 (200Lv)
2019-08-05
<!--meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="http://ro.gnjoy.com/ResJs/jquery/jquery-1.7.1.min.js"></script> <title></title--> <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>기다림의 시간은 끝났다!!<br /> 라그나로크 의상공모전 수상작 3종을 ROZ에도 UPDATE</h1> </div> <div style="position: relative; left: 0; top: 0; z-index: 2;"><img alt="Ragnarok Today" border="0" src="http://imgc1.gnjoy.com/ufile/common/2019/08/07/071410_JfZ8AbTf.jpg" usemap="#itemView1" /></div> <!--팝업이미지1--> <div class="cubePopup1" id="cubePopup1" style="position: absolute; display : none; z-index: 4; top: 2%; margin-left: -291.5px; left: 50%; height: 810px; overflow-x: hidden;"> <img alt="경험치 테이블 안내" src="http://imgc1.gnjoy.com/ufile/common/2019/08/07/060700_8JjNtuiM.jpg" /> <!-- 닫기버튼 --> <a class="css-close" id="btn_close1"></a> </div> <!--팝업이미지2--> <div class="cubePopup2" id="cubePopup2" style="position: absolute; display : none; z-index: 4; top: 2%; margin-left: -291.5px; left: 50%; height: 810px; overflow-x: hidden;"> <img alt="직업 레벨 가중치" src="http://imgc1.gnjoy.com/ufile/common/2019/08/07/071633_Cl2WmB6A.jpg" /> <!-- 닫기버튼 --> <a class="css-close" id="btn_close2"></a> </div> <!--레이어 팝업 호출버튼 맵--> <map id="itemView1" name="itemView1"> <area alt="경험치 테이블 안내" class="btnCube" coords="33,777,226,848" href="#" id="btnCube1" shape="rect" target="_blank" /> <area alt="직업 레벨 가중치" class="btnCube" coords="228,777,422,848" href="#" id="btnCube2" shape="rect" target="_blank" /> <area alt="신규 던전 안내" class="btnCube" coords="425,777,617,848" href="http://ro.gnjoy.com/news/update/View.asp?seq=241&curpage=1" shape="rect" target="_blank" /> </map> </div> <!--레이어 팝업 열릴때 배경어둡게--> <script type="text/javascript"> //기본 스크립트 $(document).ready(function(){ $('.btnCube').on('click', function() { var $id = $(this).attr("id").split("btnCube")[1]; $('.cubePopup' + $id).show(); $(".cubePopup"+$id).css("top", "26px"); $('.layerOn').css("display" , "block"); return false; }); $('.css-close').on('click', function() { var $id = $(this).attr("id").split("btn_close")[1]; $('.cubePopup' + $id).hide(); $('.layerOn').css("display" , "none"); return false; }); }); </script> <!-- X 버튼 CSS로 생성 --> <style type="text/css">.css-close { display: inline-block; position: absolute; padding: 0; width: 4px; height: 20px; background: #fff; transform: rotate(45deg); top: 3%; right: 5%; z-index: 6; cursor: pointer; } .css-close:before { display: block; content: ""; position: absolute; top: 50%; left: -8px; width: 20px; height: 4px; margin-top: -2px; background: #fff; z-index: 6; cursor: pointer; } </style>