/*!
* AdminKit v1.0
* Copyright 2021 knl AdminKit
* modifiability code
*/

/* webfont : S-Core ***************************************************************************************************************************************************/
@font-face {
  font-family: 'S-Core';
  font-weight:100;
  src: url('../fonts/s-core/S-CoreDream-1Thin.eot');
  src: url('../fonts/s-core/S-CoreDream-1Thin.eot?#iefix') format('embedded-opentype'),
       url('../fonts/s-core/S-CoreDream-1Thin.svg#S-CoreDream-1Thin') format('svg'),
       url('../fonts/s-core/S-CoreDream-1Thin.ttf') format('truetype'),
       url('../fonts/s-core/S-CoreDream-1Thin.woff') format('woff'),
       url('../fonts/s-core/S-CoreDream-1Thin.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:200;
  src: url('../fonts/s-core/S-CoreDream-2ExtraLight.eot');
  src: url('../fonts/s-core/S-CoreDream-2ExtraLight.eot?#iefix') format('embedded-opentype'),
       url('../fonts/s-core/S-CoreDream-2ExtraLight.svg#S-CoreDream-2ExtraLight') format('svg'),
       url('../fonts/s-core/S-CoreDream-2ExtraLight.ttf') format('truetype'),
       url('../fonts/s-core/S-CoreDream-2ExtraLight.woff') format('woff'),
       url('../fonts/s-core/S-CoreDream-2ExtraLight.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:300;
  src: url('../fonts/s-core/S-CoreDream-3Light.eot');
  src: url('../fonts/s-core/S-CoreDream-3Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/s-core/S-CoreDream-3Light.svg#S-CoreDream-3Light') format('svg'),
       url('../fonts/s-core/S-CoreDream-3Light.ttf') format('truetype'),
       url('../fonts/s-core/S-CoreDream-3Light.woff') format('woff'),
       url('../fonts/s-core/S-CoreDream-3Light.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:400;
   src: url('../fonts/s-core/S-CoreDream-4Regular.eot');
  src: url('../fonts/s-core/S-CoreDream-4Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/s-core/S-CoreDream-4Regular.svg#S-CoreDream-4Regular') format('svg'),
       url('../fonts/s-core/S-CoreDream-4Regular.ttf') format('truetype'),
       url('../fonts/s-core/S-CoreDream-4Regular.woff') format('woff'),
       url('../fonts/s-core/S-CoreDream-4Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S-Core';
  font-weight:500;
  src: url('../fonts/s-core/S-CoreDream-5Medium.eot');
  src: url('../fonts/s-core/S-CoreDream-5Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/s-core/S-CoreDream-5Medium.svg#S-CoreDream-5Medium') format('svg'),
       url('../fonts/s-core/S-CoreDream-5Medium.ttf') format('truetype'),
       url('../fonts/s-core/S-CoreDream-5Medium.woff') format('woff'),
       url('../fonts/s-core/S-CoreDream-5Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:600;
  src: url('../fonts/s-core/S-CoreDream-6Bold.eot');
  src: url('../fonts/s-core/S-CoreDream-6Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/s-core/S-CoreDream-6Bold.svg#S-CoreDream-6Bold') format('svg'),
       url('../fonts/s-core/S-CoreDream-6Bold.ttf') format('truetype'),
       url('../fonts/s-core/S-CoreDream-6Bold.woff') format('woff'),
       url('../fonts/s-core/S-CoreDream-6Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:700;
  src: url('../fonts/s-core/S-CoreDream-7ExtraBold.eot');
  src: url('../fonts/s-core/S-CoreDream-7ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/s-core/S-CoreDream-7ExtraBold.svg#S-CoreDream-7ExtraBold') format('svg'),
       url('../fonts/s-core/S-CoreDream-7ExtraBold.ttf') format('truetype'),
       url('../fonts/s-core/S-CoreDream-7ExtraBold.woff') format('woff'),
       url('../fonts/s-core/S-CoreDream-7ExtraBold.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:800;
  src: url('../fonts/s-core/S-CoreDream-8Heavy.eot');
  src: url('../fonts/s-core/S-CoreDream-8Heavy.eot?#iefix') format('embedded-opentype'),
       url('../fonts/s-core/S-CoreDream-8Heavy.svg#S-CoreDream-8Heavy') format('svg'),
       url('../fonts/s-core/S-CoreDream-8Heavy.ttf') format('truetype'),
       url('../fonts/s-core/S-CoreDream-8Heavy.woff') format('woff'),
       url('../fonts/s-core/S-CoreDream-8Heavy.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:900;
  src: url('../fonts/s-core/S-CoreDream-9Black.eot');
  src: url('../fonts/s-core/S-CoreDream-9Black.eot?#iefix') format('embedded-opentype'),
       url('../fonts/s-core/S-CoreDream-9Black.svg#S-CoreDream-9Black') format('svg'),
       url('../fonts/s-core/S-CoreDream-9Black.ttf') format('truetype'),
       url('../fonts/s-core/S-CoreDream-9Black.woff') format('woff'),
       url('../fonts/s-core/S-CoreDream-9Black.woff2') format('woff2');
}

/* reset css *********************************************************************************************************/
* {margin:0;padding:0;	word-break:normal; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-text-size-adjust:none;}
*, *:before, *:after {-webkit-box-sizing:border-box;box-sizing:border-box;}
*:hover {
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}

.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

html, body{font-size:16px; font-family:"Spoqa Han Sans Neo","Noto Sans KR",'Nanum Gothic','나눔 고딕','Malgun Gothic','돋움','sans-serif'; letter-spacing:-0.015rem;}
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;}
ul, ol, li, dl, dt, dd {list-style:none;}
h1, h2, h3, h4, h5, h6 {line-height:normal; color:#000;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden;padding:0;}
address, em, var, i {font-style:normal;}

img,fieldset,iframe{border:0;}
img,input,select,button,textarea{vertical-align:middle;box-sizing:border-box;}

button{display:inline-block;*display:inline;padding:0;margin:0;border:0;cursor:pointer;vertical-align:middle;overflow:visible;background:transparent;outline:none;}
button::-moz-focus-inner,input::-moz-focus-inner, button:active{}

hr {display:block;height:1px;border:0;border-top:1px solid #ddd;margin:1em 0;padding:0;}

span, i{display:inline-block;}

a {color:inherit;text-decoration:none;}
a:focus{outline:none;}
a:hover {}
a:hover, a:active { outline:0;}
a:focus {outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color; z-index:99;}

/* scrollbar style ****************************************************************************************************************************************/
::-webkit-scrollbar {width: 8px; height: 8px;  }
::-webkit-scrollbar-track {background: transparent;  }
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(25,25,25,0.3); -webkit-border-radius: 8px; border-radius: 8px; }

/* basic set css *********************************************************************************************************/
.text-purple{color:#4756AC !important;}
.bg-sky{background:#00B3FF !important;}

.content-wrapper{background:#F5F6FA;}
.footer{background:#F5F6FA;}
.progress{height:20px;}
.card .card-body{padding:1rem;}
.scroll-700over{max-height:700px; overflow:hidden; overflow-y:auto;}
.h-calc{height:calc(100% - 66px);}
.btn-sm i{font-size:small; padding-right:.2rem;}
select.form-control{color:#495057;}
/* .hr{height:30px;background:#f5f6fa;} */

.full-bg  {
	background: url("../images/common/login_bg.jpg");
	background-size: cover;
}

/* header */
.profile{width: 40px;height: 40px;background: linear-gradient(180deg, #E087E9,#F665BB);text-align: center;line-height: 40px;border-radius: 50%;margin: 0 !important;color: #fff;font-size: 22px;box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.sidebar-offcanvas{right:-257px;}
.main-panel{width:100%;left:0;}
.navbar .navbar-brand-wrapper{width: 400px;height: 80px;}
.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand img{width: 100%;height:auto;}
.navbar .navbar-menu-wrapper{width: calc(100% - 400px);height: 80px;padding-left:0;padding-right:0;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item {float:left;padding:0;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile{margin-left:.5rem; margin-right:.5rem;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-select{}
.navbar .navbar-menu-wrapper .navbar-nav .nav-select .dropdown-toggle{line-height: 25px;border: 1px solid #C0C8EF;border-radius: 50px;padding: .5rem .3rem .5rem 1rem;font-size: 0.78rem;color: #7d8bd1;margin: .5rem 0;min-width: 130px;position: relative;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-select .dropdown-toggle::after{margin: auto;position: absolute;right: 1rem;top: 50%;transform: translateY(-.3rem);}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{max-height:500px; overflow-y:auto;}

/* sidebar */
.page-body-wrapper{padding-top:0px;min-height:100vh;}
.sidebar-offcanvas{top:80px;}
.navbar-toggler{display:none;}
.toggle-menu {font-size:1.5rem;display:none;}
.sidebar{min-height:100vh;}
.sidebar-bg.offcanvas-open{position: fixed;background: rgba(0,0,0,.2);width: 100%;height: 100%;display: inline-block;z-index: 1030;top: 0;opacity:1;}
.nav-select .dropdown-toggle:after{content:'\F0142'}
.select_list{height: 500px;overflow-y: auto;}
.select_list li{border:1px solid #eee;margin-bottom:.5rem;}
.select_list li a{width: 100%;display: inline-block;padding: 10px;}
.select_list li a:hover{background:#f8f8f8;}
.select_list li a i{font-size:1rem;}

@media (max-width: 1460px) {

	.navbar .navbar-menu-wrapper .menu{display:none !important;}
	.navbar .navbar-menu-wrapper .navbar-nav .nav-select{}
	.navbar-toggler{display:block;}

	.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand img{width:100%;height:35px;}
	.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand.brand-logo-mini {width:100%;}

	/* mobile menu */
	.toggle-menu {display:block;padding-right:10px; font-size:1.7rem;}
	.sidebar-top{border-bottom:1px solid #eee; padding-bottom:1rem;}
	.sidebar-top .nav-profile{padding:.5rem 0;}
	.sidebar-top .nav-profile .dropdown-menu{margin:0; top:-10px !important;}
	.sidebar-top .nav-select {text-align:center;}
	.sidebar-top .nav-select .nav-select .nav-item{}
	.sidebar-top .nav-select .dropdown{display:inline-block;}
	.sidebar-top .nav-select .dropdown-toggle{font-size:.7rem;background:#f4f4f4;}
	.sidebar-top .nav-select .dropdown .dropdown-menu{}
	
	.card .card-header {padding:0.75rem 1rem}
	.card .card-header h4{font-size:1.1rem;}
	
}
@media (max-width: 991px) {

	.content-wrapper{padding-top:60px;}

	.navbar .navbar-menu-wrapper .navbar-nav {display:none !important;}
	.navbar .navbar-menu-wrapper .navbar-nav .nav-select{width: 110px;}
	.navbar .navbar-menu-wrapper .navbar-nav .nav-select .dropdown-toggle{line-height: 1rem;min-width: 110px;margin: .1rem 0;padding: 7px;}
	.navbar .navbar-menu-wrapper .navbar-nav .nav-select .dropdown-toggle::after{right: 6px;font-size: 14px;top: 12px;}
	.navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right{padding-left:15px; padding-right:11px;}

	.navbar .navbar-brand-wrapper{width:calc(100% - 60px);height: 60px;}
	.navbar .navbar-menu-wrapper{width:60px; height: 60px;}
	.page-body-wrapper{padding-top:0px;}
}

/* 상단메뉴 */
.menu{margin-right: 20px;}
.menu li{float:left;padding: 0 20px;height: 100%;line-height: 80px;position:relative;}
.menu li a:after{content:'';height:5px;width:0;background: #0072EE;position:absolute;bottom: 2px;left: 50%;margin-left: -35px;box-shadow: 0 2px 5px #126d9d2e; -webkit-transition:width 0.3s ease;-moz-transition:width 0.3s ease;transition:width 0.3s ease;}
.menu li.active a:after, .menu a:hover:after{width:70px;}
.menu li.active a{text-decoration:none;}
.menu li a{font-size: 1.1rem;width: 70px;color: #000;font-weight: 500;align-items: center;height: 100%;display: inline-block;text-align: center;}

/* menu dropdown */
.dropdown-box.show{}
.dropdown-box.dropdown .dropdown-menu {
  border: none;
  -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 21px 0px rgb(0 0 0 /20%);
  border-radius:.25rem;
  top: 68px !important;
  position:absolute;
  width: 100%;
  left: 50%;
  margin-left: -80px;
}
.dropdown-box.dropdown .dropdown-menu a{width:100%;font-weight: inherit;text-align: left;height: auto;line-height: normal;padding:0.65rem 1.5rem;display:block;}
.dropdown-box.dropdown .dropdown-menu a:after{display:none;}

/* 모달팝업 */
.modal-full{margin:0; max-height:100vh; height:100%;}
.modal-backdrop.show{opacity:.3;}
.modal-full .modal-content{max-height:100vh;border-radius:0; border:none;}

/* dropdown css */
.vert-item.dropdown .dropdown-menu {
  border: none;
  -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
  border-radius:.25rem;
  right:0 !important;
  left:auto !important;
  top:20px !important;
}
.btn-vert{width: 30px;height: 30px;display: inline-block;border-radius: 50%;}
.btn-vert:hover{background: #e2e8eb;}

/* tooltip bg 수정 */
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {  border-right-color: #EBF9FF;}
.tooltip-inner {max-width: 180px;  color: #222; font-weight:500;  text-align: left;  background-color: #EBF9FF;  font-size:.8rem;  box-shadow:0 2px 6px rgba(0,0,0,.2);}

/* footer banner css *********************************************************************************************************/
.foot-banner{margin-top:.5rem;}
.foot-banner li{padding-left:20px;min-height:48px;display:inline-block;}
.foot-banner li a{}
@media (max-width: 991px) {

}

/* sub css *********************************************************************************************************/
/* title 가로등 아이콘 */
.i-stlamp{position:relative;padding-left: 30px;}
.i-stlamp:before{content:'';background:url('../images/common/wi_solar.svg') center center no-repeat;width:45px;height:100%;display:inline-block;position:absolute;left: -20px;bottom: 4px;background-size: 34px;}
.i-stlamp-sm {position:relative;padding-left:20px;}
.i-stlamp-sm:before{content:'';background:url('../images/common/wi_solar.svg') center center no-repeat;width:20px; height:20px;display:inline-block;position:absolute; left:0;background-size:20px;top:2px;}

/* 날씨 */
.wt_area{}
.wt_area li{float: left;padding-left: 2rem;font-size: 1rem;font-weight: 500;position:relative;}
.wt_area li span{color: #4D66C8;font-weight: bold;}
.wt_area li:after{content:'';width:1px;height: 20px;background:#ccc;display:inline-block;position:absolute;right: -1rem;top: 50%;transform: translateY(-8px);}
.wt_area li:first-child{padding-left:0;}
.wt_area li:last-child:after{display:none;}
.wt_area li .time-data{padding-top: 5px;}
.wt_area li .weather-data{}
.wt_area li .solar-data{}
.wt_area li .data{display: inline-block;padding-left: 60px;position: relative;font-size: 1.2rem;}
.wt_area li .weather-data{}
.wt_area li .weather-data .data:before{content:'';background:url('../images/common/wi_clear-day.svg') no-repeat;width: 35px;height: 35px;display: inline-block;position: absolute;left: 16px;top: 0;background-size: 35px;}
.wt_area li .solar-data{}
.wt_area li .solar-data .data:before{content:'';background:url('../images/common/wi_solar.svg') no-repeat;width: 35px;height: 35px;display: inline-block;position: absolute;left: 16px;top: 0;background-size: 35px;}
@media (max-width: 991px) {
	.wt_area{background: #e5ebf3;width: calc(100% + 10px);padding: 5px;text-align: center;display: flex;justify-content: center;position: absolute;left: 0;border-radius: 0;top:-60px;margin-left: -5px;}
	.wt_area li{font-size:.8rem;padding-left:10px;letter-spacing:-0.05rem;}
	.wt_area li .data{font-size:.8rem;padding-left: 25px;}
	.wt_area li:after{right: -6px;height: 10px;top: 50%;transform: translateY(-5px);}
	.wt_area li .data small{font-size:10px !important;}
	.wt_area li .weather-data .data:before{background-size:20px; left:0;width:20px; height:20px;}
	.wt_area li .solar-data .data:before{background-size:20px; left:0;width:20px; height:20px;}
	.wt_area li .time-data{padding-top:0;}
	.wt_area li span{display:none;}
}


.basic_box{padding:.5rem;box-shadow: 0 2px 6px rgb(0 0 0 / 7%);border: 1px solid #eee;border-radius: .25rem;width:100%;height: 100%;position:relative;}
.basic_box2{display:flex;width: 100%;justify-content: center !important;text-align: center;align-content: space-around;align-items: stretch;}
.basic_box2 .no_box{display: flex;align-content: space-between;flex-direction: column;justify-content: space-between;height: 100%;}

@media screen and (max-width:991px){
	.basic_box{}
	
}
.wi-box{position:absolute; top:0; right:0;}

/* weahter icon ****************************************************************************************************************************************/
.wi-icon{width:100px; height:100px;display:inline-block;}
.i-clear-day{background:url("../images/weather/clear-day.svg") center no-repeat; width:100%;height:100%;}
.i-clear-night{background:url("../images/weather/clear-night.svg")center no-repeat;width:100%; height:100%;}
.i-cloudy{background:url("../images/weather/cloudy.svg")center no-repeat; width:100%; height:100%;}
.i-overcast{background:url("../images/weather/overcast.svg")center no-repeat; width:100%; height:100%;}
.i-overcast-day{background:url("../images/weather/overcast-day.svg")center no-repeat; width:100%; height:100%;}
.i-overcast-night{background:url("../images/weather/overcast-night.svg")center no-repeat; width:100%; height:100%;}
.i-drizzle{background:url("../images/weather/drizzle.svg")center no-repeat; width:100%; height:100%;}
.i-hail{background:url("../images/weather/hail.svg")center no-repeat; width:100%; height:100%;}
.i-rain{background:url("../images/weather/rain.svg")center no-repeat; width:100%; height:100%;}
.i-smoke{background:url("../images/weather/smoke.svg")center no-repeat; width:100%; height:100%;}
.i-snow{background:url("../images/weather/snow.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-day{background:url("../images/weather/partly-cloudy-day.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-day-drizzle{background:url("../images/weather/partly-cloudy-day-drizzle.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-day-hail{background:url("../images/weather/partly-cloudy-day-hail.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-day-rain{background:url("../images/weather/partly-cloudy-day-rain.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-day-sleet{background:url("../images/weather/partly-cloudy-day-sleet.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-day-smoke{background:url("../images/weather/partly-cloudy-day-smoke.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-day-snow{background:url("../images/weather/partly-cloudy-day-snow.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-night{background:url("../images/weather/partly-cloudy-night.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-night-drizzle{background:url("../images/weather/partly-cloudy-night-drizzle.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-night-hail{background:url("../images/weather/partly-cloudy-night-hail.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-night-rain{background:url("../images/weather/partly-cloudy-night-rain.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-night-sleet{background:url("../images/weather/partly-cloudy-night-sleet.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-night-smoke{background:url("../images/weather/partly-cloudy-night-smoke.svg")center no-repeat; width:100%; height:100%;}
.i-partly-cloudy-night-snow{background:url("../images/weather/partly-cloudy-night-snow.svg")center no-repeat; width:100%; height:100%;}
.i-mist{background:url("../images/weather/mist.svg")center no-repeat; width:100%; height:100%;}
.i-hurricane{background:url("../images/weather/hurricane.svg")center no-repeat; width:100%; height:100%;}
.i-tornado{background:url("../images/weather/tornado.svg")center no-repeat; width:100%; height:100%;}
.i-wind{background:url("../images/weather/wind.svg")center no-repeat; width:100%; height:100%;}
.i-dust{background:url("../images/weather/dust.svg")center no-repeat; width:100%; height:100%;}
.i-dust-day{background:url("../images/weather/dust-day.svg")center no-repeat; width:100%; height:100%;}
.i-dust-night{background:url("../images/weather/dust-night.svg")center no-repeat; width:100%; height:100%;}
.i-dust-wind{background:url("../images/weather/dust-wind.svg")center no-repeat; width:100%; height:100%;}




/* home.html css *********************************************************************************************************/
/* 홈 - 범례 remarks */
.remarks{}
.remarks dl{display: flex;align-items: center;background: #fff;border-radius: .5rem;border: 1px solid #e7eaed;padding:5px;}
.remarks dl dt{float: left;font-size: .7rem;padding: 0 5px;height: 100%;}
.remarks dl dd{float: left;text-align: center;padding: 0 5px;}
.remarks dl dd p{font-size: 0.65rem;line-height: 5px;padding-top: 7px;font-weight: 500;}
.remarks dl dd i{font-size: 8px;}

/* 홈- 지도 */
.mapWrap{position:Relative;overflow:hidden;height:100%; min-height:300px;background: url('../images/common/img_map.jpg') center no-repeat;background-size: cover;}
.mapWrap .location{position: relative;width: 36px;height: 80px;display: inline-block;text-align: center;padding-top: 11px;font-size: .8rem;color: #fff;overflow:hidden;font-weight:500;z-index:99;}
.mapWrap .location:after{content:'';width: 100%;height: 37px;display:inline-block;position:absolute;left: 0;bottom: 0;}
.mapWrap .lc-primary{background: url('../images/common/ic_location_primary.svg') top center no-repeat;}
.mapWrap .lc-primary:after{content:'';background: url('../images/common/wi_solar.svg') center  bottom no-repeat;background-size: 28px;}
.mapWrap .lc-success{background: url('../images/common/ic_location_success.svg') top center no-repeat;}
.mapWrap .lc-success:after{content:'';background: url('../images/common/wi_solar.svg') center  bottom no-repeat;background-size: 28px;}
.mapWrap .lc-warning{background: url('../images/common/ic_location_warning.svg') top center no-repeat;}
.mapWrap .lc-warning:after{content:'';background: url('../images/common/wi_solar.svg') center  bottom no-repeat;background-size: 28px;}
.mapWrap .lc-danger{background: url('../images/common/ic_location_danger.svg') top center no-repeat;}
.mapWrap .lc-danger:after{content:'';background: url('../images/common/wi_solar.svg') center  bottom no-repeat;background-size: 28px;}
.mapWrap .lc-muted{background: url('../images/common/ic_location_muted.svg') top center no-repeat;}
.mapWrap .lc-muted:after{content:'';background: url('../images/common/wi_solar.svg') center  bottom no-repeat;background-size: 28px;}

.map_absolute{position:absolute; top:10px; left:10px;display:inline-block;z-index:100;}
.map_absolute dl{overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,.2);}

/* 홈 - 태양광 가로등 현황 원그래프 */
.chart{width:100%;min-height: 100px;height:auto;}
.stlamp_info{}
.stlamp_info ul{}
.stlamp_info ul li{float: left;width: 20%;text-align: center;}
.stlamp_info ul li .chart{}
@media (max-width: 1400px) {
	.stlamp_info ul li{width:50%;}
}
@media (max-width: 991px) {
	.stlamp_info ul li{width:50%;}
}

/* 홈 - 태양광 가로등 발전량 */
.stlamp_quantity{}
.stlamp_quantity ul{padding: 5px 0;}
.stlamp_quantity ul li{display: flex;width: 100%;align-items: center;padding: 5px 0;white-space:nowrap;}
.stlamp_quantity ul li .title{float: left;width: 20%;}
.stlamp_quantity ul li .progress{width: 80%;float: left;box-shadow: 0 2px 6px rgba(0,0,0,0.2);position:relative;}
.stlamp_quantity .progress .num{position: absolute;top: 0;color: #fff;font-size: 11px;left: 6px;font-weight: 500;}
.stlamp_quantity .progress .unit{font-weight: 400;padding-left: .2rem;}
@media (max-width: 991px) {
	.stlamp_quantity ul li{display:inline-block; }
	.stlamp_quantity ul li .title{width:100%;padding-bottom:.5rem;}
	.stlamp_quantity ul li .progress{width:100%;}
}

/* 홈 - 태양광 가로등 점검바로가기 */
.stlamp_check{}
.stlamp_check ul{}
.stlamp_check ul li{justify-content: space-between;display: flex;padding: 10px 5px;float: left;border: 1px solid #ddd;border-radius: .25rem;}
.stlamp_check_box{justify-content: space-between;display: flex;padding:.5rem;float: left;box-shadow: 0 2px 6px rgb(0 0 0 / 7%);border: 1px solid #eee;border-radius: .25rem;width:100%;height: 100%;align-items: center;cursor:pointer;}
.stlamp_check_box:hover{background:#f8f8f8;}
.stlamp_check_box .title{font-size:.8rem;}
.stlamp_check_box .data{font-size:.75rem;font-weight:500;}
.stlamp_check_box .unit{font-size:.65rem;color:#999;padding-left:.2rem;}
.stateBox{font-size: .75rem;font-weight: 500;display: flex;align-items: center;justify-content: right;}
.stateBox .battery{position:relative;padding-left: 13px;}
.stateBox .battery:before{content:'\F0079';font-family:"Material Design Icons";position:absolute;left: -4px;font-size: 1.1rem;top: -4px;}
.stateBox .circle{position:relative;padding-left: 26px;}
.stateBox .circle:before{content:'\F012F';font-family:"Material Design Icons";position:absolute;left: 10px;font-size: .9rem;top: -2px;}
.stateBox .state_100:before{color: #12E257;} /*배터리100*/
.stateBox .state_50:before{color: #ffc100;content:'\F0084';} /*배터리 100이하*/
.stateBox .state_0:before{color: #999;} /*배터리0*/
.stateBox .state_success:before{color: #12E257;}/*정상*/
.stateBox .state_wanring:before{color: #ffc100;}/*경고*/
.stateBox .state_danger:before{color: #ff4747;}/*위험*/
.stateBox .state_muted:before{color: #999;}/*고장*/
@media (max-width: 991px) {
	.stlamp_check .title{font-size:.9rem;}
}

/* contact.html css *********************************************************************************************************/
.pagination{}
.pagination li{}
.page-link{color:#999;border: none;margin: 0 .3rem;border-radius: 50% !important;width: 35px;height: 35px;line-height: 35px;padding: 0;text-align: center;font-size:.8rem;}
.page-item:first-child .page-link, .page-item:last-child .page-link{padding-top: 0;}
.page-item.active .page-link{background-color: #4d5ea5;border-bottom: #000;}
.page-link:focus{box-shadow:0 0 0.2rem rgb(0 123 255 / 25%)}

.searchBox{width:100%;margin: 0 auto;max-width:500px;}
.searchBox .form-control{padding-right: 46px;overflow: hidden;border-radius: 50px;background: transparent;box-shadow:0 3px 6px rgb(0 0 0 / 8%) !important;}
.searchBox .btn{position: absolute;right: 0;height: 100%;width: 46px;padding: 0;overflow: hidden;z-index: 99;background: transparent;border-radius: 50px;}
.searchBox .btn i{font-size:1.5rem;}


.nav-tabs{position:relative;width: 100%;display: inline-block;padding-bottom: .5rem;border:none;}
.nav-tabs .tab{background: #e5ebf3;border-radius:0;width: 100%;padding: 0.5rem 0;border: none;color: #5a83bf;font-size: 1rem;}
.nav-tabs .nav-item{float:left;width: 25%;}
.nav-tabs .nav-item.show .tab, .nav-tabs .tab.active{color: #fff;background: #4d5ea5 /*#3c5f91;*/}
.nav-tabs .tab.active{opacity:1 !important;}
@media (max-width: 991px) {
	.searchBox{}
	.nav-tabs .nav-item{width:50%;}
	.nav-tabs .tab{font-size:.9rem;}
}

/* board css *********************************************************************************************************/
.table td{font-size:.98rem;line-height:1.5;border-color:#eee;}
.table thead th{font-weight:bold;border-color:#eee;}
.table .title{text-align:left;}
.table-sm th, .table-sm td{font-size:.9rem;line-height:1.2;}

.table-truncate{width: 100%;white-space: nowrap;display: table;table-layout: fixed;}
.table-truncate .ellipsis{text-overflow: ellipsis;overflow: hidden;text-align:left;}

.table-selected tr td{cursor:pointer;transition:0s;}
.table-selected tr.selected td{background: #6088cf;color: #fff;}

.table_ul {width: 100%;display: table;border-collapse: collapse;table-layout:fixed;border-top: 2px solid #000;}
.table_ul ul {display: table-row;display: flex;flex-wrap: wrap;}
.table_ul li {display: table-cell;padding: 0;border-bottom: inherit;width: 50% !important;float: left;display: flex;border-left: none;border-right: none;}
.table_ul li .th{background:#f8f8f8;width: 70px !important;font-size: .8rem;font-weight: 500;padding: 0;text-align: center;border-bottom: none;display: flex;align-items: center;justify-content: center;}
.table_ul li .data{padding: 5px;width: 100%;width: calc( 100% - 70px );float: left;}
.table_ul li + .table_ul li {border-left:1px solid #69c}

.table_ul2 li{width:100% !important;}
.table_ul2 li.w50{width:50% !important;}

@media (max-width: 991px) {
	.table_ul li{display:flex;margin:-1px;width:100% !important;}
	.table_ul li .th{width:80%;border-right:1px solid #eee;border-bottom:none;word-break: keep-all;}
	.table_ul li .data{width:120%;}

	.table_ul2 li.w50{width:100% !important;}
}

.board-sm ul li .input-group{padding:.5rem .3rem;}
.board-sm ul li .col-form-label{padding:.5rem .3rem;}

/* 글작성 */
.board_write{border-top: 2px solid #333;}
.board_write ul{}
.board_write ul li{}
.board_write .form-group{margin:0 !important;border-bottom: 1px solid #eee;}
.board_write ul li .col-form-label{margin:0;background:#f8f8f8;text-align: center;align-items: center;display: flex;justify-content: center;border-right: 1px solid #eee;font-weight:500;}
.board_write ul li .input-group{padding: .8rem;align-items:center;}
.board_write ul li .form-control{}
.board_write ul li .form-check{margin:0;}
.board_write ul li .form-check .form-check-label{margin-bottom:0;}
.board_write .content{background:#fff;width:100%;padding:0.875rem .75rem;}

/* 상세페이지 */
.board_view{}
.board_view .bo_view_top{padding: .8rem;}
.board_view ul > li{border-bottom:1px solid #eee;}
.board_view .title{padding-top:5px;}
.board_view .content{border:none; margin:1rem 0;background:#fff;}
.board_view .board-info{color: #555;display: inline-block;width: 100%;}
.board_view .board-info li{float: left;padding-right: 30px;font-weight: 400;position:relative;border-bottom:none;}
.board_view .board-info li:after{content:'';background: #ddd;width:1px;height: 10px;display:inline-block;position: absolute;right: 15px;bottom: 7px;}
.board_view .board-info li:last-child:after{display:none;}
.board_view .board-info span{font-weight:500;padding-right: 9px;}
.board_view .file{padding:.8rem;}
.board_view .file i{color: #7b859f;position: relative;top:0;left: -3px;}

/* faq */
.faqList{border-top:2px solid #333;}
.faqBox{}
.faqBox .faq_header{}
.faqBox .faq_header h2{}
.faqBox .faq_header .btn{width: 100%;text-align: left;font-weight: 500;font-size: 1.2rem;padding: 1.5rem 2rem;border-bottom:1px solid #eee;position:relative;line-height:1.2}
.faqBox .faq_header .btn:after{content:'\F0140';font-family:"Material Design Icons";position:absolute;left: 10px;font-size: 1.5rem;transition:transform .2s ease-in-out;top:20px;}
.faqBox .faq_header .btn.collapsed:after{content:'\F0140';font-family:"Material Design Icons";transform:rotate(-90deg);}
.faqBox .view{padding: 1.5rem 2rem;background: #f8f8f8;min-height: 190px;}

@media (max-width: 991px) {
	
	.board_write ul li .col-form-label{background: #fff;justify-content: left;font-weight: 500;padding-bottom: 0;border-right: 0;padding:.8rem 0 0;}
	.board_write ul li .input-group{padding:.8rem 0;}
	
	.table thead th{padding:.5rem;}
	.table td{font-size:.9rem;padding:.5rem;}

	.board_view .board-info li{padding-right:20px;font-size:.8rem;}
	.board_view .board-info li:after{right:8px;}
	.board_view .bo_view_top{padding:0;}
	.board_view .title{font-size:1.1rem; line-height:1.5;}
	.board_view .content{padding: .8rem 0;color:inherit;line-height:1.4;}


	.faqBox .faq_header .btn{font-size:.9rem;padding:1.2rem 1.2rem;}
	.faqBox .faq_header .btn:after{top: 16px;left: 0;font-size: 1.2rem;}
	.faqBox .view{padding:.8rem;font-size:.9rem;}
}


/* monitoring css *********************************************************************************************************/
.titBox {}
.titBox h2{float:left;}
.titBox .stateBox{justify-content: left;height: 100%;padding-left:.5rem;}
@media (max-width: 991px) {
	.titBox .stateBox{height:auto;width:100%; padding-top:.5rem;}
}

.stepBox {}
.stepBox select.form-control, .dataTables_wrapper select{min-width:40px;max-width:100px; padding:0.4375rem .2rem;}
.custom-switch{}
.custom-switch .custom-control-label::before{height: 1.4rem;top: 0rem;border-radius: 1rem;width: 2.2rem;left: -2.5rem;}
.custom-control-input:checked ~ .custom-control-label::before{}
.custom-control-input:focus ~ .custom-control-label::before{box-shadow:0 0 0.2rem rgb(0 123 255 / 25%);}
.custom-switch .custom-control-label::after{width: calc(1.4rem - 6px);height: calc(1.4rem - 6px);border-radius: 1rem;top: 3px;left:calc(-2.4rem + 2px);}

.form-control{border-color:#eee;}
.alertBox{background: #FFF5F5;border: 1px solid #FFD4D4;padding: 1.2rem .5rem;border-radius: .25rem;margin-bottom: 1.25rem;position:relative;box-shadow: 0 2px 8px rgba(0,0,0,.1);display: flex;justify-content: center;align-items: center;height: 80px;}
.alertBox span{color: #f52020;padding-left: 22px;position:relative;}
.alertBox .i-alert:before{content:'';background:url('../images/common/ic_danger.svg') center center no-repeat;width: 18px;height: 21px;display:inline-block;position:absolute;left:0;background-size: 18px;top: 0;}
.alertBox:after{content:'\F040A';font-family:"Material Design Icons";position:absolute;color: #ffd4d4;bottom: -15px;transform: rotate(90deg);right: 20px;}

/* input date 여백 없애기 */
input[type=date]::-webkit-calendar-picker-indicator {padding:0;margin:0;}
::-webkit-calendar-picker-indicator{margin:0;}

.table-chart{}
.table-chart .input-group{max-width:340px; width:100%;}
@media (max-width: 991px) {
	.alertBox span{font-size:.9rem;}
}


.detail_box .unit{font-size:.65rem;color:#999;padding-left:.2rem;}


.list-st1{}
.list-st1 li{float:left;}


.search-input{display: flex;width: 480px;}
.search-input .input-group {}
.search-input .select-group .form-control{width: 150px;}
.search-input .input-group > .form-control{}
.search-chart{display: flex;position: absolute;top: 0;right: 0;}
@media (max-width: 991px) {
	.search-input{display:block;width:100%;}
	.search-input .select-group .form-control{width:100%;}
	.search-chart{position:relative;display:block;padding-top:.5rem;border-top:1px solid #eee;margin-top:.8rem;}
	.search-chart span{display:none;}
}


/* chat */
.chat-date{}
.chat-date span{background: #333;color: #fff;padding: .2rem 1rem;font-size: .8rem;border-radius: 30px;}
.chat-messages {display: flex;flex-direction: column;max-height: 500px;overflow-y: scroll;}
.chat-messages .message{padding:.7rem;border-radius:.25rem;}
.chat-messages .time{font-size:12px;}
.chat-message-left,.chat-message-right {display: flex;flex-shrink: 0}
.chat-message-left {margin-right: auto; padding-bottom:40px;width:90%;}
.chat-message-left .message{background:#f8f9fa !important;}
.chat-message-right {flex-direction: row-reverse;margin-left: auto;position: relative;padding-bottom: 50px;width:80%;}
.chat-message-right .message{background:#e4ebf9 !important;}
.chat-message-right .time{position: absolute;bottom: 25px;right: 0;}
.chat-list{max-height: 580px;overflow-y: scroll;}
.chat-list .user-name{color:#333;}
.chat-list .user-name .small{color:#999;}
.chat-list .badge {}
.chat-list .list-group-item{}
.submitBox .input-group{padding-left:60px;}
.autosize textarea{line-height:1.5;padding:10px;}
.btn-file{position:absolute;left:0;}
.btn-submit{}
@media (max-width: 991px) {
	.chat-messages{max-height: 700px;}
	.chat-messages .message{font-size:.9rem;padding:10px !important;}
	.chat-list{max-height: 300px;}


}

.btn-zoom{position:fixed;right: 10px;top: 10px;z-index:999;}
.btn-zoom .btn{width: 40px;padding: 0;height: 40px;line-height: 0;background: #fff;box-shadow: 0 3px 5px rgb(0 0 0 / 11%);margin: 0 1px;border: 1px solid #cfd7df;padding-top: 5px;cursor:pointer;}
.btn-zoom .btn i{font-size: 20px;padding: 6px;}
.btn-zoom .btn p{font-size: 11px;font-weight:500;}


/* map */
@media screen and (max-width: 991px){
	#map{min-height:400px;}

}