.searchbanner {
  position:relative;
  width:100%;
  min-height:15.5rem;
  background:url(/static/user/images/banner/banner_search.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.bannertext {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  gap:1rem;
  grid-gap:1rem;
  text-align:center;
}
.bannertext h2 {
  font-size:1.95rem;
  letter-spacing:0;
  color:var(--base-white);
  font-family: "newyork";
  font-weight:100;
  line-height:1;
}
.bannertext span {
  font-size:0.75rem;
  letter-spacing:-0.5px;
  color:rgb(255 255 255 / 80%);
  font-weight:var(--regular);
}
.section {
  margin:3rem auto;
  align-items:flex-start;
  gap:3.35rem;
  grid-gap:3.35rem;
}
/* mobile filter */
.mobile_filter {
  position:relative;
  background:#fafafa;
  box-shadow:0 1px 0 0 #f2f2f2;
  display:none;
}
.mobile_filter::before {
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:1px;
  height:1rem;
  background:#ececec;
}
.mobile_filter > div {
  flex:1;
  justify-content:center;
  cursor:pointer;
  padding:0.7rem 0;
}
.mobile_filter > div span {
  font-size:0.7rem;
  letter-spacing:-0.26px;
  color:#8e9295;
  font-weight:var(--medium);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
}
.mobile_filter > div img {
  width:0.875rem;
  height:0.875rem;
}
/* searchBox */
.searchbox {
  width:100%;
  max-width:19.4rem;
}
.interval {
  gap:0.4rem;
  grid-gap:0.4rem;
  margin-top:0.7rem;
}
.title {
  justify-content:space-between;
}
.title span {
  font-size:0.7rem;
  letter-spacing:-0.29px;
  color:#7d7d7d;
  font-family: "Co-sb";
}
.title .subsearch {
  cursor:pointer;
  gap:0.2rem;
  grid-gap:0.2rem;
}
.title .subsearch img {
  width:0.75rem;
  height:0.75rem;
}
.box {
  padding-bottom:0.8rem;
  border-bottom:1px solid #ececec;
  box-sizing:border-box;
}
.categorybox > h6 {
  font-size:1.25rem;
  letter-spacing:-0.55px;
  color:var(--main-ocher);
  font-family: "Co-sb";
  line-height:1rem;
}
.categorybox .category {
  flex-wrap:wrap;
  margin-top:1rem;
  gap:0.3rem;
  grid-gap:0.3rem;
}
.categorybox .category .list {
  justify-content:center;
  min-height:1.8rem;
  padding:0.4rem 0.8rem;
  border-radius:0.9rem;
  background:#b19d79;
  box-sizing:border-box;
  gap:0.4rem;
  grid-gap:0.4rem;
}
.categorybox .category .list span {
  font-size:0.69rem;
  letter-spacing:-0.13px;
  color:var(--base-white);
  font-weight:var(--regular);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  line-height:1;
}
.categorybox .category .list .delete {
  width:0.5rem;
  height:0.5rem;
  cursor:pointer;
}
.select small {
  font-size:0.9rem;
  letter-spacing:-0.39px;
  color:#afa38d;
  font-family: "Co-sb";
  line-height:1;
}
.colorbox {
  margin-top:1.5rem;
}
.choice {
  justify-content:center;
  padding:0 20px;
  height:1.8rem;
  border-radius:0.9rem;
  box-sizing:border-box;
  border:1px solid #e7e7e7;
  cursor:pointer;
}
.choice.on {
  border:1px solid #b19d79;
  background:#b19d79;
}
.choice span {
  font-size:0.7rem;
  letter-spacing:-0.13px;
  color:#939393;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--medium);
}
.choice.on span {
  color:var(--base-white);
}
.stylebox , .rangebox , .grapesbox , .regionsbox , .countrybox , .importerbox  {
  margin-top:2.15rem;
}
.style > .flex {
  gap:0.4rem;
  grid-gap:0.4rem;
  padding-right:3.1rem;
}
.range .inputbox {
  justify-content:space-between;
  margin:1.2rem 0 0.65rem;
}
.range .inputbox span {
  font-size:0.7rem;
  letter-spacing:-0.13px;
  color:#939393;
  font-weight:var(--medium);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
}
.range .slider-range {
  border:none;
  height:0.2rem;
  background:#ededed;
  border-radius:0.125rem;
}
.range .slider-range .ui-slider-handle {
  width:0.9rem;
  height:0.9rem;
  background:#b19d79;
  border-radius:50%;
  border:2px solid var(--base-white);
  box-sizing:border-box;
  box-shadow:0px 0px 0.2rem rgba(0,0,0,0.22);
  top:-0.35rem;
}
.range .slider-range .ui-slider-range {
  background:#b19d79;
}
.grapesbox .grapes, .regionsbox .regions , .countrybox .country , .importerbox .importer {
  flex-wrap:wrap;
  gap:0.4rem;
  grid-gap:0.4rem;
  margin-top:0.7rem;
}
.grapesbox .grapes {
  padding-right:1rem;
}
.grapesbox .grapes .choice {
  flex:inherit;
  padding:0.4rem 0.95rem;
  box-sizing:border-box;
}
.regionsbox .regions .choice , .countrybox .country .choice , .importerbox .importer .choice {
  flex:inherit;
  padding:0.4rem 0.9rem;
  box-sizing:border-box;
}
/* viewBox */
.viewbox {
  width:100%;
}
.viewtitle {
  justify-content:space-between;
  border-bottom:1px solid #e5e5e5;
  padding-bottom:0.7rem;
}
.viewtitle .selectcount,.filter{
  line-height:1;
}
.viewtitle span {
  font-size:0.85rem;
  letter-spacing:-0.5px;
  color:#737373;
  font-weight:var(--medium);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
}
.filter select {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  font-size:0.75rem;
  letter-spacing:-0.54px;
  color:#838383;
  font-weight:var(--regular);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  width:4.75rem;
  background:url(/static/user/images/btns/btn_selectmore.png)no-repeat 100% center / 0.55rem 0.3rem;
  outline:none;
  padding:0;
  height:auto;
  border:none;
}
.filter select::-ms-expand{
   display:none;
}
.product_list {
  padding:1.5rem 0 1.45rem;
  gap:1.5rem;
  grid-gap:1.5rem;
}
.product_list li {
  padding-bottom:1.5rem;
  border-bottom:1px solid #e5e5e5;
}
.product_list li .justify {
  justify-content:space-between;
}
.product_list li .justify > .flex {
  gap:1.95rem;
  grid-gap:1.95rem;
}
.product_list li .justify > .flex .thumbnail {
  background:#f0edea;
  min-width: 206px;
  height: 284px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product_list li .justify > .flex .thumbnail img {
  max-height:8.5rem;
  width:auto;
}
.product_list li .justify > .flex .info > span {
  font-size:0.85rem;
  letter-spacing:-0.61px;
  color:var(--main-ocher);
  font-weight:var(--medium);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  padding-bottom:0.35rem;
}
.product_list li .justify > .flex .info > h6 {
  font-size:1.2rem;
  letter-spacing:-0.52px;
  color:#2a2a2a;
  font-family: "Co-sb";
  line-height:1.4rem;
}
.product_list li .justify > .flex .info > p {
  font-size:0.75rem;
  letter-spacing:-0.54px;
  color:#838383;
  font-weight:var(--regular);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  padding:0.35rem 0 0.4rem;
}
.product_list li .justify > .flex .info > .flex-direction {
  gap:0.25rem;
  grid-gap:0.25rem;
}
.product_list li .justify > .flex .info > .flex-direction .countries {
  gap:0.4rem;
  grid-gap:0.4rem;
}
.product_list li .justify > .flex .info > .flex-direction .countries img {
  width:0.8rem;
  height:0.8rem;
}
.product_list li .justify > .flex .info > .flex-direction span {
  font-size:0.65rem;
  letter-spacing:0;
  color:#8b8b8b;
  font-weight:var(--regular);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
}
.product_list li .justify > .flex .info > .comment {
  align-items:flex-start;
  gap:0.5rem;
  grid-gap:0.5rem;
  margin-top:1.2rem;
}
.product_list li .justify > .flex .info > .comment img {
  width:0.8rem;
  height:0.85rem;
}
.product_list li .justify > .flex .info > .comment span {
  font-size:0.65rem;
  letter-spacing:-0.46px;
  color:#838383;
  font-weight:var(--medium);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  line-height:1;
}
.product_list li .justify > .price {
  text-align:center;
  align-items:center;
}
.product_list li .justify > .price .rating img {
  width:1.65rem;
  height:1.65rem;
  margin-bottom:0.3rem;
}
.product_list li .justify > .price .rating span {
  font-size:1.15rem;
  letter-spacing:-0.38px;
  color:#2a2a2a;
  font-weight:var(--medium);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  line-height:0.8rem;
}
.product_list li .justify > .price .rating p {
  font-size:0.75rem;
  letter-spacing:-0.25px;
  color:#868686;
  font-weight:var(--regular);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  line-height:1;
  padding:0.35rem 0 0.7rem;
}
.product_list li .justify > .price .value {
  font-size:1rem;
  letter-spacing:-0.71px;
  color:var(--main-ocher);
  font-weight:var(--semibold);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  line-height:1;
}

/* mobile  popup */
.popup_title {position:relative;height:3.1rem;box-sizing:border-box;justify-content:center;box-shadow:0 1px 0 0 #f2f2f2;}
.popup_title span {font-size:0.85rem;letter-spacing:-0.33px;color:#55545b;font-weight:var(--semibold);font-family: "Pretendard Variable" , "newyork", sans-serif;}
.popup_title img {position:absolute;right:0;top:50%;transform:translateY(-50%);width:0.85rem;height:0.85rem;padding:1rem;cursor:pointer;}
/* mobile sort pop */
.mobile_sort_pop {
  display:none;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  box-sizing:border-box;
  background:var(--base-white);
  z-index:99999;
}
.mobile_sort_pop ul {
  gap:0.75rem;
  grid-gap:0.75rem;
  padding:1.45rem 1rem 0;
}
.mobile_sort_pop ul li {
  padding-bottom:0.8rem;
  border-bottom:1px solid #efefef;
  cursor:pointer;
}
.mobile_sort_pop ul li div {
  display:inline-block;
  font-size:0.8rem;
  letter-spacing:0;
  color:#a9adb8;
  font-weight:var(--medium);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  line-height:1.125rem;
  padding-right:0.95rem;
}
.mobile_sort_pop ul li.on div {
  color:var(--main-ocher);
  font-weight:var(--bold);
  background:url(/static/user/images/btns/btn_filter_check.png)no-repeat right center / 0.9rem 0.9rem;
}
.btn_popup_choice {
  position:fixed;
  left:0;
  bottom:0;
  width:100%;
}
.btn_popup_choice > div {
  justify-content:center;
  cursor:pointer;
  height:2.75rem;
  box-sizing:border-box;
}
.btn_popup_choice > div.btn_initialization {
  background:#373737;
  flex:0.4;
}
.btn_popup_choice > div.btn_apply {
  background:var(--main-ocher);
  flex:0.6;
}
.btn_popup_choice > div span {
  font-size:0.8rem;
  letter-spacing:-0.24px;
  color:var(--base-white);
  font-weight:var(--semibold);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
}
/* mobile filter pop */
.mobile_filter_pop {
  display:none;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  min-height:100%;
  overflow-y:auto;
  background:var(--base-white);
  z-index:99999;
}
.mobile_filter_pop .popupsearchbox {
  padding:1.6rem 1rem;
  margin-bottom:4.75rem;
}
.mobile_filter_pop .popupsearchbox .colorbox {
  margin-top:0;
}
.mobile_filter_pop .popupsearchbox .select small {
  font-size:1.15rem;
  letter-spacing:-0.5px;
}
.mobile_filter_pop .popupsearchbox .select .interval {
  margin-top:0.8rem;
}
.mobile_filter_pop .popupsearchbox .grapesbox .grapes, .mobile_filter_pop .popupsearchbox .regionsbox .regions, .mobile_filter_pop .popupsearchbox .countrybox .country, .mobile_filter_pop .popupsearchbox .importerbox .importer {
  margin-top:0.8rem;
}

/* media */
@media screen and (max-width:767px){
 .mobile_filter {display:flex;}
 .section {margin-top:0;}
 .product_list {padding-top:0;}
 .searchbanner {background:none;min-height:auto;margin:1.55rem 0;}
 .bannertext {position:static;transform:none;flex-direction:column-reverse;gap:0.05rem;grid-gap:0.05rem;align-items:flex-start;padding:0 1rem;}
 .bannertext h2 {font-size:1.6rem;line-height:1.5rem;color:#3e3e3e;}
 .bannertext span {font-size:0.8rem;line-height:1.04rem;letter-spacing:-0.5px;color:#91949a;font-weight:var(--regular);}
 .searchbox {display:none;}
 .viewtitle {border-bottom:none;}
 .viewtitle .filter {display:none;}
 .viewtitle span {font-size:0.8rem;letter-spacing:-0.5px;font-weight:var(--regular);color:#91949a;}
 .product_list li:last-child {border-bottom:none;}
 .product_list li .justify {gap:1.25rem;grid-gap:1.25rem;}
 .product_list li .justify , .product_list li .justify > .flex {flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box;}
 .product_list li .justify > .flex {gap:0.9rem;grid-gap:0.9rem;}
 .product_list li .justify > .flex .thumbnail {width:100%;box-sizing:border-box;text-align:center;padding:1.65rem 0;}
 .product_list li .justify > .flex .thumbnail img {width:auto;height:90%;}
 .product_list li .justify > .flex .info {width:100%;box-sizing:border-box;}
 .product_list li .justify > .flex .info > .comment {margin-top:0.4rem;}
 .product_list li .justify > .flex .info > h6 {font-size:1.1rem;letter-spacing:-0.48px;}
 .product_list li .justify > .price {width:100%;box-sizing:border-box;flex-direction:row;justify-content:space-between;}
 .product_list li .justify > .price .rating {flex-direction:row;align-items:center;gap:0.15rem;grid-gap:0.15rem;}
 .product_list li .justify > .price .rating img {margin-bottom:0;width:1.35rem;height:1.35rem;}
 .product_list li .justify > .price .rating span {font-size:0.75rem;letter-spacing:-0.25px;}
 .product_list li .justify > .price .rating p {padding:0;}
 .product_list li .justify > .price .value {font-size:0.9rem;letter-spacing:-0.5px;}
}














/*  */