/*--- login ---*/
body {
	background-color: #b7cce4;
	margin-left: 0px;
	margin-top: 150px;
	margin-right: 0px;
	margin-bottom: 150px;
}

#wrap_login {
	position:relative;
	width:100%;margin:0;
	background-image:url(/img/bg_line2.jpg) ;background-repeat: repeat-x;width:100%;height:700px;overflow:hidden;
}

 #outline_login {
 	position: absolute;
  top:105px;
  left: 50%;
  margin: 0px 0 0 -360px; /* DIV¹Ú½º Å©±âÀÇ 1/2·Î ¸¶ÁøÀ» Àâ¾ÆÁÝ´Ï´Ù. */
	width:682px;
	height:430px;
	background-image:url(/img/login.jpg);
}




#logo_syno {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:84px;
	text-align:left;
}
#title_login {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:102px;
}
#shadow_login {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:17px;
	text-align:right;
}


#foot_login {
	position:relative;
	left:0px;
	top:16px;
	width:100%;
	
	text-align:right;
	font-family:Arial;
	font-size:11px;
	color:#4976ad;
}


.form{
	width:127px;
	height:45px;
	float:left;background: /*  background: #fffae8; */
}

.btn{
	width:70px;
	height:45px;
	float:right;
	margin-left:8px;
	margin-top:1px;
}

.input01 {
	border:1px solid #a5a59b; 
	background:#ffffff; 
	font:12px Arial; 
	color:#666666;
	width:120px;
	height:15px;
}


/*--- main ---*/

#wrap {
	width:100%;
	height:100%;
}



#top {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:238px;
}
#mainMenu {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:56px;
	background-color:#d8e4f2;
	overflow:hidden;
}
.logo{
	width:234px;
	height:56px;
	float:left;
}
.mMenu{
	width:542px;
	height:56px;
	float:left;
}
.sMenu{
	width:199px;
	height:56px;
	float:right;
	background-image:url(../img/sMenu_bg.gif);
}
#user {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:30px;
	overflow:hidden;
}
.user_name{
	width:500px;
	height:30px;
	float:left;

	font-family:Arial;
	font-size:11px;
	color:#4976ad;
}
.user_shadow{
	width:199px;
	height:30px;
	float:right;
}
#visual{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:152px;
	background-image:url(../img/visual_bg.gif);
	background-repeat: repeat-x ;
	overflow:hidden;
}
.visual_left{
	float:left;
}
.visual_right{
	float:right;
}
.visual_bottom{
	clear:both;
	left:0px;
	top:0px;
	width:100%;
	text-align:right;
}



#contents {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:300px;
}
.map_menu{
	width:234px;
	height:284px;
	float:left;
}
.map{
	width:741px;
	height:368px;
	float:left;
	text-align:right;
}


#bottom {
	position:relative;
	left:0px;
	bottom:0px;
	width:100%;
	height:116px;
	margin-top:50px;
}
.bottom_logo{
	width:234px;
	height:106px;
	float:left;
}
.copyright{
	width:542px;
	height:106px;
	float:left;
	
	font-family:Arial;
	font-size:11px;
	color:#4976ad;
	line-height:20px;
	vertical-align:middle;
	padding-top:33px;
	padding-left:24px;
}
.bottom_hline{
	clear:both;
	width:100%;
	height:6px;
	background-image:url(../img/bottom_hline.gif);
}


	


.input_login {border:1px solid #a5a59b; margin:2px 2px 2px 2px;width:120px;height:15px;}
.input_login_focus {border:3px solid #479ee2; margin:0px 0px 0px 0px;width:120px;height:15px;}