.cart_table { width:100%; border-top:2px solid #222; font-size: 1rem; }
.cart_table thead { background:var(--bg-gray-color); border-bottom:1px solid #ccc; }
.cart_table thead th { padding:15px 0; text-align:center; font-weight:normal; }
.cart_table tbody > tr > td { padding:15px 5px; text-align:center; border-bottom:1px solid #ccc; }
.cart_table .product { display:flex; text-align:left;  font-size:0.9rem }
.cart_table .product .img { width:100px; flex-shrink:0; flex-grow:0; margin-right:10px; }
.cart_table .product .p_info { }
.cart_table .product .p_info a {  font-size:1rem; color:#333; }
.cart_table .product .p_info p { color:#777; margin-top:3px; } 
.btn_small { padding:3px 5px 4px; white-space:nowrap; font-size:0.9rem; border-radius:3px; margin:5px auto; display:block; width:80px; text-align:center; box-sizing:border-box; }
.btn_buy_now { background:var(--main-color); color:#fff; }
.btn_cart_del { border:1px solid #aaa; background:#f5f5f5; }
.cart_table tfoot { text-align:right; }
.cart_table tfoot td { padding:1rem; font-size:1.1rem; }
.cart_table tfoot .total_price { color:#df3b3b; font-size:1.5rem; }
.page_title { text-align:center; padding:10px 0 20px 0; font-size:2rem; font-weight:500; letter-spacing:-1px; }
.cart_btn_area { text-align:center; margin-top:40px; }
.cart_btn_area .big_btn { display:inline-block; white-space:nowrap;  padding:9px 30px 10px; margin:0 3px; }
.cart_btn_area .btn_blue { background:var(--main-color); color:#fff; }
.cart_btn_area .btn_dark_gray { background:#444; color:#fff; }
.cart .small_btn_area { margin-bottom:10px }
.cart .small_btn_area .small_btn { border:1px solid #aaa; font-size:0.9rem; padding:2px 5px 3px; white-space:nowrap; display:inline-block; margin-right:3px; border-radius:3px; }

.order_result_box { border:5px solid #ddd; width:100%; text-align:center; padding:70px 0; margin:0px auto 30px; }
.order_result_box span.material-symbols-outlined { display:block; font-size:6rem; color:var(--main-color); margin-bottom:20px; }
.order_result_box strong { font-size:2rem; font-weight:500; }
.order_result_box p { font-size:1rem; font-weight:normal; }
.order_result_box p span { color:#df3b3b; }

.cart .title { font-size:1.1rem; display:flex; align-items:center; margin-top:30px; margin-bottom:10px; }
.cart .title i { width:5px; height:18px; background:var(--main-color); display:block; margin-right:5px; }


@media (max-width: 1000px){
.cart_table .product { flex-wrap: wrap;}
.cart_table .product .img {margin-bottom:10px; margin-left:0}
.cart_table .product .p_info {display: block; width:100%}


}

@media (max-width: 860px){
.cart_table { width:100%; max-width:100%; }
.cart_table colgroup col { width:auto; }
.cart .small_btn_area { display:flex; width:100%; justify-content:space-between; }
.cart_table thead { display:none; }
.cart_table .product { flex-wrap: nowrap; }
.cart_table tr { display:flex; flex-wrap:wrap; border-bottom:1px solid #ccc }
.cart_table tbody {width:100% }
.cart_table tbody > tr > td  { border:0; padding:10px; }
.cart_table tbody > tr > td:nth-child(1) { width:30px; }
.cart_table tbody > tr > td:nth-child(2) { width:calc(100% -  40px); }
.cart_table tbody > tr > td:nth-child(3) {   text-decoration: line-through; }
.cart_table tbody > tr > td:nth-child(6) { text-align:right; width:100%; }
.cart_table tbody > tr > td::before {
    content: attr(data-label);
    font-weight: bold;
    flex: 1;
    text-align: left;
	}
.cart_table .product { width:100%; }
.cart_table .product .img { width:50px; flex-shrink:0; flex-grow:0; margin-right:10px; }
.cart_table .product .p_info { }
.cart_table .product .p_info a {  font-size:1rem; color:#333; }
.cart_table .product .p_info p { color:#777; margin-top:3px; } 


}







.input_qty {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  width: fit-content;
  border-radius: 6px;
  overflow: hidden;
  font-family: Arial, sans-serif;
}

.qty_minus,
.qty_plus {
  width: 32px;
  height: 32px;
  background-color: #f0f0f0;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
  user-select: none;
  transition: background-color 0.2s;
}

.qty_minus:hover,
.qty_plus:hover {
  background-color: #e0e0e0;
}

.qty_number {
  width: 60px;
  height: 32px;
  text-align: center;
}

.qty_number input[type="number"] {
  width: 100%;
  height: 100%;
  border: none;
  text-align: center;
  font-size: 14px;
  outline: none;
  background-color: white;
  -moz-appearance: textfield;
}

.qty_number input::-webkit-outer-spin-button,
.qty_number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}