@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_lt {position:relative;;background:#fff}
.pic_lt .lat_title {display:block;font-size:27px;color:#000; line-height: 1; margin-bottom: 20px;}
.pic_lt .lat_title a {color:#000;display:inline-block;position:relative}

.pic_lt .lt_more {position:absolute;top:4px;right:0;display:block;width:auto;color:#000; font-size: 17px;}
.pic_lt .lt_more:hover { color: #008b73;}

.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul {margin: 0 -15px}
.pic_lt li {float:left;width:33.33%;padding:0 15px}
.pic_lt li:hover .lt_subject{ color: #008b73; text-decoration: underline;}

.pic_lt li.gallery_li:nth-child(4n+1) {clear: both!important}
.pic_lt li .lt_img {display: inline-block; width: 100%; height: 200px; float: left; overflow: hidden; border-top: 3px solid #008b73;}
.pic_lt li .lt_img img, .pic_lt li .lt_img video {width:100%;height:auto;}

.pic_lt li .lt_text { display: inline-block; width: 100%; height: auto; float: left; border-bottom: 1px solid #ddd; padding: 20px 0;}

.lt_text .lt_ca_name{ display: inline-block; width: 100%; height: 35px; float: left; overflow: hidden;}
.lt_text .lt_ca_name>span{ display: inline-block; width: auto; height: auto; float: left; font-size: 15px; color: #008b73; font-weight: bold; line-height: normal; margin-right: 15px; position: relative; padding-left: 10px;}
.lt_text .lt_ca_name>span:last-child{ margin-right: 0;}
.lt_text .lt_ca_name>span::before{ display: inline-block; width: auto; height: auto; content: "#"; color: #008b73; position: absolute; top: 0; left: 0;}

.lt_text .lt_subject{ display: inline-block; width: 100%; height: 60px; float: left; font-size: 21px; color: #000; word-break: break-all;}


.lt_info { display: inline-block; width: 100%; height: auto; float: left; padding: 0; margin-top: 15px;}
.lt_info .sv_member{ font-size: 15px; color: #888; float: left;}
.lt_info .lt_enter{ padding: 0 10px; font-size: 15px; color: #888; float: left;}
.lt_info .lt_date {color:#888; font-size: 15px; float: left;}

.pic_lt .empty_li {line-height:360px ;color:#888;text-align:center; width: 100%; border-bottom: 1px solid #ddd;}
.pic_lt .empty_li:before {background:none;padding:0}

.pic_lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

@media(max-width:950px){
	.pic_lt {position:relative;;background:#fff}
	.pic_lt .lat_title {display:block;font-size:1.8em;color:#000; line-height: 1; margin-bottom: 20px;}
	.pic_lt .lat_title a {color:#000;display:inline-block;position:relative}

	.pic_lt .lt_more {position:absolute;top:5px;right:0;display:block;width:auto;color:#000; font-size: 13px;}
	.pic_lt .lt_more:hover { color: #008b73;}

	.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
	.pic_lt ul {margin: 0}
	.pic_lt li {float:left;width: 100%;padding:0; margin-bottom: 20px;}
	.pic_lt li:last-child{ margin-bottom: 0;}
	.pic_lt li:hover .lt_subject{ color: #008b73; text-decoration: underline;}

	.pic_lt li.gallery_li:nth-child(4n+1) {clear: both!important}
	.pic_lt li .lt_img {display: inline-block; width: 100%; height: 150px; float: left; overflow: hidden; border-top: 3px solid #008b73;}
	.pic_lt li .lt_img img, .pic_lt li .lt_img video {width:100%;height:auto; transform: translateY(-50%); position: relative; top: 50%;}

	.pic_lt li .lt_text { display: inline-block; width: 100%; height: auto; float: left; border-bottom: 1px solid #ddd; padding: 10px 0;}

	.lt_text .lt_ca_name{ display: inline-block; width: 100%; height: auto; float: left; overflow: hidden; margin: 15px 0 0;}
	.lt_text .lt_ca_name>span{ display: inline-block; width: auto; height: auto; float: left; font-size: 13px; color: #008b73; font-weight: bold; line-height: normal; margin-right: 15px; position: relative; padding-left: 10px;}
	.lt_text .lt_ca_name>span:last-child{ margin-right: 0;}
	.lt_text .lt_ca_name>span::before{ display: inline-block; width: auto; height: auto; content: "#"; color: #008b73; position: absolute; top: 0; left: 0;}

	.lt_text .lt_subject{ display: inline-block; width: 100%; height: auto; float: left; font-size: 17px; color: #000; word-break: break-all;}


	.lt_info { display: inline-block; width: 100%; height: auto; float: left; padding: 0; margin-top: 15px;}
	.lt_info .sv_member{ font-size: 13px; color: #888; float: left;}
	.lt_info .lt_enter{ padding: 0 10px; font-size: 13px; color: #888; float: left;}
	.lt_info .lt_date {color:#888; font-size: 13px; float: left;}

	.pic_lt .empty_li {line-height:360px ;color:#888;text-align:center; width: 100%; border-bottom: 1px solid #ddd;}
	.pic_lt .empty_li:before {background:none;padding:0}

	.pic_lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
}