{"version":3,"sources":["webpack:///./src/components/component/LpBanner.vue?944f","webpack:///./src/components/page/Post.vue?8fa4","webpack:///./src/components/component/LpBanner.vue?01cd","webpack:///src/components/component/LpBanner.vue","webpack:///./src/components/component/LpBanner.vue?9463","webpack:///./src/components/component/LpBanner.vue","webpack:///./src/components/page/Post.vue?8b72","webpack:///src/components/page/Post.vue","webpack:///./src/components/page/Post.vue?1250","webpack:///./src/components/page/Post.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","staticClass","_e","_v","_s","title","subTitle","staticStyle","staticRenderFns","component","attrs","_l","cat","cat_idx","key","class","id","selectedBoardCat","on","$event","clickBoardCat","name","post_list","length","post","post_idx","clickCard","imgField","img","datesFormat","created_time","board_title","directives","rawName","value","expression","postFiltered","getBoardPost"],"mappings":"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","file":"js/chunk-98a5e8e2.a234fe39.js","sourcesContent":["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!./LpBanner.vue?vue&type=style&index=0&id=fcf49d94&lang=stylus&scoped=true&\"","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!./Post.vue?vue&type=style&index=0&id=ee8b9fb0&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:(_vm.bgStyle)},[(_vm.isDim)?_c('div',{staticClass:\"dim\"}):_vm._e(),_c('div',{staticClass:\"pc content\",style:(_vm.contentStylePc)},[_c('div',{staticClass:\"h2\"},[_vm._v(_vm._s(_vm.title))]),(_vm.subTitle!=='')?_c('div',{staticClass:\"size-18\",staticStyle:{\"margin-top\":\"12px\"}},[_vm._v(_vm._s(_vm.subTitle))]):_vm._e()]),_c('div',{staticClass:\"mobile content\",style:(_vm.contentStyleM)},[_c('div',{staticClass:\"h6\"},[_vm._v(_vm._s(_vm.title))]),(_vm.subTitle!=='')?_c('div',{staticClass:\"size-14\",staticStyle:{\"margin-top\":\"4px\"}},[_vm._v(_vm._s(_vm.subTitle))]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :style=\"bgStyle\">\r\n    <div v-if=\"isDim\" class=\"dim\"></div>\r\n    <div class=\"pc content\" :style=\"contentStylePc\">\r\n      <div class=\"h2\">{{ title }}</div>\r\n      <div class=\"size-18\" style=\"margin-top:12px\" v-if=\"subTitle!==''\">{{ subTitle }}</div>\r\n    </div>\r\n    <div class=\"mobile content\" :style=\"contentStyleM\">\r\n      <div class=\"h6\">{{ title }}</div>\r\n      <div class=\"size-14\" style=\"margin-top:4px\" v-if=\"subTitle!==''\">{{ subTitle }}</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: \"LpBanner\",\r\n    props: {\r\n      title: {\r\n        type: String,\r\n        default: ''\r\n      },\r\n      subTitle: {\r\n        type: String,\r\n        default: ''\r\n      },\r\n      img: {\r\n        type: String,\r\n        default: ''\r\n      },\r\n      device: {\r\n        type: String,\r\n        default: 'pc'\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: 'white'\r\n      },\r\n      textAlign: {\r\n        type: String,\r\n        default: 'center'\r\n      },\r\n      isDim: {\r\n        type: Boolean,\r\n        default: true\r\n      },\r\n      contentWidthPc: {\r\n        type: String,\r\n        default: 'calc(100% - 80px)'\r\n      },\r\n      contentWidthM: {\r\n        type: String,\r\n        default: 'calc(100% - 80px)'\r\n      },\r\n      height: {\r\n        type: Number\r\n      },\r\n      top: {\r\n        type: String,\r\n        default: '50%'\r\n      }\r\n\r\n    },\r\n    created() {\r\n      this.setBg();\r\n      this.ev = () => {\r\n        this.setBg();\r\n      };\r\n      window.addEventListener('resize', this.ev);\r\n    },\r\n    beforeDestroy() {\r\n      window.removeEventListener('resize', this.ev);\r\n    },\r\n    data() {\r\n      return {\r\n        bgStyle: {\r\n          backgroundPosition: 'center',\r\n          backgroundRepeat: 'no-repeat',\r\n          backgroundSize: 'cover',\r\n          width: '100%',\r\n          color: 'white',\r\n          textAlign: 'center',\r\n          height: '100px',\r\n          position: 'relative'\r\n        },\r\n        ev: undefined\r\n      }\r\n    },\r\n    methods: {\r\n      setBg() {\r\n        this.bgStyle.backgroundImage = `url(/static/img/${this.img})`;\r\n        let height = 0;\r\n        if (this.height) {\r\n          height = this.height;\r\n        } else {\r\n          if(this.device === 'pc') {\r\n            height = window.innerWidth / 6;\r\n          } else {\r\n            height = window.innerWidth / 2.3;\r\n          }\r\n        }\r\n        this.bgStyle.height = `${height}px`;\r\n        this.bgStyle.color = this.color;\r\n        this.bgStyle.textAlign = this.textAlign;\r\n      }\r\n    },\r\n    computed: {\r\n      contentStylePc() {\r\n        return {\r\n          width: this.contentWidthPc,\r\n          top: this.top\r\n        }\r\n      },\r\n      contentStyleM() {\r\n        return {\r\n          width: this.contentWidthM,\r\n          top: this.top\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .dim\r\n    background-color rgba(0,0,0,0.3)\r\n    position absolute\r\n    top 0\r\n    left 0\r\n    width 100%\r\n    height 100%\r\n\r\n  .content\r\n    position absolute\r\n    left 50%\r\n    transform translate(-50%, -50%)\r\n    white-space pre-line\r\n    word-break keep-all\r\n\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!./LpBanner.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!./LpBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpBanner.vue?vue&type=template&id=fcf49d94&scoped=true&\"\nimport script from \"./LpBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./LpBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpBanner.vue?vue&type=style&index=0&id=fcf49d94&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  \"fcf49d94\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-top\"},[_c('div',{staticClass:\"pc\"},[_c('lp-banner',{attrs:{\"img\":\"page_thumb_scrap.png\",\"title\":\"블로그\",\"sub-title\":\"스타트업, 플랫폼 사업정보를 플랫폼파이 스크랩을 통해서 만나보세요!\"}}),_c('div',{staticClass:\"flex-center board-cat-wrapper\"},_vm._l((_vm.board_cat_list),function(cat,cat_idx){return _c('div',{key:(\"board-\" + cat_idx),staticClass:\"board-cat-st subtitle5 unselect\",class:{'primary':cat.id===_vm.selectedBoardCat.id},on:{\"click\":function($event){return _vm.clickBoardCat(cat)}}},[_vm._v(\" \"+_vm._s(cat.name)+\" \"),_c('div',{class:{'board-cat-selected':cat.id===_vm.selectedBoardCat.id}})])}),0),_c('div',{staticClass:\"container\"},[(_vm.post_list.length>0)?_c('div',{staticClass:\"post-wrapper\",staticStyle:{\"margin-top\":\"120px\"}},_vm._l((_vm.post_list),function(post,post_idx){return _c('div',{key:(\"post-\" + post_idx),staticClass:\"unselect\",on:{\"click\":function($event){return _vm.clickCard(post)}}},[_c('div',{staticClass:\"card-img\",style:(_vm.imgField(post.img))}),_c('div',{staticClass:\"subtitle4 sub margin-top-16\"},[_vm._v(_vm._s(post.title))]),_c('div',{staticClass:\"body5 sub3 margin-top-8\"},[_c('span',[_vm._v(_vm._s(_vm.datesFormat(post.created_time, 'date_3')))]),_c('span',{staticClass:\"margin-left-20\"},[_vm._v(_vm._s(post.board_title))])])])}),0):_vm._e()]),(_vm.post_list.length===0)?_c('div',[(_vm.post_list.length===0)?_c('div',{staticClass:\"subtitle4 sub3 padding-68 text-center\"},[_vm._v(\"게시물이 없습니다.\")]):_vm._e(),_c('div',{staticClass:\"lp-divider-gray1\"})]):_vm._e(),_c('lp-paginate',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.post_list.length>0),expression:\"post_list.length>0\"}],staticClass:\"padding-top-80\",attrs:{\"filtered\":_vm.postFiltered},on:{\"getData\":_vm.getBoardPost}})],1),_c('div',{staticClass:\"mobile\"},[_c('lp-banner',{attrs:{\"img\":\"page_thumb_scrap.png\",\"device\":\"mobile\",\"title\":\"블로그\",\"sub-title\":\"스타트업, 플랫폼 사업정보를 플랫폼파이 스크랩을 통해서 만나보세요!\"}}),_c('div',{staticClass:\"flex-center board-cat-wrapper\",staticStyle:{\"justify-content\":\"flex-start\"}},_vm._l((_vm.board_cat_list),function(cat,cat_idx){return _c('div',{key:(\"board-\" + cat_idx),staticClass:\"board-cat-st subtitle7 unselect\",class:{'primary':cat.id===_vm.selectedBoardCat.id},on:{\"click\":function($event){return _vm.clickBoardCat(cat)}}},[_vm._v(\" \"+_vm._s(cat.name)+\" \"),_c('div',{class:{'board-cat-selected':cat.id===_vm.selectedBoardCat.id}})])}),0),_c('div',{staticClass:\"container\"},[(_vm.post_list.length>0)?_c('div',{staticClass:\"post-wrapper\",staticStyle:{\"margin-top\":\"76px\"}},_vm._l((_vm.post_list),function(post,post_idx){return _c('div',{key:(\"post-\" + post_idx),on:{\"click\":function($event){return _vm.clickCard(post)}}},[_c('div',{staticClass:\"card-img\",style:(_vm.imgField(post.img))}),_c('div',{staticClass:\"subtitle7 sub margin-top-8 ellipsis-2\"},[_vm._v(_vm._s(post.title))]),_c('div',{staticClass:\"body6 sub3 margin-top-4\"},[_c('span',[_vm._v(_vm._s(_vm.datesFormat(post.created_time, 'date_3')))]),_c('span',{staticClass:\"margin-left-20\"},[_vm._v(_vm._s(post.board_title))])])])}),0):_vm._e()]),(_vm.post_list.length===0)?_c('div',[(_vm.post_list.length===0)?_c('div',{staticClass:\"body6 sub3 padding-28 text-center\"},[_vm._v(\"게시물이 없습니다.\")]):_vm._e(),_c('div',{staticClass:\"lp-divider-gray1\"})]):_vm._e(),_c('lp-paginate',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.post_list.length>0),expression:\"post_list.length>0\"}],staticClass:\"margin-top-40\",attrs:{\"filtered\":_vm.postFiltered},on:{\"getData\":_vm.getBoardPost}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-top\">\r\n    <div class=\"pc\">\r\n      <!-- banner -->\r\n      <lp-banner img=\"page_thumb_scrap.png\"\r\n                 title=\"블로그\"\r\n                 sub-title=\"스타트업, 플랫폼 사업정보를 플랫폼파이 스크랩을 통해서 만나보세요!\"></lp-banner>\r\n      <!-- board category -->\r\n      <div class=\"flex-center board-cat-wrapper\">\r\n        <div class=\"board-cat-st subtitle5 unselect\"\r\n             :class=\"{'primary':cat.id===selectedBoardCat.id}\"\r\n             v-for=\"(cat, cat_idx) in board_cat_list\"\r\n             :key=\"`board-${cat_idx}`\"\r\n             @click=\"clickBoardCat(cat)\">\r\n          {{ cat.name }}\r\n          <div :class=\"{'board-cat-selected':cat.id===selectedBoardCat.id}\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"container\">\r\n        <!-- board  -->\r\n        <!--<div class=\"board-wrapper\">\r\n          <div class=\"flex-align\" v-if=\"selectedBoardCat.id\">\r\n            <div class=\"board-st subtitle4 unselect body2-medium\"\r\n                 :class=\"{'board-selected':board.id===selectedBoard.id}\"\r\n                 v-for=\"(board, board_idx) in board_list\"\r\n                 :key=\"`board-${board_idx}`\"\r\n                 @click=\"clickBoard(board)\">{{ board.name }}</div>\r\n          </div>\r\n        </div>-->\r\n        <div class=\"post-wrapper\" style=\"margin-top:120px\" v-if=\"post_list.length>0\">\r\n          <!-- post -->\r\n          <div class=\"unselect\"\r\n               v-for=\"(post, post_idx) in post_list\"\r\n               :key=\"`post-${post_idx}`\"\r\n               @click=\"clickCard(post)\">\r\n            <div class=\"card-img\" :style=\"imgField(post.img)\"></div>\r\n            <div class=\"subtitle4 sub margin-top-16\">{{ post.title }}</div>\r\n            <div class=\"body5 sub3 margin-top-8\">\r\n              <span>{{ datesFormat(post.created_time, 'date_3') }}</span>\r\n              <span class=\"margin-left-20\">{{ post.board_title }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"post_list.length===0\">\r\n        <div class=\"subtitle4 sub3 padding-68 text-center\" v-if=\"post_list.length===0\">게시물이 없습니다.</div>\r\n        <div class=\"lp-divider-gray1\"></div>\r\n      </div>\r\n      <!-- 페이지네이션 -->\r\n      <lp-paginate :filtered=\"postFiltered\"\r\n                   @getData=\"getBoardPost\"\r\n                   class=\"padding-top-80\"\r\n                   v-show=\"post_list.length>0\"></lp-paginate>\r\n    </div>\r\n\r\n    <div class=\"mobile\">\r\n      <lp-banner img=\"page_thumb_scrap.png\" device=\"mobile\"\r\n                 title=\"블로그\"\r\n                 sub-title=\"스타트업, 플랫폼 사업정보를 플랫폼파이 스크랩을 통해서 만나보세요!\"></lp-banner>\r\n      <!-- board category -->\r\n      <div class=\"flex-center board-cat-wrapper\" style=\"justify-content: flex-start\">\r\n        <div class=\"board-cat-st subtitle7 unselect\" :class=\"{'primary':cat.id===selectedBoardCat.id}\"\r\n             v-for=\"(cat, cat_idx) in board_cat_list\" :key=\"`board-${cat_idx}`\" @click=\"clickBoardCat(cat)\">\r\n          {{ cat.name }}\r\n          <div :class=\"{'board-cat-selected':cat.id===selectedBoardCat.id}\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"container\">\r\n        <!-- board  -->\r\n        <!--<div class=\"board-wrapper\">\r\n          <div class=\"flex-align\" v-if=\"selectedBoardCat.id\">\r\n            <div class=\"board-st unselect body5-medium\" :class=\"{'board-selected':board.id===selectedBoard.id}\"\r\n                 v-for=\"(board, board_idx) in board_list\" :key=\"`board-${board_idx}`\" @click=\"clickBoard(board)\">{{ board.name }}</div>\r\n          </div>\r\n        </div>-->\r\n        <div class=\"post-wrapper\" style=\"margin-top:76px\" v-if=\"post_list.length>0\">\r\n          <!-- post -->\r\n          <div v-for=\"(post, post_idx) in post_list\" :key=\"`post-${post_idx}`\"\r\n               @click=\"clickCard(post)\">\r\n            <div class=\"card-img\" :style=\"imgField(post.img)\"></div>\r\n            <div class=\"subtitle7 sub margin-top-8 ellipsis-2\">{{ post.title }}</div>\r\n            <div class=\"body6 sub3 margin-top-4\">\r\n              <span>{{ datesFormat(post.created_time, 'date_3') }}</span>\r\n              <span class=\"margin-left-20\">{{ post.board_title }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"post_list.length===0\">\r\n        <div class=\"body6 sub3 padding-28 text-center\" v-if=\"post_list.length===0\">게시물이 없습니다.</div>\r\n        <div class=\"lp-divider-gray1\"></div>\r\n      </div>\r\n      <!-- 페이지네이션 -->\r\n      <lp-paginate :filtered=\"postFiltered\"\r\n                   @getData=\"getBoardPost\"\r\n                   class=\"margin-top-40\"\r\n                   v-show=\"post_list.length>0\"></lp-paginate>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  import LpPaginate from \"../component/LpPaginate\";\r\n  import LpBanner from \"../component/LpBanner\";\r\n  export default {\r\n    name: \"Post\",\r\n    components: {LpBanner, LpPaginate},\r\n    created() {\r\n      this.getBoardCategory();\r\n\r\n      if(history.state && history.state.name) {\r\n        this.clickBoardCat(history.state);\r\n      }\r\n      else {\r\n        this.getBoard();\r\n        this.getBoardPost();\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        board_cat_list: [],\r\n        board_list: [],\r\n        post_list: [],\r\n        postFiltered: {\r\n          cur_page: 1,\r\n          page_num:1,\r\n          total_page:1,\r\n          page_length: 9\r\n        },\r\n        selectedBoardCat: {name:'전체',id:''},\r\n        selectedBoard: {name:'전체',id:''}\r\n      }\r\n    },\r\n    methods: {\r\n      clickCard(post) {\r\n        this.routeGa('', `블로그 카드(${post.title})`, post.title);\r\n        history.pushState(this.selectedBoardCat, '', location.href);\r\n        this.routerPush(`post/detail?id=${post.id}&board_id=${post.board}&cat=${this.selectedBoardCat.id}`, true);\r\n      },\r\n      clickBoardCat(cat) {\r\n        this.selectedBoardCat = cat;\r\n        this.selectedBoard = {name:'전체',id: ''};\r\n        if(cat.id==='') {\r\n          this.selectedBoardCat = {name:'전체',id: ''};\r\n        }\r\n        this.board_list = [];\r\n        this.getBoard();\r\n        this.getBoardPost();\r\n      },\r\n      clickBoard(board) {\r\n        this.selectedBoard = board;\r\n        if(board.id==='') {\r\n          this.selectedBoard = {name:'전체',id: ''};\r\n        }\r\n        this.getBoardPost();\r\n      },\r\n      getBoardCategory() {\r\n        this.$axios.get('public/board/category').then(res=>{\r\n          if(res.data.length>0) {\r\n            res.data.forEach(item => {\r\n              item.name = item.name.replace(/런치팩/gi, '플랫폼파이')\r\n            })\r\n            let list = [{name:'전체',id:''}];\r\n            this.board_cat_list = list.concat(res.data);\r\n          } else {\r\n            this.board_cat_list = [];\r\n          }\r\n        })\r\n      },\r\n      getBoard() {\r\n        let url = 'public/board';\r\n        let params = {};\r\n        if(this.selectedBoardCat.id) params.cat1 = this.selectedBoardCat.id;\r\n        this.$axios.get(url, {\r\n          params: params\r\n        }).then(res=>{\r\n          if(res.data.length>0) {\r\n            let list = [{name:'전체',id:''}];\r\n            this.board_list = list.concat(res.data);\r\n          } else {\r\n            this.board_list = [];\r\n          }\r\n        })\r\n      },\r\n      getBoardPost() {\r\n        let url = '';\r\n        if(this.selectedBoard.id) {\r\n          url = `public/board/${this.selectedBoard.id}/post`;\r\n        } else {\r\n          url = 'public/board/post';\r\n        }\r\n        let params = this.cloneItem(this.postFiltered);\r\n        if(this.selectedBoardCat.id) params.cat1 = this.selectedBoardCat.id;\r\n        this.$axios.get(url, {\r\n          params: params\r\n        }).then(res=>{\r\n          res.data.data.forEach(item => {\r\n            item.board_title = item.board_title.replace(/런치팩/gi, '플랫폼파이')\r\n          })\r\n          this.post_list = res.data.data;\r\n          this.postFiltered.page_length = res.data.page_length;\r\n          this.postFiltered.cur_page = res.data.cur_page;\r\n          this.postFiltered.total_page = res.data.total_page;\r\n          this.postFiltered.count = res.data.count;\r\n        })\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n\r\n  .board-cat-wrapper\r\n    overflow-x scroll\r\n    -ms-overflow-style none /* IE and Edge */\r\n    scrollbar-width none /* Firefox */\r\n\r\n  .board-cat-wrapper::-webkit-scrollbar\r\n    display none /* Chrome, Safari, Opera*/\r\n\r\n  .board-cat-st\r\n    flex 0 0 auto\r\n    position relative\r\n\r\n  .board-wrapper\r\n    display flex\r\n    justify-content center\r\n    overflow-x scroll\r\n    -ms-overflow-style none /* IE and Edge */\r\n    scrollbar-width none /* Firefox */\r\n\r\n  .board-wrapper::-webkit-scrollbar\r\n    display none /* Chrome, Safari, Opera*/\r\n\r\n  .pc\r\n    .post-banner\r\n      position relative\r\n      width 100%\r\n      height 250px\r\n      background-color white\r\n\r\n    .board-cat-wrapper\r\n      border-bottom 1px solid $gray1\r\n\r\n\r\n    .board-cat-st\r\n      padding 20px 24px\r\n      position relative\r\n\r\n    .board-cat-selected\r\n      position absolute\r\n      left 0\r\n      bottom 0\r\n      width 100%\r\n      background-color $primary\r\n      height 3px\r\n\r\n    .board-wrapper\r\n      height 120px\r\n\r\n    .board-st\r\n      padding 8px 16px\r\n      background-color $gray4\r\n      color $sub3\r\n      border-radius 24px\r\n      margin 0 8px\r\n\r\n    .board-selected\r\n      color white\r\n      background-color $primary\r\n\r\n    .post-wrapper\r\n      display grid\r\n      grid-gap 30px 24px\r\n      grid-template-columns repeat(3, 1fr)\r\n\r\n    .card-img\r\n      position relative\r\n      width 100%\r\n      height 250px\r\n      border-radius 8px\r\n      background-color white\r\n  .mobile\r\n    .post-banner\r\n      position relative\r\n      width 100%\r\n      height 160px\r\n      background-color white\r\n\r\n    .board-cat-wrapper\r\n      border-bottom 1px solid $gray1\r\n\r\n\r\n    .board-cat-st\r\n      padding 12px 16px\r\n      position relative\r\n\r\n    .board-cat-selected\r\n      position absolute\r\n      left 0\r\n      bottom 0\r\n      width 100%\r\n      background-color $primary\r\n      height 3px\r\n\r\n    .board-wrapper\r\n      height 78px\r\n\r\n    .board-st\r\n      padding 8px 16px\r\n      background-color $gray4\r\n      color $sub3\r\n      border-radius 24px\r\n      margin 0 4px\r\n\r\n    .board-selected\r\n      color white\r\n      background-color $primary\r\n\r\n    .post-wrapper\r\n      display grid\r\n      grid-gap 32px 12px\r\n      grid-template-columns repeat(2, 1fr)\r\n\r\n    .card-img\r\n      position relative\r\n      width 100%\r\n      height 163px\r\n      border-radius 8px\r\n      background-color white\r\n\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!./Post.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!./Post.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Post.vue?vue&type=template&id=ee8b9fb0&scoped=true&\"\nimport script from \"./Post.vue?vue&type=script&lang=js&\"\nexport * from \"./Post.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Post.vue?vue&type=style&index=0&id=ee8b9fb0&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  \"ee8b9fb0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}