                <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "http://cheongun.iptime.org/wp/wp-content/plugins/wppdf/js/pdf.worker.js";
        });
        </script>
        <!-- Page Content -->
        <div class="wrapper">
            <div id="three-columns" class="grid-container" style="display:block;">
                <ul class="rig columns-3">
                                            <li>
                            <div class="html-code">
                            <a id="thumbnail" class="popup-modal-2068" href="#wppdf-modal-2068" >
                                <img  src="http://cheongun.iptime.org:777/wp/wp-content/uploads/2016/03/청운교회30년사-6.jpg" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-2068" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "http://cheongun.iptime.org/wp/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-2068').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-2068" ).empty();
                                                var content = '<div id="wppdf" style="position:fixed; overflow:hidden;top:100px; width:100%; height:100%; top:0; left:0;z-index:1000"> '+
                                                '<div id="flipbook" style=" overflow:hidden; width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:absolute; top:0;left:0;bottom:0;right:0;">'+
                                                '<div id="lp"  style="position:absolute; overflow:hidden; height:100%; width:100%; top: 0; left:0; bottom:0;  right: 0;margin:auto">'+
                                                '<div id="nextbtn"></div>'+
                                                '<div id="prevbtn"></div>'+
                                                '<div id="loader" class="loading">'+
                                                '<img src="http://cheongun.iptime.org/wp/wp-content/plugins/wppdf/images/loading.gif"   height="42" width="42">'+
                                                '</div>'+
                                                '<div id="thumbnails">'+
                                                '<div id="faulu" class="thumbnails-nav">'+
                                                '<div id="current-nav" class="thumbnails-nav-current">'+
                                                '<div id="next_lp" class="thumbnails-nav-next thumbnail-final"> <div id="next-thumbnail" class="inner_thumbnail"> <div id="next_hover" class="mouse_out_thumbnail"></div> <div id="next-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="next-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div  id="prev-flipbook_popup" class="thumbnails-nav-prev thumbnail-final"> <div id="prev-thumbnail" class="inner_thumbnail"> <div id="prev-flipbook_popup_hover" class="mouse_out_thumbnail"></div> <div id="prev-left" class="thumbnail-holder-left"></div><div id="page-left-0" class="thumbnail-page"></div><div id="prev-right" class="thumbnail-holder-right"><div id="page-left-1" class="thumbnail-page"></div></div></div></div>'+
                                                '<div  id="prev-flipbook_popup" class="thumbnails-nav-prev thumbnail-final"> <div id="prev-thumbnail" class="inner_thumbnail"> <div id="prev-flipbook_popup_hover" class="mouse_out_thumbnail"></div> <div id="prev-left" class="thumbnail-holder-left"></div><div id="page-left-0" class="thumbnail-page"></div><div id="prev-right" class="thumbnail-holder-right"><div id="page-left-1" class="thumbnail-page"></div></div></div></div>'+
                                                '<div id="page0" style="left:0%;" class="thumbnail-final"> <div id="page0-thumbnail" class="inner_thumbnail"> <div id="page-number-0" class="thumbnail-page">1</div><div id="page0Hover" class="mouse_out_thumbnail"></div> <div id="page0-left" class="thumbnail-holder-left"> </div><div id="page0-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div> </div></div>'+
                                                '<div id="page1" style="left:15%;" class="thumbnail-final"> <div id="page1-thumbnail" class="inner_thumbnail"> <div id="page-number-1" class="thumbnail-page">2 - 3</div> <div id="page1Hover" class="mouse_out_thumbnail"></div> <div id="page1-left" class="thumbnail-holder-left">  <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div>  </div><div id="page1-right" class="thumbnail-holder-right"> <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page2" style="left:30%;" class="thumbnail-final"> <div id="page2-thumbnail" class="inner_thumbnail"> <div id="page-number-2" class="thumbnail-page">4 - 5</div> <div id="page2Hover" class="mouse_out_thumbnail"></div> <div id="page2-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page2-right" class="thumbnail-holder-right"> <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page3" style="left:45%" class="thumbnail-final"> <div id="page3-thumbnail" class="inner_thumbnail"> <div id="page-number-3" class="thumbnail-page">6 - 7</div> <div id="page3Hover" class="mouse_out_thumbnail"></div> <div id="page3-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page3-right" class="thumbnail-holder-right">  <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page4" style="left:60%"class="thumbnail-final"> <div id="page4-thumbnail" class="inner_thumbnail"> <div id="page-number-4" class="thumbnail-page">8 - 9</div> <div id="page4Hover" class="mouse_out_thumbnail"></div> <div id="page4-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page4-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page5" style="left:75%" class="thumbnail-final"> <div id="page5-thumbnail" class="inner_thumbnail"><div id="page-number-5" class="thumbnail-page">10 - 11</div><div id="page5Hover" class="mouse_out_thumbnail"></div> <div id="page5-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page5-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page6" style="left:90%" class="thumbnail-final"> <div id="page6-thumbnail" class="inner_thumbnail"><div id="page-number-6" class="thumbnail-page">12 - 13</div><div id="page6_hover" class="mouse_out_thumbnail"></div> <div id="page6-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page6-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page7" style="left:105%" class="thumbnail-final"> <div id="page7-thumbnail" class="inner_thumbnail"><div id="page-number-7" class="thumbnail-page">13 - 14</div><div id="page7_hover" class="mouse_out_thumbnail"></div> <div id="page7-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page7-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '</div>'+
                                                '</div>'+
                                                '<div id="nextthumbnail"> </div>'+
                                                '<div id="next-thumb-page"></div>'+
                                                '<div id="prev-thumb-page"></i></div>'+
                                                '</div>'+
                                                '<div id="topnavbar">'+
                                                '<div class="zoom-slider" ><input   id="zoomRange" name="zoomValue" type="range" min="0.5" max="1" value="0.5" step="0.1"  /></div>'+
                                                '<div class="navbuttons" > <div id="prev_nav" class="prev_nav_button"> </div> <div id="next_nav" class="next_nav_button"> </div> </div>'+
                                                '<div id="showPage" > </div> '+
                                                '</div>'+
                                                '<div id ="lp-book" style="overflow: hidden">'+
                                                '<div id="lp-right-page"></div>'+
                                                '<div id="lp-left-page"> </div>'+
                                                '<div id="lp-left"> <div id="lp-inner-left"><div id="lp-clip"> <div id="lp-inner-clip">  </div> </div></div> <div id="lp-inner-2-left"> <div id="lp-clip2" style="backgroung-color:white;"></div></div> </div>'+
                                                '<div id="lp-right"><div id="lp-inner-right"><div id="lp-right-clip"><div id="lp-right-inner-clip">  </div></div></div><div id="lp-inner-2-right"><div id="lp-right-clip2">  </div></div></div>'+
                                                '</div>'+
                                                '</div>'+  
                                                '<div id="lpcontainer">'+
                                                '</div>'+
                                                '</div>'+
                                                '<div class="mfp-close"  style="  z-index:4000">[x]</div> '+
                                                '</div>';

                                                var myNode = document.getElementById("wppdf-modal-2068");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("http://cheongun.iptime.org:777/wp/wp-content/uploads/2016/03/20160323_033529.pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
        {"id":9,"date":"2015-08-02T12:13:52","date_gmt":"2015-08-02T03:13:52","guid":{"rendered":"http:\/\/192.168.170.88\/wp\/?page_id=9"},"modified":"2016-03-23T14:18:21","modified_gmt":"2016-03-23T05:18:21","slug":"%ea%b5%90%ed%9a%8c%ec%97%b0%ed%98%81","status":"publish","type":"page","link":"http:\/\/cheongun.iptime.org\/wp\/?page_id=9","title":{"rendered":"\uad50\ud68c\uc5f0\ud601"},"content":{"rendered":"<p style=\"text-align: justify;\"><span style=\"font-size: 20px;\">\uc704 \uadf8\ub9bc\uc744 \ub204\ub974\uc2dc\uba74\u00a0&#8220;\uc0ac\uc9c4\uc73c\ub85c \ubcf8 \uccad\uc6b4\uad50\ud68c 30\ub144\uc0ac&#8221;\ub97c\u00a0\uc6f9\uc73c\ub85c \ubcf4\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br \/>\ud0a4\ubcf4\ub4dc\uc758 \ubc29\ud5a5\ud0a4\ub85c \ud398\uc774\uc9c0\ub97c \ub118\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>\uc704 \uadf8\ub9bc\uc744 \ub204\ub974\uc2dc\uba74\u00a0&#8220;\uc0ac\uc9c4\uc73c\ub85c \ubcf8 \uccad\uc6b4\uad50\ud68c 30\ub144\uc0ac&#8221;\ub97c\u00a0\uc6f9\uc73c\ub85c \ubcf4\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\ud0a4\ubcf4\ub4dc\uc758 \ubc29\ud5a5\ud0a4\ub85c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":5,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/cheongun.iptime.org\/wp\/index.php?rest_route=\/wp\/v2\/pages\/9"}],"collection":[{"href":"http:\/\/cheongun.iptime.org\/wp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/cheongun.iptime.org\/wp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/cheongun.iptime.org\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/cheongun.iptime.org\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":36,"href":"http:\/\/cheongun.iptime.org\/wp\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":2073,"href":"http:\/\/cheongun.iptime.org\/wp\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/2073"}],"up":[{"embeddable":true,"href":"http:\/\/cheongun.iptime.org\/wp\/index.php?rest_route=\/wp\/v2\/pages\/5"}],"wp:attachment":[{"href":"http:\/\/cheongun.iptime.org\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}