
.show-filter-group {
	padding-bottom: 10px;
	position: relative;
}

.filter_wrapper {
	z-index: 8;
	position: absolute; top: -19px; left: 0;
	background-color: #fff;
}
.select-box, .select-box * {
	font-family: 'Lato';
	font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.select-box {
	padding-bottom: 10px;
}
.select-box ul {
	display: none;
	border: 1px solid #b39965;
	position: relative; top: 11px;
	margin: 0;
}
.select-box ul li {
	cursor: pointer; padding: 10px;
}
.select-box ul li:hover {
	background-color: #b39965; color: #fff;
}

.show_result {
	position: absolute; top: -18px; right: 0;
    font-size: 12px;
    color: #777;
    padding: 0;
    text-transform: uppercase;
	font-family: 'Lato';
}


.content-container section {
	border-top: 1px solid #ccc;
	padding-top: 30px;
}
.content-container section:after {
	content: ''; display: block; clear: both;
}

figure {
	width: 190px; float: left;
	margin: 0; cursor: pointer;
}

figure img {
	width: 90%; height: 100%;
	/*-webkit-transition: all 0.2s ease;
    -moz-transition:    all 0.2s ease;
    -o-transition:      all 0.2s ease;
    transition:         all 0.2s ease;*/
}
/*
figure:hover img {
	-webkit-transform:	scale(1.05, 1.05);
	-moz-transform:		scale(1.05, 1.05);
	-o-transform:		scale(1.05, 1.05);
}
*/

/*
.img-group {
	height: 243px; margin: 0 5%;
}
.back {
	position: relative;
	background-color: #f6f6f8;
	background-position: center;
	background-size: 105%;
	filter: brightness(0.70);

	-webkit-transition: all .2s ease;
	-moz-transition:	all .2s ease;
	-o-transition:		all .2s ease;
}
*/

.img-group {
	height: 243px; margin: 0 5%;
}
.back {
	position: relative;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 105%;
	height: 243px;
	border: 1px solid #ddd;

	-webkit-transition: all .5s ease;
	-moz-transition:	all .5s ease;
	-o-transition:		all .5s ease;
	transition:			all .5s ease;
}
.back:hover {
	background-size: 150%;
}

figure {
	height: 360px;
}
figure > figcaption {
	margin: 0 5% 5px;
}
figure > figcaption > a {
	font-size: 13px;
	font-weight: 700;
	color: #b39964 !important;
	text-transform: uppercase;
}
figure h3 {
	font-size: 13px;
	font-weight: 700;
	color: #b39964 !important;
	text-transform: capitalize;
}
figure h4 {
	font-family: 'Nanum Gothic';
    font-size: 13px;
    font-weight: 500;
    margin: 0 5% !important;

    /*white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;*/
}
figure .not-sell {
	font-size: 13px;
	font-weight: 700;
	/*color: #a00;*/
}
figure p {
	color: #000;
	font-weight: 700;
    margin: 0 5% 20px;
}
figure p.prd_info {
	width: 90%;
	position: absolute; top: 50%;
	background-color: #b39965;
	color: #fff;
	font-weight: 500;
	text-align: center;
}


.no-data {
	padding: 20px 0;
	color: #b39965 !important;
	font-size: 1.2rem;
	letter-spacing: -0.12em;
}


@media screen and (max-width: 800px) {
	.show_result {
		display: none;
	}
	.filter_wrapper {
		left: 10px;
	}
	.content-container section {
		/*border-top: 0;
		padding-top: 0;*/
	}
}