diff --git a/css/default_shop.css b/css/default_shop.css index 80245e6a7..d56f08463 100644 --- a/css/default_shop.css +++ b/css/default_shop.css @@ -164,6 +164,7 @@ box-shadow:0 2px 5px rgba(0,0,0,0.2)} #category_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999} #category .no-cate{text-align:center;padding:15px} + /* 중간 레이아웃 */ /* #wrapper {z-index:5;margin:0 auto;width:1200px;position:relative} */ #wrapper {z-index:5;position:relative;width:100%;background:#f6f6f6} @@ -569,42 +570,50 @@ box-shadow:0 1px 10px rgba(0,0,0,.1)} #sit_rec_new .win_btn {margin:20px 0} /* 마이페이지 */ -#smb_my {position:relative;margin-bottom:30px} -#smb_my:after {display:block;visibility:hidden;clear:both;content:""} +#smb_my {position:relative} -/* 마이페이지 aside */ -#smb_my_ov {position:relative;float:left;margin:0 10px 0 0;width:265px;border:1px solid #e8e8e8;background:#fff;margin-right:20px} +#smb_my_ov {margin:0 0 20px;position:relative} #smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#smb_my_ov .smb_me {display:block;background:#fff;border-bottom:1px solid #e8e8e8;padding:20px;text-align:center;font-size:1.167em} -#smb_my_ov .smb_me img {width:45px;border-radius:50%} -#smb_my_ov .smb_me .my_ov_name {display:inline-block;margin-bottom:10px;line-height:28px} -#smb_my_ov .smb_me a {display:inline-block;font-size:0.85em;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#8a8a8a;border-radius:2px;padding:2px 5px} -#smb_my_ov .smb_me a.smb_info {color:#3a8afd} - -#smb_private:after {display:block;visibility:hidden;clear:both;content:""} -#smb_private {padding:10px 0} -#smb_private li {text-align:left;position:relative;text-align:left} -#smb_private a {display:block;background:#fff;color:#465168;line-height:20px;padding:10px 20px 10px 25px} -#smb_private a strong {display:inline-block;float:right;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;color:#3a8afd;padding:0 5px;border-radius:15px;font-size:0.92em} -#smb_private a:hover strong {background:#4b8bff} -#smb_private li a:hover {color:#4b8bff} -#smb_private li a:hover:after {position:absolute;left:0;top:0;width:2px;height:100%;background:#3a8afd;content:""} -#smb_private li i {width:25px;color:#8c9eb0;margin-right:5px} -#smb_private li:hover i {color:#3a8afd} -#smb_private .win_point strong {background:#37bc9b;color:#fff} -#smb_private .win_memo strong {background:#ff8b77;color:#fff} -#smb_private .win_scrap strong {background:#8cc152;color:#fff} -#smb_private .win_coupon strong {background:#a352c1;color:#fff} - -#smb_my_ov h3 {font-size:1.2em;padding:20px 20px 10px;border-top:1px solid #e8e8e8} -#smb_my_ov .op_area {border-top:0;padding:0 20px;line-height:18px;color:#555} +#smb_my_ov .my_ov_name{display:block;background:#fff;border:1px solid #ccc;line-height:45px;padding:0 20px;font-size:1.167em;} +#smb_my_ov .my_ov_name img{width:20px;border-radius:50%} +#smb_my_act {position:absolute;top:-35px;right:0;zoom:1} +#smb_my_act:after {display:block;visibility:hidden;clear:both;content:""} +#smb_my_act ul {float:right;margin:0;padding:0;list-style:none} +#smb_my_act li {float:left;margin:0 0 0 4px} +#smb_my_act li a{line-height:25px;padding:0 5px} +#smb_my_act li .btn_admin{height:27px;} +#smb_my_ov .cou_pt{position:absolute;top:0 ;right:0;} +#smb_my_ov .cou_pt dt{float:left;width:90px;line-height:45px;} +#smb_my_ov .cou_pt dd{float:left;width:110px;text-align:right;padding:0 20px 0 0 ;line-height:45px;} +#smb_my_ov .cou_pt dd a{color:#ff2b64;font-weight:bold;font-size:1.167em} +#smb_my_ov .op_area{background:#fff;border:1px solid #ccc;border-top:0;padding:10px 15px;line-height:18px;color:#555} +#smb_my_ov .btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px} #smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""} -#smb_my_ov .op_area dt {margin:5px 0;padding-top:5px;font-weight:bold;color:#8c9eb0;line-height:20px} -#smb_my_ov .op_area dd {margin:5px 0;padding-bottom:10px;border-bottom:1px dashed #e5e5e5} -#smb_my_ovaddt {border-bottom:0 !important} -#smb_my_ovaddd {border-bottom:0 !important} +#smb_my_ov .op_area dt{float:left;width:10%;margin:3px 0;font-weight:bold} +#smb_my_ov .op_area dd{float:left;width:40%;;margin:3px 0} +.my_ov_btn{text-align:center;} +.my_ov_btn button{background:#fff;border:1px solid #ccc;vertical-align:top;border-top:0;padding:0 20px;height:25px} +.my_ov_btn button:hover{background:#f3f3f3} -.withdrawal {display:block;padding:10px 20px;border-top:1px solid #e8e8e8;color:#c7c7c7} +#smb_my_ovaddd{width:90%} + +#smb_my_ovaddt {border-bottom:0 !important} +#smb_my_ovaddd {width:590px !important;border-bottom:0 !important} + +#smb_my_od {margin:0 0 50px;position:relative} +#smb_my_od h2 {margin:0 0 10px;font-size:1.25em;} +#smb_my_od td{text-align:center} +#smb_my_od td a{font-weight:bold} +#smb_my_wish{position:relative;} +#smb_my_wish h2 {margin:0 0 10px;font-size:1.25em;padding:0 0 10px;border-bottom:2px solid #000} +.smb_my_img{margin:0 0 5px;} +.smb_my_tit{margin:5px 0 ; font-size:1.167em;font-weight:bold} +.smb_my_date{font-size:0.92em;color:#777} +.smb_my_more {position:absolute;top:0;right:0;} +#smb_my_wish .list_02 .smb_my_img{float:none;margin:0} +.smb_my_more a{display:block;background:url('../img/more-btn.gif') no-repeat 0 2px;padding-left:20px;height:30px} +.smb_my_img a{display:block} +.smb_my_img a img{max-width:100%;height:auto} /* 마이페이지 list */ #smb_my_list {float:left;width:915px} @@ -711,21 +720,24 @@ margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;ove /* 주문서 작성 */ #sod_frm {} +#sod_frm:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm p {margin:0 0 10px} #sod_frm .od_prd_list {margin-bottom:20px} #sod_list {position:relative} #sod_list #cp_frm {z-index:10000;position:absolute;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-270px;margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit} -.od_coupon_wrap {content:"";display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);z-index:9999} -.od_coupon h3 {border-bottom:1px solid #e8e8e8;padding:0 20px;line-height:50px;margin:0 0 15px;font-size:1.25em;text-align:left} -.od_coupon .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;border:0;border-radius:0;background:none;font-size:1.25em} -.od_coupon .btn_close:hover {background:#f3f3f3} -.od_coupon .tbl_head02 {margin:20px} -.od_coupon .cp_apply {padding:0 5px;border:1px solid #3a8afd;color:#3a8afd;background:#fff;height:23px;line-height:21px} -.od_coupon td,#sod_frm_pay .od_coupon td {text-align:left;border-left:0;padding:7px} -#sod_frm_pay .od_coupon th {width:auto;text-align:center;padding:7px;background:#f3f3f3;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3} -.od_coupon .td_numbig, #sod_frm_pay .od_coupon .td_numbig {text-align:center} -.od_coupon .td_mngsmall {width:60px} +.od_coupon h3{border-bottom: 1px solid #cdcdcd;padding: 0 20px;line-height: 50px;margin: 0 0 15px;font-size: 1.25em;text-align:left; +-webkit-box-shadow: 1px 2px 2px #eee; +-moz-box-shadow: 1px 2px 2px #eee; +box-shadow: 1px 2px 2px #eee;} +.od_coupon .btn_close {position: absolute;top: 0;right: 0;width: 50px;height: 50px;border: 0;background: none;border-left: 1px solid #cdcdcd;font-size: 1.25em;} +.od_coupon .btn_close:hover{background:#f3f3f3} +.od_coupon .tbl_head02{margin:20px} +.od_coupon .cp_apply{padding: 0 5px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;} +.od_coupon td,#sod_frm_pay .od_coupon td{text-align:left;border-left:0;padding:7px} +#sod_frm_pay .od_coupon th{width:auto;text-align:center;padding: 7px;background: #f3f3f3;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;} +.od_coupon .td_numbig,#sod_frm_pay .od_coupon .td_numbig{text-align:center;} +.od_coupon .td_mngsmall{width:60px} /* 주문서 작성 - 왼쪽 */ .sod_left {display:inline-block;float:left;width:840px;margin-right:20px;vertical-align:top} @@ -756,9 +768,77 @@ margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;ove #sod_frm_taker .tbl_frm01 td .ad_choice input {width:auto} /* 주문서 작성 - 공통 */ +#sod_frm_orderer, #sod_frm_taker {margin:0 0 30px;border:1px solid #e3e5e8;background:#fff} +#sod_frm section h2 {border-bottom:1px solid #e2e4e7;font-size:1.167em;padding:20px} #sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0} +/* 5.4.1.3 버전이후 추가 css */ +#sod_frm div.tbl_frm01, #sod_frm_taker div.tbl_frm01{padding:0px 10px !important} +#sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td{padding:10px;line-height:45px} +#sod_frm .tbl_frm01 th{width:94px} +#sod_frm #od_name,#sod_frm #od_tel,#sod_frm #od_hp,#sod_frm #od_pwd,#sod_frm #od_b_name,#sod_frm #od_b_tel,#sod_frm #od_b_hp,#sod_frm #ad_subject,#sod_frm #od_hope_date{width:40%} +#sod_frm #od_zip,#sod_frm #od_b_zip{width:90px} +#sod_frm .tbl_frm01 td .btn_address {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px} +#sod_frm #od_memo{min-height:100px} +#sod_frm_taker .order_choice_place{position:relative;background:#edf3fc;border:1px solid #d1ddee;padding-left:10px} +#sod_frm_taker .tbl_frm01 .btn_frmline{float:none;position:absolute;top:8px;right:10px} +#sod_frm #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} +#sod_frm #sod_bsk_tot li{position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0} +#sod_frm #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""} +#sod_frm #sod_bsk_tot li span{display:block;color:#777;margin-bottom:5px;font-weight:bold} +#sod_frm #sod_bsk_tot .sod_bsk_sell,#sod_frm #sod_bsk_tot .sod_bsk_coupon{border-right:1px solid #e7ebf1} +#sod_frm #sod_bsk_tot .sod_bsk_point,#sod_frm #sod_bsk_tot .sod_bsk_cnt{width:100%;clear:both;height:40px;padding:0 15px;line-height:40px;text-align:right} +#sod_frm #sod_bsk_tot li:last-child {border-bottom:0 none} +#sod_frm #sod_bsk_tot .sod_bsk_point span,#sod_frm #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0} +#sod_frm #sod_bsk_tot .sod_bsk_coupon:before{display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;} +#sod_frm #sod_bsk_tot .sod_bsk_dvr:before{display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;} +#sod_frm #sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c;font-size:1.25em} +#sod_frm_pay {position:relative;margin:10px 0} +#sod_frm #sod_frm_pay h2 {position:absolute;border:0;font-size:0;line-height:0;content:""} +#sod_frm_pay .pay_tbl table{width:100%;border-collapse:collapse} +#sod_frm_pay .pay_tbl th{text-align:left;padding:10px;width:80px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777} +#sod_frm_pay .pay_tbl td{text-align:right;padding: 10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff} +#sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px} +#sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 0;} +#od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px} +#od_tot_price span{float:left;font-weight:bold} +#od_tot_price strong{font-size:1.5em;color:#ff006c} +#sod_frm #sod_frm_pt_alert {margin:5px 0;color:#38b2bb } +#od_pay_sl h3{font-size:1.167em;margin:20px 0 5px} +#od_pay_sl input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;} +#od_pay_sl .lb_icon {display: inline-block;float:left;width:50%;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1} +#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3} +#sod_frm_paysel {} +#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden} +#sod_frm_paysel .KPAY{background:url('../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .PAYNOW{background:url('../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .PAYCO{background:url('../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .inicis_lpay{background:url('../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .kakaopay_icon{background:url('../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .bank_icon{background:url('../img/pay_icon1.png') no-repeat 15px 50% #fff} +#sod_frm_paysel .vbank_icon{background:url('../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px} +#sod_frm_paysel .iche_icon{background:url('../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px} +#sod_frm_paysel .hp_icon{background:url('../img/pay_icon3.png') no-repeat 24px 50% #fff} +#sod_frm_paysel .card_icon{background:url('../img/pay_icon4.png') no-repeat 17px 50% #fff} +#forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8} +#forderform .od_pay_buttons_el{margin-top:20px;border:1px solid #e3e5e8;background:#fff;padding:10px} +#forderform .od_pay_buttons_el h3{font-size:1.167em;margin:0px 0 5px} +#forderform #sod_frm_pt{border-top:1px solid #e3e5e8} + +.sod_right .pay_tbl{border:1px solid #e3e5e8;border-bottom:0 none} +.sod_right #od_tot_price{border:1px solid #e3e5e8} +#sod_frm_pay .od_pay_buttons_el:after{display:block;visibility:hidden;clear:both;content:""} +#sod_frm_pay .sod_frm_point{margin-top:20px;border:1px solid #e3e5e8} +#sod_frm_pay .sod_frm_point div{background:#fff;padding:10px;text-align:left;text-align:right} +#sod_frm_pay .sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''} +#sod_frm_pay .sod_frm_point div label{float:left;line-height:30px;font-weight:bold} +#sod_frm_pay .sod_frm_point div span{display:block} +#sod_frm_pay .sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''} +#sod_frm_pay .sod_frm_point div strong{float:left;color:#666} +#sod_frm_pay .sod_frm_point .max_point_box em{font-style:normal !important} +#sod_frm_pay .sod_frm_point #od_temp_point{height:30px;text-align:right;padding:0 5px;border:1px solid #ccc;} + /* 주문서 작성 - 오른쪽 */ .sod_right {display:inline-block;float:left;width:340px;height:100%;vertical-align:top} @@ -807,14 +887,17 @@ margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;ove #sod_point .point_ipt #od_temp_point {width:100px;height:30px;text-align:right;padding:0 5px;border:1px solid #d0d3db;border-radius:3px} #sod_frm_pt {padding:20px} +/* #sod_frm_pt strong {display:inline-block;width:45%;color:#000;line-height:28px;text-align:left} #sod_frm_pt span {display:inline-block;width:55%;color:#000;text-align:right} #sod_frm_pt span:after {display:block;visibility:hidden;clear:both;content:''} +*/ #sod_frm_pt .max_point_box em {font-style:normal !important} /* 주문서 작성 - 결제수단 */ -#sod_frm_pay {position:relative;margin:10px 0 0;background:#fff;border:1px solid #e3e5e8} +/* #sod_frm_pay {position:relative;margin:10px 0 0;background:#fff;border:1px solid #e3e5e8} */ +#sod_frm_pay {position:relative;margin:10px 0 0} #sod_frm_pay h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8} #sod_frm_pay .tooltip_txt {height:auto;line-height:18px;font-weight:normal;font-size:1em;padding:10px 20px;margin:10px} #sod_frm_pay .tooltip_txt i {float:left;line-height:36px;font-size:2em;margin-right:15px} @@ -826,17 +909,20 @@ margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;ove #sod_frm_paysel {} #sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden} +/* #sod_frm_paysel .PAYCO {display:inline-block;width:75px;background:url('../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #fa1417} #sod_frm_paysel .PAYNOW {display:inline-block;width:75px;background:url('../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #c01734} #sod_frm_paysel .kakaopay_icon {display:inline-block;width:60px;background:url('../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px} #sod_frm_paysel .KPAY {display:inline-block;width:58px;background:url('../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #22096a} #sod_frm_paysel .inicis_lpay {display:inline-block;width:50px;background:url('../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #009bd7} +*/ #sod_frm_paysel ul.pay_way {margin:0;padding:15px} #sod_frm_paysel ul.pay_way input[type="radio"] + label span {top:7px} #sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm_paysel li {position:relative;line-height:28px;text-align:left;list-style:none} -#settle_bank {border-top:1px solid #e3e5e8;background:#fff;padding:20px;clear:both} +#settle_bank {border:1px solid #e3e5e8;border-top:0 none;background:#fff;padding:10px;clear:both;line-height:32px} +#settle_bank:after {display:block;visibility:hidden;clear:both;content:''} #settle_bank label {float:left;width:30%;line-height:30px} #settle_bank select, #settle_bank input {width:70%;height:32px;margin:0 0 5px;border:1px solid #e3e5e8;border-radius:3px;text-align:left} #settle_bank option {padding:3px 0} @@ -849,9 +935,9 @@ margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;ove .display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9} .display_setup_message strong {display:block;margin:0 0 10px} -#sod_frm_taker label {display:inline-block;font-weight:normal} +#sod_frm_taker td input[type="radio"], #sod_frm_taker td input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial} +#sod_frm_taker label {display:inline-block;font-weight:normal;margin-right:1em} #sod_frm_same {margin:0 0 10px} -#sod_frm #od_memo {height:50px} #sod_frm #display_pay_process {text-align:center} #sod_frm #display_pay_process span {display:block;margin:5px 0 0} @@ -916,30 +1002,21 @@ margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;ove /* 주문상세내역 */ #sod_fin {} +#sod_fin th{padding:8px} +#sod_fin .th_line th{border-top:1px solid #ddd;} #sod_fin_no {margin:0 0 20px;padding:15px;border:1px solid #d6e2f4;background:#edf3fc;font-size:1.2em;border-radius:5px;color:#3a8afd} - #sod_sts_wrap {margin:0 0 10px;text-align:right} #sod_sts_explan {display:none} -#sod_fin_legend {padding:20px;line-height:20px;background:#fff;margin:10px 0;border:1px solid #e9e9e9;text-align:left} +#sod_fin_legend {padding:10px;background:#fff;margin:10px 0;border:1px solid #e9e9e9;text-align:left;zoom:1} #sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''} #sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold} #sod_fin_legend dd {float:left;margin:0} -#sod_fin #sod_bsk_tot li {background:#fff;border-bottom:1px solid #e7ebf1;height:40px;padding:0 15px;line-height:40px;text-align:right} -#sod_fin #sod_bsk_tot li span {float:left;clear:both;color:#777} -#sod_fin #sod_bsk_tot li strong {} -#sod_fin #sod_bsk_tot .sod_bsk_cnt strong {color:#ff006c;font-size:1.25em} - -#sod_bsk_tot2 {border:1px solid #3a8afd;margin-bottom:20px} -#sod_bsk_tot2 li {background:#fff;padding:0 15px;line-height:40px;text-align:right} -#sod_bsk_tot2 li span {float:left;clear:both;font-size:1em} -#sod_bsk_tot2 li strong {font-size:1em} -#sod_bsk_tot2 li.sod_fin_tot {background:#e5f0ff;border-top:1px solid #c6d7ef} -#sod_bsk_tot2 li#alrdy {border-bottom:0 !important} -#sod_bsk_tot2 li#alrdy div {padding:5px 0 15px;text-align:right} -#sod_bsk_tot2 li#alrdy div p {position:relative;background:#d6e3f3;padding:0 10px;margin-bottom:1px} -#sod_bsk_tot2 li.sod_fin_tot strong {color:#3a8afd;font-size:1.2em} +#sod_fin #sod_bsk_tot li{background:#fff;border-bottom:1px solid #e7ebf1;height: 40px;;padding:0 15px;line-height:40px;text-align:right} +#sod_fin #sod_bsk_tot li span{float:left;clear:both;color: #777;} +#sod_fin #sod_bsk_tot li strong{} +#sod_fin #sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c;font-size:1.25em} #request_form {position:relative} #request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center} @@ -963,54 +1040,45 @@ margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;ove .sod_req_log_view .sod_req_it {width:270px} .sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer} -#sod_fin_list h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#sod_fin_list .td_prd {border-left:0;position:relative;padding-left:90px;min-height:100px} -#sod_fin_list .sod_img {position:absolute;top:25px;left:20px} -#sod_fin_list .sod_name a {font-weight:bold;line-height:1.5em} -#sod_fin_list .sod_name .sod_opt:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;padding:3px;border-radius:3px;background:#e2eaf6;line-height:1em;color:#3a8afd} -#sod_fin_list #th_itst {width:80px} +#sod_fin_list h2 {margin:0 0 10px} +#sod_fin_list .td_bdno{border-left:0} +#sod_fin_list .td_bdno a{font-weight:bold} #sod_fin_view {border:1px solid #e9e9e9} #sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin_view h3 {margin:0 0 10px} #sod_fin_view .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left} -#sod_fin_pay {margin:0 0 20px;background:#fff;border:1px solid #e3e5e8} -#sod_fin_pay h3 {background:#fff;font-size:1.167em;padding:15px 20px;border-bottom:1px solid #e3e5e8} -#sod_fin_pay ul {margin:0;padding:15px 20px} -#sod_fin_pay li {line-height:24px;padding:5px 0} -#sod_fin_pay li:after {display:block;visibility:hidden;clear:both;content:""} -#sod_fin_pay li>span, #sod_fin_pay li>strong {display:inline-block;float:left} -#sod_fin_pay li>strong {margin-right:10px;width:50px} -#sod_fin_pay li>span {width:238px} -#sod_fin_pay li .letter-2px{letter-spacing:-2px} -a.btn_frmline.is-long-text{height:auto;width:160px} - -#sod_fin_orderer, #sod_fin_receiver, #sod_fin_dvr {margin:0 0 20px} -#sod_fin_orderer .tbl_wrap, #sod_fin_receiver .tbl_wrap, #sod_fin_dvr .tbl_wrap {padding:20px} -#sod_fin_dvr .tbl_wrap {padding:20px} +#sod_fin_pay {margin:0 0 30px} +#sod_fin_orderer {margin:0 0 30px} +#sod_fin_receiver {margin:0 0 30px;} +#sod_fin_dvr {} #sod_fin .sod_left h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#sod_fin .sod_left h3 {background:#fff;font-size:1.167em;padding:15px 20px;border:1px solid #e3e5e8;border-bottom:0} -#sod_fin .sod_left .tbl_head01 {background:#fff;border:1px solid #e3e5e8} -#sod_fin .sod_left th {padding:10px 0;border:0;text-align:left;width:100px;color:#666;background:#fff} -#sod_fin .sod_left td {padding:10px 0;border:0;background:#fff} +#sod_fin .sod_left h3 {background:#fff;font-size:1.167em;padding:15px 10px;border-top:1px solid #e3e5e8;border-bottom:0} +#sod_fin .sod_left .tbl_head01 {} +#sod_fin .sod_left th{padding:10px;border:0;border-top:1px solid #f3f3f3;text-align:left;width:100px;color:#666;background:#fff} +#sod_fin .sod_left td{padding:10px;border:0;border-top:1px solid #f3f3f3;background:#fff} #sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline} +#sod_fin_tot {margin:10px 0} +#sod_fin_tot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#sod_fin_tot ul {margin:0;padding:0;list-style:none} +#sod_fin_tot li {padding:10px;background:#38b2b9;border-bottom:1px solid #5ec2c7;color:#fff;zoom:1} +#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""} +#sod_fin_tot #alrdy {border-bottom:0 !important} +#sod_fin_tot #alrdy .right{margin-top:10px;text-align:right;color:#f3f3f3;font-size:0.9em} +#sod_fin_tot #alrdy .right p{position:relative} +#sod_fin_tot #alrdy .right .title{position:absolute;left:0;padding-left:8px} +#sod_fin_tot strong {float:right} + #sod_fin_cancel {text-align:center} -#sod_fin_cancel .sod_fin_c_btn {height:50px;border:1px solid #bababa;border-radius:3px;font-weight:bold;width:100%;background:none;color:#5e6b6f} -#sod_fin_cancel .sod_fin_c_btn:hover {background:#fff} -#sod_fin_cancel h2 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left} -#sod_fin_cancel p {text-align:center;background:#ffe0e0;border:2px solid #d50c0c;padding:15px;color:#d50c0c;font-size:1.167em;font-weight:bold} - -#sod_cancel_pop {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999} -#sod_fin_cancelfrm {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px} -#sod_fin_cancelfrm form {padding:20px} -.sod_fin_bg {background:rgba(0,0,0,0.1);width:100%;height:100%} -.sod_cls_btn {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff} - -#sod_fin_cancelfrm .frm_input {background:#fff;margin:0 0 5px;width:100%} -#sod_fin_cancelfrm .btn_frmline {background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer} +#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#sod_fin_cancel button {height:40px;border:1px solid #5e6b6f;font-weight:bold;width:100%;background:none;color:#5e6b6f} +#sod_fin_cancel button:hover{background:#fff} +#sod_fin_cancelfrm {display:none;margin:10px 0 0;text-align:center;background:#fff;padding:15px} +#sod_fin_cancelfrm .frm_input {background:#fff;margin: 0 0 5px;width:100%} +#sod_fin_cancelfrm .btn_frmline{background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer} #sod_fin_test {padding:10px} /* 주문상세내역 중 현금영수증 발급 */ @@ -1043,104 +1111,119 @@ a.btn_frmline.is-long-text{height:auto;width:160px} #coupon .btn_close {margin:20px auto} /* 모바일일때 피시버전 주문폼 */ -.sod_list {margin:10px 0} -.sod_list .sod_li {background:#fff;border-bottom:1px solid #e5e5e5;margin:10px 0} -.sod_list .li_name {font-size:1.083em} -.sod_list .li_op_wr {position:relative;padding:10px 10px 0 110px;min-height:75px} -.sod_list .li_op_wr .chk_box {position:absolute;top:10px;left:10px} -.sod_list .total_img {position:absolute;top:10px;left:35px} -.sod_list .mod_options {padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#606060;background:#fff;line-height:24px;margin:5px 0 0;font-size:0.923em} -.sod_list .li_prqty {padding:10px;border-top:1px solid #f8f8f8} -.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:''} -.sod_list .li_prqty_sp {float:left;width:50%;display:block;line-height:20px;padding:0 5px;text-align :right} -.sod_list .li_prqty_sp span {float:left;color:#696969} -.sod_list .prqty_sc,.sod_list .prqty_price {border-right:1px solid #e5e5e5} -.sod_list .total_price {background:#f2f7ff;display:block;clear:both;margin:0 10px 10px;text-align:right;padding:5px 10px;line-height:20px} -.sod_list .total_price span {float:left} -.sod_list .total_price strong {font-size:1.25em;color:#3a8afd} -.sod_opt {padding:5px 10px 5px 35px} -.sod_opt li {color:#777;margin:3px 0;line-height:1.3em} -.sod_opt li:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd} -.sod_opt .opt_name:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd} - -.odf_list {padding:10px} -.odf_list label,.odf_list strong{display:block;margin:7px 0 5px;color:#444;font-weight:normal} -.odf_list .frm_input {width:100%;margin:0 0 7px} -.odf_list .dlv_slt {background:#edf3fc;position:relative;border:1px solid #d1ddee;margin:5px 0;padding:10px} -.odf_list .dlv_slt strong {margin:0;font-weight:bold;line-height:30px} -.odf_list .dlv_slt div label {display:inline-block;margin:3px 0;color:#000} +.sod_frm_mobile .sod_list{margin:10px 0} +.sod_frm_mobile .sod_list .sod_li{background:#fff;border-bottom:1px solid #e5e5e5;margin:10px 0} +.sod_frm_mobile .sod_list .li_name{font-size:1.083em} +.sod_frm_mobile .sod_list .li_op_wr{position:relative;padding:10px 10px 0 110px;min-height:75px} +.sod_frm_mobile .sod_list .li_op_wr .chk_box{position:absolute;top:10px;left:10px} +.sod_frm_mobile .sod_list .total_img{position:absolute;top:10px;left:35px} +.sod_frm_mobile .sod_list .mod_options{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#606060;background:#fff;line-height:24px;margin:5px 0 0;font-size:.923em} +.sod_frm_mobile .sod_list .li_prqty{padding:10px;border-top:1px solid #f8f8f8} +.sod_frm_mobile .sod_list .li_prqty:after{display:block;visibility:hidden;clear:both;content:''} +.sod_frm_mobile .sod_list .li_prqty_sp{float:left;width:50%;display:block;line-height:20px;padding:0 5px;text-align:right} +.sod_frm_mobile .sod_list .li_prqty_sp span{float:left;color:#696969} +.sod_frm_mobile .sod_list .prqty_sc,.sod_frm_mobile .sod_list .prqty_price{border-right:1px solid #e5e5e5} +.sod_frm_mobile .sod_list .total_price{background:#f2f7ff;display:block;clear:both;margin:0 10px 10px;text-align:right;padding:5px 10px;line-height:20px} +.sod_frm_mobile .sod_list .total_price span{float:left} +.sod_frm_mobile .sod_list .total_price strong{font-size:1.25em;color:#3a8afd} +.sod_frm_mobile .sod_opt{padding:5px 10px 5px 35px} +.sod_frm_mobile .sod_opt li{color:#777;margin:3px 0;line-height:1.3em} +.sod_frm_mobile .sod_opt li:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd} +.sod_frm_mobile .sod_opt .opt_name:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd} +.sod_frm_mobile #sod_frm_orderer,.sod_frm_mobile #sod_frm_taker{margin:0 0 30px;border:1px solid #e3e5e8;background:#fff} +.sod_frm_mobile #sod_frm_orderer #od_addr_jibeon,.sod_frm_mobile #sod_frm_taker #od_b_addr_jibeon{display:inline-block;margin:5px 0 0} +.sod_frm_mobile #m_sod_bsk_tot{background:#4a505a;color:#fff} +.sod_frm_mobile #m_sod_bsk_tot:after{display:block;visibility:hidden;clear:both;content:""} +.sod_frm_mobile #m_sod_bsk_tot dt{float:left;width:40%;padding:10px;line-height:20px;clear:both} +.sod_frm_mobile #m_sod_bsk_tot dd{float:left;width:60%;padding:10px;text-align:right;line-height:20px} +.sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt{font-weight:700;margin-top:5px;line-height:25px;background:#212a37} +.sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt strong{color:#3a8afd;font-size:1.25em} +.sod_frm_mobile .sod_list .li_op_wr{padding-left:100px} +.sod_frm_mobile .sod_list .total_img{left:10px} +.sod_frm_mobile .sod_opt{padding-left:10px} +.sod_frm_mobile #m_sod_frm_paysel{margin:10px 0} +.sod_frm_mobile #m_sod_frm_paysel h3{background:#fff;padding:15px 10px;border:1px solid #e3e5e8;border-bottom:0} +.sod_frm_mobile #m_sod_frm_paysel ul{margin:0;background:#fff;padding:10px;border:1px solid #e3e5e8} +.sod_frm_mobile #m_sod_frm_paysel ul:after{display:block;visibility:hidden;clear:both;content:""} +.sod_frm_mobile #m_sod_frm_paysel li{float:left;padding:5px;width:46%;height:25px} +.sod_frm_mobile #m_sod_frm_paysel .KPAY{background:url(../img/kpay.png) no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} +.sod_frm_mobile #m_sod_frm_paysel .PAYNOW{background:url(../img/paynow.png) no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} +.sod_frm_mobile #m_sod_frm_paysel .PAYCO{background:url(../img/payco.png) no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} +.sod_frm_mobile #m_sod_frm_paysel .inicis_lpay{background:url(../img/lpay_logo.png) no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} +.sod_frm_mobile #m_sod_frm_paysel .kakaopay_icon{background:url(../img/kakao.png) no-repeat 24px 3px;height:25px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} +.sod_frm_mobile #m_sod_frm_paysel .samsung_pay{margin-left:-23px;background:url(../img/samsungpay.png) no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px} +.sod_frm_mobile #sod_frm_pay{border-top:1px solid #f3f3f3} +.sod_frm_mobile #sod_frm_pay h2{margin:10px 0;font-size:1.25em} +.sod_frm_mobile #sod_frm_pay .cp_btn1,.sod_frm_mobile #sod_frm_pay .cp_cancel1{margin-top:0} +.sod_frm_mobile .odf_tbl{position:relative} +.sod_frm_mobile .odf_tbl table{background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #ccc} +.sod_frm_mobile .odf_tbl table th{border-top:1px solid #eceff4;padding:10px;text-align:left;width:120px;font-weight:400} +.sod_frm_mobile .odf_tbl table td{border-top:1px solid #eceff4;padding:7px 10px;text-align:right} +.sod_frm_mobile#sod_frm #sod_frm_pt_alert{margin:10px 0;text-align:left;color:#fff;line-height:18px;background:#f2838f;padding:10px 10px 10px 13px;border-radius:5px;position:relative} +.sod_frm_mobile #sod_frm_pt_alert::before{content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453;height:100%} +.sod_frm_mobile#sod_frm .sod_frm_point{padding:10px 0;clear:both;border:0 none} +.sod_frm_mobile .sod_frm_point div{background:#fff;border:1px solid #e3e5e8;padding:10px;text-align:right} +.sod_frm_mobile .sod_frm_point div:after{display:block;visibility:hidden;clear:both;content:''} +.sod_frm_mobile .sod_frm_point div label{float:left;line-height:30px} +.sod_frm_mobile .sod_frm_point div span{display:block;margin:5px 0} +.sod_frm_mobile .sod_frm_point div span:after{display:block;visibility:hidden;clear:both;content:''} +.sod_frm_mobile .sod_frm_point .max_point_box em{font-style:normal!important} +.sod_frm_mobile .sod_frm_point div strong{float:left;color:#666;font-weight:400} +.sod_frm_mobile .sod_frm_point #od_temp_point{height:30px;border:1px solid #d0d3db;text-align:right;background:#fff;border-radius:3px;-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)} +.sod_frm_mobile #settle_bank{background:#fff;border:1px solid #e3e5e8;padding:10px;clear:both;line-height:30px} +.sod_frm_mobile #settle_bank:after{display:block;visibility:hidden;clear:both;content:''} +.sod_frm_mobile #settle_bank select{height:30px;margin:0 0 5px;width:100%;border:1px solid #d0d3db} +.sod_frm_mobile #settle_bank #od_deposit_name{height:30px;border:1px solid #d0d3db;text-align:center;border-radius:3px;float:right;-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)} +.sod_frm_mobile #settle_bank label{float:left;line-height:30px} +.sod_frm_mobile #sod_frm_pt_info{border-top:0} +.sod_frm_mobile .od_coupon{position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);box-shadow:1px 1px 5px rgba(0,0,0,0.4)} +.sod_frm_mobile .od_coupon h3{height:45px;line-height:45px;font-size:1.167em;background:#333;color:#fff;padding:0 15px;text-align:left} +.sod_frm_mobile .od_coupon .tbl_head02 .btn_frmline{background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px} +.sod_frm_mobile .od_coupon .tbl_head02 td{text-align:left} +.sod_frm_mobile .od_coupon .tbl_head02 th{width:auto!important} +.sod_frm_mobile .od_coupon .tbl_head02 .td_mngsmall{width:60px;text-align:center} +.sod_frm_mobile .od_coupon .tbl_head02 .td_numbig{width:80px;text-align:right} +.sod_frm_mobile .od_coupon .btn_confirm{margin:20px} +.sod_frm_mobile .od_coupon .btn_confirm .btn_submit{height:40px;font-size:1.167em;font-weight:700;width:100%} +.sod_frm_mobile .od_coupon .btn_confirm .btn_close{position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#fff;font-size:1.25em} +.sod_frm_mobile .cp_btn,.sod_frm_mobile .cp_btn1{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#3a8afd;background:#fff;line-height:24px;margin:5px 0 0;font-size:.923em} +.sod_frm_mobile .cp_apply{padding:0 5px;border:1px solid #3a8afd;color:#3a8afd;background:#fff;height:23px;line-height:21px} +.sod_frm_mobile .cp_cancel,.sod_frm_mobile .cp_cancel1{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#aaa;background:#fff;line-height:24px;margin:5px 0 0 2px;font-size:.923em} +.sod_frm_mobile #sod_frm_escrow{margin:10px} +.sod_frm_mobile #sod_frm_escrow h2{font-size:1.25em} +.sod_frm_mobile #od_pay_sl h3{font-size:1.25em} +.sod_frm_mobile .sod_list .li_name{border-bottom:1px solid #dcdcdc;line-height:1.3em;padding:10px;font-size:1.083em} +#sod_frm.sod_frm_mobile .odf_list .frm_input{width:100%!important} +#sod_frm.sod_frm_mobile input[type="radio"],.sod_frm_mobile #sod_frm.sod_frm_mobile input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial} +#sod_frm.sod_frm_mobile #od_memo{min-height:50px} +.sod_frm_mobile .od_prd_list{margin:10px;background:#fff;padding:15px} +.sod_frm_mobile .od_prd_list .td_chk{border-left:0} +.sod_frm_mobile .od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px;min-height:100px} +.sod_frm_mobile .od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0} +.sod_frm_mobile .od_prd_list .td_prd .sod_name{min-height:80px} +.sod_frm_mobile .od_prd_list .td_prd .prd_name{font-size:1.167em} +.sod_frm_mobile .od_prd_list .total_prc{color:#ff006c;font-weight:700;font-size:1.167em} +.sod_frm_mobile #sod_frm_orderer{padding:10px;border-bottom:1px solid #d6d3d3} +.sod_frm_mobile #sod_frm_taker{padding:10px;border-bottom:1px solid #d6d3d3;border-top:1px solid #f3f3f3} +.sod_frm_mobile #sod_frm_taker h2,.sod_frm_mobile #sod_frm_orderer h2{margin:10px 0;font-size:1.25em} +.sod_frm_mobile .odf_list label,.sod_frm_mobile .odf_list strong{display:block;margin:7px 0 5px;color:#444;font-weight:400} +.sod_frm_mobile .odf_list .frm_input{width:100%;margin:0 0 5px} +.sod_frm_mobile .odf_list .dlv_slt{background:#edf3fc;position:relative;border:1px solid #d1ddee;margin:5px 0;padding:10px} +.sod_frm_mobile .odf_list .dlv_slt strong{margin:0;font-weight:700;line-height:30px} +.sod_frm_mobile .odf_list .dlv_slt div label{display:inline-block;margin:3px 0;color:#000} .sod_frm_mobile #order_address{display:block;position:absolute;top:5px;right:5px;text-align:center;border:1px solid #d4d6db;background:#fff;border-radius:3px;color:#606060;height:30px;line-height:28px;margin:5px 0 0;padding:0 5px} -.odf_list .ad_default {display:inline-block;margin:0 0 10px} -.odf_list .btn_addsch {position:absolute;top:5px;right:5px;border-radius:3px;height:30px} -.odf_list .add_num{position:relative;display:block} -.odf_list textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:70px; --webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); --moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)} - -.sod_frm_mobile #sod_bsk_tot {border:1px solid #3a8afd} -.sod_frm_mobile #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} -.sod_frm_mobile .sod_info li {position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0} -.sod_frm_mobile .sod_info li:after {display:block;visibility:hidden;clear:both;content:""} -.sod_frm_mobile .sod_info li span {display:block;color:#777;margin-bottom:5px;font-weight:bold;color:#000} -.sod_frm_mobile .sod_info .sod_bsk_sell, .sod_info .sod_bsk_coupon {border-right:1px solid #e7ebf1} -.sod_frm_mobile .sod_info .sod_bsk_coupon:before {display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px} -.sod_frm_mobile .sod_info .sod_bsk_dvr:before {display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px} -.sod_frm_mobile .sod_info .sod_bsk_cnt strong {font-size:1.25em} - -.sod_frm_mobile .sod_info_bt {clear:both;padding:10px 15px;background:#fff} -.sod_frm_mobile .sod_info_bt:after {display:block;visibility:hidden;clear:both;content:""} -.sod_frm_mobile .sod_info_bt li {} -.sod_frm_mobile .sod_info_bt li:after {display:block;visibility:hidden;clear:both;content:""} -.sod_frm_mobile .sod_info_bt li span {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold;color:#000} -.sod_frm_mobile .sod_info_bt li strong {display:inline-block;float:left;width:50%;line-height:28px;text-align:right} - -.sod_frm_mobile .sod_info_option {clear:both;border-top:1px solid #e7ebf1} -.sod_frm_mobile .sod_info_option:after {display:block;visibility:hidden;clear:both;content:""} -.sod_frm_mobile #sod_frm_pay h2 {padding:0;position:absolute;font-size:0;line-height:0;overflow:hidden;width:0;height:0} -.sod_frm_mobile .sod_info_option ul {padding:10px 15px;background:#fff} -.sod_frm_mobile .sod_info_option li {margin-bottom:5px} -.sod_frm_mobile .sod_info_option li:after {display:block;visibility:hidden;clear:both;content:""} -.sod_frm_mobile .sod_info_option .sod_ifop_tit {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold} -.sod_frm_mobile .sod_info_option .sod_ifop_tit .btn_frmline {width:auto;height:30px;color:#3a8afd;background:#fff;border:1px solid #d4d6db;font-size:0.93em;border-radius:3px} -.sod_frm_mobile .sod_frm_mobile .sod_info_option .sod_ifop_tit .cp_cancel {width:auto;height:30px;border:1px solid #d4d6db;padding:0 5px;margin-left:5px;color:#b1b1b1;vertical-align:baseline} -.sod_frm_mobile .sod_info_option .sod_ifop_tit .od_coupon>td {text-align:left} -.sod_frm_mobile .sod_info_option>td, .sod_info_option .sod_ifop_t {display:inline-block;float:left;width:50%;line-height:28px;text-align:right} -.sod_frm_mobile .sod_info_option>td {text-align:right;padding:10px;height:30px} -.sod_frm_mobile .sod_info_option>td .cp_cancel {margin:0 0 0 2px} -.sod_frm_mobile .sod_info_option>td .btn_frmline {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:0} - -#m_sod_frm_paysel {margin:10px 0} -#m_sod_frm_paysel h3{background:#fff;padding:15px 10px;border:1px solid #e3e5e8;border-bottom:0} -#m_sod_frm_paysel ul {margin:0 0;background:#fff;padding:10px;border:1px solid #e3e5e8} -#m_sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""} -#m_sod_frm_paysel li {float:left;margin:2px 0;width:46%;height:25px} -#m_sod_frm_paysel .KPAY {background:url('../img/kpay.png') no-repeat 24px 3px;width:67px;height:32px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:35px auto} -#m_sod_frm_paysel .PAYNOW {background:url('../img/paynow.png') no-repeat 24px 3px;width:74px;height:32px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:45px auto} -#m_sod_frm_paysel .PAYCO {background:url('../img/payco.png') no-repeat 24px 3px;width:74px;height:32px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:45px auto} -#m_sod_frm_paysel .inicis_lpay {background:url('../img/lpay_logo.png') no-repeat 24px 3px;width:65px;height:32px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:35px auto} -#m_sod_frm_paysel .kakaopay_icon {background:url('../img/kakao.png') no-repeat 24px 3px;height:25px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} -#m_sod_frm_paysel .samsung_pay {background:url('../img/samsungpay.png') no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px} - -#sod_frm {} -#sod_frm section h2 {border-bottom:1px solid #e2e4e7;font-size:1.167em;padding:20px} -#sod_bsk_list #mod_option_frm .sit_ov_tbl {background:#ededed;margin-top:5px} -#sod_bsk_list #mod_option_frm .sit_ov_tbl th,#sod_bsk_list #mod_option_frm .sit_ov_tbl td {border:none;padding-left:5px;font-weight:normal} -#sod_bsk_list #mod_option_frm .sit_ov_tbl th {width:90px} -#sod_frm_deli #order_address {display:block;width:100px;background:#333;color:#fff;text-align:center} - -#sod_frm_orderer, -#sod_frm_taker {margin:0 0 30px;border:1px solid #e3e5e8;background:#fff} -#sod_frm_orderer #od_addr_jibeon, -#sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0} -#sod_frm .odf_tbl table {width:100%;margin:0;padding:0;border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-collapse:collapse} -#sod_frm .odf_tbl table tbody td,#sod_frm .odf_tbl table tbody th {border-bottom:1px solid #e9e9e9;padding:5px 0px 5px 10px;text-align:left;line-height:26px;position:relative} -#sod_frm .odf_tbl table th {width:90px;color:#343434;font-weight:normal;letter-spacing:-0.1em} -#sod_frm .odf_tbl table .frm_input {background-color:#fff !important;height:24px;line-height:24px;text-indent:5px} -#sod_frm .odf_tbl table .frm_address {margin-top:5px} -#sod_frm .odf_tbl button.btn_frmline {font-size:0.92em;padding:0 8px;height:26px;line-height:26px} -#sod_frm .odf_tbl textarea {width:99%;border:1px solid #e4eaec} -#sod_frm_same {margin:0 0 10px} +.sod_frm_mobile .odf_list .ad_default{display:inline-block;margin:0} +.sod_frm_mobile .odf_list .btn_addsch{position:absolute;top:5px;right:5px;border-radius:3px;height:30px} +.sod_frm_mobile .odf_list .add_num{position:relative;display:block} +.sod_frm_mobile .odf_list textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:70px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)} +.sod_frm_mobile .sod_ta_wr{background:#fff;margin-bottom:1em} +.sod_frm_mobile .btn_confirm{margin:0 0 10px} +.sod_frm_mobile .btn_submit{width:100%;height:45px;font-size:1.167em;font-weight:700;margin:5px 0;border-radius:4px} +.sod_frm_mobile .btn_cancel,.sod_frm_mobile .btn01{width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight:700;padding:0;border-radius:4px} +.sod_frm_mobile #sod_frm_escrow{margin:10px} +.sod_frm_mobile #sod_frm_escrow h2{font-size:1.25em} +.sod_frm_mobile #od_pay_sl h3{font-size:1.25em} +.sod_frm_mobile #od_tot_price{background:none;font-weight:700} html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #sod_frm_pay_info {margin:0 0 10px} @@ -1149,6 +1232,10 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f .itemform-naverpay {margin:15px 0;clear:both} .cart-naverpay {margin-top:15px} +/* theme.config.php 파일에서 G5_COMMUNITY_USE 를 false로 한 경우 1:1 문의와 게시판 css 처리 */ +#bo_list table td, #fqalist table td {border-left:0;border-right:0} +#bo_v_top .btn_admin, #bo_list .btn_admin {padding-top:0} + /* 개인결제 */ .pesonal {background:#fff;border:1px solid #e3e5e8;margin-bottom:30px} .pesonal h2 {border-bottom:1px solid #e2e4e7;font-size:1.167em;padding:20px} diff --git a/css/mobile_shop.css b/css/mobile_shop.css index dcd66dd29..bf0cb783f 100644 --- a/css/mobile_shop.css +++ b/css/mobile_shop.css @@ -148,7 +148,7 @@ box-shadow:0 0 5px #eee} .sod_list {margin:10px 0} .sod_list .sod_li {background:#fff;border-bottom:1px solid #e5e5e5;margin:10px 0} .sod_list .li_name {font-size:1.083em} -.sod_list .li_op_wr {position:relative;padding:10px 10px 0 110px;min-height:75px} +.sod_list .li_op_wr {position:relative;padding:10px 10px 0 110px;min-height:90px} .sod_list .li_op_wr .chk_box {position:absolute;top:10px;left:10px} .sod_list .total_img {position:absolute;top:10px;left:35px} .sod_list .mod_options {padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#606060;background:#fff;line-height:24px;margin:5px 0 0;font-size:0.923em} @@ -210,52 +210,21 @@ box-shadow: 0 0 6px rgba(0,0,0,0.2);} .naverpay-cart{text-align:center;padding:10px} /* 주문서 작성 */ -#sod_frm .sod_list .li_op_wr{padding-left:85px} +#sod_frm .sod_list .li_op_wr{padding-left:100px} #sod_frm .sod_list .total_img {left:10px} #sod_frm .sod_opt {padding-left:10px} -#sod_frm .od_prd_list{margin:10px;background:#fff;padding:15px} -.od_prd_list .td_chk{border-left:0;} -.od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px;min-height:100px} -.od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0} -.od_prd_list .td_prd .sod_name{min-height:80px} -.od_prd_list .td_prd .prd_name{font-size:1.167em} -.od_prd_list .total_prc{color:#ff006c;font-weight:bold;font-size:1.167em} - -#sod_frm_orderer{padding:10px;border-bottom:1px solid #e5e5e5} -#sod_frm_taker{padding:10px;border-bottom:1px solid #e5e5e5} -#sod_frm_taker h2,#sod_frm_orderer h2{margin:0 0 10px;font-size:1.25em} -.odf_list li{} -.odf_list label,.odf_list strong{display:block;margin:7px 0 5px;color:#444;font-weight:normal} -.odf_list .frm_input{width:100%;margin:0 0 7px} -.odf_list .dlv_slt {background:#edf3fc;position:relative;border:1px solid #d1ddee;margin:5px 0;padding:10px} -.odf_list .dlv_slt strong{margin:0 ;font-weight:bold;line-height:30px} -.odf_list .dlv_slt div label{display:inline-block;margin:3px 0;color:#000} -.sod_frm_mobile #order_address{display:block;position:absolute;top:5px;right:5px;text-align:center;border: 1px solid #d4d6db;background:#fff;border-radius:3px;color:#606060;;height:30px;line-height:28px;margin:5px 0 0;padding:0 5px} -.odf_list .ad_default{display:inline-block;margin:0 0 10px} -.odf_list .btn_addsch{position:absolute;top:5px;right:5px;border-radius:3px;height:30px;} -.odf_list .add_num{position:relative;display:block;} -.odf_list textarea{border: 1px solid #ccc;background: #fff;color: #000;vertical-align: middle;border-radius: 3px;padding: 5px;width:100%;height:70px; --webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); --moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);} - #m_sod_frm_paysel {margin:10px 0;} #m_sod_frm_paysel h3{background:#fff;padding:15px 10px ;border:1px solid #e3e5e8;border-bottom:0} -#m_sod_frm_paysel ul {margin:0 0;background:#fff;padding:10px;border:1px solid #e3e5e8} +#m_sod_frm_paysel ul {margin:0 0 ;background:#fff;padding:10px;border:1px solid #e3e5e8} #m_sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""} -#m_sod_frm_paysel li {float:left;margin:2px 0;width:46%;height:25px} -#m_sod_frm_paysel .KPAY{background:url('../img/kpay.png') no-repeat 24px 3px;width:67px;height:32px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:35px auto} -#m_sod_frm_paysel .PAYNOW{background:url('../img/paynow.png') no-repeat 24px 3px;width:74px;height:32px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:45px auto;} -#m_sod_frm_paysel .PAYCO{background:url('../img/payco.png') no-repeat 24px 3px;width:74px;height:32px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:45px auto;} -#m_sod_frm_paysel .inicis_lpay{background:url('../img/lpay_logo.png') no-repeat 24px 3px;width:65px;height:32px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:35px auto;} +#m_sod_frm_paysel li {float:left;padding:5px ;width:46%;height:25px} +#m_sod_frm_paysel .KPAY{background:url('../img/kpay.png') no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} +#m_sod_frm_paysel .PAYNOW{background:url('../img/paynow.png') no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%;} +#m_sod_frm_paysel .PAYCO{background:url('../img/payco.png') no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%;} +#m_sod_frm_paysel .inicis_lpay{background:url('../img/lpay_logo.png') no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%;} #m_sod_frm_paysel .kakaopay_icon{background:url('../img/kakao.png') no-repeat 24px 3px;height:25px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} -#m_sod_frm_paysel .samsung_pay{background:url('../img/samsungpay.png') no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px} - -#sod_frm .sod_ta_wr{background: #fff;} -#sod_frm .btn_confirm{;margin:0 10px 10px} -#sod_frm .btn_submit{width:100%;height:45px;font-size: 1.167em;font-weight: bold;margin:5px 0;border-radius:4px} -#sod_frm .btn_cancel,#sod_frm .btn01{width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight: bold;padding:0;border-radius:4px} +#m_sod_frm_paysel .samsung_pay{margin-left:-23px;background:url('../img/samsungpay.png') no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_pay{padding:10px;;border-top:1px solid #f3f3f3} #sod_frm_pay h2{margin:10px 0;font-size:1.25em} @@ -265,7 +234,7 @@ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);} .odf_tbl table th{border-top:1px solid #eceff4;padding: 10px;text-align:left;width:120px;font-weight:normal} .odf_tbl table td{border-top:1px solid #eceff4;padding:7px 10px;text-align:right} -#sod_frm_pt_alert{margin:10px 0;color:#328abd;text-align: left;color: #fff;line-height: 18px;background: #f2838f;margin: 0 0 10px;padding: 10px 10px 10px 13px;border-radius: 5px;position:relative} +#sod_frm_pt_alert{margin:10px 0 10px;text-align:left;color:#fff;line-height: 18px;background: #f2838f;padding: 10px 10px 10px 13px;border-radius: 5px;position:relative} #sod_frm_pt_alert::before {content: ""; position: absolute;top: 0;left: 0;width: 5px; height: 50px; border-radius: 5px 0 0 5px;background: #da4453;height:100%} .sod_frm_point {padding:10px 0;;clear:both} @@ -290,18 +259,20 @@ box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);} box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);} #settle_bank label{float:left;line-height:30px} #sod_frm_pt_info{border-top:0} -.od_coupon_wrap{content: "";position: fixed;left: 0; top: 0; width: 100%;height: 100%; background: rgba(0,0,0,0.1); z-index: 9999;} -.od_coupon{z-index: 10000;position: fixed;top: 10%;left: 5%;width: 90%;height: auto !important; height: 80%; max-height: 80%; border: 1px solid #dde7e9;border-radius: 3px;background: #fff; overflow-y: auto;} -.od_coupon h3{border-bottom: 1px solid #e8e8e8;padding: 0 20px;line-height: 50px;font-size: 1.25em;} +.od_coupon{position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px; +-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4); +-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4); +box-shadow: 1px 1px 5px rgba(0,0,0,0.4);} +.od_coupon h3{height:45px;line-height:45px;font-size:1.167em;background:#333;color:#fff;padding:0 15px;text-align:left} .od_coupon .tbl_head02{} .od_coupon .tbl_head02 .btn_frmline {background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px } -.od_coupon .tbl_head02 td {text-align:left} -.od_coupon .tbl_head02 th {width:auto !important} -.od_coupon .tbl_head02 .td_mngsmall {width:60px;text-align:center} -.od_coupon .tbl_head02 .td_numbig {width:80px;text-align:right} -.od_coupon .btn_confirm {margin:20px} +.od_coupon .tbl_head02 td{text-align:left} +.od_coupon .tbl_head02 th{width:auto !important} +.od_coupon .tbl_head02 .td_mngsmall{width:60px;text-align:center} +.od_coupon .tbl_head02 .td_numbig{width:80px;text-align:right} +.od_coupon .btn_confirm{margin:20px ; } .od_coupon .btn_confirm .btn_submit{height:40px;font-size:1.167em;font-weight:bold;width:100%;} -.od_coupon .btn_confirm .btn_close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;border: 0;background: none;font-size: 1.25em;border-radius: 0;} +.od_coupon .btn_confirm .btn_close{position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#fff;font-size:1.25em} .cp_btn ,.cp_btn1{padding: 0 7px; border: 1px solid #d4d6db;border-radius: 3px;color: #3a8afd;background: #fff; line-height: 24px; margin: 5px 0 0; font-size: 0.923em; } .cp_apply{padding: 0 5px;border: 1px solid #3a8afd; color: #3a8afd;background: #fff;height: 23px; line-height: 21px;} @@ -311,6 +282,47 @@ box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);} #sod_frm_escrow h2{font-size:1.25em} #od_pay_sl h3{font-size:1.25em} +.sod_frm_mobile .sod_list .li_name{border-bottom:1px solid #dcdcdc;line-height:1.3em;padding:10px 10px;font-size:1.083em} +#sod_frm.sod_frm_mobile .odf_list .frm_input{width:100% !important} +#sod_frm.sod_frm_mobile input[type="radio"],#sod_frm.sod_frm_mobile input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial} +#sod_frm.sod_frm_mobile #od_memo{min-height:50px} +#sod_frm .od_prd_list{margin:10px;background:#fff;padding:15px} +.od_prd_list .td_chk{border-left:0;} +.od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px;min-height:100px} +.od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0} +.od_prd_list .td_prd .sod_name{min-height:80px} +.od_prd_list .td_prd .prd_name{font-size:1.167em} +.od_prd_list .total_prc{color:#ff006c;font-weight:bold;font-size:1.167em} + +#sod_frm_orderer{padding:10px;;border-bottom:1px solid #d6d3d3} +#sod_frm_taker{padding:10px;border-bottom:1px solid #d6d3d3;border-top:1px solid #f3f3f3} +#sod_frm_taker h2,#sod_frm_orderer h2{margin:10px 0;font-size:1.25em} +.odf_list li{} +.odf_list label,.odf_list strong{display:block;margin:7px 0 5px;color:#444;font-weight:normal} +.odf_list .frm_input{width:100%;margin:0 0 5px} +.odf_list .dlv_slt {background:#edf3fc;position:relative;border:1px solid #d1ddee;margin:5px 0;padding:10px} +.odf_list .dlv_slt strong{margin:0 ;font-weight:bold;line-height:30px} +.odf_list .dlv_slt div label{display:inline-block;margin:3px 0;color:#000} +.sod_frm_mobile #order_address{display:block;position:absolute;top:5px;right:5px;text-align:center;border: 1px solid #d4d6db;background:#fff;border-radius:3px;color:#606060;;height:30px;line-height:28px;margin:5px 0 0;padding:0 5px} +.odf_list .ad_default{display:inline-block;margin:0} +.odf_list .btn_addsch{position:absolute;top:5px;right:5px;border-radius:3px;height:30px;} +.odf_list .add_num{position:relative;display:block;} +.odf_list textarea{border: 1px solid #ccc;background: #fff;color: #000;vertical-align: middle;border-radius: 3px;padding: 5px;width:100%;height:70px; +-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} + +#sod_frm .sod_ta_wr{background: #fff} +#sod_frm .btn_confirm{;margin:0 10px 10px} +#sod_frm .btn_submit{width:100%;height:45px;font-size: 1.167em;font-weight: bold;margin:5px 0;border-radius:4px} +#sod_frm .btn_cancel,#sod_frm .btn01{width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight: bold;padding:0;border-radius:4px} + +#sod_frm_escrow{margin:10px;} +#sod_frm_escrow h2{font-size:1.25em} +#od_pay_sl h3{font-size:1.25em} +.sod_frm_mobile #od_tot_price{background:none;font-weight:bold} + /* 쿠폰 */ #scp_list {text-align:center;background:#fff} #scp_list .li_pd {position:relative;padding:10px} #scp_list h1 {text-align:left} @@ -818,8 +830,7 @@ box-shadow:0 0 8px rgba(65,98,255,0.8)} #sod_frm_paysel .kakaopay_icon{background:url('../img/kakao.png') no-repeat 0 3px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} #sod_frm_paysel .samsung_pay{background:url('../img/samsungpay.png') no-repeat 0 3px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px} -#sod_bsk_tot {border:1px solid #3a8afd} - #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} +#sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} .sod_info li {position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0} .sod_info li:after {display:block;visibility:hidden;clear:both;content:""} .sod_info li span {display:block;color:#777;margin-bottom:5px;font-weight:bold;color:#000} @@ -851,6 +862,81 @@ box-shadow:0 0 8px rgba(65,98,255,0.8)} .btn_address{background:#70aff2;border:1px solid #3476be;height:40px;color:#fff;padding:0 10px;font-size:1.083em;font-weight:bold} +/* 5.4.1.3 버전이후 추가 css */ +#sod_frm div.tbl_frm01, #sod_frm_taker div.tbl_frm01{padding:0px 10px !important} +#sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td{padding:10px;line-height:45px} +#sod_frm .tbl_frm01 th{width:94px} +#sod_frm #od_name,#sod_frm #od_tel,#sod_frm #od_hp,#sod_frm #od_pwd,#sod_frm #od_b_name,#sod_frm #od_b_tel,#sod_frm #od_b_hp,#sod_frm #ad_subject,#sod_frm #od_hope_date{width:50%} +#sod_frm #od_zip,#sod_frm #od_b_zip{width:90px} +#sod_frm .tbl_frm01 td .btn_address {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px} +#sod_frm #od_memo{min-height:100px} +#sod_frm_taker .order_choice_place{position:relative;background:#edf3fc;border:1px solid #d1ddee;padding:10px} +#sod_frm_taker .order_choice_place{line-height:23px} +#sod_frm_taker .tbl_frm01 #order_address{display:block;;text-align:center;border: 1px solid #3476be;color: #3476be;;height:30px;line-height:28px;margin:5px 0 0;background:none} +#sod_frm #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} +#sod_frm #sod_bsk_tot li{position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0} +#sod_frm #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""} +#sod_frm #sod_bsk_tot li span{display:block;color:#777;margin-bottom:5px;font-weight:bold} +#sod_frm #sod_bsk_tot .sod_bsk_sell,#sod_frm #sod_bsk_tot .sod_bsk_coupon{border-right:1px solid #e7ebf1} +#sod_frm #sod_bsk_tot .sod_bsk_point,#sod_frm #sod_bsk_tot .sod_bsk_cnt{width:100%;clear:both;height:40px;padding:0 15px;line-height:40px;text-align:right} +#sod_frm #sod_bsk_tot li:last-child {border-bottom:0 none} +#sod_frm #sod_bsk_tot .sod_bsk_point span,#sod_frm #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0} +#sod_frm #sod_bsk_tot .sod_bsk_coupon:before{display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;} +#sod_frm #sod_bsk_tot .sod_bsk_dvr:before{display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;} +#sod_frm #sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c;font-size:1.25em} +#sod_frm_pay {position:relative;margin:10px 0} +#sod_frm #sod_frm_pay h2 {position:absolute;border:0;font-size:0;line-height:0;content:""} +#sod_frm_pay .pay_tbl table{width:100%;border-collapse:collapse} +#sod_frm_pay .pay_tbl th{text-align:left;padding:10px;width:80px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777} +#sod_frm_pay .pay_tbl td{text-align:right;padding: 10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff} +#sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px} +#sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 0;} +#od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px} +#od_tot_price span{float:left;font-weight:bold} +#od_tot_price strong{font-size:1.5em;color:#ff006c} +#od_pay_sl h3{font-size:1.167em;margin:20px 0 5px} +#od_pay_sl input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;} +#od_pay_sl .lb_icon {display: inline-block;float:left;width:50%;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1} +#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3} +#sod_frm_paysel {} +#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden} +#sod_frm_paysel .KPAY{background:url('../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .PAYNOW{background:url('../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .PAYCO{background:url('../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .inicis_lpay{background:url('../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .kakaopay_icon{background:url('../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px} +#sod_frm_paysel .bank_icon{background:url('../img/pay_icon1.png') no-repeat 15px 50% #fff} +#sod_frm_paysel .vbank_icon{background:url('../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px} +#sod_frm_paysel .iche_icon{background:url('../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px} +#sod_frm_paysel .hp_icon{background:url('../img/pay_icon3.png') no-repeat 24px 50% #fff} +#sod_frm_paysel .card_icon{background:url('../img/pay_icon4.png') no-repeat 17px 50% #fff} +#forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8} +#forderform .od_pay_buttons_el{margin-top:20px;border:1px solid #e3e5e8;background:#fff;padding:10px} +#forderform .od_pay_buttons_el h3{font-size:1.167em;margin:0px 0 5px} +#forderform #sod_frm_pt{border-top:1px solid #e3e5e8} +#sod_frm_taker td input[type="radio"], #sod_frm_taker td input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial} +#sod_frm_taker label {display:inline-block;font-weight:normal;margin-right:1em} + +#sod_frm #sod_bsk_tot{margin:10px;} +#sod_frm #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} +#sod_frm #sod_bsk_tot li{position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0} +#sod_frm #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""} +#sod_frm #sod_bsk_tot li span{display:block;color:#777;margin-bottom:5px;font-weight:bold} +#sod_frm #sod_bsk_tot .sod_bsk_sell,#sod_frm #sod_bsk_tot .sod_bsk_coupon{border-right:1px solid #e7ebf1} +#sod_frm #sod_bsk_tot .sod_bsk_point,#sod_frm #sod_bsk_tot .sod_bsk_cnt{width:100%;clear:both;height:40px;padding:0 15px;line-height:40px;text-align:right} +#sod_frm #sod_bsk_tot .sod_bsk_point span,#sod_frm #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0} +#sod_frm #sod_bsk_tot .sod_bsk_coupon:before{display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;} +#sod_frm #sod_bsk_tot .sod_bsk_dvr:before{display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;} +#sod_frm #sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c;font-size:1.25em} +#sod_frm_pay .pay_tbl table{width:100%;border-collapse:collapse} +#sod_frm_pay .pay_tbl th{text-align:left;padding:10px;width:90px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777} +#sod_frm_pay .pay_tbl td{text-align:right;padding: 10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff} +#sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px} +#sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 0;} +#od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px} +#od_tot_price span{float:left;font-weight:bold} +#od_tot_price strong{font-size:1.5em;color:#ff006c} + #od_tot_price {background:#e5f0ff;line-height:20px;text-align:right;padding:15px} #od_tot_price span {float:left;font-weight:bold} #od_tot_price strong {font-size:1.5em;color:#ff006c} @@ -866,13 +952,9 @@ box-shadow:0 0 8px rgba(65,98,255,0.8)} #sod_point .point_ipt:after {display:block;visibility:hidden;clear:both;content:''} #sod_point .point_ipt #od_temp_point {width:100px;height:30px;text-align:right;padding:0 5px;border:1px solid #d0d3db;border-radius:3px} -#sod_frm_pt {padding:20px} -#sod_frm_pt strong {display:inline-block;width:45%;color:#000;line-height:28px;text-align:left} -#sod_frm_pt span {display:inline-block;width:55%;color:#000;text-align:right} -#sod_frm_pt span:after {display:block;visibility:hidden;clear:both;content:''} #sod_frm_pt .max_point_box em {font-style:normal !important} -.sod_frm_pc #sod_frm_pay {position:relative;margin:10px;padding:0;background:#fff;border:1px solid #e3e5e8} +.sod_frm_pc #sod_frm_pay {position:relative;margin:10px;padding:0} .sod_frm_pc #sod_frm_pay h2 {font-size:1.167em;padding:15px;margin:0;border-bottom:1px solid #e3e5e8} .sod_frm_pc #sod_frm_pay .tooltip_txt {height:auto;line-height:18px;font-weight:normal;font-size:1em;padding:10px 20px;margin:10px} .sod_frm_pc #sod_frm_pay .tooltip_txt:before {height:100%} @@ -924,8 +1006,6 @@ box-shadow:0 0 8px rgba(65,98,255,0.8)} .pesonal td {display:block;padding:0;border:0} .pesonal td input {width:100%} .pesonal .half_tr {width:50%} -#sod_frm_paysel {background:#fff;padding:0 15px 10px;border-bottom:1px solid #e3e5e8} -#sod_frm_paysel li {padding:5px 0} .sod_right .btn_confirm {margin:10px} .sod_right .btn_submit, .sod_right .btn01 {width:100%;height:45px;font-size:1.167em;font-weight:bold;margin:5px 0;border-radius:4px;line-height:45px} diff --git a/img/pay_icon1.png b/img/pay_icon1.png new file mode 100644 index 000000000..3f9776c94 Binary files /dev/null and b/img/pay_icon1.png differ diff --git a/img/pay_icon2.png b/img/pay_icon2.png new file mode 100644 index 000000000..9e9077041 Binary files /dev/null and b/img/pay_icon2.png differ diff --git a/img/pay_icon3.png b/img/pay_icon3.png new file mode 100644 index 000000000..a04fe9788 Binary files /dev/null and b/img/pay_icon3.png differ diff --git a/img/pay_icon4.png b/img/pay_icon4.png new file mode 100644 index 000000000..35038e0ae Binary files /dev/null and b/img/pay_icon4.png differ diff --git a/mobile/shop/mypage.php b/mobile/shop/mypage.php index dd791caef..2b68c690a 100644 --- a/mobile/shop/mypage.php +++ b/mobile/shop/mypage.php @@ -19,29 +19,23 @@ $cp_count = get_shop_member_coupon_count($member['mb_id'], true); ?>