/*
 * @title		공통 스타일
 * @author		임계현
 * @date		2012. 02.22
 * @update		수정날짜(수정자)
 * @description	웹표준화를 위한 스타일 정의
 */
@import url(/_css/font.css);

*												/* 모든 요소의 공통 스타일 적용 */
{
	padding:			0px;
	margin:				0px ;
}

* html											/* 높이를 Default */
{
	height:				1px;
}

html											/* IE Flicker Bug Fix */
{
	color:				#5A5A5A;
	font-family:		NanumGothic;
	font-size:			12px;
	line-height:		140%;
	filter:				expression(document.execCommand('BackgroundImageCache', false, true));
	scrollbar-face-color:	#E9E9E9;
	scrollbar-highlight-color:#F5F5F5;
	scrollbar-3dlight-color:#B7B7B7;
	scrollbar-darkshadow-color:#CCC;
	scrollbar-shadow-color:	#B7B7B7;
	scrollbar-track-color:	#E9E9E9;
	scrollbar-arrow-color:	#999;
}



table
{
	color:				#5A5A5A;
	font-family:		돋움, dotum;
	font-size:			12px;
	line-height:		140%;
}

ul, dl											/* ul, dl를 레이아웃으로 사용하기 위해 */
{
	list-style:			none;
}

ul.g_sideway
{}
	ul.g_sideway li
	{
		float:				left;
	}
	ul li.g_first
	{
		margin-left:		0px;
		padding-left:		0px;
		background-image:	none;
	}
img
{
	
	border:		0px;
}
a
{
	color:				#5A5A5A;
	text-decoration:	none;
}

/* ▼ 폼 관련 */
form											/* 폼의 margin 제거 */
{
	display:			inline;
	margin:				0px;
	padding:			0px;
}
input
{
	border:				1px solid #CCC;
}
	input.g_text,
	input.g_password							/* input의 브라우저별 크기 및 규격이 다르기 때문에 모두 다르게 설정 */
	{
		width:				84px;
		_width:				90px;
		height:				15px;				/* IE 외 브라우저 */
		*height:			14px;
		_height:			18px;				/* IE6이하 브라우저 */
		padding-top:		2px;
		padding-left:		3px;
		padding-right:		3px;
		color:				#444;
		font-size:			12px;
		line-height:		14px;
	}
	input.g_radio,
	input.g_checkbox
	{
		border:				0px;
	}
	input.g_radio								/* 라디오,체크박스의 기본 여백을 제거 */
	{
		margin:				-2px 2px -2px 0px;
		*margin:			-2px 0px -2px -2px;
		vertical-align:		middle;
	}
	input.g_checkbox
	{
		margin:				-2px 2px -2px 0px;
		*margin:			-2px 0px -2px -2px;
		vertical-align:		middle;
	}
	input.g_button
	{
		padding-top:		2px;
		border:				1px solid #CCC;
		background-color:	#FFF;
		text-align:			center;
		color:				#666;
		font-weight:		bold;
		cursor:				pointer;
	}
select
{
	font-size:			11px;
}
textarea
{
	border:				1px solid #CCCCCC;
	color:				#666;
	font-size:			11px;
}
img.g_button
{
	cursor:			pointer;
}
/* ▲ 폼 관련 */




/* ▼ 레이아웃 형태 */
.g_no											/* 공백보다 작은 높이의 이미지가 들어가는 경우 설정 */
{
	line-height:		0px;
	font-size:			0px;
	_font-size:			1px;
}
.g_hidden										/* Element를 Default로 보이지 않도록 할때 */
{
	display:			none;
}
/* ▲ 레이아웃 형태 */




/* ▼ 폰트,컬러 관련 */
.g_small
{
	font-size:			11px;
	letter-spacing:		-1px;
}
.g_sky		{ color: #255CB4 }
.g_blue		{ color: #0623AB }
.g_red		{ color: #ED0000 }
.g_orange	{ color: #FA4C00 }
.g_cobalt	{ color: #0188B5 }
.g_pink		{ color: #D93A80 }
.g_violet	{ color: #67399C }
.g_pur		{ color: #4652CE }
.g_bluish	{ color: #34B2D5 }
/* ▲ 폰트,컬러 관련 */





	/* ▼ 리스트형식 */
	.g_list
	{}
		.g_list li
		{
			margin-left:		5px;
			padding-left:		7px;
			background:			url('/images/icon/dot.gif') no-repeat 0% 7px;
		}
	/* ▲ 리스트형식 */



	/* ▼ 기본탭 */
	.g_tab
	{
		position:			relative;
		top:				2px;
		*top:				4px;
		*margin-top:		-4px;
	}
		.g_tab li
		{
			float:				left;
			margin-left:		2px;
		}
		.g_tab li.first
		{
			margin-left:		0px;
		}
			.g_tab li img
			{
				vertical-align:		top;
			}
	/* ▲ 기본탭 */

	/* ▼ 페이징 */
	.g_paging
	{
		display:			inline;
	}
		.g_paging li
		{
			display:			inline;
			margin-left:		5px;
			padding-left:		10px;
			background:			url('/images/icon/tbl_line_gray2.gif') no-repeat 0% 40%;
		}
		.g_paging li.first,
		.g_paging li.prev,
		.g_paging li.next,
		.g_paging li.continue,
		.g_paging li.last
		{
			margin:				0px;
			padding:			0px;
			background:			none;
		}
		.g_paging li.start,
		.g_paging li.alone
		{
			margin-left:		0px;
			padding-left:		5px;
			background:			none;
		}
		.g_paging li.end
		{
			padding-right:		5px;
		}
		.g_paging li.alone
		{
			margin-right:		5px;
			background:			none;
		}
			.g_paging li a
			{
				font-family:			굴림체;
				font-size:				13px;
			}
			.g_paging li img
			{
				margin-top:				-3px;
				*margin-top:			-1px;
				vertical-align:			middle;
			}
	/* ▲ 페이징 */

	/* ▼ Selectbox */
	.g_selectbox
	{
		width:				50px;
		height:				18px;
		_height:			20px;
		border:				1px solid #BABABA;
		background-color:	#FFF;
	}

		.g_selectbox .value
		{
			display:			inline;
			float:				left;
			margin-top:			3px;
			margin-left:		2px;
			color:				#000;
			line-height:		14px;
			cursor:				default;
		}
		.g_selectbox_input
		{
			float:				left;
			height:				13px;
			*height:			13px;
			_height:			18px;
			padding-top:		4px;
			border:				0px;
			font-size:			12px;
			line-height:		100%;
		}
		.g_selectbox .open
		{
			display:			inline;
			float:				right;
			width:				15px;
			height:				14px;
			margin-top:			2px;
			margin-right:		2px;
			margin-left:		3px;
			background:			url('/images/icon/arrow_up_gray.gif') no-repeat 0% 0%;
			cursor:				pointer;
		}
		.g_selectbox .close
		{
			display:			inline;
			float:				right;
			width:				15px;
			height:				14px;
			margin-top:			2px;
			margin-right:		2px;
			margin-left:		3px;
			background:			url('/images/icon/arrow_dn_gray.gif') no-repeat 0% 0%;
			cursor:				pointer;
		}
		.g_selectbox_list,
		.g_selectbox_list2
		{
			position:			absolute;
			width:				33px;
			top:				0px;
			left:				0px;
			padding-top:		3px;
			padding-bottom:		3px;
			border:				1px solid #BABABA;
			border-bottom:		2px solid #BABABA;
			border-top:			0px;
			background-color:	#FFF;
			overflow:			auto;
			z-index:			51;
		}
		.g_selectbox_list2
		{
			border-top:			2px solid #BABABA;
			border-bottom:		0px;
		}
			.g_selectbox_list div,
			.g_selectbox_list2 div
			{
				height:				18px;
				_height:			21px;
				padding-top:		3px;
				padding-left:		5px;
				background-color:	#FFF;
				color:				#000;
				cursor:				pointer;
			}
			.g_selectbox_list div.select,
			.g_selectbox_list2 div.select
			{
				background-color:	#EEE;
			}
	/* ▲ Selectbox */



/* ▲ 스타일그룹 */


/* ▼ 레이아웃 배치 */
.g_left			{ float: left }
.g_clear_left	{ clear: both; float: left }
.g_right		{ float: right }
.g_clear_right	{ clear: both; float: right }
.g_clear		{ clear: both }
.g_center							/* 레이어 가운데로 정렬 : 너비가 정확해야함, margin-left를 너비의 1/2만큼 음수로 주어야함 */
{
	position:			relative;
	left:				50%;
}
.g_free
{
	position:			absolute;
	left:				50%;
	top:				50%;
	z-index:			99;
}
.g_finish
{
	display:			absolute;
	clear:				both;
	height:				0px;
	margin-top:			-1px;
	font-size:			1px;
	line-height:		0%;
}
/* ▲ 레이아웃 배치 */