/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	position: relative;
	width: 850px;
	line-height: 1.166; 
	margin: auto;
	padding: 15px;
	font-family: "맑은 고딕", "굴림", tahoma, verdana, arial, sans-serif;
	font-size: 14px;
	color: #333333;
	background-color: #e5e5e5;
}

a{ color: #000000; text-decoration: none; }
a:link{ color: #000000; text-decoration: none; }
a:visited{ color: #006699; text-decoration: none; }
a:hover{ color: #006699; text-decoration: underline; }

li{ list-style: none; }
label{ font-size: 100%; font-weight: bold; color: #334d55; }
/*div{ border: 1px solid red; }*/


/***********************************************/
/* common classes                              */
/***********************************************/


/* topmenu */
.topmenuItem{
	float: left;
	padding: 5px;
}
.topmenuItem a{ color: #ffffff; padding: 0px 4px 3px 4px; }
.topmenuItem a:link{ color: #ffffff; }
.topmenuItem a:visited{ color: #ffffff; }
.topmenuItem a:hover{ background-color: #1763b0; color: #ffffff; text-decoration: none; }

/* title */
.mainTitle{
	font-size: 280%;
	font-weight: bold;
	color: #1763b0;
	border-bottom: 5px solid #7fb3e6;
}

.subTitle{
	font-size: 200%;
	font-weight: bold;
	color: #666666;
	border-bottom: 5px solid #bbbbbb;
}

/* more button */
.more{
	width: 100%;
	font-size: 90%;
	text-align: right;
	margin-top: -20px;
}
.more a{ color: #999999; }
.more a:link{ color: #999999; }
.more a:visited{ color: #999999; }
.more a:hover{ color: #000000; text-decoration: none; }

/* list button */
.list{
	width: 100%;
	font-size: 180%;
	font-weight: bold;
	text-align: right;
	margin-top: -33px;
}
.list a{ color: #b4d6f7; }
.list a:link{ color: #b4d6f7; }
.list a:visited{ color: #b4d6f7; }
.list a:hover{ color: #1763b0; text-decoration: none; }

/* inactive text */
.inactive{
	color: #bbbbbb;
}

/* right menu tree */
.stem{
	height: 10px;
	background-image: url(../images/tree-stem.gif);
	background-repeat: repeat-y;
	margin-left: 5px;
}
.rightList .branch{
	float: left;
	clear: left;
	width: 19px;
	height: 20px;
	padding-right: 5px;
}

.rightList .branchdown{
	float: left;
	clear: left;
	width: 19px;
	height: 20px;
	background-image: url(../images/tree-stem.gif);
	background-repeat: repeat-y;
	padding-right: 5px;
}

.rightList .name{
	height: 20px;
	padding-right: 5px;
}
.rightList .name a{ color: #000000; }
.rightList .name a:link{ color: #000000; }
.rightList .name a:visited{ color: #000000; }
.rightList .name a:hover{ color: #1763b0; text-decoration: none; }

.rightList .cnt{
	font-size: 80%;
	color: #aaaaaa;
}

/* page box */
.pageBox{
	float: left;
	width: 25px;
	height: 25px;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
	color: #7fb3e6;
	margin-right: 5px;
	cursor: pointer;
	border: 3px solid #b4d6f7;
	background-color: #ecf6ff;
}
.pageBox a{ color: #7fb3e6; }
.pageBox a:link{ color: #7fb3e6; }
.pageBox a:visited{ color: #7fb3e6; }
.pageBox a:hover{ color: #7fb3e6; text-decoration: none; }
.pb2{background-color: black;}

.pageBoxSelected{
	float: left;
	width: 25px;
	height: 25px;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
	color: #ffffff;
	margin-right: 5px;
	border: 3px solid #1763b0;
	background-color: #7fb3e6;
}

/* search word highlight */
.highlight {
	color: #1763b0;
	background-color: #f3f379;
}