@charset "utf-8";
body { background:#ffffff ; font:normal 12px Tahoma,Verdana,"굴림"; text-align:center; }
#bodyWrap { width:900px; margin:0 auto; padding:0px 10px;}
/* Site Layout - Header */
/*#header { position:relative; width:880px; height:122px; background:url(./images/bg_top_12-21-2008.gif) no-repeat bottom left; z-index:9; }*/
#header { position:relative; width:880px; height:100px;  z-index:9; }

#header h1 { margin:0; padding:0; position:absolute; top:22px; left:15px;}
#header .login { position:absolute; width:370px; height:30px; top:37px; right:0px; }
#header .today {color:#336699; font-weight:normal; font-size:10px; float:left; margin:2 20 0 0;}
.nav {margin:0 8px; padding:0; list-style:none; float:right; text-align:right;}
.nav li {float:left; padding:0 2px; margin:0px; color:#336699;list-style:none;}
.nav li a {padding:0px; margin:0px; text-decoration:none; font:normal 11px Verdana; color:#336699; }
.nav li a:visited { font:normal 11px Verdana; color:#336699;text-decoration:none;}
.nav li a:hover, .nav li a:focus { font:normal 11px Verdana; color:#336699;text-decoration:underline !important;}

#it_search_form { position:absolute; top:50px; right:15px;}
#it_search_form .input { border:1px solid #bc4032; height:17px; width:120px; color:#888888; font-size:.9em;}
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }

#gnb { position:absolute; top:80px; left:0; height:32px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { float:left; list-style:none; background:url(./img/main/bgGnbVr.png) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:8px 15px 0 15px; height:29px; color:#e8e8e8; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#ffffff;background:#59A0E3;}
#gnb li.on a { font-weight:bold; color:#ffffff; background:url(./img/main/bgGnbOn.png) no-repeat center top;}

/* Site Layout - Content Body */
#contentBody { position:relative; width:880px; margin-top:0px;padding:8 20; overflow:visible; background:url(./images/bg_content_12-21-2008.gif) repeat-y;}

/* Site Layout - Column Left */
#columnLeft { position:relative; width:181px; float:left;}
#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block; clear:both;}

#lnb { border-top:1px solid #FFFFFF; padding:4px 5px; width:152px;}
#lnb li { padding-bottom:4px; list-style:none; }
#lnb li a { padding:6px 5px 6px 13px; width:140px; display:block; border:1px solid #e8e8e8; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus { color:#ffffff; background:#99cccc; border:1px solid #99cccc;}
#lnb li.on a { color:#ffffff; background:#669999; border:1px solid #669999;}
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;}
#lnb li ul { display:block; position:relative; width:140px; padding:0 3px; border-top:1px solid #ffffff; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
#lnb li ul li a { padding:6px 5px 6px 10px; width:139px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; }

#lnb2 { border-top:1px solid #FFFFFF; padding:4px 5px; overflow:hidden;}
#lnb2 li { padding-bottom:4px; list-style:none; float:left; font-size:10px; border-left:1px solid #99cccc;}
#lnb2 li a { padding:8px 5px; border:0px solid #e8e8e8; background:url(../images/default/bgLnbOff.gif) repeat-x; color:#3e3e3e; z-index:98; text-decoration:none;}
#lnb2 li a:hover,
#lnb2 li a:focus { color:#ffffff; background:#99cccc; border:1px solid #99cccc;}
#lnb2 li.on a { color:#ffffff; background:#669999; border:1px solid #669999;z-index:98;}
#lnb2 li.on a:hover,
#lnb2 li.on a:focus { font-weight:bold;}
#lnb2 li ul { float:left; padding:0 3px; overflow:hidden;display:block;z-index:98;}
#lnb2 li.on ul { }
#lnb2 li ul li {  display:block;padding:0; border-top:1px solid #f2f2f2; position:relative; z-index:99;border:1px solid #de0000; }
#lnb2 li ul li a { display:block;padding:8px 5px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb2 li ul li a:hover,
#lnb2 li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb2 li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/default/bulletLnb.gif) no-repeat 175px center  !important;}

/* Site Layout - Column Right */
#columnRight { width:570px; float:right; overflow:hidden;}
#visualArea { width:570px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}

/* Site Layout - Footer */

#footer { width:880px;margin:0; padding:0; background:url(./images/bg_bottom_12-21-2008.gif) no-repeat top left; text-align:center; padding:1em 0 2em; clear:both;}

/*#footer { margin:8 0 0 0; border-top:1px solid #EDEDED;padding:0; text-align:center; padding:1em 0 2em; clear:both;}*/
#footer li { display:inline; padding:0 .6em 0 1em; background:url(./img/common/vrType1.gif) no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { color:#999999; font:.9em Tahoma, "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li address { display:inline; }

/* Default Skin - End */

td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; }

img {border:0px;}

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; cursor: pointer; }

.gray {text-align:left; margin:0 1; padding-top:4px;color:#666666;}
.gray a:link, a:visited, a:active { text-decoration:none; color:#666666; }
.gray a:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; }

.ed { border:1px solid #CCCCCC; }
.tx { border:1px solid #CCCCCC; }
/* button
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 1em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.small {
	font-size: 11px;
	padding: .2em 0.6em .275em;
}
 /* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

.cloudy, a.cloudy {color:#888888;} /* 흐림 */

.menu1 a:link { color:#FFFFFF; text-decoration:none}
.menu1 a:hover {color : #FFF00; text-decoration:underline}
.menu1 a:visited { color:#FFFFFF; text-decoration:none}

.menu2 a:link { color:#777788; text-decoration:none}
.menu2 a:hover {color : #787878; text-decoration:underline}
.menu2 a:visited { color:#777788; text-decoration:none}

.postit {
	/*position:				absolute; top:6px; right:0px;
	width: 					420px;
	height: 				39px;*/
	font-size: 				14px;
	font-weight:			600;
	background-image: 		url(images/notepad.jpg) ;
	background-repeat:no-repat;
	-moz-border-radius: 	0px;
	-webkit-border-radius:	0px;
	opacity: 				.90;
	/*filter: 				alpha(opacity = 90);*/
	padding-left: 				50px;
	overflow: 				hidden;
	color: 					#000000;
	line-height:20px;
	z-index: 100;
}
.postit a:link, .postit a:visited, .postit a:hover, .postit a:active {
	text-decoration:none;
	font-size: 				14px;
	font-weight:			600;
	color: 					#000000;
	line-height:20px;

}