firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

모바일쇼핑몰: table -> ul 변경 : 주문서작성 페이지

Browse Source
This commit is contained in:
whitedot
2013-12-03 13:11:53 +09:00
parent 6c63097114
commit abfa90e682
7 changed files with 110 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
css/default_shop.css
View File

@ -494,10 +494,10 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
/* 장바구니 */
#sod_bsk {}
.sod_bsk_img {width:90px;text-align:center}
.sod_bsk_itopt {margin:5px 0;border:1px solid #e9e9e9;border-bottom:0;background:#f2f5f9}
.sod_bsk_itopt ul {margin:0;padding:0;list-style:none}
.sod_bsk_itopt li {padding:3px;border-bottom:1px solid #e9e9e9}
.sod_img {width:90px;text-align:center}
.sod_opt {margin:5px 0;border:1px solid #e9e9e9;border-bottom:0;background:#f2f5f9}
.sod_opt ul {margin:0;padding:0;list-style:none}
.sod_opt li {padding:3px;border-bottom:1px solid #e9e9e9}
.sod_option_btn .mod_options {margin:0;padding:3px 0;width:100%;border:0;background:#333;color:#fff;cursor:pointer}
#sit_opt_added {margin:0;padding:0;border:1px solid #e9e9e9;border-bottom:0;background:#fff;list-style:none}
@ -531,7 +531,7 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
#display_setup_message strong {display:block;margin:0 0 10px}
#sod_list {position:relative}
#sod_list #it_coupon_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll;overflow-x:none}
#sod_list #cp_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll;overflow-x:none}
#sod_frm_orderer {margin:20px 0 40px}

43
css/mobile_shop.css
View File

@ -193,10 +193,10 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
/* 장바구니 */
#sod_bsk {}
.sod_bsk_img {width:100px;text-align:center}
.sod_bsk_itopt {margin:5px 0;border-top:1px dashed #e9e9e9;background:#f2f5f9}
.sod_bsk_itopt ul {margin:0;padding:0;list-style:none}
.sod_bsk_itopt li {margin:0 0 1px;padding:5px}
.sod_img {width:100px;text-align:center}
.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_list {position:relative}
@ -236,9 +236,27 @@ 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}
#sod_list #it_coupon_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 #it_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#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 미지원 기기 대응 */
#sod_frm_deli {position:relative;line-height:2em}
#sod_frm_deli #order_address {display:block;padding:5px 0;background:#000;color:#fff;text-align:center}
@ -256,10 +274,13 @@ html.no-overflowscrolling #it_coupon_frm {height:auto;max-height:10000px !import
#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_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 #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_paysel {margin:0 0 15px;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9;text-align:center}
#sod_frm_paysel legend {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sod_frm_paysel .frm_input {background:#fff}
#sod_frm_paysel div {margin:5px 0 0}
#sod_frm_paysel {margin:0 0 15px}
#sod_frm_paysel ul {margin:0;padding:0;border:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm_paysel li {float:left;padding:10px 2%;width:46%}
#sod_frm_paysel #settle_bank {padding:10px;background:#dbdfe2;line-height:2em}
#sod_frm_paysel #settle_bank label {display:inline-block;margin:0 10px 0 0;font-weight:bold}
#sod_frm_paysel #settle_bank .frm_input {background:#fff;text-align:center}
#sod_frm_escrow {margin:30px 0 0}

4
mobile/shop/cart.php
View File

@ -75,7 +75,7 @@ include_once(G5_MSHOP_PATH.'/_head.php');
$it_options = print_item_options($row['it_id'], $s_cart_id);
if($it_options) {
$mod_options = '<div class="sod_option_btn"><button type="button" id="mod_opt_'.$row['it_id'].'" class="mod_options">선택사항수정</button></div>';
$it_name .= '<div class="sod_bsk_itopt">'.$it_options.'</div>';
$it_name .= '<div class="sod_opt">'.$it_options.'</div>';
}
$point = $sum['point'];
@ -83,7 +83,7 @@ include_once(G5_MSHOP_PATH.'/_head.php');
?>
<tr>
<td rowspan="3" class="sod_bsk_img"><?php echo $image; ?></td>
<td rowspan="3" class="sod_img"><?php echo $image; ?></td>
<td colspan="4">
<input type="hidden" name="it_id[<?php echo $i; ?>]" value="<?php echo $row['it_id']; ?>">
<input type="hidden" name="it_name[<?php echo $i; ?>]" value="<?php echo get_text($row['it_name']); ?>">

114
mobile/shop/orderform.php
View File

@ -37,22 +37,7 @@ ob_start();
?>
<p>주문하실 상품을 확인하세요.</p>
<div class="tbl_wrap tbl_head01">
<table id="sod_list">
<thead>
<tr>
<th scope="col" rowspan="2">상품이미지</th>
<th scope="col" colspan="5" id="th_it">상품명</th>
</tr>
<tr>
<th scope="col" id="th_itall">총수량</th>
<th scope="col" id="th_itprice">판매가</th>
<th scope="col" id="th_cp">쿠폰</th>
<th scope="col" id="th_cnt">소계</th>
<th scope="col" id="th_pt">포인트</th>
</tr>
</thead>
<tbody>
<ul id="sod_list">
<?php
$tot_point = 0;
$tot_sell_price = 0;
@ -124,14 +109,16 @@ ob_start();
$good_info .= "good_amtx=".$row['ct_price'].chr(31);
}
$a1 = '<b>';
$a2 = '</b>';
$image = get_it_image($row['it_id'], 50, 50);
$a1 = '<strong>';
$a2 = '</strong>';
$image_width = 50;
$image_height = 50;
$image = get_it_image($row['it_id'], $image_width, $image_height);
$it_name = $a1 . stripslashes($row['it_name']) . $a2;
$it_options = print_item_options($row['it_id'], $s_cart_id);
if($it_options) {
$it_name .= '<div class="sod_bsk_itopt">'.$it_options.'</div>';
$it_name .= '<div class="sod_opt">'.$it_options.'</div>';
}
// 복합과세금액
@ -172,35 +159,33 @@ ob_start();
}
if($cp_count) {
$cp_button = '<button type="button" class="it_coupon_btn btn_frmline">적용</button>';
$cp_button = '<div class="li_cp"><button type="button" class="cp_btn">쿠폰적용</button></div>';
$it_cp_count++;
}
}
?>
<tr>
<td rowspan="2" class="sod_bsk_img"><?php echo $image; ?></td>
<td headers ="th_it" colspan="5">
<?php echo $it_name; ?>
</td>
</tr>
<tr>
<td headers ="th_itall" class="td_num"><?php echo number_format($sum['qty']); ?></td>
<td headers ="th_itprice" class="td_numbig"><?php echo number_format($row['ct_price']); ?></td>
<td headers ="th_cp" class="td_mngsmall">
<input type="hidden" name="it_id[<?php echo $i; ?>]" value="<?php echo $row['it_id']; ?>">
<input type="hidden" name="it_name[<?php echo $i; ?>]" value="<?php echo get_text($row['it_name']); ?>">
<input type="hidden" name="it_price[<?php echo $i; ?>]" value="<?php echo $sell_price; ?>">
<input type="hidden" name="cp_id[<?php echo $i; ?>]" value="">
<input type="hidden" name="cp_price[<?php echo $i; ?>]" value="0">
<?php if($default['de_tax_flag_use']) { ?>
<input type="hidden" name="it_notax[<?php echo $i; ?>]" value="<?php echo $row['it_notax']; ?>">
<?php } ?>
<?php echo $cp_button; ?>
</td>
<td headers ="th_cnt" class="td_numbig"><span class="ct_sell_price"><?php echo number_format($sell_price); ?></span></td>
<td headers ="th_pt" class="td_num"><?php echo number_format($sum['point']); ?></td>
</tr>
<li class="sod_li">
<input type="hidden" name="it_id[<?php echo $i; ?>]" value="<?php echo $row['it_id']; ?>">
<input type="hidden" name="it_name[<?php echo $i; ?>]" value="<?php echo get_text($row['it_name']); ?>">
<input type="hidden" name="it_price[<?php echo $i; ?>]" value="<?php echo $sell_price; ?>">
<?php if($default['de_tax_flag_use']) { ?>
<input type="hidden" name="it_notax[<?php echo $i; ?>]" value="<?php echo $row['it_notax']; ?>">
<?php } ?>
<input type="hidden" name="cp_id[<?php echo $i; ?>]" value="">
<input type="hidden" name="cp_price[<?php echo $i; ?>]" value="0">
<div class="li_name"><?php echo $it_name; ?></div>
<div class="li_prqty">
<span class="prqty_price"><span>판매가 </span><?php echo number_format($row['ct_price']); ?></span>
<span class="prqty_qty"><span>수량 </span><?php echo number_format($sum['qty']); ?></span>
</div>
<div class="li_total" style="padding-left:<?php echo $image_width + 10; ?>px;height:auto !important;height:<?php echo $image_height; ?>px;min-height:<?php echo $image_height; ?>px">
<span class="total_img"><?php echo $image; ?></span>
<span class="total_price total_span"><span>주문금액 </span><strong><?php echo number_format($sell_price); ?></strong></span>
<span class="total_point total_span"><span>적립포인트 </span><strong><?php echo number_format($sum['point']); ?></strong></span>
</div>
<?php echo $cp_button; ?>
</li>
<?php
$tot_point += $point;
@ -635,45 +620,46 @@ ob_end_clean();
}
if ($default['de_bank_use'] || $default['de_vbank_use'] || $default['de_bank_use'] || $default['de_bank_use'] || $default['de_bank_use']) {
echo '<fieldset id="sod_frm_paysel">';
echo '<legend>결제방법 선택</legend>';
echo '<div id="sod_frm_paysel"><ul>';
}
// 무통장입금 사용
if ($default['de_bank_use']) {
$multi_settle++;
echo '<input type="radio" id="od_settle_bank" name="od_settle_case" value="무통장" '.$checked.'> <label for="od_settle_bank">무통장입금</label>'.PHP_EOL;
echo '<li><input type="radio" id="od_settle_bank" name="od_settle_case" value="무통장" '.$checked.'> <label for="od_settle_bank">무통장입금</label></li>'.PHP_EOL;
$checked = '';
}
// 가상계좌 사용
if ($default['de_vbank_use']) {
$multi_settle++;
echo '<input type="radio" id="od_settle_vbank" name="od_settle_case" value="가상계좌" '.$checked.'> <label for="od_settle_vbank">'.$escrow_title.'가상계좌</label>'.PHP_EOL;
echo '<li><input type="radio" id="od_settle_vbank" name="od_settle_case" value="가상계좌" '.$checked.'> <label for="od_settle_vbank">'.$escrow_title.'가상계좌</label></li>'.PHP_EOL;
$checked = '';
}
// 계좌이체 사용
if ($default['de_iche_use']) {
$multi_settle++;
echo '<input type="radio" id="od_settle_iche" name="od_settle_case" value="계좌이체" '.$checked.'> <label for="od_settle_iche">'.$escrow_title.'계좌이체</label>'.PHP_EOL;
echo '<li><input type="radio" id="od_settle_iche" name="od_settle_case" value="계좌이체" '.$checked.'> <label for="od_settle_iche">'.$escrow_title.'계좌이체</label></li>'.PHP_EOL;
$checked = '';
}
// 휴대폰 사용
if ($default['de_hp_use']) {
$multi_settle++;
echo '<input type="radio" id="od_settle_hp" name="od_settle_case" value="휴대폰" '.$checked.'> <label for="od_settle_hp">휴대폰</label>'.PHP_EOL;
echo '<li><input type="radio" id="od_settle_hp" name="od_settle_case" value="휴대폰" '.$checked.'> <label for="od_settle_hp">휴대폰</label></li>'.PHP_EOL;
$checked = '';
}
// 신용카드 사용
if ($default['de_card_use']) {
$multi_settle++;
echo '<input type="radio" id="od_settle_card" name="od_settle_case" value="신용카드" '.$checked.'> <label for="od_settle_card">신용카드</label>'.PHP_EOL;
echo '<li><input type="radio" id="od_settle_card" name="od_settle_case" value="신용카드" '.$checked.'> <label for="od_settle_card">신용카드</label></li>'.PHP_EOL;
$checked = '';
}
echo '</ul>';
$temp_point = 0;
// 회원이면서 포인트사용이면
if ($is_member && $config['cf_use_point'])
@ -726,7 +712,7 @@ ob_end_clean();
}
if ($default['de_bank_use'] || $default['de_vbank_use'] || $default['de_bank_use'] || $default['de_bank_use'] || $default['de_bank_use']) {
echo '</fieldset>';
echo '</div>';
}
if ($multi_settle == 0)
@ -832,10 +818,10 @@ $(function() {
var $cp_row_el;
var zipcode = "";
$(".it_coupon_btn").click(function() {
$(".cp_btn").click(function() {
$cp_btn_el = $(this);
$cp_row_el = $(this).closest("tr");
$("#it_coupon_frm").remove();
$("#cp_frm").remove();
var it_id = $cp_btn_el.closest("tr").find("input[name^=it_id]").val();
$.post(
@ -885,7 +871,7 @@ $(function() {
}
}
var $s_el = $cp_row_el.find(".ct_sell_price");;
var $s_el = $cp_row_el.find(".total_price");;
sell_price = parseInt($cp_row_el.find("input[name^=it_price]").val());
sell_price = sell_price - parseInt(price);
if(sell_price < 0) {
@ -897,22 +883,22 @@ $(function() {
$cp_row_el.find("input[name^=cp_price]").val(price);
calculate_total_price();
$("#it_coupon_frm").remove();
$("#cp_frm").remove();
$cp_btn_el.text("변경").focus();
if(!$cp_row_el.find(".it_coupon_cancel").size())
$cp_btn_el.after("<button type=\"button\" class=\"it_coupon_cancel btn_frmline\">취소</button>");
if(!$cp_row_el.find(".cp_cancel").size())
$cp_btn_el.after("<button type=\"button\" class=\"cp_cancel btn_frmline\">취소</button>");
});
$("#it_coupon_close").live("click", function() {
$("#it_coupon_frm").remove();
$("#cp_close").live("click", function() {
$("#cp_frm").remove();
$cp_btn_el.focus();
});
$(".it_coupon_cancel").live("click", function() {
$(".cp_cancel").live("click", function() {
coupon_cancel($(this).closest("tr"));
calculate_total_price();
$("#it_coupon_frm").remove();
$(this).closest("tr").find(".it_coupon_btn").text("적용").focus();
$("#cp_frm").remove();
$(this).closest("tr").find(".cp_btn").text("쿠폰적용").focus();
$(this).remove();
});
@ -1117,7 +1103,7 @@ $(function() {
function coupon_cancel($el)
{
var $dup_sell_el = $el.find(".ct_sell_price");
var $dup_sell_el = $el.find(".total_price");
var $dup_price_el = $el.find("input[name^=cp_price]");
var org_sell_price = $el.find("input[name^=it_price]").val();

4
shop/cart.php
View File

@ -94,7 +94,7 @@ include_once('./_head.php');
$it_options = print_item_options($row['it_id'], $s_cart_id);
if($it_options) {
$mod_options = '<div class="sod_option_btn"><button type="button" class="mod_options">선택사항수정</button></div>';
$it_name .= '<div class="sod_bsk_itopt">'.$it_options.'</div>';
$it_name .= '<div class="sod_opt">'.$it_options.'</div>';
}
$point = $sum['point'];
@ -102,7 +102,7 @@ include_once('./_head.php');
?>
<tr>
<td class="sod_bsk_img"><?php echo $image; ?></td>
<td class="sod_img"><?php echo $image; ?></td>
<td>
<input type="hidden" name="it_id[<?php echo $i; ?>]" value="<?php echo $row['it_id']; ?>">
<input type="hidden" name="it_name[<?php echo $i; ?>]" value="<?php echo get_text($row['it_name']); ?>">

32
shop/orderform.php
View File

@ -257,7 +257,7 @@ function get_intall_file()
$it_name = '<b>' . stripslashes($row['it_name']) . '</b>';
$it_options = print_item_options($row['it_id'], $s_cart_id);
if($it_options) {
$it_name .= '<div class="sod_bsk_itopt">'.$it_options.'</div>';
$it_name .= '<div class="sod_opt">'.$it_options.'</div>';
}
// 복합과세금액
@ -298,14 +298,14 @@ function get_intall_file()
}
if($cp_count) {
$cp_button = '<button type="button" class="it_coupon_btn btn_frmline">적용</button>';
$cp_button = '<button type="button" class="cp_btn btn_frmline">적용</button>';
$it_cp_count++;
}
}
?>
<tr>
<td class="sod_bsk_img"><?php echo $image; ?></td>
<td class="sod_img"><?php echo $image; ?></td>
<td>
<input type="hidden" name="it_id[<?php echo $i; ?>]" value="<?php echo $row['it_id']; ?>">
<input type="hidden" name="it_name[<?php echo $i; ?>]" value="<?php echo get_text($row['it_name']); ?>">
@ -320,7 +320,7 @@ function get_intall_file()
<td class="td_num"><?php echo number_format($sum['qty']); ?></td>
<td class="td_numbig"><?php echo number_format($row['ct_price']); ?></td>
<td class="td_mngsmall"><?php echo $cp_button; ?></td>
<td class="td_numbig"><span class="ct_sell_price"><?php echo number_format($sell_price); ?></span></td>
<td class="td_numbig"><span class="total_price"><?php echo number_format($sell_price); ?></span></td>
<td class="td_numbig"><?php echo number_format($point); ?></td>
</tr>
@ -1081,10 +1081,10 @@ $(function() {
var $cp_row_el;
var zipcode = "";
$(".it_coupon_btn").click(function() {
$(".cp_btn").click(function() {
$cp_btn_el = $(this);
$cp_row_el = $(this).closest("tr");
$("#it_coupon_frm").remove();
$("#cp_frm").remove();
var it_id = $cp_btn_el.closest("tr").find("input[name^=it_id]").val();
$.post(
@ -1134,7 +1134,7 @@ $(function() {
}
}
var $s_el = $cp_row_el.find(".ct_sell_price");;
var $s_el = $cp_row_el.find(".total_price");;
sell_price = parseInt($cp_row_el.find("input[name^=it_price]").val());
sell_price = sell_price - parseInt(price);
if(sell_price < 0) {
@ -1146,22 +1146,22 @@ $(function() {
$cp_row_el.find("input[name^=cp_price]").val(price);
calculate_total_price();
$("#it_coupon_frm").remove();
$("#cp_frm").remove();
$cp_btn_el.text("변경").focus();
if(!$cp_row_el.find(".it_coupon_cancel").size())
$cp_btn_el.after("<button type=\"button\" class=\"it_coupon_cancel btn_frmline\">취소</button>");
if(!$cp_row_el.find(".cp_cancel").size())
$cp_btn_el.after("<button type=\"button\" class=\"cp_cancel btn_frmline\">취소</button>");
});
$("#it_coupon_close").live("click", function() {
$("#it_coupon_frm").remove();
$("#cp_close").live("click", function() {
$("#cp_frm").remove();
$cp_btn_el.focus();
});
$(".it_coupon_cancel").live("click", function() {
$(".cp_cancel").live("click", function() {
coupon_cancel($(this).closest("tr"));
calculate_total_price();
$("#it_coupon_frm").remove();
$(this).closest("tr").find(".it_coupon_btn").text("적용").focus();
$("#cp_frm").remove();
$(this).closest("tr").find(".cp_btn").text("적용").focus();
$(this).remove();
});
@ -1362,7 +1362,7 @@ $(function() {
function coupon_cancel($el)
{
var $dup_sell_el = $el.find(".ct_sell_price");
var $dup_sell_el = $el.find(".total_price");
var $dup_price_el = $el.find("input[name^=cp_price]");
var org_sell_price = $el.find("input[name^=it_price]").val();

6
shop/orderitemcoupon.php
View File

@ -40,7 +40,7 @@ $count = mysql_num_rows($result);
?>
<!-- 쿠폰 선택 시작 { -->
<div id="it_coupon_frm">
<div id="cp_frm">
<?php if($count > 0) { ?>
<div class="tbl_head02 tbl_wrap">
<table>
@ -87,11 +87,11 @@ $count = mysql_num_rows($result);
</div>
<?php
} else {
echo '<p>사용할 수 있는 쿠폰이 없습니다.</p>';
echo '<div class="empty_list">사용할 수 있는 쿠폰이 없습니다.</div>';
}
?>
<div class="btn_confirm">
<button type="button" id="it_coupon_close" class="btn_submit">닫기</button>
<button type="button" id="cp_close" class="btn_submit">닫기</button>
</div>
</div>
<!-- } 쿠폰 선택 끝 -->