[ { "id": "c4jqtjnn", "layout": { "id": "899", "meta": { "description": "직접 편집", "icon": "\n" }, "params": { "html": { "name": "html", "label": "HTML", "type": "textarea", "description": "" } }, "defaultValues": { "html": "

hello world!!

" }, "template": "

\n <%= html %>\n

\n\n" }, "values": { "html": "\n" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "1ozi201v", "layout": "899", "values": { "html": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "uktq13y6", "layout": "899", "values": { "html": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "kr0dq50w", "layout": "899", "values": { "html": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "lwjwxhe2", "layout": "899", "values": { "html": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "6uq4w5c9", "layout": "899", "values": { "html": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "nr3reui5", "layout": "899", "values": { "html": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "8r419o9y", "layout": { "id": "103", "meta": { "description": "배경이미지가 있는 1단 텍스트", "icon": "\n" }, "params": { "paddingTop": { "name": "paddingTop", "label": "패딩: 위", "type": "number", "description": "" }, "paddingBottom": { "name": "paddingBottom", "label": "패딩: 아래", "type": "number", "description": "" }, "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "" }, "useTextLeft": { "name": "useTextLeft", "label": "텍스트 왼쪽 정렬", "type": "checkbox", "description": "" }, "backgroundColorOpacity": { "name": "backgroundColorOpacity", "label": "배경 색 투명도", "type": "number", "description": "1~100" }, "backgroundImageUrl": { "name": "backgroundImageUrl", "label": "배경 이미지", "type": "image", "description": "1920 x auto" }, "mobileBackgroundImageUrl": { "name": "mobileBackgroundImageUrl", "label": "모바일 배경 이미지", "type": "image", "description": "" }, "textColor": { "name": "textColor", "label": "텍스트 색", "type": "text", "description": "font color" }, "textSize1": { "name": "textSize1", "label": "텍스트 크기 1", "type": "select", "description": "", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, "text1": { "name": "text1", "label": "텍스트 1", "type": "textarea", "description": "" }, "textSize2": { "name": "textSize2", "label": "텍스트 크기 2", "type": "select", "description": "", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, "text2": { "name": "text2", "label": "텍스트 2", "type": "textarea", "description": "" } }, "defaultValues": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "

rem; padding-bottom: <%=paddingBottom/10%>rem;\">\n

\n <% if (text1) { %>\n

\" style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text1 %>

\n <% } %>\n <% if (text2) { %>\n

\" style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text2 %>

\n <% } %>\n

background: <%= backgroundColor %>; <% } %>opacity: <%= backgroundColorOpacity/100 %>\">

\n" }, "values": { "paddingTop": "80", "paddingBottom": "0", "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202604/092618-1374/3d-01-8.webp", "mobileBackgroundImageUrl": "", "textColor": "#FFF", "textSize1": "fc-content-text", "text1": "💳 K-Digital Training ⭐ 누구나 가능\n", "textSize2": "fc-h6-text", "text2": "
\n비주얼을 넘어 감각으로 : AI 역량으로 완성하는\n
\n\nFX/모션 그래픽 아티스트
\n취업 클래스\n\n\n" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "muiewyv7", "layout": { "id": "405", "meta": { "description": "1~4단 컬러카드", "icon": "\n" }, "params": { "spacingTop": { "name": "spacingTop", "label": "간격: 위", "type": "number", "description": "spacing-top" }, "spacingBottom": { "name": "spacingBottom", "label": "간격: 아래", "type": "number", "description": "spacing-bottom" }, "useTextCenter": { "name": "useTextCenter", "label": "텍스트 가운데 정렬", "type": "checkbox", "description": "" }, "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "" }, "useColumnInMobile": { "name": "useColumnInMobile", "label": "모바일 다단 표시", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, "cardGapInUseColumn": { "name": "cardGapInUseColumn", "type": "number", "description": "모바일 2단 컬럼에서 카드 간격 (rem단위) (기본 3rem)" }, "textColor": { "name": "textColor", "label": "텍스트 색", "type": "text", "description": "" }, "buttonColor": { "name": "buttonColor", "label": "버튼 색", "type": "text", "description": "" }, "buttonTextColor": { "name": "buttonTextColor", "label": "버튼 텍스트 색", "type": "text", "description": "" }, "titleSize": { "name": "titleSize", "label": "제목 크기", "type": "select", "description": "", "options": [ "fc-h5-text", "fc-h6-text" ] }, "mainTextSize": { "name": "mainTextSize", "label": "메인 텍스트 크기", "type": "select", "description": "", "options": [ "fc-h4-text", "fc-h5-text", "fc-h6-text" ] }, "subTextSize": { "name": "subTextSize", "label": "서브 텍스트 크기", "type": "select", "description": "", "options": [ "fc-h6-text", "fc-content-text" ] }, "cardColor1": { "name": "cardColor1", "label": "카드 색 1", "type": "text", "description": "" }, "title1": { "name": "title1", "label": "제목 1", "type": "text", "description": "" }, "main1": { "name": "main1", "label": "메인 내용 1", "type": "textarea", "description": "" }, "sub1": { "name": "sub1", "label": "서브 내용 1", "type": "textarea", "description": "" }, "useNewTab1": { "name": "useNewTab1", "label": "새 탭에서 열기 1", "type": "checkbox", "description": "" }, "link1": { "name": "link1", "label": "링크 1", "type": "text", "description": "" }, "buttonLabel1": { "name": "buttonLabel1", "label": "버튼 레이블 1", "type": "text", "description": "운영 규칙: 12자 이내" }, "cardColor2": { "name": "cardColor2", "label": "카드 색 2", "type": "text", "description": "" }, "title2": { "name": "title2", "label": "제목 2", "type": "text", "description": "" }, "main2": { "name": "main2", "label": "메인 내용 2", "type": "textarea", "description": "" }, "sub2": { "name": "sub2", "label": "서브 내용 2", "type": "textarea", "description": "" }, "useNewTab2": { "name": "useNewTab2", "label": "새 탭에서 열기 2", "type": "checkbox", "description": "" }, "link2": { "name": "link2", "label": "링크 2", "type": "text", "description": "" }, "buttonLabel2": { "name": "buttonLabel2", "label": "버튼 레이블 2", "type": "text", "description": "운영 규칙: 12자 이내" }, "cardColor3": { "name": "cardColor3", "label": "카드 색 3", "type": "text", "description": "" }, "title3": { "name": "title3", "label": "제목 3", "type": "text", "description": "" }, "main3": { "name": "main3", "label": "메인 내용 3", "type": "textarea", "description": "" }, "sub3": { "name": "sub3", "label": "서브 내용 3", "type": "textarea", "description": "" }, "useNewTab3": { "name": "useNewTab3", "label": "새 탭에서 열기 3", "type": "checkbox", "description": "" }, "link3": { "name": "link3", "label": "링크 3", "type": "text", "description": "" }, "buttonLabel3": { "name": "buttonLabel3", "label": "버튼 레이블 3", "type": "text", "description": "운영 규칙: 12자 이내" }, "cardColor4": { "name": "cardColor4", "label": "카드 색 4", "type": "text", "description": "" }, "title4": { "name": "title4", "label": "제목 4", "type": "text", "description": "" }, "main4": { "name": "main4", "label": "메인 내용 4", "type": "textarea", "description": "" }, "sub4": { "name": "sub4", "label": "서브 내용 4", "type": "textarea", "description": "" }, "useNewTab4": { "name": "useNewTab4", "label": "새 탭에서 열기 4", "type": "checkbox", "description": "" }, "link4": { "name": "link4", "label": "링크 4", "type": "text", "description": "" }, "buttonLabel4": { "name": "buttonLabel4", "label": "버튼 레이블 4", "type": "text", "description": "운영 규칙: 12자 이내" } }, "defaultValues": { "spacingTop": 0, "spacingBottom": 0, "useTextCenter": false, "backgroundColor": "#ffffff", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#000000", "buttonColor": "#E4FF18", "buttonTextColor": "#000000", "titleSize": "fc-h5-text", "mainTextSize": "fc-h4-text", "subTextSize": "fc-h6-text", "cardColor1": "#ff947a", "title1": "", "main1": "", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#88abff", "title2": "", "main2": "", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#c88dff", "title3": "", "main3": "", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "#91eaa2", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "template": "

rem; padding-bottom: <%= spacingBottom/10 || 0 %>rem; background-color: <%= backgroundColor || 'transparent' %>\">\n

; <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title1) { %>\n
\"><%= title1 %>
\n <% } %>\n <% if(main1) { %>\n
\"><%= main1 %>
\n <% } %>\n <% if(sub1) { %>\n
\"><%= sub1 %>
\n <% } %>\n
\n <% if(link1) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link1 %>\" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel1 %>\n
\n <% } %>\n
background-color: <%= cardColor2 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title2) { %>\n
\"><%= title2 %>
\n <% } %>\n <% if(main2) { %>\n
\"><%= main2 %>
\n <% } %>\n <% if(sub2) { %>\n
\"><%= sub2 %>
\n <% } %>\n
\n <% if(link2) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link2 %>\" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel2 %>\n
\n <% } %>\n
background-color: <%= cardColor3 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title3) { %>\n
\"><%= title3 %>
\n <% } %>\n <% if(main3) { %>\n
\"><%= main3 %>
\n <% } %>\n <% if(sub3) { %>\n
\"><%= sub3 %>
\n <% } %>\n
\n <% if(link3) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link3 %>\" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel3 %>\n
\n <% } %>\n
background-color: <%= cardColor4 %>;<% } %> <% if(useTextCenter) { %> text-align: center;<% } %>\">\n
\n <% if (title4) { %>\n
\"><%= title4 %>
\n <% } %>\n <% if(main4) { %>\n
\"><%= main4 %>
\n <% } %>\n <% if(sub4) { %>\n
\"><%= sub4 %>
\n <% } %>\n
\n <% if(link4) { %>\n
\n class=\"fc-link\"<% } %> href=\"<%= link4 %>\" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#E4FF18'%>; color: <%= buttonTextColor || '#000000' %>;\"><%= buttonLabel4 %>\n
\n <% } %>\n

\n" }, "values": { "spacingTop": 0, "spacingBottom": "60", "useTextCenter": false, "backgroundColor": "#000", "useColumnInMobile": false, "cardGapInUseColumn": 2, "textColor": "#fff", "buttonColor": "#E4FF18", "buttonTextColor": "#E4FF18", "titleSize": "fc-h6-text", "mainTextSize": "fc-h6-text", "subTextSize": "fc-content-text", "cardColor1": "#222", "title1": " 모집 기간", "main1": "\n~ 2026년 6월 19일(금)까지\n
(*선착순 정원 초과 시 마감)", "sub1": "", "useNewTab1": true, "link1": "", "buttonLabel1": "", "cardColor2": "#222", "title2": " 수강기간", "main2": "\n26년 6월 22일 ~ 26년 12월 15일\n
(오프라인 강의)", "sub2": "", "useNewTab2": true, "link2": "", "buttonLabel2": "", "cardColor3": "#222", "title3": " 수강료 지원 혜택", "main3": "~~9,113,280원~~ → 단돈 40만원 (95% 국비지원)\n
*최대 480만원 훈련지원금까지 제공\n", "sub3": "", "useNewTab3": true, "link3": "", "buttonLabel3": "", "cardColor4": "", "title4": "", "main4": "", "sub4": "", "useNewTab4": true, "link4": "", "buttonLabel4": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "z7f82jus", "layout": { "id": "803", "meta": { "description": "앵커탭바", "icon": "\n" }, "params": { "paddingTop": { "name": "paddingTop", "label": "패딩: 위", "type": "number", "description": "" }, "paddingBottom": { "name": "paddingBottom", "label": "패딩: 아래", "type": "number", "description": "" }, "colorTheme": { "name": "colorTheme", "label": "색상 테마", "type": "select", "description": "앵커탭바 색상 테마 선택
1. theme-light-mono: 흰색 배경에 검정색 텍스트
2. theme-dark-mono: 검은 배경에 흰색 텍스트
3. theme-light-red: 흰색 배경에 FC 레드 텍스트
4. theme-dark-red: 검은 배경에 FC 레드 텍스트
5. theme-light-free: 흰색 배경에 원하는 글자색 지정
6. theme-dark-free: 검은 배경에 원하는 글자색 지정
· 테마 고정형 (1~4번 선택시, pointColor 지정 불가)
· 테마 자유형 (5~6번 선택시, pointColor 지정 가능)", "options": [ "theme-light-mono", "theme-dark-mono", "theme-light-red", "theme-dark-red", "theme-light-free", "theme-dark-free" ] }, "pointColor": { "name": "pointColor", "label": "포인트 컬러", "type": "text", "description": "· 테마 자유형 선택시, pointColor 입력 (입력하지 않는 경우 #000 흰색으로 보여짐)
· 테마 고정형에서는 작동하지 않음" }, "enableMobileScroll": { "name": "enableMobileScroll", "label": "모바일에서 스크롤", "type": "checkbox", "description": "모바일에서 앵커탭바 가로스크롤 필요한 경우 체크
체크O: 모바일에서 앵커 메뉴 길이가 화면 사이즈보다 넘칠 경우 스크롤됨.
체크X: 모바일에서 화면 가로 너비에 맞게 고루 배치됩니다.
모바일 미리보기 페이지에서 미리 체크 권장." }, "tabs": { "name": "tabs", "label": "탭", "type": "list", "description": "", "maxLength": 20, "params": { "label": { "name": "label", "label": "레이블", "type": "text", "description": "키보드 spacing 사용시 단어 단위로 줄바꿈 될 수 있음
미리보기 페이지에서 확인 필요" }, "id": { "name": "id", "label": "ID", "type": "text", "description": "· 메뉴 클릭시 이동할 위치 지정
· 자유입력 가능하며, 804 레이어에 지정할 id와 동일한 텍스트 입력
· 사용자가 메뉴를 클릭시, 해당 레이어 위치로 화면이 스크롤 됨
" } } } }, "defaultValues": { "paddingTop": 20, "paddingBottom": 20, "colorTheme": "theme-light-mono", "enableMobileScroll": false, "pointColor": "", "tabs": [ { "label": "", "id": "" } ] }, "template": "

\" style=\"--stroke-color: <%= pointColor %>\">\n

\n \" style=\"padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n <%= label %>\n \n

\n" }, "values": { "paddingTop": 20, "paddingBottom": 20, "colorTheme": "theme-dark-free", "enableMobileScroll": false, "pointColor": "#D9B9FF", "tabs": [ { "label": "커리큘럼", "id": "curriculum" }, { "label": "프로젝트", "id": "project" }, { "label": "후기", "id": "review" }, { "label": "수강료", "id": "pay" }, { "label": "신청 방법", "id": "apply" } ] }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "7d2tomkx", "layout": { "id": "201", "meta": { "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n" }, "params": { "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "" }, "useImageLeft": { "name": "useImageLeft", "label": "이미지 왼쪽 정렬", "type": "checkbox", "description": "use image center" }, "imageUrl": { "name": "imageUrl", "label": "이미지 URL", "type": "image", "description": "" }, "mobileImageUrl": { "name": "mobileImageUrl", "label": "모바일 이미지", "type": "image", "description": "" }, "imageWidth": { "name": "imageWidth", "label": "이미지 너비", "type": "number", "description": "" }, "alt": { "name": "alt", "label": "대체 텍스트", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, "useNewTab": { "name": "useNewTab", "label": "새 탭에서 열기", "type": "checkbox", "description": "" }, "link": { "name": "link", "label": "링크", "type": "text", "description": "" } }, "defaultValues": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \n \n <% } else { %>\n \n <% } %>\n <% } %>\n

\n" }, "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "s46fl2c6", "layout": "103", "values": { "paddingTop": "080", "paddingBottom": "80", "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202602/152929-1503/타이틀-헤드라인.png", "mobileBackgroundImageUrl": "", "textColor": "#fff", "textSize1": "fc-h6-text", "text1": "기초에서 전문가까지\n
\n\n한단계씩 완성하는
FX/모션 그래픽 아티스트 클래스\n", "textSize2": "fc-content-text", "text2": "
\n

\n\n

" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "7evfyvq2", "layout": { "id": "001", "meta": { "description": "레이아웃 간격", "icon": "\n" }, "params": { "spacing": { "name": "spacing", "label": "간격", "type": "number", "description": "" }, "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "" } }, "defaultValues": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "80", "backgroundColor": "#000" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "eytudn4o", "layout": "201", "values": { "backgroundColor": "#000", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202602/153106-1503/title.png", "mobileImageUrl": "", "imageWidth": "380", "alt": "", "useNewTab": true, "link": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "tves8c3k", "layout": "001", "values": { "spacing": "30", "backgroundColor": "#000" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "9axec2z5", "layout": "201", "values": { "backgroundColor": "#000", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202602/103121-1191/ezgif-5e4d47ec5a043fb4.webp", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "5u63ij5d", "layout": { "id": "101", "meta": { "description": "1단 자유 텍스트", "icon": "\n" }, "params": { "paddingTop": { "name": "paddingTop", "label": "패딩: 위", "type": "number", "description": "" }, "paddingBottom": { "name": "paddingBottom", "label": "패딩: 아래", "type": "number", "description": "" }, "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "" }, "useTextCenter": { "name": "useTextCenter", "label": "텍스트 가운데 정렬", "type": "checkbox", "description": "" }, "textSize": { "name": "textSize", "label": "텍스트 크기", "type": "select", "description": "", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, "textColor": { "name": "textColor", "label": "텍스트 색", "type": "text", "description": "" }, "text": { "name": "text", "label": "텍스트", "type": "textarea", "description": "" } }, "defaultValues": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

fc-text-align-center<% } %>\">\n

\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n" }, "values": { "paddingTop": "20", "paddingBottom": "60", "backgroundColor": "#000", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#fff", "text": "미디어 아트 모션 그래픽" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "ubbrnd17", "layout": { "id": "203", "meta": { "description": "1~4단 이미지와 텍스트", "icon": "\n" }, "params": { "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "" }, "textColor": { "name": "textColor", "label": "텍스트 색", "type": "text", "description": "" }, "buttonColor": { "name": "buttonColor", "label": "버튼 색", "type": "text", "description": "" }, "buttonTextColor": { "name": "buttonTextColor", "label": "버튼 텍스트 색", "type": "text", "description": "" }, "useTextCenter": { "name": "useTextCenter", "label": "텍스트 가운데 정렬", "type": "checkbox", "description": "" }, "useColumnInMobile": { "name": "useColumnInMobile", "label": "모바일 다단 표시", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, "titleSize": { "name": "titleSize", "label": "제목 크기", "type": "select", "description": "", "options": [ "fc-h5-text", "fc-h6-text" ] }, "contentSize": { "name": "contentSize", "label": "내용 크기", "type": "select", "description": "", "options": [ "fc-h6-text", "fc-content-text" ] }, "imageUrl1": { "name": "imageUrl1", "label": "이미지 1", "type": "image", "description": "230 x 152" }, "title1": { "name": "title1", "label": "제목 1", "type": "textarea", "description": "" }, "content1": { "name": "content1", "label": "내용 1", "type": "textarea", "description": "" }, "useNewTab1": { "name": "useNewTab1", "label": "새 탭에서 열기 1", "type": "checkbox", "description": "" }, "buttonLabel1": { "name": "buttonLabel1", "label": "버튼 레이블 1", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, "buttonLink1": { "name": "buttonLink1", "label": "버튼 링크 1", "type": "text", "description": "" }, "imageUrl2": { "name": "imageUrl2", "label": "이미지 2", "type": "image", "description": "230 x 152" }, "title2": { "name": "title2", "label": "제목 2", "type": "textarea", "description": "" }, "content2": { "name": "content2", "label": "내용 2", "type": "textarea", "description": "" }, "useNewTab2": { "name": "useNewTab2", "label": "새 탭에서 열기 2", "type": "checkbox", "description": "" }, "buttonLabel2": { "name": "buttonLabel2", "label": "버튼 레이블 2", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, "buttonLink2": { "name": "buttonLink2", "label": "버튼 링크 2", "type": "text", "description": "" }, "imageUrl3": { "name": "imageUrl3", "label": "이미지 3", "type": "image", "description": "230 x 152" }, "title3": { "name": "title3", "label": "제목 3", "type": "textarea", "description": "" }, "content3": { "name": "content3", "label": "내용 3", "type": "textarea", "description": "" }, "useNewTab3": { "name": "useNewTab3", "label": "새 탭에서 열기 3", "type": "checkbox", "description": "" }, "buttonLabel3": { "name": "buttonLabel3", "label": "버튼 레이블 3", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, "buttonLink3": { "name": "buttonLink3", "label": "버튼 링크 3", "type": "text", "description": "" }, "imageUrl4": { "name": "imageUrl4", "label": "이미지 4", "type": "image", "description": "230 x 152" }, "title4": { "name": "title4", "label": "제목 4", "type": "textarea", "description": "" }, "content4": { "name": "content4", "label": "내용 4", "type": "textarea", "description": "" }, "useNewTab4": { "name": "useNewTab4", "label": "새 탭에서 열기 4", "type": "checkbox", "description": "" }, "buttonLabel4": { "name": "buttonLabel4", "label": "버튼 레이블 4", "type": "text", "description": "버튼에 들어갈 문구를 입력해주세요. 입력내용이 없으면 버튼은 사라집니다." }, "buttonLink4": { "name": "buttonLink4", "label": "버튼 링크 4", "type": "text", "description": "" } }, "defaultValues": { "backgroundColor": "#ffffff", "textColor": "", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": false, "useColumnInMobile": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "", "title1": "", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "", "title2": "", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "template": "

;\">\n

\">\n

\" style=\"color: <%= textColor || '#000000' %>\">\n <% if (imageUrl1 || title1 || content1 || buttonLabel1) { %>\n

\n <% if (imageUrl1 && buttonLink1) { %>\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl1) { %>\n

\" alt=\"\" loading=\"lazy\">\n <% } %>\n <% if (title1) { %>\n

\"><%= title1 %>

\n <% } %>\n <% if (content1) { %>\n

\"><%= content1 %>

\n <% } %>\n <% if(buttonLabel1) { %>\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#466eff' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel1 %>\n <% } %>\n

\n <% } %>\n <% if (imageUrl2 || title2 || content2 || buttonLabel2) { %>\n

\n <% if (imageUrl2 && buttonLink2) { %>\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl2) { %>\n

\" alt=\"\" loading=\"lazy\">\n <% } %>\n <% if(title2) { %>\n

\"><%= title2 %>

\n <% } %>\n <% if(content2) { %>\n

\"><%= content2 %>

\n <% } %>\n <% if(buttonLabel2) { %>\n \" <% if(useNewTab2) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#466eff' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel2 %>\n <% } %>\n

\n <% } %>\n <% if (imageUrl3 || title3 || content3 || buttonLabel3) { %>\n

\n <% if (imageUrl3 && buttonLink3) { %>\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl3) { %>\n

\" alt=\"\" loading=\"lazy\">\n <% } %>\n <% if(title3) { %>\n

\"><%= title3 %>

\n <% } %>\n <% if(content3) { %>\n

\"><%= content3 %>

\n <% } %>\n <% if(buttonLabel3) { %>\n \" <% if(useNewTab3) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#466eff' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel3 %>\n <% } %>\n

\n <% } %>\n <% if (imageUrl4 || title4 || content4 || buttonLabel4) { %>\n

\n <% if (imageUrl4 && buttonLink4) { %>\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n

\" alt=\"\" loading=\"lazy\">\n \n <% } else if (imageUrl4) { %>\n

\" alt=\"\" loading=\"lazy\">\n <% } %>\n <% if(title4) { %>\n

\"><%= title4 %>

\n <% } %>\n <% if (content4) { %>\n

\"><%= content4 %>

\n <% } %>\n <% if(buttonLabel4) { %>\n \" <% if(useNewTab4) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %> style=\"background-color: <%= buttonColor || '#466eff' %>; color: <%= buttonTextColor || '#ffffff' %>\"><%= buttonLabel4 %>\n <% } %>\n

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#000", "textColor": "#fff", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": true, "useColumnInMobile": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202602/104240-1191/ezgif-542fc00f4478921c.webp", "title1": "광고 CG", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202602/105801-1191/ezgif-5c446c197870c8b5.webp", "title2": "미디어 아트", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "6luqy80y", "layout": "001", "values": { "spacing": "30", "backgroundColor": "#000" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "tyssn7s7", "layout": "203", "values": { "backgroundColor": "#000", "textColor": "#fff", "buttonColor": "#466eff", "buttonTextColor": "#ffffff", "useTextCenter": true, "useColumnInMobile": false, "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "imageUrl1": "https://cdn.day1company.io/prod/uploads/202602/110554-1191/ezgif-56a0347909d8065b.webp", "title1": "K-POP M/V", "content1": "", "useNewTab1": true, "buttonLabel1": "", "buttonLink1": "", "imageUrl2": "https://cdn.day1company.io/prod/uploads/202602/111445-1191/ezgif-53d7591efb260de6.webp", "title2": "모션 그래픽", "content2": "", "useNewTab2": true, "buttonLabel2": "", "buttonLink2": "", "imageUrl3": "", "title3": "", "content3": "", "useNewTab3": true, "buttonLabel3": "", "buttonLink3": "", "imageUrl4": "", "title4": "", "content4": "", "useNewTab4": true, "buttonLabel4": "", "buttonLink4": "" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "hfqcuxmc", "layout": "101", "values": { "paddingTop": "40", "paddingBottom": "0", "backgroundColor": "#000", "useTextCenter": true, "textSize": "fc-h5-text", "textColor": "#fff", "text": "\n" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "ox546eo3", "layout": "101", "values": { "paddingTop": "60", "paddingBottom": "0", "backgroundColor": "#000", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#fff", "text": "비전공자도, 경력이 없어도 단 180일 만에" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "svs2w57h", "layout": "101", "values": { "paddingTop": "10", "paddingBottom": "40", "backgroundColor": "#000", "useTextCenter": true, "textSize": "fc-content-text", "textColor": "#fff", "text": "누구나 고퀄리티 작품을 만들 수 있습니다" }, "meta": { "hidden": false, "label": "" }, "hidden": false }, { "id": "9dcxln1w", "layout": { "id": "202", "meta": { "description": "1~4단 이미지", "icon": "\n" }, "params": { "columnCount": { "name": "columnCount", "label": "컬럼 수", "type": "number", "description": "maximum 4" }, "columnMargin": { "name": "columnMargin", "label": "컬럼 여백", "type": "number", "description": "" }, "paddingTop": { "name": "paddingTop", "label": "패딩: 위", "type": "number", "description": "" }, "paddingBottom": { "name": "paddingBottom", "label": "패딩: 아래", "type": "number", "description": "" }, "useColumnInMobile": { "name": "useColumnInMobile", "label": "모바일 다단 표시", "type": "checkbox", "description": "모바일에서 2단 컬럼을 생성합니다" }, "backgroundColor": { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "" }, "imageUrl1": { "name": "imageUrl1", "label": "이미지 1", "type": "image", "description": "" }, "useNewTab1": { "name": "useNewTab1", "label": "새 탭에서 열기 1", "type": "checkbox", "description": "" }, "link1": { "name": "link1", "label": "링크 1", "type": "text", "description": "" }, "imageUrl2": { "name": "imageUrl2", "label": "이미지 2", "type": "image", "description": "" }, "useNewTab2": { "name": "useNewTab2", "label": "새 탭에서 열기 2", "type": "checkbox", "description": "" }, "link2": { "name": "link2", "label": "링크 2", "type": "text", "description": "" }, "imageUrl3": { "name": "imageUrl3", "label": "이미지 3", "type": "image", "description": "" }, "useNewTab3": { "name": "useNewTab3", "label": "새 탭에서 열기 3", "type": "checkbox", "description": "" }, "link3": { "name": "link3", "label": "링크 3", "type": "text", "description": "" }, "imageUrl4": { "name": "imageUrl4", "label": "이미지 4", "type": "image", "description": "" }, "useNewTab4": { "name": "useNewTab4", "label": "새 탭에서 열기 4", "type": "checkbox", "description": "" }, "link4": { "name": "link4", "label": "링크 4", "type": "text", "description": "" }, "imageUrl5": { "name": "imageUrl5", "label": "이미지 5", "type": "image", "description": "" }, "useNewTab5": { "name": "useNewTab5", "label": "새 탭에서 열기 5", "type": "checkbox", "description": "" }, "link5": { "name": "link5", "label": "링크 5", "type": "text", "description": "" }, "imageUrl6": { "name": "imageUrl6", "label": "이미지 6", "type": "image", "description": "" }, "useNewTab6": { "name": "useNewTab6", "label": "새 탭에서 열기 6", "type": "checkbox", "description": "" }, "link6": { "name": "link6", "label": "링크 6", "type": "text", "description": "" }, "imageUrl7": { "name": "imageUrl7", "label": "이미지 7", "type": "image", "description": "" }, "useNewTab7": { "name": "useNewTab7", "label": "새 탭에서 열기 7", "type": "checkbox", "description": "" }, "link7": { "name": "link7", "label": "링크 7", "type": "text", "description": "" }, "imageUrl8": { "name": "imageUrl8", "label": "이미지 8", "type": "image", "description": "" }, "useNewTab8": { "name": "useNewTab8", "label": "새 탭에서 열기 8", "type": "checkbox", "description": "" }, "link8": { "name": "link8", "label": "링크 8", "type": "text", "description": "" }, "imageUrl9": { "name": "imageUrl9", "label": "이미지 9", "type": "image", "description": "" }, "useNewTab9": { "name": "useNewTab9", "label": "새 탭에서 열기 9", "type": "checkbox", "description": "" }, "link9": { "name": "link9", "label": "링크 9", "type": "text", "description": "" }, "imageUrl10": { "name": "imageUrl10", "label": "이미지 10", "type": "image", "description": "" }, "useNewTab10": { "name": "useNewTab10", "label": "새 탭에서 열기 10", "type": "checkbox", "description": "" }, "link10": { "name": "link10", "label": "링크 10", "type": "text", "description": "" }, "imageUrl11": { "name": "imageUrl11", "label": "이미지 11", "type": "image", "description": "" }, "useNewTab11": { "name": "useNewTab11", "label": "새 탭에서 열기 11", "type": "checkbox", "description": "" }, "link11": { "name": "link11", "label": "링크 11", "type": "text", "description": "" }, "imageUrl12": { "name": "imageUrl12", "label": "이미지 12", "type": "image", "description": "" }, "useNewTab12": { "name": "useNewTab12", "label": "새 탭에서 열기 12", "type": "checkbox", "description": "" }, "link12": { "name": "link12", "label": "링크 12", "type": "text", "description": "" } }, "defaultValues": { "columnCount": 1, "columnMargin": 0, "paddingTop": 0, "paddingBottom": 0, "useColumnInMobile": false, "backgroundColor": "#ffffff", "imageUrl1": "", "useNewTab1": true, "link1": "", "imageUrl2": "", "useNewTab2": true, "link2": "", "imageUrl3": "", "useNewTab3": true, "link3": "", "imageUrl4": "", "useNewTab4": true, "link4": "", "imageUrl5": "", "useNewTab5": true, "link5": "", "imageUrl6": "", "useNewTab6": true, "link6": "", "imageUrl7": "", "useNewTab7": true, "link7": "", "imageUrl8": "", "useNewTab8": true, "link8": "", "imageUrl9": "", "useNewTab9": true, "link9": "", "imageUrl10": "", "useNewTab10": true, "link10": "", "imageUrl11": "", "useNewTab11": true, "link11": "", "imageUrl12": "", "useNewTab12": true, "link12": "" }, "template": "

; padding-top: <%=paddingTop/10 || 0 %>rem; padding-bottom: <%=paddingBottom/10 || 0 %>rem\">\n

\">\n <% if (link1 && imageUrl1) { %>\n

-<%= columnMargin %>\">\n \" <% if(useNewTab1) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>

\" alt=\"\" loading=\"lazy\">\n

\n <% } else if (!link1 && imageUrl1) { %>\n

-<%= columnMargin %>\">\n

모션 그래픽

커널 아카데미

국비지원