@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 li {float:left;width:25%;padding:0 10px}
.pic_lt li.galley_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;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}

.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}

/* Swiper 컨트롤 스타일 */
.pic_lt .pic_lt_swiper {padding-bottom: 60px;}
.pic_lt .swiper-controls {display: flex; align-items: center; justify-content: center; gap: 1rem; width: 140rem; margin: 0 auto; position: relative; padding: 3.4rem 0 7rem 0;}

/* PC 순서: 프로그레스바, 이전 버튼, 다음 버튼, 일시정지 버튼 */
.pic_lt .swiper-controls .swiper-pagination {order: 1; position: relative; width: 100%; flex: 1; margin: 0; height: 0.3rem; color: #ff9c00;}
.pic_lt .swiper-controls .swiper-button-prev {order: 2; position: relative; margin: 0; background: #fff; border: 1px solid #ddd; border-radius: 50%; color: #333; width: 4.8rem; height: 4.8rem; margin-top: 0 !important; left: 0 !important; right: 0 !important;}
.pic_lt .swiper-controls .swiper-button-next {order: 3; position: relative; margin: 0; background: #fff; border: 1px solid #ddd; border-radius: 50%; color: #333; width: 4.8rem; height: 4.8rem; margin-top: 0 !important; left: 0 !important; right: 0 !important;}
.pic_lt .swiper-controls .swiper-pause-btn {order: 4; width: 4.8rem; height: 4.8rem; border: 1px solid #ddd; border-radius: 50%; background: #5f5f5f; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; padding: 0;}

.swiper-button-next, .swiper-button-prev {svg{width: 30%!important; height: 30%!important;}}
.pic_lt .swiper-controls .swiper-button-prev:after, .pic_lt .swiper-controls .swiper-button-next:after {font-size: 1.2rem;}
.pic_lt .pic_lt_swiper .swiper-pagination-progressbar, .pic_lt .swiper-controls .swiper-pagination-progressbar {background: #e0e0e0; border-radius: 2px; flex:1; top: 0 !important; left: 0 !important; position: relative;}
.pic_lt .pic_lt_swiper .swiper-pagination-progressbar-fill, .pic_lt .swiper-controls .swiper-pagination-progressbar-fill {background: #3a8afd; border-radius: 2px; height: 100% !important; top: 0 !important; left: 0 !important;}
.pic_lt .swiper-pause-btn:hover {background: #7a7a7a;}
.pic_lt .swiper-pause-btn .pause-icon, .pic_lt .swiper-pause-btn .play-icon {line-height: 1;}

.pic_lt .galley_li{ position: relative; }
.pic_lt .galley_li .lt_img{position: relative; display: block;}
.pic_lt .galley_li .lt_img img{width: calc(100% - 2rem); border-radius: 3rem; object-fit: cover;aspect-ratio: 440/630;}
.pic_lt .galley_li .lt_img::after{content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 2rem); height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 30%); border-radius: 3rem; pointer-events: none;}

.pic_lt .swiper-slide.down .galley_li{padding-top: 5rem;}
.pic_lt .galley_li .lt_group{position: absolute; top: 2.6rem; left: 2.6rem; border-radius: 3rem;
     background: rgba(0, 0, 0, 0.4); color: #fff; padding: 0.5rem 1rem; font-size: 1.5rem; font-weight: 500;}
.pic_lt .swiper-slide.down .galley_li .lt_group{top: 7.6rem;}

.pic_lt .swiper-pagination-progressbar-fill{background: #000000!important;}

.pic_lt .btn1, .pic_lt .btn2{display: none; position: absolute; bottom: 2rem; border-radius: 4rem; padding: 1.8rem 4.5rem; font-size: 1.8rem; font-weight: 600;}
.pic_lt .btn1{left: 2.6rem; border: 1px solid #fff; color: #fff;}
.pic_lt .btn2{right: 4.6rem; background: #ffc600; color: #000; display: flex; align-items: center; justify-content: center; gap: 1.5rem;}
.pic_lt .btn2 img{width: 2rem; height: 2rem;}

/* 모바일 반응형 (1024px 이하) */
@media screen and (max-width:1024px) {
.pic_lt .swiper-controls {width: auto; padding: 6rem 0 5rem 0; flex-wrap: nowrap; justify-content: center; gap: 2rem;}
.pic_lt .swiper-controls .swiper-pagination-progressbar {display: none !important;}

/* 모바일 순서 변경: 이전 버튼, 숫자, 다음 버튼 */
.pic_lt .swiper-controls .swiper-button-prev {order: 1; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);}
.pic_lt .swiper-controls .swiper-pagination {order: 2; height: auto; padding: 1.3rem 3.4rem; flex: 0; border: 1px solid #ddd; border-radius: 3rem; background-color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);}
.pic_lt .swiper-controls .swiper-button-next {order: 3; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);}
.pic_lt .swiper-controls .swiper-pause-btn {display: none !important;}

.pic_lt .swiper-pagination-fraction {display: flex !important; gap: 0.3rem; align-items: center; justify-content: center; position: relative !important; width: auto !important; bottom: auto !important;
     left: auto !important; transform: none !important; font-size: 1.6rem; font-weight: 600; color: #333; margin: 0;}
.pic_lt .swiper-pagination-fraction .swiper-pagination-current,
.pic_lt .swiper-pagination-fraction .swiper-pagination-total {font-size: 1.8rem; font-weight: 600;}
.pic_lt .swiper-pagination-fraction .swiper-pagination-total{color: #6c6c6c;}

.pic_lt .pic_lt_swiper { padding-bottom: 0;}
.pic_lt .pic_lt_swiper .swiper-wrapper {align-items: center;}
.pic_lt .pic_lt_swiper .swiper-slide {opacity: 0.3; transition: opacity 0.3s;}
.pic_lt .pic_lt_swiper .swiper-slide-active {opacity: 1;}
.pic_lt .pic_lt_swiper .swiper-slide-prev,
.pic_lt .pic_lt_swiper .swiper-slide-next {opacity: 0.5;}

.pic_lt .galley_li .lt_img img {width: calc(100% - 1rem); border-radius: 2rem;}
.pic_lt .galley_li .lt_group {top: 2rem; left: 2rem;  padding: 0.4rem 0.8rem; font-size: 1.39rem;}
.pic_lt .swiper-slide.down .galley_li .lt_group {top: 2rem;}
.pic_lt .swiper-slide.down .galley_li{padding-top: 0;}

.pic_lt .btn1, .pic_lt .btn2 {padding: 1.4rem 3rem; font-size: 1.8rem;}
.pic_lt .btn1 {left: 2rem;}
.pic_lt .btn2 {right: 3.6rem; gap: 0.7rem;}

.pic_lt .galley_li .lt_img::after {width: calc(100% - 1rem); border-radius: 2rem;}
}