@charset "utf-8";

/* notice (latest) */
#max_lat_basic {position:relative;}
#max_lat_basic ul {border-top:1px solid #ddd;}
#max_lat_basic ul li {position:relative;padding:22px 20px;border-bottom:1px solid #ddd;overflow:hidden;}
#max_lat_basic ul li a {line-height:24px;font-weight:300;font-size:1.125em;line-height:20px;vertical-align:middle}
#max_lat_basic ul li a:hover {color:#3a8afd}
#max_lat_basic .lt_cont {float:left; width:70%;text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;  word-wrap: normal !important; display: block;}
#max_lat_basic .lt_cont span {display:inline; margin-left:10px !important; }
#max_lat_basic .lt_info { float:right; font-size:1.125em;font-weight:}
#max_lat_basic .lt_info .lt_date {color:#888}
#max_lat_basic .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
#max_lat_basic .empty_li {line-height:250px;color:#666;text-align:center;padding:0}
#max_lat_basic .empty_li:before {background:none;padding:0}
#max_lat_basic .cate {float: left;color:#006f76;font-weight: 300; font-size: 1.115em; line-height: 20px; margin-right:20px;}

@media screen and (max-width: 568px) {
#max_lat_basic .cate {font-size:.9em;}
#max_lat_basic ul li  {padding:15px;}
#max_lat_basic ul li a {font-size:.9em;}
#max_lat_basic .lt_info {font-size:.9em;}
}




/*아이콘 style*/
#max_lat_basic ul li .fa-heart {color:#ff0000}
#max_lat_basic ul li .fa-lock {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 #cbe3e8;vertical-align:middle}
#max_lat_basic ul li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
#max_lat_basic ul li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
#max_lat_basic ul li .fa-caret-right {color:#bbb}
#max_lat_basic ul li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
#max_lat_basic ul li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}