@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_lt_block {position:relative; padding-top: 35px;}
.pic_lt_block .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.pic_lt_block .lat_title a {color:#000;display:inline-block;position:relative}

.pic_lt_block li {width:32.6%;position: relative; background: #fff; border-radius: 20px; overflow: hidden;}
.pic_lt_block li .lt_img {margin:0px;display:block;position: relative;overflow: hidden; border-radius: 5px;}
.pic_lt_block li .lt_img img, .pic_lt_block li .lt_img video{width:100%;height:auto;position: relative;}
.pic_lt_block li .fa-heart {color:#ff0000}
.pic_lt_block 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;display: none;}
.pic_lt_block li .new_icon {display:inline-block;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_block 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;display: none;}
.pic_lt_block li .fa-caret-right {color:#bbb}
.pic_lt_block 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;display: none;}
.pic_lt_block 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;display: none;}

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

.pic_lt_block .lt_info2 {padding:10px 0 20px 0px;; }
.pic_lt_block .lt_info2 .lt_date{color: #666; font-size: var(--fs14)}
.pic_lt_block .lt_info2 .lt_date i{margin-right: 3px;}

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

.pic_lt_block .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}


.pic_gallery{display: flex; gap:15px 1%; flex-wrap: wrap; align-items: center;}
.pic_lt_block li .last_title{font-size: var(--fs20); text-align: left;display: block;font-weight: 500; min-height: 55px;}
.pic_lt_block li .new_icon{position: absolute; bottom: 20px; right: 20px; background: rgba(0,0,0,0.7);color: #fff; padding: 3px 10px; line-height: 20px; border-radius: 3px; z-index: 3;}
.pic_lt_block li .lt_img::after{content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); top: 0; left: 0; opacity: 0; transition: 0.3s all;}

.latest_top_wr .lt_more{display: block; width: 200px; height: 50px; margin: 0 auto; line-height: 50px; text-align: center;background: #222; color: #fff;margin-top: 50px; border-radius: 30px;}
.latest_top_wr .lt_more:hover{background: #2296C9; transition: 0.3s all;}
.lt_content p{font-size: 1.6rem; line-height: 120%; color: #333; overflow: hidden; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; text-overflow: ellipsis; text-align: left; min-height: 40px;}

.galley_li {cursor: pointer; transition: all 0.2s;}
.galley_li_bg {width: 500px; height: 500px; background: rgba(2, 18, 18, 0.5); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column; display: none;}
.galley_li_bg p {font-size: var(--fs22); font-weight: 800; color: #fff; }
.galley_li_bg span {font-size: var(--fs22); display: inline-block; margin-top:10px ; color: #fff; }

.galley_li:nth-child(3n + 2) {position: relative; top: -35px;}

.galley_li:nth-child(2n)::before {content: "";}

.galley_li:hover .galley_li_bg {display: flex;}
.galley_li  img {transition: all 0.5s;}
.galley_li:hover  img{ transform: scale(1.2);}

.gallery-pagination{margin: 0 auto; text-align: center; margin-top: 30px;}
.gallery-pagination .swiper-pagination-bullet{background: #ddd;}
.gallery-pagination .swiper-pagination-bullet-active{background: #364F6B;}



@media all and (max-width: 1400px) {
}

@media all and (max-width: 1200px) {
}

@media all and (max-width: 1024px) {
    .pic_lt_block {padding-top: 05px;}
    .galley_li:nth-child(3n + 2) { top: 0px;}
    .pic_lt_block li {width: 49.5%;}
}

@media all and (max-width: 900px) {
}

@media all and (max-width: 850px) {
}

@media all and (max-width: 768px) {
}
@media all and (max-width: 600px) {
    .pic_lt_block li {width: 100%;}
}