.main_visual{position: relative;}
.main_visual .swiper-slide{height:850px;}
.main_visual .item{
	z-index:2;
	position:absolute;
	left:0; top:50%;
	width:100%;
	padding-top: 9.5rem;
	transform:translateY(-50%);
	color:#fff;
}
.main_visual .mv_t1,
.main_visual .mv_t2{
	text-shadow: 0 0 9px rgba(0, 0, 0, .3);
}
.main_visual .mv_t1{
	font-size:5.5rem;
	font-weight:bold;
}
.main_visual .mv_t2{
	margin-top:2rem;
	font-size:2.8rem;
	font-weight:300;
}
.main_visual .controller,
.main_visual .controller > div{
	display:flex;
	align-items: center;
}
.main_visual .controller{gap: 2rem;}
.main_visual .controller > div{gap: 1rem;}
.main_visual .controller .mv_status button{
	outline: none;
	border: none;
	padding: 0;
	background: none;
	color: #fff;
}
.main_visual .controller .bar > div{
	position: relative;
	width: 15rem;
}
.main_visual .mv_pagination{
	width: 100%; height: 2px;
}
.main_visual .swiper-pagination-progressbar {
	background: rgba(255, 255, 255, .5);
}
.main_visual .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #fff;
}
@media(max-width:991.98px){
	.main_visual .swiper-slide{height:500px;}
	.main_visual .item{padding-top: 7.5rem;}
	.main_visual .mv_t1{font-size:4rem;}
	.main_visual .mv_t2{
		margin-top:1.5rem;
		font-size:2rem;
	}
}
@media(max-width:768.98px){
	.main_visual .swiper-slide{height:450px;}
	.main_visual .mv_t1{font-size:3rem;}
	.main_visual .mv_t2{font-size:1.8rem;}
}
@media(max-width:575.98px){
	.main_visual .swiper-slide{height:400px;}
}


#main_container .main_tit{
	font-size: 3.6rem;
	font-weight: bold;
}
#main_container .main_tit small{
	display: block;
	margin-bottom: 1rem;
	font-size: 2rem;
	font-weight: bold;
	color: #0e7dc2;
}
@media (max-width:991.98px) {
	#main_container .main_tit{font-size: 2.6rem;}
	#main_container .main_tit small{
		display: block;
		font-size: 1.8rem;
	}
}
@media (max-width:767.98px) {
	#main_container .main_tit{font-size: 2.2rem;}
}



/*sec01*/
#main_container > .sec01{padding:12rem 15px 14.5rem;}
#main_container > .sec01 .row{align-items: center;}
@media (max-width:1199.98px) {
	#main_container > .sec01 br{display: none;}
}
@media (max-width:991.98px) {
	#main_container > .sec01{padding:10rem 15px 12rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec01{padding:8rem 15px 10rem;}
}
@media (max-width:575.98px) {
	#main_container > .sec01{padding:6rem 15px 8rem;}
}


/*sec02*/
#main_container > .sec02{position: relative;}
#main_container > .sec02::before{
	content: '';
	z-index: -1;
	position: absolute;
	top: 0; left: 0;
	width: 48.43%; height: 66.5rem;
	background: #e7f6ff;
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 2rem;
}
#main_container > .sec02 > div{display: flex;}
#main_container > .sec02 .tit_box{
	padding-top: 14.5rem;
	width: 33rem;
	flex-shrink: 0;
}
#main_container > .sec02 .btns{
	display: flex;
	gap: 1rem;
	margin-top: 5.5rem;
}
#main_container > .sec02 .mySwiper{
	height: 66.5rem;
	/* padding: 11.5rem 0; */
	overflow: hidden;
}
#main_container > .sec02 .swiper-wrapper{
	align-items: center;
	max-width: 1600px;
	height: 100%;
}
#main_container > .sec02 .swiper-slide{
	width: 35rem;
	height: 43.5rem;
	box-shadow: 5px 5px 1rem rgba(30, 135, 255, .0);
	transition: all .3s;
}
#main_container > .sec02 .swiper-slide:hover{
	width: 40.1rem;
	height: 49.8rem;
	box-shadow: 5px 5px 1rem rgba(30, 135, 255, .21);
	border-radius: 2rem;
}
#main_container > .sec02 .swiper-slide a{
	display: block;
	position: relative;
}
#main_container > .sec02 .swiper-slide a::after{
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border: 3px solid #3fa7ec;
	border-radius: 2rem;
	opacity: 0;
	transition: all .3s;
}
#main_container > .sec02 .swiper-slide:hover a::after{opacity: 1;}
@media (max-width:991.98px) {
	#main_container > .sec02::before,
	#main_container > .sec02 .mySwiper{
		height: 55rem;
	}
	#main_container > .sec02 .tit_box{
		padding-top: 11.5rem;
		width: 30rem;
	}
	#main_container > .sec02 .btns{margin-top: 4rem;}
	#main_container > .sec02 .btns img{width: 6rem;}
	#main_container > .sec02 .swiper-slide{width: 30rem; height: 37rem;}
	#main_container > .sec02 .swiper-slide:hover{width: 35rem;height: 43.5rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec02::before{width: 75%; height: 100%;}
	#main_container > .sec02 > div{display: block;}
	#main_container > .sec02 .tit_box{
		padding-top:6rem;
		width: 100%;
	}
	#main_container > .sec02 .btns img{width: 4.5rem;}
	#main_container > .sec02 .sw_box {padding: 4rem 0 6rem;}
	#main_container > .sec02 .mySwiper{height: auto;}
	#main_container > .sec02 .swiper-slide,
	#main_container > .sec02 .swiper-slide:hover{width: 28rem;height: 35rem;}
}



/*sec03*/
#main_container > .sec03{
	position: relative;
	padding: 13rem 0 14rem;
	color: #fff;
	background: #3fa7ec;
	overflow: hidden;
}
#main_container > .sec03::before,
#main_container > .sec03::after{
	content: '';
	position: absolute;
}
#main_container > .sec03::before{
	left: 50%; bottom: -3rem;
	max-width: 1920px;
	width: 100%; height: 34.1rem;
	background: url(../_img/main/sec03_bg.png) no-repeat left center / 34.7rem 34.1rem;
	transform: translateX(-50%);
}
#main_container > .sec03::after{
	right: 0; top: 0;
	width: 50%; height: 100%;
	background: url(../_img/main/sec03_img.png) no-repeat center center / cover;
}
#main_container > .sec03 > div{z-index: 1;}
#main_container > .sec03 .main_tit small{color: #fff;}
#main_container > .sec03 a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 23.3rem; height: 6rem;
	padding: 0 4rem;
	font-size: 2rem;
	font-weight: 600;
	color: #3fa7ec;
	background: #fff;
	border-radius: 2rem;
}
@media (max-width:767.98px) {
	#main_container > .sec03{padding: 8rem 0 20rem;}
	#main_container > .sec03::before{
		z-index: 1;
		bottom: 50%; left: unset; right: 0;
		height: 27.5rem;
		background-size: 28rem 27.5rem;
		background-position: right center;
		transform: translateY(50%);
	}
	#main_container > .sec03::after{
		right: 0; top: unset; bottom: 0;
		width: 100%; height: 50%;
	}
	#main_container > .sec03 a{
		width: 20rem; height: 5.5rem;
		padding: 0 3rem;
		font-size: 1.8rem;
	}
}
@media (max-width:575.98px) {
	#main_container > .sec03{padding: 6rem 0 18rem;}
	#main_container > .sec03::before{
		height: 19.6rem;
		background-size: 20rem 19.6rem;
	}
}


/*sec04*/
#main_container > .sec04{
	position: relative;
	padding:13rem 0 12rem;
}
#main_container > .sec04::after{
	content: '';
	z-index: -1;
	position: absolute;
	bottom: 0; left: 0;
	width: 100%; height: 50%;
	background: #f8f8f8;
}
#main_container > .sec04 .mySwiper{
	padding: 7rem 0 4.5rem;
}
#main_container > .sec04 .swiper-slide{width: 34rem;}
#main_container > .sec04 .item{
	display: block;
	padding: 4rem 4rem 7rem;
	background: #fff;
	border-radius: 2rem;
	box-shadow: 4px 3px 1.8rem rgba(0, 0, 0, .09);
}
#main_container > .sec04 .date{
	margin-bottom: 1.5rem;
	font-size: 1.8rem;
	font-weight: 600;
	color: #1080c3;
}
#main_container > .sec04 .subject,
#main_container > .sec04 .desc{
	word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
#main_container > .sec04 .subject{
	-webkit-line-clamp: 2; 
	font-size: 2.2rem;
	font-weight: bold;
	color: #000;
}
#main_container > .sec04 hr{
	margin: 2rem 0;
	border-top: 1px solid #eeeeee;
}
#main_container > .sec04 .desc{
	-webkit-line-clamp: 3; 
	line-height: 1.7;
	font-size: 1.8rem;
	color: #777777;
}
#main_container > .sec04 .nav,
#main_container > .sec04 .btns{
	display: flex;
	align-items: center;
}
#main_container > .sec04 .nav{
	gap: 5rem;
	position: relative;
}
#main_container > .sec04 .btns{gap: 1rem;}
#main_container > .sec04 .btns img{width: 5.5rem;}
#main_container > .sec04 .bar{
	position: relative;
	width: calc(100% - 17rem);
}
#main_container > .sec04 .sec04-pagination{
	width: 100%; height: 4px;
}
#main_container > .sec04 .swiper-pagination-progressbar {
	background: #ededed;
}
#main_container > .sec04 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #2e60bc;
}
@media (max-width:991.98px) {
	#main_container > .sec04{padding:10rem 0;}
	#main_container > .sec04 .mySwiper{padding: 5rem 0 3rem;}
	#main_container > .sec04 .swiper-slide{width: 30rem;}
	#main_container > .sec04 .item{padding: 3rem 3rem 5rem;}
	#main_container > .sec04 .date{
		margin-bottom: 1rem;
		font-size: 1.6rem;
	}
	#main_container > .sec04 .subject{ font-size: 1.8rem;}
	#main_container > .sec04 hr{margin: 1.5rem 0;}
	#main_container > .sec04 .desc{font-size: 1.6rem;}
	#main_container > .sec04 .nav{gap: 3rem;}
	#main_container > .sec04 .btns img{width: 4.5rem;}
	#main_container > .sec04 .bar{width: calc(100% - 13rem);}
}
@media (max-width:767.98px) {
	#main_container > .sec04{padding:8rem 0;}
	#main_container > .sec04 .swiper-slide{width: 28rem;}
}



/*sec05*/
#main_container > .sec05{
	padding:12rem 0;
	text-align: center;
	overflow: hidden;
}
#main_container > .sec05 .main_tit{margin-bottom: 7rem;}
#main_container > .sec05 .swiper-wrapper{
	transition-timing-function: linear !important;
}
#main_container > .sec05 .swiper-slide{width: 31.6rem;}
#main_container > .sec05 .swiper-slide img{width: 100%;}
@media (max-width:991.98px) {
	#main_container > .sec05{padding:10rem 0;}
	#main_container > .sec05 .main_tit{margin-bottom: 5rem;}
	#main_container > .sec05 .swiper-slide{width: 25rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec05{padding:8rem 0;}
	#main_container > .sec05 .main_tit{margin-bottom: 4rem;}
	#main_container > .sec05 .swiper-slide{width: 22rem;}
}