@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_lt {position:relative;margin-bottom:20px;}
.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 .lt_more { border:1px #ddd solid; padding:10px 40px; border-radius:20px; color:#666; }
.pic_lt .lt_more:hover {color:#777}
.pic_lt ul:after {display:none;visibility:hidden;clear:both;content:""}
.pic_lt ul { margin-bottom:20px}
.pic_lt li {float:left;width:calc((100% / 3) - 17px);}
.pic_lt li img{ width:100%; height:230px;}
.pic_lt li.galley_li:nth-child(4n+4) { padding-right:0}
.pic_lt li .lt_img {margin:5px 0;display:block}
.pic_lt li .lt_img img, .pic_lt li .lt_img video{width:100%;height:auto}
.pic_lt li a:hover {color:#36C}
.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 #cbe3e8;vertical-align:middle}
.pic_lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.pic_lt li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_lt li .fa-caret-right {color:#bbb}
.pic_lt li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_lt li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}
.pic_lt li .bo_cnt{ display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height:30px;color:#494949;text-overflow: ellipsis;white-space: normal; margin-top:10px;}
.pic_lt .profile_img img{border-radius:50%}

.pic_lt .conTxt{ background:#fff;padding:30px; }
.pic_lt .conTxt .sTit{ display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:60px;text-overflow: ellipsis;white-space: normal;}

.lt_info {}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.pic_lt .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.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}


a.prd{display:flex;flex-direction:column;width:100%;background:rgba(255, 255, 255, 1);transition:all .3s ease;border-radius:10px;}
a.prd:hover{box-shadow:0 24px 24px -16px rgba(0, 0, 0, .24);}

.detailBtn{display:inline-block;  color:#555; font-weight:400; box-sizing:border-box; transition:all .3s linear; padding:10px 50px; text-align:center; border-radius:56px; border:1px solid #ddd;} 
.detailBtn:hover{background:#1947ba; border-color:#1947ba; color:#fff;}




@media all and (max-width : 1920px){
	.pic_lt .conTxt{ padding:20px;}
	.pic_lt li .bo_cnt{ height:30px;}
	.pic_lt .conTxt .sTit{ height:33px;}

}
@media all and (max-width : 1280px){
	.pic_lt ul{ margin-bottom:30px;}
	.pic_lt li{width:calc((100% / 3) - 10px); padding-right:10px;}
}

@media all and ( max-width: 800px ){
	
	.pic_lt li{width:calc((100% / 2) - 8px);}
	.pic_lt li:nth-child(2n+2){ padding-right:0;}
	.pic_lt li:nth-child(1), .pic_lt li:nth-child(2){ margin-bottom:10px;}
}
@media all and ( max-width: 480px ){
	.pic_lt {margin:20px;}
	.pic_lt li{ width:100%;}
	.pic_lt li:nth-child(3){ margin-bottom:10px;}
	
	.s04_info {width:85% !important;}
}