@media screen and (max-width: 1180px){
	
	.productList{
		width:94%;
		margin:7.5em auto 0;
	}
	
	
	.productList .title{
		font-size:30px;
		text-align:center;
		color:#222;
		font-family:'montserrat';
		font-weight:bold;
	}
	
	
	
	.productList .total{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding-bottom:10px;
		font-family:roboto;
		color:#777;
	}
	
	
	
	.productList .proList_four{
		width:100%;
		display:inline-block;
		margin-top:1.5em;
	}
	
	.productList .proList_four li{
		width:24%;
		display:inline-block;
		float:left;
		margin-left:1%;
		margin-top:2em;
	}
	
	.productList .proList_four li:nth-child(4n+1){
		margin-left:0px;
	}
	
	
	.productList .proList_three{
		width:100%;
		display:inline-block;
		margin-top:1.5em;
	}
	
	.productList .proList_three li{
		width:32.6%;
		display:inline-block;
		float:left;
		margin-left:1%;
		margin-top:20px;
	}
	
	.productList .proList_three li:nth-child(3n+1){
		margin-left:0px;
	}
	
	
	
	
	
	
	.productList  li .thum{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
	}
	
	.productList li .thum img{
		width:100%;
	}
	
	
	
	.productList  li .subject{
		font-size:16px;
		text-align:center;
		color:#222;
		font-family:'montserrat','roboto','noto sans kr';
		margin-top:20px;
		width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	.productList  li .substance{
		font-size:14px;
		text-align:center;
		color:#777;
		margin-top:20px;
		font-family:'roboto','noto sans kr';
		width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	
	.productList li .price{
		font-size:14px;
		text-align:center;
		color:#777;
		font-family:'roboto','noto sans kr';
		margin-top:5px;
	}
	
	
	
	
	.productList li .price{
		font-size:14px;
		text-align:center;
		color:#777;
		font-family:'roboto','noto sans kr';
	}
	


}













@media screen and (max-width: 767px){
	


	.productList{
		width:94%;
		margin:7.5em auto 0;
	}
	
	
	.productList .title{
		font-size:24x;
		text-align:center;
		color:#222;
		font-family:'montserrat';
		font-weight:bold;
	}
	
	
	
	.productList .total{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding-bottom:10px;
		font-family:roboto;
		color:#777;
	}
	
	
	
	.productList .proList_four{
		width:100%;
		display:inline-block;
		margin-top:1.5em;
	}
	
	.productList .proList_four li{
		width:48%;
		display:inline-block;
		float:left;
		margin-left:4%;
		margin-top:2em;
	}
	
	.productList .proList_four li:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	.productList .proList_three{
		width:100%;
		display:inline-block;
		margin-top:1.5em;
	}
	
	.productList .proList_three li{
		width:48%;
		display:inline-block;
		float:left;
		margin-left:4%;
		margin-top:20px;
	}
	
	.productList .proList_three li:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	.productList .proList_three li:nth-child(4),
	.productList .proList_three li:nth-child(10){
		margin-left:4%;
	}
	
	
	
	.productList  li .thum{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
	}
	
	.productList li .thum img{
		width:100%;
	}
	
	
	
	.productList  li .subject{
		font-size:16px;
		text-align:center;
		color:#222;
		font-family:'montserrat','roboto','noto sans kr';
		margin-top:20px;
		width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	.productList  li .substance{
		font-size:14px;
		text-align:center;
		color:#777;
		margin-top:20px;
		font-family:'roboto','noto sans kr';
		width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	
	.productList li .price{
		font-size:14px;
		text-align:center;
		color:#777;
		font-family:'roboto','noto sans kr';
		margin-top:5px;
	}
	
	
	
	
	.productList li .price{
		font-size:14px;
		text-align:center;
		color:#777;
		font-family:'roboto','noto sans kr';
		width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	


}