@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; border-bottom:1px solid #777; }
.product_title li { float:left; padding:0; width:25%;}
.product_title a { display:block; color:#666; padding:6px 0; font-size:11px; background:#eee; border:1px solid #ddd; border-left:none; 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;}

#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; color:#106A75; font-weight:bold; }


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


.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 { color:#666; font-size:12px; text-shadow: 1px 1px 0px #fff; background:#f6f6f6; !important; border:#ccc 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-family:'NanumGothic'; width:100%; margin:20px 0; border-collapse:collapse; }
.item_table tr th { padding:21px 25px 22px 25px; border-bottom:1px solid #e0e0e0; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background: -moz-linear-gradient(top,  #ededed,  #ebebeb); font-weight:bold; background:#eaebec; }
.item_table td { font-weight:normal; text-align:center; font-size:12px; color:#666; border-top:1px solid #fff; border-bottom:1px solid #e0e0e0; padding:20px 0 15px; }
.item_table tr th.product_num { width:100px;}
.item_table tr td input.quantity { margin:0 5px; width:40px; }
.item_table tr th.item_check { width:20px;}
.item_table tr td.item_name { padding:20px; text-align:left; color:#6c832c;}
.item_table tr td.item_name a { text-decoration:none; color:#6c832c; }
.item_table tr:nth-child(even) { background:#f1f1f1; }
.item_table span.sample_view { font:normal 12px 'NanumGothic'; background:#000; color:#fff; padding:10px 20px; }

.item_table .item_price { font:bold 18px 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; }

.cart_command { padding:10px;}

/* item-table */
.item-table { clear:both; margin-bottom:10px; width:100%; border:solid #eee 1px; border-left:none; border-right:none; border-collapse:collapse;}
.item-table tr th { padding:8px 10px; background:#F8F8F8;}
.item-table tr th,
.item-table tr td { font-weight:normal; text-align:center; font-size:11px; 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 td input.quantity { margin:0 5px; width:40px; }
.item-table tr th.item_check { width:20px;}
.item-table tr td.item_name { padding:20px; text-align:left; color:#6c832c;}
.item-table tr td.item_name a { text-decoration:none; color:#6c832c; }

.item-table .item_price { font:bold 18px 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; }


/*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;}

/* itemlist */
#itemlist { width:100%; overflow:hidden; }
#itemlist ul { list-style:none; padding:0; margin:0; }
#itemlist .item_name a { font:bold 12px Dotum; color:#56A477; text-decoration:none;}
#itemlist .item_price { font:bold 12px Arial,Sans-Serif; color:#666;}
#itemlist .list_header { padding:0; margin:0; border:1px solid #d6d6d6; }
div.mitem_tit { font:bold 15px 'NanumGothic'; border-bottom:1px solid #9DDA6F; padding:10px; color:#555; }

/* 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:#666; border-bottom:1px solid #ededed; }
.order-table tr td { color:#666; border-bottom:1px solid #ededed; padding:5px 0 5px 10px;}
.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:bold; 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:bold; 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;}


.btn_set { padding:20px; margin:.2em; overflow:hidden; clear:both }