/* BASIC css start */
#cartWrap {display:flex; justify-content:space-between; align-items:start;}
#cartWrap .leftCon {width:calc(100% - 360px); display:inline-block;}
#cartWrap #cartInfo {width:300px; display:inline-block; position:sticky; top:0; right:0; align-self:flex-start;} 
#content {padding-top:40px}
#content .tit-page {border-bottom:none; text-align:left;}

#cartInfo.headroom--pinned, #cartInfo.headroom--unpinned {position: fixed; top: 125px; left:50%; margin-left:570px; background: #fff;z-index:1;}
#cartInfo.headroom--top { position: absolute; top:113px; left: 50%;  margin-left: 424px;}

.cart_box {border-top:2px solid #000}
.cart_box thead th {height:58px;  box-sizing:border-box; font-size:14px; font-weight:400; }
.cart_box tbody td a {font-size:16px; }
.cart_box tbody td .thumb, .cart_box tbody td .thumb a, .cart_box tbody td .thumb img {display:inline-block; width:108px; height:130px; }
.cart_box .opt-spin {width:auto; height:auto; padding-bottom:0;  position:relative }
.cart_box .opt_dd {font-size:14px; color:#616161; word-wrap: break-word;  word-break: keep-all; }
.cart_box .opt-spin .txt-spin, .cart_box .opt-spin .btns {float: none; ;}
.cart_box .opt-spin .txt-spin { position:static; width:38px; height:30px; box-sizing:border-box; border:none; margin:0 31px; font-size:14px;  }
.cart_box .opt-spin .btns {width:0; height:0; margin:0}
.cart_box .opt-spin .btns a {display:inline-block; width:32px; height:30px; position:absolute; top:0; border:1px solid #dbdbdb;  border-radius:16px; height:32px; width:32px; box-sizing:border-box; line-height:32px; text-align:center; font-size:22px }
.cart_box .opt-spin .btns a.btn-up {left:68px; }
.cart_box .opt-spin .btns a.btn-dw {left:0; }
.cart_box .opt-spin .btn_option {width:100%; height:30px; box-sizing:border-box; border:1px solid #ccc; font-size:14px; color:#616161; text-align:center; padding:6px 10px; margin-top:10px; }
.cart_box .opt-spin .btn_option_btn {color:#616161; padding:5px 0; border:none; border-bottom:1px solid #dbdbdb; font-size:14px;  }
.cart_box .opt-spin .btn_option:hover, .cart_box .opt-spin .btn_option_btn:hover {background:#fff; border-color:#ccc; color:#000}
.cart_box tbody td .btn_select {width:88px; height:34px; box-sizing:border-box; border:1px solid #ccc; padding:8px 0; text-align:center; font-size: 14px;}
.cart_box tfoot td {padding:40px 0}
.tb-total {padding:30px; border:1px solid #dbdbdb;}
.tb-total ul li {display:inline-block; vertical-align:middle; font-size:19px; text-align:center;  font-weight:400}
.tb-total ul li.etc {margin:0 40px; }
.tb-total ul li span { display:block; font-size:16px; margin-bottom:5px; font-weight:400 }
.tb-total ul li strong { color:#000}
.tb-total ul li span.off {margin-bottom:0; margin-top:5px; }
.btn-order-ctrl {text-align:center; padding:30px 0 50px; overflow:hidden }
.btn-order-ctrl .left {float:left}
.btn-order-ctrl .right {float:right}
.btn-order-ctrl a {display:inline-block; vertical-align:top; box-sizing:border-box; border:1px solid #000; font-size:14px; font-weight:600; padding:12px 25px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn-order-ctrl a.CSSbuttonBlack { background:#000; color:#fff; }
.btn-order-ctrl a:hover {background:#000; color:#fff; }
.btn-order-ctrl a.CSSbuttonBlack:hover { background:#888; border-color:#888}
.banner_box {text-align:center; }


.order_step {display:none; overflow:hidden; position:absolute; top:58px; right:0;}
.order_step li {float:left; padding-right:40px; font-size:14px; color:#999; font-weight:600;position:relative;  }
.order_step li.active {color:#000; }
.order_step li:last-child {padding-right:0}
.order_step li:last-child:after  {display:none; }

.tb-total {margin-bottom:20px}
.tb-total tr th {text-align:left; width:100px; font-size:14px; padding:10px 0;}
.tb-total tr td {font-size:14px;}
.tb-total table.foot {border-top:1px solid #000;}
.tb-total table.foot td {font-size:17px; font-weight:600; } 
.tb-total table.foot th, .tb-total table.foot td  {padding-top:24px}


#cartInfo .btn { display:block; height:56px; line-height:56px; margin-top:10px; font-size:14px; font-weight:400  }
#cartInfo .CSSbuttonBlack:hover {color:#fff; background:#231f20}
#cartInfo .CSSbuttonWhite:hover {color:#231f20; background:#fff}

.delivery {text-align:left; font-size:12px; color:#888; margin-top:4px}


#contentWrap .wrapper.onLogin {width:100%; margin:0 auto;}

.tb-normal {height:450px;display: flex;align-items: center;justify-content: center;}



@media screen and (max-width:1700px) {
    #cartWrap {width:100%;    }
    #cartInfo {width: 360px;margin: 32px 0 52px !important;position: static !important;}
    #cartInfo .btn {width: calc(50% - 4px);display: inline-block;}
    #cartInfo .btn:last-child {margin-right:0}
    .tit-mypage.tit-mypage:before {content:""; display:block; clear:both;}
    .order_step {right:15px;}
} 



/* BASIC css end */