@charset "UTF-8";

/* nav */
.nav ul li:nth-child(3) a::after {
	transform: scale(1, 1);
}

/* upper */
.second-bg::after {
	background-image: url(../../../product/img/product_main.jpg);
}

/* contents */
.product-wrapper {
	margin-top: 14px;
	background: var(--gray);
	padding-bottom: 10px;
}
.product-text {
	margin: 0 12%;
	padding-bottom: 89px;
}

/* list */
.list-wrapper {
	background: #fff;
	padding-bottom: 81px;
	margin-bottom: 48px;
}
.list-wrapper h3 {
	font-weight: bold;
	font-size: 2.6rem;
	color: #fff;
	position: relative;
	margin-left: 75px;
	z-index: 1;
	display: flex;
}
.list-wrapper h3::before {
	content: "";
	position: absolute;
	background: #131313;
	width: 33%;
	height: 66px;
	top: -13px;
	left: -120px;
	transform: skewX(-45deg);
	z-index: -1;
}
h3 .text-circle {
	display: block;
	background: #fff;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	margin-top: 6px;
	margin-right: 9px;
}
.product-list {
	margin: 0 4%;
	display: flex;
	flex-wrap: wrap;
}
.product-item {
	margin: 58px 18px 20px;
}
.product-item img {
	width: 355px;
	height: 485px;
}
.product-item table {
	width: 100%;
}
.product-item th,
.product-item td {
	padding: 8px 0 8px 1em;
	border: var(--border);
}
.product-item th {
	width: 152px;
	background: #e4e4e4;
}

.product-item .btn {
	margin-top: 23px;
	display: block;
	text-align: right;
}
.product-item .btn::after {
	margin-left: 4px;
}
.product-item .btn:hover.btn::after {
	transform: translateX(0) scale(1.2);
}

@media screen and (max-width: 950px) {
	.list-wrapper h3::before {
		width: 47%;
	}
	.product-list {
		justify-content: space-around;
	}
}