@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_lt {position:relative;margin-bottom:20px;background:#fff}
.pic_lt .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.pic_lt .lat_title a {color:#000;display:inline-block;position:relative}

.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:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul {margin: 0 -10px}
.pic_lt li {float:left;width:25%;padding:0 10px}
.pic_lt li.gallery_li:nth-child(4n+1) {clear: both!important}
.pic_lt li .lt_img {margin:5px 0;display:block}
.pic_lt li .lt_img img, .pic_lt li .lt_img video {width:100%;height:auto}
.pic_lt li a:hover {color:#a22121}
.pic_lt li .fa-heart {color:#ff0000}
.pic_lt li .fa-lock {display:inline-block;line-height:14px;width:16px;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}

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

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

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

.pic_lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.pic_lt .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.pic_lt .lt_more:hover {color:#777}



.gallery_slider{
    margin:0;
    padding:0;
}

.gallery_slider .gallery_li{
    padding:0 10px;
    list-style:none;
}

.gallery_item{
    display:block;
}

.thumb{
    position:relative;
    overflow:hidden;
    position: relative;
    padding-bottom: 84%
}

.thumb img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: 110%;
    transition:.4s;
}

.hover_title{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;

    display:flex;
    justify-content:center;
    align-items:center;

    background:rgba(0,0,0,.55);

    color:#fff;
    font-size:20px;
    font-weight:600;
    text-align:center;

    opacity:0;
    transition:.35s;

    padding:20px;
    box-sizing:border-box;
}

/* .gallery_item:hover img{
    transform:scale(1.08);
} */

.gallery_item:hover .hover_title{
    opacity:1;
}

.gallery_item .hover_title .icon{
    width: 18px !important;
    height: 19px !important;
}


.pic_lt{
    position:relative;
}

/* 공통 */
.pic_lt .slick-prev,
.pic_lt .slick-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:10px;
    height:22px;
    border:none;
    padding:0;
    font-size:0;          /* 글자 숨김 */
    cursor:pointer;
    z-index:10;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    background-color:transparent;
}

/* 이전 버튼 */
.pic_lt .slick-prev{
    left:-60px;
    background-image:url("../../../image/main/arrow_prev.png");
}

/* 다음 버튼 */
.pic_lt .slick-next{
    right:-60px;
    background-image:url("../../../image/main/arrow_next.png");
}

/* Slick 기본 화살표 제거 */
.pic_lt .slick-prev:before,
.pic_lt .slick-next:before{
    display:none;
}

/* 호버 */
.pic_lt .slick-prev:hover,
.pic_lt .slick-next:hover{
    opacity:.8;
}



@media (max-width: 1200px) {
    .pic_lt .slick-next , .pic_lt .slick-prev {display: none !important;}
}