first commit
1052
public/renew2/css/grace.css
Executable file
1504
public/renew2/css/main.css
Executable file
427
public/renew2/css/news.css
Executable 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
@@ -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
916
public/renew2/grace-account.html
Executable 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&page=2">2</a>
|
||||
<a href="/web/news/?search_sort=1&page=3">3</a>
|
||||
<a href="/web/news/?search_sort=1&page=4">4</a>
|
||||
<a href="/web/news/?search_sort=1&page=5">5</a>
|
||||
<a href="/web/news/?search_sort=1&page=6">6</a>
|
||||
<a href="/web/news/?search_sort=1&page=7">7</a>
|
||||
<a href="/web/news/?search_sort=1&page=8">8</a>
|
||||
<a href="/web/news/?search_sort=1&page=9">9</a>
|
||||
<a href="/web/news/?search_sort=1&page=10">10</a>
|
||||
<a href="/web/news/?search_sort=1&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 © 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
@@ -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">전체 댓글 보기 ></a></div>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!--댓글 없음
|
||||
<div class="reply_contents">
|
||||
<ul class="reply_list">
|
||||
<div class="comment_box">
|
||||
<div id="comment_list">
|
||||
<div style="height:100px;text-align:center; line-height:100px;">등록된 댓글이 없습니다.</div>
|
||||
</div>
|
||||
<div class="viewall" id="comment_all_list" style="float:right; padding:20px 0 30px 0;display:none;"><a href="/web/news/news_comment/1257">전체 댓글 보기 ></a></div>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div 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 © 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
@@ -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&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 © 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>
|
||||
938
public/renew2/grace-searchresult.html
Executable 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&page=2">2</a>
|
||||
<a href="/web/news/?search_sort=1&page=3">3</a>
|
||||
<a href="/web/news/?search_sort=1&page=4">4</a>
|
||||
<a href="/web/news/?search_sort=1&page=5">5</a>
|
||||
<a href="/web/news/?search_sort=1&page=6">6</a>
|
||||
<a href="/web/news/?search_sort=1&page=7">7</a>
|
||||
<a href="/web/news/?search_sort=1&page=8">8</a>
|
||||
<a href="/web/news/?search_sort=1&page=9">9</a>
|
||||
<a href="/web/news/?search_sort=1&page=10">10</a>
|
||||
<a href="/web/news/?search_sort=1&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 © 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
@@ -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&page=2">2</a>
|
||||
<a href="/web/news/?search_sort=1&page=3">3</a>
|
||||
<a href="/web/news/?search_sort=1&page=4">4</a>
|
||||
<a href="/web/news/?search_sort=1&page=5">5</a>
|
||||
<a href="/web/news/?search_sort=1&page=6">6</a>
|
||||
<a href="/web/news/?search_sort=1&page=7">7</a>
|
||||
<a href="/web/news/?search_sort=1&page=8">8</a>
|
||||
<a href="/web/news/?search_sort=1&page=9">9</a>
|
||||
<a href="/web/news/?search_sort=1&page=10">10</a>
|
||||
<a href="/web/news/?search_sort=1&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 © 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
|
After Width: | Height: | Size: 1.3 KiB |
BIN
public/renew2/img/arrow-map.png
Executable file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/renew2/img/arrow-next-gray.gif
Executable file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/renew2/img/arrow-next-pray.gif
Executable file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/renew2/img/arrow-next.gif
Executable file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/renew2/img/arrow-next2.gif
Executable file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/renew2/img/arrow-nextB.png
Executable file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/renew2/img/arrow-pre.gif
Executable file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/renew2/img/arrow-prev-gray.gif
Executable file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/renew2/img/arrow-prev-pray.gif
Executable file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/renew2/img/arrow-prevB.png
Executable file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/renew2/img/banner-964.png
Executable file
|
After Width: | Height: | Size: 68 KiB |
BIN
public/renew2/img/banner1.png
Executable file
|
After Width: | Height: | Size: 90 KiB |
BIN
public/renew2/img/banner2.png
Executable file
|
After Width: | Height: | Size: 76 KiB |
BIN
public/renew2/img/bg-black.png
Executable file
|
After Width: | Height: | Size: 923 B |
BIN
public/renew2/img/bg-photo.png
Executable file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/renew2/img/bg-white.png
Executable file
|
After Width: | Height: | Size: 965 B |
BIN
public/renew2/img/bn-1180.jpg
Executable file
|
After Width: | Height: | Size: 58 KiB |
BIN
public/renew2/img/bn-190.jpg
Executable file
|
After Width: | Height: | Size: 68 KiB |
BIN
public/renew2/img/bn-300-grace.jpg
Executable file
|
After Width: | Height: | Size: 14 KiB |
BIN
public/renew2/img/bn-300-webtoon.jpg
Executable file
|
After Width: | Height: | Size: 20 KiB |
BIN
public/renew2/img/bn-side-left1.jpg
Executable file
|
After Width: | Height: | Size: 19 KiB |
BIN
public/renew2/img/bn-side-right1.jpg
Executable file
|
After Width: | Height: | Size: 15 KiB |
BIN
public/renew2/img/bn-side-right2.jpg
Executable file
|
After Width: | Height: | Size: 24 KiB |
BIN
public/renew2/img/bn-side-right3.jpg
Executable file
|
After Width: | Height: | Size: 25 KiB |
BIN
public/renew2/img/bn_Cplace.jpg
Executable file
|
After Width: | Height: | Size: 83 KiB |
BIN
public/renew2/img/channel-bg.jpg
Executable file
|
After Width: | Height: | Size: 124 KiB |
BIN
public/renew2/img/cm-symbol.gif
Executable file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
public/renew2/img/cmtv1.jpg
Executable file
|
After Width: | Height: | Size: 73 KiB |
BIN
public/renew2/img/comment-box.png
Executable file
|
After Width: | Height: | Size: 30 KiB |
BIN
public/renew2/img/dot.gif
Executable file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/renew2/img/featured1.jpg
Executable file
|
After Width: | Height: | Size: 28 KiB |
BIN
public/renew2/img/featured2.jpg
Executable file
|
After Width: | Height: | Size: 34 KiB |
BIN
public/renew2/img/featured3.jpg
Executable file
|
After Width: | Height: | Size: 43 KiB |
BIN
public/renew2/img/featured4.jpg
Executable file
|
After Width: | Height: | Size: 34 KiB |
BIN
public/renew2/img/featured5.jpg
Executable file
|
After Width: | Height: | Size: 25 KiB |
BIN
public/renew2/img/featured6.jpg
Executable file
|
After Width: | Height: | Size: 50 KiB |
BIN
public/renew2/img/featured7.jpg
Executable file
|
After Width: | Height: | Size: 18 KiB |
BIN
public/renew2/img/grace-mainSlide.jpg
Executable file
|
After Width: | Height: | Size: 24 KiB |
BIN
public/renew2/img/ic-arrow.gif
Executable file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/renew2/img/ic-bookmark.gif
Executable file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/renew2/img/ic-close.gif
Executable file
|
After Width: | Height: | Size: 2.6 KiB |
BIN
public/renew2/img/ic-close.png
Executable file
|
After Width: | Height: | Size: 229 B |
BIN
public/renew2/img/ic-comment.gif
Executable file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/renew2/img/ic-comment.png
Executable file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/renew2/img/ic-comments.gif
Executable file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/renew2/img/ic-down-small.gif
Executable file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/renew2/img/ic-email.gif
Executable file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/renew2/img/ic-eye.png
Executable file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/renew2/img/ic-g-arrow.gif
Executable file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/renew2/img/ic-heart-b.gif
Executable file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/renew2/img/ic-heart-gray.gif
Executable file
|
After Width: | Height: | Size: 335 B |
BIN
public/renew2/img/ic-heart.gif
Executable file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/renew2/img/ic-mag.gif
Executable file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/renew2/img/ic-menu.gif
Executable file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
public/renew2/img/ic-menu.png
Executable file
|
After Width: | Height: | Size: 1.2 KiB |
11
public/renew2/img/ic-menu.svg
Executable 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
|
After Width: | Height: | Size: 1.2 KiB |
BIN
public/renew2/img/ic-play-gray.gif
Executable file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
public/renew2/img/ic-play.gif
Executable file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
public/renew2/img/ic-print.gif
Executable file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
public/renew2/img/ic-relative.gif
Executable file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/renew2/img/ic-search.png
Executable file
|
After Width: | Height: | Size: 2.1 KiB |
11
public/renew2/img/ic-search.svg
Executable 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
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/renew2/img/ic-smile.gif
Executable file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/renew2/img/ic-smile.png
Executable file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/renew2/img/ic-text-b.gif
Executable file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/renew2/img/ic-text-s.gif
Executable file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/renew2/img/ic-toggle.png
Executable file
|
After Width: | Height: | Size: 131 B |
BIN
public/renew2/img/ic-views.gif
Executable file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/renew2/img/img-pin.jpg
Executable file
|
After Width: | Height: | Size: 2.9 KiB |
BIN
public/renew2/img/img-url.jpg
Executable file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/renew2/img/img_kk.jpg
Executable file
|
After Width: | Height: | Size: 3.5 KiB |
BIN
public/renew2/img/logo-ct.gif
Executable file
|
After Width: | Height: | Size: 2.2 KiB |
23
public/renew2/img/logo.svg
Executable 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 |
BIN
public/renew2/img/news-main-photo.jpg
Executable file
|
After Width: | Height: | Size: 74 KiB |
BIN
public/renew2/img/poster.png
Executable file
|
After Width: | Height: | Size: 109 KiB |
BIN
public/renew2/img/pray-like.gif
Executable file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/renew2/img/pray-news-bg-s.jpg
Executable file
|
After Width: | Height: | Size: 32 KiB |
BIN
public/renew2/img/pray-news-bg.jpg
Executable file
|
After Width: | Height: | Size: 35 KiB |
BIN
public/renew2/img/pray-share.gif
Executable file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
public/renew2/img/pray-star-b.gif
Executable file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
public/renew2/img/pray-star.gif
Executable file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/renew2/img/sidebar-banner1.png
Executable file
|
After Width: | Height: | Size: 34 KiB |
BIN
public/renew2/img/sidebar-banner2.png
Executable file
|
After Width: | Height: | Size: 29 KiB |
BIN
public/renew2/img/sidebar-banner3.png
Executable file
|
After Width: | Height: | Size: 19 KiB |
BIN
public/renew2/img/social/comment.png
Executable file
|
After Width: | Height: | Size: 227 B |
14
public/renew2/img/social/comment.svg
Executable 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 |
BIN
public/renew2/img/social/facebook.png
Executable file
|
After Width: | Height: | Size: 222 B |