@charset "UTF-8";

.sub_text{font-size: 15px; color: var(--gray-600); font-weight: normal;}

#container.service.main .top_box{background: var(--primary); color: #fff; }
#container.service.main .tit_box{display: block; }
#container.service.main .tit_box .tit{display: block; }
#container.service.main .top_box .tit{font-size: 1.75rem; margin-bottom: 12px; line-height: 1.2;}
#container.service.main .top_box .tit_box i{color: #fff; }
#container.service.main .top_box .tit span{font-size: 2.5rem; }
#container.service.main .top_box .desc{margin-bottom: 40px; color: #ddd }
#container.service.main .top_box .btn_box{margin-bottom: 12px;}
#container.service.main .top_box p{color: #cccc; }

#container.service.main .title_box{display: block; margin-bottom: 20px;}


.step_box .list{gap: 80px; }
.step_box .list li{}
.step_box .list li .tit{color: var(--primary); font-size: 1.2rem; font-weight: 900; margin-bottom: 12px;}
.step_box .list li .tit .num{display: block; margin-bottom: 12px; border-radius: 50%; width: 40px; height: 40px; box-shadow: var(--shadow); position: relative; border: 2px solid var(--primary); background: var(--primary-subtle)}
.step_box .list li .tit .num i{display: flex; align-items: center; justify-content: center; color: var(--primary); border-radius: 50%; font-size: 16px; height: 100%; position: relative; }
.step_box .list li .tit .num::after{content: ""; display: block; width: 300%; height: 1px; border: 1px dashed var(--primary); position: absolute; top: 50%; left: 100%; transform: translateY(-50%)}
.step_box .list li p{color: #555; }

.when_box li{display: flex; gap: 20px; }
.when_box li .img_box{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--primary-subtle); border-radius: 12px; flex-shrink: 0; }
.when_box li h6{font-size: 18px; margin-bottom: 4px;}
.when_box li p{ color: #555; }

.story_box .list{flex-direction: column; }
.story_box li{padding: 32px; border-left: 3px solid var(--primary); background: var(--primary-subtle); border-radius: 8px; color: #333; }
.story_box li>.mark::after{content: "\275D"; font-size: 80px; line-height: 1; font-weight: normal; color: var(--primary); }
.story_box h6{margin-bottom: 12px;}
.story_box p{color: var(--gray-600)}


.reserve_list{}
.reserve_list>*{}
.reserve_list>* .card-body{}
.reserve_list .svc_desc_box{margin-top: 0;}

.reserve_wrap .form_wrap .tit_box{display: flex; gap: 12px; align-items: center; }
.reserve_wrap .btn_box{}
.reserve_wrap .agree_box{background: var(--gray-100)}
.reserve_wrap .agree_box .input_box .btn{margin-left: 20px;}


.reserve_list .card .btn_box{}
.reserve_list .card.empty{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px}

.view_detail_list{font-size: 0.875rem; background: #f9f9f9; border-radius: 16px; padding: 12px 20px;display: none}
.view_detail_list li{display: flex; margin-bottom: 16px;}
.view_detail_list li.tit h5{font-weight: 500; }
.view_detail_list li.tel{}
.view_detail_list li strong{width: 75px; flex-shrink: 0; text-align: left; font-weight: normal; color: #777; }
.view_detail_list li span{font-weight: bold; font-weight: normal; }
.view_detail_list li.bigo{font-size: 0.875rem; }
.view_detail_list li svg{width: 18px; height: auto; margin-right: 8px;}

.qna_wrap #qna_add_btn{position: absolute; top: 0; right: 0; }
.qna_wrap .board_list li{padding-bottom: 12px; }
.qna_wrap .board_list li>a{padding-bottom: 0; gap: 12px;}
.qna_wrap .board_list li>a div{display: flex; gap:12px;}
.qna_wrap .board_list li>a .badge{font-size: 0.6875rem;}
.qna_wrap .board_list li>a .subject{flex: 1}
.qna_wrap .board_list li .desc{padding: 12px 20px; border-radius: 16px; margin-top: 12px; border: 1px solid var(--border-color)}
.qna_wrap .board_list li .desc h6{color: var(--primary); font-size: 1rem;margin-bottom: 4px;}
.qna_wrap .board_list li .desc .btn_box{margin-top: 20px;}


.manager_main_wrap .title_box{margin-bottom: 20px;}
.manager_main_wrap .title_box:last-child{margin-bottom: 0;}
.manager_main_wrap .step_list ul{display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.manager_main_wrap .step_list ul .card{margin-bottom: 0;}
.manager_main_wrap .step_list ul .card .tit{color: var(--gray-600)}
.manager_main_wrap .step_list ul .card h6{text-align: right; font-size: 1.75rem; margin-top: 12px;}

.reserve_list .card-footer{display: none; }
.reserve_list .card-footer .btn_box .btn{min-width: 150px; }

.admin_scv_list{margin-top: 20px;}
.admin_scv_list .data_list{border: none; }
.admin_scv_list .btn_box{}
.admin_scv_list .data_list>li .svc_reserve_date span{display: none; }
.admin_scv_list .data_list>li .svc_reserve_date .date{width: 100%; }

.admin .svc_step_list{display: flex; gap: 4px; margin-top: 20px;}

.svc_manage_view_wrap .manager_box .input_box{justify-content: space-between; align-items: flex-end}


.user_list_wrap .title_box{}
.title_box{display: flex; gap: 4px; align-items: center; position: relative; }
.title_box .title{flex: 1; display: flex; align-items: center; gap: 12px; }
.title_box .title .count{background: var(--primary-subtle); display: flex; align-items: center;justify-content: center; font-size: 15px; font-weight: bold; color: var(--primary); padding: 4px 8px; border-radius: 8px; min-width: 32px}
.title_box .sub_text{color: #777; font-size: 16px;}
.title_box .search_box{position: relative; }
.title_box .search_box input{background: #fff; padding-left: 32px; padding-right: 80px;}
.title_box .search_box::before{content:""; display: block; width: 20px; height: 20px; 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='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E") no-repeat center / contain; position: absolute; top: 50%; left: 8px; transform: translateY(-50%)}
.title_box .search_box .btn{position: absolute; top: 50%; right: 8px; transform: translateY(-50%); height: 36px; min-width: auto; }
.title_box .btn .icon{display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: rgba(255,255,255,.2); border-radius: 4px; }
.title_box .btn .icon::before{content: ""; display: block; width: 16px; height: 16px; 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='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") no-repeat center / contain; }
.title_box .btn .icon svg{width: 16px; height: auto; }


.q_box{margin-bottom: 20px;}
.admin_qna_wrap .tit_box{display: flex; align-items: center; gap: 4px; margin-bottom: 8px;}
.admin_qna_wrap .tit_box .badge{font-size: 0.75rem;}
.admin_qna_wrap .tit_box .status{margin-left: auto;}
.a_desc h6{font-size: 0.75rem;color: var(--secondary)}

.mypage_wrap .pw_change_box{display: none; }
.mypage_wrap .pw_change_box.on{display: grid; gap: 8px; }
.mypage_wrap .pw_change_box h6{color : #999; font-size: 0.8125rem; font-weight: normal;}
.mypage_wrap #email_auto_btn.off{opacity: .5; pointer-events: none; transition: all .3s; }
.mypage_wrap .profile_box .img_box{width: 150px; height: 150px; border-radius: 12px; border: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.mypage_wrap .profile_box .img_box img{width: 100%; height: 100%; object-fit: cover; }
.mypage_wrap .profile_box .add_btn{width: 150px; margin-top: 8px;}



.worklog_write_wrap .worklog_file_btn{padding: 36px; background: var(--primary-subtle); border-style: dashed; display: flex; align-items: center; justify-content: center; flex-direction: column; height: auto; gap: 12px; }
.worklog_file_preview{flex-direction: column; position: relative; width: 200px; }
.worklog_file_preview .img_box{height: 200px; display: flex; align-items: center;justify-content: center; border: 1px solid var(--border-color); border-radius: 12px; overflow: hidden;}
.btn_remove_file{width: 36px; height: 36px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 8px; right: 8px; box-shadow: var(--shadow)}


.photo_list_box ul{display: grid; grid-template-columns: repeat(auto-fill, 160px); gap: 12px; justify-content: start;}
.photo_list_box li{flex-shrink: 0; position: relative; }
.photo_list_box li .img_box{width: 100%; aspect-ratio: 1/1;  display: flex; align-items: center; justify-content: center; border: 1px solid var(--border-color); border-radius: 8px; overflow: hidden; }
.photo_list_box li a img.error{width: 24px; height: auto; }
.photo_list_box li a img.error::after{content: ""; display: block; width: 24px; height: auto; }

#bulk_upload_wrapper{}
#bulk_upload_wrapper .bulk_images_btn{border-style: dashed; width: 100%; font-size: 15px; flex-direction: column; text-align: center; }
#bulk_upload_wrapper .bulk_images_btn:hover{background: rgba(0,0,0,0.04);}
#bulk_upload_wrapper .bulk_images_btn span{color: var(--secondary)}

.user_list .badge{display: flex; align-items: center; gap: 6px; font-size: 14px; }
.user_list .data_list>li .map span,
.user_list .data_list>li .count span span{display: none; }

.user_list .data_list>li>* .img{display: none; }
.user_list .data_list>li>* .tel svg{display: none; }


/* svc_desc */
.svc_desc_box .tit_box{display: flex; align-items: center; gap: 12px; }
.svc_desc_box .tit_box>a{display: flex; gap: 12px; flex: 1; align-items: center; }
.svc_desc_box .tit_box>a svg{display: none; }
.svc_desc_box .tit_box .date{}
.svc_desc_box .tit_box .date br{display: none; }
.svc_desc_box .tit_box .btn_box{margin-bottom: 0; margin-left: auto; }


.svc_desc_box{position: relative;}
.svc_desc_box .sub_text{font-size: 0.8125rem; color: var(--secondary); font-weight: normal; }
.svc_desc_box .badge{flex-shrink: 0; }
.svc_desc_box .bigo{margin-bottom: 0;}
.svc_desc_box .desc_box>*{display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin-top: 20px; align-items: flex-start}
.svc_desc_box .desc_box a{display: flex ;align-items: center; gap: 4px; font-size: 0.875rem;}
.svc_desc_box .desc_box .view_more_btn{display: flex; align-items: center; gap: 4px; }
.svc_desc_box .desc_box .view_detail_list{flex: 1; }
.svc_desc_box .tit_box span:not(.badge){color: #777; font-size: 15px;}

/* reserve_box */
.reserve_box.cancel{}
.reserve_box .top_box{display: flex; align-items: center; gap: 12px; }
.reserve_box .top_box>a{flex:1; display: flex; align-items: center; gap: 12px; }
.reserve_box .top_box>a .sub_text{color: #777; }
.reserve_box .top_box>a .down_arrow{display: none; }
.reserve_box.cancel .top_box .date{text-decoration: line-through; color: var(--gray-600)}
.reserve_box .top_box .btn_box{margin-bottom: 0;}

.reserve_box.cancel .desc_box{}
.reserve_box .desc_box{}
.reserve_box .desc_box>*{display: grid; grid-template-columns: repeat(2,1fr); gap: 8px;  margin-top: 20px;}

.reserve_box .card{background: var(--primary-bg); border: none; margin-bottom: 8px;}
.reserve_box .card:last-child{margin-bottom: 0;}
.reserve_box .card .tit_box{font-size: 16px; display: flex; gap: 8px; color: #777; font-weight: normal; align-items: center; margin-bottom: 20px;}
.reserve_box .card .tit_box svg{width: 16px; height: auto; stroke-width: 1.5}
.reserve_box .card .tit_box .down_arrow{display: none; }
.reserve_time{display: flex; align-items: flex-end; gap: 8px; margin-bottom: 20px;}
.reserve_time h6{font-size: 32px; line-height: 1;}
.reserve_time span{font-size: 16px; color: #555; }


.reserve_box .matching_box{background: #fff; }

.reserve_box .matching_box{border : 1px solid var(--border-color); padding: 12px 20px; border-radius: 16px;display: flex; align-items: center; gap: 12px; margin-top: 20px;}
.reserve_box .matching_box .tel{font-weight: normal; color: #555; }
.reserve_box .matching_box .btn{margin-top: 12px; }



.addr_box li{position: relative; padding-left: 28px;}
.addr_box li::before{content: ""; display: block; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 4px solid var(--primary); position: absolute; top: 8px; left: 0; z-index: 1; box-shadow: 1px 1px 4px rgba(0,0,0,.3)}
.addr_box li.arrival::before{border-color: var(--primary-subtle)}
.addr_box li.start::after{content: ""; display: block; width: 2px; height: 100%; position:absolute; top: 12px; border: 1px dashed var(--secondary); left: 7px; }
.addr_box li.start{padding-bottom: 20px;}
.addr_box li.start .badge{color: #777; margin-top: 12px; border: 1px solid var(--secondary-subtle)}
.addr_box li .sub_text{font-size: 15px;}


.reserve_box .view_more{display: none; }


.reserve_box .user_box.manager.none{background: #f9f9f9; border: 2px dashed var(--secondary-subtle); }
.reserve_box .user_box.manager.none .name{}
.reserve_box .user_box.manager .card-body{}
.reserve_box .user_box .card-body{display: flex; gap: 20px; align-items: center; }
.reserve_box .user_box.manager.none .img_box.profile span{background: var(--secondary-subtle); color: var(--secondary)}
.reserve_box .user_box .img_box.profile{width: 60px; height: 60px; border-radius: 50%; background: var(--primary-subtle); display: flex; align-items: center; justify-content: center; font-weight: bold; color: var(--primary)}
.reserve_box .user_box .name_box{flex: 1; }
.reserve_box.cancel .user_box .name_box. .name{text-decoration: line-through; }
.reserve_box.cancel .user_box .name_box h6 span{text-decoration: line-through; font-size: 15px; color: #777}
.reserve_box.cancel .user_box .name_box h6 strong{color: var(--danger)}
.reserve_box .user_box .name_box span{}
.reserve_box .user_box .name_box .tel{display: none; }
.reserve_box .user_box .badge{border: 1px solid var(--border-color)}
.reserve_box .user_box .tel_btn{display: flex; align-items: center; gap: 8px; font-size: 15px;}
.reserve_box.cancel .user_box.manager .tel_btn{opacity: .5; cursor: default; }
.reserve_box.cancel .user_box.manager .tel_btn span{display: none; }
.reserve_box .user_box .tel_btn svg{}


.contents_box ul{}
.contents_box li{margin-bottom: 20px;}
.contents_box li:last-child{margin-bottom: 0px;}
.contents_box li h6{margin-bottom: 4px;}
.contents_box li .content{display: flex; gap: 4px; flex-wrap: wrap; }
.contents_box li.bigo pre{font-size: 16px; padding: 12px; background: #fff; border-radius: 12px; }
.regis_date_box{text-align: right; margin-top: 12px;}
.regis_date{font-size: 15px; color: #777; margin-left: auto; }

.end_box{margin-top: 20px;}
.end_box .card{background: var(--gray-100)}
.end_box .card-body{display: flex; color: #777; padding: 16px 20px;font-size: 16px; align-items: center; }
.end_box .card-body .btn_box{margin-left:auto;}

.user_box .cancel_box{border-top: 1px solid var(--border-color); padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; font-size: 15px; color: #777; }


/* site_view 보고서 완료 */
.svc_view_wrap input:not(:checked)+label{pointer-events: none; opacity: .5; cursor: default; }

.admin_site_wrap .tit_box{display: flex; align-items: center; gap: 12px; }
.admin_site_wrap .tit_box .tit{font-size: 22px;}
.admin_site_wrap .card-header{padding-bottom: 0;}
.admin_site_wrap .input_tit_box{margin-bottom: 12px;}
.admin_site_wrap .input_tit_box.d-flex{align-items: center; gap: 12px; }
.admin_site_wrap .input_tit_box .input_tit{margin-bottom: 0;}
.admin_site_wrap .input_tit{margin-bottom: 12px; font-weight: 500}

.add_site_img_box{grid-template-columns: repeat(2,1fr); gap: 8px !important; }
.add_site_img_box .card{flex: 1; border: 1px solid var(--border-color); border-radius: 12px; margin-bottom: 0px;}
.add_site_img_box .card-body{display: flex; gap: 20px; }
.add_site_img_box .right_box{display: flex; flex-direction: column; }
.add_site_img_box .right_box .input_tit_box{flex: 1; margin-bottom: 0;}
.add_site_img_box .img_box{width: 120px; height: 120px; border: 1px dashed var(--border-color); border-radius: 12px; padding: 4px; flex-shrink: 0; }
.add_site_img_box .img_box img{width: 100%; height: 100%; object-fit: contain; }
.add_site_img_box .img_box span{border-radius: 12px; background: var(--gray-100)}
.add_site_img_box .img_box.error{}
.add_site_img_box .del_btn{max-width: 120px; }

#company_info .board_write_list{display: grid; grid-template-columns: repeat(2,1fr); column-gap: 8px; }

#analytics_info .board_write_list{}

/* 최고관리자 popup */
.board_list.banner .tit,
.board_list.popup .tit{display: flex; align-items: center; gap:12px; }
.board_list.banner .tit .img_box,
.board_list.popup .tit .img_box{width: 100px; height: 100px; border-radius: 8px; border: 1px solid var(--border-color); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.board_list.banner .img_box img,
.board_list.popup .tit .img_box img{width: 100%; height: 100%; object-fit: contain; }


.reply_box{border: none; background: var(--gray-100)}
.reply_box .date_box{text-align: right; margin-top: 20px;}

.site_menu_box>.card .top_box{display: flex; border: none; justify-content: space-between; border-radius: 0; margin-bottom: 0px; margin-top: 0;}
.site_menu_box>.card .top_box>a{padding-right: 60px; position: relative;  padding-left: 0;}
.site_menu_box>.card .top_box>a .tit{padding-bottom: 8px;}
.site_menu_box>.card .top_box>a .sub_text{position: absolute; bottom: 0; left: 0; }
.site_menu_box>.card>.card-footer{display: none; }
.site_menu_box>.card .top_box~*>*{margin-top: 20px;}
.site_menu_box .custom{background: var(--gray-100); border: 2px dashed var(--border-color)}
.site_menu_box .custom .card-body{text-align: center; }

.site_menu_box .data_list{}
.site_menu_box .data_list>li>*>*{flex: none; padding: 0 2px;}
.site_menu_box .data_list>li>*>.type{width: 150px; }
.site_menu_box .data_list>li>*>.set{width: 240px; }
.site_menu_box .data_list>li>*>.tit{flex: 1; }
.site_menu_box .data_list>li>*>.id .input_box{position: relative;}
.site_menu_box .data_list>li>*>.id .input_box::after{content: ""; display: block; width: 16px; height: 20px; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); pointer-events: none; background-color: var(--gray-600); -webkit-mask: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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-lock'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: 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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-lock'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") no-repeat center / contain;}
.site_menu_box .data_list>li>*>.id .input_box input{width: 100%; padding-left: 32px;}
.site_menu_box .data_list>li>*>.recnum .input_box{position: relative; }
.site_menu_box .data_list>li>*>.recnum .input_box::after{content: "개"; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); color: var(--secondary); font-size: 14px ;}
.site_menu_box .data_list>li>*>.recnum input{text-align: right; padding-right: 28px ;}

#form-save-modal .url_box .input_box{position: relative; }
#form-save-modal .url_box .input_box span{position: absolute; top: 50%; left: 12px; transform: translateY(-50%); color: var(--gray-700); }
#form-save-modal .url_box .input_box input{text-indent: 84px; }

/* 최고관리자 notice */
.board_notice_wrap .board_list>li>*>*.view_user .badge.off{}
/* 최고관리자 qna */
.board_qna_wrap .board_list.qna .name>*{justify-content: center; }

.board_boost_wrap .data_list li>* .btn_box{display: none; }

.board_homecare_wrap .data_list li>* .btn_box{display: none; }
.board_homecare_wrap .svc_name .grade{display: none; }

.board_funeral_wrap .data_list li>* .btn_box{display: none; }

.board_funeral_wrap .svc_name .death_status{display: none;}

/* 사이트로그 sitelog site_log */
.site_log_wrap .btn_box.month{justify-content: flex-end; }
.site_log_wrap table th,
.site_log_wrap table td{font-size: 16px !important; word-break: break-all; }