@charset "utf-8";


#preview{position:absolute;border:1px solid #4768a0;background:#4768a0;padding:5px;display:none;color:#fff;box-shadow:1px 1px 2px rgba(0,0,0,.75);}
#SubMenuDiv {border:1px solid #b9b9b9;background-color:#f9f9f9;clear:both;width:100px;margin-bottom:20px;z-index:1;text-align:left;position:absolute;}
#SubMenuDiv li{border-width:0 0 1px;border-style:dashed;border-color:#d9d9d9;padding:10px 10px 8px;}
#SubMenuDiv li.last{border-width:0 0 1px;border-style:solid;border-color:#b9b9b9;}
#SubMenuDiv li.end{border:0;}
#SubMenuDiv li a:hover{color:#e5550a;font-weight:normal;}
#SubMenuDiv li.no_btn{padding:10px 10px 0;}

#BrandList{clear:both;}

/* 페이징 */
.paging{clear:both;text-align:center;padding:5px 0;}
.paginate_complex{clear:both;text-align:center;padding:5px 0;background:#efefef;}
.paging strong{
	color:#fff;
	border:1px solid #4768a0;
	display:inline-block;
	font-weight:bold;
	height:18px;
	line-height:18px;
	text-align:center;
	vertical-align:middle;
	min-width:18px;
	_width:18px;
	background:#4768a0;
	margin-left:5px;
}
.paging a.none {
	/*background:url(../img/common/pg_bg.gif) repeat left top;*/
	background:#bbb;
	border:1px solid #959595;
	color:#fff;
	display:inline-block;
	height:18px;
	font-weight:bold;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	min-width:18px;
	_width:18px;
	margin-left:5px;
}
.paging a.paging_num:hover {text-decoration:none;color:#585858;}
.paging img{vertical-align:middle;width:18px;}
.paging .prev{padding:0 2px 0 0;}
.paging .next{padding:0 0 0 6px;}
.paging .first{padding:0 ;}
.paging .last{padding:0;}




/* 링크 영역 관련 */
.AreaDiv{width:0px;height:0px;display:inline-block;}
.SearchAreaDiv{width:0px;height:0px;}
.AreaDiv span{
	text-indent:-2000px;
	height:0;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	display:none;
}
.SearchAreaDiv span{
	font-size:0;
}

#LinkDiv{font-size:0;}

.SearchAreaDiv #SearchArrow{display:block;position:absolute;left:-35px;top:-30px;}
.SearchAreaDiv #ColorArea{

	opacity:0.20;
	-moz-opacity:0.20 !important;
	-webkit-opacity:0.20 !important;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)' !important;
	filter:alpha(opacity=20) !important;
	opacity:0.20 !important;
	width:100%;
	height:100%;
	background:url("../img/bg_block_blue.png") repeat left top;
}
.AreaDiv #ColorArea{

		width:"10px";
		height:"10px";
		display:inline-block;
		position:absolute;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=5) !important;
		filter:alpha(opacity=5);
		-moz-opacity:0.05;
		-khtml-opacity: 0.05;
		opacity: 0.05;
		background:url("../img/bg_block_blue.png") repeat left top;
}
.AreaDiv #ColorArea1{

		width:"10px";
		height:"10px";
		display:inline-block;
		position:absolute;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0) !important;
		filter:alpha(opacity=0);
		-moz-opacity:0.00;
		-khtml-opacity: 0.00;
		opacity: 0.00;
		background:url("../img/bg_block_blue.png") repeat left top;

}
#navLocator #ColorArea{
		position:absolute;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20) !important;
		filter:alpha(opacity=20);
		-moz-opacity:0.20;
		-khtml-opacity: 0.20;
		opacity: 0.20;
		width:"99px";
		height:"64px";
		left:0px;
		top:0px;
		background:url("../img/bg_block_red.png") repeat left top;

}

.BlockBack{

		width:"100%";
		height:"100%";
		display:inline-block;
		position:absolute;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30) !important;
		filter:alpha(opacity=30);
		-moz-opacity:0.3;
		-khtml-opacity: 0.3;
		opacity: 0.3;
		background:url("../img/bg_block.png") repeat left top;

}

.AreaDiv #SearchArrow{display:none;}

.ui-state-highlight { height: 1.5em; line-height: 1.2em;background:#c6c6c6; }




#ProductArea{clear:both;width:100%;}/* bp_list */


/* 소액주문 팝업창 */
#popupSmallOrderD_W{display:none;position:absolute;top:270px;left:180px;z-index:101;}
#popupSmallOrderD_C{display:none;position:absolute;top:270px;left:180px;z-index:101;}
#backgroundLayer2{display:none;position: fixed;height: 100%;width: 100%;top: 0;left: 0;background: black;border: 1px solid #CECECE;z-index: 1;filter: alpha(opacity=0);opacity: 0.0;z-index:100;}

/* 이미지 확대 창  */
#ZoomLayer{display:none;position:absolute;top:104px;left:78px;width:906px;height:578px;margin:0;padding:0;overflow:hidden;}
/*★ #ZoomLayer{display:none;position:absolute;top:100px;left:82px;width:900px;height:560px;margin:0;padding:0;overflow:hidden;} */
#LinkLayer{width:900px;height:1200px;top:0;left:0;position:absolute;}

/* 이미지 확대 아래위 화살표 */
#ZoomUp{position:absolute;left:400px;top:10px;z-index:9999;}
#ZoomDown{position:absolute;left:400px;top:500px;z-index:9999;}
.ZoomOpecity{opacity:0.2;filter:alpha(opacity=20);}

/*공통 효율표 */
.MoneyTableCommon{position:absolute;background:#fff;border:1px solid yellowgreen;}
.MoneyTableCommon dl{width:100%;}
.MoneyTableCommon dt,.MoneyTableCommon dd{float:left;/* font-size:0.8em; line-height:12px; */ */color:#000;font-face:Gulim;}
.MoneyTableCommon dt{background:yellowgreen;}
.MoneyTableCommon dd.num{border-right:1px solid yellowgreen;}
/* .MoneyTableCommon dd.date{width:18px;} */

/*A가 효율표 */
#MoneyTable1{position:absolute;width:50px;background:#fff;border:1px solid yellowgreen;}
#MoneyTable1 dl{;width:100%;height:12px;}
#MoneyTable1 dt,#MoneyTable1 dd{float:left;font-size:0.8em;height:12px;line-height:12px;color:#000;font-face:Gulim;}
#MoneyTable1 dt{width:12px;background:yellowgreen;}
#MoneyTable1 dd.num{width:12px;border-right:1px solid yellowgreen;}
#MoneyTable1 dd.date{width:18px;}

/*A,B가 효율표 */
#MoneyTable2{position:absolute;width:90px;background:#fff;border:1px solid yellowgreen;}
#MoneyTable2 dl{;width:100%;height:12px;}
#MoneyTable2 dt,#MoneyTable2 dd{float:left;font-size:0.8em;height:12px;line-height:12px;color:#000;font-face:Gulim;}
#MoneyTable2 dt{width:12px;background:yellowgreen;}
#MoneyTable2 dd.num{width:12px;border-right:1px solid yellowgreen;}
#MoneyTable2 dd.date{width:18px;}

/*A,B,C가 효율표 */
#MoneyTable3{position:absolute;width:131px;background:#fff;border:1px solid yellowgreen;}
#MoneyTable3 dl{;width:100%;height:12px;}
#MoneyTable3 dt,#MoneyTable3 dd{float:left;font-size:0.8em;height:12px;line-height:12px;color:#000;font-face:Gulim;}
#MoneyTable3 dt{width:12px;background:yellowgreen;}
#MoneyTable3 dd.num{width:12px;border-right:1px solid yellowgreen;}
#MoneyTable3 dd.date{width:18px;}

/* 효율표 */
#MoneyTable{position:absolute;width:175px;background:#fff;border:1px solid yellowgreen;}
#MoneyTable dl{;width:100%;height:12px;}
#MoneyTable dt,#MoneyTable dd{float:left;font-size:0.8em;height:12px;line-height:12px;color:#000;font-face:Gulim;}
#MoneyTable dt{width:12px;background:yellowgreen;}
#MoneyTable dd.num{width:12px;border-right:1px solid yellowgreen;}
#MoneyTable dd.date{width:18px;}



/*A 큰 효율표 */
#BigMoneyTable1{position:absolute;width:90px;background:#fff;border:1px solid yellowgreen;}
#BigMoneyTable1 dl{width:100%;height:24px;}
#BigMoneyTable1 dt,#BigMoneyTable1 dd{float:left;height:24px;line-height:24px;font-size:13px;color:#000;padding:3px 0;}
#BigMoneyTable1 dt{width:24px;background:yellowgreen;}
#BigMoneyTable1 dd.num{width:24px;border-right:1px solid yellowgreen;}
#BigMoneyTable1 dd.date{width:36px;}

/*A,B 큰 효율표 */
#BigMoneyTable2{position:absolute;width:180px;background:#fff;border:1px solid yellowgreen;}
#BigMoneyTable2 dl{width:100%;height:24px;}
#BigMoneyTable2 dt,#BigMoneyTable2 dd{float:left;height:24px;line-height:24px;font-size:13px;color:#000;padding:3px 0;}
#BigMoneyTable2 dt{width:24px;background:yellowgreen;}
#BigMoneyTable2 dd.num{width:24px;border-right:1px solid yellowgreen;}
#BigMoneyTable2 dd.date{width:36px;}


/*A,B 큰 효율표 */
#BigMoneyTable3{position:absolute;width:270px;background:#fff;border:1px solid yellowgreen;}
#BigMoneyTable3 dl{width:100%;height:24px;}
#BigMoneyTable3 dt,#BigMoneyTable3 dd{float:left;height:24px;line-height:24px;font-size:13px;color:#000;padding:3px 0;}
#BigMoneyTable3 dt{width:24px;background:yellowgreen;}
#BigMoneyTable3 dd.num{width:24px;border-right:1px solid yellowgreen;}
#BigMoneyTable3 dd.date{width:36px;}

/* 큰 효율표 */
#BigMoneyTable{position:absolute;width:350px;background:#fff;border:1px solid yellowgreen;}
#BigMoneyTable dl{width:100%;height:24px;}
#BigMoneyTable dt,#BigMoneyTable dd{float:left;height:24px;line-height:24px;font-size:13px;color:#000;padding:3px 0;}
#BigMoneyTable dt{width:24px;background:yellowgreen;}
#BigMoneyTable dd.num{width:24px;border-right:1px solid yellowgreen;}
#BigMoneyTable dd.date{width:36px;}

/* 분류코드 핼프 레이어 */
#HelpLayer{position:absolute;left:-150px;top:50px;display:none;}

/* 전체 덥는 블록레이어 */
#BlockLayer{
		position:absolute;
		left:0px;
		top:0px;
		width:1024px;
		height:768px;
		display:none;
		background:url("../img/bg_block.png") repeat left top;


		z-index:2150;

	}

/* 프린트 팝업창 */
#PrintHeader{display:inline;width:698px;height:50px;background-color:#ececec;text-align:right;_height:50px;position:absolute;float:left;}
#PrintBox{position:absolute;top:50px;}
#PrintHeader .btn_print {
	position:absolute;
	top:15px;
	_top:18px;
	_width:75px;
	width:75px;
	right:10px;
	background-color:#4768a0;
	text-align:center;
}
#PrintHeader .btn_print a{
	color:#fff;
	font-weight:bold;
	font-size:0.92em;
	display:block;
	height:12px;
	padding:6px 25px 5px;
}

#PrintHeader .btn_down01 {
	position:absolute;
	top:15px;
	_top:18px;
	_width:120px;
	width:130px;
	right:235px;
	_right:235px;
	background-color:#4768a0;
	text-align:center;
}
#PrintHeader .btn_down01 a{
	color:#fff;
	font-weight:bold;
	font-size:0.92em;
	display:block;
	height:12px;
	padding:6px 25px 5px;
}

#PrintHeader .btn_down02 {
	position:absolute;
	top:15px;
	_top:18px;
	_width:120px;
	width:130px;
	right:95px;
	background-color:#4768a0;
	text-align:center;
}
#PrintHeader .btn_down02 a{
	color:#fff;
	font-weight:bold;
	font-size:0.92em;
	display:block;
	height:12px;
	padding:6px 25px 5px;
}

#PrintHeader .btn_down03 {
	position:absolute;
	top:15px;
	_top:18px;
	_width:100px;
	width:100px;
	right:95px;
	background-color:#4768a0;
	text-align:center;
}
#PrintHeader .btn_down03 a{
	color:#fff;
	font-weight:bold;
	font-size:0.92em;
	display:block;
	height:12px;
	padding:6px 25px 5px;
}
#ItemFtc{position:absolute;}

/* 카테고리 페이지 이동 팝업 */
#message{
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
	border:1px solid #353535;
	background-color:#FDFFF2;
	visibility:hidden;
	-webkit-box-shadow: 3px 3px 6px #4C4C4C;  /* Safari and Chrome */
    -moz-box-shadow: 3px 3px 6px #4C4C4C;  /* Firefox */
    box-shadow: 3px 3px 6px #4C4C4C;  /* CSS3 */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#4C4C4C', Direction=135, Strength=5);  /* IE */
}
#message table{background-color:#FFFFFF1; font-size:1.05em; margin:3px;}
#message table td{padding:3px; color:#353535;}
#message table td.content_out{color:#0100FF;}
#message table td.content_on{color:#FF0000;}
#message table td.right{border-right:1px solid #353535;}
#message table td.bottom{border-bottom:1px solid #353535;}