/* BASIC css start */
figure {
    width: 98%;
    margin: 0 auto;
    margin-bottom: 70px;
    vertical-align: top;
}

.title_name h2{text-align:center; font-size:16px; font-weight:700; margin:30px 0}


.title_name img{width:100%}

.sold_img{
position: absolute;

}


.thum_img {
    clear: both;
    width: 100%;
    height: 100%;
    position: relative;
}

.xans-product-menupackage > ul {
	margin: -1px 0 0;
	padding: 0 14px;
	border-bottom: 1px solid #ececec;
	background: #fff;
}

.xans-product-menupackage > ul .icoOpen {
	width: 13px;
	cursor: pointer;
	vertical-align: top;
}

.xans-product-menupackage > ul > li {
	padding: 11px 0 10px;
	border-top: 1px solid #ececec;
}

.xans-product-menupackage > ul > li:first-child {
	border-top: 0;
}

.xans-product-menupackage > ul > li > a {
	display: inline-block;
	margin: 0 14px 0 0;
	color: #2e2e2e;
	font-weight: bold;
	font-size: 13px;
	vertical-align: top;
}

.xans-product-menupackage > ul > li > ul {
	display: inline;
}

.xans-product-menupackage > ul > li > ul > li {
	position: relative;
	display: inline-block;
	padding: 0 7px 0 8px;
}

.xans-product-menupackage > ul > li > ul > li:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 13px;
	background: #d6d6d6;
}

.xans-product-menupackage > ul > li > ul > li:first-child:before {
	display: none;
}

.xans-product-menupackage > ul li.selected > a {
	color: #508bed;
}

.xans-product-menupackage > ul > li > ul > li > .button {
	display: inline-block;
	position: relative;
	width: 13px;
	height: 12px;
}

/*¸®½ºÆ® css ¼öÁ¤*/

.ec-base-product.typeThumb [class*="grid"] #MS_product{
	padding: 0 4px
}

.ec-base-product [class*="grid"] #MS_product{
	display: table;
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
	padding: 0 7px;
	font-size: 0;
	line-height: 0;
}

.ec-base-product [class*="grid"] #MS_product > div.xans-record- {
	display: inline-block;
	margin: 0 0 14px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	line-height: 1.4;
}

.ec-base-product .grid1 div.xans-record- {
	width: 100%;
}

.ec-base-product .grid2 div.xans-record- {
	width: 50%;
}

.ec-base-product .grid3 div.xans-record- {
	width: 33.333%;
}

.ec-base-product .grid4 div.xans-record- {
	width: 25%;
}

.ec-base-product .grid5 div.xans-record- {
	width: 20%;
}

@media all and (max-width:480px) {
	 .ec-base-product .prdList.grid1 div.xans-record- {
		width: 100%;
	}

	.ec-base-product .prdList.grid2 div.xans-record- {
		width: 50%;
	}

	 .ec-base-product .prdList.grid3 div.xans-record- {
		width: 33.333%;
	}

	.ec-base-product .prdList.grid4 div.xans-record- {
		width: 25%;
	}

	.ec-base-product .prdList.grid5 div.xans-record- {
		width: 20%;
	}

	.ec-base-product .grid1 div.xans-record- .name {
		font-size: 15px;
	}

	.ec-base-product .grid2 div.xans-record- .name,
	.ec-base-product .grid3 div.xans-record- .name {
		font-size: 13px;
	}

	.ec-base-product .grid4 div.xans-record- .name {
		font-size: 11px;
	}
}

@media all and (min-width:481px) and (max-width:767px) {
	.ec-base-product .prdList.grid2 div.xans-record- {
		width: 33.333%;
	}

	 .ec-base-product .prdList.grid3 div.xans-record-,
	.ec-base-product .prdList.grid4 div.xans-record-,
	.ec-base-product .prdList.grid5  div.xans-record- {
		width: 25%;
	}

	.ec-base-product [class*="grid"] li .name {
		font-size: 13px;
	}
}

@media all and (min-width:768px) {
	.ec-base-product .prdList.grid2 div.xans-record- {
		width: 25%;
	}

	 .ec-base-product .prdList.grid3 div.xans-record-,
	.ec-base-product .prdList.grid4 div.xans-record-,
	.ec-base-product .prdList.grid5  div.xans-record- {
		width: 20%;
	}

	.ec-base-product [class*="grid"] li .name {
		font-size: 15px;
	}
}

/* BASIC css end */