@charset "utf-8";

/* 최근게시물 공지 스킨 (latest) */
.notice:after {display:block;visibility:hidden;clear:both;content:""}
.notice {clear:both;position:relative;overflow:hidden;border-bottom:1px solid #e4e5e7;background:#fff;padding:20px}
.notice h2 {display:block;padding:0 0 20px;border-bottom:1px solid #e9e9e9;text-align:left;font-size:1.2em}
.notice h2 a {color:#000}
.notice h2 i {display:inline-block;margin-left:5px}
.notice ul {clear:both;margin-top:5px}
.notice li {position:relative;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.2em;border-bottom:1px solid #f0f0f1;padding:5px 0 5px 20px;line-height:30px}
.notice li:last-child {border:0}
.notice li:after {position:absolute;top:5px;left:0;content:"\f130" !important;font-size:18px;line-height:34px;text-align:center;color:#c8cacc;width:0;height:0;background:transparent;font-family:fontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} 
.notice li:hover:after {color:#2aba8a}
.notice li a {float:left;color:#262a46}
.notice li .lock_icon {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #a2c6ce;vertical-align:top}
.notice li .new_icon {line-height:16px;background:#3fd49e;border:1px solid #32c791;font-size:0.833em;color:#fff;padding:0 5px;width:16px;height:16px;border-radius:3px;margin-left:5px;text-align:center;vertical-align:middle}	
.notice li .cnt_cmt {line-height:16px;background:#fff;border:1px solid #cdcdcd;font-size:0.833em;color:#3598dc;padding:0 5px;width:16px;height:16px;border-radius:10px;margin-left:5px;text-align:center;vertical-align:middle}

@media (max-width:980px){
	.notice {margin-bottom:10px;border:1px solid #e4e5e7}
}

@media (max-width:720px){
	.notice {padding:15px}
}