/* 관리자모드 *****/


.house_graph_group {
	width:98%;
	margin:0 1%;
	height:20px;
	line-height:20px;
	background:#eee;
}/* 방문통계 그래프 배경 */
.house_graph_bar {
	height:20px;
	background:#ff9648;
	border-top:1px solid #fc7e21;
	border-bottom:1px solid #fc7e21;
	display:inline-block;
}


/* 홈페이지 *****/


.house_online_date			{background:#f1f0ee;text-align:center;height:45px;line-height:45px;border-top:1px solid #dcd7d2;border-bottom:1px solid #dcd7d2;}
.house_online_date .prev, .house_online_date .next			{padding:0 7px;background:#446f18;}
.house_online_date .prev img, .house_online_date .next img	{width:5px;}
.house_online_date span		{color:#555;font-size:15px;padding:0 10px 0 12px;}


.house_days				{box-sizing:border-box;text-align:center;color:#444;margin-top:-1px;margin-left:-1px;border:1px solid #d2d2d2;height:22px;width:25px;font-family:'Roboto';font-size:0.95em;}
.house_admin_days		{box-sizing:border-box;text-align:center;color:#444;margin-left:-1px;border:1px solid #ccc;height:20px;width:3.22%;}
.hday_on				{background-color:#F1F0EE;color:#bbb;}
.hday_off				{background-color:#fff;}

#house_onlineform_toptitle			{background-color: #393939;padding: 3px;height: 32px;text-align: center;color: #ffffff;font-weight: bold;}
#house_onlineform_toptitle .btn01	{float:left;padding: 5px 0 5px 10px;font-weight: bold;font-size: 16px;color: #ffffff;}
#house_onlineform_toptitle .btn02	{float:right;padding: 3px 10px 5px 0;}
#house_onlineform_main_area			{margin-top:20px;padding:0px 15px;}

.house_user_textarea	{height:100px;background-color:#ffffff; padding:10px ;border: 1px solid #ddd; overflow-x:hidden;overflow:auto;}

.house_box				{background-color:#f3f3f4;padding:20px;margin:0 0 15px 0;}

.house_form_btn			{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 35px;color:#fff;background:#a0a0a0;border:1px solid #a0a0a0; font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;} 

.house_form_btn02		{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 35px;color:#fff;background:#d92a34;border:1px solid #d92a34; font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;}

.house_form_btn03		{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 35px;color:#fff;background:#fa7000;border:1px solid #fa7000; font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;}

.house_form_btn04		{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 35px;color:#fff;background:#fa7000;border:1px solid #fa7000; font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;}
.house_form_btn04:focus	{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 35px;color:#fefd92;background:#fa7000;border:1px solid #fa7000;font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;}

.house_form_btn05		{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 35px;color:#fff;background:#d92a34;border:1px solid #d92a34; font-size:14px; margin:0 3px;font-weight:bold;letter-spacing:1px;}

.house_check_btn		{display: inline-block;zoom: 1;*display:inline: ;text-align: center;line-height: 20px;height: 20px;padding: 0 11px;color: #fff;font-size: 1em;background: #555;border: 1px solid #333;cursor: pointer;vertical-align: top;}

.house_finish_datetext	{color:#fa7000;font-weight:bold;}


/* 리스트 *****/

.house_list						{overflow:hidden;}
.house_list li					{overflow:hidden;display:inline-block;zoom:1;*display:inline;width:33%;vertical-align:top;}
.house_wrap						{border:1px solid #ddd;margin:2%;}
.house_list .use1				{margin:2%;background:#00a77e;color:#fff;text-align:center;font-size:1.2em;padding:10px 0px;}
.house_list .use2				{margin:2%;background:#d91d52;color:#fff;text-align:center;font-size:1.2em;padding:10px 0px;}
.house_list .photo				{margin:2%;height:190px;}
.house_list .photo img			{width:100%;height:100%;object-fit:cover;}
.house_list .info				{min-height:100px;}
.house_list .name				{font-size:18px;color:#222;padding:10px 0;}
.house_list .name p				{color:#777;font-size:14px;margin-top:5px;line-height:150%;}
.house_list .info				{margin:0 20px;}
.house_list .info dl			{overflow:hidden;font-size:13px;letter-spacing:-0.02em;}
.house_list .info dl dt			{float:left;color:#444;}
.house_list .info dl dd			{padding-left:60px;color:#888;line-height:150%;margin-bottom:5px;}
.house_btn						{line-height:42px;color:#446f18;background:url("../image/house_btn.png") no-repeat 65% center #f3f3f4; background-size:10px;
								border:0 solid #999;cursor:pointer;min-width:45px;font-size:15px;text-align:center;} 

/* 뷰페이지 *****/

.house_view_top						{border-bottom:1px solid #ddd;border-top:2px solid #555;}
.house_view_top	.wrap				{overflow:hidden;padding:15px;}
.house_view_top	.photo				{float:left;width:40%;height:270px;}
.house_view_top	.photo img			{width:100%;height:100%;object-fit:cover;}
.house_view_top .name				{font-size:22px;color:#222;line-height:100%;margin-top:5px;}
.house_view_top .info				{float:right;width:57%;}
.house_view_top .info dl			{overflow:hidden;letter-spacing:-0.02em;padding:15px 0 10px 0;font-size:15px;border-bottom:1px dashed #eaeaea;margin-bottom:15px;}
.house_view_top .info dl dt			{float:left;color:#222;}
.house_view_top .info dl dd			{padding-left:80px;color:#888;line-height:150%;margin-bottom:7px;}
.house_view_top .info2				{color:#888;}

.house_table						{border-collapse:collapse;  width:100%;table-layout:fixed;border-top:2px solid #555;}  
.house_table thead th				{background-color:#f9f9f9;text-align:center;color:#222; padding:10px 0; font-weight:bold; border:solid 1px #f9f9f9; border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;line-height:110%;}
.house_table thead th:last-child	{border-right:solid 1px #f9f9f9;}
.house_table tbody th				{background-color:#fff;text-align:center;color:#595959;  padding:5px;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd; }
.house_table tbody th:last-child	{border-right:solid 1px #fff;}
.house_table tbody td				{background-color:#ffffff;padding:8px; border-bottom:solid 1px #ddd;  border-right:solid 1px #ddd; } 
.house_table tbody td:last-child	{border-right:1px solid #fff;}
.house_table_btm					{border-bottom:1px solid #ddd;padding:10px;text-align:right;}
.house_table_btm .house_days		{width:20px;height:20px;}


.house_table .input_form, .house_table .textarea_form			{border-color:#f3f3f3;background:#f3f3f3;}
.house_table input[type="text"], .house_table input[type="password"]	{border-color:#f3f3f3;background:#f3f3f3;}


.house_contentbox					{border:1px solid #ddd;padding:15px;margin-bottom:10px;background-color:#fff;}



/* screen 768 */
@media screen and (max-width:768px) {

	.house_box					{padding:15px;}

	.house_list li				{width:49.7%;}	
	.house_list .top			{padding:15px;}	
	.house_list .name			{font-size:1.2em;padding:0 0 7px 0;}
	.house_list .info			{margin:0 15px 15px 15px;}
	.house_btn					{font-size:1em;}

	.house_view_top	.wrap		{padding:15px 0;}
	.house_view_top .name		{font-size:1.3em;}
	.house_view_top	.photo		{float:none;width:100%;margin-bottom:15px;height:100%;}
	.house_view_top .info		{float:none;width:100%;}
	.house_view_top .info dl	{font-size:1em;padding-top:10px;}
	.house_view_top .info2		{font-size:0.95em;}

}


/* screen 580 */
@media screen and (max-width:580px) {

	.house_list li				{width:100%;}	
	.house_list .info			{min-height:100%;}


}