@charset "UTF-8";

:root {
  --bs-body-bg: #f8f9fa;
  --bs-offcanvas-width: 360px;
  --bg-success: #03cf5d;
  --bs-success-rgb: 3, 207, 93;
  --bs-warning-rgb: 236, 105, 65;
  --bs-border-radius: 10px;
}

.fold {
  position: absolute;
  left: 360px;
  top: 135px;
  transform: translateY(-50%);
  width: 20px;
  height: 60px;
  background-color: var(--bs-body-bg);
  color: var(--bg-success);
  border: 1px solid #ddd;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  transition: all 300ms ease;
  z-index: 9000;
}

.fold:hover {
  background-color: var(--bg-success);
  color: var(--bs-body-bg);

  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
  transform: translateY(-50%) scale(1.1);
}

.fold:active {
  background-color: #bbb;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.fold.on {
  top: 105px;
  transform: rotate(180deg);
  left: 0;
}

.fold.on:hover {
  transform: rotate(180deg) scale(1.1);
}

.fold.on:active {
  transform: rotate(180deg);
}



.offcanvas {
  --bs-offcanvas-width: 360px;
  --bs-offcanvas-padding-x: 36px;
  --bs-offcanvas-padding-y: 80px;
}

.offcanvas .offcanvas-body .nav .list-group {
  --bs-border-radius: 11px;
  row-gap: 11px;
}

.offcanvas .offcanvas-body .nav .list-group .list-group-item {
  border-radius: var(--bs-border-radius);
}

.offcanvas .offcanvas-body .nav .list-group .list-group-item+.list-group-item {
  border-top: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.modal .col-form-label {
  display: flex;
  align-items: center;
}

.mt-10 {
  margin-top: 10px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-6 {
  margin-left: 6px;
}

@media (min-width: 768px) {
  .mt-md-10 {
    margin-top: 10px;
  }

  .mt-md-30 {
    margin-top: 30px;
  }

  .mt-md-35 {
    margin-top: 35px;
  }

  .mt-md-60 {
    margin-top: 60px;
  }
}

:root {
  --color-gray: #a0a0a0;
  --color-light-gray: #efefef;
  --color-success: #03cf5d;
  --color-danger: #ff4d4f;
  --color-dark: #393939;
  --bs-secondary-rgb: 160, 160, 160;
  --bs-danger-rgb: 230, 0, 18;
  --bs-danger-text-emphasis: #a40000;
  --bg-color-sidebar-item: #f8f8f8;
}

.btn-success {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: #fff;
}

.btn-success:hover {
  background-color: var(--color-success);
  border-color: var(--color-success);
}

.btn-light.dropdown-toggle {
  background-color: var(--bs-white);
  color: var(--color-dark);
}

.btn-light.dropdown-toggle:hover {
  background-color: var(--bg-color-sidebar-item);
  border-color: var(--bg-color-sidebar-item);
}

.dropdown-menu {
  --bs-dropdown-bg: var(--bs-white);
  --bs-dropdown-link-active-bg: var(--bs-white);
  --bs-dropdown-link-active-color: var(--bg-success);
  --bs-dropdown-border-color: #ededed;
  --bs-dropdown-border-radius: 10px;
  --bs-dropdown-item-padding-x: 15px;
}

.btn {
  --bs-btn-padding-x: 22px;
  --bs-btn-padding-y: 13px;
  --bs-btn-font-weight: 800;
  --bs-btn-border-radius: 10px;
  --bs-btn-line-height: 1.25588697;
  letter-spacing: -0.03em;
}

.btn-danger {
  background-color: #a40000;
  border-color: #a40000;
  color: #fff;
}

.btn-danger:hover {
  background-color: #a40000;
  border-color: #a40000;
}

.bg-danger-emphasis {
  background-color: var(--bs-danger-text-emphasis);
}

.text-danger {
  color: var(--color-danger);
}

.table-warning {
  --bs-table-bg: #fffeee;
  --bs-table-border-color: #fffeee;
}

.table-success {
  --bs-table-bg: #e5faee;
  --bs-table-border-color: #e5faee;
}

.table-danger {
  --bs-table-bg: #fce5e7;
  --bs-table-border-color: #fce5e7;
}

.pagination {
  --bs-pagination-bg: var(--bs-white);
  --bs-pagination-color: var(--color-dark);
  --bs-pagination-active-bg: #f3f3f3;
  --bs-pagination-active-color: var(--color-dark);
  --bs-pagination-hover-bg: var(--bs-white);
  --bs-pagination-hover-color: var(--color-dark);
}

.modal {
  --bs-modal-bg: var(--bs-white);
}

:root {
  --bs-font-sans-serif: NanumSquare, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.log-refund .duration {
  color: red !important;
}

.ico-calendar {
  width: 16px;
  height: 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/icon/calendar_icon.png") no-repeat left center/16px 16px;
}

.ico-dashboard {
  width: 20px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/icon/dashboard_icon.png") no-repeat left center/20px 12px;
}

.ico-logout {
  width: 12px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/icon/logout_icon.png") no-repeat left center/12px 15px;
}

.ico-place {
  width: 14px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/icon/place_icon.png") no-repeat left center/14px 20px;
}

.ico-settings {
  width: 16px;
  height: 21px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/icon/settings_tools_icon.png") no-repeat left center/16px 16px;
}

.min-w-100 {
  min-width: 100%;
}

.table-layout-fixed {
  table-layout: fixed;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.height-auto {
  height: auto !important;
}

.table-scrollable {
  overflow-y: auto;
}

.table-scrollable::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  /* Track color */
  background: #ffffff;
}

.table-scrollable::-webkit-scrollbar-thumb {
  background: #f3f3f3;
  border-radius: 5.86px;
}

body {
  background-color: var(--color-light-gray);
}

#wrapper {
  height: 100vh;
  padding-left: 360px;
  padding-top: 34px;
  padding-bottom: 50px;
  transition: all 300ms ease;
}

#wrapper.on {
  padding-left: 0;
}

#wrapper .container-fluid {
  height: calc(100% - 84px);
  --bs-gutter-x: 64px;
}

.offcanvas {
  --bs-border-width: 0;
}

.offcanvas .user-name {
  display: inline-flex;
  font-size: 1.875rem;
  font-weight: 800;
  margin-right: 10px;
  letter-spacing: -0.03em;
}

.offcanvas .user-action {
  margin-top: 19px;
  display: flex;
  column-gap: 20px;
}

.offcanvas .user-action a {
  text-decoration: none;
  letter-spacing: -0.03em;
}

.offcanvas .user-action .mypage {
  color: var(--color-gray);
}

.offcanvas .user-action .logout {
  color: var(--color-success);
}

.offcanvas .user-action .logout .ico-logout {
  margin-right: 6px;
}

.offcanvas .offcanvas-body .nav {
  --bs-nav-link-padding-x: 0;
  margin-top: 43px;
}

.offcanvas .offcanvas-body .nav .list-group {
  --bs-list-group-border-width: 0;
  --bs-list-group-active-bg: #ededed;
  width: 100%;
}

.offcanvas .offcanvas-body .nav .list-group.active,
.offcanvas .offcanvas-body .nav .list-group:hover {
  --bs-list-group-bg: var(--bg-color-sidebar-item);
}

.offcanvas .offcanvas-body .nav .list-group .list-group-item {
  --bs-list-group-bg: var(--bg-color-sidebar-item);
  --bs-list-group-item-padding-x: 22px;
  --bs-list-group-item-padding-y: 18px;
  --bs-nav-link-padding-y: 0;
  border-radius: var(--bs-border-radius);
  font-size: 1.125rem;
}

.offcanvas .offcanvas-body .nav .list-group .list-group-item [class^=ico-] {
  margin-right: 17px;
}

.offcanvas .offcanvas-body .nav .list-group .list-group-item .ico-dashboard {
  margin-right: 12px;
}

.offcanvas .offcanvas-body .nav .list-group .list-group-item:hover {
  --bs-list-group-bg: #ededed;
}

.offcanvas .offcanvas-body .nav .list-group .list-group-item:hover .nav-link {
  --bs-nav-link-color: var(--color-dark);
}

.offcanvas .offcanvas-body .nav .list-group .list-group-item .nav-link {
  --bs-nav-link-color: var(--color-gray);
  --bs-nav-link-hover-color: var(--color-dark);
  font-weight: 400;
  letter-spacing: -0.03em;
}

.offcanvas .offcanvas-body .nav .list-group .list-group-item .nav-link.active,
.offcanvas .offcanvas-body .nav .list-group .list-group-item .nav-link:hover {
  --bs-nav-link-color: var(--bs-nav-link-hover-color);
}

.offcanvas .offcanvas-body .nav .list-group .list-group-item+.list-group-item {
  border-top: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.offcanvas .offcanvas-body hr {
  margin: 42px 0;
  color: var(--color-light-gray);
}

.offcanvas .offcanvas-body .user-menu {
  --bs-nav-link-padding-y: 11px;
  margin: 0;
  letter-spacing: -0.03em;
}

.offcanvas .offcanvas-body .user-menu .nav-link {
  color: var(--color-gray);
}

.page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 29px 42px;
  margin-bottom: 20px;
  background-color: var(--bs-white);
  border-radius: 0.625rem;
}

.page-header h1 {
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
  font-weight: 800;
}

.page-header h1 .ico-dashboard {
  width: 36px;
  height: 21px;
  background-size: 35px 21px;
  margin-right: 15px;

  width: 32px;
  height: 32px;
  background-size: 32px 32px;
}

.page-header h1 .ico-place {
  width: 25px;
  height: 35px;
  background-size: 25px 35px;
  margin-right: 20px;

  width: 32px;
  height: 32px;
  background-size: 32px 32px;
}

.page-header h1 .ico-settings {
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  margin-right: 14px;
}

.slot-list {
  --bs-gutter-y: 20px;
}

.slot-list .card {
  --bs-border-width: 0;
  --bs-border-radius: 0.625rem;
  --bs-card-bg: var(--bs-white);
  --bs-card-spacer-x: 2.5rem;
  --bs-card-spacer-y: 3.188rem;
}

.slot-list .slot-body {
  display: flex;
  justify-content: space-between;
}

.slot-list .slot-body .slot-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  column-gap: 15px;
  font-size: 1.5rem;
  white-space: nowrap;
}

.slot-list .slot-body .slot-header .datetime {
  font-size: 1.125rem;
  color: var(--color-gray);
}

.slot-list .slot-body .statistics {
  display: flex;
  column-gap: 25px;
  font-size: 2rem;
}

.slot-list .slot-body .statistics .statistics-item {
  font-size: 1.125rem;
  color: var(--color-gray);
  white-space: nowrap;
  min-width: 200px;
}

.slot-list .slot-body .statistics .statistics-item .num {
  padding-left: 22px;
  font-size: 2rem;
  vertical-align: middle;
}

.slot-list .slot-body .statistics .statistics-item .num+span {
  display: inline-flex;
  vertical-align: middle;
  margin-left: 2px;
  padding-right: 22px;
}

.slot-list .slot-body .statistics .statistics-item .statistics-status {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  border-radius: 1.188rem;
  font-size: 1.124rem;
}

.table-responsive::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  /* Track color */
  background: var(--bs-white);
}

.table-responsive::-webkit-scrollbar-thumb {
  background: #f3f3f3;
  border-radius: 5.86px;
}

.table th,
.table td {
  padding: 6px 6px;
  font-weight: 400;
}

.table th.date,
.table td.date {
  width: 116px;
  min-width: 116px;
}

.table th.keyword,
.table td.keyword {
  width: 199px;
  min-width: 199px;
}

.table th.place-id,
.table td.place-id {
  width: 140px;
  min-width: 140px;
}

.table th.place-url,
.table td.place-url {
  width: 140px;
  min-width: 140px;
}

.table th.answer,
.table td.answer {
  width: 150px;
  min-width: 150px;
}

.table th.memo,
.table td.memo {
  width: 150px;
  min-width: 150px;
}

.table th {
  font-weight: 800;
  background: transparent;
}

.table tbody tr {
  border-bottom: 4px solid var(--bs-white);
}

.table tbody tr td {
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  vertical-align: middle;
}

.table tbody tr td:first-child {
  border-radius: 10px 0 0 10px;
}

.table tbody tr td:last-child {
  border-radius: 0 10px 10px 0;
}

.table tbody tr td .form-control {
  background: var(--bs-white);
}

.filter .card,
.member-form .card,
.agency-form .card {
  --bs-card-spacer-y: 10px;
}

.filter label,
.member-form label,
.agency-form label {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.filter .slot-body,
.member-form .slot-body,
.agency-form .slot-body {
  column-gap: 10px;
  row-gap: 10px;
}

.filter .form-control,
.member-form .form-control,
.agency-form .form-control {
  --bs-border-width: 1px;
  --bs-border-color: #ededed;
  background: var(--bs-white);
}

.filter .form-control[type=date],
.member-form .form-control[type=date],
.agency-form .form-control[type=date] {
  padding-top: 0;
  padding-bottom: 0;
  height: 48px;
  line-height: 48px;
  max-width: 140px;
}

.filter .bootstrap-select.form-control,
.member-form .bootstrap-select.form-control,
.agency-form .bootstrap-select.form-control {
  /* min-width: 140px; */
}

.filter .select-wrapper,
.member-form .select-wrapper,
.agency-form .select-wrapper {
  width: 100%;
  position: relative;
}

.filter .select-wrapper select,
.member-form .select-wrapper select,
.agency-form .select-wrapper select {
  background: url("../img/icon/ico_dropdown_carot.png") no-repeat right 13px center;
}

.agency-form .card {
  --bs-card-spacer-y: 25px;
}

.agency-form .row {
  --bs-gutter-y: 10px;
}

.agency-form .row .col-form-label {
  margin-right: 20px;
}

.agency-form .row .col-auto {
  width: 55px;
}

.agency-form .row .col-auto .form-control {
  min-width: 100px;
}

/* 회원 관리 */
.member-list .slot-list,
.agency-list .slot-list {
  height: 100%;
}

.member-list .slot-list .slot-item .card,
.agency-list .slot-list .slot-item .card {
  height: 100%;
}

.slot-item .card-body {
  overflow: auto;
}

.slot-item .card-body::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  /* Track color */
  background: var(--bs-white);
}

.slot-item .card-body::-webkit-scrollbar-thumb {
  background: #f3f3f3;
  border-radius: 5.86px;
}

.agency-list #wrapper {
  padding-bottom: 98px;
}

.member-form .card-body {
  --bs-card-spacer-y: 26px;
}

.member-form .card-body>.row {
  margin-top: 0;
  --bs-gutter-x: 54px;
  --bs-gutter-y: 20px;
}

.member-form .card-body .row:has(.form-control) {
  /*width: 240px;*/
}

.member-form .card-body .col-form-label {
  margin-right: 15px;
}

.member-form .card-body .col-form-label:nth-of-type(1),
.member-form .card-body .col-form-label:nth-of-type(3) {
  width: 55px;
}

.member-form .card-body .col-form-label:nth-of-type(2),
.member-form .card-body .col-form-label:nth-of-type(4) {
  width: 72px;
}

.member-form .form-row .col-auto:nth-of-type(3),
.member-form .form-row .col-auto:nth-of-type(4),
.member-form .form-row .col-auto:nth-of-type(5),
.member-form .form-row .col-auto:nth-of-type(6) {
  --bs-gutter-y: 20px;
}

/* 로그 관리 */
.log-history .slot-list .bootstrap-select {
  width: 90px !important;
}

.log-history .slot-list .per-page {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 10px 0;
}

.log-history .slot-list .per-page .form-control {
  margin-left: 12px;
  width: 86px;
  border: 0 none;
  background: var(--bs-white) url("../img/icon/ico_dropdown_carot.png") no-repeat right 13px center;
}

.form-control[type=date] {
  position: relative;
}

.form-control[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}

.form-control[type=date]::before {
  content: " ";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("../img/icon/calendar_icon.png") no-repeat center center;
  background-size: 20px 20px;
}

.form-check {
  display: inline-flex;
  width: 16px;
  height: 16px;
  min-height: 16px;
  padding-left: 16px;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-check .form-check-input {
  margin-left: -16px;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-white);
  --bs-border-width: 1px;
  --bs-border-color: #b7b7b7;
  margin-top: 0px;
  width: 16px;
  height: 16px;
}

.form-check-input[type=checkbox] {
  border-radius: 0;
}

.form-check-input:checked {
  background-color: var(--color-success);
  border-color: var(--color-success);
}

.btn-area {
  margin-top: 10px;
  --bs-gutter-x: 12px;
}

.col-form-label {
  letter-spacing: -0.03em;
}

div.dropdown-menu {
  max-height: 125px;
  overflow-y: auto;
}

div.dropdown-menu::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  /* Track color */
  background: var(--bs-white);
}

div.dropdown-menu::-webkit-scrollbar-thumb {
  background: #f3f3f3;
  border-radius: 5.86px;
}

.modal {
  --bs-modal-padding: 50px 35px;
  --bs-modal-footer-gap: 13px;
  --bs-modal-border-radius: 10px;
}

.modal .container .row .col-form-label {
  width: 95px;
}

.modal .container>.row .row:not(:first-child)>* {
  --bs-gutter-y: 20px;
}

.modal .container>.row:nth-of-type(2)>* {
  --bs-gutter-y: 20px;
}

.modal .modal-footer {
  padding: 0 0 44px;
}

.modal .form-control {
  background-color: var(--bs-white);
}

.modal .bootstrap-select.form-control {
  height: 37px;
}

.modal .bootstrap-select.form-control .dropdown-toggle {
  padding: 0 15px;
  height: 100%;
  line-height: 37px;
}

.bootstrap-select.form-control .dropdown-toggle {
  --bs-btn-padding-x: 15px;
  --bs-btn-font-size: 16px;
  --bs-btn-font-weight: 400;
  letter-spacing: -0.03em;
}

.bootstrap-select.form-control .dropdown-toggle.bs-placeholder:active,
.bootstrap-select.form-control .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select.form-control .dropdown-toggle.bs-placeholder:hover {
  color: #d8d8d8;
}

#myInfoModal .modal-dialog {
  width: 378px;
}

#myInfoModal .col-form-label {
  width: 88px;
  min-width: 55px;
}

#myInfoModal .row>* {
  --bs-gutter-y: 20px;
}

#myInfoModal .modal-footer {
  padding: 0 0 44px;
}

#placeModal {
  --bs-modal-padding: 44px 35px;
}

#placeModal .modal-dialog {
  --bs-modal-width: 727px;
}

.login-box {
  display: flex;
  height: 100vh;
}

/* 로그인 */
.login-box .card {
  --bs-card-bg: var(--bs-white);
  --bs-card-border-width: 0;
  --bs-card-border-radius: 30px;
  --bs-card-spacer-x: 68px;
  --bs-card-spacer-y: 66px;
  width: 450px;
  height: 500px;
  margin: 0 auto;
  align-self: center;
  justify-self: center;
}

.login-box .card .logo {
  margin-bottom: 45px;
}

.login-box .card .col-form-label {
  width: 72px;
}

.login-box .card .row {
  --bs-gutter-x: 15px;
}

.login-box .card .row>* {
  --bs-gutter-y: 20px;
}

.login-box .card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.login-box .card .form-control {
  width: 240px;
  background-color: var(--bs-white);
}

.login-box .card .remember {
  height: 15px;
}

.login-box .card .btn-login {
  padding: 0;
  height: 40px;
  line-height: 40px;
}

@media (max-width: 1200px) {

  .member-list .slot-list .slot-item .card.height-auto .col-auto,
  .agency-list .slot-list .slot-item .card.height-auto .col-auto {
    min-width: 120px;
  }

  .member-list .slot-list .slot-item .card.height-auto .col-auto.col-form-label,
  .agency-list .slot-list .slot-item .card.height-auto .col-auto.col-form-label {
    min-width: 90px;
  }

  .member-form .card-body .row:has(.form-control) {
    min-width: 260px;
  }
}


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