.main-content-inner01 .info-inner{padding: 120px 0;}
.main-content-inner01 .info-inner > p{font-weight: 600;font-size: 22px;line-height: 130%;color: #3c5b9a;padding-bottom: 64px;text-align: center;}
.main-content-inner01 .info-inner .info-list-wrap{display: flex;flex-wrap: wrap;gap: 24px;}
.main-content-inner01 .info-inner .info-item{width: calc(816 / 1440 * 100%);flex: 0 0 auto;}
.main-content-inner01 .info-inner .info-item > a{display: block;border-radius: 4px;overflow: hidden;position: relative;}
.main-content-inner01 .info-inner .info-item > a:hover .img img{transform: scale(1.05);}
.main-content-inner01 .info-inner .info-item > a .img{width: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0) 25.43%, rgba(0, 0, 0, 0.8) 109.21%);z-index: 1;position: relative;}
.main-content-inner01 .info-inner .info-item > a .img:after{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25.43%, rgba(0, 0, 0, 0.8) 109.21%);z-index: 1;content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 235px;}
.main-content-inner01 .info-inner .info-item > a .img img{display: block;width: 100%;object-fit: cover;height: 100%;transition: transform .3s ease;}
.main-content-inner01 .info-inner .info-item > a .con{position: absolute;bottom: 0;left: 0;box-sizing: border-box;width: 100%;padding: 28px;display: flex;justify-content: space-between;align-items: flex-end;z-index: 2;}
.main-content-inner01 .info-inner .info-item > a .txt01{font-weight: 600;font-size: 40px;line-height: 140%;letter-spacing: -0.025em;color: #fff;}
.main-content-inner01 .info-inner .info-item > a .button{padding: 10px 44px 10px 20px;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(229, 229, 229, 0.2);backdrop-filter: blur(4px);border-radius: 100px;font-weight: 400;font-size: 16px;line-height: 145%;letter-spacing: -0.02em;color: #fff;position: relative;}
.main-content-inner01 .info-inner .info-item > a .button::after{content: '';position: absolute;top: 50%;margin-top: -5px;right: 20px;width: 12px;height: 9px;background: url("/_res/csu/main/img/main/arrow-right-w.png") center / cover no-repeat;}
.main-content-inner01 .info-con{display: flex;flex-direction: column;gap: 24px;flex: 1;}
.main-content-inner01 .info-con .item > a{background: #e7ebf0;border-radius: 4px;overflow: hidden;position: relative;display: block;}
.main-content-inner01 .info-con .item > a:hover .img img{transform: scale(1.05);}
.main-content-inner01 .info-con .img{width: 100%;}
.main-content-inner01 .info-con .img img{display: block;width: 100%;object-fit: cover;height: 100%;transition: transform .3s ease;}
.main-content-inner01 .info-con .con{position: absolute;bottom: 0;left: 0;box-sizing: border-box;width: 100%;padding: 28px;display: flex;justify-content: space-between;align-items: center;}
.main-content-inner01 .info-con .con .txt01{font-weight: 600;font-size: 32px;line-height: 140%;letter-spacing: -0.025em;color: #111;}
.main-content-inner01 .info-con .con .button{font-weight: 400;font-size: 16px;line-height: 145%;letter-spacing: -0.02em;color: #111;z-index: 1;padding: 10px 44px 10px 20px;background: rgba(255, 255, 255, 0.6);border: 1px solid rgba(229, 229, 229, 0.6);backdrop-filter: blur(4px);border-radius: 999px;position: relative;}
.main-content-inner01 .info-con .con .button::after{content: '';position: absolute;top: 50%;margin-top: -5px;right: 20px;width: 12px;height: 9px;background: url("/_res/csu/main/img/main/arrow-right.png") center / cover no-repeat;}
.main-content-inner01 .info-inner .ctrl-wrap{padding: 28px 0 40px;}
.main-content-inner01 .info-inner .btn-nav{display: flex;gap: 8px;justify-content: center;}
.main-content-inner01 .info-inner .btn-arrow{width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;border-radius: 4px;border: 1px solid #111;background: transparent;color: #111;cursor: pointer;transition: all 0.25s ease;}
.main-content-inner01 .info-inner .btn-arrow:disabled{opacity: .4;}
.main-content-inner01 .info-inner .btn-arrow.swiper-button-disabled{opacity: 0.35;cursor: default;pointer-events: none;}
.main-content-inner01 .info-inner .progress-track{flex: 1;height: 2px;background: rgba(255, 255, 255, 0.3);border-radius: 2px;overflow: hidden;position: relative;}
.main-content-inner01 .info-inner .progress-bar{width: 0%;height: 100%;background: #fff;border-radius: 2px;transition: width 0.35s ease;}
@media(max-width:1024px){
	.main-content-inner01 .info-inner{padding: 80px 0;}
	.main-content-inner01 .info-con, .main-content-inner01 .info-inner .info-item{width: 100%;}
	.main-content-inner01 .info-inner .info-item > a .txt01{font-size:30px;}
}
@media(max-width:768px){
	.main-content-inner01 .info-inner > p{font-size: 14px;padding-bottom: 28px;}
	.main-content-inner01 .info-inner .info-item > a .con{padding: 24px 24px 32px;display: block;}
	.main-content-inner01 .info-inner .info-item > a .txt01{font-size: 28px;margin-bottom: 10px;}
	.main-content-inner01 .info-inner .info-list-wrap{overflow: hidden;gap: 0;}
	.main-content-inner01 .info-inner .info-item > a .label{display: flex;flex-wrap: wrap;gap: 4px;}
	.main-content-inner01 .info-inner .info-item > a .label > span{font-weight: 400;font-size: 14px;line-height: 145%;letter-spacing: -0.02em;color: #fff;padding: 6px 16px;background: rgba(202, 202, 202, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);backdrop-filter: blur(4px);border-radius: 999px;display: block;}
	.main-content-inner01 .info-inner .info-item > a .img{aspect-ratio: 335 / 360;}
	.main-content-inner01 .info-inner .info-button{display: flex;justify-content: center;}
	.main-content-inner01 .info-inner .info-button > a{background: #FFFFFF;border: 1px solid #E5E5E5;border-radius: 999px;padding: 10px 20px;font-weight: 400;font-size: 14px;line-height: 145%;letter-spacing: -0.02em;color: #111111;display: flex;align-items: center;gap: 6px;position: relative;transition: all .5s;}
	.main-content-inner01 .info-inner .info-button > a::after{content: "";display: inline-block;width: 20px;height: 20px;background: url(/_res/csu/main/img/common/ico-story02.png) no-repeat center center;background-size: auto;}
	.main-content-inner01 .info-inner .info-button > a:hover{background: #013A86;color: #fff;}
	.main-content-inner01 .info-inner .info-button > a:hover::after{filter: invert(1);}
}