@charset "utf-8";

#sod_bsk_list { height: 100%; }
.cart { display: flex; height: 100%; }
.cart > .content { flex-grow: 1; -ms-flex: 1 0 0%; }
.cart > .content .cart_item{border-bottom:1px solid #ddd;padding: 15px 0;}
.cart > .content .cart_item:last-child{border-bottom:0px;}
.cart > .content .cart_item:first-child{padding: 0 0 15px 0;}

.cart .btn_wrap { display: flex; align-items: center; margin: 15px 0; }
.cart .btn_wrap button { display: block; height: 45px; margin-right: 10px; padding: 0 15px; border: solid 1px #151517; font-size: 15px; font-weight: 500px; }
.cart .btn_wrap .check_wrap { display: flex; align-items: center; margin-right: 10px; }
.cart .btn_wrap .check_wrap .check { display: block; width: 30px; height: 30px; border: solid 1px #dcdee5; appearance: none; }
.cart .btn_wrap .check_wrap .check:checked { background: no-repeat url('../img/checkbox_checked_black_ico.png'); background-size: 13px 8px; background-position: center center; }
.cart .btn_wrap .check_wrap .label { display: block; margin-left: 5px; font-size: 15px; color: #151517; }

.cart > .right { align-self: flex-start; position: sticky; top: 100px; right: 0; width: 275px; margin-left: 25px; }
.cart > .right .btn_submit { display: block; width: 100%; height: 58px; border: 0; background-color: #e22e73; color: #fff;font-size:18px;font-weight:bold;}
.cart .payment_wrap { padding: 20px 20px 0 20px; border: solid 1px #dcdee5; background-color: #fafafc; }
.cart .payment_wrap .title { margin-bottom: 5px; font-size: 18px; font-weight: 500; color: #151517; }
.cart .payment-list { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-top: solid 1px #e7e7ef; font-size: 15px; color: #151517; }
.cart .payment_wrap .title + .payment-list { border: 0; }
.cart .payment-list .subject { color: #858590; }
.cart .payment-list.point { margin: 0 -20px; padding: 20px; border: 0; background-color: #f0f0f5; }
.cart .payment-list.point .payment { font-size: 18px; font-weight: 600; }

/* .cart .cart_item + .cart_item { margin-top: 25px; } */
.cart .cart_info { display: flex; }
.cart_info .image { position: relative; align-self: flex-start; width: 100px; height: 100px; border-radius: 5px; overflow: hidden; }
.cart_info .image img { width: 100%; height: 100%;border: 1px solid #ddd;border-radius: 6px; }
.cart_info .chk_cart { position: absolute; top: 10px; left: 10px; width: 25px; height: 25px; border: solid 1px #b9bec4; background-color: #fff; }
.cart_info .chk_cart:checked { border: 0; background: no-repeat url('../img/checkbox_checked_ico.png'); background-size: 14px 9px; background-position: top 8px left 5.5px; background-color: #151517; }
.cart_info .btn_delete { align-self: center; margin-left: 35px; width: 15px; height: 15px; background: no-repeat url('../img/delete_ico.svg'); background-size: 12px 12px; background-position: 1.5px 1.5px; font-size: 0; line-height: 0; }
.cart_content { flex-grow: 1; display: flex; align-items: center; margin-left: 20px; }
.cart_content .info { flex-grow: 1; }
.cart_content .info .name { font-size: 24px; font-weight: 500; color: #151517; }
.cart_content .info .name a { color: inherit; }
.cart_content .info .option { margin-top: 10px; font-size: 14px; color: #858590; }
.cart_content .info .tag_wrap { display: flex; flex-wrap: wrap; margin-top: 10px; gap: 10px; }
.cart_content .info .tag { display: block; padding: 10px 15px; border-radius: 16.5px; border: solid 1px #dcdee5; font-size: 11px; color: #161719; }
.cart_content .manage { flex-shrink: 0; text-align: right; }
.cart_content .manage .qty_wrap { font-size: 18px; color: #161719; margin-bottom: 4px; }
.cart_content .manage .price_wrap strong { font-size: 18px; font-weight: 600; color: #161719; }
.cart_bottom .notice { margin-top: 15px; padding: 15px; border-radius: 22.5px; border: solid 1px #f22775; font-size: 11px; line-height: 14px; text-align: center; color: #f22775; }
.cart_bottom .notice .ico_notice { width: 17px; height: 15px; margin-right: 5px; vertical-align: bottom; object-fit: contain; }

@media screen and (max-width: 880px) {
    #upward { bottom: 160px; }

    .cart { display: block; height: unset; }
    .cart > .right { position: static; width: 100%; margin: 35px 0 0 0; }
    .cart > .right .btn_submit { position: fixed; bottom: 65px; left: 0; z-index: 25; }
    
    .cart_info .image { width: 60px; height: 60px; }
    .cart_info .chk_cart { top: 5px; right: 5px; }
    .cart_content .info .name { font-size: 15px; }
    .cart_content { display: block; }
    .cart_info .btn_delete { align-self: flex-start; margin-left: 10px; }
    .cart_content .manage { display: flex; justify-content: space-between; margin-top: 10px; }
}