@charset "utf-8";

/* ===== All ==================================================*/
html, body { 
    height:100%;
    font-family: 'NanumGothic', sans-serif;
    /*
    font-family: 'Noto Sans KR', sans-serif;
    font-family: 'NanumSquare';
    font-family: 'Roboto', sans-serif;
    font-family: 'DINMed; 숫자최적폰트
    */
    font-weight: normal;
    line-height: normal;
    background: #f1f0f5;
}
/* 모바일에서 스크롤 보이기 */
::-webkit-scrollbar { -webkit-appearance: none; } 
::-webkit-scrollbar:vertical { width: 12px; } 
::-webkit-scrollbar:horizontal { height: 12px; } 
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }
/* */
.imp-sm { font-size: 11.5px; color: #f36523;}
.txt-sm { font-size: 11.5px; color: #999; font-weight: normal;}
/* ===== 모달 ================================================== */
.modal { overflow: hidden;}
.modal .tit { padding: 5px; text-align: center; font-size: 500; background: #FF9800; color: #fff;}
.modal .stit { padding: 5px; text-align: center; font-size: 500; background: #07496d; color: #fff;}
.modal .modal-body h4 { font-size: 14px; font-weight: bold;}
.modal .form-horizontal .form-group { margin-left: 0px; margin-right: 0px; margin-bottom: 0; padding: 5px 0; border-top: 1px solid #eee;}
.modal .form-horizontal .form-group .row { margin-left: 0; margin-right: 0;}
.modal .form-horizontal .form-group .btn { vertical-align: middle; margin-top: -5px;}

/* ===== label ================================================== */
.label { display: inline-block; min-width: 50px; padding: 2px 10px; font-size: 12px; font-weight: 400;}
.label.label-on     { border-radius: 12px; background: #4aba88; color: #fff;}
.label.label-off    { border-radius: 12px; background: #f56b69; color: #fff;}
.label.label-low    { border-radius: 12px; background: #f56b69; color: #fff;}
.label.label-mid    { border-radius: 12px; background: #f4be68; color: #fff;}
.label.label-high   { border-radius: 12px; background: #4aba88; color: #fff;}
.label.label-leak   { border-radius: 12px; background: #f46a68; color: #fff; font-weight: bold;}
/*
.label.label-block  { border-radius: 12px; background: #f7dfc3; color: #f29b3a; font-weight: bold;}
.label.label-normal { border-radius: 12px; background: #ddf4ec; color: #47bb8a; font-weight: bold;}
.label.label-standby01   { border-radius: 12px; background: #fee4e5; color: #f46a68; font-weight: bold;}
.label.label-standby02   { border-radius: 12px; background: #f7dfc3; color: #f29b3a; font-weight: bold;}
.label.label-finish      { border-radius: 12px; background: #ddf4ec; color: #47bb8a; font-weight: bold;}
*/
.label.label-block  { border-radius: 12px; background: #f29b3a; color: #fff; font-weight: bold;}
.label.label-normal { border-radius: 12px; background: #47bb8a; color: #fff; font-weight: bold;}
.label.label-standby01   { border-radius: 12px; background: #f46a68; color: #fff; font-weight: bold;}
.label.label-standby02   { border-radius: 12px; background: #f29b3a; color: #fff; font-weight: bold;}
.label.label-finish      { border-radius: 12px; background: #47bb8a; color: #fff; font-weight: bold;}
.label.label-del         { border-radius: 12px; background: #999999; color: #ffffff; font-weight: 400;}

/* ===== style.css Edit ======================================== */
/* Color의 변경 */
.btn { box-shadow: none;}

/* forms */
.checkbox.checkbox-css input + label:before,
.checkbox.checkbox-css input:checked + label:after {top: 3px; border-radius: 0;}
.radio.radio-css label:before { top: 6px;}
.radio.radio-css input:checked + label:after { top: 10px;}
.form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 0; margin-right: 10px;}
.radio-inline+.radio-inline { margin-left: 0;}
.form-control.checkbox-sm { height: 15px;}
.form-group input[type='checkbox'] { width: 20px; height: 20px; vertical-align: middle; margin-top: 0;}
.articleCheckbox input[type='checkbox'] { width: 15px; height: 15px; vertical-align: middle; margin-top: 0;}
.articleCheckbox input[type='checkbox'] ~ label { margin-right: 10px;}

/* 간격의 조정 */
.row>[class*=col-] { padding: 0 5px;}
.panel { margin-bottom: 10px; box-shadow: 0 1px 1px rgba(0,0,0,0.15);}
.content { padding: 10px 20px; min-height: 822px;}
.page-header { font-size: 16px; margin: 0 0 10px; font-weight: bold;}
.panel-body { padding: 10px 15px;}

/* 위치의 수정 */
.btn-scroll-to-top { bottom: 2px; right: 2px;}
.btn-scroll-to-top i { vertical-align: middle; margin-top: -8px;}

/* 메뉴 수정 */
.sidebar { font-size: 15px; background: #2d303f;}
.sidebar .nav>li:first-child>a { padding-top: 20px;}
.sidebar .nav>li>a { line-height: 20px; color: #cfd8dc; font-weight: normal;}
.sidebar .nav>li.has-sub .sub-menu { padding: 0;}
.sidebar .nav>li.has-sub .sub-menu>li>a { padding: 6px 20px 6px 54px; font-size: 13px; font-weight: 300;}
.sidebar .nav > li > a:hover,
.sidebar .nav > li > a.active:hover { background: rgba(0,0,0,0.15) !important;}
/*.sidebar .nav>li.has-sub .sub-menu>li>a::before { content: "- ";}*/
.sidebar .nav>li>a i.material-icons,
.sidebar .nav > li > a i { font-size: 16px; line-height: 26px; margin-right: 5px; vertical-align: middle; margin-top: -3px; }
.sidebar .nav > li.nav-profile .info small { padding-top: 5px;}

.page-sidebar-minified .sidebar .nav>li>a i { font-size: 20px;}

.siderbar-user { display: none;}
.siderbar-user .sidebar-toggled-btn.close { margin:5px 3px -45px 10px; z-index: 1; opacity: 1; float: right; padding: 5px 5px 5px 10px !important;  background: #1b1f24; color: #fff; border-radius: 20px;}
.page-sidebar-minified .sidebar-toggled-btn.close { margin: 10px 14px 10px 10px; padding: 5px 5px 5px 5px !important;}
/*.sidebar .nav > li > a { font-size: 12px;}*/
.sidebar .nav > li.nav-profile { background: url(../../assets/images/profile_bg.jpg); background-size: cover;}
.sidebar .nav > li > a.sidebar-minify-btn:hover,.sidebar .nav > li > a.sidebar-minify-btn:focus { background: #1b1f24;}

.sidebar .nav > li > a > img { vertical-align: middle; margin-top: -3px;}
.sidebar .sub-menu>li { position: relative; }
.sidebar .nav>li.has-sub .sub-menu>li.active>a { font-weight: bold;}
.sidebar .sub-menu>li>a { padding: 3px 20px 3px 15px; display: block; color: rgba(255,255,255,.6); text-decoration: none; position: relative; }
.sidebar .sub-menu>li:first-child:before { top: -14px; }
.sidebar .sub-menu>li:last-child:before { bottom: auto; height: 13px; }

.sidebar .sub-menu>li:before { content: ''; position: absolute; left: 30px; top: 0px; bottom: 0; width: 2px; background: #41464a; }
.sidebar .sub-menu>li>a:after { content: ''; position: absolute; left: 30px; top: 13px; width: 11px; height: 2px; background: #41464a; }
.sidebar .sub-menu>li:after { content: ''; position: absolute; left: 41px; width: 8px; height: 8px; border: 1px solid #41464a; top: 13px; margin-top: -2px; z-index: 10; background: none; -webkit-border-radius: 4px; border-radius: 4px; }

.page-sidebar-minified .sidebar .sub-menu>li:before  { content: ''; left: 7px; }
.page-sidebar-minified .sidebar .sub-menu>li>a:after { content: ''; left: 7px; }
.page-sidebar-minified .sidebar .sub-menu>li:after   { content: ''; left: 18px; }
.page-sidebar-minified .sidebar .sub-menu>li:first-child >a:after { width: 17px; left: 0;}
.page-sidebar-minified .sidebar .sub-menu>li:first-child:before { top: 13px;}

.sidebar .nav > li.active > a, 
.sidebar .nav > li.active > a:focus, 
.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, 
.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, 
.page-sidebar-minified .sidebar .nav > li.has-sub.active > a, 
.label.label-theme, 
.btn.btn-scroll-to-top { background: #3f424e;}

.sidebar .has-sub.active > .sub-menu { background: #41464a;}
.sidebar li.has-sub .sub-menu > li.active > a { background: none;}

/* panel 수정 */
.panel { border-radius: 5px;}
.panel .panel-heading { padding: 6px 15px;}
.panel-heading-btn .btn { background: #fff; color: #212121; line-height: 18px; box-shadow: 0px 0px 1.5px rgba(0,0,0,0.5);}
.panel-default.white .panel-heading { background: #fff !important;}
.panel-body[class*="bg-"],
.panel-header, .panel-body { border: none;}
.table-wrap .panel { border: none; border-radius: 0; box-shadow: none;}

/* Nav Pills Tab */
.tab-section .nav-pills { margin-bottom: 1px; }
.tab-section .nav-pills > li + li { margin-left: 0;}
.tab-section .nav-pills > li > a { padding: 10px 20px; margin-left: 1px;
    border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
    min-width: 120px; text-align: center;
}
.nav-pills > li > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f8f9fb; box-shadow: -.5px -.0px 1.5px rgba(0,0,0,0.15); font-weight: bold;}
.nav-stacked > li + li { margin-left: 0; margin-top: 5px;}
.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { background: #fff;}

/* ===== 기타 수정 ================================================== */
label { font-weight: bold;}
input[type=text]::-ms-clear {
    display:none;
  }
/*.btn { box-shadow: none;}*/
/*input[type=checkbox], input[type=radio] { vertical-align: text-top; margin-left: 10px;}*/
.nav-pills { margin-bottom: 0;}
.form-control { height: 25px; border-radius: 0; line-height: 11px; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background: #fbfbfb; opacity: 1; filter: alpha(opacity=60); color: #333; border: none; }
.form-control[readonly]:focus { border: none;}
.tbstyle .form-control { vertical-align: top;}
.form-group label { height: 25px; line-height: 25px;}
.search label { height: 25px; line-height: 25px;}
.form-horizontal.form-bordered .form-group > .control-label { padding-top: 14px;}
.modal-header { background: #f4f4f4; border-top-left-radius: 3px;  border-top-right-radius: 3px;}
.content .modal-header { padding: 5px 15px; font-size: 14px;}
.content .modal-header h4 { font-size: 14px; font-weight: bold;}
.ui-sortable .panel-heading { cursor: default;}
.breadcrumb a { color: #757575 !important;}
select.input-sm { height: 25px; line-height: 25px; font-size: 12.5px;}
.input-sm { padding: 2px 10px; border-radius: 0; border: 1px solid #ccc;}
.btn-group-sm>.btn, .btn-sm { padding: 2px 10px;}
.datagrid-wrap input[type=checkbox], .datagrid-wrap input[type=radio] { margin-top: 0px;}
textarea { resize: none;}
.btn-xs { font-size: 12.5px;}
input::-webkit-input-placeholder { font-size: 12px; }
input::-moz-placeholder { font-size:  12px; }
input:-ms-input-placeholder { font-size:  12px; }
input:-moz-placeholder { font-size:  12px; }
input::placeholder { font-size:  12px; }
/*.input-sm::placeholder { font-size: 100%; }*/

/* ===== 일반테이블 ==================================================*/
.tbl_type2,.tbl_type2 th,.tbl_type2 td {border:0}
.tbl_type2 { width:100%; border-bottom:1px solid #dcdcdc; font-size:12px; text-align:center; border-collapse:collapse;}
.tbl_type2 caption{ display:none}
.tbl_type2 tfoot{ background-color:#f4f4f4; font-weight:bold; color:#d65712;}
.tbl_type2 th { padding:7px 0 4px; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background-color:#eee; text-align: center; color:#000; font-weight: bold;}
.tbl_type2 td { padding:6px 5px 4px; border:1px solid #e5e5e5;}
.tbl_type2 td.ranking { font-weight:bold}

.tbl_type4,.tbl_type4 th,.tbl_type4 td { border:0;}
.tbl_type4 { width:100%;border:1px solid #dddee2; table-layout:fixed;}
.tbl_type4 caption { display:none}
.tbl_type4 th { padding:5px; line-height: 25px; border-top:1px solid #dddee2; border-right: 1px solid #dddee2; background:#eee; color:#000; text-align:left; vertical-align:middle; font-weight: bold;}
.tbl_type4 td { padding:5px; line-height: 25px; border-top:1px solid #dddee2; vertical-align:top;}

/* ===== EasyUI ================================================== */
.checkbox { border: none;}
.datagrid-header .datagrid-cell span,
.datagrid-cell,
.datagrid-cell-group,
.datagrid-header-rownumber,
.datagrid-cell-rownumber { font-size: 13px;}
.datagrid .panel-body { padding: 0;}
.table-wrap .panel-htop { border-top: 1px solid #eee;}
.datagrid-row-selected a { color: #fff; text-decoration: underline;}
.window-proxy-mask, .window-mask { background: rgba(0, 0, 0, .7); opacity: 1;}
.window-shadow { display: none !important; box-shadow: none;}
.easyui-window .stit { padding: 5px; text-align: center; font-size: 500; background: #07496d; color: #fff;}
.easyui-window h4 { font-size: 14px; font-weight: bold;}

.panel.window.panel-htop .panel-title { font-weight: normal; color: #fff;}
.easyui-window.panel-body .form-horizontal .form-group { 
    margin-left: 0px; margin-right: 0px; margin-bottom: 0;
    padding: 5px 0;
    border-top: 1px solid #eee;
}
.easyui-window.panel-body .form-horizontal .form-group .row { margin: 0 ;}
.easyui-window .form-group .btn { vertical-align: middle; margin-top: -5px;}

.datebox .combo-arrow { width: 18px !important; height: 20px !important; background-position: center 4px !important;}
.textbox.datebox { border-radius: 0; width: 83px !important; height: 25px; line-height: 25px;}
.textbox.datebox .textbox-text  { 
    width: 83px !important; margin-right: 0 !important; height: 25px !important; line-height: 25px !important; 
    font-size: 11.5px; font-weight: 400; letter-spacing: -.5px; color: #555;
}
.datagrid-body { overflow-x: hidden;}


/* messager */
.messager-body.panel-body { text-align: center;}
.messager-body.panel-body .messager-icon { float: none; margin: 0 auto 10px; }


/* ===== Layout ================================================== */
.lt-area { float: left;}
.rt-area { float: right;}
.content-wrap { position: relative; height: auto; overflow: hidden;}
footer { position: relative; text-align: right; padding:20px 25px; background: #c7c6cb; margin-left: 220px;}
.content .row { margin: 0 -5px;}
h2 { font-size: 16px; font-weight: bold;}
.inline { display: inline-block; width:auto;}
.form-group .btn { vertical-align: middle; /*margin-top: -3px;*/}
/*.navbar .navbar-brand { padding-top: 21px;}
.navbar-header img { height: 18px; width: auto;}*/
.navbar-nav > li > a { border: none; box-shadow: none;}

/* 최상단 부분 */
.navbar.navbar-inverse .navbar-nav > li > a { color: rgba(255,255,255, .7); font-size: 14px;}
.navbar.navbar-inverse .navbar-nav > li > a > i { color: rgba(0,0,0, .5);}
.top_loginmem { display: block; padding: 15px; line-height: 31px;  color: rgba(255,255,255, .7); font-size: 14px;}

/*.panel-dataype01 { min-height: calc(100vh - 235px);}
.dataTables_scrollBody { max-height: calc(100vh - 455px) !important;}*/
.dataTables_scrollBody { max-height: calc(100vh - 425px) !important;}

.btn-section { text-align: right; padding: 2px 0;}
.btn-section.tbl-btm { margin-top: 10px; padding-top: 10px; border-top: 1px solid #f4f4f4;}
.btn-section:after {  content: "";  display: block;  clear: both;}

.form-section:after {  content: "";  display: block;  clear: both;}
.form-section { margin: 10px;}

.panel-body { font-size: inherit;}
.panel.search { font-size: 13px !important; color: #212121;}
.panel.search .panel-heading {border-top-left-radius: 0;}
.panel.search .panel-body.tbstyle .row { border-top: 1px solid #eee;}
.panel.search .panel-body.tbstyle .row div[class|="col"] { border-bottom: 1px solid #eee;}
.panel.search .panel-body.tbstyle label { margin-right: 10px;}
.panel.search .panel-body.tbstyle label input[type=checkbox], .panel.search .panel-body.tbstyle label input[type=radio] { vertical-align: text-top;}
.panel.search .btn-area { padding-top: 10px; text-align: right;}
.panel.search .tbstyle label { font-weight: bold; color: #757575; font-weight: normal;}
.panel.search span.tit { display: inline-block; padding: 10px 5px; width: 100px; font-weight: bold; /*background: #f9f9f9;*/}
.panel.search span.txt { display: inline-block; padding: 5px; color: #757575; width: 70%;}

.panel-dataype01 { height: auto; overflow: hidden; border-top:1px solid #dddee2; border-left:1px solid #dddee2;}
.panel-dataype01 label,
.panel-dataype01 div { height: 31px; line-height: 31px; display:block;}
.panel-dataype01 label { background: #eee; margin-bottom: 0;}
.panel-dataype01 div { background: #f9f9f9;}
.panel-dataype01 .form-group { margin: 0;}
.panel-dataype01 .row { margin:0 -15px;}
.panel-dataype01 .row > div input[type='text'] { margin-top: 3px; width: calc(100% - 10px);}
.panel-dataype01 .row > [class*=col-] { border-bottom:1px solid #dddee2; border-right:1px solid #dddee2; padding: 0 5px;}
.panel-dataype01 .textbox.datebox { vertical-align: middle; margin-top: -3px;}

.panel h3 { font-size: 14px; font-weight: bold;}
.panel h3::before {font-family: 'FontAwesome'; content: "\f0c8"; margin-right: 5px;}

.tb-btnarea { margin-bottom: 5px; }
.tb-btnarea:after {  content: "";  display: block;  clear: both;}
td .btn { vertical-align: middle; margin-top: -7px;}

.chart-area { margin-top: 10px; width: 100%; padding: 5px;}
figure { margin: 5px auto 0 !important;}

table td .btn { border-radius: 0; padding: 5px 10px 2px; min-width: 50px; line-height: 1;}

.error-message { color: #de4e0b; font-weight: bold; }
.error-desc { line-height: 20px;}

/* ===== login ================================================== */
.login-v2 { min-width: 250px;}
.login-cover-image img { width: 100%; height: 100%;}
.login { margin: 5% 0;}
.login .logo-area { text-align: center; margin-bottom: 25px;}
.login .logo-area .logo-txt { font-family: 'Noto Sans KR', sans-serif; font-size: 17px; line-height: 26px; color: #4157dd; font-weight: 300; letter-spacing: -1.5px;}
.login .logo-area .logo-txt > span{ font-weight: 500;}
.login  .login-section { background: #fff; border-top-left-radius: 20px;  border-top-right-radius: 20px;}
.login .login-contents { font-size: 14px; letter-spacing: -.5px; padding: 55px 20px 20px; border-radius: 4px; }
.login .login-contents #loginForm { padding: 0 25px;}
.login .login-contents .form-group { position: relative; padding: 5px 10px; border-radius: 4px; border: 1px solid #cbcbcb; margin-bottom: 10px;}
.login .login-contents .form-group label { color: #333;  margin-bottom: 0;}
.login .login-contents .form-group input { border: none; padding-left: 0; font-weight: bold;}
.login .login-contents .form-group i { position: absolute; right: 20px; top: 36px; color: #4256dd; font-size: 20px;}
.login .login-contents form input[type="checkbox"] { border: 1px solid #dddfde; background: #fff;}
.login .login-contents form .checkbox.checkbox-css input + label:before,
.login .login-contents form .checkbox.checkbox-css input:checked + label:after {top: 3px; border-radius: 0;}
.login .idpw-find { text-align: center; padding-top: 20px;}
.login .idpw-find a { color: #000; text-decoration: underline;}
.login .mem-join { padding-top: 15px; margin-top: 15px; border-top: 1px solid #3042d2; text-align: center; color: #333; font-weight: bold; font-size: 15px;}
.login .mem-join a { color: #3042d2; text-decoration: underline;}
.panel.find-idpw.search { border-top-left-radius: 0; border-top-right-radius: 0;}
.result_id { padding-top: 20px; margin: 0 10px; border-top: 1px solid #eee;}
.result_id .info-tit { text-align: center; font-size: 14px;}
.result_id .result-info,
.result_pw .result-info { margin: 20px; padding: 20px; border-radius: 10px; border: 5px solid #FB8C00; text-align: center; }
.result_id .result-info .result,
.result_pw .result-info .result { font-size: 20px; font-weight: 600; margin-right: 20px;}
.find-idpw .info-sm { padding: 10px 0; font-size: 12px;}
.find-idpw .info-secret { padding: 10px 0; font-size: 14px; color:#FB8C00;}
.find-idpw { border: 1px solid rgba(255,255,255,.4);}
.input-certify { background: #ededed;}
.login .visual-section { position: relative; background: #345ae1; padding: 100px 20px 135px;  border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.login .visual-section .point01 { position: absolute; top: 50px; right: 50px; width: 131px; height: 131px; background: url(/assets/images/login-visual-bg01.png) no-repeat;}
.login .visual-section .point02 { position: absolute; bottom: 50px; left: 50px; width: 131px; height: 131px; background: url(/assets/images/login-visual-bg02.png) no-repeat;}
.login .visual-section .txt01 { font-family: 'Noto Sans KR', sans-serif; text-align: center; font-size: 25px; font-weight: 600; letter-spacing: -1px; color: #fff568; margin-bottom: 25px;}
.login .visual-section .txt02 { font-family: 'Noto Sans KR', sans-serif; text-align: center; font-size: 16px; font-weight: 300; letter-spacing: -1px; color: #ffffff; line-height: 20px;}
.login .visual-section .slider { position: relative; height: auto; }
.login .visual-section .slider .visual img { width: 100%; max-width: 442px; margin: 0 auto; height: auto;}
.login .visual-section .slider .slick-list { position: relative; height: auto; overflow: hidden; padding: 0 !important; margin: 0 50px;}
.login .slider .slick-dots { bottom: -100px;}
.slick-dots li button:before,
.slick-dots li.slick-active button:before { color: #fff !important;}

/* ===== JoinUs ================================================== */
.joinus { padding-bottom: 30px;}
.joinus h1 { padding: 20px 0; border-bottom: 1px solid #999;}
.joinus h2 { padding: 5px 0; border-bottom: 1px solid #999; font-size: 14px; font-weight: bold; margin-top: 30px; margin-bottom: 0;}
.joinus .cnt-section { background: #fff; padding: 10px;}
.joinus .form-group .row { margin: 0;}
.joinus .form-horizontal .form-group:first-child { border-top: none;}
.joinus .form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0;
    padding: 5px 0;
    border-top: 1px solid #eee;
}
.joinus .form-group label { color: #666;}
.joinus .form-group .btn {
    vertical-align: middle;
    /*margin-top: -5px;*/
}
.joinus .terms-section textarea { resize: none; font-size: 13px; line-height: 20px;}
.joinus .terms-section .terms { padding: 10px; margin-top: 5px; height: 150px; overflow-y: scroll; font-size: 13px; line-height: 20px; background: #fbfbfb; border: 1px solid rgba(0,0,0,.05);}
.joinus .terms-section .terms .tit { font-weight: bold;}

/* ===== 검침리스트 ================================================== */

.lpg-detail .center_detail_mid > div { padding: 0 10px;}
.lpg-detail .lpg-remain { padding-top: 35px; font-size: 16px;}
.lpg-detail .lpg-remain .lpg-full { position: relative; width: 94px; height: 166px; padding: 0 1px; background: url(/assets/images/lpg.png) no-repeat; text-align: center;}
.lpg-detail .lpg-remain .lpg-full .lpg-per { 
    position: absolute; bottom: 1px; width: 92px; max-height: 155px;
    border-top-left-radius: 30px; border-top-right-radius: 30px;
}
.lpg-detail .lpg-remain .lpg-full .pertxt { 
    position: absolute; width: 100%;
    padding-top: 70px; color: #000; font-family: 'NanumSquare'; font-size: 20px; font-weight: 800; text-align: center;
}
.lpg-detail .lpg-remain .info-data > div  { 
    position: relative; padding: 10px; margin-top: 5px;
    background: #f1f0f5; border-radius: 5px; border:1px solid rgba(0,0,0,0.15); 
    clear: both; height: auto; overflow: hidden;
}
/*
.lpg-detail .lpg-remain .info-graph { float: left; width: 120px; margin-right:10px;}
.lpg-detail .lpg-remain .info-data  { float: left; width: 150px;}
*/
.lpg-detail .lpg-remain .info-data { padding-top: 4px;}
.lpg-detail .lpg-remain .info-data > div span { display: block; line-height: 27px;}
.lpg-detail .lpg-remain .info-data > div span.tit  { float: left; font-size: 14px; font-weight: bold;}
.lpg-detail .lpg-remain .info-data > div span.data { float: right; font-family: 'NanumSquare'; font-size: 18px; font-weight: 600; letter-spacing: -1px;}
.lpg-detail .location-map { height: 200px;}
.lpg-detail #g_title { width: 100%; padding: 2px 5px; text-align: center;}

.btn-exp { display: inline-block; margin-right: 5px; font-size: 10.5px; color: #666;}
.btn-exp span { padding-right: 5px; display: inline-block; line-height: 16px;}
.btn-exp span img { vertical-align: middle; margin-top: -3px; margin-right: 2px;}

/* ===== 공지사항 View ================================================== */
.boardview .subjectarea {position: relative; height: auto; overflow: hidden; padding: 17px 15px 17px 20px; background:#f9f9f9; border-top: 3px solid ; border-bottom: 1px solid #ccc;}
.boardview .subjectarea.answer {background:#ddecf9;}
.boardview .subjectarea .subject  { float: left; width: 100%; padding-bottom: 10px; font-size: 18px; font-weight: 600; color: #666; height: auto;	white-space: normal; }
.boardview .subjectarea .dateview { float: left; width: 100%; text-align: left; font-size: 14px; color: #666; }
.boardview .viewcnt {clear: both; position: relative; width: 100%; min-height: 385px; padding: 20px; white-space: pre-wrap; font-size: 14px; line-height: 2.2rem; background: #fff; color: #666; /*border-bottom: 1px solid #ccc;*/}
.boardview .viewcnt img {max-width:100%; height: auto; display: block;}

/* ===== 메인페이지 ================================================== */
#main .main-tit { margin-bottom: 5px;}
#main .main-tit :after { content: "";  display: block;  clear: both; }
#main .main-tit h1 { font-size: 20px; font-weight: 600; margin: 0; line-height: 30px;}
#main .main-tit .time { font-size: 20px; font-weight: bold; line-height: 30px;}
#main .main-tit .btn { float: right;}
#main .lpgpart { padding: 10px; border-radius: 4px; background: #fff; margin-top: 10px; margin-bottom: 5px;}
#main .lpgpart div { padding-right: 20px; font-size: 15px; font-weight: bold; color: #333;}
#main h2 { font-family: 'Noto Sans KR'; margin: 0; font-size: 16px; color: #484f55; font-weight: 500; letter-spacing: -.5px;}
#main.main-admin h2::before { display: inline-block; content: ""; width: 5px; height: 23px; background: url(/assets/images/main-tit-icon-orange.png) no-repeat center center; padding: 5px 0px; margin-right: 10px; vertical-align: middle; margin-top: -3px;}
#main.main-center h2::before { display: inline-block; content: ""; width: 5px; height: 23px; background: url(/assets/images/main-tit-icon-green.png) no-repeat center center; padding: 5px 0px; margin-right: 10px; vertical-align: middle; margin-top: -3px;}
#main.main-local h2::before { display: inline-block; content: ""; width: 5px; height: 23px; background: url(/assets/images/main-tit-icon-blue.png) no-repeat center center; padding: 5px 0px; margin-right: 10px; vertical-align: middle; margin-top: -3px;}
#main.main-supply h2::before { display: inline-block; content: ""; width: 5px; height: 23px; background: url(/assets/images/main-tit-icon-puple.png) no-repeat center center; padding: 5px 0px; margin-right: 10px; vertical-align: middle; margin-top: -3px;}
#main .widget.widget-stats { background: #fff; margin-bottom: 10px; color: #666;}

#main .tbl_type2 { border-bottom: 0;}
#main .tbl_type2 th { border-right:0px; border-left:0px; border-top: 1px solid #f5f7fa; background-color:#f8f9fb;}
#main .tbl_type2 td { border:1px solid #f5f7fa; border-right:0px; border-left:0px; height: 27px; color: #666;}
#main .tbl_type2 tr.sum { font-weight: 600;}
#main .main-section { clear: both;}
#main .main-section:after {  content: "";  display: block;  clear: both;}
#main .main-section .top-area:after {  content: "";  display: block;  clear: both; margin-bottom: 5px; }
#main .main-section .top-area h2 { float: left;}
#main .main-section .top-area .btn,
#main .main-section .top-area .etc { font-family: 'Noto Sans KR'; float: right; font-size: .75em;}
#main .main-section .time-info { font-size: 11px;}

#main .main-section:after {  content: "";  display: block;  clear: both; }
#main .main-section { margin-top: 10px;}
#main .main-section.row { margin: 0px -5px;}
#main .main-section .boxed { border-radius: 4px; background: #fff; padding: 10px;}
#main .main-section table.notice td:nth-child(2) { text-align: left;}
#main .lpgpart div > span { color: #1da255;}

#main .main-section .lpguse:after { content: "";  display: block;  clear: both; } 
#main .main-section .lpguse .tit { display: block; font-size:14px; font-weight: bold;}
#main .main-section .lpguse .data { font-family: 'Noto Sans KR';
    display: block; text-align: right; padding: 5px 5px; border-radius: 4px;
    font-size: 18px; font-weight: 700;
}
#main .main-section .lpguse .widget .stats { height: auto; overflow: hidden; margin-bottom: 10px;}
#main .main-section .lpguse .widget .stats .area { padding:14px 10px 4px; border-radius: 5px; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.15); height: auto; overflow: hidden;}

.lpgdata .lpg-info .lpg-remain { padding: 0 10px; font-size: 16px;}
.lpgdata .lpg-info .lpg-remain .lpg-full { position: relative; width: 97px; height: 166px; padding: 0 1px; background: url(/assets/images/lpg.png) no-repeat; text-align: center;}
.lpgdata .lpg-info .lpg-remain .lpg-full .lpg-per { 
    position: absolute; bottom: 1px; width: 92px; max-height: 155px;
    border-top-left-radius: 30px; border-top-right-radius: 30px;
}
.lpgdata .lpg-info .lpg-remain .lpg-full .pertxt { 
    position: absolute; width: 100%;
    padding-top: 70px; color: #000; font-family: 'NanumSquare'; font-size: 20px; font-weight: 800; text-align: center;
}
.lpgdata .lpg-info .lpg-remain .info-data > .group  { 
    position: relative; padding: 10px; margin-top: 5px;
    background: #f1f0f5; border-radius: 5px; border:1px solid rgba(0,0,0,0.15); 
    clear: both; height: auto; overflow: hidden;
}
.lpgdata .lpg-info .lpg-remain .info-data > .group span { display: block; line-height: 27px;}
.lpgdata .lpg-info .lpg-remain .info-data > .group span.tit  { float: left; font-size: 14px; font-weight: bold;}
.lpgdata .lpg-info .lpg-remain .info-data > .group span.data { float: right; font-family: 'DINMed'; font-size: 20px; font-weight: 600; letter-spacing: -1.5px;}
.lpgdata .lpg-info .lpg-remain .info-data .events:after {  content: "";  display: block;  clear: both; }
.lpgdata .lpg-info .lpg-remain .info-data .events .block { display: inline-block; width: 30%; text-align: center; margin-bottom: 9px;}
.lpgdata .lpg-info .lpg-remain .info-data .events .block .tit { font-size: 13px; font-weight: bold;}
.lpgdata .lpg-info .lpg-remain .info-data .events .block .state { display: block; width: 20px; height: 20px; border-radius: 10px; background: #eee; margin: 0 auto;}

.main-map-summary { border-radius: 4px; padding: 5px !important;}
.main-map-summary .title { color: #333; font-weight: bold; padding-bottom: 5px;}
.main-map-summary .title button span { font-size: 20px; line-height: 15px;}
.main-map-summary .body { padding: 5px 0;}
.main-map-check { padding: 0 10px !important;}

/* 시설 메인 */
.main-center .main-section .charge > div { position: relative; height: auto; overflow: hidden;}
.main-center .main-section .charge h2 { float: left;}
.main-center .main-section .charge:after { content: "";  display: block;  clear: both; margin-bottom: 10px;}
.main-center .main-section .charge .stats { float: right; height: auto; overflow: hidden; margin-bottom: 5px; text-align: right;}
.main-center .main-section .charge .tit { clear: both; display:inline-block; font-size:16px; font-weight: bold;}
.main-center .main-section .charge .data { display: inline-block; border-radius: 4px; font-size: 16px; font-weight: 600;}

/* 지자체 메인 */
#main.main-local .main-section .lpguse .widget .stats .area { padding-top: 6px;}
#main.main-local .main-section .lpguse .tit { font-size: 12px;}
#main.main-local .main-section .lpguse .data { padding-top: 5px; font-size: 16px; line-height: 16px}

/* 공급자 메인 */
#main.main-supply .main-section .lpguse .widget .stats .area { padding-top: 6px;}
#main.main-supply .main-section .lpguse .tit { font-size: 12px;}
#main.main-supply .main-section .lpguse .data { padding-top: 5px; font-size: 16px; line-height: 16px}
.main-supply .main-section .events .indicate { display: inline-block; width: 10px; height: 10px; border-radius: 5px; background: #999;}
.main-supply .main-section .events .indicate.check { background: #f56b69;}
.main-supply .widget.widget-stats table > tr > td.low { color: #f56b69;}
.main-supply .main-section .map-center .top-area .tit { font-size: 14px; font-weight: bold; line-height: 19px; margin-right: 5px;}
.main-supply .main-section .map-center .top-area .tit .sum { font-size: 16px; font-weight: 800; color: #556ee5; }

/* table thead 고정 */
.main-supply .main-section .events table tbody {display:block; /*max-height:750px; max-height:609px;*/ max-height:85px; overflow-y:scroll; background: #fff;}
.main-supply .main-section .events table thead,
.main-supply .main-section .events table tbody tr { display:table; width:100%; table-layout:fixed;}
.main-supply .main-section .events table thead { width: calc( 100% - 17px )}

/* 중앙회 관리자 메인*/
.main-admin .local-info .btn-more { font-size: 11.5px;}
.main-admin .event-info .box-area .events { background: #fff; border-radius: 4px; padding: 7px 15px;}
.main-admin .box-area .events .lt-area { float: left;}
.main-admin .box-area .events .rt-area { float: right;}
.main-admin .box-area .events .tit,
.main-admin .box-area .events .icon { font-size: 16px; font-weight: bold;}
.main-admin .event-info .box-area .events.server .state { float: right; }
.main-admin .event-info .box-area .events.server .icon { padding-top: 5px; padding-left: 20px; font-size: 30px; color: #FF9800;}
.main-admin .event-info .box-area .events.server .state span,
.main-admin .event-info .box-area .events .rt-area span { 
    display: inline-block; width: 58px; height: 58px; border-radius: 50%;
    font-family: 'DINMed'; text-align: center; font-size: 26px; line-height: 53px; font-weight: bold; color: #333; letter-spacing: -1.5px;
    background-image: url(/assets/images/icon-adminmain-bg.png); background-repeat: no-repeat;
}

.main-admin .event-info .box-area .events.server .state span { float: right; line-height: 58px; background-image: url(/assets/images/icon-adminmain-bg-on.png); background-repeat: no-repeat;}
.main-admin .event-info .box-area .events.server .state.off span { background-image: url(/assets/images/icon-adminmain-bg-off.png);}
/* 서버 다중 분리 
.main-admin .event-info .box-area .events.server .lt-area { width: 61px;}
.main-admin .event-info .box-area .events.server .rt-area { width: calc(100% - 65px); padding-top: 2px; padding-bottom: 2px;}
.main-admin .event-info .box-area .events.server .rt-area .boxs { height: 25px; margin-bottom: 2px;}
.main-admin .event-info .box-area .events.server .rt-area .boxs:after { content: "";  display: block;  clear: both;}
.main-admin .event-info .box-area .events.server .rt-area .boxs .area { 
    width: 100%; height: 25px; line-height: 23px; padding-left: 11px; padding-right: 5px; margin-bottom: 2px;
    border: 1px solid #d3d3d3; border-radius: 15px; box-shadow:inset .5px .5px rgba(0, 0, 0, .1); 
    background-color: #f1f0f5;  background-image: url(/assets/images/admin-server-bg-dot.png); background-repeat: no-repeat; background-position: 2px center;
}
.main-admin .event-info .box-area .events.server .rt-area .boxs .area .type  { float: left; width: auto; text-align: center; font-size: 12px; font-weight: 800; color: #000;}
.main-admin .event-info .box-area .events.server .rt-area .boxs .area .state { float: right; width: 17px; height: 17px; border-radius: 50%; border: 1px solid #d4d4d4; background-color: #227ff2; box-shadow:inset 1px 1px rgba(0, 0, 0, .1);  margin-top: 3px;}
.main-admin .event-info .box-area .events.server .rt-area .boxs .area .state.off { background-color: #f26522;}
.main-admin .event-info .box-area .events.server .lt-area span.icon { display: inline-block; padding: 0px 15px;}
*/
.tooltip { opacity: initial; top: 1px; left: -5000px;}

#dashboard .event-info .box-area .events.server .rt-area .boxs .area { border: 1px solid #30364e; background-color: #1f2534; padding-left: 13px; background-position: 3px center;}
#dashboard .event-info .box-area .events.server .rt-area .boxs .area .type { color: rgba(255,255,255,.4); font-weight: bold;}
#dashboard .event-info .box-area .events.server .rt-area .boxs .area .state { border: none;}

.main-admin .event-info .box-area .events .lt-area .state { font-weight: bold; color: #333;}
.main-admin .event-info .box-area .events .lt-area .state .sum { font-family: 'DINMed'; font-size: 30px; letter-spacing: -1.5px;}
.main-admin .local-info .box-area .events { color: #fff !important;}
.main-admin .local-info .box-area .events .lt-area .icon { padding-top: 5px;}
.main-admin .local-info .box-area .events .rt-area .state { font-weight: bold; color: #fff;}
.main-admin .local-info .box-area .events .rt-area .state .sum { font-family: 'DINMed';  color: #212121; font-size: 35px; font-weight: bold; line-height: 30px; letter-spacing: -1.5px;}
.main-admin .event-info .box-area .events.off .lt-area .state { color: #ed6363;}
.main-admin .local-info .box-area:nth-child(1) .events { background: #ed6363 !important;}
.main-admin .local-info .box-area:nth-child(2) .events { background: #4fa5f0 !important;}
.main-admin .local-info .box-area:nth-child(3) .events { background: #627aec !important;}
.main-admin .local-info .box-area:nth-child(4) .events { background: #26bc65 !important;}


/* ===== LPG공급자 ====================================================== */
/* 거래상황 */
#g_title, .chart-tit { width: 100%; padding: 2px 5px; text-align: center; font-size: 16px;}

/* ===== 관제 대시보드 ================================================== */
#dashboard .modal-lg { width: calc(100vw); height: calc(100vh);}
#dashboard .modal-dialog { margin: 0;}
#dashboard .modal-content { border-radius: 0; background: #1f2534; color: #eee; font-weight: bold;}
#dashboard .modal-content .logo { display: block; float: left;}
#dashboard .modal-content h4 { float: left; color: #677ee8; font-size: 19px; line-height: 32.5px; font-weight: bold; margin-left: 15px;}
#dashboard .modal-body { height: calc(100vh - 44px); overflow-y: auto;}
#dashboard .modal-header { border-radius: 0; background: none; border-bottom: none; padding: 12px 15px 0;}
#dashboard .modal-header .notice {
    float: left; padding-left: 0; margin-right: 10px; width: 94%; background: #2a2f42; border-radius: 4px; border: 1px solid #30364e;
    text-align: right; color: #677ee8;
}
#dashboard .modal-header .notice li { list-style: none;}
#dashboard .modal-header .rolling {position:relative;  padding-right: 10px; width:98%; height:auto;}
#dashboard .modal-header .rolling li {width:100%; height:30px; line-height:30px;}

#dashboard .close { color: #fff; opacity: .5; margin-right: 10px;}

#dashboard .box-area .widget.widget-stats { background: #2a2f42; border-radius: 4px; border: 1px solid #30364e; min-height: 82px; padding-top: 15px;}
#dashboard .box-area .lt-area { float: left;}
#dashboard .box-area .rt-area { float: right;}
#dashboard .box-area .events .tit { 
    color: rgba(255,255,255, 1); background: none; padding: 0;
    font-family: 'Noto Sans KR'; font-size: 14px; font-weight: normal; text-align: left;
}
#dashboard .box-area .events .icon { font-size: 24px; color: #fff; padding: 0;}
#dashboard .event-info .box-area .events .lt-area span { 
    display: inline-block; border-radius: 10px; opacity: .5; height: auto; background: none; text-align: left;
}
#dashboard .event-info .box-area .events .rt-area span { 
    display: inline-block; width: 100px; height: 50px; border-radius: 10px;
    font-family: 'DINMed'; text-align: center; font-size: 32px; line-height: 47px; font-weight: bold; color: #fff; background: #556ee6;
}
#dashboard .event-info .box-area .events .rt-area.off span { background: #ed6363;}
#dashboard .event-info .box-area .events.server .state.off div {
    position: absolute;
    width: calc(100% - 170px);
    left: 80px;
    bottom: 18px;
    vertical-align: bottom;
    padding: 5px 10px 0 0;
    color: rgba(255,255,255,.4);
}
#dashboard .mid-section .widget.widget-stats { height: 285px;}
#dashboard .mid-section .map-area .widget.widget-stats { height: 875px;}
#dashboard .mid-section .box-area .btit {
    height: auto; overflow: hidden;
    color: rgba(255,255,255, 1); background: none; padding: 0;
    font-family: 'Noto Sans KR'; font-size: 14px; font-weight: normal; text-align: left;
}
#dashboard .mid-section .box-area .btit span { display: block;}
#dashboard .mid-section .box-area .btit span>span { display: inline-block; width: auto;}
#dashboard .mid-section .box-area .btit .unit { font-weight: 100; text-align: right; font-size: 12px; color: #999;}
#dashboard .mid-section .box-area .cnts { clear: both; position: relative; margin-top: 20px; height: auto; min-height: 170px; overflow: hidden; padding: 0px;}
#dashboard .mid-section .box-area .cnts.lpg .cnt-box { padding: 5px 0; color: #fff;}
#dashboard .mid-section .box-area .cnts.lpg .cnt-box span { display: inline-block; font-size: 16px; font-weight: normal;}
#dashboard .mid-section .box-area .cnts.lpg .cnt-box .cnt-tit { width: 100px; color: rgba(255,255,255,.4); line-height: 40px; }
#dashboard .mid-section .box-area .cnts.lpg .cnt-box .datas   { width: calc(100% - 136px); padding: 10px 20px; text-align: right; background: #1f2534; color: #556ee6; font-size: 20px; font-weight: 800; border-radius: 5px; }
#dashboard .mid-section .box-area .cnts.lpg .cnt-box .unit    { float: right; line-height: 43px; text-align: left; font-size: 14px;}

#dashboard .mid-section .box-area .cnts.mem .type { text-align: left; color: rgba(255,255,255,.4); margin-bottom: 5px; padding-left: 105px;}
#dashboard .mid-section .box-area .cnts.mem .type span { width: 30%; display: inline-block; font-size: 14px; font-weight: normal; text-align: center; margin-right: 2px;}
#dashboard .mid-section .box-area .cnts.mem .cnt-box { padding: 2px 0; color: #fff;}
#dashboard .mid-section .box-area .cnts.mem .cnt-box span { display: inline-block; font-size: 16px; font-weight: normal;}
#dashboard .mid-section .box-area .cnts.mem .cnt-box .cnt-tit { width: 100px; color: rgba(255,255,255,.4);}
#dashboard .mid-section .box-area .cnts.mem .cnt-box .datas { width: 23%; padding: 10px 0px; text-align: center; background: #1f2534; color: #556ee6; font-size: 20px; font-weight: 800; border-radius: 5px; }
#dashboard .mid-section .box-area .cnts.mem .cnt-box.sum .datas { color: #FF9800;}
#dashboard .mid-section .box-area .cnts.mem .cnt-box.ready .datas { color: #26bc65;}
#dashboard .mid-section .box-area .cnts.maps { position: relative; width: 430px; height: 510px; text-align: center; margin: 0 auto;}
/*#dashboard .mid-section .box-area .cnts.maps .maps-area {position: relative; width: 283px; height: 500px; margin: 0 auto;}*/
#dashboard .mid-section .box-area .cnts.maps img { width: auto; height: 500px;}
#dashboard .mid-section .box-area .cnts.maps .location {
    position: absolute; display: block; width: 25px; height: 25px; padding-top: 5px; border-radius: 50%; padding-right: 3px;
    font-family: 'Arial'; text-align: center; font-size: 15px; color: #fff; letter-spacing: -2px; font-weight: 400;
}
#dashboard .mid-section .box-area .cnts.maps .info-section { position: absolute; top: 8px; left: 0;}
#dashboard .mid-section .box-area .cnts.maps .info-section span { margin-right: 5px;}
#dashboard .mid-section .box-area .cnts.maps .location.lpg { background: #556ee5;}
#dashboard .mid-section .box-area .cnts.maps .location.welfare { background: #26bc65;}
#dashboard .mid-section .box-area .cnts.maps .location.leak { background: #FF9800;}
#dashboard .mid-section .box-area .cnts.maps .location.block { background: #f36523;}
#dashboard .mid-section .box-area .cnts.maps .location.charge { background: #5ccd00;}
#dashboard .mid-section .box-area .cnts.maps .location.check { background: #007cdc;}
#dashboard .mid-section .box-area .cnts.maps .info-section i.lpg { color: #556ee5; margin-right: 2px;}
#dashboard .mid-section .box-area .cnts.maps .info-section i.welfare { color: #26bc65; margin-right: 2px;}
#dashboard .mid-section .box-area .cnts.maps .info-section i.leak { color: #FF9800; margin-right: 2px;}
#dashboard .mid-section .box-area .cnts.maps .info-section i.block { color: #f36523; margin-right: 2px;}
#dashboard .mid-section .box-area .cnts.maps .info-section i.charge { color: #5ccd00; margin-right: 2px;}
#dashboard .mid-section .box-area .cnts.maps .info-section i.check { color: #007cdc; margin-right: 2px;}
#dashboard .mid-section .box-area .cnts.maps .local-etc { position: absolute; top: 10px; left: 0; line-height: 25px; color: #999;}
#dashboard .mid-section .box-area .cnts.maps .local-etc span { display: inline-block; line-height: 16px; margin-left: 10px;}

#dashboard .pagrnations { clear: both; position: relative; height: auto; overflow: hidden; padding: 5px 0; text-align: center; font-size: 10px;}
#dashboard .pagrnations i.active { color:#556ee6;}
#dashboard .pagrnations .btn { color: #666; background: #2a2f42; font-size: 10px; margin-top: -2px;}
#dashboard .pagrnations .btn:first-of-type { margin-left: 10px;}

#dashboard .mid-section .tbl-section { clear: both; position: relative; height: auto; overflow: hidden; margin-top: 8px;}
#dashboard .tbl-section .tbl_type2 th { background: #1f2534; color: #556ee6; border-top: 1px solid rgba(0,0,0, .5);}
#dashboard .tbl-section .tbl_type2 td { background: #1f2534; color: rgba(255,255,255,.4); border: 1px solid rgba(0,0,0, .5); border-right: 0px; border-left: 0px; font-weight: normal;}

#dashboard .slick-slide.slick-cloned { visibility: hidden;}
#dashboard .slider .slick-dots { bottom: -15px;}
#dashboard .slick-list.draggable { padding: 0 !important;}
#dashboard .slick-dots li { margin: 0 !important; width: 15px !important; height: 15px !important;}
#dashboard .slick-dots li button { width: 10px !important; height: 10px !important;}
#dashboard .slick-dots li button:before { color: #666 !important; opacity: 1 !important;}
#dashboard .slick-dots li.slick-active button:before { color: #556ee6 !important;}

/* 지자체 */
.main-local #dashboard .mid-section .box-area .cnts.maps .info-section,
.main-supply  #dashboard .mid-section .box-area .cnts.maps .info-section { position: absolute; top: unset; bottom: 0px; left: calc(50% - 90px) !important;}
.main-local #dashboard .mid-section .box-area .cnts.maps img { width: 100%;}
.main-local #dashboard .mid-section .map-area .widget.widget-stats { height: 580px;}
.main-local #dashboard .need .tbl-section { margin: 10px 0; min-height: 205px;}
.main-local #dashboard .need .tbl-section tbody tr td { width: 14%;}
.main-local #dashboard .need .tbl-section section { min-height: 210px;}
.main-local #dashboard .need .tbl-section tbody tr td:first-child {max-width:106px; height: 27px; overflow:hidden; white-space: nowrap;}
.main-local #dashboard .need .indicate { display: inline-block; width: 10px; height: 10px; border-radius: 5px; background: #999;}
.main-local #dashboard .need .indicate.check { background: #f56b69;}

/* LPG공급자 */
.main-supply #dashboard .mid-section .box-area .cnts.maps img { width: 100%;}
.main-supply #dashboard .mid-section .map-area .widget.widget-stats { height: 580px;}
.main-supply #dashboard .need .tbl-section { margin: 10px 0; min-height: 205px;}
.main-supply #dashboard .need .tbl-section tbody tr td { width: 14%;}
.main-supply #dashboard .need .tbl-section tbody tr td:first-child {max-width:106px; height: 27px; overflow:hidden; white-space: nowrap;}
.main-supply #dashboard .need .indicate { display: inline-block; width: 10px; height: 10px; border-radius: 5px; background: #999;}
.main-supply #dashboard .need .indicate.check { background: #f56b69;}

#dashboard .slick-chart .buttons { position: absolute; bottom: 3px; right: 0px;}
#dashboard .slick-chart .buttons .btn {color: #666; background: #2a2f42; font-size: 10px; margin-top: -2px; z-index: 1;}
#dashboard .slick-chart .buttons .btn i.active { color:#556ee6;}

/* ===== HIGHCHART====================================================== */
#dashboard .highcharts-background { fill: #2a2f42 !important; }
#dashboard .highcharts-grid-line { stroke: rgba(255,255,255,.1) !important;}
#dashboard .highcharts-legend-item > text { color: rgba(255,255,255,.7) !important; fill: rgba(255,255,255,.7) !important; font-weight: 200 !important; font-size: 11px !important;}
#dashboard .highcharts-legend-item > rect { fill: inherit;}
#dashboard .highcharts-series > path.highcharts-graph,
#dashboard .highcharts-legend-item > .highcharts-graph { stroke: inherit;}
#dashboard .highcharts-legend-item > .highcharts-point { stroke: inherit; fill: inherit;}
#dashboard .mid-section .box-area .cnts.chart .highcharts-data-labels text { color: #fff !important; fill: #fff !important; font-weight: normal !important;}
#dashboard .mid-section .box-area .cnts.chart .highcharts-text-outline { fill: none !important; stroke: none;}
#dashboard .highcharts-label text > tspan { font-weight: 200 !important; font-size: 11px !important;}

/* ===== FAQ =========================================================== */
.faq .panel-heading { padding: 10px 15px; border: none;}
.faq .panel-title { position: relative; height: auto; overflow: hidden;}
.faq .panel-title .accordion-toggle { margin: -10px -15px; padding: 10px 15px;}
.faq .panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before {content: "\f078";}
.faq .panel-title .accordion-toggle.accordion-toggle-styled .fa:before {content: "\f077";}
.faq .panel-body p span{ font-size: 14px !important; font-family: 'NanumGothic' !important; line-height: normal !important;}

/* ===== SITEMAP ======================================================= */
.sitemap .content-section { padding-top: 20px;}
.sitemap .dapth-tit { text-align: center; padding: 10px 5px; font-size: 16px; font-weight: 600; line-height: 24px;}
.sitemap .dapth-tit i { vertical-align: middle;}
.sitemap .sub-menu { padding: 10px 20px; border: 1px solid #eee;}
.sitemap .sub-menu li { list-style: none; padding: 5px 0;}
.sitemap .sub-menu li a { text-decoration: none; font-size: 14px; color: #666; font-weight: bold;}

/* ===== 기록부관리 ===================================================== */
/*.report-edit .tab-content { padding: 0; min-width: 1000px; overflow-x: auto;}*/
.report-edit h1 { text-align: center; font-size: 26px; font-weight: bold; margin-top: 0;}
.report-edit .tab-content .table-wrap { margin-bottom: 5px;}
.report-edit .tab-content .table-wrap table.tbl_type2 td,
.report-edit .tab-content .table-wrap table.tbl_type2 td input[type='text'] { text-align: center;}

/* ===== 사용자그룹관리 ================================================= */
.content h2 { margin-top: 0;}
.groupform .joinus .form-group .form-control.inline.coordinate { width: 29%;}

/* ===== 이벤트 알림 ==================================================== */
.event-arert { text-align: center; padding-top: 10px; overflow: hidden;}
.event-arert ul { padding: 0;}
.event-arert ul li { list-style: none; padding: 10px 0; border-radius: 10px; margin-bottom: 2px; margin-top: 20px;}
.event-arert .type     { padding: 5px 0; font-size: 24px; font-weight: 800; display: inline-block; width: 100%;}
.event-arert .type .type02 { color: #de4e0b !important;}
.event-arert .location { padding: 2px 0; font-size: 18px; font-weight: bold; color: #000; display: inline-block; padding: 5px 0; }
.event-arert .location .more { font-size: 14px; color: #777;}
.event-arert .panel-tool { display: none;}

/* ===== 스마트에디터 반응형 ============================================= */
#smart_editor2{margin-right:1px !important;min-width:100px !important}
@media screen and (max-width: 640px){
 #smart_editor2 .se2_text_tool ul:nth-child(4n){clear:both;}
 #smart_editor2 .se2_text_tool ul{margin-bottom:4px}
 #smart_editor2 .se2_text_tool ul:nth-child(n+4){margin-bottom:0}
 #smart_editor2 .se2_text_tool .se2_multy,#smart_editor2 .se2_text_tool .se2_multy button, #smart_editor2 .se2_text_tool .se2_multy button span{height:54px}
}
@media screen and (max-width: 515px){
 #smart_editor2 .se2_text_tool ul:nth-child(3n){clear:both;margin-left:4px}
 #smart_editor2 .se2_text_tool ul:nth-child(6n),#smart_editor2 .se2_text_tool ul:nth-child(4n){clear:none;margin-left:0}
 #smart_editor2 .se2_text_tool ul:nth-child(n+3){margin-bottom:0}
}
@media screen and (max-width: 370px){
 #smart_editor2 .se2_text_tool ul:nth-child(2n){clear:both;margin-left:4px}
 #smart_editor2 .se2_text_tool ul:nth-child(3n){clear:both;margin-left:4px}
 #smart_editor2 .se2_text_tool ul:nth-child(6n),#smart_editor2 .se2_text_tool ul:nth-child(4n){clear:none;margin-left:0}
 #smart_editor2 .se2_text_tool ul:nth-child(n+3){margin-bottom:0}
 #smart_editor2 .se2_text_tool .se2_multy,#smart_editor2 .se2_text_tool .se2_multy button, #smart_editor2 .se2_text_tool .se2_multy button span{height:79px}
}
@media screen and (max-width: 325px){
 #smart_editor2 .se2_text_tool .se2_multy,#smart_editor2 .se2_text_tool .se2_multy button, #smart_editor2 .se2_text_tool .se2_multy button span{height:29px;}
 #smart_editor2 .se2_text_tool .se2_multy{border-bottom:1px solid #e0dedf}
}

/* ===== media queries ================================================= */
/* 미디어쿼리 */

@media (min-width: 576px) {
}

@media (min-width: 768px) {
    .navbar-toggle.navbar-toggle-left { display: none;}
    .form-horizontal .control-label { padding-top: 0; text-align: left;}
    .navbar-right { margin-right: 0px;}
    /*.easyui-window { width: 600px !important;}*/
    .join-sidebar,
    .join-mbmu .navbar-toggle-left { display: none;}
}

@media (min-width: 992px) {
    .panel.panel-main { min-height: calc(100vh - 250px); /*overflow-y: auto;*/}
    .tab-section ~ .panel.panel-main { min-height: calc(100vh - 290px); /*overflow-y: auto;*/}
    .search .panel-heading,
    .hid .panel-heading { display: none; background: #f9f9f9 !important;}
    .search .panel-heading .btn-minus { display: none;}
    .search .panel-body { padding:15px 15px 10px; }
    .panel-body .form-group { margin-bottom: 0;}
    .tab-section { margin-left: -1px;}
    .tab-section + .panel,
    .tab-section + .panel .panel-heading { border-top-left-radius: 0; }
    .tab-section .nav-pills > li > a { margin-left: 1px;}

    .joinus .form-group .form-control { max-width: 50%;}
    
    .panel-dataype01 .form-group:nth-child(even) { padding-left: 5px !important;}
    .panel-dataype01 .form-group:nth-child(even) > div { border-left:1px solid #dddee2;}
    /*
    .panel-dataype01 .form-group:nth-child(odd) .row { margin-right: -6px;}
    .panel-dataype01 .form-group.col-md-12 .row { margin-left: -15px; margin-right: -15px;}
    */
    
    #main .main-tit { min-height: 30px;}
    #main .main-tit h1,
    #main .main-tit .time,
    #main .lpgpart div { display: inline-block;}
    #main .main-tit h1::after { display: inline-block; content: ""; width: 2px; height: 23px; background: url(/assets/images/main-tit-line.png) no-repeat center center; padding: 5px 0px 5px 20px; vertical-align: middle; margin-top: -3px;}
    /*#main .main-tit .time { margin-left: 10px;}*/
    #main .main-section table.notice td > span { display: inline-block; width:200px; vertical-align: sub; padding: 0 0 15px; height: 14px; line-height: 14px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .main-center .main-section.lpgdata .widget { min-height: 225px; padding: 14px;}
    .main-local .main-section.lpgdata .widget { min-height: 175px; padding: 14px;}
    .main-supply .main-section.lpgdata .widget { min-height: 165px; padding: 14px;}
    #main .main-section .lpguse.gathering .data { padding: 6px 10px;}

    .sitemap .content-section .box-area { margin-bottom: 20px;}
    .sitemap .sub-menu { min-height: 152px;}
}

@media (min-width: 1200px) {
    .modal-xl { width: 1140px; }
    #main .main-section table.notice td > span { width:300px;}
    .groupform .joinus .form-group .form-control.inline.coordinate { width: 24.5%;}
    .main-supply .main-section .map-center .widget.widget-stats { min-height: 565px;}
    .main-local .main-section .map-center .widget.widget-stats { min-height: 565px;}

    .login .login-section {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .login .visual-section {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 0px;
    }
    .main-supply .main-section .safe-event { min-height: 218px;}
}

@media (min-width: 1400px) {
    .modal-xl { width: 1140px; }
    #main .main-section table.notice td > span { width:400px;}
    .login .login-contents #loginForm { padding: 0 45px;}
    .login .logo-area .logo-txt { font-size: 20px;}
}

@media (max-width: 1750px) {
    #dashboard .mid-section .box-area .cnts.mem .cnt-box .cnt-tit { width: 50px; font-size: 12px; letter-spacing: unset !important;}
    #dashboard .mid-section .box-area .cnts.mem .type { padding-left: 53px;}
    #dashboard .mid-section .box-area .cnts.mem .type span { font-size: 11px; letter-spacing: -1px;}
    #dashboard .mid-section .box-area .cnts.mem .cnt-box .cnt-tit { width: 50px; }
    #dashboard .mid-section .box-area .cnts.mem .cnt-box .datas { width: 25%;}
}

@media (max-width: 1199px) {
    .panel.window.panel-htop { width: 55% !important; }
    /*.login .visual-section { margin: 0 5px;}*/
    .login .visual-section { display:none; }
    .login .login-section { border-radius: 20px; top: calc(50vh - 340px);}
}

@media (max-width: 991px) {
    .content { min-height: unset;}
    .row>[class*=col-] { padding-left: 5px !important;}
    select.input-sm { margin-bottom: 2px;}
    .form-control.inline { margin-bottom: 2px;}
    .search .panel-body .btn { margin:0 5px; width: calc(100% - 10px); padding: 5px 10px;}
    .search .panel-body .btn:nth-of-type(2) { margin-top: 2px;}
    .panel.window.panel-htop { width: 70% !important; top: 0 !important; }
    .tab-section { margin-bottom: 2px ;}
    #main .main-tit .btn { display: none;}
    .groupform .joinus .form-group .form-control.inline.coordinate { width: 100%;}
    .main-admin .event-info .box-area .events.server .rt-area .boxs { margin-bottom: 2px;}

    .login { padding: 0 20%;}
    .login .slider .slick-dots { bottom: -50px;}
    .login .login-contents { padding:55px 40px 20px !important;}

    .table-wrap { max-width: calc(100vw); overflow-x: auto;}
    .table-wrap > div { min-width: 1000px;}
    .tb-btnarea { position: relative; min-height: 24px; overflow: hidden;}
}

/* mobile only */
@media (max-width: 767px) {
    footer { margin-left: 0 !important;}
    .navbar-toggle { float: right;}
    .navbar-toggle.right { float: left;}
    .navbar-inverse .navbar-header { border-bottom: none;}
    .navbar .navbar-brand { padding-top: 13px;}
    .navbar-brand>img { display: inline-block; margin-top: -3px;}
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { text-align: left;}

    .nav.navbar-nav.navbar-right { display: none;}
    .navbar { min-height: auto;}
    .page-header-fixed { padding-top: 50px;}
    .pace-progress {top: 50px;}
    #sidebar > div { overflow-x: hidden !important;}
    .siderbar-user { display: block; background: #192227; font-size: 13px;}
    .sidebar .nav.nav-profile { border-bottom: 0;}
    .sidebar .nav > li.nav-profile .image { float: left; margin-bottom: 0;}
    .sidebar .nav > li.nav-profile .caret { margin-top: 35px;}
    
    .panel.panel-main { height: unset !important;}
    .widget.widget-stats { min-height: unset !important;}
    .panel.search { border-top-left-radius: 0; }
    .panel.search .panel-heading,
    .panel.hid .panel-heading {border-top-left-radius: 0; background: #f9f9f9 !important;}
    .panel.search.cts span.tit { width: 23%;}
    .panel.search.cts span.txt { width: 70%;}
    .panel.search.cts span.epl { vertical-align: top;}
    .panel.find-idpw .form-group .btn { margin: 2px 0 0; width: 100%;}
    .panel.find-idpw .form-group #email1 { width: 50% !important;}
    .panel.find-idpw .form-group #email2 { width: 100% !important;}

    /*.easyui-window { height: 500px; overflow-y: auto;}*/
    .tab-section .nav-pills > li > a { padding: 5px 0.75rem; font-size: 12.5px; letter-spacing: -.5px;}
    .panel.window { top: 0 !important;}
    .panel.window .panel-tool-max { display: none;}
    .panel.window.panel-htop { width: 100% !important;}

    .joinus .form-group .form-control.inline { width: 45%;}
    .joinus .form-group select.form-control.inline { width: 100%;}

    #main .lpgpart div { margin-bottom: 5px;}
    #main .tbl-wrap { max-width: 300px; overflow-x: auto;}
    #main .tbl-wrap table { width: 800px;}

    figure { min-width: 290px !important;}

    .report-edit,
    .report-edit table th,
    .report-edit table td,
    .report-edit input[type='text'] { font-size: 11px;}
    .report-edit .form-control { padding: 5px 4px;}
    .report-edit select.form-control { padding: 0;}
    .report-edit h3 span.imp-sm { display: block; font-weight: 100; font-size: smaller; padding-top: 4px;}

    .login { padding: 0 10%;}
    .login .slider .slick-dots { bottom: -50px;}
    .login .login-contents { padding: 20px 5px 30px !important; }
    .login .login-section { border-radius: 20px; top: calc(50vh - 300px);}

    .btn-exp span { margin-bottom: 5px;}

    .nav-pills>li.typeNo { width: 100%; margin-bottom: 1px;}
    .nav-pills>li.type01,
    .nav-pills>li.type02,
    .nav-pills>li.type03,
    .nav-pills>li.type04 { width: 50%; margin-bottom: 1px;}

}

@media (max-width: 576px) {

}

/* ===== Cross Browsing ================================================= */
/* IE 9+10 속성 */
@media screen and (min-width:0\0) and (min-width: 768px) {
    .content { min-height: 796px;}
    .form-control { line-height: 11px;}
}