@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic';}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:155%;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html {font-size:14px; line-height:160%;   font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; color:#666; letter-spacing: -0.5pt;}
*{font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;}
img, table{border:0;}
hr, legend {display:none;}
a:link, a:visited, a:active {color:#555; text-decoration:none;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input, textarea, select {font-family:NanumGothic, Arial, Helvetica, sans-serif; color:#595b5f;}
input.text, input.dateInput, textarea.text {padding:1px 5px; border:1px solid #cbcbcb; vertical-align:middle;}
.png24 {tmp:expression(setPng24(this));}
.parents:after {content:""; display:block; clear:both;}

.list_dot {background: url('../../images/list_dotb.gif') no-repeat left 5px; padding-left: 2px;}
.blue {color: #0454a7;}



.point_txt02{color:#2987e4; letter-spacing:-1pt;  line-height:35px;}


/* Common */
.line_bg{height:3px; background-color:#f3f3f3}
.point_txt01{color:#333; font-weight:600;}
.point_txt02{color:#c6821c;}

/* ���̾ƿ� */
#wrap {position:relative; width:100%; min-width:1100px; background:url('../../images/top_bg.gif') left top repeat-x;}

#header{position:relative; width:100%; height:113px; z-index:9999; }
	#header .header_in{position:relative; margin:0 auto; width:1100px;}
	#header .header_in h1{position:absolute;   z-index:999;  top:20px;}
	
	.topUtil{position:absolute; overflow:hidden; z-index:9999; right:0; top:32px;}
		.topUtil ul{overflow:hidden; float:left; padding-top:10px;}
		.topUtil li{float:left; background:url('../../top_bar.gif') right 5px no-repeat; padding:0 8px; font-size:12px; letter-spacing:-0.5pt;}
		.topUtil li.last{background:none; padding:0 15px 0 8px;}
		.topUtil li a:hover{text-decoration:none;}
		.topUtil li a {color:#777;}
		
		.topUtil dl{position:relative; overflow:hidden; float:left; border:1px solid #ddd; width:220px;}
		.topUtil dd.catalog_btn{float:left; border-right:1px solid #ddd; background:#f5f5f5 url('../../catalog_icon.gif') 10px 8px no-repeat; 
		overflow:hidden; padding-left:35px; padding-right:10px; padding-top:7px; padding-bottom:7px;}
		.topUtil dd.data_btn{float:left; background:url('../../img/data_icon.gif') 10px 8px no-repeat; right:0; padding-left:35px; padding-right:10px; padding-top:7px; padding-bottom:6px;  display:block;}


	.gnb {position:absolute; float:left; width:100%; text-align:center; z-index:99999;}
	




body{overflow-y:scroll}




/* �ϴܸ޴� */
#footer {width: 100%;position: relative;display: block;clear: both;background:#777672; border-top: 1px solid #ddd; margin : 0  auto; padding: 10px  0px 10px 0px} 
#footer #foot {width: 1100px; margin: 0 auto; text-align: left; padding-top: 10px;  padding-bottom: 10px; background:#777672}
#foot h1 {position: relative; width: 250px; display: inline-block; float: left; margin-right: 0px; padding-left: 10px;}
#foot .copy_txt {color: #fff; font-size: 11px; line-height: 160%; letter-spacing: 0.6px; padding-left: 10px; font-weight: normal; position: relative; display: inline-block; float: left;  width:800px;}
#foot .copy_txt p.copyright, #foot .copy_txt p.copyright a {color: #fff; letter-spacing: 0px;}
#foot .copy_txt p.copyright {position: relative; top: 5px;  left:30; font-size: 13px;}