@charset "utf-8";

/* common ::: 
----------------------------------------------------*/
 
.product_title { position:relative; display:block; margin:30px 0; padding:0; width:100%;}
.product_title ul { padding:0; margin:0; text-align:center; list-style:none; overflow:hidden; }
.product_title li { float:left; padding:0; width:25%;}
.product_title a { display:block; color:#666; padding:6px 0; height:15px; background:#eee; border:1px solid #ddd; border-left:none; border-bottom:1px solid #744922; text-decoration:none;}
.product_title a.on { color:#fff; background:#777; border:1px solid #777;}
.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;}
table th,
table td{ font-weight:normal;}

#itemlist .inputboxL { width:280px; height:18px;}
/*
.ko_text { font:11px; color:#666;}
.en_text { font:11px Tahoma, Arial; color:#666;}
.font_size11 { font-size:13px; color:#a4a4a4;font-weight:normal;margin-left:1%;}
.font_size12 { font-size:12px; }
.font_size14 { font-size:14px; color:#666; font-weight:400; }
.font_size16 { font-size:16px; color:#333;}
.font_size18 { font-size:18px; color:#333;}
.font_size24 { font-size:20px; color:#106A75; font-weight:400; }
*/
/* table title */
/*
.nlist {
	width:100%; min-height:30px;overflow:hidden; padding:8px 0; margin:0;
	border:1px solid #e5e5e5;border-top-width:0;list-style:none;box-sizing:border-box;}
.ntitle {line-height:35px; color:#666;border:1px solid #e5e5e5; padding:8px 0;}
*/


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

/* total ( div ) */
div.total {display:inline-block;width:788px;padding:0;margin:0;margin-top:10px;border:1px solid #d7d7d7;}
.total .price_area,
.total .mark_area {}
.total .price_area {padding:15px 50px;width:123px;text-align:center;vertical-align:middle;}
.total .mark_area {padding:25px 20px;width:16.5px;text-align:center;vertical-align:middle;
	border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;font-size:20px}
.total .price_area h3 {margin:0 0 5px 0;font-size:15px;}
.total .price_area span {margin:0;font-size:15px;color:#969696}
.total .price_area span.total_price,
.total .price_area #payment_amount {color:#db7700;}

/* total (ul) */



/* 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_title{font-size:20px; font-weight:400; color:#000; margin:20px 0 10px 20px; position:relative; letter-spacing:-.1em}
/* item-table */
.item-table { clear:both;width:100%; border:1px solid #e5e5e5; border-left:none; border-right:none; border-collapse:collapse;}
.item-table caption { text-align:left; }
.item-table tr th { padding:12px 14px; background:#fff; border-top:1px solid #e5e5e5}
.item-table tr th,
.item-table tr td { font-weight:normal; text-align:center; 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:400 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; }
.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:400; 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; 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;}

/* itemlist */
#itemlist ul { list-style:none; }
#itemlist .item_name a { font:400 12px Dotum; color:#56A477; text-decoration:none;}
#itemlist .item_price { font:400 12px Arial,Sans-Serif; color:#666;}

/* loginform */
.login_non { width:300px; margin:auto;}
.login_title { text-align:center; }
	
/* order-table */
.order-table { margin-bottom:30px; width:100%; border:1px solid #ebebeb;}
.order-table tr th { padding:8px 20px; width:120px; text-align:center; font-weight:normal; color:#666; background:#F8F8F8; border-bottom:1px solid #ededed; }
.order-table tr td { color:#666; border-bottom:1px solid #ededed; text-align:center;; padding:10px 0 10px 0px;}
.order-table a { color:#666;}

/* 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:5px; height:24px; color:#666;}
.item_num .num { position:relative; display:inline-block; width:52px; text-align:left; margin-left:5px;}
.item_num .num .quantity { height:20px; padding-left:2px; width:42px; font-weight:400; color:#333; border:1px solid #ededed; margin:0 5px;}
.item_num .num .iconUp { position:absolute; top:1px; left:33px; background:url(../img/icon_up.gif) no-repeat; width:17px; height:10px; cursor:pointer;}
.item_num .num .iconDown { position:absolute; top:11px; left:33px; background:url(../img/icon_down.gif) no-repeat; width:17px; height:10px; cursor:pointer;} 


/* ---------------black_common------------------------------ */

/* item-table */
.black .item-table { border:1px solid #1b1b1b; border-left:none; border-right:none;}
.black .item-table tr th { background:#343434;}
.black .item-table tr th, 
.black .item-table tr td { border-bottom:1px solid #1b1b1b;}
.black .item_name a { color:#999;}
.item_price { color:#888;}

#orderitems.black .total { border:2px solid #343434; border-left:none; border-right:none;}
#cartitems.black .page-title { color:#adadad;}

.black .presentProgress { font-weight:400; color:#eaeaea;}


.black .order-table { border:1px solid #1b1b1b; border-left:none; border-right:none;}
.black .order-table tr th { background:#343434; border-bottom:1px solid #1b1b1b;}
.black .order-table tr td { border-bottom:1px solid #1b1b1b;}