@charset "utf-8";
/* 새글 스킨 (latest) */
.pic_lt{position:relative; margin:60px 0 30px;}
.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:block; margin:90px auto 0; padding:24px 30px; width:235px; border:1px solid #ddd; color:#aaa;border-radius:3px;text-align:center;}
.pic_lt .lt_more > span{position:relative; font-size:19px; font-weight:400; color:#111; line-height:1em; word-break:keep-all;}
.pic_lt .lt_more > span:after{content:''; display:inline-block; margin:0 0 0 30px; width:20px; height:10px; background:url(../../../img/common/icon_arrow_bk.svg)no-repeat center; background-size:contain; transition:all 0.3s ease;}
.pic_lt .lt_more:hover span:after{margin:0 0 0 50px;}


.pic_lt .lt_more:hover{color:#777}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul{border-top:1px solid #222;}
.pic_lt li{padding:30px 60px; box-sizing:border-box; width:100%; border-bottom:1px solid #ddd; }
.pic_lt li > a{display:flex; align-items: center;}
.pic_lt li.empty_li{width:100%; box-shadow:none; font-size:20px; text-align:center; color:#aaa;}
.pic_lt li .area_img{position:relative; overflow:hidden; width:270px; height:190px; margin:0 50px 0 0;}
.pic_lt li .area_txt{display:block; width:calc(100% - 320px); box-sizing:border-box; text-align:left; }
.pic_lt li .area_txt .area_top{}
.pic_lt li .area_txt .area_bottom{display:block; }
.pic_lt li .area_txt h3{display:block; font-family: 'Bellefair', serif; font-size:20px; font-weight:400; color:#222; 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:96px; height:96px; 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: 4; -webkit-box-orient: vertical; }

.pic_lt li .lt_img img{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%) scale(1,1); transition:all 0.5s ease;}
.pic_lt li .lt_img:hover img{transform:translate(-50%, -50%) 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{display:block; margin:18px 0 0; font-family: 'Bellefair', serif; font-size:16px; font-weight:400; color: #777;}


@media (max-width:1100px){
	.pic_lt{margin:50px 0 0;}
	.pic_lt .lt_more{margin:70px auto 0;}
}
@media (max-width:1024px){
	.pic_lt li{padding:30px;}
	.pic_lt li .area_img{margin:0 30px 0 0; width:220px; height:150px;}
	.pic_lt li .area_txt{width:calc(100% - 250px);}
}

@media (max-width:850px){
	.pic_lt li{padding:30px 20px;}
	.pic_lt li .area_img{margin:0 20px 0 0; width:200px; height:140px;}
	.pic_lt li .area_txt{width:calc(100% - 220px);}
	.pic_lt .lt_date{margin:10px 0 0;}
}
@media (max-width:768px){
	.pic_lt{margin:40px 0 0;}
	.pic_lt li .area_img{margin:0 20px 0 0; width:160px; height:110px;}
	.pic_lt li .area_txt{width:calc(100% - 180px);}
	.pic_lt .lt_more{margin:60px auto 0; padding:20px; width:200px;}
	.pic_lt .lt_more > span{font-size:18px;}

}
@media (max-width:650px){
	.pic_lt li{padding:20px;}
	.pic_lt li .area_img{margin:0 18px 0 0;}
	.pic_lt li .area_txt h3{font-size:18px;}
	.pic_lt .lt_date{font-size:15px; margin:7px 0 0;}
	.pic_lt .lt_more{margin:50px auto 0; width:180px;}
	.pic_lt .lt_more > span:after{position:relative; top:-1px; margin:0 0 0 20px; width:17px; height:9px;}
	.pic_lt .lt_more:hover span:after{margin:0 0 0 27px;}

}
@media (max-width:550px){
	.pic_lt{margin:30px 0 0;}
	.pic_lt .lt_more{margin:50px auto 0; padding:20px; width:200px;}
	.pic_lt li{padding:20px;}
	.pic_lt li .area_img{margin:0 20px 0 0; width:140px; height:100px;}
	.pic_lt li .area_txt{width:calc(100% - 160px);}
	.pic_lt li .area_txt h3{font-size:17px;}
	.pic_lt .lt_date{font-size:14px; margin:5px 0 0;}
	.pic_lt .lt_more{margin:30px auto 0; width:160px; padding:15px;}
	.pic_lt .lt_more > span{font-size:17px;}

}
@media (max-width:450px){
	.pic_lt{margin:20px 0 0;}
	.pic_lt li{padding:18px;}
	.pic_lt li .area_img{display:none;}
	.pic_lt li .area_txt{width:100%;}
	.pic_lt li .area_txt h3{font-size:16px;}
	.pic_lt .lt_date{font-size:13px;}	
	.pic_lt .lt_more{margin:25px auto 0; width:145px; padding:12px 10px;}
	.pic_lt .lt_more > span{font-size:16px;}
}