{"version":3,"file":"static/chunks/pages/policies/license-43e4577512e68251.js","mappings":"AACA","sources":["webpack://_N_E/?e287","webpack://_N_E/./src/modules/landings/policies/TermsOfLicense.tsx","webpack://_N_E/./src/pages/policies/license.tsx","webpack://_N_E/./node_modules/styled-media-query/dist/styled-media-query.es.js","webpack://_N_E/"],"sourcesContent":["\n (window.__NEXT_P = window.__NEXT_P || []).push([\n \"/policies/license\",\n function () {\n return require(\"private-next-pages/policies/license.tsx\");\n }\n ]);\n if(module.hot) {\n module.hot.dispose(function () {\n window.__NEXT_P.push([\"/policies/license\"])\n });\n }\n ","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n const data = _tagged_template_literal([\n \"\\n font-weight: bold;\\n margin: 20px 0;\\n\"\n ]);\n _templateObject = function() {\n return data;\n };\n return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { Select } from \"antd\";\nimport { Divider } from \"antd/lib\";\nimport { TextBreak } from \"@/components/TextBreak\";\nimport { TermsPageWrapper } from \"@/modules/landings/policies/TermsOfUse\";\nconst TermsTitle = styled.div.withConfig({\n componentId: \"sc-dda009ca-0\"\n})(_templateObject());\nexport const TermsOfLicense = (param)=>{\n let {} = param;\n const handleChange = (value)=>{\n ;\n };\n return /*#__PURE__*/ _jsxs(TermsPageWrapper, {\n children: [\n /*#__PURE__*/ _jsx(Select, {\n defaultValue: \"2021년 09월 20일\",\n style: {\n width: 160\n },\n onChange: handleChange,\n options: [\n {\n value: \"1\",\n label: \"2021년 09월 20일\"\n }\n ]\n }),\n /*#__PURE__*/ _jsx(Divider, {}),\n /*#__PURE__*/ _jsxs(\"div\", {\n style: {\n lineHeight: \"1.5\"\n },\n children: [\n /*#__PURE__*/ _jsx(\"h2\", {\n style: {\n fontWeight: \"bold\"\n },\n children: \" 저작물의 이용 범위\"\n }),\n /*#__PURE__*/ _jsx(TextBreak, {}),\n /*#__PURE__*/ _jsx(\"div\", {\n style: {\n marginBottom: \"20px\"\n },\n children: \" 시행일자 : 2021년 09월 20일\"\n }),\n /*#__PURE__*/ _jsx(TextBreak, {}),\n /*#__PURE__*/ _jsx(TermsTitle, {\n children: \"교재 저작물 이용 권리\"\n }),\n \"이용자는 쏠북에서 교재 저작물 이용권을 구매함으로써, 아래의 제한된 교재 저작물 이용 권리를 얻게 됩니다.\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"1. 쏠북 에디터를 활용하여, 교재 저작물을 편집한 수업자료를 제작할 수 있습니다.\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"2. 쏠북 뷰어를 활용하여, 교재 저작물 원본을 수업 중 화면에 띄울 수 있습니다.\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"3. 쏠북 뷰어를 활용하여, 제작한 수업자료를 수업 중 화면에 띄울 수 있습니다.\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"4. 쏠북 뷰어를 활용하여, 제작한 수업자료를 프린터로 출력해 배포할 수 있습니다.\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n \"5. 쏠북 뷰어를 활용하여, 제작한 수업자료의 뷰어 URL을 공유할 수 있습니다.\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n /*#__PURE__*/ _jsx(TermsTitle, {\n children: \"교재 저작물 이용 권리의 추가\"\n }),\n \"교재 저작물에 대한 이용 권리를 추가로 얻고 싶은 경우, 고객센터 문의 게시판을 통해 필요한 교재 저작물과 이용권리를 남겨주세요. 저작권자와의 별도 계약 체결을 도와드리고 있습니다.\",\n /*#__PURE__*/ _jsx(TextBreak, {}),\n /*#__PURE__*/ _jsx(TermsTitle, {\n children: \"교재 저작물 이용 제한\"\n }),\n \"별도의 계약 체결 없이 제한된 교재 저작물 이용 권리를 넘어서 교재 저작물을 이용한 경우, 저작권자가 사안에 상응하는 법적 조치를 취할 수 있습니다.\"\n ]\n })\n ]\n });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n const data = _tagged_template_literal([\n \"\\n\t \t/* screen width is greater than 1200px (large) */\\n\t\tpadding-top: 32px;\\n\t\tpadding-bottom: 32px\\n\t\"\n ]);\n _templateObject = function() {\n return data;\n };\n return data;\n}\nfunction _templateObject1() {\n const data = _tagged_template_literal([\n \"\\n padding-top: 0;\\n padding-bottom: 16px;\\n\\n min-height: 80vh;\\n\\n \",\n \"\\n\"\n ]);\n _templateObject1 = function() {\n return data;\n };\n return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { View } from \"@/components\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport media from \"styled-media-query\";\nimport { TermsPageLayout } from \"@/modules/landings/policies/TermsPageLayout\";\nimport { TermsLayout } from \"@/modules/landings/policies/TermsLayout\";\nimport { TermsOfLicense } from \"@/modules/landings/policies/TermsOfLicense\";\nconst ViewerPageWrapper = styled(View).withConfig({\n componentId: \"sc-4d468a81-0\"\n})(_templateObject1(), media.greaterThan(\"large\")(_templateObject()));\nconst license = ()=>{\n return /*#__PURE__*/ _jsx(ViewerPageWrapper, {\n children: /*#__PURE__*/ _jsx(TermsPageLayout, {\n children: /*#__PURE__*/ _jsx(TermsLayout, {\n children: /*#__PURE__*/ _jsx(TermsOfLicense, {})\n })\n })\n });\n};\nexport default license;\n","import { css } from 'styled-components';\n\nfunction _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n\n return Object.freeze(Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n }));\n}\n\n/**\n * Converts breakpoint units in px to rem or em\n * @param {Object} breakpoints - an object containing breakpoint names as keys and the width as value\n * @param {number} ratio [16] - size of 1 rem in px. What is your main font-size in px?\n * @param {'rem' | 'em'} unit\n */\nfunction pxToEmOrRem(breakpoints) {\n var ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;\n var unit = arguments.length > 2 ? arguments[2] : undefined;\n var newBreakpoints = {};\n\n for (var key in breakpoints) {\n var point = breakpoints[key];\n\n if (String(point).includes('px')) {\n newBreakpoints[key] = +(parseInt(point) / ratio) + unit;\n continue;\n }\n\n newBreakpoints[key] = point;\n }\n\n return newBreakpoints;\n}\n/**\n * Converts breakpoint units in px to em \n * @param {Object} breakpoints - an object containing breakpoint names as keys and the width as value\n * @param {number} ratio [16] - size of 1em in px. What is your main font-size in px?\n */\n\n\nfunction pxToEm(breakpoints) {\n var ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;\n return pxToEmOrRem(breakpoints, ratio, 'em');\n}\n/**\n * Converts breakpoint units in px to rem \n * @param {Object} breakpoints - an object containing breakpoint names as keys and the width as value\n * @param {number} ratio [16] - size of 1rem in px. What is your main font-size in px?\n */\n\nfunction pxToRem(breakpoints) {\n var ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;\n return pxToEmOrRem(breakpoints, ratio, 'rem');\n}\n\nfunction _templateObject5() {\n var data = _taggedTemplateLiteral([\"\\n @media (min-width: \", \") {\\n \", \"\\n }\\n \"]);\n\n _templateObject5 = function _templateObject5() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject4() {\n var data = _taggedTemplateLiteral([\"\\n @media (max-width: \", \") {\\n \", \"\\n }\\n \"]);\n\n _templateObject4 = function _templateObject4() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject3() {\n var data = _taggedTemplateLiteral([\"\\n @media (min-width: \", \") and\\n (max-width: \", \") {\\n \", \"\\n }\\n \"]);\n\n _templateObject3 = function _templateObject3() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject2() {\n var data = _taggedTemplateLiteral([\"\\n @media (min-width: \", \") {\\n \", \"\\n }\\n \"]);\n\n _templateObject2 = function _templateObject2() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject() {\n var data = _taggedTemplateLiteral([\"\\n @media (max-width: \", \") {\\n \", \"\\n }\\n \"]);\n\n _templateObject = function _templateObject() {\n return data;\n };\n\n return data;\n}\n/**\n * Default media breakpoints\n * @type {Object}\n */\n\nvar defaultBreakpoints = {\n huge: '1440px',\n large: '1170px',\n medium: '768px',\n small: '450px'\n};\n\nfunction getSizeFromBreakpoint(breakpointValue) {\n var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n if (breakpoints[breakpointValue]) {\n return breakpoints[breakpointValue];\n } else if (parseInt(breakpointValue)) {\n return breakpointValue;\n } else {\n console.error('styled-media-query: No valid breakpoint or size specified for media.');\n return '0';\n }\n}\n/**\n * Media query generator\n * @param {Object} breakpoints - Map labels to breakpoint sizes\n * @return {Object} - Media generators for each breakpoint\n */\n\n\nfunction generateMedia() {\n var breakpoints = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultBreakpoints;\n\n var lessThan = function lessThan(breakpoint) {\n return function () {\n return css(_templateObject(), getSizeFromBreakpoint(breakpoint, breakpoints), css.apply(void 0, arguments));\n };\n };\n\n var greaterThan = function greaterThan(breakpoint) {\n return function () {\n return css(_templateObject2(), getSizeFromBreakpoint(breakpoint, breakpoints), css.apply(void 0, arguments));\n };\n };\n\n var between = function between(firstBreakpoint, secondBreakpoint) {\n return function () {\n return css(_templateObject3(), getSizeFromBreakpoint(firstBreakpoint, breakpoints), getSizeFromBreakpoint(secondBreakpoint, breakpoints), css.apply(void 0, arguments));\n };\n };\n\n var oldStyle = Object.keys(breakpoints).reduce(function (acc, label) {\n var size = breakpoints[label];\n\n acc.to[label] = function () {\n console.warn(\"styled-media-query: Use media.lessThan('\".concat(label, \"') instead of old media.to.\").concat(label, \" (Probably we'll deprecate it)\"));\n return css(_templateObject4(), size, css.apply(void 0, arguments));\n };\n\n acc.from[label] = function () {\n console.warn(\"styled-media-query: Use media.greaterThan('\".concat(label, \"') instead of old media.from.\").concat(label, \" (Probably we'll deprecate it)\"));\n return css(_templateObject5(), size, css.apply(void 0, arguments));\n };\n\n return acc;\n }, {\n to: {},\n from: {}\n });\n return Object.assign({\n lessThan: lessThan,\n greaterThan: greaterThan,\n between: between\n }, oldStyle);\n}\n/**\n * Media object with default breakpoints\n * @return {object} - Media generators for each size\n */\n\nvar index = generateMedia();\n/**\n * Usage: styled.div` ${media.from.medium`background: #000;`} `;\n * With this code, background for small and medium sizes will be `default` and for more than medium, will be `#000`\n */\n\nexport default index;\nexport { pxToEm, pxToRem, defaultBreakpoints, generateMedia };\n"],"names":[],"sourceRoot":""}