BODY, TR, TD, INPUT, SELECT, OPTIN, TEXTAREA {COLOR: #333333; FONT-FAMILY:굴림,돋움,verdana; FONT-SIZE: 9pt; line-height:11pt; word-break:break-all;}

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

/* text_box */
.textbox {
 BORDER-BOTTOM: #E1E1E1 1px solid;
 BORDER-LEFT: #686868 1px solid;
 BORDER-RIGHT: #E1E1E1 1px solid;
 BORDER-TOP: #686868 1px solid;
 Background-COLOR: #FAFAFA;
}

.shop  { line-height:20pt; font-family:돋움; font-size:12pt; color:000000; }


/* 폼필드에 사용되는 스타일 시트 */
.form {border: 1px #999999 solid; height:19; background-color:#FFFFFF; color:#666666; font-size:9pt; text-align:left; text-valign: middle; text-indent: 2pt;}


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

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

}


A:link		{	color:#222222; text-decoration:none;									}
A:visited	{	color:#7584AB; text-decoration:underline;								}
A:active	{	color:#404040; text-decoration:none;									}
A:hover		{	color:#000000; 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;		}
.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;	}
.white		{	background-color:#FFFFFF; style=height:19px; border:1 solid #FFFFFF;						}
.ensf		{	
				ime-mode:inactive;
				border-bottom:#D0D0D0 1px solid; 
				border-left:#000000 1px solid; 
				border-right:#D0D0D0 1px solid; 
				border-top:#000000 1px solid;  
				background-color:#FFFFFF;
			}
.krsf		{
				ime-mode:active;
				border-bottom:#D0D0D0 1px solid; 
				border-left:#000000 1px solid; 
				border-right:#D0D0D0 1px solid; 
				border-top:#000000 1px solid;  
				background-color:#FFFFFF;
			}
.krsfbl		{
				ime-mode:active;
				border-bottom:#D0D0D0 1px solid; 
				border-left:#000000 1px solid; 
				border-right:#D0D0D0 1px solid; 
				border-top:#000000 1px solid;  
				background-color:#FFFFFF;
				text-indent:2pt;
			}
.bellmin	{	background-color:#FFFFFF; style=height:19px; border:1 solid #312C8C;						 }


BODY {
	SCROLLBAR-FACE-COLOR: #eaeaea; SCROLLBAR-HIGHLIGHT-COLOR: #eaeaea; SCROLLBAR-SHADOW-COLOR: #d4d0c8; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #eaeaea; SCROLLBAR-TRACK-COLOR: #f2f2f2; SCROLLBAR-DARKSHADOW-COLOR: #606060; SCROLLBAR-BASE-COLOR: #d4d0c8
}
/*
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;

}
*/


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


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