html, body {
    background-color: #f0f2f8;
}

a,
a:hover,
a:active {
    text-decoration: none;
}

.auth-wrapper {
    background-color: #eee;
}

.row {
    padding-top: 2px;
    padding-bottom: 2px;
}

.custom-mob-logo {
    display: none;
    padding-top:5px;
}

#mobile-collapse {
    display: none;
    font-size: 20px;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .custom-mob-logo {
        display: flex;
    }

    #mobile-collapse {
        display: flex;
    }
}

.pc-header {
    background-color: #161c25;
}

.pc-sidebar .pc-micon {
    margin-left: 5px;
    margin-right: 5px;
}

.pc-micon {
    display: inline-block;
    text-align: center;
    width: 20px;
}

/* 탑 메뉴  */
.pc-header .pc-head-link.active > i,
.pc-header .pc-head-link:hover > i,
.pc-header .pc-head-link:focus > i {
    color: inherit;
}

.pc-header .pc-head-link.active .user-desc,
.pc-header .pc-head-link:hover .user-desc,
.pc-header .pc-head-link:focus .user-desc {
    color: inherit;
}

/* 탑메뉴 유저 추가 정보 */
.pc-header .pc-head-link .user-desc {
    color: #eee;
}

/* 탑 메뉴 마우스 오버 */
.pc-header .pc-head-link.active,
.pc-header .pc-head-link:hover,
.pc-header .pc-head-link:focus {
    font-weight: bold;
    color: #eee;
    background: #555;
}

/* 각 메뉴 폰트 기본 색상  */
.pc-sidebar .pc-link,
.pc-header .pc-head-link,
.pc-header .pc-head-link > i,
#mobile-collapse i,
.pc-sidebar .pc-micon i {
    color: #ddd;
}

/* 좌측 메뉴 마우스 오버 색상  */
.pc-sidebar .pc-navbar > .pc-item:focus > .pc-link,
.pc-sidebar .pc-navbar > .pc-item:hover > .pc-link,
.pc-sidebar .pc-item:focus > .pc-link .pc-micon i,
.pc-sidebar .pc-item:focus > .pc-link .pc-micon svg,
.pc-sidebar .pc-item:hover > .pc-link .pc-micon i,
.pc-sidebar .pc-item:hover > .pc-link .pc-micon svg,
body:not(.minimenu) .pc-sidebar .pc-submenu .pc-item:hover:before,
.pc-sidebar .pc-item:hover > .pc-link {
    font-weight: bold;
    color: #ea7d35;
}
/* 좌측 메뉴 선택된 메뉴 오버 색상  */
.pc-sidebar .pc-navbar > .pc-item.active > .pc-link,
.pc-sidebar .pc-item.active > .pc-link .pc-micon i,
.pc-sidebar .pc-item.active > .pc-link .pc-micon svg,
.pc-sidebar .pc-item.active > .pc-link,
body:not(.minimenu) .pc-sidebar .pc-submenu .pc-item.active:before,
.pc-sidebar .pc-item:focus > .pc-link {
    font-weight: bold;
    color: #17f236;
}

/* placeholder 색상 */
input::placeholder {
    font-size: 90%;
    color: #aaa !important;
    font-style: oblique;
    opacity: 1; /* firefox */
}

input::-webkit-input-placeholder {
    font-size: 90%;
    color: #aaa !important;
    font-style: oblique;
}
/* IE */
input:-ms-input-placeholder {
    font-size: 90%;
    color: #aaa !important;
    font-style: oblique;
}
/* Firefox */
input:-mos-input-placeholder {
    font-size: 90%;
    color: #aaa !important;
    font-style: oblique;
    opacity: 1; /* firefox */
}

textarea::placeholder {
    font-size: 90%;
    color: #aaa !important;
    font-style: oblique;
    opacity: 1; /* firefox */
}

textarea::-webkit-input-placeholder {
    font-size: 90%;
    color: #aaa !important;
    font-style: oblique;
}
/* IE */
textarea:-ms-input-placeholder {
    font-size: 90%;
    color: #aaa !important;
    font-style: oblique;
}
/* Firefox */
textarea:-mos-input-placeholder {
    font-size: 90%;
    color: #aaa !important;
    font-style: oblique;
    opacity: 1; /* firefox */
}

.pc-sidebar .pc-submenu {
    display: none;
}

.pc-link {
    cursor: pointer;
}

.card > .card-header {
    background-color: #274472;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.modal-footer {
    display: block;
    padding: 5px 0 5px 0;
}

.card-body {
    overflow: auto;
}

/* xs 버튼 크기 추가 */
.btn-group-xs > .btn, .btn-xs {
    padding: 3px 5px 3px 5px;
    font-size: 12px;
    line-height: 1;
}

/* 버튼 커스텀 */
.btn-info {
    color: #fff;
    background-color: #008bb2;
    border-color: #008bb2;
}

    .btn-info:hover {
        color: #fff;
        background-color: #007da0;
        border-color: #007a9d;
    }

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #0082a6;
        border-color: #00799a;
    }

        .btn-info:focus.fs--shadow, .btn-info.focus.fs--shadow {
            box-shadow: 0 0 1px 2px rgba(0, 139, 178, 0.4);
        }

    .show > .btn.btn-info.dropdown-toggle, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active {
        background-color: #007697;
        border-color: #006d8b;
        color: #fff;
    }

    .btn-info.disabled, .btn-info:disabled {
        background-color: #008bb2;
        border-color: #008bb2;
    }

.btn-outline-info {
    color: #00799b;
    border-color: #52a4bb;
    background-color: transparent;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #008bb2;
        border-color: #008bb2;
    }

    .btn-outline-info:focus.fs--shadow, .btn-outline-info.focus.fs--shadow {
        box-shadow: 0 0 1px 2px rgba(0, 139, 178, 0.4);
    }

    .show > .btn.btn-outline-info.dropdown-toggle, .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #008bb2;
        border-color: #008bb2;
    }

        .show > .btn.btn-outline-info.dropdown-toggle.fs--shadow:focus, .btn-outline-info:not(:disabled):not(.disabled):active.fs--shadow:focus, .btn-outline-info:not(:disabled):not(.disabled).active.fs--shadow:focus {
            box-shadow: 0 0 1px 2px rgba(0, 139, 178, 0.4);
        }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        border-color: #52a4bb;
        color: #00799b;
    }

.btn-warning {
    color: #22190b;
    background-color: #ffbe50;
    border-color: #ffbe50;
}

    .btn-warning:hover {
        color: #22190b;
        background-color: #e6ab48;
        border-color: #e0a746;
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #22190b;
        background-color: #ffb536;
        border-color: #eca732;
    }

        .btn-warning:focus.fs--shadow, .btn-warning.focus.fs--shadow {
            box-shadow: 0 0 1px 2px rgba(255, 190, 80, 0.4);
        }

    .show > .btn.btn-warning.dropdown-toggle, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active {
        background-color: #ffaf27;
        border-color: #eba124;
        color: #22190b;
    }

    .btn-warning.disabled, .btn-warning:disabled {
        background-color: #ffbe50;
        border-color: #ffbe50;
    }

.btn-outline-warning {
    color: #c86800;
    border-color: #e6b461;
    background-color: transparent;
}

    .btn-outline-warning:hover {
        color: #22190b;
        background-color: #ffbe50;
        border-color: #ffbe50;
    }

    .btn-outline-warning:focus.fs--shadow, .btn-outline-warning.focus.fs--shadow {
        box-shadow: 0 0 1px 2px rgba(255, 190, 80, 0.4);
    }

    .show > .btn.btn-outline-warning.dropdown-toggle, .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active {
        color: #22190b;
        background-color: #ffbe50;
        border-color: #ffbe50;
    }

        .show > .btn.btn-outline-warning.dropdown-toggle.fs--shadow:focus, .btn-outline-warning:not(:disabled):not(.disabled):active.fs--shadow:focus, .btn-outline-warning:not(:disabled):not(.disabled).active.fs--shadow:focus {
            box-shadow: 0 0 1px 2px rgba(255, 190, 80, 0.4);
        }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        border-color: #e6b461;
        color: #c86800;
    }

.form-check {
    display: inline-block;
}

.b-brand img.logo {
    height:50px !important;
}