{"code":"0000","status":"SUCCESS","message":"성공","data":{"page":{"widgetType":"HOME","path":"home","gnbDesignId":1,"seo":{"title":"내 사이트","description":"zbd-starter 로 만든 사이트 — 공지·게시판·고객센터","keyword":"내 사이트"},"items":[{"id":1,"name":"홈 — 첫 화면 배너","type":"HTML","use":true,"html":"
\n
\n
\n
\n ✨ 새로 문을 열었어요\n

작게 시작해서
크게 키우는 우리 사이트

\n

공지·게시판·고객센터가 처음부터 준비되어 있어요.
필요한 기능은 플러그인으로 하나씩 더하면 됩니다.

\n
\n 무료로 시작하기\n 공지 둘러보기 ›\n
\n
  • 24시간언제든 접속
  • 모바일휴대폰에 딱 맞게
  • 안전개인정보 암호화
\n
\n
\n
📢
공지사항새 소식을 가장 먼저
\n
💬
자유게시판오늘 올라온 글 12개
\n
🎧
고객센터평균 답변 10분
\n
\n
\n
","css":".zsh-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#312e81 0%,#4338ca 45%,#7c3aed 100%);padding:96px 24px 104px}\n.zsh-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:zsh-float 12s ease-in-out infinite}\n.zsh-g1{width:420px;height:420px;background:#22d3ee;top:-140px;right:-80px}\n.zsh-g2{width:360px;height:360px;background:#f472b6;bottom:-160px;left:-100px;animation-delay:-6s}\n@keyframes zsh-float{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,24px)}}\n.zsh-in{position:relative;max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:56px}\n.zsh-copy{flex:1.1}\n.zsh-badge{display:inline-block;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.16);font-size:14px;font-weight:600;backdrop-filter:blur(4px)}\n.zsh-hero h1{margin:20px 0 16px;font-size:52px;line-height:1.18;font-weight:800;letter-spacing:-.02em}\n.zsh-hero h1 b{background:linear-gradient(90deg,#a5f3fc,#fbcfe8);-webkit-background-clip:text;background-clip:text;color:transparent}\n.zsh-hero p{margin:0;font-size:18px;line-height:1.7;color:rgba(255,255,255,.86)}\n.zsh-btns{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}\n.zsh-btn{display:inline-flex;align-items:center;height:52px;padding:0 26px;border-radius:14px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}\n.zsh-btn:hover{transform:translateY(-2px)}\n.zsh-primary{background:#fff;color:#4338ca;box-shadow:0 10px 30px rgba(15,10,60,.3)}\n.zsh-ghost{color:#fff;border:1.5px solid rgba(255,255,255,.5)}\n.zsh-stats{display:flex;gap:36px;list-style:none;padding:0;margin:40px 0 0}\n.zsh-stats b{display:block;font-size:20px}.zsh-stats span{font-size:13px;color:rgba(255,255,255,.7)}\n.zsh-art{flex:.9;position:relative;height:340px}\n.zsh-card{position:absolute;display:flex;gap:14px;align-items:center;padding:18px 22px;border-radius:18px;background:rgba(255,255,255,.95);color:#1e1b4b;box-shadow:0 20px 50px rgba(15,10,60,.35);animation:zsh-bob 6s ease-in-out infinite;min-width:250px}\n.zsh-card i{font-style:normal;font-size:28px;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#eef2ff}\n.zsh-card b{display:block;font-size:16px}.zsh-card span{font-size:13px;color:#6b7280}\n.zsh-c1{top:0;left:10%}.zsh-c2{top:120px;right:0;animation-delay:-2s}.zsh-c3{top:240px;left:0;animation-delay:-4s}\n@keyframes zsh-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n@media (max-width:899px){.zsh-hero{padding:56px 20px 64px}.zsh-in{flex-direction:column;gap:32px}.zsh-hero h1{font-size:34px}.zsh-hero p{font-size:16px}.zsh-art{flex:none;width:100%;height:250px}.zsh-hero p br{display:none}.zsh-card{min-width:0;padding:14px 16px}.zsh-c1{left:0}.zsh-c2{top:90px}.zsh-c3{top:180px;left:6%}.zsh-stats{gap:22px}}","css_vars":"","javascript":"","isFullWidth":true,"isRaw":true},{"id":2,"name":"홈 — 이벤트 배너 3개","type":"HTML","use":true,"html":"
\n NOTICE오픈 소식과 이용 안내공지 보러 가기 →📣\n EVENT지금 가입하면 첫 달 혜택회원가입 →🎁\n HELP궁금한 점은 언제든 물어보세요고객센터 →💡\n
","css":".zsp{max-width:1200px;margin:-48px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:1}\n.zsp-b{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:24px;border-radius:20px;color:#fff;text-decoration:none;box-shadow:0 14px 34px rgba(30,27,75,.18);transition:transform .25s,box-shadow .25s}\n.zsp-b:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(30,27,75,.26)}\n.zsp-1{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.zsp-2{background:linear-gradient(135deg,#f43f5e,#f59e0b)}.zsp-3{background:linear-gradient(135deg,#10b981,#0d9488)}\n.zsp-t{font-size:12px;font-weight:800;letter-spacing:.12em;opacity:.85}\n.zsp-b b{font-size:20px;line-height:1.35;max-width:75%}\n.zsp-b em{font-style:normal;font-size:14px;font-weight:600;margin-top:auto;opacity:.9}\n.zsp-b i{position:absolute;right:18px;bottom:10px;font-style:normal;font-size:64px;opacity:.9;transform:rotate(-8deg)}\n@media (max-width:899px){.zsp{grid-template-columns:1fr;margin-top:-32px;padding:0 16px;gap:12px}.zsp-b{min-height:118px}.zsp-b i{font-size:48px}}","css_vars":"","javascript":"","isFullWidth":true,"isRaw":true},{"id":3,"name":"홈 — 할 수 있는 것","type":"HTML","use":true,"html":"
\n
FEATURES

필요한 건 처음부터 다 있어요

문을 연 첫날부터 바로 쓸 수 있는 기본 기능이에요.

\n
\n 📢공지사항

사이트 소식을 한곳에서 알리고, 중요한 글은 위에 고정해요.

바로 가기 →\n 💬자유게시판

회원끼리 글과 댓글로 이야기를 나눠요.

바로 가기 →\n 🎧1:1 고객센터

문의를 남기면 관리자가 바로 답해 드려요.

바로 가기 →\n 🔐안전한 회원

이메일 인증·패스키 로그인, 개인정보는 암호화해 보관해요.

바로 가기 →\n 📱모바일에 딱

휴대폰·태블릿·PC 어디서 열어도 보기 좋게 맞춰져요.

바로 가기 →\n 🧩플러그인

쇼핑·예약·메신저… 필요한 기능은 하나씩 더해요.

바로 가기 →\n
\n
","css":".zsf{max-width:1200px;margin:0 auto;padding:96px 24px 80px}\n.zsf-head{text-align:center;margin-bottom:48px}\n.zsf-head span{font-size:13px;font-weight:800;letter-spacing:.14em;color:#4338ca}\n.zsf-head h2{margin:10px 0 12px;font-size:36px;font-weight:800;color:#1e1b4b;letter-spacing:-.02em}\n.zsf-head p{margin:0;font-size:17px;color:#6b7280}\n.zsf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.zsf-c{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:20px;background:#fff;border:1px solid #e5e7eb;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s,border-color .25s}\n.zsf-c:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(67,56,202,.12);border-color:#c7d2fe}\n.zsf-c i{font-style:normal;font-size:26px;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#f5f3ff)}\n.zsf-c b{font-size:19px;color:#1e1b4b;margin-top:6px}\n.zsf-c p{margin:0;font-size:15px;line-height:1.65;color:#6b7280}\n.zsf-c span{margin-top:auto;padding-top:8px;font-size:14px;font-weight:700;color:#4338ca;opacity:0;transform:translateX(-6px);transition:.25s}\n.zsf-c:hover span{opacity:1;transform:none}\n@media (max-width:899px){.zsf{padding:64px 16px 56px}.zsf-head h2{font-size:26px}.zsf-head p{font-size:15px}.zsf-grid{grid-template-columns:1fr 1fr;gap:12px}.zsf-c{padding:18px;gap:6px}.zsf-c b{font-size:16px}.zsf-c p{font-size:13px}.zsf-c span{display:none}}\n@media (max-width:520px){.zsf-grid{grid-template-columns:1fr}}","css_vars":"","javascript":"","isFullWidth":true,"isRaw":true},{"id":4,"name":"홈 — 시작 띠","type":"HTML","use":true,"html":"
\n

지금 바로 함께하세요

가입은 1분이면 끝나요. 이메일만 있으면 됩니다.

\n
회원가입문의하기
\n
","css":".zsc{padding:0 24px 96px}\n.zsc-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:48px 56px;border-radius:28px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(34,211,238,.45),transparent 45%),linear-gradient(120deg,#1e1b4b,#4338ca)}\n.zsc h2{margin:0 0 8px;font-size:30px;font-weight:800}.zsc p{margin:0;font-size:16px;color:rgba(255,255,255,.8)}\n.zsc-btns{display:flex;gap:12px;flex-shrink:0}\n.zsc-b{display:inline-flex;align-items:center;height:50px;padding:0 24px;border-radius:14px;font-weight:700;text-decoration:none;color:#fff;border:1.5px solid rgba(255,255,255,.45);transition:transform .2s}\n.zsc-b:hover{transform:translateY(-2px)}.zsc-p{background:#fff;color:#4338ca;border-color:#fff}\n@media (max-width:899px){.zsc{padding:0 16px 64px}.zsc-in{flex-direction:column;align-items:flex-start;padding:32px 24px;border-radius:22px}.zsc h2{font-size:24px}}","css_vars":"","javascript":"","isFullWidth":true,"isRaw":true}],"designId":2,"name":"홈페이지"},"gnb":{"widgetType":"GNB","use":true,"useLayout":true,"className":"zsg","logoAlign":"ROW","path":"","gnbDesignId":0,"bgColor":"#4338caf2","floatingBgColor":"#4338caf2","mobileDrawerBgColor":"#ffffff","disableFloating":false,"isGnbHeightZero":false,"items":[{"id":1,"type":"LINK","name":"공지사항","use":true,"link":{"type":"INTERNAL","target":"/board/notice"}},{"id":2,"type":"LINK","name":"자유게시판","use":true,"link":{"type":"INTERNAL","target":"/board/free"}},{"id":3,"type":"LINK","name":"고객센터","use":true,"link":{"type":"INTERNAL","target":"/cs"}}],"layout":{"height":72,"mobileHeight":56,"rows":[{"id":1,"rowType":"MAIN","name":"헤더","device":"PC","direction":"row","alignItems":"center","height":72,"className":"zsg-main","columns":[{"id":11,"type":"LOGO","device":"PC","className":"zsg-logo","name":"로고","items":[]},{"id":12,"type":"WIDGETS","device":"PC","className":"zsg-menu","name":"주 메뉴","direction":"row","alignItems":"center","flexGrow":1,"items":[{"id":101,"type":"LINK","name":"공지사항","use":true,"link":{"type":"INTERNAL","target":"/board/notice"}},{"id":102,"type":"LINK","name":"자유게시판","use":true,"link":{"type":"INTERNAL","target":"/board/free"}},{"id":103,"type":"LINK","name":"고객센터","use":true,"link":{"type":"INTERNAL","target":"/cs"}}]},{"id":13,"type":"SUB_MENU","device":"PC","className":"zsg-sub","name":"보조 메뉴(로그인·회원가입)","items":[]}]},{"id":2,"rowType":"MOBILE_DRAWER","name":"휴대폰 메뉴","className":"zsd","columns":[{"id":21,"type":"WIDGETS","className":"zsd-top","name":"인사말","items":[{"id":211,"type":"HTML","use":true,"isRaw":true,"displayCondition":"AFTER_LOGIN","html":"

{회원이름}님, 반가워요 👋

"},{"id":212,"type":"HTML","use":true,"isRaw":true,"displayCondition":"BEFORE_LOGIN","html":"

어서 오세요 👋 로그인하고 시작해 보세요

"}]},{"id":22,"type":"SUB_MENU","className":"zsd-sub","name":"보조 메뉴","items":[]},{"id":23,"type":"WIDGETS","className":"zsd-menu","name":"주 메뉴","items":[{"id":201,"type":"LINK","name":"공지사항","use":true,"link":{"type":"INTERNAL","target":"/board/notice"}},{"id":202,"type":"LINK","name":"자유게시판","use":true,"link":{"type":"INTERNAL","target":"/board/free"}},{"id":203,"type":"LINK","name":"고객센터","use":true,"link":{"type":"INTERNAL","target":"/cs"}}]}]}]},"subMenu":{"use":true,"useBeforeLogin":true,"useAfterLogin":true,"beforeLogin":[{"id":1,"type":"LINK","name":"로그인","use":true,"link":{"type":"SCRIPT","target":"window.zbdSite.doLogin()"}},{"id":2,"type":"LINK","name":"회원가입","use":true,"link":{"type":"INTERNAL","target":"/user/join"}}],"afterLogin":[{"id":1,"type":"LINK","name":"내 정보","use":true,"link":{"type":"INTERNAL","target":"/user/my"}},{"id":2,"type":"LINK","name":"로그아웃","use":true,"link":{"type":"SCRIPT","target":"window.zbdSite.doLogout()"}}]},"lineBanner":{"use":true,"beforeLogin":{"use":true,"items":[{"id":1,"type":"TEXTS","use":true,"backgroundColor":"#1e1b4b","height":36,"displayRuleType":24,"link":{"type":"INTERNAL","target":"/user/join"},"texts":[{"id":1,"text":"🎉 사이트가 새로 문을 열었어요","fontSize":14,"fontColor":"#e0e7ff","fontWeight":500,"marginRight":10},{"id":2,"text":"가입하기 ›","fontSize":14,"fontColor":"#a5f3fc","fontWeight":700,"marginRight":0}]}]},"afterLogin":{"use":true,"items":[{"id":1,"type":"TEXTS","use":true,"backgroundColor":"#1e1b4b","height":36,"displayRuleType":24,"link":{"type":"INTERNAL","target":"/board/free"},"texts":[{"id":1,"text":"{nickname}님, 반가워요!","fontSize":14,"fontColor":"#e0e7ff","fontWeight":500,"marginRight":10},{"id":2,"text":"오늘의 글 보기 ›","fontSize":14,"fontColor":"#a5f3fc","fontWeight":700,"marginRight":0}]}]}},"footer":{"use":true,"bgColor":"#f8fafc","html":"
\n
내 사이트

작게 시작해서 크게 키우는 우리 사이트

\n
\n

상호 [회사명] · 대표 [대표자] · 사업자등록번호 [000-00-00000]

\n

주소 [주소] · 이메일 [이메일] · 고객센터 [전화번호]

\n

© 내 사이트. All rights reserved.

\n
\n
","css":"footer .zsft{max-width:1200px;margin:0 auto;padding:8px 0 24px;display:flex;gap:48px;justify-content:space-between;flex-wrap:wrap;color:#6b7280;font-size:13px;line-height:1.8}\nfooter .zsft-brand b{font-size:18px;color:#1e1b4b}footer .zsft-brand p{margin:4px 0 0}\nfooter .zsft-info p{margin:0}footer .zsft-copy{margin-top:8px !important;color:#9ca3af}","subMenu":{"use":true,"useBeforeLogin":true,"useAfterLogin":true,"beforeLogin":[{"id":1,"type":"LINK","name":"이용약관","use":true,"link":{"type":"SCRIPT","target":"window.zbdSite.openTerms(\"terms001\")"}},{"id":2,"type":"LINK","name":"개인정보 처리방침","use":true,"link":{"type":"SCRIPT","target":"window.zbdSite.openTerms(\"privacy1\")"}},{"id":3,"type":"LINK","name":"공지사항","use":true,"link":{"type":"INTERNAL","target":"/board/notice"}},{"id":4,"type":"LINK","name":"고객센터","use":true,"link":{"type":"INTERNAL","target":"/cs"}}],"afterLogin":[{"id":1,"type":"LINK","name":"이용약관","use":true,"link":{"type":"SCRIPT","target":"window.zbdSite.openTerms(\"terms001\")"}},{"id":2,"type":"LINK","name":"개인정보 처리방침","use":true,"link":{"type":"SCRIPT","target":"window.zbdSite.openTerms(\"privacy1\")"}},{"id":3,"type":"LINK","name":"공지사항","use":true,"link":{"type":"INTERNAL","target":"/board/notice"}},{"id":4,"type":"LINK","name":"고객센터","use":true,"link":{"type":"INTERNAL","target":"/cs"}}]}},"css_vars":"header {\n --bgColor: #4338caf2;\n --floatingBgColor: #4338caf2;\n --mobileDrawerBgColor: #ffffffee;\n --footer_bgColor: #f8fafc;\n}\n","css":"/* 기본 GNB — 남색 머리, 흰 글자. 클래스 zsg(GNB 설정 className) */\nheader.zsg a:focus:not(:focus-visible){outline:none}\nheader.zsg .zsg-menu{margin-left:44px;gap:36px}\nheader.zsg .zsg-menu a,header.zsg .zsg-menu a *{color:#fff !important;font-size:16px;font-weight:600}\nheader.zsg .zsg-menu a:hover *{opacity:.8}\nheader.zsg .zsg-sub{gap:6px}\nheader.zsg .zsg-sub a,header.zsg .zsg-sub a *{color:rgba(255,255,255,.92) !important;font-size:14px;font-weight:500}\nheader.zsg .zsg-sub a[href=\"/user/join\"]{background:#fff;border-radius:999px;padding:6px 16px}\nheader.zsg .zsg-sub a[href=\"/user/join\"] *{color:#4338ca !important;font-weight:700}\nheader.zsg .scrolled .line-bt{display:none}\nheader.zsg:not(.m) .scrolled.menu{height:72px}\nheader.zsg.m .menu > .MuiStack-root:not(.line-bt){flex:1 1 auto;min-height:0;align-items:center}\nheader.zsg.m .menu .MuiIconButton-root{color:#fff}\nheader.zsg.m .logo{align-items:center;padding-left:16px}\nheader.zsg.m .logo img{width:auto !important;height:28px !important;max-width:160px;object-fit:contain}\n\n/* 휴대폰 메뉴 서랍(#mobile-drawer.zsg) — 남색 머리띠(인사말·로그인/회원가입 버튼) + 흰 바탕 메뉴 목록 */\n#mobile-drawer.zsg .MuiDrawer-paper{background:#fff;width:min(86vw,340px);box-shadow:-12px 0 40px rgba(15,23,42,.25)}\n#mobile-drawer.zsg .MuiDrawer-paper > .MuiStack-root{padding:0 !important;margin:0 !important;width:100%}\n#mobile-drawer.zsg .MuiDrawer-paper > .material-icons{color:#fff;z-index:2;opacity:.9;top:16px !important;right:16px !important}\n#mobile-drawer.zsg .zsd{gap:0 !important}\n#mobile-drawer.zsg .zsd-top{background:linear-gradient(90deg,#3730a3 0%,#4f46e5 60%,#7c3aed 100%);padding:56px 24px 22px !important;margin:0 !important}\n#mobile-drawer.zsg .zsd-top .MuiContainer-root{padding:0 !important}\n#mobile-drawer.zsg .zsd-hello{margin:0;color:#e0e7ff;font-size:17px;line-height:1.5;font-weight:500;text-align:left;word-break:keep-all}\n#mobile-drawer.zsg .zsd-hello strong{color:#fff;font-weight:800}\n#mobile-drawer.zsg .zsd-sub{background:linear-gradient(90deg,#3730a3 0%,#4f46e5 60%,#7c3aed 100%);padding:0 24px 24px !important;margin:0 !important}\n#mobile-drawer.zsg .zsd-sub > .MuiStack-root{display:flex;flex-wrap:nowrap;gap:10px;width:100%;justify-content:stretch}\n#mobile-drawer.zsg .zsd-sub .MuiDivider-root{display:none}\n#mobile-drawer.zsg .zsd-sub a{flex:1 1 0;display:flex;align-items:center;justify-content:center;height:44px;border-radius:12px;border:1.5px solid rgba(255,255,255,.55);color:#fff !important;text-decoration:none;transition:background .15s}\n#mobile-drawer.zsg .zsd-sub a *{color:#fff !important;font-size:15px !important;font-weight:700 !important;margin:0 !important}\n#mobile-drawer.zsg .zsd-sub a:last-of-type{background:#fff;border-color:#fff}\n#mobile-drawer.zsg .zsd-sub a:last-of-type *{color:#4338ca !important}\n#mobile-drawer.zsg .zsd-sub a:active{opacity:.8}\n#mobile-drawer.zsg .zsd-menu{padding:12px 0 !important;margin:0 !important;gap:0 !important}\n#mobile-drawer.zsg .zsd-menu > .MuiStack-root{margin:0 !important;padding:0 !important}\n#mobile-drawer.zsg .zsd-menu a{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;border-bottom:1px solid #f1f5f9;color:#1e1b4b !important;text-decoration:none}\n#mobile-drawer.zsg .zsd-menu a *{color:#1e1b4b !important;font-size:17px !important;font-weight:600 !important;margin:0 !important}\n#mobile-drawer.zsg .zsd-menu a::after{content:\"\";width:8px;height:8px;border-top:2px solid #a5b4fc;border-right:2px solid #a5b4fc;transform:rotate(45deg);flex:none}\n#mobile-drawer.zsg .zsd-menu a:active{background:#eef2ff}\n","javascript":"","designId":1,"name":"기본 GNB"}},"meta":{"requestId":"muxmppie284"}}