@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position:relative;}
.notice ul{border-top: 2px solid #fff;}
.notice li{ border-bottom:1px solid rgb(255,255,255,0.4); padding:35px 25px;}
.notice li a{ display:grid; grid-template-columns:1fr 200px; gap:20px; font-size:23px;color:#fff;} 
.notice li a p{text-align: left;}
.notice li a span{ text-align:right; color:#fff;}
.notice li:hover a{color: #d4af37;}

.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:30px 0;}
	.notice li a{ grid-template-columns:1fr 120px;font-size:20px;}

}

@media all and ( max-width: 640px ){
	    
	.notice li { padding: 20px 0;}
    .notice li a { font-size: 17px; }
	

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