.subtop,
.subtop * {
	box-sizing: border-box;
}

* {
	box-sizing: border-box;
}

.subtop {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	padding: 1rem 3rem;
}

#st_bdo {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

article {
	padding: 0;
}

.art_con {
	width: 100%;
	margin: 0 auto;
}

.art_con_full {
	width: 100%;
	box-sizing: border-box;
}

.article-full {
	padding: 0;
}

.subtop-swiper {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.st-img {
	width: 100%;
	display: flex;
}

.st-img img {
	width: 100%;
	border-radius: 60px;
}

@media(min-width:992px) {
	.st-img {
		display: block;
	}

	.st-img-m {
		display: none;
	}

	.swiper-pagination.subsp {
		display: none;
	}
}

@media(max-width:991px) {
	.art_con {
		width: 96% !important;
		padding: 0 15px;
	}

	.st-img {
		display: none;
	}

	.st-img-m {
		display: block;
		display: flex;
	}

	.st-img-m img {
		width: 100%;
		border-radius: 30px;
	}

	.subtopswiper {
		padding-bottom: 1.5rem;
	}

	.swiper-pagination.subsp {
		bottom: 0;
	}

	.swiper-pagination.subsp .swiper-pagination-bullet {
		width: 30px;
		height: 5px;
		border-radius: 15px;
		transition: .5s;
	}

	.swiper-pagination.subsp .swiper-pagination-bullet-active {
		width: 60px;
		background: #0C318F;
	}
}

@media(max-width:600px) {}