@charset "utf-8";
/* 새글 스킨 (latest) */
.slider1 {width: 100%; overflow:hidden; position: relative;} /* overflow-hidden, position 추가 */
.pic_lt{position:relative;}
.pic_lt .b_tit {display:inline-block;margin-bottom:20px;font-size:25px;float:left;width:100%;margin-top:0px}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}

.pic_lt ul{}
/* [수정] 고정 너비 제거 -> bxSlider가 제어하도록 */
.pic_lt li{float:left; margin-left:23px; width:100% !important; max-width:300px;}
.pic_lt li:first-child{margin-left:0;}

.pic_lt li .lt_img{display:block; overflow:hidden;}
/* [수정] 고정 높이 제거, 반응형 이미지 */
.pic_lt li .lt_img img{width:100%; height:auto !important; object-fit: cover;}
/* 이미지 비율 유지하고 싶다면 아래 코드 사용 (높이 강제 고정 시) */
/* .pic_lt li .lt_img img{width:100%; height:156px; object-fit: cover;} */

.pic_lt li:hover .lt_img img{transform: scale(1.06); transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;}

.pic_lt li .fa-heart{color:#ff0000;}
.pic_lt li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 11px;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;border:1px solid #a2c6ce}
.pic_lt li .fa-caret-right{color:#bbb}
.pic_lt .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}

.pic_lt .lt_txt{margin-top:10px;}
.pic_lt .lt_txt > a{}
.pic_lt .lt_date{display:block;font-weight:normal; }

/* [수정] 버튼 위치 조정 */
.pic_lt .lt_more {position:absolute; top:-40px; right:0px; display:flex; align-items: center;}

.pic_lt  .empty_li{line-height:145px ;text-align:center;padding:0;width:100%}
.pic_lt  .empty_li:before{background:none;padding:0}
.pic_lt .right-arrow{margin:0 5px;}
.main-section5 .pic_lt li.empty_li{width:100% !important; height:178px; line-height:178px; text-align:center;}


.pic_lt .lt_txt {
	white-space: nowrap;
	word-break:break-all;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size:17px;
	font-weight:bold;
}

.pic_It a{color:#474747;}

/* [수정] 특정 클래스(b02)의 너비 강제 설정 제거 혹은 반응형으로 변경 */
/* .b02 li{width:calc(50% - 10px) !important;} */

.pic_lt .lt_miri{}

.pic_lt .lt_miri{
    font-weight:normal;
	margin:10px 0;
    display: -webkit-box; display: -ms-flexbox; display: box;
    overflow: hidden;
    max-height: 50px;
    height:50px;
    margin-top: 6px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	word-break: break-all;
	font-size:13px;
}

/* 흰색 가림막 PC에서만 보이게 처리 (모바일에서는 슬라이드 가림 방지) */
.white-board{background:#fff;position:absolute;right:0;width:100px;height:180px; z-index: 2;}

/* =========================================
   반응형 미디어 쿼리 추가
   ========================================= */

@media (max-width: 1024px) {
    /* 태블릿: 폰트 사이즈 조절 */
    .pic_lt .lt_txt { font-size: 16px; }
}

@media (max-width: 768px) {
    /* 모바일: 가림막 숨김 */
    .white-board { display: none; }

    /* 슬라이더 버튼 위치 미세 조정 */
    .pic_lt .lt_more { top: -35px; }

    .pic_lt li { max-width: 100%; }

    /* 모바일 폰트 사이즈 축소 */
    .pic_lt .lt_txt { font-size: 15px; }
    .pic_lt .lt_date { font-size: 0.8rem; }
}