@charset "utf-8";

/* board header */
.bd_header	{position: relative; margin-bottom: 25px;}
.bd_title	{display: inline-block; font-size: 20px; vertical-align: bottom;}
.bd_title a	{margin-right: 15px;}
.bd_desc	{display: inline-block; margin-left: 10px; vertical-align: bottom;}

.bd_header .bt_area	{position: absolute; right: 0; top: 50%; margin-top: -21px;}
.bd_header .bt_delete,
.bd_header .bt_area a	{display: inline-block; height: 42px; line-height: 42px; padding: 0 18px; margin-left: 5px; border-radius: 10px;}
.bd_header .bt_area i.only	{font-size: 16px;}
.bd_header .ink_bubble	{z-index: 81;}

/* list button */
.list_buttons	{position: absolute; right: -40px; top: 0; width: 30px; z-index: 10;}
.list_buttons>div	{width: 30px; text-align: center;}
.list_buttons .fix	{position: fixed; top: 70px;}
.list_buttons li	{position: relative; margin-bottom: 10px;}
.list_buttons .bt_top	{display: none;}
.list_buttons .has_bubble	{display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%;}
.font_n .list_buttons .has_bubble	{line-height: 32px;}
.list_buttons .review_count	{position: absolute; left: 18px; top: -5px;}

.order_list	{position: relative; border-radius: 20px;}
.order_search	{padding: 30px; border-radius: 20px 20px 0 0;}
.order_search h3	{margin-bottom: 10px; font-size: 16px; line-height: 16px;}
.order_search ul	{margin-bottom: 10px; font-size: 12px;}
.order_search li	{display: inline-block; margin-right: 10px;}
.order_search li a	{display: inline-block; padding: 5px 10px; border-radius: 5px;}
.order_search .ii,
.order_search .ib2	{vertical-align: middle;}

.order_table	{border-collapse: collapse;}
.order_table thead	{display: none;}
.order_table tr:last-child	{border-bottom: none;}
.order_table td	{padding:30px 15px; vertical-align: top; white-space: nowrap; font-size: 14px;}
.order_table td:not(.item_title)	{width: 1%;}
.order_table td.item_thumb	{padding: 30px 0;}
.order_table td.item_thumb a	{display: block; position: relative; width: 134px; height: 134px; border-radius: 15px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px;}
.order_table td.item_title	{font-size: 16px;}
.order_table .item_option	{margin-top: 10px; font-size: 13px;}
.order_table td.item_quantity	{text-transform: capitalize; font-size: 12px; text-align: right;}
.order_table td.item_quantity .quantity	{display: inline-block; width: 12px; padding: 2px 6px; border: none; border-radius: 5px; font-size: 11px; text-align: center; white-space: nowrap;}
.order_table .item_status>div	{margin-bottom: 10px;}

.order_detail	{position: relative; border-radius: 20px;}
.order_detail h3	{margin-bottom: 15px; font-size: 18px;}
.order_detail .left_side	{float: left; position: relative; width: 70%; padding: 30px 30px 1px; box-sizing: border-box; z-index: 1;}
.order_detail .left_side::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 20px 0 0 20px; z-index: -1;}
.order_detail .order_table	{width: 100%; margin-bottom: 30px;}
.order_table.order_product .item_thumb a	{width: 80px; height: 80px; border-radius: 10px;}
.order_table.order_info th	{width: 1%; text-align: left; font-weight: normal; white-space: nowrap;}
.order_table.order_info th,
.order_table.order_info td	{padding: 15px;}
.order_table.order_info td	{width: auto; white-space: normal; line-height: 160%;}

.order_detail .right_side	{float: right; width: calc(30% - 30px); padding: 30px 30px 30px 0; box-sizing: border-box;}
.cart_total table	{width: 100%; border-collapse: collapse; font-size: 16px;}
.cart_total caption	{font-size: 20px; text-align: left; padding-bottom: 20px;}
.cart_total th	{font-weight: normal; text-align: left;}
.cart_total td	{padding-top: 10px; text-align: right;}
.cart_total th,
.cart_total td	{padding-top: 10px;}
.cart_total tbody tr:last-child th,
.cart_total tbody tr:last-child td	{padding-bottom: 10px;}
.bank_info	{margin-top: 15px; padding: 10px 15px; line-height: 160%;}

.mb_message.ink_box	{margin-top: 50px;}
.mb_message p	{line-height: 160%;}

.mileage_total	{font-size: 18px;}
.mileage_table	{width: 100%; border-collapse: collapse;}
.mileage_table caption	{display: none;}
.mileage_table th,
.mileage_table td	{padding: 15px; text-align: center;}

.paging .bt_page	{font-size: 13px;}
.bio_nmileage .paging	{margin-top: 30px;}

/* sk ctn */
.sk_ctn	.sk_ctn_inner>div	{width: 500px; margin: 0 auto;}
.sk_ctn section	{margin-bottom: 60px;}