@charset "UTF-8";
html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }

body { margin: 0; padding: 0; }

blockquote, button, code, div, dl, dt, dd, figure, fieldset, form, p, pre, input, select, textarea, table, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: inherit; }

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

li { vertical-align: top; }

fieldset, img { border: 0 none; }

address, em { font-style: normal; }

label { cursor: pointer; }

select { -webkit-border-radius: 0; border-radius: 0; text-transform: none; font-family: inherit; }

select::-ms-expand { display: none; }

option { padding-right: 6px; }

caption span, legend span { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: 1%; z-index: -9999; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }

table, td, tr { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; font-family: inherit; }

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

abbr[title] { border-bottom: 1px dotted; }

hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }

pre { white-space: pre-wrap; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

button, input, textarea { overflow: visible; font-family: inherit; line-height: normal; outline: 0 none !important; }

button, select { text-transform: none; }

button[disabled], [type="button"][disabled], [type="reset"][disabled], [type="submit"][disabled] { cursor: default; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

textarea { overflow: auto; -webkit-border-radius: 0; border-radius: 0; resize: vertical; -webkit-appearance: none; }

input[type=button] { overflow: visible; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }

button, input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

[type=text], [type=password], [type=tel], [type=number], [type=search], [type=email], [type=url] { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }

[type="search"] { outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type=checkbox], [type=radio] { width: 13px; height: 13px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

::-webkit-input-placeholder, :-ms-input-placeholder, ::-ms-input-placeholder, ::placeholder { font: inherit; }

/* 웹폰트 */
@font-face { font-family: Noto Sans KR; src: local(""), url("../fonts/notosanskr/notosanskr100.woff2") format("woff2"), url("../fonts/notosanskr/notosanskr100.woff") format("woff"); font-style: normal; font-weight: 100; }

@font-face { font-family: Noto Sans KR; src: local(""), url("../fonts/notosanskr/notosanskr300.woff2") format("woff2"), url("../fonts/notosanskr/notosanskr300.woff") format("woff"); font-style: normal; font-weight: 300; }

@font-face { font-family: Noto Sans KR; src: local(""), url("../fonts/notosanskr/notosanskr350.woff2") format("woff2"), url("../fonts/notosanskr/notosanskr350.woff") format("woff"); font-style: normal; font-weight: 350; }

@font-face { font-family: Noto Sans KR; src: local(""), url("../fonts/notosanskr/notosanskrregular.woff2") format("woff2"), url("../fonts/notosanskr/notosanskrregular.woff") format("woff"); font-style: normal; font-weight: 400; }

@font-face { font-family: Noto Sans KR; src: local(""), url("../fonts/notosanskr/notosanskr500.woff2") format("woff2"), url("../fonts/notosanskr/notosanskr500.woff") format("woff"); font-style: normal; font-weight: 500; }

@font-face { font-family: Noto Sans KR; src: local(""), url("../fonts/notosanskr/notosanskr700.woff2") format("woff2"), url("../fonts/notosanskr/notosanskr700.woff") format("woff"); font-style: normal; font-weight: 700; }

@font-face { font-family: Noto Sans KR; src: local(""), url("../fonts/notosanskr/notosanskr900.woff2") format("woff2"), url("../fonts/notosanskr/notosanskr900.woff") format("woff"); font-style: normal; font-weight: 900; }

@font-face { font-family: NanumGothicWeb; src: local(""), url("../fonts/nanumgothic/NanumGothic.eot") format("eot"), url("../fonts/nanumgothic/NanumGothic.woff") format("woff"); font-style: normal; font-weight: 400; }

html { scroll-behavior: smooth; }

body { overflow-x: auto; overflow-y: hidden; min-width: 1920px; font-family: "Noto Sans KR", "맑은고딕", "Malgun Gothic", sans-serif; font-size: 16px; font-weight: 400; line-height: 1; letter-spacing: -1px; word-wrap: break-word; word-break: keep-all; -ms-word-break: break-all; overflow-wrap: break-word; }

.ir { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: 1%; z-index: -9999; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }

.is-hidden { display: none; }

#skip a { position: absolute; left: 0; top: -30px; }

.header { position: relative; background-color: #2b2c30; z-index: 99; -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.6); box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.6); }

.header .header-wrap { position: relative; max-width: 1920px; height: 60px; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.header .ci { padding: 12px 0 11px; }

.header .ci img { vertical-align: top; }

.header .title { position: absolute; left: 50%; top: 50%; font-family: NanumGothicWeb; font-size: 20px; color: #ccc; font-weight: bold; text-align: center; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.header .util { position: absolute; right: 20px; top: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.header .util .date { margin-right: 10px; font-family: NanumGothicWeb; font-size: 12px; color: #999; letter-spacing: 0; }

.header .util .btn-logout { width: 62px; height: 22px; border: 0; font-family: NanumGothicWeb; font-size: 12px; color: #fff; font-weight: bold; background-color: #a57d28; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.gnb { position: fixed; top: 60px; left: 0; width: 70px; height: calc(100% - 60px); padding-top: 30px; background-color: #212124; text-align: center; z-index: 9; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.gnb .btn-gnb { display: block; height: 80px; padding-top: 12px; font-size: 14px; color: #999; font-weight: 700; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.gnb .btn-gnb:before { content: ""; display: block; margin: 0 auto; width: 39px; height: 39px; }

.gnb .btn-gnb.btn-map:before { background: url(../images/comm/ico_map.png) no-repeat 50% 50%; }

.gnb .btn-gnb.btn-graph:before { background: url(../images/comm/ico_graph.png) no-repeat 50% 50%; }

.gnb .btn-gnb.btn-manage:before { background: url(../images/comm/ico_gear.png) no-repeat 50% 50%; }

.gnb li.is-active .btn-gnb, .gnb li:hover .btn-gnb { color: #f6c150; background-color: #151516; }

.gnb li.is-active .btn-gnb.btn-map:before, .gnb li:hover .btn-gnb.btn-map:before { background-image: url(../images/comm/ico_map_on.png); }

.gnb li.is-active .btn-gnb.btn-graph:before, .gnb li:hover .btn-gnb.btn-graph:before { background-image: url(../images/comm/ico_graph_on.png); }

.gnb li.is-active .btn-gnb.btn-manage:before, .gnb li:hover .btn-gnb.btn-manage:before { background-image: url(../images/comm/ico_gear_on.png); }

.section-login { min-height: 100vh; padding-top: calc((200 / 1920) * 100%); background-color: #212124; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-login .login-wrap { max-width: 600px; margin: 0 auto; }

.section-login .login-box { padding: 57px 100px 75px; background-color: #2b2c30; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-login .ico-group { font-size: 0; text-align: center; }

.section-login .ico-group li { display: inline-block; position: relative; margin-left: 20px; background-color: #232428; vertical-align: top; width: 78px; height: 78px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; }

.section-login .ico-group li img { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.section-login .ico-group li:first-child { margin-left: 0; }

.section-login .title { margin-top: 16px; font-size: 27px; color: #fff; font-weight: 400; text-align: center; }

.section-login .login-form { margin: 33px 0 38px; }

.section-login .login-form .login-form-input { display: block; }

.section-login .login-form .login-form-input + .login-form-input { margin-top: 20px; }

.section-login .login-form .input-text { width: 100%; height: 60px; padding: 0 30px; border: 0; color: #fff; background-color: #43454c; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.75); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.75); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-login .login-form .input-text::placeholder { font-size: 14px; color: #fff; letter-spacing: 0; }

.section-login .login-form .btn-login { width: 100%; height: 60px; margin-top: 60px; border: 0; font-size: 20px; color: #fff; font-weight: 500; background-image: -moz-linear-gradient(90deg, #4ca836 0%, #0f6e81 50%, #0e4194 100%); background-image: -webkit-linear-gradient(90deg, #4ca836 0%, #0f6e81 50%, #0e4194 100%); background-image: -ms-linear-gradient(90deg, #4ca836 0%, #0f6e81 50%, #0e4194 100%); background-image: linear-gradient(90deg, #4ca836 0%, #0f6e81 50%, #0e4194 100%); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); }

.section-login .find-account { font-size: 14px; color: #666; letter-spacing: 0; }

.section-login .login-footer { margin-top: 80px; text-align: center; }

.section-login .login-footer .copyright { margin-top: 30px; font-size: 14px; color: #666; letter-spacing: 0; }

.lnb { position: relative; height: 60px; background-image: -moz-linear-gradient(0deg, #4ca836 0%, #0f6e81 50%, #0e4194 100%); background-image: -webkit-linear-gradient(0deg, #4ca836 0%, #0f6e81 50%, #0e4194 100%); background-image: -ms-linear-gradient(0deg, #4ca836 0%, #0f6e81 50%, #0e4194 100%); background-image: linear-gradient(left, #4ca836 0%, #0f6e81 50%, #0e4194 100%); z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); }

.lnb .lnb-item { position: relative; margin: 0 80px; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }

.lnb .lnb-item.is-on, .lnb .lnb-item:hover { background-color: rgba(255, 255, 255, 0.2); }

.lnb .lnb-item.is-on .lnb-sub, .lnb .lnb-item:hover .lnb-sub { opacity: 1; }

.lnb .lnb-item.is-active { background-color: rgba(255, 255, 255, 0.2); }

.lnb .btn-lnb { height: 60px; padding: 10px 30px; border: 0; font-size: 20px; color: #fff; font-weight: 500; background: none; text-align: center; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.lnb a.btn-lnb { display: block; line-height: 40px; }

.lnb .lnb-sub { opacity: 0; display: none; position: absolute; top: 61px; left: 50%; min-width: 100%; padding: 0 5px 8px; background: #2c3e82; text-align: center; border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.lnb .lnb-sub li { height: 40px; padding: 0 20px; border-bottom: 1px solid #4854ad; white-space: nowrap; }

.lnb .lnb-sub li:last-child { border-bottom: 0; }

.lnb .btn-lnb-sub { display: block; font-size: 20px; color: #fff; font-weight: 500; text-align: center; line-height: 40px; -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; }

.lnb .btn-lnb-sub.is-active, .lnb .btn-lnb-sub:hover { color: #fef362; }

.btn-default { border: 1px solid #131416; font-size: 16px; color: #fff; background-color: #666; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.btn-default.btn-color1 { background-color: #a57d28; }

a.btn-default { display: inline-block; vertical-align: top; }

a.btn-default:hover { color: #fff; }

.btn-medium { min-width: 82px; padding: 0 25px; height: 42px; }

a.btn-medium { line-height: 40px; text-align: center; }

.btn-excel-dowm { height: 30px; padding: 0 12px; border: 1px solid #131416; font-size: 14px; color: #fff; font-weight: 500; background-color: #666; line-height: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.btn-excel-dowm span { display: inline-block; position: relative; height: 18px; padding-left: 22px; line-height: 18px; }

.btn-excel-dowm span:before { content: ""; position: absolute; top: 0; left: 0; background: url(../images/comm/ico_excel.png) no-repeat 0 0; width: 18px; height: 18px; }

.form-radio { display: inline-block; min-height: 20px; position: relative; vertical-align: middle; }

.form-radio .form-radio-label { display: inline-block; position: relative; padding-left: 30px; font-size: 16px; color: #333; vertical-align: top; line-height: 1.2; }

.form-radio .form-radio-label:before { content: ""; position: absolute; left: 0; top: 0; background-color: #fff; width: 20px; height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; }

.form-radio .form-radio-label:after { content: ""; display: none; position: absolute; left: 4px; top: 4px; background-color: #0547b4; width: 12px; height: 12px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; }

.form-radio .form-radio-input { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: 1%; z-index: -9999; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); opacity: 0; z-index: -9999; }

.form-radio .form-radio-input:checked + .form-radio-label:after { display: block; }

.form-radio.hide .form-radio-label { padding-left: 0; width: 20px; height: 20px; }

.select-default { min-width: 100px; height: 32px; padding: 0 18px 0 8px; border: 1px solid #48494e; font-size: 16px; color: #fff; background-color: #1b1b1e; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.form-file { position: relative; font-size: 0; }

.form-file .form-file-box { overflow: hidden; display: inline-block; position: relative; vertical-align: top; }

.form-file .input-file { position: absolute; top: -25%; right: -10%; bottom: -25%; left: -10%; width: 120%; height: 150%; opacity: 0; cursor: pointer; }

.form-file .input-text { margin-right: 8px; vertical-align: middle; }

.form-file .btn-form-file { width: 82px; height: 32px; border: 1px solid #131416; font-size: 16px; color: #fff; background-color: #666; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.textarea-default { width: 100%; padding: 15px 20px; border: 1px solid #48494e; font-size: 16px; color: #fff; background-color: #1b1b1e; line-height: 1.4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.form-group { font-size: 0; }

.form-group .input-text { vertical-align: middle; }

.form-group .input-text + .input-text { margin-left: 8px; }

.form-group .input-text + .select-default { margin-left: 8px; vertical-align: middle; }

.form-group .input-text + [class^=btn-] { margin-left: 8px; vertical-align: middle; }

.form-group .form-radio + .form-radio { margin-left: 30px; }

.form-group .select-default { vertical-align: middle; }

.form-group .select-default + .select-default { margin-left: 8px; }

.form-group .select-default + [class^=btn-] { margin-left: 8px; vertical-align: middle; }

.board { width: 100%; }

.board thead { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); }

.board th { height: 40px; font-size: 16px; color: #999; font-weight: 400; background-image: -moz-linear-gradient(0deg, #36373c 0%, #36373c 96%, #3d3e43 96%, #43444a 100%); background-image: -webkit-linear-gradient(0deg, #36373c 0%, #36373c 96%, #3d3e43 96%, #43444a 100%); background-image: -ms-linear-gradient(0deg, #36373c 0%, #36373c 96%, #3d3e43 96%, #43444a 100%); background-image: linear-gradient(0deg, #36373c 0%, #36373c 96%, #3d3e43 96%, #43444a 100%); }

.board th:first-child { border-radius: 3px 0 0 3px; }

.board th:last-child { border-radius: 0 3px 3px 0; }

.board td { height: 40px; border-bottom: 1px solid #3a3c40; font-size: 16px; color: #fff; text-align: center; }

.board .color1 { color: #ff9933; }

.board-medium { width: 100%; }

.board-medium thead { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); }

.board-medium th { height: 43px; font-size: 16px; color: #999; font-weight: 400; background-image: -moz-linear-gradient(0deg, #36373c 0%, #36373c 96%, #3d3e43 96%, #43444a 100%); background-image: -webkit-linear-gradient(0deg, #36373c 0%, #36373c 96%, #3d3e43 96%, #43444a 100%); background-image: -ms-linear-gradient(0deg, #36373c 0%, #36373c 96%, #3d3e43 96%, #43444a 100%); background-image: linear-gradient(0deg, #36373c 0%, #36373c 96%, #3d3e43 96%, #43444a 100%); }

.board-medium th:first-child { border-radius: 3px 0 0 3px; }

.board-medium th:last-child { border-radius: 0 3px 3px 0; }

.board-medium td { height: 29px; padding: 10px; border-bottom: 1px solid #3a3c40; font-size: 16px; color: #fff; text-align: center; }

.board-medium td.align-lft { text-align: left; }

.board-medium tfoot td { border-bottom-width: 2px; background-color: #303135; letter-spacing: 0; }

.board-medium tfoot td .total { color: #999; font-weight: 400; }

.board-medium tfoot td .unit { color: #999; }

.board-medium .photo-small { display: inline-block; width: 100px; margin: 5px; border: 1px solid #131416; vertical-align: top; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

.board-medium .photo-small img { max-width: 100%; vertical-align: top; }

.board-medium .btn-building-edit { display: inline-block; width: 72px; height: 32px; border: 1px solid #131416; font-size: 16px; color: #fff; background-color: #666; text-align: center; line-height: 30px; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.board-view { width: 100%; }

.board-view th { padding: 23px 10px; border-bottom: 1px solid #232427; font-size: 16px; color: #999; font-weight: 400; background-color: #323339; line-height: 1.4; }

.board-view td { padding: 15px 30px; border-bottom: 1px solid #232427; font-size: 16px; color: #fff; background-color: #2b2c30; line-height: 1.4; }

.board-view .input-text { width: 100%; height: 42px; padding: 0 20px; border: 1px solid #48494e; font-size: 16px; color: #fff; background-color: #1b1b1e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.board-view .form-file .form-file-box { width: 100%; }

.board-view .form-file .input-text { width: calc(100% - 92px - 8px); }

.board-view .form-file .btn-form-file { width: 92px; height: 42px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.board-view .textarea-default { min-height: 300px; }

.board-view tr:first-child th, .board-view tr:first-child td { border-top: 1px solid #232427; }

.search-board { padding: 0 20px; }

.search-board:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.search-board .search-board-item ul:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.search-board .search-board-item ul li { float: left; margin-right: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.search-board .search-board-item ul li .tit { margin-right: 12px; font-size: 16px; color: #fffaba; font-weight: 400; }

.search-board .search-board-item ul li:last-child { margin-right: 0; }

.search-board .search-board-item .form-radio .form-radio-label { color: #fff; }

.search-board .search-board-item .input-text { height: 32px; padding: 0 10px; border: 1px solid #48494e; font-size: 16px; color: #fff; background-color: #1b1b1e; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.search-board .search-board-item .input-text.align-ctr { text-align: center; }

.search-board .search-board-item .wave { width: 38px; font-size: 16px; color: #fff; text-align: center; }

.search-board .search-board-item .form-group { height: 20px; padding: 6px 0; }

.search-board .search-board-lft { float: left; }

.search-board .search-board-rgt { float: right; }

.search-board .search-board-rgt:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.search-board .search-board-rgt ul { float: left; }

.search-board .search-board-rgt .btn-search { float: left; width: 72px; height: 32px; margin-left: 5px; border: 1px solid #131416; font-size: 16px; color: #fff; background-color: #666; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.search-chart { padding: 25px; }

.search-chart .search-chart-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.search-chart .search-chart-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.search-chart .search-chart-item .label { margin-right: 12px; font-size: 16px; color: #fffaba; font-weight: 400; }

.search-chart .search-chart-item .form-radio .form-radio-label { color: #fff; }

.search-chart .search-chart-item .input-text { height: 32px; padding: 0 10px; border: 1px solid #48494e; font-size: 16px; color: #fff; background-color: #1b1b1e; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.search-chart .search-chart-item .input-text.align-ctr { text-align: center; }

.search-chart .search-chart-item .wave { width: 38px; font-size: 16px; color: #fff; text-align: center; }

.search-chart .search-chart-item .btn-search { width: 72px; height: 32px; margin-left: 5px; border: 1px solid #131416; font-size: 16px; color: #fff; background-color: #666; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.search-chart .search-chart-item.search-chart-date { margin: 0 80px 0 110px; }

.chart-list { overflow: hidden; padding: 50px 185px 90px; }

.chart-list .swiper { overflow: visible; }

.chart-list .swiper-wrapper:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.chart-list .chart-list-item { overflow: hidden; float: left; width: 240px; height: 260px; margin-right: 50px; border: 1px solid #131418; background: #212124 url(../images/bg_chart_list_item.jpg) no-repeat 50% 50%; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-transition: border 0.3s; -o-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; }

.chart-list .chart-list-item:hover { border-color: #666; }

.chart-list .chart-list-item:last-child { margin-right: 0; }

.chart-list .swiper-slide-active { border-color: #666; }

.chart-list .btn-swiper-prev, .chart-list .btn-swiper-next { width: 30px; height: 58px; margin-top: -29px; border: 0; }

.chart-list .btn-swiper-prev:before, .chart-list .btn-swiper-prev:after, .chart-list .btn-swiper-next:before, .chart-list .btn-swiper-next:after { display: none; }

.chart-list .btn-swiper-prev { left: -80px; background: url(../images/btn_chart_list_prev.png) no-repeat 0 0; }

.chart-list .btn-swiper-next { right: -80px; background: url(../images/btn_chart_list_next.png) no-repeat 0 0; }

.chart-list .swiper-scrollbar { height: 8px; bottom: -48px; background-color: #1f2023; cursor: pointer; }

.chart-list .swiper-horizontal > .swiper-scrollbar { left: 0; width: 100%; }

.chart-list .swiper-scrollbar-drag { background-color: #666; }

.paging { font-size: 0; text-align: center; }

.paging .btn-paging { display: inline-block; margin-left: 5px; font-size: 16px; color: #999; vertical-align: middle; text-align: center; line-height: 40px; width: 40px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }

.paging .btn-paging:first-child { margin-left: 5px; }

.paging .btn-paging.is-active { color: #fffaba; background-color: #26272a; }

.paging .btn-paging-quick { display: inline-block; font-size: 16px; vertical-align: middle; width: 40px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.paging .btn-paging-quick.btn-paging-first { margin-right: 5px; background: url(../images/comm/btn_paging_first.png) no-repeat 50% 50%; }

.paging .btn-paging-quick.btn-paging-prev { margin-right: 15px; background: url(../images/comm/btn_paging_prev.png) no-repeat 50% 50%; }

.paging .btn-paging-quick.btn-paging-next { margin-left: 15px; background: url(../images/comm/btn_paging_next.png) no-repeat 50% 50%; }

.paging .btn-paging-quick.btn-paging-last { margin-left: 5px; background: url(../images/comm/btn_paging_last.png) no-repeat 50% 50%; }

.pop-layer { position: absolute; top: calc(50% - 120px); left: 50%; padding: 18px 18px 50px; border: 1px solid #151516; background-color: #2e2f34; z-index: 9999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.4); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.pop-layer .pop-head { position: relative; padding: 12px 20px; border: 1px solid #232427; font-size: 24px; color: #fef698; font-weight: 500; background-color: #35363e; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.pop-layer .pop-head .btn-check-number { position: absolute; top: 50%; right: 60px; width: 112px; height: 32px; margin-top: -16px; border: 1px solid #131416; font-size: 16px; color: #fff; background-color: #666; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.pop-layer .pop-body { margin-top: 30px; }

.pop-layer .board-pop-input { width: 100%; }

.pop-layer .board-pop-input th { padding: 0 30px; border-bottom: 1px solid #232427; font-size: 16px; color: #999; font-weight: 400; background-color: #323339; text-align: right; }

.pop-layer .board-pop-input td { padding: 9px 20px; border-bottom: 1px solid #232427; color: #fff; background-color: #2e2f34; }

.pop-layer .board-pop-input tr:first-child th, .pop-layer .board-pop-input tr:first-child td { border-top: 1px solid #232427; }

.pop-layer .board-pop-input .form-radio .form-radio-label { color: #fff; }

.pop-layer .board-pop-input .btn-dup { width: 82px; height: 32px; border: 1px solid #131416; font-size: 16px; color: #fff; background-color: #666; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.pop-layer .board-pop-input .btn-facility-reg { width: 82px; height: 32px; border: 1px solid #131416; font-size: 16px; color: #fff; background-color: #a57d28; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.pop-layer .board-pop-button { margin-top: 20px; font-size: 0; text-align: center; }

.pop-layer .board-pop-button .btn-default { margin-right: 5px; }

.pop-layer .board-pop-button .btn-default:last-child { margin-right: 0; }

.pop-layer .ico-required { color: #fef698; }

.pop-layer .input-text { width: calc(100% - 30px); height: 32px; padding: 0 10px; border: 1px solid #48494e; font-size: 16px; color: #fff; background-color: #1b1b1e; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.pop-layer .btn-pop-clse { position: absolute; top: 23px; right: 29px; border: 0; background: url(../images/comm/ico_pop_clse.png) no-repeat 50% 50%; width: 40px; height: 40px; }

.pop-building-reg { width: 900px; margin-left: -450px; }

.pop-equip-reg { width: 900px; margin-left: -450px; }

.pop-facility-reg { width: 660px; margin-left: -330px; }

.pop-facility-reg .facility-wrap { position: relative; padding-bottom: 35px; border-bottom: 1px solid #232427; }

.pop-facility-reg .facility-wrap:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.pop-facility-reg .facility-wrap .tit { display: block; margin-bottom: 15px; font-size: 20px; color: #999; font-weight: 400; text-align: center; }

.pop-facility-reg .facility-wrap .facility-input { float: left; width: 240px; height: 350px; padding: 25px 19px; background-color: #323339; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.pop-facility-reg .facility-wrap .facility-input .facility-input-box { height: 270px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.pop-facility-reg .facility-wrap .facility-input .input-text { width: 100%; }

.pop-facility-reg .facility-wrap .facility-button { position: absolute; top: 0; left: 50%; height: 350px; padding: 60px 0 25px; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.pop-facility-reg .facility-wrap .facility-button .btn-facility-add, .pop-facility-reg .facility-wrap .facility-button .btn-facility-del { display: block; width: 82px; height: 32px; border: 1px solid #131416; font-size: 16px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.pop-facility-reg .facility-wrap .facility-button .btn-facility-add { background-color: #a57d28; }

.pop-facility-reg .facility-wrap .facility-button .btn-facility-add span { position: relative; padding-right: 11px; }

.pop-facility-reg .facility-wrap .facility-button .btn-facility-add span:after { content: ""; position: absolute; top: 50%; right: 0; width: 8px; height: 13px; margin-top: -6px; background: url(../images/comm/ico_gt_small.png) no-repeat 0 0; }

.pop-facility-reg .facility-wrap .facility-button .btn-facility-del { margin-top: 5px; background-color: #666; }

.pop-facility-reg .facility-wrap .facility-button .btn-facility-del span { position: relative; padding-left: 11px; }

.pop-facility-reg .facility-wrap .facility-button .btn-facility-del span:before { content: ""; position: absolute; top: 50%; left: 0; width: 8px; height: 13px; margin-top: -6px; background: url(../images/comm/ico_lt_small.png) no-repeat 0 0; }

.pop-facility-reg .facility-wrap .facility-list { float: right; width: 240px; height: 350px; padding: 25px 19px; background-color: #323339; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.pop-facility-reg .facility-wrap .facility-list ul { overflow-y: auto; height: 270px; padding: 20px; border: 1px solid #48494e; background-color: #1b1b1e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.pop-facility-reg .facility-wrap .facility-list ul li { margin-top: 15px; font-size: 16px; color: #fff; cursor: pointer; }

.pop-facility-reg .facility-wrap .facility-list ul li:first-child { margin-top: 0; }

[class^=section-] { overflow-y: auto; height: calc(100vh - 60px); background-color: #151516; }

.gnb + [class$=-main] { margin-left: 70px; }

.section-graph .graph-wrap { position: relative; max-width: 1920px; }

.section-graph .graph-main:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.section-graph .graph-info { float: left; width: 300px; padding: 23px 0 0 40px; }

.section-graph .graph-info .graph-info-box { margin-top: 40px; }

.section-graph .graph-info .graph-info-box:first-child { margin-top: 0; }

.section-graph .graph-info h3.title { margin-bottom: 5px; font-size: 20px; color: #fff; font-weight: 500; }

.section-graph .graph-info .graph-info-board { overflow: hidden; width: 100%; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }

.section-graph .graph-info .graph-info-board th { height: 50px; font-size: 14px; color: #ccc; font-weight: 400; background-color: #36373c; }

.section-graph .graph-info .graph-info-board th span { font-size: 11px; }

.section-graph .graph-info .graph-info-board td { height: 29px; padding: 5px; border-top: 1px solid #151516; font-family: NanumGothicWeb; font-size: 14px; color: #fff; background-color: #2b2c30; letter-spacing: 0; text-align: center; }

.section-graph .graph-info .graph-info-board .tit { font-family: "Noto Sans KR", "맑은고딕", "Malgun Gothic", sans-serif; color: #ccc; }

.section-graph .graph-info .graph-info-board .tit span { font-size: 11px; }

.section-graph .graph-info .graph-info-use .title { position: relative; padding-left: 37px; line-height: 30px; }

.section-graph .graph-info .graph-info-use .title:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -15px; background: #2b2c30 url(../images/comm/ico_thunder_medium.png) no-repeat 50% 50%; width: 30px; height: 30px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }

.section-graph .graph-info .graph-info-price { margin-top: 20px; }

.section-graph .graph-info .graph-info-price h4.title { margin-bottom: 10px; font-size: 18px; color: #fef698; font-weight: 500; }

.section-graph .graph-info .graph-info-dust .title { position: relative; padding-left: 37px; line-height: 30px; }

.section-graph .graph-info .graph-info-dust .title:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -15px; background: #2b2c30 url(../images/comm/ico_dust_medium.png) no-repeat 50% 50%; width: 30px; height: 30px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }

.section-graph .graph-info .graph-info-dust .graph-info-board { table-layout: fixed; }

.section-graph .graph-contents { overflow: hidden; padding: 30px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-graph .graph-contents .graph-top ul:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.section-graph .graph-contents .graph-top li { position: relative; float: left; width: calc((100% - 80px) / 5); min-width: 250px; height: 140px; margin-right: 20px; padding: 25px 30px 25px 130px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-graph .graph-contents .graph-top li:before { content: ""; position: absolute; left: 0; top: 0; width: 134px; height: 100%; }

.section-graph .graph-contents .graph-top li:last-child { margin-right: 0; }

.section-graph .graph-contents .graph-top li .name { font-size: 20px; font-weight: 500; color: #fff; }

.section-graph .graph-contents .graph-top li span { font-size: 14px; font-weight: 400; }

.section-graph .graph-contents .graph-top li .unit { display: block; margin-top: 5px; }

.section-graph .graph-contents .graph-top li .value { display: block; position: absolute; right: 30px; bottom: 25px; font-family: NanumGothicWeb; font-size: 40px; color: #fff; font-weight: bold; text-align: right; }

.section-graph .graph-contents .graph-top li.index-top-ultradust { background-color: #bd5529; }

.section-graph .graph-contents .graph-top li.index-top-ultradust:before { background: url(../images/ico_index_ultradust.png) no-repeat 50% 50%; }

.section-graph .graph-contents .graph-top li.index-top-ultradust span { color: #f29b76; }

.section-graph .graph-contents .graph-top li.index-top-dust { background-color: #dd8b0e; }

.section-graph .graph-contents .graph-top li.index-top-dust:before { background: url(../images/ico_index_dust.png) no-repeat 50% 50%; }

.section-graph .graph-contents .graph-top li.index-top-dust span { color: #facd89; }

.section-graph .graph-contents .graph-top li.index-top-ozone { background-color: #7fa917; }

.section-graph .graph-contents .graph-top li.index-top-ozone:before { background: url(../images/ico_index_ozone.png) no-repeat 50% 50%; }

.section-graph .graph-contents .graph-top li.index-top-ozone span { color: #cce198; }

.section-graph .graph-contents .graph-top li.index-top-temp { background-color: #3777cd; }

.section-graph .graph-contents .graph-top li.index-top-temp:before { background: url(../images/ico_index_temp.png) no-repeat 50% 50%; }

.section-graph .graph-contents .graph-top li.index-top-temp span { color: #88abda; }

.section-graph .graph-contents .graph-top li.index-top-humidity { background-color: #8137ac; }

.section-graph .graph-contents .graph-top li.index-top-humidity:before { background: url(../images/ico_index_humidity.png) no-repeat 50% 50%; }

.section-graph .graph-contents .graph-top li.index-top-humidity span { color: #aa89bd; }

.section-graph .graph-contents .graph-group { margin-top: 20px; }

.section-graph .graph-contents .graph-group .graph-group-box { overflow: hidden; margin-top: 20px; background-color: #2b2c30; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); }

.section-graph .graph-contents .graph-group .graph-group-box:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.section-graph .graph-contents .graph-group .graph-group-box:first-child { margin-top: 0; }

.section-graph .graph-contents .graph-group .graph-group-head { float: left; width: 200px; padding: 35px 0; text-align: center; }

.section-graph .graph-contents .graph-group .graph-group-head .title { font-size: 24px; color: #fff; font-weight: 400; }

.section-graph .graph-contents .graph-group .graph-group-head .status { margin-top: 30px; }

.section-graph .graph-contents .graph-group .graph-group-head .status span { display: inline-block; position: relative; background-color: #232428; vertical-align: top; width: 80px; height: 80px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; }

.section-graph .graph-contents .graph-group .graph-group-head .status span img { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.section-graph .graph-contents .graph-group .graph-group-head .name { display: inline-block; width: 90px; height: 30px; margin-top: 30px; border: 1px solid #3c3d42; font-size: 16px; color: #fff; vertical-align: top; background-color: #232428; text-align: center; line-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.section-graph .graph-contents .graph-group .graph-group-chart { overflow: hidden; float: left; width: calc(100% - 200px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-graph .graph-contents .graph-group .graph-group-alarm .graph-group-chart { padding: 30px 70px; }

.section-manage .manage-wrap { position: relative; max-width: 1920px; }

.section-manage .manage-main { padding: 0 40px 30px; }

.section-manage .manage-contents { position: relative; margin-top: 30px; }

.section-manage .manage-contents .btn-excel-dowm { position: absolute; right: 0; top: 0; }

.section-manage .manage-contents .title { font-size: 30px; color: #fef698; font-weight: 500; }

.section-manage .manage-contents .manage-group { margin-top: 20px; }

.section-manage .manage-contents .manage-group-box { margin-top: 40px; }

.section-manage .manage-contents .manage-group-box .manage-group-item { background-color: #2b2c30; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); }

.section-manage .manage-contents .manage-group-box .manage-group-item .tit { position: relative; height: 40px; margin-bottom: 10px; padding-left: 50px; font-size: 24px; color: #fff; font-weight: 500; line-height: 40px; }

.section-manage .manage-contents .manage-group-box .manage-group-item .tit:before { content: ""; overflow: hidden; position: absolute; top: 0; left: 0; background-color: #232428; background-position: 50% 50%; background-repeat: no-repeat; width: 40px; height: 40px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }

.section-manage .manage-contents .manage-group-box .manage-group-item .tit.ico-plug:before { background-position-y: 9px; background-image: url(../images/comm/ico_plug.png); }

.section-manage .manage-contents .manage-group-box .manage-group-item .tit.ico-won:before { background-image: url(../images/comm/ico_won.png); }

.section-manage .manage-contents .manage-group-box .manage-group-item .tit.ico-elec:before { background-image: url(../images/comm/ico_elec.png); }

.section-manage .manage-contents .manage-group-box .manage-group-item .tit.ico-price:before { background-image: url(../images/comm/ico_price.png); }

.section-manage .manage-contents .manage-group-box .manage-group-item .manage-group-in:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.section-manage .manage-contents .manage-group-box .manage-group-item .manage-group-in .manage-group-box, .section-manage .manage-contents .manage-group-box .manage-group-item .manage-group-in .manage-group-chart { float: left; width: calc((100% - 25px) / 2); }

.section-manage .manage-contents .manage-group-box .manage-group-item .manage-group-in .manage-group-box { margin-right: 25px; }

.section-manage .manage-contents .manage-group-box .manage-group-board { padding: 20px 40px; }

.section-manage .manage-contents .manage-group-box.col2:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.section-manage .manage-contents .manage-group-box.col2 .manage-group-item { float: left; width: calc((100% - 40px) / 2); margin-left: 40px; }

.section-manage .manage-contents .manage-group-box.col2 .manage-group-item:first-child { margin-left: 0; }

.section-manage .manage-contents .manage-group-box:first-child { margin-top: 0; }

.section-manage .manage-contents .manage-box { margin-top: 20px; padding: 40px 40px 50px; background-color: #2b2c30; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75); }

.section-manage .manage-contents .manage-box .search-board { margin-bottom: 25px; }

.section-manage .manage-contents .manage-box .paging { margin-top: 20px; }

.section-manage .manage-contents .manage-box .manage-box-button { margin-top: 20px; padding: 0 30px; font-size: 0; text-align: right; }

.section-manage .manage-contents .manage-box .manage-box-button .btn-default { margin-right: 5px; }

.section-manage .manage-contents .manage-box .manage-box-button .btn-default:last-child { margin-right: 0; }

.section-manage .manage-contents .manage-box .manage-box-button.align-ctr { text-align: center; }

.section-manage .manage-contents .manage-system-building { position: relative; }

.section-manage .manage-contents .manage-system-building .manage-system-building-top { position: absolute; top: -57px; font-size: 14px; color: #999; line-height: 32px; letter-spacing: 0; }

.section-manage .manage-contents .manage-system-building .manage-system-building-top:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.section-manage .manage-contents .manage-system-building .manage-system-building-top li { float: left; margin-right: 35px; }

.section-manage .manage-contents .manage-system-building .manage-system-building-top li em { color: #fffaba; }

.section-manage .manage-contents .manage-system-building .manage-system-building-top li:last-child { margin-right: 0; }

.section-manage .manage-contents .manage-system-building .building-list { border-top: 1px solid #3a3c40; border-bottom: 1px solid #3a3c40; }

.section-manage .manage-contents .manage-system-building .building-list .building-item { padding: 20px 90px; border-bottom: 1px solid #3a3c40; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-head { width: 600px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-head .photo { overflow: hidden; display: block; width: 140px; margin-right: 50px; border: 1px solid #131416; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

.section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-head .photo img { max-width: 100%; vertical-align: top; }

.section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-head .name, .section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-head .address { display: block; color: #fff; }

.section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-head .name { font-size: 24px; font-weight: 500; }

.section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-head .address { margin-top: 20px; font-size: 16px; }

.section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-owner { width: 580px; }

.section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-owner, .section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-info { margin-left: 20px; padding-top: 44px; color: #fff; letter-spacing: 0; }

.section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-owner:after, .section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-info:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-owner li, .section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-info li { position: relative; float: left; margin-left: 15px; padding-left: 16px; }

.section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-owner li:before, .section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-info li:before { content: ""; position: absolute; top: 2px; left: 0; width: 1px; height: 14px; background-color: #666; }

.section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-owner li:first-child, .section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-info li:first-child { margin-left: 0; padding-left: 0; }

.section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-owner li:first-child:before, .section-manage .manage-contents .manage-system-building .building-list .building-item .building-item-info li:first-child:before { display: none; }

.section-manage .manage-contents .manage-system-building .building-list .building-item:last-child { border-bottom: 0; }

.section-manage .manage-contents .manage-system-alarm .alarm-list .alarm-list-row { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.section-manage .manage-contents .manage-system-alarm .alarm-list .alarm-list-row .tit { width: 370px; min-height: 50px; padding: 0 50px; font-size: 16px; color: #999; background: #36373c; background-image: -moz-linear-gradient(90deg, #36373c 0%, #36373c 96%, #3d3e43 96%, #43444a 100%); background-image: -webkit-linear-gradient(90deg, #36373c 0%, #36373c 96%, #3d3e43 96%, #43444a 100%); background-image: -ms-linear-gradient(90deg, #36373c 0%, #36373c 96%, #3d3e43 96%, #43444a 100%); background-image: linear-gradient(0deg, #36373c 0%, #36373c 96%, #3d3e43 96%, #43444a 100%); text-align: right; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-manage .manage-contents .manage-system-alarm .alarm-list .alarm-list-row .alarm-list-input { min-height: 50px; padding: 8px 40px; border-top: 1px solid #3a3c40; border-bottom: 1px solid #3a3c40; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-manage .manage-contents .manage-system-alarm .alarm-list .alarm-list-row .alarm-list-input .input-text { height: 32px; padding: 0 10px; border: 1px solid #48494e; font-size: 16px; color: #fff; background-color: #1b1b1e; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-manage .manage-contents .manage-system-alarm .alarm-list .alarm-list-row .alarm-list-input-noti { margin-left: 20px; font-size: 14px; color: #999; }

.section-manage .manage-contents .manage-system-alarm .alarm-list .alarm-list-row:first-child { margin-top: 0; }
/*# sourceMappingURL=maps/enems.css.map */