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

*	{margin:0; padding:0}

body	{font:normal 12px Helvetica, apple-gothic, sans-serif, 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	{}

/* 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}

/* align */
.fl_left	{float:left;}
.fl_right	{float:right;}
.fl_clear	{clear:both; width:100%; overflow:auto; overflow:hidden}

.al_left	{text-align:left}
.al_center	{text-align:center}
.al_right	{text-align:right}
.al_top		{vertical-align:top}
.al_middle	{vertical-align:middle}

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

.hand	{cursor:pointer}
.overflow	{overflow:auto; overflow:hidden; width:100%}
.none	{display:none}
.pos_rel	 {position:relative}

/* margin * padding */
.mt1m	{margin-top:-1px}
.mt0	{margin-top:0px}
.mt1	{margin-top:1px}

.mb30	{margin-bottom:30px}

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

.t_org	{color:#FF5B00}
.t_org	a	{color:#FF5B00}
.t_org	a:link	{color:#FF5B00}
.t_org	a:visited	{color:#FF5B00}
.t_org	a:hover	{color:#FF5B00}
.t_org	a:active	{color:#FF5B00}

.t_default	{color:#999}

/* layout */
html, body	{height:100%; margin:0; padding:0}
#wrap	{position:relative; width:100%; height:100%; margin:0; padding:0; overflow:auto; overflow:hidden}
#header	{position:relative; height:80px}
#header	h1	 {position:absolute; left:30px; top:31px}
#footer	{position:absolute; right:0; bottom:0; height:40px}
#footer	.copy	 {margin:0 30px 0 0}
#content	{width:730px; margin:0 auto 120px}
.identity	 {position:relative; width:730px; text-align:center}
.identity	 .txt_wrap	{position:relative; width:730px}
.identity	 .txt_wrap	.txt_main	{position:absolute; left:0; top:-25px; width:730px; text-align:center}
.identity	 .btnC	{margin-top:30px}

.d_landing	{position:absolute; left:50%; top:50%; width:742px; height:280px; margin:-140px 0 0 -371px}
.d_landing	.d_landing_img	{float:left; margin-right:20px}
.d_landing	.d_landing_txt	{float:left}
.d_landing	.d_landing_txt	h1	 {margin:128px 0 18px; font-size:0}
.d_landing	.d_landing_txt	.btn	{margin:16px 0 0 56px}
.d_landing	.d_landing_txt	p	{margin-top:11px}

/* btn */
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:#999; text-align:center; cursor:pointer}
.btnR	{margin:10px 0 30px 0; text-align:right}
input.t_black	{color:#333}

/* popup */
#pop_wrap	{padding:0 30px}
#pop_wrap	.w_490	{width:490px}
#pop_wrap	.header	{position:relative; margin-top:30px; height:19px}
#pop_wrap	.header	h1	 {position:absolute; left:0; top:0; margin:0; padding:0}
#pop_wrap	.header	.btn_close	{position:absolute; right:0; top:0; cursor:pointer}
#pop_wrap	.content	 {width:490px}
#pop_wrap	.view_article	{margin-top:30px}
#pop_wrap	.view_article	dt	{display:none}
#pop_wrap	.view_article	dd	{width:100%; color:#666}
#pop_wrap	.view_article	.view_title	{padding-bottom:10px; border-bottom:1px solid #E5E5E5; font:bold 16px Arial}
#pop_wrap	.view_article	.view_cate	 {padding-top:6px}
#pop_wrap	.view_article	.p_cate	{margin-right:11px; padding-right:11px; background:url('/admin/images/line_graybar.gif') no-repeat right center; color:#999; font-size:11px}
#pop_wrap	.view_article	.p_date	 {color:#999; font:normal 9px Verdana; letter-spacing:-0.1em}
#pop_wrap	.view_article	.view_product	{padding:9px 0 0; color:#999; font:normal 10px Arial}
#pop_wrap	.view_article	.view_file	{padding-top:12px; color:#999; font:normal 10px Arial}
#pop_wrap	.view_article	.view_file	img	{vertical-align:middle}
#pop_wrap	.view_article	.view_con	{padding:26px 0}


#pop_wrap	.lay_pop	{position:relative; width:490px}
#pop_wrap	.lay_pop	.lay_pop_close	{position:absolute; right:30px; top:0}
#pop_wrap	.lay_pop	.lay_pop_con	{width:490px}
#pop_wrap	.lay_pop	.con	{position:relative; width:; padding:30px 0 0; overflow:auto; overflow:hidden}
#pop_wrap	.lay_pop	.con	h4	 {margin-bottom:14px; font-size:0}
#pop_wrap	.lay_pop	.con	fieldset	{margin-bottom:5px}
#pop_wrap	.lay_pop	.con	fieldset	img	{margin-right:18px; vertical-align:middle}
#pop_wrap	.lay_pop	.btnR	 {margin:5px 0 20px}