

/*======================================Styles.css는 모든 페이지에 기본 적으로 적용되는 CSS이다. ===========================================================================*/


/* BODY기본 스크롤 스타일 */

body{   
scrolling:"auto";
scrollbar-face-color: #EAEAEA; 
scrollbar-highlight-color: #ffffff; 
scrollbar-3dlight-color: #F7F7F7; 
scrollbar-darkshadow-color: #F7F7F7; 
scrollbar-track-color: #F7F7F7; 
scrollbar-arrow-color: #F1729D;
scrollbar-shadow-color:#DEDEDE;  
}		


/* TD 기본 Font 스타일시트 */
td{ font-family: "돋움", "Arial" ; font-size: 12px; color:#414141;line-height:18px; } 
img{ img-border:0px;}   
A:link {font-family: "돋움", "Arial"; font-size: 12px; text-decoration:none;color: #666666 }
A:active {font-family: "돋움", "Arial"; font-size: 12px; text-decoration:none;color: #666666 }
A:visited {font-family: "돋움", "Arial"; font-size: 12px; text-decoration:none;color: #666666 }
A:hover { font-family: "돋움", "Arial"; font-size: 12px; text-decoration:none;color: #e07c3c }    
 /* Link 기본 스타일시트*/

/*------------------------------ --------------------------Font 스타일시트------------------------------------------------------------------*/
.font_00{ font-family: "돋움", "Arial";font-size: 11px; font-weight:none; text-decoration: none; color: #666666;line-height:18px; }

.font_01{ font-family: "돋움", "Arial";font-size: 11px; font-weight:none; text-decoration: none; color: #333333;line-height:18px; }  
.font_01B{ font-family: "돋움", "Arial";font-size: 11px; font-weight:bold; text-decoration: none; color: #333333;line-height:18px; }
.font_01B_14p{ font-family: "돋움", "Arial";font-size: 14px; font-weight:bold; text-decoration: none; color: #333333;line-height:18px; }        
.font_02{ font-family: "돋움", "Arial";font-size: 11px; font-weight:none; text-decoration: none; color: #555555;line-height:18px; }
.font_02B{ font-family: "돋움", "Arial";font-size: 11px; font-weight:bold; text-decoration: none; color: #555555;line-height:18px; }
.font_02B_14P{ font-family: "돋움", "Arial";font-size: 14px; font-weight:bold; text-decoration: none; color: #333333;line-height:18px; }
.font_03{ font-family: "돋움", "Arial";font-size: 11px; font-weight:none; text-decoration: none; color: #B92B2B;line-height:18px; }
.font_03B{ font-family: "돋움", "Arial";font-size: 11px; font-weight:bold; text-decoration: none; color: #B92B2B;line-height:18px; }    
.font_04{ font-family: "돋움", "Arial";font-size: 11px; font-weight:none; text-decoration: none; color: #ffffff;line-height:18px; } 
.font_04B{ font-family: "돋움", "Arial";font-size: 11px; font-weight:bold; text-decoration: none; color: #ffffff;}  
.font_05{ font-family: "돋움", "Arial";font-size: 11px; font-weight:none; text-decoration: none; color:#ED135E;line-height:18px; } 
.font_06_11p{ font-family: "돋움", "Arial";font-size: 11px; font-weight:none; text-decoration: none; color:#AE1A19;}
.font_07B_11p{ font-family: "돋움", "Arial";font-size: 11px; font-weight:bold; text-decoration: none; color: #444444;} 
.font_08_11p{ font-family: "돋움", "Arial";font-size: 11px; font-weight:none; text-decoration: none; color: #666666;}
.font_09B{ font-family: "돋움", "Arial";font-size: 11px; font-weight:bold; text-decoration: none; color: #FEDD00;}    
.font_10B_14{ font-family: "돋움", "Arial";font-size: 14px; font-weight:bold; text-decoration: none; color: #FFEAAB;}
.font_10B_15{ font-family: "돋움", "Arial";font-size: 14px; font-weight:bold; text-decoration: none; color: #6c43a7;}   
.font_10B_18{ font-family: "돋움", "Arial";font-size: 14px; text-decoration: none; color: #292929;}  
.font_10B_16{ font-family: "돋움", "Arial";font-size: 12px; font-weight:bold; text-decoration: none; color: #9e5bb0;line-height:24px;}     
.font_10B_17{ font-family: "돋움", "Arial";font-size: 12px; text-decoration: none; color: #565656;line-height:24px;}  
/*-------------------------------------------------------- Table기본 스타일시트--------------------------------------------------------------*/

table{border: 0; margin-bottom: 0px; border-collapse:collapse;}

.table_Color_01 {	background-color: #F9F7F3; border-top: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; border-collapse:collapse; padding:5px 5px 5px 5px;}      
.table_Color_02 {	background-color: #ffffff; border-top: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; border-collapse:collapse;padding: 5px 5px 5px 5px;}  

/*-------------------------------------------------------------- Forme 스타일시트--------------------------------------------------------------*/

.padding_01{padding:5,5,5,5;}

.input_textarea_01{ border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; border-left: #ffffff 1px solid; border-bottom: #ffffff 1px solid; font-family: "돋움", "Arial";font-size: 12px; vertical-align: middle; color: #333333; line-height:16px; font-style: normal; font-family: "돋움", "Arial"; background-color:#ffffff; text-align: left; 
} 

.input_textarea_02{ 
	border-right: #cbcbcb 1px solid; 
	border-top: #cbcbcb 1px solid; 
	border-left: #cbcbcb 1px solid; 
	border-bottom: #cbcbcb 1px solid; 
	font-family: "Arial", "돋움";
	font-size: 12px; 
	vertical-align: middle; 
	color: #666666; 
	line-height:16px; 
	font-style: normal; 
	font-family: "돋움", "Arial"; 
	background-color:#ffffff; 
	text-align: left; 
} 

.select_01{ border-right: #ffffff 0px solid; border-top: #ffffff 0px solid; border-left: #ffffff 0px solid; border-bottom: #ffffff 0px solid; font-family: "돋움", "Arial";font-size: 12px; vertical-align: middle; color: #333333; line-height:16px; font-style: normal; font-family: "돋움", "Arial"; background-color:#ffffff; text-align: left; 
} 

.textarea{ border-right: #E7E7E7 1px solid; border-top: #E7E7E7 1px solid; border-left: #E7E7E7 1px solid; border-bottom: #E7E7E7 1px solid; font-family: "돋움", "Arial";font-size: 12px; vertical-align: none; color: #333333; line-height:18px; font-style: normal; font-family: "돋움", "Arial"; background-color:#F6F6F6; text-align: left; 
}

.search{ border-right: #E7E7E7 1px solid; border-top: #E7E7E7 1px solid; border-left: #E7E7E7 1px solid; border-bottom: #E7E7E7 1px solid; font-family: "돋움", "Arial";font-size: 12px; vertical-align: none; color: #333333; line-height:18px; font-style: normal; font-family: "돋움", "Arial"; background-color:#F6F6F6; text-align: left; 
}

/*-------------------------------------------------------------- Link 스타일시트----------------------------------------------------------------*/
		 
.link a:link    {font-family:"돋움", "Arial"; font-size:12px; font-weight:none; text-decoration:none;color: #666666;}
.link a:active  {font-family:"돋움", "Arial"; font-size:12px; font-weight:none; text-decoration:none;color: #666666;}
.link a:visited {font-family:"돋움", "Arial"; font-size:12px; font-weight:none; text-decoration:none;color: #666666;}
.link a:hover   {font-family:"돋움", "Arial"; font-size:12px; font-weight:none; text-decoration:none;color: #333333;}


.top_menu a:link { font-family: "돋움", "Arial"; font-size: 13px; font-weight:bold; text-decoration:none;color: #FFFFFF }
.top_menu a:active { font-family: "돋움", "Arial"; font-size: 13px; font-weight:bold; text-decoration:none;color: #FFFFFF }
.top_menu a:visited { font-family: "돋움", "Arial"; font-size: 13px; font-weight:bold; text-decoration:none;color: #FFFFFF }
.top_menu a:hover { font-family: "돋움", "Arial"; font-size: 13px; font-weight:bold; text-decoration:none;color: #FFFFFF }


/* 기본 테이블 */
.table_style{border-top:2px solid #444547; width:100%;}

	.table_style table{}

	.table_style td{border-bottom:1px solid #e4e4e4; padding:6px 0 6px 12px; text-align:left; color:#666; font-family:guilm; font-size:12px;}

	.table_style td.stit{border-bottom:1px solid #e4e4e4; padding:6px 0 6px 12px; text-align:left; color:#222; background-color:#f9f9f9; font-family:guilm; font-size:12px;}
	
	.table_style td.stit02{border-bottom:1px solid #e4e4e4; padding:6px 0 6px 10px; text-align:center; color:#222; background-color:#f9f9f9; font-family:guilm; font-size:12px; font-weight:bold}

	.table_style td.stit_end{border-bottom:1px solid #c6c6c6; padding:6px 0 6px 12px; text-align:left; color:#222; background-color:#f9f9f9; font-family:guilm; font-size:12px;}

	.table_style td.end{border-bottom:1px solid #c6c6c6; padding:6px 0 6px 12px; text-align:left; color:#666; font-family:guilm; font-size:12px;}

	.table_style td p{padding-right:20px; text-align:right;}
	
	
	
.datagrid table { border-collapse: collapse; text-align: left; width: 99.9%; } 
.datagrid {font: normal 12px/100% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.datagrid table td, .datagrid table th { padding: 3px 10px; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 13px; font-weight: bold; border-left: 1px solid #0070A8; } 
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00557F; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.datagrid table tbody 
    .alt td { background: #E1EEf4; color: #00557F; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { border-top: 1px solid #006699;background: #E1EEf4;} 
.datagrid table tfoot td { padding: 0; font-size: 12px } 
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #00557F; color: #FFFFFF; background: none; background-color:#006699;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }	