.solution .sub_bg {
	padding: 60px 0;
}

.solution .tab {
	margin-bottom: 50px;
}

.solution .video {
	position: relative;
	width: 100%;
	max-width: 1280px;
	height: 0;
	padding-bottom: 55%;
	margin: 0 auto;
	overflow: hidden;
}
.solution .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.solution .list {
	gap: 60px 30px;
}
.solution .list .item {
	width: calc(25% - 23px);
	text-align: center;
}
.solution .list .item .thumb {
	position: relative;
	height: 0;
	padding-bottom: 100%;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}
.solution .list .item .thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
}
.solution .list .item .thumb img:hover {
	transform: translate(-50%,-50%) scale(1.1);
}





@media screen and (max-width: 1560px) {
}
@media screen and (max-width: 1024px) {
	.solution .list .item {
		width: calc(33.333% - 20px);
	}
}
@media screen and (max-width: 768px) {
	.solution .tab {
		margin-bottom: 30px;
	}

	.solution .list {
		gap: 30px 15px;
	}
	.solution .list .item {
		width: calc(50% - 8px);
	}
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 380px) {
	.solution .list .item {
		width: 100%;
	}
}