@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
*, h1, h2, button, textarea { font-family: 'Noto Sans KR', sans-serif; }

body {
  font-size: 15px !important;
}
.wrapper { min-height: 100%; position: relative; }
.content { width: 90%; max-width: 1200px; margin: 0 auto; position: relative; }

label, input, button { vertical-align: middle; }

label { font-weight: 400; }
label input[type="checkbox"] { margin-top: -2px;}
label input[type="radio"] { margin-top: -2px;}
.collapsed { color: #333; }
/** 레이아웃 재정의 **/
.fa-pane-scroller { padding: 0; }
.list-split span { height: 30px; }

.default_btn {
    height: 40px;
    padding: 8px 20px;
    border-radius: 5px;
    background: #595e64;
    color: #fff;
    border: 0;
}
.primary_btn {
    padding: 12px 40px;
    background: #595e64;
    color: #fff;
    border: 1px solid #595e64;
    border-radius: 5px;
    font-size: 1.2em;
}
.cancel_btn {
    padding: 12px 40px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 1.2em;
}
#container_ { margin-top: 100px; padding-bottom: 380px; }
#container_.login-wrap { margin-top: 80px; padding-bottom: 100px; }

.e { position: absolute; top: 5px; left: -8px; color: #ff0000; }
.sub_title { padding: 10px 0; position: relative; font-size: 1.2em; font-weight: bold; }

.row { position: relative; }

@media (min-width: 1800px) {
  #page-wrapper > div > div > .page {
    padding: 10px;
    margin-top: 0px;
    margin-left: -11px;
  }
  #page-wrapper > div > .page {
      padding: 10px;
      margin-top: 0px;
      margin-left: -11px;
  }
  nav.navbar {
    background-image: unset;
  }
}

.ul_h li { display: inline-block; }
.ul_h.li_mr15 > li { margin-right: 15px; }
.ul_h.li_mr50 > li { margin-right: 50px; }
/*** 210413 스타일 수정 ***/
#page-wrapper { padding-top: 50px; background: #fefefe; }
.sz-custom-navbar-toggle { height: 50px; }
.nav > li { top: -2px; }
[nav-state=md-s] .sz-custom-navbar-toggle,
[nav-state=md-rm] .sz-custom-navbar-toggle,
[nav-state=md-lm] .sz-custom-navbar-toggle,
[nav-state=md-l] .sz-custom-navbar-toggle { top: 0px; }

[nav-state=md-lm] .sidebar-nav > ul > li > a,
[nav-state=md-rm] .sidebar-nav > ul > li > a,
[nav-state=md-s] .sidebar-nav > ul > li > a {display: block;width: 100%;}

[nav-state=md-lm] .sidebar-nav > ul > li > ul > li > a,
[nav-state=md-rm] .sidebar-nav > ul > li > ul > li > a,
[nav-state=md-s] .sidebar-nav > ul > li > ul > li > a {
  background: #fff;
}
[nav-state=md-l] #navigationListWrap { background: #fff; }

[nav-state=md-s] #navigationListWrap .nav > li > a,
[nav-state=md-rm] #navigationListWrap .nav > li > a,
[nav-state=md-lm] #navigationListWrap .nav > li > a {padding: 12px;}

[nav-state=md-l] #navigationListWrap .nav > li > a { padding-top: 12px; padding-bottom: 12px; }


.sz-custom-select-tenant { padding: 5px 3px; }
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:visited {
  font-family: 'Roboto';
  color: #6e7176;
  font-size: 18px;
  padding: 0 20px;
  line-height: 50px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: transparent }
.navbar-top-links .dropdown > a:focus, .navbar-top-links .dropdown > a:hover { background: #595e64; color: #fff; }
.navbar-top-links li a { min-height: 50px; line-height: 30px; }

/* .navbar-default .navbar-toggle.focus .fa-dedent:before,
.navbar-default .navbar-toggle.focus .fa-indent:before,
.navbar-default .navbar-toggle.focus .fa-outdent:before { color: #fff; } */
.fa-dedent:before, .fa-indent:before, .fa-outdent:before { color: #adafb3; }

.navbar-top-links .dropdown > a { color: #adafb3;font-family: 'Noto Sans KR';  }
.navbar-toggle { margin: 0; line-height: 35px; }
.navbar-default .navbar-toggle { border: 0; }
nav.navbar .navbar-header { background-image: initial; background: #fff; border-bottom: 1px solid #eff2f5; height: 50px; }
#navigationListWrap { background: #fff; color: #666; }
.mCustomScrollBox .sidebar-nav > ul { margin-bottom: 100px; }
.sidebar ul li {border-bottom: 0;background: #fff;}
/***20210611**/
#navigationListWrap .nav > li > a:hover {color: #595e64;}
#navigationListWrap .nav > li.active > a {color: #595e64;background-color: #eff2f5;}
.sidebar .active:before { background-color: transparent!important; }

[nav-state=md-lm] .sidebar-nav > .nav,
[nav-state=md-rm] .sidebar-nav > .nav {
  margin-top: 10px;
}

[nav-state=md-lm] .sidebar-nav > .nav > li.active > a,
[nav-state=md-rm] .sidebar-nav > .nav > li.active > a
{
  width: 80%;
  margin: 0 auto;
  border-radius: 36%;
}

.navbar-default .navbar-toggle.focus { background: transparent !important; border-color: transparent !important; }
.sidebar { margin-top: 50px; }
#navigationListWrap .nav li.active li.active > a { font-weight: bold; }
/*** **** ***/


.page-header { height: auto; margin: 10px 0; padding: 0; border-bottom: 0; }
.glyphicon { top: 2px; }


.dropdown-menu { padding: 0; }
.dropdown-menu .divider { margin: 0; padding: 0; }
.dropdown-menu > li > a, .dropdown-menu > li > a { margin: 0; }



/** 버튼 스타일 **/
.btn-group { display: block; max-width: 1200px; margin: 0 auto; padding: 0; text-align: center; }
.btn { min-width: 100px; height: 40px; padding: 0px 12px; background: #fff;border: 1px solid #e7eaed;color: #8c929a !important; font-size: 14px; line-height: 40px;}
.btn-primary {background: #595e64;border: 1px solid #595e64;color: #fff !important;}
.btn-delete {background: #ff0000;border: 1px solid #ff0000;color: #fff !important;}

.btn-close { min-width: 30px; height: 30px; padding: 0; line-height: 30px; }

.btn-primary:hover, .btn-primary:focus {background: #595e64 !important;border: 1px solid #595e64 !important;color: #fff !important;}
.btn-delete:hover, .btn-danger:focus {background: #ff0000 !important;border: 1px solid #ff0000 !important;color: #fff !important;}

.btn-danger:hover, .btn-default:hover, .btn-info:hover, .btn-secondary:hover, .btn-success:hover, .btn-warning:hover, .btn-light:hover,
.btn-danger:focus, .btn-default:focus, .btn-info:focus, .btn-secondary:focus, .btn-success:focus, .btn-warning:focus, .btn-light:focus { background-color: #fbfcfd !important; border: 1px solid #e7eaed !important; }

.btn-big {height: 36px;padding: 6px 14px;font-size: 14px;background: #595e64;border: 0;}
.btn-big_2 {min-width: 160px; border-radius: 21px;height: 42px;padding: 6px 14px;font-size: 14px;background: #595e64;border: 0;}
.btn-big:hover {background: #595e64 !important;border: 0 !important;}

.btn-default.btn-big { background:#fff; }
.btn-default.btn-big:hover { background: #fff !important; }

.btn-nostyle { border: 0; font-size: 14px; color: #666 !important; padding: 2px 16px; border-radius: 20px; }

.btn-notice { min-width: auto; height: auto; padding: 1px 10px; line-height: initial; font-size: 13px; }

.custom-search-form .btn, .btn_s { min-width: auto; height: 28px; padding: 0 8px; line-height: 28px; }
.daterangepicker .drp-buttons .btn { line-height: 30px; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #595e64 !important; }
.daterangepicker td.in-range { background-color: #eff2f5; }
/* 스플릿 버튼 */
.list-split { top: -4px; }
.list-split span { border: 1px solid #e7eaed; border-radius: 4px; }
.list-split span:hover { border: 1px solid #ccc; }
.list-split span:last-child { border: 1px solid #e7eaed; }
.list-split span:last-child:hover { border: 1px solid #ccc; }

/** 패널 스타일 **/
.panel { border: 1px solid #e7eaed;}
.panel-heading { padding: 20px 20px; color: #999 !important; }
.panel-default > .panel-heading { background-color: #fff !important; border-bottom: 0 !important; }
.panel-default > .panel-heading .fa-lg { color: #8c929a; }
.panel-body { padding: 10px 20px 20px 20px; }
.panel-board .form-group2 { margin-bottom: 20px; }

/* 폼그룹 */
.form-group { margin: 5px 0; min-height: 28px; }
.form-control { height: 28px; }

/** 라디오 버튼 **/
label.custom-radio-btn input[type="radio"] ~ .helping-el { border: 1px solid #e7eaed; }
label.custom-radio-btn input[type="radio"]:checked ~ .helping-el { border: 1px solid #595e64; }
label.custom-radio-btn input[type="radio"]:checked ~ .helping-el:after { background-color: #595e64; width: 10px; height: 10px; top: 2px; left: 2px; }

/** 인풋 **/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #f1f3f5; }
/* 인풋 검색 */
.sz-search { padding: 10px; }
.sz-search > input { border-top-left-radius: 15px; border-bottom-left-radius: 15px; border: 0; background: #e4eaee; }
.sz-search .search_action { border: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; background: #e4eaee; }
.sz-search .search_layer { border: 0; }

/* 탭 */
.nav-tabs { border-bottom: 0; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover { color: #595e64 !important; border-top: 1px solid #595e64; }

/** 모달 **/
.modal-header .pull-right .btn { border:0; margin: 8px 0; }
.modal-body .SearchBox-col-wrap label { display: initial; position: relative; width: auto; max-width: 90px; text-align: left; overflow: auto; top: 0; }
.modal-body .SearchBox-col-wrap input[type="text"] { width: calc(100% - 60px); margin-left: 10px; }

.custCounsel-modal-row .timer { margin: 5px 0; }
.custCounsel-modal-row .timer .timepicker { width: 100%; padding: 0 20px; }

.custCounsel-modal-row .timer .timepicker-dropdown { left: 20px; min-width: 120px; }
.custCounsel-modal-row .timer .timetakenpicker-dropdown { left: 100px; min-width: 120px; }

.modal-body .form-group { margin: 0 0 10px 0; }
.modal-body .form-control { height: 40px; border-radius: 3px; }
.modal-body .btn_s { height: 40px; }

/* 모달 메모 */
.custCounsel-modal-row > .col-lg-6:last-child:before { content:''; display: inline-block; border-right: 1px solid #ddd; position: absolute; left: 0px; height: 100%; }
.modal-memo { height: 500px; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; overflow-y: auto; }

.modal-memo .memo-item { margin-bottom: 10px; border: 1px solid #e3e3e3; border-radius: 5px; }
.modal-memo .memo-item:hover { border: 1px solid #b9c6d7; }
.modal-memo .memo-item:hover > .item-header { background: #f1f3f5;  }

.memo-item > .item-header { min-height: 31px; position: relative; margin-bottom: 4px; padding: 8px 8px 4px 8px; background: #fbfcfd; border-bottom: 1px solid #edf0f5; border-radius: 5px 5px 0 0;}
.item-header > .item_status { position: absolute; right: 8px; color: #ababab; font-size: 0.9em; }
.memo-item > .item-body { padding: 4px 8px 4px 8px; }
.memo-item > .item-footer { padding: 4px 8px 8px 8px; text-align: right; }
.item-footer > .item_regDate { color: #bbb; font-size: 0.9em; }

.overlay-alert {width:100%; margin-top:18px;}
.popModalText { color: #adafb3; font-size: 12px; cursor: pointer; }
.dropdown-pay { padding: 20px 10px 20px 10px; }
.dropdown-pay span { display: inline-block; color: #666; font-size: 13px; margin-bottom: 3px; }
.dropdown-pay button { width: 100%; margin-top: 7px; }

/* (모달) 예약관리; 소요시간 */
.custCounsel-modal-row .timer .timepicker-dropdown { left: 100px; }

/* (모달) 예약관리; 예약 시작/종료 일시 */
.custCounsel-modal-row .timer { margin: 5px 0; }
.custCounsel-modal-row .timer .timepicker { width: 100%; padding: 0 20px; }
.custCounsel-modal-row .edit-popover .timepicker-dropdown { left: 20px; min-width: 120px; }

/* (모달) 예약관리; 반복일정 */
.sch_repeat_pop { position: absolute; top: 37px; width: 250px; z-index: 99;}
.sch_repeat_pop > div { padding: 5px 10px; }
.sch_repeat_pop .pop_footer { border-top: 1px solid #e7eaed; text-align: right; font-size: 
0.8em;color:#8c929a; }
.sch_repeat_pop .btnWrap { margin-top: 10px; text-align: center; }
.sch_repeat_pop .btnWrap button { margin-right: 5px; padding: 6px 20px; }
.sch_repeat_pop .btnWrap button:last-child { margin-right: 0; }

.sch_repeat_pop .form-inline > label { width: auto; }
.sch_repeat_pop .datetime-input.date .display { width: 142px; }
.sch_repeat_pop .datetime-input.date .display-wrap i { left: 112px; }

.sch_repeat_pop .tb_dayPick { width: 100%; margin: 15px 0 5px 0; }
.sch_repeat_pop td { text-align: center; }

.tb_dayPick input[type="checkbox"] { display: none; }
.tb_dayPick input[type="checkbox"] + label { display: inline-block; width: 28px; height: 28px; line-height: 25px; border-radius: 28px; border: 1px solid #595e64; color: #595e64; text-align: center; cursor: pointer; }
.tb_dayPick input[type="checkbox"]:checked + label { background: #595e64; color: #fff; }

@media (max-width: 768px) {
  
  .sch_repeat_btn { margin-left: 90px; }
  .sch_repeat_pop { left: 0;}

  .custCounsel-modal-row .datetime-input.date .edit-popover { left: -90px; }
  .custCounsel-modal-row .datetime-input.datetime .edit-popover { left: -90px; }
  .custCounsel-modal-row .timer .timepicker-dropdown { left: 20px; }
  .custCounsel-modal-row .timer .timetakenpicker-dropdown { left: 100px; }
}

/* 고객리스트 */
.cust-list-call-btn { display: block; line-height: 33px; width: 100%; border: solid 1px #00da6c; margin: 0 auto; border-radius: 20px; max-width: 130px;}

/* 결제방법 */
.payMethItem { text-align: center; }
.payMethItem:last-child { margin-right: 0; }

.payMethItem input[type="checkbox"] { margin-bottom: 10px; }
.payMethItem .payMethIconWrap { margin-bottom: 10px; padding: 10px; background-color: #fff; border: 1px solid #e7eaed; border-radius: 10px; }
.payMethItem .payMethIconWrap p { font-weight: 700;}

.payMethItem .form-group { position: relative; }
.payMethItem .form-inline .form-control { width: 100%;  margin-left: 0; padding: 3px 23px 3px 7px; }
.payMethItem .form-group .addInputTxt { position: absolute; top: 5px; right: 7px; }

.payMethItem label { display: inline-block; width: 100%; height: 45px; margin: 10px 0 5px 0; }

.payMethIconWrap md-checkbox[id="payMethItem1"] + label { background: url('../images/icon/payMethItem1.png') no-repeat center center; }
.payMethIconWrap md-checkbox[id="payMethItem2"] + label { background: url('../images/icon/payMethItem2.png') no-repeat center center; }
.payMethIconWrap md-checkbox[id="payMethItem3"] + label { background: url('../images/icon/payMethItem3.png') no-repeat center center; }
.payMethIconWrap md-checkbox[id="payMethItem4"] + label { background: url('../images/icon/payMethItem4.png') no-repeat center center; }
.payMethIconWrap md-checkbox[id="payMethItem5"] + label { background: url('../images/icon/payMethItem5.png') no-repeat center center; }
.payMethIconWrap md-checkbox[id="payMethItem6"] + label { background: url('../images/icon/payMethItem6.png') no-repeat center center; }


/* 신규 문의 아이콘 */
.noti-new {font-size: 0.85em;background: #ff6180;color: #fff;padding: 2px 7px 4px 7px;border-radius: 7px;position: relative;top: -1px;}

@media (max-width: 1200px) {
  .custCounsel-modal-row > .col-lg-6:last-child:before { display: none; }
}
@media (max-width: 992px) {
  .payMethItem { margin-bottom: 20px; }
}

/* 정액권/횟수권 충전 */
#secPayType.modal-btn-wrap .active, #secPayType.modal-btn-wrap .active:hover {
  box-shadow: unset;
  background-color: #595e64 !important;
  color: #FFF !important;
}

/* 조건검색투입 */
.extra-search-wrap {font-size: 15px;}
.extra-search-wrap.extra-search span {color: #0000FF;}

/* CTI Modal */
.cti-wrap .modal-body { text-align: center; }
.cti-wrap .cti-custname {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.5em;
  margin-left: 0.5em;
  color: #333;
}

.cti-wrap .cti-sendnum  {
  font-size: 16px;
  color: #bcbcbc;
}

.cti-wrap .cti-key-btnwrap,
.cti-wrap .cti-none-btnwrap  {
  margin-top: 30px;
}

.cti-mini-wrap {
  font-size: 28px !important;
  padding: 8px 20px 8px 64px !important;
  border-radius: 20px !important;
  background-image: url(../../../assets/images/cti-img.png);
  background-repeat: no-repeat;
  background-size: 36px;
  background-position: 15px 10px;
  border: solid 1px #595e64;
  font-weight: 800;
  color: #595e64 !important;
  background-color: #FFF !important;
}

/**********************/
/** 수정 **/
.form-control { border: 1px solid #e7eaed; }
.require-err-pop { background: #fff; }


/* 테이블 스타일 */
.table.table-custom th { border-bottom: 2px solid #e2e9ed !important; background-color: #fff; color: #545759; padding: 16px 0; font-weight: bold; font-size: 1em; text-align: center; }
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td { border-left: 0; border-right: 0; }
.table-h th { border-right: 2px solid #e2e9ed !important;  }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { border-top: 1px solid #f2f4f5; border-bottom: 1px solid #f2f4f5; }
.table > tbody > tr > td { height: 50px; padding: 8px; }
.table-bordered { border: 0; }
.table-striped > tbody > tr:nth-of-type(odd) { background: #fafbfc; }
.tbnodata { border: 0 !important; }
/* 페이지 pagenation */
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { border: 0; }

.pagination > li > a,
.pagination > li > span { border: 0; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { background-color: #fff; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {width: 30px;border-radius: 30px;background: #595e64;}

/** 대시보드 **/
.dashboard .page-header { border-bottom: 0; }

.dashboard .btn {padding: 8px 12px;color: #131523 !important;margin-left: -1px;border-radius: 4px;margin-right: 5px;}
.dashboard .btn.select {background: #595e64;color: #fff !important;font-weight: bold;line-height: 20px;}

.datePeriod { height: 37px; padding: 8px 12px; color: #5a607f; background: #fff; border: 1px solid #e7eaed; border-radius: 4px; position: relative; top: 2px; }
.datePeriod .datetime-input.date { display: inline-block; width: 90px; position: relative; top: 9px; }
.datePeriod .datetime-input.date .display { width: inherit; height: inherit; color: #333; padding: 0; border: 0; text-align: center; }
.datePeriod .btn { border: 0;color: #333 !important;  margin-top: -3px; padding: 3px; }
.dashboard .datePeriod i.fa-eraser { display: none; }

.dashboard .page-content { margin: 0; }

.dashboard .panel { border: 1px solid #f1f6f9; padding: 30px; }
.dashboard .panel-default > .panel-heading { background-color: transparent !important; border-bottom: 0 !important; }
.dashboard .panel-heading  strong { font-family: 'Noto Sans KR'; font-size: 16px; color: #171725 !important; }
.dashboard .datetime-input.date .edit-popover { right: -34px; }
.dashboard .datetime-input.date .edit-popover .header:before { right: 30%; }


@media (max-width: 1200px) {
  .payMethItem { margin-bottom: 20px; }
  .dashboard .pull-right { float: none !important; text-align: center; }
}

@media (max-width: 768px) {
  .m_no { display: none; }

  .dashboard .page-content { margin: 0; }
  .dashboard .btn { padding: 0px 5px; border-radius: 0; border: 0; background: transparent; }
  .dashboard .datePeriod { width: auto; display: block; margin: 0; padding: 8px; }
  .dashboard .datePeriod .datetime-input.date { top: -4px; }
  .dashboard .datePeriod .btn { margin-top: -25px; }

  /* (모달) 예약관리 */
  
  #sec4 .custCounsel-modal-row .timer .timepicker-dropdown { left: 100px; }

  .sch_repeat_btn { margin-left: 90px; }
  .sch_repeat_pop { left: 0;}

  .custCounsel-modal-row .datetime-input.date .edit-popover { left: -90px; }
  .custCounsel-modal-row .datetime-input.datetime .edit-popover { left: -90px; }
  
}
/********** 아이콘 ***********/
button > .material-icons { float: left; margin-right: 2px; }
.material-icons { position: relative; top: 2px; }