@charset "utf-8";
*			{ margin:0; padding:0; }

body		{ background:#fff; font-family:dotum; color:#333; }
a			{ color:#333; text-decoration:none; }
a:hover		{ color:#1875ad; text-decoration:underline; }
#container	{ width:965px; margin:0 auto; }
#body				{ position:relative; width:965px; padding-bottom:30px; overflow:hidden; }
#sub_contents		{ position:relative; float:left; width:190px; margin:8px 15px 0 0; overflow:hidden; }
#sub_contents .mask	{ width:205px; height:5px; background:#ffffff; display:block; clear:both;}

#contents	{ width:760px; float:right; overflow:hidden; margin-top:10px; }
#visualArea	{ width:760px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content	{ width:100%; overflow:hidden;}

#footer			{ text-align:center; padding:20px 0 30px; clear:both; font-family:dotum, Arial; }
#banner			{ list-style:none; margin-bottom:20px; text-align:center; }
#banner li		{ list-style:none; display:inline; margin:0 5px; }
#footer p		{ text-align:center; }

#header		{ position:relative; height:180px; overflow:hidden; background:url('../images/index_bg.jpg') no-repeat right bottom; z-index:99; font-size:12px; }
#header h1	{ position:absolute; bottom:0; left:0; width:205px; height:160px; }
#header #go	{ position:absolute; top:5px; right:0; width:205px; height:20px; text-align:right; }
#header #go img	{ height:15px; }

div.gnb				{ position:absolute; bottom:0; left:205px; width:760px; height:160px; overflow:hidden; }
#gnb				{ position:absolute; left:0; bottom:0; width:650px; height:27px; padding-left:110px; white-space:nowrap; background:url('../images/sub_bg.gif') no-repeat right bottom; }
#gnb li				{ position:relative; float:left; bottom:0; width:110px; height:27px; white-space:nowrap; list-style:none; }
#gnb li.gnb1		{ display:none; }
#gnb li a			{ display:block; height:27px; text-align:center; line-height:27px; color:#e8e8e8; white-space:nowrap; text-decoration:none; }
#gnb li a:hover, #gnb li a:focus { color:#ffffff;}
#gnb li.hover a				{ font-weight:bold; color:#ffffff; }
#gnb li.hover .snb li a		{ font-weight:normal; }
#gnb li.hover .snb li.on a	{ font-weight:bold; }

#gnb li .snb		{ position: absolute; bottom:27px; left:0; padding-top:100px; background:#3e699b; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
* html #gnb li .snb	{ bottom:26px; }
#gnb li .snb li		{ float:none; clear:both; height:20px; }
#gnb li .snb li a	{ float:none; height:20px; padding:0 0 0 10px; text-align:left; line-height:20px; }

#gnb li .snb		{ display: none; }
* html #gnb li		{ hover:expression(this.onmouseover=new Function("this.className='hover';"),this.onmouseout=new Function("this.className='';")); }
#gnb li.hover .snb	{ display: block; }
#gnb li:hover .snb	{ display: block; }

#bc			{ height:35px; margin-bottom:10px; border-bottom:solid 2px silver; overflow:hidden; }
#bc b		{ float:left; height:35px; overflow:hidden; padding-left:11px; background:url('../images/bc_sub_bg.gif') no-repeat left top; }
#bc img		{ float:left; height:35px; }

div.quick			{ width:190px; margin:10px 0; background:url('../images/quick_bg.gif') repeat-y left; }
div.quick div.q_top	{ padding-top:42px; background:url('../images/quick_bg_top.gif') no-repeat left top; }
div.quick div.q_bot	{ padding-bottom:9px; background:url('../images/quick_bg_bottom.gif') no-repeat left bottom; }
#quick		{ width:166px; margin:0 auto; list-style:none; }
#quick li	{ list-style:none; }

/* index_widget */
#contents a.more						{ color:#40699d; }
#contents div div div						{ line-height: 160%; }

#contents div.webzinBox						{ height:210px; margin:0; padding:0; overflow:hidden; }
#contents div.webzinBox .listBox			{ height:196px; padding:2px 10px; background:url('../images/index_now_bg.gif') no-repeat left top; overflow:hidden; }
#contents div.webzinBox .titleBox			{ height:31px; margin:0; padding:0; border:0; }
#contents div.webzinBox .titleBox .title a	{ float:left; width:210px; height:29px; background:url('../images/index_now.gif') no-repeat left top; font-size:0; line-height:5000px; overflow:hidden; }
#contents div.webzinBox .contentBox 	{ line-height:120%; }
#contents div.webzinBox .contentBox img	{ margin:0 10px 0 0; border:solid 1px #ddd; }

#contents div.tabWidget			{ height:210px; margin:0; padding:0; overflow:hidden; }
#contents div.tabWidget .tabBox	{ width:100%; height:19px; padding:11px 0 0 0; border-bottom:solid 2px #d6d6d6; background:url('../images/index_board.gif') no-repeat left -5px; z-index:1; overflow:hidden; }
#contents div.tabWidget .tabBox a	{ text-decoration:none; color:#666666; font-size:11px; line-height:19px; }
#contents div.tabWidget .tab	{ top:auto; bottom:0; border:0; margin:0 0 0 4px; float:right; background:url('../images/index_board_tab_off.gif') no-repeat left top; z-index:2; width:72px; height:19px; text-align:center; overflow:hidden; }
#contents div.tabWidget .on		{ top:auto; bottom:0; border:0; margin:0 0 0 4px; float:right; background:url('../images/index_board_tab_on.gif') no-repeat left top; z-index:2; width:72px; height:19px; text-align:center; overflow:hidden; }
#contents div.tabWidget .tabContent	{ padding:0; border:0; }

#contents ul.newestList				{ list-style:none; }
#contents ul.newestList li			{ width:100%; overflow:hidden; margin-top:4px; padding-bottom:3px; border-bottom:dotted 1px #ddd; background:url('../images/icon_dot.gif') no-repeat 10px 4px; }
#contents ul.newestList li span		{ float:left; display:inline; height:14px; overflow:hidden; margin:0 5px 0 0; font-size:12px; line-height:14px; }
#contents ul.newestList li .title	{ width:270px; margin-left: 20px; }
#contents ul.newestList li .date	{ width:65px; color:silver; }

#contents div.newestDocumentBox						{ height:250px; margin:0; padding:0; overflow:hidden; }
#contents div.newestDocumentBox .titleBox			{ width:100%; height:35px; overflow:hidden; border-bottom:solid 2px #d6d6d6; }
#contents div.newestDocumentBox .titleBox .title	{ display:none; }
#contents div.newestDocumentBox .titleBox div.more		{ float:right; margin-top:15px; }

#contents div.newsBox					{ }
#contents div.newsBox .titleBox			{ background:url('../images/index_news.gif') no-repeat left top; }

#contents div.noticeBox					{ }
#contents div.noticeBox .titleBox			{ background:url('../images/index_notice.gif') no-repeat left top; }