@charset "UTF-8";
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
th,
td,
form,
fieldset,
legend,
textarea,
input,
select,
textarea,
button {
  margin: 0;
  padding: 0;
}



body,
select,
textarea,
button {
/*   color: #000; */
  font-family: 'NotoSansKR', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

img {
  border: 0;
  vertical-align: top;
}

ul,
ol,
li {
  list-style: none;
}

em,
address {
  font-style: normal;
}

em,
address {
  font-weight: 400;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

a:hover, a:active, a:focus {
  text-decoration: none;
}

b, strong {
    font-weight: 600;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  -webkit-tap-highlight-color: transparent;
  outline: none;
}


element.style {
}
button.t_basic_btn {
    min-width: 70px;
    padding-left: 13px;
    padding-right: 13px;
    height: 32px;
    color: #fff;
    border-radius: 3px;
    padding-bottom: 1px;
    font-weight: 400;
    background: #7d94aa center left 23px no-repeat;
}
.btn-sm{
	min-width: unset !important;
	padding: 0px 9px;
	line-height: unset;
}


select,
textarea {
  border: 0;
  outline: none;
}

label, optgroup {
    font-weight: 500;
}


input::placeholder,
textarea::placeholder {
color: #666666;
opacity: 0.6;
font-size: 13px;
font-weight: 400;
font-family: 'NotoSansKR', Helvetica, Arial, sans-serif;
}

input{
  font-family: 'NotoSansKR',arial,sans-serif;
  border: 0;
  background: #fff;
  padding-left: 13px;
  padding-right: 13px;
  box-sizing: border-box;
  height: 33px;
  font-size: 13px;
  color: #888888;
  border-radius: 3px;
}
Input:-webkit-autofill {
	-webkit-text-fill-color: #666 !important;
	box-shadow: 0 0 0px 1000px #ffffff inset !important;
	transition: background-color 5000s ease-in-out 0s;
}

input[type="file"] {
    display: block;
    padding: 5px 0 0 8px;
    font-weight: 300 !important;    
    border: 1px solid #c5c5c5;
}
input[type="file"]:hover,
input[type="file"]:focus,
input[type="file"]:active {
    border: 1px solid #416fac;
	outline: 0px auto -webkit-focus-ring-color;
   	outline-offset: 0px;
}
input[type=file]::file-selector-button {
    font-size: 12px;
    color: #fff;
    background-color: #939393;
    border: 1px solid #939393;	
    border-radius: 3px;
/* 	transition: 1s; */
}	
input[type=file]::file-selector-button:hover {
  background-color: #66778e;
  border: 1px solid #66778e;
  color: #fff;
}

.search_input input {
    font-family:'NotoSansKR',arial,sans-serif;
    border: 1px solid #5a5f63;
    background: #212528;
    padding: 7px 15px;
    box-sizing: border-box;
    height: 37px;
    color: #f0f0f0;
    font-size: 13px;
    border-radius: 3px;
    outline: none;
}
.search_input input::placeholder {
    color: #595c5e;
}
.search_input input:focus {
    border: 1px solid #cf9b42;
    background: #212528;
    padding: 7px 15px;
    color: #ffffff;
    font-size: 13px;
}
.search_input input:disabled {
    border: 1px solid #484d52;
    background: #394046;
    color: #5d6266;
    font-size: 13px;
}

.input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 25px !important;
    padding: 3px 9px;
    font-size: 12px;
    line-height: 1.42;
    border-radius: 2px;
}

.clearfix {
    zoom: 1;
    /* ie 6,7 */
}
.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}
.clearfix::after {
    clear: both;
}

/* 기본 바탕색 */
.defaultFillBgColor {
	background: #f5f5f5;
}

.defaultFillBox {
	display: inline-flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	vertical-align: top;
	background-color: #f9f9f9;
	box-shadow: 0 0 0 1px rgb(118 118 122 / 5%), 0 1px 3px 0 rgb(20 20 31 / 15%);
	border-radius: 0.25rem;
}

.defaultFillBox2 {
	flex-direction: column;
	width: 100%;
	height: 100%;
	vertical-align: top;
	background-color: #e5e5e5;
	box-shadow: 0 0 0 1px rgb(118 118 122 / 5%), 0 1px 3px 0 rgb(20 20 31 / 15%);
	border-radius: 0.25rem;
}

.noBgcolor {
	background-color: #fff !important;
}

/* top 및 leftmenu */
.header_wrap  button.logo {
    width: 140px;
    height: 26px;
    background: url('../../images/logo.png') no-repeat;
    margin-top: 17px;		/* 메뉴 추가로 수정  5 --> 17 */
}
.navbar {
  background-color: #2988bc;
}

/* Top Navigation */
.top-nav {
    padding: 0 15px;
    font-size: 15px;
    font-weight: 400;    
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 20px;
    color: #fff;
}

/*
.top-nav>li>a:focus, 
.top-nav>li>a:active {
	background-color: #2988bc;
	color: #fae100;
}
*/

.top-nav>li>a:focus, 
.top-nav>li>a:hover,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #a0ddff;    
/*     font-size: 14px; */
    background-color: #2988bc;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}
.topIcon {
	width: 30px;
	padding: 0px 0px;
}
.topIcon > a {
	padding: 20px 0px 0px !important;
}
.navbar .nav > li > a > .label {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 14px;
  right: 6px;
  font-size: 10px;
  font-weight: normal;
  min-width: 15px;
  min-height: 15px;
  line-height: 1.0em;
  text-align: center;
  padding: 2px;
  background-color: #2988bc;
}

.navbar .nav > li > a:hover > .label {
  top: 10px;
}

.navbar-brand {
    padding: 5px 15px;
}


/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
#wrapper {
    padding-left: 0;
    background: #fff !important;
	margin-top: 50px;
    overflow-x: hidden;
	min-height: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;	
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    position: fixed;
    z-index: 1000;
    left: 250px;
    width: 0;
  	min-height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
/*   display: none; */
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#wrapper.toggled #px-content {
    position: absolute;
    margin-right: -250px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-top {
    position: fixed;
    top: 60px;
    width: 230px;
    margin: 0;
    padding: 0;
    background: #ededed;    
	border-right: 1px solid #cccccc;
    overflow-y: hidden;
    bottom: 0;
    overflow-x: hidden; 
}
.sidebar-brand {
    position: absolute;
    background: #88c7eb;  
    top: 60px;
    bottom: 0;
}
.sidebar-brand li {
    width: 250px;
    height: 40px;	
	color: #006dab;
	font-size: 18px;
    padding: 13px 15px;
    font-weight: 600;
}
.sidebar-nav {
    position: absolute;
    background: #fff;  
    top: 110px;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;    
	border-right: 1px solid #cccccc;
    overflow-y: auto;
    bottom: 0;
    overflow-x: hidden; 
}

.sidebar-nav > li > a {
 	color: #4c689f !important;
    width: 250px;
    border-bottom: 1px #cccccc solid;
    font-size: 14px;
}

.sidebar-nav li a:hover/*, .sidebar-nav li a:focus*/ {
/*     color: #555555 !important; */
/*     font-size: 14px; */
    outline: none;
    font-weight: 400;
    color: #fff !important;
    background-color: #9cacc3 !important;
}
.sidebar-nav .currHover,
.sidebar-nav .currHover > a {
    outline: none;
    font-weight: 400;
    color: #fff !important;	
    background-color: #9cacc3 !important;	
}

.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sidebar-nav > li > ul > li > a {
    color: #666666 !important;
    font-size: 13px;
    display: block;
    padding: 10px 10px 10px 35px;
    text-decoration: none;
}


/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
	top: 6px;
	position: relative;
	z-index: 999;
	display: block;
	width: 22px;
	height: 20px;
/* 	background: transparent; */
	background: url('../../images/ic_menuoff.png') no-repeat;
	border: none;
}
.hamburger.is-closed { 
	background: url('../../images/ic_menuon.png') no-repeat;
}

/*
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
	outline: none;
}
.hamburger.is-closed:before {
	content: '';
	display: block;
	width: 100px;
	font-size: 14px;
	color: #fff;
	line-height: 29px;
	text-align: center;
	opacity: 0;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: all .25s ease-in-out;
}
.hamburger.is-closed:hover:before {
	opacity: 1;
	display: block;
	-webkit-transform: translate3d(-100px,0,0);
	-webkit-transition: all .25s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
	position: absolute;
	left: 0;
	height: 3px;
	width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
	background-color: #5e77a9;
}
.hamburger.is-closed .hamb-top { 
	top: 6px; 
	-webkit-transition: all .25s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
	top: 53%;
	margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
	bottom: 5px;  
	-webkit-transition: all .25s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
	top: 0;
	-webkit-transition: all .25s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
	bottom: 0;
	-webkit-transition: all .25s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
	background-color: #5e77a9;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
	top: 50%;
	margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
	-webkit-transform: rotate(45deg);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
	-webkit-transform: rotate(-45deg);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
	content: '';
	display: block;
	width: 100px;
	font-size: 14px;
	color: #fff;
	line-height: 29px;
	text-align: center;
	opacity: 0;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: all .25s ease-in-out;
}
.hamburger.is-open:hover:before {
	opacity: 1;
	display: block;
	-webkit-transform: translate3d(-100px,0,0);
	-webkit-transition: all .25s ease-in-out;
}
*/

/* 푸터 영역 */
.px-footer {
/*     height: 100px; */
    background: #f5f5f5;
}

.imgArea {
  background-color: #fff;
  border: 1px solid #d6d6d6;
}

.imgModal {
	display: none;
	z-index: 500;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
}

.imgModal button {
	position: absolute;
	top: 3rem;
	right: 3rem;
	background: transparent;
	border: 0;
	color: #ffffff;
	font-size: 7rem;
}

.imgModalBox {
	position: relative;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -20%);
	background-color: #ffffff;
 	width: 70%;
/*  	height: 30%; */
	text-align: center;
}

.imgModalBox img {
 	width: 100%;
}

.imgModalBox p {
	color: #fff;
	background-color: #000;
	font-size: 2rem;
	padding: .2rem;
}


.fileArea input[type='file'] {
	position:absolute; 
 	top:0px;
	left:0; 
	width:90px; 
	height:35px;
   	opacity:0;
}
.fileArea label { 
	display: inline-block; 
	color: #fff;
	padding: .5em .75em; 
	font-size: 12px; 
	line-height: normal; 
	vertical-align: middle; 
	background-color: #7d94aa; 
	border: 1px solid #7d94aa; 
	border-radius: 2px; 
	margin-bottom:10px;
	
}
.fileArea label:hover { 
	background-color: #66778e; 
	cursor: pointer !important;
}


button.top_btn {
	min-width: 70px;
    padding-left: 16px; 
    padding-right: 16px;
    height: 32px;
    color: rgba(255, 255, 255, 1);
    border-radius: 3px;
    padding-bottom: 1px;
    font-weight: 400;
	background: #7d94aa;
}
button.top_btn.fa:before {
    margin-right: 7px;
    font-size: 15px;
	opacity: 0.7;
}
button.top_btn:hover {
	color: #fff;
    background: #66778e;
}
/*
button.top_btn.t_search_btn {
	background: #7d94aa;
}
button.top_btn.t_search_btn:hover {
    color: rgba(255, 255, 255, 0.8);
    background: #66778e;
}
*/





button.t_basic_btn {
    min-width: 70px;
    padding-left: 13px; 
    padding-right: 13px;
    height: 32px;
    color: #fff;
    border-radius: 3px;
    padding-bottom: 1px;
    font-weight: 400;
    background: #7d94aa center left 23px no-repeat;
}

button.t_basic_btn:hover {
    color: rgba(255, 255, 255, 0.9);
    background: #66778e center left 23px no-repeat;
}

.ui-button {
    border: 1px solid #5a5f63;
    background: #212528;
    height: 37px;
    box-sizing: border-box;
    color: #f0f0f0;
    font-size: 14px;
    border-radius: 3px;
    outline: none;
    font-family:'NotoSansKR',arial,sans-serif;
    padding: 7px 15px;
}
.ui-button .ui-icon {
    background: #212528 url(../../images/select_icon.png) 5px 5px no-repeat;
}
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background: #212528 url(../../images/select_icon.png) 5px 5px no-repeat;
}
.ui-button:hover,
.ui-button:focus {
    background: #212528;
    outline: none;
    border: 1px solid #cf9b42;
    color: #ffffff;
}
.ui-menu .ui-menu-item-wrapper {
    padding: 7px 14px;
    box-sizing: border-box; 
    font-size: 14px;
    background: #212528;
    color:#ffffff;
    /* border-bottom: 1px solid #444; */
}
.ui-state-active,
.ui-widget-content .ui-state-active {
    box-sizing: border-box;
    border: 1px solid #5a5f63;
    background: #cf9b42;
    border-radius: 0;
    font-size: 14px;
}
.ui-widget.ui-widget-content {
    border: 1px solid #343a40;
}
.ui-widget-content {
    background: #212528;
}



.btn-lg {
    height: 45px;	
}
.btn-primary {
	background: #7d94aa;
    border-color: #7d94aa;
    border-radius: 2px;
    padding-left: 18px;
    padding-right: 18px;
    height: 32px;
    color:#ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline.focus {
    color: #fff;
    background: #66778e;
	border-color: #66778e;
    border-bottom-color: #66778e;
}

.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle,
.btn-primary.btn-outline:active,
.btn-primary.btn-outline.active,
.open > .btn-primary.dropdown-toggle.btn-outline {
  color: #fff;
  border-color: #66778e;
  background: #66778e; }
  .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus,
  .btn-primary.active:hover,
  .btn-primary.active:focus,
  .btn-primary.active.focus,
  .open > .btn-primary.dropdown-toggle:hover,
  .open > .btn-primary.dropdown-toggle:focus,
  .open > .btn-primary.dropdown-toggle.focus,
  .btn-primary.btn-outline:active:hover,
  .btn-primary.btn-outline:active:focus,
  .btn-primary.btn-outline:active.focus,
  .btn-primary.btn-outline.active:hover,
  .btn-primary.btn-outline.active:focus,
  .btn-primary.btn-outline.active.focus,
  .open > .btn-primary.dropdown-toggle.btn-outline:hover,
  .open > .btn-primary.dropdown-toggle.btn-outline:focus,
  .open > .btn-primary.dropdown-toggle.btn-outline.focus {
    border-color: #66778e;
    background: #66778e; }


.btn-info {
    color: #fff;
    border-color: #7d94aa;
    background: #7d94aa;

/*     padding-left: 18px; */
/*     padding-right: 18px; */
/*     height: 32px; */
    color:#ffffff;
    
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline.focus {
    color: #fff;
    border-color: #66778e;
    border-bottom-color: #66778e;
    background: #66778e;
}

.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle,
.btn-info.btn-outline:active,
.btn-info.btn-outline.active,
.open > .btn-info.dropdown-toggle.btn-outline {
  color: #fff;
  border-color: #66778e;
  background: #66778e; 
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus,
.btn-info.btn-outline:active:hover,
.btn-info.btn-outline:active:focus,
.btn-info.btn-outline:active.focus,
.btn-info.btn-outline.active:hover,
.btn-info.btn-outline.active:focus,
.btn-info.btn-outline.active.focus,
.open > .btn-info.dropdown-toggle.btn-outline:hover,
.open > .btn-info.dropdown-toggle.btn-outline:focus,
.open > .btn-info.dropdown-toggle.btn-outline.focus {
    border-color: #66778e;
    background: #66778e; 
}


/* btn-info original color 모달버튼에 사용*/
.btn-info-org {
    color: #fff;
    border-color: #59b0cb;
    background: #59c4e4;
}
.btn-info-org:hover, .btn-info-org:focus, .btn-info-org.focus, .btn-info-org.btn-outline:hover, .btn-info-org.btn-outline:focus, .btn-info-org.btn-outline.focus {
    color: #fff;
    border-color: #51adc8;
    border-bottom-color: #2d7990;
    background: #4cbfe2;
}

.btn-flare {
    background: #416fac;
    border-color: #416fac;
}


/* summernote */
.note-btn:active,
.note-btn.active,
.open > .note-btn.dropdown-toggle,
.note-btn.btn-outline:active,
.note-btn.btn-outline.active,
.open > .note-btn.dropdown-toggle.btn-outline {
  color: #fff;
  border-color: #66778e;
  background: #66778e; 
}
.note-btn:active:hover, .note-btn:active:focus, .note-btn:active.focus,
.note-btn.active:hover,
.note-btn.active:focus,
.note-btn.active.focus,
.open > .note-btn.dropdown-toggle:hover,
.open > .note-btn.dropdown-toggle:focus,
.open > .note-btn.dropdown-toggle.focus,
.note-btn.btn-outline:active:hover,
.note-btn.btn-outline:active:focus,
.note-btn.btn-outline:active.focus,
.note-btn.btn-outline.active:hover,
.note-btn.btn-outline.active:focus,
.note-btn.btn-outline.active.focus,
.open > .note-btn.dropdown-toggle.btn-outline:hover,
.open > .note-btn.dropdown-toggle.btn-outline:focus,
.open > .note-btn.dropdown-toggle.btn-outline.focus {
  	color: #fff;    
    border-color: #66778e;
    background: #66778e; 
}
.note-editor .dropdown-menu.note-check, .note-air-popover .dropdown-menu.note-check {
    color: #212528;
    padding-right: 0;
    padding-left: 0;
}
.note-editor .dropdown-menu.note-check a.checked:hover > i, .note-air-popover .dropdown-menu.note-check a.checked:hover > i {
    color: inherit;
}
.note-recent-color {
/* 	background-color: rgb(255, 255, 0); !important; */
}
.note-editor .dropdown-menu.note-check a > i, .note-air-popover .dropdown-menu.note-check a > i {
    color: #000;
}
.note-editable ul>li {
  list-style: disc !important;
  list-style-position: inside !important;
}

.note-editable ol>li {
  list-style: decimal !important;
  list-style-position: inside !important;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    border-color: #2f3234 !important;
    background: #2f3234 !important;
}
.btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled]:hover .btn {
    color: unset !important;
}
.note-editor .note-toolbar .note-color .dropdown-toggle, .note-popover .popover-content .note-color .dropdown-toggle {
    height: 24px;
}

[data-original-title='Font Family'] {
	height: 24px;
}
.note-icon-caret{
    margin-right: -7px;
}
.note-btn.btn > i {
	 margin-right: 5px;
}


/* 검색용 input */
.btn-primary.bSearch, .btn-info.bSearch {
    border-radius: 2px;
    padding-left: 12px;
    padding-right: 12px;
}



/* 설비별 사용현황 */
.content {
    width: 100%;
    position: relative;
    padding-bottom: 58px;
}
.content .search_wrap {
    padding-top: 20px;
}
.content .maincon_wrap {
    padding-top: 21px;
}

.new_container {
    max-width: 1360px;
    padding: 0 15px;
    margin: 10px 15px;
}

.new_mobile_container {
    margin: 0 auto;
}

.new_container .search_view,
.maincon_wrap .power_wrap li{
    background: #fff;
    border: 1px solid #c1baba;
}

.content .search_wrap .new_container {
    position: relative;
}
.content .search_wrap .new_container .top_btn_set {
    min-width: 640px;
    position: absolute;
    right: 15px;
    top: -2px;
    text-align: right;
}

.new_container h1 {
    font-size: 19px;
/*     color: #dfdfe0; */
    letter-spacing: 0px;
    padding-bottom: 11px;
    font-weight: 400;
}
.new_container h1 span {
    font-size: 15px;
    color: #5b5b5b;
    margin-left: 6px;
}
.new_container h2 {
    font-size: 15px;
    color: #5b5b5b;
    letter-spacing: -0.5px;
    padding-bottom: 10px;
    font-weight: 400;
}
.new_container .main_left_wrap {
    float: left;
    width: calc( 56% - 10px);
}
.new_container .main_right_wrap {
    float: right;
    width: calc( 44% - 10px);
}
/* .new_container .main_mobile_wrap {
    width: calc( 44% - 10px);
} */

.new_container .search_view {
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search_wrap .search_view .search_select,
.search_wrap .search_view .search_input {
    padding: 0 35px;
    display: flex;
    align-items: center;
}
.search_view label {
    color: #5b5b5b;
    font-size: 14px;
    margin-right: 8px;
	font-weight: 400;
}

.search_select.wd180 select {
    width: 180px;
}
.search_select.wd250 select {
    width: 250px;
}
.search_select.wd310 select {
    width: 310px;
}
.search_input.wd270 input {
    width: 270px;
}

/* 누적 전력 */
.main_left_wrap .power_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.main_left_wrap .power_wrap li {
    width: calc( 33.34% - 7px );
    height: 100px;
    text-align: center;
    padding-top: 26px;
    box-sizing: border-box;
    color: #5b5b5b;
    font-size: 25px;
    font-weight: 700;
/*     font-family: Helvetica, sans-serif; */
}
.main_left_wrap .power_wrap li span {
    display: block;
    text-align: center;
    margin-bottom: 1px;
    color: #86888b;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.5px;
}

/* 모바일 */
.main_left_wrap .power_mobile_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.main_left_wrap .power_mobile_wrap li span {
    display: block;
    text-align: center;
    margin-bottom: 1px;
    color: #86888b;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.5px;
}

.main_left_wrap .power_mobile_wrap li {
    width: calc( 33.34% - 7px );
    text-align: center;
    box-sizing: border-box;
    color: #5b5b5b;
    /*font-size: 15px;*/
    /*font-weight: 700;*/
/*     font-family: Helvetica, sans-serif; */
}


/* 설비 상태 */
.main_right_wrap .status_wrap {
    width: 100%;
    display: flex;
    height: 100px;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    box-sizing: border-box;
}
.main_right_wrap .status_wrap li {
    display: flex;
    width: calc( 33.34% - 5px );
    height: 60px;
    text-align: center;
    border-radius: 40px;
    color: rgba(116, 116, 116);
    font-size: 16px;
    font-weight: 400;
    background: #e9e9e9;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    padding-right: 23px;
}

.main_right_wrap .status_wrap li img {
    margin-right: 8px;
    opacity: 0.2;
}
.main_right_wrap .status_wrap li.functioning_view.active{
    background: #1bb75d;
    color: rgba(255, 255, 255, 1);
}
.main_right_wrap .status_wrap li.functioning_view.active img {
    opacity: 0.9;
}
.main_right_wrap .status_wrap li.broken_view.active{
    background: #ed5b4c;
    color: rgba(255, 255, 255, 1);
}
.main_right_wrap .status_wrap li.broken_view.active img {
    opacity: 0.9;
}
.main_right_wrap .status_wrap li.alert_view.active{
    background: #fbaf2b;
    color: rgba(255, 255, 255, 1);
}
.main_right_wrap .status_wrap li.alert_view.active img {
    opacity: 0.9;
}

/* 설비상태 모바일버전 */
.main_mobile_wrap .status_wrap ul {
	text-align: center;
}

.main_mobile_wrap .status_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 3px;
    box-sizing: border-box;
}
.main_mobile_wrap .status_wrap li {
    display: flex;
    width: calc( 33.34% - 3px );
    text-align: center;
    border-radius: 40px;
    color: rgba(116, 116, 116);
    font-weight: 400;
    background: #e9e9e9;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    height: 30px;
    /*padding-right: 10px;*/
    /*height: 80px;*/
}

.main_mobile_wrap .status_wrap li img {
    margin-right: 8px;
    opacity: 0.2;
}
.main_mobile_wrap .status_wrap li.functioning_view.active{
    background: #1bb75d;
    color: rgba(255, 255, 255, 1);
}
.main_mobile_wrap .status_wrap li.functioning_view.active img {
    opacity: 0.9;
}
.main_mobile_wrap .status_wrap li.broken_view.active{
    background: #ed5b4c;
    color: rgba(255, 255, 255, 1);
}
.main_right_wrap .status_wrap li.broken_view.active img {
    opacity: 0.9;
}
.main_mobile_wrap .status_wrap li.alert_view.active{
    background: #fbaf2b;
    color: rgba(255, 255, 255, 1);
}
.main_mobile_wrap .status_wrap li.alert_view.active img {
    opacity: 0.9;
}


/* gauge 차트 모바일 */
.g_chart_wrap li{
	justify-content: center;
    align-items: center;
}

/* gauge 차트 영역 */
.maincon_wrap .g_chart_wrap {
    display: flex;
    justify-content: space-evenly;
    background: #fff;
    border: 1px solid #c1baba;
    height: 210px;
    box-sizing: border-box;
    padding-top: 33px;
}
.maincon_wrap .g_chart_wrap li {
    width: 26.96%;
    max-width: 196px;
    position: relative;
}
.maincon_wrap .g_chart_wrap li span {
    position: absolute;
    top: -1px;
    left: calc( 51% - 27px );
    width: 52px;
    height: 29px;
    background: #f5f5f5;
    border-radius: 15px;
    z-index: 99;
    color: #cfd0d1;
}
.maincon_wrap .g_chart_wrap li div {
    z-index: 100;
}
.maincon_wrap .g_chart_wrap li:nth-child(3) span {
    left: calc( 50% - 40px );
    width: 80px;
}


/* gauge 차트 */
/*
.c3-chart-arcs .c3-chart-arcs-background,
.c3-chart-arc path {
    stroke: none !important;
}

.c3-chart-arcs .c3-chart-arcs-background {
    fill: #4e5359 !important;
}
.c3 text {
    fill: #bdbebf !important;
    font: 18px;
}
.c3-chart-arcs .c3-chart-arcs-gauge-min,
.c3-chart-arcs .c3-chart-arcs-gauge-max {
    fill: #9a9c9e !important;
    font: 10px;
}
.c3-title {
    font: 13px 'NotoSansKR' !important;
}
#b_chart .c3-event-rects.c3-event-rects-single {
    fill-opacity: 1 !important;
    fill: #4e5359 !important;
}
*/
/*
.c3 line, .c3 path {
    stroke: none !important;
}
g.tick text tspan {
    font-size: 11px !important;
    text-anchor: middle !important;
}
*/
/*
.c3 svg {
    overflow: visible !important;
}
.c3 line { 
	stroke:#606060 !important; 
} 
.c3 .c3-axis-x path, .c3 .c3-axis-y path {
	stroke: #606060 !important;	
}
.c3 .c3-axis-x line {
}
.c3 .c3-axis-y line {
}
*/
	


/* 알람 이력 */
.main_left_wrap .alarm_wrap {
    width: 100%;
	height: 160px;
    box-sizing: border-box;
    overflow: hidden;
}
/*
.main_left_wrap .alarm_wrap table {
    width: 100%;
    box-sizing: border-box;
}
.main_left_wrap .alarm_wrap table thead {
    background: #343a40;
    height: 36px;
}
.main_left_wrap .alarm_wrap table thead th {
    font-weight: 400;
    color: #bdbebf;
}
.main_left_wrap .alarm_wrap table tbody tr:nth-child(odd) {
    background: #282d32;
    height: 39px;
    border-top: 1px solid #1f2326;
}
.main_left_wrap .alarm_wrap table tbody tr:nth-child(even) {
    background: #2e3339;
    height: 39px;
    border-top: 1px solid #1f2326;
}
.main_left_wrap .alarm_wrap table tbody td {
    color: #aeb0b1;
}
*/




/* 소모품 누적사용시간 */
/*
.main_right_wrap .b_chart_wrap {
    background: #343a40;
    height: 160px;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 40px 0 40px;
}
.main_right_wrap .b_chart_wrap .time_view {
    display: block;
    text-align: right;
    color: #d1d1d2;
    font-size: 11px;
    letter-spacing: -0.5px;
    padding-right: 10px;
    box-sizing: border-box;
}
.main_right_wrap .b_chart_wrap .time_view span {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    color: #38e391;
}

.main_right_wrap .sKey {
	float: right;
	font-size: 12px;
	font-style: italic;
}
*/

.infoText {
	font-size: 12px;
	color: #959595;
}

/* 서브 검색결과 테이블 */
.wrap.subtable {
/*     padding-bottom: 100px; */
/*     height: 100% !important; */
}
.wrap.subtable .content {
    height: 100%;
    padding-bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
}
.wrap.subtable .footer_wrap {
    position: fixed;
    bottom: 0;
}
.sub_table_wrap {
    padding-top: 15px;
    height: calc( 100% - 164px);
}
.sub_table_wrap .new_container {
    height: calc( 100% - 30px );
    padding-bottom: 30px;
}
.t_list_wrap {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
}
.t_list_wrap table {
    width: 100%;
    box-sizing: border-box;
}
.t_list_wrap table thead {
    background: #3a4046;
    height: 36px;
}
.t_list_wrap table thead th {
    font-weight: 400;
    color: #d9a022;
}
.t_list_wrap table thead tr th span {
    display: inline-block;
    width: 10px;
    height: 13px;
    background: url(../../images/table_sort_icon.png) no-repeat;
    vertical-align: middle;
    padding-bottom: 2px;
    margin-left: 5px;
    cursor: pointer;
}
.t_list_wrap table tbody tr:nth-child(odd) {
    background: #282d32;
    height: 39px;
    border-top: 1px solid #1f2326;
}
.t_list_wrap table tbody tr:nth-child(even) {
    background: #2d3338;
    height: 39px;
    border-top: 1px solid #1f2326;
}
.t_list_wrap table tbody tr:hover {
    font-weight: 400;
    color: #d9a022;
    background: #413830;
    border:1.1px solid #635631;
    box-sizing: border-box;
    cursor: pointer;
}
.t_list_wrap table tbody tr:hover td {
    color: #fff;
}
.t_list_wrap table tbody tr:active td:first-child, 
.t_list_wrap table tbody tr.active td:first-child {
    background: url('../../images/table_hover_check.png') 20px center no-repeat;
}
.t_list_wrap table tbody td {
    color: #a1a2a3;
}






/************** 기존 소스 수정 **************/
.page-header {
	padding: 0 !important;
}
.page-header h1 {
	font-size: 19px;
    font-weight: 600;
    color: #5e77a9;
}

.page-header h1 span {
    font-size: 14px;
    color: #949596;
    margin-left: 6px;
}

.panel {
	border: 0;
	background: #ffffff;
}
.panel-heading {
    position: relative;
    border-bottom: 1px solid #a5a3a3;
    background:#e6e8ed;
}
.panel hr, .box hr, .modal hr {
    border-color: #b4bbc1;;
}

.panel-body.form-horizontal {
	width: 100%;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #cccccc ;
    border-radius: 0.25rem;
/* 	background-color: #e6e8ed; */
/* 	box-shadow: 0 0 0 1px rgb(20 20 31 / 5%), 0 1px 3px 0 rgb(20 20 31 / 15%); */
}

.form-basic {
	width: 100%;
    height: 100px;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #cccccc;
}

.form-box {
	width: 100%;
/*     height: 100px; */
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #cccccc;
}



/*-------------------------------*/
/*            pixeladmin         */
/*-------------------------------*/
.dropdown-toggle:after {
	content: unset;
}
.sidebar-nav .fa.pull-right{
	margin-top: 17px;
}


/* table */
.table {
	margin-bottom: 3px;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}

element.style {
    height: 40px;
}

.table-light-info table {
	border-top: 0 !important;
}
.table-light-info thead,
.table-light-info thead tr,
.table-light-info thead th,
.table-light-info .table-header {
 	border-color: #dfe0e3 !important;
	color: #787777;
 	background: #f5f5f5;
    height: 40px;
 	font-weight: 400;
 	border-top: 1px solid;
/*  font-size: 13px;		 */

}
.dataTables_table_wrapper table tbody tr:hover,
table.table tbody tr:hover {
    background: :#f7f7f7;
    cursor: pointer;
	z-index: 100;
}
.table > tbody > tr.active > td {
	background: #f7f7f7;
	color: #000;
}


/*
.table-bordered {
    border: 0;
}
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    vertical-align: middle;
    border-color: #cccbcb !important;
}
.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, 
.table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, 
.table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
    background-color: unset;
}
.table > thead:first-child > tr:first-child > th {
    border-top: 1px solid #1f2327;
}

.table-light-info thead,
.table-light-info thead tr,
.table-light-info thead th,
.table-light-info .table-header {
	border-color: #1f2327 !important;
    color: #d9a022;
	background: #3a4046;
	font-weight: 400;
	border-top: 1px solid;
    height: 44px;
    font-size: 13px;		

}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
	border: 1px solid #cccbcb;
}
table.table tbody tr.odd{
	background: #282d32;
    height: 39px;
	z-index: 90;
}
table.table tbody tr.even{
    background: #2d3338;
    height: 39px;
	z-index: 90;
}
table.table tbody tr:nth-child(odd) {
	background: #282d32;
    height: 39px;
	z-index: 90;
}
table.table tbody tr:nth-child(even) {
    background: #2d3338;
    height: 39px;
	z-index: 90;
}
.dataTables_table_wrapper table tbody tr:hover,
table.table tbody tr:hover {
	font-weight: 400;
    color: #ffffff;
    background: #413830;
    border: 1.1px solid #635631 !important;
    box-sizing: border-box;
    cursor: pointer;
	z-index: 100;
}
.table > tbody > tr.active > td {
	background: #413830;
}
*/

/*
tbody:hover td[rowspan],
tr:hover td {
	background: #413830;
    border: 1px solid #635631 !important;
    box-sizing: border-box;
    cursor: pointer;
	z-index: 100;    
}
*/

.dataTables_table_wrapper table tbody tr.active td:first-child {
/*     background: #413830 url('../../images/table_hover_check.png') 12px center no-repeat; */
}
/*
.dataTables_table_wrapper table tbody tr.active,
table.table tbody tr.active{
	color: #ffffff;
	border: 1px solid #635631 !important;
}
*
/* sortorder icon */
/*
.dataTable thead th:before, .dataTable thead th:after {
    top: 51%;
}
*/


/* 데이터 테이블이 아닌 경우, sorter class 적용 */
.tablesorter .header,
.tablesorter .tablesorter-header {
	background-image: url(../../images/table_sort_icon.png);
/* 	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
	background-repeat: no-repeat;
	background-position: center right;
	padding: 4px 18px 4px 4px;
	white-space: normal;
	cursor: pointer;
}
.tablesorter .headerSortUp,
.tablesorter .tablesorter-headerSortUp,
.tablesorter .tablesorter-headerAsc {
/* 	background-color: #9fbfdf; */
	/* black asc arrow */
/* 	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */
	/* white asc arrow */
	/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */

	background-image: url(../../images/table_sort_up.png);	
	background-repeat: no-repeat;
	background-position: center right;
	padding: 4px 18px 4px 4px;	
}
.tablesorter .headerSortDown,
.tablesorter .tablesorter-headerSortDown,
.tablesorter .tablesorter-headerDesc {
/* 	background-color: #8cb3d9; */
	/* black desc arrow */
/* 	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */
	/* white desc arrow */
	/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */

	background-image: url(../../images/table_sort_down.png);
	background-repeat: no-repeat;
	background-position: center right;
	padding: 4px 18px 4px 4px;	
}

/*
table.tablesorter .header,
table.tablesorter .tablesorter-header {
	cursor: pointer;
}
table.tablesorter thead tr th.headerSortUp:after,
table.tablesorter thead tr th.headerSortDown:after,
table.tablesorter thead tr th.header:after {
	font-family: FontAwesome;
	vertical-align: middle;
	padding: 2px 2px 2px 10px;
}
table.tablesorter thead tr th.header:after {
	content: "\f0dc";
}
table.tablesorter thead tr th.headerSortUp:after {
	content: "\f0de";
}
table.tablesorter thead tr th.headerSortDown:after {
	content: "\f0dd";
}
*/

.form-control {
	border: 1px solid #cacaca;
    background: #ffffff;
    height: 33px;
    box-sizing: border-box;
    color: #666;
    font-family: 'NotoSansKR',arial,sans-serif;
/*     font-size: 14px; */
    border-radius: 3px;
    outline: none;
/*     padding: 7px 15px; */
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, 
.form-control[disabled]::placeholder, .form-control[readonly]::placeholder  {
/*     background: #e9e9e9; */
    opacity: 0.8;
    color: #828282;
    cursor: not-allowed;
}

.has-success .form-control {
	border: 1px solid #cacaca;
}
.form-control:hover,
.form-control:focus {
    border: 1px solid #416fac;
}
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus {
	border: 1px solid #416fac;
}
select.form-control {
	background: #fff url(../../images/select_icon.png) center right 7px no-repeat;
}
/*
select > option:checked,
select > option:hover {	
    box-shadow: 0 0 10px 100px #dc6900 inset;
    background-color: #dc6900;
}
*/
select > option:hover,
select > option:focus {	
    box-shadow: 0 0 10px 100px #dc6900 inset;
    background-color: #dc6900 !important;
}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #2988bc;
}


.form-group-lg .form-control {
	height: 44px;
}


.dayInputStyle {
	width:97px;
	display:inline-block;	
}

.dayInputStyle2 {
	width:94px;
	display:inline-block;	
}


.table-header {
	border:0;
	padding-left: 0;
	padding-right: 0;
}
.table-footer {
	border:0; 
	padding-left: 0;
	padding-right: 0;
/* 	margin-top: -10px; */		/* dataTable paging 처리시 겹침으로 막음 */
}

.note {
    padding: 10px;
}

/* popup */
.px-content.popup {
	padding: 0 !important;
	padding: 0;
    width: 100%;
    min-height: unset !important;
	max-width: unset !important;
}
.px-content.popup > div {
	background: #2988bc;
	height: 53px;
	width: 100%;
	padding: 0;
}
.px-content.popup .pop_padding {
	padding: 10px 20px 0px 20px;
}
.px-content.popup .hamburger {
    margin: -16px;
	visibility: hidden;
}
.px-content.popup .page-header {
    margin: 11px 0 0 10px;
	border-bottom: 0;
}

.px-content.popup .note-title {
    float: right;
	color: #55555;
	font-size: 12px;
	letter-spacing: -0.5px;
}
.px-content.popup .note-title span {
	font-size: 18px;
    color: #55555;
    margin-right: 5px;
    padding-top: 3px;
    display: inline-block;
    vertical-align: middle;
}
.px-content.popup .form-panel-body {
	background: none;
	padding: 0;
	margin: 0 0 3px 0;
}
/*
.px-content.popup .table > thead > tr > td.active,
.px-content.popup .table > thead > tr > th.active,
.px-content.popup .table > thead > tr.active > td,
.px-content.popup .table > thead > tr.active > th,
.px-content.popup .table > tbody > tr > td.active,
.px-content.popup .table > tbody > tr > th.active,
.px-content.popup .table > tbody > tr.active > td,
.px-content.popup .table > tbody > tr.active > th,
.px-content.popup .table > tfoot > tr > td.active,
.px-content.popup .table > tfoot > tr > th.active,
.px-content.popup .table > tfoot > tr.active > td,
.px-content.popup .table > tfoot > tr.active > th {
	background: transparent;
}
*/

/*
.px-content.popup .form-control {
	background: #fff;
}
*/
.px-content.popup .page-header h1 {
	font-size: 17px;
	color: #fff;
}
.px-content.popup .page-header h1 span {
	color: #d1cece;
}
.px-content.popup button.cancel_btn {
	width: 35px;
	height: 36px;
	background: url(../../images/pop_close_btn1.png) center center no-repeat;
	margin: 9px;
}

.table.t_view tbody tr {
	background: #fff;
}
.table.t_view tbody tr:nth-child(odd) {
	background: #fff;
}
.table.t_view tbody tr:nth-child(even) {
    background: #fff;
}
.table.t_view tbody tr:hover {
	font-weight: 400;
    color: unset;
/*     background: #f7f7f8; */
    border: unset !important;
    cursor: unset;
}
.table.t_view tbody tr.active{
	color: unset;
	border: unset;
}
.table.t_view > tbody > tr.active > td {
	background: unset;
}
.table.t_view tbody tr td:nth-child(1),
.table.t_view tbody tr td:nth-child(3) {
	background: #f5f5f5;
}
/*
.table.t_view tbody tr td:nth-child(2),
.table.t_view tbody tr td:nth-child(4) {
	background: #fff;
	padding-right: 10px;
    padding-left: 10px;
}
*/

/* 마우스오버 제외 테이블 */
.table.t_default tbody tr {
/* 	background: #2d3338; */
	border-bottom: 1px solid #e8e8e8;
}
.table.t_default tbody tr td:nth-child(1) {
	text-align: center !important;	
}
.table.t_default tbody tr.active{
	color: unset;
	border: unset;
}
.table.t_default > tbody > tr.active > td {
	background: unset;
}
.table.t_default tbody tr:hover {
    font-weight: 400;
    color: unset;
/*     background: #2d3338; */
    border-bottom: 1px solid #e8e8e8;
    cursor: unset;
}
.table.t_default tbody tr:nth-child(odd) {
    background: #fff;
}


.px-content.popup > div.popup_footer {
	background: #ffffff;
    height: 55px;
    padding: 20px;
    margin-bottom : 20px;
}
.pop_f_btn button {
/* 	width: 80px; */
	height: 32px;
	background: #7d94aa;
	border-radius: 3px;
	color: #fff;
	padding: 0 13px;
}
.pop_f_btn button:hover {
	background: #66778e;
}
.pop_f_btn button.bg_red {
	background: #7d94aa;
}
.pop_f_btn button.bg_red:hover {
	background: #66778e;
}
/*
.pop_f_btn button.bg_orange {
	background: #e37b14;
}
.pop_f_btn button.bg_orange:hover {
	background: #d46c0f;
}
*/
.table.t_view {
	margin-bottom: 0;
}

.px-content.popup .table.t_view tbody tr td:nth-child(1),
.px-content.popup .table.t_view tbody tr td:nth-child(3) {
    text-align: right;
/*     padding: 5px 15px 0 0; */
    box-sizing: border-box;
}
.table.t_view tbody tr td label.control-label {
	margin-bottom: -6px;
}
.table.t_view tbody tr td label.control-label span {
	font-size: 18px;
    color: #55555;
    margin-right: 5px;
    padding-top: 0px;
    display: inline-block;
    vertical-align: middle;
}

.custom-control {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.custom-control-indicator {
    pointer-events: unset;
    left: 2px !important;
}
.custom-control:hover .custom-control-indicator {
  box-shadow: 0 0 0 1px #416fac inset; 
}
.custom-control:active .custom-control-indicator,
.custom-control:active .custom-control-input:checked ~ .custom-control-indicator {
  background-color: #416fac;
  box-shadow: none; 
}
.custom-control-input:checked ~ .custom-control-indicator {
  background-color: #416fac;
  box-shadow: none; 
}
.custom-control-input:focus ~ .custom-control-indicator {
  box-shadow: 0 0 0 1px #416fac inset, 0 0 0 1px #fff, 0 0 0 2px #416fac; 
}
.custom-control-input:active ~ .custom-control-indicator {
  background-color: #416fac;
  box-shadow: none; 
}
.custom-control-input:checked:disabled ~ .custom-control-indicator,
fieldset[disabled] .custom-control-input:checked ~ .custom-control-indicator {
  background-color: #416fac !important;
  box-shadow: none !important; 
}
.custom-file-control {
	height: 33px;
	color: #c7c7c7;
}
.custom-file-input:focus ~ .custom-file-control {
  border-color: #416fac; 
}
.custom-file-control:hover,
.custom-file-control:focus,
.custom-file-control:active {
  border-color: #416fac; 
}
.px-file-buttons {
    background: unset;
}
.custom-file-control + .px-file-buttons .btn {
    top: 1px;
    right: 1px;
    color: #fff;
    border-radius: 2px;
    background: #7d94aa;
    border-color: #7d94aa;    
}
.custom-file-control + .px-file-buttons .btn:hover {
    background: #66778e;
    border-color: #66778e;    
}


.MultiFile-label .fa-download:hover {
    color: #2988bc !important;	
}
.MultiFile-label .fa-trash:hover {
   color: #e75555 !important;
}
.MultiFile-label .text-primary,
.MultiFile-label .text-danger {
    color: #707478 !important;
}

.radio-inline .lbl {
    margin-left: 3px;
}


/* 달력 */
.datepicker {
	padding: 0;
	z-index: 9999 !important;
	width: 250px;
}
.datepicker .datepicker-switch {
	border: 0;
	border-bottom: 1px solid #cccccc;
    background: #dbdbdb;
    color: #787777;
    font-weight: 600;
	height: 32px;	
    font-family: 'NotoSansKR', Helvetica, Arial, sans-serif;
}
.datepicker-dropdown {
    border: 0px solid;
}
/* 이전달/다음달 날짜 */
.datepicker .old, .datepicker .new {
    visibility: hidden;
}
.datepicker-dropdown.datepicker-orient-bottom {
    margin-top: 0px;
    margin: 1px 0 0;
}
.datepicker-dropdown:after {
    border-width: 0px;
}
.datepicker .dow, .datepicker .cw {
        font-weight: 600;
        color: #6e6e6e;
}
.datepicker .day, .datepicker tbody .cw {
    border-right: 0px solid #eee;
}
.datepicker .day, .datepicker .today, .datepicker .clear {
    border: none;
}
.datepicker .today{
	background: #b9b9b9;
}
.datepicker table {
	background: #fff;
	border: 1px solid #cccccc;
	font-size: 12px;
	width: 100%;
}
.datepicker .prev {
	cursor: pointer;
	left: 0px;
	top: 0px;
	margin: 3px;
	font-size: 0px;
	border-bottom: 1px solid #cccccc !important;
	background: #dbdbdb url(../../images/date_prev_btn.png) center center no-repeat;
}
.datepicker .next {
	cursor: pointer;
	right: 0px;
	top: 0px;
	margin: 3px;
	font-size: 0px;
	border-bottom: 1px solid #cccccc !important;
	background: #dbdbdb url(../../images/date_next_btn.png) center center no-repeat;
}
.datepicker .prev:hover,
.datepicker .next:hover {
	border: 0;
}
.datepicker .day:hover, .datepicker .month:hover, .datepicker .year:hover, .datepicker .decade:hover, .datepicker .century:hover, .datepicker .today:hover, .datepicker .clear:hover {
    background: #2988bc;
    color: #fff;
}
.datepicker .day:first-child {
/*     color: #f12f2f; */
}
.datepicker .day:last-child {
/*     color: #5c67f7; */
}


/* 체크, 라디오 버튼 */
input[type="checkbox"], input[type="radio"] {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
}
.note-info {
    border-color: #f7f0e8;
    border-top: 1px solid #ffcd91;
    background: #f7f0e8;
}
.text-default, .text-default:hover, .text-default:focus, .text-default:active, .text-default[href], .text-default a {
    color: #6d6f70 !important;
}
.text-orange {
    color: #e37b14 !important;
}

/* 트리 */
.tree{
	height: 100%;
}
.tree .tree-item, .tree .tree-folder {
    border: 0px solid #FFF !important;
}
.tree .tree-item,
.tree .tree-folder .tree-folder-header{
    color:#62605d !important;
}
.tree .tree-item .tree-item-name > i,
.tree .tree-folder .tree-folder-header > i {
    color: #62605d !important;
}
.tree .tree-folder .tree-folder-header:hover{
    background-color:#a9a8a8 !important;
    color: #fff !important;
}

/* 모달 */
.modal-title {
	font-weight: 500;
	line-height: 2;
}
.modal-header h4{
	float:left;	
}
.modal-header button.close {
	float:right;
	width: 29px;
	height: 28px;
	background: url(../../images/pop_close_btn.png) center center no-repeat;	
	opacity: 0.5;
}
.modal-header button.close:hover {
	opacity: 1;
}
.modal-footer {
    display:inline-block;
    width: 100%;
    background: #f8f8f8;
    border-top: 1px solid #e5e5e5;
}
/*
.modal-header {
    background: #3a4046;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom: 1px solid #282d32;
}
.modal-header h4{
	float:left;	
}
.modal-body {
	background: #2b2e30;
    position: relative;
    padding: 20px;
}
.modal-header button.close {
	float:right;
	width: 29px;
	height: 28px;
	background: url(../../images/pop_close_btn.png) center center no-repeat;
}

.modal-footer {
    background: #3a4046;
    border-top: 1px solid #282d32;
}

.modal-alert.modal-info .modal-header {
  	background: #2d3338; 
  	color: #59c4e4;
 }

.modal-alert.modal-danger .modal-header {
  	background: #2d3338; 
  	color: #e46050;
 }

.modal-alert.modal-warning .modal-header {
	background: #2d3338;
    color: #f4ab43;
 }

.modal-alert.modal-success .modal-header {
  	background: #2d3338;
  	color: #78bd5d; 
 }
*/


/* 일정관리 */
#calendar {	max-width: 1400px;
	min-height: 500px;
	height:700px;
	margin: 0 auto;
}
.fc .fc-button {
	background-color: #7d94aa;
}
.fc .fc-button:hover{
	background: #66778e;
}

.fc-daygrid-block-event .fc-event-title {
    padding: 1px 1px 1px 5px !important;
}

.fc a:hover, a:focus {
    color: #333;
    text-decoration-line: none !important;
}
/* 상단 제목(월/주/요일) */
.fc .fc-col-header{
	background-color: #f1f1f1;
}
/* 상단 요일 */
.fc .fc-col-header-cell {
	font-size:14px;
	height: 40px;
	vertical-align: middle;
}
/*요일 글자색 */
.fc .fc-col-header-cell-cushion {
	color: #595757;
}
/*오늘*/
.fc .fc-daygrid-day.fc-day-today {
	background-color: #d7f0ff !important;
}
/*일요일*/	
.fc-day-sun .fc-daygrid-day-top .fc-daygrid-day-number {
	color: #ef0d0d;
	font-weight: 500;
}
/*토요일*/	
.fc-day-sat .fc-daygrid-day-top .fc-daygrid-day-number {
	color: #3788d8;
}
.fc-col-header-cell-cushion:hover {
	text-decoration: none;
	color:#333;
}
/*일자*/
.fc-daygrid-day-number{
	color: #595757;
	font-size:1em;
}
/*종일제목*/
.fc-event-title.fc-sticky{

}
/*more버튼*/
.fc-daygrid-more-link.fc-more-link{
	color: #666;
}
/*일정시간*/
.fc-daygrid-event > .fc-event-time{
	color:#666;
}
/*시간제목*/
.fc-daygrid-dot-event > .fc-event-title{
	color:#666 !important;
	font-weight: 400 !important;
}
/*가로 줄 - 월달력 종일 or 복수일자*/
.fc-h-event{

}
/*세로 줄 - 주달력, 일달력*/
.fc-v-event{

}
/*title 옆에 점*/
.fc-daygrid-event-dot{

}

/*상단버튼*/
.fc .fc-button-primary {
    background-color: #7d94aa !important;
    border-color: #7d94aa !important;
}
.fc .fc-button-primary:hover {
    background-color: #66778e !important;
    border-color: #66778e !important;
}
/*month/week/day*/
.fc .fc-button-active{
	border-color: #66778e 		!important;
	background-color: #66778e 	!important;
	color: #fff 				!important;
}
.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: 0 0 0 0rem rgb(76 91 106 / 50%) !important;
}
.fc .fc-button-primary:disabled:hover {
	 background-color: #7d94aa !important;
}
.btn-warning{
	font-weight: bold;
}


.fc-theme-standard .fc-popover-header {
	background: rgb(161 153 153 / 30%);
	color: #666;
}
/* tooltip css */
.tippy-box[data-theme~='customColor'] {
	background-color: #474c51;
	color: #fff;
	font-size: 12px;
	padding: 5px; 
}
.tippy-arrow {
	width: 16px;
	height: 16px;
	color: #474c51;
}
--event-title.fc-sticky{
	overflow:hidden;
	text-overflow:ellipsis;
}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    font-weight: 400 !important;
}


/* dataTable pagination */
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #7d94aa;
    border-color: #7d94aa;
    cursor: default;
}



/* 로그인 */
.page-signin-box {
    border-color: #3982ba;
    border: 1px solid #3982ba;
}

.page-signin-modal {
    position: unset;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
	display: flex !important;
    justify-content: center;
    align-items: center;
	height: inherit;
    padding-bottom: 100px;
}
#page-signin-form {
	background: #ffffff;
}	
#logoimg {
	margin: 0 auto;
}

.box-label {
	padding: 4px 14px 0 14px;
	height: 29px;
	background: #c7c9cb;
	border-radius: 15px;
	color: #4a4949;
	margin: 12px 0 0 0;
	font-weight: 400;
}

.board-bg {
	background: #ededed;
}





/* 공통 */
.taC {text-align: center;}
.taL {text-align: left;}
.taR {text-align: right;}
.pl38 {padding-left: 38px;}
.no-minwd {min-width: unset;}
.minwd280 {min-width: 280px;}


/* https://cdn.datatables.net/fixedheader/3.1.5/css/fixedHeader.bootstrap.css 참조 */
/* dataTable 테이블 header 고정 (메뉴용 헤더사용으로 top 변경) */
.dtfh-floatingparenthead {
    top: 60px !important;
    border-bottom: 2px solid #dfe0e3;
}
.px-content.popup~.dtfh-floatingparenthead {
    top: -5px !important;
    border-bottom: 2px solid #dfe0e3;
    min-height: 45px;
}



@media (min-width: 1700px) {
	.px-content {
	    padding: 30px 20px 20px 30px !important;
	    max-width: 1400px;
	}
}

@media (max-width: 1700px) {
	.px-content {
	    padding: 30px 20px 20px 30px !important;
	    max-width: 1400px;
	    min-height: calc( 100% - 100px );	
	}
}

@media (max-width: 1234px) {
	.navbar-header {
		display: none;	
	}
}

@media (max-width: 990px) {
	.navbar {
		overflow: auto;
		display: -webkit-inline-box;
	}
}	

@media (min-width: 768px) {
	.px-content.mapPopup {
	    padding: 5px 20px 20px 20px !important;
	}
	.navbar-header {
	    padding-right: 84px;
	}		
	.navbar-left {
    	float: left !important;
	}	
	.navbar-right {
    	float: right !important;
    	margin-right: -11px;
	}	
	.modal-dialog {
        width: 400px;
	}
  	.modal-lg {
    	width: 700px; 
    }	
  	.modal-xlg {
    	width: 1200px; 
    }
	.form-horizontal .control-label {
		padding-top: 8px;
		font-weight: 400;
	}
	.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    	margin-top: 3px !important; 
    	margin-bottom: 0 !important;
    	padding-top: 0 !important;
	}
	
	/* 스크롤바  */
	::-webkit-scrollbar {
	    width: 10px;  /* 스크롤바의 너비 */
	    height: 10px;  /* 스크롤바의 높이 */
	    background: #424242;
	}
	
	::-webkit-scrollbar-thumb {
	    height: 30%; /* 스크롤바의 길이 */
	    background: #bcbcbc; /* 스크롤바의 색상 */
	    
	    border-radius: 13px;
	}
	
	::-webkit-scrollbar-track {
	    background: #f1f1f1;  /*스크롤바 뒷 배경 색상*/
	}
			
	::-webkit-scrollbar-corner {
	    background: #e3e3e3;  /*스크롤바 x,y 축 만나는곳 배경 색상*/
	}
	
	::-webkit-scrollbar-button  {
	    background: #e3e3e3;  /*스크롤바 버튼 색상*/
	}	
	
	/*
	body::-webkit-scrollbar-track,
	.dataTables_table_wrapper::-webkit-scrollbar-track,
	.form-horizontal::-webkit-scrollbar-track {
	    background: #424242; 
	}
		
	::-webkit-scrollbar-resizer  
	::-webkit-scrollbar-thumb:hover { background: #404040; }  실질적 스크롤 바 위에 마우스를 올려다 둘 때 
	::-webkit-scrollbar-thumb:active { background: #808080; }  실질적 스크롤 바를 클릭할 때 
	
	::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
	::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: url('./images/bg.png') #efefef}
	::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
	::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}
	
	*/	
}

/* Datapicker 사용시 readonly 속성 사용후 배경색지우기*/
#startDaySelect:read-only, #endDaySelect:read-only, #ddSelect:read-only{
	background-color: transparent;
	cursor: pointer !important;
}