@charset "utf-8";

/* 새글 스킨 (latest) */
.blog {position:relative;}
.blog .lat_title {display:flex;justify-content: space-between; align-items: end;margin-bottom:25px;}
.blog .lat_title h2{font-size:2.00em;color:#1b1b1b;display:inline-block}
.blog .lat_title a {position:relative;}
.blog .lat_title a:last-child{transition: all .3s ease-in-out;}


.blog ul{margin: 0;padding-top: 25px; border-top: 2px solid #7FCC28;}
.blog ul:after {display:block;visibility:hidden;clear:both;content:""}
.blog li {float:left;width:50%;padding:0 15px}
.blog li:nth-child(1){padding-left: 0;}
.blog li:nth-child(2){padding-right: 0;}
.blog li .title{display: flex; justify-content: center; align-items: center;}
.blog li.galley_li:nth-child(4n+1) {clear: both!important}
.blog li .lt_img {margin-bottom:10px;display:block}
.blog li .lt_img img, .blog li .lt_img video{width:100%;height:auto}
.blog li .title a{font-size: 1.30em; font-weight:400; color: #000;}
.blog li .title a:hover {color:var(--color)}
.blog li .fa-heart {color:#ff0000}
.blog li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:14px;color:var(--color);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(--color);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(--color);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(--color);text-align:center;vertical-align:middle}
.blog li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:14px;color:var(--color);text-align:center;vertical-align:middle}

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

.blog .lt_info {padding:20px 0 0;display: none;}
.blog .lt_info .lt_category{font-size:14px; font-weight:600; color: var(--color);} 
.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:1400px){
    .blog .lat_title h2{font-size: 1.70em;}
    .blog li .title a{font-size: 1.20em;}
}
@media all and (max-width:1200px){
    .blog li{padding: 0 10px;}
}
@media all and (max-width:1024px){
    .blog li .lt_img{margin-bottom: 15px;}
}
@media all and (max-width:768px){
    .blog li{width:100%;padding: 0;}
    .blog li:nth-child(2), .blog li:nth-child(3){display: none;}
    .blog .lat_title{align-items: center;}
    .blog .lat_title h2{font-size:24px;}
    .blog .lat_title a:last-child{width: 20px;}
    .blog li .title a{font-size: 20px;}
}
@media all and (max-width:500px){
    .blog .lat_title{margin-bottom: 20px;}
    .blog ul{padding-top: 20px;}
    .blog li .title a{font-size: 18px;}
}