@charset "EUC-KR";

/* 񃧯 */
body {font-family: 'Noto Sans KR'; background-color:#f2f2f2}
.wrapper {min-width:1280px}

table.dataTable tbody th, table.dataTable tbody td, table.dataTable tfoot td {padding:.3rem .5rem;     vertical-align: middle;}
table.dataTable>tbody>tr>td.select-checkbox:before, table.dataTable>tbody>tr>th.select-checkbox:before {margin-top:0}
table.dataTable>tbody>tr.selected>td.select-checkbox:after, table.dataTable>tbody>tr.selected>th.select-checkbox:after {margin-top:0}
table.dataTable>tbody>tr>td.select-checkbox:before, table.dataTable>tbody>tr>td.select-checkbox:after, table.dataTable>tbody>tr>th.select-checkbox:before, table.dataTable>tbody>tr>th.select-checkbox:after {top:calc(50% - 6px);}
table.dataTable>tbody>tr.selected>td.select-checkbox:after, table.dataTable>tbody>tr.selected>th.select-checkbox:after {margin-top:0; content: " "; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");}

.search-form input, .search-form select, .dataTable select, .input-group select , .input-group input, .input-group button {font-size: .75rem !important; height:calc(1.85rem + 2px);}
.search-form select, .form-group select {padding:.1rem .75rem}
.search-form .select2-container--bootstrap .select2-selection--multiple {font-size: .875rem !important; min-height: 30px; height:calc(1.85rem + 2px);}
.date-picker {width:150px !important}
.datetimepicker-input {width:60% !important}
.col-form-label {justify-content:end !important; padding-right:15px}
.form-inline:not(:last-child) {margin-bottom:.25rem}
  
/*.form-inline .form-control {width:100%}*/

.value-change {border-color:coral;}
option:disabled {background-color:darkgray;}
.bootstrap-datetimepicker-widget {z-index:99999 !important;}

.select2-container--bootstrap4 .select2-selection--single {height:calc(1.5em + 0.5rem + 2px) !important;}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {line-height:calc(1.5em + 0.35rem);}

th {font-weight:500;}
tbody .dt-input, tfoot .dt-input {padding:1px !important;}
tfoot .func {vertical-align:middle;}
table.dataTable td, table.dataTable th {padding:.5rem}
table.dataTable thead th {vertical-align:middle;}
/*table.dataTable>tbody>tr.odd {background:#f2f2f2}*/
table.dataTable tfoot td.dt-foot-center {text-align:center !important;}
table.dataTable tfoot td.dt-foot-left {text-align:left !important;}
.datatable_foot td {vertical-align:middle;}
.no-border {border:0}
.orange {color:#f7941d}

/* ·Î±×ÀÎ */
.login-wrapper {width:100%; height:100vh; background:url(../images/login_bg.png) no-repeat center center;}
.login-wrapper h1 {text-align:center; margin-bottom:3rem;}
.login-cont {position:absolute; min-width:420px; top:40%; left:50%; transform:translate(-50%, -50%); padding:3rem 3rem 6rem; border-radius:40px; background:rgba(255,255,255,0.4); backdrop-filter:blur(2px); box-shadow:10px 10px 10px rgba(0,0,0,0.2), -10px -10px 10px rgba(255,255,255,0.5);}
.login-cont input[type=text],.login-cont input[type=password] {width:100%; height:3.5rem; padding:0 .5rem; border:1px solid #ced4da; border-radius:.25rem;}
.login-cont input.btn-login {width:100%; height:3.5rem; border:0; background:#565a5b; color:#fff; border-radius:.25rem;}
.login-cont input.btn-login:hover {background:#d20015}
.login-cont .form-check {text-align:right;}

/* ·Î±×ÀÎ input */
.form-floating{position:relative}
.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}
.form-floating>label{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem .75rem;overflow:hidden;font-weight:normal!important;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}
.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}
.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}
.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control-plaintext~label{border-width:1px 0}

/* Çì´õ */
.main-header {border-bottom:1px solid #babdc0;}
.main-header .nav-link {height:auto;}
/*.navbar-expand {flex-flow:row-reverse;}*/

/* ¸Þ´º */
.logo {text-align:center; display:inline-block; width:100%; max-height:48px;}
.main-sidebar {background:linear-gradient(#111,#343636 50%)}
.sidebar {padding:0}
.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link {width:100%}
.nav-sidebar .nav-item>.nav-link {margin:0}
.nav-sidebar .menu-open>.nav-treeview {background:rgba(192,206,209,0.2) !important;}
.nav>li>a:focus, .nav>li>a:hover {background:transparent; color:#fff}
.nav-pills .nav-link {border-radius:0; /*color:#bfc0c0*/}
.nav-pills .nav-link:not(.active):hover{color:#fff; font-weight:500;}
.nav-link:hover{color:#fff}
.nav-icon01{height:20px; margin-bottom:-4px; background:url(../images/nav_icon01.png) no-repeat top center;}
.nav-icon02{height:20px; margin-bottom:-4px; background:url(../images/nav_icon02.png) no-repeat top center;}
.nav-icon03{height:20px; margin-bottom:-4px; background:url(../images/nav_icon03.png) no-repeat top center;}
.nav-icon04{height:20px; margin-bottom:-4px; background:url(../images/nav_icon04.png) no-repeat top center;}

.container-wrapper {/*padding-left:250px;*/}
.container-wrapper-height {height: calc(100% - 97px);}
.info-my span {position:relative; padding:0 .7rem;}
.my-cont i {display:inline-block; width:16px; height:16px; margin-bottom:-2px; margin-right:.25rem; background:url(../images/my_icon.png) no-repeat top center;}
.my-cont:before {position:absolute; display:inline-block; content:''; width:0.05rem; height:1rem; top:calc(50% - 6px); right:0; background:#ccc;}
.nth-tabs {border:0 !important}
.nth-tabs .page-tabs {background:transparent; height:initial; line-height:32px; padding:.5rem;}
.nth-tabs .content-tabs {background:transparent; height:34px; line-height:32px;}
.nth-tabs .roll-nav {height:34px}
.nth-tabs .roll-nav-left, .nth-tabs .roll-nav-right, .nth-tabs .right-nav-list {top:.5rem; border:1px solid #babdc0; border-radius:.25rem; margin-right: 7px;}
.nth-tabs .roll-nav-left {left:7.5px}
.nth-tabs .roll-nav-right {right: 44px;}
.nav-tabs {background:transparent; border-bottom:0 !important;}
.nav-tabs>li {margin-left:4px;}
.nav-tabs>li:first-child a {padding-right:10px}
.nav-tabs>li>a {background:#fff; border:1px solid #ccc; border-radius:.25rem;}
.nav.nav-tabs>li>a:focus, .nav.nav-tabs>li>a:hover {background:#f5e2e2; color:#2e444b;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background:#3c8dbc; color:#fff; border-color:#3c8dbc}
.nth-tabs .tab-close {top:10px;}
.nth-tabs .tab-close:hover {background-color:#d20015}
.nth-tabs .active .tab-close {color:#fff;}
.nth-tabs .right-nav-list a {padding:0 10px}
.tab-list li {padding:0 30px !important}
.page-title {margin:.7rem 0; font-size:1.5rem}
.cont-title {font-size:1rem;}
.card {box-shadow:none; border:1px solid #babdc0;}
.page-link {color:#555}
.page-link:hover {color:#b00012}
.page-link:focus {box-shadow:0 0 0 .2rem rgba(210,0,21,.25)}
.page-item.active .page-link{background:#d20015; border-color:#d20015;}
.form-control:focus {border-color:#ff7f8c;}
.form-group {margin-bottom:.5rem}

/* üũ¹Ú½º */
.form-check {padding:.25rem}
.form-check-label {margin-left:.25rem; margin-bottom: 8px;}
.form-check input {position:relative; width:1rem; height:1rem; margin:0}
.form-check-input {-webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#f2f2f2; background-position:50%; background-repeat:no-repeat; background-size:contain; border:1px solid #ccc;}
.form-check-input[type=checkbox] {border-radius:.15rem}
.form-check-input:active {filter:brightness(100%)}
.form-check-input:focus {border-color:#ccc; box-shadow:0 0 .75rem .25rem rgba(210,0,21,.25); outline:0}
.form-check-input:checked {background-color:#d20015; border-color:#d20015;}
.form-check-input:checked[type=checkbox] {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");}

/* ¾ÆÀÌÄÜ */
.fa-checksave,.fa-delete {display:inline-block;width:16px;height:16px;margin-top:3px}
.fa-checksave:before,.fa-delete:before {display:inline-block;content:"";width:100%;height:100%}
.fa-checksave:before {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23222' viewBox='0 0 16 16'%3E%3Cpath d='M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zm1.354 4.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708.708z'/%3E%3C/svg%3E");}
.fa-delete:before {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23222' viewBox='0 0 16 16'%3E%3Cpath d='M12,2H9V1c0-0.552-0.447-1-1-1C7.448,0,7,0.448,7,1v1H4C2.896,2,2,2.896,2,4v10c0,1.104,0.896,2,2,2h8c1.105,0,2-0.896,2-2  V4C14,2.896,13.105,2,12,2z M5.5,12.5C5.5,12.775,5.276,13,5,13s-0.5-0.225-0.5-0.5v-5C4.5,7.224,4.724,7,5,7s0.5,0.224,0.5,0.5  V12.5z M8.5,12.5C8.5,12.775,8.276,13,8,13s-0.5-0.225-0.5-0.5v-5C7.5,7.224,7.724,7,8,7s0.5,0.224,0.5,0.5V12.5z M11.5,12.5  c0,0.275-0.224,0.5-0.5,0.5s-0.5-0.225-0.5-0.5v-5C10.5,7.224,10.724,7,11,7s0.5,0.224,0.5,0.5V12.5z M12.5,5h-9  C3.224,5,3,4.776,3,4.5S3.224,4,3.5,4h9C12.776,4,13,4.224,13,4.5S12.776,5,12.5,5z'/%3E%3C/svg%3E");}

/* ±âÁ¸¹öÆ° */
.btn-default {color:#565a5b; background-color:#fff; border-color:#565a5b;}
.btn-default:hover {color:#fff; background-color:#565a5b; border-color:#565a5b;}
.btn-default.disabled, .btn-default:disabled {color:#fff; background-color:#999; border-color:#999;}

/* ¹öÆ° */
.btn-search {background:#007bff; color:#fff; border-color:#007bff;}
.btn-search:hover {background:#007bff; color:#fff; border-color:#007bff;}
.btn-excel {background:#38885e; color:#fff; border-color:#38885e;}
.btn-excel:hover {background:#237449; color:#fff; border-color:#237449;}
.btn-gray {background:#565a5b; color:#fff; border-color:#565a5b;}
.btn-gray:hover {background:#4b4e4f; color:#fff; border-color:#4b4e4f;}
.btn-download {}
/* ¾Ë¸²Æ˾÷ */
.swal2-title {padding:2rem 2rem 1rem !important; font-size:1.25rem !important;}
.swal2-container.swal2-center>.swal2-popup {padding:0;}
.swal2-styled {margin:0 !important; border-radius:0 0 0 0.25rem !important; font-weight:inherit !important;}
.swal2-styled.swal2-confirm {background-color:#565a5b !important}
.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px rgba(220,53,69,.5) !important}
.swal2-actions {flex-wrap:nowrap !important; align-items:flex-end !important; width:100% !important}
.swal2-actions button {width:100%}
.swal2-styled.swal2-cancel {border-radius:0 0 .25rem 0 !important}

/* ¿¡·¯ */
.error-box {margin:0 auto; width:1000px; margin-top:100px; text-align:center}
.error-box h1 {padding-top:250px; padding-bottom:20px; color:#d20015; font-size:60px; font-weight:500}
.error-box h1.access {background:url(../images/access.png) no-repeat top center}
.error-box h1.error {background:url(../images/error.png) no-repeat top center}
.error-box h2 {font-size:20px; color:#111}
.error-box .btn-go {height:3.5rem; padding:0 3rem; font-size:1rem; background:#565a5b; color:#fff; border:0; border-radius:.25rem}

/* select2 multi */
.select2-selection__rendered { height: 33px;}

.card-footer{margin: 0px 5px;background-color: transparent;border-top: 1px solid #dddddd;}

.dropdown .dropdown-menu .dropdown-toggle { display: none;}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
/*
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}   */ 

.card-header > .card-tools {
    margin-right: 0.5rem;
}
.card-footer .btn {/*min-width: 74px;*/}
.search-form .input-group {padding: 0px 2px;}
.control-label {padding: 0px 5px;}
.input-group-text { padding: 0px 5px; }
.bg-light-blue {background-color: #3c8dbc !important;}
.bg-light-blue-active {
  	background-color: #357ca5 !important;
}
.bg-light-blue,
.bg-blue-active,
.bg-light-blue-active {
	color: #fff !important;
}

/* file upload */
.fade.in {opacity: 1;}
span.pilsu {
    color: #d0270b;
    font-weight: 500;
    margin-left: 3px;
}
/* jquery-validation */
.error {
    display: block;
    color: #f00;
    border-color: #f00 !important;
}

.bootstrap-datetimepicker-widget table th {
    font-size: 80%;
}
.bootstrap-datetimepicker-widget table td {
    font-size: 80%;
}