라그나로크 소개
공지사항
업데이트
이벤트
결제/충전 내역 확인
충전내역
구매내역
선물내역
RO포인트 전환내역
1:1문의
내 문의내역
이용약관/정책
이용약관
유료서비스 이용약관
개인정보 처리방침
청소년 보호정책
모바일 이용약관
모바일 개인정보 처리방침
업데이트
환상총서 업데이트 안내
2022-04-26
<div style="position: relative; width: 650px; z-index: 1"> <div style="display: none; text-indent: -9999px; color: rgba(0, 0, 0, 0); font-size: 0"> <h2>환상 체험 총서</h2> <p>게펜 마법 학회와 룬-미드가츠 왕립 도서관이 협력하여 야심차게 준비한 새로운 체험형 도서 시리즈 출간!! 슈발츠발드와 룬-미드가츠의 인기 도서가 새로운 형태로 독자들에게 다가온다!</p> <section> <h3>가상 책읽기(Virtual Reading) 프로젝트란?</h3> <p>게펜 마법 학회는 차원의 균열을 연구하던 중, 차원의 균열을 통한 탐사 기술을 응용해 가상의 체험 공간을 만들어내는데 성공했습니다. 룬-미드가츠 왕립 도서관은 국가적 기술 지원 및 신기술 상용화를 위해 가상 체험 공간에 기존의 도서를 접목시키는 것을 제안했고 다년간의 연구와 노력 끝에 결국 가상의 체험 도서를 만들어 냈습니다!!</p> <p>책의 주제에 따라 가상의 공간, 혹은 현실의 공간에서 실제로 체험하듯 생생한 경험을 선사하는 이 놀라운 기술은 룬-미드가츠 왕립 도서관이 산하에 전용 출판사 VR-북스를 설립하면서 상용화 되었습니다.</p> <p>VR-북스는 인기작으로 선별된 도서의 출판사와 제휴하여 해당 책들을 “환상 체험 총서” 시리즈로 출판하기로 하였습니다. 그리고 지금, 여러분에게 특별한 즐거움을 선사할 환상 총서 4작품을 런칭합니다!</p> </section> <section> <h3>환상 총서 특전 증정!</h3> <p>환상총서를 끝까지 읽은 독자분께 VR-북스에서 준비한 특전 기념품을 지급합니다. 모든 환상총서 시리즈 공통.</p> <h4>환상 총서 책갈피</h4> <p>환상총서 전용 책갈피. 책갈피를 볼 때마다 환상총서로 경험했던 순간이 기억나는 것 같다. 한번 완독한 환상총서는 책갈피를 목차요정에게 사용해 특정 페이지로 넘어갈 수 있다.</p> <h4>환상 총서 완독 기념 카드</h4> <p>환상총서를 완독한 독자들에게 감사의 의미로 증정하는 기념 카드. 많이 모아서 독서량을 자랑하자!</p> <h4>기념품 교환처</h4> <p>완독기념 카드와 책갈피를 많이 모아 환상총서 작품의 특별한 기념품과 교환하세요! 위치 : 프론테라 동쪽 도서관 입구에 기념품 교환대가 설치되어 있습니다 (prt_elib 22 45)</p> </section> </div> <img src="https://imgc1.gnjoy.com/event/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/top.jpg" usemap="#itemView1" alt="" style="z-index: 2; position: relative; left: 0; top: 0; vertical-align: top; border: 0" /> <section id="book"> <img src="https://imgc1.gnjoy.com/event/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/title.jpg" alt="2022년 5월 출간작 소개" /> <ul class="menu" style="display: flex; font-size: 0; z-index: 10; list-style: none; padding: 0; margin: 0; border: 0"> <li style="z-index: 3"> <a href="#book" data-href="#tab1" title=""><img src="https://imgc1.gnjoy.com/event/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/tab1_on.jpg" alt="금수저 영애님은 조용히 살고싶다." /></a> </li> <li style="z-index: 3"> <a href="#book" data-href="#tab2" title=""><img src="https://imgc1.gnjoy.com/event/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/tab2_off.jpg" alt="어느 과학자의 탈출 기록" /></a> </li> <li style="z-index: 3"> <a href="#book" data-href="#tab3" title=""><img src="https://imgc1.gnjoy.com/event/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/tab3_off.jpg" alt="엘레나 볼코바, 그 위대한 불꽃" /></a> </li> <li style="z-index: 3"> <a href="#book" data-href="#tab4" title=""><img src="https://imgc1.gnjoy.com/event/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/tab4_off.jpg" alt="누구나 쉽게 키워 보는 관상용 식물(실무편)" /></a> </li> </ul> <div id="tab1" style="display: block"> <img src="https://imgc1.gnjoy.com/event/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/tab1.jpg" alt="금수저 영애님은 조용히 살고싶다." /> </div> <div id="tab2" style="display: none"> <img src="https://imgc1.gnjoy.com/event/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/tab2.jpg" alt="어느 과학자의 탈출 기록" /> </div> <div id="tab3" style="display: none"> <img src="https://imgc1.gnjoy.com/event/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/tab3.jpg" alt="엘레나 볼코바, 그 위대한 불꽃" /> </div> <div id="tab4" style="display: none"> <img src="https://imgc1.gnjoy.com/event/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/tab4.jpg" alt="누구나 쉽게 키워 보는 관상용 식물(실무편)" /> </div> </section> <aside class="cubePopup cubePopup1" id="cubePopup1" style="display: none; border: 0px; position: absolute; width: 566px; top: 2042px; left: 42px; z-index: 4; max-height: 900px"> <img src="https://imgc1.gnjoy.com/event/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/popup1.jpg" alt="환상총서 책갈피 사용처" usemap="#closePopup" /> </aside> <aside class="cubePopup cubePopup2" id="cubePopup2" style="display: none; border: 0px; position: absolute; width: 566px; top: 2345px; left: 42px; z-index: 4; max-height: 900px"> <img src="https://imgc1.gnjoy.com/event/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/popup2.jpg" alt="환상총서 완독기념카드 사용처" usemap="#closePopup" /> </aside> <aside class="cubePopup cubePopup3" id="cubePopup3" style="display: none; border: 0px; position: absolute; width: 566px; top: 2769px; left: 42px; z-index: 4; max-height: 900px"> <img src="https://imgc1.gnjoy.com/event/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/popup3.jpg" alt="기념품 교환처 리스트" usemap="#closePopup" /> </aside> <map name="itemView1"> <area shape="rect" title="내용 확인하기" coords="230, 2042, 421, 2092" class="btnCube" id="btnCube1" href="#cubePopup1" alt="환상총서 책갈피 사용처 내용 확인하기" /> <area shape="rect" title="내용 확인하기" coords="230, 2345, 421, 2395" class="btnCube" id="btnCube2" href="#cubePopup2" alt="환상총서 완독기념카드 사용처 내용 확인하기" /> <area shape="rect" title="내용 확인하기" coords="230, 2769, 421, 2818" class="btnCube" id="btnCube3" href="#cubePopup3" alt="기념품 교환처 리스트 내용 확인하기" /> </map> <!--팝업 닫기--> <map name="closePopup" id="closePopup"> <area shape="rect" coords="500,0,598,56" class="btnClose" id="btnClose" href="#none" title="닫기" /> </map> <a href="#" class="btn_closed" style="display: none; position: absolute; z-index: 10; right: 42px; cursor: pointer; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; top: 100px" title="닫기"></a> <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: 3"></span> </div> <script type="text/javascript"> $(document).ready(function () { //기본 스크립트 var _scrollTop = 0; $('.btnCube').on('click', function () { $('.btn_closed').show(); var $id = $(this).attr('id').split('btnCube')[1]; $('.cubePopup' + $id).show(); _scrollTop = $(document).scrollTop(); $('.cubePopup' + $id).css('top', 100); var offset = $('.cubePopup' + $id).offset().top; $('html, body').animate({ scrollTop: offset - 100 }, 0); $('.layerOn').css('display', 'block'); return false; }); $('.btn_closed').on('click', function () { $('.btn_closed').hide(); $('.cubePopup').hide(); $(document).scrollTop(_scrollTop); $('.layerOn').css('display', 'none'); 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/2022/04/0420_ro1_fantasticExperienceCollection_N7J4N3ELXF/images/tab' + (i + 1) + '_off.jpg'); }); 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('data-href').split('tab')[1]).css('display', 'block'); // return false; }); }); </script>
