first commit
This commit is contained in:
514
public/renew2/webtoon-article.html
Executable file
514
public/renew2/webtoon-article.html
Executable file
@@ -0,0 +1,514 @@
|
||||
<!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">전체 댓글 보기 ></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">전체 댓글 보기 ></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 © 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>
|
||||
Reference in New Issue
Block a user