@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_lt { position:relative; }
.pic_lt .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.pic_lt .lat_title a {color:#000;display:inline-block;position:relative}

.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul { display: flex; flex-wrap: wrap; }
.pic_lt li { overflow: hidden; width: 24%; margin-left: 1.333%; background: #fff; border-radius: 5px; }
.pic_lt li.gallery_li:nth-child(4n+1) { margin-left: 0%; }

.gallery_con { position: relative; display: flex; flex-wrap: wrap; align-content: space-between; height: 100%; transition: 0.3s; }
.gallery_con_inr { width: 100%; }

.pic_lt li .lt_img { position: relative; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 150px; padding: 30px; }
.pic_lt li .lt_img img, .pic_lt li .lt_img video { position: relative; max-width: 100%; height: auto; max-height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; z-index: 9; }
.gallery_con_txtbox { text-align: left; width: 100%; padding: 30px 20px; }
.gallery_con_txtbox .lt_cate { display: block; margin-bottom: 5px; color: #777; font-size: 15px; line-height: inherit; }
.gallery_con_txtbox .title { display:block; margin-bottom: 10px; font-size: 22px; font-weight: 800; line-height:1.33; transition: 0.3s; }
.gallery_con_txtbox p { color: #8c8d90; font-size: 0.9em; line-height: 1.4; }

.date_btn { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; width: 100%; height: 50px; padding: 0 20px; background: #e1e8f1; color: rgba(0, 0, 0, 0.5); font-size: 0.95em; font-weight: 500; transition: 0.3s; }
.gallery_con:hover .date_btn { background: #222; color: rgba(255, 255, 255, 0.9); }

.pic_lt .empty_li { text-align: center; width: 100%; margin: 0; padding: 0; background: transparent; color: #666; line-height: 145px; }
.pic_lt .empty_li:before {background:none;padding:0}

.lt_morebox { text-align: center; margin-top: 50px; }
.pic_lt .lt_more { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 55px; padding: 0 30px; background: #005fad; border-radius: 5px; color: #fff; font-family: 'S-CoreDream'; font-size: 1.1em; transition: 0.3s; }
.pic_lt .lt_more:hover { background: #364a87; text-decoration: underline; }
.pic_lt .lt_more i { margin-left: 5px; }

@media screen and (max-width: 768px) {
	
	.pic_lt li { width:49%; margin-left: 2%; margin-bottom: 15px; }
	.pic_lt li.gallery_li:nth-child(2n+1) { margin-left: 0%; }

	.gallery_con_txtbox .title { font-size: 18px; }

}

@media screen and (max-width: 480px) {
	
	.pic_lt li .lt_img { height: 120px; padding: 20px; }
	.gallery_con_txtbox p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 5em; }
	.date_btn { height: 40px; padding: 0 10px; }
	.pic_lt .lt_more { height: 50px; padding: 0 25px; }

}

@media screen and (max-width: 375px) {
	
	.pic_lt li { width:100%; margin-left: 0%; }

}