/* BASIC css start */
#content{padding:0;}

/* 현재위치 */
.loc-navi {text-align:left; margin-top:36px}
.loc-navi, .loc-navi a {
    color: #000000;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;}
.loc-navi img{margin:0 20px}


/* class-list */
.cate-wrap {overflow:hidden;padding: 50px 0;}
.cate-wrap .bcate { 
    padding-bottom: 28px;
    font-size: 32px;
    color: #5F4541;
    font-weight: 600;}

.w1400{width:1400px; margin:auto}

.class-list ul { display: flex;  *zoom:1 }
.class-list ul:after { display:block; clear:both; content:'' }

.class-list ul li {}
    
.class-list ul li a {
    display: block;
    color: #8C8C8C;
    font-size: 22px;
    font-weight: 500;
    padding-right: 50px;
}

.class-list ul li a.sel{
    color: #000;
    font-weight: 700;}

/* best-item */

#bstPrdWrp{
    background: #F7F7F7;
    width: 100%;
    padding: 70px 0;}

#bstPrdWrp .item-wrap{overflow:visible}

#bstPrdWrp .item-list{width:350px !important}

#bstPrdWrp .arrowBox .l-line {
	display:inline-block;
	vertical-align:top;
	width:1px;
	height:12px;
	background:#ccc2bf;
	margin:0 15px;
}
#bstPrdWrp .swiper-scrollbar {
    cursor:pointer;
    overflow: hidden;
    width: 1400px;
    left: calc(50% - 120px);
    background: #ddd;
    height: 6px;
    position: unset;
    margin: 51px auto 0;
    border-radius: 6px;
}

#bstPrdWrp .swiper-scrollbar-drag {
	background:rgba(18,18,18,0.5)
}






/* .item-sort */
.item-sort {position: relative; margin-bottom: 25px; margin-top: 50px;}
.item-sort .ea { 
    font-size: 16px;
    text-align: left;
    color: #000;}
    
    
.item-sort .ea strong {}
.item-sort .sort {position:absolute; top:50%; right:0; z-index:1; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
.item-sort .sort select {width:140px; height:30px; line-height:30px; font-size:13px; font-weight:400; border:0; border-bottom:1px solid #000; background:url(//skin.makeshop.co.kr/skin/lovely/img/sel_arr.png) no-repeat 95% 50%; background-size:10%; 
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
}
.item-sort .sort select::-ms-expand {
   display: none;  /* 화살표 없애기 for IE10, 11*/
}
.sort-menu { position: absolute; top: 50%; right: 0; z-index: 5; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); }

.sort-menu .sort-btn { 
    cursor: pointer;
    display: block;
    font-size: 12px;
    border-radius: 4px;
    background: #fff;
    padding: 6px 10px;
    height: 16px;
    line-height: 17px;
    font-weight: 400;
    color: #121212;
    width: 70px;
    font-weight: 700;}
    
.sort-menu .sort-btn:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    right: 7px;
    top: 10px;
    transform: rotate(45deg);
    border-bottom: 1px solid #121212;
    border-right: 1px solid #121212;
    transition: 0.4s;}
    
    
.sort-menu .sort-list {
    border: 1px solid #000;
    border-radius: 5px;
    position: absolute;
    display: none;
    width: 86px;
    box-sizing: border-box;
    padding: 6px 10px;
    margin-top: -1px;
    background: #fff;
    right: 0;
    top: 34px;}
    
.sort-menu .sort-list li { list-style: none; line-height: 30px; box-sizing: border-box; }

.sort-menu .sort-list li a {
    font-size: 12px;
    display: block;
    padding: 5px 0;
    color: #8C8C8C;
    font-weight: 600;}
    
.sort-menu .sort-list li a:hover { color: #111; }
.sort-menu .sort-btn.active:after { 
    border-bottom: 1px solid #121212;
    border-right: 1px solid #121212;
    transform: rotate(-135deg);
    top: 12px;
    transition: 0.4s;}
    
.sort-menu .sort-list.opened { display: block; }




/* 필터 */
.btn-filter {margin-top: 0;
    padding-left: 40px;
    font-size: 16px;
    font-weight: bold;
    background: url(//skin.makeshop.co.kr/skin/lovely/img/filter.png) no-repeat left center;}
    
.filter-wrap * {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 {font-size:15px; font-weight:500; 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 .filter_item_keyword,
.layer-filter-wrap .layer-filter .opt-box li .chk-box .filter_item_color_keyword{display:inline-block;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box label {
    position: relative;
    height: 21px;
    line-height: 19px;
    padding-left: 26px;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
    vertical-align: middle;}
.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-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:36px; height:36px; 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 {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%;border: 1px solid #dfdfdf;}
.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:100%; min-width:120px; border-radius:5px;}
.layer-filter-wrap .layer-filter .btn-wrap button.btn-search {min-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;}







/* 하위 분류 */
#productClass .item-cate { display: flex; justify-content: space-between; align-items: end; _padding: 30px 0; }
#productClass .item-cate a { font-weight: bold; color: #1c1c1c; letter-spacing: -1px; }
#productClass .item-cate .scate a { font-size: 18px; }
#productClass .item-cont .thumb .main_icons {  position:relative;}

/*일반상품리스트*/

#PrdWrp .item-wrap .item-cont #MS_product{display:flex;padding-bottom: 50px;gap:40px; flex-wrap: wrap;}
#PrdWrp .item-wrap .item-cont:nth-last-child(2){padding-bottom: 0;}
#PrdWrp .item-wrap .item-cont .item-list{width:320px; margin-right: 0;}
#PrdWrp .item-wrap .item-cont .item-list .thumb{width: 320px !important}
#PrdWrp{width: 100%;  padding: 0;}
#PrdWrp .item-wrap .item-cont .item-list .prd-name{margin-bottom:0 !important}


/* pc더보기 버튼 추가 영역 */
#MS_product_more_btn_area .more { text-align:center; margin: 0;}
.btn_moreBtn {text-align: center;width:464px; height:50px; line-height: 50px; background-color:#fff; border:1px solid #000; font-weight:700; display: block; margin: 0 auto;}
.btn_moreBtn span {color:#000; font-size:16px; font-weight:700}
.btn_moreBtn span em {color:#000;}
/* BASIC css end */