/* BASIC css start */
#cartWrap {max-width:1334px; margin:0 auto; }

#content {padding-top:40px}
#content .tit-page {border-bottom:none; text-align:left;}
#cartWrap {width:calc(100% - 360px); float:left;}
#cartInfo {float:right; width:330px; position: absolute; top:113px; left: 50%;  margin-left: 424px; }
#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 !important;}

.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:auto; }
.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: 27px;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 {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:after {content:"\e93f";font-family:xeicon!important;position:absolute;top: calc(50% - 9px);right:14px; display:inline-block;}
.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}
.tb-normal {height:450px;display: flex;align-items: center;justify-content: center;}


#contentWrapper {min-height:800px}
#contentWrap .wrapper {width: 1365px; margin: 60px auto;}
#contentWrap .wrapper.onLogin {width:100%; margin:0 auto;}

#cartInfo.headroom--pinned, #cartInfo.headroom--unpinned {margin-left: 426px;}
#contentWrap .wrapper.onLogin #cartInfo.headroom--pinned, #contentWrap .wrapper.onLogin #cartInfo.headroom--unpinned {margin-left: 570px;}
#nhn_btn {text-align:right; }

.cart-ft2 {margin-top:10px; }

#nhn_btn {display:inline-block; width:100%; margin-top:10px; }
#nhn_btn .npay_button {padding: 0 !important }
#nhn_btn .npay_text, .easypay_wrap #nhn_btn .npay_event { display: none !important }
#nhn_btn .npay_button_box { border: none !important;   padding: 0 !important; background: transparent !important; }
#nhn_btn .npay_storebtn_bx { padding: 0 !important; height: 48px !important; width: 100% !important; }
#nhn_btn .npay_btn_link.npay_btn_pay { color: #00bd39 !important;  border-radius: 0 !important; font-size: 0 !important; height:46px !important; background-size: 76px auto !important; background-position: top 3px center !important;background-color: transparent !important; }
#nhn_btn .npay_btn_list li.btn_width a { border-radius: 0px !important }  
#nhn_btn .npay_btn_list li { display: table-cell !important;}
#nhn_btn .npay_event { border: none !important; }
#nhn_btn .npay_btn_item.btn_width  {width:53px !important; }
#nhn_btn  .npay_btn_link.npay_btn_zzim {width:48px!important; height:46px !important; background-size: 42px auto !important;}

#kakaopay_order_btn { display: inline-block!important; width:100%;  padding:0;}
#kakaopay_order_btn a {  display: inline-block; width: 100%; height:48px; border: 1px solid #ffe500;/* background: #ffe500; */border-radius: 0px; position: relative; box-sizing: border-box; }
#kakaopay_order_btn a:before { content: ""; position: absolute; top: calc(50% - 10px); left: calc(50% - 41px); display: inline-block; width: 82px; height: 20px; background-image: url(https://t1.kakaocdn.net/checkout/pay/_sdk/img_checkout_rtn.png); background-position: -75px -114px; background-repeat: no-repeat !important;background-size: auto 234px !important; }
#kakaopay_order_btn a img { display: none; }



@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 */