<!doctype html>
<!--[if lt IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7" lang="kr"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9 lt-ie8" lang="kr"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9" lang="kr"><![endif]-->
<!--[if (IE 9)&!(IEMobile)]><html class="no-js lt-ie10" lang="kr"><![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="kr">
<!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta name="naver-site-verification" content="894ba0807460988349b1e131377b26966e347fc1">
    <meta name="google-site-verification" content="CitaOJM4btglyBtNxZFYymBBzh3g7Pb9PxKl9YF8jDg">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
    <!-- <meta http-equiv="cleartype" content="on"> -->
    <title>크리스천포털 크로스맵</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta property="fb:app_id" content="961578337335000">

    <!-- favicons -->
    <link rel="shortcut icon" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
    <link rel="shortcut icon" href="<?php echo THEME_FOLDER?>/img/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
    <link rel="apple-touch-startup-image" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">

    <!-- css -->
    <link rel="stylesheet" href="<?php echo THEME_FOLDER?>/mobile/css/main.css">
    <link rel="stylesheet" href="<?php echo THEME_FOLDER?>/mobile/css/section.css">
    <!-- Font -->
    <link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
        integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css">
    <!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.helper.ie8.js"></script><![endif]-->

    <!-- javascript -->
    <!--[if (lt IE 9)]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <script src="assets/js/ie.min.js"></script>
    
    <link href="http://externalcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
    <link href="assets/cross-domain/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
    <script src="assets/cross-domain/respond.proxy.js"></script>  
  <![endif]-->
    <script src="js/script.js"></script>
</head>

<body>
    <noscript>
        <p class="enable-js">
            To enjoy our website, you'll need to enable <b>JavaScript</b> in your web browser. Please <a
                href="http://enable-javascript.com/" target="_blank"><b>click here</b></a> to learn how.
        </p>
    </noscript>
    <!--[if lte IE 8]>
  <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

    <!-- Mobile nav Overlayer -->
    <div class="offcanvas" aria-hidden="true">
        <div class="nav-wrap">
            <button class="btn-close" data-remove=".nav-wrap"><i class="fas fa-times"></i></button>
            <nav class="site-nav">
                <ul>
                    <li><a href="index.html">홈</a></li>
                    <li><a href="index.html">뉴스</a></li>
                    <li><a href="index.html">웹툰</a></li>
                    <li><a href="index.html">은혜충전</a></li>
                    <li><a href="index.html">기도공감</a></li>
                    <li><a href="index.html">바이블잼</a></li>
                    <li><a href="index.html">크로스맵 TV</a></li>
                    <li><a href="index.html">자료실</a></li>
                    <li class="login"><a href="#">로그인</a></li>
                </ul>
            </nav>
        </div>
    </div>
    <header class="site-head">
        <div class="topHead">
            <div class="container">
                <button class="nav-toggle" data-toggle=".nav-wrap"><img
                        src="<?php echo THEME_FOLDER?>/mobile/img/ic-menu.gif"></button>

                <div class="logo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/img/cm-symbol.gif" alt="크로스맵"
                            height="34"></a>
                    <a href="#" class="sectionTitle">은혜충전</a>
                </div>

                <button class="search-toggle" data-add=".search"><img
                        src="<?php echo THEME_FOLDER?>/mobile/img/ic-mag.gif"></button>

            </div>
        </div>
        <div class="container">
            <div class="mainNav">
                <nav>
                    <ul>
                        <?php echo preg_replace('/^<[^>]+>|<\/[^>]+>$/', '', hooskNav('grace', '/grace')) ?>
                    </ul>
                </nav>
            </div>
        </div>
    </header>

    <div class="main-container graceCon">
        <!-- Search Over-->
        <div class="search">
            <div class="container">
                <button class="btn-close2" data-remove=".search"><img
                        src="<?php echo THEME_FOLDER?>/mobile/img/ic-close.gif"></button>
                <form action="" class="site-head-search">
                    <input type="text" name="" id="site-head-search" placeholder="검색어를 입력하세요">
                    <button type="submit"><i class="fa fa-search"></i></button>
                </form>
                <div class="recommedTag">
                    <h5>추천태그</h5>
                    <ul>
                        <li>크맵추천</li>
                        <li>꽃</li>
                        <li>하나님</li>
                        <li>성령</li>
                        <li>교회절기</li>
                        <li>어린이 성경학교</li>
                        <li>웹툰</li>
                        <li>교회오빠</li>
                        <li>크맵추천</li>
                        <li>부활절</li>
                        <li>클립아트</li>
                    </ul>
                </div>
            </div>
        </div>
        <!--Body Container-->
        <div class="container pt10">
            <!--goto Top-->
            <div class="gotoTop">
                <a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/top.gif"></a>
            </div>

            <div class="listView">
                <a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-back.gif"> 목록보기</a>
            </div>

            <!--Grace Article header-->
            <div class="graceHeader">
                <div class="wrap_cover">

                    <div class="cover_image"
                        style="background: url(http://www.crossmap.co.kr/files/channel/2018/05/0de274a6aaf90941244bc51a1833f210.jpg) no-repeat left top; display: block;background-size: cover;height:310px;background-position: 50% 50%;">
                    </div>
                    <div class="cover_inner"></div>

                    <div class="wrap_channel">
                        <div class="cover_cell">
                            <div>
                                <p style="margin-bottom:15px;"><span
                                        style="background: url('https://crossmap.co.kr/img/web/bgbg3.png') repeat-x left bottom;  padding-bottom:8px;"><a
                                            href="#">말씀과 묵상</a> <img src="https://crossmap.co.kr/img/web/bg5.gif"
                                            style="padding: 2px 5px 0 5px;"> <a href="#">말씀엽서</a></span></p>
                            </div>
                            <h2 class="chtit">아버지께서 약속하신 것</h2>
                            <p class="chdate">조회 3<span style="padding:0 10px;">|</span>2019-06-06 </p>
                            <p class="cheditor"><a href="/web/life/editor/3">하늘소</a></p>
                        </div>

                        <div class="cover_profile2">
                            <div
                                style="background:url('https://crossmap.co.kr/files/partner/2018/05/ce59c7dd9234224b91a6e3975110a0f2.jpg') no-repeat center; background-size:cover;">
                            </div>
                        </div>
                        <div class="cover_star">
                            <a href="javascript:bookmark();"><img src="https://crossmap.co.kr/img/web/star_off.png"
                                    id="bookmark_img"></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mainBox">
                <div class="graceArticle">
                    <div class="imgCenter">
                        <img
                            src="https://crossmap.co.kr/smarteditor/upload/1906/77a00950a2d3c0ae89fe0c5f2ce8535c_1560148678_7176.jpg">
                        <div class="caption">이미지 출처_크로스맵</div>
                    </div>
                    <p>1907년 1월 6일부터 열렸던 평양 장대현교회의 저녁집회 열리는 날이 갈수록 더해 갔습니다. 그러다 14일 저녁집회 때 능력의 종으로 말씀을 선포하던 길선주 목사가 회중
                        앞에서 자신의 죄를 공개적으로 통회하는 일이 일어났습니다. </p>

                    <div class="imgCenter">
                        <img
                            src="https://crossmap.co.kr/smarteditor/upload/1906/773f9e47cb3fded85d89bc52702e8b8b_1559623622_9145.png">
                    </div>

                    <p>“나는 아간과 같은 자입니다. 나 때문에 하나님이 축복을 주실 수가 없었습니다. 약 1년 전에 내 친구 중 한 사람이 임종시에 나를 자기 집으로 불러서 말하기를 ‘길 목사님,
                        나는 이제 세상을 떠날 것 같으니 내 재산을 잘 정리해 주시오. 내 아내는 셈이 약하기 때문이오’라고 부탁했습니다. 나는 내가 잘 돌보아 드릴 테니 염려 말라고
                        대답했습니다. ​</p>

                    <div class="cover_profile3">
                        <div
                            style="background:url('https://crossmap.co.kr/files/partner/2018/05/ce59c7dd9234224b91a6e3975110a0f2.jpg') no-repeat center; background-size:cover;">
                        </div>
                    </div>

                    <div class="artTag">
                        <a href="#">#말씀과 묵상</a>
                        <a href="#">#은혜</a>
                        <a href="#">#복음 </a>
                        <a href="#">#카드</a>
                    </div>

                    <div class="panel_btns">
                        <span><a href="javascript:like_proc();" class="btn btn-default br15"
                                style="padding:5px 30px;"><img src="http://crossmap.co.kr/img/web/img_heart.gif">
                                <span id="like_count">0</span></a></span>
                    </div>

                    <div class="shareline">
                        <ul>
                            <li><a href="javascript:share_facebook();" class="fb-xfbml-parse-ignore"><img
                                        src="http://www.crossmap.co.kr/img/web/img_fb.jpg"></a></li>

                            <li><a href="javascript:share_kakao();"><img
                                        src="http://www.crossmap.co.kr/img/web/img_kk.jpg"></a></li>

                            <li><a href="javascript:share_naver();"><img src="img/img-pin.jpg"></a></li>

                            <li><a href="javascript:share_band();"><img
                                        src="http://www.crossmap.co.kr/img/web/img_bd.jpg"></a></li>

                            <li><a href="javascript:share_kakaostory();"><img
                                        src="http://www.crossmap.co.kr/img/web/img_ks.jpg"></a></li>

                            <li><a href="javascript:share_naver();"><img src="img/img-url.jpg"></a></li>

                        </ul>
                    </div>

                    <!--관련기사-->
                    <div class="related">
                        <h4>관련기사를 더 보시려면,</h4>
                        <ul>
                            <li><a href="">사랑영화제, 5월7일-12일 필름포럼에서</a></li>
                            <li><a href="">7000미라클 ‘땅끝으로’ ‘열방을 향하여’</a></li>
                            <li><a href="">강원도 산불 특집 방송</a></li>
                            <li><a href="">이홍정 "더불어 흔쾌한 부활절로"</a></li>
                        </ul>
                    </div>

                    <div class="comment">
                        <!--댓글-->
                        <div class="reply">
                            <div class="reply_tit">댓글
                                <span class="blue" id="comment_count">0</span>
                                <span class="delete">본인 삭제 <span>0</span>
                                    <a href="javascript:comment_delete_refresh('5374', '', '1');"><img
                                            src="https://crossmap.co.kr/img/web/icon_refresh.gif"></a></span>

                                <span class="btn-info float_right" style="padding-left:10px; padding-top:1px;"><a
                                        href="javascript:;" class="comment_policy_btn"><img
                                            src="https://crossmap.co.kr/img/web/icon_info.gif"></a></span>
                                <span class="btn-tit float_right"><a href="javascript:;" class="comment_policy_btn"
                                        style="color: #bcbcbc;">댓글운영정책</a></span>
                            </div>
                            <div class="reply_box">
                                <div class="reply_social">
                                    <a href="javascript:change_toggle('login_layer');" style="cursor:pointer"><span
                                            class=""><img
                                                src="https://crossmap.co.kr/img/web/img_cm_off.gif"></span></a>
                                    <a href="javascript:twitter_join('comment')" style="cursor:pointer"><span
                                            class="tweet "><img
                                                src="https://crossmap.co.kr/img/web/img_tweet_off.gif"></span></a>
                                    <a href="javascript:checkLoginState();" style="cursor:pointer"><span
                                            class="facebook "><img
                                                src="https://crossmap.co.kr/img/web/img_facebook_off.gif"></span></a>
                                    <a href="javascript:kakako_login()" style="cursor:pointer"><span class=""><img
                                                src="https://crossmap.co.kr/img/web/img_kakao_off.gif"></span></a>
                                    <a href="javascript:naver_login()" style="cursor:pointer"><span class=""><img
                                                src="https://crossmap.co.kr/img/web/img_naver_off.gif"></span></a>
                                </div>
                                <div class="reply_write">
                                    <textarea class="form-control replay_text comment_text" name="comment" id="comment"
                                        rows="3" stra="" readonly="" placeholder="댓글 작성 시 상대방에 대한 배려와 사랑을 담아주세요."
                                        style="width:100%;"></textarea>
                                </div>
                                <div class="reply_regist"><span class="reply_no" id="reply_text_count">0/300</span><span
                                        class="reply_btn" onclick="comment_add_proc();"
                                        style="cursor: pointer">등록</span>
                                </div>
                            </div>

                            <div class="reply_sort">
                                <input type="hidden" name="comment_sort" id="comment_sort" value="1">
                                <span><a href="javascript:change_comment_sort(1);" id="comment_sort1">호감순</a></span>
                                <span><a href="javascript:change_comment_sort(2);" class="current"
                                        id="comment_sort2">최신순</a></span>
                            </div>

                            <div class="reply_contents">
                                <ul class="reply_list">
                                    <div class="comment_box">
                                        <div id="comment_list">
                                            <div style="height:100px;text-align:center; line-height:100px;">등록된 댓글이
                                                없습니다.</div>
                                        </div>
                                        <div class="viewall" id="comment_all_list"
                                            style="float:right; padding:20px 0 30px 0;display:none;"><a
                                                href="/web/news/news_comment/1257">전체 댓글 보기 &gt;</a></div>
                                    </div>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <!--Tag Pick-->
            <div class="mainBox">
                <div class="titleBox">
                    <ul>
                        <li class="view"><a href="#">추천 태그</a></li>
                    </ul>
                </div>
                <div class="tagBox">
                    <ul>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
                            <h4><a href="#">#말씀묵상</a></h4>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
                            <h4><a href="#">#은혜</a></h4>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
                            <h4><a href="#">#부활절</a></h4>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
                            <h4><a href="#">#예수님</a></h4>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
                            <h4><a href="#">#말씀카드</a></h4>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
                            <h4><a href="#">#하나님</a></h4>
                        </li>
                    </ul>
                </div>
            </div>

            <!--말씀카드-->
            <div class="mainBox">
                <div class="titleBox">
                    <ul>
                        <li class="view"><a href="#">말씀카드</a></li>
                    </ul>
                    <div class="arrow">
                        <a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
                    </div>
                </div>
                <div class="mainBox-slider">
                    <div class="thumbBox">
                        <ul>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                                <div class="des">
                                    <div><a href="#">천국의 백성</a></div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                                <div class="des">
                                    <div><a href="#">하늘위에 하늘</a></div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                                <div class="des">
                                    <div><a href="#">사랑받기 위해 태어난 사람</a></div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                                <div class="des">
                                    <div><a href="#">새노래</a></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="viewMore">
                        <a class="viewMore" href="#">더보기</a>
                    </div>
                </div>
            </div>

            <!--Banner-->
            <div class="mBanner">
                <a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
            </div>



        </div>

        <!--footer start-->
        <div class="footer">
            <div class="container">
                <div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/img/logo.svg" alt="크로스맵"
                            width="78" height="22"></a></div>
                <ul>
                    <li><a href="https://hwttjung.wixsite.com/mysite-1"
                            target="https://hwttjung.wixsite.com/mysite-1">회사소개</a></li>
                    <li><a href="/web/rules/privacy">개인정보 취급방침</a></li>
                    <li><a href="/web/rules/service">이용약관</a></li>
                    <li><a href="/web/cs/notice">고객센터</a></li>
                </ul>
                <ul class="social">
                    <li><a href="#"><i class="fab fa-facebook-f"></i>페이스북</a></li>
                    <li><a href="#"><i class="fab fa-instagram"></i>인스타그램</a></li>
                </ul>
                <div class="copy">Copyright &copy; All rights reserved.</div>
                <div class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br /> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
            </div>
        </div>
        <!--footer end-->

    </div>
    <!-- container end -->


    <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
    <script src="js/script.js"></script>
    <!--[if (lt IE 9)]>
  <script>
    var sheets = document.styleSheets;
    for (var i = 0, l = sheets.length; i < l; i++) {
      sheets[i].disabled = true;
    }
  </script>
  <style>
    body { font-family: Helvetica, Arial, sans-serif; }
    @media \0screen { img { width: auto; } }
    img {
      border: 0;
      height: auto;
    }
  </style>
<![endif]-->
</body>

</html>