@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;border-bottom:1px solid #343434}
.notice li a, .notice li.empty_li {color:#e3e3e3;padding:11px 0;display:inline-block}
.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 {border-bottom:0;line-height:120px}



.main-sec-notice { padding: 150px 0; }
.notice-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 0; }
.notice-head .main-title { margin-bottom: 0; }
.notice-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-top: 60px; width: 100%; }
.not-inner h5 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 40px; word-break: break-all; font-weight: 400; }
.not-card { display: block; text-decoration: none; color: #000; transition: 0.3s; word-break: keep-all; }

.not-line { width: 100%; height: 2px; background: #eee; margin-bottom: 20px; position: relative; }
.not-line span { position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #001f3f; transition: 0.5s; }
.not-date { color: #999; }
.not-card:hover .not-line span { width: 40%; }
.not-card:hover h5 {  }
@media (max-width: 1024px) { 
.main-sec-notice { padding: 100px 0; }
.notice-grid { grid-template-columns: repeat(2, 1fr); margin-top:20px;  } 
.not-line { width: 100%; height: 2px; background: #eee; margin-bottom: 20px; position: relative;display:none }
.not-inner h5 {height:auto; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:20px; word-break:break-all; }
}
@media (max-width: 768px) { 
.main-sec-notice { padding: 60px 0; }
.notice-grid { display: grid; grid-template-columns: 1fr; margin-top:0px;gap:0 }

.not-inner h5 { margin-bottom:0px;font-size:16px;border-bottom:1px solid #ddd;padding:20px 0}
}