@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position:relative;padding:15px 50px}
.notice h2 {margin-bottom:20px}
.notice h2 a {font-size:1.2em;color:#fff}
.notice li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.notice li a { display: flex; justify-content: space-between; }
.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:baseline}
.notice li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em;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  { padding-top: 100px;color:#e3e3e3; }

.notice li a { display: flex; justify-content: space-between; padding: 5px 0 0;  }
.notice li a .bo_title { position: relative; padding-left: 20px; font-size: 14px; margin:0; }
.notice li a .bo_title:before { content: "・"; position: absolute; left:0; top: 50%; transform: translateY(-50%); color: #c6c6c6;}
.notice li a .date {width: 65px; height: 100%; color:#989898; font-size: 13px;}