@charset "UTF-8";
body .header {
  height: 70px;
}
body .brand {
  background: #5599f7;
}
body .brand .brand-logo {
  display: block;
  text-align: center;
  color: #ddd;
}
body .aside-menu {
  background: #5599f7;
}
body .aside {
  background-color: #5599f7;
  width: 256px;
}
body .header-mobile {
  background-color: #5599f7;
}
body .aside-menu .menu-nav > .menu-section .menu-text {
  color: #efefef;
}
body .aside-menu .menu-nav > .menu-section i {
  font-size: 1.25rem;
  color: #b5b5c3;
}
body .aside-menu .menu-nav > .menu-item > .menu-heading .menu-text,
body .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
  color: #fff;
}
body .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text,
body .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
  color: #efefef;
}
body .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-icon,
body .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon {
  color: #fff;
}
body .aside-menu .menu-nav > .menu-item .menu-submenu .menu-subnav {
  margin: 0;
  background: #187de4;
}
body .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading,
body .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link {
  background: #187de4;
}
body .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
body .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
  background-color: #187de4;
}
body .aside-menu .menu-nav > .menu-item > .menu-heading .menu-arrow,
body .aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
  color: #fff;
}
body .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet.menu-bullet-line > span,
body .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet.menu-bullet-line > span {
  background-color: #fff;
}
body .form-group label {
  font-weight: 500;
}
body .input-group.input-group-solid .input-group-prepend ~ .form-control.soild-border {
  padding-left: 15px !important;
  border-left: 8px solid #fff !important;
  padding-right: 0 !important;
}
body .qna-table-form tr td {
  font-size: 13px;
}
body .board-category-list {
  list-style: none;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
}
body .board-category-list li {
  border-radius: 0;
  border: 0;
  background: transparent;
}
body .board-category-list li:not(.on):hover,
body .board-category-list li:not(.on):active {
  background: #e1f0ff;
}
body .board-category-list li.on {
  background: #187de4;
}
body .board-category-list li.on input {
  color: #fff;
}
body .board-category-list .form-control:disabled,
body .board-category-list.form-control[readonly] {
  background-color: transparent;
  opacity: 1;
  border: 0;
}
body .img-box2 {
  cursor: pointer;
  width: 100%;
  overflow: auto;
  pointer-events: auto;
  transform: translateZ(0);
}
body .video-upload-file {
  position: relative;
  overflow: hidden;
}
body .video-upload-file span {
  position: absolute;
  right: 10px;
  top: 25px;
  opacity: 0;
  transition: 0.2s linear;
}
body .video-upload-file:hover span {
  opacity: 1;
}
body .aside .aside-menu.ps > .ps__rail-y > .ps__thumb-y {
  background: #fff;
  opacity: 1;
}

.header-fixed .wrapper {
  padding-top: 70px;
}

@media (min-width: 992px) {
  .body .admin .brand {
    background: #5599f7;
  }
  .body .container,
  .body .container-fluid,
  .body .container-sm,
  .body .container-md,
  .body .container-lg,
  .body .container-xl,
  .body .container-xxl {
    padding: 0px 25px;
  }
  .aside-minimize .aside-enabled.header-fixed .header {
    left: 70px !important;
  }
  .aside-fixed.aside-minimize.aside-minimize-hover .aside {
    width: 256px;
  }
  .aside-fixed .wrapper {
    padding-left: 256px;
  }
}
@media (max-width: 991.98px) {
  .header-mobile-fixed .wrapper {
    padding-top: 0;
  }
  .brand {
    display: block;
  }
  .header-mobile .burger-icon span {
    background-color: #fff !important;
  }
  .header-mobile .burger-icon span::before,
  .header-mobile .burger-icon span::after {
    background-color: #fff !important;
  }
  .header-mobile .btn .svg-icon svg g [fill] {
    transition: fill 0.3s ease;
    fill: #fff !important;
  }
  .header-mobile .btn.active .svg-icon svg g [fill],
  .header-mobile .btn:hover .svg-icon svg g [fill] {
    transition: fill 0.3s ease;
    fill: #ddd !important;
  }
}
.interactive-video {
  line-height: 0;
  width: 100%;
  max-width: 900px;
  position: relative;
}

.interactive-video .vdo-container {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: calc(56.25% + 45px);
}

.interactive-video .vdo-container iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  height: calc(1.5em + 1.3rem);
}

.switch.switch-text input:empty ~ span:before {
  content: "미반영";
  justify-content: flex-end;
  font-size: 10px;
  padding: 0 7px;
  color: #999;
}

.switch.switch-text input:checked ~ span:before {
  content: "반영";
  justify-content: flex-start;
  font-size: 10px;
  padding: 0 12px;
  color: #3699ff;
}

.switch.switch-text input:empty ~ span:before {
  width: 66px;
}

.switch.switch-text input:checked ~ span:after {
  margin-left: 38px;
}

.custom-file {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
