Files
cm-web/public/theme/crossmap/mobile/grace/grace-article.php
2020-06-10 06:21:34 +09:00

471 lines
25 KiB
PHP
Executable File
Raw Permalink Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>