diff --git a/src/__tests__/__snapshots__/code.test.ts.snap b/src/__tests__/__snapshots__/code.test.ts.snap index c61256e..4cc369d 100644 --- a/src/__tests__/__snapshots__/code.test.ts.snap +++ b/src/__tests__/__snapshots__/code.test.ts.snap @@ -53,3 +53,57 @@ exports[`registerCodegen should register codegen 2`] = ` `; exports[`registerCodegen should register codegen 3`] = `[]`; + +exports[`registerCodegen should generate responsive code when root node is SECTION 1`] = ` +[ + { + "code": +" + + +" +, + "language": "TYPESCRIPT", + "title": "ResponsiveSection", + }, + { + "code": +"import { Box } from '@devup-ui/react' + +export function ResponsiveSection() { + return +}" +, + "language": "TYPESCRIPT", + "title": "ResponsiveSection - Responsive", + }, + { + "code": +"mkdir -p src/components + +echo 'import { Box } from \\'@devup-ui/react\\' + +export function ResponsiveSection() { + return +}' > src/components/ResponsiveSection.tsx" +, + "language": "BASH", + "title": "ResponsiveSection - Responsive CLI (Bash)", + }, + { + "code": +"New-Item -ItemType Directory -Force -Path src\\components | Out-Null + +@' +import { Box } from '@devup-ui/react' + +export function ResponsiveSection() { + return +} +'@ | Out-File -FilePath src\\components\\ResponsiveSection.tsx -Encoding UTF8" +, + "language": "BASH", + "title": "ResponsiveSection - Responsive CLI (PowerShell)", + }, +] +`; diff --git a/src/__tests__/code.test.ts b/src/__tests__/code.test.ts index 3702655..8edfefb 100644 --- a/src/__tests__/code.test.ts +++ b/src/__tests__/code.test.ts @@ -148,6 +148,53 @@ describe('registerCodegen', () => { ), ).toMatchSnapshot() }) + + it('should generate responsive code when root node is SECTION', async () => { + const figmaMock = { + editorType: 'dev', + mode: 'codegen', + command: 'noop', + codegen: { on: mock(() => {}) }, + closePlugin: mock(() => {}), + } as unknown as typeof figma + + codeModule.registerCodegen(figmaMock) + + const sectionNode = { + type: 'SECTION', + name: 'ResponsiveSection', + visible: true, + children: [ + { + type: 'FRAME', + name: 'MobileFrame', + visible: true, + width: 375, + height: 200, + children: [], + layoutMode: 'VERTICAL', + }, + { + type: 'FRAME', + name: 'DesktopFrame', + visible: true, + width: 1440, + height: 200, + children: [], + layoutMode: 'HORIZONTAL', + }, + ], + } + + const result = await ( + figmaMock.codegen.on as ReturnType + ).mock.calls[0][1]({ + node: sectionNode, + language: 'devup-ui', + }) + + expect(result).toMatchSnapshot() + }) }) it('should not register codegen if figma is not defined', async () => { @@ -633,4 +680,131 @@ describe('registerCodegen with viewport variant', () => { ) } }) + + it('should generate componentsResponsiveCodes when FRAME contains INSTANCE of COMPONENT_SET with viewport', async () => { + let capturedHandler: CodegenHandler | null = null + + const figmaMock = { + editorType: 'dev', + mode: 'codegen', + command: 'noop', + codegen: { + on: (_event: string, handler: CodegenHandler) => { + capturedHandler = handler + }, + }, + closePlugin: mock(() => {}), + } as unknown as typeof figma + + codeModule.registerCodegen(figmaMock) + + expect(capturedHandler).not.toBeNull() + if (capturedHandler === null) throw new Error('Handler not captured') + + // Create a COMPONENT_SET with viewport variants + const componentSetNode = { + type: 'COMPONENT_SET', + name: 'ResponsiveButton', + visible: true, + componentPropertyDefinitions: { + viewport: { + type: 'VARIANT', + defaultValue: 'desktop', + variantOptions: ['mobile', 'desktop'], + }, + }, + children: [] as unknown[], + defaultVariant: null as unknown, + } + + // Create COMPONENT children for the COMPONENT_SET + const mobileComponent = { + type: 'COMPONENT', + name: 'viewport=mobile', + visible: true, + variantProperties: { viewport: 'mobile' }, + children: [], + layoutMode: 'VERTICAL', + width: 320, + height: 100, + parent: componentSetNode, + componentPropertyDefinitions: {}, + reactions: [], + } + + const desktopComponent = { + type: 'COMPONENT', + name: 'viewport=desktop', + visible: true, + variantProperties: { viewport: 'desktop' }, + children: [], + layoutMode: 'HORIZONTAL', + width: 1200, + height: 100, + parent: componentSetNode, + componentPropertyDefinitions: {}, + reactions: [], + } + + componentSetNode.children = [mobileComponent, desktopComponent] + componentSetNode.defaultVariant = desktopComponent + + // Create an INSTANCE that references the desktop component + const instanceNode = { + type: 'INSTANCE', + name: 'ResponsiveButton', + visible: true, + width: 1200, + height: 100, + getMainComponentAsync: async () => desktopComponent, + } + + // Create a FRAME that contains the INSTANCE + const frameNode = { + type: 'FRAME', + name: 'MyFrame', + visible: true, + children: [instanceNode], + width: 1400, + height: 200, + layoutMode: 'VERTICAL', + } as unknown as SceneNode + + const handler = capturedHandler as CodegenHandler + const result = await handler({ + node: frameNode, + language: 'devup-ui', + }) + + // Should include Components Responsive results + const responsiveResult = result.find( + (r: unknown) => + typeof r === 'object' && + r !== null && + 'title' in r && + (r as { title: string }).title === 'MyFrame - Components Responsive', + ) + expect(responsiveResult).toBeDefined() + + // Should also include CLI results for Components Responsive + const bashCLI = result.find( + (r: unknown) => + typeof r === 'object' && + r !== null && + 'title' in r && + (r as { title: string }).title === + 'MyFrame - Components Responsive CLI (Bash)', + ) + expect(bashCLI).toBeDefined() + + const powershellCLI = result.find( + (r: unknown) => + typeof r === 'object' && + r !== null && + 'title' in r && + (r as { title: string }).title === + 'MyFrame - Components Responsive CLI (PowerShell)', + ) + expect(powershellCLI).toBeDefined() + }) }) diff --git a/src/code-impl.ts b/src/code-impl.ts index 101db59..d22081b 100644 --- a/src/code-impl.ts +++ b/src/code-impl.ts @@ -1,10 +1,12 @@ import { Codegen } from './codegen/Codegen' import { ResponsiveCodegen } from './codegen/responsive/ResponsiveCodegen' import { nodeProxyTracker } from './codegen/utils/node-proxy' +import { wrapComponent } from './codegen/utils/wrap-component' import { exportDevup, importDevup } from './commands/devup' import { exportAssets } from './commands/exportAssets' import { exportComponents } from './commands/exportComponents' import { getComponentName } from './utils' +import { toPascal } from './utils/to-pascal' const DEVUP_COMPONENTS = [ 'Center', @@ -140,25 +142,88 @@ export function registerCodegen(ctx: typeof figma) { ) } + // Generate responsive codes for components extracted from the page + let componentsResponsiveCodes: ReadonlyArray< + readonly [string, string] + > = [] + if (componentsCodes.length > 0) { + const componentNodes = codegen.getComponentNodes() + const processedComponentSets = new Set() + const responsiveResults: Array = [] + + for (const componentNode of componentNodes) { + // Check if the component belongs to a COMPONENT_SET + const parentSet = + componentNode.type === 'COMPONENT' && + componentNode.parent?.type === 'COMPONENT_SET' + ? (componentNode.parent as ComponentSetNode) + : null + + if (parentSet && !processedComponentSets.has(parentSet.id)) { + processedComponentSets.add(parentSet.id) + const componentName = getComponentName(parentSet) + const responsiveCodes = + await ResponsiveCodegen.generateVariantResponsiveComponents( + parentSet, + componentName, + ) + responsiveResults.push(...responsiveCodes) + } + } + componentsResponsiveCodes = responsiveResults + } + console.info(`[benchmark] devup-ui end ${Date.now() - time}ms`) + // Check if node itself is SECTION or has a parent SECTION + const isNodeSection = ResponsiveCodegen.canGenerateResponsive(node) const parentSection = ResponsiveCodegen.hasParentSection(node) + const sectionNode = isNodeSection + ? (node as SectionNode) + : parentSection + // When parent is Section (not node itself), use Page postfix and export default + const isParentSection = !isNodeSection && parentSection !== null let responsiveResult: { title: string - language: 'TYPESCRIPT' + language: 'TYPESCRIPT' | 'BASH' code: string }[] = [] - if (parentSection) { + if (sectionNode) { try { - const responsiveCodegen = new ResponsiveCodegen(parentSection) + const responsiveCodegen = new ResponsiveCodegen(sectionNode) const responsiveCode = await responsiveCodegen.generateResponsiveCode() + const baseName = toPascal(sectionNode.name) + const sectionComponentName = isParentSection + ? `${baseName}Page` + : baseName + const wrappedCode = wrapComponent( + sectionComponentName, + responsiveCode, + { exportDefault: isParentSection }, + ) + const sectionCodes: ReadonlyArray = [ + [sectionComponentName, wrappedCode], + ] + const importStatement = generateImportStatements(sectionCodes) + const fullCode = importStatement + wrappedCode + responsiveResult = [ { - title: `${parentSection.name} - Responsive`, + title: `${sectionNode.name} - Responsive`, language: 'TYPESCRIPT' as const, - code: responsiveCode, + code: fullCode, + }, + { + title: `${sectionNode.name} - Responsive CLI (Bash)`, + language: 'BASH' as const, + code: generateBashCLI(sectionCodes), + }, + { + title: `${sectionNode.name} - Responsive CLI (PowerShell)`, + language: 'BASH' as const, + code: generatePowerShellCLI(sectionCodes), }, ] } catch (e) { @@ -202,6 +267,27 @@ export function registerCodegen(ctx: typeof figma) { }, ] as const) : []), + ...(componentsResponsiveCodes.length > 0 + ? [ + { + title: `${node.name} - Components Responsive`, + language: 'TYPESCRIPT' as const, + code: componentsResponsiveCodes + .map((code) => code[1]) + .join('\n\n'), + }, + { + title: `${node.name} - Components Responsive CLI (Bash)`, + language: 'BASH' as const, + code: generateBashCLI(componentsResponsiveCodes), + }, + { + title: `${node.name} - Components Responsive CLI (PowerShell)`, + language: 'BASH' as const, + code: generatePowerShellCLI(componentsResponsiveCodes), + }, + ] + : []), ...(responsiveComponentsCodes.length > 0 ? [ { diff --git a/src/codegen/Codegen.ts b/src/codegen/Codegen.ts index 070ecf3..548746d 100644 --- a/src/codegen/Codegen.ts +++ b/src/codegen/Codegen.ts @@ -6,6 +6,7 @@ import { renderText } from './render/text' import type { ComponentTree, NodeTree } from './types' import { checkAssetNode } from './utils/check-asset-node' import { checkSameColor } from './utils/check-same-color' +import { extractInstanceVariantProps } from './utils/extract-instance-variant-props' import { getDevupComponentByNode, getDevupComponentByProps, @@ -52,6 +53,14 @@ export class Codegen { ) } + /** + * Get the component nodes (SceneNode keys from components Map). + * Useful for generating responsive codes for each component. + */ + getComponentNodes() { + return Array.from(this.components.keys()) + } + /** * Run the codegen process: build tree and render to JSX string. */ @@ -71,7 +80,7 @@ export class Codegen { for (const [compNode, compTree] of this.componentTrees) { if (!this.components.has(compNode)) { this.components.set(compNode, { - code: Codegen.renderTree(compTree.tree, 2), + code: Codegen.renderTree(compTree.tree, 0), variants: compTree.variants, }) } @@ -130,6 +139,9 @@ export class Codegen { const componentName = getComponentName(mainComponent || node) + // Extract variant props from instance's componentProperties + const variantProps = extractInstanceVariantProps(node) + // Check if needs position wrapper if (props.pos) { return { @@ -150,7 +162,7 @@ export class Codegen { children: [ { component: componentName, - props: {}, + props: variantProps, children: [], nodeType: node.type, nodeName: node.name, @@ -164,7 +176,7 @@ export class Codegen { return { component: componentName, - props: {}, + props: variantProps, children: [], nodeType: node.type, nodeName: node.name, diff --git a/src/codegen/__tests__/__snapshots__/codegen.test.ts.snap b/src/codegen/__tests__/__snapshots__/codegen.test.ts.snap index e43ba8d..fb9abf3 100644 --- a/src/codegen/__tests__/__snapshots__/codegen.test.ts.snap +++ b/src/codegen/__tests__/__snapshots__/codegen.test.ts.snap @@ -898,1618 +898,2030 @@ exports[`Codegen renders component with parent component set name: component: [o } `; -exports[`render real world component real world $ 1`] = `""`; +exports[`render real world component real world $ 1`] = ` +"export function BorderRadius() { + return +}" +`; -exports[`render real world component real world $ 2`] = `""`; +exports[`render real world component real world $ 2`] = ` +"export function BorderRadius() { + return +}" +`; -exports[`render real world component real world $ 3`] = `""`; +exports[`render real world component real world $ 3`] = ` +"export function BorderRadius() { + return +}" +`; exports[`render real world component real world $ 4`] = ` -" - -" +"export function Gradient() { + return ( + + + + ) +}" `; exports[`render real world component real world $ 5`] = ` -" - -" +"export function Gradient() { + return ( + + + + ) +}" `; exports[`render real world component real world $ 6`] = ` -" - -" +"export function Gradient() { + return ( + + + + ) +}" `; exports[`render real world component real world $ 7`] = ` -" - -" +"export function Gradient() { + return ( + + + + ) +}" `; exports[`render real world component real world $ 8`] = ` -" - -" +"export function Gradient() { + return ( + + + + ) +}" `; exports[`render real world component real world $ 9`] = ` -" - -" +"export function Gradient() { + return ( + + + + ) +}" `; exports[`render real world component real world $ 10`] = ` -" - -" +"export function Gradient() { + return ( + + + + ) +}" `; exports[`render real world component real world $ 11`] = ` -" - Hello World -" +"export function Text() { + return ( + + Hello World + + ) +}" `; exports[`render real world component real world $ 12`] = ` -" - Hello World -" +"export function Text() { + return ( + + Hello World + + ) +}" `; exports[`render real world component real world $ 13`] = ` -" - Hello World -" +"export function Text() { + return ( + + Hello World + + ) +}" `; exports[`render real world component real world $ 14`] = ` -" - Hello World -" +"export function Text() { + return ( + + Hello World + + ) +}" `; exports[`render real world component real world $ 15`] = ` -" - Hello World -" +"export function Text() { + return ( + + Hello World + + ) +}" `; exports[`render real world component real world $ 16`] = ` -" - - Hello World - - -" +"export function AutoLayout&Box() { + return ( + + + Hello World + + + + ) +}" `; exports[`render real world component real world $ 17`] = ` -" - - Hello World - - -" +"export function AutoLayout&Box() { + return ( + + + Hello World + + + + ) +}" `; exports[`render real world component real world $ 18`] = ` -" - - Hello World - - -" +"export function AutoLayout&Box() { + return ( + + + Hello World + + + + ) +}" `; exports[`render real world component real world $ 19`] = ` -" - - 더 자세히 알아보기 - - -" +"export function Component1() { + return ( + + + 더 자세히 알아보기 + + + + ) +}" `; exports[`render real world component real world $ 20`] = ` -" - - - - 자사 솔루션과의 연계 - - 를 통해
서비스 확장성과 성장 가능성을 높입니다. - - - 웹앱팩토리와 Presskit 등 자체 운영 중인
솔루션과의 연계를 통해 프로젝트의 서비스 범위 확장,
운영 효율화, 성장 기회까지 제안드립니다. - -" +"export function Component1() { + return ( + + + + + 자사 솔루션과의 연계 + + 를 통해
서비스 확장성과 성장 가능성을 높입니다. + + + 웹앱팩토리와 Presskit 등 자체 운영 중인
솔루션과의 연계를 통해 프로젝트의 서비스 범위 확장,
운영 효율화, 성장 기회까지 제안드립니다. + + + ) +}" `; exports[`render real world component real world $ 21`] = ` -" -
- - CARD 1 - -
-
- - CARD 2 - -
-
- - CARD 3 - -
-" +"export function Component1() { + return ( + +
+ + CARD 1 + +
+
+ + CARD 2 + +
+
+ + CARD 3 + +
+ + ) +}" `; exports[`render real world component real world $ 22`] = ` -" - - Hello World - - - Lorem ipsum dolor sit amet,{" "} - - consectetur - - {" "}adipiscing elit. - -" +"export function Component1() { + return ( + + + Hello World + + + Lorem ipsum dolor sit amet,{" "} + + consectetur + + {" "}adipiscing elit. + + + ) +}" `; -exports[`render real world component real world $ 23`] = `""`; +exports[`render real world component real world $ 23`] = ` +"export function Outline,Border() { + return +}" +`; -exports[`render real world component real world $ 24`] = `""`; +exports[`render real world component real world $ 24`] = ` +"export function Outline,Border() { + return +}" +`; -exports[`render real world component real world $ 25`] = `""`; +exports[`render real world component real world $ 25`] = ` +"export function Outline,Border() { + return +}" +`; -exports[`render real world component real world $ 26`] = `""`; +exports[`render real world component real world $ 26`] = ` +"export function Outline,Border() { + return +}" +`; exports[`render real world component real world $ 27`] = ` -"" +"export function Outline,Border() { + return ( + + ) +}" `; -exports[`render real world component real world $ 28`] = `""`; +exports[`render real world component real world $ 28`] = ` +"export function Outline,Border() { + return +}" +`; exports[`render real world component real world $ 29`] = ` -"" +"export function Outline,Border() { + return ( + + ) +}" `; exports[`render real world component real world $ 30`] = ` -"" +"export function Outline,Border() { + return ( + + ) +}" `; -exports[`render real world component real world $ 31`] = `""`; +exports[`render real world component real world $ 31`] = ` +"export function Circle() { + return +}" +`; -exports[`render real world component real world $ 32`] = `""`; +exports[`render real world component real world $ 32`] = ` +"export function Circle() { + return +}" +`; -exports[`render real world component real world $ 33`] = `""`; +exports[`render real world component real world $ 33`] = ` +"export function Circle() { + return +}" +`; exports[`render real world component real world $ 34`] = ` -"" +"export function Border() { + return ( + + ) +}" `; exports[`render real world component real world $ 35`] = ` -"" +"export function Border() { + return ( + + ) +}" `; exports[`render real world component real world $ 36`] = ` -"" +"export function Border() { + return ( + + ) +}" `; exports[`render real world component real world $ 37`] = ` -"" +"export function Opacity() { + return ( + + ) +}" `; -exports[`render real world component real world $ 38`] = `""`; +exports[`render real world component real world $ 38`] = ` +"export function Opacity() { + return +}" +`; exports[`render real world component real world $ 39`] = ` -" - - Getting into life {"'"}Cause I found that it{"'"}s not so boring Not anymore. - -" +"export function Clamp() { + return ( + + + Getting into life {"'"}Cause I found that it{"'"}s not so boring Not anymore. + + + ) +}" `; exports[`render real world component real world $ 40`] = ` -" - - Getting into life {"'"}Cause I found that it{"'"}s not so boring Not anymore. - -" +"export function Clamp() { + return ( + + + Getting into life {"'"}Cause I found that it{"'"}s not so boring Not anymore. + + + ) +}" `; exports[`render real world component real world $ 41`] = ` -" - - Getting into life {"'"}Cause I found that it{"'"}s not so boring Not anymore. - -" +"export function Clamp() { + return ( + + + Getting into life {"'"}Cause I found that it{"'"}s not so boring Not anymore. + + + ) +}" `; -exports[`render real world component real world $ 42`] = `""`; - -exports[`render real world component real world $ 43`] = `""`; - -exports[`render real world component real world $ 44`] = `""`; - -exports[`render real world component real world $ 45`] = `""`; - -exports[`render real world component real world $ 46`] = ` -" - - - - - 지금 시작할 수 있어요 - - - 내 삶을 더 잘 이해하는 첫 걸음 - - - - 자꾸 미뤄졌던 나에 대한 고민,
퍼즐핏에서 구체적인 답을 찾아보세요. - - - - - 회원가입 후, 유료로 진행됩니다 - - -" +exports[`render real world component real world $ 42`] = ` +"export function Effect() { + return +}" `; -exports[`render real world component real world $ 47`] = ` -"" +exports[`render real world component real world $ 43`] = ` +"export function Effect() { + return +}" `; -exports[`render real world component real world $ 48`] = ` -"" +exports[`render real world component real world $ 44`] = ` +"export function Effect() { + return +}" `; -exports[`render real world component real world $ 49`] = ` -"" +exports[`render real world component real world $ 45`] = ` +"export function Effect() { + return +}" `; -exports[`render real world component real world $ 50`] = `""`; - -exports[`render real world component real world $ 51`] = `""`; - -exports[`render real world component real world $ 52`] = ` -" -
- - Hello World! - - -
-" -`; - -exports[`render real world component real world $ 53`] = ` -" -
- - Hello World! - - -
-" -`; - -exports[`render real world component real world $ 54`] = ` -" -
- - Hello World! - - -
-" -`; - -exports[`render real world component real world $ 55`] = ` -" -
- - Hello World! - - -
-" -`; - -exports[`render real world component real world $ 56`] = ` -" -
- - Hello World! - - -
-" + + + + + 지금 시작할 수 있어요 + + + 내 삶을 더 잘 이해하는 첫 걸음 + + + + 자꾸 미뤄졌던 나에 대한 고민,
퍼즐핏에서 구체적인 답을 찾아보세요. + + + + + 회원가입 후, 유료로 진행됩니다 + + + + ) +}" `; -exports[`render real world component real world $ 57`] = ` -" - - Hello World - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - -" +exports[`render real world component real world $ 47`] = ` +"export function Svg() { + return ( + + ) +}" `; -exports[`render real world component real world $ 58`] = ` -" - - Hello World - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - -" +exports[`render real world component real world $ 48`] = ` +"export function Svg() { + return ( + + ) +}" `; -exports[`render real world component real world $ 59`] = ` -" - - Hello World - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - -" +exports[`render real world component real world $ 49`] = ` +"export function Svg() { + return ( + + ) +}" `; -exports[`render real world component real world $ 60`] = ` -" - - Hello World - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - -" +exports[`render real world component real world $ 50`] = ` +"export function Svg() { + return +}" `; -exports[`render real world component real world $ 61`] = ` -"
- - Hello World - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - -
" +exports[`render real world component real world $ 51`] = ` +"export function Svg() { + return +}" `; -exports[`render real world component real world $ 62`] = ` -" - - Hello World - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - -" +exports[`render real world component real world $ 52`] = ` +"export function FlexWithMaxW() { + return ( + +
+ + Hello World! + + +
+ + ) +}" `; -exports[`render real world component real world $ 63`] = ` -" - - Hello World - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - -" +exports[`render real world component real world $ 53`] = ` +"export function FlexWithMaxW() { + return ( + +
+ + Hello World! + + +
+ + ) +}" `; -exports[`render real world component real world $ 64`] = ` -" - - Hello World - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - -" +exports[`render real world component real world $ 54`] = ` +"export function FlexWithMaxW() { + return ( + +
+ + Hello World! + + +
+ + ) +}" `; -exports[`render real world component real world $ 65`] = ` -" - - Hello World - - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - -" +exports[`render real world component real world $ 55`] = ` +"export function FlexWithMaxW() { + return ( + +
+ + Hello World! + + +
+ + ) +}" `; -exports[`render real world component real world $ 66`] = ` -" - -" +exports[`render real world component real world $ 56`] = ` +"export function FlexWithMaxW() { + return ( + +
+ + Hello World! + + +
+ + ) +}" `; -exports[`render real world component real world $ 67`] = ` -" - -" +exports[`render real world component real world $ 57`] = ` +"export function TextWithAutoLayout() { + return ( + + + Hello World + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + + ) +}" `; -exports[`render real world component real world $ 68`] = ` -" - - - 플레이 제목 - - - - 2025.03.03 18:00 - - - - +exports[`render real world component real world $ 58`] = ` +"export function TextWithAutoLayout() { + return ( + + Hello World + + - 2 + Lorem ipsum dolor sit amet, consectetur adipiscing elit. - - - 댓글 내용 출력 댓글 내용 출력 댓글 내용 출력 댓글 내용 출력 댓글 내용 출력 - -" -`; - -exports[`render real world component real world $ 69`] = ` -" - - - - -" -`; - -exports[`render real world component real world $ 70`] = ` -" - - -" + ) +}" `; -exports[`render real world component real world $ 71`] = ` -" - -" +exports[`render real world component real world $ 59`] = ` +"export function TextWithAutoLayout() { + return ( + + + Hello World + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + + ) +}" `; -exports[`render real world component real world $ 72`] = ` -" - -" +exports[`render real world component real world $ 60`] = ` +"export function TextWithAutoLayout() { + return ( + + + Hello World + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + + ) +}" `; -exports[`render real world component real world $ 73`] = `""`; - -exports[`render real world component real world $ 74`] = `""`; - -exports[`render real world component real world $ 75`] = `""`; - -exports[`render real world component real world $ 76`] = `""`; - -exports[`render real world component real world $ 77`] = ` -" - 데브파이브 -" +exports[`render real world component real world $ 61`] = ` +"export function TextWithAutoLayout() { + return ( +
+ + Hello World + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + +
+ ) +}" `; -exports[`render real world component real world $ 78`] = ` -" - - 간편 로그인 연동 - - - - 카카오 + Hello World - 연결 전 + Lorem ipsum dolor sit amet, consectetur adipiscing elit. -
+ ) +}" +`; + +exports[`render real world component real world $ 63`] = ` +"export function TextWithAutoLayout() { + return ( + + - - 인증하기 - -
- - + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + + ) +}" +`; + +exports[`render real world component real world $ 64`] = ` +"export function TextWithAutoLayout() { + return ( + + + Hello World + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + + ) +}" +`; + +exports[`render real world component real world $ 65`] = ` +"export function TextWithAutoLayout() { + return ( + - 구글 + Hello World - cooolvita@gmail.com + Lorem ipsum dolor sit amet, consectetur adipiscing elit. -
+ + ) +}" +`; + +exports[`render real world component real world $ 66`] = ` +"export function ObjectFit() { + return ( + + + + ) +}" +`; + +exports[`render real world component real world $ 67`] = ` +"export function ObjectFit() { + return ( + + + + ) +}" +`; + +exports[`render real world component real world $ 68`] = ` +"export function Case1MaskImage() { + return ( + + - 인증하기 + 플레이 제목 -
- - - - - + + + 2025.03.03 18:00 + + + + + + 2 + + + - 서비스 이용약관 + 댓글 내용 출력 댓글 내용 출력 댓글 내용 출력 댓글 내용 출력 댓글 내용 출력 + + ) +}" +`; + +exports[`render real world component real world $ 69`] = ` +"export function Grid() { + return ( + + + + + + + ) +}" +`; + +exports[`render real world component real world $ 70`] = ` +"export function Grid() { + return ( + - - - - 개인정보 처리방침 - - - + ) +}" +`; + +exports[`render real world component real world $ 71`] = ` +"export function Grid() { + return ( + + + + ) +}" +`; + +exports[`render real world component real world $ 72`] = ` +"export function Grid() { + return ( + + + + ) +}" +`; + +exports[`render real world component real world $ 73`] = ` +"export function MixBlendMode() { + return +}" +`; + +exports[`render real world component real world $ 74`] = ` +"export function MixBlendMode() { + return +}" +`; + +exports[`render real world component real world $ 75`] = ` +"export function MixBlendMode() { + return +}" +`; + +exports[`render real world component real world $ 76`] = ` +"export function MixBlendMode() { + return +}" +`; + +exports[`render real world component real world $ 77`] = ` +"export function MixBlendMode() { + return ( + + 데브파이브 + + ) +}" +`; + +exports[`render real world component real world $ 78`] = ` +"export function TestCase:드론아레나() { + return ( + - 회원 탈퇴 + 간편 로그인 연동 - - - -" + + + + 카카오 + + + 연결 전 + +
+ + 인증하기 + +
+ + + + 구글 + + + cooolvita@gmail.com + +
+ + 인증하기 + +
+ + + + + + + 서비스 이용약관 + + + + + + 개인정보 처리방침 + + + + + + 회원 탈퇴 + + + + + + ) +}" `; -exports[`render real world component real world $ 79`] = `""`; +exports[`render real world component real world $ 79`] = ` +"export function 다양한도형() { + return +}" +`; -exports[`render real world component real world $ 80`] = `""`; +exports[`render real world component real world $ 80`] = ` +"export function 다양한도형() { + return +}" +`; -exports[`render real world component real world $ 81`] = `""`; +exports[`render real world component real world $ 81`] = ` +"export function 다양한도형() { + return +}" +`; -exports[`render real world component real world $ 82`] = `""`; +exports[`render real world component real world $ 82`] = ` +"export function 다양한도형() { + return +}" +`; -exports[`render real world component real world $ 83`] = `""`; +exports[`render real world component real world $ 83`] = ` +"export function 다양한도형() { + return +}" +`; -exports[`render real world component real world $ 84`] = `""`; +exports[`render real world component real world $ 84`] = ` +"export function 다양한도형() { + return +}" +`; -exports[`render real world component real world $ 85`] = `""`; +exports[`render real world component real world $ 85`] = ` +"export function 다양한도형() { + return +}" +`; -exports[`render real world component real world $ 86`] = `""`; +exports[`render real world component real world $ 86`] = ` +"export function 다양한도형() { + return +}" +`; -exports[`render real world component real world $ 87`] = `""`; +exports[`render real world component real world $ 87`] = ` +"export function 다양한도형() { + return +}" +`; -exports[`render real world component real world $ 88`] = `""`; +exports[`render real world component real world $ 88`] = ` +"export function 다양한도형() { + return +}" +`; -exports[`render real world component real world $ 89`] = `""`; +exports[`render real world component real world $ 89`] = ` +"export function SvgDetail() { + return +}" +`; -exports[`render real world component real world $ 90`] = `""`; +exports[`render real world component real world $ 90`] = ` +"export function SvgDetail() { + return +}" +`; exports[`render real world component real world $ 91`] = ` -"
- -
" +"export function SvgDetail() { + return ( +
+ +
+ ) +}" `; exports[`render real world component real world $ 92`] = ` -"
- -
" +"export function SvgDetail() { + return ( +
+ +
+ ) +}" `; exports[`render real world component real world $ 93`] = ` -"
- -
" +"export function SvgDetail() { + return ( +
+ +
+ ) +}" `; exports[`render real world component real world $ 94`] = ` -"
- -
" +"export function SvgDetail() { + return ( +
+ +
+ ) +}" `; exports[`render real world component real world $ 95`] = ` -"
- -
" +"export function SvgDetail() { + return ( +
+ +
+ ) +}" `; exports[`render real world component real world $ 96`] = ` -"
- -
" +"export function SvgDetail() { + return ( +
+ +
+ ) +}" `; exports[`render real world component real world $ 97`] = ` -"
- -
" +"export function SvgDetail() { + return ( +
+ +
+ ) +}" `; exports[`render real world component real world $ 98`] = ` -" - 16.8s -" +"export function DecorativeText() { + return ( + + 16.8s + + ) +}" `; exports[`render real world component real world $ 99`] = ` -" - 홈페이지와 앱 제작 -" +"export function DecorativeText() { + return ( + + 홈페이지와 앱 제작 + + ) +}" `; exports[`render real world component real world $ 100`] = ` -" - - 온글 - - 과 함께라면 -" +"export function DecorativeText() { + return ( + + + 온글 + + 과 함께라면 + + ) +}" `; exports[`render real world component real world $ 101`] = ` -" - 데브파이브 -" +"export function DecorativeText() { + return ( + + 데브파이브 + + ) +}" `; exports[`render real world component real world $ 102`] = ` -" - 데브파이브 -" +"export function DecorativeText() { + return ( + + 데브파이브 + + ) +}" `; exports[`render real world component real world $ 103`] = ` -" -
  • - 어떤 증상이 가장 힘들고 일상생활에 영향을 주나요? -
    • -
  • - 증상이 언제부터 시작되었나요? -
    • -
  • - 증상이 시간이 지나면서 어떻게 변했나요? -
    • -
  • - 스트레스나 상황에 따라 증상이 달라지나요? -
    • -    " +"export function List() { + return ( + +
  • + 어떤 증상이 가장 힘들고 일상생활에 영향을 주나요? +
    • +
  • + 증상이 언제부터 시작되었나요? +
    • +
  • + 증상이 시간이 지나면서 어떻게 변했나요? +
    • +
  • + 스트레스나 상황에 따라 증상이 달라지나요? +
    • +     + ) +}" `; exports[`render real world component real world $ 104`] = ` @@ -2577,7 +2989,7 @@ export function Button({ size, variant }: ButtonProps) { primary: "$primary", white: "$containerBackground" }[variant]} - border={{ white: "solid 1px $primaryAccent" }[variant]} + border={variant === 'white' && "solid 1px $primaryAccent"} borderRadius={{ Md: ["10px", null, null, null, "12px"], Sm: ["8px", null, null, null, "10px"] @@ -2616,256 +3028,448 @@ export function Button({ size, variant }: ButtonProps) { `; exports[`render real world component real world $ 106`] = ` -"
    - - - - + - - - Under Construction - - - 제주국제관악제 리뉴얼 알림 - - - - - 더 나은 서비스 제공을 위해 시스템 점검 및 리뉴얼을 진행 중입니다.
    이용에 불편을 드려 죄송하며, 빠른 시일 내에 다시 찾아뵙겠습니다. -     - - We are currently updating our website to serve you better.
    We apologize for the inconvenience. -     + + + + + + Under Construction + + + 제주국제관악제 리뉴얼 알림 + + + + + 더 나은 서비스 제공을 위해 시스템 점검 및 리뉴얼을 진행 중입니다.
    이용에 불편을 드려 죄송하며, 빠른 시일 내에 다시 찾아뵙겠습니다. +     + + We are currently updating our website to serve you better.
    We apologize for the inconvenience. +     +     +     + + + 제주국제관악제 최신 소식 확인하기 + + + + + + + + + + + + 문의 : 064-722-8704 / bandfestival@hanmail.net + +     -     - - - 제주국제관악제 최신 소식 확인하기 - - - - - - - - - - - - 문의 : 064-722-8704 / bandfestival@hanmail.net - - -     -
    " + + ) +}" `; exports[`render real world component real world $ 107`] = ` -"
    - - - - + - - - Under Construction - - - 제주국제관악제
    리뉴얼 알림 -     + + + + + + Under Construction + + + 제주국제관악제
    리뉴얼 알림 +     +     + + + 더 나은 서비스 제공을 위해
    시스템 점검 및 리뉴얼을 진행 중입니다.
    이용에 불편을 드려 죄송하며,
    빠른 시일 내에 다시 찾아뵙겠습니다. +     + + We are currently updating our website
    to serve you better.
    We apologize for the inconvenience. +     +     +     + + + 제주국제관악제 최신 소식 확인하기 + + + + + + + + + + + + 문의 : 064-722-8704 /
    bandfestival@hanmail.net +     +     - - - 더 나은 서비스 제공을 위해
    시스템 점검 및 리뉴얼을 진행 중입니다.
    이용에 불편을 드려 죄송하며,
    빠른 시일 내에 다시 찾아뵙겠습니다. -     - + ) +}" +`; + +exports[`render real world component real world $ 108`] = ` +"export function Greetings() { + return ( + + + +
    - We are currently updating our website
    to serve you better.
    We apologize for the inconvenience. - + + + + + + +
    + + + + + + “ 섬, 그 바람의 울림! ”
    희망찬 봄을 여는 관악의 울림이 더
    널리,
    더 멀리 퍼져나가기를 기원합니다.{" "} +     + + 음악과 자연이 함께 어우러지는 제주국제관악제가 30주년을 맞게 되었습니다.

    제주국제관악제를 아껴주시는 모든 분들과 함께 세계 속의 제주관악의 역사를 써 왔음에 깊이 감사드립니다.
    그동안 힘들고 어려운 순간들 속에서도 관악의 힘찬 울림은 우리에게 큰 위로와 보람을 안겨주었습니다.
    새로운 세대를 여는 앞으로의 시간과 함께 켜켜이 쌓여가는 역사 속에서, 세계를 향한 우리의 각오와 노력이 더해질 것입니다.

    희망찬 봄을 여는 관악의 울림이 더 널리, 더 멀리 퍼져나가기를 기원합니다.
    감사합니다. +     + + + 제주국제관악제조직위원장{" "} + + + 양승보 + + +     +     +
    + +
    + - - - 제주국제관악제 최신 소식 확인하기 - - - - - - - - - - - + + - 문의 : 064-722-8704 /
    bandfestival@hanmail.net -     +
    + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +     +
    + + + + +
    + - -
    " + ) +}" `; diff --git a/src/codegen/__tests__/codegen.test.ts b/src/codegen/__tests__/codegen.test.ts index 5376b09..04c3a69 100644 --- a/src/codegen/__tests__/codegen.test.ts +++ b/src/codegen/__tests__/codegen.test.ts @@ -1,8 +1,10 @@ import { afterAll, describe, expect, it, test } from 'bun:test' import { getComponentName } from '../../utils' +import { toPascal } from '../../utils/to-pascal' import { Codegen } from '../Codegen' import { ResponsiveCodegen } from '../responsive/ResponsiveCodegen' import { assembleNodeTree, type NodeData } from '../utils/node-proxy' +import { wrapComponent } from '../utils/wrap-component' ;(globalThis as { figma?: unknown }).figma = { mixed: Symbol('mixed'), @@ -37051,6 +37053,22591 @@ describe('render real world component', () => { }, ], }, + { + nodes: [ + { + id: '213:7478', + name: 'Tablet', + type: 'FRAME', + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + reactions: [], + parent: '213:7244', + children: ['213:7479', '213:7480', '213:7499', '213:7500'], + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + maxWidth: null, + maxHeight: null, + minWidth: null, + minHeight: null, + layoutPositioning: 'AUTO', + layoutSizingVertical: 'HUG', + layoutSizingHorizontal: 'FIXED', + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomRightRadius: 0, + bottomLeftRadius: 0, + strokes: [], + fills: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + isAsset: false, + effects: [], + rotation: 0, + clipsContent: false, + visible: true, + layoutMode: 'VERTICAL', + width: 992, + height: 1729, + layoutAlign: 'INHERIT', + layoutGrow: 0, + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: '213:7479', + name: 'PageHeader', + type: 'INSTANCE', + visible: true, + parent: '213:7478', + children: ['I213:7479;213:7277'], + fills: [ + { + type: 'IMAGE', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + scaleMode: 'CROP', + imageTransform: [ + [1, 0, 0], + [0, 0.45345190167427063, 0.3905264437198639], + ], + scalingFactor: 0.5, + filters: { + exposure: 0, + contrast: 0, + saturation: 0, + temperature: 0, + tint: 0, + highlights: 0, + shadows: 0, + }, + imageHash: '4076983ed3c0dea3155b4af4ec695ec542634399', + }, + { + type: 'SOLID', + visible: true, + opacity: 0.4000000059604645, + blendMode: 'NORMAL', + color: { + r: 0, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + { + type: 'GRADIENT_LINEAR', + visible: true, + opacity: 0.699999988079071, + blendMode: 'NORMAL', + gradientStops: [ + { + color: { + r: 0, + g: 0, + b: 0, + a: 1, + }, + position: 0, + boundVariables: {}, + }, + { + color: { + r: 0, + g: 0, + b: 0, + a: 0, + }, + position: 1, + boundVariables: {}, + }, + ], + gradientTransform: [ + [6.123234262925839e-17, 1, 0], + [-1, 6.123234262925839e-17, 1], + ], + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 992, + height: 300, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 58, + paddingBottom: 20, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 58, + paddingBottom: 20, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7479;213:7277', + name: 'Frame 562', + type: 'FRAME', + visible: true, + parent: '213:7479', + children: ['I213:7479;213:7278', 'I213:7479;213:7279'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 912, + height: 115, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 30, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: 1280, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 30, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7479;213:7278', + name: 'breadcurmb', + type: 'INSTANCE', + visible: true, + parent: 'I213:7479;213:7277', + children: [ + 'I213:7479;213:7278;50:1756', + 'I213:7479;213:7278;50:1757', + 'I213:7479;213:7278;50:1761', + 'I213:7479;213:7278;50:1763', + 'I213:7479;213:7278;50:1765', + ], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 178, + height: 18, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7479;213:7278;50:1756', + name: 'Frame 561', + type: 'FRAME', + visible: true, + parent: 'I213:7479;213:7278', + children: [ + 'I213:7479;213:7278;50:1750', + 'I213:7479;213:7278;50:1754', + ], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 41, + height: 18, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7479;213:7278;50:1750', + name: 'home-button_9073161 1', + type: 'FRAME', + visible: true, + parent: 'I213:7479;213:7278;50:1756', + children: ['I213:7479;213:7278;50:1751'], + fills: [ + { + type: 'SOLID', + visible: false, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 18, + height: 18, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 512, + y: 512, + }, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0.8630860447883606, + paddingBottom: 0.8613268733024597, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7479;213:7278;50:1751', + name: 'Layer_2_00000008110966642969673030000014418892031612672181_', + type: 'GROUP', + visible: true, + parent: 'I213:7479;213:7278;50:1750', + children: ['I213:7479;213:7278;50:1752'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 18.001651763916016, + height: 16.27558708190918, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7479;213:7278;50:1752', + name: 'Layer_1-2', + type: 'GROUP', + visible: true, + parent: 'I213:7479;213:7278;50:1751', + children: ['I213:7479;213:7278;50:1753'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 18.001651763916016, + height: 16.27558708190918, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7479;213:7278;50:1753', + name: '_01.Home', + type: 'VECTOR', + visible: true, + parent: 'I213:7479;213:7278;50:1752', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 18.001651763916016, + height: 16.27558708190918, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7479;213:7278;50:1754', + name: '홈', + type: 'TEXT', + visible: true, + parent: 'I213:7479;213:7278;50:1756', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13, + height: 17, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '홈', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 14, + fontWeight: 400, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '홈', + start: 0, + end: 1, + fontSize: 14, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:c9269b8818d6678db3025facd648c4029405049c,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I213:7479;213:7278;50:1757', + name: 'home-button_9073161 1', + type: 'FRAME', + visible: true, + parent: 'I213:7479;213:7278', + children: ['I213:7479;213:7278;50:1759'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 24, + y: 24, + }, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 5, + paddingRight: 5, + paddingTop: 2, + paddingBottom: 2, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7479;213:7278;50:1759', + name: 'Vector 8', + type: 'VECTOR', + visible: true, + parent: 'I213:7479;213:7278;50:1757', + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 6, + height: 12, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'CENTER', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7479;213:7278;50:1761', + name: 'Depth 1', + type: 'TEXT', + visible: true, + parent: 'I213:7479;213:7278', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 26, + height: 17, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '소개', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 14, + fontWeight: 400, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '소개', + start: 0, + end: 2, + fontSize: 14, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:c9269b8818d6678db3025facd648c4029405049c,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I213:7479;213:7278;50:1763', + name: 'home-button_9073161 2', + type: 'FRAME', + visible: true, + parent: 'I213:7479;213:7278', + children: ['I213:7479;213:7278;50:1764'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 24, + y: 24, + }, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 5, + paddingRight: 5, + paddingTop: 2, + paddingBottom: 2, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7479;213:7278;50:1764', + name: 'Vector 8', + type: 'VECTOR', + visible: true, + parent: 'I213:7479;213:7278;50:1763', + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 6, + height: 12, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'CENTER', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7479;213:7278;50:1765', + name: 'Depth 2', + type: 'TEXT', + visible: true, + parent: 'I213:7479;213:7278', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 39, + height: 17, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '인사말', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 14, + fontWeight: 400, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '인사말', + start: 0, + end: 3, + fontSize: 14, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:c9269b8818d6678db3025facd648c4029405049c,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I213:7479;213:7279', + name: 'Title', + type: 'TEXT', + visible: true, + parent: 'I213:7479;213:7277', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 289, + height: 67, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: 'GREETINGS', + fontName: { + family: 'Playfair Display', + style: 'Bold', + }, + fontSize: 50, + fontWeight: 700, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: 0, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: 'GREETINGS', + start: 0, + end: 9, + fontSize: 50, + fontName: { + family: 'Playfair Display', + style: 'Bold', + }, + fontWeight: 700, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: 0, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:6e0529e27135cf05658c9075e357ecf3b190da24,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '213:7480', + name: 'section 1', + type: 'FRAME', + visible: true, + parent: '213:7478', + children: ['213:7482', '213:7488'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: { + color: '[NodeId: VariableID:10:643]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 992, + height: 1077, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 40, + paddingBottom: 100, + itemSpacing: 100, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 40, + paddingBottom: 100, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 100, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: '213:7482', + name: 'Frame 571', + type: 'FRAME', + visible: true, + parent: '213:7480', + children: [ + '213:7481', + '213:7483', + '213:7484', + '213:7485', + '213:7486', + '213:7487', + ], + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.8894230723381042, + g: 0.8742666244506836, + b: 0.8480873703956604, + }, + boundVariables: { + color: '[NodeId: VariableID:10:644]', + }, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 912, + height: 70, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 20, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: 1280, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 20, + layoutPositioning: 'AUTO', + }, + strokeTopWeight: 0, + strokeBottomWeight: 1, + strokeLeftWeight: 0, + strokeRightWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: '213:7481', + name: 'Frame 572', + type: 'FRAME', + visible: true, + parent: '213:7482', + children: [], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.8894230723381042, + g: 0.8742666244506836, + b: 0.8480873703956604, + }, + boundVariables: { + color: '[NodeId: VariableID:10:644]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 389, + height: 289, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'ABSOLUTE', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + constraints: { + horizontal: 'MIN', + vertical: 'MIN', + }, + x: -23, + y: 194, + }, + { + id: '213:7483', + name: 'Tab', + type: 'INSTANCE', + visible: true, + parent: '213:7482', + children: ['I213:7483;54:2462'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 90, + height: 70, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 20, + paddingBottom: 20, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 20, + paddingBottom: 20, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeTopWeight: 0, + strokeBottomWeight: 3, + strokeLeftWeight: 0, + strokeRightWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7483;54:2462', + name: '조직위원장', + type: 'TEXT', + visible: true, + parent: '213:7483', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 90, + height: 30, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '조직위원장', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 20, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -3, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '조직위원장', + start: 0, + end: 5, + fontSize: 20, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -3, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + textStyleId: 'S:4078465cecdee1d3afc8edc86a7904e4cc447d34,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '213:7484', + name: 'Ellipse 1', + type: 'ELLIPSE', + visible: true, + parent: '213:7482', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.8894230723381042, + g: 0.8742666244506836, + b: 0.8480873703956604, + }, + boundVariables: { + color: '[NodeId: VariableID:10:644]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 8, + height: 8, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + arcData: { + startingAngle: 0, + endingAngle: 6.2831854820251465, + innerRadius: 0, + }, + }, + { + id: '213:7485', + name: 'Component 3', + type: 'INSTANCE', + visible: true, + parent: '213:7482', + children: ['I213:7485;54:2460'], + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.48557692766189575, + g: 0.2665456235408783, + b: 0.1003836914896965, + }, + boundVariables: { + color: '[NodeId: VariableID:171:6908]', + }, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 143, + height: 70, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 20, + paddingBottom: 20, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 20, + paddingBottom: 20, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeTopWeight: 0, + strokeBottomWeight: 3, + strokeLeftWeight: 0, + strokeRightWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7485;54:2460', + name: '조직위원장', + type: 'TEXT', + visible: true, + parent: '213:7485', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.48557692766189575, + g: 0.2665456235408783, + b: 0.1003836914896965, + }, + boundVariables: { + color: '[NodeId: VariableID:171:6908]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 143, + height: 30, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '제주특별자치도사', + fontName: { + family: 'Noto Sans KR', + style: 'Bold', + }, + fontSize: 20, + fontWeight: 700, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -3, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '제주특별자치도사', + start: 0, + end: 8, + fontSize: 20, + fontName: { + family: 'Noto Sans KR', + style: 'Bold', + }, + fontWeight: 700, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -3, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.48557692766189575, + g: 0.2665456235408783, + b: 0.1003836914896965, + }, + boundVariables: { + color: '[NodeId: VariableID:171:6908]', + }, + }, + ], + textStyleId: 'S:e687bd52bd0aa299c4f22136f8355dfb11adc5b5,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '213:7486', + name: 'Ellipse 2', + type: 'ELLIPSE', + visible: true, + parent: '213:7482', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.8894230723381042, + g: 0.8742666244506836, + b: 0.8480873703956604, + }, + boundVariables: { + color: '[NodeId: VariableID:10:644]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 8, + height: 8, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + arcData: { + startingAngle: 0, + endingAngle: 6.2831854820251465, + innerRadius: 0, + }, + }, + { + id: '213:7487', + name: 'Component 4', + type: 'INSTANCE', + visible: true, + parent: '213:7482', + children: ['I213:7487;54:2462'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 72, + height: 70, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 20, + paddingBottom: 20, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 20, + paddingBottom: 20, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeTopWeight: 0, + strokeBottomWeight: 3, + strokeLeftWeight: 0, + strokeRightWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7487;54:2462', + name: '조직위원장', + type: 'TEXT', + visible: true, + parent: '213:7487', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 72, + height: 30, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '예술감독', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 20, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -3, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '예술감독', + start: 0, + end: 4, + fontSize: 20, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -3, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + textStyleId: 'S:4078465cecdee1d3afc8edc86a7904e4cc447d34,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '213:7488', + name: 'Frame 501', + type: 'FRAME', + visible: true, + parent: '213:7480', + children: ['213:7489', '213:7490'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 912, + height: 767.0000610351562, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 40, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: 1280, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 40, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: '213:7489', + name: 'Frame 568', + type: 'FRAME', + visible: true, + parent: '213:7488', + children: [], + fills: [ + { + type: 'IMAGE', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + scaleMode: 'FILL', + imageTransform: [ + [1, 0, 0], + [0, 1, 0], + ], + scalingFactor: 0.5, + rotation: 0, + filters: { + exposure: 0, + contrast: 0, + saturation: 0, + temperature: 0, + tint: 0, + highlights: 0, + shadows: 0, + }, + imageHash: '23f101b5f266ecacdde37d7ea9b1e342196b8515', + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 400, + height: 300, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: '213:7490', + name: 'Frame 567', + type: 'FRAME', + visible: true, + parent: '213:7488', + children: ['213:7491', '213:7494', '213:7495', '213:7496'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 472, + height: 767.0000610351562, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'INHERIT', + layoutGrow: 1, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 40, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'INHERIT', + layoutGrow: 1, + itemSpacing: 40, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: '213:7491', + name: 'Group 27', + type: 'GROUP', + visible: true, + parent: '213:7490', + children: ['213:7492', '213:7493'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 102.1656494140625, + height: 64.00007629394531, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 177.03269958496094, + y: 110.89899444580078, + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: '213:7492', + name: 'path1200', + type: 'VECTOR', + visible: true, + parent: '213:7491', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.807692289352417, + g: 0.6394230723381042, + b: 0.30288460850715637, + }, + boundVariables: { + color: '[NodeId: VariableID:171:5244]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 67.4652099609375, + height: 53.65919876098633, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.9019865989685059, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: '213:7493', + name: 'path1202', + type: 'VECTOR', + visible: true, + parent: '213:7491', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.807692289352417, + g: 0.6394230723381042, + b: 0.30288460850715637, + }, + boundVariables: { + color: '[NodeId: VariableID:171:5244]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 71.2408447265625, + height: 55.77351760864258, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.9019865989685059, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: '213:7494', + name: '“ 섬, 그 바람의 울림! ” 희망찬 봄을 여는 관악의 울림이 더 널리, 더 멀리 퍼져나가기를 기원합니다.', + type: 'TEXT', + visible: true, + parent: '213:7490', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.48557692766189575, + g: 0.2665456235408783, + b: 0.1003836914896965, + }, + boundVariables: { + color: '[NodeId: VariableID:171:6908]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 472, + height: 126, + rotation: 0, + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: + '“ 섬, 그 바람의 울림! ”\n희망찬 봄을 여는 관악의 울림이 더 \n널리,\r더 멀리 퍼져나가기를 기원합니다.\r', + fontName: { + family: 'MaruBuri', + style: 'Bold', + }, + fontSize: 28, + fontWeight: 700, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -3, + }, + textAutoResize: 'HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: + '“ 섬, 그 바람의 울림! ”\n희망찬 봄을 여는 관악의 울림이 더 \n널리,\r더 멀리 퍼져나가기를 기원합니다.\r', + start: 0, + end: 61, + fontSize: 28, + fontName: { + family: 'MaruBuri', + style: 'Bold', + }, + fontWeight: 700, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -3, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.48557692766189575, + g: 0.2665456235408783, + b: 0.1003836914896965, + }, + boundVariables: { + color: '[NodeId: VariableID:171:6908]', + }, + }, + ], + textStyleId: 'S:c0c3068e9ce4c80f78e12c4a0d078ef9d01b9e94,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '213:7495', + name: '음악과 자연이 함께 어우러지는 제주국제관악제가 30주년을 맞게 되었습니다. 제주국제관악제를 아껴주시는 모든 분들과 함께 세계 속의 제주관악의 역사를 써 왔음에 깊이 감사드립니다. 그동안 힘들고 어려운 순간들 속에서도 관악의 힘찬 울림은 우리에게 큰 위로와 보람을 안겨주었습니다. 새로운 세대를 여는 앞으로의 시간과 함께 켜켜이 쌓여가는 역사 속에서, 세계를 향한 우리의 각오와 노력이 더해질 것입니다. 희망찬 봄을 여는 관악의 울림이 더 널리, 더 멀리 퍼져나가기를 기원합니다. 감사합니다.', + type: 'TEXT', + visible: true, + parent: '213:7490', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 472, + height: 377, + rotation: 0, + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: + '음악과 자연이 함께 어우러지는 제주국제관악제가 30주년을 맞게 되었습니다.\r\n\r\n제주국제관악제를 아껴주시는 모든 분들과 함께 세계 속의 제주관악의 역사를 써 왔음에 깊이 감사드립니다.\r\n그동안 힘들고 어려운 순간들 속에서도 관악의 힘찬 울림은 우리에게 큰 위로와 보람을 안겨주었습니다.\r\n새로운 세대를 여는 앞으로의 시간과 함께 켜켜이 쌓여가는 역사 속에서, 세계를 향한 우리의 각오와 노력이 더해질 것입니다.\r\n\r\n희망찬 봄을 여는 관악의 울림이 더 널리, 더 멀리 퍼져나가기를 기원합니다.\r\n감사합니다.', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 179.99999523162842, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: + '음악과 자연이 함께 어우러지는 제주국제관악제가 30주년을 맞게 되었습니다.\r\n\r\n제주국제관악제를 아껴주시는 모든 분들과 함께 세계 속의 제주관악의 역사를 써 왔음에 깊이 감사드립니다.\r\n그동안 힘들고 어려운 순간들 속에서도 관악의 힘찬 울림은 우리에게 큰 위로와 보람을 안겨주었습니다.\r\n새로운 세대를 여는 앞으로의 시간과 함께 켜켜이 쌓여가는 역사 속에서, 세계를 향한 우리의 각오와 노력이 더해질 것입니다.\r\n\r\n희망찬 봄을 여는 관악의 울림이 더 널리, 더 멀리 퍼져나가기를 기원합니다.\r\n감사합니다.', + start: 0, + end: 283, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 179.99999523162842, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + textStyleId: 'S:0714e91638efb392b8350fc7b736633442d95452,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '213:7496', + name: 'Frame 566', + type: 'FRAME', + visible: true, + parent: '213:7490', + children: ['213:7497', '213:7498'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 472, + height: 80, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'MAX', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'MAX', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: '213:7497', + name: '제주국제관악제조직위원장', + type: 'TEXT', + visible: true, + parent: '213:7496', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 177, + height: 29, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '제주국제관악제조직위원장\r', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 179.99999523162842, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '제주국제관악제조직위원장\r', + start: 0, + end: 13, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 179.99999523162842, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + textStyleId: 'S:0714e91638efb392b8350fc7b736633442d95452,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '213:7498', + name: '양승보', + type: 'TEXT', + visible: true, + parent: '213:7496', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 72, + height: 41, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '양승보', + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontSize: 24, + fontWeight: 500, + lineHeight: { + unit: 'PERCENT', + value: 170.00000476837158, + }, + letterSpacing: { + unit: 'PERCENT', + value: 10, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '양승보', + start: 0, + end: 3, + fontSize: 24, + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontWeight: 500, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 170.00000476837158, + }, + letterSpacing: { + unit: 'PERCENT', + value: 10, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + textStyleId: 'S:ebafb381cd0d9be4c0523f8b50e36dffc0f68e05,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '213:7499', + name: 'footer', + type: 'INSTANCE', + visible: true, + parent: '213:7478', + children: ['I213:7499;68:1654'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.149038165807724, + g: 0.149038165807724, + b: 0.149038165807724, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 992, + height: 352, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 60, + paddingBottom: 60, + itemSpacing: 80, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 60, + paddingBottom: 60, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 80, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;68:1654', + name: 'Frame 526', + type: 'FRAME', + visible: true, + parent: '213:7499', + children: [ + 'I213:7499;68:1655', + 'I213:7499;68:1674', + 'I213:7499;68:1675', + ], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 912, + height: 232, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 30, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: 1280, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 30, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;68:1655', + name: 'Frame 531', + type: 'FRAME', + visible: true, + parent: 'I213:7499;68:1654', + children: ['I213:7499;68:1656', 'I213:7499;68:1657'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 912, + height: 35, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'SPACE_BETWEEN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 30, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'SPACE_BETWEEN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 30, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;68:1656', + name: '로고 영역', + type: 'TEXT', + visible: true, + parent: 'I213:7499;68:1655', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 0.5, + blendMode: 'PASS_THROUGH', + width: 110, + height: 35, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '로고 영역', + fontName: { + family: 'NanumMyeongjo', + style: 'Bold', + }, + fontSize: 28, + fontWeight: 700, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '로고 영역', + start: 0, + end: 5, + fontSize: 28, + fontName: { + family: 'NanumMyeongjo', + style: 'Bold', + }, + fontWeight: 700, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: '', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I213:7499;68:1657', + name: 'Frame 535', + type: 'FRAME', + visible: true, + parent: 'I213:7499;68:1655', + children: [ + 'I213:7499;77:2677', + 'I213:7499;77:2725', + 'I213:7499;77:2764', + ], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 120, + height: 32, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 12, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 12, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;77:2677', + name: 'instagram_15713420 1', + type: 'FRAME', + visible: true, + parent: 'I213:7499;68:1657', + children: [ + 'I213:7499;77:2678', + 'I213:7499;77:2679', + 'I213:7499;77:2680', + ], + fills: [ + { + type: 'GRADIENT_LINEAR', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + gradientStops: [ + { + color: { + r: 1, + g: 0.8588235378265381, + b: 0.45098039507865906, + a: 1, + }, + position: 0, + boundVariables: {}, + }, + { + color: { + r: 0.9921568632125854, + g: 0.6784313917160034, + b: 0.30588236451148987, + a: 1, + }, + position: 0.07999999821186066, + boundVariables: {}, + }, + { + color: { + r: 0.9843137264251709, + g: 0.5137255191802979, + b: 0.18039216101169586, + a: 1, + }, + position: 0.15000000596046448, + boundVariables: {}, + }, + { + color: { + r: 0.9803921580314636, + g: 0.45098039507865906, + b: 0.12941177189350128, + a: 1, + }, + position: 0.1899999976158142, + boundVariables: {}, + }, + { + color: { + r: 0.9647058844566345, + g: 0.4117647111415863, + b: 0.18431372940540314, + a: 1, + }, + position: 0.23000000417232513, + boundVariables: {}, + }, + { + color: { + r: 0.9098039269447327, + g: 0.29019609093666077, + b: 0.3529411852359772, + a: 1, + }, + position: 0.3700000047683716, + boundVariables: {}, + }, + { + color: { + r: 0.8784313797950745, + g: 0.21176470816135406, + b: 0.4588235318660736, + a: 1, + }, + position: 0.47999998927116394, + boundVariables: {}, + }, + { + color: { + r: 0.8666666746139526, + g: 0.18431372940540314, + b: 0.49803921580314636, + a: 1, + }, + position: 0.550000011920929, + boundVariables: {}, + }, + { + color: { + r: 0.7058823704719543, + g: 0.239215686917305, + b: 0.5921568870544434, + a: 1, + }, + position: 0.6800000071525574, + boundVariables: {}, + }, + { + color: { + r: 0.3019607961177826, + g: 0.3764705955982208, + b: 0.8313725590705872, + a: 1, + }, + position: 0.9700000286102295, + boundVariables: {}, + }, + { + color: { + r: 0.25882354378700256, + g: 0.3921568691730499, + b: 0.8588235378265381, + a: 1, + }, + position: 1, + boundVariables: {}, + }, + ], + gradientTransform: [ + [-0.2444278746843338, -0.8524705171585083, 1.048449158668518], + [0.8524705171585083, -0.2444278746843338, 0.19597867131233215], + ], + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + cornerRadius: 4, + topLeftRadius: 4, + topRightRadius: 4, + bottomLeftRadius: 4, + bottomRightRadius: 4, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 512, + y: 512, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;77:2678', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I213:7499;77:2677', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 21.582500457763672, + height: 21.473751068115234, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;77:2679', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I213:7499;77:2677', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 11.108752250671387, + height: 11.108752250671387, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;77:2680', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I213:7499;77:2677', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 2.6337509155273438, + height: 2.6337499618530273, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;77:2725', + name: 'facebook_1384053 1', + type: 'FRAME', + visible: true, + parent: 'I213:7499;68:1657', + children: ['I213:7499;77:2726', 'I213:7499;77:2727'], + fills: [ + { + type: 'SOLID', + visible: false, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + cornerRadius: 4, + topLeftRadius: 4, + topRightRadius: 4, + bottomLeftRadius: 4, + bottomRightRadius: 4, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 682.6666870117188, + y: 682.6666870117188, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;77:2726', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I213:7499;77:2725', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.25882354378700256, + g: 0.40392157435417175, + b: 0.6980392336845398, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1.3333333730697632, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;77:2727', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I213:7499;77:2725', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14.093750953674316, + height: 27.167238235473633, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1.3333333730697632, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;77:2764', + name: 'youtube_3991722 1', + type: 'FRAME', + visible: true, + parent: 'I213:7499;68:1657', + children: ['I213:7499;77:2765'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + cornerRadius: 4, + topLeftRadius: 4, + topRightRadius: 4, + bottomLeftRadius: 4, + bottomRightRadius: 4, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 512, + y: 512, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;77:2765', + name: 'Layer 2', + type: 'GROUP', + visible: true, + parent: 'I213:7499;77:2764', + children: ['I213:7499;77:2766'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;77:2766', + name: '02.youtube', + type: 'GROUP', + visible: true, + parent: 'I213:7499;77:2765', + children: ['I213:7499;77:2767', 'I213:7499;77:2768'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'NONE', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;77:2767', + name: 'background', + type: 'VECTOR', + visible: true, + parent: 'I213:7499;77:2766', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.9215686321258545, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 2.909090995788574, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;77:2768', + name: 'icon', + type: 'VECTOR', + visible: true, + parent: 'I213:7499;77:2766', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 20.000892639160156, + height: 14.616372108459473, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 2.909090995788574, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1674', + name: 'Rectangle 14', + type: 'RECTANGLE', + visible: true, + parent: 'I213:7499;68:1654', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 0.4000000059604645, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 912, + height: 1, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1675', + name: 'Frame 529', + type: 'FRAME', + visible: true, + parent: 'I213:7499;68:1654', + children: ['I213:7499;68:1676', 'I213:7499;68:1704'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 481, + height: 136, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 24, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'MIN', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 24, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;68:1676', + name: 'Frame 530', + type: 'FRAME', + visible: true, + parent: 'I213:7499;68:1675', + children: [ + 'I213:7499;68:1677', + 'I213:7499;68:1686', + 'I213:7499;68:1692', + ], + fills: [], + strokes: [], + effects: [], + opacity: 0.800000011920929, + blendMode: 'PASS_THROUGH', + width: 481, + height: 88, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 8, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 8, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;68:1677', + name: 'Frame 527', + type: 'FRAME', + visible: true, + parent: 'I213:7499;68:1676', + children: ['I213:7499;68:1678', 'I213:7499;68:1685'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 481, + height: 24, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 12, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 12, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;68:1678', + name: 'location_847372 1', + type: 'FRAME', + visible: true, + parent: 'I213:7499;68:1677', + children: ['I213:7499;68:1679', 'I213:7499;68:1682'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 512, + y: 512, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;68:1679', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I213:7499;68:1678', + children: ['I213:7499;68:1680'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.397499084472656, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1680', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I213:7499;68:1679', + children: ['I213:7499;68:1681'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.397499084472656, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1681', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I213:7499;68:1680', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.397499084472656, + height: 16, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1682', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I213:7499;68:1678', + children: ['I213:7499;68:1683'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.655625343322754, + height: 4.655625343322754, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1683', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I213:7499;68:1682', + children: ['I213:7499;68:1684'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.655625343322754, + height: 4.655625343322754, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1684', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I213:7499;68:1683', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.655625343322754, + height: 4.655625343322754, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1685', + name: '63196 제주특별자치도 제주시 동광로 51, 3층 제주국제관악조직위원회', + type: 'TEXT', + visible: true, + parent: 'I213:7499;68:1677', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 453, + height: 24, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: + '63196 제주특별자치도 제주시 동광로 51, 3층 제주국제관악조직위원회', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: + '63196 제주특별자치도 제주시 동광로 51, 3층 제주국제관악조직위원회', + start: 0, + end: 40, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:25557e24c16e64a16d54b5feaa0433a2c5201551,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I213:7499;68:1686', + name: 'Frame 528', + type: 'FRAME', + visible: true, + parent: 'I213:7499;68:1676', + children: [ + 'I213:7499;68:1687', + 'I213:7499;68:1690', + 'I213:7499;68:1691', + ], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 293, + height: 24, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 12, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 12, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;68:1687', + name: 'telephone_3095610 1', + type: 'FRAME', + visible: true, + parent: 'I213:7499;68:1686', + children: ['I213:7499;68:1688'], + fills: [ + { + type: 'SOLID', + visible: false, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 512, + y: 512, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;68:1688', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I213:7499;68:1687', + children: ['I213:7499;68:1689'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1689', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I213:7499;68:1688', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13, + height: 16, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 5.688889026641846, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1690', + name: 'Tel. 064-722-8704', + type: 'TEXT', + visible: true, + parent: 'I213:7499;68:1686', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 125, + height: 24, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: 'Tel. 064-722-8704', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: 'Tel. 064-722-8704', + start: 0, + end: 17, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:25557e24c16e64a16d54b5feaa0433a2c5201551,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I213:7499;68:1691', + name: 'Fax. 064-753-2208', + type: 'TEXT', + visible: true, + parent: 'I213:7499;68:1686', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 128, + height: 24, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: 'Fax. 064-753-2208', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: 'Fax. 064-753-2208', + start: 0, + end: 17, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:25557e24c16e64a16d54b5feaa0433a2c5201551,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I213:7499;68:1692', + name: 'Frame 529', + type: 'FRAME', + visible: true, + parent: 'I213:7499;68:1676', + children: ['I213:7499;68:1693', 'I213:7499;68:1703'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 221, + height: 24, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 12, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 12, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7499;68:1693', + name: 'g453', + type: 'GROUP', + visible: true, + parent: 'I213:7499;68:1692', + children: ['I213:7499;68:1694'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 23.999998092651367, + y: 23.999998092651367, + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1694', + name: 'g455', + type: 'GROUP', + visible: true, + parent: 'I213:7499;68:1693', + children: ['I213:7499;68:1695'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1695', + name: 'Clip path group', + type: 'GROUP', + visible: true, + parent: 'I213:7499;68:1694', + children: ['I213:7499;68:1696', 'I213:7499;68:1698'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'NONE', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1696', + name: 'clipPath461', + type: 'GROUP', + visible: true, + parent: 'I213:7499;68:1695', + children: ['I213:7499;68:1697'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1697', + name: 'path459', + type: 'VECTOR', + visible: true, + parent: 'I213:7499;68:1696', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.800000011920929, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1698', + name: 'g457', + type: 'GROUP', + visible: true, + parent: 'I213:7499;68:1695', + children: ['I213:7499;68:1699', 'I213:7499;68:1701'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 15.06243896484375, + height: 11.047109603881836, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1699', + name: 'g463', + type: 'GROUP', + visible: true, + parent: 'I213:7499;68:1698', + children: ['I213:7499;68:1700'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 15.06243896484375, + height: 6.324453353881836, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1700', + name: 'path465', + type: 'VECTOR', + visible: true, + parent: 'I213:7499;68:1699', + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 15.06243896484375, + height: 6.324453353881836, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.800000011920929, + strokeAlign: 'CENTER', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1701', + name: 'g467', + type: 'GROUP', + visible: true, + parent: 'I213:7499;68:1698', + children: ['I213:7499;68:1702'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 15.0624361038208, + height: 10.0416259765625, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1702', + name: 'path469', + type: 'VECTOR', + visible: true, + parent: 'I213:7499;68:1701', + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 15.0624361038208, + height: 10.0416259765625, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.800000011920929, + strokeAlign: 'CENTER', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7499;68:1703', + name: 'bandfestival@hanmail.net', + type: 'TEXT', + visible: true, + parent: 'I213:7499;68:1692', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 193, + height: 24, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: 'bandfestival@hanmail.net\r', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: 'bandfestival@hanmail.net\r', + start: 0, + end: 25, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:25557e24c16e64a16d54b5feaa0433a2c5201551,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I213:7499;68:1704', + name: 'COPYRIGHT ⓒ제주국제관악제. ALL RIGHTS RESERVED.', + type: 'TEXT', + visible: true, + parent: 'I213:7499;68:1675', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 0.6000000238418579, + blendMode: 'PASS_THROUGH', + width: 379, + height: 24, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: 'COPYRIGHT ⓒ제주국제관악제. ALL RIGHTS RESERVED.', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: 'COPYRIGHT ⓒ제주국제관악제. ALL RIGHTS RESERVED.', + start: 0, + end: 40, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:25557e24c16e64a16d54b5feaa0433a2c5201551,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '213:7500', + name: 'header', + type: 'INSTANCE', + visible: true, + parent: '213:7478', + children: ['I213:7500;44:5971', 'I213:7500;46:6027'], + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 0.4000000059604645, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 992, + height: 70, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'HUG', + layoutPositioning: 'ABSOLUTE', + primaryAxisAlignItems: 'SPACE_BETWEEN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 600, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [ + { + action: { + type: 'NODE', + destinationId: '46:6034', + navigation: 'CHANGE_TO', + transition: null, + resetVideoPosition: false, + }, + actions: [ + { + type: 'NODE', + destinationId: '46:6034', + navigation: 'CHANGE_TO', + transition: null, + resetVideoPosition: false, + }, + ], + trigger: { + type: 'ON_CLICK', + }, + }, + ], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'SPACE_BETWEEN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 600, + layoutPositioning: 'ABSOLUTE', + }, + strokeTopWeight: 0, + strokeBottomWeight: 1, + strokeLeftWeight: 0, + strokeRightWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + constraints: { + horizontal: 'MIN', + vertical: 'MIN', + }, + x: 0, + y: 0, + }, + { + id: 'I213:7500;44:5971', + name: 'Frame 443', + type: 'FRAME', + visible: true, + parent: '213:7500', + children: ['I213:7500;133:10515'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 177.982421875, + height: 70, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 12, + paddingRight: 12, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 50, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 12, + paddingRight: 12, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 50, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7500;133:10515', + name: 'Group 30', + type: 'GROUP', + visible: true, + parent: 'I213:7500;44:5971', + children: ['I213:7500;133:10516', 'I213:7500;133:10537'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 153.982421875, + height: 30.000164031982422, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 415.9013671875, + y: 81.02861785888672, + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10516', + name: 'Union', + type: 'BOOLEAN_OPERATION', + visible: true, + parent: 'I213:7500;133:10515', + children: [ + 'I213:7500;133:10517', + 'I213:7500;133:10518', + 'I213:7500;133:10519', + 'I213:7500;133:10520', + 'I213:7500;133:10521', + 'I213:7500;133:10522', + 'I213:7500;133:10523', + 'I213:7500;133:10524', + 'I213:7500;133:10525', + 'I213:7500;133:10526', + 'I213:7500;133:10527', + 'I213:7500;133:10528', + 'I213:7500;133:10529', + 'I213:7500;133:10530', + 'I213:7500;133:10531', + 'I213:7500;133:10532', + 'I213:7500;133:10533', + 'I213:7500;133:10534', + 'I213:7500;133:10535', + 'I213:7500;133:10536', + ], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 153.982421875, + height: 30.000164031982422, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10517', + name: 'path945', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 18.49951934814453, + height: 13.171428680419922, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10518', + name: 'path947', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 17.490215301513672, + height: 17.57588768005371, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10519', + name: 'path949', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 17.024404525756836, + height: 10.375526428222656, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10520', + name: 'path951', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 9.252727508544922, + height: 16.420724868774414, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10521', + name: 'path953', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 10.852328300476074, + height: 9.98578929901123, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10522', + name: 'path955', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 5.515344142913818, + height: 17.57588768005371, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10523', + name: 'path957', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 3.565117120742798, + height: 17.57588768005371, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10524', + name: 'path959', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 9.252727508544922, + height: 16.420724868774414, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10525', + name: 'path961', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 5.518599987030029, + height: 17.57588768005371, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10526', + name: 'path963', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 3.5650970935821533, + height: 17.57588768005371, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10527', + name: 'path965', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 9.252727508544922, + height: 16.420724868774414, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10528', + name: 'path967', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 5.518599987030029, + height: 17.57588768005371, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10529', + name: 'path969', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 3.5650970935821533, + height: 17.57588768005371, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10530', + name: 'path971', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 6.687436103820801, + height: 10.412591934204102, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10531', + name: 'path973', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 17.441381454467773, + height: 6.279176235198975, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10532', + name: 'path975', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16.735925674438477, + height: 5.919386863708496, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10533', + name: 'path977', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14.989752769470215, + height: 6.224323272705078, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10534', + name: 'path979', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 3.1670901775360107, + height: 5.361597537994385, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10535', + name: 'path981', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 6.231622219085693, + height: 4.726161956787109, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10536', + name: 'path983', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10516', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 18.866247177124023, + height: 29.99993324279785, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;133:10537', + name: 'Jeju International Wind Ensemble Festival', + type: 'VECTOR', + visible: true, + parent: 'I213:7500;133:10515', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 116.6743392944336, + height: 5.830033779144287, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;46:6027', + name: 'Frame 444', + type: 'FRAME', + visible: true, + parent: '213:7500', + children: ['I213:7500;46:6047'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 52, + height: 70, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 12, + paddingRight: 12, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 50, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 12, + paddingRight: 12, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 50, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7500;46:6047', + name: 'header', + type: 'FRAME', + visible: true, + parent: 'I213:7500;46:6027', + children: [ + 'I213:7500;46:6048', + 'I213:7500;46:6049', + 'I213:7500;46:6050', + ], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 28, + height: 28, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 24, + y: 24, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I213:7500;46:6048', + name: 'Rectangle 16', + type: 'RECTANGLE', + visible: true, + parent: 'I213:7500;46:6047', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 21, + height: 2, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;46:6049', + name: 'Rectangle 17', + type: 'RECTANGLE', + visible: true, + parent: 'I213:7500;46:6047', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 2, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I213:7500;46:6050', + name: 'Rectangle 18', + type: 'RECTANGLE', + visible: true, + parent: 'I213:7500;46:6047', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 21, + height: 2, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: '213:7244', + name: '/greetings', + type: 'SECTION', + children: ['213:7478'], + }, + ], + variables: [ + { + id: 'VariableID:10:643', + name: 'containerBackground', + }, + { + id: 'VariableID:10:644', + name: 'border', + }, + { + id: 'VariableID:10:641', + name: 'text', + }, + { + id: 'VariableID:171:6908', + name: 'primaryAccent', + }, + { + id: 'VariableID:171:5244', + name: 'gold', + }, + ], + }, + { + nodes: [ + { + id: '277:19369', + name: 'location', + type: 'SECTION', + children: ['277:17529'], + }, + { + id: '277:17529', + name: 'Desktop', + type: 'FRAME', + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + reactions: [], + parent: '277:19369', + children: [ + '277:17530', + '277:17531', + '277:17554', + '277:17555', + '277:17556', + ], + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + maxWidth: null, + maxHeight: null, + minWidth: null, + minHeight: null, + layoutPositioning: 'AUTO', + layoutSizingVertical: 'HUG', + layoutSizingHorizontal: 'FIXED', + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomRightRadius: 0, + bottomLeftRadius: 0, + strokes: [], + fills: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + isAsset: false, + effects: [], + rotation: 0, + clipsContent: false, + visible: true, + layoutMode: 'VERTICAL', + width: 1920, + height: 1702, + layoutAlign: 'INHERIT', + layoutGrow: 0, + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: '277:17530', + name: 'PageHeader', + type: 'INSTANCE', + visible: true, + parent: '277:17529', + children: ['I277:17530;213:7257'], + fills: [ + { + type: 'IMAGE', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + scaleMode: 'CROP', + imageTransform: [ + [1, 0, 0], + [0, 0.3123779892921448, 0.46091413497924805], + ], + scalingFactor: 0.5, + filters: { + exposure: 0, + contrast: 0, + saturation: 0, + temperature: 0, + tint: 0, + highlights: 0, + shadows: 0, + }, + imageHash: '4076983ed3c0dea3155b4af4ec695ec542634399', + }, + { + type: 'SOLID', + visible: true, + opacity: 0.4000000059604645, + blendMode: 'NORMAL', + color: { + r: 0, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + { + type: 'GRADIENT_LINEAR', + visible: true, + opacity: 0.699999988079071, + blendMode: 'NORMAL', + gradientStops: [ + { + color: { + r: 0, + g: 0, + b: 0, + a: 1, + }, + position: 0, + boundVariables: {}, + }, + { + color: { + r: 0, + g: 0, + b: 0, + a: 0, + }, + position: 1, + boundVariables: {}, + }, + ], + gradientTransform: [ + [6.123234262925839e-17, 1, 0], + [-1, 6.123234262925839e-17, 1], + ], + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1920, + height: 400, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 84, + paddingBottom: 20, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 84, + paddingBottom: 20, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17530;213:7257', + name: 'Frame 562', + type: 'FRAME', + visible: true, + parent: '277:17530', + children: ['I277:17530;213:7258', 'I277:17530;213:7259'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1280, + height: 134, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 30, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: 1280, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 30, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17530;213:7258', + name: 'breadcurmb', + type: 'INSTANCE', + visible: true, + parent: 'I277:17530;213:7257', + children: [ + 'I277:17530;213:7258;50:1756', + 'I277:17530;213:7258;50:1757', + 'I277:17530;213:7258;50:1761', + 'I277:17530;213:7258;50:1763', + 'I277:17530;213:7258;50:1765', + ], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 207, + height: 19, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17530;213:7258;50:1756', + name: 'Frame 561', + type: 'FRAME', + visible: true, + parent: 'I277:17530;213:7258', + children: [ + 'I277:17530;213:7258;50:1750', + 'I277:17530;213:7258;50:1754', + ], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 43, + height: 19, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17530;213:7258;50:1750', + name: 'home-button_9073161 1', + type: 'FRAME', + visible: true, + parent: 'I277:17530;213:7258;50:1756', + children: ['I277:17530;213:7258;50:1751'], + fills: [ + { + type: 'SOLID', + visible: false, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 18, + height: 18, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 512, + y: 512, + }, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0.8630860447883606, + paddingBottom: 0.8613268733024597, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17530;213:7258;50:1751', + name: 'Layer_2_00000008110966642969673030000014418892031612672181_', + type: 'GROUP', + visible: true, + parent: 'I277:17530;213:7258;50:1750', + children: ['I277:17530;213:7258;50:1752'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 18.001651763916016, + height: 16.27558708190918, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17530;213:7258;50:1752', + name: 'Layer_1-2', + type: 'GROUP', + visible: true, + parent: 'I277:17530;213:7258;50:1751', + children: ['I277:17530;213:7258;50:1753'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 18.001651763916016, + height: 16.27558708190918, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17530;213:7258;50:1753', + name: '_01.Home', + type: 'VECTOR', + visible: true, + parent: 'I277:17530;213:7258;50:1752', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 18.001651763916016, + height: 16.27558708190918, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17530;213:7258;50:1754', + name: '홈', + type: 'TEXT', + visible: true, + parent: 'I277:17530;213:7258;50:1756', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 15, + height: 19, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '홈', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '홈', + start: 0, + end: 1, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:da240f2f70f3e4531438c635e8155554c9c9d0f7,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17530;213:7258;50:1757', + name: 'home-button_9073161 1', + type: 'FRAME', + visible: true, + parent: 'I277:17530;213:7258', + children: ['I277:17530;213:7258;50:1759'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 24, + y: 24, + }, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 5, + paddingRight: 5, + paddingTop: 2, + paddingBottom: 2, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17530;213:7258;50:1759', + name: 'Vector 8', + type: 'VECTOR', + visible: true, + parent: 'I277:17530;213:7258;50:1757', + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 6, + height: 12, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'CENTER', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17530;213:7258;50:1761', + name: 'Depth 1', + type: 'TEXT', + visible: true, + parent: 'I277:17530;213:7258', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 30, + height: 19, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '소개', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '소개', + start: 0, + end: 2, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:da240f2f70f3e4531438c635e8155554c9c9d0f7,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17530;213:7258;50:1763', + name: 'home-button_9073161 2', + type: 'FRAME', + visible: true, + parent: 'I277:17530;213:7258', + children: ['I277:17530;213:7258;50:1764'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 24, + y: 24, + }, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 5, + paddingRight: 5, + paddingTop: 2, + paddingBottom: 2, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17530;213:7258;50:1764', + name: 'Vector 8', + type: 'VECTOR', + visible: true, + parent: 'I277:17530;213:7258;50:1763', + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 6, + height: 12, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'CENTER', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17530;213:7258;50:1765', + name: 'Depth 2', + type: 'TEXT', + visible: true, + parent: 'I277:17530;213:7258', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 62, + height: 19, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '오시는 길', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '오시는 길', + start: 0, + end: 5, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:da240f2f70f3e4531438c635e8155554c9c9d0f7,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17530;213:7259', + name: 'Title', + type: 'TEXT', + visible: true, + parent: 'I277:17530;213:7257', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 337, + height: 85, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: 'LOCATION', + fontName: { + family: 'Playfair Display', + style: 'Bold', + }, + fontSize: 64, + fontWeight: 700, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: 0, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: 'LOCATION', + start: 0, + end: 8, + fontSize: 64, + fontName: { + family: 'Playfair Display', + style: 'Bold', + }, + fontWeight: 700, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: 0, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:cca59f87ffdc9e6e157e35d40d94b328c40a0548,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '277:17531', + name: 'section 1', + type: 'FRAME', + visible: true, + parent: '277:17529', + children: ['277:17532', '277:17536'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: { + color: '[NodeId: VariableID:10:643]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1920, + height: 950, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 60, + paddingBottom: 120, + itemSpacing: 60, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 60, + paddingBottom: 120, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 60, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: '277:17532', + name: 'Frame 571', + type: 'FRAME', + visible: true, + parent: '277:17531', + children: ['277:17533', '277:17534', '277:17535'], + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.8894230723381042, + g: 0.8742666244506836, + b: 0.8480873703956604, + }, + boundVariables: { + color: '[NodeId: VariableID:10:644]', + }, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1280, + height: 70, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 20, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: 1280, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 20, + layoutPositioning: 'AUTO', + }, + strokeTopWeight: 0, + strokeBottomWeight: 1, + strokeLeftWeight: 0, + strokeRightWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: '277:17533', + name: 'Component 3', + type: 'INSTANCE', + visible: true, + parent: '277:17532', + children: ['I277:17533;54:2460'], + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.48557692766189575, + g: 0.2665456235408783, + b: 0.1003836914896965, + }, + boundVariables: { + color: '[NodeId: VariableID:171:6908]', + }, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 116, + height: 70, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 20, + paddingBottom: 20, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 20, + paddingBottom: 20, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeTopWeight: 0, + strokeBottomWeight: 3, + strokeLeftWeight: 0, + strokeRightWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17533;54:2460', + name: '조직위원장', + type: 'TEXT', + visible: true, + parent: '277:17533', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.48557692766189575, + g: 0.2665456235408783, + b: 0.1003836914896965, + }, + boundVariables: { + color: '[NodeId: VariableID:171:6908]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 116, + height: 30, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '공연 및 경연장', + fontName: { + family: 'Noto Sans KR', + style: 'Bold', + }, + fontSize: 20, + fontWeight: 700, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -3, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '공연 및 경연장', + start: 0, + end: 8, + fontSize: 20, + fontName: { + family: 'Noto Sans KR', + style: 'Bold', + }, + fontWeight: 700, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -3, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.48557692766189575, + g: 0.2665456235408783, + b: 0.1003836914896965, + }, + boundVariables: { + color: '[NodeId: VariableID:171:6908]', + }, + }, + ], + textStyleId: 'S:e687bd52bd0aa299c4f22136f8355dfb11adc5b5,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '277:17534', + name: 'Ellipse 2', + type: 'ELLIPSE', + visible: true, + parent: '277:17532', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.8894230723381042, + g: 0.8742666244506836, + b: 0.8480873703956604, + }, + boundVariables: { + color: '[NodeId: VariableID:10:644]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 8, + height: 8, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + arcData: { + startingAngle: 0, + endingAngle: 6.2831854820251465, + innerRadius: 0, + }, + }, + { + id: '277:17535', + name: 'Tab', + type: 'INSTANCE', + visible: true, + parent: '277:17532', + children: ['I277:17535;54:2462'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 90, + height: 70, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 20, + paddingBottom: 20, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 20, + paddingBottom: 20, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeTopWeight: 0, + strokeBottomWeight: 3, + strokeLeftWeight: 0, + strokeRightWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17535;54:2462', + name: '조직위원장', + type: 'TEXT', + visible: true, + parent: '277:17535', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 90, + height: 30, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '조직위원회', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 20, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -3, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '조직위원회', + start: 0, + end: 5, + fontSize: 20, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -3, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + textStyleId: 'S:4078465cecdee1d3afc8edc86a7904e4cc447d34,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '277:17536', + name: 'Frame 643', + type: 'FRAME', + visible: true, + parent: '277:17531', + children: ['277:17537'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1280, + height: 640, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 80, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: 1280, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 80, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: '277:17537', + name: 'Frame 501', + type: 'FRAME', + visible: true, + parent: '277:17536', + children: ['277:17538'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1280, + height: 640, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 40, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 40, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: '277:17538', + name: 'Frame 638', + type: 'FRAME', + visible: true, + parent: '277:17537', + children: [ + '277:17539', + '277:17540', + '277:17541', + '277:17542', + '277:17543', + '277:17544', + '277:17545', + '277:17546', + '277:17547', + '277:17548', + ], + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.8894230723381042, + g: 0.8742666244506836, + b: 0.8480873703956604, + }, + boundVariables: { + color: '[NodeId: VariableID:10:644]', + }, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1280, + height: 640, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: '277:17539', + name: 'image 22', + type: 'RECTANGLE', + visible: true, + parent: '277:17538', + fills: [ + { + type: 'IMAGE', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + scaleMode: 'CROP', + imageTransform: [ + [0.8277602195739746, 0, 0.07187990099191666], + [0, 0.7760251760482788, 0.04593859612941742], + ], + scalingFactor: 0.5, + filters: { + exposure: 0, + contrast: 0, + saturation: 0, + temperature: 0, + tint: 0, + highlights: 0, + shadows: 0, + }, + imageHash: '41161089f7ed48e103409ba56d4ae5c186193221', + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1280, + height: 640, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 1, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: '277:17540', + name: 'MapPin', + type: 'INSTANCE', + visible: true, + parent: '277:17538', + children: ['I277:17540;209:7929', 'I277:17540;209:7961'], + fills: [], + strokes: [], + effects: [ + { + type: 'DROP_SHADOW', + visible: true, + radius: 10, + boundVariables: {}, + color: { + r: 0, + g: 0, + b: 0, + a: 0.30000001192092896, + }, + offset: { + x: 0, + y: 4, + }, + spread: 0, + blendMode: 'NORMAL', + showShadowBehindNode: false, + }, + ], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'ABSOLUTE', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [ + { + action: { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + actions: [ + { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + ], + trigger: { + type: 'ON_HOVER', + }, + }, + ], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + constraints: { + horizontal: 'MIN', + vertical: 'MIN', + }, + x: 570, + y: 80, + }, + { + id: 'I277:17540;209:7929', + name: 'Union', + type: 'VECTOR', + visible: true, + parent: '277:17540', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.48557692766189575, + g: 0.2665456235408783, + b: 0.1003836914896965, + }, + boundVariables: { + color: '[NodeId: VariableID:171:6908]', + }, + }, + ], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 0.30000001192092896, + blendMode: 'NORMAL', + color: { + r: 0, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17540;209:7961', + name: 'Frame 645', + type: 'FRAME', + visible: true, + parent: '277:17540', + children: ['I277:17540;209:7962'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 30, + height: 30, + rotation: 0, + cornerRadius: 1000, + topLeftRadius: 1000, + topRightRadius: 1000, + bottomLeftRadius: 1000, + bottomRightRadius: 1000, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 100, + y: 100, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17540;209:7962', + name: 'Union', + type: 'BOOLEAN_OPERATION', + visible: true, + parent: 'I277:17540;209:7961', + children: [ + 'I277:17540;209:7963', + 'I277:17540;209:7964', + 'I277:17540;209:7965', + ], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.807692289352417, + g: 0.6394230723381042, + b: 0.30288460850715637, + }, + boundVariables: { + color: '[NodeId: VariableID:171:5244]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14, + height: 22.00092315673828, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17540;209:7963', + name: 'path979', + type: 'VECTOR', + visible: true, + parent: 'I277:17540;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 2.313538074493408, + height: 3.9319562911987305, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17540;209:7964', + name: 'path981', + type: 'VECTOR', + visible: true, + parent: 'I277:17540;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.552157402038574, + height: 3.4659557342529297, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17540;209:7965', + name: 'path983', + type: 'VECTOR', + visible: true, + parent: 'I277:17540;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.781664848327637, + height: 22.000608444213867, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: '277:17541', + name: 'MapPin', + type: 'INSTANCE', + visible: true, + parent: '277:17538', + children: ['I277:17541;209:7929', 'I277:17541;209:7961'], + fills: [], + strokes: [], + effects: [ + { + type: 'DROP_SHADOW', + visible: true, + radius: 10, + boundVariables: {}, + color: { + r: 0, + g: 0, + b: 0, + a: 0.30000001192092896, + }, + offset: { + x: 0, + y: 4, + }, + spread: 0, + blendMode: 'NORMAL', + showShadowBehindNode: false, + }, + ], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'ABSOLUTE', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [ + { + action: { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + actions: [ + { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + ], + trigger: { + type: 'ON_HOVER', + }, + }, + ], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + constraints: { + horizontal: 'MIN', + vertical: 'MIN', + }, + x: 1019, + y: 131, + }, + { + id: 'I277:17541;209:7929', + name: 'Union', + type: 'VECTOR', + visible: true, + parent: '277:17541', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.2832789123058319, + g: 0.5464741587638855, + b: 0.2031760811805725, + }, + boundVariables: { + color: '[NodeId: VariableID:209:8368]', + }, + }, + ], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 0.30000001192092896, + blendMode: 'NORMAL', + color: { + r: 0, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17541;209:7961', + name: 'Frame 645', + type: 'FRAME', + visible: true, + parent: '277:17541', + children: ['I277:17541;209:7962'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 30, + height: 30, + rotation: 0, + cornerRadius: 1000, + topLeftRadius: 1000, + topRightRadius: 1000, + bottomLeftRadius: 1000, + bottomRightRadius: 1000, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 100, + y: 100, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17541;209:7962', + name: 'Union', + type: 'BOOLEAN_OPERATION', + visible: true, + parent: 'I277:17541;209:7961', + children: [ + 'I277:17541;209:7963', + 'I277:17541;209:7964', + 'I277:17541;209:7965', + ], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.807692289352417, + g: 0.6394230723381042, + b: 0.30288460850715637, + }, + boundVariables: { + color: '[NodeId: VariableID:171:5244]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14, + height: 22.00092315673828, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17541;209:7963', + name: 'path979', + type: 'VECTOR', + visible: true, + parent: 'I277:17541;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 2.313538074493408, + height: 3.9319562911987305, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17541;209:7964', + name: 'path981', + type: 'VECTOR', + visible: true, + parent: 'I277:17541;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.552157402038574, + height: 3.4659557342529297, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17541;209:7965', + name: 'path983', + type: 'VECTOR', + visible: true, + parent: 'I277:17541;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.781664848327637, + height: 22.000608444213867, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: '277:17542', + name: 'MapPin', + type: 'INSTANCE', + visible: true, + parent: '277:17538', + children: ['I277:17542;209:7929', 'I277:17542;209:7961'], + fills: [], + strokes: [], + effects: [ + { + type: 'DROP_SHADOW', + visible: true, + radius: 10, + boundVariables: {}, + color: { + r: 0, + g: 0, + b: 0, + a: 0.30000001192092896, + }, + offset: { + x: 0, + y: 4, + }, + spread: 0, + blendMode: 'NORMAL', + showShadowBehindNode: false, + }, + ], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'ABSOLUTE', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [ + { + action: { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + actions: [ + { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + ], + trigger: { + type: 'ON_HOVER', + }, + }, + ], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + constraints: { + horizontal: 'MIN', + vertical: 'MIN', + }, + x: 266, + y: 203, + }, + { + id: 'I277:17542;209:7929', + name: 'Union', + type: 'VECTOR', + visible: true, + parent: '277:17542', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.2832789123058319, + g: 0.5464741587638855, + b: 0.2031760811805725, + }, + boundVariables: { + color: '[NodeId: VariableID:209:8368]', + }, + }, + ], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 0.30000001192092896, + blendMode: 'NORMAL', + color: { + r: 0, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17542;209:7961', + name: 'Frame 645', + type: 'FRAME', + visible: true, + parent: '277:17542', + children: ['I277:17542;209:7962'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 30, + height: 30, + rotation: 0, + cornerRadius: 1000, + topLeftRadius: 1000, + topRightRadius: 1000, + bottomLeftRadius: 1000, + bottomRightRadius: 1000, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 100, + y: 100, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17542;209:7962', + name: 'Union', + type: 'BOOLEAN_OPERATION', + visible: true, + parent: 'I277:17542;209:7961', + children: [ + 'I277:17542;209:7963', + 'I277:17542;209:7964', + 'I277:17542;209:7965', + ], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.807692289352417, + g: 0.6394230723381042, + b: 0.30288460850715637, + }, + boundVariables: { + color: '[NodeId: VariableID:171:5244]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14, + height: 22.00092315673828, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17542;209:7963', + name: 'path979', + type: 'VECTOR', + visible: true, + parent: 'I277:17542;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 2.313538074493408, + height: 3.9319562911987305, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17542;209:7964', + name: 'path981', + type: 'VECTOR', + visible: true, + parent: 'I277:17542;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.552157402038574, + height: 3.4659557342529297, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17542;209:7965', + name: 'path983', + type: 'VECTOR', + visible: true, + parent: 'I277:17542;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.781664848327637, + height: 22.000608444213867, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: '277:17543', + name: 'MapPin', + type: 'INSTANCE', + visible: true, + parent: '277:17538', + children: ['I277:17543;209:7929', 'I277:17543;209:7961'], + fills: [], + strokes: [], + effects: [ + { + type: 'DROP_SHADOW', + visible: true, + radius: 10, + boundVariables: {}, + color: { + r: 0, + g: 0, + b: 0, + a: 0.30000001192092896, + }, + offset: { + x: 0, + y: 4, + }, + spread: 0, + blendMode: 'NORMAL', + showShadowBehindNode: false, + }, + ], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'ABSOLUTE', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [ + { + action: { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + actions: [ + { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + ], + trigger: { + type: 'ON_HOVER', + }, + }, + ], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + constraints: { + horizontal: 'MIN', + vertical: 'MIN', + }, + x: 660, + y: 413, + }, + { + id: 'I277:17543;209:7929', + name: 'Union', + type: 'VECTOR', + visible: true, + parent: '277:17543', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.48557692766189575, + g: 0.2665456235408783, + b: 0.1003836914896965, + }, + boundVariables: { + color: '[NodeId: VariableID:171:6908]', + }, + }, + ], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 0.30000001192092896, + blendMode: 'NORMAL', + color: { + r: 0, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17543;209:7961', + name: 'Frame 645', + type: 'FRAME', + visible: true, + parent: '277:17543', + children: ['I277:17543;209:7962'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 30, + height: 30, + rotation: 0, + cornerRadius: 1000, + topLeftRadius: 1000, + topRightRadius: 1000, + bottomLeftRadius: 1000, + bottomRightRadius: 1000, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 100, + y: 100, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17543;209:7962', + name: 'Union', + type: 'BOOLEAN_OPERATION', + visible: true, + parent: 'I277:17543;209:7961', + children: [ + 'I277:17543;209:7963', + 'I277:17543;209:7964', + 'I277:17543;209:7965', + ], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.807692289352417, + g: 0.6394230723381042, + b: 0.30288460850715637, + }, + boundVariables: { + color: '[NodeId: VariableID:171:5244]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14, + height: 22.00092315673828, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17543;209:7963', + name: 'path979', + type: 'VECTOR', + visible: true, + parent: 'I277:17543;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 2.313538074493408, + height: 3.9319562911987305, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17543;209:7964', + name: 'path981', + type: 'VECTOR', + visible: true, + parent: 'I277:17543;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.552157402038574, + height: 3.4659557342529297, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17543;209:7965', + name: 'path983', + type: 'VECTOR', + visible: true, + parent: 'I277:17543;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.781664848327637, + height: 22.000608444213867, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: '277:17544', + name: 'MapPin', + type: 'INSTANCE', + visible: true, + parent: '277:17538', + children: ['I277:17544;209:7929', 'I277:17544;209:7961'], + fills: [], + strokes: [], + effects: [ + { + type: 'DROP_SHADOW', + visible: true, + radius: 10, + boundVariables: {}, + color: { + r: 0, + g: 0, + b: 0, + a: 0.30000001192092896, + }, + offset: { + x: 0, + y: 4, + }, + spread: 0, + blendMode: 'NORMAL', + showShadowBehindNode: false, + }, + ], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'ABSOLUTE', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [ + { + action: { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + actions: [ + { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + ], + trigger: { + type: 'ON_HOVER', + }, + }, + ], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + constraints: { + horizontal: 'MIN', + vertical: 'MIN', + }, + x: 540, + y: 85, + }, + { + id: 'I277:17544;209:7929', + name: 'Union', + type: 'VECTOR', + visible: true, + parent: '277:17544', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.2832789123058319, + g: 0.5464741587638855, + b: 0.2031760811805725, + }, + boundVariables: { + color: '[NodeId: VariableID:209:8368]', + }, + }, + ], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 0.30000001192092896, + blendMode: 'NORMAL', + color: { + r: 0, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17544;209:7961', + name: 'Frame 645', + type: 'FRAME', + visible: true, + parent: '277:17544', + children: ['I277:17544;209:7962'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 30, + height: 30, + rotation: 0, + cornerRadius: 1000, + topLeftRadius: 1000, + topRightRadius: 1000, + bottomLeftRadius: 1000, + bottomRightRadius: 1000, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 100, + y: 100, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17544;209:7962', + name: 'Union', + type: 'BOOLEAN_OPERATION', + visible: true, + parent: 'I277:17544;209:7961', + children: [ + 'I277:17544;209:7963', + 'I277:17544;209:7964', + 'I277:17544;209:7965', + ], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.807692289352417, + g: 0.6394230723381042, + b: 0.30288460850715637, + }, + boundVariables: { + color: '[NodeId: VariableID:171:5244]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14, + height: 22.00092315673828, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17544;209:7963', + name: 'path979', + type: 'VECTOR', + visible: true, + parent: 'I277:17544;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 2.313538074493408, + height: 3.9319562911987305, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17544;209:7964', + name: 'path981', + type: 'VECTOR', + visible: true, + parent: 'I277:17544;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.552157402038574, + height: 3.4659557342529297, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17544;209:7965', + name: 'path983', + type: 'VECTOR', + visible: true, + parent: 'I277:17544;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.781664848327637, + height: 22.000608444213867, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: '277:17545', + name: 'MapPin', + type: 'INSTANCE', + visible: true, + parent: '277:17538', + children: ['I277:17545;209:7929', 'I277:17545;209:7961'], + fills: [], + strokes: [], + effects: [ + { + type: 'DROP_SHADOW', + visible: true, + radius: 10, + boundVariables: {}, + color: { + r: 0, + g: 0, + b: 0, + a: 0.30000001192092896, + }, + offset: { + x: 0, + y: 4, + }, + spread: 0, + blendMode: 'NORMAL', + showShadowBehindNode: false, + }, + ], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'ABSOLUTE', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [ + { + action: { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + actions: [ + { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + ], + trigger: { + type: 'ON_HOVER', + }, + }, + ], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + constraints: { + horizontal: 'MIN', + vertical: 'MIN', + }, + x: 558, + y: 125, + }, + { + id: 'I277:17545;209:7929', + name: 'Union', + type: 'VECTOR', + visible: true, + parent: '277:17545', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7836538553237915, + g: 0.21851886808872223, + b: 0.5010863542556763, + }, + boundVariables: { + color: '[NodeId: VariableID:209:8369]', + }, + }, + ], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 0.30000001192092896, + blendMode: 'NORMAL', + color: { + r: 0, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17545;209:7961', + name: 'Frame 645', + type: 'FRAME', + visible: true, + parent: '277:17545', + children: ['I277:17545;209:7962'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 30, + height: 30, + rotation: 0, + cornerRadius: 1000, + topLeftRadius: 1000, + topRightRadius: 1000, + bottomLeftRadius: 1000, + bottomRightRadius: 1000, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 100, + y: 100, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17545;209:7962', + name: 'Union', + type: 'BOOLEAN_OPERATION', + visible: true, + parent: 'I277:17545;209:7961', + children: [ + 'I277:17545;209:7963', + 'I277:17545;209:7964', + 'I277:17545;209:7965', + ], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.807692289352417, + g: 0.6394230723381042, + b: 0.30288460850715637, + }, + boundVariables: { + color: '[NodeId: VariableID:171:5244]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14, + height: 22.00092315673828, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17545;209:7963', + name: 'path979', + type: 'VECTOR', + visible: true, + parent: 'I277:17545;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 2.313538074493408, + height: 3.9319562911987305, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17545;209:7964', + name: 'path981', + type: 'VECTOR', + visible: true, + parent: 'I277:17545;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.552157402038574, + height: 3.4659557342529297, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17545;209:7965', + name: 'path983', + type: 'VECTOR', + visible: true, + parent: 'I277:17545;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.781664848327637, + height: 22.000608444213867, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: '277:17546', + name: 'MapPin', + type: 'INSTANCE', + visible: true, + parent: '277:17538', + children: ['I277:17546;209:7929', 'I277:17546;209:7961'], + fills: [], + strokes: [], + effects: [ + { + type: 'DROP_SHADOW', + visible: true, + radius: 10, + boundVariables: {}, + color: { + r: 0, + g: 0, + b: 0, + a: 0.30000001192092896, + }, + offset: { + x: 0, + y: 4, + }, + spread: 0, + blendMode: 'NORMAL', + showShadowBehindNode: false, + }, + ], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'ABSOLUTE', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [ + { + action: { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + actions: [ + { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + ], + trigger: { + type: 'ON_HOVER', + }, + }, + ], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + constraints: { + horizontal: 'MIN', + vertical: 'MIN', + }, + x: 690, + y: 74, + }, + { + id: 'I277:17546;209:7929', + name: 'Union', + type: 'VECTOR', + visible: true, + parent: '277:17546', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7836538553237915, + g: 0.21851886808872223, + b: 0.5010863542556763, + }, + boundVariables: { + color: '[NodeId: VariableID:209:8369]', + }, + }, + ], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 0.30000001192092896, + blendMode: 'NORMAL', + color: { + r: 0, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17546;209:7961', + name: 'Frame 645', + type: 'FRAME', + visible: true, + parent: '277:17546', + children: ['I277:17546;209:7962'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 30, + height: 30, + rotation: 0, + cornerRadius: 1000, + topLeftRadius: 1000, + topRightRadius: 1000, + bottomLeftRadius: 1000, + bottomRightRadius: 1000, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 100, + y: 100, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17546;209:7962', + name: 'Union', + type: 'BOOLEAN_OPERATION', + visible: true, + parent: 'I277:17546;209:7961', + children: [ + 'I277:17546;209:7963', + 'I277:17546;209:7964', + 'I277:17546;209:7965', + ], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.807692289352417, + g: 0.6394230723381042, + b: 0.30288460850715637, + }, + boundVariables: { + color: '[NodeId: VariableID:171:5244]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14, + height: 22.00092315673828, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17546;209:7963', + name: 'path979', + type: 'VECTOR', + visible: true, + parent: 'I277:17546;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 2.313538074493408, + height: 3.9319562911987305, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17546;209:7964', + name: 'path981', + type: 'VECTOR', + visible: true, + parent: 'I277:17546;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.552157402038574, + height: 3.4659557342529297, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17546;209:7965', + name: 'path983', + type: 'VECTOR', + visible: true, + parent: 'I277:17546;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.781664848327637, + height: 22.000608444213867, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: '277:17547', + name: 'MapPin', + type: 'INSTANCE', + visible: true, + parent: '277:17538', + children: ['I277:17547;209:7929', 'I277:17547;209:7961'], + fills: [], + strokes: [], + effects: [ + { + type: 'DROP_SHADOW', + visible: true, + radius: 10, + boundVariables: {}, + color: { + r: 0, + g: 0, + b: 0, + a: 0.30000001192092896, + }, + offset: { + x: 0, + y: 4, + }, + spread: 0, + blendMode: 'NORMAL', + showShadowBehindNode: false, + }, + ], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'ABSOLUTE', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [ + { + action: { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + actions: [ + { + type: 'NODE', + destinationId: '277:19378', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'EASE_OUT', + }, + duration: 0.30000001192092896, + }, + resetVideoPosition: false, + }, + ], + trigger: { + type: 'ON_HOVER', + }, + }, + ], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + constraints: { + horizontal: 'MIN', + vertical: 'MIN', + }, + x: 593, + y: 97, + }, + { + id: 'I277:17547;209:7929', + name: 'Union', + type: 'VECTOR', + visible: true, + parent: '277:17547', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.48557692766189575, + g: 0.2665456235408783, + b: 0.1003836914896965, + }, + boundVariables: { + color: '[NodeId: VariableID:171:6908]', + }, + }, + ], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 0.30000001192092896, + blendMode: 'NORMAL', + color: { + r: 0, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 46, + height: 57, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17547;209:7961', + name: 'Frame 645', + type: 'FRAME', + visible: true, + parent: '277:17547', + children: ['I277:17547;209:7962'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 30, + height: 30, + rotation: 0, + cornerRadius: 1000, + topLeftRadius: 1000, + topRightRadius: 1000, + bottomLeftRadius: 1000, + bottomRightRadius: 1000, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 100, + y: 100, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17547;209:7962', + name: 'Union', + type: 'BOOLEAN_OPERATION', + visible: true, + parent: 'I277:17547;209:7961', + children: [ + 'I277:17547;209:7963', + 'I277:17547;209:7964', + 'I277:17547;209:7965', + ], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.807692289352417, + g: 0.6394230723381042, + b: 0.30288460850715637, + }, + boundVariables: { + color: '[NodeId: VariableID:171:5244]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14, + height: 22.00092315673828, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17547;209:7963', + name: 'path979', + type: 'VECTOR', + visible: true, + parent: 'I277:17547;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 2.313538074493408, + height: 3.9319562911987305, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17547;209:7964', + name: 'path981', + type: 'VECTOR', + visible: true, + parent: 'I277:17547;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.552157402038574, + height: 3.4659557342529297, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17547;209:7965', + name: 'path983', + type: 'VECTOR', + visible: true, + parent: 'I277:17547;209:7962', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.781664848327637, + height: 22.000608444213867, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: '277:17548', + name: 'Frame 646', + type: 'FRAME', + visible: true, + parent: '277:17538', + children: ['277:17549', '277:17550', '277:17551', '277:17552'], + fills: [], + strokes: [], + effects: [ + { + type: 'DROP_SHADOW', + visible: true, + radius: 8, + boundVariables: {}, + color: { + r: 0, + g: 0, + b: 0, + a: 0.15000000596046448, + }, + offset: { + x: 0, + y: 4, + }, + spread: 0, + blendMode: 'NORMAL', + showShadowBehindNode: false, + }, + ], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 540, + height: 49, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'ABSOLUTE', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'ABSOLUTE', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + constraints: { + horizontal: 'CENTER', + vertical: 'MIN', + }, + y: 16, + }, + { + id: '277:17549', + name: 'Component 7', + type: 'INSTANCE', + visible: true, + parent: '277:17548', + children: ['I277:17549;209:8055'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.48557692766189575, + g: 0.2665456235408783, + b: 0.1003836914896965, + }, + boundVariables: { + color: '[NodeId: VariableID:171:6908]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 100, + height: 47, + rotation: 0, + cornerRadius: 10, + topLeftRadius: 10, + topRightRadius: 10, + bottomLeftRadius: 10, + bottomRightRadius: 10, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 30, + paddingRight: 30, + paddingTop: 10, + paddingBottom: 10, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 30, + paddingRight: 30, + paddingTop: 10, + paddingBottom: 10, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17549;209:8055', + name: '전체', + type: 'TEXT', + visible: true, + parent: '277:17549', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 30, + height: 27, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '전체', + fontName: { + family: 'Noto Sans KR', + style: 'Bold', + }, + fontSize: 16, + fontWeight: 700, + lineHeight: { + unit: 'PERCENT', + value: 170.00000476837158, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '전체', + start: 0, + end: 2, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Bold', + }, + fontWeight: 700, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 170.00000476837158, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:f212c236f8ecb48fa3acd80695f2462fa1a80282,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '277:17550', + name: 'Component 6', + type: 'INSTANCE', + visible: true, + parent: '277:17548', + children: ['I277:17550;209:8082', 'I277:17550;209:8051'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: { + color: '[NodeId: VariableID:10:643]', + }, + }, + ], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.8894230723381042, + g: 0.8742666244506836, + b: 0.8480873703956604, + }, + boundVariables: { + color: '[NodeId: VariableID:10:644]', + }, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 120, + height: 49, + rotation: 0, + cornerRadius: 10, + topLeftRadius: 10, + topRightRadius: 10, + bottomLeftRadius: 10, + bottomRightRadius: 10, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 12, + paddingRight: 12, + paddingTop: 10, + paddingBottom: 10, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 12, + paddingRight: 12, + paddingTop: 10, + paddingBottom: 10, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17550;209:8082', + name: 'Rectangle 31', + type: 'RECTANGLE', + visible: true, + parent: '277:17550', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.48557692766189575, + g: 0.2665456235408783, + b: 0.1003836914896965, + }, + boundVariables: { + color: '[NodeId: VariableID:171:6908]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 8, + height: 8, + rotation: 0, + cornerRadius: 1000, + topLeftRadius: 1000, + topRightRadius: 1000, + bottomLeftRadius: 1000, + bottomRightRadius: 1000, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 100, + y: 100, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17550;209:8051', + name: '전체', + type: 'TEXT', + visible: true, + parent: '277:17550', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 76, + height: 29, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '메인 공연장', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 179.99999523162842, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '메인 공연장', + start: 0, + end: 6, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 179.99999523162842, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + textStyleId: 'S:0714e91638efb392b8350fc7b736633442d95452,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '277:17551', + name: 'Component 8', + type: 'INSTANCE', + visible: true, + parent: '277:17548', + children: ['I277:17551;209:8082', 'I277:17551;209:8051'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: { + color: '[NodeId: VariableID:10:643]', + }, + }, + ], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.8894230723381042, + g: 0.8742666244506836, + b: 0.8480873703956604, + }, + boundVariables: { + color: '[NodeId: VariableID:10:644]', + }, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 150, + height: 49, + rotation: 0, + cornerRadius: 10, + topLeftRadius: 10, + topRightRadius: 10, + bottomLeftRadius: 10, + bottomRightRadius: 10, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 12, + paddingRight: 12, + paddingTop: 10, + paddingBottom: 10, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 12, + paddingRight: 12, + paddingTop: 10, + paddingBottom: 10, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17551;209:8082', + name: 'Rectangle 31', + type: 'RECTANGLE', + visible: true, + parent: '277:17551', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.2832789123058319, + g: 0.5464741587638855, + b: 0.2031760811805725, + }, + boundVariables: { + color: '[NodeId: VariableID:209:8368]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 8, + height: 8, + rotation: 0, + cornerRadius: 1000, + topLeftRadius: 1000, + topRightRadius: 1000, + bottomLeftRadius: 1000, + bottomRightRadius: 1000, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 100, + y: 100, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17551;209:8051', + name: '전체', + type: 'TEXT', + visible: true, + parent: '277:17551', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 105, + height: 29, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '우리동네 관악제', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 179.99999523162842, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '우리동네 관악제', + start: 0, + end: 8, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 179.99999523162842, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + textStyleId: 'S:0714e91638efb392b8350fc7b736633442d95452,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '277:17552', + name: 'Component 9', + type: 'INSTANCE', + visible: true, + parent: '277:17548', + children: ['I277:17552;209:8082', 'I277:17552;209:8051'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: { + color: '[NodeId: VariableID:10:643]', + }, + }, + ], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.8894230723381042, + g: 0.8742666244506836, + b: 0.8480873703956604, + }, + boundVariables: { + color: '[NodeId: VariableID:10:644]', + }, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 140, + height: 49, + rotation: 0, + cornerRadius: 10, + topLeftRadius: 10, + topRightRadius: 10, + bottomLeftRadius: 10, + bottomRightRadius: 10, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 12, + paddingRight: 12, + paddingTop: 10, + paddingBottom: 10, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 12, + paddingRight: 12, + paddingTop: 10, + paddingBottom: 10, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17552;209:8082', + name: 'Rectangle 31', + type: 'RECTANGLE', + visible: true, + parent: '277:17552', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7836538553237915, + g: 0.21851886808872223, + b: 0.5010863542556763, + }, + boundVariables: { + color: '[NodeId: VariableID:209:8369]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 8, + height: 8, + rotation: 0, + cornerRadius: 1000, + topLeftRadius: 1000, + topRightRadius: 1000, + bottomLeftRadius: 1000, + bottomRightRadius: 1000, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 100, + y: 100, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17552;209:8051', + name: '전체', + type: 'TEXT', + visible: true, + parent: '277:17552', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 90, + height: 29, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '콩쿠르 경연장', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 179.99999523162842, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '콩쿠르 경연장', + start: 0, + end: 7, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 179.99999523162842, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.14509804546833038, + g: 0.125490203499794, + b: 0.11372549086809158, + }, + boundVariables: { + color: '[NodeId: VariableID:10:641]', + }, + }, + ], + textStyleId: 'S:0714e91638efb392b8350fc7b736633442d95452,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '277:17554', + name: 'footer', + type: 'INSTANCE', + visible: true, + parent: '277:17529', + children: ['I277:17554;68:1654'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.149038165807724, + g: 0.149038165807724, + b: 0.149038165807724, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1920, + height: 352, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 60, + paddingBottom: 60, + itemSpacing: 80, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 60, + paddingBottom: 60, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 80, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;68:1654', + name: 'Frame 526', + type: 'FRAME', + visible: true, + parent: '277:17554', + children: [ + 'I277:17554;68:1655', + 'I277:17554;68:1674', + 'I277:17554;68:1675', + ], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1280, + height: 232, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 30, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: 1280, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 30, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;68:1655', + name: 'Frame 531', + type: 'FRAME', + visible: true, + parent: 'I277:17554;68:1654', + children: ['I277:17554;68:1656', 'I277:17554;68:1657'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1280, + height: 35, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'SPACE_BETWEEN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 30, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'SPACE_BETWEEN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 30, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;68:1656', + name: '로고 영역', + type: 'TEXT', + visible: true, + parent: 'I277:17554;68:1655', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 0.5, + blendMode: 'PASS_THROUGH', + width: 110, + height: 35, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '로고 영역', + fontName: { + family: 'NanumMyeongjo', + style: 'Bold', + }, + fontSize: 28, + fontWeight: 700, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '로고 영역', + start: 0, + end: 5, + fontSize: 28, + fontName: { + family: 'NanumMyeongjo', + style: 'Bold', + }, + fontWeight: 700, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: '', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17554;68:1657', + name: 'Frame 535', + type: 'FRAME', + visible: true, + parent: 'I277:17554;68:1655', + children: [ + 'I277:17554;77:2677', + 'I277:17554;77:2725', + 'I277:17554;77:2764', + ], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 120, + height: 32, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 12, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 12, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;77:2677', + name: 'instagram_15713420 1', + type: 'FRAME', + visible: true, + parent: 'I277:17554;68:1657', + children: [ + 'I277:17554;77:2678', + 'I277:17554;77:2679', + 'I277:17554;77:2680', + ], + fills: [ + { + type: 'GRADIENT_LINEAR', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + gradientStops: [ + { + color: { + r: 1, + g: 0.8588235378265381, + b: 0.45098039507865906, + a: 1, + }, + position: 0, + boundVariables: {}, + }, + { + color: { + r: 0.9921568632125854, + g: 0.6784313917160034, + b: 0.30588236451148987, + a: 1, + }, + position: 0.07999999821186066, + boundVariables: {}, + }, + { + color: { + r: 0.9843137264251709, + g: 0.5137255191802979, + b: 0.18039216101169586, + a: 1, + }, + position: 0.15000000596046448, + boundVariables: {}, + }, + { + color: { + r: 0.9803921580314636, + g: 0.45098039507865906, + b: 0.12941177189350128, + a: 1, + }, + position: 0.1899999976158142, + boundVariables: {}, + }, + { + color: { + r: 0.9647058844566345, + g: 0.4117647111415863, + b: 0.18431372940540314, + a: 1, + }, + position: 0.23000000417232513, + boundVariables: {}, + }, + { + color: { + r: 0.9098039269447327, + g: 0.29019609093666077, + b: 0.3529411852359772, + a: 1, + }, + position: 0.3700000047683716, + boundVariables: {}, + }, + { + color: { + r: 0.8784313797950745, + g: 0.21176470816135406, + b: 0.4588235318660736, + a: 1, + }, + position: 0.47999998927116394, + boundVariables: {}, + }, + { + color: { + r: 0.8666666746139526, + g: 0.18431372940540314, + b: 0.49803921580314636, + a: 1, + }, + position: 0.550000011920929, + boundVariables: {}, + }, + { + color: { + r: 0.7058823704719543, + g: 0.239215686917305, + b: 0.5921568870544434, + a: 1, + }, + position: 0.6800000071525574, + boundVariables: {}, + }, + { + color: { + r: 0.3019607961177826, + g: 0.3764705955982208, + b: 0.8313725590705872, + a: 1, + }, + position: 0.9700000286102295, + boundVariables: {}, + }, + { + color: { + r: 0.25882354378700256, + g: 0.3921568691730499, + b: 0.8588235378265381, + a: 1, + }, + position: 1, + boundVariables: {}, + }, + ], + gradientTransform: [ + [-0.2444278746843338, -0.8524705171585083, 1.048449158668518], + [0.8524705171585083, -0.2444278746843338, 0.19597867131233215], + ], + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + cornerRadius: 4, + topLeftRadius: 4, + topRightRadius: 4, + bottomLeftRadius: 4, + bottomRightRadius: 4, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 512, + y: 512, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;77:2678', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17554;77:2677', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 21.582500457763672, + height: 21.473751068115234, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;77:2679', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17554;77:2677', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 11.108752250671387, + height: 11.108752250671387, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;77:2680', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17554;77:2677', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 2.6337509155273438, + height: 2.6337499618530273, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;77:2725', + name: 'facebook_1384053 1', + type: 'FRAME', + visible: true, + parent: 'I277:17554;68:1657', + children: ['I277:17554;77:2726', 'I277:17554;77:2727'], + fills: [ + { + type: 'SOLID', + visible: false, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + cornerRadius: 4, + topLeftRadius: 4, + topRightRadius: 4, + bottomLeftRadius: 4, + bottomRightRadius: 4, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 682.6666870117188, + y: 682.6666870117188, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;77:2726', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17554;77:2725', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.25882354378700256, + g: 0.40392157435417175, + b: 0.6980392336845398, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1.3333333730697632, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;77:2727', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17554;77:2725', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14.093750953674316, + height: 27.167238235473633, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1.3333333730697632, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;77:2764', + name: 'youtube_3991722 1', + type: 'FRAME', + visible: true, + parent: 'I277:17554;68:1657', + children: ['I277:17554;77:2765'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + cornerRadius: 4, + topLeftRadius: 4, + topRightRadius: 4, + bottomLeftRadius: 4, + bottomRightRadius: 4, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 512, + y: 512, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;77:2765', + name: 'Layer 2', + type: 'GROUP', + visible: true, + parent: 'I277:17554;77:2764', + children: ['I277:17554;77:2766'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;77:2766', + name: '02.youtube', + type: 'GROUP', + visible: true, + parent: 'I277:17554;77:2765', + children: ['I277:17554;77:2767', 'I277:17554;77:2768'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'NONE', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;77:2767', + name: 'background', + type: 'VECTOR', + visible: true, + parent: 'I277:17554;77:2766', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.9215686321258545, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 32, + height: 32, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 2.909090995788574, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;77:2768', + name: 'icon', + type: 'VECTOR', + visible: true, + parent: 'I277:17554;77:2766', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 20.000892639160156, + height: 14.616372108459473, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 2.909090995788574, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1674', + name: 'Rectangle 14', + type: 'RECTANGLE', + visible: true, + parent: 'I277:17554;68:1654', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 0.4000000059604645, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1280, + height: 1, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1675', + name: 'Frame 529', + type: 'FRAME', + visible: true, + parent: 'I277:17554;68:1654', + children: ['I277:17554;68:1676', 'I277:17554;68:1704'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 481, + height: 136, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 24, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'MIN', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 24, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;68:1676', + name: 'Frame 530', + type: 'FRAME', + visible: true, + parent: 'I277:17554;68:1675', + children: [ + 'I277:17554;68:1677', + 'I277:17554;68:1686', + 'I277:17554;68:1692', + ], + fills: [], + strokes: [], + effects: [], + opacity: 0.800000011920929, + blendMode: 'PASS_THROUGH', + width: 481, + height: 88, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 8, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 8, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;68:1677', + name: 'Frame 527', + type: 'FRAME', + visible: true, + parent: 'I277:17554;68:1676', + children: ['I277:17554;68:1678', 'I277:17554;68:1685'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 481, + height: 24, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 12, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 12, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;68:1678', + name: 'location_847372 1', + type: 'FRAME', + visible: true, + parent: 'I277:17554;68:1677', + children: ['I277:17554;68:1679', 'I277:17554;68:1682'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 512, + y: 512, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;68:1679', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17554;68:1678', + children: ['I277:17554;68:1680'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.397499084472656, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1680', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17554;68:1679', + children: ['I277:17554;68:1681'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.397499084472656, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1681', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17554;68:1680', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13.397499084472656, + height: 16, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1682', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17554;68:1678', + children: ['I277:17554;68:1683'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.655625343322754, + height: 4.655625343322754, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1683', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17554;68:1682', + children: ['I277:17554;68:1684'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.655625343322754, + height: 4.655625343322754, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1684', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17554;68:1683', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.655625343322754, + height: 4.655625343322754, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1685', + name: '63196 제주특별자치도 제주시 동광로 51, 3층 제주국제관악조직위원회', + type: 'TEXT', + visible: true, + parent: 'I277:17554;68:1677', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 453, + height: 24, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: + '63196 제주특별자치도 제주시 동광로 51, 3층 제주국제관악조직위원회', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: + '63196 제주특별자치도 제주시 동광로 51, 3층 제주국제관악조직위원회', + start: 0, + end: 40, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:25557e24c16e64a16d54b5feaa0433a2c5201551,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17554;68:1686', + name: 'Frame 528', + type: 'FRAME', + visible: true, + parent: 'I277:17554;68:1676', + children: [ + 'I277:17554;68:1687', + 'I277:17554;68:1690', + 'I277:17554;68:1691', + ], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 293, + height: 24, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 12, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 12, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;68:1687', + name: 'telephone_3095610 1', + type: 'FRAME', + visible: true, + parent: 'I277:17554;68:1686', + children: ['I277:17554;68:1688'], + fills: [ + { + type: 'SOLID', + visible: false, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 512, + y: 512, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;68:1688', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17554;68:1687', + children: ['I277:17554;68:1689'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1689', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17554;68:1688', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 13, + height: 16, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 5.688889026641846, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1690', + name: 'Tel. 064-722-8704', + type: 'TEXT', + visible: true, + parent: 'I277:17554;68:1686', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 125, + height: 24, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: 'Tel. 064-722-8704', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: 'Tel. 064-722-8704', + start: 0, + end: 17, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:25557e24c16e64a16d54b5feaa0433a2c5201551,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17554;68:1691', + name: 'Fax. 064-753-2208', + type: 'TEXT', + visible: true, + parent: 'I277:17554;68:1686', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 128, + height: 24, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: 'Fax. 064-753-2208', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: 'Fax. 064-753-2208', + start: 0, + end: 17, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:25557e24c16e64a16d54b5feaa0433a2c5201551,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17554;68:1692', + name: 'Frame 529', + type: 'FRAME', + visible: true, + parent: 'I277:17554;68:1676', + children: ['I277:17554;68:1693', 'I277:17554;68:1703'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 221, + height: 24, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 12, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 12, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17554;68:1693', + name: 'g453', + type: 'GROUP', + visible: true, + parent: 'I277:17554;68:1692', + children: ['I277:17554;68:1694'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 23.999998092651367, + y: 23.999998092651367, + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1694', + name: 'g455', + type: 'GROUP', + visible: true, + parent: 'I277:17554;68:1693', + children: ['I277:17554;68:1695'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1695', + name: 'Clip path group', + type: 'GROUP', + visible: true, + parent: 'I277:17554;68:1694', + children: ['I277:17554;68:1696', 'I277:17554;68:1698'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'NONE', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1696', + name: 'clipPath461', + type: 'GROUP', + visible: true, + parent: 'I277:17554;68:1695', + children: ['I277:17554;68:1697'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1697', + name: 'path459', + type: 'VECTOR', + visible: true, + parent: 'I277:17554;68:1696', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0, + g: 0, + b: 0, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16, + height: 16, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.800000011920929, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1698', + name: 'g457', + type: 'GROUP', + visible: true, + parent: 'I277:17554;68:1695', + children: ['I277:17554;68:1699', 'I277:17554;68:1701'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 15.06243896484375, + height: 11.047109603881836, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1699', + name: 'g463', + type: 'GROUP', + visible: true, + parent: 'I277:17554;68:1698', + children: ['I277:17554;68:1700'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 15.06243896484375, + height: 6.324453353881836, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1700', + name: 'path465', + type: 'VECTOR', + visible: true, + parent: 'I277:17554;68:1699', + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 15.06243896484375, + height: 6.324453353881836, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.800000011920929, + strokeAlign: 'CENTER', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1701', + name: 'g467', + type: 'GROUP', + visible: true, + parent: 'I277:17554;68:1698', + children: ['I277:17554;68:1702'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 15.0624361038208, + height: 10.0416259765625, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1702', + name: 'path469', + type: 'VECTOR', + visible: true, + parent: 'I277:17554;68:1701', + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 15.0624361038208, + height: 10.0416259765625, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.800000011920929, + strokeAlign: 'CENTER', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17554;68:1703', + name: 'bandfestival@hanmail.net', + type: 'TEXT', + visible: true, + parent: 'I277:17554;68:1692', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 193, + height: 24, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: 'bandfestival@hanmail.net\r', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: 'bandfestival@hanmail.net\r', + start: 0, + end: 25, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:25557e24c16e64a16d54b5feaa0433a2c5201551,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17554;68:1704', + name: 'COPYRIGHT ⓒ제주국제관악제. ALL RIGHTS RESERVED.', + type: 'TEXT', + visible: true, + parent: 'I277:17554;68:1675', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 0.6000000238418579, + blendMode: 'PASS_THROUGH', + width: 379, + height: 24, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: 'COPYRIGHT ⓒ제주국제관악제. ALL RIGHTS RESERVED.', + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontSize: 16, + fontWeight: 400, + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: 'COPYRIGHT ⓒ제주국제관악제. ALL RIGHTS RESERVED.', + start: 0, + end: 40, + fontSize: 16, + fontName: { + family: 'Noto Sans KR', + style: 'Regular', + }, + fontWeight: 400, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'PERCENT', + value: 150, + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:25557e24c16e64a16d54b5feaa0433a2c5201551,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '277:17555', + name: 'FloatingButton', + type: 'INSTANCE', + visible: true, + parent: '277:17529', + children: ['I277:17555;171:5150'], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 0.8999999761581421, + blendMode: 'NORMAL', + color: { + r: 0.318910151720047, + g: 0.22511640191078186, + b: 0.15383313596248627, + }, + boundVariables: {}, + }, + ], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 0.5, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [ + { + type: 'DROP_SHADOW', + visible: true, + radius: 20, + boundVariables: {}, + color: { + r: 0, + g: 0, + b: 0, + a: 0.25, + }, + offset: { + x: 0, + y: 4, + }, + spread: 0, + blendMode: 'NORMAL', + showShadowBehindNode: false, + }, + { + type: 'BACKGROUND_BLUR', + visible: true, + radius: 10, + boundVariables: {}, + blurType: 'NORMAL', + }, + ], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 100, + height: 424, + rotation: 0, + cornerRadius: 12, + topLeftRadius: 12, + topRightRadius: 12, + bottomLeftRadius: 12, + bottomRightRadius: 12, + layoutMode: 'VERTICAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'ABSOLUTE', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'ABSOLUTE', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + constraints: { + horizontal: 'MAX', + vertical: 'CENTER', + }, + x: 1770, + }, + { + id: 'I277:17555;171:5150', + name: 'Frame 450', + type: 'FRAME', + visible: true, + parent: '277:17555', + children: [ + 'I277:17555;171:5151', + 'I277:17555;171:5156', + 'I277:17555;171:5163', + 'I277:17555;171:5169', + ], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 100, + height: 424, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17555;171:5151', + name: 'Frame 446', + type: 'FRAME', + visible: true, + parent: 'I277:17555;171:5150', + children: ['I277:17555;171:5152', 'I277:17555;171:5155'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 100, + height: 106, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FILL', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 20, + paddingRight: 20, + paddingTop: 24, + paddingBottom: 24, + itemSpacing: 12, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 20, + paddingRight: 20, + paddingTop: 24, + paddingBottom: 24, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 12, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17555;171:5152', + name: 'search_4203984 1', + type: 'FRAME', + visible: true, + parent: 'I277:17555;171:5151', + children: ['I277:17555;171:5153'], + fills: [ + { + type: 'SOLID', + visible: false, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 28, + height: 28, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 512, + y: 512, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17555;171:5153', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17555;171:5152', + children: ['I277:17555;171:5154'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 28.000003814697266, + height: 27.997966766357422, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5154', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17555;171:5153', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 28.000003814697266, + height: 27.997966766357422, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 16, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5155', + name: '통합검색', + type: 'TEXT', + visible: true, + parent: 'I277:17555;171:5151', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 55, + height: 18, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '통합검색', + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontSize: 15, + fontWeight: 500, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '통합검색', + start: 0, + end: 4, + fontSize: 15, + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontWeight: 500, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:af2c2d451afbf61b90185abd8ec740962e11662c,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17555;171:5156', + name: 'Frame 447', + type: 'FRAME', + visible: true, + parent: 'I277:17555;171:5150', + children: ['I277:17555;171:5157', 'I277:17555;171:5162'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 100, + height: 106, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 20, + paddingRight: 20, + paddingTop: 24, + paddingBottom: 24, + itemSpacing: 12, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 20, + paddingRight: 20, + paddingTop: 24, + paddingBottom: 24, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 12, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17555;171:5157', + name: 'ticket_18765939 1', + type: 'FRAME', + visible: true, + parent: 'I277:17555;171:5156', + children: [ + 'I277:17555;171:5158', + 'I277:17555;171:5159', + 'I277:17555;171:5160', + 'I277:17555;171:5161', + ], + fills: [ + { + type: 'SOLID', + visible: false, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 28, + height: 28, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 32, + y: 32, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17555;171:5158', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17555;171:5157', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 27.99759292602539, + height: 27.972986221313477, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5159', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17555;171:5157', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 3.2974374294281006, + height: 3.2972183227539062, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5160', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17555;171:5157', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.552187919616699, + height: 4.551968574523926, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5161', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17555;171:5157', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 3.297438383102417, + height: 3.2972192764282227, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5162', + name: '신청/예매', + type: 'TEXT', + visible: true, + parent: 'I277:17555;171:5156', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 60, + height: 18, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '신청/예매', + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontSize: 15, + fontWeight: 500, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '신청/예매', + start: 0, + end: 5, + fontSize: 15, + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontWeight: 500, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:af2c2d451afbf61b90185abd8ec740962e11662c,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17555;171:5163', + name: 'Frame 448', + type: 'FRAME', + visible: true, + parent: 'I277:17555;171:5150', + children: ['I277:17555;171:5164', 'I277:17555;171:5168'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 98, + height: 106, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 20, + paddingRight: 20, + paddingTop: 24, + paddingBottom: 24, + itemSpacing: 12, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 20, + paddingRight: 20, + paddingTop: 24, + paddingBottom: 24, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 12, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17555;171:5164', + name: 'calendar_3239948 1', + type: 'FRAME', + visible: true, + parent: 'I277:17555;171:5163', + children: ['I277:17555;171:5165'], + fills: [ + { + type: 'SOLID', + visible: false, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 28, + height: 28, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 512, + y: 512, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17555;171:5165', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17555;171:5164', + children: ['I277:17555;171:5166'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 26.962982177734375, + height: 28, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5166', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17555;171:5165', + children: ['I277:17555;171:5167'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 26.962982177734375, + height: 28, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5167', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17555;171:5166', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 26.962982177734375, + height: 28, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1.583384394645691, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5168', + name: '전체 일정', + type: 'TEXT', + visible: true, + parent: 'I277:17555;171:5163', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 58, + height: 18, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '전체 일정', + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontSize: 15, + fontWeight: 500, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '전체 일정', + start: 0, + end: 5, + fontSize: 15, + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontWeight: 500, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:af2c2d451afbf61b90185abd8ec740962e11662c,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17555;171:5169', + name: 'Frame 449', + type: 'FRAME', + visible: true, + parent: 'I277:17555;171:5150', + children: ['I277:17555;171:5170', 'I277:17555;171:5177'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 98, + height: 106, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 20, + paddingRight: 20, + paddingTop: 24, + paddingBottom: 24, + itemSpacing: 12, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 20, + paddingRight: 20, + paddingTop: 24, + paddingBottom: 24, + counterAxisSizingMode: 'AUTO', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 12, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17555;171:5170', + name: 'location_847372 1', + type: 'FRAME', + visible: true, + parent: 'I277:17555;171:5169', + children: ['I277:17555;171:5171', 'I277:17555;171:5174'], + fills: [ + { + type: 'SOLID', + visible: false, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 28, + height: 28, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 512, + y: 512, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17555;171:5171', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17555;171:5170', + children: ['I277:17555;171:5172'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 23.44562339782715, + height: 28, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5172', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17555;171:5171', + children: ['I277:17555;171:5173'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 23.44562339782715, + height: 28, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5173', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17555;171:5172', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 23.44562339782715, + height: 28, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5174', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17555;171:5170', + children: ['I277:17555;171:5175'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 8.147343635559082, + height: 8.147344589233398, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5175', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17555;171:5174', + children: ['I277:17555;171:5176'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 8.147343635559082, + height: 8.147344589233398, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5176', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17555;171:5175', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 8.147343635559082, + height: 8.147344589233398, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17555;171:5177', + name: '오시는 길', + type: 'TEXT', + visible: true, + parent: 'I277:17555;171:5169', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 58, + height: 18, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '오시는 길', + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontSize: 15, + fontWeight: 500, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '오시는 길', + start: 0, + end: 5, + fontSize: 15, + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontWeight: 500, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -2, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:af2c2d451afbf61b90185abd8ec740962e11662c,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: '277:17556', + name: 'header', + type: 'INSTANCE', + visible: true, + parent: '277:17529', + children: ['I277:17556;34:2569', 'I277:17556;34:2579'], + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 0.4000000059604645, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1920, + height: 84, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'ABSOLUTE', + primaryAxisAlignItems: 'SPACE_BETWEEN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 600, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [ + { + action: { + type: 'NODE', + destinationId: '34:2647', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'LINEAR', + }, + duration: 1.2000000476837158, + }, + resetVideoPosition: false, + }, + actions: [ + { + type: 'NODE', + destinationId: '34:2647', + navigation: 'CHANGE_TO', + transition: { + type: 'SMART_ANIMATE', + easing: { + type: 'LINEAR', + }, + duration: 1.2000000476837158, + }, + resetVideoPosition: false, + }, + ], + trigger: { + type: 'ON_CLICK', + }, + }, + ], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'SPACE_BETWEEN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'INHERIT', + layoutGrow: 0, + itemSpacing: 600, + layoutPositioning: 'ABSOLUTE', + }, + strokeTopWeight: 0, + strokeBottomWeight: 1, + strokeLeftWeight: 0, + strokeRightWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + constraints: { + horizontal: 'MIN', + vertical: 'MIN', + }, + x: 0, + y: 0, + }, + { + id: 'I277:17556;34:2569', + name: 'Frame 443', + type: 'FRAME', + visible: true, + parent: '277:17556', + children: ['I277:17556;50:2356', 'I277:17556;34:2571'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 1143, + height: 84, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'FILL', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;50:2356', + name: 'Frame 565', + type: 'FRAME', + visible: true, + parent: 'I277:17556;34:2569', + children: ['I277:17556;133:9956'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 300, + height: 84, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'VERTICAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FILL', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'VERTICAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;133:9956', + name: 'Group 30', + type: 'GROUP', + visible: true, + parent: 'I277:17556;50:2356', + children: ['I277:17556;133:9957', 'I277:17556;133:9978'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 236.107421875, + height: 45.99993133544922, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 415.9013671875, + y: 81.02861785888672, + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9957', + name: 'Union', + type: 'BOOLEAN_OPERATION', + visible: true, + parent: 'I277:17556;133:9956', + children: [ + 'I277:17556;133:9958', + 'I277:17556;133:9959', + 'I277:17556;133:9960', + 'I277:17556;133:9961', + 'I277:17556;133:9962', + 'I277:17556;133:9963', + 'I277:17556;133:9964', + 'I277:17556;133:9965', + 'I277:17556;133:9966', + 'I277:17556;133:9967', + 'I277:17556;133:9968', + 'I277:17556;133:9969', + 'I277:17556;133:9970', + 'I277:17556;133:9971', + 'I277:17556;133:9972', + 'I277:17556;133:9973', + 'I277:17556;133:9974', + 'I277:17556;133:9975', + 'I277:17556;133:9976', + 'I277:17556;133:9977', + ], + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 236.10748291015625, + height: 46.00004959106445, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9958', + name: 'path945', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 28.365982055664062, + height: 20.196331024169922, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9959', + name: 'path947', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 26.818378448486328, + height: 26.949880599975586, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9960', + name: 'path949', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 26.10413360595703, + height: 15.909249305725098, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9961', + name: 'path951', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14.187540054321289, + height: 25.178619384765625, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9962', + name: 'path953', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 16.64026641845703, + height: 15.311651229858398, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9963', + name: 'path955', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 8.456875801086426, + height: 26.949880599975586, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9964', + name: 'path957', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 5.466522693634033, + height: 26.949880599975586, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9965', + name: 'path959', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14.187540054321289, + height: 25.178619384765625, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9966', + name: 'path961', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 8.461868286132812, + height: 26.949880599975586, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9967', + name: 'path963', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 5.46649169921875, + height: 26.949880599975586, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9968', + name: 'path965', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 14.187540054321289, + height: 25.178619384765625, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9969', + name: 'path967', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 8.461868286132812, + height: 26.949880599975586, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9970', + name: 'path969', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 5.46649169921875, + height: 26.949880599975586, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9971', + name: 'path971', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 10.254087448120117, + height: 15.966085433959961, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9972', + name: 'path973', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 26.743497848510742, + height: 9.628137588500977, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9973', + name: 'path975', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 25.66179847717285, + height: 9.076457023620605, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9974', + name: 'path977', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 22.984329223632812, + height: 9.544029235839844, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9975', + name: 'path979', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.856213569641113, + height: 8.221173286437988, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9976', + name: 'path981', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 9.555171012878418, + height: 7.246831893920898, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9977', + name: 'path983', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9957', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 0.7529411911964417, + g: 0.5058823823928833, + b: 0.05098039284348488, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 28.92829704284668, + height: 46.000213623046875, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 0.8754388689994812, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;133:9978', + name: 'Jeju International Wind Ensemble Festival', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;133:9956', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 178.90097045898438, + height: 8.939447402954102, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2571', + name: 'Frame 442', + type: 'FRAME', + visible: true, + parent: 'I277:17556;34:2569', + children: [ + 'I277:17556;34:2573', + 'I277:17556;34:2574', + 'I277:17556;34:2575', + 'I277:17556;34:2576', + 'I277:17556;34:2577', + 'I277:17556;34:2578', + ], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 843, + height: 84, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'FILL', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;34:2573', + name: 'menu', + type: 'INSTANCE', + visible: true, + parent: 'I277:17556;34:2571', + children: ['I277:17556;34:2573;50:2387'], + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 113, + height: 84, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'FILL', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 10, + paddingBottom: 10, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 10, + paddingBottom: 10, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeTopWeight: 0, + strokeBottomWeight: 4, + strokeLeftWeight: 0, + strokeRightWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;34:2573;50:2387', + name: '텍스트', + type: 'TEXT', + visible: true, + parent: 'I277:17556;34:2573', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 33, + height: 22, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '소개', + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontSize: 18, + fontWeight: 500, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '소개', + start: 0, + end: 2, + fontSize: 18, + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontWeight: 500, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:b9b47b913dbbffc206de7eaa3fe185f78b83909e,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17556;34:2574', + name: 'menu', + type: 'INSTANCE', + visible: true, + parent: 'I277:17556;34:2571', + children: ['I277:17556;34:2574;7:129'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 167, + height: 84, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'FILL', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 10, + paddingBottom: 10, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 10, + paddingBottom: 10, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;34:2574;7:129', + name: '텍스트', + type: 'TEXT', + visible: true, + parent: 'I277:17556;34:2574', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 87, + height: 22, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '일정 및 예매', + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontSize: 18, + fontWeight: 500, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '일정 및 예매', + start: 0, + end: 7, + fontSize: 18, + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontWeight: 500, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:b9b47b913dbbffc206de7eaa3fe185f78b83909e,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17556;34:2575', + name: 'menu', + type: 'INSTANCE', + visible: true, + parent: 'I277:17556;34:2571', + children: ['I277:17556;34:2575;7:129'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 192, + height: 84, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'FILL', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 10, + paddingBottom: 10, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 10, + paddingBottom: 10, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;34:2575;7:129', + name: '텍스트', + type: 'TEXT', + visible: true, + parent: 'I277:17556;34:2575', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 112, + height: 22, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '제주국제관악제', + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontSize: 18, + fontWeight: 500, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '제주국제관악제', + start: 0, + end: 7, + fontSize: 18, + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontWeight: 500, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:b9b47b913dbbffc206de7eaa3fe185f78b83909e,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17556;34:2576', + name: 'menu', + type: 'INSTANCE', + visible: true, + parent: 'I277:17556;34:2571', + children: ['I277:17556;34:2576;7:129'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 129, + height: 84, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'FILL', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 10, + paddingBottom: 10, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 10, + paddingBottom: 10, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;34:2576;7:129', + name: '텍스트', + type: 'TEXT', + visible: true, + parent: 'I277:17556;34:2576', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 49, + height: 22, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '콩쿠르', + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontSize: 18, + fontWeight: 500, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '콩쿠르', + start: 0, + end: 3, + fontSize: 18, + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontWeight: 500, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:b9b47b913dbbffc206de7eaa3fe185f78b83909e,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17556;34:2577', + name: 'menu', + type: 'INSTANCE', + visible: true, + parent: 'I277:17556;34:2571', + children: ['I277:17556;34:2577;7:129'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 129, + height: 84, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'FILL', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 10, + paddingBottom: 10, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 10, + paddingBottom: 10, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;34:2577;7:129', + name: '텍스트', + type: 'TEXT', + visible: true, + parent: 'I277:17556;34:2577', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 49, + height: 22, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '갤러리', + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontSize: 18, + fontWeight: 500, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '갤러리', + start: 0, + end: 3, + fontSize: 18, + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontWeight: 500, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:b9b47b913dbbffc206de7eaa3fe185f78b83909e,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17556;34:2578', + name: 'menu', + type: 'INSTANCE', + visible: true, + parent: 'I277:17556;34:2571', + children: ['I277:17556;34:2578;7:129'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 113, + height: 84, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'FILL', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 10, + paddingBottom: 10, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 40, + paddingRight: 40, + paddingTop: 10, + paddingBottom: 10, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;34:2578;7:129', + name: '텍스트', + type: 'TEXT', + visible: true, + parent: 'I277:17556;34:2578', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 33, + height: 22, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '소식', + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontSize: 18, + fontWeight: 500, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '소식', + start: 0, + end: 2, + fontSize: 18, + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontWeight: 500, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:b9b47b913dbbffc206de7eaa3fe185f78b83909e,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17556;34:2579', + name: 'Frame 444', + type: 'FRAME', + visible: true, + parent: '277:17556', + children: ['I277:17556;34:2586', 'I277:17556;34:2580'], + fills: [], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 297, + height: 84, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'FILL', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;34:2586', + name: 'menu', + type: 'FRAME', + visible: true, + parent: 'I277:17556;34:2579', + children: ['I277:17556;34:2587', 'I277:17556;34:2600'], + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 0.4000000059604645, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 139, + height: 84, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'FILL', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 30, + paddingRight: 30, + paddingTop: 10, + paddingBottom: 10, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 30, + paddingRight: 30, + paddingTop: 10, + paddingBottom: 10, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeTopWeight: 0, + strokeBottomWeight: 0, + strokeLeftWeight: 1, + strokeRightWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;34:2587', + name: 'globe_18165265 1', + type: 'FRAME', + visible: true, + parent: 'I277:17556;34:2586', + children: [ + 'I277:17556;34:2588', + 'I277:17556;34:2589', + 'I277:17556;34:2590', + 'I277:17556;34:2591', + 'I277:17556;34:2592', + 'I277:17556;34:2593', + 'I277:17556;34:2594', + 'I277:17556;34:2595', + 'I277:17556;34:2596', + 'I277:17556;34:2597', + 'I277:17556;34:2598', + 'I277:17556;34:2599', + ], + fills: [ + { + type: 'SOLID', + visible: false, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 20, + height: 20, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 24, + y: 24, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;34:2588', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;34:2587', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.0799994468688965, + height: 3.2199997901916504, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2589', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;34:2587', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.080000400543213, + height: 3.220001220703125, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2590', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;34:2587', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.980000019073486, + height: 3.940000057220459, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2591', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;34:2587', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.0799994468688965, + height: 3.2199997901916504, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2592', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;34:2587', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 5.060000419616699, + height: 4.419999599456787, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2593', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;34:2587', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 5.060000419616699, + height: 4.419999599456787, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2594', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;34:2587', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 6.319998741149902, + height: 3.3199996948242188, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2595', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;34:2587', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 6.299999237060547, + height: 3.320000171661377, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2596', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;34:2587', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 5, + height: 3.93999981880188, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2597', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;34:2587', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 4.080000400543213, + height: 3.2200000286102295, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2598', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;34:2587', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 5.059999465942383, + height: 4.420000076293945, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2599', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;34:2587', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 5.060000419616699, + height: 4.419999599456787, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2600', + name: '한국어', + type: 'TEXT', + visible: true, + parent: 'I277:17556;34:2586', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 49, + height: 22, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '한국어', + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontSize: 18, + fontWeight: 500, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '한국어', + start: 0, + end: 3, + fontSize: 18, + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontWeight: 500, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:b9b47b913dbbffc206de7eaa3fe185f78b83909e,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + { + id: 'I277:17556;34:2580', + name: 'menu', + type: 'FRAME', + visible: true, + parent: 'I277:17556;34:2579', + children: ['I277:17556;34:2581', 'I277:17556;34:2585'], + fills: [], + strokes: [ + { + type: 'SOLID', + visible: true, + opacity: 0.4000000059604645, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 158, + height: 84, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'HORIZONTAL', + layoutAlign: 'STRETCH', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'FILL', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + paddingLeft: 30, + paddingRight: 30, + paddingTop: 10, + paddingBottom: 10, + itemSpacing: 10, + counterAxisSpacing: 0, + clipsContent: false, + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 30, + paddingRight: 30, + paddingTop: 10, + paddingBottom: 10, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'AUTO', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 0, + itemSpacing: 10, + layoutPositioning: 'AUTO', + }, + strokeTopWeight: 0, + strokeBottomWeight: 0, + strokeLeftWeight: 1, + strokeRightWeight: 0, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;34:2581', + name: 'tickets_785683 1', + type: 'FRAME', + visible: true, + parent: 'I277:17556;34:2580', + children: ['I277:17556;34:2582'], + fills: [ + { + type: 'SOLID', + visible: false, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 20, + height: 20, + rotation: 0, + cornerRadius: 0, + topLeftRadius: 0, + topRightRadius: 0, + bottomLeftRadius: 0, + bottomRightRadius: 0, + layoutMode: 'NONE', + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + primaryAxisAlignItems: 'MIN', + counterAxisAlignItems: 'MIN', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + itemSpacing: 0, + counterAxisSpacing: 0, + clipsContent: true, + isAsset: true, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + targetAspectRatio: { + x: 24, + y: 24, + }, + strokeWeight: 1, + strokeTopWeight: 1, + strokeBottomWeight: 1, + strokeLeftWeight: 1, + strokeRightWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + gridColumnCount: 0, + }, + { + id: 'I277:17556;34:2582', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17556;34:2581', + children: ['I277:17556;34:2583'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 20, + height: 20, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'MIN', + layoutGrow: 0, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2583', + name: 'Group', + type: 'GROUP', + visible: true, + parent: 'I277:17556;34:2582', + children: ['I277:17556;34:2584'], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 20, + height: 20, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + inferredAutoLayout: { + layoutMode: 'HORIZONTAL', + paddingLeft: 0, + paddingRight: 0, + paddingTop: 0, + paddingBottom: 0, + counterAxisSizingMode: 'FIXED', + primaryAxisSizingMode: 'FIXED', + primaryAxisAlignItems: 'CENTER', + counterAxisAlignItems: 'CENTER', + layoutAlign: 'STRETCH', + layoutGrow: 1, + itemSpacing: 0, + layoutPositioning: 'AUTO', + }, + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2584', + name: 'Vector', + type: 'VECTOR', + visible: true, + parent: 'I277:17556;34:2583', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 20, + height: 20, + rotation: 0, + cornerRadius: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'FIXED', + layoutSizingVertical: 'FIXED', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'INSIDE', + dashPattern: [], + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + }, + { + id: 'I277:17556;34:2585', + name: '참가 신청', + type: 'TEXT', + visible: true, + parent: 'I277:17556;34:2580', + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + strokes: [], + effects: [], + opacity: 1, + blendMode: 'PASS_THROUGH', + width: 68, + height: 22, + rotation: 0, + layoutAlign: 'INHERIT', + layoutGrow: 0, + layoutSizingHorizontal: 'HUG', + layoutSizingVertical: 'HUG', + layoutPositioning: 'AUTO', + isAsset: false, + reactions: [], + minWidth: null, + maxWidth: null, + minHeight: null, + maxHeight: null, + strokeWeight: 1, + strokeAlign: 'OUTSIDE', + dashPattern: [], + characters: '참가 신청', + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontSize: 18, + fontWeight: 500, + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + textAutoResize: 'WIDTH_AND_HEIGHT', + textAlignHorizontal: 'LEFT', + textAlignVertical: 'TOP', + textTruncation: 'DISABLED', + gridColumnAnchorIndex: -1, + gridRowAnchorIndex: -1, + styledTextSegments: [ + { + characters: '참가 신청', + start: 0, + end: 5, + fontSize: 18, + fontName: { + family: 'Noto Sans KR', + style: 'Medium', + }, + fontWeight: 500, + textDecoration: 'NONE', + textCase: 'ORIGINAL', + lineHeight: { + unit: 'AUTO', + }, + letterSpacing: { + unit: 'PERCENT', + value: -4, + }, + fills: [ + { + type: 'SOLID', + visible: true, + opacity: 1, + blendMode: 'NORMAL', + color: { + r: 1, + g: 1, + b: 1, + }, + boundVariables: {}, + }, + ], + textStyleId: 'S:b9b47b913dbbffc206de7eaa3fe185f78b83909e,', + fillStyleId: '', + listOptions: { + type: 'NONE', + }, + indentation: 0, + hyperlink: null, + }, + ], + }, + ], + variables: [ + { + id: 'VariableID:10:643', + name: 'containerBackground', + }, + { + id: 'VariableID:10:644', + name: 'border', + }, + { + id: 'VariableID:171:6908', + name: 'primaryAccent', + }, + { + id: 'VariableID:10:641', + name: 'text', + }, + { + id: 'VariableID:171:5244', + name: 'gold', + }, + { + id: 'VariableID:209:8368', + name: 'mapCountry', + }, + { + id: 'VariableID:209:8369', + name: 'mapCompetition', + }, + ], + }, ] as const)('real world $#', async ({ nodes, variables }) => { const root = assembleNodeTree( nodes as unknown as NodeData[], @@ -37068,6 +59655,15 @@ describe('render real world component', () => { ) expect(codes.length).toBeGreaterThan(0) expect(codes[0][1]).toMatchSnapshot() + } else if (root.type === 'SECTION') { + // For SECTION, generate responsive code with import and function wrapper + const responsiveCodegen = new ResponsiveCodegen( + root as unknown as SectionNode, + ) + const responsiveCode = await responsiveCodegen.generateResponsiveCode() + const componentName = toPascal(root.name) + const wrappedCode = wrapComponent(componentName, responsiveCode) + expect(wrappedCode).toMatchSnapshot() } else { const codegen = new Codegen(root as unknown as SceneNode) await codegen.run() diff --git a/src/codegen/__tests__/render.test.ts b/src/codegen/__tests__/render.test.ts index d7dd957..5ee6e1a 100644 --- a/src/codegen/__tests__/render.test.ts +++ b/src/codegen/__tests__/render.test.ts @@ -37,6 +37,93 @@ describe('renderNode', () => { }) }) +/** + * Indentation format tests to prevent regression. + * + * Expected indentation pattern: + * - Function body: 2 spaces + * - Inside return (): 4 spaces (baseDepth + 1 = 2, so 2 * 2 = 4) + * - Nested children: +2 spaces per level (6, 8, 10, ...) + * - Props on multiple lines: +2 spaces from component tag + */ +describe('renderComponent indentation', () => { + test('single line JSX stays on same line as return', () => { + const result = renderComponent('Button', '` + const result = renderComponent('MyButton', code, { + variant: '"primary" | "secondary"', + }) + + expect(result).toContain('export interface MyButtonProps') + const lines = result.split('\n') + // Line 0-2: interface, Line 3: empty, Line 4-5: function + return, Line 6+: JSX + expect(lines[6]).toBe(' ') // 4 spaces + }) +}) + describe('renderComponent', () => { test.each([ { @@ -61,9 +148,9 @@ describe('renderComponent', () => { export function Banner({ size }: BannerProps) { return ( - - - + + + ) }`, }, diff --git a/src/codegen/props/__tests__/selector.test.ts b/src/codegen/props/__tests__/selector.test.ts index a875c94..771a358 100644 --- a/src/codegen/props/__tests__/selector.test.ts +++ b/src/codegen/props/__tests__/selector.test.ts @@ -176,6 +176,70 @@ describe('getSelectorProps', () => { expect(result?.variants.variant).toBe("'Default' | 'Active'") }) + test('converts Korean 속성 to property in property names', async () => { + const defaultVariant = { + type: 'COMPONENT', + name: '속성1=Default', + children: [], + visible: true, + reactions: [], + variantProperties: { 속성1: 'Default' }, + } as unknown as ComponentNode + + const node = { + type: 'COMPONENT_SET', + name: 'KoreanPropertySet', + children: [defaultVariant], + defaultVariant, + visible: true, + componentPropertyDefinitions: { + 속성1: { + type: 'VARIANT', + variantOptions: ['Default', 'Active'], + }, + }, + } as unknown as ComponentSetNode + + const result = await getSelectorProps(node) + + expect(result).toBeDefined() + expect(result?.variants).toBeDefined() + // Korean '속성1' should be converted to 'property1' + expect(result?.variants.property1).toBe("'Default' | 'Active'") + }) + + test('converts 속성1 variant name to property1', async () => { + const defaultVariant = { + type: 'COMPONENT', + name: '속성1=Default', + children: [], + visible: true, + reactions: [], + variantProperties: { 속성1: 'Default' }, + } as unknown as ComponentNode + + const node = { + type: 'COMPONENT_SET', + name: 'SpacedPropertySet', + children: [defaultVariant], + defaultVariant, + visible: true, + componentPropertyDefinitions: { + 속성1: { + type: 'VARIANT', + variantOptions: ['Default', 'Active'], + }, + }, + } as unknown as ComponentSetNode + + const result = await getSelectorProps(node) + + expect(result).toBeDefined() + expect(result?.variants).toBeDefined() + // '속성1' should become 'property1' + expect(result?.variants.property1).toBe("'Default' | 'Active'") + }) + test('converts property name with spaces and special chars to camelCase', async () => { const defaultVariant = { type: 'COMPONENT', diff --git a/src/codegen/props/selector.ts b/src/codegen/props/selector.ts index 50e1f16..f834cdb 100644 --- a/src/codegen/props/selector.ts +++ b/src/codegen/props/selector.ts @@ -42,19 +42,21 @@ function toTransitionPropertyName(key: string): string { // 속성 이름을 유효한 TypeScript 식별자로 변환 const toUpperCase = (_: string, chr: string) => chr.toUpperCase() -function sanitizePropertyName(name: string): string { - // 1. 공백과 특수문자를 처리하여 camelCase로 변환 - const result = name - .trim() +export function sanitizePropertyName(name: string): string { + // 1. 한글 '속성'을 'property'로 변환 (공백 포함 처리: "속성1" → "property1") + const normalized = name.trim().replace(/속성\s*/g, 'property') // 한글 '속성' + 뒤따르는 공백을 'property'로 변환 + + // 2. 공백과 특수문자를 처리하여 camelCase로 변환 + const result = normalized // 공백이나 특수문자 뒤의 문자를 대문자로 (camelCase 변환) .replace(/[\s\-_]+(.)/g, toUpperCase) // 숫자로 시작하면 앞에 _ 추가 .replace(/^(\d)/, '_$1') - // 2. 유효하지 않은 문자 제거 (한글, 특수문자 등) + // 3. 유효하지 않은 문자 제거 (한글, 특수문자 등) const cleaned = result.replace(/[^\w$]/g, '') - // 3. 완전히 비어있거나 숫자로만 구성된 경우 기본값 사용 + // 4. 완전히 비어있거나 숫자로만 구성된 경우 기본값 사용 if (!cleaned || /^\d+$/.test(cleaned)) { return 'variant' } diff --git a/src/codegen/render/index.ts b/src/codegen/render/index.ts index 955ae6d..c2db06c 100644 --- a/src/codegen/render/index.ts +++ b/src/codegen/render/index.ts @@ -1,7 +1,10 @@ import { space } from '../../utils' import { filterPropsWithComponent } from '../props' import { isDefaultProp } from '../utils/is-default-prop' -import { paddingLeftMultiline } from '../utils/padding-left-multiline' +import { + paddingLeftMultiline, + wrapReturnStatement, +} from '../utils/padding-left-multiline' import { propsToString } from '../utils/props-to-str' export function renderNode( @@ -25,10 +28,7 @@ export function renderNode( }`, hasChildren ? childrenCodes - .map( - (child) => - space(deps + 1) + child.split('\n').join(`\n${space(deps + 1)}`), - ) + .map((child) => paddingLeftMultiline(child, deps + 1)) .join('\n') : '', tail, @@ -58,14 +58,7 @@ ${Object.entries(filteredVariants) ? `{ ${Object.keys(filteredVariants).join(', ')} }: ${component}Props` : '' return `${interfaceCode}export function ${component}(${propsParam}) { - return ${ - code.includes('\n') - ? `(\n${code - .split('\n') - .map((line) => line) - .join('\n')}\n${space(1)})` - : code.trim().replace(/\s+/g, ' ') - } + return ${wrapReturnStatement(code, 1)} }` } diff --git a/src/codegen/render/text.ts b/src/codegen/render/text.ts index afe469e..1af4cf7 100644 --- a/src/codegen/render/text.ts +++ b/src/codegen/render/text.ts @@ -105,7 +105,7 @@ export async function renderText(node: TextNode): Promise<{ let textComponent: 'ul' | 'ol' | null = null if (seg.listOptions.type === 'NONE') { - text = text.map((line) => line.replaceAll('\n', '
    ')) + text = text.map((line) => line.replace(/\r\n|\r|\n/g, '
    ')) } else { switch (seg.listOptions.type) { case 'UNORDERED': { diff --git a/src/codegen/responsive/ResponsiveCodegen.ts b/src/codegen/responsive/ResponsiveCodegen.ts index 06f0f54..621a2e5 100644 --- a/src/codegen/responsive/ResponsiveCodegen.ts +++ b/src/codegen/responsive/ResponsiveCodegen.ts @@ -1,5 +1,8 @@ import { Codegen } from '../Codegen' -import { getSelectorPropsForGroup } from '../props/selector' +import { + getSelectorPropsForGroup, + sanitizePropertyName, +} from '../props/selector' import { renderComponent, renderNode } from '../render' import type { NodeTree, Props } from '../types' import { paddingLeftMultiline } from '../utils/padding-left-multiline' @@ -96,6 +99,19 @@ export class ResponsiveCodegen { // If node is INSTANCE or COMPONENT, render as component reference if (firstTree.isComponent) { + // Position props that may need responsive merging + const positionPropKeys = [ + 'pos', + 'top', + 'left', + 'right', + 'bottom', + 'display', + ] + + // Reserved variant keys that should not be passed as props (internal use only) + const reservedVariantKeys = ['effect', 'viewport'] + // For components, we might still need position props const propsMap = new Map() for (const [bp, tree] of treesByBreakpoint) { @@ -108,15 +124,35 @@ export class ResponsiveCodegen { if (tree.props.display) posProps.display = tree.props.display propsMap.set(bp, posProps) } - const mergedProps = mergePropsToResponsive(propsMap) + const mergedPositionProps = mergePropsToResponsive(propsMap) + + // Extract variant props (non-position props) - these are Instance variant values + // They should be the same across breakpoints, so just use firstTree + // Filter out reserved variant keys (effect, viewport) which are used internally + const variantProps: Props = {} + for (const [key, value] of Object.entries(firstTree.props)) { + const lowerKey = key.toLowerCase() + const isPositionProp = positionPropKeys.includes(key) + const isReservedVariant = reservedVariantKeys.some( + (r) => lowerKey === r, + ) + if (!isPositionProp && !isReservedVariant) { + variantProps[key] = value + } + } // If component has position props, wrap in Box - if (Object.keys(mergedProps).length > 0) { - const componentCode = renderNode(firstTree.component, {}, depth + 1, []) - return renderNode('Box', mergedProps, depth, [componentCode]) + if (Object.keys(mergedPositionProps).length > 0) { + const componentCode = renderNode( + firstTree.component, + variantProps, + 0, + [], + ) + return renderNode('Box', mergedPositionProps, depth, [componentCode]) } - return renderNode(firstTree.component, {}, depth, []) + return renderNode(firstTree.component, variantProps, depth, []) } // Handle WRAPPER nodes (position wrapper for components) @@ -136,9 +172,7 @@ export class ResponsiveCodegen { } const innerCode = - innerTrees.size > 0 - ? this.generateMergedCode(innerTrees, depth + 1) - : '' + innerTrees.size > 0 ? this.generateMergedCode(innerTrees, 0) : '' return renderNode('Box', mergedProps, depth, innerCode ? [innerCode] : []) } @@ -283,7 +317,8 @@ export class ResponsiveCodegen { componentSet.componentPropertyDefinitions, )) { if (name.toLowerCase() !== 'viewport' && definition.type === 'VARIANT') { - variants[name] = + const sanitizedName = sanitizePropertyName(name) + variants[sanitizedName] = definition.variantOptions?.map((opt) => `'${opt}'`).join(' | ') || '' } } @@ -373,7 +408,7 @@ export class ResponsiveCodegen { // Generate merged responsive code const mergedCode = responsiveCodegen.generateMergedCode( treesByBreakpoint, - 2, + 0, ) results.push([ @@ -410,6 +445,8 @@ export class ResponsiveCodegen { // Get all variant keys excluding viewport and effect const otherVariantKeys: string[] = [] const variants: Record = {} + // Map from original name to sanitized name + const variantKeyToSanitized: Record = {} for (const [name, definition] of Object.entries( componentSet.componentPropertyDefinitions, )) { @@ -419,8 +456,10 @@ export class ResponsiveCodegen { // viewport is handled by responsive merging // effect is handled by getSelectorProps (pseudo-selectors like _hover, _active) if (lowerName !== 'viewport' && lowerName !== 'effect') { - otherVariantKeys.push(name) - variants[name] = + const sanitizedName = sanitizePropertyName(name) + otherVariantKeys.push(name) // Keep original for Figma data access + variantKeyToSanitized[name] = sanitizedName + variants[sanitizedName] = definition.variantOptions?.map((opt) => `'${opt}'`).join(' | ') || '' } @@ -457,23 +496,40 @@ export class ResponsiveCodegen { // Group by ALL variant keys combined, then by viewport within each group // e.g., for size+variant: { "Md|primary" => { "mobile" => Component, "pc" => Component }, ... } - // Build a composite key from all variant values + // Reverse mapping from sanitized to original names + const sanitizedToOriginal: Record = {} + for (const [original, sanitized] of Object.entries(variantKeyToSanitized)) { + sanitizedToOriginal[sanitized] = original + } + + // Sanitized variant keys for code generation + const sanitizedVariantKeys = otherVariantKeys.map( + (key) => variantKeyToSanitized[key], + ) + + // Build a composite key from all variant values (using sanitized names) const buildCompositeKey = ( variantProps: Record, ): string => { return otherVariantKeys - .map((key) => `${key}=${variantProps[key] || '__default__'}`) + .map((key) => { + const sanitizedKey = variantKeyToSanitized[key] + return `${sanitizedKey}=${variantProps[key] || '__default__'}` + }) .join('|') } - // Parse composite key back to variant values - const parseCompositeKey = ( + // Parse composite key to original Figma variant names (for getSelectorPropsForGroup) + const parseCompositeKeyToOriginal = ( compositeKey: string, ): Record => { const result: Record = {} for (const part of compositeKey.split('|')) { - const [key, value] = part.split('=') - result[key] = value + const [sanitizedKey, value] = part.split('=') + const originalKey = sanitizedToOriginal[sanitizedKey] + if (originalKey) { + result[originalKey] = value + } } return result } @@ -520,7 +576,8 @@ export class ResponsiveCodegen { >() for (const [compositeKey, viewportComponents] of byCompositeVariant) { - const variantFilter = parseCompositeKey(compositeKey) + // Use original names for Figma data access + const variantFilter = parseCompositeKeyToOriginal(compositeKey) const treesByBreakpoint = new Map() for (const [bp, component] of viewportComponents) { @@ -548,9 +605,9 @@ export class ResponsiveCodegen { // Step 2: Merge across variant values, handling multiple variant keys const mergedCode = responsiveCodegen.generateMultiVariantMergedCode( - otherVariantKeys, + sanitizedVariantKeys, responsivePropsByComposite, - 2, + 0, ) const result: Array = [ @@ -584,7 +641,7 @@ export class ResponsiveCodegen { } // Render the tree to JSX - const code = Codegen.renderTree(tree, 2) + const code = Codegen.renderTree(tree, 0) // No variant props needed since effect is handled via pseudo-selectors const result: Array = [ @@ -649,10 +706,12 @@ export class ResponsiveCodegen { // Generate merged code with variant conditionals const responsiveCodegen = new ResponsiveCodegen(null) + // Use sanitized variant key for code generation (e.g., "속성 1" -> "property1") + const sanitizedPrimaryVariantKey = sanitizePropertyName(primaryVariantKey) const mergedCode = responsiveCodegen.generateVariantOnlyMergedCode( - primaryVariantKey, + sanitizedPrimaryVariantKey, treesByVariant, - 2, + 0, ) const result: Array = [ diff --git a/src/codegen/responsive/__tests__/ResponsiveCodegen.test.ts b/src/codegen/responsive/__tests__/ResponsiveCodegen.test.ts index 18a6cf2..1783fb1 100644 --- a/src/codegen/responsive/__tests__/ResponsiveCodegen.test.ts +++ b/src/codegen/responsive/__tests__/ResponsiveCodegen.test.ts @@ -1416,6 +1416,103 @@ describe('ResponsiveCodegen', () => { expect(code).not.toMatch(/"outline":\{[^}]*"primary":/) }) + it('handles effect-only component set (no viewport, no other variants)', async () => { + // Component set with only effect variant (default, hover, active) + // This triggers generateEffectOnlyComponents + const createComponent = ( + effect: string, + bgColor: { r: number; g: number; b: number }, + ) => + ({ + type: 'COMPONENT', + name: `effect=${effect}`, + variantProperties: { effect }, + children: [], + layoutMode: 'HORIZONTAL', + width: 200, + height: 50, + fills: [ + { + type: 'SOLID', + visible: true, + color: bgColor, + opacity: 1, + }, + ], + reactions: [], + }) as unknown as ComponentNode + + const defaultColor = { r: 0.5, g: 0.5, b: 0.5 } // #808080 + const hoverColor = { r: 0.6, g: 0.6, b: 0.6 } // #999999 + const activeColor = { r: 0.4, g: 0.4, b: 0.4 } // #666666 + + const componentSet = { + type: 'COMPONENT_SET', + name: 'EffectOnlyButton', + componentPropertyDefinitions: { + effect: { + type: 'VARIANT', + defaultValue: 'default', + variantOptions: ['default', 'hover', 'active'], + }, + }, + children: [ + createComponent('default', defaultColor), + createComponent('hover', hoverColor), + createComponent('active', activeColor), + ], + defaultVariant: null as ComponentNode | null, + } as unknown as ComponentSetNode + + // Set default variant + ;(componentSet as { defaultVariant: ComponentNode }).defaultVariant = + componentSet.children[0] as ComponentNode + + const result = + await ResponsiveCodegen.generateVariantResponsiveComponents( + componentSet, + 'EffectOnlyButton', + ) + + expect(result.length).toBe(1) + expect(result[0][0]).toBe('EffectOnlyButton') + + const code = result[0][1] + + // Should NOT have effect in the interface (handled as pseudo-selectors) + expect(code).not.toMatch(/effect:\s*['"]/) + // Should have _hover pseudo-selector + expect(code).toContain('_hover') + // Should have _active pseudo-selector + expect(code).toContain('_active') + }) + + it('handles effect-only component set returning empty when no defaultVariant', async () => { + // Component set with only effect variant but no defaultVariant + const componentSet = { + type: 'COMPONENT_SET', + name: 'NoDefaultVariant', + componentPropertyDefinitions: { + effect: { + type: 'VARIANT', + defaultValue: 'default', + variantOptions: ['default', 'hover'], + }, + }, + children: [], + defaultVariant: null, + } as unknown as ComponentSetNode + + const result = + await ResponsiveCodegen.generateVariantResponsiveComponents( + componentSet, + 'NoDefaultVariant', + ) + + // Should return empty array when no defaultVariant + expect(result).toEqual([]) + }) + it('prefers variant key with fewer entries via createNestedVariantProp', () => { // When a prop exists only in white variant (for both Md and Sm sizes), // using 'variant' as outer key produces 1 entry: { white: "..." }[variant] @@ -1605,5 +1702,396 @@ describe('ResponsiveCodegen', () => { expect(result[0]).toContain('as="br"') expect(result[0]).toContain('display') }) + + it('returns empty array when no breakpoints have text', () => { + const treesByBreakpoint = new Map< + import('../index').BreakpointKey, + NodeTree + >([ + [ + 'pc', + { + component: 'Text', + props: {}, + children: [], + nodeType: 'TEXT', + nodeName: 'Text', + textChildren: [], // Empty textChildren + }, + ], + ]) + + const codegen = new ResponsiveCodegen(null) + const result = ( + codegen as unknown as { + mergeTextChildrenAcrossBreakpoints: ( + trees: Map, + ) => string[] + } + ).mergeTextChildrenAcrossBreakpoints(treesByBreakpoint) + + // Should return empty array or first text children (which is empty) + expect(result).toEqual([]) + }) + }) + + describe('calculateNestingCost', () => { + it('returns 0 for scalar values', () => { + const generator = new ResponsiveCodegen(null) + const result = ( + generator as unknown as { + calculateNestingCost: (value: unknown) => number + } + ).calculateNestingCost('scalar') + + expect(result).toBe(0) + }) + + it('returns 0 for null values', () => { + const generator = new ResponsiveCodegen(null) + const result = ( + generator as unknown as { + calculateNestingCost: (value: unknown) => number + } + ).calculateNestingCost(null) + + expect(result).toBe(0) + }) + + it('returns 1 for simple variant prop', () => { + const generator = new ResponsiveCodegen(null) + const result = ( + generator as unknown as { + calculateNestingCost: (value: unknown) => number + } + ).calculateNestingCost({ + __variantProp: true, + variantKey: 'size', + values: { Md: 'value1', Sm: 'value2' }, + }) + + expect(result).toBe(1) + }) + + it('returns 2 for nested variant prop', () => { + const generator = new ResponsiveCodegen(null) + const result = ( + generator as unknown as { + calculateNestingCost: (value: unknown) => number + } + ).calculateNestingCost({ + __variantProp: true, + variantKey: 'variant', + values: { + primary: { + __variantProp: true, + variantKey: 'size', + values: { Md: 'value1', Sm: 'value2' }, + }, + white: 'scalar', + }, + }) + + expect(result).toBe(2) + }) + }) + + describe('generateVariantOnlyMergedCode with textChildren', () => { + it('handles TEXT nodes with textChildren', () => { + const generator = new ResponsiveCodegen(null) + + const treesByVariant = new Map([ + [ + 'scroll', + { + component: 'Text', + props: { fontSize: '14px' }, + children: [], + nodeType: 'TEXT', + nodeName: 'Label', + textChildren: ['Hello'], + }, + ], + [ + 'default', + { + component: 'Text', + props: { fontSize: '16px' }, + children: [], + nodeType: 'TEXT', + nodeName: 'Label', + textChildren: ['Hello'], + }, + ], + ]) + + const result = generator.generateVariantOnlyMergedCode( + 'status', + treesByVariant, + 0, + ) + + // Should render Text component with textChildren + expect(result).toContain('Text') + expect(result).toContain('Hello') + }) + }) + + describe('generateNestedVariantMergedCode with textChildren', () => { + it('handles TEXT nodes with textChildren in nested variant', () => { + const generator = new ResponsiveCodegen(null) + + const treesByComposite = new Map([ + [ + 'size=Md|variant=primary', + { + component: 'Text', + props: { fontSize: '14px' }, + children: [], + nodeType: 'TEXT', + nodeName: 'Label', + textChildren: ['Button'], + }, + ], + [ + 'size=Sm|variant=primary', + { + component: 'Text', + props: { fontSize: '12px' }, + children: [], + nodeType: 'TEXT', + nodeName: 'Label', + textChildren: ['Button'], + }, + ], + ]) + + const result = ( + generator as unknown as { + generateNestedVariantMergedCode: ( + variantKeys: string[], + trees: Map, + depth: number, + ) => string + } + ).generateNestedVariantMergedCode( + ['size', 'variant'], + treesByComposite, + 0, + ) + + // Should render Text component with textChildren + expect(result).toContain('Text') + expect(result).toContain('Button') + }) + }) + + describe('generateMergedCode with isComponent', () => { + it('handles component nodes without position props', () => { + const generator = new ResponsiveCodegen(null) + + const treesByBreakpoint = new Map< + import('../index').BreakpointKey, + NodeTree + >([ + [ + 'mobile', + { + component: 'Button', + props: { variant: 'primary' }, + children: [], + nodeType: 'INSTANCE', + nodeName: 'Button', + isComponent: true, + }, + ], + [ + 'pc', + { + component: 'Button', + props: { variant: 'primary' }, + children: [], + nodeType: 'INSTANCE', + nodeName: 'Button', + isComponent: true, + }, + ], + ]) + + const result = generator.generateMergedCode(treesByBreakpoint, 0) + + // Should render component without Box wrapper since no position props + expect(result).toContain('Button') + }) + + it('handles component nodes with position props', () => { + const generator = new ResponsiveCodegen(null) + + const treesByBreakpoint = new Map< + import('../index').BreakpointKey, + NodeTree + >([ + [ + 'mobile', + { + component: 'Button', + props: { variant: 'primary', pos: 'absolute', top: '10px' }, + children: [], + nodeType: 'INSTANCE', + nodeName: 'Button', + isComponent: true, + }, + ], + [ + 'pc', + { + component: 'Button', + props: { variant: 'primary', pos: 'absolute', top: '20px' }, + children: [], + nodeType: 'INSTANCE', + nodeName: 'Button', + isComponent: true, + }, + ], + ]) + + const result = generator.generateMergedCode(treesByBreakpoint, 0) + + // Should render Box wrapper with position props + expect(result).toContain('Box') + expect(result).toContain('Button') + }) + + it('handles component nodes with reserved variant keys (effect, viewport)', () => { + const generator = new ResponsiveCodegen(null) + + const treesByBreakpoint = new Map< + import('../index').BreakpointKey, + NodeTree + >([ + [ + 'mobile', + { + component: 'Button', + props: { variant: 'primary', effect: 'hover', viewport: 'mobile' }, + children: [], + nodeType: 'INSTANCE', + nodeName: 'Button', + isComponent: true, + }, + ], + [ + 'pc', + { + component: 'Button', + props: { variant: 'primary', effect: 'default', viewport: 'pc' }, + children: [], + nodeType: 'INSTANCE', + nodeName: 'Button', + isComponent: true, + }, + ], + ]) + + const result = generator.generateMergedCode(treesByBreakpoint, 0) + + // Should filter out effect and viewport from variant props + expect(result).toContain('Button') + expect(result).toContain('variant') + // effect and viewport should NOT be in the output props + expect(result).not.toContain('"effect"') + expect(result).not.toContain('"viewport"') + }) + }) + + describe('generateMergedCode with WRAPPER nodeType', () => { + it('handles WRAPPER nodes with inner component', () => { + const generator = new ResponsiveCodegen(null) + + const treesByBreakpoint = new Map< + import('../index').BreakpointKey, + NodeTree + >([ + [ + 'mobile', + { + component: 'Box', + props: { pos: 'absolute', top: '10px' }, + children: [ + { + component: 'Button', + props: { variant: 'primary' }, + children: [], + nodeType: 'INSTANCE', + nodeName: 'Button', + isComponent: true, + }, + ], + nodeType: 'WRAPPER', + nodeName: 'Wrapper', + }, + ], + [ + 'pc', + { + component: 'Box', + props: { pos: 'absolute', top: '20px' }, + children: [ + { + component: 'Button', + props: { variant: 'primary' }, + children: [], + nodeType: 'INSTANCE', + nodeName: 'Button', + isComponent: true, + }, + ], + nodeType: 'WRAPPER', + nodeName: 'Wrapper', + }, + ], + ]) + + const result = generator.generateMergedCode(treesByBreakpoint, 0) + + // Should render Box wrapper with inner component + expect(result).toContain('Box') + expect(result).toContain('Button') + }) + + it('handles WRAPPER nodes without children', () => { + const generator = new ResponsiveCodegen(null) + + const treesByBreakpoint = new Map< + import('../index').BreakpointKey, + NodeTree + >([ + [ + 'mobile', + { + component: 'Box', + props: { pos: 'absolute' }, + children: [], + nodeType: 'WRAPPER', + nodeName: 'Wrapper', + }, + ], + [ + 'pc', + { + component: 'Box', + props: { pos: 'absolute' }, + children: [], + nodeType: 'WRAPPER', + nodeName: 'Wrapper', + }, + ], + ]) + + const result = generator.generateMergedCode(treesByBreakpoint, 0) + + // Should render Box without inner children + expect(result).toContain('Box') + }) }) }) diff --git a/src/codegen/responsive/__tests__/__snapshots__/ResponsiveCodegen.test.ts.snap b/src/codegen/responsive/__tests__/__snapshots__/ResponsiveCodegen.test.ts.snap index 2a71efb..7184667 100644 --- a/src/codegen/responsive/__tests__/__snapshots__/ResponsiveCodegen.test.ts.snap +++ b/src/codegen/responsive/__tests__/__snapshots__/ResponsiveCodegen.test.ts.snap @@ -2,4 +2,4 @@ exports[`ResponsiveCodegen generateVariantOnlyMergedCode renders OR conditional for child existing in multiple but not all variants 1`] = `"render:Flex:depth=0:{}|{(status === "scroll" || status === "hover") && render:Box:depth=0:{"id":{"__variantProp":true,"variantKey":"status","values":{"scroll":"PartialChild","hover":"PartialChildHover"}}}|}"`; -exports[`ResponsiveCodegen generateVariantResponsiveComponents handles effect + viewport + size + variant (4 dimensions) 1`] = `"component:Button:{"size":"'Md' | 'Sm'","variant":"'primary' | 'white'"}|render:Box:depth=2:{"id":"RootTablet","_hover":{"bg":{"__variantProp":true,"variantKey":"variant","values":{"primary":"#3D2B1F","white":"#F2F2F2"}}},"_active":{"bg":{"__variantProp":true,"variantKey":"variant","values":{"primary":"#30241A","white":"#E6E6E6"}}}}|render:Box:depth=0:{"id":"Shared"}|"`; +exports[`ResponsiveCodegen generateVariantResponsiveComponents handles effect + viewport + size + variant (4 dimensions) 1`] = `"component:Button:{"size":"'Md' | 'Sm'","variant":"'primary' | 'white'"}|render:Box:depth=0:{"id":"RootTablet","_hover":{"bg":{"__variantProp":true,"variantKey":"variant","values":{"primary":"#3D2B1F","white":"#F2F2F2"}}},"_active":{"bg":{"__variantProp":true,"variantKey":"variant","values":{"primary":"#30241A","white":"#E6E6E6"}}}}|render:Box:depth=0:{"id":"Shared"}|"`; diff --git a/src/codegen/utils/__tests__/assemble-node-tree.test.ts b/src/codegen/utils/__tests__/assemble-node-tree.test.ts index c2c3890..318cfbc 100644 --- a/src/codegen/utils/__tests__/assemble-node-tree.test.ts +++ b/src/codegen/utils/__tests__/assemble-node-tree.test.ts @@ -271,6 +271,29 @@ describe('assembleNodeTree', () => { // Child should still be an object expect((rootNode.children?.[0] as { id: string })?.id).toBe('child-1') }) + + test('should fallback to first node when all nodes have parent set', () => { + // Edge case: all nodes have parent set (e.g., circular or all have parent references) + const nodes = [ + { + id: 'node-1', + name: 'Node1', + type: 'FRAME', + parent: { id: 'some-parent', name: 'SomeParent', type: 'FRAME' }, // Has parent set + }, + { + id: 'node-2', + name: 'Node2', + type: 'FRAME', + parent: { id: 'another-parent', name: 'AnotherParent', type: 'FRAME' }, // Has parent set + }, + ] + + const rootNode = assembleNodeTree(nodes) + + // Should fallback to the first node from nodeMap + expect(rootNode.id).toBe('node-1') + }) }) describe('setupVariableMocks', () => { diff --git a/src/codegen/utils/__tests__/extract-instance-variant-props.test.ts b/src/codegen/utils/__tests__/extract-instance-variant-props.test.ts new file mode 100644 index 0000000..e057746 --- /dev/null +++ b/src/codegen/utils/__tests__/extract-instance-variant-props.test.ts @@ -0,0 +1,154 @@ +import { describe, expect, test } from 'bun:test' +import { extractInstanceVariantProps } from '../extract-instance-variant-props' + +describe('extractInstanceVariantProps', () => { + test('extracts VARIANT type props with sanitized keys', () => { + // Figma componentProperties keys include node IDs like "property#nodeId:uniqueId" + const node = { + componentProperties: { + 'status#123:456': { type: 'VARIANT', value: 'scroll' }, + 'size#789:012': { type: 'VARIANT', value: 'Md' }, + }, + } as unknown as InstanceNode + + const result = extractInstanceVariantProps(node) + + // sanitizePropertyName keeps alphanumeric characters + expect(result).toEqual({ + status123456: 'scroll', + size789012: 'Md', + }) + }) + + test('ignores non-VARIANT type props', () => { + const node = { + componentProperties: { + 'status#123:456': { type: 'VARIANT', value: 'active' }, + 'label#789:012': { type: 'TEXT', value: 'Click me' }, + 'visible#345:678': { type: 'BOOLEAN', value: true }, + }, + } as unknown as InstanceNode + + const result = extractInstanceVariantProps(node) + + expect(result).toEqual({ + status123456: 'active', + }) + }) + + test('returns empty object when componentProperties is undefined', () => { + const node = { + componentProperties: undefined, + } as unknown as InstanceNode + + const result = extractInstanceVariantProps(node) + + expect(result).toEqual({}) + }) + + test('returns empty object when componentProperties is null', () => { + const node = { + componentProperties: null, + } as unknown as InstanceNode + + const result = extractInstanceVariantProps(node) + + expect(result).toEqual({}) + }) + + test('handles Korean property names (속성 -> property)', () => { + const node = { + componentProperties: { + '속성 1#789:012': { type: 'VARIANT', value: '값1' }, + }, + } as unknown as InstanceNode + + const result = extractInstanceVariantProps(node) + + // sanitizePropertyName converts "속성 1" to "property1" + expect(result.property1789012).toBe('값1') + }) + + test('converts values to string', () => { + const node = { + componentProperties: { + count: { type: 'VARIANT', value: 5 }, + }, + } as unknown as InstanceNode + + const result = extractInstanceVariantProps(node) + + expect(result.count).toBe('5') + expect(typeof result.count).toBe('string') + }) + + test('handles simple property names without node IDs', () => { + const node = { + componentProperties: { + status: { type: 'VARIANT', value: 'active' }, + variant: { type: 'VARIANT', value: 'primary' }, + }, + } as unknown as InstanceNode + + const result = extractInstanceVariantProps(node) + + expect(result).toEqual({ + status: 'active', + variant: 'primary', + }) + }) + + test('filters out reserved "effect" variant key', () => { + const node = { + componentProperties: { + status: { type: 'VARIANT', value: 'active' }, + effect: { type: 'VARIANT', value: 'hover' }, + 'Effect#123:456': { type: 'VARIANT', value: 'pressed' }, + }, + } as unknown as InstanceNode + + const result = extractInstanceVariantProps(node) + + expect(result).toEqual({ + status: 'active', + }) + expect(result.effect).toBeUndefined() + expect(result.Effect123456).toBeUndefined() + }) + + test('filters out reserved "viewport" variant key', () => { + const node = { + componentProperties: { + status: { type: 'VARIANT', value: 'active' }, + viewport: { type: 'VARIANT', value: 'desktop' }, + 'Viewport#123:456': { type: 'VARIANT', value: 'mobile' }, + }, + } as unknown as InstanceNode + + const result = extractInstanceVariantProps(node) + + expect(result).toEqual({ + status: 'active', + }) + expect(result.viewport).toBeUndefined() + expect(result.Viewport123456).toBeUndefined() + }) + + test('filters out both effect and viewport but keeps other variants', () => { + const node = { + componentProperties: { + status: { type: 'VARIANT', value: 'scroll' }, + size: { type: 'VARIANT', value: 'Md' }, + effect: { type: 'VARIANT', value: 'default' }, + viewport: { type: 'VARIANT', value: 'desktop' }, + }, + } as unknown as InstanceNode + + const result = extractInstanceVariantProps(node) + + expect(result).toEqual({ + status: 'scroll', + size: 'Md', + }) + }) +}) diff --git a/src/codegen/utils/__tests__/props-to-str.test.ts b/src/codegen/utils/__tests__/props-to-str.test.ts index 5b2311c..2ce0367 100644 --- a/src/codegen/utils/__tests__/props-to-str.test.ts +++ b/src/codegen/utils/__tests__/props-to-str.test.ts @@ -110,7 +110,7 @@ describe('propsToString', () => { expect(res).toContain('[size]') }) - test('VariantPropValue does not trigger newline separator between props', () => { + test('VariantPropValue triggers newline separator between props', () => { const variantProp = createVariantPropValue('status', { scroll: '10px', default: '20px', @@ -120,11 +120,11 @@ describe('propsToString', () => { h: '100px', bg: 'red', }) - // Props should be separated by space (not newline between props) - // But the VariantPropValue itself uses multiline format internally + // VariantPropValue should trigger multiline format for all props expect(res).toContain('bg="red"') expect(res).toContain('h="100px"') expect(res).toContain('[status]') + expect(res).toContain('\n') }) test('handles VariantPropValue with object values', () => { @@ -212,14 +212,24 @@ describe('propsToString', () => { expect(res).toContain('[size]') }) - test('handles VariantPropValue with single entry (inline format)', () => { - // Single entry should use inline format + test('handles VariantPropValue with single entry (conditional format)', () => { + // Single entry should use conditional expression format const variantProp = createVariantPropValue('status', { scroll: '10px', }) const res = propsToString({ w: variantProp }) - // Single entry with primitive value uses inline format - expect(res).toContain('{ scroll: "10px" }[status]') + // Single entry with primitive value uses conditional expression format + expect(res).toContain('status === \'scroll\' && "10px"') + }) + + test('handles VariantPropValue with single entry containing spaces in key', () => { + // Single entry with space in key should use conditional expression format + const variantProp = createVariantPropValue('property1', { + 'Frame 646': 'solid 1px $border', + }) + const res = propsToString({ border: variantProp }) + // Key with spaces is properly quoted in conditional expression + expect(res).toContain('property1 === \'Frame 646\' && "solid 1px $border"') }) test('handles VariantPropValue with null values', () => { @@ -278,20 +288,20 @@ describe('propsToString', () => { expect(res).toContain('default: "30px"') }) - test('valueToJsxString handles number and boolean in inline format', () => { - // Tests lines 11-12 (number/boolean handling in valueToJsxString) - // Single entry avoids multiline format, so valueToJsxString is used + test('valueToJsxString handles number and boolean in conditional format', () => { + // Tests number/boolean handling in valueToJsxString + // Single entry uses conditional expression format const variantPropNumber = createVariantPropValue('status', { active: 42, }) const res1 = propsToString({ count: variantPropNumber }) - expect(res1).toContain('{ active: 42 }[status]') + expect(res1).toContain("status === 'active' && 42") const variantPropBool = createVariantPropValue('status', { active: true, }) const res2 = propsToString({ visible: variantPropBool }) - expect(res2).toContain('{ active: true }[status]') + expect(res2).toContain("status === 'active' && true") }) test('valueToJsxString handles array in inline format', () => { @@ -306,9 +316,9 @@ describe('propsToString', () => { expect(res).toContain('active:') }) - test('valueToJsxString handles nested VariantPropValue in inline format', () => { - // Tests lines 19-20 (VariantPropValue handling in valueToJsxString) - // This creates a VariantPropValue inside another, but only 1 entry + test('valueToJsxString handles nested VariantPropValue in conditional format', () => { + // Tests VariantPropValue handling in valueToJsxString + // This creates a VariantPropValue inside another, but only 1 entry each const inner = createVariantPropValue('size', { sm: '10px', }) @@ -317,7 +327,8 @@ describe('propsToString', () => { }) const res = propsToString({ w: outer }) expect(res).toContain('[status]') - expect(res).toContain('[size]') + // Inner single-entry VariantPropValue uses conditional format + expect(res).toContain("size === 'sm'") }) test('valueToJsxString handles plain object in inline format', () => { @@ -395,4 +406,78 @@ describe('propsToString', () => { expect(res).toContain('"onClick":') expect(res).toContain('function') }) + + test('handles VariantPropValue with keys containing spaces', () => { + const variantProp = createVariantPropValue('property1', { + 'Frame 646': '$containerBackground', + 'Frame 647': '$primaryAccent', + }) + const res = propsToString({ bg: variantProp }) + // Keys with spaces should be quoted + expect(res).toContain("'Frame 646': ") + expect(res).toContain("'Frame 647': ") + expect(res).toContain('[property1]') + }) + + test('handles VariantPropValue with keys containing special characters', () => { + const variantProp = createVariantPropValue('status', { + 'my-value': '10px', + 'another.value': '20px', + }) + const res = propsToString({ w: variantProp }) + expect(res).toContain("'my-value': ") + expect(res).toContain("'another.value': ") + }) + + test('handles VariantPropValue with valid identifier keys (no quotes)', () => { + const variantProp = createVariantPropValue('status', { + scroll: '10px', + _default: '20px', + $special: '30px', + }) + const res = propsToString({ w: variantProp }) + // Valid identifiers should NOT be quoted + expect(res).toContain('scroll: ') + expect(res).toContain('_default: ') + expect(res).toContain('$special: ') + expect(res).not.toContain("'scroll'") + expect(res).not.toContain("'_default'") + expect(res).not.toContain("'$special'") + }) + + test('typography prop uses as const for literal type inference', () => { + const variantProp = createVariantPropValue('property1', { + 'Frame 646': 'body', + 'Frame 647': 'bodyBold', + }) + const res = propsToString({ typography: variantProp }) + // typography should use as const pattern + expect(res).toContain('as const') + expect(res).toContain(')[property1]') + expect(res).toContain('\'Frame 646\': "body"') + expect(res).toContain('\'Frame 647\': "bodyBold"') + }) + + test('typography prop with single entry uses as const (not conditional)', () => { + const variantProp = createVariantPropValue('property1', { + 'Frame 646': 'body', + }) + const res = propsToString({ typography: variantProp }) + // Single entry typography should still use object pattern with as const + expect(res).toContain('as const') + expect(res).toContain('[property1]') + // Should NOT use conditional expression for typography + expect(res).not.toContain("property1 === 'Frame 646'") + }) + + test('non-typography prop does not use as const', () => { + const variantProp = createVariantPropValue('property1', { + 'Frame 646': 'body', + 'Frame 647': 'bodyBold', + }) + const res = propsToString({ fontFamily: variantProp }) + // non-typography props should NOT use as const + expect(res).not.toContain('as const') + expect(res).toContain('[property1]') + }) }) diff --git a/src/codegen/utils/assemble-node-tree.ts b/src/codegen/utils/assemble-node-tree.ts index 0373984..5dbfd6b 100644 --- a/src/codegen/utils/assemble-node-tree.ts +++ b/src/codegen/utils/assemble-node-tree.ts @@ -222,6 +222,12 @@ export function assembleNodeTree( } } - // 3. 첫 번째 노드(루트) 반환 + // 3. parent가 없는 노드(루트) 찾아서 반환 + for (const node of nodeMap.values()) { + if (!node.parent) { + return node + } + } + // fallback: 첫 번째 노드 반환 return nodeMap.get(nodes[0].id) || nodes[0] } diff --git a/src/codegen/utils/extract-instance-variant-props.ts b/src/codegen/utils/extract-instance-variant-props.ts new file mode 100644 index 0000000..91aee50 --- /dev/null +++ b/src/codegen/utils/extract-instance-variant-props.ts @@ -0,0 +1,45 @@ +import { sanitizePropertyName } from '../props/selector' + +/** + * Reserved variant keys that should not be passed as props. + * These are used internally for responsive and effect handling. + */ +const RESERVED_VARIANT_KEYS = ['effect', 'viewport'] + +/** + * Check if a key is a reserved variant key (case-insensitive). + */ +function isReservedVariantKey(key: string): boolean { + const lowerKey = key.toLowerCase() + return RESERVED_VARIANT_KEYS.some( + (reserved) => lowerKey === reserved || lowerKey.startsWith(`${reserved}#`), + ) +} + +/** + * Extract variant props from an Instance node's componentProperties. + * Returns an object with sanitized property names as keys and variant values as string values. + * Filters out reserved variant keys (effect, viewport) which are used internally. + * + * @example + * // Instance with componentProperties: { "status#123": { type: "VARIANT", value: "scroll" } } + * // Returns: { status: "scroll" } + */ +export function extractInstanceVariantProps( + node: InstanceNode, +): Record { + const variantProps: Record = {} + + if (!node.componentProperties) { + return variantProps + } + + for (const [key, prop] of Object.entries(node.componentProperties)) { + if (prop.type === 'VARIANT' && !isReservedVariantKey(key)) { + const sanitizedKey = sanitizePropertyName(key) + variantProps[sanitizedKey] = String(prop.value) + } + } + + return variantProps +} diff --git a/src/codegen/utils/padding-left-multiline.ts b/src/codegen/utils/padding-left-multiline.ts index 19a3f12..f2e0b3a 100644 --- a/src/codegen/utils/padding-left-multiline.ts +++ b/src/codegen/utils/padding-left-multiline.ts @@ -1,9 +1,27 @@ import { space } from '../../utils' -export function paddingLeftMultiline(code: string, dep = 0) { - if (dep === 0) return code +/** + * 코드 블록의 각 줄에 들여쓰기 추가 + */ +export function paddingLeftMultiline(code: string, depth = 0) { + if (depth === 0) return code return code .split('\n') - .map((line) => space(dep) + line) + .map((line) => space(depth) + line) .join('\n') } + +/** + * return 문으로 JSX 코드를 래핑 + * - 한 줄: `` + * - 여러 줄: `(\n \n \n )` + */ +export function wrapReturnStatement(code: string, baseDepth = 1): string { + const hasNewLine = code.includes('\n') + if (!hasNewLine) { + return code.trim().replace(/\s+/g, ' ') + } + // 멀티라인: ( ... ) + const indentedCode = paddingLeftMultiline(code, baseDepth + 1) + return `(\n${indentedCode}\n${space(baseDepth)})` +} diff --git a/src/codegen/utils/props-to-str.ts b/src/codegen/utils/props-to-str.ts index e1f9978..3893adc 100644 --- a/src/codegen/utils/props-to-str.ts +++ b/src/codegen/utils/props-to-str.ts @@ -1,5 +1,21 @@ import { isVariantPropValue } from '../responsive' +/** + * Check if a string is a valid JavaScript identifier. + * If not, it needs to be quoted when used as an object key. + */ +function needsQuotes(key: string): boolean { + // Valid identifier: starts with letter/$/_, contains only letters/digits/$/_ + return !/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key) +} + +/** + * Format an object key, adding quotes if necessary. + */ +function formatObjectKey(key: string): string { + return needsQuotes(key) ? `'${key}'` : key +} + /** * Convert a value to its JSX string representation. * Handles primitives, arrays, objects, and VariantPropValue. @@ -47,6 +63,7 @@ function needsMultilineFormat(values: Record): boolean { /** * Format a VariantPropValue as JSX: { scroll: [...], default: [...] }[status] * Uses multiline format when values are complex (arrays, objects, nested variants). + * When asConst is true, wraps with parentheses and adds 'as const' for literal type inference. */ function formatVariantPropValue( variantProp: { @@ -54,8 +71,18 @@ function formatVariantPropValue( values: Record }, indent: number = 0, + asConst: boolean = false, ): string { const entries = Object.entries(variantProp.values) + const accessor = `[${variantProp.variantKey}]` + + // Helper to wrap with as const if needed + const wrapAsConst = (objStr: string) => { + if (asConst) { + return `(${objStr} as const)${accessor}` + } + return `${objStr}${accessor}` + } // Use multiline format for complex values if (needsMultilineFormat(variantProp.values)) { @@ -63,16 +90,25 @@ function formatVariantPropValue( const closingSpaces = ' '.repeat(indent) const parts = entries.map(([variant, value]) => { const formattedValue = formatValueWithIndent(value, indent + 1) - return `${spaces}${variant}: ${formattedValue}` + return `${spaces}${formatObjectKey(variant)}: ${formattedValue}` }) - return `{\n${parts.join(',\n')}\n${closingSpaces}}[${variantProp.variantKey}]` + const obj = `{\n${parts.join(',\n')}\n${closingSpaces}}` + return wrapAsConst(obj) + } + + // For single entry with primitive value, use conditional expression (unless asConst) + // e.g., property1 === 'Frame 646' && 'solid 1px $border' + if (entries.length === 1 && !asConst) { + const [variant, value] = entries[0] + return `${variantProp.variantKey} === '${variant}' && ${valueToJsxString(value)}` } - // Simple inline format for primitive values + // Simple inline format for primitive values (2+ entries or asConst with single entry) const parts = entries.map(([variant, value]) => { - return `${variant}: ${valueToJsxString(value)}` + return `${formatObjectKey(variant)}: ${valueToJsxString(value)}` }) - return `{ ${parts.join(', ')} }[${variantProp.variantKey}]` + const obj = `{ ${parts.join(', ')} }` + return wrapAsConst(obj) } /** @@ -154,7 +190,8 @@ export function propsToString(props: Record) { if (typeof value === 'boolean') return `${key}${value ? '' : `={${value}}`}` // Handle VariantPropValue if (isVariantPropValue(value)) { - return `${key}={${formatVariantPropValue(value)}}` + const asConst = key === 'typography' + return `${key}={${formatVariantPropValue(value, 0, asConst)}}` } // Handle pseudo-selector props (e.g., _hover, _active) which may contain VariantPropValue if (typeof value === 'object' && value !== null && key.startsWith('_')) { @@ -188,7 +225,9 @@ export function propsToString(props: Record) { const separator = Object.keys(props).length >= 5 || Object.values(props).some( - (value) => typeof value === 'object' && !isVariantPropValue(value), + (value) => + (typeof value === 'object' && value !== null) || + isVariantPropValue(value), ) ? '\n' : ' ' diff --git a/src/codegen/utils/wrap-component.ts b/src/codegen/utils/wrap-component.ts index 0e83ee3..ab9f405 100644 --- a/src/codegen/utils/wrap-component.ts +++ b/src/codegen/utils/wrap-component.ts @@ -1,8 +1,17 @@ -import { paddingLeftMultiline } from './padding-left-multiline' +import { wrapReturnStatement } from './padding-left-multiline' -export function wrapComponent(name: string, code: string) { - const hasNewLine = code.includes('\n') - return `export function ${name}() { - return ${hasNewLine ? '(\n' : ''}${paddingLeftMultiline(code, 2)}${hasNewLine ? '\n )' : ''} +interface WrapComponentOptions { + exportDefault?: boolean +} + +export function wrapComponent( + name: string, + code: string, + options: WrapComponentOptions = {}, +) { + const { exportDefault = false } = options + const exportKeyword = exportDefault ? 'export default' : 'export' + return `${exportKeyword} function ${name}() { + return ${wrapReturnStatement(code, 1)} }` }