900 lines
37 KiB
HTML
Executable File
900 lines
37 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/news.css">
|
|
<link rel="stylesheet" href="css/grace.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="grace">
|
|
<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 class="current"><a href="">은혜충전 홈</a></li>
|
|
<li><a href="">이야기QT</a></li>
|
|
<li><a href="">말씀카드</a></li>
|
|
<li><a href="">영어묵상</a></li>
|
|
<li><a href="">영상QT</a></li>
|
|
<li><a href="">C포스트</a></li>
|
|
<li><a href="">운율묵상</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">
|
|
<!--main Slide-->
|
|
<div class="recommend_card_wrap">
|
|
<div id="card_flick" class="recommend_card_area">
|
|
<div class="flick-container" style="overflow: hidden; box-sizing: border-box;">
|
|
<div class="eg-flick-container" style="position: relative; z-index: 2000; width: 3868px; height: 100%; transform: translate(-967px); will-change: transform;">
|
|
|
|
<div class="flick-ct eg-flick-panel is_disable" role="tabpanel" aria-hidden="true" style="width: 967px; height: 100%; box-sizing: border-box; top: 0px; left: 0px; transform: translate(200%); will-change: transform; position: relative;">
|
|
<div class="cont_area as_post" style="background-image:url(https://post-phinf.pstatic.net/MjAxOTA2MTRfMzAg/MDAxNTYwNDkyMTMwMTk3.OHCK3he428jDTATTN1ZWgQZUz5bdFU5_IXPhvaot_bIg.ilib8EC8OOTvC8B-97vjcVYC9wZjAK0ctfjHfIF60W8g.PNG/post_6887933702915167629.png?type=w1200)">
|
|
<a href="#" class="inner" onclick="mug.common.nclick(this, 'bes.banner1');">
|
|
<span class="card_dim"></span>
|
|
<span class="cont_type">추천 시리즈</span>
|
|
<strong class="tit">당신에게 가장 필요한 순간 - 예배</strong>
|
|
|
|
<span class="writer">스테파니</span>
|
|
</a>
|
|
</div>
|
|
<div class="img_dim"></div>
|
|
</div>
|
|
|
|
<div class="flick-ct eg-flick-panel is_disable" role="tabpanel" aria-hidden="true" style="position: absolute; width: 967px; height: 100%; box-sizing: border-box; top: 0px; left: 0px; transform: translate(300%); will-change: transform;">
|
|
<div class="cont_area as_series" style="background-image:url(https://post-phinf.pstatic.net/MjAxOTA2MTRfMjQz/MDAxNTYwNDkyMTM2Mzg1.yXtyC9Kla_eljn4mBNMR6WEQ-Q1d3oavJ-_8IfSkZDYg.6GJlofC1ytEQNzwicmDXVtHPHn0u1Eov0MsHwDPthsog.PNG/post_4029640709515896168.png?type=w1200)">
|
|
<a href="#" class="inner" onclick="mug.common.nclick(this, 'bes.banner2');">
|
|
<span class="card_dim"></span>
|
|
<span class="cont_type">추천 시리즈</span>
|
|
<strong class="tit">당신에게 가장 필요한 시간</strong>
|
|
|
|
<span class="writer">하나님사랑</span>
|
|
</a>
|
|
</div>
|
|
<div class="img_dim"></div>
|
|
</div>
|
|
|
|
<div class="flick-ct eg-flick-panel is_disable" role="tabpanel" aria-hidden="true" style="position: absolute; width: 967px; height: 100%; box-sizing: border-box; top: 0px; left: 0px; transform: translate(0%); will-change: transform;">
|
|
<div class="cont_area as_post" style="background-image:url(https://post-phinf.pstatic.net/MjAxOTA2MTRfMjQ5/MDAxNTYwNDkyMTQwNjM4.TJQZZc65mpNxq5qiLFaQaMc1woU0GukMKYoYSEHdwhUg.50e5O289fpa5lYahr7rlRx65NSDB36Tz9_C8aA5LANQg.PNG/post_4618640868614322600.png?type=w1200)">
|
|
<a href="https://post.naver.com/viewer/postView.nhn?volumeNo=20623221&memberNo=45457081" class="inner" onclick="mug.common.nclick(this, 'bes.banner3');">
|
|
<span class="card_dim"></span>
|
|
<span class="cont_type">추천 시리즈</span>
|
|
<strong class="tit">잘 자야 피곤하지 않다-수면의 질을 높이는 법</strong>
|
|
|
|
<span class="writer">다른상상</span>
|
|
</a>
|
|
</div>
|
|
<div class="img_dim"></div>
|
|
</div>
|
|
|
|
<div class="flick-ct eg-flick-panel" role="tabpanel" aria-hidden="false" style="position: absolute; width: 967px; height: 100%; box-sizing: border-box; top: 0px; left: 0px; transform: translate(100%); will-change: transform;">
|
|
<div class="cont_area as_post" style="background-image:url(http://www.crossmap.co.kr/files/channel/2018/11/2a2c18fe619ed3dedc460a59ea9531e3.jpg)">
|
|
<a href="#" class="inner" onclick="mug.common.nclick(this, 'bes.banner4');">
|
|
<span class="card_dim"></span>
|
|
<span class="cont_type">감동 맘 울리는 이야기</span>
|
|
<strong class="tit">당신이 예수님을 진짜 믿는다면<br/> 인생은 반드시 바뀝니다</strong>
|
|
|
|
<span class="writer">노네임드</span>
|
|
</a>
|
|
</div>
|
|
<div class="img_dim"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav_area">
|
|
<a href="#" class="btn prev" role="button"><i class="ico">이전</i></a>
|
|
<a href="#" class="btn next" role="button"><i class="ico">다음</i></a>
|
|
</div>
|
|
<div class="pagination_wrap" style="z-index: 2001">
|
|
<div class="pagination_square" role="tablist">
|
|
<a href="#" role="tab" aria-selected="false" class="__page"><em class="num">1</em></a>
|
|
<a href="#" role="tab" aria-selected="false" class="__page"><em class="num">2</em></a>
|
|
<a href="#" role="tab" aria-selected="false" class="__page"><em class="num">3</em></a>
|
|
<a href="#" role="tab" aria-selected="true" class="__page on"><em class="num">4</em></a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!--Tag image-->
|
|
<div class="tagImg">
|
|
<div class="container">
|
|
<ul>
|
|
<li>
|
|
<a href="#">
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/6f91029d6aaf5c04cfb267c1be10ee3f.png">
|
|
</div>
|
|
</a>
|
|
<div class="tagTxt">#Photo</div>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png"></div>
|
|
</a>
|
|
<div class="tagTxt">#Sounds</div>
|
|
</li>
|
|
<li><a href="#"><div class="thumb"><img src="http://www.crossmap.co.kr/files/life/2019/06/4007778ee7ac227622fe05bd8fba05c6.png"></div></a>
|
|
<div class="tagTxt">#Animation</div>
|
|
</li>
|
|
<li><a href="#"><div class="thumb"><img src="http://www.crossmap.co.kr/files/life/2019/06/eb2189dd282cea791cb01ce1cd0c4cb7.png"></div></a>
|
|
<div class="tagTxt">#Prayer</div>
|
|
</li>
|
|
<li><a href="#"><div class="thumb"><img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div></a>
|
|
<div class="tagTxt">#행복</div>
|
|
</li>
|
|
<li><a href="#"><div class="thumb"><img src="http://www.crossmap.co.kr/files/life/2019/06/6f91029d6aaf5c04cfb267c1be10ee3f.png"></div></a>
|
|
<div class="tagTxt">#아침묵상</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!--이야기 QT-->
|
|
<div class="container pt30">
|
|
<div class="titleBox">
|
|
<ul>
|
|
<li><a href="#">이야기 QT</a></li>
|
|
</ul>
|
|
<div class="arrow">
|
|
<a href="#">더보기 <img src="img/ic-more.gif"></a>
|
|
</div>
|
|
</div>
|
|
<ul class="col col4">
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
나중에 나이 들면 가장 많이 후회한다는 행동
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
나중에 나이 들면 가장 많이 후회한다는 행동
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/cb8daaadc582d3fcb345fe91de466ed7.png"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
나중에 나이 들면 가장 많이 후회한다는 행동
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/eb2189dd282cea791cb01ce1cd0c4cb7.png"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
나중에 나이 들면 가장 많이 후회한다는 행동
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/759b4d63671b70865baf9577becd02b4.png"></div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!--말씀카드-->
|
|
<div class="container pt30 pb30">
|
|
<div class="titleBox">
|
|
<ul>
|
|
<li><a href="#">말씀카드</a></li>
|
|
</ul>
|
|
<div class="arrow">
|
|
<a href="#">더보기 <img src="img/ic-more.gif"></a>
|
|
</div>
|
|
</div>
|
|
<ul class="col col5">
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
[위로와 소망] 하나님 말씀은 확실하여
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
나중에 나이 들면 가장 많이 후회한다는 행동
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
삶의 목적을 이 땅에 두지 않겠습니다
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/01/1dc1737ca3258a3ee0a4ff7f2aa4eab7.jpg"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
[주님을 본받아] 하나님의 얼굴을 보도록
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/01/4bb95347ff4ca5ee10c7917c174bb303.jpg"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
나중에 나이 들면 가장 많이 후회한다는 행동
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg"></div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!--영상QT-->
|
|
<div class="container btop">
|
|
<div class="titleBox">
|
|
<ul>
|
|
<li><a href="#">영상QT
|
|
</a></li>
|
|
</ul>
|
|
<div class="arrow">
|
|
<a href="#">더보기 <img src="img/ic-more.gif"></a>
|
|
</div>
|
|
</div>
|
|
<ul class="col col4 col4-2">
|
|
<li>
|
|
<div class="thumb">
|
|
<a href="#">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
|
|
</a>
|
|
</div>
|
|
<div class="profile">
|
|
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
|
|
<div class="tit">
|
|
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
|
|
</div>
|
|
<div class="writer">
|
|
<a href="#">메이븐</a>
|
|
</div>
|
|
</div>
|
|
<div class="ic_area">
|
|
<div class="float_left">
|
|
<a class="likes" href="#">
|
|
<i class="ico" aria-label="좋아요"></i>
|
|
<span>103</span>
|
|
</a>
|
|
<a class="comments" href="#">
|
|
<i class="ico" aria-label="댓글수"></i>
|
|
<span>29</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="float_right">
|
|
<a href="#" class="hits">
|
|
<i class="ico" aria-label="조회수"></i>
|
|
<span>79</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="thumb">
|
|
<a href="#">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
|
|
</a>
|
|
</div>
|
|
<div class="profile">
|
|
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
|
|
<div class="tit">
|
|
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
|
|
</div>
|
|
<div class="writer">
|
|
<a href="#">메이븐</a>
|
|
</div>
|
|
</div>
|
|
<div class="ic_area">
|
|
<div class="float_left">
|
|
<a class="likes" href="#">
|
|
<i class="ico" aria-label="좋아요"></i>
|
|
<span>103</span>
|
|
</a>
|
|
<a class="comments" href="#">
|
|
<i class="ico" aria-label="댓글수"></i>
|
|
<span>29</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="float_right">
|
|
<a href="#" class="hits">
|
|
<i class="ico" aria-label="조회수"></i>
|
|
<span>79</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="thumb">
|
|
<a href="#">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
|
|
</a>
|
|
</div>
|
|
<div class="profile">
|
|
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
|
|
<div class="tit">
|
|
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
|
|
</div>
|
|
<div class="writer">
|
|
<a href="#">메이븐</a>
|
|
</div>
|
|
</div>
|
|
<div class="ic_area">
|
|
<div class="float_left">
|
|
<a class="likes" href="#">
|
|
<i class="ico" aria-label="좋아요"></i>
|
|
<span>103</span>
|
|
</a>
|
|
<a class="comments" href="#">
|
|
<i class="ico" aria-label="댓글수"></i>
|
|
<span>29</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="float_right">
|
|
<a href="#" class="hits">
|
|
<i class="ico" aria-label="조회수"></i>
|
|
<span>79</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="thumb">
|
|
<a href="#">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
|
|
</a>
|
|
</div>
|
|
<div class="profile">
|
|
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
|
|
<div class="tit">
|
|
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
|
|
</div>
|
|
<div class="writer">
|
|
<a href="#">메이븐</a>
|
|
</div>
|
|
</div>
|
|
<div class="ic_area">
|
|
<div class="float_left">
|
|
<a class="likes" href="#">
|
|
<i class="ico" aria-label="좋아요"></i>
|
|
<span>103</span>
|
|
</a>
|
|
<a class="comments" href="#">
|
|
<i class="ico" aria-label="댓글수"></i>
|
|
<span>29</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="float_right">
|
|
<a href="#" class="hits">
|
|
<i class="ico" aria-label="조회수"></i>
|
|
<span>79</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
<!--C포스트-->
|
|
<div class="container pt30 pb30">
|
|
<div class="titleBox">
|
|
<ul>
|
|
<li><a href="#">C포스트</a></li>
|
|
</ul>
|
|
<div class="arrow">
|
|
<a href="#">더보기 <img src="img/ic-more.gif"></a>
|
|
</div>
|
|
</div>
|
|
<div class="cpostBox">
|
|
<div class="cpostMain" style="background:url('http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png') no-repeat center; background-size:cover;">
|
|
<a href="#">
|
|
<div class="bg"></div>
|
|
<div class="tit">
|
|
[위로와 소망] 하나님 말씀은 확실하여
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<ul class="col col5">
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
[위로와 소망] 하나님 말씀은 확실하여
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
나중에 나이 들면 가장 많이 후회한다는 행동
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
삶의 목적을 이 땅에 두지 않겠습니다
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/01/1dc1737ca3258a3ee0a4ff7f2aa4eab7.jpg"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
[주님을 본받아] 하나님의 얼굴을 보도록
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/01/4bb95347ff4ca5ee10c7917c174bb303.jpg"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
나중에 나이 들면 가장 많이 후회한다는 행동
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
[주님을 본받아] 하나님의 얼굴을 보도록
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/01/4bb95347ff4ca5ee10c7917c174bb303.jpg"></div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--운율묵상-->
|
|
<div class="container pb30 btop">
|
|
<div class="titleBox">
|
|
<ul>
|
|
<li><a href="#">운율묵상</a></li>
|
|
</ul>
|
|
<div class="arrow">
|
|
<a href="#">더보기 <img src="img/ic-more.gif"></a>
|
|
</div>
|
|
</div>
|
|
<ul class="col col5">
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
[위로와 소망] 하나님 말씀은 확실하여
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
나중에 나이 들면 가장 많이 후회한다는 행동
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
삶의 목적을 이 땅에 두지 않겠습니다
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/01/1dc1737ca3258a3ee0a4ff7f2aa4eab7.jpg"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
[주님을 본받아] 하나님의 얼굴을 보도록
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/01/4bb95347ff4ca5ee10c7917c174bb303.jpg"></div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="tit">
|
|
나중에 나이 들면 가장 많이 후회한다는 행동
|
|
</div>
|
|
<div class="writer">
|
|
메이븐
|
|
</div>
|
|
<div class="thumb">
|
|
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg"></div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!--영어묵상/인기있는 은혜충전/배너-->
|
|
<div class="grayBox">
|
|
<div class="container">
|
|
<div class="float_left english">
|
|
|
|
<div class="titleBox">
|
|
<ul>
|
|
<li><a class="blue" href="#">운율묵상</a></li>
|
|
</ul>
|
|
<div class="arrow">
|
|
<a href="#">더보기 <img src="img/ic-more.gif"></a>
|
|
</div>
|
|
</div>
|
|
|
|
<ul class="enList">
|
|
<li>
|
|
<div class="enImg">
|
|
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png"></a>
|
|
</div>
|
|
<div class="des">
|
|
<h4><a href="#">The Bible story of Elijah</a></h4>
|
|
<p><a href="#">Before Elijah actually arrives in Israel, God sends a drought as he is so displeased with the people. Elijah had been residing out in the desert where there was a river with drinking water and God had sent ravens </a></p>
|
|
<div class="blue">Lynn</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="enImg">
|
|
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png"></a>
|
|
</div>
|
|
<div class="des">
|
|
<h4><a href="#">The Bible story of Elijah</a></h4>
|
|
<p><a href="#">Before Elijah actually arrives in Israel, God sends a drought as he is so displeased with the people. Elijah had been residing out in the desert where there was a river with drinking water and God had sent ravens </a></p>
|
|
<div class="blue">Lynn</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="enImg">
|
|
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg"></a>
|
|
</div>
|
|
<div class="des">
|
|
<h4><a href="#">The Bible story of Elijah</a></h4>
|
|
<p><a href="#">Before Elijah actually arrives in Israel, God sends a drought as he is so displeased with the people. Elijah had been residing out in the desert where there was a river with drinking water and God had sent ravens </a></p>
|
|
<div class="blue">Lynn</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="enImg">
|
|
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
|
|
</div>
|
|
<div class="des">
|
|
<h4><a href="#">The Bible story of Elijah</a></h4>
|
|
<p><a href="#">Before Elijah actually arrives in Israel, God sends a drought as he is so displeased with the people. Elijah had been residing out in the desert where there was a river with drinking water and God had sent ravens </a></p>
|
|
<div class="blue">Lynn</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="enImg">
|
|
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
|
|
</div>
|
|
<div class="des">
|
|
<h4><a href="#">The Bible story of Elijah</a></h4>
|
|
<p><a href="#">Before Elijah actually arrives in Israel, God sends a drought as he is so displeased with the people. Elijah had been residing out in the desert where there was a river with drinking water and God had sent ravens </a></p>
|
|
<div class="blue">Lynn</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="float_left popular">
|
|
<h5 class="blue">인기있는 은혜충전</h5>
|
|
<ul>
|
|
<li>
|
|
<div class="num">1</div>
|
|
<div class="popImg">
|
|
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
|
|
</div>
|
|
<div class="tit">
|
|
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
|
|
</div>
|
|
<div class="blue">
|
|
<a href="#">메이븐</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="num">2</div>
|
|
<div class="popImg">
|
|
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
|
|
</div>
|
|
<div class="tit">
|
|
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
|
|
</div>
|
|
<div class="blue">
|
|
<a href="#">메이븐</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="num">3</div>
|
|
<div class="popImg">
|
|
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
|
|
</div>
|
|
<div class="tit">
|
|
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
|
|
</div>
|
|
<div class="blue">
|
|
<a href="#">메이븐</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="num">4</div>
|
|
<div class="popImg">
|
|
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
|
|
</div>
|
|
<div class="tit">
|
|
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
|
|
</div>
|
|
<div class="blue">
|
|
<a href="#">메이븐</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="num">5</div>
|
|
<div class="popImg">
|
|
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
|
|
</div>
|
|
<div class="tit">
|
|
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
|
|
</div>
|
|
<div class="blue">
|
|
<a href="#">메이븐</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="num">6</div>
|
|
<div class="popImg">
|
|
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
|
|
</div>
|
|
<div class="tit">
|
|
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
|
|
</div>
|
|
<div class="blue">
|
|
<a href="#">메이븐</a>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="float_right banner">
|
|
<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="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>
|
|
|
|
|
|
</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 © 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>
|