/*
 * @title		공통 CSS
 * @author		김보람
 * @date		2011.12.29
 * @update		수정날짜(수정자)
 * @description
 */


* {
	margin: 	0px;
	padding: 	0px;
}

html {											/* IE Flicker Bug Fix */
	color:						#5A5A5A;
	font-family:				돋움, dotum;
	font-size:					12px;
	line-height:				140%;
	filter:						expression(document.execCommand('BackgroundImageCache', false, true));
	width:						100%;
	height:						100%;
	overflow:					hidden;
}

body
{
	position:			fixed;
	width:				100%;
	height:				100%;
	overflow:			hidden;
}

body *
{
	text-align:			left;
}


#g_SLEEP
{
	position:			absolute;
	width:				100%;
	height:				100%;
	top:				0px;
	left:				0px;
	background-color:	#FFF;
	z-index:			97;
	cursor:				wait;
	filter:				alpha(opacity=60);
	-moz-opacity:		0.60;
	opacity:			0.60;
	-khtml-opacity:		0.60;
}

#g_BODY
{
	position:			absolute;
	width:				100%;
	height:				100%;
	top:				0px;
	left:				0px;
	text-align:			center;
	overflow:			auto;
	overflow-y:			scroll;
	z-index:			50;
}

ul {
	list-style:		none;
	margin:			0px;
	padding:		0px;
}

table {
	color:				#5A5A5A;
	font-size:			12px;
	line-height:		140%;
	border-collapse:	collapse;
	border-spacing:		0px;
}

a {
	color:				#5A5A5A;
	text-decoration:	none;
}

form {											/* 폼의 margin 제거 */
	display:			inline;
	margin:				0px;
	padding:			0px;
}

input.g_text,
input.g_password {
	border:				1px solid #D7D7D7;
	width:				84px;
	height:				16px;
	padding:			2px 3px 0px 3px;
	color:				#444;
	line-height:		14px;
	vertical-align: 	middle;
}
input.g_text {
	font-size:			12px;
}
input.g_checkbox,
input.g_radio {
	vertical-align:		middle;
	margin: 			-2px 3px 0px 0px;
}
input.g_button
{
	padding-top:		2px;
	border:				1px solid #D7D7D7;
	background-color:	#FFF;
	text-align:			center;
	color:				#666;
	font-weight:		bold;
	cursor:				pointer;
}

select {
	font-family:		돋움, dotum;
	font-size:			11px;
	display: 			inline;
	vertical-align: 	middle;
	color: 				#808080;
}
textarea {
	font-family:		돋움, dotum;
	border:				1px solid #D7D7D7;
	color:				#666;
	font-size:			11px;
	resize:				none;
}

img,
input.g_image {
	border:				0px;
	vertical-align:		middle;
}

img.g_baseline,
input.g_image_baseline
{
	vertical-align:		baseline;
}

.g_icon {
	margin-top:		-3px;
}

.g_button {
	cursor:				pointer;
}

/* ▼ 레이아웃 형태 */
.g_no {											/* 공백보다 작은 높이의 이미지가 들어가는 경우 설정 */
	line-height:		0px;
	font-size:			0px;
}
.g_hidden {										/* Element를 Default로 보이지 않도록 할때 */
	display:			none;
}
/* ▲ 레이아웃 형태 */


/* ▼ 레이아웃 배치 */
.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 {
	clear:				both;
	height:				0px;
	margin-top:			-1px;
	font-size:			1px;
	line-height:		0%;
}
/* ▲ 레이아웃 배치 */

div#g_ITEMMANIA {
	width:		980px;
	margin:		0px auto;
	z-index:	50;
}

.h_new{color:#FFF000;font-weight:bold}
.placeholder{color:#A9A9A9}
/* ▼ 바로접속 안내 레이어 */
.direct_layer{display:none;z-index:100;position:absolute;width:406px;height:394px;margin:30px 0 0 293px;border:3px solid #0B7DCC;background:#E6F2FA}
.direct_layer_net{margin-left:0}
.direct_layer .title{height:42px;border-bottom:1px solid #C6C6C6;background:#FFF}
.direct_layer .title div{background:url(//img1.itemmania.com/images/_head_tail/direct_sp.jpg) no-repeat}
.direct_layer .title .title_txt{overflow:hidden;float:left;width:238px;height:17px;margin:13px 0 0 20px;_margin-left:10px;background-position:-2px -2px;line-height:9999px}
.direct_layer .title .t_on{width:234px;background-position:-2px -28px}
.direct_layer .title .close{float:right;width:15px;height:15px;margin:14px 18px 0 0;background-position:-237px -93px;cursor:pointer}
.direct_layer .info_content{overflow:hidden;height:350px}
.direct_layer .info_content .benefit_txt{overflow:hidden;float:left;width:231px;height:102px;margin:26px 0 0 15px;_margin-left:8px;background:url(//img1.itemmania.com/images/_head_tail/direct_sp.jpg) no-repeat -2px -56px;line-height:9999px}
.direct_layer .info_content .how_title{overflow:hidden;clear:both;float:left;width:174px;height:21px;margin:20px 0 0 15px;background:url(//img1.itemmania.com/images/_head_tail/direct_sp.jpg) no-repeat -2px -168px;line-height:9999px}
.direct_layer .info_content .direct_how{overflow:hidden;clear:both;float:left;height:88px;margin:15px 0 0 15px}
.direct_layer .info_content .direct_how li{overflow:hidden;float:left;height:88px;background:url(//img1.itemmania.com/images/_head_tail/direct_sp.jpg) no-repeat;line-height:9999px}
.direct_layer .info_content .direct_how .direct_how1{width:85px;background-position:-2px -204px;cursor:pointer}
.direct_layer .info_content .direct_how .direct_how2{width:100px;background-position:-87px -204px;cursor:pointer}
.direct_layer .info_content .direct_how .direct_how3{width:100px;background-position:-187px -204px;cursor:pointer}
.direct_layer .info_content .direct_how .direct_how4{width:100px;background-position:-287px -204px;cursor:pointer}
.direct_layer .info_content .detail_go{overflow:hidden;width:150px;height:35px;margin:20px auto 0;background:url(//img1.itemmania.com/images/_head_tail/direct_sp.jpg) no-repeat -237px -56px;line-height:9999px;cursor:pointer}
/* ▲ 바로접속 안내 레이어 */