@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;width:100%;}
.lat .lat_title {display:block;line-height:45px;font-size:36px;color:#333;font-weight:bold;}
.lat .lat_title a {position:relative;color:#000;display:inline-block}

/* ▼ 게시물이 3개씩(3열) 나오도록 수정 */
.lat > ul {margin:0 -0.5% 0;padding:0;list-style:none;zoom:1;}
.lat > ul:after {content:"";display:block;clear:both;}
.lat > ul > li{
  position:relative;
  float:left;
  width:25%;
  min-height:1px;
  padding-left:0.5%; /* 좌우 여백 */
  padding-right:0.5%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin-left:0;
  margin-bottom:15px; /* 아래 간격 */
}
.lat > ul > li:last-child {border-bottom:0}

/* 썸네일 비율 유지 */
.lat > ul > li .thumb{overflow:hidden;height:0;padding-top:70%;position:relative;}
.lat > ul > li .thumb img{transition:.5s;width:100%;height:100%;object-fit:cover;object-position: center center;position:absolute;top:0;left:0;}
.lat > ul > li .thumb:hover img{scale:1.1;}

.lat li .fa-heart{color:#ff0000}
.lat li .fa-lock{display:inline-block;line-height:14px;width:16px;font-size:.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.lat li .new_icon{background:url(img/new_icon.png) no-repeat center;width:12px;min-width:12px;height:12px;display:block;font-size:1em;color:#23db79;text-align:center;border-radius:2px;margin-left:7px;font-weight:bold;vertical-align:middle}
.lat li .hot_icon{display:inline-block;width:16px;line-height:16px;font-size:.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-caret-right{color:#bbb}
.lat li .fa-download{display:inline-block;width:16px;line-height:16px;font-size:.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-link{display:inline-block;width:16px;line-height:16px;font-size:.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.lat .profile_img img{border-radius:50%}

.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:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.lat .lt_more{position:absolute;top:-65px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.lat .lt_more:hover{color:#777}
.lat .lt_more i{font-size:30px;color:#333;}

.lat li a{display:block;overflow:hidden;justify-content:space-between;align-items:center;border-radius:10px;border:1px solid #eee;}
.bo_tit {padding:30px;background:#fff;}
.lat li a .con h5{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;     /* 표시할 줄 수 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;        /* 줄바꿈 허용 */
  color:#111;
  font-weight:700;
  font-size:22px;
  margin-bottom:10px;
}
.lat li a .con p {color:#555;font-size:17px;margin-bottom:30px;}
.bo_tit_ul3{font-size:16px;color:#828282;}
.bo_tit_ul5{font-size:16px;color:#828282;}

.lt_info{padding:0 !important;margin:0;margin-top:30px;}
.lt_info .lt_nick{margin-right:10px;}
.lt_info .lt_date{color:#ccc;font-size:16px;}
.lt_info i{font-size:20px;position:relative;right:0;transition:.5s;color:#111;}
.lat li a:hover .lt_info i{color:#8dc63f;right:10px;}

.lt_wr{width:100% !important;}


@media screen and (max-width:1060px){
  .notice-tab{font-size:13px;margin-right:15px;}
  .lat li a .con h5{font-size:17px;}
  .lt_info .lt_date{font-size:14px;}

  .lat > ul > li {padding:0 5px;}
  .lat li a .con h5 {font-size:18px;}
  .lat li a .con p {
	  font-size:15px;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: normal;
  }
  
  .bo_tit {padding:20px;}
}

@media screen and (max-width:720px){
	.lat > ul {flex-wrap:wrap;display:flex;align-items:center;}
	.lat > ul > li {width:50%;max-width:400px;margin-bottom:20px;}
	
}