/* BASIC css start */
#cartWrap h2 { margin-top: 40px; padding-bottom: 5px; border-bottom: 2px solid #000; color: #333; font-family: 'malgun gothic'; font-size: 30px; font-weight: bold; letter-spacing: -3px; }

#cartWrap .wish-opt { color: #FFA500; }
#cartWrap .tit-cart { border-left: 1px solid #000; border-width: 3px; padding-left: 10px; height: 18px; line-height: 1; font-weight: 500; margin: 40px 0 20px 0; }
/* ¹è¼Û ¸Þ¼¼Áö */
#cartWrap .delivery { margin-top: 20px; text-align: center; }
/* ÁÖ¹® ÄÁÆ®·Ñ ¹öÆ° */
#cartWrap .ord_btn { height: 50px; display:block; margin: 20px 0 0;}

/* È¸¿ø µî±Þ Ç¥½Ã */
#cartWrap .mem-lvl { zoom: 1; overflow: hidden; margin-top: 10px; margin-bottom: 10px; display: flex; align-items: center; padding: 10px 45px 10px 175px;  }
#cartWrap .lvl-not { line-height: 22px; }
#cartWrap .lvl-not em { color: #be101a; font-weight: bold; }
.lvl-not b,
.MS_group_hname { color: #0178d3; font-weight: bold; }

#cartWrap .empty { text-align: center; padding: 50px 0 45px 0; opacity: 50%; }
#cartWrap .empty img { width: 50px; }
#cartWrap .empty .bas_empty { padding-top: 5px; }

#cartWrap .btn-order-ctrl { float: right; width: fit-content; text-align: center; font-size: 0; line-height: 0; }
#cartWrap .btn-order-ctrl_02 { float: left; width: fit-content; text-align: center; font-size: 0; line-height: 0; }

#cartWrap .ord_01 { float: left; width: 90px; height: 30px; border: 1px solid #999; background: #fff; border-radius: 5px; padding: 3px 10px; position: relative; margin-right: 5px; }
#cartWrap .ord_01 a { font-size: 12px; font-weight: 400; line-height: 30px; color: #333; font-weight: 500; }
#cartWrap .ord_02 { float: right; width: 120px; height: 40px; border: 1px solid #999; background: #fff; border-radius: 5px; padding: 3px 10px; position: relative; margin-left: 5px; }
#cartWrap .ord_02 a { font-size: 14px; font-weight: 400; line-height: 40px; color: #333; font-weight: 500; }
#cartWrap .ord_03 { float: right; width: 120px; height: 40px; border: 1px solid #e74174; background: #e74174; border-radius: 5px; padding: 3px 10px; position: relative; margin-left: 5px; }
#cartWrap .ord_03 a { font-size: 14px; font-weight: 400; line-height: 40px; color: #fff; font-weight: 500; }

#cartWrap .sea { margin: 7px auto; width: 60px; height: 20px; border: 1px solid #999; background: #fff; border-radius: 5px; color: #999; padding: 3px 10px; position: relative; line-height: 1; }
#cartWrap .sea a { font-size: 12px; font-weight: 400; line-height: 1; }

#cartWrap .d-block { display: block; }
#cartWrap .d-block span { vertical-align: middle; text-align: center; border: 1px solid #999; background: #fff; border-radius: 5px; padding: 3px 10px; position: relative; }
#cartWrap .d-block a {  color: #999; font-size: 14px; font-weight: 400; }
/*ÇÕ°è*/
#cartWrap .basket-totalprice { width: 100%; height: auto; text-align: right; font-size: 16px; line-height: 36px; color: #000000; }
#cartWrap .basket-totalprice .totalprice-img { float: left; }
#cartWrap .basket-totalprice .totalprice-txt { }
#cartWrap .basket-totalprice .totalprice-txt b { color: #000000; font-size: large; }
#cartWrap .basket-totalprice .totalprice-txt strong {color: #e74174; font-size: x-large;}

#cartWrap .basket-totalprice .pri { font-weight: 500; font-size: 18px; }

#cartWrap .basket-totalprice .totalprice-txt { border-top: 2px solid #ccc;}
#cartWrap .basket-totalprice .totalprice-txt th, 
#cartWrap .basket-totalprice .totalprice-txt td { padding: 10px 0; border-bottom: 1px solid #eee; color: #444; background: #f7f7f7; }
#cartWrap .basket-totalprice .totalprice-txt .txt-l, 
#cartWrap .basket-totalprice .totalprice-txt .txt-c { padding: 0 15px; }
#cartWrap .basket-totalprice .totalprice-txt thead th { padding: 10px; background: #ececec; border-bottom: 1px solid #ccc; font-size: 14px; text-align: center; }
#cartWrap .basket-totalprice .totalprice-txt thead td { padding: 15px 0; font-size: 16px; text-align: center; }
#cartWrap .basket-totalprice .totalprice-txt thead td .base { min-height: 48px; z-index: 1; position: relative; line-height: 48px; }
#cartWrap .basket-totalprice .totalprice-txt thead td .base .plus, 
#cartWrap .basket-totalprice .totalprice-txt thead td .base .minus, 
#cartWrap .basket-totalprice .totalprice-txt thead td .base .equal { position: absolute; top: 7px; width: 23px; height: 23px; right:97.5%; }

/*º»»ç,¾÷Ã¼¹è¼Û¾ÆÀÌÄÜ*/
#cartWrap .prov-icons {float: left; display:inline; margin-left: 15px; vertical-align: middle;}

.cart-ft2 { float: right; width: fit-content; text-align: right; }
#nhn_btn { display: inline; }
#payco_order_btn { display: inline; }
#kakaopay_order_btn { display:inline; vertical-align:top; }

.tb-opt img { vertical-align:top; }
.tb-opt .basket-option-detail { display:inline-block; vertical-align:top; padding-left:8px; }
.tb-opt .basket-option-detail .basket-option-dlist li { margin-bottom:7px; word-break:break-all; word-wrap:break-word; }
.tb-opt .basket-option-detail .basket-option-dlist li img { width:23px; height:23px; vertical-align:middle; }

/* Á¤±â¹è¼Û ÅÇ */
#cartWrap .cart-tab:after { clear: both; content: ""; display: block; }
#cartWrap .cart-tab { height:59px; margin:30px 0 0 0; border-bottom:2px solid #000; }
#cartWrap .cart-tab li { float:left; width:50%; height:57px; margin-left:-8px; *margin-left:-9px; border:2px solid #d5d5d5; border-bottom:none; background:#f9f9f9; }
#cartWrap .cart-tab li:first-child { margin-left:0; }
#cartWrap .cart-tab li a { display:block; line-height:60px; font-weight:bold; color:#898989; font-size:16px; text-align:center; text-decoration:none; background:none; }
#cartWrap .cart-tab li.now { position:relative; z-index:1; height:59px; border:2px solid #000; border-bottom:none; background:#fff; }
#cartWrap .cart-tab li.now a { line-height:59px; color:#000; }

#cartWrap .tb-center-2 { text-align:center; padding:5px; }

.table-cart tbody td { }

.tb-subs { position:relative; }
.tb-subs .tb-subs-txt { padding-bottom:5px; line-height: 28px; }
.tb-subs .tb-subs-txt .bar { display:inline-block; padding:0 3px; color:#dedddd; }

.subs-txt { color:#cd101a; text-align:left; }
.subs-txt img { margin:9px 0 0 0; }

.tb-opt img { vertical-align:middle; }
.tb-opt .basket-option-detail { display:inline-block; vertical-align:top; padding-left:8px; }
.tb-opt .basket-option-detail .basket-option-dlist li { margin-bottom:7px; word-break:break-all; word-wrap:break-word; }
.tb-opt .basket-option-detail .basket-option-dlist li img { width:23px; height:23px; vertical-align:middle; }


/* Ä«Æ®ÇÁ¸® */
.cart-free-wrap { text-align:center; margin-bottom: 10px; }
.cart-free-wrap .btn-list-open { position:relative; display:inline-block; width:60%; height:50px; line-height:50px; background:#444; color:#fff; font-weight:bold; font-size:14px; text-align:center; }
.cart-free-wrap .btn-list-open span { position:absolute; top:20px; right:30px; display:inline-block; width:15px; height:9px; background:url(http://separk.makemall.kr/2016/h18_arr.gif) no-repeat 0 0; }
.cart-free-wrap .btn-list-open span.open { background:url(http://separk.makemall.kr/2016/h18_arr.gif) no-repeat 0 -9px; }
.cart-free-wrap p { padding:20px 0; font-size:14px; font-weight:bold; }
.cart-free-wrap p span { color:#f40000; }
.cart-free-wrap .btn-more { display:inline-block; width:94%; height:30px; line-height:30px; margin-top:10px; border:1px solid #383838; background:#fff; color:#383838; font-size: 1em; text-align:center; }
.cart-free-wrap .btn-more span { display:inline-block; width:8px; height:5px; margin-left:5px; background:url(/images/d3/m_04/h10_arr.gif) no-repeat 0 0; background-size:100% 100%; vertical-align:middle; }
.cart-free-wrap .list-wrap { overflow-x:hidden; overflow-y:auto; height:450px; padding:15px 14px 30px; margin-top:20px; border:1px solid #b7b7b7; display: none; }
.cart-free-wrap .list-wrap ul { display: table; table-layout: fixed; width:100%; margin: 0; padding: 0; }
.cart-free-wrap .list-wrap ul:after { clear: both; content: ""; display: block; }
.cart-free-wrap .list-wrap ul li { word-wrap: break-word; word-break: keep-all; display: inline-block; vertical-align: top; width:24%; list-style: none; }
.cart-free-wrap .list-wrap ul li dl { margin:15px 15px 10px; }
.cart-free-wrap .list-wrap ul li dl dt { margin-bottom:13px; }
.cart-free-wrap .list-wrap ul li dl dt img { width:100%; height:auto; border:0; }
.cart-free-wrap .list-wrap ul li dl dd {}
.cart-free-wrap .list-wrap ul li dl dd strong { color:#f40000; }
.cart-free-wrap .list-wrap ul li dl dd a { display:inline-block; padding:5px 8px 3px; margin-top:8px; border:1px solid #999; color:#666; font-weight:bold; background:#fff; }

/* ¹è¼Ûºñ ÅøÆÁ */
<style type="text/css">
  .wrap{
    position:relative;
    display: inline-block;
  }
  .box{
    margin: auto;
    width: 80px;
    height: 35px;
    background: #e74174; 
    padding: 2px; 
    border-radius: 5px; 
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    letter-spacing: -1px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    
  }
  .tooltip{
    z-index: 1;
    right: 36px;
    position: absolute;
    width: auto;
    margin-top: 15px;
    margin-right: 190px;
    background: #ff8aad;
    padding: 8px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    word-break: break-all;
    letter-spacing: -1px;
    display: none;
  }
  .tooltip:after{
    display: block;
    content: '';
    position: absolute;
    top: -10px;
    left: 34px;
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 15px solid #ff8aad;
  } 
  .wrap:hover .tooltip{display: block;}
</style>
/* BASIC css end */

