@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;
}

.offcanvas {
  --bs-offcanvas-width: 288px;
  --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);
}

.form-control {
  padding: 15px 20px;
}

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

.gutter-x-0 {
  --bs-gutter-x: 0;
}

.gutter-y-0 {
  --bs-gutter-y: 0;
}

.gutter-0 {
  --bs-card-spacer-x: 0 !important;
  --bs-card-spacer-y: 0 !important;
}

.card-gutter-x-0 {
  --bs-card-spacer-x: 0 !important;
}

.card-gutter-y-0 {
  --bs-card-spacer-y: 0 !important;
}

.card-gutter-y-38 {
  --bs-card-spacer-y: 38px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mr-4px {
  margin-right: 4px;
}

.mr-6px {
  margin-right: 6px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-28 {
  margin-right: 28px;
}

.mr-65 {
  margin-right: 65px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

@media (min-width: 768px) {
  .mt-md-10 {
    margin-top: 10px;
  }
  .mt-md-30 {
    margin-top: 30px;
  }
  .mt-md-35 {
    margin-top: 35px;
  }
  .mt-md-40 {
    margin-top: 40px;
  }
  .mt-md-60 {
    margin-top: 60px;
  }
  .mb-md-10 {
    margin-bottom: 10px;
  }
  .mb-md-20 {
    margin-bottom: 20px;
  }
  .mb-md-40 {
    margin-bottom: 40px;
  }
  .mb-md-60 {
    margin-bottom: 60px;
  }
  .mr-md-65 {
    margin-right: 65px;
  }
}
:root {
  --color-gray: #a0a0a0;
  --color-light-gray: #fbfbfb;
  --color-primary: #407aff;
  --color-success: #32b16c;
  --color-danger: #ff4d4f;
  --color-dark: #393939;
  --color-placeholder: #d8d8d8;
  --bs-secondary-rgb: 160, 160, 160;
  --bs-danger-rgb: 230, 0, 18;
  --bs-danger-text-emphasis: #a40000;
  --bs-secondary-color: #a0a0a0;
  --bg-color-sidebar-item: #f8f8f8;
}

.login {
  background-color: var(--bs-white);
}

.btn-primary {
  --bs-btn-bg: var(--color-primary);
}

.btn-success {
  --bs-btn-bg: 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);
  --bs-border-width: 1px;
  --bs-btn-border-color: #e6e6e6;
}
.btn-light.dropdown-toggle:hover {
  background-color: var(--bs-white);
  border-color: #e6e6e6;
}

.btn-secondary {
  --bs-btn-bg: #13b5b1;
  --bs-btn-border-color: #13b5b1;
}

.btn-gray {
  --bs-btn-bg: var(--color-gray);
  --bs-btn-border-color: var(--color-gray);
  --bs-btn-color: var(--bs-white);
  --bs-btn-hover-bg: var(--color-gray);
  --bs-btn-hover-border-color: var(--color-gray);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-active-bg: var(--color-gray);
  --bs-btn-active-border-color: var(--color-gray);
  --bs-btn-active-color: var(--bs-white);
}

.dropdown-menu {
  --bs-dropdown-bg: var(--bs-white);
  --bs-dropdown-link-active-bg: var(--bs-white);
  --bs-dropdown-link-active-color: var(--color-primary);
  --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: 400;
  --bs-btn-border-radius: .813rem;
  --bs-btn-line-height: 1.25588697;
  letter-spacing: -0.03em;
}

.btn-danger {
  --bs-btn-bg: #ec6941;
  --bs-btn-border-color: #ec6941;
  --bs-btn-active-bg: #ec6941;
  --bs-btn-active-border-color: #ec6941;
  --bs-btn-hover-bg: #ec6941;
  --bs-btn-hover-border-color: #ec6941;
}

.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: transparent;
  --bs-pagination-color: var(--color-dark);
  --bs-pagination-border-width: 0;
  --bs-pagination-active-bg: transparent;
  --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);
}

.form-check-label {
  color: var(--color-gray);
}

:root {
  --bs-font-sans-serif: "Noto Sans KR", 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" ;
}

.fs-28 {
  font-size: 28px;
}

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

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

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

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

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

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

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

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

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

.ico-prev {
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  background: url("data:image/svg+xml;base64,PHN2ZyAKIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogd2lkdGg9IjhweCIgaGVpZ2h0PSI4cHgiPgo8dGV4dCBrZXJuaW5nPSJhdXRvIiBmb250LWZhbWlseT0iR3VsaW0iIGZpbGw9InJnYigwLCAwLCAwKSIgdHJhbnNmb3JtPSJtYXRyaXgoIDAuOTk5Njc5MTI0OTc0NDQsIDAsIDAsIDEuMDEwOTg5MDEwOTg5MDEsMC4xNjUyMzA4NzY1OTgxMiwgMTAuMDAyNzQ3MjUyNzQ3MikiIGZvbnQtc2l6ZT0iMTZweCI+PHRzcGFuIGZvbnQtc2l6ZT0iMTZweCIgZm9udC1mYW1pbHk9Ik5vdG8gU2FucyBLUiIgZmlsbD0iIzM5MzkzOSI+JiM2MDs8L3RzcGFuPjwvdGV4dD4KPC9zdmc+") no-repeat left center/8px 8px;
}

.ico-next {
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  background: url("data:image/svg+xml;base64,PHN2ZyAKIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogd2lkdGg9IjhweCIgaGVpZ2h0PSI4cHgiPgo8dGV4dCBrZXJuaW5nPSJhdXRvIiBmb250LWZhbWlseT0iR3VsaW0iIGZpbGw9InJnYigwLCAwLCAwKSIgdHJhbnNmb3JtPSJtYXRyaXgoIDAuOTk5Njc5MTI0OTc0NDQsIDAsIDAsIDEuMDEwOTg5MDEwOTg5MDEsMC4xNjUyMzA4NzY1OTgxMiwgMTAuMDAyNzQ3MjUyNzQ3MikiIGZvbnQtc2l6ZT0iMTZweCI+PHRzcGFuIGZvbnQtc2l6ZT0iMTZweCIgZm9udC1mYW1pbHk9Ik5vdG8gU2FucyBLUiIgZmlsbD0iIzM5MzkzOSI+JiM2Mjs8L3RzcGFuPjwvdGV4dD4KPC9zdmc+") no-repeat left center/8px 8px;
}

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

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

.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: 6px;
  height: 6px;
  /* Track color */
  background: #ffffff;
}
.table-scrollable::-webkit-scrollbar-thumb {
  background: #d7d7d7;
  border-radius: 5.86px;
}

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

#wrapper {
  height: 100vh;
  padding-left: 288px;
  padding-top: 78px;
  padding-bottom: 50px;
}
#wrapper .container-fluid {
  height: calc(100% - 84px);
  --bs-gutter-x: 84px;
}

.offcanvas {
  --bs-border-width: 0;
  z-index: 2;
  transition: 0.3s all ease;
}
.offcanvas .navbar-toggler {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;base64,PHN2ZyAKIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogd2lkdGg9IjEycHgiIGhlaWdodD0iMjBweCI+CjxpbWFnZSAgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjIwcHgiICB4bGluazpocmVmPSJkYXRhOmltZy9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFBd0FBQUFVQ0FNQUFBQ09MaXdqQUFBQUJHZEJUVUVBQUxHUEMveGhCUUFBQUNCalNGSk5BQUI2SmdBQWdJUUFBUG9BQUFDQTZBQUFkVEFBQU9wZ0FBQTZtQUFBRjNDY3VsRThBQUFBdlZCTVZFWC8vLzlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXY5QWV2OUFldjlBZXYvLy8vL1FldVp0QUFBQVBYUlNUbE1BVDlYV1hPRDdYOC80Vno3dTgxQks5UEZJVS9id1Axdm5ObVA4M3k5cjNDNXArckZZOTducVBFNzE3RUZINzBsQTYxSTU0MlREL3VaeVl1SndBSXRvSndBQUFBRmlTMGRFQUlnRkhVZ0FBQUFIZEVsTlJRZm9EQTBXR1FYeW1JVEdBQUFBaVVsRVFWUVkwelhQVnhhQ1VBeEZVV3hVQzJKQlJSRUw5ZzUyTS85cGVWL0l5OWZaUDhtS1VTcFhxb2FlR3BGcGFkaEU1TGdDcnc0MW1xS1dEN1VEVWFjTDlmcWkwSUVHUTlFb2dzWVRVYXcwVFVTek9iUVFMRk5nVmJTclZxdzMzTnNkZW4vZ1BwN1UyVFAzNVlwT2I5eVphalBrVG5KMGRDOFdQZERQV0M2OGdMZCs3dlBOZjdyL2dwd1ZFRDFDd2pRQUFBQUFTVVZPUks1Q1lJST0iIC8+Cjwvc3ZnPg==");
  width: 28px;
  height: 62px;
  position: absolute;
  top: 47px;
  left: 67px;
  background-color: var(--bs-white);
  border-radius: 0 10px 10px 0;
  transition: 0.3s all ease;
  z-index: 2;
}
.offcanvas .navbar-toggler .navbar-toggler-icon {
  width: 12px;
  height: 20px;
}
.offcanvas.open .navbar-toggler {
  left: 288px;
}
.offcanvas .user-name {
  display: inline-flex;
  font-size: 1.875rem;
  font-weight: 800;
  margin-right: 10px;
  letter-spacing: -0.03em;
}
.offcanvas .offcanvas-body {
  background-color: var(--bs-white);
  z-index: 1;
  filter: drop-shadow(0 6px 32px rgba(0, 0, 0, 0.1));
  left: 0;
  top: 0;
}
.offcanvas .offcanvas-body .navbar {
  align-items: flex-start;
  --bs-navbar-color: var(--color-gray);
  --bs-nav-link-color: var(--color-gray);
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: calc(23px * .5);
  margin-top: 43px;
}
.offcanvas .offcanvas-body .navbar .nav-item {
  --bs-nav-link-hover-color: var(--color-dark);
  padding-left: 6px;
  width: 100%;
}
.offcanvas .offcanvas-body .navbar .nav-item.active, .offcanvas .offcanvas-body .navbar .nav-item:hover {
  color: var(--bs-nav-link-hover-color);
}
.offcanvas .offcanvas-body .navbar .nav-item.active a, .offcanvas .offcanvas-body .navbar .nav-item:hover a {
  color: var(--bs-nav-link-hover-color);
}
.offcanvas .offcanvas-body .navbar .nav-item.nav-item-header {
  color: var(--color-gray);
  padding: 54px 0 10px;
}
.offcanvas .offcanvas-body .navbar .nav-item [class^=ico-] {
  margin-right: 15px;
}
.offcanvas .offcanvas-body .navbar .nav-item .ico-dashboard {
  margin-right: 15px;
}

.page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin-bottom: 30px;
}
.page-header h1 {
  margin: 0;
  padding: 0;
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.page-header h1 .ico-shopping {
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  margin-right: 22px;
}
.page-header h1 .ico-slot {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  margin-right: 15px;
}
.page-header h1 .ico-agency {
  width: 40px;
  height: 36px;
  background-size: 40px 36px;
  margin-right: 16px;
}
.page-header h1 .ico-member {
  width: 40px;
  height: 40px;
  background-size: 40px 36px;
  margin-right: 16px;
}
.page-header h1 .ico-history {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  margin-right: 16px;
}
.page-header h1 .ico-profile {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  margin-right: 16px;
}

.slot-list {
  --bs-gutter-x: 45px;
  --bs-gutter-y: 20px;
}
.slot-list .card {
  --bs-border-width: 0;
  --bs-border-radius: 30px;
  --bs-card-bg: var(--bs-white);
  --bs-card-spacer-x: 2.5rem;
  --bs-card-spacer-y: 3.188rem;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
}
.slot-list .slot-body {
  width: 100%;
  display: flex;
  justify-content: center;
}
.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;
}
.slot-list .slot-body .statistics .statistics-item .num {
  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;
}

.overflow-auto::-webkit-scrollbar,
.overflow-x-auto::-webkit-scrollbar,
.overflow-y-auto::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  /* Track color */
  background: var(--bs-white);
}
.overflow-auto::-webkit-scrollbar-thumb,
.overflow-x-auto::-webkit-scrollbar-thumb,
.overflow-y-auto::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb {
  background: #d7d7d7;
  border-radius: 5.86px;
}

.table {
  --bs-table-bg: #f3f3f3;
  --bs-table-striped-bg: #ffffff;
  margin-bottom: 0;
}
.table thead {
  border-bottom: 1px solid #e5e5e5;
}
.table th,
.table td {
  padding: 10px 5px;
  font-weight: 400;
}
.table th.date,
.table td.date {
  width: 100px;
  min-width: 100px;
}
.table th.keyword,
.table td.keyword {
  width: 167px;
  min-width: 167px;
}
.table th.answer,
.table td.answer {
  width: 198px;
  min-width: 198px;
}
.table th.mid,
.table td.mid {
  width: 91px;
  min-width: 91px;
}
.table th.product-url,
.table td.product-url {
  width: 166px;
  min-width: 166px;
}
.table th.memo,
.table td.memo {
  width: 117px;
  min-width: 117px;
}
.table th.type,
.table td.type {
  width: 80px;
  min-width: 80px;
}
.table th.product-id,
.table td.product-id {
  width: 85px;
  min-width: 85px;
}
.table th {
  font-weight: 400;
  background: transparent;
  color: #393939;
}
.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 {
  --bs-border-radius: 10px;
  --bs-border-width: 1px;
  --bs-border-color: #e6e6e6;
  background: var(--bs-white);
  height: 40px;
}
.table tbody tr td .form-control.bootstrap-select .dropdown-toggle {
  --bs-btn-padding-y: 10px;
  height: 40px;
}
.table tbody tr td .form-control:not(.bootstrap-select) {
  padding-left: 7px;
  padding-right: 7px;
}

.filter .card,
.member-form .card,
.agency-form .card {
  --bs-card-spacer-y: 10px;
}
.filter label,
.member-form label,
.agency-form label {
  padding-left: 20px;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  color: var(--color-gray);
}
.filter .slot-body,
.member-form .slot-body,
.agency-form .slot-body {
  column-gap: 15px;
}
.filter .form-control,
.member-form .form-control,
.agency-form .form-control {
  height: 45px;
  --bs-border-width: 1px;
  --bs-border-color: #ededed;
  --bs-border-radius: 10px;
  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: 45px;
  line-height: 45px;
}
.filter .bootstrap-select.form-control,
.member-form .bootstrap-select.form-control,
.agency-form .bootstrap-select.form-control {
  min-width: 140px;
}
.filter .bootstrap-select.form-control .dropdown-toggle,
.member-form .bootstrap-select.form-control .dropdown-toggle,
.agency-form .bootstrap-select.form-control .dropdown-toggle {
  --bs-btn-padding-x: 20px;
}
.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;
}

.log-history .filter .slot-body {
  column-gap: 22px;
}

.form-switch .form-check-input[type=checkbox] {
  width: 42px;
  height: 21px;
  border-radius: 10.23px;
  vertical-align: middle;
  --color-success: #407aff;
  --bs-border-width: 0;
}

.form-switch .form-check-label {
  vertical-align: middle;
}
.form-switch .form-check-input {
  --bs-form-check-bg: var(--color-gray);
  --bs-form-switch-bg: url("data:image/svg+xml;base64,PHN2ZyAKIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIKIGQ9Ik03LjkzNywwLjUwOCBDMTIuMjA4LDAuNTA4IDE1LjY3MCwzLjk3MSAxNS42NzAsOC4yNDEgQzE1LjY3MCwxMi41MTIgMTIuMjA4LDE1Ljk3NCA3LjkzNywxNS45NzQgQzMuNjY2LDE1Ljk3NCAwLjIwNCwxMi41MTIgMC4yMDQsOC4yNDEgQzAuMjA0LDMuOTcxIDMuNjY2LDAuNTA4IDcuOTM3LDAuNTA4IFoiLz4KPC9zdmc+");
  background-size: 15px;
  background-position: 5px center;
}
.form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml;base64,PHN2ZyAKIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIKIGQ9Ik03LjkzNywwLjUwOCBDMTIuMjA4LDAuNTA4IDE1LjY3MCwzLjk3MSAxNS42NzAsOC4yNDEgQzE1LjY3MCwxMi41MTIgMTIuMjA4LDE1Ljk3NCA3LjkzNywxNS45NzQgQzMuNjY2LDE1Ljk3NCAwLjIwNCwxMi41MTIgMC4yMDQsOC4yNDEgQzAuMjA0LDMuOTcxIDMuNjY2LDAuNTA4IDcuOTM3LDAuNTA4IFoiLz4KPC9zdmc+");
  background-position: right 5px 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 {
  --bs-card-spacer-x: 25px;
}
.slot-item .card-body::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  /* Track color */
  background: var(--bs-white);
}
.slot-item .card-body::-webkit-scrollbar-thumb {
  background: #d7d7d7;
  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 .slot-item.filter {
  --bs-card-spacer-y: 16px;
}
.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-primary);
  border-color: var(--color-primary);
}

.btn-excel {
  --bs-border-width: 0;
  --bs-btn-color: #a0a0a0;
  --bs-btn-border-width: 0;
  --bs-btn-border-color: trpansparent;
  --bs-btn-hover-border-width: 0;
  --bs-btn-hover-color: #a0a0a0;
  --bs-btn-active-color: #a0a0a0;
  --bs-btn-active-border-width: 0;
  --bs-btn-active-border-color: transparent;
}

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

.col-form-label {
  color: var(--color-gray);
  letter-spacing: -0.03em;
}

div.dropdown-menu {
  max-height: 125px;
  overflow-y: auto;
  z-index: 10050;
}
div.dropdown-menu::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  /* Track color */
  background: var(--bs-white);
}
div.dropdown-menu::-webkit-scrollbar-thumb {
  background: #d7d7d7;
  border-radius: 5.86px;
}

.modal {
  --bs-modal-padding: 50px 35px;
  --bs-modal-footer-gap: 13px;
  --bs-modal-border-radius: 50px;
  --bs-modal-header-padding: 51px 51px 37px;
  --bs-modal-header-border-width: 0;
}
.modal .modal-header h2 {
  margin: 0;
}
.modal .modal-header .ico-shopping {
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  margin-right: 10px;
}
.modal .modal-content .modal-body {
  --bs-modal-padding: 0 56px;
}
.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: 41px 0 44px;
}
.modal .form-control {
  background-color: var(--bs-white);
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
}
.modal .form-control::placeholder, .modal .form-control::-webkit-input-placeholder, .modal .form-control::-moz-placeholder, .modal .form-control:-ms-input-placeholder {
  color: var(--color-placeholder);
}
.modal .bootstrap-select {
  height: 40px;
}
.modal .bootstrap-select.form-control {
  height: 40px;
}
.modal .bootstrap-select.form-control .dropdown-toggle {
  --bs-btn-padding-x: 20px;
  --bs-btn-padding-y: 0;
  height: 40px;
  line-height: 40px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: var(--color-dark) !important;
}

.bootstrap-select.form-control .dropdown-toggle {
  --bs-btn-padding-x: 15px;
  --bs-btn-font-size: 16px;
  --bs-btn-font-weight: 400;
  --bs-btn-border-radius: 10px;
  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;
}

.bootstrap-select {
  position: relative;
}

#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;
}

#slotModal {
  --bs-modal-padding: 44px 35px;
}
#slotModal .modal-dialog {
  --bs-modal-width: 524px;
}
#slotModal .row {
  --bs-gutter-x: 15px;
  --bs-gutter-y: 10px;
  --bs-border-width: 0;
}
#slotModal .row .col-form-label {
  color: var(--color-gray);
}
#slotModal .row .form-control {
  --bs-border-width: 1px;
}

.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: 0;
  --bs-card-spacer-y: 66px;
  width: 434px;
  margin: 0 auto;
  align-self: center;
  justify-self: center;
}
.login-box .card .logo {
  margin-bottom: 60px;
}
.login-box .card .col-form-label {
  --bs-border-width: 0;
  width: 79px;
  align-self: center;
}
.login-box .card .row {
  width: 100%;
  --bs-gutter-x: 22px;
}
.login-box .card .row > * {
  --bs-gutter-y: 30px;
}
.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 {
  --bs-btn-font-size: 18px;
  padding: 0;
  height: 50px;
  line-height: 50px;
}

.form-control {
  background-color: var(--bs-white);
}
.form-control::placeholder, .form-control::-webkit-input-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder {
  color: #d8d8d8;
}

@media (max-width: 767px) {
  .page-header h1 {
    font-size: 1.35rem;
  }
  .page-header h1 [class^=ico-] {
    transform: scale(0.6);
  }
}
@media (max-width: 1200px) {
  #wrapper {
    padding-left: 86px;
    transition: 0.3s padding ease;
  }
  #wrapper.open {
    padding-left: 288px;
  }
  .offcanvas {
    --bs-offcanvas-width: 68px;
    --bs-offcanvas-padding-x: 18px;
  }
  .offcanvas .navbar {
    --bs-nav-link-padding-y: calc(23px * .5);
  }
  .offcanvas.open {
    --bs-offcanvas-width: 288px;
  }
  .offcanvas.open .nav-item-header {
    margin: 45px 0;
    padding: 0 !important;
    font-size: 0;
    width: 100%;
    height: 1px;
    background: #f3f3f3;
  }
  .offcanvas.open .nav-item {
    padding-left: 0;
  }
  .offcanvas.open .navbar-brand,
  .offcanvas.open .text {
    display: inline;
  }
  .offcanvas:not(.open) .nav-item-header {
    margin: 45px 0;
    padding: 0 !important;
    font-size: 0;
    width: 100%;
    height: 1px;
    background: #f3f3f3;
  }
  .offcanvas:not(.open) .nav-item {
    padding-left: 0;
  }
  .offcanvas:not(.open) .navbar-brand,
  .offcanvas:not(.open) .text {
    display: none;
  }
  .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 */