<!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'))])?>


    <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">

            <!--Main Slide-->
            <div class="mainSlide grace">
                <div id="mainSlide" class="carousel slide graceSlide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#mainSlide" data-slide-to="0" class="active"></li>
                        <li data-target="#mainSlide" data-slide-to="1"></li>
                        <li data-target="#mainSlide" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">

                        <li class="carousel-item active"><a href="#"><img
                                    src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
                        </li>
                        <li class="carousel-item"><a href="#"><img
                                    src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
                        </li>
                        <li class="carousel-item"><a href="#"><img
                                    src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
                        </li>
                        <li class="carousel-item"><a href="#"><img
                                    src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
                        </li>
                        <li class="carousel-item"><a href="#"><img
                                    src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
                        </li>
                        <li class="carousel-item"><a href="#"><img
                                    src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
                        </li>
                    </div>

                </div>

            </div>



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

            <!--Tag Pick-->
            <div class="mainBox">
                <div class="titleBox">
                    <ul>
                        <li class="view"><a href="#">태그 PICK</a></li>
                    </ul>
                </div>
                <div class="tagBox">
                    <ul class='owl-carousel'>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
                            <h3><a href="#">Illustration</a><span class="numbers">26,371</span></h3>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
                            <h3><a href="#">Photo</a><span class="numbers">26,371</span></h3>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
                            <h3><a href="#">Painting</a><span class="numbers">26,371</span></h3>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
                            <h3><a href="#">Background</a><span class="numbers">26,371</span></h3>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
                            <h3><a href="#">Word Card</a><span class="numbers">26,371</span></h3>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
                            <h3><a href="#">Drawing</a><span class="numbers">26,371</span></h3>
                        </li>
                    </ul>
                </div>
            </div>

            <!--이야기 QT-->
            <div class="mainBox">
                <div class="titleBox">
                    <ul>
                        <li class="view"><a href="#">이야기 QT</a></li>
                    </ul>
                    <div class="arrow">
                        <a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
                    </div>
                </div>
                <div class="thumbList">
                    <ul>
                        <li class="bigPhoto">
                            <a class="img-scaleup" href="#"><img
                                    src="http://www.crossmap.co.kr/files/life/2019/04/872dbf5e796fdea0746e4389329302dd.jpg"></a>
                            <div class="des">
                                <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
                                <div class="blue">홀리원</div>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/news-pic2.jpg"></a>
                            <div class="des">
                                <p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
                                <div class="blue">홀리원</div>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/news-pic3.jpg"></a>
                            <div class="des">
                                <p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
                                <div class="blue">홀리원</div>
                            </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">
                                    <div><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></div>
                                    <div class="blue">홀리원</div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                                <div class="des">
                                    <div><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
                                            강연 '제23회 장로부부 영성수련회 </a></div>
                                    <div class="blue">홀리원</div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                                <div class="des">
                                    <div><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></div>
                                    <div class="blue">홀리원</div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                                <div class="des">
                                    <div><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
                                            강연 '제23회 장로부부 영성수련회 </a></div>
                                    <div class="blue">홀리원</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="thumbList english">
                    <ul>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/news-pic1.jpg"></a>
                            <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="author">Lynn</div>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/news-pic2.jpg"></a>
                            <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="author">Lynn</div>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/news-pic3.jpg"></a>
                            <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</a>
                                </p>
                                <div class="author">Lynn</div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>

            <!--영상 QT-->
            <div class="mainBox">
                <div class="titleBox">
                    <ul>
                        <li class="view"><a href="#">영상 QT</a></li>
                    </ul>
                </div>
                <div class="thumbList">
                    <ul>
                        <li class="bigPhoto">
                            <a class="img-scaleup" href="#"><img
                                    src="http://www.crossmap.co.kr/files/life/2019/04/872dbf5e796fdea0746e4389329302dd.jpg"></a>

                            <div class="smallThumb">
                                <img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg">
                                <div class="des">
                                    <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
                                    <div class="blue">이영희</div>
                                </div>

                            </div>
                        </li>
                        <li class="bigPhoto">
                            <a class="img-scaleup" href="#"><img
                                    src="http://www.crossmap.co.kr/files/life/2019/04/872dbf5e796fdea0746e4389329302dd.jpg"></a>

                            <div class="smallThumb">
                                <img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg">
                                <div class="des">
                                    <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
                                    <div class="blue">이영희</div>
                                </div>
                        </li>
                    </ul>
                    <div class="viewMore">
                        <a class="viewMore" href="#">더보기</a>
                    </div>
                </div>

            </div>

            <!--C포스트-->
            <div class="mainBox">
                <div class="titleBox">
                    <ul>
                        <li class="view"><a href="#">C 포스트</a></li>
                    </ul>
                    <div class="arrow">
                        <a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
                    </div>
                </div>
                <div class="thumbList">
                    <ul>
                        <li class="bigPhoto">
                            <a class="img-scaleup" href="#"><img
                                    src="http://www.crossmap.co.kr/files/life/2019/04/872dbf5e796fdea0746e4389329302dd.jpg"></a>
                            <div class="des">
                                <p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
                                <div class="blue">홀리원</div>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/news-pic2.jpg"></a>
                            <div class="des">
                                <p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
                                <div class="blue">홀리원</div>
                            </div>
                        </li>
                        <li>
                            <a class="img-scaleup" href="#"><img
                                    src="<?php echo THEME_FOLDER?>/mobile/img/news-pic3.jpg"></a>
                            <div class="des">
                                <p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
                                <div class="blue">홀리원</div>
                            </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">
                                    <div><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></div>
                                    <div class="blue">홀리원</div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                                <div class="des">
                                    <div><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
                                            강연 '제23회 장로부부 영성수련회 </a></div>
                                    <div class="blue">홀리원</div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
                                <div class="des">
                                    <div><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></div>
                                    <div class="blue">홀리원</div>
                                </div>
                            </li>
                            <li>
                                <a class="img-scaleup" href="#"><img
                                        src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
                                <div class="des">
                                    <div><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
                                            강연 '제23회 장로부부 영성수련회 </a></div>
                                    <div class="blue">홀리원</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>

        <?php $this->load->view('mobile/grace/grace-footer')?>


    </div>
    <!-- container end -->

    <?php $this->load->view('mobile/grace/grace-foot')?>

</body>

</html>