@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&family=Noto+Sans+KR&display=swap');


.cart_title{width: 500px; margin: 0 auto; margin-top: 130px; text-align: center; font-weight: bold; font-size: 1.3em;}
#cart{width: 1200px; margin:0 auto; margin-top: 50px;}

.util li:nth-child(3)::after{position: absolute; content: '2'; display: block; background-color: yellow; color: #0000c5; width: 18px; height: 18px; border-radius: 50%; font-size: 0.8em; font-weight: bold; text-align: center; left: 62%; top: 5px;}

input[type="checkbox"]{accent-color: #0000c5; width: 15px; height: 15px;}

.table{border-collapse: collapse; width: 1200px; margin: 0 auto;}
.table thead{border-bottom: 2px solid #000;}
.table tbody{border-bottom: 2px solid #000;}
.table tbody td{text-align: center; border-top: 1px solid #eee; }
.table thead th{font-weight: 400; text-align: center; font-size: 1.25em;}
.table td.info{text-align: left;}
.table td.p_img{width: 80px; padding: 8px;}
.table td.info img{display: inline-block;}
.qyt_box{width: 100px; height: 30px; border: 1px solid #000; box-sizing: border-box; text-align: center; margin: 0 auto;}

.rem_btn_box{position: relative; display: flex; justify-content: end; margin: 10px 0;}
.remvbtn{display: block; position: relative; width: 50px; text-align: center; font-size: 0.8em; color: #272727; border-radius: 10px; transition: all 0.2s ; background: #fff; border: 1px solid #ccc; height: 30px; line-height: 30px;}
.remvbtn.long{display: block; position: relative; width: 80px; text-align: center; font-size: 0.8em; color: #272727; border-radius: 10px; transition: all 0.2s ; background: #fff; border: 1px solid #ccc; height: 30px; line-height: 30px; margin:0 10px;}
.remvbtn:hover{box-shadow: 1px 1px 1px #7e7e7e;}
.remvbtn:active{background: #000; color: #FFF;}

#totalPay{margin-top: 50px;}
.total_pay{width: 300px; margin: 0 auto;}
.total_pay tbody>tr>td{text-align: right;}
.total_pay tbody>tr>th{text-align: left;}
.g_price{color: #00857B; font-weight: bold; font-size: 1.5em;}
#totalPay a{margin: 30px auto;}

.block_btn{display: block; width: 300px; height: 50px; line-height: 50px; background-color: #0000c5; color:#fff;  margin-left: auto; margin-right: auto; text-align: center; transition: 0.1s;}
.block_btn:hover{background-color: #020085;}
.block_btn:active{background-color:#00857B;}