/************************************************************************
 * ÆÄÀÏ¸í      : base.css
 * ¼³¸í        : °øÅë base
 * ÀÛ¼ºÀÚ      : À̼ö¿¬
 * ÀÛ¼ºÀÏ      : 2008.08.09
************************************************************************/
@import "layout.css";
@import "class.css";

*		{margin:0; padding:0;}
html	{height:100%;}
body	{height:100%; background:url('../images/common/pattern.png'); font-size:12px; color:#666666; line-height:18px; font-family:µ¸¿ò;}
body.backNone	{background:none;}
textarea, input,select	{font-family:µ¸¿ò; font-size:12px; color:#666666;}

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

img		{border:0; vertical-align:top;}
ul		{list-style:none; vertical-align:top;}
li		{vertical-align:top;}
li img		{vertical-align:top;}

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

/* form */
form		{margin:0; padding:0;}
input		{height:15px; padding:3px 8px 0; vertical-align:middle; color:#666666;}
input.txt	{border:1px solid #ededed; background:#fafafa; height:14px; padding:2px 3px 0;}
input.pin	{border:1px solid #ead8e4; background:#fafafa; height:14px; padding:2px 3px 0;}
input.Etxt	{border:1px solid #ededed; background:#fafafa; height:14px; padding:2px 3px 0; font-size:9px; font-family:verdana}
input.chk	{width:12px; height:12px; border:0; background:transparent;}
textarea	{padding:3px 8px; border:1px solid #ededed; background:#fafafa;}
select		{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;}

/* font */
.t_sale	{text-decoration:line-through}

/* letter-spacing */
.lspM	{letter-spacing:-0.05em}

/* Á¤·Ä */
.fl_left	{float:left;}
.fl_right	{float:right;}
.fl_clear	{clear:both;}

.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}
.al_bottom	 {vertical-align:baseline}
.al_btm		{vertical-align:bottom}

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

/* margin * padding */
.mt1m	{margin-top:-1px;}
.mt5	{margin-top:5px;}
.mt6	{margin-top:6px;}
.mt8	{margin-top:8px;}
.mt20	{margin-top:20px;}
.mt40	{margin-top:40px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb17	{margin-bottom:17px;}
.mr7	{margin-right:7px;}

/* font */
.t_black	{color:#000000;}
.t_black	a:link		{text-decoration:none; color:#000000;}
.t_black	a:visited	{text-decoration:none; color:#000000;}
.t_black	a:hover		{text-decoration:underline; color:#000000;}
.t_black	a:active	{text-decoration:none; color:#000000;}

.t_file		{font-size:11px; text-decoration:underline; color:#ff880d;}


.t_red	{color:#ff880d;}
.t_red	a:link		{text-decoration:none; color:#ff880d;}
.t_red	a:visited	{text-decoration:none; color:#ff880d;}
.t_red	a:hover		{text-decoration:underline; color:#ff880d;}
.t_red	a:active	{text-decoration:none; color:#ff880d;}

/*
.t_red	{color:#ff880d;}
.t_red	a:link		{text-decoration:none; color:#ff880d;}
.t_red	a:visited	{text-decoration:none; color:#ff880d;}
.t_red	a:hover		{text-decoration:underline; color:#ff880d;}
.t_red	a:active	{text-decoration:none; color:#ff880d;}
*/
.t_green	{color:#0585bd;}
.t_green	a:link		{text-decoration:none; color:#0585bd;}
.t_green	a:visited	{text-decoration:none; color:#0585bd;}
.t_green	a:hover		{text-decoration:underline; color:#0585bd;}
.t_green	a:active	{text-decoration:none; color:#0585bd;}

.t_ver				{font-size:9px; color:#666666; font-family:verdana}
.t_ver	a:link		{text-decoration:none; color:#666666;}
.t_ver	a:visited	{text-decoration:none; color:#666666;}
.t_ver	a:hover		{text-decoration:underline; color:#666666;}
.t_ver	a:active	{text-decoration:underline; color:#666666;}

.t_verR				{font-size:9px; color:#ff880d; font-family:verdana}
.t_verR	a:link		{text-decoration:none; color:#ff880d;}
.t_verR	a:visited	{text-decoration:none; color:#ff880d;}
.t_verR	a:hover		{text-decoration:underline; color:#ff880d;}
.t_verR	a:active	{text-decoration:underline; color:#ff880d;}

.t_verG				{font-size:9px; color:#0585bd; font-family:verdana}
.t_verG	a:link		{text-decoration:none; color:#0585bd;}
.t_verG	a:visited	{text-decoration:none; color:#0585bd;}
.t_verG	a:hover		{text-decoration:underline; color:#0585bd;}
.t_verG	a:active	{text-decoration:underline; color:#0585bd;}




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


.clfix:after	{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix			{display: inline-block;}
.clfix			{display: block;}
* html .clfix	{height: 1%;} /* Hides from IE-mac */
.clfix			{zoom:1;} /*for IE 5.5-7*/