@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position:relative;padding:0px 0px}
/*
.notice h2 {margin-bottom:20px}
.notice h2 a {font-size:1.2em;color:#fff}
*/
.notice li {
  line-height: 1.125rem;
  text-overflow:ellipsis;white-space:nowrap;
  background:url('./li_dot.gif') 4px 14px no-repeat;
  text-indent: 8px;
}
.notice li a, .notice li.empty_li {
  width: 100%;
  max-width: 540px;
  color:#000;
  padding:8px 0;
  display:inline-block;
}
.notice li .lock_icon {display:inline-block;text-indent:0;line-height:16px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;border:1px solid #a2c6ce;vertical-align:baseline}
.notice li .new_icon {display:inline-block;text-indent:0;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-left:2px;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; text-indent: 10px; line-height:130%}

.notice li dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 540px;
}
.notice li dl dt { width: 80%; }
.notice li dl dd { width: 20%; }

@media screen and (max-width: 640px) {
  .notice li dl { flex-direction: column-reverse; gap: 6px; }
  .notice li dl dt { width: 96%; overflow: hidden; text-overflow: ellipsis; }
  .notice li dl dd { width: 50px; font-weight: 700; }
}
@media screen and (max-width: 380px) {

}