/* BASIC css start */
.xans-product-listrecommend {
	position:relative;
	background:#fff;
	margin: 80px 0 66px !important;
	padding:0;
	/*border-bottom: 1px solid #4f4f4f;*/
}
.xans-product-listrecommend .ranking {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:3;
	font-size:11px;
	line-height:1.0;
	width:36px;
	padding:5px 0;
	color:#fff;
	background:#aaa;
	text-align:center;
}
.xans-product-listrecommend .ranking:before {
	content:"BEST";
	display:block;
}
.xans-product-listrecommend .cateTitle {
    text-align: center;
    overflow: hidden;
    height: 30px;
    margin-bottom:45px;
}
.xans-product-listrecommend .cateTitle h3 {display:inline-block; width:190px; height:30px; background:#fff; font-size: 27px; line-height:30px; color:#333; text-transform:uppercase; font-weight:bold;}
.xans-product-listrecommend .cateTitle .line {margin-top:-15px; width:100%; background:#4f4f4f; display:block; height:1px;}

.xans-product-listrecommend .title {
	position:relative;
	padding:0;
	margin:30px 0;
	text-align:center;
}
.xans-product-listrecommend .title p {
	font-size:16px;
	letter-spacing:2px;
	color:#777;
}
.xans-product-listnew {
	position:relative;
	background:#fff;
	margin:50px 0;
	padding:0;
}
.xans-product-listnew .ranking {
	display:none;
}
.xans-product-listnew .title {
	position:relative;
	padding:0;
	margin:40px 0;
	text-align:center;
}
.xans-product-listnew .title:before {
	position:absolute;
	width:100%;
	height:1px;
	top:13px;
	background:#ddd;
	display:block;
	content:"";
}
.xans-product-listnew .title p {
	position:relative;
	z-index:1;
	font-size:12px;
	margin:0 auto;
	letter-spacing:2px;
	background:#333;
	color:#fff;
	width:220px;
	padding:5px 0;
}
.xans-product-listnew > ul[class*="grid"] {
font-size:0;
padding:0px;
-webkit-box-sizing:border-box;
-khtml-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}

.xans-product-listnew > ul[class*="grid"] > li {
position:relative;
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
margin-bottom:20px;
padding:0px;
-webkit-box-sizing:border-box;
-khtml-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}

.cate {
	min-height: 30px;
	margin-left:auto;
	margin-right:auto;
    margin-bottom:50px;
	display:table;
}
.cate:after {
	display:block;
	content:"";
	clear:both;
}
.cate li {
	display: inline-block;
	position: relative;
	background: #fff;
	border: 1px solid #bbb;
	width: 123px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	margin: 0 5px 5px;
	letter-spacing: -0.1em;
	float: left;
}
.cate li a {
	font-size:14px;
}
.cate li .depth3 {
    position: absolute;
    top: 38px;
    left: -1px;
    z-index: 999999999999;
    width: 125px;
    height: auto;
    display: none;
}
.cate li .depth3 dl {
	background:#fff;
	padding: 5px 10px 10px;
	text-align: left;
	line-height: 16px;
	letter-spacing: -0.01em;
}


.cate li .depth3 dl dt {
	padding:5px 0;
}

.cate li .depth3 dl dt a {
	font-size: 11px;
}

.subname { 
    padding : 7px 0 ;
    color : #a1a1a1;
}


/*시간 카운트*/

.event-wrap {position:relative; }
.timeWrap { position:absolute; top:10px; left:50%; margin:0 auto; text-align:center; font-family:'Noto Sans KR', sans-serif; padding:40px 0; color:#fff; transform:translateX(-50%) scale(1.5); opacity:.8;}
.timeWrap .time-title { font-size:12px; padding: 10px 0; }
.timeWrap span { position:relative; display:inline-block !important; font-size:30px; font-weight:blod; background-color:rgba(0,0,0,.8); padding-right:10px; padding-left:10px; border-radius:8px;  } 
.timeWrap span:after { content:''; position:absolute; background-color:rgba(255,255,255,.2); width:100%; height:1px; left:0; top:50%; transform:translateY(-50%);}
.timeWrap span.col { background-color:transparent; padding: 0;}
.timeWrap span.col:after {display:none;}
.timeWrap span.dDay { margin-right: 10px; }
.timeWrap span.dDay span.col {color:#fff;}


.total-sort {margin:80px 0 35px 140px;}


/* 필터 */
.btn-filter {position:relative; float:left; top:87px; margin:0px 0px 0px 0px; /*padding-left:34px;*/ width:130px; height:45px; font-size:16px; font-weight:600; background:/*url(http://elenaheim.img4.kr/main/icon_filter.png) no-repeat left center; border:1px solid #202020;*/ #f0f0f0; border-radius:6px; display:flex; align-items:center; justify-content:center;}
.filter-wrap {font-family:'Noto Sans KR'; color:#202020; word-break:break-all;}
.layer-filter-wrap {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:200; content:'';}
.layer-filter-wrap .layer-filter {position:fixed; left:0; top:0; width:400px; height:100%; background:#fff; z-index:200; overflow:auto;}
.layer-filter-wrap .layer-filter::-webkit-scrollbar {width:6px;}
.layer-filter-wrap .layer-filter::-webkit-scrollbar-thumb {height:30%; background:#666; border:2px solid #fff;}
.layer-filter-wrap .layer-filter::-webkit-scrollbar-track {background:#fff;}
.layer-filter-wrap .layer-filter .tit {position:sticky; top:0; padding:30px; background:#fff; border-bottom:1px solid #f0f0f0; z-index:100;}
.layer-filter-wrap .layer-filter .tit h3 {display:inline-block; font-size:17px; font-weight:bold;}
.layer-filter-wrap .layer-filter .tit .total-count {display:inline-block; margin-left:15px; color:#b17efe; font-size:13px;}
.layer-filter-wrap .layer-filter .tit .btn-close {position:absolute; right:30px; top:30px; width:18px; height:18px; font-size:0px; text-indent:-9999px; background:url(/images/common/icon_close.png) no-repeat left center;}
.layer-filter-wrap .layer-filter .opt-box li > div {padding-top:7px;}
.layer-filter-wrap .layer-filter .opt-box li {padding:18px 30px 17px; border-bottom:1px solid #f0f0f0; /*background:url(/images/common/icon_arr_down.png)*/ no-repeat 92% 22px; font-size:15px; font-weight:bold; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li.active {background:url(/images/common/icon_arr_up.png) no-repeat 92% 22px;}
.layer-filter-wrap .layer-filter .opt-box li input[type="checkbox"]{display:none;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box {display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:10px; width:340px;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box label {display:linline-block; position:relative; height:21px; line-height:19px; margin-top:10px;  padding-left:1px; font-size:13px; font-weight:normal; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box label:before {display:linline-block; position:absolute; left:0; top:0; width:21px; height:21px; background:url(/images/common/chkbox_off.png) no-repeat center center; content:'';}
.layer-filter-wrap .layer-filter .opt-box li .chk-box input[type="checkbox"]:checked + label:before {background:url(/images/common/chkbox_on.png) no-repeat center center;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box p {display:linline-block; padding-top:9px; color:#202020; font-size:14px; /*text-align:center;*/ font-weight:normal;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code {display:flex; flex-wrap:wrap; gap:15px; margin-top:10px;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code label {display:block; width:60px; height:60px; border-radius:50%; font-size:13px; font-weight:normal; border:solid #ececec 1px; /* border:3px solid #fff; box-shadow:0px 0px 1px 1px #dfdfdf;*/ cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code input[type="checkbox"]:checked + label {box-shadow:0px 0px 1px 1px #000;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code input[type="checkbox"]:checked + label + p {color:#202020;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code p {padding-top:9px; color:#a6a6a6; font-size:12px; text-align:center; font-weight:normal;}
.layer-filter-wrap .layer-filter .select-filter {display:flex; flex-wrap:wrap; gap:5px; margin:20px 0 30px; padding:0 30px;}
.layer-filter-wrap .layer-filter .select-filter li {display:flex; align-items:center; padding:6px 10px 7px; background:#f8f8f8; border-radius:5px; font-size:13px;}
.layer-filter-wrap .layer-filter .select-filter li .btn-del {width:10px; height:10px; margin-left:5px; background:url(/images/common/icon_txt_delete.png) no-repeat right center; font-size:0px; text-indent:-9999px;}
.layer-filter-wrap .layer-filter .select-filter li .color-code {display:inline-block; width:18px; height:18px; margin-right:5px; border-radius:50%;}
.layer-filter-wrap .layer-filter .select-filter li .filter-text {max-width:200px;}
.layer-filter-wrap .layer-filter .btn-wrap {display:flex; margin:30px; border:1px solid #202020; /*border-radius:5px;*/ box-sizing:border-box;}
.layer-filter-wrap .layer-filter .btn-wrap button {width:auto; padding:16px 0; text-align:center; background:#fff; font-size:14px; font-weight:bold;}
.layer-filter-wrap .layer-filter .btn-wrap button.btn-reset {width:120px; /*border-radius:5px;*/}
.layer-filter-wrap .layer-filter .btn-wrap button.btn-search {width:220px; background:#202020; /*border-radius:0 5px 5px 0;*/}
.layer-filter-wrap .layer-filter .btn-wrap button span {display:inline-block; visibility:visible;}
.layer-filter-wrap .layer-filter .btn-wrap button span.fc-fff {color:#fff;}


/* BASIC css end */