/*
 * @title		STYLE
 * @author		김보람
 * @date		2011.12.29
 * @update		수정날짜(수정자)
 * @description
 */

/* ▼ 폰트,컬러 관련 */
.g_black1 	{ color: #2F2F2F; }
.g_black1_b 	{ color: #2F2F2F; font-weight: bold; }
.g_black1_11 	{ font-size: 11px; color: #2F2F2F; }
.g_black1_11b { font-size: 11px; color: #2F2F2F; font-weight: bold; }

.g_black2 	{ color: #5B5B5B; }
.g_black2_b 	{ color: #5B5B5B; font-weight: bold; }
.g_black2_11 	{ font-size: 11px; color: #5B5B5B; }
.g_black2_11b 	{ font-size: 11px; color: #5B5B5B; font-weight: bold; }

.g_black3 	{ color: #767676; }
.g_black3_b { color: #767676; font-weight: bold; }
.g_black3_11 	{ font-size: 11px; color: #767676; }
.g_black3_11b 	{ font-size: 11px; color: #767676; font-weight: bold; }

.g_black4 	{ color: #808080; }
.g_black4_b { color: #808080; font-weight: bold; }
.g_black4_11 	{ font-size: 11px; color: #808080; }
.g_black4_11b 	{ font-size: 11px; color: #808080; font-weight: bold; }

.g_black5_11 	{ color: #6E9CE1; }
.g_black5_11b { color: #6E9CE1; font-weight: bold; }

.g_black6 { color: #BDBDBD; }

.g_red1 	{ color: #ED1C24; }
.g_red1_b 	{ color: #ED1C24; font-weight: bold; }
.g_red1_11 	{ font-size: 11px; color: #ED1C24; }
.g_red1_11b 	{ font-size: 11px; color: #ED1C24; font-weight: bold; }

.g_blue1 	{ color: #245BB8; }
.g_blue1_b 	{ color: #245BB8; font-weight: bold; }
.g_blue1_11 	{ font-size: 11px; color: #245BB8; }
.g_blue1_11b 	{ font-size: 11px; color: #245BB8; font-weight: bold; }

.g_blue2		{ color: #6E9CE1; }
.g_blue2_b		{ color: #6E9CE1; font-weight: bold; }
.g_blue2_11		{ font-size: 11px; color: #6E9CE1; }
.g_blue2_11b	{ font-size: 11px; color: #6E9CE1; font-weight: bold; }

.g_org1 	{ color: #F26522; }
.g_org1_b { color: #F26522; font-weight: bold; }
.g_org1_11 	{ font-size: 11px; color: #F26522; }
.g_org1_11b { font-size: 11px; color: #F26522; font-weight: bold; }

.g_green1 	{ color: #197B30; }
.g_green1_b { color: #197B30; font-weight: bold; }
.g_green1_11 	{ font-size: 11px; color: #197B30; }
.g_green1_11b { font-size: 11px; color: #197B30; font-weight: bold; }

.g_white1 	{ color: #FFF; }
.g_white1_b { color: #FFF; font-weight: bold; }
.g_white1_11 	{ font-size: 11px; color: #FFF; }
.g_white1_11b { font-size: 11px; color: #FFF; font-weight: bold; }
/* ▲ 폰트,컬러 관련 */

/* ▼ 박스 */
.g_btn_gray1,
.g_btn_gray2,
.g_btn_gray3,
.g_btn_gray4,
.g_btn_white1,
.g_btn_white2,
.g_btn_blue1,
.g_btn_blue2,
.g_btn_green1,
.g_btn_org1,
.g_btn_gb1,
.g_btn_red1 {
	border: 			1px solid #636363;
	padding:			4px 4px 2px 4px;
	text-align:			center;
	background-color: 	#767676;
	font:				normal 11px 돋움, dotum;
}
.g_btn_gray1 { font-size:11px; color: #FFF; }
.g_btn_gray2 { background-color: #ECECEC; border-color: #C9C9C9; }
.g_btn_gray3 { background-color: #FAFAFA; border-color: #E4E4E4; }
.g_btn_gray4 { background-color: #F7F7F7; border-color: #B3B3B3; }
.g_btn_white1 { background-color: #FFF; border-color: #ABABAB; }
.g_btn_white2 { background-color: #FFF; border-color: #C9C9C9; }
.g_btn_blue1 { background-color: #2687ED; border-color: #1E72E1; color: #FFF; }
.g_btn_blue2 { background-color: #6A90AD; border-color: #3E6A8B; color: #FFF; }
.g_btn_green1 { background-color: #259D1F; border-color: #11870B; color: #FFF; }
.g_btn_org1 { background-color: #DA4834; border-color: #b72613; color: #FFF; }
.g_btn_red1 { background-color: #E50000; border-color: #A80000; color: #FFF; }
.g_btn_gb1 {background-color: #4C7DA3; border-color: #2C5A7E; color: #FFF; }

.g_big_box1,
.g_notice_box1 {
	background-color:	#F7F7F7;
	border:				1px solid #D7D7D7;
	font-size:			11px;
}
.g_big_box1 {
	padding:			15px 10px;
	color:				#5B5B5B;
}
.g_notice_box1 {
	padding:			18px 15px;
	color:				#767676;
}
/* ▲ 박스 */

/* ▼ 버튼 */
.g_btn {
	margin-top:		45px;
	text-align:		center;
}
	.g_btn img {
		cursor:			pointer;
	}
	.g_btn input.first,
	.g_btn img.first {
		margin-right:	15px;
	}
/* ▲ 버튼 */

/* ▼ 타이틀 */
.g_title,
.g_title_green,
.g_title_blue {
	height:				25px;
	padding-top:		5px;
}
.g_title_green { border-bottom:		2px solid #249E1E; }
.g_title_blue { border-bottom:		2px solid #407FD4; }

.g_subtitle,
.g_subtitle_blue,
.g_subtitle_green {
	height:				24px;
	margin-top:			21px;
	color:				#2F2F2F;
	font-weight:		bold;
}

.g_subtitle_blue {
	padding-left:		21px;
	background:			url("//img1.itemmania.com/images/icon/icon_titles_blue.gif") no-repeat 0 2px;
}

.g_subtitle_green {
	padding-left:		21px;
	background:			url("//img1.itemmania.com/images/icon/icon_titles_green.gif") no-repeat 0 2px;
}

.g_gray_border {
	border-bottom:		2px solid #D3D6DB;
}
.g_notice {
	height:				24px;
	margin-top:			21px;
	color:				#5B5B5B;
	font-weight:		bold;
	padding-left:		21px;
	background:			url("//img1.itemmania.com/images/icon/img_notice.gif") no-repeat 0 2px;
}
/* ▲ 타이틀 */

/* ▼ SELECT BOX */
.g_selectbox {
	float:				left;
	height:				18px;
	border:				1px solid #D7D7D7;
	font-size:			11px;
	text-align:			left;
	background-color:	#FFF;
}
	.g_selectbox .arrow_img {
		float:			right;
		margin:			2px 3px 0px 5px;
		width:			15px;
		height:			14px;
		background:		url('//img1.itemmania.com/images/icon/arrow_dn_gray.gif') no-repeat 0% 0%;
		cursor:			pointer;
	}

	.g_selectbox input.g_search_input {
		float:			left;
		padding-left:	5px;
		height:			18px;
		font-size:		11px;
		color:			#767676;
		border:			0px;
	}
	.g_selectbox .value {
		float:			left;
		margin:			2px 0px 0px 5px;
		cursor:			pointer;
		color:			#767676;
		height:			18px;
	}

	.g_selectbox .arrow {
		float:				right;
		width:				20px;
		font-size:			14px;
		cursor:				pointer;
	}

.g_selectbox_list {
	position:				absolute;
	top:					0px;
	left:					0px;
	border:					1px solid #D7D7D7;
	border-top:				0px;
	overflow:				auto;
	font-size:				11px;
	background-color:		#FFF;
	z-index:				51;
}
	.g_selectbox_list div {
		overflow:			hidden;
		padding-left:		5px;
		cursor:				pointer;
		height:				20px;
		text-align:			left;
		background-color:	#FFF;
	}

	.g_selectbox_list .over {
		background-color:	#F5F5F5;
	}
	.g_selectbox_list .select {
		background-color:	#F5F5F5;
	}
/* ▲ SELECT BOX */

/* ▼ 기본탭 */
div.g_tab {
	clear:					both;
	float:					left;
	margin-top:				20px;
}
	div.g_tab div {
		position:				relative;
		float:					left;
		padding:				7px 0px;
		width:					138px;
		border-top:				1px solid #D2D2D2;
		border-left:			1px solid #D2D2D2;
		background-color:		#F4F4F4;
		text-align:				center;
		cursor:					pointer;
	}
	div.g_tab div.last {
		border-right:			1px solid #D2D2D2;
	}
	div.g_tab div.selected {
		font-weight:			bold;
		background-color:		#FFF;
		border:					2px solid #666;
		border-bottom:			none;
		z-index:				1;
	}
	div.g_tab div.none {
		float:					right;
		border-top:				1px solid #FFF;
		border-left:			1px solid #FFF;
		padding:				0px;
		background-color:		#FFF;
		text-align:				right;
	}
div.g_tab_line {
	clear:					both;
	position:				relative;
	top:					-2px;
	margin-bottom:			19px;
	width:					760px;
	height:					0px;
	border-top:				2px solid #666;
	z-index:				0;
}
/* ▲ 기본탭 */

/* ▼ UL STYLE */
ul.g_sideway li {
	float:				left;
}

ul.g_list li {
	padding-left:		7px;
	background:			url('//img1.itemmania.com/images/icon/icon_spot.gif') no-repeat 0% 7px;
}
ul.g_list li.list_non {
	background:			none;
}
/* ▲ UL STYLE */

/* ▼ 네비게이션 */
ul.g_path {
	float:			right;
	margin-top:		7px;
}
	ul.g_path li {
		float:				left;
		margin-right:		5px;
		padding-right:		10px;
		background:			url('//img1.itemmania.com/images/icon/arrow_history.gif') no-repeat 100% 40%;
		font-size:			11px;
		color:				#898989;
	}
	ul.g_path li.select {
		margin:				0px;
		padding:			0px;
		background:			none;
		font-weight:		bold;
	}
/* ▲ 네비게이션 */

/* ▼ 페이징 */
div.dvPaging {
	text-align:			center;
	margin-top:			15px;
}
.g_paging
{
	display:			inline;
}
	.g_paging li
	{
		display:			inline;
		margin-left:		5px;
		padding-left:		5px;
		background:			url('//img1.itemmania.com/images/icon/tbl_line_gray2.gif') no-repeat 0% 50%;
	}
	.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
	{
		margin-left:		5px;
		background:			none;
	}
	.g_paging li.end
	{
		margin-right:		10px;
	}
		.g_paging li img
		{
			margin-top:				-2px;
		}
/* ▲ 페이징 */

/* ▼ 풍선말 */
.g_balloons3 {
	position:			absolute;
	z-index:			50;
	display:			none;
}
.g_bal_square_blue,
.g_bal_square_green,
.g_bal_square_purple{
	position:			absolute;
	clear:				both;
	float:				left;
	padding:			15px 14px;
	background-color:	#FFF;
	font-size:			11px;
	color:				#767676;
}
.g_bal_square_blue {
	border:				2px solid #216ED7;
}
.g_bal_square_green {
	border:				2px solid #239E1F;
}
.g_bal_square_purple {
	border:				2px solid #c991ff;
}

.g_balloons
{
	position:			absolute;
}
.g_balloons .square
{
	background:			#FFF;
	border:				1px solid #618DC2;
	text-align:			center;
	font-size:			11px;
	position:			relative;
	letter-spacing:			-1px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#CDDBEB', Direction='130', Strength='2');
	z-index:			4;
}
.g_balloons .square .comment
{
	font-size:			11px;
	margin:				7px;
}
.g_balloons .bold
{
	font-weight:			bold;
}
.g_balloons .disable
{
	background:				url('//img1.itemmania.com/images/user/graph_03.gif') 0px 3px no-repeat;
	font-weight:			bold;
	color:					#FF2400;
	padding-left:			35px;
}
.g_balloons .low
{
	background:				url('//img1.itemmania.com/images/user/graph_01.gif') 0px 3px no-repeat;
	font-weight:			bold;
	color:					#FF6C00;
	padding-left:			35px;
}
.g_balloons .proper
{
	background:				url('//img1.itemmania.com/images/user/graph_02.gif') 0px 3px no-repeat;
	font-weight:			bold;
	color:					#00AE55;
	padding-left:			35px;
}
.g_balloons .capslock
{
	margin-top:				3px;
	padding-top:			3px;
	border-top:				1px solid #DEDEDE;
}
.g_balloons .shadow
{
	background:				#CDDBEB;
	display:				block;
	left:					0px;
	position:				absolute;
	top:					0px;
	z-index:				2;
}
.g_balloons .pointer_arrow
{
	display:			block;
	position:			absolute;
	width:				4px;
	height:				5px;
	z-index:			5;
}

.g_balloons2
{
	position:				absolute;
	padding-left:			75px;
}
/* ▲ 풍선말 */

div.g_screenshot {
	clear:		both;
	float:		left;
}