@charset "utf-8";

.shopBack .title-area{margin-bottom:30px;}
.shopBack .title-area strong{font-size:22px;color:#000;font-family: 'Dream Bold';display:inline-block;margin-bottom:10px;}
.shopBack .title-area p.right{font-size:13px;color:#666;font-family: 'Dream Medium';display:inline-block;padding-top:15px;float:right}
.del-notice{background:#f6f6f6;padding:10px;}
.del-notice .left{color:#ff0000;font-size: 15px;font-family: 'Dream Medium';}
.notice-box{background:#f7f7f7;padding:25px;padding-top:20px;}

.shopBack .sel-delte{text-align: right;line-height:1;}
.shopBack .sel-delte > li{display:inline-block;position: relative;}
.shopBack .sel-delte > li a{font-size: 13px;color:#000;font-family: 'Dream Medium';}
.shopBack .sel-delte > li + li{padding-left: 12px;margin-left:10px;}
.shopBack .sel-delte > li + li:before{content:'';width:1px;height: 13px;position: absolute;left:0;top: 3px;background: #ddd;}

.shopBack .total-select{margin-bottom: 5px;margin-top: -25px;}
.shopBack .check-icon{display:inline-block;vertical-align:middle;position: relative;top: -2px;}
.shopBack .check-icon input[type="checkbox"]{-webkit-appearance: none;width:20px;height: 20px;border:2px solid #017b47;border-radius: 5px;vertical-align: middle;position:relative;margin: 0;cursor: pointer;}
.shopBack .check-icon input[type="checkbox"] + span{display:none;}
.shopBack .check-icon input[type="checkbox"]:checked{cursor: pointer;}
.shopBack .check-icon input[type="checkbox"]:checked + span{width: 18px;height: 18px;z-index: -1;background: url('../images/check-icon.png') no-repeat center;display: block;position: absolute;left:50%;top:50%;margin-left: -9px;margin-top: -7px;}
.shopBack .table-area .total-select label{font-size:13px;color:#000;font-family: 'Dream Medium';vertical-align: middle;margin-left: 5px;}

.shopTable table{border-top:2px solid #000;width:100%;}
.shopTable table .col-check{width:30px;}
.shopTable table .col-title{}
.shopTable table .col-price{width:28%;}
.shopTable table .col-delivery{width:15%;}
.shopTable table .col-btn{width:12%;}
.shopTable table thead th{color:#000;font-size:15px;font-family: 'Dream Regular';border-bottom:1px solid #bbb;padding:10px 5px;}
.shopTable table tbody td{border-bottom:1px solid #c4c4c4;font-size: 16px;color:#333;font-family: 'Dream Medium';}

.goods-info{text-align: left;padding:25px 30px;}
.goods-info .thum{display: inline-block;vertical-align: top;width:120px;height: 120px;overflow: hidden;padding:right:10px;}
.goods-info .thum img{max-width:100%;max-height: 100%;}
.goods-info .conts{display:inline-block;vertical-align: top;position: relative;width: calc(100% - 140px);}
.goods-info .conts strong{font-size: 16px;color:#000;font-family: 'Dream Medium';display: block;margin-bottom: 12px;line-height:140%;word-break:break-all}
.goods-info .conts p{font-size: 14px;color:#868686;font-family: 'Dream Regular';position:relative;display: inline-block;vertical-align: middle;line-height: 1.4;}
.goods-info .conts p > span{color:#666;font-family: 'Dream Regular';border:1px solid #999;font-size:13px;padding:2px 4px; border-radius:4px;}

.price-font{color:#000;font-size: 16px;font-family: 'Dream Medium';display: block;-webkit-appearance: none;margin-bottom: 3px;}

.price-font > span{/* display: block; */line-height: 1;}
.price-font .beforePrice{}
s{font-size:13px; color:#999;font-family: 'Dream Light';}
.num-box1{font-size:0;}
.num-box1 button{width:30px;height: 30px;border:1px solid #d8d8d8;text-indent: -9999px;display: inline-block;vertical-align: top;}
.num-box1 button.minus{border-radius: 5px 0 0 5px;background:url('../images/minus.png') no-repeat center;}
.num-box1 button.plus{border-radius: 0 5px 5px 0;background:url('../images/plus.png') no-repeat center;}
.num-box1 input[type="number"]::-webkit-inner-spin-button,
.num-box1 input[type="number"]::-webkit-outer-spin-button {display: none;}
.num-box1 input[type="number"]{width:40px;height: 30px;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;font-size: 14px;color:#7c7c7c;text-align: center;line-height: 30px;border-left: 0 !important;border-right: 0 !important;display: inline-block;vertical-align: top;}

.peiceTxt{font-size:14px;color:#666;padding:5px 0;}
.purpleBtn{background:#4437c3;color:#fff !important;display:inline-block;margin-left: 5px;font-size: 12px;padding: 3px 8px;border-radius:5px;font-family: 'Dream Regular';}

.buy-btn{font-size: 13px;font-family: 'Dream Medium';background:#fff;padding:1px;border-radius: 5px;border:1px solid #666;color:#000 !important;display: inline-block;margin:5px 0;width:70px}
.buy-delete{width:35px;height: 35px;border:1px solid #969696;background: url('../images/trash-icon.png') no-repeat center;border-radius: 10px;display: inline-block;margin:5px 0;text-indent:-9999px;}

.totalPrice{background: #f9f9f9;border-bottom:1px solid #c4c4c4;padding:25px 0;text-align: center;margin-bottom:30px;}
.totalPrice.long{position:relative;margin-bottom: 10px;}
.totalPrice.long .right{position:absolute;right: 40px;top: 26px;}
.priceBox{display: inline-block;vertical-align: middle;}
.priceBox span{font-family: 'Dream Medium';font-size:13px;color:#000;display: block;margin-bottom: 3px;}
.priceBox strong{display: block;color:#000;font-family: 'Dream Bold';font-size: 22px;}
.priceBox .color{color:#077e4b;font-family: 'Dream ExtraBold';}
.plusBox,
.equalBox,
.minusBox{margin: 0 40px;display: inline-block;vertical-align: middle;font-size: 25px;color:#7c7c7c;font-family: 'Dream Light';}

.shop-btn{padding:20px 0;text-align: center;}
.shop-btn .btn{font-size:16px;font-family: 'Dream Medium';padding:15px 25px;border-radius: 10px;display: inline-block;width:20%;margin:0 1px;}
.shop-btn .btn.whiteType{background: #fff;color:#017b47;border:1px solid #017b47;}
.shop-btn .btn.greenType{background: #017b47;color:#fff;border:1px solid #017b47;}
.shop-btn .btn.grayType{background: #8e8e8e;color:#fff;border:1px solid #8e8e8e;}

.beforeOrder{background:#f9f9f9;padding:35px;margin-top:30px;}
.beforeOrder > strong{color:#017b47;font-size:18px;display: block;font-family: 'Dream Bold';padding: 0 0 10px 35px;position: relative;background: url('../images/info-icon.png') no-repeat left 0px;}
.beforeOrder > ul{padding-left:35px;}
.beforeOrder > ul > li{font-size:16px;color:#000;font-family: 'Dream Regular';position: relative;padding-left:13px;}
.beforeOrder > ul > li:before{content:'';width:4px;height: 1px;background: #000;position: absolute;left:0;top:11px;}
.beforeOrder > ul > li + li{margin-top:5px;}

.point-txt span{font-size:16px; font-weight:bold;}

.myWrap{display: flex;justify-content: left;position: relative;width:100%;}
.myWrap .myLeft{width:260px;padding-right:60px;}
.mypageBox{border:1px solid #ddd;padding:25px;border-radius: 10px;}
.mypageBox .box{padding-bottom:20px;border-bottom:1px dashed #ddd;}
.mypageBox .box strong,
.mypageBox .box strong a{font-size:18px;font-family: 'Dream Medium';color:#000;display: block;}
.mypageBox .box + .box{padding-top:20px;}
.mypageBox .box.bordernone{border-bottom:0;}
.mypageBox .box ul{margin-top:10px;}
.mypageBox .box ul li,
.mypageBox .box ul li a{font-size: 14px;color:#666;display: block;font-family: 'Dream Regular';}
.mypageBox .box ul li + li{margin-top:3px;}
.mypageBox .logBtn{color:#505050;font-size: 14px;font-family: 'Dream Bold';display: block;padding:12px 10px;border:1px solid #333;text-align: center;margin-top:15px;border-radius:7px;}

.myWrap .myRight{width:calc(100% - 260px);}

.num{margin-top:-2px;display: inline-block; width: 16px; height: 16px;margin-right: 5px;background: #017b47;border-radius: 50%;font-family: 'Montserrat';font-size: 10px;text-align: center;vertical-align: middle;letter-spacing: -0.5px;line-height: 16px;color: #fff;}


@media all and (max-width:1023px) {
.myWrap{display:block;}
.myWrap .myLeft{width:100%;margin-bottom:40px;padding-right:0;}
.mypageBox{padding: 5px 15px 20px;display:flex;flex-wrap:wrap;width:100%;}
.mypageBox .box{width:50%;border-bottom: 0;padding-bottom: 0;}
.mypageBox .box + .box{padding:0;}
.mypageBox .box strong{font-size:16px;padding:10px 0 5px;line-height: 1.6;}
.mypageBox .box strong a{font-size:16px;}
.mypageBox .box ul{margin-top:0;}
.mypageBox .box ul li,
.mypageBox .box ul li a{font-size:13px;line-height:1.4;}
.mypageBox .logBtn{width:100%;}
.shop-btn .btn{width:30%}

.myWrap .myRight{width:100%;}
}

@media all and (max-width:860px) {
.shopBack .del-notice{display:block;}
.shopBack .del-notice > span{display:block;}
.shopBack .sel-delte{position:relative;top:7px;}
.shopTable table{display:block;}
.shopTable table thead{display:none;}
.shopTable table tbody{display:block;}
.shopTable table tbody tr{display:block;border-bottom:1px solid #eaeaea;overflow:hidden;padding: 10px 0;position:relative;}
.shopTable table tbody td.select-td,
.shopTable table tbody td.goods-td{display:block;border:0;padding:0;float:none;text-align: left;}
.shopTable table tbody td{display:inline-block;border:0;padding: 0 5px;vertical-align: top;padding-left:0px;border-bottom:0;}
.shopTable table tbody td.check-td{float:left;width:40px;}
.shopTable table tbody td .mgUl{display:flex;}
.shopTable table tbody td .mgUl li + li{margin-top:0;}
.shopTable table tbody td.first-td{display:block;border:0;padding:0;float:left;text-align: left;width:calc(60% - 40px) ; }
.shopTable table tbody td.price-td{float:left;width:25%  }
.shopTable table tbody td.btn-td{float:left;width:15% ; }

.goods-info{padding: 10px;}
.goods-info .thum{width:80px;height:80px;}
.shopTable .goods-info .conts{padding-left: 0px;width:calc(100% - 90px);}
.goods-info .conts p{font-size:13px;line-height: 1.6;max-height: 42px;max-width: 100%;position: relative;}
.goods-info .conts p > span{font-size:12px;padding:1px 3px;}
.goods-info .conts strong{font-size:14px;max-height:initial;margin-bottom:5px;line-height: 1.4;word-break:break-all}
.goods-info .conts{width: calc(100% - 90px);}

.buy-btn{font-size: 13px;font-family: 'Dream Medium';background:#fff;padding:1px;border-radius: 5px;border:1px solid #666;color:#000 !important;display: inline-block;margin:5px 0;width:70px}
.buy-delete{width:35px;height: 35px;border:1px solid #969696;background: url('../images/trash-icon.png') no-repeat center;border-radius: 10px;display: inline-block;margin:5px 0;text-indent:-9999px;}

.buy-delete{display:none;}
.price-font{font-size:16px;line-height:1.25;display:block;padding-top: 5px;margin-right: 0px;}
.peiceTxt{display:inline-block;padding: 0 0 0 5px;}
.purpleBtn{vertical-align:top;}
.num-box1{display:inline-block;vertical-align:middle;}


.totalPrice{background: #f9f9f9;border-bottom:1px solid #c4c4c4;padding:25px 0;text-align: center;margin-bottom:30px;}
.totalPrice.long{position:relative;margin-bottom: 10px;}
.totalPrice.long .right{position:absolute;right: 40px;top: 26px;}
.priceBox{display: inline-block;vertical-align: middle;}
#sleDlvyTotamtDD{color:#077e4b;font-family: 'Dream ExtraBold';}
.price-font > span s{font-size:13px; color:#999;}

.priceBox span{font-family: 'Dream Medium';font-size:13px;color:#000;display: block;margin-bottom: 3px;}
.priceBox strong{display: block;color:#000;font-family: 'Dream Bold';font-size: 22px;}
.plusBox,
.equalBox,
.minusBox{margin: 0 40px;display: inline-block;vertical-align: middle;font-size: 25px;color:#7c7c7c;font-family: 'Dream Light';}
.shop-btn .btn{width:30%}


}


@media all and (max-width:780px) {
.plusBox,.equalBox,.minusBox{margin: 0 20px;}
s{display:block; text-align:center;}
.purpleBtn{display:inline-block; width:fit-content;margin-top:3px;}
.shop-btn .btn{width:30%}
.price-font{font-size:16px;line-height:1.25;display:block;padding-top: 5px;margin-right: 0px;}
}

@media all and (max-width:600px) {
.shop-btn .btn{min-width:initial;width:40%;margin:3px 0;font-size: 14px;padding: 12px 0;}

.shopTable table tbody td.first-td{display:block;border:0;padding:0;float:left;text-align: left;width:calc(100% - 40px) ; }
.shopTable table tbody td.price-td{display:block;float:left;width:100%; text-align:right }
.shopTable table tbody td.btn-td{display:block;width:100%;margin-top;5px;background:#eee; margin-top:5px;}


.shopTable strong.point{font-size: 14px;}
.goods-info .conts{width: calc(100% - 90px);}
.point-txt span{font-size:14px; font-weight:bold;}
.peice-font{font-size:14px;display:inline }
.buy-btn{font-size:12px;width:30%}
.buy-btn + .buy-btn{margin-left:20px;}

.price-font > span s{font-size:12px;display:inline;}
.purpleBtn{display:inline-block; width:fit-content;margin-top:0px;}

.totalPrice{padding:10px;}
.priceBox {display:inline-block;width:100%;line-height:1;}
.priceBox span{font-family: 'Dream Medium';font-size: 14px;color:#000;display: inline-block;width:40%;float:left;text-align:left;}
.priceBox strong{display: inline-block;color:#000;font-family: 'Dream Bold';font-size: 14px;float:right;width:40%;text-align:right;}
.plusBox,
.equalBox,
.minusBox{display:none;}
.price-font{font-size:14px;margin-right:0px;}
.totalPrice.long.right{position:none}
.totalPrice.long.right span, .totalPrice.long.right strong {font-size:14px;font-family:'Dream Regular'}
  
}

@media all and (max-width:420px) {
 .shopBack .title-area p.right{float:unset}  
    
}