@charset "utf-8";

:root {
    --base-font:12px;
    --base-small-font:11px;
    --primary-color:#EC1C24;
    --primary-light-color:#E9666B;
    --ct-menu-item-hover:#EC1C24;
    --cl-status-good:#0C612B;
    --cl-status-ready:#8977B8;
    --cl-status-fast:#E9666B;
    --cl-status-slow:#FFDB5B;
    --cl-status-time:#fff;
}

/* 템플릿 css 수정 */
body {font-family:"pretendard";color:#454545;font-size:var(--base-font);} /*font 16px 기준*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family:"pretendard";}

dl,dt,dd {margin:0;}

 
a {color:var(--ct-table-color);}
.font-height-35 {line-height:35px;}
.btn {font-size:13px;padding: 0px 12px;height:27px;font-size:12px;}
a.btn {font-size:13px;padding: 3px 12px;height:27px;font-size:12px;}
.btn-icon {padding:0;height:25px;}
.btn-xs {font-size:11px;height:25px;}
.tippy-popper {width:120px;color:#000 !important;}
.tippy-tooltip.light-theme {color:#000;font-size:11px;word-break:keep-all;}
.header-title {font-size:16px;font-weight:700;line-height:30px;}

.form-control {padding: 5px 5px 5px 10px;line-height:1.2;font-size:12px;}
.form-select {padding: 5px 3.7rem 5px 10px;}
.pagination {margin-bottom:0;}

.navbar-custom .app-search .app-search-box .btn {height:auto;}

.table {margin-bottom:0;}
.table>:not(caption)>*>* {padding:4px 8px;line-height:16px;}
.table>:not(:last-child)>:last-child>* {border-bottom-color:#E8ECF4;}
.table>:not(:first-child) {border-top-width:1px;}
.table thead {background-color:#FAFBFD;border-top: solid 1px #8a8e95 !important;vertical-align:middle;}
.table thead th {height: 31px;color:#555;border-bottom-color:#D0D9EA !important;box-sizing:border-box;}
.table .text-truncate {display:inline-block;width:80%;}
.table tbody td,.table tfoot td,
.table tbody th {height:34px;vertical-align:middle;}
.table tbody td p.comment {margin:0 0 0 30px;}
.table tbody td .descInfoText {margin:0 0 0 30px;font-size:12px !important;color:#777;}
.table tbody td .descInfoText span+span:before {content:"|";margin-right:5px;}
.table tbody td p.comment+.descInfoText {margin-top:3px;}
.table tbody td .form-control {height:28px;}
.table tbody td .form-select {padding-top:2px;padding-bottom:2px;}
.table tbody th {background-color:#FAFBFD;}
.table tfoot td {background-color:#FAFBFD;}
.table tfoot td {border-bottom:1;}
.table thead .sorting {position:relative;padding-right: 10px;padding-left: 10px;font-size:12px;box-sizing:content-box;cursor:pointer;}
.table thead .sorting:after,
.table thead .sorting:before {position:absolute;bottom:0;display:block;opacity:0.3;height:10px;font-family:"Material Design Icons";font-size:20px;line-height:10px;}
.table thead .sorting:after {content:"\f035D" !important;right:5px !important;left:auto !important;top:calc(50% - 1px);}
.table thead .sorting:before {content:"\f0360" !important;right:5px !important;left:auto !important;top:calc(50% - 8px);}
.table thead .sorting.order_asc:after {opacity:1;}
.table thead .sorting.order_desc:before {opacity:1;}
.table tbody td .table_buttonGroup .btn {padding:0 5px;}
.table tbody tr.active {background-color:rgba(22,65,148,0.07);}
.table tbody td .custom-control {padding:0 0 0 25px;}
.table-sm thead th {font-size:12px;}
.table-total,
.table-active {height:34px;font-weight:700;background-color:#f2f2f2 !important;color:#6c757d;}
.table thead th.table-active {height:auto;}
.table-overflow {overflow-x:auto;width:100%;}

.dataTables_scrollBody table thead,
.dataTables_scrollBody table tbody {border-top:0 !important;}
table.dataTable td, table.dataTable th {box-sizing:border-box;}

.table_button > * {min-height:35px;}
.table_button .dataTable-button {margin-left:0;margin-bottom:0;}
.table_button .dataTable-button .btn {margin:0 3px 5px 0;height:27px;padding:0 10px;}
.table_button .dataTable-filter {text-align:right;}
.table_button .dataTable-filter .form-control {display:inline-block;}

.formWrap {border-style:solid;border-color:#d0d9ea;border-width:1px 0;}
.formWrap .row {margin:0;}
.formWrap .row:not(:last-child) {border-bottom:solid 1px #e7ecf4;}
.formWrap .row > div {padding:3px;line-height: 22px;}
.formWrap .col-form-label {padding:9px 10px 8px 15px;line-height:16px;background-color:#f8f8f8;color:#555;}
.input-group .input-group-text.btn-icon {padding:0 10px;height:auto;background-color:#f7f7f7;border:solid 1px #ced4da;}
.input-group .input-group-text {padding: 4px 10px 4px;/* background-color:transparent; *//* border:0; */font-size:12px;}
.formWrap.form-sm .col-form-label {padding:10px 10px 10px 15px;}
.formWrap small {font-size:var(--base-small-font);}

.form-date {width: 100px !important;}
 
.modal .modal-header {background-color: var(--ct-bg-topbar-dark);}
.modal .modal-header .modal-title {color:#fff;font-weight:700;}
.modal .modal-header .btn-close {color:#fff;}
.modal .modal-header .modal-title .btn {padding:0;}
.modal .modal-content.noHeading .modal-header {border-bottom:0;}
.modal .modal-content .modal-body h5 {font-size:18px;}
.modal .modal-content .modal-body p {font-size:16px;}
.modal-footer.between {justify-content:space-between;}
.modal-footer.between > div {margin:0;display:inline-flex;}
.modal-footer.between > div > * {margin:0 .25rem;}
.modal-right {justify-content:start;}

.fileupload input.upload {position:absolute;top:0;right:0;opacity:0;margin:0;font-size:20px;cursor:pointer;}

/* custom 팝업 */
.popupWrap {position:absolute;top:0;left:0;width:100vw;height:100vh;min-width:1200px;overflow-y:auto;overflow-x:hidden;background-color:#fff;z-index:1000;}
.popupWrap .btn_popClose {position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;background-color:transparent;z-index:10;}
.popupWrap .btn_popClose:before,
.popupWrap .btn_popClose:after {content: "";position: absolute;top:50%;left: 50%;width:24px;height:2px;background-color:#fff;}
.popupWrap .btn_popClose:before {transform: translate(-50%, -50%) rotate(-45deg);}
.popupWrap .btn_popClose:after {transform: translate(-50%, -50%) rotate(45deg);}
.popupWrap .btn_popClose.light:before,
.popupWrap .btn_popClose.light:after {background-color:#fff;}
.popupWrap .popHeader {position:relative;height:60px;padding:0 20px;background-color:#0070C0;}
.popupWrap .popHeader h4.pop-title {margin:0;font-size:18px;line-height:60px;font-weight:700;color:#fff;}
.popupWrap .popContent {height:calc(100vh - 60px);padding:20px;background-color:#f5f5f5;}
.popupWrap .popFooter {background-color:#fff;height:70px;display:flex;justify-content:center;align-items:center;}
.popupWrap .popFooter .btn+.btn {margin-left:15px;}
.popupWrap .page-button {margin-top:20px;display:flex;justify-content:center;align-items:center;}
.popupWrap .page-button .btn+.btn {margin-left:10px;}
 

.ifr_src {height:80vh;width:100%;}
.ifr_src iframe {height:100%;width:100%;}

.imgviewer_src img {max-width:100%;}

tbody tr.selected {background-color:#eeecec;}

[data-js-mode-admin]:not(.show),[data-js-mode-center]:not(.show),[data-js-mode-teacher]:not(.show) {display:none !important;}

.image-editor {
    width: 100%;
    height: auto;	
}
.reportTable {
border: solid 1px;
}
.navbar-custom .app-search .notification-list .btn {
    background-color: #767c83;

    color: rgba(255, 255, 255, 1);
    border-radius: 5px;
    box-shadow: none !important;
}
.navbar-custom .button-menu-mobile {
	display: none;
}
@media (max-width: 991.98px) {
    .navbar-custom .button-menu-mobile {
        display: inline-block;
    }
}

body.authentication-bg {background-color: #9028fd;}
#sidebar-menu>ul>li>a:active, #sidebar-menu>ul>li>a:focus, #sidebar-menu>ul>li>a:hover {
    color: var(--ct-purple);
    text-decoration: none;
}
.nav-second-level li a:focus,.nav-second-level li a:hover {
    color: var(--ct-purple)
}
#sidebar-menu>ul>li>a.active {
    color: var(--ct-primary);
    text-decoration: none
}
#sidebar-menu>ul>li>a.active{
    color: var(--ct-primary);
    text-decoration: none
}

 .nav-second-level li.active>a {
    color: var(--ct-primary)
}

.jq-has-icon {
    padding: 10px;
    background-color: #323a46;
    color: #fff;
    border-color: #323a46
}
input[require="on"] ,select[require="on"]  {border-bottom: solid 1px #11248d;}

.right-bar {
    z-index: 3020;
}
.rightbar-overlay {
    z-index: 3000;
}
.offcanvas-backdrop,offcanvas-backdrop2 {
   z-index: 3010;
}
input[validate="num"] {text-align:right;}

input[validate="num"][require="on"]::placeholder {
  color: #e21943;
}


.select2-container .select2-selection--single .select2-selection__arrow {
    height: 29px;
    width: 34px;
    right: 3px
}
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 29px;
    padding-left: 12px;
    color: var(--ct-input-color);
    text-align: left
}

.select2-container .select2-selection--single {
    border: 1px solid var(--ct-input-border-color);
    height: 29px;
    background-color: var(--ct-input-bg);
    box-shadow: var(--ct-components-shadow-sm);
    outline: 0
}

.select2-dropdown {
   z-index: 5010;
}

.offcanvas-bottom {
    height: 30vh;
	min-height:250px;
 
}
.addon {
border-radius: 10% !important;
font-size: 9px;
	top: -6px !important;
   right: 0px !important;
}
.addm .card-body {
    padding: 0.5rem 0.5rem !important;
}
.offcanvas-start {
    width: 50vw;
	max-width: 400px;

}
.nav-bordered a.active {
    border-bottom: 2px solid #fdc45e!important
}

.nav-link:focus, .nav-link:hover {
    color: #fdc45e;
}

.auth-fluid-right {
    background: url(../../assets/images/bg-auth2.jpg) center no-repeat;
background-size: cover;
filter: blur(5px);
}

@media (min-width: 992px) {
 
    body[data-layout-mode=horizontal] .content-page {
        padding: 0px 15px 65px 15px;
    }
}