first commit

public/theme/crossmap/templates/webtoon/webtoon-article.php

@@ -0,0 +1,121 @@
+<!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">
+        <article class="full-article">
+            <header class="article-header">
+                <div class="container">
+                    <h1 class="title"><?php echo $page->postTitle?> <?php echo $page->postExcerpt?></h1>
+                    <nav class="article-nav">
+                        <a class="viewList" href="/webtoon/series/<?php echo $page->pageID?>">목록보기</a>
+                        <a class="prev prev-angle" href="#">이전화</a>
+                        <a class="next next-angle" href="#">다음화</a>
+                    </nav>
+                </div>
+            </header>
+            <div class="container">
+                <?php $this->load->view('templates/partial/share-left')?>
+                <div class="center-align cm-webtoon-content">
+                    <?php echo $page->postContentHTML?>
+                </div>
+                <?php $this->load->view('templates/partial/share-bottom')?>
+                <div class="ad"><a href=""><img src="<?php echo THEME_FOLDER?>/img/banner-964.png" alt="" width="964"
+                            height="62"></a></div>
+            </div>
+        </article>
+        <div class="container">
+            <!-- footer nav -->
+            <div class="comic-nav gap-bottom-md">
+                <div class="bookmarks">
+                    <a href="/webtoon/<?php echo $episodes[0]->postSeq?>" title="첫회보기">첫회보기</a>
+                    <a href="/webtoon/series/<?php echo $page->pageID?>" title="목록보기">목록보기</a>
+                </div>
+                <div class="comic-nav-slider">
+                    <ul>
+                        <?php foreach($episodes as $ep) { ?>
+                        <li><a href=""><span class="slide-item"><img
+                                        src="http://crossmap.co.kr<?php echo $ep->postImage?>" alt="" width="202"
+                                        height="120"><span class="episode"><?php echo $ep->postTitle?></span></span></a>
+                        </li>
+                        <?php }?>
+
+                    </ul>
+                </div>
+            </div>
+
+            <!-- comment row -->
+            <div class="layout-blog">
+                <div>
+                    <div class="comment-box">
+                        <!--댓글-->
+                        <?php $this->load->view('templates/partial/comment')?>
+                    </div>
+                </div>
+                <div class="sidebar">
+                    <section class="recommend-rank gap-bottom-xs">
+                        <header class="row-header row-header--compact">
+                            <h2>누적 인기 웹툰</h2>
+                        </header>
+                        <ol class="rank-list rank-list--thumbs">
+                            <?php foreach($hotToons as $t) {?>
+                            <li>
+                                <div class="thumb"><a href="/webtoon/<?php echo $t->postSeq?>"><img
+                                            src="http://crossmap.co.kr<?php echo $t->postImage?>" alt="" width="40"
+                                            height="43" style="height:43px !important;"></a></div>
+                                <div class="info">
+                                    <a href="" class="title"><?php echo $t->postTitle?></a>
+                                    <a href="/webtoon/series/<?php echo $t->pageID?>"
+                                        class="artist"><?php echo $t->author?></a>
+                                </div>
+                                <div class="rank-count"><?php echo $t->rating?></div>
+                            </li>
+                            <?php }?>
+                        </ol>
+                    </section>
+                </div>
+            </div>
+        </div>
+
+        <!--리모컨-->
+        <div class="remote_cont" style="display:none">
+            <div class="remoteTitle">리모컨</div>
+            <a href="#" class="close"><img src="<?php echo THEME_FOLDER?>/img/ic-close.gif"></a>
+            <div class="remoteBox">
+                <div class="tit"><a href="#">9화 욥이야기</a></div>
+                <div class="btn_area">
+                    <a href="#"><i class="fas fa-fast-backward"></i></a>
+                    <a href="#"><i class="fas fa-step-backward"></i></a>
+                    <a href="#"><i class="fas fa-step-forward"></i></a>
+                    <a href="#"><i class="fas fa-fast-forward"></i></a>
+                </div>
+                <div class="moveComment">
+                    <a href="#">댓글로 이동 <i class="far fa-comment-alt"></i></a>
+                </div>
+                <div class="move2">
+                    <a href="#"><i class="fas fa-caret-up"></i>
+                        <div>맨위로</div>
+                    </a>
+                    <a href="#"><i class="fas fa-caret-down"></i>
+                        <div>아래로</div>
+                    </a>
+                    <a href="#"><i class="fas fa-align-justify"></i>
+                        <div>목록</div>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </main>
+    <?php $this->load->view('templates/webtoon/webtoon-footer')?>

public/theme/crossmap/templates/webtoon/webtoon-footer.php

@@ -0,0 +1,105 @@
+<!--footer start-->
+<div class="footer">
+    <div class="container">
+        <div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER ?>/img/logo.svg" alt="크로스맵" width="78"
+                    height="22"></a></div>
+        <ul>
+            <li><a href="https://hwttjung.wixsite.com/mysite-1" target="https://hwttjung.wixsite.com/mysite-1">회사소개</a>
+            </li>
+            <li><a href="/web/rules/privacy">개인정보 취급방침</a></li>
+            <li><a href="/web/rules/service">이용약관</a></li>
+            <li><a href="/web/cs/notice">고객센터</a></li>
+            <li><a href="#"><i class="fab fa-facebook-f"></i>페이스북</a></li>
+            <li><a href="#"><i class="fab fa-instagram"></i>인스타그램</a></li>
+        </ul>
+        <div class="copy">Copyright &copy; All rights reserved.</div>
+    </div>
+</div>
+<div class="container">
+    <div class="address">서울시 성북구 안암로 53 (안암동5가 1136) | Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
+</div>
+<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials.min.js"></script>
+<script src="<?php echo THEME_FOLDER; ?>/js/script.js"></script>
+<script src="<?php echo THEME_FOLDER; ?>/js/crossmap.js"></script>
+<script src="<?php echo THEME_FOLDER; ?>/js/common.js"></script>
+<script src="<?php echo THEME_FOLDER; ?>/js/toastr.min.js"></script>
+<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
+<script>
+$(function() {
+    var todayToonSlide = 0;
+    var loggedIn = <?php echo getSessionUser()->is ? 'true': 'false'?>;
+    var todayToonLength = $('.todays-webtoon li').length;
+    $('.webtoon-controls .arrowPrev').on('click', function(e) {
+        if (todayToonSlide > 0) {
+            var li = $('.todays-webtoon li').eq(--todayToonSlide);
+            $('.featured-webtoon').css('background', "url('" + li.find('img').prop('src') + "')");
+        }
+    });
+    $('.webtoon-controls .arrowNext').on('click', function(e) {
+        if (todayToonSlide < todayToonLength - 1) {
+            var li = $('.todays-webtoon li').eq(++todayToonSlide);
+            $('.featured-webtoon').css({
+                'background': "url('" + li.find('img').prop('src') + "') no-repeat center",
+                'background-size': 'cover'
+            });
+        }
+    });
+    $(".widget_menu").click(function() {
+        base = $(this).attr('base');
+        tg_id = $(this).attr('tg');
+
+        if (base != undefined && tg_id != undefined) {
+            reset_menu(base);
+            $("#" + tg_id).show();
+            $(this).addClass('current');
+        }
+        return false;
+    });
+
+    $('.cm-coming-soon').on('click', function(e) {
+        e.preventDefault();
+        alert('완결된 웹툰이 존재하지 않습니다.');
+    });
+    $(".widget_menu").click(function() {
+        base = $(this).attr('base');
+        tg_id = $(this).attr('tg');
+
+        if (base != undefined && tg_id != undefined) {
+            reset_menu(base);
+            $("#" + tg_id).show();
+            $(this).addClass('current');
+        }
+        return false;
+    });
+
+    var reset_menu = function(menu_class) {
+        if (menu_class != undefined) {
+            $("." + menu_class).hide();
+            $(".widget_menu[base=" + menu_class + "]").removeClass('current');
+        }
+    }
+
+    $.fn.cmShare({
+        kakako:{
+            title:$(".article-header .title").text(),
+            imageUrl:$(".cm-webtoon-content img").attr('src')
+        }
+    })
+
+    $('.remote_cont .close').on('click', function(e){
+        e.preventDefault();
+        $(this).parent().hide();
+    });
+
+
+    
+
+
+
+})
+</script>
+</body>
+
+</html>

public/theme/crossmap/templates/webtoon/webtoon-head-meta.php

@@ -0,0 +1,28 @@
+<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">
+<!-- <meta http-equiv="cleartype" content="on"> -->
+<title>크로스맵 웹툰</title>
+<meta name="description" content="세상을 바꿀 착한 웹툰 크로스맵 웹툰">
+<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:url" content="https://crossmap.co.kr/web/maptoon/ongoing" />
+<meta property="og:title" content="크리스천포털 크로스맵">
+<meta property="og:description" content="유쾌한 은혜 플러스 크로스맵 웹툰">
+<meta property="og:image" content="https://crossmap.co.kr/files/img/op_mt_title_img.jpg">
+<meta property="og:type" content="article">
+<meta property="og:article:author" content="크로스맵 웹툰">
+<meta property="og:article:author:url" content="https://crossmap.co.kr/web/maptoon">
+
+<meta property="fb:app_id" content="961578337335000">
+
+<!-- favicons -->
+<link rel="shortcut icon" href="<?php echo THEME_FOLDER; ?>/img/shortcut_icon.png">
+<link rel="shortcut icon" href="<?php echo THEME_FOLDER; ?>/img/favicon.ico" type="image/x-icon">
+<link rel="apple-touch-icon" href="<?php echo THEME_FOLDER; ?>/img/shortcut_icon.png">
+<link rel="apple-touch-startup-image" href="<?php echo THEME_FOLDER; ?>/img/shortcut_icon.png">

public/theme/crossmap/templates/webtoon/webtoon-head.php

@@ -0,0 +1,25 @@
+<!-- css -->
+<link rel="stylesheet" href="<?php echo THEME_FOLDER; ?>/css/main.css">
+<link rel="stylesheet" href="<?php echo THEME_FOLDER; ?>/css/section.css">
+<!-- Font -->
+<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" 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">
+<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css">
+
+
+<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials.css" />
+
+<link type="text/css" rel="stylesheet"
+    href="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials-theme-flat.css" />
+<style>
+.jssocials-share-link {
+    border-radius: 50%;
+}
+
+.widget_menu {
+    cursor: pointer;
+}
+</style>

public/theme/crossmap/templates/webtoon/webtoon-header.php

@@ -0,0 +1,50 @@
+<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 -->
+<?php $this->load->view('templates/partial/nav-side')?>
+<header class="site-head--inner">
+    <div class="logoline">
+        <div class="container">
+            <button class="nav-toggle" data-toggle=".nav-wrap"><img
+                    src="<?php echo THEME_FOLDER?>/img/ic-menu.png"></button>
+            <div class="logo"><a href="/"><img src="<?php echo THEME_FOLDER?>/img/logo.svg" alt="크로스맵" width="64"
+                        height="18"></a></div>
+            <div class="login">
+                <?php $this->load->view('templates/partial/login-btn-top')?>
+            </div>
+        </div>
+    </div>
+    </div>
+    <!--Desktop Nav-->
+    <div class="navline">
+        <div class="container">
+            <nav class="section-nav">
+                <h1><a <?php echo $this->uri->segment(2)? '':'class="current"'?> href="/webtoon">웹툰홈</a></h1>
+                <ul>
+                    <?php echo hooskNav('webtoon', $this->uri->segment(2)? '/webtoon':'')?>
+                </ul>
+            </nav>
+            <button class="search-toggle" data-add=".search"><img
+                    src="<?php echo THEME_FOLDER?>/img/ic-search.png"></button>
+            <!-- Search Over -->
+            <div class="search">
+                <div class="container">
+                    <button class="btn-close" data-remove=".search"><img
+                            src="<?php echo THEME_FOLDER?>/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>
+            </div>
+        </div>
+    </div>
+</header>

public/theme/crossmap/templates/webtoon/webtoon-home.php

@@ -0,0 +1,310 @@
+<!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')?>

public/theme/crossmap/templates/webtoon/webtoon-list.php

@@ -0,0 +1,186 @@
+<!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="current-webtoon poster gap-bottom-sm">
+                        <a href=""><img src="http://crossmap.co.kr<?php echo $page->img?>" alt="" width="191"
+                                height="241"></a>
+                        <h2 class="title"><?php echo $page->pageTitle?></h2>
+                        <div class="summary">
+                            <p><?php echo $page->pageDescription?></p>
+                        </div>
+                        <div class="tools">
+                            <a href="" class="cm-toon-series-recomm">추천</a>
+                            <a class="add" class="cm-toon-series-favorite" href="">관심웹툰 <span
+                                    class="plus-circle"></span></a>
+                            <a href="/webtoon/<?php echo $series[count($series)-1]->postSeq?>">첫화보기</a>
+                        </div>
+                    </article>
+                    <!-- <div class="webtoon-tips gap-bottom-md"><span>공지</span>작가님 사정으로 인해 2O회 휴재합니다．</div> -->
+
+                    <div class="webtoon-series-list-wrapper">
+                        <table class="webtoon-series-list" cellspacing="0" cellpadding="0">
+                            <caption><span class="visually-hidden">회차별 목록</span></caption>
+                            <colgroup>
+                                <col width="99">
+                                <col width="*">
+                                <col width="141">
+                                <col width="76">
+                            </colgroup>
+                            <thead>
+                                <tr>
+                                    <th scope="col">이미지</th>
+                                    <th scope="col">제목</th>
+                                    <th scope="col">좋아요</th>
+                                    <th scope="col">등록일</th>
+                                </tr>
+                            </thead>
+                            <!-- 게임배너 or 광고배너 -->
+                            <tbody>
+                                <?php foreach($series as $s) {?>
+                                <tr>
+                                    <td>
+                                        <a href="/webtoon/<?php echo $s->postSeq?>">
+                                            <img src="http://crossmap.co.kr<?php echo $s->postImage?>"
+                                                title="<?php echo $s->postTitle?>" alt="<?php echo $s->postTitle?>"
+                                                width="71" height="41">
+                                            <span class="mask"></span>
+                                        </a>
+                                    </td>
+                                    <td class="title">
+                                        <a href="/webtoon/<?php echo $s->postSeq?>"><span
+                                                class="episode"><?php echo $s->postTitle?></span> <span
+                                                class="summary"><?php echo $s->postExcerpt?></span></a></td>
+                                    <td>
+                                        <div>
+                                            <span class="webtoon-star">
+                                                <span class="icon i-heart active">
+                                                    <img src="<?php echo THEME_FOLDER?>/img/ic-heart.gif">
+                                                </span>
+                                            </span>
+                                            <strong class="heartNum"><?php echo $s->rating? $s->rating : 0?></strong>
+                                        </div>
+                                    </td>
+                                    <td class="num"><?php echo $s->dateUpdated?></td>
+                                </tr>
+                                <?php }?>
+                            </tbody>
+                        </table>
+                    </div>
+                    <!-- <div class="pagination">
+                    <a href="" class="prev prev-angle">이전</a>
+                    <a href="">1</a>
+                    <span class="current">2</span>
+                    <a href="">3</a>
+                    <a href="">4</a>
+                    <a href="" class="next next-angle">다음</a>
+                </div> -->
+                </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->postSeq?>"><?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')?>

public/theme/crossmap/templates/webtoon/webtoon-series.php

@@ -0,0 +1,308 @@
+<!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')?>