@media (max-width:1000px) {
	.banner {
		width: 95%;
		height: auto;
		margin: 0 auto;
		border-top: 1px solid gainsboro;
		padding: 10px 0;
	}

	.b-box {
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;

	}

	.b-box img {
		width: 35%;
		height: 100px;

	}

	.b-text {
		width: 60%;
		/* height: auto; */

	}

	.b-text p:nth-of-type(1) {
		font-size: 18px;
		color: #000000;
		
		/* letter-spacing: 2px; */
		line-height: 1.5;
		margin-bottom: 5px;

	}

	.b-text p:nth-of-type(2) {
		font-size: 13px;
		color: gray;
		/* letter-spacing: 2px; */
		line-height: 1.5;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		font-weight: 400;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.b-box:nth-of-type(1) {

		flex-direction: column-reverse;

		flex-wrap: wrap;

	}

	.b-box:nth-of-type(1) img {
		width: 100%;
		height: 230px;

	}

	.b-box:nth-of-type(1) .b-text {
		width: 100%;
		padding: 10px 0;
	}

	.b-box:nth-of-type(1) .b-text p:nth-of-type(1) {
		font-size: 18px;
	}
	.b-box:nth-of-type(1) .b-text p:nth-of-type(2) {
		font-size: 15px;
		-webkit-line-clamp: 5;
	}
}

@media (min-width:1000px) {
	.banner {
			width: 1300px;
			height: 500px;
			margin: 0 auto;
			border-top: 1px solid gainsboro;
			padding: 10px 0;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			flex-direction: column;
			
		}
	
		.b-box {
			width: 55%;
			display: flex;
			justify-content: space-between;
			margin-bottom: 20px;
	
		}
	
		.b-box img {
			width: 40%;
			height: 200px;
	
		}
	
		.b-text {
			width: 60%;
			/* height: auto; */
	
		}
	
		.b-text p:nth-of-type(1) {
			font-size: 20px;
			color: #000000;
			font-weight: bold;
			/* letter-spacing: 2px; */
			line-height: 1.5;
			margin-bottom: 5px;
	
		}
	
		.b-text p:nth-of-type(2) {
			font-size: 16px;
			color: gray;
			/* letter-spacing: 2px; */
			line-height: 1.5;
			/* overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			font-weight: 400;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1; */
		}
		.b-box:hover .b-text p:nth-of-type(1){
			color: #2077ba;
		}
	
		.b-box:nth-of-type(1) {
			width: 40%;
			flex-direction: column-reverse;
	
			flex-wrap: wrap;
	
		}
	
		.b-box:nth-of-type(1) img {
			width: 100%;
			height: 350px;
	
		}
	
		.b-box:nth-of-type(1) .b-text {
			width: 100%;
			padding: 10px 0;
		}
	
		.b-box:nth-of-type(1) .b-text p:nth-of-type(1) {
			font-size: 22px;
			color: #2077ba;
		}
		.b-box:nth-of-type(1) .b-text p:nth-of-type(2) {
			font-size: 17px;
			-webkit-line-clamp: 5;
		}
	}
}