{"version":3,"file":"BlogBody.ivQvph2c.mjs","names":[],"sources":["https:/framerusercontent.com/modules/NnndK6fexQYjX852K7bG/dzoq0ThUsC4Vb24UmIKs/BlogBody.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * 블로그 본문.\n *\n * CMS 리치텍스트를 그대로 받아, 원본 사이트(components/Blog/StyleHead)의 CSS 를 입힌다.\n * 원본은 컨테이너가 flex 세로 컬럼이라 이미지·표가 stretch 로 폭을 꽉 채우는데,\n * Framer 기본 리치텍스트 렌더러는 이미지에 고정 크기(width/height 속성)를 박아 넣는다.\n * 그래서 이미지 계열만 !important 로 덮어쓴다.\n *\n * 콘텐츠 편집은 Framer CMS 리치텍스트 에디터에서 그대로 한다.\n *\n * @framerIntrinsicWidth 720\n * @framerIntrinsicHeight 400\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n */export default function BlogBody(props){const{content,style}=props;return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",...style},children:[/*#__PURE__*/_jsx(\"style\",{children:CSS}),/*#__PURE__*/_jsx(\"div\",{className:\"stx-post\",children:content})]});}addPropertyControls(BlogBody,{content:{type:ControlType.RichText,title:\"Content\"}});const FONT=`\"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, sans-serif`;/** 수치는 www.save-tax.co.kr/blog 실측값 */const CSS=`\n.stx-post {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n    width: 100%;\n    font-family: ${FONT};\n    font-size: 17px;\n    font-weight: 400;\n    line-height: 26px;\n    letter-spacing: -0.4px;\n    color: #3c434a;\n    word-break: keep-all;\n    overflow-wrap: anywhere;\n}\n.stx-post > * { margin: 0; }\n\n.stx-post h1, .stx-post h2, .stx-post h3,\n.stx-post h4, .stx-post h5, .stx-post h6 {\n    margin: 0;\n    font-family: ${FONT};\n    font-weight: 400;\n    letter-spacing: -0.4px;\n    color: #3c434a;\n}\n.stx-post h2 { font-size: 52px; line-height: 1.2; }\n.stx-post h3 { font-size: 36px; line-height: 1.4; }\n.stx-post h4 { font-size: 30px; line-height: 1.4; }\n.stx-post h5 { font-size: 24px; line-height: 1.4; }\n.stx-post h6 { font-size: 20px; line-height: 1.4; }\n.stx-post strong, .stx-post b { font-weight: 700; }\n.stx-post em, .stx-post i { font-style: italic; }\n.stx-post s { text-decoration: line-through; }\n.stx-post u { text-decoration: underline; }\n\n/** Framer 리치텍스트는 이미지에 고정 width/height 를 넣으므로 덮어쓴다 */\n.stx-post img,\n.stx-post .framer-image,\n.stx-post figure {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    height: auto !important;\n    aspect-ratio: auto !important;\n    border-radius: 15px;\n    object-fit: cover;\n}\n\n.stx-post a { color: #0489b1; text-decoration: underline; }\n\n.stx-post ul, .stx-post ol { margin: 0; padding-inline-start: 20px; }\n.stx-post ul { list-style: disc; }\n.stx-post ol { list-style: decimal; }\n.stx-post li { list-style: inherit; }\n.stx-post li + li { margin-top: 4px; }\n\n.stx-post table {\n    width: 100%;\n    border-collapse: collapse;\n    text-align: center;\n}\n.stx-post th, .stx-post td {\n    border: 1px solid #3c434a;\n    padding: 8.5px;\n    font-size: 17px;\n    line-height: 26px;\n}\n.stx-post th { font-weight: 700; }\n\n.stx-post blockquote {\n    margin: 0;\n    padding: 4px 0 4px 20px;\n    border-left: 3px solid #006aff;\n}\n.stx-post hr { margin: 0; border: none; border-top: 1px solid #e1e4eb; }\n\n@media (max-width: 1279px) {\n    .stx-post h2 { font-size: 42px; }\n    .stx-post h3 { font-size: 32px; }\n    .stx-post h4 { font-size: 27px; }\n}\n@media (max-width: 767px) {\n    .stx-post { font-size: 16px; gap: 24px; }\n    .stx-post h2 { font-size: 34px; }\n    .stx-post h3 { font-size: 28px; }\n    .stx-post h4 { font-size: 24px; }\n    .stx-post th, .stx-post td { padding: 6px; font-size: 15px; }\n}\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BlogBody\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"720\",\"framerSupportedLayoutHeight\":\"auto\",\"framerIntrinsicHeight\":\"400\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BlogBody.map"],"mappings":"mKAcG,SAAwB,EAAS,EAAM,CAAC,GAAK,CAAC,UAAQ,SAAO,EAAM,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAK,EAAE,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS,CAAG,CAAC,EAAe,EAAK,MAAM,CAAC,UAAU,WAAW,SAAS,CAAO,CAAC,CAAC,CAAC,CAAC,CAAE,qBAdrM,IAAoD,EAckJ,EAAoB,EAAS,CAAC,QAAQ,CAAC,KAAK,EAAY,SAAS,MAAM,SAAS,CAAC,CAAC,EAAQ,EAAK,mFAA+H,EAAI;;;;;;mBAM7c,EAAK;;;;;;;;;;;;;;mBAcL,EAAK"}