@charset "utf-8";
/* 새글 스킨 (latest) */
.pic_lt{position:relative;}
.pic_lt .lat_title {display:none;background:#fcfcfc;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;}
.pic_lt .lat_title a{color:#253dbe;display:inline-block;position:relative}
.pic_lt .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''}
.pic_lt .lt_more {display:none; position:absolute;top:11px;right:10px;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.pic_lt .lt_more:hover{color:#777}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul{ }
.pic_lt li{ width:100%; border-radius:10px; background:#fff; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.08);}
.pic_lt li:last-child{margin:0;}
.pic_lt li:nth-child(2){margin-top:50px;}
.pic_lt li .area_img{border-radius:10px 10px 0 0; height:300px; overflow:hidden; }
.pic_lt li .area_img img{height:100%;}
.pic_lt li .area_txt{display:block; box-sizing:border-box; text-align:left; background:#fff; border-radius:0 0 10px 10px;}
.pic_lt li .area_txt .area_top{padding:30px;}
.pic_lt li .area_txt .area_bottom{display:block; border-top:1px solid #eee; padding:24px 30px;}
.pic_lt li .area_txt em{display:inline-block; margin:0 0 20px; padding:2px 7px; border:1px solid #f26530; background:#fef7f4; border-radius:5px; box-sizing:border-box; font-size:14px; color:#f26530; line-height:1.2em; word-break:keep-all; font-weight:500;}
.pic_lt li .area_txt h3{display:block; font-size:20px; font-weight:400; color:#252525; line-height:1.4em; word-break:keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
.bcont{display:block; margin:10px 0 0; min-height:42px; font-size:16px; font-weight:400; color:#7b7b7b; word-break:keep-all; line-height:1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.pic_lt li .lt_img{display:block}
.pic_lt li .lt_img img{width:100%;height:100%; transform:scale(1,1); transition:all 0.5s ease;}
.pic_lt li .lt_img:hover img{transform:scale(1.05,1.05);}
.pic_lt li a:hover{color:#a22121}
.pic_lt li .fa-heart{color:#ff0000;}
.pic_lt li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.pic_lt li .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.pic_lt li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.pic_lt li .fa-caret-right{color:#bbb}
.pic_lt .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.pic_lt .lt_date{margin:20px 0 0; display:inline-block;  font-size:14px; font-weight:400; color: #aaa;}



@media (max-width:1200px) {
	.pic_lt li .area_txt .area_top{padding:25px;}
	.pic_lt li .area_txt .area_bottom{padding:15px 25px;}
	.pic_lt li .area_txt h3{font-size:18px;}
	.bcont{font-size:15px;}
	.pic_lt li:nth-child(2){margin-top:30px;}
}

@media (max-width:950px) {
	.pic_lt li .area_txt .area_top{padding:20px;}
	.pic_lt li .area_txt .area_bottom{padding:10px 20px;}
	.pic_lt li .area_txt h3{font-size:17px;}
	.bcont{font-size:14px;}
}
@media (max-width:800px) {
	.pic_lt li .area_txt .area_top{padding:15px;}
	.pic_lt li .area_txt .area_bottom{padding:8px 15px;}
	.pic_lt li .area_txt h3{font-size:16px;}
	.pic_lt .lt_date{font-size:13px;}
	.bcont{margin:5px 0 0;}
	.pic_lt li .area_img{border-radius:10px 10px 0 0;}
	.pic_lt li .area_txt{border-radius:0 0 10px 10px;}
}
@media (max-width:768px) {
	.pic_lt li .area_txt .area_bottom{padding:10px 15px;}
	.pic_lt li .area_txt em{font-size:13px; margin:0 0 12px;}
	.pic_lt .lt_date{margin:12px 0 0;}
}

@media (max-width:550px) {
	.pic_lt li .area_txt .area_bottom{padding:7px 15px;}
	.pic_lt li .area_txt em{padding:2px 5px; font-size:12px; margin:0 0 10px;}
	.pic_lt .lt_date{margin:10px 0 0;}
}
@media (max-width:450px) {
	.pic_lt .lt_date{font-size:12px;}
	.pic_lt li .area_txt h3{font-size:15px;}
	.pic_lt li .area_txt .area_top{padding:12px;}
	.bcont{font-size:13px;}
}