.mainer-wpc {
	display: flex;
	flex-direction: row;
}

.mainer-wpc span,
.mainer-wpc p {
	font-family: 'nexa';
	/* font-size: 14px; */
}

.body-1001 {
	width: 35%;
	display: flex;
	flex-direction: column;
	border: 1px solid #000;
}

.body-1002 {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.body-1003 {
	width: 5%;
	display: flex;
	flex-direction: column;
	background-color: #000;
}


.body-1001-1 {
	height: 10%;
	border-bottom: 1px solid #000;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

.body-1001-1-p-1 {
	font-size: 2vw;
	color: #000;
}

.body-1001-1-p-2 {
	font-size: 0.68vw;
	color: #000000cc;
}

.body-1001-2 {
	height: 31%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.body-1001-2-1 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.body-1001-2-1 img {
	margin-top: 0.5vw;
}

.body-1001-2-2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: -2.5vw;
}

.body-1001-2-2 img {
	opacity: 0.7;
}

.body-1001-2-1 p,
.body-1001-2-2 p {
	font-size: 0.6vw;
}

.body-1001-2-2-p-2 {
	font-size: 2vw !important;
	position: absolute;
	left: 0.5vw;
	color: white;
	top: 3.5vw;
}

.body-1001-2-3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	margin-top: -1vw;
}

.body-1001-2-3 p {
	width: 150%;
	font-size: 0.6vw;
	position: absolute;
	bottom: -40%;
}

.body-1001-2 img {
	width: 8vw;
}

.body-1001-2-p-1 {
	font-size: 2vw;
	margin: 0px 2vw;
}

.body-1001-3 {
	flex: 1;
}

.body-1001-3-1 {
	display: flex;
	justify-content: space-between;
	align-items: end;
	padding:0px 3.5vw;
}

.body-1001-3-2 {
	flex: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
	justify-content: center;
}

.body-wpc-color {
	width: 6.7vw;
	height: 6.7vw;
	display: flex;
	flex-direction: column;
	align-items: end;
	justify-content: end;
}

.body-wpc-color span {
	color: white;
	padding: 0px 0.4vw;
	font-size: 0.7vw;
}

.body-wpc-color-desc {
	font-size: 0.5vw !important;
    margin-top: -2px;
    margin-bottom: 3px;
}

.body-1001-3-1 span {
	font-size: 1.5vw;
}

.body-1002-p-title {
	font-size: 1.5vw;
	padding: 1.5vw 0;
	margin: 0 5vw;
}

.body-1002-1 {
	/* flex: 1; */
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2vw;
	margin: 0 5vw;
}

.body-wpc-product {
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.body-wpc-product img {
	width: 100%;
	height: 30vh;
	object-fit: cover;
}

.body-wpc-product p {
	margin-top: 0.8vw;
	font-size: 0.9vw;
}

.rotated-text {
	white-space: nowrap;
	transform: rotate(90deg);
	transform-origin: center center;
	margin-top: 12vh;
}