/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
All NAME of properties in CSS 
2004/03/18/ Jaewoong Kim(jegom@naver.com)
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

[Text style properties]
color / font-weight / font-family / font-size / font-variant / font-style / text-decoration / text-transform 

[Text layout properties]
letter-spacing / word-spacing / line-height / vertical-align / text-indent / text-align / direction / unicode-bidi 

[Background properties]
background-color / background-image / background-attachment / background-repeat / background-position / background

[Border properties]
border-width / border-top-width / border-left-width / border-bottom-width / border-right-width / border-color / border-style / border / border-top /  border-left /  border-bottom / border-right

[Margin properties]
margin / margin-top / margin-left / margin-bottom / margin-right / 

[Padding properties]
padding / padding-top / padding-left / padding-bottom / padding-right 

[Page layout properties]
position / top / left / bottom / right / width / min-width / max-width / height / min-height / max-height / z-index / visibility / overflow / float / clear / clip

[Element type properties]
display / white-space / list-style-type / list-style-image / list-style-position / list-style / border-collapse / border-spacing / caption-side / empty-cells / table-layout

[User interface properties]
cursor / outline / outline-color / outline-style / outline-width 

[Values]
- Length values
em / ex / pc / pt / px / mm / cm / in 

- Percentage values 
percentage sign: %. For example -25%, +15% or 15%.

- Color values 
keyword or hexa RGB value use.

- Keyword values 
bold and bolder for font-weight / small and smaller for font-size 

- Shape values 
rect( top left bottom right )

*/

INPUT { 
	color:black; font-size:12px; 
	border:1px solid #a0a0a0;
	HEIGHT:22px;
	padding:4px;
}

TEXTAREA { 
	font-family:tahoma;
	font-size: 12px;
	border:1px solid #a0a0a0;
}

SELECT { background-color:#ffffff; }

P {margin-top:0px;margin-bottom:0px;}

body, table, tr, td, select, pre {
	font-family:Tahoma;
	font-size: 14px;
	color: #000033;

	scrollbar-arrow-color: #000000;
	scrollbar-highlight-color: #B4B4B4;
	scrollbar-shadow-color: #B4B4B4;
	scrollbar-darkshadow-color: #EEEEEE;
	scrollbar-3dlight-color: #EEEEEE;
	scrollbar-track-color: #EEEEEE;
	scrollbar-face-color: #EEEEEE;
}

IMG {	border: none;	}
IMG.A {	border: 1px solid; border-color: #EDEDED;	}

A:link    { color:#669900; text-decoration:underline }
A:active  { color:#0080C0;  text-decoration:none }
A:visited { color:#660099; text-decoration:underline }
A:hover   { color:#DD6600; text-decoration:none }


.white_link A:link    { color:#669900; text-decoration:underline }

.black_12 	 	 { font-family:돋움, seoul, tahoma, arial; font-size: 12px; color:#000000; text-decoration: none ; line-height: 16px }
.black_12 a:link 	 { font-family:돋움, seoul, tahoma, arial; font-size: 12px; color:#000000; text-decoration: none ; line-height: 16px }
.black_12 a:visited { font-family:돋움, seoul, tahoma, arial; font-size: 12px; color:#000000; text-decoration: none ; line-height: 16px }
.black_12 a:active  { font-family:돋움, seoul, tahoma, arial; font-size: 12px; color:#000000; text-decoration: none ; line-height: 16px }
.black_12 a:hover 	 { font-family:돋움, seoul, tahoma, arial; font-size: 12px; color:#666666; text-decoration: underline ; line-height: 16px }

/*결제페이지에서 사용 */
.t { font-size: 9pt; color: #000000}

/*회원가입 부분 사용 */
.input_member {onblur="this.style.backgroundColor='#FFFFFF'" onfocus="this.style.backgroundColor='#B5DBF7'" }

/*방송프로그램 */
.broad a:link {font-size: 9pt; color : #585858; font-family:돋움,tahoma;text-decoration: none;}
.broad a:visited {font-size: 9pt;color: #585858;text-decoration:none;}
.broad a:active {font-size: 9pt;color:#585858;text-decoration:none;}
.broad a:hover {font-size: 9pt;color:#3DA2C5;text-decoration:underline;}
.broad_tab {  font-family: "돋움"; font-size: 14px; color: #3366CC; font-weight: bold}
.broad_tab02 {  font-family: "돋움"; font-size: 14px; color: #666666; font-weight: bold}

#menu {
BACKGROUND: lightblue; COLOR: black; CURSOR: default; FONT-FAMILY: tahoma; FONT-SIZE: 12pt; FONT-WEIGHT: none}
#menu .popup {
BORDER-TOP:  20px; DISPLAY: none; FONT-FAMILY: tahoma; FONT-SIZE: 12px; POSITION: absolute; xWIDTH: 530pt}

#menu P {MARGIN-BOTTOM: 0pt; MARGIN-TOP: 0pt}


/* 테이블 속성모음 */
main {  
	WIDTH: 100%; 
	HEIGHT: 100%; 
	border:solid 1px #336699;
}

/* Cell 속성모음*/
TD.top { HEIGHT: 10pt; }
TD.bottom { HEIGHT: 10pt; }

.9px { font-family:tahoma; font-size: 9px; color: #000033; }
.10px { font-family:tahoma; font-size: 10px; color: #000033; }
.11px { font-family:tahoma; font-size: 11px; color: #000033; }
.12px {	font-family:tahoma; font-size: 12px; color: #000033; }
.13px { 	font-family:tahoma; font-size: 13px; color: #000033; }
.14px { font-family:tahoma; font-size: 14px; color: #000033; }
.15px { font-family:Tahoma;font-size: 15px; color: #000033; }
.16px { 	font-family:tahoma; font-size: 16px; color: #000033; }
.17px { 	font-family:tahoma; font-size: 17px; color: #000033; }
.18px { 	font-family:tahoma; font-size: 18px; color: #000033; }
.19px { 	font-family:tahoma; font-size: 19px; color: #000033; }
.20px { 	font-family:Tahoma; font-size: 20px; color: #000033; }


.footer10px { font-family:tahoma; font-size: 10px; color: #336699; }
.footer11px { font-family:tahoma; font-size: 11px; color: #336699; }
.footer12px { font-family:tahoma; font-size: 12px; color: #336699; }

.footerLink10px { font-family:tahoma; font-size: 10px; color: #336699; text-decoration: none }
.footerLink10px a:link 	 { font-family:tahoma; font-size: 10px; color: #336699; text-decoration: none }
.footerLink10px a:visited { font-family:tahoma; font-size: 10px; color: #114477; text-decoration: underline }
.footerLink10px a:active  { font-family:tahoma; font-size: 10px; color: orange; text-decoration: underline }
.footerLink10px a:hover 	 { font-family:tahoma; font-size: 10px; color: red; text-decoration: underline }


.footerLink12px { font-family:tahoma; font-size: 12px; color: #336699; text-decoration: none }
.footerLink12px a:link 	 { font-family:tahoma; font-size: 12px; color: #336699; text-decoration: none }
.footerLink12px a:visited { font-family:tahoma; font-size: 12px; color: #114477; text-decoration: underline }
.footerLink12px a:active  { font-family:tahoma; font-size: 12px; color: orange; text-decoration: underline }
.footerLink12px a:hover 	 { font-family:tahoma; font-size: 12px; color: red; text-decoration: underline }

.if {
	border:1px solid #a0a0a0;
}

.basicBtn {
	border:1px solid #336699;
	padding:1px;
	width: 90px;
	background-color:#e0e0e0;
}

.specialBtn1 {
	border:1px solid #336699;
	padding:1px;
	width: 90px;
	background-color:orange;
}

.menuBtn {
	border:1px solid #000000;
	padding:1px;
	width: 90px;
	background-color:gold;
}


h1,h2,h3,h4,h5 {
  font-family:tahoma,굴림;
  padding-left:6px;
  border-bottom:1px solid #c0c0c0;
}

ul {
  display:inline;
  margin:0px;
  padding:0px;
}

li{
  display:block;
  margin:0px;
  padding-left:0px;
}

div.indent40px { padding-left:40px; }
div.indent30px { padding-left:30px; }
div.indent20px { padding-left:20px; }
div.indent10px { padding-left:10px; }


.indent80px { padding-left:80px; }
.indent70px { padding-left:70px; }
.indent60px { padding-left:60px; }
.indent50px { padding-left:50px; }
.indent40px { padding-left:40px; }
.indent30px { padding-left:30px; }
.indent20px { padding-left:20px; }
.indent10px { padding-left:10px; }