.banner-box {
	position: relative;
}

.banner-box-img {
	width: 100%;
}

.article-info {
	position: absolute;
	width: 80%;
	top: 16vw;
	background: #ffffff;
	left: 10vw;
	padding: 2vw;
	border-radius: 2vw 2vw 0 0;
}

.article-title {
	color: #333333;
	font-size: 1.5vw;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2vw;
}

.article-info-data {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2vw;
}

.article-info-data span {
	color: #666666;
	font-size: 1.3vw;
}

.banner-box-adervitise {
	background: #F6FBFF;
	padding: 2vw;
	margin-top: 2vw;
	border-radius: 0.2vw;
}

.article-info p {
	color: #666666;
	font-size: 1.3vw;
	text-align: center;
	margin-bottom: 2vw;
}

.banner-box-adervitise>a {
	display: flex;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	gap: 1vw;
	background: #0D6200;
	width: 15vw;
	border-radius: 0.2vw;
	height: 2.8vw;
	line-height: 2.8vw;
	cursor: pointer;
	animation: sway 3s linear infinite;
}

.banner-box-adervitise>a:hover {
	opacity: 0.9;
}

.banner-box-adervitise>a img {
	width: 1.3vw;
}

@keyframes sway {
	25% {
		transform: translateX(0.5vw);
	}

	50% {
		transform: translateX(1vw);
	}

	75% {
		transform: translateX(0.5vw);
	}

	100% {
		transform: translateX(0vw);
	}
}

.banner-box-adervitise>div img {
	width: 1.3vw;
}

.banner-box-adervitise>div label {
	font-size: 1.1vw;
	cursor: pointer;
}

.article-content {
	padding-top: 10vw;
	padding-bottom: 4vw;
	background: #ffffff;
}

.article-content article {
    word-break:break-all;
    min-height: 50vh;
}

.article-content article,
.article-content p,
.article-content span,
.article-content a,
.article-content label,
.article-content strong,
.article-content em,
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
	color: #333333;
	font-size: 1.2vw;
	line-height: 1.8vw;
}

@media (max-width:768px) {
	.banner-box-img {
		height: 80vw;
		object-fit: cover;
	}

	.article-info {
		width: 90%;
		top: 24vw;
		left: 5vw;
		padding: 4vw;
		border-radius: 4vw 4vw 0 0;
	}

	.article-title {
		font-size: 3.5vw;
		margin-bottom: 4vw;
	}

	.article-info-data {
		gap: 4vw;
	}

	.article-info-data span {
		font-size: 3.3vw;
	}

	.banner-box-adervitise {
		padding: 2vw 4vw;
		margin-top: 4vw;
		border-radius: 0.6vw;
	}

	.article-info p {
		font-size: 3.3vw;
		margin-bottom: 4vw;
		line-height: 5VW;
	}

	.banner-box-adervitise>a {
		display: none;
	}

	.article-content {
		padding-top: 5vw;
		padding-bottom: 8vw;
	}
	
	.article-content article {
        min-height: 100vh;
    }
	
	.article-content article,
	.article-content p,
	.article-content span,
	.article-content a,
	.article-content label,
	.article-content strong,
	.article-content em,
	.article-content h1,
	.article-content h2,
	.article-content h3,
	.article-content h4,
	.article-content h5,
	.article-content h6 {
		color: #333333;
		font-size: 3.2vw;
		line-height: 6vw;
	}
}