@charset "utf-8";
/* 새글 스킨 (latest) */

.lat {position:relative;margin-bottom:20px;overflow:hidden;/* border: 1px solid #c6cacc; */background:#fff}
.lat .lat_title {display:block;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;background:#fcfcfc}
.lat .lat_title a{color:#253dbe;display:inline-block;position:relative}
.lat .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''}
.lat ul{/* padding:15px 20px; */}
.lat li {position:relative;line-height:18px;padding: 15px 0;padding-right: 70px;padding-left: 20px;position:relative}
.lat li:before{position: absolute;top: 50%;left: 8px;width: 4px;height: 4px;background: #aaa;content: '';border-radius: 50%;transform: translateY(-50%);}
.lat li a{text-align: left;width: 100%;color: #09192e;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;}
.lat li a:hover{color:#a22121}
.lat li .fa-heart{color:#ff0000;}
.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 #a2c6ce}
.lat li .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.lat li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.lat li .fa-caret-right{color:#bbb}
.lat .lt_date{position:absolute;top: 50%;right: 20px;color:#888;transform: translateY(-50%);font-size: clamp(16px,2vw,18px);color: #404040;}
.lat  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.lat  .empty_li:before{background:none;padding:0}

.lat .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.lat .lt_more {display: none;}
.lat .lt_more:hover{color:#777}
.lat li a strong {
  font-weight: 300;
  color: #000;
}



.top_lat {
  padding: 30px 20px;
  border-bottom: 1px solid #999999;
}

.top_lat li {
  padding: 0;
}

.top_lat .df {
  display: flex;
  justify-content: normal;
  gap: clamp(20px,4.8vw,74px);
  align-items: center;
}

.top_lat .date {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.top_lat .date .lt_day {
  font-size: clamp(28px,2vw,44px);
  font-weight: 700;
}

.top_lat .lt_year_month {
  font-weight: 500;
  font-size: cl;
  font-size: 16px;
  letter-spacing: -1.4px;
}

.top_lat   a {display: flex;flex-direction: column;flex-wrap: wrap;gap: 18px;font-size: 18px;text-align: left;}

.top_lat a span.view-more {
    text-align: left;
    color: #8c8c8c;
}