@CHARSET "EUC-KR";
@import url(default_xe.css);
@import url(hncnc.css);
body {text-align:left;margin:0px;padding:0px; }
body,form,a,div,span,p,dl,dt,dd,input,th,td,select{font:12px 굴림,sans-serif;margin:0px;padding:0px;color:#333333;}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
img { border:0px; }
.accessibility{display:none;}
.hide {visibility: hidden; width: 0px;height: 0px;display: none;}
body {width:100%;background:url(/images/main_intro_1.jpg) no-repeat top center;}
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, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,hr{margin: 0;padding: 0;border: 0;font-size: 100%;}
hr{height:0;display:none}
a {color:#666;text-decoration:none}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;} 
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img{border:0;vertical-align:top}
li{vertical-align:top}
input{font-size:12px}
body{font-family:dotum,arial,thoma;font-size:12px;}
.png24{tmp:expression(setPng24(this));}
.bg_none{background:none !important}
.ir_text{position:absolute;z-index:-1;top:-9999em;left:-9999em;text-indent: -9999em}
.mask{display:none;position:absolute;left:0;top:0;z-index:1000;background-color:#000;}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis')}
.tbl_separate {border-collapse:separate !important;}



#headerWrap {width:100%;height:168px;border:0px solid red;background:url(/images/main/header_bg.jpg) repeat-x top center;}
	#header {width:1000px;height:168px;margin:0 auto;position: relative;border:0px solid red;}
		#tnb_01 ul {position: absolute;top: 7px;left: 0px;margin:0px;padding:0px;border:0px solid red;}
			#tnb_01 ul li {list-style-type: none;float: left;letter-spacing:-1px;margin:0px;padding:0 10px 0 10px;background:url(/images/main/bar.gif) no-repeat top left;border:0px solid red;vertical-align:top;}
				
		#tnb_02 ul {position: absolute;top: 7px;right: 10px;margin:0px;padding:0px;border:0px solid red;}
			#tnb_02 ul li {list-style-type: none;float: left;letter-spacing:-1px;margin:0px;padding:0 10px 0 10px;background:url(/images/main/bar.gif) no-repeat top left;border:0px solid red;vertical-align:top;}
		#logo {position: absolute; top:40px; left:6px;}
		#text_01 {position: absolute; top:88px; left:175px;}
		#flash_text {position: absolute; top:26px; right:5px;width:341px;height:84px;background:url(/images/main/flash_text_bg.gif) no-repeat top left;}
		#gnb ul {position: absolute;top: 110px;left:0px;margin:0px;padding:0px;}
			#gnb ul li {list-style-type: none;float: left;letter-spacing:-1px;border:0px solid red;vertical-align:top;}
			

#section {width:1000px;min-height:300px;margin:0 auto;position: relative;border:0px solid red;background:url(/images/sub/left_bg.gif) repeat-y top left;}
	#sleft {width:90px;min-height:300px;position: absolute; top: 0px;left: -95px;border:0px solid red;}
		#sleft_menu {margin:10px 0 0 1px;}
			#sleft_menu ul li {list-style-type: none;}
	#sright {width:100px;min-height:300px;position: absolute; top: 0px;right: -105px;border:0px solid red;}
		#banner {margin-top:10px;width:100px;}
			#banner li {margin-bottom:10px;}
		#top_icon {margin-left:5px;}
	#contentBox {width:1000px;min-height:200px;overflow:hidden;}
		#sub_left {float:left;width:186px;border:0px solid red;overflow:hidden;}
			#menu_titleBox {width:186px;height:80px;background:url(/images/sub/left_bar.gif) no-repeat bottom left;overflow:hidden;}
				#menu_titleBox .a_title {height:20px;margin:42px 0 0 10px;}
				#menu_titleBox .b_title {height:20px;margin:22px 0 0 10px;}
			#menuBox {width:186px;overflow:hidden;margin:23px 0 23px 0;}
				#menuBox ul li {list-style-type: none;}
			#contactUs {width:186px;}
			#account {width:186px;}
			#webhard {width:186px;}
			#ad_icon {width:186px;height:161px;margin-bottom:34px}
		#sub_content {float:left;width:814px;min-height:659px;border:0px solid red;overflow:hidden;}
			#content_top {width:814px;min-height:174px; position: relative;background:url(/images/sub/content_top_bg.gif) no-repeat top left;}
				#sns_icon {width:108px;height:30px; position: absolute; top: 52px;left: 34px;}
				#content_title {height:34px;position: absolute; top: 97px;left: 34px;}
				
			#ex_content_title {height:34px;position: absolute; top: 97px;left: 220px;}
			#ex_content {width:746px;margin-left:34px;margin-bottom:34px}
	

#footerWrap {width:100%;height:390px;border:0px solid red;background:url(/images/main/footer_bg.gif) repeat-x top center;}
	#footer {width:1000px;height:390px;margin:0 auto;border:0px solid red;}
		#cooperationBox {width:1000px;height:52px;position: relative;}
			#f_logo01 {position: absolute;top: 2px;left: 11px;}
			#f_menu {position: absolute;top: 32px;left: 150px;}
				#f_menu ul li {list-style-type: none;float: left;}
			#cooperation {position: absolute;top: 21px;right: 4px;}
		#sitemap {width:1000px;height:276px;}
		#copyrightBox {width:1000px;height:62px;position: relative;}
			#f_logo02 {position: absolute;top: 0px;left: 25px;}
			#copyright {position: absolute;top: 0px;left: 162px;}