
body, div, td, center, blockquote, form, input, textarea, select, option, pre 
{

	font-family : 굴림, Gulim;
	font-size   : 9pt;
	color       : #595959;

}


A:link		{	color:#404040; text-decoration:none;									}
A:visited	{	color:#404040; text-decoration:none;									}
A:active	{	color:#404040; text-decoration:none;									}
A:hover		{	color:#CC0000; text-decoration:underline;								}


.none		{	background-color:#FFFFFF; style=height:19px; solid #FFFFFF;					}
.bell		{	background-color:#FFFFFF; style=height:19px; border:1 solid #CCCCCC;		}
.beye		{	background-color:#FFFFFF; style=height:19px; border:1 solid #B2B2B2;		}
.min		{	background-color:#FFFFFF; style=height:19px; border:1 solid #333333;		}
.fff		{	background-color:#FFFFFF; style=height:19px; border:1 solid #FFFFFF;		}
.ff7		{	background-color:#F7F7F7; style=height:19px; border:1 solid #F7F7F7;		}
.777		{	background-color:#FFFFFF; style=height:19px; border:1 solid #777777;		}
.blue		{	background-color:#FFFFFF; style=height:19px; border:1 solid #0080FF;		}
.yin		{   background-color:#DCDCDC;													}
.editbox	{	background-color:#FFFFFF; border:1 solid #999999; ime-mode:active;			}
.font8		{	font-size:12px;																}
.price		{	font-family:돋움, seoul, arial, helvetica; font-size: 12px;					}


.en			{	ime-mode:inactive;																			 }
.kr			{	ime-mode:active;																			 }
.ene2		{	ime-mode:inactive;	background-color:#FFFFFF; style=height:19px; border:1 solid #E2E2E2;	 }
.kre2		{	ime-mode:active;	background-color:#FFFFFF; style=height:19px; border:1 solid #E2E2E2;	 }
.en3		{	ime-mode:inactive;	background-color:#FFFFFF; style=height:19px; border:1 solid #333333;	 }
.kr3		{	ime-mode:active;	background-color:#FFFFFF; style=height:19px; border:1 solid #333333;	 }
.en7		{	ime-mode:inactive;	background-color:#FFFFFF; style=height:19px; border:1 solid #777777;	 }
.kr7		{	ime-mode:active;	background-color:#FFFFFF; style=height:19px; border:1 solid #777777;	 }
.enc		{	ime-mode:inactive;	background-color:#FFFFFF; style=height:19px; border:1 solid #CCCCCC;	 }
.krc		{	ime-mode:active;	background-color:#FFFFFF; style=height:19px; border:1 solid #CCCCCC;	 }
.bellmin	{	background-color:#FFFFFF; style=height:19px; border:1 solid #312C8C;						 }


/*.table01	{	cellpadding=0 cellspacing=0		}*/


body
{

		scrollbar-3dlight-color:595959;
		scrollbar-arrow-color:555555;
		scrollbar-base-color:CFCFCF;
		scrollbar-darkshadow-color:FFFFFF;
		scrollbar-face-color:CFCFCF;
		scrollbar-highlight-color:FFFFFF;
		scrollbar-shadow-color:595959;

}


/*
1. [border=0 cellpadding=0 cellspacing=0]인 테이블 만들기

TABLE { border-spacing:0px; padding:0px; border-collapse:collapse }
TD, TH { padding:0px }


2. 클래스가 정의된 엘리먼트의 하위 엘리먼트를 지시하기

TABLE.form     { border:solid 1px #C0C0C0; background:#FFFFFF }
TABLE.form TH  { border:solid 1px #C0C0C0; background:#E0E0E0 }
TABLE.form TD  { border:solid 1px #FFFFFF }

이렇게 정의하고 <table class="form"> 식으로 사용하면, 그 하위 엘리먼트에서는 <td class="form"> 이렇게 일일이 정의하지 않아도 된다. class="form"인 table내의 td, th에 이러이러한 속성을 적용한다는 의미. 더 응용하면,

FORM TABLE     { border:solid 1px #C0C0C0; background:#FFFFFF }
FORM TABLE TH  { border:solid 1px #E0E0E0; background:#E0E0E0 }
FORM TABLE TD  { border:solid 1px #FFFFFF }

폼 태그 하위에 있는 테이블은 자동으로 위 속성이 부여된다.

위의 예는 입력폼을 작성할 때, TH를 label처럼 보여준다. (TABLE.form은 TABLE의 기본 속성을 상속받으므로 필요한 속성 재정의(override) 가능). 폼 얘기가 나왔으니 INPUT 폼이 수직 얼라인이 안 맞아 삐뚤빼뚤할 경우 vertical-align:middle식으로 적용하면 원하는 결과를 얻을 수 있다.


3. 한 엘리먼트 내에서 여러 클래스 속성 사용하기 <-- 백만불짜리 팁!

<div class="head bg"> 식으로 공백문자로 분리. 해당 엘리먼트에 head와 bg 클래스를 모두 적용시킴.

letter-spacing:-1px;
*/