first commit
This commit is contained in:
pakerpale
756
public/theme/crossmap/mobile/css/main.css
Executable file
756
public/theme/crossmap/mobile/css/main.css
Executable file
@@ -0,0 +1,756 @@
|
||||
.enable-js,.browsehappy{
|
||||
background:#e3e3e3;
|
||||
color:#000;
|
||||
font-size: 0.88em;
|
||||
margin-bottom:.2em;
|
||||
padding: 0.5em;
|
||||
text-align:center;
|
||||
line-height:1.3;
|
||||
}
|
||||
.enable-js a,.browsehappy a{
|
||||
font-weight:bold;
|
||||
}
|
||||
.site-head:after,.foot-nav:after,{
|
||||
clear:both;
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
|
||||
* {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border: 0 none;
|
||||
list-style: none outside none;
|
||||
margin: 0;
|
||||
outline: 0 none;
|
||||
padding: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
html{
|
||||
font-family:sans-serif;
|
||||
-ms-text-size-adjust:100%;
|
||||
-webkit-text-size-adjust:100%;
|
||||
}
|
||||
body{
|
||||
margin:0;
|
||||
/*font-size: 14px;*/
|
||||
/*font-size: 16.8px;*/
|
||||
min-width: 320px;
|
||||
letter-spacing: -0.5px;
|
||||
font-family: 'Nanum Gothic', sans-serif;
|
||||
/*font-family: dotum, Helvetica,sans-serif;*/
|
||||
}
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
|
||||
display:block;
|
||||
}
|
||||
[hidden],template{
|
||||
display:none;
|
||||
}
|
||||
a{
|
||||
color: inherit;
|
||||
/*color: #000000;*/
|
||||
text-decoration: none;
|
||||
}
|
||||
a:active,a:hover{
|
||||
outline:0;
|
||||
}
|
||||
b,strong{
|
||||
font-weight:bold;
|
||||
}
|
||||
h1,h2,h3,h4,h5{
|
||||
font-size:2em;
|
||||
margin:0.67em 0;
|
||||
}
|
||||
small{
|
||||
font-size:80%;
|
||||
}
|
||||
sub,sup{
|
||||
font-size:75%;
|
||||
line-height:0;
|
||||
position:relative;
|
||||
vertical-align:baseline;
|
||||
}
|
||||
sup{
|
||||
top:-0.5em
|
||||
}
|
||||
sub{
|
||||
bottom:-0.25em
|
||||
}
|
||||
svg:not(:root){
|
||||
overflow:hidden;
|
||||
}
|
||||
figure{
|
||||
margin:1em 40px
|
||||
}
|
||||
hr{
|
||||
box-sizing:content-box;
|
||||
height:0
|
||||
}
|
||||
button,input,optgroup,select,textarea{
|
||||
color:inherit;
|
||||
font:inherit;
|
||||
margin:0;
|
||||
}
|
||||
button{
|
||||
overflow:visible;
|
||||
background: none;
|
||||
}
|
||||
button,select{
|
||||
text-transform:none;
|
||||
}
|
||||
button,html input[type="button"],input[type="reset"],input[type="submit"]{
|
||||
-webkit-appearance:button;
|
||||
cursor:pointer;
|
||||
}
|
||||
button[disabled],html input[disabled]{
|
||||
cursor:default;
|
||||
}
|
||||
button::-moz-focus-inner,input::-moz-focus-inner{
|
||||
border:0;
|
||||
padding:0;
|
||||
}
|
||||
input{
|
||||
line-height:normal;
|
||||
}
|
||||
input[type="checkbox"],input[type="radio"]{
|
||||
box-sizing:border-box;
|
||||
padding:0;
|
||||
}
|
||||
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{
|
||||
height:auto;
|
||||
}
|
||||
input[type="search"]{
|
||||
-webkit-appearance:textfield;
|
||||
box-sizing:content-box;
|
||||
}
|
||||
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
|
||||
-webkit-appearance:none;
|
||||
}
|
||||
select, input[type="submit"] {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
legend{
|
||||
border:0;
|
||||
padding:0;
|
||||
}
|
||||
textarea{
|
||||
overflow:auto;
|
||||
}
|
||||
optgroup{
|
||||
font-weight:bold;
|
||||
}
|
||||
table{
|
||||
border-collapse:collapse;
|
||||
border-spacing:0;
|
||||
}
|
||||
td,th{
|
||||
padding:0;
|
||||
}
|
||||
img{
|
||||
max-width:100%;
|
||||
height:auto;
|
||||
border:0;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
img.full{
|
||||
width:100%;
|
||||
display:block;
|
||||
}
|
||||
[class^="icon-"]::before,[class*=" icon-"]::before,[class^="icon-"]:before,[class*=" icon-"]:before{
|
||||
display:none;
|
||||
}
|
||||
button:focus,input:focus,select:focus,textarea:focus{
|
||||
outline:0;
|
||||
}
|
||||
label{
|
||||
cursor:pointer;
|
||||
}
|
||||
figure,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{
|
||||
margin:0;
|
||||
}
|
||||
dl,ul,ol{
|
||||
padding:0;
|
||||
}
|
||||
ol,ul{
|
||||
list-style:none;
|
||||
}
|
||||
li.current a{
|
||||
color: #27c9ba;
|
||||
}
|
||||
.no-js .keyword button,
|
||||
.no-js .logoBox .arrow,
|
||||
.no-js .thumbBox-controls,
|
||||
.no-js .cmTv .titleBox .arrow { display: none; }
|
||||
.visually-hidden {
|
||||
position: absolute !important;
|
||||
white-space: nowrap !important;
|
||||
width: 1px !important;
|
||||
height: 1px !important;
|
||||
overflow: hidden;
|
||||
border: 0 !important;
|
||||
padding: 0 !important;
|
||||
clip: rect(0 0 0 0);
|
||||
-webkit-clip-path: inset(50%);
|
||||
clip-path: inset(50%);
|
||||
margin: -1px !important;
|
||||
}
|
||||
/**brand logo color: #26bcb7; brand-line: #27c9c3; gray-line:#d6d6d6; gray-border:#eaeaea;
|
||||
/*main page*/
|
||||
.container:after{
|
||||
clear:both;
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
.container{
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
max-width: 700px;
|
||||
margin:0 auto;
|
||||
}
|
||||
/**Style**/
|
||||
.pb15{
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.pb15:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
.blue{
|
||||
color:#26cac3;
|
||||
}
|
||||
.float_left{
|
||||
float: left;
|
||||
}
|
||||
.float_right{
|
||||
float: right;
|
||||
}
|
||||
/*header*/
|
||||
.site-head{
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #d7d7d7;
|
||||
}
|
||||
.site-head .container{
|
||||
position: relative;
|
||||
}
|
||||
.site-head .topHead{
|
||||
/*border-bottom: 1px solid #ccc;*/
|
||||
}
|
||||
.nav-toggle{
|
||||
position: absolute;
|
||||
left:15px;
|
||||
top:25px;
|
||||
}
|
||||
.logo{
|
||||
text-align: center;
|
||||
padding: 16px 0 12px 0;
|
||||
display: -webkit-flex; /* Safari */
|
||||
-webkit-justify-content: center; /* Safari 6.1+ */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.logo img{
|
||||
height: 34px;
|
||||
}
|
||||
.site-head .mainNav{
|
||||
overflow: hidden;
|
||||
width: 1000px;
|
||||
position: relative;
|
||||
height: 45px;
|
||||
}
|
||||
.mainNav nav{
|
||||
position: absolute;
|
||||
top:0;
|
||||
left: 0;
|
||||
padding-top: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.mainNav nav ul li{
|
||||
float: left;
|
||||
padding:0 15px;
|
||||
height: 33px;
|
||||
}
|
||||
.mainNav nav ul li a{
|
||||
height: 33px;
|
||||
}
|
||||
.mainNav nav ul li.current{
|
||||
border-bottom: 3px solid #26cac3;
|
||||
}
|
||||
.mainNav nav ul li.current a, .mainNav nav ul li a:hover{
|
||||
color: #26cac3;
|
||||
|
||||
}
|
||||
.search-toggle{
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 25px;
|
||||
}
|
||||
.search {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
color: #626262;
|
||||
background: #fff;
|
||||
top:9px;
|
||||
|
||||
/* toggle search */
|
||||
z-index: -2;
|
||||
opacity: 0;
|
||||
transition: opacity 0.25s;
|
||||
}
|
||||
/* toggle search */
|
||||
.search.active {
|
||||
z-index: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
.search .container { position: relative; }
|
||||
.search .btn-close{
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
}
|
||||
.search form{
|
||||
border-bottom: 2px solid #000;
|
||||
width: 70%;
|
||||
margin: 0 auto;
|
||||
font-size: 1.3em;
|
||||
position: relative;
|
||||
}
|
||||
.search input{
|
||||
padding: 10px;
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.site-head-search button{
|
||||
position: absolute;
|
||||
right:7px;
|
||||
bottom: 6px;
|
||||
}
|
||||
.nav-wrap{
|
||||
position:fixed;
|
||||
top:0;
|
||||
left:-240px;
|
||||
width:240px;
|
||||
height:100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
z-index:200;
|
||||
background-color:#f0f4f5;
|
||||
border-right: 1px solid #ccc;
|
||||
padding:24px;
|
||||
font-size: 1.2em;
|
||||
|
||||
/* transform styles */
|
||||
transition: left 0.25s;
|
||||
}
|
||||
/* transform styles */
|
||||
.nav-wrap.active { left: 0; }
|
||||
.lt-ie9 .nav-wrap { display: none; }
|
||||
.lt-ie9 .nav-wrap.active { display: block; }
|
||||
|
||||
.nav-wrap .btn-close{
|
||||
float: right;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.site-nav li{
|
||||
padding: 10px 0;
|
||||
font-weight: bold;
|
||||
font-size: 1em;
|
||||
}
|
||||
.site-nav li.login{
|
||||
padding-top: 20px;
|
||||
}
|
||||
.site-nav li.login a{
|
||||
background-color: #fff;
|
||||
border-radius: 13px;
|
||||
border:1px solid #717171;
|
||||
padding: 5px 20px;
|
||||
color: #717171;
|
||||
}
|
||||
.site-nav li a:hover{
|
||||
color: #26bcb7;
|
||||
}
|
||||
|
||||
/*Content*/
|
||||
.main-container{
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.main-container .container{
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.main-container a:hover{
|
||||
color:#26bcb7;
|
||||
}
|
||||
.mainSlide{
|
||||
position: relative;
|
||||
}
|
||||
.dailyQT{
|
||||
position: relative;
|
||||
font-weight: bold;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.qttitle{
|
||||
padding-bottom: 10px;
|
||||
float: left;
|
||||
}
|
||||
.dailyQT .photo{
|
||||
background-size:cover;
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
}
|
||||
.qttxt{
|
||||
font-family: 'Nanum Myeongjo', serif;
|
||||
font-size: 1.6em;
|
||||
position: absolute;
|
||||
top: 160px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.qttxt a{
|
||||
color: #fff;
|
||||
text-shadow: 2px 2px 8px #000;
|
||||
padding: 0 10px;
|
||||
display: block;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.control .arrowPrev, .control .arrowNext{
|
||||
top:40%;
|
||||
}
|
||||
.mBanner{
|
||||
background:#fff;
|
||||
padding: 10px 0;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.mBanner img{
|
||||
width: 100%;
|
||||
}
|
||||
.mainBox{
|
||||
background: #fff;
|
||||
padding: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.mainBox .thumbBox, .cmTv .thumbBox {
|
||||
overflow: hidden;
|
||||
clear: none;
|
||||
}
|
||||
.mainBox .thumbBox ul, .cmTv .thumbBox ul {
|
||||
margin-right: -14px;
|
||||
font-size: 0;
|
||||
}
|
||||
.mainBox .thumbBox li, .cmTv .thumbBox li{
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 14px;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.mainBox li img{
|
||||
width: 100;
|
||||
max-height: 171px;
|
||||
}
|
||||
.des{
|
||||
padding: 6px 0 15px 0;
|
||||
font-size: 0.98em;
|
||||
}
|
||||
.titleBox .view{
|
||||
padding-right: 10px;
|
||||
}
|
||||
.titleBox{
|
||||
overflow: hidden;
|
||||
padding:5px 0 15px 0;
|
||||
}
|
||||
.titleBox li{
|
||||
float: left;
|
||||
}
|
||||
.titleBox li a{
|
||||
font-weight: bold;
|
||||
color: #26bcb7;
|
||||
}
|
||||
.arrow{
|
||||
float: right;
|
||||
color: #979797;
|
||||
}
|
||||
.arrow img{
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.no-js .tab { display: none; }
|
||||
.tab { overflow: hidden; }
|
||||
.tab > div{
|
||||
float: left;
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
padding: 5px 0;
|
||||
font-weight: bold;
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tab .tns-nav-active {
|
||||
background: #27c9c3;
|
||||
color: #fff;
|
||||
}
|
||||
.thumbBox{
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
}
|
||||
.thumbBox img{
|
||||
width: 100%;
|
||||
}
|
||||
.thumbBox ul li p{
|
||||
overflow: hidden;
|
||||
height: 38px;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
.thumbBox .des p{
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
.cmTv{
|
||||
position: relative;
|
||||
}
|
||||
.cmTv .thumbBox ul li{
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
.cmTv .thumbBox ul li>a{
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
.cmTv .titleBox ul{
|
||||
color: #333;
|
||||
}
|
||||
.cmTv .titleBox li{
|
||||
padding:0 8px 0px 8px;
|
||||
}
|
||||
.cmTv .titleBox h2 {
|
||||
float: left;
|
||||
font-size: inherit;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.cmTv .titleBox li a{
|
||||
color: #000;
|
||||
}
|
||||
.cmTv .titleBox li a:hover, .cmTv .titleBox li.current a{
|
||||
color: #268abc;
|
||||
}
|
||||
.cmTv .titleBox h2 span{
|
||||
background: #268abc;
|
||||
color: #fff;
|
||||
padding: 2px 5px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.cmTv-nav .tns-nav-active {
|
||||
color:#268abc;
|
||||
}
|
||||
.thumbList ul li{
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
overflow: hidden;
|
||||
padding: 12px 0;
|
||||
}
|
||||
.thumbList ul li:last-child{
|
||||
border-bottom:none;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.thumbList ul li img{
|
||||
float: right;
|
||||
max-width: 25%;
|
||||
display: inline-block;
|
||||
}
|
||||
.thumbList ul li .des{
|
||||
float: left;
|
||||
width: 65%;
|
||||
padding: 6px 0 0 0;
|
||||
}
|
||||
.thumbList ul li .des p{
|
||||
padding:5px 0 0 5px;
|
||||
font-weight: bold;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.thumbList ul li .des div{
|
||||
color: #666;
|
||||
font-size: 0.8em;
|
||||
padding:6px 0 0 5px;
|
||||
}
|
||||
.prayerBox{
|
||||
height: 325px;
|
||||
position: relative;
|
||||
}
|
||||
.prayerBox ul{
|
||||
position: absolute;
|
||||
width:1710px;
|
||||
}
|
||||
.prayerBox li{
|
||||
width: 284px;
|
||||
float: left;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.prayerBox .des{
|
||||
padding:10px 0;
|
||||
}
|
||||
.prayerBox .des p{
|
||||
height: 42px;
|
||||
line-height: 1.3;
|
||||
overflow: hidden;
|
||||
}
|
||||
.prayerBox .des .author{
|
||||
color: #666;
|
||||
padding: 8px 0 12px 0;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
.prayerBox .des .date{
|
||||
color: #26bcb7;
|
||||
position: relative;
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
.prayerBox .des .date span{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
.prayerBox ul li a.button{
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
background: #f1f1f1;
|
||||
color: #666;
|
||||
font-weight: bold;
|
||||
}
|
||||
.prayerBox ul li a.button:hover{
|
||||
background: #26bcb7;
|
||||
color: #fff;
|
||||
}
|
||||
.newsList ul li p{
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.opinion ul li img{
|
||||
width: 69px;
|
||||
}
|
||||
.resourceBox{
|
||||
height: 252px;
|
||||
}
|
||||
.resourceBoxTag{
|
||||
width: 1710px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.resourceBoxTag ul li{
|
||||
float: left;
|
||||
border-radius: 20px;
|
||||
background: #e6e6e6;
|
||||
color: #26bcb7;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 15px;
|
||||
padding: 8px 20px;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
.resourceBoxTag ul li.all{
|
||||
background: #26bcb7;
|
||||
color: #fff;
|
||||
}
|
||||
.mainBox2{
|
||||
border:1px solid #d8dcdd;
|
||||
}
|
||||
.prayerRQ, .logoBox, .titleBox, .logoList, .rightBox,.dailyQT,.mainBox,.mainBox2,.featuredBox{
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
}
|
||||
.newsBox{
|
||||
padding:15px;
|
||||
}
|
||||
.newsBox .list li{
|
||||
padding: 5px 0;
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.arrowPrev, .arrowNext{
|
||||
position: absolute;
|
||||
width:34px;
|
||||
text-align: center;
|
||||
padding: 15px 0;
|
||||
font-size: 1.6em;
|
||||
color: #fff;
|
||||
top:20%;
|
||||
background: #000;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50); /* For IE8 and earlier */
|
||||
cursor: pointer;
|
||||
}
|
||||
.arrowPrev{
|
||||
left:0;
|
||||
}
|
||||
.arrowNext{
|
||||
right: 0;
|
||||
}
|
||||
.footer{
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
padding:20px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
}
|
||||
.footer ul{
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
width: 320px;
|
||||
margin:0 auto;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.footer ul li{
|
||||
float: left;
|
||||
border-right:1px solid #ccc;
|
||||
padding:0 8px 0 8px;
|
||||
}
|
||||
.footer ul li:first-child{
|
||||
padding-left:0;
|
||||
}
|
||||
.footer ul li:last-child{
|
||||
padding-right:0;
|
||||
border-right: 0;
|
||||
}
|
||||
.footer ul li a{
|
||||
color: #717171;
|
||||
}
|
||||
.footer ul.social{
|
||||
padding: 10px 0 0 79px;
|
||||
}
|
||||
.footer .ftLogo img{
|
||||
height: 22px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.footer ul li i, .footer ul li a:hover{
|
||||
color: #27c9ba;
|
||||
}
|
||||
.footer ul li i{
|
||||
padding-right: 8px;
|
||||
}
|
||||
.footer .copy{
|
||||
clear: both;
|
||||
color: #999;
|
||||
font-size: 0.9em;
|
||||
padding-top: 20px;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.address{
|
||||
color: #717171;
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
font-size: 0.9em;
|
||||
line-height: 1.3;
|
||||
}
|
||||
683
public/theme/crossmap/mobile/css/section.css
Executable file
683
public/theme/crossmap/mobile/css/section.css
Executable file
@@ -0,0 +1,683 @@
|
||||
.logo .sectionTitle{
|
||||
font-size:1.8em;
|
||||
padding-left:10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
/**News**/
|
||||
.mainNews{
|
||||
padding:10px 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.mainNewsTitle{
|
||||
background: #fff;
|
||||
padding:15px;
|
||||
}
|
||||
.mainNewsTitle h2{
|
||||
font-size: 1.2em;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.mainNews ul li{
|
||||
padding-left: 15px;
|
||||
padding-bottom: 7px;
|
||||
font-size: 0.95em;
|
||||
background: url('../img/ic-relative.gif') no-repeat left 8px;
|
||||
}
|
||||
.mainNews ul li a{
|
||||
color: #666;
|
||||
}
|
||||
.mainNews .photo{
|
||||
background-size:cover;
|
||||
height: 270px;
|
||||
width: 100%;
|
||||
}
|
||||
.tagBox{
|
||||
position: relative;
|
||||
height: 160px;
|
||||
}
|
||||
.tagBox ul{
|
||||
width: 1600px;
|
||||
position: absolute;
|
||||
}
|
||||
.tagBox ul li{
|
||||
float: left;
|
||||
width: 250px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.tagBox h3{
|
||||
font-size: 1em;
|
||||
padding: 5px 0;
|
||||
}
|
||||
.tagBox h3 a{
|
||||
color: #26cac3;
|
||||
}
|
||||
.thumbList ul li .des .blue{
|
||||
padding: 0 0 0 5px;
|
||||
color: #26cac3;
|
||||
}
|
||||
.titleBoxTab{
|
||||
overflow: hidden;
|
||||
}
|
||||
.titleBoxTab li{
|
||||
float: left;
|
||||
width: 50%;
|
||||
font-weight: bold;
|
||||
border-bottom: 2px solid #ccc;
|
||||
padding-bottom: 10px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
.titleBoxTab li.current{
|
||||
border-bottom: 2px solid #26cac3;
|
||||
}
|
||||
.countList ul li .des .blue{
|
||||
padding: 7px 10px 0 0;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
float: left;
|
||||
}
|
||||
.thumbList ul li.more{
|
||||
text-align: center;
|
||||
padding: 20px 0 8px 0;
|
||||
}
|
||||
.thumbList ul li.more a{
|
||||
color: #666;
|
||||
}
|
||||
.thumbList ul li.more a:hover{
|
||||
color: #26cac3;
|
||||
}
|
||||
/*Article*/
|
||||
.main-container .articleCon{
|
||||
padding-top:10px;
|
||||
}
|
||||
.articleBox{
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
padding: 20px 15px;
|
||||
}
|
||||
.news-header{
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.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 .atlogo img{
|
||||
padding-top:9px;
|
||||
}
|
||||
.time{
|
||||
clear: both;
|
||||
color: #999;
|
||||
font-size: 0.95em;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.time a{
|
||||
border-right:1px solid #ddd;
|
||||
padding-right: 10px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
/* social */
|
||||
.icon {
|
||||
display: inline-block;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.i-circle {
|
||||
border-radius: 50%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
transition: background-color 0.25s;
|
||||
}
|
||||
.i-circle:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.i-facebook{
|
||||
background-color: #3c5b96;
|
||||
}
|
||||
.i-twitter{
|
||||
background-color: #29a3ef;
|
||||
}
|
||||
.i-kakao{
|
||||
background-color: #ffdb17;
|
||||
}
|
||||
.i-url{
|
||||
background-color: #bebebe;
|
||||
}
|
||||
.i-heart path, .i-comment path { transition: fill 0.25s; }
|
||||
.heart .active path, .i-heart:hover{
|
||||
fill: #f02654;
|
||||
}
|
||||
.comment .active path, .i-comment:hover{
|
||||
fill: #27aec9;
|
||||
}
|
||||
.icon svg, .icon img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.no-js .i-toggle { display: none; }
|
||||
.i-toggle {
|
||||
background: url('../img/ic-toggle.png') 50% 50% no-repeat;
|
||||
cursor: pointer;
|
||||
}
|
||||
.i-toggle.expanded {
|
||||
background-image: url('../img/ic-close.png');
|
||||
}
|
||||
|
||||
.shareline { margin-top: 30px;text-align: center; }
|
||||
.shareline li {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.share-footer {
|
||||
margin-bottom: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
.share-footer-main { margin-top: 7px; }
|
||||
.share-footer-main .hidden-icons { display: none; }
|
||||
.share-footer-main .hidden-icons.active, .no-js .share-footer-main .hidden-icons { display: inline-block; }
|
||||
.share-footer-main a { margin-right: 7px; }
|
||||
.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;
|
||||
padding-top: 8px;
|
||||
}
|
||||
.view-article p{
|
||||
line-height: 1.5;
|
||||
padding:15px 5px;
|
||||
}
|
||||
.article{
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.copyright{
|
||||
border-top:1px solid #ddd;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
.reporter{
|
||||
color: #999;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.related{
|
||||
padding-bottom: 30px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.related h4{
|
||||
font-size: 0.95em;
|
||||
color: #999;
|
||||
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.1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.comment{
|
||||
padding: 30px 0;
|
||||
}
|
||||
/**Grace**/
|
||||
.grace{
|
||||
padding: 10px 0;
|
||||
background: #fff;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.graceSlide {
|
||||
overflow: hidden;
|
||||
height: 320px;
|
||||
position: relative;
|
||||
}
|
||||
.graceSlide ul{
|
||||
position: absolute;
|
||||
width: 550%;
|
||||
}
|
||||
.graceSlide ul li{
|
||||
float: left;
|
||||
max-width: 600px;
|
||||
width: 16%;
|
||||
max-height: 320px;
|
||||
margin:0 7px;
|
||||
}
|
||||
.contBar{
|
||||
text-align: center;
|
||||
padding: 20px 0 10px 0;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.contBar a{
|
||||
color: #ddd;
|
||||
}
|
||||
.contBar a.current{
|
||||
color: #000;
|
||||
}
|
||||
/**Grace Contents***/
|
||||
.graceCon .search{
|
||||
top:66px;
|
||||
}
|
||||
.graceCon .search.active{
|
||||
z-index: 1;
|
||||
}
|
||||
.graceCon .search form, .graceCon .search-result form{
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #ddd;
|
||||
margin: 0 auto;
|
||||
font-size: 1.3em;
|
||||
position: relative;
|
||||
}
|
||||
.graceCon .search-result input{
|
||||
padding: 10px;
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.graceCon .search .recommedTag{
|
||||
overflow: hidden;
|
||||
padding: 20px;
|
||||
}
|
||||
.graceCon .search .recommedTag h5{
|
||||
font-size: 0.9em;
|
||||
font-weight: normal;
|
||||
padding: 0 0 10px 10px;
|
||||
}
|
||||
.graceCon .search .btn-close2{
|
||||
position: absolute;
|
||||
top:-41px;
|
||||
right: 14px;
|
||||
width: 30px;
|
||||
background: #fff;
|
||||
}
|
||||
.graceCon .site-head-search button{
|
||||
right: 16px;
|
||||
}
|
||||
.graceCon .search .recommedTag ul li{
|
||||
float: left;
|
||||
border:1px solid #ddd;
|
||||
padding:8px 15px;
|
||||
border-radius: 20px;
|
||||
margin:0 10px 10px 0;
|
||||
cursor: pointer;
|
||||
color: #333;
|
||||
}
|
||||
.graceCon .mainBox .search-result .site-head-search{
|
||||
|
||||
}
|
||||
.graceCon .search-result .searchResult{
|
||||
padding: 20px;
|
||||
font-size: 1em;
|
||||
color: #222;
|
||||
}
|
||||
.graceCon .search-result .searchResult span {
|
||||
padding-right: 20px;
|
||||
background: url('../img/ic-down-small.gif') no-repeat right 5px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.graceCon .search-result .searchResult div{
|
||||
padding-top:20px;
|
||||
color: #999;
|
||||
}
|
||||
.graceCon .search-result .searchResult span.num{
|
||||
background: none;
|
||||
color: #222;
|
||||
}
|
||||
.graceCon .titleBox li a {
|
||||
color: #2c2c2c;
|
||||
}
|
||||
.graceCon .tagBox ul li h3{
|
||||
position: relative;
|
||||
padding-top: 11px;
|
||||
font-size: 1.3em;
|
||||
font-family: Arial, san-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.graceCon .tagBox ul li h3 .numbers{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 6px;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
}
|
||||
.graceCon .thumbList ul li .des{
|
||||
font-size: 1em;
|
||||
padding:0;
|
||||
}
|
||||
.graceCon .thumbList ul li .des p{
|
||||
font-weight: normal;
|
||||
height: 53px;
|
||||
overflow: hidden;
|
||||
padding: 5px 0 0 0;
|
||||
}
|
||||
.graceCon .thumbList ul li .des .author{
|
||||
padding: 6px 0 0 0;
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto{
|
||||
padding-top: 0;
|
||||
position: relative;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto .des{
|
||||
width: 100%;
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto img{
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
.graceCon .thumbList ul li img{
|
||||
float: left;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.graceCon .thumbBox .des div{
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding: 3px 0;
|
||||
}
|
||||
.graceCon .thumbList ul li .des .blue{
|
||||
font-size: 15px;
|
||||
padding:5px 0 0 0;
|
||||
}
|
||||
.english{
|
||||
font-family: helvetica,arial,san-serif;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.graceCon .english ul li img{
|
||||
float: right;
|
||||
margin-right:0;
|
||||
width: 25%;
|
||||
}
|
||||
.english ul li .des h4{
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto .smallThumb{
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
padding: 20px 3px 10px 3px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto .smallThumb .des{
|
||||
width: 69%;
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto:last-child .smallThumb{
|
||||
border-bottom: none;
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto .smallThumb img{
|
||||
width: 73px;
|
||||
float: left;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto .des p{
|
||||
height: auto;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 100%;
|
||||
}
|
||||
.pt10{
|
||||
padding-top: 10px;
|
||||
}
|
||||
.graceCon .resourceBoxTag{
|
||||
padding-top: 15px;
|
||||
}
|
||||
.graceCon .resourceBoxTag ul li{
|
||||
border:1px solid #ccc;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
font-weight: normal;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.graceCon .resourceBoxTag ul li.all, .graceCon .resourceBoxTag ul li:hover{
|
||||
background: #35c0bd;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
border:none;
|
||||
}
|
||||
.graceCon .titleBoxTab{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto .des2{
|
||||
position: relative;
|
||||
padding-top: 12px;
|
||||
clear: both;
|
||||
font-size: 1.1em;
|
||||
overflow: hidden;
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto .des2 p{
|
||||
float: left;
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto .likes{
|
||||
clear: both;
|
||||
border-top:1px solid #ddd;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto .likes img{
|
||||
width: 27px;
|
||||
margin:0 5px;
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto .likes .far{
|
||||
float: left;
|
||||
font-size: 23px;
|
||||
color: #777;
|
||||
margin: 4px 4px 0 4px
|
||||
}
|
||||
.graceCon .thumbList ul li.bigPhoto .numbers{
|
||||
float: left;
|
||||
padding: 7px 10px 0 0;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.graceCon .container{
|
||||
position: relative;
|
||||
}
|
||||
.gotoTop{
|
||||
position: absolute;
|
||||
bottom: 100px;
|
||||
right: 10px;
|
||||
box-shadow: 0px 0px 5px #ccc;
|
||||
}
|
||||
.listView{
|
||||
padding: 5px 0 13px 15px;
|
||||
}
|
||||
.listView a img{
|
||||
padding-top:2px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
.graceHeader{
|
||||
position: relative;
|
||||
}
|
||||
.graceHeader .wrap_cover {width: 100%;top: 0;position: relative; max-height: none!important;}
|
||||
.graceHeader .wrap_channel{width: 100%; margin: 0 auto;display: block;height: 145px;position: absolute;bottom: 165px;}
|
||||
.graceHeader .wrap{width:100%; height: 47px; line-height: 47px; position: relative;}
|
||||
.graceHeader .cover_inner {display: block;background-color: #000;opacity: 0.4;height: 100%;position: absolute;top: 0;left: 0;width: 100%;}
|
||||
.cover_image{background: url(/img/web/img_channel.jpg) no-repeat left top; display: block;background-size: cover;height:310px;background-position: 50% 50%;}
|
||||
.cover_image2{background: url(/img/web/img_channel2.jpg) no-repeat left top; display: block;background-size: cover;height:439px;background-position: 50% 50%;}
|
||||
.cover_cell{position: absolute;top: 120px;margin: 0 auto;color: #fff;width: 100%;text-align: center;}
|
||||
.cover_cell a{color:#fff;}
|
||||
.chtit{font-size:33px; margin-top: 20px;font-family: <EFBFBD>섎닎紐낆“,Nanum Myeongjo,georgia,<EFBFBD>뗭<EFBFBD>; font-weight: normal;}
|
||||
.chtit a{color:#fff;}
|
||||
.chtxt{font-size:13px; color:#04b9c2; padding-top: 10px;}
|
||||
.cover_profile{position: absolute; top:265px; margin:0 auto; width:100%; text-align: center;}
|
||||
.cover_profile img{border-radius: 88px}
|
||||
.cover_profile2{position: absolute; top:275px; margin:0 auto; width:100%; text-align: center;}
|
||||
.cover_profile2 div, .cover_profile3 div{cursor: pointer;margin: auto; border-radius: 65px; width: 65px; height: 65px;}
|
||||
.cover_profile2 img{border-radius: 65px}
|
||||
.cover_profile3{padding: 50px 0 30px 0;}
|
||||
.cover_star{position:absolute; top:250px; right:50px;}
|
||||
.chdate{color:#cacaca; font-size:13px; padding-left:10px; padding-top: 5px;display: inline-block;}
|
||||
.cheditor{padding-top:20px;}
|
||||
.cheditor a{font-size:16px;}
|
||||
|
||||
.artTag{ text-align: center; }
|
||||
.artTag a{ color: #26bcb7; font-size: 1em; padding:20px 5px; font-weight: bold;}
|
||||
.graceArticle{padding:50px 0 30px 0;}
|
||||
.graceArticle p{line-height: 1.5; padding: 15px 5px;}
|
||||
.graceArticle .imgCenter .caption{font-size: 0.95em; color: #999; padding-top: 8px; text-align: center;}
|
||||
|
||||
.graceCon .tagBox ul li h4{
|
||||
padding-top: 11px;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.tagBox h4 a {
|
||||
color: #26cac3;
|
||||
}
|
||||
.mainBox-slider .viewMore, .mainBox .viewMore{
|
||||
text-align: center;
|
||||
clear: both;
|
||||
padding:20px 0;
|
||||
}
|
||||
.mainBox-slider .viewMore a, .mainBox .viewMore a{
|
||||
text-align: center;
|
||||
border:1px solid #ddd;
|
||||
padding:8px 50px;
|
||||
color:#222;
|
||||
}
|
||||
.mainBox-slider .viewMore a:hover, .mainBox .viewMore a:hover{
|
||||
color: #26cac3;
|
||||
}
|
||||
/**Grace profile**/
|
||||
.profileBox{
|
||||
border-bottom:1px solid #ddd;
|
||||
overflow: hidden;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.profileBox img{
|
||||
float: right;
|
||||
margin: 0 5px 10px 15px;
|
||||
}
|
||||
.profileBox .editor{
|
||||
font-weight: bold;
|
||||
font-size: 1.8em;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.profileBox .profile-des{
|
||||
font-size: 1em;
|
||||
line-height: 1.3;
|
||||
}
|
||||
.profileBox .more{
|
||||
clear: both;
|
||||
float: left;
|
||||
}
|
||||
.profileBox .more img{
|
||||
margin: 20px 0;
|
||||
}
|
||||
/*Grace Article Share*/
|
||||
.panel_btns{
|
||||
text-align: center;
|
||||
clear: both;
|
||||
margin:20px 0;
|
||||
}
|
||||
.btn-default{
|
||||
color: #959595;
|
||||
background-color: #fff;
|
||||
border:1px solid #ccc;
|
||||
border-radius: 15px;}
|
||||
.btn-default:hover{color:#2bbec6 !important; background-color:#fff;border-color: #2bbec6 !important;}
|
||||
.btn-default a:hover{color:#2bbec6 !important;}
|
||||
.graceCon .shareline ul{
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
/**Comment**/
|
||||
.reply{
|
||||
padding-top:30px;
|
||||
}
|
||||
.reply .reply_tit{
|
||||
font-size: 16px;
|
||||
}
|
||||
.reply .reply_tit img{
|
||||
margin-top: 3px;
|
||||
}
|
||||
.reply .delete{
|
||||
padding-left:20px;
|
||||
color:#bcbcbc;
|
||||
}
|
||||
.reply_social span{
|
||||
padding-right: 10px;
|
||||
}
|
||||
.reply .reply_write{
|
||||
color:#999999;
|
||||
line-height: 23px;
|
||||
padding:10px 20px;
|
||||
}
|
||||
.reply_regist{
|
||||
border-top:1px solid #e8e9ea;
|
||||
height:46px;
|
||||
line-height: 46px;
|
||||
}
|
||||
.reply_no{
|
||||
color:#bcbcbc;
|
||||
padding-left:20px;
|
||||
}
|
||||
.reply_btn{
|
||||
background: #04b9c2;
|
||||
width:87px;
|
||||
height: 47px;
|
||||
color:#fff;
|
||||
float:right;
|
||||
text-align: center;
|
||||
line-height: 47px;
|
||||
}
|
||||
.reply_btn a{
|
||||
color:#fff;
|
||||
}
|
||||
.reply_btn a:hover{
|
||||
color:#fff;
|
||||
}
|
||||
.reply_social{
|
||||
padding:20px 20px 0 20px;
|
||||
}
|
||||
.reply_write textarea{
|
||||
z-index: auto;
|
||||
position: relative;
|
||||
line-height: 20px;
|
||||
font-size: 13px;
|
||||
padding: 10px 0;
|
||||
border: none;
|
||||
}
|
||||
.reply .reply_box{
|
||||
border: 1px solid #c5c5c5;
|
||||
margin-top: 10px;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
}
|
||||
.reply_sort{border-bottom: 1px solid #ebeef3; margin-top:20px; padding:10px 0; font-size:16px; }
|
||||
.reply_sort span{padding-right:20px;}
|
||||
.reply_sort a:hover{ color:#26bcb7;}
|
||||
.reply_sort .current{ color:#26bcb7;}
|
||||
.reply_comment{padding:20px 0;border-bottom: 1px solid #ebeef3; overflow:hidden;}
|
||||
.reply_comment_open{padding:20px 0;border-bottom: 0px; overflow:hidden;}
|
||||
.r_base{overflow:hidden;display:block;}
|
||||
.icons2{float:right !important; }
|
||||
.reply_box2 .icons{float:right !important; padding-top:20px; }
|
||||
.icons2 img{padding-right:7px;}
|
||||
.viewall{padding:10px 0 20px 0;}
|
||||
.viewall a:hover{color:#2bbec6;}
|
||||
471
public/theme/crossmap/mobile/grace/grace-article.php
Executable file
471
public/theme/crossmap/mobile/grace/grace-article.php
Executable file
@@ -0,0 +1,471 @@
|
||||
<!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="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
|
||||
<link rel="shortcut icon" href="<?php echo THEME_FOLDER?>/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="apple-touch-icon" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
|
||||
<link rel="apple-touch-startup-image" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="<?php echo THEME_FOLDER?>/mobile/css/main.css">
|
||||
<link rel="stylesheet" href="<?php echo THEME_FOLDER?>/mobile/css/section.css">
|
||||
<!-- Font -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
|
||||
integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css">
|
||||
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.helper.ie8.js"></script><![endif]-->
|
||||
|
||||
<!-- javascript -->
|
||||
<!--[if (lt IE 9)]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<script src="assets/js/ie.min.js"></script>
|
||||
|
||||
<link href="http://externalcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
|
||||
<link href="assets/cross-domain/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
|
||||
<script src="assets/cross-domain/respond.proxy.js"></script>
|
||||
<![endif]-->
|
||||
<script src="js/script.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<noscript>
|
||||
<p class="enable-js">
|
||||
To enjoy our website, you'll need to enable <b>JavaScript</b> in your web browser. Please <a
|
||||
href="http://enable-javascript.com/" target="_blank"><b>click here</b></a> to learn how.
|
||||
</p>
|
||||
</noscript>
|
||||
<!--[if lte IE 8]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Mobile nav Overlayer -->
|
||||
<div class="offcanvas" aria-hidden="true">
|
||||
<div class="nav-wrap">
|
||||
<button class="btn-close" data-remove=".nav-wrap"><i class="fas fa-times"></i></button>
|
||||
<nav class="site-nav">
|
||||
<ul>
|
||||
<li><a href="index.html">홈</a></li>
|
||||
<li><a href="index.html">뉴스</a></li>
|
||||
<li><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">
|
||||
<div class="topHead">
|
||||
<div class="container">
|
||||
<button class="nav-toggle" data-toggle=".nav-wrap"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/ic-menu.gif"></button>
|
||||
|
||||
<div class="logo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/img/cm-symbol.gif" alt="크로스맵"
|
||||
height="34"></a>
|
||||
<a href="#" class="sectionTitle">은혜충전</a>
|
||||
</div>
|
||||
|
||||
<button class="search-toggle" data-add=".search"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/ic-mag.gif"></button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="mainNav">
|
||||
<nav>
|
||||
<ul>
|
||||
<?php echo preg_replace('/^<[^>]+>|<\/[^>]+>$/', '', hooskNav('grace', '/grace')) ?>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="main-container graceCon">
|
||||
<!-- Search Over-->
|
||||
<div class="search">
|
||||
<div class="container">
|
||||
<button class="btn-close2" data-remove=".search"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/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 class="recommedTag">
|
||||
<h5>추천태그</h5>
|
||||
<ul>
|
||||
<li>크맵추천</li>
|
||||
<li>꽃</li>
|
||||
<li>하나님</li>
|
||||
<li>성령</li>
|
||||
<li>교회절기</li>
|
||||
<li>어린이 성경학교</li>
|
||||
<li>웹툰</li>
|
||||
<li>교회오빠</li>
|
||||
<li>크맵추천</li>
|
||||
<li>부활절</li>
|
||||
<li>클립아트</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Body Container-->
|
||||
<div class="container pt10">
|
||||
<!--goto Top-->
|
||||
<div class="gotoTop">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/top.gif"></a>
|
||||
</div>
|
||||
|
||||
<div class="listView">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-back.gif"> 목록보기</a>
|
||||
</div>
|
||||
|
||||
<!--Grace Article header-->
|
||||
<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>
|
||||
<p class="cheditor"><a href="/web/life/editor/3">하늘소</a></p>
|
||||
</div>
|
||||
|
||||
<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="cover_star">
|
||||
<a href="javascript:bookmark();"><img src="https://crossmap.co.kr/img/web/star_off.png"
|
||||
id="bookmark_img"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mainBox">
|
||||
<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="cover_profile3">
|
||||
<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>
|
||||
|
||||
<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="shareline">
|
||||
<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 class="related">
|
||||
<h4>관련기사를 더 보시려면,</h4>
|
||||
<ul>
|
||||
<li><a href="">사랑영화제, 5월7일-12일 필름포럼에서</a></li>
|
||||
<li><a href="">7000미라클 ‘땅끝으로’ ‘열방을 향하여’</a></li>
|
||||
<li><a href="">강원도 산불 특집 방송</a></li>
|
||||
<li><a href="">이홍정 "더불어 흔쾌한 부활절로"</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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 style="height:100px;text-align:center; line-height:100px;">등록된 댓글이
|
||||
없습니다.</div>
|
||||
</div>
|
||||
<div class="viewall" id="comment_all_list"
|
||||
style="float:right; padding:20px 0 30px 0;display:none;"><a
|
||||
href="/web/news/news_comment/1257">전체 댓글 보기 ></a></div>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Tag Pick-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">추천 태그</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tagBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
|
||||
<h4><a href="#">#말씀묵상</a></h4>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
|
||||
<h4><a href="#">#은혜</a></h4>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
|
||||
<h4><a href="#">#부활절</a></h4>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
|
||||
<h4><a href="#">#예수님</a></h4>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
|
||||
<h4><a href="#">#말씀카드</a></h4>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
|
||||
<h4><a href="#">#하나님</a></h4>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--말씀카드-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">말씀카드</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<div><a href="#">천국의 백성</a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<div><a href="#">하늘위에 하늘</a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<div><a href="#">사랑받기 위해 태어난 사람</a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<div><a href="#">새노래</a></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="viewMore">
|
||||
<a class="viewMore" href="#">더보기</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!--footer start-->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/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>
|
||||
</ul>
|
||||
<ul class="social">
|
||||
<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 class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br /> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--footer end-->
|
||||
|
||||
</div>
|
||||
<!-- container 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>
|
||||
193
public/theme/crossmap/mobile/grace/grace-editor.php
Executable file
193
public/theme/crossmap/mobile/grace/grace-editor.php
Executable file
@@ -0,0 +1,193 @@
|
||||
<!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>
|
||||
<?php $this->load->view('mobile/grace/grace-head-meta')?>
|
||||
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
<?php $this->load->view('mobile/grace/grace-head')?>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<?php $this->load->view('mobile/grace/grace-header', ['nav' => preg_replace('/^<[^>]+>|<\/[^>]+>$/', '', hooskNav('grace', '/grace', 2))])?>
|
||||
|
||||
<div class="main-container graceCon">
|
||||
<!-- Search Over-->
|
||||
<div class="search">
|
||||
<div class="container">
|
||||
<button class="btn-close2" data-remove=".search"><img src="<?php echo THEME_FOLDER?>/mobile/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 class="recommedTag">
|
||||
<h5>추천태그</h5>
|
||||
<ul>
|
||||
<li>크맵추천</li>
|
||||
<li>꽃</li>
|
||||
<li>하나님</li>
|
||||
<li>성령</li>
|
||||
<li>교회절기</li>
|
||||
<li>어린이 성경학교</li>
|
||||
<li>웹툰</li>
|
||||
<li>교회오빠</li>
|
||||
<li>크맵추천</li>
|
||||
<li>부활절</li>
|
||||
<li>클립아트</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Body Container-->
|
||||
<div class="container pt10">
|
||||
<!--goto Top-->
|
||||
<div class="gotoTop">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/top.gif"></a>
|
||||
</div>
|
||||
|
||||
<div class="mainBox">
|
||||
<!--Profile-->
|
||||
<div class="profileBox">
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg">
|
||||
<div class="editor">김석류</div>
|
||||
<div class="profile-des">일러스트, 동화책, 캐릭터 작업하는 프리랜서 김석류작가입니다. 작업문의는 메일로 부탁 드려요^^!* 일러스트, 동화책, 캐릭터 작업하는 프리랜서 김석류작가입니다. 작업문의는 메일로 부탁 드려요^^!*</div>
|
||||
<div class="more"><a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-down.gif"></a></div>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="titleBoxTab">
|
||||
<li class="current">업데이트 순</li>
|
||||
<li>좋아요 순</li>
|
||||
</ul>
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
|
||||
<div class="des2">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="likes">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
|
||||
<div class="numbers">250</div>
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
|
||||
<div class="numbers">1500</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallThumb">
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
|
||||
<div class="des2">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="likes">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
|
||||
<div class="numbers">250</div>
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
|
||||
<div class="numbers">1500</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallThumb">
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
|
||||
<div class="des2">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="likes">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
|
||||
<div class="numbers">250</div>
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
|
||||
<div class="numbers">1500</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallThumb">
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
|
||||
<div class="des2">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="likes">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
|
||||
<div class="numbers">250</div>
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
|
||||
<div class="numbers">1500</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallThumb">
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--footer start-->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/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>
|
||||
</ul>
|
||||
<ul class="social">
|
||||
<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 class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br/> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--footer end-->
|
||||
|
||||
</div>
|
||||
<!-- container end -->
|
||||
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
|
||||
<script src="<?php echo THEME_FOLDER?>/mobile/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>
|
||||
36
public/theme/crossmap/mobile/grace/grace-foot.php
Executable file
36
public/theme/crossmap/mobile/grace/grace-foot.php
Executable file
@@ -0,0 +1,36 @@
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
|
||||
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
|
||||
<script src="<?php echo THEME_FOLDER ?>/mobile/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]-->
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$(".mainBox .tagBox ul.owl-carousel").owlCarousel({
|
||||
itemElement: 'li',
|
||||
autoWidth: true,
|
||||
margin: 15,
|
||||
loop: true
|
||||
});
|
||||
$(".mainNav nav").draggable({
|
||||
axis: "x"
|
||||
});
|
||||
});
|
||||
</script>
|
||||
21
public/theme/crossmap/mobile/grace/grace-footer.php
Executable file
21
public/theme/crossmap/mobile/grace/grace-footer.php
Executable file
@@ -0,0 +1,21 @@
|
||||
<!--footer start-->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/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>
|
||||
</ul>
|
||||
<ul class="social">
|
||||
<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 class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br /> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--footer end-->
|
||||
19
public/theme/crossmap/mobile/grace/grace-head-meta.php
Executable file
19
public/theme/crossmap/mobile/grace/grace-head-meta.php
Executable file
@@ -0,0 +1,19 @@
|
||||
<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="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
|
||||
<link rel="shortcut icon" href="<?php echo THEME_FOLDER?>/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="apple-touch-icon" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
|
||||
<link rel="apple-touch-startup-image" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
|
||||
31
public/theme/crossmap/mobile/grace/grace-head.php
Executable file
31
public/theme/crossmap/mobile/grace/grace-head.php
Executable file
@@ -0,0 +1,31 @@
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="<?php echo THEME_FOLDER?>/mobile/css/main.css">
|
||||
<link rel="stylesheet" href="<?php echo THEME_FOLDER?>/mobile/css/section.css">
|
||||
<!-- Font -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
|
||||
integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css">
|
||||
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.helper.ie8.js"></script><![endif]-->
|
||||
|
||||
<!-- javascript -->
|
||||
<!--[if (lt IE 9)]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<script src="assets/js/ie.min.js"></script>
|
||||
|
||||
<link href="http://externalcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
|
||||
<link href="assets/cross-domain/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
|
||||
<script src="assets/cross-domain/respond.proxy.js"></script>
|
||||
<![endif]-->
|
||||
<script src="<?php echo THEME_FOLDER?>/mobile/js/script.js"></script>
|
||||
<style>
|
||||
.tagBox ul li {
|
||||
float: left;
|
||||
width: 250px;
|
||||
padding-right: 0;
|
||||
}
|
||||
.cm-second-nav{display:none}
|
||||
|
||||
</style>
|
||||
58
public/theme/crossmap/mobile/grace/grace-header.php
Executable file
58
public/theme/crossmap/mobile/grace/grace-header.php
Executable file
@@ -0,0 +1,58 @@
|
||||
<noscript>
|
||||
<p class="enable-js">
|
||||
To enjoy our website, you'll need to enable <b>JavaScript</b> in your web browser. Please <a
|
||||
href="http://enable-javascript.com/" target="_blank"><b>click here</b></a> to learn how.
|
||||
</p>
|
||||
</noscript>
|
||||
<!--[if lte IE 8]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Mobile nav Overlayer -->
|
||||
<div class="offcanvas" aria-hidden="true">
|
||||
<div class="nav-wrap">
|
||||
<button class="btn-close" data-remove=".nav-wrap"><i class="fas fa-times"></i></button>
|
||||
<nav class="site-nav">
|
||||
<ul>
|
||||
<li><a href="index.html">홈</a></li>
|
||||
<li><a href="index.html">뉴스</a></li>
|
||||
<li><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">
|
||||
<div class="topHead">
|
||||
<div class="container">
|
||||
<button class="nav-toggle" data-toggle=".nav-wrap"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/ic-menu.gif"></button>
|
||||
|
||||
<div class="logo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/img/cm-symbol.gif" alt="크로스맵"
|
||||
height="34"></a>
|
||||
<a href="/grace" class="sectionTitle">은혜충전</a>
|
||||
</div>
|
||||
|
||||
<button class="search-toggle" data-add=".search"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/ic-mag.gif"></button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="mainNav">
|
||||
<nav>
|
||||
<ul>
|
||||
<?php echo $nav ?>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</header>
|
||||
426
public/theme/crossmap/mobile/grace/grace-home.php
Executable file
426
public/theme/crossmap/mobile/grace/grace-home.php
Executable file
@@ -0,0 +1,426 @@
|
||||
<!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>
|
||||
<?php $this->load->view('mobile/grace/grace-head-meta')?>
|
||||
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
<?php $this->load->view('mobile/grace/grace-head')?>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<?php $this->load->view('mobile/grace/grace-header', ['nav' => preg_replace('/^<[^>]+>|<\/[^>]+>$/', '', hooskNav('grace'))])?>
|
||||
|
||||
|
||||
<div class="main-container graceCon">
|
||||
<!-- Search Over-->
|
||||
<div class="search">
|
||||
<div class="container">
|
||||
<button class="btn-close2" data-remove=".search"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/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 class="recommedTag">
|
||||
<h5>추천태그</h5>
|
||||
<ul>
|
||||
<li>크맵추천</li>
|
||||
<li>꽃</li>
|
||||
<li>하나님</li>
|
||||
<li>성령</li>
|
||||
<li>교회절기</li>
|
||||
<li>어린이 성경학교</li>
|
||||
<li>웹툰</li>
|
||||
<li>교회오빠</li>
|
||||
<li>크맵추천</li>
|
||||
<li>부활절</li>
|
||||
<li>클립아트</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Body Container-->
|
||||
<div class="container">
|
||||
|
||||
<!--Main Slide-->
|
||||
<div class="mainSlide grace">
|
||||
<div id="mainSlide" class="carousel slide graceSlide" data-ride="carousel">
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#mainSlide" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#mainSlide" data-slide-to="1"></li>
|
||||
<li data-target="#mainSlide" data-slide-to="2"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner">
|
||||
|
||||
<li class="carousel-item active"><a href="#"><img
|
||||
src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
|
||||
</li>
|
||||
<li class="carousel-item"><a href="#"><img
|
||||
src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
|
||||
</li>
|
||||
<li class="carousel-item"><a href="#"><img
|
||||
src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
|
||||
</li>
|
||||
<li class="carousel-item"><a href="#"><img
|
||||
src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
|
||||
</li>
|
||||
<li class="carousel-item"><a href="#"><img
|
||||
src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
|
||||
</li>
|
||||
<li class="carousel-item"><a href="#"><img
|
||||
src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
<!--Tag Pick-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">태그 PICK</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tagBox">
|
||||
<ul class='owl-carousel'>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
|
||||
<h3><a href="#">Illustration</a><span class="numbers">26,371</span></h3>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
|
||||
<h3><a href="#">Photo</a><span class="numbers">26,371</span></h3>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
|
||||
<h3><a href="#">Painting</a><span class="numbers">26,371</span></h3>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
|
||||
<h3><a href="#">Background</a><span class="numbers">26,371</span></h3>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
|
||||
<h3><a href="#">Word Card</a><span class="numbers">26,371</span></h3>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
|
||||
<h3><a href="#">Drawing</a><span class="numbers">26,371</span></h3>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--이야기 QT-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">이야기 QT</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="http://www.crossmap.co.kr/files/life/2019/04/872dbf5e796fdea0746e4389329302dd.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic3.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--말씀카드-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">말씀카드</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<div><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></div>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<div><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
|
||||
강연 '제23회 장로부부 영성수련회 </a></div>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<div><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></div>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<div><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
|
||||
강연 '제23회 장로부부 영성수련회 </a></div>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--영어묵상-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">영어묵상</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="thumbList english">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic1.jpg"></a>
|
||||
<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="author">Lynn</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic2.jpg"></a>
|
||||
<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="author">Lynn</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic3.jpg"></a>
|
||||
<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</a>
|
||||
</p>
|
||||
<div class="author">Lynn</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--영상 QT-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">영상 QT</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="http://www.crossmap.co.kr/files/life/2019/04/872dbf5e796fdea0746e4389329302dd.jpg"></a>
|
||||
|
||||
<div class="smallThumb">
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg">
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="blue">이영희</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="http://www.crossmap.co.kr/files/life/2019/04/872dbf5e796fdea0746e4389329302dd.jpg"></a>
|
||||
|
||||
<div class="smallThumb">
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg">
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="blue">이영희</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="viewMore">
|
||||
<a class="viewMore" href="#">더보기</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--C포스트-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">C 포스트</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="http://www.crossmap.co.kr/files/life/2019/04/872dbf5e796fdea0746e4389329302dd.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic3.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--운율묵상-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">운율묵상</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<div><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></div>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<div><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
|
||||
강연 '제23회 장로부부 영성수련회 </a></div>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<div><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></div>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<div><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
|
||||
강연 '제23회 장로부부 영성수련회 </a></div>
|
||||
<div class="blue">홀리원</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<?php $this->load->view('mobile/grace/grace-footer')?>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- container end -->
|
||||
|
||||
<?php $this->load->view('mobile/grace/grace-foot')?>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
291
public/theme/crossmap/mobile/grace/grace-searchresult.php
Executable file
291
public/theme/crossmap/mobile/grace/grace-searchresult.php
Executable file
@@ -0,0 +1,291 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7" lang="kr"><![endif]-->
|
||||
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9 lt-ie8" lang="kr"><![endif]-->
|
||||
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9" lang="kr"><![endif]-->
|
||||
<!--[if (IE 9)&!(IEMobile)]><html class="no-js lt-ie10" lang="kr"><![endif]-->
|
||||
<!--[if gt IE 9]><!--> <html class="no-js" lang="kr"><!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="naver-site-verification" content="894ba0807460988349b1e131377b26966e347fc1">
|
||||
<meta name="google-site-verification" content="CitaOJM4btglyBtNxZFYymBBzh3g7Pb9PxKl9YF8jDg">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
||||
<!-- <meta http-equiv="cleartype" content="on"> -->
|
||||
<title>크리스천포털 크로스맵</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta property="fb:app_id" content="961578337335000">
|
||||
|
||||
<!-- favicons -->
|
||||
<link rel="shortcut icon" href="/img/shortcut_icon.png">
|
||||
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="apple-touch-icon" href="/img/shortcut_icon.png">
|
||||
<link rel="apple-touch-startup-image" href="/img/shortcut_icon.png">
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/section.css">
|
||||
<!-- Font -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css">
|
||||
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.helper.ie8.js"></script><![endif]-->
|
||||
|
||||
<!-- javascript -->
|
||||
<!--[if (lt IE 9)]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<script src="assets/js/ie.min.js"></script>
|
||||
|
||||
<link href="http://externalcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
|
||||
<link href="assets/cross-domain/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
|
||||
<script src="assets/cross-domain/respond.proxy.js"></script>
|
||||
<![endif]-->
|
||||
<script src="js/script.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
<p class="enable-js">
|
||||
To enjoy our website, you'll need to enable <b>JavaScript</b> in your web browser. Please <a href="http://enable-javascript.com/" target="_blank"><b>click here</b></a> to learn how.
|
||||
</p>
|
||||
</noscript>
|
||||
<!--[if lte IE 8]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Mobile nav Overlayer -->
|
||||
<div class="offcanvas" aria-hidden="true">
|
||||
<div class="nav-wrap">
|
||||
<button class="btn-close" data-remove=".nav-wrap"><i class="fas fa-times"></i></button>
|
||||
<nav class="site-nav">
|
||||
<ul>
|
||||
<li><a href="index.html">홈</a></li>
|
||||
<li><a href="index.html">뉴스</a></li>
|
||||
<li><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">
|
||||
<div class="topHead">
|
||||
<div class="container">
|
||||
<button class="nav-toggle" data-toggle=".nav-wrap"><img src="img/ic-menu.gif"></button>
|
||||
|
||||
<div class="logo"><a href="/"><img src="img/cm-symbol.gif" alt="크로스맵" height="34"></a>
|
||||
<a href="#" class="sectionTitle">은혜충전</a>
|
||||
</div>
|
||||
|
||||
<button class="search-toggle" data-add=".search"><img src="img/ic-mag.gif"></button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="mainNav">
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="">홈</a></li>
|
||||
<li class="current"><a href="">말씀엽서</a></li>
|
||||
<li><a href="">운율묵상</a></li>
|
||||
<li><a href="">영어한컷</a></li>
|
||||
<li><a href="">이야기QT</a></li>
|
||||
<li><a href="">영상QT</a></li>
|
||||
<li><a href="">C포스트</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<div class="main-container graceCon">
|
||||
|
||||
<!-- Search Over-->
|
||||
<div class="search">
|
||||
<div class="container">
|
||||
<button class="btn-close2" 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 class="recommedTag">
|
||||
<h5>추천태그</h5>
|
||||
<ul>
|
||||
<li>크맵추천</li>
|
||||
<li>꽃</li>
|
||||
<li>하나님</li>
|
||||
<li>성령</li>
|
||||
<li>교회절기</li>
|
||||
<li>어린이 성경학교</li>
|
||||
<li>웹툰</li>
|
||||
<li>교회오빠</li>
|
||||
<li>크맵추천</li>
|
||||
<li>부활절</li>
|
||||
<li>클립아트</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Body Container-->
|
||||
<div class="container pt10">
|
||||
<!--goto Top-->
|
||||
<div class="gotoTop">
|
||||
<a href="#"><img src="img/top.gif"></a>
|
||||
</div>
|
||||
|
||||
<!--Search Result-->
|
||||
<div class="mainBox">
|
||||
<div class="search-result">
|
||||
<div class="container">
|
||||
<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 class="searchResult">
|
||||
<span><a href="#">전체 콘텐츠</a></span>
|
||||
<span><a href="#">전체메뉴</a></span>
|
||||
<span><a href="#">추천수</a></span>
|
||||
<div>검색결과 <span class="num">50</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mainBox">
|
||||
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
|
||||
<div class="des2">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="likes">
|
||||
<a href="#"><img src="img/ic-thumbsup.gif"></a>
|
||||
<div class="numbers">250</div>
|
||||
<a href="#"><img src="img/ic-views.gif"></a>
|
||||
<div class="numbers">1500</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallThumb">
|
||||
<img src="img/profile.jpg"> 이영희
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
|
||||
<div class="des2">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="likes">
|
||||
<a href="#"><img src="img/ic-thumbsup.gif"></a>
|
||||
<div class="numbers">250</div>
|
||||
<a href="#"><img src="img/ic-views.gif"></a>
|
||||
<div class="numbers">1500</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallThumb">
|
||||
<img src="img/profile.jpg"> 이영희
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
|
||||
<div class="des2">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="likes">
|
||||
<a href="#"><img src="img/ic-thumbsup.gif"></a>
|
||||
<div class="numbers">250</div>
|
||||
<a href="#"><img src="img/ic-views.gif"></a>
|
||||
<div class="numbers">1500</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallThumb">
|
||||
<img src="img/profile.jpg"> 이영희
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
|
||||
<div class="des2">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="likes">
|
||||
<a href="#"><img src="img/ic-thumbsup.gif"></a>
|
||||
<div class="numbers">250</div>
|
||||
<a href="#"><img src="img/ic-views.gif"></a>
|
||||
<div class="numbers">1500</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallThumb">
|
||||
<img src="img/profile.jpg"> 이영희
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!--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>
|
||||
</ul>
|
||||
<ul class="social">
|
||||
<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 class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br/> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--footer end-->
|
||||
|
||||
</div>
|
||||
<!-- container 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>
|
||||
213
public/theme/crossmap/mobile/grace/grace-section.php
Executable file
213
public/theme/crossmap/mobile/grace/grace-section.php
Executable file
@@ -0,0 +1,213 @@
|
||||
<!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>
|
||||
<?php $this->load->view('mobile/grace/grace-head-meta')?>
|
||||
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
<?php $this->load->view('mobile/grace/grace-head')?>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<?php $this->load->view('mobile/grace/grace-header', ['nav' => preg_replace('/^<[^>]+>|<\/[^>]+>$/', '', hooskNav('grace', '/grace'))])?>
|
||||
|
||||
<div class="main-container graceCon">
|
||||
|
||||
<!-- Search Over-->
|
||||
<div class="search">
|
||||
<div class="container">
|
||||
<button class="btn-close2" data-remove=".search"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/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 class="recommedTag">
|
||||
<h5>추천태그</h5>
|
||||
<ul>
|
||||
<li>크맵추천</li>
|
||||
<li>꽃</li>
|
||||
<li>하나님</li>
|
||||
<li>성령</li>
|
||||
<li>교회절기</li>
|
||||
<li>어린이 성경학교</li>
|
||||
<li>웹툰</li>
|
||||
<li>교회오빠</li>
|
||||
<li>크맵추천</li>
|
||||
<li>부활절</li>
|
||||
<li>클립아트</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Body Container-->
|
||||
<div class="container pt10">
|
||||
<!--goto Top-->
|
||||
<div class="gotoTop">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/top.gif"></a>
|
||||
</div>
|
||||
|
||||
<!--Tag Pick-->
|
||||
<div class="mainBox">
|
||||
은혜로운 성경말씀과 아름다운 이미지의 콜라보
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="mainBox">
|
||||
<ul class="titleBoxTab">
|
||||
<li class="current">업데이트 순</li>
|
||||
<li>좋아요 순</li>
|
||||
</ul>
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
|
||||
<div class="des2">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="likes">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
|
||||
<div class="numbers">250</div>
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
|
||||
<div class="numbers">1500</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallThumb">
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
|
||||
<div class="des2">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="likes">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
|
||||
<div class="numbers">250</div>
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
|
||||
<div class="numbers">1500</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallThumb">
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
|
||||
<div class="des2">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="likes">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
|
||||
<div class="numbers">250</div>
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
|
||||
<div class="numbers">1500</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallThumb">
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="bigPhoto">
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
|
||||
<div class="des2">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div class="likes">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
|
||||
<div class="numbers">250</div>
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
|
||||
<div class="numbers">1500</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallThumb">
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!--footer start-->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/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>
|
||||
</ul>
|
||||
<ul class="social">
|
||||
<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 class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br /> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--footer end-->
|
||||
|
||||
</div>
|
||||
<!-- container 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>
|
||||
836
public/theme/crossmap/mobile/home.php
Executable file
836
public/theme/crossmap/mobile/home.php
Executable file
@@ -0,0 +1,836 @@
|
||||
<!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="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
|
||||
<link rel="shortcut icon" href="<?php echo THEME_FOLDER?>/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="apple-touch-icon" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
|
||||
<link rel="apple-touch-startup-image" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
|
||||
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.min.css">
|
||||
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="<?php echo THEME_FOLDER?>/mobile/css/main.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]-->
|
||||
<style>
|
||||
.carousel-control-prev .fas {
|
||||
color: #fff;
|
||||
padding: 20px 0;
|
||||
font-size: 1.6em;
|
||||
width: 34px;
|
||||
position: absolute;
|
||||
background: #000;
|
||||
opacity: 0.5;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.carousel-control-next .fas {
|
||||
color: #fff;
|
||||
padding: 20px 0;
|
||||
font-size: 1.6em;
|
||||
width: 34px;
|
||||
position: absolute;
|
||||
background: #000;
|
||||
opacity: 0.5;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.cmTv .titleBox li.tns-nav-active a {
|
||||
color: #268abc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<noscript>
|
||||
<p class="enable-js">
|
||||
To enjoy our website, you'll need to enable <b>JavaScript</b> in your web browser. Please <a
|
||||
href="http://enable-javascript.com/" target="_blank"><b>click here</b></a> to learn how.
|
||||
</p>
|
||||
</noscript>
|
||||
<!--[if lte IE 8]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Mobile nav Overlayer -->
|
||||
<div class="offcanvas" aria-hidden="true">
|
||||
<div class="nav-wrap">
|
||||
<button class="btn-close" data-remove=".nav-wrap"><i class="fas fa-times"></i></button>
|
||||
<nav class="site-nav">
|
||||
<ul>
|
||||
<li><a href="index.html">홈</a></li>
|
||||
<li><a href="index.html">뉴스</a></li>
|
||||
<li><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">
|
||||
<div class="topHead">
|
||||
<div class="container">
|
||||
<button class="nav-toggle" data-toggle=".nav-wrap"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/ic-menu.gif"></button>
|
||||
|
||||
<div class="logo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/img/logo.svg" alt="크로스맵"
|
||||
height="34"></a></div>
|
||||
|
||||
<button class="search-toggle" data-add=".search"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/ic-mag.gif"></button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="mainNav">
|
||||
<nav>
|
||||
<ul>
|
||||
<li class="current"><a href="/">홈</a></li>
|
||||
<?php echo preg_replace('/^<[^>]+>|<\/[^>]+>$/', '', hooskNav('main')) ?>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Search Over -->
|
||||
<div class="search">
|
||||
<div class="container">
|
||||
<button class="btn-close" data-remove=".search"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/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>
|
||||
</header>
|
||||
|
||||
<div class="main-container">
|
||||
<!--Body Container-->
|
||||
<div class="container">
|
||||
|
||||
|
||||
|
||||
<div id="mainSlide" class="carousel slide mainSlide" data-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<?php foreach($storyqt as $k=>$t) {?>
|
||||
<div class="carousel-item<?php echo $k==0 ? ' active':''?>">
|
||||
<a href="/channel/<?php echo $t->pageID?>/<?php echo $t->postID?>"><img class="d-block w-100"
|
||||
src="https://crossmap.co.kr<?php echo $t->postImage?>" alt="First slide"></a>
|
||||
</div>
|
||||
<?php }?>
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#mainSlide" role="button" data-slide="prev">
|
||||
<span class="fas fa-chevron-left" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control-next" href="#mainSlide" role="button" data-slide="next">
|
||||
<span class="fas fa-chevron-right" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
<!--오늘의 웹툰-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">오늘의 웹툰</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="/webtoon">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<?php foreach ($featureToons as $t) { ?>
|
||||
<li>
|
||||
<a class="img-scaleup" href="/webtoon/<?php echo $t->postSeq ?>"><img
|
||||
src="http://crossmap.co.kr<?php echo $t->postImage ?>"></a>
|
||||
<div class="des">
|
||||
<p><a href="/webtoon/<?php echo $t->postSeq ?>"><?php echo $t->postTitle ?></a></p>
|
||||
</div>
|
||||
</li>
|
||||
<?php }?>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--CM TV box-->
|
||||
<div class="mainBox cmTv">
|
||||
<div class="titleBox">
|
||||
<h2><a href="/cmtv">크로스맵 <span>TV</span></a></h2>
|
||||
<ul class="cmTv-nav">
|
||||
<li><a href="/channel/30045">토크쇼</a></li>
|
||||
<li><a href="/channel/30044">간증</a></li>
|
||||
<li><a href="/channel/30042">말씀</a></li>
|
||||
<li><a href="/channel/30043">찬양</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<span class="current-index">1</span>/<span class="count">5</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="thumbBox">
|
||||
<div class="cmTv-slider">
|
||||
<div>
|
||||
<div class="thumbMain">
|
||||
<a href="/channel/30045/<?php echo $talkshow[0]->postID?>">
|
||||
<img src="http://crossmap.co.kr<?php echo $talkshow[0]->postImage?>">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="/channel/30045/<?php echo $talkshow[0]->postID?>">
|
||||
<?php echo $talkshow[0]->postTitle?> </a></p>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<?php foreach(array_slice($talkshow, 1) as $t) {?>
|
||||
<li>
|
||||
<a href="/channel/30045/<?php echo $t->postID?>">
|
||||
<img src="http://crossmap.co.kr<?php echo $t->postImage?>">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="/channel/30045/<?php echo $t->postImage?>">
|
||||
<?php echo $t->postTitle?> </a></p>
|
||||
</div>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<div class="thumbMain">
|
||||
<a href="/channel/30045/<?php echo $testimony[0]->postID?>">
|
||||
<img src="http://crossmap.co.kr<?php echo $testimony[0]->postImage?>">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="/channel/30045/<?php echo $testimony[0]->postID?>">
|
||||
<?php echo $testimony[0]->postTitle?> </a></p>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<?php foreach(array_slice($testimony, 1) as $t) {?>
|
||||
<li>
|
||||
<a href="/channel/30045/<?php echo $t->postID?>">
|
||||
<img src="http://crossmap.co.kr<?php echo $t->postImage?>">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="/channel/30045/<?php echo $t->postImage?>">
|
||||
<?php echo $t->postTitle?> </a></p>
|
||||
</div>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<div class="thumbMain">
|
||||
<a href="/channel/30045/<?php echo $sermon[0]->postID?>">
|
||||
<img src="http://crossmap.co.kr<?php echo $sermon[0]->postImage?>">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="/channel/30045/<?php echo $sermon[0]->postID?>">
|
||||
<?php echo $sermon[0]->postTitle?> </a></p>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<?php foreach(array_slice($sermon, 1) as $t) {?>
|
||||
<li>
|
||||
<a href="/channel/30045/<?php echo $t->postID?>">
|
||||
<img src="http://crossmap.co.kr<?php echo $t->postImage?>">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="/channel/30045/<?php echo $t->postImage?>">
|
||||
<?php echo $t->postTitle?> </a></p>
|
||||
</div>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<div class="thumbMain">
|
||||
<a href="/channel/30045/<?php echo $worship[0]->postID?>">
|
||||
<img src="http://crossmap.co.kr<?php echo $worship[0]->postImage?>">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="/channel/30045/<?php echo $worship[0]->postID?>">
|
||||
<?php echo $worship[0]->postTitle?> </a></p>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<?php foreach(array_slice($worship, 1) as $t) {?>
|
||||
<li>
|
||||
<a href="/channel/30045/<?php echo $t->postID?>">
|
||||
<img src="http://crossmap.co.kr<?php echo $t->postImage?>">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="/channel/30045/<?php echo $t->postImage?>">
|
||||
<?php echo $t->postTitle?> </a></p>
|
||||
</div>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cmTv-controls">
|
||||
<div class="arrowPrev"><i class="fas fa-chevron-left"></i></div>
|
||||
<div class="arrowNext"><i class="fas fa-chevron-right"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--은혜 충전-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">은혜 충전</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
|
||||
강연 '제23회 장로부부 영성수련회 </a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
<!--기도 캠페인-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">기도 캠페인</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="prayerBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 여강</div>
|
||||
<div class="date">
|
||||
5/21~26 <span>100명 참여중</span>
|
||||
</div>
|
||||
<a href="#" class="button">참여하기</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제 강연
|
||||
'제23회 장로부부 영성수련회 </a></p>
|
||||
<div class="author">By 하나님사랑</div>
|
||||
<div class="date">
|
||||
5/21~26 <span>100명 참여중</span>
|
||||
</div>
|
||||
<a href="#" class="button">참여하기</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
<div class="date">
|
||||
5/21~26 <span>100명 참여중</span>
|
||||
</div>
|
||||
<a href="#" class="button">참여하기</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
<div class="date">
|
||||
5/21~26 <span>100명 참여중</span>
|
||||
</div>
|
||||
<a href="#" class="button">참여하기</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
<div class="date">
|
||||
5/21~26 <span>100명 참여중</span>
|
||||
</div>
|
||||
<a href="#" class="button">참여하기</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
<div class="date">
|
||||
5/21~26 <span>100명 참여중</span>
|
||||
</div>
|
||||
<a href="#" class="button">참여하기</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--바이블잼-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">바이블잼</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
|
||||
강연 '제23회 장로부부 영성수련회 </a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--뉴스-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">뉴스</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $articles[0]->articleURL?>"><img
|
||||
src="http://crossmap.co.kr<?php echo $articles[0]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="<?php echo $articles[0]->articleURL?>"><?php echo $articles[0]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $articles[1]->articleURL?>"><img
|
||||
src="http://crossmap.co.kr<?php echo $articles[1]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="<?php echo $articles[1]->articleURL?>"><?php echo $articles[1]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="thumbList newsList">
|
||||
<ul>
|
||||
<?php foreach(array_slice($articles, 2, 6) as $a) {?>
|
||||
<li><a href="<?php echo $a->articleURL?>"><?php echo $a->postTitle?></a></li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--오피니언-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="/news/opinions">오피니언</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="/news/opinions">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="thumbList opinion">
|
||||
<ul>
|
||||
<?php foreach($columns as $c) {?>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $c->articleURL?>"><img
|
||||
src="http://crossmap.co.kr<?php echo $c->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a href="#"><?php echo $c->postTitle?></a></p>
|
||||
</div>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--라이프-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">라이프</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
|
||||
강연 '제23회 장로부부 영성수련회 </a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--자료실-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">자료실</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="prayerBox resourceBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 여강</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제 강연
|
||||
'제23회 장로부부 영성수련회 </a></p>
|
||||
<div class="author">By 하나님사랑</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img
|
||||
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<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>
|
||||
<li>크리스챤 배경화면</li>
|
||||
<li>말씀</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>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--footer start-->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/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>
|
||||
</ul>
|
||||
<ul class="social">
|
||||
<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 class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br /> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--footer end-->
|
||||
|
||||
</div>
|
||||
<!-- container end -->
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
|
||||
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
|
||||
<script src="<?php echo THEME_FOLDER?>/mobile/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]-->
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
// $("#mainSlide").swiperight(function() {
|
||||
// $(this).carousel('prev');
|
||||
// });
|
||||
// $("#mainSlide").swipeleft(function() {
|
||||
// $(this).carousel('next');
|
||||
// });
|
||||
$(".mainNav nav").draggable({
|
||||
axis: "x"
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
public/theme/crossmap/mobile/img/cm-symbol.gif
Executable file
BIN
public/theme/crossmap/mobile/img/cm-symbol.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
public/theme/crossmap/mobile/img/cmtv-1.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/cmtv-1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
BIN
public/theme/crossmap/mobile/img/comment-box.png
Executable file
BIN
public/theme/crossmap/mobile/img/comment-box.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
public/theme/crossmap/mobile/img/ic-back.gif
Executable file
BIN
public/theme/crossmap/mobile/img/ic-back.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
public/theme/crossmap/mobile/img/ic-close.gif
Executable file
BIN
public/theme/crossmap/mobile/img/ic-close.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/theme/crossmap/mobile/img/ic-close.png
Executable file
BIN
public/theme/crossmap/mobile/img/ic-close.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 229 B |
BIN
public/theme/crossmap/mobile/img/ic-down-small.gif
Executable file
BIN
public/theme/crossmap/mobile/img/ic-down-small.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/theme/crossmap/mobile/img/ic-down.gif
Executable file
BIN
public/theme/crossmap/mobile/img/ic-down.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/theme/crossmap/mobile/img/ic-mag.gif
Executable file
BIN
public/theme/crossmap/mobile/img/ic-mag.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/theme/crossmap/mobile/img/ic-menu.gif
Executable file
BIN
public/theme/crossmap/mobile/img/ic-menu.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
public/theme/crossmap/mobile/img/ic-menu.png
Executable file
BIN
public/theme/crossmap/mobile/img/ic-menu.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
public/theme/crossmap/mobile/img/ic-more.gif
Executable file
BIN
public/theme/crossmap/mobile/img/ic-more.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
public/theme/crossmap/mobile/img/ic-relative.gif
Executable file
BIN
public/theme/crossmap/mobile/img/ic-relative.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/theme/crossmap/mobile/img/ic-search.png
Executable file
BIN
public/theme/crossmap/mobile/img/ic-search.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
public/theme/crossmap/mobile/img/ic-thumbsup.gif
Executable file
BIN
public/theme/crossmap/mobile/img/ic-thumbsup.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/theme/crossmap/mobile/img/ic-toggle.png
Executable file
BIN
public/theme/crossmap/mobile/img/ic-toggle.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 131 B |
BIN
public/theme/crossmap/mobile/img/ic-views.gif
Executable file
BIN
public/theme/crossmap/mobile/img/ic-views.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/theme/crossmap/mobile/img/logo-ct.gif
Executable file
BIN
public/theme/crossmap/mobile/img/logo-ct.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
23
public/theme/crossmap/mobile/img/logo.svg
Executable file
23
public/theme/crossmap/mobile/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/theme/crossmap/mobile/img/m-banner.gif
Executable file
BIN
public/theme/crossmap/mobile/img/m-banner.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/theme/crossmap/mobile/img/news-pic1.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/news-pic1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
public/theme/crossmap/mobile/img/news-pic2.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/news-pic2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/theme/crossmap/mobile/img/news-pic3.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/news-pic3.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
BIN
public/theme/crossmap/mobile/img/newsB-pic1.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/newsB-pic1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
BIN
public/theme/crossmap/mobile/img/newsB-pic2.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/newsB-pic2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
public/theme/crossmap/mobile/img/opinion-pic1.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/opinion-pic1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
public/theme/crossmap/mobile/img/opinion-pic2.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/opinion-pic2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
BIN
public/theme/crossmap/mobile/img/opinion-pic3.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/opinion-pic3.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
public/theme/crossmap/mobile/img/opinion-pic4.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/opinion-pic4.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
BIN
public/theme/crossmap/mobile/img/profile.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/profile.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/theme/crossmap/mobile/img/social/comment.png
Executable file
BIN
public/theme/crossmap/mobile/img/social/comment.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 227 B |
14
public/theme/crossmap/mobile/img/social/comment.svg
Executable file
14
public/theme/crossmap/mobile/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/theme/crossmap/mobile/img/social/facebook.png
Executable file
BIN
public/theme/crossmap/mobile/img/social/facebook.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 222 B |
14
public/theme/crossmap/mobile/img/social/facebook.svg
Executable file
14
public/theme/crossmap/mobile/img/social/facebook.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 10 20" style="enable-background:new 0 0 10 20;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<title>facebook</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="Page-1">
|
||||
<path id="facebook" class="st0" d="M6.5,19.1H3v-8.7H0V7h3V4.5c0-1.4,0.4-2.6,1.3-3.4C5,0.4,6,0,7.4,0C8.1,0,9,0,10,0.1v3H8.1
|
||||
C7,3.2,6.5,3.7,6.5,4.6V7h3.4l-0.4,3.4h-3V19.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 675 B |
BIN
public/theme/crossmap/mobile/img/social/heart.png
Executable file
BIN
public/theme/crossmap/mobile/img/social/heart.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 455 B |
14
public/theme/crossmap/mobile/img/social/heart.svg
Executable file
14
public/theme/crossmap/mobile/img/social/heart.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 31 26" style="enable-background:new 0 0 31 26;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#FFFFFF;}
|
||||
</style>
|
||||
<title>heart</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="Page-1">
|
||||
<path id="heart" class="st0" d="M15.5,25c9-6.3,13.8-12.2,14.5-17.5c1-8-9.3-9.5-14.5-1.5C10.3-2,0-0.5,1,7.5
|
||||
C1.7,12.8,6.5,18.7,15.5,25z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 649 B |
BIN
public/theme/crossmap/mobile/img/social/kakao.png
Executable file
BIN
public/theme/crossmap/mobile/img/social/kakao.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 179 B |
13
public/theme/crossmap/mobile/img/social/kakao.svg
Executable file
13
public/theme/crossmap/mobile/img/social/kakao.svg
Executable file
@@ -0,0 +1,13 @@
|
||||
<?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 10 18" style="enable-background:new 0 0 10 18;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<title>kakao</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="Page-1">
|
||||
<path id="kakao" class="st0" d="M1,0.9V10h4c0,2-1,3.7-3,5l3,3c2.7-2,4.3-4.7,5-8V0.9H1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 586 B |
BIN
public/theme/crossmap/mobile/img/social/twitter.png
Executable file
BIN
public/theme/crossmap/mobile/img/social/twitter.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 289 B |
15
public/theme/crossmap/mobile/img/social/twitter.svg
Executable file
15
public/theme/crossmap/mobile/img/social/twitter.svg
Executable file
@@ -0,0 +1,15 @@
|
||||
<?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 14" style="enable-background:new 0 0 17 14;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<title>twitter</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="Page-1">
|
||||
<path id="twitter" class="st0" d="M17,1.6c0,0-0.7,1.1-1.7,1.8c0.2,4.9-3.4,10.4-9.9,10.4c-3.3,0-5.3-1.6-5.3-1.6s2.6,0.5,5.2-1.4
|
||||
c-2.6-0.2-3.3-2.4-3.3-2.4s0.7,0.2,1.6-0.1C0.5,7.6,0.7,4.8,0.7,4.8s0.7,0.4,1.6,0.4c-2.7-2.1-1.1-4.7-1.1-4.7S3.6,4,8.4,4.3
|
||||
c-0.7-3.8,3.7-5.6,5.9-3.2c1.2-0.2,2.2-0.9,2.2-0.9S16.2,1.5,15,2.2C16,2.1,17,1.6,17,1.6z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 843 B |
BIN
public/theme/crossmap/mobile/img/social/url.png
Executable file
BIN
public/theme/crossmap/mobile/img/social/url.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 529 B |
9
public/theme/crossmap/mobile/img/social/url.svg
Executable file
9
public/theme/crossmap/mobile/img/social/url.svg
Executable file
@@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="24px" height="11px" viewBox="0 0 24 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 53 (72520) - https://sketchapp.com -->
|
||||
<title>url</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<path d="M7.8203125,0.7578125 L7.8203125,6.84521484 C7.8203125,7.85661313 7.50399079,8.65640982 6.87133789,9.24462891 C6.23868499,9.83284799 5.37435444,10.1269531 4.27832031,10.1269531 C3.19921335,10.1269531 2.34228833,9.84131145 1.70751953,9.27001953 C1.07275073,8.69872761 0.749023501,7.91374197 0.736328125,6.91503906 L0.736328125,0.7578125 L2.640625,0.7578125 L2.640625,6.85791016 C2.640625,7.46305641 2.7855617,7.90421411 3.07543945,8.18139648 C3.3653172,8.45857886 3.76627348,8.59716797 4.27832031,8.59716797 C5.34896369,8.59716797 5.8927408,8.03434808 5.90966797,6.90869141 L5.90966797,0.7578125 L7.8203125,0.7578125 Z M12.8032227,6.61669922 L11.2861328,6.61669922 L11.2861328,10 L9.38183594,10 L9.38183594,0.7578125 L12.815918,0.7578125 C13.9077203,0.7578125 14.7498343,1.00113689 15.3422852,1.48779297 C15.934736,1.97444905 16.230957,2.66210493 16.230957,3.55078125 C16.230957,4.18131826 16.0944838,4.70711052 15.8215332,5.12817383 C15.5485826,5.54923713 15.1349312,5.88460162 14.5805664,6.13427734 L16.5800781,9.91113281 L16.5800781,10 L14.5361328,10 L12.8032227,6.61669922 Z M11.2861328,5.07421875 L12.8222656,5.07421875 C13.3004581,5.07421875 13.6707344,4.95255656 13.9331055,4.70922852 C14.1954766,4.46590048 14.3266602,4.13053599 14.3266602,3.703125 C14.3266602,3.26725042 14.2028821,2.92448042 13.9553223,2.67480469 C13.7077624,2.42512896 13.3279648,2.30029297 12.815918,2.30029297 L11.2861328,2.30029297 L11.2861328,5.07421875 Z M19.5825195,8.47021484 L23.6259766,8.47021484 L23.6259766,10 L17.6782227,10 L17.6782227,0.7578125 L19.5825195,0.7578125 L19.5825195,8.47021484 Z" id="url" fill="#4A4A4A" fill-rule="nonzero"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/theme/crossmap/mobile/img/tagpick-1.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/tagpick-1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
public/theme/crossmap/mobile/img/tagpick-2.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/tagpick-2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
public/theme/crossmap/mobile/img/thumb-1.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/thumb-1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
public/theme/crossmap/mobile/img/thumb-2.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/thumb-2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
BIN
public/theme/crossmap/mobile/img/thumb-3.jpg
Executable file
BIN
public/theme/crossmap/mobile/img/thumb-3.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
public/theme/crossmap/mobile/img/thumb-s.gif
Executable file
BIN
public/theme/crossmap/mobile/img/thumb-s.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
public/theme/crossmap/mobile/img/top.gif
Executable file
BIN
public/theme/crossmap/mobile/img/top.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
846
public/theme/crossmap/mobile/index.php
Executable file
846
public/theme/crossmap/mobile/index.php
Executable file
@@ -0,0 +1,846 @@
|
||||
<!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="<?php echo THEME_FOLDER?>/mobile/css/main.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]-->
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
<p class="enable-js">
|
||||
To enjoy our website, you'll need to enable <b>JavaScript</b> in your web browser. Please <a href="http://enable-javascript.com/" target="_blank"><b>click here</b></a> to learn how.
|
||||
</p>
|
||||
</noscript>
|
||||
<!--[if lte IE 8]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Mobile nav Overlayer -->
|
||||
<div class="offcanvas" aria-hidden="true">
|
||||
<div class="nav-wrap">
|
||||
<button class="btn-close" data-remove=".nav-wrap"><i class="fas fa-times"></i></button>
|
||||
<nav class="site-nav">
|
||||
<ul>
|
||||
<li><a href="index.html">홈</a></li>
|
||||
<li><a href="index.html">뉴스</a></li>
|
||||
<li><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">
|
||||
<div class="topHead">
|
||||
<div class="container">
|
||||
<button class="nav-toggle" data-toggle=".nav-wrap"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-menu.gif"></button>
|
||||
|
||||
<div class="logo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/img/logo.svg" alt="크로스맵" height="34"></a></div>
|
||||
|
||||
<button class="search-toggle" data-add=".search"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-mag.gif"></button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="mainNav">
|
||||
<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>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Search Over -->
|
||||
<div class="search">
|
||||
<div class="container">
|
||||
<button class="btn-close" data-remove=".search"><img src="<?php echo THEME_FOLDER?>/mobile/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>
|
||||
</header>
|
||||
|
||||
<div class="main-container">
|
||||
<!--Body Container-->
|
||||
<div class="container">
|
||||
|
||||
<!--Main Slide-->
|
||||
<div class="mainSlide">
|
||||
<!--Daily QT-->
|
||||
<div class="dailyQT">
|
||||
<a href=""><div class="photo" style="background:url('https://crossmap.co.kr/files/theme/2019/02/121_4e187e9fc85a3afb72fa1095b8c867a1.jpg') no-repeat center; background-size:cover;"></div></a>
|
||||
</div>
|
||||
|
||||
<div class="control">
|
||||
<div class="arrowPrev"><i class="fas fa-chevron-left"></i></div>
|
||||
<div class="arrowNext"><i class="fas fa-chevron-right"></i></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
<!--오늘의 웹툰-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">오늘의 웹툰</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 </a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--CM TV box-->
|
||||
<div class="mainBox cmTv">
|
||||
<div class="titleBox">
|
||||
<h2>크로스맵 <span>TV</span></h2>
|
||||
<ul class="cmTv-nav">
|
||||
<li class="current"><a href="#">토크쇼</a></li>
|
||||
<li><a href="#">말씀</a></li>
|
||||
<li><a href="#">찬양</a></li>
|
||||
<li><a href="#">간증</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<span class="current-index">1</span>/<span class="count">5</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="thumbBox">
|
||||
<div class="cmTv-slider">
|
||||
<div>
|
||||
<div class="thumbMain">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/cmtv-1.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나? “청소년 사역, 학원 이기려 연구하다 여기까지…</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나?</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나?</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나?</a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<div class="thumbMain">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/cmtv-1.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나? “청소년 사역, 학원 이기려 연구하다 여기까지…</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나?</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나?</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나?</a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<div class="thumbMain">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/cmtv-1.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나? “청소년 사역, 학원 이기려 연구하다 여기까지…</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나?</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나?</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나?</a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<div class="thumbMain">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/cmtv-1.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나? “청소년 사역, 학원 이기려 연구하다 여기까지…</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나?</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나?</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg">
|
||||
</a>
|
||||
<div class="des">
|
||||
<p><a href="#">과학자들은 '왜 지성가진 설계자' 생각 못하나?</a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="cmTv-controls">
|
||||
<div class="arrowPrev"><i class="fas fa-chevron-left"></i></div>
|
||||
<div class="arrowNext"><i class="fas fa-chevron-right"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--은혜 충전-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">은혜 충전</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 </a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
<!--기도 캠페인-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">기도 캠페인</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="prayerBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 여강</div>
|
||||
<div class="date">
|
||||
5/21~26 <span>100명 참여중</span>
|
||||
</div>
|
||||
<a href="#" class="button">참여하기</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 </a></p>
|
||||
<div class="author">By 하나님사랑</div>
|
||||
<div class="date">
|
||||
5/21~26 <span>100명 참여중</span>
|
||||
</div>
|
||||
<a href="#" class="button">참여하기</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
<div class="date">
|
||||
5/21~26 <span>100명 참여중</span>
|
||||
</div>
|
||||
<a href="#" class="button">참여하기</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
<div class="date">
|
||||
5/21~26 <span>100명 참여중</span>
|
||||
</div>
|
||||
<a href="#" class="button">참여하기</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
<div class="date">
|
||||
5/21~26 <span>100명 참여중</span>
|
||||
</div>
|
||||
<a href="#" class="button">참여하기</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
<div class="date">
|
||||
5/21~26 <span>100명 참여중</span>
|
||||
</div>
|
||||
<a href="#" class="button">참여하기</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--바이블잼-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">바이블잼</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 </a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--뉴스-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">뉴스</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 </a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="thumbList newsList">
|
||||
<ul>
|
||||
<li>
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><a href="#">동성애·LGBT 옹호자들의 표적된 칙필레, 이번엔 텍사스주 대학 총학생회서 퇴출 나서</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><a href="#">‘말씀 중심’ 늘 외치지만, 과연 성경 중심적인가 돌아봐야”</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><a href="#">존 파이퍼 목사가 동성결혼을 반대하는 두 가지 이유</a></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--오피니언-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">오피니언</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="thumbList opinion">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/opinion-pic1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/opinion-pic2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/opinion-pic3.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/opinion-pic4.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--라이프-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">라이프</a></li>
|
||||
</ul>
|
||||
<div class="arrow">
|
||||
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 </a></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-3.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
|
||||
<div><i class="far fa-clock"></i> 2019.05.12</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--자료실-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">자료실</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="prayerBox resourceBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 여강</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 </a></p>
|
||||
<div class="author">By 하나님사랑</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
|
||||
<div class="des">
|
||||
<p><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></p>
|
||||
<div class="author">By 이스라엘</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<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>
|
||||
<li>크리스챤 배경화면</li>
|
||||
<li>말씀</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>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--footer start-->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/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>
|
||||
</ul>
|
||||
<ul class="social">
|
||||
<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 class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br/> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--footer end-->
|
||||
|
||||
</div>
|
||||
<!-- container end -->
|
||||
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
|
||||
<script src="<?php echo THEME_FOLDER?>/mobile/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>
|
||||
305
public/theme/crossmap/mobile/js/script.js
Executable file
305
public/theme/crossmap/mobile/js/script.js
Executable file
@@ -0,0 +1,305 @@
|
||||
/** DOMTokenList */
|
||||
// https://github.com/Alhadis/Fix-IE/edit/master/src/token-list.js
|
||||
!function(){"use strict";var n,r,t,e,i=window,o=document,u=Object,f=null,a=!0,c=!1,l=" ",s="Element",d="create"+s,h="DOMTokenList",m="__defineGetter__",p="defineProperty",v="class",g="List",y=v+g,w="rel",L=w+g,_="div",b="length",j="contains",S="apply",k="HTML",E=("item "+j+" add remove toggle toString toLocaleString").split(l),A=E[2],C=E[3],M=E[4],N="prototype",O=p in u||m in u[N]||f,T=function(n,r,t,e){u[p]?u[p](n,r,{configurable:c===O?a:!!e,get:t}):n[m](r,t)},x=function(r,t){var e=this,i=[],o={},f=0,s=0,d=function(){if(f>=s)for(;f>s;++s)(function(n){T(e,n,function(){return h(),i[n]},c)})(s)},h=function(){var n,e,u=arguments,c=/\s+/;if(u[b])for(e=0;e<u[b];++e)if(c.test(u[e]))throw n=new SyntaxError('String "'+u[e]+'" '+j+" an invalid character"),n.code=5,n.name="InvalidCharacterError",n;for(i=(""+r[t]).replace(/^\s+|\s+$/g,"").split(c),""===i[0]&&(i=[]),o={},e=0;e<i[b];++e)o[i[e]]=a;f=i[b],d()};return h(),T(e,b,function(){return h(),f}),e[E[6]]=e[E[5]]=function(){return h(),i.join(l)},e.item=function(n){return h(),i[n]},e[j]=function(n){return h(),!!o[n]},e[A]=function(){h[S](e,n=arguments);for(var n,u,c=0,s=n[b];s>c;++c)u=n[c],o[u]||(i.push(u),o[u]=a);f!==i[b]&&(f=i[b]>>>0,r[t]=i.join(l),d())},e[C]=function(){h[S](e,n=arguments);for(var n,u={},c=0,s=[];c<n[b];++c)u[n[c]]=a,delete o[n[c]];for(c=0;c<i[b];++c)u[i[c]]||s.push(i[c]);i=s,f=s[b]>>>0,r[t]=i.join(l),d()},e[M]=function(r,t){return h[S](e,[r]),n!==t?t?(e[A](r),a):(e[C](r),c):o[r]?(e[C](r),c):(e[A](r),a)},function(n,r){if(r)for(var t=0;7>t;++t)r(n,E[t],{enumerable:c})}(e,u[p]),e},D=function(n,r,t){T(n[N],r,function(){var n,e=this,i=m+p+r;if(e[i])return n;if(e[i]=a,c===O){for(var u,f=D.mirror=D.mirror||o[d](_),l=f.childNodes,s=l[b],h=0;s>h;++h)if(l[h]._R===e){u=l[h];break}u||(u=f.appendChild(o[d](_))),n=x.call(u,e,t)}else n=new x(e,t);return T(e,r,function(){return n}),delete e[i],n},a)};if(i[h])r=o[d](_)[y],N=i[h][N],r[A][S](r,E),2>r[b]&&(t=N[A],e=N[C],N[A]=function(){for(var n=0,r=arguments;n<r[b];++n)t.call(this,r[n])},N[C]=function(){for(var n=0,r=arguments;n<r[b];++n)e.call(this,r[n])}),r[M](g,c)&&(N[M]=function(r,t){var e=this;return e[(t=n===t?!e[j](r):t)?A:C](r),!!t});else{if(O)try{T({},"support")}catch(G){O=c}x.polyfill=a,i[h]=x,D(i[s],y,v+"Name"),D(i[k+"Link"+s],L,w),D(i[k+"Anchor"+s],L,w),D(i[k+"Area"+s],L,w)}}();
|
||||
|
||||
|
||||
var doc = document,
|
||||
win = window,
|
||||
body = doc.body,
|
||||
raf = win.requestAnimationFrame
|
||||
|| win.webkitRequestAnimationFrame
|
||||
|| win.mozRequestAnimationFrame
|
||||
|| win.msRequestAnimationFrame
|
||||
|| function(cb) { return setTimeout(cb, 16); },
|
||||
initialize_class = 'initialized',
|
||||
active_class = 'active',
|
||||
event_listener_support = Element.prototype.addEventListener,
|
||||
sliderInit = function(el) {
|
||||
el.classList.remove('slider-fallback');
|
||||
el.classList.add(initializeClass);
|
||||
};
|
||||
|
||||
doc.documentElement.classList.remove('no-js');
|
||||
doc.documentElement.classList.add('js');
|
||||
|
||||
function btn_fns (str) {
|
||||
var attr = 'data-' + str,
|
||||
btns = doc.querySelectorAll('[' + attr + ']');
|
||||
if (btns.length) {
|
||||
forEach(btns, function (btn) {
|
||||
var target = doc.querySelector(btn.getAttribute(attr));
|
||||
if (target) {
|
||||
function btn_core () {
|
||||
switch(str) {
|
||||
case 'toggle':
|
||||
target.classList.toggle(active_class);
|
||||
btn.classList.toggle('expanded');
|
||||
break;
|
||||
case 'add':
|
||||
target.classList.add(active_class);
|
||||
break;
|
||||
case 'remove':
|
||||
target.classList.remove(active_class);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (event_listener_support) {
|
||||
btn.addEventListener('click', btn_core)
|
||||
} else {
|
||||
btn.onclick = btn_core;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
btn_fns('toggle');
|
||||
btn_fns('add');
|
||||
btn_fns('remove');
|
||||
|
||||
if (event_listener_support) {
|
||||
win.addEventListener('click', cancel_click);
|
||||
} else {
|
||||
win.onclick = function(e) {
|
||||
cancel_click(e);
|
||||
}
|
||||
}
|
||||
|
||||
function cancel_click (e) {
|
||||
e = e || window.event;
|
||||
var target = e.target || e.srcElement,
|
||||
active_els = doc.querySelectorAll('.nav-wrap.active, .keywordOver.active, .select-star-wrapper.active');
|
||||
|
||||
if (target && !lookupByType(target, 'button', ['div', 'ul', 'li', 'article', 'section']) && active_els.length) {
|
||||
var active_parent = lookupByClass(target, 'active');
|
||||
|
||||
forEach(active_els, function(el) {
|
||||
if (!active_parent || el !== active_parent) {
|
||||
el.classList.remove(active_class);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function do_panup (selector) {
|
||||
var container = doc.querySelector(selector);
|
||||
if (container) {
|
||||
var items = container.children,
|
||||
count = items.length,
|
||||
current = 1;
|
||||
|
||||
if (count >= 2) {
|
||||
container.classList.add('panup');
|
||||
items[0].classList.add('in');
|
||||
|
||||
setTimeout(function() {
|
||||
container.classList.add(active_class);
|
||||
}, 1000);
|
||||
|
||||
setInterval(function(e) {
|
||||
|
||||
var out_el = current ? items[current - 1] : items[count - 1];
|
||||
out_el.className = 'out';
|
||||
setTimeout(function() {
|
||||
out_el.className = '';
|
||||
}, 600);
|
||||
|
||||
items[current].className = 'in';
|
||||
|
||||
current = current === count - 1 ? 0 : current + 1;
|
||||
|
||||
}, 4000);
|
||||
}
|
||||
}
|
||||
}
|
||||
do_panup('.keyword ul');
|
||||
do_panup('.prayerRQ .prayer');
|
||||
|
||||
// home sliders
|
||||
var mainBox_wrapper = doc.querySelector('.mainBox-slider'),
|
||||
mainBox_nav = doc.querySelector('.mainBox-nav'),
|
||||
mainBox_count = doc.querySelector('.mainBox .titleBox .count'),
|
||||
mainBox_current = doc.querySelector('.mainBox .titleBox .current-index');
|
||||
if (mainBox_wrapper && mainBox_nav) {
|
||||
var mainBox_slider = tns({
|
||||
container: mainBox_wrapper,
|
||||
// gutter: 10,
|
||||
navContainer: mainBox_nav,
|
||||
controls: false,
|
||||
loop: false,
|
||||
onInit: function(info) {
|
||||
mainBox_count.innerHTML = info.slideCount;
|
||||
},
|
||||
});
|
||||
|
||||
mainBox_slider.events.on('transitionStart', function(info) {
|
||||
mainBox_current.innerHTML = info.displayIndex;
|
||||
});
|
||||
}
|
||||
|
||||
var logo_box_wrapper = doc.querySelector('.logoBox-slider'),
|
||||
logo_box_controls = doc.querySelector('.logoBox .titleBox .arrow'),
|
||||
logo_box_nav = doc.querySelector('.logoBox .titleBox ul');
|
||||
if (logo_box_wrapper) {
|
||||
var logo_box_slider = tns({
|
||||
container: logo_box_wrapper,
|
||||
gutter: 10,
|
||||
controlsContainer: logo_box_controls,
|
||||
navContainer: logo_box_nav,
|
||||
});
|
||||
|
||||
preventLinkDefault(logo_box_nav);
|
||||
}
|
||||
|
||||
var cmTv_wrapper = doc.querySelector('.cmTv-slider'),
|
||||
cmTv_controls = doc.querySelector('.cmTv-controls'),
|
||||
cmTv_nav = doc.querySelector('.cmTv-nav'),
|
||||
cmTv_count = doc.querySelector('.cmTv .titleBox .count'),
|
||||
cmTv_current = doc.querySelector('.cmTv .titleBox .current-index');
|
||||
if (cmTv_wrapper) {
|
||||
var cmTv_slider = tns({
|
||||
container: cmTv_wrapper,
|
||||
// gutter: 10,
|
||||
controlsContainer: cmTv_controls,
|
||||
navContainer: cmTv_nav,
|
||||
onInit: function(info) {
|
||||
cmTv_count.innerHTML = info.slideCount;
|
||||
},
|
||||
});
|
||||
|
||||
cmTv_slider.events.on('transitionStart', function(info) {
|
||||
cmTv_current.innerHTML = info.displayIndex;
|
||||
});
|
||||
|
||||
preventLinkDefault(cmTv_nav);
|
||||
}
|
||||
|
||||
var img_wrapper = doc.querySelector('.img-slider'),
|
||||
img_prev = doc.querySelector('.img-slider-tools .prev'),
|
||||
img_next = doc.querySelector('.img-slider-tools .next'),
|
||||
img_count = doc.querySelector('.img-slider-tools .count'),
|
||||
img_current = doc.querySelector('.img-slider-tools .current-index');
|
||||
if (img_wrapper && img_prev && img_next) {
|
||||
var img_slider = tns({
|
||||
container: img_wrapper,
|
||||
gutter: 10,
|
||||
prevButton: img_prev,
|
||||
nextButton: img_next,
|
||||
nav: false,
|
||||
loop: false,
|
||||
autoHeight: true,
|
||||
onInit: function(info) {
|
||||
img_count.innerHTML = info.slideCount;
|
||||
},
|
||||
});
|
||||
|
||||
img_slider.events.on('transitionStart', function(info) {
|
||||
img_current.innerHTML = info.displayIndex;
|
||||
});
|
||||
}
|
||||
|
||||
var featuredBox_wrapper = doc.querySelector('.featuredBox-slider'),
|
||||
featuredBox_nav = doc.querySelector('.featuredBox .titleBox ul');
|
||||
if (featuredBox_wrapper) {
|
||||
var featuredBox_slider = tns({
|
||||
container: featuredBox_wrapper,
|
||||
gutter: 10,
|
||||
navContainer: featuredBox_nav,
|
||||
controls: false,
|
||||
loop: false,
|
||||
});
|
||||
|
||||
preventLinkDefault(featuredBox_nav);
|
||||
}
|
||||
|
||||
var comicNav_wrapper = doc.querySelector('.comic-nav-slider ul');
|
||||
if (comicNav_wrapper) {
|
||||
var comicNav_slider = tns({
|
||||
container: comicNav_wrapper,
|
||||
// gutter: 10,
|
||||
slideBy: 'page',
|
||||
items: 2,
|
||||
nav: false,
|
||||
loop: false,
|
||||
responsive: {
|
||||
400: { items: 3 },
|
||||
500: { items: 4 },
|
||||
640: { items: 5 },
|
||||
900: { items: 6 },
|
||||
1100: { items: 7 },
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// select stars
|
||||
var selectStarBox = doc.querySelector('.select-star-wrapper'),
|
||||
selectedBox = doc.querySelector('.select-star-wrapper .selected');
|
||||
selectedStar = doc.querySelector('.select-star-wrapper .selected .webtoon-star'),
|
||||
selectedStarInput = doc.querySelector('#selected-star');
|
||||
if (selectStarBox && selectedStar) {
|
||||
var optionBox = selectStarBox.querySelector('.select-star');
|
||||
if (event_listener_support) {
|
||||
optionBox.addEventListener('click', starSelection);
|
||||
} else {
|
||||
optionBox.onclick = starSelection;
|
||||
}
|
||||
}
|
||||
|
||||
function starSelection (e) {
|
||||
e = e || window.event;
|
||||
var target = e.target || e.srcElement,
|
||||
starEl = target.nodeName.toLowerCase() === 'li' ? target.children[0] : lookupByClass(target, 'webtoon-star'),
|
||||
exp = /\bstar\d+\b/,
|
||||
starStr = exp.exec(starEl.className)[0];
|
||||
|
||||
if (starStr) {
|
||||
selectedStar.className = selectedStar.className.replace(exp, starStr);
|
||||
selectedStarInput.value = starStr;
|
||||
}
|
||||
selectStarBox.classList.remove('active');
|
||||
selectedBox.classList.remove('expanded');
|
||||
console.log(selectedStarInput.value);
|
||||
}
|
||||
|
||||
// utility functions
|
||||
function preventLinkDefault (el) {
|
||||
if (el) {
|
||||
var links = el.querySelectorAll('a');
|
||||
if (links.length) {
|
||||
forEach(links, function(link) {
|
||||
if (event_listener_support) {
|
||||
link.addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
});
|
||||
} else {
|
||||
link.onclick = function(e) {
|
||||
e = e || window.event;
|
||||
e.preventDefault ? e.preventDefault() : (e.returnValue = false);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
function forEach (arr, callback, scope) {
|
||||
for (var i = 0, l = arr.length; i < l; i++) {
|
||||
callback.call(scope, arr[i], i);
|
||||
}
|
||||
}
|
||||
|
||||
function lookupByClass (el, cla) {
|
||||
if (el === body) { return null; }
|
||||
return typeof el.className !== 'string' || el.className.indexOf(cla) < 0 ? lookupByClass(el.parentNode, cla) : el;
|
||||
}
|
||||
|
||||
function lookupByType (el, target_name, arr) {
|
||||
if (!arr.length) { arr.push('body'); }
|
||||
var name = el.nodeName.toLowerCase();
|
||||
if (arr.indexOf(name) >= 0) { return null; }
|
||||
return name !== target_name ? lookupByType(el.parentNode, target_name, arr) : el;
|
||||
}
|
||||
|
||||
function getOffsetTop (el) {
|
||||
return el.getBoundingClientRect().top + document.documentElement.scrollTop;
|
||||
}
|
||||
93
public/theme/crossmap/mobile/news/news-article-share.php
Executable file
93
public/theme/crossmap/mobile/news/news-article-share.php
Executable file
@@ -0,0 +1,93 @@
|
||||
<!--Share-->
|
||||
<div class="shareline">
|
||||
<ul>
|
||||
<li class="comment"><a href="">
|
||||
<span class="icon i-comment active">
|
||||
<!--[if gte IE 9]><!-->
|
||||
<svg width="29" height="25" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M19.5 23.709V17.5H27a1.5 1.5 0 0 0 1.5-1.5V2A1.5 1.5 0 0 0 27 .5H2A1.5 1.5 0 0 0 .5 2v14.017a1.5 1.5 0 0 0 1.487 1.5l11.966.104 5.547 6.088z"
|
||||
stroke="#aaa" fill="#27afc9" fill-rule="nonzero"></path>
|
||||
</svg>
|
||||
<!--<![endif]-->
|
||||
<!--[if lte IE 8 ]>
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/comment.png" alt="" width="29" height="25">
|
||||
<![endif]-->
|
||||
</span>
|
||||
<span class="count comment-count">376</span>
|
||||
</a></li>
|
||||
<li class="heart"><a href="">
|
||||
<span class="icon i-heart active">
|
||||
<!--[if gte IE 9]><!-->
|
||||
<svg width="31" height="26" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M15.5 25c9-6.328 13.833-12.161 14.5-17.5C31-.508 20.75-2 15.5 6 10.25-2 0-.508 1 7.5c.667 5.339 5.5 11.172 14.5 17.5z"
|
||||
stroke="#aaa" fill="#f02455" fill-rule="nonzero"></path>
|
||||
</svg>
|
||||
<!--<![endif]-->
|
||||
<!--[if lte IE 8 ]>
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/heart.png" alt="" width="31" height="26">
|
||||
<![endif]-->
|
||||
</span>
|
||||
<span class="count heart-count">52</span>
|
||||
</a></li>
|
||||
<li class="facebook"><a href="">
|
||||
<span class="icon i-circle i-facebook">
|
||||
<!--[if gte IE 9]><!-->
|
||||
<svg width="10" height="20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M6.496 19.13H2.953v-8.745H0V6.988h2.953V4.49c0-1.432.42-2.55 1.26-3.358C5 .377 6.05 0 7.363 0 8.096 0 8.975.039 10 .117v3.045H8.15c-1.103 0-1.654.495-1.654 1.484v2.342h3.386l-.433 3.397H6.496v8.745z"
|
||||
fill="#fff" fill-rule="nonzero"></path>
|
||||
</svg>
|
||||
<!--<![endif]-->
|
||||
<!--[if lte IE 8 ]>
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/facebook.png" alt="" width="10" height="20">
|
||||
<![endif]-->
|
||||
</span>
|
||||
<span class="count facebook-count">231</span>
|
||||
</a></li>
|
||||
<li class="twitter"><a href="">
|
||||
<span class="icon i-circle i-twitter">
|
||||
<!--[if gte IE 9]><!-->
|
||||
<svg width="17" height="14" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M17 1.63s-.664 1.072-1.738 1.798c.221 4.924-3.381 10.384-9.922 10.384-3.254 0-5.34-1.578-5.34-1.578s2.56.537 5.15-1.42c-2.622-.158-3.254-2.43-3.254-2.43s.727.19 1.58-.063C.537 7.595.664 4.849.664 4.849s.726.442 1.58.442C-.412 3.239 1.168.619 1.168.619s2.402 3.378 7.205 3.662c-.696-3.82 3.697-5.587 5.94-3.188 1.17-.19 2.244-.852 2.244-.852s-.38 1.294-1.549 1.925C15.957 2.103 17 1.629 17 1.629z"
|
||||
fill="#fff" fill-rule="nonzero"></path>
|
||||
</svg>
|
||||
<!--<![endif]-->
|
||||
<!--[if lte IE 8 ]>
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/twitter.png" alt="" width="17" height="14">
|
||||
<![endif]-->
|
||||
</span>
|
||||
<span class="count twitter-count"></span>
|
||||
</a></li>
|
||||
<li class="kakao"><a href="">
|
||||
<span class="icon i-circle i-kakao">
|
||||
<!--[if gte IE 9]><!-->
|
||||
<svg width="10" height="18" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M.971.925V10H5c0 2-1 3.667-3 5l3 3c2.667-2 4.333-4.667 5-8V.925H.971z" fill="#fff"
|
||||
fill-rule="nonzero"></path>
|
||||
</svg>
|
||||
<!--<![endif]-->
|
||||
<!--[if lte IE 8 ]>
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/kakao.png" alt="" width="10" height="18">
|
||||
<![endif]-->
|
||||
</span>
|
||||
<span class="count kakao-count"></span>
|
||||
</a></li>
|
||||
<li class="url"><a href="">
|
||||
<span class="icon i-circle i-url">
|
||||
<!--[if gte IE 9]><!-->
|
||||
<svg width="24" height="11" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M7.82.758v6.087c0 1.012-.316 1.811-.949 2.4-.632.588-1.497.882-2.593.882-1.079 0-1.936-.286-2.57-.857-.635-.571-.959-1.356-.972-2.355V.758h1.905v6.1c0 .605.145 1.046.434 1.323.29.278.691.416 1.203.416 1.071 0 1.615-.563 1.632-1.688V.758h1.91zm4.983 5.859h-1.517V10H9.382V.758h3.434c1.092 0 1.934.243 2.526.73.593.486.889 1.174.889 2.063 0 .63-.137 1.156-.41 1.577-.272.421-.686.757-1.24 1.006l2 3.777V10h-2.045l-1.733-3.383zm-1.517-1.543h1.536c.478 0 .849-.121 1.111-.365.262-.243.394-.578.394-1.006 0-.436-.124-.779-.372-1.028-.247-.25-.627-.375-1.14-.375h-1.529v2.774zm8.297 3.396h4.043V10h-5.948V.758h1.905V8.47z"
|
||||
fill="#fff" fill-rule="nonzero"></path>
|
||||
</svg>
|
||||
<!--<![endif]-->
|
||||
<!--[if lte IE 8 ]>
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/url.png" alt="" width="24" height="11">
|
||||
<![endif]-->
|
||||
</span>
|
||||
</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
378
public/theme/crossmap/mobile/news/news-article.php
Executable file
378
public/theme/crossmap/mobile/news/news-article.php
Executable file
@@ -0,0 +1,378 @@
|
||||
<!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>
|
||||
<?php $this->load->view('mobile/news/news-head-meta')?>
|
||||
<?php $this->load->view('mobile/news/news-head')?>
|
||||
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials.css" />
|
||||
<link type="text/css" rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials-theme-flat.css" />
|
||||
<style>
|
||||
.shareline li {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.jssocials-share-link {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.shareline li {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.jssocials-share-logo {
|
||||
width: 1em;
|
||||
vertical-align: top;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<?php $this->load->view('mobile/news/news-header')?>
|
||||
<div class="main-container">
|
||||
<!--Body Container-->
|
||||
<div class="container articleCon">
|
||||
|
||||
<div class="articleBox">
|
||||
<div class="news-header">
|
||||
<h2><?php echo $page->postTitle ?></h2>
|
||||
<a class="atlogo" href="#">
|
||||
<?php if ($reporter && $reporter->logo_img) {?>
|
||||
<img src="https://crossmap.co.kr<?php echo $reporter->logo_img?>">
|
||||
<?php } else { ?>
|
||||
<img src="https://crossmap.co.kr/files/press/2019/01/296c76310f3141e0caa5ddbceed92c65.png">
|
||||
<?php }?>
|
||||
</a>
|
||||
|
||||
<div class="function">
|
||||
<a href="" class="cm-share-email-btn"><img
|
||||
src="http://www.crossmap.co.kr/renew2/img/ic-email.gif"></a>
|
||||
<a href="javascript:popup_print();"><img
|
||||
src="http://www.crossmap.co.kr/renew2/img/ic-print.gif"></a>
|
||||
<a href="javascript:ts('print_area', 2);"><img
|
||||
src="http://www.crossmap.co.kr/renew2/img/ic-text-s.gif"></a>
|
||||
<a href="javascript:ts('print_area', -2);"><img
|
||||
src="http://www.crossmap.co.kr/renew2/img/ic-text-b.gif"></a>
|
||||
<a class="cm-share-email">email</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="time">입력 <?php echo date('Y.m.d H:i', strtotime($page->datePosted)) ?></div>
|
||||
|
||||
<?php $this->load->view('mobile/news/news-article-share')?>
|
||||
|
||||
<div class="view-article">
|
||||
<div class="article">
|
||||
<div class="subTitle"><?php echo $page->postExcerpt ?></div>
|
||||
<div class="cm-news-article">
|
||||
<?php echo $page->postContentHTML ?>
|
||||
</div>
|
||||
<div class="share-footer">
|
||||
<div class="heart">
|
||||
<a href=""><span class="icon i-heart">
|
||||
<!--[if gte IE 9]><!-->
|
||||
<svg width="31" height="26" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M15.5 25c9-6.328 13.833-12.161 14.5-17.5C31-.508 20.75-2 15.5 6 10.25-2 0-.508 1 7.5c.667 5.339 5.5 11.172 14.5 17.5z"
|
||||
stroke="#aaa" fill="#FFF" fill-rule="nonzero"></path>
|
||||
</svg>
|
||||
<!--<![endif]-->
|
||||
<!--[if lte IE 8 ]>
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/heart.png" alt="" width="31" height="26">
|
||||
<![endif]-->
|
||||
</span>
|
||||
<span class="count heart-count">14</span></a>
|
||||
</div>
|
||||
|
||||
<div class="share-footer-main">
|
||||
<span class="visible-icons">
|
||||
<a href="">
|
||||
<span class="icon i-circle i-facebook">
|
||||
<!--[if gte IE 9]><!-->
|
||||
<svg width="10" height="20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M6.496 19.13H2.953v-8.745H0V6.988h2.953V4.49c0-1.432.42-2.55 1.26-3.358C5 .377 6.05 0 7.363 0 8.096 0 8.975.039 10 .117v3.045H8.15c-1.103 0-1.654.495-1.654 1.484v2.342h3.386l-.433 3.397H6.496v8.745z"
|
||||
fill="#fff" fill-rule="nonzero"></path>
|
||||
</svg>
|
||||
<!--<![endif]-->
|
||||
<!--[if lte IE 8 ]>
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/facebook.png" alt="" width="10" height="20">
|
||||
<![endif]-->
|
||||
</span>
|
||||
</a>
|
||||
<a href="">
|
||||
<span class="icon i-circle i-twitter">
|
||||
<!--[if gte IE 9]><!-->
|
||||
<svg width="17" height="14" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M17 1.63s-.664 1.072-1.738 1.798c.221 4.924-3.381 10.384-9.922 10.384-3.254 0-5.34-1.578-5.34-1.578s2.56.537 5.15-1.42c-2.622-.158-3.254-2.43-3.254-2.43s.727.19 1.58-.063C.537 7.595.664 4.849.664 4.849s.726.442 1.58.442C-.412 3.239 1.168.619 1.168.619s2.402 3.378 7.205 3.662c-.696-3.82 3.697-5.587 5.94-3.188 1.17-.19 2.244-.852 2.244-.852s-.38 1.294-1.549 1.925C15.957 2.103 17 1.629 17 1.629z"
|
||||
fill="#fff" fill-rule="nonzero"></path>
|
||||
</svg>
|
||||
<!--<![endif]-->
|
||||
<!--[if lte IE 8 ]>
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/twitter.png" alt="" width="17" height="14">
|
||||
<![endif]-->
|
||||
</span>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span class="hidden-icons active">
|
||||
<a href="">
|
||||
<span class="icon i-circle i-kakao">
|
||||
<!--[if gte IE 9]><!-->
|
||||
<svg width="10" height="18" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M.971.925V10H5c0 2-1 3.667-3 5l3 3c2.667-2 4.333-4.667 5-8V.925H.971z"
|
||||
fill="#fff" fill-rule="nonzero"></path>
|
||||
</svg>
|
||||
<!--<![endif]-->
|
||||
<!--[if lte IE 8 ]>
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/kakao.png" alt="" width="10" height="18">
|
||||
<![endif]-->
|
||||
</span>
|
||||
</a>
|
||||
<a href="">
|
||||
<span class="icon i-circle i-url">
|
||||
<!--[if gte IE 9]><!-->
|
||||
<svg width="24" height="11" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M7.82.758v6.087c0 1.012-.316 1.811-.949 2.4-.632.588-1.497.882-2.593.882-1.079 0-1.936-.286-2.57-.857-.635-.571-.959-1.356-.972-2.355V.758h1.905v6.1c0 .605.145 1.046.434 1.323.29.278.691.416 1.203.416 1.071 0 1.615-.563 1.632-1.688V.758h1.91zm4.983 5.859h-1.517V10H9.382V.758h3.434c1.092 0 1.934.243 2.526.73.593.486.889 1.174.889 2.063 0 .63-.137 1.156-.41 1.577-.272.421-.686.757-1.24 1.006l2 3.777V10h-2.045l-1.733-3.383zm-1.517-1.543h1.536c.478 0 .849-.121 1.111-.365.262-.243.394-.578.394-1.006 0-.436-.124-.779-.372-1.028-.247-.25-.627-.375-1.14-.375h-1.529v2.774zm8.297 3.396h4.043V10h-5.948V.758h1.905V8.47z"
|
||||
fill="#fff" fill-rule="nonzero"></path>
|
||||
</svg>
|
||||
<!--<![endif]-->
|
||||
<!--[if lte IE 8 ]>
|
||||
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/url.png" alt="" width="24" height="11">
|
||||
<![endif]-->
|
||||
</span>
|
||||
</a>
|
||||
</span>
|
||||
<span class="icon i-circle i-toggle expanded"
|
||||
data-toggle=".share-footer-main .hidden-icons">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="copyright">
|
||||
<p>
|
||||
<저작권자 ⓒ '종교 신문 1위' 크리스천투데이, 무단전재 및 재배포 금지>
|
||||
</p>
|
||||
<div class="reporter">강혜진 기자</div>
|
||||
</div>
|
||||
|
||||
<div class="related">
|
||||
<h4>관련기사를 더 보시려면,</h4>
|
||||
<ul>
|
||||
<?php foreach($relatedNews as $r) {?>
|
||||
<li><a href="<?php echo $r->articleURL?>"><?php echo $r->postTitle?></a></li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!--Comment-->
|
||||
<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 style="height:100px;text-align:center; line-height:100px;">등록된 댓글이
|
||||
없습니다.</div>
|
||||
</div>
|
||||
<div class="viewall" id="comment_all_list"
|
||||
style="float:right; padding:20px 0 30px 0;display:none;"><a
|
||||
href="/web/news/news_comment/1257">전체 댓글 보기 ></a></div>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
<!--많이 본/댓글많은 뉴스-->
|
||||
<div class="mainBox">
|
||||
<ul class="titleBoxTab">
|
||||
<li class="current">많이 본</li>
|
||||
<li>댓글 많은</li>
|
||||
</ul>
|
||||
<div class="thumbList countList">
|
||||
<ul>
|
||||
<?php for ($i = 0; $i < 9; $i++) { ?>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $hotNews[$i]->articleURL?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $hotNews[$i]->postImage?>"
|
||||
style="max-height:86px"></a>
|
||||
<div class="des">
|
||||
<span class="blue"><?php $i+1?></span>
|
||||
<p><a
|
||||
href="<?php echo $hotNews[$i]->articleURL?>"><?php echo $hotNews[$i]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--포토-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">포토</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup"
|
||||
href="/channel/<?php echo $photoNews[0]->pageID?>/<?php echo $photoNews[0]->postSeq?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $photoNews[0]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="/channel/<?php echo $photoNews[0]->pageID?>/<?php echo $photoNews[0]->postSeq?>"><?php echo $photoNews[0]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup"
|
||||
href="/channel/<?php echo $photoNews[1]->pageID?>/<?php echo $photoNews[1]->postSeq?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $photoNews[1]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="/channel/<?php echo $photoNews[1]->pageID?>/<?php echo $photoNews[1]->postSeq?>"><?php echo $photoNews[1]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<?php $this->load->view('mobile/news/news-footer')?>
|
||||
</div>
|
||||
<!-- container end -->
|
||||
<?php $this->load->view('mobile/news/news-foot')?>
|
||||
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
|
||||
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials.min.js"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
var btnSocial = ["facebook", "twitter", "pinterest"];
|
||||
for (var i in btnSocial) {
|
||||
$(".shareline ." + btnSocial[i]).jsSocials({
|
||||
shares: [btnSocial[i]],
|
||||
showLabel: false,
|
||||
showCount: false,
|
||||
shareIn: "popup"
|
||||
});
|
||||
};
|
||||
var shareEmail = $('.cm-share-email').jsSocials({
|
||||
shares: ['email'],
|
||||
showLabel: false,
|
||||
showCount: false,
|
||||
shareIn: "popup"
|
||||
}).hide();
|
||||
$('.cm-share-email-btn').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
shareEmail.find('.jssocials-share-email .jssocials-share-logo').trigger('click');
|
||||
})
|
||||
Kakao.init('6ff83d5220e4182ba5f996b2cf6dd52c');
|
||||
$('.shareline .kakao').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
Kakao.Link.sendDefault({
|
||||
objectType: 'feed',
|
||||
content: {
|
||||
title: $(".article-header .title").text(),
|
||||
imageUrl: $(".cm-news-article img").attr('src'),
|
||||
link: {
|
||||
mobileWebUrl: location.href,
|
||||
webUrl: location.href
|
||||
}
|
||||
},
|
||||
buttons: [{
|
||||
title: '웹으로 보기',
|
||||
link: {
|
||||
mobileWebUrl: location.href,
|
||||
webUrl: location.href
|
||||
}
|
||||
}]
|
||||
});
|
||||
});
|
||||
$('.shareline .url').click(function(event) {
|
||||
event.preventDefault();
|
||||
var t = document.createElement("textarea");
|
||||
document.body.appendChild(t);
|
||||
t.value = window.location.href;
|
||||
t.select();
|
||||
document.execCommand('copy');
|
||||
document.body.removeChild(t);
|
||||
alert('url이 복사되었습니다.');
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
36
public/theme/crossmap/mobile/news/news-foot.php
Executable file
36
public/theme/crossmap/mobile/news/news-foot.php
Executable file
@@ -0,0 +1,36 @@
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
|
||||
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
|
||||
<script src="<?php echo THEME_FOLDER ?>/mobile/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]-->
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$(".mainBox .tagBox ul.owl-carousel").owlCarousel({
|
||||
itemElement: 'li',
|
||||
autoWidth: true,
|
||||
margin: 15,
|
||||
loop: true
|
||||
});
|
||||
$(".mainNav nav").draggable({
|
||||
axis: "x"
|
||||
});
|
||||
});
|
||||
</script>
|
||||
22
public/theme/crossmap/mobile/news/news-footer.php
Executable file
22
public/theme/crossmap/mobile/news/news-footer.php
Executable file
@@ -0,0 +1,22 @@
|
||||
<!--footer start-->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/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>
|
||||
</ul>
|
||||
<ul class="social">
|
||||
<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 class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br /> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--footer end-->
|
||||
|
||||
19
public/theme/crossmap/mobile/news/news-head-meta.php
Executable file
19
public/theme/crossmap/mobile/news/news-head-meta.php
Executable file
@@ -0,0 +1,19 @@
|
||||
<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="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
|
||||
<link rel="shortcut icon" href="<?php echo THEME_FOLDER?>/img/favicon.ico" type="image/x-icon">
|
||||
<link rel="apple-touch-icon" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
|
||||
<link rel="apple-touch-startup-image" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
|
||||
30
public/theme/crossmap/mobile/news/news-head.php
Executable file
30
public/theme/crossmap/mobile/news/news-head.php
Executable file
@@ -0,0 +1,30 @@
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="<?php echo THEME_FOLDER ?>/mobile/css/main.css">
|
||||
<link rel="stylesheet" href="<?php echo THEME_FOLDER ?>/mobile/css/section.css">
|
||||
<!-- Font -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo" rel="stylesheet">
|
||||
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.min.css">
|
||||
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
|
||||
<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]-->
|
||||
<style>
|
||||
.tagBox ul li {
|
||||
float: left;
|
||||
width: 250px;
|
||||
padding-right: 0;
|
||||
}
|
||||
.cm-second-nav{display:none}
|
||||
|
||||
</style>
|
||||
67
public/theme/crossmap/mobile/news/news-header.php
Executable file
67
public/theme/crossmap/mobile/news/news-header.php
Executable file
@@ -0,0 +1,67 @@
|
||||
<noscript>
|
||||
<p class="enable-js">
|
||||
To enjoy our website, you'll need to enable <b>JavaScript</b> in your web browser. Please <a
|
||||
href="http://enable-javascript.com/" target="_blank"><b>click here</b></a> to learn how.
|
||||
</p>
|
||||
</noscript>
|
||||
<!--[if lte IE 8]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Mobile nav Overlayer -->
|
||||
<div class="offcanvas" aria-hidden="true">
|
||||
<div class="nav-wrap">
|
||||
<button class="btn-close" data-remove=".nav-wrap"><i class="fas fa-times"></i></button>
|
||||
<nav class="site-nav">
|
||||
<ul>
|
||||
<li><a href="index.html">홈</a></li>
|
||||
<li><a href="index.html">뉴스</a></li>
|
||||
<li><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">
|
||||
<div class="topHead">
|
||||
<div class="container">
|
||||
<button class="nav-toggle" data-toggle=".nav-wrap"><img
|
||||
src="<?php echo THEME_FOLDER ?>/mobile/img/ic-menu.gif"></button>
|
||||
|
||||
<div class="logo"><a href="/"><img src="<?php echo THEME_FOLDER ?>/mobile/img/cm-symbol.gif" alt="크로스맵"
|
||||
height="34"></a>
|
||||
<a href="/news" class="sectionTitle">뉴스</a>
|
||||
</div>
|
||||
|
||||
<button class="search-toggle" data-add=".search"><img
|
||||
src="<?php echo THEME_FOLDER ?>/mobile/img/ic-mag.gif"></button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="mainNav">
|
||||
<nav>
|
||||
<ul>
|
||||
<?php echo $this->uri->segment(2) ? '<li>' : '<li class="current">' ?><a href="/news">홈</a></li>
|
||||
<?php echo preg_replace('/^<[^>]+>|<\/[^>]+>$/', '', hooskNav('news', '/news')) ?>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Search Over -->
|
||||
<div class="search">
|
||||
<div class="container">
|
||||
<button class="btn-close" data-remove=".search"><img
|
||||
src="<?php echo THEME_FOLDER ?>/mobile/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>
|
||||
</header>
|
||||
319
public/theme/crossmap/mobile/news/news-home.php
Executable file
319
public/theme/crossmap/mobile/news/news-home.php
Executable file
@@ -0,0 +1,319 @@
|
||||
<!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>
|
||||
<?php $this->load->view('mobile/news/news-head-meta')?>
|
||||
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
<?php $this->load->view('mobile/news/news-head')?>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<?php $this->load->view('mobile/news/news-header')?>
|
||||
<div class="main-container">
|
||||
<!--Body Container-->
|
||||
<div class="container">
|
||||
|
||||
<!--Main Slide-->
|
||||
<div class="mainNews">
|
||||
<a href="<?php echo $sortByPosted[0]->articleURL?>">
|
||||
<div class="photo"
|
||||
style="background:url('https://crossmap.co.kr<?php echo $sortByPosted[0]->postImage?>') no-repeat center; background-size:cover;">
|
||||
</div>
|
||||
</a>
|
||||
<div class="mainNewsTitle">
|
||||
<h2><a href="<?php echo $sortByPosted[0]->articleURL?>"><?php echo $sortByPosted[0]->postTitle?></a>
|
||||
</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<a
|
||||
href="<?php echo $sortByPosted[1]->articleURL?>"><?php echo $sortByPosted[1]->postTitle?></a>
|
||||
</li>
|
||||
<li><a
|
||||
href="<?php echo $sortByPosted[2]->articleURL?>"><?php echo $sortByPosted[2]->postTitle?></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
<div class="mainBox">
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<?php foreach(array_slice($sortByPosted, 3, 6) as $a) {?>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $a->articleURL?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $a->postImage?>" style="max-height:86px"></a>
|
||||
<div class="des">
|
||||
<p><a href="<?php echo $a->articleURL?>">
|
||||
<span
|
||||
class="blue"><?php echo $a->sectionCategory['title'] == '오피니언' ? '['.$a->sectionCategory['title'].']':''?></span>
|
||||
<?php echo $a->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mainBox">
|
||||
<div class="tagBox">
|
||||
<ul class='owl-carousel'>
|
||||
<?php foreach(array_slice($sortByPosted, 9, 9) as $a) {?>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $a->articleURL?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $a->postImage?>" style="max-height:141px"></a>
|
||||
<h3><a
|
||||
href="<?php echo $a->articleURL?>"><?php echo mb_strimwidth($a->postTitle, 0, 30, '...', 'utf-8')?></a>
|
||||
</h3>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
<div class="mainBox">
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<?php
|
||||
$seciontNames = array_keys(NEWS_SECTION_CATEGORY);
|
||||
shuffle($seciontNames);
|
||||
foreach($seciontNames as $sn) {
|
||||
if(!count($posts[$sn]))continue;
|
||||
?>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $posts[$sn][0]->articleURL?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $posts[$sn][0]->postImage?>"
|
||||
style="max-height:86px"></a>
|
||||
<div class="des">
|
||||
<div class="blue"><?php echo $posts[$sn][0]->sectionCategory['title']?></div>
|
||||
<p><a
|
||||
href="<?php echo $posts[$sn][0]->articleURL?>"><?php echo $posts[$sn][0]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
<!--선교/국제-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">선교/국제</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $posts['mission'][1]->articleURL?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $posts['mission'][1]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="<?php echo $posts['mission'][1]->articleURL?>"><?php echo $posts['mission'][1]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $posts['mission'][2]->articleURL?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $posts['mission'][2]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="<?php echo $posts['mission'][2]->articleURL?>"><?php echo $posts['mission'][2]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="thumbList newsList">
|
||||
<ul>
|
||||
<?php foreach(array_slice($posts['mission'], 3, 4) as $a) {?>
|
||||
<li>
|
||||
<p><a href="<?php echo $a->articleURL?>"><?php echo $a->postTitle?></a></p>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--사회-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">사회</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $posts['society'][1]->articleURL?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $posts['society'][1]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="<?php echo $posts['society'][1]->articleURL?>"><?php echo $posts['society'][1]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $posts['society'][2]->articleURL?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $posts['society'][2]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="<?php echo $posts['society'][2]->articleURL?>"><?php echo $posts['society'][2]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="thumbList newsList">
|
||||
<ul>
|
||||
<?php foreach(array_slice($posts['society'], 3, 4) as $a) {?>
|
||||
<li>
|
||||
<p><a href="<?php echo $a->articleURL?>"><?php echo $a->postTitle?></a></p>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--문화-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">문화</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $posts['culture'][1]->articleURL?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $posts['culture'][1]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="<?php echo $posts['culture'][1]->articleURL?>"><?php echo $posts['culture'][1]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $posts['culture'][2]->articleURL?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $posts['culture'][2]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="<?php echo $posts['culture'][2]->articleURL?>"><?php echo $posts['culture'][2]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="thumbList newsList">
|
||||
<ul>
|
||||
<?php foreach(array_slice($posts['culture'], 3, 4) as $a) {?>
|
||||
<li>
|
||||
<p><a href="<?php echo $a->articleURL?>"><?php echo $a->postTitle?></a></p>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--많이 본/댓글많은 뉴스-->
|
||||
<div class="mainBox">
|
||||
<ul class="titleBoxTab">
|
||||
<li class="current">많이 본</li>
|
||||
<li>댓글 많은</li>
|
||||
</ul>
|
||||
<div class="thumbList countList">
|
||||
<ul>
|
||||
<?php for ($i = 0; $i < 9; $i++) { ?>
|
||||
<li>
|
||||
<a class="img-scaleup" href="<?php echo $hotNews[$i]->articleURL?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $hotNews[$i]->postImage?>"
|
||||
style="max-height:86px"></a>
|
||||
<div class="des">
|
||||
<span class="blue"><?php $i+1?></span>
|
||||
<p><a
|
||||
href="<?php echo $hotNews[$i]->articleURL?>"><?php echo $hotNews[$i]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--기도소식-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">기도소식</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup"
|
||||
href="/channel/<?php echo $prayNews[0]->pageID?>/<?php echo $prayNews[0]->postID?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $prayNews[0]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="/channel/<?php echo $prayNews[0]->pageID?>/<?php echo $prayNews[0]->postID?>"><?php echo $prayNews[0]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup"
|
||||
href="/channel/<?php echo $prayNews[1]->pageID?>/<?php echo $prayNews[1]->postID?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $prayNews[1]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="/channel/<?php echo $prayNews[1]->pageID?>/<?php echo $prayNews[1]->postID?>"><?php echo $prayNews[1]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<?php $this->load->view('mobile/news/news-footer')?>
|
||||
</div>
|
||||
<!-- container end -->
|
||||
<?php $this->load->view('mobile/news/news-foot')?>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
176
public/theme/crossmap/mobile/news/news-section.php
Executable file
176
public/theme/crossmap/mobile/news/news-section.php
Executable file
@@ -0,0 +1,176 @@
|
||||
<!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>
|
||||
<?php $this->load->view('mobile/news/news-head-meta')?>
|
||||
|
||||
<link rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
<?php $this->load->view('mobile/news/news-head')?>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<?php $this->load->view('mobile/news/news-header')?>
|
||||
<div class="main-container">
|
||||
<!--Body Container-->
|
||||
<div class="container">
|
||||
|
||||
<!--Main Slide-->
|
||||
<div class="mainNews">
|
||||
<a href="#">
|
||||
<div class="photo"
|
||||
style="background:url('https://crossmap.co.kr<?php echo $posts[0]->postImage ?>') no-repeat center; background-size:cover;">
|
||||
</div>
|
||||
</a>
|
||||
<div class="mainNewsTitle">
|
||||
<h2><a href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $posts[0]->postSeq ?>"><?php echo $posts[0]->postTitle ?></a>
|
||||
</h2>
|
||||
<ul>
|
||||
<?php foreach($relatedNews as $a) {?>
|
||||
<li><a href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postID ?>"><?php echo $a->postTitle ?></a>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mainBox">
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<?php foreach(array_slice($posts, 1, 6) as $a) {?>
|
||||
<li>
|
||||
<a class="img-scaleup" href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postSeq ?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $a->postImage ?>" style="max-height:86px"></a>
|
||||
<div class="des">
|
||||
<p><a href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postSeq ?>"><?php echo $a->postTitle ?></a></p>
|
||||
<div><i class="far fa-clock"></i> <?php echo date('Y.m.d', strtotime($a->datePosted)) ?>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
<!--Tag-->
|
||||
<div class="mainBox">
|
||||
<div class="tagBox">
|
||||
<ul class='owl-carousel'>
|
||||
<?php foreach(array_slice($posts, 7, 9) as $a) {?>
|
||||
<li>
|
||||
<a class="img-scaleup" href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postSeq ?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $a->postImage?>" style="max-height:141px"></a>
|
||||
<h3><a
|
||||
href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postSeq ?>"><?php echo mb_strimwidth($a->postTitle, 0, 30, '...', 'utf-8')?></a>
|
||||
</h3>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mainBox">
|
||||
<div class="thumbList">
|
||||
<ul>
|
||||
<?php foreach(array_slice($posts, 16) as $a) {?>
|
||||
<li>
|
||||
<a class="img-scaleup" href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postSeq ?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $a->postImage?>" style="max-height:86px"></a>
|
||||
<div class="des">
|
||||
<p><a href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postSeq ?>"><?php echo $a->postTitle?></a></p>
|
||||
<div><i class="far fa-clock"></i> <?php echo date('Y.m.d', strtotime($a->datePosted)) ?>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<?php }?>
|
||||
<li class="more"><a href="#">더보기 <i class="fas fa-chevron-down"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Banner-->
|
||||
<div class="mBanner">
|
||||
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
|
||||
</div>
|
||||
|
||||
<!--많이 본/댓글많은 뉴스-->
|
||||
<div class="mainBox">
|
||||
<ul class="titleBoxTab">
|
||||
<li class="current">많이 본</li>
|
||||
<li>댓글 많은</li>
|
||||
</ul>
|
||||
<div class="thumbList countList">
|
||||
<ul>
|
||||
<?php for ($i = 0; $i < 9; $i++) { ?>
|
||||
<li>
|
||||
<a class="img-scaleup" href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $hotNews[$i]->postID ?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $hotNews[$i]->postImage?>"
|
||||
style="max-height:86px"></a>
|
||||
<div class="des">
|
||||
<span class="blue"><?php $i+1?></span>
|
||||
<p><a
|
||||
href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $hotNews[$i]->postID ?>"><?php echo $hotNews[$i]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<?php }?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--포토-->
|
||||
<div class="mainBox">
|
||||
<div class="titleBox">
|
||||
<ul>
|
||||
<li class="view"><a href="#">포토</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mainBox-slider">
|
||||
<div class="thumbBox">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="img-scaleup"
|
||||
href="/channel/<?php echo $photoNews[0]->pageID?>/<?php echo $photoNews[0]->postSeq?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $photoNews[0]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="/channel/<?php echo $photoNews[0]->pageID?>/<?php echo $photoNews[0]->postSeq?>"><?php echo $photoNews[0]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a class="img-scaleup"
|
||||
href="/channel/<?php echo $photoNews[1]->pageID?>/<?php echo $photoNews[1]->postSeq?>"><img
|
||||
src="https://crossmap.co.kr<?php echo $photoNews[1]->postImage?>"></a>
|
||||
<div class="des">
|
||||
<p><a
|
||||
href="/channel/<?php echo $photoNews[1]->pageID?>/<?php echo $photoNews[1]->postSeq?>"><?php echo $photoNews[1]->postTitle?></a>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<?php $this->load->view('mobile/news/news-footer')?>
|
||||
</div>
|
||||
<!-- container end -->
|
||||
<?php $this->load->view('mobile/news/news-foot')?>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user