@charset "UTF-8";


@media (min-width: 992px) {
  .modal-80p {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .modal-80p {
    max-width: 80%;
  }
}

::placeholder {
  color: #bebebe !important;
}

.no-border-top { border-top:none !important; }

.wp-5  { -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; }
.wp-10 { -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
.wp-60 { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
.wp-90 { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }


/* 폰트 스타일 */
.fs-14  { font-size:14px !important }
.fs-13  { font-size:13px !important }
.fs-12  { font-size:12px !important }
.fs-11  { font-size:11px !important }
.fs-10  { font-size:10px !important }
.text-through  { text-decoration: line-through; }


.loginscreen .logo-name {
    font-size: 120px;
}

/* renew - login */
.login-box.loginscreen.middle-box {
  width:370px;
  padding-top:5rem;
  padding-bottom:5rem;

}

.login-box.loginscreen .login-inner small {
  color:#676a6c;
}

.login-box.loginscreen .login-inner {
  background-color:#fff;
  border-radius:.35rem;
  box-shadow: 5px 10px 12px rgba(7, 7, 7, 0.1);
}

.login-box.loginscreen.middle-box .login-inner {
  padding:1.25rem;
}

.login-box.loginscreen .logo-name-renew {
  max-width:300px;
  max-height:80px;
  overflow:hidden;
  font-size: inherit;
  margin-top:0;
}

.login-box.loginscreen .logo-name-renew>img {
  width:340px;
  margin-left:15px;
}

.form-group-ani {
  position:relative;
  text-align:left;
  /* height:auto; */
  padding:.25rem;
  margin-bottom:1rem;
  border:1px solid #e5e6e7;
  border-radius:.25rem;
  box-sizing:border-box;
  transition: border-color .25s ease-in-out;
}

.form-group-ani .form-label-ttl {
  position:absolute;
  top:50%;
  left:1rem;
  font-size:1rem;
  padding: 0 .25rem;
  color: #e5e6e7;
  background-color:#fff;
  transform:translateY(-50%);
  transition:all .35s ease;
}

.form-group-ani .form-input {
  border:0px;
  width:100%;
  min-height:2.5rem;
  border-radius:5px;
  padding:0 2rem 0 1rem;
  color:#495057;
}
.form-group-ani .form-input::-ms-reveal {
  display: none;
}

.form-group-ani .form-input:focus {
  outline: none;
}

.form-group-ani.active {
  border:1px solid #0080ff !important;
}

.form-group-ani.active .form-label-ttl {
  top:-.15rem;
  left:.8rem;
  font-size:.925rem;
  color:#007bff;
  text-align:center;
  margin:0;
}

/* 기존로그인 화면 수정 */
.ibox-content .form-group-ani  { padding:0; }
.ibox-content .form-group-ani .form-input  { appearance:none; -webkit-appearance:none; }
.ibox-content .form-group-ani.active  {  }
.ibox-content .btn-chk-eyes  { visibility:hidden; right:1.75rem; }
.form-group-ani .btn-clear  { visibility:hidden; position:absolute; top:50%; right:0.4875rem; width:1.125rem; height:1.125rem; border-radius:50%; background:url(/assets/images/icons/ico-close-circle.svg)center center no-repeat #ED5565; background-size:140% auto; padding:0; transform: translateY(-50%); }

/* login check */
.in-validation {
  display:none;
  font-size: .725rem;
  color:var(--danger);
  word-break: keep-all;
}

.in-validation.show { 
  display:block;
}

/* login check eyes */
.btn-chk-eyes {
  position:absolute;
  top:50%;
  right:.25rem;
  transform:translateY(-50%);
  padding:0.375rem 0.25rem;
}

.btn-chk-eyes:before {
  content:'\f070';
  font-family:'FontAweSome';
  font-size:1.125rem;
  color:var(--secondary);
}

.on .btn-chk-eyes:before {
  content:'\f06e';
}

/* dashboard - guide book */
.btn-guide {
  display:inline-block;
  min-width:6.75rem;
  padding:6px 13.5px;
  line-height:1.3;
  color: #0D6DD9;
  background-color:#fff;
  border-color: #298EFF;
}

.btn-guide:before {
  content:'';
  display:inline-block;
  width:15px;
  height:18px;
  vertical-align:bottom;
  margin-right:7.5px;
  background:url(/assets/images/icons/icon_guidebbook.svg)no-repeat center / 15px 18px;
}

.btn-guide:hover,
.btn-guide:focus {
  background-color:var(--light);
  color:#0D6DD9;
}

/* 특수버튼 */
.btn-realtime-view  { position: fixed; top:197px; right:-3px; width:54px; height:54px; border:1px solid #2E5982; border-right:0; border-top-right-radius: 0; border-bottom-right-radius: 0; background: url(/assets/images/icons/calendar-check_icon_big.svg)center 8px no-repeat #fff; background-size:16px auto; font-size:12px; font-weight: 700; color:#2E5982; padding: 24px 0 0; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15); z-index:100 }
.btn-realtime-view::after  { content: '오늘예약'; }
.btn-msg-wrap  { position: fixed; top:180px; right:0; display: flex; flex-direction: column; align-items: center; width:54px; height:90px; border:1px solid #2E5982; border-right:0; border-top-right-radius: 0; border-bottom-right-radius: 0; background: #fff; font-size:12px; font-weight: 700; line-height:1.2; color:#2E5982; padding:0; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15); z-index:200; }
.btn-msg-wrap::before  { content: "\f10b"; font-family: "FontAwesome"; font-size:40px; line-height:1.4; margin-bottom:-6px; }


/* 네비게이션 */
.nav-header .nav-logo {
    width: 100%;
}

.nav-header .logo-element{
    width: 30px;
    margin:0 auto;
}


/* 상단 */
.navbar-user {
    color: #999c9e;
    font-weight: 500;
    margin-right: 10px;
}
.navbar-user img {
    width: auto;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
}
.navbar-site .fa {
    font-size: 20px !important;
}
.navbar-logout .fa {
    font-size: 20px !important;
}

/* 왼쪽 고정메뉴 */
.col.left-sticky-menu  {
  flex-shrink: 0;
  max-width:190px;
  padding-right:0;
}
.col.left-sticky-menu ul,
.col.left-sticky-menu li  {
  list-style: none;
  padding:0;
}
.col.left-sticky-menu li + li  {
  border-top:1px solid #dee2e6;
}
.col.left-sticky-menu li > a,
.col.left-sticky-menu li > .btn-block {
  display: block;
  font-size:14px;
  text-align: left;
  padding:17px 15px 16px;
}
.col.left-sticky-menu li > a  {
  color:inherit;
}
.col.left-sticky-menu li > a.active,
.col.left-sticky-menu li > .btn-block.active  {
  font-weight:600;
  color:#2E5982;
  box-shadow: none;
}
.col.left-sticky-menu li > .btn:active  {
  box-shadow: none;
}

/* 게시판 */
.pagination {
    justify-content: center;
}
div:not(.modal-body) > .table:not(.mw-100) {
  min-width: 600px;
}
.tablecell-userbox {
    display: flex;
    align-items: center;
}
.tablecell-userbox-thumb {
    width:30px;
    height: 30px;
    overflow: hidden;
    background: var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.tablecell-userbox-thumb img {
    width:100%;
}
table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled)  {
  padding-right: 1px !important;
}
/* 버튼리스트 스타일(table 내/외에서 사용) */
.btns-flex  {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.btn.btn-w66  {
  min-width: 66px
}
.table .btns-flex:not(.btn-w88) > .btn {
  flex: 1;
}
.btns-flex.btn-w88 > .btn  {
  min-width: 88px;
  padding-left: 5px;
  padding-right: 5px;
}
.btns-flexlist-wrap  {
  display: flex;
  flex-wrap: wrap;
  gap:5px
}
.btns-flexlist-wrap .btn  {
  height: 30px;
  font-size: 12px;
  padding: 0 10px;
}

.table .qtt-edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.table .qtt-edit input  {
  border: 0;
  width:30px;
  height: 23px;
  outline:0;
  text-align: center;
  padding-bottom:2px;
}
.table .qtt-edit button  {
  width: 21px;
  height: 21px;
  border: 1px solid #c8c8c8;
  background: #fff;
  border-radius: 3px;
  font-family: Gumlim;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color:#454545;
  outline: 0;
  padding: 0 0 3px;
}

.btn-w-selector {
  background: #23C6C8;
  color: #fff;
}
.btn-w-selector:hover,
.btn-w-selector:focus {
  background:#fff;
  color: #23C6C8;
  border:1px solid #23C6C8;
}

/* 등급아이콘 이미지 */
.grade-icon  {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow:hidden;
}
.grade-icon.grade-big  {
  width:50px;
  height:50px;
  margin: auto;
}
.grade-icon img  {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: top;
}
/* 제품 사진 썸네일 - 테이블내부 */
.pro-tbl-thumb  {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  margin: auto;
}
.pro-tbl-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 고객정보 - 고객사진 */
.img-customer-profile  {
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-right: 10px;
}
.img-customer-profile::before  {
  content: "\f03e";
  font: normal normal normal 2rem/1 FontAwesome;
  position: absolute;
  top:33%;
  left:0;
  width: 100%;
  color: #ddd;
  text-align: center;
}
.img-customer-profile img {
  position: absolute;
  top:0;
  left:0;
  width: 100%; 
  height: 100%;
  object-fit: contain;
  border-radius: 2px;
  z-index: 1;
}
/* 옵션삭제 - 테이블내부 */
.btn-del-intable  {
  width: 34px;
  height: 34px;
  background-color: #DFEEFF;
  font-size: 1.125rem;
  font-weight: 700;
  color: #0D6DD9;
  padding:0;
}

/* 블랙리스트 아이콘 */
.icon-member-black  {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px; 
  background-color: #444;
  border-radius: 3px;
  font-size: 11px;
  color:#fff;
  font-weight: 500;
  padding-bottom: 1px;
}
.icon-dot-navy  {
  display: inline-block;
  width:1.1em;
  height:1.1em;
  background: url(/assets/images/icons/dot_circle.svg) center no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-bottom:0.125em;
}


/* 출퇴근 관리 css */
a.commute-on, a.commute-off, a.commute-no{
  background-color:transparent;
  flex-direction: column;
}
a.commute-on .fc-daygrid-event-dot, a.commute-off .fc-daygrid-event-dot, a.commute-no .fc-daygrid-event-dot{
  display:none;
}
a.commute-on .fc-event-time, a.commute-off .fc-event-time, a.commute-no .fc-event-time{
  order : 2;
}
a.commute-on .fc-event-time::before{
  content:"출근 : ";
}
a.commute-off .fc-event-time::before{
  content:"퇴근 : ";
}
a.commute-no .fc-event-time::before{
  content:"결근 : ";
}
a.commute-on .fc-event-title, a.commute-off .fc-event-title, a.commute-no .fc-event-title{
  order : 1;
}
a.commute-no{
  background-color:#f5c6cb;
}
a.commute-no .fc-event-time, a.commute-no .fc-event-title{
  color:#fff;
}
a.commute-on, a.commute-off{
  background-color:#1a7bb9;
}
a.commute-on .fc-event-time, a.commute-on .fc-event-title, a.commute-off .fc-event-time, a.commute-off .fc-event-title{
  color:#fff;
}
.commute-cal-title{
  display:flex;
  justify-content: space-between;
  padding-right:15px;
}
/* 휴무일 관리 - 해제 */
.staff-list-dayoff-set  { 
  overflow-y: auto; display:grid; grid-template-columns:repeat(3,1fr); gap:4px; height:113px;
}
.staff-list-dayoff-set .btn-type-input  {
  min-height:35px; 
}
.staff-list-dayoff-set .btn-type-input > input + span {
  display: flex; align-items: center; justify-content: center; height:100%; white-space: normal; line-height:1.3;
}
@media (max-width: 991px) {
  .staff-list-dayoff-set { grid-template-columns:repeat(2,1fr); height:74px; }
}
@media (max-width: 575px) {
  .staff-list-dayoff-set { grid-template-columns:repeat(1,1fr); height:74px; }
}

.smsDetailTitle{
  display: flex;
  justify-content: center;
  flex: 1 0 90%;
  border: 1px solid #cecece;
}
.smsDetailTitle:nth-child(1){
  flex: 1 0 10%;
  border-right: none;
}
.smsDetailTitle > .d-flex + .d-flex{
  border-top:1px solid #cecece;
}
.smsDetailTitle > .d-flex > div{
  flex:1 0 calc(100% / 7);
}
.smsDetailTitle > .d-flex > div:not(:last-child){
  border-right:1px solid #cecece;
}
.modal-sms-detail-body > .d-flex + .d-flex .smsDetailTitle{
  border-top:none;
}

.no-cursor{
  cursor:default;
}


/* right offset */
.col-xs-offset-right-12 {
  margin-right: 100%;
}
.col-xs-offset-right-11 {
  margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
  margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
  margin-right: 75%;
}
.col-xs-offset-right-8 {
  margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
  margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
  margin-right: 50%;
}
.col-xs-offset-right-5 {
  margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
  margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
  margin-right: 25%;
}
.col-xs-offset-right-2 {
  margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
  margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
  margin-right: 0;
}
@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%;
  }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-sm-offset-right-9 {
    margin-right: 75%;
  }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-sm-offset-right-6 {
    margin-right: 50%;
  }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-sm-offset-right-3 {
    margin-right: 25%;
  }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-sm-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .col-md-offset-right-12 {
    margin-right: 100%;
  }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-md-offset-right-9 {
    margin-right: 75%;
  }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-md-offset-right-6 {
    margin-right: 50%;
  }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-md-offset-right-3 {
    margin-right: 25%;
  }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-md-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-offset-right-12 {
    margin-right: 100%;
  }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-lg-offset-right-9 {
    margin-right: 75%;
  }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-lg-offset-right-6 {
    margin-right: 50%;
  }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-lg-offset-right-3 {
    margin-right: 25%;
  }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-lg-offset-right-0 {
    margin-right: 0;
  }
}


/* switch */
.onoffswitch-inner:before, .onoffswitch-inner:after {
  height: 24px;
  line-height: 24px;
}

.onoffswitch-autoLevelUp,
.onoffswitch-freeDelevery,
.onoffswitch-functionUse {
  width: 70px;
}
.onoffswitch-autoLevelUp .onoffswitch-switch,
.onoffswitch-freeDelevery .onoffswitch-switch,
.onoffswitch-functionUse .onoffswitch-switch {
  right: 52px;
}
.onoffswitch-autoLevelUp .onoffswitch-inner:before,
.onoffswitch-freeDelevery .onoffswitch-inner:before,
.onoffswitch-functionUse .onoffswitch-inner:before {
  content: '사용'
}
.onoffswitch-autoLevelUp .onoffswitch-inner:after,
.onoffswitch-freeDelevery .onoffswitch-inner:after,
.onoffswitch-functionUse .onoffswitch-inner:after {
  content: '사용안함'
}


.circlebox {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-left:auto;
  margin-right:auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 700;
  overflow: hidden;
}

.dl-inline { display: flex; flex-wrap: wrap; }
.dl-inline dt { width: 120px; }
.dl-inline dd { width: calc(100% - 120px); }


/* 검색 */
.searchform .row { align-items: flex-start; }
.searchform .form-group { margin-bottom: 0; }
.searchform .row > .col-12 > .row + .row,/* 검색영역 수정되면 추후삭제 */
.searchform .row > .col-12 + .col-12,/* 검색영역 수정되면 추후삭제 */
.searchform .ibox-content > .row + .row,
.modal .searchform .row + .row,
.writeform .ibox-content > .row + .row,
.modal .writeform .row + .row  { margin-top: 0.9375rem; }
.searchform .col-form-label  { max-width:155px; padding-right:0 }
.searchform .form-control{ font-size: inherit; }
.searchform .input-group-addon { border: none; line-height: 1; }
.searchform .form-group.m-t { margin-top: 0.5rem; margin-bottom: -0.625rem; }
.searchform .radio-style,
.searchform .check-style,
.writeform .radio-style,
.writeform .check-style { margin-top:6px; margin-bottom:2px; }
.searchform .ibox-content.bottom  { /* 검색버튼 있는 하단영역 */ text-align: center; padding: 10px 15px; }
.searchform .ibox-content.bottom .btn   { min-width: 7em; margin-right:0.25rem; }
.searchform .choice-designer  { padding-top:0; }
.searchform .choice-designer ul.flex-wrap  { gap:6px; padding:0 }
.searchform .choice-designer ul.flex-wrap li  { width:auto; min-width:130px; }
.searchform .choice-designer label input + div  { border-radius:0.25rem; padding:4px 12px 4px 6px; }
.searchform .choice-designer li .img  { width:24px; height:24px; }

/* 셀렉트 된 아이템 label 형태로 보기 */
.label-selected  { background-color: #DFEEFF; border-radius: 4px; font-size: 12px; line-height: 1; color: #0D6DD9; font-weight: 500; padding: 6px 6px 6px 10px; margin:5px 5px 0 0; }
.label-selected .btn  { padding: 0; width: 18px; height: 22px; color: #0D6DD9; font-weight: 700; line-height: 1; vertical-align: top; margin: -5px -1px; }

/* 버튼 모양 체크,라디오 박스 */
.btn-type-wrap  { display:flex; flex-wrap:wrap; gap:6px; }
.btn-type-wrap .btn-type-input  { margin-right:0; }
.btn-type-input  { position: relative; min-width: 7.5em; margin-bottom: 0; margin-right: 2px; cursor: pointer; }
.btn-type-input > input  { position: absolute; appearance: none; }
.btn-type-input > input + span  { display: block; border-color: #E5E6E7; color: #676A6C; }
.btn-type-input > input:checked + span  { border-color: #298EFF; color: #298EFF; }

/* 리스트 상단 */
.list-top-wrap  { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding-bottom:0.5rem; }
.list-top-wrap .count  { align-self:flex-end; padding-bottom:0.375rem; }
.list-top-wrap .tools  { display:flex; gap:0.5rem; }
.list-top-wrap .btn-default-excel  { background-image:url(/assets/images/icons/excel_color_icon.png); background-position:0.625rem center; background-repeat:no-repeat; padding-left:2.125rem; }
.list-top-wrap .btn-default-excel:after  { content:''; display:inline-block; width:1rem; height:1.5em; background:url(/assets/images/icons/download_icon.png) right center no-repeat; vertical-align:top; }


/* 입력폼 들여쓰기 */
.indent-writeform  { padding-left: 10px; padding-right: 10px; }
.indent-writeform .radio-style,
.indent-writeform .check-style  { margin-top: 5px; margin-bottom: 4px; }
@media (max-width: 992px) {
  .searchform .radio-style, .searchform .check-style,
  .indent-writeform .radio-style, .indent-writeform .check-style { margin-top:3px; margin-bottom:3px; }
}
/* timepicker */
.timepicker  {
  background-image: url(/assets/images/icons/clock_gray.svg);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 13px center;
  text-align: center;
}


/* 빨간색 포인트 컬러 박스 */
.box-point-color  {
  background-color: rgba(248, 215, 218, 0.5);
  border: 1px solid rgba(237, 85, 101, 0.5) !important;
  color: #ED5565;
}
.ibox-content + .ibox-content.box-point-color  {
  margin-top:-1px;
}
.box-point-color .font-bold,
.box-point-color .col-form-label  {
  color: inherit;
}


/* 3차 뎁스 탭*/
@media (max-width: 767.98px) {
  .wrapper-depth3 .btn-group { display: flex; flex-direction: column; }
  .wrapper-depth3 .btn-group .btn:nth-child(1) { border-radius:  3px 3px 0 0 ; -webkit-border-radius:  3px 3px 0 0 ; -moz-border-radius:  3px 3px 0 0 ; -ms-border-radius:  3px 3px 0 0 ; -o-border-radius:  3px 3px 0 0 ; }
  .wrapper-depth3 .btn-group .btn:nth-last-child(1) { border-radius:  0 0 3px 3px ; -webkit-border-radius:  0 0 3px 3px ;-moz-border-radius:  0 0 3px 3px ; -ms-border-radius:  0 0 3px 3px ; -o-border-radius:  0 0 3px 3px ; }
}

/* 요금제 */
.price .font-bold { font-size: 18px; }
.price .subscribing { right: 1px; top: -2px; }


/* 카테고리 */
#nestableMenu .dd-item {
  border: 1px solid #eee;
  padding-left: 40px;
  margin-bottom:3px;
}
.dd-dragel {
  min-height: 50px !important;
}
#nestableMenu .dd-handle {
  position: absolute;
  margin: 0;
  left: 3px;
  top: 3px;
  cursor: pointer;
  width: 30px;
  height: 29px;
  white-space: nowrap;
  overflow: hidden;
  background: #888;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0.375rem 0;
}
#nestableMenu .dd-handle::before {
  content: '≡';
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 100%;
  text-align: center;
  text-indent: 0;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}
#nestableMenu .dd3-content {
  padding-top:3px;
  padding-bottom:3px;
  padding-right: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#nestableMenu .dd-item > button {
  font-size: 1rem;
  height: 25px;
  border: 1px solid #bebebe;
  margin-right: 5px;
}
#nestableMenu .dd-list .dd-list {
  padding-left: 0;
}
#nestableMenu .dd3-adder,
#nestableMenu .dd3-editor {
  display:none;
}
#nestableMenu .dd-list .dd-list .dd-list .btn-add {
  display: none;
}
#nestableMenu .btn-remove {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.dd-dragel .dd3-adder,
.dd-dragel .dd3-editor,
.dd-dragel .dd3-btns {
  display: none;
}
.dd-dragel .dd3-content {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 3px;
  left: 3px;
}
.dd-dragel .dd-handle {
  height: 29px;
}
.dd-fixed  .depth1 {
  position: relative;
}


.dd-item .dd-collapse {
  display: block;
}
.dd-item .dd-expand {
  display: none;
}
.dd-item.dd-collapsed .dd-collapse {
  display: none;
}
.dd-item.dd-collapsed .dd-expand {
  display: block;
}


.dd-fixed  .depth1::before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 5px;
  height:25px;
  background:#ccc;
  content:'';
  display:block;
}
.dd-fixed .dd3-handle {
  position: relative;
}

.dd-fixed .dd3-handle::after {
  display: block;
  content: '---';
  position: absolute;
  top: 5px;
  left: -30px;
}

.keeping-row{
  display:none;
}

@media (max-width: 767.98px) {
  .ibox-title > h5 + div > strong {
    display:none;
  }

 /* .d-flex input[type=date],
  .d-flex input[type=time],
  .d-flex select {
    max-width: 100px;
  }*/
}

.border-none {
  border: none !important
}


/* 검색 영역 우측에 추가 */
.btngroup-absolute {
  position: absolute;
  top: -0.625rem;
  left: 100%;
  width: 100%;
}
.btngroup-absolute-text {
  position: absolute;
  top: 0rem;
  left: 100%;
  width: 100%;
}
@media (max-width: 767.98px) {
  .btngroup-absolute {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
  }
  .btngroup-absolute-text {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
  }
}


/* 예약상태별 버튼 색상 */
.btn-rgst-view  { background-color: #F8AC59; color:#fff }/*예약내역보기*/
button[class*='btn-status-'], button[class*='btn-status-']:hover  { color:#fff }
.btn-status-service  { background-color: #8E53ED; }/*시술시작*/
.btn-status-change  { background-color: #1AB394; }/*예약변경*/
.btn-status-confirm  { background-color: #12C5C6; }/*예약확정*/
.btn-status-checkout  { background-color: #1C70F5; }/*시술완료(결제)*/
.btn-status-cancel  { background-color: #EA5455; }/*예약취소*/
.btn-status-noshow  { background-color: #555555; }/*노쇼*/

/* 테이블 헤더 틀고정 */
.table-sticky  { border-top:1px solid #e7e7e7; overflow-y:auto; }
.table-sticky table  { border-collapse:separate; border-spacing: 0 }
.table-sticky .table thead th  { position: sticky; top: 0; border-bottom:1px solid #e7e7e7; z-index:2; }
.table-sticky .table-bordered  { border-left:0; border-right:0; }
.table-sticky .table-bordered,
.table-sticky .table-bordered thead th  { border-top:0 !important; }
.table-sticky .table-bordered thead + tbody tr:first-child td  { border-top:0; }

/* 테이블 한줄 테두리 */
.tr-bordered td  { border-bottom:1px solid #e7eaec }
.tr-bordered td:first-child  { border-left:1px solid #e7eaec }
.tr-bordered td:last-child  { border-right:1px solid #e7eaec }

/* 대시보드 테이블 */
.table-dashboard { min-width: inherit; }
.table-dashboard tbody td { border-top: none !important; border-bottom : 1px dashed #d8d8d8; }
.table-dashboard tbody tr:nth-last-child(1) td { border-bottom: none; }
.table-dashboard-sm tbody td { border-bottom : 0; padding: 5px 8px !important; }
.thead-dark th,
.thead-dark td,
.table-bordered > .thead-dark > tr > td  { background-color:#444; color:#fff }

/* 예약고객 컬러 매칭 */
.color-matching  { position:relative; display:inline-block; width:13px; height:13px; margin-top:1px; }
.fc-event .color-matching  { margin-left:-13px; }
.color-matching .matching-status  { display:block;width:100%;height:100%; border:1px solid #aaa; border-radius:2px;  }
.color-matching .color-list  { display:none; position: absolute; top:-2px; left:-26px; width:23px; border:1px solid #aaa; z-index:100; }
.color-matching.list-show .color-list  { display:block; }
.color-matching .color-list button  { display:block; width:100%; height:12px; border:0; }
.color-matching .color-list button + button  { height:13px; border-top:1px solid #aaa; }
.color-matching .color1  { background-color:#fff; }
.color-matching .color2  { background-color:red; }
.color-matching .color3  { background-color:orange; }
.color-matching .color4  { background-color:yellow; }
.color-matching .color5  { background-color:lime; }
.color-matching .color6  { background-color:skyblue; }
.color-matching .color7  { background-color:navy; }
.color-matching .color8  { background-color:purple; }

/* 대시보드 스케쥴 */
.dashboard-schedule {
  border-top:1px solid #ccc;
  padding-top: 1rem;
  display: flex;
  margin-bottom: 25px;
}
.dashboard-schedule .shop {
  width: 250px;
}

.dashboard-schedule .designers-item {
  height: 70px;
  border-bottom: 1px solid #e8e8e8;
  padding: 5px;
  display: flex;
  align-items: center;
}

.dashboard-schedule .designers-item .thumb {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
}
.dashboard-schedule .designers-item .thumb img {
  width: 100%;
  object-fit: cover;
}

.dashboard-schedule .designers-item .name {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 10px;
}
.dashboard-schedule .designers-item p {
  margin: 0;
  padding: 3px 0;
  line-height: 1.3;
}
.dashboard-schedule .schedule {
  flex: 0 0 calc(100% - 270px);
  background: #f7f7f7;
  margin-left: 20px;
  overflow-x: auto;
  overflow-y: hidden;
}
.dashboard-schedule  .schedule-header {
  display: flex;
  flex-wrap: nowrap;
}
.dashboard-schedule  .schedule-header .schedule-header-liner {
  flex: 0 0 130px;
  text-align: center;
  border-right: 1px solid #eee;
  height: 36px;
  font-weight: 700;
  color:#aaa;
  background: #fff;
  padding-top: 10px;
}
.dashboard-schedule  .schedule-header .schedule-header-liner:nth-child(1) {
  border-left: 1px solid #eee;
}
.schedule-body .schedule-body-item {
  position: relative;
}
.dashboard-schedule  .schedule-body {
  display: flex;
  flex-wrap: nowrap;
}
.dashboard-schedule  .schedule-body .schedule-body-liner {
  position: relative;
  flex: 0 0 130px;
  text-align: center;
  padding: 5px 0;
  min-height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #e8e8e8;
}
.dashboard-schedule  .schedule-body .schedule-body-liner.time-possible {
  background: #fff
}
.dashboard-schedule  .schedule-body .schedule-body-liner.time-impossible {
  background: #ffc8ca;
}

.dashboard-schedule  .schedule-body .schedule-body-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: center;
  padding-left: 7px;
  padding-right: 7px;
  cursor: pointer;
}
.dashboard-schedule  .schedule-body .schedule-body-content p {
  margin: 0;
  padding: 3px 0;
  line-height: 1.3;
  min-height: 16px;
}
.dashboard-schedule  .schedule-body .schedule-body-content p .social {
  width: 16px;
  height: 16px;
  overflow: hidden;
  border-radius: 50%;
  display: grid;
  align-items: center;
  justify-content: center;
  float: left;
  margin-right: 5px;
}
.dashboard-schedule  .schedule-body .schedule-body-content p .social img {
  width: 100%;
}

@media screen and (max-width:640px) {
  .dashboard-schedule {
    flex-direction: column;
  }
  .dashboard-schedule .schedule {
    flex: 1;
    margin-left: 0;
  }
  .dashboard-schedule .designers {
    display: none;
  }
}


.dashboard-calendar #calendar .fc-day-grid-event * {
	color: #fff !important;
}
.dashboard-calendar #calendar a {
	cursor: inherit;
}

.dashboad-dateselector {
  display: flex;
}
.dashboad-dateselector .dashboad-dateselector-btngroup {
  margin-right: 10px;
}
.dashboad-dateselector .dashboad-dateselector-choice {
  max-width: 380px;
}


@media screen and (max-width:1620px) {
  .dashboad-dateselector {
    flex-direction: column;
  }
  .dashboad-dateselector .dashboad-dateselector-btngroup {
    margin-right: 0;
  }
  .dashboad-dateselector .dashboad-dateselector-choice {
    margin-top: 0.625rem;
    max-width: 100%;
  }
  .dashboad-dateselector .dashboad-dateselector-choice input[type=date] {
    max-width: 100%;
  }
}

.dashboard-progress {
  appearance: none;
  width: 70px;
}
.dashboard-progress::-webkit-progress-bar {
  background:#f0f0f0;
  border-radius:10px;
  box-shadow: inset 3px 3px 10px #ccc;
}
.dashboard-progress::-webkit-progress-value {
  border-radius:10px;
  background: #1ab394;
}
.dashboard-progress-text {
  width: 60px;
  text-align: right;
}

.dashboard-qa-graph {
  width: 100%;
}

/* 대시보드 예약등록 */
.new-reserve .btn-primary,
.new-reserve .bg-primary,
.new-reserve .active.day {
  background-color: #23c6c8 !important;
}
.new-reserve .slimScrollBar,
.new-reserve .slimScrollRail  {
  margin-right: -1px;
}
.modal-open .modal#modalReserve  {
  overflow: auto;
}
.modal-dialog.new-reserve  {
  width:1691px;
  max-width: 1691px;
  margin-bottom: 0;
}
.new-reserve .modal-content  {
  background: #fbfcf6;
  color: #454545;
}
.new-reserve .modal-header  {
  padding-left: 20px;
}
.new-reserve .modal-body  {
  padding: 20px 20px 280px;
}
.new-reserve .card  {
  border-radius: 6px;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}
.new-reserve .customer-wrap  {
  padding: 12px;
}
.new-reserve .customer-search  {
  display: flex;
  width: 424px;
}
.new-reserve .customer-search .form-control {
  height: 35px;
  padding-right:5px;
}
.new-reserve .customer-wrap .btn-retry  {
  height: 35px;
}
.new-reserve .customer-wrap .customer  {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  line-height:32px;
  padding: 0 2px 1px 0;
  margin-left: 15px;
}
.new-reserve .customer-wrap .customer:first-child  { margin-left:7px; }
.new-reserve .customer-wrap .customer:not(.before, .order, .personal-info, .grade)  {
  border-radius:4px;
  color:#fff;
  padding-left:8px;
  margin-right:-8px;
}
.new-reserve .customer-wrap .customer.before,
.new-reserve .customer-wrap .customer.order,
.new-reserve .customer-wrap .customer.personal-info   {
  padding-left: 12px;
}
.new-reserve .customer-wrap .d-flex .after  {
  align-items: center;
}
.new-reserve .customer-wrap .customer.before:before,
.new-reserve .customer-wrap .customer.order:before,
.new-reserve .customer-wrap .customer.personal-info:before  {
  content: '';
  position: absolute;
  width: 4px;
  height: 16px;
  background-color: #1ab394;
  top:50%; 
  left: 0;
  margin-top: -8px;
}

.new-reserve .customer-wrap .customer.before:before,
.new-reserve .customer-wrap .customer.order:before  {
  background-color: #454545;
}

.new-reserve .icon-n-logo31 {
  display:block;
  width:31px;
  height:31px;
  background:url(/assets/images/icons/icon_round_n31.svg)no-repeat center / 31px 31px;
}

.new-reserve .icon-n-logo15 {
  display:block;
  width:15px;
  height:15px;
  background:url(/assets/images/icons/icon_round_n15.svg)no-repeat center / 15px 15px;
}

.new-reserve .btn-n-info {
  background :#03C75A;
  border:1px solid #03C75A;
  border-radius:4px;
  color:#fff;
}

.new-reserve .customer-wrap .customer.order-naver:before {
  background-color: #03C75A;
}
.new-reserve .customer-wrap .customer.account-flat-rate  {
  background-color: #1c70f5;
}
.new-reserve .customer-wrap .customer.account-times  {
  background-color: #ea5455;
}
.new-reserve .customer-wrap .customer.account-point  {
  background-color: #975ee0;
}
.new-reserve .customer-wrap .customer.membership  {
  background-color: #FFA33E;
}
.new-reserve .customer-wrap .customer.voucher  {
  background-color: #1ab394;
}
/*
.new-reserve .customer-wrap .customer  {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  line-height:32px;
  padding: 0 2px 1px 0;
  margin-left: 15px;
}
.new-reserve .customer-wrap .customer.account-flat-rate .amount  {
  background-color: #1c70f5;
}
.new-reserve .customer-wrap .customer.account-times .amount  {
  background-color: #ea5455;
}
.new-reserve .customer-wrap .customer.account-point .amount  {
  background-color: #975ee0;
}
.new-reserve .customer-wrap .customer.membership .amount  {
  background-color: #FFA33E;
}
.new-reserve .customer-wrap .customer.voucher .amount  {
  background-color: #1ab394;
}
  */
.new-reserve .customer-wrap .customer .btn  {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.new-reserve .customer-wrap .customer .btn-customer-menu  {
  width: 31px;
  height: 31px;
  background-position: -18px -168px; 
  margin-left: 0.25rem;
}
.new-reserve .customer-wrap .amount  {
  position: relative;
  display: inline-flex;
  height:28px;
  border-radius: 4px;
  color: #fff; color:#e5ff51; text-shadow: 0 0 3px rgba(128, 0, 128, 0.5);
  line-height: 27px;
  padding: 0 10px 1px 0;
  margin: 0 0 0;
}
.new-reserve .customer-wrap .amount:after  {
  content: '';
  position: absolute;
  top:0;
  right:0;
  width: 11px;
  height: 11px;
  background: url(/assets/images/icons/common.png) right top no-repeat;
  opacity: 0.75;
}
.new-reserve .reserve-grid-wrap  {
  display: grid;
  grid-template-columns: 504px auto 605px;
  gap: 18px;
  margin:18px 0;
}
.new-reserve .reserve-grid-wrap .memo-recent-grid {
  grid-column-start: 1;
  grid-column-end: 3;
  flex-direction: row;
  overflow:hidden;
}
.new-reserve .reserve-grid-wrap .memo-reserve-grid {
  flex-direction: row;
  overflow:hidden;
}
.new-reserve .reserve-grid-wrap .service-grid {
  grid-column-start: 1;
  grid-column-end: 3;
}
.new-reserve .reserve-grid-wrap .reserve-grid {
  grid-column-start: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}
.new-reserve .reserve-grid-wrap .recent-grid {
  grid-column-start: 1;
  grid-column-end: 3;
}
.new-reserve .reserve-grid-wrap .membership-grid {
  grid-column-start: 1;
  grid-column-end: 1;
}
.new-reserve .reserve-grid-wrap .member-keeping-grid {
  grid-column-start: 2;
  grid-column-end: 2;
}
.new-reserve .card-header  {
  position: relative;
  border-bottom: 2px solid #ebebeb;
  padding: 12px 13px;
}
.new-reserve .card-header:first-child {
  background-color: #88949e;
  border-bottom: 0;
  color: #fff;
}
.new-reserve .card-header:nth-child(2)  {
  padding-right: 44px;
}
.new-reserve .card-header h4  {
  font-weight: 400;
  line-height: 1.1435;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.18);
  margin: 0;
}
.new-reserve .card-header .total {
  align-self: center;
  font-size:12px;
  margin:0;
}
.new-reserve .card-header .total span  {
  font-weight: 700;
}
.new-reserve .card-header .btn-more  {
  font-size: 12px;
  line-height: 16px;
  margin-left: auto;
}
.new-reserve .card-header .btn-more:after  {
  content:'';
  display: inline-block;
  width:12px;
  height: 16px;
  background: url(/assets/images/icons/common.png) 2px 1px no-repeat;
  vertical-align: top;
}
.new-reserve .card-header .form-control-sm  {
  width: 170px;
  height: 31px !important;
  font-size:12px;
  padding-top: 1px;
  padding-left: 7px;
  margin-right: 5px;
}
.new-reserve .card-header .search-show  {
  position: absolute;
  top: 10px;
  right: 13px;
  width: 31px;
  height: 35px;
  background: #f7f7f7;
  text-align: right;
  padding: 2px 36px 0 0;
  transition: all 0.3s;
  overflow:hidden;
}
.new-reserve .card-header .search-show:hover  {
  width: 383px;
}
.new-reserve .card-header .search-show input  {
  float: right;
  width: 210px;
  height: 31px;
  border: 1px solid #e5e6e7;
  background: #fff;
  padding-left: 7px;
  margin-right:5px;
}
.new-reserve .card-header .search-show button  {
  position: absolute;
  top: 2px;
  right: 0;
  width: 31px;
  height: 31px;
  border: 1px solid #e5e6e7;
  background: #fff;
  vertical-align: top;
  padding: 0 0 1px 1px;
}
.new-reserve .card-header .search-show button::before  {
  content: "\f002";
  font: normal normal normal 14px/1 FontAwesome;
  color: #454545;
  line-height: 1;
}
.new-reserve .input-sm  {
  height: 27px;
  border-radius: 3px;
  font-size: 12px;
}
.new-reserve .extra-choice .btn-search  {
  flex:0 0 28px;
  height:27px;
  padding:0;
  margin-left:5px;
}
.new-reserve .info-text  {
  font-size: 11px;
  letter-spacing: -0.05em;
  padding-top: 5px;
}
.new-reserve .list-type1 li:hover,
.new-reserve .list-type2 li:hover  {
  background-color: #ebffff;
}
.new-reserve .list-type1 li.active,
.new-reserve .list-type2 li.active {
  color:#fff;
  border-color: #04abad;
  background-color: #23c6c8;
}
.new-reserve .list-type3 li.active {
  border-color: #d0ffff;
  background-color: #ebffff;
}
.new-reserve .list-type1 li.active:after  {
  content: '';
  position: absolute;
  top: 50%;
  right: 9px;
  width: 15px;
  height: 16px;
  background: url(/assets/images/icons/common.png) 4px -25px no-repeat;
  transform: translateY(-50%);
}
.new-reserve .list-type2 li.disabled {
  color:#adadad;
  background-color: #f3f5f7;
}
.new-reserve .list-type1,
.new-reserve .list-type2,
.new-reserve .list-type3 ul  {
  margin: 0;
  padding:0;
}
.new-reserve .list-type1 li  {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 54px;
  border: 1px solid transparent;
  font-size: 14px;
  line-height:19px;
  padding: 6px 28px 6px 11px;
  margin: 0;
  cursor: pointer;
}
.new-reserve .list-type2  {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.new-reserve .list-type2 li  {
  display: flex;
  height: 25px;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  list-style: none;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.new-reserve .list-type3 ul  {
  display: grid;
  grid-template-columns: 50% 50%;
}
.new-reserve .list-type3 li  {
  height: 76px;
  border: 1px solid transparent;
  padding: 2px 6px;
  list-style: none;
  overflow: hidden;
}
.new-reserve .list-type3 .img-pro,
.new-reserve .list-type3 .img-ticket  {
  float:left;
  width: 75px;
  height: 62px;
  margin: 4px 10px 0 0;
}
.new-reserve .list-type3 .img-pro  {
  border: 1px solid #ebebeb;
}
.new-reserve .list-type3 .img-pro img,
.new-reserve .list-type3 .img-ticket img  {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new-reserve .list-type3 .desc  {
  line-height: 15px;
}
.new-reserve .list-type3 .desc .category  {
  color: #8b8b8b;
  letter-spacing: -0.05em;
  margin: 0;
}
.new-reserve .list-type3 .desc .pro-name  {
  height: 30px;
  letter-spacing: -0.05em;
  margin: 2px 0 3px;
  overflow: hidden;
}
.new-reserve .list-type3 .desc .pro-price  {
  color: #008b8d;
}
.new-reserve .list-type3 .desc .pro-price .before  {
  font-size: 11px;
  text-decoration: line-through;
  color: #bfbfbf;
  padding-left: 6px;
}

.new-reserve .reserve-grid-wrap .memo-recent-grid .card-header,
.new-reserve .reserve-grid-wrap .memo-reserve-grid .card-header { flex:0 0 80px; display:flex; flex-direction: column; align-items:center; justify-content:center; border-top-right-radius:0; line-height:1.3; padding:10px; }
.new-reserve .reserve-grid-wrap .memo-recent-grid .card-body,
.new-reserve .reserve-grid-wrap .memo-reserve-grid .card-body  { padding:8px; }
.new-reserve .reserve-grid-wrap .memo-recent-grid .write-wrap,
.new-reserve .reserve-grid-wrap .memo-reserve-grid .write-wrap  { height:56px; overflow-y:auto; }
.new-reserve .reserve-grid-wrap .memo-reserve-grid textarea  { width:100%; height:100%; vertical-align:top; }
.new-reserve .reserve-grid-wrap .memo-recent-grid .btn-more  { display:block; color:#fff; font-size:12px; margin:5px 0 -4px }

.new-reserve .service-grid  {
  display: grid;
  grid-template-columns: 197px 240px auto 238px;
}
.new-reserve .service-grid > .d-flex + .d-flex {
  border-left:1px solid #dee2e6;
  background:#fff;
}
.new-reserve .service-grid > .d-flex:not(:last-child) > .card-header  {
  border-top-right-radius: 0;

}
.new-reserve .service-grid > .d-flex:not(:first-child) > .card-header {
  border-top-left-radius: 0;
}

.new-reserve .designer-list  {
  padding:0;
}
.new-reserve .designer-list .list-type1 li  {
  padding-left: 60px;  
}
.new-reserve .designer-list .img-designer  {
  float:left;
  width: 40px;
  height: 40px;
  margin-left:-50px;
  margin-right: 10px;
}
.new-reserve .designer-list .img-designer img  {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.6);
}
.new-reserve .time-schedule  {
  padding: 0;
}
.new-reserve .time-schedule .datepicker-inline {
  width:100%;
  padding-left:5px; padding-right:5px;
}
.new-reserve .time-schedule .datepicker table  {
  width:100%;
}
.new-reserve .time-schedule .datepicker table tr td, 
.new-reserve .time-schedule .datepicker table tr th {
  width:auto;
}
.new-reserve .time-schedule .datewrap  {
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 4px;
  margin: 14px 9px 5px;
}
.new-reserve .datewrap .datepicker tfoot tr th  {
  background-color: #eee;
}
.new-reserve .time-schedule .timewrap  {
  padding: 0 9px 0;
}
.new-reserve .time-schedule .timewrap .list-type2  {
  gap: 2px;
}
.new-reserve .time-schedule .timewrap li  {
  width: 42px;
  height: 23px;
}
.new-reserve .stit  {
  margin:8px 0 4px;
}
.new-reserve .stit:not(:first-child) {
  border-top: 1px solid #f3f3f3;
  padding-top:8px;
}
.new-reserve .service-menu  {
  display: flex;
  padding: 0;
}
.new-reserve .service-menu .slimScrollDiv  {
  flex: 1;
}
.new-reserve .service-menu .list-type1.service-detail  {
  border-left: 1px solid #efefef;
}
.new-reserve .service-menu .list-type1 li  {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.new-reserve .service-menu .price  {
  color: #008b8d;
  margin-top:1px;
  margin-bottom:0;
}
.new-reserve .service-menu .active .price  {
  color: #fff;
}
.new-reserve .service-menu .list-type1:last-child li.active:after  {
  background-position: -27px -29px;
}
.new-reserve .extra-choice  {
  padding: 8px 14px;
}
.new-reserve .extra-choice .stit:not(:first-child)  {
  padding: 11px 0 2px;
}
.new-reserve .extra-choice .stit .icon  {
  margin-right: 3px;
}
.new-reserve .extra-choice .list-type2 li  {
  width: 66px;
}
.new-reserve .list-type-sns  {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 0;
  margin: 0 0 5px;
}
.new-reserve .list-type-sns li  {
  position: relative;
  list-style: none;
  flex: 0 0 25px;
  height: 25px;
  border-radius: 3px;
  background: url(/assets/images/icons/common.png) no-repeat;
  cursor: pointer;
}
.new-reserve .list-type-sns li.park  {
  background-position: -124px -274px;
}
.new-reserve .list-type-sns li.kiosk  {
  background-position: -154px -274px;
}
.new-reserve .list-type-sns li.insta  {
  background-position: -184px -274px;
}
.new-reserve .list-type-sns li.face  {
  background-position: -214px -274px;
}
.new-reserve .list-type-sns li.naver  {
  background-position: -244px -274px;
}
.new-reserve .list-type-sns li.kakao  {
  background-position: -274px -274px;
}
.new-reserve .list-type-sns li.etc  {
  flex: 1;
  display: flex;
  border: 1px solid #dfdfdf;
  background: none;
  font-size: 12px;
  justify-content: center;
  align-items: center;
}
.new-reserve .list-type-sns li.etc:hover  {
  background-color: #ebffff;
}
.new-reserve .list-type-sns li:not(.etc).active:after  {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width:12px;
  height: 12px;
  background: url(/assets/images/icons/common.png) -173px -31px no-repeat;
}
.new-reserve .list-type-sns li.etc.active  {
  color:#fff;
  border-color: #04abad;
  background-color: #23c6c8;
}

.new-reserve .product-grid .card-body,
.new-reserve .forward-grid .card-body  {
  min-height: 447px;
  padding: 0 0 0 7px;
}
.new-reserve .reserve-grid .card-body  {
  background: url(/assets/images/icons/bg_calendar.png) center center no-repeat #e1f1e7;
  display: grid;
  grid-template-columns: 283px auto;
  gap :13px;
  padding: 13px 12px;
}
.new-reserve .reserve-grid .reserve-data-choiced  {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 283px;
  height: 514px;
  border: 1px solid #abe0bf;
  border-radius: 5px;
  background-color: rgba(255,255,255,0.7);
  box-shadow: 1px 2px 1px rgba(0,0,0,0.15);
  font-size: 12px;
  padding: 5px;
}
.new-reserve .reserve-grid .inner-box  {
  border: 1px solid #f3f3f3;
  border-radius: 3px;
  background: #fff;
}
.new-reserve .reserve-grid .designer  {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 5px 10px;
}
.new-reserve .reserve-grid .designer img  {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.new-reserve .reserve-grid .designer .name  {
  flex: 1;
  padding-left: 8px;
  margin: 0;
}
.new-reserve .reserve-grid .designer .btn-close  {
  border: 0;
  outline: 0;
  width: 22px;
  height: 24px;
  background: url(/assets/images/icons/common.png) -280px -26px no-repeat transparent;
  margin-bottom: 1px;
}
.new-reserve .reserve-grid .inner-tit  {
  border-bottom: 1px solid #f3f3f3;
  font-weight: 700;
  padding: 5px 10px 6px;
  margin: 0;
}
.new-reserve .reserve-grid .inner-tit span  {
  color:#008b8d;
}
.new-reserve .reserve-grid .list-choiced  {
  padding: 0 10px;
  margin: 0;
}
.new-reserve .reserve-grid .list-choiced li + li  {
  border-top: 1px solid #f3f3f3;
}
.new-reserve .reserve-grid .list-choiced li.no-data  {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-reserve .reserve-grid .list-choiced .service-name,
.layer-final-edit .service-name  {
  padding: 6px 0;
  margin: 0;
}
.new-reserve .reserve-grid .list-choiced .qtt-edit,
.layer-final-edit .qtt-edit  {
  display: flex;
  padding-bottom: 7px;
}
.new-reserve .reserve-grid .list-choiced .qtt-edit input,
.layer-final-edit  .qtt-edit input  {
  border: 0;
  width: 27px;
  height: 18px;
  outline:0;
  text-align: center;
}
.new-reserve .reserve-grid .list-choiced .qtt-edit button,
.layer-final-edit .qtt-edit button  {
  width: 19px;
  height: 19px;
  border: 1px solid #c8c8c8 !important;
  background: #fff;
  border-radius: 3px;
  font-family: Gumlim;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color:#454545 !important;
  outline: 0;
  padding: 0 0 3px !important;
}
.new-reserve .reserve-grid .list-choiced .qtt-edit .btn-edit,
.new-reserve .reserve-grid .list-choiced .qtt-edit .btn-del,
.layer-final-edit .qtt-edit .btn-del  {
  width: 20px;
  height: 20px;
  border: 0;
  background: url(/assets/images/icons/common.png) no-repeat #595959;
}
.new-reserve .reserve-grid .list-choiced .qtt-edit .btn-edit  {
  background-position:-203px -26px;
}
.new-reserve .reserve-grid .list-choiced .qtt-edit .btn-del,
.layer-final-edit .qtt-edit .btn-del  {
  background-position: -234px -27px;
  margin-left: 5px;
}
.new-reserve .reserve-grid .list-choiced .qtt-edit .price,
.layer-final-edit .qtt-edit .price  {
  color: #008b8d;
  margin: 0 5px 0 11px;
}
.new-reserve .membership-grid .card-body  {
  min-height: 160px;
  padding: 9px 7px 0px 7px;
}
.new-reserve .membership-grid .list-type3 ul {
  grid-template-columns: 1fr 1fr;
}
.new-reserve .membership-grid .list-type3 li  {
  height: 72px;
  padding:0 6px 3px;
}
.new-reserve .membership-grid .list-type3 .desc  {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.new-reserve .member-keeping-grid .card-body  {
  min-height: 160px;
  padding: 9px 7px 0px 7px;
}
.new-reserve .member-keeping-grid ol {
  padding-left:0;
}
.new-reserve .member-keeping-grid ol li {
  padding-left:0;
  height: auto;
}
.new-reserve .member-keeping-grid .list-type3 ul {
  grid-template-columns: 1fr;
  border:1px solid #DEE2E6;
}
.new-reserve .member-keeping-grid .list-type3 ul li  {
  height: 95px;
  padding:6px 6px 3px;
  border-bottom:1px solid #DEE2E6;
}
.new-reserve .member-keeping-grid .list-type3 li:last-child  {
  border-bottom:0px;
}
.new-reserve .member-keeping-grid .list-type3 .desc  {
  line-height: 1.25;
}
.new-reserve .member-keeping-grid .list-type3 .desc p  {
  margin-bottom:0;
}
.new-reserve .member-keeping-grid .list-type3 .desc .prd-label  {
  color:#888;
  padding-top:3px;
}
.new-reserve .member-keeping-grid .list-type3 .desc .pro-name  {
  height: auto;
  letter-spacing: -0.05em;
  margin: 2px 0 3px;
  overflow: hidden;
}
.new-reserve .member-keeping-grid .list-type3 .desc .pro-price  {
  color: #975EE0;
  line-height:1.5;
  margin-bottom:2px;
}
.new-reserve .member-keeping-grid .list-type3 .desc .pro-price .before  {
  font-size: 11px;
  text-decoration: line-through;
  color: #bfbfbf;
  padding-left: 6px;
}
.new-reserve .member-keeping-grid .prd-date {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:3px 10px;
  color:#888;
  border-left: 1px solid #DEE2E6;
  border-right: 1px solid #DEE2E6;
  border-bottom: 1px solid #DEE2E6;
}
.new-reserve .member-keeping-grid .prd-date .btn{
  height:30px;
  line-height:1.2;
  background-color:#23C6C8;
  color:#fff;
}


/* prd keeping */
.prd-keeping .desc  {
  line-height: 1.25;
}
.prd-keeping .desc p  {
  margin-bottom:0;
}
.prd-keeping .desc .prd-label  {
  color:#888;
  line-height:1.2;
}
.prd-keeping .desc .pro-name  {
  height: auto;
  letter-spacing: -0.05em;
  margin: 2px 0 3px;
  overflow: hidden;
}
.prd-keeping .desc .prd-num>span{
  display:block;
}
.prd-keeping .desc .pro-price  {
  color: #975EE0;
  line-height:1.5;
  margin-bottom:2px;
}
.prd-keeping .desc .pro-price .before  {
  font-size: 11px;
  text-decoration: line-through;
  color: #bfbfbf;
  padding-left: 6px;
}
.prd-keeping .list-inner .ibox ~ .ibox {
  margin-top:20px;
}
.prd-keeping .sale-price{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  min-width:177px;
  height:76px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding:10px 15px;
  background-color: rgba(151 94 224 / 5%);
  border:1px solid rgba(151 94 224 / 10%);
  border-radius:3px;
}
.prd-keeping .sale-price > * {
  line-height:1.2;
}
.prd-keeping .sale-price .price {
  margin-bottom:0;
}
.prd-keeping .sale-price .price em{
  font-style:normal;
  color:#ED5565;
}
.prd-keeping .sale-price .price .item1{
  display:block;
  font-size:13px;
  color:#bfbfbf;
}
.prd-keeping .sale-price .price .item2{
  font-size:15px;
  line-height:1.5;
  color:#975EE0;
}
.prd-keeping .sale-price .price .item2>em{
  font-size:13px;
}
.prd-keeping .sale-num {
  text-decoration:line-through;
}

.prd-keeping ol,
.prd-keeping ul {
  display: grid;
  grid-template-columns: 1fr;
  padding-left: 0;
  margin: 0;
}
/* .prd-keeping>.list-inner>ol{
  border: 1px solid #DEE2E6;
} */
.prd-keeping>.list-inner>ol ~ ol{
  margin-top:20px;
}
.prd-keeping ol li,
.prd-keeping ul.keeping-coupon li {
  position:relative;
}
.prd-keeping ul.keeping-coupon li {
  min-height:155px;
}
.prd-keeping ul.keeping-coupon li ~ li {
  border-top:1px solid #DEE2E6;
}

.prd-keeping>.list-inner>ol>li{
  position:relative;
  border-bottom:1px solid #DEE2E6;
  height: auto;
  list-style: none;
  overflow: hidden;
}
.prd-keeping>.list-inner>ol>li:last-child  {
  border-bottom:0px;
}
.prd-keeping .list-inner .img-pro,
.prd-keeping .list-inner .img-ticket  {
  float:left;
  width: 75px;
  height: 62px;
  margin: 15px 0px 0 8px;
}
.prd-keeping .list-inner .img-pro  {
  border: 1px solid #ebebeb;
}
.prd-keeping .list-inner .img-pro img,
.prd-keeping .list-inner .img-ticket img  {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.prd-keeping .list-inner .img-ticket .input-group {
  margin-top:10px;
}
.prd-keeping .list-inner .desc  {
  line-height: 15px;
  padding: 15px 212px 15px 95px;
}
.prd-keeping .list-inner .desc .prd-num  {
  margin:10px 0px; 
  font-size:13px;
  line-height:1.38;
}
.prd-keeping .list-inner .desc .prd-num.num1>span {
  font-size:15px;
}

.prd-keeping .list-inner .desc .prd-num.num2 {
  border-top:1px dashed #DEE2E6;
  padding-top:10px;
  margin-bottom:0px;
}
.prd-keeping .list-inner .desc .prd-num.num2>span {
  font-size:15px;
}
.prd-keeping .list-inner .desc .prd-num.num2 .sale-num{
  font-size:11px;
  font-style:normal;
  color:#bfbfbf;
}
.prd-keeping .list-inner .desc .category  {
  color: #8b8b8b;
  letter-spacing: -0.05em;
  margin: 0;
}
.prd-keeping .list-inner .desc .pro-name  {
  letter-spacing: -0.05em;
  margin: 2px 0 10px 0;
  overflow: hidden;
}
.prd-keeping .list-inner .desc .pro-price  {
  color: #008b8d;
}
.prd-keeping .list-inner .desc .pro-price .before  {
  font-size: 11px;
  text-decoration: line-through;
  color: #bfbfbf;
  padding-left: 6px;
}

.prd-keeping .radio-style  {
  position: relative;
  min-height: 24px;
  margin-bottom: 0;
}
.prd-keeping .radio-style input  {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.prd-keeping .radio-style input + span  {
  display: block;
  line-height: 18px;
  padding: 3px 5px 3px 31px;
}
.prd-keeping .radio-style input + span::before  {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  border:1px solid #bebebe;
  background-color: #cecece;
  border-radius: 50%;
  transform:translateY(-50%);
}
.prd-keeping .radio-style input:checked + span::before {
  border-color: #975EE0;
  background-color: #fff;
}
.prd-keeping .radio-style input:checked + span::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 6px;
  width: 12px;
  height: 12px;
  border: 1px solid #975EE0;
  background-color: #975EE0;
  border-radius: 50%;
  transform:translateY(-50%);
}
.prd-keeping .radio-style input:disabled + span::before {
  border-color: #646464;
  background-color: #a0a0a0;
}
.prd-keeping .radio-style input:disabled + span::after {
  border: 1px solid #646464;
}

.prd-keeping .radio-style.single  {
  vertical-align: middle;
}
.prd-keeping .radio-style.single input + span  {
  padding-left:19px;
}

.prd-keeping .radio-style.type-label input + span em {
    display:block;
    width:38px;
    font-style:normal;
    font-size:13px;
    border:1px solid transparent;
    border-radius:4px;
    color:#fff;
    background-color:#ddd;
    padding: 3px 5px;
}

.prd-keeping .radio-style.type-label input.prepayment + span em{
  background-color:#298EFF !important;
}

.prd-keeping .radio-style.type-label input.postpaid + span em{
  background-color:#EA5455 !important;
}

.booking-service2 .user-ttl{
  font-size:14px;
  background:#88949E;
  border-radius:6px;
  border:1px solid #DEE2E6;
  color:#fff;
  padding:10px 13px;
  margin-top:0;
}
.booking-service2 .user-ttl strong{
  color:#FFE615;
  margin:0;
}
.booking-service2 .date{
  background:#DEE2E6;
  padding:10px 13px;
  color:inherit;
  font-size:13px;
}
.area-prd-service>ul>li>div {
  position:relative;
}
.area-prd-service>ul>li>div .left{
  padding:8px 120px 8px 8px;
  overflow:hidden;

}
.area-prd-service>ul>li>div .right{
  position:absolute;
  top:0;
  right:0;
  width:120px;
  height:100%;
  text-align:center;
  padding:16px 15px;
}
.area-prd-service>ul>li>div .right > *{
  display:block;
  font-style:normal;
  font-size:13px;
  color:#fff;
}
.area-prd-service>ul>li>div .right em{
  font-style:normal;
  color:#FFE615;
}
.area-prd-service>ul>li>div .right > span:nth-child(2){
  font-size:16px;
  font-weight:700;
}


.area-prd-service .prd .right{
  background-color:#298EFF;
}
.area-prd-service .prd-keeping .right{
  background-color:#975EE0;
}

.area-prd-service ul  {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  border: 1px solid #ddd;
}
.area-prd-service li  {
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.area-prd-service li~li  {
  border-top: 1px solid #DEE2E6;
}
.area-prd-service .img-pro,
.area-prd-service .img-ticket  {
  float:left;
  width: 75px;
  height: 62px;
  margin: 4px 10px 0 0;
}
.area-prd-service .img-pro  {
  border: 1px solid #ebebeb;
}
.area-prd-service .img-pro img,
.area-prd-service .img-ticket img  {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.area-prd-service .desc  {
  line-height: 15px;
}
.area-prd-service .desc .category  {
  color: #8b8b8b;
  letter-spacing: -0.05em;
  margin: 0;
}
.area-prd-service .desc .pro-name  {
  height: 30px;
  letter-spacing: -0.05em;
  margin: 2px 0 3px;
  overflow: hidden;
}
.area-prd-service .desc .pro-price  {
  color: #008b8d;
}
.area-prd-service .desc .pro-price .before  {
  font-size: 11px;
  text-decoration: line-through;
  color: #bfbfbf;
  padding-left: 6px;
}
.area-prd-service .desc  {
  line-height: 1.25;
}
.area-prd-service .desc p  {
  margin-bottom:0;
}
.area-prd-service .desc .prd-label  {
  color:#888;
  padding-top:3px;
}
.area-prd-service .desc .pro-name  {
  height: auto;
  letter-spacing: -0.05em;
  margin: 2px 0 3px;
  overflow: hidden;
}
.booking-service2 .ibox-ttl {
  position:relative;
  margin-top:30px;
  padding-left:17px;
}
.booking-service2 .ibox-ttl:before{
  content:'';
  position:absolute;
  left:3px;
  top:50%;
  width:10px;
  height:10px;
  background-color:#333;
  transform: translateY(-50%);
}
.keeping-header .total{
  margin-top:10px;
  margin-bottom:6px;
  padding-left:8px;
}
.keeping-prd-number { padding:0px 6px 15px;}
.keeping-prd-number .list-type3 ol,
.keeping-prd-number .list-type3 ul{
  margin:0;
  padding:0;
  }

.keeping-prd-number .list-type3 ol li  {
  list-style: none;
  overflow: hidden;
}

.keeping-prd-number .list-type3 ul  {
  display: grid;
  grid-template-columns: 50% 50%;
}
.keeping-prd-number .list-type3 ul>li  {
  height: auto;
  border: 1px solid transparent;
  padding: 6px 8px;
  list-style: none;
  overflow: hidden;
}
.keeping-prd-number .list-type3 .keeping_d_list:hover,
.keeping-prd-number .list-type3 .keeping_d_list.active  {
  background:#D0FFFF;
  cursor:pointer;
}
.keeping-prd-number .list-type3 .img-pro,
.keeping-prd-number .list-type3 .img-ticket  {
  float:left;
  width: 75px;
  height: 62px;
  margin: 0px 10px 0 0;
}
.keeping-prd-number .list-type3 .img-pro  {
  border: 1px solid #ebebeb;
}
.keeping-prd-number .list-type3>ol>li>ul>li.active {
  background-color:#D0FFFF;
}
.keeping-prd-number .list-type3 .img-pro img,
.keeping-prd-number .list-type3 .img-ticket img  {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.keeping-prd-number .list-type3 .desc  {
  line-height: 15px;
}
.keeping-prd-number .list-type3 .desc .category  {
  color: #8b8b8b;
  letter-spacing: -0.05em;
  margin: 0;
}
.keeping-prd-number .list-type3 .desc .pro-name  {
  letter-spacing: -0.05em;
  margin: 2px 0 3px;
  font-size:13px;
  color:#454545;
  overflow: hidden;
}
.keeping-prd-number .list-type3 .desc .pro-price  {
  color: #975EE0;
  font-size:15px;
  line-height:1.5;
}
.keeping-prd-number .list-type3 .desc .pro-price .before  {
  font-size: 11px;
  text-decoration: line-through;
  color: #bfbfbf;
  padding-left: 6px;
}
/* keeping-prd-number */


.new-reserve .recent-grid .card-body,
.new-reserve .memo-grid .card-body  {
  min-height: 234px;
  padding: 0;
}
.new-reserve .recent-table   {
  height:235px;
  overflow:auto;
}
.new-reserve .recent-table .table  {
  table-layout:fixed;
  font-size: 12px;
}
.memo-grid .memo-list,
td.memo-grid > .customer-memo-preview {
  padding: 0;
  margin:0;
}
.memo-grid .memo-list li,
td.memo-grid > .customer-memo-preview li  {
  list-style: none;
}
.memo-grid .memo-list li + li,
td.memo-grid > .customer-memo-preview li + li  {
  border-top: 1px solid #dee2e6;
}
.memo-grid .memo-list .memo-header,
td.memo-grid > .customer-memo-preview .memo-header  {
  display: flex;
  justify-content: space-between;
  background-color: #f3f5f7;
  padding: 8px 15px 7.5px;
}
.memo-list .memo-con,
td.memo-grid > .customer-memo-preview .memo-con  {
  padding: 8.5px 15px 9px;
}
.memo-grid .memo-list p,
td.memo-grid > .customer-memo-preview p  {
  margin: 0;
}
.memo-grid .memo-list .date,
td.memo-grid > .customer-memo-preview .date  {
  color: #8b8b8b;
}
.new-reserve .memo-grid .memo-write  {
  border-top: 2px solid #dee2e6;
  background-color: #f3f5f7;
  padding: 5px 5px 5px 15px;
}
.new-reserve .memo-grid .memo-write .designer  {
  float:left; 
  width: 115px;
}
.new-reserve .memo-grid .memo-write .designer label  {
  margin:1px 0 0 0;
}
.new-reserve .memo-grid .memo-write .designer input  {
  width: 16px;
  height: 16px;;
  vertical-align: middle;
  margin: 0 3px 1px 0;
}
.new-reserve .customer-memo-grid .card-body  {
  padding: 0;
}
.new-reserve .customer-memo-grid .memo-write  {
  height: 100%;
  background-color: #f3f5f7;
  padding: 5px;
}
.new-reserve .customer-memo-grid .memo-write .write-wrap,
.new-reserve .memo-grid .memo-write .write-wrap,
.new-reserve .memo-recent-grid .write-wrap,
.new-reserve .memo-reserve-grid .write-wrap {
  display: flex;
  border: 1px solid #dee2e6;
  border-radius:6px;
  background-color: #fff;
  padding: 7px;
}
.new-reserve .customer-memo-grid .memo-write textarea, 
.new-reserve .memo-grid .memo-write textarea,
.new-reserve .memo-reserve-grid .write-wrap textarea  {
  border: 0;
  outline: 0;
  resize: none;
}
.new-reserve .memo-grid .memo-write .write-wrap {
  width: 466px;
}
.new-reserve .memo-grid .memo-write textarea  {
  width:371px; 
  height: 61px;
}
.new-reserve .customer-memo-grid .memo-write .write-wrap,
.new-reserve .customer-memo-grid .memo-write textarea  {
  width: 100%;
  height: 100%;
}

.new-reserve .memo-grid .memo-write button  {
  flex: 0 0 78px;
  background-color: #88949e;
  border: 0;
  outline: 0;
  border-radius:6px;
  font-size: 14px;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.18);
}
/* 초기 데이타없는 상태 */
.new-reserve .service-grid .card-body.no-data,
.new-reserve .product-grid.no-data .card-body,
.new-reserve .forward-grid.no-data .card-body,
.new-reserve .recent-grid.no-data .card-body,
.new-reserve .memo-grid .memo-list.no-data,
.new-reserve .memo-grid .designer.no-data,
.new-reserve .reserve-data-choiced.no-data {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.new-reserve .time-schedule.no-data:after,
.new-reserve .service-menu.no-data:after,
.new-reserve .reserve-data-choiced.no-data:after  {
  content: '디자이너를 선택해주세요';
  color: #8b8b8b;
}
.new-reserve .product-grid.no-data .card-body:after  {
  content: '뷰티샵에 제품상품이 없습니다.';
  color: #8b8b8b;
}
.new-reserve .forward-grid.no-data .card-body:after  {
  content: '뷰티샵에 선불권이 없습니다.';
  color: #8b8b8b;
}
.new-reserve .recent-grid.no-data .card-body:after  {
  content: '시술한 내역이 없습니다.';
  color: #8b8b8b;
}
.new-reserve .memo-grid .memo-list.no-data:after  {
  content: '메모 내역이 없습니다.';
  color: #8b8b8b;
}
.new-reserve .memo-grid .designer.no-data:after  {
  content: '선택한 디자이너가 없습니다';
  width: 100px;
  color: #8b8b8b;
  line-height: 16px;
  text-align: center;
  padding-top: 22px;
  margin-left: -10px;
}
.new-reserve .member-keeping-grid.no-data .card-body:after  {
  content: '보유하신 횟수권이 없어요.';
  color: #8b8b8b;
}
.new-reserve .member-keeping-grid.no-data1 .card-body:after  {
  content: '고객님을 선택해주세요';
  color: #8b8b8b;
}
.new-reserve .time-schedule.no-data > *,
.new-reserve .service-menu.no-data > *,
.new-reserve .product-grid.no-data .card-body > *,
.new-reserve .forward-grid.no-data .card-body > *,
.new-reserve .recent-grid.no-data .card-body > *,
.new-reserve .memo-grid .memo-list.no-data > *,
.new-reserve .memo-grid .designer.no-data > *,
.new-reserve .reserve-data-choiced.no-data > * {
  display: none;
}
/* no-data li에 넣은 경우(제품상품,선불권) */
.new-reserve .product-grid li.no-data,
.new-reserve .forward-grid li.no-data  {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.new-reserve li.no-data:after  {
  color: #8b8b8b;
}
.new-reserve .product-grid .list-type3 li.no-data,
.new-reserve .forward-grid .list-type3 li.no-data  {
  grid-column-start: 1;
  grid-column-end: 3;
  height: 435px;
}
.new-reserve .product-grid .list-type3 li.no-data:after  {
  content: '뷰티샵에 제품상품이 없습니다.';
}
.new-reserve .forward-grid .list-type3 li.no-data:after  {
  content: '뷰티샵에 선불권이 없습니다.';
}
.new-reserve .product-grid .list-type3 li.no-data ~ li,
.new-reserve .forward-grid .list-type3 li.no-data ~ li  {
  display: none;
}

.new-reserve .label[class*="sub-label"] {
  position:absolute;
  top:0;
  right:0;
  min-width:70px;
  height:100%;
  text-align: center;
  line-height: 1.25;
  padding:12px 10px;
  text-shadow:3px 0 1px 3px rgba(0,0,0,0.5);
}

.new-reserve .sub-label-buy {
  background-color: #2E5982;
  color:#fff;
}
.new-reserve .sub-label-use {
  background-color: #009073;
  color:#fff;
}

.new-reserve .sub-header-opt {
  min-height:57px;
}

/* 하단 결제 합계 */
.reserve-total-wrap.hide {
  bottom: -300px;
}
.reserve-total-wrap,
.reserve-total-wrap.hide.end  {
  position: fixed;
  bottom: 0;
  width: 1691px;
  /*height: 235px;*/
  background: #2f4050;
  color: #fff;
  margin: 0 -21px;
  transition: all 0.3s;
}
.reserve-total-wrap .reserve-total-bg  {
  position: relative;
  left: 50%;
  bottom: 0;
  width: 718px;
  min-height: 235px;
  background: #53626f;
  padding: 18px 32px;
  transform: translateX(-50%);
  transition: all 0.2s;
}
.reserve-total-wrap .reserve-total-bg::after  {
  content: '';
  display: block;
  clear:both;
}

.reserve-total-wrap button:not(.btn)  {
  border: 0;
  outline: 0;
  color: #fff;
  line-height: 1;
  padding: 0;
}
.reserve-total-amount  {
  float:left;
  width: 300px;
  display: grid;
  grid-template-columns: auto auto;
  font-size: 16px;
  line-height: 26px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.18);
}
.reserve-total-amount .service-amount  {
  grid-column-start: 1;
  grid-column-end: 3;
  display: flex;
  padding-top:11px;
}
.reserve-total-amount .service-amount .name   {
  flex:1;
}
.reserve-total-amount .service-amount .name + .amount {
  padding-right:16px;
}
.reserve-total-amount p  {
  margin: 0
}
.reserve-total-amount .amount  {
  text-align: right;
  padding-right: 30px;
}
.reserve-total-amount .amount input  {
  width: 121px;
  height: 26px;
  border: 0;
  background: #2f4050;
  border-radius: 3px;
  color: #fff;
  text-align: right;
  padding: 0 24px 2px 5px;
  margin-right: -10px;
}
.reserve-total-amount .amount input + .text-won  {
  display: inline-block;
  width: 15px;
  vertical-align: top;
  margin-left: -15px;
}
.reserve-total-amount .btn-clear  {
  float:right;
  width: 20px;
  height: 20px;
  background: url(/assets/images/icons/common.png) -234px -27px no-repeat #d23738;
  border-radius: 3px;
  margin-top: 5px;
  margin-right: -30px;
}
.reserve-total-amount .btn-discount,
.reserve-total-amount .btn-add  {
  width: 41px;
  height: 20px;
  border-radius: 3px;
  font-size: 12px;
  vertical-align: top;
  margin-top: 4px;
  margin-left: 9px;
}
.reserve-total-amount .btn-discount  {
  background: #ff7200;
}
.reserve-total-amount .btn-add  {
  background: #298eff;
}
.reserve-total-amount .final  {
  border-top: 1px solid #b8bbbd;
  line-height: 24px;
  padding-top: 12px;
  margin-top: 12px;
}
.reserve-total-amount .name.final  {
  font-size: 18px;
}
.reserve-total-amount .amount.final  {
  font-size: 20px;
  color: #ffe615;
}
.reserve-total-rgst  {
  float:right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 333px;
  min-height: 160px;
  border-left: 1px solid #6c7883;
  padding-left: 20px;
}
.reserve-total-rgst .no-data  {
  font-size: 20px;
  margin-bottom: 20px;
}
.reserve-total-rgst .reserve-date  {
  font-size: 20px;
  margin-bottom: 10px;
}
.reserve-total-rgst .reserve-date strong  {
  font-size: 21px;
  font-weight: 400;
  color: #ffe615;
}
.reserve-total-rgst .terms-agree  {
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: -0.04em;
  padding-bottom: 5px;
}
.reserve-total-rgst .terms-agree p  {
  color: #ccc;
  margin: 5px 0 7px;
}
.reserve-total-rgst .terms-agree label  {
  display: inline-block;
  margin-left: 17px
}
.reserve-total-rgst .terms-agree input  {
  width: 15px;
  height: 15px;
  border: 0;
  vertical-align: top;
  margin: 1px 0 0 2px;
}
.reserve-total-rgst button  {
  width: 128px;
  height: 31px;
  background-color: #88949e;
  font-size: 16px;
  color:#fff;
  padding:0;
}
.reserve-total-rgst button.btn-rgst:disabled  {
  opacity: 0.5;
}

.layer-final-edit  {
  display: none;
  position: absolute;
  bottom: 12vh;
  left: 0;
  width: 629px;
  max-height: calc(87vh);
  color: #454545;
  overflow-y: auto;
  z-index: 100;
}
.modal-body.layer-final-edit  {
  display: block;
  position:unset;
  bottom: unset;
  left:unset;
  width: auto;
  z-index: unset;
}
.layer-final-edit.show  {
  display: block;
}
.layer-final-edit .card  {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.layer-final-edit .card-body  {
  padding: 10px;
  overflow: hidden;
}
.layer-final-edit .btn-close-layer  {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 26px;
  height: 26px;
  background: url(/assets/images/icons/common.png) -276px -55px no-repeat;
}
.layer-final-edit .deisigner-service  {
  float: left;
  width: 270px;
}
.layer-final-edit .inner-box  {
  border :1px solid #f3f3f3;
  border-radius: 3px;
}
.layer-final-edit .inner-box + .inner-box  {
  margin-top: 5px;
}
.layer-final-edit .tit   {
  display: flex;
  align-items: center;
  background: #f3f5f7;
  height: 42px;
  border :1px solid #e7e7e7;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 5px 10px;
  margin: -1px -1px 0;
}
.layer-final-edit .deisigner-service .tit img  {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 8px;
}
.layer-final-edit .deisigner-service .list  {
  padding: 0 10px;
  margin: 0;
}
.layer-final-edit .deisigner-service .list li  {
  position: relative;
  list-style: none;
  padding: 0 0 0 39px;
}
.layer-final-edit .deisigner-service .list li + li  {
  border-top: 1px solid #f3f3f3;
}
.layer-final-edit .deisigner-service .list .service-name  {
  line-height: 16px;
}
.layer-final-edit .deisigner-service .list .check-style  {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}
.layer-final-edit .tune-up  {
  float: right;
  width: calc(100% - 285px);
}
.layer-final-edit .tune-body  {
  padding: 15px 10px 0 10px;
}
.layer-final-edit .tune-up .list-type2  {
  margin-top: 15px;
}
.layer-final-edit .tune-up .list-type2 > li  {
  flex: 1;
}
.layer-final-edit .tune-up input.form-control  {
  height: 37px;
  font-size: 12px;
  margin-top: 9px;
}
.layer-final-edit .tune-up textarea.form-control  {
  height: 50px;
  font-size: 12px;
  margin: 6px 0 10px;
  resize: none;
}
.layer-final-edit .tune-up .memo  {
  height: 168px;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  padding: 3px 0 0 3px;
}
.layer-final-edit .tune-up .memo ul  {
  border-left: 1px solid #dee2e6;
  padding:0;
  margin:0
}
.layer-final-edit .tune-up .memo ul li  {
  border-top: 1px solid #dee2e6;
  line-height: 18px;
}
.layer-final-edit .tune-up .memo p  {
  margin: 0;
}
.layer-final-edit .tune-up .memo .memo-header  {
  background-color: #f3f5f7;
  padding: 9px;
}
.layer-final-edit .tune-up .memo .service-tit  {
  font-weight: 700;
}
.layer-final-edit .tune-up .memo .date  {
  color:#8b8b8b;
}
.layer-final-edit .tune-up .memo .memo-con  {
  padding: 9px;
}
.layer-final-edit .btn-apply  {
  width: 100%;
  height: 34px;
  border:0;
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
  padding: 0;
  margin-top: 11px;
}
.layer-final-edit .card-header  {
  font-size: 16px;
  text-align: center;
  margin: -1px -1px 0;
}
.discount-tune .card-header,
.discount-tune .btn-apply,
.amount-tune .btn-apply {
  background-color: #ff7200 !important;
}
.futher-tune .card-header,
.futher-tune .btn-apply {
  background-color: #298eff !important;
}
.layer-final-edit.discount-tune .check-style input:checked + span:before,
.layer-final-edit.discount-tune .radio-style input:checked + span:before,
.layer-final-edit.amount-tune .check-style input:checked + span:before,
.layer-final-edit.amount-tune .radio-style input:checked + span:before,
.amount-tune .tune-up .list-type2 > li.active,
.discount-tune .tune-up .list-type2 > li.active  {
  border-color: #d35e00;
  background-color: #ff7200;
}
.layer-final-edit.discount-tune .radio-style input:checked + span::after,
.layer-final-edit.amount-tune .radio-style input:checked + span::after  {
  border-color: #d35e00;
}
/* 할인,추가 통합조정 */
.layer-final-edit.amount-tune  { width:700px; }
.layer-final-edit.amount-tune .deisigner-service  { width:344px; max-height:580px; overflow-y: auto; }
.layer-final-edit.amount-tune .tune-up  { width:calc(100% - 350px) }
.layer-final-edit.amount-tune .card-header { background:#ff7200; }
.layer-final-edit.amount-tune .inner-box  { border:1px solid #dfdfdf; }
.layer-final-edit.amount-tune .inner-box + .inner-box { margin-top: 10px; }
.layer-final-edit.amount-tune .tit { background:#88949e; border:0; color:#fff; }
.layer-final-edit .list-separate  { padding:0 8px; margin:0; }
.layer-final-edit .list-separate li  { list-style:none; }
.layer-final-edit .list-separate ul  { background:#f3f5f7; border-bottom:1px solid #dfdfdf; padding:0 8px; margin:0 -8px; }
.layer-final-edit .list-separate li:last-child ul  { border-bottom:0; }
.layer-final-edit .list-separate ul li  { padding:2px 0 2px 24px; }
.layer-final-edit .list-separate ul li + li  { border-top:1px dashed #e7e7e7; }
.layer-final-edit .list-separate p  { margin-bottom:0; }
.layer-final-edit .list-separate .sub-total  { min-height:40px; display:flex; align-items: center; padding:2px 0; }
.layer-final-edit .list-separate .sub-total .qtt-edit  { margin-left:auto; }
.layer-final-edit .list-separate .qtt-edit  { padding-bottom:0; }
.layer-final-edit .list-separate .price  { color: #008b8d; margin-left:4px; }
.layer-final-edit .list-separate .price .before  { text-decoration:line-through; letter-spacing:-0.04em; opacity:0.5; }
.layer-final-edit .list-separate .price .after  { /*color:#ff7200;*/ font-weight:600; }
.layer-final-edit .list-separate .price .discount  { color:#BF1E2E; }
.layer-final-edit .list-separate .price .discount::before  { content:'(-'; }
.layer-final-edit .list-separate .price .discount::after  { content:')'; }
.layer-final-edit .list-separate .price .futher  { color:#298eff; }
.layer-final-edit .list-separate .price .futher::before  { content:'(+'; }
.layer-final-edit .list-separate .price .futher::after  { content:')'; }
.layer-final-edit .list-separate .separate-info  { height:32px; display:flex; align-items: center; }
.layer-final-edit .list-separate .separate-info .btn-del  { width:20px; height:20px; background:url(/assets/images/icons/icon_trash_white.svg) center no-repeat #595959; background-size:60% auto; border-radius:3px; margin-left:auto; }
/*.layer-final-edit .list-separate .separate-info .btn-del::before  { content: "\f1f8"; font-family:FontAwesome; font-weight:300; }*/
.layer-final-edit .list-separate .separate-info .btn-reset  { width:16px; height:16px; border-radius: 3px; background:url(/assets/images/icons/common.png)-236px -29px no-repeat #298eff; vertical-align:middle; margin-top:-2px; }
.layer-final-edit .list-separate .separate-info .check-style2  { flex-shrink:0; margin-top:1px; margin-left:-24px; }
.layer-final-edit .list-separate .separate-tune  { display:none; }
.layer-final-edit .list-separate .separate-tune .d-flex  { gap:5px;padding-bottom:5px }
.layer-final-edit .list-separate .separate-tune .d-flex .form-control:not(:first-child)  { width:77%; }
.layer-final-edit .tune-body.do-separate .data-write,
.layer-final-edit .tune-body.do-separate .list-type2 { display:none !important; }



/* 대시보드 반응형 */
.new-reserve .reserve-grid-wrap .service-grid  { min-width:965px }
.reserve-total-wrap .reserve-total-bg .btn-fold  { display:none; position:absolute; bottom:20px; right:12px; width:28px; height:28px; background:url(/assets/images/icons/angle-up-wh.svg) center center no-repeat; background-size:20px 20px; }
@media (max-width:1600px) {
  .modal-dialog.new-reserve  { width:auto; }
  .new-reserve .modal-body  { /*overflow-x:auto;*/ padding-bottom:0; }
  .new-reserve .customer-wrap  { flex-wrap:wrap; align-items:center; }
  .new-reserve .customer-wrap .d-flex .after  { flex-wrap:wrap; }
  .new-reserve .customer-wrap .customer  { margin-left:7px; margin-right:0 !important; }
  .new-reserve .customer-wrap .customer.personal-info  { width:100%; flex-wrap: wrap; }
  .new-reserve .customer-wrap .customer.personal-info + .personal-info { width:auto; }
  .new-reserve .reserve-grid-wrap  { grid-template-columns: repeat(2, 1fr); overflow-x:auto; }
  .new-reserve .reserve-grid-wrap .memo-reserve-grid  { grid-column-start:1; grid-column-end:3; }
  .new-reserve .reserve-grid-wrap .reserve-grid  { grid-column-start:2; grid-row-start:3; grid-row-end:5; }
  .new-reserve .reserve-grid .card-body  { grid-template-columns:repeat(2, 1fr); }
  .new-reserve .reserve-grid .reserve-data-choiced  { width:auto; }
  .new-reserve .reserve-grid-wrap .member-keeping-grid  { grid-column-start: 1; grid-row-start: 4; }
  .new-reserve .reserve-grid-wrap .customer-memo-grid  { grid-row-start: 6; }
  .reserve-total-wrap  { position: sticky !important; left:-21px; width:calc(100% + 42px) !important; display:flex; justify-content: center; overflow-x: auto; }
  .reserve-total-wrap .reserve-total-bg  { left:auto; right:auto; transform: none; }
}
@media (max-width:730px) {
  .new-reserve .customer-wrap .customer.before  { line-height:18px; padding-bottom:10px; }
  .new-reserve .reserve-grid-wrap  { grid-template-columns:1fr; column-gap:0; overflow:auto; }
  .new-reserve .reserve-grid-wrap .card  { grid-column-start:1; grid-column-end:2; grid-row-start:auto; }
  .new-reserve .reserve-grid-wrap .service-grid  { min-width:100%; grid-template-columns:300px 240px; }
  .new-reserve .reserve-grid-wrap .reserve-grid  { grid-row-start:6; grid-row-end:7; }
  .new-reserve .memo-grid .memo-write .write-wrap  { width:100%; }
  .reserve-total-wrap .reserve-total-bg  { min-height:auto; padding:18px 0; }
  .reserve-total-wrap .reserve-total-bg:not(.unfold)  { padding:10px 0; }
  .reserve-total-wrap .reserve-total-bg .btn-fold  { display:block; transition:all 0.2s; }
  .reserve-total-wrap .reserve-total-bg.unfold .btn-fold  { transform: rotate(180deg); }
  .reserve-total-amount, .reserve-total-rgst  { float:none; margin:auto; }
  .reserve-total-bg:not(.unfold) .reserve-total-rgst  { display:none; }
  .reserve-total-bg .reserve-total-rgst  { width:300px; border-left:0; border-top:1px solid #6c7883; padding-left:0; margin-top:30px; padding-top:20px; }
  .reserve-total-bg:not(.unfold) .reserve-total-amount p:not(.final)  { display:none }
  .reserve-total-amount .final  { border-top:0; margin-top:0; }
}
@media (max-width:500px) {
  .new-reserve .customer-search  { flex-wrap:wrap; }
  .new-reserve .customer-search .form-control[type=text], .new-reserve .customer-search .form-control[type=number]   { width:calc(100% - 45px); }
  .new-reserve .customer-search .form-control:first-child  { margin-bottom:5px; }
  .new-reserve .customer-wrap .d-flex .after  { padding-bottom:5px; }
  .new-reserve .customer-wrap .customer[class*="account-"],
  .new-reserve .customer-wrap .customer.membership  { width:100%; margin-top:5px; }
  .new-reserve .customer-wrap .amount:after  { display: none; }
  .new-reserve .reserve-grid-wrap .memo-recent-grid .write-wrap,
  .new-reserve .reserve-grid-wrap .memo-reserve-grid .write-wrap,
  .new-reserve .customer-memo-grid .memo-write .write-wrap  { height:100px }
  .new-reserve .list-type3 ul  { display:block; }
  .new-reserve .time-schedule .timewrap  { padding-bottom:20px; }
  .new-reserve .time-schedule .timewrap .list-type2  { display:grid; grid-template-columns: repeat(5, 1fr); gap:4px; }
  .new-reserve .time-schedule .timewrap li  { width:auto; height:32px; }
  .new-reserve .reserve-grid-wrap .service-grid  { display:block; }
  .new-reserve .service-grid > .d-flex + .d-flex  { border-left:0; }
  .new-reserve .reserve-grid .card-body  { display: block; min-height:400px; }
  .new-reserve .reserve-grid .reserve-data-choiced + .reserve-data-choiced  { margin-top:10px; }
  .new-reserve .product-grid .card-header  { flex-wrap:wrap; }
  .new-reserve .card-header .form-control-sm  { width:100%; }
  .layer-final-edit  { position:fixed; bottom:0; width:100%; }
  .layer-final-edit .deisigner-service ,
  .layer-final-edit .tune-up  { float:none; width:100%; }
  .layer-final-edit .deisigner-service  { min-height:100px; padding-bottom:20px; }
}


/* 파일업로드 스타일 */
#sortable { list-style-type: none; margin: 0; padding: 0 }
.file-uploads-banner li { width:180px; height:168px; margin:0 10px 10px 0; float: left }
.file-uploads-paper ul  { margin-left: -10px !important; }
.file-uploads-paper li { width:105px; height:140px; margin:0 0 10px 10px; float: left; }
.file-uploads-banner .ui-state-default,
.file-uploads-paper .ui-state-default  { border:0; font-weight: 400; }
.jFiler-theme-default .jFiler-input  { max-width:100% }

.ui-state-default > .file-upload-type1  {
  width: 100%;
  height: 100%;
}
.file-upload-type1  {
  position: relative;
  width: 180px;
  height: 168px;
  border: 1px solid #E1E1E1;
  border-radius: 3px;
  font-size:13px;
}
.file-upload-type1:before  {
  position: absolute;
  content:'이미지 등록';
  top:37%;
  left:0;
  right:0;
  text-align: center;
}
.file-upload-type1 > img  {
  position: relative;
  width:100%;
  height:100%;
  object-fit: contain;
}
.file-upload-type1 .btns  {
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  height:30px;
  background:rgba(0,0,0,0.5);
  display: flex;
}
.file-upload-type1 .btns > *:hover  {
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25) inset;
}
.file-upload-type1 .btn-fileup  {
  position: relative;
  flex:1;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#fff;
  cursor: pointer;
}
.file-upload-type1 .btn-fileup input  {
  position: absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  opacity:0;
}
.file-upload-type1 .btn  {
  flex:1;
  border:0;
  color:#fff;
  padding:0;
}
.file-uploads-paper .file-upload-type1  { /* 고객리스트 > 회원선불권계약서, 고객차트 관련 */
  font-size: 11px;
}
.file-uploads-paper .btn-del  {
  top:6px;
  right:6px;
  width: 20px;
  height: 20px;
  background-position: -194.5px -17.5px;
  background-size: 210px 210px;
}
.file-upload-type1 .btn-del  {
  position: absolute;
  top:8px;
  right:8px;
  width:24px;
  height:24px;
  border-radius: 50%;
  border:1px solid #c9c9c9;
  background:url(/assets/images/icons/common.png) -222px -19px no-repeat rgba(255,255,255,0.5);
  background-size: 240px 240px;
}
.file-upload-type1 .check-style  {
  position: absolute;
  top:8px;
  left:8px;
}
.file-upload-idcard,
.img-idcard  { position:relative; width:220px; height:135px; border:1px solid #dedede; background:#fff; border-radius:4px; font-size:15px; color:#999; padding-top:16px; margin:auto;cursor:pointer }
.file-upload-idcard::after  { content:''; position:absolute; bottom:0; left:0; width:100%; height:46px; background:url(/assets/images/icons/icon_upload.svg) center 38% no-repeat #fff; background-size:30px auto; opacity:0.6; z-index:2; }
.file-upload-idcard input[type=file]  { position:absolute; opacity:0 }
.file-upload-idcard > img,
.img-idcard > img { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain; }
.sign-wrap  { position: relative; width:220px; }
.sign-wrap #idImage  { height:140px; }
.sign-wrap #idImage::after  { content:'서명해주세요'; position:absolute; top:60px; left:0; width:100%; color:#999; text-align:center; pointer-events:none; }
.sign-wrap #idImage.doing::after  { display:none; }
.sign-wrap canvas  { background:#ceeefc; }
.sign-wrap #idImage > img { position:absolute; top:0; left:0; width:220px; height:140px; object-fit:contain; }


/* 체크박스, 라디오버튼 스타일 */
.check-style  {
  position: relative;
  min-height: 22px;
  margin-bottom: 0;
}
.table .check-style {
  vertical-align: middle;
}
.check-style input,
.check-style2 input,
.check-style3 input  { /* check-style3 은 check-style2와 동일한 모양, script에 필요해서 추가하였음 */
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.check-style input + span  {
  display: block;
  line-height: 18px;
  padding: 2px 5px 2px 29px;
}
.check-style input + span::before,
.check-style2 input + span::before,
.check-style3 input + span::before  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border:2px solid #cecece;
  background-color: #fff;
  border-radius: 3px;
}
.check-style input:disabled + span::before  {
  border:1px solid #bebebe;
  background:#cecece;
}
.check-style input:checked + span:before {
  background-image: url(/assets/images/icons/common.png);
  background-position: -24px -26px;
  background-repeat: no-repeat;
  border:1px solid #0d6dd9;
  background-color: #298eff;
}

.check-style2, .check-style3 { position: relative; min-height: 20px; margin-bottom: 0; }
.check-style2 input + span,
.check-style3 input + span { position: relative; display: block; font-size: 12px; padding: 0 4px 1px 24px; user-select: none; cursor: pointer; }
.check-style2 input + span::before,
.check-style3 input + span::before { width:19px; height:19px; }
.check-style2 input:checked + span::before,
.check-style3 input:checked + span::before { background-image: url(/assets/images/icons/common.png); border:1px solid transparent; background-color: #2E5982; background-position: -26px -3px; }

.check-style.alone input + span  {
  padding-left:19px;
}
.check-style.alone.check-sm input + span  { padding-left:15px; }
.check-style.check-sm  { min-height:20px; }
.check-style.check-sm input + span  { padding: 1px 5px 3px 26px;}
.check-style.check-sm input + span::before  { width:20px; height:20px; }
.check-style.check-sm input:checked + span:before  { background-size:250px auto; background-position: -19px -21px; }

.radio-style  {
  position: relative;
  min-height: 22px;
  margin-bottom: 0;
}
.radio-style input  {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.radio-style input + span  {
  display: block;
  line-height: 18px;
  padding: 2px 5px 2px 27px;
  user-select: none;
}
.radio-style input + span::before  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border:2px solid #cecece;
  background-color: #fff;
  border-radius: 50%;
}
.radio-style input:checked + span::before {
  border:1px solid #0d6dd9;
  background-color: #298eff;
}
.radio-style input:checked + span::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 12px;
  height: 12px;
  border: 1px solid #0d6dd9;
  background-color: #fff;
  border-radius: 50%;
}
.radio-style input:disabled + span::before {
  border-color:#cecece;
  background-color: #cecece;
}
.radio-style input:disabled + span::after {
  border: 1px solid #a0a0a0;
}

.radio-style.single  {
  vertical-align: middle;
}
.radio-style.single input + span  {
  padding-left:17px;
}


/* i-checks 스타일 radio-style & check-style 과 통일 */
.x-green,
.iradio_square-green  { border:2px solid #cecece !important; background-image:none !important; vertical-align:top !important; }
.icheckbox_square-green { border-radius:3px; }
.iradio_square-green  { border-radius:50%; }
.icheckbox_square-green.hover,
.iradio_square-green.hover  { background:none; }
.icheckbox_square-green.hover  { border: 1px solid #cecece; }
.icheckbox_square-green.checked,
.iradio_square-green.checked  { border:1px solid #0d6dd9 !important; background:#298eff; }
.icheckbox_square-green.checked  { background:url(/assets/images/icons/common.png) -24px -26px #298eff no-repeat !important; }
.iradio_square-green.checked::after { content: ''; position: absolute; top: 4px; left: 4px; width: 12px; height: 12px; border: 1px solid #0d6dd9; background-color: #fff; border-radius: 50%; }


/* 토글스타일 radio */
.switch-style-circle  {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    margin-bottom: 0;
}
.switch-style-circle input {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch-style-circle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e4e2e2;
    -webkit-transition: .4s;
    transition: .4s;
}
.switch-style-circle .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
}
.switch-style-circle input:checked + .slider {
    background-color: #298EFF;
}
.switch-style-circle input:focus + .slider {
  box-shadow: 0 0 1px #298EFF;
}
.switch-style-circle input:checked + .slider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}
.switch-style-circle .slider.round {
    border-radius: 34px;
}
.switch-style-circle .slider.round:before {
    border-radius: 50%;
}
.switch-style-circle.disabled  { 
  pointer-events:none; 
  opacity:0.5; 
}
.switch-style-circle.use-text  {
  width: 100px;
}
.switch-style-circle.use-text input + .slider::after  {
  content:'사용안함';
  font-weight: 700;
  color: #676A6C;
  position: absolute;
  left: 38px;
  top: 50%;
  transform: translateY(-50%);
}
.switch-style-circle.use-text input:checked + .slider::after  {
  content:'사용함';
  color: #fff;
  left: 18px;
}
.switch-style-circle.use-text input:checked + .slider:before {
    -webkit-transform: translateX(70px);
    -ms-transform: translateX(70px);
    transform: translateX(70px);
}

.icon  {
  display: inline-block;
  vertical-align: middle;
}
.i-common {
  background-image: url(/assets/images/icons/common.png);
  background-repeat: no-repeat;
}
.i-common.i-rotate  {
  width: 21px;
  height: 17px;
  background-position: -68px -3px;
  margin-right: 6px;
  margin-bottom: 2px;
}
.i-common.i-morning  {
  width: 15px;
  height: 15px;
  background-position: -106px -4px;
}
.i-common.i-evening  {
  width: 15px;
  height: 15px;
  background-position: -106px -28px;
}
.i-common.i-clock  {
  width: 19px;
  height: 19px;
  background-position: -137px -1px;
  margin-bottom: 3px;
}
.i-common.i-figure1  {
  width: 17px;
  height: 16px;
  background-position: -170px -2px;
  margin-bottom: 3px;
}
.i-common.i-figure2  {
  width: 17px;
  height: 16px;
  background-position: -204px -2px;
  margin-bottom: 3px;
}
.i-common.i-figure3  {
  width: 17px;
  height: 16px;
  background-position: -234px -2px;
  margin-bottom: 3px;
}


/* 고객정보수정 */
.customerinfo-history + .dataTables_paginate .pagination  {
  margin-bottom:0;
}

/* 문자 */
.message-balance {
  display: flex;
  align-items: center;
  width: 500px;
  max-width: 100%;
}
.message-balance-won {
  display: flex;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  justify-content: flex-end;
}
.message-balance-text {
  animation: textLoop 7s linear infinite;
}
/* 문자 textarea */
.sms_cntnts{
  width:100%;
  height:150px;
}
@keyframes textLoop {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
  }
}

.checkerbtn-group {
  display: flex;
  flex-wrap:wrap;
  gap:6px;
  padding-bottom:0.5rem;
}
.checkerbtn-group .checkerbtn {
  position: relative;
  min-width: 70px;
  margin-bottom:0;
}
.checkerbtn-group .checkerbtn input {
  position : absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.checkerbtn-group .checkerbtn input + span {
    background: #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    height:40px;
    border-radius: 3px;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    font-size: inherit;
    padding:0 0.75rem;
    user-select: none;
    cursor: pointer;
}
.checkerbtn-group .checkerbtn input:checked + span {
    color: #fff;
    background-color: #2E5982;
    border-color: #2E5982;
}

.checkerbtn-group.checkerbtn-group-sub .checkerbtn input + span {
  background: #f1f1f1;
}
.checkerbtn-group.checkerbtn-group-sub .checkerbtn input:checked + span {
  background-color: #fd7e14;
  border-color: #fd7e14;
}


.messages {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.messages-item {
  border: 1px solid #eee;
  background: #fff;
  padding: 5px;
}
.messages-item textarea:read-only {
  background: #fff;
}
.sample-group .messages {
  display: none;
}
.sample-group .messages.show {
  display: grid;
}

.my-group,
.ex-group {
  display: none;
  border: 1px solid #eee;
  padding: 5px;
  background-color: #fcfcfc;
}
.my-group.show,
.ex-group.show {
  display: block;
}

.exsample-group .messages {
  display: none;
}
.exsample-group .messages.show {
  display: grid;
}
.message-usertable .bgtype1 th,
.message-usertable .bgtype1 td {
  background: #EEECEF;
}
.message-usertable .bgtype2 th,
.message-usertable .bgtype2 td {
  background: #F3EFD5;
}
.message-usertable .bgtype3 th,
.message-usertable .bgtype3 td {
  background: #E9E2B2;
}

.message-usertable .input-group-addon.border-none {
  background: none !important;
}

@media (max-width:1200px) {
  .messages {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width:1000px) {
  .messages {
    grid-template-columns: repeat(1, 1fr);
  }

  .navbar-top-links li.welcome-message{
    display:none;
  }

  .navbar-top-links li a.go_mobile::after{
    content: "뷰티샵";
    text-decoration: underline;
  }
}

@media (max-width:768px) {
  .messages {
    grid-template-columns: repeat(1, 1fr);
  }
}

.call_mng_icon{
  position:fixed;
  right:30px;
  bottom:240px;
  cursor: pointer;
  z-index: 901;
}

.call_mng_icon .count  {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 30px;
  height: 30px;
  background-color: #ED5565;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 1;
  color: #fff;
}
.chat_bot_icon{
  position:fixed;
  right:30px;
  bottom:80px;
  cursor: pointer;
}
.top_icon{
  position:fixed;
  right:13px;
  bottom:15px;
  cursor: pointer;
}

/* fullcalendar */
.fc .fc-button  { padding: 0 0.5em !important }
.holiday-calendar .fc-h-event .fc-event-main { font-size:12px; color:#233983; }

/* datepicker customer */
.input-group.date > .input-group-addon  {
  position: relative;
  border:0;
  background-color:transparent;
  width:37px;
  margin-left: -37px;
}

/* KT 통화매니저(footer고정버튼) */
.call_mng_layer  {
  display: none;
  position:fixed; 
  bottom:156px; 
  right:25px; 
  width:380px; 
  box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.26); 
  z-index:1010;
}
.call_mng_layer.show  {
  display: block;
}
.call_mng_layer .header-search  {
  height:92px; 
  background: linear-gradient(180deg, #3A97E2 0%, #207ECF 43.35%, #2D58CB 85%); 
  border-top-left-radius: 3px; 
  border-top-right-radius: 3px;
  padding: 10px 24px 0;
}
.call_mng_layer .header-search h3  {
  font-size:15px; 
  font-weight:500; 
  color:#fff; 
  text-align:center; 
  margin-bottom: 10px;
}
.call_mng_layer .header-search .btn-close  {
  position: absolute; 
  width:18px; 
  height:18px; 
  top:14px; 
  right:14px; 
  border:0; 
  outline: 0; 
  background-color: transparent; 
  font-size:16px; 
  font-weight:700; 
  color:#fff; 
  line-height:1; 
  padding:0;
}
.call_mng_layer .header-search .search-wrap  {
  position: relative;
  background-color: #fff;
  border-radius: 3px;
  padding-right: 33px;
  margin-right: 12px;
}
.call_mng_layer .header-search .search-wrap input[type=text]  {
  width: 100%;
  height:34px;
  border:0;
  outline: 0;
  background-color: transparent;
  padding-left: 11px;
}
.call_mng_layer .header-search .search-wrap .btn-search  {
  position: absolute;
  top:0;
  right:0;
  width: 31px;
  height: 100%;
  border:0;
  outline: 0;
  background-color: transparent;
  color:#2E5982;
}
.call_mng_layer .header-search .menu-edit  {
  position: absolute;
  top: 52px;
  right: 12px;
  width: 23px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.call_mng_layer .header-search .menu-edit span,
.call_mng_layer .header-search .menu-edit span::before,
.call_mng_layer .header-search .menu-edit span::after  {
  display: block;
  width: 3px;
  height: 3px;
  background-color: #fff;
  border-radius: 50%;
}
.call_mng_layer .header-search .menu-edit span::before,
.call_mng_layer .header-search .menu-edit span::after  {
  position: absolute;
  content: '';
}
.call_mng_layer .header-search .menu-edit span::before  {
  top: 0;
}
.call_mng_layer .header-search .menu-edit span::after {
  bottom: 0;
}
.call_mng_layer .menu-edit-list  {
  display: none;
  position: absolute;
  top:85px;
  right:20px;
  width: 103px;
  border: 1px solid #C9C9C9;
  background-color: #fff;
  border-radius: 3px;
  padding: 0;
  z-index: 2;
}
.call_mng_layer .menu-edit-list.show  {
  display: block;
}
.call_mng_layer .menu-edit-list li  {
  list-style: none;
  line-height: 30px;
  text-align: center;
  user-select: none;
  cursor: pointer;
}
.call_mng_layer .menu-edit-list li + li  {
  border-top: 1px solid #C9C9C9;
}
.call_mng_layer .menu-edit-list .btn-menu-close  {
  height: 30px;
  background-color: #556575;
  border-radius: 0;
  color: #FFE500;
  padding: 0;
}
.call_mng_layer .btn-save  {
  display: none;
}
.call_mng_layer .call-list  {
  height:644px;
  max-height: 68vh;
  background-color: #fff; 
  border-bottom-left-radius: 3px; 
  border-bottom-right-radius: 3px; 
  font-size: 12px;
  overflow-y:auto;
  padding: 0 15px 5px;
}
.call_mng_layer .call-date  {
  font-weight: 700;
  padding:14px 0 9px;
}
.call_mng_layer .call-date:not(:first-child) {
  border-top: 1px solid #ddd;
}
.call_mng_layer .weekday-sun  {
  color: #ED5565;
}
.call_mng_layer .weekday-sat  {
  color: #438CFF;
}
.call_mng_layer .call-item  {
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 13px;
}
.call_mng_layer .call-item .check-style  {
  display: none;
}
.call_mng_layer .call-item .ico-call-fail  {
  width: 24px;
  height: 24px;
  background: url(/assets/images/common/call.svg) center center no-repeat;
  background-size: 37px auto;
}
.call_mng_layer .call-item .img-customer  {
  width:40px; 
  height:40px;
  background: url(/assets/images/icons/common.png)-14px -203px no-repeat;
  border: 1px solid #ddd;
  border-radius: 50%;
  margin: auto 8px;
  overflow: hidden;
}
.call_mng_layer .call-item .img-customer > img  {
  width:100%; 
  height:100%; 
  object-fit: cover; 
}
.call_mng_layer .call-item .info-customer  {
  flex: 1;
}
.call_mng_layer .call-item .grade-icon  {
  width: 16px; 
  height: 16px;
  vertical-align: top;
  margin-top: 2px;
}
.call_mng_layer p  {
  margin-bottom: 0;
}
.call_mng_layer .call-item .info-customer p:first-child  {
  font-size: 13px;
  font-weight: 700;
}
.call_mng_layer .call-item .info-customer .phone  {
  font-size: 12px;
}
.call_mng_layer .call-item .info-customer .memo  {
  font-size: 12px;
  color: #aaa;
}
.call_mng_layer .call-item .memo:not(.no-data)  {
  user-select: none;
  cursor: pointer;
}
.call_mng_layer .call-item .info-customer .memo::before  {
  content: '';
  display: inline-block;
  width: 18px; 
  height: 18px;
  background: url(/assets/images/icons/common.png)-205px -60px no-repeat;
  vertical-align: top;
}
.call_mng_layer .call-item .info-customer .memo:not(.no-data)::after  {
  content: '';
  display: inline-block;
  width: 15px; 
  height: 18px;
  background: url(/assets/images/icons/common.png)-169px -59px no-repeat;
  vertical-align: top;
}
.call_mng_layer .call-item .info-customer .memo.no-data::after  {
  content:'메모없음';
}
.call_mng_layer .call-item .etc .btn-reserve  {
  height: 28px;
  font-size: 12px;
  line-height: 13px;
  padding: 6px 6px;
  margin-top: 3px;
}
.call_mng_layer .call-item .etc  {
  text-align: right;
}
.call_mng_layer .call-item .etc .btn-reserve::before  {
  content: '';
  display: inline-block;
  width: 17px;
  height: 14px;
  background: url(/assets/images/icons/common.png)-220px -138px no-repeat;
  vertical-align: top;
}
.call_mng_layer .call-item textarea  {
  display: none;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height:60px;
  border:1px solid #ddd; 
  border-radius: 3px;
  font-size: 13px;
  color: #676A6C;
  resize: none;
  padding: 7px 10px;
}
.call_mng_layer .call-item.memo-unfold  {
  padding-bottom: 74px;
}
.call_mng_layer .call-item.memo-unfold textarea  {
  display: block;
}
.call_mng_layer .call-item.memo-unfold .memo:not(.no-data)::after  {
  background-position: -137px -60px;
}
.call_mng_layer .call-list + .edit-btns  {
  display: none;
  border-top: 1px solid #E5E6E7;
  background-color: #fff;
  border-bottom-left-radius: 3px; 
  border-bottom-right-radius: 3px;
  gap: 7px;
  padding: 15px;
}
.call_mng_layer .edit-btns > .btn  {
  flex: 1;
}
.call_mng_layer.edit-mode .call-list  {
  height:580px;
  border-radius: 0;
}
.call_mng_layer.edit-mode .edit-btns  {
  display: flex;
}
.call_mng_layer.edit-mode .check-style  {
  display: block;
}
.call_mng_layer.edit-mode .btn-edit  {
  display: none;
}
.call_mng_layer.edit-mode .btn-save  {
  display: block;
  border-top: 0;
}

/* 선불권 상세(모달내용) */
.ticket-detail-list .panel-heading button  {
  min-width: 60px;
  padding: 6px 10px;
  line-height: 14px;
}
.ticket-detail-list .panel-heading .panel-title  {
  margin-bottom:4px;
}
.ticket-detail-list .panel-heading .collapse-link  {
  width:20px;
  font-size: 15px;
  color:#C1C1C1;
  text-align:center;
  margin-left:auto;
  margin-right:-5px;
}
.ticket-detail-list ~ .edit-ticket-layer  {
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  top:67px;
  left: 50%;
  transform: translateX(-50%);
}
.ticket-detail-list ~ .edit-ticket-layer.edit-date  {
  width: 298px;
}
.ticket-detail-list ~ .edit-ticket-layer.edit-amount  {
  width: 498px; width:420px;
}
.edit-ticket-layer  {
  display: none;
}
.edit-ticket-layer.show  {
  display: block;
}
.edit-ticket-layer .nav-tabs > li > a {
  padding-left: 8px;
  padding-right: 6px;
  margin-right:0;
}

/* 카테고리 선택(회원권 할인 적용 외) */
.category-wrapper ul  {
  padding: 0;
  margin: 0;
}
.category-wrapper li  {
  list-style: none;
}
.category-wrapper li + li  {
  border-top:1px solid #ddd
}
.category-wrapper li.active  {
  background-color: rgba(41, 142, 255, 0.3);
  font-weight: 700;
  color: #298EFF;
}
.category-select-step  {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding-bottom: 14px;
}
.category-select-step .category-wrapper  {
  width: 240px;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
}
.category-select-step .category-wrapper .stit,
.category-selected-full .stit   {
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f6;
  text-align: center;
  font-weight: 700;
  padding: 0.52em 0;
}
.category-select-step .category-wrapper .stit .check-all,
.category-selected-full .stit .check-all   {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
.category-select-step .category-wrapper ul  {
  height: 238px;
  padding: 0;
  margin: 0;
  overflow-y: auto;
}
.category-select-step .category-wrapper li,
.category-selected-full .category-item  {
  position: relative;
  list-style: none;
  min-height: 36px;
  padding: 7px 0 7px 15px;
}
.category-select-step .check-style,
.category-selected-full .check-style  {
  margin:0;
}
.category-select-step .category-wrapper li > .btn-del,
.category-selected-full .category-item > .btn-del  {
  position: absolute;
  font-size: 11px;
  padding: 2px 7px 3px;
  top: 5.5px;
  right: 11px;
}

.category-select-step2  {
  display: flex;
  border:1px solid #ddd;
  border-top:0;
}
.category-select-step2 .category-wrapper  {
  flex:1;
  overflow-y: auto;
}
.category-select-step2 .category-wrapper +.category-wrapper  {
  border-left:1px solid #ddd;
}
.category-select-step2 .stit  {
  position: sticky;
  top:0;
  background-color: #88949e;
  color:#fff;
  text-align: center;
  padding: 0.52em 0;
  z-index:2;
}
.category-select-step2 .category-wrapper:last-child .stit  {
  background-color: #2E5982;
}
.category-select-step2 li  {
  display: flex;
  padding: 7px 0 7px 15px;
}

.category-selected-full  {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 14px;
}
.category-selected-full .category-wrapper  {
  max-height: 238px;
  overflow-y: scroll;
}
.category-selected-full .stit  {
  width: 243px;
}
.category-selected-full .stit:last-child  {
  flex:1;
}
.category-selected-full .category-wrapper > ul:first-child  {
  border-left: 0;
}
.category-selected-full li  {
  display: flex;
  border-left: 1px solid #ddd;
}
.category-selected-full .category-item  {
  width: 242px;
  align-self: flex-start;
}
.category-selected-full .category-wrapper > ul > li  {
  border-left: 0;
}
.category-selected-full .category-wrapper > ul > li > .category-item ~ ul  {
  flex: 1; /* 2depth 카테고리 영역 */
}
.category-selected-full .category-wrapper > ul > li > .category-item ~ ul > li  {
  display: flex; /* 2depth 카테고리 영역 */
}
.category-selected-full .discount-set  {
  width: 150px;
  gap: 5px;
  padding-top:5px;
}
.category-selected-full .discount-set .form-control:first-child  {
  flex-grow: 0;
  flex-basis: 70px;
}


/* 카테고리 관리 */
.category-set .category-wrapper  { border:1px solid #ddd; border-radius: 4px; margin-top:7px; }
.category-set .category-kind  { border-bottom:1px solid #ddd; padding:8px 11px; }
.category-set .stit  { display:flex; justify-content: flex-end; gap:2px; background-color: #f5f5f6; border-top-left-radius: 3px; border-top-right-radius:3px; padding:8px 6px 8px 5px; }
.category-set .stit .check-style2,
.category-set .stit .check-style3  { margin-right:auto; font-size:12px; }
.category-set .stit .check-style2 input + span,
.category-set .stit .check-style3 input + span  { padding-left:21px; }
.category-set .stit .check-style2 input + span::before,
.category-set .stit .check-style3 input + span::before  { width:15px; height:15px; top:2px; left:4px; background-size: 200px 200px; background-position:-16px -1px; }
.category-set .stit .mng  { flex:0 0 51px; padding-right:9px; }
.category-set ul  { padding:0; margin:0; }
.category-set li  { display: flex; align-items: center; border-top:1px solid #ddd; user-select: none; padding-left:10px; }
.category-set li.active { background-color: rgba(41, 142, 255, 0.3); font-weight: 700; color: #298EFF; } 
.category-set .switch-style-circle  { align-self: center; width:34px; height:20px; margin-left:9px; }
.category-set .switch-style-circle input:checked + .slider:before  { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px) }
.category-set .switch-style-circle .slider:before  { width:16px; height:16px; }
.category-set .category-wrapper button:not(.move)  { width:26px; height:100%; border:0; background-color:transparent; padding:1px 0 0; }
.category-set button.btn-edit  { padding-top:3px; padding-left:2px; }
.category-set .btn-edit::before   { content:'\f044';  font:normal normal normal 19px/1 FontAwesome; color:#888; }
.category-set .btn-del::before  { content:'\f1f8'; font:normal normal normal 16px/1 FontAwesome; color:#ED5565; }
.category-set li .name  { flex:1; padding:8px 0 8px 0; }
.category-set .mng  { flex:0 0 auto; letter-spacing:-1px; text-align: center; padding-left:7px; }
.category-set li .move  { flex:0 0 30px; background-color:#f5f5f6; background-color:transparent; border:0; font-family:FontAwesome; font-size:12px; color:#888; padding:0 4px 0 0; }
.category-set li .move::before  { content: "\f176"; }
.category-set li .move::after  { content: "\f175"; }
.category-set .count  { display: block; min-width:41px; align-self:center; color: #298EFF !important; text-decoration:underline !important; text-align: center; padding:0; }
.category-set .count + .count  { margin-left:6px; }

.category-set li.cate-invisible  { background-color:#fbebec; }
.category-set li.cate-deleted  { background-color:#d2d2d2; }
.category-wrapper.invisible-hidden .cate-invisible  { display: none; }
.category-wrapper:not(.invisible-hidden).deleted-hidden .cate-invisible  { display: flex; }
.category-wrapper:not(.invisible-hidden).deleted-hidden .cate-deleted  { display: none; }
.category-wrapper.deleted-hidden .cate-deleted  { display: none; }
.category-wrapper:not(.deleted-hidden).invisible-hidden .cate-deleted  { display: flex; }



/* 회원관련 버튼 */
.btn-customer-menu  {
  width: 26px;
  height: 26px;
  border-color: #ddd;
  background: url(/assets/images/icons/common.png) -20px -133px no-repeat #fff;
  margin-right: 3px;
}
.btn-membership-view,
.btn-membership-add  {
  padding:0.25rem;
  margin-bottom:-1px;
}
.btn-membership-view:before,
.btn-membership-add:before  {
  content:'';
  display: inline-flex;
  width: 26px;
  height: 21px;
  background: url(/assets/images/icons/common.png) -61px -136px no-repeat;
  vertical-align: top;
  margin-bottom:-1px;
}
.btn-membership-add:before  {
  background-position: -178px -136px;
}
.btn-membership-view:hover:before {
  background-position: -100px -136px;
}
.btn-membership-add:hover:before   {
  background-position: -140px -136px;
}

/* 고객명 개인메뉴 */
.popup-menu-personal  {
  position: absolute;
  min-width: 136px;
  border:1px solid #C9C9C9;
  background-color: #fff;
  border-radius: 3px;
  z-index:10;
}
.popup-menu-personal ul  {
  padding: 0;
  margin: 0;
}
.popup-menu-personal li  {
  position: relative;
  list-style: none;
  border-bottom: 1px solid #C9C9C9;
  line-height: 31px;
  padding: 0 0 0 36px;
  cursor: pointer;
}
.popup-menu-personal li::before  {
  content: '';
  display: block;
  width:17px;
  height: 16px;
  position: absolute;
  top: 7px;
  left: 14px;
}
.popup-menu-personal li.btn-reserve::before  {
  background: url(/assets/images/icons/common.png) -219px -137px;
}
.popup-menu-personal li.btn-edit::before  {
  background: url(/assets/images/icons/common.png) -248px -136px;
}
.popup-menu-personal li.btn-msg::before  {
  background: url(/assets/images/icons/common.png) -279px -137px;
}
.popup-menu-personal .btn-close  {
  width: 100%;
  height: 32px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #556575;
  color: #FFE500;
}

/* 고객별 회원권 정보 */
.membership-summary  {
  display: flex;
  flex-wrap: wrap;
  gap:8px;
}
.membership-summary .membership-info  {
  flex:1;
  display: flex;
  min-width: 280px;
  border: 1px solid transparent;
  border-radius: 3px;
}
.membership-summary .membership-info .stit  {
  flex: 0 0 30%;
  text-align: center;
  padding: 10px 5px;
}
.membership-summary .membership-info .detail-membership  {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.membership-summary .personal-info  {
  flex:1;
  min-width: 250px;
  border: 1px solid #ddd;
  background-color: #F9F9F9;
  border-radius: 3px;
  text-align: center;
  white-space: nowrap;
  padding: 6px;
}
.membership-summary .personal-info .btn-rgst-membership  {
  padding: 3px 8px;
  margin-left: 14px;
}
.membership-summary .personal-info .btn-rgst-membership::before  {
  content: '';
  display: inline-block;
  width: 22px;
  height: 19px;
  background: url(/assets/images/icons/common.png) -99px -136px no-repeat;
  vertical-align: top;
  margin-right: 3px;
}


/* 결제 - 선불권 목록 */
.ticket-list  { 
  display: flex; 
  flex-wrap: wrap; 
  gap:10px;
  margin-bottom:15px;
}
.ticket-list.w-100 .card-ticket  {
  width:100%;
}
.ticket-list .card-ticket  {
  width: 420px;
	min-height: 54px;
	flex-direction: row;
	border-color: #6C757D;
  font-size: 13px;
  cursor: pointer;
	overflow: hidden;
}
.ticket-list .card-ticket label{
	align-self: center;
	margin-left: 10px;
	pointer-events: none;
}
.ticket-list .card-ticket .item-name   {
	flex:1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color:inherit;
}
.ticket-list p  {
	font-size: inherit;
	color: inherit;
  margin-bottom: 0.1rem;
}
.ticket-list .card-ticket .text-dday  {
	flex-basis: 62px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #6C757D;
	border-top-right-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
	color:#fff;
}
.ticket-list .card-ticket .text-dday span  {
	color: #FFE247;
}
.ticket-list .card-ticket.active  {
	border-color: #0d6dd9;
	color:#298eff;
}
.ticket-list .card-ticket.active .text-dday  {
	background-color: #298eff;
}

/* 결제용 모달 */
.modal-settlement  {
  max-width:380px;
  margin-top: 60px;
  margin-left: 100px;
}
.modal-settlement .modal-content   {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.modal-settlement .modal-header  {
  justify-content: center;
  background: linear-gradient(180deg, #3A97E2 0%, #207ECF 43.35%, #2D58CB 85%);
  color: #fff;
  border:0;
}
.modal-settlement .modal-header .close  {
  position: absolute;
  top: -42px;
  left: 50%;
  width: 30px;
  height: 30px;
  border: 3px solid #fff;
  border-radius: 50%;
  color:#fff;
  font-size: 1rem;
  line-height: 24px;
  padding: 0;
  margin: auto auto 0 -15px;
  opacity: 1;
}
.modal-settlement .stit  {
  font-size: 18px;
  font-weight: 700;
  color:#0D6DD9;
  line-height: 26px;
  text-align: center;
  margin-bottom: 15px;
}


/* 회원등급 텍스트 컬러 input */
.grade-name-color{
  height: 24px;
  width: 24px;
  border: 1px solid #ddd;
  outline: none;
  -webkit-appearance: none;
  padding:0;
  border-radius: 3px;
}
/* 문자발송 용 특수문자 버튼 */
.btns-special-key  {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1px;
  margin-bottom:-1px;
}
.btns-special-key > .btn  {
  width:29px;
  height: 29px;
  border: 1px solid #ddd;
  border-left: 0;
  border-top: 0;
  border-radius: 0;
  background-color: transparent;
  padding: 0;
}

.grade-name-color::-webkit-color-swatch-wrapper {
  padding: 0; 
}
.grade-name-color::-webkit-color-swatch {
  border: none;
  border-radius: 2px;
}
/* 문자발송 팝업 하단 버튼 */
.msg-pop-btns  {
  display: flex;
  gap: 9px;
}
.msg-pop-btns > .btn  {
  height: 47px;
  font-size: 1rem;
  font-weight: 500;
}


/* 마케팅관리 */
.msg-rsv  {
  max-width:1100px;
}
.msg-rsv.alert  {
  margin-bottom:0.5rem;
}
.msg-rsv.alert-secondary  { 
  border-color:#d6d8db;
  background-color: #fff;
}
.msg-rsv .list-group-item  {
  flex-wrap: wrap;
  align-items: center;
  padding-left:0;
}

.msg-rsv .btns-usable  {
  position: absolute;
  top:0.75rem;
  right:1.25rem
}
.msg-rsv .rsv-data-input  {
  width:56%;
  min-width: 240px;
  max-width: 320px;
  align-items: center;
  white-space: nowrap;
}
.msg-rsv .base-kind  {
  width:115px
}
.msg-rsv input[type=text],
.msg-rsv input[type=number] {
  width:42px;
  height: 29px;
  border:1px solid rgba(0,0,0,0.3);
  border-radius:3px;
  margin-right: 0.125rem;
  outline:0;
}
.msg-rsv select {
  height: 29px;
  border:1px solid rgba(0,0,0,0.3);
  border-radius:3px;
  margin-right: 0.25rem;
  outline:0;
}
.msg-rsv .rsv-data-input select  {
  width:56px;
}
.msg-rsv select.depth-1  {
  width:94px;
  margin-bottom:0.5rem;
}
.msg-rsv input[type=text]:disabled {
  background-color: #e9ecef;
}
.msg-rsv .btn  {
  min-width: 54px;
  padding: .25rem .5rem;
}


/* 예약메모 */
/*.reserve-memo-list  { min-height:40px; max-height:120px; border: 1px solid #dee2e6; border-radius: 6px; font-size:13px; padding:0; margin-bottom:7px; overflow-y: auto; }
.reserve-memo-list li  { list-style: none; text-align:left; }
.reserve-memo-list li + li { border-top: 1px solid #dee2e6; }
.reserve-memo-list .memo-header { display: flex; justify-content: space-between; background-color: #f3f5f7; padding: 8px 10px 7.5px; }
.reserve-memo-list p { margin: 0; }
.reserve-memo-list .date { font-size:12px; color: #8b8b8b; }
.reserve-memo-list .memo-con { background:#fff; padding: 8.5px 10px 9px; }*/
.reserve-memo-write  { display:flex; gap:5px; border: 1px solid #dee2e6; border-radius: 6px; background-color: #fff; text-align:left; padding:6px; }
.reserve-memo-write textarea { border: 0; outline: 0; resize: none; width:100%; height:66px; }
.reserve-memo-write button { flex: 0 0 50px; border: 0; outline: 0; border-radius: 5px; }

.customer-memo-write  {
  width: 100%;
  height:100px;
  border:1px solid #aaa;
  vertical-align: top;
}
/* 사진업로드용 썸네일 버튼 */
.customer-hair-img  {
  position: relative;
  width:70px;
  height:100px;
  margin:0 -5px 0 -4px;
}
.customer-hair-img > img  {
  width: 100%;
  height: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  object-fit: cover;
}
.thumb-img-view  {
  position: relative;
  width:70px;
  height:100px;
  border-radius: 4px;
  margin: auto;
  overflow: hidden;
}
.thumb-img-view > img  {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumb-img-view:hover:before  {
  content: '보기';
  position:absolute;
  top:0;
  left: 0;
  width:100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 13px;
  color: #fff;
  padding-bottom: 17%;
}
.thumb-img-view:hover:after  {
  content: attr(data-picture-count);
  position:absolute;
  top:0; 
  left: 0;
  width:100%;
  height: 100%;
  font-size: 22px;
  color: #fff;
  text-align: center;
  padding-top: 33%;
}
.thumb-img-view[data-picture-count="0"]:before  {
  display: none;
}
.thumb-img-view[data-picture-count="0"]:after  {
  content: '+';
  position:absolute;
  top:0; 
  left: 0;
  width:100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ccc;
  cursor: pointer;
  z-index:2;
  font-size: 30px;
  color: #fff;
  padding:0;
}


/* 사진올리기 input 스타일 */
.btn-file-upload input[type=file] {
  position:absolute;
  top:0; 
  left: 0;
  width:0;
  height: 0;
}
.btn-file-upload  {
  position:absolute;
  top:0; 
  left: 0;
  width:100%;
  height: 100%;
  display: flex;
  justify-content: center;
  background: #ccc;
  cursor: pointer;
  z-index:2;
}
.btn-file-upload:before  {
  content: '+';
  font-size: 30px;
  color: #fff;
  align-self: center;
}

.btn-file-input  {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 0;
  overflow: hidden;
}
.btn-file-input::before  {
  content:"\f03e";
  position:absolute;
  top:calc(50% - 0.5em);
  left: 0;
  width: 100%;
  font:normal normal normal 1.5em/1 FontAwesome;
  display: block;
  text-align: center;
  opacity: 0.5;
}
.btn-file-input.grade-img  {
  width: 50px;
  height: 50px;
}
.btn-file-input input[type=file] {
  position:absolute;
  top:0; 
  left: 0;
  width:0;
  height: 0;
}
.btn-file-input img  {
  position:absolute;
  top:0; 
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 사진 크게보기 레이어 */
.layer-photo  {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.65);
  overflow:hidden;
  z-index: 2500;
}
.layer-photo.show  {
  display: block;
}
.layer-photo .btn-close  {
  position: fixed;
  top: 35px;
  left: calc(50% + 500px);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  font: normal normal normal 28px/1 FontAwesome;
  color: #fff;
  background-color: #000;
  border:0;
  outline: 0;
  opacity: 0.7;
  z-index: 2;
}
.layer-photo .btn-close:before  {
  content: "\f00d";
}
.layer-photo .btn-close:hover {
  opacity: 1;
}
.layer-photo .photo-content  {
  height: 100%; 
  overflow-y: auto;
}
.layer-photo .photo-category  { /* 사진 상단 카테고리 */
  position:absolute;
  top: 50px;
  left: 0;
  width: 100%;
  font-size: 22px;
  color: #fff;
  text-align: center;
}
.layer-photo .bigger-photo  {
  position: relative;
  margin-top: 97px;
  left: 0;
  width: 100%;
  height: calc(100vh - 245px);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
}
.layer-photo .bigger-photo img  {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.layer-photo .btn-expand,
.layer-photo .btn-delete  {
  position: absolute;
  top: 5px;
  width: 47px;
  height: 47px;
  border: 0;
  outline: 0;
  border-radius: 50%;
}
.layer-photo .btn-expand  {
  left: calc(50% - 28px);
  background: url(/assets/images/icons/maximize_icon.svg) center center / 20px 20px no-repeat rgb(0,0,0,0.6);
}
.layer-photo .btn-delete  {
  left: calc(50% + 28px);
  background: url(/assets/images/icons/trash_icon.svg) center center / auto 21px no-repeat rgba(219, 0, 26, 0.6);
}
.layer-photo .thumbnail,
.layer-photo .thumbnail-fixed  {
  position: fixed;
  left: 0;
  bottom: 65px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.layer-photo .thumbnail *,
.layer-photo .thumbnail-fixed *,
.layer-photo .btn-image-rgst  {
  user-select: none;
}
.layer-photo .thumbnail-fixed .swiper  {
  max-width: 594px;
}
.layer-photo .thumbnail ul  {
  display: flex;
  gap: 8px;
  margin: 0;
  padding:0; 
}
.layer-photo .thumbnail li,
.layer-photo .thumbnail-fixed .swiper-slide  {
  list-style: none;
  width: 54px !important;
  max-width: 54px;
  height: 54px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.layer-photo .thumbnail-fixed.thumbnail-contract .swiper-slide  {
  max-height: 72px;
}
.layer-photo .thumbnail li img,
.layer-photo .thumbnail-fixed .swiper-slide img  {
  border-radius: 4px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.layer-photo .thumbnail li.active img,
.layer-photo .thumbnail-fixed .swiper-slide.active img {
  border: 2px solid #1AB394;
}
.layer-photo .thumbnail-fixed .swiper-slide.no-img  {
  background: url(/assets/images/common/img_pro_none.png) center / contain no-repeat #fff;
}
.layer-photo .thumbnail-fixed .swiper-slide[class*='type-']:after { /* 시술이미지 전,좌,우,후 표시 */
  position: absolute;
  top: 0;
  right:0;
  width:18px;
  height:18px;
  background-color: rgba(0,0,0,0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color:#fff;
}
.layer-photo .thumbnail-fixed .swiper-slide.type-front:after  {
  content:'전';
}
.layer-photo .thumbnail-fixed .swiper-slide.type-left:after  {
  content:'좌';
}
.layer-photo .thumbnail-fixed .swiper-slide.type-right:after  {
  content:'우';
}
.layer-photo .thumbnail-fixed .swiper-slide.type-back:after  {
  content:'후';
}
.layer-photo .thumbnail-fixed .swiper-button-next {
  right: calc(50% - 360px);
}
.layer-photo .thumbnail-fixed .swiper-button-prev {
  left: calc(50% - 360px);
}
.layer-photo .thumbnail-fixed .swiper-button-prev:after,
.layer-photo .thumbnail-fixed .swiper-button-next:after  {
  font-size: 22px;
  color:#fff;
}
.layer-photo .btn-image-rgst {
  position: fixed;
  bottom: 5px;
  left: 50%;
  width: 150px;
  height: 42px;
  margin: 80px auto 10px;
  transform: translateX(-50%);
}
.layer-photo .btn-image-rgst input[type=file]  {  
  position:absolute;
  top:0; 
  left: 0;
  width:0;
  height: 0;
  opacity: 0;
}
.btn-image-rgst label  {
  position:absolute;
  top:0; 
  left: 0;
  width:100%;
  height: 100%;
  border-radius: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.6);
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  z-index:2;
  margin:0;
}
.btn-image-rgst label:hover  {
  background: #000;
}
@media (max-width: 1100px) {
  .layer-photo .btn-close   {
    left: auto;
    right: 10px;
  }
}


/* 사진 등록하기 */
.dropzone  {
  border: 2px dashed #ddd !important;
}
.dz-message.needsclick .fa-3x {
  opacity: .3; 
}
.dz-message.needsclick p  {
  font-size: 13px;
  color: #aaa
}
.dz-message.needsclick p.text  {
  font-size: 18px;
  color:#666;
  margin-bottom: 2px;
}
.dropzone-area .dropzone  {
  padding: 13px 20px;
}
.dropzone-area .dropzone .dz-preview  {
  margin: 16px 9px;
}
.dropzone-area .dropzone .dz-preview .dz-remove  {
  position: relative;
  background-color: rgba(236,71,88,0.65);
  font-size:12px;
  color:#fff;
  line-height: 22px;
  transform: translateY(-100%);
  z-index: 501;
}
.dropzone-area .dropzone .dz-preview.dz-image-preview  {
  height:120px;
}
.dropzone-area .single-service-photo  {
  width: 176px;
  margin-bottom: 10px;
}
.single-service-photo .dropzone  {
  height: 162px;
  padding: 0;
  overflow: hidden;
}
.dropzone-area .single-service-photo .dropzone .dz-message .dz-button  {
  font-size:13px;
}
.dropzone-area .single-service-photo .dropzone .dz-message .dz-button::before  {
  content:"\f03e";
  font:normal normal normal 3em/1 FontAwesome;
  display: block;
  opacity: 0.3;
  margin: 13px 0 5px;
}
.dropzone-area .dropzone .dz-preview .dz-image  {
  border-radius: 6px;
}
.dropzone-area .dropzone .dz-preview .dz-error-message  {
  top:0;
  left:0;
}
.dropzone-area .dropzone .dz-preview .dz-error-message:after  {
  display: none;
}
.single-service-photo .dropzone .dz-preview .dz-image  {
  width: 140px;
  height:140px;
}
.single-service-photo .dropzone .dz-preview.dz-image-preview  {
  height:158px;
  padding: 9px 18px;
  margin:0;
}
/* 시술후 사진등록 */
.service-photo-upload.single  {
  width: 182px;
}
.service-photo-upload.single + .service-photo-upload.single  {
  margin-left: 10px;
}
.service-photo-upload .type-name  {
  font-size:14px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5em;
}
.service-photo-upload .photo-wrap  {
  position: relative;
  border: 2px dashed #ddd !important;
  height: 162px;
}
.service-photo-upload .photo-wrap::before  {
  content:"\f03e";
  position:absolute;
  top:22%;
  left: 0;
  width: 100%;
  font:normal normal normal 3em/1 FontAwesome;
  display: block;
  text-align: center;
  opacity: 0.3;
  margin: 13px 0 5px;
}
.service-photo-upload .photo-wrap img  {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-photo-upload .photo-wrap .btn  {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  border-radius: 0;
  width: 100%;
  height: 30px;
  color: #fff;
}


/* 서류이미지 리스트(선불권 동의(계약)서, 고객상담차트) */
.paper-img-list  {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  padding: 0;
}
.paper-img-list li  {
  list-style: none;
  width: 141px;
  text-align: center;
}
.paper-img-list .img-box  {
  position: relative;
  height: 175px;
  border: 1px solid #E5E6E7;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
}
.paper-img-list .img-box > img  {
  width: 100%;
  height: 100%; 
  object-fit: cover;
  vertical-align: top;
  object-position: center top;
}
.paper-img-list .img-box > .check-style  {
  position: absolute;
  top: 7px;
  left: 7px;
}
.paper-img-list  .img-box > .check-style input:checked + span:before  {
  background-position: -23px 0;
}
.paper-img-list li .name  {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 16px;
  margin: 6px 0 3px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.paper-img-list li .date  {
  color: #298EFF;
  line-height: 16px;
  margin-bottom: 1px;
}
.paper-img-list li .period  {
  font-size: 11px;
  color: #aaa;
  margin-bottom: 7px;
}
/* 서류이미지 상세 (선불권 동의(계약)서, 고객상담차트) */
.paper-img-view  {
  position: relative;
  border:1px solid #e5e6e7;
  border-radius: 5px;
  padding-top: 133.9%; 
  margin: 15px 0;
  overflow: hidden;
}
.paper-img-view > img  {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  object-fit: contain;
}
.paper-img-view > .magnifier { /* 이미지 확대보기 */
  display: none; 
  position: absolute;
  width: 200px; 
  height: 200px; 
  border: 2px solid rgba(102,202,134, 0.8); 
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 
  border-radius: 5px; 
  z-index: 1; 
}
.paper-thumbnail  {
  padding-top: 16px;
  margin-bottom: -5px;
}
.paper-thumbnail .swiper  {
  margin: 0 30px;
}
.paper-thumbnail .swiper-wrapper  {
  margin: 0;
  padding: 0;
}
.paper-thumbnail .swiper-slide  {
  width: 50px;
  height: 66px;
  border: 2px solid #e5e6e7;
  border-radius: 5px;
  overflow: hidden;
}
.paper-thumbnail .swiper-slide.active  {
  border-color: #1ab394;
}
.paper-thumbnail .swiper-slide > img  {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.paper-thumbnail .swiper-button-next,
.paper-thumbnail .swiper-button-prev  {
  width: 13px;
  margin-top: -18px;
}
.paper-thumbnail .swiper-button-next {
  right: 0;
}
.paper-thumbnail .swiper-button-prev {
  left: 0;
}
.paper-thumbnail .swiper-button-next:after,
.paper-thumbnail .swiper-button-prev:after  {
  font-size: 25px;
  color: #676A6C;
}

.paper-img-list .btn-del,
.paper-img-view .btn-del  {
  border: 1px solid rgba(220, 25, 49, 0.8);
  background: url(/assets/images/icons/trash_icon.svg) center no-repeat rgba(250, 58, 78, 0.8);
}
.paper-img-list .btn-edit,
.paper-img-view .btn-edit  {
  border: 1px solid rgba(107, 148, 235, 0.8);
  background: url(/assets/images/icons/write_icon.svg) center no-repeat rgba(131, 171, 255, 0.8);
}
.paper-img-list .btn-download,
.paper-img-view .btn-download  {
  border: 1px solid rgba(189, 84, 171, 0.8);
  background: url(/assets/images/icons/download_icon.svg) center no-repeat rgba(202, 102, 185, 0.8);
}
.paper-img-view .btn-print  {
  border: 1px solid rgba(71,180,106, 0.8);
  background: url(/assets/images/icons/print_icon.svg) center no-repeat rgba(102,202,134, 0.8);
}
.paper-img-list .img-box > .btn  {
  display: none;
  position: absolute;
  bottom: 7px;
  width:38px;
  height: 38px;
  background-size: auto 16px;
  border-radius: 50%;
}
.paper-img-list .img-box:hover > .btn  {
  display: block;
}
.paper-img-list .btn-del  {
  left: 7px;
}
.paper-img-list .btn-edit  {
  left: 50%;
  margin-left: -19px;
}
.paper-img-list .btn-download {
  right: 7px;
}
.paper-img-view > .btn  {
  position: absolute;
  width: 48px;
  height: 48px;
  background-size: auto 20px;
  border-radius: 50%;
  z-index:2;
}
.paper-img-view .btn-print {
  top: 14px;
  right: 70px;
  background-size: auto 22px;
}
.paper-img-view .btn-download {
  top: 14px;
  right: 14px;
}
.paper-img-view .btn-del {
  bottom: 14px;
  right: 70px;
}
.paper-img-view .btn-edit {
  bottom: 14px;
  right: 14px;
}

.modal-today-option .s-off {
  color:#bbb !important;
}

.modal-scroll-y-tbl {
  max-height:392px;
  overflow-y:auto;
}
/* dashboard layer popup */
.layer-popup  { position:fixed; top:1.75rem; left:50%; background-color: #fff; box-shadow:0 1px 15px rgba(0,0,0,0.25); max-height:calc(100vh - 2rem); transform: translateX(-50%); overflow-y:auto; z-index:3000; }
.layer-popup.hide  { display: none; }
.layer-body  { padding:20px; }
.layer-footer  { display: flex; align-items: center; border-top: 1px solid #dee2e6; padding:0.5rem 1rem; }
.layer-footer.check-today  { padding:0 }
.layer-footer.check-today .check-block  { flex:1; height:42px; border-right:1px solid #dee2e6; position: relative; }
.layer-footer.check-today input[type=checkbox]  { position: absolute; top:0; left:0; opacity:0; width:0; height:0; overflow: hidden; }
.layer-footer.check-today label  { width:100%; height:100%; display: flex; align-items: center; justify-content: center; margin:0; }
.layer-footer.check-today .btn-close  { flex:1 }
.layer-footer.check-today .btn-close .btn  { width:100%; height:100%; border:0; }

/* 도움말 */
body.help-mode  { overflow:hidden; }
body.help-mode .help-modal  { display:block; }
.help-modal  { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6);z-index:3000 }
.help-modal .help-wrap  { display:flex; flex-direction: column; position:absolute; top:10vh; left:15vw; width:520px; max-width:100%; height:800px; max-height:calc(100% - 40px); background:#fff; }
.help-modal .help-header  { flex:0 0 50px; display:flex; align-items:center; gap:5px; background:url(/assets/images/common/logo-helper.png) 11px center no-repeat #B33EBB; background-size: 35px 36px; font-size:14px; color:#fff; padding:0 16px 0 49px; }
.help-modal .help-header .tit-menu  { display:none; }
.help-modal .help-header .desc  { flex:1; font-size:12px; color:#FFF065; text-align: right; padding:2px 7% 0 0; }
.help-wrap.menu-view .help-header .tit-help  { display:none; }
.help-wrap.menu-view .help-header .tit-menu  { display:flex; flex:1; }
.help-modal .btn-menu-control  { flex-shrink:0; border:0; width:24px; height:30px; background:transparent; margin-left:auto; padding:0; }
.help-modal .btn-menu-control span  { display:block; width:24px; height:3px; background: #fff; border-radius:2px; transition: all 0.1s; }
.help-modal .btn-menu-control span + span  { margin-top:4px; }
.help-wrap.menu-view .btn-menu-control span:first-child  { transform: rotate(45deg) translateX(6px) translateY(6px); }
.help-wrap.menu-view .btn-menu-control span:nth-child(3)  { transform: rotate(-45deg) translateX(4px) translateY(-4px); }
.help-wrap.menu-view .btn-menu-control span:nth-child(2)  { opacity:0 }
.help-modal .btn-help-close  { position: absolute; top:-40px; left:0; border:0; width:30px; height:30px; background:url(/assets/images/icons/ico-close-circle.svg)center center no-repeat; background-size:contain; }
.help-modal .help-body  { flex:1; overflow:auto; }
.help-modal .help-content  { font-size:13px; color:#555; line-height:1.5; padding:15px; } 
.help-modal .help-content img  { max-width:100%; }
.help-modal .tit-caterory  { position:sticky; top:0; background:#F3F5F7; border-bottom:1px solid #DEE2E6; font-size:13px; color:#333; padding:8px 15px 11px; z-index:10; }
.help-modal .tit-caterory .page-name  { font-size:24px; margin-bottom:0; }
.help-modal .help-footer  { flex:0 0 auto; padding:10px 15px 15px; }
.help-modal .btn-top  { width:100%; height:40px; background:#CE70D4; border:1px solid #B33EBB; border-radius:20px; font-size:16px; color:#fff; }
.help-modal .help-menu-wrap  { display:none; position:absolute; top:50px; left:0; bottom:0; width:100%; background:#2F4050; overflow-y:auto; }
.menu-view .help-menu-wrap  { display:block; }
@media (max-width: 500px) {
  .help-modal .help-wrap { top:40px; left:0; }
}

.color-label {
  display:inline-block;
  padding:.25rem .5rem;
  min-width:3.99rem;
  color:var(--white);
  background-color:var(--blue);
  border-radius:.25rem;
}
/* 승인완료 */
.c-success { background-color: var(--success); }
/* 승인대기 */
.c-primary { background-color: var(--primary); }
/* 일시정지 */
.c-warning { background-color: var(--warning); }
/* 승인반려, 해지, 본부이관 */
.c-danger { background-color: var(--danger); }
/* 완료 */
.c-info { background-color: var(--info); }
/* 미완료 */
.c-secondary { background-color: var(--secondary); }

.sign-area {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-direction: row;
  width:20rem;
  height:8rem;
  border:1px solid #ddd;
}

.sign-area .sign-editor{
  width:calc(100% - 2.2rem);
  height:100%;
  background-color:#deecff;
}

.sign-area .btn-sign-add{
  position:absolute;
  top:0rem;
  right:-5.5rem;
}

.sign-area .left-btn{
  position:relative;
  width:2rem;
  height:100%;
}

/* off */
.sign-area.off{
  width:calc(20rem - 2rem);
}

.sign-area.off .left-btn{
  display:none;
}

.sign-area.off .left-btn + .sign-editor{
  width:100%;
}

.sign-area.off .btn-sign-add {
  display:none;
}


.sign-area .left-btn .btn {
  width:2.2rem;
  padding:.5rem;
  background-color:#f0f0f0;
  border-radius:0px;
}

.sign-area .btn-sign-pen:after {
  content:'\f040';
  font-size:1rem;
  color:#000;
  font-family:'FontAwesome', 'FontAwesome Regular';
}
.sign-area .btn-sign-keyboard:after {
  content:'\f11c';
  font-size:1rem;
  color:#000;
  font-family:'FontAwesome', 'FontAwesome Regular';
}
.sign-area .btn-sign-upload:after {
  content:'\f35b';
  font-size:1rem;
  color:#000;
  font-family:'FontAwesome', 'FontAwesome Regular';
}
.sign-area .btn-sign-close {
  position:absolute;
  display:none;
  top:.25rem;
  right:-17.6rem;
  border:0;
  background:transparent;
}

.sign-area .btn-sign-close.on {
  display:block;
}

.sign-area .btn-sign-close:after {
  content:'\f057';
  font-size:1.4rem;
  color:var(--red);
  font-family:'FontAwesome', 'FontAwesome Regular';
}

/* 240409 : info-box : 알림 : 공통 , reserve-send css 는 차후 삭제 */
.info-box {
  background-color:#FFF3CD;
  color:#333333;
  font-size:13px;
  font-weight:400;
  padding: 0.9375rem 1.25rem;
}

.info-box .list-ask{
  list-style:none;
  padding-left:0;
  margin-bottom:0;
}

.info-box .list-ask{
  list-style:none;
  padding-left:0;
  margin-bottom:0;
  line-height: 1.62;
}

.info-box .ttl{
  margin-bottom: 0.8125rem;
}

/* 다점포 > 본부상세 > 처리 */
.btm-txt { display:block; color:var(--secondary); }

/* 설정 > 예약금 설정 */
.booking-fee ~ .card .info-box{ display:none; }
.booking-fee ~ .card .info-box.on{ display:block; }
.gubun-line > .col-sm-6 { position:relative; }
.gubun-line > .col-sm-6:after { content:''; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:20px; background-color:#333; }
.gubun-line > .col-sm-6:last-of-type:after { content:unset; }

.btn-count-group { display:flex; align-items:center; justify-content:space-between; background:#fff; border:1px solid #d7d7d7; }
.btn-count-group .btn { width:24px; height:24px; line-height:24px; padding:0; border:#d7d7d7; }
.btn-count-group input { border:0px; text-align:center; }

/* 다점포 */
.tbl-align .tbl-left {display:inline-block;width:600px;min-width:auto;vertical-align:top;}
.tbl-align .tbl-right {display:inline-block;width:calc(100% - 603px);min-width:auto;overflow-x:auto;}

.last-bottom { position:sticky; bottom:0; z-index:0; }
.last-bottom td { font-weight:700; }

/* 업, 다운 매출 아이콘 */
.up-num{position:relative;color:#d23738;}
.down-num {position:relative;color:#007bff;}
.up-num:before {content:'\f0d8';padding-right:0.35rem;font-size:1rem;font-family:'FontAwesome', 'FontAwesome Regular';}
.down-num:before {content:'\f0d7';padding-right:0.35rem;font-size:1rem;font-family:'FontAwesome', 'FontAwesome Regular';}

/* 시술분야별 고유유형 */
.opt-table-dapth {max-height:580px;overflow-y:auto;} 
.opt-table-dapth th,
.opt-table-dapth td {width:120px;} 
.tr-1dapth{cursor:pointer;}
.btn-1dapth{width:100%;height:100%;position:relative;}
.btn-1dapth:before{content:"\f107";position:absolute;top:50%;right:0;transform:translateY(-50%);font-family:'FontAwesome', 'FontAwesome Regular';}
.btn-1dapth.active{box-shadow:none;}
.btn-1dapth.active:before{transform:translateY(-50%) rotate(-180deg);}
.tr-opt-2dapth {display:none;}
.tr-opt-2dapth > td {padding:0px !important;}
.tr-opt-2dapth > td > table{margin:0px !important;width:100%;height:0px;background-color:#efefef;transition:height 1s ease;}
.tr-opt-2dapth.active {display:table-row;}


/* STYLE 이미지 */
.style-img-upload  { position: relative; width:60px; height:76px; border-radius:3px; overflow:hidden; margin:0 auto; }
.style-img-upload > label:not(.btn-edit)  { width:100%; height:100%; border:1px dashed #c1c1c1; border-radius:3px; background:url(/assets/images/common/img_add.png)center center no-repeat; background-size: 30px auto; cursor:pointer; }
.style-img-upload input[type=file]  { position: absolute; top:0; left:0; -webkit-appearance: none; appearance: none; opacity:0 }
.style-img-upload > .img  { position: absolute; top:0; left:0; width:100%; height:100%; border:1px dashed #ddd; border-radius:3px; object-fit: cover; }
.style-img-upload .btn-edit  { position: absolute; bottom:0; left:0; width:100%; height:20px; border:0; background:rgba(0,0,0,0.6); font-size:12px; color:#fff; padding:0 0 2px; margin:0; cursor:pointer; }

.img-matching-service  { font-size:12px; line-height:1.25; text-align: left; padding-bottom:8px; }
.img-matching-service p  { margin-bottom:0 }
.img-matching-service .btn-del-intable  { float:right; width:20px; height:20px; font-size:0.875rem; line-height:1; margin-top:-2px; }

.style-img-origin  { width:100%; max-height:calc(85vh); display: flex; justify-content: center; }
.style-img-origin > img  { width:100%; height:100%; object-fit: contain; }

.color-chip  { width:41px; height:41px; border-radius: 50%; margin:auto; overflow: hidden; }
.color-chip > img  { width:100%; height:100%; object-fit: contain; }

.ai-multi-upload.ibox  { margin-top:10px; margin-bottom:15px; }
.ai-multi-upload .ibox-heading  { border:1px solid #e7eaec; border-bottom:0; text-align: center; padding:11px 15px 6px; }
.ai-multi-upload .ibox-heading h5  { font-size:13px; }
.ai-multi-upload .ibox-content  { padding:0 }
.ai-multi-upload .dropzone-area .dropzone  { border:0 !important; }

/* 매출관리 */
.sales-mng-stat  { background: #F5F5F6; padding:20px; }
.sales-mng-stat .row  { row-gap:15px; margin-left:-7px; margin-right:-7px; }
.sales-mng-stat div[class^="col"]  { padding-left:7px; padding-right:7px; }
.sales-mng-stat h3  { margin-bottom:15px; }
.sales-mng-stat .ibox-content { height:100%; display:flex; flex-direction:column; }
.sales-mng-stat .ibox-content .flex-fill  { min-height:34px; display:flex; flex-wrap:wrap; align-items: flex-end; justify-content: flex-end; padding-top:0.5rem; }


/* 결제건 수정 */
.sum-box-simple  { display: inline-flex; border:1px solid transparent; border-radius:3px; margin-bottom:0; }
.sum-box-simple dt,
.sum-box-simple dd  { flex:1; height:100%; display: flex; align-items: center; justify-content: center; }
.sum-box-simple dt  { font-weight:600; color:#fff; }
.sum-box-simple dd  { color:#007bff; text-decoration: underline; }
.ibox-title .sum-box-simple  { width:240px; height:35px; font-size:14px; margin-top:2px; margin-bottom:2px; margin-right:10px; }
.sum-box-simple.primary  { border-color:#1ab394; }
.sum-box-simple.primary dt  { background-color:#1ab394; }
.sum-box-simple.finish  { border-color:#8E53ED; }
.sum-box-simple.finish dt  { background-color:#8E53ED; }


/* 고객리스트 노출항목 선택 */
.expose-cell-set  { display: grid; grid-template-columns:repeat(3, 1fr); padding:0; margin-right:-1px; margin-bottom:-1px; }
.expose-cell-set li  { display:flex; align-items: center; gap:10px; list-style:none; border-bottom:1px solid #e5e6e7; border-right:1px solid #e5e6e7; padding:3px 5px 3px 8px; }
.expose-cell-set .form-control  { flex:0 0 50px; text-align: center; }
.expose-cell-set .check-block  { flex:1; }
@media (max-width: 992px) {
  .expose-cell-set  { grid-template-columns:repeat(2, 1fr); }
}
@media (max-width: 500px) {
  .expose-cell-set  { grid-template-columns:1fr; }
}

/* new-login 202408 */
.identity-wrapper  { width:100%; height:100%; background:url(/assets/images/common/bg_login.jpg) center center no-repeat; background-size: cover; display: flex; justify-content: center; padding:20px 0; overflow-y: auto; }
.identity-wrapper input  { outline:0; }
.identity-wrapper input::-webkit-outer-spin-button,
.identity-wrapper input::-webkit-inner-spin-button  { -webkit-appearance: none; margin:0 }
.identity-wrapper input[type='number']  { -moz-appearance: textfield; }
.identity-form-box .login-form input,
.identity-form-box .find-form input  { background: url(/assets/images/common/icon_login_info.png) left top no-repeat; }
.identity-wrapper button  { border:0; outline:0; }
.identity-wrapper .btn-color  { background-color:#337EFC; color:#fff; }
.identity-wrapper .btn-line  { border:1px solid #337EFC; background-color: #fff; color: #337EFC; }
.identity-wrapper .btn-gradi  { background: linear-gradient(#337EFC, #2E4DFB); color:#fff; }
.identity-wrapper .btn-gradi-ash  { background: linear-gradient(#aaaaaa, #797979); color:#fff }
.identity-form-box  { align-self: flex-start; display: flex; flex-direction: column; width:550px; height:805px; background-color: #fff; border:1px solid #ccc; border-radius: 10px; box-shadow:0 4px 20px rgba(0,0,0,0.2); padding-bottom:50px; margin:auto 20px; }
.identity-form-box .logo  { text-align: center; padding:46px 0 30px; }
.identity-form-box .logo p  { font-size:20px; color:#333; font-weight:500; margin-bottom:10px; }
.identity-form-box .login-form  { text-align: center; margin:0 50px; }
.identity-form-box .login-form label  { display: block; font-size:15px; color:#337EFC; font-weight:600; text-align: left; margin-bottom:3px; }
.identity-form-box .login-form input  { width:100%; height:41px;; border:0; border-bottom:1px solid #337EFC; font-size:13px; padding-left:34px; margin-bottom:20px; }
.identity-form-box .login-form .input-id  { background-position:left 3px; }
.identity-form-box .login-form .input-pw  { background-position:left -27px; }
.identity-form-box .login-form .btn-login  { width:100%; height:50px; border:0; border-radius: 10px; font-size:15px; margin-top:40px; }
.identity-form-box .login-form a  { display: block; font-size:12px; color:#333; text-decoration: underline; margin:10px auto 0; }
.identity-form-box .inform-headoffice  { display: flex; align-items: center; border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; padding:12px 0; margin:25px 50px 10px; }
.identity-form-box .inform-headoffice .inform-text  { font-size:12px; color:#797979; line-height:17px; }
.identity-form-box .inform-headoffice .btn-request  { width:50px; height:50px; border:0; border-radius: 5px; font-size:13px; margin-left:auto; }
.identity-form-box .copyright  { font-size:11px; color:#555; text-align:center; margin-top:auto; }
.identity-form-box .copyright .btn-terms  { display: block; font-size:12px; color:#337AFD; text-decoration: underline; margin:10px auto 20px; }

.identity-form-box .tab  { display: flex; height:34px; margin:0 45px 30px; }
.identity-form-box .tab a { flex:1; display: flex; align-items: center; justify-content: center; border:1px solid #dfdfdf; background-color: #F3F3F3; border-bottom:0; font-size:13px; color:#333; }
.identity-form-box .tab a.active  { background-color: #fff; }
.identity-form-box .tab a + a  { border-left:0; }
.identity-form-box .tab a:first-child  { border-top-left-radius: 5px; }
.identity-form-box .tab a:last-child  { border-top-right-radius: 5px; }

.identity-form-box .find-type  { text-align: center; margin:0 70px; }
.identity-form-box .radio-style span  { line-height:19px; padding:0 5px 1px 25px; cursor: pointer; }
.identity-form-box .radio-style span::before { width:20px; height:20px }
.identity-form-box .radio-style input:checked + span::before  { background-color:#337EFC; border-color:#0D6DD9; }
.identity-form-box .radio-style input:checked + span::after  { top:4.5px; left:5px; width:10px; height:10px; border-color:#0D6DD9; }
.identity-form-box .intro-text  { background-color:#F3F3F3; border-radius:17px; font-size:13px; color:#333; line-height:34px; text-align: center; margin:26px 70px 30px; }
.identity-form-box .find-form  { display: grid; grid-template-columns: 1fr 103px; gap:20px 7px; margin:10px 70px; }
.identity-form-box .find-form .wide  { grid-column-start: 1; grid-column-end:3; }
.identity-form-box .find-form input  { width:100%; height:34px; border:0; border-bottom:1px solid #337EFC; font-size:13px; padding-left:34px; }
.identity-form-box .find-form .input-phone  { background-position:left -60px; }
.identity-form-box .find-form .input-certify  { background-position:left -90px; }
.identity-form-box .find-form .input-mail  { background-position:left -120px; }
.identity-form-box .find-form .input-company  { background-position:left -150px; }
.identity-form-box .find-form .input-pw  { background-position:left -30px; }
.identity-form-box .find-form .input-pw2  { background-position:left -180px; }
.identity-form-box .find-form button  { height:34px; border-radius: 5px; }
.identity-form-box .inform-find  { border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; font-size:12px; color:#797979; line-height:17px; text-align: center; padding:20px 0; margin:20px 70px; }
.identity-form-box .find-con  { display: none; }

.identity-form-box .result-text  { border-bottom:1px solid #DFDFDF; text-align:center; color:#333; padding-bottom:30px; margin:0 70px 15px; }
.identity-form-box .result-text .stit  { background-color:#F3F3F3; border-radius:10px; font-size:15px; padding:14px 0; margin-bottom:30px; }
.identity-form-box .result-tb  { border:1px solid #ddd; border-radius: 3px; margin:10px 70px; overflow: hidden; }
.identity-form-box .result-tb table  { width:100%; }
.identity-form-box .result-tb th  { background-color:#F9F9F9; border-right:1px solid #ddd; font-weight: 400; text-align: center; }
.identity-form-box .result-tb td  { padding:7px 20px; }
.identity-form-box .result-tb tr + tr th, .identity-form-box .result-tb tr + tr td  { border-top:1px solid #ddd; }
.identity-form-box .result-btns  { display: flex; gap:8px; padding:20px 0 10px; margin:0 70px; }
.identity-form-box .result-btns button  { flex:1; height:34px; border-radius: 5px; }

.modal-dialog.modal-msg-separate  { width:440px; }
.modal-msg-separate .modal-body  { max-height:calc(100svh - 130px); overflow-y: auto; }



/* 모바일용 공통 스타일 조정 */
@media screen and (max-width:640px) {
  .page-heading h2  { font-size:20px; margin-bottom:5px; }
  .breadcrumb  { font-size:12px; }
  .ibox-title  { padding-left:12px }
  .ibox-content  { padding:10px 12px }
  .searchform .btn-group-toggle  { display:flex; }
  .searchform .btn-group-toggle .btn  { padding:0.375rem; }
}

.qr_mng_icon{
	position:fixed;
	right:30px;
	bottom:160px;
	cursor: pointer;
	z-index: 901;
}
.qr_mng_icon .count  {
	position: absolute;
	top: -8px;
	right: -8px;
	width: 30px;
	height: 30px;
	background-color: #ED5565;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	line-height: 1;
	color: #fff;
}

.qr_mng_layer  {
	display: none;
	position:fixed;
	bottom:156px;
	right:25px;
	width:380px;
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.26);
	z-index:1010;
}
.qr_mng_layer.show  {
	display: block;
}
.qr_mng_layer .header-search  {
	height:92px;
	background: linear-gradient(180deg, #3A97E2 0%, #207ECF 43.35%, #2D58CB 85%);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px 24px 0;
}
.qr_mng_layer .header-search h3  {
	font-size:15px;
	font-weight:500;
	color:#fff;
	text-align:center;
	margin-bottom: 10px;
}
.qr_mng_layer .header-search .btn-close  {
	position: absolute;
	width:18px;
	height:18px;
	top:14px;
	right:14px;
	border:0;
	outline: 0;
	background-color: transparent;
	font-size:16px;
	font-weight:700;
	color:#fff;
	line-height:1;
	padding:0;
}
.qr_mng_layer .header-search .search-wrap  {
	position: relative;
	background-color: #fff;
	border-radius: 3px;
	padding-right: 33px;
	margin-right: 12px;
}
.qr_mng_layer .header-search .search-wrap input[type=text]  {
	width: 100%;
	height:34px;
	border:0;
	outline: 0;
	background-color: transparent;
	padding-left: 11px;
}
.qr_mng_layer .header-search .search-wrap .btn-search  {
	position: absolute;
	top:0;
	right:0;
	width: 31px;
	height: 100%;
	border:0;
	outline: 0;
	background-color: transparent;
	color:#2E5982;
}
.qr_mng_layer .header-search .menu-edit  {
	position: absolute;
	top: 52px;
	right: 12px;
	width: 23px;
	height: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.qr_mng_layer .header-search .menu-edit span,
.qr_mng_layer .header-search .menu-edit span::before,
.qr_mng_layer .header-search .menu-edit span::after  {
	display: block;
	width: 3px;
	height: 3px;
	background-color: #fff;
	border-radius: 50%;
}
.qr_mng_layer .header-search .menu-edit span::before,
.qr_mng_layer .header-search .menu-edit span::after  {
	position: absolute;
	content: '';
}
.qr_mng_layer .header-search .menu-edit span::before  {
	top: 0;
}
.qr_mng_layer .header-search .menu-edit span::after {
	bottom: 0;
}
.qr_mng_layer .menu-edit-list  {
	display: none;
	position: absolute;
	top:85px;
	right:20px;
	width: 103px;
	border: 1px solid #C9C9C9;
	background-color: #fff;
	border-radius: 3px;
	padding: 0;
	z-index: 2;
}
.qr_mng_layer .menu-edit-list.show  {
	display: block;
}
.qr_mng_layer .menu-edit-list li  {
	list-style: none;
	line-height: 30px;
	text-align: center;
	user-select: none;
	cursor: pointer;
}
.qr_mng_layer .menu-edit-list li + li  {
	border-top: 1px solid #C9C9C9;
}
.qr_mng_layer .menu-edit-list .btn-menu-close  {
	height: 30px;
	background-color: #556575;
	border-radius: 0;
	color: #FFE500;
	padding: 0;
}
.qr_mng_layer .btn-save  {
	display: none;
}
.qr_mng_layer .qr-list  {
	height:644px;
	max-height: 68vh;
	background-color: #fff;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	font-size: 12px;
	overflow-y:auto;
	padding: 0 15px 5px;
}
.qr_mng_layer .call-date  {
	font-weight: 700;
	padding:14px 0 9px;
}
.qr_mng_layer .call-date:not(:first-child) {
	border-top: 1px solid #ddd;
}
.qr_mng_layer .weekday-sun  {
	color: #ED5565;
}
.qr_mng_layer .weekday-sat  {
	color: #438CFF;
}
.qr_mng_layer .call-item  {
	display: flex;
	align-items: center;
	position: relative;
	padding-bottom: 13px;
}
.qr_mng_layer .call-item .check-style  {
	display: none;
}
.qr_mng_layer .call-item .ico-call-fail  {
	width: 24px;
	height: 24px;
	background: url(/assets/images/common/call.svg) center center no-repeat;
	background-size: 37px auto;
}
.qr_mng_layer .call-item .img-customer  {
	width:40px;
	height:40px;
	background: url(/assets/images/icons/common.png)-14px -203px no-repeat;
	border: 1px solid #ddd;
	border-radius: 50%;
	margin: auto 8px;
	overflow: hidden;
}
.qr_mng_layer .call-item .img-customer > img  {
	width:100%;
	height:100%;
	object-fit: cover;
}
.qr_mng_layer .call-item .info-customer  {
	flex: 1;
}
.qr_mng_layer .call-item .grade-icon  {
	width: 16px;
	height: 16px;
	vertical-align: top;
	margin-top: 2px;
}
.qr_mng_layer p  {
	margin-bottom: 0;
}
.qr_mng_layer .call-item .info-customer p:first-child  {
	font-size: 13px;
	font-weight: 700;
}
.qr_mng_layer .call-item .info-customer .phone  {
	font-size: 12px;
}
.qr_mng_layer .call-item .info-customer .memo  {
	font-size: 12px;
	color: #aaa;
}
.qr_mng_layer .call-item .memo:not(.no-data)  {
	user-select: none;
	cursor: pointer;
}
.qr_mng_layer .call-item .info-customer .memo::before  {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/assets/images/icons/common.png)-205px -60px no-repeat;
	vertical-align: top;
}
.qr_mng_layer .call-item .info-customer .memo:not(.no-data)::after  {
	content: '';
	display: inline-block;
	width: 15px;
	height: 18px;
	background: url(/assets/images/icons/common.png)-169px -59px no-repeat;
	vertical-align: top;
}
.qr_mng_layer .call-item .info-customer .memo.no-data::after  {
	content:'메모없음';
}
.qr_mng_layer .call-item .etc .btn-reserve  {
	height: 28px;
	font-size: 12px;
	line-height: 13px;
	padding: 6px 6px;
	margin-top: 3px;
}
.qr_mng_layer .call-item .etc  {
	text-align: right;
}
.qr_mng_layer .call-item .etc .btn-reserve::before  {
	content: '';
	display: inline-block;
	width: 17px;
	height: 14px;
	background: url(/assets/images/icons/common.png)-220px -138px no-repeat;
	vertical-align: top;
}
.qr_mng_layer .call-item textarea  {
	display: none;
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	height:60px;
	border:1px solid #ddd;
	border-radius: 3px;
	font-size: 13px;
	color: #676A6C;
	resize: none;
	padding: 7px 10px;
}
.qr_mng_layer .call-item.memo-unfold  {
	padding-bottom: 74px;
}
.qr_mng_layer .call-item.memo-unfold textarea  {
	display: block;
}
.qr_mng_layer .call-item.memo-unfold .memo:not(.no-data)::after  {
	background-position: -137px -60px;
}
.qr_mng_layer .qr-list + .edit-btns  {
	display: none;
	border-top: 1px solid #E5E6E7;
	background-color: #fff;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	gap: 7px;
	padding: 15px;
}
.qr_mng_layer .edit-btns > .btn  {
	flex: 1;
}
.qr_mng_layer.edit-mode .qr-list  {
	height:580px;
	border-radius: 0;
}
.qr_mng_layer.edit-mode .edit-btns  {
	display: flex;
}
.qr_mng_layer.edit-mode .check-style  {
	display: block;
}
.qr_mng_layer.edit-mode .btn-edit  {
	display: none;
}
.qr_mng_layer.edit-mode .btn-save  {
	display: block;
	border-top: 0;
}