- encrypted

a.json

+{
+  "items": [
+    {
+      "onClick": "kakaotalk",
+      "imageUrl": "/resources/sns_kakaotalk.jpg"
+    },
+    {
+      "onClick": "kakaostory",
+      "imageUrl": "/resources/sns_kakaostory.jpg"
+    },
+    {
+      "onClick": "band",
+      "imageUrl": "/resources/sns_naverband.jpg"
+    },
+  ],
+  "xitems": [
+    {
+      "onClick": "https://www.daum.net",
+      "imageUrl": "https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/meta/20190628165932_1.jpg"
+    },
+    {
+      "onClick": "etc",
+      "imageUrl": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRNyLeogSMBvaGNCKgTAb5UG0ri6ys5bQlvQQ&usqp=CAU"
+    },
+    {
+      "onClick": "url",
+      "imageUrl": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRNyLeogSMBvaGNCKgTAb5UG0ri6ys5bQlvQQ&usqp=CAU"
+    },
+    {
+      "onClick": "facebook",
+      "imageUrl": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRNyLeogSMBvaGNCKgTAb5UG0ri6ys5bQlvQQ&usqp=CAU"
+    },
+    {
+      "onClick": "sms",
+      "imageUrl": "http://dev.appju.platyhouse.com/resources/sns_fb.png"
+    },
+    {
+      "onClick": "sms",
+      "imageUrl": "http://dev.appju.platyhouse.com/resources/sns_fb.png"
+    },
+  ]
+}
\ No newline at end of file

modules/appconstruct/admin.views.appconstruct.item_edit.html

@@ -39,6 +39,7 @@ namespace platyFramework;
                                 "메인 (크기만큼)" => "main",
                                 "메인 (가득채움)" => "main2",
                                 "메인 (스크롤)" => "main3",
+                                "메인 (Nested 스크롤)" => "main4",
                                 "하단" => "footer",
                             ]); ?>
                             <?= $form->getInput("노출순서", "priority"); ?>
@@ -50,11 +51,19 @@ namespace platyFramework;
                                     "메뉴바 B (ConstructTitleBarB)" => "ConstructTitleBarB",
                                     "페이징 탭 A (ConstructPagerA)" => "ConstructPagerA",
                                     "페이징 탭 A (ConstructPagerB)" => "ConstructPagerB",
+                                    "페이징 탭 C (ConstructPagerC)" => "ConstructPagerC",
+                                    "페이징 탭 A (ConstructPagersA)" => "ConstructPagersA",
+                                    "Text A (ConstructTextA)" => "ConstructTextA",
+                                    "웹뷰 A (ConstructWebViewA)" => "ConstructWebViewA",
+                                    "쇼핑 - MY찜 상태 (ConstructShopFavoriteStatusA)" => "ConstructShopFavoriteStatusA",
+                                    "쇼핑 - 댓글 상태 (ConstructShopCommentStatusA)" => "ConstructShopCommentStatusA",
+                                    "쇼핑 - 공유 상태 (ConstructShopShareStatusA)" => "ConstructShopShareStatusA",
                                     "-----1" => "-----------------------",
                                     "목록 A (ConstructItemsA)" => "ConstructItemsA",
                                     "상품목록 A (ConstructShopItemsA)" => "ConstructShopItemsA",
                                     "-----2" => "-----------------------",
                                     "배너 광고 A (ConstructBannerA)" => "ConstructBannerA",
+                                    "배너 광고 모음 A (ConstructBannersA)" => "ConstructBannersA",
                                     "에드몹 배너 A (ConstructAdmobBannerA)" => "ConstructAdmobBannerA",
                                     "-----3" => "-----------------------",
                                     "추천 글 노출 (ConstructBoardRecommentsA)" => "ConstructBoardRecommentsA",
@@ -99,7 +108,7 @@ namespace platyFramework;
                                     "Fragment" => "Fragment"
 
                                 ]); ?>
-                            <?= $form->getInput("data Name", "data", "", "id=data_json"); ?>
+                            <?= $form->getTextEditRaw("data(json)", "data", "", "id=data_json"); ?>
 
                             <? if (false) { ?>
                             <div class='form-group'>

modules/ptyboard/a.json

+{
+  "filter": {
+    "tag": "best"
+  },
+  "itemsStyle": {
+    "type": "list",
+    "itemsPerRow": "1",
+    "itemsPerPage": 10,
+    "paging": false
+  },
+  "itemStyle": {
+    "imageHeight": 140,
+    "backgroundColor": "#FAFAFA",
+    "borderColor": "#BBBBBB",
+    "borderWidth": "2",
+    "titleColor": "#222222",
+    "animationType": "bounceIn",
+    "animationDuration": "100",
+    "visibleDesc": 0
+  },
+  "onItemClick": "shopItem"
+}
\ No newline at end of file

modules/ptyshop/a.html

+<a href="Intent://com.storyshare.trueheartwriting?&#Intent;scheme=pfw_intro;package=com.storyshare.trueheartwriting;end">com.storyshare.trueheartwriting 열려라</a>
+<Br>
+<!--<a href="pfw_intro://com.storyshare.trueheartwriting?">com.storyshare.trueheartwriting 열려라</a>-->
+<Br>

modules/ptyshop/a2.html

+<a href="Intent://com.storyshare.truheartwriting&#Intent;scheme=pfw;package=com.storyshare.trueheartwriting;end">test</a>
+<?php die() ?>
+
+
+<base href="https://jpay.sale09.kr/">
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <link rel="shortcut icon" href="data:image/x-icon" type="image/x-icon">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+    <link rel="stylesheet" href="/static/css/v15/app.css?2021021621">
+    <link rel="stylesheet" href="/static/css/v15/sale09_app.css?2021021621>">
+    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
+    <script src="/static/js/jquery-3.1.1.min.js"></script>
+    <script src="/static/js/clipboard.min.js"></script>
+    <script src="/static/js/common.js?2021021621"></script><!-- // 공통 -->
+    <script src="/static/js/commonLib.js?2021021621"></script><!-- // 앱간 인터페이스 -->
+    <title>굿즈쉐어</title>
+</head>    <script type="text/javascript">
+
+    var DEEP = 'intent://jasonpay_salepoison';
+    var AGENT = 'android';
+    var GOODS = JSON.parse('{"uid":"a27b1d76-d4aa-3f11-b384-d6b8431e6a51","idx":10036480,"type":"option","giftyn":"N","title":"[\\uad6d\\ub0b4 \\uc7a5\\ub2f9 96\\uc6d0]\\ud074\\ub9b0\\uc564\\uc601 KF-AD \\ube44\\ub9d0\\ucc28\\ub2e8\\ub9c8\\uc2a4\\ud06c 50\\ub9e4 (\\ubc34\\ub4dc\\ud615\\/\\ub048\\ud615)","image1":"1614764692_1_651941049.jpg","image2":"1614764692_2_191304448.jpg","status":0,"soldout":0,"inven":4259,"fararea":0,"oprice":7800,"price":4800,"prepaid":"Y","shipping":2500,"shippingprice":9600,"shippingcnt":0,"choicetype":0,"optinfo":{"title1":"\\uc635\\uc158 \\uc120\\ud0dd1","title2":"\\uc635\\uc158 \\uc120\\ud0dd2","title3":"\\uc635\\uc158 \\uc120\\ud0dd3","title4":"\\uc635\\uc158 \\uc120\\ud0dd4","priceState":1,"invenShow":0},"option":[{"name":"1) KF-AD \\ubc34\\ub4dc\\ud615","inven":1941,"option":[{"name":"50\\ub9e4","inven":1941,"price":4800,"buycnt":0,"limit":0}]},{"name":"2) KF-AD \\ub048\\ud615","inven":2318,"option":[{"name":"50\\ub9e4","inven":2318,"price":4800,"buycnt":0,"limit":0}]}],"choice":[],"addbuy":[],"date":"2021-03-17 11:54:45","addinfo":{"title1":"\\ucd94\\uac00 \\uc120\\ud0dd1","title2":"\\ucd94\\uac00 \\uc120\\ud0dd2","title3":"\\ucd94\\uac00 \\uc120\\ud0dd3","title4":"\\ucd94\\uac00 \\uc120\\ud0dd4"}}');
+
+    function $number(num) {
+        return num.toFixed(0).replace(/(\d)(?=(\d{3})+$)/g, "$1,");
+    }
+
+    (function ($) {
+
+        $.fn.sum = function () {
+            var count = 0;
+            var price = 0;
+
+            $('#option_cart').find('input[data-type=option]').each(function () {
+                var cnt = parseInt($(this).val());
+                if (isNaN(cnt)) {
+                    cnt = 0;
+                }
+                price += parseInt($(this).data('price')) * cnt;
+                count++;
+            });
+
+            $('#addbuy_cart').find('input[data-type=addbuy]').each(function () {
+                var cnt = parseInt($(this).val());
+                if (isNaN(cnt)) {
+                    cnt = 0;
+                }
+                price += parseInt($(this).data('price')) * cnt;
+                count++;
+            });
+
+            $('#result_count').text($number(count));
+            $('#result_price').text($number(price));
+            return this;
+        };
+        $.fn.option = function (array) {
+            var option = this;
+            var carttype = option.prop('id');
+
+            var count = function (e) {
+
+
+                var count = $(this).siblings('input[name=cnt]');
+
+                if (count.length < 1) {
+                    count = $(this);
+                }
+                count.val(count.val().replace(/\D/g, ''));
+
+                var price = parseInt(count.data('price'));
+                var type = count.data('type');
+                var buycnt = parseInt(count.data('buycnt'));
+                var step = 0;
+                var cnt = parseInt(count.val());
+                var min = parseInt(count.prop('min'));
+                var max = parseInt(count.prop('max'));
+
+                if ($(this).hasClass('dec')) {
+                    step = -1;
+                    if (isNaN(cnt)) {
+                        cnt = 2;
+                    }
+                } else if ($(this).hasClass('inc')) {
+                    step = 1;
+                    if (isNaN(cnt)) {
+                        cnt = 0;
+                    }
+                }
+
+                if (type === 'option' || type === 'addbuy') {
+
+                    if (min > cnt + step) {
+                        count.val(min);
+                        return false;
+                    }
+                    if (max < cnt + step) {
+                        //구매수량 제한
+                        if (max === buycnt && buycnt > 0) {
+                            alert('본 상품의 최대 구매 수량은 ' + buycnt + '개 입니다.');
+                        }
+                        count.val(max);
+                        return false;
+                    }
+                    if (e.type === 'blur' && isNaN(cnt)) {
+                        cnt = 1;
+                    }
+                    count.val(cnt + step);
+                    if (isNaN(cnt)) {
+                        cnt = 0;
+                    }
+                    $(this).closest('.panel-body').find('.price').children('span').text($number(price * (cnt + step)) + '원');
+                } else if (type === 'choice') {
+
+                    var optcnt = $(this).closest('.panel-choice').siblings('.panel-body').find('input[name=cnt]');
+                    var limit = parseInt(optcnt.data('limit')) * parseInt(optcnt.val());
+
+                    var nowcnt = 0;
+                    $(this).closest('.panel-choice').find('input[name=cnt]').each(function () {
+                        nowcnt += parseInt($(this).val());
+                    });
+                    if (limit < nowcnt + step) {
+                        alert('[' + optcnt.data('name') + '] 상품은 ' + limit + '개 구매 할 수 있습니다.');
+                        return false;
+                    }
+                    if (max < cnt + step) {
+                        alert('[' + count.data('name') + '] 상품은 재고가 없습니다.');
+                        return false;
+                    }
+                    if (min > cnt + step) {
+                        return false;
+                    }
+                    count.val(cnt + step);
+                }
+                $(this).sum();
+            };
+
+            var ul = $('<ul />', {"class": "select-menu"});
+            for (var i in array) {
+                var li = $('<li />').prepend($('<a />', {
+                    "class": "option-item",
+                    "data-optidx": i,
+                    "data-name": array[i].name,
+                    "data-price": array[i].price,
+                    "data-inven": array[i].inven
+                }).prepend(array[i].name, $('<span />')));
+                //, $('<span />').text(' (' + array[i].inven + '개)')
+
+                if (array[i].inven < 1) {
+                    li.children('a').addClass('soldout').children('span').text(' (품절)');
+                } else {
+                    li.click(function () {
+                        var li = $(this);
+                        var select = li.closest('.select');
+                        var button = select.children('button');
+                        var selected = li.children('a');
+
+                        select.removeClass('active').addClass('selection');  //2019-05-24 수정
+
+                        button.children('span').text(selected.data('name'));
+                        button.data('name', selected.data('name'));
+                        //select.nextAll().remove();
+
+                        if (typeof array[selected.data('optidx')].option === "undefined") {
+                            //더이상 옵션이 없으면 선택
+                            var arrname = [];
+                            option.find('button').each(function () {
+                                arrname.push($(this).data('name'));
+                            });
+                            var fullname = arrname.join(' ');
+                            var opt = array[selected.data('optidx')];
+
+                            var cart = $('#' + carttype + '_cart');
+                            var dupl = 0;
+                            cart.find('input[name=cnt]').each(function () {
+                                if (String($(this).data('name')) === fullname) {
+                                    dupl++;
+                                    return true;
+                                }
+                            });
+
+                            if (dupl > 0) {
+                                alert('[' + fullname + '] 이미 선택 하였습니다.');
+                                return true;
+                            }
+
+                            var class_panel = 'panel-default';
+                            var panel_choice = null;
+                            if (carttype === 'option' && GOODS.choice.length > 0) {
+
+                                class_panel = 'panel-package';
+                                panel_choice = $('<div />', {"class": "panel-choice"});
+                                for (var j in GOODS.choice) {
+
+                                    if (GOODS.choice[j].inven < 1) {
+                                        continue;
+                                    }
+                                    panel_choice.append(
+                                        $('<div />', {"class": "choice-item"}).append(
+                                            $('<div />', {"class": "name"}).append(
+                                                $('<span />').text(GOODS.choice[j].name)
+                                            ),
+                                            $('<div />', {"class": "sum"}).append(
+                                                $('<a />', {
+                                                    "class": "dec"
+                                                }).text('감소').click(count),
+                                                $('<input />', {
+                                                    "class": "cnt",
+                                                    "name": "cnt",
+                                                    "type": "number",
+                                                    "min": 0,
+                                                    "max": GOODS.choice[j].inven,
+                                                    "data-type": "choice",
+                                                    "data-name": GOODS.choice[j].name,
+                                                    "data-price": 0,
+                                                    "data-limit": 0,
+                                                    "readOnly": true
+                                                }).val(0),
+                                                $('<a />', {
+                                                    "class": "inc"
+                                                }).text('증가').click(count)
+                                            )
+                                        )
+                                    );
+                                }
+                            }
+
+                            //장바구니 영역에 추가
+                            cart.prepend(
+                                $('<div />', {"class": "panel"}).prepend(
+                                    $('<div />', {"class": "panel-heading"}).prepend(
+                                        $('<span />').text(arrname.join('/') + '(' + $number(opt.price) + '원)')
+                                    ),
+                                    $('<div />', {"class": "panel-body"}).prepend(
+                                        $('<div />', {"class": "sum"}).prepend(
+                                            $('<a />', {"class": "dec"}).text('감소').click(count),
+                                            $('<input />', {
+                                                "class": "cnt",
+                                                "name": "cnt",
+                                                "type": "number",
+                                                "min": 1,
+                                                "max": opt.inven,
+                                                "data-type": carttype,
+                                                "data-buycnt": opt.buycnt,
+                                                "data-name": carttype === 'option' && GOODS.type === 'cnt' ? "" : fullname,
+                                                "data-price": opt.price,
+                                                "data-limit": opt.limit
+                                            }).val(1).on('input blur', count),
+                                            $('<a />', {"class": "inc"}).text('증가').click(count)
+                                        ),
+                                        $('<div />', {"class": "price"}).prepend($('<span />').text($number(selected.data('price')) + '원')),
+                                        $('<button />', {
+                                            "class": "btn-remove",
+                                            "type": "button"
+                                        }).text("삭제").click(function () {
+                                            if (confirm("[" + fullname + "]삭제 하시겠습니까?")) {
+                                                $(this).closest('.panel').remove();
+                                                $(this).sum();
+                                            }
+                                        })
+                                    ),
+                                    panel_choice
+                                ).addClass(class_panel)
+                            );
+
+                            if (carttype === 'option') {
+                                $('#addbuy>.select:nth-child(1)').filter(':visible').addClass('active');
+                            }
+
+                            $(this).sum();
+                        } else {
+                            //옵션이 있으면
+                            option.option(array[selected.data('optidx')].option);
+                        }
+                    });
+                }
+                ul.append(li);
+            }
+
+            var btnidx = 1;
+            option.find('button').each(function () {
+                btnidx++;
+            });
+
+            var title = '';
+            if (carttype === 'option') {
+                title = GOODS['optinfo']['title' + btnidx];
+            } else if (carttype === 'addbuy') {
+                title = GOODS['addinfo']['title' + btnidx];
+            }
+
+            option.append($('<div />', {"class": "select active"}).prepend(
+                $('<button />', {"class": "btn btn-default select-toggle"}).prepend(
+                    $('<span />').html(title)
+                ),
+                ul
+            ).click(function () {
+                $(this).toggleClass('open');
+
+                if ($(this).hasClass('open')) {
+                    $(this).children('button').children('span').text(title);
+                    $(this).nextAll().remove();
+                }
+            }));
+            return this;
+        };
+    }(jQuery));
+
+    $(document).ready(function () {
+        var option = $('#option').option(GOODS.option);
+
+        if (GOODS.type === 'cnt') {
+            //수량상품시 숨기고 클릭
+            option.hide().find('.option-item').trigger("click");
+            $('#option_cart').find('.btn-remove').remove();
+        }
+
+        if (GOODS.addbuy.length > 0) {
+            $('#addbuy').option(GOODS.addbuy);
+        }
+
+        // Todo 선물하기 버튼 추가 20200812
+        var isGift = GOODS.giftyn === 'Y';
+        if (isGift) {
+            $('.btn_area .btn-cart').replaceWith("<button type=\"button\" class=\"btn btn-danger btn-gift\">선물하기</button>");
+            $(".cart_btn").addClass("gift_btn new").removeClass("cart_btn");
+        }
+
+        //장바구니 담기
+        function cart(type) {
+            var scroll_area = $('.scroll_area');
+            if (scroll_area.css("display") === "none") {
+                scroll_area.show();
+                $('#goods').toggleClass('on');
+                $('.result').show();
+
+                var option_select = $('#option>.select:nth-child(1)').filter(':visible');
+                var addbuy_select = $('#addbuy>.select:nth-child(1)').filter(':visible');
+                if (option_select.length > 0) {
+                    option_select.addClass('active');
+                    addbuy_select.removeClass('active');
+                } else {
+                    addbuy_select.addClass('active');
+                }
+                return true;
+            }
+
+            var option_cart = $('#option_cart');
+            var option_addbuy = $('#addbuy_cart');
+
+            var input_option = option_cart.find('input[data-type=option]');
+            var input_choice = option_cart.find('input[data-type=choice]');
+            var input_addbuy = option_addbuy.find('input[data-type=addbuy]');
+
+            if (input_option.length < 1) {
+                alert('상품/옵션을 선택해주세요.');
+                return false;
+            }
+
+            var newcart = {"uid": GOODS.uid, "goods": {}};
+
+            var choice = [];
+
+            var choice_cnt = 0;
+            input_choice.each(function () {
+                var name = $(this).data('name');
+                var cnt = parseInt($(this).val());
+                if (cnt > 0 && isNaN(cnt) === false) {
+                    choice_cnt += cnt;
+                    choice.push({"name": name, "cnt": cnt});
+                }
+            });
+
+            var addbuy = [];
+            input_addbuy.each(function () {
+                var name = $(this).data('name');
+                var cnt = parseInt($(this).val());
+                if (cnt > 0 && isNaN(cnt) === false) {
+                    addbuy.push({"name": name, "cnt": cnt});
+                }
+            });
+
+            var limit = 0;
+            var option = [];
+            var optinven = true;
+            var optcnt = true;
+            input_option.each(function () {
+
+                var name = $(this).data('name');
+                var inven = $(this).prop('max');
+                var cnt = parseInt($(this).val());
+
+                if (isNaN(cnt) || cnt < 1) {
+                    optcnt = false;
+                }
+
+                limit = parseInt($(this).data('limit')) * cnt;
+                option.push({"name": name, "cnt": cnt, "choice": choice, "addbuy": addbuy});
+                choice = [];
+                addbuy = [];
+                newcart.goods[GOODS.idx] = {
+                    "prepaid": GOODS.prepaid,
+                    "options": option
+                };
+
+                if (inven < 1) {
+                    optinven = false;
+                }
+            });
+            if (optcnt === false) {
+                alert('상품/옵션의 수량 선택해주세요.');
+                return false;
+            }
+            if (optinven === false) {
+                alert('재고가 없습니다.');
+                return false;
+            }
+            if (GOODS.choice.length > 0 && limit !== choice_cnt) {
+                alert("해당 상품의 옵션은 최대 " + limit + "개 까지 선택 가능합니다.\n" + (limit - choice_cnt) + "개 더 선택 하십시오.");
+                return false;
+            }
+
+            $.ajax({
+                type: 'post',
+                headers: {"Content-Type": "application/json"},
+                dataType: 'json',
+                url: '/cart/set',
+                async: false,
+                data: JSON.stringify(newcart),
+                success: function (request) {
+
+                    //console.log(request);
+                    //장바구니로 이동
+                    if (type === 'cart' && confirm("장바구니에 상품을 담았습니다.\n지금 확인하러 가시겠습니까?")) {
+                        if (AGENT === 'web') {
+                            window.location.href = "/cart/get/?uid=" + GOODS.uid;
+                        } else {
+                            window.location.href = DEEP + "?view=cart#Intent;scheme=view;end";
+                        }
+                        return true;
+                    } else if (type === 'order') {
+
+                        //console.log(request.cidx);
+                        var cidx = request.cidx.map(function (v, k) {
+                            return 'cidx[]=' + encodeURIComponent(v);
+                        }).join('&');
+                        window.location.href = "/order/form/?uid=" + GOODS.uid + '&' + cidx;
+                    } else if (type === 'gift') {
+
+                        //console.log(request.cidx);
+                        var cidx = request.cidx.map(function (v, k) {
+                            return 'cidx[]=' + encodeURIComponent(v);
+                        }).join('&');
+                        window.location.href = "/order/form/?uid=" + GOODS.uid + '&giftyn=' + GOODS.giftyn + '&' + cidx;
+                    }
+                },
+                beforeSend: function () {
+                    //보내기전 로딩 화면
+                    //$('.wrap-loading').show();
+                },
+                complete: function () {
+                    //받은후 로딩 닫기
+                    //$('.wrap-loading').hide();
+                },
+                error: function (request, status, _error) {
+                    console.log('code: ' + request.status + "\n" + 'message: ' + request.responseText + "\n" + 'error: ' + _error);
+                }
+            });
+        }
+
+        $(".btn-cart").click(function () {
+            cart('cart');
+        });
+
+        $(".btn-pay").click(function () {
+            if( !$(this).hasClass("on") && isGift) {
+                $(this).addClass("on");
+                $(".gift_btn").addClass("cart_btn").removeClass("gift_btn new");
+                $(".btn-gift").remove();
+                $('.btn_area .cart_btn').append("<button type=\"button\" class=\"btn btn-primary btn-cart\">장바구니</button>");
+                $('body').delegate('.btn-cart','click',function() {
+                    cart('cart');
+                });
+            }
+            cart('order');
+        });
+
+        // Todo 선물하기 버튼 추가 20200812
+        $(".btn-gift").click(function () {
+            $(".btns").addClass("gift");
+            $(".btn.btn-danger.btn-pay").remove();
+            cart('gift');
+        });
+
+        $(".toggle_btn").click(function () {
+            $(".scroll_area").toggle();
+            $(".result").toggle();
+            $('#goods').toggleClass('on');
+        });
+    });
+</script>
+<body class="option top">
+<div id="goods" class="container-option on">
+    <!--
+        토글 버튼 - 시작
+
+        클릭시 container-option 클래스 태그에 on을 주시면
+        btns클래스 영역만 활성화 됩니다.
+        (장바구니, 주문하기 버튼만 노출됩니다.)
+    -->
+    <a class="toggle_btn"></a>
+    <!--// 토글 버튼 - 끝 -->
+
+
+    <!-- 스크롤 영역 - 시작 -->
+    <div class="scroll_area" style="display: none;">
+        <div id="option"></div>
+        <div id="addbuy"></div>
+        <div id="option_cart"></div>
+        <div id="addbuy_cart"></div>
+    </div>
+    <!-- 스크롤 영역 - 끝 -->
+
+    <!-- 선택 카트 가격/수량 영역 - 시작 -->
+    <div class="result" style="display: none;">
+        <div class="count" style="display: none;">
+            <span id="result_count">0</span>개 선택
+        </div>
+        <div class="total" id="total">
+            <strong class="text">총 금액</strong>
+            <span id="result_price">0</span><span class="won">원</span>   <!-- 2019-05-24 수정 -->
+        </div>
+    </div>
+    <!--// 선택 카트 가격/수량 영역 - 끝 -->
+
+    <!-- 장바구니/구매하기 - 시작 -->
+    <div class="btns">
+        <div class="btn_area">
+            <div class="cart_btn">
+                <button type="button" class="btn btn-primary btn-cart">장바구니</button>
+            </div>
+            <div class="pay_btn">
+                <button type="button" class="btn btn-danger btn-pay">주문하기</button>
+            </div>
+        </div>
+    </div>
+    <!--// 장바구니/구매하기 - 끝 -->
+</div>
+</body>
+
+</html>
+0
+

modules/ptyshop/ptyshop.cart.status.common.view.html

+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <link rel="shortcut icon" href="data:image/x-icon" type="image/x-icon">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+    <link rel="stylesheet" href="/modules/ptyshop/resources/app.css">
+    <link rel="stylesheet" href="/modules/ptyshop/resources/app2.css">
+
+<!--    <link rel="stylesheet" href="/static/css/v15/app.css?2021021621">-->
+<!--    <link rel="stylesheet" href="/static/css/v15/sale09_app.css?2021021621>">-->
+    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
+    <script src="/modules/ptyshop/resources/jquery-3.1.1.min.js"></script>
+    <script src="/modules/ptyshop/resources/clipboard.min.js"></script>
+    <script src="/modules/ptyshop/resources/common.js?2020092313"></script><!-- // 공통 -->
+    <script src="/modules/ptyshop/resources/commonLib.js?2020092313"></script><!-- // 앱간 인터페이스 -->
+
+<!--    <script src="/static/js/jquery-3.1.1.min.js"></script>-->
+<!--    <script src="/static/js/clipboard.min.js"></script>-->
+<!--    <script src="/static/js/common.js?2021021621"></script><!-- // 공통 -->-->
+<!--    <script src="/static/js/commonLib.js?2021021621"></script><!-- // 앱간 인터페이스 -->-->
+    <title></title>
+</head>    <script type="text/javascript">
+
+    // var CDN = '//gcdn.sale09.kr/data/image/';
+    var DEEP = 'intent://jasonpay_salepoison';
+    var AGENT = 'android';
+    // var CART = JSON.parse('{"uid":"a27b1d76-d4aa-3f11-b384-d6b8431e6a51","goods":[{"10036480":{"tidx":10036464,"giftyn":"N","timeyn":"N","checkyn":"N","title":"[\\uad6d\\ub0b4 \\uc7a5\\ub2f9 96\\uc6d0]\\ud074\\ub9b0\\uc564\\uc601 KF-AD \\ube44\\ub9d0\\ucc28\\ub2e8\\ub9c8\\uc2a4\\ud06c 50\\ub9e4 (\\ubc34\\ub4dc\\ud615\\/\\ub048\\ud615)","inven":0,"wmsid":"aboutgoods3","image1":"1614764692_1_651941049.jpg","image2":"1614764692_2_191304448.jpg","shipping":2500,"shippingprice":9600,"shippingcnt":0,"prepaid":"Y","fararea":0,"tprice":7300,"gprice":4800,"dprice":2500,"aprice":0,"type":"option","options":[{"cidx":15173205,"name":"1) KF-AD \\ubc34\\ub4dc\\ud615 50\\ub9e4","oldname":"1) KF-AD \\ubc34\\ub4dc\\ud615\\/50\\ub9e4","price":4800,"rprice":2750,"sort":1,"limit":0,"cnt":1,"buycnt":0,"inven":6621,"choice":[],"addbuy":[]}]}},{"10013863":{"tidx":10013394,"giftyn":"N","timeyn":"N","checkyn":"N","title":"[\\uc2ac\\ub808\\uc9c4\\uc800]\\ud074\\ub9ac\\ud504 \\ubcf4\\uc628 \\ubc29\\ud55c\\ud654 144","inven":0,"wmsid":"thatsmine","image1":"1608711130_1_2025833567.jpg","image2":"1608711130_2_1888598184.jpg","shipping":2500,"shippingprice":0,"shippingcnt":4,"prepaid":"Y","fararea":0,"tprice":0,"gprice":0,"dprice":0,"aprice":0,"type":"option","options":[{"cidx":13735103,"name":"1) \\ube14\\ub799 260","oldname":"1) \\ube14\\ub799\\/260","price":0,"rprice":14850,"sort":3,"limit":0,"cnt":1,"buycnt":0,"inven":0,"choice":[],"addbuy":[]}]}},{"10031868":{"tidx":10031733,"giftyn":"N","timeyn":"N","checkyn":"N","title":"[\\uc2dc\\uc98c\\uc624\\ud504] \\uc790\\uac00\\ubcf4\\uc628 \\ud6c4\\ub048\\ud6c4\\ub048 \\uc591\\ud138 \\uc790\\uc774\\uc5b8\\ud2b8 \\ud1a0\\ud37c","inven":1,"wmsid":"hongji","image1":"1606294404_1_1428737848.jpg","image2":"1606294404_2_1977380105.jpg","shipping":5000,"shippingprice":0,"shippingcnt":1,"prepaid":"Y","fararea":0,"tprice":24800,"gprice":19800,"dprice":5000,"aprice":0,"type":"option","options":[{"cidx":13734513,"name":"1) \\uc288\\ud37c\\uc2f1\\uae00","oldname":"1) \\uc288\\ud37c\\uc2f1\\uae00","price":19800,"rprice":13900,"sort":1,"limit":0,"cnt":1,"buycnt":1,"inven":1,"choice":[],"addbuy":[]}]}},{"10033606":{"tidx":10033511,"giftyn":"N","timeyn":"N","checkyn":"N","title":"\\uc11c\\uc6b8\\uc6b0\\uc720\\ub808\\ud2b8\\ub85c \\ubcf4\\uc628\\/\\ubcf4\\ub0c9 \\ud140\\ube14\\ub7ec 5\\uc885","inven":199,"wmsid":"bladcompany","image1":"1609234409_1_1763495530.jpg","image2":"1609234409_2_1926604875.jpg","shipping":2500,"shippingprice":0,"shippingcnt":0,"prepaid":"Y","fararea":1,"tprice":22300,"gprice":19800,"dprice":2500,"aprice":0,"type":"option","options":[{"cidx":13716208,"name":"3) \\ubc00\\ud06c\\ub4dc\\ub78d","oldname":"3) \\ubc00\\ud06c\\ub4dc\\ub78d","price":19800,"rprice":14850,"sort":3,"limit":0,"cnt":1,"buycnt":0,"inven":199,"choice":[],"addbuy":[]}]}}],"soldout":true}');
+    var CART = JSON.parse('<?=json_encode($cartInfo, JSON_UNESCAPED_UNICODE)?>');
+
+    function $number(num) {
+        return num.toFixed(0).replace(/(\d)(?=(\d{3})+$)/g, "$1,");
+    }
+
+    (function ($) {
+
+        $.fn.optdel = function () {
+            this.click(function () {
+                if (confirm("상품/옵션을 삭제 하시겠습니까?")) {
+                    $(this).closest('.panel').hide().find('input[name=cnt]').val(0).closest('.item').cart('remove');
+                }
+            });
+            return this;
+        };
+        $.fn.subsum = function (opt) {
+            console.log("subsum() opt = ");
+            console.log(opt);
+            this.find('.sub_tprice').data('price', opt.tprice).text($number(opt.tprice) + "원");
+            this.find('.sub_gprice').data('price', opt.gprice).text($number(opt.gprice) + "원");
+            if (opt.prepaid === 'Y') {
+                this.find('.sub_dprice').data('price', opt.dprice).text($number(opt.dprice) + "원");
+            }
+            return this;
+        };
+
+        $.fn.sum = function () {
+            var tprice = 0;
+            var gprice = 0;
+            var dprice = 0;
+            var prepaidY = false;
+            var prepaidN = false;
+            $('.goodscheck:checked:not(:disabled)').each(function () {
+                var item = $(this).closest('.item');
+                tprice += parseInt(item.find('.sub_tprice').data('price'));
+                gprice += parseInt(item.find('.sub_gprice').data('price'));
+                dprice += parseInt(item.find('.sub_dprice').data('price'));
+
+                if (item.find('.goodscheck').data('prepaid') === 'Y') {
+                    prepaidY = true;
+                } else {
+                    prepaidN = true;
+
+                }
+            });
+
+            $('#total_tprice').text($number(tprice) + "원");
+            $('#total_gprice').text($number(gprice) + "원");
+
+            if (prepaidY === true && prepaidN === true) {
+                $('.prepaid').show();
+                $('#total_dprice').text($number(dprice) + "원");
+                //$('#total_prepaid').text($number(dprice));
+            } else if (prepaidY === false && prepaidN === true) {
+                $('.prepaid').hide();
+                $('#total_dprice').text("착불");
+            } else {
+                $('.prepaid').hide();
+                $('#total_dprice').text($number(dprice) + "원");
+            }
+            return this;
+        };
+        //저장
+        $.fn.cart = function (type) {
+            var newcart = {"uid": CART.uid, "goods": {}};
+            this.each(function () {
+                item = $(this);
+                console.log(item);
+
+                var idx = item.find('.goodscheck').data('idx');
+                var prepaid = item.find('.goodscheck').data('prepaid');
+
+                var choice = [];
+                var choice_cnt = 0;
+                var choice_length = 0;
+                item.find('input[data-type=choice]').each(function () {
+                    choice_length++;
+                    var name = $(this).data('name');
+                    var cnt = parseInt($(this).val());
+                    if (cnt > 0 && isNaN(cnt) === false) {
+                        choice.push({"name": name, "cnt": cnt});
+                        choice_cnt += cnt;
+                    }
+                });
+
+                var addbuy = [];
+                item.find('input[data-type=addbuy]').each(function () {
+                    var name = $(this).data('name');
+                    var cnt = parseInt($(this).val());
+                    if (cnt > 0 && isNaN(cnt) === false) {
+                        addbuy.push({"name": name, "cnt": cnt});
+                    }
+                });
+
+                var option = [];
+                item.find('input[data-type=option], input[data-type=cnt]').each(function () {
+                    var name = $(this).data('name');
+                    var cnt = parseInt($(this).val());
+                    var limit = parseInt($(this).data('limit'));
+                    if (type === 'goodsremove' || (choice_length > 0 && cnt * limit !== choice_cnt)) {
+                        cnt = 0;
+                        choice = [];
+                        addbuy = [];
+                    }
+                    option.push({"name": name, "cnt": cnt, "choice": choice, "addbuy": addbuy});
+                    choice = [];
+                    addbuy = [];
+                    newcart.goods[idx] = {
+                        "prepaid": prepaid,
+                        "options": option
+                    };
+                });
+            });
+
+            <? /** @see ptyshopCartController::addCart() */ ?>
+            $.ajax({
+                type: 'post',
+                headers: {"Content-Type": "application/json"},
+                dataType: 'json',
+                url: '/ptyshop/cart/addCart/',
+                async: false,
+                // data: JSON.stringify(newcart),
+                data: newcart,
+                success: function (request) {
+                    console.log("/cart/addCart/ type = " + type + " request =============");
+                    console.log(request);
+                    if (type === 'goodsremove' || type === 'remove' || type === 'soldout') {
+                        window.location.reload(true);
+                        return true;
+                    } else if (type === 'order') {
+
+                        var cidx = request.cidx.map(function (v, k) {
+                            return 'cidx[]=' + encodeURIComponent(v);
+                        }).join('&');
+                        window.location.href = "/order/form/?uid=" + CART.uid + '&' + cidx;
+                    }
+
+                    for (var idx in request.cart) {
+                        console.log("idx = " + idx + ", request.cart = ");
+                        console.log(request.cart);
+                        $('#check_' + idx).closest('.item').subsum(request.cart[idx]);
+                    }
+                },
+                beforeSend: function () {
+                    //보내기전 로딩 화면
+                    //$('.wrap-loading').show();
+                },
+                complete: function () {
+                    //받은후 로딩 닫기
+                    //$('.wrap-loading').hide();
+                },
+                error: function (request, status, _error) {
+                    console.log('code: ' + request.status + "\n" + 'message: ' + request.responseText + "\n" + 'error: ' + _error);
+                }
+            });
+            return this;
+        };
+
+        $.fn.option = function (array) {
+
+            var count = function (e) {
+                if ($(this).closest('.option').find('.panel-choice').length === 1) {
+                    alert("해당 상품은 수량 변경이 불가능합니다.");
+                    return false;
+                }
+
+                var count = $(this).siblings('input[name=cnt]');
+
+                if (count.length < 1) {
+                    count = $(this);
+                }
+                count.val(count.val().replace(/\D/g, ''));
+
+                var price = parseInt(count.data('price'));
+                var type = count.data('type');
+                var buycnt = parseInt(count.data('buycnt'));
+                var title = count.data('title');
+                var name = count.data('name');
+                var step = 0;
+                var cnt = parseInt(count.val());
+                var min = parseInt(count.prop('min'));
+                var max = parseInt(count.prop('max'));
+
+                if ($(this).hasClass('dec')) {
+                    step = -1;
+                    if (isNaN(cnt)) {
+                        cnt = 2;
+                    }
+                } else if ($(this).hasClass('inc')) {
+                    step = 1;
+                    if (isNaN(cnt)) {
+                        cnt = 0;
+                    }
+                }
+
+                if (type === 'choice') {
+                    return false;
+                }
+
+                if (e.type === 'blur' && isNaN(cnt)) {
+                    cnt = 1;
+                }
+
+                if (isNaN(cnt)) {
+                    return false;
+                }
+
+                if (min > cnt + step) {
+                    count.val(min);
+                    return false;
+                }
+                if (max < cnt + step) {
+                    //구매 제한 수량
+                    if (max === buycnt && buycnt > 0) {
+                        var msg = name + '의 최대 구매 수량은 '+ buycnt + '개 입니다.';
+                        if (type === 'cnt') {
+                            msg = title + '의 최대 구매 수량은 '+ buycnt + '개 입니다.';
+                        }
+                        alert(msg);
+                    }
+                    count.val(max);
+                    return false;
+                }
+                count.val(cnt + step);
+                $(this).closest('.panel-body').find('.price').children('span').text($number(price * (cnt + step)) + '원');
+                //변경사항 저장
+                count.closest('.item').cart();
+                $(this).sum();
+            };
+
+            var _loop = function _loop(idx, goods) {
+                var option = $('<div />', {"class": "option"});
+                var addbuy = null;
+                var opt_disabled = false;
+                for (var i in goods[idx].options) {
+                    var opt = goods[idx].options[i];
+
+                    //수량 선택 상품
+                    var choice = null;
+                    console.log('goods[' + idx + '] = ');
+                    console.log(goods[idx]);
+                    var isTodayCart = goods[idx].checkyn === 'Y';
+                    console.log('isTodayCart = ' + isTodayCart);
+                    if (opt.choice.length > 0) {
+                        choice = $('<div />', {"class": "panel-choice"});
+                        for (var j in opt.choice) {
+                            var cho = opt.choice[j];
+
+                            var strname = cho.name;
+                            var soldout = false;
+                            if (cho.inven < 1 || cho.inven < cho.cnt) {
+                                strname = "품절 | " + strname;
+                                opt_disabled = true;
+                                soldout = true;
+                            }
+                            choice.prepend(
+                                $('<div />', {"class": "choice-item"}).prepend(
+                                    $('<div />', {"class": "name"}).prepend(
+                                        $('<span />').text(strname)
+                                    ),
+                                    $('<div />', {"class": "sum"}).prepend(
+                                        $('<a />', {"class": "dec"}).text("감소"),
+                                        $('<input />', {
+                                            "class": "cnt",
+                                            "name": "cnt",
+                                            "type": "number",
+                                            "min": 0,
+                                            "max": cho.inven,
+                                            "data-type": "choice",
+                                            "data-buycnt": 0,
+                                            "data-title": goods[idx].title,
+                                            "data-name": cho.name,
+                                            "data-price": 0,
+                                            "data-limit": 0,
+                                            "readOnly": true
+                                        }).val(cho.cnt),
+                                        $('<a />', {"class": "inc"}).text("증가")
+                                    ),
+                                    "개"
+                                ).addClass((soldout === true ? "soldout" : null))
+                            );
+                        }
+                    }
+
+                    if (opt.addbuy.length > 0) {
+
+                        addbuy = $('<div />', {"class": "addbuy"});
+                        for (var j in opt.addbuy) {
+                            var add = opt.addbuy[j];
+                            var strname = add.name;
+                            //품절
+                            if (add.inven < 1) {
+                                strname = "품절 | " + strname;
+                            }
+                            addbuy.append(
+                                $('<div />', {"class": "panel panel-default"}).prepend(
+                                    $('<div />', {"class": "panel-heading"}).prepend(
+                                        $('<span />').prepend(strname)
+                                    ),
+                                    $('<div />', {"class": "panel-body"}).prepend(
+                                        $('<div />', {"class": "sum"}).prepend(
+                                            $('<a />', {"class": "dec"}).text("감소").click(count),
+                                            $('<input />', {
+                                                "class": "cnt",
+                                                "name": "cnt",
+                                                "type": "number",
+                                                "min": 1,
+                                                "max": add.inven,
+                                                "data-type": "addbuy",
+                                                "data-buycnt": add.buycnt,
+                                                "data-title": goods[idx].title,
+                                                "data-name": add.name,
+                                                "data-price": add.price,
+                                                "data-limit": add.limit
+                                            }).val((add.inven < add.cnt) ? add.inven : add.cnt).on('input blur', count),
+                                            $('<a />', {"class": "inc"}).text("증가").click(count)
+                                        ),
+                                        $('<div />', {"class": "price"}).prepend(
+                                            $('<span />').text($number(add.price * add.cnt) + "원")
+                                        ),
+                                        $('<button />', {
+                                            "class": "btn-remove",
+                                            "type": "button"
+                                        }).text("삭제").optdel()
+                                    )
+                                ).addClass((add.inven < 1 ? "soldout" : null))
+                            );
+                        }
+                    }
+
+                    console.log("opt ====");
+                    console.log(opt);
+
+                    //수량 상품
+                    var strname = opt.oldname;
+                    if (strname === "") {
+                        strname = goods[idx].title;
+                    }
+                    //품절
+                    if (opt.inven < 1) {
+                        //strname = "품절되어 상품을 선택할 수 없습니다.";
+                        strname = "품절 | " + strname;
+                    } else {
+                        strname += ' (' + $number(opt.price) + '원)';
+                    }
+
+                    //옵션
+                    option.append(
+                        $('<div />', {"class": "panel panel-default"}).prepend(
+                            $('<div />', {"class": "panel-heading"}).prepend(
+                                $('<span />').prepend(strname)
+                            ),
+                            choice,
+                            $('<div />', {"class": "panel-body"}).prepend(
+                                $('<div />', {"class": "sum"}).prepend(
+                                    $('<a />', {"class": "dec"}).text("감소").click(count),
+                                    $('<input />', {
+                                        "class": "cnt",
+                                        "name": "cnt",
+                                        "type": "number",
+                                        "min": 1,
+                                        "max": opt.inven,
+                                        "data-type": goods[idx].type,
+                                        "data-buycnt": opt.buycnt,
+                                        "data-title": goods[idx].title,
+                                        "data-name": opt.name,
+                                        "data-price": opt.price,
+                                        "data-limit": opt.limit,
+                                        "readOnly": choice !== null
+                                    }).val((opt.inven < opt.cnt) ? opt.inven : opt.cnt).on('input' + (choice !== null ? '' : ' blur'), count),
+                                    $('<a />', {"class": "inc"}).text("증가").click(count)
+                                ),
+                                $('<div />', {"class": "price"}).prepend(
+                                    $('<span />').text($number(opt.price * opt.cnt) + "원")
+                                ),
+                                $('<button />', {"class": "btn-remove", "type": "button"}).text("삭제").optdel()
+                            )
+                        ).addClass((opt.inven < 1 ? "soldout" : null))
+                    );
+                }
+
+                //제목
+                $('.list').append(
+
+                    <? // <div class="item"> ?>
+                    $('<div />', {"class": "item"}).prepend(
+
+                        <? // <div class="info"> ?>
+                        $('<div />', {"class": "info"}).prepend(
+
+                            <? // <span class="checkbox"> ?>
+                            $('<span />', {"class": "checkbox"}).prepend(
+
+                                <? // <input type="checkbox" class='goodscheck' id='check_12345' data-idx='12345'> ?>
+                                $('<input />', {
+                                    "type": "checkbox",
+                                    "class": "goodscheck",
+                                    "id": "check_" + idx,
+                                    "data-idx": idx,
+                                    "data-prepaid": goods[idx].prepaid,
+                                    'checked': (goods[idx].inven > 0 && !opt_disabled && isTodayCart),
+                                    "disabled": (goods[idx].inven < 1 || opt_disabled)
+                                }),
+                                $('<label />', {"for": "check_" + idx}).prepend(
+                                    $('<em />', {"class": "hide"}).text("선택")
+                                )
+                            ),
+                            $('<a />', {"class": "product"}).prepend(
+                                $('<div />', {"class": "thumb"}).prepend($('<img />', {"src": goods[idx].image2}).on('error', function () {
+                                    $(this).prop('src', '/modules/ptyshop/resources/noimg_pdms.svg');
+                                })),
+                                $('<div />', {"class": "title"}).text(goods[idx].title)
+                            ).click(function () {
+                                if (AGENT === 'web') {
+                                    window.location.href = '/goods/get/?idx=' + idx + '&uid=' + CART.uid;
+                                } else {
+                                    window.location.href = DEEP + "?idx=" + idx + "#Intent;scheme=view;end";
+                                }
+                            })
+                        ),
+                        option,
+                        addbuy,
+                        $('<div />', {"class": "total_price"}).prepend(
+                            $('<div />', {"class": "result"}).prepend(
+                                $('<div />', {"class": "text"}).prepend(
+                                    $('<span />').text("주문금액(배송비 포함)")
+                                ),
+                                $('<div />', {"class": "total"}).prepend(
+                                    $('<span />', {
+                                        "class": "sub_tprice",
+                                        "data-price": goods[idx].tprice
+                                    }).text($number(goods[idx].tprice) + "원")
+                                ),
+                                $('<div />', {"class": "button close open"}).prepend(
+                                    $('<button />', {
+                                        "class": "button_arrowls",
+                                        "type": "button"
+                                    }).text("열림/닫힘").click(function () {
+                                        $(this).closest('.total_price').children('.calc').toggleClass("open");
+                                        $(this).closest('.button').toggleClass('open');
+                                    })
+                                )
+                            ),
+                            $('<div />', {"class": "calc open"}).prepend(
+                                $('<div />', {"class": "goods"}).prepend(
+                                    $('<div />', {"class": "text"}).prepend(
+                                        $('<span />').text("상품 금액")
+                                    ),
+                                    $('<div />', {"class": "total"}).prepend(
+                                        $('<span />', {
+                                            "class": "sub_gprice",
+                                            "data-price": goods[idx].gprice
+                                        }).text($number(goods[idx].gprice) + "원")
+                                    )
+                                ),
+                                $('<div />', {"class": "delivery"}).prepend(
+                                    $('<div />', {"class": "text"}).prepend(
+                                        $('<span />').text("배송비")
+                                    ),
+                                    $('<div />', {"class": "total"}).prepend(
+                                        $('<span />', {
+                                            "class": "sub_dprice",
+                                            "data-price": goods[idx].dprice
+                                        }).text(
+                                            (goods[idx].prepaid === 'N') ? "착불" : $number(goods[idx].dprice) + "원"
+                                        )
+                                    )
+                                )
+                            )
+                        )
+                    )
+                );
+
+            };
+
+            for (var i in array) {
+                for (var idx in array[i]) {
+                    _loop(idx, array[i]);
+                }
+            }
+            $(this).sum();
+            return this;
+        };
+    }(jQuery));
+
+    $(document).ready(function () {
+
+        //옵션 그리기
+        $('.list').option(CART.goods);
+
+        // 체크박스 컨트롤
+        $('#check_all').prop('checked', $('.goodscheck:checked:not(:disabled)').length === $('.goodscheck:enabled').length);
+
+        //전체 선택
+        $('#check_all').click(function () {
+            $('input[type=checkbox]:not(:disabled)').prop('checked', $(this).prop('checked'));
+            $(this).sum();
+        });
+        //개별 선택
+        $('.goodscheck').click(function () {
+            $('#check_all').prop('checked', $('.goodscheck:checked:not(:disabled)').length === $('.goodscheck:enabled').length);
+            $(this).sum();
+        });
+
+        //선택삭제
+        $('.button_delete').click(function () {
+            var item = [];
+            $('.goodscheck:checked:not(:disabled)').each(function () {
+                item.push($(this).closest('.item'));
+            });
+            if (item.length < 1) {
+                alert("삭제할 상품을 선택해 주세요.");
+                return false;
+            }
+            if (confirm("선택된 상품을 삭제 하시겠습니까?")) {
+                $(item).cart('goodsremove');
+            }
+        });
+
+        //선택삭제
+        $('.button_soldout').click(function () {
+            if (confirm("품절 상품을 정리 하시겠습니까?")) {
+                $('.item').cart('soldout');
+            }
+        });
+
+        //홈으로
+        $('.button_home').click(function () {
+            window.location.href = DEEP + "?view=home#Intent;scheme=view;end";
+        });
+
+        //주문하기
+        $('.buttom_order').click(function () {
+            var item = [];
+            $('.goodscheck:checked:not(:disabled)').each(function () {
+                item.push($(this).closest('.item'));
+            });
+            if (item.length < 1) {
+                alert("주문할 상품을 선택해 주세요.");
+                return false;
+            }
+            $(item).cart('order');
+        });
+
+        if (CART.soldout === true) {
+            //alert("장바구니 상품 중에 일부\n주문 불가능한 상품이 존재합니다.");
+        }
+    });
+</script>
+<body class="my_cart">
+
+<div class="sort_content">  <!-- 2019-05-29 sort_content div 추가 -->
+    <div class="sort">
+                <span class="checkbox">
+                    <input type="checkbox" id="check_all" name="">
+                    <label for="check_all"><em class="text">전체선택</em></label>   <!-- 2019-05-29 텍스트 변경 -->
+                </span>
+        <div class="sort_delete">
+            <button type="button" class="button_delete">선택삭제</button>
+            <button type="button" class="button_soldout">품절</button>
+        </div>
+    </div>
+</div>
+
+<div class="list">
+
+</div>
+
+<!-- 수정 S -->
+<div class="total_price">
+    <div class="result">
+        <div class="text">
+            <span>총 결제 예정 금액</span>
+        </div>
+        <div class="total" id="total">
+            <span id="total_tprice">0</span>
+        </div>
+    </div>
+    <div class="goods">
+        <div class="text">
+            <span>상품 금액</span>
+        </div>
+        <div class="total">
+            <span id="total_gprice">0</span>
+        </div>
+    </div>
+    <div class="delivery">
+        <div class="text">
+            <span>배송비</span>
+        </div>
+        <div class="total">
+            <span id="total_dprice">0</span>
+        </div>
+    </div>
+    <div class="prepaid">
+        <div class="total">
+            <span id="total_prepaid">(착불 포함)</span>
+        </div>
+    </div>
+</div>
+<!-- //수정 E -->
+
+<dl class="notice">
+    <dt>유의사항</dt>
+    <dd>묶음 배송이 아닌 경우 개별 배송비가 발생됩니다. <br>판매 종료/품절 상품은 별도로 표기 됩니다.</dd>
+</dl>
+
+<div class="button_area">
+    <a class="button_home">홈으로</a>
+    <a class="buttom_order">주문하기</a>
+</div>
+
+
+</body>
+</html>

modules/ptyshop/ptyshop.order.get.common.view.html

+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <link rel="shortcut icon" href="data:image/x-icon" type="image/x-icon">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+    <link rel="stylesheet" href="/modules/ptyshop/resources/app.css">
+    <link rel="stylesheet" href="/modules/ptyshop/resources/app2.css">
+
+<!--    <link rel="stylesheet" href="/static/css/v15/app.css?2021021621">-->
+<!--    <link rel="stylesheet" href="/static/css/v15/sale09_app.css?2021021621>">-->
+    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
+
+    <script src="/modules/ptyshop/resources/jquery-3.1.1.min.js"></script>
+    <script src="/modules/ptyshop/resources/clipboard.min.js"></script>
+    <script src="/modules/ptyshop/resources/common.js?2020092313"></script><!-- // 공통 -->
+    <script src="/modules/ptyshop/resources/commonLib.js?2020092313"></script><!-- // 앱간 인터페이스 -->
+    <title></title>
+</head>    <script type="text/javascript">
+    function _typeof(obj) {
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            _typeof = function _typeof(obj) {
+                return typeof obj;
+            };
+        } else {
+            _typeof = function _typeof(obj) {
+                return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+            };
+        }
+        return _typeof(obj);
+    }
+    var scroll;
+    var PAGE = 1;
+    var START;
+    var END;
+    var LIMIT = 10;
+    var UID = 'a27b1d76-d4aa-3f11-b384-d6b8431e6a51';
+    var CDN = '//gcdn.sale09.kr/data/image/';
+    var DEEP = 'intent://jasonpay_salepoison';
+    var AGENT = 'android';
+    var HIDE = [];
+    var CANCEL = [];
+
+    function $number(num) {
+        return num.toFixed(0).replace(/(\d)(?=(\d{3})+$)/g, "$1,");
+    }
+
+    (function ($) {
+        $.fn.order = function (orders, type) {
+            var _this = this;
+
+            //주문상세
+            var info = function info(e, order) {
+                scroll = $(window).scrollTop();
+                var prepaidcnt = 0;
+                var itemcnt = 0;
+                var show = false;
+
+                for (var i in order.item) {
+                    itemcnt++;
+
+                    if (CANCEL.indexOf(order.order.ordnum + "-" + i) > -1) {
+                        order.item[i].info.step = '주문취소';
+                    }
+
+                    if (order.item[i].info.prepaid === 'N') {
+                        prepaidcnt++;
+                    }
+
+                    if (order.item[i].info.step === '미입금') {
+                        show = true;
+                    }
+
+                    if (order.item[i].info.step === '주문취소' && order.order.ptype === "VB") {
+                        order.order.vactexpire = 'Y';
+                    }
+                }
+
+                var clipboard = new ClipboardJS('.copybtn');
+
+                $('#layer_order_info').prepend(
+                    $('<div />', {"class": "order_inner"}).prepend(
+                        $('<div />', {"class": "layer_header"}).prepend(
+                            $('<p />', {"class": "layer_title"}).html("주문 상세 정보"),
+                            $('<button />', {"class": "layer_close"}).html("닫기").click(function () {
+                                $('body, .my_order_inner').removeClass('layer_open');
+                                $('.order_inner').remove();
+                                $('html, body').scrollTop(scroll);
+                                $('#layer_order_info').hide();
+                            })
+                        ),
+                        $('<div />', {"class": "order_info"}).prepend(
+                            $('<div />', {"class": "order_date_info"}).prepend(
+                                $('<strong />', {"class": "date"}).html(order.order.orddate),
+                                $('<span />', {"class": "order_number"}).prepend(
+                                    "주문번호 ",
+                                    $('<em />', {"class": "number"}).html(order.order.ordnum)
+                                )
+                            ), $('<div />', {"class": "order_info_inner"}).prepend(
+                                $('<h1 />', {"class": "title"}).html("무통장 입금정보"),
+                                $('<dl />', {"class": "individual"}).prepend(
+                                    $('<dt />').html("입금은행"),
+                                    $('<dd />').html(order.order.vactcode)
+                                ),
+                                $('<dl />', {"class": "individual"}).prepend(
+                                    $('<dt />').html("입금계좌"),
+                                    $('<dd />').html(order.order.vactnum)
+                                ),
+                                $('<dl />', {"class": "individual"}).prepend(
+                                    $('<dt />').html("예금주"),
+                                    $('<dd />').html(order.order.vactname)
+                                ), $('<dl />', {"class": "individual"}).prepend(
+                                    $('<dt />').html("입금기한"),
+                                    $('<dd />').html(order.order.vactexpire === "Y" ? "<span class='expire_text'>만료</span>" : order.order.vactdate)
+                                ), $('<dl />', {"class": "individual"}).prepend(
+                                    $('<dt />').html("총 입금금액"),
+                                    $('<dd />', {"class": "total_price"}).prepend(
+                                        $('<strong />').html($number(parseInt(order.order.vactprice))),
+                                        $('<span />').html("원")
+                                    )
+                                ),
+                                $('<div />', {"class": "button_account"}).prepend($('<button />', {
+                                    "class": "button copybtn",
+                                    "data-clipboard-text": order.order.vactnum
+                                }).html("계좌번호 복사").click(function () {
+                                    clipboard.on('success', function (e) {
+                                        $('.layer_notification').prepend(
+                                            $('<div />', {"class": "notification_inner"}).prepend(
+                                                $('<div />', {"class": "layer_header"}).prepend(
+                                                    $('<p />', {"class": "layer_title"}).html("알림")),
+                                                $('<div />', {"class": "layer_content"}).html("복사가 완료되었습니다."),
+                                                $('<div />', {"class": "layer_button_area"}).prepend(
+                                                    $('<a />', {"class": "button confirm"}).html("확인").click(function (e) {
+                                                        $('.notification_inner').remove();
+                                                        $('.layer_notification').hide();
+                                                    })
+                                                )
+                                            ).css({'display': 'block'})
+                                        ).css({'display': 'block'});
+                                    });
+                                })).css({
+                                    "display": ClipboardJS.isSupported() && order.order.ptype === "VB" && order.order.vactexpire === "N" && show === true ? "block" : "none"
+                                })
+                            ).addClass(order.order.vactexpire === "Y" ? "expire" : "").css({
+                                "display": order.order.ptype === "VB" ? 'block' : 'none'
+                            }), $('<div />', {"class": "order_info_inner"}).prepend(
+                                $('<h1 />', {"class": "title"}).html("결제 정보"),
+                                $('<dl />', {"class": "individual"}).prepend(
+                                    $('<dt />').html("상품금액"),
+                                    $('<dd />', {"class": "price"}).prepend(
+                                        $('<strong />').html($number(order.order.gprice)),
+                                        $('<span />').html("원")
+                                    )
+                                ), $('<dl />', {"class": "individual"}).prepend(
+                                    $('<dt />').html("배송비"),
+                                    $('<dd />', {"class": "price"}).prepend(
+                                        $('<strong />').html(prepaidcnt === itemcnt ? "착불" : $number(order.order.dprice)),
+                                        $('<span />').html(prepaidcnt === itemcnt ? "" : "원")
+                                    )
+                                ),
+                                $('<dl />', {"class": "individual"}).append(
+                                    $('<dt />'),
+                                    $('<dd />', {"class": "price"}).prepend(
+                                        $('<strong  />').html("(착불포함)"),
+                                        $('<span />')
+                                    )
+                                ).css({'display': prepaidcnt > 0 && itemcnt > 1 ? 'block' : 'none'}),
+                                $('<dl />', {"class": "individual"}).prepend(
+                                    $('<dt />').html("총 결제금액"),
+                                    $('<dd />', {"class": "total_price"}).prepend(
+                                        $('<strong />').html($number(order.order.tprice)),
+                                        $('<span />').html("원")
+                                    )
+                                )
+                            )
+                        ), $('<div />', {"class": "list complete"}).prepend(
+                            $('<h1 />', {"class": "title"}).html("상품 정보")
+                        ).order([order], 'detail'),
+                        $('<div />', {"class": "delivery_info"}).append(
+                            $('<h1 />', {"class": "title"}).html("배송 정보"),
+                            $('<dl />', {"class": "individual"}).prepend(
+                                $('<dt />').html("수령자"),
+                                $('<dd />').html(order.order.name)
+                            ), $('<dl />', {"class": "individual"}).prepend(
+                                $('<dt />').html("배송지"),
+                                $('<dd />').html(order.order.daddr1 + " " + order.order.daddr2)
+                            ), $('<dl />', {"class": "individual"}).prepend(
+                                $('<dt />').html("연락처"),
+                                $('<dd />', {"class": "telephone"}).html(order.order.tel)
+                            ), $('<dl />', {"class": "individual"}).prepend(
+                                $('<dt />').html("배송메모"),
+                                $('<dd />').html(order.order.dmemo)
+                            )
+                        )
+                    )
+                ).css({
+                    'display': 'block'
+                });
+                $('body, .my_order_inner').addClass('layer_open');
+                return this;
+            };
+
+            //배송조회
+            var delivery = function delivery(e, order, item) {
+                if (typeof item.info.invoice === "undefined" || typeof item.info.f_name === "undefined") {
+                    return false;
+                }
+
+                var tbody = $('<tbody />');
+                $.ajax({
+                    type: 'post',
+                    headers: {
+                        "Content-Type": "application/json"
+                    },
+                    dataType: 'json',
+                    async: false,
+                    url: '/tracking/get/' + item.info.f_name + "/" + item.info.invoice,
+                    success: function success(request) {
+                        if (_typeof(request) === 'object') {
+                            if (request.result === "Y") {
+                                for (var i in request.trackingDetails) {
+                                    var detail = request.trackingDetails[i];
+                                    var time = detail.timeString.split(" ");
+                                    tbody.prepend(
+                                        $('<tr />').prepend(
+                                            $('<td />').html(time[0].replace(/-/gi, ".") + "<br />" + time[1]),
+                                            $('<td />').html(detail.where),
+                                            $('<td />').html(detail.kind).addClass(detail.level === 6 ? "point_color" : null)
+                                        )
+                                    );
+                                }
+                            } else {
+                                tbody.append(
+                                    $('<tr />').prepend(
+                                        $('<td />', {"colspan": "3"}).html("유효하지 않은 운송장번호 이거나 택배사 코드 입니다.")
+                                    )
+                                );
+                            }
+                        }
+                    },
+                    beforeSend: function beforeSend() {
+                        //보내기전 로딩 화면
+                        //$('.wrap-loading').show();
+                    },
+                    complete: function complete() {
+                        //받은후 로딩 닫기
+                        //$('.wrap-loading').hide();
+                    },
+                    error: function error(request, status, _error) {
+                        console.log('code: ' + request.status + "\n" + 'message: ' + request.responseText + "\n" + 'error: ' + _error);
+                    }
+                });
+
+                var clipboard_deliver = new ClipboardJS('.copy_deliver_btn');
+                $('#layer_deliver_info').prepend(
+                    $('<div />', {"class": "deliver_inner"}).prepend(
+                        $('<div />', {"class": "layer_header"}).prepend(
+                            $('<p />', {"class": "layer_title"}).html("배송상세조회"),
+                            $('<button />', {"class": "layer_close"}).html("닫기").click(function () {
+                                if ($('body, .my_order_inner').hasClass('layer_open2')) {
+                                    $('body, .my_order_inner').removeClass('layer_open2');
+                                } else {
+                                    $('body, .my_order_inner').removeClass('layer_open');
+                                }
+
+                                $('.deliver_inner').remove();
+                                $('html, body').scrollTop(scroll);
+                                $('#layer_deliver_info').hide();
+                            })
+                        ), $('<div />', {"class": "delivery_info"}).prepend(
+                            $('<h1 />', {"class": "title"}).html("배송 정보"),
+                            $('<dl />', {"class": "individual delivery_num"}).prepend(
+                                $('<dt />').html("운송장번호"),
+                                $('<dd />').html(item.info.invoice),
+                                $('<button />', {"class": "copy_deliver_btn", "data-clipboard-text":item.info.invoice}).html("복사하기").click(function () {
+                                    clipboard_deliver.on('success', function (e) {
+                                        $('.layer_notification').prepend(
+                                            $('<div />', {"class": "notification_inner"}).prepend(
+                                                $('<div />', {"class": "layer_header"}).prepend(
+                                                    $('<p />', {"class": "layer_title"}).html("알림")),
+                                                $('<div />', {"class": "layer_content"}).html("운송장 번호가 복사되었습니다."),
+                                                $('<div />', {"class": "layer_button_area"}).prepend(
+                                                    $('<a />', {"class": "button confirm"}).html("확인").click(function (e) {
+                                                        $('.notification_inner').remove();
+                                                        $('.layer_notification').hide();
+                                                    })
+                                                )
+                                            ).css({'display': 'block'})
+                                        ).css({'display': 'block'});
+                                    });
+                                })
+                            ), $('<dl />', {"class": "individual"}).prepend(
+                                $('<dt />').html("택배사"),
+                                $('<dd />').html(item.info.f_name)
+                            ), $('<dl />', {"class": "individual"}).prepend(
+                                $('<dt />').html("보낸사람"),
+                                $('<dd />').html(item.info.wmsetc)
+                            ), $('<dl />', {"class": "individual"}).prepend(
+                                $('<dt />').html("받는사람"),
+                                $('<dd />').html(order.name + "(" + order.tel + ")")
+                            ), $('<dl />', {"class": "individual"}).prepend(
+                                $('<dt />').html("수령주소"),
+                                $('<dd />').html(order.daddr1 + " " + order.daddr2)
+                            )
+                        ), $('<div />', {"class": "delivery_info"}).prepend(
+                            $('<h1 />', {"class": "title"}).html("배송 상태"),
+                            $('<table />', {"class": "delivery_list"}).prepend(
+                                $('<caption />').html("전체보기 리스트"),
+                                $('<colgroup />').prepend(
+                                    $('<col />', {"style": "width:33%;", "span": "3"})
+                                ),
+                                $('<thead />').prepend(
+                                    $('<tr />').prepend(
+                                        $('<th />', {"scope": "col"}).html("처리일시"),
+                                        $('<th />', {"scope": "col"}).html("현재위치"),
+                                        $('<th />', {"scope": "col"}).html("배송상태")
+                                    )
+                                ),
+                                tbody
+                            )
+                        )
+                    )
+                ).css({
+                    'display': 'block'
+                });
+
+                if (!$('body, .my_order_inner').hasClass('layer_open')) {
+                    scroll = $(window).scrollTop();
+                } else {
+                    $('body, .my_order_inner').addClass('layer_open2');
+                }
+
+                $('body, .my_order_inner').addClass('layer_open').scrollTop(scroll);
+                return this;
+            };
+
+            //주문내역 숨기기
+            var hide = function hide(e, ordnum, idx) {
+                scroll = $(window).scrollTop();
+                var target = e.target;
+                var item_order = $(target).closest('.item_order');
+                $('.layer_notification').prepend(
+                    $('<div />', {"class": "notification_inner"}).prepend(
+                        $('<div />', {"class": "layer_header"}).prepend(
+                            $('<p />', {"class": "layer_title"}).html("알림")
+                        ), $('<div />', {"class": "layer_content"}).prepend(
+                            "주문/배송 내역 숨김 시<br>복구가 불가능합니다.<br>숨기시겠습니까?"
+                        ), $('<div />', {"class": "layer_button_area"}).prepend(
+                            $('<a />', {"class": "button cancel"}).html("취소").click(function (e) {
+                                $('body, .my_order_inner').removeClass('layer_open');
+                                $('.notification_inner').remove();
+                                $('html, body').scrollTop(scroll);
+                                $('.layer_notification').hide();
+                            }), $('<a />', {"class": "button confirm"}).html("확인").click(function (e) {
+                                var params = {
+                                    "uid": UID,
+                                    "ordnum": ordnum,
+                                    "idx": idx
+                                };
+                                $.ajax({
+                                    type: 'post',
+                                    headers: {
+                                        "Content-Type": "application/json"
+                                    },
+                                    dataType: 'json',
+                                    url: '/order/hide',
+                                    async: false,
+                                    data: JSON.stringify(params),
+                                    success: function success(request) {
+                                        if (request === 'ok') {
+                                            $(target).closest('.order_product').remove();
+
+                                            if (item_order.find('.order_product').length === 0) {
+                                                item_order.remove();
+
+                                                if ($('.list:first').children('.item_order').length === 0) {
+                                                    $('.list').append(
+                                                        $('<div />', {"class": "goods_none"}).prepend(
+                                                            $('<p />', {"class": "message"}).html("주문/배송 내역이 없습니다."),
+                                                            $('<div />', {"class": "button"}).prepend(
+                                                                $('<a />', {"class": "button_home"}).html("홈으로").click(function () {
+                                                                    window.location.href = DEEP + "?view=home#Intent;scheme=view;end";
+                                                                })
+                                                            )
+                                                        )
+                                                    );
+                                                    $('.button_more').hide();
+                                                }
+                                            }
+
+                                            HIDE.push(ordnum + "-" + idx);
+                                        }
+                                    },
+                                    beforeSend: function beforeSend() {
+                                        //보내기전 로딩 화면
+                                        //$('.wrap-loading').show();
+                                    },
+                                    complete: function complete() {
+                                        //받은후 로딩 닫기
+                                        //$('.wrap-loading').hide();
+                                    },
+                                    error: function error(request, status, _error) {
+                                        console.log('code: ' + request.status + "\n" + 'message: ' + request.responseText + "\n" + 'error: ' + _error);
+                                    }
+                                });
+                                $('body, .my_order_inner').removeClass('layer_open');
+                                $('.notification_inner').remove();
+                                $('html, body').scrollTop(scroll);
+                                $('.layer_notification').hide();
+                            })
+                        )
+                    ).css({
+                        'display': 'block'
+                    })
+                ).css({
+                    'display': 'block'
+                });
+                $('body, .my_order_inner').addClass('layer_open').scrollTop(scroll);
+                return this;
+            };
+
+            //취소 완료시
+            var cancelok = function cancelok(status) {
+                var messgae = "주문취소가 완료되었습니다.<br>결제수단에 따라 1~7일 후<br>취소금액 확인이 가능합니다.";
+
+                if (status === 'fail') {
+                    messgae = "주문 취소가 불가능합니다.<br>고객센터 문의를 통해<br>교환 및 반품을 신청 하시면<br>조속히 처리해 드리겠습니다.";
+                }
+
+                scroll = $(window).scrollTop();
+                $('.layer_notification').prepend(
+                    $('<div />', {"class": "notification_inner"}).prepend(
+                        $('<div />', {"class": "layer_header"}).prepend(
+                            $('<p />', {"class": "layer_title"}).html("알림")
+                        ),
+                        $('<div />', {"class": "layer_content"}).prepend(messgae),
+                        $('<div />', {"class": "layer_button_area"}).prepend(
+                            $('<a />', {"class": "button confirm"}).html("확인").click(function (e) {
+                                $('body, .my_order_inner').removeClass('layer_open');
+                                $('.notification_inner').remove();
+                                $('html, body').scrollTop(scroll);
+                                $('.layer_notification').hide();
+                            })
+                        )
+                    ).css({
+                        'display': 'block'
+                    })
+                ).css({
+                    'display': 'block'
+                });
+                $('body, .my_order_inner').addClass('layer_open').scrollTop(scroll);
+                return this;
+            };
+
+            //주문내역 목록
+            var _loop = function _loop(i) {
+                if (i > LIMIT - 1) {
+                    return "continue";
+                }
+
+                var ptype = orders[i].order.ptype;
+                var orddate = orders[i].order.orddate;
+                var ordnum = orders[i].order.ordnum;
+                var order = $('<div />', {"class": "item_order"});
+
+                //리스트 형태일시에
+                if (type === "list") {
+                    order.append(
+                        $('<div />', {"class": "order_info"}).prepend(
+                            $('<strong />', {"class": "date"}).html(orddate),
+                            $('<span />', {"class": "order_number"}).prepend(
+                                "주문번호 ",
+                                $('<em />', {"class": "number"}).html(ordnum)
+                            ), $('<a />', {
+                                "class": "button_order",
+                                "data-ordnum": ordnum
+                            }).html("주문 상세").on('click', function (e) {
+                                info(e, orders[i]);
+                            })
+                        )
+                    );
+                }
+
+                //상품내역 목록
+                var _loop2 = function _loop2(idx) {
+
+                    if (HIDE.indexOf(ordnum + "-" + idx) > -1) {
+                        return "continue";
+                    }
+
+                    var item = orders[i].item[idx];
+                    var product = $('<div />', {"class": "order_product", "data-idx": idx});
+                    var step = item.info.step;
+                    var image = item.info.image2;
+                    var title = item.info.title;
+                    var prepaid = item.info.prepaid;
+                    var ul = $('<ul />', {"class": "option"});
+                    var gprice = 0;
+                    var dprice = 0;
+
+                    for (var o in item.option) {
+                        var option = item.option[o];
+                        var choices = $('<div />', {"class": "different"});
+
+                        //상품금액, 배송비 합산
+                        gprice += option.uprice * option.cnt;
+                        dprice += option.dprice;
+
+                        if (item.choice.length > 0) {
+                            for (var _i in item.choice) {
+                                var choice = item.choice[_i];
+                                choices.append(
+                                    $('<p />', {"class": "individual"}).prepend(
+                                        $('<span />', {"class": "text"}).html(choice[0]),
+                                        $('<em />', {"class": "text"}).html(choice[1] + "개")
+                                    )
+                                );
+                            }
+                        } else {
+                            choices = "";
+                        }
+
+                        if (title === option.name) {
+                            ul.append(
+                                $('<li />').prepend(
+                                    $('<div />', {"class": "price_amount"}).prepend(
+                                        $('<div />', {"class": "price"}).prepend(
+                                            $('<strong />').html($number(option.uprice)),
+                                            $('<span />').html("원")
+                                        ), $('<div />', {"class": "amount"}).prepend(
+                                            $('<strong />').html(option.cnt),
+                                            $('<span />').html("개")
+                                        )
+                                    )
+                                )
+                            );
+                        } else {
+                            ul.append(
+                                $('<li />').prepend(
+                                    $('<p />', {"class": "name"}).html(option.name),
+                                    choices,
+                                    $('<div />', {"class": "price_amount"}).prepend(
+                                        $('<div />', {"class": "price"}).prepend(
+                                            $('<strong />').html($number(option.uprice)),
+                                            $('<span />').html("원")
+                                        ), $('<div />', {"class": "amount"}).prepend(
+                                            $('<strong />').html(option.cnt),
+                                            $('<span />').html("개")
+                                        )
+                                    )
+                                )
+                            );
+                        }
+                    }
+
+                    if (item.addbuy.length > 0) {
+                        for (var _o in item.addbuy) {
+                            var addbuy = item.addbuy[_o];
+
+                            //추가상품금액 더해주기
+                            gprice += addbuy.price * addbuy.cnt;
+                            ul.append(
+                                $('<li />').prepend(
+                                    $('<p />', {"class": "name"}).html(addbuy.name),
+                                    $('<div />', {"class": "price_amount"}).prepend(
+                                        $('<div />', {"class": "price"}).prepend(
+                                            $('<strong />').html($number(addbuy.price)),
+                                            $('<span />').html("원")
+                                        ), $('<div />', {"class": "amount"}).prepend(
+                                            $('<strong />').html(addbuy.cnt),
+                                            $('<span />').html("개")
+                                        )
+                                    )
+                                )
+                            );
+                        }
+                    }
+
+                    product.append(
+                        $('<div />', {"class": "state"}).prepend(
+                            $('<span />', {"class": "text"}).html(step),
+                            $('<span />', {"class": "button_hide"}).prepend(
+                                $('<button />', {
+                                    "type": "button"
+                                }).html("숨기기").on('click', function (e) {
+                                    hide(e, ordnum, idx);
+                                }).css(
+                                    type === 'list' && (step === "배송완료" || step === "주문취소") ? {} : {'display': 'none'})
+                            )
+                        ), $('<div />', {"class": "product"}).append(
+                            $('<div />', {"class": "thumb"}).prepend(
+                                $('<img />', {"src": CDN + image}).on('error', function () {
+                                    $(this).prop('src', '/modules/ptyshop/resources/noimg_pdms.svg');
+                                })
+                            ), $('<div />', {"class": "product_info"}).append(
+                                $('<a />', {
+                                    "href": AGENT === 'web' ? '/goods/get/?idx=' + idx + '&uid=' + UID : DEEP + "?idx=" + idx + "#Intent;scheme=view;end",
+                                    "class": "title"
+                                }).html(title),
+                                ul,
+                                $('<div />', {"class": "calc"}).prepend(
+                                    $('<div />', {"class": "price_goods"}).prepend(
+                                        $('<span />', {"class": "price_text"}).html("상품금액"),
+                                        $('<div />', {"class": "price"}).prepend(
+                                            $('<strong />').html($number(gprice)),
+                                            $('<span />').html("원")
+                                        )
+                                    ), $('<div />', {"class": "price_delivery"}).prepend(
+                                        $('<span />', {"class": "price_text"}).html("배송비"),
+                                        $('<div />', {"class": "price"}).prepend(
+                                            $('<strong />').html(prepaid === "N" ? "착불" : $number(dprice)),
+                                            $('<span />').html(prepaid === "N" ? "" : "원")
+                                        )
+                                    )
+                                ).css({
+                                    "display": type === "detail" ? "block" : "none"
+                                })
+                            )
+                        )
+                    );
+
+                    //리스트일시에만 취소버튼
+                    if (type === 'list' && (step === "신규주문" && (ptype === "P" || ptype === "CI" || ptype === "C") || step === "미입금" && ptype === "VB")) {
+                        product.append(
+                            $('<div />', {"class": "button_area divide1"}).prepend(
+                                $('<a />', {"class": "button"}).html("주문취소").on('click', function (e) {
+                                    scroll = $(window).scrollTop();
+                                    var target = e.target;
+                                    var item_order = $(target).closest('.item_order');
+                                    var txt = $('<div />', {"class": "layer_content"});
+
+                                    if (ptype === "VB") {
+                                        txt.append("무통장입금은<br>주문한 상품 모두 취소됩니다.<br>주문을 취소 하시겠습니까?");
+                                    } else {
+                                        txt.append("선택하신 상품의<br>구매를 취소하시겠습니까?");
+                                    }
+
+                                    $('.layer_notification').prepend(
+                                        $('<div />', {"class": "notification_inner"}).prepend(
+                                            $('<div />', {"class": "layer_header"}).prepend(
+                                                $('<p />', {"class": "layer_title"}).html("알림")
+                                            ),
+                                            txt,
+                                            $('<div />', {"class": "layer_button_area"}).prepend(
+                                                $('<a />', {"class": "button cancel"}).html("취소").click(function (e) {
+                                                    $('body, .my_order_inner').removeClass('layer_open');
+                                                    $('.notification_inner').remove();
+                                                    $('html, body').scrollTop(scroll);
+                                                    $('.layer_notification').hide();
+                                                }), $('<a />', {"class": "button confirm"}).html("확인").click(function (e) {
+                                                    var params = {
+                                                        "uid": UID,
+                                                        "ordnum": ordnum,
+                                                        "idx": idx
+                                                    };
+                                                    $.ajax({
+                                                        type: 'post',
+                                                        headers: {
+                                                            "Content-Type": "application/json"
+                                                        },
+                                                        dataType: 'json',
+                                                        url: '/inicis/cancel',
+                                                        async: false,
+                                                        data: JSON.stringify(params),
+                                                        success: function success(request) {
+                                                            $('body, .my_order_inner').removeClass('layer_open');
+                                                            $('.notification_inner').remove();
+                                                            $('html, body').scrollTop(scroll);
+                                                            $('.layer_notification').hide();
+
+                                                            if (request === 'ok') {
+                                                                //취소완료시
+                                                                if (ptype === "VB") {
+                                                                    item_order.find('.order_product').each(function () {
+                                                                        $(this).children('.state').children('.text').text('주문취소');
+                                                                        $(this).children('.state').children('.button_hide').children('button').show();
+                                                                        $(this).children('.button_area').hide();
+                                                                        CANCEL.push(ordnum + "-" + $(this).data('idx'));
+                                                                    });
+                                                                } else {
+                                                                    $(target).closest('.order_product').children('.state').children('.text').text('주문취소');
+                                                                    $(target).closest('.order_product').children('.state').children('.button_hide').children('button').show();
+                                                                    $(target).closest('.button_area').hide();
+                                                                    CANCEL.push(ordnum + "-" + idx);
+                                                                }
+
+                                                                cancelok('ok');
+                                                            }
+                                                        },
+                                                        beforeSend: function beforeSend() {
+                                                            //보내기전 로딩 화면
+                                                            //$('.wrap-loading').show();
+                                                        },
+                                                        complete: function complete() {
+                                                            //받은후 로딩 닫기
+                                                            //$('.wrap-loading').hide();
+                                                        },
+                                                        error: function error(request, status, _error) {
+                                                            $('body, .my_order_inner').removeClass('layer_open');
+                                                            $('.notification_inner').remove();
+                                                            $('html, body').scrollTop(scroll);
+                                                            $('.layer_notification').hide();
+                                                            cancelok('fail');
+                                                            console.log('code: ' + request.status + "\n" + 'message: ' + request.responseText + "\n" + 'error: ' + _error);
+                                                        }
+                                                    });
+                                                })
+                                            )
+                                        ).css({
+                                            'display': 'block'
+                                        })
+                                    ).css({
+                                        'display': 'block'
+                                    });
+                                    $('body, .my_order_inner').addClass('layer_open').scrollTop(scroll);
+                                })
+                            )
+                        );
+                    } else if (step === "배송중") {
+                        product.append(
+                            $('<div />', {"class": "button_area divide1"}).prepend(
+                                $('<a />', {"class": "button"}).html("배송조회").on('click', function (e) {
+                                    delivery(e, orders[i].order, orders[i].item[idx]);
+                                })
+                            )
+                        );
+                    } else if (step === "배송완료") {
+                        product.append(
+                            $('<div />', {"class": "button_area divide2"}).prepend(
+                                $('<a />', {"class": "button"}).html("교환/반품/환불").on('click', function (e) {
+                                    $('.layer_notification').prepend(
+                                        $('<div />', {"class": "notification_inner customer"}).prepend(
+                                            $('<div />', {"class": "layer_header"}).prepend(
+                                                $('<p />', {"class": "layer_title"}).html("알림"),
+                                                $('<button />', {"class": "layer_close"}).html("닫기").click(function () {
+                                                    if ($('body, .my_order_inner').hasClass('layer_open2')) {
+                                                        $('body, .my_order_inner').removeClass('layer_open2');
+                                                    } else {
+                                                        $('body, .my_order_inner').removeClass('layer_open');
+                                                    }
+
+                                                    $('.notification_inner').remove();
+                                                    $('html, body').scrollTop(scroll);
+                                                    $('.layer_notification').hide();
+                                                })
+                                            ), $('<div />', {"class": "layer_content customer"}).prepend(
+                                                "현재 교환 및 반품은 고객센터<br> 문의를 통해서만 가능합니다.<br><br> 고객센터 문의는 평일<br> 09:30~18:00에만 가능합니다."),
+                                            $('<div />', {"class": "layer_button_area customer"}).prepend(
+                                                $('<a />', {
+                                                    "href": "tel:1544-3530",
+                                                    "class": "button"
+                                                }).html("고객센터 전화하기").click(function (e) {
+                                                    $('body, .my_order_inner').removeClass('layer_open');
+                                                    $('.notification_inner').remove();
+                                                    $('html, body').scrollTop(scroll);
+                                                    $('.layer_notification').hide();
+                                                    window.location.href = "tel:1544-3530";
+                                                }), $('<a />', {
+                                                    "class": "button"
+                                                }).html("카카오톡 문의하기").click(function (e) {
+                                                    $('body, .my_order_inner').removeClass('layer_open');
+                                                    $('.notification_inner').remove();
+                                                    $('html, body').scrollTop(scroll);
+                                                    $('.layer_notification').hide();
+                                                    window.location.href = DEEP + "?view=kakaotalk#Intent;scheme=view;end";
+                                                })
+                                            )
+                                        ).css({
+                                            'display': 'block'
+                                        })
+                                    ).css({
+                                        'display': 'block'
+                                    });
+
+                                    if (!$('body, .my_order_inner').hasClass('layer_open')) {
+                                        scroll = $(window).scrollTop();
+                                    } else {
+                                        $('body, .my_order_inner').addClass('layer_open2');
+                                    }
+
+                                    $('body, .my_order_inner').addClass('layer_open').scrollTop(scroll);
+                                }), $('<a />', {
+                                    "class": "button"
+                                }).html("배송조회").on('click', function (e) {
+                                    delivery(e, orders[i].order, orders[i].item[idx]);
+                                })
+                            )
+                        );
+                    }
+
+                    order.append(product);
+                };
+
+                for (var idx in orders[i].item) {
+                    var _ret2 = _loop2(idx);
+
+                    if (_ret2 === "continue") continue;
+                }
+
+                _this.append(order);
+            };
+
+            for (var i in orders) {
+                var _ret = _loop(i);
+
+                if (_ret === "continue") continue;
+            }
+
+            return this;
+        };
+    })(jQuery);
+
+    $(document).ready(function () {
+        //기본 한달
+        dateCalc(30);
+        orderlist();
+
+        //조회기간
+        $('.my_order .button_list button').on('click', function () {
+            $('.my_order .button_list').find('li').removeClass('active');
+            $(this).parent().addClass('active');
+            dateCalc($(this).data('day'));
+            init();
+            orderlist();
+        });
+
+        //주문상태조회
+        $('.select ').on('change', function () {
+            init();
+            orderlist();
+        });
+    });
+
+    //더보기 클릭시
+    function more() {
+        PAGE++;
+        orderlist();
+    }
+
+    //주문내역 렌더딩
+    function orderlist() {
+        var params = {
+            "uid": UID,
+            "page": PAGE,
+            "limit": LIMIT,
+            "start": START,
+            "end": END
+        };
+        $.ajax({
+            type: 'post',
+            headers: {
+                "Content-Type": "application/json"
+            },
+            dataType: 'json',
+            url: '/ptyshop/order/getdata/',
+            async: false,
+            data: JSON.stringify(params),
+            success: function success(request) {
+
+                if (_typeof(request) === 'object') {
+                    $('.list').order(request.order, 'list');
+
+                    if (request.order.length < LIMIT + 1) {
+                        $('.button_more').hide();
+                    }
+                } else {
+                    if ($('.item_order').length === 0) {
+                        $('.list').append(
+                            $('<div />', {
+                                "class": "goods_none"
+                            }).prepend(
+                                $('<p />', {
+                                    "class": "message"
+                                }).html("주문/배송 내역이 없습니다."),
+                                $('<div />', {
+                                    "class": "button"
+                                }).prepend(
+                                    $('<a />', {
+                                        "class": "button_home"
+                                    }).html("홈으로").click(function () {
+                                        window.location.href = DEEP + "?view=home#Intent;scheme=view;end";
+                                    })
+                                )
+                            )
+                        );
+                    }
+                    $('.button_more').hide();
+                }
+            },
+            beforeSend: function beforeSend() {
+                //보내기전 로딩 화면
+                //$('.wrap-loading').show();
+            },
+            complete: function complete() {
+                //받은후 로딩 닫기
+                //$('.wrap-loading').hide();
+            },
+            error: function error(request, status, _error) {
+                console.log('code: ' + request.status + "\n" + 'message: ' + request.responseText + "\n" + 'error: ' + _error);
+            }
+        });
+    }
+
+    //초기화
+    function init() {
+        PAGE = 1;
+        $('.list').html("");
+        $('.button_more').show();
+    }
+
+    //조회기간 계산
+    function dateCalc(n) {
+        var m = 0;
+        var date = new Date();
+        var start = new Date(Date.parse(date) - n * 1000 * 60 * 60 * 24);
+        var today = new Date(Date.parse(date) - m * 1000 * 60 * 60 * 24);
+        var yyyy = start.getFullYear();
+        var mm = start.getMonth() + 1;
+        var dd = start.getDate();
+
+        if (mm < 10) {
+            mm = "0" + mm;
+        }
+
+        if (dd < 10) {
+            dd = "0" + dd;
+        }
+
+        var t_yyyy = today.getFullYear();
+        var t_mm = today.getMonth() + 1;
+        var t_dd = today.getDate();
+
+        if (t_mm < 10) {
+            t_mm = "0" + t_mm;
+        }
+
+        if (t_dd < 10) {
+            t_dd = "0" + t_dd;
+        }
+
+        if (n > 0 && n < 7) {
+            $("#date1").html(yyyy + "." + mm + "." + dd);
+            $("#date2").html(yyyy + "." + mm + "." + dd);
+            START = yyyy.toString() + mm.toString() + dd.toString();
+            END = yyyy.toString() + mm.toString() + dd.toString();
+        } else {
+            $("#date1").html(yyyy + "." + mm + "." + dd);
+            $("#date2").html(t_yyyy + "." + t_mm + "." + t_dd);
+            START = yyyy.toString() + mm.toString() + dd.toString();
+            END = t_yyyy.toString() + t_mm.toString() + t_dd.toString();
+        }
+    }
+
+</script>
+<body class="my_order">
+<div class="my_order_inner">
+    <div class="date_search">
+        <ul class="button_list">
+            <li>
+                <button type="button" data-day="0">오늘</button>
+            </li>
+            <li>
+                <button type="button" data-day="7">1주일</button>
+            </li>
+            <li class="active">
+                <button type="button" data-day="31">1개월</button>
+            </li>
+            <li>
+                <button type="button" data-day="91">3개월</button>
+            </li>
+            <li>
+                <button type="button" data-day="180">6개월</button>
+            </li>
+            <li>
+                <button type="button" data-day="365">12개월</button>
+            </li>
+        </ul>
+        <dl class="period">
+            <dt>기간</dt>
+            <dd><span id="date1"></span> ~ <span id="date2"></span></dd>
+        </dl>
+        <!--<div class="selectbox">
+            <select class="select">
+                <option value="">전체</option>
+                <option value="R">미입금</option>
+                <option value="S">입금확인</option>
+                <option value="C">주문취소</option>
+                <option value="1R">신규주문</option>
+                <option value="1C">배송준비</option>
+                <option value="1D">배송중</option>
+                <option value="1S">배송완료</option>
+                <option value="4R">취소/환불 접수</option>
+                <option value="4S">취소/환불 완료</option>
+            </select>
+        </div>-->
+        <p class="comment">주문/배송내역 확인 불가시 <a href="tel:1544-3530" class="underline">고객센터</a>를 이용해주세요.</p>
+    </div>
+    <div class="list"></div>
+    <div class="button_more">
+        <button type="button" class="button" onclick="more()">더보기</button>
+    </div>
+
+</div>
+
+<!-- 주문상세  -->
+<div class="layer_order_info" id="layer_order_info"></div>
+
+<!-- 배송조회  -->
+<div class="layer_order_info" id="layer_deliver_info"></div>
+
+<!-- 알림 팝업  -->
+<div class="layer_notification"></div>
+
+<!-- 로딩
+<div class="wrap-loading"></div>
+-->
+
+<script>
+    // 택배사 팝업 화면 0922
+    // var env = 'production';
+    // if(env==='development') {
+    //     var $target = $("#layer_deliver_info");
+    //     var sample = `<div class="deliver_inner"><div class="layer_header"><p class="layer_title">배송상세조회</p><button class="layer_close">닫기</button></div><div class="delivery_info"><h1 class="title">배송 정보</h1><dl class="individual"><dt>운송장번호</dt><dd>J10316007519351955220010909</dd><button class="copy_deliver_btn" data-clipboard-text="J10316007519351955220010909">복사하기</button></dl><dl class="individual"><dt>택배사</dt><dd>우체국택배</dd></dl><dl class="individual"><dt>보낸사람</dt><dd>다예벤더</dd></dl><dl class="individual"><dt>받는사람</dt><dd>배지나(010-2040-2582)</dd></dl><dl class="individual"><dt>수령주소</dt><dd>서울 구로구 가마산로 77 (구로동) 123</dd></dl></div><div class="delivery_info"><h1 class="title">배송 상태</h1><table class="delivery_list"><caption>전체보기 리스트</caption><colgroup><col style="width:33%;" span="3"></colgroup><thead><tr><th scope="col">처리일시</th><th scope="col">현재위치</th><th scope="col">배송상태</th></tr></thead><tbody><tr><td colspan="3">유효하지 않은 운송장번호 이거나 택배사 코드 입니다.</td></tr></tbody></table></div></div>`;
+    //     $target.html(sample);
+    //     $target.show();
+    // 	$(".layer_close").on("click", function() { $target.hide();})
+    // }
+</script>
+</body>
+</html>

modules/ptyshop/ptyshop.order.options.common.view.html

+<?php
+namespace platyFramework;
+/**
+ * @var $productInfo = ptyshopProductItemModel::getOptionInfo()
+ */
+?>
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <link rel="shortcut icon" href="data:image/x-icon" type="image/x-icon">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+    <link rel="stylesheet" href="/modules/ptyshop/resources/app.css">
+    <link rel="stylesheet" href="/modules/ptyshop/resources/app2.css">
+    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
+    <script src="/modules/ptyshop/resources/jquery-3.1.1.min.js"></script>
+    <script src="/modules/ptyshop/resources/clipboard.min.js"></script>
+    <script src="/modules/ptyshop/resources/common.js?2020092313"></script><!-- // 공통 -->
+    <script src="/modules/ptyshop/resources/commonLib.js?2020092313"></script><!-- // 앱간 인터페이스 -->
+    <title>굿즈쉐어</title>
+</head>
+<script type="text/javascript">
+
+    var DEEP = 'intent://jasonpay_salepoison';
+    var AGENT = 'android';
+    // var GOODS = JSON.parse('{"uid":"a27b1d76-d4aa-3f11-b384-d6b8431e6a51","idx":10036480,"type":"option","giftyn":"N","title":"[\\uad6d\\ub0b4 \\uc7a5\\ub2f9 96\\uc6d0]\\ud074\\ub9b0\\uc564\\uc601 KF-AD \\ube44\\ub9d0\\ucc28\\ub2e8\\ub9c8\\uc2a4\\ud06c 50\\ub9e4 (\\ubc34\\ub4dc\\ud615\\/\\ub048\\ud615)","image1":"1614764692_1_651941049.jpg","image2":"1614764692_2_191304448.jpg","status":0,"soldout":0,"inven":4259,"fararea":0,"oprice":7800,"price":4800,"prepaid":"Y","shipping":2500,"shippingprice":9600,"shippingcnt":0,"choicetype":0,"optinfo":{"title1":"\\uc635\\uc158 \\uc120\\ud0dd1","title2":"\\uc635\\uc158 \\uc120\\ud0dd2","title3":"\\uc635\\uc158 \\uc120\\ud0dd3","title4":"\\uc635\\uc158 \\uc120\\ud0dd4","priceState":1,"invenShow":0},"option":[{"name":"1) KF-AD \\ubc34\\ub4dc\\ud615","inven":1941,"option":[{"name":"50\\ub9e4","inven":1941,"price":4800,"buycnt":0,"limit":0}]},{"name":"2) KF-AD \\ub048\\ud615","inven":2318,"option":[{"name":"50\\ub9e4","inven":2318,"price":4800,"buycnt":0,"limit":0}]}],"choice":[],"addbuy":[],"date":"2021-03-17 11:54:45","addinfo":{"title1":"\\ucd94\\uac00 \\uc120\\ud0dd1","title2":"\\ucd94\\uac00 \\uc120\\ud0dd2","title3":"\\ucd94\\uac00 \\uc120\\ud0dd3","title4":"\\ucd94\\uac00 \\uc120\\ud0dd4"}}');
+
+    /** @var GOODS = ptyshopProductItemModel::getOptionInfo() */
+    var GOODS = JSON.parse('<?=json_encode($productInfo, JSON_UNESCAPED_UNICODE)?>');
+    // var GOODS2 = JSON.parse('{"uid":"a27b1d76-d4aa-3f11-b384-d6b8431e6a51","idx":10016163,"type":"cnt","giftyn":"N","title":"[\\ud2b9\\uac00] [CJ\\ud5ec\\uc2a4\\ucf00\\uc5b4] \\uc815\\uc9c1\\ud55c\\uc0bc \\ud64d\\uc0bc\\uc815 \\ub9c8\\uce74\\uff0f\\uad6d\\ub0b4\\uc0b0 6\\ub144\\uadfc \\ud64d\\uc0bc","image1":"1613350698_1_2041472672.jpg","image2":"1613350698_2_788589032.jpg","status":0,"soldout":0,"inven":9194,"fararea":0,"oprice":129000,"price":15800,"prepaid":"Y","shipping":0,"shippingprice":0,"shippingcnt":0,"choicetype":0,"optinfo":{"title1":"\\uc635\\uc158 \\uc120\\ud0dd1","title2":"\\uc635\\uc158 \\uc120\\ud0dd2","title3":"\\uc635\\uc158 \\uc120\\ud0dd3","title4":"\\uc635\\uc158 \\uc120\\ud0dd4"},"option":[{"name":"[\\ud2b9\\uac00] [CJ\\ud5ec\\uc2a4\\ucf00\\uc5b4] \\uc815\\uc9c1\\ud55c\\uc0bc \\ud64d\\uc0bc\\uc815 \\ub9c8\\uce74\\uff0f\\uad6d\\ub0b4\\uc0b0 6\\ub144\\uadfc \\ud64d\\uc0bc","inven":9194,"price":15800,"buycnt":0,"limit":0}],"choice":[],"addbuy":[],"date":"2021-03-30 15:33:01","addinfo":{"title1":"\\ucd94\\uac00 \\uc120\\ud0dd1","title2":"\\ucd94\\uac00 \\uc120\\ud0dd2","title3":"\\ucd94\\uac00 \\uc120\\ud0dd3","title4":"\\ucd94\\uac00 \\uc120\\ud0dd4"}}');
+
+    // console.log(GOODS);
+    // console.log(GOODS2);
+
+    function $number(num) {
+        return num.toFixed(0).replace(/(\d)(?=(\d{3})+$)/g, "$1,");
+    }
+
+    (function ($) {
+
+        $.fn.sum = function () {
+            var count = 0;
+            var price = 0;
+
+            $('#option_cart').find('input[data-type=option]').each(function () {
+                var cnt = parseInt($(this).val());
+                if (isNaN(cnt)) {
+                    cnt = 0;
+                }
+                price += parseInt($(this).data('price')) * cnt;
+                count++;
+            });
+
+            $('#addbuy_cart').find('input[data-type=addbuy]').each(function () {
+                var cnt = parseInt($(this).val());
+                if (isNaN(cnt)) {
+                    cnt = 0;
+                }
+                price += parseInt($(this).data('price')) * cnt;
+                count++;
+            });
+
+            $('#result_count').text($number(count));
+            $('#result_price').text($number(price));
+            return this;
+        };
+        $.fn.option = function (array) {
+
+            console.log("option()");
+            console.log(array);
+            var option = this;
+            var carttype = option.prop('id');
+            var count = function (e) {
+                console.log("count() e = " + e);
+
+                var count = $(this).siblings('input[name=cnt]');
+
+                if (count.length < 1) {
+                    count = $(this);
+                }
+                count.val(count.val().replace(/\D/g, ''));
+
+                var price = parseInt(count.data('price'));
+                var type = count.data('type');
+                var buycnt = parseInt(count.data('buycnt'));
+                var step = 0;
+                var cnt = parseInt(count.val());
+                var min = parseInt(count.prop('min'));
+                var max = parseInt(count.prop('max'));
+
+                if ($(this).hasClass('dec')) {
+                    step = -1;
+                    if (isNaN(cnt)) {
+                        cnt = 2;
+                    }
+                } else if ($(this).hasClass('inc')) {
+                    step = 1;
+                    if (isNaN(cnt)) {
+                        cnt = 0;
+                    }
+                }
+
+                if (type === 'option' || type === 'addbuy') {
+
+                    if (min > cnt + step) {
+                        count.val(min);
+                        return false;
+                    }
+                    if (max < cnt + step) {
+                        //구매수량 제한
+                        if (max === buycnt && buycnt > 0) {
+                            alert('본 상품의 최대 구매 수량은 ' + buycnt + '개 입니다.');
+                        }
+                        count.val(max);
+                        return false;
+                    }
+                    if (e.type === 'blur' && isNaN(cnt)) {
+                        cnt = 1;
+                    }
+                    count.val(cnt + step);
+                    if (isNaN(cnt)) {
+                        cnt = 0;
+                    }
+                    $(this).closest('.panel-body').find('.price').children('span').text($number(price * (cnt + step)) + '원');
+                } else if (type === 'choice') {
+
+                    var optcnt = $(this).closest('.panel-choice').siblings('.panel-body').find('input[name=cnt]');
+                    var limit = parseInt(optcnt.data('limit')) * parseInt(optcnt.val());
+
+                    var nowcnt = 0;
+                    $(this).closest('.panel-choice').find('input[name=cnt]').each(function () {
+                        nowcnt += parseInt($(this).val());
+                    });
+                    if (limit < nowcnt + step) {
+                        alert('[' + optcnt.data('name') + '] 상품은 ' + limit + '개 구매 할 수 있습니다.');
+                        return false;
+                    }
+                    if (max < cnt + step) {
+                        alert('[' + count.data('name') + '] 상품은 재고가 없습니다.');
+                        return false;
+                    }
+                    if (min > cnt + step) {
+                        return false;
+                    }
+                    count.val(cnt + step);
+                }
+                $(this).sum();
+            };
+
+            var ul = $('<ul />', {"class": "select-menu"});
+            for (var i in array) {
+                console.log("i = " + i);
+                var li = $('<li />').prepend($('<a />', {
+                    "class": "option-item",
+                    "data-optidx": i,
+                    "data-name": array[i].name,
+                    "data-price": array[i].price,
+                    "data-inven": array[i].inven
+                }).prepend(array[i].name, $('<span />')));
+
+                console.log("li = ");
+                console.log(li);
+                //, $('<span />').text(' (' + array[i].inven + '개)')
+
+                if (array[i].inven < 1) {
+                    li.children('a').addClass('soldout').children('span').text(' (품절)');
+                } else {
+                    li.click(function () {
+                        console.log("click()");
+                        console.trace();
+                        var li = $(this);
+                        var select = li.closest('.select');
+                        var button = select.children('button');
+                        var selected = li.children('a');
+                        // console.log("selected =");
+                        // console.log(selected.data);
+
+                        select.removeClass('active').addClass('selection');  //2019-05-24 수정
+
+                        button.children('span').text(selected.data('name'));
+                        button.data('name', selected.data('name'));
+                        //select.nextAll().remove();
+
+                        if (typeof array[selected.data('optidx')].option === "undefined") {
+                            //더이상 옵션이 없으면 선택
+                            var arrname = [];
+                            option.find('button').each(function () {
+                                arrname.push($(this).data('name'));
+                            });
+                            // console.log(arrname);
+                            var fullname = arrname.join('|');
+                            var opt = array[selected.data('optidx')];
+
+                            var cart = $('#' + carttype + '_cart');
+                            var dupl = 0;
+                            cart.find('input[name=cnt]').each(function () {
+                                if (String($(this).data('name')) === fullname) {
+                                    dupl++;
+                                    return true;
+                                }
+                            });
+
+                            if (dupl > 0) {
+                                alert('[' + fullname + '] 이미 선택 하였습니다.');
+                                return true;
+                            }
+
+                            var class_panel = 'panel-default';
+                            var panel_choice = null;
+                            if (carttype === 'option' && GOODS.choice.length > 0) {
+
+                                class_panel = 'panel-package';
+                                panel_choice = $('<div />', {"class": "panel-choice"});
+                                for (var j in GOODS.choice) {
+
+                                    if (GOODS.choice[j].inven < 1) {
+                                        continue;
+                                    }
+                                    panel_choice.append(
+                                        $('<div />', {"class": "choice-item"}).append(
+                                            $('<div />', {"class": "name"}).append(
+                                                $('<span />').text(GOODS.choice[j].name)
+                                            ),
+                                            $('<div />', {"class": "sum"}).append(
+                                                $('<a />', {
+                                                    "class": "dec"
+                                                }).text('감소').click(count),
+                                                $('<input />', {
+                                                    "class": "cnt",
+                                                    "name": "cnt",
+                                                    "type": "number",
+                                                    "min": 0,
+                                                    "max": GOODS.choice[j].inven,
+                                                    "data-type": "choice",
+                                                    "data-name": GOODS.choice[j].name,
+                                                    "data-price": 0,
+                                                    "data-limit": 0,
+                                                    "readOnly": true
+                                                }).val(0),
+                                                $('<a />', {
+                                                    "class": "inc"
+                                                }).text('증가').click(count)
+                                            )
+                                        )
+                                    );
+                                }
+                            }
+
+                            //장바구니 영역에 추가
+                            console.log("opt ==== ");
+                            console.log(opt);
+
+                            cart.prepend(
+                                $('<div />', {"class": "panel"}).prepend(
+                                    $('<div />', {"class": "panel-heading"}).prepend(
+                                        $('<span />').text(arrname.join('/') + '(' + $number(opt.price) + '원)')
+                                    ),
+                                    $('<div />', {"class": "panel-body"}).prepend(
+                                        $('<div />', {"class": "sum"}).prepend(
+                                            $('<a />', {"class": "dec"}).text('감소').click(count),
+                                            $('<input />', {
+                                                "class": "cnt",
+                                                "name": "cnt",
+                                                "type": "number",
+                                                "min": 1,
+                                                "max": opt.inven,
+                                                "data-type": carttype,
+                                                "data-buycnt": opt.buycnt,
+                                                "data-name": carttype === 'option' && GOODS.type === 'cnt' ? "" : fullname,
+                                                "data-price": opt.price,
+                                                "data-limit": opt.limit
+                                            }).val(1).on('input blur', count),
+                                            $('<a />', {"class": "inc"}).text('증가').click(count)
+                                        ),
+                                        $('<div />', {"class": "price"}).prepend($('<span />').text($number(selected.data('price')) + '원')),
+                                        $('<button />', {
+                                            "class": "btn-remove",
+                                            "type": "button"
+                                        }).text("삭제").click(function () {
+                                            if (confirm("[" + fullname + "]삭제 하시겠습니까?")) {
+                                                $(this).closest('.panel').remove();
+                                                $(this).sum();
+                                            }
+                                        })
+                                    ),
+                                    panel_choice
+                                ).addClass(class_panel)
+                            );
+
+                            if (carttype === 'option') {
+                                $('#addbuy>.select:nth-child(1)').filter(':visible').addClass('active');
+                            }
+
+                            $(this).sum();
+                        } else {
+                            //옵션이 있으면
+                            option.option(array[selected.data('optidx')].option);
+                        }
+                    });
+                }
+                ul.append(li);
+            }
+
+            var btnidx = 1;
+            option.find('button').each(function () {
+                btnidx++;
+            });
+
+            var title = '';
+            if (carttype === 'option') {
+                title = GOODS['optinfo']['title' + btnidx];
+            } else if (carttype === 'addbuy') {
+                title = GOODS['addinfo']['title' + btnidx];
+            }
+
+            option.append($('<div />', {"class": "select active"}).prepend(
+                $('<button />', {"class": "btn btn-default select-toggle"}).prepend(
+                    $('<span />').html(title)
+                ),
+                ul
+            ).click(function () {
+                $(this).toggleClass('open');
+
+                if ($(this).hasClass('open')) {
+                    $(this).children('button').children('span').text(title);
+                    $(this).nextAll().remove();
+                }
+            }));
+            return this;
+        };
+    }(jQuery));
+
+    $(document).ready(function () {
+        console.log("ready #1");
+        console.log("GOODS.option = ");
+        console.log(GOODS.option);
+        var option = $('#option').option(GOODS.option);
+        console.log("ready #2");
+        console.log("option = ");
+        console.log(option);
+
+        if (GOODS.type === 'cnt') {
+            //수량상품시 숨기고 클릭
+            option.hide().find('.option-item').trigger("click");
+            $('#option_cart').find('.btn-remove').remove();
+        }
+
+        if (GOODS.addbuy.length > 0) {
+            $('#addbuy').option(GOODS.addbuy);
+        }
+
+        // Todo 선물하기 버튼 추가 20200812
+        var isGift = GOODS.giftyn === 'Y';
+        if (isGift) {
+            $('.btn_area .btn-cart').replaceWith("<button type=\"button\" class=\"btn btn-danger btn-gift\">선물하기</button>");
+            $(".cart_btn").addClass("gift_btn new").removeClass("cart_btn");
+        }
+
+        //장바구니 담기
+        function cart(type) {
+            var scroll_area = $('.scroll_area');
+            if (scroll_area.css("display") === "none") {
+                console.log("scroll_area.show");
+                scroll_area.show();
+                $('#goods').toggleClass('on');
+                $('.result').show();
+
+                var option_select = $('#option>.select:nth-child(1)').filter(':visible');
+                var addbuy_select = $('#addbuy>.select:nth-child(1)').filter(':visible');
+                if (option_select.length > 0) {
+                    option_select.addClass('active');
+                    addbuy_select.removeClass('active');
+                } else {
+                    addbuy_select.addClass('active');
+                }
+                return true;
+            }
+
+            console.log("scroll_area display is not none");
+
+            var option_cart = $('#option_cart');
+            var option_addbuy = $('#addbuy_cart');
+
+            var input_option = option_cart.find('input[data-type=option]');
+            var input_choice = option_cart.find('input[data-type=choice]');
+            var input_addbuy = option_addbuy.find('input[data-type=addbuy]');
+
+            if (input_option.length < 1) {
+                alert('상품/옵션을 선택해주세요.');
+                return false;
+            }
+
+            var newcart = {"uid": GOODS.uid, "goods": {}};
+
+            var choice = [];
+
+            var choice_cnt = 0;
+            input_choice.each(function () {
+                var name = $(this).data('name');
+                var cnt = parseInt($(this).val());
+                if (cnt > 0 && isNaN(cnt) === false) {
+                    choice_cnt += cnt;
+                    choice.push({"name": name, "cnt": cnt});
+                }
+            });
+
+            var addbuy = [];
+            input_addbuy.each(function () {
+                var name = $(this).data('name');
+                var cnt = parseInt($(this).val());
+                if (cnt > 0 && isNaN(cnt) === false) {
+                    addbuy.push({"name": name, "cnt": cnt});
+                }
+            });
+
+            var limit = 0;
+            var option = [];
+            var optinven = true;
+            var optcnt = true;
+            input_option.each(function () {
+
+                // console.log('data ====');
+                // console.log($(this).data);
+                var name = $(this).data('name');
+                var inven = $(this).prop('max');
+                var cnt = parseInt($(this).val());
+
+                if (isNaN(cnt) || cnt < 1) {
+                    optcnt = false;
+                }
+
+                limit = parseInt($(this).data('limit')) * cnt;
+                option.push({"name": name, "cnt": cnt, "choice": choice, "addbuy": addbuy});
+                choice = [];
+                addbuy = [];
+                newcart.goods[GOODS.idx] = {
+                    "prepaid": GOODS.prepaid,
+                    "options": option
+                };
+
+                if (inven < 1) {
+                    optinven = false;
+                }
+            });
+            if (optcnt === false) {
+                alert('상품/옵션의 수량 선택해주세요.');
+                return false;
+            }
+            if (optinven === false) {
+                alert('재고가 없습니다.');
+                return false;
+            }
+            if (GOODS.choice.length > 0 && limit !== choice_cnt) {
+                alert("해당 상품의 옵션은 최대 " + limit + "개 까지 선택 가능합니다.\n" + (limit - choice_cnt) + "개 더 선택 하십시오.");
+                return false;
+            }
+
+            <? /** @see ptyshopCartController::addCart() */ ?>
+            $.ajax({
+                type: 'POST',
+                headers: {"Content-Type": "application/json"},
+                dataType: 'json',
+                url: '/ptyshop/cart/addCart/',
+                async: false,
+                // data: JSON.stringify(newcart),
+                data: newcart,
+                success: function (request) {
+
+                    console.log(request);
+                    //장바구니로 이동
+                    if (type === 'cart' && confirm("장바구니에 상품을 담았습니다.\n지금 확인하러 가시겠습니까?")) {
+                        window.location.href = "/ptyshop/cart/status/?uid=" + GOODS.uid;
+                        /*
+                        if (AGENT === 'web') {
+                            window.location.href = "/cart/get/?uid=" + GOODS.uid;
+                        } else {
+                            window.location.href = DEEP + "?view=cart#Intent;scheme=view;end";
+                        }
+                        */
+                        return true;
+                    } else if (type === 'order') {
+
+                        //console.log(request.cidx);
+                        var cidx = request.cidx.map(function (v, k) {
+                            return 'cidx[]=' + encodeURIComponent(v);
+                        }).join('&');
+                        window.location.href = "/ptyshop/order/status/?uid=" + GOODS.uid + '&' + cidx;
+                    } else if (type === 'gift') {
+
+                        //console.log(request.cidx);
+                        var cidx = request.cidx.map(function (v, k) {
+                            return 'cidx[]=' + encodeURIComponent(v);
+                        }).join('&');
+                        window.location.href = "/ptyshop/order/status/?uid=" + GOODS.uid + '&giftyn=' + GOODS.giftyn + '&' + cidx;
+                    }
+                },
+                beforeSend: function () {
+                    //보내기전 로딩 화면
+                    //$('.wrap-loading').show();
+                },
+                complete: function () {
+                    //받은후 로딩 닫기
+                    //$('.wrap-loading').hide();
+                },
+                error: function (request, status, _error) {
+                    console.log('code: ' + request.status + "\n" + 'message: ' + request.responseText + "\n" + 'error: ' + _error);
+                }
+            });
+        }
+
+        $(".btn-cart").click(function () {
+            console.log("btn-cart");
+            cart('cart');
+        });
+
+        $(".btn-pay").click(function () {
+            if (!$(this).hasClass("on") && isGift) {
+                $(this).addClass("on");
+                $(".gift_btn").addClass("cart_btn").removeClass("gift_btn new");
+                $(".btn-gift").remove();
+                $('.btn_area .cart_btn').append("<button type=\"button\" class=\"btn btn-primary btn-cart\">장바구니</button>");
+                $('body').delegate('.btn-cart', 'click', function () {
+                    cart('cart');
+                });
+            }
+            cart('order');
+        });
+
+        // Todo 선물하기 버튼 추가 20200812
+        $(".btn-gift").click(function () {
+            $(".btns").addClass("gift");
+            $(".btn.btn-danger.btn-pay").remove();
+            cart('gift');
+        });
+
+        $(".toggle_btn").click(function () {
+            $(".scroll_area").toggle();
+            $(".result").toggle();
+            $('#goods').toggleClass('on');
+        });
+    });
+</script>
+<body class="option top">
+<div id="goods" class="container-option on">
+    <!--
+        토글 버튼 - 시작
+
+        클릭시 container-option 클래스 태그에 on을 주시면
+        btns클래스 영역만 활성화 됩니다.
+        (장바구니, 주문하기 버튼만 노출됩니다.)
+    -->
+    <a class="toggle_btn"></a>
+    <!--// 토글 버튼 - 끝 -->
+
+
+    <!-- 스크롤 영역 - 시작 -->
+    <? if (true) { ?>
+        <div class="scroll_area" style="display: none;">
+            <div id="option"></div>
+            <div id="addbuy"></div>
+            <div id="option_cart"></div>
+            <div id="addbuy_cart"></div>
+        </div>
+    <? } else { ?>
+        <div class="scroll_area" style="display: none;">
+            <div id="option">option</div>
+            <div id="addbuy">addbuy</div>
+            <div id="option_cart">option_cart</div>
+            <div id="addbuy_cart">addbuy_cart</div>
+        </div>
+    <? } ?>
+
+    <!-- 스크롤 영역 - 끝 -->
+
+    <!-- 선택 카트 가격/수량 영역 - 시작 -->
+    <div class="result" style="display: none;">
+        <div class="count" style="display: none;">
+            <span id="result_count">0</span>개 선택
+        </div>
+        <div class="total" id="total">
+            <strong class="text">총 금액</strong>
+            <span id="result_price">0</span><span class="won">원</span>   <!-- 2019-05-24 수정 -->
+        </div>
+    </div>
+    <!--// 선택 카트 가격/수량 영역 - 끝 -->
+
+    <!-- 장바구니/구매하기 - 시작 -->
+    <div class="btns">
+        <div class="btn_area">
+            <div class="cart_btn">
+                <button type="button" class="btn btn-primary btn-cart">장바구니</button>
+            </div>
+            <div class="pay_btn">
+                <button type="button" class="btn btn-danger btn-pay">주문하기</button>
+            </div>
+        </div>
+    </div>
+    <!--// 장바구니/구매하기 - 끝 -->
+</div>
+</body>
+
+</html>
\ No newline at end of file

modules/ptyshop/ptyshop.order.order.common.view.html

+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+    <link rel="stylesheet" href="/modules/ptyshop/resources/app.css">
+    <link rel="stylesheet" href="/modules/ptyshop/resources/app2.css">
+    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
+    <script src="/modules/ptyshop/resources/jquery-3.1.1.min.js"></script>
+    <script src="/modules/ptyshop/resources/clipboard.min.js"></script>
+    <script src="/modules/ptyshop/resources/common.js?2020092313"></script><!-- // 공통 -->
+    <script src="/modules/ptyshop/resources/commonLib.js?2020092313"></script><!-- // 앱간 인터페이스 -->
+    <script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
+    <title></title>
+</head>    <script>
+    var AGENT = 'web';
+
+    function $number(num) {
+        return num.toFixed(0).replace(/(\d)(?=(\d{3})+$)/g, "$1,");
+    }
+
+    function $tel(str) {
+        var num = str.replace(/[^0-9]/g, "");
+        var phone = [];
+        if (num.length < 4) {
+            return num;
+        } else if (num.length < 7) {
+            phone.push(num.substr(0, 3));
+            phone.push(num.substr(3));
+        } else if (num.length < 11) {
+            phone.push(num.substr(0, 3));
+            phone.push(num.substr(3, 3));
+            phone.push(num.substr(6));
+        } else {
+            phone.push(num.substr(0, 3));
+            phone.push(num.substr(3, 4));
+            phone.push(num.substr(7));
+        }
+        return phone.join('-');
+    }
+
+    (function ($) {
+
+        //가격정보
+        $.fn.totalsum = function (farprice) {
+            $('#addrprice').val(farprice);
+
+            if (goodsfarstop === true && parseInt(farprice) < 1) {
+                goodsfarstop = false;
+            }
+
+            var po_shipping_fararea_fee = function ($goodsCnt, $fee, $shipUnit) {
+                var $shipCnt = 1;
+                if ($shipUnit > 0) {
+                    $shipCnt = Math.ceil($goodsCnt / $shipUnit);
+                }
+                return $fee * $shipCnt;
+            };
+
+            var t = $('#tprice');
+            var g = $('#gprice');
+            var d = $('#dprice');
+            var gprice = 0;
+            var dprice = 0;
+
+            $('form[name=order] input[name="cidx[]"]').remove();
+
+            for (var idx in goods) {
+
+                if (goodsfarstop === true && parseInt(goods[idx].fararea) === 1) {
+                    continue;
+                }
+                gprice += parseInt(goods[idx].gprice);
+                dprice += parseInt(goods[idx].dprice) + po_shipping_fararea_fee(parseInt(goods[idx].cnt), parseInt(farprice), parseInt(goods[idx].shippingcnt));
+                for (var j in goods[idx].cidx) {
+                    $('#uid').after($('<input />', {"type": "hidden", "name": "cidx[]"}).val(goods[idx].cidx[j]));
+                }
+            }
+            t.val($number(gprice + dprice));
+            g.val($number(gprice));
+            d.val($number(dprice));
+            return this;
+        };
+
+        //주소만들기
+        $.fn.address = function (address) {
+
+            if (address.length < 1) {
+                $('.tab_nav a.input').trigger('click');
+                return this;
+            }
+
+            var _loop = function (_this, i) {
+                _this.prepend(
+                    $('<div />', {"class": "address_item chkbx"}).prepend(
+                        $('<input />', {
+                            "type": "radio",
+                            "name": "addrno",
+                            "id": "addr" + i
+                        }).val(i).click(function () {
+                            $('#addrno').val(address[i].addrno);
+                            $('#addrprice').val(address[i].addrprice);
+                            $('#dname').val(address[i].dname);
+                            $('#dpcode').val(address[i].dpcode);
+                            $('#daddr1').val(address[i].daddr1);
+                            $('#daddr2').val(address[i].daddr2);
+                            $('#dtel').val(address[i].dtel);
+                            $(".order_result").totalsum(address[i].price);
+                        }),
+                        $('<label />', {"for": "addr" + i}).prepend(
+                            $('<span />', {"class": "name"}).prepend(
+                                $('<em />', {"class": "dname"}).text(address[i].dname)
+                            ),
+                            $('<span />', {"class": "addr"}).prepend(
+                                $('<em />', {"class": "dpcode"}).text(address[i].dpcode), " ",
+                                $('<em />', {"class": "daddr1"}).text(address[i].daddr1),
+                                $('<em />', {"class": "daddr2"}).text(address[i].daddr2)
+                            ),
+                            $('<span />', {"class": "dtel"}).prepend(
+                                $('<em />').text($tel(address[i].dtel))
+                            )
+                        ),
+                        $('<a />', {"class": "addr_set"}).click(function () {
+                            $('#addrno').val(address[i].addrno);
+                            $('#addrprice').val(address[i].price);
+                            $('#dname').val(address[i].dname);
+                            $('#dpcode').val(address[i].dpcode);
+                            $('#daddr1').val(address[i].daddr1);
+                            $('#daddr2').val(address[i].daddr2);
+                            $('#dtel').val(address[i].dtel);
+                            $(".tab.order_form").addClass('set');
+                            $("#duplarea").hide();
+                        }),
+                        $('<a />', {"class": "addr_remove"}).click(function () {
+                            if (!confirm("삭제 하시겠습니까?")) {
+                                return false;
+                            }
+                            $.ajax({
+                                url: '/address/del',
+                                type: 'POST',
+                                data: JSON.stringify({"uid": $('#uid').val(), "addrno": address[i].addrno}),
+                                dataType: 'json',
+                                headers: {
+                                    "Content-Type": "application/json"
+                                },
+                                success: function (data) {
+                                    $("#addr" + address[i].addrno).parent().remove();
+
+                                    alert("삭제가 완료되었습니다.");
+                                    if ($('#addr').children('.address_item').length < 1) {
+                                        $('.tab_nav').find('.input').trigger('click');
+                                    } else {
+                                        $('#addr').children('.address_item:nth-child(1)').children('input').prop('checked', true).trigger('click');
+                                    }
+                                }
+                            });
+                        })
+                    )
+                );
+            };
+
+            for (var i in address) {
+                _loop(this, i);
+            }
+
+            this.children('.address_item:nth-child(1)').children('input').prop('checked', true).trigger('click');
+            return this;
+        };
+    }(jQuery));
+
+    // var address = JSON.parse('[]');
+    var address = JSON.parse('{"1359026":{"addrno":1359026,"infoNm":"base","bname":"\\uc774\\ubbf8\\uc790","btel":"01012341234","dname":"\\uc774\\ubbf8\\uc790","dtel":"01012341234","dpcode":"06097","daddr1":"\\uc11c\\uc6b8 \\uac15\\ub0a8\\uad6c \\ubd09\\uc740\\uc0ac\\ub85c 403 (\\uc0bc\\uc131\\ub3d9, \\ud558\\ubaa8\\ub2c8 \\ube4c\\ub529)","daddr2":"1234","price":0}}');
+    var goods = JSON.parse('{"10031868":{"shipping":5000,"shippingcnt":0,"fararea":0,"tprice":34800,"gprice":29800,"dprice":5000,"cnt":1,"cidx":[13734513]}}');
+    var PREPAIDCNT = parseInt('0');
+    var goodsfarstop = false;
+    var giftyn = 'N'; // 선물
+    var isGift = giftyn === 'Y';
+
+    $(document).ready(function () {
+        //우편번호검색 있을 시 부모 <td> 태그 class 추가
+        giftInit();
+
+        function giftInit() {
+            if(isGift) {
+                $("#duplarea").hide();
+                $(".guide-info-text").show();
+                $(".order_title.address").html("<span>선물받는 분 정보</span>")
+                $(".gift-desc").removeClass("hide");
+                $(".order_form input[name='dname']").addClass("gift");
+
+                $("#callInfo").on("click", function(e) {
+                    e.preventDefault();
+                    window.CL.callNative(1011, '연락처 불러오기', AGENT);
+                });
+
+                //연락처 불러오기 있을 시 부모 <td> 태그 class 추가
+                $("#app.order .order_form .addr_form_area td:has(#callInfo)").addClass("call-info");
+                // 추후 오픈
+            } else {
+                $("#callInfo").hide();
+            }
+        }
+
+        //주소팝업 닫기
+        $('.addr_close').click(function () {
+            $('#addr').find('input[name=addrno]:checked').trigger('click');
+            $(".tab.order_form").removeClass("set");
+            $('#duplarea').show();
+        });
+
+        //주소팝업 저장
+        $('.addr_save').click(function () {
+
+            var uid = $('#uid');
+            var addrno = $('#addrno');
+            var addrprice = $('#addrprice');
+            var bname = $('#bname');
+            var btel = $('#btel');
+            var dname = $('#dname');
+            var dpcode = $('#dpcode');
+            var daddr1 = $('#daddr1');
+            var daddr2 = $('#daddr2');
+            var dtel = $('#dtel');
+
+            if (dname.val() === "") {
+                alert("수령인을 입력 하십시오.");
+                dname.focus();
+                return false;
+            }
+
+            if (dpcode.val() === "" || daddr1.val() === "") {
+                alert("배송지를 입력 하십시오.");
+                $('#execDaumPostcode').trigger('click');
+                return false;
+            }
+
+            if (daddr2.val() === "") {
+                alert("나머지 배송지를 입력 하십시오.");
+                daddr2.focus();
+                return false;
+            }
+
+            if (dtel.val() === "") {
+                alert("수령인 연락처를 입력 하십시오.");
+                daddr2.focus();
+                return false;
+            }
+
+            if (dtel.val().length < 10 || dtel.val().length > 11) {
+                alert("수령인 연락처를 확인해 주세요.");
+                dtel.focus();
+                return false;
+            }
+
+            var data = {
+                "uid": uid.val(),
+                "addrno": addrno.val(),
+                "bname": bname.val(),
+                "btel": btel.val(),
+                "dname": dname.val(),
+                "dpcode": dpcode.val(),
+                "daddr1": daddr1.val(),
+                "daddr2": daddr2.val(),
+                "dtel": dtel.val(),
+                "price": addrprice.val()
+            };
+
+            $.ajax({
+                url: '/address/set',
+                type: 'POST',
+                data: JSON.stringify(data),
+                dataType: 'json',
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                success: function (addrno) {
+                    address[addrno] = data;
+                    var checkbox = $('#addr' + addrno);
+                    var address_item = checkbox.closest('.address_item');
+                    //console.log('#addr' + addrno);
+                    address_item.find('.dname').text(data.dname);
+                    address_item.find('.dpcode').text(data.dpcode);
+                    address_item.find('.daddr1').text(data.daddr1);
+                    address_item.find('.daddr2').text(data.daddr2);
+                    address_item.find('.dtel').text($tel(data.dtel));
+                    $(".tab.order_form").removeClass("set");
+                    $('#duplarea').show();
+                    alert("수정했습니다.");
+                    $('#addr').find('input[name=addrno]:checked').trigger('click');
+                }
+            });
+        });
+
+        //배송지 정보입력 텝
+        $('.tab_nav a').click(function () {
+            if ($(this).hasClass('list')) {
+                $('.tab_nav li:eq(0) a').addClass('on');
+                $('.tab_nav li:eq(1) a').removeClass('on');
+                $('#addr_log').addClass('on');
+                $('#addr_form').removeClass('on');
+
+                $('#addr').find('input[name=addrno]:checked').trigger('click');
+            } else {
+                $('.tab_nav li:eq(0) a').removeClass('on');
+                $('.tab_nav li:eq(1) a').addClass('on');
+                $('#addr_log').removeClass('on');
+                $('#addr_form').addClass('on');
+
+                $('#addrno').val('');
+                $('#addrprice').val('');
+
+                if ($('#bname').val() === "") {
+                    $('#bname').focus();
+                } else {
+                    $('#dname').val('').focus();
+                }
+                $('#dtel').val('');
+                $('#dpcode').val('');
+                $('#duplcheck').prop('checked', false);
+                $('#daddr1').val('');
+                $('#daddr2').val('');
+                $(".order_result").totalsum(0);
+
+            }
+        });
+
+        //카드번호
+        $('.cardnumber').find('input').on('input', function () {
+            var value = $(this).val();
+            var maxLength = $(this).prop('maxLength');
+            if (value.length === maxLength) {
+                $(this).next('input').focus();
+            }
+        });
+
+        //배송메모
+        $('.datalist input').click(function () {
+            $(this).closest('.datalist').toggleClass('on');
+        });
+
+        $('.datalist ul>li').click(function () {
+            var str = $(this).children('a');
+            var input = $('.datalist input');
+            if (str.hasClass('_input')) {
+                input.prop('readOnly', false);
+                input.prop('placeholder', '');
+                input.val('');
+                input.focus();
+            } else {
+                input.prop('readOnly', true);
+                input.val(str.text());
+            }
+            $(this).closest('.datalist').toggleClass('on');
+        });
+
+        $('#dmemo_options').on('change', function () {
+            var dmemo_option = $(this).val();
+            var dmemo = $('#dmemo');
+            if (dmemo_option === "직접입력") {
+                dmemo.val('').show().focus();
+            } else {
+                $('#dmemo').val(dmemo_option).hide();
+            }
+        });
+
+        $('.payment').click(payment = function () {
+
+
+            var _this = $(this);
+
+            //도서산간이 있으면
+            if (parseInt($('#addrprice').val()) > 0) {
+
+                var farstop = 0;
+                var goodscnt = 0;
+                //도서산간 거부 상품 찾기
+                for (var idx in goods) {
+                    if (parseInt(goods[idx].fararea) === 1) {
+                        farstop++;
+                    }
+                    goodscnt++;
+                }
+
+                if (farstop > 0 && goodscnt === farstop) {
+                    //도서산간 거부 상품만 있으면
+                    alert("도서산간 배송 불가 상품이 포함되어있어 구매가 불가능합니다.");
+                    return false;
+                } else if (farstop > 0 && goodscnt > farstop) {
+                    //상품이 도서산간 거부와 섞여 있으면
+                    if (!confirm("도서산간 배송 불가 상품이 포함되어있습니다.\n도서산간 상품을 제외한 수정결제를 진행하시겠습니까?")) {
+                        return false;
+                    }
+
+                    for (var _idx in goods) {
+                        if (parseInt(goods[_idx].fararea) === 1) {
+                            goodsfarstop = true;
+                        }
+                    }
+                    $(".order_result").totalsum($('#addrprice').val());
+                }
+            }
+
+
+            var bname = $('#bname');
+            if (bname.val() === "") {
+                alert("주문자명을 입력해주세요.");
+                bname.focus();
+                return false;
+            }
+
+            var btel = $('#btel');
+            btel.val(btel.val().replace(/[^0-9]/g, ''));
+            if (btel.val() === "") {
+                alert("주문자 연락처를 입력해주세요.");
+                btel.focus();
+                return false;
+            }
+            if (btel.val().length < 10 || btel.val().length > 11) {
+                alert("주문자 휴대폰번호를 확인해 주세요.");
+                btel.focus();
+                return false;
+            }
+
+            var dname = $('#dname');
+            if (dname.val() === "") {
+                alert("수령인을 입력해주세요.");
+                dname.focus();
+                return false;
+            }
+            var dpcode = $('#dpcode');
+            var daddr1 = $('#daddr1');
+            if (dpcode.val() === "" || daddr1.val() === "") {
+                alert("배송지를 입력해주세요.");
+                $('#execDaumPostcode').trigger('click');
+                return false;
+            }
+            var daddr2 = $('#daddr2');
+            if (daddr2.val() === "") {
+                alert("상세 주소를 입력해주세요.");
+                daddr2.focus();
+                return false;
+            }
+            var dtel = $('#dtel');
+            dtel.val(dtel.val().replace(/[^0-9]/g, ''));
+            if (dtel.val() === "") {
+                alert("수령인 연락처를 입력해주세요.");
+                dtel.focus();
+                return false;
+            }
+            if (dtel.val().length < 10 || dtel.val().length > 11) {
+                alert("수령인 연락처를 확인해 주세요.");
+                dtel.focus();
+                return false;
+            }
+
+
+            var paymethod1 = $('#paymethod1');
+            var cardnumber1 = $('#cardnumber1');
+            var cardnumber2 = $('#cardnumber2');
+            var cardnumber3 = $('#cardnumber3');
+            var cardnumber4 = $('#cardnumber4');
+            var authfield1 = $('#authfield1');
+            var authfield2 = $('#authfield2');
+
+            if (paymethod1.prop('checked')) {
+                if (cardnumber1.val() === "") {
+                    alert("카드 번호를 입력해주세요.");
+                    cardnumber1.focus();
+                    return false;
+                }
+
+                if (cardnumber2.val() === "") {
+                    alert("카드 번호를 입력해주세요.");
+                    cardnumber2.focus();
+                    return false;
+                }
+                if (cardnumber3.val() === "") {
+                    alert("카드 번호를 입력해주세요.");
+                    cardnumber3.focus();
+                    return false;
+                }
+                if (cardnumber4.val() === "") {
+                    alert("카드 번호를 입력해주세요.");
+                    cardnumber4.focus();
+                    return false;
+                }
+                if (authfield1.val() === "") {
+                    alert("본인확인 정보를 입력해주세요.");
+                    authfield1.focus();
+                    return false;
+                }
+                if (authfield2.val() === "") {
+                    alert("카드 비밀번호 앞 2자리를 입력해주세요.");
+                    authfield2.focus();
+                    return false;
+                }
+            } else {
+                cardnumber1.val('');
+                cardnumber2.val('');
+                cardnumber3.val('');
+                cardnumber4.val('');
+                authfield1.val('');
+                authfield2.val('');
+            }
+
+            var terms1 = $('#terms1');
+            if (terms1.prop('checked') === false) {
+                if (confirm("만 14세 이상이신 경우 약관에 동의해주세요.")) {
+                    terms1.prop('checked', true);
+                }
+                return false;
+            }
+            var terms2 = $('#terms2');
+            if (terms2.prop('checked') === false) {
+                if (confirm("구매조건 확인 및 결제진행 약관에 동의 하시겠습니까?")) {
+                    terms2.trigger('click');
+                }
+                return false;
+            }
+
+            var cidx = [];
+            $('form[name=order] input[name="cidx[]"]').each(function () {
+                cidx.push($(this).val());
+            });
+
+            var paymethod = $('form[name=order] input[name=paymethod]:checked');
+            var addaddr = $('#add_addr').prop('checked') ? 'save' : '';
+            var uid = $('#uid');
+            var dmemo = $('#dmemo');
+            var cardexpm = $('#cardexpm');
+            var cardexpy = $('#cardexpy');
+            var cardquota = $('#cardquota');
+            var neworder = {
+                "uid": uid.val(),
+                "cidx": cidx,
+                "giftyn" : giftyn,
+                "bname": bname.val(),
+                "btel": btel.val(),
+                "addaddr": addaddr,
+                "dname": dname.val(),
+                "dtel": dtel.val(),
+                "dpcode": dpcode.val(),
+                "daddr1": daddr1.val(),
+                "daddr2": daddr2.val(),
+                "dmemo": dmemo.val(),
+                "paymethod": paymethod.val(),
+                "cardnumber1": cardnumber1.val(),
+                "cardnumber2": cardnumber2.val(),
+                "cardnumber3": cardnumber3.val(),
+                "cardnumber4": cardnumber4.val(),
+                "cardexpm": cardexpm.val(),
+                "cardexpy": cardexpy.val(),
+                "cardquota": cardquota.val(),
+                "authfield1": authfield1.val(),
+                "authfield2": authfield2.val()
+            };
+
+            if (PREPAIDCNT > 0 && isGift) {
+                if( !confirm("배송비가 착불인 상품입니다. \r\n결제를 진행하시겠습니까?") ) {
+                    return false;
+                }
+            }
+
+            _this.text("결제가 진행 중입니다.").off().on('click', function () {
+                alert("잠시만 기다려 주십시오.\n결제가 진행 중입니다.");
+                return false;
+            });
+
+            // location.href = '/ptyshop/order/success/';
+            // return;
+
+            // [TODO] 하단 구현이 필요함
+            $.ajax({
+                type: 'post',
+                contentType: 'application/json',
+                dataType: 'json',
+                url: '/ptyshop/order/getPayInfo/',
+                data: JSON.stringify(neworder),
+                success: function (request) {
+                    console.log("success. request = " + request);
+                    console.log(request);
+
+                    if ($('#paymethod1').prop('checked')) {
+                        //비인증결제
+                        console.log("비인증결제");
+                        var ini = {};
+                        for (var i in request.input) {
+                            ini[request.input[i].name] = request.input[i].value;
+                        }
+                        $.ajax({
+                            type: 'post',
+                            contentType: 'application/json',
+                            dataType: 'json',
+                            url: request.form.action,
+                            data: JSON.stringify(ini),
+                            success: function (request) {
+                                //console.log(request);
+                                // window.location.href = '/order/payok?ordnum=' + request.ordnum + '&uid=' + request.uid;
+                                window.location.href = '/ptyshop/order/success/?ordnum=' + request.ordnum + '&uid=' + request.uid;
+                            },
+                            beforeSend: function () {
+                                //$('.wrap-loading').show();
+                            },
+                            complete: function () {
+                                //$('.wrap-loading').hide();
+                            },
+                            error: function (request, status, _error) {
+                                if (typeof request.responseJSON === "undefined") {
+                                    alert("네트워크 연결이 좋지 않습니다.\n확인 후 재시도 바랍니다.");
+                                } else {
+                                    alert(request.responseJSON);
+                                }
+                                _this.text('결제하기').off().on('click', payment);
+                            }
+                        });
+                    } else {
+                        //인증결제
+                        $('form[name=jpay]').remove();
+                        var ini = $('<form />', request.form);
+
+                        for (var i in request.input) {
+                            ini.prepend($('<input />', request.input[i]));
+                        }
+                        $('body').prepend(ini);
+                        console.log("request ==");
+                        console.log(request);
+                        console.log("request.form ==");
+                        console.log(request.form);
+                        console.log("ini ==");
+                        console.log(ini);
+                        ini.submit();
+                    }
+                },
+                beforeSend: function () {
+                    //$('.wrap-loading').show();
+                },
+                complete: function () {
+                    console.log("complete");
+                    //$('.wrap-loading').hide();
+                },
+                error: function (request, status, _error) {
+                    if (typeof request.responseJSON === "undefined") {
+                        alert("네트워크 연결이 좋지 않습니다.\n확인 후 재시도 바랍니다.");
+                    } else {
+                        alert(request.responseJSON);
+                    }
+                    _this.text('결제하기').off().on('click', payment);
+                    //console.log('code: ' + request.status + "\n" + 'message: ' + request.responseText + "\n" + 'error: ' + error);
+                }
+            });
+        });
+
+        $(".btn-paymethod").click(function () {
+            var btType = $(this).val();
+            $(".msg").hide();
+            $(".cardinfo").hide();
+            switch (btType) {
+                case "wcard":
+                    $(".msg_card").show();
+                    break;
+                case "card":
+                    $(".msg_card").show();
+                    $(".cardinfo").show();
+                    break;
+                case "vbank":
+                    $(".msg_vbank").show();
+                    break;
+            }
+            /* 2019-05-22 추가 S */
+            var pay_class = "." + $(this).val();
+            $(".payinfo").hide();
+            $(pay_class).show();
+            /* 2019-05-22 추가 E */
+        });
+
+
+        // var popupScroll;
+        // $(".msg_card").click(function () {
+        //     popupScroll = window.scrollY;
+        //     $("#main").css({top: -window.scrollY});
+        //     $("body").addClass("scroll_lock");
+        //     $(".layer_card_promotion").show();
+        // });
+        //
+        // $(".layer_card_promotion .layer_close").click(function () {
+        //     $("#main").css({top: 0});
+        //     $("body").removeClass("scroll_lock");
+        //     $(".layer_card_promotion").hide();
+        //     $(window).scrollTop(popupScroll);
+        // });
+
+
+        var element_wrap = document.getElementById('post_wrap');
+
+        function foldDaumPostcode() {
+            // iframe을 넣은 element를 안보이게 한다.
+            element_wrap.style.display = 'none';
+            $('.post_wrap_bg').css('display', 'none');
+        }
+
+        function execDaumPostcode() {
+            element_wrap.innerHTML = '<a id="btnCloseLayer"></a>';
+            var currentScroll = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
+            new daum.Postcode({
+                oncomplete: function (data) {
+                    // 각 주소의 노출 규칙에 따라 주소를 조합한다.
+                    // 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, 이를 참고하여 분기 한다.
+                    var fullAddr = data.address; // 최종 주소 변수
+                    var extraAddr = ''; // 조합형 주소 변수
+
+                    // 기본 주소가 도로명 타입일때 조합한다.
+                    if (data.userSelectedType === 'R') {
+                        // 법정동명이 있을 경우 추가한다.
+                        extraAddr = !!data.bname ? extraAddr += data.bname : extraAddr;
+                        // 건물명이 있을 경우 추가한다.
+                        extraAddr = !!data.buildingName ? extraAddr += ( !!extraAddr ? ', ' + data.buildingName : data.buildingName) : extraAddr;
+                        // 조합형주소의 유무에 따라 양쪽에 괄호를 추가하여 최종 주소를 만든다.
+                        fullAddr = data.roadAddress + (!!extraAddr ? ' (' + extraAddr + ')' : '');
+                    } else {
+                        fullAddr = data.jibunAddress;
+                    }
+
+                    $('#dpcode').val(data.zonecode);
+                    $('#daddr1').val(fullAddr);
+                    $('#daddr2').val('').focus();
+                    $("body").removeClass("scroll_lock");
+                    // 도서산간 금액 조회
+                    $.ajax({
+                        url: '/fararea/get/' + data.zonecode,
+                        type: 'POST',
+                        headers: {
+                            "Content-Type": "application/json"
+                        },
+                        success: function (data) {
+                            $('#addrprice').val(data.price);
+                            $(".order_result").totalsum(data.price);
+                        }
+                    });
+
+                    // (autoClose:false 기능을 이용한다면, 아래 코드를 제거해야 화면에서 사라지지 않는다.)
+                    element_wrap.style.display = 'none';
+                    $('.post_wrap_bg').css('display', 'none');
+
+                    // 우편번호 찾기 화면이 보이기 이전으로 scroll 위치를 되돌린다.
+                    document.body.scrollTop = currentScroll;
+                },
+                onresize : function(size) {
+                    element_wrap.style.height = size.height+'px';
+                },
+                width: '100%',
+                height: '100%'
+            }).embed(element_wrap);
+            // iframe을 넣은 element를 보이게 한다.
+            element_wrap.style.display = 'block';
+        }
+
+        $('#execDaumPostcode').on('click', function () {
+            // $("body").addClass("scroll_lock");
+            $('.post_wrap_bg').css('display', 'block');
+            $(document).scrollTop(0);
+            if (typeof window.daum === "undefined") {
+                /*
+                $.ajax({
+                    'url': 'https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js',
+                    'dataType': "script",
+                    'success': execDaumPostcode
+                });
+                */
+                execDaumPostcode();
+            } else {
+                execDaumPostcode();
+            }
+        });
+
+        $('#post_wrap').on('click', function () {
+            $("body").removeClass("scroll_lock");
+            foldDaumPostcode();
+        });
+
+        var scroll;
+        $('.more_cont').on('click', function () {
+            var term = $(this).data('src');
+            $('#agree').prop('src', '/order/agree/' + term);
+            $('#titbox_l').html($(this).prev().text());
+            scroll = $(window).scrollTop();
+            $('.layer_clause').show();
+            $('body, .order').addClass('layer_open');
+        });
+
+        /* 레이어 닫힘 */
+        $('#titbox #titbox_r a').on('click', function () {
+            $('body, .order').removeClass('layer_open');
+            $('html, body').scrollTop(scroll);
+            $('.layer_clause').hide();
+        });
+
+        //구매조건
+        $('.more_toggle').click(function () {
+            $('.term_cont').toggleClass('on');
+        });
+
+        $('#terms2').click(function () {
+            $('.low_chk').prop('checked', $('#terms2').prop('checked'));
+        });
+
+        $('.low_chk').click(function () {
+            $('#terms2').prop('checked', $('.low_chk').length === $('.low_chk:checked').length);
+        });
+
+        var tmp_dname = '';
+        var tmp_dtel = '';
+        $('#duplcheck').click(function () {
+            if ($(this).prop('checked')) {
+                tmp_dname = $('#dname').val();
+                tmp_dtel = $('#dtel').val();
+                $('#dname').val($('#bname').val());
+                $('#dtel').val($('#btel').val());
+            } else {
+                $('#dname').val(tmp_dname);
+                $('#dtel').val(tmp_dtel);
+            }
+        });
+
+
+        $('#btel').on('input', function () {
+            var tel = $(this);
+            tel.val(tel.val().replace(/[^0-9]/g, ''));
+        });
+
+        $('#dtel').on('input', function () {
+            var tel = $(this);
+            tel.val(tel.val().replace(/[^0-9]/g, ''));
+        });
+
+        $('.maxlength').on('input', function () {
+            if (this.value.length > this.maxLength) {
+                this.value = this.value.slice(0, this.maxLength);
+            }
+        });
+
+        //주소 리스트
+        $('#addr').address(address);
+
+        /*
+            if (paymethod !== '') {
+                $('.btn-paymethod[value=' + paymethod + ']').trigger('click');
+            }
+         */
+
+    });
+</script>
+
+<div id="app" class="order">
+    <div id="aside">
+        <div id="post_wrap">
+        </div>
+        <i class="post_wrap_bg"></i>
+    </div>
+
+    <div id="main">
+        <form name="order" method="post" action="/ptyshop/order/result/">
+            <input type="hidden" name="uid" id="uid" value="a27b1d76-d4aa-3f11-b384-d6b8431e6a51">
+            <div class="order_item">
+                <h3 class="order_title">
+                    <span>주문자 정보</span>
+                </h3>
+
+                <div class="order_form">
+                    <table>
+                        <caption>주문자 정보</caption>
+                        <tbody>
+                        <tr>
+                            <th scope="row">
+                                <label for="bname">*주문자명</label>
+                            </th>
+                            <td>
+                                <input type="text" name="bname" id="bname" value="<?=$orderName?>" maxlength="25">
+                            </td>
+                        </tr>
+                        <tr>
+                            <th scope="row">
+                                <label for="btel">*연락처</label>
+                            </th>
+                            <td>
+                                <input type="tel" name="btel" id="btel" placeholder="예시) 010-1234-5678" value="<?=$orderPhoneNumber?>" maxlength="11" class="maxlength">
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+
+            <div class="order_item">
+                <h3 class="order_title address">
+                    <span>배송지 정보입력</span>
+                </h3>
+                <div class='gift-desc hide'>선물 받으실 분의 배송정보를 입력해 주세요.</div>
+
+                <div class="tab order_form">
+                    <div class="tab_area">
+                        <div class="tab_nav">
+                            <ul>
+                                <li><a class="list on">배송지목록</a></li>
+                                <li><a class="input">직접입력</a></li>
+                            </ul>
+                        </div>
+                        <div class="tab_cont on" id="addr_log">
+                            <div class="guide">
+                                <p>최근 사용된 배송지 목록입니다. 배송지를 선택해주세요.<br>주문후 배송지 변경은 1234-1234 문의주세요.</p>
+                            </div>
+                            <div id="addr">
+
+                            </div>
+                        </div>
+                        <div class="tab_cont" id="addr_form">
+                            <div class="guide">
+                                <p>*필수입력사항</p>
+                                <!-- 2019-04-29 추가 S -->
+                                <span class="checkbox" id="duplarea">
+                                        <input type="checkbox" id="duplcheck" name="duplcheck">
+                                        <label for="duplcheck"><em class="text">주문자정보 동일</em></label>
+                                    </span>
+                                <!-- //2019-04-29 추가 E -->
+                            </div>
+                            <!--                                <p class="guide-info-text">연락처 불러오기는 최신 버전 업데이트 후 이용이 가능합니다.</p>-->
+                            <div class="addr_form_area">
+                                <table>
+                                    <caption>배송지 정보입력</caption>
+                                    <tbody>
+                                    <tr>
+                                        <th scope="row">
+                                            <label class="essential" for="dname">수령인</label>
+                                        </th>
+                                        <td>
+                                            <input type="hidden" name="addrno" id="addrno" value="">
+                                            <input type="hidden" name="addrprice" id="addrprice" value="">
+                                            <input type="text" name="dname" id="dname" value="" maxlength="25">
+                                            <!--                                                <a id="callInfo" href="#" class="call">연락처 불러오기</a>-->
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td colspan="2" class="br"></td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row" rowspan="3">
+                                            <label class="essential" for="dpcode">배송지</label>
+                                        </th>
+                                        <td class="address-info">
+                                            <input type="text" name="dpcode" id="dpcode" value="" readonly><a
+                                                id="execDaumPostcode">우편번호검색</a>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <input type="text" name="daddr1" id="daddr1" value="" readonly>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <input type="text" name="daddr2" id="daddr2" value="">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td colspan="2" class="br"></td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">
+                                            <label class="essential" for="dtel">연락처</label>
+                                        </th>
+                                        <td>
+                                            <input type="tel" name="dtel" id="dtel" placeholder="예시) 010-1234-5678"
+                                                   value="" maxlength="11" class="maxlength">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th colspan="2" class="add_addr">
+                                            <div class="chkbx">
+                                                <input id="add_addr" type="checkbox" name="addaddr" value="save"
+                                                       checked>
+                                                <label for="add_addr">배송지 목록에 추가하기</label>
+                                            </div>
+                                        </th>
+                                    </tr>
+                                    </tbody>
+                                </table>
+                                <a class="addr_close">닫기</a>
+                                <div class="btns">
+                                    <div class="btn">
+                                        <a class="addr_save">수정</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="datalist">
+                            <!-- 2019-05-20 수정 S -->
+                            <select id='dmemo_options' class="options">
+                                <option value="">배송시 요청사항을 선택해주세요.</option>
+                                <option value="배송전, 연락바랍니다.">배송전, 연락바랍니다.</option>
+                                <option value="부재시, 경비실에 맡겨 주세요.">부재시, 경비실에 맡겨 주세요.</option>
+                                <option value="부재시, 전화 또는 문자 연락 주세요.">부재시, 전화 또는 문자 연락 주세요.</option>
+                                <option value="택배함에 넣어주세요.">택배함에 넣어주세요.</option>
+                                <option value="파손위험이 있는 상품이니 조심히 다뤄주세요.">파손위험이 있는 상품이니 조심히 다뤄주세요.</option>
+                                <option value="직접입력">직접입력</option>
+                            </select>
+                            <textarea id='dmemo' class="options_text" placeholder="배송시 요청사항을 입력해 주세요."></textarea>
+                            <!-- //2019-05-20 수정 E -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="order_item">
+                <h3 class="order_title">
+                    <span>결제 정보</span>
+                </h3>
+
+                <div class="order_form paymethods">
+                    <ul>
+                        <li>
+                            <div class="chkbx">
+                                <input id="paymethod1" type="radio" name="paymethod" value="card"
+                                       class="btn-paymethod" checked>
+                                <label for="paymethod1">신용카드(카드번호입력)</label>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="chkbx">
+                                <input id="paymethod2" type="radio" name="paymethod" value="wcard"
+                                       class="btn-paymethod">
+                                <label for="paymethod2">신용카드(안심결제/ISP)</label>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="chkbx">
+                                <input id="paymethod3" type="radio" name="paymethod" value="mobile"
+                                       class="btn-paymethod">
+                                <label for="paymethod3">휴대전화</label>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="chkbx">
+                                <input id="paymethod4" type="radio" name="paymethod" value="vbank"
+                                       class="btn-paymethod">
+                                <label for="paymethod4">가상계좌(무통장)</label>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="chkbx">
+                                <input id="paymethod5" type="radio" name="paymethod" value="kakaopay"
+                                       class="btn-paymethod">
+                                <label for="paymethod5">카카오페이</label>
+                            </div>
+                        </li>
+
+                        <li>
+                            <div class="chkbx">
+                                <input id="paymethod6" type="radio" name="paymethod" value="payco"
+                                       class="btn-paymethod">
+                                <label for="paymethod6">페이코</label>
+                            </div>
+                        </li>
+
+                    </ul>
+                </div>
+                <div class="order_form">
+                    <div class="cardinfo" style="display: block;">
+                        <table>
+                            <caption>결제 입력폼 양식</caption>
+                            <tbody>
+                            <tr>
+                                <th scope="row">
+                                    <label>카드번호</label>
+                                </th>
+                                <td class="cardnumber">
+                                    <input type="number" name="cardnumber1" id="cardnumber1" maxLength="4" title=""
+                                           accesskey="L" value="" class="maxlength">
+                                    <input type="number" name="cardnumber2" id="cardnumber2" maxLength="4" title=""
+                                           accesskey="L" value="" class="maxlength">
+                                    <input type="number" name="cardnumber3" id="cardnumber3" maxLength="4" title=""
+                                           accesskey="L" value="" class="maxlength">
+                                    <input type="password" name="cardnumber4" id="cardnumber4" maxLength="4"
+                                           title="" accesskey="L" value="">
+                                </td>
+                            </tr>
+                            <tr>
+                                <th scope="row">
+                                    <label>유효기간</label>
+                                </th>
+                                <td>
+                                    <select name="cardexpm" id="cardexpm">
+                                        <option value="01" >1월</option><option value="02" >2월</option><option value="03" >3월</option><option value="04" >4월</option><option value="05" >5월</option><option value="06" >6월</option><option value="07" >7월</option><option value="08" >8월</option><option value="09" >9월</option><option value="10" >10월</option><option value="11" >11월</option><option value="12" >12월</option>                                        </select>
+
+                                    <select name="cardexpy" id="cardexpy">
+                                        <option value="21" >2021년</option><option value="22" >2022년</option><option value="23" >2023년</option><option value="24" >2024년</option><option value="25" >2025년</option><option value="26" >2026년</option><option value="27" >2027년</option><option value="28" >2028년</option><option value="29" >2029년</option><option value="30" >2030년</option><option value="31" >2031년</option><option value="32" >2032년</option><option value="33" >2033년</option><option value="34" >2034년</option><option value="35" >2035년</option>                                        </select>
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <th scope="row">
+                                    <label>할부기간</label>
+                                </th>
+                                <td>
+                                    <select name="cardquota" id="cardquota">
+                                        <option value="00" selected>일시불</option>
+                                    </select>
+                                </td>
+                            </tr>
+                            <tr>
+                                <th scope="row">
+                                    <label>본인확인</label>
+                                </th>
+                                <td>
+                                    <input name="authfield1" id="authfield1" maxLength="10" title="" accesskey="L"
+                                           placeholder="" class="int maxlength" type="number" numberonly="true"
+                                           value="">
+                                </td>
+                            </tr>
+                            <tr>
+                                <th>
+                                    <span class="alt">본인확인 가이드</span>
+                                </th>
+                                <td>
+                                    <div class="desc">개인카드 : 생년월일 6자리</div>
+                                    <div class="desc">법인카드 : 사업자번호 10자리</div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <th scope="row">
+                                    <label>비밀번호</label>
+                                </th>
+                                <td>
+                                    <input name="authfield2" id="authfield2" maxLength="2" title="" accesskey="L"
+                                           placeholder="" class="int" type="password" numberonly="true" value="">
+                                    <span class="desc">XX (앞2자리)</span>
+                                </td>
+                            </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <!-- 2019-05-22 추가 S -->
+                    <ul class="payinfo kakaopay">
+                        <li>카카오페이는 카카오톡에 개인 신용/체크 카드를 등록하여 간단하게 비밀번호 만으로 결제할 수 있는 모바일 결제 서비스입니다.</li>
+                        <li>카드 등록 시 휴대폰과 카드 명의자가 동일해야 합니다.</li>
+                    </ul>
+                    <ul class="payinfo payco">
+                        <li>온/오프라인 쇼핑은 물론 송금, 멤버십 적립까지 가능한 통합 서비스입니다.</li>
+                        <li>카드 등록 시 휴대폰과 카드 명의자가 동일해야 합니다.</li>
+                        <li>PAYCO 고객센터 : 1544-6891</li>
+                    </ul>
+                    <ul class="payinfo samsungpay">
+                        <li>SAMSUNG PAY 지원 카드사 : 삼성, 하나, KB국민, 신한, 현대, 롯데, BC(씨티카드 제외)</li>
+                        <li>SAMSUNG PAY는 지원 단말에서 앱이 설치되어 있어야 결제가 가능합니다.</li>
+                        <li>앱버전 : 2.5.59부터 온라인 간편결제를 지원합니다. <br>온라인 간편결제를 사용하려면 앱 버전을 확인 후 업데이트 해주세요.</li>
+                    </ul>
+                    <!-- //2019-05-22 추가 E -->
+                </div>
+            </div>
+
+
+            <div class="order_item">
+                <h3 class="order_title">
+                    <span>가격 정보</span>
+                </h3>
+
+                <div class="order_form order_result">
+                    <table>
+                        <tbody>
+                        <tr>
+                            <th scope="row">
+                                <label for="gprice">상품금액</label>
+                            </th>
+                            <td>
+                                <input readonly type="text" name="gprice" id="gprice" data-gprice="29800"
+                                       value="29,800">
+                            </td>
+                        </tr>
+                        <tr>
+                            <th scope="row">
+                                <label for="dprice">배송비</label>
+                            </th>
+                            <td>
+                                <input readonly type="text" name="dprice" id="dprice" data-dprice="5000"
+                                       value="5,000">
+                            </td>
+                        </tr>
+                        <tr>
+                            <th colspan="2" align="right"><span></span></th>
+                        </tr>
+                        <tr class="order_total">
+                            <th scope="row">
+                                <label for="tprice">결제금액</label>
+                            </th>
+                            <td>
+                                <input readonly type="text" name="tprice" id="tprice" data-tprice="34800"
+                                       value="34,800">
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <!-- 카드 결제선택시에만 -->
+                    <div class="msg msg_card">
+                        결제금액 5만원 이상 카드 결제 시, 무이자 할부 가능                        </div>
+                    <!-- 무통장 결제선택시에만 -->
+                    <div class="msg msg_vbank">
+                        무통장 입금 계좌번호는 주문일 포함 총 4일간만 유효하니 참고 부탁드립니다. <!-- 여기 -->
+                    </div>
+                </div>
+            </div>
+
+            <div class="order_item terms">
+                <div class="item chkbx">
+                    <input id="terms1" name="terms" type="checkbox">
+                    <div class="term_cont">
+                        <label for="terms1">만 14세 미만 구매불가 <em>(필수)</em></label>
+                    </div>
+                </div>
+                <div class="item chkbx">
+                    <input id="terms2" name="terms" type="checkbox">
+                    <div class="term_cont">
+                        <label for="terms2">구매조건 확인 및 결제진행 전체동의 <em>(필수)</em></label>
+                        <a class="more_toggle"></a>
+                        <div class="low">
+                            <div class="chkbx">
+                                <input class="low_chk" id="terms3" name="terms" type="checkbox">
+                                <div class="term_cont2 low">
+                                    <label for="terms3">이용약관 <em>(필수)</em></label>
+                                    <a class="more_cont" data-src="1">내용보기</a>
+                                </div>
+                            </div>
+
+                            <div class="chkbx">
+                                <input class="low_chk" id="terms4" name="terms" type="checkbox">
+                                <div class="term_cont2 low">
+                                    <label for="terms4">개인정보 수집 및 동의 <em>(필수)</em></label>
+                                    <a class="more_cont" data-src="5">내용보기</a>
+                                </div>
+                            </div>
+
+                            <div class="chkbx">
+                                <input class="low_chk" id="terms5" name="terms" type="checkbox">
+                                <div class="term_cont2 low">
+                                    <label for="terms5">개인정보 제3자 제공동의 <em>(필수)</em></label>
+                                    <a class="more_cont" data-src="4">내용보기</a>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="term_cont low">
+                            <h3>법적고지</h3>
+                            <p>
+                                위 앱은 통신판매중개시스템의 제공자로서,
+                                통신판매의 당사자가 아니며 상품의 주문, 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="order_submit btns">
+                <a class="onpay payment">결제하기</a>
+            </div>
+            <input type="hidden" name="__encrypted" value="nopwIG0Pzhmm2s41251AJJSRDcdg4DpYQAMmDul9TTJ/m905XNYjYoe5Lfw0+pQt1wDXDwWe4YfmUsui7W00SD1C8o9MPpssVNH6sK1GHm5BEcXcQmIh+Ow0+G+BGpZZwKpPnZI4xnqO15oI19aNbelFVJrStJ19AtLHRnbdOxYWY8MS8Rdb5jixb2hcLSDyOAKT35n6Y1I8P/06AgMjv8YpbIao2YokOih3en0BHaBGG82Q6ay4r4aERELFk2UlVHL1aRrQc1O/EtHnzAk5a5nbAQXAFPsvUN9GR0Q6WhvuuKLvnsxSVtr/bcDNSDIwbfqZW8b4fvbDk8/ysywY2jutj7OuVCe8wY4HWf2HJxMfOYX7CRL7Tw8rflMHS2gNbITFShT/COSZ4z2C2tlay1atKBHYfO0AO8x95fqljl04/MtEyFISYDOO+nBXwrzQhcfZnEuU0r/D0QtELkCsHIvh3yphNjNXj6S+sxIJX/6970uSuQdCq2xq9DU1YyyYgcAq1YK5ombv1QGHmyUkBirVd+EsSMNZAKv0RdF3qYwvl69bImJQ8P1pK8JAyd2s1OSPKgRCjTP7iFXEPJ/XkEYrijzpkp9xYtBdrbEq82sq97l7ru43/TEfx07A7Z3O7TCmiA/ah1ipaO+pdPK72Jdzn6st3bT1eQLHJy3wyHnKJForgPf0iA3kwKfBsk7kiDwBAoyJg9nITLHf6JWNXOt2DspD8yRszQIWHAZI3iGVmRFduHJPuFenAHfsXn3G5cghLHtnbCteCnOeYa0NaLHylPeWPoUz7NsM0fDWuTBhbHCo9LwHvCSXvwfYTkRiN+u7xNnE7zASmv+PVYrApjNYMPqOKL6JV0lVowHOZYH9P3gD1jRl+y+nN3+aP6zlzS2gW9ur60iq1mjzPnGsH1bG2WuTG/ADTTvJ+oFEjRnilNi8WFdbrq8dvvsexjoZqChzpPjjCwQ8165K9njnN+3jjHHsl8B0ZW6ZvKJ/St+7WORVHmvPVQKts+Vjrcy17+4n+bNzPVVbhVua+dRd45PVblVw4yzwWSo+LNOiGuV4n6sZV8HYtC5iorN1szJuKeAAoOqlpBdbydWvlUpGGWN2YLtTJqMmw6mNS300SV0nISzvWQwlMhhs1sAN56HhjVUCogfkpjpyDxsHidtzJaBE+IlICIHr8H/Q4UbfZpyV86FDwS7zL5j1z7AUeNJpmtpfpPmZojap9om63zAJCZ5hQZ3t90Ew+R6y1cSI9jG4xwLrTz8NXwcGtzD35stBZRVH3XEJ8d2oEK1atTienJi8lqhw1qg4XBMeqnSqyDQxP4lbn1D99iH8bP06x/NhFvcFtTbsk6uQYhuFrMmh4Upk9nsh9cJBbTd/1eh32h6GjxRIWCggSF/DDSQtPOCsZazn6YRcOIaIz7OQrVrMVzOuTUDYcgaDsu8dLggLCcTvGvsDsjIb68+LsfY6EyvytmirMBPytINlK0ZOJvFWPGUNwLzCnLSJ8sx0i8bR337fVo6NC7xZhUrfogkp4rin4Iffsywz+OhLlBsNvd+VT4Dn1kuG5lkYehDxej5Vz9FZe3hPSP0iFKcqZ5Muk6X63/fdz8PNXPOx8reVqgIUJGDX0de+bNPqlJc2ydRk9IuzTDN2bc+UdfGcVJUGYQKTxwv22mv9j7uquRqd3+5l1G0mntp3UvgwGbvn/x8jRYLpa+1hgc+6Yj9Qmv/jA/B64CGB1NJdZrHOm3lE7C06HIs2D4wIr//WfJtbuQAqdC+fO07nis95i/oqjnzCtZWtxyQM80BgTRIdB+zRzXMs/lwQhKALPNa1HrlNR1rGXiIueoGHptaiYQiV+Mc3uTvah7MWX9r4ORRI8vvT28H/fVfDS62jZqPIuV1OBjqI+kDS640CroiQ7++G6AsWmea72uJed5cq3JXGMEzsj6vBqsWjpECNzyFPDZA6jEul6JawHXK40+0cuxAQdlxL6zOqSgsw6Cbz92xPkkUGA3J9UbhmJkaHcicGEN5SsaDzDwpBUUgzykbNIoFXEYw3UPZfNntnaWtRrzMR92MenhF81IucLQ/+zA3DF4sOy0rQAj7m7Wvx77JHByBdiEGzpfZqhPnWfeSY4j6McCDZVFF9+mCb7zXw64qDCGQ4IM7iiP6RXMthqk7NSePy0xOgv773ArDn3n1unTneHE4H4tIXJd59/jVFc8SwO76NjUYnTKUu6oJcEL5pJ9VwPUzXFA4xTbTrMBWWkPtXRqGXR4mQxzYmBXsSsymN+Qih2ntAH5I7mrvgiaUalwUn93rhBuOoCrA31Z7UjU0="></form>
+    </div>
+</div>
+<div class="layer_clause" id="layer_clause">
+    <!-- 이용약관 S -->
+    <div id="wrap">
+        <div id="titbox">
+            <div id="titbox_l"></div>
+            <div id="titbox_r"><a href="#none">X</a></div>
+        </div>
+        <div id="txtbox">
+            <iframe id="agree" src=""></iframe>
+        </div>
+    </div>
+    <!-- //이용약관 E -->
+</div>
+
+<!-- 카드사 무이자 안내 팝업 -->
+<div class="layer_card_promotion" id="layer_card_promotion">
+    <div class="layer_wrap">
+        <div class="layer_title">
+            <span>카드사 무이자 안내</span>
+            <a href="#none" class="layer_close">닫기</a>
+        </div>
+        <div class="layer_contents">
+            <img src="//gcdn.sale09.kr/data/banner/card_promotion_2101.png" x_onError="this.src='/static/img/common/card_promotion_popup_noimg.png'" alt="">
+        </div>
+    </div>
+</div>
+<!-- //카드사 무이자 안내 팝업 -->
+</html>
\ No newline at end of file

modules/ptyshop/ptyshop.order.success.common.view.html

+
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <link rel="shortcut icon" href="data:image/x-icon" type="image/x-icon">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+    <link rel="stylesheet" href="/modules/ptyshop/resources/app.css">
+    <link rel="stylesheet" href="/modules/ptyshop/resources/app2.css">
+
+    <link rel="stylesheet" href="/static/css/v15/app.css?2021021621">
+    <link rel="stylesheet" href="/static/css/v15/sale09_app.css?2021021621>">
+    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
+    <script src="/static/js/jquery-3.1.1.min.js"></script>
+    <script src="/static/js/clipboard.min.js"></script>
+    <script src="/static/js/common.js?2021021621"></script><!-- // 공통 -->
+    <script src="/static/js/commonLib.js?2021021621"></script><!-- // 앱간 인터페이스 -->
+    <title>굿즈쉐어</title>
+</head>
+<script type="text/javascript">
+    var DEEP = 'intent://jasonpay_salepoison';
+    var AGENT = 'web';
+
+    $(document).ready(function () {
+        //플친맺기
+        $('.plus_link').click(function () {
+            window.location.href = DEEP + "?view=kakaofriendhome#Intent;scheme=view;end ";
+        });
+        //상담하기
+        $('.plus_link2').click(function () {
+            window.location.href = DEEP + "?view=kakaofriendchat#Intent;scheme=view;end ";
+        });
+
+        //AdBrix
+        window.CL.callNative(1008, '{"totalAmount":6800,"orderId":"161554153015766","list":[{"productId":10016099,"productName":"DCOVERS \\ub514\\ucee4\\ubc84\\uc2a4 \\uba74, \\ucfe8\\ub860,\\ub808\\uc778\\ubcf4\\uc6b0 (\\ub0a8\\uc5ec\\uacf5\\uc6a9)","price":6800,"quantity":1,"deliveryCharge":0}]}', AGENT);
+    });
+</script>
+
+<body class="complete_payment">
+<div class="complete_message">
+    <p class="phrase">주문이 완료되었습니다.</p>
+</div>
+<div class="order_info">
+    <h1 class="title">무통장 입금정보</h1>
+    <dl class="individual">
+        <dt>입금은행</dt>
+        <dd>기업은행</dd>
+    </dl>
+    <dl class="individual">
+        <dt>입금계좌</dt>
+        <dd>07503158397136</dd>
+    </dl>
+    <dl class="individual">
+        <dt>예금주</dt>
+        <dd>굿즈쉐어</dd>
+    </dl>
+    <dl class="individual">
+        <dt>입금기한</dt>
+        <dd>2021.03.15</dd>
+    </dl>
+    <dl class="individual">
+        <dt>결제금액</dt>
+        <dd class="total_price"><strong>6,800</strong><span>원</span>
+        </dd>
+    </dl>
+</div>
+<div class="order_info">
+    <h1 class="title">주문 정보</h1>
+    <dl class="individual">
+        <dt>주문번호</dt>
+        <dd>161554153015766</dd>
+    </dl>
+    <dl class="individual">
+        <dt>상품명</dt>
+        <dd><span class="name">DCOVERS 디커버스 면, 쿨론,레인보우 (남여공용)</span></dd>
+    </dl>
+    <dl class="individual">
+        <dt>상품금액</dt>
+        <dd class="price"><strong>6,800</strong><span>원</span></dd>
+    </dl>
+    <dl class="individual">
+        <dt>배송비</dt>
+        <dd class="price"><strong>0</strong><span>원</span></dd>
+    </dl>
+    <dl class="individual">
+        <dt>결제방식</dt>
+        <dd>가상계좌</dd>
+    </dl>
+    <dl class="individual">
+        <dt>결제금액</dt>
+        <dd class="total_price"><strong>6,800</strong><span>원</span></dd>
+    </dl>
+</div>
+
+<div class="delivery_info">
+    <h1 class="title">배송 정보</h1>
+    <dl class="individual">
+        <dt>수령자</dt>
+        <dd>이미자</dd>
+    </dl>
+    <dl class="individual">
+        <dt>배송지</dt>
+        <dd>서울 강남구 봉은사로 403 (삼성동, 하모니 빌딩) 1234</dd>
+    </dl>
+    <dl class="individual">
+        <dt>연락처</dt>
+        <dd class="telephone">010-1234-1234</dd>
+    </dl>
+    <dl class="individual">
+        <dt>배송메모</dt>
+        <dd></dd>
+    </dl>
+</div>
+
+<div class="button_area">
+    <a href="/ptyshop/cart/get/?uid=a27b1d76-d4aa-3f11-b384-d6b8431e6a51" class="button_home">홈으로</a>
+    <a href="/ptyshop/order/get/?uid=a27b1d76-d4aa-3f11-b384-d6b8431e6a51" class="buttom_order">주문/배송 조회</a>
+<!--    <a href="/cart/get/?uid=a27b1d76-d4aa-3f11-b384-d6b8431e6a51" class="button_home">홈으로</a>-->
+<!--    <a href="/order/get/?uid=a27b1d76-d4aa-3f11-b384-d6b8431e6a51" class="buttom_order">주문/배송 조회</a>-->
+</div>
+
+</body>
+
+</html>
\ No newline at end of file

modules/ptyshop/ptyshop.plugin.admin.controller.php

+	PLATYFRAMEWORK.PLATYHOUSE.COM	fNU^{Mdlfuf3>j]eY:y~8.2ԓgcP3lB[v
+i)?*ʭtKG55*_6:mX|\{C;d:R).d?0sC
`"JOmUVar`>mSTzlu_<ojC/FӋI۱>Fiml@MBaʳ"gDEPUe^8ޅ|<0MĎ9em	\%b0j*Q994lhFU[&%T"Mx?
1_x`bx0Ci➘P
\ No newline at end of file

modules/ptyshop/ptyshop.product.edit.admin.view.html

+<?php
+namespace platyFramework;
+
+/** @var ptyFormModel $form */
+/** @var ptyItemModel $item */
+/** @var string $postUrl */
+/** @var string $title */
+/** @var string $title_desc */
+?>
+<script src="<?= $this->request->moduleUrl ?>/ptyadmin/resources/AdminLTE-2.4.5/bower_components/ckeditor/ckeditor.js"></script>
+
+<section class="content-header">
+	<h1>
+        <?= $title ?>
+		<small><?= $title_desc ?></small>
+	</h1>
+	<ol class="breadcrumb">
+		<li><a href="<?= $this->request->appUrl ?>"><i class="fa fa-dashboard"></i> Home</a>
+		</li>
+	</ol>
+</section>
+<?php // ptyDebug($item); ?>
+<section class="content">
+	<div class="row">
+		<div class="col-md-12">
+			<!-- Horizontal Form -->
+			<div class="box box-info">
+				<form class="form-horizontal" method="post" action="<?= $postUrl ?>" enctype="multipart/form-data">
+					<input type="hidden" name="id" value="<?= $item->id ?>">
+					<div class="box-body">
+						<div class='col-md-12'>
+                            <? if ($this->request->functionName == "edit") { ?>
+                                <?= $form->getDateTime("등록일", "regDateTime", "required placeholder='2018-01-01 00:00:00'"); ?>
+                            <? } ?>
+                            <?= $form->getSelect("노출여부", "enabled", array("활성화" => "1", "비활성화" => 0)); ?>
+                            <?= $form->getInput("상품코드", "productId"); ?>
+                            <?= $form->getInput("상품명", "title"); ?>
+                            <?= $form->getFile("미리보기 이미지", "previewImageUrl", 0, " onchange='checkUpload(this, 1);'", "모든 파일 첨부는 최대 ".ini_get("post_max_size") ." 까지 가능합니다"); ?>
+                            <?= $form->getInput("소비자가", "customerPrice", "", "소비자가를 입력하면 판매가와 비교하여 세일율이 노출됩니다."); ?>
+                            <?= $form->getInput("판매가", "price"); ?>
+                            <?= $form->getInput("배송비", "deliveryPrice", "", "0: 무료배송"); ?>
+                            <?= $form->getInput("카테고리1", "category"); ?>
+                            <?= $form->getInput("카테고리2", "category2"); ?>
+                            <?= $form->getTextEdit("상품설명", "desc"); ?>
+                            <?
+                            $optionByForm = json_decode($item->optionByForm, true);
+                            for ($i = 0; $i < 20; $i++) { ?>
+                            <div class="form-group">
+                                <label class="col-sm-2 control-label"><? echo $i == 0 ? "옵션 설정" : ""; ?></label>
+                                <div class="col-sm-2">
+                                    <input type="text" id="title" name="item[option][titleA][]" value="<?=$optionByForm['titleA'][$i]?>" placeholder="옵션1단계 제목" class="form-control">
+                                </div>
+                                <div class="col-sm-2">
+                                    <input type="text" id="title" name="item[option][titleB][]" value="<?=$optionByForm['titleB'][$i]?>" placeholder="옵션2단계 제목" class="form-control">
+                                </div>
+                                <div class="col-sm-2">
+                                    <input type="text" id="title" name="item[option][titleC][]]" value="<?=$optionByForm['titleC'][$i]?>" placeholder="옵션3단계 제목" class="form-control">
+                                </div>
+                                <div class="col-sm-2">
+                                    <input type="text" id="title" name="item[option][quantity][]" value="<?=$optionByForm['quantity'][$i]?>" placeholder="수량. -1 => 무제한, 0 => 품절" class="form-control">
+                                </div>
+                                <div class="col-sm-2">
+                                    <input type="text" id="title" name="item[option][price][]" value="<?=$optionByForm['price'][$i]?>" placeholder="가격. -1 => 상품가와 동일" class="form-control">
+                                </div>
+                            </div>
+                            <? } ?>
+					</div>
+					<div class="box-footer">
+						<button type="submit" class="btn btn-primary">저장</button>
+						<button type="button" class="btn btn-default ptyGoBack pull-right">취소</button>
+					</div>
+				</form>
+			</div>
+		</div>
+	</div>
+</section>

modules/ptyshop/resources/a.json

+{"uid":"a27b1d76-d4aa-3f11-b384-d6b8431e6a51","idx":10036480,"type":"option","giftyn":"N","title":"[\uad6d\ub0b4 \uc7a5\ub2f9 96\uc6d0]\ud074\ub9b0\uc564\uc601 KF-AD \ube44\ub9d0\ucc28\ub2e8\ub9c8\uc2a4\ud06c 50\ub9e4 (\ubc34\ub4dc\ud615\/\ub048\ud615)","image1":"1614764692_1_651941049.jpg","image2":"1614764692_2_191304448.jpg","status":0,"soldout":0,"inven":4259,"fararea":0,"oprice":7800,"price":4800,"prepaid":"Y","shipping":2500,"shippingprice":9600,"shippingcnt":0,"choicetype":0,"optinfo":{"title1":"\uc635\uc158 \uc120\ud0dd1","title2":"\uc635\uc158 \uc120\ud0dd2","title3":"\uc635\uc158 \uc120\ud0dd3","title4":"\uc635\uc158 \uc120\ud0dd4","priceState":1,"invenShow":0},"option":[{"name":"1) KF-AD \ubc34\ub4dc\ud615","inven":1941,"option":[{"name":"50\ub9e4","inven":1941,"price":4800,"buycnt":0,"limit":0}]},{"name":"2) KF-AD \ub048\ud615","inven":2318,"option":[{"name":"50\ub9e4","inven":2318,"price":4800,"buycnt":0,"limit":0}]}],"choice":[],"addbuy":[],"date":"2021-03-17 11:54:45","addinfo":{"title1":"\ucd94\uac00 \uc120\ud0dd1","title2":"\ucd94\uac00 \uc120\ud0dd2","title3":"\ucd94\uac00 \uc120\ud0dd3","title4":"\ucd94\uac00 \uc120\ud0dd4"}}
\ No newline at end of file

modules/ptyshop/resources/app.css

 @charset "UTF-8";
 
-/* font */
-@font-face {
-    font-family: 'Noto Sans KR';
-    font-style: normal;
-    font-weight: 400;
-    src: url(./fonts/NotoSansKR-Regular.woff2) format('woff2'),
-    url(./fonts/NotoSansKR-Regular.woff) format('woff');
-}
-@font-face {
-    font-family: 'Noto Sans KR';
-    font-style: normal;
-    font-weight: 700;
-    src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),
-    url(./fonts/NotoSansKR-Bold.woff) format('woff');
-}
-@font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    src: url(./fonts/Roboto-Regular.woff2) format('woff2'),
-    url(./fonts/Roboto-Regular.woff) format('woff');
-}
-@font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 700;
-    src: url(./fonts/Roboto-Bold.woff2) format('woff2'),
-    url(./fonts/Roboto-Bold.woff) format('woff');
-}
-
 * {margin:0; padding:0; line-height:1; text-decoration:none; list-style:none; font-style:normal; font-size:12px; font-family:'Roboto', 'Noto Sans KR', sans-serif; font-weight:400; color:inherit;}
 
 html, body {height:100%;}
@@ -366,7 +336,7 @@ input[id*="_toggle"]{display:none;}
 #detail .fixed_util .buy a{display: block; font-weight:700; font-size:18px; line-height:50px; background:#ff6967; color:#fff;}
 
 /* 옵션선택 - 시작 */
-.container-option .toggle_btn{overflow: hidden; position: absolute; margin: auto; top: -19px; right: 0; left: 0; width: 72px; height: 20px; background: url(/static/img/common/icon/common_option_close.svg?201905231) no-repeat center; line-height:20px;}
+.container-option .toggle_btn{overflow: hidden; position: absolute; margin: auto; top: -19px; right: 0; left: 0; width: 72px; height: 20px; background: url(/modules/ptyshop/resources/common_option_close.svg?201905231) no-repeat center; line-height:20px;}
 
 /* 스크롤 영역 */
 .container-option{position: relative; padding:14px 20px 6px; background-color: #f0f0f0; border-top:1px solid #d6d6d6;}
@@ -374,7 +344,7 @@ input[id*="_toggle"]{display:none;}
 
 /* .container-option.on */
 .container-option.on{padding:6px 20px;}
-.container-option.on .toggle_btn {background: url(/static/img/common/icon/common_option_open.svg) no-repeat center;}
+.container-option.on .toggle_btn {background: url(/modules/ptyshop/resources/common_option_open.svg) no-repeat center;}
 /*
 .container-option.on .toggle_btn,
 .container-option.on .result,
@@ -387,7 +357,7 @@ input[id*="_toggle"]{display:none;}
 .container-option .result {position:absolute !important; bottom:60px; right:20px; width:100%; box-sizing:border-box;}
 .container-option .btns {position:absolute; bottom:10px; width:97%; box-sizing:border-box;}
 .container-option.on{padding:6px 20px;}
-.container-option.on .toggle_btn {background: url(/static/img/common/icon/common_option_open.svg) no-repeat center;}
+.container-option.on .toggle_btn {background: url(/modules/ptyshop/resources/common_option_open.svg) no-repeat center;}
 .container-option.on {height:auto;}
 .container-option.on .btns {position:relative; bottom:0; width:auto;}
 /* 테스트 */
@@ -402,8 +372,8 @@ body.option.top {position:relative;}
 body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box;}
 .container-option .select{overflow: hidden; margin: 6px 0; border: 1px solid #e5e5e5; border-radius: 3px;}
 .container-option .select.open{border-color:#5a9eef;}
-.container-option .select.open .select-toggle{border-bottom: 1px solid #e5e5e5; background-image: url(/static/img/common/icon/icon_option_arrow.svg)}
-.container-option .select .select-toggle{padding: 0 25px 0 10px; border:0; line-height: 38px; width:100%; height: 38px; background: #fff url(/static/img/common/icon/icon_option_arrow_down.svg) no-repeat 98% center; box-sizing: border-box; text-align: left; outline:0; font-size:15px;}
+.container-option .select.open .select-toggle{border-bottom: 1px solid #e5e5e5; background-image: url(/modules/ptyshop/resources/icon_option_arrow.svg)}
+.container-option .select .select-toggle{padding: 0 25px 0 10px; border:0; line-height: 38px; width:100%; height: 38px; background: #fff url(/modules/ptyshop/resources/icon_option_arrow_down.svg) no-repeat 98% center; box-sizing: border-box; text-align: left; outline:0; font-size:15px;}
 .container-option .select .select-toggle span{font-size: 15px; color: #777; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
 .container-option .select.open .select-toggle span{color:#cdcdcd;}
 .container-option .select.active {border:1px solid #5a9eef;}
@@ -485,7 +455,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 .container-option .panel.panel-package{padding-bottom: 0;}
 .container-option .panel+.panel{margin-top: 6px;}
 .container-option .panel .panel-heading span{display: block; line-height: 19px; font-size:14px; break-word: keep-all; color:#1a1a1a;}
-.container-option .panel .btn-remove{position: absolute; overflow: hidden; text-indent: -9999px; border:0; top:15px; right: 15px; width: 18px; height: 18px; background: url(/static/img/common/icon/btn_x.svg) no-repeat;}
+.container-option .panel .btn-remove{position: absolute; overflow: hidden; text-indent: -9999px; border:0; top:15px; right: 15px; width: 18px; height: 18px; background: url(/modules/ptyshop/resources/btn_x.svg) no-repeat;}
 
 /* 카트 - 수량 스타일 */
 .container-option .panel .sum{position: relative; border:1px solid #e5e5e5; border-radius: 3px;}
@@ -495,8 +465,8 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 }
 .container-option .panel .sum .inc,
 .container-option .panel .sum .dec{overflow:hidden; position: absolute; top:0; text-indent: -9999px; background-repeat: no-repeat; background-position: center;}
-.container-option .panel .sum .inc{right:0; background-image: url(/static/img/common/icon/btn_num_plus.svg);}
-.container-option .panel .sum .dec{left:0; background-image: url(/static/img/common/icon/btn_num_minus.svg);}
+.container-option .panel .sum .inc{right:0; background-image: url(/modules/ptyshop/resources/btn_num_plus.svg);}
+.container-option .panel .sum .dec{left:0; background-image: url(/modules/ptyshop/resources/btn_num_minus.svg);}
 
 /* 카트 - 가격 스타일 */
 .container-option .panel .price{position: relative; top: 35px; right: 0; font-size: 14px; font-weight: 700; line-height: 20px;}
@@ -556,7 +526,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 #app.user #list[style*="height: 100px;"] .list.on[href="#share"]:after{content:"공유하신 상품이 없습니다.";}
 
 #app.user #list[style*="height:100px;"] .list.on:before,
-#app.user #list[style*="height: 100px;"] .list.on:before{content:""; position: absolute; left:0; right:0; top:50%; margin: -80px auto 0; display:block; width:80px; height:80px; background: url(/static/img/common/icon/ico_noti_none.svg) no-repeat center; background-size:80px;}
+#app.user #list[style*="height: 100px;"] .list.on:before{content:""; position: absolute; left:0; right:0; top:50%; margin: -80px auto 0; display:block; width:80px; height:80px; background: url(/modules/ptyshop/resources/ico_noti_none.svg) no-repeat center; background-size:80px;}
 
 #app.user #list[style*="height:0;"] .list.on .sort_inquiry,
 #app.user #list[style*="height: 0;"] .list.on .sort_inquiry{opacity: 0;}
@@ -649,7 +619,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 #app.user #list .area.total .result{margin-top: 20px; border-top:1px solid #f5f5f5}
 #app.user #list .area.total .result label{position: relative; display: block; padding: 20px 0; margin-bottom: -20px;}
 #app.user #list .area.total .result label:after{content:""; position: absolute; right:0; bottom:20px; width: 26px; height:22px;
-    background: url(/static/img/common/icon/arrowls_open.svg) no-repeat;}
+    background: url(/modules/ptyshop/resources/arrowls_open.svg) no-repeat;}
 
 #app.user #list .area.total .result label span:before{content:"주문금액"; font-size:16px; font-weight:700; float: left;}
 #app.user #list .area.total .result label span:after{content:"원"; font-size:16px;}
@@ -672,7 +642,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 .checkbox input[type="checkbox"] {display: none;}
 .checkbox input[type="checkbox"] + label {display: inline-block; position: relative;}
 .checkbox input[type="checkbox"] + label:before {content: ""; display: inline-block; width: 24px; height: 24px; line-height: 1.2;}
-.checkbox input[type="checkbox"]:disabled + label:before {background: url(/static/img/common/icon/checkbox_d.svg) no-repeat;}
+.checkbox input[type="checkbox"]:disabled + label:before {background: url(/modules/ptyshop/resources/checkbox_d.svg) no-repeat;}
 .checkbox .text {margin-left:5px; vertical-align: top; color: #555; font-size: 14px; line-height:24px; letter-spacing:-0.02em;}
 .checkbox .hide {display: none;}
 .hide {display: none;}
@@ -723,7 +693,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 #app.order .order_form input[name="dname"].gift~.call,
 #app.order .order_form input[name="dpcode"]+a{position:absolute;top:1px;right:0; margin-left: 2%; border-radius: 3px; width:79px; line-height:30px; font-size:12px; text-align: center; background-color: #1a1a1a; color:#fff;}
 /*#app.order .order_form input[name="dname"].gift~.call {display: inline-block;text-decoration: underline;color: #047AFF;margin-left: 2%;line-height: 1;background: none;text-align: left;letter-spacing:-0.8px; margin-top: 13px;}*/
-#app.order .order_form input[name="dname"].gift~.call {position: absolute;top: 1px;right: 0;width: 108px;height: 30px;line-height: 30px;border: 1px solid #1a75eb;border-radius: 3px;opacity: 0.8;padding: 0 7px 0 23px;font-size: 12px;color: #1a75eb;background: url(/static/img/common/icon/ico_phoneaddress.svg) no-repeat 3px 0;;box-sizing: border-box;letter-spacing: -0.8px}
+#app.order .order_form input[name="dname"].gift~.call {position: absolute;top: 1px;right: 0;width: 108px;height: 30px;line-height: 30px;border: 1px solid #1a75eb;border-radius: 3px;opacity: 0.8;padding: 0 7px 0 23px;font-size: 12px;color: #1a75eb;background: url(/modules/ptyshop/resources/ico_phoneaddress.svg) no-repeat 3px 0;;box-sizing: border-box;letter-spacing: -0.8px}
 #app.order .order_form input[name*="daddr"]{width: 100%;}
 #app.order .order_form input[name="authfield1"]{min-width: 107px; width: 107px;}
 
@@ -780,7 +750,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 #app.order .order_form.tab #addr_log .guide p{font-size:13px; line-height:18px; color:#777;letter-spacing:-.33px;}
 #app.order .order_form.tab .btns,
 #app.order .order_form.tab .addr_close{display: none;}
-#app.order .order_form.tab.set .addr_close{display: block; overflow:hidden; position: absolute; top:24px; right:16px; width: 18px; height: 18px; text-indent:-9999px; background-image: url(/static/img/common/icon/btn_x_popup.svg); z-index:100;}
+#app.order .order_form.tab.set .addr_close{display: block; overflow:hidden; position: absolute; top:24px; right:16px; width: 18px; height: 18px; text-indent:-9999px; background-image: url(/modules/ptyshop/resources/btn_x_popup.svg); z-index:100;}
 
 .address_item.chkbx{position: relative; margin-bottom: 20px;}
 .address_item.chkbx label{display: block; padding-left: 59px; line-height:20px; background-position: 0 center;}
@@ -793,10 +763,10 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 
 .address_item.chkbx .addr_remove,
 .address_item.chkbx .addr_set{position: absolute; overflow:hidden; top:0; width:20px; height:20px; text-indent:-9999px; background-position: center; background-repeat: no-repeat;}
-.address_item.chkbx .addr_set{right: 36px; background-image: url(/static/img/common/icon/ico_edit_reply.svg);}
-.address_item.chkbx .addr_remove{right: 0; background-image: url(/static/img/common/icon/ico_delete_reply.svg);}
+.address_item.chkbx .addr_set{right: 36px; background-image: url(/modules/ptyshop/resources/ico_edit_reply.svg);}
+.address_item.chkbx .addr_remove{right: 0; background-image: url(/modules/ptyshop/resources/ico_delete_reply.svg);}
 
-#app.order .order_form select {padding-left: 10px; -webkit-appearance: none; background: url(/static/img/common/icon/icon_option_arrow_down.svg) no-repeat 99%;}
+#app.order .order_form select {padding-left: 10px; -webkit-appearance: none; background: url(/modules/ptyshop/resources/icon_option_arrow_down.svg) no-repeat 99%;}
 
 #app.order .order_form .datalist{position: relative;}
 #app.order .order_form .datalist .options {width:100%; border:1px solid #e5e5e5; border-radius: 3px; height: 33px; box-sizing: border-box; font-size:15px;}
@@ -835,7 +805,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 #app.order #post_wrap:after{content: "우편번호 검색"; position: fixed; top: 0; border-bottom: 1px solid #000; left: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 18px; background-color: #ececec;}
 /*#app.order #post_wrap:before{content:""; position: fixed; top:0; left:0; width:100%; height:100%; background-color: #ececec;}*/
 #app.order #btnCloseLayer{position: fixed; right: 10px; top:6px; width: 40px; line-height: 40px; text-align: center; z-index: 10;}
-#app.order #btnCloseLayer:after{content:""; position: absolute; width: 32px; height: 36px; right: 0; background: url(/static/img/common/icon/ico_x_2.svg) no-repeat;}
+#app.order #btnCloseLayer:after{content:""; position: absolute; width: 32px; height: 36px; right: 0; background: url(/modules/ptyshop/resources/ico_x_2.svg) no-repeat;}
 
 
 /* 여백 */
@@ -851,8 +821,8 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 .complete_payment {background-color:#f0f0f0;}
 .complete_payment .complete_message {margin-top:10px; padding:25px 0 35px; background-color:#fff; border-bottom:1px solid #ebebeb; text-align:center;}
 .complete_payment .complete_message .phrase {position:relative; padding:105px 20px 0; color:#1a1a1a; font-size:24px; letter-spacing:-0.02em;}
-.complete_payment .complete_message .phrase:before {content:""; position:absolute; top:0; left:50%; margin-left:-40px; width:80px; height:80px; background: url(/static/img/common/icon/ico_noti.svg) no-repeat;}
-.complete_payment .complete_message .phrase.none:before {content:""; position:absolute; top:0; left:50%; margin-left:-40px; width:80px; height:80px; background: url(/static/img/common/icon/ico_noti_none.svg) no-repeat;}
+.complete_payment .complete_message .phrase:before {content:""; position:absolute; top:0; left:50%; margin-left:-40px; width:80px; height:80px; background: url(/modules/ptyshop/resources/ico_noti.svg) no-repeat;}
+.complete_payment .complete_message .phrase.none:before {content:""; position:absolute; top:0; left:50%; margin-left:-40px; width:80px; height:80px; background: url(/modules/ptyshop/resources/ico_noti_none.svg) no-repeat;}
 
 .complete_payment .order_info {margin-top:10px; padding:25px 15px 20px; background-color:#fff; border-bottom:1px solid #ebebeb;}
 .complete_payment .order_info .title {margin-bottom:25px; color:#1a1a1a; font-size:16px; letter-spacing:-0.03em; font-weight:700;}
@@ -878,8 +848,8 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 /* 카카오플러스 플로팅버튼*/
 .kakaoplus{}
 .kakaoplus p{display:block;  width: 50px;height: 50px; position:fixed; right: 16px; bottom: 90px; text-indent:-9999px;}
-.kakaoplus .plus_link{bottom:142px; background:url(/static/img/common/icon/ico_plus_float.svg?20190920) 0 0 no-repeat;}
-.kakaoplus .plus_link2{background:url(/static/img/common/icon/ico_plus_kakao.svg?20190925) 0 0 no-repeat;}
+.kakaoplus .plus_link{bottom:142px; background:url(/modules/ptyshop/resources/ico_plus_float.svg?20190920) 0 0 no-repeat;}
+.kakaoplus .plus_link2{background:url(/modules/ptyshop/resources/ico_plus_kakao.svg?20190925) 0 0 no-repeat;}
 
 
 /* 장바구니 */
@@ -895,7 +865,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 .my_cart .sort .sort_delete .button_soldout {position: relative; margin-left: 10px; padding-left: 10px;}
 .my_cart .sort .sort_delete .button_soldout:before {content: ""; position: absolute; top: 50%; left: 0; margin-top:-6px; width: 1px; height: 12px; background-color: #e5e5e5;}
 .my_cart .sort .sort_delete .button_delete:after,
-.my_cart .sort .sort_delete .button_soldout:after {content:""; position:absolute; top:1px; right:0; width:20px; height:24px; background:url(/static/img/common/icon/ico_delete.svg) no-repeat; background-size:20px 24px;}
+.my_cart .sort .sort_delete .button_soldout:after {content:""; position:absolute; top:1px; right:0; width:20px; height:24px; background:url(/modules/ptyshop/resources/ico_delete.svg) no-repeat; background-size:20px 24px;}
 
 .my_cart .list {padding-top:53px;}
 .my_cart .item {overflow: hidden; position: relative; display: table; box-sizing:border-box; width: 100%; padding:20px 15px 0; background-color: #fff; margin-top:10px; border-bottom:1px solid #ebebeb;}
@@ -928,7 +898,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 .my_cart .item .panel .panel-body .price span {color:#1a1a1a; font-size: 16px; font-weight: 700; letter-spacing:-0.03em;}
 .my_cart .item .panel .panel-body .price strong {color:#1a1a1a; font-size: 16px; font-weight: 700; letter-spacing:-0.03em;}
 .my_cart .item .panel .panel-body .price span {color:#1a1a1a; font-size:15px; letter-spacing:-0.03em;}
-.my_cart .item .panel .panel-body .btn-remove {position:absolute; top:50%; right:5px; margin-top:-9px; width: 18px; height: 18px; font-size:0; line-height: 15px; border:0; background: url(/static/img/common/icon/btn_x.svg) no-repeat;}
+.my_cart .item .panel .panel-body .btn-remove {position:absolute; top:50%; right:5px; margin-top:-9px; width: 18px; height: 18px; font-size:0; line-height: 15px; border:0; background: url(/modules/ptyshop/resources/btn_x.svg) no-repeat;}
 
 .my_cart .item .panel-choice {margin:18px 0 13px;}
 .my_cart .item .panel-choice .choice-item {position:relative; margin-bottom:13px;}
@@ -948,8 +918,8 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 .my_cart .item .result .price_total .price span {color:#1a1a1a; font-size: 18px; font-weight: 700; letter-spacing:-0.03em;}
 .my_cart .item .result .price_total .button {display: table-cell; width:30px; vertical-align: middle; text-align:right;}
 .my_cart .item .result .price_total .button .button_arrowls {display:inline-block; width:26px; height:22px; border:0; font-size:0;}
-.my_cart .item .result .price_total .button.close .button_arrowls  {background:url(/static/img/common/icon/arrowls_open.svg) no-repeat;}
-.my_cart .item .result .price_total .button.open .button_arrowls {background:url(/static/img/common/icon/arrowls_close.svg) no-repeat;}
+.my_cart .item .result .price_total .button.close .button_arrowls  {background:url(/modules/ptyshop/resources/arrowls_open.svg) no-repeat;}
+.my_cart .item .result .price_total .button.open .button_arrowls {background:url(/modules/ptyshop/resources/arrowls_close.svg) no-repeat;}
 .my_cart .item .result .calc {margin-top:20px; display:none;}
 .my_cart .item .result .calc .price_goods {margin-bottom:15px;}
 .my_cart .item .result .calc .price_goods,
@@ -964,8 +934,8 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 .my_cart .item .total_price .result .total span {color:#1a1a1a; font-size: 18px;font-weight: 700; letter-spacing:-0.03em;}
 .my_cart .item .total_price .result .button {display: table-cell; width:30px; vertical-align: middle; text-align:right;}
 .my_cart .item .total_price .result .button .button_arrowls {display:inline-block; width:26px; height:22px; border:0; font-size:0;}
-.my_cart .item .total_price .result .button.close .button_arrowls  {background:url(/static/img/common/icon/arrowls_open.svg) no-repeat;}
-.my_cart .item .total_price .result .button.open .button_arrowls {background:url(/static/img/common/icon/arrowls_close.svg) no-repeat;}
+.my_cart .item .total_price .result .button.close .button_arrowls  {background:url(/modules/ptyshop/resources/arrowls_open.svg) no-repeat;}
+.my_cart .item .total_price .result .button.open .button_arrowls {background:url(/modules/ptyshop/resources/arrowls_close.svg) no-repeat;}
 .my_cart .item .total_price .delivery {margin-bottom:0;}
 .my_cart .item .total_price .calc {margin-bottom:20px; display:none;}
 .my_cart .item .total_price .calc.open {display:block;}
@@ -1014,7 +984,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 
 .my_cart .notice {margin-top:10px; padding:25px 15px 20px; background-color:#fff; border-bottom:1px solid #ebebeb;}
 .my_cart .notice dt {position:relative; margin-bottom:5px; padding-left:20px; color:#1a1a1a; font-size:13px; letter-spacing:-0.03em; font-weight:700;}
-.my_cart .notice dt:before {content:""; position:absolute; top:0; left:0; width:13px; height:14px; background:url(/static/img/common/icon/ico_i.svg) no-repeat;}
+.my_cart .notice dt:before {content:""; position:absolute; top:0; left:0; width:13px; height:14px; background:url(/modules/ptyshop/resources/ico_i.svg) no-repeat;}
 .my_cart .notice dd {padding-left:20px; color:#777; font-size:13px; letter-spacing:-0.03em; line-height:1.3em;}
 
 .my_cart .button_area {padding:8px 7px; text-align:center; background-color:#f0f0f0; position:fixed; bottom:0; left:0; z-index:10; width:100%; box-sizing:border-box; border-top:1px solid #d6d6d6; }
@@ -1023,7 +993,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 
 .goods_none {position:absolute; top:0; left:0; margin-top:110px; width:100%; text-align:center;}
 .goods_none .message {position:relative; padding-top:100px; color:#777; font-size:16px; letter-spacing:-0.03em;}
-.goods_none .message:before {content: ""; position: absolute; left: 0; right: 0; top: 0; display: block; margin:0 auto; width: 80px; height: 80px; background: url(/static/img/common/icon/ico_noti_none.svg) no-repeat;}
+.goods_none .message:before {content: ""; position: absolute; left: 0; right: 0; top: 0; display: block; margin:0 auto; width: 80px; height: 80px; background: url(/modules/ptyshop/resources/ico_noti_none.svg) no-repeat;}
 .goods_none .button {margin-top:30px;}
 .goods_none .button_home {display:inline-block; box-sizing:border-box; width:200px; height:48px; border-radius:3px; border:1px solid #e5e5e5; color:#555; font-size:16px; line-height:45px; letter-spacing:-0.03em; background-color:#fff;}
 
@@ -1043,9 +1013,9 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 .my_order .date_search .period dd {float:left; margin-left:5px;}
 .my_order .date_search .period dd span {font-size:13px; color:#555; letter-spacing:-0.03em;}
 .my_order .date_search .selectbox {margin-bottom:20px;}
-.my_order .date_search .selectbox .select {position:relative; padding:0 10px; width:100%; height:38px; border-radius:3px; border:1px solid #e5e5e5; color:#1a1a1a; font-size:15px; letter-spacing:-0.03em; appearance: none; -webkit-appearance: none; background:url(/static/img/common/icon/icon_option_arrow_down.svg) no-repeat 98% 50%;}
+.my_order .date_search .selectbox .select {position:relative; padding:0 10px; width:100%; height:38px; border-radius:3px; border:1px solid #e5e5e5; color:#1a1a1a; font-size:15px; letter-spacing:-0.03em; appearance: none; -webkit-appearance: none; background:url(/modules/ptyshop/resources/icon_option_arrow_down.svg) no-repeat 98% 50%;}
 .my_order .date_search .comment {position:relative; padding-left:20px; font-size:13px; color:#777; letter-spacing:-0.03em;}
-.my_order .date_search .comment:before {content:""; position:absolute; top:0; left:0; width:13px; height:14px; background:url(/static/img/common/icon/ico_i_2.svg) no-repeat;}
+.my_order .date_search .comment:before {content:""; position:absolute; top:0; left:0; width:13px; height:14px; background:url(/modules/ptyshop/resources/ico_i_2.svg) no-repeat;}
 .my_order .date_search .comment .underline {font-size:13px; color:#2680eb; letter-spacing:-0.03em; text-decoration:underline;}
 
 .my_order .list .item_order {margin-top:10px; background-color:#fff; border-bottom:1px solid #ebebeb;}
@@ -1056,7 +1026,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 .my_order .list .item_order .order_info .order_number:after {content:""; position:absolute; top:50%; left:0; margin-top:-6px; width:1px; height:12px; background-color:#e5e5e5;}
 .my_order .list .item_order .order_info .order_number .number {color:#1a1a1a; font-size:13px; letter-spacing:-0.03em;}
 .my_order .list .item_order .order_info .button_order {float:right; position:relative; padding-right:16px; height:20px; color:#555; font-size:12px; letter-spacing:-0.03em; line-height:22px;}
-.my_order .list .item_order .order_info .button_order:after {content:""; position:absolute; top:0; right:0; width:16px; height:20px; background:url(/static/img/common/icon/arrow_more_n.svg) no-repeat;}
+.my_order .list .item_order .order_info .button_order:after {content:""; position:absolute; top:0; right:0; width:16px; height:20px; background:url(/modules/ptyshop/resources/arrow_more_n.svg) no-repeat;}
 
 .my_order .list .order_product {padding:20px 15px 20px; border-bottom:1px solid #f5f5f5;}
 .my_order .list .order_product:last-child {border-bottom:0;}
@@ -1064,7 +1034,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 .my_order .list .order_product .state .text {display:table-cell; vertical-align:middle; font-size:16px; letter-spacing:-0.03em; font-weight:700; line-height:20px;}
 .my_order .list .order_product .state .button_hide {display:table-cell; vertical-align:middle; text-align:right;}
 .my_order .list .order_product .state .button_hide button {position:relative; border:0; background:transparent; color:#555; font-size:14px; letter-spacing:-0.03em; text-align:right; line-height: 22px; padding-right:20px;}
-.my_order .list .order_product .state .button_hide button:after {content: ""; position: absolute; top: -2.5px; right: 0; width: 20px; height: 24px; background: url(/static/img/common/icon/ico_delete.svg) no-repeat; background-size: 20px 24px;}
+.my_order .list .order_product .state .button_hide button:after {content: ""; position: absolute; top: -2.5px; right: 0; width: 20px; height: 24px; background: url(/modules/ptyshop/resources/ico_delete.svg) no-repeat; background-size: 20px 24px;}
 .my_order .list .order_product .product {display:table; position:relative; width:100%;}
 .my_order .list .order_product .product:after {content:""; display:block; clear:both;}
 .my_order .list .order_product .product .thumb {display:table-cell; position: relative; width: 80px; height: 80px; vertical-align:top;}
@@ -1097,7 +1067,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 
 .my_order .button_more {margin-top:10px;}
 .my_order .button_more .button {display:block; position:relative; box-sizing:border-box; padding-right:17px; width:100%; background-color:#fff; border:0; text-align:center; color:#555; font-size:14px; letter-spacing:-0.02em; line-height:60px;}
-.my_order .button_more .button:after {content:""; position:absolute; top:50%; left:50%; margin:-10px 0 0 13px; width:16px; height:20px; background:url(/static/img/common/icon/arrow_and_n.svg) no-repeat;}
+.my_order .button_more .button:after {content:""; position:absolute; top:50%; left:50%; margin:-10px 0 0 13px; width:16px; height:20px; background:url(/modules/ptyshop/resources/arrow_and_n.svg) no-repeat;}
 
 .my_order .goods_none {position:static; margin-top: 50px;}
 
@@ -1169,7 +1139,7 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 .my_order .layer_order_info .deliver_inner {padding-top:9px;}
 .my_order .layer_order_info .layer_header {position:relative; box-sizing:border-box; padding:15px 0 0; height:50px; text-align:center; background-color:#fff;}
 .my_order .layer_order_info .layer_header .layer_title {color:#1a1a1a; font-size:18px; letter-spacing:-0.03em; font-weight:normal;}
-.my_order .layer_order_info .layer_header .layer_close {position:absolute; top:6px; right:10px; width:32px; height:36px; background:transparent; font-size:0; border:0; background:url(/static/img/common/icon/ico_x_2.svg) no-repeat;}
+.my_order .layer_order_info .layer_header .layer_close {position:absolute; top:6px; right:10px; width:32px; height:36px; background:transparent; font-size:0; border:0; background:url(/modules/ptyshop/resources/ico_x_2.svg) no-repeat;}
 .my_order .layer_order_info .order_info {margin:0 0 10px; padding:0; border:0; background:transparent;}
 .my_order .layer_order_info .order_info .order_date_info {position: relative; margin:0; padding:12px 15px 17px; background-color: #fff; border-bottom:1px solid #f5f5f5;}
 .my_order .layer_order_info .order_info .order_date_info:before {display:none;}
@@ -1210,10 +1180,10 @@ body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:
 #titbox {position:fixed; top:0; left:0; width:100%; height:50px; line-height:50px; background-color:#fff; text-align:center;}
 #titbox_l {font-size:18px;  line-height:50px;color:#1a1a1a; font-weight:normal;}
 #titbox_r {position:absolute; top:6px; right:10px;}
-#titbox_r a {display:block; position:relative; width:32px; height:36px; font-size: 0; background:url(/static/img/common/icon/ico_x_2.svg) no-repeat;}
+#titbox_r a {display:block; position:relative; width:32px; height:36px; font-size: 0; background:url(/modules/ptyshop/resources/ico_x_2.svg) no-repeat;}
 
 /* 로딩 */
-.wrap-loading {position:absolute; top:50%; left:50%; z-index:9999; width:32px; height:32px; transform: translate(-50%,-50%); background:url(/static/img/common/icon/icon_loading.gif) no-repeat;}
+.wrap-loading {position:absolute; top:50%; left:50%; z-index:9999; width:32px; height:32px; transform: translate(-50%,-50%); background:url(/modules/ptyshop/resources/icon_loading.gif) no-repeat;}
 
 /* 레이어 오픈시 결제하기 버튼 숨기기 */
 .layer_open #app.order .order_submit {display:none;}
@@ -1225,7 +1195,7 @@ body.scroll_lock, body.scroll_lock .order {position: relative; overflow: hidden;
 .layer_card_promotion .layer_wrap{position:relative;background:#fff;padding-top:59px;border-radius:10px;width:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px;box-sizing:border-box;}
 .layer_card_promotion .layer_title{position:fixed;top:21px;left:18px;width:calc(100% - 36px);background:#fff;border-radius:10px 10px 0 0;}
 .layer_card_promotion .layer_title span{display:block;height:59px;line-height:59px;font-size:17px;text-align:center;font-family:'Noto Sans KR', sans-serif;}
-.layer_card_promotion .layer_close{display:block;position:absolute;top:13px;right:6px;width:32px;height:32px;font-size:0;text-indent:-9999px;overflow:hidden;background:url(/static/img/common/icon/btn_layer_close.svg) center center no-repeat;}
+.layer_card_promotion .layer_close{display:block;position:absolute;top:13px;right:6px;width:32px;height:32px;font-size:0;text-indent:-9999px;overflow:hidden;background:url(/modules/ptyshop/resources/btn_layer_close.svg) center center no-repeat;}
 .layer_card_promotion .layer_contents img{width:100%;height:auto;}
 
 /* 선물하기 버튼 여백 수정 */

modules/ptyshop/resources/btn_num_minus.svg

+<svg id="btn_num_minus" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+    <defs>
+        <style>
+            .cls-1 {
+            fill: #fff;
+            opacity: 0;
+            }
+
+            .cls-2 {
+            fill: #777;
+            }
+        </style>
+    </defs>
+    <rect id="aV" class="cls-1" width="20" height="20"/>
+    <rect id="icon_-" class="cls-2" width="10" height="1.5" transform="translate(5 9.035)"/>
+</svg>

modules/ptyshop/resources/btn_num_plus.svg

+<svg id="btn_num_plus" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+    <defs>
+        <style>
+            .cls-1 {
+            fill: #fff;
+            opacity: 0;
+            }
+
+            .cls-2 {
+            fill: #777;
+            }
+        </style>
+    </defs>
+    <rect id="aV" class="cls-1" width="20" height="20"/>
+    <path id="icon_plus" class="cls-2" d="M4.283,10V5.717H0V4.283H4.283V0H5.717V4.283H10V5.717H5.717V10Z" transform="translate(5 5.035)"/>
+</svg>

modules/ptyshop/resources/btn_x.svg

+<svg id="btn_x" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+    <defs>
+        <style>
+            .cls-1 {
+            fill: #cdcdcd;
+            }
+
+            .cls-2 {
+            fill: none;
+            stroke: #fff;
+            stroke-width: 0.75px;
+            }
+        </style>
+    </defs>
+    <circle id="타원_13" data-name="타원 13" class="cls-1" cx="9" cy="9" r="9"/>
+    <line id="선_26" data-name="선 26" class="cls-2" x2="7.813" y2="7.813" transform="translate(5.1 5.1)"/>
+    <line id="선_27" data-name="선 27" class="cls-2" x1="7.813" y2="7.813" transform="translate(5.1 5.1)"/>
+</svg>

modules/ptyshop/resources/common_option_close.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="20" viewBox="0 0 72 20">
+  <defs>
+    <style>
+      .cls-1{fill:#f0f0f0}.cls-2,.cls-3{fill:none}.cls-3{stroke:#4d4d4d;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:1.4px}.cls-4,.cls-5{stroke:none}.cls-5{fill:#d6d6d6}
+    </style>
+  </defs>
+  <g id="common_option_close" transform="translate(-144 -386)">
+    <path id="패스_56" d="M6 0h47c3.314 0 5.23.9 7 6l6 14H-6L0 6c1.887-4.338 2.686-6 6-6z" class="cls-1" data-name="패스 56" transform="translate(150 386)"/>
+    <g id="패스_651" class="cls-2" data-name="패스 651">
+      <path d="M6 0h47c3.314 0 5.23.9 7 6l6 14H-6L0 6c1.887-4.338 2.686-6 6-6z" class="cls-4" transform="translate(150 386)"/>
+      <path d="M6 1c-1.55 0-2.235.415-2.787 1.037-.73.821-1.354 2.195-2.295 4.36L-4.483 19h68.966L59.081 6.394l-.014-.033-.012-.033c-.791-2.282-1.614-3.696-2.588-4.45C55.661 1.255 54.657 1 53 1H6m0-1h47c3.314 0 5.23.9 7 6l6 14H-6L0 6c1.887-4.338 2.686-6 6-6z" class="cls-5" transform="translate(150 386)"/>
+    </g>
+    <path id="패스_652" d="M5.667 0h45.694c3.222 0 5.085.855 6.806 5.7L64 19H-6L-.167 5.7C1.668 1.579 2.445 0 5.667 0z" class="cls-1" data-name="패스 652" transform="translate(151 387)"/>
+    <path id="패스_657" d="M0 0h1.609L2 1H0z" class="cls-1" data-name="패스 657" transform="translate(214 405)"/>
+    <path id="패스_658" d="M2 0H.391L0 1h2z" class="cls-1" data-name="패스 658" transform="translate(144 405)"/>
+    <path id="arrow_n" d="M-1 0l6 6 6-6" class="cls-3" transform="translate(175 394)"/>
+  </g>
+</svg>

modules/ptyshop/resources/common_option_open.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="20" viewBox="0 0 72 20">
+    <defs>
+        <style>
+            .cls-1{fill:#f0f0f0}.cls-2,.cls-3{fill:none}.cls-3{stroke:#4d4d4d;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:1.4px}.cls-4,.cls-5{stroke:none}.cls-5{fill:#d6d6d6}
+        </style>
+    </defs>
+    <g id="common_option_open" transform="translate(-144 -386)">
+        <path id="패스_56" d="M6 0h47c3.314 0 5.23.9 7 6l6 14H-6L0 6c1.887-4.338 2.686-6 6-6z" class="cls-1" data-name="패스 56" transform="translate(150 386)"/>
+        <g id="패스_651" class="cls-2" data-name="패스 651">
+            <path d="M6 0h47c3.314 0 5.23.9 7 6l6 14H-6L0 6c1.887-4.338 2.686-6 6-6z" class="cls-4" transform="translate(150 386)"/>
+            <path d="M6 1c-1.55 0-2.235.415-2.787 1.037-.73.821-1.354 2.195-2.295 4.36L-4.483 19h68.966L59.081 6.394l-.014-.033-.012-.033c-.791-2.282-1.614-3.696-2.588-4.45C55.661 1.255 54.657 1 53 1H6m0-1h47c3.314 0 5.23.9 7 6l6 14H-6L0 6c1.887-4.338 2.686-6 6-6z" class="cls-5" transform="translate(150 386)"/>
+        </g>
+        <path id="패스_652" d="M5.667 0h45.694c3.222 0 5.085.855 6.806 5.7L64 19H-6L-.167 5.7C1.668 1.579 2.445 0 5.667 0z" class="cls-1" data-name="패스 652" transform="translate(151 387)"/>
+        <path id="패스_657" d="M0 0h1.609L2 1H0z" class="cls-1" data-name="패스 657" transform="translate(214 405)"/>
+        <path id="패스_658" d="M2 0H.391L0 1h2z" class="cls-1" data-name="패스 658" transform="translate(144 405)"/>
+        <path id="arrow_n" d="M-1 6l6-6 6 6" class="cls-3" transform="translate(175 394)"/>
+    </g>
+</svg>

modules/ptyshop/resources/icon_option_arrow.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+    <defs>
+        <style>
+            .cls-1 {
+            fill: #fff;
+            opacity: 0;
+            }
+
+            .cls-2 {
+            fill: #555;
+            }
+        </style>
+    </defs>
+    <g id="icon_option_arrow" transform="translate(29 28) rotate(180)">
+        <rect id="사각형_589" data-name="사각형 589" class="cls-1" width="20" height="20" transform="translate(9 8)"/>
+        <path id="패스_53" data-name="패스 53" class="cls-2" d="M.528.044,5.943,5.461s.231.314-.24.36L.614,6A.585.585,0,0,1,0,5.386L.179.294C.232-.155.528.044.528.044Z" transform="translate(14.015 16.243) rotate(-45)"/>
+    </g>
+</svg>

modules/ptyshop/resources/icon_option_arrow_down.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        opacity: 0;
+      }
+
+      .cls-2 {
+        fill: #555;
+      }
+    </style>
+  </defs>
+  <g id="icon_option_arrow" transform="translate(-9 -8)">
+    <rect id="사각형_589" data-name="사각형 589" class="cls-1" width="20" height="20" transform="translate(9 8)"/>
+    <path id="패스_53" data-name="패스 53" class="cls-2" d="M.528.044,5.943,5.461s.231.314-.24.36L.614,6A.585.585,0,0,1,0,5.386L.179.294C.232-.155.528.044.528.044Z" transform="translate(15.5 16.243) rotate(-45)"/>
+  </g>
+</svg>

modules/ptyshop/resources/noimg_pdms.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80">
+    <defs>
+        <style>
+            .cls-1{fill:#f9f9f9}.cls-2,.cls-5{fill:none}.cls-2{stroke:#ccc;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.cls-3{fill:#ccc}.cls-4{stroke:none}
+        </style>
+    </defs>
+    <g id="noimg_pdms" transform="translate(-454 -2369)">
+        <path id="사각형_849" d="M0 0h80v80H0z" class="cls-1" data-name="사각형 849" transform="translate(454 2369)"/>
+        <g id="그룹_536" data-name="그룹 536" transform="translate(3 -4)">
+            <g id="사각형_850" class="cls-2" data-name="사각형 850" transform="translate(478 2402)">
+                <rect width="26" height="23" class="cls-4" rx="2"/>
+                <rect width="24.5" height="21.5" x=".75" y=".75" class="cls-5" rx="1.25"/>
+            </g>
+            <path id="패스_192" d="M3995.663 2493.044l7.855-8.694 7.366 8.694 4.576-4.64 4.552 4.64" class="cls-2" data-name="패스 192" transform="translate(-3516.888 -74.794)"/>
+            <circle id="타원_47" cx="1.5" cy="1.5" r="1.5" class="cls-3" data-name="타원 47" transform="translate(497 2406)"/>
+        </g>
+    </g>
+</svg>