/**공통**/
ul,li,ol {padding: 0;margin: 0;}
li{list-style:none;}
/**/
.p_0 {
	padding: 0px!important;
}
.p_5 {
	padding: 5px!important;
}
.p_10 {
	padding: 10px!important;
}
.p_15 {
	padding: 15px!important;
}
.p_20 {
	padding: 20px!important;
}
.p_30 {
	padding: 30px!important;
}
.p_40 {
	padding: 40px!important;
}
.p_50 {
	padding: 50px!important;
}
.p_left_0 {
	padding-left: 0!important;
}
.p_top_0 {
	padding-top: 0!important;
}
.p_right_0 {
	padding-right: 0!important;
}
.p_bottom_0 {
	padding-bottom: 0!important;
}
.p_left_5 {
	padding-left: 5px!important;
}
.p_top_5 {
	padding-top: 5px!important;
}
.p_right_5 {
	padding-right: 5px!important;
}
.p_bottom_5 {
	padding-bottom: 5px!important;
}
.p_left_10 {
	padding-left: 10px!important;
}
.p_top_10 {
	padding-top: 10px!important;
}
.p_right_10 {
	padding-right: 10px!important;
}
.p_bottom_10 {
	padding-bottom: 10px!important;
}
.p_left_15 {
	padding-left: 15px!important;
}
.p_top_15 {
	padding-top: 15px!important;
}
.p_right_15 {
	padding-right: 15px!important;
}
.p_bottom_15 {
	padding-bottom: 15px!important;
}
.p_left_20 {
	padding-left: 20px!important;
}
.p_top_20 {
	padding-top: 20px!important;
}
.p_right_20 {
	padding-right: 20px!important;
}
.p_bottom_20 {
	padding-bottom: 20px!important;
}
.p_left_30 {
	padding-left: 30px!important;
}
.p_top_30 {
	padding-top: 30px!important;
}
.p_right_30 {
	padding-right: 30px!important;
}
.p_bottom_30 {
	padding-bottom: 30px!important;
}
.p_left_50 {
	padding-left: 50px!important;
}
.p_top_50 {
	padding-top: 50px!important;
}
.p_top_100 {
  padding-top: 100px!important;
}
.p_right_50 {
	padding-right: 50px!important;
}
.p_bottom_50 {
	padding-bottom: 50px!important;
}
.p_bottom_65 {
	padding-bottom: 65px!important;
}
.m_0 {
	margin: 0px!important;
}
.m_5 {
	margin: 5px!important;
}
.m_10 {
	margin: 10px!important;
}
.m_15 {
	margin: 15px!important;
}
.m_20 {
	margin: 20px!important;
}
.m_30 {
	margin: 30px!important;
}
.m_40 {
	margin: 40px!important;
}
.m_50 {
	margin: 50px!important;
}
.m_left_auto {
	margin-left: auto !important;
}
.m_left_0 {
	margin-left: 0!important;
}
.m_top_0 {
	margin-top: 0!important;
}
.m_right_auto {
	margin-right: auto !important;
}
.m_right_0 {
	margin-right: 0!important;
}
.m_bottom_0 {
	margin-bottom: 0!important;
}
.m_bottom_10 {
  margin-bottom: 10!important;
}
.m_left_2 {
	margin-left: 2px!important;
}
.m_left_3 {
  margin-left: 3px!important;
}
.m_left_5 {
  margin-left: 5px!important;
}
.m_top_2 {
	margin-top: 2px!important;
}
.m_top_5 {
  margin-top: 5px!important;
}
.m_right_5 {
	margin-right: 5px!important;
}
.m_bottom_5 {
	margin-bottom: 5px!important;
}
.m_left_10 {
	margin-left: 10px!important;
}
.m_top_8 {
	margin-top: 8px!important;
}
.m_top_10 {
  margin-top: 10px!important;
}
.m_top_11 {
  margin-top: 11px!important;
}
.m_top_12 {
  margin-top: 12px!important;
}
.m_right_10 {
	margin-right: 10px!important;
}
.m_bottom_10 {
	margin-bottom: 10px!important;
}
.m_left_13 {
	margin-left: 13px!important;
}
.m_left_15 {
  margin-left: 15px!important;
}
.m_top_12 {
	margin-top: 12px!important;
}
.m_top_15 {
  margin-top: 15px!important;
}
.m_right_15 {
	margin-right: 15px!important;
}
.m_bottom_15 {
	margin-bottom: 15px!important;
}
.m_left_20 {
	margin-left: 20px!important;
}
.m_top_20 {
	margin-top: 20px!important;
}
.m_right_20 {
	margin-right: 20px!important;
}
.m_bottom_20 {
	margin-bottom: 20px!important;
}
.m_left_30 {
  margin-left: 30px!important;
}
.m_top_25 {
  margin-top: 25px!important;
}
.m_top_30 {
  margin-top: 30px!important;
}
.m_right_30 {
  margin-right: 30px!important;
}
.m_bottom_30 {
  margin-bottom: 30px!important;
}
.m_top_50 {
  margin-top: 50px!important;
}
/**/
.fs_small {
  font-size: 0.8rem!important;
}
.fs_large {
 font-size: 1.1rem!important;
}
.fs_xlarge {
  font-size: 1.3rem!important;
}
.f_size-0_5rem {
	font-size: 0.5rem!important;
}
.f_size-0_8rem {
	font-size: 0.8rem!important;
}
.f_size-1rem {
	font-size: 1rem!important;
}
.f_size-1_1rem {
	font-size: 1.1rem!important;
}
.f_size-1_2rem {
	font-size: 1.2rem!important;
}
.f_size-1_5rem {
	font-size: 1.5rem!important;
}
.f_size-2rem {
	font-size: 2rem!important;
}
.f_size-2_5rem {
	font-size: 2.5rem!important;
}
.f_size-3rem {
  font-size: 3rem!important;
}
.f_size-4rem {
  font-size: 4rem!important;
}
.color_pink {
	color: #fe21be!important;
}
.color_white {
	color: #fff!important;
}
.color_blue {
	color: #5075e4!important;
}
.color_gray {
	color: #9ea7c0!important;
}
.color_mint {
	color: #00c5dc!important;
}
.color_dark {
  color: #282a3c!important;
}
.t_left {
	text-align: left !important;
}
.t_center {
    text-align: center !important;
}
.t_right {
	text-align: right !important;
}
.font-weight-100 {
  font-weight: 100!important;
}
.font-weight-200 {
  font-weight: 200!important;
}
.font-weight-300 {
  font-weight: 300!important;
}
.font-weight-400 {
  font-weight: 400!important;
}
.font-weight-500 {
  font-weight: 500!important;
}
.font-weight-600 {
  font-weight: 600!important;
}
.font-weight-700 {
  font-weight: 700!important;
}
.font-weight-bold {
  font-weight:bold !important;
}
/**/
.f_left {
	float: left!important;
}
.f_right {
	float: right!important;
}
/**/
.kt-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  text-align: left;
  cursor: pointer;
  font-size: 0.9rem;
  transition: all 0.3s ease; 
  color:#fff;
  }
  .kt-checkbox.kt-checkbox--disabled {
    opacity: 0.8;
    cursor: not-allowed; }
  .kt-checkbox > input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .kt-checkbox > span {
    border-radius: 3px;
    background: none;
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px; }
    .kt-checkbox > span:after {
      content: '';
      position: absolute;
      display: none;
      top: 50%;
      left: 50%;
      margin-left: -2px;
      margin-top: -6px;
      width: 5px;
      height: 10px;
      border-width: 0 2px 2px 0/*rtl:ignore*/ !important;
      -webkit-transform: rotate(45deg)/*rtl:ignore*/;
      transform: rotate(45deg)/*rtl:ignore*/; }
  .kt-checkbox > input:checked ~ span {
    transition: all 0.3s ease;
    background: none; }
    .kt-checkbox > input:checked ~ span:after {
      display: block; }
  .kt-checkbox:hover > input:not([disabled]):checked ~ span,
  .kt-checkbox > input:checked ~ span {
    transition: all 0.3s ease; }
  .kt-checkbox > input:disabled ~ span {
    opacity: 0.6;
    pointer-events: none; }
  .kt-checkbox.kt-checkbox--solid > span {
    border: 1px solid transparent; }
  .kt-checkbox.kt-checkbox--solid:hover > input:not([disabled]) ~ span,
  .kt-checkbox.kt-checkbox--solid > input:focus ~ span {
    transition: all 0.3s ease; }
  .kt-checkbox.kt-checkbox--square > span {
    border-radius: 0; }
  .kt-checkbox.kt-checkbox--bold > span {
    border-width: 2px !important;
    transition: all 0.3s ease; }
  .form-inline .kt-checkbox {
    margin-left: 15px;
    margin-right: 15px; }
  .kt-checkbox.kt-checkbox--single {
    width: 18px;
    height: 18px; }
    .kt-checkbox.kt-checkbox--single > span {
      top: 0px; }
    th > .kt-checkbox.kt-checkbox--single,
    td > .kt-checkbox.kt-checkbox--single {
      right: -5px; }
  .input-group .kt-checkbox {
    margin-bottom: 0 !important;
    padding-left: 0; }

.kt-checkbox-list {
  padding: 0 0; }
  .form-horizontal .form-group .kt-checkbox-list {
    padding-top: 0; }
  .kt-checkbox-list .kt-checkbox {
    text-align: left;
    display: block; }
    .kt-checkbox-list .kt-checkbox:last-child {
      margin-bottom: 5px; }

.kt-checkbox-inline {
  padding: 0 0; }
  .kt-checkbox-inline .kt-checkbox {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px; }
    .kt-checkbox-inline .kt-checkbox:last-child {
      margin-right: 0; }

.form-group.row .kt-checkbox-inline {
  margin-top: 0.75rem; }

.form-group.row .kt-checkbox-list {
  margin-top: 2px; }
.kt-checkbox.kt-checkbox--disabled {
  opacity: 0.7; }

.kt-checkbox > span {
  border: 1px solid #fffff5; }
  .kt-checkbox > span:after {
    border: solid #fffff5; }

.kt-checkbox > input:disabled ~ span:after {
  border-color: #c8cfdd; }

.kt-checkbox > input:checked ~ span {
  border: 1px solid #fffff5; }

.kt-checkbox.kt-checkbox--bold > input:checked ~ span {
  border: 2px solid #c8cfdd; }

.kt-checkbox > input:disabled ~ span {
  opacity: 0.6; }

.kt-checkbox.kt-checkbox--solid > span {
  background: #e4e8ee;
  border: 1px solid transparent !important; }
  .kt-checkbox.kt-checkbox--solid > span:after {
    border: solid #99a6bf; }

.kt-checkbox.kt-checkbox--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-checkbox.kt-checkbox--solid > input:checked ~ span {
  background: #dee2ea; }

.kt-checkbox.kt-checkbox--brand.kt-checkbox--disabled {
  opacity: 0.7; }

.kt-checkbox.kt-checkbox--brand > span {
  border: 1px solid #5d78ff; }
  .kt-checkbox.kt-checkbox--brand > span:after {
    border: solid #5d78ff; }

.kt-checkbox.kt-checkbox--brand > input:disabled ~ span:after {
  border-color: #5d78ff; }

.kt-checkbox.kt-checkbox--brand > input:checked ~ span {
  border: 1px solid #5d78ff; }

.kt-checkbox.kt-checkbox--brand.kt-checkbox--bold > input:checked ~ span {
  border: 2px solid #5d78ff; }

.kt-checkbox.kt-checkbox--brand > input:disabled ~ span {
  opacity: 0.6; }

.kt-checkbox.kt-checkbox--brand.kt-checkbox--solid > span {
  background: #5d78ff;
  border: 1px solid transparent !important; }
  .kt-checkbox.kt-checkbox--brand.kt-checkbox--solid > span:after {
    border: solid #ffffff; }

.kt-checkbox.kt-checkbox--brand.kt-checkbox--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-checkbox.kt-checkbox--brand.kt-checkbox--solid > input:checked ~ span {
  background: #5d78ff; }

.kt-checkbox.kt-checkbox--light.kt-checkbox--disabled {
  opacity: 0.7; }

.kt-checkbox.kt-checkbox--light > span {
  border: 1px solid #ffffff; }
  .kt-checkbox.kt-checkbox--light > span:after {
    border: solid #ffffff; }

.kt-checkbox.kt-checkbox--light > input:disabled ~ span:after {
  border-color: #ffffff; }

.kt-checkbox.kt-checkbox--light > input:checked ~ span {
  border: 1px solid #ffffff; }

.kt-checkbox.kt-checkbox--light.kt-checkbox--bold > input:checked ~ span {
  border: 2px solid #ffffff; }

.kt-checkbox.kt-checkbox--light > input:disabled ~ span {
  opacity: 0.6; }

.kt-checkbox.kt-checkbox--light.kt-checkbox--solid > span {
  background: #ffffff;
  border: 1px solid transparent !important; }
  .kt-checkbox.kt-checkbox--light.kt-checkbox--solid > span:after {
    border: solid #282a3c; }

.kt-checkbox.kt-checkbox--light.kt-checkbox--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-checkbox.kt-checkbox--light.kt-checkbox--solid > input:checked ~ span {
  background: #ffffff; }

.kt-checkbox.kt-checkbox--dark.kt-checkbox--disabled {
  opacity: 0.7; }

.kt-checkbox.kt-checkbox--dark > span {
  border: 1px solid #282a3c; }
  .kt-checkbox.kt-checkbox--dark > span:after {
    border: solid #282a3c; }

.kt-checkbox.kt-checkbox--dark > input:disabled ~ span:after {
  border-color: #282a3c; }

.kt-checkbox.kt-checkbox--dark > input:checked ~ span {
  border: 1px solid #282a3c; }

.kt-checkbox.kt-checkbox--dark.kt-checkbox--bold > input:checked ~ span {
  border: 2px solid #282a3c; }

.kt-checkbox.kt-checkbox--dark > input:disabled ~ span {
  opacity: 0.6; }

.kt-checkbox.kt-checkbox--dark.kt-checkbox--solid > span {
  background: #282a3c;
  border: 1px solid transparent !important; }
  .kt-checkbox.kt-checkbox--dark.kt-checkbox--solid > span:after {
    border: solid #ffffff; }

.kt-checkbox.kt-checkbox--dark.kt-checkbox--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-checkbox.kt-checkbox--dark.kt-checkbox--solid > input:checked ~ span {
  background: #282a3c; }

.kt-checkbox.kt-checkbox--primary.kt-checkbox--disabled {
  opacity: 0.7; }

.kt-checkbox.kt-checkbox--primary > span {
  border: 1px solid #5867dd; }
  .kt-checkbox.kt-checkbox--primary > span:after {
    border: solid #5867dd; }

.kt-checkbox.kt-checkbox--primary > input:disabled ~ span:after {
  border-color: #5867dd; }

.kt-checkbox.kt-checkbox--primary > input:checked ~ span {
  border: 1px solid #5867dd; }

.kt-checkbox.kt-checkbox--primary.kt-checkbox--bold > input:checked ~ span {
  border: 2px solid #5867dd; }

.kt-checkbox.kt-checkbox--primary > input:disabled ~ span {
  opacity: 0.6; }

.kt-checkbox.kt-checkbox--primary.kt-checkbox--solid > span {
  background: #5867dd;
  border: 1px solid transparent !important; }
  .kt-checkbox.kt-checkbox--primary.kt-checkbox--solid > span:after {
    border: solid #ffffff; }

.kt-checkbox.kt-checkbox--primary.kt-checkbox--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-checkbox.kt-checkbox--primary.kt-checkbox--solid > input:checked ~ span {
  background: #5867dd; }

.kt-checkbox.kt-checkbox--success.kt-checkbox--disabled {
  opacity: 0.7; }

.kt-checkbox.kt-checkbox--success > span {
  border: 1px solid #0abb87; }
  .kt-checkbox.kt-checkbox--success > span:after {
    border: solid #0abb87; }

.kt-checkbox.kt-checkbox--success > input:disabled ~ span:after {
  border-color: #0abb87; }

.kt-checkbox.kt-checkbox--success > input:checked ~ span {
  border: 1px solid #0abb87; }

.kt-checkbox.kt-checkbox--success.kt-checkbox--bold > input:checked ~ span {
  border: 2px solid #0abb87; }

.kt-checkbox.kt-checkbox--success > input:disabled ~ span {
  opacity: 0.6; }

.kt-checkbox.kt-checkbox--success.kt-checkbox--solid > span {
  background: #0abb87;
  border: 1px solid transparent !important; }
  .kt-checkbox.kt-checkbox--success.kt-checkbox--solid > span:after {
    border: solid #ffffff; }

.kt-checkbox.kt-checkbox--success.kt-checkbox--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-checkbox.kt-checkbox--success.kt-checkbox--solid > input:checked ~ span {
  background: #0abb87; }

.kt-checkbox.kt-checkbox--info.kt-checkbox--disabled {
  opacity: 0.7; }

.kt-checkbox.kt-checkbox--info > span {
  border: 1px solid #5578eb; }
  .kt-checkbox.kt-checkbox--info > span:after {
    border: solid #5578eb; }

.kt-checkbox.kt-checkbox--info > input:disabled ~ span:after {
  border-color: #5578eb; }

.kt-checkbox.kt-checkbox--info > input:checked ~ span {
  border: 1px solid #5578eb; }

.kt-checkbox.kt-checkbox--info.kt-checkbox--bold > input:checked ~ span {
  border: 2px solid #5578eb; }

.kt-checkbox.kt-checkbox--info > input:disabled ~ span {
  opacity: 0.6; }

.kt-checkbox.kt-checkbox--info.kt-checkbox--solid > span {
  background: #5578eb;
  border: 1px solid transparent !important; }
  .kt-checkbox.kt-checkbox--info.kt-checkbox--solid > span:after {
    border: solid #ffffff; }

.kt-checkbox.kt-checkbox--info.kt-checkbox--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-checkbox.kt-checkbox--info.kt-checkbox--solid > input:checked ~ span {
  background: #5578eb; }

.kt-checkbox.kt-checkbox--warning.kt-checkbox--disabled {
  opacity: 0.7; }

.kt-checkbox.kt-checkbox--warning > span {
  border: 1px solid #ffb822; }
  .kt-checkbox.kt-checkbox--warning > span:after {
    border: solid #ffb822; }

.kt-checkbox.kt-checkbox--warning > input:disabled ~ span:after {
  border-color: #ffb822; }

.kt-checkbox.kt-checkbox--warning > input:checked ~ span {
  border: 1px solid #ffb822; }

.kt-checkbox.kt-checkbox--warning.kt-checkbox--bold > input:checked ~ span {
  border: 2px solid #ffb822; }

.kt-checkbox.kt-checkbox--warning > input:disabled ~ span {
  opacity: 0.6; }

.kt-checkbox.kt-checkbox--warning.kt-checkbox--solid > span {
  background: #ffb822;
  border: 1px solid transparent !important; }
  .kt-checkbox.kt-checkbox--warning.kt-checkbox--solid > span:after {
    border: solid #111111; }

.kt-checkbox.kt-checkbox--warning.kt-checkbox--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-checkbox.kt-checkbox--warning.kt-checkbox--solid > input:checked ~ span {
  background: #ffb822; }

.kt-checkbox.kt-checkbox--danger.kt-checkbox--disabled {
  opacity: 0.7; }

.kt-checkbox.kt-checkbox--danger > span {
  border: 1px solid #fd397a; }
  .kt-checkbox.kt-checkbox--danger > span:after {
    border: solid #fd397a; }

.kt-checkbox.kt-checkbox--danger > input:disabled ~ span:after {
  border-color: #fd397a; }

.kt-checkbox.kt-checkbox--danger > input:checked ~ span {
  border: 1px solid #fd397a; }

.kt-checkbox.kt-checkbox--danger.kt-checkbox--bold > input:checked ~ span {
  border: 2px solid #fd397a; }

.kt-checkbox.kt-checkbox--danger > input:disabled ~ span {
  opacity: 0.6; }

.kt-checkbox.kt-checkbox--danger.kt-checkbox--solid > span {
  background: #fd397a;
  border: 1px solid transparent !important; }
  .kt-checkbox.kt-checkbox--danger.kt-checkbox--solid > span:after {
    border: solid #ffffff; }

.kt-checkbox.kt-checkbox--danger.kt-checkbox--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-checkbox.kt-checkbox--danger.kt-checkbox--solid > input:checked ~ span {
  background: #fd397a; }

.kt-radio {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  text-align: left;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 1rem;
  transition: all 0.3s ease; }
  .kt-radio.kt-radio--disabled {
    opacity: 0.8;
    cursor: not-allowed; }
  .kt-radio > input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .kt-radio > span {
    background: none;
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 50% !important; }
    .kt-radio > span:after {
      content: '';
      position: absolute;
      display: none;
      top: 50%;
      left: 50%;
      margin-left: -3px;
      margin-top: -3px;
      width: 6px;
      height: 6px;
      border-radius: 100% !important; }
  .kt-radio > input:checked ~ span {
    transition: all 0.3s ease;
    background: none; }
    .kt-radio > input:checked ~ span:after {
      display: block; }
  .kt-radio:hover > input:not([disabled]):checked ~ span,
  .kt-radio > input:checked ~ span {
    transition: all 0.3s ease; }
  .kt-radio > input:disabled ~ span {
    opacity: 0.6;
    pointer-events: none; }
  .kt-radio.kt-radio--solid > span {
    border: 1px solid transparent; }
  .kt-radio.kt-radio--solid:hover > input:not([disabled]) ~ span,
  .kt-radio.kt-radio--solid > input:focus ~ span {
    transition: all 0.3s ease; }
  .kt-radio.kt-radio--square > span {
    border-radius: 0; }
  .kt-radio.kt-radio--bold > span {
    border-width: 2px !important;
    transition: all 0.3s ease; }
  .form-inline .kt-radio {
    margin-left: 15px;
    margin-right: 15px; }
  .kt-radio.kt-radio--single {
    width: 18px;
    height: 18px; }
    .kt-radio.kt-radio--single > span {
      top: 0px; }
    th > .kt-radio.kt-radio--single,
    td > .kt-radio.kt-radio--single {
      right: -5px; }
  .input-group .kt-radio {
    margin-bottom: 0 !important;
    padding-left: 0; }

.kt-radio-list {
  padding: 0 0; }
  .form-horizontal .form-group .kt-radio-list {
    padding-top: 0; }
  .kt-radio-list .kt-radio {
    display: block;
    text-align: left; }
    .kt-radio-list .kt-radio:last-child {
      margin-bottom: 5px; }

.kt-radio-inline {
  padding: 0 0; }
  .kt-radio-inline .kt-radio {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px; }
    .kt-radio-inline .kt-radio:last-child {
      margin-right: 0; }

.form-group.row .kt-radio-inline {
  margin-top: 0.75rem; }

.form-group.row .kt-radio-list {
  margin-top: 2px; }

.kt-radio.kt-radio--disabled {
  opacity: 0.8; }

.kt-radio > span {
  border: 1px solid #d1d7e2; }
  .kt-radio > span:after {
    border: solid #bfc7d7;
    background: #bfc7d7; }

.kt-radio > input:disabled ~ span:after {
  border-color: #c8cfdd; }

.kt-radio > input:checked ~ span {
  border: 1px solid #c8cfdd; }

.kt-radio.kt-radio--bold > input:checked ~ span {
  border: 2px solid #c8cfdd; }

.kt-radio > input:disabled ~ span {
  opacity: 0.6; }

.kt-radio.kt-radio--solid > span {
  background: #e4e8ee;
  border: 1px solid transparent !important; }
  .kt-radio.kt-radio--solid > span:after {
    border: solid #99a6bf;
    background: #99a6bf; }

.kt-radio.kt-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-radio.kt-radio--solid > input:checked ~ span {
  background: #dee2ea; }

.kt-radio.kt-radio--brand.kt-radio--disabled {
  opacity: 0.8; }

.kt-radio.kt-radio--brand > span {
  border: 1px solid #5d78ff; }
  .kt-radio.kt-radio--brand > span:after {
    border: solid #5d78ff;
    background: #5d78ff; }

.kt-radio.kt-radio--brand > input:disabled ~ span:after {
  border-color: #5d78ff; }

.kt-radio.kt-radio--brand > input:checked ~ span {
  border: 1px solid #5d78ff; }

.kt-radio.kt-radio--brand.kt-radio--bold > input:checked ~ span {
  border: 2px solid #5d78ff; }

.kt-radio.kt-radio--brand > input:disabled ~ span {
  opacity: 0.6; }

.kt-radio.kt-radio--brand.kt-radio--solid > span {
  background: #5d78ff;
  border: 1px solid transparent !important; }
  .kt-radio.kt-radio--brand.kt-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff; }

.kt-radio.kt-radio--brand.kt-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-radio.kt-radio--brand.kt-radio--solid > input:checked ~ span {
  background: #5d78ff; }

.kt-radio.kt-radio--light.kt-radio--disabled {
  opacity: 0.8; }

.kt-radio.kt-radio--light > span {
  border: 1px solid #ffffff; }
  .kt-radio.kt-radio--light > span:after {
    border: solid #ffffff;
    background: #ffffff; }

.kt-radio.kt-radio--light > input:disabled ~ span:after {
  border-color: #ffffff; }

.kt-radio.kt-radio--light > input:checked ~ span {
  border: 1px solid #ffffff; }

.kt-radio.kt-radio--light.kt-radio--bold > input:checked ~ span {
  border: 2px solid #ffffff; }

.kt-radio.kt-radio--light > input:disabled ~ span {
  opacity: 0.6; }

.kt-radio.kt-radio--light.kt-radio--solid > span {
  background: #ffffff;
  border: 1px solid transparent !important; }
  .kt-radio.kt-radio--light.kt-radio--solid > span:after {
    border: solid #282a3c;
    background: #282a3c; }

.kt-radio.kt-radio--light.kt-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-radio.kt-radio--light.kt-radio--solid > input:checked ~ span {
  background: #ffffff; }

.kt-radio.kt-radio--dark.kt-radio--disabled {
  opacity: 0.8; }

.kt-radio.kt-radio--dark > span {
  border: 1px solid #282a3c; }
  .kt-radio.kt-radio--dark > span:after {
    border: solid #282a3c;
    background: #282a3c; }

.kt-radio.kt-radio--dark > input:disabled ~ span:after {
  border-color: #282a3c; }

.kt-radio.kt-radio--dark > input:checked ~ span {
  border: 1px solid #282a3c; }

.kt-radio.kt-radio--dark.kt-radio--bold > input:checked ~ span {
  border: 2px solid #282a3c; }

.kt-radio.kt-radio--dark > input:disabled ~ span {
  opacity: 0.6; }

.kt-radio.kt-radio--dark.kt-radio--solid > span {
  background: #282a3c;
  border: 1px solid transparent !important; }
  .kt-radio.kt-radio--dark.kt-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff; }

.kt-radio.kt-radio--dark.kt-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-radio.kt-radio--dark.kt-radio--solid > input:checked ~ span {
  background: #282a3c; }

.kt-radio.kt-radio--primary.kt-radio--disabled {
  opacity: 0.8; }

.kt-radio.kt-radio--primary > span {
  border: 1px solid #5867dd; }
  .kt-radio.kt-radio--primary > span:after {
    border: solid #5867dd;
    background: #5867dd; }

.kt-radio.kt-radio--primary > input:disabled ~ span:after {
  border-color: #5867dd; }

.kt-radio.kt-radio--primary > input:checked ~ span {
  border: 1px solid #5867dd; }

.kt-radio.kt-radio--primary.kt-radio--bold > input:checked ~ span {
  border: 2px solid #5867dd; }

.kt-radio.kt-radio--primary > input:disabled ~ span {
  opacity: 0.6; }

.kt-radio.kt-radio--primary.kt-radio--solid > span {
  background: #5867dd;
  border: 1px solid transparent !important; }
  .kt-radio.kt-radio--primary.kt-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff; }

.kt-radio.kt-radio--primary.kt-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-radio.kt-radio--primary.kt-radio--solid > input:checked ~ span {
  background: #5867dd; }

.kt-radio.kt-radio--success.kt-radio--disabled {
  opacity: 0.8; }

.kt-radio.kt-radio--success > span {
  border: 1px solid #0abb87; }
  .kt-radio.kt-radio--success > span:after {
    border: solid #0abb87;
    background: #0abb87; }

.kt-radio.kt-radio--success > input:disabled ~ span:after {
  border-color: #0abb87; }

.kt-radio.kt-radio--success > input:checked ~ span {
  border: 1px solid #0abb87; }

.kt-radio.kt-radio--success.kt-radio--bold > input:checked ~ span {
  border: 2px solid #0abb87; }

.kt-radio.kt-radio--success > input:disabled ~ span {
  opacity: 0.6; }

.kt-radio.kt-radio--success.kt-radio--solid > span {
  background: #0abb87;
  border: 1px solid transparent !important; }
  .kt-radio.kt-radio--success.kt-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff; }

.kt-radio.kt-radio--success.kt-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-radio.kt-radio--success.kt-radio--solid > input:checked ~ span {
  background: #0abb87; }

.kt-radio.kt-radio--info.kt-radio--disabled {
  opacity: 0.8; }

.kt-radio.kt-radio--info > span {
  border: 1px solid #5578eb; }
  .kt-radio.kt-radio--info > span:after {
    border: solid #5578eb;
    background: #5578eb; }

.kt-radio.kt-radio--info > input:disabled ~ span:after {
  border-color: #5578eb; }

.kt-radio.kt-radio--info > input:checked ~ span {
  border: 1px solid #5578eb; }

.kt-radio.kt-radio--info.kt-radio--bold > input:checked ~ span {
  border: 2px solid #5578eb; }

.kt-radio.kt-radio--info > input:disabled ~ span {
  opacity: 0.6; }

.kt-radio.kt-radio--info.kt-radio--solid > span {
  background: #5578eb;
  border: 1px solid transparent !important; }
  .kt-radio.kt-radio--info.kt-radio--solid > span:after {
    border: solid #ffffff;
    background: #ffffff; }

.kt-radio.kt-radio--info.kt-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-radio.kt-radio--info.kt-radio--solid > input:checked ~ span {
  background: #5578eb; }

.kt-radio.kt-radio--warning.kt-radio--disabled {
  opacity: 0.8; }

.kt-radio.kt-radio--warning > span {
  border: 1px solid #ffb822; }
  .kt-radio.kt-radio--warning > span:after {
    border: solid #ffb822;
    background: #ffb822; }

.kt-radio.kt-radio--warning > input:disabled ~ span:after {
  border-color: #ffb822; }

.kt-radio.kt-radio--warning > input:checked ~ span {
  border: 1px solid #ffb822; }

.kt-radio.kt-radio--warning.kt-radio--bold > input:checked ~ span {
  border: 2px solid #ffb822; }

.kt-radio.kt-radio--warning > input:disabled ~ span {
  opacity: 0.6; }

.kt-radio.kt-radio--warning.kt-radio--solid > span {
  background: #ffb822;
  border: 1px solid transparent !important; }
  .kt-radio.kt-radio--warning.kt-radio--solid > span:after {
    border: solid #111111;
    background: #111111; }

.kt-radio.kt-radio--warning.kt-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.kt-radio.kt-radio--warning.kt-radio--solid > input:checked ~ span {
  background: #ffb822; }

.kt-radio.kt-radio--danger.kt-radio--disabled {
  opacity: 0.8; }

.kt-radio.kt-radio--danger > span {
  border: 1px solid #fd397a; }
  .kt-radio.kt-radio--danger > span:after {
    border: solid #fd397a;
    background: #fd397a; }

.kt-radio.kt-radio--danger > input:disabled ~ span:after {border-color: #fd397a; }
.kt-radio.kt-radio--danger > input:checked ~ span {border: 1px solid #fd397a; }
.kt-radio.kt-radio--danger.kt-radio--bold > input:checked ~ span {border: 2px solid #fd397a; }
.kt-radio.kt-radio--danger > input:disabled ~ span {opacity: 0.6; }
.kt-radio.kt-radio--danger.kt-radio--solid > span {background: #fd397a;border: 1px solid transparent !important; }
.kt-radio.kt-radio--danger.kt-radio--solid > span:after {border: solid #ffffff;background: #ffffff; }
.kt-radio.kt-radio--danger.kt-radio--solid > input:focus ~ span {border: 1px solid transparent !important; }
.kt-radio.kt-radio--danger.kt-radio--solid > input:checked ~ span {background: #fd397a; }
.kt-login.kt-login--v2 .kt-login__wrapper .kt-login__container .kt-login__account .kt-login__account-link {font-size: 1.1rem;font-weight: 500;}
.kt-link.kt-link--light {color: #ffffff;}
.kt-link {text-decoration: none;position: relative;display: inline-block;color: #505ae2;}

/**/
.d_inline-block{display: inline-block;}
.display_flex{display:flex;}
.main_title_color{color:#564fc1 !Important;}
.cursor_P{cursor: pointer;}
.icon_B{ display: block;line-height: 1.3rem !Important;}
/*로그인페이지*/
#m_login {background-image: url(../image/admin_bg.jpg);background-size: 100% 100%;}
.sv_login_box{box-sizing: border-box;background-color: #fff;border-radius: 5px;padding: 17px 35px 17px 50px;}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control {border: none; padding: 0;color:#575962;margin-top:0}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control {color: #575962;background: transparent;}
.sv_login_box .m-input::placeholder {color:#010101 !important;}
.login_input_icon{position: absolute;top: 13px;left: 18px;}
.sv_login_btn{text-align: center;display: inline-block;border-radius: 55px !important;padding: 1rem;width: 100% !important;height: 45px !important;line-height: 0px !important;background: #808285;color: #ffffff;font-size: 1.1rem;font-weight: 700;font-family: 'Noto Sans KR', sans-serif, Dotum;border: none;box-shadow: none !important;}
.sv_Check_btn ul li {
    position: relative;
    float: left;
    color: #fff;
    font-size: 1rem;
    font-family: 'Noto Sans KR', sans-serif, Dotum;
    cursor: pointer;
}
.sv_Checkbox > input {position: absolute;z-index: -1;opacity: 0;}
.sv_Checkbox{display: inline-block;position: relative;padding-left: 25px;margin-bottom:35px;text-align: left;cursor: pointer;font-size: 1rem;transition: all 0.3s ease;color: #fff;}
.sv_Checkbox>span {border-radius: 50%;border: 1px solid #fffff5;top: 2px;left: 0;height: 18px;width: 18px;background: none;position: absolute;}
/*#######메인##########*/
.m-widget14{padding: 1rem 1.2rem !Important;}
.S_main_title{display: flex; align-items: center;width: 100%; background-color: #564fc1;color: #fff;padding: 0.6rem;border-radius: 5px 5px 0 0;}
.S_main_title h3{color:#fff;padding: 0;}
.S_main_sub_title{text-align: right;color: #fff;padding: 0;}


.S_main_title_N{display: flex; align-items: center;width: 100%;color: #2a2a2a;padding: 0.6rem;border-radius: 5px 5px 0 0;}
.S_main_title_N h3{color:#2a2a2a;padding: 0;font-size:1.3rem;font-weight: 500;margin-bottom: 0;}
.m-nav__item_new{font-size: 1.5rem;}
.m-nav__item_new .m-nav__link-icon {position: relative;background-color: #fff;width: 55px;height: 55px;border-radius: 50%;margin-right: 10px;-webkit-box-shadow: 1px 2px 5px 0px rgb(0 0 0 / 18%);}
.m-nav__item_new .m-nav__link-icon > i{ position: absolute;top: 50%;left: 50%;vertical-align: middle;margin-right: 5px;transform: translate(-50%,-50%);}
.m-nav__item_new .m-nav__link-icon > i:before{color: #564fc1;font-size: 1.5rem;font-weight: bold;}
/*메인 table 공통*/
table.table_t {border-collapse: collapse;text-align: left;line-height: 1.5;width: 100%;table-layout: fixed;}
table.table_t thead th {padding: 13px 3px;font-weight: bold;color: #333;border-bottom: 1px solid #727697;font-size: 1rem;vertical-align: middle;text-align: center;}
table.table_t td {padding:10px 10px;vertical-align: top;border-bottom: 1px solid #ccc;vertical-align: middle;white-space: normal;word-break: break-all;}
.main_list_li ul{display: flex;align-items: center;}
.main_list_li ul li{float:left; width:33.3%;background-color:#fff;padding:2rem;height: auto;min-height: 160px;}
.main_list_li ul li svg{height: 2.5rem !important;width: 2.3rem !important}
.main_list_li ul .img_background{background-image: url(/Program/Image/main_list_B.png);background-repeat: no-repeat;background-position: right bottom;}
/*메인-품질등급별매장분포*/
.store_sub_box{margin: 10px 0;}
.store_con_box{padding:0.8rem;background-color: #fff;border-radius: 2px;  border: 1px solid #ebebeb;height: 235px;overflow-y: auto;}
.rank_btn{color: #fff;border-radius: 50%;width: 80px;height: 80px;line-height: 80px;text-align: center;display: inline-block;cursor:pointer;}
.rank_ul {height:auto;overflow:hidden;}
.rank_ul li{float:left;width:20%}
.n_rank_ul {height:auto;overflow:hidden;}
.n_rank_ul li{float:left;width:20%;display: flex;justify-content: center;}
.n_rank_btn{color: #fff;border-radius: 50%;width: 100px;height: 100px;text-align: center;cursor: pointer;text-overflow: ellipsis; word-break: break-word;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 19px;display: table-cell;vertical-align: middle;padding: 10px;}

#S_rank{background-color: #ff5656;}
#A_rank{background-color: #708fff;}
#B_rank{background-color: #a5b19a;}
#C_rank{background-color: #a5b19a;}
#D_rank{background-color: #a5b19a;}
.m--font-Scolor{color:#ff5656 !important;}
.m--font-Acolor{color:#708fff !important;}
.m--font-Bcolor{color:#a5b19a !important;}
.m--font-Ccolor{color:#a5b19a !important;}
.m--font-Dcolor{color:#a5b19a !important;}
.store_sub_tit{padding: 8px 0;font-size: 16px;color: #3f4047;cursor: pointer;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;border-bottom: 1px dotted #ddd;}
.store_sub_tit:last-child{border:none;}
/*daterangepicker 커스텀*/
.dropdown-menu {font-size:0.9rem;}
.daterangepicker select.monthselect{width: 43%;}
.daterangepicker select.yearselect {width: 43%;}
.daterangepicker .ranges ul li{background-color: #ebedf2;}
.daterangepicker .ranges li.active {   background: #716aca;    color: #ffffff;border: 1px solid #716aca;}
.daterangepicker .ranges .range_inputs {width: 210px;}
.daterangepicker .ranges .range_inputs>div {float: left;}
.daterangepicker .ranges .input-mini {background-color: #ebedf2;border: 1px solid #ebedf2;border-radius: 4px;color: #555;display: block;font-size: 11px;height: 30px;line-height: 30px;vertical-align: middle;margin: 0 0 10px 0;padding: 0 6px;width: 95px;}
.daterangepicker .ranges .range_inputs>div:nth-child(2) {padding-left: 11px;}
/*최근점검리포트*/
.re_title{font-size:1.1rem;font-weight:bold;}
.re_date{font-size:0.8rem;color: #888;}
.re_score{color: #564fc1;font-weight: bold;font-size: 1.2rem;}
/*메인 팝업*/
.pop_store ul li{float:left;width:33%;text-align:center; border-right:1px solid #ddd;background-color: #fff;padding: 1rem;min-height: 130px;}
.pop_store p{padding:0; margin: 0;}
.pop_store ul li:last-child{border-right:none;}
.pop_store .title{font-size:1.2rem}
.pop_store .count{font-size:2rem; font-weight:bold;  color: #5867dd;}
.pop_rank_btn{color: #fff;border-radius: 50%;width: 45px;height: 45px;line-height: 45px;text-align: center;display: inline-block;cursor:pointer;font-size: 20px;vertical-align: top;}
table.table_P {border-collapse: collapse;text-align: left;line-height: 1.5;width: 100%;table-layout: fixed;}
table.table_P th {padding: 10px 6px;font-weight: bold;color: #333;border-bottom: 1px solid #ccc;background-color: #f7f7f7;font-size: 1rem;vertical-align: middle;text-align: left;}
table.table_P td {padding:10px 10px;vertical-align: top;border-bottom: 1px solid #ccc;vertical-align: middle;white-space: normal;word-break: break-all;}
/*######### 서브페이지 ##########*/
/*검색조건 공통*/
.S_Search_box{width:100%;}
.Search_date{border: 1px solid #d9d9e4;padding: 7px 20px;border-radius: 3px;}
.S_Search_con{display:flex;align-items: center;padding-left:0;}
.form-control.m-input--solid{background-color: #ffffff !Important;}
/*테이블 공통*/
.m-datatable__table td{white-space: normal;}
.m-datatable__table td span{display:inline-block !Important;}
.m-datatable__body td{padding:5px 0}
/*버튼공통*/
.sv_btn_white{background-color: #ffffff; color:#333}
.sv_btn_red{background-color: #f53030; color:#fff}
.sv_btn_bule2{background-color:#1192f6; color:#fff}
.sv_btn_bule{background-color: #4968db; color:#fff}
.sv_btn_green{background-color: #2f9d3c; color:#fff}
.sv_btn_orange{background-color: #ff9f0f; color:#fff}
.sv_btn_yellow {background-color: #ffce1d; color:#fff}
.sv_btn_color1 {background-color: #db7ed1; color:#fff}
.sv_btn_color2 {background-color: #b57856; color:#fff}
.sv_btn_color3 {background-color: #616767; color:#fff}
.sv_btn_color4 {background-color: #e34242; color:#fff}
.sv_btn_color5 {background-color: #6582cf; color:#fff}
.sv_btn_color6 {background-color: #ababab;color:#fff}

.sv_btn_gray {background-color: #ababab;border-color: #ababab;}
.s_btn i{font-size: 1rem !Important;}
.sv_btn_reload{
    background: transparent;
    color: #57597f;
    border-color: #57597f;}
/*점검일지 정보 관리*/
#CATEADD{overflow-y: auto;height: 650px;}
#CATEADD .cate_box {
    height: 250px;
    overflow: auto;}
.reg_input_box{display:flex;align-items: center;padding:10px 0;}
.reg_input_box label{width:25%;text-align: right;margin-right: 20px;}
.reg_input_box label i{font-size: 1px;color: #ff6a13;margin-left: 5px;}
.reg_save_btn{display:block;text-align:center;}
.reg_save_btn button{padding: 7px 20px;}
.reg_save_btn button:last-child{border:1px solid #ddd;}
/*.report_score .r_score_con{display: flex;padding-left: 0;text-align: center; border: 1px solid #eee;}
.r_score_con .r_score_box{float:left;width:33.333%;}
.r_score_box .score_title{background-color: #eee;padding:10px 0;border-right: 1px solid #fbfbfb;margin-bottom: 0;}
.r_score_con .score_title:first-child{border-radius: 5px 0 0 0;}
.r_score_con .score_title:last-child{border-radius:0 5px 0 0;border-right:none;}
.r_score_box input{border:none;border-right:1px solid #eee;}*/
.r_score_con{width:100%;border: 1px solid #ddd;}
.r_score_con th{width:33.333%;background-color: #eee;padding:10px 0;margin-bottom: 0;text-align:center;border-right: 1px solid #ddd;}
.r_score_con td{border-left: 1px solid #ddd; }
.r_score_con td input{ border:none;}
.report_file ul{display:flex;padding-left: 0;}
.report_file ul li{width:33.333%;padding:5px 15px; border-radius: 5px;text-align: center;margin-right: 10px;  background-color: #0A456F;color:#fff;}
.report_file ul li i{text-align: center;font-size: 1rem;margin-right: 5px;}
.report_file ul li button{border: none;border-radius: 5px;}
.Add_box{
    padding: 20px 0;
    margin: 0 20px;
    background-color: #f3f3f0;
    max-height: 500px;
    min-height: 234px;
    overflow-y: auto;
   }
/*미션-품질미션대시보드*/
.S_sub_title{display: flex;width: 100%;background-color: #ffffff;color: #0a456f;padding: 0.6rem;border-radius: 5px 5px 0 0;border-bottom: 2px solid #0a456f;}
.S_sub_title span{padding:0;margin:0}

.mission_box{display: flex;border: 1px solid #ddd;padding: 15px;border-radius: 3px;}
.mission_con{width:70%;}
.mission_icon_box{width:30%;display: flex;align-items: center;}
.mission_icon_box i{color: #465a91; margin: 0 auto;}
.mission_tit{font-size:2rem;font-weight:bold;}
.mission_count{}
.Graph_box{border: 1px solid #ddd;padding: 10px;border-radius: 3px;}
.mission_graph_box{height:300px;}
.D_contents_box{border: 1px solid #ddd;padding: 10px;border-radius: 3px;}
.dashboard_table{width:100%;border: 1px solid #ddd;margin-top: 15px;}
.dashboard_table thead tr { border-bottom: 2px solid #ccc;}
.dashboard_table thead th{border: 1px solid #ddd;padding:10px 10px;}
.dashboard_table tbody tr:nth-of-type(odd) {background-color: #f9f9f9;}
.dashboard_table tbody td{border: 1px solid #ddd;padding:8px 10px;}
.M_list_contents{display:flex;flex-wrap: wrap;}
.M_list_con{padding: 20px;border: 1px solid #ddd;margin: 10px 0 0 0;}
.M_list_con:nth-child(even){border-left:none;}
.M_list_con .M_time{display: inline-block;font-size: 1.1rem;color: #fff;font-weight: bold;padding: 5px 10px;border-radius: 5px;}
.M_time.red{background-color: #d9534f;}
.M_time.orange{background-color: #f58d0d;}
.M_time.bule{background-color: #2a5b85;}
.M_list_con .M_end_data{font-size: 14px;color: #fff;}
.M_list_con .M_number{display: inline-block;float: right;}
.M_list_con .M_number span{color: #575962;font-weight: bold;}
.M_comment{width: 100%;}
.M_comment th{background-color: #d4e7f5;padding: 5px 10px;border-radius: 5px 5px 0 0;font-weight: 500;}
.M_comment td{padding: 0px 10px;  height:100px;border: 1px solid #d4e7f5;font-weight: bold;color: #0a458b;white-space: normal;}

/*품질미션목록*/
.Mission_imgbox ul { display: flex;}
.Mission_imgbox ul li{height: 100px;border: 1px solid #ddd;float: left;width: 33%;}
/*팝업안 테이블*/
.pop_table{width:100%;border: 1px solid #ddd;margin-top: 15px;}
.pop_table thead tr { border-bottom: 2px solid #0a456f;}
.pop_table thead th{border: 1px solid #ddd;padding:5px 10px;}
.pop_table tbody tr:nth-of-type(odd) {background-color: #f6faff;}
.pop_table tbody td{border: 1px solid #ddd;padding:25px 10px;}
/*품질미션정보관리 팝업*/
.sub_form_box{display:flex;align-items: center;margin: 10px 0;}
.sub_form_box .s_title{width: 30%;text-align: right;margin-right: 15px;}
.sub_form_box .s_input{width: 70%;}
.sub_form_box .s_input input{border:none;}
.sub_form_box .s_input2{width: 33%;}
.sub_form_box .time_input{width:50%;text-align:center;font-size:1.1rem;}
.time_title{text-align: center;color: #0a456f;font-weight: bold;}
.sub_form_box .img_box {width: 70%;}
.sub_form_box .img_box ul li { width: 30%;height: 100px;border: 1px solid #ddd;float: left;}
.sub_from_btn button{width:80px; padding:10px;}

.m_comm_D{border: none;background-color: #564fc1;color: #fff;border-radius: 34px;font-size: 0.8rem;padding: 0 1rem;float: right;margin-right: 20px;}
.m-notic__text_icon2{position: relative;width: 40px;height: 40px;background-color: #d3d3d3;display: inline-block;border-radius: 50%; margin-right: 20px;}
.m-notic__text_icon2 i{color:#fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size:1rem}
/*메뉴얼*/
.list_l{font-size: 14px;font-weight: bold;color: #2f6c42;padding: 5px 10px;border: 1px solid #2f6c42;border-radius: 100px;}

/**/
.progress_box{background: rgb(78,123,184);background: linear-gradient(90deg, rgba(78,123,184,1) 0%, rgba(64,128,142,1) 100%);width: 100%;border-radius: 5px;padding: 5px 14px;text-align:center;color:#fff;font-weight:bold;}
.d_day_btn{background-color: #ff4d4d;color: #fff;padding: 1px 5px;border-radius: 5px;}
/*그래프 색상*/
.m-widget14 .m-widget14__legend .m-widget14__legend-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
}
/*메인등급색상다르게*/
.M_charts_Color_0{background-color: #00c5dc !important;}
.M_charts_Color_1{background-color: #ffb822 !important;}
.M_charts_Color_2{background-color: #716aca !important;}
.M_charts_Color_3{background-color: #9816f4 !important;}
.M_charts_Color_4{background-color: #c4c5d6 !important;}
/**/
.charts_Color_0{background-color: #c550ac !important;}
.charts_Color_1{background-color: #6A1B9A !important;}
.charts_Color_2{background-color: #e8b1ff !important;}
.charts_Color_3{background-color: #283593 !important;}
.charts_Color_4{background-color: #70aaf7 !important;}
.charts_Color_5{background-color: #2666bb !important;}
.charts_Color_6{background-color: #34bfa3 !important;}
.charts_Color_7{background-color: #00695c !important;}
.charts_Color_8{background-color: #43a047 !important;}
.charts_Color_9{background-color: #f4516c !important;}
.charts_Color_10{background-color: #eb3150 !important;}
.charts_Color_11{background-color: #ffb822 !important;}
.charts_Color_12{background-color: #ff6f00 !important;}
.charts_Color_13{background-color: #ff9838 !important;}
.charts_Color_14{background-color: #ff9e80 !important;}
.charts_Color_15{background-color: #aeea00 !important;}
.charts_Color_16{background-color: #651fff !important;}
.charts_Color_17{background-color: #795548 !important;}
.charts_Color_18{background-color: #546e7a !important;}
.charts_Color_19{background-color: #606060 !important;}

/**/
.rank_Color_0{background-color: #c550ac;}
.rank_Color_1{background-color: #6A1B9A;}
.rank_Color_2{background-color: #e8b1ff;}
.rank_Color_3{background-color: #283593;}
.rank_Color_4{background-color: #70aaf7;}
.rank_Color_5{background-color: #2666bb;}
.rank_Color_6{background-color: #34bfa3;}
.rank_Color_7{background-color: #00695c;}
.rank_Color_8{background-color: #43a047;}
.rank_Color_9{background-color: #f4516c;}
.rank_Color_10{background-color: #eb3150;}
.rank_Color_11{background-color: #ffb822;}
.rank_Color_12{background-color: #ff6f00;}
.rank_Color_13{background-color: #ff9838;}
.rank_Color_14{background-color: #ff9e80;}
.rank_Color_15{background-color: #aeea00;}
.rank_Color_16{background-color: #651fff;}
.rank_Color_17{background-color: #795548;}
.rank_Color_18{background-color: #546e7a;}
.rank_Color_19{background-color: #606060;}


/**/
.rank_FColor_0{color: #c550ac; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_1{color: #6A1B9A; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_2{color: #e8b1ff; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_3{color: #283593; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_4{color: #70aaf7; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_5{color: #2666bb; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_6{color: #34bfa3; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_7{color: #00695c; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_8{color: #43a047; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_9{color: #f4516c; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_10{color: #eb3150; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_11{color: #ffb822; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_12{color: #ff6f00; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_13{color: #ff9838; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_14{color: #ff9e80; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_15{color: #aeea00; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_16{color: #651fff; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_17{color: #795548; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_18{color: #546e7a; font-size: 1.5rem; font-weight: 600;}
.rank_FColor_19{color: #606060; font-size: 1.5rem; font-weight: 600;}


/*매장방문스케줄*/
.th_D{
    background-color: #f3f3f3;
    color: #000000;
    padding: 5px;
    border-color: #d5d5d5;}
.th_W{
    background-color: #7c809b;
    color: #ffffff;
    padding: 10px;}

.th_X{ background-color: #6c6c6c;
    color: #ffffff;
    border-color: #d5d5d5;}


.btn-primary-n{  background-color: #ffffff;
    border-color: #ffffff;
    padding: 5px 10px;}
.btn.btn-primary-n {
    color: #adafc6;
}
.btn-danger-n{
    color: #fff;
    background-color: #fff;
    border-color: #fff;padding: 0 5px;
}
.btn.btn-danger-n {
    color: #fb334f;
}
.btn-success-n {
    color: #fff;
    background-color: #FFF;
    border-color: #FFF;
    padding: 0 5px;
}
.btn.btn-success-n {
    color: #34bfa3;
}
.S_store_title{color: #323131!Important;font-size: 14px;}


.wrapper_Q{background: #fff;padding: 2rem;}
.wrapper_Q .table-bordered td{border: 1px solid #e7e7e7;}
.btn.btn-check-n i {color: #fff;font-size: 0.8rem !Important;margin-right:3px;}
.btn.btn-check-n{background-color: #686868;color: #fff;font-size: 0.8rem;padding: 5px; margin-bottom: 5px;}

.checkBox{ border: 1px solid #d9d9e4; padding: 5px 10px; border-radius: 5px;}
.input_check_t input[type="checkbox"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.input_check_t input[type="checkbox"] + label{ display:inline-block; position:relative;height: 20px;top: 2px;cursor:pointer; font-size: 0.9rem;padding-left: 25px;} 
.input_check_t input[type="checkbox"] + label:before{ content:''; position:absolute; left:0; top:0px; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #dfdfdf; box-sizing:border-box; border-radius: 5px;} /* 보여질 부분의 스타일을 추가하면 된다. */ 
.input_check_t input[type="checkbox"]:checked + label:after{ content: '';width: 6px;height: 12px;border-right: 2px solid #fff;border-top: 2px solid #fff;background: none;border-radius: 0;position: absolute;display: inline-block;top:2px;left:7px;transform: scaleX(-1) rotate(135deg);-webkit-transform: scaleX(-1) rotate(135deg);   -moz-transform: scaleX(-1) rotate(135deg);-webkit-transform: scaleX(-1) rotate(135deg);}
.input_check_t input[type="checkbox"]:checked + label:before{background-color:#FABE00;border-color:#FABE00;}

.input_check_m input[type="checkbox"] {position: relative;height: 20px;cursor: pointer;font-size: 0.9rem;} 
.input_check_m input[type="checkbox"]:before{ content:''; position:absolute; left: -5px; top:0px; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #adadad; box-sizing:border-box; border-radius: 5px;} /* 보여질 부분의 스타일을 추가하면 된다. */ 
.input_check_m input[type="checkbox"]:checked:after{ content: '';width: 6px;height: 12px;border-right: 2px solid #fff;border-top: 2px solid #fff;background: none;border-radius: 0;position: absolute;display: inline-block;top:2px;left:2px;transform: scaleX(-1) rotate(135deg);-webkit-transform: scaleX(-1) rotate(135deg);   -moz-transform: scaleX(-1) rotate(135deg);-webkit-transform: scaleX(-1) rotate(135deg);}
.input_check_m input[type="checkbox"]:checked:before {background-color:#FABE00;border-color:#FABE00;}


/*스케줄관리*/
.schduleBox{display: flex;flex-direction: column;padding: 10px;height: 210px;}
.schduleBox .S_daytitle{text-align: right;}
.schduleBox .S_contents{position: relative;flex: 1;overflow: scroll;}
.schduleBox .S_contents {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.schduleBox .S_contents::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.schduleBox .S_contents .count{background-color: #34bfa3;display: inline-block;padding: 20px;border-radius: 100px;color: #fff;font-weight: bold}

.schduleBox .S_contents .count2{background-color: #9816f4;display: inline-block;padding: 20px;border-radius: 100px;color: #fff;font-weight: bold}
.schduleBox .S_contents .count3{background-color: #007bff;display: inline-block;padding: 20px;border-radius: 100px;color: #fff;font-weight: bold}
.schduleBox .S_contents .count4{background-color: #f7356e;display: inline-block;padding: 20px;border-radius: 100px;color: #fff;font-weight: bold}
.schduleBox .S_contents .count5{background-color: #ffb822;display: inline-block;padding: 20px;border-radius: 100px;color: #fff;font-weight: bold}


.top_count{background-color: #2da78e /*#34bfa3*/;display: inline-block; margin-left:2px; padding: 20px;border-radius: 100px;color: #fff;font-weight: bold}
.top_count2{background-color: #716aca /*#9816f4*/;display: inline-block; margin-left:2px; padding: 20px;border-radius: 100px;color: #fff;font-weight: bold}
.top_count3{background-color: #ffad00 /*#007bff*/;display: inline-block; margin-left:2px; padding: 20px;border-radius: 100px;color: #fff;font-weight: bold}
.top_count4{background-color: #f4516c /*#f7356e*/;display: inline-block; margin-left:2px; padding: 20px;border-radius: 100px;color: #fff;font-weight: bold}
.top_count5{background-color: #4c599e /*#ffb822*/;display: inline-block; margin-left:2px; padding: 20px;border-radius: 100px;color: #fff;font-weight: bold}

/*공통*/
.color_red{color:#e72626 !important;}
.btn-gray{background-color: #7a7a7a;border-color: #7a7a7a;color:#fff;}
.btn-gray:hover{color:#fff}

/*ssg 메인보드*/
.SSG_G{display:flex;margin:10px 0;flex: 1;}
.SSG_G .Sbox{width:33%;text-align: center; border-right: 1px solid #eff0f5; margin-right: 10px;display: flex;flex-direction: column;}
.SSG_G .Sbox:last-child{margin-right:0;border-right: 0;}
.SSG_G .Sbox .chartBox{padding: 10px;position: relative;}
.SSG_G .Sbox .chartBox .ppmTitle{position:absolute;bottom:30%;left:50%;transform: translate(-50%,-0%);font-size:20px;font-weight:bold}
.SSG_G .Sbox .chartBox .ppmTitle.color{color:#e72242}
.SSG_G .Sbox .countN{position:absolute;bottom:0%;left:50%;transform: translate(-50%,-0%);font-size:1rem;font-weight: bold; border: 1px solid #eff0f5;  padding: 5px 10px; border-radius: 5px;}
.SSG_G_list{display:flex;margin-bottom: 20px;}
.SSG_G_list .Sbox{width:25%;text-align: center; border: 1px solid #eff0f5;padding: 1rem;text-align: left;margin-right: 10px;border-radius: 5px;}
.SSG_G_list .Sbox:last-child{margin-right:0}
/*ssg 위생 통계*/
.Cleanstats{ min-height: 500px;overflow-y: overlay;}
.Cleanstats .Cbox1{width:35%;margin-right:10px}
.Cleanstats .Cbox2{width:65%;overflow-x: scroll;}
.CleanStable{width: 100%;table-layout: fixed;}
.CleanStable tr th{background: #f4f3f8;text-align: center;padding: 10px;}
.CleanStable tr td{ padding: 5px 10px;border-bottom: 1px solid rgba(196,197,214,.9);}
.CleanStable tr td.borderR{border-right: 1px solid rgba(196,197,214,.9);}
.CleanStable tr td.borderB{border-bottom: 1px solid rgba(196,197,214,.9)!important;}

/**/
.Tm7_tab ul li{float: left;background-color: #efefef;padding: 10px 30px;text-align: center;color: #838383;font-size: 16px;font-weight: bold;border-radius: 5px 5px 0px 0px;border: 1px solid #cfcfcf;cursor: pointer;border-bottom: 0; margin-bottom: -1px;}
.Tm7_tab ul li.on{background-color: #575a72; color: #fff;border: 1px solid #575a72;}
.ReportBox{padding-top:20px;padding-bottom:30px;}
.ReportT{font-size: 17px;font-weight: bold;margin-bottom: 8px;}
.ReportSub{font-size: 17px;font-weight: bold;margin-bottom: 8px;}
table.TReport{width:100%;}
table.TReport thead th.head{background-color: #575a72;  color: #fff;  border-top-color: transparent;border-left-color: transparent;  border-right-color:transparent;font-size: 16px;padding:10px;border-radius: 5px 5px 0 0;}
table.TReport thead th{background-color: #f3f3f3;padding: 10px;border: 1px solid #cfcfcf;}
table.TReport tbody th{background-color: #f3f3f3;padding: 10px;border: 1px solid #cfcfcf;}
table.TReport tbody td{padding: 10px;border: 1px solid #cfcfcf;}
table.TReport .border_l_0{ border-left: 0;}
table.TReport .border_r_0{ border-right: 0;}


/*======= TABLE 공통 ================================================================================*/
.SVTable{padding-left: 20px;padding-right: 20px;}
.datatable{width: 100%;table-layout: fixed;border-top: none;border-radius: 3px;}
.SVTable #TableHead{border: 1px solid rgba(196, 197, 214, .45);border-top: none;}
.SVTable #TableHead table{min-height: 0px;border-bottom: none;}/*overflow: hidden;*/
.SVTable #TableHead table th {font-size: 0.85rem;border-right: 1px solid #ddd;border-top: 1px solid #ddd;height: 38px;padding: 6px 4px;background: #f4f3f8;  text-align: center;}
.SVTable #TableHead table th span{display: inline-block;vertical-align: middle;}
.SVTable #TableCon{overflow-x: auto; max-height: 600px;min-height: 600px;border: 1px solid rgba(196, 197, 214, .45);border-top: none;}
.SVTable #TableCon table tr{border-bottom: 1px solid rgba(196, 197, 214, .45);}
.SVTable #TableCon table td {text-align: center;border-right: 1px solid #ddd;vertical-align: middle;padding: 4px 4px;font-size: 0.85rem;height: 38px;white-space: normal;word-break: break-all;}
.SVTable #TableCon table td span{display: inline-block;vertical-align: middle;}
.SVTable #TableFooter{order: 1px solid rgba(196, 197, 214, .45);border-top: none;border-bottom: 1px solid #ddd;}
.SVTable #TableFooter table th{font-size: 0.85rem;border-right: 1px solid #ddd;border-top:0;height: 38px;padding: 12px 5px 10px;background: #f4f3f8;  text-align: center;}
.SVTable #TableFooter table td {text-align: center;border-right: 1px solid #ddd;vertical-align: middle;padding: 9px 5px 9px;font-size: 0.85rem;height: 38px;white-space: normal;word-break: break-all;}
.SVTable #TableConpop{overflow-x: auto; max-height: 400px;min-height: 400px;border: 1px solid rgba(196, 197, 214, .45);border-top: none;}
.SVTable #TableConpop table tr{border-bottom: 1px solid rgba(196, 197, 214, .45);}
.SVTable #TableConpop table td {text-align: center;border-right: 1px solid #ddd;vertical-align: middle;padding: 9px 5px 9px;font-size: 0.85rem;height: 38px;white-space: normal;word-break: break-all;}
.SVTable #TableConpop table td span{display: inline-block;vertical-align: middle;}

.Datenone{text-align: center;border-bottom: 0 !important;}
.Datenone th{padding: 5rem 0;font-size: 1.2rem;font-weight: 400;}

.bL_none{border-left: 0 !important}
.bR_none{border-right: 0 !important}

.form-control-n {display: block;width: 100%;padding: 0.65rem 1rem;font-size: 1rem;line-height: 1.25;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;font-family: sans-serif, Arial;}
.form-control-n.m-input--solid{font-size: 0.85rem;border-color: rgba(196, 197, 214, .65);background-color: #ffffff ! Important;}
select.form-control-n:not([size]):not([multiple]) {height: calc(2.4rem + 2px);padding: 0.2rem 0.2rem 0.3rem 0.3rem !important;}
select.form-control-n:not([size]):not([multiple]):not(.st03) {border-color: rgba(196, 197, 214, .65);}
.form-control-n[readonly] {background-color: #f4f5f8 !Important;border: 1px solid #f4f5f8;}

.displayF{display:flex}
.Search-group{display:flex}
.Search-group .Groupdate{border: 0;background-color: transparent;border: 1px solid #ddd;padding: 0.65rem 1.5rem;margin-left: -1px;cursor:pointer;outline:0}
.Search-group .Groupdate:first-child{border-radius: 5px 0 0 5px;}
.Search-group .Groupdate:last-child{border-radius: 0 5px 5px 0;}
.Search-group .Groupdate:hover{border-color: #d5d8db;background-color: #ededed;color: #6d6d6d;}
.Search-group .Groupdate.on{border-color: #255087;background-color: #255087;color: #fff;}
.SaleinputBox{display:flex;}

/*필수값 css*/
.Required_i{border-left: 3px solid #f5acac !important;}
.Required_i_r{border-left: 3px solid #d1d1d1  !important;}
.Required_T{border: 1px solid #f5acac !important;border-radius: 5px;}
.Required_T:focus{outline:0;}
.input_icon_i {position: absolute;top: 50%;left: 5px;transform: translate(0, -50%);width: 8px;height: 8px;background-image: url(/images/input_icon.png);background-size: 8px;background-repeat: no-repeat;}

/**/
.SImgBox{display:flex;justify-content: center;}
.SImgBox .Simg{border: 1px solid #ddd;border-radius: 3px;width: 30%;margin-right:5px;height: 40px;position: relative;cursor:pointer}
.SImgBox .Simg:last-child{margin-right:0}
.SImgBox .Simg i {color: #fff;font-size: 1.2rem;vertical-align: middle;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.SImgBox .Simg.ibox{background: #ff9f0f;border-color:#ff9f0f;}
.SImgBox .Simg.fbox{background: #2f9d3c;border-color:#2f9d3c;}

.CommentsBox{padding: 0.8rem; border: 1px solid rgba(196, 197, 214, 0.65)!important;margin: 1rem;border-radius: 5px;height: 350px;overflow: auto;flex: 1;}
.CmListBox{display: flex;align-items: center;padding: 1rem;line-height: 20px;border-bottom: 1px solid #f1f1f}
.CmListBox .CmIconBox .CmIcon{position: relative;width: 60px;height: 60px;background-color: #d3d3d3;display: inline-block;border-radius: 50%;margin-right: 20px;}
.CmListBox .CmIconBox .CmIcon i{color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size:1.3rem;}
.CmListBox .Cmcontents {flex: 1;}
.CmListBox .Cmcontents .CmRegid{display: flex;justify-content: space-between;font-weight:bold}
.CmListBox .Cmcontents .CmRegid .CmDel{background: #5b738d;border-radius: 50px;padding: 3px 15px;font-size: 0.85rem;color: #fff;cursor: pointer;}
.CmListBox .Cmcontents .Cmdate{ font-weight:400;text-align: right;font-size: 12px;margin-left:10px}
.CmListBox .Cmcontents .Cmreply{font-size: 15px;color: #7b7e8a;margin-top:10px}
.Cmline{height: 1px;background: #e7e7e7;margin: 10px 20px;}
.CmBtn {background-color: #3869a9;padding: 5px;color: #fff;border-radius: 5px;width: 10%;text-align: center;margin-left: 10px;font-weight: bold;line-height: 90px;font-size: 16px;cursor: pointer;}


.CommentsBoxPop{height: 180px;overflow: auto;flex: 1;}
.CmListBoxPop{display: flex;align-items: center;padding: 1rem;line-height: 20px;border-bottom: 1px solid #f1f1f}
.CmListBoxPop .CmIconBox .CmIcon{position: relative;width:50px;height:50px;background-color: #d3d3d3;display: inline-block;border-radius: 50%;margin-right: 20px;}
.CmListBoxPop .CmIconBox .CmIcon.me {background-color: #f1d6d6;}
.CmListBoxPop .CmIconBox .CmIcon i{color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size:1.3rem;}
.CmListBoxPop .Cmcontents {flex: 1;}
.CmListBoxPop .Cmcontents .CmRegid{display: flex;justify-content: space-between;font-weight:bold}
.CmListBoxPop .Cmcontents .CmRegid .CmDel{background: #5b738d;border-radius: 50px;padding: 3px 15px;font-size: 0.85rem;color: #fff;cursor: pointer;}
.CmListBoxPop .Cmcontents .Cmdate{ font-weight:400;text-align: right;font-size: 12px;margin-left:10px}
.CmListBoxPop .Cmcontents .Cmreply{font-size: 15px;color: #7b7e8a;margin-top:10px}
.Cmline{height: 1px;background: #e7e7e7;margin: 10px 20px;}
.CmpopBtn {background-color: #3869a9;padding: 5px;color: #fff;border-radius: 5px;width: 20%;text-align: center;margin-left: 10px;font-weight: bold;line-height: 70px;font-size: 16px;cursor: pointer;}
.commentDel {color: #d93e3e;padding: 0px 10px;border: none;font-size: 0.8rem;font-weight: 500;text-align: center;font-family: 'Poppins', 'Noto Sans KR', sans-serif;cursor: pointer;line-height: 21px;}

.gubun_Btn {background-color: #afafaf;border-radius: 6px;padding: 5px 10px;color: #fff;font-size: 0.9rem;display: block;}
/*영업일지관리 */
.SaleRBox{padding: 10px;border-radius: 5px;border: 1px solid #ddd;}
.SaleRBox .STitlehead{padding: 10px;font-size: 18px;font-weight: bold;background: #fff4f4;text-align: center;margin-bottom: 10px;border-radius: 5px;}
table.tableSale{width:100%}
table.tableSale tr th {text-align: center;background: #f7f7f7;padding: 10px;border: 1px solid #e3e3e3; color: #333;}
table.tableSale tr td{border: 1px solid #e3e3e3;text-align: center;padding: 10px;} 
.FileFlexBox{display:flex}
.FileFlexBox .FBox{width: 33%;padding: 15px;background: #eee;border-radius: 5px;margin-right: 10px;}
.FileFlexBox .FBox:last-child{margin-right:0}
.ImgdelBtn {background-color: #959393;color: #fff;padding: 10px 10px;border-radius: 5px;font-size: 0.8rem;text-align: center;cursor:pointer}
.ImgdelBtn1 {background-color: #959393;color: #fff;padding: 7px 10px;border-radius: 5px;font-size: 0.8rem;text-align: center;cursor:pointer}

.fileD{flex:1;background-color: #3869a9;color: #fff;padding: 10px 10px;border-radius: 3px;font-size: 0.8rem;cursor:pointer}
.fileD i{margin-right:10px;}
.SFileBox{font-size: 17px;padding: 0 10px;font-weight: bold;display: flex;justify-content: space-between;align-items: center;}
.SFileBox i {margin-right: 8px;color: #3c4043;font-size: 0.9rem;}
.fileAddBtn {border: 1px solid #d1d1d1;color: #6d6d6d;background: #eee;padding: 5px 10px;border-radius: 31px;font-size: 0.8rem;text-align: center;cursor: pointer;}
.contextarea{border:1px solid #ddd;width: 100%;height: 180px;font-size: 10pt;padding:10px;background: #fff;}
.contextarea::-webkit-input-placeholder {color: #9699a2;font-size:0.9rem;font-weight:500}
.contextarea:focus{outline:1px solid #878787;}
.contextarea:disabled{background: #fff;opacity:1}
.ImgFileB input[type=file]::file-selector-button {width: 100px;height: 100%;background: #f79a48;border: 1px solid #f79a48;border-radius: 5px;cursor: pointer;color: #fff;padding:5px}

.AdssBtn{background: #255087;border-radius: 5px;font-size: 1rem;width: 30%;color: #fff;padding: 0.5rem 0.5rem;display: flex;align-items: center;justify-content: center;cursor: pointer;line-height: 25px;}
.AdssBtn i{margin-right: 6px;font-size: 16px;}

.Reportflex{display:flex;margin-top:10px}
.Reportflex .RFbox1{width:45%;margin-right:15px;display: flex; flex-direction: column;}
.Reportflex .RFbox2{width:55%;}
.ReconBox{border: 1px solid #ddd;border-radius: 5px;padding: 10px;flex:1}

/*근태관리*/
table.PopDetailTable{width:100%;table-layout: fixed;}
table.PopDetailTable tr th{text-align: center;background: #fff4f4;padding: 10px;border:1px solid #e3e3e3;color: #333;}
table.PopDetailTable tr td{border: 1px solid #e3e3e3;text-align: center;white-space: normal;padding:5px}
.LineBox{display:flex;justify-content: center;}
.LineBox .lbList{display: flex;align-items: center;;padding: 15px 20px 15px 20px;text-align: center;border-radius: 5px;background: #f3f3f3;margin-right:5px;}
.LineBox .lbList:last-child{margin-right:0}
.LTextBox{flex: 1;text-align: center;margin:0 15px}
.RESText{padding: 2px 15px;display: inline-block;border-radius: 5px;color: #fff;text-align: center;font-size: 0.85rem;font-weight: bold;margin-bottom:1px;}
.RESText.color1{background: #4a6fa7;}
.RESText.color2{background: #e16a6a;}
.apempnText{font-weight: bold;font-size: 1.1rem;}
.LineBox .lbList .Icon{background: #fff;display: inline-block;width:54px;height:54px;border-radius: 50%;position: relative;}
.LineBox .lbList .Icon i{font-size: 1.8rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color:#898888}

/*부서검색*/
.SelectBtn{color:#fff;font-weight: bold;display: flex;padding: 5px 25px;border-radius: 5px;justify-content: center;align-items: center;cursor:pointer;margin-right:10px;}
.SelectBtn i{font-size: 14px;margin-right:10px;}
.SelectBtn.Scol1{background: #3c8738;}
.SelectBtn.Scol2{background: #575db5;}

.i_noticE{background: #ef2d2d;border-radius: 5px;color: #fff;padding: 3px 10px;font-size: 14px;font-weight: bold;display: inline-block;}
.i_noticN{background: #ef2d2d;border-radius: 5px;color: #fff;padding: 3px 10px;font-size: 14px;font-weight: bold;display: inline-block;}

.top_count{background-color: #2da78e; display: inline-block; margin-left:2px; padding:7px 10px;border-radius: 100px;color: #fff;font-weight: bold; font-size:10pt;}
.top_count2{background-color: /*#9816f4*/#716aca; display: inline-block; margin-left:2px; padding:7px 10px;border-radius: 100px;color: #fff;font-weight: bold; font-size:10pt;}
.top_count3{background-color: /*#007bff*/ #ffad00; display: inline-block; margin-left:2px; padding:7px 10px;border-radius: 100px;color: #fff;font-weight: bold; font-size:10pt;}
.top_count4{background-color: /*#f7356e*/#f4516c; display: inline-block; margin-left:2px; padding:7px 10px;border-radius: 100px;color: #fff;font-weight: bold; font-size:10pt;}
.top_count5{background-color: #4c599e;display: inline-block; margin-left:2px; padding:7px 10px;border-radius: 100px;color: #fff;font-weight: bold; font-size:10pt;}

.S_top_count_box{ padding: 5px 7px;font-weight: bold;font-size: 10pt;width: 100%;border-bottom: 0.5px solid #d9d6d6;display: flex;align-items: center;}
.S_top_count_box:last-child{border-bottom:0}
.S_top_count{background-color: #2da78e; /*#34bfa3*/display: inline-block; margin-left:5px; padding:4px 7px;border-radius: 100px;color: #fff;font-weight: bold; font-size:12pt;flex: 1;text-align: center;position: absolute;top: 30%;left: 50%;transform: translate(-50%, -30%);width:95px;height:95px;line-height:88px;}
.S_top_count2{background-color: /*#9816f4*/#716aca;display: inline-block; margin-left:5px; padding:4px 7px;border-radius: 100px;color: #fff;font-weight: bold; font-size:9pt;flex: 1;text-align: center;}
.S_top_count3{width:100px;background-color: /*#007bff*/ #ffad00;display: inline-block; padding:4px 7px;border-radius: 100px;color: #fff;font-weight: bold; font-size:9pt;flex: 1;text-align: center;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;white-space: normal;}
.S_top_count4{background-color: /*#f7356e*/#f4516c;display: inline-block; margin-left:5px; padding:4px 7px;border-radius: 100px;color: #fff;font-weight: bold; font-size:9pt;flex: 1;text-align: center;}
.S_top_count5{background-color: #4c599e;display: inline-block; margin-left:5px; padding:4px 7px;border-radius: 100px;color: #fff;font-weight: bold; font-size:9pt;flex: 1;text-align: center;}