@charset "utf-8";
/************************************************************************
 * File Name		: main.css
 * Description		: main CSS
 * Publisher		: Kim Dong-woo
 * Date				: 2008.08.18
************************************************************************/

*	{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:underline; 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	{}

.none	{display:none}

/* layout */
html, body	 {height:100%}
#wrap	{position:relative; width:880px; margin:0 auto; overflow:auto; overflow:hidden; z-index:0}
#header	{position:relative; height:90px}
#footer	{position:relative; width:880px; height:40px; margin:0 auto; padding-top:15px; z-index:30}
#content_wrap	{width:880px; margin:0 auto}
#content_top	{position:relative; width:880px; height:30px; }
#content	{width:880px; overflow:auto; overflow:hidden}

/* common */
#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	.sub_wrap	{visibility:hidden; position:absolute; right:-268px; top:23px; height:25px; overflow:auto; overflow:hidden; text-align:right}
#header	#gnb	 li	.sub_align	{}
#header	#gnb	 li	.sub	{display:block; 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:90}
#footer	.utility_wrap	.select_country	img	 {padding:5px 0}
#footer	.utility_wrap	.select_country	#layer_country	{position:absolute; right:-6px; 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:auto; overflow-x:hidden}
#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:#999}
#location	span	{color:black}

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

.ad_prodct	 img	{}
.ban_wrap	{width:880px; margin-top:20px; overflow:auto; overflow:hidden}
.notice_area	{float:left; width:250px; height:70px; padding:19px 10px 0 20px; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; overflow:hidden}
.notice_area	.list_title	{padding-bottom:10px}
.notice_area	li	{width:249px; font:normal 11px Arial; overflow:auto; overflow:hidden}
.notice_area	li	a:hover	 {color:#333; text-decoration:none}
.notice_area	.list_date	{float:left; width:65px; line-height:1.3em; *line-height:0.8em}
.notice_area	.list_article	{float:left; width:183px; padding-left:1px; line-height:1.3em; *line-height:0.8em; overflow:hidden}
.ban_area	{float:left; width:280px; height:89px; margin-left:20px; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; cursor:pointer}
.ban_area	.ban_mixed	{position:relative; width:266px; height:89px; margin:0 0 0 14px; padding:0}
.ban_area	.ban_mixed	h3	 {position:absolute; left:0; top:18px; color:#333; font:bold 16px Arial}
.ban_area	.ban_mixed	.list_text	{position:absolute; left:0; top:26px; width:95px; height:40px; font:bold 16px Arial; overflow:hidden; z-index:30}
.ban_area	.ban_mixed	.list_img	{position:absolute; right:0; top:0; width:175px; height:89px}

/* black */
.p_black	{background:black; color:#666}
.p_black	a:link	{text-decoration:none; color:#666}
.p_black	a:visited	{text-decoration:none; color:#666}
.p_black	a:hover	 {text-decoration:underline; color:#ccc}
.p_black	a:active	 {text-decoration:underline; color:#999}
.p_black	.notice_area	{border-top:1px solid #1A1A1A; border-bottom:1px solid #1A1A1A}
.p_black	.notice_area	li	{color:#666}
.p_black	.notice_area	li	a:hover	 {color:#ccc; text-decoration:none}
.p_black	#header	#gnb	 li	.sub	li	{background:url('/images/main_black/gnb_listbar.gif') no-repeat 0 center}
.p_black	#footer	.utility_wrap	.select_country	.country_list	{border:1px solid #1A1A1A; background:black}
.p_black	#footer	.utility_wrap	.utility	li	{background:url('/images/main_black/footer_listbar.gif') no-repeat right center}
.p_black	.ban_area	{border-top:1px solid #1A1A1A; border-bottom:1px solid #1A1A1A}
.p_black	.ban_area	.ban_mixed	h3	 {color:#CCC}
.p_black	.ban_area	.ban_mixed	.list_text	{color:#666}
.p_black	#header	#gnb	 li	.sub	li	.sub_all{display:block; background:#333}
.p_black	#header	#gnb	 li	.sub	li.on	a	{color:#ccc}