Files
cm-web-legacy/public/renew2/pray-xart.html
2020-06-10 06:19:03 +09:00

460 lines
21 KiB
HTML
Executable File

<!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="/img/shortcut_icon.png">
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="/img/shortcut_icon.png">
<link rel="apple-touch-startup-image" href="/img/shortcut_icon.png">
<!-- css -->
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/section.css">
<link rel="stylesheet" href="css/grace.css">
<link rel="stylesheet" href="css/pray.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 class="pray">
<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 class="current"><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--inner">
<div class="logoline">
<div class="container">
<button class="nav-toggle" data-toggle=".nav-wrap"><img src="img/ic-menu.png"></button>
<div class="logo"><a href="/"><img src="img/cm-symbol.gif" alt="크로스맵"></a>기도공감</div>
<div class="login">
<a href="">로그인</a>
<a href="">회원가입</a>
</div>
</div>
</div>
</div>
<!--Desktop Nav-->
<div class="navline">
<div class="container">
<nav class="section-nav">
<ul>
<li><a href="">기도공감 홈</a></li>
<li><a href="">기도ON</a></li>
<li><a href="">영상기도</a></li>
<li><a href="">함께하기</a></li>
<li><a href="">기도 & STORY</a></li>
<li class="current"><a href="">기도 X ART </a></li>
</ul>
</nav>
<button class="search-toggle" data-add=".search"><img src="img/ic-search.png"></button>
<!-- Search Over -->
<div class="search">
<div class="container">
<button class="btn-close" data-remove=".search"><img src="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>
</div>
</div>
</div>
</header>
<main id="main" role="main" tabindex="-1">
<!--Subheader-->
<div class="container innerHead">
기도와 예술의 만남
<div class="resourceBoxTag">
<ul>
<li class="all">전체</li>
<li>크맵추천</li>
<li>꽃</li>
<li>하나님</li>
<li>성령</li>
<li>교회절기</li>
<li>어린이 성경학교</li>
<li>웹툰</li>
<li>교회오빠</li>
<li>크맵추천</li>
<li>부활절</li>
<li>클립아트</li>
</ul>
</div>
<a class="next"></a>
</div>
<div class="container">
<div class="layout-blog">
<div class="leftCont">
<div class="xArt">
<ul>
<li>
<a class="img-scaleup" href="/web/life/life_view/1834">
<img src="https://crossmap.co.kr/files/life/2019/06/33608fef5129887e611355b21c8866ea.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1834">
예수를 깊이 생각하라</a></p>
</div>
</li>
<li>
<a class="img-scaleup" href="/web/life/life_view/1833">
<img src="https://crossmap.co.kr/files/life/2019/06/28c44d39b85c0bf3adbaebc45aa673c0.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1833">
누구인지
</a></p>
</div>
</li>
<li>
<a class="img-scaleup" href="/web/life/life_view/1832">
<img src="https://crossmap.co.kr/files/life/2019/06/07d366ed63a7bdfb1ab5681a5be2c625.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1832">
관용
</a></p>
</div>
</li>
<li>
<a class="img-scaleup" href="/web/life/life_view/1831">
<img src="https://crossmap.co.kr/files/life/2019/06/a6ab479604bd41db7854a0c16456a74c.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1831">
다른 이로써는 </a></p>
</div>
</li>
<li>
<a class="img-scaleup" href="/web/life/life_view/1792">
<img src="https://crossmap.co.kr/files/life/2019/06/775524a18332ccaab772c8ac7c103b44.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1792">
내 영혼을 </a></p>
</div>
</li>
<li>
<a class="img-scaleup" href="/web/life/life_view/1793">
<img src="https://crossmap.co.kr/files/life/2019/06/1670ef88640c0388e38cf55c770b6511.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1793">
기도와 간구 </a></p>
</div>
</li>
<li>
<a class="img-scaleup" href="/web/life/life_view/1790">
<img src="https://crossmap.co.kr/files/life/2019/06/229a92a37b41af45ba9e75b3e160dc1a.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1790">
구변과 지혜 </a></p>
</div>
</li>
<li>
<a class="img-scaleup" href="/web/life/life_view/1791">
<img src="https://crossmap.co.kr/files/life/2019/06/d377eb3176e0e5e079204c21e9730cdd.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1791">
갇힌 자 </a></p>
</div>
</li>
<li>
<a class="img-scaleup" href="/web/life/life_view/1788">
<img src="https://crossmap.co.kr/files/life/2019/06/d832d9a2f920597f58fd18a558d4568b.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1788">
구원자 </a></p>
</div>
</li>
<li>
<a class="img-scaleup" href="/web/life/life_view/1789">
<img src="https://crossmap.co.kr/files/life/2019/06/42b88a7380d44d9e3ecf7e6c129c57cc.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1789">
동행 </a></p>
</div>
</li>
<li>
<a class="img-scaleup" href="/web/life/life_view/1786">
<img src="https://crossmap.co.kr/files/life/2019/06/633248ecbb2882ae80dbc98d348a963d.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1786">
여호와를 경외함 </a></p>
</div>
</li>
<li>
<a class="img-scaleup" href="/web/life/life_view/1787">
<img src="https://crossmap.co.kr/files/life/2019/06/1d00f15e9c66a26fa991705cd226bf93.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1787">
나는 빛으로 세상에 왔나니 </a></p>
</div>
</li>
<li>
<a class="img-scaleup" href="/web/life/life_view/1834">
<img src="https://crossmap.co.kr/files/life/2019/06/33608fef5129887e611355b21c8866ea.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1834">
예수를 깊이 생각하라</a></p>
</div>
</li>
<li>
<a class="img-scaleup" href="/web/life/life_view/1833">
<img src="https://crossmap.co.kr/files/life/2019/06/28c44d39b85c0bf3adbaebc45aa673c0.png" class="loaded tns-complete">
</a>
<div class="des">
<p><a href="/web/life/life_view/1833">
누구인지
</a></p>
</div>
</li>
</ul>
</div>
<!--pagenumber-->
<div class="pagenumber">
<a class="current">1</a>
<a href="/web/news/?search_sort=1&amp;page=2">2</a>
<a href="/web/news/?search_sort=1&amp;page=3">3</a>
<a href="/web/news/?search_sort=1&amp;page=4">4</a>
<a href="/web/news/?search_sort=1&amp;page=5">5</a>
<a href="/web/news/?search_sort=1&amp;page=6">6</a>
<a href="/web/news/?search_sort=1&amp;page=7">7</a>
<a href="/web/news/?search_sort=1&amp;page=8">8</a>
<a href="/web/news/?search_sort=1&amp;page=9">9</a>
<a href="/web/news/?search_sort=1&amp;page=10">10</a>
<a href="/web/news/?search_sort=1&amp;page=11"><img src="http://crossmap.co.kr/img/web/mypage_arrow_right.gif"></a>
</div>
</div>
<div class="sidebar">
<div class="ad gap-bottom-sm"><a href=""><img src="https://crossmap.co.kr/files/advertisement/2019/04/b65bc12d9a44a20ea93b4680a800652c.png" alt="" width="300" height="260"></a></div>
<div class="lineBox">
<h4><a href="#">아프리카 사막에 생명수를 공급해요..하루에 5명씩 사망하는 수단의 상황 </a></h4>
<div class="arrowPrev"><img src="img/arrow-prev-pray.gif"></div>
<div class="arrowNext"><img src="img/arrow-next-pray.gif"></div>
</div>
<!--함께하기-->
<div class="sideBox pt20">
<div class="titleBox">
<ul>
<li><a href="#">함께 하기</a></li>
</ul>
</div>
<ul class="sideImg">
<li>
<div>
<a href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png"></a>
</div>
<h5><a href="#">삶의 목적을 이 땅에 두지 않겠습니다</a></h5>
</li>
<li>
<div>
<a href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></a>
</div>
<h5><a href="#">사랑영화제, 5월7일-12일 필름포럼에서 사랑영화제, 5월7일-12일 필름포럼에서</a></h5>
</li>
<li>
<div>
<a href="#"><img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg"></a>
</div>
<h5><a href="#">삶의 목적을 이 땅에 두지 않겠습니다</a></h5>
</li>
<li>
<div>
<a href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png"></a>
</div>
<h5><a href="#">당신이 예수님을 진짜 믿는다면 인생은 반드시 바뀝니다</a></h5>
</li>
</ul>
</div>
<!--기도 X Art-->
<div class="sideBox pt20 btop">
<div class="titleBox">
<ul>
<li><a href="#">기도 X ART</a></li>
</ul>
<div class="contBar">
<a class="current" href="#"><i class="fas fa-circle"></i></a>
<a href="#"><i class="fas fa-circle"></i></a>
<a href="#"><i class="fas fa-circle"></i></a>
<a href="#"><i class="fas fa-circle"></i></a>
</div>
</div>
<ul class="sideImg">
<li>
<div>
<a href="#"><img src="http://www.crossmap.co.kr/files/life/2019/01/4bb95347ff4ca5ee10c7917c174bb303.jpg"></a>
</div>
<h5><a href="#">사랑영화제, 5월7일-12일 필름포럼에서 사랑영화제, 5월7일-12일 필름포럼에서</a></h5>
</li>
<li>
<div>
<a href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/6f91029d6aaf5c04cfb267c1be10ee3f.png"></a>
</div>
<h5><a href="#">당신이 예수님을 진짜 믿는다면 인생은 반드시 바뀝니다</a></h5>
</li>
</ul>
</div>
<!--기도 & STORY-->
<div class="sideBox pt20 btop">
<div class="titleBox">
<ul>
<li><a href="#">기도 & STORY</a></li>
</ul>
</div>
<ul class="sideImg">
<li>
<div>
<a href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png"></a>
</div>
<h5><a href="#">삶의 목적을 이 땅에 두지 않겠습니다</a></h5>
</li>
<li>
<div>
<a href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png"></a>
</div>
<h5><a href="#">[주님을 본받아] 하나님의 얼굴을 보도록</a></h5>
</li>
<li>
<div>
<a href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png"></a>
</div>
<h5><a href="#">사랑영화제, 5월7일-12일 필름포럼에서 사랑영화제, 5월7일-12일 필름포럼에서</a></h5>
</li>
<li>
<div>
<a href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png"></a>
</div>
<h5><a href="#">[주님을 본받아] 하나님의 얼굴을 보도록</a></h5>
</li>
</ul>
</div>
<!--banner-->
<div class="pt20 btop">
<div class="ad gap-bottom-sm"><a href=""><img src="img/bn-300-webtoon.jpg" alt="" width="300"></a></div>
<div class="ad gap-bottom-sm"><a href=""><img src="img/bn-300-grace.jpg" alt="" width="300"></a></div>
</div>
</div>
</div>
</div>
</main>
<!--footer start-->
<div class="footer">
<div class="container">
<div class="ftLogo"><a href="/"><img src="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>
<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>
</div>
<div class="container">
<div class="address">서울시 성북구 안암로 53 (안암동5가 1136) | Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
</div>
<!--footer 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>