@charset "UTF-8";
::-webkit-scrollbar {
  opacity: 0;
  background: transparent;
}

::-webkit-scrollbar:hover {
  opacity: 1;
}

.cmcate_common_filter {
  width: 100%;
  position: relative;
  z-index: 99;
  background-color: #fff;
}
.cmcate_common_filter .toolbar_content {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
}
.cmcate_common_filter .toolbar_filter_group {
  width: 100%;
  margin-top: 15px;
  overflow-y: hidden;
  overflow-x: scroll;
  padding-right: 10px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.cmcate_common_filter .toolbar_filter_group > .toolbar_filter_item {
  padding: 0 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.cmcate_common_filter .toolbar_filter_group > .toolbar_filter_item label {
  font-size: 0;
  left: 0;
  top: 0;
}
.cmcate_common_filter .toolbar_filter_group > .toolbar_filter_item:first-child {
  margin-left: 15px;
}
.cmcate_common_filter .toolbar_sort_group {
  margin-left: auto;
  text-align: right;
  width: 100px;
  height: 45px;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 15px;
}
.cmcate_common_filter .toolbar_sort_group .in.active .m_ds_pos {
  display: block;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sel_wrap {
  position: relative;
  width: 100px;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sel_wrap .cmft_sel_curent {
  text-align: right;
  vertical-align: middle;
  line-height: 22px;
  display: inline-block;
  padding: 19px 16px 0 5px;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sel_wrap .cmft_sel_curent:after {
  top: 28px;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sel_wrap .cmft_sel_curent .cmft_txt {
  height: auto;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sel_wrap:before {
  position: absolute;
  left: -28px;
  top: 0;
  content: "";
  width: 28px;
  height: 43px;
  background: -webkit-gradient(linear, right top, left top, color-stop(-0.89%, #ffffff), color-stop(46.43%, rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #ffffff -0.89%, rgba(255, 255, 255, 0) 46.43%);
}
.cmcate_common_filter .toolbar_sort_group .cmft_cell {
  border: none;
}
.cmcate_common_filter .toolbar_sort_group .cmft_cell .cmft_sort_tit {
  padding: 20px 0 0 0;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sel_lst {
  min-width: 100px;
  max-width: 127px;
  top: 42px;
  left: auto;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sel_lst a {
  padding: 10px 0 11px 15px;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sel_lst li.on {
  background: var(--m-colors-gray900, #222222);
}
.cmcate_common_filter .toolbar_sort_group .cmft_sel_lst li.on .cmft_txt {
  color: #fff;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sorttip_layer {
  display: none;
  position: absolute;
  top: 46px;
  right: 0;
  background: #262b2e;
  border-radius: 4px;
  color: #fff;
  padding: 6px 10px 4px;
  font-size: 12px;
  line-height: 14px;
  z-index: 9991;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sorttip_layer.on {
  display: block;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sorttip_layer:before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 5px solid #000;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sorttip_layer button {
  margin-left: 5px;
  position: relative;
  width: 12px;
  height: 12px;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sorttip_layer button:before, .cmcate_common_filter .toolbar_sort_group .cmft_sorttip_layer button:after {
  position: absolute;
  left: 5px;
  top: -2px;
  content: " ";
  height: 15px;
  width: 1px;
  background-color: #fff;
}
.cmcate_common_filter .toolbar_sort_group .cmft_sorttip_layer button:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.cmcate_common_filter .toolbar_sort_group .cmft_sorttip_layer button:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.cmcate_common_filter .toolbar_sort_group > .toolbar_sort_item {
  display: block;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmcate_common_filter .toolbar_sort_group > .toolbar_sort_item > label {
  cursor: pointer;
}
.cmcate_common_filter .toolbar_sort_group.filter_tab {
  margin-right: 16px;
}
.cmcate_common_filter .toolbar_sort_group.filter_tab .cmft_sel_wrap {
  width: auto;
}
.cmcate_common_filter .toolbar_sort_group.filter_tab .cmft_sel_wrap .cmft_sel_curent {
  height: 32px;
  padding: 14px 16px 0 6px;
}
.cmcate_common_filter .toolbar_sort_group.filter_tab .cmft_sel_wrap .cmft_sel_curent:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M6 8.2l6 8.571 6-8.571h-12z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
  top: 18px;
  right: unset;
}
.cmcate_common_filter .toolbar_sort_group.filter_tab .cmft_sel_wrap .cmft_txt {
  color: #222222;
}

.cmcate_common_filter_module .toolbar_filter_group {
  height: auto;
  margin: 10px 0;
  padding: 0 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmcate_common_filter_module .toolbar_filter_group::-webkit-scrollbar {
  display: none;
}
.cmcate_common_filter_module .toolbar_filter_group > .toolbar_filter_item {
  padding: 0 3px;
}
.cmcate_common_filter_module .toolbar_filter_group > .toolbar_filter_item:first-child {
  margin-left: 0;
}
.cmcate_common_filter_module .toolbar_filter_group.filter_tab {
  padding: 0 16px;
}
.cmcate_common_filter_module .toolbar_filter_group.filter_tab a {
  padding: unset;
  margin-left: 6px;
}
.cmcate_common_filter_module .toolbar_filter_group.filter_tab a:first-child {
  margin-left: 0;
}

.toolbar_btn_filter {
  display: block;
}
.toolbar_btn_filter .toolbar_btn_content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
  position: relative;
  height: 28px;
  color: #777;
}
.toolbar_btn_filter.ssgsale {
  width: 72px;
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_ssgsale_off@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.toolbar_btn_filter.ssgsale.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.ssgsale, label > input[type=checkbox]:checked + .toolbar_btn_filter.ssgsale {
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_ssgsale_on@2x.png");
}
.toolbar_btn_filter.ssg, .toolbar_btn_filter.shpp_filter_ssg {
  width: 75px;
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_ssg_off@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.toolbar_btn_filter.ssg.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.ssg, label > input[type=checkbox]:checked + .toolbar_btn_filter.ssg, .toolbar_btn_filter.shpp_filter_ssg.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.shpp_filter_ssg, label > input[type=checkbox]:checked + .toolbar_btn_filter.shpp_filter_ssg {
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_ssg_on@2x.png");
}
.toolbar_btn_filter.traders, .toolbar_btn_filter.shpp_filter_traders {
  width: 86px;
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_traders_off@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.toolbar_btn_filter.traders.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.traders, label > input[type=checkbox]:checked + .toolbar_btn_filter.traders, .toolbar_btn_filter.shpp_filter_traders.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.shpp_filter_traders, label > input[type=checkbox]:checked + .toolbar_btn_filter.shpp_filter_traders {
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_traders_on@2x.png");
}
.toolbar_btn_filter.oneday, .toolbar_btn_filter.shpp_filter_oneday {
  width: 82px;
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_oneday_off@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.toolbar_btn_filter.oneday.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.oneday, label > input[type=checkbox]:checked + .toolbar_btn_filter.oneday, .toolbar_btn_filter.shpp_filter_oneday.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.shpp_filter_oneday, label > input[type=checkbox]:checked + .toolbar_btn_filter.shpp_filter_oneday {
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_oneday_on@2x.png");
}
.toolbar_btn_filter.morning, .toolbar_btn_filter.shpp_filter_morning {
  width: 86px;
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_morning_off@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.toolbar_btn_filter.morning.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.morning, label > input[type=checkbox]:checked + .toolbar_btn_filter.morning, .toolbar_btn_filter.shpp_filter_morning.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.shpp_filter_morning, label > input[type=checkbox]:checked + .toolbar_btn_filter.shpp_filter_morning {
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_morning_on@2x.png");
}
.toolbar_btn_filter.ssgfesta {
  width: 96px;
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_ssgfesta_off@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.toolbar_btn_filter.ssgfesta.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.ssgfesta, label > input[type=checkbox]:checked + .toolbar_btn_filter.ssgfesta {
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_ssgfesta_on@2x.png");
}
.toolbar_btn_filter.food {
  width: 98px;
  text-align: center;
  height: 28px;
  padding: 0;
  background: #f5f5f5;
  border-radius: 16px;
}
.toolbar_btn_filter.food.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.food, label > input[type=checkbox]:checked + .toolbar_btn_filter.food {
  background-color: #512f2e;
}
.toolbar_btn_filter.food.is-selected .toolbar_btn_txt, label > input[type=radio]:checked + .toolbar_btn_filter.food .toolbar_btn_txt, label > input[type=checkbox]:checked + .toolbar_btn_filter.food .toolbar_btn_txt {
  color: #fff;
}
.toolbar_btn_filter.present, .toolbar_btn_filter.shpp_filter_giftpack {
  width: 69px;
  text-align: center;
  height: 28px;
  padding: 0;
  background: #f5f5f5;
  border-radius: 16px;
}
.toolbar_btn_filter.present.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.present, label > input[type=checkbox]:checked + .toolbar_btn_filter.present, .toolbar_btn_filter.shpp_filter_giftpack.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.shpp_filter_giftpack, label > input[type=checkbox]:checked + .toolbar_btn_filter.shpp_filter_giftpack {
  background-color: #ab8f59;
}
.toolbar_btn_filter.present.is-selected .toolbar_btn_txt, label > input[type=radio]:checked + .toolbar_btn_filter.present .toolbar_btn_txt, label > input[type=checkbox]:checked + .toolbar_btn_filter.present .toolbar_btn_txt, .toolbar_btn_filter.shpp_filter_giftpack.is-selected .toolbar_btn_txt, label > input[type=radio]:checked + .toolbar_btn_filter.shpp_filter_giftpack .toolbar_btn_txt, label > input[type=checkbox]:checked + .toolbar_btn_filter.shpp_filter_giftpack .toolbar_btn_txt {
  color: #fff;
}
.toolbar_btn_filter.pick {
  width: 69px;
  text-align: center;
  height: 28px;
  padding: 0;
  background: #f5f5f5;
  border-radius: 16px;
}
.toolbar_btn_filter.pick.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.pick, label > input[type=checkbox]:checked + .toolbar_btn_filter.pick {
  background-color: #e1d2c8;
}
.toolbar_btn_filter.pick.is-selected .toolbar_btn_txt, label > input[type=radio]:checked + .toolbar_btn_filter.pick .toolbar_btn_txt, label > input[type=checkbox]:checked + .toolbar_btn_filter.pick .toolbar_btn_txt {
  color: var(--m-colors-gray900, #222222);
}
.toolbar_btn_filter.quick {
  width: 58px;
  text-align: center;
  height: 28px;
  padding: 0;
  background: #f5f5f5;
  border-radius: 16px;
}
.toolbar_btn_filter.quick.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.quick, label > input[type=checkbox]:checked + .toolbar_btn_filter.quick {
  background-color: #ff6200;
}
.toolbar_btn_filter.quick.is-selected .toolbar_btn_txt, label > input[type=radio]:checked + .toolbar_btn_filter.quick .toolbar_btn_txt, label > input[type=checkbox]:checked + .toolbar_btn_filter.quick .toolbar_btn_txt {
  color: #fff;
}
.toolbar_btn_filter.department, .toolbar_btn_filter.shpp_filter_dept {
  width: 81px;
  text-align: center;
  height: 28px;
  padding: 0;
  background: #f5f5f5;
  border-radius: 16px;
}
.toolbar_btn_filter.department.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.department, label > input[type=checkbox]:checked + .toolbar_btn_filter.department, .toolbar_btn_filter.shpp_filter_dept.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.shpp_filter_dept, label > input[type=checkbox]:checked + .toolbar_btn_filter.shpp_filter_dept {
  background-color: #262b2e;
}
.toolbar_btn_filter.department.is-selected .toolbar_btn_txt, label > input[type=radio]:checked + .toolbar_btn_filter.department .toolbar_btn_txt, label > input[type=checkbox]:checked + .toolbar_btn_filter.department .toolbar_btn_txt, .toolbar_btn_filter.shpp_filter_dept.is-selected .toolbar_btn_txt, label > input[type=radio]:checked + .toolbar_btn_filter.shpp_filter_dept .toolbar_btn_txt, label > input[type=checkbox]:checked + .toolbar_btn_filter.shpp_filter_dept .toolbar_btn_txt {
  color: #fff;
}
.toolbar_btn_filter.department.v2 {
  width: 73px;
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_department_off@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.toolbar_btn_filter.department.v2.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.department.v2, label > input[type=checkbox]:checked + .toolbar_btn_filter.department.v2 {
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_department_on@2x.png");
}
.toolbar_btn_filter.today {
  width: 69px;
  text-align: center;
  height: 28px;
  padding: 0;
  background: #f5f5f5;
  border-radius: 16px;
}
.toolbar_btn_filter.today.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.today, label > input[type=checkbox]:checked + .toolbar_btn_filter.today {
  background-color: #6841ff;
}
.toolbar_btn_filter.today.is-selected .toolbar_btn_txt, label > input[type=radio]:checked + .toolbar_btn_filter.today .toolbar_btn_txt, label > input[type=checkbox]:checked + .toolbar_btn_filter.today .toolbar_btn_txt {
  color: #fff;
}
.toolbar_btn_filter.traders_delivery {
  width: 81px;
  text-align: center;
  height: 28px;
  padding: 0;
  background: #f5f5f5;
  border-radius: 16px;
}
.toolbar_btn_filter.traders_delivery.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.traders_delivery, label > input[type=checkbox]:checked + .toolbar_btn_filter.traders_delivery {
  background-color: #a6dd27;
}
.toolbar_btn_filter.traders_delivery.is-selected .toolbar_btn_txt, label > input[type=radio]:checked + .toolbar_btn_filter.traders_delivery .toolbar_btn_txt, label > input[type=checkbox]:checked + .toolbar_btn_filter.traders_delivery .toolbar_btn_txt {
  color: var(--m-colors-gray900, #222222);
}
.toolbar_btn_filter.holiday, .toolbar_btn_filter.shpp_filter_holyday {
  width: 69px;
  text-align: center;
  height: 28px;
  padding: 0;
  background: #f5f5f5;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 16px;
}
.toolbar_btn_filter.holiday.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.holiday, label > input[type=checkbox]:checked + .toolbar_btn_filter.holiday, .toolbar_btn_filter.shpp_filter_holyday.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.shpp_filter_holyday, label > input[type=checkbox]:checked + .toolbar_btn_filter.shpp_filter_holyday {
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_holiday_on@2x.png");
}
.toolbar_btn_filter.holiday.is-selected .toolbar_btn_txt, label > input[type=radio]:checked + .toolbar_btn_filter.holiday .toolbar_btn_txt, label > input[type=checkbox]:checked + .toolbar_btn_filter.holiday .toolbar_btn_txt, .toolbar_btn_filter.shpp_filter_holyday.is-selected .toolbar_btn_txt, label > input[type=radio]:checked + .toolbar_btn_filter.shpp_filter_holyday .toolbar_btn_txt, label > input[type=checkbox]:checked + .toolbar_btn_filter.shpp_filter_holyday .toolbar_btn_txt {
  visibility: hidden;
  opacity: 0;
}
.toolbar_btn_filter.obanjang {
  min-width: 58px;
  text-align: center;
  height: 28px;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f5f5;
  border-radius: 16px;
}
.toolbar_btn_filter.obanjang.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.obanjang, label > input[type=checkbox]:checked + .toolbar_btn_filter.obanjang {
  background-color: #ffd802;
}
.toolbar_btn_filter.obanjang.is-selected .toolbar_btn_txt, label > input[type=radio]:checked + .toolbar_btn_filter.obanjang .toolbar_btn_txt, label > input[type=checkbox]:checked + .toolbar_btn_filter.obanjang .toolbar_btn_txt {
  color: var(--m-colors-gray900, #222222);
}
.toolbar_btn_filter.happybuyrus {
  width: 63px;
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_happybuyrus_off@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.toolbar_btn_filter.happybuyrus.is-selected, label > input[type=radio]:checked + .toolbar_btn_filter.happybuyrus, label > input[type=checkbox]:checked + .toolbar_btn_filter.happybuyrus {
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/delivery/common_delivery_happybuyrus_on@2x.png");
}

.toolbar_btn_txt {
  font-size: 13px;
  font-weight: 700;
  color: #777;
  line-height: 1.2307692308;
  letter-spacing: -0.3px;
  -webkit-transition: 350ms color cubic-bezier(0.4, 0.8, 0.74, 1);
  transition: 350ms color cubic-bezier(0.4, 0.8, 0.74, 1);
  vertical-align: top;
  padding-top: 3px;
}

.body_and.body_app .cmft_srch_wrap {
  padding-bottom: 55px;
}

.body_and.body_app .cmft_srch_wrap .cmft_btns {
  padding-bottom: 55px;
  background: #fff;
}

.cmft_sort {
  padding-top: 13px;
  line-height: 1.5;
  background-color: #f5f5f5;
}

.cmft_sort_opts {
  height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  background-color: #fff;
}

.cmft_sort_lst {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.cmft_sort_lst .cmft_txt {
  line-height: 18px;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
}

.cmft_cell {
  display: table-cell;
  text-align: center;
  vertical-align: top;
  border-left: 1px solid #efefef;
}

.cmft_cell:first-child {
  border-left: 0;
}

.cmft_sort_tit {
  display: block;
  padding: 13px 0 12px 0;
  height: 18px;
}

.cmft_sort_opts .ty_emart em,
.cmft_opts .ty_emart em {
  display: inline-block;
  vertical-align: -1px;
  font-size: 18px;
  line-height: 0;
}

.cmft_sel_wrap {
  position: relative;
}

.cmft_sel_curent {
  padding-left: 5px;
  padding-right: 16px;
  text-align: left;
  color: #444;
}

.cmft_sel_curent:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 5px;
  width: 8px;
  height: 5px;
  background: url(../img/com_v2/sp_cate_view.png) -60px -40px no-repeat;
  background-size: 100px auto;
}

.cmft_sel_curent .cmft_txt {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
}

.cmft_sel_wrap.on .cmft_sel_lst {
  display: block;
}

.cmft_sel_lst {
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  z-index: 40;
  border: 1px solid #afafaf;
  background: #fff;
  -webkit-box-shadow: 4px 2px 7px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 4px 2px 7px 0 rgba(0, 0, 0, 0.11);
}

.cmft_sel_lst .cmft_txt {
  display: block;
  height: 18px;
  color: #666;
}

.cmft_sel_lst li {
  position: relative;
  text-align: left;
  border-top: 1px solid #efefef;
}

.cmft_sel_lst li:first-child {
  border-top: 0;
}

.cmft_sel_lst li a {
  display: block;
  padding: 13px 0 12px 5px;
}

.cmft_num {
  line-height: 18px;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  font-weight: 500;
}

.cmft_sort_count {
  width: 90px;
}

.cmft_sort_count .cmft_sort_tit .cmft_num {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
}

.cmft_sort_ship .cmft_inp_chk {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -9px;
  z-index: 10;
}

.cmft_sort_ship .cmft_label_curent {
  padding-left: 5px;
  padding-right: 16px;
  text-align: left;
  color: #444;
}

.cmft_sort_ship .cmft_label_curent .cmft_txt {
  padding-left: 22px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
}

.cmft_sort_ship .cmft_sel_curent .cmft_txt {
  padding-left: 22px;
}

.cmft_sort_ship .cmft_sel_lst .cmft_txt {
  padding-left: 22px;
}

.cmft_sort_ship .cmft_sel_lst .cmft_txt:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border: 1px solid #d1d1d1;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}

.cmft_sort_ship .cmft_sel_lst .on .cmft_txt:before {
  border: 0;
  background: var(--m-colors-primary, #ff5452) url(../img/com_v2/sp_cate_view.png) 0 -60px no-repeat;
  background-size: 100px auto;
}

.cmft_sort_rank .cmft_sel_lst .on .cmft_txt {
  color: var(--m-colors-primary, #ff5452);
}

.cmft_sort_srch {
  width: 70px;
}

.cmft_sort_srch .cmft_sort_tit {
  font-size: 0;
}

.cmft_sort_srch .cmft_txt {
  font-weight: bold;
}

.cmft_sort_srch .cmft_num {
  padding-left: 2px;
  color: var(--m-colors-primary, #ff5452);
}

/*추천순 툴팁*/
.cmft_tip_info {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.cmft_tip_open {
  display: block;
  height: 100%;
}

.cmft_tip_open button {
  display: block;
  width: 30px;
  height: 100%;
  line-height: 1;
}

.cmft_tip_open button:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/com_v2/sp_cate_view.png) 0 -40px no-repeat;
  background-size: 100px auto;
}

.cmft_tip_info.on .cmft_tip_layer {
  display: block;
}

.cmft_tip_layer {
  display: none;
  position: absolute;
  right: -50px;
  bottom: 33px;
  width: 230px;
  margin-bottom: 4px;
  padding: 10px 26px 10px 13px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 12px;
  color: #444;
  line-height: 17px;
  text-align: left;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

.cmft_tip_layer:before,
.cmft_tip_layer:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 60px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid transparent;
}

.cmft_tip_layer:before {
  margin-top: 1px;
  border-top-color: #ccc;
}

.cmft_tip_layer:after {
  border-top-color: #fff;
}

.cmft_tip_layer .cmft_tip_close {
  position: absolute;
  top: 0;
  right: 0;
}

.cmft_tip_layer .cmft_tip_close button {
  width: 20px;
  height: 20px;
}

.cmft_tip_layer .cmft_tip_close button:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  background: url(../img/com_v2/sp_cate_view.png) -40px -40px no-repeat;
  background-size: 100px auto;
}

.cmft_inp_rdo {
  position: relative;
  min-width: 18px;
  min-height: 18px;
  display: inline-block;
  word-wrap: normal;
  word-break: normal;
  vertical-align: top;
}

.cmft_inp_rdo input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  border-radius: 0;
  background: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.cmft_inp_rdo input:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #d1d1d1;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}

.cmft_inp_rdo input:checked:after {
  border: 0;
  background: var(--m-colors-primary, #ff5452) url(../img/com_v2/sp_cate_view.png) 0 -60px no-repeat;
  background-size: 100px auto;
}

.cmft_inp_rdo input + label {
  display: inline-block;
  padding-left: 22px;
  line-height: 18px;
  font-size: 13px;
  vertical-align: top;
}

.cmft_inp_rdo input:disabled {
  opacity: 0.5;
}

.cmft_inp_rdo input:disabled + label {
  opacity: 0.5;
}

.cmft_inp_chk {
  position: relative;
  min-width: 18px;
  min-height: 18px;
  display: inline-block;
  word-wrap: normal;
  word-break: normal;
  vertical-align: top;
}

.cmft_inp_chk input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  border-radius: 0;
  background: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.cmft_inp_chk input:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #d1d1d1;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}

.cmft_inp_chk input:checked:after {
  border: 0;
  background: var(--m-colors-primary, #ff5452) url(../img/com_v2/sp_cate_view.png) 0 -60px no-repeat;
  background-size: 100px auto;
}

.cmft_inp_chk input + label {
  display: inline-block;
  padding-left: 22px;
  line-height: 18px;
  font-size: 13px;
  vertical-align: top;
}

.cmft_inp_chk input:disabled {
  opacity: 0.5;
}

.cmft_inp_chk input:disabled + label {
  opacity: 0.5;
}

/*배송비 SAVE*/
.cmft_ship_save {
  padding: 10px 0 8px 10px;
  font-size: 13px;
  background-color: #f5f5f5;
}

.cmft_ship_save strong {
  font-weight: 500;
}

.cmft_ship_save strong em {
  color: var(--m-colors-primary, #ff5452);
  font-weight: bold;
}

/*백화점쓱배송*/
.cmft_store_lst {
  position: relative;
  font-size: 0;
  background-color: #fbfbfb;
}

.cmft_store_lst ul {
  border-bottom: 1px solid #efefef;
}

.cmft_store_lst li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  min-height: 40px;
}

.cmft_store_lst li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 40px;
}

.cmft_store_lst li:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
}

.cmft_store_lst li:nth-child(4n+1):after {
  border-bottom: 1px solid #efefef;
}

.cmft_store_lst li a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-left: 9px;
  margin-left: 10px;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
}

.cmft_store_lst li.on a {
  color: var(--m-colors-primary, #ff5452);
  font-weight: bold;
}

.cmft_store_lst li.on a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: var(--m-colors-primary, #ff5452);
}

/*신발사이즈*/
.cmft_shoes_opts {
  position: relative;
  padding: 10px 100px 10px 15px;
  line-height: 1;
  border-bottom: 1px solid #efefef;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f8f8f8;
}

.cmft_shoes_view {
  display: table;
}

.cmft_shoes_view .cmft_shoes_cell {
  display: table-cell;
  vertical-align: middle;
}

.cmft_shoes_opts .cmft_inp_chk input + label {
  color: var(--m-colors-gray900, #222222);
  white-space: nowrap;
}

.cmft_shoes_opts .cmft_shoes_size {
  margin-left: 5px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 18px;
  vertical-align: top;
  color: var(--m-colors-primary, #ff5452);
  font-size: 13px;
  font-weight: bold;
}

.cmft_shoes_opts .cmft_shoes_sizeset {
  position: absolute;
  top: 10px;
  right: 15px;
}

.cmft_shoes_opts .cmft_shoes_sizeset:before {
  content: "|";
  display: inline-block;
  vertical-align: middle;
  color: #d9d9d9;
}

.cmft_shoes_opts .cmft_shoes_sizeset .cmft_btn_size {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  font-size: 13px;
  line-height: 18px;
}

.cmft_shoes_opts .cmft_shoes_sizeset .cmft_btn_size:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-left: 4px;
  background: url(../img/com_v2/sp_cate_view.png) -80px -40px no-repeat;
  background-size: 100px auto;
}

/*신발사이즈 설정*/
.cmft_size_wrap {
  padding: 0 19px;
}

.cmft_size_wrap .cmft_btns {
  margin-top: 10px;
}

.cmft_size_wrap .cmft_btns .cmft_btn {
  font-size: 16px;
}

.cmft_size_tit {
  padding: 35px 0;
}

.cmft_size_tit h2 {
  margin-bottom: 7px;
  text-align: center;
  font-size: 22px;
  color: var(--m-colors-gray900, #222222);
}

.cmft_size_tit h2 em {
  color: var(--m-colors-primary, #ff5452);
}

.cmft_size_tit p {
  text-align: center;
  font-size: 14px;
  color: #888;
}

.cmft_size_lst {
  overflow: hidden;
  padding: 1px 0 0 1px;
}

.cmft_size_lst li {
  float: left;
  width: 25%;
}

.cmft_size_lst .cmft_inp_chk {
  display: block;
}

.cmft_size_lst .cmft_inp_chk input + label {
  display: block;
  padding-left: 0;
  height: 45px;
  line-height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d8d8d8;
  text-align: center;
  color: #666;
  font-size: 15px;
  font-weight: 500;
  background-color: #fcfcfc;
  margin: -1px 0 0 -1px;
}

.cmft_size_lst .cmft_inp_chk input:after {
  display: none;
}

.cmft_size_lst .cmft_inp_chk input:checked + label {
  position: relative;
  z-index: 1;
  border: 1px solid #222;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
  background-color: #fff;
}

.cmft_size_desc {
  margin-top: 20px;
}
.cmft_size_desc li {
  position: relative;
  padding-left: 8px;
  color: #888;
  font-size: 13px;
  line-height: 17px;
}
.cmft_size_desc li:before {
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #c7c7c7;
  content: "";
}

.cmft_size_agree {
  margin: 15px 0 60px;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
  text-align: center;
}
.cmft_size_agree .cmft_btn_agree {
  color: #666;
  font-size: 13px;
}
.cmft_size_agree .cmft_btn_agree .ico {
  display: inline-block;
  margin-left: 2px;
  width: 5px;
  height: 5px;
  border: 1px solid #666;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: 2px;
}

/*상품 상세검색*/
.cmft_srch_selected {
  padding: 12px 15px 8px;
  font-size: 0px;
  background-color: #e6e7eb;
}

.cmft_srch_selected .cmft_opts {
  background-color: #ff5b58;
}

.cmft_srch_selected .cmft_opts_tx {
  color: #fff;
}

.cmft_tabs_lst {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.cmft_tabs_lst li {
  display: table-cell;
  height: 46px;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  vertical-align: middle;
}

.cmft_tabs_lst li:first-child {
  border-left: 0;
}

.cmft_tabs_lst .cmft_btn_tab {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #666;
}

.cmft_tabs_lst .on {
  border-bottom: 0;
}

.cmft_tabs_lst .on .cmft_btn_tab {
  color: var(--m-colors-primary, #ff5452);
}

.cmft_tabs_panel {
  display: none;
  padding: 20px 15px 0;
}

.cmft_btns ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.cmft_btns li {
  display: table-cell;
  vertical-align: top;
}

.cmft_btns .cmft_btn {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cmft_btn_reset,
.cmft_btn_close {
  background: #666;
}

.cmft_btn_confirm,
.cmft_btn_save {
  background: var(--m-colors-primary, #ff5452);
}

.cmft_srch_wrap .cmft_tabs {
  padding-bottom: 55px;
}

.cmft_srch_wrap .cmft_btns {
  position: fixed;
  bottom: 0;
  z-index: 999;
}

.cmft_srch_wrap .cmft_btns .cmft_btn {
  font-size: 16px;
}

/*상세조건*/
.cmft_sp_ico {
  display: inline-block;
  vertical-align: top;
  background-image: url(../img/com_v2/sp_cate_view.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
}

.cmft_tit {
  margin-bottom: 7px;
  color: #4c4c4c;
  font-size: 14px;
  font-weight: bold;
}

.cmft_tit_sub {
  color: var(--m-colors-gray400, #969696);
  font-size: 12px;
  font-weight: normal;
}

.cmft_opts_area {
  padding-bottom: 20px;
}

.cmft_opts_lst {
  font-size: 0;
}

.cmft_opts_lst li {
  display: inline-block;
}

.cmft_opts_lst input[type=checkbox],
.cmft_opts_lst input[type=radio],
.cmft_cate_area input[type=radio] {
  position: absolute;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  border-radius: 0;
  background: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.cmft_opts_lst input[type=checkbox]:checked,
.cmft_cate_area input[type=radio]:checked {
  background: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.cmft_opts_lst input:checked + label {
  display: none;
}

.cmft_cate_area input:checked + label {
  display: block;
}

.cmft_opts_lst label,
.cmft_cate_area label {
  display: block;
  -webkit-tap-highlight-color: transparent;
}

.cmft_opts {
  position: relative;
  display: inline-block;
  padding: 9px 10px 7px 10px;
  margin: 0 5px 5px 0;
  background-color: #eceef0;
}

.cmft_opts_tx {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  color: #666;
  font-size: 14px;
}

.cmft_opts_del {
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  margin: 0 0 0 5px;
  overflow: hidden;
  background: url(../img/com_v2/sp_cate_view.png) -20px -40px no-repeat;
  background-size: 100px auto;
}

.cmft_opts_del:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
}

.cmft_opts .cmft_sp_ico {
  width: 13px;
  height: 13px;
  margin: 0 5px 0 0;
}

.cmft_opts .cmft_view_lst {
  background-position: 0px 0px;
}

.cmft_opts .cmft_view_img {
  background-position: -20px 0px;
}

.cmft_opts .cmft_view_big {
  background-position: -40px 0px;
}

.cmft_srch_selected .cmft_opts .cmft_view_lst {
  background-position: 0px -20px;
}

.cmft_srch_selected .cmft_opts .cmft_view_img {
  background-position: -20px -20px;
}

.cmft_srch_selected .cmft_opts .cmft_view_big {
  background-position: -40px -20px;
}

.cmft_inp_price {
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cmft_inp_price .cmft_inp_txt {
  display: table-cell;
  vertical-align: top;
  width: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f9f9fa;
}

.cmft_inp_price .cmft_inp_txt input {
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 8px 10px 8px;
  border: 1px solid #e5e5e5;
  background: transparent;
  color: #666;
  font-size: 14px;
  line-height: 15px;
  font-weight: bold;
  vertical-align: top;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
}

.cmft_inp_price .cmft_space {
  display: table-cell;
  vertical-align: top;
  width: 20px;
  line-height: 32px;
  text-align: center;
  color: #4c4c4c;
}

.cmft_inp_price .cmft_apply {
  display: inline-block;
  background-color: #474c55;
}

.cmft_inp_price .cmft_apply .cmft_btn_apply {
  display: block;
  width: 55px;
  height: 32px;
  text-align: center;
  color: #fff;
}

/*브랜드*/
.cmft_brand_tabs:after {
  content: "";
  display: block;
  clear: both;
}

.cmft_brand_tabs li:first-child {
  margin-left: 1px;
}

.cmft_brand_tabs li {
  position: relative;
  float: left;
  width: 50%;
  margin: -1px 0 0 -1px;
  border: 1px solid #d8d8d8;
  background: #fcfcfc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cmft_brand_tabs li.on {
  border-color: var(--m-colors-gray900, #222222);
  z-index: 10;
  background: #fff;
}

.cmft_brand_tabs li .cmft_btn_tab {
  width: 100%;
  height: 35px;
  font-size: 14px;
  color: #4a4a4a;
  text-align: center;
}

.cmft_brand_tabs li.on .cmft_btn_tab {
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
  background: #fff;
}

.cmft_brand_lst {
  padding-top: 8px;
}

.cmft_brand_lst li {
  position: relative;
  padding: 12px 0;
  line-height: 1;
  border-top: 1px solid #f1f1f1;
}

.cmft_brand_lst li:first-child {
  border-top: 0;
}

.cmft_brand_lst .cmft_opts {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.cmft_brand_lst .cmft_inp_chk .cmft_opts_tx {
  font-size: 15px;
  color: #4a4a4a;
}

.cmft_brand_lst .cmft_brand_count {
  position: absolute;
  right: 0;
  font-size: 13px;
  color: var(--m-colors-gray400, #969696);
}

@media screen and (max-width: 320px) {
  .cmft_sort_lst .cmft_num {
    font-size: 12px;
  }
  .cmft_sort_lst .cmft_txt {
    line-height: 16px;
    font-size: 12px;
  }
  .cmft_sort_count {
    width: 76px;
  }
  .cmft_sort_ship + .cmft_sort_rank {
    width: 78px;
  }
  .cmft_sort_srch {
    width: 64px;
  }
  .cmft_store_lst li a {
    letter-spacing: -1px;
  }
  .cmft_tip_layer {
    width: 200px;
  }
}
/* 대카 상단 배너 삭제 예정(s) */
.m_cate_topbn {
  margin: 0;
  padding: 6px 0 0;
  z-index: 1;
  background-color: #f5f5f5;
}

.m_cate_topbn:before,
.m_cate_topbn:after {
  display: none;
}

.m_cate_topbn .m_cate_tit {
  padding-left: 10px;
  color: #3e9ee0 !important;
  font-size: 14px;
  text-align: left;
}

.m_topbn_osmu .mflick .flick-num {
  padding-right: 10px;
}

/* 대카 상단 배너 삭제 예정(e) */
/* 대카 상단 배너 */
.cm_cate_topbn:before {
  display: block;
  width: 100%;
  height: 15px;
  background: #f5f5f5;
  content: "";
}

.cm_cate_topbn .cm_cate_tit {
  padding: 30px 20px 5px;
  color: var(--m-colors-gray900, #222222);
  font-size: 18px;
  line-height: 20px;
  height: 54px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  letter-spacing: -0.5px;
  position: relative;
  z-index: 10;
}

.cm_topbn_osmu .bn_osmu .sp_badge,
.cm_topbn_osmu .bn_osmu .bn_img .sp_btn,
.cm_topbn_osmu .bn_osmu .bn_txt .ico_patten,
.cm_topbn_osmu .bn_osmu .bn_txt .btn_go {
  display: none;
}

.cm_topbn_osmu .bn_osmu {
  max-width: 100%;
}

.cm_topbn_osmu .bn_osmu li {
  position: relative;
}

.cm_topbn_osmu .bn_osmu li a {
  display: block !important;
}

.cm_topbn_osmu .bn_osmu .bn_img {
  display: block;
  padding-right: 5px;
}

.cm_topbn_osmu .bn_osmu .bn_img:after {
  position: absolute;
  left: 0;
  right: 5px;
  top: 38px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.05);
  content: "";
}

.cm_topbn_osmu .bn_osmu .bn_img img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.cm_topbn_osmu .bn_osmu .bn_txt {
  position: absolute;
  left: 0;
  right: 5px;
  bottom: 0;
  font-size: 22px !important;
  line-height: 36px !important;
  color: #fff;
  letter-spacing: -1px;
  text-align: right;
}

.cm_topbn_osmu .bn_osmu .bn_txt .bn_txt_inner {
  min-height: 72px;
}

.cm_topbn_osmu .bn_osmu .bn_txt .h1 em,
.cm_topbn_osmu .bn_osmu .bn_txt .h2 em {
  overflow: hidden;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 20px 0 10px;
  background: rgba(127, 183, 232, 0.95);
  word-break: break-all;
}

.cm_topbn_osmu .bn_osmu .bn_txt .h2 em {
  top: auto;
  bottom: 0;
}

.cm_topbn_osmu .bn_osmu .bn_txt .h1 em:first-child {
  right: 0;
  top: 0;
}

.cm_topbn_osmu .bn_osmu .bn_txt .h1 em {
  right: 0;
  top: 36px;
}

.cm_topbn_osmu .mflick {
  overflow: hidden;
  position: relative;
  margin-top: -38px;
  height: 272px;
}

.cm_topbn_osmu .mflick .flick-container .flick-ct {
  float: left;
  width: 95% !important;
  height: 100%;
}

.cm_topbn_osmu .mflick .flick-container .flick-ct img {
  padding-top: 38px;
}

.cm_topbn_osmu .mflick .flick-num {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 20px;
  font-size: 14px !important;
  line-height: 27px !important;
  color: #7f7f7f;
  text-align: right;
  z-index: 10;
}

.cm_topbn_osmu .mflick .flick-num .current_num {
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}

.body_sm .cm_topbn_osmu .bn_osmu .bn_txt {
  height: auto !important;
  padding-bottom: 0 !important;
}

.body_sm .cm_topbn_osmu .bn_osmu .bn_txt .bn_txt_inner {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

.body_sm .cm_topbn_osmu .bn_osmu .bn_txt .h1,
.body_sm .cm_topbn_osmu .bn_osmu .bn_txt .h2 {
  font-size: 22px !important;
}

.cm_topbn_osmu .recomcate_swiper {
  position: relative;
  overflow: hidden;
  margin-top: -38px;
}
.cm_topbn_osmu .recomcate_swiper .recomcate_swiper_pagination {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  padding-right: 20px;
  font-size: 14px !important;
  line-height: 27px !important;
  color: #7f7f7f;
  text-align: right;
  z-index: 9;
  word-spacing: -2px;
}
.cm_topbn_osmu .recomcate_swiper .recomcate_swiper_pagination .swiper-pagination-current {
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.cm_topbn_osmu .recomcate_swiper .recomcate_swiperlst li {
  width: 95% !important;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}
.cm_topbn_osmu .recomcate_swiper .recomcate_swiperlst li .shdu_item {
  padding-right: 5px;
}

/* 대카 동영상 배너 */
.cate_mov:before {
  display: block;
  width: 100%;
  height: 15px;
  background: #f5f5f5;
  content: "";
}

.cate_mov .bn_lnk {
  display: block;
}

.cate_mov .bn_txt {
  padding: 21px 20px 24px;
}

.cate_mov .bn_txt .h1 {
  display: block;
}

.cate_mov .bn_txt .h1 em {
  font-size: 22px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: -0.6px;
  color: var(--m-colors-gray900, #222222);
  word-break: break-all;
}

.cate_mov .bn_txt .h2 {
  display: block;
  margin-top: 6px;
}

.cate_mov .bn_txt .h2 em {
  font-size: 14px;
  line-height: 18px;
  color: #666;
}

.cate_mov .bn_txt .btn_more {
  display: inline-block;
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  vertical-align: middle;
}

.cate_mov .bn_txt .btn_more:after {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 1px;
  border: 1px solid #222;
  border-width: 1px 1px 0 0;
  vertical-align: 1px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  content: "";
}

.cate_mov .mov_wrap .view {
  display: block;
  position: relative;
}

.cate_mov .mov_wrap .view:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75px;
  height: 75px;
  margin: -38px 0 0 -38px;
  background: url(../img/common/btn_movplay_b.png) no-repeat;
  background-size: 75px auto;
  content: "";
}

.cate_mov .mov_wrap img {
  width: 100%;
  vertical-align: top;
}

/* 브랜드 카테고리 */
.cctg_brandtop {
  padding: 20px;
  border-bottom: 1px solid #bcbcbc;
}

.cctg_brandtop .cctg_brandtop_rescan {
  position: relative;
  width: 100%;
  height: 38px;
  padding: 0 46px 0 19px;
  border: solid 1px #979797;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cctg_brandtop .cctg_brandtop_inp {
  width: 100%;
  height: 21px;
  margin-top: 8px;
  border: 0;
  background-color: #fff;
  outline: 0;
  font-size: 14px;
  line-height: 21px;
  color: var(--m-colors-gray900, #222222);
}

.cctg_brandtop .cctg_brandtop_inp::-webkit-input-placeholder {
  color: var(--m-colors-gray900, #222222);
}

.cctg_brandtop .cctg_brandtop_btnsrch {
  position: absolute;
  top: 0;
  right: 3px;
  width: 36px;
  height: 36px;
  line-height: 0;
}

.cctg_brandtop .cctg_brandtop_btnsrch:after {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../img/ico_search.png) no-repeat;
  vertical-align: middle;
  content: "";
}

.cctg_tmplbn_full {
  position: relative;
  margin-top: -1px;
  border-bottom: 1px solid #bcbcbc;
  line-height: 1.5;
}

.cctg_tmplbn_full .cctg_tmplbn_img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.cctg_tmplbn_full .cctg_tmplbn_detailbx {
  padding: 20px 20px 40px;
  text-align: center;
}

.cctg_tmplbn_full .cctg_tmplbn_desc {
  display: block;
  font-size: 15px;
  line-height: 25px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.4px;
}

.cmft_opts_area.sp_st {
  background-color: #d6f2fe;
  padding: 10px;
  margin-bottom: 20px;
}

.cmft_opts_area.sp_st .cmft_opts {
  background-color: #fff;
  color: #666;
}

.cmft_opts_area.sp_st h4 {
  position: relative;
  color: #4c4c4c;
  padding: 0 0 5px 7px;
  font-size: 13px;
}

.cmft_opts_area.sp_st h4:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #666;
}

.cmft_cate_lst {
  padding-top: 8px;
}

.cmft_cate_lst li {
  position: relative;
  padding: 12px 0;
  line-height: 1;
  border-top: 1px solid #f1f1f1;
}

.cmft_cate_lst li:first-child {
  border-top: 0;
}

.cmft_cate_lst .cmft_cate {
  font-size: 15px;
  color: #4a4a4a;
}

.cmft_cate_lst .cmft_cate_count {
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 13px;
  color: var(--m-colors-gray400, #969696);
}

.cmft_cate_lst li.on .cmft_opts_tx,
.cmft_cate_lst li.on .cmft_cate_count {
  color: var(--m-colors-primary, #ff5452);
}

.cmft_cate_location {
  font-size: 14px;
  color: var(--m-colors-gray400, #969696);
  border-bottom: 1px solid #222;
  padding-bottom: 10px;
  margin-bottom: -10px;
  overflow: hidden;
  position: relative;
  height: 20px;
}

.cmft_cate_location ul {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.cmft_cate_location ul::-webkit-scrollbar {
  display: none;
}

.cmft_cate_location li {
  display: inline-block;
}

.cmft_cate_location a {
  color: var(--m-colors-gray400, #969696);
}

.cmft_cate_location em {
  display: inline-block;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}

.cmft_cate_lst .cmft_ico_box {
  display: inline-block;
  border: 1px solid #222;
  border-radius: 11px;
  color: var(--m-colors-gray900, #222222);
  font-size: 12px;
  letter-spacing: -1px;
  padding: 4px 6px 2px 6px;
  margin: -3px 0 0 5px;
  line-height: 13px;
}

.cmft_inp_txt {
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cmft_inp_txt .cmft_inp_txt {
  display: table-cell;
  vertical-align: top;
  width: 220px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f9f9fa;
}

.cmft_inp_txt .cmft_inp_txt input {
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 8px 10px 8px;
  border: 1px solid #e5e5e5;
  background: transparent;
  color: #666;
  font-size: 14px;
  line-height: 15px;
  font-weight: bold;
  vertical-align: top;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
}

.cmft_inp_txt .cmft_apply {
  display: inline-block;
  background-color: #474c55;
}

.cmft_inp_txt .cmft_apply .cmft_btn_apply {
  display: block;
  width: 55px;
  height: 32px;
  text-align: center;
  color: #fff;
}

.cmft_cate_area .cmft_opts {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.cmft_cate_area .cmft_cate_location label {
  display: inline-block;
}

/* section title */
.csrch_sectit {
  position: relative;
  padding: 18px 0 16px;
  border-bottom: 1px solid #f3f3f3;
  text-align: center;
}

.csrch_sectit h3 {
  font-size: 16px;
  line-height: 20px;
  color: var(--m-colors-gray900, #222222);
}

.csrch_sectit h3 .point {
  color: var(--m-colors-primary, #ff5452);
}

.csrch_sectit .btn_more {
  position: absolute;
  right: 14px;
  bottom: 13px;
  padding-right: 10px;
  font-size: 13px;
  line-height: 16px;
  color: #444;
}

.csrch_sectit .btn_more:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 11px;
  margin-top: -6px;
  background-position: -60px -40px;
  content: "";
}

.csrch_sectit .btn_more2 {
  position: absolute;
  right: 10px;
  bottom: 15px;
  padding: 4px 8px 3px 9px;
  border: 1px solid #d8d8d8;
  border-radius: 999rem;
  font-size: 11px;
  line-height: 13px;
  color: #888;
}

.csrch_sectit .ssg-tooltip-wrap.tt_adinfo_n {
  position: absolute;
  left: auto;
  right: 5px;
  bottom: 16px;
}

.csrch_sectit_ico {
  display: inline-block;
  vertical-align: top;
}

.csrch_sectit_ico.csrch_ico_hb {
  width: 120px;
  height: 24px;
  margin: -2px 0;
  background-position: 0 -60px;
}

.csrch_sectit_ico.csrch_ico_obj {
  width: 95px;
  height: 22px;
  margin: -1px 0;
  background-position: 0 -85px;
}

/* 자주찾는 질문 */
.csrch_faq:after {
  display: block;
  height: 9px;
  border-top: 1px solid #d1d1d1;
  background: #f5f5f5;
  content: "";
}

.csrch_faq .csrch_faq_cont {
  padding: 0 15px;
}

.csrch_faq .csrch_faq_lst li {
  height: 60px;
  border-top: 1px solid #f3f3f3;
  font-size: 0;
}

.csrch_faq .csrch_faq_lst li:first-child {
  border-top: 0;
}

.csrch_faq .csrch_faq_lst li:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}

.csrch_faq .csrch_faq_lst li a {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  vertical-align: middle;
}

.csrch_faq .csrch_faq_inr {
  display: table;
  position: relative;
  width: 100%;
  color: #555;
  text-align: left;
}

.csrch_faq .csrch_faq_ques {
  display: table-cell;
  width: 20px;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.csrch_faq .csrch_faq_txt {
  display: table-cell;
  padding-left: 10px;
  font-size: 14px;
  vertical-align: top;
  line-height: 1.43;
}

.csrch_ellips {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
}

/* 브랜드 동영상 배너 */
.brand_mov {
  position: relative;
  margin-top: -1px;
}

.brand_mov:after {
  display: block;
  height: 14px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #bcbcbc;
  background: #f5f5f5;
  content: "";
}

.brand_mov .cm_mov_unit:after {
  display: none;
}

/* 브랜드 기획전 배너 */
.brand_plan_banner {
  position: relative;
  margin-top: -1px;
}
.brand_plan_banner .shdu_sec_item {
  padding-top: 0;
}

.brand_plan_banner:after {
  display: block;
  height: 14px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #bcbcbc;
  background: #f5f5f5;
  content: "";
}

.brand_plan_banner .bn_osmu li {
  margin-bottom: 0;
}

.brand_plan_banner .bn_osmu .bn_txt {
  background: var(--m-colors-black, #000000);
}

.brand_plan_banner .bn_osmu .bn_txt .h1 {
  color: #fff;
  font-size: 17px;
}

.brand_plan_banner .bn_osmu .bn_txt .h2 {
  color: #fff;
}

.bn_landing_h200 {
  overflow: hidden;
}

.bn_landing_h200 img {
  width: 100%;
  vertical-align: top;
}

.cmft_allstore_lst {
  background: #fff;
  padding: 20px 0 8px 14px;
}
.cmft_allstore_lst .cmft_allstore_parent {
  display: block;
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round {
  /* radio */
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round li {
  display: inline-block;
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round .cmft_rdo {
  display: block;
  text-align: center;
  color: #555;
  font-size: 13px;
  line-height: 1.3;
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round .cmft_rdo input[type=radio] {
  display: inline-block;
  outline: none;
  overflow: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: inherit;
  border: none;
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round .cmft_rdo input[type=radio] + label {
  display: inline-block;
  padding: 10px 13px 9px;
  border-radius: 25px;
  -webkit-box-shadow: inset 0 0 0 1px #d8d8d8;
          box-shadow: inset 0 0 0 1px #d8d8d8;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round .cmft_rdo input[type=radio]:checked + label {
  -webkit-box-shadow: inset 0 0 0 1px #222;
          box-shadow: inset 0 0 0 1px #222;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round .cmft_rdo input[type=radio]:disabled + label {
  -webkit-box-shadow: inset 0 0 0 1px #d8d8d8;
          box-shadow: inset 0 0 0 1px #d8d8d8;
  background-color: #d8d8d8;
  color: var(--m-colors-gray900, #222222);
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round .cmft_rdo:after {
  content: "";
  clear: both;
  display: block;
}
.cmft_allstore_lst .cmft_dtstore_lst {
  display: none;
}
.cmft_allstore_lst .cmft_dtstore_lst.on {
  display: block;
}
.cmft_allstore_lst .cmft_dtstore_lst ul {
  display: block;
  padding: 6px 10px 13px 6px;
}
.cmft_allstore_lst .cmft_dtstore_lst ul li {
  color: #888;
  display: inline-block;
  font-size: 14px;
  padding: 6px 3px 3px 3px;
}
.cmft_allstore_lst .cmft_dtstore_lst ul li.on {
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}

.cmcate_brand {
  padding: 30px 0;
}
.cmcate_brand .cmcate_brand_tit {
  position: relative;
  margin: 0 15px;
  line-height: normal;
}
.cmcate_brand .cmcate_brand_tit .cmcate_brand_tittx {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.cmcate_brand .cmcate_brand_tit .cmcate_titlnk {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.cmcate_brand .cmcate_brand_tit .cmcate_titlnk:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #222;
  border-right: 1px solid #222;
  margin-bottom: 1px;
  -webkit-transform: perspective(1px) rotate(-45deg);
          transform: perspective(1px) rotate(-45deg);
}
.cmcate_brand .cmcate_brand_cont {
  overflow: hidden;
  overflow-x: auto;
}
.cmcate_brand .cmcate_brand_cont::-webkit-scrollbar {
  display: none;
}
.cmcate_brand .cmcate_brand_cont .cmcate_brand_lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-top: 13px;
}
.cmcate_brand .cmcate_brand_cont .cmcate_brand_lst > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 78px;
  margin-right: 2%;
  text-align: center;
  line-height: 1.2;
}
.cmcate_brand .cmcate_brand_cont .cmcate_brand_lst > li:first-child {
  padding-left: 8px;
}
.cmcate_brand .cmcate_brand_cont .cmcate_brand_lst > li:last-child {
  padding-right: 8px;
  margin-right: 0;
}
.cmcate_brand .cmcate_brand_cont .cmcate_brand_lst > li > a {
  display: block;
}
.cmcate_brand .cmcate_brand_cont .cmcate_brand_lst .cmcate_brand_thmb {
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 100%;
  margin: 0 auto 3px auto;
  border-radius: 34%;
}
.cmcate_brand .cmcate_brand_cont .cmcate_brand_lst .cmcate_brand_thmb:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.03);
  content: "";
  border-radius: 34%;
}
.cmcate_brand .cmcate_brand_cont .cmcate_brand_lst .cmcate_brand_tx {
  overflow: hidden;
  font-size: 12px;
  color: #424242;
}

.mcom_tit_renew .btn_cate.btn_search button {
  padding: 0;
}
/*# sourceMappingURL=m_category.css.map */