/* sub_top */
.sub_top{
	min-height: 90px;
	padding-top:196px;
	padding-bottom: 20px; /* 2022-10-27 : devhoi height 조정 */
	border-bottom: 1px solid #e3e3e3;
	box-shadow: 0 4px 5px -4px #00000030 inset;
	position: relative;
	background: #f4f4f4;
}

.sub_top .title_wrap{ 
	min-width:270px;
	margin-right: 50px; 
	float:left; 
}
.sub_top .title{
	/* padding-top: 80px; 2022-10-27 : devhoi height 조정*/
	padding-top: 25px;
	padding-left:60px;
	display:inline-block;
	color: #111;
}
.sub_top .title h3{
	font-size: 22px;
	font-weight: bold;
	position: relative;
	padding-left: 30px;
}

.sub_top .title h3::before{
	content: '';
    position: absolute;
	top: 3px;
	left: 0px;
	width: 22px;
	height: 22px;
	background: url(./../images/sub_bl.png) no-repeat ;  
}
.sub_top .title p{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 0 0 10px;
	display: none;
} 
/* sub_select */
.sub_top .sub_select{
	float: left;
	/* margin-top:52px; 2022-10-27 devhoi : height 조절*/
	margin-top:29px;
	margin-right: 35px;
	background-color: #f4f4f4;
}
.sub_top .sub_select select:first-child { min-width: 96px; }
.sub_top .sub_select select:last-child { margin-left:5px; min-width: 115px; }

.sub_top .sub_select select {	
	padding: 10px 22% 10px 10px;
	font-family: inherit;
	background: url(./../images/icon_select.png) no-repeat 90% 50%;  
	border-radius: 0px;
	box-shadow: 2px 2px 3px #0000001c;
	font-size: 17px;	  	  
	color: #111;
	font-weight: bold;
	background-color: #fff;
} /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.sub_top .sub_select select::-ms-expand { display: none; }

/* young timepicker */
.timepicker{
    background: url(../images/icon_select.png) #fff no-repeat 90% 50%;
}
/* young daterangepicker */
.date_range_picker {
	padding-left: 5px;
	line-height: 26px;
	width: 220px; 
	font-size: 14px;
	background: url(../images/date_icon.png) no-repeat 95% 50%;
	cursor: pointer;
} 
.time_range_picker {
	padding-left: 5px;
	line-height: 26px;
	width: 220px; 
	font-size: 14px;
	background: url(../images/btn_clock.png) no-repeat 95% 50%;
	background-size: 20px;
	cursor: pointer;
} 
/* young monthpicker */
.month_picker {
	padding-left: 5px;
	line-height: 26px;
	width: 220px; 
	font-size: 14px;
	background: url(../images/date_icon.png) no-repeat 95% 50%;
	cursor: pointer;
}
/*  */
.h3_titleP{
	float: left;
	/* margin-top: 60px; 2022-10-27 devhoi : height 조절*/
	margin-top: 25px; 
	height: 60px; 
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.h3_tit{
	float: left;
	/* margin-top: 44px; 2022-10-27 devhoi : height 조절*/
	margin-top: 20px;
	background: url(./../images/tit04_bg.png) no-repeat left center ;
	height: 60px;
	padding-left: 70px;
}
.h3_tit2{
	background: url(./../images/tit04_4_bg.png) no-repeat left center ;
	padding-left: 90px;
}
.h3_tit span{
	display: inline-block;
	height: 39px;
	background: #222;
	font-size: 18px;
	font-weight: bold;
	line-height: 39px;
	padding: 0 30px;
	color: #fff;
	margin-top: 10px;
}
/* tab_btn */
.tab_btn_wrap { 
	float: left; 
	/* margin-top:70px; 2022-10-27 devhoi : height 조절 */
	margin-top:20px;
} 
.tab_btn li{
	position: relative;
	float: left;
	border: 1px solid #acacac;
	background: #fff;
	font-size: 14px;
	color: #666;
	min-width: 100px;
	height: 38px;
	text-align: center;
	/* box-shadow: 2px 2px 3px #0000001c; */
	margin-right: 8px;
	margin-bottom: 8px;
	cursor: pointer;
}
.tab_btn li span{
	display: block;
	line-height: 38px;
	padding: 0 15px 0 50px;
}
.tab_btn li span.tab_row2 { padding-top:53px; }
.tab_btn li span.two_line{
	padding-top: 60px;
	line-height: 16px;
	font-size: 14px;
}
.tab_btn li::before{
	content: '';
    position: absolute;
	top: 2px;
	left: 12px; 
	width: 32px;
	height: 35px;
	
}
.tab_btn li.on{ 
	border: 1px solid #1d3a5a;
	background: #1d3a5a; 
	color: #fff;  
	/* box-shadow: 2px 2px 3px #00000052; */
}
 
/* sub01_00 에너지사용량관리 _ 종합정보 */
.tab_btn ul.sub01_00 li.btn_01::before{ background: url(./../images/tab10_01.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_00 li.btn_02::before{ background: url(./../images/tab10_02.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_00 li.btn_03::before{ background: url(./../images/tab10_03.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_00 li.btn_04::before{ background: url(./../images/tab10_04.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_00 li.btn_05::before{ background: url(./../images/tab10_05.png) no-repeat; background-size: 100%;  }
/* .on */
.tab_btn ul.sub01_00 li.on::before{background-position: 0 -64px;}
 
/* sub01_01 에너지사용량관리 _ 에너지원 */
.tab_btn ul.sub01_01 li.btn_01::before{ background: url(./../images/tab11_01.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_01 li.btn_02::before{ background: url(./../images/tab11_02.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_01 li.btn_03::before{ background: url(./../images/tab11_03.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_01 li.btn_04::before{ background: url(./../images/tab11_04.png) no-repeat; background-size: 100%;  } 
/* .on */
.tab_btn ul.sub01_01 li.on::before{background-position: 0 -64px;}

/* sub01_02 에너지사용량관리 _ 계통별 */ 
.tab_btn ul.sub01_02 li.btn_01::before{ background: url(./../images/tab12_01.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_02 li.btn_02::before{ background: url(./../images/tab12_02.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_02 li.btn_03::before{ background: url(./../images/tab12_03.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_02 li.btn_04::before{ background: url(./../images/tab12_04.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_02 li.btn_05::before{ background: url(./../images/tab12_05.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_02 li.btn_06::before{ background: url(./../images/tab12_06.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_02 li.btn_07::before{ background: url(./../images/tab12_07.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_02 li.btn_08::before{ background: url(./../images/tab12_08.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_02 li.btn_09::before{ background: url(./../images/tab12_09.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_02 li.btn_10::before{ background: url(./../images/tab12_10.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_02 li.btn_11::before{ background: url(./../images/tab12_11.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_02 li.btn_12::before{ background: url(./../images/tab12_12.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_02 li.btn_13::before{ background: url(./../images/tab12_13.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_02 li.btn_14::before{ background: url(./../images/tab12_14.png) no-repeat; background-size: 100%;  }
/* .on */
.tab_btn ul.sub01_02 li.on::before{background-position: 0 -64px;}

/* sub01_03 에너지사용량관리 _ 수요처별 */
.tab_btn ul.sub01_03 li.btn_01::before{ background: url(./../images/tab12_01.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_03 li.btn_02::before{ background: url(./../images/tab12_02.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_03 li.btn_03::before{ background: url(./../images/tab12_03.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_03 li.btn_04::before{ background: url(./../images/tab12_04.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_03 li.btn_05::before{ background: url(./../images/tab12_05.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_03 li.btn_06::before{ background: url(./../images/tab12_06.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_03 li.btn_07::before{ background: url(./../images/tab12_07.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_03 li.btn_08::before{ background: url(./../images/tab12_08.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_03 li.btn_09::before{ background: url(./../images/tab12_09.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_03 li.btn_10::before{ background: url(./../images/tab12_10.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_03 li.btn_11::before{ background: url(./../images/tab12_11.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_03 li.btn_12::before{ background: url(./../images/tab12_12.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub01_03 li.btn_13::before{ background: url(./../images/tab12_13.png) no-repeat; background-size: 100%;  }
/* .on */
.tab_btn ul.sub01_03 li.on::before{background-position: 0 -64px;}

/* sub01_04 상태및정보조회 _ 신재생 */
/* .sub_top .tab_btn ul.sub01_04 li::before{background: url(./../images/icon_tab01_04.png) no-repeat ;} */

/* sub02_01 상태및정보조회 _ 열원 */
.tab_btn ul.sub02_01 li.btn_01::before{ background: url(./../images/tab21_01.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub02_01 li.btn_02::before{ background: url(./../images/tab21_02.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub02_01 li.btn_03::before{ background: url(./../images/tab21_03.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub02_01 li.btn_04::before{ background: url(./../images/tab21_04.png) no-repeat; background-size: 100%;  } 
.tab_btn ul.sub02_01 li.btn_04::before{ background: url(./../images/tab21_04.png) no-repeat; background-size: 100%;  } 
/* .on */
.tab_btn ul.sub02_01 li.on::before{background-position: 0 -64px;}

/* sub02_02 상태및정보조회 _ 공조환기 */
.tab_btn ul.sub02_02 li.btn_01::before{ background: url(./../images/tab22_01.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub02_02 li.btn_02::before{ background: url(./../images/tab22_02.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub02_02 li.btn_03::before{ background: url(./../images/tab22_03.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub02_02 li.btn_04::before{ background: url(./../images/tab22_04.png) no-repeat; background-size: 100%;  }  
/* .on */
.tab_btn ul.sub02_02 li.on::before{background-position: 0 -64px;}


/* sub02_04 상태및정보조회 _ 신재생 */
/* .tab_btn ul.sub02_04 li::before{background: url(./../images/icon_tab02_04.png) no-repeat ;} */

/* sub03_01 실내외환경정보 _ 실내환경 */
.tab_btn ul.sub03_01 li.btn_01::before{ background: url(./../images/tab31_01.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub03_01 li.btn_02::before{ background: url(./../images/tab31_02.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub03_01 li.btn_03::before{ background: url(./../images/tab31_03.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub03_01 li.btn_04::before{ background: url(./../images/tab31_04.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub03_01 li.btn_05::before{ background: url(./../images/tab31_05.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub03_01 li.btn_06::before{ background: url(./../images/tab31_06.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub03_01 li.btn_07::before{ background: url(./../images/tab31_07.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub03_01 li.btn_08::before{ background: url(./../images/tab31_08.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub03_01 li.btn_09::before{ background: url(./../images/tab31_09.png) no-repeat; background-size: 100%;  }
/* .on */
.tab_btn ul.sub03_01 li.on::before{background-position: 0 -64px;}
  
/* sub04_05 실내외환경정보 _ 실내환경 */
.tab_btn ul.sub04_05 li.btn_01::before{ background: url(./../images/tab45_01.png) no-repeat; background-size: 100%;  } 
.tab_btn ul.sub04_05 li.btn_03::before{ background: url(./../images/tab45_03.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub04_05 li.btn_002::before{ background: url(./../images/tab45_03.png) no-repeat; background-size: 100%;  }
.tab_btn li.btn_002{width: 200px;}
/* .on */
.tab_btn ul.sub04_05 li.on::before{background-position: 0 -64px;}


/* sub04_06 실내외환경정보 _ 실외환경 */
.tab_btn ul.sub04_06 li.btn_01::before{ background: url(./../images/tab46_01.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub04_06 li.btn_02::before{ background: url(./../images/tab46_02.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub04_06 li.btn_03::before{ background: url(./../images/tab46_03.png) no-repeat; background-size: 100%;  } 
.tab_btn ul.sub04_06 li.btn_04::before{ background: url(./../images/tab46_04.png) no-repeat; background-size: 100%;  } 
/* .on */
.tab_btn ul.sub04_06 li.on::before{background-position: 0 -64px;}

/* sub06_01 설정 _ 사용자 */
.tab_btn ul.sub06_01 li.btn_01::before{ background: url(./../images/tab61_01.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub06_01 li.btn_02::before{ background: url(./../images/tab61_02.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub06_01 li.btn_03::before{ background: url(./../images/tab61_03.png) no-repeat; background-size: 100%;  } 
/* .on */
.tab_btn ul.sub06_01 li.on::before{background-position: 0 -64px;}


/* sub06_03 설정 _ 사용자 */
.tab_btn ul.sub06_03 li.btn_01::before{ background: url(./../images/tab63_01.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub06_03 li.btn_02::before{ background: url(./../images/tab63_02.png) no-repeat; background-size: 100%;  }
.tab_btn ul.sub06_03 li.btn_03::before{ background: url(./../images/tab63_03.png) no-repeat; background-size: 100%;  } 
/* .on */
.tab_btn ul.sub06_03 li.on::before{background-position: 0 -64px;}

/* 20220715_css수정, 추가 */
/*  tab_btn */
/* .tab_btn ul li.btn_01::before{background-position: 0 0px;}
.tab_btn ul li.btn_02::before{background-position: -100px 0px;}
.tab_btn ul li.btn_03::before{background-position: -200px 0px;}
.tab_btn ul li.btn_04::before{background-position: -300px 0px;}
.tab_btn ul li.btn_05::before{background-position: -400px 0px;}
.tab_btn ul li.btn_06::before{background-position: -500px 0px;}
.tab_btn ul li.btn_07::before{background-position: -600px 0px;}
.tab_btn ul li.btn_08::before{background-position: -700px 0px;}
.tab_btn ul li.btn_09::before{background-position: -800px 0px;} 
.tab_btn ul li.btn_10::before{background-position: -900px 0px;} 
.tab_btn ul li.btn_11::before{background-position: -1000px 0px;} 
.tab_btn ul li.btn_12::before{background-position: -1100px 0px;} 
.tab_btn ul li.btn_13::before{background-position: -1200px 0px;} 
.tab_btn ul li.btn_14::before{background-position: -1300px 0px;} 
.tab_btn ul li.btn_002::before{background-position: -200px 0px;} */
/*  on tab */
/* .tab_btn ul li.btn_01.on::before{background-position: 0 0px;}
.tab_btn ul li.btn_02.on::before{background-position: -100px -100px;}
.tab_btn ul li.btn_03.on::before{background-position: -200px -100px;}
.tab_btn ul li.btn_04.on::before{background-position: -300px -100px;}
.tab_btn ul li.btn_05.on::before{background-position: -400px -100px;}
.tab_btn ul li.btn_06.on::before{background-position: -500px -100px;}
.tab_btn ul li.btn_07.on::before{background-position: -600px -100px;}
.tab_btn ul li.btn_08.on::before{background-position: -700px -100px;}
.tab_btn ul li.btn_09.on::before{background-position: -800px -100px;} 
.tab_btn ul li.btn_10.on::before{background-position: -900px -100px;} 
.tab_btn ul li.btn_11.on::before{background-position: -1000px -100px;} 
.tab_btn ul li.btn_12.on::before{background-position: -1100px -100px;} 
.tab_btn ul li.btn_13.on::before{background-position: -1200px -100px;} 
.tab_btn ul li.btn_14.on::before{background-position: -1300px -100px;} 
.tab_btn ul li.btn_002.on::before{background-position: -200px -100px;} */
/* //20220715_css수정 */

.right_tab_btn { float:right; margin-top:75px; padding-right:60px; }
.right_tab_btn span { display:inline-block; border:1px solid #acacac; background: #fff; }
.right_tab_btn span a { font-size:14px; color:#222; display:inline-block; padding:4px 10px; line-height: 22px; }
.right_tab_btn span a img { vertical-align:0; margin-right:7px; vertical-align: text-top; }

.demand_icon { float:left; /* padding:25px 0; */ }
.demand_icon .tab_btn { position: initial; /*float: left;*/ }
.demand_icon .tab_btn2 { margin-top: 15px; /*margin-bottom: 15px; 2022-10-27 devhoi : height 조절*/ /*margin-left:40px;*/ }

@media all and (max-width:1805px){
	.demand_icon .tab_btn { float:none; }
	.demand_icon .tab_btn2 { margin-left:0; margin-top:15px; }
}

/* cont_list */ 
.cont_list .apart{
	border-bottom: 1px solid #e3e3e3;
	width: 100%;
	min-height: 390px;
	position: relative;
}
.cont_list .apart:nth-child(2n){
	background: #f9fafb;
}
.cont_list .apart .left{
	/* position: absolute;
	left: 30px;
	top: 100px; */
	min-height: 400px;
	width: 270px;
	float:left;
	/* border-right:1px solid #ebebeb; */
	text-align: center; 
}

.leftTitle_wrap { 
	transform:translateY(40%); 
	min-height: 240px;
}

.cont_list .apart .left h4{
	/* background: #222; */
	/* width: 135px; */
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
	color: #444;
	margin: 20px auto 12px;
}
/* .cont_list .apart .left  */.more_btn{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/*display: inline-block;
	text-align: center;
	margin: 0 auto;*/
}
/* .cont_list .apart .left  */.more_btn li{
	float: left;
	width: 38px;
	height: 27px;
	line-height: 27px;
	border: 1px solid #e3e3e3;
	background: #fff;
	cursor: pointer;
	color: #666;
	font-size: 14px;
	text-align: center;
	margin-right: 2px;
	letter-spacing: -1px;
}
/* .cont_list .apart .left  */.more_btn li:last-child{
	margin: 0;
}
/* .cont_list .apart .left  */.more_btn li.on{ 
	border: 1px solid #999;  
}
/* sub_select */ 
.cont_list .apart .left .left_select select {
	min-width: 140px;
	padding: 10px 10px;
	font-family: inherit;
	background: url(./../images/icon_select.png) no-repeat 95% 50%;  
	border-radius: 0px; 
	font-size: 15px;
	margin-bottom: 7px; 
	background-color: #fff;	  	  
} 
/* IE 10, 11의 네이티브 화살표 숨기기 */ 
.cont_list .apart .left .left_select select::-ms-expand { display: none; }

/* right */
.cont_list .apart .right{
	width: calc(100% - 271px);
	float:left;
	min-height: 400px;
	border-left:1px solid #ebebeb;
}
/* cont_all */
.cont_list .apart .cont_all{
	width: 100%; 
	min-height: 390px;
}
.cont_list .apart .cont_all .graph_area{
	text-align: center;
}
/* 그래프 들어가는 그곳 */
.cont_list .apart .graph_area{  
	padding: 30px 100px 30px 100px; 
	position: relative;
    min-height: 340px;
}
.cont_list .apart .graph_area.graph_areaTitle{
	padding: 60px 100px 20px 100px;
}
.cont_list .apart .ttxt{
	padding: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.cont_list .apart h5{
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 30px;
	left: 50px;
	padding-left: 17px;
	color: #111;
}
.cont_list .apart h5::before{ 
	content: '';
    position: absolute;
	top: 7px;
	left: 0px;
	width: 9px;
	height: 9px; 
	background: #91bd20;
}
.cont_list .apart .graph_area.graph_area2more li{
	float: left;
	width: 49%;
	margin-right: 1%; 
}
.cont_list .apart .border_bar{
	width: calc(100% + 40px);
	height: 1px;
	background: #ebebeb;
}
.cont_list .apart .more_02area{
	width: 49%;
	display: inline-block;
	border-right: solid 1px #ebebeb;
} 
.cont_list .apart .more_02area.no_breder{
	border: 0;
}
.cont_list .apart .more_02area .graph_area.graph_areaTitle{
	padding: 60px 40px 20px 70px;
}

.cont_list .apart .more_03area{
	width: 33%;
	display: inline-block;
	/* border-right: solid 1px #ebebeb; */
}
.cont_list .apart .more_03area .graph_area.graph_areaTitle{
	padding: 60px 20px 20px 50px;
}

/* table_st */
.cont_list .apart .table_st{
	padding: 60px 60px 40px 60px;
	position: relative; 
}
.cont_list .apart .table_st table{ 
	font-size: 14px;
	color: #222;
	width: 100%;
	/* 20220615 young */
	table-layout: fixed;
}
.cont_list .apart .table_st h5 + table{
	margin-top: 20px;
}
.cont_list .apart .table_st th,
.cont_list .apart .table_st td{
	border: 1px solid #ddd;
	border-right: 0;
	padding: 15px 5px;
	text-align: center;
	line-height: 18px;
	min-height: 38px; 
	/* 20220615 young */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cont_list .apart .table_st tr{
	background: #fff;
}
/* 2023_04 수정 */
.cont_list .apart .table_st tr:nth-child(odd){
	/* background: #f3f5f9; */
} 
.cont_list .apart .table_st th:first-child,
.cont_list .apart .table_st td:first-child{
	border-left: 0;
}
/* 2023_04 수정 */
.cont_list .apart .table_st th{
	font-weight: bold;
	background: #f3f5f9;
}
.cont_list .apart .table_st td span{
	width: 70px;
}
.cont_list .apart .table_st td button{
	/* margin-left: 5%;
	width: 90px; */
	height: 30px;
	color: #fff;
	background: #2d2d2d;
}

/* table_normal */
.cont_list .apart .table_normal{
	padding: 60px 60px 40px 60px;
	position: relative; 
}
.cont_list .apart .table_normal table{ 
	font-size: 14px;
	color: #222;
	width: 100%;
}
.cont_list .apart .table_normal h5 + table{
	margin-top: 20px;
}
.cont_list .apart .table_normal th{
	border: 1px solid #a0a0a0;
}
.cont_list .apart .table_normal td{
	border: 1px solid #ddd;
}
.cont_list .apart .table_normal th,
.cont_list .apart .table_normal td{
	border-right: 0;
	padding: 14px 5px;
	text-align: center;
	line-height: 18px;
	min-height: 38px; 
}
.cont_list .apart .table_normal tr{
	background: #fff;
}
.cont_list .apart .table_normal tr:nth-child(odd){
	background: #fff;
} 
.cont_list .apart .table_normal th:first-child,
.cont_list .apart .table_normal td:first-child{
	border-left: 0;
}
.cont_list .apart .table_normal th{
	font-weight: bold;
	background: #f2f2f2;
}
.cont_list .apart .table_normal td span{
	width: 70px;
}
.cont_list .apart .table_normal td button{
	margin-left: 5%;
	width: 90px;
	height: 30px;
	color: #fff;
	background: #2d2d2d;
}
.cont_list .apart .table_normal td.td_graph{
	height: 300px; position: relative;
} 

.cont_list .apart .table_normal td.td_graph:nth-child(3) { background:url(../images/table_bg.png) no-repeat 50% 46%; }
.cont_list .apart .table_normal .td_graph3 { line-height:160%; font-weight:bold; }
.cont_list .apart .table_normal .td_graph3 p, .td_graph3 a { text-align:right; position:absolute; right:18px; bottom:18px; }
.cont_list .apart .table_normal .td_graph3 b { font-size:25px; }
.cont_list .apart .table_normal .td_graph3 span { font-size:16px; width:auto; position:absolute; top:65px; transform:translateX(-50%); }

/* table _ 2개 */
.cont_list .apart .table_normal.table_tow {
	float: left;
	width:  calc(100% - 130px);
}
.cont_list .apart .table_normal.table_tow table{
	width: 48%;
	float: left;
}
.cont_list .apart .table_normal.table_tow table+table{
	float: right;
}

/* right_top */
.right_top{
	font-size: 20px;
    font-weight: bold;   
	color: #111;
	text-align: center;
	position: relative;
	height: 45px;
	line-height: 45px;
	margin-bottom: 10px;
}

/* right_top sub_select */
.right .sub_select{ 
	position: absolute;
	top: 0;
	left: 0;
} 
.sub_select select {	
	padding: 5px 60px 5px 10px;
	font-family: inherit;
	background: url(./../images/icon_select.png) #fff no-repeat 90% 50%;  
	border-radius: 0px;
	box-shadow: 2px 2px 3px #0000001c;
	font-size: 16px;	  	  
	color: #111;
	font-weight: bold;
} /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.sub_select select::-ms-expand { display: none; }
/*  */



/* 알람리스트 */
.cont_list .apart .alarm_list{
	width: 70%;
	min-width: 680px;
	margin: 40px auto;
}
.cont_list .apart .alarm_list li{
	position: relative;
	border-bottom: 1px solid #ddd;
	padding: 15px 20px;
	line-height: 20px;
	color: #222;
	font-size: 14px;
}
.cont_list .apart .alarm_list li.alarm_title{
	padding: 0 0 15px 0;
	font-size: 14px;
}
.cont_list .apart .alarm_list li p{
	display: inline-block;
	margin-left: 30px;
}
.cont_list .apart .alarm_list li a.btn{
	border: 1px solid #fff;
	padding: 0px 18px;
	line-height: 30px;
	margin: 0;
	color: #fff;
	vertical-align: middle;
	margin: 0 2px;
	background: #2d2d2d;
	position: absolute;
	right: 20px;
	top: 9px;
}
/* .cont_list .apart .alarm_list  */.pagination { 
	text-align: center;
	padding-top: 20px;
}  
/* .cont_list .apart .alarm_list  */.pagination a {
	color: black;
	float: left;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #ddd;
	margin: 0 4px;
	font-size: 12px;
	color: #666;
}
/* .cont_list .apart .alarm_list  */.pagination a.active { 
	color: #ff6600; 
	font-weight: bold;
}

/* 불쾌지수 */
.cont_list .apart .li_graph{
	padding: 160px 10px 40px 60px;
	position: relative;
	text-align: center;
}
.cont_list .apart .li_graph ul{
	width: 100%;
	display: inline-block;
	margin: 0 auto;
}
.cont_list .apart .li_graph ul li{
	width: calc(25% - 1px);
	float: left;
	text-align: center;
	height: 50px;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
}
.cont_list .apart .li_graph ul li.index01{background: #ed1c24; border-left: 1px solid #a0a0a0; }
.cont_list .apart .li_graph ul li.index02{background: #f7941d;}
.cont_list .apart .li_graph ul li.index03{background: #fff200;}
.cont_list .apart .li_graph ul li.index04{background: #39b54a; border-right: 1px solid #a0a0a0;}
.cont_list .apart .li_graph .index_value{
	position: absolute;
	top: 68px;
	left: 10%;
	background: url(./../images/value_bg.png) no-repeat;
	width: 130px;
	height: 90px;
}
.cont_list .apart .li_graph .index_value span{
	font-size: 24px;
	font-weight: bold;
	padding: 24px 0 20px 56px;
}
.cont_list .apart .li_graph .index_value span.face_01{ 
	background: url(./../images/face_01.png) no-repeat;
	background-position: 4px 18px;
}
.cont_list .apart .li_graph .index_value span.face_02{ 
	background: url(./../images/face_02.png) no-repeat;
	background-position: 4px 18px;
}
.cont_list .apart .li_graph .index_value span.face_03{ 
	background: url(./../images/face_03.png) no-repeat;
	background-position: 4px 18px;
}
.cont_list .apart .li_graph .index_value span.face_04{ 
	background: url(./../images/face_04.png) no-repeat;
	background-position: 4px 18px;
}

/* 메뉴 7번 관련  _  */
.sub_07top{ 
	height: 380px; 
}
.compose{
	position: absolute;
    top: 20px;
	left: 360px;
	width: 1250px;
}
.compose ul li{
	float: left;
	position: relative;
	padding-left: 50px;
}
.compose ul li:first-child{
	padding: 0;
}
.compose ul li .tit{
	display: inline-block;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
.compose ul li .tit img{
	display: block;
	margin: 0 auto;
	margin-bottom: 12px;
	width: 60%;
}
.compose ul li .em{
	float: right;
	display: inline-block;
	text-align: right;
	padding: 20px 50px 0 50px;
}
.compose ul li .em p{
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}
.compose ul li .em::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 0px;
    width: 1px;
    height: 76px;
    background: #b7b7b7;
}
.compose ul li:last-child .em::after{ 
    width: 0px;
}
.compose .compose_sum{ 
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: 93px;
	right: 00px; 
	color: #111; 
	padding: 0 5px 5px 17px;
}
.compose .compose_sum::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0px;
    width: 9px;
    height: 9px;
    background: #91bd20;
}
.compose .compose_sum span{
	display: inline-block;
	width: 150px;
	text-align: right;
}
.compose .compose_sum::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #b7b7b7;
}

.table_top{
	padding-bottom: 10px;
	position: relative;
	height: 30px;
} 
.table_top .top_right{
	position: absolute;
	top: 0;
	right: 0;
    font-size: 14px; 
}
.table_top .top_right .sub_select{
	float: left;
	margin-right: 10px;
}
.table_top button{
	background: #222;
    height: 30px;
    line-height: 30px;
    font-size: 14px; 
	color: #fff; 
	padding: 0 15px;
	min-width: 90px;
}
.table_top button.download_btn{
	background: #fff;
	border: 1px solid #555;
	background: url(./../images/icon_download.png) #fff no-repeat 90% 50%;  
	color: #333;
	padding:0 24px 0 10px;

}
.table_top .top_right .file_form{ 
	border: 1px solid #c5c5c5;
	padding: 3px;
}
.table_top .top_right .file_form input{
	font-size: 14px;
}
/* 7 _02 */
.sub_top .tab_floor{
	position: absolute;
    top: 30px;
    left: 330px;
}
.sub_top .tab_floor p{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
.sub_top .tab_floor ul{
	display: inline-block; 
	border: 1px solid #acacac;
	box-shadow: 2px 2px 3px #0000001c;
}
.sub_top .tab_floor ul li{
	float: left; 
}
.sub_top .tab_floor ul li:first-child{
	margin-left: 86px;
}
.sub_top .tab_floor ul li:last-child{
	margin-right: 86px;
}
.sub_top .tab_floor ul li a{
	width: 54px;
	height: 48px;
	font-size: 15px;
	line-height: 48px;
	text-align: center;
	font-weight: bold;
}
.sub_top .tab_floor ul li.on a{
	background: #222;
	font-size: 15px;
	color: #fff;
}
.cont_list .apart .left .more_btn02{
	margin-top: 50px;
	text-align: left;
	font-size: 14px;
}
.cont_list .apart .left .more_btn02 p{
	margin-top: 10px;
}
.cont_list .apart .left .more_btn02 span{
	display: inline-block;
	width: 77px;
	font-weight: bold;
}
.cont_list .apart .left .more_btn02 button{ 
    height: 27px;
    line-height: 27px;
    border: 1px solid #acacac;
    background: #ebebeb;
    cursor: pointer;
    color: #111;
    font-size: 14px;
    text-align: center;
	margin-right: 2px;
	padding: 0 10px;
}
.cont_list .apart .all_area{
	padding: 0;
    position: relative;
    min-height: 480px;
}
 
/* sub_select */ 
.building_select{
	float: left;
	margin-right: 10px;
}
.building_select select {
	min-width: 140px;
	padding: 10px 40px 10px 10px;
	background: url(./../images/icon_select.png) no-repeat 95% 50%;  
	border-radius: 0px; 
	font-size: 15px;
	margin-bottom: 7px;
	border: 1px solid #acacac;
	box-shadow: 2px 2px 3px #0000001c;
	height: 50px;
} 
/* IE 10, 11의 네이티브 화살표 숨기기 */ 
.building_select select select::-ms-expand { display: none; }

.cont_list .apart .left.building_left{
	text-align: left;
	padding-top: 40px;
}
.building_left .location{
	color: #111;
	padding: 0 20px;
}
.building_left .location p{
	font-size: 20px;
}
.building_left .location b{
	display: block;
	font-size: 65px;
	padding: 10px 0 30px;
}
.building_left .room{
	font-size: 14px;
	line-height: 21px;
	padding: 0 20px;
}
.building_left .room > li{
	position: relative;
	padding: 2px 5px 2px 0;
	text-indent: 10px;
	cursor: pointer;
}
.building_left .room > li::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0px;
    width: 2px;
    height: 1px;
	background: #111;
}
.building_left .room > li.on{
	font-weight: bold;
}
.building_left .room > li .depth02{
	margin: 5px 0;
	padding: 5px 0;

}
.building_left .room > li .depth02 li{
	padding: 5px;
	background:#f2f2f2;
	position: relative;
	padding-left: 20px;
	cursor: pointer;
}
.building_left .room > li .depth02 li::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 20px;
    width: 4px;
    height: 1px;
	background: #111;
}
.building_left .room > li .depth02 li.on{
	background: #2d2d2d;
	color: #fff;
}
.building_left .room > li .depth02 li.on::before {
	background: #fff;
}
/* 오른쪽 */
.cont_list .apart .left.right_view{ 
	position: absolute;
	top: 50px; 
	left: 30px;
	text-align: left;
}
.cont_list .apart .left.right_view h5{
	position: relative;
	top:0;
	left: 0;
}
.cont_list .apart .left.right_view .more_btn{
	margin-top: 20px;
}
.cont_list .apart .left.right_view .more_btn li{
	background: #fff;
}
.cont_list .apart .left.right_view .more_btn li.on{
	background: #222;
}
.cont_list .apart .left.right_view .more_btn02 button{
	background: #fff;
} 

/* 메뉴 7번 관련  _ ///// */

/* 4_5 */
.table_txt { font-size: 14px; font-weight:bold; padding-top:12px; }
.blck_btn { font-family:inherit; font-size:14px; /*background:#2d2d2d;*/ background: #1d3a5a; line-height:30px; padding:0 25px; color:#fff; }

/* 4_6 */
.right_line1 { position:relative; padding-bottom: /* 220628 young 30px*/ 80px; border-bottom:1px solid #e3e3e3; }
.right_line1 .demand_icon { padding:60px 0 30px 0; float:none; }
.date_box { display:inline-block; transform:translateY(-2px); }
.date_box input[type="date"] { width:160px; font-size:14px; line-height:26px; background:url(../images/date_icon.png) no-repeat 95% 50%; }
.date_box span { color:#acacac; padding:0 7px; }

.right_line2 { padding-top:80px; }

/* 5_1 */
.sub_top .sub_select2 select { padding:10px 100px 10px 10px; }
.sub_top .sub_select2 select:first-child { background-position:94% 50%; }

/* 스위치버튼 */
.sub_select2 .switch_btn { transform:translate(5px,-3px); }
.switch_btn { display:inline-block; vertical-align:middle; }
.switch_btn .txt { 
	display:inline-block; 
    margin-right: 8px;
	font-size: 16px;
    font-weight: bold;
    transform: translateY(-8px);
}
.switch_btn input { display:none; }
.switch_btn label { position:relative; cursor:pointer; display:inline-block; width:65px; height:30px; background:#d7d7d7; border-radius:20px; transition:0.2s; }
.switch_btn .onf_btn { position:absolute; top:4px; left:3px; display:inline-block; width:22px!important; height:22px; border-radius:20px; background:#fff; transition:0.2s;  }
.switch_btn input:checked + label { background:#00a652; }
.switch_btn input:checked + label .onf_btn { left:40px; }

/* 테이블 */
.control_box { display:flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start;/* young 220516 justify-content:space-between; */}

.control_table { /* 220512 young */width:31%; border:1px solid #ccc; font-size:14px; color:#111; font-weight:bold; box-sizing:border-box; margin-bottom:25px; margin-right: 25px; }
.contr_tb1 { display:flex; justify-content:space-between; align-items:center; height:50px; padding:0 15px 0 25px; background:#33477a; }
.contr_tb1 p { font-size:16px; color:#fff; }
.contr_tb1 .contr_tb_tab { margin-top:13px; }
.contr_tb_tab a { padding:10px 30px; border:1px solid rgba(255,255,255,0.3); color:#fff; }
.contr_tb_tab a.contr_on { background:#fff; color:#111; }

.contr_tb2 { padding:20px 25px; background:#fff; }
.contr_tb2 > div p { float:left; position:relative; left:10px; font-size:16px; }
.contr_tb2 > div p::before { display:block; content:""; position:absolute; top:5px; left:-15px; width:8px; height:8px; background:#93c01f; }
.contr_tb2 > div .switch_btn { float:right; }
.contr_tb2 > div .switch_btn label { width:50px; height:25px; }
.contr_tb2 > div .switch_btn .onf_btn { width:19px; height:19px; top:3px; }
.contr_tb2 > div .switch_btn input:checked +label .onf_btn { left: 25px;/* 220513 young 28px;*/ }

.contr_tb3 { padding:0 25px; height:50px; display:flex; justify-content:space-between; align-items:center; background:#ebebeb; }
.time_input { display:inline-block; }
.time_input input { box-sizing:border-box; font-family:inherit; padding:7px; width:45px; font-size:14px; font-weight:bold; text-align: center;}
.time_input span { margin:0 3px; }
.new_schedule { color:transparent; width:30px; height:30px; background:url(../images/icon_plus.png) no-repeat 50% 50% #7d7d7d; }

.contr_tb4 { border-top:1px solid #ccc; background:#fff; height: 150px;/* 220513 young 122px;*/ }
.contr_tb4_L { float:left; border-right:1px solid #ccc; width:122px; height:100%; }
.contr_tb4_L p { /*  220713 young height:100%; display:flex; align-items:center; justify-content:center; */ }
.contr_tb4_R { float:left; width:calc(100% - 123px); box-sizing:border-box; padding:5px 100px 5px 35px; min-height:122px; overflow-x:hidden; overflow-y:scroll; /* 220513 young */ height: 150px;}
.contr_tb4_R li { height:27px; display:flex; align-items:center; }
.contr_tb4_R p { display:inline-block; margin-right:20px; }
.del_schedule { color:transparent; width: 20px;	height:20px; border:1px solid #ccc; background:url(../images/icon_minus.png) no-repeat 50% 50%; }

/* 스케줄설정 이미지 */
.time_schedule_box { padding:20px 0; }
.am_schedule span, .pm_schedule span { position:relative; padding:5px 0; }
.am_schedule span:first-child { left:12%; }
.am_schedule span:last-child { left:19%; }
.pm_schedule span:first-child { left:42%; }
.pm_schedule span:last-child { left:69%; }

.time_schedule li { float:left; height:20px; }
.time_schedule li:nth-child(odd) { background:#e6e6e6; }
.time_schedule li:nth-child(even) { background:#f36523; }
.time_schedule_1 { width:15%; }
.time_schedule_2 { width:15%; }
.time_schedule_3 { width:15%; }
.time_schedule_4 { width:35%; }
.time_schedule_5 { width:20%; }


/* 5_2 */
.light_control { width:15%; border:1px solid #ccc; font-size:16px; font-weight:bold; box-sizing:border-box; margin-bottom:25px; /* 220516 young */ margin-right: 25px; }
.ligt_cont_tb1 { height:50px; display:flex; justify-content:center; align-items:center; background:#736357; /* 220801 young */ justify-content:space-between; padding:0px 15px;}
.ligt_cont_tb1 p { color:#fff; }

.ligt_cont_tb2 { height:100px; display:flex; align-items:center; justify-content:center; background:#fff; text-align:center; }
.ligt_cont_tb2 span { display:block; min-width:170px; color:#111; border:1px solid #acacac; padding:5px 0; }
.ligt_cont_tb2 textarea { font-size:14px; width:100%; background:#fff; height:80%; border:1px solid #acacac; padding:7px; resize:none; }
.ligt_cont_tb3 button { font-size:14px; font-weight: 600; width:100%; padding:10px; }


.ligt_cont_tb3 { text-align:center; background:#f2f2f2; }
.ligt_cont_tb3 .switch_btn { padding:8px 0 5px 0; }

/* 6_0101 */
.input_box { margin:10px 0; }
.input_box .switch_btn { position:relative; top:2px; left:5px; }
.input_box .blck_btn { margin-left:7px; }
.set_label { width:130px; text-align:left; display:inline-block; }
.gray_btn { background:#464646; }

.search_box { background: #f2f2f2; margin-bottom: 20px; height: 125px; padding: 20px 30px; }
.search_label { width: 88px; color: #666; font-weight: 600; }

.user_setting { color:#111; font-size:14px; }
.user_setting p {margin-bottom:25px; line-height:140%; }
.user_setting input[type="text"] { font-size:14px; width:230px; padding:7px; margin-top:-2px; box-sizing:border-box; }
.user_setting input[type="password"] { font-size:14px; width:230px; padding:7px; margin-top:-2px; box-sizing:border-box; }
.user_setting .blck_btn { min-width: /* 220602 young 120px */ 90px; padding:1px 0; vertical-align: middle; }
.user_setting select { vertical-align:middle; font-weight:normal; font-size:14px; padding:7px 60px 7px 10px; box-shadow:none;
					   background:url(../images/icon_select.png) #fff no-repeat 90% 50%; background-size:12px; }


.cont_list .apart .table_st .setting_table table tr { background:#fff; }

.cont_list .apart .table_st .tbr { border-right: 1px solid #ddd; }

.setting_table { width:1000px; }
.setting_table h6 { margin-bottom:0; }
.table_btn { float:right; margin-bottom:10px; }

.setting_tit { font-size:18px; font-weight:bold; position:relative; left:16px; margin-bottom:20px; color:#111; }
.user_setting .setting_tit::before { content:""; width:10px; height:10px; border-radius:10px; background:#111; position:absolute; top:5px; left:-16px; }

.change_set { width:800px; }
.change_set .input_box:first-child { float:left; width:50%; }
.change_set .input_box:last-child { float:right; width:50%; text-align:right; }
.change_set input { width:320px; }
.change_set p { margin-left:130px; }
.change_set .blck_btn { margin-left:130px; }

.set_txtArea { margin-bottom:15px; }
.set_txtArea .set_label { vertical-align:top; margin-top:3px; } 
.set_txtArea textarea { width:calc(100% - 130px); height: /*220526 young 200px*/ 100px; border:1px solid #acacac; background:#fff; padding:7px; box-sizing:border-box;
					    font-size:14px; font-family:inherit; resize:none; }

.setting_sub { padding:50px 0; }
.setting_sub .demand_icon { float:none; padding:0 0 35px 0; }

.settin_col { float:left; margin-right:120px; min-width:487px; }


/* 6_0102 */
.sub06_0102 table td { width:25%; }

.table_bottomBtn .blck_btn { padding:1px 25px; min-width:120px; }
.table_bottomBtn { width:100%; text-align:center; margin-top:35px; }

.sub06_0102 table input[type="text"] { width:100%; font-size:14px; border:none; outline:none; }


/* 6_0103 */
.cont_list .apart .left h4.leftTitle_2line { height:auto; padding:7px 10px; line-height:25px; }
.admin_setting .apart .table_st tr:nth-child(odd), .sub06_0102 .apart .table_st tr:nth-child(odd) { background:#fff; }
.admin_setting .apart .table_st tr:nth-child(even) { background:#f3f5f9; }
.admin_setting .apart:nth-child(2n) { background:#fff; }

.admin_setting .setting_tit::before { content:""; width:9px; height:9px; background:#91bd20; position:absolute; top:6px; left:-16px; }

.setting_addWrap { width:780px; }
.setting_addBox { display:flex; justify-content:center; align-items:center; }
.setting_addList { width:330px; display:inline-block; font-size:14px; color:#111; border:1px solid #ddd; }
.setting_addList span { font-weight:bold; width:100%; text-align:center; background:#f2f2f2; padding:15px 5px; box-sizing:border-box; }
.setting_addList ul { height:300px; overflow-y:scroll; }
.setting_addList ul li input[type="checkbox"] { display:none; }
.setting_addList ul li input[type="checkbox"] + label { display:block; padding:10px 7px; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#fff; }
.setting_addList ul li:first-child input[type="checkbox"] + label, .setting_addList ul li:last-child input[type="checkbox"] + label { padding:15px 7px 10px 7px; }
.setting_addList ul li input[type="checkbox"]:checked + label { background:#f3fbdf; }

.addList_btn a { display:block; width:15px; height:auto; margin:35px 20px; }
.addList_btn a img { width:100%; }
.addList_btn a:last-child img { transform:scaleX(-1); }

.white_btn { display:inline-block; background:#fff; font-size:14px; border:1px solid #555; color:#333; padding:5px 25px; }

.cont_list .control_point .table_st tr:nth-child(even) { background: #fff; }

.control_point table td:last-child { width:200px; }

.control_point table input[type="text"] {font-size:14px; line-height:25px; margin-right:7px; text-align:center; }
.control_point table .w-100 { width:100px; }
.control_point table .w-125 { width:125px; }
.control_point .w-80 td, .control_point .w-80 input[type="text"] { width:80px !important; }     
  
.control_point table .switch_btn + .white_btn { margin-left:10px; vertical-align:top; padding:5px 15px; }

.control_point .fr { margin-bottom:10px; }

/* 220624 young */
.control_point .fr button.download_btn{
	/*background: #fff;
	border: 1px solid #555;
	background: url(./../images/icon_download.png) #fff no-repeat 90% 50%;  
	color: #333;
	padding:5px 24px 5px 10px;*/

 	display:inline-block; 
 	font-size:14px; 
 	border:1px solid #555; 
 	color:#333; 
 	padding:5px 30px 5px 15px; 
 	background:url(../images/icon_download.png) #fff no-repeat 89% 50%;
}

.white_add_btn { display:inline-block; font-size:14px; border:1px solid #555; color:#333; padding:5px 30px 5px 15px; margin-left:15px; background:url(../images/blck_plus.png) #fff no-repeat 80% 50%; }

.table_search { display:inline-block; font-size:14px; margin-bottom:10px; }
.table_search span { color:#111; }
.table_search input { padding:7px; width:190px; margin:-3px 0 0 20px; }

.ctrl_set input[type="text"] { margin-top:0; }
.ctrl_set .input_box:nth-child(n+3) { margin:15px 0; }
.ctrl_set .fr { margin:10px 0 50px 0; }
.fr .white_add_btn { margin-right:5px; transform:translateY(1px); }

.input_box input[type="radio"] { display:none; }
.input_box input[type="radio"] + label { position:relative; left:20px; margin-right:40px; }
.input_box input[type="radio"] + label::before { position:absolute; left:-20px; content:""; width:15px; height:15px; border-radius:15px; border:1px solid #acacac; }
.input_box input[type="radio"]:checked + label::after { position:absolute; top:4px; left:-16px; content:""; width:9px; height:9px; border-radius:9px; background:#000; }

/* young 220531 */
.radio_box input[type="radio"] { display:none; }
.radio_box input[type="radio"] + label { position:relative; left:20px; margin-right:40px;}
.radio_box input[type="radio"] + label::before { position:absolute; left:-9px; top: -8px; content:""; width:15px; height:15px; border-radius:15px; border:1px solid #acacac; }
.radio_box input[type="radio"]:checked + label::after { position:absolute; top:-4px; left:-5px; content:""; width:9px; height:9px; border-radius:9px; background:#000; }

 
.cont_list .apart .table_white .blck_btn { min-width:90px; width:auto; }

/* 06-02 */
.cont_list .apart .table_white tr:nth-child(odd),.cont_list .apart .table_white tr:nth-child(even) { background:#fff; }

.usage_wrap { font-size:14px; color:#111; text-align:center; margin-top:35px; }
.usage_wrap > span { font-weight:bold; font-size:15px; }

.usage_box { border-top:1px solid #ddd; border-bottom:1px solid #a0a0a0; margin-top:20px; }
.usage_box li { line-height:45px; text-align:center; box-sizing:border-box; }
.usage_box p:first-child { border-right:1px solid #ddd; }
.usage_box ul { height:250px; overflow-y:scroll; }
.usage_box ul li { display:grid; grid-template-columns:200px 1fr; border-bottom:1px solid #ddd; }
.usage_box ul li:last-child { border-bottom:0; }
.usage_box ul li p:last-child { padding:0 15px; text-align:left; }

.usage_box_tit { display:grid; grid-template-columns:200px 1fr; background:#f2f2f2; font-weight:bold; border-bottom:1px solid #ddd; }

.usage_input { display:grid; grid-template-columns:100px 1fr 100px; align-items:center; background:#f4f5f9; padding:5px 15px; border-top:1px solid #a0a0a0; }
.usage_input span { text-align:left; }
.usage_input input { font-size:14px; height:30px; box-sizing:border-box; }
.usage_input button { height:30px; margin-left:5px; }

.cont_list .apart .table_st .monthly_table table { width:calc(100% - 350px); float:left; }
.cont_list .apart .table_st .monthly_table table td { width:25%; padding:10px 5px; }
.monthly_table table input[type="text"] { font-size:14px; line-height:25px; margin-right:7px; width:30%; text-align:center; }

.monthly_table > div { float:left; margin-left:50px; width:300px; display:flex; height:350px; flex-direction:column-reverse; justify-content:space-between; }

.right_box { border:1px solid #ddd;}
.right_box p { color:#fff; font-size:15px; font-weight:bold; text-align:center; padding:7px 0; }
.right_box span { color:#111; font-size:24px; font-weight:900; text-align:center; display:block; padding:15px 0; }
.monthly_table > div .box_1 p { background:#736356; }
.monthly_table > div .box_2 p { background:#24397c; }
.monthly_table > div .box_3 p { background:#f36523; }

.chart_2col { width:48%; }

/* 06_0301 */
.table_st { font-size:14px; color:#111; }
.alarm_switch { margin:0 5px 0 15px; }

.sub06_3 .right { height:600px; }

/* 20221005 devhoi : margin-top 제거*/
.co2_content { position:relative; /*margin-top:60px;*/ width:100%; height:350px; background:url(../images/co2_bar.jpg) no-repeat 0 196px; background-size:100% 20px; }

.ppm_cur { position:absolute; top:80px; }
.ppm_cur span { display:block; position:relative; transform:translate(-22px, -9px); font-size:15px; font-weight:bold; padding:5px 15px; background:#ebebeb; border-radius:15px; }
.ppm_cur span::after { content:""; position:absolute; right:20px; bottom:-10px; width:0; height:0; border:15px solid transparent; border-top-color:#ebebeb; border-bottom:0; border-left:0; }

.ppm_cur1 { left:0%; transition-property: left; transition-duration: 1s; }
.ppm_cur2 { left:0%; transition-property: left; transition-duration: 1s; }

.co2_val { position:absolute; top:110px; left:36%; font-size:15px; font-weight:bold; color:#fff; padding:20px 15px; background:#534741; }
.co2_val::after { position:absolute; top:57px; left:0; content:""; width:0; height:0; border: /* 220510 young 28.5px*/ 30px solid transparent; border-top:28.5px solid #534741; }

.ppm { position:absolute; top:0; font-weight:bold; }
.ppm_1 { right:31%; }
.ppm_2 { right:23%; }
.ppm::before { position:absolute; left:-10px; content:""; width:1px; height:196px; background:#c2c2c2; }

.co2_face { position:absolute; bottom:8%; font-size:15px; font-weight:bold; text-align:center; line-height:140%; padding-top:45px; }
.co2_face1 { left:5%; background:url(../images/face_04.png) no-repeat 50% 0; }
.co2_face2 { left:25%; background:url(../images/face_03.png) no-repeat 50% 0; }
.co2_face3 { left:47%; background:url(../images/face_02.png) no-repeat 50% 0; }
.co2_face4 { left:70%; background:url(../images/face_05.png) no-repeat 50% 0; }
.co2_face5 { left:92%; background:url(../images/face_01.png) no-repeat 50% 0; }

/* 06_0303 */
.switch_table td:last-child { width:350px; }
.switch_table b { display:inline-block; width:70px; text-align:center; }


/* 07_01 */
.sun_energy { display:flex; justify-content:space-evenly; align-items:center; background:url(../images/sun_energyBG.png) no-repeat 50% 50%; background-size:auto 100%; font-size:14px; }
.sun_box { width:350px; }
.sun_box h3 { text-align:center; }
.sun_box h3 span { font-size:24px; }
.sun_box ul { padding:30px; margin-top:15px; font-weight:bold; color:#fff; font-size:15px; box-sizing:border-box; }
.sun_box ul li { padding-bottom:7px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.2); }
.sun_box ul li:last-child { margin-bottom:0px; }
.sun_box ul li span:first-child::before { content:""; display:inline-block; width:3px; height:3px; background:#fff; margin-right:5px; }


/* 04_04 */
.energy_table { height: /* 220520 young 800px */ 844px; background:url(../images/table_map.png) no-repeat /* 220520 young 53% 50% */ 55% 52%; }
.cont_list .apart .table_st .table1 { width:330px; position:absolute; left:50%; transform:translateX(-50%); }
.cont_list .apart .table_st .table2 { width:280px; position:absolute; top: /* 220520 young 330px */304px; left:61%; }
.cont_list .apart .table_st .table2 td { width:50%; }

.table3_box { display:flex; justify-content:space-evenly; margin-top: /* 220520 young 450px */ 490px; flex-wrap: wrap;}
.table3_box > div { width: /* 220630 young 240px*/ 350px; text-align:center; display:inline-block; margin:35px 10px 30px 0; } 
.table3_box button { margin-top:15px; }
.table3_box .row1 td { height:68px; }
/* .cont_list .apart .table_st .table3 { min-height: 148px; }  */


.check_box input[type="checkbox"] { display:none; }
.check_box input[type="checkbox"] + label { display:inline-block; position:relative; width:15px; height:15px; border-radius:15px; background:#fff; border:1px solid #acacac; }
.check_box input[type="checkbox"]:checked  + label::before { content:""; position:absolute; top:3px; left:3px; width:9px; height:9px; border-radius:9px; background:#000; }


/* 09 실시간 에너지 사용 */
._energyC .sub_top { min-height:127px; }
._energyC .sub_top .title { transform:translateY(150%); }
._energyC .sub_top .title h3::before { height:38px; }

._energyC_cont1 { display:flex; justify-content:space-between; margin-bottom:100px; }
._energyC_box { background:#fff; width:32%; box-sizing:border-box; padding:15px; }
._energyC_box h1 img { height:40px; vertical-align:middle; margin-right:8px; }
._energyC_box .chart { min-height:200px; background:#c99; margin:10px 0; }
._energyC_box .txtBox { text-align:right; }
._energyC_box .txtBox span { font-size:24px; font-weight:bold; }

._energyC_cont2 { display:flex; justify-content:space-between; }
._energyC_box4 { background:#fff; width:20%; box-sizing:border-box; padding:15px; }  
._energyC_box4 div { background:#c99; min-height:200px; }  
._energyC_box4 h1 { color:#04af46; text-align:center; margin-top:15px; }  

._energyC_box5 { width:25%; }
._energyC ._energyC_cont2 ._energyC_box5 table td { background:#fff; line-height:10px; border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
._energyC_box6 { width:51%; }
._energyC_box6 .chartWrap { display:flex; justify-content:space-between; }
._energyC_box6 .chartWrap .chart { width:49%; }


/* 메인 */

.main_contents { padding-top:147px; }

.main_top { position:absolute; z-index:1; width:100%; height:200px; padding:30px 60px; background:#1d3a5a; box-sizing:border-box; top:146px; min-width:1760px;}
.main_top_txt { color:#fff; }
.main_top_txt h1 { display:inline; margin:0 8px 0 10px; font-size:30px; font-weight:900; text-transform:uppercase; }
.main_top_txt span { font-size:15px; }

/* 전기, 가스, 유류 그래프 박스 */
.today_graph_wrap { position:absolute; z-index:1; top:260px; left:60px; width:calc(100% - 120px); }

.today_graph_box { width:100%; color:#222; /* border:1px solid #e8e8e8; background:#fff;*/ }
/* devhoi : 그래프 높이 고정 */
.today_graph_box > li { display:inline-block; width:24%; padding:15px; border:1px solid #e8e8e8; height: 550px; box-sizing:border-box; margin-right: 10px; margin-bottom: 10px; background: white; /*box-shadow: 0 5px 18px -7px rgba(0,0,0,1); */ border-radius: 7px;}
/*.today_graph_box > li:last-child { border-right:0; }*/
.today_graph_box h2 img { vertical-align:middle; margin-right:8px; }
.today_graph_box .today_graph { padding:15px; border-bottom:1px solid #ccc; }

.today_graph_txt { padding-top:20px; font-size:15px; }
.today_graph_txt > li { margin-bottom:10px; }
.today_graph_tit > li > span { position: relative; width:115px; font-weight:bold; }
.today_graph_tit > li > span::after { content:""; position:absolute; right:0; width:1px; height:15px; background:#ccc; }
.today_graph_tit h3, .today_graph_tit h4 { display:inline-block; margin-left:10px; }
.today_graph_tit h3 { font-size:28px; font-weight:900; }
.today_graph_tit h3 span { font-size:15px; }

.today_graph_sub { margin-top:25px; }
.today_graph_sub p { display:inline-block; line-height:1.4em; }
.today_graph_sub span { font-weight:bold; }

/* 폰트색상 */
.today_graph_elec h3, .today_graph_elec h4 { color:#9e0b0f; }
.today_graph_gas h3, .today_graph_gas h4 { color:#2272bc; }
/* .today_graph_oil h3, .today_graph_oil h4 { color:#2272bc; } */

.today_graph_wrap > span { width:100%; text-align:right; margin-top:10px; }

 
/* 에너지 그래프 박스 _0928 수정 */ 
.graph_wrap { position:absolute; z-index:2; top:160px; left:60px; width:calc(100% - 120px); }

.main_engy_grph_wrap { padding:20px 0px 0px 0px;   }
.main_engy_grph_wrap:first-child{padding-top: 5%;}
.main_engy_grph_box { display:grid; grid-template-columns:repeat(4, 1fr); grid-column-gap:7px;}
.main_engy_grph_box > li { min-height:27vw; padding:30px; background:#fff;  border: 1px solid #e8e8e8; border-radius: 5px; }

.main_engy_grph_box h4 { font-size:16px; font-weight:bold; color:#222; }
.main_engy_grph_box h4 img { vertical-align:middle; margin-right:8px; }

.main_engy_grph { display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; }

.zero_energy { display:block; padding:7px 25px; margin:10px 0px; font-size:18px; font-weight:bold; color:#fff; background:#76aa74; border-radius:25px; }

.main_engy_grph_2_txt { width:100%; padding-top:20px; margin-top:15px; border-top:1px solid #ccc; }
.main_engy_grph_2_txt ul { font-size:15px; color:#222; }
.main_engy_grph_2_txt .today_graph_tit li > span { width:130px; }

/* 220630 young */
#table_equipment th:first-child,
#table_equipment td:first-child{
	width: 28px;
}
#table_point th:first-child,
#table_point td:first-child{
	width: 28px;
}

/* 220726 young */
.upload_wrap {
	position: relative;
    /*height: 30px;*/
    display: inline-block;
}
input.upload {/*읽기전용 인풋텍스트*/
	float:left;
	width:230px;/* 버튼 포함 전체 가로 길이*/
	padding:5px;
	border:1px solid #acacac;
	padding-right: 30px;
  	height: inherit;
}
.clear-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 29px;
	height: 29px;
	padding-right: 113px;
	background: url(../images/delete.png) no-repeat 0% 50%;
	background-size: 12px;
	border: none;
	outline: none;
	cursor: pointer; 
}
/*.delete-btn {
 	background: url( "../images/delete.png" ) no-repeat;
    border: none;
    width: 32px;
    height: 32px;
}*/
.delete-btn {
	position:relative;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	margin-left:10px;
	color:#464646;
}
.delete:after {
	content: "\00d7"; 
	font-size:25px;
	/*line-height:50px;*/
}
div.upload-btn_wrap input.input_file {/*파일찾기 폼 투명하게*/
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";
	-moz-opacity:0;
} 
div.upload-btn_wrap {/*버튼테두리 감싼 div*/
	overflow:hidden;
	position:relative;
	float:left;
	padding-left:3px;
}
div.upload-btn_wrap button {/*버튼 div*/
	display:inline-block; 
	background:#fff; 
	font-size:14px; 
	border:1px solid #555; 
	color:#333; 
	padding:4px 15px;
	line-height:18px;
	/*font-family:inherit;
	font-size:14px;
	background:#2d2d2d;
	line-height: 28px;
	color:#fff;
	padding: 1px 25px;
	min-width: 120px;*/
}
.img_preview {
	width: 125px;
	height: 35px;
	background: #ddd;
	border-radius: 2px;
	padding: 35px 52px;
	margin-bottom:7px;
} 
.building_logo{
	width: 125px;
	height: 35px;
	object-fit: scale-down;
}
/* 2022_11월 에너지 진단 보고서 _ 추가 퍼블리싱 */
.report_top{ 
	min-height:110px; 
	/* box-shadow: 0 4px 5px -4px #00000030 inset; */
	border-bottom: 1px solid #e3e3e3;
	position: relative; 
	display: flex;
	padding-top: 196px;
}
.report_top .title{
	padding: 44px 0px 0 60px;
	display:inline-block;
	color: #111; 
	width: 370px; 
}
.report_top .title h3{
	font-size: 22px;
	font-weight: 600;
	position: relative;
	padding-left: 30px;
}
.report_top .title h3::before{
	content: '';
    position: absolute;
	top: 3px;
	left: 0px;
	width: 22px;
	height: 22px;
	background: url(./../images/sub_bl.png) no-repeat ;  
} 
.report_step li{
	float: left;
	border-right: 1px solid #ededed;
	height: 70px;
	padding: 40px 45px 0 90px;
	font-size: 14px;
	line-height: 18px;
	position: relative;
}
.report_step li::before{
	content: "";
	position: absolute;
	background: url(./../images/report_right.png) no-repeat ;  
	width: 28px;
	height: 28px;
	top: 45px;
	left: -14px;
}
.report_step li:first-child{border-left: 1px solid #ededed;}
.report_step li:first-child::before{display: none;}
.report_step li.step01{background: url(./../images/report01.png) no-repeat;background-position: 52px 40px;}
.report_step li.step02{background: url(./../images/report02.png) no-repeat;background-position: 45px 39px;}
.report_step li.step03{background: url(./../images/report02.png) no-repeat;background-position: 45px 39px;}
.report_step li.step04{background: url(./../images/report03.png) no-repeat;background-position: 45px 43px;}
.report_step li.on{font-weight: bold;}
.report_step li.step01.on{background: url(./../images/report01_on.png) no-repeat; background-position: 52px 40px;}
.report_step li.step02.on{background: url(./../images/report02_on.png) no-repeat; background-position: 45px 39px;}
.report_step li.step03.on{background: url(./../images/report02_on.png) no-repeat; background-position: 45px 39px;}
.report_step li.step04.on{background: url(./../images/report03_on.png) no-repeat; background-position: 45px 43px;}

.report_condition .red{color: #cc0000;}
.report_condition .blue{color: #0054a6;}
.report_condition .green{color: #1c7e4f;}
.report_condition .orange{color: #f26522;}

/* 2022_11월_22일 추가 수정 */
.report_back{
	background: #f9fafb;
	width: 100%;
	text-align: center;
	padding: 70px 0;
	margin-bottom: -60px;
}
.report_cover{
	width: 1300px;
	margin: 0 auto;
	border: 1px solid #888888;
	background: #fff;
}
.report_cover .cover_top{
	position: relative;
	height: 60px; 
	background: #3b3b3b;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between; 
	color: #fff;
	padding: 0 30px;
}  

.report_condition{
	border-bottom: 1px solid #e3e3e3;
	display: flex;
	padding: 60px 0 40px;
	margin: 0 60px;
}
.condition_left{
	padding:20px 20px 0 0px;
	color: #222;
	width: 360px;
}
.condition_left .tit{
	display: flex;
	font-size: 18px;
	font-weight: bold;
	align-items: flex-start;
}
.condition_left .tit p{
	padding-left: 18px;
	font-size: 30px; 
}
.condition_left .tit strong{
	font-size: 20px;
}
.condition_left .tit span{
	font-weight: normal; 
	font-size: 14px;
}
.condition_left dl{
	margin-top: 30px;
	font-size: 14px;
	line-height: 38px;
	font-weight: bold;
}
.condition_left dl .right{
	float: right;
}
.condition_left dt{
	border-bottom: 2px solid;
	padding: 0 8px;
	margin-bottom: 10px;
	text-align: left;
} 
.condition_left .sl{font-weight: normal;}
.condition_left dt .right span{font-size: 30px;}
.condition_left dd{
	border-bottom: 1px solid #dbdcdd;
	text-align: left;
	padding: 0 8px;
}
.condition_right{padding-left: 20px;}
.condition_right .tit{font-size: 18px;}
.condition_right .tit b{font-size: 22px;}
.condition_right .graph_box{
	width: 650px;
	height: 150px;
	padding: 25px 50px ;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	background: #f9fafb;
	margin: 15px 0;
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.condition_right .graph_box .graph_report{
	display: flex; 
	padding-left: 25px;
}
.condition_right .graph_report .tit_left{
	font-size: 14px;
	/* 2022-11-22 devhoi width: 128px; -> 150px*/
	width: 80px;
	/* line-height: 38px; */
	text-align: left;
}
.condition_right .graph_report .graph_bar{
	width: 500px;
	height: 40px;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
/* 2022-11-23 devhoi white-space 추가 */
.condition_right .graph_report .graph_bar .bar{
	font-size: 12px;
	line-height: 39px;
	letter-spacing: -0.5px;
	color: #fff;
	height: 40px;
	text-align: right;
	padding-right: 7px;
	white-space: nowrap;
} 
.condition_right .txt{
	font-size: 14px; 
	line-height: 23px;
	text-align: left;
	padding-bottom: 6px;
}
.condition_right .txt b{font-size: 18px;}

.report_item{
	padding: 20px 0 50px;
	margin: 0 60px 0;
	border-bottom: 1px solid #e3e3e3;
}
.report_item .box_tit{
	position: relative;
	font-size: 18px;
	padding:30px 0 30px 28px;
	text-align: left;
	font-weight: bold;
	color: #111;
}
.report_item .box_tit span{
	display: block;
	font-size: 14px;
	color: #555;
	padding-top: 5px;
	font-weight: normal;
}
.report_item .box_tit::before{
	content: "";
	position: absolute;
	width: 22px;
    height: 22px;
    background: url(./../images/sub_bl.png) no-repeat;
	left: 0;
	top: 31px;
}
.report_item .box_txt{
	text-align: left;
}
.report_item .box_txt p{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}
.report_item .box_txt span{
	font-size: 14px;
}
.box_stock{
	width: 100%;
	font-size: 14px;
	margin-top: 20px;
}
.box_stock thead{
	background: #f1f5f8;
	font-weight: bold;
}
.box_stock tbody{
	border-bottom: 1px solid #e8e8e8;
}
.box_stock th,
.box_stock td{
	padding: 8px;
	border-top: 1px solid #e8e8e8;
}
.box_stock td{
	vertical-align: middle;
}
.box_stock td span{
	border-radius: 3px;
	padding: 5px 8px;
	background-color: #d8d8d8;
	min-width: 30px;
}
.box_stock td span.back_blue{
	background-color: #b9e1ff;
}
.box_stock td span.back_red{
	background-color: #ffd3d0;
}
.box_stock td span.back_grey{
	background-color: #eaeaea;
}
.box_stock td span.back_purple{
	background-color: #d7c6df;
}
.box_stock td img{
	vertical-align: inherit;
}
.box_stock td.border_none{
	border-top: 0;
}
.box_stock th{
	text-align: left;
	font-weight: bold; 
	padding: 10px 5px 0 20px;
}
.box_stock td:first-child{
	width: 5%;
} 



.report_item .graph_area{
	width: 1180px;
}
.report_footer{
	padding: 30px 60px;
}
.report_footer p{
	font-size: 12px;
	color: #555;
}


/* 2022_11월 시뮬레이션 */
.h3_txt{
	float: left;
	padding-top: 40px;
	font-size: 14px;
	width: 730px;
	line-height: 20px;
} 
.outcome_box{
	margin: 50px auto;
	width: 1000px;
	padding: 40px 60px;
	border: 1px solid #b2b2b2;
	font-size: 14px;
	box-shadow: 5px 5px #ededed;
	color: #222;
}
.outcome_box .box_tit{
	padding: 2px 0 20px 70px;
	height: 52px;
	background: url(/images/outcom_img.png) left top no-repeat;
}
.outcome_box .box_tit small{ 
	font-size: 14px;
}
.outcome_box .box_tit .tit{
	font-size: 22px;
	font-weight: bold;
	line-height: 34px;
}

.box_cont{
	display: flex;
	justify-content: space-between;
}
.box_cont .img_slide{
	width: 564px;
	height: 430px;
	background: #c2c2c2;
}


.box_cont .outcome_list{
	width: 390px; 
	display: flow-root;
}
.outcome_list dl{
	margin-top: 20px;
	width: 380px;
	font-size: 14px;
	line-height: 38px;
	font-weight: bold;
	margin-bottom: 0;
}
.outcome_list dl .right{
	float: right;
}
.outcome_list dt{
	border-bottom: 2px solid;
	padding: 0 8px;
	margin-bottom: 10px;
} 
.outcome_list .sl{font-weight: normal;}
.outcome_list dt .right span{font-size: 30px;}
.outcome_list dd{
	border-bottom: 1px solid #dbdcdd;
}
.outcome_list .bl_div{
	clear: both;
	background: #e9f8fe;
	width: 372px;
	height: 62px; 
	text-align: right; 
	padding: 25px 8px 0 0;
	margin: -10px 0 0 0;
	font-weight: bold;
}
.outcome_list .bl_div strong{
	font-size: 30px;
}
.outcome_list .txt{
	padding-top: 25px;
	text-align: right;
	line-height: 22px;
	padding-right: 8px;
	letter-spacing: -0.3px;
}
/* 2022_11월 07_ pop */
.sub07_pop .input_box{
	display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: flex-start;
	margin: 20px 0;
}
.sub07_pop .input_box input{width: 550px;}
.sub07_pop_txt{margin: 15px 0 10px 130px;}



/* 2022_11월_22일 전기요금고지서 추가 */
.cont_bill{
	text-align: center;
	position: relative;
	background: #f1f5f8;
}
.bill{
	margin: 0 auto; 
	padding-bottom: 60px;
	width: calc(100% - 120px);
	max-width: 1760px;
	margin-bottom: -60px;
}
.bill_user{ 
	width: 800px; 
	height: 100px;
	margin: 0 auto;
	display: flex;
	padding: 60px 0;
}
.bill_user .left{
	position: relative;
	width: 270px;
}
.bill_user .left img{
	position: absolute;
	left: 0;
}
.bill_user .left p{
	width: 120px;
	padding-left: 120px;
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 24px;
	height: 72px;
}
.bill_user .left::before{
	content: "";
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 90px;
	background: #ccc;
} 

.bill_user .right{
	position: relative;
	padding-left: 50px;
}
.bill_user .right dl{
	display: flex;
	margin-bottom: 13px;
}
.bill_user .right dt{
	font-size: 18px;
	font-weight: bold;
	width: 115px;
	line-height: 38px;
}
.bill_user .right dd{
	text-align: left;
	display: flex;
    width: 370px;
}
.bill_user .right dd select{
	padding: 8px 30px 8px 10px;
    font-family: inherit;
	background: url(./../images/select_arr_g.png)#fff no-repeat calc(100% - 15px) 50%;
	border: 1px solid #acacac;
    border-radius: 0px;
    box-shadow: 2px 2px 3px #0000001c;
    font-size: 16px;
    color: #222;
    font-weight: bold;
	width: 100%;
}
.bill_user .right dd select+select{
	margin-left: 12px;
}

.bill_cont{
	position: relative;
	display: flex;
	justify-content: space-evenly;
}
.subject_box{
	position: relative;
	background: #fff;
    border: 1px solid #e8e8e8;
	border-radius: 5px;
	padding: 35px 58px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #222;
	margin-right: 15px;
	width: 400px;
}
.subject_box .box_tit{
	position: relative;
	font-size: 18px;
	padding-bottom: 30px;
}
.subject_box .box_tit::before{
	content: "";
	position: absolute;
	width: 22px;
    height: 22px;
    background: url(./../images/sub_bl.png) no-repeat;
	left: -28px;
	top: 1px;
}
.bill_table,
.bill_table02{ 
	width: 100%;
}
.bill_table thead tr{
	height: 44px;
	background: #f7f7f7;
	border-bottom: 2px solid #222;
}
.bill_table tbody tr{
	height: 43px;
	border-bottom: 1px solid #dbdcdd;
	vertical-align: bottom;
	line-height: 42px;
}
.bill_table tbody tr:first-child{
	padding-top: 10px;
	height: 53px;
}
.bill_table th,
.bill_table td,
.bill_table02 th,
.bill_table02 td{
	padding: 0 15px;
}
.bill_table td{
	text-align: right;
}
.bill_table thead tr td span{
	font-size: 30px;
}
.bill_table tbody tr.table_chart{
	height: auto;
	min-height: 150px;
}
.bill_table tbody tr.table_chart th{
	padding: 15px 0 ;
    position: relative;
	min-height: 150px;
	text-align: center;
}
.bill_table02 th,
.bill_table02 td{
	text-align: center;
	font-weight: normal;
	height: 43px;
	border-bottom: 1px solid #dbdcdd;
	border-right: 1px solid #dbdcdd;
	vertical-align: bottom;
	line-height: 42px;
}
.bill_table02 th{
	font-weight: bold;
	border-top: 1px solid #dbdcdd;
	border-bottom: 2px solid #dbdcdd;
	background: #f7f7f7;
}
.bill_table02 th:last-child,
.bill_table02 td:last-child{
	border-right: 0;
}
/* 2022_11월_22일 전기요금고지서 추가 _ // */

/* 2023_04 추가 퍼블 */ 
.popupLeft_202304{
	width: 50%;
	float: left;
}
.popupRight_202304{
	width: 48%;
	float: right;
}

.optimal_control{
	display: flex;
    justify-content: space-between;
}
.control_left{
	width: 800px;
}
.control_right{
	width: 500px;
	border-left: 1px solid #e3e3e3;

}
.control_item{
	padding: 0 0 50px;
    margin: 0 30px 0;
	border-bottom: 1px solid #e3e3e3;
}
.control_item .box_tit{
	position: relative;
	font-size: 18px;
	padding:30px 0 20px 28px;
	text-align: left;
	font-weight: bold;
	color: #111;
}
.control_item .box_tit span{
	display: inline-block;
	font-size: 14px;
	color: #555;
	padding-top: 5px;
	font-weight: normal;
}
.control_item .box_tit::before{
	content: "";
	position: absolute;
	width: 22px;
    height: 22px;
    background: url(./../images/sub_bl.png) no-repeat;
	left: 0;
	top: 31px;
}
.control_item .box_txt{
	text-align: left;
}
.control_item .box_txt p{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}
.control_item .box_txt span{
	font-size: 14px;
}
.control_item .graph_area{
	/* width: 100%; */
}

.optimal_weather{

}
.optimal_weather th,
.optimal_weather td{
	text-align: center;
	font-weight: normal; 
	vertical-align: bottom;
	vertical-align: middle;
	font-size: 12px;
	line-height: 18px;
	padding: 5px 0 7px;
}
.optimal_weather th{
	font-weight: bold;
	border-top: 1px solid #dbdcdd;
	border-bottom: 2px solid #dbdcdd;
	background: #f7f7f7;
	font-size: 14px; 
	padding: 8px;
} 
.optimal_weather td{
	padding: 6px 25px;
	border-bottom: 0;
}
.optimal_weather td img{
	width: 60%;
}
.optimal_weather td .txt{
	padding-top: 10px;
}
.td_bdst{
	border-bottom: 1px solid #dbdcdd;
}
.control_left .control_item:last-child,
.control_right .control_item:last-child{
	border-bottom: 0;
}

/* 2023.10.26 young */

.article {
	width: 100%;
	/* margin-top: 25px; */
}

.article:first-child {
	padding: 40px 60px 40px 60px;
}

.article .titleLine {
	width: 100%;
	/* padding-bottom:10px;  */
}

.article .titleLine .icon {
	width: 58px;
	height: 45px;
	display: inline-block;
	vertical-align: middle;
}

.article .titleLine .icon img {
	max-height: 100%;
}

.article .titleLine .textArea {
	width: 800px;
	display: inline-block;
	vertical-align: middle;
	/* margin-left:10px; */
}

.article .titleLine .textArea .title {
	font-size: 18px;
	color: #3f6ad8;
	font-weight: 600;
}

.article .titleLine .textArea .enTitle {
	font-size: 14px;
	color: #777;
	font-family: 'roboto', 'noto sans kr';
	opacity: 0.6;
}

.article .section {
	margin-top : 15px;
}

.section .deTableArea {
	width: 60%;
	margin-top: 30px;
}

.section .deTableArea table {
	width: 100%;
}

.section .deTableArea table thead th {
	/* border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5; */
	box-sizing: border-box;
	font-weight: 600;
	font-size: 15px;
	color: #222;
	padding: 10px 0px;
	background: #e5eaef;
	text-align: center;
	border-left: 3px solid #fff;
}

.section .deTableArea table tbody th {
	/* border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5; */
	box-sizing: border-box;
	font-weight: normal;
	font-size: 14px;
	color: #777777;
	padding: 10px 0px;
	text-align: center;
	background: #f9f9f9;
	text-align: center;
	border-left: 3px solid #fff;
	border-top: 3px solid #fff;
}

.section .deTableArea table tbody td {
	/* border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5; */
	box-sizing: border-box;
	font-weight: normal;
	font-size: 14px;
	color: #777777;
	padding: 10px;
	background: #f9f9f9;
	border-left: 3px solid #fff;
	border-top: 3px solid #fff;
}

.section .deTableArea table tbody .lastTh {
	border-right: 0px solid #e5e5e5;
}

.section .deTableArea table th:first-child, .section .deTableArea table td:first-child
	{
	border-left: 0;
}

.article .resultArea {
	width: 100%;
	display: inline-block;
	margin: 30px 0 15px 0;
}

.article .resultArea .result {
	width: 250px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 40px;
	margin-right: 70px;
}

.article .resultArea .result .subject {
	font-size: 15px;
	color: #999;
}

.article .resultArea .result .substance {
	font-size: 22px;
	color: #ff8d00;
	font-weight: 600;
	text-align: center;
	padding: 10px;
	background: #efefefef;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	height: 27px;
}

.article .resultArea .graphArea {
	width: 600px;
	display: inline-block;
	vertical-align: middle;
}

.article .resultArea .graphArea .state {
	width: 100%;
	display: inline-block;
}

.article .resultArea .graphArea .state li {
	display: inline-block;
	font-size: 15px;
}

.article .resultArea .graphArea .state li:first-child {
	text-align: center;
	border-left: 1px solid #e5e5e5;
	/* //color:#ed4c4c; */
	margin: 0px 0px 5px 0px;
}

.article .resultArea .graphArea .state li:nth-child(2) {
	text-align: center;
	border-left: 1px solid #e5e5e5;
	/* //color:#ffba00; */
	margin: 0px 0px 5px 0px;
}

.article .resultArea .graphArea .state li:last-child {
	/* //color:#089ed3; */
	text-align: center;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	margin: 0px 0px 5px 0px;
}

.article .resultArea .graphArea .graphLine {
	width: 100%;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
}

.article .resultArea .graphArea .graphLine .graphbar {
	width: 100%;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	height: 17px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	overflow: hidden;
}

.article .resultArea .graphArea .graphLine .graphbar .colorbar79 {
	width: 79%;
	height: 16px;
	background: linear-gradient(to right, #f25550, #fff517, #089ed3);
	/* background:linear-gradient(to right, #d92550, #f7b924, #3f6ad8); */
}

.article .resultArea .graphArea .graphLine .scoreArea {
	position: absolute;
	margin-left: 77%;
	margin-top: -20px;
}

.article .resultArea .graphArea .graphLine .scoreArea .dot {
	width: 5px;
	height: 5px;
	border: 10px double #c1c1c1;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	background: #fff;
}

.article .resultArea .graphArea .graphLine .scoreArea .line {
	width: 1px;
	height: 10px;
	background: #c1c1c1;
	margin-left: 11px;
}

.article .resultArea .graphArea .graphLine .scoreArea .score {
	font-size: 16px;
	color: #222;
	font-family: 'roboto', 'noto sans kr';
	margin-left: -3px;
	line-height: 21px;
	font-weight: 600;
}

.article .Qcont {
	width: 100%;
	margin-top: 20px;
	/* display: grid;
    grid-template-columns: 18px auto; */
	display: flex;
}

.article .Qcont .Qmark {
	width: 18px;
	display: inline-block;
	vertical-align: top;
}

.article .Qcont .Qmark img {
	width: 100%;
}

.article .Qcont .text {
	font-size: 14px;
	color: #444444;
	display: inline-block;
	vertical-align: top;
	margin-left: 8px;
	/* width:800px; */
	word-break: keep-all;
}


/* 2023_06 */
.main_board.half_width {
	width: 50%;
}

.main_board + .main_board {
	margin-left: 10px;
}

.board {
	width: 100%;
	padding: 15px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 10px;
    background: white;
    border-radius: 7px;
}

.board .container {
	padding: 15px;
}

.board .container.is-flex {
	display: flex;
}

.board_title_box {
	display: flex;
	justify-content: space-between;
}

.board_title_box.--flex {
	align-items: center;
	padding-bottom: 30px;
}

.board_title_box.--flex .box_tit {
	padding: 0 0 0 28px;
}

.board_title_box .usage_txt_box {
	text-align: right;
}

.board_title_box .usage_txt_box .usage_txt {
	display: block;
	font-size: 1.5rem;
	font-weight: 900;
	/* color: #9e0b0f; */
}

.board_title_box .usage_txt_box .usage_txt span {
	font-size: 15px;
	font-weight: 600;
}

.board_title_box .usage_txt_box .usage_desc {
	display: block;
	font-size: 15px;
	font-weight: bold;
	/* color: #2272bc; */
}

.progress_area .txt_box {
	display: flex;
	justify-content: space-between;
	align-items: end;
	margin-bottom: 10px;
}

.progress_area .txt_box .days .title {
	font-size: 15px;
	font-weight: bold;
}

.progress_area .txt_box .days .desc {
	margin-top: 5px;
	color: #555;
}

.progress_area .txt_box .percent .title {
	font-size: 18px;
	font-weight: 900;
}

.progress_area.progress_red .txt_box .percent .title {
	color: #ff0000;
}

.progress_area.progress_blue .txt_box .percent .title {
	color: #0072bc;
}

.progress_area.progress_red .txt_box .percent .title span, .progress_area.progress_blue .txt_box .percent .title span {
	font-size: 15px;
	font-weight: normal;
	color: #222;
}

.progress_outer {
	width: 100%;
	height: 20px;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	background-color: #eaeaef;
}

.progress_inner {
	display: inline-block;
	height: inherit;
	border-radius: 4px;
}

.progress_area.progress_red .progress_inner {
	background-color: #ff0000;
}

.progress_area.progress_blue .progress_inner {
	background-color: #0072bc;
}

.main_weather {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main_weather li {
	width: 25%;
	text-align: center;
}

.main_weather li + li {
	margin-left: 15px;
}

.main_weather .weather_img span {
	font-size: 18px;
	font-weight: bold;
}

.main_weather .weather_img span::before {
	display: inline-block;
	content: '';
	width: 20px;
	height: 40px;
	margin-right: 8px;
	vertical-align: middle;
}

.main_weather .weather_img span.i_temp::before {
	background-image: url(../images/icon_collection.png);
	background-position: -16px -158px;
}

.main_weather .weather_img span.i_humd::before {
	background-image: url(../images/icon_collection.png);
	background-position: -65px -158px;
}

.main_weather .weather_progress .title {
	display: block;
	font-size: 15px;
	font-weight: bold;
}

.main_weather .weather_progress .desc {
	display: block;
	margin-top: 5px;
}

.main_weather .weather_progress .progress_outer {
	height: 15px;
	margin-top: 12px;
	border-radius: 15px;
	text-align: left;
}

.main_weather .weather_progress .progress_inner {
	border-radius: 15px;
}

/* 미세먼지 수치별 컬러 조정 */
/* 좋음 */
.main_weather .weather_progress.--good .desc .txt {
	color: #10a2cb;
}

.weather_progress.--good .progress_outer {
	background-color: #c5ebf5;
}

.weather_progress.--good .progress_inner {
	background-color: #1cc1ef;
}

/* 보통 */
.main_weather .weather_progress.--normal .desc .txt {
	color: #169500;
}

.weather_progress.--normal .progress_outer {
	background-color: #beedd4;
}

.weather_progress.--normal .progress_inner {
	background-color: #00a651;
}

/* 나쁨 */
.main_weather .weather_progress.--bad .desc .txt {
	color: #ff6600;
}

.weather_progress.--bad .progress_outer {
	background-color: #ffeadc;
}

.weather_progress.--bad .progress_inner {
	background-color: #ff6600;
}

/* 매우나쁨 */
.main_weather .weather_progress.--v-bad .desc .txt {
	color: #ff0000;
}

.weather_progress.--v-bad .progress_outer {
	background-color: #ffdfdf;
}

.weather_progress.--v-bad .progress_inner {
	background-color: #ff0000;
}
/* //미세먼지 수치별 컬러 조정 */

.usage_rank li + li {
	margin-top: 15px;
}

.usage_rank .list_wrap {
 	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
	border-radius: 20px;
	background-color: #f3f5f9;
	box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.2);
}

.usage_rank .font_large {
 	font-size: 18px;
	font-weight: bold;
}

.usage_rank .font_large span {
	font-size: 13px;
	font-weight: normal;
}

.usage_rank .percent.blue .desc, .usage_rank .percent.red .desc {
	color: #555;
}

/* 설비상세 팝업 */
.pop_setting .check_list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.pop_setting .check_list li {
	margin-right: 30px;
}

.pop_detail .popup_box {
	width: 1200px;
}

.popup_tit_box {
	position: relative;
}

.popup_tit_box .blck_btn {
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 20px;
    transform: translateY(-50%);
}
/* //설비상세 팝업 */
.report_item .section + .section {
	margin-top: 55px;
}

.report_item .title_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.report_item .title_box .box_tit::before {
	display: none;
}

.report_item .title_box .box_tit::before {
	display: none;
}

.report_item .title_box .graph_tab {
	display: flex;
}

.report_item .title_box .graph_tab .btn_tab {
	padding: 0 8px;
	font-size: 15px;
	color: #555;
	line-height: 3;
}

.report_item .title_box .graph_tab .btn_tab.on {
	font-weight: bold;
	color: #222;
}

.box_stock .is-actve {
	font-size: 14px;
}

.box_stock .btn_toggle {
	font-size: 14px;
}

.box_stock tbody .btn_toggle::after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 7px;
	margin-left: 7px;
	cursor: pointer;
	background-image: url(../images/select_arr_g.png);
	background-repeat: no-repeat;
	background-position: center;
}

.box_stock tbody .btn_toggle.active::after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 7px;
	margin-left: 7px;
	cursor: pointer;
	transform: rotate(-180deg);
	background-image: url(../images/select_arr_g.png);
	background-repeat: no-repeat;
	background-position: center;
}

.box_stock tbody.is-active .btn_toggle::after {
	transform: rotate(-180deg);
}

.box_stock tbody .table_graph {
	display: none;
}

.box_stock tbody.is-active .table_graph {
	display: table-row;
}

.table_graph td {
	padding: 0;
	border-top: 0;
}

.box_stock .tooltip_box {
	position: relative;
}

.box_stock .tooltip_box .tip_content {
	display: none;
	position: absolute;
	z-index: 2;
	top: 45px;
	left: 0;
	padding: 10px;
	border-radius: 5px;
	background-color: #f3f3f3;
	box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.2);
}

.box_stock .tooltip_box.is-active .tip_content {
	display: block;
}

.box_stock .tooltip_box .tip_content .txt {
	color: #222;
	line-height: 1.2;
	word-break: keep-all;
}

.box_stock .tooltip_box .tooltip {
	display: inline-block;
	min-width: 15px;
	height: 15px;
	padding: 0;
	background-image: url(../images/icon_q.png);
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: bottom;
	opacity: 0.4;
}

.right_tab_btn .tooltip_box .tooltip {
	transform: translateY(5px);
}

.outcome_list .tooltip {
	vertical-align: text-bottom;
}

.outcome_list .tooltip_box .title {
	line-height: initial;
}

.outcome_list .tooltip_box .txt {
	padding-top: 0;
    padding-right: 0;
	text-align: left;
    line-height: 22px;
	font-weight: normal;
    letter-spacing: 0;
    color: #555;
}

.tab_left {
	height: 100%;
	position: fixed;
    z-index: 2;
	border-right: 1px solid #ebebeb;
	background: #fff;
	overflow: auto;
}
.tab_left::-webkit-scrollbar {
	display: none;
}
.tab_left li .list_wrap {
	width: 140px;
	height: 80px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.tab_left li button {
	width: inherit;
    height: inherit;
	font-size: 18px;
	color: #707070;
	padding: 0 10px;
}

.tab_left li.is-active button {
	font-weight: 600;
	color: #34487c;
}

.tab_panel {
	width: calc(100% - 100px);
	position: relative;
	left: 140px;
}

.content .section {
	padding: 40px;
}

.section_col2 {
	display: flex;
}

.section_col2 .section {
	width: 50%;
	padding: 40px;
}

/* .section_col2 .section + .section {
	border-left: 1px solid #ebebeb;
} */

.section_col2 .section .container + .container {
	padding-top: 30px;
	/* border-top: 1px solid #ebebeb; */
}

.control_list {
	display: flex;
	flex-wrap: wrap;
}

.control_container {
	width: calc(33% - 55px);
	margin-bottom: 25px;
    margin-right: 25px;
}

.control_container .title {
	display: block;
	margin-bottom: 14px;
	font-size: 18px;
	text-align: center;
	color: #222;
}

.control_container .light_control {
	width: 100%;
	margin-bottom: 0;
    margin-right: 0;
}

.control_container .light_control .ligt_cont_tb1 {
	justify-content: center;
}

.control_container .light_control label {
	vertical-align: inherit;
}

.control_container.is-disabled .title {
	color: #b1b1b1;
}

.control_container.is-disabled .ligt_cont_tb1,
.control_container.is-disabled .ligt_cont_tb3 button {
	background-color: #efefef;
}

.control_container.is-disabled label, .control_container.is-disabled button {
	cursor: default;
}

.container.control_item {
	padding: 0;
    margin: 0;
    border-bottom: 0;
}

.container.control_item .box_tit {
	padding-top: 0;
}

.container.control_item .box_tit::before {
	top: 3px;
}

.graph_box .btn_box {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

.graph_box .btn_box li {
	border: 1px solid #e3e3e3;

}
.graph_box .btn_box li.is-active {
	border-color: #999;
}

.graph_box .btn_box li + li {
	margin-left: 2px;
}

.graph_box .btn_box button {
	padding: 6px 10px;
	font-size: 14px;
}

/* 냉난방 제어 */
.control_floor {
	display: flex;
    align-items: center;
	height: 200px;
    padding: 40px;
	border-bottom: 1px solid #ebebeb;
}

.control_floor .switch_btn input:checked + label {
    background: #1d3a5a;
}

.control_floor .title_box {
	/*width: 150px;*/
    text-align: center;
    flex: 1;
}

.control_floor .title_box .title {
	margin-bottom: 15px;
	font-size: 20px;
    color: #222;
}

.control_zone {
	display: flex;
	flex-wrap: wrap;
	flex: 9;
}

.checkbox_onf {
	width: 150px;
    text-align: center;
    padding: 10px 10px 10px 0;
}

.checkbox_onf label {
	font-size: 16px;
    font-weight: 600;
}

.checkbox_onf input[type="checkbox"] {
	appearance: none;
	display: block;
	width: 42px;
	height: 40px;
	margin: 0 auto 8px auto;;
	background-image: url(../images/power-off-solid__disabled.svg);
	background-size: cover;
	border: 0;
	cursor: pointer;
}

.checkbox_onf input[type="checkbox"]:checked {
	appearance: none;
	display: block;
	width: 42px;
	height: 40px;
	background-image: url(../images/power-off-solid.svg);
	background-size: cover;
	border: 0;
	cursor: pointer;
}

.tab_panel.is-active {
	display: block;
}

.power_box {
	/* width: 150px; */
	padding-right: 20px;
    text-align: center;
	border-right: 1px solid #e8e8e8;
}

.power_box .checkbox_onf input[type="checkbox"] {
	width: 60px;
    height: 58px;
}

.power_box .checkbox_onf + .switch_btn {
	margin-top: 12px;
}

.power_box .switch_btn input:checked + label {
    background: #1d3a5a;
}
/* 231215 young */
.switch_scheduler input:checked + label {
    background: #1d3a5a;
}

.control_detail.is-disabled, .control_detail.is-disabled .nav .temp_control .temp {
	color: #d7d7d7;
}

.control_detail input:disabled, button:disabled {
	cursor: default;
}

.control_detail .nav_wrap {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	flex: 1;
	padding-left: 30px;
}

.control_detail .nav {
	display: flex;
	justify-content: space-between;
}

.control_detail .nav .temp_control {
	display: flex;
	justify-content: space-between;
}

.control_detail .nav .temp_control .temp {
	font-size: 32px;
    color: #222;
    width: 90px;
}

.temp_btn {
	margin-top: 5px;
	margin-left: 15px;
}

.temp_btn button {
	width: 25px;
	height: 25px;
	background-size: cover;
}

.btn-tempUp {
	background-image: url(../images/icon_arrow_up.svg);
}

.btn-tempDown {
	margin-left: 5px;
	background-image: url(../images/icon_arrow_down.svg);
}

.control_detail.is-disabled .btn-tempUp {
	background-image: url(../images/icon_arrow_up__disabled.svg);
}

.control_detail.is-disabled .btn-tempDown {
	background-image: url(../images/icon_arrow_down__disabled.svg);
}

.control_detail .nav .temp_mode {
	display: flex;
}

.control_detail .nav .temp_mode li + li {
	margin-left: 25px;
}

.control_detail .nav .temp_mode button {
	width: 30px;
	height: 30px;
	background-size: cover;
}

.btn-heat {
	background-image: url(../images/icon_heat__disabled.svg);
}

.btn-heat.is-active {
	background-image: url(../images/icon_heat.svg);
}

.btn-cool {
	background-image: url(../images/icon_cool__disabled.svg);
}

.btn-cool.is-active {
	background-image: url(../images/icon_cool.svg);
}

.btn-dry {
	background-image: url(../images/icon_dry__disabled.svg);
}

.btn-dry.is-active {
	background-image: url(../images/icon_dry__disabled.svg);
}

.btn-dry {
	background-image: url(../images/icon_dry__disabled.svg);
}

.btn-dry.is-active {
	background-image: url(../images/icon_dry.svg);
}

.btn-wind {
	background-image: url(../images/icon_wind__disabled.svg);
}

.btn-wind.is-active {
	background-image: url(../images/icon_wind.svg);
}

.temp_volume {
	display: flex;
	justify-content: space-between;
}

.temp_volume li {
	width: 15%;
}

.temp_volume li button {
	width: 100%;
    padding: 10px 0;
	font-size: 16px;
	font-weight: 600;
	/* color: #707070; */
	border-bottom: 2px solid transparent;
}

.temp_volume li button.is-active {
	border-color: #34487c;
	color: #34487c;
}

.reserv_time {
	display: flex;
    align-items: center;
	font-size: 14px;
	font-weight: 600;
}

.reserv_time .text {
	display: block;
	margin: 0 15px;
}

.reserv_time select {
    padding: 7px 60px 7px 10px;
    font-size: 14px;
	font-weight: 600;
    background: url(../images/icon_select.png) #fff no-repeat 90% 50%;
}

/* 조명제어 202311 */
.control_container .light_control_v2 {
	width: 100%;
	margin-bottom: 0;
    margin-right: 0;
}
.control_container .description {
	text-align: left;
	font-weight: normal;
	max-height: 140px;
	overflow-x: auto;
	overflow-y: auto;
	padding: 5px;
}

.control_container .light_control_v2 .ligt_cont_tb1 {
	justify-content: center;
}

.control_container .light_control_v2 label {
	vertical-align: inherit;
}
.light_control_v2 { width:15%; border:1px solid #e8e8e8; border-radius: 7px; font-size:16px; font-weight:bold; box-sizing:border-box; margin-bottom:25px;  margin-right: 25px; padding: 15px;}
.ligt_cont_tb1_v2 { height:60px; display:flex; justify-content:center; align-items:center; justify-content:space-between; padding:0px 15px;}
.ligt_cont_tb1_v2 p { color:#fff; }

.ligt_cont_tb2_v2 { height:150px; background:#fff; text-align:center; border-top: 1px solid #e8e8e8; margin-top: 15px; padding-top: 15px; }
.ligt_cont_tb2_v2 span { display:block; min-width:170px; color:#111; border:1px solid #acacac; padding:5px 0; }
.ligt_cont_tb2_v2 textarea { font-size:14px; width:100%; background:#fff; height:80%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:7px; resize:none; }

.ligt_cont_tb3_v2 { text-align:center; }
.ligt_cont_tb3_v2 button { font-size:14px; font-weight: 600; width:100%; padding:15px; }
.ligt_cont_tb3_v2 .switch_btn { padding:8px 0 5px 0; }

.ligt_cont_tb4_v2 { text-align: center; }
.ligt_cont_tb4_v2 button { font-size:14px; border: 1px solid #e3e3e3; padding: 6px 10px; }

.checkbox_onf_v2 {
	width: 100%;
    text-align: center;
}

.checkbox_onf_v2 label {
	font-size: 16px;
    font-weight: 600;
}

.checkbox_onf_v2 input[type="checkbox"] {
	appearance: none;
	display: block;
	width: 55px;
	height: 53px;
	margin: 8px auto 8px auto;;
	background-image: url(../images/power-off-solid__disabled.svg);
	background-size: cover;
	border: 0;
	cursor: pointer;
}

.checkbox_onf_v2 input[type="checkbox"]:checked {
	appearance: none;
	display: block;
	width: 55px;
	height: 53px;
	background-image: url(../images/power-off-solid.svg);
	background-size: cover;
	border: 0;
	cursor: pointer;
}


.control_container .is-disabled .light_control_v2 .title {
	color: #b1b1b1;
}

.control_container.is-disabled .light_control_v2 .ligt_cont_tb1_v2,
.control_container.is-disabled .light_control_v2 .ligt_cont_tb3_v2 button {
	/*background-color: #efefef;*/
}