@charset "UTF-8";

@media (width <= 1536px) {

}
@media (width <= 1200px) {

}
@media (width <= 1024px) {
  .when_box .list{flex-direction: column; }

  .step_box .list{flex-direction: column; }
  .step_box .list li .title{font-size: 1.2rem;}

  .qna_wrap .board_list li a div{flex-direction: column; }

  .svc_list_wrap .card{background: none; border: none; padding: 0; overflow: visible; }
  .svc_list_wrap .list.type2{grid-template-columns: 1fr; gap: 8px; }
  .svc_list_wrap .list.type2 .list_header{display: none}
  .svc_list_wrap .list.type2>li{ background: #fff; border: 1px solid var(--border-color); border-radius: 12px; padding: 16px 12px; align-items: flex-start; overflow: hidden; align-self: flex-start; flex-wrap: wrap; text-align: left; }
  .svc_list_wrap .list.type2>li>*{flex-shrink: 0; flex: none;}
  .svc_list_wrap .list.type2 li .num{display: none; }
  .svc_list_wrap .list.type2 li .name{order: -1; font-weight: bold;}
  .svc_list_wrap .list.type2 li .tel{order: -1; }
  .svc_list_wrap .list.type2 li .date{width: 100%;  font-weight: bold; margin-top: 8px;}
  .svc_list_wrap .list.type2 li .map br{display: none; }
  .svc_list_wrap .list.type2 li .btn_box{width: 100%; margin-top: 20px;}
  .svc_list_wrap .list.type2 li .btn_box a{width: 100%; }

  .svc_list_wrap .list.type2 li .view_detail_list li{flex-direction: column; align-items: flex-start; justify-content: flex-start; text-align: left; }

  .manager_main_wrap .step_list ul{grid-template-columns: repeat(2,1fr); gap: 4px; }




  .reserve_search_box select{display: none;}
  .svc_step_list{overflow: auto}
  .svc_step_list::-webkit-scrollbar{display: none;}
  .svc_step_list li{flex-shrink: 0;}

  .manager_list_write_wrap .tel_box>*{flex: 1; }

}
@media (width <= 992px) {

}
@media (width <= 768px) {
  .top_box .title{font-size: 24px;}
  .top_box .title span{font-size: 28px;}

  #container.service.main .top_box .tit_box i{font-size: 14px;}
  #container.service.main .top_box .tit,
  #container.service.main .top_box .tit span{font-size: 24px;}
  #container.service.main .top_box .desc{font-size: 16px;}

  .manager_main_wrap .step_list ul .card .tit{font-size: 16px;}
  .manager_main_wrap .step_list ul .card h6{font-size: 22px;}


  .step_box .list{gap: 0; }
  .step_box .list li{text-align: center; margin-bottom: 32px; padding-bottom: 32px; position: relative; }
  .step_box .list li:not(:last-child)::after{content: ""; display: block; width: 20px; height: 20px; position: absolute; bottom : 0; left: 50%; transform: translateX(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 18L12 22L16 18'/%3E%3Cpath d='M12 2V22'/%3E%3C/svg%3E") no-repeat center / contain; }
  .step_box .list li .tit{display: flex; align-items: center; gap: 20px; justify-content: center; }
  .step_box .list li .tit .num{margin-bottom: 0;}
  .step_box .list li .tit .num::after{display: none; }

  .when_box li p br{display: none; }


  .top_box .badge_list{flex-direction: column; }

  .manager_list_write_wrap .tel_box{flex-wrap: wrap; }
  .manager_list_write_wrap .tel_box #tel_auth{width: 100%; flex: none; }
/*
  .admin_reserve_list.data_list .list_header{display: none}
  .admin_reserve_list.data_list>li{flex-wrap: wrap; }
  .admin_reserve_list.data_list>li>*{flex: none; text-align: left;}
  .admin_reserve_list.data_list>li .name{font-weight: bold; flex: 1; text-align: left; }
  .admin_reserve_list.data_list>li .svc_reserve_date{width: 100%; background: #f9f9f9; padding: 4px 12px; border-radius: 8px; font-size: 13px; margin-bottom: 8px; display: flex; justify-content: space-between; }
  .admin_reserve_list.data_list>li .svc_reserve_date .date{bottom: auto; top: 20px; }
  .admin_reserve_list.data_list>li .svc_reserve_date span{display: inline; color: #999; flex-shrink: 0; }
  .admin_reserve_list.data_list>li .tel{width: auto; font-size: 16px;}
  .admin_reserve_list.data_list>li .map{width: 100%; color: var(--gray-800); font-size: 15px; text-align: left; }
  .admin_reserve_list.data_list>li .map br{display: none; }
  .admin_reserve_list.data_list>li .map .sub_text{font-weight: normal;}

  .admin_reserve_list.data_list>li .status{width: 100%; display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin-top: 20px;}
  .admin_reserve_list.data_list>li .status .badge{margin: 0;}
  .admin_reserve_list.data_list>li .btn_box{width: 100%; margin-top: 20px;}
  .admin_reserve_list.data_list>li .btn_box a{width: 100%; }
  */
  .admin_reserve_list.data_list>li{border-bottom: 1px solid var(--border-color); border-radius: 0; padding-bottom: 20px;}
  .admin_reserve_list.data_list>li>*{padding: 0; flex-wrap: wrap; flex-direction: row; }
  .admin_reserve_list.data_list>li>*>*{flex: none; }
  .admin_scv_list .data_list>li .svc_reserve_date{display: flex; align-items: flex-end; width: 100%; gap: 4px;}
  .admin_scv_list .data_list>li .svc_reserve_date::before{content: "예약일 "; font-weight: normal; font-size: 13px; color: var(--gray-600)}
  .admin_scv_list .data_list>li .name{width: auto; margin-right: auto; }
  .admin_scv_list .data_list>li .tel{width: auto; }
  .admin_scv_list .data_list>li .map{display: flex; align-items: center; justify-content: space-between; }
  .admin_scv_list .data_list>li .map::before{content:"위치"; font-weight: normal; font-size: 14px;}


.reserve_list .card .matching_box{align-items: flex-start; }
  .reserve_list .card .matching_box .img_box{width: 80px; height: 80px; }
  .reserve_list .card-footer{padding: 0; display: block; overflow: hidden; }
  .reserve_list .card-footer .btn_box{gap: 0; }
  .reserve_list .card-footer .btn_box .btn{flex: 1; border-radius: 0; border: none; height: auto; padding: 16px;}
  .photo_list_box li .del_btn_box{margin: 0px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
  .photo_list_box li .del_btn_box .btn{width: 32px; height: 32px; }


  .photo_list_box ul{display: grid; grid-template-columns: repeat(3,1fr); }
  .photo_list_box li .img_box{width: 100%; height: auto; aspect-ratio: 1/1; }

  .my_reserve_wrap .svc_desc_box .d-flex{flex-direction: column; }

  .reserve_wrap .agree_box .input_box{flex-direction: column; }
  .reserve_wrap .agree_box .input_box .btn{margin-left: auto; }

  .svc_desc_box .tit_box{flex-wrap: wrap; position: relative}
  .svc_desc_box .tit_box .date br{display: block; }
  .svc_desc_box .tit_box .btn_box{display: none; }
  .svc_desc_box .tit_box>a{}
  .svc_desc_box .tit_box>a svg{display: block;  width: 20px; height: auto; margin-left: auto;  position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

  .svc_desc_box .desc_box>*{grid-template-columns: 1fr}
  .user_box .card-body{}
  .svc_desc_box .desc_box a{}
  .svc_desc_box .desc_box a span{}


  .end_box .card-body{display: block; }
  .end_box .card-body .btn_box{margin-top: 12px;}
  .end_box .card-body .btn_box a{width: 100%; }

  .reserve_box .top_box{margin-bottom: 0;}
  .reserve_box .top_box>a .down_arrow{display: block; margin-left: auto; width: 16px; }
  .reserve_box .top_box .btn_box{display: none; }
  .reserve_box .tit_box{margin-bottom: 0;}
  .reserve_box .tit_box+*{margin-top: 20px;}
  .reserve_box .tit_box .down_arrow{display: block; margin-left: auto; }

  .reserve_box .desc_box{}
  .reserve_box .desc_box>*{grid-template-columns: 1fr; }
  .reserve_box .view_more{display: flex; align-items: center; justify-content: center; gap: 4px; color: var(--secondary)}

  .reserve_box .right_box{display: none; }

  .reserve_box .user_box .card-body{gap: 12px; }
  .reserve_box .user_box .name_box{flex: 1; }
  .user_box .name_box .tel{display: block; }
  .user_box .img_box.profile{width: 48px; height: 48px; }
  .user_box .tel_btn{padding: 0; width: 40px;; height: 40px; justify-content: center;  }
  .user_box .tel_btn span{display: none; }
  .user_box .tel_btn svg{margin-right: 0px; width: 14px; height: auto; }

  .reserve_box.cancel .user_box .name_box h6{display: grid; }
  .contents_box ul{}

  .title_box{flex-wrap: wrap; }
  .title_box .input_box{width: 100%; order: 2; margin-top: 12px;}

  .user_list_wrap .add_btn{font-size: 14px; padding: 8px 12px; height: auto; }
  .user_list_wrap .search_box .btn{font-size: 14px;}

  .user_list.card{background: none; border: none; }
  .user_list.card .card-body{padding: 0;}
  .user_list.card .list li{background: #fff; border-radius: 20px; border: 1px solid var(--border-color); padding: 20px; margin-bottom: 12px;}
  .user_list.card .list li.list_header{display: none; }


  .user_list .data_list>li>* .img{position: absolute; top: 20px; left: 20px; width: 60px; height: 60px; border-radius: 12px; border: 1px solid var(--border-color) ;display: flex; align-items: center; justify-content: center; padding: 0; overflow: hidden}
  .user_list .data_list>li>* .img span{border-radius: 0; }
  .user_list .data_list>li>* .id{font-weight: normal; width: 100%; order: 3; font-size: 15px; padding-left: 72px; margin-bottom: 20px; text-align: left; }
  .user_list .data_list>li>* .name{order: 1; padding-left: 72px; font-weight: bold; color: var(--dark)}
  .user_list .data_list>li>* .gender{order: 2; position: absolute; top: 20px; right: 20px; }
  .user_list .data_list>li>* .gender .badge{margin: 0; margin-left: auto;}
  .user_list .data_list>li>* .tel{width: 100%; color: var(--gray-700); font-size: 16px; order: 4; display: flex; align-items: center; gap: 8px; padding: 12px; background: var(--primary-bg);border-radius: 12px; }
  .user_list .data_list>li>* .tel svg{display: block; width: 14px; height: auto; }
  .user_list .data_list>li>* .count{font-size: 14px; position: absolute; bottom: 20px; left: 20px; padding-right: 0; }
  .user_list .data_list>li .count span span{display: inline-block}
  .user_list .data_list>li>* .count .badge{margin-left: 0; display: inline; font-size: 13px !important;}
  .user_list .data_list>li .btn_box{order: 99; margin-top: 8px; justify-content: flex-end; width: 100%; padding-right: 0;}

  .board_list.banner li>*,
  .board_list.popup li>*{position: relative; padding-left: 72px;}
  .board_list.banner .tit,
  .board_list.popup .tit{max-width: calc(100% - 60px); }
  .board_list.banner .tit .img_box,
  .board_list.popup .tit .img_box{width: 60px; height: 60px; position: absolute; top: 20px; left: 0; }

  .add_site_img_box{grid-template-columns: 1fr; }
  .add_site_img_box .card-body{gap: 12px; }
  .add_site_img_box .img_box{width: 80px; height: 80px; }


  /* site 사이트 정보 */
  #company_info .board_write_list{grid-template-columns: 1fr; }
  .admin_site_wrap .tit_box .tit{}
  .admin_site_wrap .tit_box .icon_box{width: 40px; height: 40px; }
  .admin_site_wrap .tit_box .icon_box svg{width: 20px; height: auto; }
  .admin_site_wrap .input_tit_box .btn{flex-shrink: 0; }
  .board_write_wrap .board_write_list{}


  .site_menu_box>.card .top_box>a{flex : 1; }
  .site_menu_box>.card .top_box .btn_box{display: none; }
  .site_menu_box .custom_able{padding: 20px; border: 1px solid var(--border-color); border-radius: 20px; }
  .site_menu_box .custom_able:last-child{border: 1px solid var(--border-color); padding-bottom: 20px;  }
  .site_menu_box .custom_able .input_box{flex-wrap: wrap; }
  .site_menu_box .custom_able .input_box .cate{flex: 1; }
  .site_menu_box .custom_able .input_box .cate select{width: 100%; }
  .site_menu_box .custom_able .input_box .name,
  .site_menu_box .custom_able .input_box .recnum,
  .site_menu_box .custom_able .input_box .btn_box{flex: auto; width: 100%; }
  .site_menu_box .custom_able .input_box .btn_box>*{flex: 1; }

  .site_menu_box>.card>.card-footer{display: block; padding: 0; overflow: hidden;}
  .site_menu_box>.card>.card-footer .btn_box{gap: 0; }
  .site_menu_box>.card>.card-footer .btn_box>*{flex: 1; border-radius: 0; font-size: 15px; overflow: hidden; }


  .site_menu_box .data_list>li>*{display: grid; grid-template-columns: repeat(2,1fr); gap: 4px; padding: 0;border-bottom : 1px solid var(--border-color); padding-bottom: 20px;  }

  .site_menu_box .data_list>li>*>*{width: 100% !important; max-width: 100%;}
  .site_menu_box .data_list>li>*>.tit{grid-column: 2 span; order: 3; }
  .site_menu_box .data_list>li>*>.set{grid-column: 2 span; order: 4; }
  .site_menu_box .data_list>li>*>.set .btn{flex: 1; }

  .board_boost_wrap .data_list li>*{position: relative; flex-direction: column; width: 100%; justify-content: flex-start; }
  .board_boost_wrap .data_list li>* .num{display: none; }
  .board_boost_wrap .data_list li>* .cate{width: 100%; margin-bottom: 8px;}
  .board_boost_wrap .data_list li>* .cate .badge{margin-left: 0; font-size: 13px;}
  .board_boost_wrap .data_list li>* .name{width: 100%; font-weight: bold; }
  .board_boost_wrap .data_list li>* .tel{width: 100%; font-size: 15px; color: var(--gray-600);}
  .board_boost_wrap .data_list li>* .price{display: flex; justify-content: space-between; align-items: center; }
  .board_boost_wrap .data_list li>* .price::before{content: "후원약정액"; font-weight: normal; font-size: 14px;}
  .board_boost_wrap .data_list li>* .step{position: absolute; top: 20px; right: 20px; }
  .board_boost_wrap .data_list li>* .step .badge_box{justify-content: flex-end; }
  .board_boost_wrap .data_list li>* .step .badge{margin: 0; }
  .board_boost_wrap .data_list li>* .date{position: absolute; bottom: 20px; left: 20px; text-align: left; }
  .board_boost_wrap .data_list li>* .date::before{content: "신청일"; font-size: 14px;}
  .board_boost_wrap .data_list li>* .btn_box{display: flex; justify-content: flex-end; width: 100%; }
  .board_boost_wrap .data_list li>* .btn_box .btn{font-size: 13px;}


  .board_view_wrap .card-footer .btn{padding-left: 0;padding-right: 0;}
  .board_view_wrap .title_box .title  .sub_dep_1{flex-shrink: 0}


  .board_wrap .board_list>li>* .menu_name{width: 100%; max-width: 100%; }

  .board_homecare_wrap .svc_name{display: flex; }
  .board_homecare_wrap .svc_name .grade{display: inline; font-weight: normal; }
  .board_homecare_wrap .svc_name::before{content: "대상자"; margin-right: auto; font-weight: normal; }
  .board_homecare_wrap .svc_grade{display: none; }
  .board_homecare_wrap .data_list li>* .btn_box{display: flex; justify-content: flex-end;}

  .board_funeral_wrap .svc_name{display: flex; }
  .board_funeral_wrap .svc_name .death_status{display: inline; font-weight: normal; }
  .board_funeral_wrap .svc_name::before{content: "대상자"; margin-right: auto; font-weight: normal; }
  .board_funeral_wrap .death_status{display: none; }
  .board_funeral_wrap .data_list li>* .btn_box{display: flex; justify-content: flex-end;}

  .site_doc_wrap .card-footer .btn{padding-left: 0;padding-right: 0;}




}
@media (width <= 576px) {

}