/* BASIC css start */
/* Ãß°¡ÇýÅÃÆË¾÷ */
.pop-layer .pop-container { position: relative; width: 100%; }
.pop-layer .btn-r { position: absolute; top: 40px; right: 40px; }
.pop-layer { display: none; position: absolute; top: 50%; left: 50%; width: 900px; height: 740px; background-color: #fff; z-index: 10; }
.dim-layer { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); }
.dim-layer .pop-layer { display: block; }
a.btn-layerClose { display: inline-block; }

.card_guide { width: 900px; padding: 5%; word-break: keep-all; }
.card_guide .top_tit { padding-bottom: 10px; font-size: 20px; font-weight: 700; color: #111; }
.card_guide .top_txt { padding-bottom: 15px; line-height: 26px; font-size: 14px; color: #111; }
.card_guide .top_txt span { padding: 2px 5px; background: #333; color: #fff; }
.card_guide .card_cont { overflow-y: auto; max-height: 550px; }
.card_guide .card_cont .box { border-top: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 14px; }
.card_guide .card_cont .box td { padding: 15px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.card_guide .card_cont .box dl { margin: 0; }
.card_guide .card_cont .box dt { padding-bottom: 8px; font-weight: 700; font-size: 14px; color: #111; }
.card_guide .card_cont .box dd { margin: 0; line-height: 20px; }
.card_guide .card_cont .noti { position: relative; padding: 15px 0 30px; }
.card_guide .card_cont .noti p { position: absolute; left: 15px; font-weight: 700; font-size: 16px; color: #111; }
.card_guide .card_cont .noti ul { margin-left: 120px; margin-right: 2%; }
.card_guide .card_cont .noti li { font-size: 14px; list-style-type: circle; padding-bottom: 3px; }

.card_btn { padding:20px 0 10px; }
.card_btn a { width: 220px; height:40px; line-height:39px; display:block; border: 1px solid #000; font-size: 14px; color: #000; text-align:center; cursor:pointer; }


/* Àå¹Ù±¸´Ï ¸®½ºÆ®, ÁÖ¹®»óÇ° ¸®½ºÆ® */
#cartWrap { width:1200px; margin:0 auto; text-align:center; }
.table-cart {}
.table-cart table {width:100%;}
.table-cart thead th {padding:14px 0; border-top:2px solid #000; border-bottom:1px solid #e5e5e5; font-size:16px; font-weight:500; vertical-align:middle;}
.table-cart tbody td {padding:18px 0; border-bottom:1px solid #e5e5e5; font-size:14px; font-weight:400; vertical-align:middle;}
.table-cart tbody td .thumb a,
.table-cart tbody td .thumb img {display:block; width:100%; height:auto;}
.table-cart tbody td .name a { font-size:16px; font-weight:500;}
.table-cart tbody td .box_btn.change {padding-top:19px;}
.table-cart tbody td .d-block {padding-bottom:3px;}
.table-cart tbody tr.nbg td {background-image:none;}
.table-cart tfoot { border-bottom: 1px solid #e5e5e5; }
.table-cart tfoot td {}
.table-cart tfoot td .tb-right { padding:20px 0; text-align: right; }
.table-cart tfoot td .tb-right > div {*zoom:1; *display:inline; position:relative; font-size:16px; font-weight:300; vertical-align:middle; }
.table-cart tfoot td .tb-right > div .icon { width:20px; height:20px; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); font-size:20px; font-weight:300; }
.table-cart tfoot td .tb-right > div p {display: inline-block; padding-top:3px; font-weight:500; }
.table-cart tfoot td .tb-right > div p strong { font-size:30px; font-weight:600; }
.table-cart tfoot td .tb-right > div .tit { width: 100px; }
.table-cart tfoot td .tb-right > div .pri { width: 170px; font-weight:500; }
.table-cart tfoot td .tb-right > div .pri-t { width: 170px; color: #000; }
.table-cart tfoot td .tb-center { padding:40px 0; text-align: center; font-size: 14px; }
.table-cart tbody td .price { font-size: 16px; font-weight: 600; }
.table-cart tbody td .wish a { display: block; width: 90px; height: 30px; line-height: 28px; border: 1px solid #000; margin: 0 auto 6px auto; }
.table-cart tbody td .del a { display: block; width: 90px; height: 30px; line-height: 28px; border: 1px solid #000; margin: 0 auto; }


/* ¼ö·® ÄÁÆ®·Ñ */
.table-cart .box_qty {position:relative; width:80px; height:25px; margin:0 auto; border:1px solid #e5e5e5;}
.table-cart .box_qty input {width:32px; height:23px; margin:0 auto; padding:0; border:0; color:#1a1a1a; font-size:13px; font-weight:300; line-height:23px; text-align:center;}
.table-cart .box_qty a {display:block; position:absolute; top:0; z-index:1; width:23px; height:23px; background:no-repeat center;}
.table-cart .box_qty .up {right:0; background-image:url('/design/xexymix/image/ea_up.gif');}
.table-cart .box_qty .down {left:0; background-image:url('/design/xexymix/image/ea_dw.gif');}
.table-cart .box_btn.ea {padding-top:4px;}
.table-cart .box_btn.ea * {width:80px;}
.table-cart .opt-spin { position: relative; width: 36px; height: 20px; margin-left: auto; margin-right: auto; padding-bottom: 3px; }
.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns { float: left; }
.table-cart .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #acacac; font-size: 11px; text-align: right; }
.table-cart .opt-spin .btns { width: 12px; height: 20px; margin-top: 3px; }
.table-cart .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; }

/* Ä«Æ®ÇÁ¸® */
.cart-free-wrap { text-align:center; margin-bottom: 10px; }
.cart-free-wrap .btn-list-open { position:relative; display:inline-block; width:100%; height:80px; line-height:80px; border: 1px solid #000; color:#000; font-size:16px; text-align:center; }
.cart-free-wrap .btn-list-open span { display:inline-block; width:19px; height:19px; background:url(http://xexymix.jpg3.kr/xexymix/2020/sub/order/freewrap_close.gif) no-repeat 0 3px; margin-left: 10px; }
.cart-free-wrap .btn-list-open span.open { display:inline-block; width:19px; height:19px; background:url(http://xexymix.jpg3.kr/xexymix/2020/sub/order/freewrap_open.gif) no-repeat 0 3px; margin-left: 10px; }
.cart-free-wrap p { padding:50px 0; font-size:16px; font-weight:600; }
.cart-free-wrap p span { color:#eb5e3e; }
.cart-free-wrap .btn-more { display:inline-block; width:95%; height:35px; line-height:35px; margin-top:10px; border:1px solid #383838; background:#fff; font-size: 12px; 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:640px; padding:30px 0; border:1px solid #000; border-top:0; display: none; }
.cart-free-wrap .list-wrap ul { display: table; table-layout: fixed; width:100%; margin: 0; padding: 0; text-align: left; }
.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:25%; list-style: none; text-align: center; }
.cart-free-wrap .list-wrap ul li dl { position: relative; margin: 0 30px 30px 30px!important; }
.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:1px solid #e5e5e5; }
.cart-free-wrap .list-wrap ul li dl dd { text-align: left; line-height: 20px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 80%; }
.cart-free-wrap .list-wrap ul li dl dd strong { font-weight: 600; }
.cart-free-wrap .list-wrap ul li dl dd a { display:block; padding:5px 0 7px; margin-top:15px; border:1px solid #777; color:#777; font-weight:bold; background:#fff; }
.cart-free-wrap .list-wrap ul li dl .put { position: absolute; bottom: 0; right: 0; display: block; border: 1px solid #000; font-size: 14px; padding: 7px 10px; }

.cart-free-wrap .list-wrap::-webkit-scrollbar { width: 7px; }
.cart-free-wrap .list-wrap::-webkit-scrollbar-thumb { background-color: #000; }
.cart-free-wrap .list-wrap::-webkit-scrollbar-track { background-color: #fff; }

/* ÁÖ¹® ÄÁÆ®·Ñ ¹öÆ° */
.btn-order-ctrl { overflow: hidden; margin-top: 30px; }
.btn-order-ctrl .btn0 { float: left; }
.btn-order-ctrl .btn0 .box_btn * { width:120px; margin-right: 10px;}
.btn-order-ctrl .btn1 { position: relative; float: right; }
.btn-order-ctrl .btn1 .box_btn * { width:210px; margin:0 0 0 10px; padding: 20px 0; font-size: 16px; }
.btn-order-ctrl .btn1 .choral * { border: 1px solid #eb5e3e; background: #eb5e3e; color: #fff !important; }
.btn-order-ctrl .btn1 .nhn { text-align: right; margin-top: 20px; }

.msg { text-align:left; padding: 15px 0; }
.msg ul li { margin-left:34px; padding-left:5px; list-style-type:circle; line-height: 25px; font-size:14px;}

.MS_tb_delivery { z-index: auto; }
.MS_tb_delivery .MS_layer_delivery {  display: none;  position: absolute;  right: -180px; top: 0px; border: 2px solid #111; cursor: default; background: #fff; }
.MS_tb_delivery .MS_layer_delivery dl { padding: 10px; width: 180px; text-align: left; border: none!important; }

.MS_group_msg font { color: #eb5e3e; }

.cart_slide a{display:block;}

/* BASIC css end */

