@charset "UTF-8";

html, body {
	font-family: Roboto, Poppins, Helvetica, 'Nanum Gothic', '맑은 고딕', sans-serif;
}
input, button, select, optgroup, textarea {
	font-family: Roboto, Poppins, Helvetica, 'Nanum Gothic', '맑은 고딕', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; }

iframe { max-width: 100%; }

label.required:after {
  position: absolute;
  content:"*";
  color:red;
  font-size: 120%;
  margin-left: 3px;
}
.dz-progress { display: none; }

.is-invalid .select2-container--default .select2-selection--multiple,
.is-invalid .select2-container--default .select2-selection--single,
.is-invalid .form-control:invalid, .is-invalid .dropzone.dropzone-default,
.is-invalid .note-editor {
  border-color: #e62b80;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover,
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover,
.datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover,
.datetimepicker table tr td span.disabled, .datetimepicker table tr td span.disabled:hover { color: #ccc !important; }

.kt-header-mobile__logo img { max-width: 100px; max-height: 50px; }
.kt-aside__brand-logo img { width: 100px; }
.kt-header__brand .kt-header__brand-logo img { max-width: 120px; max-height: 60px; }
.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title,
.kt-subheader .kt-subheader__main .kt-subheader__title {
    font-size: 1.3rem; font-weight: 600;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__section .kt-menu__section-text { font-weight: 600; font-size: 1rem; }

.kt-font-bold,
.table thead th, .table thead td, .table tfoot th, .table tfoot td,
.kt-subheader .kt-subheader__main .kt-subheader__desc,
.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username,
.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__subtitle,
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info .kt-widget__label,
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item .kt-widget__section .kt-widget__desc,
.kt-section .kt-section__heading, .kt-section .kt-section__title,
.modal .modal-content .modal-header .modal-title,
.kt-widget3 .kt-widget3__item .kt-widget3__header .kt-widget3__info .kt-widget3__username,
.kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__username,
.kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__info .kt-widget__username,
.kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__info .kt-widget__desc,
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username,
.kt-header-menu-wrapper .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text,
.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-username,
.kt-footer .kt-footer__wrapper .kt-footer__menu a,
.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head .kt-login__title,
.kt-widget13 .kt-widget13__item .kt-widget13__text.kt-widget13__text--bold,
.nav-pills.nav-pills-bold .nav-item .nav-link,
.nav-tabs.nav-tabs-line.nav-tabs-bold .nav-item .nav-link,
.kt-demo-panel .kt-demo-panel__head .kt-demo-panel__title,
.swal2-popup .swal2-title,
.typeahead .tt-menu .tt-dataset .tt-suggestion .tt-highlight,
.kt-heading.kt-heading--md,
.fc-unthemed .fc-toolbar h2, .fc-unthemed .fc-event .fc-time, .fc-unthemed .fc-event-dot .fc-time,
.fc-unthemed th.fc-day-header, .accordion.accordion-light .card .card-header .card-title {
    font-weight: 600 !important;
}
.nav-tabs .i18n img, #kt_user_profile_aside img.flag { height: 18px; }

#modalManagerNote { color:black; }

.kt-notification .kt-notification__item.text:after { content: '' }
.kt-notification .kt-notification__item.text:hover { background-color: inherit; }
.note-editable { font-size: 13px; }

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-username,
.kt-header-menu-wrapper .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
  white-space: nowrap;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu {
  width: 310px;
}

.oyoung-brand {
  background-color: #e62b80 !important;
  color: white !important;
}

#exchangeRatePanel, #ui-translate-panel { overflow: hidden; }

.my-right-panel {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
  box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
  padding: 2rem; }
  .my-right-panel .my-right-panel__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3rem; }
    .my-right-panel .my-right-panel__head .my-right-panel__title {
      font-size: 1.4rem;
      font-weight: 600;
      color: #48465b;
      margin: 0;
      padding: 0; }
      .my-right-panel .my-right-panel__head .my-right-panel__title small {
        color: #74788d;
        font-size: 1.1rem; }
    .my-right-panel .my-right-panel__head .my-right-panel__close {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 28px;
      height: 28px;
      background-color: #f7f8fa;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      border-radius: 4px; }
      .my-right-panel .my-right-panel__head .my-right-panel__close i {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        font-size: 0.8rem;
        color: #74788d; }
      .my-right-panel .my-right-panel__head .my-right-panel__close:hover {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        background-color: #5d78ff; }
        .my-right-panel .my-right-panel__head .my-right-panel__close:hover i {
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          color: #ffffff; }
  .my-right-panel .my-right-panel__body {
    position: relative; }
    .my-right-panel .my-right-panel__body .ps__rail-y {
      opacity: 1; }

@media (min-width: 1025px) {
  .my-right-panel .my-right-panel__body {
    padding-right: 1.5rem;
    margin-right: -1.5rem; } }

.my-right-panel-close {
  display: none; }

.my-right-panel {
  z-index: 1001;
  position: fixed;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  width: 420px !important;
  -webkit-transition: left 0.3s ease, right 0.3s ease;
  transition: left 0.3s ease, right 0.3s ease;
  left: -440px; }
  .my-right-panel.my-right-panel--on {
    -webkit-transition: left 0.3s ease, right 0.3s ease;
    transition: left 0.3s ease, right 0.3s ease;
    left: 0; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .my-right-panel {
      -webkit-transition: none !important;
      transition: none !important; } }

.kt-demo-panel--right .my-right-panel {
  right: -440px;
  left: auto; }
  .kt-demo-panel--right .my-right-panel.my-right-panel--on {
    -webkit-transition: left 0.3s ease, right 0.3s ease;
    transition: left 0.3s ease, right 0.3s ease;
    right: 0;
    left: auto; }

.my-right-panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.1);
  -webkit-animation: kt-animate-fade-in .3s linear 1;
  animation: kt-animate-fade-in .3s linear 1;
  background: rgba(0, 0, 0, 0.05);
}

@media (max-width: 400px) {
  .my-right-panel {
    width: 90% !important; } }

@media (max-width: 1024px) {
  .my-right-panel-toggle {
    width: 30px;
    padding: 1rem 0; }
    .my-right-panel-toggle span {
      font-size: 1.2rem;
      font-weight: 600;
      letter-spacing: 2px; }
  .my-right-panel {
    padding: 1rem; }
  .my-right-panel-toggle {
    top: 20%; } }

#ui-translate-panel .buttons {
  position: absolute;
  width: 100%;
  left: 0;
  top: 70px;
  z-index: 1;
  padding: 10px 2rem;
  background: white;
  display: flex;
  justify-content: space-between;
}
#ui-translate-panel .translation-items { margin: 50px 0 3px 0; }
#ui-translate-panel .translation-items label { color: #333; }
#ui-translate-panel .translation-items textarea { max-height: 200px; }
#ui-translate-panel .translation-items textarea.ui-translation-edited { border-color: #e62b80; }
#ui-translate-panel .ps__rail-y { z-index: 1; }

.nav-link.i18n-help { display: flex; }
.nav.nav-tabs.nav-tabs-line .nav-item .i18n-help i.fa { font-size: 1.4rem; color: #e62b80; }
.nav.nav-tabs.nav-tabs-line .nav-item .kt-pulse {
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  height: 19px;
  width: 23px;
  cursor: pointer;
  transition: all .3s;
}

.scrollable-menu {
  height: auto;
  max-height: 400px;
  overflow-x: hidden;
}

.datepicker tbody tr > td.day.range {
  background: #f0f2f5;
}

.select2-selection__rendered { font-weight: 400; }
.select2-container--default .select2-results > .select2-results__options {  max-height: 300px; }
.kt-chat__message .kt-chat__text { max-width: 85%; }

#divPaymentModal h5 { color: #555; }
#divPaymentModal .kt-widget13__text { flex: 1.8; font-size: 14px; word-break: break-all; }

.kt-portlet__head-toolbar > .toolbar-buttons {
  position: absolute; top: 10px; right: 10px;
}
#passwordStrength { display:block; width: 100%; }

.image-list > div {
  background-image:
    linear-gradient(45deg, #ddd 25%, transparent 25%),
    linear-gradient(-45deg, #ddd 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #ddd 75%),
    linear-gradient(-45deg, transparent 75%, #ddd 75%);
  background-size: 24px 24px;
  background-position: 0 0, 0 12px, 12px -12px, -12px 0px;
}
.image-list canvas { vertical-align: middle; }

.category-badge {
  color: #74788d;
  background: #f7f8fa;
  border: 1px solid #ebedf2;
  padding: 0.05rem 0.4rem 0.05rem 0.4rem;
  font-size: 1rem;
  margin: 0.1rem 0.4rem 0.1rem 0;
  position: relative;
  border-radius: 4px;
}

.kt-widget13 .kt-widget13__item { margin-bottom: 1.5rem; }

div.tox :not(svg), div.tox :not(svg):not(rect), div.tox .tox-collection__item-label,
div.tox .tox-collection__item-accessory {
  font-size: 13px; font-family: Roboto, Poppins, Helvetica, 'Nanum Gothic', '맑은 고딕', sans-serif;
}
.is-invalid .tox-tinymce { border-color: #e62b80; }
.tox-statusbar__branding { display: none; }
.tox-dialog .tox-form .tox-textarea { font-size: 14px; }

.fc-unthemed .fc-scroller .fc-content-col { padding: 0; }
.fc-toolbar .fc-left, .fc-toolbar .fc-center { display: flex; }
a.fc-event { cursor: pointer; }

.kt-avatar .kt-avatar__holder { width: auto; height: auto; min-width: 120px; min-height: 120px; }
.kt-avatar .kt-avatar__holder canvas { vertical-align: middle; }

.select2-container--open { z-index: 9999; }
#modalManagerNote .content { padding-bottom: 1em; }

table.matrix th { text-align: center; font-weight: normal !important; }
/* table.matrix thead th:first-child { text-align: right; font-weight: bold !important; } */
table.matrix tbody th { width: 40%; text-align: right; padding-right: 5%; }
table.matrix tbody th label { padding-right: 2rem; }
table.matrix tbody td { text-align: center; }
table.matrix tbody tr:not(:first-child) th,
table.matrix tbody tr:not(:first-child) td { border-top: none; }
table.matrix tbody tr td:not(:first-child) .kt-checkbox { top: -3px; padding-left: 20px; }
table.matrix .custom-control-label::before, table.matrix .custom-control-label::after { width: 17px; height: 17px; }
table.matrix .custom-control-label::before { border: 1px solid #d1d7e2; left: -1.8rem; top: 0.1rem; }
table.matrix .custom-control-label::after { left: -1.8rem; top: 0.1rem; }
table.matrix tbody .custom-control-label::before,
table.matrix tbody .custom-control-label::after { left: auto; right: 0; }