@charset "utf-8";

#review { background: #eaf2fe; }
/* 최근게시물 스킨 (latest) */
.lt_notice ul {display:flex; flex-wrap:wrap;}
.lt_notice li {width:24%; min-width:440px; margin:0.5%; padding:40px; border-radius:25px; background:#fff;position: relative;}
.lt_notice li:hover {}
.lt_notice li p.lt_tit {font-size:18px; color:#3183f3; font-weight:500;}
.lt_notice li p.lt_name {font-size:19px; margin-top:10px; font-weight:600;}
.lt_notice li p.lt_cont {font-size:17px; line-height:25px; max-height:50px; margin:15px 0; color:#777; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.lt_notice li p.lt_status {display:inline-block; font-size:15px; color:#fff; padding:10px 20px; border-radius:30px; background:#3183f3; word-break:keep-all;}

.lt_notice li.empty_li {display:block; width:100%; padding:20px 0; text-align:center; background:none; color:#fff;}

/* 기본 스타일 */
.lt_notice {
    width: 100%; /* 최대 너비를 제거하고 100%로 설정 */
    height: 570px;
}

.lt_notice ul {
    display: flex;
    flex-wrap: nowrap; /* 무한 스크롤을 위해 nowrap 적용 */
    padding: 0;
    margin: 0;
}

/* 캐러셀 관련 추가 스타일 */
.carousel-container {
    position: relative;
    width: 100%; /* 부모 컨테이너에 맞추기 */
    height: 600px; /* 높이는 유지 */
    overflow: hidden; /* 넘치는 요소 숨기기 */
}

.carousel {
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    left: 0;
    width: 100%; /* 아이템을 두 번 나열 */
    top: 0;
}

.bottom-carousel {
    animation: scroll-right 25s linear infinite;
    top: 280px; /* 2열 시작높이 */
    flex-direction: row-reverse; /* 오른쪽으로 이동하기 위해 반전 */
}

.review_rt span {font-size:18px; margin:0 -1px; color:#999;}
.review_rt span.on {color:var(--sub-color);}

/* 애니메이션 키프레임 */
@keyframes scroll-right {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(50%);
    }
}


 @media (max-width: 1399px){
	 .lt_notice li {width:32.3333%;}
 }
 
 @media (max-width: 969px){
	 .lt_notice {height:500px;}
	.lt_notice li {min-width:250px;padding:30px; border-radius:20px;}
	.lt_notice li p.lt_tit {font-size:17px;}
	.lt_notice li p.lt_name {font-size:18px; margin-top:8px;}
	.lt_notice li p.lt_cont {font-size:16px; line-height:24px; max-height:48px; margin:14px 0;}
	.lt_notice li p.lt_status {font-size:14px; padding:10px 14px}
	 .bottom-carousel {top:240px; animation: scroll-right 22s linear infinite;}
    
     .carousel-container {height:500px;}
		
 }
 
 @media (max-width: 639px){
	.lt_notice {height:440px;}
	.lt_notice li {min-width:220px; width:48%; margin:1%; padding:24px; border-radius:16px;}
	.lt_notice li p.lt_tit {font-size:15px;}
	.lt_notice li p.lt_name {font-size:15px;}
	.lt_notice li p.lt_cont {font-size:14px; line-height:22px; max-height:44px; margin:12px 0;}
	.lt_notice li p.lt_status {font-size:13px; letter-spacing:-0.03em;padding:8px 12px;}
	 .bottom-carousel {top:210px; animation: scroll-right 16s linear infinite;}
	 
     .carousel-container {height:440px;}

	 
 } 
 
 @media (max-width: 399px){
	.lt_notice {height:410px;}
	.lt_notice li {padding:22px; border-radius:15px;}
	.lt_notice li p.lt_name {font-size:15px; margin-top:6px;}
	.lt_notice li p.lt_cont {margin:10px 0;}
	 .bottom-carousel {top:200px; animation: scroll-right 15s linear infinite;}
	
     .carousel-container {height:410px;}
	 
 }