@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Dongle&family=Noto+Serif+KR:wght@500&display=swap");

body,
.main {
    font-family: "Noto Serif KR", serif;
    font-size: 16px;
}

header {
    /* font-family: 'Nanum Gothic', sans-serif; */
    font-size: 16px;
}

#sidenavAccordion a {
    font-size: 16px;
}

.bg-left {
    background-color: #4566a1;
}
.nav-link {
    font-size: 15px;
}

.box_basic {
    border: 5px solid red;
    padding: 50px;
}

.box_upload {
    border: 5px solid rgb(58, 84, 156);
    padding: 5px;
}

.box_page {
    width: 100%;
    border: 2px solid rgb(151, 147, 147);
    padding: 20px;
}

.fakeimg {
    height: 200px;
    background: #aaa;
}
.month_box {
    background: #ccc;
}
.center_login {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    border: 3px solid rgb(4, 116, 28);
    background: rgb(205, 219, 211);
}
.center_box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
}
#loadingBar {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.6;
    background-color: #000;
    z-index: 99;
    text-align: center;
}
.loadingBarArea {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    display: block;
    z-index: 99;
    text-align: center;
}
#loading-image {
    position: absolute;
    left: calc(50% - 100px);
    top: calc(50% - 20px);
    z-index: 100;
}
.crop-200 {
    display: inline-block;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.crop-100 {
    display: inline-block;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.crop-120 {
    display: inline-block;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.crop-140 {
    display: inline-block;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.crop-160 {
    display: inline-block;
    width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#datatablesOrder th,
td {
    text-align: center;
}