/*장바구니*/
#sod_bsk {
    margin-bottom: 30px;
    padding: 20px 0;
    border-top: 2px solid #222;
}
#sod_chk span {
    float: left;
    margin-right: 0;
    line-height: 1;
}
#sod_chk label {
    padding-left: 20px;
    line-height: 1;
    margin: 0;
}
#sod_bsk .sod_ta_wr {
    border: 1px solid #e4e5ed;
}
.btn_cart_del {
	padding: 20px 0;
	border-bottom: 1px solid var(--color-border)
}

.btn_cart_del button {
	height: 30px;
	padding: 0 10px;
	border: 1px solid var(--color-border);
	border-radius: 5px;
	background: #fff;
	color: #666
}
#sod_bsk_act .total {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	padding: 30px 20px;
	text-align: left;
	color: #717171;
	line-height: 20px
}
#sod_bsk_list {
	position: relative;
	font-size: 14px
}


#sod_bsk #sod_bsk_tot {
	border: 1px solid #212a37;
	margin: 20px 0
}

#sod_bsk #sod_bsk_tot ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#sod_bsk #sod_bsk_tot li {
	float: left;
	width: 33.333%;
	background: #4a505a;
	color: #fff;
	border-left: 1px solid #212a37;
	text-align: right;
	padding: 25px;
	font-size: 1.167em
}

#sod_bsk #sod_bsk_tot li:first-child {
	border: 0
}

#sod_bsk #sod_bsk_tot li span {
	display: inline-block;
	float: left
}

#sod_bsk #sod_bsk_tot .sod_bsk_cnt {
	width: 33.335%;
	background: #212a37
}

#sod_bsk_act {
    text-align: center;
    /* margin-bottom: 30px; */
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    /* width: 100%; */
    /* padding: 20px 0; */
}

#sod_bsk_act .btn_submit {
    height: 50px;
    padding: 0 10px;
    width: 100%;
    font-weight: 500;
    font-size: 1.25em;
    text-align: center;
}

#sod_bsk_act p {
	margin: 0 0 10px
}

#sod_bsk_list #mod_option_frm {
	z-index: 10000;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 540px;
	height: auto !important;
	height: 500px;
	max-height: 500px;
	margin-left: -280px;
	margin-top: -150px;
	border: 1px solid #dde7e9;
	border-radius: 3px;
	background: #fff;
	overflow-y: auto;
	overflow-x: inherit
}

#sod_bsk_list .mod_option_bg {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1);
	display: block;
	z-index: 9999
}

#sod_bsk .btn_del_wr {
	margin: 20px
}

#sod_bsk .go_shopping {
	margin: 10px
}

#sod_bsk .go_shopping .btn01 {
	height: 45px;
	line-height: 43px;
	font-size: 1.167em;
	font-weight: 500;
	width: 100%;
	text-align: center;
	font-weight: 400
}

#m_sod_bsk_tot {
    color: var(--color-000);
    padding: 20px;
    font-size: 16px;
	border-radius: 4px;
	background: #fcfcfc;
}
#m_sod_bsk_tot dt {
    float: left;
    width: 40%;
    padding: 10px;
    line-height: 20px;
    clear: both;
    font-weight: 500;
}

#m_sod_bsk_tot:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#m_sod_bsk_tot dd {
	float: left;
	width: 60%;
	padding: 10px;
	text-align: right;
	line-height: 20px;
	font-size: 18px;
}

#sod_bsk_act {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 90;
	border-top: 1px solid #000;
	padding: 30px 10px;
	box-shadow: none;
}

#sod_bsk_act .btn_submit {
	font-size: 1.167em;
	font-weight: 500;
	width: 100%;
	border-radius: 3px
}



#sod_bsk_act .total strong {
	display: block;
	color: #212121;
	font-size: 1.154em;
	line-height: 25px
}

.naverpay-cart {
	text-align: center;
	padding: 10px
}

.od_prd_list .td_prd {
	border-left: 0;
	position: relative;
	padding-left: 120px;
	min-height: 100px
}

.od_prd_list .td_prd .sod_img {
	position: absolute;
	top: 25px;
	left: 20px
}

.od_prd_list .td_prd .sod_name {
	min-height: 80px
}

.od_prd_list .td_prd .prd_name {
	font-size: 1.4em
}

.od_prd_list .total_prc {
	color: var(--color-black);
	font-weight: 500;
	font-size: 1.4em
}

.sod_opt {
	margin: 5px 0
}

.sod_opt ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none
}

.od_prd_list .td_prd .sod_name b {
	font-size: 16px;
	font-weight: 600
}

.sod_opt li {
	color: var(--color-777);
	padding: 3px 0;
	line-height: 1.2;
	font-size: 14px
}

.sod_option_btn .mod_options {
	height: 30px;
	margin: 5px 0 0;
	padding: 0 5px;
	border: 1px solid var(--color-border);
	color: #606060;
	background: #fff;
	border-radius: 3px
}

.cp_btn {
	padding: 0 10px;
	border: 1px solid var(--color-border);
	color: var(--color-black);
	background: #fff;
	height: 26px;
	border-radius: 3px
}

.cp_cancel {
	padding: 0 10px;
	border: 1px solid #aaa;
	color: #666;
	background: #fff;
	height: 26px;
	border-radius: 3px
}
.sod_list .li_name {
	font-size: 1.083em
}

	.sod_list {
    margin: 10px 0;
    border: 1px solid #e3e5ed;
}

.sod_list .sod_li {
	background: #fff;
	margin: 10px 0
}



.sod_list .li_op_wr {
	position: relative;
	padding: 10px 10px 0 110px;
	min-height: 90px
}

.sod_list .li_op_wr .chk_box {
	position: absolute;
	top: 10px;
	left: 10px
}

.sod_list .total_img {
	position: absolute;
	top: 10px;
	left: 35px
}

.sod_list .mod_options {
	padding: 0 7px;
	border: 1px solid var(--color-border);
	border-radius: 3px;
	color: #606060;
	background: #fff;
	line-height: 24px;
	margin: 5px 0 0;
	font-size: .923em
}

.sod_list .li_prqty {
	padding: 10px;
	border-top: 1px solid #f8f8f8
}

.sod_list .li_prqty:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ''
}

.sod_list .li_prqty_sp {
    float: left;
    width: 50%;
    display: block;
    line-height: 20px;
    padding: 10px 15px;
    text-align: right;
    font-size: 15px;
}

.sod_list .li_prqty_sp span {
	float: left;
	color: #222
}

.sod_list .prqty_price,
.sod_list .prqty_sc {
	border-right: 1px solid #e5e5e5
}

.sod_list .total_price {
    /* background: var(--color-bg); */
    display: block;
    clear: both;
    margin: 0 10px 20px;
    text-align: right;
    padding: 20px 15px;
    line-height: 20px;
    border-bottom: 1px solid #222;
    border-top: 1px solid #222;
}
section.sod_fin_list {
    margin: 30px 0;
}
.sod_list .total_price span {
	float: left
}

.sod_list .total_price strong {
	font-size: 1.25em;
	color: var(--color-black)
}

.sod_opt {
	padding: 5px 10px 5px 35px
}

.sod_opt li {
	color: #777;
	margin: 3px 0;
	line-height: 1.3em
}

.sod_opt li:before {
	content: "옵션";
	display: inline-block;
	margin: 1px 5px 2px 0;
	padding: 3px 5px;
	border-radius: 3px;
	background: #fff;
	line-height: 1em;
	color: var(--color-black);
	border: 1px solid var(--color-border)
}

.sod_opt .opt_name:before {
	content: "옵션";
	display: inline-block;
	margin: 1px 5px 2px 0;
	font-size: 11px;
	padding: 0 5px;
	border-radius: 3px;
	background: #e2eaf6;
	line-height: 20px;
	color: var(--color-black)
}
button.btn01 {
    display: inline-block;
    margin: 0;
    padding: 7px 30px;
    border: 1px solid #333;
    background: #333;
    color: #f9f9f9;
    text-decoration: none;
}

@media all and (min-width:769px) {
	#sod_bsk_list {
    position: relative;
    height: auto;
    display: block;
    margin: 0 auto;
}
	.sod_list {
    width: 60%;
    /* float: left; */
    overflow: hidden;
    display: block;
    position: relative;
}
	#sod_bsk .btn_del_wr {
    margin: 10px 0;
    width: 60%;
    overflow: hidden;
    display: inline-block;
    padding: 10px;
    position: relative;
}
	#sod_bsk .sod_ta_wr {
    width: 35%;
    float: right;
    top: 25px;
    position: absolute;
    right: 0;
    height: 100%;
    display: inline-block;
    left: auto;
		border: none;
}
	#m_sod_bsk_tot {
    color: var(--color-000);
    padding: 10px;
    position: sticky;
    left: 0;
    top: 60px;
    border: 1px solid #999;
    margin-bottom: 10px;
		background: #fcfcfc;
}
	#sod_bsk_act {
    text-align: center;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    padding: 20px 0;
    position: sticky;
    top: 180px;
    left: 0;
}
	.sod_list .li_prqty {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
	.sod_list .li_prqty_sp {
    border-right: 1px solid #e5e5e5;
}
	span.total_point.li_prqty_sp {
    border: none;
}
}