@charset "utf-8";

/* default ---------------------------------------------------------------*/

html, body {width:100%; height:100%; font:12px dotum; line-height:18px; color:#333333;}
html, body, form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,input,blockquote,th,td, thead, tbody, legend, label, select, option, button, fieldset, select, textarea{margin:0;padding:0;}
img{vertical-align:top; padding:0;}
button{cursor:pointer;}
ol,ul,dl{list-style:none;}
fieldset,img{border:0 none;margin:0; padding:0;}
input,select, button{vertical-align:middle;}
a {text-decoration:none; color:#333333; } 
a:hover {text-decoration: none; color:#0473ba; }
table {border-collapse:collapse;}



body { width:100%; font-family:dotum; background:url(../../img_1/main/top_bg.gif) repeat-x top; }
.abt { position:absolute; top:0; left:0; visibility:hidden; width:0; height:0; font-size:0;}


.PdL5 { padding-left:5px; }

/* main layout ---------------------------------------------------------------*/
#wrap_main { float:left; width:980px; margin-left:10px; position:relative; }
	#top_menu { width:980px; left:0; position:absolute; z-index:200; }
		 .top_info { height:60px;}
		 .top_info h2 { padding-top:11px; float:left;}
			 .top_srch {float:left; width:370px; padding:25px 0 0 15px;}
 			 .top_srch li { float:left; padding:4px 6px 0 6px; *padding:0 6px 0 6px;   background:url(../../img/main/top_bar.gif) no-repeat right ; }
			 .top_srch li.last { background:none }
			 .search { float:left;}
			 .visit { font-size:11px; color:#666; padding:25px 0px 0 180px; float:left; background:url(../../img/main/top_arrow.gif) no-repeat 415px 26px; _background:url(../../img/main/top_arrow.gif) no-repeat 0 1px }
			 .visit img { *margin-top:-3px;}
			 .top_input { background:url(../../img/main/input_bg.gif) no-repeat ; border:none; width:125px;_margin-top:-2px; height:15px; padding:2px; font-family:dotum; font-size:11px; color:#666 }
			 .input_btn { *margin-top:-1px; _margin-top:-2px; padding-left:3px; }
		 .top_swf { height:63px;}
	.main_visual { width:980px; left:0px; height:280px; top:50px; position:absolute; z-index:1; }

#main_container { width:980px;; float:left; padding-top:330px; position:relative; }
.main_cont {float:left; width:897px; }
	.group1 { width:240px; float:left; }
		.noti_bnr { width:240px; height:137px; background:url(../../img/main/noti_bnr_bg.gif) no-repeat;}
		.noti_bnr ul { float:right; height:24px; *height:24px;_height:24px; padding:5px 5px 0 0; *padding:2px 5px 0 0;_padding:5px 5px 0 0;}
		.noti_bnr ul li { float:left;}
		.noti_bnr ul li img { padding:2px; }
		.noti_bnr p { padding-left:5px; padding-top: 6px;}

		.system { width:230px; padding:5px; height:180px; margin-top:11px; background:url(../../img/main/system_box_bg.gif) no-repeat; position:relative; } 
			.sys_link { height:112px; padding:6px 0 0 8px; background:url(../../img/main/system_link_bg.gif) no-repeat}
			.sys_link h2 { height:35px; }
			.sys_link p { float:left; width:76px; }
			.sys_link ul { float:left; width:130pxnnnnnnnnn;}
			.sys_link ul li { padding:3px 0 3px 0; *padding:0px 0 6px 0;_padding:3px 0 3px 0; height:13px; vertical-align:top; background:url(../../img/main/system_link_dot.gif) repeat-x bottom }

		.system2 { width:230px; padding:5px; height:180px; margin-top:11px; background:url(../../img/main/system_box_bg.gif) no-repeat; position:relative;}
		.sys_link2 { height:106px; padding:4px 0 0 8px; background:url(../../img/main/system_link_bg2.gif) no-repeat;}
			.sys_link2 h2 { height:35px; }
			.sys_link2 p { float:left; width:76px; }
			.sys_link2 ul { float:left; width:130px;}
			.sys_link2 ul li { padding:3px 0 3px 0; *padding:0px 0 6px 0;_padding:3px 0 3px 0; height:13px; vertical-align:top; background:url(../../img/main/system_link_dot.gif) repeat-x bottom }

			.sys_link3 ul { float:left; width:231px;}
			.sys_link3 ul li { padding:0px 0 0px 0; vertical-align:top;}

			.link_pop2 { width:48px; height:43px; padding:8px 0 0 18px; position:absolute; top:128px; right:8px; background:url(../../img/main/link_pop_bg.gif) no-repeat}
			.link_pop2 li { height:14px; line-height:0; vertical-align:top }
			.link_pop2 li img { vertical-align:text-top }

			.link_pop { width:48px; height:43px; padding:8px 0 0 18px; position:absolute; top:138px; right:8px; background:url(../../img/main/link_pop_bg.gif) no-repeat}
			.link_pop li { height:14px; line-height:0; vertical-align:top }
			.link_pop li img { vertical-align:text-top }

		.golink { width:235px; height:160px; padding:5px 0 0 5px; margin-top:11px; background:url(../../img/main/golink_bg.gif) no-repeat}
		.golink li { float:left; padding:0 2px 2px 0; }

.group2 { width:305px; margin-left:20px; float:left; }
		.notice { height:397px; border:1px solid #cecece; padding:15px 10px 8px 10px; position:relative; }
		.notice h2 { height:15px; }
		.notice h2 span { position:absolute; top:22px; left:67px; _left:57px; }
		.m_tab { width:100%; height:10px;_height:5px; background:url(../../img/main/tab_bg.gif) repeat-x; padding:0px 0px 5px 0px ;_background:url(../../img/main/tab_bg.gif) repeat-x 0 0 ; position:relative; }
			.main_tab { position:absolute; right:0; top:-11px; _top:-19px; }
			.main_tab li { float:left;}
		.noti_list li { padding:4px 0 4px 0; background:url(../../img/main/line_dot.gif) repeat-x bottom; font-family:verdana; font-size:9px; color:#888888;display:inline-block }
		.noti_list li.last { background:none;}
		.noti_list li span { width:205px;_width:210px; float:left; background:url(../../img/main/noti_dot.gif) no-repeat left; padding-left:8px; font-family:dotum; font-size:12px; color:#333 }
		.noti_list li span img { vertical-align:middle; padding-left:2px; }

		.service_bnr { height:85px; margin-top:7px; background:url(../../img/main/service_bnr_bg.gif) no-repeat; }
		.service_bnr ul { padding:17px 10px 0 10px }
		.service_bnr ul li { float:left; padding:0 8px 0 8px }

		.service_bnr2 { height:85px; margin-top:7px; background:url(../../img/main/service_bnr_bg.gif) no-repeat; }
		.service_bnr2 ul { padding:17px 6px 0 11px }
		.service_bnr2 ul li { float:left; padding:0 3px 0 3px }

.group3 { width:305px; margin-left:20px; float:left; }
		.notice_he { height:489px; border:1px solid #cecece; padding:15px 10px 8px 10px; position:relative; }
		.notice_he h2 { height:15px; }
		.notice_he h2 span { position:absolute; top:22px; left:67px; _left:57px; }
		.m_tab { width:100%; height:10px;_height:5px; background:url(../../img/main/tab_bg.gif) repeat-x 0 8px ;_background:url(../../img/main/tab_bg.gif) repeat-x 0 0 ; position:relative; }
			.main_tab { position:absolute; right:0; top:-11px; _top:-19px;}
			.main_tab li { float:left; top:10px}
		.noti_list li { padding:4px 0 4px 0; background:url(../../img/main/line_dot.gif) repeat-x bottom; font-family:verdana; font-size:9px; color:#888888;display:inline-block }
		.noti_list li.last { background:none;}
		.noti_list li span { width:205px;_width:210px; float:left; background:url(../../img/main/noti_dot.gif) no-repeat left; padding-left:8px; font-family:dotum; font-size:12px; color:#333 }
		.noti_list li span img { vertical-align:middle; padding-left:2px; }

		.service_bnr { height:85px; margin-top:7px; background:url(../../img/main/service_bnr_bg.gif) no-repeat; }
		.service_bnr ul { padding:17px 10px 0 10px }
		.service_bnr ul li { float:left; padding:0 8px 0 8px }


	.main_quick { width:62px; position:absolute; right:0; top:150px; z-index:600;  }
	.main_quick ul { padding-top:18px; }
	.main_quick ul li { height:17px;}
		.quick_pop { width:135px; position:absolute; background-color: #f9f9f9;  z-index:10; right:-73px; top:150px;  }
		.quick_pop ul li { padding:10px 0 0 5px; line-height:0px; *height:6px; *padding:7px 0 0 5px;_padding:3px 0 0 5px; } 
		.quick_pop ul li.last { height:20px; background:url(../../img/main/quick_pop_bg.gif) repeat-x bottom;} 
		.quick_pop ul li.btn { padding:0 0 0 0; height:10px;} 

#footer { clear:both; height:30px; width:890px; padding:30px 0 0 10px; background:url(../../img/main/footer_bg1.gif) no-repeat 0px 28px; }
	.foot_bnr { height:25px; float:left; padding:3px 0 0 0; width:600px; }
	.foot_bnr li { float:left; padding:4px 5px 0 0px;}
	.foot_bnr li img { *margin-top:-3px; _margin-top:0px;}
	.foot_bnr li.first { background:none; padding:0 10px 0 10 }
	.go_select { float:left; margin:3px 0 0 20px;}
	.go_select select { border:1px solid #c9c9c9; height:0px; font:11px dotum; color:#999999 }


	
	.copyright { clear:both; height:60px; padding:15px 0 0 10px; }
	.copyright h2 { width:110px; display:inline; float:left}
		.address { width:420px; float:left; margin-left:25px; padding-top:0px; *padding-top:3px;_padding-top:3px; }
		.address li { height:16px; float:left; padding-right:15px;}