/* BASIC css start */
@import url(/design/elenaheim/makeshop/css_js/swiper.min.css); 

.mshop_list{padding:0 15px;}
.mshop_list .title{margin:25px 5px 0;}
.mshop_list.slide {padding:0 10px;}
.mshop_list .prdList{overflow:hidden; vertical-align:top; margin-bottom:10px;  }
.mshop_list.slide .prdList{overflow:visible;}
.mshop_list .prdList li.product_good{display:inline-block; width:50% !important; overflow:hidden; padding-right:5px; box-sizing:border-box; font-size:0; line-height:0; margin:29px -1px 0; vertical-align:top;}
.mshop_list .prdList li.product_good:nth-of-type(2n){padding-left:5px; padding-right:0;}
.mshop_list.slide .prdList li.product_good{padding-right:5px !important; padding-left:5px !important; margin:29px 0 0;}


.mshop_list .prdList li.product_good .thumbnail{position:relative;width:100%;overflow:hidden;margin-bottom:9px}
.mshop_list .prdList li.product_good .thumbnail img{display:block;max-width:100%}
.mshop_list .prdList li.product_good .thumbnail img.-hover{position:absolute;top:0;left:0;z-index:1;opacity:0;filter:alpha(opacity:'0');-ms-filter:alpha(opacity:'0');visibility:hidden}
.mshop_list .prdList li.product_good .thumbnail a:hover img.-hover{opacity:1;filter:alpha(opacity:'100');-ms-filter:alpha(opacity:'100');visibility:visible}
.mshop_list .prdList li.product_good .thumbnail .soldoutbgfunc{position:absolute;top:0;left:0;width:100%;height:100%}
.mshop_list .prdList li.product_good .thumbnail .soldoutbgfunc .soldoutbg.-nodrag{width:100%;height:100%;text-align:center;background:rgba(0,0,0,.3)}
.mshop_list .prdList li.product_good .thumbnail .soldoutbgfunc .soldoutbg.-nodrag .soldoutbg_table{width:100%;height:100%;display:table}
.mshop_list .prdList li.product_good .thumbnail .soldoutbgfunc .soldoutbg.-nodrag .soldoutbg_table .soldoutbg_cell{vertical-align:middle;display:table-cell}
.mshop_list .prdList li.product_good .thumbnail .soldoutbgfunc .soldoutbg.-nodrag .soldoutbg_table .soldoutbg_cell img{margin:0 auto}
.mshop_list .prdList li.product_good .description{margin-bottom:11px;color:#444;line-height:1.6; font-family:'Noto Sans KR', sans-serif;}
.mshop_list .prdList li.product_good .description .descriptionBt{overflow:hidden}
.mshop_list .prdList li.product_good .description .descriptionBt img{padding:0}
.mshop_list .prdList li.product_good .description .name{padding-bottom:10px; /*margin-bottom:12px;border-bottom:1px solid #e5e5e5*/ }
.mshop_list .prdList li.product_good .description .name a{font-size: 14px;color:#000;/* font-weight:700; *//* overflow:hidden; *//* text-overflow:ellipsis; *//* display:-webkit-box; *//* -webkit-line-clamp:2; *//* -webkit-box-orient:vertical; */line-height:1.4em;/* word-break:keep-all; */}
.mshop_list .prdList li.product_good .description .spec{display:table;width:100%;margin-bottom:8px;overflow:hidden;font-size:0}
.mshop_list .prdList li.product_good .description .spec p{display:table-cell;vertical-align:top;font-size:15px}
.mshop_list .prdList li.product_good .description .spec .prdPrice del{font-size:12px;color:#b7b7b7;margin-right:5px}
.mshop_list .prdList li.product_good .description .spec .prdPrice strong{font-size:15px;color:#444;font-weight:700}
.mshop_list .prdList li.product_good .description .spec .prdDcPer{font-size:15px;color:#be5762;font-weight:700;text-align:right}
.mshop_list .prdList li.product_good .description .icon img{padding:0 1px;height:100%}
.mshop_list .prdList li.product_good .description .icon.st2{float:left;margin-bottom:5px}
.mshop_list .prdList li.product_good .description .review_cnt{float:right;color:#999;font-size:14px;line-height:17px}


.mshop_list.slide .swiper-button-next,
.mshop_list.slide .swiper-button-prev{ top:160px; width: 36px; height: 36px; margin-top: -18px; background-color: #FFF; background-repeat: no-repeat; background-size: 35px; background-position: center; border-radius:100px; }      
.mshop_list.slide .swiper-button-next{right:-12px; background-image: url(/design/elenaheim/makeshop/images/lookbook/btn_slide_right.png);}
.mshop_list.slide .swiper-button-prev{left:-12px; background-image: url(/design/elenaheim/makeshop/images/lookbook/btn_slide_left.png);}

.category_title{text-align:center; line-height:1.2; font-weight:600; font-size:1.2rem; margin:25px 0 10px 0;}
.black-title{position:relative; text-align:center;}
/*.black-title:before{position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#e5e5e5; content:"";}*/
.black-title span{display:inline-block; /*min-width: 50%;*/ color:#FFF; text-align:center; padding:20px 10px 0 0; box-sizing:border-box; line-height:1; font-size:7px; background-color:#333333; position:relative;font-family: 'Roboto','Nanum Square','나눔고딕','Nanum Gothic','Lato','맑은고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;}
.black-title span { background-color:#fff; color:#333; font-weight:600; font-size:16px;}

.mb-50{margin-bottom:50px;}


.mshop_list_head{border-bottom:1px solid #e5e5e5; margin:13px 15px 0; padding:3px; overflow:hidden;}
.mshop_list_head .list_count{display:block; float:left; vertical-align:top; padding-top:10px; font-size:12px; color:#363636; font-family: 'Hind Madurai', sans-serif; font-weight:500;}
.mshop_list_head .list_count:after{content:" Item"; }
.mshop_list_head .select_box{float:right; width:113px; height:30px !important; background-color:#ebebeb;}
.mshop_list_head .select_box select{width:100%; height:30px !important;box-sizing:border-box; color:#686868; box-shadow:none;-webkit-appearance: none;  border:none !important; background:transparent url(/design/elenaheim/makeshop/m_img/bg_select_button.png) 100% center no-repeat; background-size:auto 30px;}

.titleImg img{width:100%;}

.bar{display:flex;}
.bar a{display:block; flex:1;}
.bar img{max-width:100%;}


/*시간 카운트*/
.modal-wrap, .july-event, .summer-wrap { position:relative; }
.timeWrap { position:absolute;  top:5px; left:50%; width:100%; margin:0 auto;  text-align:center; font-family:'Noto Sans KR', sans-serif; color:#fff; transform:translateX(-50%) scale(80%); opacity:.8;}
.summer-wrap .timeWrap { top:45%; }
.timeWrap .time-title { font-size:18px; padding: 5px 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;}


/* 하위 분류*/
.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;
}


/* 필터 */
.btn-filter-wrap {position:relative; margin: 20px auto 0px; display: inline-block; background: #f0f0f0; padding: 6px 12px 6px 10px; border-radius: 5px; margin-left: 10px;}
.btn-filter-wrap strong {display:inline-block; font-size:14px; color:#202020;}
.btn-filter-wrap a {width: 29px; height: 29px; background:url(http://elenaheim.img4.kr/main/icon_filter.png) no-repeat left center; vertical-align:middle; display: inline-block; font-size: 0; vertical-align: middle; margin-right:7px;}
.filter-wrap * {font-family:'Noto ans KRS'; color:#202020; word-break:break-all;}
.filter-wrap button {border:0;}
.layer-filter-wrap {display:none;}
.layer-filter-wrap .layer-filter {position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:200; overflow-y:auto;}
.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; margin:0; padding:0;}
.layer-filter-wrap .layer-filter .tit .total-count {display:inline-block; margin-left:15px; color:#b17efe; font-size:13px; font-weight:bold;}
.layer-filter-wrap .layer-filter .tit .btn-close {position:absolute; right:30px; top:32px; 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 {padding:20px 30px; border-bottom:1px solid #f0f0f0; /*background:url(/images/common/icon_arr_down.png)*/ no-repeat 92% 25px; 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% 25px;}
.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; column-gap:28px; row-gap:5px; justify-content:flex-start; padding-top:5px;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box label {display:linline-block; position:relative; height:21px; line-height:19px; margin:10px 0 0; padding-left:3px; display:block; font-size:13px; font-weight:normal; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box label:before {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; color:#202020; font-size:14px; /*text-align:center;*/ font-weight:normal; margin:10px 0 0;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code {display:flex; flex-wrap:wrap; column-gap:12px; row-gap:10px; margin-top:10px; justify-content:flex-start;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code label {display:block; width:68px; height:68px; border:3px solid #fff; border-radius:50%; font-size:13px; font-weight:normal; 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 {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:8px 10px; 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:grid; margin:30px; border:1px solid #202020;  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:100%;}
.layer-filter-wrap .layer-filter .btn-wrap button.btn-search {width:100%; background:#202020;}
.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 */