@charset "utf-8";
/* layout for Xpress Engine. Layout Design by Ansi */


/* structures */
#layoutWraps { 
	position:relative; 
	clear:both; 
	*zoom:1; 
	width:100%; 
	margin:0; 
	padding:0;	
}

#header { 
	width:1000px; 
	height:134px; 
	*zoom:1; 
	margin:0 auto; 
	/*background:url(../images/headerBG.gif) no-repeat;*/
	z-index:100;
}

#header .tree_img {
	width:152px;
	height:88px;
	left:0; top:0;
}

#bodyWrap { 
	width:1000px; 
	*zoom:1; 
	margin:0 auto; 
	padding:10px 0 0 0;
	background:url(../images/bodyBG.gif) no-repeat left bottom;
}
#bodyWrap:after{ content:""; display:block; clear:both;}

#footer { 
	position:relative; 
	clear:both; 
	*zoom:1; 
	width:100%; 
	height:100px; 
	margin-top:20px;
	padding-top:1px; 
	background:url(../images/footerBG.gif) repeat-x top left;
}

/* structures */


/* header */

#header .logo {
	width:182px;
	height:88px;
}

#header .GnbWrap { 
	width:100%;
	height:46px;
	background:url(../images/gnb_BG.gif);
}

#header .SearchWrap {
	width:315px;
	height:23px;
	border:2px solid #7a9801;
	top:45px;
	right:0px;
}

#header .SearchWrap .serach_body input.inText {
	width:278px;
	height:21px;
	line-height:21px;
	border:none;
	*border:1px solid #fff;
	*height:19px;
	*line-height:19px;
	color:#999;
	text-indent:5px;
}

#header .SearchWrap .serach_body .butwrap {
	width:34px;
	right:-37px;
	top:0px;
	*right:-33px;
}

/* header */

/* bodyWrap */

#bodyWrap .CommonLeftWrap {
	width:220px;
}

#bodyWrap .ContentsWrap {
	width:770px;
}

#bodyWrap .ContentsWrap h2.page_title {	
	width:100%;
	height:34px; 
	line-height:34px; 
	margin:0 0 10px 0; 
	padding:5px 0; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	text-indent:10px;
	border:1px solid #ccc;
	color:#4e6f1e;
}

/* bodyWrap */

#footer .copyright {
	width:1000px;
	height:100px;
	background:url(../images/copyright.gif) no-repeat left top;
}


/* login Window */
.loginWindow{ display:block; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;}
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.85; filter:alpha(opacity:85);}
.loginWindow .loginLayer{ position:absolute; width:289px; top:120px; left:50%; padding:30px; border:2px solid #737373; margin:0 0 0 -175px; background:#fff;}
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 29px 0;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block;}
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dl label { margin-top:-20px;}
.loginWindow .loginLayer dt{ font-size:12px; font-weight:bold; color:#868d95; margin:0 0 2px 0;}
.loginWindow .loginLayer dd{ margin:0 0 21px 0;}
.loginWindow .loginLayer .inputText{ width:269px; height:31px; padding:6px 9px 0 9px; border:1px solid #ddd; font:20px Tahoma; color:#333;}
.loginWindow .loginLayer .inputText:focus{ background-color:#fbfbfb;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer.loginTypeA .inputText{ background-image:url(../images/bgLoginText.gif)undefined; background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../images/bgOpenidText.gif)undefined; background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px;}
.loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;}
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#000; font-size:12px; font-weight:bold; display:inline-block; height:36px; line-height:36px; background-color:transparent; background-image:url(../images/buttonLoginAction.gif)undefined; background-repeat:no-repeat; overflow:visible;}
.loginWindow .loginLayer .loginButton{ float:right; background-position:0 0; right:11px;}
.loginWindow .loginLayer .loginButton input{ left:11px; background-position:right 0; padding:0 30px 0 45px; cursor:pointer;}
.loginWindow .loginLayer .help{ margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center; background:#fafafa; border-top:1px solid #f2f2f2;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../images/buttonCloseX.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}