@charset "utf-8";

/***************************************************************

Author :Justin.J

IE6핵 : _ (언더바 핵)
IE7핵 : * (스타 핵)

IE8핵 전용
@media \0screen {
	#wrap{width:100%;}
}

***************************************************************/


/* Float bug */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{
	display:inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
/* */


/************************************************
*		Reset									*
************************************************/
*{margin:0;padding:0;}
html, body{width:100%;height:100%;}
body{
	margin:0;
	padding:0;
	font-family:"맑은 고딕", 'Malgun Gothic', 'Nanum Gothic', '돋움', Dotum, sans-serif;
	color:#c5c5c5;
	font-size:13px;
	font-weight:500;
	line-height:160%;
	background:transparent;
	overflow:hidden;
}
div, input, textarea, button{
	font-family:"맑은 고딕", 'Malgun Gothic', 'Nanum Gothic', '돋움', Dotum, sans-serif;
	font-size:13px;
	font-weight:500;
	line-height:160%;
}
table{border-collapse:collapse;border-spacing:0;}

input, textarea, button{z-index:0;}

a:link		{color:#c5c5c5;text-decoration:none !important;}
a:visited	{color:#c5c5c5;text-decoration:none !important;}
a:hover		{color:#ffb859;text-decoration:none !important;}
a:active	{color:#ffb859;text-decoration:none !important;}


ul, ol, ul li, ol li, dl, dt, dd, dt dd{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-size:12px;text-align:left}
img, fieldset, iframe, input, textarea{border:0 none;}
img, input, select{vertical-align:middle;}
em, address{font-style:normal;}


/********************* Png *********************/
.png24 {tmp:expression(setPng24(this));}


/*************** Image Link Clear ***************/
a, img, input{selector-dummy:expression(this.hideFocus=true);}



/*************** Normalize ***************/
header, section, article, main, nav, aside, details, figcaption, figure, hgroup, summary, footer{display:block;}
audio, canvas, video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}

a:focus{outline:0;}
a:hover,
a:active{outline:0;}

h1{font-size:2em;}
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;}
dfn{font-style:italic;}
hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box;}
mark{background:#ce2c38;color:#efefef;}
code, kbd, pre, samp{font-size:1em;}
pre{white-space:pre-wrap;}
small{font-size:80%;}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{margin:0;padding:0;}
.blind,legend{width:1px;height:1px;position:absolute;left:-5000px;top:-5000px;display:block;overflow:hidden;}
legend{*width:0;border:0;padding:0;}
hr{display:none}



.wn{text-overflow:ellipsis !important;*text-overflow:ellipsis !important;white-space:nowrap !important;*white-space:nowrap !important;display:block !important;*display:block !important;overflow:hidden !important;*overflow:hidden !important;}

.clear{width:100% !important;height:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;display:block !important;float:none !important;clear:both !important;overflow:hidden !important;}






/************************************************
*			상단정보 : TOP INFO					*
************************************************/

.ti_wrap {width:773px;height:38px;margin:0;padding-left:90px;background:url('../images/bg_ti01_1.png') 0 0 no-repeat;float:left;}
.ti_wrap ul li {width:703px;height:38px;margin:0;padding:0;background:url('../images/bg_ti01_2.png') 0 0 repeat-x;border:0;font-size:14px;color:#fff;line-height:35px;float:left;}
.ti_wrap ul li > a {color:#fff}
.ti_wrap ul li span.date {color:#fff}
.ti_wrap a.next {width:70px;height:38px;background:url('../images/bg_ti01_3.png') 0 0 no-repeat;text-indent:-999em;display:block;float:left;overflow:hidden;}
#ticker {width:703px;height:38px;float:left;overflow:hidden;}






/************************************************
*		우측프로필정보 : RIGHT Profile Info		*
************************************************/

.rpi_area							{width:260px;height:158px;background:url(../images/bg_rpi_area.png) top left no-repeat;position:relative;display:block;float:left;overflow:hidden;}
.rpi_area .bicon					{width:45px;height:45px;position:absolute;top:0;left:0;}
.rpi_area .bicon.month				{background:url(../images/ico_best_monthly.png) top left no-repeat}
.rpi_area .bicon.week				{background:url(../images/ico_best_weekly.png) top left no-repeat}
.rpi_area .bicon.today				{background:url(../images/ico_best_today.png) top left no-repeat}
.rpi_area .bicon.mon				{background:url(../images/ico_mon.png) top left no-repeat}
.rpi_area .bicon.tue				{background:url(../images/ico_tue.png) top left no-repeat}
.rpi_area .bicon.wed				{background:url(../images/ico_wed.png) top left no-repeat}
.rpi_area .bicon.thu				{background:url(../images/ico_thu.png) top left no-repeat}
.rpi_area .bicon.fri				{background:url(../images/ico_fri.png) top left no-repeat}
.rpi_area .rlogo					{width:65px;height:10px;background:url(../images/tomato_rlogo.png) no-repeat;position:absolute;top:10px;right:5px;z-index:10;}
.rpi_area .exp_area					{width:100%;height:125px}
.rpi_area .exp_area .pro			{position:absolute;top:0;right:0}
.rpi_area .exp_area .exp_name		{border-left:4px solid #8e7066;padding:0 8px;font-size:13px;font-weight:bold;color:#cb0c12;line-height:24px;letter-spacing:-1px;position:absolute;top:40px;left:10px;}
.rpi_area .exp_area .exp_name .p	{font-size:18px;font-weight:bold;color:#000;letter-spacing:-1px;}
.rpi_area ul						{float:left}
.rpi_area ul li						{float:left}

.btn {
	display: inline-block;
	margin: 0;
	font-family: '돋움', Dotum, Sans-Serif;
	text-decoration: none !important;
	letter-spacing: -0.1em;
	text-indent: 0 !important;
	white-space: nowrap;
	border: 0 none transparent;
	vertical-align: middle;
	background-color: transparent;
	overflow: visible;
	cursor: pointer;
	border-radius: 0;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
}
.btn li{float:left;}






/************************************************
*		하단배너영역 : BOTTOM BANNER AREA		*
************************************************/

.ad_wrap {width:920px;height:75px;margin:0 auto;padding:0;background-color:#626367;position:relative;}
.ad_wrap ul li {height:75px;margin:0;padding:0;text-align:center;line-height:75px;}
.ad_wrap ul li img{height:100%;vertical-align:top;}
#ad_ticker {width:100%;height:75px;float:left;overflow:hidden;}






/************************************************
*		하단상품정보 : BOTTOM PRODUCT INFO		*
************************************************/

.bpi_wrap {width:820px;height:26px;margin:0px;padding-left:80px;background:url('../images/bg_bpi02_1.png') 0 0 no-repeat;position:relative;float:left;}
.bpi_wrap p{width:10px;height:26px;background:url(../images/bg_bpi02_3.png) 0 0 no-repeat;display:block;float:right;}
.bpi_wrap ul {background:url('../images/bg_bpi02_2.png') repeat;}
.bpi_wrap ul li {width:750px;height:26px;margin:0;padding:0;background:url('../images/bg_bpi02_2.png') 0 0 repeat-x;border:0;color:#fff;line-height:26px;float:left;}
.bpi_wrap ul li span.itemname{color:#fff}
.bpi_wrap ul li span.price{color:#fff}
#bpi_ticker {width:810px !important;height:26px;overflow:hidden;float:left;}
#bpi_ticker li a.move > img {margin-top:-4px;margin-left:10px;}

.bpi_wrap ul li .itemname			{margin-right:20px;font-size:12px;color:#fff;}
.bpi_wrap ul li .price				{margin-right:15px;font-size:12px;color:#fff;}
.bpi_wrap ul li .price .discount	{font-weight:bold;color:#f43;}
.bpi_wrap ul li strong				{margin-right:15px;font-size:12px;color:#fff;}
.bpi_wrap ul li em					{margin-right:10px;font-size:12px;color:#fff;text-decoration:line-through;}

.bpi_wrap a.bpi_next				{width:60px;height:26px;background:url('../images/btn_bpi2_next.png') 0 50% no-repeat;text-indent:-999em;display:block;float:left;overflow:hidden;}


