/* content Title */
h2.con_title							{border-bottom:solid 1px #e3e3e3;letter-spacing:-1px; line-height: 20px; padding: 0px 0px 17px 0; font-size:20px;margin-bottom:15px; color:#333; font-weight: bold } 

/*total*/
.total {font-size:13px; line-height: 30px; }
.total	.page_num		{width: 40px}

/* table Style */
.commDataTbl 									{border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4; border-top:1px solid #666666;}
.commDataTbl.noBorder 							{ border-top:0;}
.commDataTbl table 								{ width:100% !important;}
.commDataTbl table th,
.commDataTbl table td 							{ text-align:center; padding:9px 7px 7px;  vertical-align:middle;}
.commDataTbl table thead th 					{ background:#f6f6f6; font-size:13px; border:1px solid #ccc; border-width:1px 0px; font-weight:700; letter-spacing: -1px}
.commDataTbl table tbody th 					{ background:#f6f6f6; border:1px solid #ccc; border-width:0 1px 1px; font-weight:700;}
.commDataTbl table tbody td 					{ border-bottom:1px solid #e4e4e4; line-height:1.4; background: #fff}
.commDataTbl table tfoot td 					{ border-bottom:1px solid #e4e4e4; line-height:1.4; background: #fff}
.commDataTbl table .left 						{ text-align:left !important; padding-left:7px; padding-right:7px;}
.commDataTbl table .right 						{ text-align:right !important; padding-left:7px; padding-right:7px;}
.commDataTbl table tbody.view td 				{ text-align:left; padding-left:7px; padding-right:7px;}
.commDataTbl table .bgWhite td 					{ background:#fff;}
.commDataTbl table .line th,
.commDataTbl table .line td 					{ border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4}
.commDataTbl table .line tr > *:first-child 	{ border-left-width:1px;}
.commDataTbl table .content 					{ line-height:1.4;}
.commDataTbl table .total td 					{ font-weight:700; color:#111; background:#f6f6f6;}
.commDataTbl.narrow th,
.commDataTbl.narrow td 							{ padding-top:4px; padding-bottom:4px;}
.commDataTbl table tbody tr:last-child th,.commDataTbl table tbody tr:last-child td ,.commDataTbl table tfoot tr:last-child td			{ border-bottom:none; }
.commDataTbl table tr.active td{background:#e4efff;}
.commDataTbl table tbody td table th {border-right: none !important;}
.commDataTbl table tr.point th,.commDataTbl table tr.point td{ background: #e3e8ff !important; }
.commDataTbl table tfoot td {background: #f7f7f7; font-weight: bold}
.tableFix{ height: 100px}
table.sroll.fht-table {width: 100% !important;}

/* table Style */
.commDataWriteTbl 									{border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4; border-top:1px solid #666666;}
.commDataWriteTbl.noBorder 							{ border-top:0;}
.commDataWriteTbl table 							{ width:100% !important;}
.commDataWriteTbl table th,
.commDataWriteTbl table td 							{ text-align:center; padding:7px 5px; vertical-align:middle;}
.commDataWriteTbl table thead th 					{ background:#f6f6f6; font-size:13px; border:1px solid #ccc; border-width:1px 0px; font-weight:700;}
.commDataWriteTbl table tbody th 					{ background:#f6f6f6; border:1px solid #ccc; border-width:0 1px 1px; font-weight:700;}
.commDataWriteTbl table tbody td 					{ border-bottom:1px solid #e4e4e4; line-height:1.4; background: #fff}
.commDataWriteTbl table .left 						{ text-align:left !important; padding-left:10px; padding-right:10px;}
.commDataWriteTbl table .right 						{ text-align:right !important; padding-left:10px; padding-right:10px;}
.commDataWriteTbl table tbody.view td 				{ text-align:left; padding-left:10px; padding-right:10px;}
.commDataWriteTbl table .bgWhite td 				{ background:#fff;}
.commDataWriteTbl table .line th,
.commDataWriteTbl table .line td 					{ border-left:1px solid #e4e4e4;border-bottom:1px solid #ccc;border-top:1px solid #e4e4e4}
.commDataWriteTbl table .line tr > *:first-child 	{ border-left-width:1px;}
.commDataWriteTbl table .content 					{ line-height:1.4;}
.commDataWriteTbl table .total td 					{ font-weight:700; color:#111; background:#f6f6f6;}
.commDataWriteTbl.narrow th,
.commDataWriteTbl.narrow td 						{ padding-top:4px; padding-bottom:4px;}
.commDataWriteTbl table tbody tr:last-child th,.commDataWriteTbl table tbody tr:last-child td 			{ border-bottom:none; }
.commDataWriteTbl table tr.active td{background:#e4efff;}
.commDataWriteTbl table tbody td table th {border-right: none !important;}
.tableFix{ height: 100px}
table.sroll.fht-table {width: 100% !important;}
table tbody td.bdrLno {border-left: none !important}

/* content Style */
.contentTit2 							{ font-size:14px; font-weight:700; color:#333;  letter-spacing: -1px; line-height: 30px}
.contentTit2:before 					{ display:inline-block; width:8px; height:8px; background:#333; border-radius:2px; margin-right:5px; margin-top:-4px; vertical-align:middle; content:"";}
.contentTit3 							{ font-size:14px; font-weight:700; color:#333;  letter-spacing: -1px; line-height: 30px}
.contentTit3:before 					{ display:inline-block; width:4px; height:4px; background:#333; border-radius:2px; margin-right:5px; margin-top:-4px; vertical-align:middle; content:"";}
.contentTit4							{ font-size:12px; font-weight:700; color:#333;  letter-spacing: -1px; line-height: 30px}
.contentTit4:before 					{ display:inline-block; width:3px; height:3px; background:#263f80; border-radius:2px; margin-right:5px; margin-top:-4px; vertical-align:middle; content:"";}
.contentTit5							{ font-size:14px; font-weight:700; color:#333;  letter-spacing: -1px; line-height: 32px}
.contentTit5:before 					{ display:inline-block; width:3px; height:3px; background:#263f80; border-radius:2px; margin-right:5px; margin-top:-4px; vertical-align:middle; content:"";}
.contentTit6 							{font-size:16px; font-weight:700; color:#345eb8;  letter-spacing: -1px; line-height: 30px}
.contentTit6 a 							{color:#345eb8;  display: inline-block; margin-left:5px;}
.contentTit6.close .t_bl				{background: url("/images/icon/icon_open.png")no-repeat 0 0px; display: inline-block;width: 17px; height: 17px; vertical-align: -3px;transition:all 0.3s; }
.contentTit6.close a  					{color:#333;}
.contentTit6.open .t_bl 			    {background: url("/images/icon/icon_close.png")no-repeat 0 0px; display: inline-block;width: 17px; height: 17px; vertical-align: -3px;  transform:rotate(90deg); transition:all 0.3s;}


.nav 									{padding-left: 0;margin-bottom: 0;list-style: none;display: block; height: 40px}
.nav > li 								{position: relative;display: block;}
.nav > li > a 							{position: relative;display: block;padding: 10px 30px;}
.nav-tabs 								{border-bottom: 1px solid #ccc; }
.nav-tabs > li 							{float: left;margin-bottom: -2px;}
.nav-tabs > li > a 						{font-size:13px;text-align:center; margin-right: -1px;line-height: 1.42857143; letter-spacing:-1px;border: 1px solid transparent;color: #666666; background:#f6f6f6; border-color:#ccc}
.nav-tabs > li > a:hover 				{color: #666666}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.aciive > a:focus 		{color: #2d6cc2;cursor: default;background-color: #fff;border: 1px solid #ccc;border-bottom-color: transparent;font-weight: bold; border-top:2px solid #2d6cc2;}
.nav-tabs.nav-justified 				{width: 100%;border-bottom: 0;}
.nav-tabs.nav-justified > li 			{float: none;}
.nav-tabs.nav-justified > li > a 		{margin-bottom: 5px;text-align: center;}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {top: auto;left: auto;}
.tab-cont {border: 1px solid #ccc; background: #fff; padding:20px;margin-top:-1px; overflow: hidden; width: 100%}

/* 검색영역 */
.searchDetail 							{ position: relative;min-height: 20px; padding: 5px 200px 5px 15px; background-color:#f6f6f6; border: 1px solid #e3e3e3; overflow: hidden}
.searchDetail table						{ width:100%;}
.searchDetail table th,
.searchDetail table td 					{ font-size:13px; height:40px; vertical-align:middle;}
.searchDetail table th 					{ font-weight:700; text-align:right; padding-right: 10px}
.searchDetail table .btns button 		{ margin-right:5px;}
.searchDetail .btnWrap					{ position: absolute; right: 15px; bottom: 0px}

.pop-cont .searchDetail 				{padding: 5px 15px 5px 15px; }
/* pagingWrap */
.pagination 							{display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li 						{display: inline;}
.pagination > li > a,
.pagination > li > span 				{position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #333;text-decoration: none;background-color: #fff ;border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span 	{ margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span 		{ border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus 			{ color: #333; background-color: #f0f0f0;}
/* .pagination > .active 					 { font-size:11px;position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #333;text-decoration: none;background-color: #fff ;border: 1px solid #ddd;} */
.pagination > .active,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus 		{  z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus 		{ color: #777; cursor: not-allowed; background-color: #929292; border-color: #ddd;}
.pagingWrap { text-align:center;}
.pagination > li:first-child > a,
.pagination > li:first-child > span 	{ border-radius:0 !important;}
.pagination > li:last-child > a,
.pagination > li:last-child > span 		{ border-radius:0 !important;}

/* tab */
.tab-wrap    						{width: 100%; }
.tab-wrap .tab-list   				{border-top: 1px solid #282b2d; overflow: hidden;}
.tab-wrap .tab-list li  			{float:left; }
.tab-wrap .tab-list li a   			{font-weight: bold;font-size:13px; display: block;border-bottom: 2px solid #1d2126; padding:10px; background: #353739; border-right: 1px solid #282b2d; text-align: center; color: #666 }
.tab-wrap .tab-list li a:hover  	{color: #fff;}
.tab-wrap .tab-list li:first-child a{border-left: 1px solid #282b2d;}
.tab-wrap .tab-list li.active a 	{ font-size:14px;background: none; color: #fff; border-bottom: none;}

/*content*/
.dibl								{margin-bottom: 10px; line-height: 1.6}
.dibl_mg0							{line-height: 1.6}
/* .searchBar							{height: 44px;border: 1px solid #d2d2d2; background: #fff; padding:7px 10px 0 5px; }
.searchBar strong 					{margin-left: 10px}
.searchBar label					{margin-left: 10px; font-weight: bold; vertical-align: middle;}
.searchBar label input 				{margin-right:4px;} */


/* 모니터링 시스템 */
.tm_tbl						{ height: 148px; overflow: hidden; }
.btn_tmview 				{margin:10px; text-indent:-9999em;background: url(/images/tm/btn_tmview.png) no-repeat; width: 193px; height: 52px; display:block;}

/* popup common */
.modal 						{width:100%; height:100%; background:url('/images/common/screen.png'); position:absolute; top:0; left:0; z-index:10000;}
.lightbox 					{position:absolute; left:50%;  z-index:10001;}
.lightbox .top 				{height:40px; line-height:40px; background-color:#3257ab; position:relative;}
.lightbox .top .title		{color: #fff; padding-left: 15px; font-size: 16px}
.lightbox .top a.btn-close 	{position:absolute; top:5px; right:15px;}
.lightbox .pop-cont 		{background-color:#fff; overflow:hidden;padding: 20px 25px 20px;}

/* pop content */
.obWrite					{ }
.obserSch .graphArea		{ margin-top:10px;}
.pop_info_area .info		{ font-size:13px; letter-spacing:-1px;background: url(/images/common/bl_arrow_pop.gif)no-repeat 0 4px ; padding-left:10px; margin-right: 15px}
.btn_gr_prev				{ float:left;background:#fff url(/images/common/arrow_l_left.gif)no-repeat center center; border: 1px solid #9e9e9e; height: 30px; width:30px; display:block; text-indent:-9999em;}
.btn_gr_next				{ float:right;background:#fff url(/images/common/arrow_l_right.gif)no-repeat center center; border: 1px solid #9e9e9e; height: 30px; width:30px; display:block; text-indent:-9999em;}
.btn_mr_top					{ margin-top:4px;background:#fff url(/images/common/arrow_l_top.gif)no-repeat center center; border: 1px solid #e4e4e4; height: 20px; width:20px; display:inline-block; text-indent:-9999em;}
.btn_mr_bottom				{ margin-top:4px;background:#fff url(/images/common/arrow_l_bottom.gif)no-repeat center center; border: 1px solid #e4e4e4; height: 20px; width:20px; display:inline-block; text-indent:-9999em;}
.btn_mr_plus				{ margin-top:4px;background:#fff url(/images/icon/icon_plus2.png)no-repeat center center; border: 1px solid #e4e4e4; height: 20px; width:20px; display:inline-block; text-indent:-9999em;}
.btn_mr_minus				{ margin-top:4px;background:#fff url(/images/icon/icon_minus2.png)no-repeat center center; border: 1px solid #e4e4e4; height: 20px; width:20px; display:inline-block; text-indent:-9999em;}
.tblIntbl					{ height: 150px; overflow: auto }

/* file */
.file_upload				{width: 100%; position: relative;}
.file_upload .icon-delete	{position:absolute; right: 0px; top: 10px;}
.img_area					{margin-top: 10px; display: block; font-size: 0;}
.img_area img 				{max-width: 100%;border: 1px solid #ccc;}
.img_name					{margin-top:10px;font-size: 12px; color: #666; display:block;}

/* 유지관리 서식  */
.formArea 					{ margin:20px 0 0; border:1px solid #ccc; padding:30px 20px; background: #fff }
.formArea h3 				{font-size: 14px; text-align: center; margin-bottom: 20px;}
.formArea h4 				{font-size: 13px; margin-bottom: 10px}
.formArea .ti_sm 			{font-size: 12px; font-weight: normal;}
.formArea .fr_box 			{overflow: hidden}
/* .formArea .fr_top 			{height: 80px} */
.formArea .fr_top table 	{height: 80px}

/* 유지관리 서식 table Style */
.formTbl 									{border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.formTbl.noBorder 							{ border-top:0;}
.formTbl table 								{ width:100% !important;}
.formTbl table th,
.formTbl table td 							{ text-align:center; padding:7px 5px; vertical-align:middle;}
.formTbl table th 							{ background:#f6f6f6; font-size:13px; border:1px solid #ccc;  font-weight:700;}
.formTbl table td 							{ border-bottom:1px solid #ccc; border-top:1px solid #ccc;border-right:1px solid #ccc; border-color: #ccc; line-height:1.4; background: #fff}
.formTbl table .left 						{ text-align:left !important; padding-left:10px; padding-right:10px;}
.formTbl table .right 						{ text-align:right !important; padding-left:10px; padding-right:10px;}
.formTbl table tbody.view td 				{ text-align:left; padding-left:10px; padding-right:10px;}
.formTbl table .bgWhite td 					{ background:#fff;}
.formTbl table .line th,
.formTbl table .line td 					{ border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc}
.formTbl table .line tr > *:first-child 	{ border-left-width:1px;}
.formTbl table tbody tr:last-child th,.formTbl table tbody tr:last-child td 			{ border-bottom:none !important; }
.formTbl table thead th:last-child 			{border-right:none;}
.formTbl table td:last-child 				{border-right:none;}
.formTbl table tr.active td 				{background:#e4efff;}
.formTbl table tbody td table th 			{border-right: none !important;}
.tableFix{ height: 100px}
table.sroll.fht-table 						{width: 100% !important;}
table tbody td.bdrLno 						{border-left: none !important}

.formTbl textarea.form-control 				{height:100% !important;}
.formArea .fr_top .th20						{ height: 20px }

.f-tbl-bot 									{ display: block;  line-height: 50px; width: 100%; overflow: hidden}
.f-tbl-bot table 							{float: right; margin:10px 0;} 
.f-tbl-bot table th 						{padding-right: 10px; text-align: right}
.f-bot-txt 									{text-align: right; font-size:14px; padding:10px 0; font-weight: bold}

.bl_st01{display:inline-block; float:left; margin-right:15px; line-height:34px }
/* 서식 grid  정렬 */
.form-grid1,.form-grid2,.form-grid3,.form-grid4,.form-grid5{overflow: hidden; margin-left: -5px; margin-right: -5px}
.form-grid1 .gridarea{width: 100%;padding-left:5px; padding-right:5px;float: left;}
.form-grid2 .gridarea{width: 50%;padding-left:5px; padding-right:5px;float: left;}
.form-grid3 .gridarea{width: 33.3333%;padding-left:5px; padding-right:5px;float: left;}
.form-grid4 .gridarea{width: 25%;padding-left:5px; padding-right:5px;float: left;}
.form-grid5 .gridarea{width: 20%;padding-left:5px; padding-right:5px;float: left;}
.up_grid{display: inline-block;float: left; margin-left:0px;}
.form-grid-parent{margin-left:-5px; margin-right:-5px; overflow: hidden;}

/* 통계분석  */
.dash-board	 		{}
.dash-top				{border-bottom:1px solid #ccc;padding-bottom: 10px}
.dash-grid2				{overflow: hidden; margin-left: -10px; margin-right: -10px}
.dash-grid2 .gridarea	{width: 50%;padding-left:10px; padding-right:10px;float: left; }
.gridarea .commDataTbl .fht-table-wrapper .fht-tbody{padding-right:45px !important;}
.dash-box 				{border: 1px solid #ccc; padding:15px; background: #fcfcfc;height: 307px;}
.dash-box2 				{overflow:hidden;border: 1px solid #ccc; padding:15px; background: #fcfcfc;}
.dash-graph				{overflow:hidden;border: 1px solid #e4e4e4; margin-top: 10px; height: 232px; width: 100%; background: #fff; text-align: center;}
.dash-graph img   		{height: auto; width: auto}
.filter					{  line-height: 30px}
.filter span 			{background: url(/images/icon/icon_filter.png)no-repeat 0 0px ; padding-left: 15px; margin-right: 15px; font-size:13px; font-weight: bold; letter-spacing: -1px}


/* table Style */
.scrollTbl 									{overflow-y:auto; border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4; border-top:1px solid #666666;}
.scrollTbl.noBorder 						{ border-top:0;}
.scrollTbl table 							{ width:100% !important;}
.scrollTbl table th,
.scrollTbl table td 						{ text-align:center; padding:7px 7px; vertical-align:middle;}
.scrollTbl table thead th 					{ background:#f6f6f6; font-size:13px; border:1px solid #ccc; border-width:1px 0px; font-weight:700; letter-spacing: -1px}
.scrollTbl table tbody th 					{ background:#f6f6f6; border:1px solid #ccc; border-width:0 1px 1px; font-weight:700;}
.scrollTbl table tbody td 					{ border-bottom:1px solid #e4e4e4; line-height:1.4; background: #fff}
.scrollTbl table .left 						{ text-align:left !important; padding-left:7px; padding-right:7px;}
.scrollTbl table .right 					{ text-align:right !important; padding-left:7px; padding-right:7px;}
.scrollTbl table tbody.view td 				{ text-align:left; padding-left:7px; padding-right:7px;}
.scrollTbl table .bgWhite td 				{ background:#fff;}
.scrollTbl table .line th,
.scrollTbl table .line td 					{ border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4}
.scrollTbl table .line tr > *:first-child 	{ border-left-width:1px;}
.scrollTbl table .content 					{ line-height:1.4;}
.scrollTbl table .total td 					{ font-weight:700; color:#111; background:#f6f6f6;}
.scrollTbl.narrow th,
.scrollTbl.narrow td 						{ padding-top:4px; padding-bottom:4px;}
.scrollTbl table tr td:first-child,.scrollTbl table tr th:first-child 			{ border-left:none; }
.scrollTbl table tr.active td 				{background:#e4efff;}
.scrollTbl table tbody td table th 			{border-right: none !important;}
.scrollTbl table tr.point th,.scrollTbl table tr.point td{ background: #e3e8ff !important; }
table.sroll.fht-table 						{width: 100% !important;}

/* popup */
.popbox					{width: 100%;}
.popbox	.top 			{height:40px; line-height:40px; background-color:#3257ab; position:relative;}
.popbox .top .title		{color: #fff; padding-left: 15px; font-size: 16px}
.popbox .top a.btn-close {position:absolute; top:5px; right:15px;}
.popbox .pop-cont 		{background-color:#fff; overflow:hidden;padding: 20px 25px 20px}

.tab-list {overflow:hidden;}
.tab-list li{display: inline-block;float: left;}
.tab-list li span{color:#666;display: block; text-align: center;font-size:15px; height:43px;  text-align:center; line-height:43px; background-color:#e8e8e8; border-right: 1px solid #fff }
.tab-list li.active span{height:43px; background-color:#2d6cc2; color:#fff; font-weight: bold}
.signUp_wrap .section{border: 1px solid #e4e4e4; background:#fff;padding:20px; height: 300px; overflow-y:auto;}
.signUp_wrap .section h5{line-height: 22px; font-size: 14px; color: #2d6cc2; margin-top: 30px }
.signUp_wrap .section h5:first-child{margin-top: 0}
.signUp_wrap .section h6{margin:20px 0 0; font-size: 12px}
.signUp_wrap .section h5 + p,.signUp_wrap .section h6 + p {margin-bottom:10px; line-height: 1.5}
.signUp_wrap .section > ul {margin-left: 5px}
.signUp_wrap .section > ul > ul{margin-left: 10px}
.signUp_wrap .section > ul > li {line-height: 1.5}
.signUp_wrap .section > ol {margin-left:  0px}
.signUp_wrap .section > ol > li {line-height: 1.5}
.signUp_wrap .section > ol > li > ol{margin-left: 12px}

.d-view{ overflow: hidden; line-height: 30px; margin: 5px }
.d-view label { margin-right:10px; font-weight: bold; display: inline-block; width: 60px }
.d-view dt{float: left; display: inline-block; width: 100px; line-height: 30px}
.d-view dd{float: left; display: inline-block; width: ;  line-height: 30px}

.t_num{background:#fff ; padding:5px 5px 3px; border-radius: 3px; font-size:12px; border:1px solid #263f80; color: #263f80}
.t_day{background:#fff ; padding:5px 5px 3px; border-radius: 3px; font-size:12px; border:1px solid #f23232; color: #f23232}

.tm_main{}
.tm_main .tm_sel {float: left; font-weight: bold;}
.tm_main .tm_sel span{  display: inline-block; }
.tm_main .tm_main_top{margin-bottom:20px;text-align: center;padding-top: 15px; padding-bottom: 15px; }
.tm_main .tm_main_top .tm_main_title {display: inline-block; font-size: 24px; margin:0 0 0 10px; line-height: 30px; vertical-align: middle; letter-spacing: -1px}
.tm_main .tm_main_top .tm_day{float: right; font-size:12px; color: #f23232; line-height: 30px; margin-top: 5px}
.tm_count{ float: left; display: inline-block; width:180px;overflow: hidden; background: #fff; overflow: hidden; }
.tm_count li{display: block; width: 100%; height: 45px; border:1px solid #ccc; border-bottom:2px solid #ccc; margin-bottom: 3px; line-height: 44px; border-radius: 10px} 
.tm_count li:last-child{margin-bottom: 0}
.tm_count li .title{font-size: 14px; font-weight: bold; padding-left: 15px; display: inline-block; width: 110px; position: relative;}
.tm_count li .num{font-size: 16px;  display: inline-block; width: 65px; height:44px; border-left:1px solid #e4e4e4;position: relative; text-align: center; font-weight: bold}
.tm_i_01{ text-indent:-999em;border-radius: 14px; width: 14px; height: 14px; background: #f23232; display: inline-block;}
.tm_i_02{text-indent:-999em;border-radius: 14px; width: 14px; height: 14px; background: #e1af00; display: inline-block;}
.tm_i_03{text-indent:-999em;border-radius: 14px; width: 14px; height: 14px; background: #2d6cc2; display: inline-block;}
.tm_i_04{text-indent:-999em;border-radius: 14px; width: 14px; height: 14px; background: #ff6600; display: inline-block;}
.tm_count li .tm_i_01,.tm_count li .tm_i_02,.tm_count li .tm_i_03,.tm_count li .tm_i_04{position: absolute; right: 15px; top: 14px}
.tm_tbl_area{/* height: 148px; */ margin-left: 190px;}
.tm_tbl_area .tbody{height: 116px; background: #fff}
.scroll_tbl {position: relative;}
.scroll_tbl .thead {position: absolute; top:0;width: 100%; padding-right: 17px; background: #f6f6f6}
.scroll_tbl .tbody {position: absolute; top:30px; width: 100%; overflow-y:scroll;}

.pos_r					{position:relative;}
.pos_r .icon-delete		{position:absolute; right: 10px; top: 10px;}

.tm_tbl_pop{ height:312px;}
.tm_tbl_pop .tbody{height: 280px; background: #fff}

/*필수항목 표시*/
.essential	{text-indent:-9999em; width: 0; font-size: 0}
.essential:after	{content:"*";color:red;margin-left: 3px;font-size: 12px}

.hide_box{border:2px solid #2d6cc2; padding:20px; background: #f9f9f9; box-shadow: 0px 4px 0px #e4e4e4}
.hide_box .hb_title{font-size: 14px; font-weight: bold; background: url(/images/common/bl_dot.gif)no-repeat 0 4px; padding-left: 10px}
.hide_box .hb_info{ padding-left:15px;line-height: 30px;font-size: 13px; font-weight: bold;color:#3257ab;}
.hide_box .hb_remark {padding:15px;}
.hide_box .hb_remark dt {font-weight: bold; margin-bottom: 5px}
.hide_box .hb_remark dd {height: 50px}
.hide_box .hb_remark dd textarea {height: 50px}

.userInter_area 			{background: #efefef;  overflow: hidden; height: 505px;border: 1px solid #d2d2d2; }
.userInter_area .ui_grid 	{float: left; height: 100%; padding:3px; padding-right:0;width: 30%; }
.userInter_area .ui_grid_ct {float: left; height: 100%; padding:3px; padding-right:0;width: 40%;}
.ui_grid .box_area,.ui_grid_ct .box_area		{ position:relative;border: 1px solid #d2d2d2; background:url("/images/common/pt_01.gif");   display: block; width: 100%; height: 100%}
.box_title					{font-size:16px; text-align:center;padding:10px; padding-top: 5px; letter-spacing: -1px}
.box_cont					{position: absolute; overflow:hidden;font-weight: bold; font-size: 16px; color: #666; top: 50%; width: 100%; text-align: center; color: #999; margin-top:-16px; }
.ui_grid_ct .box_area .box_cont2					{padding:10px; background:#fff;border:2px solid #999;   box-shadow: 0px 4px 0px #e4e4e4;position: absolute; left: 50%; margin-left:-137px; top: 50%; margin-top:-172px; }
.ui_grid_h 					{height: 33.33%;padding-bottom:3px;}
.ui_grid div:last-child 	{padding-bottom:0px;}
.ui_grid_h .box_area_h 		{position:relative;background:url("/images/common/pt_01.gif");border: 1px solid #d2d2d2;  display: block; width: 100%; height: 100%}
.ui_grid_h .box_area_h .box_cont2 	{padding:10px; background:#fff;border:2px solid #999;   box-shadow: 0px 4px 0px #e4e4e4;position: absolute; left: 50%;margin-left:-137px; top: 50%; margin-top:-72px; }

.fmg_b5 select{margin-bottom:5px}

.t_checkArea{width: 992px}
.t_check_grid {overflow: hidden}
.t_check_grid li{display: inline-block;}
.t_left{ float: left; width: 33.33% }
.t_center{ float: left;  width: 33.33%; text-align: center;}
.t_right{ float: right;  width: 33.33%;text-align: right;}
.t_check_grid li span{display:inline-block; }
.t_check_grid li .title{font-weight: bold}
.t_check_grid li .title:before{ display:inline-block; width:4px; height:4px; background:#333; border-radius:2px; margin-right:5px; margin-top:-4px; vertical-align:middle; content:"";}

.input_bl{display: block;margin-top: 3px}

.f-bot-txt2  {text-align: left; font-size:14px; padding:10px 0; font-weight: bold; margin-left:65px;}

.f-bot-date2 {text-align: right; font-size:14px; padding:0px 0;}
.f-tbl-bot2{line-height:40px;}
.f-tbl-bot2 table{ width: 820px; margin:0 auto; }


.f-tbl-bot3 table{ width: 100%; margin:0 auto; }
.f-tbl-bot3{line-height:40px;}
.f-bot-date3 {text-align: right; font-size:14px; padding:0px 0; font-weight: bold}
.f-bot-txt3{margin:30px 0; text-align: right;font-size:14px;font-weight: bold;}
.th_top{background: #eee !important; font-size:14px; font-weight: bold}


.f_txt{color: #999; line-height: 24px; margin-top: 5px; font-size:12px; font-weight: normal;}
.right{text-align: right}
.tb_title{font-size:18px; font-weight: bold; padding: 10px 0 !important }
.sec_h4{margin-top: 30px; font-size: 15px; line-height: 30px}
.sec_h4 h4{ font-size: 14px; }
.form_title{font-size:18px; font-weight: bold; }
.f_dis_b{ margin-right: 10px }
.f_txt2{font-size: 14px;margin-top: 10px; padding:10px; line-height: 28px}