@charset "utf-8";

/* common ::: 
----------------------------------------------------*/
.product_title { 
	position:relative; 
	display:block; 
	margin:30px 0 0; 
	padding:0; 
}
.product_title ul { 
	list-style:none;
	padding:0; 
	margin:0; 
	text-align:center; 
	overflow:hidden;
}
.product_title li { 
	float:left; 
	padding:0;
	margin:0;
	width: 25%;
	*width: 24%;
}
.product_title a { 
	display:block;
	color:#666; 
	padding:10px 0; 
	font-size:13px; 
	background:#eee; 
	border:1px solid #ddd; 
	border-left:none; 
}
.product_title a.on { 
	color:#fff; 
	background: #666; 
	border-color: #666; 
}
.product_title a.first { 
	border-left:1px solid #ddd; 
}
table { border-collapse:collapse;}
table tr .bottom_border { font-weight:normal; border-bottom:2px solid #eee;}

#itemlist .inputboxL { width:280px; height:18px;}

.ko_text { font:11px; color:#666;}
.en_text { font:11px Tahoma, Arial; color:#666;}
.font_size11 { font-size:11px; color:#666;}
.font_size12 { font-size:12px; }
.font_size14 { font-size:14px; color:#666; font-weight:bold; }
.font_size16 { font-size:16px; color:#333;}
.font_size18 { font-size:18px; color:#333;}
.font_size24 { font-size:20px; font-weight:bold; }


/* font color */
.red { color:#ff6600;}

.currency_code {
	display: inline-block;
	margin-left: 5px;
	font-size: 11px;
}

.total { margin:20px 0; padding:20px 0; width:100%; border:2px solid #666; border-left:none; border-right:none; overflow:hidden;}
.total .total-table { float:right;}
.total .total-table th { text-align:center; color:#555;}
.total .total-table td { text-align:center; font:bold 18px Arial; padding-left:10px; color:#666;}
.total .total-table th.total_price,
.total .total-table td.total_price { color:#f31951;}


/* button area */
.btnArea { margin:30px 0; padding:20px 0; border:1px solid #ddd; border-left:none; border-right:none; overflow:hidden;}
.btnArea ul.left { float:left;}
.btnArea ul.right { float:right;}
.btnArea li { float:left; margin-left:10px;}

/* item-table */
.item-table { clear:both; margin-bottom:10px; width:100%; border:1px solid #eee; border-left:none; border-right:none; border-collapse:collapse;}
.item-table caption { text-align:left; }
.item-table tr th { padding:8px 10px; background:#F8F8F8;}
.item-table tr th,
.item-table tr td { font-weight:normal; text-align:center; font:11px Dotum, Gulim; color:#666;color:#666; border-bottom:1px solid #eee;}
.item-table tr td { padding:20px 0 15px;}

.item-table tr th.product_num { width:100px;}
.item-table tr th.item_check { width:20px;}

.cart_command { padding:10px;}
.item-table .item_price { font:bold 16px Arial; }
.item-table .btn_white { padding:7px 10px; width:77px; height:21px; background:url(../img/btn_white.gif) no-repeat;}
.item-table a.product_img { display:block; margin-bottom:10px; }
.item-table input, .order-table input { vertical-align:middle;}
.item-table a { color:#666;}

/*cartStep*/
.cartStep { height:40px;}
.cartStep h2 { float:left; padding:0; margin:0; font-size:24px; color:#4e6f28;}
.cartStep .progress { float:right; position:relative; width:550px; height:40px;}
.cartStep .progress li { list-style:none;}
.presentProgress { font-weight:bold; color:#333;}
.cart1 { position:absolute; left:50px;}
.cart2 { position:absolute; left:237px;}
.cart3 { position:absolute; left:420px;}

/* tab */
.menuTab { border-bottom:1px solid #444; *zoom:1; margin:40px 0px; padding:0; list-style:none; }
.menuTab:after {content:""; display:block; clear:both;}
.menuTab li { float:left; position:relative; text-decoration:none; font-size:8pt; color:#999; letter-spacing:-1px; }
.menuTab li a{ float:left; margin-bottom:-1px; padding:10px 10px 0 10px; width:88px; height:19px; color:#999; text-decoration:none; border:1px solid #444; border-radius:5px 5px 0 0;}
.menuTab li a:hover { background:#808080;}
.menuTab li.active a { background:#404040;}



/* loginform */
.login_non { width:300px; margin:auto;}
.login_title { text-align:center; }
	
/* order-table */
.order-table { margin-bottom:30px; width:100%; border:1px solid #c4c4c4; border-left:none; border-right:none;}
.order-table tr th { padding:8px 20px; width:150px; text-align:left; color:#555; background:#F8F8F8; border-bottom:1px solid #e1e1e1; }
.order-table tr td { color:#555; border-bottom:1px solid #e1e1e1; padding:5px 0 5px 10px;}
.order-table a { color:#555;}

/* non_member OrderList */
.non_orderlist { float:right;}
.non_orderlist a { text-decoration:none; }

/* ordercomplete button */
.btn_item { margin:auto;}

/* item_num */
.item_num { margin:0 auto; padding:3px 0; height:24px; color:#555;}
.item_num .num { position:relative; display:inline-block; width:52px; text-align:left; margin-left:5px;}
.item_num .num .quantity { height:18px; padding-left:2px; width:42px; font-weight:bold; color:#555; border:1px solid #e1e1e1; margin:0 5px;}
.item_num .num .iconUp { position:absolute; top:1px; right:1px; background:url(../img/icon_up.gif) no-repeat; width:17px; height:10px; cursor:pointer;}
.item_num .num .iconDown { position:absolute; bottom:1px; right:1px; background:url(../img/icon_down.gif) no-repeat; width:17px; height:10px; cursor:pointer;} 



/* Pagination  
-------------------------------------------------------------------------------------------------------- */
.pagination { 
	list-style: none;
	padding: 0;
	margin: 15px 0 0;
	text-align: center;
	display: block;
    font-size: 0;
    position: relative;
    vertical-align: middle;
}
.pagination > li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.pagination > li:first-child > a {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    margin-left: 0;
}
.pagination > li:last-child > a {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.pagination > li + li {}
.pagination img { 
	border:0;
}
.pagination a,
.pagination strong { 
	position:relative;
	display:inline-block;
	text-decoration:none;
	margin:0;
	padding:0;
	font-size: 12px;
	width:30px;
	height:30px;
	line-height: 30px;
	vertical-align:middle;
	white-space: nowrap;
	text-align:center; 	
	border: 0 solid #e1e1e1;
}
.pagination a { 
	background: #fff;
	color:#555;
}
.pagination .page_on {
	border-radius: 4px;
	font-weight:bold; 
	background-color: #0090FF;
	border-color: #0090FF;
	color: #fff !important;
}
.pagination .page_mobile {
	width: 100px;
}
.pagination .prevEnd a,
.pagination .nextEnd a { 
	width: auto;
	padding: 0 10px;
}