body {margin:0; padding:0;font-size:12px;}
form {display:inline;}
fieldset {border: none;margin:0;padding:0;}
legend {display: none;}
a:link, a:visited, a:active { text-decoration:none; }

div#page {
	text-align:left;
	margin:0 auto;
	width:1000px;
	position:relative;
}
/****************************************************************/
#page #logo {
	width:100%;
	height:50px;
	background-color:#7998d1;
	border-top:1px solid #7998d1;
	/*border-left:1px solid navy;
	border-right:1px solid navy;*/
}

#page #logo h1 {
	font: bold 20px arial;
	color:#224076;
	margin-top:10px;
	margin-left:10px;
}
/***************************************************************
position: relative를 사용할 경우 반드시 z-index를 설정해주자!! 100301
*/
#page #header {height:25px;}

.sections {
	display: block;
	border-top:1px solid #000;
	border-bottom:1px solid #333;
	background-color:#6882ab;
}
.sections ul {
	float: left;
	padding:0;
	margin:0 auto;
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.sections li {display: block; color: #898989; float: left; position: relative;	z-index: 101;}
.sections li.first-child {
	background: none;
	border-right:1px solid #333;
	font-weight:bold;
}
.sections ul ul {
	position: absolute;
	left: -9999px;
	float: none;
	background: lightgrey;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-top: none;
}
.sections ul ul li {background: none; float: none; font-weight:normal;}
.sections li a {
	color: #f3f6f8;
	display: block;
	padding:5px 10px;
	font-size:11px;
	width:80px;
}
.sections ul a:focus,
.sections ul a:active,
.sections ul li.hover,
.sections ul li:hover {
	text-decoration:none;
	background-color:lightgrey;
}
.sections ul li.hover ul,
.sections ul li:hover ul {left:0;}
.sections li:hover li a,
.sections li.hover li a,
.sections ul ul li a {color: #000000; width:150px;font-size:12px;padding:2px 10px;}
.sections ul ul li a:hover {color: #FFFFFF; background:gray;}
.sections .current {color:orange;}
/* #0173a2 #7d7d7d #565656 #f3f6f8; #C19674 #909090 */
/****************************************************************/
#page #main{
	width:100%;/*998px;*/
	margin-top:8px;
	background:white;
	background-image:none;
/*	background-image:url(v_dot2x.gif);*/
/*	background-position:149px 2px;*//* v_dot2x.gif 의 시작 위치를 지정*/
/*	background-repeat:repeat-y;*/ /*세로 반복*/
}

#main #menu {
	float:left;
	width: 150px;
	font: 12px Verdana,sans-serif;
	z-index: 100;
}
#main ul {
	list-style:none;
}
#inlogin, #outlogin {
	color:gray;
	font:normal 11px Tahoma;;
	background-color:#f1f1f1;
	background-image:none;
	margin-bottom:5px;
}
#inlogin ul,#inlogin li,#outlogin ul,#outlogin li{margin:0;padding:0;list-style:none;}
#inlogin ul{height:40px;}
#inlogin ul li.name{padding:4px 0 0 4px;width:130px;}
#inlogin img {border:0px}
#inlogin li{float:left;color:#363636}

#outlogin ul{height:40px;}
#outlogin img {border:0px}
#outlogin li{float:left;color:#363636}
#outlogin li.btn{float:right;}
#outlogin input{border:1px solid #CCCCCC;font-size:12px;color:#606060;}
.input_id {background: #FAFAFA url(/image/bg_input_id.gif) no-repeat left;height:15px;width:95px;}
.input_pwd {background: #FAFAFA url(/image/bg_input_pwd.gif) no-repeat left;height:15px;width:95px;}
.input_focus {background: #FAFAFA;height:15px;width:95px;}

#main #menu h2.navhead {
	color:#224076;
	background: #7998d1;
	background-image:none;
	border: none;
	font-weight: bold;
	font-size: 13px;
	text-align:center;
	margin:0;
	padding: 0.4em;
}
#main #menu h2 {
	border: none;
	font-weight: bold;
	font-size: 13px;
	text-align:center;
	margin:0;
	padding: 0.4em;
}
#main #menu ul.spot-body {
	color:#224076;
	background:#e5ebf3;/*#dde2e9;*/
	background-image:none;
	padding: 5px;
	margin:0 auto;
	margin-bottom:8px;
}
#main #menu .spot-head {
	color:white;
	background: #4d8cba;
	background-image:none;
}

#main #menu .spot-body {
	background: #E5EBF3;/*eec;*/
	background-image:none;
	color:#224076;
}
#main #menu .spot-body li {
	padding:2px 0 2px 20px;
	background:url("image/green_bullet.gif") 10px 7px no-repeat;
}
#main #menu .spot-block {
	background: #E5EBF3;/*eec;*/
	background-image:none;
}
#main #menu .spot-block li {
	padding:2px 0 2px 20px;
	background:url("image/green_bullet.gif") 10px 7px no-repeat;
}

#main #menu a {
	text-align:	left;
	font: normal 1em sans-serif;
	line-height:150%;
	border-width: 0;
	text-decoration: none;
	color: #555;
}

#main #menu a:hover {color: tomato;}
#main #menu hr	{color:#adb8c9;}
#main #menu a span	{display: none;}
/****************************************************************/
#main #content {
	float:left;
	/*position: relative;*/
	margin:0;
	width:828px;
	background:white;
	background-image:none;
	font: normal 12px 굴림,Verdana,sans-serif;
	padding-left:10px;

	height:auto;
	min-height:600px;
}
#main #content p {margin: 0 1em 1em;}
#main #content h3	{margin-bottom:	0.25em;}
#main #content a:link, #main #content a:visited, #main #content a:active { text-decoration:none; color:#315584;	 }
#main #content a:hover { text-decoration:underline;}
#main #content td, #main #content input, #main #content button, #main #content textarea, #main #content select { 
	color:#222222; font-family:굴림; font-size:12px;
}
#main #content _pre {color:#668CB6; font-family:굴림; font-size:12px;}
/****************************************************************/
#ifcontent {
	text-align:left;
	margin:0;
	color: #BAA;
	background:white;
	font: normal 12px 굴림,Verdana,sans-serif;
}
#ifcontent p {margin: 0 1em 1em;}
#ifcontent h3	{margin-bottom:	0.25em;}
#ifcontent a:link, #ifcontent a:visited, #ifcontent a:active { text-decoration:none; color:#315584; }
#ifcontent a:hover { text-decoration:underline;}
#ifcontent td, #ifcontent input, #ifcontent button, #ifcontent textarea, #ifcontent select { 
	color:#222222; font-family:굴림; font-size:12px;
}
#ifcontent _pre {color:#668CB6; font-family:굴림; font-size:12px;}
/****************************************************************/
#page #footer {
	clear:both;
	width:100%;
	background:#dde2e9;
	background-image:none;
	z-index:100;
}
#page #footer h2.navhead {
	color:#224076;
	text-align:center;
	background:#7998d1;
	background-image:none;
	font-size: 12px;
	margin: 0;
	padding: 0.4em;
}
#page #footer p {
	margin: 0.5em 0;
	font-size:12px;
	color:#224076;
	text-align:	center;
}

#page #footer a {
	text-align:	left;
	font: normal 1em sans-serif;
	line-height:150%;
	border-width: 0;
	text-decoration: none;
	color: #224076;
}

#page #footer a:hover {color: tomato;}
#page #footer hr      {color:#adb8c9;}
#page #footer a span  {display: none;}

#page #sub {
	position: absolute;
	z-index: 10;
	display: none;
	padding:3px;
	background:#e0e0e0;
	background-image:none;
	border-style:outset;
	border-color:lightgray;
	border-width:2px;
	top: 10px;
	right:15px;
	width: 300px;
}
#page #sub #shead {
	color:white;
	padding:2px;
	font:bold 12px Arial;
	background:#0F72BB;
	background-image:none;
	width:100%;
}

#page #sub #sbody {
	background:white;
	background-image:none;
	border:solid 1px #c8c8c8;
	width:100%;
}

dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
code{color: #EDC;font: 110% monospace;}
#main #content pre.code{
	background: rgb(254, 255, 202); margin: 1em 0px 2em; padding: 0.5em; border: 1px dashed rgb(153, 153, 153); width: 61em; color: rgb(51, 51, 51); overflow: auto; font-family: "Courier New", Courier, monospace;
}

/* 디스플레이 콘텐트에 적용되는 스타일 */
.cellframe{table-layout:fixed;padding:1px;background:gray;}
.cellframe2{padding:1px;background:gray;}
.cellcap  {color:#09c;font:bold 13px;text-align:left}
.cellhead {color:#FFFFFF;text-align:center;padding:3px;background:#E0E0E0;}
.cellbody {padding:3px 2px;background:#FFFFFF;}
.cellbody2{padding:3px 2px;background:#F0F0F0;}
.celltail {color:#FFFFFF;text-align:center;padding:3px;background:#E0E0E0;}
.onOver {padding:3px 2px;background:#C0C0C0;}

.outline{border:1px solid gray;}

/* 쓰기 콘텐트에 적용되는 스타일 */
.wcellhead {color:#FFFFFF;text-align:center;line-height:13pt;background:#E0E0E0;}
.wcellbody {padding:3px;background:#F0F0F0;}
.wcelltail {color:#FFFFFF;text-align:center;line-height:15pt;background:#E0E0E0;}

.localhead {
	color:#212421;
	background:#EFF3F6;
	border:1px solid #DDDDDD;
	font-size: 12px;
	text-align:center;
	margin:3px;
	padding:5px;
	width:100%;
}

.tablebg { background:#DDDDDD; }
.subject { color:#212421; }
.subjectbg { background:#EFF3F6; }
.content { color:#222222; }
.contentbg { background:#FFFFFF; }

.list { color:#222222; }
.list0 { background:#FFFFFF; }
.list1 { background:#F5F5F5; }

.input { height:20px; border: 1px solid #777777; }
.textarea { border: 1px solid #777777; }
.box {border:1 solid; border-color:#DDDDDD; background:#FDFDFD;}
.button  { border-width:1px; border-style:ridge; border-color:#999999; background:#BDDFF7; height:20px; color:black; }
.select  { background:#EFF7FF; }
.leftbg  { background:#ffffff; }

.b { font-weight: bold; }