{"id":62,"date":"2026-05-27T13:47:31","date_gmt":"2026-05-27T04:47:31","guid":{"rendered":"http:\/\/sook44103.mycafe24.com\/?page_id=62"},"modified":"2026-06-15T10:50:43","modified_gmt":"2026-06-15T01:50:43","slug":"home","status":"publish","type":"page","link":"https:\/\/cslabor.co.kr\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n.changshin-main {\n    width:100% !important;\n    max-width:100% !important;\n    margin:0 !important;\n    padding:0 !important;\n    overflow:hidden !important;\n    background:#020812 !important;\n    color:#fff !important;\n    font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo',Arial,sans-serif !important;\n}\n\n.changshin-main * {\n    box-sizing:border-box !important;\n}\n\n.changshin-main h1,\n.changshin-main h2,\n.changshin-main h3,\n.changshin-main p,\n.changshin-main span,\n.changshin-main strong,\n.changshin-main em,\n.changshin-main b,\n.changshin-main a {\n    margin:0;\n    padding:0;\n    color:#fff;\n    font-style:normal;\n    text-decoration:none;\n}\n\n.changshin-section {\n    position:relative !important;\n    width:100% !important;\n    height:100vh !important;\n    min-height:760px !important;\n    margin:0 !important;\n    padding:0 !important;\n    overflow:hidden !important;\n    background:#020812;\n}\n\n.changshin-container {\n    position:relative;\n    z-index:5;\n    width:100%;\n    max-width:1320px;\n    height:100%;\n    margin:0 auto;\n    padding:0 56px;\n}\n\n\/* 01 HERO *\/\n.changshin-hero-slides {\n    position:absolute;\n    inset:0;\n    z-index:1;\n    overflow:hidden;\n}\n\n.changshin-hero-slide {\n    position:absolute;\n    inset:0;\n    opacity:0;\n    visibility:hidden;\n    background-size:cover;\n    background-position:center top;\n    transform:scale(1.08);\n    transition:opacity 1.05s ease, visibility 1.05s ease;\n}\n\n.changshin-hero-slide::before {\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n        linear-gradient(115deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.54) 45%, rgba(0,0,0,.32) 100%),\n        radial-gradient(circle at 25% 50%, rgba(6,24,186,.14), transparent 34%),\n        linear-gradient(to bottom, rgba(2,8,18,.03) 0%, rgba(2,8,18,.46) 100%);\n}\n\n.changshin-hero-slide.active {\n    opacity:1;\n    visibility:visible;\n    animation:changshinHeroZoom 6.8s ease-out forwards;\n}\n\n.changshin-hero-slide-01 {\n    background-image:url('\/wp-content\/uploads\/2026\/06\/johan_benitez99co-business-10280179-scaled.png');\n}\n\n.changshin-hero-slide-02 {\n    background-image:url('\/wp-content\/uploads\/2026\/06\/KakaoTalk_20260609_153603094.png');\n}\n\n.changshin-hero-slide-03 {\n    background-image:url('\/wp-content\/uploads\/2026\/06\/KakaoTalk_20260609_153612926.png');\n    background-position: center bottom;\n}\n\n.changshin-hero-effect {\n    position:absolute;\n    z-index:2;\n    pointer-events:none;\n    opacity:.16;\n    background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0));\n    transform:skewX(-18deg);\n    animation:changshinLightMove 5.5s ease-in-out infinite alternate;\n}\n\n.effect-01 {\n    width:260px;\n    height:120%;\n    left:24%;\n    top:-10%;\n}\n\n.effect-02 {\n    width:150px;\n    height:90%;\n    right:23%;\n    top:0;\n    animation-delay:.9s;\n}\n\n.effect-03 {\n    width:80px;\n    height:70%;\n    right:10%;\n    bottom:0;\n    animation-delay:1.6s;\n}\n\n.changshin-hero .changshin-container {\n    display:flex;\n    align-items:center;\n    justify-content:flex-start;\n}\n\n.changshin-hero-content {\n    position:relative;\n    width:100%;\n    max-width:1120px;\n    min-height:315px;\n    transform:translateX(-90px);\n}\n\n.changshin-hero-copy {\n    position:absolute;\n    left:0;\n    top:50%;\n    width:100%;\n    opacity:0;\n    visibility:hidden;\n    transform:translateY(calc(-50% + 28px));\n    transition:opacity .72s ease, visibility .72s ease, transform .72s ease;\n    pointer-events:none;\n}\n\n.changshin-hero-copy.active {\n    opacity:1;\n    visibility:visible;\n    transform:translateY(-50%);\n    pointer-events:auto;\n}\n\n.changshin-hero-copy .changshin-hero-label,\n.changshin-hero-copy h1,\n.changshin-hero-copy .changshin-hero-desc {\n    opacity:0;\n}\n\n.changshin-hero-copy .changshin-hero-label {\n    transform:translateY(24px);\n}\n\n.changshin-hero-copy h1 {\n    transform:translateY(36px);\n}\n\n.changshin-hero-copy .changshin-hero-desc {\n    transform:translateY(28px);\n    letter-spacing:0.2px;\n}\n\n.changshin-hero-copy.active .changshin-hero-label {\n    animation:changshinTextUp .9s ease forwards .15s;\n}\n\n.changshin-hero-copy.active h1 {\n    animation:changshinTextUp 1s ease forwards .3s;\n}\n\n.changshin-hero-copy.active .changshin-hero-desc {\n    animation:changshinTextUp 1s ease forwards .55s;\n}\n\n.changshin-hero-label {\n    margin-bottom:18px !important;\n    color:rgba(255,255,255,.72) !important;\n    font-size:13px;\n    line-height:1;\n    letter-spacing:.18em;\n    font-weight:800;\n}\n\n.changshin-hero-content h1 {\n    font-size:82px;\n    line-height:1.12;\n    letter-spacing:-6px;\n    font-weight:950;\n    word-break:keep-all;\n}\n\n.changshin-hero-content h1 span {\n    position:relative;\n    display:inline-block;\n    color:#2563eb !important;\n}\n\n.changshin-hero-content h1 span::after {\n    content:\"\";\n    position:absolute;\n    left:0;\n    right:0;\n    bottom:5px;\n    height:14px;\n    background:rgba(37,99,235,.45);\n    z-index:-1;\n    transform-origin:left;\n    transform:scaleX(0);\n}\n\n.changshin-hero-copy.active h1 span::after {\n    animation:changshinBlueLine .9s ease forwards 1s;\n}\n\n.changshin-hero-desc {\n    margin-top:32px !important;\n    font-size:25px;\n    line-height:1.7;\n    font-weight:800;\n    letter-spacing:-1px;\n    word-break:keep-all;\n}\n\n.changshin-hero-desc b {\n    display:inline-block;\n    margin:0 4px;\n    color:#2563eb !important;\n    font-size:34px;\n    line-height:1;\n    font-weight:950;\n    letter-spacing:-1.5px;\n    vertical-align:-3px;\n}\n\n\/* HERO SLIDE INDICATOR - scroll \uc704 \uc911\uc559 \ubc30\uce58 *\/\n.changshin-dots {\n    position:absolute;\n    left:50%;\n    bottom:92px;\n    z-index:8;\n    display:grid;\n    grid-template-columns:repeat(3, 1fr);\n    align-items:end;\n    width:min(1180px, calc(100vw - 112px));\n    height:54px;\n    opacity:0;\n    transform:translate(-50%, 18px);\n    animation:changshinTextUpCenter 1s ease forwards .75s;\n}\n\n.changshin-dots button {\n    position:relative;\n    display:flex;\n    align-items:center;\n    justify-content:flex-start;\n    gap:9px;\n    height:54px;\n    padding:0 34px 16px 0;\n    border:0;\n    border-radius:0;\n    background:transparent;\n    text-align:left;\n    cursor:pointer;\n    white-space:nowrap;\n    overflow:visible;\n}\n\n.changshin-dots button::before {\n    content:\"\";\n    position:absolute;\n    left:0;\n    right:24px;\n    bottom:0;\n    height:1px;\n    background:rgba(255,255,255,.32);\n    transition:background .35s ease, height .35s ease, box-shadow .35s ease;\n}\n\n.changshin-dots button::after {\n    content:\"\";\n    position:absolute;\n    left:0;\n    bottom:0;\n    width:calc(100% - 24px);\n    height:3px;\n    background:#2563eb;\n    transform:scaleX(0);\n    transform-origin:left center;\n    transition:box-shadow .35s ease;\n}\n\n.changshin-dots button span {\n    display:inline-block;\n    color:rgba(255,255,255,.58) !important;\n    font-size:15px;\n    line-height:1;\n    font-weight:950;\n    letter-spacing:-.02em;\n    transition:color .35s ease, transform .35s ease;\n}\n\n.changshin-dots button strong {\n    display:inline-block;\n    color:rgba(255,255,255,.74) !important;\n    font-size:16px;\n    line-height:1;\n    font-weight:900;\n    letter-spacing:-.5px;\n    word-break:keep-all;\n    transition:color .35s ease, transform .35s ease;\n}\n\n.changshin-dots button:hover span,\n.changshin-dots button:hover strong {\n    color:#ffffff !important;\n    transform:translateY(-2px);\n}\n\n.changshin-dots button:hover::before {\n    background:rgba(255,255,255,.58);\n}\n\n.changshin-dots button.active span,\n.changshin-dots button.active strong {\n    color:#ffffff !important;\n}\n\n.changshin-dots button.active::before {\n    background:rgba(255,255,255,.22);\n}\n\n.changshin-dots button.active::after {\n    width:calc(100% - 24px);\n    transform:scaleX(0);\n    animation:changshinDotProgress var(--changshin-slide-duration, 7000ms) linear forwards;\n    box-shadow:0 0 20px rgba(6,24,186,.46);\n}\n\n\n.entry-content p, \n.entry-content li, \np, \nli {\n    font-size:2rem;\n    line-height:1.4;\n    margin:0;\n}\n\n\/* SCROLL DOWN *\/\n.changshin-scroll {\n    position:relative;\n    z-index:20;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    gap:13px;\n    width:100%;\n    height:124px;\n    margin:-62px 0 -62px;\n    padding:0;\n    border:0;\n    background:transparent;\n    font-family:inherit;\n    cursor:pointer;\n}\n\n.changshin-scroll span {\n    display:block;\n    color:rgba(255,255,255,.78) !important;\n    font-size:12px;\n    line-height:1;\n    font-weight:900;\n    letter-spacing:.2em;\n    transition:color .3s ease, transform .3s ease;\n}\n\n.changshin-scroll em {\n    position:relative;\n    display:block;\n    width:1px;\n    height:76px;\n    background:rgba(255,255,255,.26);\n    overflow:hidden;\n}\n\n.changshin-scroll em::before {\n    content:\"\";\n    position:absolute;\n    left:0;\n    top:0;\n    width:1px;\n    height:30px;\n    background:#ffffff;\n    transform:translateY(-100%);\n    animation:changshinScrollDownLine 1.65s cubic-bezier(.16,1,.3,1) infinite;\n}\n\n.changshin-scroll::after {\n    content:\"\";\n    display:block;\n    width:10px;\n    height:10px;\n    border-right:2px solid rgba(255,255,255,.82);\n    border-bottom:2px solid rgba(255,255,255,.82);\n    transform:rotate(45deg);\n    transition:transform .3s ease, border-color .3s ease;\n}\n\n.changshin-scroll:hover span {\n    color:#ffffff !important;\n    transform:translateY(-3px);\n}\n\n.changshin-scroll:hover em {\n    background:rgba(255,255,255,.38);\n}\n\n.changshin-scroll:hover::after {\n    border-color:#2563eb;\n    transform:translateY(5px) rotate(45deg);\n}\n\n@keyframes changshinHeroZoom {\n    from {transform:scale(1.08);}\n    to {transform:scale(1.03);}\n}\n\n@keyframes changshinTextUp {\n    to {\n        opacity:1;\n        transform:translateY(0);\n    }\n}\n\n@keyframes changshinTextUpCenter {\n    to {\n        opacity:1;\n        transform:translate(-50%, 0);\n    }\n}\n\n@keyframes changshinDotProgress {\n    from {\n        transform:scaleX(0);\n    }\n\n    to {\n        transform:scaleX(1);\n    }\n}\n\n@keyframes changshinBlueLine {\n    to {\n        transform:scaleX(1);\n    }\n}\n\n@keyframes changshinLightMove {\n    from {\n        transform:translateX(-22px) skewX(-18deg);\n    }\n    to {\n        transform:translateX(28px) skewX(-18deg);\n    }\n}\n\n@keyframes changshinScrollDownLine {\n    0% {\n        transform:translateY(-100%);\n        opacity:0;\n    }\n\n    20% {\n        opacity:1;\n    }\n\n    100% {\n        transform:translateY(260%);\n        opacity:0;\n    }\n}\n\n\/* 02 ABOUT *\/\n.changshin-about {\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    background:#020812 !important;\n}\n\n.changshin-about-bg {\n    position:absolute;\n    inset:0;\n    z-index:1;\n    background-image:url('\/wp-content\/uploads\/2026\/06\/sean-pollock-PhYq704ffdA-unsplash-\ubcf5\uc0ac-scaled.png');\n    background-size:cover;\n    background-position:center;\n}\n\n.changshin-about-bg::before {\n    content:\"\";\n    position:absolute;\n    inset:0;\n    z-index:1;\n    background:rgba(0,0,0,.18);\n}\n\n.changshin-about-bg::after {\n    content:\"\";\n    position:absolute;\n    inset:0;\n    z-index:2;\n    background:\n        linear-gradient(90deg, rgba(0,0,0,.66) 0%, rgba(0,0,0,.42) 38%, rgba(0,0,0,.30) 68%, rgba(0,0,0,.44) 100%),\n        radial-gradient(circle at 50% 45%, rgba(255,255,255,.06), rgba(0,0,0,0) 42%),\n        linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,.54));\n}\n\n.changshin-about .changshin-container {\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n.changshin-about-content {\n    position:relative;\n    z-index:3;\n    width:100%;\n    max-width:1120px;\n    margin:0 auto;\n    padding:0;\n    border:0;\n    background:transparent;\n    box-shadow:none;\n    backdrop-filter:none;\n    -webkit-backdrop-filter:none;\n}\n\n.changshin-about-content::before {\n    content:\"\";\n    display:block;\n    width:64px;\n    height:3px;\n    margin:0 auto 34px;\n    background:#2563eb;\n}\n\n.changshin-about-content h2 {\n    color:#ffffff !important;\n    font-size:58px;\n    line-height:1.12;\n    letter-spacing:-3px;\n    font-weight:950;\n    text-shadow:0 8px 26px rgba(0,0,0,.35);\n}\n\n.changshin-about-content h2 .about-light {\n    color:#ffffff !important;\n    font-weight:300 !important;\n}\n\n.changshin-about-content > p {\n    margin-top:24px;\n    color:#ffffff !important;\n    font-size:21px;\n    line-height:1.7;\n    font-weight:800;\n    text-shadow:0 5px 18px rgba(0,0,0,.42);\n}\n\n.changshin-about-content > p b {\n    display:inline-block;\n    margin:0 3px;\n    color:#ffffff !important;\n    font-size:1.18em;\n    line-height:1;\n    font-weight:950;\n    letter-spacing:-1px;\n    vertical-align:-1px;\n    background:#2563eb;\n    padding:2px 7px 4px;\n}\n\n.changshin-about-stats {\n    display:grid;\n    grid-template-columns:repeat(3, 1fr);\n    gap:44px;\n    margin-top:78px;\n}\n\n.changshin-about-stat {\n    position:relative;\n    text-align:center;\n}\n\n.changshin-about-stat + .changshin-about-stat::before {\n    content:\"\";\n    position:absolute;\n    left:-22px;\n    top:50%;\n    width:1px;\n    height:46px;\n    background:rgba(255,255,255,.32);\n    transform:translateY(-50%);\n}\n\n.changshin-about-stat strong {\n    display:block;\n    margin-bottom:16px;\n    color:#ffffff !important;\n    font-size:15px;\n    line-height:1.4;\n    font-weight:950;\n    text-shadow:0 4px 14px rgba(0,0,0,.34);\n}\n\n.changshin-about-stat em {\n    display:block;\n    color:#ffffff !important;\n    font-size:62px;\n    line-height:1;\n    letter-spacing:-3px;\n    font-weight:950;\n    text-shadow:0 0 24px rgba(6,24,186,.45), 0 8px 24px rgba(0,0,0,.34);\n}\n\n\/* 03 REASON - TRUST PROFESSIONAL *\/\n.changshin-reason {\n    background:#f4f6f9 !important;\n    color:#111827 !important;\n    overflow:hidden !important;\n}\n\n.changshin-reason * {\n    color:#111827;\n}\n\n.changshin-reason::before {\n    content:\"\";\n    position:absolute;\n    right:0;\n    top:0;\n    width:38%;\n    height:100%;\n    background:\n        linear-gradient(135deg, rgba(6,24,186,.06), rgba(255,255,255,0)),\n        repeating-linear-gradient(\n            -45deg,\n            rgba(6,24,186,.035) 0,\n            rgba(6,24,186,.035) 1px,\n            transparent 1px,\n            transparent 14px\n        );\n    z-index:1;\n    pointer-events:none;\n}\n\n.changshin-reason::after {\n    content:\"\";\n    position:absolute;\n    left:0;\n    top:0;\n    width:100%;\n    height:1px;\n    background:#d7dee8;\n    z-index:2;\n}\n\n.changshin-reason-container {\n    display:grid;\n    grid-template-columns:36% 64%;\n    align-items:center;\n    gap:86px;\n}\n\n.changshin-reason-title {\n    position:relative;\n    z-index:3;\n}\n\n.changshin-reason-title::before {\n    content:\"\";\n    display:block;\n    width:64px;\n    height:3px;\n    margin-bottom:34px;\n    background:#2563eb;\n}\n\n.changshin-reason-title h2 {\n    color:#111827 !important;\n    font-size:58px;\n    line-height:1.18;\n    letter-spacing:-4px;\n    font-weight:950;\n    word-break:keep-all;\n}\n\n.changshin-reason-title::after {\n    content:\"\uae30\uc5c5\uc758 \uc0c1\ud669\uc744 \uc815\ud655\ud788 \uc9c4\ub2e8\ud558\uace0, \ub178\ubb34 \ub9ac\uc2a4\ud06c\ub97c \uc904\uc774\uae30 \uc704\ud55c \uc2e4\ubb34 \uc911\uc2ec\uc758 \ub300\uc751 \ubc29\ud5a5\uc744 \uc81c\uc2dc\ud569\ub2c8\ub2e4.\";\n    display:block;\n    max-width:430px;\n    margin-top:34px;\n    color:#4b5563 !important;\n    font-size:18px;\n    line-height:1.8;\n    font-weight:600;\n    word-break:keep-all;\n}\n\n.changshin-reason-list {\n    position:relative;\n    z-index:3;\n    display:flex;\n    flex-direction:column;\n    gap:0;\n    border-top:2px solid #111827;\n    background:#ffffff;\n    box-shadow:0 26px 70px rgba(15,23,42,.08);\n}\n\n.changshin-reason-item {\n    position:relative;\n    display:grid;\n    grid-template-columns:260px 1fr;\n    align-items:center;\n    gap:56px;\n    min-height:184px;\n    padding:46px 56px;\n    border-bottom:1px solid #dbe4ef;\n    background:#ffffff;\n    transition:background .3s ease, transform .3s ease;\n}\n\n.changshin-reason-item:last-child {\n    border-bottom:0;\n}\n\n.changshin-reason-item::before {\n    content:\"\";\n    position:absolute;\n    left:0;\n    top:0;\n    width:5px;\n    height:0;\n    background:#2563eb;\n    transition:height .35s ease;\n}\n\n.changshin-reason-item:hover {\n    background:#f9fbff;\n}\n\n.changshin-reason-item:hover::before {\n    height:100%;\n}\n\n.changshin-reason-number {\n    position:relative;\n    display:flex;\n    align-items:flex-end;\n    min-width:0;\n}\n\n.changshin-reason-number em {\n    display:block;\n    color:#2563eb !important;\n    font-size:66px;\n    line-height:.95;\n    letter-spacing:-4px;\n    font-weight:950;\n    white-space:nowrap;\n    word-break:keep-all;\n    text-shadow:none;\n}\n\n.changshin-reason-text {\n    position:relative;\n    padding-left:38px;\n    border-left:1px solid #d7dee8;\n}\n\n.changshin-reason-text h3 {\n    color:#111827 !important;\n    font-size:24px;\n    line-height:1.35;\n    font-weight:950;\n    letter-spacing:-.8px;\n    word-break:keep-all;\n}\n\n.changshin-reason-text p {\n    max-width:560px;\n    margin-top:15px;\n    color:#4b5563 !important;\n    font-size:16px;\n    line-height:1.78;\n    font-weight:600;\n    word-break:keep-all;\n}\n\n.changshin-reason-watermark {\n    position:absolute;\n    left:56px;\n    bottom:36px;\n    z-index:1;\n    pointer-events:none;\n}\n\n.changshin-reason-watermark span {\n    display:block;\n    color:rgba(6,24,186,.045) !important;\n    font-size:150px;\n    line-height:.8;\n    letter-spacing:-10px;\n    font-weight:950;\n    white-space:nowrap;\n}\n\n\/* 04 INDUSTRY *\/\n.changshin-service {\n    display:flex;\n    background:#020812 !important;\n}\n\n.changshin-service-card {\n    position:relative;\n    flex:1;\n    min-width:0;\n    height:100%;\n    background-size:cover;\n    background-position:center;\n    overflow:hidden;\n    cursor:pointer;\n    transition:flex 1s cubic-bezier(.16,1,.3,1), filter 1s cubic-bezier(.16,1,.3,1);\n}\n\n.changshin-service-card::before {\n    content:\"\";\n    position:absolute;\n    inset:0;\n    z-index:1;\n    background:linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,.72));\n}\n\n.changshin-service-filter {\n    position:absolute;\n    inset:0;\n    z-index:2;\n    background:rgba(0,0,0,.38);\n    transition:background .8s ease;\n}\n\n.changshin-service-content {\n    position:absolute;\n    left:0;\n    right:0;\n    top:50%;\n    bottom:auto;\n    z-index:3;\n    padding:0 38px;\n    text-align:center;\n    transform:translateY(-50%);\n    transition:transform .9s cubic-bezier(.16,1,.3,1);\n}\n\n.changshin-service-content h3 {\n    font-size:25px;\n    line-height:1.3;\n    font-weight:950;\n    white-space:nowrap;\n}\n\n.changshin-service-basic {\n    margin-top:22px;\n}\n\n.changshin-service-basic p {\n    font-size:18px;\n    line-height:1.5;\n    font-weight:850;\n    word-break:keep-all;\n}\n\n.changshin-service-basic span {\n    display:block;\n    margin-top:9px;\n    font-size:16px;\n    line-height:1.7;\n    font-weight:600;\n    word-break:keep-all;\n}\n\n.changshin-service-more {\n    max-height:0;\n    margin-top:0;\n    overflow:hidden;\n    opacity:0;\n    transform:translateY(16px);\n    transition:max-height .9s cubic-bezier(.16,1,.3,1), opacity .75s ease, transform .9s cubic-bezier(.16,1,.3,1), margin-top .75s ease;\n}\n\n.changshin-service-more em {\n    display:block;\n    max-width:340px;\n    margin:0 auto;\n    font-size:17px;\n    line-height:1.75;\n    font-weight:600;\n    word-break:keep-all;\n}\n\n.changshin-service-link {\n    position:relative;\n    display:grid;\n    place-items:center;\n    width:136px;\n    height:46px;\n    margin:26px auto 0 !important;\n    border:1px solid rgba(255,255,255,.25);\n    border-radius:4px;\n    background:rgba(255,255,255,.045);\n    color:#fff !important;\n    font-size:13px;\n    line-height:1;\n    font-weight:950;\n    letter-spacing:.14em;\n    text-align:center;\n    white-space:nowrap;\n    overflow:hidden;\n    box-shadow:\n        inset 0 1px 0 rgba(255,255,255,.12),\n        0 14px 32px rgba(0,0,0,.24);\n    backdrop-filter:blur(10px);\n    -webkit-backdrop-filter:blur(10px);\n    opacity:0;\n    transform:translateY(14px) scale(.96);\n    transition:\n        opacity .48s ease,\n        transform .55s cubic-bezier(.16,1,.3,1),\n        border-color .35s ease,\n        box-shadow .35s ease,\n        color .35s ease,\n        background .35s ease;\n}\n\n.changshin-service-link::before {\n    content:\"\";\n    position:absolute;\n    inset:0;\n    z-index:-2;\n    background:linear-gradient(135deg, #2563eb 0%, #2563eb 52%, #2563eb 100%);\n    opacity:0;\n    transform:scaleX(0);\n    transform-origin:left center;\n    transition:transform .45s cubic-bezier(.16,1,.3,1), opacity .35s ease;\n}\n\n.changshin-service-link::after {\n    content:\"\";\n    position:absolute;\n    inset:1px;\n    z-index:-1;\n    border-radius:3px;\n    background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.03));\n    opacity:1;\n    transition:opacity .35s ease;\n}\n\n.changshin-service-link span {\n    position:absolute;\n    left:50%;\n    top:50%;\n    transform:translate(-50%, -50%);\n    z-index:2;\n    color:inherit !important;\n    font-size:inherit;\n    line-height:1;\n    font-weight:inherit;\n    letter-spacing:inherit;\n    text-align:center;\n    pointer-events:none;\n}\n\n.changshin-service-link i {\n    position:absolute;\n    right:17px;\n    top:50%;\n    z-index:2;\n    width:7px;\n    height:7px;\n    border-top:2px solid currentColor;\n    border-right:2px solid currentColor;\n    transform:translateY(-50%) rotate(45deg);\n    opacity:.62;\n    transition:transform .35s ease, opacity .35s ease;\n}\n\n.changshin-service-link:hover {\n    border-color:rgba(255,255,255,.42);\n    background:rgba(255,255,255,.08);\n    box-shadow:\n        inset 0 1px 0 rgba(255,255,255,.2),\n        0 18px 42px rgba(6,24,186,.34),\n        0 0 22px rgba(6,24,186,.22);\n    transform:translateY(-3px) scale(1);\n}\n\n.changshin-service-link:hover::before {\n    opacity:1;\n    transform:scaleX(1);\n}\n\n.changshin-service-link:hover::after {\n    opacity:0;\n}\n\n.changshin-service-link:hover i {\n    opacity:1;\n    transform:translate(5px, -50%) rotate(45deg);\n}\n\n.changshin-service-card:hover .changshin-service-link,\n.changshin-service-card.active .changshin-service-link {\n    opacity:1;\n    transform:translateY(0) scale(1);\n}\n\n.changshin-service:hover .changshin-service-card {\n    flex:.78;\n}\n\n.changshin-service .changshin-service-card:hover {\n    flex:1.95;\n}\n\n.changshin-service-card:hover .changshin-service-filter {\n    background:rgba(0,24,60,.25);\n}\n\n.changshin-service-card:hover .changshin-service-content {\n    transform:translateY(-50%);\n}\n\n.changshin-service-card:hover .changshin-service-content h3 {\n    font-size:21px;\n}\n\n.changshin-service-card:hover .changshin-service-more {\n    max-height:235px;\n    margin-top:22px;\n    opacity:1;\n    transform:translateY(0);\n}\n\n\/* 05 CASE - HOMETORY SLIDE M1 TABS *\/\n.changshin-case {\n    background:#ffffff !important;\n    height:auto !important;\n    min-height:900px !important;\n    padding:100px 0 110px !important;\n    color:#111827 !important;\n}\n\n.changshin-case * {\n    color:#111827;\n}\n\n.changshin-case-bg-text {\n    position:absolute;\n    left:-70px;\n    bottom:20px;\n    z-index:1;\n    color:rgba(6,24,186,.045) !important;\n    font-size:178px;\n    line-height:.8;\n    letter-spacing:-12px;\n    font-weight:950;\n    white-space:nowrap;\n    pointer-events:none;\n}\n\n.changshin-case-container {\n    position:relative;\n    z-index:3;\n    display:block;\n    height:auto;\n}\n\n.changshin-case-text {\n    position:relative;\n    width:100%;\n    max-width:1320px;\n    margin:0 auto 56px;\n    padding:0 56px;\n    text-align:center;\n}\n\n.changshin-case-text::before {\n    display:none;\n}\n\n.changshin-case-text span {\n    display:block;\n    height:auto;\n    padding:0;\n    border:0;\n    border-radius:0;\n    background:transparent;\n    color:#2563eb !important;\n    font-size:15px;\n    line-height:1;\n    font-weight:950;\n    letter-spacing:.18em;\n    box-shadow:none;\n}\n\n.changshin-case-text h2 {\n    margin-top:18px;\n    color:#111827 !important;\n    font-size:64px;\n    line-height:1.16;\n    letter-spacing:-4.5px;\n    font-weight:950;\n}\n\n.changshin-case-text h2::after {\n    content:\"\";\n    display:block;\n    width:76px;\n    height:4px;\n    margin:26px auto 0;\n    background:#2563eb;\n}\n\n.changshin-case-text p {\n    display:block;\n    max-width:780px;\n    margin:28px auto 0;\n    color:#64748b !important;\n    font-size:18px;\n    line-height:1.75;\n    font-weight:800;\n    word-break:keep-all;\n}\n\n.changshin-case-board-wrap {\n    position:relative;\n    z-index:4;\n    width:100%;\n    max-width:1220px;\n    margin:0 auto;\n    padding:0 42px;\n}\n\n.changshin-case-board {\n    display:none;\n    width:100%;\n    min-height:420px;\n}\n\n.changshin-case-board.is-active {\n    display:block;\n}\n\n\/* Hometory Slide M1 \uc790\uccb4 \ub514\uc790\uc778\uc740 \uac74\ub4dc\ub9ac\uc9c0 \uc54a\uace0, \uba54\uc778 \uc139\uc158 \ud3ed\ub9cc \uc7a1\uc74c *\/\n.changshin-case-board > div,\n.changshin-case-board .mb-board,\n.changshin-case-board .mb-hometory-slide-m1 {\n    max-width:100% !important;\n    margin-left:auto !important;\n    margin-right:auto !important;\n}\n\n\/* \uae30\uc874 \ud398\uc774\uc9c0\ub124\uc774\uc158\uc740 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc74c *\/\n.changshin-case-pagination {\n    display:none !important;\n}\n\n.changshin-case-more-wrap {\n    position:relative;\n    z-index:7;\n    width:100%;\n    margin:34px auto 0;\n    text-align:center;\n}\n\n.changshin-case-more {\n    position:relative;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:12px;\n    min-width:156px;\n    height:52px;\n    padding:0 28px;\n    border:1px solid #2563eb;\n    background:#2563eb;\n    box-shadow:0 16px 36px rgba(37,99,235,.20);\n    color:#ffffff !important;\n    font-size:14px;\n    line-height:1;\n    font-weight:950;\n    letter-spacing:.06em;\n    overflow:hidden;\n    transition:transform .28s ease, box-shadow .28s ease, background .28s ease;\n}\n\n.changshin-case-more::after {\n    content:\"\";\n    display:block;\n    width:7px;\n    height:7px;\n    border-top:2px solid currentColor;\n    border-right:2px solid currentColor;\n    transform:rotate(45deg);\n}\n\n.changshin-case-more:hover {\n    transform:translateY(-3px);\n    background:#1d4ed8;\n    box-shadow:0 18px 42px rgba(37,99,235,.28);\n}\n\n.changshin-case-tab-wrap {\n    position:relative;\n    z-index:7;\n    width:100%;\n    max-width:1020px;\n    margin:34px auto 0;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:26px;\n    padding:0 20px;\n}\n\n.changshin-case-tab-btn {\n    position:relative;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:12px;\n    min-width:214px;\n    height:52px;\n    padding:0 25px;\n    border:1px solid rgba(37,99,235,.42);\n    border-radius:0;\n    background:#ffffff;\n    color:#2563eb !important;\n    font-size:15px;\n    line-height:1;\n    font-weight:900;\n    letter-spacing:-0.45px;\n    cursor:pointer;\n    transition:background .28s ease, color .28s ease, border-color .28s ease, box-shadow .28s ease, transform .28s ease;\n}\n\n.changshin-case-tab-btn::after {\n    content:\"\";\n    position:relative;\n    display:block;\n    width:7px;\n    height:7px;\n    border-top:2px solid currentColor;\n    border-right:2px solid currentColor;\n    background:none;\n    transform:rotate(45deg);\n    opacity:.82;\n    transition:opacity .28s ease, transform .28s ease;\n}\n\n.changshin-case-tab-btn.is-left {\n    flex-direction:row-reverse;\n}\n\n.changshin-case-tab-btn.is-left::after {\n    transform:rotate(-135deg);\n}\n\n.changshin-case-tab-btn:hover {\n    border-color:#2563eb;\n    background:#2563eb;\n    box-shadow:0 12px 26px rgba(37,99,235,.12);\n    color:#ffffff !important;\n    transform:translateY(-2px);\n}\n\n.changshin-case-tab-btn:hover::after {\n    opacity:1;\n}\n\n\n\/* 06 CONSULT *\/\n.changshin-consult-bg {\n    position:absolute;\n    inset:0;\n    z-index:1;\n    background-image:\n        linear-gradient(rgba(0,0,0,.50), rgba(0,0,0,.50)),\n        url('\/wp-content\/uploads\/2026\/06\/anastassia-anufrieva-ecHGTPfjNfA-unsplash-scaled.jpg');\n    background-size:cover;\n    background-position:center;\n}\n\n.changshin-consult-bg::after {\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n        linear-gradient(90deg, rgba(0,0,0,.68) 0%, rgba(0,0,0,.42) 40%, rgba(0,0,0,.18) 68%, rgba(0,0,0,.28) 100%),\n        radial-gradient(circle at 65% 40%, rgba(6,24,186,.10), transparent 34%);\n}\n\n.changshin-consult-left-filter {\n    position:absolute;\n    left:0;\n    top:0;\n    bottom:0;\n    width:40%;\n    z-index:2;\n    background:rgba(0,0,0,.36);\n}\n\n.changshin-consult-container {\n    display:grid;\n    grid-template-columns:36% 64%;\n    align-items:stretch;\n}\n\n.changshin-consult-left {\n    position:relative;\n    align-self:start;\n    padding-top:310px;\n    padding-right:40px;\n}\n\n.changshin-consult-left::after {\n    display:none;\n}\n\n.changshin-consult-left h2 {\n    position:relative;\n    font-size:34px;\n    line-height:1.2;\n    font-weight:950;\n}\n\n.changshin-consult-left h2::after {\n    content:\"\";\n    display:block;\n    width:40px;\n    height:2px;\n    margin-top:14px;\n    background:#ffffff;\n}\n\n.changshin-consult-left p {\n    position:relative;\n    display:block;\n    margin-top:30px;\n    font-size:18px;\n    line-height:1.8;\n    font-weight:650;\n    word-break:keep-all;\n}\n\n.changshin-consult-left p .consult-line {\n    display:block;\n}\n\n.changshin-consult-left p .consult-solid-start {\n    position:relative;\n    display:inline-block;\n}\n\n.changshin-consult-container::after {\n    content:\"\";\n    position:absolute;\n    left:calc(25% + 20px);\n    top:45%;\n    width:clamp(240px, 26vw, 520px);\n    height:1px;\n    background:rgba(255,255,255,.42);\n    z-index:6;\n    pointer-events:none;\n}\n\n.changshin-consult-right {\n    align-self:center;\n    justify-self:end;\n    width:640px;\n    margin-left:0;\n    margin-right:-300px;\n    transform:translateY(5px);\n    text-align:left;\n}\n\n.changshin-consult-right h2 {\n    font-size:52px;\n    line-height:1.2;\n    letter-spacing:-4px;\n    font-weight:950;\n    word-break:keep-all;\n}\n\n.changshin-consult-right a {\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n    height:48px;\n    margin-top:34px;\n    padding:0 28px;\n    background:#2563eb;\n    box-shadow:0 16px 35px rgba(6,24,186,.35);\n    color:#ffffff !important;\n    font-size:15px;\n    line-height:1;\n    font-weight:950;\n    transition:transform .25s ease, background .25s ease, box-shadow .25s ease;\n}\n\n.changshin-consult-right a b {\n    color:#ffffff !important;\n}\n\n.changshin-consult-right a:hover {\n    transform:translateY(-4px);\n    background:#2563eb;\n    box-shadow:0 18px 42px rgba(6,24,186,.42);\n}\n\n\/* MOTION *\/\n.changshin-up {\n    opacity:1;\n    transform:none;\n}\n\n.changshin-main.is-ready .changshin-up {\n    opacity:0;\n    transform:translateY(34px);\n    transition:opacity .85s ease, transform .85s ease;\n}\n\n.changshin-main.is-ready .changshin-up.is-show {\n    opacity:1;\n    transform:translateY(0);\n    top: -40px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width:1500px) {\n    .changshin-hero-content {\n        transform:translateX(-20px);\n    }\n\n    .changshin-consult-right {\n        margin-right:0;\n        width:560px;\n    }\n\n    .changshin-case-control.prev {\n        left:calc(50% - 425px);\n    }\n\n    .changshin-case-control.next {\n        right:calc(50% - 425px);\n    }\n}\n\n@media (max-width:1320px) {\n    .changshin-container {\n        max-width:none;\n        padding-left:56px;\n        padding-right:56px;\n    }\n\n    .changshin-hero-content {\n        transform:translateX(0);\n    }\n\n    .changshin-hero-content h1 {\n        font-size:68px;\n    }\n\n    .changshin-case-text {\n        padding-left:56px;\n        padding-right:56px;\n    }\n}\n\n@media (max-width:1024px) {\n    .changshin-section {\n        min-height:680px !important;\n    }\n\n    .changshin-container {\n        padding-left:40px;\n        padding-right:40px;\n    }\n\n    .changshin-hero-content {\n        min-height:280px;\n    }\n\n    .changshin-hero-content h1 {\n        font-size:52px;\n        letter-spacing:-3.5px;\n    }\n\n    .changshin-hero-desc {\n        font-size:20px;\n    }\n\n    .changshin-hero-desc b {\n        font-size:27px;\n    }\n\n    .changshin-reason-container {\n        grid-template-columns:1fr;\n        gap:58px;\n        align-content:center;\n    }\n\n    .changshin-reason-title h2,\n    .changshin-case-text h2 {\n        font-size:44px;\n    }\n\n    .changshin-reason-title::after {\n        max-width:640px;\n    }\n\n    .changshin-reason-item {\n        grid-template-columns:220px 1fr;\n        gap:38px;\n        padding:40px 42px;\n    }\n\n    .changshin-reason-number em {\n        font-size:54px;\n    }\n\n    .changshin-reason-watermark span {\n        font-size:100px;\n    }\n\n    .changshin-case-slide {\n        width:620px;\n        height:390px;\n    }\n\n    .changshin-case-control.prev {\n        left:calc(50% - 355px);\n    }\n\n    .changshin-case-control.next {\n        right:calc(50% - 355px);\n    }\n\n    .changshin-case-link-wrap {\n        max-width:620px;\n    }\n\n    .changshin-case-link {\n        left:auto !important;\n    }\n\n    .changshin-consult-container {\n        grid-template-columns:38% 62%;\n    }\n\n    .changshin-consult-left-filter {\n        width:40%;\n    }\n\n    .changshin-consult-left {\n        padding-top:96px;\n    }\n\n    .changshin-consult-right {\n        width:470px;\n    }\n\n    .changshin-consult-right h2 {\n        font-size:42px;\n    }\n}\n\n@media (max-width:768px) {\n    .changshin-section {\n        height:auto !important;\n        min-height:100vh !important;\n        padding:80px 0 !important;\n    }\n\n    .changshin-container {\n        padding-left:24px;\n        padding-right:24px;\n    }\n\n    .changshin-hero {\n        height:100vh !important;\n        padding:0 !important;\n    }\n\n    .changshin-hero-label {\n        font-size:10px;\n    }\n\n    .changshin-hero-content {\n        min-height:365px;\n    }\n\n    .changshin-hero-content h1 {\n        font-size:39px;\n        line-height:1.22;\n        letter-spacing:-2.5px;\n    }\n\n    .changshin-hero-content h1 span {\n        display:inline;\n        background:linear-gradient(to top, rgba(37,99,235,.45) 0 10px, transparent 10px);\n        -webkit-box-decoration-break:clone;\n        box-decoration-break:clone;\n    }\n\n    .changshin-hero-content h1 span::after {\n        display:none;\n    }\n\n    .changshin-hero-desc {\n        margin-top:24px !important;\n        font-size:18px;\n    }\n\n    .changshin-hero-desc b {\n        font-size:23px;\n    }\n\n    .changshin-dots {\n        left:50%;\n        bottom:72px;\n        width:calc(100vw - 48px);\n        height:42px;\n        grid-template-columns:repeat(3, 1fr);\n        transform:translate(-50%, 18px);\n    }\n\n    .changshin-dots button {\n        height:42px;\n        padding:0 10px 12px 0;\n        gap:5px;\n    }\n\n    .changshin-dots button::before {\n        right:8px;\n    }\n\n    .changshin-dots button::after {\n        height:2px;\n    }\n\n    .changshin-dots button::after {\n        width:calc(100% - 8px);\n    }\n\n    .changshin-dots button.active::after {\n        width:calc(100% - 8px);\n    }\n\n    .changshin-dots button span {\n        font-size:11px;\n    }\n\n    .changshin-dots button strong {\n        font-size:11px;\n        letter-spacing:-.6px;\n    }\n\n    .changshin-scroll {\n        height:100px;\n        margin:-50px 0 -50px;\n        gap:10px;\n    }\n\n    .changshin-scroll span {\n        font-size:10px;\n        letter-spacing:.18em;\n    }\n\n    .changshin-scroll em {\n        width:1px;\n        height:54px;\n    }\n\n    .changshin-scroll::after {\n        width:8px;\n        height:8px;\n    }\n\n    .changshin-about-bg {\n        background-position:center;\n    }\n\n    .changshin-about-bg::before {\n        background:rgba(0,0,0,.54);\n    }\n\n    .changshin-about-bg::after {\n        background:\n            linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.50) 42%, rgba(0,0,0,.42) 100%),\n            linear-gradient(to bottom, rgba(0,0,0,.24), rgba(0,0,0,.62));\n    }\n\n    .changshin-about-content h2 {\n        font-size:36px;\n        letter-spacing:-2px;\n    }\n\n    .changshin-about-content > p {\n        font-size:15px;\n        word-break:keep-all;\n    }\n\n    .changshin-about-stats {\n        grid-template-columns:1fr;\n        gap:34px;\n        margin-top:48px;\n    }\n\n    .changshin-about-stat + .changshin-about-stat::before {\n        display:none;\n    }\n\n    .changshin-about-stat em {\n        font-size:42px;\n    }\n\n    .changshin-reason {\n        padding:86px 0 !important;\n    }\n\n    .changshin-reason::before {\n        width:100%;\n        opacity:.55;\n    }\n\n    .changshin-reason-container {\n        gap:42px;\n    }\n\n    .changshin-reason-title::before {\n        width:54px;\n        height:3px;\n        margin-bottom:22px;\n    }\n\n    .changshin-reason-title h2 {\n        font-size:35px;\n        line-height:1.28;\n        letter-spacing:-2.3px;\n    }\n\n    .changshin-reason-title::after {\n        margin-top:22px;\n        font-size:15px;\n        line-height:1.75;\n    }\n\n    .changshin-reason-list {\n        border-top:2px solid #111827;\n        box-shadow:0 18px 44px rgba(15,23,42,.08);\n    }\n\n    .changshin-reason-item {\n        grid-template-columns:1fr;\n        gap:18px;\n        min-height:auto;\n        padding:32px 26px;\n    }\n\n    .changshin-reason-number em {\n        font-size:42px;\n        letter-spacing:-2.5px;\n    }\n\n    .changshin-reason-text {\n        padding-left:0;\n        border-left:0;\n    }\n\n    .changshin-reason-text h3 {\n        font-size:19px;\n    }\n\n    .changshin-reason-text p {\n        font-size:14px;\n        line-height:1.7;\n    }\n\n    .changshin-reason-watermark {\n        left:24px;\n        bottom:20px;\n    }\n\n    .changshin-reason-watermark span {\n        font-size:64px;\n        letter-spacing:-4px;\n    }\n\n    .changshin-service {\n        flex-direction:column;\n        padding:0 !important;\n    }\n\n    .changshin-service-card {\n        flex:none !important;\n        height:25vh;\n        min-height:190px;\n        transition:height .8s cubic-bezier(.16,1,.3,1);\n    }\n\n    .changshin-service:hover .changshin-service-card {\n        flex:none !important;\n    }\n\n    .changshin-service-card:hover {\n        height:38vh;\n    }\n\n    .changshin-service:not(:hover) .changshin-service-card.active {\n        height:25vh;\n    }\n\n    .changshin-service:not(:hover) .changshin-service-card.active .changshin-service-more {\n        max-height:0;\n        margin-top:0;\n        opacity:0;\n        transform:translateY(16px);\n    }\n\n    .changshin-service:not(:hover) .changshin-service-card.active .changshin-service-link {\n        opacity:0;\n        transform:translateY(14px) scale(.96);\n    }\n\n    .changshin-service-content {\n        top:50%;\n        bottom:auto;\n        padding:0 24px;\n        transform:translateY(-50%);\n    }\n\n    .changshin-service-card:hover .changshin-service-content,\n    .changshin-service-card.active .changshin-service-content {\n        transform:translateY(-50%);\n    }\n\n    .changshin-service-content h3 {\n        font-size:30px;\n        line-height:1.25;\n        white-space:normal;\n        word-break:keep-all;\n    }\n\n    .changshin-service-basic {\n        margin-top:18px;\n    }\n\n    .changshin-service-basic p {\n        font-size:21px;\n        line-height:1.45;\n        word-break:keep-all;\n    }\n\n    .changshin-service-basic span {\n        margin-top:8px;\n        font-size:17px;\n        line-height:1.55;\n        word-break:keep-all;\n    }\n\n    .changshin-service-card:hover .changshin-service-more {\n        margin-top:18px;\n        max-height:250px;\n    }\n\n    .changshin-service-more em {\n        font-size:15px;\n        line-height:1.65;\n    }\n\n    .changshin-service-link {\n        width:118px;\n        height:40px;\n        margin-top:18px !important;\n        font-size:11px;\n    }\n\n    .changshin-service-link i {\n        right:15px;\n        width:6px;\n        height:6px;\n    }\n\n    .changshin-case {\n        min-height:auto !important;\n        padding:86px 0 90px !important;\n    }\n\n    .changshin-case-text {\n        margin-bottom:34px;\n        padding-left:24px;\n        padding-right:24px;\n    }\n\n    .changshin-case-text h2 {\n        font-size:38px;\n        line-height:1.25;\n        letter-spacing:-2px;\n    }\n\n    .changshin-case-slider {\n        height:440px;\n    }\n\n    .changshin-case-slide {\n        width:78vw;\n        height:330px;\n    }\n\n    .changshin-case-slide.prev {\n        transform:translate(-120%, -50%) rotateY(12deg) scale(.72);\n    }\n\n    .changshin-case-slide.next {\n        transform:translate(20%, -50%) rotateY(-12deg) scale(.72);\n    }\n\n    .changshin-case-control {\n        width:46px;\n        height:54px;\n    }\n\n    .changshin-case-control.prev {\n        left:12px;\n    }\n\n    .changshin-case-control.next {\n        right:12px;\n    }\n\n    .changshin-case-pagination {\n        margin-top:0;\n        font-size:14px;\n    }\n\n    .changshin-case-pagination i {\n        width:46px;\n    }\n\n    .changshin-case-link-wrap {\n        max-width:78vw;\n    }\n\n    .changshin-case-link {\n        left:auto !important;\n        margin-top:30px;\n        font-size:16px;\n        gap:11px;\n    }\n\n    .changshin-case-link::after {\n        width:7px;\n        height:7px;\n    }\n\n    .changshin-consult-left-filter {\n        width:100%;\n    }\n\n    .changshin-consult-container {\n        grid-template-columns:1fr;\n        gap:64px;\n        align-content:center;\n    }\n\n    .changshin-consult-left {\n        padding-top:0;\n    }\n\n    .changshin-consult-left p .consult-solid-start::after {\n        display:none;\n    }\n\n    .changshin-consult-left h2 {\n        font-size:28px;\n    }\n\n    .changshin-consult-left p {\n        font-size:16px;\n        line-height:1.75;\n        word-break:keep-all;\n    }\n\n    .changshin-consult-right {\n        justify-self:start;\n        width:100%;\n        margin-left:0;\n        margin-right:0;\n    }\n\n    .changshin-consult-right h2 {\n        font-size:34px;\n        line-height:1.25;\n        letter-spacing:-1.8px;\n        word-break:keep-all;\n    }\n}\n\n\n\/* MOBILE ONLY FIX - PC \uc2a4\ud0c0\uc77c \uac74\ub4dc\ub9ac\uc9c0 \uc54a\uc74c *\/\n@media (max-width:768px) {\n    \/* Service \ubaa8\ubc14\uc77c \uae00\uc528\/\uac04\uaca9 \uc870\uc815 *\/\n    .changshin-service-card {\n        height:23vh;\n        min-height:168px;\n    }\n\n    .changshin-service-card:hover {\n        height:40vh;\n    }\n\n    .changshin-service-content {\n        padding:0 22px;\n    }\n\n    .changshin-service-content h3 {\n        font-size:22px;\n        line-height:1.24;\n        letter-spacing:-0.7px;\n    }\n\n    .changshin-service-card:hover .changshin-service-content h3 {\n        font-size:22px;\n    }\n\n    .changshin-service-basic {\n        margin-top:12px;\n    }\n\n    .changshin-service-basic p {\n        font-size:15.5px;\n        line-height:1.45;\n        font-weight:850;\n        letter-spacing:-0.4px;\n    }\n\n    .changshin-service-basic span {\n        margin-top:6px;\n        font-size:13.5px;\n        line-height:1.5;\n        font-weight:650;\n        color:rgba(255,255,255,.82) !important;\n    }\n\n    .changshin-service-card:hover .changshin-service-more {\n        margin-top:14px;\n        max-height:230px;\n    }\n\n    .changshin-service-more em {\n        max-width:310px;\n        font-size:13px;\n        line-height:1.6;\n        color:rgba(255,255,255,.88) !important;\n    }\n\n    .changshin-service-link {\n        width:108px;\n        height:38px;\n        margin-top:16px !important;\n        font-size:10.5px;\n        letter-spacing:.12em;\n    }\n\n    \/* \uace0\uc6a9\uc9c0\uc6d0\uae08 \uc2b9\uc778 \ucc55\ud130 \ubc84\ud2bc \ubaa8\ubc14\uc77c \uc911\uc559 \uc815\ub82c *\/\n    .changshin-case-link-wrap {\n        max-width:100%;\n        padding:0 24px;\n        margin:0 auto;\n        text-align:center;\n    }\n\n    .changshin-case-link {\n        left:auto !important;\n        right:auto !important;\n        display:inline-flex;\n        min-width:210px;\n        height:50px;\n        margin:34px auto 0 !important;\n        padding:0 24px;\n        font-size:14px;\n        letter-spacing:-0.3px;\n    }\n\n}\n\n\n\/* CASE M1 RESPONSIVE ONLY *\/\n@media (max-width:1024px) {\n    .changshin-case-board-wrap {\n        max-width:100%;\n        padding:0 34px;\n    }\n\n    .changshin-case-tab-wrap {\n        max-width:760px;\n    }\n}\n\n@media (max-width:768px) {\n    .changshin-case-text {\n        margin-bottom:34px;\n        padding-left:24px;\n        padding-right:24px;\n    }\n\n    .changshin-case-text h2 {\n        font-size:38px;\n        line-height:1.25;\n        letter-spacing:-2px;\n    }\n\n    .changshin-case-text p {\n        margin-top:22px;\n        font-size:15px;\n        line-height:1.65;\n    }\n\n    .changshin-case-board-wrap {\n        padding:0 18px;\n    }\n\n    .changshin-case-board {\n        min-height:240px;\n    }\n\n    .changshin-case-more-wrap {\n        margin-top:28px;\n    }\n\n    .changshin-case-more {\n        min-width:132px;\n        height:46px;\n        font-size:13px;\n    }\n\n    .changshin-case-tab-wrap {\n        display:grid;\n        grid-template-columns:1fr;\n        gap:12px;\n        margin-top:28px;\n        padding:0 24px;\n    }\n\n    .changshin-case-tab-btn {\n        width:100%;\n        min-width:0;\n        height:48px;\n        font-size:14px;\n    }\n}\n\n<\/style>\n\n<div class=\"changshin-main\">\n\n    <section class=\"changshin-section changshin-hero\">\n        <div class=\"changshin-hero-slides\">\n            <div class=\"changshin-hero-slide changshin-hero-slide-01 active\"><\/div>\n            <div class=\"changshin-hero-slide changshin-hero-slide-02\"><\/div>\n            <div class=\"changshin-hero-slide changshin-hero-slide-03\"><\/div>\n        <\/div>\n\n        <div class=\"changshin-hero-effect effect-01\"><\/div>\n        <div class=\"changshin-hero-effect effect-02\"><\/div>\n        <div class=\"changshin-hero-effect effect-03\"><\/div>\n\n        <div class=\"changshin-container\">\n            <div class=\"changshin-hero-content\">\n                <div class=\"changshin-hero-copy active\">\n                    <p class=\"changshin-hero-label\">LABOR \u00b7 CONSULTING \u00b7 COMPENSATION<\/p>\n\n                    <h1>\n                        \uae30\uc5c5\uc744 \uc815\ud655\ud788 \uc774\ud574\ud558\uace0<br>\n                        \uc9c0\uc6d0\ud558\ub294 <span>\ub178\ubb34 \uc804\ubb38\uac00 \uadf8\ub8f9<\/span>\n                    <\/h1>\n\n                    <p class=\"changshin-hero-desc\">\n                        \ub178\ubb34\uad00\ub9ac\uc5d0 \ubd88\ud3b8\ud568\uacfc \uad81\uae08\uc99d\uc774 \uc788\ub2e4\uba74<br>\n                        \uc2e4\ub825 \uc788\ub294 \ub178\ubb34\uc0ac\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n\n                <div class=\"changshin-hero-copy\">\n                    <p class=\"changshin-hero-label\">EMPLOYMENT SUBSIDY \u00b7 INDUSTRIAL ACCIDENT<\/p>\n\n                    <h1>\n                        \uac74\uc124\uc5c5 \ub178\ubb34\uad00\ub9ac \uc804\ubb38 \uc194\ub8e8\uc158<br>\n                        <span>\uace0\uc6a9\uc9c0\uc6d0\uae08\ubd80\ud130 \uc0b0\uc7ac\ubcf4\uc0c1\uae4c\uc9c0<\/span>\n                    <\/h1>\n\n                    <p class=\"changshin-hero-desc\">\n                        \ud604\uc7a5 \uc2e4\ubb34 \uc911\uc2ec\uc758 \ub178\ubb34\uad00\ub9ac\ub85c<br>\n                        \uae30\uc5c5\uc758 \ub9ac\uc2a4\ud06c\ub97c \uad00\ub9ac\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n\n                <div class=\"changshin-hero-copy\">\n                    <p class=\"changshin-hero-label\">SPECIALIZED LABOR MANAGEMENT<\/p>\n\n                    <h1>\n                        \ub178\ub3d9\uc758 \ubb38\uc81c\ub97c \ub118\uc5b4,<br>\n                        <span>\uae30\uc5c5 \uc131\uc7a5\uc758 \ud574\ub2f5\uc73c\ub85c<\/span>\n                    <\/h1>\n\n                    <p class=\"changshin-hero-desc\">\n                        \ub178\ub3d9\ubc95\ub960\uc758 \uc804\ubb38\uc131\uc73c\ub85c \uae30\uc5c5\uc758 \ub0b4\uc77c\uc744 \uc124\uacc4\ud569\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <div class=\"changshin-dots\">\n            <button type=\"button\" class=\"active\" aria-label=\"1\ubc88\uc9f8 \uc2ac\ub77c\uc774\ub4dc\">\n                <span>01<\/span><strong>\uae30\uc5c5 \ub178\ubb34\uad00\ub9ac<\/strong>\n            <\/button>\n            <button type=\"button\" aria-label=\"2\ubc88\uc9f8 \uc2ac\ub77c\uc774\ub4dc\">\n                <span>02<\/span><strong>\uc804\ubb38\ubd84\uc57c<\/strong>\n            <\/button>\n            <button type=\"button\" aria-label=\"3\ubc88\uc9f8 \uc2ac\ub77c\uc774\ub4dc\">\n                <span>03<\/span><strong>\uc804\ubb38\uac00 \ub9de\ucda4 \uc194\ub8e8\uc158<\/strong>\n            <\/button>\n        <\/div>\n    <\/section>\n\n    <button type=\"button\" class=\"changshin-scroll\" aria-label=\"Consultation \uc601\uc5ed\uc73c\ub85c \uc774\ub3d9\">\n        <span>SCROLL<\/span>\n        <em><\/em>\n    <\/button>\n\n    <section class=\"changshin-section changshin-about\">\n        <div class=\"changshin-about-bg\"><\/div>\n\n        <div class=\"changshin-container\">\n            <div class=\"changshin-about-content changshin-up\">\n                <h2><span class=\"about-light\">About<\/span> CHANGSHIN<\/h2>\n                <p>\ub300\ud55c\ubbfc\uad6d \ucd5c\uace0\uc758 <b>&#8220;\uace0\uc6a9\uc9c0\uc6d0\uae08&#8221;<\/b>,<b>&#8220;\uc0b0\uc5c5\uc7ac\ud574\ubcf4\uc0c1&#8221;<\/b>,<b>&#8220;\uac74\uc124\ub178\ubb34\uad00\ub9ac&#8221;<\/b> \uc804\ubb38 \ub178\ubb34\ubc95\uc778<\/p>\n\n                <div class=\"changshin-about-stats\">\n                    <div class=\"changshin-about-stat\">\n                        <strong>\uc5c5\ubb34\ub9cc\uc871\ub3c4<\/strong>\n                        <em class=\"changshin-count\" data-target=\"98\" data-suffix=\"%\">0%<\/em>\n                    <\/div>\n\n                    <div class=\"changshin-about-stat\">\n                        <strong>\uc131\uacf5\ub960<\/strong>\n                        <em class=\"changshin-count\" data-target=\"97\" data-suffix=\"%\">0%<\/em>\n                    <\/div>\n\n                    <div class=\"changshin-about-stat\">\n                        <strong>\uc7ac\uacc4\uc57d\ub960<\/strong>\n                        <em class=\"changshin-count\" data-target=\"1131\" data-suffix=\"+\">0+<\/em>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"changshin-section changshin-reason\">\n        <div class=\"changshin-reason-watermark\">\n            <span>CHANGSHIN<\/span>\n        <\/div>\n\n        <div class=\"changshin-container changshin-reason-container\">\n            <div class=\"changshin-reason-title changshin-up\">\n                <h2>\ub178\ubb34\ubc95\uc778 \ucc3d\uc2e0\uc744<br>\uc120\ud0dd\ud574\uc57c \ub418\ub294 \uc774\uc720<\/h2>\n            <\/div>\n\n            <div class=\"changshin-reason-list\">\n                <div class=\"changshin-reason-item changshin-up\">\n                    <div class=\"changshin-reason-number\">\n                        <em class=\"changshin-count\" data-target=\"10000\" data-suffix=\"+\">0+<\/em>\n                    <\/div>\n                    <div class=\"changshin-reason-text\">\n                        <h3>\uace0\uc6a9\uc9c0\uc6d0\uae08 \uc2e0\uccad \uae30\uc5c5 \ub204\uc801<\/h3>\n                        <p>\uae30\uc5c5\uc758 \uaddc\ubaa8, \uc870\uac74, \uc5c5\uc885, \uc790\uaca9 \ub4f1\uc744 \uc138\ubd80\uc801\uc73c\ub85c \uac80\ud1a0\ud558\uc5ec \ucd5c\uc801\uc758 \uc9c0\uc6d0 \uc81c\ub3c4\ub97c \uc81c\uc548\ud569\ub2c8\ub2e4.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"changshin-reason-item changshin-up\">\n                    <div class=\"changshin-reason-number\">\n                        <em class=\"changshin-count\" data-target=\"300\" data-suffix=\"\uc5b5+\">0\uc5b5+<\/em>\n                    <\/div>\n                    <div class=\"changshin-reason-text\">\n                        <h3>\uc0b0\uc7ac\ubcf4\uc0c1\uae08 \ucd1d\uc561 \ub204\uc801<\/h3>\n                        <p>\uc0ac\uace0 \uacbd\uc704, \uc758\ud559\uc801 \uc790\ub8cc, \ubc95\ub960 \ud310\ub2e8\uc744 \uc885\ud569\ud574 \uc2b9\uc778 \uac00\ub2a5\uc131\uc744 \ub192\uc774\ub294 \uc804\ub7b5\uc744 \uad6c\uc131\ud569\ub2c8\ub2e4.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"changshin-reason-item changshin-up\">\n                    <div class=\"changshin-reason-number\">\n                        <em class=\"changshin-count\" data-target=\"95\" data-suffix=\"%\">0%<\/em>\n                    <\/div>\n                    <div class=\"changshin-reason-text\">\n                        <h3>\uc0b0\uc7ac \uc2b9\uc778\ub960<\/h3>\n                        <p>\ud604\uc7a5 \uc0c1\ud669\uacfc \uc5c5\ubb34 \uad00\ub828\uc131\uc744 \uc815\ubc00 \ubd84\uc11d\ud558\uc5ec \uc0b0\uc7ac \uc778\uc815\uc5d0 \ud544\uc694\ud55c \uadfc\uac70\ub97c \ud655\ubcf4\ud569\ub2c8\ub2e4.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"changshin-section changshin-service\">\n        <article class=\"changshin-service-card active\" style=\"background-image:url('\/wp-content\/uploads\/2026\/05\/jakub-zerdzicki-ykgLX_CwtDw-unsplash-scaled.jpg');\">\n            <div class=\"changshin-service-filter\"><\/div>\n            <div class=\"changshin-service-content\">\n                <h3>HR Solutions<\/h3>\n                <div class=\"changshin-service-basic\">\n                    <p>\uc784\uae08 \u00b7 \uc218\ub2f9 \uad8c\ub9ac \ubcf4\ud638<\/p>\n                    <span>\uae09\uc5ec \uad00\ub9ac \ubc0f \uc9c0\uc6d0\uae08 \ub9e4\uce6d<\/span>\n                <\/div>\n                <div class=\"changshin-service-more\">\n                    <em>\uae09\uc5ec, 4\ub300\ubcf4\ud5d8, \uc9c0\uc6d0\uae08 \ub4f1 \ubcf5\uc7a1\ud55c \ub178\ubb34 \ubb38\uc81c \uc18d\uc5d0\uc11c \uadfc\ub85c\uc790\uac00 \ub193\uce58\uae30 \uc26c\uc6b4 \uad8c\ub9ac\uc640 \uc808\ucc28\ub97c \ud655\uc778\ud558\uace0 \ud544\uc694\ud55c \ub300\uc751 \ubc29\ud5a5\uc744 \uc548\ub0b4\ud569\ub2c8\ub2e4.<\/em>\n                    <a href=\"\/?page_id=22\" class=\"changshin-service-link\"><span>MORE<\/span><i><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"changshin-service-card\" style=\"background-image:url('\/wp-content\/uploads\/2026\/06\/vitaly-gariev-lLLZkSmxe7A-unsplash-scaled.jpg');\">\n            <div class=\"changshin-service-filter\"><\/div>\n            <div class=\"changshin-service-content\">\n                <h3>Labor Disputes<\/h3>\n                <div class=\"changshin-service-basic\">\n                    <p>\ubd80\ub2f9\ud55c \ub300\uc6b0 \ub300\uc751<\/p>\n                    <span>\ubd80\ub2f9\ud574\uace0 \ubc0f \uc9c1\uc7a5\ub0b4\uad34\ub86d\ud798 \ub300\uc751<\/span>\n                <\/div>\n                <div class=\"changshin-service-more\">\n                   <em>\ubd80\ub2f9\ud574\uace0, \uc9c1\uc7a5 \ub0b4 \uad34\ub86d\ud798 \ub4f1 \ud63c\uc790 \ud574\uacb0\ud558\uae30 \uc5b4\ub824\uc6b4 \ub178\ub3d9 \ubb38\uc81c\uc5d0 \ub300\ud574 \uc0ac\uc2e4\uad00\uacc4\uc640 \ubc95\uc801 \uae30\uc900\uc744 \ubc14\ud0d5\uc73c\ub85c \uadfc\ub85c\uc790\uc758 \uad8c\ub9ac \ud68c\ubcf5\uc744 \ub3d5\uc2b5\ub2c8\ub2e4.<\/em>\n                    <a href=\"\/?page_id=24\" class=\"changshin-service-link\"><span>MORE<\/span><i><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"changshin-service-card\" style=\"background-image:url('\/wp-content\/uploads\/2026\/06\/glenov-brankovic-fsa8AHFoJH8-unsplash-scaled.jpg');\">\n            <div class=\"changshin-service-filter\"><\/div>\n            <div class=\"changshin-service-content\">\n                <h3>Construction Labor<\/h3>\n                <div class=\"changshin-service-basic\">\n                    <p>\uac74\uc124\uadfc\ub85c\uc790 \uad8c\ub9ac \ubcf4\ud638<\/p>\n                    <span>\uac74\uc124 \uc77c\uc6a9\uc9c1 \uad00\ub9ac \ubc0f \uacf5\ub2e8 \ub300\uc751<\/span>\n                <\/div>\n                <div class=\"changshin-service-more\">\n                    <em>\uac74\uc124 \ud604\uc7a5\uc758 \uc77c\uc6a9\uc9c1\u00b7\ud604\uc7a5 \uadfc\ub85c\uc790\uc5d0\uac8c \ubc1c\uc0dd\ud558\ub294 \uc784\uae08, 4\ub300\ubcf4\ud5d8, \uc0b0\uc7ac \ubb38\uc81c\uc5d0 \ub300\ud574 \ud604\uc7a5 \ud2b9\uc131\uc744 \uace0\ub824\ud55c \uc2e4\uc9c8\uc801\uc778 \uc0c1\ub2f4\uacfc \ub300\uc751\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/em>\n                    <a href=\"\/?page_id=28\" class=\"changshin-service-link\"><span>MORE<\/span><i><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"changshin-service-card\" style=\"background-image:url('\/wp-content\/uploads\/2026\/06\/sasun-bughdaryan-e11Oa3kvx4c-unsplash-scaled.jpg');\">\n            <div class=\"changshin-service-filter\"><\/div>\n            <div class=\"changshin-service-content\">\n                <h3>Industrial Accident Compensation<\/h3>\n                <div class=\"changshin-service-basic\">\n                    <p>\uc0b0\uc7ac \ubcf4\uc0c1 \uad8c\ub9ac \ud68c\ubcf5<\/p>\n                    <span>\ud604\uc7a5 \uc911\uc2ec\uc758 \uc0b0\uc7ac \uad00\ub9ac<\/span>\n                <\/div>\n                <div class=\"changshin-service-more\">\n                    <em>\uc5c5\ubb34 \uc911 \ubc1c\uc0dd\ud55c \uc0ac\uace0\ub098 \uc9c8\ubcd1\uc5d0 \ub300\ud574 \uc0b0\uc7ac \uc778\uc815 \uac00\ub2a5\uc131\uc744 \uac80\ud1a0\ud558\uace0, \uc2e0\uccad \uc808\ucc28\ubd80\ud130 \ubcf4\uc0c1 \uc9c4\ud589\uae4c\uc9c0 \uadfc\ub85c\uc790\uac00 \uc815\ub2f9\ud55c \uad8c\ub9ac\ub97c \ucc3e\uc744 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/em>\n                    <a href=\"\/?page_id=26\" class=\"changshin-service-link\"><span>MORE<\/span><i><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/article>\n    <\/section>\n\n    <section class=\"changshin-section changshin-case\">\n        <div class=\"changshin-case-bg-text\">CHANGSHIN<\/div>\n\n        <div class=\"changshin-case-container\">\n            <div class=\"changshin-case-text changshin-up\">\n                <span>APPROVAL CASE<\/span>\n                <h2 class=\"changshin-case-title\">\uace0\uc6a9\uc9c0\uc6d0\uae08 \uc2b9\uc778<\/h2>\n                <p>\ub178\ubb34\ubc95\uc778 \ucc3d\uc2e0\uc774 \ud568\uaed8\ud55c \uc2b9\uc778 \uc0ac\ub840\ub97c \ud655\uc778\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n            <\/div>\n\n            <div class=\"changshin-case-board-wrap changshin-up\">\n                <div class=\"changshin-case-board is-active\" data-case=\"support\">\n                    <div class=\"mb-widget mb-desktop\"><div style='width:100%' class=\"mb-board mb-hometory-slide-m1 responsive-list mb-widget-shortcode\"><div class=\"mb-hometory-slide-m1-box\"\"><div id=\"hometory_slide_m1_1\" style=\"visibility:hidden;\"><carousel-3d :width=550 :height=420 :animation-speed=\"500\" :autoplay=\"true\" :autoplay-timeout=\"3000\"><slide :index=\"0\" class=\"mb-gallery-item-wrap\"><a class=\"mb-gallery-item-link\" href=\"javascript:;\" onclick=\"clickSlideImage1(this,'https:\/\/cslabor.co.kr\/?page_id=34&#038;vid=4');return false;\"><div class=\"mb-gallery-item-img\" style=\"max-width:100%;width:100%;height:100%;background-image:url(https:\/\/cslabor.co.kr\/wp-content\/uploads\/mangboard\/2026\/06\/16\/F15_%EC%88%98%EC%A0%95%EC%8D%B8%EB%84%A4%EC%9D%BC.png);background-position:center center;background-size:cover;background-repeat:no-repeat;\"><\/div><figcaption class=\"mb-gallery-item-title\" style=\"bottom:0;\"><span>\uace0\uc6a9\uc9c0\uc6d0\uae08\uc13c\ud130 \uace0\uc6a9\uc9c0\uc6d0\uae08 \uc2e4 \uc0ac\ub840<\/span><\/figcaption><\/a><\/slide><\/carousel-3d><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><script type='text\/javascript'>jQuery(document).ready(function() {\r\n\t\t\tjQuery('#hometory_slide_m1_1').css('visibility', 'visible');\r\n\t\t\tnew Vue({\r\n\t\t\tel: '#hometory_slide_m1_1',\r\n\t\t\tdata: {\r\n\t\t\t\tslides: 5\r\n\t\t\t},\r\n\t\t\t'responsive':true,\r\n\t\t\t'auto-height':true,\r\n\t\t\t'components': {\r\n\t\t\t\t'carousel-3d': Carousel3d.Carousel3d,\r\n\t\t\t\t'slide': Carousel3d.Slide\r\n\t\t\t}\r\n\t\t})});\r\n\t\tfunction clickSlideImage1(obj,url){\r\n\t\t\tif(jQuery(obj).parent().hasClass('current')){moveURL(url);}\r\n\t\t}\r\n\t\t<\/script>\n                <\/div>\n\n                <div class=\"changshin-case-board\" data-case=\"accident\">\n                    <div class=\"mb-widget mb-desktop\"><div style='width:100%' class=\"mb-board mb-hometory-slide-m1 responsive-list mb-widget-shortcode\"><div class=\"mb-hometory-slide-m1-box\"\"><div id=\"hometory_slide_m1_2\" style=\"visibility:hidden;\"><carousel-3d :width=550 :height=420 :animation-speed=\"500\" :autoplay=\"true\" :autoplay-timeout=\"3000\"><slide :index=\"0\" class=\"mb-gallery-item-wrap\"><a class=\"mb-gallery-item-link\" href=\"javascript:;\" onclick=\"clickSlideImage2(this,'https:\/\/cslabor.co.kr\/?page_id=37&#038;vid=1');return false;\"><div class=\"mb-gallery-item-img\" style=\"max-width:100%;width:100%;height:100%;background-image:url(https:\/\/cslabor.co.kr\/wp-content\/uploads\/mangboard\/2026\/06\/16\/F16_%EC%82%B0%EC%97%85%EC%9E%AC%ED%95%B4%EC%8A%B9%EC%9D%B8%20%EC%8D%B8%EB%84%A4%EC%9D%BC.png);background-position:center center;background-size:cover;background-repeat:no-repeat;\"><\/div><figcaption class=\"mb-gallery-item-title\" style=\"bottom:0;\"><span>\uc0b0\uc5c5\uc7ac\ud574\uc2b9\uc778 \uc0ac\ub840 \uc548\ub0b4<\/span><\/figcaption><\/a><\/slide><\/carousel-3d><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><script type='text\/javascript'>jQuery(document).ready(function() {\r\n\t\t\tjQuery('#hometory_slide_m1_2').css('visibility', 'visible');\r\n\t\t\tnew Vue({\r\n\t\t\tel: '#hometory_slide_m1_2',\r\n\t\t\tdata: {\r\n\t\t\t\tslides: 5\r\n\t\t\t},\r\n\t\t\t'responsive':true,\r\n\t\t\t'auto-height':true,\r\n\t\t\t'components': {\r\n\t\t\t\t'carousel-3d': Carousel3d.Carousel3d,\r\n\t\t\t\t'slide': Carousel3d.Slide\r\n\t\t\t}\r\n\t\t})});\r\n\t\tfunction clickSlideImage2(obj,url){\r\n\t\t\tif(jQuery(obj).parent().hasClass('current')){moveURL(url);}\r\n\t\t}\r\n\t\t<\/script>\n                <\/div>\n\n                <div class=\"changshin-case-board\" data-case=\"other\">\n                    <div class=\"mb-widget mb-desktop\"><div style='width:100%' class=\"mb-board mb-hometory-slide-m1 responsive-list mb-widget-shortcode\"><div class=\"mb-hometory-slide-m1-box\"\"><div id=\"hometory_slide_m1_3\" style=\"visibility:hidden;\"><carousel-3d :width=550 :height=420 :animation-speed=\"500\" :autoplay=\"true\" :autoplay-timeout=\"3000\"><slide :index=\"0\" class=\"mb-gallery-item-wrap\"><a class=\"mb-gallery-item-link\" href=\"javascript:;\" onclick=\"clickSlideImage3(this,'https:\/\/cslabor.co.kr\/?page_id=510&#038;vid=1');return false;\"><div class=\"mb-gallery-item-img\" style=\"max-width:100%;width:100%;height:100%;background-image:url(https:\/\/cslabor.co.kr\/wp-content\/uploads\/mangboard\/2026\/06\/16\/F17_%EA%B8%B0%ED%83%80%EC%82%AC%EB%A1%80%EC%8D%B8%EB%84%A4%EC%9D%BC.png);background-position:center center;background-size:cover;background-repeat:no-repeat;\"><\/div><figcaption class=\"mb-gallery-item-title\" style=\"bottom:0;\"><span>\ubd80\ub2f9\ud574\uace0 \uad6c\uc81c\uc5d0 \ub300\ud55c \uc0ac\ub840<\/span><\/figcaption><\/a><\/slide><\/carousel-3d><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><script type='text\/javascript'>jQuery(document).ready(function() {\r\n\t\t\tjQuery('#hometory_slide_m1_3').css('visibility', 'visible');\r\n\t\t\tnew Vue({\r\n\t\t\tel: '#hometory_slide_m1_3',\r\n\t\t\tdata: {\r\n\t\t\t\tslides: 5\r\n\t\t\t},\r\n\t\t\t'responsive':true,\r\n\t\t\t'auto-height':true,\r\n\t\t\t'components': {\r\n\t\t\t\t'carousel-3d': Carousel3d.Carousel3d,\r\n\t\t\t\t'slide': Carousel3d.Slide\r\n\t\t\t}\r\n\t\t})});\r\n\t\tfunction clickSlideImage3(obj,url){\r\n\t\t\tif(jQuery(obj).parent().hasClass('current')){moveURL(url);}\r\n\t\t}\r\n\t\t<\/script>\n                <\/div>\n            <\/div>\n\n            <div class=\"changshin-case-more-wrap changshin-up\">\n                <a href=\"\/?page_id=34\" class=\"changshin-case-more\"><span>MORE<\/span><\/a>\n            <\/div>\n\n            <div class=\"changshin-case-tab-wrap changshin-up\">\n                <button type=\"button\" class=\"changshin-case-tab-btn is-left\" data-case-target=\"other\">\uae30\ud0c0 \uc2b9\uc778 \uc0ac\ub840<\/button>\n                <button type=\"button\" class=\"changshin-case-tab-btn is-right\" data-case-target=\"accident\">\uc0b0\uc5c5\uc7ac\ud574 \uc2b9\uc778 \uc0ac\ub840<\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"changshinConsult\" class=\"changshin-section changshin-consult\">\n        <div class=\"changshin-consult-bg\"><\/div>\n        <div class=\"changshin-consult-left-filter\"><\/div>\n\n        <div class=\"changshin-container changshin-consult-container\">\n            <div class=\"changshin-consult-left changshin-up\">\n                <h2>Consultation<\/h2>\n                <p>\n                    <span class=\"consult-line\">\uae30\uc5c5 \ub178\ubb34\uad00\ub9ac\ubd80\ud130 \uace0\uc6a9\uc9c0\uc6d0\uae08\uacfc \uac01\uc885 \ub178\ub3d9\uc0ac\uac74\uae4c\uc9c0,<\/span>\n                    <span class=\"consult-line consult-solid-start\">\ub178\ubb34\ubc95\uc778 \ucc3d\uc2e0\uc774 \ud568\uaed8 \ud574 \ub4dc\ub9bd\ub2c8\ub2e4.<\/span>\n                <\/p>\n            <\/div>\n\n            <div class=\"changshin-consult-right changshin-up\">\n                <h2>\ubc1c\uc0dd\ub41c \ub178\ubb34 \ub9ac\uc2a4\ud06c\ub294<br>\uc0c1\ub2f4\uc744 \ud1b5\ud574<br>\uc2dc\uc6d0\ud558\uac8c \ud574\uacb0\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.<\/h2>\n                <a href=\"\/?page_id=41\">\uc0c1\ub2f4 \ubc14\ub85c\uac00\uae30 <b>\u2192<\/b><\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n(function(){\n    function comma(number){\n        return String(number).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\n    }\n\n    function animateNumber(element){\n        if(!element || element.dataset.done === 'true'){\n            return;\n        }\n\n        element.dataset.done = 'true';\n\n        const target = parseInt(element.getAttribute('data-target'), 10) || 0;\n        const suffix = element.getAttribute('data-suffix') || '';\n        const duration = 1700;\n        const startTime = performance.now();\n\n        function render(now){\n            const progress = Math.min((now - startTime) \/ duration, 1);\n            const eased = 1 - Math.pow(1 - progress, 4);\n            const value = Math.floor(target * eased);\n\n            if(suffix === '\uc5b5+'){\n                element.textContent = comma(value) + '\uc5b5+';\n            } else {\n                element.textContent = comma(value) + suffix;\n            }\n\n            if(progress < 1){\n                requestAnimationFrame(render);\n            } else {\n                if(suffix === '\uc5b5+'){\n                    element.textContent = comma(target) + '\uc5b5+';\n                } else {\n                    element.textContent = comma(target) + suffix;\n                }\n            }\n        }\n\n        requestAnimationFrame(render);\n    }\n\n    function resetNumber(element){\n        const suffix = element.getAttribute('data-suffix') || '';\n\n        element.dataset.done = 'false';\n\n        if(suffix === '\uc5b5+'){\n            element.textContent = '0\uc5b5+';\n        } else {\n            element.textContent = '0' + suffix;\n        }\n    }\n\n    function initHeroSlider(){\n        const hero = document.querySelector('.changshin-hero');\n\n        if(!hero || hero.dataset.sliderReady === 'true'){\n            return;\n        }\n\n        const slides = hero.querySelectorAll('.changshin-hero-slide');\n        const copies = hero.querySelectorAll('.changshin-hero-copy');\n        const dots = hero.querySelectorAll('.changshin-dots button');\n\n        if(!slides.length || !copies.length || !dots.length){\n            return;\n        }\n\n        hero.dataset.sliderReady = 'true';\n\n        let current = 0;\n        let timer = null;\n        const intervalTime = 7000;\n\n        hero.style.setProperty('--changshin-slide-duration', intervalTime + 'ms');\n\n        function restartActiveProgress(){\n            dots.forEach(function(dot){\n                dot.classList.remove('active');\n            });\n\n            void hero.offsetWidth;\n\n            dots.forEach(function(dot, dotIndex){\n                dot.classList.toggle('active', dotIndex === current);\n            });\n        }\n\n        function showSlide(index){\n            current = (index + slides.length) % slides.length;\n\n            slides.forEach(function(slide){\n                slide.classList.remove('active');\n            });\n\n            copies.forEach(function(copy){\n                copy.classList.remove('active');\n            });\n\n            dots.forEach(function(dot, dotIndex){\n                dot.classList.toggle('active', dotIndex === current);\n            });\n\n            void hero.offsetWidth;\n\n            slides.forEach(function(slide, slideIndex){\n                if(slideIndex === current){\n                    slide.classList.add('active');\n                }\n            });\n\n            copies.forEach(function(copy, copyIndex){\n                if(copyIndex === current){\n                    copy.classList.add('active');\n                }\n            });\n        }\n\n        function startAuto(){\n            clearInterval(timer);\n\n            timer = setInterval(function(){\n                showSlide(current + 1);\n            }, intervalTime);\n        }\n\n        dots.forEach(function(dot, index){\n            dot.addEventListener('click', function(){\n                showSlide(index);\n                startAuto();\n            });\n        });\n\n\n        showSlide(0);\n        startAuto();\n\n        window.addEventListener('beforeunload', function(){\n            clearInterval(timer);\n        });\n    }\n\n    function initCountOnSectionView(){\n        const countSections = document.querySelectorAll('.changshin-about, .changshin-reason');\n\n        if(!countSections.length){\n            return;\n        }\n\n        countSections.forEach(function(section){\n            const numbers = section.querySelectorAll('.changshin-count');\n\n            numbers.forEach(function(number){\n                resetNumber(number);\n            });\n        });\n\n        if('IntersectionObserver' in window){\n            const sectionObserver = new IntersectionObserver(function(entries){\n                entries.forEach(function(entry){\n                    if(entry.isIntersecting){\n                        const numbers = entry.target.querySelectorAll('.changshin-count');\n\n                        numbers.forEach(function(number){\n                            animateNumber(number);\n                        });\n                    }\n                });\n            }, {\n                threshold:0.35\n            });\n\n            countSections.forEach(function(section){\n                sectionObserver.observe(section);\n            });\n        } else {\n            countSections.forEach(function(section){\n                const numbers = section.querySelectorAll('.changshin-count');\n\n                numbers.forEach(function(number){\n                    animateNumber(number);\n                });\n            });\n        }\n    }\n\n    function initMotionOnSectionView(){\n        const motionItems = document.querySelectorAll('.changshin-up');\n\n        if(!motionItems.length){\n            return;\n        }\n\n        if('IntersectionObserver' in window){\n            const motionObserver = new IntersectionObserver(function(entries){\n                entries.forEach(function(entry){\n                    if(entry.isIntersecting){\n                        entry.target.classList.add('is-show');\n                    }\n                });\n            }, {\n                threshold:0.18\n            });\n\n            motionItems.forEach(function(item){\n                motionObserver.observe(item);\n            });\n        } else {\n            motionItems.forEach(function(item){\n                item.classList.add('is-show');\n            });\n        }\n    }\n\n    function initServiceHover(){\n        const serviceCards = document.querySelectorAll('.changshin-service-card');\n\n        serviceCards.forEach(function(card){\n            if(card.dataset.hoverReady === 'true'){\n                return;\n            }\n\n            card.dataset.hoverReady = 'true';\n\n            card.addEventListener('mouseenter', function(){\n                serviceCards.forEach(function(otherCard){\n                    otherCard.classList.remove('active');\n                });\n\n                card.classList.add('active');\n            });\n        });\n    }\n\n    function initCaseTabs(){\n        const caseSection = document.querySelector('.changshin-case');\n\n        if(!caseSection || caseSection.dataset.caseTabReady === 'true'){\n            return;\n        }\n\n        caseSection.dataset.caseTabReady = 'true';\n\n        const title = caseSection.querySelector('.changshin-case-title');\n        const boards = Array.prototype.slice.call(caseSection.querySelectorAll('.changshin-case-board'));\n        const tabButtons = Array.prototype.slice.call(caseSection.querySelectorAll('.changshin-case-tab-btn'));\n        const moreButton = caseSection.querySelector('.changshin-case-more');\n\n        const caseData = {\n            support: {\n                title: '\uace0\uc6a9\uc9c0\uc6d0\uae08 \uc2b9\uc778',\n                more: '\/?page_id=34',\n                left: { key: 'other', text: '\uae30\ud0c0 \uc2b9\uc778 \uc0ac\ub840' },\n                right: { key: 'accident', text: '\uc0b0\uc5c5\uc7ac\ud574 \uc2b9\uc778 \uc0ac\ub840' }\n            },\n            accident: {\n                title: '\uc0b0\uc5c5\uc7ac\ud574 \uc2b9\uc778',\n                more: '\/?page_id=37',\n                left: { key: 'support', text: '\uace0\uc6a9\uc9c0\uc6d0\uae08 \uc2b9\uc778 \uc0ac\ub840' },\n                right: { key: 'other', text: '\uae30\ud0c0 \uc2b9\uc778 \uc0ac\ub840' }\n            },\n            other: {\n                title: '\uae30\ud0c0 \uc2b9\uc778 \uc0ac\ub840',\n                more: '\/?page_id=510',\n                left: { key: 'support', text: '\uace0\uc6a9\uc9c0\uc6d0\uae08 \uc2b9\uc778 \uc0ac\ub840' },\n                right: { key: 'accident', text: '\uc0b0\uc5c5\uc7ac\ud574 \uc2b9\uc778 \uc0ac\ub840' }\n            }\n        };\n\n        function activateCase(key){\n            const data = caseData[key] || caseData.support;\n\n            boards.forEach(function(board){\n                board.classList.toggle('is-active', board.getAttribute('data-case') === key);\n            });\n\n            if(title){\n                title.textContent = data.title;\n            }\n\n            if(moreButton){\n                moreButton.setAttribute('href', data.more);\n            }\n\n            tabButtons.forEach(function(button){\n                const isLeft = button.classList.contains('is-left');\n                const buttonData = isLeft ? data.left : data.right;\n\n                button.textContent = buttonData.text;\n                button.setAttribute('data-case-target', buttonData.key);\n            });\n        }\n\n        tabButtons.forEach(function(button){\n            button.addEventListener('click', function(){\n                const target = this.getAttribute('data-case-target') || 'support';\n                activateCase(target);\n            });\n        });\n\n        activateCase('support');\n    }\n\n    function initScrollDownClick(){\n        const scrollButton = document.querySelector('.changshin-scroll');\n        const consultSection = document.querySelector('#changshinConsult');\n\n        if(!scrollButton || !consultSection || scrollButton.dataset.scrollReady === 'true'){\n            return;\n        }\n\n        scrollButton.dataset.scrollReady = 'true';\n\n        scrollButton.addEventListener('click', function(){\n            consultSection.scrollIntoView({\n                behavior:'smooth',\n                block:'start'\n            });\n        });\n    }\n\n    function initChangshin(){\n        const page = document.querySelector('.changshin-main');\n\n        if(!page){\n            return;\n        }\n\n        page.classList.add('is-ready');\n\n        initHeroSlider();\n        initCountOnSectionView();\n        initMotionOnSectionView();\n        initServiceHover();\n        initCaseTabs();\n        initScrollDownClick();\n    }\n\n    if(document.readyState === 'loading'){\n        document.addEventListener('DOMContentLoaded', initChangshin);\n    } else {\n        initChangshin();\n    }\n\n    window.addEventListener('load', initChangshin);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>LABOR \u00b7 CONSULTING \u00b7 COMPENSATION \uae30\uc5c5\uc744 \uc815\ud655\ud788 \uc774\ud574\ud558\uace0 \uc9c0\uc6d0\ud558\ub294 \ub178\ubb34 \uc804\ubb38\uac00 \uadf8\ub8f9 \ub178\ubb34\uad00\ub9ac\uc5d0 \ubd88\ud3b8\ud568\uacfc \uad81\uae08\uc99d\uc774 \uc788\ub2e4\uba74 \uc2e4\ub825 \uc788\ub294 \ub178\ubb34\uc0ac\uac00 \ud544\uc694\ud569\ub2c8\ub2e4. EMPLOYMENT SUBSIDY \u00b7 INDUSTRIAL ACCIDENT \uac74\uc124\uc5c5 \ub178\ubb34\uad00\ub9ac \uc804\ubb38 \uc194\ub8e8\uc158 \uace0\uc6a9\uc9c0\uc6d0\uae08\ubd80\ud130 \uc0b0\uc7ac\ubcf4\uc0c1\uae4c\uc9c0 \ud604\uc7a5 \uc2e4\ubb34 \uc911\uc2ec\uc758 \ub178\ubb34\uad00\ub9ac\ub85c \uae30\uc5c5\uc758 \ub9ac\uc2a4\ud06c\ub97c \uad00\ub9ac\ud574 \ub4dc\ub9bd\ub2c8\ub2e4. SPECIALIZED &hellip; <a href=\"https:\/\/cslabor.co.kr\/\">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-62","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cslabor.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cslabor.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cslabor.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cslabor.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cslabor.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=62"}],"version-history":[{"count":227,"href":"https:\/\/cslabor.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":898,"href":"https:\/\/cslabor.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/62\/revisions\/898"}],"wp:attachment":[{"href":"https:\/\/cslabor.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}