@charset 'euc-kr';

/* BOARD */
div.board-list,
div.board-view {
	clear:both;
	position:relative;
	width:670px;
	margin-top:15px;
	padding-left:9px;
	background:url('/images/common/board/thbg_shop.gif') no-repeat;
}
.mtype1 {
	margin-top:0;
}
	div.board-list table.board-list,
	div.board-view table.board-view {
		width:655px;
		border-bottom:1px solid #b5b5b5;
	}
		div.board-list table.board-list th,
		div.board-view table.board-view th {
			padding:5px 0 6px;
			color:#fff;
		}
		div.board-list table.board-list th.first {
			background:url('/images/common/board/thbg_shop_first.gif') no-repeat right 0;
		}
		div.board-list table.board-list td,
		div.board-view table.board-view td {
			padding:6px 0;
			border-bottom:1px solid #eee;
			text-align:center;
		}
		div.board-list table.board-list td.subject {
			padding-left:20px;
			text-align:left;
		}
		div.board-list table.board-list td.subject2 a {
			color:#999;
		}
		div.board-list table.board-list td.date {
			color:#888;
		}
		table.board-list.fsize1 td {
			font-size:11px !important;
		}
		/* VIEW */
		div.board-view table.board-view {
			border-bottom:none;
		}
		div.board-view table.board-view td.subject {
			padding-left:20px;
			color:#999;
			text-align:left;
		}
		div.cont-view {
			width:660px;
			padding-bottom:10px;
			margin-left:-3px;
			border-bottom:1px solid #bcbcbc;
		}
			div.incont-view {
				width:615px;
				margin-left:3px;
				min-height:300px;
				_height:300px;
				margin-top:1px;
				padding:15px 20px;
				background:#fafafa;
				font-size:11px;
			}
		/* category color vari */
		#event div.board-list,
		#event div.board-view {background:url('/images/common/board/thbg_event.gif') no-repeat;}
			#event div.board-list table.board-list th.first,
			#event div.board-view table.board-view th.first {background:url('/images/common/board/thbg_event_first.gif') no-repeat right 0;}
		#member div.board-list,
		#member div.board-view {background:url('/images/common/board/thbg_member.gif') no-repeat;}
			#member div.board-list table.board-list th.first,
			#member div.board-view table.board-view th.first {background:url('/images/common/board/thbg_member_first.gif') no-repeat right 0;}
		#cafe div.board-list,
		#cafe div.board-view {background:url('/images/common/board/thbg_cafe.gif') no-repeat;}
			#cafe div.board-list table.board-list th.first,
			#cafe div.board-view table.board-view th.first {background:url('/images/common/board/thbg_cafe_first.gif') no-repeat right 0;}
			tr.tdcont td {
				padding:0 !important;
				background:#fafafa;
			}
				tr.tdcont td div.rcont {
					padding:5px 10px;
					border-top:1px solid #fff;
					border-bottom:1px solid #fff;
					font-size:11px;
					text-align:left;
				}
				tr.tdcont td div.rcont .btn-area {
					padding:0;
					text-align:right;
				}
/* type2 */
div.board-list.mtype3 {
	width:645px;
	margin-left:20px;
	background:url('/images/common/board/thbg_shop02.gif') no-repeat;
}
	div.board-list.mtype3 table.board-list {
		width:640px;
		background:none;
	}
	/* order totla */
	div.order-total {
		width:655px;
		border-bottom:1px solid #bcbcbc;
		background:#fbfbfb url('/images/shop/line_order_total.gif') repeat 0 0;
		*padding-bottom:3px;
	}
	div.order-total:after {
		display:block;
		content:'';
		clear:both;
	}
		div.order-total ul {
			float:right;
			*width:480px;
		}
			div.order-total ul li {
				float:left;
				width:155px;
				margin:3px 0 5px;
				*margin:2px 0 4px;
				font-size:0;
				line-height:0;
			}
			div.order-total ul li.first {
				clear:both;
				width:160px;
			}
			div.order-total ul li.first.type2 {
				width:316px;
			}
			div.order-total ul li img {
				font-size:12px;
				vertical-align:-1px;
			}
			div.order-total ul li em {
				display:inline-block;
				width:66px;
				padding:3px 0 0;
				text-align:right;
			}
			div.order-total ul li.first em {
				width:70px;
			}
			div.order-total ul li.first.type2 em {
				width:226px;
			}
			div.order-total ul li .bull {
				padding-left:10px;
				background:url('/images/common/icon/bl_dot.gif') no-repeat 0 3px;
			}
			div.order-total ul li span {
				display:inline-block;
				width:80px;
				color:#686868;
				text-align:right;
				font-weight:bold;
				font-size:12px;
			}
		div.order-total .culation {
			*margin-bottom:-3px;
			padding:5px 18px 2px 0;
			background:#fbfbfb;
			text-align:right;
		}
			div.order-total .culation h4 {
				display:inline;
			}
			div.order-total .culation em {
				display:inline-block;
				width:55px;
				font-weight:bold;
			}
			div.order-total .culation strong {
				display:inline-block;
				width:60px;
				color:#c71b19;
			}
			div.order-total .culation img {
				vertical-align:-1px;
			}
			div.order-total .culation a {
				display:inline-block;
				margin-left:15px;
			}
			div.order-total .culation a img {
				vertical-align:-7px;
			}
			div.order-total .sign {
				margin:0 5px;
			}
			div.order-total .ptit {
				margin-left:25px;
			}
	div.total-pay {
		padding:10px 24px 0 0;
		text-align:right;
	}
		div.total-pay img {
			vertical-align:middle;
		}
		div.total-pay strong {
			display:inline-block;
			width:95px;
			color:#c81c1c;
		}

/* table in contents */
div.tproduct {
	padding-left:15px;
	text-align:left;
}
	div.tproduct input {
		vertical-align:middle;
	}
	div.tproduct img {
		margin-left:7px;
		border:1px solid #efefef;
		vertical-align:middle;
	}
	div.tproduct span {
		display:inline-block;
		padding-left:10px;
		line-height:14px;
		vertical-align:middle;
	}
	div.tproduct span.detailPdt {
		padding-left:10px;
		width:210px;
	}
div.tcount {
	position:relative;
	width:58px;
	height:19px;
	margin:0 auto;
	background:url('/images/common/board/countbg.gif') no-repeat 0 0;
}
	div.tcount span {
		position:absolute;
		left:8px;
		top:0;
		width:35px;
		padding-top:4px;
		text-align:center;
		line-height:12px;
	}
	div.tcount .c-up {
		position:absolute;
		display:block;
		top:1px;
		right:4px;
		padding:3px;
	}
	div.tcount .c-down {
		position:absolute;
		display:block;
		bottom:2px;
		right:4px;
		padding:3px;
	}
/* table out contents */
div.total-choice {
	float:left;
	padding:3px 0 0 22px;
}
#member div.total-choice {
	padding-left:15px;
}
	div.total-choice img,
	div.total-choice input {
		vertical-align:middle;
	}
a.total-view {
	position:absolute;
	top:-23px;
	right:25px;
	padding:4px 0 5px 22px;
	background:url('/images/common/icon/bl_location.gif') no-repeat 0 0;
}
	/* search */
	fieldset.b-search {
		margin-bottom:-7px;
		padding-right:10px;
		text-align:right;
	}
		fieldset.b-search input {
			vertical-align:middle;
		}
/* table in color */
.tpoint1 {
	color:#989a99 !important;
}
.tpoint2 {
	color:#c81a1a !important;
}
/* DATA TABLE */
div.datatbl-wrap {
	clear:both;
	overflow:hidden;
	_zoom:1;
	margin-left:25px;
	border-top:2px solid #c5c5c5;
	border-bottom:2px solid #c5c5c5;
}
div.datatbl-wrap2 {
	clear:both;
	overflow:hidden;
	_zoom:1;
	border-top:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
}
	table.datatbl-b {
		width:100%;
		margin-top:-1px;
		font-size:11px;
	}
	table.datatbl-b.type1 {
		border-bottom:1px solid #c5c5c5;
	}
		table.datatbl-b th {
			padding:3px 0 3px  24px;
			background:#e3f1f2;
			border-top:1px solid #fff;
			color:#5ab7bc;
			font-weight:normal;
			font-size:11px;
			text-align:left;
		}
		#member table.datatbl-b th {
			background:#f1ebf5;
			color:#988da2;
		}
			#member table.datatbl-b th img {
				vertical-align:2px;
			}
		#cafe .datatbl-wrap {
			width:100%;
			margin-left:0;
		}
			#cafe table.datatbl-b th {
				background:#f4ece9;
				color:#8b6e5c;
			}
		#etc .datatbl-wrap {
			width:100%;
			margin-left:0;
		}
			#etc table.datatbl-b th {
				background:#e2ebf4;
				color:#7198bd;
			}
			#etc table.datatbl-b td span.txt{
				color:#b6b6b6;
				font-size:11px;
			}
		table.datatbl-b td {
			padding:3px 0 3px  14px;
			border-top:1px solid #c5c5c5;
			color:#898989;
		}
		table.datatbl-b td input {
			vertical-align:-2px;
		}
		table.datatbl-b td img,
		table.datatbl-b td input.text {
			vertical-align:middle;
		}
		table.datatbl-b td p.t-address {
			margin-top:3px;
		}
	/* data table in style */
	div.point-w {
		padding:5px 5px 2px 0;
		border-top:1px solid #c5c5c5;
		background:#fbfbfb;
		text-align:right;
	}
		div.point-w img {
			vertical-align:-1px;
		}
		div.point-w em {
			display:inline-block;
			width:60px;
			font-weight:bold;
			text-align:right;
		}
		div.point-w .ptit {
			margin-left:25px;
		}
	/* data table in note style */
	.tdnote1 {
		margin-left:5px;
		color:#888;
	}
	.tdnote2 {
		margin-left:5px;
		color:#b6b6b6;
	}
	.tdnote3 {
		display:inline;
		margin-left:5px;
		padding-left:10px;
		background:url('/images/common/icon/bl_star03.gif') no-repeat 0 2px;
		color:#b6b6b6;
	}
div.payment-top {
	position:relative;
	overflow:hidden;
	_zoom:1;
	margin-top:15px;
	padding:5px 6px 2px 12px;
	background:#f6f6f8;
	border-top:2px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
}
	div.payment {
		float:left;
	}
		div.payment strong {
			display:inline-block;
			width:75px;
			text-align:right;
		}
		div.payment img {
			vertical-align:-1px;
		}
	div.payment-cont {
		width:auto;
		text-align:right;
	}
		div.payment-cont p {
			display:inline;
			margin-right:6px;
			padding-left:15px;
			background:url('/images/common/icon/bl_star02.gif') no-repeat 0 0;
			color:#5db6bc;
			font-size:11px;
		}
		div.payment-cont img, 
		div.payment-cont a {
			display:inline;
			vertical-align:middle;
		}
/* PAGING */
div.paging {
	padding-top:35px;
	font-family:'verdana';
	font-size:10px;
	text-align:center;
}
	div.paging a,
	div.paging strong {
		padding:0 3px;
	}
	div.paging a {
		color:#888;
	}
	div.paging strong {
		color:#000;
	}
	div.paging a.prev {
		padding:0;
		margin:0 3px 0 -4px;
	}
	div.paging a.next {
		padding:0;
		margin:0 -4px 0 3px;
	}
	div.paging img {
		vertical-align:middle;
	}
	div.paging.mtype1 {padding-top:0;}
	div.paging.mtype2 {padding-top:13px;}


/* 2010-04-14 total pay */
.totalPay { width:645px; padding-right:10px; border-bottom:1px solid #bcbcbc; background:#fbfbfb url('/images/shop/line_order_total.gif') repeat 0 0; text-align:right; font-weight:bold;}
.totalPay p { padding-top:3px; height:20px;}
.totalPay p span { display:inline-block; width:65px; text-align:right;}
.totalPay img { padding-bottom:2px; vertical-align:middle;}