first commit

This commit is contained in:
pakerpale
2020-06-10 06:19:03 +09:00
commit cd6b5b7832
6081 changed files with 624389 additions and 0 deletions

1052
public/renew2/css/grace.css Executable file

File diff suppressed because it is too large Load Diff

1504
public/renew2/css/main.css Executable file

File diff suppressed because it is too large Load Diff

427
public/renew2/css/news.css Executable file
View File

@@ -0,0 +1,427 @@
.news-main{
border-bottom:1px solid #bbb;
overflow: hidden;
padding-bottom: 25px;
}
.news-main h2{
font-size: 1.75em;
line-height: 1.3;
letter-spacing: -2px;
}
.news-main .newsCont{
padding:0 20px 20px 20px;
}
.newsCont p{
padding:10px 0;
}
.newsCont h2 a:hover, .newsCont ul li a:hover,.news-list .tag a:hover {
color: #0BCAC4;
}
.news-main ul li{
padding-left: 15px;
padding-bottom: 7px;
font-size: 0.95em;
font-weight: bold;
background: url('../img/ic-relative.gif') no-repeat left 8px;
}
.news-list{
overflow: hidden;
clear: both;
border-bottom: 1px solid #eaeaea;
padding: 20px 0;
}
.news-list h2{
font-size: 1.2em;
letter-spacing: -2px;
padding-top:3px;
}
.news-list p a{
color: #767676;
}
.news-list .tag a{
font-weight: bold;
padding-right: 10px;
color: #2bbec6;
font-size: 0.9em;
}
.newsHome{
padding:20px 0 25px 0;
border-bottom: 1px solid #eaeaea;
overflow: hidden;
clear: both;
}
.newsHome:last-child{
border-bottom: none;
padding-bottom: 30px;
}
.newsHome .title{
font-weight: bold;
font-size: 1.1em;
padding-bottom: 20px;
}
.newsHome .newsHomeBox{
clear: both;
margin-left: 0;
overflow: hidden;
}
.newsHome .newsHomeBox .newsPhoto{
float: left;
width: 315px;
padding-right: 25px;
}
.newsHome .newsPhoto img{
width: 100%;
max-height: 175px;
}
.newsHome .newsPhoto .caption{
clear: both;
font-size: 0.89em;
padding-top: 8px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.newsHome .newsHomeBox ul li{
padding-bottom: 8px;
font-weight: bold;
}
/**Sidebar**/
.sidebar a:hover{
color: #0BCAC4;
}
.row-header{
position: relative;
overflow: hidden;
}
.row-header h2{
float: left;
}
.row-header .viewall{
float: right;
}
.rank-list li{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.recommend{
clear: both;
overflow: hidden;
padding-top: 18px;
}
.recommend h4{
font-size: 1em;
padding-bottom: 10px;
}
.recommend ul{
padding: 13px;
border:1px solid #ddd;
}
.recommend ul li{
font-size: 0.9em;
overflow: hidden;
}
.recommend ul li:first-child{
border-bottom: 1px solid #ddd;
padding-bottom: 13px;
margin-bottom: 10px;
}
.recommend .art-img{
cursor: pointer;
width:62px;
height:62px;
float: left;
margin-right: 10px;
}
.recommend .tit{
color: #0BCAC4;
}
.realtime-rank{
padding: 20px 0 10px 0;
}
.todayPhoto{
padding-bottom: 25px;
border-top:2px solid #434343;
}
.todayPhoto h4, .sideBox h4{
font-size: 1em;
padding: 12px 0;
}
.photoBox{
position: relative;
height: 290px;
}
.photoBox .bg{
height: 290px;
position: absolute;
width: 300px;
background: url('../img/bg-photo.png') repeat-x bottom;
}
.photoBox h5{
position: absolute;
bottom: 80px;
left: 12px;
font-size: 1em;
}
.photoBox h5 a{
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 270px;
display: block;
}
.photoBox ul{
position: absolute;
left:10px;
bottom: 10px;
height: 52px;
}
.photoBox ul li{
float: left;
width: 86px;
height: 50px;
margin-right: 10px;
cursor: pointer;
}
.photoBox ul li:hover, .photoBox ul li.current{
border:2px solid #fff;
}
.photoBox .control .arrowPrev, .photoBox .control .arrowNext{
top:32%;
background: none;
opacity: 1;
}
.sideBox{
overflow: hidden;
clear: both;
padding-bottom: 25px;
}
.sideBox ul{
position: relative;
border:1px solid #ddd;
height: 298px;
}
.sideBox ul li{
float: left;
width: 149px;
height: 149px;
}
.sideBox ul li a{
display: none;
}
.sideBox ul li.current a, .sideBox ul li:hover a{
display: block;
color: #fff;
text-align: center;
background: url('../img/bg-black.png');
height: 149px;
padding: 50px 10px 0 10px;
overflow: hidden;
}
.pagenumber{
padding:25px 0;
text-align: center;
overflow: hidden;
}
.pagenumber a{
color:#a2a2a2;
padding:5px 10px;
display: inline-block;
}
.pagenumber a.current{
border:1px solid #ddd;
color: #2bbec6;
}
.pagenumber a img{
vertical-align: middle;
}
/**News Section**/
.navInner ul li{
padding-top:9px;
}
.navInner ul li a{
padding-left:0;
padding-right: 1.5em;
}
/*News Article*/
.news-header{
overflow: hidden;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 25px;
}
.news-header h2{
font-size: 1.5em;
letter-spacing: -3px;
padding:0 20px 15px 20px;
text-align: center;
}
.news-header img{
float: left;
}
.news-header .time{
float:left;
color: #999;
font-size: 0.95em;
}
.news-header .time a{
border-right:1px solid #ddd;
padding-right: 15px;
margin-right: 8px;
font-weight: bold;
}
.news-header .time img{
padding-top: 4px;
}
.news-header .function{
float: right;
}
.news-header .function a:first-child img{
padding-top:3px;
}
.news-header .function a:nth-child(2) img{
margin:0 12px;
padding-top:3px;
}
.news-header .function a:nth-child(3) img{
padding-top:3px;
margin-right:12px;
}
.view-article{
overflow: hidden;
}
.view-article .subTitle{
font-size: 1.1em;
font-weight: bold;
color: #999;
padding-bottom: 15px;
}
.view-article .imgCenter{
max-width: 730px;
margin:0 auto;
}
.view-article .imgCenter .caption{
font-size: 0.95em;
color: #999;
}
.view-article p{
line-height: 1.4;
padding:15px 5px;
}
.article{
padding-bottom: 20px;
}
.copyright{
border-top:1px solid #ddd;
font-size: 0.95em;
color: #888;
padding: 15px 0 50px 0;
font-weight: bold;
}
.reporter{
border-right:1px solid #ccc;
padding-right:15px;
margin-right: 8px;
}
.related{
padding-bottom: 30px;
border-bottom: 1px solid #ddd;
}
.related h4{
font-size: 1.05em;
color: #777;
padding-bottom: 15px;
}
.related ul li{
background: url('../img/ic-relative.gif') no-repeat left 8px;
padding-left: 15px;
padding-bottom: 8px;
font-size: 1.11em;
font-weight: bold;
}
.comment{
padding: 30px 0;
}
.gotoTop{
position: absolute;
bottom: 10px;
right: 10px;
box-shadow: 0px 0px 5px #ccc;
}
@media (max-width: 800px){
.section-nav li a{
padding-left:0;
padding-right: 10px;
}
.news-list h2{
padding-top: 8px;
}
.tag{
padding-top:8px;
}
}
@media (min-width: 800px){
.news-main img{
width: 48%;
float: left;
}
.news-main .newsCont{
width: 52%;
float:right;
}
.news-list img{
float: left;
width: 180px;
}
.news-list .newsCont{
margin-left:200px;
}
.todayphoto ul li{
width: 33.33333%;
}
.todayphoto ul li:last-child, .mostreply .viewall{
display: block;
}
.mostreply .viewall a{
color: #777;
font-size: 0.9em;
}
.mostreply .titleBox{
float: left;
width: 20%;
}
.mostreply .rank-list{
float: right;
width:80%;
}
.mostreply .rank-list li{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/*Article*/
.news-header h2{
font-size: 1.9em;
}
.view-article p{
line-height: 1.6;
}
}
@media (min-width: 1320px){
#main .container{
position: relative;
}
.shareline{
position: absolute;
width: 50px;
left:-50px;
}
.article{
padding: 0 40px;
}
}

595
public/renew2/css/pray.css Executable file
View File

@@ -0,0 +1,595 @@
.pray{
font-family: 'Nanum Gothic', sans-serif;
}
.prayMain{
width: 610px;
margin-right: 15px;
height: 429px;
position: relative;
cursor: pointer;
}
.prayMain .title{
position: absolute;
bottom: 0;
padding:18px 30px 20px 30px;
background: #54dbcc;
left: 0;
width: 100%;
color: #000;
}
.prayMain .title div{
padding-left: 3px;
}
.prayMain .title h3{
font-size: 23px;
padding-top: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.prayMain .title a:hover{
color: #fff;
}
.prayerOn{
width: 350px;
height: 429px;
padding:0 15px;
background: #eaeaea;
position: relative;
}
.prayerOn .titleBox li.blackTit{
padding:0;
font-size: 21px;
}
.prayerOn .titleBox li.grayTit{
padding: 4px 0 0 0;
color: #888;
}
.whiteBox{
background: #fff;
padding: 5px 13px;
margin-bottom: 12px;
overflow: hidden;
}
.whiteBox form{
height: 40px;
}
.whiteBox form input{
height: 40px;
width: 74%;
}
.whiteBox form button{
color: #26cac3;
border: 1px solid #ddd;
padding: 5px 13px;
float: right;
margin-top: 5px;
}
.profile{
cursor: pointer;
border-radius: 42px;
width: 42px;
height: 42px;
float: left;
margin-right: 8px;
}
.whiteBox p{
padding-top:11px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.lineBox{
position: relative;
border-top:1px solid #ccc;
border-bottom: 1px solid #ccc;
height: 134px;
background: url('../img/pray-news-bg.jpg') no-repeat bottom right;
}
.lineBox h4{
font-size:20px;
padding:52px 30px 10px 60px;
margin-left:60px;
width: 70%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: center;
}
.lineBox .arrowPrev, .lineBox .arrowNext{
top:27%;
background: none;
}
.contBar{
font-size: 9px;
text-align: center;
padding: 20px 0;
}
.contBar a{
color: #ccc;
padding:0 3px;
}
.contBar a.current{
color: #24b9b5;
}
.pray .titleBox ul li{
padding-right: 13px;
}
.pray .titleBox ul li.current a{
color: #24b9b5;
}
/**Prayer ON**/
.subHeader {
padding: 25px 0px;
position: relative;
background: #eef8f9;
}
.subHeader .bible {
font-size: 14px;
color: #888;
padding-top: 8px;
}
.leftCont .prayerOn{
width: 100%;
height: auto;
padding:20px 30px 30px 30px;
}
.leftCont .prayerOn .whiteBox{
padding:20px;
}
.leftCont .prayerOn .whiteBox .profile{
margin-right: 20px;
}
.on .whiteBox p {
width: 83%;
white-space: pre-wrap;
padding: 0;
float: left;
line-height: 1.4;
}
.on .prayIcon {
position: relative;
float: right;
margin-top:12px;
}
.on .prayIcon a {
float: right;
height: 30px;
padding: 5px 8px;
}
.on .prayIcon a.star, .on .prayIcon a.like {
border: 1px solid #ddd;
margin-left: 5px;
font-size: 13px;
}
.on .titleBox ul.myPrayer li{
padding-bottom: 0;
font-size: 18px;
}
.on .titleBox ul.myPrayer li:first-child {
border-right: 1px solid #ccc;
padding:0 10px 0 0;
margin-right: 15px;
}
.on .titleBox p {
clear: both;
font-size: 14px;
color: #888;
padding: 13px 0;
}
.on .prayerForm form {
border: 2px solid #26bdb8;
color: #26bdb8;
height: 53px;
}
.on .prayerForm input{
padding: 5px 10px;
height: 100%;
width: 63%;
}
.on .prayerForm button{
background: #26bdb8;
color: #fff;
font-weight: bold;
border: none;
height: 100%;
margin:0;
}
.on .myPray {
position: absolute;
bottom: 146px;
right: 29px;
border: 1px solid #ddd;
text-align: center;
font-size: 14px;
padding: 10px;
cursor: pointer;
background: #fff;
}
.on .myPray div {
padding-bottom: 5px;
}
/**SideBar**/
.pt20 {
padding-top: 20px;
}
.pt10{
padding-top: 10px;
}
.sidebar .lineBox{
background: url('../img/pray-news-bg-s.jpg') no-repeat bottom right;
background-size: 45%;
}
.sidebar .lineBox h4 {
font-size: 17px;
padding: 27px 30px 10px 0px;
margin-left: 44px;
width: 61%;
white-space: pre-wrap;
overflow: hidden;
text-align: left;
height: 107px;
}
.sidebar .lineBox .arrowPrev,.sidebar .lineBox .arrowNext{
width: 18px;
}
.sidebar .titleBox{
padding:0;
position: relative;
}
.sidebar .titleBox .contBar{
position: absolute;
right: 0;
top:6px;
width: 40%;
padding: 0;
text-align: right;
}
.sidebar ul.sideImg li{
float: left;
width: 145px;
}
.sidebar ul.sideImg li:nth-child(1),.sidebar ul.sideImg li:nth-child(3){
margin-right:10px;
}
.sidebar ul.sideImg li div{
width: 145px;
height: 90px;
overflow: hidden;
}
.sidebar ul.sideImg li div img {
vertical-align: middle;
width: 100%;
height: auto;
}
.sidebar ul.sideImg li h5{
font-size: 15px;
line-height: 1.4;
font-weight: normal;
padding:8px 0 10px 0;
}
.sidebar .sideBox{
clear: both;
overflow: hidden;
margin-bottom: 10px;
}
/**Video**/
.pray .resourceBoxTag ul li.all, .pray .resourceBoxTag ul li:hover {
background: #35c0bd;
color: #fff;
font-weight: bold;
border: none;
}
.videoBox{
overflow: hidden;
}
.videoBox ul li{
float: left;
width: 32%;
border:1px solid #ddd;
margin-right: 10px;
margin-bottom: 15px;
}
.videoBox ul li a{
position: relative;
}
.videoBox ul li .des{
padding: 15px;
font-weight: normal;
}
.videoBox ul li .des h4{
font-size: 16px;
height: 46px;
overflow: hidden;
font-weight: normal;
line-height: 1.4;
margin-bottom: 5px;
}
.videoBox ul li .des .blue{
padding-bottom: 10px;
font-size: 15px;
}
.videoBox ul li .icBox a{
padding-right: 10px;
}
.videoBox ul li .icBox a img{
vertical-align: middle;
}
.videoBox ul li a .duration {
position: absolute;
bottom: 0;
right: 0;
background: #000;
opacity: .7;
font-size: 14px;
color: #fff;
padding: 6px 12px;
}
/**Together**/
.profileBox{
overflow: hidden;
}
.profileBox ul li{
float:left;
margin-right: 25px;
text-align: center;
}
.profileBox .cover_profile3{
padding:0 0 10px 0;
cursor: pointer;
}
.profileBox .cover_profile3 div {
border-radius: 80px;
width: 80px;
height: 80px;
}
.togetherBox{
overflow: hidden;
clear: both;
padding-top: 20px;
}
.togetherBox ul li{
overflow: hidden;
border-top: 1px solid #ddd;
padding: 23px 20px 23px 0;
}
.togetherBox ul li a.thumbLeft img{
float: left;
width: 178px;
margin-right: 20px;
}
.togetherBox ul li .contBox h4{
font-size: 18px;
padding-bottom: 10px;
}
.togetherBox ul li .contBox p{
font-size: 16px;
padding-bottom: 10px;
}
.togetherBox ul li .contBox .blue{
float: left;
width: 40%;
}
.togetherBox ul li .icBox {
overflow: hidden;
font-size: 14px;
float: right;
width: 20%;
text-align: right;
}
.togetherBox ul li .icBox a {
display: inline-block;
padding-left:10px;
}
.togetherBox ul li .icBox a img {
width: auto;
vertical-align: middle;
margin-right: 7px;
}
/**X Art**/
.pray .xArt{
overflow: hidden;
}
.pray .xArt ul li{
padding-right: 16px;
margin-right: 0;
width: 50%;
float: left;
margin-bottom: 16px;
}
.pray .xArt li img{
max-height: auto;
}
.pray .xArt li .des{
padding: 0;
}
.pray .xArt li .des p{
padding:10px 13px;
font-weight: normal;
border:1px solid #ddd;
border-top:none;
height: 100%;
font-size: 16px;
}
.pray .xArt li > a{
display: block;
}
.pray .xArt li > a:first-child {
border: 1px solid #ddd;
overflow: hidden;
height: 200px;
}
/**TV**/
.tv .logo span{
display: inline-block;
font-size: 28px;
float: right;
padding-top: 16px;
}
.tvMain{
background: #f5f5f5;
padding: 30px 0 0px 0;
overflow: hidden;
}
.tvMain .container{
position: relative;
}
.tvMain .float_left,.tvMain .float_right{
width: 582px;
}
.tvMain .tvMainImg{
width: 582px;
height: 325px;
cursor: pointer;
position: relative;
}
.tvMain h4{
font-size: 20px;
padding:10px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tvMain .contBar{
clear: both;
}
.tv .duration {
position: absolute;
bottom: 10px;
right: 10px;
background: #000;
opacity: .7;
font-size: 14px;
color: #fff;
padding: 6px 12px;
border-radius: 2px;
}
.tv .duration i{
opacity: 1;
font-size: 10px;
margin-right: 6px;
}
.tvMain .arrowPrev, .tvMain .arrowNext{
background: none;
top:30%;
}
.tvMain .arrowPrev{
left:-50px;
}
.tvMain .arrowNext{
right: -50px;
}
.tvMain .contBar{
font-size: 10px;
}
.tvMain .contBar a{
padding: 0 4px;
}
.icBox{
padding-top: 8px;
}
.icBox a.borderR{
border-right:1px solid #ddd;
padding-right: 10px;
margin-right: 5px;
}
.icBox a img{
width: auto;
vertical-align: middle;
}
.channelBox{
overflow: hidden;
padding:30px 0;
}
.channelBox .titleBox{
font-size: 16px;
font-weight: bold;
padding-bottom: 20px;
}
.channelBox ul li{
float:left;
text-align: center;
margin-right: 40px;
font-size: 14px;
}
.channelBox ul li:last-child{
margin-right: 0;
}
.channelBox .cover_profile3 {
padding: 0 0 10px 0;
cursor: pointer;
}
.channelBox .cover_profile3 div {
border-radius: 134px;
width: 134px;
height: 134px;
}
.bn1180{
clear: both;
text-align: center;
}
.tv .sermon .col4 li{
border:none;
height: 100%;
padding-bottom: 30px;
}
.tv .sermon .col4 .tvImg{
height: 162px;
position: relative;
}
.tv .arrow{
padding-top: 0;
}
.tabRight{
text-align: right;
float: right;
}
.tabRight a{
display: inline-block;
padding:0 10px 0 8px;
}
.tabRight a.current {
color: #26bdb8;
}
.tabRight a.borderR {
border-right: 1px solid #ddd;
}
.tv .col4 h4, .tv .col3 h4{
font-size: 16px;
padding: 8px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tv .col3 li{
width: 382px;
}
.tv .sermon .col3 .tvImg{
height: 216px;
position: relative;
}
.tv .channel{
clear: both;
overflow: hidden;
padding: 30px 0;
}
.tv .channel div {
float: left;
width: 110px;
height: 110px;
border-radius: 110px;
cursor: pointer;
margin-right: 30px;
}
.tv .channel h4{
font-size: 22px;
padding: 40px 0;
}
.tvArticle{
width: 730px;
margin:0 auto;
}
.tvArticle p{
padding: 20px 10px;
line-height: 1.6;
}

1197
public/renew2/css/section.css Executable file

File diff suppressed because it is too large Load Diff

916
public/renew2/grace-account.html Executable file
View File

@@ -0,0 +1,916 @@
<!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">
<link rel="stylesheet" href="css/news.css">
<link rel="stylesheet" href="css/grace.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 class="grace">
<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 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">은혜충전</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 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/cm-symbol.gif" alt="크로스맵"></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">
<ul>
<li><a href="">은혜충전 홈</a></li>
<li class="current"><a href="">이야기QT</a></li>
<li><a href="">말씀카드</a></li>
<li><a href="">영어묵상</a></li>
<li><a href="">영상QT</a></li>
<li><a href="">C포스트</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">
<!--header-->
<div class="wrap_cover">
<div class="cover_image" style="background: url('https://crossmap.co.kr/files/channel/2019/04/584a4e2f7b25a2b444ec972fcafb163f.jpg') no-repeat left top; display: block;background-size: cover;height:200px;background-position: 50% 50%;"></div>
<div class="cover_inner"></div>
</div>
<div class="cover_profile">
<div style="background:url('https://crossmap.co.kr/files/partner/2018/05/ce59c7dd9234224b91a6e3975110a0f2.jpg') no-repeat center; background-size:cover;">
</div>
</div>
<p class="cheditor"><a href="/web/life/editor/3">하늘소</a></p>
<!--tab-->
<div class="container pb30">
<ul class="titleBoxTab">
<li class="current">업데이트 순</li>
<li>좋아요 순</li>
</ul>
</div>
<div class="container box">
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<div class="pagenumber">
<a class="current">1</a>
<a href="/web/news/?search_sort=1&amp;page=2">2</a>
<a href="/web/news/?search_sort=1&amp;page=3">3</a>
<a href="/web/news/?search_sort=1&amp;page=4">4</a>
<a href="/web/news/?search_sort=1&amp;page=5">5</a>
<a href="/web/news/?search_sort=1&amp;page=6">6</a>
<a href="/web/news/?search_sort=1&amp;page=7">7</a>
<a href="/web/news/?search_sort=1&amp;page=8">8</a>
<a href="/web/news/?search_sort=1&amp;page=9">9</a>
<a href="/web/news/?search_sort=1&amp;page=10">10</a>
<a href="/web/news/?search_sort=1&amp;page=11"><img src="http://crossmap.co.kr/img/web/mypage_arrow_right.gif"></a>
</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>

582
public/renew2/grace-article.html Executable file
View File

@@ -0,0 +1,582 @@
<!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">
<link rel="stylesheet" href="css/news.css">
<link rel="stylesheet" href="css/grace.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 class="grace">
<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 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">은혜충전</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 class="login"><a href="#">로그인</a></li>
</ul>
</nav>
</div>
</div>
<header class="site-head--inner grace">
<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/cm-symbol.gif" alt="크로스맵"></a>은혜충전 </div>
<div class="login">
<a href="">로그인</a>
<a href="">회원가입</a>
</div>
</div>
</div>
</div>
<div class="graceHeader">
<div class="wrap_cover">
<div class="cover_image" style="background: url(http://www.crossmap.co.kr/files/channel/2018/05/0de274a6aaf90941244bc51a1833f210.jpg) no-repeat left top; display: block;background-size: cover;height:310px;background-position: 50% 50%;"></div>
<div class="cover_inner"></div>
<div class="wrap_channel">
<div class="cover_cell">
<div>
<p style="margin-bottom:15px;"><span style="background: url('https://crossmap.co.kr/img/web/bgbg3.png') repeat-x left bottom; padding-bottom:8px;"><a href="#">말씀과 묵상</a> <img src="https://crossmap.co.kr/img/web/bg5.gif" style="padding: 2px 5px 0 5px;"> <a href="#">말씀엽서</a></span></p>
</div>
<h2 class="chtit">아버지께서 약속하신 것</h2>
<p class="chdate">조회 3<span style="padding:0 10px;">|</span>2019-06-06 </p>
</div>
<div class="cover_profile">
<div style="background:url('https://crossmap.co.kr/files/partner/2018/05/ce59c7dd9234224b91a6e3975110a0f2.jpg') no-repeat center; background-size:cover;"></div>
</div>
</div>
</div>
<p class="cheditor"><a href="/web/life/editor/3">하늘소</a></p>
</div>
</header>
<main id="main" role="main" tabindex="-1">
<div class="container articleBox">
<div class="graceArticle">
<div class="imgCenter">
<img src="https://crossmap.co.kr/smarteditor/upload/1906/77a00950a2d3c0ae89fe0c5f2ce8535c_1560148678_7176.jpg">
<div class="caption">이미지 출처_크로스맵</div>
</div>
<p>1907년 1월 6일부터 열렸던 평양 장대현교회의 저녁집회 열리는 날이 갈수록 더해 갔습니다. 그러다 14일 저녁집회 때 능력의 종으로 말씀을 선포하던 길선주 목사가 회중 앞에서 자신의 죄를 공개적으로 통회하는 일이 일어났습니다. </p>
<div class="imgCenter">
<img src="https://crossmap.co.kr/smarteditor/upload/1906/773f9e47cb3fded85d89bc52702e8b8b_1559623622_9145.png">
</div>
<p>“나는 아간과 같은 자입니다. 나 때문에 하나님이 축복을 주실 수가 없었습니다. 약 1년 전에 내 친구 중 한 사람이 임종시에 나를 자기 집으로 불러서 말하기를 ‘길 목사님, 나는 이제 세상을 떠날 것 같으니 내 재산을 잘 정리해 주시오. 내 아내는 셈이 약하기 때문이오’라고 부탁했습니다. 나는 내가 잘 돌보아 드릴 테니 염려 말라고 대답했습니다. ​</p>
<div class="imgCenter">
<div class="cover_profile2">
<div style="background:url('https://crossmap.co.kr/files/partner/2018/05/ce59c7dd9234224b91a6e3975110a0f2.jpg') no-repeat center; background-size:cover;"></div>
</div>
<div class="artTag">
<a href="#">#말씀과 묵상</a>
<a href="#">#은혜</a>
<a href="#">#복음 </a>
<a href="#">#카드</a>
</div>
<!--Share-->
<div class="panel_btns">
<span><a href="javascript:like_proc();" class="btn btn-default br15" style="padding:5px 30px;"><img src="http://crossmap.co.kr/img/web/img_heart.gif">
<span id="like_count">0</span></a></span>
</div>
<div class="sharelineH">
<ul>
<li><a href="javascript:share_facebook();" class="fb-xfbml-parse-ignore"><img src="http://www.crossmap.co.kr/img/web/img_fb.jpg"></a></li>
<li><a href="javascript:share_kakao();"><img src="http://www.crossmap.co.kr/img/web/img_kk.jpg"></a></li>
<li><a href="javascript:share_naver();"><img src="img/img-pin.jpg"></a></li>
<li><a href="javascript:share_band();"><img src="http://www.crossmap.co.kr/img/web/img_bd.jpg"></a></li>
<li><a href="javascript:share_kakaostory();"><img src="http://www.crossmap.co.kr/img/web/img_ks.jpg"></a></li>
<li><a href="javascript:share_naver();"><img src="img/img-url.jpg"></a></li>
</ul>
</div>
</div>
</div>
</div>
<!--관련글-->
<div class="container relatedBox">
<div class="titleBox">
<ul>
<li><a href="#">관련글</a></li>
</ul>
<div class="arrow">
<a href="#">목록보기</a>
</div>
</div>
<ul class="col col4 col4-3">
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/cb8daaadc582d3fcb345fe91de466ed7.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/eb2189dd282cea791cb01ce1cd0c4cb7.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/759b4d63671b70865baf9577becd02b4.png"></div>
</a>
</li>
</ul>
<div class="arrowPrev"><i class="fas fa-chevron-left"></i></div>
<div class="arrowNext"><i class="fas fa-chevron-right"></i></div>
</div>
<!--Comment-->
<div class="container pt30 pb30">
<div class="comment">
<!--댓글-->
<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 class="float_right banner">
<div class="ad gap-bottom-sm"><a href=""><img src="https://crossmap.co.kr/files/advertisement/2019/04/b65bc12d9a44a20ea93b4680a800652c.png" alt="" width="300" height="260"></a></div>
</div>
</div>
<!--인기태그-->
<div class="tagImg">
<div class="container">
<div class="titleBox">
<a href="#">인기태그</a>
</div>
<ul>
<li>
<a href="#">
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/6f91029d6aaf5c04cfb267c1be10ee3f.png">
</div>
</a>
<div class="tagTxt">#Photo</div>
</li>
<li>
<a href="#">
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png"></div>
</a>
<div class="tagTxt">#Sounds</div>
</li>
<li><a href="#"><div class="thumb"><img src="http://www.crossmap.co.kr/files/life/2019/06/4007778ee7ac227622fe05bd8fba05c6.png"></div></a>
<div class="tagTxt">#Animation</div>
</li>
<li><a href="#"><div class="thumb"><img src="http://www.crossmap.co.kr/files/life/2019/06/eb2189dd282cea791cb01ce1cd0c4cb7.png"></div></a>
<div class="tagTxt">#Prayer</div>
</li>
<li><a href="#"><div class="thumb"><img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div></a>
<div class="tagTxt">#행복</div>
</li>
<li><a href="#"><div class="thumb"><img src="http://www.crossmap.co.kr/files/life/2019/06/6f91029d6aaf5c04cfb267c1be10ee3f.png"></div></a>
<div class="tagTxt">#아침묵상</div>
</li>
</ul>
</div>
</div>
<!--말씀카드-->
<div class="container pt30 pb30">
<div class="titleBox">
<ul>
<li><a href="#">말씀카드</a></li>
</ul>
<div class="arrow">
<a href="#">더보기 <img src="img/ic-more.gif"></a>
</div>
</div>
<ul class="col col5">
<li>
<a href="#">
<div class="tit">
[위로와 소망] 하나님 말씀은 확실하여
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
삶의 목적을 이 땅에 두지 않겠습니다
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/1dc1737ca3258a3ee0a4ff7f2aa4eab7.jpg"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
[주님을 본받아] 하나님의 얼굴을 보도록
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/4bb95347ff4ca5ee10c7917c174bb303.jpg"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg"></div>
</a>
</li>
</ul>
</div>
<!--운율묵상-->
<div class="container pb30 btop">
<div class="titleBox">
<ul>
<li><a href="#">운율묵상</a></li>
</ul>
<div class="arrow">
<a href="#">더보기 <img src="img/ic-more.gif"></a>
</div>
</div>
<ul class="col col5">
<li>
<a href="#">
<div class="tit">
[위로와 소망] 하나님 말씀은 확실하여
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
삶의 목적을 이 땅에 두지 않겠습니다
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/1dc1737ca3258a3ee0a4ff7f2aa4eab7.jpg"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
[주님을 본받아] 하나님의 얼굴을 보도록
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/4bb95347ff4ca5ee10c7917c174bb303.jpg"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg"></div>
</a>
</li>
</ul>
</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>

899
public/renew2/grace-home.html Executable file
View File

@@ -0,0 +1,899 @@
<!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">
<link rel="stylesheet" href="css/news.css">
<link rel="stylesheet" href="css/grace.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 class="grace">
<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 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">은혜충전</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 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/cm-symbol.gif" alt="크로스맵"></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">
<ul>
<li class="current"><a href="">은혜충전 홈</a></li>
<li><a href="">이야기QT</a></li>
<li><a href="">말씀카드</a></li>
<li><a href="">영어묵상</a></li>
<li><a href="">영상QT</a></li>
<li><a href="">C포스트</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">
<!--main Slide-->
<div class="recommend_card_wrap">
<div id="card_flick" class="recommend_card_area">
<div class="flick-container" style="overflow: hidden; box-sizing: border-box;">
<div class="eg-flick-container" style="position: relative; z-index: 2000; width: 3868px; height: 100%; transform: translate(-967px); will-change: transform;">
<div class="flick-ct eg-flick-panel is_disable" role="tabpanel" aria-hidden="true" style="width: 967px; height: 100%; box-sizing: border-box; top: 0px; left: 0px; transform: translate(200%); will-change: transform; position: relative;">
<div class="cont_area as_post" style="background-image:url(https://post-phinf.pstatic.net/MjAxOTA2MTRfMzAg/MDAxNTYwNDkyMTMwMTk3.OHCK3he428jDTATTN1ZWgQZUz5bdFU5_IXPhvaot_bIg.ilib8EC8OOTvC8B-97vjcVYC9wZjAK0ctfjHfIF60W8g.PNG/post_6887933702915167629.png?type=w1200)">
<a href="#" class="inner" onclick="mug.common.nclick(this, 'bes.banner1');">
<span class="card_dim"></span>
<span class="cont_type">추천 시리즈</span>
<strong class="tit">당신에게 가장 필요한 순간 - 예배</strong>
<span class="writer">스테파니</span>
</a>
</div>
<div class="img_dim"></div>
</div>
<div class="flick-ct eg-flick-panel is_disable" role="tabpanel" aria-hidden="true" style="position: absolute; width: 967px; height: 100%; box-sizing: border-box; top: 0px; left: 0px; transform: translate(300%); will-change: transform;">
<div class="cont_area as_series" style="background-image:url(https://post-phinf.pstatic.net/MjAxOTA2MTRfMjQz/MDAxNTYwNDkyMTM2Mzg1.yXtyC9Kla_eljn4mBNMR6WEQ-Q1d3oavJ-_8IfSkZDYg.6GJlofC1ytEQNzwicmDXVtHPHn0u1Eov0MsHwDPthsog.PNG/post_4029640709515896168.png?type=w1200)">
<a href="#" class="inner" onclick="mug.common.nclick(this, 'bes.banner2');">
<span class="card_dim"></span>
<span class="cont_type">추천 시리즈</span>
<strong class="tit">당신에게 가장 필요한 시간</strong>
<span class="writer">하나님사랑</span>
</a>
</div>
<div class="img_dim"></div>
</div>
<div class="flick-ct eg-flick-panel is_disable" role="tabpanel" aria-hidden="true" style="position: absolute; width: 967px; height: 100%; box-sizing: border-box; top: 0px; left: 0px; transform: translate(0%); will-change: transform;">
<div class="cont_area as_post" style="background-image:url(https://post-phinf.pstatic.net/MjAxOTA2MTRfMjQ5/MDAxNTYwNDkyMTQwNjM4.TJQZZc65mpNxq5qiLFaQaMc1woU0GukMKYoYSEHdwhUg.50e5O289fpa5lYahr7rlRx65NSDB36Tz9_C8aA5LANQg.PNG/post_4618640868614322600.png?type=w1200)">
<a href="https://post.naver.com/viewer/postView.nhn?volumeNo=20623221&amp;memberNo=45457081" class="inner" onclick="mug.common.nclick(this, 'bes.banner3');">
<span class="card_dim"></span>
<span class="cont_type">추천 시리즈</span>
<strong class="tit">잘 자야 피곤하지 않다-수면의 질을 높이는 법</strong>
<span class="writer">다른상상</span>
</a>
</div>
<div class="img_dim"></div>
</div>
<div class="flick-ct eg-flick-panel" role="tabpanel" aria-hidden="false" style="position: absolute; width: 967px; height: 100%; box-sizing: border-box; top: 0px; left: 0px; transform: translate(100%); will-change: transform;">
<div class="cont_area as_post" style="background-image:url(http://www.crossmap.co.kr/files/channel/2018/11/2a2c18fe619ed3dedc460a59ea9531e3.jpg)">
<a href="#" class="inner" onclick="mug.common.nclick(this, 'bes.banner4');">
<span class="card_dim"></span>
<span class="cont_type">감동 맘 울리는 이야기</span>
<strong class="tit">당신이 예수님을 진짜 믿는다면<br/> 인생은 반드시 바뀝니다</strong>
<span class="writer">노네임드</span>
</a>
</div>
<div class="img_dim"></div>
</div>
</div>
</div>
<div class="nav_area">
<a href="#" class="btn prev" role="button"><i class="ico">이전</i></a>
<a href="#" class="btn next" role="button"><i class="ico">다음</i></a>
</div>
<div class="pagination_wrap" style="z-index: 2001">
<div class="pagination_square" role="tablist">
<a href="#" role="tab" aria-selected="false" class="__page"><em class="num">1</em></a>
<a href="#" role="tab" aria-selected="false" class="__page"><em class="num">2</em></a>
<a href="#" role="tab" aria-selected="false" class="__page"><em class="num">3</em></a>
<a href="#" role="tab" aria-selected="true" class="__page on"><em class="num">4</em></a>
</div>
</div>
</div>
</div>
<!--Tag image-->
<div class="tagImg">
<div class="container">
<ul>
<li>
<a href="#">
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/6f91029d6aaf5c04cfb267c1be10ee3f.png">
</div>
</a>
<div class="tagTxt">#Photo</div>
</li>
<li>
<a href="#">
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png"></div>
</a>
<div class="tagTxt">#Sounds</div>
</li>
<li><a href="#"><div class="thumb"><img src="http://www.crossmap.co.kr/files/life/2019/06/4007778ee7ac227622fe05bd8fba05c6.png"></div></a>
<div class="tagTxt">#Animation</div>
</li>
<li><a href="#"><div class="thumb"><img src="http://www.crossmap.co.kr/files/life/2019/06/eb2189dd282cea791cb01ce1cd0c4cb7.png"></div></a>
<div class="tagTxt">#Prayer</div>
</li>
<li><a href="#"><div class="thumb"><img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div></a>
<div class="tagTxt">#행복</div>
</li>
<li><a href="#"><div class="thumb"><img src="http://www.crossmap.co.kr/files/life/2019/06/6f91029d6aaf5c04cfb267c1be10ee3f.png"></div></a>
<div class="tagTxt">#아침묵상</div>
</li>
</ul>
</div>
</div>
<!--이야기 QT-->
<div class="container pt30">
<div class="titleBox">
<ul>
<li><a href="#">이야기 QT</a></li>
</ul>
<div class="arrow">
<a href="#">더보기 <img src="img/ic-more.gif"></a>
</div>
</div>
<ul class="col col4">
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/cb8daaadc582d3fcb345fe91de466ed7.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/eb2189dd282cea791cb01ce1cd0c4cb7.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/759b4d63671b70865baf9577becd02b4.png"></div>
</a>
</li>
</ul>
</div>
<!--말씀카드-->
<div class="container pt30 pb30">
<div class="titleBox">
<ul>
<li><a href="#">말씀카드</a></li>
</ul>
<div class="arrow">
<a href="#">더보기 <img src="img/ic-more.gif"></a>
</div>
</div>
<ul class="col col5">
<li>
<a href="#">
<div class="tit">
[위로와 소망] 하나님 말씀은 확실하여
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
삶의 목적을 이 땅에 두지 않겠습니다
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/1dc1737ca3258a3ee0a4ff7f2aa4eab7.jpg"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
[주님을 본받아] 하나님의 얼굴을 보도록
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/4bb95347ff4ca5ee10c7917c174bb303.jpg"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg"></div>
</a>
</li>
</ul>
</div>
<!--영상QT-->
<div class="container btop">
<div class="titleBox">
<ul>
<li><a href="#">영상QT
</a></li>
</ul>
<div class="arrow">
<a href="#">더보기 <img src="img/ic-more.gif"></a>
</div>
</div>
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
</div>
<!--C포스트-->
<div class="container pt30 pb30">
<div class="titleBox">
<ul>
<li><a href="#">C포스트</a></li>
</ul>
<div class="arrow">
<a href="#">더보기 <img src="img/ic-more.gif"></a>
</div>
</div>
<div class="cpostBox">
<div class="cpostMain" style="background:url('http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png') no-repeat center; background-size:cover;">
<a href="#">
<div class="bg"></div>
<div class="tit">
[위로와 소망] 하나님 말씀은 확실하여
</div>
<div class="writer">
메이븐
</div>
</a>
</div>
<ul class="col col5">
<li>
<a href="#">
<div class="tit">
[위로와 소망] 하나님 말씀은 확실하여
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
삶의 목적을 이 땅에 두지 않겠습니다
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/1dc1737ca3258a3ee0a4ff7f2aa4eab7.jpg"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
[주님을 본받아] 하나님의 얼굴을 보도록
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/4bb95347ff4ca5ee10c7917c174bb303.jpg"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
[주님을 본받아] 하나님의 얼굴을 보도록
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/4bb95347ff4ca5ee10c7917c174bb303.jpg"></div>
</a>
</li>
</ul>
</div>
</div>
<!--운율묵상-->
<div class="container pb30 btop">
<div class="titleBox">
<ul>
<li><a href="#">운율묵상</a></li>
</ul>
<div class="arrow">
<a href="#">더보기 <img src="img/ic-more.gif"></a>
</div>
</div>
<ul class="col col5">
<li>
<a href="#">
<div class="tit">
[위로와 소망] 하나님 말씀은 확실하여
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/52db7c6acd48b6f9bae9e8c61e914f25.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
삶의 목적을 이 땅에 두지 않겠습니다
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/1dc1737ca3258a3ee0a4ff7f2aa4eab7.jpg"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
[주님을 본받아] 하나님의 얼굴을 보도록
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/4bb95347ff4ca5ee10c7917c174bb303.jpg"></div>
</a>
</li>
<li>
<a href="#">
<div class="tit">
나중에 나이 들면 가장 많이 후회한다는 행동
</div>
<div class="writer">
메이븐
</div>
<div class="thumb">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg"></div>
</a>
</li>
</ul>
</div>
<!--영어묵상/인기있는 은혜충전/배너-->
<div class="grayBox">
<div class="container">
<div class="float_left english">
<div class="titleBox">
<ul>
<li><a class="blue" href="#">운율묵상</a></li>
</ul>
<div class="arrow">
<a href="#">더보기 <img src="img/ic-more.gif"></a>
</div>
</div>
<ul class="enList">
<li>
<div class="enImg">
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png"></a>
</div>
<div class="des">
<h4><a href="#">The Bible story of Elijah</a></h4>
<p><a href="#">Before Elijah actually arrives in Israel, God sends a drought as he is so displeased with the people. Elijah had been residing out in the desert where there was a river with drinking water and God had sent ravens </a></p>
<div class="blue">Lynn</div>
</div>
</li>
<li>
<div class="enImg">
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png"></a>
</div>
<div class="des">
<h4><a href="#">The Bible story of Elijah</a></h4>
<p><a href="#">Before Elijah actually arrives in Israel, God sends a drought as he is so displeased with the people. Elijah had been residing out in the desert where there was a river with drinking water and God had sent ravens </a></p>
<div class="blue">Lynn</div>
</div>
</li>
<li>
<div class="enImg">
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg"></a>
</div>
<div class="des">
<h4><a href="#">The Bible story of Elijah</a></h4>
<p><a href="#">Before Elijah actually arrives in Israel, God sends a drought as he is so displeased with the people. Elijah had been residing out in the desert where there was a river with drinking water and God had sent ravens </a></p>
<div class="blue">Lynn</div>
</div>
</li>
<li>
<div class="enImg">
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
</div>
<div class="des">
<h4><a href="#">The Bible story of Elijah</a></h4>
<p><a href="#">Before Elijah actually arrives in Israel, God sends a drought as he is so displeased with the people. Elijah had been residing out in the desert where there was a river with drinking water and God had sent ravens </a></p>
<div class="blue">Lynn</div>
</div>
</li>
<li>
<div class="enImg">
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
</div>
<div class="des">
<h4><a href="#">The Bible story of Elijah</a></h4>
<p><a href="#">Before Elijah actually arrives in Israel, God sends a drought as he is so displeased with the people. Elijah had been residing out in the desert where there was a river with drinking water and God had sent ravens </a></p>
<div class="blue">Lynn</div>
</div>
</li>
</ul>
</div>
<div class="float_left popular">
<h5 class="blue">인기있는 은혜충전</h5>
<ul>
<li>
<div class="num">1</div>
<div class="popImg">
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
</div>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="blue">
<a href="#">메이븐</a>
</div>
</li>
<li>
<div class="num">2</div>
<div class="popImg">
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
</div>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="blue">
<a href="#">메이븐</a>
</div>
</li>
<li>
<div class="num">3</div>
<div class="popImg">
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
</div>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="blue">
<a href="#">메이븐</a>
</div>
</li>
<li>
<div class="num">4</div>
<div class="popImg">
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
</div>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="blue">
<a href="#">메이븐</a>
</div>
</li>
<li>
<div class="num">5</div>
<div class="popImg">
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
</div>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="blue">
<a href="#">메이븐</a>
</div>
</li>
<li>
<div class="num">6</div>
<div class="popImg">
<a class="img-scaleup" href="#"><img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png"></a>
</div>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="blue">
<a href="#">메이븐</a>
</div>
</li>
</ul>
</div>
<div class="float_right banner">
<div class="ad gap-bottom-sm"><a href=""><img src="https://crossmap.co.kr/files/advertisement/2019/04/b65bc12d9a44a20ea93b4680a800652c.png" alt="" width="300" height="260"></a></div>
<div class="ad gap-bottom-sm"><a href=""><img src="img/bn-300-webtoon.jpg" alt="" width="300"></a></div>
<div class="ad gap-bottom-sm"><a href=""><img src="img/bn-300-grace.jpg" alt="" width="300"></a></div>
</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>

View File

@@ -0,0 +1,938 @@
<!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">
<link rel="stylesheet" href="css/news.css">
<link rel="stylesheet" href="css/grace.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 class="grace">
<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 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">은혜충전</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 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/cm-symbol.gif" alt="크로스맵"></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">
<ul>
<li><a href="">은혜충전 홈</a></li>
<li class="current"><a href="">이야기QT</a></li>
<li><a href="">말씀카드</a></li>
<li><a href="">영어묵상</a></li>
<li><a href="">영상QT</a></li>
<li><a href="">C포스트</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">
<!--header-->
<div class="container innerHead">
<form action="" class="grace-search">
<input type="text" name="" id="grace-search" placeholder="검색어를 입력하세요">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
<div class="resourceBoxTag center">
<div class="grayTxt">추천태그</div>
<ul>
<li>크맵추천</li>
<li>꽃</li>
<li>하나님</li>
<li>성령</li>
<li>교회절기</li>
<li>어린이 성경학교</li>
<li>웹툰</li>
<li>Calligraphy</li>
<li>Photo</li>
<li>Church</li>
</ul>
<a class="next"></a>
</div>
</div>
<!--검색결과-->
<div class="container searchResult">
<div class="float_left grayTxt">검색결과 <span class="num">50</span></div>
<div class="float_right">
<span><a href="#">전체 콘텐츠</a></span>
<span><a href="#">전체메뉴</a></span>
<span><a href="#">추천수</a></span>
</div>
</div>
<!--tab-->
<div class="container pb30">
<ul class="titleBoxTab">
<li class="current">업데이트 순</li>
<li>좋아요 순</li>
</ul>
</div>
<div class="container box">
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<div class="pagenumber">
<a class="current">1</a>
<a href="/web/news/?search_sort=1&amp;page=2">2</a>
<a href="/web/news/?search_sort=1&amp;page=3">3</a>
<a href="/web/news/?search_sort=1&amp;page=4">4</a>
<a href="/web/news/?search_sort=1&amp;page=5">5</a>
<a href="/web/news/?search_sort=1&amp;page=6">6</a>
<a href="/web/news/?search_sort=1&amp;page=7">7</a>
<a href="/web/news/?search_sort=1&amp;page=8">8</a>
<a href="/web/news/?search_sort=1&amp;page=9">9</a>
<a href="/web/news/?search_sort=1&amp;page=10">10</a>
<a href="/web/news/?search_sort=1&amp;page=11"><img src="http://crossmap.co.kr/img/web/mypage_arrow_right.gif"></a>
</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>

924
public/renew2/grace-section.html Executable file
View File

@@ -0,0 +1,924 @@
<!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">
<link rel="stylesheet" href="css/news.css">
<link rel="stylesheet" href="css/grace.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 class="grace">
<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 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">은혜충전</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 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/cm-symbol.gif" alt="크로스맵"></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">
<ul>
<li><a href="">은혜충전 홈</a></li>
<li class="current"><a href="">이야기QT</a></li>
<li><a href="">말씀카드</a></li>
<li><a href="">영어묵상</a></li>
<li><a href="">영상QT</a></li>
<li><a href="">C포스트</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">
<!--header-->
<div class="container innerHead">
은혜로운 성경말씀과 아름다운 이미지의 콜라보
<div class="resourceBoxTag">
<ul>
<li class="all">전체</li>
<li>크맵추천</li>
<li>꽃</li>
<li>하나님</li>
<li>성령</li>
<li>교회절기</li>
<li>어린이 성경학교</li>
<li>웹툰</li>
<li>교회오빠</li>
<li>크맵추천</li>
<li>부활절</li>
<li>클립아트</li>
</ul>
</div>
<a class="next"></a>
</div>
<!--tab-->
<div class="container pb30">
<ul class="titleBoxTab">
<li class="current">업데이트 순</li>
<li>좋아요 순</li>
</ul>
</div>
<div class="container box">
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<ul class="col col4 col4-2">
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/ba05616409d09420ddc5d3c46fe68900.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/13a9de59b6523003352ac2d59f57ae2a.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/06/98f840689098d4d1bff1f56e8dc71a97.png">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="http://www.crossmap.co.kr/files/life/2019/01/a7667979ff06a7d4f1ed1166796c83e8.jpg">
</a>
</div>
<div class="profile">
<a href="#"><img src="https://crossmap.co.kr/files/partner/2018/06/714a4e0153721dddd25dc90ecd8b8c55.jpg"></a>
<div class="tit">
<a href="#">나중에 나이 들면 가장 많이 후회한다는 행동</a>
</div>
<div class="writer">
<a href="#">메이븐</a>
</div>
</div>
<div class="ic_area">
<div class="float_left">
<a class="likes" href="#">
<i class="ico" aria-label="좋아요"></i>
<span>103</span>
</a>
<a class="comments" href="#">
<i class="ico" aria-label="댓글수"></i>
<span>29</span>
</a>
</div>
<div class="float_right">
<a href="#" class="hits">
<i class="ico" aria-label="조회수"></i>
<span>79</span>
</a>
</div>
</div>
</li>
</ul>
<div class="pagenumber">
<a class="current">1</a>
<a href="/web/news/?search_sort=1&amp;page=2">2</a>
<a href="/web/news/?search_sort=1&amp;page=3">3</a>
<a href="/web/news/?search_sort=1&amp;page=4">4</a>
<a href="/web/news/?search_sort=1&amp;page=5">5</a>
<a href="/web/news/?search_sort=1&amp;page=6">6</a>
<a href="/web/news/?search_sort=1&amp;page=7">7</a>
<a href="/web/news/?search_sort=1&amp;page=8">8</a>
<a href="/web/news/?search_sort=1&amp;page=9">9</a>
<a href="/web/news/?search_sort=1&amp;page=10">10</a>
<a href="/web/news/?search_sort=1&amp;page=11"><img src="http://crossmap.co.kr/img/web/mypage_arrow_right.gif"></a>
</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>

BIN
public/renew2/img/arrow-down.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
public/renew2/img/arrow-map.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/renew2/img/arrow-next.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/renew2/img/arrow-next2.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/renew2/img/arrow-nextB.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
public/renew2/img/arrow-pre.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/renew2/img/arrow-prevB.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
public/renew2/img/banner-964.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

BIN
public/renew2/img/banner1.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

BIN
public/renew2/img/banner2.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

BIN
public/renew2/img/bg-black.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 923 B

BIN
public/renew2/img/bg-photo.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/renew2/img/bg-white.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 965 B

BIN
public/renew2/img/bn-1180.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

BIN
public/renew2/img/bn-190.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

BIN
public/renew2/img/bn_Cplace.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

BIN
public/renew2/img/channel-bg.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

BIN
public/renew2/img/cm-symbol.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
public/renew2/img/cmtv1.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

BIN
public/renew2/img/comment-box.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

BIN
public/renew2/img/dot.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/renew2/img/featured1.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

BIN
public/renew2/img/featured2.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

BIN
public/renew2/img/featured3.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

BIN
public/renew2/img/featured4.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

BIN
public/renew2/img/featured5.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

BIN
public/renew2/img/featured6.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

BIN
public/renew2/img/featured7.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

BIN
public/renew2/img/ic-arrow.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/renew2/img/ic-bookmark.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/renew2/img/ic-close.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
public/renew2/img/ic-close.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 229 B

BIN
public/renew2/img/ic-comment.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/renew2/img/ic-comment.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/renew2/img/ic-comments.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/renew2/img/ic-email.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/renew2/img/ic-eye.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
public/renew2/img/ic-g-arrow.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/renew2/img/ic-heart-b.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 335 B

BIN
public/renew2/img/ic-heart.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/renew2/img/ic-mag.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/renew2/img/ic-menu.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/renew2/img/ic-menu.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

11
public/renew2/img/ic-menu.svg Executable file
View File

@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 20.2 18.2" style="enable-background:new 0 0 20.2 18.2;" xml:space="preserve">
<style type="text/css">
.st0{fill:#39BFBD;}
</style>
<rect class="st0" width="20.2" height="4.2"/>
<rect y="7" class="st0" width="20.2" height="4.2"/>
<rect y="14" class="st0" width="20.2" height="4.2"/>
</svg>

After

Width:  |  Height:  |  Size: 576 B

BIN
public/renew2/img/ic-more.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
public/renew2/img/ic-play.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
public/renew2/img/ic-print.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
public/renew2/img/ic-relative.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/renew2/img/ic-search.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

11
public/renew2/img/ic-search.svg Executable file
View File

@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 17.8 18.9" style="enable-background:new 0 0 17.8 18.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#010101;}
</style>
<path class="st0" d="M17.8,16.9L13,11.6c0.9-1.2,1.5-2.7,1.5-4.4c0-4-3.2-7.2-7.2-7.2S0,3.2,0,7.2c0,4,3.2,7.2,7.2,7.2
c1.3,0,2.5-0.4,3.6-1l4.8,5.4L17.8,16.9z M2,7.2C2,4.3,4.3,2,7.2,2c2.9,0,5.2,2.3,5.2,5.2c0,2.9-2.3,5.2-5.2,5.2
C4.3,12.5,2,10.1,2,7.2z"/>
</svg>

After

Width:  |  Height:  |  Size: 679 B

BIN
public/renew2/img/ic-share.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/renew2/img/ic-smile.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/renew2/img/ic-smile.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/renew2/img/ic-text-b.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
public/renew2/img/ic-text-s.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/renew2/img/ic-toggle.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 B

BIN
public/renew2/img/ic-views.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/renew2/img/img-pin.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
public/renew2/img/img-url.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/renew2/img/img_kk.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
public/renew2/img/logo-ct.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

23
public/renew2/img/logo.svg Executable file
View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 224 63.2" style="enable-background:new 0 0 224 63.2;" xml:space="preserve">
<style type="text/css">
.st0{fill:#2ABCB8;}
</style>
<g id="XMLID_6_">
<path id="XMLID_50_" class="st0" d="M110.8,58.3l-49.9-0.6v-8.3L80.4,50v-8h10.2v8h20.3L110.8,58.3L110.8,58.3z M74.2,25.5v5.7
h33.5v8.3H64.5v-22h33v-5.3h-33V3.9h42.9v21.6H74.2z"/>
<path id="XMLID_47_" class="st0" d="M117.8,34c0,0,5.5-2.8,8.8-5.3s6.6-6.6,7.9-8.7s2-2.8,2.1-4.6c0.1-1.9,0.1-3.4,0.1-3.4V4.1h9.7
v5.6v6.9c0,0.6,0.2,1.1,0.7,1.5c2.5,2.3,12.2,11.3,19.2,15l-3.8,6.3c0,0-13.2-6.4-20.4-13.3c0,0-5,6.3-9.6,9.1s-7.3,3.9-11.3,5.1
L117.8,34z M167,58.2h-50.6v-8.3H167V58.2z"/>
<path id="XMLID_41_" class="st0" d="M193.7,3.8v28.1h-22.3V3.8H193.7z M176,61.2V35.3h9.5v5h23.8v-5h9.2v25.9H176z M180.3,23.9h4.5
V11.3h-4.5V23.9z M185.5,53.4h23.8V48h-23.8L185.5,53.4L185.5,53.4z M206.6,2.5v10.6h3.2V2.5h8.8v30h-8.8V21.3h-3.2v11.2h-9v-30
H206.6z"/>
<g id="XMLID_7_">
<path id="XMLID_40_" class="st0" d="M39.4,44.6h8.5c2.6-2.2,3.4-14.1,3.4-14.1c0-2.6,0,0.7,0-2.3V3.8H8.2v8.3h33.2v12.1h-32v7.9
h31.7C41.2,32,41.6,41.4,39.4,44.6z"/>
<rect id="XMLID_39_" x="4.7" y="49" class="st0" width="50.3" height="8.3"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

BIN
public/renew2/img/poster.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

BIN
public/renew2/img/pray-like.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

BIN
public/renew2/img/pray-share.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
public/renew2/img/pray-star-b.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
public/renew2/img/pray-star.gif Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 227 B

View File

@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 29 25" style="enable-background:new 0 0 29 25;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#FFFFFF;}
</style>
<title>comment</title>
<desc>Created with Sketch.</desc>
<g id="Page-1">
<path id="comment" class="st0" d="M19.5,23.7v-6.2H20h7c0.8,0,1.5-0.7,1.5-1.5V2c0-0.8-0.7-1.5-1.5-1.5H2C1.2,0.5,0.5,1.2,0.5,2v14
c0,0.8,0.7,1.5,1.5,1.5l12,0.1L19.5,23.7z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 685 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 B

Some files were not shown because too many files have changed in this diff Show More