@charset "UTF-8";
body {
	font-size:13px;
	font-family: 'Malgun Gothic', sans-serif;
}
.frame {
	margin: 0 auto;
}
body {
	margin: 0;
}

select {
	font-size: inherit;
	font-family: 'Malgun Gothic', sans-serif;
}

input {
	font-size: inherit;
	font-family: 'Malgun Gothic', sans-serif;
}

p {
	margin: 5px 5px;
}
a {
	text-decoration: none;
	color: white;
}
.header {
	display: flex;
	justify-content:space-between; 
	align-items: center;
	background-color: #363a35;
	/*height:60px;*/
}
.header_logo {
	font-size: 30px;
	font-weight: bold;
	color: white;
	/*padding-bottom: 12px;*/
}
.header_logo img {
	padding-top: 10px;
	padding-left:30px;
}
.header_menu {
	display: flex;
	list-style: none;
	padding-left: 0;
	padding-right: 30px;
	/*padding-top: 15px;*/
}
.header_menu li {
	background-color:rgb(86 86 85);
	border-radius: 4px;
	padding: 8px 15px;
	margin-left: 30px;
}
.header_menu li:hover {
	background-color: #30a014;
	border-radius: 4px;
}
.header_menu input {
	background-color:rgb(86 86 85);
	border-radius: 4px;
	padding: 8px 15px;
	margin-left: 30px;	
	border: none;
	color: white;
	font-size: 13px;
}
.header_menu input:hover {
	background-color: #30a014;
	cursor: pointer;
}
.header_right { 
	list-style: none;
	color:white;
	padding-right: 20px;
	/*padding-top: 15px;*/
	display: list-item;
}

.header_right input {
	background-color:rgb(65, 151, 15);
	padding: 8px 15px;
	border-radius: 4px;
	margin-left: 20px;
	float: left;	
	border: none;
	color: white;
	font-size: 13px;
}
.header_right input:hover {
	background-color:#0d6620;
	cursor: pointer;	
}
.header_right img {
	float: left;
	margin-left: 10px;
	align-items: center;
	padding-top: 3px;
	cursor: pointer;
}
.aptsizeModal {
	position: absolute;
	width: 180px;;
	display: none;
	background-color: white;
	text-align: center;
	align-items: center;
	margin-top: 45px;
	margin-left: 200px;
	border:2px solid #ccc;
}
.aptsizeModal input {
	width: 100%;
	background-color: #41970f;
	color: white;
	padding: 5px;
	border:none;
	font-size: 13px;
	cursor: pointer;
}
.aptsize_box {
	
}
.aptsize_box span {
	display: block;
	float: left;
	width: 100%;
	height: 30px;
	font-size: 12px;
	color: #000;
	line-height: 30px;
	border-bottom: 1px solid #eee;
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
}
.aptsize_box span:hover {
	color: white;
	background-color:red;
	cursor:pointer;
}

.userModal {
	width: 200px;
	position: absolute;
	padding: 20px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	display: none;
	background-color: white;
	text-align: center;
	align-items: center;
}
.userModal img {
	vertical-align: top;
}
.userModal_btn {
	display: flex;
}
.userModal input {
	width: 100%;
	padding: 5px 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
	border-radius: 4px;
	font-size: 13px;
}
.userModal input:hover {
	background-color: rgb(211, 204, 204);
	cursor:pointer;
}
.login {
	font-size: 14px;
	font-weight: bold;
	/*background: #5457de;*/
	display: inline-block;
	padding: 0 8px;
	text-align:right;
} 
.footer {
	text-align: center;
	border-top: 1px solid #aaa;
	margin: 20px 20px 0;
	font-size: 12px;
}
.container {
	display: table;
}
.aside_left, .content {
	display: table-cell;
}
.content {
	background: #fff;
}
.aside_left {
	float: left;
	width: 200px;
	color: white;
	margin-right: 5px;
}
.content {
	float: left;
	margin-right: 10px;
}
.chart_container {
	border: 1px solid #ccc;
	border-radius: 6px;
	margin-top: 5px;
	/*box-shadow:2px 2px gray; */  
}
.chart_container table {
	font-size: 14px;
	font-weight: bold;
	margin: auto;
}
.chart_container input {
	margin-bottom: 5px;
    background-color: #f6f6f6;
	border: 2px solid #b39f69;
    padding: 4px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
}
.chart_container input:hover {
	border: 2px solid #2196f3;	
}
.noUi-connect {
	background: #30a014;
}
.content1 {
	float: left;
}
.mychart {
	
}
.chart_container_right {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	border: 1px solid #ccc;
	border-radius: 6px;
	height: 200px;
	width: 8vw;
}
.chart_view_select table {
	margin: 2px 2px;
	font-size: 13px;
}

.chart_view_select table tr,td {
	padding: 5px 5px;
}
.chart_title {
	text-align: center;
	font-weight: bold;
	background-color: #e5e8e2;
	padding: 7px;

}
.search {
	height:30px;
	width:96%;
	border-radius: 3px;
	margin-left: 5px;	
}
.aside_left_select {	
	margin-top: 5px;
	padding:10px 5px;
	background-color:#41970f;
	font-weight: bold
}
.select_txt {
	cursor: pointer
}
.range_txt {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}
.aside_left_list {
	height:550px;
	overflow: auto;
}
.aside_left_list p {
	display:block;
	text-align: center;
	font-weight: bold;
	color:black;
	width: 98%;
	border: 1px solid #ccc;
	padding: 7px 0px;
	margin-top: 5px;
}
.aside_left_list span{
	display: block;
	float: left;
	width: 100%;
	height: 30px;
	font-size: 12px;
	color: #000;
	line-height: 30px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
}
.apt_region_normal {
	cursor:default;

}
.apt_region_normal:hover {
	background-color: rgb(232, 238, 233);
}
.index_region_gu {
	cursor:pointer;	
}
.index_region_gu:hover {
	background-color: red;
	color:white;
}
.index_region_si {
	cursor:default;
}
.index_region_si:hover {
	background-color: rgb(232, 238, 233);	
}
/*
.result_apt_span {
	display: block;
	float: left;
	width: 100%;
	height: 30px;
	font-size: 12px;
	color: #000;
	line-height: 30px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

.result_apt_span:hover {
	background-color:#eee;	
}

.result_apt_name_span {
	display: block;
	float: left;
	width: 100%;
	height: 30px;
	font-size: 12px;
	color: #000;
	line-height: 30px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	text-align: center;
	cursor:none;
}
.result_apt_name_span:hover {
	background-color:#eee;
}
*/
.select_btn {
	width:31%;  
	height: 35px; 
}
.login_container {
	width:400px;
	height:350px;
	/*background-color:#fdfbfb;*/
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	margin:0px auto;
	display: block;
	margin-top: 120px;
	box-shadow: 5px 5px 5px #ccc;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.login_logo {
	background-color:#363a35;
	width:100%;
	text-align:center;
	margin-bottom: 20px;
	padding-bottom:10px;
	padding-top: 10px;
}
.login_logo {
	
	font-size: 30px;
	font-weight: bold;
	color:white;	
}
.login_txt_box {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	height:100px;
	border-radius: 6px;
	border:2px solid #ccc;
	text-align: center;
	font-size: 15px;
	margin-top: 10px;
}
.login_txt_box img {  
	width: 25px;
	height: 25px;
	padding-right: 10px;
	vertical-align:top;
}
.login_txt_box span {
	font-weight: bold;
}
.login_submit {
	width:100%;
	background-color:#1a73e8;
	height: 55px;
	
	color: #fff;
	border: 1px solid;
	border-radius: 3px;
	font-size:16px;
	cursor: pointer;
	margin-top :20px;
}