It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://mt-ssd.com

  1. <!DOCTYPE html>
  2. <html lang="ko">
  3. <head>
  4.    <title>와플보드 - 커뮤니티 사이트 제작 솔루션</title>
  5. <meta name="robots" content="index,follow" />
  6. <meta name="viewport" content="width=device-width" />
  7. <link
  8.    rel="icon"
  9.    type="image/png"
  10.    sizes="512x512"
  11.    href="https://static.waffleboard.io/static/assets/favicon/favicon-512.png"
  12. />
  13. <link
  14.    rel="icon"
  15.    type="image/png"
  16.    sizes="300x300"
  17.    href="https://static.waffleboard.io/static/assets/favicon/favicon-300.png"
  18. />
  19. <link
  20.    rel="icon"
  21.    type="image/png"
  22.    sizes="180x180"
  23.    href="https://static.waffleboard.io/static/assets/favicon/favicon-180.png"
  24. />
  25. <link
  26.    rel="icon"
  27.    type="image/png"
  28.    sizes="96x96"
  29.    href="https://static.waffleboard.io/static/assets/favicon/favicon-96.png"
  30. />
  31. <link
  32.    rel="icon"
  33.    type="image/png"
  34.    sizes="32x32"
  35.    href="https://static.waffleboard.io/static/assets/favicon/favicon-32.png"
  36. />
  37. <link
  38.    rel="icon"
  39.    type="image/png"
  40.    sizes="16x16"
  41.    href="https://static.waffleboard.io/static/assets/favicon/favicon-16.png"
  42. />
  43. <link
  44.    href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"
  45.    rel="stylesheet"
  46. />
  47. <meta
  48.    name="naver-site-verification"
  49.    content="d3247cf7fadbbe4c2a98c5faa754b23429df1057"
  50. />
  51. <style>
  52.    :root {
  53.        --main-color: #00ffa8;
  54.        --main-color-hover: #00d58e;
  55.        --main-background-color: #c4ffeb;
  56.        --main-background-color-hover: #68ffcd;
  57.    }
  58.  
  59.    html.active,
  60.    body.active {
  61.        height: 100%;
  62.        overflow-y: hidden;
  63.    }
  64.  
  65.    body {
  66.        font-family: "Noto Sans KR", sans-serif;
  67.        /* font-family: Arial, Helvetica, sans-serif; */
  68.    }
  69.  
  70.    a {
  71.        color: #000;
  72.        text-decoration: none;
  73.    }
  74.  
  75.    h1,
  76.    h2,
  77.    h3,
  78.    h4,
  79.    h5,
  80.    h6 {
  81.        font-weight: bold;
  82.    }
  83.  
  84. h1 {
  85. font-size: 3em;
  86. }
  87.  
  88.    main {
  89.        width: 1250px;
  90.        display: flex;
  91.        justify-content: center;
  92.        align-items: center;
  93.        flex-direction: column;
  94.        gap: 50px;
  95.        margin: 0 auto;
  96.    }
  97.  
  98.    button {
  99.        cursor: pointer;
  100.    }
  101.  
  102.    .bold {
  103.        font-weight: bold;
  104.    }
  105.  
  106.    .wrap {
  107.        width: 1250px;
  108.    }
  109.  
  110.    @media (max-width: 1250px) {
  111.        h1 {
  112.            font-size: 9vw;
  113.        }
  114.  
  115.        h2 {
  116.            font-size: 6vw;
  117.        }
  118.  
  119.        .wrap {
  120.            width: 100%;
  121.            padding: 0 10px;
  122.        }
  123.  
  124.        main {
  125.            width: 100%;
  126.            padding: 0 10px;
  127.        }
  128.    }
  129.  
  130.    #pagination {
  131.        display: flex;
  132.        justify-content: center;
  133.        align-items: center;
  134.        flex-direction: row;
  135.        gap: 20px;
  136.    }
  137.  
  138.    #pagination a {
  139.        display: flex;
  140.        background-color: #eee;
  141.        padding: 8px 12px;
  142.        border-radius: 4px;
  143.    }
  144.  
  145.    #pagination a:hover {
  146.        background-color: #ccc;
  147.    }
  148.  
  149.    /* Flash */
  150.    #flash {
  151.        position: fixed;
  152.        top: 20px;
  153.        right: 20px;
  154.        min-width: 300px;
  155.        width: fit-content;
  156.        display: flex;
  157.        justify-content: center;
  158.        align-items: flex-start;
  159.        flex-direction: column;
  160.        color: #000;
  161.        box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.06);
  162.        box-sizing: border-box;
  163.        z-index: 10;
  164.    }
  165.  
  166.    #flash.active {
  167.        display: none;
  168.    }
  169.  
  170.    #flash.trueBackground {
  171.        background-color: #10b886;
  172.    }
  173.  
  174.    #flash.falseBackground {
  175.        background-color: #e74c3c;
  176.    }
  177.  
  178.    #flash .message {
  179.        display: flex;
  180.        justify-content: center;
  181.        align-items: center;
  182.        color: #fff;
  183.        padding: 20px;
  184.        padding-right: 40px;
  185.        padding-bottom: 26px;
  186.    }
  187.  
  188.    #flash .bar {
  189.        position: absolute;
  190.        left: 0;
  191.        bottom: 0;
  192.        width: 100%;
  193.        height: 6px;
  194.        background-color: rgba(255, 255, 255, 0.5);
  195.        animation: barClose 5s;
  196.    }
  197.  
  198.    @keyframes barClose {
  199.        from {
  200.            width: 100%;
  201.        }
  202.  
  203.        to {
  204.            width: 0;
  205.        }
  206.    }
  207.  
  208.    #flash .close {
  209.        position: absolute;
  210.        top: 10px;
  211.        right: 10px;
  212.        cursor: pointer;
  213.    }
  214.  
  215.    #flash .close svg {
  216.        width: 16px;
  217.        height: 16px;
  218.        color: rgba(255, 255, 255, 0.6);
  219.    }
  220.  
  221.    /* Banner */
  222.    #banners {
  223.        width: 1080px;
  224.        display: grid;
  225.        grid-template-columns: repeat(2, 1fr);
  226.        gap: 10px;
  227.    }
  228.  
  229.    #banners .banner {
  230.        display: flex;
  231.        justify-content: center;
  232.        align-items: center;
  233.    }
  234.  
  235.    #banners .banner a {
  236.        display: flex;
  237.        justify-content: center;
  238.        align-items: center;
  239.    }
  240.  
  241.    #banners .banner img {
  242.        max-width: 100%;
  243.        width: 100%;
  244.    }
  245.  
  246.    @media (max-width: 1250px) {
  247.        #banners {
  248.            width: 100%;
  249.            grid-template-columns: repeat(1, 1fr);
  250.            padding: 0 10px;
  251.        }
  252.  
  253.        #banners .banner img {
  254.            max-width: 100%;
  255.            width: 100%;
  256.        }
  257.    }
  258.  
  259.    /* contact */
  260.    main #contact {
  261.        font-weight: bold;
  262.        padding: 40px 0;
  263.        box-sizing: border-box;
  264.    }
  265.  
  266.    main #contact .items {
  267.        display: grid;
  268.        grid-template-columns: repeat(3, 1fr);
  269.        gap: 20px;
  270.    }
  271.  
  272.    main #contact .items a {
  273.        display: flex;
  274.        justify-content: center;
  275.        align-items: center;
  276.        padding: 20px 60px;
  277.        border-radius: 4px;
  278.        font-size: 1.2em;
  279.        background-color: rgba(0, 0, 0, 0.03);
  280.    }
  281.  
  282.    main #contact .items div {
  283.        display: flex;
  284.        justify-content: center;
  285.        align-items: center;
  286.        padding: 0;
  287.        margin: 0;
  288.    }
  289.  
  290.    main #contact .items img {
  291.        width: 18px;
  292.        height: 18px;
  293.        margin-right: 10px;
  294.    }
  295.  
  296.    main #contact .items a:hover {
  297.        background-color: rgba(0, 0, 0, 0.06);
  298.    }
  299.  
  300.    main #contact .kakao {
  301.        /* background-color: #FFDC00; */
  302.        cursor: pointer;
  303.    }
  304.  
  305.    main #contact .telegram {
  306.        /* background-color: #179CDE; */
  307.    }
  308.  
  309.    @media (max-width: 1250px) {
  310.        main #contact .items {
  311.            grid-template-columns: repeat(1, 1fr);
  312.        }
  313.    }
  314. </style>
  315. <link rel="stylesheet" href="/output.css?v=1">
  316. <!-- Google tag (gtag.js) -->
  317. <script
  318.    async
  319.    src="https://www.googletagmanager.com/gtag/js?id=AW-11283557108"
  320. ></script>
  321. <script>
  322.    window.dataLayer = window.dataLayer || [];
  323.    function gtag() {
  324.        dataLayer.push(arguments);
  325.    }
  326.    gtag("js", new Date());
  327.  
  328.    gtag("config", "AW-11283557108");
  329. </script>
  330. <!-- Event snippet for 문의하기 conversion page
  331. In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
  332. <script>
  333.    function gtag_report_conversion(url) {
  334.        var callback = function () {
  335.            if (typeof url != "undefined") {
  336.                window.location = url;
  337.            }
  338.        };
  339.        gtag("event", "conversion", {
  340.            send_to: "AW-11283557108/VONwCNuv5tcYEPTVtYQq",
  341.            event_callback: callback,
  342.        });
  343.        return false;
  344.    }
  345. </script>
  346. <script>
  347.    const contactCheck = () => {
  348.        console.log("contactCheck");
  349.        // Google
  350.        gtag_report_conversion();
  351.        // Naver
  352.    };
  353. </script>
  354. <!-- Google tag (gtag.js) -->
  355. <script async src="https://www.googletagmanager.com/gtag/js?id=G-28VM744291"></script>
  356. <script>
  357.    window.dataLayer = window.dataLayer || [];
  358.    function gtag(){dataLayer.push(arguments);}
  359.    gtag('js', new Date());
  360.  
  361.    gtag('config', 'G-28VM744291');
  362. </script>
  363. <script type="text/javascript">
  364.    (function(c,l,a,r,i,t,y){
  365.        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
  366.        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
  367.        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  368.    })(window, document, "clarity", "script", "k1dd1shkgv");
  369. </script>
  370.    <meta name="description" content="커뮤니티 사이트 만들기, 게시판 프로그램, 구글 애드센스, 쿠팡파트너스, 워드프레스, 네이버블로그, 티스토리, SEO, 커뮤니티 순위, 제작, 구축 솔루션."/>
  371.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css"
  372.          integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
  373. </head>
  374. <body class="bg-slate-50">
  375. <!-- Global site tag (gtag.js) - Google Ads: 778486207 -->
  376. <script async src="https://www.googletagmanager.com/gtag/js?id=AW-778486207"></script>
  377. <script>
  378.  window.dataLayer = window.dataLayer || [];
  379.  function gtag(){dataLayer.push(arguments);}
  380.  gtag('js', new Date());
  381.  
  382.  gtag('config', 'AW-778486207');
  383. </script>
  384. <script>
  385.  const flash = document.querySelector('#flash');
  386.  if (flash) {
  387.    const flashClose = flash.querySelector('.close');
  388.    flashClose.addEventListener('click', () => {
  389.      flash.classList.toggle('active');
  390.    });
  391.  
  392.    setTimeout(() => {
  393.      flash.style.display = 'none';
  394.    }, 5000);
  395.  }
  396. </script>
  397. <style>
  398.    header {
  399.        position: fixed;
  400.        top: 0;
  401.        left: 0;
  402.        width: 100%;
  403.        display: flex;
  404.        justify-content: center;
  405.        align-items: center;
  406.        height: 80px;
  407.         border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
  408.        background-color: #fff;
  409.        z-index: 3;
  410.        box-sizing: border-box;
  411.    }
  412.  
  413.    header .toggleBtn {
  414.        display: none;
  415.        justify-content: center;
  416.        align-items: center;
  417.        cursor: pointer;
  418.    }
  419.  
  420.    header .wrap {
  421.        height: 100%;
  422.        display: flex;
  423.        justify-content: center;
  424.        align-items: center;
  425.    }
  426.  
  427.    header .logo {
  428.        padding: 10px 0;
  429.    }
  430.  
  431.    header .logo img {
  432.        max-width: 260px;
  433.    }
  434.  
  435.    header .navWrap {
  436.        flex: 1;
  437.    }
  438.  
  439.    header nav {
  440.        flex: 1;
  441.        display: flex;
  442.        justify-content: space-between;
  443.        align-items: center;
  444.        height: 100%;
  445.    }
  446.  
  447.    header nav .main {
  448.        flex: 1;
  449.        display: flex;
  450.        justify-content: flex-end;
  451.        align-items: center;
  452.    }
  453.  
  454.    header nav .main > li {
  455.        height: 100%;
  456.        position: relative;
  457.    }
  458.  
  459.    header nav .main > li > a {
  460.        height: 100%;
  461.        font-size: 1.1em;
  462.        font-weight: 400;
  463.        display: flex;
  464.        justify-content: center;
  465.        align-items: center;
  466.        gap: 6px;
  467.        z-index: 3;
  468.        padding: 0 12px;
  469.    }
  470.  
  471.    header nav .main > li > a:hover::after {
  472.        background-color: #00ffa8;
  473.    }
  474.  
  475.    header nav .main > li > a svg {
  476.        width: 12px;
  477.        height: 12px;
  478.        color: #888;
  479.    }
  480.  
  481.    header .mypage {
  482.        display: flex;
  483.        justify-content: center;
  484.        align-items: center;
  485.        font-size: 0.9em;
  486.    }
  487.  
  488.    header .mypage .slash {
  489.        font-size: 0.3em;
  490.        color: rgba(0, 0, 0, 0.3);
  491.        padding: 0 6px;
  492.    }
  493.  
  494.    @media (min-width: 1251px) {
  495.        header .wrap {
  496.            gap: 80px;
  497.        }
  498.  
  499.        header nav .main {
  500.            height: 100%;
  501.        }
  502.  
  503.        header nav .main li > a::after {
  504.            position: absolute;
  505.            bottom: 32px;
  506.            content: "";
  507.            width: 80%;
  508.            height: 5px;
  509.            z-index: -1;
  510.        }
  511.  
  512.        header nav .main > li > a:hover::after {
  513.            border-radius: 5px;
  514.        }
  515.  
  516.        header nav .main > li:hover > ul {
  517.            display: flex;
  518.        }
  519.  
  520.        header nav .main > li > ul {
  521.            position: absolute;
  522.            top: 78px;
  523.            left: 50%;
  524.            transform: translate(-50%, 0);
  525.            display: none;
  526.            justify-content: center;
  527.            align-items: center;
  528.            flex-direction: column;
  529.            background-color: #fff;
  530.            border: 2px solid rgba(0, 0, 0, 0.1);
  531.            box-sizing: border-box;
  532.        }
  533.  
  534.        header nav .main > li > ul > li {
  535.            display: flex;
  536.            justify-content: center;
  537.            align-items: center;
  538.        }
  539.  
  540.        header nav .main > li > ul > li > a {
  541.            display: flex;
  542.            justify-content: center;
  543.            align-items: center;
  544.            padding: 14px 40px;
  545.        }
  546.  
  547.        header nav .main > li > ul > li > a:hover {
  548.            background-color: rgba(0, 0, 0, 0.1);
  549.        }
  550.  
  551.        header .navWrap .navBackground {
  552.            display: none;
  553.        }
  554.    }
  555.  
  556.    @media (max-width: 1250px) {
  557.        header {
  558.            height: unset;
  559.            border: 0;
  560.        }
  561.  
  562.        header .toggleBtn {
  563.            position: absolute;
  564.            top: 0;
  565.            right: 0;
  566.            width: 70px;
  567.            height: 70px;
  568.            display: flex;
  569.            z-index: 10;
  570.        }
  571.  
  572.        header .toggleBtn svg {
  573.            color: #000;
  574.            width: 22px;
  575.            height: 22px;
  576.        }
  577.  
  578.        header .wrap {
  579.            flex-direction: column;
  580.        }
  581.  
  582.        header .logo {
  583.            width: 100%;
  584.            height: 70px;
  585.            padding: 0;
  586.            display: flex;
  587.            justify-content: flex-start;
  588.            padding: 0 20px;
  589.            align-items: center;
  590.            box-sizing: border-box;
  591.            z-index: 5;
  592.        }
  593.  
  594.        header .logo img {
  595.            max-height: 22px;
  596.        }
  597.  
  598.        header .navWrap {
  599.            display: none;
  600.        }
  601.  
  602.        header .navWrap.active {
  603.            display: flex;
  604.        }
  605.  
  606.        header nav {
  607.            position: fixed;
  608.            top: 0;
  609.            right: 0;
  610.            width: 70%;
  611.            height: 100dvh;
  612.            display: flex;
  613.            justify-content: flex-start;
  614.            flex-direction: column;
  615.            background-color: #fff;
  616.            padding-left: 10px;
  617.            padding-right: 10px;
  618.            box-sizing: border-box;
  619.            z-index: 10;
  620.            overflow-y: auto;
  621.        }
  622.  
  623.        header nav.active {
  624.            display: flex;
  625.        }
  626.  
  627.        header nav .main {
  628.            width: 100%;
  629.            flex-direction: column;
  630.        }
  631.  
  632.        header nav .main > li {
  633.            width: 100%;
  634.            margin-bottom: 10px;
  635.            background-color: rgba(0, 0, 0, 0.05);
  636.            border-radius: 4px;
  637.            box-sizing: border-box;
  638.        }
  639.  
  640.        header nav .main > li > a {
  641.            width: 100%;
  642.            padding: 10px 0;
  643.        }
  644.  
  645.        header nav .main > li:hover {
  646.            background-color: rgba(0, 0, 0, 0.1);
  647.        }
  648.  
  649.        header nav .main > li > ul {
  650.            width: 100%;
  651.            display: flex;
  652.            justify-content: center;
  653.            align-items: center;
  654.            flex-direction: column;
  655.        }
  656.  
  657.        header nav .main > li > ul > li {
  658.            display: flex;
  659.            justify-content: center;
  660.            align-items: center;
  661.            width: 100%;
  662.        }
  663.  
  664.        header nav .main > li > ul > li > a {
  665.            width: 100%;
  666.            display: flex;
  667.            justify-content: center;
  668.            align-items: center;
  669.            padding: 10px 0;
  670.            border-radius: 4px;
  671.            box-sizing: border-box;
  672.        }
  673.  
  674.        header nav .main > li > ul > li > a:hover {
  675.            font-weight: bold;
  676.        }
  677.  
  678.        header .main {
  679.            order: 2;
  680.        }
  681.  
  682.        header .mypage {
  683.            order: 1;
  684.            padding: 20px 0;
  685.        }
  686.  
  687.        header .mypage li a:hover {
  688.            font-weight: bold;
  689.        }
  690.  
  691.        header .navWrap .navBackground {
  692.            position: fixed;
  693.            top: 0;
  694.            left: 0;
  695.            width: 100%;
  696.            height: 100%;
  697.            background-color: rgba(0, 0, 0, 0.7);
  698.            cursor: pointer;
  699.            z-index: 2;
  700.        }
  701.    }
  702. </style>
  703. <header>
  704.    <div class="toggleBtn">
  705.        <svg
  706.            fill="currentColor"
  707.            xmlns="http://www.w3.org/2000/svg"
  708.            viewBox="0 0 24 24"
  709.            width="24px"
  710.            height="24px"
  711.        >
  712.            <path
  713.                fill="currentColor"
  714.                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"
  715.            />
  716.        </svg>
  717.    </div>
  718.    <div class="wrap">
  719.        <div class="logo">
  720.            <a href="/"
  721.                ><img
  722.                    src="https://static.waffleboard.io/static/assets/logo.svg"
  723.                    alt="와플보드"
  724.            /></a>
  725.        </div>
  726.        <div class="navWrap">
  727.            <nav>
  728.                <ul class="main">
  729.                    <li>
  730.                        <a href="/features">제품 특징</a>
  731.                    </li>
  732.                    <li>
  733.                        <a href="/themes">테마</a>
  734.                    </li>
  735.                    <li>
  736.                        <a href="/plugins">플러그인</a>
  737.                    </li>
  738.                    <li>
  739.                        <a href="/customers">고객사</a>
  740.                    </li>
  741. <!--                    <li>-->
  742. <!--                        <a href="/payment">결제</a>-->
  743. <!--                    </li>-->
  744.                    <li>
  745.                        <a href="/ranking">커뮤니티 순위</a>
  746.                    </li>
  747. <!--                    <li>-->
  748. <!--                        <a href="https://page-ready.com" class="relative">-->
  749. <!--                            홈페이지 AI 통제작-->
  750. <!--                        <span class="text-red-500 text-xs px-1 py-0.5 ml-1 absolute left-0 -top-1/2 font-bold animate-bounce hidden md:block">new</span>-->
  751. <!--                        </a>-->
  752. <!--                    </li>-->
  753. <!--                    <li>-->
  754. <!--                        <a href="/news">최신 업데이트</a>-->
  755. <!--                    </li>-->
  756.                    <li>
  757.                        <a href="/blog">블로그</a>
  758.                    </li>
  759.                    <li>
  760.                        <a
  761.                            href="https://waffledocs.com/"
  762.                            target="_blank"
  763.                        >
  764.                            <div>메뉴얼</div>
  765.                            <svg
  766.                                xmlns="http://www.w3.org/2000/svg"
  767.                                viewBox="0 0 512 512"
  768.                            >
  769.                                <path
  770.                                    fill="currentColor"
  771.                                    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"
  772.                                />
  773.                            </svg>
  774.                        </a>
  775.                    </li>
  776.                </ul>
  777.            </nav>
  778.            <div class="navBackground"></div>
  779.        </div>
  780.    </div>
  781. </header>
  782. <script>
  783.    const html = document.querySelector("html");
  784.    const body = document.querySelector("body");
  785.    const navWrap = document.querySelector(".navWrap");
  786.    const navBackground = document.querySelector(".navBackground");
  787.    const toggleBtn = document.querySelector(".toggleBtn");
  788.  
  789.    if (toggleBtn) {
  790.        toggleBtn.addEventListener("click", () => {
  791.            navWrap.classList.toggle("active");
  792.            html.classList.toggle("active");
  793.            body.classList.toggle("active");
  794.        });
  795.    }
  796.  
  797.    if (navBackground) {
  798.        navBackground.addEventListener("click", () => {
  799.            navWrap.classList.toggle("active");
  800.            html.classList.toggle("active");
  801.            body.classList.toggle("active");
  802.        });
  803.    }
  804. </script>
  805.  
  806. <main class="!w-full">
  807.    <section class="grid grid-cols-1 md:grid-cols-3 gap-9 container max-w-7xl mx-auto mx-4">
  808.        <div class="col-span-1 md:col-span-2 md:row-span-3 box">
  809.            <h1 class="text-4xl font-bold mb-5 break-keep">코딩 지식이 필요없는 커뮤니티 사이트 만들기 ✨</h1>
  810.            <div class="space-y-5">
  811.                <p class="leading-relaxed break-keep">
  812.                    누구나 쉽고 간단하게 커뮤니티와 홈페이지를!<br>
  813.                    손쉬운 구축, 최적의 관리! 대한민국 대표 CMS 플랫폼, 와플보드와 함께하세요!
  814.                </p>
  815.                <img src="https://img.wafflecloud.cc/image%20143.png" alt="waffleboard desktop and mobile screenshot" class="max-w-full h-auto mx-auto">
  816.            </div>
  817.        </div>
  818.  
  819.        <a href="https://thelinkpro.org/" target="_blank" class="box">
  820.            <h2 class="text-2xl font-bold mb-5">구글 네이버 SEO 상위노출 🚀</h2>
  821.            <p>
  822.                구글 네이버 SEO 상위노출 작업까지! 링크프로와 함께하세요!
  823.            </p>
  824.        </a>
  825.  
  826.        <a href="/features" class="box">
  827.            <h2 class="text-2xl font-bold mb-5">많이 찾는 기능들 다 있어요 📦</h2>
  828.            <p class="leading-relaxed">
  829.                다년간의 개발과 실전 테스트를 거친 다양한 기능과 검증된 솔루션을 저렴하게 제공해요!
  830.            </p>
  831.        </a>
  832.  
  833.        <div class="box">
  834.            <h2 class="text-2xl font-bold mb-5">한번 둘러보실래요? 🧑🏻‍💻</h2>
  835.            <div class="space-y-4">
  836.                <a href="https://test.wafflecloud.cc" target="_blank" class="block text-center btn">테스트 사이트</a>
  837.                <a href="https://carcarmoa.com" target="_blank" class="block text-center btn">중고차 커뮤니티</a>
  838.                <a href="https://daitta.wafflecloud.cc" target="_blank" class="block text-center btn">명품 커뮤니티</a>
  839.            </div>
  840.        </div>
  841.  
  842.        <div class="col-span-1 md:col-span-2 box" data-aos="zoom-in-up">
  843.            <h2 class="text-2xl font-bold mb-5">대표 클라이언트</h2>
  844.            <div class="flex flex-wrap gap-5">
  845.                <img src="https://static.waffleboard.io/client/lg.png" alt="LG CNS" class="h-12">
  846.                <img src="/panasonic.png" alt="브랜디" class="h-12">
  847.                <img src="https://static.waffleboard.io/client/kpmg.png" alt="삼정KPMG" class="h-12">
  848.                <img src="https://static.waffleboard.io/client/nc.png" alt="NC문화재단" class="h-12">
  849.                <img src="https://static.waffleboard.io/client/brandi.png" alt="브랜디" class="h-12">
  850.            </div>
  851.        </div>
  852.  
  853.        <div class="col-span-1 box" data-aos="zoom-in-up">
  854.            <h2 class="text-2xl font-bold mb-5">문의 & 기능개발 요청 💬</h2>
  855.            <div class="grid grid-cols-1 md:grid-cols-4 gap-5">
  856.                <a href="https://waffleboard.channel.io" target="_blank"
  857.                   class="flex items-center justify-center btn md:col-span-4 !bg-[#00ffa8] !border-[#00ffa8] relative" onclick="contactCheck()">
  858.                    채팅
  859.                </a>
  860.                <a href="//pf.kakao.com/_xcqxhYG/chat" class="flex items-center justify-center btn md:col-span-2">
  861.                    카카오톡</a>
  862.                <a href="https://t.me/waffleboard" target="_blank"
  863.                   class="flex items-center justify-center btn md:col-span-2" onclick="contactCheck()">텔레그램</a>
  864.            </div>
  865.        </div>
  866.  
  867.        <div class="box md:col-span-1 md:row-span-2 relative min-h-96" data-aos="zoom-in-up">
  868.            <h2 class="text-2xl font-bold break-keep whitespace-nowrap mb-4">필요한거 다골라보세요! 💵</h2>
  869.            <div class="absolute overflow-y-auto inset-0 px-10 mt-20 mb-16">
  870.                <div class="flex flex-col h-full">
  871.                    <ul class="flex-grow">
  872.                        
  873.                            <li>
  874.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  875.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  876.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  877.                                    무제한 회원
  878.                                </label>
  879.                            </li>
  880.                        
  881.                            <li>
  882.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  883.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  884.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  885.                                    무제한 메뉴
  886.                                </label>
  887.                            </li>
  888.                        
  889.                            <li>
  890.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  891.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  892.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  893.                                    무제한 게시판
  894.                                </label>
  895.                            </li>
  896.                        
  897.                            <li>
  898.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  899.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  900.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  901.                                    실시간 채팅
  902.                                </label>
  903.                            </li>
  904.                        
  905.                            <li>
  906.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  907.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  908.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  909.                                    무제한 배너 12곳
  910.                                </label>
  911.                            </li>
  912.                        
  913.                            <li>
  914.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  915.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  916.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  917.                                    헤더/푸터 테마
  918.                                </label>
  919.                            </li>
  920.                        
  921.                            <li>
  922.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  923.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  924.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  925.                                    폰트 10종
  926.                                </label>
  927.                            </li>
  928.                        
  929.                            <li>
  930.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  931.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  932.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  933.                                    메인 위젯 13종
  934.                                </label>
  935.                            </li>
  936.                        
  937.                            <li>
  938.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  939.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  940.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  941.                                    사이드바 위젯 10종
  942.                                </label>
  943.                            </li>
  944.                        
  945.                            <li>
  946.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  947.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  948.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  949.                                    글로벌용 12개국어 지원
  950.                                </label>
  951.                            </li>
  952.                        
  953.                            <li>
  954.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  955.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  956.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  957.                                    회원 등급/그룹
  958.                                </label>
  959.                            </li>
  960.                        
  961.                            <li>
  962.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  963.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  964.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  965.                                    포인트 제도
  966.                                </label>
  967.                            </li>
  968.                        
  969.                            <li>
  970.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  971.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  972.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  973.                                    광고 연동(쿠팡,알리,구글)
  974.                                </label>
  975.                            </li>
  976.                        
  977.                            <li>
  978.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  979.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  980.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  981.                                    네이버로 로그인
  982.                                </label>
  983.                            </li>
  984.                        
  985.                            <li>
  986.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  987.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  988.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  989.                                    카카토톡으로 로그인
  990.                                </label>
  991.                            </li>
  992.                        
  993.                            <li>
  994.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  995.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  996.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  997.                                    페이스북으로 로그인
  998.                                </label>
  999.                            </li>
  1000.                        
  1001.                            <li>
  1002.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1003.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1004.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1005.                                    구글로 로그인
  1006.                                </label>
  1007.                            </li>
  1008.                        
  1009.                            <li>
  1010.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1011.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1012.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1013.                                    AI 자동 글쓰기
  1014.                                </label>
  1015.                            </li>
  1016.                        
  1017.                            <li>
  1018.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1019.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1020.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1021.                                    유튜브 크롤러
  1022.                                </label>
  1023.                            </li>
  1024.                        
  1025.                            <li>
  1026.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1027.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1028.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1029.                                    IP 차단 기능
  1030.                                </label>
  1031.                            </li>
  1032.                        
  1033.                            <li>
  1034.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1035.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1036.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1037.                                    관리자 보안 OTP
  1038.                                </label>
  1039.                            </li>
  1040.                        
  1041.                            <li>
  1042.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1043.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1044.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1045.                                    익명 게시판
  1046.                                </label>
  1047.                            </li>
  1048.                        
  1049.                            <li>
  1050.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1051.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1052.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1053.                                    비밀글 게시판(관리자,작성자만)
  1054.                                </label>
  1055.                            </li>
  1056.                        
  1057.                            <li>
  1058.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1059.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1060.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1061.                                    댓글 채택
  1062.                                </label>
  1063.                            </li>
  1064.                        
  1065.                            <li>
  1066.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1067.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1068.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1069.                                    답글
  1070.                                </label>
  1071.                            </li>
  1072.                        
  1073.                            <li>
  1074.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1075.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1076.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1077.                                    템플릿 시스템
  1078.                                </label>
  1079.                            </li>
  1080.                        
  1081.                            <li>
  1082.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1083.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1084.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1085.                                    게시글 수동 정렬
  1086.                                </label>
  1087.                            </li>
  1088.                        
  1089.                            <li>
  1090.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1091.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1092.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1093.                                    드래그 방지
  1094.                                </label>
  1095.                            </li>
  1096.                        
  1097.                            <li>
  1098.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1099.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1100.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1101.                                    첨부 파일
  1102.                                </label>
  1103.                            </li>
  1104.                        
  1105.                            <li>
  1106.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1107.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1108.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1109.                                    베스트 글
  1110.                                </label>
  1111.                            </li>
  1112.                        
  1113.                            <li>
  1114.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1115.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1116.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1117.                                    모바일 전용 하단 메뉴
  1118.                                </label>
  1119.                            </li>
  1120.                        
  1121.                            <li>
  1122.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1123.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1124.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1125.                                    쪽지
  1126.                                </label>
  1127.                            </li>
  1128.                        
  1129.                            <li>
  1130.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1131.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1132.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1133.                                    투표
  1134.                                </label>
  1135.                            </li>
  1136.                        
  1137.                            <li>
  1138.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1139.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1140.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1141.                                    출석체크
  1142.                                </label>
  1143.                            </li>
  1144.                        
  1145.                            <li>
  1146.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1147.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1148.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1149.                                    HTML 페이지 생성
  1150.                                </label>
  1151.                            </li>
  1152.                        
  1153.                            <li>
  1154.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1155.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1156.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1157.                                    이메일 알림
  1158.                                </label>
  1159.                            </li>
  1160.                        
  1161.                            <li>
  1162.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1163.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1164.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1165.                                    새글 회원 알림
  1166.                                </label>
  1167.                            </li>
  1168.                        
  1169.                            <li>
  1170.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1171.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1172.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1173.                                    새글 관리자 알림
  1174.                                </label>
  1175.                            </li>
  1176.                        
  1177.                            <li>
  1178.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1179.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1180.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1181.                                    구글 서치 콘솔
  1182.                                </label>
  1183.                            </li>
  1184.                        
  1185.                            <li>
  1186.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1187.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1188.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1189.                                    네이버 웹마스터 도구
  1190.                                </label>
  1191.                            </li>
  1192.                        
  1193.                            <li>
  1194.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1195.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1196.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1197.                                    구글 애널리틱스
  1198.                                </label>
  1199.                            </li>
  1200.                        
  1201.                            <li>
  1202.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1203.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1204.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1205.                                    RSS
  1206.                                </label>
  1207.                            </li>
  1208.                        
  1209.                            <li>
  1210.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1211.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1212.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1213.                                    사이트맵
  1214.                                </label>
  1215.                            </li>
  1216.                        
  1217.                            <li>
  1218.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1219.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1220.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1221.                                    이메일 인증
  1222.                                </label>
  1223.                            </li>
  1224.                        
  1225.                            <li>
  1226.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1227.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1228.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1229.                                    이미지 압축
  1230.                                </label>
  1231.                            </li>
  1232.                        
  1233.                            <li>
  1234.                                <label class="w-full hover:cursor-pointer hover:bg-gray-100 has-[:checked]:bg-[#00ffa8]/10 text-sm py-1 border-t flex items-center gap-1"
  1235.                                       onclick="new countUp.CountUp('price', 330000, {duration: 1}).start()">
  1236.                                    <input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#00ffa8] focus:ring-[#00ffa8]">
  1237.                                    서버 접속자 및 로그
  1238.                                </label>
  1239.                            </li>
  1240.                        
  1241.                    </ul>
  1242.                </div>
  1243.            </div>
  1244.            <script src="https://cdnjs.cloudflare.com/ajax/libs/countup.js/2.8.0/countUp.umd.js"
  1245.                    integrity="sha512-ABdY/XvDDH+5fzlCDOk/NEmasevb1A/b13MhOQuVId6ajXR0v81M2IHbC5TDSWWi8FtlQQTqhqaVBJMCCGR/5w==" crossorigin="anonymous"
  1246.                    referrerpolicy="no-referrer"></script>
  1247.            <div class="absolute bottom-10 font-bold">
  1248.                총 금액 : <span id="price" class="text-lg"></span>원
  1249.            </div>
  1250.        </div>
  1251.  
  1252.        <div class="box col-span-1 md:col-span-2 md:row-span-2 min-h-96" data-aos="zoom-in-up">
  1253.            <div class="flex justify-between items-center gap-5 mb-5">
  1254.                <h2 class="text-2xl font-bold">최신 업데이트</h2>
  1255.                <a href="/news" class="text-sm hover:underline">더보기 &gt;</a>
  1256.            </div>
  1257.            
  1258.  
  1259. <table class="w-full">
  1260.    <thead>
  1261.    <tr class="text-gray-700 *:font-normal text-sm">
  1262.        <th class="pb-2">제목</th>
  1263.        <th class="md:w-32">날짜</th>
  1264.        <th class="md:w-32 break-keep">조회수</th>
  1265.    </tr>
  1266.    </thead>
  1267.    <tbody>
  1268.  
  1269.    
  1270.        <tr class="border-t text-sm hover:bg-gray-100">
  1271.            <td class="py-2 px-2 hover:underline">
  1272.                <a href="/news/11">
  1273.                    이벤트 게시판 타입 추가
  1274.                    
  1275.                </a></td>
  1276.            <td class="text-center md:w-32">2025.09.27</td>
  1277.            <td class="text-center md:w-32">543</td>
  1278.        </tr>
  1279.    
  1280.        <tr class="border-t text-sm hover:bg-gray-100">
  1281.            <td class="py-2 px-2 hover:underline">
  1282.                <a href="/news/10">
  1283.                    사이트 불법 복제 MITM 공격 차단
  1284.                    
  1285.                </a></td>
  1286.            <td class="text-center md:w-32">2025.08.19</td>
  1287.            <td class="text-center md:w-32">1411</td>
  1288.        </tr>
  1289.    
  1290.        <tr class="border-t text-sm hover:bg-gray-100">
  1291.            <td class="py-2 px-2 hover:underline">
  1292.                <a href="/news/9">
  1293.                    인스타그램 게시판 기능 추가
  1294.                    
  1295.                </a></td>
  1296.            <td class="text-center md:w-32">2025.08.12</td>
  1297.            <td class="text-center md:w-32">1530</td>
  1298.        </tr>
  1299.    
  1300.        <tr class="border-t text-sm hover:bg-gray-100">
  1301.            <td class="py-2 px-2 hover:underline">
  1302.                <a href="/news/7">
  1303.                    서버 DB 이미지파일 백업 기능 추가
  1304.                    
  1305.                </a></td>
  1306.            <td class="text-center md:w-32">2025.08.04</td>
  1307.            <td class="text-center md:w-32">1728</td>
  1308.        </tr>
  1309.    
  1310.        <tr class="border-t text-sm hover:bg-gray-100">
  1311.            <td class="py-2 px-2 hover:underline">
  1312.                <a href="/news/6">
  1313.                    구글 지도 추가
  1314.                    
  1315.                </a></td>
  1316.            <td class="text-center md:w-32">2025.08.03</td>
  1317.            <td class="text-center md:w-32">1679</td>
  1318.        </tr>
  1319.    
  1320.        <tr class="border-t text-sm hover:bg-gray-100">
  1321.            <td class="py-2 px-2 hover:underline">
  1322.                <a href="/news/5">
  1323.                    가상 계좌 결제 추가
  1324.                    
  1325.                </a></td>
  1326.            <td class="text-center md:w-32">2025.06.07</td>
  1327.            <td class="text-center md:w-32">2335</td>
  1328.        </tr>
  1329.    
  1330.        <tr class="border-t text-sm hover:bg-gray-100">
  1331.            <td class="py-2 px-2 hover:underline">
  1332.                <a href="/news/3">
  1333.                    AI 크롤링 봇 차단
  1334.                    
  1335.                </a></td>
  1336.            <td class="text-center md:w-32">2025.06.01</td>
  1337.            <td class="text-center md:w-32">2425</td>
  1338.        </tr>
  1339.    
  1340.        <tr class="border-t text-sm hover:bg-gray-100">
  1341.            <td class="py-2 px-2 hover:underline">
  1342.                <a href="/news/4">
  1343.                    게시판별 기간 단위 대량 글 삭제 기능 추가
  1344.                    
  1345.                </a></td>
  1346.            <td class="text-center md:w-32">2025.05.23</td>
  1347.            <td class="text-center md:w-32">2348</td>
  1348.        </tr>
  1349.    
  1350.        <tr class="border-t text-sm hover:bg-gray-100">
  1351.            <td class="py-2 px-2 hover:underline">
  1352.                <a href="/news/1">
  1353.                    이미지 썸네일용 자동 압축 기능 추가
  1354.                    
  1355.                </a></td>
  1356.            <td class="text-center md:w-32">2025.05.05</td>
  1357.            <td class="text-center md:w-32">2392</td>
  1358.        </tr>
  1359.    
  1360.        <tr class="border-t text-sm hover:bg-gray-100">
  1361.            <td class="py-2 px-2 hover:underline">
  1362.                <a href="/news/2">
  1363.                    포인트 홀짝 게임 추가
  1364.                    
  1365.                </a></td>
  1366.            <td class="text-center md:w-32">2025.04.28</td>
  1367.            <td class="text-center md:w-32">2432</td>
  1368.        </tr>
  1369.    
  1370.    </tbody>
  1371. </table>
  1372.  
  1373.        </div>
  1374.  
  1375.        <div class="box" data-aos="zoom-in-up">
  1376.            <h2 class="text-2xl font-bold mb-5">반응형 디자인 🖥️📱</h2>
  1377.            <div class="break-keep">
  1378.                데스크탑, 태블릿, 모바일 등 보여지는 디스플레이 크기에 따라 자동으로 최적의 디자인으로 바뀌어요!
  1379.            </div>
  1380.        </div>
  1381.  
  1382.        <div class="box" data-aos="zoom-in-up">
  1383.            <h2 class="text-2xl font-bold mb-5">손쉬운 테마 변경 🏞️</h2>
  1384.            <div class="break-keep">
  1385.                디자인 어렵죠? 그래서 와플보드가 준비했어요! 헤더, 푸터, 폰트, 색상, 박스, 버튼 스타일까지!
  1386.            </div>
  1387.        </div>
  1388.  
  1389.        <div class="box" data-aos="zoom-in-up">
  1390.            <h2 class="text-2xl font-bold mb-5">애플/안드로이드 앱 출시 📱</h2>
  1391.            <div class="break-keep">
  1392.                애플/안드로이드 앱을 출시할 수 있어요! (별도구매)
  1393.            </div>
  1394.        </div>
  1395.  
  1396.        <a href="/customers" class="col-span-1 md:col-span-3 box" data-aos="zoom-in-up">
  1397.            <h2 class="text-2xl font-bold mb-5">고객 운영 주제 예시 🐳</h2>
  1398.            <div class="flex flex-wrap justify-center gap-3">
  1399.                <div class="bg-gray-100 px-4 py-2 rounded-lg">코인 커뮤니티</div>
  1400.                <div class="bg-gray-100 px-4 py-2 rounded-lg">스포츠 커뮤니티</div>
  1401.                <div class="bg-gray-100 px-4 py-2 rounded-lg">유머 커뮤니티</div>
  1402.                <div class="bg-gray-100 px-4 py-2 rounded-lg">종합 커뮤니티</div>
  1403.                <div class="bg-gray-100 px-4 py-2 rounded-lg">주식 커뮤니티</div>
  1404.                <div class="bg-gray-100 px-4 py-2 rounded-lg">유흥 커뮤니티</div>
  1405.                <div class="bg-gray-100 px-4 py-2 rounded-lg">한인 커뮤니티</div>
  1406.                <div class="bg-gray-100 px-4 py-2 rounded-lg">익명 커뮤니티</div>
  1407.            </div>
  1408.        </a>
  1409.  
  1410.        <div class="box col-span-1 md:col-span-3" data-aos="zoom-in-up">
  1411.            <h2 class="text-2xl font-bold mb-5">한눈에 보는 커뮤니티 솔루션 비교 🎤</h2>
  1412.            <!--            <img src="https://img.wafflecloud.cc/comparison.png" alt="와플보드 워드프레스 그누보드 카페24 아임웹 비교">-->
  1413.            <table class="w-full max-w-[600px] mx-auto">
  1414.                <thead>
  1415.                <tr class="*:font-normal text-sm border-b">
  1416.                    <th>제품</th>
  1417.                    <th>
  1418.                        최소 기능
  1419.                        <br>
  1420.                        <span class="text-xs text-gray-400">회원/게시판</span>
  1421.                    </th>
  1422.                    <th>
  1423.                        확장 기능
  1424.                        <br>
  1425.                        <span class="text-xs text-gray-400">채팅/AI글쓰기</span>
  1426.                    </th>
  1427.                    <th>
  1428.                        커스텀 개발
  1429.                        <br>
  1430.                        <span class="text-xs text-gray-400">맞춤제작</span>
  1431.                    </th>
  1432.                    <th>
  1433.                        서버 관리
  1434.                        <br>
  1435.                        <span class="text-xs text-gray-400">해킹/디도스/최적화</span>
  1436.                    </th>
  1437.                </tr>
  1438.                </thead>
  1439.                <tbody>
  1440.                <tr class="*:text-center border-b">
  1441.                    <td class="py-2">와플보드</td>
  1442.                    <td>✅</td>
  1443.                    <td>✅</td>
  1444.                    <td>✅</td>
  1445.                    <td>✅</td>
  1446.                </tr>
  1447.                <tr class="*:text-center border-b">
  1448.                    <td class="py-2">그*보드</td>
  1449.                    <td>✅</td>
  1450.                    <td>✅</td>
  1451.                    <td>⚠️</td>
  1452.                    <td></td>
  1453.                </tr>
  1454.                <tr class="*:text-center border-b">
  1455.                    <td class="py-2">워*프레스</td>
  1456.                    <td>✅</td>
  1457.                    <td>✅</td>
  1458.                    <td>⚠️</td>
  1459.                    <td></td>
  1460.                </tr>
  1461.                <tr class="*:text-center border-b">
  1462.                    <td class="py-2">카*24</td>
  1463.                    <td>✅</td>
  1464.                    <td>⚠️</td>
  1465.                    <td></td>
  1466.                    <td></td>
  1467.                </tr>
  1468.                <tr class="*:text-center">
  1469.                    <td class="py-2">아*웹</td>
  1470.                    <td>✅</td>
  1471.                    <td></td>
  1472.                    <td></td>
  1473.                    <td></td>
  1474.                </tr>
  1475.                </tbody>
  1476.            </table>
  1477.        </div>
  1478.  
  1479.    </section>
  1480.  
  1481.    <div class="w-full marquee-container overflow-hidden pb-16" data-aos="zoom-in-up">
  1482.        <div class="marquee-content flex gap-5 flex-nowrap *:min-w-96">
  1483.            <a href="/features#feature1" class="col-span-1 box">
  1484.                <h3 class="text-2xl font-bold mb-4">무제한 메뉴/게시판/회원 🌈</h3>
  1485.                <div>여러분의 상상력을 마음껏 펼쳐보세요! 메뉴, 게시판, 회원 수에 제한이 없어 원하는 대로 사이트를 키워나갈 수 있어요.</div>
  1486.            </a>
  1487.            <a href="/features#feature2" class="col-span-1 box">
  1488.                <h3 class="text-2xl font-bold mb-4">소셜 로그인 지원 🌐</h3>
  1489.                <div>네이버, 카카오, 구글, 페이스북으로 간편하게 로그인해요. 클릭 한 번으로 가입 완료, 얼마나 편리한가요?</div>
  1490.            </a>
  1491.            <a href="/features#feature7" class="col-span-1 box">
  1492.                <div class="plugin-badge">플러그인</div>
  1493.                <h3 class="text-2xl font-bold mb-4">똑똑한 크롤러 🕷️</h3>
  1494.                <div>원하는 사이트의 정보를 쏙쏙 뽑아 게시글로 등록해요! IP 차단? 걱정 마세요. 프록시와 쿠키 설정으로 스마트하게 해결해드립니다. 정보 수집이 이렇게 쉬웠다니!</div>
  1495.            </a>
  1496.            <a href="/features#feature8" class="col-span-1 box">
  1497.                <div class="plugin-badge">플러그인</div>
  1498.                <h3 class="text-2xl font-bold mb-4">쇼핑의 즐거움 기프티콘샵 🎉</h3>
  1499.                <div>다양한 상품을 포인트로 구매하고 문자로 받아보세요! 커피 한 잔부터 맛집 상품권까지, 일상의 작은 행복을 선물해보는 건 어떨까요?</div>
  1500.            </a>
  1501.            <a href="/features#feature3" class="col-span-1 box">
  1502.                <h3 class="text-2xl font-bold mb-4">실시간 채팅 내장 💬</h3>
  1503.                <div>전체, 1:1, 그룹 채팅으로 실시간 수다 타임! 사진도 보내고 대화도 나누고, 우리 더 가까워질 수 있어요.</div>
  1504.            </a>
  1505.            <a href="/features#feature9" class="col-span-1 box">
  1506.                <div class="plugin-badge">플러그인</div>
  1507.                <h3 class="text-2xl font-bold mb-4">손쉬운 포인트 출금 신청 💰</h3>
  1508.                <div>열심히 모은 포인트를 간편한 출금 신청으로 여러분의 활동에 가치를 더해드립니다. 포인트가 쌓일수록 더 풍성해지는 혜택을 누려보세요!</div>
  1509.            </a>
  1510.            <a href="/features#feature4" class="col-span-1 box">
  1511.                <h3 class="text-2xl font-bold mb-4">수익형 배너 시스템 💰</h3>
  1512.                <div>사이트 곳곳에 예쁜 배너를 달아보세요. 수익도 올리고 사이트도 꾸미고, 일석이조랍니다!</div>
  1513.            </a>
  1514.            <a href="/features#feature10" class="col-span-1 box">
  1515.                <div class="plugin-badge">플러그인</div>
  1516.                <h3 class="text-2xl font-bold mb-4">텔레그램 실시간 연동 📱</h3>
  1517.                <div>텔레그램 채팅방과 실시간 연동! 이제 어디서든 대화에 참여할 수 있어요. 웹사이트, 모바일 앱, 텔레그램까지 끊김 없는 소통을 경험해보세요!</div>
  1518.            </a>
  1519.            <a href="/features#feature5" class="col-span-1 box">
  1520.                <h3 class="text-2xl font-bold mb-4">다양한 광고 연동 💸</h3>
  1521.                <div>구글, 쿠팡, 알리익스프레스 광고로 수익의 폭을 넓혀보세요. 여러분의 사이트가 돈을 벌어다 줄 거예요!</div>
  1522.            </a>
  1523.            <a href="/features#feature6" class="col-span-1 box">
  1524.                <h3 class="text-2xl font-bold mb-4">포인트 기반 회원 관리 제도 🏆</h3>
  1525.                <div>포인트, 등급, 그룹, 랭킹, 출석 체크로 회원들의 활동을 쑥쑥 늘려보세요. 우리 커뮤니티가 얼마나 활기차질지 기대돼요!</div>
  1526.            </a>
  1527.            <a href="/features#feature11" class="col-span-1 box">
  1528.                <div class="plugin-badge">플러그인</div>
  1529.                <h3 class="text-2xl font-bold mb-4">설치 없이 푸시알림! 웹앱 📲</h3>
  1530.                <div>별도의 앱 설치 없이 홈 화면에 아이콘 추가만으로 앱처럼 사용해보세요! 푸시 알림으로 중요한 소식도 놓치지 않고 받아볼 수 있어요. 더 스마트해진 우리 커뮤니티를 경험해보세요!</div>
  1531.            </a>
  1532.            <a href="/features#feature12" class="col-span-1 box">
  1533.                <h3 class="text-2xl font-bold mb-4">익명 커뮤니케이션 🔐</h3>
  1534.                <div>솔직한 이야기, 마음껏 나눠보세요. 익명으로 안전하게, 커뮤니티의 대화가 더 풍성해질 거예요.</div>
  1535.            </a>
  1536.            <a href="/features#feature13" class="col-span-1 box">
  1537.                <div class="plugin-badge">플러그인</div>
  1538.                <h3 class="text-2xl font-bold mb-4">안전한 본인인증 🔐</h3>
  1539.                <div>휴대폰 번호로 간편하게 본인인증! 이름, 생년월일 체크는 물론 성인인증까지 가능해요. 신뢰할 수 있는 커뮤니티를 만들어가는 첫걸음, 함께 시작해볼까요?</div>
  1540.            </a>
  1541.            <a href="/features#feature14" class="col-span-1 box">
  1542.                <h3 class="text-2xl font-bold mb-4">쪽지 시스템 📨</h3>
  1543.                <div>살짝살짝 귓속말하듯 은밀한 대화! 쪽지로 더 가까워지는 우리 커뮤니티, 어때요?</div>
  1544.            </a>
  1545.            <a href="/features#feature15" class="col-span-1 box">
  1546.                <h3 class="text-2xl font-bold mb-4">메인/사이드 위젯 🧩</h3>
  1547.                <div>예쁜 위젯으로 사이트를 꾸며볼까요? 추가하고 뺐다 맘대로! 매일매일 새로운 느낌으로 변신해요.</div>
  1548.            </a>
  1549.            <a href="/features#feature16" class="col-span-1 box">
  1550.                <div class="plugin-badge">플러그인</div>
  1551.                <h3 class="text-2xl font-bold mb-4">체험단 리뷰어 모집해요 🌟</h3>
  1552.                <div>체험단 모집부터 리뷰 작성까지, 모든 과정을 한 곳에서! 새로운 제품과 서비스를 경험하고 포인트도 받아가세요. 여러분의 솔직한 리뷰가 모두에게 도움이 됩니다!</div>
  1553.            </a>
  1554.            <a href="/features#feature17" class="col-span-1 box">
  1555.                <div class="plugin-badge">플러그인</div>
  1556.                <h3 class="text-2xl font-bold mb-4">고품질 스트리밍 🎬</h3>
  1557.                <div>여러분의 영상을 빛나게 해드려요! 업로드하면 자동으로 최적의 화질로 인코딩됩니다. 안정적인 전용 서버로 끊김 없는 스트리밍을 즐기세요. 여러분의 콘텐츠, 더 멋지게 빛날 거예요!</div>
  1558.            </a>
  1559.            <a href="/features#feature18" class="col-span-1 box">
  1560.                <h3 class="text-2xl font-bold mb-4">투표 시스템 🗳️</h3>
  1561.                <div>우리의 생각을 모아볼까요? 찬성? 반대? 다지선다 등 다양한 의견을 쉽게 모을 수 있어요. 모두의 목소리를 들어보세요!</div>
  1562.            </a>
  1563.            <a href="/features#feature19" class="col-span-1 box">
  1564.                <h3 class="text-2xl font-bold mb-4">고급 템플릿 시스템 🖌️</h3>
  1565.                <div>여러분만의 독특한 디자인을 만들어보세요. 검색엔진에도 잘 보이고, 눈에도 확 들어오는 멋진 사이트를 만들 수 있어요!</div>
  1566.            </a>
  1567.            <a href="/features#feature21" class="col-span-1 box">
  1568.                <div class="plugin-badge">플러그인</div>
  1569.                <h3 class="text-2xl font-bold mb-4">실시간 알림 서비스 🔔</h3>
  1570.                <div>새 글, 댓글, 쪽지가 올 때마다 팡팡! 알려드려요. 우리 커뮤니티의 소식, 놓치지 마세요!</div>
  1571.            </a>
  1572.            <a href="/features#feature22" class="col-span-1 box">
  1573.                <h3 class="text-2xl font-bold mb-4">유튜브 크롤러 🎬</h3>
  1574.                <div>유튜브 영상이 쏘옥~ 게시판으로 들어와요. 풍성한 콘텐츠로 방문자들이 더 오래 머물고 싶어 할 거예요!</div>
  1575.            </a>
  1576.        </div>
  1577.    </div>
  1578.    <div class="w-full marquee-container -mt-20 overflow-hidden pb-16" data-aos="zoom-in-up">
  1579.        <div class="marquee-content2 flex gap-5 flex-nowrap *:min-w-96">
  1580.            <a href="/features#feature23" class="col-span-1 box">
  1581.                <div class="plugin-badge">플러그인</div>
  1582.                <h3 class="text-2xl font-bold mb-4">한눈에 보는 캘린더 이벤트 📅</h3>
  1583.                <div>메인 화면에 깔끔한 달력을 추가했어요. 중요한 일정을 모두와 공유해보세요. 우리 커뮤니티의 특별한 날들, 놓치지 않고 함께 즐겨요!</div>
  1584.            </a>
  1585.            <a href="/features#feature24" class="col-span-1 box">
  1586.                <div class="plugin-badge">플러그인</div>
  1587.                <h3 class="text-2xl font-bold mb-4">포인트를 주고 받고 🎁</h3>
  1588.                <div>회원 간 포인트 주고받기, 이제 가능해요! 감사의 마음, 축하의 마음을 포인트에 담아 전해보세요. 우리 사이 더 가까워지는 것 같지 않나요?</div>
  1589.            </a>
  1590.            <a href="/features#feature25" class="col-span-1 box">
  1591.                <h3 class="text-2xl font-bold mb-4">고급 관리자 보안 🔑</h3>
  1592.                <div>2차 비밀번호로 철통보안! 관리자 계정을 지켜주니 안심하고 사이트를 운영하세요.</div>
  1593.            </a>
  1594.            <a href="/features#feature26" class="col-span-1 box">
  1595.                <h3 class="text-2xl font-bold mb-4">글로벌 언어 지원 🌍</h3>
  1596.                <div>13개 언어로 전 세계 사람들과 이야기해요. 한국어부터 힌디어까지, 세계는 넓고 할 이야기는 많답니다!</div>
  1597.            </a>
  1598.            <a href="/features#feature27" class="col-span-1 box">
  1599.                <div class="plugin-badge">플러그인</div>
  1600.                <h3 class="text-2xl font-bold mb-4">클릭 한 번으로 편리한 결제 💳</h3>
  1601.                <div>카드는 물론 네이버페이, 카카오페이, 토스 등 다양한 결제 수단을 제공해요. 원하는 방식으로 빠르고 안전하게 결제하세요. 편리함이 한 층 업그레이드됩니다!</div>
  1602.            </a>
  1603.            <a href="/features#feature28" class="col-span-1 box">
  1604.                <h3 class="text-2xl font-bold mb-4">안전한 회원가입 인증 👤</h3>
  1605.                <div>문자나 이메일로 본인인증, 어렵지 않아요. 믿을 수 있는 회원들과 함께 즐거운 커뮤니티를 만들어가요!</div>
  1606.            </a>
  1607.            <a href="/features#feature29" class="col-span-1 box">
  1608.                <div class="plugin-badge">플러그인</div>
  1609.                <h3 class="text-2xl font-bold mb-4">함께 성장하는 추천인 제도 🤝</h3>
  1610.                <div>친구를 초대하고 보상 포인트도 받고! 회원가입 시 추천인을 입력하면 두 분 모두에게 포인트를 드려요. 우리 커뮤니티, 함께 키워가요!</div>
  1611.            </a>
  1612.            <a href="/features#feature30" class="col-span-1 box">
  1613.                <h3 class="text-2xl font-bold mb-4">모바일 전용 하단 메뉴 👆</h3>
  1614.                <div>앱처럼 쓱싹 움직이는 모바일 메뉴예요. 손가락 하나로 모든 걸 할 수 있다니, 얼마나 편리한가요?</div>
  1615.            </a>
  1616.            <a href="/features#feature31" class="col-span-1 box">
  1617.                <div class="plugin-badge">플러그인</div>
  1618.                <h3 class="text-2xl font-bold mb-4">우리만의 작은 쇼핑몰 🛍️</h3>
  1619.                <div>상품 등록부터 구매, 배송 관리, 리뷰까지! 쇼핑몰 전용 메뉴로 편리한 쇼핑 경험을 제공해요. 우리 커뮤니티만의 특별한 상품을 만나보세요!</div>
  1620.            </a>
  1621.            <a href="/features#feature32" class="col-span-1 box">
  1622.                <h3 class="text-2xl font-bold mb-4">HTML 페이지 생성 📝</h3>
  1623.                <div>나만의 특별한 페이지를 만들어볼까요? 주소까지 내 맘대로! 상상하는 모든 것을 현실로 만들어보세요.</div>
  1624.            </a>
  1625.            <a href="/features#feature33" class="col-span-1 box">
  1626.                <h3 class="text-2xl font-bold mb-4">AI 자동 글쓰기 🤖</h3>
  1627.                <div>ChatGPT의 도움을 받아 제목부터 본문, 심지어 이미지까지 뚝딱! 예약 포스팅으로 꾸준한 글쓰기, 어렵지 않아요. 여러분의 커뮤니티가 쑥쑥 자라날 거예요!</div>
  1628.            </a>
  1629.            <a href="/features#feature34" class="col-span-1 box">
  1630.                <div class="plugin-badge">플러그인</div>
  1631.                <h3 class="text-2xl font-bold mb-4">나만의 작은 공간, 블로그 📝</h3>
  1632.                <div>회원마다 특별한 블로그형 게시판을 드려요! 관심 있는 회원들과 팔로우하며 소통해보세요. 여러분만의 이야기로 가득한 작은 세상을 만들어보는 건 어떨까요?</div>
  1633.            </a>
  1634.            <a href="/features#feature35" class="col-span-1 box">
  1635.                <h3 class="text-2xl font-bold mb-4">강력한 IP 차단 기능 🚫</h3>
  1636.                <div>불편한 사용자나 이상한 트래픽, 이제 안녕~ IP 차단으로 깨끗하고 안전한 커뮤니티를 만들어보세요. 여러분의 공간을 지켜드릴게요!</div>
  1637.            </a>
  1638.            <a href="/features#feature20" class="col-span-1 box">
  1639.                <h3 class="text-2xl font-bold mb-4">다채로운 게시판 스타일 🎨</h3>
  1640.                <div>기본, 클래식, 사진, 북마크, 블로그형까지! 다양한 게시판 스타일로 눈이 즐거운 커뮤니티를 만들어보세요. 어떤 스타일을 고르실 건가요? 기대돼요!</div>
  1641.            </a>
  1642.            <a href="/features" class="col-span-1 box">
  1643.                <h3 class="text-2xl font-bold mb-4">우와, 너무 많죠? 😮</h3>
  1644.                <div>하지만 어떡하죠? 아직 설명 드리지 않은 기능이 더 많아요! 한번 간단한 스크린샷과 함께 둘러볼까요?</div>
  1645.            </a>
  1646.        </div>
  1647.    </div>
  1648.    <style>
  1649.        .marquee-container .marquee-content {
  1650.            animation: marquee 20s linear infinite;
  1651.        }
  1652.  
  1653.        .marquee-container .marquee-content2 {
  1654.            animation: marquee 20s linear infinite reverse;
  1655.        }
  1656.  
  1657.        @keyframes marquee {
  1658.            0% {
  1659.                transform: translate(0, 0);
  1660.            }
  1661.            100% {
  1662.                transform: translate(-100%, 0);
  1663.            }
  1664.        }
  1665.    </style>
  1666.  
  1667.    <div class="relative isolate" data-aos="zoom-in-up">
  1668.        <div class="absolute inset-x-0 top-1/2 -z-10 -translate-y-1/2 transform-gpu overflow-hidden opacity-30 blur-3xl" aria-hidden="true">
  1669.            <div class="ml-[max(50%,38rem)] aspect-[1313/771] w-[82.0625rem] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc]"
  1670.                 style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
  1671.        </div>
  1672.        <div class="absolute inset-x-0 top-0 -z-10 flex transform-gpu overflow-hidden pt-32 opacity-25 blur-3xl sm:pt-40 xl:justify-end" aria-hidden="true">
  1673.            <div class="ml-[-22rem] aspect-[1313/771] w-[82.0625rem] flex-none origin-top-right rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] xl:ml-0 xl:mr-[calc(50%-12rem)]"
  1674.                 style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
  1675.        </div>
  1676.        <div class="mx-auto max-w-7xl px-6 lg:px-8">
  1677.            <div class="mx-auto max-w-xl text-center">
  1678.                <h2 class="text-lg font-semibold leading-8 tracking-tight text-gray-600">고객님들의 생생한 목소리 📢 </h2>
  1679.                <p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">우리의 자랑, 수천 명의 멋진 고객님들!</p>
  1680.            </div>
  1681.            <div class="mx-auto mt-16 grid max-w-2xl grid-cols-1 grid-rows-1 gap-8 text-sm leading-6 text-gray-900 sm:grid-cols-2 xl:mx-0 xl:max-w-none xl:grid-flow-col xl:grid-cols-4">
  1682.                <figure class="rounded-2xl bg-white shadow-lg ring-1 ring-gray-900/5 sm:col-span-2 xl:col-start-2 xl:row-end-1">
  1683.                    <blockquote class="p-6 text-lg font-semibold leading-7 tracking-tight text-gray-900 sm:p-12 sm:text-xl sm:leading-8">
  1684.                        <p>
  1685.                            “4개월간 여러 서비스를 살펴보다 13번의 다른 업체와의 미팅 끝에 와플보드를 발견했는데, 정말 눈이 번쩍 뜨이는 경험이었습니다. 숨고나 크몽은 500만원에서 800만원까지 부르는 서비스를 와플보드는 훨씬 저렴한 가격에 제공하면서도, 기능은 오히려 더 뛰어나더군요.
  1686.                            프리랜서와 사업자분들께
  1687.                            자신 있게 추천드립니다. 와플보드를 선택하면 시간과 비용을 크게 아끼실 수 있을 겁니다.”
  1688.                        </p>
  1689.                    </blockquote>
  1690.                </figure>
  1691.                <div class="space-y-8 xl:contents xl:space-y-0">
  1692.                    <div class="space-y-8 xl:row-span-2">
  1693.                        <figure class="rounded-2xl bg-white p-6 shadow-lg ring-1 ring-gray-900/5">
  1694.                            <blockquote class="text-gray-900">
  1695.                                <p>“와플보드 덕분에 회원 관리와 게시판 운영이 놀랍도록 수월해졌고, 특히 1:1 채팅 기능으로 회원 간 거래가 활성화되었습니다. '유저 제재', '공지사항 관리', '포인트 관리', '등급 설정', '게시판 분류' 등의 관리자 기능이 직관적이고 편리해서,
  1696.                                    지금까지 사용해 본 어떤 솔루션보다 커뮤니티 운영이 원활해졌습니다.”</p>
  1697.                            </blockquote>
  1698.                        </figure>
  1699.                    </div>
  1700.                    <div class="space-y-8 xl:row-start-1">
  1701.                        <figure class="rounded-2xl bg-white p-6 shadow-lg ring-1 ring-gray-900/5">
  1702.                            <blockquote class="text-gray-900">
  1703.                                <p>“와플보드를 사용하면서 마치 싸이월드 꾸미는 느낌이 났는데, 프리셋에서 원하는 디자인을 골라 수정할 수 있어 같은 플랫폼 내에서도 매번 새로운 사이트처럼 꾸밀 수 있었습니다.”</p>
  1704.                            </blockquote>
  1705.                        </figure>
  1706.  
  1707.                        <!-- More testimonials... -->
  1708.                    </div>
  1709.                </div>
  1710.                <div class="space-y-8 xl:contents xl:space-y-0">
  1711.                    <div class="space-y-8 xl:row-start-1">
  1712.                        <figure class="rounded-2xl bg-white p-6 shadow-lg ring-1 ring-gray-900/5">
  1713.                            <blockquote class="text-gray-900">
  1714.                                <p>“일단 설치가 무척 빨라요. 그리고 서버 관리를 직접 해주셔서 좋아요. 조금만 상위노출 되면 해외에서 해킹시도나 디도스가 엄청 오는데 10분만에 다 막아주시더라구요. 예전에 대기업 인프라팀에 계셨다고 해서 그런지.. 신뢰가 팍팍 갔습니다.”</p>
  1715.                            </blockquote>
  1716.                        </figure>
  1717.  
  1718.                        <!-- More testimonials... -->
  1719.                    </div>
  1720.                    <div class="space-y-8 xl:row-span-2">
  1721.                        <figure class="rounded-2xl bg-white p-6 shadow-lg ring-1 ring-gray-900/5">
  1722.                            <blockquote class="text-gray-900">
  1723.                                <p>“상품 저가 할인 행사등에 있어서 알림이 필수였는데요, 앱 출시를 통해 푸시 기능을 구현했고 와플 내부적으로 계속 업데이트 해주시더니 알림 전파속도가 점점 더 빨라지고 있어요. 한번 구매로 업데이트를 계속 받을 수 있어서 좋아요.”</p>
  1724.                            </blockquote>
  1725.                        </figure>
  1726.  
  1727.                        <!-- More testimonials... -->
  1728.                    </div>
  1729.                </div>
  1730.            </div>
  1731.        </div>
  1732.    </div>
  1733.  
  1734.  
  1735.    <section class="grid grid-cols-1 md:grid-cols-3 gap-9 container max-w-7xl mx-auto mx-4" data-aos="zoom-in-up">
  1736.  
  1737.        <a href="#" class="box">
  1738.            <h2 class="text-2xl font-bold mb-4">가격안내 ⚡️</h2>
  1739.            <div class="space-y-2">
  1740.                <div class="text-4xl font-bold text-[#00ffa8]">330,000원</div>
  1741.                <div>사이트 1개당 라이센스 / 한번만 지불</div>
  1742.            </div>
  1743.        </a>
  1744.  
  1745.        <a href="#" class="col-span-1 md:col-span-2 box">
  1746.            <h2 class="text-2xl font-bold mb-4">서버 호스팅은 와플 클라우드에 맡겨주세요 🌤</h2>
  1747.            <div>
  1748.                AWS, 카페24보다 2~3배 더 싸게 이용해요! 거기에 와플보드 전용 서버라서 설치와 관리까지 한번에..? 더 이상 트래픽 초과로 인한 폭탄 요금은 그만!! 와플은 정해진 금액 이상 나갈 일이 없어요! 너무 편하죠? 🥰
  1749.                <br/>
  1750.                <span class="text-gray-400 text-xs">(1CPU, 1GB RAM, 25GB SSD, 1TB Outbound 트래픽 기준)</span>
  1751.            </div>
  1752.        </a>
  1753.  
  1754.  
  1755.        <details class="box col-span-1 hover:cursor-pointer !p-0">
  1756.            <summary class="p-10 list-none font-bold">Q. 구매는 어떻게 해요?</summary>
  1757.            <p class="p-10 -mt-16">채널톡/카카오톡/텔레그램 중 편하신 메신저로 연락주세요~ 설치는 2분안에 완료돼요 😍</p>
  1758.        </details>
  1759.  
  1760.        <details class="box col-span-1 hover:cursor-pointer !p-0">
  1761.            <summary class="p-10 list-none font-bold">Q. 기본 기능 말고 추가적으로 필요한 기능이 있으면 어쩌죠?</summary>
  1762.            <p class="p-10 -mt-16">필요한 기능을 말씀해주세요! 와플보드 제작진이 직접 맞춤으로 제작해드릴거에요! 💪</p>
  1763.        </details>
  1764.  
  1765.        <details class="box col-span-1 hover:cursor-pointer !p-0">
  1766.            <summary class="p-10 list-none font-bold">Q. 사이트 운영하다 다른 솔루션을 쓰고 싶을땐 어떻게 해요?</summary>
  1767.            <p class="p-10 -mt-16">와플보드를 떠나시는 것이 아쉽지만! 데이터베이스와 이미지 등 첨부파일을 모두 전달해드려요~ 걱정마세요, 데이터는 소중하게 보관하고 있답니다! 🚛</p>
  1768.        </details>
  1769.  
  1770.        <div class="col-span-full box">
  1771.            <h2 class="text-2xl font-bold mb-4">블로그</h2>
  1772.            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
  1773.                <div class="space-y-2">
  1774.                    <a href="/blog/23" class="block">
  1775.                        <img src="https://static.waffleboard.io/blog/1693564789077-40st864wcsf.png" alt="워드프레스 수익형 블로그 만들기 (feat.애드센스)" class="w-full h-48 object-cover rounded-lg">
  1776.                    </a>
  1777.                    <a href="/blog/23" class="block font-semibold hover:underline">워드프레스 수익형 블로그 만들기 (feat.애드센스)</a>
  1778.                </div>
  1779.                <div class="space-y-2">
  1780.                    <a href="/blog/22" class="block">
  1781.                        <img src="https://static.waffleboard.io/blog/1693457795434-o2lax1nbzvl.png" alt="제휴마케팅 하는법 & 추천 플랫폼 5가지" class="w-full h-48 object-cover rounded-lg">
  1782.                    </a>
  1783.                    <a href="/blog/22" class="block font-semibold hover:underline">제휴마케팅 하는법 & 추천 플랫폼 5가지</a>
  1784.                </div>
  1785.                <div class="space-y-2">
  1786.                    <a href="/blog/21" class="block">
  1787.                        <img src="https://static.waffleboard.io/blog/1693412848587-fo4sesr5oo.png" alt="자동수익 시스템 만들기" class="w-full h-48 object-cover rounded-lg">
  1788.                    </a>
  1789.                    <a href="/blog/21" class="block font-semibold hover:underline">자동수익 시스템 만들기</a>
  1790.                </div>
  1791.            </div>
  1792.        </div>
  1793.  
  1794.    </section>
  1795. </main>
  1796. <style>
  1797.    footer {
  1798.        display: flex;
  1799.        justify-content: center;
  1800.        align-items: center;
  1801.        margin-top: 60px;
  1802.        padding-bottom: 80px;
  1803.    }
  1804.  
  1805.    footer .wrap {
  1806.        display: flex;
  1807.        justify-content: center;
  1808.        align-items: center;
  1809.        flex-direction: row;
  1810.    }
  1811.  
  1812.    footer .support {
  1813.        font-size: 1.2em;
  1814.        font-weight: bold;
  1815.        padding-bottom: 20px;
  1816.    }
  1817.  
  1818.    footer .company {
  1819.        flex: 1;
  1820.        font-size: 0.9em;
  1821.        color: rgba(0, 0, 0, 0.7);
  1822.    }
  1823.  
  1824.    footer .company .line {
  1825.        display: flex;
  1826.        justify-content: flex-start;
  1827.        align-items: center;
  1828.        padding: 4px 0;
  1829.    }
  1830.  
  1831.    footer .company .title {
  1832.        color: rgba(0, 0, 0, 0.4);
  1833.    }
  1834.  
  1835.    footer .company .slash {
  1836.        color: rgba(0, 0, 0, 0.2);
  1837.        padding: 0 6px;
  1838.    }
  1839.  
  1840.    footer .affiliate {
  1841.        display: flex;
  1842.        justify-content: flex-end;
  1843.        align-items: center;
  1844.        gap: 20px;
  1845.    }
  1846.  
  1847.    footer .affiliate svg {
  1848.        max-width: 100px;
  1849.        height: 40px;
  1850.    }
  1851.  
  1852.    @media (max-width: 1250px) {
  1853.        footer .wrap {
  1854.            flex-direction: column;
  1855.        }
  1856.  
  1857.        footer .company {
  1858.            margin-bottom: 20px;
  1859.        }
  1860.  
  1861.        footer .company .line {
  1862.            justify-content: center;
  1863.            text-align: center;
  1864.            flex-direction: column;
  1865.        }
  1866.  
  1867.        footer .company .line div {
  1868.            padding: 4px 0;
  1869.        }
  1870.  
  1871.        footer .company .slash {
  1872.            display: none;
  1873.        }
  1874.    }
  1875. </style>
  1876. <footer>
  1877.    <div class="wrap">
  1878.        <div class="company">
  1879. <!--            <div class="line">-->
  1880. <!--                <a-->
  1881. <!--                    href="https://waffleboard.gitbook.io/manual/"-->
  1882. <!--                    target="_blank"-->
  1883. <!--                    class="support"-->
  1884. <!--                    >와플보드 메뉴얼</a-->
  1885. <!--                >-->
  1886. <!--            </div>-->
  1887.            <div class="line">
  1888.                <div>
  1889.                    <span class="title"
  1890.                        ><a
  1891.                            href="https://waffleboard.channel.io"
  1892.                            target="_blank"
  1893.                            onclick="contactCheck()"
  1894.                            >채팅 상담하기</a
  1895.                        >
  1896.                        (홈페이지 우측 하단 채널톡 버튼)</span
  1897.                    >
  1898.                </div>
  1899.                <div class="slash">|</div>
  1900.                <div>
  1901.                    <span class="title">카카오톡 채널 : </span
  1902.                    ><a href="http://pf.kakao.com/_xdfBYb/chat" target="_blank" onclick="contactCheck()"
  1903.                        >와플보드</a
  1904.                    >
  1905.                </div>
  1906.                <div class="slash">|</div>
  1907.                <div>
  1908.                    <span class="title">텔레그램 : </span
  1909.                    ><a
  1910.                        href="https://t.me/waffleboard"
  1911.                        target="_blank"
  1912.                        onclick="contactCheck()"
  1913.                        >메세지 보내기</a
  1914.                    >
  1915.                </div>
  1916.            </div>
  1917.            <div class="line">
  1918.                <div><span class="title">BusyFingers 대표 : </span>이은찬</div>
  1919.                <div class="slash">|</div>
  1920.                <div>
  1921.                    <span class="title">소재지 : </span>경기도 용인시 기흥구
  1922.                    강남서로 9, 7층 703호 K256호
  1923.                </div>
  1924.            </div>
  1925.            <div class="line">
  1926.                <div>
  1927.                    <span class="title">사업자등록번호 : </span>696-37-01183
  1928.                </div>
  1929.                <div class="slash">|</div>
  1930.                <div><span class="title">호스팅제공 : </span>AWS</div>
  1931.            </div>
  1932.            <div class="line">
  1933.                <div><a href="/license">라이센스 및 교환환불정책</a></div>
  1934.            </div>
  1935.        </div>
  1936.        <div class="affiliate">
  1937.            <a href="https://aws.amazon.com/ko/" target="_blank" class="aws">
  1938.                <svg
  1939.                    xmlns="http://www.w3.org/2000/svg"
  1940.                    xmlns:xlink="http://www.w3.org/1999/xlink"
  1941.                    version="1.1"
  1942.                    id="Layer_1"
  1943.                    x="0px"
  1944.                    y="0px"
  1945.                    viewBox="0 0 304 182"
  1946.                    style="enable-background: new 0 0 304 182"
  1947.                    xml:space="preserve"
  1948.                >
  1949.                    <style type="text/css">
  1950.                        .st0 {
  1951.                            fill: #252f3e;
  1952.                        }
  1953.                        .st1 {
  1954.                            fill-rule: evenodd;
  1955.                            clip-rule: evenodd;
  1956.                            fill: #ff9900;
  1957.                        }
  1958.                    </style>
  1959.                    <g>
  1960.                        <path
  1961.                            class="st0"
  1962.                            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"
  1963.                        />
  1964.                        <g>
  1965.                            <path
  1966.                                class="st1"
  1967.                                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"
  1968.                            />
  1969.                            <path
  1970.                                class="st1"
  1971.                                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"
  1972.                            />
  1973.                        </g>
  1974.                    </g>
  1975.                </svg>
  1976.            </a>
  1977.        </div>
  1978.    </div>
  1979. </footer>
  1980. <script>
  1981.    // Delete Button Confirm
  1982.    const deleteBtn = document.querySelectorAll('button[value="delete"]');
  1983.    deleteBtn.forEach(b => {
  1984.        b.addEventListener("click", event => {
  1985.            if (!confirm("삭제 확인")) {
  1986.                event.stopImmediatePropagation();
  1987.                event.preventDefault();
  1988.            }
  1989.        });
  1990.    });
  1991.  
  1992.    const makeOrderNumber = async () => {
  1993.        return new Promise((resolve, reject) => {
  1994.            const xhr = new XMLHttpRequest();
  1995.            xhr.onload = () => {
  1996.                if (xhr.status === 200 || xhr.status === 201) {
  1997.                    const result = xhr.responseText;
  1998.                    resolve(result);
  1999.                } else {
  2000.                    console.error(xhr.responseText);
  2001.                }
  2002.            };
  2003.            xhr.open("GET", "/api/makeOrderNumber");
  2004.            xhr.send();
  2005.        });
  2006.    };
  2007. </script>
  2008. <script defer>
  2009.    (function () {
  2010.        var w = window;
  2011.        if (w.ChannelIO) {
  2012.            return w.console.error("ChannelIO script included twice.");
  2013.        }
  2014.        var ch = function () {
  2015.            ch.c(arguments);
  2016.        };
  2017.        ch.q = [];
  2018.        ch.c = function (args) {
  2019.            ch.q.push(args);
  2020.        };
  2021.        w.ChannelIO = ch;
  2022.        function l() {
  2023.            if (w.ChannelIOInitialized) {
  2024.                return;
  2025.            }
  2026.            w.ChannelIOInitialized = true;
  2027.            var s = document.createElement("script");
  2028.            s.type = "text/javascript";
  2029.            s.async = true;
  2030.            s.src = "https://cdn.channel.io/plugin/ch-plugin-web.js";
  2031.            var x = document.getElementsByTagName("script")[0];
  2032.            if (x.parentNode) {
  2033.                x.parentNode.insertBefore(s, x);
  2034.            }
  2035.        }
  2036.        if (document.readyState === "complete") {
  2037.            l();
  2038.        } else {
  2039.            w.addEventListener("DOMContentLoaded", l);
  2040.            w.addEventListener("load", l);
  2041.        }
  2042.    })();
  2043.  
  2044.    ChannelIO("boot", {
  2045.        pluginKey: "51ac5e7c-e0d3-4592-98c1-c8c9673a52fa",
  2046.    });
  2047.    ChannelIO("onShowMessenger", () => {
  2048.        contactCheck();
  2049.    });
  2050. </script>
  2051.  
  2052. <!-- Event snippet for 문의 conversion page
  2053. In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
  2054. <script>
  2055.  function gtag_report_conversion_contact(url) {
  2056.    var callback = function () {
  2057.      if (typeof(url) != 'undefined') {
  2058.        window.location = url;
  2059.      }
  2060.    };
  2061.    gtag('event', 'conversion', {
  2062.        'send_to': 'AW-778486207/oQS6CL2o6sEDEL-Dm_MC',
  2063.        'event_callback': callback
  2064.    });
  2065.    return false;
  2066.  }
  2067. </script>
  2068. <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw=="
  2069.        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  2070. <script>AOS.init({once: true});</script>
  2071. </body>
  2072. </html>
  2073.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda