@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position: relative;
padding: 30px 40px;
background: #fff;height: 347px;}
.notice > h2 {
  margin-bottom: 0px;
  padding: 10px 5px;
}
.notice>h2>a {font-size:1em;color:#000;font-weight:400}
.notice li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.notice li a, .notice li.empty_li {color:#e3e3e3;padding:15px 0;display:inline-block}
.notice li a{display:block;width:100%}
.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}
.notice li dl{width:100%;}
.notice li dl:after{clear:both;content:'';display:block}
.notice li dl dt{width: 90px;
height: auto;
text-align: center;
color: #777;
border: 4px solid #e7eef4;
box-sizing: border-box;
padding: 14px 0px;
float: left;}

.notice li dl dt h4{font-weight: 400;
line-height: 0;
font-size: 13px;}
.notice li dl dt h2{font-weight: 400;
letter-spacing: 0px;
font-size: 12px;}


.notice li dl dd{width:calc(100% - 90px);padding:0 10px;float:right;}

.notice li dl dd h3{font-weight:600;padding:0 10px;color:#000}
.notice li dl dd h4{font-weight:400;color:#777;padding:5px 10px}









@media all and (min-width:1px) and (max-width:800px) {

.notice {
  position: relative;
  padding: 10px 10px;
  background: #fff;
  height: auto;
  width:100%
}


}