<!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">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.min.css">
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <!-- css -->
    <link rel="stylesheet" href="<?php echo THEME_FOLDER?>/mobile/css/main.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]-->
    <style>
    .carousel-control-prev .fas {
        color: #fff;
        padding: 20px 0;
        font-size: 1.6em;
        width: 34px;
        position: absolute;
        background: #000;
        opacity: 0.5;
        left: 0;
    }

    .carousel-control-next .fas {
        color: #fff;
        padding: 20px 0;
        font-size: 1.6em;
        width: 34px;
        position: absolute;
        background: #000;
        opacity: 0.5;
        right: 0;
    }

    .cmTv .titleBox li.tns-nav-active a {
        color: #268abc;
    }
    </style>
</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/logo.svg" alt="크로스맵"
                            height="34"></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>
                        <li class="current"><a href="/">홈</a></li>
                        <?php echo preg_replace('/^<[^>]+>|<\/[^>]+>$/', '', hooskNav('main')) ?>
                    </ul>
                </nav>
            </div>
        </div>


        <!-- Search Over -->
        <div class="search">
            <div class="container">
                <button class="btn-close" 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>
        </div>
    </header>

    <div class="main-container">
        <!--Body Container-->
        <div class="container">



            <div id="mainSlide" class="carousel slide mainSlide" data-ride="carousel">
                <div class="carousel-inner">
                    <?php foreach($storyqt as $k=>$t) {?>
                    <div class="carousel-item<?php echo $k==0 ? ' active':''?>">
                        <a href="/channel/<?php echo $t->pageID?>/<?php echo $t->postID?>"><img class="d-block w-100"
                                src="https://crossmap.co.kr<?php echo $t->postImage?>" alt="First slide"></a>
                    </div>
                    <?php }?>
                </div>
                <a class="carousel-control-prev" href="#mainSlide" role="button" data-slide="prev">
                    <span class="fas fa-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#mainSlide" role="button" data-slide="next">
                    <span class="fas fa-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>

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

            <!--오늘의 웹툰-->
            <div class="mainBox">
                <div class="titleBox">
                    <ul>
                        <li class="view"><a href="#">오늘의 웹툰</a></li>
                    </ul>
                    <div class="arrow">
                        <a href="/webtoon">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
                    </div>
                </div>
                <div class="mainBox-slider">
                    <div class="thumbBox">
                        <ul>
                            <?php foreach ($featureToons as $t) { ?>
                            <li>
                                <a class="img-scaleup" href="/webtoon/<?php echo $t->postSeq ?>"><img
                                        src="http://crossmap.co.kr<?php echo $t->postImage ?>"></a>
                                <div class="des">
                                    <p><a href="/webtoon/<?php echo $t->postSeq ?>"><?php echo $t->postTitle ?></a></p>
                                </div>
                            </li>
                            <?php }?>


                        </ul>
                    </div>

                </div>
            </div>

            <!--CM TV box-->
            <div class="mainBox cmTv">
                <div class="titleBox">
                    <h2><a href="/cmtv">크로스맵 <span>TV</span></a></h2>
                    <ul class="cmTv-nav">
                        <li><a href="/channel/30045">토크쇼</a></li>
                        <li><a href="/channel/30044">간증</a></li>
                        <li><a href="/channel/30042">말씀</a></li>
                        <li><a href="/channel/30043">찬양</a></li>
                    </ul>
                    <div class="arrow">
                        <span class="current-index">1</span>/<span class="count">5</span>
                    </div>
                </div>
                <div class="thumbBox">
                    <div class="cmTv-slider">
                        <div>
                            <div class="thumbMain">
                                <a href="/channel/30045/<?php echo $talkshow[0]->postID?>">
                                    <img src="http://crossmap.co.kr<?php echo $talkshow[0]->postImage?>">
                                </a>
                                <div class="des">
                                    <p><a href="/channel/30045/<?php echo $talkshow[0]->postID?>">
                                            <?php echo $talkshow[0]->postTitle?> </a></p>
                                </div>
                            </div>
                            <ul>
                                <?php foreach(array_slice($talkshow, 1) as $t) {?>
                                <li>
                                    <a href="/channel/30045/<?php echo $t->postID?>">
                                        <img src="http://crossmap.co.kr<?php echo $t->postImage?>">
                                    </a>
                                    <div class="des">
                                        <p><a href="/channel/30045/<?php echo $t->postImage?>">
                                                <?php echo $t->postTitle?> </a></p>
                                    </div>
                                </li>
                                <?php }?>
                            </ul>
                        </div>
                        <div>
                            <div class="thumbMain">
                                <a href="/channel/30045/<?php echo $testimony[0]->postID?>">
                                    <img src="http://crossmap.co.kr<?php echo $testimony[0]->postImage?>">
                                </a>
                                <div class="des">
                                    <p><a href="/channel/30045/<?php echo $testimony[0]->postID?>">
                                            <?php echo $testimony[0]->postTitle?> </a></p>
                                </div>
                            </div>
                            <ul>
                                <?php foreach(array_slice($testimony, 1) as $t) {?>
                                <li>
                                    <a href="/channel/30045/<?php echo $t->postID?>">
                                        <img src="http://crossmap.co.kr<?php echo $t->postImage?>">
                                    </a>
                                    <div class="des">
                                        <p><a href="/channel/30045/<?php echo $t->postImage?>">
                                                <?php echo $t->postTitle?> </a></p>
                                    </div>
                                </li>
                                <?php }?>
                            </ul>
                        </div>
                        <div>
                            <div class="thumbMain">
                                <a href="/channel/30045/<?php echo $sermon[0]->postID?>">
                                    <img src="http://crossmap.co.kr<?php echo $sermon[0]->postImage?>">
                                </a>
                                <div class="des">
                                    <p><a href="/channel/30045/<?php echo $sermon[0]->postID?>">
                                            <?php echo $sermon[0]->postTitle?> </a></p>
                                </div>
                            </div>
                            <ul>
                                <?php foreach(array_slice($sermon, 1) as $t) {?>
                                <li>
                                    <a href="/channel/30045/<?php echo $t->postID?>">
                                        <img src="http://crossmap.co.kr<?php echo $t->postImage?>">
                                    </a>
                                    <div class="des">
                                        <p><a href="/channel/30045/<?php echo $t->postImage?>">
                                                <?php echo $t->postTitle?> </a></p>
                                    </div>
                                </li>
                                <?php }?>
                            </ul>
                        </div>
                        <div>
                            <div class="thumbMain">
                                <a href="/channel/30045/<?php echo $worship[0]->postID?>">
                                    <img src="http://crossmap.co.kr<?php echo $worship[0]->postImage?>">
                                </a>
                                <div class="des">
                                    <p><a href="/channel/30045/<?php echo $worship[0]->postID?>">
                                            <?php echo $worship[0]->postTitle?> </a></p>
                                </div>
                            </div>
                            <ul>
                                <?php foreach(array_slice($worship, 1) as $t) {?>
                                <li>
                                    <a href="/channel/30045/<?php echo $t->postID?>">
                                        <img src="http://crossmap.co.kr<?php echo $t->postImage?>">
                                    </a>
                                    <div class="des">
                                        <p><a href="/channel/30045/<?php echo $t->postImage?>">
                                                <?php echo $t->postTitle?> </a></p>
                                    </div>
                                </li>
                                <?php }?>
                            </ul>
                        </div>
                    </div>
                    <div class="cmTv-controls">
                        <div class="arrowPrev"><i class="fas fa-chevron-left"></i></div>
                        <div class="arrowNext"><i class="fas fa-chevron-right"></i></div>
                    </div>
                </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">
                                    <p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                                <div class="des">
                                    <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
                                            강연 '제23회 장로부부 영성수련회 </a></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="thumbList">
                        <ul>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                                <div class="des">
                                    <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
                                    <div><i class="far fa-clock"></i> 2019.05.12</div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg"></a>
                                <div class="des">
                                    <p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
                                    <div><i class="far fa-clock"></i> 2019.05.12</div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                                <div class="des">
                                    <p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
                                    <div><i class="far fa-clock"></i> 2019.05.12</div>
                                </div>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>

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

            <!--기도 캠페인-->
            <div class="mainBox">
                <div class="titleBox">
                    <ul>
                        <li class="view"><a href="#">기도 캠페인</a></li>
                    </ul>
                </div>
                <div class="prayerBox">
                    <ul>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                            <div class="des">
                                <p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
                                <div class="author">By 여강</div>
                                <div class="date">
                                    5/21~26 <span>100명 참여중</span>
                                </div>
                                <a href="#" class="button">참여하기</a>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                            <div class="des">
                                <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제 강연
                                        '제23회 장로부부 영성수련회 </a></p>
                                <div class="author">By 하나님사랑</div>
                                <div class="date">
                                    5/21~26 <span>100명 참여중</span>
                                </div>
                                <a href="#" class="button">참여하기</a>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                            <div class="des">
                                <p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
                                <div class="author">By 이스라엘</div>
                                <div class="date">
                                    5/21~26 <span>100명 참여중</span>
                                </div>
                                <a href="#" class="button">참여하기</a>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                            <div class="des">
                                <p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
                                <div class="author">By 이스라엘</div>
                                <div class="date">
                                    5/21~26 <span>100명 참여중</span>
                                </div>
                                <a href="#" class="button">참여하기</a>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                            <div class="des">
                                <p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
                                <div class="author">By 이스라엘</div>
                                <div class="date">
                                    5/21~26 <span>100명 참여중</span>
                                </div>
                                <a href="#" class="button">참여하기</a>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                            <div class="des">
                                <p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
                                <div class="author">By 이스라엘</div>
                                <div class="date">
                                    5/21~26 <span>100명 참여중</span>
                                </div>
                                <a href="#" class="button">참여하기</a>
                            </div>
                        </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">
                                    <p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                                <div class="des">
                                    <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
                                            강연 '제23회 장로부부 영성수련회 </a></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="thumbList">
                        <ul>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                                <div class="des">
                                    <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
                                    <div><i class="far fa-clock"></i> 2019.05.12</div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg"></a>
                                <div class="des">
                                    <p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
                                    <div><i class="far fa-clock"></i> 2019.05.12</div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                                <div class="des">
                                    <p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
                                    <div><i class="far fa-clock"></i> 2019.05.12</div>
                                </div>
                            </li>
                        </ul>
                    </div>

                </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="<?php echo $articles[0]->articleURL?>"><img
                                        src="http://crossmap.co.kr<?php echo $articles[0]->postImage?>"></a>
                                <div class="des">
                                    <p><a
                                            href="<?php echo $articles[0]->articleURL?>"><?php echo $articles[0]->postTitle?></a>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="<?php echo $articles[1]->articleURL?>"><img
                                        src="http://crossmap.co.kr<?php echo $articles[1]->postImage?>"></a>
                                <div class="des">
                                    <p><a
                                            href="<?php echo $articles[1]->articleURL?>"><?php echo $articles[1]->postTitle?></a>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="thumbList newsList">
                        <ul>
                            <?php foreach(array_slice($articles, 2, 6) as $a) {?>
                            <li><a href="<?php echo $a->articleURL?>"><?php echo $a->postTitle?></a></li>
                            <?php }?>
                        </ul>
                    </div>

                </div>
            </div>

            <!--오피니언-->
            <div class="mainBox">
                <div class="titleBox">
                    <ul>
                        <li class="view"><a href="/news/opinions">오피니언</a></li>
                    </ul>
                    <div class="arrow">
                        <a href="/news/opinions">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
                    </div>
                </div>
                <div class="thumbList opinion">
                    <ul>
                        <?php foreach($columns as $c) {?>
                        <li>
                            <a class="img-scaleup" href="<?php echo $c->articleURL?>"><img
                                    src="http://crossmap.co.kr<?php echo $c->postImage?>"></a>
                            <div class="des">
                                <p><a href="#"><?php echo $c->postTitle?></a></p>
                            </div>
                        </li>
                        <?php }?>
                    </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">
                                    <p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                                <div class="des">
                                    <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
                                            강연 '제23회 장로부부 영성수련회 </a></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="thumbList">
                        <ul>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                                <div class="des">
                                    <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
                                    <div><i class="far fa-clock"></i> 2019.05.12</div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg"></a>
                                <div class="des">
                                    <p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
                                    <div><i class="far fa-clock"></i> 2019.05.12</div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                                <div class="des">
                                    <p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
                                    <div><i class="far fa-clock"></i> 2019.05.12</div>
                                </div>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>

            <!--자료실-->
            <div class="mainBox">
                <div class="titleBox">
                    <ul>
                        <li class="view"><a href="#">자료실</a></li>
                    </ul>
                </div>
                <div class="prayerBox resourceBox">
                    <ul>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                            <div class="des">
                                <p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
                                <div class="author">By 여강</div>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                            <div class="des">
                                <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제 강연
                                        '제23회 장로부부 영성수련회 </a></p>
                                <div class="author">By 하나님사랑</div>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                            <div class="des">
                                <p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
                                <div class="author">By 이스라엘</div>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                            <div class="des">
                                <p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
                                <div class="author">By 이스라엘</div>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                            <div class="des">
                                <p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
                                <div class="author">By 이스라엘</div>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                            <div class="des">
                                <p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
                                <div class="author">By 이스라엘</div>
                            </div>
                        </li>
                    </ul>
                </div>
                <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>
                        <li>크리스챤 배경화면</li>
                        <li>말씀</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>
            </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/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <script src="<?php echo THEME_FOLDER?>/mobile/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]-->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
    <script>
    $(function() {
        // $("#mainSlide").swiperight(function() {
        //     $(this).carousel('prev');
        // });
        // $("#mainSlide").swipeleft(function() {
        //     $(this).carousel('next');
        // });
        $(".mainNav nav").draggable({
            axis: "x"
        });
    });
    </script>
</body>

</html>