#main .main_scroll_x_block {
  overflow: hidden;
  overflow-x: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

#main .main_scroll_x_block::-webkit-scrollbar {
  height: 8px;
}

#main .main_scroll_x_block::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #52c5c1;
}

#main .main_scroll_x_block::-webkit-scrollbar-thumb {
  background-color: #006564;
}

#main .scroll_content {
  overflow: hidden;
  overflow-y: auto;
}

#main .scroll_content::-webkit-scrollbar {
  width: 6px;
}

#main .scroll_content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #52c5c1;
}

#main .scroll_content::-webkit-scrollbar-thumb {
  background-color: #006564;
}

#filter #pc_filter_condition .bootstrap-select .inner {
  height: 350px;
}

#filter #mobile_filter_condition {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  top: 40%;
  z-index: 1;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  letter-spacing: 1px;
}

#filter #mobile_filter_condition.active {
  opacity: 1;
}

#filter #filter_result .card:hover {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  color: #009491;
}

#filter_modal .bootstrap-select .inner {
  height: 350px;
}

#main .dropdown-menu {
  max-height: 300px !important;
}

#main .main_title::before {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-bottom: 1px solid #d1d5db;
}

#main .main_title::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-bottom: 1px solid #d1d5db;
}

#main .slider .slick-arrow {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #eee;
}

#main .slider .slick-prev::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f104";
  color: #212529;
}

#main .slider .slick-next::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  color: #212529;
}

#main .scroll_content {
  height: 300px;
}

#main .scroll_content li.active {
  background-color: #eee;
  border-radius: 3px;
}

#main .scroll_content li.active a {
  color: #009491 !important;
}

#main .pagination .page-link.active {
  color: #009491 !important;
}

@media (max-width: 575.98px) {
  #filter #filter_result .container-lg {
    padding: 0;
  }
  #filter #filter_result .card .card-body {
    padding: 0.5rem !important;
    font-size: 0.875em;
  }
}