@charset "UTF-8";
/*$font-family:'Pretendard-Regular' , 'Nunito' , sans-serif;*/
:root {
  --bs-link-color: #111;
  --bs-link-hover-color: #111;
}

h1 {
  font-size: 30px;
}

h4 {
  font-size: 16px;
}

.font-weight-medium {
  font-weight: 700;
}

.font-weight-bold {
  font-weight: 800;
}

.font-weight-bolder {
  font-weight: 800 !important;
}

.font-size-11-px {
  font-size: 11px;
}

.font-size-12-px {
  font-size: 12px;
}

.font-size-13-px {
  font-size: 13px;
}

.font-size-14-px {
  font-size: 14px;
}

.font-size-15-px {
  font-size: 15px;
}

.font-size-16-px {
  font-size: 16px;
}

.font-size-17-px {
  font-size: 17px;
}

.font-size-18-px {
  font-size: 18px;
}

.font-size-20-px {
  font-size: 20px;
}

.font-color-black {
  color: #111;
}

.font-color-gray {
  color: #444;
}

.font-color-light {
  color: #9E9E9E;
}

.font-color-lighter {
  color: #bdbdbd;
}

.font-color-danger {
  color: #FF4E3E;
}

.line-color-black {
  border-bottom: 1px solid #212529;
}

.line-color-gray {
  border-bottom: 1px solid #D5D5D5;
}

.line-color-light {
  border-bottom: 1px solid #d2d6db;
}

.line-color-lighter {
  border-bottom: 1px solid #e8ecf0;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

body {
  font-family: "Nanum Gothic", sans-serif;
  font-size: 12px;
  line-height: 1.6;
  color: #000;
}

.g-1, .gx-1 {
  --bs-gutter-x: .5rem;
}

ul li {
  list-style: none;
  text-decoration: none;
}

a, a:hover {
  color: #000;
  text-decoration: none;
}

.container-fluid {
  max-width: 1200px;
  min-width: 1200px;
  width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: unset;
  margin-right: unset;
}

main > .container {
  padding-left: 0;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: unset;
  margin-right: unset;
  max-width: none;
  /*min-width: $container;*/
}

textarea {
  /*min-height: 86px !important;*/
  margin-bottom: 0.3rem;
}

.text-muted {
  margin-top: 10px;
  display: block;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: #dc3545;
}

.form-control, .form-select {
  padding: 0.16em 0.097em 0.1em 0.097em;
  font-size: 12px;
  border-radius: 3px;
  text-indent: 6px;
  color: #000;
  /*margin-top: 0.3rem;
  font-weight: 700;*/
}

.form-control-sm, .form-select-sm {
  padding: 0.0085em;
  font-size: 11px;
  min-height: 20px;
}

.form-select {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.58372 1.00018L3.99706 3.58684L1.41039 1.00018C1.15039 0.740176 0.730391 0.740176 0.470391 1.00018C0.210391 1.26018 0.210391 1.68018 0.470391 1.94018L3.53039 5.00018C3.79039 5.26018 4.21039 5.26018 4.47039 5.00018L7.53039 1.94018C7.79039 1.68018 7.79039 1.26018 7.53039 1.00018C7.27039 0.746842 6.84372 0.740176 6.58372 1.00018Z' fill='%237C8185'/%3E%3C/svg%3E%0A");
  background-size: unset;
  background-position: right 0.4rem center;
}

.form-select:focus, .form-control:focus {
  border-color: #6C757D;
  outline: 0;
  box-shadow: none;
}

.col-form-label {
  font-size: 12px;
  color: #000;
  font-weight: 700;
}

.form-check-input:checked {
  border-color: #FD3433;
  background: #FD3433;
}

.form-check-inline {
  margin-top: 0.45rem;
}

.bg-danger {
  background-color: #FF4E3E !important;
  margin-left: 5px;
}

.input-group input, .input-group button, .input-group span, .input-group select {
  position: relative;
  top: 5px;
  margin-top: 0;
}

.input-group-text {
  font-size: 12px;
  color: #444;
  background-color: #fff;
  padding: 0.097rem 0.5rem;
}

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
  padding: 0.1rem 0.5rem;
  font-size: 12px;
}

.list-group li {
  cursor: pointer;
}

.card {
  border: 0;
  --bs-card-cap-bg: #fff;
}
.card .card-header {
  font-size: 18px;
  font-weight: 800;
  padding-left: 0;
  border-bottom: 1px solid #212529;
  padding-top: 0;
}
.card .card-body {
  color: #000;
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
}
.card .card-footer {
  border-top: none;
}

.table {
  border: #D5D5D5;
  color: #000 !important;
}
.table th {
  font-size: 12px;
  font-weight: normal;
  background: rgb(245, 249, 251);
  /*border-bottom: 1px solid $line-color-black;
  padding: 0.5rem !important;*/
}

.b-line-none {
  border-bottom: none !important;
}

.table-sm > :not(caption) > * > * {
  vertical-align: middle;
}

hr {
  margin: 0.2rem 0;
  border-color: #CED4DA;
  opacity: unset;
}

h2 {
  font-size: 20px;
  font-weight: 700;
  border-bottom: 1px solid #212529;
  padding-bottom: 8px;
}

.pagination {
  --bs-pagination-font-size: 13px;
}
.pagination .active > .page-link {
  border-radius: 3px;
}

.btn {
  --bs-btn-padding-y: 0.08rem;
  --bs-btn-padding-x: 0.65rem;
  border-radius: 3px;
  font-size: 12px;
  /*margin-top: 0.3rem;*/
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.08rem;
  font-size: 11px;
  margin-top: 0.3rem;
  --bs-btn-border-radius: 3px !important;
}

.btn-large {
  font-size: 12px;
  padding: 10px 14px 9px 14px;
}

.btn-big {
  padding: 15px 40px;
  font-size: 13px;
  font-weight: 700;
}

.toggle button {
  border-radius: 30px;
}
.toggle button .icon {
  width: 8px;
  height: 8px;
  display: inline-block;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #FD3433;
  --bs-btn-border-color: #FD3433;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #FD7E7E;
  --bs-btn-hover-border-color: #FD7E7E;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #C92828;
  --bs-btn-active-border-color: #C92828;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(253,25,51,0.4);
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-primary-tinted {
  --bs-btn-color: #FD3433;
  --bs-btn-bg: #FDE4E4;
  --bs-btn-border-color: #FDE4E4;
  --bs-btn-hover-color: #FD3433;
  --bs-btn-hover-bg: #FDE4E4;
  --bs-btn-hover-border-color: #FDE4E4;
  --bs-btn-active-color: #FD3433;
  --bs-btn-active-bg: #FDE4E4;
  --bs-btn-active-border-color: #FDE4E4;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #FD3433;
  --bs-btn-disabled-bg: rgb(253,228,228,0.4);
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-outline-primary {
  --bs-btn-color: #FD3433;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #FD3433;
  --bs-btn-bg: rgb(255,255,255);
  --bs-btn-hover-color: #FD7E7E;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #FD7E7E;
  --bs-btn-active-color: #C92828;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #C92828;
  --bs-btn-active-shadow: none;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(124,129,133);
  --bs-btn-border-color: rgb(124,129,133);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(203,209,214);
  --bs-btn-hover-border-color: rgb(203,209,214);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(56,66,74);
  --bs-btn-active-border-color: rgb(56,66,74);
  --bs-btn-disabled-color: #fff;
  --bs-btn-active-shadow: none;
}

.btn-secondary-tinted {
  --bs-btn-color: #7C8185;
  --bs-btn-bg: rgb(236,236,237);
  --bs-btn-border-color: rgb(236,236,237);
  --bs-btn-hover-color: #ADBCC9;
  --bs-btn-hover-bg: rgb(236,236,237);
  --bs-btn-hover-border-color: rgb(236,236,237);
  --bs-btn-active-color: #38424A;
  --bs-btn-active-bg: rgb(236,236,237);
  --bs-btn-active-border-color: rgb(236,236,237);
  --bs-btn-disabled-color: rgb(236,236,237, 0.4);
  --bs-btn-active-shadow: none;
}

.btn-outline-secondary {
  --bs-btn-color: #7C8185;
  --bs-btn-border-color: #7C8185;
  --bs-btn-bg: rgb(255,255,255);
  --bs-btn-hover-color: #ADBCC9;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #ADBCC9;
  --bs-btn-active-color: #38424A;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #38424A;
  --bs-btn-disabled-color: #6C757D;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(124,129,133,0.4);
  --bs-gradient: none;
  --bs-btn-active-shadow: none;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(13,198,174);
  --bs-btn-border-color: rgb(13,198,174);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(109,215,194);
  --bs-btn-hover-border-color: rgb(109,215,194);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(33,156,131);
  --bs-btn-active-border-color: rgb(33,156,131);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(33,156,131,0.4);
  --bs-btn-disabled-border-color: rgb(33,156,131,0.4);
}

.btn-success-tinted {
  --bs-btn-color: #0DC6AE;
  --bs-btn-bg: rgb(219,247,243);
  --bs-btn-border-color: rgb(219,247,243);
  --bs-btn-hover-color: #6dd7c2;
  --bs-btn-hover-bg: rgb(219,247,243);
  --bs-btn-hover-border-color: rgb(219,247,243);
  --bs-btn-active-color: #219c83;
  --bs-btn-active-bg: rgb(219,247,243);
  --bs-btn-active-border-color: rgb(219,247,243);
  --bs-btn-disabled-color: #0DC6AE;
  --bs-btn-disabled-bg: rgb(219,247,243,0.4);
  --bs-btn-disabled-border-color: rgb(219,247,243,0.4);
}

.btn-outline-success {
  --bs-btn-color: #0DC6AE;
  --bs-btn-border-color: #0DC6AE;
  --bs-btn-bg: #fff;
  --bs-btn-hover-color: #6dd7c2;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #6dd7c2;
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-color: #219c83;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #219c83;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: rgb(13,198,174,0.4);
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #0DC6AE;
  --bs-gradient: none;
}

.btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(252,196,24);
  --bs-btn-border-color: rgb(252,196,24);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(253,215,101);
  --bs-btn-hover-border-color: rgb(253,215,101);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(232,175,5);
  --bs-btn-active-border-color: rgb(232,175,5);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(252,196,24,0.4);
  --bs-btn-disabled-border-color: rgb(252,196,24,0.4);
}

.btn-outline-warning {
  --bs-btn-color: #fcc418;
  --bs-btn-border-color: #fcc418;
  --bs-btn-bg: #fff;
  --bs-btn-hover-color: #fdd765;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fdd765;
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-color: #e8af05;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #e8af05;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: rgb(252,196,24,0.4);
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #fcc418;
  --bs-gradient: none;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(255,78,62);
  --bs-btn-border-color: rgb(255,78,62);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(255,143,143);
  --bs-btn-hover-border-color: rgb(255,143,143);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(214,60,60);
  --bs-btn-active-border-color: rgb(214,60,60);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(255,78,62,0.4);
  --bs-btn-disabled-border-color: rgb(255,78,62,0.4);
}

.btn-outline-danger {
  --bs-btn-color: #FF4E3E;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #FF4E3E;
  --bs-btn-hover-color: #67B8E0;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #ff8f8f;
  --bs-btn-active-color: #ff8f8f;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #d63c3c;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: rgb(255,78,62,0.4);
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(33,159,255);
  --bs-btn-border-color: rgb(33,159,255);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(103,184,224);
  --bs-btn-hover-border-color: rgb(103,184,224);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(9,102,148);
  --bs-btn-active-border-color: rgb(9,102,148);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(33,159,255,0.4);
  --bs-btn-disabled-border-color: rgb(33,159,255,0.4);
}

.btn-info-tinted {
  --bs-btn-color: #239ddb;
  --bs-btn-bg: rgb(222,241,255);
  --bs-btn-border-color: rgb(222,241,255);
  --bs-btn-hover-color: #67B8E0;
  --bs-btn-hover-bg: rgb(222,241,255);
  --bs-btn-hover-border-color: rgb(222,241,255);
  --bs-btn-active-color: #096694;
  --bs-btn-active-bg: rgb(222,241,255);
  --bs-btn-active-border-color: rgb(222,241,255);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(222,241,255,0.4);
  --bs-btn-disabled-border-color: rgb(222,241,255,0.4);
}

.btn-outline-info {
  --bs-btn-color: #219FFF;
  --bs-btn-border-color: #219FFF;
  --bs-btn-bg: rgb(255,255,255);
  --bs-btn-hover-color: #CBD1D6;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #67B8E0;
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-color: #096694;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #096694;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: rgb(33,159,255,0.4);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(33,159,255,0.4);
  --bs-gradient: none;
}

.btn-light {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(158,158,158);
  --bs-btn-border-color: rgb(158,158,158);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(203,209,214);
  --bs-btn-hover-border-color: rgb(203,209,214);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(134,149,163);
  --bs-btn-active-border-color: rgb(134,149,163);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(158,158,158,0.4);
  --bs-btn-disabled-border-color: rgb(158,158,158,0.4);
}

.btn-outline-light {
  --bs-btn-color: #9E9E9E;
  --bs-btn-border-color: #9E9E9E;
  --bs-btn-bg: rgb(255,255,255);
  --bs-btn-hover-color: #CBD1D6;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #CBD1D6;
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-color: #8695A3;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #8695A3;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: rgb(158,158,158,0.4);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #9E9E9E;
  --bs-gradient: none;
}

.bi::before, [class^=bi-]::before, [class*=" bi-"]::before {
  vertical-align: -0.2em;
}

.danger-tt {
  color: #FF4E3E;
}

.edit-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='2.5' fill='white'/%3E%3Cpath d='M3.39746 10.7275V12.6025H5.27246L10.8025 7.0725L8.92746 5.1975L3.39746 10.7275ZM12.6025 5.2725L10.7275 3.3975L9.46246 4.6675L11.3375 6.5425L12.6025 5.2725Z' fill='%23219FFF'/%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='2.5' stroke='%23219FFF'/%3E%3C/svg%3E%0A");
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
}

.trash-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='2.5' fill='white'/%3E%3Cpath d='M10 6.5V11.5H6V6.5H10ZM9.25 3.5H6.75L6.25 4H4.5V5H11.5V4H9.75L9.25 3.5ZM11 5.5H5V11.5C5 12.05 5.45 12.5 6 12.5H10C10.55 12.5 11 12.05 11 11.5V5.5Z' fill='%23FF4E3E'/%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='2.5' stroke='%23FF4E3E'/%3E%3C/svg%3E");
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
}

.rotation-icon {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='2.5' fill='white'/%3E%3Cpath d='M8 4V2.5L6 4.5L8 6.5V5C9.655 5 11 6.345 11 8C11 8.505 10.875 8.985 10.65 9.4L11.38 10.13C11.77 9.515 12 8.785 12 8C12 5.79 10.21 4 8 4ZM8 11C6.345 11 5 9.655 5 8C5 7.495 5.125 7.015 5.35 6.6L4.62 5.87C4.23 6.485 4 7.215 4 8C4 10.21 5.79 12 8 12V13.5L10 11.5L8 9.5V11Z' fill='%237C8185'/%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='2.5' stroke='%237C8185'/%3E%3C/svg%3E");
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
}

.text-danger {
  color: #FF4E3E !important;
  font-weight: 600 !important;
}

.login-from {
  border: 1px solid #d2d6db;
  padding: 20px 15px;
  border-radius: 8px;
}

.user-info .box {
  background: #FD3433;
  padding: 16px 15px 5px 15px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  color: #fff;
}
.user-info .op-box {
  background: rgba(13, 198, 174, 0.9);
  padding: 16px 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #fff;
}

.left-menu .accordion {
  --bs-accordion-btn-padding-x: 0.7rem;
  --bs-accordion-btn-padding-y: 0.7rem;
}
.left-menu .accordion a {
  color: #444;
}
.left-menu .accordion h2 {
  border-bottom: none;
}
.left-menu .accordion .accordion-button {
  font-size: 14px;
  font-weight: 800;
}
.left-menu .accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.left-menu .accordion .accordion-body {
  font-size: 13px;
}
.left-menu .accordion .accordion-body ul li a.active, .left-menu .accordion .accordion-body ul li a:hover {
  color: #FD3433;
  font-weight: 700;
}
.left-menu .accordion .accordion-body ul li:last-of-type {
  margin-bottom: 0;
}
.left-menu .accordion .accordion-body ul li a.sub {
  font-size: 12px;
}

.sideTab {
  top: 0;
  padding-top: 20px;
  position: absolute;
  z-index: 112;
  border-radius: 8px;
  right: -150px;
}
.sideTab .box {
  background: rgb(237, 241, 244);
  width: 120px;
  height: 140px;
  border-radius: 4px;
}
.sideTab .box p.tit {
  font-size: 13px;
  font-weight: 700;
  color: #219FFF;
}
.sideTab .box .time {
  font-weight: 700;
}

.header {
  width: 100%;
  min-width: 1200px;
}
.header .box {
  border-bottom: 1px solid #d2d6db;
  height: 75px;
}
.header .setting.icon.dropdown-toggle::after {
  content: none;
}
.header .setting.icon span {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.827 4.317C11.253 2.561 13.751 2.561 14.177 4.317C14.2409 4.5808 14.3662 4.82578 14.5427 5.032C14.7192 5.23822 14.9418 5.39985 15.1926 5.50375C15.4434 5.60764 15.7151 5.65085 15.9857 5.62987C16.2564 5.60889 16.5182 5.5243 16.75 5.383C18.293 4.443 20.06 6.209 19.12 7.753C18.9789 7.98466 18.8944 8.24634 18.8735 8.51677C18.8525 8.78721 18.8957 9.05877 18.9995 9.30938C19.1033 9.55999 19.2647 9.78258 19.4707 9.95905C19.6767 10.1355 19.9214 10.2609 20.185 10.325C21.941 10.751 21.941 13.249 20.185 13.675C19.9212 13.7389 19.6762 13.8642 19.47 14.0407C19.2637 14.2172 19.1021 14.4399 18.9982 14.6907C18.8943 14.9414 18.8511 15.2132 18.8721 15.4838C18.8931 15.7544 18.9777 16.0162 19.119 16.248C20.059 17.791 18.293 19.558 16.749 18.618C16.5173 18.4769 16.2556 18.3924 15.9852 18.3715C15.7147 18.3506 15.4432 18.3938 15.1926 18.4975C14.942 18.6013 14.7194 18.7627 14.5429 18.9687C14.3664 19.1747 14.241 19.4194 14.177 19.683C13.751 21.439 11.253 21.439 10.827 19.683C10.763 19.4192 10.6377 19.1742 10.4612 18.968C10.2848 18.7618 10.0621 18.6001 9.8113 18.4963C9.56054 18.3924 9.28879 18.3491 9.01817 18.3701C8.74755 18.3911 8.48571 18.4757 8.25395 18.617C6.71095 19.557 4.94395 17.791 5.88395 16.247C6.02505 16.0153 6.1095 15.7537 6.13044 15.4832C6.15137 15.2128 6.1082 14.9412 6.00443 14.6906C5.90065 14.44 5.73921 14.2174 5.53323 14.0409C5.32724 13.8645 5.08252 13.7391 4.81895 13.675C3.06295 13.249 3.06295 10.751 4.81895 10.325C5.08275 10.2611 5.32773 10.1358 5.53395 9.95929C5.74017 9.7828 5.90181 9.56011 6.0057 9.30935C6.10959 9.05859 6.1528 8.78683 6.13182 8.51621C6.11084 8.24559 6.02626 7.98375 5.88495 7.752C4.94495 6.209 6.71095 4.442 8.25495 5.382C9.25495 5.99 10.551 5.452 10.827 4.317Z' stroke='%23616161' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.50195 12C9.50195 12.7956 9.81802 13.5587 10.3806 14.1213C10.9432 14.6839 11.7063 15 12.502 15C13.2976 15 14.0607 14.6839 14.6233 14.1213C15.1859 13.5587 15.502 12.7956 15.502 12C15.502 11.2044 15.1859 10.4413 14.6233 9.87868C14.0607 9.31607 13.2976 9 12.502 9C11.7063 9 10.9432 9.31607 10.3806 9.87868C9.81802 10.4413 9.50195 11.2044 9.50195 12Z' stroke='%23616161' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position-x: left;
  position: absolute;
  left: -35px;
  margin-top: -1px;
}
.header .nav-item.dropdown .name {
  font-weight: 700;
  color: #000;
}
.header .grade-icon {
  position: relative;
  top: -2px;
  left: -1px;
}

.order-form .p-n {
  background: rgb(255, 229, 226);
  padding: 8px 12px;
}
.order-form .col-form-label {
  background: #edf1f4;
  padding: 6px 0 5px 10px !important;
}
.order-form .card-body {
  padding: 0 15px;
}
.order-form .card-body form > .row, .order-form .region-notice {
  border-bottom: 1px solid #d2d6db;
}
.order-form .card-body form > .row:last-of-type {
  border-bottom: 0;
}
.order-form .card-body form > .row > div {
  padding: 6px 8px 5px 8px !important;
}
.order-form .region-notice .row {
  background: rgb(245, 249, 251);
}
.order-form .region-notice h4 {
  color: #000;
}
.order-form .region-notice a {
  color: #444;
  word-break: keep-all;
}
.order-form .region-notice a.active {
  color: #FD3433;
  font-weight: bold;
  border-bottom: 2px solid #FD3433;
  padding-bottom: 1px;
}
.order-form .region-notice .tab-menu {
  display: inline-flex;
  position: relative;
  width: 100%;
}
.order-form .region-notice .tab-menu .arrow-btn.left {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 22px;
}
.order-form .region-notice .tab-menu .left-arrow-btn {
  background-image: url "data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='11.5' fill='white'/%3E%3Cg clip-path='url(%23clip0_534_92389)'%3E%3Crect width='16' height='16' transform='translate(4 4)' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M13.6462 14.943L13.6466 14.9435C13.7114 15.0082 13.7114 15.1116 13.6466 15.1763C13.5819 15.2411 13.4785 15.2411 13.4137 15.1763L10.3537 12.1163C10.289 12.0516 10.289 11.9482 10.3537 11.8835L13.4137 8.82346C13.4785 8.75872 13.5819 8.75872 13.6466 8.82346C13.708 8.88479 13.7081 8.99486 13.6466 9.05635L11.06 11.643L10.7069 11.9961L11.0595 12.3497L13.6462 14.943Z' fill='%236C757D' stroke='%236C757D'/%3E%3C/g%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='11.5' stroke='%23D5D5D5'/%3E%3Cdefs%3E%3CclipPath id='clip0_534_92389'%3E%3Crect width='16' height='16' fill='white' transform='translate(4 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E";
  background-repeat: no-repeat;
  width: 30px;
  height: 24px;
  display: block;
}
.order-form .region-notice .tab-menu .arrow-btn.right {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 22px;
}
.order-form .region-notice .tab-menu .right-arrow-btn {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='11.5' fill='white'/%3E%3Cg clip-path='url(%23clip0_180_50251)'%3E%3Crect width='16' height='16' transform='translate(4 4)' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M12.9404 12.3539L13.2939 12.0003L12.9404 11.6468L10.3537 9.06012C10.289 8.99538 10.289 8.89196 10.3537 8.82723C10.4217 8.75923 10.5318 8.76573 10.5866 8.82056L13.6466 11.8806C13.7114 11.9453 13.7114 12.0487 13.6466 12.1135L10.5866 15.1735C10.5219 15.2382 10.4185 15.2382 10.3537 15.1735L10.0035 15.5236L10.3537 15.1735C10.289 15.1087 10.289 15.0053 10.3537 14.9406L12.9404 12.3539Z' fill='%237C8185' stroke='%237C8185'/%3E%3C/g%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='11.5' stroke='%23D5D5D5'/%3E%3Cdefs%3E%3CclipPath id='clip0_180_50251'%3E%3Crect width='16' height='16' fill='white' transform='translate(4 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 30px;
  height: 24px;
  display: block;
}
.order-form .region-notice .tab-menu ul {
  display: flex;
  /*overflow: hidden;*/
  margin: 2px 0 0 0;
}
.order-form .region-notice .tab-menu ul li {
  margin: 0 10px;
  text-align: center;
}
.order-form .region-notice .tab-menu ul::-webkit-scrollbar {
  /* width: 1px;  /* 스크롤바의 너비 */
  /* height: 5px;
  }

  .tab-menu ul::-webkit-scrollbar-thumb {
      height: 50%; /* 스크롤바의 길이 */
  /* background: #d9d9d9; /* 스크롤바의 색상 */
  /* border-radius: 50px;*/
}
.order-form .region-notice .t-area {
  border-top: 1px solid #e8ecf0;
}
.order-form #ribbonMessageApp button {
  font-size: 12px;
  /*margin: 2px 0;*/
}

.map-icon-group {
  background: rgb(245, 249, 251);
}

.uto-price {
  border: 1px solid #d2d6db;
}

.uto-price span:first-child {
  border-right: 1px solid #d2d6db;
  background: rgb(255, 229, 226);
}

.top-comment {
  background: rgb(255, 246, 221);
  border: 1px solid #d2d6db;
}

.b-price {
  background-color: rgb(255, 229, 226) !important;
  font-weight: 600;
}

.price-list {
  color: #219FFF;
}

.center-comment {
  background: rgb(222, 241, 255);
}

footer {
  border-top: 1px solid #e8ecf0;
  font-size: 13px;
  color: #444;
}
footer .container-fluid {
  padding: 20px;
}
footer a, footer p.Copyright {
  padding: 0 10px;
}
footer p.Copyright {
  font-size: 11px;
}

p.order-state::before {
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 100%;
  content: "";
  position: absolute;
  margin-top: 5px;
}

p.order-state span {
  margin-left: 12px;
}

p.order-state.d-today::before {
  background: #FF4E3E;
}

p.order-state.d-etc::before {
  background: #fff;
  border: 1px solid #d1d1d1;
  box-sizing: border-box;
}

p.order-state.d-over::before {
  background: #fcc418;
}

p.order-state.d-admin::before {
  background: #0DC6AE;
}

p.order-state.d-49f::before {
  background: #a6e1ec;
}

.order-table tr.d-today td {
  background: #ffecf5;
}
.order-table tr.d-over td {
  background: #fcff61;
}
.order-table td.d-over {
  background: #fcff61 !important;
}
.order-table td {
  padding: 0 0.2rem;
}
.order-table td.number {
  color: blue;
}
.order-table td.d-49f {
  background: #a6e1ec !important;
}
.order-table td.d-admin {
  background: #e5f9b8 !important;
}
.order-table td.d-not {
  background: #e2f9ef !important;
}
.order-table td.d-accept {
  background: #ffecd4 !important;
}
.order-table td.d-done {
  background: #ecf2f2 !important;
}
.order-table .user-icon {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='2.5' fill='%23E9FAF7'/%3E%3Cpath d='M11.18 6.5L11.48 8H4.52L4.82 6.5H11.18ZM12 4H4V5H12V4ZM12 5.5H4L3.5 8V9H4V12H9V9H11V12H12V9H12.5V8L12 5.5ZM5 11V9H8V11H5Z' fill='%230DC6AE'/%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='2.5' stroke='%23E9FAF7'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  position: relative;
  top: 4px;
}

.user-products .nav-item {
  background: rgb(245, 249, 251) !important;
  margin: 5px;
  border-radius: 3px;
}
.user-products .img-box {
  border: 1px solid #d2d6db;
  border-radius: 6px;
}
.user-products .img-box .line {
  border-bottom: 1px solid #d2d6db;
}
.user-products .img-box p.name {
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  width: 95%;
}

.board {
  /* 토글 버튼 */
  /* 체크박스가 체크되면 변경 이벤트 */
}
.board .toggleSwitch {
  width: 32px;
  height: 16px;
  display: block;
  position: relative;
  border-radius: 30px;
  background-color: #fff;
  border: 1px solid #d2d6db;
  /*box-shadow: 0 0 16px 3px rgba(0 0 0 / 15%);*/
  cursor: pointer;
}
.board .toggleSwitch .toggleButton {
  /* 버튼은 토글보다 작아야함  */
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.25);
}
.board #toggle:checked ~ .toggleSwitch {
  background: #FD3433;
  border: 1px solid #FD3433;
}
.board #toggle:checked ~ .toggleSwitch .toggleButton {
  left: calc(100% - 13px);
  background: #fff;
}
.board .toggleSwitch, .board .toggleButton {
  transition: all 0.2s ease-in;
}
.board .grade-icon {
  width: 16px;
  height: 16px;
}
.board .table td:nth-child(n+3) {
  color: #444 !important;
}
.board .table th {
  font-size: 12px;
}
.board .n-badge {
  color: #FF4E3E;
  background: rgb(255, 229, 226);
  padding: 5px;
  border-radius: 3px;
  font-size: 11px;
}
.board .writer-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 6rem;
  display: inline-block;
}
.board .c-number {
  color: #FF4E3E;
  padding-left: 4px;
}
.board .member-icon {
  border: 1px solid #9E9E9E;
  border-radius: 30px;
  padding: 1px 8px;
  font-size: 11px;
}
.board .member-icon span {
  color: #9E9E9E;
}
.board .writer-icon {
  border: 1px solid #FF4E3E;
  border-radius: 30px;
  padding: 1px 8px;
  font-size: 11px;
}
.board .writer-icon span {
  color: #FF4E3E;
}
.board .search-info {
  background: rgb(245, 249, 251);
}
.board .img-table .box {
  border: 1px solid #d2d6db;
  border-radius: 6px;
}
.board .img-table .box .img-box {
  width: 100%;
  height: 222.5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.board .img-table .box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.board .img-table .box .title span {
  font-size: 13px !important;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 90%;
  display: inline-block;
}
.board .img-table .box .info span {
  font-size: 11px;
}
.board .img-table .box .info .writer-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 90%;
  display: inline-block;
}
.board .img-table .box .info .c-number {
  color: #FF4E3E;
  padding-left: 4px;
  position: relative;
  top: 5px;
}
.board .img-table .writer-name {
  width: auto !important;
  margin-right: 10px;
}
.board .view {
  border: 1px solid #d2d6db;
  border-radius: 6px;
}
.board .view .writer-name {
  font-size: 13px;
  color: #000;
  font-weight: 700;
  width: auto;
}
.board .view .info-top {
  border-bottom: 1px solid #e8ecf0;
}
.board .view .info-top p.title {
  font-size: 18px;
  color: #000;
  font-weight: 700;
}
.board .view .info-top .share-box {
  position: absolute;
  top: 24px;
}
.board .view .info-top .share-box .bg {
  background: #fff;
  border: 1px solid #d2d6db;
  width: 100px;
  height: 175px;
  border-radius: 3px;
}
.board .view .info-bottom .good-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_499_7777)' filter='url(%23filter0_d_499_7777)'%3E%3Crect width='20' height='20' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M13.7503 2.35425C12.3003 2.35425 10.9087 3.02925 10.0003 4.09591C9.09199 3.02925 7.70033 2.35425 6.25033 2.35425C3.68366 2.35425 1.66699 4.37091 1.66699 6.93758C1.66699 10.0876 4.50033 12.6542 8.79199 16.5542L10.0003 17.6459L11.2087 16.5459C15.5003 12.6542 18.3337 10.0876 18.3337 6.93758C18.3337 4.37091 16.317 2.35425 13.7503 2.35425ZM10.0837 15.3126L10.0003 15.3959L9.91699 15.3126C5.95033 11.7209 3.33366 9.34592 3.33366 6.93758C3.33366 5.27091 4.58366 4.02091 6.25033 4.02091C7.53366 4.02091 8.78366 4.84591 9.22533 5.98758H10.7837C11.217 4.84591 12.467 4.02091 13.7503 4.02091C15.417 4.02091 16.667 5.27091 16.667 6.93758C16.667 9.34592 14.0503 11.7209 10.0837 15.3126Z' fill='%23FF4E3E'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_499_7777' x='-4' y='0' width='28' height='28' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_499_7777'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_499_7777' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_499_7777'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-position-x: left;
  background-repeat: no-repeat;
  padding-left: 22px;
}
.board .view .info-bottom .good-icon.active {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.29688 15.9913L9.2958 15.9903C7.13487 14.0308 5.40217 12.4577 4.20066 10.9888C3.00776 9.53035 2.41699 8.26622 2.41699 6.93758C2.41699 4.78513 4.09787 3.10425 6.25033 3.10425C7.47324 3.10425 8.65867 3.6772 9.42931 4.58217L10.0003 5.25272L10.5713 4.58217C11.342 3.6772 12.5274 3.10425 13.7503 3.10425C15.9028 3.10425 17.5837 4.78513 17.5837 6.93758C17.5837 8.26623 16.9929 9.5304 15.7998 10.99C14.5983 12.46 12.8658 14.0349 10.7051 15.9985C10.7048 15.9987 10.7045 15.999 10.7043 15.9992L10.0022 16.6334L9.29688 15.9913Z' fill='%23FF4E3E' stroke='%23FF4E3E' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position-x: left;
  background-repeat: no-repeat;
  padding-left: 22px;
}
.board .view .info-bottom .comment-view {
  background: rgb(245, 249, 251);
  border-radius: 6px;
}
.board .view .info-bottom .comment-view .array-btn a {
  color: #9E9E9E;
  margin-right: 16px;
}
.board .view .info-bottom .comment-view .array-btn a.active {
  color: #000;
}
.board .view .info-bottom .comment-view .comment-list {
  border-bottom: 1px solid #e8ecf0;
}
.board .view .info-bottom .comment-view .comment-writer textarea {
  height: 86px;
}
.board .view .table tr.active {
  background: rgb(237, 241, 244);
}
.board .view.bottom-list .writer-name {
  width: 6rem !important;
  font-size: 11px;
  color: #444;
  font-weight: normal;
}

.join .box {
  border: 1px solid #d2d6db;
  border-radius: 6px;
  height: 278px;
  padding: 40px 20px 20px 20px;
}
.join .agree-box {
  border: 1px solid #d2d6db;
  height: 128px;
  overflow: auto;
}
.join .agree-box p {
  line-height: 1.7;
}

.find .tab {
  border-bottom: 1px solid #e8ecf0;
  padding-bottom: 8px;
  text-align: center;
  font-size: 15px;
  color: #444;
}
.find .tab.active {
  color: #FD3433;
  border-bottom: 2px solid #FD3433;
  font-weight: 700;
}

.ad-check .view {
  background-image: linear-gradient(#fbf0fa 0%, #f7ecee 40%, #fafac4 90%);
}
.ad-check .view .calendar-area .bg {
  background: #fff;
  border-radius: 6px;
  height: 446px;
  width: 856px;
  margin: 0 auto;
}
.ad-check .view .calendar-area .box {
  margin: 0 46px;
}
.ad-check .view .calendar-area .box .num {
  border-bottom: 1px solid #e8ecf0;
}
.ad-check .view .calendar-area .box .num ul li {
  float: left;
  margin: 6px;
  position: relative;
}
.ad-check .view .calendar-area .box .num a {
  border: 2px solid #e8ecf0;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 46px;
  position: relative;
}
.ad-check .view .calendar-area .box .num a.today-num {
  border: 2px solid #000;
}
.ad-check .view .calendar-area .box .num a.next-num {
  color: #fff;
  background: rgb(222, 226, 230);
  border: 2px solid rgb(222, 226, 230);
}
.ad-check .view .calendar-area .box .num a.ad-check-num {
  position: relative;
}
.ad-check .view .calendar-area .box .num a.ad-check-num img {
  position: absolute;
  top: -1px;
  left: -1px;
}
.ad-check .view .comment-view {
  background: #fff !important;
  border-radius: 6px;
}
.ad-check .view .info-bottom .comment-view div:last-of-type .comment-list {
  border-bottom: none;
}

.charge .charge-box {
  border-radius: 6px;
  background: rgb(245, 249, 251);
  font-size: 15px;
  color: #000;
}
.charge .order-table .area {
  border-bottom: 1px solid #d2d6db;
  padding-bottom: 24px;
}
.charge .order-table > p {
  border-bottom: 1px solid #d2d6db;
  color: #000;
  padding-bottom: 6px;
  font-weight: 700;
}
.charge .order-table .amount {
  font-size: 13px;
}
.charge .order-table .amount:before {
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 18.6667C12 20.876 15.5813 22.6667 20 22.6667C24.4187 22.6667 28 20.876 28 18.6667C28 16.4574 24.4187 14.6667 20 14.6667C15.5813 14.6667 12 16.4574 12 18.6667Z' stroke='%23212529' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 18.6667V24C12 26.208 15.5813 28 20 28C24.4187 28 28 26.208 28 24V18.6667' stroke='%23212529' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 8C4 9.42933 5.52533 10.7493 8 11.464C10.4747 12.1787 13.5253 12.1787 16 11.464C18.4747 10.7493 20 9.42933 20 8C20 6.57067 18.4747 5.25067 16 4.536C13.5253 3.82133 10.4747 3.82133 8 4.536C5.52533 5.25067 4 6.57067 4 8Z' stroke='%23212529' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 8V21.3333C4 22.5173 5.02933 23.2667 6.66667 24' stroke='%23212529' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 14.6667C4 15.8507 5.02933 16.6 6.66667 17.3334' stroke='%23212529' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  margin-right: 8px;
  margin-bottom: -2px;
}
.charge .order-table .count {
  float: right;
}
.charge .order-table .count .text {
  width: 110px;
  height: 24px;
  border-radius: 2px;
  border: 1px solid #d2d6db;
  padding: 0;
  outline: none;
  text-align: center;
  margin-left: 23px;
  margin-right: 23px;
}
.charge .order-table .count .up {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid #d2d6db;
  background: #fff;
}
.charge .order-table .count .down {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #d2d6db;
  background: #fff;
}

.popup {
  z-index: 999;
}

.template {
  z-index: 999;
  width: 400px;
  position: absolute;
  top: 20px;
  left: 20px;
}
.template .popup-header {
  background: transparent;
  text-align: center;
  padding: 22px 22px 16px 22px;
}
.template .popup-header svg {
  margin-bottom: 10px;
}
.template .popup-header h2 {
  color: #fff;
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.template .bg.bg-gray {
  background: #7C8185;
}
.template .bg.bg-red {
  background: #FF4E3E;
}
.template .bg.bg-yellow {
  background: #fcc418;
}
.template .bg.bg-blue {
  background: #219FFF;
}
.template .bg.bg-green {
  background: #0DC6AE;
}
.template .popup-body {
  background: #fff;
  margin: 4px;
  font-size: 13px;
  padding: 24px;
}
.template .popup-footer {
  background: #212121;
  color: #fff;
}
.template .popup-footer .btn-close {
  background: none;
  width: auto;
  height: auto;
  color: #fff;
  font-size: 13px;
  opacity: inherit;
}

.main-notice-box {
  background: rgb(245, 249, 251);
  border-radius: 8px;
  border: 1px solid #e8ecf0;
}
.main-notice-box .text-box {
  background: #fff;
  border-radius: 6px;
  border: 1px solid #e8ecf0;
}
.main-notice-box .text-box p {
  height: 33px;
  line-height: 41px;
}

.main-quick-menu {
  border: 1px solid #e8ecf0;
  border-radius: 8px;
  padding: 20px 12px;
}

.main-visual-banner .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-visual-banner .carousel-control-prev, .main-visual-banner .carousel-control-next {
  width: 7%;
  opacity: 0;
  transition: 0.3s;
}
.main-visual-banner .carousel-control-prev:hover,
.main-visual-banner .carousel-control-next:hover {
  opacity: 1;
  transition: 0.3s;
}
.main-visual-banner .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' fill='white'/%3E%3Cpath d='M18.5 11L13.5 16L18.5 21' stroke='%23616161' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' stroke='%23D5D5D5'/%3E%3C/svg%3E%0A");
}
.main-visual-banner .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' fill='white'/%3E%3Cpath d='M13.5 11L18.5 16L13.5 21' stroke='%23616161' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' stroke='%23D5D5D5'/%3E%3C/svg%3E%0A");
}

.board-list-box {
  border: 1px solid #e8ecf0;
  border-radius: 8px;
}
.board-list-box .more-btn::after {
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.29289 3.29289C9.68342 2.90237 10.3166 2.90237 10.7071 3.29289L22.7071 15.2929C23.0976 15.6834 23.0976 16.3166 22.7071 16.7071L10.7071 28.7071C10.3166 29.0976 9.68342 29.0976 9.29289 28.7071C8.90237 28.3166 8.90237 27.6834 9.29289 27.2929L20.5858 16L9.29289 4.70711C8.90237 4.31658 8.90237 3.68342 9.29289 3.29289Z' fill='%239E9E9E'/%3E%3C/svg%3E%0A");
  width: 12px;
  height: 14px;
  display: inline-block;
  background-size: cover;
  position: relative;
  top: 3px;
  margin-left: 4px;
}
.board-list-box .list .num {
  font-size: 13px;
  line-height: 2;
}
.board-list-box .list .num .text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
.board-list-box .list .num .col-8:before {
  content: "";
  background: url("/images/dot-icon.png") no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 4px 4px 0 0;
}
.board-list-box .list .num .col-4 {
  color: #444;
}
.board-list-box .list .img-box img {
  height: auto !important;
}

.not-accept-pop {
  top: 0;
  width: 100%;
}
.not-accept-pop .list-box {
  border: 1px solid #d2d6db;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.not-accept-pop .list-box .card-header {
  font-weight: 700 !important;
  font-size: 17px;
}

.option-setting .os-box {
  border-radius: 6px;
  background: rgb(245, 249, 251);
  color: #111;
  font-size: 13px;
  font-weight: 700;
}
.option-setting .col-md-3 span {
  color: #444;
}
.option-setting .col-md-3 span .font-color-danger {
  color: #FF4E3E;
}

.login-page-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.login-page-wrap .login-page {
  width: 970px;
  height: 100%;
  margin: 0 auto;
}
.login-page-wrap .login-page .info {
  width: 970px;
  border: 1px solid #E8ECF0;
  box-sizing: border-box;
  border-radius: 8px;
}
.login-page-wrap .login-page .info img {
  border-top-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 8px;
}
.login-page-wrap .login-page .form-info {
  padding: 64px;
}
.login-page-wrap .login-page .form-info h1 {
  margin-bottom: 30px;
}
.login-page-wrap .login-page .form-info > div > input {
  margin: 12px 0;
}
.login-page-wrap .login-page .form-info .form-check .form-check-input {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.login-page-wrap .login-page .form-info .form-check label {
  cursor: pointer;
}
.login-page-wrap .login-page .form-info .btn-zone {
  padding-bottom: 30px;
  border-bottom: 1px solid #e8ecf0;
}

.text-absence {
  opacity: 0.5;
}

.summernote p {
  margin-bottom: 0px;
}

.note-editable p {
  margin-bottom: 0px;
}

/*# sourceMappingURL=app.css.map */