<!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('templates/webtoon/webtoon-head-meta')?>
    <?php $this->load->view('templates/webtoon/webtoon-head')?>
</head>

<body>
    <?php $this->load->view('templates/webtoon/webtoon-header'); ?>

    <main id="main" role="main" tabindex="-1">
        <div class="container">
            <div class="layout-blog">
                <div>
                    <article class="featured-webtoon poster gap-bottom-sm"
                        style="background:url('https://crossmap.co.kr<?php echo $todayToons[0]->postImage?>') no-repeat center; background-size:cover;">

                        <div class="label">오늘의 웹툰</div>

                        <div class="webtoon-controls">
                            <div class="arrowPrev"><i class="fas fa-chevron-left"></i></div>
                            <div class="arrowNext"><i class="fas fa-chevron-right"></i></div>
                        </div>
                    </article>

                    <section class="todays-webtoon gap-bottom-md">
                        <header>
                            <h2>오늘의 웹툰</h2>
                            <div class="link"><a href="">공지사항</a></div>
                        </header>
                        <ol>
                            <?php foreach($todayToons as $k=>$t) { ?>
                            <li>
                                <span class="week">월요일</span>
                                <a href="/webtoon/<?php echo $t->postID?>" class="thumb"><img
                                        src="https://crossmap.co.kr<?php echo $t->img?>" alt="" width="83"
                                        height="90"></a>
                                <span class="txt">
                                    <a href="/webtoon/<?php echo $t->postID?>"
                                        class="title"><?php echo $t->pageTitle?></a>
                                    <span class="summary"><?php echo $t->intro?></span>
                                    <a class="artist"
                                        href="/webtoon/series/<?php echo $t->pageID?>"><?php echo $t->author?></a>
                                </span>
                            </li>
                            <?php }?>

                        </ol>
                    </section>

                    <section class="gap-bottom-md">
                        <header class="row-header row-header-tools">
                            <h2 class="title"><a href="">추천 웹툰</a></h2>
                            <div class="tools sortby">
                                <a class="update current widget_menu" base="recomm_toons"
                                    tg="recomm_toon_update">업데이트순</a>
                                <a class="view-count widget_menu" base="recomm_toons" tg="recomm_toon_count">조회순</a>
                                <a class="star-score widget_menu" base="recomm_toons" tg="recomm_toon_grade">별점순</a>
                            </div>
                        </header>
                        <ul class="gallery-3 recomm_toons" id="recomm_toon_update">
                            <?php foreach($recomToons['updates'] as $t) {?>
                            <li>
                                <a class="img-scaleup" href="/webtoon/<?php echo $t->postID?>"><img
                                        src="http://crossmap.co.kr<?php echo $t->postImage?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/<?php echo $t->postID?>"><?php echo $t->postExcerpt?></a></h3>
                                <div class="row-des"><?php echo $t->postTitle?></div>
                                <div class="row-user"><a
                                        href="/webtoon/series/<?php echo $t->pageID?>"><?php echo $t->author?></a></div>
                            </li>
                            <?php }?>
                        </ul>
                        <ul class="gallery-3 recomm_toons" id="recomm_toon_count" style="display:none;">
                            <?php foreach($recomToons['reads'] as $t) {?>
                            <li>
                                <a class="img-scaleup" href="/webtoon/<?php echo $t->postID?>"><img
                                        src="http://crossmap.co.kr<?php echo $t->postImage?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/<?php echo $t->postID?>"><?php echo $t->postExcerpt?></a></h3>
                                <div class="row-des"><?php echo $t->postTitle?></div>
                                <div class="row-user"><a
                                        href="/webtoon/series/<?php echo $t->pageID?>"><?php echo $t->author?></a></div>
                            </li>
                            <?php }?>
                        </ul>
                        <ul class="gallery-3 recomm_toons" id="recomm_toon_grade" style="display:none;">
                            <?php foreach($recomToons['recomm'] as $t) {?>
                            <li>
                                <a class="img-scaleup" href="/webtoon/<?php echo $t->postID?>"><img
                                        src="http://crossmap.co.kr<?php echo $t->postImage?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/<?php echo $t->postID?>"><?php echo $t->postExcerpt?></a></h3>
                                <div class="row-des"><?php echo $t->postTitle?></div>
                                <div class="row-user"><a
                                        href="/webtoon/series/<?php echo $t->pageID?>"><?php echo $t->author?></a></div>
                            </li>
                            <?php }?>
                        </ul>
                    </section>

                    <section class="gap-bottom-md">
                        <header class="row-header row-header-tools">
                            <h2 class="title"><a href="">신앙하는 우리 이야기</a></h2>
                            <div class="tools sortby">
                                <a class="update current widget_menu" base="story_toons"
                                    tg="story_toon_update">업데이트순</a>
                                <a class="view-count widget_menu" base="story_toons" tg="story_toon_count">조회순</a>
                                <a class="star-score widget_menu" base="story_toons" tg="story_toon_grade">별점순</a>
                            </div>
                        </header>
                        <ul class="gallery-3 story_toons" id="story_toon_update">
                            <?php foreach($faithToons['updates'] as $t) {?>
                            <li>
                                <a class="img-scaleup" href="/webtoon/<?php echo $t->postID?>"><img
                                        src="http://crossmap.co.kr<?php echo $t->postImage?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/<?php echo $t->postID?>"><?php echo $t->postExcerpt?></a></h3>
                                <div class="row-des"><?php echo $t->postTitle?></div>
                                <div class="row-user"><a
                                        href="/webtoon/series/<?php echo $t->pageID?>"><?php echo $t->author?></a></div>
                            </li>
                            <?php }?>
                        </ul>
                        <ul class="gallery-3 story_toons" id="story_toon_count" style="display:none;">
                            <?php foreach($faithToons['reads'] as $t) {?>
                            <li>
                                <a class="img-scaleup" href="/webtoon/<?php echo $t->postID?>"><img
                                        src="http://crossmap.co.kr<?php echo $t->postImage?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/<?php echo $t->postID?>"><?php echo $t->postExcerpt?></a></h3>
                                <div class="row-des"><?php echo $t->postTitle?></div>
                                <div class="row-user"><a
                                        href="/webtoon/series/<?php echo $t->pageID?>"><?php echo $t->author?></a></div>
                            </li>
                            <?php }?>
                        </ul>
                        <ul class="gallery-3 story_toons" id="story_toon_grade" style="display:none;">
                            <?php foreach($faithToons['recomm'] as $t) {?>
                            <li>
                                <a class="img-scaleup" href="/webtoon/<?php echo $t->postID?>"><img
                                        src="http://crossmap.co.kr<?php echo $t->postImage?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/<?php echo $t->postID?>"><?php echo $t->postExcerpt?></a></h3>
                                <div class="row-des"><?php echo $t->postTitle?></div>
                                <div class="row-user"><a
                                        href="/webtoon/series/<?php echo $t->pageID?>"><?php echo $t->author?></a></div>
                            </li>
                            <?php }?>
                        </ul>
                    </section>

                    <section class="gap-bottom-md">
                        <header class="row-header row-header-tools">
                            <h2 class="title"><a href="">신앙하는 우리 이야기</a></h2>
                            <div class="tools sortby">
                                <a class="update current widget_menu" base="read_toons" tg="read_toon_update">업데이트순</a>
                                <a class="view-count widget_menu" base="read_toons" tg="read_toon_count">조회순</a>
                                <a class="star-score widget_menu" base="read_toons" tg="read_toon_grade">별점순</a>
                            </div>
                        </header>
                        <ul class="gallery-3 read_toons" id="read_toon_update">
                            <?php foreach($wordToons['updates'] as $t) {?>
                            <li>
                                <a class="img-scaleup" href="/webtoon/<?php echo $t->postID?>"><img
                                        src="http://crossmap.co.kr<?php echo $t->postImage?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/<?php echo $t->postID?>"><?php echo $t->postExcerpt?></a></h3>
                                <div class="row-des"><?php echo $t->postTitle?></div>
                                <div class="row-user"><a
                                        href="/webtoon/series/<?php echo $t->pageID?>"><?php echo $t->author?></a></div>
                            </li>
                            <?php }?>
                        </ul>
                        <ul class="gallery-3 read_toons" id="read_toon_count" style="display:none;">
                            <?php foreach($wordToons['reads'] as $t) {?>
                            <li>
                                <a class="img-scaleup" href="/webtoon/<?php echo $t->postID?>"><img
                                        src="http://crossmap.co.kr<?php echo $t->postImage?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/<?php echo $t->postID?>"><?php echo $t->postExcerpt?></a></h3>
                                <div class="row-des"><?php echo $t->postTitle?></div>
                                <div class="row-user"><a
                                        href="/webtoon/series/<?php echo $t->pageID?>"><?php echo $t->author?></a></div>
                            </li>
                            <?php }?>
                        </ul>
                        <ul class="gallery-3 read_toons" id="read_toon_grade" style="display:none;">
                            <?php foreach($wordToons['recomm'] as $t) {?>
                            <li>
                                <a class="img-scaleup" href="/webtoon/<?php echo $t->postID?>"><img
                                        src="http://crossmap.co.kr<?php echo $t->postImage?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/<?php echo $t->postID?>"><?php echo $t->postExcerpt?></a></h3>
                                <div class="row-des"><?php echo $t->postTitle?></div>
                                <div class="row-user"><a
                                        href="/webtoon/series/<?php echo $t->pageID?>"><?php echo $t->author?></a></div>
                            </li>
                            <?php }?>
                        </ul>
                    </section>
                </div>

                <!-- side bar -->
                <div class="sidebar">
                    <div class="ad gap-bottom-sm"><a href=""><img
                                src="https://crossmap.co.kr/renew/img/banner-2.gif?id=30" alt="" width="300"
                                height="250"></a></div>

                    <section class="realtime-rank gap-bottom-md">
                        <header class="row-header">
                            <h2>실시간 조회 순위</h2>
                        </header>
                        <div class="rank-list two-cols">
                            <ol class="col-item">
                                <?php 
                            $hotToons2 = $hotToons; shuffle($hotToons2);
                            foreach($hotToons2 as $t) {?>
                                <li><a href="/webtoon/<?php echo $t->postID?>"><?php echo $t->postTitle?></a></li>
                                <?php }?>
                            </ol>
                        </div>
                    </section>

                    <section class="recommend-rank gap-bottom-xs">
                        <header class="row-header row-header--compact">
                            <h2>누적 인기 웹툰</h2>
                        </header>
                        <ol class="rank-list rank-list--thumbs rank-list--border">
                            <?php for($i=0;$i<5;$i++) {?>
                            <li>
                                <div class="thumb"><a href="/webtoon/<?php echo $hotToons[$i]->postSeq?>">
                                        <img src="http://crossmap.co.kr<?php echo $hotToons[$i]->postImage?>" alt=""
                                            width="40" height="43" style="height:43px !important;"></a></div>
                                <div class="info"><a href="/webtoon/<?php echo $hotToons[$i]->postSeq?>"
                                        class="title"><?php echo $hotToons[$i]->postTitle?></a><a
                                        href="/webtoon/series/<?php echo $hotToons[$i]->pageID?>"
                                        class="artist"><?php echo $hotToons[$i]->author?></a></div>
                                <div class="rank-count"><?php echo $hotToons[$i]->rating?></div>
                            </li>
                            <?php }?>
                        </ol>
                    </section>

                    <!-- sidebar banners -->
                    <div class="ad gap-bottom-xs"><a href=""><img
                                src="<?php echo THEME_FOLDER?>/img/sidebar-banner1.png" alt="" width="300"
                                height="86"></a></div>
                    <div class="ad gap-bottom-xs"><a href=""><img
                                src="<?php echo THEME_FOLDER?>/img/sidebar-banner2.png" alt="" width="300"
                                height="86"></a></div>
                    <div class="ad gap-bottom-md"><a href=""><img
                                src="<?php echo THEME_FOLDER?>/img/sidebar-banner3.png" alt="" width="300"
                                height="86"></a></div>

                    <section class="recommend-life">
                        <header class="row-header row-header--compact">
                            <h2>추천라이프</h2>
                        </header>
                        <div class="photo-news">
                            <div class="thumb"><a
                                    href="/channel/<?php echo $recommLife[0]->pageID?>/<?php echo $recommLife[0]->postSeq?>"><img
                                        src="https://crossmap.co.kr<?php echo $recommLife[0]->postImage?>" alt=""
                                        width="666" height="461"></a></div>
                            <div class="txt"><a
                                    href="/channel/<?php echo $recommLife[0]->pageID?>/<?php echo $recommLife[0]->postSeq?>"><?php echo $recommLife[0]->postTitle?></a>
                            </div>
                        </div>
                        <ul class="list-card">
                            <li>
                                <a
                                    href="/channel/<?php echo $recommLife[1]->pageID?>/<?php echo $recommLife[1]->postSeq?>"><img
                                        src="https://crossmap.co.kr<?php echo $recommLife[1]->postImage?>" alt=""
                                        width="640" height="444">
                                    <span><?php echo $recommLife[1]->postTitle?></span>
                                </a>
                            </li>
                            <li>
                                <a
                                    href="/channel/<?php echo $recommLife[2]->pageID?>/<?php echo $recommLife[2]->postSeq?>"><img
                                        src="https://crossmap.co.kr<?php echo $recommLife[2]->postImage?>" alt=""
                                        width="640" height="444">
                                    <span><?php echo $recommLife[2]->postTitle?></span>
                                </a>
                            </li>
                        </ul>
                    </section>
                </div>
            </div>
        </div>
    </main>
    <?php $this->load->view('templates/webtoon/webtoon-footer')?>