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