{"id":16,"date":"2026-09-17T14:02:04","date_gmt":"2026-09-17T05:02:04","guid":{"rendered":"https:\/\/red92333.mycafe24.com\/?page_id=16"},"modified":"2026-09-22T10:47:35","modified_gmt":"2026-09-22T01:47:35","slug":"%ed%9a%8c%ec%82%ac%ec%86%8c%ea%b0%9c","status":"publish","type":"page","link":"https:\/\/reddesign.co.kr\/?page_id=16","title":{"rendered":"\ud68c\uc0ac\uc18c\uac1c"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard@v1.3.9\/dist\/web\/static\/pretendard.css\">\n\n<style>\n\/* =========================================================\n   RED DESIGN COMPANY PAGE\n   \ud5e4\ub354 \/ \ud478\ud130 \uc81c\uc678\n   PC \ub514\uc790\uc778 \uc720\uc9c0 + \ud0dc\ube14\ub9bf\/\ubaa8\ubc14\uc77c \uc138\ubd84\ud654\n========================================================= *\/\n\n.rdc2026-page,\n.rdc2026-page *{\n    box-sizing:border-box;\n}\n\n.rdc2026-page{\n    --rdc-red:#e30613;\n    --rdc-dark:#171717;\n    --rdc-text:#222;\n    --rdc-gray:#777;\n    --rdc-line:#e5e5e5;\n    --rdc-light:#f7f7f7;\n    --rdc-max:1200px;\n\n    position:relative;\n    z-index:1;\n\n    width:100%;\n    max-width:none;\n\n    margin:0 !important;\n    padding:0 !important;\n\n    background:#fff;\n    color:var(--rdc-text);\n\n    font-family:'Pretendard',sans-serif !important;\n\n    word-break:keep-all;\n    overflow:hidden;\n}\n\n.rdc2026-page *,\n.rdc2026-page p,\n.rdc2026-page h1,\n.rdc2026-page h2,\n.rdc2026-page h3,\n.rdc2026-page a,\n.rdc2026-page span,\n.rdc2026-page strong{\n    font-family:'Pretendard',sans-serif !important;\n}\n\n.rdc2026-page a{\n    color:inherit !important;\n    text-decoration:none !important;\n}\n\n.rdc2026-page img{\n    display:block;\n    max-width:100%;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.rdc2026-hero{\n    position:relative;\n\n    width:100vw;\n    max-width:100vw;\n\n    min-height:280px;\n\n    margin-left:calc(50% - 50vw);\n\n    padding:80px 0 0;\n\n    display:flex;\n    align-items:center;\n\n    overflow:hidden;\n\n    background:\n        url(\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2200&q=90\")\n        center 50% \/ cover no-repeat;\n}\n\n.rdc2026-hero::before{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    z-index:1;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(8,12,16,.91) 0%,\n            rgba(8,12,16,.75) 34%,\n            rgba(8,12,16,.39) 68%,\n            rgba(8,12,16,.13) 100%\n        );\n}\n\n.rdc2026-hero::after{\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n    top:80px;\n    bottom:0;\n\n    z-index:2;\n\n    width:5px;\n\n    background:var(--rdc-red);\n}\n\n.rdc2026-hero-inner{\n    position:relative;\n    z-index:3;\n\n    width:min(\n        var(--rdc-max),\n        calc(100% - 60px)\n    );\n\n    min-width:0;\n\n    margin:0 auto;\n    padding:0;\n}\n\n.rdc2026-hero-label{\n    display:flex !important;\n    align-items:center !important;\n\n    gap:12px;\n\n    margin:0 0 17px !important;\n    padding:0 !important;\n\n    color:rgba(255,255,255,.72) !important;\n\n    font-size:10px !important;\n    font-weight:700 !important;\n    line-height:1 !important;\n\n    letter-spacing:.17em;\n}\n\n.rdc2026-hero-label::before{\n    content:\"\";\n\n    display:block;\n\n    width:28px;\n    height:2px;\n\n    flex:0 0 auto;\n\n    background:var(--rdc-red);\n}\n\n.rdc2026-hero-title{\n    width:100%;\n\n    margin:0 !important;\n    padding:0 !important;\n\n    color:#fff !important;\n\n    font-size:52px !important;\n    font-weight:750 !important;\n    line-height:1.15 !important;\n\n    letter-spacing:-.055em !important;\n}\n\n.rdc2026-hero-desc{\n    width:100%;\n    max-width:600px;\n\n    margin:18px 0 0 !important;\n    padding:0 !important;\n\n    color:rgba(255,255,255,.73) !important;\n\n    font-size:14px !important;\n    font-weight:400 !important;\n    line-height:1.8 !important;\n}\n\n\n\/* =========================================================\n   BODY\n========================================================= *\/\n\n.rdc2026-body{\n    width:100%;\n\n    margin:0 !important;\n    padding:78px 0 115px !important;\n\n    background:#fff;\n}\n\n.rdc2026-container{\n    width:min(\n        var(--rdc-max),\n        calc(100% - 60px)\n    );\n\n    min-width:0;\n\n    margin:0 auto !important;\n    padding:0 !important;\n}\n\n\n\/* =========================================================\n   LAYOUT\n========================================================= *\/\n\n.rdc2026-layout{\n    width:100%;\n\n    display:grid !important;\n\n    grid-template-columns:220px minmax(0,1fr);\n    gap:70px;\n\n    align-items:start;\n\n    margin:0 !important;\n    padding:0 !important;\n}\n\n.rdc2026-layout > *{\n    min-width:0;\n}\n\n\n\/* =========================================================\n   LEFT SIDE\n========================================================= *\/\n\n.rdc2026-side{\n    position:relative;\n\n    width:220px;\n\n    margin:0 !important;\n    padding:0 !important;\n\n    float:none !important;\n}\n\n.rdc2026-side-head{\n    position:relative;\n\n    width:100%;\n    height:82px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    overflow:hidden;\n\n    margin:0 !important;\n    padding:0 15px !important;\n\n    background:var(--rdc-red);\n\n    color:#fff !important;\n\n    font-size:20px !important;\n    font-weight:700 !important;\n    line-height:1.2 !important;\n\n    letter-spacing:-.03em;\n}\n\n.rdc2026-side-head::after{\n    content:\"COMPANY\";\n\n    position:absolute;\n\n    right:-8px;\n    bottom:-12px;\n\n    color:rgba(255,255,255,.10);\n\n    font-size:32px;\n    font-weight:900;\n    line-height:1;\n}\n\n\n\/* NAV \ud0dc\uadf8 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc74c *\/\n\n.rdc2026-side-links{\n    position:static !important;\n\n    display:block !important;\n\n    width:100% !important;\n    height:auto !important;\n\n    margin:0 !important;\n    padding:7px !important;\n\n    float:none !important;\n\n    background:#f7f7f7;\n\n    border:1px solid #e5e5e5;\n    border-top:0;\n\n    transform:none !important;\n}\n\n.rdc2026-side-link{\n    position:relative !important;\n\n    display:flex !important;\n    align-items:center !important;\n\n    width:100% !important;\n    min-height:47px !important;\n\n    margin:0 !important;\n    padding:0 38px 0 17px !important;\n\n    float:none !important;\n\n    background:#fff !important;\n\n    color:#444 !important;\n\n    border:0 !important;\n\n    font-size:13px !important;\n    font-weight:500 !important;\n    line-height:1.35 !important;\n\n    letter-spacing:-.02em !important;\n\n    transform:none !important;\n\n    transition:.22s !important;\n}\n\n.rdc2026-side-link::after{\n    content:\"\u203a\";\n\n    position:absolute;\n\n    right:15px;\n    top:50%;\n\n    transform:translateY(-50%);\n\n    color:#bbb;\n\n    font-size:18px;\n    line-height:1;\n}\n\n.rdc2026-side-link.active{\n    padding-left:21px !important;\n\n    background:#171717 !important;\n\n    color:#fff !important;\n\n    font-weight:600 !important;\n}\n\n.rdc2026-side-link.active::before{\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n    top:50%;\n\n    width:4px;\n    height:22px;\n\n    transform:translateY(-50%);\n\n    background:var(--rdc-red);\n}\n\n.rdc2026-side-link.active::after{\n    color:#fff;\n}\n\n\n\/* =========================================================\n   RIGHT CONTENT\n========================================================= *\/\n\n.rdc2026-content{\n    width:100%;\n    min-width:0;\n\n    margin:0 !important;\n    padding:0 !important;\n}\n\n\n\/* =========================================================\n   CONTENT HEAD\n========================================================= *\/\n\n.rdc2026-content-head{\n    width:100%;\n\n    margin:0 !important;\n    padding:0 0 24px !important;\n\n    border-bottom:1px solid #ddd;\n}\n\n.rdc2026-content-label{\n    display:flex !important;\n    align-items:center !important;\n\n    gap:10px;\n\n    margin:0 0 10px !important;\n    padding:0 !important;\n\n    color:var(--rdc-red) !important;\n\n    font-size:10px !important;\n    font-weight:800 !important;\n    line-height:1 !important;\n\n    letter-spacing:.15em;\n}\n\n.rdc2026-content-label::before{\n    content:\"\";\n\n    width:26px;\n    height:2px;\n\n    flex:0 0 auto;\n\n    background:var(--rdc-red);\n}\n\n.rdc2026-content-title{\n    width:100%;\n\n    margin:0 !important;\n    padding:0 !important;\n\n    color:#1b1b1b !important;\n\n    font-size:36px !important;\n    font-weight:720 !important;\n    line-height:1.2 !important;\n\n    letter-spacing:-.045em !important;\n}\n\n\n\/* =========================================================\n   WELCOME\n========================================================= *\/\n\n.rdc2026-welcome{\n    position:relative;\n\n    width:100%;\n\n    margin:45px 0 0 !important;\n    padding:46px 48px !important;\n\n    overflow:hidden;\n\n    background:#f7f7f7;\n\n    border-left:4px solid var(--rdc-red);\n}\n\n.rdc2026-welcome::after{\n    content:\"RED\";\n\n    position:absolute;\n\n    right:-12px;\n    bottom:-32px;\n\n    color:rgba(0,0,0,.035);\n\n    font-size:130px;\n    font-weight:900;\n    line-height:1;\n\n    pointer-events:none;\n}\n\n.rdc2026-welcome-small{\n    position:relative;\n    z-index:2;\n\n    margin:0 0 10px !important;\n\n    color:var(--rdc-red) !important;\n\n    font-size:10px !important;\n    font-weight:800 !important;\n    line-height:1 !important;\n\n    letter-spacing:.15em;\n}\n\n.rdc2026-welcome-title{\n    position:relative;\n    z-index:2;\n\n    width:100%;\n\n    margin:0 !important;\n    padding:0 !important;\n\n    color:#1a1a1a !important;\n\n    font-size:36px !important;\n    font-weight:650 !important;\n    line-height:1.45 !important;\n\n    letter-spacing:-.045em !important;\n}\n\n.rdc2026-welcome-title strong{\n    font-size:inherit !important;\n    font-weight:800 !important;\n}\n\n.rdc2026-red{\n    color:var(--rdc-red) !important;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.rdc2026-intro{\n    width:100%;\n\n    margin:55px 0 0 !important;\n    padding:0 !important;\n}\n\n.rdc2026-intro-lines{\n    display:flex;\n    flex-direction:column;\n\n    gap:7px;\n\n    margin:0 0 27px !important;\n}\n\n.rdc2026-intro-lines span:first-child{\n    width:108px;\n    height:2px;\n\n    background:var(--rdc-red);\n}\n\n.rdc2026-intro-lines span:last-child{\n    width:68px;\n    height:2px;\n\n    background:var(--rdc-red);\n}\n\n.rdc2026-copy{\n    width:100%;\n    max-width:880px;\n}\n\n.rdc2026-copy p{\n    margin:0 0 13px !important;\n    padding:0 !important;\n\n    color:#454545 !important;\n\n    font-size:16px !important;\n    font-weight:400 !important;\n    line-height:1.9 !important;\n\n    letter-spacing:-.018em !important;\n}\n\n.rdc2026-copy p:last-child{\n    margin-bottom:0 !important;\n}\n\n\n\/* =========================================================\n   CLIENTS\n========================================================= *\/\n\n.rdc2026-clients{\n    width:100%;\n\n    margin:75px 0 0 !important;\n    padding:50px 0 0 !important;\n\n    border-top:1px solid var(--rdc-line);\n}\n\n.rdc2026-clients-head{\n    width:100%;\n\n    display:flex;\n    align-items:flex-end;\n    justify-content:space-between;\n\n    gap:20px;\n\n    margin:0 0 28px !important;\n}\n\n.rdc2026-clients-head > div{\n    min-width:0;\n}\n\n.rdc2026-clients-label{\n    margin:0 0 8px !important;\n\n    color:var(--rdc-red) !important;\n\n    font-size:10px !important;\n    font-weight:800 !important;\n    line-height:1 !important;\n\n    letter-spacing:.15em;\n}\n\n.rdc2026-clients-title{\n    margin:0 !important;\n\n    color:#222 !important;\n\n    font-size:30px !important;\n    font-weight:720 !important;\n    line-height:1.2 !important;\n\n    letter-spacing:-.04em !important;\n}\n\n.rdc2026-clients-desc{\n    margin:0 !important;\n\n    color:#999 !important;\n\n    font-size:12px !important;\n    line-height:1.6 !important;\n\n    text-align:right;\n}\n\n.rdc2026-clients-box{\n    position:relative;\n\n    width:100%;\n\n    margin:0 !important;\n    padding:36px !important;\n\n    background:#fff;\n\n    border:1px solid #e7e7e7;\n\n    overflow:hidden;\n}\n\n.rdc2026-clients-box::before{\n    content:\"\";\n\n    position:absolute;\n\n    top:-1px;\n    left:-1px;\n\n    width:72px;\n    height:3px;\n\n    background:var(--rdc-red);\n}\n\n.rdc2026-clients-box img{\n    width:100% !important;\n    max-width:100% !important;\n\n    height:auto !important;\n\n    margin:0 auto !important;\n\n    object-fit:contain !important;\n}\n\n\n\/* =========================================================\n   BOTTOM MESSAGE\n========================================================= *\/\n\n.rdc2026-message{\n    width:100%;\n\n    margin:55px 0 0 !important;\n    padding:29px 34px !important;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:30px;\n\n    background:#171717;\n}\n\n.rdc2026-message strong{\n    color:#fff !important;\n\n    font-size:19px !important;\n    font-weight:600 !important;\n    line-height:1.5 !important;\n}\n\n.rdc2026-message span{\n    flex:0 0 auto;\n\n    color:#888 !important;\n\n    font-size:10px !important;\n    font-weight:600 !important;\n    line-height:1 !important;\n\n    letter-spacing:.12em;\n}\n\n\n\/* =========================================================\n   MOTION\n========================================================= *\/\n\n.rdc2026-reveal{\n    opacity:0;\n\n    transform:translateY(18px);\n\n    transition:\n        opacity .6s ease,\n        transform .6s ease;\n}\n\n.rdc2026-reveal.show{\n    opacity:1;\n\n    transform:none;\n}\n\n\n\/* =========================================================\n   PC\n   1201 \uc774\uc0c1\n   \uae30\uc874 \ub514\uc790\uc778 \uadf8\ub300\ub85c\n========================================================= *\/\n\n@media(min-width:1201px){\n\n    .rdc2026-layout{\n        grid-template-columns:220px minmax(0,1fr);\n        gap:70px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL PC\n   1025 ~ 1200\n========================================================= *\/\n\n@media(min-width:1025px) and (max-width:1200px){\n\n    .rdc2026-hero-inner,\n    .rdc2026-container{\n        width:100%;\n\n        max-width:1200px;\n\n        padding-left:35px !important;\n        padding-right:35px !important;\n    }\n\n    .rdc2026-body{\n        padding:70px 0 100px !important;\n    }\n\n    .rdc2026-layout{\n        grid-template-columns:190px minmax(0,1fr);\n\n        gap:45px;\n    }\n\n    .rdc2026-side{\n        width:190px;\n    }\n\n    .rdc2026-side-head{\n        height:72px;\n\n        font-size:18px !important;\n    }\n\n    .rdc2026-welcome{\n        padding:40px 38px !important;\n    }\n\n    .rdc2026-welcome-title{\n        font-size:33px !important;\n    }\n\n    .rdc2026-clients-box{\n        padding:30px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET\n   769 ~ 1024\n========================================================= *\/\n\n@media(min-width:769px) and (max-width:1024px){\n\n    .rdc2026-hero{\n        min-height:260px;\n\n        padding-top:74px;\n    }\n\n    .rdc2026-hero::after{\n        top:74px;\n    }\n\n    \/*\n       \ud0dc\ube14\ub9bf \uc804\uccb4 \uc88c\uc6b0 \uc548\uc804\uc5ec\ubc31\n    *\/\n    .rdc2026-hero-inner,\n    .rdc2026-container{\n        width:100% !important;\n        max-width:100% !important;\n\n        margin-left:auto !important;\n        margin-right:auto !important;\n\n        padding-left:40px !important;\n        padding-right:40px !important;\n    }\n\n    .rdc2026-hero-title{\n        font-size:42px !important;\n    }\n\n    .rdc2026-hero-desc{\n        max-width:560px;\n\n        font-size:15px !important;\n    }\n\n    .rdc2026-body{\n        padding:62px 0 88px !important;\n    }\n\n\n    \/* \uba54\ub274 \ubcf8\ubb38 \uc704\ub85c *\/\n\n    .rdc2026-layout{\n        grid-template-columns:1fr;\n\n        gap:44px;\n    }\n\n    .rdc2026-side{\n        width:100%;\n    }\n\n    .rdc2026-side-head{\n        height:62px;\n\n        justify-content:flex-start;\n\n        padding:0 22px !important;\n\n        font-size:18px !important;\n    }\n\n    .rdc2026-side-links{\n        padding:6px !important;\n    }\n\n    .rdc2026-side-link{\n        min-height:47px !important;\n\n        padding-left:20px !important;\n\n        font-size:14px !important;\n    }\n\n    .rdc2026-side-link.active{\n        padding-left:24px !important;\n    }\n\n\n    \/* CONTENT *\/\n\n    .rdc2026-content-title{\n        font-size:34px !important;\n    }\n\n    .rdc2026-welcome{\n        margin-top:37px !important;\n\n        padding:39px 35px !important;\n    }\n\n    .rdc2026-welcome-title{\n        font-size:31px !important;\n    }\n\n    .rdc2026-copy p{\n        font-size:16px !important;\n        line-height:1.85 !important;\n    }\n\n    .rdc2026-clients{\n        margin-top:65px !important;\n        padding-top:44px !important;\n    }\n\n    .rdc2026-clients-box{\n        padding:27px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   WIDE MOBILE \/ SMALL TABLET\n   601 ~ 768\n========================================================= *\/\n\n@media(min-width:601px) and (max-width:768px){\n\n    .rdc2026-hero{\n        min-height:245px;\n\n        padding-top:70px;\n    }\n\n    .rdc2026-hero::after{\n        top:70px;\n    }\n\n    \/*\n       \uc88c\uc6b0 34px \ud655\ubcf4\n    *\/\n    .rdc2026-hero-inner,\n    .rdc2026-container{\n        width:100% !important;\n        max-width:100% !important;\n\n        padding-left:34px !important;\n        padding-right:34px !important;\n    }\n\n    .rdc2026-hero-title{\n        font-size:38px !important;\n    }\n\n    .rdc2026-hero-desc{\n        max-width:520px;\n\n        font-size:15px !important;\n        line-height:1.75 !important;\n    }\n\n    .rdc2026-body{\n        padding:54px 0 76px !important;\n    }\n\n    .rdc2026-layout{\n        grid-template-columns:1fr;\n\n        gap:38px;\n    }\n\n    .rdc2026-side{\n        width:100%;\n    }\n\n    .rdc2026-side-head{\n        height:58px;\n\n        justify-content:flex-start;\n\n        padding:0 20px !important;\n\n        font-size:17px !important;\n    }\n\n    .rdc2026-side-link{\n        min-height:46px !important;\n\n        font-size:14px !important;\n    }\n\n    .rdc2026-content-title{\n        font-size:31px !important;\n    }\n\n    .rdc2026-welcome{\n        margin-top:32px !important;\n\n        padding:34px 30px !important;\n    }\n\n    .rdc2026-welcome::after{\n        font-size:110px;\n    }\n\n    .rdc2026-welcome-title{\n        font-size:28px !important;\n    }\n\n    .rdc2026-intro{\n        margin-top:43px !important;\n    }\n\n    .rdc2026-copy p{\n        font-size:15px !important;\n        line-height:1.82 !important;\n    }\n\n    .rdc2026-clients{\n        margin-top:58px !important;\n        padding-top:42px !important;\n    }\n\n    .rdc2026-clients-box{\n        padding:24px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   WIDE MOBILE\n   481 ~ 600\n========================================================= *\/\n\n@media(min-width:481px) and (max-width:600px){\n\n    .rdc2026-hero{\n        min-height:235px;\n\n        padding-top:68px;\n    }\n\n    .rdc2026-hero::after{\n        top:68px;\n    }\n\n    \/*\n       \uc88c\uc6b0 30px\n    *\/\n    .rdc2026-hero-inner,\n    .rdc2026-container{\n        width:100% !important;\n        max-width:100% !important;\n\n        padding-left:30px !important;\n        padding-right:30px !important;\n    }\n\n    .rdc2026-hero-label{\n        margin-bottom:13px !important;\n    }\n\n    .rdc2026-hero-title{\n        font-size:35px !important;\n    }\n\n    .rdc2026-hero-desc{\n        margin-top:13px !important;\n\n        font-size:14px !important;\n        line-height:1.72 !important;\n    }\n\n    .rdc2026-body{\n        padding:48px 0 66px !important;\n    }\n\n    .rdc2026-layout{\n        grid-template-columns:1fr;\n\n        gap:33px;\n    }\n\n    .rdc2026-side{\n        width:100%;\n    }\n\n    .rdc2026-side-head{\n        height:56px;\n\n        justify-content:flex-start;\n\n        padding:0 18px !important;\n\n        font-size:17px !important;\n    }\n\n    .rdc2026-side-link{\n        min-height:45px !important;\n\n        font-size:13px !important;\n    }\n\n    .rdc2026-content-head{\n        padding-bottom:21px !important;\n    }\n\n    .rdc2026-content-title{\n        font-size:29px !important;\n    }\n\n    .rdc2026-welcome{\n        margin-top:30px !important;\n\n        padding:31px 26px !important;\n    }\n\n    .rdc2026-welcome::after{\n        font-size:95px;\n    }\n\n    .rdc2026-welcome-title{\n        font-size:26px !important;\n        line-height:1.45 !important;\n    }\n\n    .rdc2026-intro{\n        margin-top:40px !important;\n    }\n\n    .rdc2026-copy p{\n        font-size:15px !important;\n        line-height:1.8 !important;\n    }\n\n    .rdc2026-clients{\n        margin-top:52px !important;\n        padding-top:37px !important;\n    }\n\n    .rdc2026-clients-head{\n        flex-direction:column;\n        align-items:flex-start;\n\n        gap:10px;\n    }\n\n    .rdc2026-clients-title{\n        font-size:27px !important;\n    }\n\n    .rdc2026-clients-desc{\n        font-size:13px !important;\n\n        text-align:left;\n    }\n\n    .rdc2026-clients-box{\n        padding:20px !important;\n    }\n\n    .rdc2026-message{\n        flex-direction:column;\n        align-items:flex-start;\n\n        gap:10px;\n\n        padding:24px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   421 ~ 480\n========================================================= *\/\n\n@media(min-width:421px) and (max-width:480px){\n\n    .rdc2026-hero{\n        min-height:225px;\n\n        padding-top:66px;\n    }\n\n    .rdc2026-hero::after{\n        top:66px;\n    }\n\n    \/*\n       \ubaa8\ubc14\uc77c \uc88c\uc6b0 28px\n    *\/\n    .rdc2026-hero-inner,\n    .rdc2026-container{\n        width:100% !important;\n        max-width:100% !important;\n\n        margin-left:auto !important;\n        margin-right:auto !important;\n\n        padding-left:28px !important;\n        padding-right:28px !important;\n    }\n\n    .rdc2026-hero-label{\n        gap:9px;\n\n        margin-bottom:12px !important;\n\n        font-size:9px !important;\n    }\n\n    .rdc2026-hero-label::before{\n        width:22px;\n    }\n\n    .rdc2026-hero-title{\n        font-size:32px !important;\n    }\n\n    .rdc2026-hero-desc{\n        margin-top:12px !important;\n\n        font-size:14px !important;\n        line-height:1.68 !important;\n    }\n\n    .rdc2026-body{\n        padding:42px 0 60px !important;\n    }\n\n    .rdc2026-layout{\n        grid-template-columns:1fr;\n\n        gap:30px;\n    }\n\n    .rdc2026-side{\n        width:100%;\n    }\n\n    .rdc2026-side-head{\n        height:54px;\n\n        justify-content:flex-start;\n\n        padding:0 17px !important;\n\n        font-size:16px !important;\n    }\n\n    .rdc2026-side-links{\n        padding:5px !important;\n    }\n\n    .rdc2026-side-link{\n        min-height:44px !important;\n\n        padding-left:16px !important;\n\n        font-size:13px !important;\n    }\n\n    .rdc2026-side-link.active{\n        padding-left:21px !important;\n    }\n\n    .rdc2026-content-label{\n        font-size:9px !important;\n    }\n\n    .rdc2026-content-title{\n        font-size:28px !important;\n    }\n\n    .rdc2026-welcome{\n        margin-top:28px !important;\n\n        padding:29px 23px !important;\n    }\n\n    .rdc2026-welcome::after{\n        right:-8px;\n        bottom:-18px;\n\n        font-size:80px;\n    }\n\n    .rdc2026-welcome-small{\n        font-size:9px !important;\n    }\n\n    .rdc2026-welcome-title{\n        font-size:24px !important;\n        line-height:1.45 !important;\n    }\n\n    .rdc2026-intro{\n        margin-top:36px !important;\n    }\n\n    .rdc2026-intro-lines{\n        margin-bottom:24px !important;\n    }\n\n    .rdc2026-copy p{\n        margin-bottom:12px !important;\n\n        font-size:15px !important;\n        line-height:1.78 !important;\n    }\n\n    .rdc2026-clients{\n        margin-top:48px !important;\n        padding-top:35px !important;\n    }\n\n    .rdc2026-clients-head{\n        flex-direction:column;\n        align-items:flex-start;\n\n        gap:9px;\n    }\n\n    .rdc2026-clients-title{\n        font-size:26px !important;\n    }\n\n    .rdc2026-clients-desc{\n        font-size:13px !important;\n\n        text-align:left;\n    }\n\n    .rdc2026-clients-box{\n        \/*\n           \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \ub85c\uace0 \uc774\ubbf8\uc9c0 \uc790\uccb4\ub97c \ud06c\uac8c \ubcf4\uc5ec\uc8fc\uae30 \uc704\ud574\n           \ubc15\uc2a4 \uc548\ucabd \uc5ec\ubc31 \ucd95\uc18c\n        *\/\n        padding:16px !important;\n    }\n\n    .rdc2026-message{\n        flex-direction:column;\n        align-items:flex-start;\n\n        gap:10px;\n\n        margin-top:42px !important;\n        padding:22px !important;\n    }\n\n    .rdc2026-message strong{\n        font-size:17px !important;\n    }\n\n    .rdc2026-message span{\n        font-size:10px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   <=420\n========================================================= *\/\n\n@media(max-width:420px){\n\n    .rdc2026-hero{\n        min-height:215px;\n\n        padding-top:64px;\n    }\n\n    .rdc2026-hero::after{\n        top:64px;\n    }\n\n    \/*\n       \uc791\uc740 \ubaa8\ubc14\uc77c\ub3c4 \uc88c\uc6b0 \ucd5c\uc18c 26px \ud655\ubcf4\n       \uae30\uc874 calc(100%-26px)\ubcf4\ub2e4 \uc2e4\uc81c \uc5ec\ubc31\uc744 \ud06c\uac8c \uc7a1\uc74c\n    *\/\n    .rdc2026-hero-inner,\n    .rdc2026-container{\n        width:100% !important;\n        max-width:100% !important;\n\n        min-width:0 !important;\n\n        margin-left:auto !important;\n        margin-right:auto !important;\n\n        padding-left:26px !important;\n        padding-right:26px !important;\n    }\n\n    .rdc2026-hero-label{\n        gap:8px;\n\n        margin-bottom:11px !important;\n\n        font-size:9px !important;\n    }\n\n    .rdc2026-hero-label::before{\n        width:21px;\n    }\n\n    .rdc2026-hero-title{\n        width:100%;\n\n        font-size:29px !important;\n        line-height:1.2 !important;\n\n        letter-spacing:-.045em !important;\n    }\n\n    .rdc2026-hero-desc{\n        width:100%;\n        max-width:none;\n\n        margin-top:11px !important;\n\n        font-size:14px !important;\n        line-height:1.68 !important;\n    }\n\n    .rdc2026-body{\n        padding:38px 0 54px !important;\n    }\n\n    .rdc2026-layout{\n        width:100%;\n\n        grid-template-columns:1fr;\n\n        gap:28px;\n    }\n\n    .rdc2026-side{\n        width:100%;\n    }\n\n    .rdc2026-side-head{\n        height:52px;\n\n        justify-content:flex-start;\n\n        padding:0 16px !important;\n\n        font-size:16px !important;\n    }\n\n    .rdc2026-side-head::after{\n        font-size:26px;\n    }\n\n    .rdc2026-side-links{\n        padding:5px !important;\n    }\n\n    .rdc2026-side-link{\n        min-height:43px !important;\n\n        padding-left:15px !important;\n\n        font-size:13px !important;\n    }\n\n    .rdc2026-side-link.active{\n        padding-left:20px !important;\n    }\n\n    .rdc2026-content-head{\n        padding-bottom:19px !important;\n    }\n\n    .rdc2026-content-label{\n        font-size:9px !important;\n    }\n\n    .rdc2026-content-title{\n        font-size:27px !important;\n    }\n\n\n    \/* WELCOME *\/\n\n    .rdc2026-welcome{\n        width:100%;\n\n        margin-top:27px !important;\n\n        padding:27px 21px !important;\n    }\n\n    .rdc2026-welcome::after{\n        right:-7px;\n        bottom:-14px;\n\n        font-size:72px;\n    }\n\n    .rdc2026-welcome-small{\n        margin-bottom:9px !important;\n\n        font-size:9px !important;\n    }\n\n    .rdc2026-welcome-title{\n        width:100%;\n\n        font-size:22px !important;\n        line-height:1.48 !important;\n\n        letter-spacing:-.035em !important;\n    }\n\n\n    \/* INTRO *\/\n\n    .rdc2026-intro{\n        width:100%;\n\n        margin-top:34px !important;\n    }\n\n    .rdc2026-intro-lines{\n        margin-bottom:22px !important;\n    }\n\n    .rdc2026-intro-lines span:first-child{\n        width:92px;\n    }\n\n    .rdc2026-intro-lines span:last-child{\n        width:58px;\n    }\n\n    .rdc2026-copy{\n        width:100%;\n        max-width:none;\n    }\n\n    .rdc2026-copy p{\n        width:100%;\n\n        margin-bottom:12px !important;\n\n        font-size:14px !important;\n        line-height:1.78 !important;\n\n        letter-spacing:-.015em !important;\n    }\n\n\n    \/* CLIENTS *\/\n\n    .rdc2026-clients{\n        width:100%;\n\n        margin-top:46px !important;\n        padding-top:34px !important;\n    }\n\n    .rdc2026-clients-head{\n        width:100%;\n\n        flex-direction:column;\n        align-items:flex-start;\n\n        gap:9px;\n\n        margin-bottom:22px !important;\n    }\n\n    .rdc2026-clients-label{\n        font-size:9px !important;\n    }\n\n    .rdc2026-clients-title{\n        font-size:25px !important;\n    }\n\n    .rdc2026-clients-desc{\n        width:100%;\n\n        font-size:12px !important;\n\n        text-align:left;\n    }\n\n    .rdc2026-clients-box{\n        width:100%;\n\n        \/*\n           \ub85c\uace0\uac00 \ub108\ubb34 \uc791\uc544\uc9c0\ub294 \uac83\uc744 \ubc29\uc9c0\n        *\/\n        padding:12px !important;\n    }\n\n    .rdc2026-clients-box::before{\n        width:55px;\n    }\n\n    .rdc2026-clients-box img{\n        width:100% !important;\n        max-width:100% !important;\n\n        height:auto !important;\n    }\n\n\n    \/* BOTTOM MESSAGE *\/\n\n    .rdc2026-message{\n        width:100%;\n\n        flex-direction:column;\n        align-items:flex-start;\n\n        gap:10px;\n\n        margin-top:40px !important;\n        padding:21px !important;\n    }\n\n    .rdc2026-message strong{\n        width:100%;\n\n        font-size:16px !important;\n        line-height:1.55 !important;\n    }\n\n    .rdc2026-message span{\n        font-size:9px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n   <=360\n========================================================= *\/\n\n@media(max-width:360px){\n\n    .rdc2026-hero-inner,\n    .rdc2026-container{\n        padding-left:22px !important;\n        padding-right:22px !important;\n    }\n\n    .rdc2026-hero-title{\n        font-size:27px !important;\n    }\n\n    .rdc2026-hero-desc{\n        font-size:13px !important;\n    }\n\n    .rdc2026-welcome{\n        padding:25px 18px !important;\n    }\n\n    .rdc2026-welcome-title{\n        font-size:21px !important;\n    }\n\n    .rdc2026-copy p{\n        font-size:14px !important;\n    }\n\n    .rdc2026-clients-box{\n        padding:10px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   TOUCH DEVICE\n========================================================= *\/\n\n@media(hover:none){\n\n    .rdc2026-side-link{\n        -webkit-tap-highlight-color:transparent;\n    }\n\n}\n<\/style>\n\n\n<section class=\"rdc2026-page\">\n\n\n    <!-- =====================================================\n         HERO\n    ====================================================== -->\n\n    <section class=\"rdc2026-hero\">\n\n        <div class=\"rdc2026-hero-inner\">\n\n            <div class=\"rdc2026-hero-label\">\n                COMPANY\n            <\/div>\n\n            <h1 class=\"rdc2026-hero-title\">\n                \ud68c\uc0ac\uc18c\uac1c\n            <\/h1>\n\n            <p class=\"rdc2026-hero-desc\">\n                \ube60\ub978 \uc81c\uc791\uacfc \ub192\uc740 \ud488\uc9c8\uc744 \ubc14\ud0d5\uc73c\ub85c\n                \uc0b0\uc5c5\ud604\uc7a5\uc758 \ub2e4\uc591\ud55c \uc694\uad6c\uc5d0 \ub300\uc751\ud558\ub294 RED DESIGN\uc785\ub2c8\ub2e4.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         BODY\n    ====================================================== -->\n\n    <section class=\"rdc2026-body\">\n\n        <div class=\"rdc2026-container\">\n\n            <div class=\"rdc2026-layout\">\n\n\n                <!-- =================================================\n                     LEFT MENU\n                ================================================== -->\n\n                <div class=\"rdc2026-side rdc2026-reveal\">\n\n                    <div class=\"rdc2026-side-head\">\n                        \ud68c\uc0ac\uc18c\uac1c\n                    <\/div>\n\n                    <div class=\"rdc2026-side-links\">\n\n                        <a\n                            href=\"#\"\n                            class=\"rdc2026-side-link active\">\n\n                            \ud68c\uc0ac\uc18c\uac1c\n\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- =================================================\n                     CONTENT\n                ================================================== -->\n\n                <div class=\"rdc2026-content\">\n\n\n                    <!-- CONTENT HEAD -->\n\n                    <div class=\"rdc2026-content-head rdc2026-reveal\">\n\n                        <div class=\"rdc2026-content-label\">\n                            ABOUT RED DESIGN\n                        <\/div>\n\n                        <h2 class=\"rdc2026-content-title\">\n                            \ud68c\uc0ac\uc18c\uac1c\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <!-- WELCOME -->\n\n                    <div class=\"rdc2026-welcome rdc2026-reveal\">\n\n                        <div class=\"rdc2026-welcome-small\">\n                            WELCOME TO RED DESIGN\n                        <\/div>\n\n                        <h3 class=\"rdc2026-welcome-title\">\n\n                            <strong>\n                                <span class=\"rdc2026-red\">RED<\/span> Design\n                            <\/strong>\n\n                            <br>\n\n                            \ud648\ud398\uc774\uc9c0 \ubc29\ubb38\uc744 \ud658\uc601\ud569\ub2c8\ub2e4.\n\n                        <\/h3>\n\n                    <\/div>\n\n\n                    <!-- INTRO -->\n\n                    <div class=\"rdc2026-intro rdc2026-reveal\">\n\n                        <div class=\"rdc2026-intro-lines\">\n                            <span><\/span>\n                            <span><\/span>\n                        <\/div>\n\n\n                        <div class=\"rdc2026-copy\">\n\n                            <p>\n                                \uc800\ud76c \ub808\ub4dc\ub514\uc790\uc778\uc740 \uc0b0\uc5c5\ud50c\ub81b\ud3fc\uc744 \uae30\ubc18\uc73c\ub85c \ud55c \uc81c\uc870\ud68c\uc0ac\uc785\ub2c8\ub2e4.\n                            <\/p>\n\n                            <p>\n                                \ud488\uc9c8\uc88b\uc740 \uc81c\ud488\uc744 \ubcf4\ub2e4 \uc2e0\uc18d\ud558\uac8c \uc81c\uc791\ud558\uc5ec \ub0a9\ud488\ud558\ub294\ub370 \ucd08\uc810\uc744 \ub9de\ucd94\uace0 \uc788\uc2b5\ub2c8\ub2e4.\n                            <\/p>\n\n                            <p>\n                                2010\ub144 \ubd80\ud130 \uc81c\uc791\ud55c \uc800\ud76c \ud68c\uc0ac\uc758 \uc81c\ud488\uc740 \ub300\ud55c\ubbfc\uad6d\uc744 \uc2dc\uc791\uc73c\ub85c\n                                \uc138\uacc4\ub85c \ubed7\uc5b4 \ub098\uc544\uac00 \uae30\uc220\ub825\uacfc \ud488\uc9c8\uc744 \uc778\uc815 \ubc1b\uace0 \uc788\uc2b5\ub2c8\ub2e4.\n                                \uc800\ud76c \ub808\ub4dc\ub514\uc790\uc778\uc740 \ucd5c\uace0\uc758 \ud004\ub9ac\ud2f0\ub97c \uc704\ud574 \ub178\ub825\ud558\uba70 \uc88b\uc740 \uc7a5\ube44\uc640\n                                \uc18c\uc7ac\ub85c \uace0\uac1d\ub2d8\ub4e4\uaed8 \ubcf4\ub2f5\ud558\uaca0\uc2b5\ub2c8\ub2e4.\n                            <\/p>\n\n                            <p>\n                                \ubaa8\ub4e0 \ucd9c\ub825\ubb3c\uc5d0 \uc138\uc2ec\ud558\uace0 \uaf3c\uaf3c\ud558\uac8c \ub0a9\ud488\ud574 \ub4dc\ub9b4\uac83\uc744 \uc57d\uc18d\ub4dc\ub9bd\ub2c8\ub2e4.\n                            <\/p>\n\n                            <p>\n                                \uace0\uac1d\ub9cc\uc871\uc744 \ucd5c\uc6b0\uc120\uc73c\ub85c \uc0dd\uac01\ud558\ub294 \ud68c\uc0ac\uac00 \ub418\ub3c4\ub85d \ub178\ub825\ud558\uaca0\uc2b5\ub2c8\ub2e4.\n                            <\/p>\n\n                            <p>\n                                \ub808\ub4dc\ub514\uc790\uc778\uacfc \ud568\uaed8 \ud558\uc2ed\uc2dc\uc624.\n                            <\/p>\n\n                            <p>\n                                \uac10\uc0ac\ud569\ub2c8\ub2e4.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- CLIENTS -->\n\n                    <section class=\"rdc2026-clients rdc2026-reveal\">\n\n                        <div class=\"rdc2026-clients-head\">\n\n                            <div>\n\n                                <div class=\"rdc2026-clients-label\">\n                                    CLIENTS\n                                <\/div>\n\n                                <h3 class=\"rdc2026-clients-title\">\n                                    \uc8fc\uc694\uac70\ub798\ucc98\n                                <\/h3>\n\n                            <\/div>\n\n\n                            <p class=\"rdc2026-clients-desc\">\n                                RED DESIGN\uacfc \ud568\uaed8\ud558\uace0 \uc788\ub294<br>\n                                \uc8fc\uc694 \ud30c\ud2b8\ub108\uc0ac\uc785\ub2c8\ub2e4.\n                            <\/p>\n\n                        <\/div>\n\n\n                        <div class=\"rdc2026-clients-box\">\n\n                            <img decoding=\"async\"\n                                src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-2026\ub144-9\uc6d4-21\uc77c-\uc624\ud6c4-03_31_53.png\"\n                                alt=\"\ub808\ub4dc\ub514\uc790\uc778 \uc8fc\uc694\uac70\ub798\ucc98\">\n\n                        <\/div>\n\n                    <\/section>\n\n\n                    <!-- MESSAGE -->\n\n                    <div class=\"rdc2026-message rdc2026-reveal\">\n\n                        <strong>\n                            \ube60\ub978 \uc81c\uc791\uacfc \ub192\uc740 \ud488\uc9c8\ub85c \ubcf4\ub2f5\ud558\uaca0\uc2b5\ub2c8\ub2e4.\n                        <\/strong>\n\n                        <span>\n                            RED DESIGN\n                        <\/span>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/section>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n\n\n    \/* =====================================================\n       # \ub9c1\ud06c \uc810\ud504 \ubc29\uc9c0\n    ===================================================== *\/\n\n    document\n    .querySelectorAll(\".rdc2026-side-link[href='#']\")\n    .forEach(function(link){\n\n        link.addEventListener(\"click\",function(e){\n\n            e.preventDefault();\n\n        });\n\n    });\n\n\n\n    \/* =====================================================\n       SCROLL REVEAL\n    ===================================================== *\/\n\n    const items =\n        document.querySelectorAll(\n            \".rdc2026-reveal\"\n        );\n\n\n    if(!(\"IntersectionObserver\" in window)){\n\n        items.forEach(function(el){\n\n            el.classList.add(\n                \"show\"\n            );\n\n        });\n\n        return;\n\n    }\n\n\n    const observer =\n        new IntersectionObserver(\n            function(entries){\n\n                entries.forEach(function(entry){\n\n                    if(entry.isIntersecting){\n\n                        entry.target\n                            .classList\n                            .add(\n                                \"show\"\n                            );\n\n                        observer.unobserve(\n                            entry.target\n                        );\n\n                    }\n\n                });\n\n            },{\n                threshold:.08\n            }\n        );\n\n\n    items.forEach(function(el){\n\n        observer.observe(el);\n\n    });\n\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>COMPANY \ud68c\uc0ac\uc18c\uac1c \ube60\ub978 \uc81c\uc791\uacfc \ub192\uc740 \ud488\uc9c8\uc744 \ubc14\ud0d5\uc73c\ub85c \uc0b0\uc5c5\ud604\uc7a5\uc758 \ub2e4\uc591\ud55c \uc694\uad6c\uc5d0 \ub300\uc751\ud558\ub294 RED DESIGN\uc785\ub2c8\ub2e4. \ud68c\uc0ac\uc18c\uac1c \ud68c\uc0ac\uc18c\uac1c ABOUT RED DESIGN \ud68c\uc0ac\uc18c\uac1c WELCOME TO RED DESIGN RED Design \ud648\ud398\uc774\uc9c0 \ubc29\ubb38\uc744 \ud658\uc601\ud569\ub2c8\ub2e4. \uc800\ud76c \ub808\ub4dc\ub514\uc790\uc778\uc740 \uc0b0\uc5c5\ud50c\ub81b\ud3fc\uc744 \uae30\ubc18\uc73c\ub85c \ud55c \uc81c\uc870\ud68c\uc0ac\uc785\ub2c8\ub2e4. \ud488\uc9c8\uc88b\uc740 \uc81c\ud488\uc744 \ubcf4\ub2e4 \uc2e0\uc18d\ud558\uac8c \uc81c\uc791\ud558\uc5ec \ub0a9\ud488\ud558\ub294\ub370 &hellip; <a href=\"https:\/\/reddesign.co.kr\/?page_id=16\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reddesign.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reddesign.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reddesign.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reddesign.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reddesign.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":9,"href":"https:\/\/reddesign.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/reddesign.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/133"}],"wp:attachment":[{"href":"https:\/\/reddesign.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}