html {
height: 101%;
text-align: center;

        scrollbar-Face-Color : #c8c8c8;
        scrollbar-Shadow-Color : #ffffff;
        scrollbar-Highlight-Color : #ffffff;
        scrollbar-3dlight-Color : #ffffff;
        scrollbar-DarkShadow-Color : #ffffff;
        scrollbar-Track-Color : #F0F0F0;
        scrollbar-Arrow-Color : #F0F0F0;
        button-Text-Color : #ffffff;
}

/* Content Text Font & Color (Default) */
body
{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  letter-spacing: 0px;
 line-height: 130%;
  color: #292929
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size: 24px;
margin-top: 4px;
margin-left: 26px;
margin-bottom: 6px;
color:#0178bf;
  letter-spacing: 0px;
  line-height: 120%;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 160%;
margin-top: -3px;
margin-bottom: 0px;
color:#00a1ff;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size: 120%;
margin-top: 2px;
color: #666666;
}
h3.blue {
color: #006dba;
margin-top: 4px;
margin-left: 28px;
margin-right: 6px;
margin-bottom: 2px;
  line-height: 120%;
}

h3.orange {
color: #ff6d06;
margin-top: 0px;
margin-left: 4px;
margin-right: 6px;
margin-bottom: 2px;
  line-height: 120%;
}

h3.mainorange {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ff6d06;
font-size: 140%;
margin-top: 4px;
margin-left: 0px;
margin-right: 6px;
margin-bottom: 8px;
  line-height: 120%;
}


DIV.mainsubtext {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color: #006dba;
margin-top: 4px;
margin-left: 2px;
margin-right: 4px;
margin-bottom: 2px;
text-align:justify;
}

DIV.subtext {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color: #006dba;
margin-top: 4px;
margin-left: 4px;
margin-right: 2px;
margin-bottom: 2px;
text-align:justify;

}

h3.sidetitle {
color: #ff6d06;
margin-top: 4px;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 4px;
  line-height: 120%;
}

h3.title {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:20px;
color: #ff6d06;
margin-top: 14px;
margin-left: 10px;
margin-right: 2px;
margin-bottom: 2px;
  line-height: 140%;
}

DIV.titletext {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color: #34abff;
margin-top: 0px;
margin-left: 20px;
margin-right: 6px;
margin-bottom: 2px;
}

h3.subtitle {
color: #ff6d06;
margin-top: 13px;
margin-left: 300px;
margin-right: 26px;
margin-bottom: 2px;
  line-height: 120%;
}

h5 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 80%px;
margin-top: 2px;
color: #666666;
}

h5.blue {
color: #ff6d06;
margin-top: 1px;
margin-left: 1px;
margin-right: 1px;
margin-bottom: 13px;
  line-height: 120%;
}


DIV.subrequest {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color: #00b4ff;
margin-top: 0px;
margin-left: 315px;
margin-right: 28px;
margin-bottom: 2px;
}

DIV.subsend {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color: #00b4ff;
margin-top: 0px;
margin-left: 260px;
margin-right: 28px;
margin-bottom: 2px;
}

DIV.subnext1 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color: #02c6e1;
margin-top: 36px;
margin-left: 320px;
margin-right: 26px;
margin-bottom: 2px;
}

DIV.subnext2 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color: #02c6e1;
margin-top: 30px;
margin-left: 20px;
margin-right: 316px;
margin-bottom: 2px;
}

/* begin Menu */  /* menu structure */

ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
    text-transform:uppercase; 
	background:transparent url("./menu_back_05.gif") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-weight: bolder;

}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	border-right:1px solid #ffffff;

	}
ul#menu li a{
	display:block;
	float:left;
	color: #ffffff; 
	font-size:13px;
    font-weight: bolder;
	text-decoration:none;
	padding:10px 20px 0px 20px;
	height:24px;
	}
ul#menu li a:hover{
	float:left;
	color: #ff6d00; 
	text-decoration:none;
	background:transparent url("./menu_back_032.gif") repeat-x top left;	
	}

/* Start Content link style */
a
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0px;
  color: #0680AC;
  text-decoration:none
}

a:link
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  letter-spacing: 0px;
  color: #006dba;
  text-decoration:none
}

a:visited
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  letter-spacing: 0px;
  color: #595959
  text-decoration:none
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: underline;
  letter-spacing: 0px;
  color: #ff6d06
}

/* Adds special style to an unvisited link. */
A.menu,A.menu:active
{  font-size: 13px;
   letter-spacing: 0px;
   color:#045B7B;
   text-decoration:none}
A.menu:visited{color:#045B7B;text-decoration:none}
A.menu:hover{color:#ff6500;text-decoration:underline}

A.mainblue {
font-family:Verdana,Tahoma,Trebuchet MS,Arial;
font-size:12px;
font-weight:normal;
color: #218adb;
  letter-spacing: 0px;
  line-height: 130%;
}

A.mainblue:visited{color:#045B7B;text-decoration:none}
A.mainblue:hover{color:#ff6500;text-decoration:underline}
                    
/* begin SIDEBAR */
/* begin PostQuote */
/* Start blockquote */

blockquote p
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: bolder;
  color: #ffffff;
  letter-spacing: 0px;
  text-align: left;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 4px;
  margin-bottom: 2px;
}

blockquote
{
  border:1px solid #037f90;
  margin:8px 2px 2px 2px;
  padding:4px 4px 4px 40px;
  background-color:#00e0ff;
  background-image:url('./PostQuote.png');
  background-position:left top;
  background-repeat:no-repeat;
}

/* Finish blockuote */

.idinput_box
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  color: #036fae;
  letter-spacing: 0px;
  text-align: left;
  margin-left: 0px;
  margin-right: 1px;
  margin-top: 2px;
  margin-bottom: -6px;
}

input.midon {
border:1px solid #9cdb00; 
margin-bottom: 2px;
  font-size: 12px;
  font-weight: normal;
  color: #444444;
margin-top: 1px;
margin-bottom: 1px;  
}

input.midoff {
border:1px solid #B8BCE2;
  font-size: 12px;
  font-weight: normal;
  color: #444444;
margin-top: 1px;
margin-bottom: 1px;
}

textarea.midon {
border:1px solid #9cdb00; 
margin-bottom: 2px;
  font-size: 12px;
  font-weight: normal;
  color: #444444;
margin-top: 1px;
margin-bottom: 1px;  
}

textarea.midoff {
border:1px solid #B8BCE2;
  font-size: 12px;
  font-weight: normal;
  color: #444444;
margin-top: 1px;
margin-bottom: 1px;
}


input.regOff {
width:240px;
border:1px solid #B8BCE2; 
margin-bottom: 2px;
  font-size: 12px;
  font-weight: normal;
  color: #444444;
margin-top: 1px;
margin-bottom: 1px;  
}

input.regOn {
width:240px;
border:1px solid #9cdb00;
  font-size: 12px;
  font-weight: normal;
  color: #444444;
margin-top: 1px;
margin-bottom: 1px;
}

input.idOff {width:90px;border:1px solid #B8BCE2;margin-top: 1px;
margin-bottom: 1px;  
  font-size: 12px;
  font-weight: normal;
  color: #0067a0;

}
input.idOn {width:90px;border:1px solid #4e64f8;margin-top: 1px;
margin-bottom: 1px;  
  font-size: 12px;
  font-weight: normal;
  color: #0067a0;

}

input.numOff {
width:120px;
border:1px solid #B8BCE2; 
margin-bottom: 2px;
  font-size: 12px;
  font-weight: normal;
  color: #444444;
margin-top: 1px;
margin-bottom: 1px;  
}

input.numOn{
width:120px;
border:1px solid #B8BCE2; 
margin-bottom: 2px;
  font-size: 12px;
  font-weight: normal;
  color: #444444;
margin-top: 1px;
margin-bottom: 1px;  
}

/* end PostQuote */
select.desc1{font-size:13px;color:#543374;}

/* tabel */
TABLE,TR,TD,TH{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px}
TD.menu{color:#FFFFFF;background-color:#0066CC}
TD.submenu{color:#0066CC;background-color:#FFFFFF}

TD.submenu a{width:100%;padding:2px;margin:0px;font-size:13px;}
TD.submenu a:visited{padding:2px}
TD.submenu a:hover{ 
color:#ff6c00;
text-decoration: none;
padding:2px}


TABLE.cafe{border:1px solid #ffef3e;background-color:#fffabf;}
TD.cafetext{text-align:justify;padding:10px}
TR.cafetop{
color:#666666;background-color:#fffabf;padding:2px;margin:1px;
font-size:13px;text-align:center;vertical-align:top;font-weight:normal;
}
TR.cafemid{
color:#888888;background-color:#ffffff;padding:2px;margin:1px;
font-size:13px;text-align:center;vertical-align:top;font-weight:normal;
}
TR.cafebot{
color:#999999;background-color:#fffcd8;padding:2px;margin:1px;
font-size:13px;text-align:center;vertical-align:top;font-weight:normal;
}
TR.cafemenu{
color:#0066CC;background-color:#fffabf;padding:2px;margin:1px;
font-size:13px;text-align:center;vertical-align:top;font-weight:normal;
}

TABLE.news{border:1px solid #83ff00;background-color:#cbfe95;}
TD.cafetext{text-align:justify;padding:10px}
TR.newstop{
color:#666666;background-color:#ebffd6;padding:2px;margin:1px;
font-size:13px;text-align:center;vertical-align:top;font-weight:normal;
}
TR.newsmid{
color:#888888;background-color:#ffffff;padding:2px;margin:1px;
font-size:13px;text-align:center;vertical-align:top;font-weight:normal;
}
TR.newsbot{
color:#999999;background-color:#ebffd6;padding:2px;margin:1px;
font-size:13px;text-align:center;vertical-align:top;font-weight:normal;
}
TR.newsmenu{
color:#0066CC;background-color:#fffabf;padding:2px;margin:1px;
font-size:13px;text-align:center;vertical-align:top;font-weight:normal;
}

TD.info{color:#000000;background-color:#DDDDDD;text-align:center}
TD.title{font-size:13px;font-weight:bolder;color:#333333;background-color:#ffd502}


TABLE.frame{border:1px solid #befe20;background-color:#e6ffa9;}

TD.field{color:#658d01;background-color:#e2ff9c;text-align:right;vertical-align:top;font-weight:bolder}
TD.justify{font-size:12px;color:#8b8b8b;background-color:#c9ff46;text-align:center}
TD.input{color:#7f7f7f;background-color:#f0fcd3;vertical-align:top;}

TD.aclist{font-size:11px;color:#8e8e8e;vertical-align:top;}

TD.capc{font-size:13px;color:#517200;text-align:center;font-weight:bolder;background-color:#d9ff7c;}
TH.caption{color:#FFFFFF;background-color:#0066CC;font-size:13px;text-align:left}
TD.error{font-weight:bolder;color:#FFFFFF;background-color:#FF0000}



/* FONT */

FONT.remark{color:#666666;font-size:10px}

FONT.sideblue {
font-family:Verdana,Tahoma,Trebuchet MS,Arial;
font-size:11px;
font-weight:normal;
color: #218adb;
  letter-spacing: 0px;
  line-height: 80%;
}

FONT.blue {
font-family:Verdana,Tahoma,Trebuchet MS,Arial;
font-size:13px;
font-weight:bolder;
color: #006dba;
}

INPUT.submit{
font-family:Verdana,Tahoma,Trebuchet MS,Arial;
font-size:13px;
color:#97310c;
background-color:#fde152;
border:solid 1px #997366;
letter-spacing: 0px;
cursor:hand
}

INPUT.loginbox{
font-family:"Trebuchet MS",Verdana,Tahoma,Arial;
font-size:11px;
color:#0066CC;
background-color:#9de92b;
border:solid 1px #089600;
letter-spacing: 0px;
cursor:hand
}

INPUT.loginnow {
font-family:Verdana,Tahoma,Trebuchet MS,Arial;
font-size:10px;
color:#ffffff;
background-color:#17ace8;
border:solid 1px #0018ff;
letter-spacing: -1px;
cursor:hand
}

/* tabel finish */


/* Start SIDEBAR */
.sidebar
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: right;
  overflow: hidden;
  width: 184px;
  height: 320px;

  background-color:#9de92b;

}

.clear-float
{
  float:none;
  clear:both;
}


/* begin LayoutCell */
.sidebar1
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: right;
  overflow: hidden;
  width: 184px;
}

.clear-float
{
  float:none;
  clear:both;
}


/* begin LayoutCell */
.contentLayout .content
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 800px;
}

.clear-float
{
  float:none;
  clear:both;
}


/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:10px;
  letter-spacing:normal;
  word-spacing:normal;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
  text-transform:uppercase; 
  color:#26BFF7;
}

/* end PageFooter 
select{ behavior: url('../style/selectBox.htc');}<style>*/

.tip { font-family: Verdana, arial, helvetica, sans-serif; 
        font-size: 8pt; 
      } 

.tooltip { posistion:absolute; /* 툴팁이라는 id를 가진 객체의 스타일을 지정합니다. 포지션은 절대속성입니다.*/
top:0; /* 세로위치는 0 */
left:0; /* 가로위치는 0 */
border:solid 1 #26BFF7; /* 테두리는 1px 의 색상은 FF9933입니다 */
background:#26BFF7; /* 배경색은 FFFFDD */ 
color:FF9933; /* 글자색은 FF9933 */
font-size:9pt; /* 글자크기는 9포인트 */
width:100; /* 레이어의 너비는 100픽셀 */
height:20; /* 레이어의 높이는 20픽셀 */
padding:2; /* 레이어의 안쪽 패딩은 2 픽셀 */
overflow:hidden; /* 내용이 많아도 테두리는 안생깁니다 */
z-index:10; /* 레이어의 z(깊이) 설정 */
display:none; /* 평소에는 보이지 않습니다 */
} 


#left .box
{
margin: 10px;
padding: 10px;
border: 1px solid #9C9995;
background: #ffffff;
}

#left .box1
{
margin: 2px;
padding: 4px;
border: 1px solid #006dba;
background: #ffffff;
}

#left H1
{
	font-size: 18px;
	color: #666666;
	padding-bottom: 10px
}

#left a
{
color: #666666;
text-decoration: none;
}

#left p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#left h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: #666666;
}

h3.suborange {
color: #ff6d06;
margin-top: 0px;
margin-left: 2px;
margin-right: 6px;
margin-bottom: 6px;
  line-height: 120%;
}

DIV.subtx {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color: #006dba;
margin-top: 4px;
margin-left: 4px;
margin-right: 6px;
margin-bottom: 2px;
}


span.fixdimension { width: 100px; height: 100px;  overflow: hidden;}  
    .resize1 { width: 100px; height: 100px; }  
    .resize2 { width: 100px; }  
    .resize3 { 
	width: expression((this.width > 100)? ((this.height > 100)? ((this.width < this.height)? true : 100) : 100) :true); 
	height: expression((this.height > 100)? ((this.width > 100)? ((this.width > this.height)? true : 100) : 100) :true); 
	max-width: 300px; max-height: 300px;}