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


.machine_atabmenu01					{background-color:#f2f2f2; height:36px;border-top:3px solid #555; border-left:1px solid #c8cdd2; border-right:1px solid #c8cdd2; border-bottom:1px solid #c8cdd2;}
.machine_atabmenu01 li					{float:left;text-align:center; border-right:1px solid #c8cdd2;margin:0;font-size:13px;}
.machine_atabmenu01 li a 				{float:left;line-height:36px;padding:0 15px;font-weight:bold; color:#555;margin:0;}
.machine_atabmenu01 li a:hover			{ color:#3765d0;  }
.machine_atabmenu01 li a.atab_on		{float:left; background-color:#fff;color:#000; border-bottom:1px solid #fff;}
.machine_atabmenu01 li a.atab_on:hover		{ }

.machine_atabmenu02_box				{min-height:30px;padding:5px 10px; background:url("../../../core/image/admin/sub_tabmenu02_bg.gif") repeat-x left bottom;border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;}

.machine_atabmenu02					{min-height:25px;overflow:hidden; } 
.machine_atabmenu02 li					{float:left;text-align:center; }
.machine_atabmenu02 li a				{float:left;text-align:center; padding:0 15px;border-right:1px solid #d4d4d4;margin:0;color:#777; line-height:18px;margin:4px 0;}
.machine_atabmenu02 li:last-child a		{border-right:none;}
.machine_atabmenu02 li a.atab02_on				{color:#ff6600;font-weight:bold; }

#machine_search_info		{position:absolute;display:none;background-color:#ffffff;border:solid 3px #444;width:480px;max-height:260px;overflow:auto;padding:10px;z-index:999999999;}
.machine_search_info_close	{text-align:right;color:#333;font-weight:bold;border-bottom:1px solid #bbb;margin:0 ;}

.machine_listtitle			{font-weight:bold;color:#2085e3;}

.machine_listinfo			{margin-top:5px;}
.machine_listinfo dl dt		{width:130px;float:left;color:#ff6600;}
.machine_listinfo dl dd		{float:none;}

.machine_list_admintable	.img130		{width:130px;height:130px;}
.machine_list_admintable	.img90		{width:90px;height:90px;}
.machine_list_admintable				{border-collapse:collapse;  table-layout:fixed; border-top:solid 1px #aaa;  }  
.machine_list_admintable thead th		{background-color:#798291;text-align:center;color:#fff; padding:8px 0; font-weight:bold; border:solid 1px #5d636c; line-height:110%;letter-spacing:-1px;}
.machine_list_admintable tbody th		{background-color:#cdcfd4;text-align:center;padding:5px;letter-spacing:-1px;border-bottom:solid 1px #aaa; }
.machine_list_admintable tbody td		{background-color:#ffffff;padding:5px; border-bottom:solid 1px #aaa; } 
.machine_list_admintable tfoot td 		{background-color:#ffffff;padding:5px; border-bottom:solid 1px #aaa; } 
.machine_list_admintable .nolist		{padding:70px 0 !important;text-align:center;border-bottom:1px solid #aaa; }

.machine_search_admintable				{border-collapse:collapse;  table-layout:fixed;  }  
.machine_search_admintable tbody th		{background-color:#cdcfd4;text-align:center;padding:5px;letter-spacing:-1px;border-bottom:solid 1px #aaa; }
.machine_search_admintable tbody td		{background-color:#ffffff;padding:5px; border-bottom:solid 1px #aaa; } 
.machine_search_admintable .nolist		{padding:20px 0 !important;text-align:center;border-bottom:solid 1px #aaa; }

#machine_calendar_box							{position:relative;padding:0; }
.machine_calendar_title							{text-align:center;overflow:hidden; padding:0 0 15px 0;}
.machine_calendar_title span					{display:inline-block;padding:0 5px;font-size:26px;font-weight:bold;color:#333;line-height:150%;}
.machine_calendar_title span img				{vertical-align:-3px;}
.machine_calendar_title_year					{float:left;margin:0 0 0 30%;width:40%;}
.machine_calendar_title_select					{float:right; padding:6px 0 0 0;}
.machine_calendar_title_select select			{border:1px solid #b5b5b5;height:28px;padding:0 0 0 5px;margin:0 0 0 3px;}	
.machine_calendar_title_select span				{padding:0 5px;font-size:16px;color:#666;}
.machine_calendar_content						{border-top:2px solid #333;}

.machine_calendar_title2						{text-align:center;overflow:hidden; padding:0;}
.machine_calendar_title2 span					{display:inline-block;padding:0 5px;font-size:26px;font-weight:bold;color:#333;line-height:150%;}
.machine_calendar_title2 span img				{vertical-align:-3px;}
.machine_calendar_title_select2					{padding:0;}
.machine_calendar_title_select2 select			{border:1px solid #b5b5b5;height:28px;padding:0 0 0 5px;margin:0 0 0 3px;}	
.machine_calendar_title_select2 span			{padding:0 5px;font-size:16px;color:#666;}

.machine_calendar_table							{border-collapse:collapse;  width:100%;table-layout:fixed;}
.machine_calendar_table thead th				{text-align:center;line-height:34px;border:1px solid #cfcfcf;border-top:none;font-size:13px;background:#f5f5f5;}
.machine_calendar_table thead th:first-child	{color:#f64a1b;}
.machine_calendar_table thead th:last-child		{color:#397fe7;}
.machine_calendar_table tbody td				{border:1px solid #cfcfcf;text-align:left; padding:5px;min-height:90px;vertical-align:top;}
.machine_calendar_day							{font-size:0.85em;color:#888;padding:0 0 4px 0;}
.machine_calendar_usecon						{color:#111;background:#ddd;margin:5px;padding:5px 10px;}
.machine_calendar_usecon .mtitle				{font-weight:bold;color:#444;font-size:0.8em;}
.machine_calendar_usecon .ctitle				{color:#333;}

.machine_calendar_redday	{color:#f64a1b !important;}
.machine_calendar_blueday	{color:#397fe7 !important;}
.machine_calendar_today		{background:#ffffcc !important;}
  
.machine_calendar_table .full_day				{background:#e8e8ed;}
.machine_calendar_table .posible_day			{background:#fbe9e7; cursor:pointer;}
.machine_calendar_table .noselect_day			{background:#e4f3fb;}
.machine_calendar_table .select_day				{background:#fbf5e4; }


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




/* LIST  ===================================================================================== */ 
.machine_item_list					{position:relative;}
.machine_item_list:after			{content:""; display:block; clear:both;}	
.machine_item_list li				{position:relative; float:left; width:32%; box-sizing:border-box; margin:0 2% 0 0;}
.machine_item_list li:nth-child(3n)	{margin-right:0; float:right;}
.machine_item_list .img				{position:relative; height:300px; text-align:center; border:1px solid #e0e0e0; }
.machine_item_list .img img			{width:100%; height:100%; object-fit:cover;}
.machine_item_list li .layer		{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1;
									width:100%; height:100%; transition:0.5s; opacity:.7; text-align:center;}
.machine_item_list li:hover .layer	{display:block;}
.machine_item_list .info			{min-height:80px;}
.machine_item_list .subject			{font-weight:600; font-size:1.1em; color:#222; line-height:140%; margin-top:10px; letter-spacing:-1px;}
.machine_item_list em				{font-style:normal; font-size:0.8em; color:#999;}

.machine_search_wrap				{width:100%; overflow:hidden; margin-bottom:10px;}
.machine_search_wrap .machine_search_total	{float:left; font-size:0.9em; padding-top:20px;}
.machine_search_wrap .machine_search_total span	{float:none; margin:0; width:100%; height:100%; line-height:100%; font-weight:600;color:#5a8ce6;  vertical-align:middle;}
.machine_search_wrap .machine_search		{float:right; width:40%;}

.machine_search_wrap span				{position:relative;float:right;margin-left:5px;width:calc(65% - 5px);height:38px;color:#333;line-height:38px;vertical-align:top;}
.machine_search_wrap .search_input		{float:right;width:calc(100% - 47px);height:38px;color:#333;vertical-align:top;border:1px solid #ccc; font-size:0.9em; padding:0px 40px 0px 7px;}
.machine_search_wrap .search_btn		{position:absolute;top:10px;right:10px;text-align:right;}
.machine_search_wrap select				{float:left; padding-left:5px; width:35%; height:40px; font-size:0.9em; vertical-align:top;border:1px solid #ccc;cursor:pointer;}

.machine_item_list .nolist			{float:none; width:100%; color:#777; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

.machine_btn01				{display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #3a65e0; font-size:12px;border:1px solid #265caf;cursor:pointer;border-radius:2px;  box-shadow:0 1px 0 #d9d9d9;} /* 파랑 작은 버튼 - 기본  */
.machine_btn02				{display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #ff228a; font-size:12px;border:1px solid #f26f06;cursor:pointer;border-radius:2px;  box-shadow:0 1px 0 #d9d9d9;} /* 분홍 작은 버튼 - 기본  */
.machine_btn03				{display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #ff3366; font-size:12px;border:1px solid #ff3300;cursor:pointer;border-radius:2px;  box-shadow:0 1px 0 #d9d9d9;} /* 주황 작은 버튼 - 기본  */
.machine_btn04				{display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #999999; font-size:12px;border:1px solid #aaaaaa;cursor:pointer;border-radius:2px;  box-shadow:0 1px 0 #d9d9d9;} /* 분홍 작은 버튼 - 기본  */


/* VIEW  ===================================================================================== */ 

.machine_info_top						{overflow:hidden; margin-bottom:30px;}			
.machine_info_top .img					{float:left; width:45%; border:1px solid #eceff3; height:320px; display:flex;justify-content:center;align-items:center;}
.machine_info_top .img img				{max-width:100%; max-height:100%; flex:0 0 auto;}
.machine_info_top .info					{float:right; width:52%; }
.machine_info_top .subject				{font-weight:500; font-size:1.4em; color:#222; margin:10px 0 5px 0; letter-spacing:-1px;}
.machine_info_top em					{font-style:normal; font-size:0.8em; color:#999; }
.machine_info_top .info_table			{margin-top:20px; border-top:1px solid #eceff3;}
.machine_info_top dl					{overflow:hidden; line-height:42px; border-bottom:1px solid #eceff3; font-size:0.9em;}
.machine_info_top dl dt					{font-weight:500; float:left; width:40%; text-align:center; color:#000; background:#f9f9f9;}
.machine_info_top dl dd					{float:left; width:60%; text-indent:10px;}

.machine_info_content					{}
.machine_info_content li				{margin-bottom:40px;}


/* 장비대여절차안내 관련      ==================================================================================== */ 
#machine_fade				{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.80;z-index:999999998;}
#machine_layer				{display:none;position:fixed; width:800px; height:90%; overflow:hidden;z-index:999999999;-webkit-overflow-scrolling:touch;margin:0 auto;}
#machine_layer .machine_layer_close	{position:absolute; right:0; top:0; width:50px; height:50px; background:url('../image/login_layer_close.png') no-repeat center 0; background-size:50px;cursor:pointer;}
#machine_layer .machine_request_content		{background:#fff; padding:15px; margin-top:50px; height:100%; overflow-y:scroll;}

#machine_layer .machine_request_content img		{border:1px solid #333;width:100%;}



#machine_calendar_detail		{display:none; position:absolute; padding:0px; background-color:#ffffff; width:400px; border:5px solid #333; z-index:9999999;}

.machine_calendar_head				{overflow:hidden; width:100%; margin-bottom:20px;}
.machine_calendar_head .head_left		{width:35%; float:left; text-align:left;}
.machine_calendar_head .head_center	{width:30%; float:left; text-align:center;}
.machine_calendar_head .head_right	{width:35%; float:right; text-align:right;}

.machine_calendar_head .head_right span				{position:relative;float:right;margin-left:5px;width:calc(65% - 5px);height:38px;color:#333;line-height:38px;vertical-align:top;}
.machine_calendar_head .head_right .search_input		{float:right;width:calc(100% - 47px);height:38px;color:#333;vertical-align:top;border:1px solid #ccc; font-size:0.9em; padding:0px 40px 0px 7px;}
.machine_calendar_head .head_right .search_btn		{position:absolute;top:10px;right:10px;text-align:right;}
.machine_calendar_head select				{padding-left:5px; width:30%; height:40px; font-size:0.9em; vertical-align:top;border:1px solid #ccc;cursor:pointer;}

#machine_calendar_box_mobile					{display:none;}


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

	.machine_item_list .subject			{font-size:1em;}

	.machine_info_top .img				{float:none; width:100%; height:100%; margin-bottom:20px;}
	.machine_info_top .info				{float:none; width:100%;}
	.machine_info_top .subject			{font-size:1.2em;}
	.machine_info_top .info_table		{margin-top:10px;}

	.machine_calendar_head				{margin:20px 0;}

}




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

	.machine_item_list li				{width:48%;}
	.machine_item_list li:nth-child(2n)	{float:right; margin-right:0;}
	.machine_item_list li:nth-child(3n)	{float:left;}
	.machine_item_list li:nth-child(6)	{float:right;}
	.machine_item_list .img				{height:200px;}

	#machine_layer			{width:90%;}

	.machine_calendar_head .head_left		{width:100%; float:none; text-align:center;}
	.machine_calendar_head .head_center	{width:100%; float:none; text-align:center; margin:10px 0;}
	.machine_calendar_head .head_right	{width:100%; float:none; text-align:center;}
	.machine_calendar_head select			{width:auto;}
	.machine_calendar_head .head_right .search_input	{width:100px;float:none;}
	.machine_calendar_head .head_right .search_btn		{text-align:right; top:0;}
	.machine_calendar_head .head_right span				{width:auto; float:none;}

	#machine_calendar_box							{display:none;}
	#machine_calendar_box_mobile					{display:block;}

}


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

	.machine_item_list li				{float:none !important; width:100%;}


}