{"version":3,"sources":["webpack:///./src/components/page/Home.vue?af54","webpack:///src/components/page/Home.vue","webpack:///./src/components/page/Home.vue?5a9e","webpack:///./src/components/page/Home.vue","webpack:///./src/components/page/Home.vue?3b8e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_m","on","$event","routerPush","_v","attrs","domProps","_l","item","idx","key","clickExtra","_s","title","desc","class","subTitle","clickInquiryCustom","theme","ref","slickOptionsFunc","Array","fill","map","i","c","clickPush","slickOptions","slickOptionsFuncMobile","slickOptionsMobile","staticRenderFns","name","components","SvgIcon","PopupNotice","Slick","CardProduct","created","$route","query","recm","$store","commit","getProduct","isMobile","readyList","push","icon","data","themes","centerMode","variableWidth","infinite","autoplay","centerPadding","slidesToShow","slidesToScroll","speed","prevArrow","nextArrow","arrows","steps","funcList","extras","serviceList","priceInfo","popupMarket","undefined","products","call","id","sale_price","discount_rate","rate","visit","reservation","booking","delivery","estimate","methods","a","href","target","document","body","appendChild","click","parentNode","removeChild","$axios","get","params","category","fields","ordering","res","forEach","obj","price","partner","img","tags","productDetail","window","open","url","addMessageEvent","addEventListener","onMessageMarket","removeMessageEvent","removeEventListener","e","close","redirectUrl","setTimeout","path","optPlan","isPrime","clickPreview","link","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgBC,YAAY,CAAC,iBAAiB,MAAM,CAACH,EAAG,MAAM,CAACE,YAAY,MAAM,CAACN,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIQ,GAAG,GAAGR,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,OAAOC,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,SAAS,CAACE,YAAY,6BAA6BC,YAAY,CAAC,MAAQ,SAASE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,WAAW,oBAAoB,CAACP,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACN,EAAIY,GAAG,qBAAqBR,EAAG,MAAM,CAACE,YAAY,iBAAiBC,YAAY,CAAC,eAAe,SAAS,CAACH,EAAG,QAAQ,CAACS,MAAM,CAAC,MAAQ,OAAO,UAAW,EAAK,MAAO,EAAK,MAAQ,GAAG,YAAc,GAAG,SAAW,OAAO,aAAe,aAAa,cAAgB,gBAAgBC,SAAS,CAAC,OAAQ,IAAO,CAACV,EAAG,SAAS,CAACS,MAAM,CAAC,IAAM,6FAA6F,KAAO,uBAAuBb,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,YAAYC,YAAY,CAAC,QAAU,YAAY,CAACH,EAAG,MAAM,CAACE,YAAY,YAAYC,YAAY,CAAC,iBAAiB,WAAW,CAACP,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,OAAOC,YAAY,CAAC,wBAAwB,iBAAiB,kBAAkB,OAAO,MAAQ,SAASP,EAAIe,GAAIf,EAAU,QAAE,SAASgB,EAAKC,GAAK,OAAOb,EAAG,MAAM,CAACc,IAAI,cAAgBD,EAAIX,YAAY,oBAAoBG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAImB,WAAWH,MAAS,CAACZ,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACS,MAAM,CAAC,IAAO,oBAAuBG,EAAS,KAAI,cAAeZ,EAAG,MAAM,CAACE,YAAY,cAAcC,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACN,EAAIY,GAAG,IAAIZ,EAAIoB,GAAGJ,EAAKK,gBAAgBjB,EAAG,MAAM,CAACE,YAAY,yBAAyBC,YAAY,CAAC,aAAa,WAAW,QAAU,WAAW,CAACP,EAAIY,GAAGZ,EAAIoB,GAAGJ,EAAKM,SAASlB,EAAG,MAAM,CAACE,YAAY,yCAAyCiB,MAAM,CAAmB,UAAlBP,EAAKQ,SAAuB,YAAc,WAAW,CAACxB,EAAIY,GAAGZ,EAAIoB,GAAGJ,EAAKQ,kBAAiB,GAAGpB,EAAG,SAAS,CAACE,YAAY,6CAA6CC,YAAY,CAAC,MAAQ,QAAQ,OAAS,QAAQE,GAAG,CAAC,MAAQT,EAAIyB,qBAAqB,CAACzB,EAAIY,GAAG,iBAAiBR,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYC,YAAY,CAAC,cAAc,eAAe,CAACP,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,mCAAmCN,EAAIe,GAAIf,EAAU,QAAE,SAAS0B,GAAO,OAAOtB,EAAG,eAAe,CAACc,IAAK,SAAYQ,EAAQ,GAAGb,MAAM,CAAC,KAAOa,QAAW,GAAG1B,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACE,YAAY,6BAA6BC,YAAY,CAAC,WAAa,yEAAyE,CAACH,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,OAAON,EAAIe,GAAG,IAAK,SAASE,GAAK,OAAOb,EAAG,MAAM,CAACc,IAAK,cAAgBD,EAAKJ,MAAM,CAAC,IAAM,8CAA6C,KAAKT,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,iBAAiBC,YAAY,CAAC,cAAc,SAAS,CAACP,EAAIY,GAAG,yBAAyBZ,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,IAAI,CAACS,MAAM,CAAC,KAAO,sCAAsC,OAAS,WAAW,CAACT,EAAG,SAAS,CAACE,YAAY,yCAAyCC,YAAY,CAAC,mBAAmB,cAAc,IAAM,SAAS,MAAQ,UAAU,CAACP,EAAIY,GAAG,YAAYR,EAAG,WAAW,CAACS,MAAM,CAAC,KAAO,mBAAmB,MAAQ,GAAG,OAAS,GAAG,MAAQ,WAAW,eAAeb,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,sBAAsBC,YAAY,CAAC,aAAa,SAAS,CAACP,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,aAAaC,YAAY,CAAC,wBAAwB,gBAAgB,kBAAkB,OAAO,eAAe,OAAO,OAAS,mDAAmDP,EAAIe,GAAIf,EAAY,UAAE,SAASgB,EAAKC,GAAK,OAAOb,EAAG,MAAM,CAACc,IAAI,QAAUD,GAAK,CAACb,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,eAAe,OAAOM,MAAM,CAAC,IAAO,oBAAuBG,EAAS,KAAI,OAAQ,IAAMA,EAAKK,SAASjB,EAAG,MAAM,CAACE,YAAY,aAAaC,YAAY,CAAC,cAAc,aAAa,CAACP,EAAIY,GAAGZ,EAAIoB,GAAGJ,EAAKK,iBAAgB,SAASrB,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,sDAAsD,CAACN,EAAIY,GAAG,8BAA8BR,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,WAAW,CAACH,EAAG,QAAQ,CAACuB,IAAI,QAAQd,MAAM,CAAC,QAAUb,EAAI4B,mBAAmB5B,EAAIe,GAAIc,MAAM,IAAIC,OAAOC,KAAI,SAAUC,EAAGC,GAAK,OAAQA,EAAI,GAAM,MAAO,SAASD,EAAEf,GAAK,OAAOb,EAAG,MAAM,CAACc,IAAI,mBAAqBD,EAAIV,YAAY,CAAC,QAAU,UAAUM,MAAM,CAAC,IAAO,4BAA8BmB,EAAI,aAAa,IAAI,OAAO5B,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYC,YAAY,CAAC,iBAAiB,WAAW,CAACH,EAAG,MAAM,CAACE,YAAY,mBAAmBC,YAAY,CAAC,aAAa,WAAW,CAACH,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACN,EAAIY,GAAG,iCAAiCR,EAAG,MAAM,CAACE,YAAY,8BAA8BC,YAAY,CAAC,aAAa,QAAQ,CAACP,EAAIY,GAAG,qDAAqDR,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsBG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIkC,UAAU,mBAAmB,CAAC9B,EAAG,MAAM,CAACE,YAAY,uBAAuBC,YAAY,CAAC,eAAe,SAAS,CAACP,EAAIY,GAAG,YAAYR,EAAG,MAAM,CAACE,YAAY,cAAcO,MAAM,CAAC,IAAM,+CAA+CT,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,uCAAuCb,EAAIQ,GAAG,QAAQJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,SAAS,CAACP,EAAIQ,GAAG,IAAIR,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsBG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIkC,UAAU,yBAAyB,CAAC9B,EAAG,MAAM,CAACE,YAAY,uBAAuBC,YAAY,CAAC,eAAe,SAAS,CAACP,EAAIY,GAAG,YAAYR,EAAG,MAAM,CAACE,YAAY,cAAcO,MAAM,CAAC,IAAM,+CAA+CT,EAAG,MAAM,CAACG,YAAY,CAAC,QAAU,OAAO,wBAAwB,iBAAiB,kBAAkB,OAAO,eAAe,SAASP,EAAIe,GAAIf,EAAe,aAAE,SAASgB,EAAKC,GAAK,OAAOb,EAAG,MAAM,CAACc,IAAI,QAAUD,GAAK,CAACb,EAAG,MAAM,CAACS,MAAM,CAAC,IAAO,oBAAuBG,EAAQ,IAAI,UAAWZ,EAAG,MAAM,CAACE,YAAY,aAAaC,YAAY,CAAC,aAAa,SAAS,CAACP,EAAIY,GAAGZ,EAAIoB,GAAGJ,EAAKK,eAAc,SAASjB,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACJ,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,WAAW,CAACG,YAAY,CAAC,eAAe,OAAOM,MAAM,CAAC,KAAO,kBAAkB,MAAQ,UAAU,MAAQ,GAAG,OAAS,MAAMT,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIY,GAAG,qBAAqB,GAAGR,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,SAAS,aAAa,SAAS,CAACH,EAAG,QAAQ,CAACuB,IAAI,QAAQd,MAAM,CAAC,QAAUb,EAAImC,eAAenC,EAAIe,GAAIc,MAAM,IAAIC,OAAOC,KAAI,SAAUC,EAAGC,GAAK,OAAQA,EAAI,EAAK,MAAO,SAASD,EAAEf,GAAK,OAAOb,EAAG,MAAM,CAACc,IAAI,iBAAmBD,EAAIJ,MAAM,CAAC,IAAO,qCAAuCmB,EAAI,aAAa,IAAI,SAAShC,EAAIQ,GAAG,MAAMJ,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,IAAIR,EAAIQ,GAAG,IAAIJ,EAAG,QAAQ,CAACG,YAAY,CAAC,gBAAgB,QAAQM,MAAM,CAAC,MAAQ,OAAO,UAAW,EAAK,MAAO,EAAK,YAAc,GAAG,SAAW,OAAO,MAAQ,GAAG,aAAe,aAAa,cAAgB,gBAAgBC,SAAS,CAAC,OAAQ,IAAO,CAACV,EAAG,SAAS,CAACS,MAAM,CAAC,IAAM,6FAA6F,KAAO,iBAAiBT,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,SAAS,CAACE,YAAY,gCAAgCC,YAAY,CAAC,eAAe,OAAOE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,WAAW,oBAAoB,CAACX,EAAIQ,GAAG,YAAYR,EAAIQ,GAAG,IAAIR,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,wBAAwBC,YAAY,CAAC,wBAAwB,iBAAiB,eAAe,MAAM,MAAQ,OAAO,kBAAkB,SAASP,EAAIe,GAAIf,EAAY,UAAE,SAASgB,EAAKC,GAAK,OAAOb,EAAG,MAAM,CAACc,IAAI,QAAUD,EAAIX,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYO,MAAM,CAAC,IAAO,oBAAuBG,EAAS,KAAI,OAAQ,IAAMA,EAAKK,SAASjB,EAAG,MAAM,CAACE,YAAY,aAAaC,YAAY,CAAC,cAAc,WAAW,cAAc,SAAS,CAACP,EAAIY,GAAGZ,EAAIoB,GAAGJ,EAAKK,eAAc,GAAGrB,EAAIQ,GAAG,QAAQJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,gBAAgBO,MAAM,CAAC,GAAK,gBAAgBb,EAAIe,GAAIf,EAAU,QAAE,SAAS0B,GAAO,OAAOtB,EAAG,eAAe,CAACc,IAAK,SAAYQ,EAAQ,GAAGnB,YAAY,CAAC,aAAa,QAAQM,MAAM,CAAC,OAAS,SAAS,QAAU,GAAG,KAAOa,QAAW,KAAKtB,EAAG,MAAM,CAACE,YAAY,8CAA8C,CAACN,EAAIQ,GAAG,IAAIR,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACS,MAAM,CAAC,KAAO,sCAAsC,OAAS,WAAW,CAACT,EAAG,SAAS,CAACE,YAAY,yCAAyCC,YAAY,CAAC,mBAAmB,cAAc,IAAM,OAAO,MAAQ,QAAQ,OAAS,SAAS,CAACP,EAAIY,GAAG,YAAYR,EAAG,WAAW,CAACS,MAAM,CAAC,KAAO,mBAAmB,MAAQ,GAAG,OAAS,GAAG,MAAQ,WAAW,WAAWT,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,+CAA+C,CAACN,EAAIY,GAAG,8BAA8BR,EAAG,MAAM,CAACE,YAAY,OAAOC,YAAY,CAAC,wBAAwB,iBAAiB,eAAe,OAAO,kBAAkB,OAAO,MAAQ,SAASP,EAAIe,GAAIf,EAAU,QAAE,SAASgB,EAAKC,GAAK,OAAOb,EAAG,MAAM,CAACc,IAAI,cAAgBD,EAAIX,YAAY,oBAAoBG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAImB,WAAWH,MAAS,CAACZ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACS,MAAM,CAAC,IAAO,oBAAuBG,EAAS,KAAI,cAAeZ,EAAG,MAAM,CAACE,YAAY,cAAcC,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIY,GAAG,IAAIZ,EAAIoB,GAAGJ,EAAKK,cAAcjB,EAAG,MAAM,CAACE,YAAY,yBAAyBC,YAAY,CAAC,aAAa,WAAW,QAAU,SAAS,aAAa,QAAQ,CAACP,EAAIY,GAAGZ,EAAIoB,GAAGJ,EAAKM,WAAWlB,EAAG,MAAM,CAACE,YAAY,oCAAoCiB,MAAM,CAAmB,UAAlBP,EAAKQ,SAAuB,YAAc,UAAUjB,YAAY,CAAC,QAAU,gBAAgB,CAACP,EAAIY,GAAGZ,EAAIoB,GAAGJ,EAAKQ,kBAAiB,OAAOxB,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,QAAQ,CAACuB,IAAI,QAAQpB,YAAY,CAAC,MAAQ,QAAQM,MAAM,CAAC,QAAUb,EAAIoC,yBAAyBpC,EAAIe,GAAIc,MAAM,IAAIC,OAAOC,KAAI,SAAUC,EAAGC,GAAK,OAAQA,EAAI,GAAM,MAAO,SAASD,EAAEf,GAAK,OAAOb,EAAG,MAAM,CAACc,IAAI,mBAAqBD,EAAIV,YAAY,CAAC,QAAU,SAASM,MAAM,CAAC,IAAO,4BAA8BmB,EAAI,aAAa,IAAI,OAAO5B,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,sCAAsC,CAACN,EAAIY,GAAG,qDAAqDR,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,qCAAqCb,EAAIQ,GAAG,IAAIR,EAAIQ,GAAG,IAAIR,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,SAAS,CAACE,YAAY,qCAAqCC,YAAY,CAAC,MAAQ,QAAQ,OAAS,QAAQE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,WAAW,sBAAsB,CAACX,EAAIY,GAAG,sBAAsBR,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,IAAIR,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACG,YAAY,CAAC,QAAU,OAAO,wBAAwB,iBAAiB,kBAAkB,MAAM,eAAe,SAASP,EAAIe,GAAIf,EAAe,aAAE,SAASgB,EAAKC,GAAK,OAAOb,EAAG,MAAM,CAACc,IAAI,QAAUD,GAAK,CAACb,EAAG,MAAM,CAACS,MAAM,CAAC,IAAO,oBAAuBG,EAAQ,IAAI,UAAWZ,EAAG,MAAM,CAACE,YAAY,aAAaC,YAAY,CAAC,aAAa,QAAQ,CAACP,EAAIY,GAAGZ,EAAIoB,GAAGJ,EAAKK,eAAc,OAAOjB,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,IAAIJ,EAAG,MAAM,CAACE,YAAY,uDAAuD,CAACN,EAAIY,GAAG,oBAAoBR,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,QAAQ,CAACuB,IAAI,QAAQpB,YAAY,CAAC,MAAQ,QAAQM,MAAM,CAAC,QAAUb,EAAIqC,qBAAqBrC,EAAIe,GAAIc,MAAM,IAAIC,OAAOC,KAAI,SAAUC,EAAGC,GAAK,OAAQA,EAAI,EAAK,MAAO,SAASD,EAAEf,GAAK,OAAOb,EAAG,MAAM,CAACc,IAAI,mBAAqBD,EAAIJ,MAAM,CAAC,IAAO,qCAAuCmB,EAAI,aAAa,IAAI,OAAOhC,EAAIQ,GAAG,MAAMJ,EAAG,iBAAiB,IACpmZkC,EAAkB,CAAC,WAAa,IAAItC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYC,YAAY,CAAC,QAAU,UAAU,CAACH,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,gDAAgD,CAACF,EAAG,OAAO,CAACE,YAAY,sCAAsC,CAACN,EAAIY,GAAG,aAAaR,EAAG,MAAMJ,EAAIY,GAAG,WAAWR,EAAG,MAAMJ,EAAIY,GAAG,2BAA2BR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqBC,YAAY,CAAC,eAAe,SAAS,CAACP,EAAIY,GAAG,kBAAkBR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIY,GAAG,0CAA0CR,EAAG,MAAM,CAACE,YAAY,eAAeO,MAAM,CAAC,IAAM,sCAAsCT,EAAG,MAAM,CAACG,YAAY,CAAC,QAAU,OAAO,wBAAwB,iBAAiB,kBAAkB,OAAO,aAAa,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,0BAA0BC,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,eAAe,QAAQM,MAAM,CAAC,IAAM,oCAAoCT,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIY,GAAG,oBAAoBR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIY,GAAG,+CAA+CR,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,eAAe,QAAQM,MAAM,CAAC,IAAM,oCAAoCT,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIY,GAAG,wBAAwBR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIY,GAAG,8CAA8CR,EAAG,MAAM,CAACE,YAAY,0BAA0BC,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,eAAe,QAAQM,MAAM,CAAC,IAAM,oCAAoCT,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIY,GAAG,kBAAkBR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIY,GAAG,iDAAiD,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIY,GAAG,kBAAkBR,EAAG,MAAMJ,EAAIY,GAAG,iBAAiBR,EAAG,MAAMJ,EAAIY,GAAG,aAAa,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACN,EAAIY,GAAG,iBAAiBR,EAAG,MAAMJ,EAAIY,GAAG,uBAAuBR,EAAG,MAAMJ,EAAIY,GAAG,0BAA0B,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACN,EAAIY,GAAG,kBAAkBR,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIY,GAAG,YAAYR,EAAG,MAAMJ,EAAIY,GAAG,gCAAgCR,EAAG,MAAMJ,EAAIY,GAAG,uBAAuBR,EAAG,MAAM,CAACE,YAAY,aAAaC,YAAY,CAAC,OAAS,gBAAgB,CAACP,EAAIY,GAAG,+BAA+BR,EAAG,MAAMJ,EAAIY,GAAG,wCAAwCR,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACN,EAAIY,GAAG,gCAAgCR,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACN,EAAIY,GAAG,mCAAmCR,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,UAAU,CAACH,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,wCAAwCT,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,cAAc,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACN,EAAIY,GAAG,sBAAsBR,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACN,EAAIY,GAAG,sBAAsBR,EAAG,MAAMJ,EAAIY,GAAG,mBAAmBR,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,UAAU,CAACH,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,+CAA+C,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmBC,YAAY,CAAC,aAAa,WAAW,CAACH,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACN,EAAIY,GAAG,iCAAiC,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACN,EAAIY,GAAG,iBAAiBR,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,OAAO,CAACJ,EAAIY,GAAG,wCAAwCR,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIY,GAAG,UAAUR,EAAG,MAAMJ,EAAIY,GAAG,mBAAmBR,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACN,EAAIY,GAAG,qCAAqCR,EAAG,MAAMJ,EAAIY,GAAG,wCAAwC,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,IAAI,CAACG,YAAY,CAAC,MAAQ,WAAWM,MAAM,CAAC,KAAO,4CAA4C,OAAS,eAAe,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAUC,YAAY,CAAC,cAAc,SAAS,CAACP,EAAIY,GAAG,kBAAkBR,EAAG,MAAMJ,EAAIY,GAAG,qBAAqB,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYC,YAAY,CAAC,cAAc,eAAe,CAACH,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACN,EAAIY,GAAG,kBAAkBR,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIY,GAAG,YAAYR,EAAG,MAAMJ,EAAIY,GAAG,4BAA4BR,EAAG,MAAMJ,EAAIY,GAAG,4CAA4CR,EAAG,MAAM,CAACE,YAAY,aAAaC,YAAY,CAAC,OAAS,gBAAgB,CAACP,EAAIY,GAAG,uCAAuCR,EAAG,MAAMJ,EAAIY,GAAG,mCAAmCR,EAAG,MAAM,CAACE,YAAY,aAAaC,YAAY,CAAC,gBAAgB,SAAS,CAACP,EAAIY,GAAG,6DAA6DR,EAAG,MAAMJ,EAAIY,GAAG,0EAA0E,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACN,EAAIY,GAAG,gBAAgBR,EAAG,MAAMJ,EAAIY,GAAG,kDAAkD,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQC,YAAY,CAAC,gBAAgB,SAAS,CAACH,EAAG,MAAM,CAACG,YAAY,CAAC,aAAa,QAAQM,MAAM,CAAC,IAAM,sCAAsC,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwBC,YAAY,CAAC,QAAU,UAAU,CAACH,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACN,EAAIY,GAAG,4BAA4BR,EAAG,MAAMJ,EAAIY,GAAG,uBAAuBR,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACN,EAAIY,GAAG,sDAAsDR,EAAG,MAAMJ,EAAIY,GAAG,yCAAyCR,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,+CAA+C,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsBC,YAAY,CAAC,OAAS,YAAY,CAACH,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,UAAU,CAACH,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACN,EAAIY,GAAG,qBAAqBR,EAAG,MAAMJ,EAAIY,GAAG,eAAeR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIY,GAAG,wCAAwCR,EAAG,MAAMJ,EAAIY,GAAG,+FAA+FR,EAAG,MAAM,CAACG,YAAY,CAAC,OAAS,SAASM,MAAM,CAAC,IAAM,2CAA2C,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,4CAA4C,CAACF,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACN,EAAIY,GAAG,wBAAwBR,EAAG,MAAMJ,EAAIY,GAAG,aAAaR,EAAG,MAAMJ,EAAIY,GAAG,+BAA+B,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACN,EAAIY,GAAG,iDAAiDR,EAAG,MAAMJ,EAAIY,GAAG,0DAA0D,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,4CAA4C,CAACF,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACN,EAAIY,GAAG,yBAAyBR,EAAG,MAAMJ,EAAIY,GAAG,oCAAoC,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoBC,YAAY,CAAC,KAAO,MAAM,UAAY,oBAAoBM,MAAM,CAAC,IAAM,wCAAwCT,EAAG,MAAM,CAACE,YAAY,wBAAwBC,YAAY,CAAC,IAAM,QAAQ,UAAU,MAAM,CAACH,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,mBAAmBC,YAAY,CAAC,MAAQ,QAAQ,OAAS,QAAQM,MAAM,CAAC,IAAM,sCAAsC,IAAM,YAAYT,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACN,EAAIY,GAAG,qBAAqBR,EAAG,MAAM,CAACE,YAAY,4CAA4C,CAACN,EAAIY,GAAG,mBAAmBR,EAAG,MAAMJ,EAAIY,GAAG,2BAA2BR,EAAG,IAAI,CAACS,MAAM,CAAC,KAAO,gCAAgC,OAAS,WAAW,CAACT,EAAG,SAAS,CAACE,YAAY,iCAAiCC,YAAY,CAAC,MAAQ,QAAQ,OAAS,SAAS,CAACP,EAAIY,GAAG,kBAAkBR,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,QAAQ,OAAS,QAAQ,eAAe,UAAUM,MAAM,CAAC,IAAM,uCAAuC,IAAM,WAAW,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyBC,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,IAAM,IAAI,KAAO,IAAI,QAAU,eAAe,iBAAiB,WAAW,CAACH,EAAG,MAAM,CAACE,YAAY,mDAAmD,CAACN,EAAIY,GAAG,kBAAkBR,EAAG,MAAM,CAACE,YAAY,uDAAuD,CAACF,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACN,EAAIY,GAAG,aAAaR,EAAG,MAAMJ,EAAIY,GAAG,WAAWR,EAAG,MAAMJ,EAAIY,GAAG,iBAAiBR,EAAG,MAAMJ,EAAIY,GAAG,YAAYR,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACN,EAAIY,GAAG,wBAAwBR,EAAG,MAAMJ,EAAIY,GAAG,iBAAiBR,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0BC,YAAY,CAAC,MAAQ,UAAU,CAACH,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,eAAe,QAAQM,MAAM,CAAC,IAAM,oCAAoCT,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIY,GAAG,oBAAoBR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIY,GAAG,iDAAiDR,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0BC,YAAY,CAAC,MAAQ,UAAU,CAACH,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,eAAe,QAAQM,MAAM,CAAC,IAAM,oCAAoCT,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIY,GAAG,wBAAwBR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIY,GAAG,gDAAgDR,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0BC,YAAY,CAAC,MAAQ,UAAU,CAACH,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,eAAe,QAAQM,MAAM,CAAC,IAAM,oCAAoCT,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIY,GAAG,kBAAkBR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIY,GAAG,iDAAiD,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sDAAsD,CAACF,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIY,GAAG,qBAAqBR,EAAG,MAAMJ,EAAIY,GAAG,iBAAiBR,EAAG,MAAMJ,EAAIY,GAAG,aAAa,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sCAAsC,CAACN,EAAIY,GAAG,0BAA0BR,EAAG,MAAMJ,EAAIY,GAAG,qCAAqC,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIY,GAAG,oBAAoB,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,+CAA+C,CAACF,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIY,GAAG,kBAAkBR,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIY,GAAG,YAAYR,EAAG,MAAMJ,EAAIY,GAAG,mDAAmDR,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACN,EAAIY,GAAG,+BAA+BR,EAAG,MAAMJ,EAAIY,GAAG,wCAAwCR,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACN,EAAIY,GAAG,6BAA6BR,EAAG,MAAM,CAACE,YAAY,kDAAkD,CAACN,EAAIY,GAAG,iCAAiCR,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,2CAA2CT,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,yDAAyD,CAACN,EAAIY,GAAG,sBAAsBR,EAAG,MAAM,CAACE,YAAY,iDAAiD,CAACN,EAAIY,GAAG,sBAAsBR,EAAG,MAAMJ,EAAIY,GAAG,iBAAiBR,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,gDAAgD,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,+CAA+C,CAACF,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIY,GAAG,kBAAkBR,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIY,GAAG,YAAYR,EAAG,MAAMJ,EAAIY,GAAG,qEAAqER,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIY,GAAG,qEAAqER,EAAG,MAAMJ,EAAIY,GAAG,KAAKR,EAAG,MAAMJ,EAAIY,GAAG,+DAA+DR,EAAG,MAAMJ,EAAIY,GAAG,yEAAyE,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+CAA+C,CAACF,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIY,GAAG,gBAAgBR,EAAG,MAAMJ,EAAIY,GAAG,cAAcR,EAAG,MAAMJ,EAAIY,GAAG,kBAAkBR,EAAG,MAAMJ,EAAIY,GAAG,sBAAsB,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,sCAAsC,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+CAA+C,CAACF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACN,EAAIY,GAAG,iBAAiBR,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,OAAO,CAACJ,EAAIY,GAAG,wBAAwBR,EAAG,MAAMJ,EAAIY,GAAG,oBAAoBR,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIY,GAAG,SAASR,EAAG,MAAMJ,EAAIY,GAAG,mBAAmBR,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACN,EAAIY,GAAG,qCAAqCR,EAAG,MAAMJ,EAAIY,GAAG,wCAAwC,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,CAAC,QAAU,WAAW,CAACH,EAAG,MAAM,CAACE,YAAY,eAAeC,YAAY,CAAC,cAAc,SAAS,CAACP,EAAIY,GAAG,yBAAyBR,EAAG,MAAM,CAACE,YAAY,kBAAkBC,YAAY,CAAC,cAAc,SAAS,CAACP,EAAIY,GAAG,kBAAkBR,EAAG,MAAMJ,EAAIY,GAAG,uBAAuB,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,CAAC,OAAS,SAAS,SAAW,WAAW,CAACH,EAAG,MAAM,CAACG,YAAY,CAAC,OAAS,SAASM,MAAM,CAAC,IAAM,2CAA2C,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYC,YAAY,CAAC,QAAU,UAAU,CAACH,EAAG,MAAM,CAACE,YAAY,+CAA+C,CAACN,EAAIY,GAAG,gDAAgDR,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACN,EAAIY,GAAG,2FAA2FR,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,2CAA2C,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sCAAsC,CAACN,EAAIY,GAAG,cAAcR,EAAG,MAAMJ,EAAIY,GAAG,qBAAqB,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,4CAA4C,CAACN,EAAIY,GAAG,eAAeR,EAAG,MAAMJ,EAAIY,GAAG,sBAAsB,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoBC,YAAY,CAAC,OAAS,gBAAgB,CAACP,EAAIY,GAAG,qBAAqBR,EAAG,MAAMJ,EAAIY,GAAG,gBAAgB,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACN,EAAIY,GAAG,wCAAwCR,EAAG,MAAMJ,EAAIY,GAAG,8FAA8F,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACF,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,8CAA8C,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+CAA+C,CAACF,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIY,GAAG,wBAAwBR,EAAG,MAAMJ,EAAIY,GAAG,aAAaR,EAAG,MAAMJ,EAAIY,GAAG,qBAAqBR,EAAG,MAAMJ,EAAIY,GAAG,aAAa,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sCAAsC,CAACN,EAAIY,GAAG,iDAAiDR,EAAG,MAAMJ,EAAIY,GAAG,0DAA0D,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+CAA+C,CAACF,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIY,GAAG,yBAAyBR,EAAG,MAAMJ,EAAIY,GAAG,oCAAoC,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoBC,YAAY,CAAC,OAAS,QAAQ,KAAO,qBAAqBM,MAAM,CAAC,IAAM,wCAAwCT,EAAG,MAAM,CAACE,YAAY,oBAAoBC,YAAY,CAAC,UAAU,MAAM,CAACH,EAAG,MAAM,CAACE,YAAY,mBAAmBC,YAAY,CAAC,MAAQ,QAAQ,OAAS,QAAQM,MAAM,CAAC,IAAM,sCAAsC,IAAM,YAAYT,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACN,EAAIY,GAAG,oBAAoBR,EAAG,MAAMA,EAAG,OAAO,CAACE,YAAY,yBAAyB,CAACN,EAAIY,GAAG,oBAAoBR,EAAG,MAAMJ,EAAIY,GAAG,oBAAoBR,EAAG,MAAMJ,EAAIY,GAAG,aAAaR,EAAG,MAAM,CAACA,EAAG,IAAI,CAACS,MAAM,CAAC,KAAO,gCAAgC,OAAS,WAAW,CAACT,EAAG,SAAS,CAACE,YAAY,iCAAiCC,YAAY,CAAC,MAAQ,QAAQ,OAAS,SAAS,CAACP,EAAIY,GAAG,kBAAkBR,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,QAAQ,OAAS,QAAQ,aAAa,QAAQM,MAAM,CAAC,IAAM,uCAAuC,IAAM,c,wHC4nBx/nB,GACE0B,KAAM,OACNC,WAAY,CACVC,QAAJ,aACIC,YAAJ,aACIC,MAAJ,OACIC,YAAJ,cAEEC,QARF,WASQ5C,KAAK6C,OAAOC,MAAMC,MACpB/C,KAAKgD,OAAOC,OAAO,cAAejD,KAAK6C,OAAOC,MAAMC,MAEtD/C,KAAKkD,aACDlD,KAAKmD,UACPnD,KAAKoD,UAAUC,KAAK,CAClBjC,MAAO,UACPkC,KAAM,qCAIZC,KApBF,WAqBI,MAAO,CACLC,OAAQ,GACRtB,aAAc,CACZuB,YAAY,EACZC,eAAe,EACfC,UAAU,EACVC,UAAU,EACVC,cAAe,OACfC,aAAc,EACdC,eAAgB,EAChBC,MAAO,IACPC,UAAW,2HACXC,UAAW,8HAEbvC,iBAAkB,CAChB8B,YAAY,EACZC,eAAe,EACfC,UAAU,EACVC,UAAU,EACVC,cAAe,OACfC,aAAc,EACdC,eAAgB,EAChBC,MAAO,IACPC,UAAW,2HACXC,UAAW,8HAEb9B,mBAAoB,CAClBqB,YAAY,EACZC,eAAe,EACfS,QAAQ,EACRR,UAAU,EACVC,UAAU,EACVC,cAAe,OACfC,aAAc,EACdC,eAAgB,EAChBC,MAAO,KAET7B,uBAAwB,CACtBsB,YAAY,EACZC,eAAe,EACfS,QAAQ,EACRR,UAAU,EACVC,UAAU,EACVC,cAAe,OACfC,aAAc,EACdC,eAAgB,EAChBC,MAAO,KAETI,MAAO,CACb,CACQ,MAAR,cACQ,QAAR,wCACQ,KAAR,mBAEA,CACQ,MAAR,oBACQ,QAAR,uCACQ,KAAR,kBAEA,CACQ,MAAR,OACQ,QAAR,oCACQ,KAAR,iBAEA,CACQ,MAAR,eACQ,QAAR,4CACQ,KAAR,4BAGMhB,UAAW,CACjB,CACQ,MAAR,UACQ,KAAR,cAEA,CACQ,MAAR,WACQ,KAAR,UAEA,CACQ,MAAR,OACQ,KAAR,sBAEA,CACQ,MAAR,MACQ,KAAR,yBAEA,CACQ,MAAR,WACQ,KAAR,qBAEA,CACQ,MAAR,YACQ,KAAR,eAEA,CACQ,MAAR,SACQ,KAAR,mBAEA,CACQ,MAAR,gBACQ,KAAR,sBAGMiB,SAAU,CAChB,CACQ,MAAR,OACQ,KAAR,eAEA,CACQ,MAAR,OACQ,KAAR,kBAEA,CACQ,MAAR,OACQ,KAAR,kBAEA,CACQ,MAAR,SACQ,KAAR,aAEA,CACQ,MAAR,QACQ,KAAR,YAEA,CACQ,MAAR,YACQ,KAAR,eAEA,CACQ,MAAR,SACQ,KAAR,qBAEA,CACQ,MAAR,OACQ,KAAR,oBAEA,CACQ,MAAR,QACQ,KAAR,SAEA,CACQ,MAAR,QACQ,KAAR,UAEA,CACQ,MAAR,OACQ,KAAR,UAEA,CACQ,MAAR,QACQ,KAAR,cAEA,CACQ,MAAR,SACQ,KAAR,eAEA,CACQ,MAAR,QACQ,KAAR,cAEA,CACQ,MAAR,OACQ,KAAR,iBAGMC,OAAQ,CACd,CACQ,SAAR,QACQ,MAAR,kBACQ,KAAR,iBACQ,KAAR,cAEA,CACQ,SAAR,aACQ,MAAR,cACQ,KAAR,0BACQ,KAAR,4BAEA,CACQ,SAAR,QACQ,MAAR,YACQ,KAAR,kBACQ,KAAR,gBAEA,CACQ,SAAR,QACQ,MAAR,eACQ,KAAR,qBACQ,KAAR,iBAEA,CACQ,SAAR,aACQ,MAAR,SACQ,KAAR,kBACQ,KAAR,kBAEA,CACQ,SAAR,aACQ,MAAR,SACQ,KAAR,qBACQ,KAAR,gBAGMC,YAAa,CACnB,CACQ,MAAR,WACQ,IAAR,mBAEA,CACQ,MAAR,SACQ,IAAR,UAEA,CACQ,MAAR,cACQ,IAAR,aAEA,CACQ,MAAR,cACQ,IAAR,aAEA,CACQ,MAAR,uBACQ,IAAR,UAEA,CACQ,MAAR,MACQ,IAAR,cAEA,CACQ,MAAR,MACQ,IAAR,gBAGMC,UAAW,CACjB,CACQ,KAAR,OACQ,KAAR,KACQ,OAAR,SACQ,QAAR,UACQ,QAAR,YACQ,QAAR,WACQ,MAAR,YACQ,OAAR,iBACQ,OAAR,UAEA,CACQ,MAAR,QACQ,MAAR,UACQ,MAAR,uBACQ,IAAR,WACQ,KAAR,gBACQ,UAAR,KACQ,KAAR,CACU,IAAV,CACY,MAAZ,OAEU,MAAV,CACY,MAAZ,MACY,cAAZ,IAEU,IAAV,CACY,MAAZ,MACY,cAAZ,IAEU,OAAV,CACY,MAAZ,OACY,cAAZ,KAGQ,OAAR,OACQ,QAAR,OACQ,QAAR,MACQ,QAAR,MACQ,MAAR,KACQ,OAAR,YACQ,OAAR,OAEA,CACQ,MAAR,YACQ,MAAR,sBACQ,MAAR,YACQ,IAAR,WACQ,KAAR,gBACQ,UAAR,KACQ,KAAR,CACU,IAAV,CACY,MAAZ,OAEU,MAAV,CACY,MAAZ,MACY,cAAZ,IAEU,IAAV,CACY,MAAZ,MACY,cAAZ,IAEU,OAAV,CACY,MAAZ,OACY,cAAZ,KAGQ,OAAR,OACQ,QAAR,OACQ,QAAR,MACQ,QAAR,MACQ,MAAR,KACQ,OAAR,YACQ,OAAR,UAEA,CACQ,MAAR,WACQ,MAAR,YACQ,MAAR,wBACQ,IAAR,WACQ,KAAR,gBACQ,UAAR,KACQ,KAAR,CACU,IAAV,CACY,MAAZ,OAEU,MAAV,CACY,MAAZ,MACY,cAAZ,IAEU,IAAV,CACY,MAAZ,MACY,cAAZ,IAEU,OAAV,CACY,MAAZ,OACY,cAAZ,KAGQ,OAAR,SACQ,QAAR,QACQ,QAAR,MACQ,QAAR,OACQ,MAAR,KACQ,OAAR,YACQ,OAAR,UAEA,CACQ,MAAR,QACQ,MAAR,WACQ,MAAR,UACQ,IAAR,WACQ,KAAR,mBACQ,KAAR,qBACQ,OAAR,MACQ,QAAR,MACQ,QAAR,MACQ,QAAR,MACQ,MAAR,MACQ,OAAR,YACQ,OAAR,WAGMC,iBAAaC,EACbC,SAAU,CACRC,KAAM,CACJC,GAAI,EACJC,WAAY,IACZC,cAAe,GACfC,KAAM,EACNC,MAAO,GAETC,YAAa,CACXL,GAAI,EACJC,WAAY,IACZC,cAAe,GACfC,KAAM,EACNC,MAAO,GAETE,QAAS,CACPN,GAAI,EACJC,WAAY,IACZC,cAAe,GACfC,KAAM,EACNC,MAAO,GAETG,SAAU,CACRP,GAAI,EACJC,WAAY,IACZC,cAAe,GACfC,KAAM,EACNC,MAAO,GAETI,SAAU,CACRR,GAAI,EACJC,WAAY,IACZC,cAAe,GACfC,KAAM,EACNC,MAAO,MAKfK,QAAS,CACP9D,mBADJ,WAEM,IAAN,8BACM+D,EAAEC,KAAO,iCACTD,EAAEE,OAAS,SACXC,SAASC,KAAKC,YAAYL,GAC1BA,EAAEM,QACFN,EAAEO,WAAWC,YAAYR,IAE3BrC,WATJ,WASA,WACMlD,KAAKgG,OAAOC,IAAI,yBAA0B,CACxCC,OAAQ,CACNC,SAAU,GACVC,OAAQ,8HACRC,SAAU,cAEpB,kBACQ,EAAR,mBACQC,EAAI/C,KAAKA,KAAKgD,SAAQ,SAA9B,GACU,IAAV,2DACA,gBACUC,EAAI3B,GAAK9C,EAAE8C,GACX2B,EAAI1B,WAAa/C,EAAE0E,MAAM3B,WACzB0B,EAAIzB,cAAgBhD,EAAE0E,MAAM1B,cAC5ByB,EAAIxB,KAAOjD,EAAEiD,KACbwB,EAAIvB,MAAQlD,EAAEkD,MACduB,EAAIE,QAAU3E,EAAE2E,QAChBF,EAAIG,IAAM5E,EAAE4E,IACZH,EAAIlE,KAAOP,EAAEO,KACbkE,EAAII,KAAO7E,EAAE6E,YAInBC,cAjCJ,SAiCA,GACM,IAAN,OACA,MACA,gCACM7G,KAAKyE,YAAcqC,OAAOC,KAAKC,EAAK,YAAa,SAAvD,yFACMhH,KAAKiH,mBAEPA,gBAxCJ,WAyCMH,OAAOI,iBAAiB,UAAWlH,KAAKmH,kBAE1CC,mBA3CJ,WA4CMN,OAAOO,oBAAoB,UAAWrH,KAAKmH,kBAE7CA,gBA9CJ,SA8CA,GACUG,EAAE/D,KAAKgE,QACTvH,KAAKyE,YAAY8C,QACjBvH,KAAKoH,qBACDE,EAAE/D,KAAKiE,aACTC,YAAW,WACTX,OAAOC,KAAKO,EAAE/D,KAAKiE,eAC/B,OAIIvF,UAzDJ,SAyDA,GACM,IAAN,OACA,MACMjC,KAAKyE,YAAcqC,OAAOC,KAAKW,EAAM,YAAa,SAAxD,yFACM1H,KAAKiH,mBAEPU,QA/DJ,SA+DA,GACM,IAAN,yBACM,MAAO,8CAAb,oBAEIC,QAnEJ,SAmEA,GACM,GAAsB,UAAlB7G,EAAKQ,SACP,OAAO,GAGXsG,aAxEJ,SAwEA,GAIM,IAAN,8BACMtC,EAAEC,KAAOwB,EACTzB,EAAEE,OAAS,SACXC,SAASC,KAAKC,YAAYL,GAC1BA,EAAEM,QACFN,EAAEO,WAAWC,YAAYR,IAG3BjC,KApFJ,SAoFA,GACM,MAAO,gBAAb,kBAEIqD,IAvFJ,SAuFA,GACM,MAAO,oBAAb,kBAEIzF,WA1FJ,SA0FA,GACUH,EAAK+G,MACP9H,KAAKU,WAAWK,EAAK+G,SC5nCgU,I,wBCQzVC,EAAY,eACd,EACAjI,EACAuC,GACA,EACA,KACA,WACA,MAIa,aAAA0F,E,6CCnBf","file":"js/chunk-4906e14a.adddfc20.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-top\",staticStyle:{\"padding-bottom\":\"0\"}},[_c('div',{staticClass:\"pc\"},[_vm._m(0),_c('div',{staticClass:\"section-2\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"col-4\"},[_vm._m(1),_vm._m(2),_c('div',{staticClass:\"flex\",staticStyle:{\"margin-top\":\"40px\"}},[_c('button',{staticClass:\"button-home button-primary\",staticStyle:{\"width\":\"220px\"},on:{\"click\":function($event){return _vm.routerPush('/theme_market')}}},[_c('div',{staticClass:\"body2-bold text-center\"},[_vm._v(\"무료체험 바로가기\")])])])]),_c('div',{staticClass:\"col-8 flex-end\",staticStyle:{\"padding-left\":\"80px\"}},[_c('video',{attrs:{\"width\":\"100%\",\"autoplay\":true,\"loop\":true,\"muted\":\"\",\"playsinline\":\"\",\"controls\":\"true\",\"controlsList\":\"nodownload\",\"oncontextmenu\":\"return false\"},domProps:{\"muted\":true}},[_c('source',{attrs:{\"src\":\"https://s3.ap-northeast-2.amazonaws.com/launchpack-storage/media/non-path/service_main.mp4\",\"type\":\"video/mp4\"}})])])])]),_vm._m(3),_c('div',{staticClass:\"section-7\",staticStyle:{\"padding\":\"100px 0\"}},[_c('div',{staticClass:\"container\",staticStyle:{\"flex-direction\":\"column\"}},[_vm._m(4),_c('div',{staticClass:\"grid\",staticStyle:{\"grid-template-columns\":\"repeat(6, 1fr)\",\"grid-column-gap\":\"20px\",\"width\":\"100%\"}},_vm._l((_vm.extras),function(item,idx){return _c('div',{key:'card-extra-' + idx,staticClass:\"position-relative\",on:{\"click\":function($event){return _vm.clickExtra(item)}}},[_c('div',{staticClass:\"card-extra flex-center margin-bottom-8\"},[_c('div',[_c('div',{staticClass:\"flex-justify\"},[_c('div',{staticClass:\"extras-icon-bg flex-center\"},[_c('img',{attrs:{\"src\":(\"/static/img/home/\" + (item.icon) + \".svg\")}})])]),_c('div',{staticClass:\"text-center\",staticStyle:{\"margin-top\":\"12px\"}},[_c('div',{staticClass:\"main size-15 weight-500 margin-bottom-4\"},[_vm._v(\" \"+_vm._s(item.title))])])])]),_c('div',{staticClass:\"body5 sub3 text-center\",staticStyle:{\"word-break\":\"keep-all\",\"padding\":\"0 12px\"}},[_vm._v(_vm._s(item.desc))]),_c('div',{staticClass:\"body6-bold position-absolute sub-style\",class:[item.subTitle === 'Prime' ? 'sub-prime' : 'sub-ex']},[_vm._v(_vm._s(item.subTitle))])])}),0),_c('button',{staticClass:\"button is-primary body2-bold margin-top-40\",staticStyle:{\"width\":\"220px\",\"height\":\"56px\"},on:{\"click\":_vm.clickInquiryCustom}},[_vm._v(\"맞춤제작 문의\")])])]),_c('div',{staticClass:\"section-4\"},[_c('div',{staticClass:\"container\",staticStyle:{\"align-items\":\"flex-start\"}},[_vm._m(5),_c('div',{staticClass:\"grid-product-wrap margin-top-80\"},_vm._l((_vm.themes),function(theme){return _c('card-product',{key:(\"theme-\" + (theme.id)),attrs:{\"card\":theme}})}),1),_vm._m(6)]),_c('div',{staticClass:\"flex-justify margin-top-40\",staticStyle:{\"background\":\"linear-gradient(180deg, rgba(250, 250, 250, 0) 36.46%, #efefef 100%)\"}},[_c('div',{staticClass:\"platformfy-info-container\"},[_c('div',{staticClass:\"img-slider\"},[_c('div',{staticClass:\"img\"},_vm._l((30),function(idx){return _c('img',{key:(\"img-slider-\" + idx),attrs:{\"src\":\"/static/img/home/info_img_full_pc.png\"}})}),0)]),_c('div',[_c('div',{staticClass:\"subtitle3 main\",staticStyle:{\"line-height\":\"36px\"}},[_vm._v(\"이미 많은 고객분들께서 플랫폼파이로\")]),_vm._m(7),_c('div',{staticClass:\"margin-top-40\"},[_c('a',{attrs:{\"href\":\"https://platformfy.com/theme_market\",\"target\":\"_blank\"}},[_c('button',{staticClass:\"button is-main body2-medium flex-align\",staticStyle:{\"background-color\":\"transparent\",\"gap\":\"0 10px\",\"width\":\"290px\"}},[_vm._v(\" 테마 더보기 \"),_c('svg-icon',{attrs:{\"icon\":\"u_arrow-up-right\",\"width\":18,\"height\":18,\"color\":\"main\"}})],1)])])])])])]),_vm._m(8),_c('div',{staticClass:\"section-3\"},[_c('div',{staticClass:\"container\"},[_vm._m(9),_c('div',{staticClass:\"col-12 flex-between\",staticStyle:{\"margin-top\":\"60px\"}},[_vm._m(10),_c('div',{staticClass:\"grid col-5\",staticStyle:{\"grid-template-columns\":\"repeat(3,1fr)\",\"grid-column-gap\":\"12px\",\"grid-row-gap\":\"12px\",\"filter\":\"drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.04))\"}},_vm._l((_vm.funcList),function(item,idx){return _c('div',{key:'func-' + idx},[_c('div',{staticClass:\"flex-align func-item\"},[_c('img',{staticStyle:{\"margin-right\":\"8px\"},attrs:{\"src\":(\"/static/img/home/\" + (item.icon) + \".svg\"),\"alt\":item.title}}),_c('div',{staticClass:\"body4 sub2\",staticStyle:{\"white-space\":\"pre-line\"}},[_vm._v(_vm._s(item.title))])])])}),0)])])]),_vm._m(11),_c('div',{staticClass:\"section-8\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"col-12 subtitle2 main text-center margin-bottom-40\"},[_vm._v(\"전체 플랫폼 팩의 기본 화면과 기능들이예요.\")]),_c('div',{staticStyle:{\"width\":\"1152px\"}},[_c('slick',{ref:\"slick\",attrs:{\"options\":_vm.slickOptionsFunc}},_vm._l((Array(39).fill().map(function (i, c) { return (c % 13) + 1; })),function(i,idx){return _c('img',{key:'platformfy-func-' + idx,staticStyle:{\"padding\":\"0 12px\"},attrs:{\"src\":(\"/static/img/home/img_func\" + i + \".png\")}})}),0)],1)])]),_c('div',{staticClass:\"section-8\"},[_c('div',{staticClass:\"container\",staticStyle:{\"flex-direction\":\"column\"}},[_c('div',{staticClass:\"margin-bottom-40\",staticStyle:{\"text-align\":\"center\"}},[_c('div',{staticClass:\"subtitle2 main\"},[_vm._v(\"만약 필요한 기능이나 화면이 있으면 어떻게 하죠?\")]),_c('div',{staticClass:\"body1 sub3 margin-bottom-24\",staticStyle:{\"margin-top\":\"8px\"}},[_vm._v(\"앱마켓에서 팩, 플러그인 추가, 템플릿 무제한 이용권 구매, 디자인 요청이 가능해요.\")]),_c('div',{staticClass:\"flex-justify margin-bottom-40\"},[_c('div',{staticClass:\"flex-align unselect\",on:{\"click\":function($event){return _vm.clickPush('/market/list')}}},[_c('div',{staticClass:\"body2-medium primary\",staticStyle:{\"margin-right\":\"12px\"}},[_vm._v(\"자세히 보기\")]),_c('img',{staticClass:\"svg-primary\",attrs:{\"src\":\"/static/img/home/draw_arrow-right.svg\"}})])]),_c('img',{attrs:{\"src\":\"/static/img/home/app-market.png\"}})]),_vm._m(12)])]),_c('div',{staticClass:\"section-4\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticStyle:{\"width\":\"100%\"}},[_vm._m(13),_vm._m(14),_c('div',{staticClass:\"margin-bottom-56\"},[_c('div',{staticClass:\"flex-align unselect\",on:{\"click\":function($event){return _vm.clickPush('/market/list?id=49')}}},[_c('div',{staticClass:\"body2-medium primary\",staticStyle:{\"margin-right\":\"12px\"}},[_vm._v(\"자세히 보기\")]),_c('img',{staticClass:\"svg-primary\",attrs:{\"src\":\"/static/img/home/draw_arrow-right.svg\"}})])]),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"repeat(4, 1fr)\",\"grid-column-gap\":\"24px\",\"grid-row-gap\":\"32px\"}},_vm._l((_vm.serviceList),function(item,idx){return _c('div',{key:'serv-' + idx},[_c('img',{attrs:{\"src\":(\"/static/img/home/\" + (item.img) + \".svg\")}}),_c('div',{staticClass:\"body2 main\",staticStyle:{\"margin-top\":\"12px\"}},[_vm._v(_vm._s(item.title))])])}),0)])])]),_c('div',{staticClass:\"section-3\"},[_c('div',{staticClass:\"container\"},[_c('div',[_vm._m(15),_c('div',{staticClass:\"flex-align\"},[_c('svg-icon',{staticStyle:{\"margin-right\":\"8px\"},attrs:{\"icon\":\"fi_check-circle\",\"color\":\"primary\",\"width\":24,\"height\":24}}),_c('div',{staticClass:\"subtitle4 primary\"},[_vm._v(\"Platformfy로 제작\")])],1),_c('div',{staticStyle:{\"width\":\"1152px\",\"margin-top\":\"60px\"}},[_c('slick',{ref:\"slick\",attrs:{\"options\":_vm.slickOptions}},_vm._l((Array(15).fill().map(function (i, c) { return (c % 5) + 1; })),function(i,idx){return _c('img',{key:'platformfy-ex-' + idx,attrs:{\"src\":(\"/static/img/home/img_platformfy_ex\" + i + \".png\")}})}),0)],1)])])]),_vm._m(16)]),_c('div',{staticClass:\"mobile tablet\"},[_vm._m(17),_c('div',{staticClass:\"section-2\"},[_c('div',{staticClass:\"container\"},[_vm._m(18),_vm._m(19),_c('video',{staticStyle:{\"margin-bottom\":\"40px\"},attrs:{\"width\":\"100%\",\"autoplay\":true,\"loop\":true,\"playsinline\":\"\",\"controls\":\"true\",\"muted\":\"\",\"controlsList\":\"nodownload\",\"oncontextmenu\":\"return false\"},domProps:{\"muted\":true}},[_c('source',{attrs:{\"src\":\"https://s3.ap-northeast-2.amazonaws.com/launchpack-storage/media/non-path/service_main.mp4\",\"type\":\"video/mp4\"}})]),_c('div',{staticClass:\"flex-justify col-12\"},[_c('button',{staticClass:\"button-home-mo button-primary\",staticStyle:{\"margin-right\":\"6px\"},on:{\"click\":function($event){return _vm.routerPush('/theme_market')}}},[_vm._m(20)])])])]),_vm._m(21),_vm._m(22),_c('div',{staticClass:\"section-3\"},[_c('div',{staticClass:\"container\"},[_vm._m(23),_c('div',{staticClass:\"grid margin-bottom-48\",staticStyle:{\"grid-template-columns\":\"repeat(2, 1fr)\",\"grid-row-gap\":\"8px\",\"width\":\"100%\",\"grid-column-gap\":\"10px\"}},_vm._l((_vm.funcList),function(item,idx){return _c('div',{key:'func-' + idx,staticClass:\"func-item-mo flex-align\"},[_c('img',{staticClass:\"func-icon\",attrs:{\"src\":(\"/static/img/home/\" + (item.icon) + \".svg\"),\"alt\":item.title}}),_c('div',{staticClass:\"body4 sub2\",staticStyle:{\"white-space\":\"pre-line\",\"margin-left\":\"10px\"}},[_vm._v(_vm._s(item.title))])])}),0),_vm._m(24)])]),_c('div',{staticClass:\"section-4\"},[_c('div',{staticClass:\"container\"},[_vm._m(25),_c('div',{staticClass:\"menus section\",attrs:{\"id\":\"container-1\"}},_vm._l((_vm.themes),function(theme){return _c('card-product',{key:(\"theme-\" + (theme.id)),staticStyle:{\"margin-top\":\"20px\"},attrs:{\"device\":\"mobile\",\"isTheme\":\"\",\"card\":theme}})}),1)]),_c('div',{staticClass:\"margin-top-50 mo-platformfy-info-container\"},[_vm._m(26),_vm._m(27),_c('div',{staticClass:\"flex-justify\"},[_c('a',{attrs:{\"href\":\"https://platformfy.com/theme_market\",\"target\":\"_blank\"}},[_c('button',{staticClass:\"button is-main body2-medium flex-align\",staticStyle:{\"background-color\":\"transparent\",\"gap\":\"10px\",\"width\":\"280px\",\"height\":\"48px\"}},[_vm._v(\" 테마 더보기 \"),_c('svg-icon',{attrs:{\"icon\":\"u_arrow-up-right\",\"width\":18,\"height\":18,\"color\":\"main\"}})],1)])])])]),_c('div',{staticClass:\"section-7\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"body0-medium main margin-bottom-24 keep-all\"},[_vm._v(\"그 외에도 다양한 주문 서비스가 가능합니다!\")]),_c('div',{staticClass:\"grid\",staticStyle:{\"grid-template-columns\":\"repeat(2, 1fr)\",\"grid-row-gap\":\"24px\",\"grid-column-gap\":\"12px\",\"width\":\"100%\"}},_vm._l((_vm.extras),function(item,idx){return _c('div',{key:'card-extra-' + idx,staticClass:\"position-relative\",on:{\"click\":function($event){return _vm.clickExtra(item)}}},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card-extra-mo\"},[_c('div',{staticClass:\"flex-justify\"},[_c('div',{staticClass:\"flex-center\"},[_c('img',{attrs:{\"src\":(\"/static/img/home/\" + (item.icon) + \".svg\")}})])]),_c('div',{staticClass:\"text-center\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"main body5-medium\"},[_vm._v(\" \"+_vm._s(item.title))])])]),_c('div',{staticClass:\"body5 text-center sub3\",staticStyle:{\"word-break\":\"keep-all\",\"padding\":\"0 12px\",\"margin-top\":\"8px\"}},[_vm._v(_vm._s(item.desc))])]),_c('div',{staticClass:\"body7 position-absolute sub-style\",class:[item.subTitle === 'Prime' ? 'sub-prime' : 'sub-ex'],staticStyle:{\"padding\":\"2px 8px 4px\"}},[_vm._v(_vm._s(item.subTitle))])])}),0)])]),_vm._m(28),_c('div',{staticClass:\"section-8\"},[_c('div',{staticClass:\"container\"},[_vm._m(29),_c('div',{staticClass:\"col-12 flex-justify\"},[_c('slick',{ref:\"slick\",staticStyle:{\"width\":\"100%\"},attrs:{\"options\":_vm.slickOptionsFuncMobile}},_vm._l((Array(39).fill().map(function (i, c) { return (c % 13) + 1; })),function(i,idx){return _c('img',{key:'platformfy-func-' + idx,staticStyle:{\"padding\":\"0 6px\"},attrs:{\"src\":(\"/static/img/home/img_func\" + i + \".png\")}})}),0)],1)])]),_c('div',{staticClass:\"section-8\"},[_c('div',{staticClass:\"container\"},[_vm._m(30),_c('div',{staticClass:\"col-12 margin-bottom-24 body4 sub2\"},[_vm._v(\"앱마켓에서 팩, 플러그인 추가, 템플릿 무제한 이용권 구매, 디자인 요청이 가능해요.\")]),_c('img',{attrs:{\"src\":\"/static/img/home/app-market.png\"}}),_vm._m(31),_vm._m(32),_vm._m(33),_c('div',{staticClass:\"flex-justify col-12\"},[_c('button',{staticClass:\"button is-primary-light body2-bold\",staticStyle:{\"width\":\"200px\",\"height\":\"52px\"},on:{\"click\":function($event){return _vm.routerPush('/appmarket_info')}}},[_vm._v(\"앱마켓 자세히 보기\")])])])]),_c('div',{staticClass:\"section-4\"},[_c('div',{staticClass:\"container\"},[_vm._m(34),_vm._m(35),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"repeat(3, 1fr)\",\"grid-column-gap\":\"8px\",\"grid-row-gap\":\"24px\"}},_vm._l((_vm.serviceList),function(item,idx){return _c('div',{key:'serv-' + idx},[_c('img',{attrs:{\"src\":(\"/static/img/home/\" + (item.img) + \".svg\")}}),_c('div',{staticClass:\"body6 main\",staticStyle:{\"margin-top\":\"4px\"}},[_vm._v(_vm._s(item.title))])])}),0)])]),_c('div',{staticClass:\"section-3\"},[_c('div',{staticClass:\"container\"},[_vm._m(36),_c('div',{staticClass:\"col-12 margin-bottom-36 main body4-bold text-center\"},[_vm._v(\"Platformfy로 제작\")]),_c('div',{staticClass:\"col-12 flex-justify\"},[_c('slick',{ref:\"slick\",staticStyle:{\"width\":\"100%\"},attrs:{\"options\":_vm.slickOptionsMobile}},_vm._l((Array(15).fill().map(function (i, c) { return (c % 5) + 1; })),function(i,idx){return _c('img',{key:'platformfy-m-ex-' + idx,attrs:{\"src\":(\"/static/img/home/img_platformfy_ex\" + i + \".png\")}})}),0)],1)])]),_vm._m(37)]),_c('popup-notice')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-1\"},[_c('div',{staticClass:\"container\",staticStyle:{\"display\":\"block\"}},[_c('div',{staticClass:\"flex-between\"},[_c('div',[_c('div',{staticClass:\"main header-page-title-bold margin-bottom-16\"},[_c('span',{staticClass:\"weight-400 header-page-title-title\"},[_vm._v(\"내 아이디어,\")]),_c('br'),_vm._v(\"외주개발 없이\"),_c('br'),_vm._v(\"바로 만들어 볼 수 있는 툴 없을까? \")]),_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"body2-bold primary\",staticStyle:{\"margin-right\":\"16px\"}},[_vm._v(\"플랫폼파이 1.0 런칭\")]),_c('div',{staticClass:\"body2 sub2\"},[_vm._v(\"웹/앱 플랫폼 아이디어 구현을 위한, 가장 혁신적인 솔루션\")])])]),_c('img',{staticClass:\"section1-img\",attrs:{\"src\":\"/static/img/home/img_think.svg\"}})]),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"repeat(3, 1fr)\",\"grid-column-gap\":\"28px\",\"margin-top\":\"48px\"}},[_c('div',{staticClass:\"partner-box flex-center\",staticStyle:{\"margin-top\":\"38px\"}},[_c('div',[_c('div',{staticClass:\"flex-align margin-bottom-8\"},[_c('img',{staticStyle:{\"width\":\"40px\",\"height\":\"40px\",\"margin-right\":\"12px\"},attrs:{\"src\":\"/static/img/home/partner_2.png\"}}),_c('div',{staticClass:\"body4-medium main\"},[_vm._v(\"아이디어 뿜뿜! 직장인\")])]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(\"일반 홈페이지, 쇼핑몰 빌더로는 원하는 서비스를 만들 수 없고...\")])])]),_c('div',{staticClass:\"partner-box flex-center\"},[_c('div',[_c('div',{staticClass:\"flex-align margin-bottom-8\"},[_c('img',{staticStyle:{\"width\":\"40px\",\"height\":\"40px\",\"margin-right\":\"12px\"},attrs:{\"src\":\"/static/img/home/partner_3.png\"}}),_c('div',{staticClass:\"body4-medium main\"},[_vm._v(\"돈이 없지 열정이 없냐 대학생\")])]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(\"MVP(최소가치제품) 개발에만 평균 3000만원 이상 필요하다는데\")])])]),_c('div',{staticClass:\"partner-box flex-center\",staticStyle:{\"margin-top\":\"24px\"}},[_c('div',[_c('div',{staticClass:\"flex-align margin-bottom-8\"},[_c('img',{staticStyle:{\"width\":\"40px\",\"height\":\"40px\",\"margin-right\":\"12px\"},attrs:{\"src\":\"/static/img/home/partner_1.png\"}}),_c('div',{staticClass:\"body4-medium main\"},[_vm._v(\"아직 목마른 사업가\")])]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(\"아직 아이디어 검증이 안되어 비용투자 하기엔 확실치 않은데\")])])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h3 main weight-700\"},[_c('span',{staticClass:\"weight-400\"},[_vm._v(\"1개월 단위로 구매하고\")]),_c('br'),_vm._v(\"웹/앱 플랫폼 아이디어를\"),_c('br'),_vm._v(\"검증하세요!\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body2 sub2 margin-top-16\"},[_vm._v(\"MVP 런칭까지의 과정에\"),_c('br'),_vm._v(\"정말로 개발자가 필요하지 않습니다!\"),_c('br'),_vm._v(\"웹/앱을 쉽고 빠르게 만들어보세요.\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-3\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"section-title-bold main margin-top-16\"},[_c('span',{staticClass:\"section-title\"},[_vm._v(\"플랫폼파이가 탄생한 이유 \"),_c('span',{staticClass:\"primary\"},[_vm._v(\"첫번째.\")])]),_c('br'),_vm._v(\"쇼핑몰, 홈페이지가 아니라 웹서비스, 플랫폼서비스를\"),_c('br'),_vm._v(\"만들 수 있게 하기 위해서예요.\")]),_c('div',{staticClass:\"body2 sub2\",staticStyle:{\"margin\":\"24px 0 60px\"}},[_vm._v(\"기존 쇼핑몰, 홈페이지 솔루션으로 만들 수 없었던\"),_c('br'),_vm._v(\"웹 서비스, 플랫폼 서비스를 누구나 만들 수 있게 하였습니다!\")]),_c('div',{staticClass:\"sec3-box margin-bottom-20 flex-between\"},[_c('div',[_c('div',{staticClass:\"sec3-txt1 body2-medium margin-bottom-16\"},[_vm._v(\"기존 쇼핑몰, 홈페이지 솔루션으로 만드는 서비스\")]),_c('div',{staticClass:\"body1 sub3 text-center\"},[_vm._v(\"하나의 공급자만 존재하는 홈페이지, 쇼핑몰 사이트\")])]),_c('div',{staticStyle:{\"width\":\"530px\"}},[_c('img',{attrs:{\"src\":\"/static/img/home/sec3_img1.png\"}})])]),_c('div',{staticClass:\"sec3-box2 flex-between\"},[_c('div',{staticStyle:{\"margin-left\":\"36px\"}},[_c('div',{staticClass:\"flex-justify\"},[_c('div',{staticClass:\"sec3-txt2 body2-bold margin-bottom-16\"},[_vm._v(\"플랫폼파이로 만드는 서비스\")])]),_c('div',{staticClass:\"body1 sub text-center\"},[_vm._v(\"다수의 공급자와 수요자가 참여하는\"),_c('br'),_vm._v(\"웹/앱 플랫폼 서비스\")])]),_c('div',{staticStyle:{\"width\":\"540px\"}},[_c('img',{attrs:{\"src\":\"/static/img/home/sec3_img2.png\"}})])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"margin-bottom-40\",staticStyle:{\"text-align\":\"center\"}},[_c('div',{staticClass:\"subtitle2 main\"},[_vm._v(\"그 외에도 다양한 주문 서비스가 가능합니다!\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-12 text-center\"},[_c('div',{staticClass:\"sub3 margin-bottom-12\"},[_vm._v(\"아이디어 테스트 단계\")]),_c('div',{staticClass:\"h4 main\"},[_c('span',[_vm._v(\"1개월 단위로 플랫폼 서비스를 운영해보고 싶은 창업자를 위한 \")]),_c('span',{staticClass:\"primary\"},[_vm._v(\"플랫폼파이 \"),_c('br'),_vm._v(\" 무료 체험해보세요!\")])]),_c('div',{staticClass:\"body2 sub3 margin-top-12\"},[_vm._v(\"블럭 단위로 디자인 편집을 할 수 있는 빌더가 포함되어 있어\"),_c('br'),_vm._v(\"간단히 내 아이디어에 맞게 설정하고 런칭할 수 있어요. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-12 margin-top-80\"},[_c('a',{staticStyle:{\"color\":\"#ff6600\"},attrs:{\"href\":\"https://answer.moaform.com/answers/MjKXK5\",\"target\":\"_blank\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h5 main\",staticStyle:{\"line-height\":\"36px\"}},[_vm._v(\"초기 아이디어를 검증하고,\"),_c('br'),_vm._v(\"투자를 유치하고 계십니다!\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-5\"},[_c('div',{staticClass:\"container\",staticStyle:{\"align-items\":\"flex-start\"}},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"section-title-bold main margin-top-16\"},[_c('span',{staticClass:\"section-title\"},[_vm._v(\"플랫폼파이가 탄생한 이유 \"),_c('span',{staticClass:\"primary\"},[_vm._v(\"두번째.\")])]),_c('br'),_vm._v(\"앱 형태만 갖췄거나, 프로토타입 수준이 아닌\"),_c('br'),_vm._v(\" 제대로 된 비즈니스를 운영할 수 있는 서비스를 제작하기 위해서예요.\")]),_c('div',{staticClass:\"body2 sub2\",staticStyle:{\"margin\":\"24px 0 24px\"}},[_vm._v(\"국내외 노코드 툴을 찾아 원하는 앱 서비스를 만들었다 하더라도,\"),_c('br'),_vm._v(\" 실제 비즈니스가 가능한 앱은 제작할 수 없었습니다.\")]),_c('div',{staticClass:\"body2 sub2\",staticStyle:{\"margin-bottom\":\"40px\"}},[_vm._v(\"서비스를 운영하기 위해서는, 수수료 정산이나 회원 관리 등이 가능한 관리자 사이트가 필요하기 때문이죠.\"),_c('br'),_vm._v(\" 플랫폼파이는 서비스를 운영하기 위해 필요한 기능들이 기본적인 수준부터, 비즈니스 수준까지 준비되어 있습니다.\")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"section-title-bold main\"},[_c('span',{staticClass:\"section-title\"},[_vm._v(\"플랫폼파이로 만들면\")]),_c('br'),_vm._v(\"서비스 뿐만 아니라 관리자 사이트까지 제공되어 비즈니스 운영이 가능합니다.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-7\",staticStyle:{\"padding-right\":\"60px\"}},[_c('img',{staticStyle:{\"margin-top\":\"26px\"},attrs:{\"src\":\"/static/img/home/notebook.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-9\"},[_c('div',{staticClass:\"container text-center\",staticStyle:{\"display\":\"block\"}},[_c('div',{staticClass:\"subtitle2 main margin-bottom-16\"},[_vm._v(\"플랫폼파이 솔루션은 일반적으로 많이 사용되는\"),_c('br'),_vm._v(\"기술스펙으로 구성되어 있습니다.\")]),_c('div',{staticClass:\"body2 sub3 margin-bottom-40\"},[_vm._v(\"언제든 고도화가 가능하고 투자유치나 사업규모 확장으로 독립이 필요한 경우 별도 계약을 통해\"),_c('br'),_vm._v(\" 프론트엔드 소스코드 공유 및 백엔드 API 전송이 가능합니다.\")]),_c('img',{attrs:{\"src\":\"/static/img/home/img_info_source.png\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-12 flex-between\",staticStyle:{\"margin\":\"120px 0\"}},[_c('div',{staticStyle:{\"width\":\"470px\"}},[_c('div',{staticClass:\"subtitle3 main margin-bottom-16\"},[_vm._v(\"원하는 디자인이나 기능이 없다면\"),_c('br'),_vm._v(\"직접 요청하세요!\")]),_c('div',{staticClass:\"body2 sub2\"},[_vm._v(\"내 서비스를 편집하는 빌더에서 간단하게 직접 디자인을 요청하세요!\"),_c('br'),_vm._v(\" 일일이 프리랜서와 디자이너에게 컨택을 하고, 명세서를 전달하고, 견적을 받고, 검수할 필요 없이 플랫폼파이에서 올인원으로 필요한 리소스를 해결해 드립니다.\")])]),_c('img',{staticStyle:{\"height\":\"460px\"},attrs:{\"src\":\"/static/img/home/request-frame.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-title-bold main margin-bottom-32\"},[_c('span',{staticClass:\"section-title\"},[_vm._v(\"내 서비스 런칭 준비를 마치셨다면\")]),_c('br'),_vm._v(\"앱 포팅 서비스로\"),_c('br'),_vm._v(\"내 앱을 구글플레이, 앱스토어에 올려보세요!\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body1 sub2 margin-bottom-32\"},[_vm._v(\"앱 포팅 및 앱 마켓 등록 대행부터 GA(Google Analytics) 등록 등\"),_c('br'),_vm._v(\" 비즈니스 운영에 필요한 부가서비스들을 활용해 내 서비스를 본격적으로 사업화할 수 있습니다.\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-title-bold margin-bottom-60 main\"},[_c('span',{staticClass:\"section-title\"},[_vm._v(\"이미 많은 고객분들께서 플랫폼파이로\")]),_c('br'),_vm._v(\"초기 아이디어를 검증하고, 투자를 유치하고 계십니다!\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-11\"},[_c('img',{staticClass:\"position-absolute\",staticStyle:{\"left\":\"70%\",\"transform\":\"translateX(-50%)\"},attrs:{\"src\":\"/static/img/home/ic_ellipse_91.svg\"}}),_c('div',{staticClass:\"container flex-center\",staticStyle:{\"gap\":\"140px\",\"z-index\":\"1\"}},[_c('div',[_c('img',{staticClass:\"margin-bottom-20\",staticStyle:{\"width\":\"132px\",\"height\":\"32px\"},attrs:{\"src\":\"/static/img/img_logo_launchpack.png\",\"alt\":\"런치팩 로고\"}}),_c('div',{staticClass:\"size-28 main margin-bottom-4\"},[_vm._v(\"원하시는 테마가 없으신가요?\")]),_c('div',{staticClass:\"size-36 weight-700 main margin-bottom-40\"},[_vm._v(\"부분 수정할 수 있는 스킨과\"),_c('br'),_vm._v(\"맞춤제작이 가능한 제작스토어가 있습니다\")]),_c('a',{attrs:{\"href\":\"https://launchpack.co.kr/home\",\"target\":\"_blank\"}},[_c('button',{staticClass:\"button is-primary body2-medium\",staticStyle:{\"width\":\"220px\",\"height\":\"48px\"}},[_vm._v(\"제작스토어 가기\")])])]),_c('img',{staticStyle:{\"width\":\"508px\",\"height\":\"449px\",\"margin-right\":\"-118px\"},attrs:{\"src\":\"/static/img/home/img_skin_market.png\",\"alt\":\"\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-1-mo\"},[_c('div',{staticClass:\"position-absolute flex\",staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"top\":\"0\",\"left\":\"0\",\"padding\":\"100px 0 20px\",\"flex-direction\":\"column\"}},[_c('div',{staticClass:\"text-center body4-bold primary margin-bottom-20\"},[_vm._v(\"플랫폼파이 1.0 런칭\")]),_c('div',{staticClass:\"mo-pagetitle-bold main margin-bottom-20 text-center\"},[_c('span',{staticClass:\"mo-pagetitle\"},[_vm._v(\"내 아이디어,\")]),_c('br'),_vm._v(\"외주개발 없이\"),_c('br'),_vm._v(\"바로 만들어 볼 수 있는\"),_c('br'),_vm._v(\"툴 없을까?\")]),_c('div',{staticClass:\"margin-bottom-40 body3 sub2 text-center\"},[_vm._v(\"웹/앱 플랫폼 아이디어 구현을 위한,\"),_c('br'),_vm._v(\"가장 혁신적인 솔루션\")]),_c('div',{staticClass:\"flex-justify margin-bottom-12\"},[_c('div',{staticClass:\"partner-box flex-center\",staticStyle:{\"width\":\"300px\"}},[_c('div',[_c('div',{staticClass:\"flex-align margin-bottom-8\"},[_c('img',{staticStyle:{\"width\":\"40px\",\"height\":\"40px\",\"margin-right\":\"12px\"},attrs:{\"src\":\"/static/img/home/partner_2.png\"}}),_c('div',{staticClass:\"body4-medium main\"},[_vm._v(\"아이디어 뿜뿜! 직장인\")])]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(\"일반 홈페이지, 쇼핑몰 빌더로는 원하는 서비스를 만들 수 없고...\")])])])]),_c('div',{staticClass:\"flex-justify margin-bottom-12\"},[_c('div',{staticClass:\"partner-box flex-center\",staticStyle:{\"width\":\"300px\"}},[_c('div',[_c('div',{staticClass:\"flex-align margin-bottom-8\"},[_c('img',{staticStyle:{\"width\":\"40px\",\"height\":\"40px\",\"margin-right\":\"12px\"},attrs:{\"src\":\"/static/img/home/partner_3.png\"}}),_c('div',{staticClass:\"body4-medium main\"},[_vm._v(\"돈이 없지 열정이 없냐 대학생\")])]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(\"MVP(최소가치제품) 개발에만 평균 3000만원 이상 필요하다는데\")])])])]),_c('div',{staticClass:\"flex-justify\"},[_c('div',{staticClass:\"partner-box flex-center\",staticStyle:{\"width\":\"300px\"}},[_c('div',[_c('div',{staticClass:\"flex-align margin-bottom-8\"},[_c('img',{staticStyle:{\"width\":\"40px\",\"height\":\"40px\",\"margin-right\":\"12px\"},attrs:{\"src\":\"/static/img/home/partner_1.png\"}}),_c('div',{staticClass:\"body4-medium main\"},[_vm._v(\"아직 목마른 사업가\")])]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(\"아직 아이디어 검증이 안되어 비용투자 하기엔 확실치 않은데\")])])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-12 margin-bottom-12 mo-section-title-bold main\"},[_c('span',{staticClass:\"mo-section-title\"},[_vm._v(\"이제 1개월 단위로 구매하고\")]),_c('br'),_vm._v(\"웹/앱 플랫폼 아이디어를\"),_c('br'),_vm._v(\"검증하세요!\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-12 body4 sub2 margin-bottom-32\"},[_vm._v(\"MVP 런칭까지의 과정에 정말로 개발자가\"),_c('br'),_vm._v(\"필요하지 않습니다! 웹/앱을 쉽고 빠르게 만들어보세요.\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-justify\"},[_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"body4-medium\"},[_vm._v(\"무료체험 바로가기\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-3\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"margin-bottom-12 mo-section-title-bold main\"},[_c('span',{staticClass:\"mo-section-title\"},[_vm._v(\"플랫폼파이가 탄생한 이유 \"),_c('span',{staticClass:\"primary\"},[_vm._v(\"첫번째.\")])]),_c('br'),_vm._v(\"쇼핑몰, 홈페이지가 아니라 웹서비스, 플랫폼서비스를 만들 수 있게 하기 위해서예요\")]),_c('div',{staticClass:\"body4 sub2 margin-bottom-32\"},[_vm._v(\"기존 쇼핑몰, 홈페이지 솔루션으로 만들 수 없었던\"),_c('br'),_vm._v(\"웹 서비스, 플랫폼 서비스를 누구나 만들 수 있게 하였습니다!\")]),_c('div',{staticClass:\"sec3-box-mo margin-bottom-12\"},[_c('div',{staticClass:\"flex-justify text-center\"},[_c('div',{staticClass:\"sec3-txt1-mo body4-medium margin-bottom-8\"},[_vm._v(\"기존 쇼핑몰, 솔루션으로 만드는 서비스\")])]),_c('div',{staticClass:\"body5-medium sub3 text-center margin-bottom-32\"},[_vm._v(\"하나의 공급자만 존재하는 홈페이지, 쇼핑몰 사이트\")]),_c('div',{staticClass:\"flex-justify\"},[_c('img',{attrs:{\"src\":\"/static/img/home/sec3_img1_mo.png\"}})])]),_c('div',{staticClass:\"sec3-box2-mo\"},[_c('div',{staticClass:\"flex-justify\"},[_c('div',{staticClass:\"sec3-txt2-mo body4-medium margin-bottom-8 text-center\"},[_vm._v(\"플랫폼파이로 만드는 서비스\")])]),_c('div',{staticClass:\"body5-medium sub text-center margin-bottom-24\"},[_vm._v(\"다수의 공급자와 수요자가 참여하는\"),_c('br'),_vm._v(\"웹/앱 플랫폼 서비스\")]),_c('div',{staticClass:\"flex-justify\"},[_c('img',{attrs:{\"src\":\"/static/img/home/sec3_img2_mo.png\"}})])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-5\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"margin-bottom-12 mo-section-title-bold main\"},[_c('span',{staticClass:\"mo-section-title\"},[_vm._v(\"플랫폼파이가 탄생한 이유 \"),_c('span',{staticClass:\"primary\"},[_vm._v(\"두번째.\")])]),_c('br'),_vm._v(\"앱 형태만 갖췄거나, 프로토타입 수준이 아닌 제대로 된 비즈니스를 운영할 수 있는 서비스를 제작하기 위해서예요. \")]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(\"국내외 노코드 툴을 찾아 원하는 앱 서비스를 만들었다 하더라도, 실제 비즈니스가 가능한 앱은 제작할 수 없었습니다. \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" 서비스를 운영하기 위해서는, 수수료 정산이나 회원 관리 등이 가능한 관리자 사이트가 필요하기 때문이죠. \"),_c('br'),_vm._v(\" 플랫폼파이는 서비스를 운영하기 위해 필요한 기능들이 기본적인 수준부터, 비즈니스 수준까지 준비되어 있습니다. \")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"margin-bottom-40 main mo-section-title-bold\"},[_c('span',{staticClass:\"mo-section-title\"},[_vm._v(\"플랫폼파이로 만들면\")]),_c('br'),_vm._v(\"서비스 뿐만 아니라\"),_c('br'),_vm._v(\"관리자 사이트까지 제공되어\"),_c('br'),_vm._v(\"비즈니스 운영이 가능합니다.\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-justify col-12\"},[_c('img',{attrs:{\"src\":\"/static/img/home/notebook.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"margin-bottom-24 main mo-section-title-bold\"},[_c('div',{staticClass:\"body2 sub3 margin-bottom-8\"},[_vm._v(\"아이디어 테스트 단계\")]),_c('div',{staticClass:\"size-20 weight-700 main\"},[_c('span',[_vm._v(\"1개월 단위로 플랫폼 서비스를 운영해\"),_c('br'),_vm._v(\"보고 싶은 창업자를 위한 \")]),_c('span',{staticClass:\"primary\"},[_vm._v(\"플랫폼파이\"),_c('br'),_vm._v(\" 무료 체험해보세요!\")])]),_c('div',{staticClass:\"body4 sub3 margin-top-12\"},[_vm._v(\"블럭 단위로 디자인 편집을 할 수 있는 빌더가 포함되어 있어\"),_c('br'),_vm._v(\"간단히 내 아이디어에 맞게 설정하고 런칭할 수 있어요. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"padding\":\"0 16px\"}},[_c('div',{staticClass:\"size-20 main\",staticStyle:{\"line-height\":\"32px\"}},[_vm._v(\"이미 많은 고객분들께서 플랫폼파이로\")]),_c('div',{staticClass:\"body0-bold main\",staticStyle:{\"line-height\":\"32px\"}},[_vm._v(\"초기 아이디어를 검증하고,\"),_c('br'),_vm._v(\"투자를 유치하고 계십니다!\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"margin\":\"28px 0\",\"overflow\":\"hidden\"}},[_c('img',{staticStyle:{\"height\":\"220px\"},attrs:{\"src\":\"/static/img/home/info_img_full.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-9\"},[_c('div',{staticClass:\"container\",staticStyle:{\"display\":\"block\"}},[_c('div',{staticClass:\"body0-medium main margin-bottom-12 keep-all\"},[_vm._v(\"플랫폼파이 솔루션은 일반적으로 많이 사용되는 기술스펙으로 구성되어 있습니다.\")]),_c('div',{staticClass:\"body4 sub3 margin-bottom-28\"},[_vm._v(\"언제든 고도화가 가능하고 투자유치나 사업규모 확장으로 독립이 필요한 경우 별도 계약을 통해 프론트엔드 소스코드 공유 및 백엔드 API 전송이 가능합니다.\")]),_c('img',{attrs:{\"src\":\"/static/img/home/mo-img_tech.png\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body0-medium main margin-bottom-28\"},[_vm._v(\"전체 플랫폼 테마의\"),_c('br'),_vm._v(\"기본 화면과 기능들이예요.\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-12 margin-bottom-8 main body0-medium\"},[_vm._v(\"만약 필요한 기능이나\"),_c('br'),_vm._v(\"화면이 있으면 어떻게 하죠?\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body0-medium main\",staticStyle:{\"margin\":\"32px 0 12px\"}},[_vm._v(\"원하는 디자인이나 기능이 없다면\"),_c('br'),_vm._v(\"직접 요청하세요!\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"margin-bottom-24 sub2 body4\"},[_vm._v(\"내 서비스를 편집하는 빌더에서 간단하게 직접 디자인을 요청하세요!\"),_c('br'),_vm._v(\" 일일이 프리랜서와 디자이너에게 컨택을 하고, 명세서를 전달하고, 견적을 받고, 검수할 필요 없이 플랫폼파이에서 올인원으로 필요한 리소스를 해결해 드립니다.\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-justify col-12 margin-bottom-52\"},[_c('img',{attrs:{\"src\":\"/static/img/home/request-frame-mo.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"margin-bottom-12 main mo-section-title-bold\"},[_c('span',{staticClass:\"mo-section-title\"},[_vm._v(\"내 서비스 런칭 준비를 마치셨다면\")]),_c('br'),_vm._v(\"앱 포팅 서비스로\"),_c('br'),_vm._v(\"내 앱을 구글플레이, 앱스토어에\"),_c('br'),_vm._v(\"올려보세요!\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-12 margin-bottom-24 sub2 body4\"},[_vm._v(\"앱 포팅 및 앱 마켓 등록 대행부터 GA(Google Analytics) 등록 등\"),_c('br'),_vm._v(\" 비즈니스 운영에 필요한 부가서비스들을 활용해 내 서비스를 본격적으로 사업화할 수 있습니다.\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mo-section-title-bold main margin-bottom-36\"},[_c('span',{staticClass:\"mo-section-title\"},[_vm._v(\"이미 많은 고객분들께서 플랫폼파이로\")]),_c('br'),_vm._v(\"초기 아이디어를 검증하고, 투자를 유치하고 계십니다!\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-11\"},[_c('img',{staticClass:\"position-absolute\",staticStyle:{\"bottom\":\"-36px\",\"left\":\"calc(50% - 203px)\"},attrs:{\"src\":\"/static/img/home/ic_ellipse_91.svg\"}}),_c('div',{staticClass:\"position-relative\",staticStyle:{\"z-index\":\"1\"}},[_c('img',{staticClass:\"margin-bottom-12\",staticStyle:{\"width\":\"116px\",\"height\":\"28px\"},attrs:{\"src\":\"/static/img/img_logo_launchpack.png\",\"alt\":\"런치팩 로고\"}}),_c('div',{staticClass:\"mo-section-title main margin-bottom-40\"},[_vm._v(\" 원하시는 테마가 없으신가요?\"),_c('br'),_c('span',{staticClass:\"mo-section-title-bold\"},[_vm._v(\" 부분 수정할 수 있는 스킨과\"),_c('br'),_vm._v(\"맞춤제작이 가능한 제작스토어가\"),_c('br'),_vm._v(\"있습니다 \")])]),_c('div',[_c('a',{attrs:{\"href\":\"https://launchpack.co.kr/home\",\"target\":\"_blank\"}},[_c('button',{staticClass:\"button is-primary body2-medium\",staticStyle:{\"width\":\"220px\",\"height\":\"48px\"}},[_vm._v(\"제작스토어 가기\")])])]),_c('div',[_c('img',{staticStyle:{\"width\":\"300px\",\"height\":\"270px\",\"margin-top\":\"40px\"},attrs:{\"src\":\"/static/img/home/img_skin_market.png\",\"alt\":\"\"}})])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-top\" style=\"padding-bottom:0\">\r\n    <div class=\"pc\">\r\n      <div class=\"section-1\">\r\n        <div class=\"container\" style=\"display: block\">\r\n          <div class=\"flex-between\">\r\n            <div>\r\n              <div class=\"main header-page-title-bold margin-bottom-16\"><span class=\"weight-400 header-page-title-title\">내\r\n                  아이디어,</span>\r\n                <br>외주개발 없이<br>바로 만들어 볼 수 있는 툴 없을까?\r\n              </div>\r\n              <div class=\"flex-align\">\r\n                <div class=\"body2-bold primary\" style=\"margin-right:16px\">플랫폼파이 1.0 런칭</div>\r\n                <div class=\"body2 sub2\">웹/앱 플랫폼 아이디어 구현을 위한, 가장 혁신적인 솔루션</div>\r\n              </div>\r\n            </div>\r\n            <img src=\"/static/img/home/img_think.svg\" class=\"section1-img\">\r\n          </div>\r\n          <div style=\"display:grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 28px;margin-top:48px\">\r\n            <div class=\"partner-box flex-center\" style=\"margin-top:38px\">\r\n              <div>\r\n                <div class=\"flex-align margin-bottom-8\">\r\n                  <img src=\"/static/img/home/partner_2.png\" style=\"width:40px;height:40px;margin-right:12px\">\r\n                  <div class=\"body4-medium main\">아이디어 뿜뿜! 직장인</div>\r\n                </div>\r\n                <div class=\"body4 sub2\">일반 홈페이지, 쇼핑몰 빌더로는 원하는 서비스를 만들 수 없고...</div>\r\n              </div>\r\n            </div>\r\n            <div class=\"partner-box flex-center\">\r\n              <div>\r\n                <div class=\"flex-align margin-bottom-8\">\r\n                  <img src=\"/static/img/home/partner_3.png\" style=\"width:40px;height:40px;margin-right:12px\">\r\n                  <div class=\"body4-medium main\">돈이 없지 열정이 없냐 대학생</div>\r\n                </div>\r\n                <div class=\"body4 sub2\">MVP(최소가치제품) 개발에만 평균 3000만원 이상 필요하다는데</div>\r\n              </div>\r\n            </div>\r\n            <div class=\"partner-box flex-center\" style=\"margin-top:24px\">\r\n              <div>\r\n                <div class=\"flex-align margin-bottom-8\">\r\n                  <img src=\"/static/img/home/partner_1.png\" style=\"width:40px;height:40px;margin-right:12px\">\r\n                  <div class=\"body4-medium main\">아직 목마른 사업가</div>\r\n                </div>\r\n                <div class=\"body4 sub2\">아직 아이디어 검증이 안되어 비용투자 하기엔 확실치 않은데</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"section-2\">\r\n        <div class=\"container\">\r\n          <div class=\"col-4\">\r\n            <div class=\"h3 main weight-700\"><span class=\"weight-400\">1개월 단위로 구매하고</span><br>웹/앱 플랫폼 아이디어를<br>검증하세요!</div>\r\n            <div class=\"body2 sub2 margin-top-16\">MVP 런칭까지의 과정에<br>정말로 개발자가 필요하지 않습니다!<br>웹/앱을 쉽고 빠르게 만들어보세요.</div>\r\n            <div class=\"flex\" style=\"margin-top:40px\">\r\n\r\n              <button class=\"button-home button-primary\" style=\"width:220px\" @click=\"routerPush('/theme_market')\">\r\n                <div class=\"body2-bold text-center\">무료체험 바로가기</div>\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-8 flex-end\" style=\"padding-left:80px\">\r\n            <video width=\"100%\" :autoplay=\"true\" :loop=\"true\" muted playsinline controls=\"true\" controlsList=\"nodownload\"\r\n              oncontextmenu=\"return false\">\r\n              <!--<source src=\"/static/img/home/launchpack_guide.mp4\" type=\"video/mp4\">-->\r\n              <source src=\"https://s3.ap-northeast-2.amazonaws.com/launchpack-storage/media/non-path/service_main.mp4\"\r\n                type=\"video/mp4\">\r\n            </video>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"section-3\">\r\n        <div class=\"container\">\r\n          <div style=\"width:100%\">\r\n            <div class=\"section-title-bold main margin-top-16\"><span class=\"section-title\">플랫폼파이가 탄생한 이유 <span\r\n                  class=\"primary\">첫번째.</span></span><br>쇼핑몰, 홈페이지가 아니라 웹서비스, 플랫폼서비스를<br>만들 수 있게 하기 위해서예요.</div>\r\n            <div class=\"body2 sub2\" style=\"margin:24px 0 60px\">기존 쇼핑몰, 홈페이지 솔루션으로 만들 수 없었던<br>웹 서비스, 플랫폼 서비스를 누구나 만들 수 있게\r\n              하였습니다!</div>\r\n            <div class=\"sec3-box margin-bottom-20 flex-between\">\r\n              <div>\r\n                <div class=\"sec3-txt1 body2-medium margin-bottom-16\">기존 쇼핑몰, 홈페이지 솔루션으로 만드는 서비스</div>\r\n                <div class=\"body1 sub3 text-center\">하나의 공급자만 존재하는 홈페이지, 쇼핑몰 사이트</div>\r\n              </div>\r\n              <div style=\"width:530px\">\r\n                <img src=\"/static/img/home/sec3_img1.png\">\r\n              </div>\r\n            </div>\r\n            <div class=\"sec3-box2 flex-between\">\r\n              <div style=\"margin-left:36px\">\r\n                <div class=\"flex-justify\">\r\n                  <div class=\"sec3-txt2 body2-bold margin-bottom-16\">플랫폼파이로 만드는 서비스</div>\r\n                </div>\r\n                <div class=\"body1 sub text-center\">다수의 공급자와 수요자가 참여하는<br>웹/앱 플랫폼 서비스</div>\r\n              </div>\r\n              <div style=\"width:540px\">\r\n                <img src=\"/static/img/home/sec3_img2.png\">\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-7\" style=\"padding:100px 0\">\r\n        <div class=\"container\" style=\"flex-direction: column\">\r\n          <div style=\"text-align: center\" class=\"margin-bottom-40\">\r\n            <div class=\"subtitle2 main\">그 외에도 다양한 주문 서비스가 가능합니다!</div>\r\n          </div>\r\n          <div class=\"grid\" style=\"grid-template-columns: repeat(6, 1fr);grid-column-gap:20px;width:100%\">\r\n            <div class=\"position-relative\" v-for=\"(item, idx) in extras\" :key=\"'card-extra-' + idx\"\r\n              @click=\"clickExtra(item)\">\r\n              <div class=\"card-extra flex-center margin-bottom-8\">\r\n                <div>\r\n                  <div class=\"flex-justify\">\r\n                    <div class=\"extras-icon-bg flex-center\">\r\n                      <img :src=\"`/static/img/home/${item.icon}.svg`\">\r\n                    </div>\r\n                  </div>\r\n                  <div style=\"margin-top:12px\" class=\"text-center\">\r\n                    <div class=\"main size-15 weight-500 margin-bottom-4\">\r\n                      {{ item.title }}</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"body5 sub3 text-center\" style=\"word-break:keep-all;padding:0 12px\">{{ item.desc }}</div>\r\n              <div class=\"body6-bold position-absolute sub-style\"\r\n                :class=\"[item.subTitle === 'Prime' ? 'sub-prime' : 'sub-ex']\">{{ item.subTitle }}</div>\r\n            </div>\r\n          </div>\r\n          <button class=\"button is-primary body2-bold margin-top-40\" style=\"width:220px;height:56px\"\r\n            @click=\"clickInquiryCustom\">맞춤제작 문의</button>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-4\">\r\n        <div class=\"container\" style=\"align-items: flex-start\">\r\n          <div class=\"col-12 text-center\">\r\n            <div class=\"sub3 margin-bottom-12\">아이디어 테스트 단계</div>\r\n            <div class=\"h4 main\"><span>1개월 단위로 플랫폼 서비스를 운영해보고 싶은 창업자를 위한 </span><span class=\"primary\">플랫폼파이 <br> 무료\r\n                체험해보세요!</span></div>\r\n            <div class=\"body2 sub3 margin-top-12\">블럭 단위로 디자인 편집을 할 수 있는 빌더가 포함되어 있어<br />간단히 내 아이디어에 맞게 설정하고 런칭할 수 있어요.\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"grid-product-wrap margin-top-80\">\r\n            <card-product v-for=\"theme in themes\"\r\n                          :key=\"`theme-${theme.id}`\" :card=\"theme\"></card-product>\r\n          </div>\r\n          <div class=\"col-12 margin-top-80\">\r\n            <a href=\"https://answer.moaform.com/answers/MjKXK5\" target=\"_blank\" style=\"color:#ff6600\">\r\n            </a>\r\n          </div>\r\n        </div>\r\n        <div class=\"flex-justify margin-top-40\"\r\n          style=\"background: linear-gradient(180deg, rgba(250, 250, 250, 0) 36.46%, #efefef 100%)\">\r\n          <div class=\"platformfy-info-container\">\r\n            <div class=\"img-slider\">\r\n              <div class=\"img\">\r\n                <img v-for=\"idx in 30\" :key=\"`img-slider-${idx}`\" src=\"/static/img/home/info_img_full_pc.png\">\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div class=\"subtitle3 main\" style=\"line-height: 36px\">이미 많은 고객분들께서 플랫폼파이로</div>\r\n              <div class=\"h5 main\" style=\"line-height: 36px\">초기 아이디어를 검증하고,<br />투자를 유치하고 계십니다!</div>\r\n              <div class=\"margin-top-40\">\r\n                <a href=\"https://platformfy.com/theme_market\" target=\"_blank\">\r\n                  <button class=\"button is-main body2-medium flex-align\"\r\n                    style=\"background-color: transparent; gap:0 10px;width:290px\">\r\n                    테마 더보기 <svg-icon icon=\"u_arrow-up-right\" :width=\"18\" :height=\"18\" color=\"main\"></svg-icon>\r\n                  </button>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n\r\n\r\n      <div class=\"section-5\">\r\n        <div class=\"container\" style=\"align-items: flex-start\">\r\n          <div class=\"col-12\">\r\n            <div class=\"section-title-bold main margin-top-16\"><span class=\"section-title\">플랫폼파이가 탄생한 이유 <span\r\n                  class=\"primary\">두번째.</span></span><br>앱 형태만 갖췄거나, 프로토타입 수준이 아닌<br>\r\n              제대로 된 비즈니스를 운영할 수 있는 서비스를 제작하기 위해서예요.</div>\r\n\r\n            <div class=\"body2 sub2\" style=\"margin:24px 0 24px\">국내외 노코드 툴을 찾아 원하는 앱 서비스를 만들었다 하더라도,<br>\r\n              실제 비즈니스가 가능한 앱은 제작할 수 없었습니다.</div>\r\n            <div class=\"body2 sub2\" style=\"margin-bottom:40px\">서비스를 운영하기 위해서는, 수수료 정산이나 회원 관리 등이 가능한 관리자 사이트가 필요하기\r\n              때문이죠.<br>\r\n              플랫폼파이는 서비스를 운영하기 위해 필요한 기능들이 기본적인 수준부터, 비즈니스 수준까지 준비되어 있습니다.</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-3\">\r\n        <div class=\"container\">\r\n          <div class=\"col-12\">\r\n            <div class=\"section-title-bold main\"><span class=\"section-title\">플랫폼파이로 만들면</span><br>서비스 뿐만 아니라 관리자 사이트까지\r\n              제공되어 비즈니스 운영이 가능합니다.</div>\r\n          </div>\r\n\r\n          <div class=\"col-12 flex-between\" style=\"margin-top:60px\">\r\n            <div class=\"col-7\" style=\"padding-right:60px\">\r\n              <img src=\"/static/img/home/notebook.png\" style=\"margin-top:26px\">\r\n            </div>\r\n            <div class=\"grid col-5\"\r\n              style=\"grid-template-columns: repeat(3,1fr);grid-column-gap:12px;grid-row-gap:12px;filter:drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.04))\">\r\n              <div v-for=\"(item, idx) in funcList\" :key=\"'func-' + idx\">\r\n                <div class=\"flex-align func-item\">\r\n                  <img :src=\"`/static/img/home/${item.icon}.svg`\" :alt=\"item.title\" style=\"margin-right:8px\">\r\n                  <div class=\"body4 sub2\" style=\"white-space:pre-line\">{{ item.title }}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-9\">\r\n        <div class=\"container text-center\" style=\"display: block\">\r\n          <div class=\"subtitle2 main margin-bottom-16\">플랫폼파이 솔루션은 일반적으로 많이 사용되는<br>기술스펙으로 구성되어 있습니다.</div>\r\n          <div class=\"body2 sub3 margin-bottom-40\">언제든 고도화가 가능하고 투자유치나 사업규모 확장으로 독립이 필요한 경우 별도 계약을 통해<br>\r\n            프론트엔드 소스코드 공유 및 백엔드 API 전송이 가능합니다.</div>\r\n          <img src=\"/static/img/home/img_info_source.png\">\r\n\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-8\">\r\n        <div class=\"container\">\r\n          <div class=\"col-12 subtitle2 main text-center margin-bottom-40\">전체 플랫폼 팩의 기본 화면과 기능들이예요.</div>\r\n          <div style=\"width:1152px\">\r\n            <slick ref=\"slick\" :options=\"slickOptionsFunc\">\r\n              <img v-for=\"(i, idx) in Array(39).fill().map((i, c) => (c % 13) + 1)\" :key=\"'platformfy-func-' + idx\"\r\n                :src=\"`/static/img/home/img_func${i}.png`\" style=\"padding:0 12px\">\r\n            </slick>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-8\">\r\n        <div class=\"container\" style=\"flex-direction: column\">\r\n          <div style=\"text-align: center\" class=\"margin-bottom-40\">\r\n            <div class=\"subtitle2 main\">만약 필요한 기능이나 화면이 있으면 어떻게 하죠?</div>\r\n            <div class=\"body1 sub3 margin-bottom-24\" style=\"margin-top: 8px\">앱마켓에서 팩, 플러그인 추가, 템플릿 무제한 이용권 구매, 디자인 요청이\r\n              가능해요.</div>\r\n            <div class=\"flex-justify margin-bottom-40\">\r\n              <div class=\"flex-align unselect\" @click=\"clickPush('/market/list')\">\r\n                <div class=\"body2-medium primary\" style=\"margin-right:12px\">자세히 보기</div>\r\n                <img src=\"/static/img/home/draw_arrow-right.svg\" class=\"svg-primary\">\r\n              </div>\r\n            </div>\r\n            <img src=\"/static/img/home/app-market.png\">\r\n          </div>\r\n          <div style=\"margin:120px 0\" class=\"col-12 flex-between\">\r\n            <div style=\"width:470px\">\r\n              <div class=\"subtitle3 main margin-bottom-16\">원하는 디자인이나 기능이 없다면<br>직접 요청하세요!</div>\r\n              <div class=\"body2 sub2\">내 서비스를 편집하는 빌더에서 간단하게 직접 디자인을 요청하세요!<br>\r\n                일일이 프리랜서와 디자이너에게 컨택을 하고, 명세서를 전달하고, 견적을 받고, 검수할 필요 없이 플랫폼파이에서 올인원으로 필요한 리소스를 해결해 드립니다.</div>\r\n            </div>\r\n            <img src=\"/static/img/home/request-frame.png\" style=\"height:460px\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- <div class=\"bg-prime\">\r\n        <div class=\"container position-relative\">\r\n          <div>\r\n            <div class=\"size-32 primary margin-bottom-8\">사업이 확장됨에 따라</div>\r\n            <div class=\"h3 primary margin-bottom-8\">Prime 서비스로 고도화가 가능합니다.</div>\r\n            <div class=\"body2 gray margin-bottom-24\">비즈니스 스케일업 수준에 맞춘 제작이 필요하기 시작할 때 Prime 서비스로 계속해서 서비스 고도화가 가능합니다.</div>\r\n            <div class=\"body2-medium primary unselect\" @click=\"routerPush('/prime')\">자세히보기<img src=\"/static/img/home/draw_arrow-right.svg\"\r\n                                                        class=\"svg-primary\" style=\"margin-left:12px\"\r\n                                                        ></div>\r\n          </div>\r\n          <img src=\"/static/img/home/ic-prime-banner.svg\"\r\n              style=\"position: absolute;right:0;top:0\">\r\n        </div>\r\n      </div> -->\r\n\r\n      <div class=\"section-4\">\r\n        <div class=\"container\">\r\n          <div style=\"width:100%\">\r\n            <div class=\"section-title-bold main margin-bottom-32\"><span class=\"section-title\">내 서비스 런칭 준비를\r\n                마치셨다면</span><br>앱 포팅 서비스로<br>내 앱을 구글플레이, 앱스토어에 올려보세요!</div>\r\n            <div class=\"body1 sub2 margin-bottom-32\">앱 포팅 및 앱 마켓 등록 대행부터 GA(Google Analytics) 등록 등<br>\r\n              비즈니스 운영에 필요한 부가서비스들을 활용해 내 서비스를 본격적으로 사업화할 수 있습니다.</div>\r\n            <div class=\"margin-bottom-56\">\r\n              <div class=\"flex-align unselect\" @click=\"clickPush('/market/list?id=49')\">\r\n                <div class=\"body2-medium primary\" style=\"margin-right:12px\">자세히 보기</div>\r\n                <img src=\"/static/img/home/draw_arrow-right.svg\" class=\"svg-primary\">\r\n              </div>\r\n            </div>\r\n            <div style=\"display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap: 24px;grid-row-gap:32px\">\r\n              <div v-for=\"(item, idx) in serviceList\" :key=\"'serv-' + idx\">\r\n                <img :src=\"`/static/img/home/${item.img}.svg`\">\r\n                <div style=\"margin-top:12px\" class=\"body2 main\">{{ item.title }}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-3\">\r\n        <div class=\"container\">\r\n          <div>\r\n            <div class=\"section-title-bold margin-bottom-60 main\"><span class=\"section-title\">이미 많은 고객분들께서\r\n                플랫폼파이로</span><br>초기 아이디어를 검증하고, 투자를 유치하고 계십니다!</div>\r\n            <div class=\"flex-align\">\r\n              <svg-icon icon=\"fi_check-circle\" color=\"primary\" :width=\"24\" :height=\"24\"\r\n                style=\"margin-right:8px\"></svg-icon>\r\n              <div class=\"subtitle4 primary\">Platformfy로 제작</div>\r\n            </div>\r\n            <div style=\"width:1152px;margin-top:60px\">\r\n              <slick ref=\"slick\" :options=\"slickOptions\">\r\n                <img v-for=\"(i, idx) in Array(15).fill().map((i, c) => (c % 5) + 1)\" :key=\"'platformfy-ex-' + idx\"\r\n                  :src=\"`/static/img/home/img_platformfy_ex${i}.png`\">\r\n              </slick>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-11\">\r\n        <img class=\"position-absolute\" src=\"/static/img/home/ic_ellipse_91.svg\"\r\n          style=\"left: 70%;transform: translateX(-50%);\">\r\n        <div class=\"container flex-center\" style=\"gap:140px;z-index:1\">\r\n          <div>\r\n            <img class=\"margin-bottom-20\" style=\"width:132px;height:32px\" src=\"/static/img/img_logo_launchpack.png\"\r\n              alt=\"런치팩 로고\">\r\n            <div class=\"size-28 main margin-bottom-4\">원하시는 테마가 없으신가요?</div>\r\n            <div class=\"size-36 weight-700 main margin-bottom-40\">부분 수정할 수 있는 스킨과<br>맞춤제작이 가능한 제작스토어가 있습니다</div>\r\n            <!--<a href=\"https://pfa.launchpack.co.kr/home\" target=\"_blank\">-->\r\n            <a href=\"https://launchpack.co.kr/home\" target=\"_blank\">\r\n              <button class=\"button is-primary body2-medium\" style=\"width:220px;height:48px\">제작스토어 가기</button>\r\n            </a>\r\n          </div>\r\n          <img src=\"/static/img/home/img_skin_market.png\" alt=\"\" style=\"width:508px;height:449px;margin-right:-118px\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- mobile -->\r\n    <div class=\"mobile tablet\">\r\n      <div class=\"section-1-mo\">\r\n        <div class=\"position-absolute flex\"\r\n          style=\"width:100%;height:100%;top:0;left:0;padding:100px 0 20px;flex-direction: column\">\r\n          <div class=\"text-center body4-bold primary margin-bottom-20\">플랫폼파이 1.0 런칭</div>\r\n          <div class=\"mo-pagetitle-bold main margin-bottom-20 text-center\"><span class=\"mo-pagetitle\">내\r\n              아이디어,</span><br>외주개발 없이<br>바로 만들어 볼 수 있는<br>툴 없을까?</div>\r\n          <div class=\"margin-bottom-40 body3 sub2 text-center\">웹/앱 플랫폼 아이디어 구현을 위한,<br>가장 혁신적인 솔루션</div>\r\n          <div class=\"flex-justify margin-bottom-12\">\r\n            <div class=\"partner-box flex-center\" style=\"width:300px\">\r\n              <div>\r\n                <div class=\"flex-align margin-bottom-8\">\r\n                  <img src=\"/static/img/home/partner_2.png\" style=\"width:40px;height:40px;margin-right:12px\">\r\n                  <div class=\"body4-medium main\">아이디어 뿜뿜! 직장인</div>\r\n                </div>\r\n                <div class=\"body4 sub2\">일반 홈페이지, 쇼핑몰 빌더로는 원하는 서비스를 만들 수 없고...</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"flex-justify margin-bottom-12\">\r\n            <div class=\"partner-box flex-center\" style=\"width:300px\">\r\n              <div>\r\n                <div class=\"flex-align margin-bottom-8\">\r\n                  <img src=\"/static/img/home/partner_3.png\" style=\"width:40px;height:40px;margin-right:12px\">\r\n                  <div class=\"body4-medium main\">돈이 없지 열정이 없냐 대학생</div>\r\n                </div>\r\n                <div class=\"body4 sub2\">MVP(최소가치제품) 개발에만 평균 3000만원 이상 필요하다는데</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"flex-justify\">\r\n            <div class=\"partner-box flex-center\" style=\"width:300px\">\r\n              <div>\r\n                <div class=\"flex-align margin-bottom-8\">\r\n                  <img src=\"/static/img/home/partner_1.png\" style=\"width:40px;height:40px;margin-right:12px\">\r\n                  <div class=\"body4-medium main\">아직 목마른 사업가</div>\r\n                </div>\r\n                <div class=\"body4 sub2\">아직 아이디어 검증이 안되어 비용투자 하기엔 확실치 않은데</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"section-2\">\r\n        <div class=\"container\">\r\n          <div class=\"col-12 margin-bottom-12 mo-section-title-bold main\"><span class=\"mo-section-title\">이제 1개월 단위로\r\n              구매하고</span><br>웹/앱 플랫폼 아이디어를<br>검증하세요!</div>\r\n          <div class=\"col-12 body4 sub2 margin-bottom-32\">MVP 런칭까지의 과정에 정말로 개발자가<br>필요하지 않습니다! 웹/앱을 쉽고 빠르게 만들어보세요.</div>\r\n          <video width=\"100%\" :autoplay=\"true\" :loop=\"true\" playsinline controls=\"true\" muted style=\"margin-bottom:40px\"\r\n            controlsList=\"nodownload\" oncontextmenu=\"return false\">\r\n            <source src=\"https://s3.ap-northeast-2.amazonaws.com/launchpack-storage/media/non-path/service_main.mp4\"\r\n              type=\"video/mp4\">\r\n          </video>\r\n          <div class=\"flex-justify col-12\">\r\n            <button class=\"button-home-mo button-primary\" style=\"margin-right:6px\" @click=\"routerPush('/theme_market')\">\r\n              <div class=\"flex-justify\">\r\n                <div class=\"flex-align\">\r\n                  <div class=\"body4-medium\">무료체험 바로가기</div>\r\n                </div>\r\n              </div>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"section-3\">\r\n        <div class=\"container\">\r\n          <div class=\"margin-bottom-12 mo-section-title-bold main\"><span class=\"mo-section-title\">플랫폼파이가 탄생한 이유 <span\r\n                class=\"primary\">첫번째.</span></span><br>쇼핑몰, 홈페이지가 아니라 웹서비스, 플랫폼서비스를 만들 수 있게 하기 위해서예요</div>\r\n          <div class=\"body4 sub2 margin-bottom-32\">기존 쇼핑몰, 홈페이지 솔루션으로 만들 수 없었던<br>웹 서비스, 플랫폼 서비스를 누구나 만들 수 있게 하였습니다!</div>\r\n          <div class=\"sec3-box-mo margin-bottom-12\">\r\n            <div class=\"flex-justify text-center\">\r\n              <div class=\"sec3-txt1-mo body4-medium margin-bottom-8\">기존 쇼핑몰, 솔루션으로 만드는 서비스</div>\r\n            </div>\r\n            <div class=\"body5-medium sub3 text-center margin-bottom-32\">하나의 공급자만 존재하는 홈페이지, 쇼핑몰 사이트</div>\r\n            <div class=\"flex-justify\">\r\n              <img src=\"/static/img/home/sec3_img1_mo.png\">\r\n            </div>\r\n          </div>\r\n          <div class=\"sec3-box2-mo\">\r\n            <div class=\"flex-justify\">\r\n              <div class=\"sec3-txt2-mo body4-medium margin-bottom-8 text-center\">플랫폼파이로 만드는 서비스</div>\r\n            </div>\r\n            <div class=\"body5-medium sub text-center margin-bottom-24\">다수의 공급자와 수요자가 참여하는<br>웹/앱 플랫폼 서비스</div>\r\n            <div class=\"flex-justify\">\r\n              <img src=\"/static/img/home/sec3_img2_mo.png\">\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"section-5\">\r\n        <div class=\"container\">\r\n          <div class=\"margin-bottom-12 mo-section-title-bold main\"><span class=\"mo-section-title\">플랫폼파이가 탄생한 이유 <span\r\n                class=\"primary\">두번째.</span></span>\r\n            <br>앱 형태만 갖췄거나, 프로토타입 수준이 아닌 제대로 된 비즈니스를 운영할 수 있는 서비스를 제작하기 위해서예요.\r\n          </div>\r\n          <div class=\"body4 sub2\">국내외 노코드 툴을 찾아 원하는 앱 서비스를 만들었다 하더라도,\r\n            실제 비즈니스가 가능한 앱은 제작할 수 없었습니다. <br> <br>\r\n            서비스를 운영하기 위해서는, 수수료 정산이나 회원 관리 등이 가능한 관리자 사이트가 필요하기 때문이죠. <br>\r\n            플랫폼파이는 서비스를 운영하기 위해 필요한 기능들이 기본적인 수준부터, 비즈니스 수준까지 준비되어 있습니다.\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-3\">\r\n        <div class=\"container\">\r\n          <div class=\"margin-bottom-40 main mo-section-title-bold\"><span class=\"mo-section-title\">플랫폼파이로 만들면</span><br>서비스\r\n            뿐만 아니라<br>관리자 사이트까지 제공되어<br>비즈니스 운영이 가능합니다.</div>\r\n          <div class=\"grid margin-bottom-48\"\r\n            style=\"grid-template-columns: repeat(2, 1fr);grid-row-gap:8px;width:100%;grid-column-gap:10px\">\r\n            <div v-for=\"(item, idx) in funcList\" :key=\"'func-' + idx\" class=\"func-item-mo flex-align\">\r\n              <img :src=\"`/static/img/home/${item.icon}.svg`\" :alt=\"item.title\" class=\"func-icon\">\r\n              <div class=\"body4 sub2\" style=\"white-space:pre-line;margin-left:10px\">{{ item.title }}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"flex-justify col-12\">\r\n            <img src=\"/static/img/home/notebook.png\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-4\">\r\n        <div class=\"container\">\r\n          <div class=\"margin-bottom-24 main mo-section-title-bold\">\r\n            <div class=\"body2 sub3 margin-bottom-8\">아이디어 테스트 단계</div>\r\n            <div class=\"size-20 weight-700 main\">\r\n              <span>1개월 단위로 플랫폼 서비스를 운영해<br>보고 싶은 창업자를 위한 </span><span class=\"primary\">플랫폼파이<br> 무료 체험해보세요!</span>\r\n            </div>\r\n            <div class=\"body4 sub3 margin-top-12\">블럭 단위로 디자인 편집을 할 수 있는 빌더가 포함되어 있어<br />간단히 내 아이디어에 맞게 설정하고 런칭할 수 있어요.\r\n            </div>\r\n          </div>\r\n          <div id=\"container-1\" class=\"menus section\">\r\n              <card-product style=\"margin-top:20px\" device=\"mobile\" isTheme v-for=\"theme in themes\"\r\n                :key=\"`theme-${theme.id}`\" :card=\"theme\"></card-product>\r\n          </div>\r\n        </div>\r\n        <div class=\"margin-top-50 mo-platformfy-info-container\">\r\n            <div style=\"padding:0 16px\">\r\n              <div class=\"size-20 main\" style=\"line-height: 32px\">이미 많은 고객분들께서 플랫폼파이로</div>\r\n              <div class=\"body0-bold main\" style=\"line-height: 32px\">초기 아이디어를 검증하고,<br />투자를 유치하고 계십니다!</div>\r\n            </div>\r\n            <div style=\"margin: 28px 0; overflow: hidden\">\r\n              <img src=\"/static/img/home/info_img_full.png\" style=\"height: 220px\">\r\n            </div>\r\n            <div class=\"flex-justify\">\r\n              <a href=\"https://platformfy.com/theme_market\" target=\"_blank\">\r\n                <button class=\"button is-main body2-medium flex-align\"\r\n                  style=\"background-color: transparent; gap:10px;width:280px;height:48px\">\r\n                  테마 더보기 <svg-icon icon=\"u_arrow-up-right\" :width=\"18\" :height=\"18\" color=\"main\"></svg-icon>\r\n                </button>\r\n              </a>\r\n            </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-7\">\r\n        <div class=\"container\">\r\n          <div class=\"body0-medium main margin-bottom-24 keep-all\">그 외에도 다양한 주문 서비스가 가능합니다!</div>\r\n          <div class=\"grid\"\r\n            style=\"grid-template-columns: repeat(2, 1fr);grid-row-gap:24px;grid-column-gap:12px;width:100%\">\r\n            <div class=\"position-relative\" v-for=\"(item, idx) in extras\" :key=\"'card-extra-' + idx\"\r\n              @click=\"clickExtra(item)\">\r\n              <div class=\"col-12\">\r\n                <div class=\"card-extra-mo\">\r\n                  <div class=\"flex-justify\">\r\n                    <div class=\"flex-center\">\r\n                      <img :src=\"`/static/img/home/${item.icon}.svg`\">\r\n                    </div>\r\n                  </div>\r\n                  <div style=\"margin-top:14px\" class=\"text-center\">\r\n                    <div class=\"main body5-medium\">\r\n                      {{ item.title }}</div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"body5 text-center sub3\" style=\"word-break:keep-all;padding:0 12px;margin-top:8px\">{{ item.desc\r\n                }}</div>\r\n              </div>\r\n              <div class=\"body7 position-absolute sub-style\" style=\"padding:2px 8px 4px\"\r\n                :class=\"[item.subTitle === 'Prime' ? 'sub-prime' : 'sub-ex']\">{{ item.subTitle }}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-9\">\r\n        <div class=\"container\" style=\"display: block\">\r\n          <div class=\"body0-medium main margin-bottom-12 keep-all\">플랫폼파이 솔루션은 일반적으로 많이 사용되는 기술스펙으로 구성되어 있습니다.</div>\r\n          <div class=\"body4 sub3 margin-bottom-28\">언제든 고도화가 가능하고 투자유치나 사업규모 확장으로 독립이 필요한 경우 별도 계약을 통해\r\n            프론트엔드 소스코드 공유 및 백엔드 API 전송이 가능합니다.</div>\r\n          <img src=\"/static/img/home/mo-img_tech.png\">\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-8\">\r\n        <div class=\"container\">\r\n          <div class=\"body0-medium main margin-bottom-28\">전체 플랫폼 테마의<br>기본 화면과 기능들이예요.</div>\r\n          <div class=\"col-12 flex-justify\">\r\n            <slick ref=\"slick\" :options=\"slickOptionsFuncMobile\" style=\"width:100%\">\r\n              <img v-for=\"(i, idx) in Array(39).fill().map((i, c) => (c % 13) + 1)\" :key=\"'platformfy-func-' + idx\"\r\n                :src=\"`/static/img/home/img_func${i}.png`\" style=\"padding:0 6px\">\r\n            </slick>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-8\">\r\n        <div class=\"container\">\r\n          <div class=\"col-12 margin-bottom-8 main body0-medium\">만약 필요한 기능이나<br>화면이 있으면 어떻게 하죠?</div>\r\n          <div class=\"col-12 margin-bottom-24 body4 sub2\">앱마켓에서 팩, 플러그인 추가, 템플릿 무제한 이용권 구매, 디자인 요청이 가능해요.</div>\r\n          <img src=\"/static/img/home/app-market.png\">\r\n\r\n          <div class=\"body0-medium main\" style=\"margin:32px 0 12px\">원하는 디자인이나 기능이 없다면<br>직접 요청하세요!</div>\r\n          <div class=\"margin-bottom-24 sub2 body4\">내 서비스를 편집하는 빌더에서 간단하게 직접 디자인을 요청하세요!<br>\r\n            일일이 프리랜서와 디자이너에게 컨택을 하고, 명세서를 전달하고, 견적을 받고, 검수할 필요 없이 플랫폼파이에서 올인원으로 필요한 리소스를 해결해 드립니다.</div>\r\n          <div class=\"flex-justify col-12 margin-bottom-52\">\r\n            <img src=\"/static/img/home/request-frame-mo.png\">\r\n          </div>\r\n          <div class=\"flex-justify col-12\">\r\n            <button class=\"button is-primary-light body2-bold\" style=\"width:200px;height:52px\"\r\n              @click=\"routerPush('/appmarket_info')\">앱마켓 자세히 보기</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"section-4\">\r\n        <div class=\"container\">\r\n          <div class=\"margin-bottom-12 main mo-section-title-bold\"><span class=\"mo-section-title\">내 서비스 런칭 준비를\r\n              마치셨다면</span><br>앱 포팅 서비스로<br>내 앱을 구글플레이, 앱스토어에<br>올려보세요!</div>\r\n          <div class=\"col-12 margin-bottom-24 sub2 body4\">앱 포팅 및 앱 마켓 등록 대행부터 GA(Google Analytics) 등록 등<br>\r\n            비즈니스 운영에 필요한 부가서비스들을 활용해 내 서비스를 본격적으로 사업화할 수 있습니다.</div>\r\n          <div style=\"display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap:8px;grid-row-gap:24px\">\r\n            <div v-for=\"(item, idx) in serviceList\" :key=\"'serv-' + idx\">\r\n              <img :src=\"`/static/img/home/${item.img}.svg`\">\r\n              <div style=\"margin-top:4px\" class=\"body6 main\">{{ item.title }}</div>\r\n            </div>\r\n          </div>\r\n          <!-- <div class=\"flex-justify col-12\" style=\"margin-top:44px\">\r\n            <div class=\"unselect button-border-primary body2-bold\"\r\n              @click=\"clickPush('/market/list?id=49')\">서비스 자세히 보기</div>\r\n          </div> -->\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-3\">\r\n        <div class=\"container\">\r\n          <div class=\"mo-section-title-bold main margin-bottom-36\"><span class=\"mo-section-title\">이미 많은 고객분들께서\r\n              플랫폼파이로</span><br>초기 아이디어를 검증하고, 투자를 유치하고 계십니다!</div>\r\n          <div class=\"col-12 margin-bottom-36 main body4-bold text-center\">Platformfy로 제작</div>\r\n          <div class=\"col-12 flex-justify\">\r\n            <slick ref=\"slick\" :options=\"slickOptionsMobile\" style=\"width:100%\">\r\n              <img v-for=\"(i, idx) in Array(15).fill().map((i, c) => (c % 5) + 1)\" :key=\"'platformfy-m-ex-' + idx\"\r\n                :src=\"`/static/img/home/img_platformfy_ex${i}.png`\">\r\n            </slick>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"section-11\">\r\n        <img class=\"position-absolute\" src=\"/static/img/home/ic_ellipse_91.svg\"\r\n          style=\"bottom: -36px;left: calc(50% - 203px);\">\r\n        <div class=\"position-relative\" style=\"z-index:1\">\r\n          <img class=\"margin-bottom-12\" style=\"width:116px;height:28px\" src=\"/static/img/img_logo_launchpack.png\"\r\n            alt=\"런치팩 로고\">\r\n          <div class=\"mo-section-title main margin-bottom-40\">\r\n            원하시는 테마가 없으신가요?<br>\r\n            <span class=\"mo-section-title-bold\">\r\n              부분 수정할 수 있는 스킨과<br>맞춤제작이 가능한 제작스토어가<br>있습니다\r\n            </span>\r\n          </div>\r\n          <div>\r\n            <!--<a href=\"https://pfa.launchpack.co.kr/home\" target=\"_blank\">-->\r\n            <a href=\"https://launchpack.co.kr/home\" target=\"_blank\">\r\n              <button class=\"button is-primary body2-medium\" style=\"width:220px;height:48px\">제작스토어 가기</button>\r\n            </a>\r\n          </div>\r\n          <div>\r\n            <img src=\"/static/img/home/img_skin_market.png\" alt=\"\" style=\"width:300px;height:270px;margin-top:40px\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <popup-notice></popup-notice>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport PopupNotice from \"../modal/PopupNotice\";\r\nimport Slick from 'vue-slick';\r\nimport SvgIcon from \"../component/SvgIcon\";\r\nimport CardProduct from \"../component/CardProduct\";\r\n\r\nexport default {\r\n  name: \"Home\",\r\n  components: {\r\n    SvgIcon,\r\n    PopupNotice,\r\n    Slick,\r\n    CardProduct\r\n  },\r\n  created() {\r\n    if (this.$route.query.recm) {\r\n      this.$store.commit('setRecmCode', this.$route.query.recm);\r\n    }\r\n    this.getProduct();\r\n    if (this.isMobile) {\r\n      this.readyList.push({\r\n        title: '공지사항 팝업',\r\n        icon: 'u_comment-alt-exclamation_color'\r\n      });\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      themes: [],\r\n      slickOptions: {\r\n        centerMode: false,\r\n        variableWidth: false,\r\n        infinite: true,\r\n        autoplay: true,\r\n        centerPadding: '20px',\r\n        slidesToShow: 5,\r\n        slidesToScroll: 1,\r\n        speed: 300,\r\n        prevArrow: '<div class=\"arrow-left\"><img class=\"arrow-img\" src=\"/static/icon/fi_chevron-left.svg\" @click=\"$refs.slick.prev()\"></div>',\r\n        nextArrow: '<div class=\"arrow-right\"><img class=\"arrow-img\" src=\"/static/icon/fi_chevron-right.svg\" @click=\"$refs.slick.next()\"></div>'\r\n      },\r\n      slickOptionsFunc: {\r\n        centerMode: false,\r\n        variableWidth: false,\r\n        infinite: true,\r\n        autoplay: true,\r\n        centerPadding: '20px',\r\n        slidesToShow: 4,\r\n        slidesToScroll: 1,\r\n        speed: 300,\r\n        prevArrow: '<div class=\"arrow-left\"><img class=\"arrow-img\" src=\"/static/icon/fi_chevron-left.svg\" @click=\"$refs.slick.prev()\"></div>',\r\n        nextArrow: '<div class=\"arrow-right\"><img class=\"arrow-img\" src=\"/static/icon/fi_chevron-right.svg\" @click=\"$refs.slick.next()\"></div>'\r\n      },\r\n      slickOptionsMobile: {\r\n        centerMode: false,\r\n        variableWidth: false,\r\n        arrows: false,\r\n        infinite: true,\r\n        autoplay: true,\r\n        centerPadding: '12px',\r\n        slidesToShow: 3,\r\n        slidesToScroll: 1,\r\n        speed: 300,\r\n      },\r\n      slickOptionsFuncMobile: {\r\n        centerMode: false,\r\n        variableWidth: false,\r\n        arrows: false,\r\n        infinite: true,\r\n        autoplay: true,\r\n        centerPadding: '12px',\r\n        slidesToShow: 2,\r\n        slidesToScroll: 1,\r\n        speed: 300,\r\n      },\r\n      steps: [\r\n        {\r\n          title: '사업 모델을 구상하고',\r\n          content: '고객이 원하는 플랫폼의 비즈니스\\n모델과 필요한 기능을 구상합니다.',\r\n          icon: 'u_lightbulb-alt'\r\n        },\r\n        {\r\n          title: '원하는 디자인과 기능을 조합해서',\r\n          content: '구상한 비즈니스 모델에 맞는 \\n블럭(디자인+기능)을 조합합니다.',\r\n          icon: 'u_web-grid-alt'\r\n        },\r\n        {\r\n          title: '결제하면',\r\n          content: '필요한 부가서비스와 대금 지불 방법을\\n선택하고 결제합니다.',\r\n          icon: 'u_credit-card'\r\n        },\r\n        {\r\n          title: '내 서비스 개설 완료!',\r\n          content: '서비스 개설이 완료됩니다. 서비스는 다운로드 후 바로 사용이 가능합니다. ',\r\n          icon: 'fi_check-circle_outline'\r\n        },\r\n      ],\r\n      readyList: [\r\n        {\r\n          title: '입찰견적 신청',\r\n          icon: 'u_file-alt'\r\n        },\r\n        {\r\n          title: '쿠폰 / 적립금',\r\n          icon: 'fi_tag'\r\n        },\r\n        {\r\n          title: '본인인증',\r\n          icon: 'u_user-check_color'\r\n        },\r\n        {\r\n          title: '게시판',\r\n          icon: 'u_clipboard-alt_color'\r\n        },\r\n        {\r\n          title: '회원 등급 관리',\r\n          icon: 'u_brightness-plus'\r\n        },\r\n        {\r\n          title: '인스타 피드 연결',\r\n          icon: 'u_instagram'\r\n        },\r\n        {\r\n          title: '파트너 채팅',\r\n          icon: 'u_comment-lines'\r\n        },\r\n        {\r\n          title: '상품 DB\\n엑셀 임포팅',\r\n          icon: 'u_file-upload-alt'\r\n        }\r\n      ],\r\n      funcList: [\r\n        {\r\n          title: '대쉬보드',\r\n          icon: 'u_panel-add'\r\n        },\r\n        {\r\n          title: '전화연결',\r\n          icon: 'u_phone-volume'\r\n        },\r\n        {\r\n          title: '고객센터',\r\n          icon: 'u_comment-dots'\r\n        },\r\n        {\r\n          title: '서비스 관리',\r\n          icon: 'u_setting'\r\n        },\r\n        {\r\n          title: '필터/정렬',\r\n          icon: 'u_filter'\r\n        },\r\n        {\r\n          title: '메일/SNS 전송',\r\n          icon: 'u_fast-mail'\r\n        },\r\n        {\r\n          title: '게시판 관리',\r\n          icon: 'u_clipboard-notes'\r\n        },\r\n        {\r\n          title: '정산관리',\r\n          icon: 'u_money-withdraw'\r\n        },\r\n        {\r\n          title: '상품 관리',\r\n          icon: 'u_box'\r\n        },\r\n        {\r\n          title: '회원 관리',\r\n          icon: 'u_user'\r\n        },\r\n        {\r\n          title: '카테고리',\r\n          icon: 'u_apps'\r\n        },\r\n        {\r\n          title: '후기/문의',\r\n          icon: 'u_edit-alt'\r\n        },\r\n        {\r\n          title: '파트너 관리',\r\n          icon: 'u_users-alt'\r\n        },\r\n        {\r\n          title: '예약 관리',\r\n          icon: 'u_calender'\r\n        },\r\n        {\r\n          title: '주문관리',\r\n          icon: 'u_file-check'\r\n        }\r\n      ],\r\n      extras: [\r\n        {\r\n          subTitle: 'Prime',\r\n          title: '견적요청 및 견적서 발송 팩',\r\n          icon: 'color_file-alt',\r\n          desc: '#이사 견적 플랫폼',\r\n        },\r\n        {\r\n          subTitle: 'Platformfy',\r\n          title: '클릭 시 링크이동 팩',\r\n          icon: 'color_external-link-alt',\r\n          desc: '# 상품을 가격 비교 후 사이트 이동 플랫폼',\r\n        },\r\n        {\r\n          subTitle: 'Prime',\r\n          title: '로컬배달 주문 팩',\r\n          icon: 'draw_motorcycle',\r\n          desc: '# 음식점 배달 플랫폼',\r\n        },\r\n        {\r\n          subTitle: 'Prime',\r\n          title: '자료컨텐츠 다운로드 팩',\r\n          icon: 'color_download-alt',\r\n          desc: '# 온라인 자료실 플랫폼',\r\n        },\r\n        {\r\n          subTitle: 'Platformfy',\r\n          title: '커뮤니티 팩',\r\n          icon: 'color_megaphone',\r\n          desc: '# 온라인 커뮤니티 플랫폼',\r\n        },\r\n        {\r\n          subTitle: 'Platformfy',\r\n          title: '상담신청 팩',\r\n          icon: 'color_comment-dots',\r\n          desc: '# 병원 상담 플랫폼',\r\n        },\r\n      ],\r\n      serviceList: [\r\n        {\r\n          title: '콘텐츠 스토리지',\r\n          img: 'content_storage'\r\n        },\r\n        {\r\n          title: '페이플 PG',\r\n          img: 'payple'\r\n        },\r\n        {\r\n          title: '카카오 페이 간편결제',\r\n          img: 'kakao_pay'\r\n        },\r\n        {\r\n          title: '네이버 페이 간편결제',\r\n          img: 'naver_pay'\r\n        },\r\n        {\r\n          title: 'GA(Google Analytics)',\r\n          img: 'img_GA'\r\n        },\r\n        {\r\n          title: '도메인',\r\n          img: 'img_domain'\r\n        },\r\n        {\r\n          title: '앱포팅',\r\n          img: 'img_porting'\r\n        }\r\n      ],\r\n      priceInfo: [\r\n        {\r\n          type: 'head',\r\n          plan: '플랜',\r\n          signup: '회원가입 수',\r\n          prodReg: '상품 등록 수',\r\n          prodCat: '상품 카테고리 수',\r\n          partReg: '파트너 등록 수',\r\n          admin: '관리자 계정 갯수',\r\n          ticket: '블럭 템플릿 무제한 이용권',\r\n          device: '모바일/PC'\r\n        },\r\n        {\r\n          title: 'Basic',\r\n          desc1: '최소 스펙으로',\r\n          desc2: '나만의 MVP를 구현해 보고 싶을 때',\r\n          btn: '14일 무료체험',\r\n          link: '/theme_market',\r\n          org_price: 140000,\r\n          plan: {\r\n            one: {\r\n              title: '1개월',\r\n            },\r\n            three: {\r\n              title: '3개월',\r\n              discount_rate: 10\r\n            },\r\n            six: {\r\n              title: '6개월',\r\n              discount_rate: 30\r\n            },\r\n            twelve: {\r\n              title: '12개월',\r\n              discount_rate: 50\r\n            },\r\n          },\r\n          signup: '500명',\r\n          prodReg: '100건',\r\n          prodCat: '10개',\r\n          partReg: '20건',\r\n          admin: '1명',\r\n          ticket: '베타버전 무료제공',\r\n          device: '모바일'\r\n        },\r\n        {\r\n          title: 'Basic PC+',\r\n          desc1: 'MVP 서비스를 모바일 뿐만 아니라',\r\n          desc2: 'PC웹 서비스까지',\r\n          btn: '14일 무료체험',\r\n          link: '/theme_market',\r\n          org_price: 240000,\r\n          plan: {\r\n            one: {\r\n              title: '1개월',\r\n            },\r\n            three: {\r\n              title: '3개월',\r\n              discount_rate: 10\r\n            },\r\n            six: {\r\n              title: '6개월',\r\n              discount_rate: 30\r\n            },\r\n            twelve: {\r\n              title: '12개월',\r\n              discount_rate: 50\r\n            },\r\n          },\r\n          signup: '500명',\r\n          prodReg: '100건',\r\n          prodCat: '10개',\r\n          partReg: '20건',\r\n          admin: '1명',\r\n          ticket: '베타버전 무료제공',\r\n          device: '모바일/PC'\r\n        },\r\n        {\r\n          title: 'Start-up',\r\n          desc1: '씨드투자 유치 전',\r\n          desc2: '본격적인 회원/파트너 등록이 필요할 때',\r\n          btn: '14일 무료체험',\r\n          link: '/theme_market',\r\n          org_price: 280000,\r\n          plan: {\r\n            one: {\r\n              title: '1개월',\r\n            },\r\n            three: {\r\n              title: '3개월',\r\n              discount_rate: 10\r\n            },\r\n            six: {\r\n              title: '6개월',\r\n              discount_rate: 30\r\n            },\r\n            twelve: {\r\n              title: '12개월',\r\n              discount_rate: 50\r\n            },\r\n          },\r\n          signup: '10000명',\r\n          prodReg: '3000건',\r\n          prodCat: '20개',\r\n          partReg: '100건',\r\n          admin: '5명',\r\n          ticket: '베타버전 무료제공',\r\n          device: '모바일/PC'\r\n        },\r\n        {\r\n          title: 'Prime',\r\n          desc1: '나에게 꼭 맞춘',\r\n          desc2: '커스텀 플랫폼',\r\n          btn: '제작 상담 신청',\r\n          link: '/prime?form=true',\r\n          plan: '상담 후 진행\\n단계별 견적 안내',\r\n          signup: '무제한',\r\n          prodReg: '무제한',\r\n          prodCat: '무제한',\r\n          partReg: '무제한',\r\n          admin: '무제한',\r\n          ticket: '베타버전 무료제공',\r\n          device: '모바일/PC'\r\n        }\r\n      ],\r\n      popupMarket: undefined,\r\n      products: {\r\n        call: {\r\n          id: 0,\r\n          sale_price: 600000,\r\n          discount_rate: 20,\r\n          rate: 4.0,\r\n          visit: 0\r\n        },\r\n        reservation: {\r\n          id: 0,\r\n          sale_price: 600000,\r\n          discount_rate: 20,\r\n          rate: 4.0,\r\n          visit: 0\r\n        },\r\n        booking: {\r\n          id: 0,\r\n          sale_price: 600000,\r\n          discount_rate: 20,\r\n          rate: 4.0,\r\n          visit: 0\r\n        },\r\n        delivery: {\r\n          id: 0,\r\n          sale_price: 600000,\r\n          discount_rate: 20,\r\n          rate: 4.0,\r\n          visit: 0\r\n        },\r\n        estimate: {\r\n          id: 0,\r\n          sale_price: 600000,\r\n          discount_rate: 20,\r\n          rate: 4.0,\r\n          visit: 0\r\n        },\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    clickInquiryCustom() {\r\n      const a = document.createElement(\"a\");\r\n      a.href = 'https://launchpack.co.kr/prime';\r\n      a.target = '_blank';\r\n      document.body.appendChild(a);\r\n      a.click();\r\n      a.parentNode.removeChild(a);\r\n    },\r\n    getProduct() {\r\n      this.$axios.get('user/0/mapping/product', {\r\n        params: {\r\n          category: 59,\r\n          fields: 'id,name,simple_desc,price,img,partner.img,partner.name,category1,category2,preview_url,rate,visit,params,tags,theme_version',\r\n          ordering: 'priority'\r\n        }\r\n      }).then(res => {\r\n        this.themes = res.data.data;\r\n        res.data.data.forEach(i => {\r\n          let key = i.params.find(p => p.name === 'key').value;\r\n          let obj = this.products[key];\r\n          obj.id = i.id;\r\n          obj.sale_price = i.price.sale_price;\r\n          obj.discount_rate = i.price.discount_rate;\r\n          obj.rate = i.rate;\r\n          obj.visit = i.visit;\r\n          obj.partner = i.partner;\r\n          obj.img = i.img;\r\n          obj.name = i.name;\r\n          obj.tags = i.tags;\r\n        });\r\n      });\r\n    },\r\n    productDetail(id) {\r\n      let width = 1231;\r\n      let height = 760;\r\n      let url = `market/detail?id=${id}`;\r\n      this.popupMarket = window.open(url, 'appMarket', `width=${width}, height=${height}, top=0, left=0, menubar=no, toolbar=no, titlebar=yes`);\r\n      this.addMessageEvent();\r\n    },\r\n    addMessageEvent() {\r\n      window.addEventListener('message', this.onMessageMarket);\r\n    },\r\n    removeMessageEvent() {\r\n      window.removeEventListener('message', this.onMessageMarket);\r\n    },\r\n    onMessageMarket(e) {\r\n      if (e.data.close) {\r\n        this.popupMarket.close();\r\n        this.removeMessageEvent();\r\n        if (e.data.redirectUrl) {\r\n          setTimeout(() => {\r\n            window.open(e.data.redirectUrl);\r\n          }, 300);\r\n        }\r\n      }\r\n    },\r\n    clickPush(path) {\r\n      let width = 1231;\r\n      let height = 760;\r\n      this.popupMarket = window.open(path, 'appMarket', `width=${width}, height=${height}, top=0, left=0, menubar=no, toolbar=no, titlebar=yes`);\r\n      this.addMessageEvent();\r\n    },\r\n    optPlan(name) {\r\n      let word = name.replace('\\n', '<br>')\r\n      return `<div class=\"col-12 body3 sub2 text-center\">${word}</div>`;\r\n    },\r\n    isPrime(item) {\r\n      if (item.subTitle === 'Prime') {\r\n        return true\r\n      }\r\n    },\r\n    clickPreview(url) {\r\n      /*window.name = 'preview_parent';\r\n      let popup = window.open('', 'previewPopup', 'width=360, height=640, top=30, left=30, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=yes, scrollbar=no');\r\n      popup.location.href = url;*/\r\n      const a = document.createElement(\"a\");\r\n      a.href = url;\r\n      a.target = '_blank';\r\n      document.body.appendChild(a);\r\n      a.click();\r\n      a.parentNode.removeChild(a);\r\n    },\r\n\r\n    icon(name) {\r\n      return `/static/icon/${name}.svg`;\r\n    },\r\n    img(name) {\r\n      return `/static/img/home/${name}.png`;\r\n    },\r\n    clickExtra(item) {\r\n      if (item.link) {\r\n        this.routerPush(item.link);\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  @keyframes img-slider\r\n    from\r\n      transform translateX(0)\r\n    to\r\n      transform translateX(-100%)\r\n\r\n  .img-slider\r\n    width 677px\r\n    overflow-x hidden\r\n    .img\r\n      animation img-slider 1200s linear infinite\r\n      display flex\r\n      width 53100px\r\n    img\r\n      height 280px\r\n    .img:hover\r\n      animation-play-state paused\r\n\r\n  table\r\n    width 100%\r\n  th\r\n    border 1px solid $gray1\r\n  td\r\n    padding 16px\r\n    text-align center\r\n    border 1px solid $gray1\r\n\r\n  .container\r\n    height 100%\r\n    display flex\r\n    align-items center\r\n    flex-wrap wrap\r\n    max-width 1152px !important\r\n\r\n  .bg-container\r\n    height 100%\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    flex-wrap wrap\r\n    max-width 1152px !important\r\n    padding-left 30px\r\n\r\n  .platformfy-info-container\r\n    padding 60px 0 100px\r\n    display flex\r\n    align-items center\r\n    gap 0 80px\r\n  .section\r\n    padding-bottom 50px\r\n\r\n  .mo-platformfy-info-container\r\n    background linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #EFEFEF 100%)\r\n    padding-bottom 50px\r\n\r\n  .section-1\r\n    background url(/static/img/home/background_main_banner.png)\r\n    background-repeat no-repeat\r\n    background-position center\r\n    background-size cover\r\n    padding 64px 0 60px 0\r\n\r\n  .section-1-mo\r\n    background url(/static/img/home/background_main_banner_mo.png)\r\n    background-repeat no-repeat\r\n    background-position center\r\n    background-size cover\r\n    height 800px\r\n    overflow hidden\r\n\r\n  .section-2\r\n    height 656px\r\n\r\n  .section-3\r\n    padding 100px 0 124px 0\r\n    background-color $gray4\r\n\r\n  .section-4\r\n    padding 112px 0\r\n\r\n  .section-5\r\n    padding 100px 0\r\n\r\n  .section-6\r\n    padding 100px 0 150px 0\r\n    background url(/static/img/home/background_img_plugin.png)\r\n    background-size cover\r\n    background-position center\r\n    background-repeat no-repeat\r\n\r\n  .section-7\r\n    padding 150px 0\r\n    background-color $gray4\r\n\r\n  .section-8\r\n    padding 100px 0 50px 0\r\n\r\n  .section-9\r\n    padding 80px 0\r\n\r\n  .section-10\r\n    background-color black\r\n    padding 120px 0\r\n\r\n  .section1-img\r\n    width 290px\r\n    height 290px\r\n\r\n  .button-home\r\n    border-radius 8px\r\n    padding 16px 24px\r\n    text-align left\r\n\r\n  .button-home-circle\r\n    border-radius 100%\r\n    padding 38px 16px\r\n    width 124px\r\n    height 124px\r\n    text-align left\r\n\r\n  .button-home:hover\r\n  .button-home-circle:hover\r\n    box-shadow 0 10px 20px rgba(255, 102, 0, 0.15)\r\n\r\n  .button-primary\r\n  .button-home-circle\r\n    border 0\r\n    background linear-gradient(322.3deg, #FF6600 22.51%, #F43B00 100%)\r\n    color white\r\n\r\n  .button-primary-light\r\n    background-color white\r\n    color $primary\r\n    border 1px solid $primary\r\n\r\n  .button.is-dark\r\n  .button.is-gray\r\n    width 130px\r\n    height 40px\r\n\r\n  .button-black\r\n    background-color black\r\n    color white\r\n\r\n  .bg-prime\r\n    background linear-gradient(132.62deg, #242428 34.49%, #4F4F4F 88.8%)\r\n    width 100%\r\n    height 300px\r\n    overflow hidden\r\n\r\n  .bg-prime-mo\r\n    background linear-gradient(132.62deg, #242428 34.49%, #4F4F4F 88.8%)\r\n    width 100%\r\n    height 140px\r\n    overflow hidden\r\n  .sec2-box\r\n    background-color $gray4\r\n    padding 20px 24px\r\n    display flex\r\n    align-items center\r\n    width 466px\r\n    border-radius 12px\r\n\r\n  .step-icon\r\n    width 80px\r\n    height 80px\r\n    background-color white\r\n    border-radius 20px\r\n    box-shadow 0 20px 40px rgba(0, 0, 0, 0.04)\r\n    display flex\r\n    justify-content center\r\n    align-items center\r\n\r\n  .dot-line\r\n    flex 1\r\n    overflow hidden\r\n    margin-left 32px\r\n\r\n  .dot\r\n    width 4px\r\n    height 4px\r\n    background-color $primary\r\n    margin-right 8px\r\n    display inline-block\r\n    border-radius 100%\r\n\r\n  .card-product\r\n    flex 1\r\n    height 320px\r\n    display flex\r\n    justify-content space-between\r\n    border-radius 12px\r\n    align-items center\r\n    overflow hidden\r\n  .card-product:hover\r\n    filter drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.15))\r\n\r\n  .design-market\r\n    background-color #7B61FF\r\n    margin-right 24px\r\n\r\n  .order\r\n    background linear-gradient(134.45deg, #00BF91 41.03%, #17FF90 105.39%)\r\n    margin-left 24px\r\n\r\n  .card-content\r\n    color white\r\n    margin-left 40px\r\n    flex 1\r\n\r\n  .ready-item\r\n    text-align center\r\n    background-color white\r\n    border 1px solid $gray1\r\n    box-shadow 0 20px 20px rgba(0, 0, 0, 0.04)\r\n    border-radius 12px\r\n    height 160px\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n\r\n  .card-service\r\n    padding 50px 40px\r\n    background-color white\r\n    border 1px solid $gray1\r\n    border-radius 12px\r\n    box-shadow 0 20px 20px rgba(0, 0, 0, 0.04)\r\n    display flex\r\n    flex-direction column\r\n    justify-content space-between\r\n\r\n  .card-divider\r\n    width 100%\r\n    height 1px\r\n    background-color $gray3\r\n    margin 28px 0\r\n\r\n  .card-service-price\r\n    border-top 1px solid $gray3\r\n    padding-top 28px\r\n    margin-top 28px\r\n\r\n  .card-extra\r\n    background-color white\r\n    border-radius 8px\r\n    padding 36px 0 20px 0\r\n    border 1px solid $gray2\r\n\r\n  .card-extra-icon-bg\r\n    background-color white\r\n    border-radius 12px\r\n    width 60px\r\n    height 60px\r\n    text-align center\r\n    line-height 60px\r\n    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.04)\r\n\r\n  .card-extra-mo\r\n    background-color white\r\n    border-radius 8px\r\n    padding 40px 10px 24px\r\n    border 1px solid $gray2\r\n\r\n  .button-border-primary\r\n    color $primary\r\n    padding 13px 36px\r\n    text-align center\r\n    border 1px solid $gray\r\n    border-radius 8px\r\n\r\n\r\n  .box-primary-light2\r\n    background-color $primary-light2\r\n    color $primary\r\n    gap 12px\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    padding 32px 12px\r\n    border-radius 8px\r\n\r\n    .emoticon\r\n      width 40px\r\n      height 40px\r\n\r\n  .grid-product-wrap\r\n    display grid\r\n    width 100%\r\n    grid-template-columns repeat(4, 1fr)\r\n    gap 24px\r\n\r\n  @media (min-width:1025px)\r\n    .section-11\r\n      position relative\r\n      background-color #FFF9F9\r\n      height 610px\r\n      display flex\r\n      align-items center\r\n      justify-content center\r\n      overflow hidden\r\n\r\n  // tablet\r\n  @media (max-width:1024px)\r\n    .pc\r\n      display none\r\n    .tablet\r\n      display block\r\n    .mobile\r\n      display block\r\n\r\n    .button-home\r\n      padding 10px 12px\r\n      width 140px\r\n\r\n    .section-2\r\n    .section-3\r\n    .section-4\r\n    .section-5\r\n    .section-6\r\n    .section-7\r\n    .section-8\r\n    .section-9\r\n      padding 60px 0\r\n      height initial\r\n\r\n    .section-11\r\n      position relative\r\n      background-color #FFF9F9\r\n      padding 60px 0\r\n      text-align center\r\n      overflow hidden\r\n\r\n    .sec2-box\r\n      width 488px\r\n      margin-top 12px\r\n\r\n    .step-icon\r\n      margin-right 20px\r\n\r\n    .ready-item\r\n      height 88px\r\n\r\n    .card-product-mobile\r\n      flex 1\r\n      border-radius 8px\r\n      overflow hidden\r\n      filter drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.15))\r\n      display flex\r\n      flex-direction column\r\n      height 180px\r\n\r\n    .card-content\r\n      margin 20px\r\n      flex 1\r\n\r\n    .design-market\r\n      margin-right 0\r\n      background-image url(/static/img/home/mockup_design_market_mo.png)\r\n      background-size contain\r\n      background-position right\r\n      background-repeat no-repeat\r\n    .order\r\n      margin-left 0\r\n\r\n    .order-background-image\r\n      background-image url(/static/img/home/img_order_make_mo.png)\r\n      background-size contain\r\n      background-position right\r\n      background-repeat no-repeat\r\n      height 100%\r\n\r\n  @media (max-width:640px)\r\n    .pc\r\n      display none\r\n    .tablet\r\n      display none\r\n    .mobile\r\n      display block\r\n    .container\r\n      flex-direction column\r\n      flex-wrap nowrap\r\n      align-items flex-start\r\n\r\n\r\n\r\n    .section-1\r\n      background url(/static/img/home/background_main_banner_mo.png)\r\n      background-repeat no-repeat\r\n      background-position center\r\n      background-size cover\r\n      height calc(100vh - 60px)\r\n      position relative\r\n\r\n    .section-6\r\n      background url(/static/img/home/background_mo.png)\r\n      background-size cover\r\n      background-position center\r\n\r\n    .section-2\r\n    .section-3\r\n    .section-4\r\n    .section-5\r\n    .section-6\r\n    .section-7\r\n    .section-8\r\n    .section-9\r\n    .section-11\r\n      padding 60px 0\r\n      height initial\r\n\r\n    .section-3\r\n    .section-7\r\n      background-color $gray4\r\n\r\n    .sec2-box\r\n      width 100%\r\n      padding 18px 12px\r\n\r\n    .circle1\r\n      top -113px\r\n      right -10px\r\n      left initial\r\n      width 241px\r\n      height 241px\r\n\r\n    .circle2\r\n      left -115px\r\n      top 294px\r\n      width 274px\r\n      height 274px\r\n      background #7B61FF\r\n      opacity 0.3\r\n      filter blur(320px)\r\n      -webkit-backdrop-filter blur(320px)\r\n      backdrop-filter blur(320px)\r\n\r\n    .circle3\r\n      width 215px\r\n      height 215px\r\n      left 244px\r\n      top 353px\r\n      background #17FF90\r\n      opacity 0.1\r\n      filter blur(130px)\r\n      -webkit-backdrop-filter blur(130px)\r\n      backdrop-filter blur(130px)\r\n\r\n    .selection1-img\r\n      position static\r\n      transform initial\r\n      width 328px\r\n      margin-right 56px\r\n\r\n    .button-home\r\n      padding 10px 12px\r\n      width 100%\r\n\r\n    .card-content\r\n      margin 20px\r\n      flex 1\r\n\r\n    .step-icon\r\n      width 48px\r\n      height 48px\r\n      margin-right 20px\r\n      border-radius 12px\r\n\r\n    .card-product-mobile\r\n      flex 1\r\n      border-radius 8px\r\n      overflow hidden\r\n      filter drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.15))\r\n      display flex\r\n      flex-direction column\r\n      height auto\r\n\r\n    .design-market\r\n      margin-right 8px\r\n    .order\r\n      margin-left 8px\r\n\r\n    .bounce\r\n      animation-iteration-count 10\r\n      -webkit-animation-duration 1s\r\n      animation-duration 1s\r\n      -webkit-animation-name bounce\r\n      animation-name bounce\r\n\r\n    .ready-item\r\n      border-radius 4px\r\n      box-shadow none\r\n      padding 12px 8px\r\n      height initial\r\n\r\n    .card-service\r\n      box-shadow 0 6px 10px rgba(0, 0, 0, 0.05)\r\n      margin-bottom 20px\r\n      padding 20px\r\n    .card-service:last-child\r\n      margin-bottom 0\r\n\r\n    .card-divider\r\n      margin 12px 0\r\n\r\n    .card-service-price\r\n      margin-top 12px\r\n      padding-top 12px\r\n\r\n    .card-extra\r\n      width 100%\r\n      border 1px solid $gray1\r\n      padding 20px\r\n      border-radius 8px\r\n      margin-bottom 12px\r\n\r\n    .card-extra-icon-bg\r\n      width 48px\r\n      height 48px\r\n      line-height 60px\r\n\r\n    @-webkit-keyframes bounce {\r\n      0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}\r\n      40% {-webkit-transform: translateY(-8px) }\r\n      60% {-webkit-transform: translateY(-4px);}\r\n    }\r\n    @keyframes bounce {\r\n      0%, 20%, 50%, 80%, 100% {transform: translateY(0);}\r\n      40% {transform: translateY(-8px);}\r\n      60% {transform: translateY(-4px);}\r\n    }\r\n\r\n    .design-market\r\n      background-image initial\r\n    .order-background-image\r\n      background-image initial\r\n\r\n  .partner-box\r\n    background-color white\r\n    border-radius 12px\r\n    height 132px\r\n    padding 20px 24px\r\n\r\n  .contain\r\n    position absolute\r\n    left 0\r\n    top 70%\r\n\r\n  .sec3-box\r\n    background-color #EEEEEE\r\n    border-radius 12px\r\n    padding 52px 66px\r\n    width 100%\r\n\r\n  .sec3-box-mo\r\n    background-color #EEEEEE\r\n    border-radius 12px\r\n    padding 24px 20px 60px\r\n    height 298px\r\n    width 100%\r\n\r\n  .sec3-txt1\r\n    background-color #AEAEAE\r\n    border-radius 50px\r\n    padding 10px 16px\r\n    color white\r\n    width 350px\r\n\r\n  .sec3-txt1-mo\r\n    background-color #AEAEAE\r\n    border-radius 50px\r\n    padding 6px 10px\r\n    color white\r\n    width 294px\r\n\r\n  .sec3-txt2\r\n    background-color $primary\r\n    border-radius 50px\r\n    padding 10px 16px\r\n    color white\r\n\r\n  .sec3-txt2-mo\r\n    background-color $primary\r\n    border-radius 50px\r\n    padding 6px\r\n    color white\r\n    width 100%\r\n\r\n  .sec3-box2\r\n    background-color white\r\n    padding 52px 66px\r\n    width 100%\r\n    border-radius 12px\r\n    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.04)\r\n\r\n  .sec3-box2-mo\r\n    background-color white\r\n    padding 24px 20px 40px\r\n    width 100%\r\n    border-radius 12px\r\n    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.04)\r\n\r\n  .func-item\r\n    padding 16px\r\n    background-color white\r\n\r\n  .func-item-mo\r\n    padding 9px 16px\r\n    background-color white\r\n\r\n  .base-platform\r\n    flex 1\r\n    background-color white\r\n    padding 40px 52px\r\n\r\n  .label-btn\r\n    background-color $primary-light2\r\n    padding 2px 8px\r\n    border-radius 4px\r\n    width 68px\r\n\r\n  .extras-icon-bg\r\n    width 60px\r\n    height 60px\r\n    background-color white\r\n\r\n  .sub-style\r\n    top 8px\r\n    left 8px\r\n    border-radius 50px\r\n    padding 3px 8px 4px\r\n\r\n  .sub-prime\r\n    color $primary\r\n    background-color black\r\n\r\n  .sub-ex\r\n    color white\r\n    background-color $primary\r\n\r\n  .desc-content\r\n    background-color $gray3\r\n    width 342px\r\n    height 368px\r\n    border-radius 20px\r\n    padding 24px\r\n\r\n  .desc-content-title\r\n    height 112px\r\n    padding-bottom 16px\r\n    border-bottom 1px solid #DDDDDD\r\n    flex-direction column\r\n\r\n  .desc-content-box\r\n    padding 16px 12px\r\n    background-color $gray3\r\n    border-radius 8px\r\n    text-align center\r\n\r\n  .button-prime\r\n    padding 16px 0\r\n    text-align center\r\n    width 100%\r\n    border-radius 8px\r\n\r\n  .price-btn\r\n    width 210px\r\n    border-radius 8px\r\n    padding 8px 0\r\n\r\n  .price-btn-bk\r\n    background-color black\r\n    color white\r\n    border none\r\n\r\n  .price-prime\r\n    color black\r\n    border-top 3px solid black\r\n\r\n  .price-head\r\n    color $primary\r\n    border-top 3px solid $primary\r\n\r\n  .td-exp\r\n    background-color $primary-light2\r\n    padding 6px\r\n    border-bottom 0\r\n\r\n  .th-empty\r\n    border-top none\r\n    border-left none\r\n\r\n  .button-home-mo\r\n    width 172px\r\n    padding 12px\r\n    border-radius 8px\r\n\r\n  .pack-item\r\n    padding 16px 0 36px\r\n    border-bottom 1px solid $gray1\r\n\r\n  .price-item-box\r\n    border-top 3px solid $primary\r\n    border-left 1px solid $gray1\r\n    border-right 1px solid $gray1\r\n    border-bottom 1px solid $gray1\r\n    padding 16px 16px 22px\r\n    margin-bottom 24px\r\n    width 100%\r\n\r\n  .item-title\r\n    padding-bottom 16px\r\n    border-bottom 1px solid $gray1\r\n\r\n  .item-title2\r\n    padding 12px 0\r\n    border-bottom 1px solid $gray1\r\n\r\n  .line-ver\r\n    width 1px\r\n    height 15px\r\n    background-color $primary\r\n\r\n  .platform-box\r\n    overflow hidden\r\n    padding 100px 0\r\n    border-bottom 1px solid $gray2\r\n\r\n  .prime-bg\r\n    background url(/static/img/home/img_prime_back.png)\r\n    background-repeat no-repeat\r\n    background-position center\r\n    background-size contain\r\n    height 380px\r\n\r\n  .prime-bg-mo\r\n    background url(/static/img/home/img_prime_back.png)\r\n    background-repeat no-repeat\r\n    background-position center\r\n    background-size contain\r\n    height 260px\r\n\r\n  .arrow-box\r\n    padding 60px 0\r\n    border-top 1px solid $sub2\r\n    border-bottom 1px solid $sub2\r\n\r\n  .dot-prime\r\n    width 29px\r\n    height 29px\r\n    background-color white\r\n    border-radius 50%\r\n\r\n  .prime-item1\r\n    border-bottom 1px dashed $primary-dark\r\n    padding 14px 16px 14px 0\r\n\r\n  .prime-item2\r\n    border-bottom 1px solid $primary-dark\r\n    padding-right 16px\r\n\r\n  .prime-item-arrow\r\n    border-bottom 1px dashed $primary\r\n    padding-right 16px\r\n\r\n  .dot-prime-mo\r\n    width 22px\r\n    height 22px\r\n    background-color white\r\n    border-radius 50%\r\n\r\n  .rec-prime\r\n    width 207px\r\n    height 26px\r\n    background-color $sub2\r\n\r\n  .rec-prime-mo\r\n    width 14px\r\n    height 44px\r\n    background-color $sub2\r\n\r\n  .box-primary-light2-mo\r\n    background-color $primary-light2\r\n    color $primary\r\n    padding 12px 0 20px 0\r\n    border-radius 8px\r\n    display block\r\n\r\n    .emoticon\r\n      width 36px\r\n      height 36px\r\n\r\n  .tags\r\n    margin-top 12px\r\n    display flex\r\n    align-items center\r\n    gap 6px\r\n    .tag\r\n      border 1px solid $gray\r\n      padding 2px 8px\r\n      border-radius 50px\r\n      font-size 11px\r\n      color $sub\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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=024075c5&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=024075c5&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  \"024075c5\",\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!./Home.vue?vue&type=style&index=0&id=024075c5&lang=stylus&scoped=true&\""],"sourceRoot":""}