Files
cm-web-legacy/public/renew2/webtoon-article.html
2020-06-10 06:19:03 +09:00

515 lines
34 KiB
HTML
Executable File

<!doctype html>
<!--[if lt IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7" lang="kr"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9 lt-ie8" lang="kr"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9" lang="kr"><![endif]-->
<!--[if (IE 9)&!(IEMobile)]><html class="no-js lt-ie10" lang="kr"><![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="kr"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="naver-site-verification" content="894ba0807460988349b1e131377b26966e347fc1">
<meta name="google-site-verification" content="CitaOJM4btglyBtNxZFYymBBzh3g7Pb9PxKl9YF8jDg">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<!-- <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="fb:app_id" content="961578337335000">
<!-- favicons -->
<link rel="shortcut icon" href="/img/shortcut_icon.png">
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="/img/shortcut_icon.png">
<link rel="apple-touch-startup-image" href="/img/shortcut_icon.png">
<!-- css -->
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="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" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css">
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.helper.ie8.js"></script><![endif]-->
<!-- javascript -->
<!--[if (lt IE 9)]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="assets/js/ie.min.js"></script>
<link href="http://externalcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
<link href="assets/cross-domain/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
<script src="assets/cross-domain/respond.proxy.js"></script>
<![endif]-->
<script src="js/script.js"></script>
</head>
<body>
<noscript>
<p class="enable-js">
To enjoy our website, you'll need to enable <b>JavaScript</b> in your web browser. Please <a href="http://enable-javascript.com/" target="_blank"><b>click here</b></a> to learn how.
</p>
</noscript>
<!--[if lte IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Mobile nav Overlayer -->
<div class="offcanvas" aria-hidden="true">
<div class="nav-wrap">
<button class="btn-close" data-remove=".nav-wrap"><i class="fas fa-times"></i></button>
<nav class="site-nav">
<ul>
<li><a href="index.html">뉴스</a></li>
<li><a href="index.html">웹툰</a></li>
<li class="current"><a href="index.html">키즈</a></li>
<li><a href="index.html">찬양</a></li>
<li><a href="index.html">은혜</a></li>
<li><a href="index.html">크맵TV</a></li>
<li><a href="index.html">기도공감</a></li>
<li><a href="index.html">자료실</a></li>
<li class="login"><a href="#">로그인</a></li>
</ul>
</nav>
</div>
</div>
<header class="site-head--inner">
<div class="logoline">
<div class="container">
<button class="nav-toggle" data-toggle=".nav-wrap"><img src="img/ic-menu.png"></button>
<div class="logo"><a href="/"><img src="img/logo.svg" alt="크로스맵" width="64" height="18"></a></div>
<div class="login">
<a href="">로그인</a>
<a href="">회원가입</a>
</div>
</div>
</div>
</div>
<!--Desktop Nav-->
<div class="navline">
<div class="container">
<nav class="section-nav">
<h1><a href="">웹툰홈</a></h1>
<ul>
<li class="current"><a href="">연재웹툰</a></li>
<li><a href="">완결웹툰</a></li>
</ul>
</nav>
<button class="search-toggle" data-add=".search"><img src="img/ic-search.png"></button>
<!-- Search Over -->
<div class="search">
<div class="container">
<button class="btn-close" data-remove=".search"><img src="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>
<main id="main" role="main" tabindex="-1">
<article class="full-article">
<header class="article-header">
<div class="container">
<h1 class="title">시즌4 266화 얄미워</h1>
<nav class="article-nav">
<a class="viewList" href="#">목록보기</a>
<a class="prev prev-angle" href="#">이전화</a>
<a class="next next-angle" href="#">다음화</a>
</nav>
</div>
</header>
<div class="container">
<div class="shareline">
<ul>
<li class="comment"><a href="">
<span class="icon i-comment active">
<!--[if gte IE 9]><!-->
<svg width="29" height="25" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 23.709V17.5H27a1.5 1.5 0 0 0 1.5-1.5V2A1.5 1.5 0 0 0 27 .5H2A1.5 1.5 0 0 0 .5 2v14.017a1.5 1.5 0 0 0 1.487 1.5l11.966.104 5.547 6.088z" stroke="#aaa" fill="#fff" fill-rule="nonzero"/></svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="img/social/comment.png" alt="" width="29" height="25">
<![endif]-->
</span>
<span class="count comment-count">376</span>
</a></li>
<li class="heart"><a href="">
<span class="icon i-heart active">
<!--[if gte IE 9]><!-->
<svg width="31" height="26" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 25c9-6.328 13.833-12.161 14.5-17.5C31-.508 20.75-2 15.5 6 10.25-2 0-.508 1 7.5c.667 5.339 5.5 11.172 14.5 17.5z" stroke="#aaa" fill="#fff" fill-rule="nonzero"/></svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="img/social/heart.png" alt="" width="31" height="26">
<![endif]-->
</span>
<span class="count heart-count">52</span>
</a></li>
<li class="facebook"><a href="">
<span class="icon i-circle i-facebook">
<!--[if gte IE 9]><!-->
<svg width="10" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M6.496 19.13H2.953v-8.745H0V6.988h2.953V4.49c0-1.432.42-2.55 1.26-3.358C5 .377 6.05 0 7.363 0 8.096 0 8.975.039 10 .117v3.045H8.15c-1.103 0-1.654.495-1.654 1.484v2.342h3.386l-.433 3.397H6.496v8.745z" fill="#fff" fill-rule="nonzero"/></svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="img/social/facebook.png" alt="" width="10" height="20">
<![endif]-->
</span>
<span class="count facebook-count">231</span>
</a></li>
<li class="twitter"><a href="">
<span class="icon i-circle i-twitter">
<!--[if gte IE 9]><!-->
<svg width="17" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M17 1.63s-.664 1.072-1.738 1.798c.221 4.924-3.381 10.384-9.922 10.384-3.254 0-5.34-1.578-5.34-1.578s2.56.537 5.15-1.42c-2.622-.158-3.254-2.43-3.254-2.43s.727.19 1.58-.063C.537 7.595.664 4.849.664 4.849s.726.442 1.58.442C-.412 3.239 1.168.619 1.168.619s2.402 3.378 7.205 3.662c-.696-3.82 3.697-5.587 5.94-3.188 1.17-.19 2.244-.852 2.244-.852s-.38 1.294-1.549 1.925C15.957 2.103 17 1.629 17 1.629z" fill="#fff" fill-rule="nonzero"/></svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="img/social/twitter.png" alt="" width="17" height="14">
<![endif]-->
</span>
<span class="count twitter-count"></span>
</a></li>
<li class="kakao"><a href="">
<span class="icon i-circle i-kakao">
<!--[if gte IE 9]><!-->
<svg width="10" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M.971.925V10H5c0 2-1 3.667-3 5l3 3c2.667-2 4.333-4.667 5-8V.925H.971z" fill="#fff" fill-rule="nonzero"/></svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="img/social/kakao.png" alt="" width="10" height="18">
<![endif]-->
</span>
<span class="count kakao-count"></span>
</a></li>
<li class="url"><a href="">
<span class="icon i-circle i-url">
<!--[if gte IE 9]><!-->
<svg width="24" height="11" xmlns="http://www.w3.org/2000/svg"><path d="M7.82.758v6.087c0 1.012-.316 1.811-.949 2.4-.632.588-1.497.882-2.593.882-1.079 0-1.936-.286-2.57-.857-.635-.571-.959-1.356-.972-2.355V.758h1.905v6.1c0 .605.145 1.046.434 1.323.29.278.691.416 1.203.416 1.071 0 1.615-.563 1.632-1.688V.758h1.91zm4.983 5.859h-1.517V10H9.382V.758h3.434c1.092 0 1.934.243 2.526.73.593.486.889 1.174.889 2.063 0 .63-.137 1.156-.41 1.577-.272.421-.686.757-1.24 1.006l2 3.777V10h-2.045l-1.733-3.383zm-1.517-1.543h1.536c.478 0 .849-.121 1.111-.365.262-.243.394-.578.394-1.006 0-.436-.124-.779-.372-1.028-.247-.25-.627-.375-1.14-.375h-1.529v2.774zm8.297 3.396h4.043V10h-5.948V.758h1.905V8.47z" fill="#fff" fill-rule="nonzero"/></svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="img/social/url.png" alt="" width="24" height="11">
<![endif]-->
</span>
</a></li>
</ul>
</div>
<div class="center-align">
<img src="https://image-comic.pstatic.net/webtoon/675554/746/20190307182126_5a62be5605f14f4a9bce684ba1a9639f_IMAG01_1.jpg" title="" alt="comic content">
</div>
<div class="center-align">
<img src="https://image-comic.pstatic.net/webtoon/675554/746/20190307182126_5a62be5605f14f4a9bce684ba1a9639f_IMAG01_2.jpg" title="" alt="comic content">
</div>
<div class="share-footer">
<div class="heart"><a href="">
<span class="icon i-heart">
<!--[if gte IE 9]><!-->
<svg width="31" height="26" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 25c9-6.328 13.833-12.161 14.5-17.5C31-.508 20.75-2 15.5 6 10.25-2 0-.508 1 7.5c.667 5.339 5.5 11.172 14.5 17.5z" stroke="#aaa" fill="#FFF" fill-rule="nonzero"/></svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="img/social/heart.png" alt="" width="31" height="26">
<![endif]-->
</span>
<span class="count heart-count">14</span>
</a></div>
<div class="share-footer-main">
<span class="visible-icons">
<a href="">
<span class="icon i-circle i-facebook">
<!--[if gte IE 9]><!-->
<svg width="10" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M6.496 19.13H2.953v-8.745H0V6.988h2.953V4.49c0-1.432.42-2.55 1.26-3.358C5 .377 6.05 0 7.363 0 8.096 0 8.975.039 10 .117v3.045H8.15c-1.103 0-1.654.495-1.654 1.484v2.342h3.386l-.433 3.397H6.496v8.745z" fill="#fff" fill-rule="nonzero"/></svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="img/social/facebook.png" alt="" width="10" height="20">
<![endif]-->
</span>
</a>
<a href="">
<span class="icon i-circle i-twitter">
<!--[if gte IE 9]><!-->
<svg width="17" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M17 1.63s-.664 1.072-1.738 1.798c.221 4.924-3.381 10.384-9.922 10.384-3.254 0-5.34-1.578-5.34-1.578s2.56.537 5.15-1.42c-2.622-.158-3.254-2.43-3.254-2.43s.727.19 1.58-.063C.537 7.595.664 4.849.664 4.849s.726.442 1.58.442C-.412 3.239 1.168.619 1.168.619s2.402 3.378 7.205 3.662c-.696-3.82 3.697-5.587 5.94-3.188 1.17-.19 2.244-.852 2.244-.852s-.38 1.294-1.549 1.925C15.957 2.103 17 1.629 17 1.629z" fill="#fff" fill-rule="nonzero"/></svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="img/social/twitter.png" alt="" width="17" height="14">
<![endif]-->
</span>
</a>
</span>
<span class="hidden-icons">
<a href="">
<span class="icon i-circle i-kakao">
<!--[if gte IE 9]><!-->
<svg width="10" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M.971.925V10H5c0 2-1 3.667-3 5l3 3c2.667-2 4.333-4.667 5-8V.925H.971z" fill="#fff" fill-rule="nonzero"/></svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="img/social/kakao.png" alt="" width="10" height="18">
<![endif]-->
</span>
</a>
<a href="">
<span class="icon i-circle i-url">
<!--[if gte IE 9]><!-->
<svg width="24" height="11" xmlns="http://www.w3.org/2000/svg"><path d="M7.82.758v6.087c0 1.012-.316 1.811-.949 2.4-.632.588-1.497.882-2.593.882-1.079 0-1.936-.286-2.57-.857-.635-.571-.959-1.356-.972-2.355V.758h1.905v6.1c0 .605.145 1.046.434 1.323.29.278.691.416 1.203.416 1.071 0 1.615-.563 1.632-1.688V.758h1.91zm4.983 5.859h-1.517V10H9.382V.758h3.434c1.092 0 1.934.243 2.526.73.593.486.889 1.174.889 2.063 0 .63-.137 1.156-.41 1.577-.272.421-.686.757-1.24 1.006l2 3.777V10h-2.045l-1.733-3.383zm-1.517-1.543h1.536c.478 0 .849-.121 1.111-.365.262-.243.394-.578.394-1.006 0-.436-.124-.779-.372-1.028-.247-.25-.627-.375-1.14-.375h-1.529v2.774zm8.297 3.396h4.043V10h-5.948V.758h1.905V8.47z" fill="#fff" fill-rule="nonzero"/></svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="img/social/url.png" alt="" width="24" height="11">
<![endif]-->
</span>
</a>
</span>
<span class="icon i-circle i-toggle" data-toggle=".share-footer-main .hidden-icons">
</span>
</div>
</div>
<div class="ad"><a href=""><img src="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="#" title="첫회보기">첫회보기</a>
<a href="webtoon-list.html" title="목록보기">목록보기</a>
</div>
<div class="comic-nav-slider">
<ul>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/747/thumbnail_202x120_e0eade05-63ce-4590-a4c6-59e17c56273f.jpg" alt="" width="202" height="120"><span class="episode">1화</span></span></a></li>
<li class="active"><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/746/thumbnail_202x120_250f27cd-d24c-4efe-8f0a-ba2b2b32043a.jpg" alt="" width="202" height="120"><span class="episode">2화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/745/thumbnail_202x120_fc9b3ecf-e537-4123-aaa9-cd9cd08507e1.jpg" alt="" width="202" height="120"><span class="episode">3화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/744/thumbnail_202x120_d1193173-e12e-42aa-bb07-43c23ea5900a.jpg" alt="" width="202" height="120"><span class="episode">4화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/743/thumbnail_202x120_52a10247-bbc2-4bbc-aead-1c3e1f3cb12c.jpg" alt="" width="202" height="120"><span class="episode">5화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/742/thumbnail_202x120_8beed740-ecf9-4a95-ab05-9dd3df6a30c9.jpg" alt="" width="202" height="120"><span class="episode">6화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/741/thumbnail_202x120_6a96a1b5-2924-4dfc-893a-af66f63a3905.jpg" alt="" width="202" height="120"><span class="episode">7화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/740/thumbnail_202x120_f7ecc2f4-4a95-4603-9122-22ad8b26ddb6.jpg" alt="" width="202" height="120"><span class="episode">8화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/739/thumbnail_202x120_9c810ad9-2c69-46ae-ae1b-5c486970ee7d.jpg" alt="" width="202" height="120"><span class="episode">9화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/738/thumbnail_202x120_ca3038b8-7f3b-4329-9c7b-f5c716e7bc68.jpg" alt="" width="202" height="120"><span class="episode">10화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/737/thumbnail_202x120_8f048271-23df-44dd-8681-929cd749be13.jpg" alt="" width="202" height="120"><span class="episode">11화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/736/thumbnail_202x120_6f8038f2-982e-4a2d-ad75-5c4074c240c0.jpg" alt="" width="202" height="120"><span class="episode">12화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/735/thumbnail_202x120_59bdc067-9fb2-4305-b397-8863d785bcd5.jpg" alt="" width="202" height="120"><span class="episode">13화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/734/thumbnail_202x120_0cc9aa0e-b193-4539-9b1d-9d657477996d.jpg" alt="" width="202" height="120"><span class="episode">14화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/733/thumbnail_202x120_d645aed5-dcdb-4bfb-b884-27ea521f55e7.jpg" alt="" width="202" height="120"><span class="episode">15화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/732/thumbnail_202x120_731ec43b-568f-4d35-9c41-8022170e3fa9.jpg" alt="" width="202" height="120"><span class="episode">16화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/731/thumbnail_202x120_06a2bec0-2b4f-46c7-a94c-bf2ad900ab2b.jpg" alt="" width="202" height="120"><span class="episode">17화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/730/thumbnail_202x120_03892970-3789-4a15-98d4-96df795aaeba.jpg" alt="" width="202" height="120"><span class="episode">18화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/729/thumbnail_202x120_74f2982b-da9c-454b-aa52-7acc7047833d.jpg" alt="" width="202" height="120"><span class="episode">19화</span></span></a></li>
<li><a href=""><span class="slide-item"><img src="https://shared-comic.pstatic.net/thumb/webtoon/675554/728/thumbnail_202x120_de130af0-5ec3-4fbf-b835-f135c1c76c23.jpg" alt="" width="202" height="120"><span class="episode">20화</span></span></a></li>
</ul>
</div>
</div>
<!-- comment row -->
<div class="layout-blog">
<div>
<div class="comment-box">
<!--댓글-->
<div class="reply">
<div class="reply_tit">댓글
<span class="blue" id="comment_count">0</span>
<span class="delete">본인 삭제 <span>0</span>
<a href="javascript:comment_delete_refresh('5374', '', '1');"><img src="https://crossmap.co.kr/img/web/icon_refresh.gif"></a></span>
<span class="btn-info float_right" style="padding-left:10px; padding-top:1px;"><a href="javascript:;" class="comment_policy_btn"><img src="https://crossmap.co.kr/img/web/icon_info.gif"></a></span>
<span class="btn-tit float_right"><a href="javascript:;" class="comment_policy_btn" style="color: #bcbcbc;">댓글운영정책</a></span>
</div>
<div class="reply_box">
<div class="reply_social">
<a href="javascript:change_toggle('login_layer');" style="cursor:pointer"><span class=""><img src="https://crossmap.co.kr/img/web/img_cm_off.gif"></span></a>
<a href="javascript:twitter_join('comment')" style="cursor:pointer"><span class="tweet "><img src="https://crossmap.co.kr/img/web/img_tweet_off.gif"></span></a>
<a href="javascript:checkLoginState();" style="cursor:pointer"><span class="facebook "><img src="https://crossmap.co.kr/img/web/img_facebook_off.gif"></span></a>
<a href="javascript:kakako_login()" style="cursor:pointer"><span class=""><img src="https://crossmap.co.kr/img/web/img_kakao_off.gif"></span></a>
<a href="javascript:naver_login()" style="cursor:pointer"><span class=""><img src="https://crossmap.co.kr/img/web/img_naver_off.gif"></span></a>
</div>
<div class="reply_write">
<textarea class="form-control replay_text comment_text" name="comment" id="comment" rows="3" stra="" readonly="" placeholder="댓글 작성 시 상대방에 대한 배려와 사랑을 담아주세요." style="width:100%;"></textarea>
</div>
<div class="reply_regist"><span class="reply_no" id="reply_text_count">0/300</span><span class="reply_btn" onclick="comment_add_proc();" style="cursor: pointer">등록</span>
</div>
</div>
<div class="reply_sort">
<input type="hidden" name="comment_sort" id="comment_sort" value="1">
<span><a href="javascript:change_comment_sort(1);" id="comment_sort1">호감순</a></span>
<span><a href="javascript:change_comment_sort(2);" class="current" id="comment_sort2">최신순</a></span>
</div>
<div class="reply_contents">
<ul class="reply_list">
<div class="comment_box">
<div id="comment_list">
<div class="reply_comment" id="reply_comment_main248">
<div class="r_info">
<span class="blue">
이상기
</span>
<span class="r_date">
2019-03-19
<span style="color:#e1e2e2;padding-left:10px;"> |</span>
<a href="javascript:comment_spam('248', '이상기')">신고</a></span>
</div>
<div class="r_text">마음에 꼭 와닿는 좋은 칼럼입니다!!</div>
<ul class="r_base">
<li class="btn btn-default" onclick="comment_reply_open('248');" style="color:#000000;cursor: pointer">답글 <span id="comment_reply_count248">0</span></li>
<li class="icons2">
<span class="thumbup2"><a href="javascript:comment_like_select(1, '248');"><img src="https://crossmap.co.kr/img/web/img_thumbup.jpg"></a><span id="comment_like1_248">0</span></span>
<span class="thumbdown2">
<a href="javascript:comment_like_select(2, '248');"><img src="https://crossmap.co.kr/img/web/img_thumbdown.jpg"></a><span id="comment_like2_248">0</span></span>
</li>
</ul>
</div>
<!-- 대댓글 -->
<div class="reply_box2" id="reply_comment248" style="display:none">
<div id="reply_comment_list248"></div>
<input type="hidden" name="comment_reply_page248" id="comment_reply_page248" value="1">
<div class="reply_close" id="reply_more248" style="display:none;"><a href="javascript:comment_reply_more(248)">더보기</a> <img src="https://crossmap.co.kr/img/web/img_replyopen.gif"></div>
<ul class="box_wrap2">
<li class="r_img2"><img src="https://crossmap.co.kr/img/web/img_reply1.gif"></li>
<li class="reply_boxWrap">
<div class="reply_box">
<div class="reply_social">
<a href="javascript:change_toggle('login_layer');" style="cursor:pointer"><span class=""><img src="https://crossmap.co.kr/img/web/img_cm_off.gif"></span></a>
<a href="javascript:twitter_join('comment')" style="cursor:pointer"><span class="tweet "><img src="https://crossmap.co.kr/img/web/img_tweet_off.gif"></span></a>
<a href="javascript:checkLoginState();" style="cursor:pointer"><span class="facebook "><img src="https://crossmap.co.kr/img/web/img_facebook_off.gif"></span></a>
<a href="javascript:kakako_login()" style="cursor:pointer"><span class=""><img src="https://crossmap.co.kr/img/web/img_kakao_off.gif"></span></a>
<a href="javascript:naver_login()" style="cursor:pointer"><span class=""><img src="https://crossmap.co.kr/img/web/img_naver_off.gif"></span></a></div>
<div class="reply_write">
<textarea class="form-control replay_text comment_text" readonly="" name="comment248" id="comment248" stra="248" rows="3" placeholder="댓글 작성 시 상대방에 대한 배려와 사랑을 담아주세요." style=" width: 590px;"></textarea>
</div>
<div class="reply_regist">
<span class="reply_no" id="reply_text_count248">0/300</span><span class="reply_btn"><a href="javascript:comment_reply_add_proc(248);"> 등록</a></span>
</div>
</div>
</li>
</ul>
<div class="reply_close"><a href="javascript:comment_reply_close('248')">댓글 접기</a> <img src="https://crossmap.co.kr/img/web/img_replyclose.gif"></div>
</div>
<!--// 대댓글 -->
</div>
<div class="viewall" id="comment_all_list" style="float:right; padding:20px 0 30px 0;"><a href="/web/news/column_comment/261">전체 댓글 보기 &gt;</a></div>
</div>
</ul>
</div>
<!--댓글 없음
<div class="reply_contents">
<ul class="reply_list">
<div class="comment_box">
<div id="comment_list">
<div style="height:100px;text-align:center; line-height:100px;">등록된 댓글이 없습니다.</div>
</div>
<div class="viewall" id="comment_all_list" style="float:right; padding:20px 0 30px 0;display:none;"><a href="/web/news/news_comment/1257">전체 댓글 보기 &gt;</a></div>
</div>
</ul>
</div>
-->
</div>
</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">
<li>
<div class="thumb"><a href=""><img src="https://shared-comic.pstatic.net/thumb/webtoon/641253/thumbnail/title_thumbnail_20141120112141_t83x90.jpg" alt="" width="40" height="43"></a></div>
<div class="info"><a href="" class="title">외모지상주의</a><a href="" class="artist">박태준</a></div>
<div class="rank-count">0</div>
</li>
<li>
<div class="thumb"><a href=""><img src="https://shared-comic.pstatic.net/thumb/webtoon/701081/thumbnail/thumbnail_IMAG10_7120be5e-b5c7-4727-aba5-cb500c6098ab.jpg" alt="" width="40" height="43"></a></div>
<div class="info"><a href="" class="title">스위트홈</a><a href="" class="artist">김칸비 / 황영찬</a></div>
<div class="rank-count">0</div>
</li>
<li>
<div class="thumb"><a href=""><img src="https://shared-comic.pstatic.net/thumb/webtoon/318995/thumbnail/title_thumbnail_20110407182655_t83x90.jpg" alt="" width="40" height="43"></a></div>
<div class="info"><a href="" class="title">갓 오브 하이스쿨</a><a href="" class="artist">박용제</a></div>
<div class="rank-count">0</div>
</li>
<li>
<div class="thumb"><a href=""><img src="https://shared-comic.pstatic.net/thumb/webtoon/712362/thumbnail/thumbnail_IMAG10_568fc3ff-2c5f-40f9-a8d0-34c3e59fa0a5.jpg" alt="" width="40" height="43"></a></div>
<div class="info"><a href="" class="title">개를 낳았다</a><a href="" class="artist">이선</a></div>
<div class="rank-count">0</div>
</li>
<li>
<div class="thumb"><a href=""><img src="https://shared-comic.pstatic.net/thumb/webtoon/723790/thumbnail/thumbnail_IMAG10_9f4188a4-a13a-4c3a-b8a2-2b7b0c8c5e89.jpg" alt="" width="40" height="43"></a></div>
<div class="info"><a href="" class="title">금붕어</a><a href="" class="artist">명랑 / 애풍</a></div>
<div class="rank-count">0</div>
</li>
</ol>
</section>
</div>
</div>
<!--리모컨-->
<div class="remote_cont">
<div class="remoteTitle">리모컨</div>
<a href="#" class="close"><img src="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>
<!--footer start-->
<div class="footer">
<div class="container">
<div class="ftLogo"><a href="/"><img src="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>
<!--footer end-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
<script src="js/script.js"></script>
<!--[if (lt IE 9)]>
<script>
var sheets = document.styleSheets;
for (var i = 0, l = sheets.length; i < l; i++) {
sheets[i].disabled = true;
}
</script>
<style>
body { font-family: Helvetica, Arial, sans-serif; }
@media \0screen { img { width: auto; } }
img {
border: 0;
height: auto;
}
</style>
<![endif]-->
</body>
</html>