/*table, tr, td, div, input, select, textarea { font-family:Arial; font-size:9pt; color:black; }*/

/* ####### Page Layout ###### */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family:Arial; 
 font-size:9pt;
 color:#18397c;
} 

table, tr, td, div, input, select, textarea { font-family:Arial; font-size:9pt; color:#18397c; }

#index{ 
 width:780px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:100px; 
 background-color:#FFFFFF; 
 width:100%;
} 
 
#main{
 background: url(../images/bg-left.gif) repeat-y left;
  }
  
#leftmenu{
 width:170px; 
 float:left; 
 position:relative; 
 }
 
#contents{
 width:580px; 
 float:right; 
 position:relative; 
 background-color:#FFFFFF;
 }
 
#footer{
 height:80px; 
 /*background-color:#FFFFFFF; */
 clear:both;
 } 
 
/* ####### Top Menu ###### */

#gaga{
 width:530px;
 float: left;
 position: relative;
 }

#login{
 float:right;
 position:relative;
 font-family:Arial;
 font-size:8pt;
 padding-top:35px;
 padding-right:5px;
 }

/* ####### Layout + Top Menu ###### */

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*printer styles*/ 
 @media print{ 

/*hide the left column when printing*/ 
#leftmenu{display:none;} 

/*hide the right column when printing*/ 
#contents, #login{display:none;} 
#main, #gaga{width:100%; float:none;}
}

/* ##### General Style #### */
a {text-decoration:none; color:navy;}
a:hover {text-decoration:none; color:red;}
/* a.menu { font-family:Arial; font-weight:bold; font-size:9pt; color:white; text-align:center; text-decoration:none; }
a.menu:hover { color:white; font-family:Arial Black; font-size:9pt;  text-decoration:none;} 
.blue a { color:blue; text-decoration:none; }
.blue a:hover { color:red; text-decoration:underline;}*/

/* ##### image ###### */ 
img { border: none; }
.img-middle { vertical-align:middle; }
.img-right { float:right; margin-left:20px; }
.img-left { float:left; margin-right:30px; }

editbox, input, textarea, select { font-family:Arial; font-size:9pt; color:#666666; }

ul, ol, li { line-height:150%; }
.ul-left { margin-left:15px; } /* ul li의 시작점 좌측 마진 0 */
.ul-left li{ text-align :justify;  line-height:150%; }
.ul-left2 { margin-left:15px; width:580px;} /* ul li의 시작점 좌측 마진 0 */
.ul-left2 li{ text-align:left; margin-left:150px;  line-height:150%; }

p{margin-top:5px; margin-bottom:8px}
.p1{ font-weight:normal;font-family:'Times New Roman'; font-size:9pt; text-align:center; background-color:#FFFFCC; padding:5px; margin:0;} /* copyright */
.p2{ font-weight:normal; font-family:'Times New Roman'; font-size:9pt; text-align:center; background-color:#EEEEE3; margin:0;} /* copyright */
p span { font-weight:bold; color:#000000;}
p.indent { padding-left:2em; }

#box { border:1px solid #E1D8B3; color:navy; background-color:#FFFFCC; padding:5px}

h1 { font-family:'Arial Black'; font-size:16pt; color:#006666; text-align:center; line-height:100%;  padding:5px 0 15px 0; margin:0; }
/* h1 { font-family:'Arial Black'; font-size:16pt; color:#006666; text-align:center; line-height:100%;  margin-top:0.3em; margin-bottom:0; }*/
h2 { font-family:'Arial Black'; font-size:12pt; color:#008000; text-align:center; line-height:100%;  padding:20px 0 5px 0; margin:0; }
/*h2 { font-family:'Arial Black'; font-size:12pt; color:#008000; text-align:center; line-height:100%;  margin-top:0.5em; margin-bottom:0.3em; }*/
/*.h1-sub { font-family:'Arial Black'; font-size:12pt; color:#006666; text-align:center; }*/
/*.h2-center { font-family:'Arial Black'; font-size:10pt; color:navy; text-align:center;  line-height:100%;  margin-bottom:10;  }*/
h3 { font-family:'Arial Black'; font-size:11pt; color:#000080;  line-height:100%;  margin-bottom:10px;}
h3.ctr { text-align:center; font-size:10pt; margin-top:30px; margin:0; padding:10px 0; }
h4 {color:#000080; font-size:12px; font-weight:bold; margin:10px 0 5px 0;}
h5 { font-family:'Arial Black'; font-size:14px; color:white; text-align:center; background-color:red; padding:0; margin:0; }
h6 { font-family:Arial; font-weight: bold; font-size:12px; color:white; text-align:center; background-color:red; padding:0.5em; margin:0; }
h2.center { font-family:'Arial Black'; font-size:10pt; color:navy; text-align:center; padding:10px 0;  }
h1.line {border-bottom:10px solid #E7E7E7; padding-bottom:10px;}
/*.sub_title1 { font-weight:bold; background-color:#FFFFCC; border-bottom-width:1px solid #CCCCCC;  } */

/*.bold-dd { color:#000080; font-size:12px; font-weight:bold; margin-top:15px; } */

/* ##### Font ##### */
.bold { font-weight:bold; }
.ctr { text-align:center; }
.fred { color:red; }
.forange { color:#FF6633; }
.fblue { color:navy; }
.fbig { font-family:'Times New Roman'; font-size:12pt; }
.both100 { text-align:justify; line-height:100%; }
.both130 { text-align:justify; line-height:130%; }
.both150 { text-align:justify; line-height:150%; }
.both200 { text-align:justify; line-height:200%; }
/*.fblue { color:#000080; }
.fgreen { color:#006666; }
.fgreen2 { color:#008000; } 
.fgrey { color:#666666; }
.f8pt { font-size:8pt; }*/

/* ##### background color ###### */ 
/*.blue{ background-color:#0000FF; }
.navy{ background-color:#000080; } */
.yellow{ background-color:#FFFFCC; }
.yellow2{ background-color:#F7F3E6; }
.yellow3{ background-color:#E1D8B3; } /*table bgc*/
.grey{ background-color:#E7E7E7; }
.grey2{ background-color:#F7F7F7; }
.grey3{ background-color:#666666; }
/*.white{ background-color:#FFFFFF }
.violet{ background-color:#993399; }
.violet2{ background-color:#660066; }*/

.space{ color:#F7F7F7; }
.shade1 { font-weight:bold; color:teal; background-color:#F4F4ED; padding:5px; }
.shade2 { text-align:center; font-size:10pt; font-weight:bold; color:teal; background-color:#F4F4ED; padding:5px; }
.border-grey1 { border:3px solid #E7E7E7; } /* copyright */
/*.border1 {  background-color:red; border-width:7px; border-color:red; border-style:solid;  margin:0 }*/

/* ##### Table Design ###### */ 
.table-left { font-weight:bold; background-color:#F7F3E6; }
.table-right { background-color:#F7F3E6; }
.table-left2 { font-weight:bold; background-color:white; }
.table-right2 { background-color:white; }
.table-bgc { background-color:#E1D8B3;}
.line3 { background-color:#E1D8B3; }
/*
.cell-yellow { font-size:10pt; font-weight:bold; text-align:center; background-color:#FFFFCC;}
.cell-white { font-weight:bold; text-align:center; background-color:white; }
.cell-white2 { text-align:center; background-color:white; }
.cell-grey { background-color: #F7F3E6; text-align: center;	font-weight: bold; }
.cell-grey2 { background-color: #F7F3E6; }
.cell-yellow2 { text-align:center; background-color:#FFFFCC; }
.p-shade { background-color: #E7E7E7; padding:3px; }
.p-shade2 { background-color: #F7F7F7; padding:3px; } */

/* ##### Menu Tabs Start ###### */
#tabs {
	float:left;
	width:100%;
	background:#FCF1F6;
	font-family:'Times New Roman';
	font-size:11pt;
	line-height:normal;
	border-bottom:1px solid #E276A7;
}
#tabs ul {
	margin:0;
	padding:10px 0 0 10px;
	/* padding:10 10 0 50; */
	list-style:none;
}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs a {
	float:left;
	background:url("../images/tabmenu/tableft8.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs a span {
	float:left;
	display:block;
	background:url("../images/tabmenu/tabright8.gif") no-repeat right top;
	padding:2px 18px 1px 10px;
	/*padding:2px 18px 1px 9px;
	 padding:5px 15px 4px 6px; */
	color:#333;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#591333;
	/* font-weight:bold;*/
}

#tabs a:hover {
	background-position:0% -42px;
}
#tabs a:hover span {
	background-position:100% -42px;
}
#tabs #current a {
	background-position:0% -42px;
}
#tabs #current a span {
	background-position:100% -42px;
	/* font-weight:bold;*/
}