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

516 lines
25 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 class="current"><a href="">웹툰홈</a></h1>
<ul>
<li><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">
<div class="container">
<div class="layout-blog">
<div>
<article class="current-webtoon poster gap-bottom-sm">
<a href=""><img src="img/poster.png" alt="" width="191" height="241"></a>
<h2 class="title">마녀의 숲</h2>
<div class="summary">
<p>※본 작품은 시리즈 오리지널 작품으로 네이버웹툰에서 듀얼연재됩니다.※</p>
<p>이혼 후 모든 일이 꼬이기만 하는 문화센터 사진강사 강민주와 이혼 후 모든 일이 잘 풀리는 돌싱남 사진작가 우민욱.</p>
<p>그리고 방황하는 민주의 앞에 나타난 영화 촬영감독 하동현. 세 개의 렌즈 너머로 펼쳐지는 세 사람의 로맨스.</p>
</div>
<div class="tools">
<a href="">추천</a>
<a class="add" href="">관심웹툰 <span class="plus-circle"></span></a>
<a href="">첫화보기</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>
<tr>
<td>
<a href="">
<img src="https://shared-comic.pstatic.net/thumb/webtoon/721456/31/thumbnail_202x120_024d7fe9-db32-41ee-831a-2f0b8ea0f523.JPG" title="31화" alt="31화" onerror="this.src='https://static-comic.pstatic.net/staticImages/COMICWEB/NAVER/img/common/non71_41.gif'" width="71" height="41">
<span class="mask"></span>
</a>
</td>
<td class="title">
<a href=""><span class="episode">31화</span> <span class="summary">오리지널 작품으로 네이버웹툰에서 듀얼연재됩니다.</span></a></td>
<td>
<div>
<span class="webtoon-star">
<span class="icon i-heart active">
<img src="img/social/ic-heart.gif">
</span>
</span>
<strong class="heartNum">939</strong>
</div>
</td>
<td class="num">2019.03.11</td>
</tr>
<tr>
<td>
<a href="">
<img src="https://shared-comic.pstatic.net/thumb/webtoon/721456/30/thumbnail_202x120_f927c6bd-fce5-48f6-a127-6b9746e42a01.JPG" title="30화" alt="30화" onerror="this.src='https://static-comic.pstatic.net/staticImages/COMICWEB/NAVER/img/common/non71_41.gif'" width="71" height="41">
<span class="mask"></span>
</a>
</td>
<td class="title">
<a href=""><span class="episode">30화</span></a>
</td>
<td>
<div>
<span class="webtoon-star">
<span class="icon i-heart active">
<img src="img/social/ic-heart.gif">
</span>
</span>
<strong class="heartNum">2913</strong>
</div>
</td>
<td class="num">2019.03.04</td>
</tr>
<tr>
<td>
<a href="">
<img src="https://shared-comic.pstatic.net/thumb/webtoon/721456/29/thumbnail_202x120_57aef5f4-846f-43b5-a8b6-462fda183f6b.JPG" title="29화" alt="29화" onerror="this.src='https://static-comic.pstatic.net/staticImages/COMICWEB/NAVER/img/common/non71_41.gif'" width="71" height="41">
<span class="mask"></span>
</a>
</td>
<td class="title">
<a href=""><span class="episode">29화</span></a>
</td>
<td>
<div>
<span class="webtoon-star">
<span class="icon i-heart active">
<img src="img/social/ic-heart.gif">
</span>
</span>
<strong class="heartNum">827</strong>
</div>
</td>
<td class="num">2019.02.25</td>
</tr>
<tr>
<td>
<a href="">
<img src="https://shared-comic.pstatic.net/thumb/webtoon/721456/28/thumbnail_202x120_270f327c-ccba-4f4f-a90d-d4e2b78f541e.jpg" title="28화" alt="28화" onerror="this.src='https://static-comic.pstatic.net/staticImages/COMICWEB/NAVER/img/common/non71_41.gif'" width="71" height="41">
<span class="mask"></span>
</a>
</td>
<td class="title">
<a href=""><span class="episode">28화</span></a>
</td>
<td>
<div>
<span class="webtoon-star">
<span class="icon i-heart active">
<img src="img/social/ic-heart.gif">
</span>
</span>
<strong class="heartNum">939</strong>
</div>
</td>
<td class="num">2019.02.18</td>
</tr>
<tr>
<td>
<a href="">
<img src="https://shared-comic.pstatic.net/thumb/webtoon/721456/27/thumbnail_202x120_6cea485b-4bce-4648-88a7-adc2e8df4a32.jpg" title="27화" alt="27화" onerror="this.src='https://static-comic.pstatic.net/staticImages/COMICWEB/NAVER/img/common/non71_41.gif'" width="71" height="41">
<span class="mask"></span>
</a>
</td>
<td class="title">
<a href=""><span class="episode">27화</span></a>
</td>
<td>
<div>
<span class="webtoon-star">
<span class="icon i-heart active">
<img src="img/social/ic-heart.gif">
</span>
</span>
<strong class="heartNum">1002</strong>
</div>
</td>
<td class="num">2019.02.11</td>
</tr>
<tr>
<td>
<a href="">
<img src="https://shared-comic.pstatic.net/thumb/webtoon/721456/26/thumbnail_202x120_27d9814b-65bd-490d-b5fa-158cf34dc190.jpg" title="26화" alt="26화" onerror="this.src='https://static-comic.pstatic.net/staticImages/COMICWEB/NAVER/img/common/non71_41.gif'" width="71" height="41">
<span class="mask"></span>
</a>
</td>
<td class="title">
<a href=""><span class="episode">26화</span></a>
</td>
<td>
<div>
<span class="webtoon-star">
<span class="icon i-heart active">
<img src="img/social/ic-heart.gif">
</span>
</span>
<strong class="heartNum">7251</strong>
</div>
</td>
<td class="num">2019.02.04</td>
</tr>
<tr>
<td>
<a href="">
<img src="https://shared-comic.pstatic.net/thumb/webtoon/721456/25/thumbnail_202x120_373099cb-a56d-4574-9826-50b1ab7e5398.jpg" title="25화" alt="25화" onerror="this.src='https://static-comic.pstatic.net/staticImages/COMICWEB/NAVER/img/common/non71_41.gif'" width="71" height="41">
<span class="mask"></span>
</a>
</td>
<td class="title">
<a href=""><span class="episode">25화</span></a>
</td>
<td>
<div>
<span class="webtoon-star">
<span class="icon i-heart active">
<img src="img/social/ic-heart.gif">
</span>
</span>
<strong class="heartNum">939</strong>
</div>
</td>
<td class="num">2019.01.28</td>
</tr>
<tr>
<td>
<a href="">
<img src="https://shared-comic.pstatic.net/thumb/webtoon/721456/24/thumbnail_202x120_58b4255d-9f98-4d12-8556-670c40b85776.jpg" title="24화" alt="24화" onerror="this.src='https://static-comic.pstatic.net/staticImages/COMICWEB/NAVER/img/common/non71_41.gif'" width="71" height="41">
<span class="mask"></span>
</a>
</td>
<td class="title">
<a href=""><span class="episode">24화</span></a>
</td>
<td>
<div>
<span class="webtoon-star">
<span class="icon i-heart active">
<img src="img/social/ic-heart.gif">
</span>
</span>
<strong class="heartNum">939</strong>
</div>
</td>
<td class="num">2019.01.21</td>
</tr>
<tr>
<td>
<a href="">
<img src="https://shared-comic.pstatic.net/thumb/webtoon/721456/23/thumbnail_202x120_38383632-2a86-47fa-bc3a-1a2314f56d26.jpg" title="23화" alt="23화" onerror="this.src='https://static-comic.pstatic.net/staticImages/COMICWEB/NAVER/img/common/non71_41.gif'" width="71" height="41">
<span class="mask"></span>
</a>
</td>
<td class="title">
<a href=""><span class="episode">23화</span></a>
</td>
<td>
<div>
<span class="webtoon-star">
<span class="icon i-heart active">
<img src="img/social/ic-heart.gif">
</span>
</span>
<strong class="heartNum">103</strong>
</div>
</td>
<td class="num">2019.01.14</td>
</tr>
<tr>
<td>
<a href="">
<img src="https://shared-comic.pstatic.net/thumb/webtoon/721456/22/thumbnail_202x120_faceb204-1b94-4041-9997-31eaf319c051.jpg" title="22화" alt="22화" onerror="this.src='https://static-comic.pstatic.net/staticImages/COMICWEB/NAVER/img/common/non71_41.gif'" width="71" height="41">
<span class="mask"></span>
</a>
</td>
<td class="title">
<a href=""><span class="episode">22화</span></a>
</td>
<td>
<div>
<span class="webtoon-star">
<span class="icon i-heart active">
<img src="img/social/ic-heart.gif">
</span>
</span>
<strong class="heartNum">939</strong>
</div>
</td>
<td class="num">2019.01.07</td>
</tr>
</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">
<li><a href="">외모지상주의-225화 가출팸 [07]</a></li>
<li><a href="">스위트홈-72화</a></li>
<li><a href="">갓 오브 하이스쿨-401화</a></li>
<li><a href="">걸어서 30분-77화 기다릴 수 있어.</a></li>
<li><a href="">화장 지워주는 남자-45화</a></li>
</ol>
<ol class="col-item">
<li><a href="">개를 낳았다-39화</a></li>
<li><a href="">내 여자친구는 상남자-71. 어쩔 수 없지만</a></li>
<li><a href="">금붕어-6화</a></li>
<li><a href="">연애혁명-248. 루빅스큐브</a></li>
<li><a href="">덴마-3-287화 1.다이크(287)</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">
<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>
<!-- sidebar banners -->
<div class="ad gap-bottom-xs"><a href=""><img src="img/sidebar-banner1.png" alt="" width="300" height="86"></a></div>
<div class="ad gap-bottom-xs"><a href=""><img src="img/sidebar-banner2.png" alt="" width="300" height="86"></a></div>
<div class="ad gap-bottom-md"><a href=""><img src="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=""><img src="https://crossmap.co.kr/files/life/2019/01/a6f76086a706dc347b5b280660510978.jpg" alt="" width="666" height="461"></a></div>
<div class="txt"><a href="">오늘의 묵상</a></div>
</div>
<ul class="list-card">
<li>
<a href=""><img src="https://crossmap.co.kr/files/life/2018/11/b13a2e95306b258556a42aadce3ddc5c.jpg" alt="" width="640" height="444">
<span>말씀따라 어디라도</span>
</a>
</li>
<li>
<a href=""><img src="https://crossmap.co.kr/files/life/2018/11/8f1fac94d6134bd944c31df398227118.jpg" alt="" width="640" height="426">
<span>나처럼 되신 하나님나처럼 되신 하나님나처럼 되신 하나님나처럼 되신 하나님나처럼 되신 하나님나처럼 되신 하나님나처럼 되신 하나님나처럼 되신 하나님나처럼 되신 하나님나처럼 되신 하나님</span>
</a>
</li>
</ul>
</section>
</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>