@charset "utf-8";
/************************************************************************
 * 파일명      : base.css
 * 설명         : base
 * 작성자      : 이수연
 * 작성일      : 2009.03.07
************************************************************************/
@import "layout.css";
@import "class.css";

*		{margin:0; padding:0;}
html	{width:100%; height:100%; overflow-y:scroll; overflow:-moz-scrollbars-verticals;}
body	{width:100%; height:100%; background:url('/upload/background/bg_en.jpg'); color:#555555; font:normal 12px Arial, arial;}
textarea, input, select	{color:#a3a3a3; font:normal 9px Arial;}
td	{color:#555555; font:normal 12px arial;}

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

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

h1, h2, h3,
h4, h5, h6	{font-size:12px;margin:0;padding:0;}

/* form */
form		{margin:0; padding:0;}
input		{height:16px; background:#FFFFFF; border:1px solid #d3d3d3; padding:2px 8px 0; color:#a3a3a3; font:normal 11px arial; vertical-align:middle;}
input.chk	{width:12px; height:12px; border:0; background:transparent; padding:0; margin:0px;}
textarea	{border:1px solid #C5C5C5; padding:10px; font:normal 11px arial;}
select		{vertical-align:middle; color:#a3a3a3;}

/* 플래쉬 외곽라인 */
object {outline:none;}

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

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

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

.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}

.hand		{cursor:pointer}
.overflow	{_height:100%; overflow:auto; overflow:hidden}
.none		{position:absolute; left:-3000px; top:-3000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden}

/* margin * padding */
.mt1m	{margin-top:-1px;}
.mt0	{margin-top:0px;}
.mt1	{margin-top:1px}
.mt3	{margin-top:3px}
.mt4	{margin-top:4px}
.mt5	{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt45	{margin-top:45px;}
.mt50	{margin-top:50px;}

.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb25	{margin-bottom:25px;}
.mb30	{margin-bottom:30px;}

.ml4	{margin-left:4px;}
.ml5	{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml30	{margin-left:30px;}

.mr2	{margin-right:2px;}
.mr4	{margin-right:4px;}
.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}

.pt5	{padding-top:5px;}
.pt10	{padding-top:10px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}

.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}

.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl20	{padding-left:20px;}

.pr5	{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}

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