

/* 장바구니 */

body{background:#fff;color:#666;font-size:16px;letter-spacing:-1px;-webkit-text-size-adjust:none;}
input[type='text'], input[type='password'], input[type='tel'], input[type='number'], input[type='search'], input[type='email']{height:32px;padding:0 8px;background:#fff;color:#666;border:1px solid #a1a1a1;font-size:13px;-webkit-border-radius:0;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;}


/*checkbox & radio*/

.chkBox{display:inline-block;}

.chkBox input[type='checkbox']{position:absolute;width:24px;height:24px;margin:0;opacity:0;}

.chkBox label{display:inline-block;min-height:24px;}

.chkBox label:before{content:'';display:inline-block;width:24px;height:24px;margin-right:4px;background:url('/images/img_form.png') no-repeat 0 -31px;background-size:31px 131px;vertical-align:middle;}

.chkBox input[type='checkbox']:checked + label:before{background-position:0 -56px}

.rdoBox{display:inline-block;}

.rdoBox input[type='radio']{position:absolute;width:24px;height:24px;margin:0;opacity:0;}

.rdoBox label{display:inline-block;min-height:24px;}

.rdoBox label:before{content:'';display:inline-block;width:24px;height:24px;margin-right:4px;background:url('/images/img_form.png') no-repeat 0 -81px;background-size:31px 131px;vertical-align:middle;}

.rdoBox input[type='radio']:checked + label:before{background-position:0 -106px}


.bbtn{display:inline-block;padding:0 14px;border:1px solid #aaa;background:#f8f8f8;background:-webkit-linear-gradient(#fff, #f2f2f2);background:-ms-linear-gradient(#fff, #f2f2f2);background:linear-gradient(#fff, #f2f2f2);color:#666;font-size:16px;font-weight:bold;line-height:46px;}
.mbtn{display:inline-block;padding:0 14px;border:1px solid #afb0c1;background:#f8f8f8;color:#5d5d73;font-size:14px;line-height:30px;}
.sbtn{display:inline-block;padding:0 8px;border:1px solid #afb0c1;background:#fff;color:#5d5d73;font-size:12px;line-height:22px;}


.ntc_lst {margin-top:8px;padding:6px 0 0;border-top:1px solid #ababab;}
.ntc_lst li{position:relative;padding-left:8px;margin-top:2px;color:#666;font-size:0.75em;line-height:1.25em;}
.ntc_lst li:before{content:'';position:absolute;top:6px;left:0;width:4px;height:1px;background:#8c7458;}
.ntc_lst li.red{color:#8c7458 !important;}
.ntc_lst li.red:before{background:#8c7458;}


.btns, .btnsr, .btnsrw, .btnsg, .btnsb{display:inline-block;overflow:hidden;padding:0;background:#fff;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-webkit-border-radius:1px;border-radius:1px;}
.btns > *, .btnsr > *, .btnsrw > *, .btnsg > *, .btnsb > *{display:block;height:2em;padding:0 8px;border:none;font-size:0.75em;font-weight:bold;line-height:2em;text-align:center;}
.btns {border:1px solid #909090;}
.btns > *{background:none !important;color:#555;}
.btnsrw {border:1px solid #f30904;background:#fafafa;}
.btnsrw > *{color:#f30904;background:none;}

.btnb, .btnbr, .btnp, .btnpr,.btnpg, .btnbb, .btnbbb, .btnbn {display:inline-block;overflow:hidden;padding:0;/*border:none;*/-webkit-border-radius:2px;border-radius:2px;font-size:0.95em;font-weight:bold;line-height:3em;text-align:center;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:content-box;box-sizing:content-box;}
.btnb > *, .btnbr > *, .btnp > *, .btnpr > *, .btnpg > *, .btnbb > *, .btnbbb > *, .btnbn > *{display:block;height:3em;padding:0 8px;margin:0;border:none;font-size:1em;font-weight:bold;line-height:3em;}
.btnb{border:1px solid #909090;}
.btnb > *{color:#555;background:#fff;}
.btnpr{border:1px solid #90100f;;background:#fe4947;}
.btnpg{border:1px solid #90100f;;background:#035589;}
.btnpr > *{color:#fff;background:#f62e3d;}
.btnpg > *{color:#fff;background:#035589;}
.btnbn{border:1px solid #38435c;background:#8b99b8;}
.btnbn > *{color:#fff;background:#62749b;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#6e80a6), to(#576a92));background: -webkit-linear-gradient(#6e80a6, #576a92);background:-ms-linear-gradient(#6e80a6, #576a92);background:linear-gradient(#6e80a6, #576a92);}


.title{margin:0 -10px;}


body #cts{margin-bottom:0;padding:0 10px 25px;background:#ffffff;}
.title.pay, .title.cart{overflow:hidden;height:2.2em;padding:0;background-color:#606B7F;border:none;color:#ffffff;font-size:1.06em;font-weight:normal;text-align:center;line-height:2.25em;}


/* ---------- cart ---------- */

.cart_prd{margin-top:10px;border:1px solid #cfcfcf;}
.cart_prd .cl{background:#fff;border-top:1px solid #cfcfcf;}
.cart_prd .cl:first-child{border-top:none;}
.cart_prd .mc{overflow:hidden;position:relative;min-height:82px;padding:8px 7px 10px 118px;}
.cart .cart_prd .mc{overflow:hidden;position:relative;min-height:82px;padding:8px 7px 10px 127px;}
.cart_prd .mc input[type='checkbox']{position:absolute;margin-left:-110px;}
.cart_prd .mc .chkBox{overflow:hidden;position:absolute;top:8px;left:9px;width:24px;height:24px;}
.cart_prd .mc .chkBox input[type='checkbox']{top:0;left:0;margin:0;}
.cart_prd .mc .chkBox label{font-size:0.5em;}
.cart_prd .mc > a:not(.btns){display:block}
.cart_prd .mc .pimg{position:absolute;width:80px;height:80px;margin-left:-88px;border:1px solid #e4e4e4;margin-right:10px;}
.cart_prd .mc .pimg img{position:absolute;top:0;bottom:0;left:0;right:0;max-width:80px;max-height:80px;margin:auto;}
.cart_prd .mc .pd{overflow:hidden;display:block;max-height:2.76em;margin-bottom:7px;font-size:.8em;line-height:1.39em;}
.cart_prd .mc .pd em{color:#0099cc;}
.cart_prd .mc .mt_opt{display:block;margin-top:13px;color:#8d6e63;font-size:.8em;}
.cart_prd .mc .mt_txt{display:block;margin-top:13px;color:#f62e3d;font-size:.8em;}
.cart_prd .mc .dly{display:block;margin-top:5px;color:#8c7458;font-size:.8em;}
.cart_prd .mc .dly:before{content:'[ ';}
.cart_prd .mc .dly:after{content:']';}
.cart_prd .mc .shocking{overflow:hidden;position:absolute;top:71px;right:10px;width:44px;height:18px;background:url('https://buy.m.11st.co.kr/MW/img/order/shockingdeal.png') no-repeat 0 0;background-size:100% 100%;color:transparent;}


 .cart_tab{overflow:hidden;margin:0 auto; margin-top:20px; width:50%;}
 .cart_tab a{box-sizing:border-box;-webkit-box-sizing:border-box;float:left;width:50%;height:41px;border:1px solid #cdcdcd;border-bottom:0;background-color:#fafafa;font-size:15px;font-weight:normal;line-height:41px;color:#bebebe;text-align:center;letter-spacing:-1px}
 .cart_tab a.on{position:relative;z-index:1;background-color:#686868;font-weight:bold;color:#ffffff}
 .cart_tab a:last-child{margin-left:-1px}


.cart_prd .opt{overflow:hidden;padding:9px 7px;margin:0 7px;border:1px solid #eeeef1;border-top:1px solid #eeeef1;border-bottom:none;background:#f3f7f9;}
.cart_prd .mc + .opt{border-top:1px solid #eeeef1;}
.cart_prd .opt .op_type{display:table;width:100%;margin-bottom:12px;}
.cart_prd .opt .op_name,
.cart_prd .opt .op_add{display:table-cell;padding:0;padding-right:7px;color:#5d5fd6;font-size:.8em;line-height:1.2em;vertical-align:middle;}
.cart_prd .opt .op_add{color:#666;}
.cart_prd .opt .op_btn{display:table-cell;text-align:right;white-space:nowrap;vertical-align:middle;}
.cart_prd .opt .op_btn button{height:24px;padding:0 10px;border:1px solid #afb0c1;background:#fafafa;color:#5d5d73;}
.num{float:left;position:relative;min-width:160px;}
.num label{position:absolute;overflow:hidden;width:1px;color:transparent;font-size:5px;}
.num input[type='tel']{width:52px;height:32px;margin:0 31px;border:1px solid #afb0c2;color:#333;font-size:17px;text-align:center;}
.num .qty_minus, .num .qty_plus{position:absolute;overflow:hidden;width:32px;height:32px;border:1px solid #afb0c2;text-indent:-1000px;
background:#f9f9f9;background:-webkit-linear-gradient(#fff, #f2f2f2);background:linear-gradient(#fff, #f2f2f2);}
.num .qty_minus{left:0;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;}
.num .qty_plus{left:82px;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;}
.num .qty_minus:before, .num .qty_plus:before{content:'';position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:#5d5e73;border-radius:2px;}
.num .qty_plus:after{content:'';position:absolute;top:50%;left:50%;width:2px;height:16px;margin:-8px 0 0 -1px;background:#5d5e73;border-radius:2px;}
.num .qty_modify{width:42px;height:32px;border:1px solid #afb0c2;color:#5d5d73;font-size:.85em;vertical-align:top;
background:#f9f9f9;background:-webkit-linear-gradient(#fff, #f2f2f2);background:linear-gradient(#fff, #f2f2f2);-webkit-border-radius:2px;border-radius:2px;}
.cart_prd .opt .prc{padding-top:8px;color:#333;font-size:12px;line-height:1.25em;letter-spacing:0;text-align:right;}
.cart_prd .opt .prc b{font-size:16px;font-weight:normal;}
.cart_prd .opt .type{position:relative;}
.cart_prd .opt .type .name{display:table-cell;height:22px;padding:0 80px 5px 7px;vertical-align:middle;}
.cart_prd .opt .type .btn_chg{position:absolute;right:7px;top:0;width:63px;height:25px;margin-left:10px;border:1px solid #a9b8cf;color:#586273;font-size:.75em;
background:#e7ecf1;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f2f5f9), to(#d2dbe3));background: -webkit-linear-gradient(#f2f5f9, #d2dbe3);background: -moz-linear-gradient(#f2f5f9, #d2dbe3);background:-ms-linear-gradient(#f2f5f9, #d2dbe3);background:-o-linear-gradient(#f2f5f9, #d2dbe3);background:linear-gradient(#f2f5f9, #d2dbe3);
box-shadow:0px 1px 0px #fff;-webkit-box-shadow:0px 1px 0px #fff;}


.cart_prd .clc{overflow:hidden;padding:0 7px 7px;margin:0 8px;border:1px solid #ededf0;border:1px solid #ededf0;}
.cart_prd .clc li{position:relative;margin-top:5px;font-size:.8em;line-height:1.2em;}
.cart_prd .clc li .prc{position:absolute;right:0;color:#777777;font-size:12px;}
.cart_prd .clc li .prc b{font-size:16px;font-weight:normal;}
.cart_prd .clc li.last .prc{color:#0068B7;}
.cart_prd .clc li.last .prc b{font-size:16px;}
.cart_prd .clc li.dly{position:static;}
.cart_prd .clc li.dly .prc{position:static;}
.cart_prd .clc li .prc.del{margin-right:5px;color:#666;text-decoration:line-through;}
.cart_prd .clc li .prc.del b{font-weight:normal;}
.cart_prd .clc li .vst{display:inline-block;padding:2px 5px 1px;margin:-1px 0 1px;border:1px solid #b7afe4;background:#fff;color:#877bcd;font-size:10px;line-height:1em;}
.cart_prd .btn_area{overflow:hidden;padding:10px 8px;text-align:right;}
.cart_prd .btn_area button{width:65px;padding:0;border-color:#909090;color:#555;vertical-align:top;}
.cart_prd .btn_area button.fbl{border-color:#5d5e97;color:#5b5c96;}
.cart_prd .btn_area button.frd{border-color:#f30904;color:#f4241f;}
.cart_prd .btn_area .ag_left{float:left;}
.cart_prd .btn_area .btn_soldout{display:inline-block;width:65px;height:1.9em;color:#f30904;font-size:.75em;font-weight:bold;line-height:1.9em;text-align:center;vertical-align:top;}


.cart_type{overflow:hidden;position:relative;padding:0 10px;margin:0 -10px;background:#fff;border-bottom:1px solid #bcc1c7;color:#111;font-size:.85em;line-height:44px;}
.cart_type .chkb{position:relative;color:#2d2d2d;font-size:.85em;line-height:38px;}

.cart_type .chkb .chkBox input[type='checkbox']{top:50%;margin-top:-12px;}
.cart_type .numb{float:right;  }
.cart_type .numb strong{color:#f62e3d;font-weight:normal; }
.cart_type .type{position:absolute;right:10px;top:6px;padding-left:5px;}
.cart_type .type li{float:left;}
.cart_type .type li a{display:block;overflow:hidden;width:33px;height:28px;border:1px solid #d0d0d0;color:transparent;font-size:5px;line-height:2em;}
.cart_type .type li.type1 a{border-right-width:0;}
.cart_type .type li.type1.on a{background-position:0 -43px;border-color:#90929b;border-right-width:1px;}
.cart_type .type li.type2 a{background-position:-34px -72px;border-left-width:0;}
.cart_type .type li.type2.on a{background-position:-34px -43px;border-color:#90929b;border-left-width:1px;}
.cart_type_btm{overflow:hidden;height:38px;padding:0 10px;margin:10px -10px 0;background:#fff;border-top:1px solid #bfc5ca;border-bottom:1px solid #bfc5ca;}
.cart_type_btm .chkb{position:relative;color:#2d2d2d;font-size:.85em;line-height:38px;}
.cart_type_btm .chkBox input[type='checkbox']{top:50%;left:0;margin-top:-12px;z-index:2;}
.cart_type_btm .chkBox label{padding-left:29px;}
.cart_type_btm .chkBox label:before{position:absolute;top:50%;left:0;margin-top:-12px;}


.btn_w3{overflow:hidden;margin:15px -5px 0;padding-bottom:1px;text-align:center;}
.btn_w3 div{float:left;display:table-cell;width:33.33%;}
.btn_w3 div > span,
.btn_w3 div a{display:block;margin:0 5px;}
.btn_w3 div a.btnb span{padding-left:0;padding-right:0;}
.btn_w3 div button{width:100%;padding:0;}


.btn_w3.btncart{margin-top:10px;}
.btn_w3.btncart div{width:38%;}
.btn_w3.btncart div:last-child{width:24%;}
.btn_w3.btncart div:first-child{width:76%;}
.btn_w3.btncart div > * {border:none;box-shadow:0 2px 2px 0 rgba(0,0,0,0.08);}
.btn_w3.fixed{position:fixed;left:0;bottom:0;width:100%;margin:0;padding:5px 4px;border-top:1px solid #2b2d34;background:rgba(0,0,0,0.8);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:99;}


.order_total{overflow:hidden;width:100%;margin:10px 0 0;border:1px solid #000;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
h1.cart ~ .order_total{box-shadow:none}
.order_total .total{display:table;width:100%;}
.order_total .total li{display:table-cell;position:relative;width:34%;text-align:center;vertical-align:top;}
.order_total .total li:nth-child(2){width:32%;}
/*.order_total .total li:before{content:'';position:absolute;left:0;width:0px;height:100%;border-left:1px solid rgba(0,0,0,0.1);}*/
html.android.v2_0 .order_total .total li:before{display:none;}


.order_total .total li span{display:block;height:44px;padding:14px 0;background:#686868;color:#fff;font-size:.8em;font-weight:bold;line-height:1.2em;-webkit-box-sizing:border-box;box-sizing:border-box;}
.order_total .total li  span{display:block;font-size:.85em;font-weight:normal;}
/*.order_total .total li:first-child em{padding:8px 0;}*/
.order_total .total li .cn{position:relative;height:50px;padding:17px 0 0;color:#111;font-size:.8em;line-height:1.2em;-webkit-box-sizing:border-box;box-sizing:border-box;}
.order_total .total li .cn strong{font-size:1.23em;}


.order_total .total li:nth-child(2) .cn:before{content:'';position:absolute;left:-10px;top:15px;width:20px;height:20px;}
.order_total .total li:last-child .cn {color:#e51a19;  }
.order_total .total li:last-child .cn:before{content:'';position:absolute;left:-10px;top:15px;width:20px;height:20px; }
.order_total .bft{padding:15px 8px 10px;border-top:1px solid #898989;background:#f7fbfe;}
.order_total .bft h2{margin-bottom:10px;color:#333;font-size:.8em;line-height:1.25em}
.order_total .bft ul{margin-top:2px;color:#666;font-size:.8em;line-height:1.25em}
.order_total .bft li{display:inline-block;}
.order_total .bft b{color:#333;}
.order_total .bft li .btns{margin:2px 0;vertical-align:middle;}
.order_total .bft li .btns *{font-size:.9em;}
.order_total .bft .add{margin-top:2px;color:#666;font-size:.8em;line-height:1.25em}


.cart_note{margin:10px 0 0;border:1px solid #ababab;background:#fff;}
.cart_note .tit_note{padding:9px 0 9px 28px;margin:0;background:#f8f8f8;}
.cart_note .tit_note:before{content:'';position:absolute;margin:1px 0 0 -19px;width:16px;height:16px;}
.cart_note .ntc_lst{margin:0;padding:7px 9px 10px;border-top:1px solid #d8d8d8;}


.layer_confirm{display:none;position:absolute;left:50%;top:50%;width:276px;padding:10px;border:2px solid #676767;background:#fff;/*margin:-69px 0 0 -150px;*/margin-left:-150px; z-index:102;}
.layer_confirm p{padding:10px 0 20px;border-bottom:1px solid #8c8c8c;color:#3b3e46;font-size:1em;font-weight:bold;line-height:1.2em;text-align:center;}
.layer_confirm p strong{color:#ef420d;}
.layer_confirm .btn_w2{margin-top:12px;text-align:center;}
.layer_confirm .cont {padding:10px 10px 20px;border-bottom:1px solid #8c8c8c;}
.layer_confirm .cont h2{color:#3b3e46;font-size:0.85em;line-height:1.2em;}
.layer_confirm .cont p{margin-top:10px;padding:0;border-bottom:none;font-size:0.8em;font-weight:normal;line-height:1.2em;text-align:left;}