@media (max-width: 991.98px) {
    .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:none;
        padding: 0;
    }

    .header-brand {
        background-color: var(--bs-gray-dark) !important;
    }

    .row {
        margin-right: 0;
        margin-left: 0;
    }

    .row > [class*='col-'] {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .image-background {
        width: 350px !important;
        height: 240px !important;
    }

}

@media (min-width: 992px) {
    .content {
        padding: 0 !important;
    }
}

body {
    font-family: "Noto Sans KR", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;

    letter-spacing: -.04rem !important;
}

.floating-button {
    position: fixed;
    bottom: 1.9rem;
    left: 1.9rem;
    z-index: 100;
    width: 50px;
    height: 50px;
    border-radius: 10%;
    overflow: hidden;
    background-color: var(--bs-gray-dark);
}

.row-list>* {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

    word-break: break-word;
}

a {
    color: rgba(var(--bs-white),var(--bs-link-opacity,1)) !important;
    text-decoration: none;
}

ul {
  list-style-type: none;
}

ol,ul {
    padding-left: 0 !important;
}

ul.comments {
    margin: 0 !important;
    padding: 0 !important;
}

.comment_owner {
    background-color: var(--bs-primary-light) !important
}

.article_owner {
    background-color: var(--bs-info-light) !important
}

.normal-owner {
}

.header .header-brand {
    padding: 0 10px 0 25px !important;
    background-color: var(--bs-gray-dark) !important;
}

.aside {
    background-color: var(--bs-gray-dark) !important;
}

.aside-menu .menu-item .menu-link {
    padding-top: .60rem !important;
    padding-bottom: .60rem !important;
}

.aside .aside-toolbar .aside-user {
    border-top: 1px dashed var(--bs-gray-dark) !important;
}

.aside .aside-toolbar .aside-search {
    border-top: 1px dashed var(--bs-gray-dark) !important;
    border-bottom: 1px dashed var(--bs-gray-dark) !important;
}

.aside-menu .menu-sub-lg-dropdown {
    background-color: #0d0e12 !important;
}

.menu-item .menu-link .menu-icon {
    margin-right: 0 !important;
    width: 1.75rem !important;
}

.btn-group-sm>.btn.btn-icon,.btn.btn-icon.btn-sm {
    width: calc(1.5em + 1.5rem) !important;
}

.fs-logo {
    color: var(--bs-text-gray-800);
    font-size: 26px !important;
}

.fs-large {
    color: var(--bs-text-gray-800);
    font-size: 20px !important;
}

.fs-head {
    color: var(--bs-text-gray-800);
    font-size: 18px !important;
}

.fs-title {
    color: var(--bs-text-gray-800);
    font-size: 16px !important;
}

.fs-sub-title {
    color: var(--bs-text-gray-800);
    font-size: 15px !important;
}

.fs-body {
    color: var(--bs-text-gray-700);
    font-size: 14px !important;
}

.fs-ev-sm {
    color: var(--bs-text-gray-800);
    font-size: 13px !important;
}

.fs-ev-xs {
    color: var(--bs-text-gray-800);
    font-size: 12px !important;
}

.fs-ev-xxs {
    color: var(--bs-text-gray-800);
    font-size: 10px !important;
}

.fs-ev-xxxs {
    color: var(--bs-text-gray-800);
    font-size: 8px !important;
}

.fw-bolder-extra {
    font-weight: 800 !important
}

.ev-shadow {
    text-shadow: 2px 2px 1px #000;
}

.ev-shadow-sm {
    text-shadow: 1px 1px 1px #000;
}

.ev-shadow-white {
    text-shadow: 2px 2px 1px #FFF;
}

.ev-shadow-white-sm {
    text-shadow: 1px 1px 1px #FFF;
}

.page-item .page-link {
    height: 2.0rem !important;
    min-width: 2.0rem !important;
    font-size: 12px !important;
}

.active>.page-link,.page-link.active {
    color: var(--bs-pagination-active-color) !important;
    background-color: var(--bs-gray-600) !important;
    border-color: var(--bs-black) !important;
}

.pagination.pagination-circle .page-link {
    border-radius: 10% !important;
}

.pagination.pagination-outline .page-link {
    border: 1px solid var(--bs-gray-600) !important;
}

.pagination.pagination-outline .page-item.active .page-link,.pagination.pagination-outline .page-item:hover:not(.disabled) .page-link {
    border-color: var(--bs-gray-600) !important;
}

.nav.nav-pills.nav-pills-custom .nav-link,.nav.nav-pills.nav-pills-custom .show>.nav-link {
    border-radius: .300rem !important;
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: var(--bs-white) !important;
    background-color: var(--bs-gray-600) !important;
}

.nav-link {
    padding: 4px !important;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out
}

.card {
    --bs-card-border-radius: 0.300rem !important;
}

.card-rounded {
    border-radius: .300rem !important;
}

.rounded-1 {
    border-radius: .300rem !important;
}

.rounded-sm {
    border-radius: .200rem !important;
}

.rounded-xs {
    border-radius: .100rem !important;
}

[data-bs-theme=light] {
    --bs-header-box-shadow: #ffffff !important;
}

.btn.btn-gray-100 {
    color: var(--bs-gray-100);
    border-color: var(--bs-gray-100);
    background-color: var(--bs-gray-100)
}

.btn.btn-gray-200 {
    color: var(--bs-gray-200);
    border-color: var(--bs-gray-200);
    background-color: var(--bs-gray-200)
}

.btn.btn-gray-300 {
    color: var(--bs-gray-300);
    border-color: var(--bs-gray-300);
    background-color: var(--bs-gray-300)
}

.btn.btn-gray-400 {
    color: var(--bs-gray-400);
    border-color: var(--bs-gray-400);
    background-color: var(--bs-gray-400)
}

.btn.btn-gray-500 {
    color: var(--bs-gray-500);
    border-color: var(--bs-gray-500);
    background-color: var(--bs-gray-500)
}

.btn.btn-gray-600 {
    color: var(--bs-gray-600);
    border-color: var(--bs-gray-600);
    background-color: var(--bs-gray-600)
}

.btn.btn-gray-700 {
    color: var(--bs-gray-700);
    border-color: var(--bs-gray-900);
    background-color: var(--bs-gray-700)
}

.btn.btn-gray-800 {
    color: var(--bs-gray-800);
    border-color: var(--bs-gray-800);
    background-color: var(--bs-gray-800)
}
.btn.btn-gray-900 {
    color: var(--bs-gray-900);
    border-color: var(--bs-gray-900);
    background-color: var(--bs-gray-900)
}

tr.ev-title:hover {
    background-color: var(--bs-gray-100);
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive .embed-responsive-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Progress */
.progress {
    border-radius: 25px;
    height: 20px;
    background: #FAFAFA;
    overflow: visible;
}

.progress.progress-border-radius {
    border-radius: 3px;
}

.progress.progress-border-radius .progress-bar {
    border-radius: 3px;
}

.progress.progress-no-border-radius {
    border-radius: 0;
}

.progress.progress-no-border-radius .progress-bar {
    border-radius: 0;
}

.progress.progress-xs {
    height: 5px;
}

.progress.progress-xs .progress-bar {
    line-height: 5px;
    height: auto;
}

.progress.progress-sm {
    height: 10px;
}

.progress.progress-sm .progress-bar {
    line-height: 10px;
    height: auto;
}

.progress.progress-lg {
    height: 35px;
}

.progress.progress-lg .progress-bar {
    font-size: 13px;
    line-height: 35px;
    height: auto;
}

.progress.progress-dark {
    background: #333333;
}

.progress.progress-right-side-value {
    position: relative;
    margin-right: 40px;
}

.progress.progress-right-side-value .progress-bar-value {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate3d(40px, -50%, 0);
}

.progress-bar {
    background-color: #CCC;
    box-shadow: none;
    position: relative;
    border-radius: 25px;
    overflow: visible;
}

.progress-bar-tooltip {
    position: absolute;
    padding: 4px 8px;
    background-color: #333;
    color: #FFF;
    line-height: 15px;
    font-size: 11px;
    display: block;
    position: absolute;
    top: -28px;
    right: 5px;
    border-radius: 3px;
    opacity: 0;
}

.progress-bar-tooltip:after {
    border-color: #333 transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    bottom: -5px;
    content: "";
    display: block;
    left: 13px;
    position: absolute;
    width: 0;
}

.progress-bar-primary {
    background-color: #CCC;
    color: #FFF;
}

.progress-bar-success {
    background-color: #28a745;
    color: #FFF;
}

.progress-bar-warning {
    background-color: #ffc107;
    color: #FFF;
}

.progress-bar-danger {
    background-color: #dc3545;
    color: #FFF;
}

.progress-bar-info {
    background-color: #17a2b8;
    color: #FFF;
}

.progress-bar-dark {
    background-color: var(--bs-gray-500);
    color: #FFF;
}

#toastr-container>div {
    margin: 0 !important;
    padding: 15px 15px 23px 50px !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
}

#toastr-container.toastr-bottom-full-width>div,#toastr-container.toastr-top-full-width-nav-margin>div,#toastr-container.toastr-top-full-width>div {
    width: 100% !important;
}

.toastr-top-center {
    top: 100px !important;
}

.toastr-top-full-width {
    top: 0;
    width: 100% !important;
}

.custom-select-1 {
    position: relative;
}

.custom-select-1 select {
    line-height: 1;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select-1 select::-ms-expand {
    display: none;
}

.custom-select-1.custom-select-1-icon-light select {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
}

.image-background {
    width: 200px;
    height: 130px;
    background-position: center center;
    background-size: cover;
    border-radius: 0.3rem;
}

.bg-owner-row {
    background-color: rgba(var(--bs-primary-rgb), .04) !important;
}

mark{
    /*background: var(--bs-warning-light);*/
    color: var(--bs-dark);
    padding: 0 4px 0 4px;
    border-radius: 0.3rem;
}

.text-hidden-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

pre {
    margin: 0 !important;
}

.code pre {
    background: #f7f7f7;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 15px;
}