@charset "utf-8";

/* 최근게시물 스킨 (latest) */

.djcc-gallery-wrap {}
.djcc-gallery-wrap ul.item {}
.djcc-gallery-wrap ul.item::after { display: block; clear: both; content: ''; }
.djcc-gallery-wrap ul.items li.item { width:400px; margin-right:25px; margin-bottom:0; background: #fff; }
.djcc-gallery-wrap ul.items li.item::after { display: block; clear: both; content: ''; }

.djcc-gallery-wrap ul.items li.item .image { float:left; display: block; width:40%; }
.djcc-gallery-wrap ul.items li.item .lt_thumb { display:block; position:relative; width:100%; height:0; padding-bottom:120%; }
.djcc-gallery-wrap ul.items li.item .lt_thumb img { display: block; position: absolute; width:100%; height: 100%; }

.djcc-gallery-wrap ul.items li.item .text { float:left; display: block; width:60%; padding:4% 4% 0 4%; }
.djcc-gallery-wrap ul.items li.item .lt_cate { display: block; }
.djcc-gallery-wrap ul.items li.item .lt_tit { display: block; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px 0 5px; font-weight: 400; font-size: 1.2rem; }
.djcc-gallery-wrap ul.items li.item .lt_body { min-height:60px; font-size:.9125rem; }
.djcc-gallery-wrap ul.items li.item .lt_more { }
.djcc-gallery-wrap ul.items li.item .lt_more a { display:inline-flex; align-items:center; border-radius:20px; background:#ccc; padding:0 20px; font-size: .9rem; line-height: 1.8; color:#fff; }
.djcc-gallery-wrap ul.items li.item .lt_more a:hover { background: #aaa; }
.djcc-gallery-wrap ul.items li.item .lt_more a .icon { width: 10px; height: 10px; position: relative; margin-left: 20px; }
.djcc-gallery-wrap ul.items li.item .lt_more a .icon::before { content: ''; position: absolute; width: 1px; height: 10px; left:50%; top:0; background: #fff; transform:translateX(-50%); }
.djcc-gallery-wrap ul.items li.item .lt_more a .icon::after { content: ''; position: absolute; width: 10px; height: 1px; left:0; top:50%; background: #fff; transform:translateY(-50%); }


@media screen and (max-width: 1200px) {
	
	.djcc-gallery-wrap ul.items li.item .lt_tit { padding:5px 0 5px; font-size: 1.1rem; }
	.djcc-gallery-wrap ul.items li.item .lt_body { min-height:50px; font-size:.875rem; }

}

@media screen and (max-width: 1024px) {
	.djcc-gallery-wrap ul.items li.item { width:calc((100% - 60px) / 3); margin-right:20px; }
	/* .djcc-gallery-wrap ul.items li.item:nth-child(2n) { margin-right:20px; } */
	
	.djcc-gallery-wrap ul.items li.item .text { padding:2% 2% 0 2%; }
	.djcc-gallery-wrap ul.items li.item .lt_tit { padding:5px 0 3px; font-size: 1.0rem; }
	.djcc-gallery-wrap ul.items li.item .lt_body { min-height:40px; font-size:.8125rem; }
	.djcc-gallery-wrap ul.items li.item .lt_more a { border-radius:20px; padding:0 20px; font-size: .9rem; line-height: 1.6; }

}

@media screen and (max-width: 767px) {
	.djcc-gallery-wrap ul.items li.item { width:calc((100% - 40px) / 2); margin-right:20px; }
}


@media screen and (max-width: 560px) {

}