::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}
::-webkit-scrollbar-track {
    background-color: #fff;
}
::-webkit-scrollbar-track:hover {
    background-color: #f4f4f4;
}
::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 5px solid #fff;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 4px solid #f4f4f4;
}
::-webkit-scrollbar-button {
    display: none;
}
* {
    font-family: "Noto Sans KR", sans-serif;
    letter-spacing: -0.06em;
}
table {
    table-layout: fixed;
}
table th,
table td {
    overflow: hidden;
}
.btn-datatable {
    padding: 7px !important;
}
.auth .brand-logo img {
    width: 46px;
    padding: 30px 0;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "파일첨부";
}
.custom-file-label::after {
    content: "파일첨부";
}
#memo_on_list_length .custom-select {
    width: 60px;
}
#point_on_list_length .custom-select {
    width: 60px;
}
.dataTables_wrapper .dt-buttons {
    float: left;
}
.sidebar .nav .nav-item.active > .nav-link i,
.sidebar .nav .nav-item.active > .nav-link .menu-title,
.sidebar .nav .nav-item.active > .nav-link .menu-arrow {
    color: #D0021B;
}
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link {
    background: transparent;
    color: #D0021B;
}
.acc_card .card {
    border-bottom: 1px solid #ccc !important;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0 !important;
}
.cate-drill-down {
    width: 100%;
    height: 200px;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 20px;
}
.cate-drill-down .col-sm-3 {
    height: 200px;
    overflow-y: scroll;
    border-left: 1px solid #eee;
}
.cate-drill-down .list-group a {
    border: none;
}
.cate-drill-down .list-group-item {
    padding: 0.75rem 1.25rem;
}
.cate-drill-down .list-group-item.active {
    z-index: 2;
    color: #2675eb;
    font-weight: 700;
    background-color: transparent;
    border: none;
}
.product_form {
    background-color: #ecedef;
    border-top: 1px solid #d9d9d9;
}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #9a47dc;
    background-color: #9a47dc;
}

.form-control {
    background-color: #f8f9fd;
}
.product_category_list_group {
    height: 37px;
    cursor: pointer;
}
#serach_category_box {
    height: 120px;
    overflow-y: auto;
    border: 1px solid #eee;
}
.search_info_box {
    height: 105px;
    overflow-y: auto;
    border: 1px solid #eee;
}
.error {
    color: #f00;
}
#pt_selling_date_box,
#f_pt_sale_box1,
#f_pt_sale_box2,
.c_pt_option_chk1,
.c_pt_option_chk2,
#f_pat_kc_chk_box,
#pdt_price_section_type2_box,
#pdt_add_section_price_chk_box,
#pdt_add_section_price_type_chk2_box,
#f_pt_supplement_select_box,
#f_ppbt_max_pay_man_box,
#f_ppbt_nointerest_chk_box,
#pat_origin_box2 {
    display: none;
}
#pt_image_add_ul {
    list-style: none;
    padding: 0;
}
#pt_image_add_ul li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
#pt_image_add_ul img {
    object-fit: cover;
    width: 140px;
    height: 140px;
}
#f_pat_kc_chk_box,
#f_ppbt_max_pay_man_box,
#f_pt_option_list_box,
#f_ppbt_nointerest_chk_box {
    list-style: none;
}
#ppt_content_box,
.pdt_price_type_c {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.product_list_media img {
    width: 64px !important;
    height: 64px !important;
    object-fit: contain;
    border-radius: 0 !important;
}
.product-swipe {
    width: 100%;
    max-width: 440px;
}
.category_selected_active {
    color: #7859df;
    font-weight: 700;
}
.rft_reply_box {
    height: 200px;
    overflow: auto;
}
.custom-checkbox-list {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5);
    /* IE */
    -moz-transform: scale(1.5);
    /* FF */
    -webkit-transform: scale(1.5);
    /* Safari and Chrome */
    -o-transform: scale(1.5);
    /* Opera */
    padding: 5px;
}
h6 {
    font-size: 0.8rem;
}
.card {
    border: 1px solid #ccc;
}
.photo_del {
    text-align: center;
    padding: 5px;
    background: #000;
    opacity: 0.5;
    color: #fff;
    position: absolute;
    display: none;
}
.thead-dark {
    border-top: 1px solid #454d55;
}
.table thead th,
.jsgrid .jsgrid-table thead th {
    vertical-align: middle;
}
.category_list_body .media {
    align-items: center;
}
.table td img,
.jsgrid .jsgrid-table td img {
    object-fit: cover;
}
.inx-table.table {
    margin-bottom: 0;
    background-color: transparent;
}

.inx-table.table td,
.inx-table.table th {
    padding: 0.75rem;
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    transition: all 0.2s ease-in-out;
}

.inx-table.table thead th {
    font-size: 0.875rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54);
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.inx-table.table tbody + tbody {
    border-top: 2px solid rgba(0, 0, 0, 0.12);
}

.inx-table.table .table {
    margin-bottom: 0;
}

.inx-table.table.table-reflow {
    display: block;
    overflow-x: scroll;
}

.inx-table.table.table-reflow thead {
    position: absolute;
}

.inx-table.table.table-reflow tbody {
    margin-left: 130px;
}

.inx-table.table.table-reflow tr {
    display: table-cell;
    float: none;
    width: 130px;
    vertical-align: top;
    background-color: #fff;
}

.inx-table.table.table-reflow th {
    width: 131px;
    overflow: hidden;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inx-table.table.table-reflow tbody {
    display: block;
    white-space: nowrap;
}

.inx-table.table.table-reflow td,
.inx-table.table.table-reflow th {
    display: block !important;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.inx-table.table.table-reflow td:last-child,
.inx-table.table.table-reflow th:last-child {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.inx-table.table.table-reflow td {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.inx-table.table .thead-dark th {
    color: rgba(255, 255, 255, 0.7);
    background-color: #343a40;
}

.inx-table.table .thead-light th {
    color: rgba(0, 0, 0, 0.54);
    background-color: #f8f9fa;
}

.inx-table.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.inx-table.table-sm td,
.inx-table.table-sm th {
    padding: 0.25rem;
}

.inx-table.table-bordered {
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.inx-table.table-bordered td,
.inx-table.table-bordered th {
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.inx-table.table-bordered thead td,
.inx-table.table-bordered thead th {
    border-bottom-width: 1px;
}

.inx-table.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.inx-table.table-borderless td,
.inx-table.table-borderless th {
    border: 0;
}

.inx-table.table-borderless thead th {
    border: 0;
}

.inx-table.table-dark {
    color: #f8f9fa;
    background-color: #343a40;
}

.inx-table.table-dark td,
.inx-table.table-dark th,
.inx-table.table-dark thead th {
    border-color: rgba(255, 255, 255, 0.12);
}

.inx-table.table-dark thead th {
    color: rgba(255, 255, 255, 0.7);
}

.inx-table.table-dark.table-bordered {
    border: 0;
}

.inx-table.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.02);
}

.inx-table.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.38);
}

.inx-table .child-table {
    background-color: #fff;
}

.inx-table .child-table > td {
    padding: 0 !important;
    border-top: none;
}

.inx-table .child-table > td .table > thead > tr {
    background-color: #fff;
}

.inx-table .child-table .table-sm td,
.inx-table .child-table .table-sm th {
    padding: 0.25rem 0.75rem;
}

@media (max-width: 767.98px) {
    .inx-table .child-table {
        margin-top: -20px;
    }
}

.inx-table.inx-table-card {
    background-color: #fff;
    border-radius: 0.125rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

@media (max-width: 767.98px) {
    .inx-table-card.inx-table {
        background-color: transparent;
        box-shadow: none;
    }

    .inx-table-card.inx-table .table {
        margin-bottom: 0;
    }

    .inx-table-card.inx-card-main {
        background-color: transparent;
        box-shadow: none;
    }

    .inx-table-card.table.inx-table thead {
        display: none;
    }

    .inx-table-card.table.inx-table tbody {
        display: block;
    }

    .inx-table-card.table.inx-table tr {
        display: block;
        margin-bottom: 1.25rem;
        background-color: #fff;
        border-radius: 0.125rem;
        box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    }

    .inx-table-card.table.inx-table td {
        display: block;
        text-align: center;
        vertical-align: middle;
    }

    .inx-table-card.table.inx-table td[data-title]:before {
        float: left;
        font-size: inherit;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.54);
        content: attr(data-title);
    }

    .inx-table-card.inx-table.table-striped td,
    .inx-table-card.inx-table.table-striped tr:nth-child(odd) {
        background-color: #fff;
    }

    .inx-table-card.inx-table.table-striped td:nth-child(odd) {
        background-color: rgba(0, 0, 0, 0.05);
    }

    .inx-table-card.inx-table.table-dark {
        background-color: transparent;
    }

    .inx-table-card.inx-table.table-dark tr {
        background-color: #343a40;
    }

    .inx-table-card.inx-table.table-dark td[data-title]:before {
        color: rgba(255, 255, 255, 0.7);
    }

    .inx-table-card.inx-table.table-hover tr:hover {
        background-color: #fff;
    }

    .inx-table-card.inx-table.table-hover td:hover {
        background-color: rgba(0, 0, 0, 0.075);
    }

    .inx-table-card.inx-table.table-hover.table-dark tr:hover {
        background-color: #343a40;
    }

    .inx-table-card.inx-table.table-hover.table-dark td:hover {
        background-color: rgba(255, 255, 255, 0.38);
    }

    .inx-table-card.inx-table.table-striped.table-dark td,
    .inx-table-card.inx-table.table-striped.table-dark tr:nth-child(odd) {
        background-color: #343a40;
    }

    .inx-table-card.inx-table.table-striped.table-dark td:nth-child(odd) {
        background-color: rgba(255, 255, 255, 0.02);
    }

    .inx-table-card.inx-z-depth {
        background-color: transparent;
        box-shadow: none;
    }
}

.inx-card .inx-table caption {
    padding: 0.75rem;
}

.inx-chip {
    display: -ms-inline-flexbox;
    display: inline-flex;
    box-sizing: border-box;
    padding: 0 0.5rem 0 0.75rem;
    line-height: 34px;
    color: rgba(0, 0, 0, 0.87);
    vertical-align: middle;
    cursor: default;
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
    border-radius: 1.5rem;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.8rem;
}

.inx-chip:focus,
.inx-chip:hover {
    background-color: #c7c6c6;
    border-color: #c7c6c6;
}

.inx-chip-action i {
    margin-left: 5px;
    font-size: 1.5rem;
    color: #fff;
}

.inx-chip-action .material-icons:hover {
    background-color: rgba(0, 0, 0, 0.38);
}

.inx-chip-contact {
    width: 2.25rem;
    margin-right: 5px;
    margin-left: -0.75rem;
    border-radius: 50%;
}

.inx-chip-primary {
    color: #fff;
    background-color: #4285f4;
    border-color: #4285f4;
}

.inx-chip-primary:focus,
.inx-chip-primary:hover {
    color: #fff;
    background-color: #1266f1;
    border-color: #1266f1;
}

.inx-chip-secondary {
    color: #fff;
    background-color: #20c997;
    border-color: #20c997;
}

.inx-chip-secondary:focus,
.inx-chip-secondary:hover {
    color: #fff;
    background-color: #199d76;
    border-color: #199d76;
}

.inx-chip-success {
    color: #fff;
    background-color: #259b24;
    border-color: #259b24;
}

.inx-chip-success:focus,
.inx-chip-success:hover {
    color: #fff;
    background-color: #1b721a;
    border-color: #1b721a;
}

.inx-chip-info {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4;
}

.inx-chip-info:focus,
.inx-chip-info:hover {
    color: #fff;
    background-color: #0286c2;
    border-color: #0286c2;
}

.inx-chip-warning {
    color: #333;
    background-color: #ffc107;
    border-color: #ffc107;
}

.inx-chip-warning:focus,
.inx-chip-warning:hover {
    color: #333;
    background-color: #d39e00;
    border-color: #d39e00;
}

.inx-chip-danger {
    color: #fff;
    background-color: #ff5722;
    border-color: #ff5722;
}

.inx-chip-danger:focus,
.inx-chip-danger:hover {
    color: #fff;
    background-color: #ee3900;
    border-color: #ee3900;
}

.inx-chip-light {
    color: #333;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.inx-chip-light:focus,
.inx-chip-light:hover {
    color: #333;
    background-color: #dae0e5;
    border-color: #dae0e5;
}

.inx-chip-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.inx-chip-dark:focus,
.inx-chip-dark:hover {
    color: #fff;
    background-color: #1d2124;
    border-color: #1d2124;
}

.inx-chip-outline-primary {
    color: #4285f4;
    background-color: transparent;
    border-color: #4285f4;
}

.inx-chip-outline-primary .inx-chip-action i {
    background-color: rgba(66, 133, 244, 0.38);
}

.inx-chip-outline-primary:focus,
.inx-chip-outline-primary:hover {
    color: #fff;
    background-color: #4285f4;
    border-color: #4285f4;
}

.inx-chip-outline-primary:focus .inx-chip-action i,
.inx-chip-outline-primary:hover .inx-chip-action i {
    background-color: rgba(0, 0, 0, 0.38);
}

.inx-chip-outline-secondary {
    color: #20c997;
    background-color: transparent;
    border-color: #20c997;
}

.inx-chip-outline-secondary .inx-chip-action i {
    background-color: rgba(32, 201, 151, 0.38);
}

.inx-chip-outline-secondary:focus,
.inx-chip-outline-secondary:hover {
    color: #fff;
    background-color: #20c997;
    border-color: #20c997;
}

.inx-chip-outline-secondary:focus .inx-chip-action i,
.inx-chip-outline-secondary:hover .inx-chip-action i {
    background-color: rgba(0, 0, 0, 0.38);
}

.inx-chip-outline-success {
    color: #259b24;
    background-color: transparent;
    border-color: #259b24;
}

.inx-chip-outline-success .inx-chip-action i {
    background-color: rgba(37, 155, 36, 0.38);
}

.inx-chip-outline-success:focus,
.inx-chip-outline-success:hover {
    color: #fff;
    background-color: #259b24;
    border-color: #259b24;
}

.inx-chip-outline-success:focus .inx-chip-action i,
.inx-chip-outline-success:hover .inx-chip-action i {
    background-color: rgba(0, 0, 0, 0.38);
}

.inx-chip-outline-info {
    color: #03a9f4;
    background-color: transparent;
    border-color: #03a9f4;
}

.inx-chip-outline-info .inx-chip-action i {
    background-color: rgba(3, 169, 244, 0.38);
}

.inx-chip-outline-info:focus,
.inx-chip-outline-info:hover {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4;
}

.inx-chip-outline-info:focus .inx-chip-action i,
.inx-chip-outline-info:hover .inx-chip-action i {
    background-color: rgba(0, 0, 0, 0.38);
}

.inx-chip-outline-warning {
    color: #ffc107;
    background-color: transparent;
    border-color: #ffc107;
}

.inx-chip-outline-warning .inx-chip-action i {
    background-color: rgba(255, 193, 7, 0.38);
}

.inx-chip-outline-warning:focus,
.inx-chip-outline-warning:hover {
    color: #333;
    background-color: #ffc107;
    border-color: #ffc107;
}

.inx-chip-outline-warning:focus .inx-chip-action i,
.inx-chip-outline-warning:hover .inx-chip-action i {
    background-color: rgba(0, 0, 0, 0.38);
}

.inx-chip-outline-danger {
    color: #ff5722;
    background-color: transparent;
    border-color: #ff5722;
}

.inx-chip-outline-danger .inx-chip-action i {
    background-color: rgba(255, 87, 34, 0.38);
}

.inx-chip-outline-danger:focus,
.inx-chip-outline-danger:hover {
    color: #fff;
    background-color: #ff5722;
    border-color: #ff5722;
}

.inx-chip-outline-danger:focus .inx-chip-action i,
.inx-chip-outline-danger:hover .inx-chip-action i {
    background-color: rgba(0, 0, 0, 0.38);
}

.inx-chip-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    border-color: #f8f9fa;
}

.inx-chip-outline-light .inx-chip-action i {
    background-color: rgba(248, 249, 250, 0.38);
}

.inx-chip-outline-light:focus,
.inx-chip-outline-light:hover {
    color: #333;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.inx-chip-outline-light:focus .inx-chip-action i,
.inx-chip-outline-light:hover .inx-chip-action i {
    background-color: rgba(0, 0, 0, 0.38);
}

.inx-chip-outline-dark {
    color: #343a40;
    background-color: transparent;
    border-color: #343a40;
}

.inx-chip-outline-dark .inx-chip-action i {
    background-color: rgba(52, 58, 64, 0.38);
}

.inx-chip-outline-dark:focus,
.inx-chip-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.inx-chip-outline-dark:focus .inx-chip-action i,
.inx-chip-outline-dark:hover .inx-chip-action i {
    background-color: rgba(0, 0, 0, 0.38);
}

.bootstrap-datetimepicker-widget {
    list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em;
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
    content: "";
    display: inline-block;
    position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eee;
}

.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px;
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: 0.8em;
    height: 20px;
    line-height: 20px;
    color: #777;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eee;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.old {
    color: #777;
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: "";
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eee;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #777;
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.bootstrap-datetimepicker-widget {
    font-family: Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    position: relative;
    transition: none;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: 0 0;
}

.bootstrap-datetimepicker-widget table td.active {
    background: 0 0;
}

.bootstrap-datetimepicker-widget table td.active:hover {
    background: 0 0;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
}

.bootstrap-datetimepicker-widget table th {
    height: 32px;
    line-height: 32px;
    width: 32px;
    font-weight: 400;
    opacity: 0.74;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
    font-weight: 700;
    color: #000;
}

.bootstrap-datetimepicker-widget table td.today:before {
    display: none;
}

.bootstrap-datetimepicker-widget .accordion-toggle {
    text-align: center;
    background-color: #0d5bdd;
}

.bootstrap-datetimepicker-widget .accordion-toggle a {
    color: #fff;
    display: inline-block;
    padding: 3px 0;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget .accordion-toggle a:hover {
    background: 0 0;
    color: #fff;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    font-weight: 400;
    font-size: 3.5rem;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    position: absolute;
    display: block;
    visibility: visible;
    opacity: 1;
    clip: auto;
    width: 300px;
    padding: 0;
    margin: 0;
    z-index: 999;
}

.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
    display: none;
}

.bootstrap-datetimepicker-widget .datepicker > div {
    display: table;
    width: 100%;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget {
    width: 530px;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget table {
    width: auto;
    flex: auto;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget .timepicker-hours,
.pmd-navbar-left .bootstrap-datetimepicker-widget .timepicker-minutes,
.pmd-navbar-left .bootstrap-datetimepicker-widget .timepicker-seconds {
    flex: auto;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget .datepicker > div {
    display: flex;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget .timepicker {
    display: flex;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget .timepicker .timepicker-picker {
    width: 240px;
    vertical-align: top;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget .datepicker .topdateinfo {
    width: 240px;
    vertical-align: top;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget table td span {
    margin: 5px;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget .clockpickerminute,
.pmd-navbar-left .bootstrap-datetimepicker-widget .clockpickerr,
.pmd-navbar-left .bootstrap-datetimepicker-widget .clockpickerseconds {
    margin: 20px 0;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    font-size: 2.8rem;
}

.timepicker .time-separator,
.timepicker .timeview,
.timepicker .uparrow {
    font-size: 42px;
}

.topdateinfo {
    background-color: #4285f4;
    text-align: center;
    color: #fff;
    line-height: 1;
}

.topdateinfo .dayname {
    background-color: #4285f4;
    padding: 8px 0;
    margin-bottom: 0;
}

.topdateinfo .monthonly {
    font-size: 1.6rem;
    text-transform: uppercase;
}

.topdateinfo .dateonly {
    font-size: 3.5rem;
}

.topdateinfo .yearonly {
    font-size: 1.6rem;
    margin-bottom: 0;
}

.topdateinfo .datetopcol {
    padding: 16px 0;
}

.bootstrap-datetimepicker-widget table td.day span {
    height: 32px;
    line-height: 32px;
    width: 32px;
    display: inline-block;
    margin: 0;
}

.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td,
.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > th,
.bootstrap-datetimepicker-widget .table-condensed > tfoot > tr > td,
.bootstrap-datetimepicker-widget .table-condensed > tfoot > tr > th,
.bootstrap-datetimepicker-widget .table-condensed > thead > tr > td,
.bootstrap-datetimepicker-widget .table-condensed > thead > tr > th {
    padding: 0;
}

.timepicker-hour,
.timepicker-minute,
.timepicker-second {
    cursor: pointer;
}

.clockpickerminute,
.clockpickerr,
.clockpickerseconds {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    position: relative;
    background-color: #eceff1;
    display: inline-block;
    margin: 24px 0 80px 0;
}

.clockpickerminute .minute,
.clockpickerr .hour,
.clockpickerseconds .second {
    display: inline-block;
    position: absolute;
    cursor: pointer;
}

.clockpickerminute .minute:nth-child(1),
.clockpickerr .hour:nth-child(1) {
    left: 45%;
}

.clockpickerminute .minute:nth-child(2),
.clockpickerr .hour:nth-child(2) {
    left: 130px;
    top: 15px;
}

.clockpickerminute .minute:nth-child(3),
.clockpickerr .hour:nth-child(3) {
    left: 160px;
    top: 45px;
}

.clockpickerminute .minute:nth-child(4),
.clockpickerr .hour:nth-child(4) {
    left: 175px;
    top: 85px;
}

.clockpickerminute .minute:nth-child(5),
.clockpickerr .hour:nth-child(5) {
    left: 160px;
    top: 130px;
}

.clockpickerminute .minute:nth-child(6),
.clockpickerr .hour:nth-child(6) {
    left: 130px;
    top: 160px;
}

.clockpickerminute .minute:nth-child(7),
.clockpickerr .hour:nth-child(7) {
    left: 92px;
    top: 175px;
}

.clockpickerminute .minute:nth-child(8),
.clockpickerr .hour:nth-child(8) {
    left: 50px;
    top: 160px;
}

.clockpickerminute .minute:nth-child(9),
.clockpickerr .hour:nth-child(9) {
    left: 20px;
    top: 130px;
}

.clockpickerminute .minute:nth-child(10),
.clockpickerr .hour:nth-child(10) {
    left: 5px;
    top: 85px;
}

.clockpickerminute .minute:nth-child(11),
.clockpickerr .hour:nth-child(11) {
    left: 20px;
    top: 45px;
}

.clockpickerminute .minute:nth-child(12),
.clockpickerr .hour:nth-child(12) {
    left: 50px;
    top: 15px;
}

.ampmview {
    width: 100%;
    position: relative;
}

.ampmview .btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    min-width: inherit;
}

.ampmview > div {
    position: absolute;
    top: 234px;
    width: 100%;
    left: 16px;
}

.ampmview .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 50%;
}

.amview {
    margin-left: 30px;
}

.pmview {
    margin-right: 30px;
}

.timeview {
    line-height: 1;
}

.timepicker {
    text-align: center;
}

.timepicker-picker {
    background-color: #4285f4;
    color: #fff;
    font-size: 3.5rem;
    padding-bottom: 5px;
}

.ampmvalue {
    font-size: 0.8125rem;
}

.ampmview,
.timepicker-hours,
.timepicker-minutes {
    background-color: #fff;
}

.downarrow,
.uparrow {
    text-align: left;
    padding-left: 42px;
}

.downarrow .btn,
.uparrow .btn {
    width: 59px;
    margin: 0 10px;
}

.bootstrap-datetimepicker-widget {
    background-color: #fff;
    z-index: 0;
    width: 300px;
    -moz-box-shadow: box-shadow(1);
    -webkit-box-shadow: box-shadow(1);
    box-shadow: box-shadow(1);
}

.bootstrap-datetimepicker-widget table th.next,
.bootstrap-datetimepicker-widget table th.prev {
    padding-bottom: 0;
}

.bootstrap-datetimepicker-widget table th.next span,
.bootstrap-datetimepicker-widget table th.prev span {
    padding-top: 8px;
    display: inline-block;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background-color: inherit;
}

.modal .bootstrap-datetimepicker-widget {
    box-shadow: none;
}

.bootstrap-datetimepicker-widget table th {
    text-transform: capitalize;
}

.bootstrap-datetimepicker-widget table th.dow {
    color: #333;
    line-height: 33px;
    height: 33px;
}

.bootstrap-datetimepicker-widget table td {
    position: relative;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.bootstrap-datetimepicker-widget table td.day span {
    height: 40px;
    line-height: 40px;
    width: 40px;
    position: absolute;
    z-index: -1;
    margin: 1px 0 0 -15px;
    border-radius: 500px;
    top: 0;
    left: -1px;
    right: 0;
    bottom: 0;
    margin: auto;
}

.topdateinfo {
    text-align: left;
    padding: 16px 20px;
}

.topdateinfo .datetopcol {
    padding: 0;
    margin-bottom: 0;
}

.topdateinfo .datetopcol p {
    display: inline-block;
    text-align: left;
    font-size: 2rem;
    text-transform: inherit;
    padding: 0;
    margin: 0;
    padding-right: 8px;
    background-color: transparent;
}

.bootstrap-datetimepicker-widget table {
    margin: 5px 0;
}

.topdateinfo .yearonly {
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 5px;
    opacity: 0.9;
}

.bootstrap-datetimepicker-widget table td span {
    border-radius: 500px;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    color: #444;
}

.bootstrap-datetimepicker-widget table td.day:hover span,
.bootstrap-datetimepicker-widget table td.hour:hover span,
.bootstrap-datetimepicker-widget table td.minute:hover span,
.bootstrap-datetimepicker-widget table td.second:hover span {
    background-color: #eee;
}

.bootstrap-datetimepicker-widget table td.day.active:hover span,
.bootstrap-datetimepicker-widget table td.hour.active:hover span,
.bootstrap-datetimepicker-widget table td.minute.active:hover span,
.bootstrap-datetimepicker-widget table td.second.active:hover span {
    background-color: #4285f4;
}

.bootstrap-datetimepicker-widget table td.day.disabled:hover,
.bootstrap-datetimepicker-widget table td.hour.disabled:hover,
.bootstrap-datetimepicker-widget table td.minute.disabled:hover,
.bootstrap-datetimepicker-widget table td.second.disabled:hover {
    color: #777;
}

.bootstrap-datetimepicker-widget table td.day.disabled:hover span,
.bootstrap-datetimepicker-widget table td.hour.disabled:hover span,
.bootstrap-datetimepicker-widget table td.minute.disabled:hover span,
.bootstrap-datetimepicker-widget table td.second.disabled:hover span {
    background: 0 0;
}

.bootstrap-datetimepicker-widget table td.active span {
    background-color: #4285f4;
}

.bootstrap-datetimepicker-widget table td.active span:hover {
    background-color: #4285f4;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #4285f4;
}

.bootstrap-datetimepicker-widget table td.day.active:hover {
    color: #fff;
}

.bootstrap-datetimepicker-widget table td.active {
    color: #fff;
}

.bootstrap-datetimepicker-widget table td.active span:hover {
    color: #fff;
}

.datepicker-modal .datepicker {
    padding-bottom: 30px;
}

.datepicker-modal .timepicker {
    display: none;
}

.datepicker-modal .datepicker-tab {
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
    background: #444;
}

.datepicker-modal .datepicker-tab li {
    float: left;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.datepicker-modal .datepicker-tab li a {
    display: block;
    font-size: 18px;
    border-bottom: 5px solid #444;
    color: #b2b2b2;
    height: 60px;
    line-height: 60px;
    position: relative;
}

.datepicker-modal .datepicker-tab li a.active {
    color: #fff;
    border-color: #fff;
}

.datepicker-modal .datepicker-tab li a.active:before {
    content: "";
    width: 100%;
    z-index: 10;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.timepicker .downarrow .btn,
.timepicker .timeview .btn,
.timepicker .uparrow .btn {
    display: none;
}

.timepicker .uparrow {
    display: inline-block;
    padding-left: 0;
}

.timepicker .downarrow,
.timepicker .time-separator,
.timepicker .timeview {
    display: inline-block;
}

.timepicker .downarrow {
    padding-left: 0;
}

.timepicker .time-separator,
.timepicker .timeview,
.timepicker .uparrow {
    font-size: 50px;
    color: #fff;
    line-height: normal;
}

.timepicker .time-separator {
    opacity: 0.5;
}

.timepicker .time-separator .separator {
    margin-top: -20px;
}

.timepicker .downarrow .timepicker-second,
.timepicker .timeview .timepicker-minute,
.timepicker .uparrow .timepicker-hour {
    opacity: 0.5;
}

.timepicker .downarrow .timepicker-second.active,
.timepicker .timeview .timepicker-minute.active,
.timepicker .uparrow .timepicker-hour.active {
    opacity: 1;
}

.timepicker .ampmvalue {
    font-size: 18px;
    margin-left: 10px;
}

.timepicker .ampmview {
    width: auto;
    position: absolute;
    display: inline-block;
    font-size: inherit;
    background: 0 0;
    top: 37px;
    margin-left: 10px;
}

.timepicker .ampmview .btn-group {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
}

.timepicker .ampmview .btn-group .btn {
    clear: both;
    background: 0 0;
    padding: 0;
    font-family: Arial;
    height: 30px;
    font-size: 20px;
    margin-right: 0;
    color: #fff;
    opacity: 0.5;
}

.timepicker .ampmview .btn-group .btn.active {
    opacity: 1;
}

.timepicker .hourHnad,
.timepicker .minuteHnad,
.timepicker .secondHnad {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2px;
    background: #4285f4;
    right: 25px;
    -moz-transform-origin: center left;
    -webkit-transform-origin: center left;
    transform-origin: center left;
    will-change: transform;
    transition: all 0.2s ease-in-out;
}

.bootstrap-datetimepicker-widget .table-condensed .picker-switch {
    padding-top: 8px;
}

.clockpickerminute,
.clockpickerr,
.clockpickerseconds {
    border-radius: 500px;
    width: 270px;
    height: 270px;
    margin: 30px 0;
}

.timepicker .clockpickerminute .minute,
.timepicker .clockpickerr .hour,
.timepicker .clockpickerseconds .second {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.timepicker .clockpickerminute .minute.active,
.timepicker .clockpickerr .hour.active,
.timepicker .clockpickerseconds .second.active {
    color: #fff;
}

.timepicker .hourHnad:before,
.timepicker .minuteHnad:before,
.timepicker .secondHnad:before {
    width: 7px;
    height: 7px;
    content: "";
    left: -3px;
    top: 50%;
    position: absolute;
    background: #4285f4;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 25px;
}

.timepicker .hourHnad:after,
.timepicker .minuteHnad:after,
.timepicker .secondHnad:after {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background: #4285f4;
    right: 0;
    top: 50%;
    -ms-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 50px;
}

.timepicker .hourHnad.hourHnad-00,
.timepicker .hourHnad.hourHnad-13,
.timepicker .hourHnad.hourHnad-14,
.timepicker .hourHnad.hourHnad-15,
.timepicker .hourHnad.hourHnad-16,
.timepicker .hourHnad.hourHnad-17,
.timepicker .hourHnad.hourHnad-18,
.timepicker .hourHnad.hourHnad-19,
.timepicker .hourHnad.hourHnad-20,
.timepicker .hourHnad.hourHnad-21,
.timepicker .hourHnad.hourHnad-22,
.timepicker .hourHnad.hourHnad-23,
.timepicker .hourHnad.hourHnad-24 {
    right: 57px;
}

.timepicker .hourHnad.hourHnad-00,
.timepicker .hourHnad.hourHnad-12 {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.timepicker .hourHnad.hourHnad-01,
.timepicker .hourHnad.hourHnad-13 {
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.timepicker .hourHnad.hourHnad-02,
.timepicker .hourHnad.hourHnad-14 {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.timepicker .hourHnad.hourHnad-03,
.timepicker .hourHnad.hourHnad-15 {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.timepicker .hourHnad.hourHnad-04,
.timepicker .hourHnad.hourHnad-16 {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.timepicker .hourHnad.hourHnad-05,
.timepicker .hourHnad.hourHnad-17 {
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}

.timepicker .hourHnad.hourHnad-06,
.timepicker .hourHnad.hourHnad-18 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.timepicker .hourHnad.hourHnad-07,
.timepicker .hourHnad.hourHnad-19 {
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}

.timepicker .hourHnad.hourHnad-08,
.timepicker .hourHnad.hourHnad-20 {
    -ms-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
}

.timepicker .hourHnad.hourHnad-09,
.timepicker .hourHnad.hourHnad-21 {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.timepicker .hourHnad.hourHnad-10,
.timepicker .hourHnad.hourHnad-22 {
    -ms-transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
}

.timepicker .hourHnad.hourHnad-11,
.timepicker .hourHnad.hourHnad-23 {
    -ms-transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
}

.timepicker .minuteHnad.minuteHnad-00,
.timepicker .secondHnad.secondHnad-00 {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.timepicker .minuteHnad.minuteHnad-01,
.timepicker .secondHnad.secondHnad-01 {
    -ms-transform: rotate(-84deg);
    -webkit-transform: rotate(-84deg);
    transform: rotate(-84deg);
}

.timepicker .minuteHnad.minuteHnad-02,
.timepicker .secondHnad.secondHnad-02 {
    -ms-transform: rotate(-78deg);
    -webkit-transform: rotate(-78deg);
    transform: rotate(-78deg);
}

.timepicker .minuteHnad.minuteHnad-03,
.timepicker .secondHnad.secondHnad-03 {
    -ms-transform: rotate(-72deg);
    -webkit-transform: rotate(-72deg);
    transform: rotate(-72deg);
}

.timepicker .minuteHnad.minuteHnad-04,
.timepicker .secondHnad.secondHnad-04 {
    -ms-transform: rotate(-66deg);
    -webkit-transform: rotate(-66deg);
    transform: rotate(-66deg);
}

.timepicker .minuteHnad.minuteHnad-05,
.timepicker .secondHnad.secondHnad-05 {
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.timepicker .minuteHnad.minuteHnad-06,
.timepicker .secondHnad.secondHnad-06 {
    -ms-transform: rotate(-54deg);
    -webkit-transform: rotate(-54deg);
    transform: rotate(-54deg);
}

.timepicker .minuteHnad.minuteHnad-07,
.timepicker .secondHnad.secondHnad-07 {
    -ms-transform: rotate(-48deg);
    -webkit-transform: rotate(-48deg);
    transform: rotate(-48deg);
}

.timepicker .minuteHnad.minuteHnad-08,
.timepicker .secondHnad.secondHnad-08 {
    -ms-transform: rotate(-42deg);
    -webkit-transform: rotate(-42deg);
    transform: rotate(-42deg);
}

.timepicker .minuteHnad.minuteHnad-09,
.timepicker .secondHnad.secondHnad-09 {
    -ms-transform: rotate(-36deg);
    -webkit-transform: rotate(-36deg);
    transform: rotate(-36deg);
}

.timepicker .minuteHnad.minuteHnad-10,
.timepicker .secondHnad.secondHnad-10 {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.timepicker .minuteHnad.minuteHnad-11,
.timepicker .secondHnad.secondHnad-11 {
    -ms-transform: rotate(-24deg);
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
}

.timepicker .minuteHnad.minuteHnad-12,
.timepicker .secondHnad.secondHnad-12 {
    -ms-transform: rotate(-18deg);
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
}

.timepicker .minuteHnad.minuteHnad-13,
.timepicker .secondHnad.secondHnad-13 {
    -ms-transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
}

.timepicker .minuteHnad.minuteHnad-14,
.timepicker .secondHnad.secondHnad-14 {
    -ms-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
}

.timepicker .minuteHnad.minuteHnad-15,
.timepicker .secondHnad.secondHnad-15 {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.timepicker .minuteHnad.minuteHnad-16,
.timepicker .secondHnad.secondHnad-16 {
    -ms-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
}

.timepicker .minuteHnad.minuteHnad-17,
.timepicker .secondHnad.secondHnad-17 {
    -ms-transform: rotate(12deg);
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
}

.timepicker .minuteHnad.minuteHnad-18,
.timepicker .secondHnad.secondHnad-18 {
    -ms-transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
}

.timepicker .minuteHnad.minuteHnad-19,
.timepicker .secondHnad.secondHnad-19 {
    -ms-transform: rotate(24deg);
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
}

.timepicker .minuteHnad.minuteHnad-20,
.timepicker .secondHnad.secondHnad-20 {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.timepicker .minuteHnad.minuteHnad-21,
.timepicker .secondHnad.secondHnad-21 {
    -ms-transform: rotate(36deg);
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
}

.timepicker .minuteHnad.minuteHnad-22,
.timepicker .secondHnad.secondHnad-22 {
    -ms-transform: rotate(42deg);
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
}

.timepicker .minuteHnad.minuteHnad-23,
.timepicker .secondHnad.secondHnad-23 {
    -ms-transform: rotate(48deg);
    -webkit-transform: rotate(48deg);
    transform: rotate(48deg);
}

.timepicker .minuteHnad.minuteHnad-24,
.timepicker .secondHnad.secondHnad-24 {
    -ms-transform: rotate(54deg);
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg);
}

.timepicker .minuteHnad.minuteHnad-25,
.timepicker .secondHnad.secondHnad-25 {
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}

.timepicker .minuteHnad.minuteHnad-26,
.timepicker .secondHnad.secondHnad-26 {
    -ms-transform: rotate(66deg);
    -webkit-transform: rotate(66deg);
    transform: rotate(66deg);
}

.timepicker .minuteHnad.minuteHnad-27,
.timepicker .secondHnad.secondHnad-27 {
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
}

.timepicker .minuteHnad.minuteHnad-28,
.timepicker .secondHnad.secondHnad-28 {
    -ms-transform: rotate(78deg);
    -webkit-transform: rotate(78deg);
    transform: rotate(78deg);
}

.timepicker .minuteHnad.minuteHnad-29,
.timepicker .secondHnad.secondHnad-29 {
    -ms-transform: rotate(84deg);
    -webkit-transform: rotate(84deg);
    transform: rotate(84deg);
}

.timepicker .minuteHnad.minuteHnad-30,
.timepicker .secondHnad.secondHnad-30 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.timepicker .minuteHnad.minuteHnad-31,
.timepicker .secondHnad.secondHnad-31 {
    -ms-transform: rotate(96deg);
    -webkit-transform: rotate(96deg);
    transform: rotate(96deg);
}

.timepicker .minuteHnad.minuteHnad-32,
.timepicker .secondHnad.secondHnad-32 {
    -ms-transform: rotate(102deg);
    -webkit-transform: rotate(102deg);
    transform: rotate(102deg);
}

.timepicker .minuteHnad.minuteHnad-33,
.timepicker .secondHnad.secondHnad-33 {
    -ms-transform: rotate(108deg);
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg);
}

.timepicker .minuteHnad.minuteHnad-34,
.timepicker .secondHnad.secondHnad-34 {
    -ms-transform: rotate(114deg);
    -webkit-transform: rotate(114deg);
    transform: rotate(114deg);
}

.timepicker .minuteHnad.minuteHnad-35,
.timepicker .secondHnad.secondHnad-35 {
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}

.timepicker .minuteHnad.minuteHnad-36,
.timepicker .secondHnad.secondHnad-36 {
    -ms-transform: rotate(126deg);
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg);
}

.timepicker .minuteHnad.minuteHnad-37,
.timepicker .secondHnad.secondHnad-37 {
    -ms-transform: rotate(132deg);
    -webkit-transform: rotate(132deg);
    transform: rotate(132deg);
}

.timepicker .minuteHnad.minuteHnad-38,
.timepicker .secondHnad.secondHnad-38 {
    -ms-transform: rotate(138deg);
    -webkit-transform: rotate(138deg);
    transform: rotate(138deg);
}

.timepicker .minuteHnad.minuteHnad-39,
.timepicker .secondHnad.secondHnad-39 {
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
}

.timepicker .minuteHnad.minuteHnad-40,
.timepicker .secondHnad.secondHnad-40 {
    -ms-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
}

.timepicker .minuteHnad.minuteHnad-41,
.timepicker .secondHnad.secondHnad-41 {
    -ms-transform: rotate(156deg);
    -webkit-transform: rotate(156deg);
    transform: rotate(156deg);
}

.timepicker .minuteHnad.minuteHnad-42,
.timepicker .secondHnad.secondHnad-42 {
    -ms-transform: rotate(162deg);
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg);
}

.timepicker .minuteHnad.minuteHnad-43,
.timepicker .secondHnad.secondHnad-43 {
    -ms-transform: rotate(168deg);
    -webkit-transform: rotate(168deg);
    transform: rotate(168deg);
}

.timepicker .minuteHnad.minuteHnad-44,
.timepicker .secondHnad.secondHnad-44 {
    -ms-transform: rotate(174deg);
    -webkit-transform: rotate(174deg);
    transform: rotate(174deg);
}

.timepicker .minuteHnad.minuteHnad-45,
.timepicker .secondHnad.secondHnad-45 {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.timepicker .minuteHnad.minuteHnad-46,
.timepicker .secondHnad.secondHnad-46 {
    -ms-transform: rotate(186deg);
    -webkit-transform: rotate(186deg);
    transform: rotate(186deg);
}

.timepicker .minuteHnad.minuteHnad-47,
.timepicker .secondHnad.secondHnad-47 {
    -ms-transform: rotate(192deg);
    -webkit-transform: rotate(192deg);
    transform: rotate(192deg);
}

.timepicker .minuteHnad.minuteHnad-48,
.timepicker .secondHnad.secondHnad-48 {
    -ms-transform: rotate(198deg);
    -webkit-transform: rotate(198deg);
    transform: rotate(198deg);
}

.timepicker .minuteHnad.minuteHnad-49,
.timepicker .secondHnad.secondHnad-49 {
    -ms-transform: rotate(204deg);
    -webkit-transform: rotate(204deg);
    transform: rotate(204deg);
}

.timepicker .minuteHnad.minuteHnad-50,
.timepicker .secondHnad.secondHnad-50 {
    -ms-transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
}

.timepicker .minuteHnad.minuteHnad-51,
.timepicker .secondHnad.secondHnad-51 {
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg);
}

.timepicker .minuteHnad.minuteHnad-52,
.timepicker .secondHnad.secondHnad-52 {
    -ms-transform: rotate(222deg);
    -webkit-transform: rotate(222deg);
    transform: rotate(222deg);
}

.timepicker .minuteHnad.minuteHnad-53,
.timepicker .secondHnad.secondHnad-53 {
    -ms-transform: rotate(228deg);
    -webkit-transform: rotate(228deg);
    transform: rotate(228deg);
}

.timepicker .minuteHnad.minuteHnad-54,
.timepicker .secondHnad.secondHnad-54 {
    -ms-transform: rotate(234deg);
    -webkit-transform: rotate(234deg);
    transform: rotate(234deg);
}

.timepicker .minuteHnad.minuteHnad-55,
.timepicker .secondHnad.secondHnad-55 {
    -ms-transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
}

.timepicker .minuteHnad.minuteHnad-56,
.timepicker .secondHnad.secondHnad-56 {
    -ms-transform: rotate(246deg);
    -webkit-transform: rotate(246deg);
    transform: rotate(246deg);
}

.timepicker .minuteHnad.minuteHnad-57,
.timepicker .secondHnad.secondHnad-57 {
    -ms-transform: rotate(252deg);
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg);
}

.timepicker .minuteHnad.minuteHnad-58,
.timepicker .secondHnad.secondHnad-58 {
    -ms-transform: rotate(258deg);
    -webkit-transform: rotate(258deg);
    transform: rotate(258deg);
}

.timepicker .minuteHnad.minuteHnad-59,
.timepicker .secondHnad.secondHnad-59 {
    -ms-transform: rotate(264deg);
    -webkit-transform: rotate(264deg);
    transform: rotate(264deg);
}

.timepicker .table-condensed > div .position-0 {
    top: 21.6%;
    left: 50%;
}

.timepicker.tHours .table-condensed > div div:first-child {
    top: 9.3%;
    left: 50%;
}

.timepicker .table-condensed > div .position-1 {
    top: 14.8%;
    left: 70.8%;
}

.timepicker .table-condensed > div .position-2 {
    top: 30.1%;
    left: 85.4%;
}

.timepicker .table-condensed > div .position-3 {
    top: 50%;
    left: 91.3%;
}

.timepicker .table-condensed > div .position-4 {
    top: 71%;
    left: 85.7%;
}

.timepicker .table-condensed > div .position-5 {
    top: 86%;
    left: 70.8%;
}

.timepicker .table-condensed > div .position-6 {
    top: 91.4%;
    left: 50%;
}

.timepicker .table-condensed > div .position-7 {
    top: 85.9%;
    left: 29.6%;
}

.timepicker .table-condensed > div .position-8 {
    top: 70.8%;
    left: 14.8%;
}

.timepicker .table-condensed > div .position-9 {
    top: 50%;
    left: 9.3%;
}

.timepicker .table-condensed > div .position-10 {
    top: 30.1%;
    left: 14.7%;
}

.timepicker .table-condensed > div .position-11 {
    top: 14.8%;
    left: 29.6%;
}

.timepicker .table-condensed > div .position-12 {
    top: 9.3%;
    left: 50%;
}

.timepicker .table-condensed > div .position-13 {
    top: 25.4%;
    left: 64.6%;
}

.timepicker .table-condensed > div .position-14 {
    top: 36.2%;
    left: 74.4%;
}

.timepicker .table-condensed > div .position-15 {
    top: 50%;
    left: 78.8%;
}

.timepicker .table-condensed > div .position-16 {
    top: 64.8%;
    left: 74.9%;
}

.timepicker .table-condensed > div .position-17 {
    top: 75.4%;
    left: 65%;
}

.timepicker .table-condensed > div .position-18 {
    top: 79.2%;
    left: 50%;
}

.timepicker .table-condensed > div .position-19 {
    top: 75.2%;
    left: 35.6%;
}

.timepicker .table-condensed > div .position-20 {
    top: 64.8%;
    left: 25.2%;
}

.timepicker .table-condensed > div .position-21 {
    top: 50%;
    left: 21.8%;
}

.timepicker .table-condensed > div .position-22 {
    top: 36.2%;
    left: 25.5%;
}

.timepicker .table-condensed > div .position-23 {
    top: 25.6%;
    left: 35.6%;
}

.timepicker .table-condensed > div div.minute:first-child,
.timepicker .table-condensed > div div.second:first-child {
    top: 9.3%;
    left: 50%;
}

.pmd-time::after {
    font-family: "Material icons";
    content: "\E192";
}

.pmd-today::after {
    font-family: "Material icons";
    content: "\E916";
}

.pmd-keyboard-arrow-down::after,
.pmd-keyboard-arrow-up::after {
    font-family: "Material icons";
    content: "\E192";
}

.pmd-keyboard-arrow-right::after {
    font-family: "Material icons";
    content: "\E315";
}

.pmd-keyboard-arrow-left::after {
    font-family: "Material icons";
    content: "\E314";
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.2 !important;
    padding: 10px;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade em {
    display: block;
    font-style: normal;
}

/* 유비 CSS */
.box_b0_line {
    border-bottom: 0.5px #ececec solid;
    margin-bottom: 0px;
}

.box_t0_line {
    border-top: 0.5px #ececec solid;
}

.box_bd_t {
    border: 1px #ececec solid;
    border-bottom: 0px;
}
.box_bd {
    border: 1px #ececec solid;
}

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

.box_con {
    width: 100%;
    height: auto;
    display: inline-block;
}

.page_title {
    font-size: 1.475rem !important;
    font-weight: 400 !important;
}

.bg_gray {
    background-color: #f6f6f6;
}

.pd_0 {
    padding: 0px;
}
.pd_6 {
    padding: 6px;
}
.pd_8 {
    padding: 8px;
}
.pd_10 {
    padding: 10px;
}

.bd_w_0 {
    border: 0px;
}
.mg_b_0 {
    margin-bottom: 0px !important;
}

.mg_b_10 {
    margin-bottom: 10px !important;
}

.fs_15 {
    font-size: 15px !important;
}
.fs_13 {
    font-size: 13px !important;
}

.inline_block_100 {
    width: 100%;
    display: inline-block;
}
.inline_flex{
    display: inline-flex;
}

.pt_1 {
    padding-top: 1px;
}

.ml_5 {
    margin-left: 10px;
}
.ml_10 {
    margin-left: 10px;
}
.ml_20 {
    margin-left: 20px;
}
.ml_30 {
    margin-left: 30px;
}
.ml_40 {
    margin-left: 40px;
}
.ml_50 {
    margin-left: 50px;
}
.ml_60 {
    margin-left: 60px;
}

.mr_5 {
    margin-right: 5px;
}

.mr_10 {
    margin-right: 10px;
}
.mr_20 {
    margin-right: 20px;
}
.mr_30 {
    margin-right: 30px;
}
.mr_40 {
    margin-right: 40px;
}
.mr_50 {
    margin-right: 50px;
}
.mr_60 {
    margin-right: 60px;
}
.line_h_30 {
    line-height: 30px;
}

.check_box_inline {
    margin-left: 20px;
    margin-right: 40px;
    display: inline-block;
}
.table_fix {
    table-layout: fixed;
}
.pd_10_20 {
    padding: 10px 20px;
}
.pd_v_10 {
    padding: 10px 0px;
}
.pd_h_20 {
    padding: 0px 20px;
}
.pd_h_10 {
    padding: 0px 10px;
}
.float_l {
    float: left;
}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #00a9e5;
    background-color: #00a9e5;
}

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

.float_r {
    float: right;
}
.m_w_260 {
    max-width: 260px;
}
.line_h_38 {
    line-height: 38px;
}
.fs_15 {
    font-size: 15px;
}
.fs_14 {
    font-size: 14px;
}
.ml_2 {
    margin-left: 2px;
}
.mg_b_10 {
    margin-bottom: 10px;
}
.mg_b_20 {
    margin-bottom: 20px;
}
.btn_26 {
    width: 26px;
    height: 26px;
}
.mr_tl_6 {
    margin-left: 6px;
    margin-top: 6px;
}
.add_btn {
    /* line-height: 52px; */
    width: 26px;
    height: 26px;
    cursor: pointer;
}
.del_btn {
    width: 26px;
    height: 26px;
}
.add_group_box {
    display: none;
    float: left;
    margin-right: 3px;
}
.display_none {
    display: none;
}
.line_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.line1_text {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.line2_text {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line3_text {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* .plus-input i {
    line-height: 136px;
    font-size: 3rem;
} */

.image_one_del {
    text-align: center;
    padding: 8px;
    background: #000;
    opacity: 0.3;
    color: #fff;
    position: absolute;
    display: none;
    font-size: ;
}
.d-none-temp {
    display: none;
}
.file_bottom {
    border-radius: 1rem;
    border: 1px solid #e3e3e3;
    overflow: hidden;
    margin-top: 0.5rem;
}
.file_bottom ul {
    margin-bottom: 0;
    padding-left: 0;
}
.file_bottom li {
    border-bottom: 1px solid #e3e3e3;
    padding: 0;
    padding-left: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}
.file_bottom li:last-child {
    border-bottom: 0;
}
.dropzone-thumb {
    width: 120px !important;
    height: 120px !important;
    object-fit: cover !important;
}
.select2-container {
    display: block;
}
.select2-container *:focus {
    outline: 0;
}
.input-group .select2-container--bootstrap4 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.input-group-prepend ~ .select2-container--bootstrap4 .select2-selection {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group > .select2-container--bootstrap4:not(:last-child) .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--bootstrap4 .select2-selection {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .select2-container--bootstrap4 .select2-selection {
        -webkit-transition: none;
        transition: none;
    }
}
.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #80bdff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.select2-container--bootstrap4.select2-container--focus.select2-container--open .select2-selection {
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.select2-container--bootstrap4.select2-container--open.select2-container--above .select2-selection {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--bootstrap4.select2-container--open.select2-container--below .select2-selection {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.select2-container--bootstrap4.select2-container--disabled .select2-selection,
.select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-selection {
    cursor: not-allowed;
    background-color: #e9ecef;
    border-color: #ced4da;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.select2-container--bootstrap4.select2-container--disabled .select2-search__field,
.select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-search__field {
    background-color: transparent;
}
select.is-invalid ~ .select2-container--bootstrap4 .select2-selection,
form.was-validated select:invalid ~ .select2-container--bootstrap4 .select2-selection {
    border-color: #dc3545;
}
select.is-valid ~ .select2-container--bootstrap4 .select2-selection,
form.was-validated select:valid ~ .select2-container--bootstrap4 .select2-selection {
    border-color: #28a745;
}
.select2-container--bootstrap4 .select2-search {
    width: 100%;
}
.select2-container--bootstrap4 .select2-dropdown {
    border-color: #ced4da;
    border-radius: 0;
}
.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--below {
    border-top: none;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above {
    border-top: 1px solid #ced4da;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected="true"] {
    color: #212529;
    background-color: #f2f2f2;
}
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    color: #fff;
    background-color: #007bff;
}
.select2-container--bootstrap4 .select2-results__option[role="group"] {
    padding: 0;
}
.select2-container--bootstrap4 .select2-results__option[role="group"] .select2-results__options--nested .select2-results__option {
    padding-left: 1em;
}
.select2-container--bootstrap4 .select2-results__option {
    padding: 0.375rem 0.75rem;
}
.select2-container--bootstrap4 .select2-results > .select2-results__options {
    max-height: 15em;
    overflow-y: auto;
}
.select2-container--bootstrap4 .select2-results__group {
    display: list-item;
    padding: 6px;
    color: #6c757d;
}
.select2-container--bootstrap4 .select2-selection__clear {
    float: right;
    width: 0.9em;
    height: 0.9em;
    padding-left: 0.15em;
    margin-top: 0.7em;
    margin-right: 0.3em;
    line-height: 0.75em;
    color: #f8f9fa;
    background-color: #c8c8c8;
    border-radius: 100%;
}
.select2-container--bootstrap4 .select2-selection__clear:hover {
    background-color: #afafaf;
}
.select2-container--bootstrap4 .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px) !important;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    line-height: calc(1.5em + 0.75rem);
    color: #6c757d;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 50%;
    right: 3px;
    width: 20px;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: -4px;
    border-color: #343a40 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    padding-left: 0.75rem;
    line-height: calc(1.5em + 0.75rem);
    color: #495057;
}
.select2-search--dropdown .select2-search__field {
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.select2-results__message {
    color: #6c757d;
}
.select2-container--bootstrap4 .select2-selection--multiple {
    min-height: calc(1.5em + 0.75rem + 2px) !important;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0.375rem;
    margin: 0;
    list-style: none;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    float: left;
    padding: 0;
    padding-right: 0.75rem;
    margin-top: calc(0.375rem - 2px);
    margin-right: 0.375rem;
    color: #495057;
    cursor: pointer;
    border: 0 solid #bdc6d0;
    border-radius: 0.2rem;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-search__field {
    color: #495057;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice + .select2-search {
    width: 0;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    float: left;
    padding: 0 2px 0 2px;
    margin: 0 2px 0 2px;
    font-weight: 700;
    background-color: #fff;
    border: 0;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #343a40;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear {
    position: absolute !important;
    top: 0;
    right: 0.7em;
    float: none;
    margin-right: 0;
}
.select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    padding: 0 5px;
    cursor: not-allowed;
}
.select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    display: none;
}




/*
ub cs
*/
.plus-input {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 150px;
    height: 150px;
    font-size: 1rem !important;
    color: #c0c6d1;
    border: 1px dashed #ddd;
}



.plus-input11{
    width: 460px !important;
    height: 460px !important;
}

.plus-input11 img {
    object-fit: cover !important;
    width: 460px !important;
    height: 460px !important;
}

.plus-input43{
    width: 500px !important;
    height: 375px !important;
}

.plus-input43 img {
    object-fit: cover !important;
    width: 500px !important;
    height: 375px !important;
}

.plus-input169{
    width: 480px !important;
    height: 270px !important;
}

.plus-input169 img {
    object-fit: cover !important;
    width: 480px !important;
    height: 270px !important;
}


.plus-input_sm_11{
    width  : 150px !important;
    height : 150px !important;
}

.plus-input_sm_11 img {
    object-fit: cover !important;
    width  : 150px !important;
    height : 150px !important;
}

.plus-input_sm_43{
    width: 200px !important;
    height: 150px !important;
}

.plus-input_sm_43 img {
    object-fit: cover !important;
    width: 200px !important;
    height: 150px !important;
}

.plus-input_sm_169{
    width: 240px !important;
    height: 135px !important;
}

.plus-input_sm_169 img {
    object-fit: cover !important;
    width: 240px !important;
    height: 135px !important;
}


.plus-input i {
    /* line-height: 136px; */
    line-height: 150px !important;
    font-size: 1.5rem !important;
}
.plus-input img {
    object-fit: cover;
    width: 150px;
    height: 150px;
}

.plus-input-warp {
    width: 150px;
    height: 150px;
}

.font_s_13{
  font-size : 13px;
}



.chk_txt{
  margin-left : 3px;
  font-size: 12px;
  margin-bottom: 3px !important;
}
.box_content_l0 {
    width: 100%;
    height: auto;
    padding: 10px 0px;
    display: inline-block;
}

.box_info_txt {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    font-size: 14px;
}


.box_sm_txt {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
    font-size: 15px;
}

.font_sub_txt{
	font-size: 0.875rem;
}

.title-bar{
  font-size: 17px !important;
  padding: 0px;
  border-left: 3px solid #37b0f2;
  color : #37b0f2;
  padding-left: 10px;
}

.padding_20_0{
  padding: 20px 0px;
}

.list_img{
  max-width : 100px;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}

.photo_img{
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}

.photo_item{
  max-width: 48%;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}

.file_w_max_300{
  max-width : 300px;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}

.fset_item{
  position:absolute;
  border: 1px solid #66ccff;
  pointer-events: none;

}
.border_box{
  border: 1px solid #dfdede;
  padding: 20px;
  margin: 20px 0px;
  border-radius: 5px;
}

.border_top_sc{
  border-top: 1px solid #ededed;
}

.max_w_1000{
   max-width : 90%;
}

.max_w_650{
   max-width : 650px;
}

.route_item{
  padding : 10px 10px;
  border: 1px solid #efefef;
  border-radius: 5px;
}

.map_popup_box{
  min-width: 250px;
  top:10px;
  padding: 10px;

}
.map_popup_row{
  display: flex;
}
.map_popup_item{
  flex: 1;
  margin : 2px 0px;
}
.fw_700{
  font-weight: 700;
}
.mb_0{
  margin-bottom : 0px;
}
.mt_0{
  margin-top : 0px;
}
.max_w_1300{
  max-width: 1300px;
}
.route_btn_box{
  justify-content: center;
  align-items: center;
  padding : 15px 10px;
  color   : #ffffff;
  background-color: #FF9E2C;
  border-radius: 5px;
}

.fc_red{
  color : #ff0000;
}
.fc_blue{
  color : #007cff;
}


.markerWindowBox{
  display: flex;
  padding : 10px;
  width : 200px;

}
.markerWindowImg{
  object-fit: cover;
  width   : 60px;
  height  : 60px;
  border-radius: 5px;
}
.markerRightBox{
  display: inline-block;
  margin-left : 7.5px;
}
.markerInfo{

}
.bg_gray1{
  background-color: #f7f7f7;
}

.fs_25{
  font-size: 25px;
}

/*운행정보*/
.flex_between{display: flex; justify-content: space-between; align-items: center;}
.g_circle{background-color: #f7f7f7;width: 90px;height: 90px;border-radius: 50%; line-height: 90px; display: inline-block;}
.operation_info_ul{padding: 0 1.4rem; position: relative;}
.operation_info_ul .padding_box{padding: 2rem 0 2rem 3rem;border-bottom: 1px solid #D2D6D9;}
.operation_info_ul li {border-left: 4px solid #FF9E2C; position: relative; }
.busline{position: absolute; left: -12px; top: calc(50% - 15px);}
.busposition_view{position: absolute; z-index: 10; top: 150px;width: 33px; height: 33px; background: url(../img/bus_position_circle.svg); display: flex; justify-content: center;  align-items: center;}
.operation_top{background-color: #f7f7f7; padding-top: 2rem; text-align: center;}
.white_box{background-color: #fff; border-radius: 6px; margin-top: 2rem; margin-bottom: 1.5rem; text-align: left;}
.oper_circle{width: 35px; height: 35px; border-radius: 50%; text-align: center;  line-height: 35px;}
.oper_circle.on{background-color: #fff5ee;}
.oper_circle.off{background-color: #fff;}
.bus_position_box{border-bottom:1px solid #d2d6d9; padding:1.5rem;}
.bus_passenger_box{padding:1.5rem;}
.image-container {  position: relative;width: 17px; height: 17px;}
.moving-image { position: absolute;  animation: moveUpDown 2s linear infinite;}

.arrow-down {
 position: absolute;
 bottom: -10px;
 left: 50%;
 margin-left: -10px; /* 화살표 중앙 정렬을 위한 마이너스 마진 */
 width: 0;
 height: 0;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-top: 10px solid #ff9d00; /* 주황색 */
 z-index: 1;
}
.arrow-down::after {
 content: '';
 position: absolute;
 bottom: 2px;
 left: 50%;
 margin-left: -10px;
 width: 0;
 height: 0;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-top: 10px solid #fff;
 z-index: 0;
}

.card01{
  border-width: 0px;
  border-color: none;
}

.content_sty01{
  padding : 0px;
}



.color4f{
  color: #4F4F4F;
}
.box_t0_line{
  border-top: 0.5px #ececec solid;
}
.box_b0_line{
  border-bottom: 0.5px #ececec solid;
  margin-bottom: 0px;
}
.box_txt_pd{
  padding : 5px 15px;
}
.box_info_txt{
  font-family : 'Noto Sans KR', sans-serif;
  font-weight : 400;
  font-size   : 15px;
}

.box_info_txt_en{
  font-size   : 15px;
  font-family: 'Work Sans', sans-serif; font-weight:500;
}
.box_h_150{
  padding: 10px;
  margin : 10px 0px;
  height : 150px;
  overflow-y: scroll;
  background: #f6f6f6;
  border-radius: 10px;
}
.error_font{
  color: #2f2f2f;
  font-size: 13px;
}
.max_w_350{
   max-width : 350px;
}
.max_w_400{
   max-width : 400px;
}
.max_w_600{
   max-width : 600px;
}
.max_w_900{
   max-width : 900px;
}
.max_w_1000{
   max-width : 90%;
}

.max_w_1100{
   max-width : 90%;
}

.card_title_txt{
   color     : #000000;
   font-size : 1.15em;
}

.sct_txt_mg{
   margin:6px 15px;
}

.page_title{
  font-size   : 1.475rem !important;
  font-weight : 400 !important;
}

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


.pop_padding {
  padding : 15px 15px;
}


.float_l{
  float: left !important;
}
.float_r{
  float: right;
}


.box_r_rus_0{
   border-top-right-radius: 0px !important;
   border-bottom-right-radius: 0px !important;
   border-top-left-radius: 10px !important;
   border-bottom-right-radius: 0px !important;
}

.box_l_rus_0{
   border-top-left-radius: 0px !important;
   border-bottom-left-radius: 0px !important;
   border-top-right-radius: 10px !important;
   border-bottom-right-radius: 0px !important
}
.border_btm_0{
   border-bottom: 0px !important;
}
.border_btm_wine{
   border-bottom: 1px solid #D0021B;
}

.box_content {
    width: 100%;
    height: auto;
    padding: 10px 20px;
    display: inline-block;
    border: 1px solid #d2d2d2;
}

.box_con{
    width: 100%;
    height: auto;
    display: inline-block;
}
.bg_gray{
   background-color: #F6F6F6;
}
.line_limit_3{
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.box_content_l0 {
    width: 100%;
    height: auto;
    padding: 20px 0px;
    display: inline-block;
}
.box_line_t_m_2{
    border-top   : 2px solid #f0f0f0;
    border-bottom: 2px solid #f0f0f0;
}
.box_line_r{
    border-right: 2px solid #f0f0f0;
}
.box_line_t{
    border-top: 2px solid #f0f0f0;
}
.box_line_b{
    border-bottom: 2px solid #f0f0f0;
}

.line_box{
    padding : 20px 10px;
    border  : solid 1px #f0f0f0;
}
.m_r_2_pre{
    margin-right: 2%;
}

.m_b_0{
    margin-bottom:0px;
}
.m_r_10{
    margin-right: 10px;
}
.m_r_20{
    margin-right: 20px;
}
.m_b_20{
    margin-bottom: 20px;
}
.m_b_30{
    margin-bottom: 30px;
}

.m_t_8{
    margin-top : 8px;
}
.m_t_10{
    margin-top : 10px;
}

.m_t_20{
    margin-top : 20px;
}
.m_t_b_10{
    margin-top: 10px;
    margin-bottom : 10px;
}
.m_t_b_20{
    margin-top: 20px;
    margin-bottom : 20px;
}
.m_t_b_30{
    margin-top: 30px;
    margin-bottom : 30px;
}
.m_t_30{
    margin-top : 30px;
}
.m_t_40{
    margin-top : 40px;
}
.m_l_0{
    margin-left: 0px !important;
}
.mg_b_40{
    margin-bottom : 40px;

}
.mg_l_10{
    margin-left:10px;
}
.mg_l_20{
    margin-left:20px;
}
.pd_t_18{
    padding-top : 18px;
}
.pd_t_20{
    padding-top : 20px;
}
.pd_t_22{
    padding-top : 22px;
}
.pd_t_30{
    padding-top : 30px;
}
.pd_t_60{
    padding-top : 60px;
}
.pd_b_20{
    padding-bottom : 20px;
}

.pd_b_50{
    padding-bottom : 50px;
}

.pd_20{
  padding : 20px;
}

.pd_40{
    padding-top    : 40px;
    padding-bottom : 40px;
}
.pd_10_15{
    padding : 10px 15px;
}

.txt_b {
    font-weight: 600 !important;
}
.font_s_13{
    font-size : 13px !important;
}
.font_s_14{
    font-size : 14px !important;
}
.font_s_15{
    font-size : 15px !important;
}

.font_s_16{
    font-size : 16px !important;
}
.font_s_17{
    font-size : 17px !important;
}

.txt_r {
    font-weight: 500 !important;
}


.txt_pos {
    text-align: center;
}


.mg_b_0{
  margin-bottom: 0px !important;
}
.mg_b_5{
  margin-bottom: 5px !important;
}
.mg_l_5{
  margin-left : 5px !important;
}
.mg_l_10{
  margin-left : 10px !important;
}
.mg_t_b_5{
  margin-top: 5px;
  margin-bottom : 5px;
}
.mg_t_b_10{
  margin-top: 10px;
  margin-bottom : 10px;
}
.line_h_17{
  line-height: 17px;
}

.textarea_box{
  padding : 10px 15px;
  border-radius:
}

.input_ub {
    border: 1px solid #e7e7e7 !important;
}


.min_h_150{
    min-height: 150px;
}

.mb_profile{
   width: 100px ;
   height: 100px ;
   border-radius: 100px;
   border: solid 0.5px #efefef;
}

.img_50_radius{
   width: 50px ;
   height: 50px ;
   border-radius: 50px;
   object-fit: cover;
   border: solid 0.5px #efefef;
}

.img_70_radius{
   width: 70px ;
   height: 70px ;
   border-radius: 70px;
   object-fit: cover;
   border: solid 0.5px #efefef;
}

.font_black_b{
   padding: 10px 12px;
   font-weight: 600;
}

.row_btm_line{
  width: 100%;
  display: inline-block;
  border-bottom: 2px solid #f0f0f0;
}

.input_info_btm{
  font-size: 13px;
  font-weight: 300;
}

.cate_list_img {
    width: 64px !important;
    height: 64px !important;
    object-fit: contain;
    border-radius: 0 !important;
}

.banner_e_img{
    width  : 250px !important;
    height : 100px !important;
    object-fit: cover;
    border-radius: 0 !important;
}

.img_80_cover {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    border-radius: 0 !important;
}


.img_150_cover {
    width : 150px !important;
    height: 150px !important;
    object-fit: cover;
    border-radius: 0 !important;
}

.img_60_cover {
    width : 60px !important;
    height: 60px !important;
    object-fit: cover;
    border-radius: 0 !important;
}

.pop_con_box {
    width: 100%;
    padding:0px 10px;
    margin-bottom: 20px;
    display: inline-block;
}

.pop_up_title{
    font-size  : 22px;
    font-weight: 400;
}
.pop_up_sub_title{
    font-size: 16px;
    width:100px;
    line-height:40px;
}
.row_pop_flex{
    display: flex;
}

.w130{
    width: 150px;
}
.box_sub_txt{
    font-weight : 700;
    padding-top : 8px;
    font-size   : 15px;
}
.box_flex{
    display: flex;
}
.login_inc_row{
    width: 100%;
    position: absolute;
    bottom : 15px;
    text-align: center;
}

.radio_label_b{
    font-size : 15px !important;
    font-weight: 600;
}

.rus_5{
    border-radius: 5px !important;
}

.rus_20{
    border-radius: 20px !important;
}

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

.apply_label_mg{
   margin-bottom : 195px !important;
}

.max_w_80{
  max-width: 80px;
}

.max_w_150{
  max-width: 150px;
}
.max_w_180{
  max-width: 180px;
}
.max_w_200{
  max-width: 200px;
}

.b_label{
   font-size  : 15px;
   font-weight: 600;
}


.font_box_1{
  font-size  : 15px;
  line-height:40px;
  font-weight:600;
}
.pd_t_8{
  padding-top : 8px;
}
.pd_t_10{
  padding-top : 10px;
}
.pd_t_b_20{
  padding-top  : 20px;
  padding-bottom : 20px;
}
.pd_t_b_30{
  padding : 30px 0px;
}
.pd_l_0{
  padding-left:0px;
}

.pd_l_8{
  padding-left:8px;
}

.pd_t_b_0{
  padding : 0px;
}

.pd_6_10{
  padding : 6px 10px;
}

.pd_6_15{
  padding : 6px 15px;
}

.w_100_per{
  width: 100%;
}

.m_b_10{
  margin-bottom:10px;
}

/* 스케줄관련 박스 */
.bootstrap-select>.dropdown-toggle{
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.box_sct_line{
  border  : 1px solid #f0f0f0;
  padding : 30px;
  margin  : 10px;
}
.label_s{
  font-size: 15px;
}

/* @media (max-width: 800px) {
  .card .card-body{
    padding : 5px !important;

  }
  .box_line_r{
    border:0px !important;
  }
} */


.con_box{
   display: flex;
   width  : 100%;
}
.con_in_box {
   display: flex;
}
.con_title_row{
   flex : 0.15;
}
.con_rg_row{
   flex : 0.85;
}
.row_con_item{
   display: flex;
   float: left;
}

.cate_sct{
  float: left;
}
.cate_sct .bootstrap-select>.dropdown-toggle {
  flex:1 !important;
  max-width: 170px;

}
.sub_title{
  font-family : 600;
  padding     : 10px 0px;
  font-size   : 17px;
}

.mt_t_b_10{
  margin : 5px 0px;
}

.cate_sct .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto !important;
}

.google_map{
  width  : 100%;
  height : 300px;
  margin-bottom: 10px;
}
.image_con_box{
  width  : 150px;
  height : 150px;
}

.image_con_box_100{
  width  : 100px !important;
  height : 100px !important;
}
.img_image_60{
  width  : 60px !important;
  height : 60px !important;
  object-fit: cover;
}
.img_image_150{
  position: absolute;
  object-fit: cover;
  width  : 150px;
  height : 150px;
}
.image_del_btn{
  top: 0px;
  left: 120px !important;
  right: 0px;
  position: relative;
}

.m_l_20_sc{
    margin-left  :20px;
}
.pd_20_l_rz{
    padding-left :20px;
}
.bt_sm_pd{
  border-radius: 4px;
  padding: 6px 10px !important;
  min-height: 0px;
}
.font_s_13{
  font-size: 13px;
}
.font_s_16{
  font-size: 16px;
}
.flex_12{

}
/* 영상 파일 업로드 */
.filebox {
  display: flex;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.filebox label {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    vertical-align: middle;
    background-color: #999999;
    cursor: pointer;
    height: 40px;
    margin-left: 10px;
}

.div_cover{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.uploading_box{
    position: absolute;
    color: #fff;
    width: 80px;
    background: #787878;
    opacity: 0.7;
    height: 80px;
    he: 999;
    font-weight: 700;
}

.select_b_txt{
  margin-top: 3px;
  font-size: 12px;
  color: #717171;
  max-width: 200px;
   -ms-overflow-style: none;
}

.sm_ic{
  width: 15px;
  object-fit: contain;
  height: 15px;
  font-size: 13px;
  margin-bottom: 3px;
}
.use_cancel_btn{
  width     : 70px ;
  font-size : 13px !important;
  padding   : 8px 2px;
}
.pd_t_b_0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pd_t_25_10 {
    padding: 10px 0px;
    padding-top: 30px;
}
.calc_box {
    padding  : 30px 30px;
    display  : inline-block;
    max-width: 800px;
    width    : 100%;
    min-height : 50px;
    border     : 1px solid #C4C4C4;
}

.calc_box_100 {
    padding       : 30px 30px;
    display       : inline-block;
    width         : 100%;
    min-height    : 50px;
    border-radius : 3px;
    border        : 2px solid #C4C4C4;
}

.font_blue{
    color : #4d83ff;
}
.font_red{
    color : #E63333;
}

.plus-input-wide {
    width : 450px !important;
}

.plus-input-wide img{
    width : 450px !important;
}

.blue-rus-20 {
	color: #4d83ff;
  padding : 5px 15px;
  background-color: #fff;
	border: 1px solid #4d83ff;
  border-radius: 20px;
  display: inline-block;
  margin-right : 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.hot_btn_{
 float:right; cursor:pointer; margin-top:8px;
}

.font_s_th{
  font-size : 14px;
}
.mg_l_15{
  margin-left : 15px;
}

@media (min-width: 575.98px) {
    .col_2_resize {
        flex: 0 0 12.46667% !important;
    }
}

@media (max-width: 800px) {
   .plus-input-wide {
        width : 150px !important;
   }

   .plus-input-wide img{
        width : 150px !important;
   }

   .pd_20_l_rz{
     padding-left :0px;
   }
   .m_l_20_sc {
     margin-left  : 0px;
   }

   .apply_label_mg {
     margin-bottom : 0px !important;
   }
   .w_box_50_100{
      width: 100% !important;
   }
   .con_box{
     display: inline-block;
   }
   .row_con_item{
     display: inline-block;
     margin-left: 0px !important;
   }
   .con_title_row{
     padding-bottom: 20px;
   }
   .b_label{
     margin-left: 0px;
   }
   .store_code{
     margin-left: 0px !important;
   }
   .cate_sct{
     margin-left: 0px !important;
   }
}

/* UB CSS */

.m_r_b_10{
  margin-top : 10px;
  margin-bottom : 10px;

}
.m_t_5{
  margin-top:5px;
}

.m_t_7{
  margin-top:7px;
}

.mt_20{
  margin-top : 20px;
}

.mt_30{
  margin-top : 30px;
}
.mb_10{
  margin-bottom : 10px;
}

.m_b_t_10{
  margin-bottom : 10px;
  margin-top : 10px;
}


.sub-title{
  font-size: 16px !important;
}

.menu-title{
  margin-top : 2px;
}

.sm_max_width{
  max-width: 150px;
}

.max_600{
  max-width:600px;
}

.max_440{
  max-width:440px;
}
/* 상단탭 처리 */
.box_content_l0 {
    width: 100%;
    height: auto;
    padding: 20px 0px;
    display: inline-block;
}

.md_max_width{
   max-width: 340px;
}



.border_btm_0 {
    border-bottom: 0px !important;
}
.box_l_rus_0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 0px !important;
}
.max_w_350 {
    max-width: 350px;
}

.lh_dft{
    line-height: 1.8rem;
}

.lh_dft2{
    line-height: 2rem;
}

.lh_dft26{
    line-height: 2.6rem;
}

.danger_info{
    color:#ff001f;
    margin-top:2px;
    font-size: 12px;
}

.item_sct_box1{
  display: inline-block;
  color: #aaaaaa;
  background-color: #ffffff;
  border-color: #aaaaaa;
  border-radius: 14px;
  font-size: 12px;
  padding : 6px 12px;
  border: 1px solid #aaaaaa;
}

.item_del_btn{
  width  : 16px;
  height : 16px;
  margin-left : 8px;
  cursor: pointer;
}

.title-bar {
    padding: 0px;
    border-left: 3px solid #D0021B;
    color: #D0021B;
    padding-left: 10px;
    justify-content: left !important;
}


.title-bar-dft {
    margin: 0px 0px;
    padding: 0px;
    font-size  : 16px !important;
    font-weight: 400 !important;
    /* border-left: 3px solid #D0021B; */
    /* color: #D0021B; */
    /* padding-left: 10px; */
    justify-content: left !important;
}

.edit_mheight{
  min-height : 150px;
}

.float_l{
  float : left;
}

.border_top_sc{
  border-top: 1px solid #ededed;
}
.line_flow{
  padding-top : 8px;
  margin : 0px 10px;
}

.lable_sub_txt{
  font-size : 15px;
  font-weight: 700;
}

.btn-outline-gray-400 {
    color: #8e8e8e;
    border-color: #8e8e8e;
    background-color: #fff;
}

.eduiptbox_mng {
  border-radius: 1rem;
  /* background-color: #f8fafc; */
  border: 1px solid #dfdfdf;
  padding: 1.5rem;
}

.ip_wr_mng .ip_tit_mng {
    margin-bottom: 0.8rem;
}

.form-row_mng {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
}

.checks_wr_mng {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -1rem;
}

.add_btn2 {
  width : auto;
  padding : 5px 20px;
  max-width: 200px;
  border-radius: 5px;
  border-color: #d6d8db;
  background-color: #fff;
  text-align: center;
  border : 1px solid #d6d8db;
}

.edubox_mng {
    margin-bottom : 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 1rem;
    padding: 1.0rem 1.6rem 1.0rem 1.6rem;
    border: 1px solid #d6d8db !important;
}
.edu_mng_font,.item_mng_font{
    font-weight: 700;
    font-size : 14px;
    color : #454545;
}

.edu_item_box,.cert_item_box{
  margin-bottom : 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 1rem;
  padding: 1.0rem 1.6rem 1.0rem 1.6rem;
  border: 1px solid #d6d8db !important;
}

.text_gray{
  color : #afafaf !important;
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 3.5rem);
  overflow: hidden;
}
*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-break: keep-all;
}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 0px 20px;
}
.modal-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      padding: 1rem 1rem;
      border-bottom: 1px solid var(--border);
      border-top-left-radius: calc(1.2rem - 1px);
      border-top-right-radius: calc(1.2rem - 1px);
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
      max-height: none;
}

.filter_modal .modal_wide.modal-dialog {
    /* max-width: 36rem; */
}

.modal-open .modal {
  overflow-x: hidden;
}
.modal {
    overflow-y: hidden !important;
}
.modal {
    padding-right: 0px !important;
}
.modal-open .modal {
  overflow-x: hidden;
}

.slc_anwer_wp {
  flex-wrap: nowrap !important;
  height: 16rem;
  overflow-y: hidden;
}


.slc_anwer_wp .slc_anwer_tab {
  height: 16rem;
  overflow-y: auto !important;
  padding: 0;
  border-right: 1px solid #E3E9F1;
}

.modal .modal-content {
  border: 0;
  border-radius: 1.0rem;
}
.slc_anwer_wp .slc_anwer_link {
  line-height: 1.3;
  cursor: pointer;
  color: #000000;
  padding: 0.8rem 0.4rem;
  font-size: 0.8rem;
  border-radius: 0;
  border: unset;
  /* font-weight: 300; */
  text-align: left;
}

.slc_anwer_wp .slc_anwer_tab {
  max-height: 28rem;
  overflow-y: auto;
  padding: 0;
  border-right: 1px solid #E3E9F1;
}


 .modal .modal-header .close {
     text-shadow: none;
     opacity: 1;
     width: 2.4rem;
     padding: 0;
     margin: 0;
 }
 .slc_anwer_wp .slc_anwer_tab:last-child { border-right: unset;}
 .slc_anwer_ul { width: 100%;  display: flex; align-items: center;}\
 .form-check .form-check-label {
   margin-left: 0rem !important;
 }

 .form-check {
     padding-left: 0;
 }
 .form-check {
     position: relative;
     display: block;
 }

 .form-check-label {
     cursor: pointer;
     font-weight: 500;
     display: flex;
     align-items: center;
 }

 .text_dynamic {
     white-space: pre-line;
 }
 .slc_anwer_tab .form-check .form-check-input:checked + .form-check-label {
     background-color: #F4F7FE;
 }

 .form-check input:not([type="text"]) {
     display: none;
 }

.form-check-input {
     position: absolute;
     margin-top: 0.3rem;
     margin-left: -1.25rem;
}
.result_box {
    display: flex;
    /* display: flex; */
    align-items: center;
    flex-wrap: wrap;
}

.fw_500 {
    font-weight: 500;
}
.modal .modal-header .close{
    width: 1.0rem;
}

.result_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0.5rem 1rem 0.5rem 0rem;
    background-color: #EDF3FD;
    border-radius: 1.0rem;
    padding: 0.3rem 1.1rem;
    font-weight: 700;
    color: #000000;
    justify-content:space-between;
}

.btn_auto{
    padding : 0.5rem;
}
.m_only{
     display: none;
}

@media (max-width: 991.98px) {

}

.filter_modal .result_wp {
  /*
    height: 12.8rem;
    overflow-y: scroll;
  */
  display: flex;
  overflow-y: scroll;
}
.filter_modal .result_wp {
    border-radius: 0;
}
.result_wp {
    border-radius: 1.2rem;
    background-color: var(--gray-100);
    border: 1px solid var(--border);
    /* padding: 1.5rem; */
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
}

.btn_dotted{
  border-radius: 12px;
  padding: 20px 5px;
  font-size: 16px;
  width: 100%;
  font-weight: 700;
  border: 2px dotted #d9d8d8;
}

.btn_dotted_sm {
    border-radius: 12px;
    padding: 10px 10px;
    font-size: 14px;
    width: 100%;
    font-weight: 700;
    border: 2px dotted #d9d8d8;
}

.add_btn {
    padding: 0.5rem;
    width: 10rem;
    border-radius: 1rem;
}

.ip_tit{
  font-size : 14px;
  margin-bottom : 10px;
}

.bg-gray-100 {
    background-color: #F8FAFC !important;
}
.bg-white{
    background-color: #FFFFFF !important;
}

.career_dtl_bx {
    padding: 1.5rem;
    border-radius: 1rem;
    background-color: #F8FAFC;
    margin-bottom: 1.2rem;
}

.not_edit{
  border: 1px solid #ededed;
}

.size_info{
  font-size: 12px;
  color : red;
}

.plus_size_img150_150{
    width  : 150px;
    height : 150px;
}

.plus_size_img150_150 img{
    width  : 150px;
    height : 150px;
}



.plus_size_img800_76{
    width  : 800px;
    height : 76.33px;
}

.plus_size_img800_76 img{
    width  : 800px;
    height : 76.33px;
}

.size_info_mo_img700_140{
    width  : 700px;
    height : 140px;
}

.size_info_mo_img700_140 img{
    width  : 700px;
    height : 140px;
}

.ck-content p {
    line-height: 0.8rem;
}