@charset "utf-8";


#body{text-align:center; width:95%; background: url(../img/main/topBg.gif) repeat-x 0 0; font-family: Dotum,Arial,sans-serif,Verdana,Helvetica,geneva;}
body{text-align:center; width:95%;font-family: Dotum,Arial,sans-serif,Verdana,Helvetica,geneva;}

/* IE 6, 7 */
* html body, *:first-child+html body{font-size:12px/*0.75em*/;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{ margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
ol, ul{ list-style:none;}
address, caption, cite, code, dfn, em, label{ font-style: normal; font-weight:normal;}
img{ border:none;vertical-align:top;}
caption{ display: none; clear:both; table-layout:fixed; border-collapse:collapse;}
fieldset{ border: none; margin: 0; padding: 0;}
input{ vertical-align:middle; font-family: Dotum, Gulim; color: #4d4d4d; font-size: 12px/*0.90em*/;}
select, input, textarea{ font:100% Dotum, Tahoma, sans-serif; vertical-align:middle; color:#555; padding:2px 1px 2px 1px;}
select{ height: 20px;}
textarea{ font-family: Dotum, Gulim; color: #777; font-size:100%; border: 1px solid #d2d5d6; 
}
.checkbox, .radio{ margin-right: 3px;}
* html .radio{ margin-top:-4px; margin-right: 0;}
*:first-child+html .radio {margin-top:-4px;  margin-right: 0;}
* html .checkbox {margin-top:-4px;  margin-right: 0;}
*:first-child+html .checkbox {margin-top:-4px;  margin-right: 0;}

	
	.toggler { position: absolute; left: 391px; width: 330px; height: 100px; z-index: 1000; margin-top: 0px; margin-left:370px; text-align: left; font-size: 12px;}
	#button { padding: .5em 1em; text-decoration: none;}
	#effect { width: 220px; padding: 0.4em; position: relative; }
	#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
	
	.top{ width:1000px; padding:0; margin:20px auto 35px; }
	.con{ width: 1000px; margin:0 auto; position: relative; }
	.left{ width:1000px; padding:0; margin:20px auto 50px; text-align: left; overflow: hidden; }
	.right{ position: relative; width:600px; padding:0; margin:20px auto 50px; z-index: 2000; }
	
	/*	start:2011.06.22 add	*/
	.announce{ float: left; width: 50%;}
	.range{ float: left; margin-left: 2%; width: 48%;}
	.announce h2, .range h2{ background: url(../img/main/bullet.gif) no-repeat 0 45%; padding-left: 20px; font-size: 14px; margin: 0 0 8px 7px;}
	
	.announce p, .range p { font-size: 12px; margin: 10px 0; line-height: 1.5;}
	.range table{margin:15px 0 0 10px; empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; font-size:12px;}
	.range table thead th, .range table thead td, .range table tbody th, .range table tbody td{border-style:none; border:0; border-width:0;  text-align: left; color: #5F5F5F;}
	.range table thead th, .range table thead td{color:#818181; padding: 8px 5px;}
	.range table td strong{ background: url(../img/main/dot3.gif) no-repeat 0 2px; padding-left: 12px;}
	
	.boxStyle{ position: relative; background: #f2f3f4;}
	.boxStyle .btmRound{ position: absolute; background: url(../img/main/box1Round.gif) no-repeat; width: 6px; height: 6px; bottom: 0;}
	.boxStyle .btmRound.rgt{ background-position: 100% 0; right: 0;}
	.boxStyle .btmRound.rgtTop{ background: url(../img/main/box1RoundTop.gif) no-repeat 100% 0 !important; top: -2px; right: 0; width: 6px; height: 6px;}
	.boxStyle .btmRound.lftTop{ background: url(../img/main/box1RoundTop.gif) no-repeat 0 0  !important; top: -2px; width: 6px; height: 6px;}
	.boxStyle .box1{ margin-right: 2px; background: #ffffff; border: 1px solid #e3e5e6; position: relative; bottom: 2px; padding: 10px;}
	.boxStyle .box1.login{ padding: 5px;}
	.boxStyle .box1.login h2{ margin: 0 0 10px; position: relative; left: 3px; top: 0px; padding: 0; font-size: 12px; background: url(../img/main/login_h2.gif) no-repeat 0 0; width: 200px; height: 28px; line-height: 2.3; color: #ffffff; text-align: center;}
	
	.inputData {
	        border: 1px solid #E4E6E8;
	        font-size: 12px;
	        height: 16px !important;
	        margin-bottom: 1px;
	        padding: 1px 5px 0;
	}
	
	.toggler table{ margin-top: -10px;}
	.toggler table th{ background: url(../img/main/dot4.gif) no-repeat 8px 7px; padding-left: 18px; font-size: 11px; color: #5F5F5F; }
	.toggler table th label{ cursor: pointer;}
	
	.list1{ list-style: none; margin: 0; padding: 0;}
	.list1 li{ background: url(../img/main/dot3.gif) no-repeat 0 4px; padding-left: 13px; font-size: 12px; color: #5F5F5F; line-height: 1.5; margin: 5px 0;}
	.text01{ font-size: 12px; color: #5F5F5F; line-height: 1.5; }
	.text02{ font-size: 14px; color: #5F5F5F; line-height: 1.5; }
	/*	end:2011.06.22 add	*/
	
	#head{
		width:1000px;
		height:50px;
		border:1px;
		padding:0;
		margin:5px 5px 35px 5px;
	}
	#left{
		float:left;
		width:500px;
		height:500px;
		padding:0;
		margin:0;
	}
	#right{
		float:left;
		width:450px;
		height:500px;
		padding:0;
		margin:20px 0px 0px 10px;
	}
	
	#tb_bg_row{
		background:url(./../img/main/line.gif);
		width:100%;
		height:2px;
		margin:0;
		padding:0;
	}
	
	#tb_bg_col{
		background:url(./../img/main/line.gif);
		width:2px;
		height:190px;
		margin:0;
		padding:0;
	}
	
	#tb_bg_row1{
		background:url(./../img/main/line.gif);
		width:100%;
		height:2px;
		margin:0;
		padding:0;
	}
	
	#tb_bg_col2{
		background:url(./../img/main/line.gif);
		width:2px;
		height:221px;
		margin:0;
		padding:0;
	}
	
	#tb_bg_col3{
		background:url(./../img/main/line.gif);
		width:2px;
		height:150px;
		margin:0;
		padding:0;
	}
	
	#text_sub{
		color:red; 
		font-size:17px;
		font-weight:bold;
		line-height:18px;
		text-align:left; 
		font-family:Dotum,Verdana,Arial, Helvetica, sans-serif, arial;  
		border:1px solid #DDDCD7; 
		margin:0;
	}
	
	#text_sub1{
		color:blue; 
		font-size:17px;
		font-weight:bold;
		line-height:18px;
		text-align:left;
		font-family:Dotum,Verdana,Arial, Helvetica, sans-serif, arial;  
		border:1px solid #DDDCD7; 
		margin:0;
	}

	#text{
		color:#5F5F5F; 
		font-size:13px; 
		line-height:18px;
		text-align: left; 
		font-family:Dotum,Verdana,Arial, Helvetica, sans-serif, arial; 
		background-color:#F9FAFF; 
		border:1px solid #DDDCD7; 
		margin:0;
	}
	
	#text_blue{
		color:blue;
	}
	
	#tab_01{
		border-style:solid 
	}
	
	#sub{
		color:blue; 
		font-size:35px;
		font-weight:bold;
		text-align:left; 
		font-family:Dotum,Verdana,Arial, Helvetica, sans-serif, arial;  
		border:1px solid #DDDCD7; 
		margin:0;
	}
	
	
/* 2011. 10. 28 add */
#skipToContent {
    position: absolute;
    width: 100%;
}
#skipToContent a {
    color: #000000;
    display: block;
    height: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    width: 0;
}
#skipToContent a:focus, #skipToContent a:active {
    background: none repeat scroll 0 0 #57C4E0;
    border-bottom: 1px solid #44ABD2;
    color: #005283;
    font-weight: bold;
    height: auto;
    padding: 5px;
    width: 99%;
}
.skip, legend {
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 0;
}

.floatDiv{}
.floatDiv:after{ content: ""; display: block; clear: both;}
.fl{ float: left;}
.fr{ float: right;}

.wrap{ width: 940px; margin: 0 auto;}
.wrap.log{ width: 1020px;}
.header h1{ margin: 10px 0 50px;}
#contentBody .conLft{ width: 590px; text-align: left;}
#contentBody .conLft h2{ font-size: 16px; color: #3e7cb0}
#contentBody .conLft h2 span{ color: #333; font-size: 12px;}
#contentBody .conRgt{ text-align: left; vertical-align: top; padding-top: 20px;}
#contentBody .conRgt li{ margin: 5px 0}
#contentBody .conRgt #button{ padding: 0;}
.bl_box{ margin: 5px 0 20px; padding: 20px 10px; border: 2px solid #3e7cb0; padding:10px; font-size: 12px; color: #5F5F5F}
#contentBody .conLft .bl_box ul{ margin: 10px 15px; list-style:square;  list-style-position: outside; font-size: 12px; color: #5F5F5F}
#contentBody .conLft .bl_box ul li{ margin: 5px 0; line-height: 1.5}
#contentBody .conLft .bl_box ul li .bl{ color: #3e7cb0; text-decoration: underline;}
#contentBody .conLft .floatDiv{ list-style: none !important; margin: 0 !important;}
#contentBody .conLft .floatDiv li{ margin:1px !important;; text-align: center; padding: 5px 0; font-weight: bold; background: #e4e4e4; cursor: pointer;}
#contentBody .conLft .floatDiv li:hover{ background: #73b2e4; color: #fff;}
#contentBody .conLft .floatDiv li.w28{ width: 28%;}
#contentBody .conLft .floatDiv li.w42{ width: 42%;}

.sub_bg{ background: #fff;}
.sub_wrap{ width: 890px; margin: 0 auto;}
.sub_wrap.w990{width: 990px !important}
.sub_wrap .sub_header{ padding: 10px 0; background: url(../img/title_line.gif) no-repeat 0 100%; height: 35px;}
.sub_wrap .sub_header .fr{ padding-top: 13px;}

.sub_wrap .sub_grid, .sub_grid{ background: #B3B3B3; margin: 10px 0;}
.sub_wrap .sub_grid table th, .sub_wrap .sub_grid table td, .sub_grid table th, .sub_grid table td{ padding: 5px; font-size: 12px;}
.sub_wrap .sub_grid table th, .sub_grid table th{ text-align: center; color: #1E386F; background: #E8EEF7; font-weight: normal;}
.sub_grid table th label{color: #1E386F; cursor: pointer;}
.sub_grid table th.tableG2{ background: #F3F3F3;}
.sub_grid table .tableW{ background: #EBF9E3}
.sub_wrap h2{ color: #1E386F; background: #E8EEF7; font-size: 18px;}
.sub_wrap .sub_grid table td, .sub_grid table td{text-align: left; background: #fff}
.sub_wrap .sub_grid table td img, .sub_grid table td img{ vertical-align: middle;}
.sub_wrap .sub_grid table td input[type=checkbox]{ margin: 0 3px 5px 0; border: 0 !important;}
.sub_wrap .sub_grid table td input[type=radio]{ border: 0 !important;}
.sub_wrap .sub_grid table th.bg_red{ background: #EED2EE;}
.sub_wrap .sub_button table { width:100%; border:1px;}

.app_num{ font-size: 12px; color: #1E386F; text-align: left !important; position: relative; top: 8px; font-weight: bold;}
div.tdbg{ padding:5px; font-size: 12px; margin: 5px 0;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ce{ text-align: center !important;}
.lft{ text-align: left !important;}
.rgt{ text-align: right !important;}
.blue{ color: #1E386F !important;}
.red{ color: red}
.pointer{ cursor: pointer;}
.green{ color: green;}
.strong{ font-weight: bold !important;}
.vmid{ vertical-align: middle;}
.vbtm{ vertical-align: bottom;}
.p12{ font-size: 14px;}
.checkUser{ margin: 10px auto; width: 350px;}
.checkUser h1{ margin: 0 !important; background: url(../img/title_line.gif) no-repeat 30% 105%; padding-bottom:1px; text-align: left;}


.sub_grid2{ width: 990px; background: #fff; height: 150px;}
.sub_grid2 table { border-collapse:collapse;  table-layout: fixed; margin: -1px 0 0 0; width: 100%;}
.sub_grid2 table tbody td{ border: 1px solid #B3B3B3; border-collapse:collapse;}

.sub_grid2 table .col1{width:155px !important;}
.sub_grid2 table .col2{width:185px !important;}
.sub_grid2 table .col3{width:145px !important;}
.sub_grid2 table .col4{width:125px !important;}
.sub_grid2 table .col5{width:120px !important;}
.sub_grid2 table .col6{width:180px !important;}

.sub_wrap3{ width:590px; margin: 0 auto; align:left;}
.sub_wrap3 .sub_grid3, .sub_grid3{ background: #B3B3B3; margin: 10px 0;}
.sub_wrap3 .sub_grid3 table th, .sub_wrap3 .sub_grid3 table td, .sub_grid3 table th, .sub_grid3 table td{ padding: 2px; font-size: 12px;}
.sub_wrap3 .sub_grid3 table th, .sub_grid3 table th{ text-align: center; color: #1E386F; background: #E8EEF7; font-weight: normal;}
.sub_grid3 table th label{color: #1E386F; cursor: pointer;}
.sub_wrap3 h2{ color: #1E386F; background: #E8EEF7; font-size: 18px;}
.sub_wrap3 .sub_grid3 table td, .sub_grid3 table td{text-align: left; background: #fff}


.sub_grid4 table th, .sub_grid4 table td, .sub_grid4 table th, .sub_grid4 table td{ padding: 2px; font-size: 12px;}
.sub_grid4 table th, .sub_grid4 table th{ text-align: center; color: #1E386F; background: #E8EEF7; font-weight: normal;}
.sub_grid4 table th label{color: #1E386F; cursor: pointer;}
.sub_grid4 h2{ color: #1E386F; background: #E8EEF7; font-size: 18px;}
.sub_grid4 table td, .sub_grid4 table td{text-align: left; background: #fff}