@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');
/* Universal */
html, body {height:100%;}
body {margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif; font-size:1.0em; color:#666; position: relative;}
label, button, input, textarea, select, option, .btn {font-size:11pt; color:#666; font-family: 'Noto Sans KR', sans-serif; outline: none; border:none;}
table th.label label {font-size:10pt;}
article, section, header, ul, div {overflow: hidden;}
h1, h2, h3, h4, h5, h6, h7, h8 {padding:0; margin:0;}
.b10 {margin-bottom:10px;}
.b30 {margin-bottom:30px;}
.t10 {margin-top: 10px;}
.t30 {margin-top: 30px;}
.pad30 {padding:30px;}
.tc {text-align: center;}
.tl {text-align: left;}
.w-85 {width:85px !important;}
.w-90 {width:90px !important;}
.w-110 {width:110px !important;}
.w-100p {width:100% !important;}
button {outline:none; border:none; cursor:pointer;}
select {padding:5px;}
input, textarea {box-sizing: border-box;}
.none {display:none;}
input[type=hidden] {display: none;}
.small {font-size:0.8em;}
input.required,
select.required {border:solid 2px; background-color:yellow; color:red;}

ul {padding:0; margin:0;}
li {list-style: none; overflow: hidden;}
.fl {float:left;}
.fr {float: right;}
a {color:inherit; display: inline-block;}

/* Universal_Header */
header {padding:10px; color:#666; background-color:#EEE; border-bottom:#CCC 1px solid; font-size:0.9em;}
#logo_img {width:90px; padding:20px;}
header span {margin:0 10px;}
header select {font-size:0.8em; outline: none;}
header strong#alarm_number {padding:3px 12px; margin:auto 5px; border-radius: 30px; background-color:#C00; color:#EEE;}

/* Universal_Aside */
#body {position:relative;}
#popup_shade {position:fixed; top:0; left:0; width:100%; height:100%; display:none; background-color:rgba(0,0,0,0.9); z-index: 100000;}
#popup_content {position:fixed; top:20%; width:100px; min-height: 100px; background-color: #FFF; left:20%;  display:none; z-index: 100001; margin:auto; overflow-y: initial;}
#popup_content>section {padding:20px;}
aside {width:200px; float: left; min-height:100%; background:#111; color:#CCC; text-align: center; position:fixed;}
aside a {text-decoration: none;}
aside .aside_btn {margin:5px auto;}
aside li .none{display:none !important;}
aside li.nav_open>a {padding:10px; display:inline-block;}
aside li.nav_open:hover {cursor: pointer;}
aside li.nav_open .nav_under {display: none; background:#EEE; color:#666; padding:10px;}
aside li.nav_open .nav_under a {display:inline-block; padding:10px; font-size:0.9em;}
aside li.nav_open .nav_under li:hover {color:#C00;}
#layout_dummy {width:200px; height:100%; float: left;}

/* Universal_Article */
h1 {font-size:1.0em; font-weight: 600;}
h1>span {background-color:#E58334;; border-radius: 10px; width:10px; height:10px; display: inline-block; margin:1px 7px;}
article {padding:20px;}
article section {width:100%;}
input, textarea, select {border:#CCC 1px solid; padding:8px; font-weight: 100;}
article input:hover, article textarea:hover {border:#C00 1px solid;}
button, .btn {margin:0px 1px; padding:10px 25px; background-color:#CCC; color:#FFF; cursor:pointer; text-decoration: none;}
button:hover, .btn:hover {background-color:#E58334;}
.confirm {padding:10px 25px; background-color:#F59324; color:#FFF; margin:auto; text-decoration: none;}
.confirm:hover {background-color:#E58334;}


/* Table */

table, th, tr, td {border:#CCC 1px solid;}
table {background-color:#FFF; border-spacing: 0; border-collapse: collapse; margin-bottom:50px; border-bottom:#BBB 2px solid !important; width:100%;}
table#noborder ,table#noborder tr, table#noborder td {border:none !important; background:none !important; margin-bottom:0;}
table#noborder input {background-color:#FFF;}
table input {background-color:transparent;}
table button {background-color:#AAA; color:#FFF; border-radius: 10px; margin:5px;}
table textarea {width:100%; resize: none;}
table input[type=checkbox] {margin-right:5px;}
table label {}
table tr.tc td.p45 {cursor: pointer;}

tr.href {cursor: pointer;}
tr.href:hover {color:#666;}

table input:hover, table textarea:hover {}
table th {background-color:#EEE;}
table th.label {width: 180px; font-size:10pt; color:#777 !important; padding:20px; font-weight: 500;}
table td {padding:10px;}
td.thead {padding:15px; background-color:#666; color:#FFF; text-align: center; }
td.thead h4 {font-weight: 100;}

.legend {background-color:#EEE; margin-bottom:50px;}

a.u {text-decoration:underline; cursor:pointer;}

.bad {color:#D83033;}
.good {color:#2B32D4;}
.txt-warning {color:#D83033;}

#excelBtn {display:none !important;}