@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Teko');

body{font-family:"Noto Sans KR",Roboto,Arial, sans-serif !important;font-weight:600;font-size:14px;background:#f4f8fb}

.snb{left:0;height:100%;position:absolute;width:200px;top:70px;bottom:-70px;background:#001b57;}
.snb.fixed{position:fixed;top:0px;bottom:0px;}
.snb .nav-link{color:white;text-align:center;font-size:16px;border-bottom:1px solid #334979;line-height:35px;}
.snb .nav-link.active{background:#e3efff;color:#001b57;}
.snb .nav-link.sub{color:white;text-align:right;background:#333;padding-left:15px;font-size:14px;}
.snb .nav-link.sub.active{background:#336;}

img{max-width:100%;}
.navbar{margin-bottom:0px !important;}
#wrapper{width:calc(100% - 220px);margin-left:220px;}
.wrapper{width:calc(100% - 220px) !important;margin-left:220px;padding-top:35px;}
#container{width:1000px;margin:0 auto;padding-top:15px;}
.elements{width:100%;display:table;}
.elements.top{margin-bottom:15px;}
.elements.bottom{margin-top:15px;}
.left{float:left;}
.right{float:right;}
.dataTable_wrap{}
.rtop{float:left;}
.ltop{float:left;}

.table, .tbl_detail {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  background:white;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 12px -5px rgba(33,33,33,.46);
}

.h3, h3{
  font-weight:600;
  font-size:16px;
}

caption {
  display: table-caption;
  caption-side: bottom;
}
thead{
  display: table-header-group;
}
tbody{
  display: table-row-group;
}
tr {
  display: table-row;
}
th {
  display: table-cell;
  background: #e3efff;
  border-bottom: 1px solid #fff;
  color: #000;
  vertical-align: middle;
  //padding-right:50px;
}

.table .tl{
  text-align:left;
  padding-left:15px;
}

.table td{
  border-bottom:1px solid #333;
  vertical-align: middle;
}

.empty-row{
  line-height:150px;
  text-align:center;
  font-size:1.1em;
}

.navbar.bg-dark .navbar-toggler .navbar-toggler-icon{
  height:30px;
  background-color:#212121;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{
  font-size:10px;
}

.form-inline{
  width:100%;
}

.bmd-form-group{
  padding-top:0px;
}

i{vertical-align: middle;}

.mdl-cell--6-col{display:inline-block;margin:0 5px;}

div.dataTables_wrapper div.mdl-grid.dt-table>div.mdl-cell{min-width:970px;}
.dt-table{width:100%;}

.modal-dialog{max-width:90%;width:800px;}

.logout_btn{position:absolute !important; right:15px; top:10px;}
.push_btn, .sms_btn{position:absolute !important; right:478px; top:10px;}
.statusboard {position:absolute !important; right:125px; top:10px;}
.fs {position:absolute !important; right:345px; top:10px;}
.fs-rev {position:absolute !important; right:235px; top:10px;}

.linear-card{float:left;width:18%;height:99px;margin:5px;}
.linear-card .card-icon{line-height:84.36px; cursor:pointer;}
.bay-card{cursor:pointer;}
.bay-card.bay-closed{background:lightgray;}
/* 회원 상세 */
.hr{height:1px;background:#323232;width:100%;margin:15px 0;}
.hor_container {width:100%;padding:30px 0;margin-top:30px;border-bottom:1px solid #323232;}
.hor_container .hor_title {font-size:15px;color:#323232;}
/*.hor_container .hor_box {margin-top:15px;margin: 0; padding: 0; height: 160px; list-style: none;}*/
/*.hor_container .hor_box .item_cell {float: left; margin: 0 0 5px 0; padding: 0; width: 100%; height: 100px; padding:15px 20px; background:#656565; color:#fff; width:350px;height:160px;}*/
.hor_container .hor_box .item_cell a {color:inherit;}
.hor_container .hor_box .item_cell .name_line {font-size:19px;color:#888;font-family: 'Teko', 'Noto Sans KR', sans-serif;}
.hor_container .hor_box .item_cell .detail{list-style:none;padding-left:0;}
.hor_container .hor_box .item_cell .detail li{margin:6px 0;}
.hor_container .hor_box .item_cell .detail li span{}
.hor_container .hor_box .item_cell .detail li span:after{content:" | "; margin:0 5px;}

.list{list-style:none;width:100%;padding-left:0;}
.list li{width:100%;border-bottom:1px solid #999;display:table;padding:3px 0;}
.list li span{line-height:50px;text-align:left;margin-left:5px;}
.list li button{float:right;}

.btn.btn-primary {background-color:#04406f;border-color:#04406f;}
.btn.btn-primary:hover {background-color:#03306f;border-color:#03306f;}
.btn.btn-warning {background:#333;border-color:#333;}
.btn.btn-warning:hover, .btn.btn-warning:focus {background:#333;border-color:#333;}
.btn.btn-warning.active.focus, .btn.btn-warning.active:focus, .btn.btn-warning.active:hover, .btn.btn-warning:active.focus, .btn.btn-warning:active:focus, .btn.btn-warning:active:hover, .open>.btn.btn-warning.dropdown-toggle.focus, .open>.btn.btn-warning.dropdown-toggle:focus, .open>.btn.btn-warning.dropdown-toggle:hover, .show>.btn.btn-warning.dropdown-toggle.focus, .show>.btn.btn-warning.dropdown-toggle:focus, .show>.btn.btn-warning.dropdown-toggle:hover{background:#333;border-color:#333;}

@media (max-width: 991px){
  .nav-tabs .nav-item .nav-link, .nav-tabs .nav-item .nav-link:focus, .nav-tabs .nav-item .nav-link:hover{
    color:#333 !important;
  }
}

/*예약현황*/
#scheduler{}
#scheduler .row{margin-left:0;margin-right:0;}
#scheduler .closed{background:#939393;}
.reservation-final.state00{background: linear-gradient(#001b57, #012b67);} /*예약상태*/
.reservation-final.state01{background: linear-gradient(#9b8600, #af9800);} /*/*입고상태*/
.reservation-final.state02{background: linear-gradient(#b24100, #f75a00);} /*수리완료상태*/
.reservation-final.state03{background: linear-gradient(#2f8e00, #43a313);} /*출고완료상태*/
.reservation-final.state13{background: linear-gradient(#2f8e00, #43a313);} /*출고완료+수리완료상태*/

.reservation-final.type1{background:#6f8f51;} /*RSM*/
.reservation-final.type2{background:#5a2c99;} /*DD*/

.time_control{}
.time_control .time_down, .time_control .time_up{cursor:pointer;}
.bay_control{}
.bay_control .bay_down, .bay_control .bay_up{cursor:pointer;}

.reservation{padding:5px;text-align:left;//padding-right:100px;position:relative;}
.reservation span{color:cornsilk;width: 100%;height: 100%;display:block;cursor:pointer;font-size:12px;}
.reservation button{position:absolute;/*right:10px;top:8px;*/}

#repair_cat_select_modal .modal-dialog{width:500px !important;}
.repair_ids .badge{margin:5px;padding:10px;font-size:15px;}

.dataTables_filter{border:1px solid #04406f;padding:1.5px 15px; }
.dataTables_filter label{color:#04406f;}

.no-wrapper{border:0px; color:#000000; font-weight:bold;text-align:center; font-size:16px; background:none; cursor:pointer;}


/* 상세 이미지 리스트 */
.class_attach{display:inline-block;margin-right:10px;width:200px;min-height:150px;padding:8px; position:relative;border:1px solid #e9e9e9; border-radius:4px;vertical-align:top;}
.class_attach:hover{border-color:#29c2bd;}
.class_attach .clicker{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;cursor:pointer;}
.class_attach .show_on{position:absolute;top:2px;left:2px;padding:8px;z-index:2;cursor:pointer;}
.class_attach .play_btn{position:relative;cursor:pointer;padding:3px;border-radius:5px;text-align:center;z-index:2;}
.class_attach .play_btn:hover{background:#29c2bd;}
.class_attach input[type=file]{display:none;}
.class_attach .delete_ico{font-size:20px;background:white;width:22px;height:22px;padding:3px;position:absolute;z-index:2;right:2px;top:2px;cursor:pointer;background:none;}
.class_attach .delete_ico:hover{color:#29c2bd;}
.class_attach img{max-width:100%;height:auto;}
.add_ico{padding:8px;border:1px solid #555555;border-radius:50%; height:20px; width:20px; font-size:20px; line-height:20px; text-align:center; display:inline-block; cursor:pointer; box-sizing:content-box;}

.navbar .navbar-nav .nav-item .nav-link{font-size:20px;}
.nav-head{margin:0 auto;}

.date_interval{text-align:left;padding:12px 24px 0;}
.date_interval span, .date_interval input{display:inline-block;}

.taggle_list{list-style:none;padding-left:0;margin-left:0;}
.taggle_list .taggle{display:inline-block;}
.taggle_list .taggle button{display:inline-block;vertical-align:top;margin-top:-6px;margin-left:5px;}
.taggle_sizer{display:none;}

@media(max-width:1200px) {
  .navbar .navbar-nav .nav-item .nav-link{font-size:16px;}.
}

@media(max-width:1100px) {
  .navbar .navbar-nav .nav-item .nav-link{padding:8px;}
}

@media(max-width:980px) {
  .nav-head{margin:0;}
}

.dt-table{min-height:300px;}


/*-------------------------------------------
    $ Main
-------------------------------------------*/


.text-giga { line-height: 1; font-size: 24px; font-weight: 300; }
.pad-top    { padding-top: 1em; }
.space-out { margin: 100px; }


/*-------------------------------------------
    $ Loaders
-------------------------------------------*/
.loader-container{
  width:100%;
  height:100%;
  text-align:center;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background:rgba(0,0,0,0.5);
  z-index:1000;
}

.loader-container.no-back{
  background:none;
}

.loader {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    top:50%;
    left:50%;
    position:absolute;
    margin-top:-25px;
    margin-left:-25px;
    background:#1428a0;
}
.loader,
.loader:before,
.loader:after {
    animation: 1s infinite ease-in-out;
    box-sizing:content-box;
}
.loader:before,
.loader:after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.loader-tiny{width:25px;height:25px;}
.loader-middle{width:37px;height:37px;}
.loader-inline{margin-top:0;}
.loader-black { background-color: #1428a0; }

.loader-1 { animation-name: loader1; }
@keyframes loader1 {
    from { transform: scale(0); opacity: 1; }
    to   { transform: scale(1); opacity: 0; }
}


/* Loader 2 */

.loader-2:before,
.loader-2:after {
    content: '';
}
.loader-2:before {
    border: 1px solid #aaa;
    top: -1px;
    left: -1px;
    opacity: 0;
    animation-name: loader2-1;
}

    @keyframes loader2-1 {
        0% { transform: scale(1); opacity: 1; }
        50% { transform: scale(1.3); opacity: 0; }
        100% { transform: scale(1.3); opacity: 0; }
    }

.loader-2:after {
    background-color: #fff;
    animation-name: loader2-2;
}

    @keyframes loader2-2 {
        0% { transform: scale(1); }
        50% { transform: scale(0.7); }
        100% { transform: scale(1); }
    }


/* Loader 3 */

.loader-3:before {
    content: '';
    border: 10px solid white;
    top: -10px;
    left: -10px;
    animation-name: loader3;
}

    @keyframes loader3 {
        0% { transform: scale(0); }
        100% { transform: scale(1); }
    }


/* Loader 4 */

.loader-4:before {
    content: '';
    width: 25px;
    height: 25px;
    margin: 0 0 0 -12px;
    background-color: white;
    top: auto;
    bottom: 0;
    left: 50%;
    transform-origin: 50% 0%;
    animation: loader4 1s infinite linear;
}

    @keyframes loader4 {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }


/* Loader 5 */

.loader-5 {
    animation: loader5 1s infinite linear;
}

    @keyframes loader5 {
        0% {   transform: rotate(0deg); border-radius: 50%; }
        50% {  transform: rotate(90deg); border-radius: 0%; }
        100% { transform: rotate(180deg); border-radius: 50%; }
    }


/* Loader 6 */

.loader-6 {
    animation: loader6-1 1.5s infinite linear;
}
.loader-6:before,
.loader-6:after {
    content:'';
    margin: -25px 0 0 -25px;
    top: 50%;
    left: 50%;
    background-color: rgba(30,30,30,0.7);
    animation-name: loader6-2;
}
.loader-6:after { animation-direction: reverse; }

    @keyframes loader6-1 {
        0% {   transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    @keyframes loader6-2 {
        0%   { transform: scale(0.2); left:   0%; }
        50%  { transform: scale(1.0); left:  50%; }
        100% { transform: scale(0.2); left: 100%; }
    }


/* Loader 7 */

.loader-7 {
    animation: loader7-1 1s infinite linear;
}

.loader-7:before,
.loader-7:after {
    content: '';
    width: 80%;
    height: 80%;
    background-color: #333;
    top: 5%;
}
.loader-7:before {
    left: -5%;
    animation: loader7-2 1s infinite alternate ease-in-out;
    transform-origin: 10% 50%;
}
.loader-7:after {
    left: auto;
    right: -5%;
    animation: loader7-2 1s 1s infinite alternate ease-in-out;
    transform: scale(0);
    transform-origin: 90% 50%;
}

    @keyframes loader7-1 {
        0%   { transform: rotate(20deg); }
        100% { transform: rotate(380deg); }
    }

    @keyframes loader7-2 {
        0%   { transform: scale(0); }
        100% { transform: scale(1); }
    }


/* Loader 8 */

.loader-8:before,
.loader-8:after {
    content: '';
    background-color: #333;
    transform: scale(0);
    animation: loader8 1.5s infinite ease-in-out;
}
.loader-8:after { animation-delay: 0.75s; }

    @keyframes loader8 {
        0%   { transform: translateX(-100%) scale(0); }
        50%  { transform: translateX(0%)    scale(1); }
        100% { transform: translateX(100%)  scale(0); }
    }


/* Loader 9 & 10 */

.loader-9,
.loader-10 {
    background-color: white;
    animation: loader9 0.4s infinite linear;
}
.loader-10 {
    animation: loader10 60s infinite ease-in-out;
}
    .loader-9:before,
    .loader-10:before {
        content: '';
        width: 80%;
        height: 80%;
        background-color: white;
        top: 10%;
        left: 10%;
        box-shadow: 5px -3px 0 rgba(255,100,100,0.7),
                    5px 5px 0 rgba(100,255,100,0.7),
                    -3px 5px 0 rgba(100,100,255,0.7),
                    -5px -5px 0 rgba(240,240,120,0.7);
    }
    .loader-9:after,
    .loader-10:after {
        content: '';
        border: 3px solid white;
        z-index: 2;
        top: -3px;
        left: -3px;
    }

    @keyframes loader9 {
        0%   { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    @keyframes loader10 {
        0%   { transform: rotate(0deg); }
        100% { transform: rotate(360000deg); }
    }


.btn-add-income{}
.btn-remove-income{}
.income_data_box{}
.income_data_box .elements.top button{}
.income_data_box ul{display:table;width:100%;}
.income_data_box ul li{list-style:none;width:50%;float:left;padding:5px 0;border-bottom:1px solid #999;}
.income_data_box ul li select{width:24%;display:inline-block;}
.income_data_box ul li input[type=text]{width:24%;display:inline-block;}
.income_data_box ul li button{width:24%;display:inline-block;}

.chart_top{width:100%;display:table;}
.chart_top div{width:50%;padding:15px 20px;float:left;background:white;border:0px solid #999;margin-bottom:10px;text-align:center;}
.chart_top div:first-child{border-right:0px;}
.chart_box{width:100%;margin-bottom:10px;background:white;}
.chart_box .chart-container{width:49%;display:inline-block;}

.quick-list .dropdown-item{padding:0 !important;height:50px !important;}
.dropdown-item:hover{color:white !important;}
.dropdown-item .quick-item{height:100%;display:inline-block;height:50px !important;line-height:50px;}
.dropdown-item button{border:0px;box-shadow:none;background:none;cursor:pointer;}
.dropdown-item button:hover{color:white;}

.btn.btn-info, .btn.btn-info:hover,
.btn.btn-warning, .btn.btn-warning:hover{background:#001b57; color:white;}
.btn.btn-secondary, .btn.btn-secondary:focus, .btn.btn-secondary:hover, .btn.btn-default, .btn.btn-default:hover, .btn.btn-default:focus{background:#d9d9d9; color:#ffffff;}
.btn.btn-primary, .btn.btn-primary:focus, .btn.btn-primary:hover{background:#001b57 !important; color:#ffffff;}
.btn.btn-rounded{border-radius:20px;}
.modal .btn.btn-secondary{background:#e3efff;color:#000000;}
.tbl_detail th, .tbl_detail td{border:1px solid #d9d9d9;}

.btn.btn-top1, .btn.btn-top1:hover{border-radius:20px;background:#e3efff;color:#001b57;font-weight:bold;box-shadow:none;}
.btn.btn-top2, .btn.btn-top2:hover{color:#001b57;font-weight:bold;background:transparent;box-shadow:none;}
.btn.btn-top3, .btn.btn-top3:hover{color:#001b57;font-weight:bold;background:transparent;box-shadow:none;}

.site-title{position:absolute;line-height:70px;top:0;left:250px;}
.site-title img{height:20px;vertical-align:middle;}
.site-title span{vertical-align:middle;margin-left:5px;color:#001b57;}

.pgtitle{display:none;}
.chart_box_sub .pgtitle{display:block;}
.mdl-grid:first-child{text-align:right;width:100%;display:block;}
#DataTables_Table_0_length{margin-bottom:25px;}
#DataTables_Table_0_length label{background:#ffffff;padding:0 8px;}
#DataTables_Table_0_length label select{}
.dataTables_filter{border:#ffffff 1px solid; background:#ffffff;}
.table td:first-child{background:#e3efff;color:#000000;}
#DataTables_Table_0_length .form-control, .dataTables_filter .form-control{background:white;}

.type_cls{float:left;}