@media (max-width: 767px) {

  .basic_btn{
    height: 48px;
    min-height: 48px;
    padding-left: 16px;
    padding-right: 16px;
  }

  header{
    height: 48px;
  }
  .header_inner{
    padding: 0px 16px;
  }
  .login .header_inner{
    padding: 0px 16px;
  }
  .logo_wrap img{height:30px}
  .login_wrap a{
    font-size: 0.875rem;
    line-height: 22px;
  }
  .login_wrap{gap: 16px;}
  .login_wrap a.active{
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
  }

  footer{
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 24px 20px;
  }

  footer.login{padding-bottom: 80px;}
  .mo_footer{
    display: flex;
    flex-direction: row;
    height: 60px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    background-color: rgb(255, 255, 255);
    border-top: 1px solid rgb(219, 219, 219);
  }
  .mo_footer a{
    flex-direction: column;
    height: 100%;
    width: 100%;
    gap: 4px;
    color: rgb(80, 80, 80);
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: -0.0125em;
    line-height: 20px;
  }
  .mo_footer a svg{width: 24px; height: 24px;}

  .com_name{display: none;}
  .com_name_link{
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    height: 40px;
    padding: 0px;
    gap: 4px;
    color: #f3f3f3;
    background-color: #111111;
    -webkit-box-pack: start;
    justify-content: flex-start;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.0125em;
    line-height: 22px;
    cursor: pointer;
  }
  .com_name_link svg{width: 20px; fill: #fff; transition: 0.3s;}
  .com_name_link svg.active{transform: rotate(180deg);}
  .address{display: none;}
  .address.active{display: flex;}
  .footer_cut{
    width: 100%;
    height: 1px;
    min-width: 100%;
    min-height: 1px;
    margin-bottom: 32px;
    margin-top: 32px;
    background-color: rgb(118, 118, 118);
  }
  .footer_link_wrap{margin-top: 8px;}
  .copy{margin-top: 0;}
  .side_btn_wrap a{width: 56px; height: 56px;}

  #wrapper{padding-top: 48px;}
  .time_wrap span{ font-size: 0.875rem; line-height: 22px; }

  .content_body{padding: 0; border-radius: 0;}
  .content_body_2{gap: 0;}
  .main_section{padding: 40px 16px}
  .mo_padding{padding: 64px 16px;}
  .fir_section{padding-bottom: 0;}
  .fir_wrap{
    flex-direction: column;
    align-items: flex-start;
  }
  .fir_txt{gap: 24px;}
  .fir_txt_1{
    font-size: 1.5rem;
    line-height: 34px;
  }
  .fir_txt_2{
    font-size: 1.5rem;
    line-height: 34px;
  }
  .fir_txt_3{
    font-size: 0.875rem;
    line-height: 22px;
  }
  .fir_img img {
    max-width: 300px;
  }

  .sec_section_inner{
    height: auto;
    flex-direction: column;
  }
  .count_wrap{
    padding: 24px 20px;
  }
  .counter{
    font-size: 2rem;
    line-height: 42px;
  }
  .count_wrap span{
    font-size: 1rem;
    line-height: 24px;
  }
  .sec_section_line{
    display: none;
  }

  .res_pad{
    padding-left: 16px;
    padding-right: 16px;
  }
  .sub_title{
    font-size: 0.875rem;
    line-height: 22px;
  }
  .bone_title{
    font-size: 1.5rem;
    line-height: 34px;
  }
  .tab_btns{
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 32px;
  }
  .tab_btns .tab_title{
    line-height: 40px;
    font-size: 1rem;
  }

  .chat_left{gap:20px;}
  .chat_link{height: 40px; min-height: 40px; font-size: 0.875rem; line-height: 22px; padding-left: 16px; padding-right: 16px;}
  .info_txt{ margin-bottom: 24px; font-size: 0.875rem; line-height: 22px;}
  .ta_none{display: none;}
  .chat_right{width: 100%; order: 1;}
  .send_img{display: none;}
  .rec_img{display: none;}
  .chat_txt{font-size: 0.875rem; line-height: 22px;}

  .service_title{width: 100%; gap: 12px;}
  .title_info{
    margin-top: 12px;
    font-size: 0.875rem;
    line-height: 22px;
  }
  .service_img{display: none;}
  .service_icon {
    margin-top: 48px;
    gap: 8px;}
  .service_icon img{width: 56px;}

  .review_section{
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .review_title{
    font-size: 1.25rem;
    line-height: 28px;
  }
  .rvSwiper .swiper-slide{
    width: 320px;
    height: 300px;
  }

  .faq_title{font-size: 1.25rem; line-height: 28px;}
  .faq_title span{display: block;}

  .last_section{
    gap: 40px;
  }
  .last_sub{
    font-size: 0.875rem;
    line-height: 22px;
  }
  .last_bone{
    font-size: 1.5rem;
    line-height: 34px;
  }
  .last_link{
    margin-top: 4px;
    height: 40px;
    font-size: 0.875rem;
    line-height: 22px;;
  }
  .last_img{max-width: 310px;}

  .page_title{font-size: 1.25rem;line-height: 28px;}
  .body_bg{gap: 24px;}
  .search{width: 100%;}
  .category a{font-size: 14px;}
  .order_content_wrap{flex-direction: column; gap: 8px;}

  .body_bg{border-radius: 0; padding: 40px 16px;}
  .mx_660{max-width: 100%;}

  .faq_list_wrap{gap: 16px;}
  .faq_list_2{gap: 16px;}
  .faq_li_2 .faq_up{height: 48px;}
  .faq_li_f span{font-size: 0.875rem; line-height: 22px;}

  .content_body_3{padding: 0; gap: 0;}
  .charge_wrap {
    padding: 40px 16px;
    border: none;
    border-radius: 0;
  }
  .charge_link_wrap{
    flex-direction: column;
    gap: 12px;
  }
  .guide_wrap{
    padding: 40px 16px;
    border: none;
    border-radius: 0;
  }

  .charge_list{gap: 16px;}
  .charge_up{
    font-size: 0.875rem;
    line-height: 22px;
    padding: 13px 16px;
  }

  .join{
    padding: 104px 24px;
  }
  .join_back{left: 24px;}

  .my_page_sub{height: 48px;}
  .my_page_bg{gap:0;}
  .my_page_logout_wrap{padding: 20px 16px 64px;background-color: #fff;}

  .notice_wrap{max-height: 122px;}
  .content_body_2.new_order_padding{background: #fff;}
  .body_bg.new_order_bg{border: none;}
  .pc_none{padding: 0 16px;}

  .buttonList {
    grid-template-columns: repeat(auto-fit, 56px);
    gap: 8px;
  }
  .categoryBtn{width: 56px; height: 56px;}
  .new_category {
    grid-template-columns: 1fr;
  }
  .num_bg {
    width: 24px;
    height: 24px;
  }
  .panel-body{font-size: 14px;}
  .order_btn{
    height: 48px;
    font-size: 0.875rem;
    line-height: 22px;
  }
}