/* BASIC css start */
.fa {font-family: FontAwesome!important;}

body { background:#F6F4EE; }
/* header.css */
.top_bnn{height:30px;line-height:30px;text-align:center;font-size:11px;position:relative}
.top_bnn > p{font-size:11px}
.nd .ec-base-product .description { text-align:left!important; }
.nd .ec-base-product .description .color ul { justify-content: left!important; }

#head{position:fixed;top:0;left:0;width:100%;z-index:310;background:#fff;transition:all 0.5s;  }
#head .headTop{position:relative;height:48px;width:100%;transition:background 0.35s ease;border-bottom:1px solid #ccc;box-sizing:border-box;padding:0 10px;text-align:center;background: #F6F4EE;}
#head .headTop i{font-size:20px;color:#000}
#head .headTop .logo{position:relative;display:inline-block;vertical-align:middle}
#head .headTop .logo > a{display:block;line-height:48px}
#head .headTop .logo > a > img{max-width:80%;height:auto;display:inline-block;vertical-align:middle}
#head .headTop .btn_wrap{position:absolute;top:0;right:5px;z-index:1}
#head .headTop .side_btn{position:absolute;top:0;left:5px;z-index:1;}
#head .headTop .btn_wrap > a{display:inline-block;vertical-align:middle;padding:0 5px}
#head .headTop .btn_wrap > a > i{display:block;line-height:48px;font-size:22px}
#head .headTop .side_btn a i{font-size:22px;line-height:48px;display:block}
#head .gnbWrap{position:relative;background:#F6F4EE;box-sizing:border-box;border-bottom:1px solid #ccc;padding-right:35px}
#head .gnbWrap > ul{overflow-x:auto;min-width:100%;white-space:nowrap;padding-left:5px}
#head .gnbWrap > ul > li{display:inline-block;position:relative;}
#head .gnbWrap > ul > li a{display:inline-block;height:34px;font-size:12px;color:#000;line-height:34px;padding:0 6px}
#head .gnbWrap > ul > li:last-child a{padding-right:20px}
#head .gnbWrap .btn_arr{display:block;width:36px;height:36px;border:1px solid #ccc;box-sizing:border-box;text-align:center;position:absolute;right:-1px;top:-1px;transition:all 0.3s ease;background:rgba(255,255,255,.75)}
#head .gnbWrap .btn_arr i{color:#000;line-height:34px;font-size:15px;transition:all 0.3s ease}
#head .allCate{display:none;position:absolute;left:0;top:100%;background:rgba(255,255,255,.85);padding:22px 12px 10px;width:100%;box-sizing:border-box;border-top:1px solid #ccc}
#head .allCate .tit{font-size:12px;font-weight:600;color:#000}
#head .allCate .cate + .tit{margin-top:8px}
#head .allCate .cate{padding:10px;box-sizing:border-box}
#head .allCate .cate > li{display:inline-block;vertical-align:middle}
#head .allCate .cate > li > a{display:block;padding:10px}

#head .gnbWrap.active .btn_arr{border-color:rgba(0,0,0,.75);background-color:rgba(0,0,0,.75)}
#head .gnbWrap.active .btn_arr i{color:#fff;transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}

#main #head .gnbWrap{position:absolute;width:100%;left:0;background: #F6F4EE;}
header #search_box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border: none;
    background: rgba(0,0,0,.7);
    z-index: 9999;
    height: calc(100vh + 113px);
    vertical-align: bottom;
}

header .searchBox.xans-layout-searchheader .searchForm {
    margin: 10px auto;
    width: calc(100% - 40px);
    box-sizing: border-box;
    position: relative;
    /* background: #fff; */
    /* margin: 0px 90px 7px 40px; */
    padding: 0 66px 0 10px;
    border: none;
    border-radius: 2px;
    padding-left: 0;
}

header .searchBox.xans-layout-searchheader .xans-search-recentkeyword p {
    border: none;
    /* min-height: 60px; */
}

header .searchBox.xans-layout-searchheader .xans-search-recentkeyword .button {
    /* display:none; */
}

header .searchBox.xans-layout-searchheader .xans-search-recentkeyword {
    background: none;
    margin: 0 20px;
}

header .searchBox.xans-layout-searchheader .xans-search-recentkeyword ul {
    padding-bottom: 10px
}

header .searchBox.xans-layout-searchheader .xans-search-recentkeyword li {
    border: none;
    margin: 0 10px
}

header .searchBox.xans-layout-searchheader .xans-search-recentkeyword li + li {
    border-top: 1px dashed #ddd
}

header .searchBox.xans-layout-searchheader .xans-search-recentkeyword li .btnDelete {
    background-size: 80% 80%;
    background-position: center
}

@media (max-width: 280px) {
    .top_bnn > p {
        font-size:10px
    }
}

/* 검색 */
.searchBox.xans-layout-searchheader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 1px;
}

.searchBox.xans-layout-searchheader .searchForm {
    position: relative;
    margin: 7px 61px 7px 14px;
    padding: 0 34px 0 33px;
    border: 1px solid #ccc;
    /* background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_search.png") no-repeat 7px 5px; */
    background-size: 20px 20px;
}

.searchBox.xans-layout-searchheader .btnDelete {
    position: absolute;
    right: 83px;
    top: 8px;
    width: 20px;
    height: 20px;
    border: 0;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    font-size: 0;
    white-space: nowrap;
    background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_delete.png") no-repeat 0 0;
    background-size: 20px 20px;
}

.searchBox.xans-layout-searchheader .searchForm a {width: 60px;position: absolute;top: 0px;right: 0;text-align: center;height: 35px;color: #000;border-radius: 3px;background: #d1d1d1;/* border: 1px solid #d1d1d1; */display: inline-block;line-height: 35px;font-size: 13px;}

.searchBox.xans-layout-searchheader #keyword {
    width: 100%;
    height: 35px;
    padding: 0;
    border: 0;
    outline: none;
    padding-left: 10px;
    border-radius: 0;
}

.searchBox.xans-layout-searchheader .btnClose {
    position: absolute;
    right: 14px;
    top: 7px;
    width: 40px;
    height: 31px;
    margin: 0;
    padding: 0;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    outline-style: none;
    cursor: pointer;
    background: #f0f0f0;
    font-size: 13px;
    text-align: center;
}

.searchBox.xans-layout-searchheader .xans-search-hotkeyword {
    background: #f8f8f8;
}

.searchBox.xans-layout-searchheader .xans-search-hotkeyword ul {
    overflow-y: auto;
    max-height: 278px;
    padding: 7px 14px 7px 0;
    border-bottom: 1px solid #d5d5d5;
    text-align: left;
    font-size: 0;
}

.searchBox.xans-layout-searchheader .xans-search-hotkeyword li {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.searchBox.xans-layout-searchheader .xans-search-hotkeyword li a {
    display: inline-block;
    padding: 7px 15px 7px 14px;
    color: #1b1b1b;
    font-size: 13px;
}

.searchBox.xans-layout-searchheader .xans-search-hotkeyword li a:before {
    display: block;
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    width: 1px;
    height: 13px;
    background: #757575;
}

.searchBox.xans-layout-searchheader .xans-search-hotkeyword li:last-child a:before {
    display: none;
}

.searchBox.xans-layout-searchheader .xans-search-recentkeyword {
    background: #f8f8f8;
}

.searchBox.xans-layout-searchheader .xans-search-recentkeyword p {
    padding: 12px 14px 11px;
    border-bottom: 1px solid #d5d5d5;
    color: #fff;
    font-size: 13px;
    text-align: left;
}

.searchBox.xans-layout-searchheader .xans-search-recentkeyword ul {
    overflow-y: auto;
    max-height: 252px;
    text-align: left;
}

.searchBox.xans-layout-searchheader .xans-search-recentkeyword li {
    position: relative;
    padding: 0 39px 0 0;
    border-bottom: 1px solid #d5d5d5;
}

.searchBox.xans-layout-searchheader .xans-search-recentkeyword li a {
    display: block;
    padding: 12px 0 11px 14px;
    color: #1b1b1b;
    font-size: 13px;
    min-height: 13px;
}

.searchBox.xans-layout-searchheader .xans-search-recentkeyword li .btnDelete {
    position: absolute;
    right: 14px;
    top: 10px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    text-indent: 100%;
    white-space: nowrap;
    background: url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_delete.png") no-repeat 0 0;
    background-size: 20px 20px;
}

.searchBox.xans-layout-searchheader .xans-search-recentkeyword .button {
    padding: 8px 0;
    text-align: center;
    /* border-bottom:1px solid #d5d5d5; */
    /* background:#f1f1f1; */
}

.searchBox.xans-layout-searchheader .xans-search-recentkeyword .button .btnDeleteAll {
    width: 100%;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0 18px;
    border: 1px solid #d1d1d1;
    font-size: 13px;
    cursor: pointer;
    vertical-align: middle;
    color: #000;
    background-color: #d1d1d1;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.xans-layout-searchheader .searchForm .autoDrop {
    display: none;
    position: absolute;
    left: 0;
    z-index: 201;
    width: 100%;
    border: 1px solid #d5d5d5;
    background-color: #fff;
}

.xans-layout-searchheader .searchForm .autoDrop li a {
    display: block;
    width: auto;
    padding: 10px 33px;
    border-bottom: 1px solid #d5d5d5;
    text-align: left;
}

.xans-layout-searchheader .searchForm .autoDrop li:last-of-type a {
    border-bottom: none;
}
.search_inner {
    position: absolute;
    top: 14%;
    width: 100%;
}

.search_close {
    background: url(/design/yozme1/img/mo/search_close.png) no-repeat 0 0;
    background-size: 35px 35px;
    position: absolute;
    right: 20px;
    top: 80px;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    outline-style: none;
    cursor: pointer;
    font-size: 0px;
    text-align: center;
    border: 0;
}

/* 카테고리 */
#side{position:fixed;left:-100%;top: 78px;width:80%;max-width:320px;height: calc(100vh - 78px);z-index:50;background: #F6F4EE;}
#side .mask_side{position:fixed;display:none;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4)}
#side .btn_close_side{
    position:absolute;
    right: 15px;
    top: 27px;
    display:block;
    width: 18px;
    height: 18px;
    text-align:center;
    background: url(/design/yozme1/img/all_close_btn_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    z-index: 10;
    }

#side .inwrap{position:relative;width:300px;height:100%;box-sizing:border-box;padding:0 15px 110px;overflow-y:auto;background: #F6F4EE;}

#side .logo{text-align:left;padding:27px 0 15px}
#side .logo img{max-width:40%;max-height:21px}
#side .login_txt{line-height:1.4;font-size:12px;color:#999;margin-bottom:15px}
 
#side .xans-layout-searchheader{display:block;position:relative;border:0;margin-bottom:30px}
#side .xans-layout-searchheader .searchForm{padding:0;margin:0;border:1px solid #ddd;background:#fff;padding-right:20px}
#side .xans-layout-searchheader #keyword{background:none;height:36px;line-height:36px;text-indent:4px;width:90%;border:0;color:#999}
#side .xans-layout-searchheader input::placeholder{color:#999}
#side .btn_mask_seach{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
#side .btn_mask_seach i{font-size:22px;color:#999}

#side .member_btn{margin:10px 0 6px;font-size:0}
#side .member_btn > li{display:inline-block;width:50%}
#side .member_btn > li > a{display:block;height:36px;line-height:36px;text-align:center;font-size:11px;color:#555;border:1px solid #ccc;background:#fff;margin:0 0 0 3px;}
#side .member_btn > li.log > a{color:#fff;border-color:#897a6d;background:#897a6d;margin:0 3px 0 0}

#side .tit{font-size:15px;color:#555;font-weight:600;margin:0 0 14px}
#side #slideCateList > ul{border:0px solid #e9e9e9;margin-bottom:30px;padding:15px 10px}
#side #slideCateList > ul li{position:relative}
#side #slideCateList > ul > li{padding:0 10px;box-sizing:border-box}
#side #slideCateList > ul > li > a{display:block;line-height:34px;background:#fff;color:#555;position:relative;background:transparent}
#side #slideCateList > ul > li > a.cate > i{display:inline-block;vertical-align:middle;color:#555;margin-left:8px}
#side #slideCateList > ul > li a.view{position:absolute;top:0;left:0;font-size:0;width:100%;display:block}
#side #slideCateList > ul > li > a.view{display:none}
#side #slideCateList > ul > li.noChild > a.view{display:block}
#side #slideCateList > ul > li.noChild > a.cate > i{display:none}
#side #slideCateList > ul > li > ul{padding-bottom:10px;display:none;margin-left:15px}
#side #slideCateList > ul > li.on > ul{display:block}
#side #slideCateList > ul > li > ul > li .icoBookmark{display:none}
#side #slideCateList > ul > li > ul > li > a{display:block;color:#555;height:28px;line-height:28px}
#side #slideCateList > ul > li > ul > li > ul{padding:10px 15px;margin:10px 0;display:block !important;}
#side #slideCateList > ul > li > ul > li > ul > li > a{display:block;color:#555;height:24px;line-height:24px;font-size:11px}
#side #slideCateList > ul > li > ul > li > ul > li > ul{margin:0 0 5px 10px}
#side #slideCateList > ul > li > ul > li > ul > li > ul > li > a{display:block;color:#555;height:24px;line-height:24px;font-size:11px}

#side .community > ul{display:flex;flex-wrap:wrap;margin-bottom:30px}
#side .community > ul > li{width:50%;border:1px solid #e9e9e9;box-sizing:border-box}
#side .community > ul > li:nth-child(2n){margin-left:-1px}
#side .community > ul > li:nth-child(n+3){margin-top:-1px}
#side .community > ul > li > a{display:block;height:36px;line-height:35px;background:#fff;color:#555;padding:0 10px;box-sizing:border-box;text-align:center}
/* //카테고리 */

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */

@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
}

/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.search-auto-complete-list ul li { text-align:center; margin: 3px; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span {}
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }


/* 다찾다 검색 파인더 - 레이어 */
#allfinder-ctr { z-index: 100; position: fixed; right:0; bottom:50%; display:none!important; }
#allfinder-ctr a { display:block; width:77px; height:64px; background:url('/images/common/allfinder_ctrl_mo.png') no-repeat 0 0; background-size:100% 100%; border:none; outline:none; font-size:0; }

.all-finder-layer { z-index:999; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; overflow-y:auto; }
.all-finder-layer .finder-hd { z-index:1; position:fixed; top:0; left:0; width:100%; height:60px; border-bottom:1px solid #e7e7e7; background:#fff; }
.all-finder-layer .finder-hd .fa-close { position:absolute; top:17px; right:10px; font-size:26px; color:#000; }
.all-finder-layer .finder-hd .finder-tit { height:60px; line-height:60px; padding:0 10px; font-size:16px; font-weight:bold; color:#000; letter-spacing:-2px; }
.all-finder-layer .finder-search { position:relative; margin:0 10px 20px; border:2px solid #000; border-radius:3px; }
.all-finder-layer .finder-search .fa-search { display: inline-block; width: 40px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; }
.all-finder-layer .finder-search .txt-input { width:85%; height:42px; line-height:42px; margin:0; padding:0; font-size:14px; outline:none; border:none; color: #000; vertical-align:top; letter-spacing:-1px; }
.all-finder-layer .finder-search .txt-input::-webkit-input-placeholder { color:#b1b1b1; }
.all-finder-layer .finder-search dd { background:#FFF; }
.all-finder-layer .finder-opt { padding:60px 0 55px; color:#000; }
.all-finder-layer .finder-opt dl dt { position:relative; height:53px; line-height:53px; padding:0 10px; border-top:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#000; letter-spacing:-1px; }
.all-finder-layer .finder-opt dl dt .fa { position:absolute; top:50%; right:10px; margin-top:-13px; font-size:25px; color:#b2b2b2; }
.all-finder-layer .finder-opt dl dt > .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:20px; margin-top:0; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer { display:none; position:absolute; top:43px; left:10px; width:70%; padding:0 15px 11px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1 }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:10px; right:14px; margin:0; font-size:19px; color:#000; outline:none; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-tit { padding:13px 0; border-bottom:1px solid #e5e5e5; font-size:14px; font-weight:bold; line-height:14px; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-cnt { padding-top:13px; line-height:1.5; font-size:13px; }
.all-finder-layer .finder-opt dl dd { display:none; padding:10px 5px 0; border-top:1px solid #e7e7e7; background:#f4f4f4; font-size:0; }
.all-finder-layer .finder-opt dl dd label { display:inline-block; width:33.3333%; text-align:center; line-height:18px;}
.all-finder-layer .finder-opt .finder-color label { width:12.5%; }
.all-finder-layer .finder-opt .finder-price .finder-price-input { padding:0 5px 10px; text-align:right; font-size:12px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input:after { clear: both; content: ""; display: block; }
.all-finder-layer .finder-opt .finder-price .finder-price-input span { float:left; display:inline-block; height:34px; line-height:34px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label { display: inline-block; width: 33%; padding: 0 8px; border: 1px solid #ccc; border-radius:3px; color: #666; background:#fff; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label .txt-input { display: inline-block; width: 84%; height: 32px; line-height: 32px; padding: 0; border: none; background: none; color: #000; outline:none; text-align:right; }
.all-finder-layer .finder-opt .finder-child-category { padding:0; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category { padding:15px; margin-bottom:9px; border-bottom:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#9a9a9a; background:#fff; word-break:break-all; letter-spacing:-1px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .pd-2px { padding:0 2px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fc-black { color:#000; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fa { margin-left:2px; color:#000; }
.all-finder-layer .finder-btn-c { z-index:1; position:fixed; bottom:0; left:0; width:100%; height:55px; text-align: center; font-size:0; }
.all-finder-layer .finder-btn-c a.reset { display: inline-block; width: 30%; height: 55px; line-height: 55px; background: #999; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 1px; border:none; }
.all-finder-layer .finder-btn-c button { display: inline-block; width: 70%; height: 55px; line-height: 55px; background: #000; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; border:none; }
.all-finder-layer .finder-btn-c button span.fa-search { margin-right:5px; margin-top:-2px; vertical-align:middle; font-size:0.750em; }
.all-finder-layer .finder-btn-c button span.finder-count { display:inline-block; color:#ffd800; font-size:18px; vertical-align:middle; }

.all-finder-layer .finder-opt .finder-options { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%; height:22px; padding: 5px 5%; line-height:22px; border: 1px solid #ccc; word-break:break-all; border-radius: 20px; background:#fff; color:#000; text-align:center; font-size:12px; }
.all-finder-layer .finder-opt .finder-options.on { font-weight: bold; border: 1px solid #000; box-shadow:2px 2px 3px #d2d2d2; }
.all-finder-layer .finder-opt .finder-option-color em { display: inline-block; width: 33px; height: 33px; border-radius:20px; font-size:0; vertical-align:middle; }
.all-finder-layer .finder-opt .finder-option-color.color-picker { width:33px; height:33px; padding: 0; border: none; } 
.all-finder-layer .finder-opt .finder-option-color.color-picker .fa-check { display:none; width:33px; height:33px; margin-top:-25px; color:#fff; text-align:center; font-size:16px; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }

.finder-option-color.finder-option-color-black em { background-color: #000; }
.finder-option-color.finder-option-color-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; }
.finder-option-color.finder-option-color-gray em { background-color: #808080; }
.finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; }
.finder-option-color.finder-option-color-brown em { background-color: #aa6810; }
.finder-option-color.finder-option-color-navy em { background-color: #425583; }
.finder-option-color.finder-option-color-blue em { background-color: #0000ff; }
.finder-option-color.finder-option-color-light-blue em { background-color: #62acff; }
.finder-option-color.finder-option-color-red em { background-color: #ff0000; }
.finder-option-color.finder-option-color-orange em { background-color: #ffa500; }
.finder-option-color.finder-option-color-yellow em { background-color: #ffff00; }
.finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; }
.finder-option-color.finder-option-color-purple em { background-color: #800080; }
.finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; }
.finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; }
.finder-option-color.finder-option-color-green em { background-color: #008000; }
.finder-option-color.finder-option-color-light-green em { background-color: #72dd95; }
.finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; }
.finder-option-color.finder-option-color-gold em { background-color: #cfbc4e; }
.finder-option-color.finder-option-color-apricot em { background-color: #fbceb1;  }

.all-finder-layer .search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.all-finder-layer .search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.all-finder-layer .search-auto-complete-list ul li { text-align:center; margin: 3px; }
.all-finder-layer .search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.all-finder-layer .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .search-auto-complete-list ul li a:hover span {}
.all-finder-layer .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }


.description {
    position: relative;
}

.description .prd_bottom_div_right {
    /* position: absolute; */
    /* bottom: 0; */
    /* right: 5px; */
    width: 100%;
    margin-top: 10px;
    text-align: right;
}

.description .prd_bottom_div_right>div {
    display: inline-block;
    width: 18px;
    margin-left: 10px;
}

.description .prd_bottom_div_right>div img { vertical-align:bottom; }

.nd .ec-base-product .description .price_ul li {
    display: inline-block;
    margin-right: 2px;
}

.nd .ec-base-product .description .spec li.price span { font-size:12px!important; }
.nd .ec-base-product .description .spec li.percent_li span { color:#ff0000!important; }


.cate_board_bottom {
    margin-bottom: 30px;
}

.cate_board_bottom ul {
    overflow: hidden;
}

.cate_board_bottom ul li { float:left; width:48%; margin-right:3.5%; }
.cate_board_bottom ul li:last-of-type { margin-right:0; }
.cate_board_bottom ul li img { width:100%; }
.cate_board_bottom ul li span { margin-top:5px; display:block; font-weight:500; }

h1.search_title {
    margin: 0 20px;
    font-size: 20px;
    color: #fff;
}

.discount_time {
    padding: 3px 0;
    text-align: left;
    width: 100%;
    font-size: 10px;
}

.allCate .cate_board_bottom ul li { width: calc((100% - 8%) / 3); }

.nd .ec-base-product .description .subname > a {
    font-size: 11px;
    color: #444;
    font-weight: 400;
    padding: 5px 0 0;
    margin-bottom:0;
    display: block;
    height: 58px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.nd .ec-base-product .prdList > li .review_ul {
    margin-top: 7px;
}

.nd .ec-base-product .description .price_ul {
    border-top: 1px solid #d9d4cd;
    margin-top: 10px;
    padding-top: 10px;
}
.nd .ec-base-product .description .name { height:55px; }
.nd .ec-base-product .description .color { height:17px; box-sizing:border-box; }
.nd .ec-base-product .description .spec li.percent_li {
    display: none;
}


/* BASIC css end */