@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position:relative;}
.notice .noticeT {display: flex; justify-content: space-between;  align-items: center; border-bottom: 2px solid #c99900;  padding-bottom: 20px;}
.notice .noticeT p{font-size: 36px; font-weight: 700; color:#222; }
.notice .noticeT a { background: #c99900; padding: 5px 30px;  border-radius: 30px; color: #fff;}
.notice .noticeT a span{}

.notice li {text-overflow:ellipsis;white-space:nowrap; border-bottom:1px #ddd solid; padding:38px 0;}
.notice li a, .notice li.empty_li {color:#333;padding:11px 0;}
.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:50px;color:#777;text-overflow: ellipsis;white-space: normal; margin-top:10px;}

.notice dl{ position:relative;}
.notice dl dt{ position:absolute; top:0; left:0; color:#555;}
.notice dl dt span{ display:block; font-size:50px; font-weight:900;}
.notice dl dd{ margin-left:120px;}

.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:40px;}
	.notice li{ padding:31px 0;}
	.notice dl dt span{ font-size:45px;}
	.notice .lt_more{ font-size:15px;}
}

@media all and ( max-width: 640px ){
	.notice li{ padding:15px 0;}
	.notice dl dd{ margin-left:70px;}
	.notice dl dt{ text-align:center;}
	.notice dl dt span{ font-size:37px;}
}
@media all and ( max-width: 480px ){
	.notice .lt_more{ padding:5px 10px;}
}