@charset "utf-8";
.products #contents .environment .productsBox ul li{
	margin-bottom: 10px;
}
.products #contents .environment .productsBox ul li:nth-child(2n){
	margin-right: 0;
}
.products #contents .environment .productsBox ul li:hover{
	cursor: pointer;
}
.products .remodal .recommendContentsList{
	display: flex;
	flex-wrap: wrap;
	width: 590px;
	max-width: 100%;
	gap: 20px;
	padding: 0;
	margin: 0 auto 30px;
}
.products .remodal .recommendContentsList li{
	list-style-type: none;
	width: 285px;
}
.products .remodal .recommendContentsList li a{
	text-decoration: none;
}
.products .remodal .recommendContentsList li a:hover{
	opacity: 0.85;
}
.products .remodal .recommendContentsList li a .recommendContentsImage{
	font-size: 0;
}
.products .remodal .recommendContentsList li a .recommendContentsTitle{
	display: flex;
	align-items: center;
	text-align: left;
	background-color: #191F24;
    color: #fff;
	font-size: 14px;
	margin: 0;
	height: 70px;
	box-sizing: border-box;
    padding: 5px 30px 5px 10px;
}
.products .remodal .recommendContentsList li a:hover .recommendContentsTitle{
	background-color: #00a7ac;
}
.products .remodal .recommendContentsList li a .recommendContentsTitle.icOtherW{
	background-position: right 10px center;
}
.products .remodal .recommendContentsList li a:hover .recommendContentsTitle.icOtherW{
	background-image: url(/shared/images/ic_other_top.png);
}
.products .remodal .remodalTitle{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px){
	.products .remodal{
		padding: 10px;
	}
	.products .remodal .remodalTitle{
		font-size: 22px;
		margin-bottom: 20px;
	}
	.products .remodal .recommendContentsList{
		justify-content: center;
	}
	.products .remodal .recommendContentsList li a .recommendContentsTitle.icOtherW{
		background: url(images/common/ic_other.png) no-repeat right 10px center;
		background-color: #191F24;
	}
}