@charset "UTF-8";


@media screen and (min-width: 1210px) {
	#product04Cnt {
		width: 100%;
		min-height: 700px;
		padding: 0 0 80px;
	}
	#sortBtn {
		width: 100%;
		background: #d7d7d7;
		padding: 10px 0;
	}
	#sortBtn ul {
		width: 1200px;
		margin: 0 auto;
		background: #ffffff;
	}
	#sortBtn ul li {
		width: 25%;
		height: 45px;
		background: #ffffff;
		box-sizing: border-box;
		border-right: 1px #d7d7d7 solid;
		border-bottom: 1px #d7d7d7 solid;
		text-align: center;
		font-size: 90%;
		line-height: 45px;
		cursor: pointer;
		float: left;
	}
	#sortBtn ul li:hover {
		color: #ffffff !important;
		background: #c61e1e !important;
	}
	#sortBtn ul li.current {
		color: #ffffff !important;
		background: #c61e1e !important;
	}
	#sortBtn ul li.blankBtn {
		border-bottom: 1px #d7d7d7 solid;
		cursor: default;
	}
	#sortBtn ul li.blankBtn:hover {
		background: #ffffff !important;
	}
	#productsList {
		width: 1210px;
		margin: 0 auto;
	}
	#productsList li {
		width: 20%;
		height: auto;
		line-height: 0;
		box-sizing: border-box;
		margin: 10px 0 0;
		padding: 0 5px 0;
	}
	#productsList li img {
		width: 100%;
		height: auto;
		border: 1px #cccccc solid;
		box-sizing: border-box;
	}
	#productsList li:hover {
		opacity: 0.8;
	}
}
@media screen and (max-width: 1209px) and (min-width: 768px) {
	#product04Cnt {
		width: 100%;
		min-height: 500px;
		padding: 0 0 80px;
	}
	#sortBtn {
		width: 100%;
		background: #d7d7d7;
		padding: 10px 0;
	}
	#sortBtn ul {
		width: 94%;
		margin: 0 auto;
		background: #ffffff;
	}
	#sortBtn ul li {
		width: 25%;
		height: 45px;
		background: #ffffff;
		box-sizing: border-box;
		border-right: 1px #d7d7d7 solid;
		border-bottom: 1px #d7d7d7 solid;
		text-align: center;
		font-size: 64%;
		line-height: 45px;
		cursor: pointer;
		float: left;
	}
	#sortBtn ul li:hover {
		color: #ffffff !important;
		background: #c61e1e !important;
	}
	#sortBtn ul li.current {
		color: #ffffff !important;
		background: #c61e1e !important;
	}
	#sortBtn ul li.blankBtn {
		border-bottom: 1px #d7d7d7 solid;
		cursor: default;
	}
	#sortBtn ul li.blankBtn:hover {
		background: #ffffff !important;
	}
	#productsList {
		width: 95%;
		margin: 0 auto;
	}
	#productsList li {
		width: 20%;
		height: auto;
		line-height: 0;
		box-sizing: border-box;
		margin: 8px 0 0;
		padding: 0 4px 0;
	}
	#productsList li img {
		width: 100%;
		height: auto;
		border: 1px #cccccc solid;
		box-sizing: border-box;
	}
	#productsList li:hover {
		opacity: 0.8;
	}
}
@media screen and (max-width: 767px) {
	#product04Cnt {
		width: 100%;
		min-height: 300px;
		margin: 0 0 80px;
	}
	#sortBtn {
		width: 100%;
		background: #d7d7d7;
		padding: 10px 0;
	}
	#sortBtn ul {
		width: 94%;
		margin: 0 auto;
		background: #ffffff;
	}
	#sortBtn ul li {
		width: 25%;
		height: 55px;
		background: #ffffff;
		box-sizing: border-box;
		border-right: 1px #d7d7d7 solid;
		border-bottom: 1px #d7d7d7 solid;
		text-align: left;
		font-size: 50%;
		line-height: 1.4;
		text-indent: -1em;
		padding: 0 0.5em 0 1.5em;
		cursor: pointer;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		float: left;
	}
	#sortBtn ul li:hover {
		color: #ffffff !important;
		background: #c61e1e !important;
	}
	#sortBtn ul li.current {
		color: #ffffff !important;
		background: #c61e1e !important;
	}
	#sortBtn ul li.blankBtn {
		border-bottom: 1px #d7d7d7 solid;
		cursor: default;
	}
	#sortBtn ul li.blankBtn:hover {
		background: #ffffff !important;
	}
	#productsList {
		width: 96%;
		margin: 0 auto;
		padding: 0 0 0 0.5%;
		box-sizing: border-box;
	}
	#productsList li {
		width: 33%;
		height: auto;
		line-height: 0;
		box-sizing: border-box;
		margin: 6px 0 0;
		padding: 0 3px 0;
	}
	#productsList li img {
		width: 100%;
		height: auto;
		border: 1px #cccccc solid;
		box-sizing: border-box;
	}
	#productsList li:hover {
		opacity: 0.8;
	}
}