@charset "utf-8";
/* 메인 공지사항 (section4 con1) */
.notice_lt {display:flex; gap:15px; height:400px}
.notice_lt .view {position:relative; flex:0 0 57%; border-radius:15px; overflow:hidden; background:linear-gradient(135deg, #1b2e38, #11475c)}
.notice_lt .view .item {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:opacity .5s, visibility .5s}
.notice_lt .view .item.on {opacity:1; visibility:visible}
.notice_lt .view .bg {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-size:cover; transition:transform .7s}
.notice_lt .view .bg:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5)}
.notice_lt .view .item:hover .bg {transform:scale(1.05)}
.notice_lt .view .txt {position:absolute; top:50px; left:50px; right:50px; color:#fff; word-break:keep-all}
.notice_lt .view .label {font-size:15px; font-weight:600; color:#c98028;}
.notice_lt .view h3 {margin-top:15px; font-size:30px; font-weight:700}
.notice_lt .view p {margin-top:15px; font-size:15px; line-height:25px; color:rgba(255,255,255,.7)}
.notice_lt .view .date {display:block; margin-top:20px; font-size:15px; color:rgba(255,255,255,.5)}
.notice_lt .view .arrow {position:absolute; left:50px; bottom:50px; display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%; background:#11475c; font-size:20px; color:#fff; transition:background .3s}
.notice_lt .view .item:hover .arrow {background:#fff; color:#11475c}
.notice_lt .list {flex:1; display:flex; flex-direction:column; gap:10px}
.notice_lt .list li {flex:1; display:flex; gap:10px; min-height:0}
.notice_lt .list li a {flex:1; display:flex; align-items:center; justify-content:space-between; gap:20px; min-width:0; padding:0 25px; border:1px solid transparent; border-radius:10px; background:#f5f5f5; transition:all .3s}
.notice_lt .list .subject {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:20px; color:#121212; transition:color .3s}
.notice_lt .list .date {flex:none; font-size:15px; color:#999}
.notice_lt .list .thumb {flex:0 0 0; border-radius:10px; background-position:center; background-size:cover; transition:flex-basis .3s}
.notice_lt .list li.on a {border-color:#11475c; background:#fff}
.notice_lt .list li.on .subject {color:#11475c; font-weight:500}
.notice_lt .list li.on .thumb {flex-basis:80px}
.notice_lt .empty {width:100%; padding:100px 0; border-radius:15px; background:#f5f5f5; font-size:15px; color:#999; text-align:center}

@media screen and (max-width: 960px) {
	.notice_lt {flex-direction:column; height:auto}
	.notice_lt .view {flex:none; height:300px}
	.notice_lt .view .txt {top:30px; left:30px; right:30px}
	.notice_lt .view h3 {font-size:25px}
	.notice_lt .view .arrow {left:30px; bottom:30px; width:40px; height:40px; font-size:15px}
	.notice_lt .list li {flex:none; height:60px}
	.notice_lt .list li a {padding:0 20px}
	.notice_lt .list .subject {font-size:15px}
	.notice_lt .list li.on .thumb {flex-basis:60px}
}

@media screen and (max-width: 640px) {
	.notice_lt .view h3 {font-size:20px}
	.notice_lt .view p {font-size: 14px;}
	.notice_lt .view .date {font-size: 14px;}
	.notice_lt .list .subject {font-size: 14px;}
	.notice_lt .list .date {font-size: 14px;}

}