@charset "utf-8";
.search-result-top .search-input-wrap{width:390px;margin-left:auto;margin-right:auto}
.search-result-middle{border-top:2px solid #000}
.search-filter{width:286px;padding-top:20px}
.search-filter .filter-wrap{border:1px solid #ddd}
.search-filter .filter-option ul {padding:0}
.search-filter:not([style*="display:none"]):not([style*="display: none"]) + .search-lists-wrap {margin-right:0;}
.filter-accordion>li button,
.filter-accordion>li a{display:block;position:relative}
.filter-accordion li h3{display:flex;line-height:50px;border-bottom:1px solid #ddd;font-size:16px;color:#333;padding:0 0 0 20px}
.filter-accordion li h3 em{margin:0 0 0 2px;font-size:14px;color:#ff5b37}
.filter-accordion .f-tit:after{content:'';display:block;background:url(../images/common/icons-light-down.svg) no-repeat;width:14px;height:8px;position:absolute;right:15px;top:20px;transition:all 0.3s;background-size:14px}
.filter-accordion .f-tit.active:after{transform:rotate(270deg)}
.filter-cont{border-bottom:1px solid #ddd;padding:20px 15px 10px 15px;display:none}
.fliter-ct{display:flex;justify-content:start;flex-direction:row;flex-wrap:wrap;background:none;width:auto;margin:0}
.fliter-ct li{width:50%;padding:0 0 22px 0}
.modal .fliter-ct li{width:25%;padding:0 0 22px 0}
.fliter-ct li label{color:#888;font-size:14px;padding:0 0 0 32px}
.fliter-ct.k2group{padding:13px 0 0 0}
.fliter-ct.k2group li{padding:0;height:68px}
.fliter-ct.k2group li i{width:48px;height:48px;background-size:48px}
.fliter-ct.k2group li [class^="cbox-type"] + label,.fliter-ct.k2group li input[type=checkbox]:checked + label{height:48px;background-position:left center}
.k2group i.k2{background: url(../images/common/icons-k-2.svg);}
.k2group i.eider{background: url(../images/common/icons-eider_v2.svg);}
.k2group i.dynafit{background: url(../images/common/icons-dynafit_v2.svg);}
.k2group i.wangle{background: url(../images/common/icons-wideangle_v2.svg);}
.k2group i.nasd{background: url(../images/common/icons-nsad.svg);}
.k2group i.k2safety{background: url(../images/common/icons-k2safty.svg);}
.k2group i.piretti{background: url(../images/common/icons-piretti_v2.svg);}
.k2group i.nordisk{background: url(../images/common/icons-nordisk_v2.svg);}
.k2group i.kemall{background: url(../images/common/icons-Kvillage2.svg);}
.k2group .flex{justify-content: center;}
.k2group .flex li{margin: 0 5px;}
.k2group i{    width: 47px; height: 47px; background-color: #000; border-radius: 50%; overflow: hidden;}
.k2group .h{color: #333; margin-top: 20px;}
.filter-size{flex-wrap:wrap;display:flex}
.filter-size li{width:115px;height:40px;margin-right:10px;position:relative;overflow:hidden;margin-bottom:10px;border:1px solid #ddd;text-align:center;line-height:40px}
.filter-size li a{display:block}
.filter-size li.on:not('.off'){border:2px solid #333;font-weight:700}
.filter-size li.on{border:2px solid #333}
.filter-size li.off{background:#f8f8f8}
.filter-size li.off.on{border:1px solid #ddd}
.filter-size li.off::before{content:'';position:absolute;width:200%;height:1px;background:#ddd;left:-22px;top:19px;transform:rotate(140deg)}
.filter-color{display:flex;flex-wrap:wrap}
.filter-color li{margin:0 9px 11px 0}
.filter-color li a{width:32px;height:32px;display:block;border-radius:50%; border:solid 0.5px rgba(51,51,51,0.2);}
.filter-color li.on a{background-image:url(../images/common/icons-check-white.svg);background-position:center center}
.filter-color li.color1.on a{background-image:url(../images/common/icons-check.svg)}
/* white */
.filter-color li.color1 a{background-color:#fff;border:solid 0.5px rgba(51,51,51,0.2);width:30px;height:30px}
/* Grey */
.filter-color li.color2 a{background-color:#595556}
/* Black */
.filter-color li.color3 a{background-color:#000000}
/* Orange */
.filter-color li.color4 a{background-color:#EB5506}
/* Red */
.filter-color li.color5 a{background-color:#C11C08}
/* Pink */
.filter-color li.color6 a{background-color:#E74291}
/* Magenta */
.filter-color li.color7 a{background-color:#E5007F}
/* Violet */
.filter-color li.color8 a{background-color:#736EB1}
/* Yellow */
.filter-color li.color9 a{background-color:#FFC800}
/* Green */
.filter-color li.color10 a{background-color:#016936}
/* Khaki */
.filter-color li.color11 a{background-color:#4A4724}
/* Beige / Brown */
.filter-color li.color12 a{background-color:#977C46}
/* Blue */
.filter-color li.color13 a{background-color:#343868}
/* Navy */
.filter-color li.color14 a{background-color:#242045}
.filter-color li.color15 a{background-color:#b3354f}
.filter-color li.color16 a{background-color:#ffedac}
.filter-color li.color17 a{background-color:#ff6115}
.filter-color li.color18 a{background-color:#6ac4ff}
.filter-color li.color19 a{background-color:#307cff}
.filter-color li.color20 a{background-color:#60faff}
.filter-color li.color21 a{background-color:#463200}
.filter-color li.color22 a{background-color:#5d55d6}
.filter-color li.color23 a{background-color:#f272a7}
.filter-color li.color24 a{background-color:#000000}
.filter-perform{flex-wrap:wrap;display:flex}
.filter-perform li{margin:0 6px 11px 0}
.filter-perform li{height:40px;padding:10px 15px 9px;border:solid 1px #ddd;display:block;color:#333}
.filter-perform li.on{border:2px solid #333}
.filter-price h4{margin:33px 0 0 0;font-size:14px;color:#333}
.filter-price .range-clone span{color:#ff5b37;font-size:14px}

.range-clone {padding-bottom:20px}
.ui-slider {background: #ddd;color: #333333;position: relative;text-align: left;height:4px;border-radius:4px;margin:15px}
.ui-slider .ui-slider-handle {display:block;position: absolute;z-index: 2;width: 30px;height: 30px;cursor: pointer;-ms-touch-action: none;touch-action: none;background-color:#000;border-radius:30px;top:-13px;margin-left:-15px}
.ui-slider .ui-slider-range {position: absolute;z-index: 1;height:4px;display: block;border: 0;background-position: 0 0;background-color:#000}
input.range-input {font-size: 14px;font-weight: 500;margin: 0;padding: 4px;width: calc(50% - 17px);height: 40px;line-height: 20px;border-bottom: 1px solid #ddd; outline: 0;text-align: center;box-shadow: none;background: #fff!important;}
.search-brend a{position:relative;padding:0 16px 0 0;margin-right:20px;font-size:16px;}
.search-brend a span{font-size:16px;}
.search-brend a img{height:40px;margin-right:10px}
.search-brend a:after{content:'';display:block;background:url(../images/common/icons-16-px-arrow-outline-right.svg) no-repeat;width:16px;height:16px;position:absolute;right:0;top:50%;margin-top:-7px;}
.search-wrap .pd-list{padding:0}

.search-ul li{font-size:13px;padding:0 12px;cursor: pointer;position:relative;line-height: 13px;}
.search-ul li::before{content:'';display:block;position:absolute;left:0;top:0;width:1px;height:13px;background-color:#ddd;}
.search-ul li:first-child:before{display:none}
.search-ul li.on{font-weight:700}