@import url("reset.css");
@import url("slick.css");
@import url("jquery-ui.css");
@import url("rSlider.min.css");

/*switch component*/
.el-switch,
.el-switch-style,
.el-switch-style:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.el-switch {
  display: inline-block;
  font-size: 100%;
  height: 1.6em;
  position: relative;
}
.el-switch .el-switch-style {
  height: 18px;
  left: 0;
  background: #ccc;
  -webkit-border-radius: 2em;
  border-radius: 2em;
  display: inline-block;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 57px;
  cursor: pointer;
}
.el-switch .el-switch-style:after{
  height: 18px;
  left: 0;
  display: inline-block;
  position: absolute;
  left:0;
  top: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 50px;
  cursor: pointer;
  padding-left:22px;
  content:"OFF";
  font-size:11px; 
  color:#fff; 
  box-sizing:border-box;
  text-align:left; 
}
.on .el-switch .el-switch-style:after{
  content:"ON";
  padding:0 22px 0 0; text-align:center; 
}

.alarm_list .el-switch .el-switch-style:after{display:none;}

.el-switch .el-switch-style:before {
  display: block;
  content: '';
  height: 14px;
  position: absolute;
  width: 20px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 20px;
  left: 0.2em;
  top: 0.2em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.el-switch > input[type="checkbox"] {
  display: none;
}
.el-switch > input[type="checkbox"][disabled] + .el-switch-style {
  cursor: not-allowed;
  background-color: #D3DCE6;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #db0032;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style:before {
  left: 50%;
}
.el-switch > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #b0d7f5;
}
.el-switch.el-switch-blue > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #20a0ff;
}
.el-switch.el-switch-blue > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #b0d7f5;
}

/*header*/
.header{position:absolute; left:0; top:0; z-index:5; padding:20px; width:100%; box-sizing:border-box; text-align:center; }
.header .logo img{width:80px;}
.header .weather{position:absolute; right:20px; top:20px; }
.header .weather .inner{position:relative; }
.header .weather button{padding-left:28px; line-height:24px; background:url(../img/icon_weather.png) no-repeat 0 center; background-size:24px; font-size:12px; font-weight:400; color:#fff; }
.header .weather_box{position:absolute; right:0; top:30px; min-width:145px; padding:10px 5px; background-color:#fff; border-radius:10px; border:1px solid #888; display:none;}
.header .weather_box span{margin:0 10px; font-size:13px; color:#403c3b; }
.header .weather_box span.temperature{padding-left:30px; min-height:24px; background:url(../img/icon_weather_black.png) no-repeat 0 center; background-size:24px; font-size:13px; color:#000;  font-weight:400;}
.header .weather_box:before{position:absolute; right:36px; top:-7px; width:9px; height:7px; background:url(../img/weather_arrow.png) no-repeat center bottom; background-size:9px; display:block; content:"";}
.menu_open{position:absolute; left:20px; top:20px; }
.menu_open button{position:relative; left:0; top:5px; width:25px; height:25px; }
.menu_open button span{position:absolute; left:0;  top:0; width:100%; height:3px; background-color:#fff; display:block; border-radius:20px; }
.menu_open button span:after{position:absolute; left:0;  top:6px; width:100%; height:3px; background-color:#fff; display:block; content:"";}
.menu_open button span:before{position:absolute; left:0;  top:12px; width:100%; height:3px; background-color:#fff; display:block; content:"";}
.feed_barrel_bg{position:relative; margin:0 auto; padding:80px 20px 0; }
.feed_barrel_bg:before{position:absolute; left:0; top:0; z-index:1; width:100%; height:96%; background:url(../img/main_bg.jpg) no-repeat center 0; display:block; content:""; background-size:cover; }
.feed_barrel_box{position:relative; z-index:2; padding:15px 20px 10px; width:100%; min-height:310px; background-color:#fff; border-radius:20px; box-shadow:2px 2px 5px rgba(100,100,100,0.2); box-sizing:border-box;}
.feed_barrel_box select{line-height:1.4; border:none; font-size:20px; font-weight:400; }
.feed_barrel{position:relative; z-index:2; margin:0 auto; padding-bottom:42px; width:75px; height:184px; box-sizing:border-box; }
.feed_barrel.c-black .number, .feed_barrel.c-black .number strong{color:#000;}
.feed_barrel img{position:relative; z-index:4; }
.feed_barrel .water{position:absolute; left:0; bottom:42px; z-index:3; width:100%; height:142px; display:block; content:""; box-sizing:border-box;}
.feed_barrel .water span{position:absolute; left:0; bottom:0; width:100%; height:50%; display:block; background-color:#aacd6e; }
.feed_barrel .number{position:absolute; left:0; top:80px; z-index:4; width:100%; text-align:center; font-size:20px; color:#555; font-weight:400; }
.feed_barrel .number strong{font-size:20px; color:#555; font-weight:400;}
.feed_barrel_box .name{padding-top:10px; text-align:center; overflow:hidden;}
.feed_barrel_box .name .txt_1{margin-bottom:10px; font-size:12px; color:#666;}
.feed_barrel_box .name .txt_2{line-height:1; font-size:20px; color:#000; font-weight:400;}
.feed_barrel_box .name .txt_2 span{margin-top:2px; line-height:1; display:inline-block; font-size:16px; font-weight:300; vertical-align:top;}
.feed_barrel_box .slick-dots{position:absolute; left:0; bottom:-26px; width:100%; text-align:center; }
.feed_barrel_box .slick-dots li{margin:0 5px; display:inline-block; vertical-align:top; }
.feed_barrel_box .slick-dots li button{width:12px; height:12px; background-color:#fff; display:block; border-radius:50%; text-indent:-9999px;}
.feed_barrel_box .slick-dots li.slick-active button{background-color:#a5a498;}

.container{margin-top:-34px; padding:80px 20px 20px; background-color:#e7e6da;}

.title_style_1{margin-bottom:13px; font-size:18px; font-weight:400; color:#000; }
.title_style_2{margin-bottom:5px; line-height:1; font-size:20px; font-weight:400; color:#000; }

.facility_control>li{float:left; margin-bottom:8px; padding:10px 12px; width:48.8%; height:96px; background-color:#fff; border-radius:10px; box-sizing:border-box; }
.facility_control>li:nth-child(2n){float:right;}
.facility_control>li h2{margin-bottom:10px; font-size:12px; }
.facility_control>li .txt_area{text-align:Right; }
.facility_control>li span{font-size:13px; font-weight:400;}
.facility_control>li .switch{margin-top:8px; }
.facility_control>li.disposal h2{margin-bottom:0; }
.facility_control>li.disposal .btn_area{padding-left:8px; float:right; max-width:50px; text-align:right;}
.facility_control>li.disposal .btn_area button{margin-bottom:2px; width:50px; 20px; line-height:20px; background-color:#d2d2d2; text-align:center; border-radius:20px; color:#ff; font-size:12px; color:#fff; }
.facility_control>li.disposal .btn_area button.on{background-color:#000;}
.facility_control>li.icon_6 .btn_area{margin-top:10px; width:100%; display:block;  text-align:right; box-sizing:border-box;}
.facility_control>li.icon_6 .btn_area button{margin-bottom:2px; width:50px; height:20px; line-height:20px; background-color:#d2d2d2; text-align:center; border-radius:20px; color:#ff; font-size:12px; color:#fff; }
.facility_control>li.icon_6 .btn_area button.on{background-color:#000;}
.facility_control>li .button_type{float:right; margin-top:0; max-width:50px; width:100%; display:block;  text-align:right; box-sizing:border-box;}
.facility_control>li .button_type button{margin-bottom:2px; width:50px; height:20px; line-height:20px; background-color:#d2d2d2; text-align:center; border-radius:20px; color:#ff; font-size:12px; color:#fff; }
.facility_control>li .button_type button.on{background-color:#000;}

.el-switch .el-switch-style{width:50px; height:20px; }
.el-switch .el-switch-style:before{left:-1px; top:-1px; width:22px; height:22px; border:1px solid #ccc; }
.el-switch > input[type="checkbox"]:checked + .el-switch-style:before{left:58%; width:22px;}
.el-switch > input[type="checkbox"]:checked + .el-switch-style{background-color:#000;}
.facility_control>li.icon_1{background:url(../img/Facilities_icon1_off.png) no-repeat left 24px bottom 16px #fff; background-size:40px;} 
.facility_control>li.icon_2{background:url(../img/Facilities_icon2_off.png) no-repeat left 26px bottom 20px #fff; background-size:35px;} 
.facility_control>li.icon_3{background:url(../img/Facilities_icon3_off.png) no-repeat left 24px bottom 22px #fff; background-size:37px;} 
.facility_control>li.icon_4{background:url(../img/Facilities_icon4_off.png) no-repeat left 24px bottom 22px #fff; background-size:28px;} 
.facility_control>li.icon_5{background:url(../img/Facilities_icon5_off.png) no-repeat left 13px bottom 25px #fff; background-size:48px;} 
.facility_control>li.icon_6{background:url(../img/Facilities_icon6_off.png) no-repeat left 24px bottom 22px #fff; background-size:45px;} 
.facility_control>li.icon_7{background:url(../img/Facilities_icon7_off.png) no-repeat left 24px bottom 22px #fff; background-size:38px;} 
.facility_control>li.icon_8{background:url(../img/Facilities_icon8_off.png) no-repeat left 24px bottom 22px #fff; background-size:40px;} 
.facility_control>li.icon_9{background:url(../img/Facilities_icon9_off.png) no-repeat left 20px bottom 22px #fff; background-size:35px;} 
.facility_control>li.icon_1.on{background:url(../img/Facilities_icon1_on.png) no-repeat left 24px bottom 16px #fff; background-size:40px;} 
.facility_control>li.icon_2.on{background:url(../img/Facilities_icon2_on.png) no-repeat left 26px bottom 20px #fff; background-size:35px;} 
.facility_control>li.icon_3.on{background:url(../img/Facilities_icon3_on.png) no-repeat left 24px bottom 22px #fff; background-size:37px;} 
.facility_control>li.icon_4.on{background:url(../img/Facilities_icon4_on.png) no-repeat left 24px bottom 22px #fff; background-size:28px;} 
.facility_control>li.icon_5.on{background:url(../img/Facilities_icon5_on.png) no-repeat left 13px bottom 25px #fff; background-size:48px;} 
.facility_control>li.icon_6.on{background:url(../img/Facilities_icon6_on.png) no-repeat left 24px bottom 22px #fff; background-size:45px;} 
.facility_control>li.icon_7.on{background:url(../img/Facilities_icon7_on.png) no-repeat left 24px bottom 22px #fff; background-size:38px;} 
.facility_control>li.icon_8.on{background:url(../img/Facilities_icon8_on.png) no-repeat left 24px bottom 22px #fff; background-size:40px;} 
.facility_control>li.icon_9.on{background:url(../img/Facilities_icon9_on.png) no-repeat left 20px bottom 22px #fff; background-size:40px;} 
.copyright{padding-bottom:22px; text-align:center; background-color:#e7e6da; font-size:11px; color:#9a9a9a; font-size:11px;}
.facility_control.multiple li .multiple_btn{position:relative; padding:10px 12px; width:100%; height:96px; display:block; box-sizing:border-box;}
.facility_control.multiple li.multiple_li{position:relative; padding:0; }
.facility_control.multiple li h2{text-align:left; }

.feed_barrel_box .one .top_time{padding:58px 0 10px; text-align:center;  background:url(../img/icon_time.jpg) no-repeat center 0; background-size:34px;}
.feed_barrel_box .one .top_time span{font-size:20px; color:#000;vertical-align:middle; line-height:1; }
.feed_barrel_box .one .top_time strong{font-size:31px; font-weight:400; vertical-align:middle; line-height:1;}
.feed_barrel_box .one .top_time strong.bar{padding-left:26px; background:url(../img/time_bar.gif) no-repeat 0 center;  background-size:23px;}
.feed_berrel_tb{border-top:1px solid #ddd; }
.feed_berrel_tb td{padding:5px 0; text-align:center; border-bottom:1px solid #ddd; font-size:12px; font-weight:400; }
.feed_berrel_tb td span{padding:2px 10px; display:inline-block; border-radius:20px; }
.feed_berrel_tb .on td{background-color:#f8f8f8; color:#f92525;}
.feed_berrel_tb .on td span{background-color:#fff; }

.feed_barrel.three{margin:0 auto;  width:62px; height:152px; }
.feed_barrel_list{text-align:center; }
.feed_barrel_list>div{display:inline-block; width:32%; padding-bottom:35px;}
.feed_barrel.three .water{height:117px;}
.feed_barrel.three .number{top:70px; font-size:16px; line-height:1; }
.feed_barrel.three .water{bottom:35px;}
.feed_barrel.three .name{padding-top:20px; }
.feed_barrel.three .multiple-items{padding-top:10px; }
.feed_barrel.red .water span{background-color:#ffa37a;}
/*
.feed_barrel_box.three .slick-arrow{position:absolute; left:-15px; top:75px; width:16px; height:32px; display:inline-block; text-indent:-9999px;}
.feed_barrel_box.three .slick-prev{background:url(../img/rolling_prev.png) no-repeat center center; background-size:16px;}
.feed_barrel_box.three .slick-next{left:auto; right:-15px; background:url(../img/rolling_next.png) no-repeat center center; background-size:16px;}
*/
.feed_barrel.three .name .txt_2{font-size:15px;}

.feed_barrel_box .ten_wrap .list{float:left; width:20%; }
.feed_barrel.ten{padding-bottom:23px; width:42px; height:103px; box-sizing:border-box;}
.feed_barrel.ten .water{bottom:23px; height:80px;}
.feed_barrel.ten .water img{width:42px; height:80px; }
.feed_barrel.ten .number{top:45px; font-size:12px;}
.feed_barrel.ten .number strong{font-size:12px;}
.feed_barrel_box .ten_wrap  .name .txt_1{margin-bottom:2px; font-size:11px;}
.feed_barrel_box .ten_wrap  .name .txt_2{font-size:12px;}
.feed_barrel_box .ten_wrap  .name{padding-top:5px; height:46px;}

/*gnb*/
.gnb_wrap{position:fixed; left:-120%; top:0; bottom:0; width:100%; height:100%; z-index:20; background-color:#fff; overflow:auto; text-align:left; }
.gnb_wrap .inner{position:relative; }
.gnb_top{padding:20px 0; background-color:#e7e6da;}
.gnb_top .home{margin-bottom:35px; padding:0 20px;}
.gnb_top .home img{width:16px;}
.gnb_top .name{margin-bottom:10px; padding:0 20px; font-size:16px; color:#333; font-weight:400;}
.gnb_top .last_time{margin-bottom:30px; padding:0 20px; font-size:13px; color:#666; font-weight:200;}
.gnb_top ul li{float:left; width:25%; text-align:center; }
.gnb_top ul li img{width:48px;}
.gnb_top ul li .txt{padding-top:5px; height:45px; display:block; box-sizing:border-box; font-size:12px; font-weight:400;}
.gnb_btm{padding:15px 30px; }
.gnb_btm ul{margin-bottom:50px;}
.gnb_btm ul li a{padding:15px 15px 15px 30px;  display:block; font-size:15px; }
.gnb_btm ul li .icon_new{width:14px;}
.gnb_btm ul li.icon_1 a{background:url(../img/gnb_icon_15.png) no-repeat 0 center; background-size:17px;}
.gnb_btm ul li.icon_2 a{background:url(../img/gnb_icon_16.png) no-repeat 0 center; background-size:17px;}
.gnb_btm ul li.icon_3 a{background:url(../img/gnb_icon_17.png) no-repeat 0 center; background-size:17px;}
.gnb_btm ul li.icon_4 a{background:url(../img/gnb_icon_18.png) no-repeat 0 center; background-size:17px;}
.gnb_btm ul li.icon_5 a{background:url(../img/gnb_icon_19.png) no-repeat 0 center; background-size:17px;}
.gnb_btm ul li.icon_6 a{background:url(../img/gnb_icon_20.png) no-repeat 0 center; background-size:17px;}
.gnb_copyright{font-size:11px; color:#999; font-weight:400; }
.gnb_close{position:absolute; right:20px; top:20px; }
.gnb_close img{width:17px;}

/*온도계*/
.thermometer_box{height:auto; }
.thermometer{position:relative; margin:0 auto; padding-bottom:39px; width:59px; height:123px; box-sizing:border-box; overflow:hidden;}
.thermometer img{position:relative; z-index:2; }
.thermometer .level{position:absolute; left:0; bottom:39px; z-index:1; width:100%; height:73px; display:block; }
.thermometer .level span{position:absolute; left:0; bottom:0; width:100%; height:0;background-color:#a8cc6b; display:block;  text-indent:-9999px;}
.thermometer_box .title_style_2{margin-bottom:15px; }
.thermometer_box .name .txt_1{margin-bottom:20px; font-size:13px; color:#666;}
.thermometer_box .name .txt_2 span{line-height:1; vertical-align:middle; display:inline-block; }
.thermometer_box .name .txt_2 span.thermometer_num strong{font-size:37px; font-weight:500; color:#000;}
.thermometer_box .name .txt_2 span.thermometer_num sup{font-size:18px; }
.thermometer_box .name .txt_2 span.humidity{position:relative; margin-left:33px; padding-left:26px; background:url(../img/icon_humidity.png) no-repeat 0 center; background-size:15px; font-size:32px; color:#7fb9db;}
.thermometer_box .name .txt_2 span.humidity sub{vertical-align:bottom; font-size:20px; }
.thermometer_box .name .txt_2 span.humidity:before{position:absolute; left:-29px; top:0; width:23px; height:38px; background:url(../img/time_bar.gif) no-repeat center center; background-size:23px;  display:block; content:"";}
.humidity_box{ padding-top:1px; height:1px; overflow:hidden; box-sizing:border-box;
ws-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.humidity_box.on{margin-bottom:55px; height:auto; }
.humidity_box ul li{float:left; position:relative; padding-top:122px; width:16.66%; text-align:center; }
.humidity_box ul li img{width:20px;}
.humidity_box ul li .percent{position:absolute; left:0; top:30%; width:100%; text-align:center; font-size:12px; color:#676b6d;  font-weight:400; }
.humidity_box ul li .percent.c-blue{color:#7fb9db; }
.humidity_box ul li .percent:after{margin:0 auto; width:7px; height:7px; box-sizing:border-box; border:2px solid #7fb9db; border-radius:50%; display:block; content:"";}
.humidity_box ul li .time{padding-top:10px; text-align:center; }
.humidity_box ul li .time span{padding:5px 10px; display:inline-block; font-size:12px; color:#888e90; }
.humidity_box ul li.now .time span{background-color:#7fb9db; color:#fff; border-radius:20px; }
.thermometer_box .three .list{float:left; width:33.33%; }
.thermometer_box .three .name .txt_1{margin-bottom:5px; font-size:12px;}
.thermometer_box .three .name .txt_2 span.thermometer_num{margin-bottom:5px; display:block;}
.thermometer_box .three .name .txt_2 span.thermometer_num strong{font-size:25px;}
.thermometer_box .three .name .txt_2 span.thermometer_num sup {font-size:12px; }
.thermometer_box .three .name .txt_2 span.humidity{display:inline-block; padding-left:18px; font-size:18px; margin-left:0; background-size:10px;}
.thermometer_box .three .name .txt_2 span.humidity:before{display:none;}
.thermometer_box .three .name .txt_2 span.humidity sub{font-size:13px;}
.thermometer_ten{max-height:560px; overflow:auto;}
.thermometer_ten .list{float:left; width:25%;}
.thermometer_ten .thermometer{padding-bottom:26px; width:40px; height:83px;}
.thermometer_ten .level{bottom:26px; height:53px;}
.thermometer_ten .name{height:75px; }
.thermometer_ten .name .txt_1{font-size:11px; margin-bottom:5px; }
.thermometer_ten .name .txt_2 span.thermometer_num{display:block; }
.thermometer_ten .name .txt_2 span.thermometer_num strong{font-size:20px; }
.thermometer_ten .name .txt_2 span.humidity{margin-left:0; padding-left:12px; background-size:7px;  font-size:14px; }
.thermometer_ten .name .txt_2 span.humidity:before{display:none;}
.thermometer_ten .name .txt_2 span.humidity sub{font-size:10px; }
.thermometer_ten .name .txt_2 span.thermometer_num sup{font-size:10px;}

.page_top_area{position:relative; padding:20px; }
.page_top_area .btn_delete{position:absolute; right:20px; top:20px; }
.page_top_area .btn_delete img{width:18px; }
.page_top_area .btn_back a{display:inline-block; vertical-align:middle; }
.page_top_area .btn_back img{width:18px; }
.page_top_area h1{margin-left:15px; display:inline-block; font-size:18px; color:#1d1d1d;  vertical-align:middle; }
.user_container{padding:20px; }
.title_style_3{margin-bottom:20px; font-size:16px; color:#1d1d1d; font-weight:500; }
.user_info th{padding:8px 0; width:82px; text-align:left; font-weight:300; font-size:13px; color:#403c3b;}
.user_info td{padding:8px 0; font-size:13px; color:#403c3b;}

/*alarm_list*/
.alarm_list.bd_top{padding-bottom:30px; border-top:1px solid #e2e2e2;}
.alarm_list li{padding:10px 20px; }
.alarm_list li.all_check{padding:20px; border-bottom:1px solid #e2e2e2;}
.alarm_list li:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.alarm_list li .title{float:left; display:block; }
.alarm_list li .btn_area{float:right; display:block; }
.alarm_list li .btn_area .txt{float:left; margin-right:10px; font-size:13px; color:#403c3b;}
.alarm_list li .btn_area .switch{float:left; }
.alarm_list .el-switch .el-switch-style{width:48px; height:26px; background-color:#fff; border:1px solid#949494; box-sizing:border-box;}
.alarm_list .el-switch .el-switch-style:before{left:2px; top:2px; width:20px; height:20px; box-sizing:border-box;}
.alarm_list .el-switch > input[type="checkbox"]:checked + .el-switch-style{background-color:#8fbc47; border:1px solid #8fbc47;}
.alarm_list  .el-switch > input[type="checkbox"]:checked + .el-switch-style:before{left:54%; width:20px; }
.alarm_list li.last_notice{margin-top:5px;  padding-top:15px; border-top:1px solid #e2e2e2;}
.alarm_wrap{padding:20px 0; }

/*basic_info*/
.basic_info{background-color:#e5e5e5;}
.basic_info .box{margin-bottom:7px; padding:20px; background-color:#fff; }
.basic_info h2{margin-bottom:15px; font-size:16px; color:#1d1d1d; font-weight:500;}
.basic_info .title_area{position:relative; }
.basic_info .title_area .right_btn{position:absolute; right:0;  top:0; }
.tb_style_1 th{padding:10px 0; text-align:left; font-size:13px; color:#403c3b; font-weight:300;}
.tb_style_1 td{padding:10px 0; font-size:13px; color:#403c3b; font-weight:300;}
.tb_style_1 td select{width:100%; height:36px; line-height:34px; }
.tb_style_2 th{padding:8px 0; text-align:center; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-size:13px; color:#444; font-weight:300;}
.tb_style_2 td{padding:8px 0; text-align:center; font-size:13px; color:#444;}
.tb_style_2 .txt_l{padding-left:5px; }
.tb_style_2 .txt_l input[type=text]{width:100%; }
.tb_style_2 .btn_area:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.price_info_tb td{padding:4px 0; }
.price_info_tb th{padding:4px 0; }

/*btn*/
.basic-btn01{width:33px; height:22px; line-height:22px; text-align:center; display:inline-block; vertical-align:top; border-radius:3px; box-sizing:border-box; font-weight:300;}
.basic-btn01.btn-gray-bd{line-height:20px;}
.basic-btn02{width:100%; height:36px; line-height:36px; text-align:center; display:inline-block; vertical-align:top; font-weight:400; border-radius:3px; }
.btn-gray-bd{border:1px solid #b7b7b7; background-color:#fff; font-size:12px; color:#403c3b;}
.btn-black-bg{color:#fff; background-color:#000; }
.btn-green-bg{background-color:#8fbc47; color:#fff;}
.btn-green-bd{border:1px solid #8fbc47; color:#8fbc47;}
.btn-gray-bg{background-color:#eee; border:1px solid #ccc; }
.btn_plus{padding:0 10px; border:1px solid #ccc; border-radius:3px; }
.btn_plus span{padding-left:13px; line-height:22px; display:inline-block; background:url(../img/btn_plus.gif) no-repeat 0 center; background-size:8px; color:#403c3b; }

/*온습도 통계*/
.temperature_container{background-color:#e5e5e5;}
.temperature_container .box{margin-bottom:7px; padding:20px; background-color:#fff; }
.temperature_container .top_area{margin-bottom:15px; }
.temperature_container .top_area .left_area{float:left; padding-top:5px; }
.temperature_container .top_area .left_area li{float:left; margin-right:10px; }
.temperature_container .top_area .right_area{float:right;}
.temperature_container .top_area .right_area li{float:left; margin-left:2px; }
.temperature_container .top_area .right_area li button{width:48px; height:30px; line-height:28px;  border:1px solid #bbb; text-align:center; color:#403c3b; border-radius:3px; }
.temperature_container .top_area .right_area li.on button{background-color:#8fbc47; color:#fff;}
.temperature_container .list li{margin-bottom:6px; }
.temperature_container .list select{width:100%; height:38px; line-height:36px; }
.temperature_container .title_1{margin-bottom:30px; font-size:16px; font-weight:400;}
.temperature_container .title_1 span{margin:2px 0 0 10px; display:inline-block; font-size:13px; color:#000; vertical-align:top; }
.temperature_container .title_2{margin-bottom:15px; color:#403c3b;}
.temperature_container .title_2 span{vertical-align:top;}
.c-red{color:#eb132d !important;}
.temperature_container .graph_area{margin-bottom:20px; }
.temperature_container .graph_area img{width:100%;}
.temperature_container .list_2 li{position:relative; margin-bottom:2px; padding:8px 0 8px 100px; min-height:32px; box-sizing:border-box; background-color:#f6f6f6; color:#403c3b;}
.temperature_container .list_2 li .title{position:absolute; left:0; top:8px; padding-left:13px; width:100px; box-sizing:border-box; }
.temperature_container .list_2 li.average{background-color:#e0e0e0; }
.temperature_container .list_2 li.average .title{font-weight:500; color:#000;}
.temperature_container .list_2 li.average strong{font-weight:500;}


/*icheck*/
.icheckbox_minimal{display:inline-block; *display:inline;zoom:1; vertical-align:middle; margin:0; padding:0; width:16px; height:16px; background:url(../img/checkbox_off.gif) no-repeat 0 0; background-size:16px; border:none; cursor:pointer;}
.icheckbox_minimal.checked{background:url(../img/checkbox_on.gif) no-repeat 0 0; background-size:16px;}
.iradio_minimal{display:inline-block; *display:inline;zoom:1; vertical-align:middle; margin:0; padding:0; width:19px; height:19px; background:url(../img/radio_off.png) no-repeat; background-size:19px; border:none; cursor:pointer;}
.iradio_minimal.checked{background:url(../img/radio_on.png) no-repeat; background-size:19px;}

/*설비관리*/
.facilities_container{padding-top:8px; background-color:#e5e5e5;}
.facilities_container .box{position:relative; margin-bottom:8px; padding:20px;  background-color:#fff;}
.facilities_container h2{padding-left:30px; min-height:26px; }
.facilities_container h2.icon_1{background:url(../img/facilities_icon_1.jpg) no-repeat 0 0; background-size:20px; }
.facilities_container h2.icon_2{background:url(../img/facilities_icon_2.jpg) no-repeat 0 0; background-size:20px; }
.facilities_container h2.icon_3{background:url(../img/facilities_icon_3.jpg) no-repeat 0 0; background-size:21px; }
.facilities_container h2.icon_4{background:url(../img/facilities_icon_4.jpg) no-repeat 0 0; background-size:20px; }
.facilities_container h2.icon_5{background:url(../img/facilities_icon_5.jpg) no-repeat 0 0; background-size:24px; }
.facilities_container h2.icon_6{background:url(../img/facilities_icon_6.jpg) no-repeat 0 0; background-size:20px; }
.facilities_container table{border-bottom:1px solid #ccc;}
.facilities_container th{padding:10px 0; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:300;}
.facilities_container td{padding:10px 0; text-align:center; font-weight:300;}
.facilities_container td.bd_right{background-color:#e0e0e0;}
.facilities_container tr:nth-child(2n) td{background-color:#f6f6f6;}
.facilities_container .btn_slideUp{position:absolute; right:20px; top:20px; width:22px; height:22px; display:block; background:url(../img/icon_slideup.gif) no-repeat center center; background-size:22px; }
.facilities_container .inner{padding-top:12px;}
.facilities_container .box.slideDown .btn_slideUp{background:url(../img/icon_slidedown.gif) no-repeat center center; background-size:22px; }

/*popup*/
.popup{position:fixed; left:0; top:0; bottom:0; z-index:30; width:100%; height:100%; background:rgba(0,0,0,0.3); display:none;}
.popup_wrap{position:fixed; left:50%; top:50%; width:80%; max-height:90vh; transform: translate(-50%, -50%); background-color:#fff; overflow:auto; border-radius:10px; box-sizing:border-box; box-shadow:3px 2px 5px rgba(0,0,0,0.4);}
.popup-content{position:relative; padding:20px; }
.popup-content h1{margin-bottom:25px; padding-left:26px; background:url(../img/icon_setting.gif) no-repeat 0 0; background-size:18px; font-size:16px; font-weight:400; }
.ventilation_popup_1 .list_1{border:1px solid #8fbc47; border-radius:5px; }
.ventilation_popup_1 .list_1 li{float:left; width:50%; }
.ventilation_popup_1 .list_1 li:first-child button{border-left:none;}
.ventilation_popup_1 .list_1 li button{width:100%; height:34px; line-height:34px; border-left:1px solid #8fbc47; display:block; font-weight:400; color:#85af41;}
.ventilation_popup_1 .list_1 li.on button{background-color:#85af41;color:#fff; }
.ventilation_popup_1 .list_2 li{float:left; width:48.2%; box-sizing:border-box;}
.ventilation_popup_1 .list_2 li:nth-child(2n){float:right;}
.ventilation_popup_1 .list_2 li .title{padding-top:16px; height:40px; display:block; box-sizing:border-box; color:#403c3b; }
.ventilation_popup_1 .list_2 li input[type=text]{width:100%; height:36px; line-height:34px; border-radius:5px; text-align:center; }
.ventilation_tabCont .progress_area{padding:30px 20px 0; }
.ventilation_tabCont>div{padding-top:1px; height:1px; box-sizing:border-box; overflow:hidden;}
.ventilation_tabCont>div:first-child{padding-top:0; height:auto; overflow:visible;}
.ventilation_tabCont .ventilation_list{padding-top:15px;}
.ventilation_tabCont .ventilation_list ul li{float:left; margin:0 1.64% 5px 0; width:15.3%;}
.ventilation_tabCont .ventilation_list ul li:nth-child(6n){margin-right:0; }
.ventilation_tabCont .ventilation_list ul li button{width:100%; height:36px; line-height:34px; border:1px solid #ddd; border-radius:5px; text-align:center; font-size:12px; color:#403c3b; display:block; }
.ventilation_tabCont .ventilation_list ul li.on button{background-color:#8fbc47; color:#fff; font-weight:500; }
.popup_wrap .btn_area{padding:16px 20px; background-color:#ededed; border-radius:0 0 10px 10px;}
.basic-btn03{float:left; width:48.2%; height:36px; line-height:36px;  display:block; text-align:center; box-sizing:border-box; border-radius:4px; }
.basic-btn03:nth-child(2n){float:right;}
.popup-close{position:absolute; right:20px; top:20px;}
.popup-close img{width:18px;}
.ventilation_popup_1 .list_3{padding-top:30px;}
.ventilation_popup_1 .list_3 li{float:left; margin-bottom:10px; width:48.2%; }
.ventilation_popup_1 .list_3 li:nth-child(2n){float:right;}
.ventilation_popup_1 .list_3 li button{width:100%; height:36px; line-height:34px; border:1px solid #ddd; border-radius:5px; text-align:center; color:#403c3b; }
.ventilation_popup_1 .list_3 li.on button{background-color:#8fbc47; color:#fff;}
.popup-content .list li{position:relative; padding:2px 0 2px 90px; box-sizing:border-box; }
.popup-content .list li .title{position:absolute; left:0; top:2px; line-height:36px; }
.popup-content .list li input[type=text]{width:100%; height:36px; line-height:34px; border-radius:5px; }
.popup-content .list li select{width:100%; height:36px; line-height:34px; border-radius:5px; }
.popup-content .list li input[type="text"]:disabled{background-color:#f3f3f3;}
.popup-content .list li.type_1{padding-left:0; }
.popup-content .list li.type_1 .title{position:Relative; left:0; top:0; }
.popup-content .list li.type_1 input{margin-top:5px; }


/*개체등록*/
.tab_style_1{padding:12px 0; border-top:1px solid #ddd; text-align:center; }
.tab_style_1 li{position:relative; padding:0 20px; display:inline-block; }
.tab_style_1 li:after{position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background-color:#ddd; display:block; content:"";}
.tab_style_1 li:first-child:after{display:none;}
.tab_style_1 li.on a{color:#8fbc47; font-weight:400; }
.object_container{padding-top:8px; background-color:#e5e5e5;}
.object_container .box{position:relative; padding:20px; box-sizing:border-box; background-color:#fff; }
.object_container .search{position:relative; padding-right:45px; margin-bottom:40px;}
.object_container .search .btn_search{position:absolute; right:0; top:0; }
.object_container .search .btn_search img{width:40px;}
.object_container .search input[type=text]{width:100%; height:37px; line-height:35px; border-radius:5px; }
.object_container table{margin-bottom:45px; border-top:1px solid #ddd; }
.object_container h2{margin-bottom:20px; font-size:16px; font-weight:500;}
.object_container th{padding:10px 0 10px 5px; background-color:#f5f5f5;  border-bottom:1px solid #ddd; font-weight:300; text-align:left; }
.object_container td{padding:10px 5px;  border-bottom:1px solid #ddd; }
.object_container td span{margin-right:8px; }
.object_container td.icon_calendar{padding-right:40px; background:url(../img/icon_calendar.gif) no-repeat right 12px center; background-size:18px;}
.object_container td .left_txt{float:left;padding-top:5px; }
.object_container td .right_btn{float:right;}
.object_container .tb_style_1 th{padding:10px 0; text-align:center; border-top:1px solid #ccc; background-color:#fff;  border-bottom:1px solid #ccc; font-weight:300;}
.object_container .tb_style_1 td{padding:10px 0; text-align:center; border-bottom:none; font-weight:300;}
.object_container .tb_style_1 tr:nth-child(2n) td{background-color:#f6f6f6;}

.basic-btn04{padding:5px 12px; display:inline-block; border-radius:3px; }
.date_wrap{margin-bottom:20px; }
.date_wrap .date{float:left; width:100%; }
.date_wrap>span{float:left; width:8%; line-height:36px; text-align:center; }
.date_wrap .datepicker{padding-right:40px; width:100%; height:36px; line-height:34px; background:url(../img/icon_calendar.gif) no-repeat right 12px center;  background-size:18px; border-radius:4px; box-sizing:border-box;}

.object_management.one{position:relative; z-index:2; padding:15px 20px; width:100%; background-color:#fff; border-radius:20px; box-shadow:2px 2px 5px rgba(100,100,100,0.2); box-sizing:border-box;}
.object_management .top_time{margin-bottom:10px; padding-top:50px; background:url(../img/object_img.jpg) no-repeat center 0; background-size:39px; text-align:center; }
.object_management .top_time span{padding-top:5px; vertical-align:top; display:inline-block;  font-size:20px; }
.object_management .top_time strong{margin-left:50px; vertical-align:top; display:inline-block; font-size:31px; font-weight:400; }
.object_management .feed_berrel_tb{margin-bottom:25px; }
.object_management .feed_berrel_tb td{padding:10px 0; }
.object_management .btn_area li{float:left; padding:0 6px;  width:33.33%; box-sizing:border-box; }

.level_sensor_container{padding-top:8px; background-color:#e5e5e5;}
.level_sensor_container .box{padding:20px; background-color:#fff; }

.calendar_area{padding:35px 20px; background-color:#f2f2f2;}
.calendar_top{position:Relative; margin-bottom:20px; text-align:center;  }
.calendar_top .top_today span{margin:0 8px; display:inline-block; font-size:16px; font-weight:500; color:#000;}
.calendar_top .top_today button{display:inline-block; }
.calendar_top .top_today button img{width:10px; }
.calendar_top .info{position:absolute; right:0; top:-3px;}
.calendar_top .info li{position:relative; padding-left:15px; line-height:1; }
.calendar_top .info li:before{position:absolute; left:0; top:3px; width:8px; height:8px; display:block; content:""; border-radius:2px; }
.calendar_top .info li.purple_square:before{background-color:#9e9fd3;}
.calendar_top .info li.red_square:before{background-color:#ff5575;}
.calendar_top .info li span{font-size:10px; color:#403c3b; }
.calendar_table{background-color:#fff; border-radius:10px; overflow:hidden;}
.calendar_table th{padding:10px 0; text-align:center; font-size:12px;  font-weight:300;}
.calendar_table th.c-red{color:#e73e3e;}
.calendar_table td{height:80px; vertical-align:top;padding:5px; text-align:center; border-top:1px solid #ddd; }
.calendar_table td .day{margin-bottom:5px; font-size:11px; color:#403c3b;  display:block; }
.calendar_table td .day.c-red{color:#e73e3e;}
.calendar_table td  ul li{padding:3px;  display:block; font-size:10px; color:#fff; border-radius:3px; }
.calendar_table td  ul li.purple{background-color:#9e9fd3;} 
.calendar_table td  ul li.red{background-color:#ff5575;} 
.calendar_table td .today{width:18px; height:18px; line-height:18px; background-color:#8fbc47; border-radius:50%; color:#fff; }
.calendar_table td.prev_month .day{opacity:0.5;}

.notice_container{padding-bottom:20px; }
.notice_container ul li{border-bottom:1px solid #ddd; }
.notice_container ul li.on .question{background:url(../img/notice_arrow_up.gif) no-repeat right 14px top 20px; background-size:11px;}
.notice_container .question{padding:15px 33px 15px 20px; color:#403c3b; background:url(../img/notice_arrow.gif) no-repeat right 14px top 20px; background-size:11px;}
.notice_container .question .icon_new{width:14px;}
.notice_container .question .date{padding-top:5px; display:block; color:#767271; font-size:10px; }
.notice_container .answer{padding:8px 20px 20px; font-size:13px; color:#777; display:none;}

/*알림*/
.alarm_popup .icon_alarm{background:url(../img/icon_alarm.jpg) no-repeat 0 center; background-size:16px; }
.alarm_popup .pop_logo_area{margin-bottom:30px; text-align:center; }
.alarm_popup .pop_logo_area img{width:130px; }
.alarm_popup  .txt_area strong{display:block; font-weight:500; }
.alarm_popup  .txt_area{font-size:15px; text-align:center; }

/*차트*/

.line {
  fill: none;
  stroke-width: 0;
}

/*intro*/
.intro_wrap{position:relative; padding-bottom:40px; height:100vh; text-align:center; box-sizing:border-box; }
.intro_logo{position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); margin-top:-20px;
ws-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.intro_logo.on{margin-top:0;}
.intro_logo img{width:208px;}
.intro_copyright{position:absolute; left:0; bottom:25px; width:100%; font-size:11px; color:#9b9b9b; }

/*차트*/

.line {
  fill: none;
  stroke-width: 0;
}

.toolTip {
  margin: 0;
  position: absolute;
  border: 1px solid gray;
  border-radius: 5px 5px 5px 5px;
  background: white;
  padding: 10px;
  opacity: 1;
  box-shadow: 6px 4px 8px 0px rgba(0, 0, 0, 0.3);
}

.toolTip span {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 5px;
}
.toolTip p {
  margin: 5px;
}

.area_chart .domain {
  stroke-width: 0;
}

.area_chart .axis--y .tick line {
  stroke-opacity: 0.7;
  stroke-width: 2;
  stroke: lightgray;
  shape-rendering: crispEdges;
  transform: translate(5px, 0);
}
.area_chart .axis--x .tick line {
  stroke-opacity: 0.7;
  stroke-width: 2;
  stroke: lightgray;
  shape-rendering: crispEdges;
  transform: translate(5px, 0);
}

.overlay {
  fill: none;
  pointer-events: all;
}

.hover-line {
  stroke: #b74779;
  stroke-width: 2px;
  stroke-dasharray: 3, 3;
}

.humidity_box ul{position:Relative; padding-bottom:44px; background-color:#d2dbdf;}
.humidity_box ul:before{position:absolute; z-index:1; width:100%; height:149px; background:url(../img/humidity_bg.gif) repeat-x 0 0; background-size:auto 149px; box-sizing:border-box; display:block; content:"";}
.humidity_box ul li{position:Relative; z-index:2;  float:left; width:16.66%; text-align:center; }
.humidity_box ul li .number{position:absolute; left:0; bottom:0; padding-bottom:30px; width:100%; height:60px; font-size:12px; color:#676b6d; }
.humidity_box ul li .number span{position:absolute; left:0; bottom:0; width:100%; }
.humidity_box ul li .number b{font-weight:300;}
.humidity_box ul li .number span:after{margin:2px auto 0; width:6px; height:6px; box-sizing:border-box; display:block; border:2px solid #7fb9db; border-radius:50%; content:"";}
.humidity_box ul li .number .inner{position:relative;  height:60px; }
.humidity_box ul li .cup{position:relative; margin:0 auto; width:20px; height:27px; }
.humidity_box ul li .cup img{position:Relative; z-index:2;  }
.humidity_box ul li .cup span{position:absolute; left:0; bottom:0; z-index:1; width:100%; height:0; background-color:#afe0f3; display:block; content:"";}
.humidity_box ul li .time{position:absolute; left:0; bottom:-34px; width:100%; }
.humidity_box ul li .time span{padding:0; width:40px; height:24px; line-height:24px;  display:inline-block;  font-size:12px; border-radius:20px; }
.humidity_box ul li.on .time span{background-color:#7fb9db; color:#fff; }
.humidity_box ul li.on .number{color:#7fb9db;}

.tab_style_2 li{float:left; width:33.33%; box-sizing:border-box;}
.tab_style_2 li button{width:100%; display:block; height:34px; line-height:34px; border:1px solid #ddd; border-left:none; font-size:12px; text-align:center;}
.tab_style_2 li:first-child button{border-left:1px solid #ddd; }
.tab_style_2 li.on{background-color:#8fbc47; }
.tab_style_2 li.on button{color:#fff;}
.temperature_container .list .title{display:block; font-size:14px; padding:5px 0 5px; color:#000}

.tb_style_3 thead th{padding:12px 0; text-align:center; font-weight:300; background-color:#e0e0e0; }
.tb_style_3 tbody th{padding:10px 0; text-align:center; border-bottom:1px solid #ddd; background-color:#f6f6f6; font-weight:300; }
.tb_style_3 tbody td{padding:10px; border-bottom:1px solid #ddd; }
.down_arrow{display:inline-block; padding-left:18px; background:url(../img/down_arrow.png) no-repeat 0 center; color:#1616b3;}
.up_arrow{display:inline-block; padding-left:18px; background:url(../img/up_arrow.png) no-repeat 0 center; color:#cb1010;}
.srch_cont>div{display:none;}
.srch_cont>div:first-child{display:block;}
.srch_cont2>div{display:none;}
.srch_cont2>div:first-child{display:block;}
.area_list li{float:left; margin-bottom:5px; width:49%; box-shadow:2px 2px 2px rgba(100,100,100,0.1);}
.area_list li:nth-child(2n){float:right;}
.area_list li a{width:100%; height:70px; border-radius:5px; border:1px solid #ddd; display:table; text-align:center;}
.area_list li a span{display:table-cell; vertical-align:middle; font-size:15px; }
.area_list li.on a{background-color:#8fbc47; color:#fff; }
.area_container{padding:20px; }
.area_container .map{margin:0 auto; width:320px; }

.calf_tb{border-top:1px solid #ddd;}
.calf_view_container .title_area{position:relative;}
.calf_view_container .title_area .right_btn{position:absolute; right:0; top:0;}
.calf_view_container .title_area h2{padding-left:0;}

.tb_style_4 table{border-bottom:1px solid #ccc;}
.tb_style_4 th{padding:10px 0; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:300;}
.tb_style_4 td{padding:10px 0; text-align:center; font-weight:300;}
.tb_style_4 td.bd_right{background-color:#e0e0e0;}
.tb_style_4 tr:nth-child(2n) td{background-color:#f6f6f6;}

.member_btn{margin-bottom:30px; padding:0 20px; font-size:13px; color:#666; font-weight:200;}
.member_btn a{margin-right:10px; width:100px; height:30px; line-height:30px; background-color:#fff; display:inline-block; border:1px solid #ddd; font-size:14px; border-radius:20px; text-align:center; }

.login_wrap{padding:70px 20px 40px; }
.login_logo{margin-bottom:30px; text-align:center;}
.login_logo img{width:205px; }
.login_wrap ul li{margin-bottom:10px; }
.login_wrap ul li input{width:100%; height:40px; line-height:0px; border-radius:4px; }
.login_wrap .btn_login{width:100%; height:45px; line-height:45px;  text-align:center; border-radius:4px; background-color:#8db44a; color:#fff;  border:none; font-size:16px; }
.login_wrap .copyright{position:absolute; left:0; width:100%; background-color:#fff; bottom:0; }
.join_go{padding-top:50px; text-align:center; }
.join_go a{font-size:15px; }
.join_wrap{padding:30px 20px 20px; border-top:8px solid #e5e5e5;}
.join_wrap ul li{margin-bottom:15px; }
.join_wrap ul li input{width:100%; height:40px; line-height:40px; border-radius:3px;  }
.join_wrap ul li label{margin-bottom:3px; display:block; font-size:14px; }
.join_wrap ul li label span{color:#ff0000;}
.join_wrap .title_style_1{margin-bottom:30px; text-align:center;; color:#8DB44A; font-weight:600; font-size:22px; }
.join_wrap .login_logo{margin-bottom:10px; }
.join_wrap .btn_login{width:100%; height:45px; line-height:45px;  text-align:center; border-radius:4px; background-color:#8db44a; color:#fff;  border:none; font-size:16px; }
.join_wrap .copyright{padding:40px 0 0; width:100%; background-color:#fff;  }
.login_wrap .link_go{padding-top:30px; }
.login_wrap .link_go a{padding:5px 0 5px 20px; border-bottom:1px solid #8db44a; background:url(../img/icon_member.png) no-repeat 0 center; background-size:15px; font-size:14px; }
.join_wrap .agree_txt{padding-bottom:20px; text-align:center; }
.join_wrap .agree_txt button{text-decoration:underline;}

.animals_container{padding:20px 0 0; }
.animals_container h2{margin:0 20px;  margin-bottom:20px; padding-left:30px; background:url(../img/animals_icon.png) no-repeat 0 center; background-size:25px; font-size:16px; }
.animals_container ul{border-top:1px solid #ddd; }
.animals_container ul li{border-bottom:1px solid #ddd; background:url(../img/icon_arrow.png) no-repeat right 20px center;  background-size:auto 20px; }
.animals_container ul li a{display:block; padding:12px 40px 12px 20px; }

.feed_barrel_box .weight .title_style_2{margin-bottom:30px; }
.feed_barrel_box .weight .title{margin-bottom:10px; font-size:16px; }
.feed_barrel_box .weight .title strong{margin:0 4px; display:inline-block; font-size:24px; font-weight:500; line-height:1; }
.horizontal_graph_wrap{position:relative; margin-bottom:40px; height:40px; background-color:#efefef; border-radius:20px; overflow:hidden;}
.horizontal_graph_wrap .bar{position:absolute; left:0; top:0; width:0; height:40px; background-color:#aacd6e; text-indent:-9999px; border-radius:20px; }
.horizontal_graph_wrap.red .bar{background-color:#ffa37a;}

.consumption_tb thead th{padding:5px; background-color:#efefef; font-size:13px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:300;}
.consumption_tb tbody th{padding:5px; text-align:left; border-bottom:1px solid #ddd; background-color:#f9f9f9; font-weight:300; }
.consumption_tb tbody td{padding:5px;  border-bottom:1px solid #ddd; }
.vertical_graph_wrap ul{position:relative; margin-bottom:10px; padding-top:20px; text-align:center; }
.vertical_graph_wrap ul:after{position:absolute; left:0; top:100px; width:100%; height:1px; display:block; background-color:#ddd; content:"";}
.vertical_graph_wrap ul li{position:relative; margin:0 20px; display:inline-block; }
.vertical_graph_wrap ul li .graph{position:relative; display:inline-block; width:40px; height:80px; border-radius:10px 10px 0 0; overflow:hidden;}
.vertical_graph_wrap ul li .graph .bar{position:absolute; left:0; bottom:0; width:100%; height:0; background-color:#aacd6e; text-indent:-9999px; border-radius:10px 10px 0 0;}
.vertical_graph_wrap ul li .txt{padding-top:5px; display:block; }
.vertical_graph_wrap ul li .graph.red .bar{background-color:#ffa37a;}
.feed_barrel_box .one .top_time.icon_car{background:url(../img/icon_car.gif) no-repeat center 0; background-size:auto 50px;}

.facility_control_list{border-bottom:1px solid #ddd;}
.facility_control_list .all_check th, .facility_control_list .all_check td{padding:15px 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
.facility_control_list td:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.facility_control_list th{font-weight:300; text-align:left; }
.facility_control_list td{padding:8px 0;}
.facility_control_list td .title{float:left; }
.facility_control_list td .right_btn{float:right; }
.facility_control_list td.on .el-switch .el-switch-style:after{padding:0 18px 0 0; text-align:center; content:"ON";}
.facility_control_list td .el-switch .el-switch-style:after{padding:0 0 0 18px; text-align:center; content:"OFF";}
.facility_control_list td .switch{display:inline-block; }

.terms_box{margin:0 20px; padding:15px; border:1px solid #ddd; height:80vh; overflow:auto; }
.terms_box pre{white-space: pre-wrap; font-size:14px; line-height:1.6; }

.privacy_popup .terms_box{margin:0; height:60vh; font-size:13px;}
.facility_control_popup .popup_wrap{width:90%; min-height:90vh; max-height:90vh;}
.facility_control_popup .facility_control_btn{width:45px; height:20px; line-height:20px; border-radius:20px; background-color:#ccc; font-size:12px; color:#fff; font-weight:200;}
.facility_control_popup .facility_control_btn.on{background-color:#333;}
.facility_control_popup1 .popup-content h1{background:url(../img/Facilities_icon1_off.png) no-repeat 0 center; background-size:auto 20px; }
.facility_control_popup2 .popup-content h1{background:url(../img/Facilities_icon2_off.png) no-repeat 0 center; background-size:auto 20px; }
.facility_control_popup3 .popup-content h1{background:url(../img/Facilities_icon3_off.png) no-repeat 0 center; background-size:auto 20px; }
.facility_control_popup4 .popup-content h1{background:url(../img/Facilities_icon4_off.png) no-repeat 0 center; background-size:auto 20px; }
.facility_control_popup5 .popup-content h1{background:url(../img/Facilities_icon8_off.png) no-repeat 0 center; background-size:auto 20px; }
.facility_control_popup7 .popup-content h1{background:url(../img/Facilities_icon7_off.png) no-repeat 0 center; background-size:auto 20px; }

.terms_wrap{padding:0 20px;}
.terms_wrap .btn_area{padding-top:20px; }
.terms_wrap .terms_box{margin:0; height:70vh;}

.feed_berrel_tb th{padding:8px 0; border-bottom:1px solid #ddd; font-weight:300; font-size:12px;}

.historical_sources_tb td .basic-btn01.on{background-color:#333; color:#fff; border:1px solid #333; }

/*20200327 우리농장 추가*/
.feed_barrel_box .slick-dots li{margin:0 3px; }
.animal_search_wrap .title_style_2{margin-bottom:15px; }
.animal_search_wrap .animal_search{margin-bottom:20px; }
.animal_search_wrap .animal_search p{margin-bottom:25px; padding-top:65px; background:url(../img/icon_cow.png) no-repeat center 0; background-size:auto 50px; text-align:center; color:#403c3b; font-size:14px;  }
.animal_search_wrap .animal_search input[type=text]{margin-bottom:10px; padding:0 5px; width:100%; height:36px; line-height:34px; border-radius:5px;  text-align:center; font-size:14px;}
.facility_control>li h2{font-size:14px; }
.gnb_top ul li .txt{font-size:14px;}
.gnb_top ul li img{width:50px;}
.gnb_btm ul li.icon_7 a{background:url(../img/gnb_icon_21.png) no-repeat 0 center; background-size:20px;}
.tb_style_1.verTop{vertical-align:top; }
.tb_style_1.verTop th{border:1px solid #c3c3c3; border-right:none;}
.tb_style_1.verTop td{padding:10px 2px; word-break:break-all; border:1px solid #c3c3c3; border-right:none; font-size:12px;}
.tb_style_1.verTop td:first-child, .tb_style_1.verTop th:first-child{border-left:none;}

/*20200330 추가 */
.weather_popup .popup-content h1{padding:0 0 12px; margin-bottom:25px; border-bottom:1px solid #bcbcbc; font-size:15px; background:none;}
.weather_popup h2{margin-bottom:40px; text-align:center; font-size:15px; font-weight:500; }
.weather_popup .icon_area{float:left; width:53%; text-align:center; }
.weather_popup .icon_area img{height:70px;}
.weather_popup .icon_area span{padding-top:22px; display:block; font-size:15px; color:#403c3b; }
.weather_popup .weather_icon{margin-bottom:30px; }
.weather_popup .weather_temperature{float:left; width:47%; }
.weather_popup .weather_temperature .top_temperature_number{margin-bottom:10px; display:block; font-size:34px; font-weight:500; line-height:1; }
.weather_popup .weather_temperature .top_temperature_number span{vertical-align:top; font-size:16px; font-weight:300; }
.weather_popup .weather_temperature .list_1{padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ddd;}
.weather_popup .weather_temperature .list_1 li:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.weather_popup .weather_temperature .list_1 li .title{float:left; font-size:12px; }
.weather_popup .weather_temperature .list_1 li .num{float:right; }
.weather_popup .weather_temperature .list_1 li .c-blue{color:#4592e9;}
.weather_popup .weather_temperature .list_1 li .c-gray{color:#9e9e9e;}
.weather_popup .weather_temperature .list_2 li{float:left; width:50%; font-size:13px; font-weight:500; }
.weather_popup .weather_temperature .list_2 li .title{margin-bottom:5%; display:block; font-size:13px; font-weight:300; }
.weekly_forecast{padding:15px 12px; background-color:#f6f6f6; font-size:13px; color:#777; border-radius:5px; text-align:left; }
.weekly_forecast h3{font-size:15px; font-weight:500; margin-bottom:5px; text-align:left; }

.monitoring_wrap .icon{margin-bottom:5px;text-align:center; }
.monitoring_wrap .icon img{display:inline-block; width:35px;}
.monitoring_wrap .monitoring_box{margin-bottom:10px; border:1px solid #ccc; border-radius:10px; }
.monitoring_wrap .monitoring_box h2{padding:10px; border-bottom:1px solid #ccc; font-size:16px; font-weight:500; }
.monitoring_wrap .monitoring_box h2 span{display:inline-block; font-size:12px; color:#7c7c7c; vertical-align:middle;}
.monitoring_wrap .monitoring_tb {padding:5px 14px; }
.monitoring_wrap .monitoring_tb th{border-right:1px solid #ddd; text-align:left; font-weight:400; font-size:13px;}
.monitoring_wrap .monitoring_tb td{padding:5px 10px 5px 20px; font-size:13px; font-weight:400; }

.monitoring_detail .w100{margin-bottom:30px; width:100%; height:35px; line-height:33px; }
.mb_15{margin-bottom:15px !important;}
.monitoring_detail .list_1{padding-bottom:20px;}
.monitoring_detail .list_1 li{margin:0 4px; display:inline-block; font-size:14px; color:#403c3b; }
.monitoring_detail .list_1 li:first-child{margin-left:0; }
.monitoring_detail .list_1 li:before{margin-right:5px; width:10px; height:10px; display:inline-block; border-radius:3px; content:"";}
.monitoring_detail .list_1 li.sky:before{background-color:#49c9ff;}
.monitoring_detail .list_1 li.blue:before{background-color:#5346f6;}
.monitoring_detail .list_1 li.yellow:before{background-color:#fb9c2b;}
.monitoring_detail .list_1 li.green:before{background-color:#6ed256;}
.monitoring_detail .list_1 li.purple:before{background-color:#a571fb;}
.monitoring_detail .list_3 li{padding:8px; margin-right:5px; display:inline-block; font-size:12px; border:1px solid #b7b7b7; border-radius:5px; }
.monitoring_detail .tb_style_4 td{border-bottom:1px solid #ddd; }
.monitoring_detail .tb_style_4 tr:nth-child(2n) td{background:none;}
.monitoring_detail .tb_style_4 td.gray_bg{background-color:#f6f6f6; text-align:center; }

.smart_farm_wrap>ul>li{float:left; position:relative; margin-bottom:10px; padding-bottom:63px; width:49%; height:185px; text-align:center; border:1px solid #d3e2e9; border-radius:10px;  box-sizing:border-box; overflow:hidden;}
.smart_farm_wrap>ul>li .btm_info{position:absolute; left:0; bottom:0; width:100%; height:63px; padding:10px; box-sizing:border-box; background-color:#f1fafe;}
.smart_farm_wrap>ul>li .btm_info li:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.smart_farm_wrap>ul>li .btm_info li .f-left{float:left; margin-top:2px; font-size:12px; }
.smart_farm_wrap>ul>li .btm_info li .f-right{float:right; font-size:16px; font-weight:500;}
.smart_farm_wrap>ul>li:nth-child(2n){float:right; }
.smart_farm_wrap li .icon_area{padding:16px 0 10px; }
.smart_farm_wrap li .icon_area img{height:46px; display:inline-block; }
.smart_farm_wrap li .title{font-size:13px; color:#403c3b; font-weight:500; }
.smart_farm_wrap li .date{margin-bottom:10px; font-size:12px; color:#94be4c; font-weight:400; }
.smart_farm_container{padding:30px 30px 50px; background:url(../img/smart_farm_container_bg.jpg) no-repeat center center; background-size:cover; text-align:center; }
.smart_farm_container .title_style_1{margin-bottom:20px; font-size:17px; font-weight:500;}
.smart_farm_container .txt_1{margin-bottom:20px; font-size:14px; color:#3a3a3a; }
.smart_farm_container .txt_2{margin-bottom:20px; font-size:13px; color:#74a113; }
.smart_farm_container .tel{text-align:left; }
.smart_farm_container .tel img{width:130px;}

.rs-container .rs-pointer::after, .rs-container .rs-pointer::before{display:none;}
.progress_area{position:relative; margin-top:20px; padding-top:30px; }
.progress_area .left_txt{position:absolute; left:0;top:0; font-size:13px; color:#403c3b;}
.progress_area .right_txt{position:absolute; right:0;top:0; font-size:13px; color:#403c3b;}

.graph{width:100%; overflow:auto;}
.lineChart {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
}

.axis path,
.axis line {
  fill: none;
  stroke: grey;
  stroke-width: 2;
  shape-rendering: crispEdges;
}
/*
.grid line {
    stroke: lightgrey;
    stroke-opacity: 0.7;
}




.lineChart:hover {
    stroke: black;
    stroke-width: 3px;
}


.toolTip {
    position: absolute;
    border: 1px solid;
    border-radius: 4px 4px 4px 4px;
    background: rgba(0, 0, 0, 0.8);
    color : white;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    min-width: 30px;
}
*/

.graph .end{position:absolute; left:0; top:0; width:100%; display:block;}
.graph .tick line{
  stroke-opacity: 0.7;
  stroke-width: 2;
  stroke: lightgray;
  shape-rendering: crispEdges;
  transform: translate(5px, 0);
}

.graph .axis--x .tick line{
  stroke-opacity: 0;
  stroke-width: 2;
  stroke: lightgray;
  shape-rendering: crispEdges;
  transform: translate(5px, 0);
}

.trend_check_popup{top:-10px; padding-top:1px; height:1px; box-sizing:border-box; overflow:hidden; display:block; }
.trend_check_popup .popup_wrap{top:-50%; padding-top:1px; height:1px; box-sizing:border-box; overflow:hidden; display:block; box-shadow:none;}
.trend_check_popup.active{padding-top:0; height:auto; overflow:visible; display:block; }
.trend_check_popup.active .popup_wrap{top:50%; padding-top:0; height:auto; overflow:visible; display:block; box-shadow:3px 2px 5px rgba(0,0,0,0.4);}

.ventilation_popup_1{top:-10px; padding-top:1px; height:1px; box-sizing:border-box; overflow:hidden; display:block; }
.ventilation_popup_1 .popup_wrap{top:-50%; padding-top:1px; height:1px; box-sizing:border-box; overflow:hidden; display:block; box-shadow:none;}
.ventilation_popup_1.active{padding-top:0; height:auto; overflow:visible; display:block; }
.ventilation_popup_1.active .popup_wrap{top:50%;padding-top:0; height:auto; overflow:visible; display:block; box-shadow:3px 2px 5px rgba(0,0,0,0.4);}
.ventilation_popup_1 .number{padding:20px 0 0; text-align:center; }
.ventilation_popup_1 .number span{display:inline-block; line-height:1; font-size:12px; }
.ventilation_popup_1 .number strong{display:inline-block; line-height:1; font-size:33px; font-weight:500; }
.ventilation_popup_1 .number b{display:inline-block;l line-height:1; vertical-align:top; font-size:16px; font-weight:300;}

/*20200908 추가*/
.animal_manage_wrap .top_icon{padding:20px 0; text-align:center; }
.animal_manage_wrap .top_icon img{width:125px;; display:inline-block; }
.animal_manage_wrap .feed_berrel_tb td{padding:10px 0; font-size:13px;}
.animal_manage_wrap .feed_berrel_tb .yellow_bg td{background-color:#fdfad3;}
.animal_manage_wrap .btn_area{padding:20px 0 10px;}
.animal_manage_wrap .btn_area ul li{float:left; margin-left:5%; width:30%; }
.animal_manage_wrap .btn_area ul li:first-child{margin-left:0; }
.animal_manage_wrap .btn_area ul li a{padding-top:14px; 90px; box-sizing:border-box; width:100%; display:block; border:1px solid #b7b7b7; border-radius:3px;  text-align:center; }
.animal_manage_wrap .btn_area ul li .btn_icon img{width:53px; display:inline-block;}
.animal_manage_wrap .btn_area ul li span{padding-top:10px; display:block; font-size:13px; color:#403c3b; }
.tb_scroll{overflow-x:auto; }
.tb_scroll .tb_style_5{min-width:600px; width:100%;}

.tb_style_5 th{padding:10px 0; text-align:center; border-bottom:1px solid #ddd; background:none; border-left:1px solid #ddd; font-size:13px; color:#403c3b; font-weight:300;}
.tb_style_5 td:first-child,
.tb_style_5 th:first-child{border-left:none;}
.tb_style_5 td{padding:10px 0; text-align:center; border-bottom:1px solid #ddd;  border-left:1px solid #ddd;  font-size:13px; color:#403c3b; font-weight:300;}
.tb_style_5 td select{width:100%; height:36px; line-height:34px; }

.milk_manage_list>ul>li{float:left; position:relative; margin-bottom:10px; width:48.8%; height:185px; border-radius:5px; border:1px solid #ddd; overflow:hidden; box-sizing:border-box;}
.milk_manage_list>ul>li:nth-child(2n){float:right; }
.milk_manage_list>ul>li .icon{padding:10px 0 5px; text-align:center; }
.milk_manage_list>ul>li.milk_manage_1 .icon img,
.milk_manage_list>ul>li.milk_manage_2 .icon img{display:inline-block; height:50px;}
.milk_manage_list>ul>li.milk_manage_4 .icon img{display:inline-block; height:38px; }
.milk_manage_list>ul>li.milk_manage_4 .icon{padding:20px 0 5px; }
.milk_manage_list>ul>li .title{margin-bottom:5px; display:block; text-align:center; font-size:15px; font-weight:500; color:#444;}
.milk_manage_list>ul>li .number{line-height:1; text-align:center; display:block; font-size:18px; }
.milk_manage_list>ul>li .number strong{font-size:21px; font-weight:600;}
.milk_manage_list>ul>li .btm_area{position:absolute; left:0; bottom:0; width:100%; height:65px; background-color:#f4f4f4; display:table; text-align:center; font-size:14px; color:#444;}
.milk_manage_list>ul>li .btm_area .inner{display:table-cell; vertical-align:middle; letter-spacing:-0.7px;}
.milk_manage_list>ul>li .milking_time{background:url(../img/bar.gif) no-repeat center center; background-size:16px;}
.milk_manage_list>ul>li .milking_time li{float:left; width:50%; }
.milk_manage_list>ul>li .milking_time li .time{display:block; font-size:14px; font-weight:400; }
.milk_manage_list>ul>li .milking_time li .kl{font-size:13px; }
.milk_manage_list>ul>li .milking_time li .kl strong{font-size:18px; font-weight:500;}
.milk_manage_list>ul>li.milk_manage_3{padding:25px 5px 0; }
.milk_manage_list>ul>li.milk_manage_3 .number{margin-bottom:10px; }
.milk_manage_list>ul>li.milk_manage_3 th{padding:8px 0; color:#403c3b; font-weight:300; font-size:13px; vertical-align:middle; }
.milk_manage_list>ul>li.milk_manage_3 tbody th{padding:5px 0; border-top:1px solid #ccc; }
.milk_manage_list>ul>li.milk_manage_3 td{padding:5px 0; text-align:center; line-height:1; border-top:1px solid #ccc; font-size:16px; color:#000; vertical-align:middle; }
.milk_manage .breeding{padding:15px 10px; border:1px solid #ddd; border-radius:5px; text-align:center;}
.milk_manage .breeding h2{margin-bottom:25px; font-size:15px; font-weight:600;}
.milk_manage .breeding th{font-size:14px; font-weight:400; }
.milk_manage .breeding td{padding:8px 0; font-size:16px; line-height:1; }
.milk_manage .breeding td strong{font-size:21px; font-weight:600; line-height:1; }

.health_care{padding-bottom:10px; }
.health_care .tb_style_5{border-top:1px solid #ddd; }
.health_care .tb_style_5 td{border-left:none;}
.health_care .img_area{padding:30px 0; text-align:center; }
.health_care .img_area img{width:188px; display:inline-block; }

/*개체데이터*/
.tab_style_3{margin-bottom:15px; }
.tab_style_3 ul li{display:inline-block; }
.tab_style_3 ul li a{padding:0 12px; height:28px; line-height:26px; display:block; border:1px solid #b7b7b7; border-radius:5px; }
.tab_style_3 ul li.on a{background-color:#8fbc47; border-color:#8fbc47; color:#fff; }
.date_wrap_refresh{position:relative; margin-bottom:8px; }
.date_wrap_refresh .btn_refresh{position:absolute; right:0; top:0; }
.date_wrap_refresh .btn_refresh img{height:36px; }

/*개체상세*/
.object_details h3{margin-top:20px; padding:10px 0 8px; border-top:1px solid #e5e5e5;}
.object_details select,
.object_details input[type=file],
.object_details input[type=text]{width:100%; height:38px; line-height:36px; border:1px solid #b7b7b7; border-radius:5px; background-color:#fff; }
.object_details .w_50{width:48.33%; }
.object_details .btn_area{padding:10px 0 0;}
.object_details .list_1{padding:15px 0 0; }
.object_details .list_1 li{margin-right:15px; display:inline-block; }
.btn_type_1 .basic-btn03{margin-top:10px; }
.object_details .txt_1{color:#8fbc47; font-size:13px; }
.object_details .txt_1 input.w_50{float:left; width:48.33%;}
.object_details .txt_1 span{float:left; padding:10px 0 0 5px; }
.object_details p{padding-top:8px; font-size:13px; color:#999;}
.object_details .semen_num li{position:relative; float:left; margin-bottom:10px; width:50%; padding-right:50px; box-sizing:border-box;}
.object_details .semen_num li span{position:absolute; right:0; width:50px; padding:7px 0 0 10px; box-sizing:border-box; font-size:13px; color:#444;}
.object_details .semen_num li.w_100 span{right:-50px; width:100px; }
.object_details .date_wrap .date{width:46%;}

.tab_style_4{position:relative; padding:0 20px; background-color:#fff; }
.tab_style_4:before{position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ddd; display:block; content:"";}
.tab_style_4 ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.tab_style_4 ul li{float:left; width:33.33%; text-align:center; }
.tab_style_4 ul li a{display:block; height:46px; line-height:44px; font-size:13px; color:#403c3b; }
.tab_style_4 ul li.on a{border-bottom:2px solid #a0c662;}

.record_tb th{padding:5px 0; width:150px; background:none; text-align:left; font-size:12px; font-weight:400; border:none;}
.record_tb td{padding:5px 0; font-size:12px; color:#403c3b; border:none;}
.record_tb td span{vertical-align:top;}
.record_tb  span.c-green{color:#8fbc47;}
.record_tb td select,
.record_tb td input[type=text]{width:100%; height:30px; line-height:28px; border-radius:3px; }
.object_container .record_tb table{margin-bottom:0; border:none;}
.object_container .record_tb{padding:15px 0; border-top:1px solid #e5e5e5;}
.correction_record .progress_area{position:relative; margin-top:0; padding:0 35px 0 20px;}
.correction_record .progress_area .left_txt{position:absolute; left:0; top:0; }
.correction_record .progress_area .right_txt{position:absolute; right:0; top:0; }
.correction_record .rs-container{height:25px; }
.correction_record .rs-container .rs-scale span ins{display:none;}
.correction_record .rs-container .rs-bg, .rs-container .rs-selected{border-radius:20px; }
.record_tb td .record_number input[type=text]{float:left; padding:0; width:18%;}
.record_tb td .record_number span{float:left; margin:0; padding-left:2px;  display:block; width:16%; line-height:28px; box-sizing:border-box; }
.record_tb td .record_number select{float:left; width:66%; }
.record_tb.bd_t{border-top:none; padding-top:0; }


/*유우관리*/
.feed_berrel_tb p{float: right; margin-top: 20px; margin-bottom: 5px; font-size: 10px; color: #d2d2d2; text-align: center; }
.feed_berrel_tb th{text-align: center; background-color: #fff; }
.graph_popup .popup_wrap{width: 90%; min-height: 90vh; max-height: 90vh;
}
.graph_popup_img{width: 80%; height: 200px; float: left; background-color: aqua; margin-left: 26px; margin-bottom: 25px;}
.graph_popup .popup_graph_table{width: 80%; margin-left: 26px; float: left;}
.graph_popup .popup-close{top: 50px; right: 35px; }