@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;
}



/* 메인 협의회 갤러리 */
.gallery-section .pic_lt { margin: 0; background: transparent; }
.gallery-section .gallery_slider { margin: 0 -20px; }
.gallery-section .gallery_slider .gallery_li { clear: none !important; width: auto; padding: 0 20px; }
.gallery-section .gallery_item { overflow: hidden; background: #fff; box-shadow: 0 4px 8px rgba(21, 49, 70, .22); }
.gallery-section .thumb { height: 220px; padding: 0; }
.gallery-section .thumb img { position: static; display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; max-width: none; transform: none; object-fit: cover; }
.gallery-section .gallery-title { display: flex; align-items: center; justify-content: center; min-height: 56px; padding: 10px 15px; color: #333; font-size: 16px; font-weight: 500; line-height: 1.4; text-align: center; }
.gallery-section .slick-prev,
.gallery-section .slick-next { width: 14px; height: 28px; }
.gallery-section .slick-prev { left: -48px; background-image: url("/image/main/arrow_prev.png"); }
.gallery-section .slick-next { right: -48px; background-image: url("/image/main/arrow_next.png"); }

@media (max-width: 1023px) {
    .gallery-section .gallery_slider { margin: 0 -10px; }
    .gallery-section .gallery_slider .gallery_li { padding: 0 10px; }
    .gallery-section .thumb { height: 200px; }
}

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