header .header_right.icon {
  display: none;
}

.main_visual {
  height: 605px;
  width: 100%;
  background: url(/images/main/main_visual.jpg);
  background-size: cover;
}

.main_visual .main_search {
  width: 1210px;
  margin: auto;
  padding-top: 150px;
}

.main_visual .main_search .search_list {
  padding: 2px 0px 25px;
}

.main_visual .main_search .search_list label {
}

.main_visual .main_search .search_list label input {
  display: none;
}

.main_visual .main_search .search_list label span {
  padding: 0 5px 2px;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}

.main_visual .main_search .search_list label input:checked + span {
  border-bottom: 2px solid #fff;
  font-weight: 500;
}

.main_visual .main_search .search_input {
  position: relative;
  width: 600px;
}

section div.search_input .input_box .search_input2 {
  position: relative;
  vertical-align: top;
}

section div.search_input .input_box .search_input2::after {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/images/main/datepicker.svg) no-repeat center 100%;
}

section div.search_input .input_box .search_submit {
  margin-left: 1px;
  height: 64px;
}

.main_visual .main_search .search_input .result_box1 {
  display: none;
  position: absolute;
  left: 0px;
  top: 74px;
  z-index: 1;
  width: 482px;
  padding: 18px 19px;
  box-sizing: border-box;
  background: #fff;
}

.main_visual .main_search .search_input .result_box1.show {
  display: block;
}

.main_visual .main_search .search_input .result_box1 .result_tit {
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

.main_visual .main_search .search_input .result_box1 ul li {
  padding: 16px 0 7px;
  color: #000;
}

.main_visual .main_search .search_input .result_box1 ul li span {
  display: inline;
  color: #ff4349;
  font-size: 16px;
}

.main_visual .main_search .search_input .result_box3 {
  display: none;
  position: absolute;
  left: 273px;
  top: 74px;
  z-index: 1;
  /* width: 327px; */
  width: 179px;
  padding: 0 19px 18px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
}

.main_visual .main_search .search_input .result_box3.show {
  display: block;
}

.main_visual .main_search .search_input .result_box3 ul li .result_tit {
  position: relative;
  padding: 18px 0 20px;
  font-size: 18px;
  border-bottom: 1px solid #e4e4e4;
}

.main_visual .main_search .search_input .result_box3 ul li .result_tit::after {
  content: "";
  position: absolute;
  right: 0;
  top: 21px;
  display: inline-block;
  width: 21px;
  height: 14px;
  background: url(/images/common/common_spinner_arrow.jpg) no-repeat #fff;
}

.main_visual
  .main_search
  .search_input
  .result_box3
  ul
  li
  .result_tit.hide::after {
  top: 22px;
  transform: rotate(180deg);
  opacity: 0.4;
}

.main_visual
  .main_search
  .search_input
  .result_box3
  ul
  li
  .hide
  + .spinner_wrap {
  /* display: none; */
}

.main_visual .main_search .search_input .result_box3 ul li .spinner_wrap {
  border-bottom: 1px solid #e4e4e4;
}

.main_visual
  .main_search
  .search_input
  .result_box3
  ul
  li
  .spinner_wrap
  .spinner_tit {
  padding: 19px 0 18px;
}

.main_visual
  .main_search
  .search_input
  .result_box3
  ul
  li
  .spinner_wrap
  .spinner_box {
  position: relative;
  padding-bottom: 18px;
}

.main_visual
  .main_search
  .search_input
  .result_box3
  ul
  li
  .spinner_wrap
  .spinner_box
  p
  span {
  /* padding-top: 12px; */
  font-size: 15px;
  color: #999;
  letter-spacing: -1px;

  display: flex;
  justify-content: space-between;
}

.result_box3 ul li .spinner_wrap .spinner_box p button {
  background-color: #fff;
  border: 1px solid #999;
  width: 30px;
  padding: 5px;
}

/* .result_box3 ul li .spinner_wrap .spinner_box p button.first {
  margin-left: 65px;
} */

.result_box3 ul li .spinner_wrap .spinner_box p input[type="text"] {
  width: 50px;
  text-align: center;
}

.main_visual
  .main_search
  .search_input
  .result_box3
  ul
  li
  .spinner_wrap
  .spinner_box
  input {
  width: 50px;
  padding: 11px 0px;
}

/* .main_visual .main_search .search_input .result_box3 ul li .spinner_wrap .spinner_box .ui-spinner {
  position: absolute;
  top: 0;
  right: 0;
}

.main_visual .main_search .search_input .result_box3 ul li .spinner_wrap .spinner_box .ui-spinner a {
  display: inline-block;
  position: absolute;
  top: 1px;
  right: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid #c1c1c1;
  border-radius: 100%;
  background: url(/images/common/common_spinner_up.jpg) center no-repeat #fff;
}

.main_visual .main_search .search_input .result_box3 ul li .spinner_wrap .spinner_box .ui-spinner a.ui-spinner-down {
  right: 60px;
  background: url(/images/common/common_spinner_down.jpg) center no-repeat #fff;
} */

.main_visual .main_search .search_input .result_box3 .list_add {
  width: 100%;
  height: 54px;
  font-size: 15px;
  color: #999;
  border: 0;
  background: none;
  vertical-align: top;
  border-radius: 4px;
}

.main_visual .main_search .search_input .result_box3 .list_add .icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/images/common/common_spinner_add.jpg) center no-repeat #fff;
  vertical-align: top;
}

.main_visual .main_search .search_input .result_box3 .result_submit {
  width: 100%;
  height: 50px;
  font-size: 18px;
  color: #fff;
  background: #ff4349;
  border: 0;
  vertical-align: top;
  border-radius: 4px;
}

.main_visual .main_search .search_input .input_box {
  position: relative;
}

.main_visual .main_search .search_input .input_box #date_picker_wrap,
.main_visual .main_search .search_input .input_box #date_picker_wrap_rent {
  position: absolute;
  top: 74px;
  left: 0;
  background: #fff;
  z-index: 2;
}

.main_visual .main_search .search_input .input_box #date_picker_wrap_rent {
  border: 1px solid #e3e3e3;
}

#date_picker_wrap .date-picker-wrapper,
#date_picker_wrap_rent .date-picker-wrapper {
  background: none;
  padding: 0;
  border: 0;
}

#date_picker_wrap .date-picker-wrapper .month-wrapper {
  padding: 5px 33px 5px;
  width: 666px;
  box-sizing: border-box;
  background: none;
  border: 1px solid #e3e3e3;
  box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
}

#date_picker_wrap_rent .date-picker-wrapper .month-wrapper {
  padding: 5px 33px 5px;
  width: 666px;
  box-sizing: border-box;
  background: none;
  border: none;
}

#date_picker_wrap .date-picker-wrapper .month-wrapper table .day,
#date_picker_wrap_rent .date-picker-wrapper .month-wrapper table .day {
  position: relative;
  z-index: 10;
  font-size: 16px;
  height: 34px;
  margin: 5px 0px;
  line-height: 22px;
  box-sizing: border-box;
}

.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
  position: relative;
  font-size: 0;
  text-indent: 100%;
}

.date-picker-wrapper table .caption .prev::before,
.date-picker-wrapper table .caption .prev::after {
  content: "";
  position: absolute;
  left: -13px;
  top: -5px;
  z-index: 10;
  width: 17px;
  height: 3px;
  background: #d0d0d0;
  transform: rotate(138deg);
  transition: all 0.3s ease;
  border-radius: 2px;
}

.date-picker-wrapper table .caption .prev::after {
  top: 5px;
  transform: rotate(38deg);
}

.date-picker-wrapper table .caption .next::before,
.date-picker-wrapper table .caption .next::after {
  content: "";
  position: absolute;
  right: -17px;
  top: -5px;
  z-index: 10;
  width: 17px;
  height: 3px;
  background: #d0d0d0;
  transform: rotate(38deg);
  transition: all 0.3s ease;
  border-radius: 2px;
}

.date-picker-wrapper table .caption .next::after {
  top: 5px;
  transform: rotate(138deg);
}

.date-picker-wrapper .month-wrapper table,
.date-picker-wrapper .month-wrapper table.month2 {
  width: 280px;
}

.date-picker-wrapper table .caption {
  height: 59px;
}

.date-picker-wrapper table .caption th {
  font-size: 18px;
  font-weight: 500;
}

.date-picker-wrapper .month-wrapper table .week-name {
  height: 30px;
}

.date-picker-wrapper .month-wrapper table td,
.date-picker-wrapper .month-wrapper table th {
  width: 45px;
}

.date-picker-wrapper .month-wrapper table td:nth-child(1) .day.toMonth.valid,
.date-picker-wrapper .month-wrapper table th:nth-child(1) {
  color: #ff4349;
}

.date-picker-wrapper .month-wrapper table td:nth-child(7) .day.toMonth.valid,
.date-picker-wrapper .month-wrapper table th:nth-child(7) {
  color: #0080ff;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
  font-weight: 600;
  background: none;
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
  position: relative;
  z-index: 1;
  background: none !important;
  color: #fff !important;
}

.date-picker-wrapper .first-date-selected::before,
.date-picker-wrapper .last-date-selected::before {
  content: "";
  position: absolute;
  background: #ff4349 !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  z-index: -1;
}

.date-picker-wrapper .first-date-selected::after,
.date-picker-wrapper .last-date-selected::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: #ffe3e4;
  z-index: -2;
}

.date-picker-wrapper .last-date-selected::after {
  right: unset;
  left: 0;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering,
.date-picker-wrapper .month-wrapper table .day.checked {
  background: #ffe3e4;
}

.date-picker-wrapper .date-range-length-tip {
  z-index: 10;
}

.date-picker-wrapper .gap {
  width: 14px;
}

/* 메인 컨텐츠 */
.contents article {
  padding-top: 68px;
}

.contents article .slide_tit {
  padding-bottom: 29px;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -1.5px;
}

.contents article {
}

.contents article .main_slide {
  width: 1216px;
  height: 300px;
  margin-left: -2px;
  overflow: hidden;
}
.contents article .area_goods {
  height: 162px;
  overflow: hidden;
}
.contents article .main_slide .slick-prev,
.contents article .main_slide .slick-next,
.contents article .area_goods .slick-prev,
.contents article .area_goods .slick-next {
  z-index: 1;
  top: 100px;
  width: 40px;
  height: 40px;
  background: #fff url(/images/common/common_arrow.jpg) no-repeat;
  background-position: 16px 12px;
  border-radius: 100%;
  box-shadow: 0 4px 10px 0 rgb(0 0 0 / 17%);
}

.contents article .area_goods .slick-prev {
  top: 75px !important;
}
.contents article .area_goods .slick-next {
  top: 60px !important;
}

.contents article .main_slide .slick-prev,
.contents article .area_goods .slick-prev {
  left: -18px;
}

.contents article .main_slide .slick-next,
.contents article .area_goods .slick-next {
  top: 80px;
  right: -18px;
  transform: rotate(-180deg);
}

.contents article .main_slide .slick-prev::before,
.contents article .main_slide .slick-next::before,
.contents article .area_goods .slick-prev::before,
.contents article .area_goods .slick-next::before {
  display: none;
}

.contents article .main_slide .slide_element {
  margin: 0 5px;
  width: 238px;
}

.contents article .main_slide .slide_element .slide_img img {
  width: 295px;
  height: 196px;
}

.contents article .main_slide .slide_element .slide_info {
  padding-top: 12px;
}

.contents article .main_slide .slide_element .slide_info .info_badge {
  padding: 0 4px;
  font-size: 14px;
  color: #ff4349;
  border: 1px solid #ff4349;
}

.contents article .main_slide .slide_element .slide_info .info_name {
  width: 80%;
  padding: 10px 0 6px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.6px;
  line-height: 1.15;
}

.contents article .main_slide .slide_element .slide_info .info_place {
  font-size: 14px;
  color: #999;
}

.contents article .main_slide .slide_element .slide_info .info_star {
  margin-top: 8px;
}

@media screen and (max-width: 1024px) {
  section {
    width: 90%;
  }

  .main_visual {
    height: calc(200px + 31vw);
    min-height: 400px;
  }

  .main_visual .main_search {
    width: 90%;
  }

  .contents article .main_slide {
    width: 100%;
  }

  .contents article .main_slide .slide_element img {
    width: 100%;
  }

  .date-picker-wrapper .gap {
    width: 0;
    display: none;
  }

  .date-picker-wrapper .month-wrapper table,
  .date-picker-wrapper .month-wrapper table.month2 {
    float: unset;
  }

  #date_picker_wrap .date-picker-wrapper .month-wrapper,
  #date_picker_wrap_rent .date-picker-wrapper .month-wrapper {
    width: 100% !important;
  }

  .date-picker-wrapper .month-wrapper table,
  .date-picker-wrapper .month-wrapper table.month2 {
    width: 100% !important;
  }

  .contents article .main_slide .slide_element .slide_img img {
    width: 100%;
    height: 110px;
  }
  .area_goods li {
    margin: 0 5px;
    height: 90px !important;
    min-width: auto !important;
    transform: scale(1) !important;
    border-radius: 10px !important;
  }
  .area_goods li::after {
    border-radius: 10px !important;
  }
  .area_goods li .area_title {
    line-height: 90px !important;
    font-size: 18px !important;
  }
  .contents article .area_goods .slick-prev {
    top: 45px !important;
  }
  .contents article .area_goods .slick-next {
    top: 25px !important;
  }
}

.ui-state-highlight {
  border: none !important;
  background-color: #fff !important;
  color: #ff4349 !important;
  font-size: 16px !important;
}

.li.ui-menu-item {
  padding: 2px !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #fff !important;
  background: #fff !important;
  font-weight: normal;
  color: #000 !important;
}

input::placeholder {
  color: #000 !important;
}
#pickup_address::placeholder,
#search_input1::placeholder {
  color: #d4d4d4 !important;
}

@media screen and (max-width: 768px) {
  .main_visual {
    height: 438px;
  }

  .main_visual .main_search {
    padding-top: 80px;
  }

  .main_visual .main_search .search_input {
    width: 100%;
  }

  .main_visual .main_search .search_input .result_box1 {
    width: 100%;
  }

  .main_visual .main_search .search_input .result_box3.show {
    left: 0;
    top: 148px;
    width: 100%;
    z-index: 11;
  }

  .contents article {
    padding-top: 48px;
  }

  .contents article .slide_tit {
    font-size: 25px;
    padding-bottom: 20px;
  }

  .contents article .main_slide .slide_element .slide_info .info_name {
    font-size: 16px;
    width: 90%;
  }

  #date_picker_wrap,
  #date_picker_wrap_rent {
    transform-origin: top left;
    transform: scale(0.9);
  }

  #date_picker_wrap .date-picker-wrapper .month-wrapper,
  #date_picker_wrap_rent .date-picker-wrapper .month-wrapper {
    width: 100%;
  }

  #date_picker_wrap .date-picker-wrapper .month-wrapper .time,
  #date_picker_wrap_rent .date-picker-wrapper .month-wrapper .time {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  #date_picker_wrap,
  #date_picker_wrap_rent {
    width: 100%;
  }
  #date_picker_wrap .date-picker-wrapper,
  #date_picker_wrap_rent .date-picker-wrapper {
    width: 100%;
  }
}
