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

*		{margin:0; padding:0;}
html	{height:100%; overflow:hidden;}
body	{height:100%; font-size:12px; color:#808080; line-height:18px; font-family:µ¸¿ò;}
textarea, input,select	{font-family:µ¸¿ò; font-size:12px; color:#808080;}

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

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:#808080;}
input.chk	{width:12px; height:12px; border:0; background:transparent;}
textarea	{padding:3px 8px; border:1px solid #D3C3A8; background:#F9FCF9;}
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;}
.mt2m	{margin-top:-2px;}
.mt5	{margin-top:5px;}
.mt6	{margin-top:6px;}
.mt8	{margin-top:8px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt40	{margin-top:40px;}
.mb6	{margin-bottom:6px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb17	{margin-bottom:17px;}
.mb20	{margin-bottom:20px;}
.mr7	{margin-right:7px;}
.pb20	{padding-bottom:15px;}
.ml30	{margin-left:30px;}

/* 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_red	{color:#E60066;}
.t_red	a:link		{text-decoration:none; color:#E60066;}
.t_red	a:visited	{text-decoration:none; color:#E60066;}
.t_red	a:hover		{text-decoration:underline; color:#E60066;}
.t_red	a:active	{text-decoration:none; color:#E60066;}

.t_green	{color:#00B804;}
.t_green	a:link		{text-decoration:none; color:#00B804;}
.t_green	a:visited	{text-decoration:none; color:#00B804;}
.t_green	a:hover		{text-decoration:underline; color:#00B804;}
.t_green	a:active	{text-decoration:none; color:#00B804;}

.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:#E60066; font-family:verdana}
.t_verR	a:link		{text-decoration:none; color:#E60066;}
.t_verR	a:visited	{text-decoration:none; color:#E60066;}
.t_verR	a:hover		{text-decoration:underline; color:#E60066;}
.t_verR	a:active	{text-decoration:underline; color:#E60066;}

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


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