@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position:relative;}

.notice li {text-overflow:ellipsis;white-space:nowrap; border-top:1px #dce3e8 solid; }
.notice li a{padding:45px 100px; display:block;transition: all 0.3s; }
.notice li a:hover{ background:#0072bc; color:#fff;}
.notice a:hover dl dt span{color:#fff;}


.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: 2;overflow: hidden;height:54px;color:#777;text-overflow: ellipsis;white-space: normal; margin-top:10px;}

.notice dl{ color:#2a3f4d;}
.notice a:hover dl{color:#fff;}
.notice dl dt{ flex-basis: 80%; }
.notice dl dt span{ color:#6f899b; margin-right:50px;}
.notice dl dd{ text-align:right;}

.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 li a{padding:38px 100px}
	
	

}

@media all and ( max-width: 800px ){
	
	.notice li a{ padding:30px 10px;}
}
	
@media all and ( max-width: 640px ){
	.notice dl{ display:block;}
	.notice dl dd{ text-align:left; margin-left:80px; opacity:0.7;}
}
	
@media all and ( max-width: 480px ){
	
}