<!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>
                    <section class="gap-bottom-md">
                        <h2 class="visually-hidden">Webtoon hot</h2>
                        <div class="img-slider-wrapper">
                            <div class="img-slider-tools">
                                <button class="arr prev"><span class="visually-hidden">Previous slide</span></button>
                                <span class="current-index">1</span>/<span class="count">10</span>
                                <button class="arr next"><span class="visually-hidden">Next slide</span></button>
                            </div>
                            <ul class="img-slider">
                                <?php foreach ($featureToons as $t) { ?>
                                <li class="photo-news">
                                    <a href="/webtoon/<?php echo $t->postSeq ?>"><img
                                            src="<?php echo $t->postImage ?>" alt="" width="793"
                                            height="420"></a>
                                    <div class="txt">
                                        <h3 class="title"><?php echo $t->pageTitle ?> <?php echo $t->postTitle ?></h3>
                                        <div class="author"><?php echo $t->author ?></div>
                                    </div>
                                </li>
                                <?php } ?>
                            </ul>
                        </div>
                    </section>

                    <section class="gap-bottom-md">
                        <header class="row-header row-header-tools">
                            <h2 class="title"><a href="">뜨끈뜨끈한</a><a href="" class="new">신작</a></h2>
                            <div class="tools sortby">
                                <a class="update current widget_menu" base="hot_toons" tg="hot_toon_update">업데이트순</a>
                                <a class="view-count widget_menu" base="hot_toons" tg="hot_toon_count">조회순</a>
                                <a class="star-score widget_menu" base="hot_toons" tg="hot_toon_grade">별점순</a>
                            </div>
                        </header>
                        <ul class="gallery-3 hot_toons" id="hot_toon_update">
                            <?php foreach ($hotToons['updates'] as $t) { ?>
                            <li><a class="img-scaleup" href="/webtoon/<?php echo $t->postSeq ?>"><img
                                        src="<?php echo $t->postImage ?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/series/<?php echo $t->pageID ?>"><?php echo $t->pageTitle ?></a>
                                </h3>
                                <div class="row-des"><a
                                        href="/webtoon/<?php echo $t->postSeq ?>"><?php echo $t->postTitle ?></a>
                                </div>
                                <div class="row-user"><?php echo $t->author ?></div>
                            </li>
                            <?php } ?>
                        </ul>

                        <ul class="gallery-3 hot_toons" id="hot_toon_count" style="display:none;">
                            <?php foreach ($hotToons['reads'] as $t) { ?>
                            <li><a class="img-scaleup" href="/webtoon/<?php echo $t->postSeq ?>"><img
                                        src="<?php echo $t->postImage ?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/series/<?php echo $t->pageID ?>"><?php echo $t->pageTitle ?></a>
                                </h3>
                                <div class="row-des"><a
                                        href="/webtoon/<?php echo $t->postSeq ?>"><?php echo $t->postTitle ?></a>
                                </div>
                                <div class="row-user"><?php echo $t->author ?></div>
                            </li>
                            <?php } ?>
                        </ul>

                        <ul class="gallery-3 hot_toons" id="hot_toon_grade" style="display:none;">
                            <?php foreach ($hotToons['recomm'] as $t) { ?>
                            <li><a class="img-scaleup" href="/webtoon/<?php echo $t->postSeq ?>"><img
                                        src="<?php echo $t->postImage ?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/series/<?php echo $t->pageID ?>"><?php echo $t->pageTitle ?></a>
                                </h3>
                                <div class="row-des"><a
                                        href="/webtoon/<?php echo $t->postID ?>"><?php echo $t->postTitle ?></a>
                                </div>
                                <div class="row-user"><?php echo $t->author ?></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="fun_toons" tg="fun_update">업데이트순</a>
                                <a class="view-count widget_menu" base="fun_toons" tg="fun_count">조회순</a>
                                <a class="star-score widget_menu" base="fun_toons" tg="fun_grade">별점순</a>
                            </div>
                        </header>
                        <ul class="gallery-3 fun_toons" id="fun_update">
                            <?php foreach ($funToons['updates'] as $t) { ?>
                            <li><a class="img-scaleup" href="/webtoon/<?php echo $t->postSeq ?>"><img
                                        src="<?php echo $t->postImage ?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/series/<?php echo $t->pageID ?>"><?php echo $t->pageTitle ?></a>
                                </h3>
                                <div class="row-des"><a
                                        href="/webtoon/<?php echo $t->postSeq ?>"><?php echo $t->postTitle ?></a>
                                </div>
                                <div class="row-user"><?php echo $t->author ?></div>
                            </li>
                            <?php } ?>
                        </ul>

                        <ul class="gallery-3 fun_toons" id="fun_count" style="display:none;">
                            <?php foreach ($funToons['reads'] as $t) { ?>
                            <li><a class="img-scaleup" href="/webtoon/<?php echo $t->postID ?>"><img
                                        src="<?php echo $t->postImage ?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/series/<?php echo $t->pageID ?>"><?php echo $t->pageTitle ?></a>
                                </h3>
                                <div class="row-des"><a
                                        href="/webtoon/<?php echo $t->postSeq ?>"><?php echo $t->postTitle ?></a>
                                </div>
                                <div class="row-user"><?php echo $t->author ?></div>
                            </li>
                            <?php } ?>
                        </ul>

                        <ul class="gallery-3 fun_toons" id="fun_grade" style="display:none;">
                            <?php foreach ($funToons['recomm'] as $t) { ?>
                            <li><a class="img-scaleup" href="/webtoon/<?php echo $t->postSeq ?>"><img
                                        src="<?php echo $t->postImage ?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/series/<?php echo $t->pageID ?>"><?php echo $t->pageTitle ?></a>
                                </h3>
                                <div class="row-des"><a
                                        href="/webtoon/<?php echo $t->postID ?>"><?php echo $t->postTitle ?></a>
                                </div>
                                <div class="row-user"><?php echo $t->author ?></div>
                            </li>
                            <?php } ?>
                        </ul>
                    </section>

                    <!-- banner box -->
                    <div class="banner-box gap-bottom-md">
                        <div><a href=""><img src="<?php echo THEME_FOLDER ?>/img/banner1.png" alt="" width="294"
                                    height="172"></a></div>
                        <div><a href=""><img src="<?php echo THEME_FOLDER ?>/img/banner2.png" alt="" width="295"
                                    height="172"></a></div>
                    </div>

                    <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="faith_toons" tg="faith_update">업데이트순</a>
                                <a class="view-count widget_menu" base="faith_toons" tg="faith_count">조회순</a>
                                <a class="star-score widget_menu" base="faith_toons" tg="faith_grade">별점순</a>
                            </div>
                        </header>
                        <ul class="gallery-3 faith_toons" id="faith_update">
                            <?php foreach ($touchedToons['updates'] as $t) { ?>
                            <li><a class="img-scaleup" href="/webtoon/<?php echo $t->postID ?>"><img
                                        src="<?php echo $t->postImage ?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/series/<?php echo $t->pageID ?>"><?php echo $t->pageTitle ?></a>
                                </h3>
                                <div class="row-des"><a
                                        href="/webtoon/<?php echo $t->postID ?>"><?php echo $t->postTitle ?></a>
                                </div>
                                <div class="row-user"><?php echo $t->author ?></div>
                            </li>
                            <?php } ?>
                        </ul>

                        <ul class="gallery-3 faith_toons" id="faith_count" style="display:none;">
                            <?php foreach ($touchedToons['reads'] as $t) { ?>
                            <li><a class="img-scaleup" href="/webtoon/<?php echo $t->postID ?>"><img
                                        src="<?php echo $t->postImage ?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/series/<?php echo $t->pageID ?>"><?php echo $t->pageTitle ?></a>
                                </h3>
                                <div class="row-des"><a
                                        href="/webtoon/<?php echo $t->postID ?>"><?php echo $t->postTitle ?></a>
                                </div>
                                <div class="row-user"><?php echo $t->author ?></div>
                            </li>
                            <?php } ?>
                        </ul>

                        <ul class="gallery-3 faith_toons" id="faith_grade" style="display:none;">
                            <?php foreach ($touchedToons['recomm'] as $t) { ?>
                            <li><a class="img-scaleup" href="/webtoon/<?php echo $t->postID ?>"><img
                                        src="<?php echo $t->postImage ?>" alt="" width="218"
                                        height="120"></a>
                                <h3 class="row-title"><a
                                        href="/webtoon/series/<?php echo $t->pageID ?>"><?php echo $t->pageTitle ?></a>
                                </h3>
                                <div class="row-des"><a
                                        href="/webtoon/<?php echo $t->postID ?>"><?php echo $t->postTitle ?></a>
                                </div>
                                <div class="row-user"><?php echo $t->author ?></div>
                            </li>
                            <?php } ?>
                        </ul>
                </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
                                $ratingToonsLive = $ratingToons;
                                shuffle($ratingToonsLive);
                                foreach ($ratingToonsLive as $t) echo '<li><a href="/webtoon/' . $t->postSeq . '">' . $t->pageTitle. ' '. $t->postTitle. '</a></li>'; ?>
                            </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 foreach ($ratingToons as $t) { ?>
                            <li>
                                <div class="thumb"><a href="/webtoon/<?php echo $t->postSeq ?>">
                                        <img src="<?php echo $t->postImage ?>" alt="" width="40"
                                            height="43" style="height:43px !important;"></a></div>
                                <div class="info"><a href="/webtoon/<?php echo $t->postSeq ?>"
                                        class="title"><?php echo $t->postTitle. ' '. $t->postExcerpt ?></a><a
                                        href="/webtoon/<?php echo $t->pageID ?>/<?php echo $t->postSeq ?>"
                                        class="artist"><?php echo $t->author ?></a>
                                </div>
                                <div class="rank-count"><?php echo $t->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 $recommendChannel[0]->pageID ?>/<?php echo $recommendChannel[0]->postID ?>"><img
                                        src="<?php echo $recommendChannel[0]->img ?>" alt=""
                                        width="666" height="461"></a></div>
                            <div class="txt"><a
                                    href="/channel/<?php echo $recommendChannel[0]->pageID ?>/<?php echo $recommendChannel[0]->postID ?>"><?php echo $recommendChannel[0]->postTitle ?></a>
                            </div>
                        </div>
                        <ul class="list-card">
                            <?php array_shift($recommendChannel);
                            foreach ($recommendChannel as $t) { ?>
                            <li>
                                <a href="/channel/<?php echo $t->pageID ?>/<?php echo $t->postID ?>">
                                    <img src="<?php echo $t->postImage ?>" alt="" width="640"
                                        height="444">
                                    <span><?php echo $t->postTitle ?></span>
                                </a>
                            </li>
                            <?php } ?>
                        </ul>
                    </section>
                </div>
            </div>
        </div>
    </main>
    <?php $this->load->view('templates/webtoon/webtoon-footer')?>