@charset "utf-8";

/* 새글 스킨 (latest) */
.blog {position:relative;}
.blog .lat_title {display:flex;justify-content: space-between; align-items: center;margin-bottom:30px;}
.blog .lat_title h2{font-size:var(--font40);color:#3b3b3b;display:inline-block}
.blog .lat_title a {position:relative;}
.blog .lat_title a:last-child{font-size:13px;font-weight:400;color:#111;border-bottom:1px solid #111;text-align:center;font-family: 'Times New Roman', sans-serif;position: relative;transition: all .3s ease-in-out;}
.blog .lat_title a:last-child:hover{color:var(--maincolor); border-bottom: 1px solid var(--maincolor);}
.blog .lat_title a:last-child::before{content: ''; position: absolute; left: -50%; top: -100%; background: url('/img/viewmore_bg.png') no-repeat; width: 49px; height: 49px;display: block;}

.blog ul{margin: 0 -10px;}
.blog ul:after {display:block;visibility:hidden;clear:both;content:""}
.blog li {float:left;width:25%;padding:0 10px}
.blog li .title{display: flex; justify-content: start; align-items: center;}
.blog li.galley_li:nth-child(4n+1) {clear: both!important}
.blog li .lt_img {margin-bottom:20px;display:block}
.blog li .lt_img img, .blog li .lt_img video{width:100%;height:auto}
.blog li a{font-size: var(--font22); font-weight: 600; color: #111;}
.blog li a:hover {color:var(--maincolor)}
.blog li .fa-heart {color:#ff0000}
.blog li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:14px;color:var(--maincolor);text-align:center;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.blog li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:14px;color:var(--maincolor);text-align:center;margin-left:2px;font-weight:bold;vertical-align:middle}
.blog li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:14px;color:var(--maincolor);text-align:center;vertical-align:middle}
.blog li .fa-caret-right {color:#bbb}
.blog li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:14px;color:var(--maincolor);text-align:center;vertical-align:middle}
.blog li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:14px;color:var(--maincolor);text-align:center;vertical-align:middle}

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

.blog .lt_info {padding:20px 0 0;}
.blog .lt_info .lt_category{font-size:14px; font-weight:600; color: var(--maincolor);} 
.blog .lt_line{color: #bebebe;margin: 0 5px;}
.blog .lt_info .lt_date {font-size:14px; font-weight:500; color:#bebebe;}

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

.blog .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

@media all and (max-width:1200px){
    .blog li{width: calc(50%); margin-bottom: 60px;}
}
@media all and (max-width:1024px){
    .blog li .lt_img{margin-bottom: 15px;}
    .blog .lt_info{padding-top: 15px;}
}
@media all and (max-width:768px){
    .blog li{width:100%;margin-bottom: 40px;}
    .blog li:nth-child(2), .blog li:nth-child(3){display: none;}
    .blog .lt_info{padding-top: 5px;}
}