@charset "utf-8";
/************************************************************************
 * File Name		: base.css
 * Description		: fundermental CSS & common CSS
 * Publisher		: Kim Dong-woo
 * Date				: 2008.07.24
************************************************************************/

*	{margin:0; padding:0}

body	{color:#999; font:normal 12px Arial, applegothic, sans-serif}

a:link	{text-decoration:none; color:#999}
a:visited	{text-decoration:none; color:#999}
a:hover	 {text-decoration:underline; color:#333}
a:active	 {text-decoration:none; color:#333}

img	{border:0; vertical-align:top}
p	{margin:0; padding:0}
ul, li	{list-style:none; margin:0; padding:0}
dl, dt, dd	{margin:0; padding:0; vertical-align:top}

h1, h2, h3, 
h4, h5, h6	{}

/* form */
form	{margin:0; padding:0}
fieldset, legend	{border:0 none}
legend	{display:none}
input, textarea, select	 {color:#999; font:normal 12px Arial, applegothic, sans-serif}
input	{height:13px; padding:2px 8px; border:1px solid #ccc; vertical-align:middle}
input.chk	{width:12px; height:12px; padding:0; border:0 none; background:transparent; vertical-align:middle}
input.img	{padding:2px 0; border:0 none}
textarea	{padding:9px; border:1px solid #E5E5E5; color:#999}
select	{color:#999; vertical-align:middle}

/* rollover */
a.rollover img	{display:inline}
a.rollover img.over	 {display:none} 
a.rollover img.on	{display:none} 
a.rollover:hover	 {border:0; cursor:pointer}
a.rollover:hover img	{display:none}
a.rollover:hover img.over	{display:inline}
a.rollover:hover img.on	{display:none}

/* align */
.fl_left	{float:left;}
.fl_right	{float:right;}

.clfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden}
.clfix {display:inline-block}
.clfix {display:block}
* html	.clfix {height:1%}

.none	{display:none}

/* png */
* html	.png24 {tmp:expression(setPng24(this))}

/* font */
.t_9		{font-size:9px}
.t_10		{font-size:10px}
.t_11		{font-size:11px}

.t_black	{color:#333}

/* page */
.paginate	{margin:15px 0 0; padding:6px 0; font:normal 10px verdana; text-align:center}
.paginate	a	img	{vertical-align:middle}
.paginate	.prev	{margin-right:9px}
.paginate	.prev	 a	 {margin:0}
.paginate	.prev	 a	 img	{padding:6px 3px; *padding:7px 3px 5px}
.paginate	.next	{margin-left:3px}
.paginate	.next	a	{margin:0}
.paginate	.next	 a	 img	{padding:6px 3px; *padding:7px 3px 5px}
.paginate	a	{margin-right:6px; color:#999}
.paginate	a:hover	{color:#333; text-decoration:none}
.paginate	em	{margin-right:7px; color:#333; font-style:normal}

 /* table */
.boardlist	{overflow:hidden}
.boardlist	table	{margin-top:0; border-collapse:collapse}
.boardlist	caption	{display:none}
.boardlist	thead	{display:none}
.boardlist	td	{padding:6px 0 7px; border-top:1px solid #F2F2F2; text-align:center}
.boardlist	tr.on	.flexible	{color:#333}
.boardlist	tr.on	.flexible	a	{color:#333}
.boardlist	tr.new	.flexible	{font-weight:bold}
.boardlist	tr.notice	 td	 {color:#666}
.boardlist	tr.notice	 td	 a	{color:#666}
.boardlist	tr.notice	 td	 a:link	{color:#666}
.boardlist	tr.notice	 td	 a:visited	{color:#666}
.boardlist	tr.notice	 td	 a:hover	{color:#333}
.boardlist	tr.notice	 td	 a:active	{color:#333}
.boardlist	td.cate	{font-size:11px}
.boardlist	td.no	{font:normal 9px verdana; text-align:right; letter-spacing:-0.1em}
.boardlist	td.td_l20	 {padding-left:20px; text-align:left}
.boardlist	td.td_r10	 {padding-right:10px; text-align:right}

/* view */
.view_article	{}
.view_article	dl	{width:670px; overflow:auto; overflow:hidden}
.view_article	dt	{display:none}
.view_article	dd	{width:670px; color:#666}
.view_article	.view_title	{float:left; width:500px; height:26px; padding-top:10px; border-bottom:1px solid #D9D9D9; font:bold 16px Arial; overflow:hidden}
.view_article	.view_cate	{float:left; width:96px; height:18px; padding-top:18px; border-bottom:1px solid #D9D9D9; color:#999; font-size:11px; text-align:right; overflow:hidden}
.view_article	.view_hit	{float:left; width:96px; height:18px; padding-top:18px; border-bottom:1px solid #D9D9D9; color:#999; font:normal 9px Verdana; letter-spacing:-0.1em; text-align:right; overflow:hidden}
.view_article	.view_date	{float:left; width:74px; height:18px; padding-top:18px; border-bottom:1px solid #D9D9D9; color:#999; font:normal 9px Verdana; letter-spacing:-0.1em; text-align:right; overflow:hidden}
.view_article	.view_product	{clear:both; padding:9px 0 10px; color:#999; font:normal 10px Arial}
.view_article	.view_file	{clear:both; padding-top:9px; color:#999; font:normal 10px Arial}
.view_article	.view_file	img	{margin-right:5px; vertical-align:middle}
.view_article	.view_con	{clear:both; padding:39px 0; border-bottom:1px solid #D9D9D9}

.prenext_article	{width:100%; padding:9px 0; border-bottom:1px solid #D9D9D9}
.prenext_article	ul	{width:100%; overflow:auto; overflow:hidden}
.prenext_article	li	{width:100%; padding:2px 0 1px; overflow:auto; overflow:hidden}
.prenext_article	li	.list_article	 {float:left}
.prenext_article	li	.list_date	 {float:right; font:normal 10px Verdana; letter-spacing:-0.05em; text-align:right}
.prenext_article	li	img	{margin:5px 10px 0 0;}

/* list */
.bullist_dot	 li	{padding:0 0 6px 12px; background:url('/images/common/bul_dotgr.gif') no-repeat 0 7px}

/* btnset */
input.btn_set	{height:20px; background:white; border-top:0 none; border-bottom:0 none; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; font:bold 11px Arial, applegothic, sans-serif; color:#333; text-align:center; cursor:pointer}
input.btn_set2	{height:20px; background:white; border:0 none; color:#333; font:bold 10px Arial, applegothic, sans-serif; text-align:center; cursor:pointer}
input.t_black	{color:#333}

.btnC	 {margin:10px 0 0 0; text-align:center}
.btnR	{margin:10px 0 30px 0; text-align:right}

/* layout */
html, body	 {height:100%}
body	{position:relative; z-index:0}
#wrap	{position:relative; width:880px; margin:0 auto; z-index:0}
#header	{position:relative; height:90px}
#footer	{position:relative; width:880px; height:40px; margin:0 auto; padding-top:15px; background:; border-top:1px solid #E5E5E5; z-index:}
#content_wrap	{position:relative; width:880px; margin:0 auto 80px; z-index:1}
#content_top	{position:relative; width:880px; height:30px; }
#content	{position:relative; z-index:40; width:880px}
.content_s	{float:left; width:180px}
.content_b	{float:left; width:700px}

/* common */
.skip_navi	{display:none}
#header	#gnb	 #first	{background:0 none}
#header	#gnb	 {position:absolute; right:2px; top:33px}
#header	#gnb	 li	 {position:relative; float:left; margin-left:20px}
#header	#gnb	 li.on	span	a	img	{display:none}
#header	#gnb	 li.on	span	a	img.over	{display:inline}
#header	#gnb	 li	a	img	{display:inline}
#header	#gnb	 li	a	img.over	{display:none}
#header	#gnb	 li	a:hover	 {border:0 none}
#header	#gnb	 li	a:hover	img	{display:none}
#header	#gnb	 li	a:hover	img.over	{display:inline}
#header	#gnb	 li	.sub_wrap	{position:absolute; right:-268px; top:23px; height:25px; overflow:auto; overflow:hidden}
#header	#gnb	 li	.sub_align	{margin-left:-9px}
#header	#gnb	 li	.sub	{width:100%; overflow:hidden}
#header	#gnb	 li	.sub	li	{float:left; margin:0 0 0 -2px; padding-left:1px; background:url('/images/common/gnb_listbar.gif') no-repeat 0 center; white-space:nowrap}
#header	#gnb	 li	.sub	li	a	{display:block; padding:1px 9px; font:normal 10px Arial}
#header	#gnb	 li	.sub	li	a:hover	{text-decoration:none}
#header	#gnb	 li	.sub	li	.sub_all{display:block; background:#E5E5E5}
#header	#gnb	 li	.sub	li.on	a	{color:#333}

#footer	.copy	 {position:absolute; left:0; top:15px; color:#B3B3B3; font:normal 10px Arial, applegothic, sans-serif}
#footer	.utility_wrap	{position:absolute; right:0; top:10px}
#footer	.utility_wrap	.select_country	{position:relative; float:left; margin:0 12px 0 0; z-index:100}
#footer	.utility_wrap	.select_country	img	 {padding:5px 0}
#footer	.utility_wrap	.select_country	#layer_country	{position:absolute; right:0; top:-175px; display:none; z-index:100}
#footer	.utility_wrap	.select_country	.country_list	{width:138px; height:168px; border:1px solid #CFCFCF; background:white; overflow-y:scroll} 
#footer	.utility_wrap	.select_country	.country_list	img	{padding:0}
#footer	.utility_wrap	.select_country	p	{padding:5px 0}
#footer	.utility_wrap	.select_country	ul	{margin:4px 7px 7px}
#footer	.utility_wrap	.select_country	li	{height:16px; font:normal 11px Arial, applegothic, sans-serif}
#footer	.utility_wrap	.select_country	li	img	{margin-right:8px; vertical-align:middle}
#footer	.utility_wrap	.utility	{float:left; margin-right:-9px; overflow:auto; overflow:hidden}
#footer	.utility_wrap	.utility	li	{float:left; padding:0 9px 0 8px; background:url('/images/common/footer_listbar.gif') no-repeat right center; color:#808080; font:normal 10px Arial, applegothic, sans-serif}
#footer	.utility_wrap	.utility	li	img	{padding:5px 0}

#location	{position:absolute; right:0; top:8px; color:#999; font:normal 9px verdana}
#location	a	{color:#999}
#location	a:hover	{color:#333}
#location	a:active	{color:#333}
#location	span	{color:black}

h1	 {position:absolute; left:0; top:31px}
h2	 {display:none}

#lay_scrap_multimedia	{display:none; position:absolute; left:280px; top:66px}
.lay_pop	{position:relative; width:500px; z-index:50}
.lay_pop	.lay_pop_close	{position:absolute; right:30px; top:30px; z-index:50}
.lay_pop	.lay_pop_top	{width:500px; height:30px; background:url('/images/common/lay_pop_top.png') no-repeat;
_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/lay_pop_top.png', sizingMethod='crop')} 
.lay_pop	.lay_pop_btm	{width:500px; height:15px; background:url('/images/common/lay_pop_btm.png') no-repeat 0 bottom;
_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/lay_pop_btm.png', sizingMethod='crop')} 
.lay_pop	.lay_pop_con	{width:500px; height:400px; background:url('/images/common/lay_pop.png') no-repeat;
_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/lay_pop.png', sizingMethod='crop'); z-index:30}
.lay_pop	.con	{position:relative; width:440px; height:380px; padding:0 30px; overflow:auto; overflow:hidden; z-index:50}
.lay_pop	.con	h3	 {margin:0 0 30px; font-size:0}
.lay_pop	.con	h4	 {margin-bottom:14px; font-size:0}
.lay_pop	.con	fieldset	{margin-bottom:5px}
.lay_pop	.con	fieldset	img	{margin-right:18px; vertical-align:middle}
.lay_pop	.btnR	 {margin:5px 0 20px}

#lay_image_search	{display:none; position:absolute; left:200px; top:30px}
.lay610_pop	{position:relative; width:610px; z-index:50}
.lay610_pop	.lay_pop_close	{position:absolute; right:30px; _right:40px; top:30px; z-index:50}
.lay610_pop	.lay_pop_top	{width:610px; height:29px; background:url('/images/common/lay610_pop_top.png') no-repeat;
_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/lay610_pop_top.png', sizingMethod='crop')} 
.lay610_pop	.lay_pop_btm	{width:610px; height:15px; background:url('/images/common/lay610_pop_btm.png') no-repeat 0 bottom;
_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/lay610_pop_btm.png', sizingMethod='crop')} 
.lay610_pop	.lay_pop_con	{width:610px; height:500px; background:url('/images/common/lay610_pop.png') no-repeat;
_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/lay610_pop.png', sizingMethod='crop'); z-index:30}
.lay610_pop	.con	{position:relative; width:550px; height:480px; padding:0 30px; overflow:auto; overflow:hidden; z-index:50}
.lay610_pop	.con	h3	 {height:35px; margin:0; font-size:0}
.lay610_pop	.con	.txt_img_search	{height:30px; font-size:0}
.lay610_pop	.con	.img_search_wrap	{position:relative; height:400px; overflow:auto; overflow:hidden}
.lay610_pop	.con	ul	{position:relative; width:560px; height:400px; overflow:auto; overflow:hidden}
.lay610_pop	.con	li	{float:left; width:60px; height:72px; padding:0 10px 28px 0; text-align:center; overflow:auto; overflow:hidden}
.lay610_pop	.con	li	p	{width:60px; padding-top:5px; color:#666; font:normal 10px Verdana; overflow:auto; overflow:hidden}
.lay610_pop	.con	.btnC	 {margin:0 0 15px}

/* search */
.search_area	{height:50px; margin:40px 0 30px}
.search_area	fieldset	{margin-bottom:10px}
.search_area	p	{font-size:10px}
.search_area	img	{margin-right:10px; vertical-align:middle}
.search_area	input.img	{margin-left:10px}