<!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>
    <?php $this->load->view('mobile/grace/grace-head-meta')?>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
    <?php $this->load->view('mobile/grace/grace-head')?>
</head>

<body>
    <?php $this->load->view('mobile/grace/grace-header', ['nav' => preg_replace('/^<[^>]+>|<\/[^>]+>$/', '', hooskNav('grace', '/grace'))])?>

    <div class="main-container graceCon">

        <!-- Search Over-->
        <div class="search">
            <div class="container">
                <button class="btn-close2" data-remove=".search"><img
                        src="<?php echo THEME_FOLDER?>/mobile/img/ic-close.gif"></button>
                <form action="" class="site-head-search">
                    <input type="text" name="" id="site-head-search" placeholder="검색어를 입력하세요">
                    <button type="submit"><i class="fa fa-search"></i></button>
                </form>
                <div class="recommedTag">
                    <h5>추천태그</h5>
                    <ul>
                        <li>크맵추천</li>
                        <li>꽃</li>
                        <li>하나님</li>
                        <li>성령</li>
                        <li>교회절기</li>
                        <li>어린이 성경학교</li>
                        <li>웹툰</li>
                        <li>교회오빠</li>
                        <li>크맵추천</li>
                        <li>부활절</li>
                        <li>클립아트</li>
                    </ul>
                </div>
            </div>
        </div>

        <!--Body Container-->
        <div class="container pt10">
            <!--goto Top-->
            <div class="gotoTop">
                <a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/top.gif"></a>
            </div>

            <!--Tag Pick-->
            <div class="mainBox">
                은혜로운 성경말씀과 아름다운 이미지의 콜라보
                <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>
            </div>

            <div class="mainBox">
                <ul class="titleBoxTab">
                    <li class="current">업데이트 순</li>
                    <li>좋아요 순</li>
                </ul>
                <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="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
                                    <div class="numbers">250</div>
                                    <a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
                                    <div class="numbers">1500</div>
                                </div>
                            </div>
                            <div class="smallThumb">
                                <img src="<?php echo THEME_FOLDER?>/mobile/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="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
                                    <div class="numbers">250</div>
                                    <a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
                                    <div class="numbers">1500</div>
                                </div>
                            </div>
                            <div class="smallThumb">
                                <img src="<?php echo THEME_FOLDER?>/mobile/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="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
                                    <div class="numbers">250</div>
                                    <a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
                                    <div class="numbers">1500</div>
                                </div>
                            </div>
                            <div class="smallThumb">
                                <img src="<?php echo THEME_FOLDER?>/mobile/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="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
                                    <div class="numbers">250</div>
                                    <a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
                                    <div class="numbers">1500</div>
                                </div>
                            </div>
                            <div class="smallThumb">
                                <img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
                            </div>
                        </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/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>