.main-content-inner05 {padding: 0 0 120px;}
.banners-inner {position: relative;}
.banners-inner .banners-tit {font-family: Noto Sans KR;font-weight: 700;font-size: 52px;line-height: 130%;letter-spacing: 0;vertical-align: middle;color: #111111;margin: 0 0 64px;}
.banners-inner .btn-more {position: absolute;top: 15px;right: 0;}
.banners-inner .btn-more a {display: inline-flex;align-items: center;gap: 12px;padding: 13px 20px;border: 1px solid #E5E5E5;border-radius: 999px;font-weight: 600;font-size: 16px;line-height: 140%;letter-spacing: -0.02em;color: #111111;}
.banners-inner .btn-more a:after {content: "";display: inline-block;background: url(/_res/csu/main/img/common/ico-viewmore.png)no-repeat center center;width: 24px;height: 24px;background-size: cover;}

.banners-section { width: 100%; position: relative; font-family: "Pretendard", sans-serif; }
.banners-section .banner-swiper { width: 100%; overflow: hidden; }
.banners-section .card-body { display: flex; flex-direction: column; text-decoration: none; color: inherit; }
.banners-section .thumb-box { width: 100%;border-radius: 4px; overflow: hidden;margin-bottom: 20px;height: 193px;}
.banners-section .thumb-box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.banners-section .card-body:hover .thumb-box img { transform: scale(1.04); }
.banners-section .card-desc {font-weight: 500;font-size: 20px;line-height: 130%;letter-spacing: 0;vertical-align: middle;color: #333333;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 52px; word-break: keep-all;margin: 0 0 16px;}
.banners-section .card-body:hover .card-desc { text-decoration: underline; text-underline-offset: 4px;text-decoration-thickness: 1px;}
.banners-section .card-date {font-weight: 400;font-size: 14px;line-height: 130%;letter-spacing: 0;vertical-align: middle;color: #666666;}
.banners-section .banner-ctrl { display: flex; align-items: center; gap: 24px; margin-top: 32px; }
.banners-section .banner-progress { flex: 1; height: 2px; background-color: #E5E5E5; position: relative; overflow: hidden;}
.banners-section .banner-progress .bar { position: absolute; top: 0; left: 0; height: 100%; width: 25%; background-color: #3C5B9A; transition: width 0.35s ease; }
.banners-section .banner-nav { display: flex; gap: 12px; flex-shrink: 0; }
.banners-section .btn-banner { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #111111; border-radius: 4px;background: #FFFFFF4D;color: #333333; text-decoration: none; transition: all 0.25s ease; }
.banners-section .btn-banner:hover { border-color: #111111; color: #111111; }
.banners-section .btn-banner img {filter: invert(1);}
.banners-section .btn-banner.btn-banner-prev img {transform: rotate(180deg);}
.banners-section .btn-banner.swiper-button-disabled { opacity: 0.35; cursor: default; pointer-events: none; border-color: #999999; }


@media (max-width: 1024px) {
	.main-content-inner05 {padding: 40px 0 80px;}
	.banners-inner .banners-tit {font-size: 35px;}
	.banners-inner .btn-more {top: 0;}
}

@media (max-width: 768px) {
	.main-content-inner05 {padding: 0 0 80px;}
	.banners-inner .banners-tit {font-size: 28px;margin: 0 0 28px;text-align: center;}
	.banners-section .thumb-box {height: auto;margin: 0 0 12px;}
	.banners-section .card-desc {font-size: 18px;margin: 0;min-height: 50px;}
	.banners-section .card-date {display: none;}
	.banners-inner .btn-more {position: relative;top: 0;left: 0;text-align: center;}
	.banners-section .btn-banner {width: 40px;height: 40px;}
	.banners-section .btn-banner img {max-width: 10px;}
	.banners-section {margin: 0 0 48px;}
	.banners-inner .btn-more a {font-size: 14px;}
}

@media (max-width: 400px) {
	.banners-section .thumb-box {height: 155px;}
}