| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827 | @charset "utf-8";/* CSS Document *//************** S : 공통사항 **************/.dx-fieldset {    margin-bottom: 8px !important;    padding: 20px !important;}/************** E : 공통사항 **************//* toolbar 타이틀리스트 */li.none_select_title, li.select_title {    float: left;    background: url(../images/custom/ibems_light/toolbar_title_arrow.gif) 10px center no-repeat;    padding: 0 10px 0 30px;}    li.none_select_title h1 {        font-size: 16px !important;        line-height: 47px;        font-weight: 600;        color: #666;    }    li.select_title h1 {        font-size: 18px !important;        line-height: 47px;        color: #3060a2;        font-weight: 600;    }.desktop-layout .dx-toolbar .dx-toolbar-after {    padding-top: 10px;}.dx-toolbar-items-container {    overflow: visible !important;}.toolba_left_cut {    background: url(../images/custom/ibems_light/toolba_cut_bg.png) no-repeat;    width: 4px;    height: 20px;    position: absolute;    top: 15px;    left: -15px;}.toolba_right_cut {    background: url(../images/custom/ibems_light/toolba_cut_bg.png) no-repeat;    width: 4px;    height: 20px;    position: absolute;    top: 15px;    right: -15px;}/* 버튼 롤오버 */.dx-button.dx-state-hover-enabled:hover {    background: #669de8; /* Old browsers */    background: -moz-linear-gradient(top, #669de8 0%, #507bb6 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#669de8), color-stop(100%,#507bb6)); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top, #669de8 0%,#507bb6 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top, #669de8 0%,#507bb6 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(top, #669de8 0%,#507bb6 100%); /* IE10+ */    background: linear-gradient(to bottom, #669de8 0%,#507bb6 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669de8', endColorstr='#507bb6',GradientType=0 ); /* IE6-9 */}.dx-button.dx-button-danger:hover {    background-color: #f19ba0;    background-repeat: no-repeat;    background-image: -webkit-linear-gradient(-90deg, #f19ba0 0%, #ef9095 100%);    background-image: -moz-linear-gradient(-90deg, #f19ba0 0%, #ef9095 100%);    background-image: -ms-linear-gradient(-90deg, #f19ba0 0%, #ef9095 100%);    background-image: -o-linear-gradient(-90deg, #f19ba0 0%, #ef9095 100%);    background-image: linear-gradient(180deg, #f19ba0 0%, #ef9095 100%);}/* 바디 타이틀 */.body_sub_title {    font-size: 16px;    font-weight: bold;    display: block !important;    margin-bottom: 10px;    background: url(../images/custom/ibems_light/body_sub_title_bullet.png) left center no-repeat;    padding-left: 18px;}.body_sub_title_2depth {    font-size: 12px;    font-weight: bold;    display: block !important;    margin-bottom: 10px;    background: url(../images/custom/ibems_light/arrow01.png) left center no-repeat;    padding-left: 10px;}/* 우측 검색 black round box */ul.search-row-layout li.form-field .dx-texteditor-input {    margin: 0;    padding: 5px 5px;    /*background: #fafafa;    color: #2b2b2b;*/    font-size: 11px;    line-height: 13px;    background: #515558; /* Old browsers */    background: -moz-linear-gradient(top, #515558 58%, #404446 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#515558), color-stop(100%,#404446)); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top, #515558 58%,#404446 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top, #515558 58%,#404446 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(top, #515558 58%,#404446 100%); /* IE10+ */    background: linear-gradient(to bottom, #515558 58%,#404446 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515558', endColorstr='#404446',GradientType=0 ); /* IE6-9 */    -webkit-border-radius: 3px 3px 3px 3px;    border-radius: 3px 3px 3px 3px;    -webkit-box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.6);    box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.6);    color: #fff;    margin-bottom: 2px;}ul.search-row-layout li.form-field .dx-placeholder {    font-size: 12px;}/* 우측 검색 button */#searchViewCondition .right-search-wrap {    padding: 0;    min-height: 10px;    border-bottom: none !important;}#searchViewCondition .dx-button {    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    -ms-border-radius: 5px;    -o-border-radius: 5px;    border-radius: 5px;    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15);    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15);    /*box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.15);*/    background-color: #eae9e9;    background-repeat: no-repeat;    background-image: -webkit-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%);    background-image: -moz-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%);    background-image: -ms-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%);    background-image: -o-linear-gradient(-90deg, #eae9e9 0%, #e0e0df 100%);    background-image: linear-gradient(180deg, #eae9e9 0%, #e0e0df 100%);    border: 1px solid rgba(0, 0, 0, 0.15);    padding: 0px 10px;    background: #385882; /* Old browsers */    background: -moz-linear-gradient(top, #385882 0%, #2c4566 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#385882), color-stop(100%,#2c4566)); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top, #385882 0%,#2c4566 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top, #385882 0%,#2c4566 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(top, #385882 0%,#2c4566 100%); /* IE10+ */    background: linear-gradient(to bottom, #385882 0%,#2c4566 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#385882', endColorstr='#2c4566',GradientType=0 ); /* IE6-9 */}    #searchViewCondition .dx-button.dx-state-hover-enabled:hover {        background: #669de8; /* Old browsers */        background: -moz-linear-gradient(top, #669de8 0%, #507bb6 100%); /* FF3.6+ */        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#669de8), color-stop(100%,#507bb6)); /* Chrome,Safari4+ */        background: -webkit-linear-gradient(top, #669de8 0%,#507bb6 100%); /* Chrome10+,Safari5.1+ */        background: -o-linear-gradient(top, #669de8 0%,#507bb6 100%); /* Opera 11.10+ */        background: -ms-linear-gradient(top, #669de8 0%,#507bb6 100%); /* IE10+ */        background: linear-gradient(to bottom, #669de8 0%,#507bb6 100%); /* W3C */        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669de8', endColorstr='#507bb6',GradientType=0 ); /* IE6-9 */    }    #searchViewCondition .dx-button .dx-button-text {        color: #fff;        font-weight: bold;        font-size: 12px;    }#searchViewCondition .dx-state-active.dx-button {    background: #0b1c35;    -webkit-box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.1);    -moz-box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.1);    box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.1);    border: 1px solid rgba(0, 0, 0, 0.2);}ul.search-row-layout .dx-state-focused.dx-texteditor {    /*border: 1px solid #3f82b5;*/    -webkit-box-shadow: 0 0 0 1px #3f82b5;    -moz-box-shadow: 0 0 0 1px #3f82b5;    box-shadow: none !important;}/***************** 팝업 ****************/.dx-popup-title .dx-toolbar-label > div {    color: #FFF;    font-size: 16px;    font-weight: 600;    line-height: 35px !important;}.dx-multiview {    padding: 20px;}/* 팝업 데이터 정렬 */.dx-field {    padding: 0px 0px !important;    padding-top: 0px !important;    min-height: inherit !important;    color: #2b2b2b;    font-weight: normal;    font-size: 14px;    font-family: "Nanum Gothic";    border-bottom: 1px solid #fff;}.cw-multi-field {    border-bottom: 1px solid #fff;    background: #ecf7ff;}.cw-multi-field-merge {    border-bottom: 1px solid #fff;    background: #ecf7ff;}.dx-theme-generic-typography .dx-field-label {    color: #003;    /*width:35%!important;*/    width: 115px !important;    cursor: default;    background: #d5ecfd url(../images/custom/ibems_light/arrow01.png) 5px center no-repeat;    padding-left: 15px;    /*min-height:24px;*/    /*line-height:24px;*/}.cw-multi-field-merge .cw-multi-field-label, .cw-multi-field-merge .dx-field-label, .dx-scrollview-content .dx-field-label {    width: 115px !important;    min-height: 15px;}/* 머지 레이블 위드값 */.cw-multi-field-left .dx-field-value, .cw-multi-field-right .dx-field-value, .cw-multi-field-merge .dx-field-value {    text-overflow: ellipsis;    overflow: hidden;    margin-left: 5px;    float: left;}/* 데이터 값 */.user_bind_input input {    width: 90px;}.facility_image_wrap {    background: url(../images/custom/ibems_light/facility_img_bg.gif) !important;    padding: 10px;    height: 197px;    width: 50%;}.facility_image {    width: 318px;    height: 187px;    overflow: hidden;    margin: 5px 0 0 5px;    background: #fff;}.construction_image_wrap {    background: url(../images/custom/ibems_light/facility_img_bg.gif) !important;    padding: 10px;    height: 197px;    width: 50%;}.construction_image {    width: 325px;    height: 100px;    overflow: hidden;    margin: 5px 0 0 5px;    background: #fff;}/* 정보 팝업 레이아웃 */#popupDetail .dx-fieldset .dx-field {    background: #ecf7ff;}    /*hcLee 팝업입력창내 입력필드 배경색상*/    #popupDetail .dx-fieldset .dx-field div:first-child {        float: left;        min-height: 15px;        line-height: 15px; /*width:100%;*/    }    #popupDetail .dx-fieldset .dx-field div:nth-child(2) {        float: left;    }        #popupDetail .dx-fieldset .dx-field div:nth-child(2) input {            border: 1px solid #ccc;        }    #popupDetail .dx-fieldset .dx-field div:nth-child(3) {        float: left;    }        #popupDetail .dx-fieldset .dx-field div:nth-child(3) input {            border: 1px solid #ccc;        }    #popupDetail .dx-fieldset .dx-field div:nth-child(4) {        float: left;    }        #popupDetail .dx-fieldset .dx-field div:nth-child(4) input {            border: 1px solid #ccc;        }.dx-scrollview-content .dx-field div {    float: left;    min-height: 15px;    line-height: 15px; /*width:100%;*/}/***************  테이블 *****************//* header */.dx-datagrid-headers .dx-row {    border-bottom: 1px solid #D2D2D2;    /*background:url(../images/custom/ibems_light/table_header_bg.png) left bottom repeat-x;*/    height: 37px;    border: 1px solid #98a3ae !important;    background: #b9c9d8; /* Old browsers */    background: -moz-linear-gradient(top, #b9c9d8 0%, #c5d1dd 95%, #dae5ef 98%, #9aafc3 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9c9d8), color-stop(95%,#c5d1dd), color-stop(98%,#dae5ef), color-stop(100%,#9aafc3)); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top, #b9c9d8 0%,#c5d1dd 95%,#dae5ef 98%,#9aafc3 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top, #b9c9d8 0%,#c5d1dd 95%,#dae5ef 98%,#9aafc3 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(top, #b9c9d8 0%,#c5d1dd 95%,#dae5ef 98%,#9aafc3 100%); /* IE10+ */    background: linear-gradient(to bottom, #b9c9d8 0%,#c5d1dd 95%,#dae5ef 98%,#9aafc3 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c9d8', endColorstr='#9aafc3',GradientType=0 ); /* IE6-9 */}    .dx-datagrid-headers .dx-row td {        vertical-align: middle;        color: #000000;        text-shadow: 1px 1px 0 #DBDBDB;    }.dx-header-row td {    border-left: 0 !important;    background: url(../images/custom/ibems_light/header_bar.png) left center no-repeat;}.dx-datagrid-table .dx-row > td:first-child {    border-left: 0; /*background:none !important;*/}.dx-datagrid .dx-column-lines > td {    border-bottom: 1px solid #eaeaea;}/*********** 인풋 폼 ********************/.dx-texteditor-input {    padding-top: 7px !important;    padding-bottom: 7px !important;}.dx-autocomplete .dx-texteditor-input {    font-size: 14px !important;}.dx-field .dx-textarea {    width: 100%;    border: 1px solid #ccc;}.dx-datagrid-checkbox-size {    height: 19px !important;    width: 19px !important;}.dx-datagrid .dx-row .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {    background-position: 1px -50px !important;    background-image: url(../images/custom/ibems_light/checkbox.png) !important;}.dx-calendar-picker .dx-dropdowneditor-button .dx-dropdowneditor-icon {    background-image: url(../images/custom/ibems_light/icon_calendar.png) !important;    width: 100%;}.dx-datebox-with-calendar .dx-dropdowneditor-button .dx-dropdowneditor-icon {    background-image: url(../images/custom/ibems_light/icon_calendar.png) !important;    width: 100%;}.dx-dropdowneditor-icon {    background-image: url(../images/custom/ibems_light/selectbox_icon.png) !important;    width: 100% !important;}.cw-multi-field-label {    width: 96px;    padding-top: 8px !important;    padding-bottom: 9px !important;}.input_form div input {    box-shadow: none !important;    height: 26px;    background: #0d1819 !important; /* Old browsers */    background: -moz-linear-gradient(top, #0d1819 0%, #5e5e5e 100%) !important; /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d1819), color-stop(100%,#5e5e5e)) !important; /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top, #0d1819 0%,#5e5e5e 100%) !important; /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top, #0d1819 0%,#5e5e5e 100%) !important; /* Opera 11.10+ */    background: -ms-linear-gradient(top, #0d1819 0%,#5e5e5e 100%) !important; /* IE10+ */    background: linear-gradient(to bottom, #0d1819 0%,#5e5e5e 100%) !important; /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d1819', endColorstr='#5e5e5e',GradientType=0 ) !important; /* IE6-9 */}.dx-switch-container {    background: #164b7d; /* Old browsers */    background: -moz-linear-gradient(top, #164b7d 0%, #587b96 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#164b7d), color-stop(100%,#587b96)); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top, #164b7d 0%,#587b96 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top, #164b7d 0%,#587b96 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(top, #164b7d 0%,#587b96 100%); /* IE10+ */    background: linear-gradient(to bottom, #164b7d 0%,#587b96 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#164b7d', endColorstr='#587b96',GradientType=0 ); /* IE6-9 */}/************* 공용텝 *****************/.purbic_tab div {    height: 35px;}.custom_tabs_wrap {    height: 48px;    padding: 10px 10px 0 10px;    background: url(../images/custom/ibems_light/popup_tab_bg.gif) repeat-x;}.custom_tabs_wrap_small {    height: 36px;    padding: 10px 10px 0 10px;    background: url(../images/custom/ibems_light/popup_tab_bg.gif) repeat-x;}/********* 차트 **********/.chart_wrap_box {    background: #fafafa;    border: 1px solid #eaeaea;    padding: 15px;    overflow: hidden;    -webkit-border-radius: 5px 5px 5px 5px;    border-radius: 5px 5px 5px 5px;    -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);    box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;}.chart_wrap_box2 {    background: #fafafa;    border: 1px solid #eaeaea;    padding: 5px;    overflow: hidden;    -webkit-border-radius: 5px 5px 5px 5px;    border-radius: 5px 5px 5px 5px;    -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);    box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;}/********* 카렌다 **********//*  2015 07 15 hcLee 이것 때문에 너무 고생함..... 이것이 dx-datagrid.dx-link의 글자 색상에 영향을 줌. 여기는 막고     대신 달력에 글자색은 fullcalendar.js에서 직접 HTML생성시 글자색을 흰색으로 지정하게 수정함..dx-theme-generic-typography a {   color:rgb(255, 255, 255) !important;}*//********** 아이콘 *************/.dx-button .dx-icon {    -webkit-background-size: 18px 18px !important;    -moz-background-size: 18px 18px !important;    background-size: 18px 18px !important;}.dx-icon-key {    background-image: url(../images/custom/ibems_light/dx-icon-key.png) !important;}.dx-icon-search {    background-image: url(../images/custom/ibems_light/dx-icon-search.png) !important;}.dx-icon-edit {    background-image: url(../images/custom/ibems_light/dx-icon-edit.png) !important;}.dx-icon-remove {    background-image: url(../images/custom/ibems_light/dx-icon-remove.png) !important;}.dx-icon-close {    background-image: url(../images/custom/ibems_light/dx-icon-close.png) !important;}.search-view-button .search-view-button-image {    background-image: url(../images/custom/ibems_light/search-view-button.png) !important;}.search-view-button .search-view-button-image-on {    background-image: url(../images/custom/ibems_light/dx-icon-search.png) !important;}/* hcLee 2016 03 30.dx-icon-arrowleft {	background-image: url(../images/custom/ibems_light/dx-icon-arrowleft.png)!important;}    */.dx-icon-cancel {    background-image: url(../images/custom/ibems_light/dx-icon-cancel.png) !important;}.dx-icon-save {    background-image: url(../images/custom/ibems_light/dx-icon-save.png) !important;}.dx-icon-excel {    background-image: url(../images/custom/ibems_light/dx-icon-excel.png) !important;}.dx-icon-fixed {    background-image: url(../images/custom/ibems_light/dx-icon-fixed.png) !important;}.dx-icon-fixedcancel {    background-image: url(../images/custom/ibems_light/dx-icon-fixedcancel.png) !important;}.dx-icon-entry {    background-image: url(../images/custom/ibems_light/dx-icon-entry.png) !important;}.dx-icon-weekend {    background-image: url(../images/custom/ibems_light/dx-icon-weekend.png) !important;}.dx-icon-control {    background-image: url(../images/custom/ibems_light/dx-icon-control.png) !important;}/********* 정보테이블 *******/.info_data_grid table {    border-collapse: collapse;}    .info_data_grid table td {        padding: 8px 10px 5px 10px;        border-bottom: 1px solid #eaeaea;    }        .info_data_grid table td.info_item {            text-align: right;            color: #478ee0;            font-weight: 600;            background: #eff6ff;        }        .info_data_grid table td.info_content {            font-weight: 600;        }        .info_data_grid table td.last {            border: none;        }        .info_data_grid table td.red_strong {            color: #F00;        }/********* 에너지누적사용량 ***********/.energy_use_data_date li {    float: left;    margin-right: 15px;    border-left: 1px solid #eaeaea;    padding-left: 10px;    letter-spacing: -1px;}    .energy_use_data_date li.last {        margin-right: 0;    }    .energy_use_data_date li span {        display: block;    }        .energy_use_data_date li span.date_type {            margin-bottom: 10px;            color: #666;            font-size: 11px;        }        .energy_use_data_date li span.energy_unit {            font-size: 16px;            font-weight: 600;        }.graph_button_set li {    float: left;    margin-right: 5px;}    .graph_button_set li a {        display: block;        height: 30px;        line-height: 30px;        padding: 0 10px;        color: #fff;        font-weight: 600;        -webkit-border-radius: 3px 3px 3px 3px;        border-radius: 3px 3px 3px 3px;        -webkit-box-shadow: 0 2px 0 0 #bb3f25;        box-shadow: 0 2px 0 0 #bb3f25;    }        .graph_button_set li a.graph_button_text {            background: #f66141;        }            .graph_button_set li a.graph_button_text:hover {                background: #fa957f;            }            .graph_button_set li a.graph_button_text:active {                background: #f66141;            }        .graph_button_set li a.on {            background: #ae304c;            -webkit-box-shadow: 0 2px 0 0 #75071f;            box-shadow: 0 2px 0 0 #75071f;        }            .graph_button_set li a.on:hover {                background: #d45672;            }            .graph_button_set li a.on:active {                background: #6e0e23;            }        .graph_button_set li a.graph_button_back, .graph_button_set li a.graph_button_next {            width: 25px;        }        .graph_button_set li a.graph_button_back {            background: #f66141 url(../images/custom/ibems_light/graph_icon_back.png) center center no-repeat;        }            .graph_button_set li a.graph_button_back:hover {                background: #fa957f url(../images/custom/ibems_light/graph_icon_back.png) center center no-repeat;            }            .graph_button_set li a.graph_button_back:active {                background: #be452b url(../images/custom/ibems_light/graph_icon_back.png) center center no-repeat;            }        .graph_button_set li a.graph_button_next {            background: #f66141 url(../images/custom/ibems_light/graph_icon_next.png) center center no-repeat;        }            .graph_button_set li a.graph_button_next:hover {                background: #fa957f url(../images/custom/ibems_light/graph_icon_next.png) center center no-repeat;            }            .graph_button_set li a.graph_button_next:active {                background: #be452b url(../images/custom/ibems_light/graph_icon_next.png) center center no-repeat;            }/*-----추가게이지------*/.graph_box_wrap {    background: #fafafa;    border: 1px solid #ccc;    padding: 0px;    overflow: hidden;    min-width: 214px;    -webkit-border-radius: 5px 5px 5px 5px;    border-radius: 5px 5px 5px 5px;    -webkit-box-shadow: 0px 2px 3px 0 rgba(0,0,0,0.3);    box-shadow: 0px 2px 3px 0 rgba(0,0,0,0.3);    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;}.horizontal_graph_title {    height: 25px;    line-height: 25px;    color: #dcdada;    font-weight: 600;    text-align: center;    font-size: 14px;    background: #5e5e5f; /* Old browsers */    background: -moz-linear-gradient(top, #949494 0%, #5e5e5f 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949494), color-stop(100%,#5e5e5f)); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top, #949494 0%,#5e5e5f 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top, #949494 0%,#5e5e5f 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(top, #949494 0%,#5e5e5f 100%); /* IE10+ */    background: linear-gradient(to bottom, #949494 0%,#5e5e5f 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949494', endColorstr='#5e5e5f',GradientType=0 ); /* IE6-9 */}.unit_account {    height: 39px;    line-height: 39px;    border: 2px solid #cacaca;    font-size: 26px;    font-weight: 600;    color: #fff;    text-shadow: 0 2px 0 #525252;    text-align: center;    width: 80%;    margin: auto;    margin-top: 14px;    margin-bottom: 5px;    background: #173d60; /* Old browsers */    background: -moz-linear-gradient(top, #173d60 24%, #2869a5 54%, #2d79be 92%, #2d79be 98%, #4b95d9 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#173d60), color-stop(54%,#2869a5), color-stop(92%,#2d79be), color-stop(98%,#2d79be), color-stop(100%,#4b95d9)); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top, #173d60 24%,#2869a5 54%,#2d79be 92%,#2d79be 98%,#4b95d9 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top, #173d60 24%,#2869a5 54%,#2d79be 92%,#2d79be 98%,#4b95d9 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(top, #173d60 24%,#2869a5 54%,#2d79be 92%,#2d79be 98%,#4b95d9 100%); /* IE10+ */    background: linear-gradient(to bottom, #173d60 24%,#2869a5 54%,#2d79be 92%,#2d79be 98%,#4b95d9 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173d60', endColorstr='#4b95d9',GradientType=0 ); /* IE6-9 */    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;    -webkit-border-radius: 25px 25px 25px 25px;    border-radius: 25px 25px 25px 25px;}.unit_account2 {    height: 39px;    line-height: 39px;    border: 2px solid #cacaca;    font-size: 26px;    font-weight: 600;    color: #fff;    text-shadow: 0 2px 0 #525252;    text-align: center;    width: 80%;    margin: auto;    margin-top: 14px;    margin-bottom: 5px;    background: #484078; /* Old browsers */    background: -moz-linear-gradient(top, #484078 1%, #7063bb 50%, #8d7deb 98%, #b0a5f4 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#484078), color-stop(50%,#7063bb), color-stop(98%,#8d7deb), color-stop(100%,#b0a5f4)); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top, #484078 1%,#7063bb 50%,#8d7deb 98%,#b0a5f4 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top, #484078 1%,#7063bb 50%,#8d7deb 98%,#b0a5f4 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(top, #484078 1%,#7063bb 50%,#8d7deb 98%,#b0a5f4 100%); /* IE10+ */    background: linear-gradient(to bottom, #484078 1%,#7063bb 50%,#8d7deb 98%,#b0a5f4 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484078', endColorstr='#b0a5f4',GradientType=0 ); /* IE6-9 */    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;    -webkit-border-radius: 25px 25px 25px 25px;    border-radius: 25px 25px 25px 25px;}.unit_account3 {    height: 39px;    line-height: 39px;    border: 2px solid #cacaca;    font-size: 26px;    font-weight: 600;    color: #fff;    text-shadow: 0 2px 0 #525252;    text-align: center;    width: 80%;    margin: auto;    margin-top: 14px;    margin-bottom: 5px;    background: #2a5d16; /* Old browsers */    background: -moz-linear-gradient(top, #2a5d16 1%, #2a5d16 50%, #56be2d 98%, #80e25a 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2a5d16), color-stop(50%,#2a5d16), color-stop(98%,#56be2d), color-stop(100%,#80e25a)); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top, #2a5d16 1%,#2a5d16 50%,#56be2d 98%,#80e25a 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top, #2a5d16 1%,#2a5d16 50%,#56be2d 98%,#80e25a 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(top, #2a5d16 1%,#2a5d16 50%,#56be2d 98%,#80e25a 100%); /* IE10+ */    background: linear-gradient(to bottom, #2a5d16 1%,#2a5d16 50%,#56be2d 98%,#80e25a 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5d16', endColorstr='#80e25a',GradientType=0 ); /* IE6-9 */    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;    -webkit-border-radius: 25px 25px 25px 25px;    border-radius: 25px 25px 25px 25px;}.unit {    text-align: center;    color: #999;    font-size: 10px;}.horizontal_graph_wrap {    position: relative;    background: url(../images/custom/ibems_light/horizontal_grahp_bar.png) left top no-repeat;    width: 204px;    height: 29px;    margin: auto;    margin-top: 25px;    margin-bottom: 10px;}.horizontal_graph_gage {    position: absolute;    bottom: 12px;    background: url(../images/custom/ibems_light/horizontal_grahp_bar_gage.png) center bottom;    width: 32px;    height: 32px;}
 |