@charset "utf-8";

/* 새글 스킨 (info_latest) */
.info_lat {position:reinfo_lative; background:#fff; max-height: 540px; overflow-y: scroll;}
.info_lat .info_lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.info_lat .info_lat_title a {position:reinfo_lative;color:#000;display:inline-block}

.info_lat ul {} 
.info_lat li {position:reinfo_lative;line-height:18px;border-bottom:1px solid #e5ecee;}
.info_lat li .fa-heart {color:#ff0000}
.info_lat 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}
.info_lat 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}
.info_lat 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}
.info_lat li .fa-caret-right {color:#bbb}
.info_lat 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}
.info_lat 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}

.info_lat .profile_img img{border-radius:50%}
 
.info_lat .date, .pic_li_lt .date a { font-size:0.95em;color:#777; margin-left:2px; }
.info_lat .today_date, .pic_li_lt .today_date a { font-size:0.95em;color:#ff3300; margin-left:2px; }
.info_lat .today_date2, .pic_li_lt .today_date2 a { font-size:0.95em;color:#ff6600; margin-left:2px; }
.info_lat .today_date3, .pic_li_lt .today_date3 a { font-size:0.95em;color:#555; margin-left:2px; }

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.info_lat .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.info_lat .empty_li:before {background:none;padding:0}

.info_lat .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.info_lat .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.info_lat .lt_more:hover {color:#777}

/**/
.info_lat_list{}
.info_lat_list > li{padding: 20px 25px; border-bottom: 1px solid #ddd; position: relative;} 
.info_lat_list > li .ti{font-size: 1.125em; font-weight: 500; color: var(--mainColor); margin-bottom: 10px;}
.info_lat_list > li .lt_infobox{}
.info_lat_list > li .lt_infobox .tt{font-size: .937em; color: #444; line-height: 1.2;}
.info_lat_list > li .lt_infobox .tt .xi{font-size: 1.066em; color: #666; margin-right: 7px; }
.info_lat_list > li .map_btn{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); border: 1px solid #ccc; border-radius: 3px; padding: 12px 14px;  color: #555; transition: .3s;}
.info_lat_list > li .map_btn.st{background: #ddd; color: #999;}
.info_lat_list > li .map_btn.st .xi-map-o{color: #999;}
.info_lat_list > li .map_btn p{font-size: .937em; margin-right: 15px;}
.info_lat_list > li .map_btn .xi-map-o{font-size: 1.0625em; margin-right: 3px; color: #666; transition: .3s;}
.info_lat_list > li .map_btn .xi-angle-right-thin{font-size: .8125em;}
.info_lat_list > li .map_btn:hover{background: var(--mainColor); color: #fff; border-color: var(--mainColor);}
.info_lat_list > li .map_btn:hover .xi-map-o{color: #fff;}
.info_lat_list > li .map_btn.st:hover{background: #ddd; color: #999; border: 1px solid #ccc;}
.info_lat_list > li .map_btn.st:hover .xi-map-o{color: #999;}