.main_visual{
	position: relative;
	padding-top: 14rem;
}
.main_visual .scrollDown{
	z-index: 10;
	position: absolute;
	bottom: 10rem; right: 2rem;
	background: none;
	border: none;
	outline: none;
	padding: 0;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 1.5rem;
}
.main_visual .scrollDown .circle{
	position: relative;
	display: inline-block;
	width: 3.6rem; height: 3.6rem;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 50%;
}
.main_visual .scrollDown .circle::before{
	content: '';
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	width: 4px; height: 4px;
	background: #fff;
	border-radius: 50%;
}
.main_visual .mySwiper{position: relative;}
.main_visual .swiper-slide{
	position:relative;
	overflow:hidden;
}
.main_visual .swiper-slide .text_item{
	z-index:2;
	position:relative;
	padding-top: 13rem;
	padding-bottom: 32rem;
	width:100%;
	color:#fff;
	opacity: 0;
	transform: translate3d(0, 70px, 0);
	transition-duration: .7s;
	transition-timing-function: cubic-bezier(.445, .05, .55, .95);
}
.main_visual .swiper-slide .text_item.on{
	opacity: 1;
	transform: translateZ(0);
}
.main_visual .swiper-slide h2{
	margin-bottom: 22rem;
	font-size: 5.5rem;
	font-weight: bold;
	color: #033188;
}
.main_visual .swiper-slide h2 span{
	display: block;
	margin-bottom: 1rem;
	width: 10.5rem; height: 5px;
	background: #033089;
}
.main_visual .swiper-slide .tit{
	margin-left: auto;
	width: 47%;
}
.main_visual .swiper-slide .tit h3{
	font-size:6.4rem;
	font-weight:800;
	text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}
.main_visual .swiper-slide .tit p{
	margin:2rem 0;
	font-size:2.4rem;
	font-weight:600;
}
.main_visual .swiper-slide .tit .link{
	display: flex;
	gap: 2rem;
}
.main_visual .swiper-slide .tit .link a{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
	width: 20rem; height: 5.5rem;
	font-size: 1.5rem;
	font-weight: 500;
	color: #fff;
	border: 1px solid #fff;
	background: rgba(3, 48, 137, .8);
}
.main_visual .swiper-slide .tit .link a i{font-size: 1.8rem;}
.main_visual .swiper-slide .visual_img{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition:all 5s;
}

.main_visual .controller{
	z-index: 10;
	position:absolute;
	left:50%; bottom: 23rem;
	color:#fff;
	width: 100%;
	transform: translateX(-50%);
}
.main_visual .controller > div{
	display:flex;
	align-items: center;
	gap: 1.5rem;
	width: 47%;
	margin-left: auto;
}
.main_visual .controller .mv_prev,
.main_visual .controller .mv_next,
.main_visual .controller .mv_status{
	font-size:1.8rem;
}
.main_visual .controller .mv_bar{
	position: relative;
	width: 31.4rem; height: 4px;
}
.main_visual .controller .mv_bar > div{
	width: 100%;
	display: flex;
	gap: 7px;
}
.main_visual .swiper-pagination-bullet {
	display: inline-block;
	width: calc(100%/3);
	height: 4px;
	border-radius: 0;
	background: #fff;
	opacity: .3;
}
.main_visual .swiper-pagination-bullet-active{opacity: 1;}
.main_visual .controller .mv_status button{
	color:inherit;
	outline: none;
	border: none;
	background: none;
	padding: 0;
}
@media(max-width:1199.98px){
	.main_visual .swiper-slide h2 {
    margin-bottom: 10rem;
    font-size: 5rem;
	}
	.main_visual .swiper-slide .tit h3 {font-size: 5.5rem;}
}
@media(max-width:991.98px){
	.main_visual .swiper-slide .text_item {
    padding-top: 10rem;
    padding-bottom: 25rem;
	}
	.main_visual .swiper-slide .text_item{text-align:center;}
	.main_visual .swiper-slide h2 {
    margin-bottom: 6rem;
    font-size: 4rem;
	}
	.main_visual .swiper-slide h2 span {
    margin: 0 auto 1rem;
    width: 8.5rem;
    height: 4px;
	}
	.main_visual .swiper-slide .tit{width: 100%;}
	.main_visual .swiper-slide .tit h3 {
		font-size: 4.5rem;
		text-shadow: 0 3px 3px rgba(0, 0, 0, .6);
	}
	.main_visual .swiper-slide .tit p {
    margin: 1.5rem 0;
    font-size: 2rem;
		text-shadow: 0 3px 3px rgba(0, 0, 0, .6);
	}
	.main_visual .swiper-slide .tit .link{
		justify-content: center;
		gap: 1rem;
	}
	.main_visual .swiper-slide .tit .link a {
		gap: 1rem;
    width: 18rem;
    height: 5rem;
	}

	.main_visual .controller{bottom: 15rem;}
	.main_visual .controller > div{
		justify-content: center;
		width: 100%;
	}
	.main_visual .scrollDown {
    bottom: 2rem;
    gap: 1rem;
	}
	.main_visual .scrollDown .circle {
    width: 3rem;
    height: 3rem;
	}
}
@media(max-width:767.98px){
	.main_visual .swiper-slide .text_item {
    padding-top: 8rem;
    padding-bottom: 20rem;
	}
	.main_visual .swiper-slide h2 {
    margin-bottom: 4rem;
    font-size: 3rem;
	}
	.main_visual .swiper-slide h2 span {
    width: 7rem;
    height: 3px;
	}
	.main_visual .swiper-slide .tit h3 {font-size: 3.5rem;}
	.main_visual .swiper-slide .tit p {font-size: 1.8rem;}
	.main_visual .controller{bottom: 12rem;}
}
@media(max-width:576.98px){
	.main_visual .swiper-slide .text_item {
    padding-top: 6rem;
    padding-bottom: 15rem;
	}
	.main_visual .swiper-slide h2 {
    margin-bottom: 3rem;
    font-size: 2.5rem;
	}
	.main_visual .swiper-slide h2 span {width: 6.5rem;}
	.main_visual .swiper-slide .tit h3 {font-size: 3rem;}
	.main_visual .controller{bottom: 8rem;}
}


/*sec01*/
#main_container > .sec01{
	position: relative;
	padding-top:14rem;
}
#main_container > .sec01::after{
	content: '';
	z-index: -1;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 44rem;
	background: url(../_img/main/main_sec01_bg.png) no-repeat center top / cover;
}
#main_container > .sec01 ul{
	display: flex;
	gap: 2rem;
	margin-top: 9rem;
}
#main_container > .sec01 ul li{
	position: relative;
	padding-top: 15.625%;
	width: calc(100%/6);
}
#main_container > .sec01 ul li a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	text-align: center;
	font-size: 2rem;
	color: #033089;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0);
	transform: translateY(0);
	transition: all .3s;
}
#main_container > .sec01 ul li:hover a{
	border-color: #033089;
	transform: translateY(-3rem);
	box-shadow: 0 4px 1rem rgba(0, 0, 0, .25);
}
#main_container > .sec01 ul li a img{max-width: 100%;}
#main_container > .sec01 ul li a span{
	display: block;
	margin-top: 2rem;
}
@media (max-width:1199.98px) {
	#main_container > .sec01 { padding-top: 12rem;}
	#main_container > .sec01::after{height: 70%;}
	#main_container > .sec01 ul{
		flex-wrap: wrap;
		margin-top: 6rem;
	}
	#main_container > .sec01 ul li{
		padding-top: 31.29%;
		width: calc((100%/3) - 2rem);
	}
}
@media (max-width:991.98px) {
	#main_container > .sec01 {padding-top: 10rem;}
	#main_container > .sec01 ul{margin-top: 4rem;}
	#main_container > .sec01 ul li a{font-size: 1.8rem;}
	#main_container > .sec01 ul li a span {margin-top: 1.5rem;}
	#main_container > .sec01 ul li a img{width: 70px;}
}
@media (max-width:767.98px) {
	#main_container > .sec01 {padding-top: 8rem;}
	#main_container > .sec01 ul{margin-top: 3rem; gap: 1rem;}
	#main_container > .sec01 ul li {width: calc((100%/3) - 1rem);}
	#main_container > .sec01 ul li a{font-size: 1.6rem;}
	#main_container > .sec01 ul li:hover a{transform: translateY(0);}
	#main_container > .sec01 ul li a img{width: 60px;}
}
@media (max-width:575.98px) {
	#main_container > .sec01 {padding-top: 6rem;}
	#main_container > .sec01 ul li {
		padding-top: 48.65%;
		width: calc(50% - .5rem);
	}
}



#main_container .main_title{
	font-family: 'Poppins';
	font-size: 6rem;
	font-weight: 800;
}

#main_container .tab{display: flex;}
#main_container .tab li{
	cursor: pointer;
	padding-bottom: .5rem;
	width: calc(100%/3);
	text-align: center;
	font-family: 'Poppins';
	font-size: 2.2rem;
	color: #ddd;
	border-bottom: 2px solid #ddd;
}
#main_container .tab li.active{
	color: #000;
	border-color: #000;
}
@media (max-width:1199.98px) {
	#main_container .main_title{font-size: 5rem;}
}
@media (max-width:991.98px) {
	#main_container .main_title{font-size: 4rem;}

	#main_container .tab li{font-size: 2rem;}
}
@media (max-width:767.98px) {
	#main_container .main_title{font-size: 3.5rem;}
	#main_container .tab li{font-size: 1.8rem;}
}



/*sec02*/
#main_container > .sec02{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding-top: 15rem;
	padding-bottom: 15rem;
}
#main_container > .sec02 .bg_tit {
	z-index: -1;
	position: absolute;
	top: 43%; left: 0;
	transform: translateY(-50%);
	width: 100%;
}
#main_container > .sec02 .bg_tit p{
	line-height: 1;
	font-family: 'Poppins';
	font-size: 21rem;
	font-weight: 800;
	color: #F1F1F1;
}
#main_container > .sec02 .bg_tit p:first-child{padding-left: 4.5rem;}
#main_container > .sec02 .bg_tit p:last-child{padding-left: 16.5rem;}
#main_container > .sec02 .txt{
	flex-shrink: 0;
	width: 42rem;
}
#main_container > .sec02 .more{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6.5rem;
	width: 6rem; height: 6rem;
	font-size: 3rem;
	color: #000;
	background: #fff;
	border: 1px solid #000;
}
#main_container > .sec02 .img {max-width: 1060px;}
#main_container > .sec02 .img img{display: none;}
@media (max-width:1199.98px) {
	#main_container > .sec02{
		padding-top: 12rem;
		padding-bottom: 12rem;
	}
	#main_container > .sec02 .bg_tit p{font-size: 15rem;}
	#main_container > .sec02 .more{margin-bottom: 4rem;}
}
@media (max-width:991.98px) {
	#main_container > .sec02{
		display: block;
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
	#main_container > .sec02 .bg_tit {display: none;}
	#main_container > .sec02 .inner{
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	#main_container > .sec02 .more {
    margin-bottom: 0;
    width: 5rem;
    height: 5rem;
    font-size: 2.5rem;
	}
}
@media (max-width:767.98px) {
	#main_container > .sec02{
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
	#main_container > .sec02 .more {
    width: 4rem;
    height: 4rem;
    font-size: 2.2rem;
	}
}
@media (max-width:575.98px) {
	#main_container > .sec02{
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
}



/*sec03*/
#main_container > .sec03{
	padding:18rem 0 14.5rem;
	color: #fff;
	background:url(../_img/main/main_sec03_bg.png) no-repeat center center / cover;
}
#main_container > .sec03 > div{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3rem;
}
#main_container > .sec03 .info{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	width: 78rem;
}
#main_container > .sec03 .info a{
	padding: 2.5rem 9.5rem 6.5rem 3rem;
	width: calc(50% - 1rem);
	min-height: 22rem;
	color: #fff;
	background-color: rgba(255, 255, 255, .10);
	background-repeat: no-repeat;
	background-size: 66px 66px;
	background-position: right 2.5rem bottom 2rem;
	border: 1px solid rgba(255, 255, 255, .15);
	transition: all .3s;
}
#main_container > .sec03 .info a:first-child{
	background-image: url(../_img/main/main_sec03_icon01.png);
}
#main_container > .sec03 .info a:nth-child(2){
	background-image: url(../_img/main/main_sec03_icon02.png);
}
#main_container > .sec03 .info a:nth-child(3){
	background-image: url(../_img/main/main_sec03_icon03.png);
}
#main_container > .sec03 .info a:nth-child(4){
	background-image: url(../_img/main/main_sec03_icon04.png);
}
#main_container > .sec03 .info a:hover{
	background-color: #033089;
	border-color: #1968B3;
}
#main_container > .sec03 .info a dt{
	margin-bottom: 1rem;
	font-size: 2.4rem;
	font-weight: 800;
}
#main_container > .sec03 .info dl dd{
	font-size: 1.8rem;
	font-weight: 600;
}
#main_container > .sec03 .link{
	display: flex;
	gap: 1rem;
}
#main_container > .sec03 .link a{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.3rem;
	padding:0 1rem;
	width: 21rem; height: 5.5rem;
	font-size: 2rem;
	font-weight: 500;
	color: #fff;
	border: 1px solid #fff;
}
@media (max-width:1199.98px) {
	#main_container > .sec03 {padding: 12rem 0;}
	#main_container > .sec03 > div {display: block;}
	#main_container > .sec03 .info{
		margin-top: 3rem;
		width: 100%;
	}
}
@media (max-width:991.98px) {
	#main_container > .sec03 {padding: 10rem 0;}
	#main_container > .sec03 .link a {
		gap: 1rem;
    width: 18rem;
    height: 5rem;
    font-size: 1.8rem;
	}
	#main_container > .sec03 .link a img{width: 16px;}
	#main_container > .sec03 .info a {
    padding: 2rem 8.5rem 2.5rem 2rem;
    background-size: 55px 55px;
    background-position: right 1.5rem bottom 1.5rem;
	}
	#main_container > .sec03 .info dl dt {font-size: 2.2rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec03 {padding: 8rem 0;}
	#main_container > .sec03 .info{gap: 1rem; }
	#main_container > .sec03 .info a{
		padding: 2rem 7.5rem 2.5rem 2rem;
		width: calc(50% - .5rem);
		min-height: unset;
		background-size: 45px 45px;
	}
	#main_container > .sec03 .info dl dt {font-size: 2rem;}
	#main_container > .sec03 .info dl dd{font-size: 1.6rem;}
}
@media (max-width:575.98px) {
	#main_container > .sec03 {padding: 6rem 0;}
	#main_container > .sec03 .info a{
		width: 100%;
		background-size: 36px 36px;
	}
}


#main_container .viewmore{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	width: 21rem; height: 5.5rem;
	font-size: 2rem;
	color: #000;
	border: 1px solid #000;
}
#main_container .viewmore i{font-size: 3rem;}
@media (max-width:991.98px) {
	#main_container .viewmore {
		gap: 1rem;
    width: 18rem;
    height: 5rem;
    font-size: 1.8rem;
	}
	#main_container .viewmore i{font-size: 2.5rem;}
}
@media (max-width:767.98px) {
	#main_container .viewmore {
    width: 16rem;
    height: 4.5rem;
    font-size: 1.6rem;
	}
	#main_container .viewmore i{font-size: 2.2rem;}
}
@media (max-width:575.98px) {
	#main_container .viewmore {width: 100%;}
}



/* sec04 */
#main_container > .sec04{
	padding-top: 14rem;
	padding-bottom: 8rem;
}
#main_container > .sec04 > div{
	display: flex;
	align-items: flex-end;
	position: relative;
	margin-top: 4.5rem;
}
#main_container > .sec04 > div > p{
	z-index: -1;
	position: absolute;
	top: 50%; right: 0;
	font-size: 30rem;
	font-weight: 800;
	color: #F1F1F1;
	transform: translateY(-50%);
}
#main_container > .sec04 img{
	max-width: 1060px;
	width: calc(100% - 54rem);
	height: 48rem;
	object-fit: cover;
	object-position: center;
}
#main_container > .sec04 > div > div{
	padding-left: 7rem;
	width: 54rem;
	flex-shrink: 0;
}
#main_container > .sec04 > div > div p:last-of-type{color: #777777;}
@media (max-width:1199.98px) {
	#main_container > .sec04{padding-top: 12rem;}
	#main_container > .sec04 > div > p{font-size: 25rem;}
	#main_container > .sec04 img{
		width: calc(100% - 40rem);
		height: 40rem;
	}
	#main_container > .sec04 > div > div{
		padding-left: 4rem;
		width: 40rem;
	}
}
@media (max-width:991.98px) {
	#main_container > .sec04{padding-top: 10rem; padding-bottom: 6rem;}
	#main_container > .sec04 > div{
		display: block;
		margin-top: 3rem;
	}
	#main_container > .sec04 > div > p{display: none;}
	#main_container > .sec04 img{
		width: 100%;
		height: auto;
	}
	#main_container > .sec04 > div > div{
		margin-top: 2rem;
		padding-left: 0;
		width: 100%;
	}
}
@media (max-width:767.98px) {
	#main_container > .sec04{padding-top: 8rem; padding-bottom: 4rem;}
	#main_container > .sec04 > div{margin-top: 2rem;}
	#main_container > .sec04 > div > div{margin-top: 1.5rem;}
}



/* sec05 */
#main_container > .sec05{
	padding-top: 6rem;
	padding-bottom: 8.5rem;
}
#main_container > .sec05 .tab{width: 44rem;}
#main_container > .sec05 .list{
	position: relative;
	display: none;
}
#main_container > .sec05 .viewmore{
	position: absolute;
	top: -11.5rem; right: 0;
}
#main_container > .sec05 .list > div{
	display: flex;
	gap: 3rem;
}
#main_container > .sec05 .list > div > a{display: block; color: #000;}
#main_container > .sec05 .list .subject{
	margin-top: 2rem;
	font-size: 2rem;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis; 
	color: #000;
}

/* list1 */
#main_container > .sec05 .list1 > div > a{width: 50%;}
#main_container > .sec05 .list1 .subject{
	margin-bottom: 5px;
	word-wrap: break-word; 
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
#main_container > .sec05 .date{
	font-size: 1.8rem;
	color: #999999;
}
#main_container > .sec05 .big .thum{padding-top: 63.93%;}
#main_container > .sec05 .big .subject{
	-webkit-line-clamp: 2; 
}
#main_container > .sec05 .small > a{
	display: flex;
	gap: 3rem;
}
#main_container > .sec05 .small > a ~ a{margin-top: 3.5rem;} 
#main_container > .sec05 .small .thum{
	padding-top: 30%;
	width: 59.87%;
	flex-shrink: 0;
}
#main_container > .sec05 .small .subject{-webkit-line-clamp: 4; margin-top: 0;}

/* list2 */
#main_container > .sec05 .list2 > div > a{width: calc(100%/3);}
#main_container > .sec05 .list2 .thum{padding-top: 56%;}

/* list3 */
#main_container > .sec05 .list3 > div > a{width: calc(100%/3);}
#main_container > .sec05 .list3 .thum{padding-top: 100%;}
@media (max-width:1199.98px) {
	#main_container > .sec05 .small > div,
	#main_container > .sec05 .list > div {gap: 2rem;}
	#main_container > .sec05 .small > a ~ a{margin-top: 2.5rem;} 
}
@media (max-width:991.98px) {
	#main_container > .sec05 .list > div {flex-wrap: wrap; gap: 2.5rem;}
	#main_container > .sec05 .list > div > a{width: 100%;}
	#main_container > .sec05 .viewmore{top: -9rem;}
	#main_container > .sec05 .subject{font-size: 1.8rem; margin-top: 1.5rem;}
	#main_container > .sec05 .date {font-size: 1.6rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec05 .tab {width: 38rem;}
	#main_container > .sec05 .viewmore {top: -7.5rem;}
}
@media (max-width:575.98px) {
	#main_container > .sec05 .tab {width: 100%;}
	#main_container > .sec05 .viewmore {
		position: unset;
		margin-bottom: 2rem;
	}
}

