diff --git a/css/mobile_shop.css b/css/mobile_shop.css index 81efe5759..57afc4ac8 100644 --- a/css/mobile_shop.css +++ b/css/mobile_shop.css @@ -191,19 +191,43 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} #smb_my_wish .info_link {display:block;padding:5px 0;font-size:1.2em;font-weight:bold} #smb_my_wish .info_date {position:absolute;bottom:10px;right:0} -/* 장바구니 */ -#sod_bsk {} -.sod_img {width:100px;text-align:center} +/* 장바구니 주문서 공통 */ +#sod_chk {padding:0 0 10px;text-align:right} + +#sod_list {position:relative;margin:0;padding:0;list-style:none} +#sod_list .sod_li {position:relative;padding:5px 0} +#sod_list .sod_li:nth-of-type(1) {border-top:1px solid #e9e9e9} +#sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:""} +#sod_list .li_chk {position:absolute;top:12px;right:0} +#sod_list .li_name {margin:0 0 15px} +#sod_list .li_name a {display:block;width:90%} +#sod_list .li_name strong {display:inline-block;padding:8px 0 10px;font-size:1.167em} +#sod_list .li_prqty {margin:0 0 5px;padding:0 0 15px;border-bottom:1px solid #e9e9e9} +#sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:""} +#sod_list .li_prqty span {font-weight:bold} +#sod_list .li_prqty span span {font-weight:normal} +#sod_list .prqty_price {float:left;padding:0 2% 0 0;width:48%;border-right:1px solid #e9e9e9;text-align:right} +#sod_list .prqty_qty {float:right;width:48%;text-align:left} +#sod_list .li_cp, #sod_list .li_mod {margin:5px 0 0} +#sod_list .li_cp .cp_btn, #sod_list .li_mod .mod_btn {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#ff882a;color:#fff;font-weight:bold} +#sod_list .li_total {position:relative} +#sod_list .total_img {position:absolute;top:0;left:0} +#sod_list .total_span {display:block;position:relative;padding:5px 0;text-align:right} +#sod_list .total_span span {position:absolute;top:5px;left:0} +#sod_list .total_price {border-bottom:1px solid #e9e9e9} + .sod_opt {border-top:1px dashed #e9e9e9;background:#f2f5f9} .sod_opt ul {margin:0;padding:0;list-style:none} .sod_opt li {padding:8px} -.sod_option_btn .mod_options {margin:0 0 10px;padding:5px 0;width:100%;border:0;background:#333;color:#fff} + +/* 장바구니 */ +#sod_bsk {} #sod_bsk_list {position:relative} #sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:0;left:0;padding:20px;width:320px;height:auto !important;height:480px;max-height:480px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll} html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ -#sod_bsk_tot {margin:0;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9} +#sod_bsk_tot {margin:0 0 15px;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9} #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} #sod_bsk_tot dt, #sod_bsk_tot dd {float:left;padding:10px 0;border-bottom:1px solid #e9e9e9} #sod_bsk_tot dt {padding-left:2%;width:48%;font-weight:bold} @@ -212,7 +236,8 @@ html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !impor .sod_bsk_point {border-bottom:0 !important} #sod_bsk_act {margin:0 0 20px;text-align:center} -#sod_bsk_act p {margin:0} +#sod_bsk_act a.btn01 {height:2.4em;line-height:2.6em;vertical-align:middle} +#sod_bsk_act button.btn01 {height:2.6em;line-height:2.6em} /* 위시리스트 */ #sod_ws {} @@ -236,25 +261,6 @@ html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !impor #sod_frm {} #sod_frm h2 {margin:0 0 10px} -#sod_list {position:relative;margin:0;padding:0;list-style:none} -#sod_list .sod_li {position:relative;padding:5px 0} -#sod_list .sod_li:nth-of-type(1) {border-top:1px solid #e9e9e9} -#sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:""} -#sod_list .li_name {margin:0 0 15px} -#sod_list .li_name strong {display:inline-block;padding:8px 0 10px;font-size:1.167em} -#sod_list .li_prqty {margin:0 0 5px;padding:0 0 15px;border-bottom:1px solid #e9e9e9} -#sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:""} -#sod_list .li_prqty span {font-weight:bold} -#sod_list .li_prqty span span {font-weight:normal} -#sod_list .prqty_price {float:left;padding:0 2% 0 0;width:48%;border-right:1px solid #e9e9e9;text-align:right} -#sod_list .prqty_qty {float:right;width:48%;text-align:left} -#sod_list .li_cp {margin:5px 0 0} -#sod_list .li_cp .cp_btn {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#ff882a;color:#fff;font-weight:bold} -#sod_list .li_total {position:relative} -#sod_list .total_img {position:absolute;top:0;left:0} -#sod_list .total_span {display:block;position:relative;padding:5px 0;text-align:right} -#sod_list .total_span span {position:absolute;top:5px;left:0} -#sod_list .total_price {border-bottom:1px solid #e9e9e9} #sod_list #cp_frm {z-index:10000;position:absolute;top:0;left:0;padding:10px;width:278px;height:auto !important;height:480px;max-height:480px;border:1px solid #c9c9c9;background:#f2f5f9;overflow-y:scroll} html.no-overflowscrolling #cp_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ diff --git a/mobile/shop/cart.php b/mobile/shop/cart.php index 11cc2643a..34baf7c7f 100644 --- a/mobile/shop/cart.php +++ b/mobile/shop/cart.php @@ -10,22 +10,13 @@ include_once(G5_MSHOP_PATH.'/_head.php');