<?php
# session
$SES_MEMBER_ID = $this->session->userdata('C_Member_Id');
$SES_MEMBER_NAME = $this->session->userdata('C_Member_Name');
$SES_MEMBER_NICNAME = $this->session->userdata('C_Member_Nicname');
$SES_MEMBER_PROFILE = $this->session->userdata('C_Member_Profile');
$SES_MEMBER_GROUPNAME = $this->session->userdata('C_Member_Group_Name');
$SES_MEMBER_INTRO = $this->session->userdata('C_Member_Intro');
$SES_MEMBER_EMAIL = $this->session->userdata('C_Member_Email');

$weekday = array('일', '월', '화', '수', '목', '금', '토');

if ($SES_MEMBER_PROFILE == '') {
    $SES_MEMBER_PROFILE = '/img/web/img_profile_l.png';
}

if ($SES_MEMBER_NICNAME == '') {
    $SES_MEMBER_NICNAME = $SES_MEMBER_NAME;
}

$controller = $this->uri->segment(2);
$method = $this->uri->segment(3);
if ($controller != 'search') {
    $search_keyword = '';
}
$content_type = trim($this->input->get_post('content_type', true));

$ci = &get_instance();

# 실시간급상승 검색어
$ci->load->model('web/m_realtime_keyword');
$arr_realtime_keyword = $ci->m_realtime_keyword->realtime_keyword_all_list();

$return_data['arr_realtime_keyword'] = $arr_realtime_keyword;

// include(APPPATH."views/web/comm/header.php")
?>
<!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, maximum-scale=1, user-scalable=no">
    <!-- <meta http-equiv="cleartype" content="on"> -->
    <title>크리스천포털 크로스맵 :: 일상 속에서 은혜를 구하는 크리스천을 위한 기독교 종합 포털 입니다.</title>
    <meta name="description"
        content="크리스천, 기독교, 일상, 은혜, 포털, <?php echo getMetaDescription(array('Skin_Content' => print_r(get_defined_vars(), true))) ?>">
    <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="og:title" content="크리스천포털 크로스맵">
    <meta property="og:description"
        content="크리스천, 기독교, 일상, 은혜, 포털, <?php echo getMetaDescription(array('Skin_Content' => print_r(get_defined_vars(), true))) ?>">
    <meta property="fb:app_id" content="961578337335000" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="<?=CROSSMAP_URL?>" />
    <link rel="canonical" href="https://crossmap.co.kr">

    <!-- favicons -->
    <!-- favicons -->
    <link rel="shortcut icon" href="https://crossmap.christiandaily.co.kr/img/shortcut_icon.png">
    <link rel="shortcut icon" href="https://crossmap.christiandaily.co.kr/img/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="https://crossmap.christiandaily.co.kr/img/shortcut_icon.png">
    <link rel="apple-touch-startup-image" href="https://crossmap.christiandaily.co.kr/img/shortcut_icon.png">

    <!-- css -->
    <link rel="stylesheet" href="/css/main.css">
    <link rel="stylesheet" href="/assets/css/main_new.css">
    <link rel="stylesheet" href="/assets/css/swiper.css">
    <link rel="stylesheet" href="/assets/css/font-awesome.css">

    <!-- Font -->
    <link href="https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap" 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"
        integrity="sha256-6biQaot1QLisz9KkkcCCHWvW2My9SrU6VtqJBv8ChCM=" crossorigin="anonymous" />
    <!--[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>
    <!-- <script src="/renew2/js/script.js"></script> -->

    <!-- site -->
<style>
    .storybox .swiper-button-prev2, .storybox .swiper-button-next2 {
        background:#fff !important;
        border-bottom: 1px solid #f2f4f7;
        opacity: 1;
        position:absolute;
        pointer-events: auto !important;
    }
</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="/web/news/">뉴스</a></li>
                    <li><a href="/web/maptoon">웹툰</a></li>
                    <!-- <li ><a class="not_ready" >키즈</a></li> -->
                    <!-- <li><a class="not_ready">찬양</a></li> -->
                    <!-- <li><a href="/web/life/">은혜</a></li> -->
                    <li><a href="/grace">은혜</a></li>
                    <li><a href="/cmtv">크맵TV</a></li>
                    <li><a href="/web/prayer">기도공감</a></li>
                    <li><a href="/reference">자료실</a></li>
                    <li class="login">
                        <? if ($SES_MEMBER_ID == '') { ?><a href="/web/user/login">로그인</a>
                        <? } else { ?>
                        <? } ?>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <header class="site-head">
        <div class="util">
            <div class="container">
                <div class="cm"><a
                        href="/web/cs/faq_view/33?search_keyword=&search_category1=31&search_category2=02&data_num=2">크로스맵을
                        시작페이지로</a></div>
                <div class="login">
                    <? if ($SES_MEMBER_ID == '') { ?>
                    <a href="/web/user/login">로그인</a>
                    <a href="/web/user/register">회원가입</a>
                    <? } else { ?>
                    <a href="/web/mypage/bookmark">내 정보</a>
                    <a href="/web/member/logout_proc">로그아웃</a>
                    <? } ?>
                </div>
            </div>
        </div>

        <div class="topbar">
            <div class="container">
                <div class="logo"><a href="/"><img src="/renew2/img/logo.svg" alt="크로스맵" width="149" height="42"></a>
                </div>
            </div>
        </div>

        </div>
        <!--Desktop Nav-->
        <div class="site-nav-desktop">
            <div class="container">
                <button class="nav-toggle" data-toggle=".nav-wrap"><img src="/renew2/img/ic-menu.png"></button>
                <nav>
                    <ul>
                        <li><a href="/web/news">뉴스</a></li>
                        <li><a href="/web/maptoon">웹툰</a></li>
                        <!-- <li><a href="/web/life/">은혜충전</a></li> -->
                        <li><a href="/grace">은혜충전</a></li>
                        <li><a href="/cmtv">크맵TV</a></li>
                        <li><a href="/web/prayer">기도공감</a></li>
                        <li><a href="/reference">자료실</a></li>
                    </ul>
                </nav>
                <button class="search-toggle" data-add=".search"><img src="/renew2/img/ic-search.png"></button>

            </div>
        </div>

        <!-- Search Over -->
        <div class="search">
            <div class="container">
                <button class="btn-close" data-remove=".search"><img src="/renew2/img/ic-close.gif"></button>
                <form class="site-head-search" action="/web/search/" method="get">
                    <input type="text" name="search_keyword" id="site-head-search" placeholder="검색어를 입력하세요">
                    <button type="submit"><i class="fa fa-search"></i></button>
                </form>
            </div>
        </div>
    </header>

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

            <div class="section1 clearfix">
                <div class="newsbox1">

                    <div class="swiper-container swiper-box" data-index=0>
                        <div class="tit">
                            <h3>뉴스</h3>
                        </div>
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="group_news">
                                    <div class="container2 clearfix">
                                        <div class="box_sector">
                                            <a href="/web/news/news_view/<?php $n = $arr_headline_news[0];
echo $n['content_idx']?>/<?php echo cleanUrl($n['title']) ?>">
                                                <span class="thumb"><img src="<?php echo $n['theme_img'] ?>"></span>
                                                <strong
                                                    class="des2"><?php echo mb_strimwidth($n['title'], '0', '60', '..', 'utf-8') ?></strong>
                                            </a>
                                        </div>
                                        <div class="news_list">
                                            <ul>
                                                <?
                                                for ($i = 4; $i <= 8; $i++) {
                                                    if (isset($arr_headline_news[$i]) == true) {
                                                        $title = mb_strimwidth($arr_headline_news[$i]['title'], '0', '55', '..', 'utf-8');
                                                ?>
                                                <li><a
                                                        href="/web/news/news_view/<?=$arr_headline_news[$i]['content_idx'];?>/<?php echo cleanUrl($arr_headline_news[$i]['title']) ?>"><?=$title;?></a>
                                                </li>
                                                <? }
                                                } ?>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="group_news">
                                    <div class="container2 bn clearfix">
                                        <div class="box_sector">
                                            <a href="/web/news/news_view/<?php $n = $arr_headline_news[1];
echo $n['content_idx']?>/<?php echo cleanUrl($n['title']) ?>">
                                                <span class="thumb"><img src="<?php echo $n['theme_img'] ?>"></span>
                                                <strong
                                                    class="des2"><?php echo mb_strimwidth($n['title'], '0', '60', '..', 'utf-8') ?></strong>
                                            </a>
                                        </div>
                                        <div class="news_list">
                                            <ul>
                                                <?
                                                for ($i = 9; $i <= 13; $i++) {
                                                    if (isset($arr_headline_news[$i]) == true) {
                                                        $title = mb_strimwidth($arr_headline_news[$i]['title'], '0', '55', '..', 'utf-8');
                                                ?>
                                                <li><a
                                                        href="/web/news/news_view/<?=$arr_headline_news[$i]['content_idx'];?>/<?php echo cleanUrl($arr_headline_news[$i]['title']) ?>"><?=$title;?></a>
                                                </li>
                                                <? }
                                                } ?>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="group_news">
                                    <div class="container2 clearfix">
                                        <div class="box_sector">
                                            <a href="/web/news/news_view/<?php $n = $arr_headline_news[2];
echo $n['content_idx']?>/<?php echo cleanUrl($n['title']) ?>">
                                                <span class="thumb"><img src="<?php echo $n['theme_img'] ?>"></span>
                                                <strong
                                                    class="des2"><?php echo mb_strimwidth($n['title'], '0', '60', '..', 'utf-8') ?></strong>
                                            </a>
                                        </div>
                                        <div class="news_list">
                                            <ul>
                                                <?
                                                for ($i = 14; $i <= 18; $i++) {
                                                    if (isset($arr_headline_news[$i]) == true) {
                                                        $title = mb_strimwidth($arr_headline_news[$i]['title'], '0', '55', '..', 'utf-8');
                                                ?>
                                                <li><a
                                                        href="/web/news/news_view/<?=$arr_headline_news[$i]['content_idx'];?>/<?php echo cleanUrl($arr_headline_news[$i]['title']) ?>"><?=$title;?></a>
                                                </li>
                                                <? }
                                                } ?>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="group_news">
                                    <div class="container2 bn clearfix">
                                        <div class="box_sector">
                                            <a href="/web/news/news_view/<?php $n = $arr_headline_news[3];
echo $n['content_idx']?>/<?php echo cleanUrl($n['title']) ?>">
                                                <span class="thumb"><img src="<?php echo $n['theme_img'] ?>"></span>
                                                <strong
                                                    class="des2"><?php echo mb_strimwidth($n['title'], '0', '60', '..', 'utf-8') ?></strong>
                                            </a>
                                        </div>
                                        <div class="news_list">
                                            <ul>
                                                <?
                                                for ($i = 19; $i <= 23; $i++) {
                                                    if (isset($arr_headline_news[$i]) == true) {
                                                        $title = mb_strimwidth($arr_headline_news[$i]['title'], '0', '55', '..', 'utf-8');
                                                ?>
                                                <li><a
                                                        href="/web/news/news_view/<?=$arr_headline_news[$i]['content_idx'];?>/<?php echo cleanUrl($arr_headline_news[$i]['title']) ?>"><?=$title;?></a>
                                                </li>
                                                <? }
                                                } ?>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-button-next1 r_arr swiper-next"><a href="#"><span class="ir_pm">다음</span></a>
                        </div>
                        <div class="swiper-button-prev1 l_arr swiper-prev"><a href="#"><span class="ir_pm">이전</span></a>
                        </div>
                    </div>

                </div>
                <div class="right_box1">
                    <div class="dailyqtbox">
                        <div class="tit">
                            <h3>데일리큐티</h3>
                            <div class="more_btn_new">
                                <a href="/grace/category/데일리QT/32"><span class="ir_pm ">더보기</span></a>
                            </div>
                        </div>
                        <div class="dailyqtboxin">
                            <div class="imgbox">
                                <a
                                    href="/grace/<?php echo $arr_daily_cutie->titleUrl ?>/<?php echo $arr_daily_cutie->idx ?>">
                                    <img src="<?php echo imgSrc($arr_daily_cutie->mainImg); ?>" alt="">
                                    <strong><?php echo $arr_daily_cutie->title ?></strong>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="m_banner" style="margin-bottom:10px;"><a href="http://visiontaxgroup.co.kr/"
                            target="_blank"><img src="https://crossmap.christiandaily.co.kr/assets/images/ban5_0217.png"
                                alt=""></a></div>
                    <div class="Wordbox">
                        <div class="tit">
                            <h3>오늘의 말씀</h3>
                            <span><?php echo date('m. d ') ?>
                                (<?php echo array("일", "월", "화", "수", "목", "금", "토")[date('w')] ?>)</span>
                        </div>
                        <div>
                            <p><?php echo $arr_today_word['word'] ?></p>

                            <span class="verse"><?php echo $arr_today_word['title'] ?></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="m_banner"><a href="https://www.youtube.com/channel/UCRVLwu6RreMmgwhm2kYDlUg/featured"><img
                        src="https://crossmap.christiandaily.co.kr/assets/images/banner0221.jpg" alt=""></a></div>
            <div class="section2 clearfix">
                <div class="storybox">
                    <div class="tit swiper-containermenu">
                        <ul class="menu_tab swiper-wrapper">
                            <li data-slide="postcard" class="swiper-slide selected"><a
                                    href="#"><?php echo $graceCategories[$this->config->item('categories')['grace']['postcard']]->category_name ?></a>
                            </li>
                            <li data-slide="book" class="swiper-slide"><a
                                    href="#"><?php echo $graceCategories[$this->config->item('categories')['grace']['book']]->category_name ?></a>
                            </li>
                            <li data-slide="storyqt" class="swiper-slide"><a
                                    href="#"><?php echo $graceCategories[$this->config->item('categories')['grace']['dailyQT']]->category_name ?></a>
                            </li>
                            <li data-slide="gracious" class="swiper-slide"><a
                                    href="#"><?php echo $graceCategories[$this->config->item('categories')['grace']['enQT']]->category_name ?></a>
                            </li>
                            <li data-slide="qna" class="swiper-slide"><a
                                    href="#"><?php echo $graceCategories[$this->config->item('categories')['grace']['qna']]->category_name ?></a>
                            </li>
                            <li class="swiper-slide"></li>
                        </ul>
                    </div>
                    <div class="listbox clearfix">
                        <div class="swiper-container2 swiper-box" data-index=1>

                            <div class="swiper-wrapper"><?php foreach ($arr_heart_opening_story as $k => $val) {
    $open = true;
    echo ($k == 0 || $k == 6 || $k == 12 || $k == 18) ? '<ul class="swiper-slide swiper-storyqt" style="display:none">' : '';?>
                                <li>
                                    <a href="<?php echo is_array($val) ? $val['banner_url'] : '/grace/' . $val->titleUrl . '/' . $val->idx ?>"
                                        <?php echo is_array($val) ? ' target="_blank"' : '' ?>>
                                        <div class="img">
                                            <img src="<?php echo imgSrc(is_array($val) ? $val['main_img'] : $val->mainImg)?>" alt="">
                                        </div>
                                        <p><?php echo is_array($val) ? $val['title'] : $val->title ?></p>
                                    </a>
                                </li>
                                <?php if ($k == 5 || $k == 11 || $k == 17 || $k == 23) {
        $open = false;
        echo '</ul>';} else {echo '';}
}if ($open) {echo '</ul>';}?>

                                <?php foreach ($arr_gracious_verse as $k => $val) {$open = true;
    echo ($k == 0 || $k == 6 || $k == 12 || $k == 18) ? '<ul class="swiper-slide swiper-gracious" style="display:none">' : '';?>
                                <li>
                                    <a href="/grace/<?php echo $val->titleUrl . '/' . $val->idx ?>">
                                        <div class="img">
                                            <img src="<?=imgSrc($val->mainImg)?>" alt="">
                                        </div>
                                        <p><?php echo $val->title ?></p>
                                    </a>
                                </li>
                                <?php if ($k == 5 || $k == 11 || $k == 17 || $k == 23) {$open = false;
        echo '</ul>';} else {
        echo '';
    }

}if ($open) {
    echo '</ul>';
}?>





                                <?php foreach ($arr_bible_postcard as $k => $val) {$open = true;
    echo ($k == 0 || $k == 6 || $k == 12 || $k == 18) ? '<ul class="swiper-slide swiper-postcard">' : '';?>
                                <li>
                                    <a href="/grace/<?php echo $val->titleUrl . '/' . $val->idx ?>">
                                        <div class="img">
                                            <img src="<?=imgSrc($val->mainImg)?>" alt="">
                                        </div>
                                        <p><?php echo $val->title ?></p>
                                    </a>
                                </li>
                                <?php if ($k == 5 || $k == 11 || $k == 17 || $k == 23) {$open = false;
        echo '</ul>';} else {
        echo '';
    }

}if ($open) {
    echo '</ul>';
}?>



                                <?php foreach ($arr_christian_reading as $k => $val) {$open = true;
    echo ($k == 0 || $k == 6 || $k == 12 || $k == 18) ? '<ul class="swiper-slide swiper-book" style="display:none">' : '';?>
                                <li>
                                    <a href="/grace/<?php echo $val->titleUrl . '/' . $val->idx ?>">
                                        <div class="img">
                                            <img src="<?=imgSrc($val->mainImg)?>" alt="">
                                        </div>
                                        <p><?php echo $val->title ?></p>
                                    </a>
                                </li>
                                <?php if ($k == 5 || $k == 11 || $k == 17 || $k == 23) {$open = false;
        echo '</ul>';} else {
        echo '';
    }

}if ($open) {
    echo '</ul>';
}?>

                                <?php foreach ($arr_qna as $k => $val) {$open = true;
    echo ($k == 0 || $k == 6 || $k == 12 || $k == 18) ? '<ul class="swiper-slide swiper-qna" style="display:none">' : '';?>
                                <li>
                                    <a href="/grace/<?php echo $val->titleUrl . '/' . $val->idx ?>">
                                        <div class="img">
                                            <img src="<?=imgSrc($val->mainImg)?>" alt="">
                                        </div>
                                        <p><?php echo $val->title ?></p>
                                    </a>
                                </li>
                                <?php if ($k == 5 || $k == 11 || $k == 17 || $k == 23) {$open = false;
        echo '</ul>';} else {
        echo '';
    }

}if ($open) {
    echo '</ul>';
}

?>


                            </div>
                            <div class="swiper-button-next2 r_arr swiper-next"><a href="#"><span
                                        class="ir_pm">다음</span></a></div>
                            <div class="swiper-button-prev2 l_arr swiper-prev"><a href="#"><span
                                        class="ir_pm">이전</span></a></div>
                        </div>

                    </div>
                </div>
                <div class="m_banner"><a href="https://ko-kr.facebook.com/crossmapkr/"><img
                            src="https://crossmap.christiandaily.co.kr/assets/images/banner3_mobile.png" alt=""></a>
                </div>
                <div class="right_box2">
                    <div class="ccmchart">
                        <div class="tit">
                            <h3>CCM차트</h3>
                            <span><?php echo date('m. d ') ?>
                                (<?php echo array("일", "월", "화", "수", "목", "금", "토")[date('w')] ?>)</span>
                        </div>
                        <ul class="chart_list">
                            <?php
$arr_melon_ccm = json_decode(file_get_contents('http://api.fasterest.net:20001/melon/ccm'));
$arr_melon_ccm_print = array_splice($arr_melon_ccm, 0, 5);
foreach ($arr_melon_ccm_print as $k => $v) {?>
                            <li>
                                <a class="clearfix"
                                    href="https://www.youtube.com/results?search_query=<?php echo urlencode($v->album . ' ' . $v->title) ?>"
                                    target="_new">
                                    <span class="num"><?php echo $k + 1; ?></span>
                                    <div class="img"><img src="<?php echo $v->img ?>" alt="<?php echo $v->title ?>">
                                    </div>
                                    <dl>
                                        <dt><?php echo $v->title ?></dt>
                                        <dd><?php echo mb_strimwidth($v->album, 0, 15, '..', 'utf-8') ?></dd>
                                    </dl>
                                </a>
                            </li>
                            <?php }?>
                        </ul>
                        <ul class="chart_list" style="display:none;">
                            <?php
$arr_melon_ccm = json_decode(file_get_contents('http://api.fasterest.net:20001/melon/ccm'));
$arr_melon_ccm_print = array_splice($arr_melon_ccm, 5, 5);
foreach ($arr_melon_ccm_print as $k => $v) {?>
                            <li>
                                <a class="clearfix"
                                    href="https://www.youtube.com/results?search_query=<?php echo urlencode($v->album . ' ' . $v->title) ?>"
                                    target="_new">
                                    <span class="num"><?php echo $k + 6; ?></span>
                                    <div class="img"><img src="<?php echo $v->img ?>" alt="<?php echo $v->title ?>">
                                    </div>
                                    <dl>
                                        <dt><?php echo $v->title ?></dt>
                                        <dd><?php echo mb_strimwidth($v->album, 0, 15, '..', 'utf-8') ?></dd>
                                    </dl>
                                </a>
                            </li>
                            <?php }?>
                        </ul>
                        <div class="ccm_tab">
                            <ul>
                                <li class="selected"><a href="#">1-5위</a></li>
                                <li><a href="#">6-10위</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="banner">
                        <a href="<?=$advertisement[0]['ad_lending']?>" target="_new"><img
                                src="<?=imgSrc($advertisement[0]['ad_file'])?>"></a>
                    </div>
                </div>
            </div>
            <div class="m_banner"><a href="https://play.google.com/store/apps/details?id=com.SS20190423.tube&hl=ko"><img
                        src="https://crossmap.christiandaily.co.kr/assets/images/banner1_mobile.png" alt=""></a></div>
            <div class="section3">
                <div class="tvbox">
                    <div class="tit">
                        <h3>크로스맵TV</h3>
                        <ul class="menu_tab">
                            <li class="selected" data-slide="praise" class="tvmenu-3"><a href="#">찬양</a></li>
                            <li data-slide="gospel" class="tvmenu-2"><a href="#">말씀/QT</a></li>
                            <li data-slide="testimony"><a href="#">소셜</a></li>                            
                            <li data-slide="talkshow"><a href="#">TV방송</a></li>
                        </ul>
                    </div>

                    <div class="tvbox_in clearfix">
                        <div class="swiper-container3 swiper-box" data-index=2>
                            <div class="swiper-wrapper">

                                <?php function swiperFeatured($data, $featured, $hide = true)
{
    foreach ($data as $k => $val) {
        if ($k == 0 || $k == 4 || $k == 8 || $k == 12) {?>

                                <div class="swiper-slide swiper-<?php echo $featured ?>"
                                    <?php echo $hide ? 'style="display:none"' : '' ?>>
                                    <div class="l_img">
                                        <a
                                            href="<?php echo '/cmtv/' .$val->titleUrl. '/'. $val->idx?>">
                                            <img src="<?php echo imgSrc($val->mainImg); ?>" alt="">
                                            <strong><?php echo convertEmoji($val->title, 'DECODE') ?></strong>
                                            <span><?php echo $val->editorName ?></span>
                                        </a>
                                    </div>
                                    <ul class="tv_list">
                                        <?php } else {?>
                                        <li>
                                            <a
                                                href="<?php echo '/cmtv/' . $val->titleUrl . '/' . $val->idx ?>">
                                                <div class="img"><img src="<?php echo imgSrc($val->mainImg) ?>"
                                                        alt="<?php echo convertEmoji($val->title, 'DECODE') ?>"></div>
                                                <strong><?php echo $val->title ?></strong>
                                                <ul class="info">
                                                    <li><?php echo $val->editorName; ?></li>
                                                    <li>조회수 <?php echo $val->views ?>회</li>
                                                </ul>
                                            </a>
                                        </li>
                                        <?php echo ($k == 3 || $k == 7 || $k == 11 || $k == 15) ? '</ul></div>' : '';
        }
    }
}
swiperFeatured($arr_tv_praise, 'praise', false);
swiperFeatured($arr_tv_gospel, 'gospel');
swiperFeatured($arr_tv_testimony, 'testimony');
swiperFeatured($arr_tv_talkshow, 'talkshow');

?>


                                </div>
                                <div class="swiper-button-next3 r_arr swiper-next"><a href="#"><span
                                            class="ir_pm">다음</span></a></div>
                                <div class="swiper-button-prev3 l_arr swiper-prev"><a href="#"><span
                                            class="ir_pm">이전</span></a></div>
                            </div>

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

                <div class="m_banner"><a href="https://www.facebook.com/cmadskr/"><img
                            src="https://crossmap.christiandaily.co.kr/assets/images/banner4_mobile.png" alt=""></a>
                </div>



                <? include_once(APPPATH . "views/web/homepage/featuredBox.php") ?>


            </div>

            <!--side banner RIGHT-->
        </div>
        <!-- container end -->

        <!--footer start-->
        <div class="footer">
            <div class="container">
                <div class="ftLogo"><a href="/"><img src="/renew2/img/logo.svg" alt="크로스맵"></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="https://ko-kr.facebook.com/crossmapkr/" target="_blank"><i
                                class="fab fa-facebook-f"></i>페이스북</a></li>
                    <li><a href="https://www.instagram.com/crossmapkr/?hl=ko" target="_blank"><i
                                class="fab fa-instagram"></i>인스타그램</a></li>
                </ul>
                <div class="copy">Copyright &copy; All rights reserved.</div>
            </div>
        </div>
        <!--footer end-->


        <!-- 자바스크립트 라이브러리 추가1231 -->
        <script src="/assets/js/jquery.min_1.12.4.js"></script>
        <script src="/assets/js/modernizr-custom.js"></script>
        <script src="/assets/js/ie-checker.js"></script>
        <script src="/assets/js/swiper.min.js"></script>
        <script>
        $(function() {
            var swipers = []
            $('.swiper-box').each(function(k, v) {
                swipers.push(new Swiper(v, {
                    navigation: {
                        nextEl: $(v).find('.swiper-next'),
                        prevEl: $(v).find('.swiper-prev'),
                    }
                }));

            })
            $('.menu_tab li').on('click', function(e) {
                e.preventDefault();                
                if($(this).data('slide')) { 
                    var slide = $(this).addClass('selected').siblings().removeClass('selected').parent()
                    .parent().parent().find('.swiper-box .swiper-slide');
                    swipers[slide.parent().parent().data('index')].slideTo(0)
                    slide.hide().parent().find('.swiper-' + $(this).data('slide')).show()
                    swipers[slide.parent().parent().data('index')].update()
                }
            })
            $('#tns1-item0 li').eq(-5).find('a img').attr('src', '/assets/images/main-banner-vp-product.jpg')
                .parent().attr('href',
                    'https://www.coupang.com/vp/products/63907504?itemId=217192872&vendorItemId=3994294450&q=7%EC%A0%848%EA%B8%B0%EB%AC%B4%EB%A6%8E%EA%B2%BD%EC%98%81&itemsCount=3&searchId=83075ac7fcdc457089241492b07d4aba&rank=0&isAddedCart='
                ).attr('target', '_blank');
            $('#tns1-item0 li').eq(-5).find('.des a').attr('href',
                'https://www.coupang.com/vp/products/63907504?itemId=217192872&vendorItemId=3994294450&q=7%EC%A0%848%EA%B8%B0%EB%AC%B4%EB%A6%8E%EA%B2%BD%EC%98%81&itemsCount=3&searchId=83075ac7fcdc457089241492b07d4aba&rank=0&isAddedCart='
            ).attr('target', '_blank').html('<span style="color:#26bcb7">AD</span> 본죽 대표의 간절한 기도행전!');
            $('.featuredBox').show();
        })
        </script>


        <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"
            integrity="sha256-pau+EjagELvmW7XoDOgz4DCKHep0GuC+kw6U8GQKo94=" crossorigin="anonymous"></script>
        <!-- <script src="/renew2/js/script.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]-->
        <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
        <script type="text/javascript">
        if (!wcs_add) var wcs_add = {};
        wcs_add["wa"] = "2ee4bea3106352";
        wcs_do();
        </script>
</body>

</html>

<style>
.not_ready {
    cursor: pointer;
}

button[data-action] {
    display: none;
}

.tns-nav {
    display: none;
}
</style>
<script>
var classname = document.getElementsByClassName("not_ready");
var _alertReady = function() {
    alert("준비중입니다.");
};

for (var i = 0; i < classname.length; i++) {
    classname[i].addEventListener('click', _alertReady, false);
}


function submit_check() {
    if (!$("#search_keyword").val()) {
        alert('검색어를 입력하세요.');
        return false;
    } else {
        return true;
    }
}

function search_keyword_proc(search_keyword) {
    if (search_keyword == '') {
        search_keyword = $("#search_keyword").val();
    }

    var result = true;
    if (search_keyword != '') result = search_keyword_reg(search_keyword);
    if (result == true) {
        $("#search_keyword").val(search_keyword);
        $("#search_form").submit();
    }

}


window.onscroll = function(ev) {
    if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
        var li_node = document.createElement("li");
        var a_node = document.createElement("a");
        var img_node = document.createElement('img');

        a_node.setAttribute('href', '/web/life/life_view/596');
        img_node.setAttribute('src', "/files/life/2019/01/dd1798adb9be200bfe541bc6a497926f.jpg")
        li_node.appendChild(a_node);
        a_node.appendChild(img_node);

        var div_node = document.createElement("div");
        div_node.classList.add('des');
        var p_node1 = document.createElement("p");
        var a_text = document.createTextNode("겸손한 사람은");
        var a_node1 = document.createElement("a");
        div_node.appendChild(p_node1);
        p_node1.appendChild(a_node1);
        a_node1.appendChild(a_text);
        li_node.appendChild(div_node);

        // console.log("data load code add")
        // var footer =document.getElementsByClassName("footer")[0];
        // footer.appendChild(li_node);
    }
}

$(function() {
    $('body').attr('oncontextmenu','return false;')
    $('.ccm_tab li').on('click', function(e) {
        e.preventDefault();
        $(this).siblings().removeClass('selected');
        $(this).addClass('selected');
    })
    $('.ccm_tab li').eq(0).on('click', function(e) {
        $('.chart_list').hide().eq(0).show();
    })
    $('.ccm_tab li').eq(1).on('click', function(e) {
        $('.chart_list').hide().eq(1).show();
    });
    new Swiper('.swiper-containermenu', {
            slidesPerView: 7,
            spaceBetween: 10,
            
            breakpoints: {
    // when window width is >= 320px
    320: {
      slidesPerView: 1,
      spaceBetween: 10
    },
    // when window width is >= 480px
    480: {
      slidesPerView: 4,
      spaceBetween: 0
    },
    // when window width is >= 640px
    800: {
      slidesPerView: 7,
      spaceBetween: 0
    }
  }
            
      
        })
})
</script>
<!-- Default Statcounter code for Crossmap.co.kr
http://crossmap.co.kr -->
<script type="text/javascript">
var sc_project = 10767957;
var sc_invisible = 1;
var sc_security = "0cf2c0fe";
</script>
<script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script>
<noscript>
    <div class="statcounter"><a title="Web Analytics" href="https://statcounter.com/" target="_blank"><img
                class="statcounter" src="//c.statcounter.com/10767957/0/0cf2c0fe/1/" alt="Web
Analytics"></a></div>
</noscript>
<!-- End of Statcounter Code -->
<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "crossmap",
    "url": "https://crossmap.christiandaily.co.kr",
    "sameAs": [
        "https://www.facebook.com/crossmapkr",
        "https://www.instagram.com/crossmapkr"
    ]
}
</script>