@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 { position: relative; width:360px; margin-right:25px; margin-bottom:0; background: #fff; border-radius: 1rem; overflow: hidden; }
.djcc-gallery-wrap ul.items li.item::after { display: block; clear: both; content: ''; }

.djcc-gallery-wrap ul.items li.item .image { display: block; width:100%; }
.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 { position: absolute; display: block; width:100%; left: 0; bottom: 0; height: 40%; padding:4% 4% 0 4%; background: rgba(0,0,0,.75); color: #fff; }
.djcc-gallery-wrap ul.items li.item .lt_cate { display: block; color: #feece0; }
.djcc-gallery-wrap ul.items li.item .lt_tit { display: block; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; padding:5px 0 5px; font-weight: 400; font-size: 1.2rem; color: #fff; }
.djcc-gallery-wrap ul.items li.item .lt_body { min-height:60px; font-size:.9125rem; }
.djcc-gallery-wrap ul.items li.item .lt_more { text-align: right; }
.djcc-gallery-wrap ul.items li.item .lt_more a { display:inline-flex; align-items:center; border-radius:20px; background:#e67d28; padding:0 20px; font-size: .9rem; line-height: 1.8; color:#fff; }
.djcc-gallery-wrap ul.items li.item .lt_more a:hover { background: #914a12; }
.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 { position: absolute; width: 100%; bottom: 1rem; right: 1rem; }
	.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) {

	.djcc-gallery-wrap ul.items li.item .text { height: 30%; }

}