@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html, body {
    height: 100%;
    line-height: 1;
    font-family: 'Noto Sans Korean', sans-serif, 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, '굴림', Gulim;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.03em;
}
h1, h2, h3, h4, h5, h6{
    font-size: 1rem;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    /*width:100%;*/
    /*width:auto;*/
    /*min-width:100%;*/
    /*max-width: none;*/
}
table th,
table td {
    vertical-align: middle;
}
address, em {
    font-style: normal;
}
img {
    vertical-align: middle;
    max-width:100%;
}
a {
    text-decoration:none;
    color:#000;
}
a:active, a:visited, a:focus {
    color:#000;
    text-decoration: none;
}

.wrapper{width:100%;margin:0 auto;position:relative;min-width:1800px;overflow:auto;min-width:1890px;}
.wrap{width:100%;padding:0 15px;position:relative;box-sizing:border-box;}
.wrap:after{content:'';display:block;clear:both;}
.wraph{display:inline-block;width:100%;height:45px;padding:0 8px;position:relative;box-sizing:border-box;}
.wraph:after{content:'';display:block;clear:both;}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px !important;height:1px !important;font-size:0;line-height:0;}
/*input.blind{position:relative;}*/
caption.blind{position:static;}
.position-center {position:absolute;left:50%;top:50%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);}
.clearfix:after{content:'';display:block;clear:both;}
.float-right{float:right;}
.float-left{float:left;}
.clearboth{clear:both}
.text-ellipsis{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.text-right{text-align:right !important;}
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}

input:focus,
button
{
    outline:0;
}
button {
    cursor:pointer
}
input,
textarea
{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
/*input[type=text],*/
input[type=time],
input[type=url],
input[type=week]
{
    background:none;
    border:0;
}
input[type=checkbox],
input[type=radio]
{
    width:1em;
    height:1em;
}
input[type=file]
{
}
input[type=search]
{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
}
::-webkit-search-decoration
{
    display:none;
}
button,
input[type="reset"],
input[type="button"],
input[type="submit"]
{
    overflow:visible;
    width:auto;
}
::-webkit-file-upload-button
{
    padding:0;
    border:0;
    background:none;
}
textarea
{
    vertical-align:top;
    overflow:auto;
}
select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
select[multiple]
{
    vertical-align:top;
}

/*------------------------*/
.pagination{margin-top:1em;text-align:center;}
.pagination a{display:inline-block;line-height:1em;margin:0 .3em;font-size:14px;}
.pagination a.active{color:#1e5fc7;}
.color-blue{color:#1e5fc7;}
.color-orangered{color:#ff4500;}
.color-red{color:#ff0000;}
.checkbox{cursor:pointer;line-height:20px;}
.checkbox .checkbox__icon{width:20px;height:20px;display:inline-block;vertical-align:sub;border:1px solid #cfcfcf;margin-right:3px;background:#fff;box-sizing:border-box}
.checkbox .checkbox__input:checked + .checkbox__icon{background:url(../../images/login/new/checkon.png) #fff no-repeat center;}

.icon-btn{height:40px;line-height:40px;width:40px;text-align:center;display:inline-block;}

a.btn-moreview{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:14px;color:#1e5fc7;border:1px solid #1e5fc7;height:28px;padding:0 1em;box-sizing:border-box;border-radius:3px;line-height:25px;transition:all .2s;box-shadow:1px 1px 2px rgba(0,0,0,0.2);background:#fff;font-weight:400;}
a.btn-moreview:hover{background:#1e5fc7;color:#fff;}
a.btn-moreview--plus{height:22px;width:24px;padding:0;line-height:20px;text-align:center;right:12px;top:50%;}

.login{clear:both;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:950px;height:auto;border:1px solid #cfcfcf;box-sizing:border-box;}
.login__header{padding:0 30px;height:100px;line-height:100px;}
.login__header img{vertical-align:middle;height:40px;}
.login__title{line-height:25px;margin:25px 0;font-size:22px;color:#004a8d;font-weight:700;margin-left:1em;padding-left:1em;border-left:5px solid #d2d3d3;}
.login__body{border-top:1px solid #cfcfcf;background:#fcfcfc;}
.login__visual{width:50%;padding:40px 0;text-align:center;}
.login__visual img{height:255px;}
.login__form{width:50%;padding-right:90px;box-sizing:border-box;padding-top:85px;}
.login__form-row{height:50px;margin-bottom:10px;padding-left:125px;position:relative}
.login__form-title{width:125px;line-height:50px;position:absolute;left:0;top:0}
.login__form-box{height:50px;width:100%;background:#fff;}
.login__form-box input{border:1px solid #cfcfcf;height:50px;width:100%;padding:0 1em;box-sizing:border-box;font-size:16px;font-weight:600;}
.login__submit{background:#00a94f;color:#fff;border:1px solid #cfcfcf;display:inline-block;height:40px;width:125px;transition:all .3s;}
.login__submit:hover{background:#018d42;}
.login__form-row .checkbox{line-height:40px;color:#999999}

.header{height:80px;background:#1e5fc7;position:fixed;left:0;top:0;width:100%;z-index:500;overflow:auto;min-width:1300px;overflow:hidden;}
.header__logo{line-height:80px;text-align:center;width:280px;}
.header__logo img{vertical-align:middle;}
/*.header__gnb{line-height:80px;}
.header__gnb li{margin:0 40px;}*/
.header__gnb{line-height:25px;}
.header__gnb li{margin:10px 55px;}
.header__gnb a{color:#fff;font-size:18px;}
.header__gnb a.active{border-bottom:2px solid #fff;}
.header__gnb span{color:#fff;font-size:16px;}
.header__etc{margin:25px 0;height:40px;margin-top:20px;margin-left:0;margin-right:40px;}
.header__search{height:40px;}
.header__search input{background:#fff;padding:0 1em;height:40px;width:340px;border-radius:5px;color:#1e5fc7;font-size:1.0em;font-weight:700;box-sizing:border-box;margin-right:10px;}

.sidebar{padding-top:80px;position:fixed;left:0;top:0;width:245px;height:100%;background:#f5f5f5;z-index:400;border:1px solid #c3c3c3;overflow:auto;}
.sidebar__section-title{border-bottom:1px solid #fff;}
.sidebar__section-title a{height:35px;background:#92a1b4;display:block;line-height:35px;color:#fff;font-size:16px;font-weight:600;padding-left:30px;box-sizing:border-box;}
.sidebar__section-item a{height:35px;padding-left:30px;box-sizing:border-box;line-height:35px;font-size:14px;color:#333333;display:block;transition:all .3s;}
.sidebar__section-item a:hover{background:#e3e3e3;}
.sidebar__section-item a.active{background:#16b7c4;color:#fff;}

.container{margin-top:80px;padding-left:250px;box-sizing:border-box;}
.page__info{line-height:36px;}
.page__title{padding-left:28px;position:relative;font-size:16px;}
.page__title:after{content:'';display:block;width:20px;height:20px;border:5px solid #1e5fc7;border-radius:50%;box-sizing:border-box;position:absolute;left:0;top:55%;transform:translateY(-50%);}
.page__navigation li{padding-right:25px;background:url(../../images/new/icon-navigation-arrow.png) no-repeat right center;padding-left:10px;line-height:20px;margin:25px 0;}
.page__navigation li:last-child{padding-right:0;background:none;}
.page__navigation li a{font-size:14px;color:#666666;line-height:20px;vertical-align:top;}
.page__select-area{height:70px;border:1px solid #dadada;border-left:0;border-right:0;background:#eef3f6;width:100%;}
.page__select-box{font-size:14px;padding-left:70px;box-sizing:border-box;position:relative;height:36px;margin:17px 0;margin-right:50px;}
.page__select-box label{font-size:14px;position:absolute;left:0;top:0;line-height:36px;color:#333333;}
.page__select{font-size:14px;font-weight:600;height:36px;width:300px;cursor:pointer;border:1px solid #cfcfcf;box-sizing:border-box;text-indent:3px !important;background:url(../../images/new/icon-select-arrow.png) #fff no-repeat 95% center;}
.page__select select{font-size:14px;font-weight:600;width:100%;height:100%;cursor:pointer;padding:0 1em;box-sizing:border-box;}

.content{padding:30px 0;overflow:auto;}
.content__box{margin-bottom:10px;}
.content__inner{width:49.7%;}
.content__inner .content__innerbox:nth-child(n+2){margin-top:10px;}
.content__innerbox{width:49.7%;border:1px solid #cfcfcf;box-sizing:border-box;}
.content__innerbox--long{height:454px;width:100%;}
.content__innerbox--short{height:414px;width:100%;}
.content__innerbox-header{background:#eef3f6;line-height:40px;padding:0 15px;box-sizing:border-box;position:relative;}
.content__innerbox-body{padding:5px 15px;box-sizing:border-box;}
.content__innerbox-body.default-height{height:147px;}

/*@media screen and (max-width: 1920px) {
.content__inner{width:49.7%;}
.content__inner .content__innerbox:nth-child(n+2){margin-top:10px;}
.content__innerbox{width:49.7%;border:1px solid #cfcfcf;box-sizing:border-box;}
.content__innerbox-header{background: #eef3f6;line-height: 40px;padding: 0 15px;box-sizing: border-box;position: relative;}
}

@media screen and (max-width: 1900px) {
.content__inner{width:49.7%;}
.content__inner .content__innerbox:nth-child(n+2){margin-top:10px;}
.content__innerbox{width:49.7%;border:1px solid #cfcfcf;box-sizing:border-box;}
.content__innerbox-header{background: #eef3f6;line-height: 40px;padding: 0 15px;box-sizing: border-box;position: relative;}
.sidebar__section-title a{height:34px;background:#92a1b4;display:block;line-height:35px;color:#fff;font-size:16px;font-weight:600;padding-left:30px;box-sizing:border-box;}
.sidebar__section-item a{height:34px;padding-left:30px;box-sizing:border-box;line-height:35px;font-size:14px;color:#333333;display:block;transition:all .3s;}
}*/

.dust{border-top:2px solid #0050a2;}
.dust th{background:#eef3f6;font-weight:bold;height:35px;}
.dust tbody th{height:25px;}
.dust tbody td{height:25px;}
.dust tbody th a:hover{color:#f16b58;text-decoration:underline;}
.dust td{height:30px;}
.dust th,
.dust td{font-size:14px;text-align:center;border-bottom:1px solid #c3c3c3;}
.dust td.number{color:#1e5fc7;}
.dust td.state{color:#0767be;}
.dust td.state.good{color:#0066ff;}
.dust td.state.nomal{color:#5bd464;}
.dust td.state.bad{color:#ffc000;}
.dust td.state.verybad{color:#ff0000;}

.document{height:45px;width:49.7%;border:1px solid #cfcfcf;box-sizing:border-box;position:relative;}
.document__title{width:160px;background:#0050a2;height:100%;line-height:40px;color:#fff;text-align:center;line-height:40px;font-weight:400;}
.document__info-item{margin:0 25px;padding-left:30px;line-height:40px;background:url(../../images/new/icon-file.png) no-repeat left center;font-size:14px;font-weight:bold;}

.content__notice-item{position:relative;height:27px;border-bottom:1px solid #e8ecef;box-sizing:border-box;padding-right:80px;box-sizing:border-box;}
.content__notice-item:last-child{border-bottom:0;}
.content__notice-item a{display:inline-block;line-height:27px;position:relative;padding-left:10px;box-sizing:border-box;}
.content__notice-item a:after{content:'';display:block;width:2px;height:2px;background:#414141;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.content__notice-item a:hover{text-decoration:underline;}
.content__notice-item .date{position:absolute;right:0px;top:0;line-height:27px;color:#999999;font-size:13px;}

.content__target th{font-weight:400;position:relative;text-align:left;border-right:1px solid #e8e8e8;}
.content__target td{padding:0 1em;}
.content__target th,
.content__target td{height:28px;line-height:28px;border-bottom:1px solid #e8e8e8;}
.content__target tr:last-child th,
.content__target tr:last-child td{border-bottom:0;}

.content__state{padding:5px 0 5px;}
.content__state th,
.content__state td{height:35px;text-align:center;border-bottom:1px solid #e8e8e8;font-size:14px;}
.content__state td{border-right:1px solid #e8e8e8;}
.content__state td:last-child{border-right:0;}

.content__charge{padding:5px 0 5px;}
.content__charge th,
.content__charge td{height:35px;text-align:center;border-bottom:1px solid #e8e8e8;font-size:14px;padding:0;}
/*.content__charge tbody th{font-weight:400;background:#def7ea;border-right:1px solid #e8e8e8;color:#666666;}
.content__charge tbody th:last-child{border-right:0;}*/
.content__charge td{border-right:1px solid #e8e8e8;color:#666666;}
.content__charge td:last-child{border-right:0;}

.content__gas{padding:5px 0 5px;}
.content__gas-year{text-align:center;font-size:28px;font-weight:400;margin:-5px 0 10px;}
.content__gas-year span{font-size:19px;vertical-align:middle;display:inline-block;margin-left:1em;}
.content__gas-state{text-align:center;}
.content__gas-state-item{height:35px;width:300px;display:inline-block;margin:0 10px;border:1px solid #b3bdca;border-radius:2em;font-size:20px;color:#009463;font-weight:600}
.content__gas-state-item span{line-height:35px;font-weight:400;font-size:16px;padding-left:30px;color:#333;display:inline-block;margin-right:.5em;}
.content__gas-state-item span.icon-goal{background:url(../../images/new/icon-graph.png) no-repeat left center;}
.content__gas-state-item span.icon-state{background:url(../../images/new/icon-cloude.png) no-repeat left center;}
.content__gas .chartbox{width:100%;height:310px;position:relative;margin-top:10px;}

.content__mat{padding:5px 0 5px;}
.content__mat-year{text-align:center;font-size:28px;font-weight:400;margin:-5px 0 10px;}
.content__mat-year span{font-size:19px;vertical-align:middle;display:inline-block;margin-left:1em;}
.content__mat-state{text-align:center;}
.content__mat-state-item{height:35px;width:300px;display:inline-block;margin:0 10px;border:1px solid #b3bdca;border-radius:2em;font-size:20px;color:#009463;font-weight:600}
.content__mat-state-item span{line-height:35px;font-weight:400;font-size:16px;padding-left:30px;color:#333;display:inline-block;margin-right:.5em;}
.content__mat-state-item span.icon-goal{background:url(../../images/new/icon-graph.png) no-repeat left center;}
.content__mat-state-item span.icon-state{background:url(../../images/new/icon-cloude.png) no-repeat left center;}
.content__mat .chartbox{width:100%;height:350px;position:relative;margin-top:10px;}

.content__pdt{padding:5px 0 5px;}
.content__pdt-year{text-align:center;font-size:28px;font-weight:400;margin:-5px 0 10px;}
.content__pdt-year span{font-size:19px;vertical-align:middle;display:inline-block;margin-left:1em;}
.content__pdt-state{text-align:center;}
.content__pdt-state-item{height:35px;width:300px;display:inline-block;margin:0 10px;border:1px solid #b3bdca;border-radius:2em;font-size:20px;color:#ff6347;font-weight:600}
.content__pdt-state-item span{line-height:35px;font-weight:400;font-size:16px;padding-left:30px;color:#444;display:inline-block;margin-right:.5em;}
.content__pdt-state-item span.icon-goal{background:url(../../images/new/icon-graph.png) no-repeat left center;}
.content__pdt-state-item span.icon-state{background:url(../../images/new/icon-cloude.png) no-repeat left center;}
.content__pdt .chartbox{width:100%;height:350px;position:relative;margin-top:10px;}

.write-row{margin-bottom:20px;}
.write-row__header{height:45px;line-height:45px;}
.write-row__title{font-size:16px;padding-left:28px;box-sizing:border-box;background:url(../../images/new/icon-rowtitle.png) no-repeat left center;}
.write-row__desc{font-size:14px;color:#1e5fc7;margin-left:40px;}
.write-row__btnbox{}
span.write-row__btn{font-size:14px;font-weight:bold;cursor:pointer;color:#fff;height:30px;padding:0;box-sizing:border-box;border-radius:3px;line-height:28px;transition:all .2s;box-shadow:1px 1px 2px rgba(0,0,0,0.2);background:#92a1b4;font-weight:400;color:#fff;display:inline-block;margin-left:0;width:86px;text-align:center;}
span.write-row__btn input{border:none;background:#92a1b4;cursor:pointer;color:#fff;font-weight:bold;text-align:center;}
span.write-row__btn input:hover{color:#ffd700;}
.write-row__form{border-top:2px solid #0050a2;}
.write-row__form th{padding-left:20px;box-sizing:border-box;background:#eef3f6;}
.write-row__form td{padding:0 5px;box-sizing:border-box}
.write-row__form th,
.write-row__form td{border-bottom:1px solid #c3c3c3;height:5px;text-align:left;font-size:14px;font-weight:500;}
.write-row__form .formbox{height:27px;border:1px solid #c3c3c3;position:relative;box-sizing:border-box;vertical-align:middle;display:inline-block;}

.write-row__form td p{display:inline-block;line-height:35px;vertical-align:middle;margin-right:.5em;}
.write-row__form .formbox.formbox--min{width:160px;}
.write-row__form .formbox.formbox--small{width:100px;display:inline-block;}
.write-row__form .formbox.formbox--full{width:100%;display:inline-block;}
.write-row__form .formbox.formbox--select{background:url(../../images/new/icon-select-arrow.png) #fff no-repeat 90% center;}
.write-row__form .formbox.formbox--select select{width:100%;height:100%;font-size:14px;padding:0 .5em;box-sizing:border-box;}
.write-row__form .formbox input{font-size:14px;height:25px;width:100%;padding:0 .5em;box-sizing:border-box;}
.write-row__form .formbox .btn{position:absolute;right:5px;top:50%;transform:translateY(-50%)}
.write-row__form .formbox input[disabled]{background:#f5f5f5}
.write-row__form .td2 .formbox2{width:calc(100% - 180px);margin-left:20px;}

.write-row__searchbar{height:70px;background:#eef3f6;border:1px solid #dadada;padding:0 30px;box-sizing:border-box;}
.write-row__searchbar .col{position:relative;height:32px;margin:18px 0;margin-right:40px;}
.write-row__searchbar .col label{line-height:32px;margin-right:20px;}
.write-row__form .write-row__searchbar .col .formbox{height:32px;}
.write-row__form .write-row__searchbar .col .formbox input{height:30px;background:#fff;}
.row-table{margin-top:10px;border-top:2px solid #0050a2;}
.row-table td,
.row-table th{font-size:14px;}
.row-table th{background:#eef3f6;border:1px solid #c3c3c3;height:32px;font-weight:400;}
/*.row-table td{border-bottom:1px solid #c3c3c3;height:35px;}*/
.row-table td{border-bottom:1px solid #c3c3c3;height:25px;}

.yeartable__info span{display:inline-block;margin:0 .3em;}
.yeartable table{border-top:2px solid #0050a2;margin-top:.5em;}
.yeartable th{height:35px;background:#eef3f6;border:1px solid #c3c3c3;font-weight:500;}
.yeartable td{border:1px solid #c3c3c3;text-align:center;height:35px;padding:0 10px;font-size:14px;}
.yeartable tr:nth-child(even) td{background:#f0fbf5;}
.yeartable tr td:first-child{background:none;color:#666666;}

/* button */
.btn_wrap{ padding:5px 0; }
.btn_wrap_bg{ padding:5px 0; text-align:center; background:#F1F1F1; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6; border-bottom:1px solid #000; border:1px solid red; }

.middle{ vertical-align:middle; }
.hand{ cursor:pointer; }
.clear{ clear:both; }

.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.btn_border_none{ border:none;}

.contents{float:left;margin-left:3px;padding:0 15px 15px 3px; /*visibility:hidden;*/ }

#div.sectiontitle 
{
   padding: 6px 6px 6px 3px;
   background-color: #76110c;
   color: #fc9a0e;
   font-size: 12px;
   font-weight: bold;	
   text-transform: uppercase;
}

.user-last-login {
    position:fixed; 
    overflow: hidden;
    bottom: 4px;
    padding: 4px;
    margin-left: 8px;
    border:2px solid rgba(0, 179, 143, 0.5);
    width: 225px;
    height: 62px;
    line-height: 1.1em;
    vertical-align: middle;
    text-align: center;
    color: #3b7689;
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px 1px rgba(0, 179, 143, 0.5);
    transition: 0.3s;
}

.help__submit{background:#00a94f;color:#fff;padding:0;border:1px solid #cfcfcf;border-radius:3px;display:inline-block;font-size:15px;font-weight:600;height:30px;width:105px;line-height:1;transition:all .3s;}
.help__submit:hover{background:#018d42;}

.icon-green {
    color: rgba(6, 180, 73, 0.9);
}

.icon-white {
    color: rgba(255, 255, 255, 0.98);
}

.icon-light {
    color: rgba(220, 217, 228, 0.8);
}

.icon-red {
    color: rgba(236, 22, 22, 0.85);
}

.icon-orangered {
    color: rgba(255, 69, 0, 0.85);
}