@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {position:relative;}
.lt h2{}
.lt h2 a{}
.lt ul {float:left;padding:0;list-style:none; width: 100%;}
.lt li{display: block; text-align:left;line-height:28px;position:relative; border-radius: 8px; background-color: white; box-shadow: 0px 3px 15px rgba(0,0,0,0.1); margin-bottom: 20px;}
.lt li:last-child {margin: 0;}
.lt li a {display:block;color:#000; font-weight:300; padding: 28px 24px; font-size:1.67em; font-weight: 500;}
.lt li a::after {display: block; visibility: hidden; clear: both; content: "";}
.lt li i{color:#9da4bc}
.lt li .fa-heart{color:#ff0000}
.lt li .new_icon{display:inline-block;padding: 0 3px;line-height:15px ;font-size:0.92em;color:#8a8a8a;background:#c56bed}
.lt li .cnt_cmt{color:#fff; font-size: 14px; font-weight: 300;  background: linear-gradient(90deg, #ABDFDC, #C0E2AD); padding: 4px 10px; text-align: center; border-radius: 12px; margin-left: 10px; line-height: normal; vertical-align: text-bottom;}
.lt li .comment_f {display: inline-block; float: right;}
.lt li .bo_date, .lt li .sv_member, .lt li .sv_guest  {color: rgba(0,0,0,0.38); font-size: 16px; vertical-align: middle; margin-left: 24px; font-weight: 300;}

@media (max-width:969px) {
    .lt li {margin-bottom: 0;}
    .lt li:not(:first-child){display: none;}
    .lt li a {padding: 20px; font-size: 1.17em;}
    .lt li .bo_date, .lt li .sv_member, .lt li .sv_guest {font-size: 12px;}
    .lt li .cnt_cmt { padding: 3px 11px ; font-size: 12px; vertical-align: middle;}
    .lt li .comment_f {display: block; float: left; width: 100%; line-height: normal; margin-top: 5px;}
    .lt li .bo_date {margin-left: 0;}
    .lt li .sv_member {margin-left: 10px;}
}