<!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">
  <!-- 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="img/ic-menu.gif"></button>

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

      <button class="search-toggle" data-add=".search"><img src="img/ic-mag.gif"></button>
      
    </div>
  </div>
  <div class="container">
    <div class="mainNav">
      <nav>
        <ul>
          <li><a href="">홈</a></li>
          <li class="current"><a href="">말씀엽서</a></li>
          <li><a href="">운율묵상</a></li>
          <li><a href="">영어한컷</a></li>
          <li><a href="">이야기QT</a></li>
          <li><a href="">영상QT</a></li>
          <li><a href="">C포스트</a></li>
        </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="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="img/top.gif"></a>
    </div>
    
    <!--Search Result-->
    <div class="mainBox">
     <div class="search-result">
       <div class="container">
         <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="searchResult">
           <span><a href="#">전체 콘텐츠</a></span>
           <span><a href="#">전체메뉴</a></span>
           <span><a href="#">추천수</a></span>
           <div>검색결과 <span class="num">50</span></div>
          </div>
       </div>
     </div>
    </div>

    <div class="mainBox">
      
      <div class="thumbList">
        <ul>
            <li class="bigPhoto">
              <a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
              <div class="des2">
                <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
                <div class="likes">
                  <a href="#"><img src="img/ic-thumbsup.gif"></a> 
                  <div class="numbers">250</div>
                  <a href="#"><img src="img/ic-views.gif"></a>
                  <div class="numbers">1500</div>
                </div>
              </div>
              <div class="smallThumb">
                <img src="img/profile.jpg"> 이영희
              </div>
            </li>

            <li class="bigPhoto">
              <a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
              <div class="des2">
                <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
                <div class="likes">
                  <a href="#"><img src="img/ic-thumbsup.gif"></a> 
                  <div class="numbers">250</div>
                  <a href="#"><img src="img/ic-views.gif"></a>
                  <div class="numbers">1500</div>
                </div>
              </div>
              <div class="smallThumb">
                <img src="img/profile.jpg"> 이영희
              </div>
            </li>

            <li class="bigPhoto">
              <a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
              <div class="des2">
                <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
                <div class="likes">
                  <a href="#"><img src="img/ic-thumbsup.gif"></a> 
                  <div class="numbers">250</div>
                  <a href="#"><img src="img/ic-views.gif"></a>
                  <div class="numbers">1500</div>
                </div>
              </div>
              <div class="smallThumb">
                <img src="img/profile.jpg"> 이영희
              </div>
            </li>

            <li class="bigPhoto">
              <a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
              <div class="des2">
                <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
                <div class="likes">
                  <a href="#"><img src="img/ic-thumbsup.gif"></a> 
                  <div class="numbers">250</div>
                  <a href="#"><img src="img/ic-views.gif"></a>
                  <div class="numbers">1500</div>
                </div>
              </div>
              <div class="smallThumb">
                <img src="img/profile.jpg"> 이영희
              </div>
            </li>
            
          </ul>
      </div>
    </div>

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



  </div>

  <!--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>
      </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>
