@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position:relative;}
.notice ul li{ border-bottom:1px #dce3e8 solid; width:100%; padding:37px 270px; box-sizing:border-box; }
.notice ul li a{display:flex; justify-content: space-between;color:#2a3f4d}
.notice ul li a div span{ margin-right:100px; color:#6f899b;}
.notice ul li a div strong{}

.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 ul li{padding:30px 200px;}
	
	

}

@media all and ( max-width: 640px ){
	.notice ul li{ padding:30px;}
	.notice ul li a div span{ margin-right:20px;}


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

}