[{"data":1,"prerenderedAt":172},["ShallowReactive",2],{"doc:M-SET-03":3},{"docId":4,"axis":5,"axisLabel":6,"route":7,"sourceFile":8,"categoryId":9,"categoryName":10,"title":11,"kicker":12,"crumb":13,"leadHtml":22,"preambleHtml":23,"sections":24,"toc":51,"shots":61,"captureRefs":112,"estimates":115,"estimatesRaw":115,"proseChars":116,"fm":117,"adminMeta":164,"related":167},"M-SET-03","guide","기능별","\u002Fguide\u002FF11\u002FM-SET-03","content\u002Fguide\u002FM-SET-03.md","F11","설정","수료증 템플릿","기능별 · 설정",[14,17,19,20],{"label":15,"to":16},"고객센터","\u002F",{"label":6,"to":18},"\u002Fguide",{"label":10,"to":18},{"label":11,"to":21},null,"강의를 끝낸 손님에게 주는 \u003Cb>수료증의 모양과 문구\u003C\u002Fb>를 정하는 화면입니다. 처음부터 기본 템플릿 7종이 들어 있어, 하나를 골라 이름과 서명만 바꿔도 바로 쓸 수 있습니다.","",[25,30,34,38,42,46],{"key":26,"label":23,"id":27,"html":28,"d2":29},"S1","sec-S1","\n\u003Cp>\u003Cb>손님 화면 영향\u003C\u002Fb>: 여기서 정한 디자인이 \u003Cb>손님이 받는 수료증 그 자체\u003C\u002Fb>가 됩니다. 단, \u003Cb>수료 조건을 채운 손님에게만\u003C\u002Fb> 보입니다.\u003C\u002Fp>\n\u003Cdl class=\"sum3\">\u003Cdiv>\u003Cdt>\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" aria-hidden=\"true\">\u003Cpath d=\"M20 6L9 17l-5-5\">\u003C\u002Fpath>\u003C\u002Fsvg>이 문서로 해결되는 것\u003C\u002Fdt>\u003Cdd>수료증 한 종류를 끝까지 완성합니다\u003Csmall>제목·발급 기관명·서명까지 다룹니다\u003C\u002Fsmall>\u003C\u002Fdd>\u003C\u002Fdiv>\u003Cdiv>\u003Cdt>\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>걸리는 시간\u003C\u002Fdt>\u003Cdd>한 종류에 약 5분\u003Csmall>서명 이미지를 만들 시간은 따로 잡으세요\u003C\u002Fsmall>\u003C\u002Fdd>\u003C\u002Fdiv>\u003Cdiv>\u003Cdt>\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M3 7l9-4 9 4-9 4-9-4z\">\u003C\u002Fpath>\u003Cpath d=\"M3 7v10l9 4 9-4V7\">\u003C\u002Fpath>\u003C\u002Fsvg>미리 준비할 것\u003C\u002Fdt>\u003Cdd>발급 기관으로 쓸 이름\u003Csmall>서명이나 직인 이미지 파일이 있으면 더 좋습니다\u003C\u002Fsmall>\u003C\u002Fdd>\u003C\u002Fdiv>\u003C\u002Fdl>",true,{"key":31,"label":23,"id":32,"html":33,"d2":29},"S6","sec-S6","\u003Csection class=\"chooser\" data-chooser=\"\">\u003Ch2 class=\"chooser__q\">지금 무엇을 하려고 오셨나요?\u003C\u002Fh2>\u003Cp class=\"chooser__sub\">하나만 고르세요. 고른 일의 순서만 펼쳐집니다. 화면 설명은 맨 아래에 접어 두었습니다.\u003C\u002Fp>\u003Cdiv class=\"tgrid\">\u003Cbutton type=\"button\" class=\"tcard\" data-task=\"a\" aria-pressed=\"false\" aria-controls=\"panel-a\">\u003Cspan class=\"tcard__hot\">가장 많이 하는 일\u003C\u002Fspan>\u003Cspan class=\"tcard__t\">수료증에 우리 이름과 서명을 넣고 싶어요\u003C\u002Fspan>\u003Cspan class=\"tcard__d\">템플릿 하나를 골라 제목·발급 기관명·서명을 채웁니다.\u003C\u002Fspan>\u003Cspan class=\"tcard__meta\">\u003Cspan class=\"chip chip--acc\">4단계\u003C\u002Fspan>\u003Cspan class=\"chip\">약 5분\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"tcard__cta\">이 순서 보기 \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M5 12h14M13 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cbutton type=\"button\" class=\"tcard\" data-task=\"b\" aria-pressed=\"false\" aria-controls=\"panel-b\">\u003Cspan class=\"tcard__t\">상품에서 이 템플릿이 안 보여요\u003C\u002Fspan>\u003Cspan class=\"tcard__d\">템플릿을 다시 쓸 수 있게 활성으로 바꿉니다.\u003C\u002Fspan>\u003Cspan class=\"tcard__meta\">\u003Cspan class=\"chip chip--acc\">2단계\u003C\u002Fspan>\u003Cspan class=\"chip\">약 1분\u003C\u002Fspan>\u003Cspan class=\"chip chip--warn\">⚠ 되돌릴 수 없는 단계 있음\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"tcard__cta\">이 순서 보기 \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M5 12h14M13 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cbutton type=\"button\" class=\"tcard\" data-task=\"c\" aria-pressed=\"false\" aria-controls=\"panel-c\">\u003Cspan class=\"tcard__t\">어떤 강의가 이 템플릿을 쓰는지 알고 싶어요\u003C\u002Fspan>\u003Cspan class=\"tcard__d\">지금 이 디자인으로 나가고 있는 상품을 확인합니다.\u003C\u002Fspan>\u003Cspan class=\"tcard__meta\">\u003Cspan class=\"chip chip--acc\">2단계\u003C\u002Fspan>\u003Cspan class=\"chip\">약 1분\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"tcard__cta\">이 순서 보기 \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M5 12h14M13 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv class=\"chooser__hint\" data-chooser-hint=\"\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 16v-5M12 8h.01\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cdiv>\u003Cb>아직 아무것도 고르지 않으셨어요.\u003C\u002Fb> 위에서 하나를 누르면 그 일의 순서만 펼쳐집니다.\u003Cbr>화면 설명(고르기 조건·표의 각 칸 뜻)이 궁금하시면 맨 아래 \u003Cb>더 알아보기\u003C\u002Fb>를 펼쳐 보세요.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fsection>\n\u003Csection class=\"taskpanel\" id=\"panel-a\" data-taskpanel=\"a\" hidden=\"\" aria-label=\"수료증에 우리 이름과 서명을 넣고 싶어요\">\u003Cdiv class=\"taskpanel__hd\">\u003Cspan class=\"now\">지금 하는 일\u003C\u002Fspan>\u003Ch3>수료증에 우리 이름과 서명을 넣고 싶어요\u003C\u002Fh3>\u003Cdiv class=\"prog\">\u003Cspan data-ptxt=\"\">0 \u002F 4 단계 완료\u003C\u002Fspan>\u003Cspan class=\"pbar\">\u003Ci data-pbar=\"\">\u003C\u002Fi>\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__bd\">\u003Col class=\"steps\">\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">1\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>쓸 템플릿을 하나 고릅니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\">\u003C\u002Frect>\u003Cpath d=\"M9 4v16\">\u003C\u002Fpath>\u003C\u002Fsvg>관리자 화면 왼쪽 메뉴 \u003Cb>설정 › 수료증 템플릿\u003C\u002Fb>\u003C\u002Fspan>\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>30초\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>화면을 열면 기본 템플릿 \u003Cb>7종\u003C\u002Fb>이 이미 들어 있습니다. 기본형 둘, 세로형 셋, 영문형 둘입니다.\u003C\u002Fp>\n\u003Cp>여기서 고르는 것은 \u003Cb>종이의 방향과 뼈대\u003C\u002Fb>입니다. 유형은 나중에 바꿀 수 없으니 이때 정하세요.\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F1103-001\u002Fmain\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-1103-001-main.png\" alt=\"수료증 템플릿 목록 — 유형 · 템플릿명 · 사용중인 상품 수 · 활성상태 · [미리보기]\" decoding=\"async\" width=\"1440\" height=\"900\" style=\"max-width:100%;height:auto;display:block\">\u003Cspan class=\"pin\" style=\"left:18%;top:46%\" aria-hidden=\"true\">1\u003C\u002Fspan>\u003Cspan class=\"pin\" style=\"left:62%;top:46%\" aria-hidden=\"true\">2\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"bubbles\">\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">1\u003C\u002Fspan>\u003Cb>유형\u003C\u002Fb>은 만든 뒤에 바꿀 수 없어요. 가로·세로·영문 중에서 먼저 정하세요.\u003C\u002Fp>\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">2\u003C\u002Fspan>\u003Cb>사용중인 상품 수\u003C\u002Fb>가 0이 아니면 이미 손님에게 나가고 있는 디자인이에요.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">2\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>템플릿 이름을 눌러 상세로 들어갑니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>30초\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>\u003Cb>템플릿 제목\u003C\u002Fb>은 처음에 유형 이름이 그대로 들어 있습니다. 예: \u003Cb>기본형(1)\u003C\u002Fb>\u003C\u002Fp>\n\u003Cp>여러 강의를 운영하면 이름만 보고 고르게 됩니다. 알아보기 쉬운 말로 바꿔 두세요. 예: \u003Cb>정규과정용 수료증\u003C\u002Fb>\u003C\u002Fp>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">3\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>넣을 항목을 고르고 발급 기관명과 서명을 채웁니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>3분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>세 가지를 채우면 됩니다.\u003C\u002Fp>\n\u003Cul class=\"dlist\">\u003Cli>\u003Cb>수료 정보\u003C\u002Fb> — 수료증에 보일 항목을 켜고 끕니다. 끈 항목은 수료증에서 사라집니다.\u003C\u002Fli>\u003Cli>\u003Cb>발급 기관명\u003C\u002Fb> — 처음에는 사이트 이름이 들어 있습니다. 반드시 채워야 합니다. 예: \u003Cb>쏠쏠 아카데미\u003C\u002Fb>\u003C\u002Fli>\u003Cli>\u003Cb>서명·직인 이미지\u003C\u002Fb> — 올리면 수료증 \u003Cb>아래쪽\u003C\u002Fb>에 들어갑니다. 안 올려도 저장은 됩니다.\u003C\u002Fli>\u003C\u002Ful>\n\u003Cdiv class=\"shotwrap\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F1103-002\u002Fmain\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-1103-002-main.png\" alt=\"템플릿 상세 — 활성상태 \u002F 템플릿 제목 \u002F 수료 정보 \u002F 발급 기관명 \u002F 서명·직인 \u002F [미리보기] \u002F [변경사항 저장]\" decoding=\"async\" width=\"1440\" height=\"1013\" style=\"max-width:100%;height:auto;display:block\">\u003Cspan class=\"pin\" style=\"left:30%;top:58%\" aria-hidden=\"true\">1\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"bubbles\">\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">1\u003C\u002Fspan>\u003Cb>발급 기관명\u003C\u002Fb>은 수료증에 찍히는 발급 주체예요. 사업자명과 사이트 이름 중 무엇을 쓸지 미리 정해 두세요.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cblockquote class=\"why\">\u003Cp>제목과 발급 기관명은 길게 쓸 수 없습니다. 넣을 수 있는 글자 수는 입력칸에 표시됩니다.\u003C\u002Fp>\u003C\u002Fblockquote>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">4\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>[미리보기]로 눈으로 확인하고 저장합니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>1분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>미리보기 창에는 지금까지 설정한 내용이 그대로 반영돼 보입니다.\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\" style=\"grid-template-columns:minmax(0,1fr)\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F1103-002\u002Fpreview-modal\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-1103-002-preview-modal.png\" alt=\"수료증 미리보기 창 — 설정한 내용이 반영된 수료증 모습\" decoding=\"async\" width=\"1440\" height=\"1013\" style=\"max-width:100%;height:auto;display:block\">\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>필수 항목을 다 채워야 \u003Cb>[변경사항 저장]\u003C\u002Fb>이 눌립니다. 저장 직전에 확인 창이 한 번 뜹니다.\u003C\u002Fp>\n\u003Cdiv class=\"tip\">\u003Cdiv>\u003Cp>서명 이미지는 배경이 없는 파일이 깔끔합니다. 미리보기에서 글자와 겹치지 않는지 보세요.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Fol>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__ft\">\u003Cbutton type=\"button\" class=\"btn-ghost\" data-rechoose=\"\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M19 12H5M11 18l-6-6 6-6\">\u003C\u002Fpath>\u003C\u002Fsvg>다른 일 고르기\u003C\u002Fbutton>\u003Cspan>끝났습니다. 아래 \u003Cb>손님 화면에서는 이렇게 보여요\u003C\u002Fb>에서 손님 쪽 화면이 어떻게 바뀌는지 확인하세요.\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fsection>\n\u003Csection class=\"taskpanel\" id=\"panel-b\" data-taskpanel=\"b\" hidden=\"\" aria-label=\"상품에서 이 템플릿이 안 보여요\">\u003Cdiv class=\"taskpanel__hd\">\u003Cspan class=\"now\">지금 하는 일\u003C\u002Fspan>\u003Ch3>상품에서 이 템플릿이 안 보여요\u003C\u002Fh3>\u003Cdiv class=\"prog\">\u003Cspan data-ptxt=\"\">0 \u002F 2 단계 완료\u003C\u002Fspan>\u003Cspan class=\"pbar\">\u003Ci data-pbar=\"\">\u003C\u002Fi>\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__bd\">\u003Col class=\"steps\">\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">1\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>목록에서 활성 상태를 확인합니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\">\u003C\u002Frect>\u003Cpath d=\"M9 4v16\">\u003C\u002Fpath>\u003C\u002Fsvg>관리자 화면 왼쪽 메뉴 \u003Cb>설정 › 수료증 템플릿\u003C\u002Fb>\u003C\u002Fspan>\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>20초\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>\u003Cb>비활성\u003C\u002Fb>인 템플릿은 상품에서 수료증 템플릿을 고를 때 \u003Cb>목록에 나타나지 않습니다.\u003C\u002Fb> 지워진 것이 아니라 숨겨진 것입니다.\u003C\u002Fp>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">2\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>상세에서 활성으로 바꿉니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>30초\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>비활성을 활성으로 바꾸는 것은 조건 없이 됩니다.\u003C\u002Fp>\n\u003Cdiv class=\"warn\">\u003Cdiv>\u003Cp>\u003Cb>반대 방향은 막힐 수 있어요.\u003C\u002Fb> 그 템플릿을 쓰는 상품이 하나라도 있으면 \u003Cb>활성 → 비활성으로 바뀌지 않습니다.\u003C\u002Fb> 안내창이 뜹니다. 먼저 상품에서 다른 템플릿으로 바꿔 주세요.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Fol>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__ft\">\u003Cbutton type=\"button\" class=\"btn-ghost\" data-rechoose=\"\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M19 12H5M11 18l-6-6 6-6\">\u003C\u002Fpath>\u003C\u002Fsvg>다른 일 고르기\u003C\u002Fbutton>\u003Cspan>끝났습니다. 아래 \u003Cb>손님 화면에서는 이렇게 보여요\u003C\u002Fb>에서 손님 쪽 화면이 어떻게 바뀌는지 확인하세요.\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fsection>\n\u003Csection class=\"taskpanel\" id=\"panel-c\" data-taskpanel=\"c\" hidden=\"\" aria-label=\"어떤 강의가 이 템플릿을 쓰는지 알고 싶어요\">\u003Cdiv class=\"taskpanel__hd\">\u003Cspan class=\"now\">지금 하는 일\u003C\u002Fspan>\u003Ch3>어떤 강의가 이 템플릿을 쓰는지 알고 싶어요\u003C\u002Fh3>\u003Cdiv class=\"prog\">\u003Cspan data-ptxt=\"\">0 \u002F 2 단계 완료\u003C\u002Fspan>\u003Cspan class=\"pbar\">\u003Ci data-pbar=\"\">\u003C\u002Fi>\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__bd\">\u003Col class=\"steps\">\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">1\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>목록에서 사용중인 상품 수를 봅니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\">\u003C\u002Frect>\u003Cpath d=\"M9 4v16\">\u003C\u002Fpath>\u003C\u002Fsvg>관리자 화면 왼쪽 메뉴 \u003Cb>설정 › 수료증 템플릿\u003C\u002Fb>\u003C\u002Fspan>\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>20초\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>이 숫자가 \u003Cb>디자인을 고쳤을 때 영향을 받는 강의 수\u003C\u002Fb>입니다.\u003C\u002Fp>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">2\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>상세 아래 사용 중 상품 목록을 펼칩니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>30초\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"shotwrap\" style=\"grid-template-columns:minmax(0,1fr)\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F1103-002\u002Fused-products\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-1103-002-used-products.png\" alt=\"사용 중 상품 목록 — 이 템플릿으로 수료증이 나가는 상품들\" decoding=\"async\" width=\"1440\" height=\"1013\" style=\"max-width:100%;height:auto;display:block\">\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>상품 이름을 누르면 그 상품 화면으로 바로 넘어갑니다.\u003C\u002Fp>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Fol>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__ft\">\u003Cbutton type=\"button\" class=\"btn-ghost\" data-rechoose=\"\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M19 12H5M11 18l-6-6 6-6\">\u003C\u002Fpath>\u003C\u002Fsvg>다른 일 고르기\u003C\u002Fbutton>\u003Cspan>끝났습니다. 아래 \u003Cb>손님 화면에서는 이렇게 보여요\u003C\u002Fb>에서 손님 쪽 화면이 어떻게 바뀌는지 확인하세요.\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fsection>",{"key":35,"label":23,"id":36,"html":37,"d2":29},"S7","sec-S7","\u003Ch2 id=\"손님-화면에서는-이렇게-보여요\">손님 화면에서는 이렇게 보여요 \u003Cspan class=\"fbadge fbadge--c\">C · 조건이 맞아야 보여요\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp>\u003Ccode>C · 조건이 맞아야 보여요\u003C\u002Fcode>\u003C\u002Fp>\n\u003Cp>손님이 보는 곳: \u003Cb>마이페이지 › 수료증\u003C\u002Fb> \u003Ccode>\u002Fmypage\u002Fcertificate\u003C\u002Fcode>\u003C\u002Fp>\n\u003Cdiv class=\"cond\">\u003Ch4>이럴 때만 손님 화면이 바뀝니다\u003C\u002Fh4>\u003Cul>\u003Cli>상품에서 \u003Cb>수료증 사용을 켜고\u003C\u002Fb> 이 템플릿을 골라 두었을 때\u003C\u002Fli>\u003Cli>손님이 그 상품의 \u003Cb>수료 조건을 채웠을 때\u003C\u002Fb>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdiv>\n\n\u003Cp>반영 시점: \u003Cb>손님이 수료한 때\u003C\u002Fb>. 수료 기준은 상품마다 따로 정합니다. → \u003Ca href=\"\u002Fguide\u002FF03\u002FM-PROD-04\">상품 상세(수료·수료증 탭)\u003C\u002Fa>\u003C\u002Fp>\n\u003Cblockquote class=\"why\">\u003Cp>근거: 06 반영원장 F11 · M-SET-03 행 — 유형 \u003Cb>C\u003C\u002Fb> · \"여기서 만든 디자인(제목·발급기관·서명)이 손님이 받는 수료증 PDF 그 자체다. 수료 조건 충족 시에만 노출\" · 시점 \u003Cb>수료시\u003C\u002Fb>.\u003C\u002Fp>\u003C\u002Fblockquote>",{"key":39,"label":23,"id":40,"html":41,"d2":29},"S9","sec-S9","\u003Ch2 id=\"꼭-알아두세요\">꼭 알아두세요\u003C\u002Fh2>\u003Cul class=\"knowlist\">\u003Cli>\u003Cspan class=\"ic-danger\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M12 9v4M12 17h.01\">\u003C\u002Fpath>\u003Cpath d=\"M10.3 3.9L1.8 18a2 2 0 001.7 3h17a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>이 화면만 설정해서는 손님에게 아무것도 보이지 않아요.\u003C\u002Fb> 상품에서 \u003Cb>수료증 사용\u003C\u002Fb>을 켜고 이 템플릿을 골라야 발급이 시작됩니다.\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"ic-danger\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M12 9v4M12 17h.01\">\u003C\u002Fpath>\u003Cpath d=\"M10.3 3.9L1.8 18a2 2 0 001.7 3h17a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>유형은 나중에 바꿀 수 없어요.\u003C\u002Fb> 가로로 만든 것을 세로로 바꾸려면 다른 템플릿을 골라 새로 꾸며야 합니다.\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"ic-danger\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M12 9v4M12 17h.01\">\u003C\u002Fpath>\u003Cpath d=\"M10.3 3.9L1.8 18a2 2 0 001.7 3h17a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>쓰는 상품이 있으면 비활성으로 못 바꿔요.\u003C\u002Fb> 상품 쪽을 먼저 정리해야 합니다.\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"ic-info\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 16v-5M12 8h.01\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>발급이 시작된 뒤 디자인을 바꾸면 손님마다 수료증 모양이 달라질 수 있어요.\u003C\u002Fb> 이미 받아 간 수료증과 새로 나가는 수료증이 서로 다르게 보입니다. 바꿀 거라면 발급 전에 끝내세요.\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"ic-info\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 16v-5M12 8h.01\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>발급 기관명을 비워 둘 수 없어요.\u003C\u002Fb> 비워 두면 저장 버튼이 눌리지 않습니다.\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"ic-info\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 16v-5M12 8h.01\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>한 사람의 수료를 취소해야 한다면 여기가 아니에요.\u003C\u002Fb> 학습자 상세에서 수료 여부를 바꿉니다. → \u003Ca href=\"\u002Fguide\u002FF02\u002FM-USER-02\">학습자 상세\u003C\u002Fa>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Ful>\n\u003Ch2 id=\"이-일이-자주-생긴다면\">이 일이 자주 생긴다면\u003C\u002Fh2>\n\u003Cp class=\"lede\">수료증은 \u003Cb>끝냈다는 증거\u003C\u002Fb>입니다. 잘 만들어 두면 손님이 스스로 자랑해 줍니다.\u003C\u002Fp>\u003Cdiv class=\"nextchips\">\u003Ca href=\"\u002Ftheme\u002FT15\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M3 17l6-6 4 4 8-8\">\u003C\u002Fpath>\u003Cpath d=\"M21 7v5h-5\">\u003C\u002Fpath>\u003C\u002Fsvg>수료증으로 마무리 짓기\u003C\u002Fa>\u003Ca href=\"\u002Ftheme\u002FT13\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M3 17l6-6 4 4 8-8\">\u003C\u002Fpath>\u003Cpath d=\"M21 7v5h-5\">\u003C\u002Fpath>\u003C\u002Fsvg>수강 완주율 높이기 — 끝까지 듣게 만들기\u003C\u002Fa>\u003Ca href=\"\u002Ftheme\u002FT16\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M3 17l6-6 4 4 8-8\">\u003C\u002Fpath>\u003Cpath d=\"M21 7v5h-5\">\u003C\u002Fpath>\u003C\u002Fsvg>후기 모으고 관리하기 — 수료한 사람에게 후기 받기\u003C\u002Fa>\u003C\u002Fdiv>",{"key":43,"label":23,"id":44,"html":45,"d2":29},"S8","sec-S8","\u003Cblockquote class=\"why\">\u003Cp>보조 근거: solsol-mng(new) \u003Ccode>docs\u002Fvalidation\u002F02_customer-admin.md\u003C\u002Fcode> (S-AD01-1103-001 · S-AD01-1103-002). 글자 수 제한 등 \u003Cb>수치는 옮기지 않았습니다\u003C\u002Fb> — 화면에 표시되는 값이 기준입니다.\u003C\u002Fp>\u003C\u002Fblockquote>",{"key":47,"label":48,"id":49,"html":50,"later":29},"LATER","더 알아보기","sec-LATER","\u003Cdiv class=\"later__hd\">\u003Ch2>더 알아보기\u003C\u002Fh2>\u003Cp>여기서부터는 \u003Cb>참고 정보\u003C\u002Fb>입니다. 급하면 안 읽으셔도 됩니다. 필요할 때 펼쳐 보세요.\u003C\u002Fp>\u003C\u002Fdiv>\u003Cdiv class=\"more\">\u003Cbutton type=\"button\" class=\"more__btn\" data-more=\"\" aria-expanded=\"false\" aria-controls=\"more-209\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" class=\"ic\" aria-hidden=\"true\">\u003Cpath d=\"M9 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cspan>화면이 어떻게 나뉘어 있나\u003C\u002Fspan>\u003Cspan class=\"sub\">찾는 설정이 안 보일 때\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cdiv class=\"more__bd\" id=\"more-209\" hidden=\"\">\u003Cp>이 기능은 화면 \u003Cb>두 개\u003C\u002Fb>로 되어 있습니다.\u003C\u002Fp>\n\u003Cdiv class=\"easy\">\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">템플릿 목록\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">어떤 디자인이 있고, 무엇이 쓰이고 있는지 한눈에 봅니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 기본형(1) · 사용중인 상품 3\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">템플릿 상세\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">목록에서 \u003Cb>템플릿 이름을 눌러야\u003C\u002Fb> 열립니다. 실제로 내용을 고치는 곳은 여기입니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>찾는 설정이 안 보인다면 대개 목록만 보고 계신 경우입니다. 이름을 한 번 눌러 보세요.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"more\">\u003Cbutton type=\"button\" class=\"more__btn\" data-more=\"\" aria-expanded=\"false\" aria-controls=\"more-210\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" class=\"ic\" aria-hidden=\"true\">\u003Cpath d=\"M9 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cspan>화면에 보이는 정보\u003C\u002Fspan>\u003Cspan class=\"sub\">각 칸이 무슨 뜻인지\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cdiv class=\"more__bd\" id=\"more-210\" hidden=\"\">\u003Cp>\u003Cb>목록에서 보이는 것\u003C\u002Fb>\u003C\u002Fp>\n\u003Cdiv class=\"easy\">\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">유형\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">수료증의 뼈대입니다. \u003Cb>바꿀 수 없습니다.\u003C\u002Fb>\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 기본형(1) · 세로형(2) · 영문형(1)\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">템플릿명\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">내가 붙인 이름입니다. 누르면 상세로 들어갑니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 정규과정용 수료증\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">사용중인 상품 수\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">이 디자인으로 수료증이 나가는 강의 수입니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 3\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">활성상태\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">\u003Cb>활성\u003C\u002Fb>이면 상품에서 고를 수 있고, \u003Cb>비활성\u003C\u002Fb>이면 목록에서 숨겨집니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">[미리보기]\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">누르면 실제 모습을 창으로 띄워 줍니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>\u003Cb>상세에서 채우는 것\u003C\u002Fb>\u003C\u002Fp>\n\u003Cdiv class=\"easy\">\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">템플릿 제목\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">반드시 채웁니다. 처음에는 유형 이름이 들어 있습니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 기본형(1)\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">수료 정보\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">수료증에 보일 항목을 켜고 끕니다. 끈 항목은 수료증에서 숨겨집니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">발급 기관명\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">반드시 채웁니다. 처음에는 사이트 이름이 들어 있습니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 쏠쏠 아카데미\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">서명·직인 이미지\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">올리면 수료증 아래쪽에 들어갑니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"more\">\u003Cbutton type=\"button\" class=\"more__btn\" data-more=\"\" aria-expanded=\"false\" aria-controls=\"more-211\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" class=\"ic\" aria-hidden=\"true\">\u003Cpath d=\"M9 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cspan>여기서 할 수 있는 일\u003C\u002Fspan>\u003Cspan class=\"sub\">지금 눌러도 되는 버튼\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cdiv class=\"more__bd\" id=\"more-211\" hidden=\"\">\u003Cdiv class=\"easy\">\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">미리보기\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">목록과 상세 양쪽에 있습니다. 저장하기 전에 눌러 봐도 됩니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">활성 · 비활성 바꾸기\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">상세 맨 위 토글입니다. \u003Cb>쓰는 상품이 있으면 비활성으로 바뀌지 않습니다.\u003C\u002Fb>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">템플릿 제목 바꾸기\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">이름만 바꿔도 수료증 디자인은 그대로입니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">변경사항 저장\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">필수 항목을 다 채워야 눌립니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 발급 기관명이 비어 있으면 안 눌림\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">상품으로 이동\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">사용 중 상품 목록에서 이름을 누르면 그 상품 화면으로 넘어갑니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"more\">\u003Cbutton type=\"button\" class=\"more__btn\" data-more=\"\" aria-expanded=\"false\" aria-controls=\"more-212\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" class=\"ic\" aria-hidden=\"true\">\u003Cpath d=\"M9 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cspan>눌러서 열리는 화면\u003C\u002Fspan>\u003Cspan class=\"sub\">창 두 개가 뜹니다\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cdiv class=\"more__bd\" id=\"more-212\" hidden=\"\">\u003Cp>\u003Cb>창 1. 수료증 미리보기\u003C\u002Fb>\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\" style=\"grid-template-columns:minmax(0,1fr)\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F1103-002\u002Fpreview-modal\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-1103-002-preview-modal.png\" alt=\"수료증 미리보기 창\" decoding=\"async\" width=\"1440\" height=\"1013\" style=\"max-width:100%;height:auto;display:block\">\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>고른 유형에 맞춰 수료증 한 장을 통째로 띄워 줍니다. 실제로 인쇄했을 때 어떻게 보일지를 여기서 가늠하세요.\u003C\u002Fp>\n\u003Cp>\u003Cb>창 2. 사용 중 상품 목록\u003C\u002Fb>\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\" style=\"grid-template-columns:minmax(0,1fr)\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F1103-002\u002Fused-products\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-1103-002-used-products.png\" alt=\"사용 중 상품 목록\" decoding=\"async\" width=\"1440\" height=\"1013\" style=\"max-width:100%;height:auto;display:block\">\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>이 템플릿으로 수료증이 나가는 상품들입니다. 디자인을 고치기 전에 \u003Cb>여기부터\u003C\u002Fb> 보세요. 여기 있는 강의의 수료증이 전부 바뀝니다.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>",[52,55,58],{"id":53,"label":54},"지금-무엇을-하려고-오셨나요","지금 무엇을 하려고 오셨나요?",{"id":56,"label":57},"손님-화면에서는-이렇게-보여요","손님 화면에서는 이렇게 보여요",{"id":59,"label":60},"꼭-알아두세요","꼭 알아두세요",[62,81,92,98,104,108],{"key":63,"caption":64,"status":65,"capture":66,"pins":71},"AD01\u002F1103-001\u002Fmain","수료증 템플릿 목록 — 유형 · 템플릿명 · 사용중인 상품 수 · 활성상태 · [미리보기]","captured",{"file":67,"w":68,"h":69,"ext":70},"\u002Fcaptures\u002FAD01-1103-001-main.png",1440,900,"png",[72,77],{"n":73,"x":74,"y":75,"text":76},1,"18%","46%","**유형**은 만든 뒤에 바꿀 수 없어요. 가로·세로·영문 중에서 먼저 정하세요.",{"n":78,"x":79,"y":75,"text":80},2,"62%","**사용중인 상품 수**가 0이 아니면 이미 손님에게 나가고 있는 디자인이에요.",{"key":82,"caption":83,"status":65,"capture":84,"pins":87},"AD01\u002F1103-002\u002Fmain","템플릿 상세 — 활성상태 \u002F 템플릿 제목 \u002F 수료 정보 \u002F 발급 기관명 \u002F 서명·직인 \u002F [미리보기] \u002F [변경사항 저장]",{"file":85,"w":68,"h":86,"ext":70},"\u002Fcaptures\u002FAD01-1103-002-main.png",1013,[88],{"n":73,"x":89,"y":90,"text":91},"30%","58%","**발급 기관명**은 수료증에 찍히는 발급 주체예요. 사업자명과 사이트 이름 중 무엇을 쓸지 미리 정해 두세요.",{"key":93,"caption":94,"status":65,"capture":95,"pins":97},"AD01\u002F1103-002\u002Fpreview-modal","수료증 미리보기 창 — 설정한 내용이 반영된 수료증 모습",{"file":96,"w":68,"h":86,"ext":70},"\u002Fcaptures\u002FAD01-1103-002-preview-modal.png",[],{"key":99,"caption":100,"status":65,"capture":101,"pins":103},"AD01\u002F1103-002\u002Fused-products","사용 중 상품 목록 — 이 템플릿으로 수료증이 나가는 상품들",{"file":102,"w":68,"h":86,"ext":70},"\u002Fcaptures\u002FAD01-1103-002-used-products.png",[],{"key":93,"caption":105,"status":65,"capture":106,"pins":107},"수료증 미리보기 창",{"file":96,"w":68,"h":86,"ext":70},[],{"key":99,"caption":109,"status":65,"capture":110,"pins":111},"사용 중 상품 목록",{"file":102,"w":68,"h":86,"ext":70},[],[113,114],"FR01\u002F0301-103_pu01\u002Fbefore-certificate","FR01\u002F0301-103_pu01\u002Fafter-certificate",0,3589,{"docId":4,"title":11,"category":9,"playbooks":118,"themes":119,"aliases":121,"screenIds":129,"subscreens":132,"docType":134,"template":135,"frontImpact":136,"captures":147,"updatedAt":159,"freshness":160,"wave":161,"author":162,"reviewStatus":163},[],[120],"T15",[122,123,124,125,126,127,128],"수료증","이수증","수료증디자인","발급기관","서명","직인","수료증템플릿",[130,131],"S-AD01-1103-001","S-AD01-1103-002",[133,109],"미리보기 창","setting","D2",{"kind":137,"latency":138,"evidence":139,"screens":140,"beforeAfter":146},"conditional","on-complete","ledger",[141],{"id":142,"path":143,"area":144,"effect":145},"S-FR01-0301-103_pu01","\u002Fmypage\u002Fcertificate","마이페이지 › 수료증","여기서 만든 디자인이 손님이 받는 수료증 그 자체가 된다. 수료 조건을 채운 손님에게만 보인다",{"before":113,"after":114},[148,151,153,154,155,157],{"key":63,"slot":149,"status":150},"템플릿 목록 전체","pending",{"key":82,"slot":152,"status":150},"템플릿 상세 설정",{"key":93,"slot":105,"status":150},{"key":99,"slot":109,"status":150},{"key":113,"slot":156,"status":150},"수료 전 — 수료증 없음",{"key":114,"slot":158,"status":150},"수료 후 — 수료증 받기","2026-07-22","pending-review","W5","백콘텐츠(ops-content-writer)","draft",{"docId":4,"screenIds":165,"subscreens":166,"updatedAt":159,"freshness":160},[130,131],[133,109],[168],{"id":120,"title":169,"to":170,"axis":171},"수료증으로 마무리 짓기","\u002Ftheme\u002FT15","theme",1784876347890]