{"version":3,"sources":["webpack:///./src/components/page/ServiceCreate/ServiceCreateStep6.vue?8b5d","webpack:///src/components/page/ServiceCreate/ServiceCreateStep6.vue","webpack:///./src/components/page/ServiceCreate/ServiceCreateStep6.vue?bb00","webpack:///./src/components/page/ServiceCreate/ServiceCreateStep6.vue","webpack:///./src/components/page/ServiceCreate/ServiceCreateStep6.vue?7bb4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","staticStyle","_l","order","order_product","option","option_idx","option_type","key","_v","_s","optionName","_e","_f","optionPrice","hostingName","hosting","price","vat","payDay","total_price","user","email","ref","on","clickNext","staticRenderFns","attrs","component"],"mappings":"gcAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACJ,EAAIO,GAAG,GAAGH,EAAG,MAAM,CAACI,YAAY,CAAC,YAAY,QAAQ,OAAS,qBAAqB,CAACJ,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACN,EAAIS,GAAIT,EAAIU,MAAMC,cAAkC,sBAAE,SAASC,EAAOC,GAAY,MAAO,CAAuB,IAArBD,EAAOE,YAAiBV,EAAG,MAAM,CAACW,IAAK,UAAYF,EAAYP,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIkB,WAAWN,KAAwB,IAAbC,EAAgBT,EAAG,OAAO,CAACJ,EAAIgB,GAAG,UAAUhB,EAAImB,OAAOf,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIoB,GAAG,cAAPpB,CAAsBA,EAAIqB,YAAYT,QAAaR,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIgB,GAAG,OAAOZ,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAG,YAAYhB,EAAImB,SAAQf,EAAG,MAAM,CAACE,YAAY,YAAYF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIsB,gBAAgBlB,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIoB,GAAG,cAAPpB,CAAsBA,EAAIU,MAAMa,QAAQC,WAAWpB,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIgB,GAAG,OAAOZ,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIgB,GAAG,YAAYZ,EAAG,MAAM,CAACE,YAAY,YAAYF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIgB,GAAG,eAAeZ,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIoB,GAAG,cAAPpB,CAAsBA,EAAIyB,SAASrB,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIgB,GAAG,WAAWZ,EAAG,MAAM,CAACE,YAAY,iBAAiBF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIgB,GAAG,SAASZ,EAAG,OAAO,CAACE,YAAY,aAAaE,YAAY,CAAC,cAAc,QAAQ,CAACR,EAAIgB,GAAG,aAAahB,EAAIiB,GAAGjB,EAAI0B,QAAQ,SAAStB,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIoB,GAAG,cAAPpB,CAAsBA,EAAIU,MAAMiB,iBAAiBvB,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIgB,GAAG,OAAOZ,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIgB,GAAG,aAAa,GAAGZ,EAAG,MAAM,CAACE,YAAY,iDAAiD,CAACN,EAAIS,GAAIT,EAAIU,MAAMC,cAAkC,sBAAE,SAASC,EAAOC,GAAY,MAAO,CAAuB,IAArBD,EAAOE,YAAiBV,EAAG,MAAM,CAACW,IAAK,UAAYF,EAAYP,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIkB,WAAWN,KAAwB,IAAbC,EAAgBT,EAAG,OAAO,CAACJ,EAAIgB,GAAG,UAAUhB,EAAImB,OAAOf,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIoB,GAAG,cAAPpB,CAAsBA,EAAIqB,YAAYT,QAAaR,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIgB,GAAG,OAAOZ,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAG,YAAYhB,EAAImB,SAAQf,EAAG,MAAM,CAACE,YAAY,YAAYF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIsB,gBAAgBlB,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIoB,GAAG,cAAPpB,CAAsBA,EAAIU,MAAMa,QAAQC,WAAWpB,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIgB,GAAG,OAAOZ,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAG,YAAYZ,EAAG,MAAM,CAACE,YAAY,YAAYF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIgB,GAAG,eAAeZ,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIoB,GAAG,cAAPpB,CAAsBA,EAAIyB,SAASrB,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIgB,GAAG,WAAWZ,EAAG,MAAM,CAACE,YAAY,iBAAiBF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIgB,GAAG,SAASZ,EAAG,MAAMA,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAG,aAAahB,EAAIiB,GAAGjB,EAAI0B,QAAQ,SAAStB,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIoB,GAAG,cAAPpB,CAAsBA,EAAIU,MAAMiB,iBAAiBvB,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIgB,GAAG,OAAOZ,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIgB,GAAG,aAAa,GAAGhB,EAAIO,GAAG,GAAGH,EAAG,KAAK,CAACE,YAAY,aAAaE,YAAY,CAAC,aAAa,OAAO,QAAU,kBAAkB,CAACJ,EAAG,KAAK,CAACI,YAAY,CAAC,aAAa,SAAS,CAACR,EAAIgB,GAAG,aAAahB,EAAIiB,GAAGjB,EAAI0B,QAAQ,qDAAqD1B,EAAIiB,GAAGjB,EAAI4B,KAAKC,OAAO,kCAAkC7B,EAAIO,GAAG,GAAGP,EAAIO,GAAG,GAAGP,EAAIO,GAAG,KAAKH,EAAG,eAAe,CAAC0B,IAAI,OAAOxB,YAAY,mBAAmB,GAAGF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaE,YAAY,CAAC,YAAY,QAAQ,MAAQ,OAAO,gBAAgB,SAAS,CAACJ,EAAG,SAAS,CAACE,YAAY,iCAAiCE,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,aAAa,QAAQuB,GAAG,CAAC,MAAQ/B,EAAIgC,YAAY,CAAChC,EAAIgB,GAAG,6BACt0IiB,EAAkB,CAAC,WAAa,IAAIjC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIgB,GAAG,WAAWZ,EAAG,MAAM,CAACE,YAAY,MAAM,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACN,EAAIgB,GAAG,eAAeZ,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACN,EAAIgB,GAAG,aAAaZ,EAAG,KAAK,CAACE,YAAY,aAAaN,EAAIgB,GAAG,uBAAuBZ,EAAG,MAAMJ,EAAIgB,GAAG,8CAA8CZ,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,uDAAuD,CAACN,EAAIgB,GAAG,aAAaZ,EAAG,MAAMJ,EAAIgB,GAAG,uBAAuBZ,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACN,EAAIgB,GAAG,yBAAyBZ,EAAG,MAAMJ,EAAIgB,GAAG,qBAAqBZ,EAAG,MAAMJ,EAAIgB,GAAG,iCAAiC,WAAa,IAAIhB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIgB,GAAG,cAAcZ,EAAG,MAAM,CAACE,YAAY,MAAM,CAACN,EAAIgB,GAAG,KAAKZ,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIgB,GAAG,YAAY,WAAa,IAAIhB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACI,YAAY,CAAC,aAAa,SAAS,CAACR,EAAIgB,GAAG,6CAA6CZ,EAAG,IAAI,CAAC8B,MAAM,CAAC,KAAO,OAAO,OAAS,WAAW,CAAClC,EAAIgB,GAAG,WAAWhB,EAAIgB,GAAG,sBAAsB,WAAa,IAAIhB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACI,YAAY,CAAC,aAAa,SAAS,CAACR,EAAIgB,GAAG,2DAA2DZ,EAAG,IAAI,CAAC8B,MAAM,CAAC,KAAO,OAAO,OAAS,WAAW,CAAClC,EAAIgB,GAAG,UAAUhB,EAAIgB,GAAG,qBAAqB,WAAa,IAAIhB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACI,YAAY,CAAC,aAAa,SAAS,CAACR,EAAIgB,GAAG,wCAAwCZ,EAAG,IAAI,CAAC8B,MAAM,CAAC,KAAO,UAAU,OAAS,WAAW,CAAClC,EAAIgB,GAAG,cAAchB,EAAIgB,GAAG,uD,qHC0I95D,GACE,KAAF,qBACE,WAAF,CAAI,YAAJ,cACE,OAAF,CACA,QAEE,MAAF,CACI,MAAJ,CACM,KAAN,SAGE,QAXF,WAYI,KAAJ,qBAEE,KAdF,WAeI,MAAJ,CACM,oBAAN,IAGE,SAAF,CACI,YADJ,WAEM,MAAN,kCACA,+BAEA,yBAGI,OARJ,WASM,OAAN,2CAEI,IAXJ,WAYM,OAAN,8BAGE,QAAF,CACI,UADJ,WAEM,KAAN,eAEI,SAJJ,WAIM,IAAN,OACA,KAOM,OANA,OAAN,iDACA,6BACU,GAAV,MAIA,GAEI,UAdJ,WAcM,IAAN,OACA,wBAEM,GADA,EAAN,2BACA,6BACQ,KAAR,gDACQ,KAAR,kBACA,CACQ,IAAR,gBAEU,YADA,KAAV,4BAIQ,KAAR,+BACQ,KAAR,kFACU,GAAV,wBAEY,GADA,EAAZ,+BACA,sCACc,EAAd,oDACA,CACc,EAAd,4BACc,OAAd,4CACgB,EAAhB,4BAEc,IAAd,WACA,CAAgB,KAAhB,OAAgB,IAAhB,YACA,CAAgB,KAAhB,OAAgB,IAAhB,MACA,CAAgB,KAAhB,OAAgB,IAAhB,MACA,CAAgB,KAAhB,OAAgB,IAAhB,UAJA,eAKA,CALgB,IAAhB,OAMA,oCACkB,EAAlB,oCAKY,EAAZ,+BACY,EAAZ,iBAEA,kBACU,EAAV,oCAII,kBAzDJ,WAyDM,IAAN,OACA,mFACM,KAAN,iCACQ,EAAR,iCAGI,WA/DJ,SA+DA,GACM,IAAN,KACM,GAAN,qBACQ,IAAR,sDACA,cAEM,OAAN,GAEI,YAvEJ,SAuEA,GACM,IAAN,IACM,GAAN,qBACQ,IAAR,sDACA,IACU,EAAV,SAGM,OAAN,KC5P0X,I,wBCQtXmB,EAAY,eACd,EACApC,EACAkC,GACA,EACA,KACA,WACA,MAIa,aAAAE,E,2CCnBf","file":"js/chunk-52f2202b.dc37693c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"step-container\"},[_c('div',[_vm._m(0),_c('div',{staticStyle:{\"max-width\":\"600px\",\"margin\":\"60px auto 0 auto\"}},[_c('div',{staticClass:\"pc box-account margin-bottom-12\"},[_vm._l((_vm.order.order_product.order_product_option),function(option,option_idx){return [(option.option_type===0)?_c('div',{key:(\"option-\" + option_idx),staticClass:\"flex-between\"},[_c('div',{staticClass:\"body4-medium main\"},[_vm._v(_vm._s(_vm.optionName(option))),(option_idx===0)?_c('span',[_vm._v(\" 멤버십\")]):_vm._e()]),_c('div',[_c('span',{staticClass:\"body4-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.optionPrice(option))))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")])])]):_vm._e()]}),_c('div',{staticClass:\"divider\"}),_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body4-medium main\"},[_vm._v(_vm._s(_vm.hostingName))]),_c('div',[_c('span',{staticClass:\"body4-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.hosting.price)))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")]),_c('span',{staticClass:\" sub3\"},[_vm._v(\"/월\")])])]),_c('div',{staticClass:\"divider\"}),_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body4-medium main\"},[_vm._v(\"부가세 (10%)\")]),_c('div',[_c('span',{staticClass:\"body4-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.vat)))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")])])]),_c('div',{staticClass:\"divider-main\"}),_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body4-medium main\"},[_vm._v(\"총 금액 \"),_c('span',{staticClass:\"body5 sub3\",staticStyle:{\"margin-left\":\"4px\"}},[_vm._v(\"(청구 시작일 : \"+_vm._s(_vm.payDay)+\")\")])]),_c('div',[_c('span',{staticClass:\"body4-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.total_price)))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")]),_c('span',{staticClass:\" sub3\"},[_vm._v(\"/월\")])])])],2),_c('div',{staticClass:\"mobile tablet box-account-mo margin-bottom-12\"},[_vm._l((_vm.order.order_product.order_product_option),function(option,option_idx){return [(option.option_type===0)?_c('div',{key:(\"option-\" + option_idx),staticClass:\"flex-between\"},[_c('div',{staticClass:\"body5-medium main\"},[_vm._v(_vm._s(_vm.optionName(option))),(option_idx===0)?_c('span',[_vm._v(\" 멤버십\")]):_vm._e()]),_c('div',[_c('span',{staticClass:\"body5-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.optionPrice(option))))]),_c('span',{staticClass:\"body5 sub\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body5 sub3\"},[_vm._v(\"/월\")])])]):_vm._e()]}),_c('div',{staticClass:\"divider\"}),_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body5-medium main\"},[_vm._v(_vm._s(_vm.hostingName))]),_c('div',[_c('span',{staticClass:\"body5-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.hosting.price)))]),_c('span',{staticClass:\"body5 sub\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body5 sub3\"},[_vm._v(\"/월\")])])]),_c('div',{staticClass:\"divider\"}),_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body5-medium main\"},[_vm._v(\"부가세 (10%)\")]),_c('div',[_c('span',{staticClass:\"body5-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.vat)))]),_c('span',{staticClass:\"body5 sub\"},[_vm._v(\"원\")])])]),_c('div',{staticClass:\"divider-main\"}),_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body6-medium main\"},[_vm._v(\"총 금액 \"),_c('br'),_c('span',{staticClass:\"body6 sub3\"},[_vm._v(\"(청구 시작일 : \"+_vm._s(_vm.payDay)+\")\")])]),_c('div',[_c('span',{staticClass:\"body5-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.total_price)))]),_c('span',{staticClass:\"body5 sub\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body5 sub3\"},[_vm._v(\"/월\")])])])],2),_vm._m(1),_c('ul',{staticClass:\"body5 sub2\",staticStyle:{\"margin-top\":\"20px\",\"padding\":\"0 20px 0 28px\"}},[_c('li',{staticStyle:{\"list-style\":\"disc\"}},[_vm._v(\"무료체험이 끝나는 \"+_vm._s(_vm.payDay)+\"에 결제가 시작되며 플랜주기별로 자동으로 갱신됩니다. 무료체험 기간이 종료되기 7일 전에 \"+_vm._s(_vm.user.email)+\"으로 이메일을 전송하여 이를 알려드릴 예정입니다. \")]),_vm._m(2),_vm._m(3),_vm._m(4)]),_c('billing-form',{ref:\"form\",staticClass:\"margin-top-60\"})],1),_c('div',{staticClass:\"flex-center\"},[_c('div',{staticClass:\"flex-align\",staticStyle:{\"max-width\":\"370px\",\"width\":\"100%\",\"margin-bottom\":\"40px\"}},[_c('button',{staticClass:\"button is-primary body2-medium\",staticStyle:{\"width\":\"100%\",\"height\":\"52px\",\"margin-top\":\"40px\"},on:{\"click\":_vm.clickNext}},[_vm._v(\"14일 무료 체험 시작하기\")])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"body4-bold primary\"},[_vm._v(\"3/3단계\")]),_c('div',{staticClass:\"pc\"},[_c('div',{staticClass:\"h6 main margin-top-12\"},[_vm._v(\"결제정보 완성하기\")]),_c('div',{staticClass:\"body4 sub3 margin-top-12\"},[_vm._v(\"결제가 완료되면 \"),_c('br',{staticClass:\"v-mobile\"}),_vm._v(\"바로 내 서비스 개설이 시작됩니다.\"),_c('br'),_vm._v(\" 추가 설정도 광고도 없이 14일 무료체험으로 내 서비스를 가지세요 \")])]),_c('div',{staticClass:\"mobile tablet\"},[_c('div',{staticClass:\"mo-section-title-bold main margin-top-8 text-center\"},[_vm._v(\"결제정보 등록하고\"),_c('br'),_vm._v(\"14일 무료체험 혜택 받으세요.\")]),_c('div',{staticClass:\"body4 sub3 text-center margin-top-8\"},[_vm._v(\"결제가 완료되면 바로 멤버십이 등록되고\"),_c('br'),_vm._v(\"무료 14일 체험이 시작됩니다!\"),_c('br'),_vm._v(\"추가 설정도 광고도 없이 내 서비스 개설\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"box-free\"},[_c('div',{staticClass:\"subtitle6\"},[_vm._v(\"오늘 결제 금액\")]),_c('div',{staticClass:\"h6\"},[_vm._v(\"0\"),_c('span',{staticClass:\"body2\"},[_vm._v(\"원\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticStyle:{\"list-style\":\"disc\"}},[_vm._v(\"무료체험기간에는 요금이 청구되지 않으며 언제든지 해지 신청이 가능합니다. \"),_c('a',{attrs:{\"href\":\"term\",\"target\":\"_blank\"}},[_vm._v(\"취소 환불\")]),_vm._v(\"에 관해 자세히 알아보기. \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticStyle:{\"list-style\":\"disc\"}},[_vm._v(\"모든 가격은 부가가치세를 제외한 것입니다. 계속 진행함으로써 본인이 만 19세 이상임을 확인하고, \"),_c('a',{attrs:{\"href\":\"term\",\"target\":\"_blank\"}},[_vm._v(\"본 약관\")]),_vm._v(\"에 동의함을 확인합니다. \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticStyle:{\"list-style\":\"disc\"}},[_vm._v(\"계속 진행하면 런치팩 서비스 약관에 동의하는 것으로 간주됩니다. \"),_c('a',{attrs:{\"href\":\"privacy\",\"target\":\"_blank\"}},[_vm._v(\"개인정보처리방침\")]),_vm._v(\" - 개인정보 수집 및 공유에 사용자의 데이터를 처리하는 방식이 설명되어 있습니다. \")])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"step-container\">\r\n    <div>\r\n      <div class=\"text-center\">\r\n        <div class=\"body4-bold primary\">3/3단계</div>\r\n        <div class=\"pc\">\r\n          <div class=\"h6 main margin-top-12\">결제정보 완성하기</div>\r\n          <div class=\"body4 sub3 margin-top-12\">결제가 완료되면 <br class=\"v-mobile\">바로 내 서비스 개설이 시작됩니다.<br>\r\n            추가 설정도 광고도 없이 14일 무료체험으로 내 서비스를 가지세요\r\n          </div>\r\n        </div>\r\n        <div class=\"mobile tablet\">\r\n          <div class=\"mo-section-title-bold main margin-top-8 text-center\">결제정보 등록하고<br>14일 무료체험 혜택 받으세요.</div>\r\n          <div class=\"body4 sub3 text-center margin-top-8\">결제가 완료되면 바로 멤버십이 등록되고<br>무료 14일 체험이 시작됩니다!<br>추가 설정도 광고도 없이 내 서비스 개설</div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 결제 모듈 -->\r\n      <div style=\"max-width:600px;margin:60px auto 0 auto\">\r\n\r\n        <div class=\"pc box-account margin-bottom-12\">\r\n          <template v-for=\"(option, option_idx) in order.order_product.order_product_option\">\r\n            <div class=\"flex-between\" :key=\"`option-${option_idx}`\" v-if=\"option.option_type===0\">\r\n              <div class=\"body4-medium main\">{{ optionName(option) }}<span v-if=\"option_idx===0\"> 멤버십</span></div>\r\n              <div>\r\n                <span class=\"body4-bold\">{{ optionPrice(option)|currencyNum }}</span>\r\n                <span class=\"body4 sub\">원</span>\r\n                <span class=\"body4 sub3\">/월</span>\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <div class=\"divider\"></div>\r\n          <div class=\"flex-between\">\r\n            <div class=\"body4-medium main\">{{ hostingName }}</div>\r\n            <div>\r\n              <span class=\"body4-bold\">{{ order.hosting.price | currencyNum }}</span>\r\n              <span class=\"body4 sub\">원</span>\r\n              <span class=\" sub3\">/월</span>\r\n            </div>\r\n          </div>\r\n          <div class=\"divider\"></div>\r\n          <div class=\"flex-between\">\r\n            <div class=\"body4-medium main\">부가세 (10%)</div>\r\n            <div>\r\n              <span class=\"body4-bold\">{{ vat | currencyNum }}</span>\r\n              <span class=\"body4 sub\">원</span>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"divider-main\"></div>\r\n          <div class=\"flex-between\">\r\n            <div class=\"body4-medium main\">총 금액 <span class=\"body5 sub3\"\r\n                                                      style=\"margin-left:4px\">(청구 시작일 : {{ payDay }})</span></div>\r\n            <div>\r\n              <span class=\"body4-bold\">{{ order.total_price | currencyNum }}</span>\r\n              <span class=\"body4 sub\">원</span>\r\n              <span class=\" sub3\">/월</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"mobile tablet box-account-mo margin-bottom-12\">\r\n          <template v-for=\"(option, option_idx) in order.order_product.order_product_option\">\r\n            <div class=\"flex-between\" :key=\"`option-${option_idx}`\" v-if=\"option.option_type===0\">\r\n              <div class=\"body5-medium main\">{{ optionName(option) }}<span v-if=\"option_idx===0\"> 멤버십</span></div>\r\n              <div>\r\n                <span class=\"body5-bold\">{{ optionPrice(option)|currencyNum }}</span>\r\n                <span class=\"body5 sub\">원</span>\r\n                <span class=\"body5 sub3\">/월</span>\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <div class=\"divider\"></div>\r\n          <div class=\"flex-between\">\r\n            <div class=\"body5-medium main\">{{ hostingName }}</div>\r\n            <div>\r\n              <span class=\"body5-bold\">{{ order.hosting.price | currencyNum }}</span>\r\n              <span class=\"body5 sub\">원</span>\r\n              <span class=\"body5 sub3\">/월</span>\r\n            </div>\r\n          </div>\r\n          <div class=\"divider\"></div>\r\n          <div class=\"flex-between\">\r\n            <div class=\"body5-medium main\">부가세 (10%)</div>\r\n            <div>\r\n              <span class=\"body5-bold\">{{ vat | currencyNum }}</span>\r\n              <span class=\"body5 sub\">원</span>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"divider-main\"></div>\r\n          <div class=\"flex-between\">\r\n            <div class=\"body6-medium main\">총 금액 <br><span class=\"body6 sub3\">(청구 시작일 : {{ payDay }})</span></div>\r\n            <div>\r\n              <span class=\"body5-bold\">{{ order.total_price | currencyNum }}</span>\r\n              <span class=\"body5 sub\">원</span>\r\n              <span class=\"body5 sub3\">/월</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"box-free\">\r\n          <div class=\"subtitle6\">오늘 결제 금액</div>\r\n          <div class=\"h6\">0<span class=\"body2\">원</span></div>\r\n        </div>\r\n\r\n        <ul style=\"margin-top:20px;padding:0 20px 0 28px\" class=\"body5 sub2\">\r\n          <li style=\"list-style:disc\">무료체험이 끝나는 {{ payDay }}에 결제가 시작되며 플랜주기별로 자동으로 갱신됩니다.\r\n            무료체험 기간이 종료되기 7일 전에 {{ user.email }}으로 이메일을 전송하여 이를 알려드릴 예정입니다.\r\n          </li>\r\n          <li style=\"list-style:disc\">무료체험기간에는 요금이 청구되지 않으며 언제든지 해지 신청이 가능합니다.\r\n            <a href=\"term\" target=\"_blank\">취소 환불</a>에 관해 자세히 알아보기.\r\n          </li>\r\n          <li style=\"list-style:disc\">모든 가격은 부가가치세를 제외한 것입니다. 계속 진행함으로써 본인이 만 19세 이상임을 확인하고,\r\n            <a href=\"term\" target=\"_blank\">본 약관</a>에 동의함을 확인합니다.\r\n          </li>\r\n          <li style=\"list-style:disc\">계속 진행하면 런치팩 서비스 약관에 동의하는 것으로 간주됩니다.\r\n            <a href=\"privacy\" target=\"_blank\">개인정보처리방침</a> - 개인정보 수집 및 공유에 사용자의 데이터를 처리하는 방식이 설명되어 있습니다.\r\n          </li>\r\n        </ul>\r\n\r\n        <billing-form ref=\"form\" class=\"margin-top-60\"></billing-form>\r\n      </div>\r\n\r\n\r\n\r\n      <div class=\"flex-center\">\r\n        <div class=\"flex-align\" style=\"max-width:370px;width:100%;margin-bottom:40px\">\r\n          <button class=\"button is-primary body2-medium\" @click=\"clickNext\" style=\"width:100%;height:52px;margin-top:40px\">14일 무료 체험 시작하기</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  import moment from 'moment';\r\n  import UserAPIMixin from \"../../../mixins/UserAPIMixin\";\r\n  import BillingForm from \"../../module/BillingForm\";\r\n\r\n  export default {\r\n    name: \"ServiceCreateStep6\",\r\n    components: {BillingForm},\r\n    mixins: [\r\n      UserAPIMixin\r\n    ],\r\n    props: {\r\n      order: {\r\n        type: Object\r\n      }\r\n    },\r\n    created() {\r\n      this.getSelectorStocks();\r\n    },\r\n    data() {\r\n      return {\r\n        selectorStocks: undefined\r\n      }\r\n    },\r\n    computed: {\r\n      hostingName() {\r\n        if (this.order.hosting.name === 'BASIC') {\r\n          return '호스팅 ' + this.order.hosting.name;\r\n        } else {\r\n          return this.order.hosting.name;\r\n        }\r\n      },\r\n      payDay() {\r\n        return moment().add(14, 'days').format('YYYY.MM.DD')\r\n      },\r\n      vat() {\r\n        return this.order.total_price * 1 / 11;\r\n      }\r\n    },\r\n    methods: {\r\n      clickPrev() {\r\n        this.$emit('prev');\r\n      },\r\n      validate() {\r\n        let valid = true;\r\n        Object.keys(this.$refs.form.value).forEach(key=>{\r\n          if(this.$refs.form.value[key] === '') {\r\n            valid = false;\r\n          }\r\n        });\r\n\r\n        return valid;\r\n      },\r\n      clickNext() {\r\n        let param = this.$refs.form.value;\r\n        param.service_key = this.order.key;\r\n        if(this.$refs.form.selectedBill) {\r\n         this.order.user_bill = this.$refs.form.selectedBill.id;\r\n         this.$emit('next');\r\n        } else {\r\n          if(!this.validate()) {\r\n            this.toast('카드 정보를 제대로 입력해주세요.');\r\n            return;\r\n          }\r\n\r\n          this.$store.commit('setLoading', true);\r\n          this.request.user.post('launchpack/card_bill', this.$refs.form.value).then(res=>{\r\n            if(res.data.result === 'error') {\r\n              this.$store.commit('setLoading', false);\r\n              if(res.data.message.indexOf('CDAU1002')>-1) {\r\n                this.toast(res.data.message.replace('[CDAU1002] ',''));\r\n              } else {\r\n                this.toast('카드 정보가 잘못 입력되었습니다.');\r\n                Object.keys(this.$refs.form.err).forEach((key=>{\r\n                  this.$refs.form.err[key].err = false;\r\n                }));\r\n                for(let item of [\r\n                  { code: '3110', key: 'card_num' },\r\n                  { code: '3115', key: 'pw' },\r\n                  { code: '3119', key: 'ex' },\r\n                  { code: '3131', key: 'birth' }\r\n                ]) {\r\n                  if(res.data.message.indexOf(item.code)>-1) {\r\n                    this.$refs.form.err[item.key].err = true;\r\n                  }\r\n                }\r\n              }\r\n            } else {\r\n              this.order.user_bill = res.data.bill_id;\r\n              this.$emit('next');\r\n            }\r\n          }).catch(()=>{\r\n            this.$store.commit('setLoading', false);\r\n          });\r\n        }\r\n      },\r\n      getSelectorStocks() {\r\n        let url = `public/product/${this.order.order_product.product_id}/selector_stocks`\r\n        this.$axios.post(url).then(res => {\r\n          this.selectorStocks = res.data.stocks;\r\n        });\r\n      },\r\n      optionName(option) {\r\n        let name = '';\r\n        if (this.selectorStocks) {\r\n          let stock = this.findItem(this.selectorStocks, 'id', option.option_id)\r\n          if (stock) name = stock.name;\r\n        }\r\n        return name;\r\n      },\r\n      optionPrice(option) {\r\n        let price = 0;\r\n        if (this.selectorStocks) {\r\n          let stock = this.findItem(this.selectorStocks, 'id', option.option_id)\r\n          if (stock) {\r\n            price = stock.price;\r\n          }\r\n        }\r\n        return price;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  @media (min-width:1025px)\r\n    .v-mobile\r\n      display none\r\n  @media (max-width:1024px)\r\n    .step-container\r\n      background-color #FAFAFA\r\n      height 100%\r\n      padding-top 40px\r\n      padding-left 16px\r\n      padding-right 16px\r\n\r\n  a\r\n    color #08f\r\n    text-decoration underline\r\n\r\n  .box-account\r\n    margin-top 60px\r\n    padding 16px 28px\r\n    background-color $gray4\r\n\r\n  .box-account-mo\r\n    margin-top 30px\r\n    padding 16px\r\n    background-color $gray4\r\n    border-radius 8px\r\n\r\n  .divider\r\n    width 100%\r\n    height 1px\r\n    background-color $gray1\r\n    margin 12px 0\r\n\r\n  .divider-main\r\n    width 100%\r\n    height 1px\r\n    background-color $main\r\n    margin 12px 0\r\n\r\n  .box-free\r\n    background-color $sub2\r\n    color white\r\n    padding 20px 28px\r\n    border-radius 8px\r\n    display flex\r\n    align-items center\r\n    justify-content space-between\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceCreateStep6.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceCreateStep6.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ServiceCreateStep6.vue?vue&type=template&id=f5a5fb5c&scoped=true&\"\nimport script from \"./ServiceCreateStep6.vue?vue&type=script&lang=js&\"\nexport * from \"./ServiceCreateStep6.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ServiceCreateStep6.vue?vue&type=style&index=0&id=f5a5fb5c&lang=stylus&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f5a5fb5c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceCreateStep6.vue?vue&type=style&index=0&id=f5a5fb5c&lang=stylus&scoped=true&\""],"sourceRoot":""}