@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_card_lt {position:relative;margin-bottom:20px;background:transparent}
.pic_card_lt .lat_title {display:block;line-height:45px;font-size:24px; color:#161616;}
.pic_card_lt .lat_title a {color:#161616;display:inline-block;position:relative; font-family: "Noto Sans KR", sans-serif;}

.pic_card_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#b4ceaa;border-radius:3px;text-align:center; font-family: "Noto Sans KR", sans-serif;}
.pic_card_lt .lt_more:hover {color:#0a5222}
.pic_card_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_card_lt ul {margin: 0 -10px}
.pic_card_lt li {float:left; width:31.8%; padding:10px;}
.pic_card_lt li:nth-child(2n) {margin: 0 2.3%;}
.pic_card_lt li.galley_li:nth-child(3n+1) {clear: both!important}
.pic_card_lt li .lt_img {margin:5px 0;display:block}
.pic_card_lt li .lt_img img, .pic_card_lt li .lt_img video{width:100%; /*height:auto*/}
.pic_card_lt li a:hover {color:#a22121}
.pic_card_lt li .fa-heart {color:#ff0000}
.pic_card_lt 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 #cbe3e8;vertical-align:middle}
.pic_card_lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.pic_card_lt li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_card_lt li .fa-caret-right {color:#bbb}
.pic_card_lt li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_card_lt li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.pic_card_lt .card {width: 100%;height: 300px;border-radius: 10px;overflow: hidden;cursor: pointer;position: relative;color: #f0f0f0;}
.pic_card_lt .card img {position: absolute;object-fit: cover;width: 100%;height: 100%;top: 0;left: 0;}
.pic_card_lt .card h2 {position: absolute;inset: auto 20px 30px 20px;margin: 0;transition: inset 0.3s 0.3s ease-out;font-weight: 600;text-transform: uppercase;}
.pic_card_lt .card h2 { display: inline-block; word-break: break-all; font-size:16px; line-height:22px; overflow: hidden; display: none; }
.pic_card_lt .card h2 a{color:#fff;}
.pic_card_lt .card p, .pic_card_lt .card .lt_info {position: absolute;opacity: 0;max-width: 80%;transition: opacity 0.3s ease-out;}
.pic_card_lt .card p {inset: auto auto 50px 20px;}
.pic_card_lt .card .lt_info {inset: auto auto 10px 20px;color: inherit;text-decoration: none;}
.pic_card_lt .card:hover h2 {inset: auto 20px 125px 20px;transition: inset 0.3s ease-out;}
.pic_card_lt .card:hover p, .pic_card_lt .card:hover .lt_info {opacity: 1;transition: opacity 0.5s 0.1s ease-in;}
.pic_card_lt .card:hover img {transition: opacity 0.3s ease-in;opacity: 1;}

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

.pic_card_lt .lt_info {padding:10px 0}
.pic_card_lt .lt_info .lt_nick .sv_member {color:#fff;}
.pic_card_lt .lt_info .lt_date {color:#fff;}

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

.pic_card_lt .lt_cmt {background:#e9eff5;color:#b4ceaa;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;}
.pic_card_lt .lt_more {position:absolute; top:11px; right:0; display:block; width:90px; line-height:25px; color:#666666;border-radius:3px; text-align:center; font-size: 16px; letter-spacing: -1px;}
.pic_card_lt .lt_more:hover {color:#0a5222;}

@media all and (max-width: 1400px) {
    .pic_card_lt {margin: 0 10px 20px;}
    .pic_card_lt ul {margin: 0;}
}
@media all and (max-width: 960px) {
    .pic_card_lt .card{height: 260px;}
}
@media all and (max-width: 720px) {
    .pic_card_lt li {width: 100%;}
    .pic_card_lt li{padding: 10px;}
    .pic_card_lt li:nth-child(2n){margin: 0;}
    .pic_card_lt .card{height: 300px;}
}
@media all and (max-width: 360px) {
    .pic_card_lt li {width: 100%;}
    .pic_card_lt li:nth-child(2n){margin: 0;}
}