- Scan ID:
- 776db153-e1bf-4899-ab78-32b444c39b89Finished
- Submitted URL:
- https://waffleboard.io/customers
- Report Finished:
Links · 5 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://docs.wafflecloud.cc/ | 메뉴얼 |
| https://waffleboard.channel.io | 채팅 상담하기 |
| http://pf.kakao.com/_xdfBYb/chat | 와플보드 |
| https://t.me/waffleboard | 메세지 보내기 |
| https://aws.amazon.com/ko/ | .st0 { fill: #252f3e; } .st1 { fill-rule: evenodd; clip-rule: evenodd; fill: #ff9900; } |
JavaScript Variables · 18 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| google_tag_manager | object |
| google_tag_data | object |
| dataLayer | object |
| gtag | function |
| gtag_report_conversion | function |
| clarity | function |
Console log messages · 4 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
HTML
The raw HTML body of the page
<html><head>
<title>고객사 - 와플보드 - 커뮤니티 사이트 제작 솔루션</title>
<meta name="robots" content="index,follow">
<meta name="viewport" content="width=device-width">
<link rel="icon" type="image/png" sizes="512x512" href="https://static.waffleboard.io/static/assets/favicon/favicon-512.png">
<link rel="icon" type="image/png" sizes="300x300" href="https://static.waffleboard.io/static/assets/favicon/favicon-300.png">
<link rel="icon" type="image/png" sizes="180x180" href="https://static.waffleboard.io/static/assets/favicon/favicon-180.png">
<link rel="icon" type="image/png" sizes="96x96" href="https://static.waffleboard.io/static/assets/favicon/favicon-96.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://static.waffleboard.io/static/assets/favicon/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://static.waffleboard.io/static/assets/favicon/favicon-16.png">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<meta name="naver-site-verification" content="d3247cf7fadbbe4c2a98c5faa754b23429df1057">
<style>
:root {
--main-color: #00ffa8;
--main-color-hover: #00d58e;
--main-background-color: #c4ffeb;
--main-background-color-hover: #68ffcd;
}
html.active,
body.active {
height: 100%;
overflow-y: hidden;
}
body {
font-family: "Noto Sans KR", sans-serif;
/* font-family: Arial, Helvetica, sans-serif; */
}
a {
color: #000;
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
}
h1 {
font-size: 3em;
}
main {
width: 1250px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 50px;
margin: 0 auto;
}
button {
cursor: pointer;
}
.bold {
font-weight: bold;
}
.wrap {
width: 1250px;
}
@media (max-width: 1250px) {
h1 {
font-size: 9vw;
}
h2 {
font-size: 6vw;
}
.wrap {
width: 100%;
padding: 0 10px;
}
main {
width: 100%;
padding: 0 10px;
}
}
#pagination {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 20px;
}
#pagination a {
display: flex;
background-color: #eee;
padding: 8px 12px;
border-radius: 4px;
}
#pagination a:hover {
background-color: #ccc;
}
/* Flash */
#flash {
position: fixed;
top: 20px;
right: 20px;
min-width: 300px;
width: fit-content;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
color: #000;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
z-index: 10;
}
#flash.active {
display: none;
}
#flash.trueBackground {
background-color: #10b886;
}
#flash.falseBackground {
background-color: #e74c3c;
}
#flash .message {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
padding: 20px;
padding-right: 40px;
padding-bottom: 26px;
}
#flash .bar {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 6px;
background-color: rgba(255, 255, 255, 0.5);
animation: barClose 5s;
}
@keyframes barClose {
from {
width: 100%;
}
to {
width: 0;
}
}
#flash .close {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
#flash .close svg {
width: 16px;
height: 16px;
color: rgba(255, 255, 255, 0.6);
}
/* Banner */
#banners {
width: 1080px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
#banners .banner {
display: flex;
justify-content: center;
align-items: center;
}
#banners .banner a {
display: flex;
justify-content: center;
align-items: center;
}
#banners .banner img {
max-width: 100%;
width: 100%;
}
@media (max-width: 1250px) {
#banners {
width: 100%;
grid-template-columns: repeat(1, 1fr);
padding: 0 10px;
}
#banners .banner img {
max-width: 100%;
width: 100%;
}
}
/* contact */
main #contact {
font-weight: bold;
padding: 40px 0;
box-sizing: border-box;
}
main #contact .items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
main #contact .items a {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 60px;
border-radius: 4px;
font-size: 1.2em;
background-color: rgba(0, 0, 0, 0.03);
}
main #contact .items div {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
}
main #contact .items img {
width: 18px;
height: 18px;
margin-right: 10px;
}
main #contact .items a:hover {
background-color: rgba(0, 0, 0, 0.06);
}
main #contact .kakao {
/* background-color: #FFDC00; */
cursor: pointer;
}
main #contact .telegram {
/* background-color: #179CDE; */
}
@media (max-width: 1250px) {
main #contact .items {
grid-template-columns: repeat(1, 1fr);
}
}
</style>
<link rel="stylesheet" href="/output.css?v=1">
<!-- Google tag (gtag.js) -->
<script type="text/javascript" async="" src="https://cdn.channel.io/plugin/ch-plugin-web.js"></script><script async="" src="https://www.clarity.ms/s/0.7.48/clarity.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-778486207&l=dataLayer&cx=c"></script><script async="" src="https://www.clarity.ms/tag/k1dd1shkgv"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-28VM744291&l=dataLayer&cx=c"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-11283557108"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "AW-11283557108");
</script>
<!-- Event snippet for 문의하기 conversion page
In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
<script>
function gtag_report_conversion(url) {
var callback = function () {
if (typeof url != "undefined") {
window.location = url;
}
};
gtag("event", "conversion", {
send_to: "AW-11052751303/AM7xCODT7_EYEMezrpYp",
event_callback: callback,
});
return false;
}
</script>
<script>
const contactCheck = () => {
console.log("contactCheck");
// Google
gtag_report_conversion();
// Naver
};
</script>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-28VM744291"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-28VM744291');
</script>
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "k1dd1shkgv");
</script>
<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<style>/* ! tailwindcss v3.4.5 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0px;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;}[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:#2563eb}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:0.75rem;print-color-adjust:unset}[type='checkbox'],[type='radio']{-webkit-appearance:none;appearance:none;padding:0;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type='checkbox']{border-radius:0px}[type='radio']{border-radius:100%}[type='checkbox']:focus,[type='radio']:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}[type='checkbox']:checked,[type='radio']:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type='checkbox']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");}@media (forced-colors: active) {[type='checkbox']:checked{-webkit-appearance:auto;appearance:auto}}[type='radio']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");}@media (forced-colors: active) {[type='radio']:checked{-webkit-appearance:auto;appearance:auto}}[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{border-color:transparent;background-color:currentColor}[type='checkbox']:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}@media (forced-colors: active) {[type='checkbox']:indeterminate{-webkit-appearance:auto;appearance:auto}}[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{border-color:transparent;background-color:currentColor}[type='file']{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type='file']:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.inset-0{inset:0px}.-mt-1{margin-top:-0.25rem}.mb-10{margin-bottom:2.5rem}.mt-4{margin-top:1rem}.grid{display:grid}.h-96{height:24rem}.w-96{width:24rem}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.gap-4{gap:1rem}.border{border-width:1px}.border-solid{border-style:solid}.border-gray-400\/50{border-color:rgb(156 163 175 / 0.5)}.object-cover{object-fit:cover}.text-\[3em\]{font-size:3em}.text-sm{font-size:0.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}</style></head>
<body data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0">
<!-- Global site tag (gtag.js) - Google Ads: 778486207 -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-778486207"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-778486207');
</script>
<script>
const flash = document.querySelector('#flash');
if (flash) {
const flashClose = flash.querySelector('.close');
flashClose.addEventListener('click', () => {
flash.classList.toggle('active');
});
setTimeout(() => {
flash.style.display = 'none';
}, 5000);
}
</script>
<style>
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 80px;
border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
background-color: #fff;
z-index: 3;
box-sizing: border-box;
}
header .toggleBtn {
display: none;
justify-content: center;
align-items: center;
cursor: pointer;
}
header .wrap {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
header .logo {
padding: 10px 0;
}
header .logo img {
max-width: 260px;
}
header .navWrap {
flex: 1;
}
header nav {
flex: 1;
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}
header nav .main {
flex: 1;
display: flex;
justify-content: flex-end;
align-items: center;
}
header nav .main > li {
height: 100%;
position: relative;
}
header nav .main > li > a {
height: 100%;
font-size: 1.1em;
font-weight: 400;
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
z-index: 3;
padding: 0 12px;
}
header nav .main > li > a:hover::after {
background-color: #00ffa8;
}
header nav .main > li > a svg {
width: 12px;
height: 12px;
color: #888;
}
header .mypage {
display: flex;
justify-content: center;
align-items: center;
font-size: 0.9em;
}
header .mypage .slash {
font-size: 0.3em;
color: rgba(0, 0, 0, 0.3);
padding: 0 6px;
}
@media (min-width: 1251px) {
header .wrap {
gap: 80px;
}
header nav .main {
height: 100%;
}
header nav .main li > a::after {
position: absolute;
bottom: 32px;
content: "";
width: 80%;
height: 5px;
z-index: -1;
}
header nav .main > li > a:hover::after {
border-radius: 5px;
}
header nav .main > li:hover > ul {
display: flex;
}
header nav .main > li > ul {
position: absolute;
top: 78px;
left: 50%;
transform: translate(-50%, 0);
display: none;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #fff;
border: 2px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}
header nav .main > li > ul > li {
display: flex;
justify-content: center;
align-items: center;
}
header nav .main > li > ul > li > a {
display: flex;
justify-content: center;
align-items: center;
padding: 14px 40px;
}
header nav .main > li > ul > li > a:hover {
background-color: rgba(0, 0, 0, 0.1);
}
header .navWrap .navBackground {
display: none;
}
}
@media (max-width: 1250px) {
header {
height: unset;
border: 0;
}
header .toggleBtn {
position: absolute;
top: 0;
right: 0;
width: 70px;
height: 70px;
display: flex;
z-index: 10;
}
header .toggleBtn svg {
color: #000;
width: 22px;
height: 22px;
}
header .wrap {
flex-direction: column;
}
header .logo {
width: 100%;
height: 70px;
padding: 0;
display: flex;
justify-content: flex-start;
padding: 0 20px;
align-items: center;
box-sizing: border-box;
z-index: 5;
}
header .logo img {
max-height: 22px;
}
header .navWrap {
display: none;
}
header .navWrap.active {
display: flex;
}
header nav {
position: fixed;
top: 0;
right: 0;
width: 70%;
height: 100vh;
display: flex;
justify-content: flex-start;
flex-direction: column;
background-color: #fff;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
z-index: 10;
}
header nav.active {
display: flex;
}
header nav .main {
width: 100%;
flex-direction: column;
}
header nav .main > li {
width: 100%;
margin-bottom: 10px;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 4px;
box-sizing: border-box;
}
header nav .main > li > a {
width: 100%;
padding: 10px 0;
}
header nav .main > li:hover {
background-color: rgba(0, 0, 0, 0.1);
}
header nav .main > li > ul {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
header nav .main > li > ul > li {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
header nav .main > li > ul > li > a {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 0;
border-radius: 4px;
box-sizing: border-box;
}
header nav .main > li > ul > li > a:hover {
font-weight: bold;
}
header .main {
order: 2;
}
header .mypage {
order: 1;
padding: 20px 0;
}
header .mypage li a:hover {
font-weight: bold;
}
header .navWrap .navBackground {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
cursor: pointer;
z-index: 2;
}
}
</style>
<header>
<div class="toggleBtn">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px">
<path fill="currentColor" d="M 0 2 L 0 4 L 24 4 L 24 2 Z M 0 11 L 0 13 L 24 13 L 24 11 Z M 0 20 L 0 22 L 24 22 L 24 20 Z"></path>
</svg>
</div>
<div class="wrap">
<div class="logo">
<a href="/"><img src="https://static.waffleboard.io/static/assets/logo.svg" alt="와플보드"></a>
</div>
<div class="navWrap">
<nav>
<ul class="main">
<li>
<a href="/features">제품 특징</a>
</li>
<li>
<a href="/themes">테마</a>
</li>
<li>
<a href="/plugins">플러그인</a>
</li>
<li>
<a href="/customers">고객사</a>
</li>
<!-- <li>-->
<!-- <a href="/payment">결제</a>-->
<!-- </li>-->
<li>
<a href="/ranking">커뮤니티 순위</a>
</li>
<li>
<a href="/blog">블로그</a>
</li>
<li>
<a href="https://docs.wafflecloud.cc/" target="_blank">
<div>메뉴얼</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="currentColor" d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"></path>
</svg>
</a>
</li>
</ul>
</nav>
<div class="navBackground"></div>
</div>
</div>
</header>
<script>
const html = document.querySelector("html");
const body = document.querySelector("body");
const navWrap = document.querySelector(".navWrap");
const navBackground = document.querySelector(".navBackground");
const toggleBtn = document.querySelector(".toggleBtn");
if (toggleBtn) {
toggleBtn.addEventListener("click", () => {
navWrap.classList.toggle("active");
html.classList.toggle("active");
body.classList.toggle("active");
});
}
if (navBackground) {
navBackground.addEventListener("click", () => {
navWrap.classList.toggle("active");
html.classList.toggle("active");
body.classList.toggle("active");
});
}
</script>
<main>
<h1 class="text-[3em] font-bold">고객사</h1>
<section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<a href="//artale.one" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init aos-animate">
<img src="https://i.imgur.com/OelOdRH.png" alt="artale.one" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">아르테일</h2>
<h3 class="-mt-1 text-gray-400 mb-10">artale.one</h3>
</a>
<a href="//goodafternoon.life" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init aos-animate">
<img src="https://i.imgur.com/0nGfXz0.png" alt="goodafternoon.life" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">굿앺터눈</h2>
<h3 class="-mt-1 text-gray-400 mb-10">goodafternoon.life</h3>
</a>
<a href="//rbautotrade.com" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/Ap3PflA.jpeg" alt="rbautotrade.com" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">Korea Auto Trade</h2>
<h3 class="-mt-1 text-gray-400 mb-10">rbautotrade.com</h3>
</a>
<a href="//liqstory.com" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/z6zjULj.png" alt="liqstory.com" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">LiqStory</h2>
<h3 class="-mt-1 text-gray-400 mb-10">liqstory.com</h3>
</a>
<a href="//1bang.kr" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/4TRPiTI.png" alt="1bang.kr" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">재테크 한방에</h2>
<h3 class="-mt-1 text-gray-400 mb-10">1bang.kr</h3>
</a>
<a href="//ssappoint.kr" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/BlG5Hlg.png" alt="ssappoint.kr" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">쌉포인트</h2>
<h3 class="-mt-1 text-gray-400 mb-10">ssappoint.kr</h3>
</a>
<a href="//bgaps.co.kr" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/ZzKuQzo.png" alt="bgaps.co.kr" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">에셋 파트너샵</h2>
<h3 class="-mt-1 text-gray-400 mb-10">bgaps.co.kr</h3>
</a>
<a href="//visioninchina.net" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/5H0Vn7c.png" alt="visioninchina.net" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">Vision In China</h2>
<h3 class="-mt-1 text-gray-400 mb-10">visioninchina.net</h3>
</a>
<a href="//쇠질.com" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/rEJQlTh.png" alt="쇠질.com" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">쇠질닷컴</h2>
<h3 class="-mt-1 text-gray-400 mb-10">쇠질.com</h3>
</a>
<a href="//spiritualawakening.social" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/p2rPhAj.png" alt="spiritualawakening.social" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">Spiritual Awakening.Social</h2>
<h3 class="-mt-1 text-gray-400 mb-10">spiritualawakening.social</h3>
</a>
<a href="//comm.myaac.or.kr" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/cxdOdZH.png" alt="comm.myaac.or.kr" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">NC문화재단 - 나의 AAC</h2>
<h3 class="-mt-1 text-gray-400 mb-10">comm.myaac.or.kr</h3>
</a>
<a href="//livehk01.com" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/0T5OogH.png" alt="livehk01.com" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">홍콩살아요</h2>
<h3 class="-mt-1 text-gray-400 mb-10">livehk01.com</h3>
</a>
<a href="//modusenpai.com" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/aw9YNol.png" alt="modusenpai.com" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">모두센빠이</h2>
<h3 class="-mt-1 text-gray-400 mb-10">modusenpai.com</h3>
</a>
<a href="//imhenyo.com" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/E2YKRry.png" alt="imhenyo.com" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">HENYO</h2>
<h3 class="-mt-1 text-gray-400 mb-10">imhenyo.com</h3>
</a>
<a href="//kimchinha.com" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/qnUXj1a.png" alt="kimchinha.com" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">Kim Chi Nha!</h2>
<h3 class="-mt-1 text-gray-400 mb-10">kimchinha.com</h3>
</a>
<a href="//dwez.com" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/Q9J0Rmo.png" alt="dwez.com" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">DWEZ</h2>
<h3 class="-mt-1 text-gray-400 mb-10">dwez.com</h3>
</a>
<a href="//sunmul119.com" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/CvrE2wO.png" alt="sunmul119.com" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">선물구조대</h2>
<h3 class="-mt-1 text-gray-400 mb-10">sunmul119.com</h3>
</a>
<a href="//magunv.com" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/5GHP5AW.png" alt="magunv.com" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">마권브이</h2>
<h3 class="-mt-1 text-gray-400 mb-10">magunv.com</h3>
</a>
<a href="//k-poptoday.com" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/URL7g9M.png" alt="k-poptoday.com" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">케이팝 투데이</h2>
<h3 class="-mt-1 text-gray-400 mb-10">k-poptoday.com</h3>
</a>
<a href="//applewiki.kr" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/0qdk2By.png" alt="applewiki.kr" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">애플위키</h2>
<h3 class="-mt-1 text-gray-400 mb-10">applewiki.kr</h3>
</a>
<a href="//ipcookie.co.kr" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/zVG3tDu.png" alt="ipcookie.co.kr" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">IP Cookie</h2>
<h3 class="-mt-1 text-gray-400 mb-10">ipcookie.co.kr</h3>
</a>
<a href="//jjinsabu.com" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/6kP7U4c.png" alt="jjinsabu.com" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">찐사부</h2>
<h3 class="-mt-1 text-gray-400 mb-10">jjinsabu.com</h3>
</a>
<a href="//stoz.co.kr" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/HiPa5tW.png" alt="stoz.co.kr" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">STOZ</h2>
<h3 class="-mt-1 text-gray-400 mb-10">stoz.co.kr</h3>
</a>
<a href="//robloxkorea.co.kr" target="_blank" rel="nofollow" data-aos="zoom-in" data-aos-duration="250" class="text-sm text-gray-700 aos-init">
<img src="https://i.imgur.com/CxwbtlE.png" alt="robloxkorea.co.kr" class="inset-0 w-96 h-96 object-cover border border-solid border-gray-400/50 shadow-lg transition hover:scale-105">
<h2 class="mt-4 font-bold">로블록스 코리아</h2>
<h3 class="-mt-1 text-gray-400 mb-10">robloxkorea.co.kr</h3>
</a>
</section>
</main>
<style>
footer {
display: flex;
justify-content: center;
align-items: center;
margin-top: 60px;
padding-bottom: 80px;
}
footer .wrap {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
footer .support {
font-size: 1.2em;
font-weight: bold;
padding-bottom: 20px;
}
footer .company {
flex: 1;
font-size: 0.9em;
color: rgba(0, 0, 0, 0.7);
}
footer .company .line {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 4px 0;
}
footer .company .title {
color: rgba(0, 0, 0, 0.4);
}
footer .company .slash {
color: rgba(0, 0, 0, 0.2);
padding: 0 6px;
}
footer .affiliate {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 20px;
}
footer .affiliate svg {
max-width: 100px;
height: 40px;
}
@media (max-width: 1250px) {
footer .wrap {
flex-direction: column;
}
footer .company {
margin-bottom: 20px;
}
footer .company .line {
justify-content: center;
text-align: center;
flex-direction: column;
}
footer .company .line div {
padding: 4px 0;
}
footer .company .slash {
display: none;
}
}
</style>
<footer>
<div class="wrap">
<div class="company">
<!-- <div class="line">-->
<!-- <a-->
<!-- href="https://waffleboard.gitbook.io/manual/"-->
<!-- target="_blank"-->
<!-- class="support"-->
<!-- >와플보드 메뉴얼</a-->
<!-- >-->
<!-- </div>-->
<div class="line">
<div>
<span class="title"><a href="https://waffleboard.channel.io" target="_blank" onclick="contactCheck()">채팅 상담하기</a>
(홈페이지 우측 하단 채널톡 버튼)</span>
</div>
<div class="slash">|</div>
<div>
<span class="title">카카오톡 채널 : </span><a href="http://pf.kakao.com/_xdfBYb/chat" target="_blank" onclick="contactCheck()">와플보드</a>
</div>
<div class="slash">|</div>
<div>
<span class="title">텔레그램 : </span><a href="https://t.me/waffleboard" target="_blank" onclick="contactCheck()">메세지 보내기</a>
</div>
</div>
<div class="line">
<div><span class="title">BusyFingers 대표 : </span>이은찬</div>
<div class="slash">|</div>
<div>
<span class="title">소재지 : </span>경기도 용인시 기흥구
강남서로 9, 7층 703호 K256호
</div>
</div>
<div class="line">
<div>
<span class="title">사업자등록번호 : </span>696-37-01183
</div>
<div class="slash">|</div>
<div><span class="title">호스팅제공 : </span>AWS</div>
</div>
<div class="line">
<div><a href="/license">라이센스 및 교환환불정책</a></div>
</div>
</div>
<div class="affiliate">
<a href="https://aws.amazon.com/ko/" target="_blank" class="aws">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 304 182" style="enable-background: new 0 0 304 182" xml:space="preserve">
<style type="text/css">
.st0 {
fill: #252f3e;
}
.st1 {
fill-rule: evenodd;
clip-rule: evenodd;
fill: #ff9900;
}
</style>
<g>
<path class="st0" d="M86.4,66.4c0,3.7,0.4,6.7,1.1,8.9c0.8,2.2,1.8,4.6,3.2,7.2c0.5,0.8,0.7,1.6,0.7,2.3c0,1-0.6,2-1.9,3l-6.3,4.2 c-0.9,0.6-1.8,0.9-2.6,0.9c-1,0-2-0.5-3-1.4C76.2,90,75,88.4,74,86.8c-1-1.7-2-3.6-3.1-5.9c-7.8,9.2-17.6,13.8-29.4,13.8 c-8.4,0-15.1-2.4-20-7.2c-4.9-4.8-7.4-11.2-7.4-19.2c0-8.5,3-15.4,9.1-20.6c6.1-5.2,14.2-7.8,24.5-7.8c3.4,0,6.9,0.3,10.6,0.8 c3.7,0.5,7.5,1.3,11.5,2.2v-7.3c0-7.6-1.6-12.9-4.7-16c-3.2-3.1-8.6-4.6-16.3-4.6c-3.5,0-7.1,0.4-10.8,1.3c-3.7,0.9-7.3,2-10.8,3.4 c-1.6,0.7-2.8,1.1-3.5,1.3c-0.7,0.2-1.2,0.3-1.6,0.3c-1.4,0-2.1-1-2.1-3.1v-4.9c0-1.6,0.2-2.8,0.7-3.5c0.5-0.7,1.4-1.4,2.8-2.1 c3.5-1.8,7.7-3.3,12.6-4.5c4.9-1.3,10.1-1.9,15.6-1.9c11.9,0,20.6,2.7,26.2,8.1c5.5,5.4,8.3,13.6,8.3,24.6V66.4z M45.8,81.6 c3.3,0,6.7-0.6,10.3-1.8c3.6-1.2,6.8-3.4,9.5-6.4c1.6-1.9,2.8-4,3.4-6.4c0.6-2.4,1-5.3,1-8.7v-4.2c-2.9-0.7-6-1.3-9.2-1.7 c-3.2-0.4-6.3-0.6-9.4-0.6c-6.7,0-11.6,1.3-14.9,4c-3.3,2.7-4.9,6.5-4.9,11.5c0,4.7,1.2,8.2,3.7,10.6 C37.7,80.4,41.2,81.6,45.8,81.6z M126.1,92.4c-1.8,0-3-0.3-3.8-1c-0.8-0.6-1.5-2-2.1-3.9L96.7,10.2c-0.6-2-0.9-3.3-0.9-4 c0-1.6,0.8-2.5,2.4-2.5h9.8c1.9,0,3.2,0.3,3.9,1c0.8,0.6,1.4,2,2,3.9l16.8,66.2l15.6-66.2c0.5-2,1.1-3.3,1.9-3.9c0.8-0.6,2.2-1,4-1 h8c1.9,0,3.2,0.3,4,1c0.8,0.6,1.5,2,1.9,3.9l15.8,67l17.3-67c0.6-2,1.3-3.3,2-3.9c0.8-0.6,2.1-1,3.9-1h9.3c1.6,0,2.5,0.8,2.5,2.5 c0,0.5-0.1,1-0.2,1.6c-0.1,0.6-0.3,1.4-0.7,2.5l-24.1,77.3c-0.6,2-1.3,3.3-2.1,3.9c-0.8,0.6-2.1,1-3.8,1h-8.6c-1.9,0-3.2-0.3-4-1 c-0.8-0.7-1.5-2-1.9-4L156,23l-15.4,64.4c-0.5,2-1.1,3.3-1.9,4c-0.8,0.7-2.2,1-4,1H126.1z M254.6,95.1c-5.2,0-10.4-0.6-15.4-1.8 c-5-1.2-8.9-2.5-11.5-4c-1.6-0.9-2.7-1.9-3.1-2.8c-0.4-0.9-0.6-1.9-0.6-2.8v-5.1c0-2.1,0.8-3.1,2.3-3.1c0.6,0,1.2,0.1,1.8,0.3 c0.6,0.2,1.5,0.6,2.5,1c3.4,1.5,7.1,2.7,11,3.5c4,0.8,7.9,1.2,11.9,1.2c6.3,0,11.2-1.1,14.6-3.3c3.4-2.2,5.2-5.4,5.2-9.5 c0-2.8-0.9-5.1-2.7-7c-1.8-1.9-5.2-3.6-10.1-5.2L246,52c-7.3-2.3-12.7-5.7-16-10.2c-3.3-4.4-5-9.3-5-14.5c0-4.2,0.9-7.9,2.7-11.1 c1.8-3.2,4.2-6,7.2-8.2c3-2.3,6.4-4,10.4-5.2c4-1.2,8.2-1.7,12.6-1.7c2.2,0,4.5,0.1,6.7,0.4c2.3,0.3,4.4,0.7,6.5,1.1 c2,0.5,3.9,1,5.7,1.6c1.8,0.6,3.2,1.2,4.2,1.8c1.4,0.8,2.4,1.6,3,2.5c0.6,0.8,0.9,1.9,0.9,3.3v4.7c0,2.1-0.8,3.2-2.3,3.2 c-0.8,0-2.1-0.4-3.8-1.2c-5.7-2.6-12.1-3.9-19.2-3.9c-5.7,0-10.2,0.9-13.3,2.8c-3.1,1.9-4.7,4.8-4.7,8.9c0,2.8,1,5.2,3,7.1 c2,1.9,5.7,3.8,11,5.5l14.2,4.5c7.2,2.3,12.4,5.5,15.5,9.6c3.1,4.1,4.6,8.8,4.6,14c0,4.3-0.9,8.2-2.6,11.6 c-1.8,3.4-4.2,6.4-7.3,8.8c-3.1,2.5-6.8,4.3-11.1,5.6C264.4,94.4,259.7,95.1,254.6,95.1z"></path>
<g>
<path class="st1" d="M273.5,143.7c-32.9,24.3-80.7,37.2-121.8,37.2c-57.6,0-109.5-21.3-148.7-56.7c-3.1-2.8-0.3-6.6,3.4-4.4 c42.4,24.6,94.7,39.5,148.8,39.5c36.5,0,76.6-7.6,113.5-23.2C274.2,133.6,278.9,139.7,273.5,143.7z"></path>
<path class="st1" d="M287.2,128.1c-4.2-5.4-27.8-2.6-38.5-1.3c-3.2,0.4-3.7-2.4-0.8-4.5c18.8-13.2,49.7-9.4,53.3-5 c3.6,4.5-1,35.4-18.6,50.2c-2.7,2.3-5.3,1.1-4.1-1.9C282.5,155.7,291.4,133.4,287.2,128.1z"></path>
</g>
</g>
</svg>
</a>
</div>
</div>
</footer>
<script>
// Delete Button Confirm
const deleteBtn = document.querySelectorAll('button[value="delete"]');
deleteBtn.forEach(b => {
b.addEventListener("click", event => {
if (!confirm("삭제 확인")) {
event.stopImmediatePropagation();
event.preventDefault();
}
});
});
const makeOrderNumber = async () => {
return new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
xhr.onload = () => {
if (xhr.status === 200 || xhr.status === 201) {
const result = xhr.responseText;
resolve(result);
} else {
console.error(xhr.responseText);
}
};
xhr.open("GET", "/api/makeOrderNumber");
xhr.send();
});
};
</script>
<script defer="">
(function () {
var w = window;
if (w.ChannelIO) {
return w.console.error("ChannelIO script included twice.");
}
var ch = function () {
ch.c(arguments);
};
ch.q = [];
ch.c = function (args) {
ch.q.push(args);
};
w.ChannelIO = ch;
function l() {
if (w.ChannelIOInitialized) {
return;
}
w.ChannelIOInitialized = true;
var s = document.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = "https://cdn.channel.io/plugin/ch-plugin-web.js";
var x = document.getElementsByTagName("script")[0];
if (x.parentNode) {
x.parentNode.insertBefore(s, x);
}
}
if (document.readyState === "complete") {
l();
} else {
w.addEventListener("DOMContentLoaded", l);
w.addEventListener("load", l);
}
})();
ChannelIO("boot", {
pluginKey: "51ac5e7c-e0d3-4592-98c1-c8c9673a52fa",
});
ChannelIO("onShowMessenger", () => {
contactCheck();
});
</script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init()
</script>
<div id="ch-plugin" class="notranslate" style="z-index: 10000000 !important;"> <div id="ch-plugin-entry"><div style="display: block !important;"></div></div> <div id="ch-plugin-script" style="display:none;" class="ch-messenger-hidden"> <iframe id="ch-plugin-script-iframe" title="Channel chat" style="position:relative!important;height:100%!important;width:100%!important;border:none!important;"></iframe> </div> <style data-styled="active" data-styled-version="5.3.9"></style></div></body></html>