:root{
    /* 중고차팩토리 로고의 밝은 블루(#0080D0 계열)와 딥블루(#003080~#07539A 계열)를 기준으로 구성 */
    --tc-accent:#0078c8;
    --tc-accent-brand-alt:#0a84d4;
    --tc-accent-text-alt:#006db8;
    --tc-accent-hero-mobile:#0a84d4;
    --tc-accent-strong:#006ab6;
    --tc-accent-media:#0080d0;
    --tc-accent-media-strong:#0064ae;
    --tc-accent-text:#006db8;
    --tc-accent-text-2:#005fa8;
    --tc-accent-dark:#07539a;
    --tc-accent-dark-2:#064a88;
    --tc-accent-dark-3:#05447d;
    --tc-accent-hover:#0065ae;
    --tc-accent-hover-deep:#00508c;
    --tc-accent-hot:#1091e0;
    --tc-accent-price:#0064ae;
    --tc-accent-on-dark-soft:#a8dfff;
    --tc-dark-deep-2:#1d2026;
    --tc-accent-hero:#1091e0;
    --tc-accent-price-alt:#0064ae;
    --tc-accent-price-alt-2:#005aa0;
    --tc-accent-price-alt-3:#0068b3;
    --tc-accent-ribbon-alt:#006ab6;
    --tc-accent-light:#8fd5ff;
    --tc-accent-light-2:#67c2f5;
    --tc-accent-option:#07539a;
    --tc-accent-option-border:#9ed3f2;
    --tc-accent-option-text:#054b88;
    --tc-accent-badge:#0b86d5;
    --tc-accent-hover-alt:#00508c;
    --tc-accent-label:#59baf0;
    --tc-accent-focus:#3ca9e8;
    --tc-accent-submit-hover:#005fa8;
    --tc-accent-cta-hover:#0065ae;
    --tc-accent-view-dark:#054b88;
    --tc-accent-view-soft:#eff8fe;
    --tc-accent-view-border:#9ed3f2;
    --tc-accent-view-border-2:#86c6ea;
    --tc-accent-view-bg:#f8fcff;
    --tc-dark-content:#2a2e36;
    --tc-subhero-rgb:247,248,250;
    --tc-accent-status:#0063ad;
    --tc-accent-rgb:0,120,200;
    --tc-accent-strong-rgb:0,106,182;
    --tc-accent-soft-0:#eef8ff;
    --tc-accent-soft-1:#f0f9ff;
    --tc-accent-soft-2:#f1f9ff;
    --tc-accent-soft-3:#f3faff;
    --tc-accent-soft-4:#f4faff;
    --tc-accent-soft-5:#f5fbff;
    --tc-accent-soft-6:#f6fbff;
    --tc-accent-soft-7:#f7fcff;
    --tc-accent-soft-8:#f8fcff;
    --tc-accent-soft-9:#f9fdff;
    --tc-dark:#25282e;
    --tc-dark-2:#333740;
    --tc-dark-3:#333740;
    --tc-dark-surface:#2b2f36;
    --tc-dark-deep:#1d2026;
    --tc-dark-deep-rgb:29,32,38;
    --tc-dark-header:#202329;
    --tc-dark-gradient:#2b3038;
    --tc-highlight:#0078c8;
    --tc-highlight-2:#1593da;
    --tc-highlight-text:#005fa8;
    --tc-surface:#ffffff;
    --tc-surface-soft:#f6f8fa;
    --tc-text:#25282e;
    --tc-muted:#7b818b;
    --tc-line:#e0e3e7;
    --tc-hero-bg-end:#eef2f5;
    --tc-hero-title:#25282e;
    --tc-hero-copy:#626a75;
    --tc-hero-border:#dde3e8;
    --tc-subhero-tint-opacity:.05;
}

/* Main light panels */
:root{
    --tc-home-panel-start:#ffffff;
    --tc-home-panel-end:#f4f7f9;
    --tc-home-panel-border:#dce3e8;
    --tc-home-panel-text:#25282e;
    --tc-home-panel-muted:#626a75;
    --tc-home-panel-muted-soft:#7c8490;
    --tc-home-panel-icon-bg:#ffffff;
    --tc-home-panel-icon-border:#d6dfe5;
    --tc-home-control-bg:#ffffff;
    --tc-home-control-border:#d6dfe5;
    --tc-home-control-text:#25282e;
    --tc-home-divider:#e0e5e9;
    --tc-home-option-bg:#ffffff;
    --tc-home-option-border:#dbe2e7;
    --tc-home-option-text:#414751;
    --tc-home-option-hover-bg:#f1f9ff;
    --tc-home-accent-contrast:#ffffff;
}

/* Quick contact theme backgrounds */
:root{
    --tc-quick-kakao-bg:#25282e;
    --tc-quick-kakao-hover:#333740;
    --tc-quick-phone-bg:#07539a;
    --tc-quick-phone-hover:#00508c;
}

/* Theme surface extension */
:root{
    --tc-shell-footer-bg:#25282e;
    --tc-shell-footer-border:#3d4149;
    --tc-shell-footer-link:#eceef1;
    --tc-shell-footer-text:#afb5be;
    --tc-shell-footer-button-border:#676f7b;
    --tc-shell-footer-button-text:#ffffff;
    --tc-home-more-bg:var(--tc-accent-strong);
    --tc-home-more-border:var(--tc-accent-strong);
    --tc-home-more-text:#ffffff;
    --tc-home-more-hover:var(--tc-accent-hover-deep);
    --tc-quick-recent-panel-bg:#f5f7f9;
    --tc-quick-recent-head-bg:#25282e;
    --tc-quick-recent-head-text:#ffffff;
    --tc-quick-recent-all-bg:#ffffff;
    --tc-quick-recent-all-text:#3e4652;
    --tc-quick-recent-all-border:#dce3e8;
    --tc-quick-top-bg:#25282e;
    --tc-quick-top-text:#ffffff;
    --tc-quick-top-hover:#333740;
    --tc-yt-filter-bg:#ffffff;
    --tc-yt-filter-text:#4f5661;
    --tc-yt-filter-border:#d9e0e5;
    --tc-yt-filter-hover-border:var(--tc-accent-strong);
    --tc-yt-filter-hover-text:var(--tc-accent-text);
    --tc-yt-filter-active-bg:var(--tc-accent-strong);
    --tc-yt-filter-active-text:#ffffff;
    --tc-yt-filter-active-border:var(--tc-accent-strong);
    --tc-yt-filter-count:#9aa1ad;
    --tc-yt-filter-active-count:#d7efff;
}

/* Main theme completion */
:root{
    --tc-profile-card-bg:rgba(37,40,46,.92);
    --tc-profile-card-border:rgba(0,120,200,.28);
    --tc-profile-card-title:#ffffff;
    --tc-profile-card-muted:#e2e4e8;
    --tc-profile-card-copy:#c3c7cd;
    --tc-profile-card-rule:rgba(255,255,255,.13);
    --tc-stats-start:#25282e;
    --tc-stats-mid:#333740;
    --tc-stats-end:#25282e;
    --tc-stats-border:#444a54;
    --tc-stats-divider:#444a54;
    --tc-stats-label:#c0c5cc;
    --tc-stats-value:#ffffff;
}

/* Compare popup theme */
:root{
    --tc-compare-menu-bg:#ffffff;
    --tc-compare-menu-border:#0078c8;
    --tc-compare-menu-text:#333842;
    --tc-compare-view-bg:#25282e;
    --tc-compare-view-hover:#333740;
    --tc-compare-view-icon:#0080d0;
    --tc-compare-item-hover:#f1f9ff;
    --tc-compare-clear-text:#0063ad;
    --tc-compare-clear-hover:#eef8ff;
}

/* Global search modal theme */
:root{
    --tc-global-search-bg:#25282e;
    --tc-global-search-border:rgba(0,120,200,.48);
    --tc-global-search-title:#ffffff;
    --tc-global-search-muted:#c2c7cf;
    --tc-global-search-close:#d0d4da;
    --tc-global-search-close-hover:#0a84d4;
    --tc-global-search-button-bg:#006ab6;
    --tc-global-search-button-hover:#00508c;
    --tc-global-search-button-text:#ffffff;
}

/* ==========================================================
   White + Dark Gray + Blue v2
   - 화이트 헤더 / 화이트 메인 히어로
   - 중고차팩토리 블루 로고와 조화되는 밝은 브랜드 테마
   ========================================================== */
:root{
    --tc-header-bg:#ffffff;
    --tc-header-border:#e2e7ec;
    --tc-header-text:#22272e;
    --tc-header-link:#22272e;
    --tc-header-social:#343b44;
    --tc-header-menu-toggle:#252b33;

    --tc-mobile-nav-bg:#ffffff;
    --tc-mobile-nav-border:#dfe6ec;
    --tc-mobile-nav-link:#252b33;
    --tc-mobile-nav-divider:#e9edf1;
    --tc-mobile-nav-close-border:#d7dfe6;
    --tc-mobile-nav-close-bg:#f8fafc;
    --tc-mobile-nav-close-text:#343b44;

    --tc-hero-surface:#ffffff;
    --tc-hero-text:#22272e;
    --tc-hero-eyebrow:#4f5d6b;
    --tc-hero-copy:#596675;
    --tc-hero-gradient-desktop:linear-gradient(90deg,#ffffff 0%,#ffffff 34%,rgba(255,255,255,.97) 49%,rgba(255,255,255,.82) 65%,rgba(255,255,255,.52) 100%);
    --tc-hero-gradient-mobile:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.22) 24vw,rgba(255,255,255,.72) 39vw,rgba(255,255,255,.96) 50vw,#ffffff 58vw);
    --tc-hero-line-btn-bg:#ffffff;
    --tc-hero-line-btn-border:#9ca8b4;
    --tc-hero-line-btn-text:#2f3944;
    --tc-hero-line-btn-hover-border:#0078c8;
    --tc-hero-line-btn-hover-text:#0068b3;

    --tc-profile-card-bg:rgba(255,255,255,.96);
    --tc-profile-card-border:#d9e3eb;
    --tc-profile-card-title:#22272e;
    --tc-profile-card-muted:#576473;
    --tc-profile-card-copy:#4f5b68;
    --tc-profile-card-rule:#e3e9ee;
    --tc-profile-card-shadow:0 12px 32px rgba(34,54,72,.12);
    --tc-profile-image-border:#ffffff;
    --tc-profile-image-shadow:0 0 0 2px rgba(0,120,200,.26),0 6px 16px rgba(25,52,74,.12);
}

/* ==========================================================
   White + Dark Gray + Blue v4 / premium hero refinement
   - 큰 박스형 패널 제거
   - 화이트 여백 + 슬림 블루 포인트 + 강한 타이포 중심
   - 우측 차량 이미지/프로필 카드와 자연스럽게 균형
   2026-09-12
   ========================================================== */
:root{
    --tc-hero-gradient-desktop:
        linear-gradient(90deg,
            #ffffff 0%,
            #ffffff 36%,
            rgba(255,255,255,.985) 49%,
            rgba(250,252,254,.86) 63%,
            rgba(245,249,252,.44) 82%,
            rgba(245,249,252,.18) 100%);
    --tc-hero-gradient-mobile:
        linear-gradient(180deg,
            rgba(255,255,255,.16) 0%,
            rgba(255,255,255,.30) 25vw,
            rgba(255,255,255,.80) 40vw,
            rgba(255,255,255,.98) 51vw,
            #ffffff 60vw);
    --tc-hero-copy:#566371;
    --tc-hero-eyebrow:#4d6172;
    --tc-profile-card-bg:rgba(255,255,255,.955);
    --tc-profile-card-border:#e0e7ed;
    --tc-profile-card-title:#20272e;
    --tc-profile-card-muted:#677482;
    --tc-profile-card-copy:#556371;
    --tc-profile-card-rule:#e8edf1;
    --tc-profile-card-shadow:0 16px 38px rgba(31,54,75,.11);
    --tc-profile-image-shadow:0 0 0 3px #fff,0 0 0 4px rgba(0,120,200,.18),0 8px 18px rgba(27,55,78,.11);
}

.creator-hero{
    background:#ffffff!important;
    border-bottom:1px solid #e8edf1!important;
}
.creator-hero-bg{
    background-position:center right!important;
    background-size:auto 100%!important;
}
.creator-hero-bg:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:58%;
    height:100%;
    pointer-events:none;
    background:
        radial-gradient(circle at 35% 44%,rgba(0,120,200,.065) 0%,rgba(0,120,200,.028) 27%,rgba(0,120,200,0) 58%);
}
.creator-hero-inner{
    z-index:2;
}
.creator-hero-copy{
    position:relative;
    width:53%;
    padding:0 0 0 27px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.creator-hero-copy:before{
    content:'';
    position:absolute;
    left:0;
    top:5px;
    width:3px;
    height:116px;
    border-radius:3px;
    background:linear-gradient(180deg,#0b88d6 0%,#0078c8 55%,rgba(0,120,200,.08) 100%);
}
.creator-hero-copy:after{display:none!important}
.creator-eyebrow{
    display:block;
    margin:0 0 10px!important;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#4d6172!important;
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:700;
    letter-spacing:.01em;
}
.creator-hero h1{
    margin:0!important;
    color:#20262d!important;
    font-size:52px!important;
    line-height:1.08!important;
    letter-spacing:-3px!important;
    font-weight:800!important;
    text-shadow:none!important;
}
.creator-hero h1 strong{
    color:#0078c8!important;
    text-shadow:none!important;
}
.creator-hero-desc{
    max-width:520px;
    margin-top:19px!important;
    color:#566371!important;
    font-size:16px!important;
    line-height:1.75!important;
    font-weight:400!important;
}
.creator-hero-actions{
    margin-top:27px!important;
    gap:10px!important;
}
.creator-hero-actions .creator-btn{
    min-width:134px;
    height:48px;
    border-radius:6px!important;
    font-weight:700!important;
    box-shadow:none;
    transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.creator-hero-actions .creator-btn-primary{
    background:#0078c8!important;
    border-color:#0078c8!important;
    color:#fff!important;
    box-shadow:0 7px 18px rgba(0,120,200,.16)!important;
}
.creator-hero-actions .creator-btn-primary:hover,
.creator-hero-actions .creator-btn-primary:focus{
    transform:translateY(-1px);
    background:#0069b0!important;
    border-color:#0069b0!important;
    box-shadow:0 9px 21px rgba(0,105,176,.20)!important;
}
.creator-hero-actions .creator-btn-line{
    background:rgba(255,255,255,.92)!important;
    border-color:#bdc8d1!important;
    color:#303943!important;
}
.creator-hero-actions .creator-btn-line:hover,
.creator-hero-actions .creator-btn-line:focus{
    transform:translateY(-1px);
    border-color:#0078c8!important;
    color:#006db8!important;
    box-shadow:0 6px 16px rgba(0,120,200,.08)!important;
}

.creator-profile-card{
    position:relative;
    overflow:visible;
    width:288px;
    padding:25px 25px 23px;
    border:1px solid #e0e7ed!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.955)!important;
    box-shadow:0 16px 38px rgba(31,54,75,.11)!important;
}
.creator-profile-card:before{display:none!important}
.creator-profile-card img{
    width:104px;
    height:104px;
    border:3px solid #fff!important;
    box-shadow:0 0 0 1px rgba(0,120,200,.16),0 8px 18px rgba(27,55,78,.11)!important;
}
.creator-profile-card h2{
    margin-top:13px!important;
    color:#20272e!important;
    font-size:21px!important;
}
.creator-profile-card h2 i{color:#07539a!important}
.creator-profile-card>strong{
    margin-top:6px!important;
    color:#677482!important;
}
.creator-profile-card p{
    margin-top:15px!important;
    padding-top:14px!important;
    border-top-color:#e8edf1!important;
    color:#556371!important;
}

@media (max-width:900px){
    body #creator_home .creator-hero{
        background:#ffffff!important;
    }
    body #creator_home .creator-hero-bg:after{display:none!important}
    body #creator_home .creator-hero-copy{
        width:100%!important;
        padding:0 0 0 17px!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }
    body #creator_home .creator-hero-copy:before{
        left:0!important;
        top:2px!important;
        width:3px!important;
        height:84px!important;
    }
    body #creator_home .creator-eyebrow{
        display:block!important;
        margin:0 0 7px!important;
        padding:0!important;
        min-height:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        color:#4d6172!important;
        font-size:11px!important;
        line-height:1.35!important;
    }
    body #creator_home .creator-hero h1{
        color:#20262d!important;
        text-shadow:none!important;
    }
    body #creator_home .creator-hero-desc{
        color:#566371!important;
        font-weight:400!important;
    }
    body #creator_home .creator-profile-card{
        border:1px solid #e0e7ed!important;
        background:rgba(255,255,255,.96)!important;
        box-shadow:0 12px 28px rgba(31,54,75,.09)!important;
    }
}

/* ==========================================================
   White + Dark Gray + Blue v5 / desktop hero balance
   - PC에서 비어 보이던 중앙 화이트 영역을 줄이고
   - 좌측 카피 / 중앙 프로필 / 우측 차량 비주얼의 3분할 균형을 강화
   - 모바일(900px 이하)은 기존 스타일 유지
   2026-09-13
   ========================================================== */
@media (min-width:901px){
    body #creator_home .creator-hero{
        height:420px!important;
        background:#fff!important;
        border-bottom:1px solid #e4ebf0!important;
    }

    body #creator_home .creator-hero{
        --tc-hero-gradient-desktop:
            linear-gradient(90deg,
                #ffffff 0%,
                #ffffff 25%,
                rgba(255,255,255,.98) 34%,
                rgba(255,255,255,.90) 43%,
                rgba(255,255,255,.62) 52%,
                rgba(255,255,255,.24) 61%,
                rgba(255,255,255,.04) 70%,
                rgba(255,255,255,0) 78%);
    }

    body #creator_home .creator-hero-bg{
        background-position:right center!important;
        background-size:auto 145%!important;
    }

    body #creator_home .creator-hero-bg:after{
        content:'';
        display:block!important;
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        pointer-events:none;
        background:
            linear-gradient(90deg,rgba(231,246,255,.34) 0%,rgba(245,251,255,.16) 29%,rgba(255,255,255,0) 53%),
            radial-gradient(circle at 29% 44%,rgba(0,120,200,.07) 0%,rgba(0,120,200,.025) 28%,rgba(0,120,200,0) 56%);
    }

    body #creator_home .creator-hero-inner{
        position:relative;
        width:calc(100% - 64px)!important;
        max-width:1500px!important;
        margin:0 auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
    }

    body #creator_home .creator-hero-copy{
        position:relative;
        z-index:3;
        flex:0 0 455px;
        width:455px!important;
        padding-left:24px!important;
    }

    body #creator_home .creator-hero-copy:before{
        top:4px!important;
        height:122px!important;
    }

    body #creator_home .creator-eyebrow{
        margin-bottom:9px!important;
        font-size:14px!important;
    }

    body #creator_home .creator-hero h1{
        font-size:50px!important;
        line-height:1.06!important;
        letter-spacing:-3.2px!important;
    }

    body #creator_home .creator-hero-desc{
        max-width:470px!important;
        margin-top:18px!important;
        font-size:15px!important;
        line-height:1.72!important;
    }

    body #creator_home .creator-hero-actions{
        margin-top:25px!important;
    }

    body #creator_home .creator-profile-card{
        position:absolute!important;
        z-index:5;
        left:51%!important;
        top:50%!important;
        transform:translate(-50%,-50%)!important;
        width:286px!important;
        padding:22px 24px 20px!important;
        border:1px solid rgba(214,226,235,.96)!important;
        border-radius:15px!important;
        background:rgba(255,255,255,.965)!important;
        box-shadow:0 18px 45px rgba(30,59,82,.16)!important;
        backdrop-filter:blur(2px);
    }

    body #creator_home .creator-profile-card img{
        width:96px!important;
        height:96px!important;
    }

    body #creator_home .creator-profile-card h2{
        margin-top:12px!important;
        font-size:20px!important;
    }

    body #creator_home .creator-profile-card>strong{
        margin-top:5px!important;
        font-size:13px!important;
    }

    body #creator_home .creator-profile-card p{
        margin-top:13px!important;
        padding-top:13px!important;
        line-height:1.65!important;
        font-size:12.5px!important;
    }

    body #creator_home .creator-profile-more{
        margin-top:10px!important;
    }
}

/* 일반 노트북 폭에서는 카드와 카피가 겹치지 않도록 한 단계 압축 */
@media (min-width:901px) and (max-width:1280px){
    body #creator_home .creator-hero{
        height:400px!important;
    }
    body #creator_home .creator-hero-bg{
        background-size:auto 132%!important;
    }
    body #creator_home .creator-hero-inner{
        width:calc(100% - 40px)!important;
    }
    body #creator_home .creator-hero-copy{
        flex-basis:410px;
        width:410px!important;
        padding-left:20px!important;
    }
    body #creator_home .creator-hero h1{
        font-size:44px!important;
    }
    body #creator_home .creator-hero-desc{
        max-width:410px!important;
        font-size:14px!important;
    }
    body #creator_home .creator-profile-card{
        left:54%!important;
        width:260px!important;
        padding:20px 20px 18px!important;
    }
}

/* ==========================================================
   White + Dark Gray + Blue v6 / desktop hero mockup-2 match
   - 2번 시안 기준: 좌측 카피 + 중앙 프로필 + 우측 차량이 한 장면으로 연결
   - 배경 gradient와 hero.jpg의 background-size를 각각 분리하여
     기존 PC에서 보이던 수직 경계/넓은 빈 흰 영역 제거
   - 모바일(900px 이하)은 기존 상태 유지
   2026-09-13
   ========================================================== */
@media (min-width:901px){
    body #creator_home .creator-hero{
        height:380px!important;
        background:#f8fcff!important;
        border-bottom:1px solid #e4ebf0!important;
        --tc-hero-gradient-desktop:
            linear-gradient(90deg,
                rgba(255,255,255,1) 0%,
                rgba(253,254,255,.995) 24%,
                rgba(246,251,255,.985) 35%,
                rgba(238,248,254,.94) 44%,
                rgba(242,249,253,.78) 52%,
                rgba(248,252,255,.52) 59%,
                rgba(255,255,255,.23) 66%,
                rgba(255,255,255,.06) 72%,
                rgba(255,255,255,0) 78%);
    }

    /* 중요: gradient는 전체 폭, 차량 이미지만 별도 크기로 지정 */
    body #creator_home .creator-hero-bg{
        background-image:var(--tc-hero-gradient-desktop),url('../../img/creator/hero.jpg')!important;
        background-repeat:no-repeat,no-repeat!important;
        background-size:100% 100%,auto 160%!important;
        background-position:left top,right 48%!important;
    }

    /* 좌측의 차가운 블루 기운과 중앙 연결감을 추가 */
    body #creator_home .creator-hero-bg:after{
        content:'';
        display:block!important;
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        pointer-events:none;
        background:
            radial-gradient(ellipse at 29% 48%,rgba(79,185,238,.12) 0%,rgba(79,185,238,.055) 28%,rgba(79,185,238,0) 54%),
            linear-gradient(90deg,rgba(231,247,255,.20) 0%,rgba(241,250,255,.10) 39%,rgba(255,255,255,0) 64%);
    }

    body #creator_home .creator-hero-inner{
        position:relative;
        width:calc(100% - 64px)!important;
        max-width:1500px!important;
        height:100%!important;
        margin:0 auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
    }

    body #creator_home .creator-hero-copy{
        position:relative;
        z-index:3;
        flex:0 0 445px!important;
        width:445px!important;
        padding-left:24px!important;
    }

    body #creator_home .creator-hero-copy:before{
        top:3px!important;
        height:116px!important;
    }

    body #creator_home .creator-eyebrow{
        margin-bottom:8px!important;
        font-size:14px!important;
    }

    body #creator_home .creator-hero h1{
        font-size:48px!important;
        line-height:1.055!important;
        letter-spacing:-3.1px!important;
    }

    body #creator_home .creator-hero-desc{
        max-width:445px!important;
        margin-top:17px!important;
        font-size:15px!important;
        line-height:1.7!important;
    }

    body #creator_home .creator-hero-actions{
        margin-top:24px!important;
    }

    body #creator_home .creator-profile-card{
        position:absolute!important;
        z-index:5;
        left:50.2%!important;
        top:50%!important;
        transform:translate(-50%,-50%)!important;
        width:260px!important;
        padding:18px 20px 17px!important;
        border:1px solid rgba(214,226,235,.96)!important;
        border-radius:14px!important;
        background:rgba(255,255,255,.965)!important;
        box-shadow:0 16px 38px rgba(31,54,75,.15)!important;
        backdrop-filter:blur(2px);
    }

    body #creator_home .creator-profile-card img{
        width:88px!important;
        height:88px!important;
    }

    body #creator_home .creator-profile-card h2{
        margin-top:10px!important;
        font-size:19px!important;
    }

    body #creator_home .creator-profile-card>strong{
        margin-top:4px!important;
        font-size:12.5px!important;
    }

    body #creator_home .creator-profile-card p{
        margin-top:11px!important;
        padding-top:11px!important;
        font-size:12px!important;
        line-height:1.6!important;
    }

    body #creator_home .creator-profile-more{
        margin-top:8px!important;
        font-size:12px!important;
    }
}

/* 1280px 이하 PC/노트북에서도 같은 3분할 인상을 유지 */
@media (min-width:901px) and (max-width:1280px){
    body #creator_home .creator-hero{
        height:360px!important;
    }
    body #creator_home .creator-hero-bg{
        background-size:100% 100%,auto 112%!important;
        background-position:left top,right center!important;
    }
    body #creator_home .creator-hero-inner{
        width:calc(100% - 40px)!important;
    }
    body #creator_home .creator-hero-copy{
        flex-basis:385px!important;
        width:385px!important;
        padding-left:20px!important;
    }
    body #creator_home .creator-hero h1{
        font-size:43px!important;
    }
    body #creator_home .creator-hero-desc{
        max-width:385px!important;
        font-size:14px!important;
    }
    body #creator_home .creator-profile-card{
        left:50.2%!important;
        width:240px!important;
        padding:17px 18px 16px!important;
    }
    body #creator_home .creator-profile-card img{
        width:82px!important;
        height:82px!important;
    }
}

/* ==========================================================
   White + Dark Gray + Blue v8 / desktop hero compact balance
   - v7의 3분할 구조는 유지
   - PC 히어로가 과하게 넓고 차량이 크게 보이는 부분만 한 단계 압축
   - 모바일(900px 이하)은 기존 상태 유지
   2026-09-13
   ========================================================== */
@media (min-width:901px){
    body #creator_home .creator-hero{
        height:350px!important;
    }

    body #creator_home .creator-hero-bg{
        background-size:100% 100%,auto 138%!important;
        background-position:left top,right 49%!important;
    }

    body #creator_home .creator-hero-inner{
        width:calc(100% - 72px)!important;
        max-width:1400px!important;
    }

    body #creator_home .creator-hero-copy{
        flex-basis:420px!important;
        width:420px!important;
    }

    body #creator_home .creator-hero h1{
        font-size:46px!important;
    }

    body #creator_home .creator-hero-desc{
        max-width:420px!important;
        margin-top:15px!important;
    }

    body #creator_home .creator-hero-actions{
        margin-top:21px!important;
    }

    body #creator_home .creator-profile-card{
        width:248px!important;
        padding:17px 19px 16px!important;
    }

    body #creator_home .creator-profile-card img{
        width:84px!important;
        height:84px!important;
    }
}

@media (min-width:901px) and (max-width:1280px){
    body #creator_home .creator-hero{
        height:340px!important;
    }
    body #creator_home .creator-hero-bg{
        background-size:100% 100%,auto 108%!important;
        background-position:left top,right center!important;
    }
    body #creator_home .creator-hero-inner{
        width:calc(100% - 44px)!important;
    }
    body #creator_home .creator-hero-copy{
        flex-basis:375px!important;
        width:375px!important;
    }
    body #creator_home .creator-hero h1{
        font-size:41px!important;
    }
    body #creator_home .creator-profile-card{
        width:232px!important;
    }
}

/* ==========================================================
   White + Dark Gray + Blue v9 / desktop hero actual width compact
   - 내부 폭만이 아니라 히어로 박스 자체의 PC 최대폭을 제한
   - 1840px 전후 화면에서 좌우 여백이 실제로 보이도록 중앙 정렬
   - 모바일(900px 이하)은 영향 없음
   2026-09-13
   ========================================================== */
@media (min-width:901px){
    body #creator_home .creator-hero{
        width:calc(100% - 48px)!important;
        max-width:1500px!important;
        height:340px!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }

    body #creator_home .creator-hero-inner{
        width:calc(100% - 56px)!important;
        max-width:1280px!important;
    }

    body #creator_home .creator-hero-copy{
        flex-basis:390px!important;
        width:390px!important;
        padding-left:18px!important;
    }

    body #creator_home .creator-hero h1{
        font-size:44px!important;
    }

    body #creator_home .creator-hero-desc{
        max-width:390px!important;
    }

    body #creator_home .creator-profile-card{
        left:50%!important;
        width:240px!important;
    }

    body #creator_home .creator-hero-bg{
        background-size:100% 100%,auto 130%!important;
        background-position:left top,right 50%!important;
    }
}

@media (min-width:901px) and (max-width:1280px){
    body #creator_home .creator-hero{
        width:calc(100% - 28px)!important;
        max-width:none!important;
        height:330px!important;
    }
    body #creator_home .creator-hero-inner{
        width:calc(100% - 36px)!important;
    }
    body #creator_home .creator-hero-copy{
        flex-basis:360px!important;
        width:360px!important;
    }
    body #creator_home .creator-hero h1{
        font-size:40px!important;
    }
    body #creator_home .creator-profile-card{
        width:226px!important;
    }
}

/* ==========================================================
   White + Dark Gray + Blue v10 / desktop hero one-step smaller
   - v9 실제 폭 제한 구조 유지
   - PC 히어로 폭/높이만 한 단계 더 축소
   - 모바일(900px 이하)은 영향 없음
   2026-09-13
   ========================================================== */
@media (min-width:901px){
    body #creator_home .creator-hero{
        width:calc(100% - 48px)!important;
        max-width:1380px!important;
        height:320px!important;
    }

    body #creator_home .creator-hero-inner{
        width:calc(100% - 52px)!important;
        max-width:1180px!important;
    }

    body #creator_home .creator-hero-copy{
        flex-basis:365px!important;
        width:365px!important;
        padding-left:14px!important;
    }

    body #creator_home .creator-hero h1{
        font-size:42px!important;
    }

    body #creator_home .creator-hero-desc{
        max-width:365px!important;
        margin-top:13px!important;
    }

    body #creator_home .creator-hero-actions{
        margin-top:18px!important;
    }

    body #creator_home .creator-profile-card{
        width:226px!important;
        padding:15px 17px 14px!important;
    }

    body #creator_home .creator-profile-card img{
        width:78px!important;
        height:78px!important;
    }

    body #creator_home .creator-hero-bg{
        background-size:100% 100%,auto 126%!important;
        background-position:left top,right 50%!important;
    }
}

@media (min-width:901px) and (max-width:1280px){
    body #creator_home .creator-hero{
        width:calc(100% - 28px)!important;
        max-width:none!important;
        height:315px!important;
    }
    body #creator_home .creator-hero-inner{
        width:calc(100% - 34px)!important;
    }
    body #creator_home .creator-hero-copy{
        flex-basis:350px!important;
        width:350px!important;
    }
    body #creator_home .creator-hero h1{
        font-size:39px!important;
    }
    body #creator_home .creator-profile-card{
        width:218px!important;
    }
}

/* ==========================================================
   White + Dark Gray + Blue v11 / consult CTA arrow spacing
   - 상담 신청하기 텍스트와 우측 화살표 간격 보정
   - 다른 버튼/레이아웃 영향 없음
   2026-09-13
   ========================================================== */
body #creator_home .creator-consult-panel .creator-btn > i.fa-angle-right{
    margin-left:8px!important;
    margin-right:0!important;
}

/* ==========================================================
   White + Dark Gray + Blue v12 / subhero image reveal + search modal
   - 추천차량 / 커뮤니티 / 문의: 좌측 텍스트 가독성은 유지하면서 우측 이미지 노출 확대
   - 전체 차량 검색: 현재 화이트+블루 테마에 맞는 라이트 모달로 통일
   - 원본 배너 좌측에 포함된 이미지 텍스트가 비치지 않도록 불투명 구간은 유지
   2026-09-13
   ========================================================== */
:root{
    --tc-global-search-bg:#ffffff;
    --tc-global-search-border:#d5e2ec;
    --tc-global-search-title:#20272e;
    --tc-global-search-muted:#657382;
    --tc-global-search-close:#667482;
    --tc-global-search-close-hover:#0078c8;
    --tc-global-search-button-bg:#0078c8;
    --tc-global-search-button-hover:#0067ad;
    --tc-global-search-button-text:#ffffff;
}

/* PC: 추천차량 / 커뮤니티 / 문의 배너 이미지 영역 확대 */
@media (min-width:901px){
    html body .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend{
        background-image:
            linear-gradient(90deg,
                rgba(var(--tc-subhero-rgb),1) 0%,
                rgba(var(--tc-subhero-rgb),1) 46%,
                rgba(var(--tc-subhero-rgb),.96) 50%,
                rgba(var(--tc-subhero-rgb),.72) 58%,
                rgba(var(--tc-subhero-rgb),.36) 67%,
                rgba(var(--tc-subhero-rgb),.10) 78%,
                rgba(var(--tc-subhero-rgb),.02) 91%,
                rgba(var(--tc-subhero-rgb),0) 100%),
            url('../../img/creator/subhero_recommend.webp')!important;
        background-position:center center!important;
        background-size:cover!important;
        background-repeat:no-repeat!important;
    }

    html body .creator-board-hero{
        background-image:
            linear-gradient(90deg,
                rgba(var(--tc-subhero-rgb),1) 0%,
                rgba(var(--tc-subhero-rgb),1) 43%,
                rgba(var(--tc-subhero-rgb),.92) 48%,
                rgba(var(--tc-subhero-rgb),.60) 56%,
                rgba(var(--tc-subhero-rgb),.27) 66%,
                rgba(var(--tc-subhero-rgb),.07) 77%,
                rgba(var(--tc-subhero-rgb),0) 90%),
            url('../../img/creator/subhero_community.webp')!important;
        background-position:center center!important;
        background-size:cover!important;
        background-repeat:no-repeat!important;
    }

    html body .creator-qa-hero{
        background-image:
            linear-gradient(90deg,
                rgba(var(--tc-subhero-rgb),1) 0%,
                rgba(var(--tc-subhero-rgb),1) 43%,
                rgba(var(--tc-subhero-rgb),.92) 48%,
                rgba(var(--tc-subhero-rgb),.60) 56%,
                rgba(var(--tc-subhero-rgb),.27) 66%,
                rgba(var(--tc-subhero-rgb),.07) 77%,
                rgba(var(--tc-subhero-rgb),0) 90%),
            url('../../img/creator/subhero_contact.webp')!important;
        background-position:center center!important;
        background-size:cover!important;
        background-repeat:no-repeat!important;
    }

    html body .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>h1,
    html body .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>p,
    html body .creator-board-hero>h1,
    html body .creator-board-hero>p,
    html body .creator-qa-hero>h1,
    html body .creator-qa-hero>p{
        max-width:47%!important;
    }
}

/* 전체검색: 화이트 + 블루 테마 동기화 (PC / 모바일 공통) */
html body .creator-global-search-layer{
    background:rgba(25,34,43,.56)!important;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
}
html body .creator-global-search-box{
    border:1px solid var(--tc-global-search-border)!important;
    background:var(--tc-global-search-bg)!important;
    color:var(--tc-global-search-title)!important;
    box-shadow:0 24px 70px rgba(28,48,66,.24),0 0 0 1px rgba(var(--tc-accent-rgb),.04) inset!important;
}
html body .creator-global-search-box>strong{
    color:var(--tc-global-search-title)!important;
}
html body .creator-global-search-box>p{
    color:var(--tc-global-search-muted)!important;
}
html body .creator-global-search-close{
    color:var(--tc-global-search-close)!important;
}
html body .creator-global-search-close:hover,
html body .creator-global-search-close:focus{
    color:var(--tc-global-search-close-hover)!important;
}
html body .creator-global-search-box form{
    border-color:var(--tc-accent)!important;
    background:#ffffff!important;
    box-shadow:0 3px 12px rgba(30,58,81,.06)!important;
}
html body .creator-global-search-box form:focus-within{
    box-shadow:0 0 0 3px rgba(var(--tc-accent-rgb),.14),0 4px 14px rgba(30,58,81,.08)!important;
}
html body .creator-global-search-box input{
    background:#ffffff!important;
    color:#20272e!important;
}
html body .creator-global-search-box input::placeholder{
    color:#8a96a2!important;
    opacity:1!important;
}
html body .creator-global-search-box form button{
    background:var(--tc-global-search-button-bg)!important;
    color:var(--tc-global-search-button-text)!important;
}
html body .creator-global-search-box form button:hover,
html body .creator-global-search-box form button:focus{
    background:var(--tc-global-search-button-hover)!important;
    color:var(--tc-global-search-button-text)!important;
}

/* ==========================================================
   White + Dark Gray + Blue v13 / recently viewed subhero sync
   - 최근 본 차량 상단 배너를 현재 라이트 테마와 통일
   - 좌측 텍스트 가독성 유지 + 우측 차량 이미지 노출
   - PC / 모바일 모두 적용
   2026-09-13
   ========================================================== */
html body .creator-recent-page .creator-subpage-hero{
    border:1px solid var(--tc-hero-border)!important;
    background:
        linear-gradient(90deg,
            rgba(var(--tc-subhero-rgb),1) 0%,
            rgba(var(--tc-subhero-rgb),1) 42%,
            rgba(var(--tc-subhero-rgb),.96) 49%,
            rgba(var(--tc-subhero-rgb),.74) 58%,
            rgba(var(--tc-subhero-rgb),.42) 67%,
            rgba(var(--tc-subhero-rgb),.14) 79%,
            rgba(var(--tc-subhero-rgb),.02) 92%,
            rgba(var(--tc-subhero-rgb),0) 100%),
        url('../../img/creator/hero.jpg') 78% 56% / cover no-repeat!important;
    color:var(--tc-hero-title)!important;
}
html body .creator-recent-page .creator-subpage-hero:after{
    display:none!important;
}
html body .creator-recent-page .creator-subpage-hero>span{
    color:var(--tc-accent)!important;
}
html body .creator-recent-page .creator-subpage-hero>h1{
    color:var(--tc-hero-title)!important;
    text-shadow:none!important;
}
html body .creator-recent-page .creator-subpage-hero>p{
    max-width:48%!important;
    color:var(--tc-hero-copy)!important;
    text-shadow:none!important;
}

@media (max-width:900px){
    html body .creator-recent-page .creator-subpage-hero{
        background:
            linear-gradient(90deg,
                rgba(var(--tc-subhero-rgb),1) 0%,
                rgba(var(--tc-subhero-rgb),.99) 43%,
                rgba(var(--tc-subhero-rgb),.90) 55%,
                rgba(var(--tc-subhero-rgb),.58) 69%,
                rgba(var(--tc-subhero-rgb),.18) 86%,
                rgba(var(--tc-subhero-rgb),0) 100%),
            url('../../img/creator/hero.jpg') 70% 54% / auto 145% no-repeat!important;
        border-color:var(--tc-hero-border)!important;
    }
    html body .creator-recent-page .creator-subpage-hero>p{
        max-width:72%!important;
    }
}

/* ==========================================================
   White + Dark Gray + Blue v14 / generic usedcar subhero sync
   - 전체검색 / 국산차 / 수입차 상단 배너를 현재 라이트 테마와 통일
   - 좌측 텍스트 가독성 유지 + 우측 차량 이미지 노출 확대
   - 추천차량 / 최근 본 차량 전용 배너와는 분리 적용
   2026-09-13
   ========================================================== */
html body .creator-usedcar-list-page .creator-subpage-hero:not(.creator-subpage-hero-recommend){
    border:1px solid var(--tc-hero-border)!important;
    background:
        linear-gradient(90deg,
            rgba(var(--tc-subhero-rgb),1) 0%,
            rgba(var(--tc-subhero-rgb),1) 42%,
            rgba(var(--tc-subhero-rgb),.97) 48%,
            rgba(var(--tc-subhero-rgb),.78) 57%,
            rgba(var(--tc-subhero-rgb),.46) 67%,
            rgba(var(--tc-subhero-rgb),.18) 78%,
            rgba(var(--tc-subhero-rgb),.04) 91%,
            rgba(var(--tc-subhero-rgb),0) 100%),
        url('../../img/creator/hero.jpg') 78% 56% / cover no-repeat!important;
    color:var(--tc-hero-title)!important;
}
html body .creator-usedcar-list-page .creator-subpage-hero:not(.creator-subpage-hero-recommend):after{
    display:none!important;
}
html body .creator-usedcar-list-page .creator-subpage-hero:not(.creator-subpage-hero-recommend)>span{
    color:var(--tc-accent)!important;
    text-shadow:none!important;
}
html body .creator-usedcar-list-page .creator-subpage-hero:not(.creator-subpage-hero-recommend)>h1{
    color:var(--tc-hero-title)!important;
    text-shadow:none!important;
}
html body .creator-usedcar-list-page .creator-subpage-hero:not(.creator-subpage-hero-recommend)>p{
    max-width:48%!important;
    color:var(--tc-hero-copy)!important;
    text-shadow:none!important;
}

@media (max-width:900px){
    html body .creator-usedcar-list-page .creator-subpage-hero:not(.creator-subpage-hero-recommend){
        background:
            linear-gradient(90deg,
                rgba(var(--tc-subhero-rgb),1) 0%,
                rgba(var(--tc-subhero-rgb),.99) 43%,
                rgba(var(--tc-subhero-rgb),.91) 55%,
                rgba(var(--tc-subhero-rgb),.60) 69%,
                rgba(var(--tc-subhero-rgb),.20) 86%,
                rgba(var(--tc-subhero-rgb),0) 100%),
            url('../../img/creator/hero.jpg') 70% 54% / auto 145% no-repeat!important;
        border-color:var(--tc-hero-border)!important;
    }
    html body .creator-usedcar-list-page .creator-subpage-hero:not(.creator-subpage-hero-recommend)>p{
        max-width:72%!important;
    }
}