@charset "utf-8";

/* 새글 스킨 (latest) */
#pic_lt {position:relative;margin-bottom:20px;background:#fff}

#pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
#pic_lt .lt_more:hover {color:#777}
#pic_lt ul {display: flex; flex-wrap: wrap; justify-content: flex-start;}
#pic_lt li {float:left;width:32.333%; margin-right: 1.3%;}
#pic_lt li:nth-child(3n) {margin-right: 0;}
#pic_lt li .lt_img {margin-bottom: 4%; display:block; position: relative;}
#pic_lt li .lt_img::after {position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); top: 0; left: 0; opacity: 0; transition-duration: 0.3s;}
#pic_lt li .lt_img:hover::after {opacity: 1;}
#pic_lt li .lt_img img {width:100%;height:auto}
#pic_lt li .lt_img p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; z-index: 1; color: #fff; font-size: 20px; width: 200px; height: 200px; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition-duration: 0.3s;}
#pic_lt li .lt_img:hover p {opacity: 1;}
#pic_lt li .fa-heart {color:#ff0000}
#pic_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_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_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_lt li .fa-caret-right {color:#bbb}
#pic_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_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}


@media screen and (max-width: 960px) {
    #pic_lt li .lt_img p {width: 150px; height: 150px; font-size: 18px;}
}

@media screen and (max-width: 800px) {
    #pic_lt li {width: 49%; margin-right: 2%;}
    #pic_lt li:nth-child(3n) {margin-right: 2%;}
    #pic_lt li:nth-child(2n) {margin-right: 0;}
    
}

@media screen and (max-width: 640px) {
    #pic_lt li {width: 100%;}
    #pic_lt li .lt_img {margin-bottom: 2%;}
    #pic_lt li:last-child .lt_img {margin-bottom: 0;}
}