@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position:relative;}
.notice ul{}
.notice li{ border-bottom:1px solid rgb(0,0,0,0.1); padding:25px 0;}
.notice li a{ display:grid;grid-template-columns:1fr 200px; gap:20px; font-size:23px;} 
.notice li a span{ text-align:right; color:#777;}

.notice li .lock_icon {line-height:14px;width:16px;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:baseline}
.notice li .new_icon {line-height:16px;width:16px;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline}
.notice .cnt_cm {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space:nowrap;margin-left:5px}
.notice li.empty_li {border-bottom:0;line-height:120px}
.notice .bo_cnt{ display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height:85px; line-height:30px;color:#777;text-overflow: ellipsis;white-space: normal; margin-top:10px;}



.notice .lt_more{ position:absolute; right:0; top:0; border:1px #ddd solid; padding:10px 20px; border-radius:5px; font-size:17px;}

@media all and ( max-width: 1920px ){
	

	
	.notice .bo_cnt{ height:70px;line-height:23px; font-size:17px;}
	.notice li{ padding:20px 0;}
	.notice li a{ grid-template-columns:1fr 120px;font-size:20px;}

}

@media all and ( max-width: 640px ){


}
@media all and ( max-width: 480px ){
	.notice .lt_more{ padding:5px 10px;}
	.notice li a{ font-size:17px;}
}