/*========================================================================
	레이어 스타일
========================================================================*/
/*== short type ==*/
.GRPMASSAGEBOX{
	background-color:#FFFFFF;
	width:325px;
	padding:0 0 10px 0;
	background:url(images/layer_body.gif) no-repeat left bottom;
}

	.GRPMASSAGEBOX div{
	}
		.GRPMASSAGEBOX div.GRP_close{
			display:block;
			width:100%;
			height:40px;
			background:url(images/layer_head.gif) no-repeat left top;
		}
		.GRPMASSAGEBOX div.GRP_close input{
			display:block;
			float:right;
			width:25px;
			height:19px;
			border:none;
			text-indent:-5000px;
			margin:10px 10px 0 0;
			cursor:pointer;
			background:url(button/btn_layer_close.gif) no-repeat left top;
		}
	.GRPMASSAGEBOX .GRPMASSAGE{
		width:315px;
		padding:5px;
	}
		.GRPMASSAGEBOX .GRPMASSAGE .LAYER_HEADLINE{
			width:200px;
			height:40px;
			margin:-35px 0 0 0;
			font-size:14px;
			font-weight:bold;
			text-indent:20px;
			color:#282828;
			position:relative;
		}
		.GRPMASSAGEBOX .GRPMASSAGE h3{
			font-size:12px;
			margin:10px 0 5px 0;
			text-indent:5px;
			color:#212121;
			border-left:solid 2px #CCCCCC;
		}
		.GRPMASSAGEBOX .GRPMASSAGE p.help{
			width:305px;
			padding:3px;
			border:solid 1px #DADADA;
			background-color:#F3F2F2;
			margin:5px 0 5px 0;
			line-height:15px;
		}

			.GRPMASSAGEBOX .GRPMASSAGE form{
			}
				.GRPMASSAGEBOX .GRPMASSAGE form .submit{
					height:25px;
				}
					.GRPMASSAGEBOX .GRPMASSAGE form .submit a{
						float:right;
						margin:0 2px 0 2px;
					}
					.GRPMASSAGEBOX .GRPMASSAGE form .submit input{
						float:right;
						margin:0 2px 0 2px;
					}

/*== middle type ==*/
.GRPMASSAGEBOX_M{
	background-color:#FFFFFF;
	width:465px;
	padding:0 0 10px 0;
	background:url(images/layer_body_m.gif) no-repeat left bottom;
}

	.GRPMASSAGEBOX_M div{
	}
		.GRPMASSAGEBOX_M div.GRP_close{
			display:block;
			width:100%;
			height:40px;
			background:url(images/layer_head_m.gif) no-repeat left top;
		}
		.GRPMASSAGEBOX_M div.GRP_close input{
			display:block;
			float:right;
			width:25px;
			height:19px;
			border:none;
			text-indent:-5000px;
			margin:10px 10px 0 0;
			cursor:pointer;
			background:url(button/btn_layer_close.gif) no-repeat left top;
		}
	.GRPMASSAGEBOX_M .GRPMASSAGE{
		width:455px;
		padding:5px;
	}
		.GRPMASSAGEBOX_M .GRPMASSAGE .LAYER_HEADLINE{
			width:200px;
			height:40px;
			margin:-35px 0 0 0;
			font-size:14px;
			font-weight:bold;
			text-indent:20px;
			color:#282828;
			position:relative;
		}
		.GRPMASSAGEBOX_M .GRPMASSAGE h3{
			font-size:12px;
			margin:10px 0 5px 0;
			text-indent:5px;
			color:#212121;
			border-left:solid 2px #CCCCCC;
		}
		.GRPMASSAGEBOX_M .GRPMASSAGE p.help{
			width:445px;
			padding:3px;
			border:solid 1px #DADADA;
			background-color:#F3F2F2;
			margin:5px 0 5px 0;
			line-height:15px;
		}
			.GRPMASSAGEBOX_M .GRPMASSAGE form{
			}
				.GRPMASSAGEBOX_M .GRPMASSAGE form .submit{
					margin:10px 0 0 0;
					width:445px;
					height:25px;
				}
					.GRPMASSAGEBOX_M .GRPMASSAGE form .submit a{
						float:right;
						margin:0 2px 0 2px;
					}
					.GRPMASSAGEBOX_M .GRPMASSAGE form .submit input{
						float:right;
						margin:0 2px 0 2px;
					}


/*== big type ==*/
.GRPMASSAGEBOX_B{
	background-color:#FFFFFF;
	width:640px;
	padding:0 0 10px 0;
	background:url(images/layer_body_b.gif) no-repeat left bottom;
}

	.GRPMASSAGEBOX_B div{
	}
		.GRPMASSAGEBOX_B div.GRP_close{
			display:block;
			width:100%;
			height:40px;
			background:url(images/layer_head_b.gif) no-repeat left top;
		}
		.GRPMASSAGEBOX_B div.GRP_close input{
			display:block;
			float:right;
			width:25px;
			height:19px;
			border:none;
			text-indent:-5000px;
			margin:10px 10px 0 0;
			cursor:pointer;
			background:url(button/btn_layer_close.gif) no-repeat left top;
		}
	.GRPMASSAGEBOX_B .GRPMASSAGE{
		width:630px;
		padding:5px;
	}
		.GRPMASSAGEBOX_B .GRPMASSAGE .LAYER_HEADLINE{
			position:relative;
			width:200px;
			height:40px;
			margin:-35px 0 0 0;
			font-size:14px;
			font-weight:bold;
			text-indent:20px;
			color:#282828;
		}
		.GRPMASSAGEBOX_B .GRPMASSAGE h3{
			font-size:12px;
			margin:10px 0 5px 0;
			text-indent:5px;
			color:#212121;
			border-left:solid 2px #CCCCCC;
		}
		.GRPMASSAGEBOX_B .GRPMASSAGE p.help{
			width:620px;
			padding:3px;
			border:solid 1px #DADADA;
			background-color:#F3F2F2;
			margin:5px 0 5px 0;
			line-height:15px;
		}
			.GRPMASSAGEBOX_B .GRPMASSAGE form{
			}
				.GRPMASSAGEBOX_B .GRPMASSAGE form .submit{
					margin:10px 0 0 0;
					width:620px;
					height:25px;
				}
					.GRPMASSAGEBOX_B .GRPMASSAGE form .submit a{
						float:right;
						margin:0 2px 0 2px;
					}
					.GRPMASSAGEBOX_B .GRPMASSAGE form .submit input{
						float:right;
						margin:0 2px 0 2px;
					}

/* 대상 레이어 */

.TARGET_LAYER{
	display:none;
	background-color:#FFFFFF;
	width:325px;
	padding:0 0 10px 0;
	background:url(images/layer_body.gif) no-repeat left bottom;
}

	.TARGET_LAYER div{
	}
		.TARGET_LAYER div.GRP_close{
			display:block;
			width:100%;
			height:40px;
			background:url(images/layer_head.gif) no-repeat left top;
			margin:0;
		}
			.TARGET_LAYER div.GRP_close input{
				display:block;
				float:right;
				width:25px;
				height:19px;
				border:none;
				text-indent:-5000px;
				margin:10px 10px 0 0;
				cursor:pointer;
				background:url(button/btn_layer_close.gif) no-repeat left top;
			}
			.TARGET_LAYER div.GRP_close h2{
				float:left;
			}
	.TARGET_LAYER .MASSAGE{
		width:315px;
		padding:5px;
		margin:0;
	}
		.TARGET_LAYER .MASSAGE .LAYER_HEADLINE{
			position:relative;
			width:200px;
			height:35px;
			margin:-35px 0 0 0;
			font-size:14px;
			font-weight:bold;
			text-indent:20px;
			color:#282828;
			text-align:left;
		}

/*== 게시판 레이어 ==*/
.GRPARTICLEBOX{
	width:630px;
	background:url(images/article_bg.gif) repeat-y left top;
	padding:0 0 10px 0;
}

	.GRPARTICLEBOX div{
	}
		.GRPARTICLEBOX div.GRP_close{
			width:100%;
			height:49px;
			background:url(images/article_headline.gif) no-repeat left top;
		}
		.GRPARTICLEBOX div.GRP_close input{
			cursor:pointer;
			display:block;
			float:right;
			margin:18px 10px 0 0;
			width:52px;
			height:16px;
			background:url(button/btn_article_close.gif) no-repeat left top;
			border:none;
			text-indent:-5000px;
		}
	.GRPARTICLEBOX #GRPARTICLE{
		margin:0 0 0 10px;
		width:600px;
		padding:5px;
		background-color:#FFFFFF;
		border:solid 1px #E7E3DB;
	}
		.GRPARTICLEBOX #GRPARTICLE .LAYER_HEADLINE{
			position:relative;
			width:500px;
			height:40px;
			margin:-50px 0 10px 0;
			font-size:20px;
			font-weight:bold;
		}
			.GRPARTICLEBOX #GRPARTICLE .LAYER_HEADLINE span{ 
				float:left;
				display:block;
			}
			.GRPARTICLEBOX #GRPARTICLE .LAYER_HEADLINE span.navigate{ 
				font-size:12px;
				color:#636870; 
				margin:17px 0 0 0;
				width:140px;
			}
			.GRPARTICLEBOX #GRPARTICLE .LAYER_HEADLINE span.title{ 
				margin:10px 0 0 0;
				font-size:20px; 
				width:300px;
				height:20px;
				text-align:center;
				color:#363636;
			}

/*======== 레이어내 테이블 스타일 ================*/
.LAYER_TABLE{
	clear:both;
	width:100%;
	border-top:solid 1px #E6E6E6;
	border-left:solid 1px #E6E6E6;
}
	.LAYER_TABLE thead{
	}
		.LAYER_TABLE thead tr{
		}
			.LAYER_TABLE thead tr th{
				background-color:#F4F2F2;
				border-bottom:solid 1px #E6E6E6;
				border-right:solid 1px #E6E6E6;
				height:20px;
			}

	.LAYER_TABLE tbody{
	}
		.LAYER_TABLE tbody tr{
		}
			.LAYER_TABLE tbody tr th{
				width:100px;
				height:20px;
				text-align:right;
				padding:3px;
				border-right:solid 1px #E6E6E6;
				border-bottom:solid 1px #E6E6E6;
				background-color:#F4F2F2;
				color:#595959;
			}
			.LAYER_TABLE tbody tr td{
				height:20px;
				padding:3px;
				border-right:solid 1px #E6E6E6;
				border-bottom:solid 1px #E6E6E6;
			}
				.LAYER_TABLE tbody tr td p{
					margin:5px 0 5px 0;
					color:#B4B4B4;
				}

.LAYER_TABLE_A{
	width:100%;
	border-top:solid 1px #E6E6E6;
	border-left:solid 1px #E6E6E6;
}
	.LAYER_TABLE_A thead{
	}
		.LAYER_TABLE_A thead tr{
		}
			.LAYER_TABLE_A thead tr th{
				background-color:#F4F2F2;
				border-bottom:solid 1px #E6E6E6;
				border-right:solid 1px #E6E6E6;
				height:20px;
			}

	.LAYER_TABLE_A tbody{
	}
		.LAYER_TABLE_A tbody tr{
		}
			.LAYER_TABLE_A tbody tr th{
				height:20px;
				text-align:right;
				padding:3px;
				border-right:solid 1px #E6E6E6;
				border-bottom:solid 1px #E6E6E6;
				background-color:#F4F2F2;
				color:#595959;
			}
			.LAYER_TABLE_A tbody tr td{
				height:20px;
				padding:3px;
				border-right:solid 1px #E6E6E6;
				border-bottom:solid 1px #E6E6E6;
			}
				.LAYER_TABLE_A tbody tr td p{
					margin:5px 0 5px 0;
					color:#B4B4B4;
				}

/*======== 레이어내 form 스타일 ================*/

.LAYER_FORM{
}
	.LAYER_FORM .submit{
		margin:10px 0 0 0;
		height:25px;
	}
		.LAYER_FORM .submit a{
			float:right;
			margin:0 2px 0 2px;
		}
		.LAYER_FORM .submit input{
			float:right;
			margin:0 2px 0 2px;
		}
