body {
    font-family: "Noto Sans KR", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
}

.m0 {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;

}

.p0 {
    padding: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;

}

.bn {
    border: none
}

.d_inb {
    display: inline-block;
    width: 100%;
}

.shadow_n {
    box-shadow: none;
}

#navnav {
    background-color: #87D5AA !important;
}

#navnav li {
    color: #fff !important;
}

/* 색 관련 */
.mainColor {
    color: #2FC79C !important;
}

.pink {
    background-color: #fac7d0 !important;
}

.gray {
    background-color: #f8f8f8 !important;
}

.boxBgColor {
    background-color: #fff !important;
}

.fontColorMain {
    color: #625f6e !important;
}

.fontColorSub1 {
    color: #ea5455 !important;
}

.fontColorSub2 {
    color: #28c76f !important;
}

.fontColorSub3 {
    color: #ff9f43 !important;
}

.fontColorSub4 {
    background-color: #f43142 !important;
}

/* 기타 옵션 */
.radius {
    border-radius: 10px;
}

.padding {
    padding: 20px 30px;
}
.padding_TB {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.padding_LR {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

/* 정렬관련 */
.vMiddle::before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
    content: '';
}

.vMiddleElement {
    display: inline-block;
    vertical-align: middle;
}

.flWrap::after {
    content: '';
    clear: both;
    width: 0;
    margin: 0;
    padding: 0;
    margin: 0;
    background-color: #87D5AA !important;
    color: #fff !important;
}

.fl {
    float: left;
}

.fontCenter {
    text-align: center;
}

.fontLeft {
    text-align: left;
}

.fontRight {
    text-align: right;
}

/* 테두리선 관련 */

.bb {
    border-bottom: 1px solid #e2e6e7;
    box-sizing: border-box;
}

.bold {
    font-weight: bold !important;
}

.btn-success {
    border-color: #28c76f !important;
    background-color: #28c76f !important;
    color: #fff !important;
}

.btn-primary {
    border-color: #2FC79C !important;
    background-color: #2FC79C !important;
    color: #fff !important;
}

.btn-warning {
    border-color: #ff9f43 !important;
    background-color: #ff9f43 !important;
    color: #fff !important;
}

.badge {
    display: inline-block;
    padding: 0.3rem 0.5rem;
    font-size: 85%;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.358rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;
}

.badge-primary {
    color: #fff;
    background-color: #2FC79C;
}

.btn-outline-info {
    border: 1px solid #00cfe8 !important;
    background-color: transparent;
    color: #00cfe8;
}

.btn-danger {
    border-color: #ea5455 !important;
    background-color: #ea5455 !important;
    color: #fff !important;
}

.nav-link>.wrap {
    display: inline-block;
    width: 100%;
}

.nav-sidebar>.nav-item:hover {

}

.nav-sidebar>.nav-item:hover p {
color: #2FC79C;
}

.nav-sidebar>.nav-item:hover>.nav-link>p+i {
    color: inherit !important;
}

/* nav 관련 */
.main-sidebar {
    width: auto !important;
}


.nav li.active::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #2FC79C !important;
    border-radius: 3px;
    bottom: -4px;
    left: 0;
}

.nav li.active {
    position: relative;
    display: inline-block;
    height: 100%;
}

.nav-sidebar .nav-item>.nav-link {
    padding: 10px 15px 10px 15px;
    line-height: 1.45;
    
    background-color: #87D5AA !important;
    color: #fff !important;
}

.nav .nav-item>.active {
    background: transparent !important;
    /* color: #181818 !important; */
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

.page-item.active .page-link {
    background-color: #2FC79C !important;
    border-color: #5dc57d !important
}

.content-wrapper {
    max-width: 1780px;
    margin: 0 auto !important;
}

/* input관련 */
.form-control:focus {
    border-color: #2FC79C !important;

}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    border-color: #2FC79C !important;
    background-color: #2FC79C !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2FC79C !important;
}

select option:hover {
    background-color: #2FC79C !important;
}

select:focus {
    border-color: #2FC79C !important;
}

.select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-search--inline .select2-search__field:focus {
    border-color: #2FC79C !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #2FC79C !important;
}