/* BASIC css start */
.bestS{padding: 150px 0 0;}

.bestS .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: #dedcd3 !important;
}

.bestS .swiper-container-horizontal > .swiper-scrollbar,
.bestS .swiper-scrollbar {
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%,0%);
    z-index: 50;
    height: 2px;
    width: 40%;
}

.bestS .swiper-scrollbar-drag {
    height: 100%;
    width: 20%;
    position: relative;
    background: #c0b7ac !important;
    border-radius: 10px;
    left: 0;
    top: 0;
}

.bestS .swiper-scrollbar-cursor-drag {
    cursor: move;
}

.bestS .swiper-scrollbar-lock {
    display: none;
}


.w100 { padding:122px 0px 0px;  } /* 분류상단이미지 */
#scontent{  position: relative;  margin:0px auto 0px; max-width: 1500px; min-width: 1120px; padding: 150px 40px 0px; }  
#sscontent{  position: relative;  margin:0px auto 0px; max-width: 1500px; min-width: 1120px; padding:0px 40px 50px; }  
.cate-wrap .bcate { margin-top: 0px;}
.cate-wrap .bcate a {  font-size: 16px; font-weight: bold; color:#666 }

.brand-best { border-bottom:1px solid #eee; }

/* ====== 분류페이지 중분류코드 ====== */

.prd-smenu { }
.prd-smenu .cate-sort { margin:50px 0 ;  text-align:left;    }
.prd-smenu .cate-sort li { display:inline-block; *display:inline; padding-right:10px; }
.prd-smenu .cate-sort li a { 
    display: block;
    font-size: 11px;
    background: #fff;
    padding: 10px;
    font-weight: none;}
.prd-smenu .cate-sort li a:hover{color:#333; font-weight: bold; }
.prd-smenu .cate-sort .all a {padding:10px;color:#333; font-weight: bold; }
.prd-smenu .cate-sort .all:hover a {color:#333; font-weight: bold; }

.prd-smenu .sel { display:block; color:#333; font-weight: bold;  }

.besttit {  border:0px solid #F0F0F0 !important ; height:30px;  line-height:30px; font-family: 'Roboto'; font-weight:600; font-size: 12px; color:#000; }

















/*===== 0908 new css ==== */
.listitem {
	background:#f5f4ed;
	padding:3rem 0 0px;
	position:relative;
}
.listitem .swiper-container-box {
	position:relative;
	margin:0 auto 5rem;
	max-width:calc(98% - 14px);
}
.listitem .swiper-container {
	position:relative;
	margin:0 auto 50px;
	width:100%;
}
.listitem .swiper-container h2 {
	display:block;
	text-align:center;
	padding:20px 0;
	margin:0 auto;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#000;
	font-weight:500;
	font-size:14px;
	width:100%;
}
.listitem .swiper-container h2 b {
	font-size:12px;
	font-weight:400;
	color:#777;
	text-align:center;
	margin:0px auto 5px;
	display:block;
}
.listitem .swiper-wrapper {
	margin:0 0 100px;
}
.listitem .swiper-slide img {
	max-width:1665px;
}
.swiper-wrapper .thumbnail img {
	max-width:100%;
	height:auto;
}
.swiper-wrapper .box {
	float:left;
	position:relative;
}
.listitem .swiper-wrapper .thumbnail {
	position:relative;
	padding:0;
	margin:0;
}
.swiper-container-box {
	counter-reset:chapter 0;
}
.swiper-container-box .best-count {
    position: absolute;
    z-index: 10;
    right: 0px;
    top: 0px;
    padding: 8px 11px;
    letter-spacing: 1px;
    font-size: var(--font-size15);
    color: #5b3d20;
    font-weight: bold;
    text-align: center;
    line-height: 15px;
    border-radius: 12px 0px 12px 0px;
    background: #eceae1
}
.swiper-container-box .best-count p {
	font-size:var(--font-size10);
	font-weight:400;
	letter-spacing:0;
}
.swiper-container-box .best-count:after {
	counter-increment:chapter;
	content:"0" counter(chapter);
}
.listitem ul.prdList>li {
	width:20%;
}
.listitem .prdList>li {
	text-align:center;
}
@media all and (max-width:1024px) {
	.listitem {
		margin:20px 0 30px;
	}
	.listitem .swiper-container-box,.listitem .swiper-container {
		margin:0 auto 0;
		;
		width:99%;
		max-width:100%;
	}
	.listitem .swiper-wrapper {
		margin:0 0 20px;
	}
}
@media all and (max-width:767px) {
	.listitem .swiper-container h2 {
		font-size:13px;
		padding:0;
		margin:30px 0 20px;
	}
	.listitem .swiper-container h2 b {
		font-size:11px;
	}
	.xans-product-listrecommend .best-count {
		padding:3px 6px 2px;
		font-size:var(--font-size8);
		font-weight:bold;
		line-height:12px;
		border-radius:0;
	}
	.xans-product-listrecommend .swiper-container-box .best-count p {
		display:inline-block;
		font-size:var(--font-size8);
		padding-right:4px;
		letter-spacing:0;
	}
	.listitem ul.prdList>li {
		width:50%;
	}
	.listitem .description {
		margin-top:18px !important;
	}
}
.swiper-wrapper .thumbnail .prdIcon {
	position:absolute;
	top:0!important;
	right:3%;
	width:97%;
	height:100%;
	background-repeat:no-repeat;
}
.swiper-wrapper .likeButton {
	display:inline-block;
	float:left;
}
.swiper-wrapper .likeButton button {
	background:none;
	position:relative;
}
.swiper-wrapper .likeButton button strong {
	color:#000;
	text-align:center;
	font-size:11px;
	padding-left:5px;
	font-weight:bold;
}
.swiper-wrapper .likeButton button img {
	display:none;
}
.swiper-wrapper .likeButton button:before {
	content:"LIKE";
	font-size:11px;
	color:#444;
	letter-spacing:1px;
	height:13px;
	line-height:13px;
}
.swiper-wrapper .prdicon {
	float:right;
}
.swiper-wrapper .icon {
	width:100%;
}
.swiper-wrapper .icon img {
	padding:0% 1% 0%;
	display:inline;
}
.listitem .description {
	margin-top:10px;
}
.swiper-wrapper .name {
	margin:15px 0 5px;
}
.swiper-wrapper .summary_desc span,.swiper-wrapper .simple_desc span {
	opacity:0.8;
	font-size:96%!important;
}
.swiper-wrapper .xans-product-listitem .spec li.할인 기간,.swiper-wrapper .prd_promotion_date,.prd_price_sale .title {
	display:none;
}
.swiper-wrapper .xans-product-listitem li img {
	display:none;
}
.swiper-wrapper .xans-product-listitem {
	margin:0 0%;
}
.xans-product-normalmenu {
	margin:0 0 20px;
	clear:both;
	width:100%;
	margin:0 auto 2rem;
	max-width:var(--max-listwidth);
}
.xans-product-normalmenu .title {
	margin:0 0 17px;
}
.xans-product-normalmenu .title h3 {
	font-weight:normal;
	font-size:var(--font-size20);
	color:#2e2e2e;
	text-align:center;
}
.xans-product-normalmenu .function {
	overflow:hidden;
	margin:0px 5px 0;
	text-align:right;
	line-height:38px;
}
.xans-product-normalmenu .function .btnCompare {
	display:inline-block;
	padding:0 12px;
}
.xans-product-normalmenu .function .btnCompare:hover {
	color:#008bcc;
	text-decoration:none;
}
.xans-product-normalmenu .prdCount {
	float:left;
	padding:0 0 0 0;
	color:#999;
}
.xans-product-normalmenu .prdCount strong {
	padding:0 5px;
	font-weight:600;
	color:#000;
}
.xans-product-normalmenu ul#type {
	display:inline;
	margin:0 -6px 0 0;
}
.xans-product-normalmenu ul#type li {
	display:inline;
	padding:0 6px 0 10px;
	background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/bg_result_type.gif") no-repeat 0 50%;
}
.xans-product-normalmenu ul#type li:first-child {
	background:none;
}
.xans-product-normalmenu ul#type li a {
	color:#999;
	font-size:var(--font-size11);
}
.xans-product-normalmenu ul#type li a:hover {
	color:#000;
}
.xans-product-normalmenu fieldset {
	margin:-1px 0 0;
	padding:7px 12px;
	border:1px solid #d7d5d6;
	text-align:right;
	background:#fbf9fa;
}
.xans-product-normalmenu fieldset select {
	height:34px;
}
.xans-product-normalmenu .sort {
}
.xans-product-normalmenu select {
	height:32px;
	padding:0 20px 0 14px;
	font-size:var(--font-size13);
	border:0px;
	box-sizing:border-box;
	background:#fff url("//img.echosting.cafe24.com/skin/skin/common/ico_select.png") no-repeat right 3px center;
	background-size:11px 6px;
}
.xans-product-normalmenu select::-ms-expand {
	display:none;
}
@media all and (max-width:1024px) {
	.xans-product-normalmenu {
		margin:10px auto;
	}
}
.ec-base-product {
	position:relative;
	width:100%;
	margin:0 auto var(--main-margin-bttom);
	max-width:var(--max-listwidth);
}
.m-title {
	margin:0px 0 30px;
	font-size:18px;
	font-weight:600;
	text-align:center;
	color:#000;
}
.m-title b {
	margin-top:10px;
	font-size:14px;
	font-weight:300;
	color:#777;
	display:block;
}
.ec-base-product img {
	vertical-align:middle;
}
.nomalList .prdList {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:8px;
}
.ec-base-product .prdList {
	width:100%;
	padding:0 0 0;
	margin:0 auto;
	font-size:0;
	line-height:0;
}
.ec-base-product .prdList>li {
	display:inline-block;
	margin:0 0 60px;
	vertical-align:top;
	text-align:left;
}
.ec-base-product .prdList .chk {
	display:block;
	margin:0 0 10px;
}
.ec-base-product .prdList .thumbnail {
	position:relative;
	width:auto;
	max-width:100%;
	margin:0 auto 15px;
	font-size:0;
	line-height:0;
}
.ec-base-product .thumbnail a {
	display:block;
}
.ec-base-product .prdList .thumbnail>a>img {
	width:100%;
	max-width:100%;
	height:auto;
	min-height:1px;
	box-sizing:border-box;
}
.prdList .thumbnail .prdIcon {
	position:absolute;
	top:0;
	right:0%;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	z-index:2;
}
.ec-base-product .prdList .description {
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:12px;
	line-height:18px;
}
.c_itemalign.left .description {
	text-align:center!important;
}
.c_itemalign.left .spec {
	padding:0 7% 0 0;
}
.c_itemalign.center .description {
	text-align:center;
	margin:0 auto;
}
.c_itemalign.center .spec {
	padding:0 2% 0;
}
.ec-base-product .prdList .description .icon {
	width:100%;
	margin:0 0 5px;
	vertical-align:middle;
	height:30px;
}
.ec-base-product .prdList .description .icon:after {
	content:"";
	display:block;
	clear:both;
}
.ec-base-product .prdList .description .option {
	position:relative;
	z-index:50;
	cursor:pointer;
	padding:10px 0 0 0px;
}
.sale_box {
	position:relative;
	display:inline-block;
	font-weight:bold;
	padding-left:5px;
	color:#fc347b;
}
.sale_box span {
	margin-top:5px;
	font-size:16px;
	font-weight:500;
}
.description .name {
	margin:10px 0 5px 0;
}
.description .name span[style*="color:#555555"] {
	font-weight:500;
}
.prdList .description .summary_desc,.prdList .description .simple_desc {
	padding:16px 0 19px;
	margin-bottom:15px;
	border-bottom:1px solid #ddd;
}
.prdList .description .summary_desc span,.prdList .description .simple_desc span {
	display:block;
	opacity:0.8;
	font-weight:400;
	text-overflow:ellipsis;
	text-overflow:ellipsis;
	text-overflow:ellipsis;
}
.prdList .description .prd_promotion_date,.prdList .description .c_dc_price br {
	display:none;
}
.prdList .description .c_dc_price,.prdList .description .prd_price_sale,.prdList .description .optimum_discount_price {
	display:inline-block;
	padding-left:6px;
	font-weight:bold!important;
}
.prdList .description .prd_price_sale span span,#span_product_price_sale span {
	padding-left:2px;
}
.prdList .description .ec-sale-rate {
	padding:0 1px 0 0;
}
#span_product_price_text .ec-sale-rate {
	padding:0 5px 0 0;
}
.prdList .description .product_custom {
	display:inline-block;
}
.prdList .description .product_custom span {
	padding-right:6px;
}
.prdList .product_price {
	display:inline-block;
}
.prdList .product_price span[style*="color:#008BCC"],.prdList .product_price span[style*="color:#008bcc"],.ec-base-product .product_price span[style*="color:#008BCC"],.ec-base-product .product_price span[style*="color:#008bcc"],.product_price_css span[style*="color:#008bcc"],.product_price_css span[style*="color:#008BCC"] {
	color:#555!important;
}
.prdList .description .prd_price_sale span span[style*="color:#555555"],.prdList .description .prd_price_sale span[style*="color:#555555"] {
	color:#000!important;
}
.prdList .description .product_price>span[style*='line-through'] {
	opacity:.8;
	font-weight:500 !important;
}
.prdList .description .spec li .color {
	overflow:hidden;
	display:inline-block;
	margin:13px 0 0 0;
}
.prdList .description .spec li .chips {
	float:left;
	width:10px;
	height:10px;
	border-radius:100%;
	border:1px solid rgba(50,50,50,0.1);
	margin:0 2px 2px;
	font-size:0;
	line-height:0;
	box-sizing:border-box;
}
.prdList .description .promotion {
	display:block;
	width:100%;
	padding:7px 0 0;
}
.prdList .description .promotion img {
	padding:0 3px 0;
	image-rendering:-webkit-optimize-contrast;
	max-height:18px;
}
.c_itemalign.left.prdList .description .promotion img {
	padding:0 6px 0 0;
}
.prdList .prdimg .prdinfo img {
	width:35px;
	opacity:0.8;
	background-color:rgba( 0,0,0,0.3 );
	padding:16px 0px;
	margin:5px 0;
	border-radius:3px;
}
.prdList .prdimg .prdinfo {
	position:absolute;
	display:block;
	*zoom:1;
	filter:alpha(opacity=0);
	opacity:0;
	bottom:5px;
	text-align:center;
	right:0px;
}
.prdList .prdimg:hover .prdImg span {
	display:block;
	*margin:0 0 -8px;
}
.prdList .prdimg:hover .prdinfo {
	display:block;
	position:absolute;
	text-align:center;
	right:10px;
	z-index:5;
	cursor:pointer;
	filter:alpha(opacity=100);
	opacity:1.0;
}
.prdList .wishimg,.prdList .previewimg {
	z-index:1;
	width:30px;
	cursor:pointer;
}
.prdList .cartimg {
	margin-bottom:1px;
}
.prdList .wishimg {
	margin:0;
}
.prdList .cartimg img {
	background:url(/design/xlsksl1018/icon/a1.svg) no-repeat center;
}
.prdList .wishimg img {
	background:url(/design/xlsksl1018/icon/a9.svg) no-repeat center;
}
.prdList .previewimg img {
	background:url(/design/xlsksl1018/icon/a2.svg) no-repeat center;
}
.prdList .cartimg img,.prdList .wishimg img,.prdList .previewimg .option_preview {
	width:0;
	height:0;
	padding:100% 100% 0 0;
	background-size:12px auto;
	display:block;
}
.prdList .wishimg img[icon_status="on"] {
	background:url(/design/xlsksl1018/icon/a10.svg) no-repeat center;
	background-size:12px auto;
	background-color:rgba( 0,0,0,0.3 );
}
.prdList .thumbnail .likeButton {
	position:absolute;
	display:block;
	*zoom:1;
	filter:alpha(opacity=0);
	opacity:0;
	top:0px;
	text-align:center;
	right:0px;
	width:100%;
}
.prdList .prdimg:hover .likeButton {
	display:block;
	position:absolute;
	text-align:center;
	top:10px;
	right:0px;
	z-index:5;
	cursor:pointer;
	filter:alpha(opacity=100);
	opacity:1.0;
}
.prdList .thumbnail .likeButton button {
	background-color:rgba( 255,255,255,0.5 );
	border-radius:20px;
	padding:5px 10px;
}
.prdList .thumbnail .likeButton button strong {
	color:#000;
	text-align:center;
	font-size:11px;
	padding-left:5px;
	font-weight:bold;
}
.prdList .thumbnail .button img {
	display:none;
}
.prdList .thumbnail .likeButton button:before {
	content:"LIKE";
	font-size:11px;
	color:#444;
	letter-spacing:1px;
	height:13px;
	line-height:13px;
}
.prdList .thumbnail .likeButton.selected button:before {
	color:red;
}
.ec-base-product .prdList .description .mileage {
	display:block;
}
.ec-base-product .prdList .description span.grid {
	display:block;
}
.ec-base-product .saleico {
	position:absolute;
	text-align:left;
	margin-bottom:5px;
}
.ec-base-product .prdList .description .button .likeButton {
	display:inline-block;
	margin:0 5px;
}
.ec-base-product .prdList .description .button .likeButton button {
	font-family:verdana;
	color:#9a9a9a;
	letter-spacing:-1px;
	background:none;
}
.ec-base-product .prdList .description .button .likeButton button img {
	margin-bottom:0;
	vertical-align:middle;
}
.ec-base-product .prdList .description .button .likeButton button strong {
	height:16px;
	vertical-align:middle;
}
.ec-base-product .prdList .description .button .likeButton.selected button {
	color:#353535;
}
.simple_desc {
	display:none;
}
@media all and (max-width:1600px) {
	.ec-base-product,.listitem,.xans-product-normalmenu {
		padding-left:1%;
		padding-right:1%;
		box-sizing:border-box;
	}
}
@media all and (max-width:1024px) {
	.summary_desc {
		display:none;
	}
	.simple_desc {
		display:block;
	}
	.prdList .prdimg .prdinfo,.prdList .prdimg:hover .prdinfo {
		opacity:1;
		text-align:right;
		padding-right:2px;
	}
	.prdList .prdimg .prdinfo img {
	}
	.prdList .cartimg img,.prdList .wishimg img,.prdList .previewimg .option_preview {
		background-size:10px auto;
	}
	.prdList .wishimg img[icon_status="on"] {
		background-size:10px auto;
	}
	.prdList .prdimg .prdinfo,.prdList .prdimg:hover .prdinfo {
		bottom:0px;
		right:3px;
		top:initial;
	}
	.prdList .prdimg .prdinfo img {
		width:21px;
		padding:10px 0px;
		margin:5px 0;
		border-radius:4px;
	}
	.ec-base-product .prdList {
		grid-template-columns:repeat(3,1fr);
	}
	.ec-base-product {
		margin:0 auto var(--main-margin-bttom);
		width:100%;
	}
	.ec-base-product .prdList {
		padding:0 3px;
		box-sizing:border-box;
	}
	.ec-base-product .prdList .thumbnail {
		margin:0 auto 10px;
	}
	.description .name {
		margin:0px 0 5px 0;
	}
	.prdList .description .spec li .color {
		margin:10px 0 0 0;
	}
}
@media all and (max-width:767px) {
	.ec-base-product .prdList .thumbnail .prdIcon {
		background-size:30%;
	}
	.m-title {
		font-size:16px;
		font-weight:600;
		margin:0px 0 20px 0;
	}
	.m-title b {
		font-size:13px!important;
		margin:2px auto 0;
		font-weight:300;
	}
	.previewimg {
		display:none;
	}
	.prdList .product_price {
		padding-right:4px;
	}
	.prdList .description .c_dc_price,.prdList .description .prd_price_sale,.prdList .description .optimum_discount_price {
		padding-left:0px;
	}
	.prdList .description .promotion img {
		padding:0 3px 0;
		max-height:11px;
	}
	.ec-base-product .prdList {
		grid-template-columns:repeat(2,1fr);
		gap:4px;
	}
	.ec-base-product .prdList>li {
		margin:0 0 30px;
	}
	.ec-base-product,.listitem {
		padding:0 0%;
		width:100%;
	}
	.prdList .description .summary_desc,.prdList .description .simple_desc {
		padding:5px 0 10px;
		margin-bottom:10px;
	}
	.ec-base-product .spec li {
		margin-bottom:2px;
	}
	#contents .prdList .description {
		font-size:11px;
	}
	.prdList .description .summary_desc span {
		zoom:0.96;
	}
	.prdList .description .spec li .color {
		margin:8px 0 0 0;
	}
	.prdList .description .spec li .chips {
		width:7px;
		height:7px;
		margin:0 2.3px 3px;
	}
}
.ec-base-product .spec li .title {
	font-weight:normal;
}
.ec-base-product .discountPeriod {
	display:inline-block;
	z-index:10;
	position:relative;
	width:55px;
	height:19px;
	vertical-align:middle;
}
.ec-base-product .layerDiscountPeriod {
	left:50%;
	top:26px;
	width:247px;
	margin:0 0 0 -124px;
}
.ec-base-product .layerDiscountPeriod strong.title {
	display:block;
	margin:0 0 12px;
	padding:0 35px 0 0;
	font-weight:bold;
	color:#2e2e2e;
}
.ec-base-product .layerDiscountPeriod .content p {
	margin:2px 0 0;
	font-size:11px;
	color:#000;
	line-height:16px;
	color:#757575;
	letter-spacing:-1px;
}
.ec-base-product .layerDiscountPeriod .content p strong {
	font-weight:normal;
	font-size:12px;
	color:#2e2e2e;
}
.ec-base-product .layerDiscountPeriod .content p strong span {
	font-size:11px;
}
.ec-product-bgLT {
	background-position:left top;
}
.ec-product-bgLC {
	background-position:left center;
}
.ec-product-bgLB {
	background-position:left bottom;
}
.ec-product-bgRT {
	background-position:right top;
}
.ec-product-bgRC {
	background-position:right center;
}
.ec-product-bgRB {
	background-position:right bottom;
}
.ec-product-bgCT {
	background-position:center top;
}
.ec-product-bgCC {
	background-position:center center;
}
.ec-product-bgCB {
	background-position: center bottom;
}



/* BASIC css end */