@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* 공통 */
*,
pre,
.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    font-size: 1rem;
}

pre {
    font-size: 1rem;
    padding: 0;
    margin-bottom: 0;
    white-space: pre-wrap;
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea),
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default .select2-selection--single,
.btn-default {
    border-color: rgba(0, 0, 0, .125);
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #ebebeb;
}

.direct-chat-msg {
    margin-bottom: 5.4px;
}

.main-gradcut {
    padding: 1.8rem 1rem !important;
}

.card-body.p-0 .table tbody>tr>td:last-of-type,
.card-body.p-0 .table tbody>tr>th:last-of-type,
.card-body.p-0 .table tfoot>tr>td:last-of-type,
.card-body.p-0 .table tfoot>tr>th:last-of-type,
.card-body.p-0 .table thead>tr>td:last-of-type,
.card-body.p-0 .table thead>tr>th:last-of-type {
    padding-right: 0.7rem;
}

.card-purple.card-outline {
    border-top: 3px solid #350778;
}

.bg-gold {
    background-color: #f9b624 !important;
    color: #fff;
}

.bg-silver {
    background-color: #aeafb1 !important;
    color: #fff;
}

.bg-bronze {
    background-color: #c57746 !important;
    color: #fff;
}

.progress-group {
    margin-bottom: 1rem;
}

.progress-sm {
    height: 15px;
    margin-top: 0.3rem;
}

.info-box {
    box-shadow: 0px 9px 20px rgb(46 35 94 / 7%);
}

/* side menu [start] */
[class*=sidebar-dark-] {
    height: 100vh !important;
    background-color: #10133e;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
    background-color: #090c2d;
    color: #b9b6df;
}

[class*=sidebar-dark-] .sidebar a {
    color: #c5c1e5;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus,
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    /* background-image: linear-gradient(to top, #F98931, #FCC134); */
    background-color: #e84986 !important;
    color: #ffffff;
}

.nav-link {
    padding: 0.5rem 1rem;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #e84986 !important;
    background-image: none;
}

[class*=sidebar-dark] .brand-link,
[class*=sidebar-dark] .user-panel {
    border-bottom: 1px solid #3b3668;
}

.main-header .nav-link {
    height: 2rem;
}

.brand-link {
    padding: 0.5525rem 0.5rem;
}

/* side menu [end] */

.mock_exam_detail_info {
    padding: 0 1.2rem;
    border-radius: 7px;
}

.callout.callout-purple {
    border-left-color: #6a64ab;
}

.main-header {
    background-color: #fff;
    box-shadow: 0px 4px 40px rgb(39 32 120 / 10%);
    border: none;
}

.breadcrumb-item.active:last-child {
    color: #565091 !important;
    font-weight: 500 !important;
}

.bg-purple {
    background-image: linear-gradient(to right, #875fc0, #5a49ba);
    color: #ffffff !important;
}

.bg-pink {
    background-image: linear-gradient(to right, #ed4889, #c1529f);
    color: #ffffff !important;
}

.bg-blue {
    background-image: linear-gradient(to right, #45c6f0, #6593d9);
    color: #ffffff !important;
}

.bg-orange {
    background-image: linear-gradient(to right, #feb82c, #f68257);
    color: #ffffff !important;
}

.bg-pink>.small-box-footer {
    color: #ffffff !important;
}

.bg-orange>.small-box-footer {
    color: #ffffff !important;
}

.bg-purple>.icon i {
    font-size: 60px;
    top: 25px;
}

.bg-blue>.icon i {
    font-size: 70px;
    top: 25px;
}

.bg-orange>.icon i {
    font-size: 70px;
    top: 20px;
}

.direct-chat-text {
    background-color: #f4f5f7;
    border: 1px solid #f4f5f7;
}

.direct-chat-text::after,
.direct-chat-text::before {
    border-right-color: #f4f5f7;
}

.direct-chat-messages {
    height: auto;
}

#donutChart,
#pieChart {
    max-width: 300px !important;
    margin: 10px auto 0px;
    max-height: 250px !important;
}

.chart-card {
    position: relative;
}

.main-chart-card-body {
    height: 311px;
}

.chert-tab-content {
    margin-top: 5.5rem;
}

.card {
    margin-bottom: 15px;
    border: none;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    border-radius: 7px;
    box-shadow: 0px 9px 20px rgb(46 35 94 / 7%);
}

.small-box-footer {
    transition: all ease 1s;
}

.small-box-footer:hover {
    font-size: 20px;
}

.card-title,
.main-plus-icon {
    font-weight: 500;
    color: #413d42;
    transition: all ease 1s;
    font-size: 18px;
}

.main-plus-icon a:hover {
    color: #e84986;
}

.main-plus-icon:hover {
    transform: rotate(360deg);
}

.card-header {
    border-bottom: 1px solid #ebebeb;
    padding: 0.75rem 0.75rem;
}

.content-header {
    background-color: #fff;
    margin-bottom: 1.2rem;
    padding: 15px;
}

.content-wrapper {
    background-color: #f4f5f7;
    min-height: none;
}

.content-wrapper>.content {
    padding: 0 1.2rem 0.4rem 1.2rem;
}

.purple_border textarea:active {
    border: 1px solid #d0c8e9 !important;
    outline: 1px solid #d0c8e9 !important;
}

.purple_border textarea:focus {
    border: 1px solid #d0c8e9 !important;
    outline: 1px solid #d0c8e9 !important;
}

.wrapper {
    background-color: #f4f5f7;
}

.nav-item {
    font-weight: 500;
}

.pagination {
    margin-top: 1rem;
}

.paging ul {
    justify-content: center;
    margin-bottom: 0;
    font-size: 0.8rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #333;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    background-color: #fff;
    border: 1px solid #6a64ab;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #565091;
    border-color: #565091;
}

.orange .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #ff9953;
    border-color: #ff9953;
}

.orange .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #ffac26;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.rounded-pill {
    border-radius: 50rem !important;
    border-top-left-radius: 50rem;
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;
    border-bottom-left-radius: 50rem;
}

.width_40 {
    width: 40%;
}

.w_87 {
    width: 87px;
}

.w_90 {
    width: 90px;
}

.w_100 {
    width: 100px;
}

.w_110_5 {
    width: 110.5px;
}

.w_224 {
    width: 224px;
}

.pz {
    padding: 0;
}

.pt_1 {
    padding-top: 0.5rem;
}

.pt_5 {
    padding-top: 5px;
}

.pt_10 {
    padding-top: 10px;
}

.pt_15 {
    padding-top: 15px;
}

.pt_20 {
    padding-top: 20px;
}

.pt_30 {
    padding-top: 30px;
}

.pt_40 {
    padding-top: 40px;
}

.pb_10 {
    padding-bottom: 10px;
}

.pb_20 {
    padding-bottom: 20px;
}

.pb_30 {
    padding-bottom: 30px;
}

.pb_40 {
    padding-bottom: 40px;
}

.pl_10 {
    padding-left: 10px !important;
}

.pl_20 {
    padding-left: 20px;
}

.pl_30 {
    padding-left: 30px;
}

.pl_40 {
    padding-left: 40px !important;
}

.mt_5 {
    margin-top: 0.5rem;
}

.mt_10 {
    margin-top: 10px;
}

.mt_15 {
    margin-top: 15px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_40 {
    margin-top: 40px;
}

.mb_1 {
    margin-bottom: 1rem;
}

.ml_10 {
    margin-left: 10;
}

.mr_10 {
    margin-right: 10;
}

.float_r {
    float: right;
}

.float_l {
    float: left;
}

.dis_b {
    display: block;
}

.dis_in {
    display: inline;
}

.text_left {
    text-align: left;
}

.text_right {
    text-align: right;
}

.border_right {
    border-right: 1px solid #dee2e6 !important;
}

.border_left {
    border-left: 1px solid #dee2e6 !important;
}

.border_right_radius {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.border_left_radius {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.p_5 {
    padding: 5px !important;
}

.p_10 {
    padding: 10px !important;
}

.fw_600 {
    font-weight: 600;
}

.avg_grade {
    display: inline-block;
    margin: 0.5rem 0 0 0;
}

/* login */
.login_logo b {
    font-size: 1.8rem !important;
}

.login_btn {
    font-size: 1rem !important;
}

.input-group-text .fas {
    font-size: 1rem;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}

/* 크롬 input 태그등에 자동생성 백그라운드 색 제거 */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

/* card */
.card_purple.card_outline {
    border-top: 3px solid #4f29a1;
    border-radius: 0.6rem;
    margin: 0;
}

.setting_card_title {
    float: left;
    font-size: 1.2rem;
    font-weight: 400;
    margin: 0;
}

/* togle */
.create_schedule_text {
    width: 20rem !important;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #675fbd;
    background-color: #675fbd;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: inset 0 0 0 transparent, 0 0 0 1px #fff, 0 0 0 .2rem rgba(109, 47, 255, 0.212)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #a9a1e8
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
    box-shadow: none
}

/* textarea */
textarea.form-control {
    border: 1px solid #dfdfdf;
    background-color: #ffffff;
}

/* register */
.login_guide_text {
    color: #495057;
    font-size: 1rem;
}

.login_guide_btn a {
    font-size: 1rem;
    text-decoration: none;
    color: #350778;
}

/* sidebar */
.nav_one_depth,
.nav_two_depth,
.nav_three_depth,
.sidebar_login_user_name,
.info span {
    font-size: 1rem;
}

.nav_two_depth,
.nav_three_depth {
    font-weight: 400;
}

.sidbar_top_log {
    text-align: center;
}

.sidebar_login_user_name {
    color: #ffffff !important;
}

.bg_dark_purple {
    background-color: #090c2d !important;
    border-radius: 5px;
}

/* [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover, */
[class*=sidebar-dark-] .nav-treeview>.nav-item>.bg_purple.active {
    background-color: #090c2d !important;
    color: #aca4ff !important;
}

.sidbar_top_log img {
    margin-left: 0.4rem;
    width: 60%;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-treeview {
    background-color: #090c2d;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

.col-lg-3 .small-box h3,
.col-md-3 .small-box h3,
.col-xl-3 .small-box h3 {
    font-size: 1.5rem;
}

/* footer */
.main-footer {
    background-color: #fff;
    bottom: 0;
    left: 0;
    transition: 0.5s;
    color: #6c757d;
    box-shadow: 0 0 20px rgb(89 102 122 / 10%);
    border: none;
    /* margin-top: 15px; */
}

/* nav */
.item a,
.breadcrumb-item,
.breadcrumb li {
    font-size: 1rem;
}

/* 검색 */
.search_content_wr {
    display: inline;
}

/* input */
.custom-control-input-perple:checked~.custom-control-label::before {
    border-color: #58338e;
    background-color: #58338e;
}

input[type="radio"] {
    margin-top: -1px;
    vertical-align: middle;
}

input[type=text] {
    height: 2.37rem !important;
}

input[type=file] {
    cursor: pointer
}

:root {
    accent-color: red;
    accent-color: #5729e9;
    accent-color: rgb(0, 200, 0);
    accent-color: hsl(228, 4%, 24%);
}

input:focus {
    border-color: #c0baf4 !important;
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e9ecef;
    border: 1px solid #dfdfdf;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}

.search_school_keyword_input {
    width: 300px !important;
}

.grade_cut_input {
    width: 5.41rem;
}

.exam_avg_input {
    width: rem;
}

.exam_avg_input:nth-child(2),
.exam_avg_input:nth-child(4) {
    margin-left: 0.3rem;
}

.chk_subject_input {
    width: 6.8rem;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
}

.answer_search_keyword_input {
    width: 400px !important;
}

/* table */
.table_width_scroll table {
    white-space: nowrap;
    border-collapse: collapse
}

.table,
.table td,
.table th {
    vertical-align: middle;
    border-left: none;
    border-right: none;
    border-top: none;
}

body {
    color: #2b2b2b;
    word-break: keep-all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

table,
th,
td {
    border-left: none;
    border-right: none;
}

.thead_purple th {
    border-top: 2px solid #d4d0f5;
    color: #4b4585;
}

.thead_purple {
    background-color: #f7f7ff;
}

.thead_orange th {
    border-top: 2px solid #efdfbd;
    color: #40352f;
}

.thead_orange {
    background-color: #FFFEF5;
}

.comment_thead_orange th {
    border-top: 2px solid #efdfbd;
    color: #40352f;
}

.comment_thead_orange {
    background-color: #FFFEF5;
}

tbody tr:nth-child(even) {
    background-color: #F9F9F9;
    border-bottom: 1px solid #dee2e6;
}

tbody tr:nth-child(odd) {
    background-color: #ffffff;
    border-bottom: 1px solid #dee2e6;
}

.answer_border {
    padding: 11px;
}

.text-green {
    color: #34AD78 !important;
}

.text-blue {
    color: #3980d5 !important;
}

.table-bordered {
    text-align: center;
}

.table_border_title {
    text-align: left !important;
}

.list_total {
    display: inline;
    float: left;
    padding: 1rem 0;
}

.exam_comment>tbody .background_red {
    background-color: #fff0f0 !important;
}

/* .thead_orange tbody tr:nth-of-type(even) {border-bottom : 1px solid #dee2e6;background-color: #ffffff;} */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0);
}

/* .comment_thead_orange > tbody tr {
    background-color: #ffffff;
    border-bottom : 1px solid #dee2e6;
}
.comment_thead_orange > tbody .background_gray {
    background-color: #f5f5f5;
} */
.list_sort {
    margin-top: -6px;
}

/* table scroll */
.table {
    margin-bottom: 0;
}

.table_width_scroll {
    width: 100%;
    overflow: auto;
}

.table_width_scroll::-webkit-scrollbar {
    width: 10px;
}

.table_width_scroll::-webkit-scrollbar-thumb {
    background-color: #d8dbfc;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}

.table_width_scroll::-webkit-scrollbar-track {
    background-color: #f4f6f9;
    border-radius: 10px;
}

.nav_info {
    display: block;
    padding: 0.5rem 1rem;
    font-weight: 400;
}

/* form */
.form-control {
    font-size: 1rem;
    border: 1px solid rgba(0, 0, 0, .125);
}

.form-check {
    padding-left: 0;
}

/* file */
.file_input {
    margin-top: 1rem;
    display: none;
}

.file_input::file-selector-button {
    display: none;
}

/* button */
.btn {
    font-size: 0.9rem;
    height: 2.5rem;
}

.btn-jelly:hover {
    animation: jelly 0.5s !important;
}

@keyframes jelly {
    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

.btn_orange {
    color: #ffffff;
    background-color: #ff9953;
    box-shadow: none;
}

.btn_orange:hover {
    color: #ffffff;
    background-color: #e8823c;
    border-color: #e8823c;
}

.btn_indigo {
    color: #ffffff;
    background-color: #011278;
    border-color: #011278;
}

.btn_grenn {
    color: #ffffff;
    background-color: #54BA4A;
    border-color: #54BA4A;
}

.btn_purple {
    color: #ffffff;
    background-color: #58338E;
    border-color: #58338E;
    float: right;
}

.btn_purple:hover {
    color: #ffffff;
    background-color: #350778;
    border-color: #350778;
}

.page_transitions_btn {
    border-bottom: 1px solid #d4d0f5;
    box-shadow: inset 0 -2px 0 #d4d0f5;
    color: #5d50a5;
    cursor: pointer;
    transition-duration: 0.2s;
}

.page_transitions_btn a:hover {
    color: #350778;
}

.page_transitions_btn:hover {
    font-weight: 700;
}

.green_btn {
    background-color: #34AD78;
    border-color: #34AD78;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    color: #fff;
    text-align: center;
}

.green_btn:hover {
    background-color: #2c9366;
    border-color: #2c9366;
    color: #fff;
}

.excel_uplode_btn {
    margin-top: 1rem;
}

.btn_blue {
    background-color: #3980d5;
    border-color: #3980d5;
    box-shadow: none;
    color: #ffffff;
}

.btn_blue:hover {
    background-color: #2966af;
    color: #ffffff;
}

.btn_red {
    background-color: #ef3f6a;
    border-color: #ef3f6a;
    box-shadow: none;
    color: #ffffff;
}

.btn_red:hover {
    background-color: #d42d56;
    border-color: #d42d56;
    color: #ffffff;
}

/* modal */
.modal-footer {
    padding: 1rem !important;
}

.modal-md {
    max-width: 700px;
}

/* sweet alert */
.swal2-styled {
    font-weight: 400 !important;
}

/* 달력 */
.datetimepicker-input {
    width: 10.2rem;
}

.datetimepicker_dashbar {
    padding-top: 0.5rem;
}

.update_datetimepicker_input {
    width: 100px;
    text-align: center;
    margin: 0 auto;
}

/* ellipsis */
.text_ellipsis_250 {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    margin-top: 2.3rem;
    margin-left: 1rem;
}

.text_ellipsis {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.excel_file_ellipsis {
    width: 1000px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*==================================================================================================== 답안 관리 */
/* 엑셀 업로드 */
.exam_year,
.cmp_code,
.cmp_start_no {
    display: inline;
}

/* table */
.btn_table_wr table td,
.img_table_wr table td {
    padding: 0.3rem;
}

.multiple_rows_th {
    border-left: 1px solid #d4d0f5 !important;
    border-right: 1px solid #d4d0f5 !important;
    border-bottom: 1px solid #d4d0f5 !important;
}

.multiple_rows_td {
    border-left: 1px solid #d4d0f5 !important;
    border-right: 1px solid #d4d0f5 !important;
    border-top: 1px solid #d4d0f5 !important;
}

.border_left {
    border-right: #ccc;
}

/* 문제 배점 */
.score_guide {
    margin-top: 0.5rem;
    padding-left: 1rem;
}

.two_score {
    border: 1px solid #5d50a5;
    background-color: #fff4d9;
    border-radius: 30px;
    padding: 4px 8px;
    color: #5d50a5;
    font-weight: 600;
}

.three_score {
    border: 1px solid #5d50a5;
    background-color: #ffe2ef;
    border-radius: 37px;
    color: #5d50a5;
    padding: 4px 8px;
    font-weight: 600;
}

.suggest_status {
    padding: 2px 5px;
    border-radius: 5px;
    color: #fff;
}

/*/*==================================================================================================== 배너 관리 */
.update_foo img,
.create_foo img {
    width: 25rem;
}

.banner_list_img {
    height: 60px;
}

/*/* =================================================================================================== 답안 관리 */
.excel_file_name_wr {
    position: absolute;
    left: 7.5rem;
    top: 0.6rem;
}

/*/* =================================================================================================== 상품 관리 */
.content_type_wr,
.content_btn_wr,
.content_link_wr {
    width: 100%;
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.update_type_number {
    width: 10%;
    text-align: center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    background-color: #f1f1f1;
    display: inline;
}

.update_type_name {
    width: 90%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: inline;
}

/* 컨텐츠 */
.content_img_skill {
    width: 45%;
    margin-top: 1.7rem;
    display: inline;
    float: right;
}

.content_img_file_upload_btn {
    margin-right: 0.5rem;
}

.update_content_wrap,
.content_wrap {
    background-color: #f9f9f9;
    border-radius: 0.5rem;
    margin-top: 1rem;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
}

.update_content_wrap:first,
.content_wrap:first {
    margin-top: 0;
}

.update_content_wrap img,
.content_wrap img {
    width: 5rem;
    height: 5rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
}

.delete_content_btn,
.content_next_btn,
.content_prev_btn,
.content_btn_name {
    margin-right: 0.5rem;
}

.content_img_file_upload_btn {
    margin-left: 0.5rem;
}

/* =============================================================================================================== 일정 관리 */
input:-internal-autofill-selected {
    background-color: -internal-light-dark(rgb(216, 186, 255), rgba(70, 90, 126, 0.4)) !important;
}

.schedule_order_nm {
    width: 13rem !important;
    display: inline-block;
}

.update_schedule_order_nm {
    width: 5rem !important;
    display: inline-block;
    text-align: center;
}

.create_view_start_date,
.create_d_day_date {
    width: 13rem !important;
}

.schedule_input {
    width: 10rem;
}

/* =============================================================================================================== 기본 설정 */
.setting_title_icon {
    color: #d5cfe4;
    float: left;
    font-size: 1.2rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #9ba2a9;
}

.relative {
    position: relative;
}
.absolute {
    position: absolute;
}

/* 노트북 */
@media screen and (max-width:1750px) {

    *,
    pre,
    .input-group-sm>.custom-select,
    .input-group-sm>.form-control,
    .input-group-sm>.input-group-append>.btn,
    .input-group-sm>.input-group-append>.input-group-text,
    .input-group-sm>.input-group-prepend>.btn,
    .input-group-sm>.input-group-prepend>.input-group-text {
        font-size: 0.9rem;
    }

    pre {
        font-size: 0.9rem;
        padding: 0;
        margin-bottom: 0;
        white-space: pre-wrap;
    }

    body {
        line-height: 1;
    }

    .excel_file_ellipsis {
        width: 300px;
    }

    .sidbar_top_log img {
        margin-left: 0;
    }

    .form-control {
        font-size: 0.9rem;
    }

    .datetimepicker-input {
        width: 11rem;
    }

    .banner_list_img {
        height: 40px;
    }

    .btn_table_wr table td,
    .img_table_wr table td {
        padding: 0.1rem;
    }

    .profile_create_btn_group {
        padding-bottom: 0.5rem;
    }

    .grade_cut_input {
        width: 6.1rem;
    }

    .exam_avg_input {
        width: 15.7rem;
    }

    .exam_avg_input:nth-child(2),
    .exam_avg_input:nth-child(4) {
        margin-left: 0.3rem;
    }

    .chk_subject_input {
        width: 7.69rem;
    }

    .bg-pink>.icon i {
        top: 15px !important;
    }

    .bg-purple>.icon i {
        top: 15px;
    }

    .bg-blue>.icon i {
        top: 15px;
    }

    .main-chart-card-body {
        height: 247px;
    }

    .small-box-footer:hover {
        font-size: 16px;
    }

    .content-wrapper>.content {
        padding: 0 1.2rem 0.4rem 1.2rem;
    }

    .nav-link {
        padding: 0.7rem 1rem;
    }

    .direct-chat-msg {
        margin-bottom: 1.4px !important;
    }

    .main-gradcut {
        padding: 2.3rem 1rem !important;
    }

    #donutChart,
    #pieChart {
        margin: -2px auto 0px;
    }

    .bg-orange>.icon i {
        font-size: 65px;
        top: 13px;
    }
}

/* 태블릿 */
@media screen and (max-width:1024px) {}

/* 모바일 */
@media screen and (max-width:768px) {

    #donutChart,
    #pieChart {
        margin: -4px auto 0px;
    }
}

@media screen and (max-width:480px) {}