:root{
    --site-navy:#0c1b34;
    --site-blue:#2458d7;
    --site-blue-2:#3e6be0;
    --site-text:#172033;
    --site-muted:#6f798b;
    --site-line:#e3e8f0;
    --site-bg:#f7f9fc;
    --site-white:#fff;
    --site-max:1240px;
    --site-radius:26px;
    --site-shadow:0 24px 70px rgba(18,34,70,.11)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.site-body{
    margin:0;
    background:var(--site-bg);
    color:var(--site-text);
    font-family:
        Pretendard,
        "Noto Sans KR",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    line-height:1.72
}
a{color:inherit}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}
.site-header{
    position:absolute;
    inset:0 0 auto 0;
    z-index:40;
    border-bottom:1px solid rgba(255,255,255,.14)
}
.site-header__inner{
    width:min(var(--site-max),calc(100% - 48px));
    min-height:104px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:34px
}
.site-brand{
    display:block;
    width:min(430px,38vw)
}
.site-brand img{
    display:block;
    width:100%;
    height:auto
}
.site-main-nav{
    display:flex;
    align-items:stretch;
    align-self:stretch;
    gap:4px
}
.site-main-nav__item{
    position:relative;
    display:flex;
    align-items:center
}
.site-main-nav__button{
    height:100%;
    min-width:108px;
    padding:0 20px;
    border:0;
    background:transparent;
    color:#fff;
    font:inherit;
    font-size:18px;
    font-weight:700;
    cursor:pointer
}
.site-main-nav__item.is-current
.site-main-nav__button,
.site-main-nav__button:hover{
    background:rgba(255,255,255,.08)
}
.site-main-nav__dropdown{
    position:absolute;
    top:calc(100% + 0px);
    left:50%;
    width:210px;
    padding:14px;
    transform:translate(-50%,12px);
    border:1px solid var(--site-line);
    border-radius:0 0 18px 18px;
    background:#fff;
    box-shadow:0 20px 46px rgba(15,28,58,.16);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.18s ease
}
.site-main-nav__item:hover
.site-main-nav__dropdown,
.site-main-nav__item:focus-within
.site-main-nav__dropdown{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0)
}
.site-main-nav__dropdown a{
    display:block;
    padding:10px 13px;
    border-radius:10px;
    color:#4f586a;
    text-decoration:none;
    font-size:15px;
    font-weight:600
}
.site-main-nav__dropdown a:hover{
    background:#f1f5ff;
    color:var(--site-blue)
}
.site-main-nav__dropdown a.is-disabled{
    color:#b7bec9;
    cursor:default;
    pointer-events:none
}
.site-menu-toggle{
    display:none;
    width:46px;
    height:46px;
    padding:10px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:12px;
    background:rgba(5,17,38,.22)
}
.site-menu-toggle span:not(.sr-only){
    display:block;
    height:2px;
    margin:5px 0;
    border-radius:99px;
    background:#fff
}
.page-hero{
    position:relative;
    min-height:420px;
    overflow:hidden;
    color:#fff;
    background-image:
        linear-gradient(
            180deg,
            rgba(4,15,34,.20) 0%,
            rgba(4,15,34,.46) 100%
        ),
        url("../images/sub/sub_01bg.jpg");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.page-hero::before,
.page-hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none
}
.page-hero::before{
    background:none;
    opacity:0
}
.page-hero::after{
    background:linear-gradient(
        to bottom,
        rgba(3,11,28,.10),
        rgba(3,11,28,.38)
    )
}
.page-hero__inner{
    position:relative;
    z-index:2;
    width:min(var(--site-max),calc(100% - 48px));
    min-height:420px;
    margin:0 auto;
    padding-top:145px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center
}
.page-hero__eyebrow{
    margin:0 0 12px;
    color:#b8caf9;
    font-size:14px;
    font-weight:800;
    letter-spacing:.14em
}
.page-hero h1{
    margin:0;
    font-size:clamp(38px,5vw,64px);
    line-height:1.12;
    letter-spacing:-.045em
}
.page-hero p{
    max-width:760px;
    margin:18px auto 0;
    color:rgba(255,255,255,.78);
    font-size:17px
}
.subnav{
    position:relative;
    z-index:5;
    border-bottom:1px solid var(--site-line);
    background:#fff
}
.subnav__inner{
    width:min(var(--site-max),calc(100% - 48px));
    min-height:86px;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:22px
}
.subnav__home{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border:1px solid var(--site-line);
    border-radius:12px;
    color:var(--site-blue);
    text-decoration:none;
    font-size:19px
}
.subnav__section{
    padding-right:26px;
    border-right:1px solid var(--site-line);
    font-weight:700
}
.subnav__current{
    min-width:220px;
    padding:14px 24px;
    border-radius:999px;
    background:linear-gradient(
        135deg,
        var(--site-blue),
        var(--site-blue-2)
    );
    color:#fff;
    font-weight:800
}
.page-main{
    width:min(var(--site-max),calc(100% - 48px));
    margin:0 auto;
    padding:88px 0 120px
}
.greeting-intro{
    margin-bottom:56px
}
.greeting-intro__kicker{
    margin:0 0 15px;
    color:var(--site-blue);
    font-weight:900;
    letter-spacing:.04em
}
.greeting-intro h2{
    max-width:920px;
    margin:0;
    font-size:clamp(36px,5vw,60px);
    line-height:1.17;
    letter-spacing:-.055em
}
.greeting-intro h2 strong{
    color:var(--site-blue)
}
.greeting-intro__sub{
    margin:18px 0 0;
    color:var(--site-muted);
    font-size:19px
}
.greeting-card{
    display:grid;
    grid-template-columns:minmax(300px,390px) 1fr;
    gap:58px;
    align-items:start;
    padding:48px;
    border:1px solid var(--site-line);
    border-radius:var(--site-radius);
    background:#fff;
    box-shadow:var(--site-shadow)
}
.greeting-photo{
    position:sticky;
    top:24px;
    overflow:hidden;
    border-radius:22px;
    background:#f0f3f8
}
.greeting-photo img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:413/531;
    object-fit:cover
}
.greeting-photo__caption{
    padding:20px 22px 22px;
    border-top:1px solid var(--site-line);
    background:#fff
}
.greeting-photo__caption strong{
    display:block;
    font-size:21px
}
.greeting-photo__caption span{
    display:block;
    margin-top:4px;
    color:var(--site-muted);
    font-size:14px
}
.greeting-copy__lead{
    margin:0 0 30px;
    font-size:clamp(23px,3vw,31px);
    line-height:1.45;
    font-weight:800;
    letter-spacing:-.035em
}
.greeting-copy__content{
    color:#3e4758;
    font-size:17px;
    line-height:1.95
}
.greeting-copy__content p{
    margin:0 0 21px
}
.greeting-signature{
    margin-top:38px;
    padding-top:28px;
    border-top:1px solid var(--site-line);
    text-align:right
}
.greeting-signature span{
    display:block;
    color:var(--site-muted);
    font-size:14px
}
.greeting-signature strong{
    display:block;
    margin-top:7px;
    font-size:22px
}
.page-placeholder{
    padding:68px 28px;
    border:1px solid var(--site-line);
    border-radius:var(--site-radius);
    background:#fff;
    text-align:center
}
.page-placeholder h2{
    margin:0 0 10px
}
.page-placeholder p{
    margin:0;
    color:var(--site-muted)
}
.site-footer{
    background:#0b1629;
    color:rgba(255,255,255,.7)
}
.site-footer__inner{
    width:min(var(--site-max),calc(100% - 48px));
    margin:0 auto;
    padding:40px 0
}
.site-footer__brand{
    color:#fff;
    font-size:17px;
    font-weight:800
}
.site-footer__meta{
    margin-top:10px;
    font-size:13px;
    line-height:1.8
}
@media(max-width:1080px){
    .site-header__inner{
        min-height:88px
    }
    .site-brand{
        width:min(350px,46vw)
    }
    .site-menu-toggle{
        display:block
    }
    .site-main-nav{
        position:absolute;
        top:88px;
        left:24px;
        right:24px;
        display:none;
        height:auto;
        max-height:calc(100vh - 110px);
        padding:14px;
        overflow:auto;
        border-radius:18px;
        background:#fff;
        box-shadow:0 25px 60px rgba(4,15,37,.24)
    }
    .site-main-nav.is-open{
        display:block
    }
    .site-main-nav__item{
        display:block
    }
    .site-main-nav__button{
        width:100%;
        height:auto;
        padding:15px 14px;
        color:var(--site-text);
        text-align:left
    }
    .site-main-nav__dropdown{
        position:static;
        width:auto;
        padding:0 10px 12px 22px;
        transform:none;
        border:0;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        pointer-events:auto
    }
    .site-main-nav__item:hover
    .site-main-nav__dropdown{
        transform:none
    }
    .greeting-card{
        grid-template-columns:300px 1fr;
        gap:36px;
        padding:34px
    }
}
@media(max-width:760px){
    .site-header__inner,
    .page-hero__inner,
    .subnav__inner,
    .page-main,
    .site-footer__inner{
        width:min(100% - 32px,var(--site-max))
    }
    .site-brand{
        width:min(275px,66vw)
    }
    .page-hero,
    .page-hero__inner{
        min-height:340px
    }
    .page-hero__inner{
        padding-top:105px
    }
    .subnav__inner{
        min-height:74px;
        gap:12px
    }
    .subnav__section{
        display:none
    }
    .subnav__current{
        min-width:0;
        flex:1
    }
    .page-main{
        padding:62px 0 84px
    }
    .greeting-card{
        grid-template-columns:1fr;
        padding:24px
    }
    .greeting-photo{
        position:static;
        width:min(100%,360px);
        margin:0 auto
    }
    .greeting-copy__content{
        font-size:16px
    }
}


/* v1.31: migrated non-board pages */
.legacy-page-content{
    width:100%;
    min-width:0;
}
.legacy-page-content img{
    max-width:100%;
    height:auto;
}
.legacy-page-content iframe{
    max-width:100%;
}
.legacy-page-content table{
    max-width:100%;
}
@media(max-width:760px){
    .legacy-page-content{
        overflow-x:hidden;
    }
}


/* ==========================================================
   v1.33 소비자마당
   - sub03_01 ~ sub03_04 원문 구조/문구 유지
   - 새 사이트 안에서의 가독성/반응형만 보완
   ========================================================== */
.legacy-page-content .rental-guide,
.consumer-faq-wrap,
.consumer-terms-wrap,
.consumer-dispute-wrap{
    width:100%;
    min-width:0;
}
.rental-guide .rg-container{
    width:100%;
    margin:0 auto;
}
.rental-guide .rg-section{
    margin:0 0 54px;
}
.rental-guide .rg-sec-title{
    margin:0 0 22px;
    color:var(--site-text);
    font-size:30px;
    line-height:1.3;
    letter-spacing:-.04em;
}
.rental-guide .rg-feature-cards{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
.rental-guide .rg-card{
    min-height:220px;
    padding:28px 24px;
    border:1px solid var(--site-line);
    border-radius:20px;
    background:#fff;
    box-shadow:0 12px 34px rgba(18,34,70,.06);
}
.rental-guide .rg-card-icon,
.rental-guide .step-ico{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    margin-bottom:16px;
    border-radius:14px;
    background:#eef4ff;
    color:var(--site-blue);
}
.rental-guide .rg-card-icon svg,
.rental-guide .step-ico svg,
.rental-guide .li-ico svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.rental-guide .rg-card h3{
    margin:0 0 9px;
    font-size:20px;
}
.rental-guide .rg-card p{
    margin:0;
    color:#626d80;
    line-height:1.75;
}
.rental-guide .rg-list{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.rental-guide .rg-list li{
    display:flex;
    gap:16px;
    padding:22px;
    border:1px solid var(--site-line);
    border-radius:18px;
    background:#fff;
}
.rental-guide .li-ico{
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#eef4ff;
    color:var(--site-blue);
}
.rental-guide .li-body strong{
    display:block;
    margin-bottom:6px;
    font-size:18px;
}
.rental-guide .li-body p{
    margin:0;
    color:#505b6d;
    line-height:1.75;
}
.rental-guide .li-body .rg-sub{
    margin-top:5px;
    color:#778194;
    font-size:14px;
}
.rental-guide .rg-table-wrap{
    width:100%;
    overflow:auto;
    border:1px solid var(--site-line);
    border-radius:18px;
    background:#fff;
}
.rental-guide .rg-table{
    width:100%;
    min-width:720px;
    border-collapse:collapse;
}
.rental-guide .rg-table th,
.rental-guide .rg-table td{
    padding:17px 18px;
    border-bottom:1px solid var(--site-line);
    text-align:left;
    vertical-align:top;
    line-height:1.75;
}
.rental-guide .rg-table th{
    background:#f7f9fc;
    color:#263148;
    font-weight:800;
}
.rental-guide .rg-table tbody tr:last-child td{
    border-bottom:0;
}
.rental-guide .rg-table ul{
    margin:0;
    padding-left:18px;
}
.rental-guide .rg-table p{
    margin:0;
}
.rental-guide .rg-note{
    margin:13px 0 0;
    color:#747f91;
    font-size:14px;
    line-height:1.7;
}
.rental-guide .rg-bullets{
    margin:0;
    padding:24px 28px 24px 46px;
    border:1px solid var(--site-line);
    border-radius:18px;
    background:#fff;
}
.rental-guide .rg-bullets li{
    margin:8px 0;
    line-height:1.8;
}

/* FAQ 원본 스타일과 새 사이트 여백 조정 */
.consumer-faq-wrap .faq-section{
    max-width:100%;
    padding-top:0;
}
.consumer-faq-wrap .faq-title{
    font-size:30px;
    letter-spacing:-.035em;
}
.consumer-faq-wrap .faq-list{
    list-style:none;
    padding-left:0;
}
.consumer-faq-wrap .faq-item{
    box-shadow:0 7px 24px rgba(18,34,70,.04);
}
.consumer-faq-wrap .faq-btn{
    font-family:inherit;
}

/* 표준약관 보완 */
.consumer-terms-wrap .Article_02{
    --sticky-top:24px !important;
    --article-body-max:68vh !important;
}
.consumer-terms-wrap .Article_02 .articleHead{
    position:sticky;
    top:16px;
    z-index:10;
    margin:0 auto 20px;
}
.consumer-terms-wrap .Article_02 #Article{
    max-width:100%;
    margin:0 auto;
}
.consumer-terms-wrap .Article_02 .articleText{
    margin:0 0 22px;
    font-size:15px;
    line-height:1.85;
    color:#364154;
}
.consumer-terms-wrap .Article_02 .articleText h5{
    margin:0 0 10px;
    padding:0;
    font-size:18px;
    line-height:1.55;
    color:#182339;
}
.consumer-terms-wrap .Article_02 .articleBox{
    margin:12px 0;
    padding:16px 18px;
    border-radius:12px;
    background:#f7f9fc;
}
.consumer-terms-wrap .Article_02 .articleBox ul{
    margin:0;
    padding-left:20px;
}
.consumer-terms-wrap .Article_02 .articleBox li{
    margin:5px 0;
}
.consumer-terms-wrap .Article_02 .tar{
    text-align:right;
}
.consumer-terms-wrap .Article_02 .tar img{
    max-width:160px;
}
.consumer-terms-wrap .Article_02 .articleBtn a{
    background:var(--site-blue);
    border-color:var(--site-blue) !important;
    color:#fff !important;
    font-weight:800;
}
.consumer-terms-wrap .Article_02 .articleTitle{
    margin-top:24px;
    padding:11px 14px !important;
    border-radius:10px;
    background:#eef4ff;
    color:var(--site-blue) !important;
    font-size:17px !important;
}

/* 소비자분쟁해결기준 */
.consumer-dispute-wrap #dispute-std{
    max-width:100%;
    margin:0 auto;
}
.consumer-dispute-wrap #dispute-std h4{
    font-size:30px;
    letter-spacing:-.035em;
}
.consumer-dispute-wrap .dispute-table{
    min-width:780px;
}

@media(max-width:980px){
    .rental-guide .rg-feature-cards{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:760px){
    .rental-guide .rg-feature-cards,
    .rental-guide .rg-list{
        grid-template-columns:1fr;
    }
    .rental-guide .rg-section{
        margin-bottom:42px;
    }
    .rental-guide .rg-sec-title,
    .consumer-faq-wrap .faq-title,
    .consumer-dispute-wrap #dispute-std h4{
        font-size:25px;
    }
    .rental-guide .rg-card{
        min-height:0;
    }
    .consumer-terms-wrap .Article_02 .articleHead{
        position:static;
        display:block;
    }
    .consumer-terms-wrap .Article_02 .articleHead .articleBtn{
        margin:12px 0 0;
    }
    .consumer-terms-wrap .Article_02 #Article{
        max-height:none !important;
    }
}


/* ==========================================================
   v1.34 회원사마당 일반 페이지
   ========================================================== */
.member-business-change-wrap,
.member-unreturned-wrap,
.member-traffic-safety-wrap{
    width:100%;
    min-width:0;
}
.member-business-change-wrap .subContent_in,
.member-unreturned-wrap #agree-wrap,
.member-traffic-safety-wrap .safe_02{
    max-width:100%;
}
.member-business-change-wrap table,
.member-unreturned-wrap table,
.member-traffic-safety-wrap table{
    max-width:100%;
}
.member-business-change-wrap .safe_request,
.member-unreturned-wrap .consultBtn,
.member-traffic-safety-wrap .safe_request{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.member-business-change-wrap a,
.member-unreturned-wrap a,
.member-traffic-safety-wrap a{
    overflow-wrap:anywhere;
}
@media(max-width:760px){
    .member-business-change-wrap .subContent_in{
        margin:0 auto;
    }
    .member-business-change-wrap .safe .safe_02,
    .member-unreturned-wrap #agree-wrap .consultAgree_01,
    .member-unreturned-wrap #agree-wrap .consultAgree_02{
        padding:18px;
    }
    .member-business-change-wrap .consultWrite2,
    .member-unreturned-wrap .tbl-wrap,
    .member-traffic-safety-wrap .safe02-grid{
        overflow-x:auto;
    }
    .member-business-change-wrap .safe_request a,
    .member-unreturned-wrap .consultBtn a,
    .member-traffic-safety-wrap .safe_request a{
        width:100%;
        justify-content:center;
        margin-left:0 !important;
        margin-right:0 !important;
    }
}

/* v1.37 member utility links */
.site-header__inner{position:relative}.site-account-nav{position:absolute;top:10px;right:0;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:rgba(255,255,255,.82)}.site-account-nav a{color:inherit;text-decoration:none}.site-account-nav a:hover{color:#fff}.site-mobile-account{display:none}@media(max-width:1180px){.site-account-nav{display:none}}@media(max-width:1080px){.site-mobile-account{display:flex;gap:8px;margin-top:10px;padding:14px 10px 4px;border-top:1px solid var(--site-line)}.site-mobile-account a{flex:1;padding:11px 12px;border-radius:10px;background:#f2f5fa;color:#344054;text-align:center;text-decoration:none;font-size:14px;font-weight:750}}


/* ==========================================================
   SCRA v1.40
   메인 상단 회원메뉴 클릭 영역 보정
   주 메뉴가 투명하게 겹치면서 로그인/로그아웃 링크 클릭을
   가로채는 문제를 방지합니다.
   ========================================================== */
.site-account-nav{
    z-index:300;
    pointer-events:auto;
}
.site-account-nav a{
    position:relative;
    z-index:301;
    pointer-events:auto;
}
.site-main-nav{
    position:relative;
    z-index:20;
}


/* ==========================================================
   SCRA v1.41
   상단 회원 링크 클릭 영역 완전 분리
   ========================================================== */
@media(min-width:1181px){
    .site-header__inner{
        position:relative;
    }

    .site-account-nav{
        top:12px;
        right:0;
        min-height:28px;
        display:flex;
        align-items:center;
        z-index:9999;
        pointer-events:auto;
    }

    .site-account-nav a{
        display:inline-flex;
        align-items:center;
        min-height:28px;
        position:relative;
        z-index:10000;
        pointer-events:auto;
    }

    /*
     * 기존에는 주 메뉴가 header 전체 높이(104px)를 차지해
     * 화면상 위쪽 회원 링크 영역까지 투명한 버튼 박스가 겹쳤습니다.
     * 이제 주 메뉴 자체를 header 아래 72px 영역으로 제한합니다.
     */
    .site-main-nav{
        align-self:flex-end;
        height:72px;
        margin-top:32px;
        position:relative;
        z-index:30;
    }

    .site-main-nav__item{
        height:72px;
    }

    .site-main-nav__button{
        height:72px;
    }
}


/* ==========================================================
   SCRA v1.47 header / local navigation polish
   ========================================================== */
.site-main-nav__dropdown{
    width:230px;
    padding:12px;
}
.site-main-nav__dropdown a{
    position:relative;
}
.site-main-nav__dropdown a.is-current{
    background:#eef4ff;
    color:var(--site-blue);
    font-weight:850;
}
.site-main-nav__dropdown a.is-current::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    bottom:9px;
    width:3px;
    border-radius:999px;
    background:var(--site-blue);
}
.section-local-nav{
    position:relative;
    z-index:4;
    border-bottom:1px solid var(--site-line);
    background:#f8fafc;
}
.section-local-nav__inner{
    width:min(var(--site-max),calc(100% - 48px));
    min-height:62px;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:6px;
    overflow-x:auto;
    scrollbar-width:none;
}
.section-local-nav__inner::-webkit-scrollbar{
    display:none;
}
.section-local-nav a{
    flex:0 0 auto;
    padding:9px 14px;
    border-radius:999px;
    color:#667085;
    text-decoration:none;
    font-size:14px;
    font-weight:750;
    white-space:nowrap;
}
.section-local-nav a:hover{
    background:#eef3fb;
    color:#344054;
}
.section-local-nav a.is-current{
    background:#172b4d;
    color:#fff;
}
.section-local-nav a.is-disabled{
    opacity:.36;
    pointer-events:none;
}

@media(max-width:760px){
    .section-local-nav__inner{
        width:100%;
        padding:0 16px;
    }
}


/* ==========================================================
   SCRA v1.47.2 서브메뉴 드롭다운 구조 교정
   기준: 기존 홈페이지의
   [홈] [1차 메뉴 ▼] | [현재 메뉴 ▼] 구조
   ========================================================== */

/* v1.47에서 잘못 추가했던 가로 하위메뉴는 사용하지 않음 */
.section-local-nav{
    display:none!important;
}

.subnav{
    position:relative;
    z-index:120;
    overflow:visible;
    border-bottom:1px solid #e4e8ef;
    background:#fff;
}

.subnav__inner{
    width:min(var(--site-max),calc(100% - 48px));
    min-height:92px;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:0;
    overflow:visible;
}

.subnav__home{
    width:52px;
    height:52px;
    flex:0 0 52px;
    display:grid;
    place-items:center;
    border:1px solid #dce3ec;
    border-radius:12px;
    background:#fff;
    color:var(--site-blue);
    text-decoration:none;
}

.subnav__home svg{
    width:21px;
    height:21px;
}

.subnav__divider{
    width:1px;
    height:30px;
    flex:0 0 1px;
    margin:0 18px;
    background:#dfe4ec;
}

.subnav-select{
    position:relative;
    overflow:visible;
}

.subnav-select__button{
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:0 24px;
    border:0;
    border-radius:999px;
    background:transparent;
    color:#172033;
    font:inherit;
    font-size:16px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
    cursor:pointer;
}

.subnav-select__button svg{
    width:16px;
    height:16px;
    flex:0 0 16px;
    transition:transform .18s ease;
}

.subnav-select.is-open .subnav-select__button svg{
    transform:rotate(180deg);
}

.subnav-select--section .subnav-select__button{
    min-width:190px;
    background:#fff;
}

.subnav-select--current .subnav-select__button{
    min-width:280px;
    padding-left:34px;
    padding-right:28px;
    background:linear-gradient(
        135deg,
        var(--site-blue),
        var(--site-blue-2)
    );
    color:#fff;
}

.subnav-select__menu{
    position:absolute;
    top:100%;
    left:0;
    z-index:500;
    display:none;
    width:max-content;
    min-width:100%;
    max-width:min(420px,calc(100vw - 32px));
    padding:12px;
    border:1px solid #dce3ec;
    border-radius:0 0 16px 16px;
    background:#fff;
    box-shadow:0 18px 38px rgba(20,34,61,.14);
}

.subnav-select.is-open > .subnav-select__menu{
    display:block;
}

.subnav-select--section .subnav-select__menu{
    min-width:230px;
}

.subnav-select--current .subnav-select__menu{
    min-width:330px;
}

.subnav-select__menu a{
    display:block;
    padding:12px 14px;
    border-radius:9px;
    color:#344054;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    line-height:1.45;
    word-break:keep-all;
}

.subnav-select__menu a:hover{
    background:#f2f6ff;
    color:var(--site-blue);
}

.subnav-select__menu a.is-current{
    background:#eef4ff;
    color:var(--site-blue);
    font-weight:900;
}

.subnav-select__menu a.is-disabled{
    opacity:.35;
    pointer-events:none;
}

@media(max-width:760px){
    .subnav__inner{
        width:100%;
        min-height:78px;
        padding:0 16px;
        gap:10px;
        overflow:visible;
    }

    .subnav__home{
        width:46px;
        height:46px;
        flex-basis:46px;
    }

    .subnav__divider{
        height:26px;
        margin:0 2px;
    }

    .subnav-select__button{
        min-height:46px;
        gap:10px;
        padding:0 14px;
        font-size:14px;
    }

    .subnav-select--section .subnav-select__button{
        min-width:0;
    }

    .subnav-select--current{
        min-width:0;
        flex:1;
    }

    .subnav-select--current .subnav-select__button{
        min-width:0;
        width:100%;
        padding-left:18px;
        padding-right:16px;
    }

    .subnav-select--current .subnav-select__button span,
    .subnav-select--section .subnav-select__button span{
        max-width:190px;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .subnav-select--section .subnav-select__menu{
        left:-54px;
        min-width:220px;
    }

    .subnav-select--current .subnav-select__menu{
        right:0;
        left:auto;
        min-width:min(330px,calc(100vw - 32px));
    }
}

@media(max-width:520px){
    .subnav-select--section .subnav-select__button span{
        max-width:92px;
    }

    .subnav-select--current .subnav-select__button span{
        max-width:140px;
    }
}


/* =========================================================
   v1.51 Footer + Quick menu
========================================================= */
.site-footer.site-footer--hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    margin-top:72px;
    background:#0a0b0d;
    color:#fff;
}
.site-footer.site-footer--hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(rgba(4,7,10,.68),rgba(4,7,10,.72)),
        url('https://images.unsplash.com/photo-1493238792000-8113da705763?q=80&w=1920&auto=format&fit=crop') center/cover no-repeat;
    filter:saturate(.82) brightness(.82);
}
.site-footer__wrap{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:42px 0 52px}
.site-footer__sections{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid rgba(255,255,255,.16);margin-bottom:22px}
.site-footer__col{min-height:330px;padding:18px 24px 24px;border-left:1px solid rgba(255,255,255,.14)}
.site-footer__col:first-child{border-left:0}
.site-footer__col h4{margin:0 0 16px;color:#fff;font-size:18px;font-weight:900}
.site-footer__col ul{list-style:none;margin:0;padding:0}
.site-footer__col li{margin:0 0 10px}
.site-footer__col a{color:rgba(255,255,255,.72);font-size:14px;line-height:1.5;text-decoration:none;word-break:keep-all}
.site-footer__col a:hover{color:#fff}
.site-footer__family{display:flex;justify-content:flex-end;margin:18px 0 42px}
.site-footer__family-panel{position:relative}
.site-footer__family-trigger{appearance:none;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(0,0,0,.15);color:#fff;padding:11px 15px;font:inherit;font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.site-footer__family-trigger svg{width:15px;height:15px;transition:transform .18s ease}
.site-footer__family-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.site-footer__family-list{position:absolute;right:0;bottom:calc(100% + 8px);z-index:10;display:none;width:300px;max-height:360px;overflow:auto;padding:8px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(5,8,12,.95);box-shadow:0 18px 42px rgba(0,0,0,.3);backdrop-filter:blur(8px)}
.site-footer__family-list.is-open{display:block}
.site-footer__family-list a{display:block;padding:10px 9px;border-bottom:1px dashed rgba(255,255,255,.08);color:rgba(255,255,255,.75);font-size:13px;text-decoration:none}
.site-footer__family-list a:last-child{border-bottom:0}.site-footer__family-list a:hover{color:#fff;background:rgba(255,255,255,.06)}
.site-footer__meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:rgba(255,255,255,.72);font-size:13px;line-height:1.8;margin-top:4px}.site-footer__meta-row strong{color:#fff}.site-footer__label{color:rgba(255,255,255,.56)}.site-footer__sep{opacity:.4;margin:0 12px}
.site-footer__policies{display:flex;gap:10px;margin-top:26px}.site-footer__policies a{padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.75);font-size:13px;font-weight:800;text-decoration:none}.site-footer__policies a:hover{color:#fff;border-color:rgba(255,255,255,.35)}
.site-footer__copyright{margin-top:24px;color:rgba(255,255,255,.48);font-size:13px}

.scra-quick{position:fixed;right:18px;top:50%;z-index:1300;transform:translateY(-50%);transition:transform .22s ease}
.scra-quick__panel{width:126px;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 14px 36px rgba(0,15,45,.22);border:1px solid rgba(31,67,128,.09)}
.scra-quick__toggle{position:absolute;left:-44px;top:44%;width:44px;height:92px;border:0;border-radius:16px 0 0 16px;background:#07142b;color:#fff;font:inherit;font-size:14px;font-weight:900;writing-mode:vertical-rl;letter-spacing:1px;cursor:pointer}
.scra-quick__item{width:100%;min-height:104px;padding:12px 8px;border:0;border-bottom:1px solid #e9edf3;background:#fff;color:#0d1930;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;font:inherit;cursor:pointer}
.scra-quick__item:last-child{border-bottom:0}.scra-quick__item:hover{background:#f5f8ff;color:#1f58d6}.scra-quick__item svg{width:27px;height:27px;fill:none;stroke:#315fd4;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.scra-quick__item strong{font-size:13px;line-height:1.35;font-weight:900}.scra-quick__item small{font-size:10px;line-height:1.35;color:#667085}.scra-quick__top{min-height:78px}.scra-quick.is-collapsed{transform:translate(calc(100% + 18px),-50%)}.scra-quick.is-collapsed .scra-quick__toggle{left:-44px;border-radius:16px 0 0 16px}
@media(max-width:1280px){.site-footer__wrap{width:min(1120px,calc(100% - 40px))}.site-footer__col{padding-left:16px;padding-right:16px}.scra-quick{right:8px}}
@media(max-width:1060px){.site-footer__sections{grid-template-columns:repeat(3,1fr)}.site-footer__col{min-height:0;border-top:1px solid rgba(255,255,255,.14)}.site-footer__col:nth-child(1),.site-footer__col:nth-child(2),.site-footer__col:nth-child(3){border-top:0}.site-footer__col:nth-child(4){border-left:0}.scra-quick{display:none}}
@media(max-width:700px){.site-footer__wrap{width:calc(100% - 32px);padding:34px 0 40px}.site-footer__sections{grid-template-columns:repeat(2,1fr)}.site-footer__col:nth-child(3){border-top:1px solid rgba(255,255,255,.14);border-left:0}.site-footer__col:nth-child(4){border-left:1px solid rgba(255,255,255,.14)}.site-footer__col:nth-child(5){border-left:0}.site-footer__family{justify-content:flex-start}.site-footer__family-list{left:0;right:auto;width:min(300px,calc(100vw - 48px))}.site-footer__sep{display:none}.site-footer__meta-row{align-items:flex-start;flex-direction:column;gap:2px}.site-footer__policies{flex-wrap:wrap}}

/* ==========================================================
   SCRA v1.52
   PC 상단 GNB 드롭다운 단일 오픈 + 레이어 가림 보정
   ========================================================== */
@media(min-width:1081px){
    /*
     * subnav(120), quick(1300)보다 GNB를 위에 둬서
     * 긴 회원사마당 메뉴가 서브네비에 가려지지 않도록 함.
     */
    .site-header{
        z-index:2200;
        overflow:visible;
    }
    .site-header__inner,
    .site-main-nav,
    .site-main-nav__item{
        overflow:visible;
    }
    .site-main-nav__dropdown{
        z-index:2210;
    }

    /*
     * focus-within만으로 열린 메뉴가 계속 남아 두 개 이상이
     * 동시에 보이는 현상을 막는다. JS의 is-open 또는 현재 hover만 사용.
     */
    .site-main-nav__item:focus-within .site-main-nav__dropdown{
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translate(-50%,12px);
    }
    .site-main-nav__item:hover .site-main-nav__dropdown,
    .site-main-nav__item.is-open .site-main-nav__dropdown{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translate(-50%,0);
    }
}


/* ==========================================================
   SCRA v1.53
   Chrome cache / homepage footer + quick menu hardening
   ========================================================== */

/* 새 푸터가 과거 공통 스타일의 ul/li 규칙에 밀리지 않도록 명시적으로 리셋 */
.site-footer.site-footer--hero .site-footer__sections,
.site-footer.site-footer--hero .site-footer__sections ul,
.site-footer.site-footer--hero .site-footer__sections li{
    list-style:none !important;
    margin-top:0;
}
.site-footer.site-footer--hero .site-footer__sections ul{
    margin:0 !important;
    padding:0 !important;
}
.site-footer.site-footer--hero .site-footer__sections li{
    padding:0 !important;
}
.site-footer.site-footer--hero .site-footer__sections a{
    text-decoration:none !important;
}

/* PC에서는 과거 quick/RW 규칙이 있어도 SCRA 퀵메뉴를 반드시 노출 */
@media(min-width:1061px){
    .scra-quick[data-scra-quick]{
        display:block !important;
        position:fixed !important;
        right:18px !important;
        top:50% !important;
        left:auto !important;
        bottom:auto !important;
        z-index:3000 !important;
        width:auto !important;
        height:auto !important;
        transform:translateY(-50%) !important;
        visibility:visible !important;
        opacity:1 !important;
    }
    .scra-quick[data-scra-quick].is-collapsed{
        transform:translate(calc(100% + 18px),-50%) !important;
    }
    .scra-quick[data-scra-quick] .scra-quick__panel{
        display:block !important;
    }
}

/* GNB 드롭다운은 서브네비/퀵보다 위에서 보이도록 다시 고정 */
@media(min-width:1081px){
    .site-header{
        z-index:4200 !important;
        overflow:visible !important;
    }
    .site-header__inner,
    .site-main-nav,
    .site-main-nav__item{
        overflow:visible !important;
    }
    .site-main-nav__dropdown{
        z-index:4210 !important;
    }
}


/* ==========================================================
   SCRA v1.54
   사업안내 페이지 전용 풀블리드 렌더링
   ========================================================== */
.page-main.page-main--business{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}
.page-main--business .legacy-page-content{
    width:100%;
    overflow:visible;
}

/* SCRA v1.55: 사업안내 이미지 자산을 /scra-renewal/assets/images/business/ 로 이전 */


/* ==========================================================
   SCRA v1.58 — Unified Public Design System
   전체 서브페이지 / 게시판 / 민원 / 푸터 / 퀵메뉴 통일
   ========================================================== */

:root{
    --site-bg:#f6f8fb;
    --site-line:#e4e9f1;
    --site-muted:#707b8f;
    --site-radius:20px;
    --site-shadow:0 12px 36px rgba(18,34,70,.065);
}

/* Header: 조금 더 정돈된 높이 */
@media(min-width:1081px){
    .site-header__inner{
        min-height:96px;
    }
    .site-brand{
        width:min(405px,36vw);
    }
    .site-main-nav__button{
        min-width:102px;
        padding:0 17px;
        font-size:17px;
    }
}

/* Sub-page hero: 너무 높지 않게 통일 */
.page-hero,
.page-hero__inner{
    min-height:360px;
}
.page-hero__inner{
    padding-top:118px;
}
.page-hero__eyebrow{
    margin-bottom:9px;
    font-size:13px;
}
.page-hero h1{
    font-size:clamp(38px,4.6vw,56px);
}
.page-hero p{
    margin-top:14px;
    font-size:16px;
}

/* Middle subnav: 86px -> 72px */
.subnav__inner{
    min-height:72px;
    gap:16px;
}
.subnav__home{
    width:44px;
    height:44px;
    border-radius:11px;
}
.subnav__section{
    padding-right:20px;
}
.subnav__current{
    min-width:210px;
    padding:12px 20px;
}

/* v1.47.3 button-based subnav */
.subnav-select__button{
    min-height:44px !important;
}
.subnav-select--section .subnav-select__button{
    min-width:170px !important;
    padding:10px 16px !important;
}
.subnav-select--current .subnav-select__button{
    min-width:230px !important;
    padding:10px 18px !important;
}
.subnav-select__menu{
    border-radius:14px !important;
    box-shadow:0 14px 38px rgba(15,28,58,.12) !important;
}

/* 일반 정적 페이지 시작 여백 */
.page-main{
    padding-top:68px;
    padding-bottom:100px;
}

/* 공통 흰색 콘텐츠 카드 */
.page-placeholder,
.greeting-card{
    border-radius:20px;
    box-shadow:0 10px 30px rgba(18,34,70,.055);
}

/* Footer: 메뉴가 너무 길고 무겁지 않게 */
.site-footer.site-footer--hero{
    margin-top:56px !important;
}
.site-footer__wrap{
    padding-top:34px !important;
    padding-bottom:42px !important;
}
.site-footer__sections{
    margin-bottom:16px !important;
}
.site-footer__col{
    min-height:270px !important;
    padding:14px 20px 20px !important;
}
.site-footer__col h4{
    margin-bottom:13px !important;
    font-size:16px !important;
}
.site-footer__col li{
    margin-bottom:8px !important;
}
.site-footer__col a{
    font-size:13px !important;
    line-height:1.45 !important;
}
.site-footer__family{
    margin:14px 0 30px !important;
}
.site-footer__meta-row{
    font-size:12.5px !important;
}
.site-footer__policies{
    margin-top:20px !important;
}
.site-footer__copyright{
    margin-top:18px !important;
}

/* Quick menu: 콘텐츠를 덜 가리도록 10~15% 축소 */
@media(min-width:1061px){
    .scra-quick[data-scra-quick]{
        right:12px !important;
    }
    .scra-quick__panel{
        width:110px !important;
        border-radius:15px !important;
        box-shadow:0 12px 30px rgba(0,15,45,.17) !important;
    }
    .scra-quick__toggle{
        left:-38px !important;
        width:38px !important;
        height:80px !important;
        border-radius:14px 0 0 14px !important;
        font-size:13px !important;
    }
    .scra-quick__item{
        min-height:90px !important;
        padding:10px 6px !important;
        gap:5px !important;
    }
    .scra-quick__item svg{
        width:24px !important;
        height:24px !important;
    }
    .scra-quick__item strong{
        font-size:12px !important;
    }
    .scra-quick__item small{
        font-size:9px !important;
    }
    .scra-quick__top{
        min-height:68px !important;
    }
}

/* Tablet/mobile */
@media(max-width:760px){
    .page-hero,
    .page-hero__inner{
        min-height:300px;
    }
    .page-hero__inner{
        padding-top:92px;
    }
    .page-hero h1{
        font-size:36px;
    }
    .subnav__inner{
        min-height:66px;
    }
    .page-main{
        padding-top:46px;
        padding-bottom:74px;
    }
}


/* ==========================================================
   SCRA v1.59 — PC GNB 드롭다운 디자인 통일
   ========================================================== */
@media(min-width:1081px){
    .site-main-nav{gap:0}
    .site-main-nav__button{
        min-width:104px;
        padding:0 17px;
        letter-spacing:-.02em;
    }
    .site-main-nav__dropdown{
        left:50%;
        width:248px;
        max-height:calc(100vh - 118px);
        overflow-y:auto;
        padding:12px;
        border:1px solid #e3e7ed;
        border-top:3px solid rgba(49,89,189,.20);
        border-radius:0 0 10px 10px;
        background:rgba(255,255,255,.985);
        box-shadow:0 18px 38px rgba(14,28,56,.13);
        scrollbar-width:thin;
        scrollbar-color:#d7dde7 transparent;
    }
    .site-main-nav__item--wide .site-main-nav__dropdown{
        width:300px;
    }
    .site-main-nav__dropdown a{
        min-height:43px;
        display:flex;
        align-items:center;
        padding:9px 13px;
        border-radius:8px;
        color:#677184;
        font-size:14.5px;
        font-weight:650;
        line-height:1.45;
        letter-spacing:-.025em;
        word-break:keep-all;
    }
    .site-main-nav__dropdown a + a{margin-top:2px}
    .site-main-nav__dropdown a:hover,
    .site-main-nav__dropdown a.is-current{
        background:#f1f5ff;
        color:#2458d7;
    }
    .site-main-nav__dropdown a.is-current{
        font-weight:850;
    }
    .site-main-nav__dropdown a.is-current::before{
        width:3px;
        height:18px;
        border-radius:99px;
        background:#2458d7;
    }
}


/* ==========================================================
   SCRA v1.60 — 상단 로고 축소 + 페이지 자료 다운로드
   ========================================================== */

/* 상단 로고를 기존보다 약 15~20% 작게 */
@media(min-width:1081px){
    .site-brand{
        width:min(335px,30vw) !important;
        flex:0 0 auto;
    }
}
@media(min-width:761px) and (max-width:1080px){
    .site-brand{
        width:min(300px,42vw) !important;
    }
}
@media(max-width:760px){
    .site-brand{
        width:min(230px,58vw) !important;
    }
}

/* 일반 페이지 관리자 첨부자료 출력 */
.page-downloads{
    width:100%;
    margin:34px 0 0;
    padding:24px;
    border:1px solid #e2e8f0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 26px rgba(18,34,70,.04);
}
.page-downloads__title{
    margin:0 0 14px;
    color:#172238;
    font-size:20px;
    font-weight:850;
    letter-spacing:-.025em;
}
.page-downloads__list{
    display:grid;
    gap:9px;
    margin:0;
    padding:0;
    list-style:none;
}
.page-downloads__item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:58px;
    padding:12px 14px;
    border:1px solid #edf0f5;
    border-radius:12px;
    background:#f9fbfd;
}
.page-downloads__copy{
    min-width:0;
}
.page-downloads__copy strong{
    display:block;
    color:#253047;
    font-size:15px;
    line-height:1.45;
}
.page-downloads__copy small{
    display:block;
    margin-top:3px;
    color:#7d8798;
    font-size:12px;
}
.page-downloads__button{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 14px;
    border-radius:9px;
    background:#2458d7;
    color:#fff !important;
    font-size:13px;
    font-weight:800;
    text-decoration:none !important;
}
@media(max-width:640px){
    .page-downloads{
        padding:18px;
        border-radius:14px;
    }
    .page-downloads__item{
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
    }
    .page-downloads__button{
        width:100%;
    }
}


/* ==========================================================
   SCRA v1.66 — Site-wide typography refinement
   큰 제목은 유지하고 본문/카드/리스트/보조정보 가독성 상향
   ========================================================== */

body.site-body{
    font-size:16px;
}

/* Header / GNB */
.site-main-nav__dropdown a{
    font-size:15.5px !important;
}
.site-account-nav{
    font-size:13px !important;
}

/* Sub-page hero / middle navigation */
.page-hero p{
    font-size:18px !important;
    line-height:1.7;
}
.subnav-select__button{
    font-size:16.5px !important;
}
.subnav-select__menu a{
    font-size:15px !important;
}

/* General page content */
.page-main{
    font-size:16px;
}
.greeting-intro__kicker{
    font-size:15px;
}
.greeting-intro__sub{
    font-size:19px;
}
.greeting-photo__caption span{
    font-size:15px;
}
.greeting-copy__content{
    font-size:18px !important;
    line-height:1.85;
}
.greeting-copy__content p{
    line-height:1.85;
}

/* Migrated/static content inherits a more readable baseline */
.legacy-page-content{
    font-size:16px;
}
.legacy-page-content p,
.legacy-page-content li{
    line-height:1.75;
}

/* Consumer pages */
.rental-guide .rg-card p,
.rental-guide .li-body p,
.rental-guide .rg-table td,
.rental-guide .rg-table th,
.rental-guide .rg-bullets li{
    font-size:16px;
}
.rental-guide .li-body .rg-sub,
.rental-guide .rg-note{
    font-size:15px;
}
.consumer-terms-wrap .Article_02 .articleText{
    font-size:16px !important;
}
.consumer-terms-wrap .Article_02 .articleText h5{
    font-size:19px !important;
}

/* Member-service migrated pages */
.member-business-change-wrap,
.member-unreturned-wrap,
.member-traffic-safety-wrap{
    font-size:16px;
}
.member-business-change-wrap p,
.member-business-change-wrap li,
.member-business-change-wrap td,
.member-business-change-wrap th,
.member-unreturned-wrap p,
.member-unreturned-wrap li,
.member-unreturned-wrap td,
.member-unreturned-wrap th,
.member-traffic-safety-wrap p,
.member-traffic-safety-wrap li,
.member-traffic-safety-wrap td,
.member-traffic-safety-wrap th{
    font-size:15.5px !important;
    line-height:1.72 !important;
}

/* Page downloads */
.page-downloads__copy strong{
    font-size:16px !important;
}
.page-downloads__copy small{
    font-size:13px !important;
}
.page-downloads__button{
    font-size:14px !important;
}

/* Footer: compact layout stays, readability increases */
.site-footer__col h4{
    font-size:17px !important;
}
.site-footer__col a{
    font-size:14px !important;
    line-height:1.55 !important;
}
.site-footer__family-trigger{
    font-size:14px !important;
}
.site-footer__family-list a{
    font-size:13.5px !important;
}
.site-footer__meta-row{
    font-size:13.5px !important;
}
.site-footer__policies a{
    font-size:13.5px !important;
}
.site-footer__copyright{
    font-size:13px !important;
}

/* Quick menu — still slim, but text is easier to scan */
@media(min-width:1061px){
    .scra-quick__item strong{
        font-size:13px !important;
    }
    .scra-quick__item small{
        font-size:10px !important;
    }
}

/* Mobile minimum readability */
@media(max-width:760px){
    body.site-body{
        font-size:15px;
    }
    .page-hero p{
        font-size:16px !important;
    }
    .subnav-select__button{
        font-size:15px !important;
    }
    .subnav-select__menu a{
        font-size:14.5px !important;
    }
    .greeting-copy__content{
        font-size:16.5px !important;
    }
    .legacy-page-content{
        font-size:15px;
    }
    .member-business-change-wrap p,
    .member-business-change-wrap li,
    .member-business-change-wrap td,
    .member-business-change-wrap th,
    .member-unreturned-wrap p,
    .member-unreturned-wrap li,
    .member-unreturned-wrap td,
    .member-unreturned-wrap th,
    .member-traffic-safety-wrap p,
    .member-traffic-safety-wrap li,
    .member-traffic-safety-wrap td,
    .member-traffic-safety-wrap th{
        font-size:14.5px !important;
    }
}


/* ==========================================================
   SCRA v1.68 — Mobile / tablet final QA
   공개사이트: 터치, 오버플로우, 헤더, 서브내비, 본문, 푸터
   ========================================================== */

/* 공통: 긴 콘텐츠가 모바일 화면을 밀어내지 않게 */
.site-body,
.page-main,
.legacy-page-content,
.greeting-copy,
.page-downloads{
    min-width:0;
}
.legacy-page-content img,
.legacy-page-content video,
.legacy-page-content iframe,
.greeting-copy__content img{
    max-width:100%;
    height:auto;
}
.legacy-page-content iframe{
    width:100%;
}
.legacy-page-content table{
    max-width:100%;
}

/* Tablet */
@media(max-width:1080px){
    .site-header{
        position:relative;
    }
    .site-header__inner{
        min-height:82px !important;
    }
    .site-main-nav{
        top:82px !important;
        left:16px !important;
        right:16px !important;
        max-height:calc(100dvh - 100px) !important;
        padding:10px 12px 14px !important;
        border-radius:16px !important;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
    }
    .site-main-nav__button{
        min-height:48px;
        padding:13px 12px !important;
        font-size:16px;
    }
    .site-main-nav__dropdown{
        padding:0 8px 10px 18px !important;
    }
    .site-main-nav__dropdown a{
        min-height:42px;
        display:flex;
        align-items:center;
        padding:9px 11px !important;
        font-size:14.5px !important;
        line-height:1.45;
    }
    .site-mobile-account a{
        min-height:44px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
}

/* Mobile */
@media(max-width:760px){
    .site-header__inner{
        width:calc(100% - 28px) !important;
        min-height:74px !important;
    }
    .site-brand{
        width:min(218px,62vw) !important;
    }
    .site-menu-toggle{
        width:44px;
        height:44px;
        min-width:44px;
        min-height:44px;
    }
    .site-main-nav{
        top:74px !important;
        left:10px !important;
        right:10px !important;
        max-height:calc(100dvh - 86px) !important;
    }

    /* Hero는 모바일에서 과도하게 높지 않게 */
    .page-hero,
    .page-hero__inner{
        min-height:268px !important;
    }
    .page-hero__inner{
        padding-top:78px !important;
    }
    .page-hero h1{
        font-size:clamp(30px,9vw,36px) !important;
        line-height:1.18;
        word-break:keep-all;
    }
    .page-hero p{
        max-width:94%;
        margin-left:auto;
        margin-right:auto;
        font-size:15.5px !important;
        line-height:1.65;
    }

    /* Middle navigation */
    .subnav__inner{
        min-height:64px !important;
        padding:0 12px !important;
        gap:7px !important;
    }
    .subnav__home{
        width:42px !important;
        height:42px !important;
        flex-basis:42px !important;
    }
    .subnav__divider{
        margin:0 !important;
    }
    .subnav-select__button{
        min-height:42px !important;
        padding:0 11px !important;
        font-size:14.5px !important;
    }
    .subnav-select__menu{
        max-height:min(420px,60dvh);
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
    }
    .subnav-select__menu a{
        min-height:42px;
        display:flex;
        align-items:center;
        font-size:14.5px !important;
    }

    .page-main{
        width:calc(100% - 28px) !important;
        padding-top:38px !important;
        padding-bottom:62px !important;
    }
    .legacy-page-content{
        font-size:15px !important;
        overflow-wrap:anywhere;
    }
    .legacy-page-content p,
    .legacy-page-content li{
        line-height:1.72 !important;
    }

    /* 표/긴 콘텐츠는 페이지 전체를 깨지 않고 자체 스크롤 */
    .legacy-page-content .table-wrap,
    .legacy-page-content .table-responsive,
    .legacy-page-content .scroll-table,
    .legacy-page-content [style*="overflow"]{
        max-width:100%;
        -webkit-overflow-scrolling:touch;
    }
    .legacy-page-content table{
        font-size:14px;
    }

    /* 다운로드는 손가락 터치에 충분한 높이 */
    .page-downloads{
        margin-top:26px !important;
        padding:16px !important;
    }
    .page-downloads__title{
        font-size:18px !important;
    }
    .page-downloads__item{
        padding:12px !important;
    }
    .page-downloads__button{
        min-height:44px !important;
        font-size:14px !important;
    }

    /* Footer 모바일 */
    .site-footer.site-footer--hero{
        margin-top:54px !important;
    }
    .site-footer__wrap{
        width:calc(100% - 28px) !important;
        padding-top:30px !important;
        padding-bottom:34px !important;
    }
    .site-footer__sections{
        gap:0;
    }
    .site-footer__col{
        padding:16px 12px !important;
    }
    .site-footer__col h4{
        font-size:16px !important;
    }
    .site-footer__col a{
        min-height:34px;
        display:flex;
        align-items:center;
        font-size:13.5px !important;
    }
    .site-footer__family-trigger{
        min-height:44px;
    }
    .site-footer__meta-row,
    .site-footer__policies{
        line-height:1.65;
    }
}

/* Small phone */
@media(max-width:480px){
    .site-brand{
        width:min(205px,64vw) !important;
    }
    .page-hero,
    .page-hero__inner{
        min-height:248px !important;
    }
    .page-hero__inner{
        padding-top:70px !important;
    }
    .page-hero h1{
        font-size:30px !important;
    }

    /* 작은 화면에서도 두 선택영역을 유지하되 말줄임 */
    .subnav__home{
        width:38px !important;
        height:38px !important;
        flex-basis:38px !important;
    }
    .subnav-select__button{
        min-height:40px !important;
        padding:0 9px !important;
        font-size:14px !important;
    }
    .subnav-select--section .subnav-select__button span{
        max-width:76px !important;
    }
    .subnav-select--current .subnav-select__button span{
        max-width:122px !important;
    }

    .page-main{
        width:calc(100% - 24px) !important;
    }

    /* Footer는 너무 긴 1열 대신 2열을 유지하고 간격만 축소 */
    .site-footer__wrap{
        width:calc(100% - 24px) !important;
    }
    .site-footer__col{
        padding-left:9px !important;
        padding-right:9px !important;
    }
}


/* ==========================================================
   SCRA v1.71 — Public member account dropdown
   이름 대신 업체명 중심으로 표시
   ========================================================== */
.site-account-menu{
    position:relative;
}
.site-account-menu > summary{
    list-style:none;
    display:flex;
    align-items:center;
    gap:6px;
    min-height:30px;
    padding:0 2px;
    color:rgba(255,255,255,.92);
    cursor:pointer;
    user-select:none;
}
.site-account-menu > summary::-webkit-details-marker{
    display:none;
}
.site-account-menu__grade{
    color:rgba(255,255,255,.72);
    font-size:11px;
    font-weight:750;
}
.site-account-menu > summary strong{
    max-width:190px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#fff;
    font-size:13px;
}
.site-account-menu__arrow{
    font-size:10px;
    transition:transform .15s ease;
}
.site-account-menu[open]
.site-account-menu__arrow{
    transform:rotate(180deg);
}
.site-account-menu__dropdown{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    width:168px;
    padding:7px;
    border:1px solid rgba(15,23,42,.10);
    border-radius:12px;
    background:#fff;
    box-shadow:
        0 16px 38px rgba(15,23,42,.18);
    color:#1f2937;
    z-index:11000;
}
.site-account-menu__dropdown a{
    display:flex!important;
    align-items:center;
    min-height:39px!important;
    padding:8px 10px;
    border-radius:8px;
    color:#344054!important;
    font-size:12.5px;
    font-weight:750;
}
.site-account-menu__dropdown a:hover{
    background:#f1f5fb;
    color:#2458d7!important;
}
.site-mobile-account__member{
    grid-column:1/-1;
    padding:5px 4px 2px;
}
.site-mobile-account__member span,
.site-mobile-account__member strong{
    display:block;
}
.site-mobile-account__member span{
    color:#667085;
    font-size:11px;
}
.site-mobile-account__member strong{
    margin-top:2px;
    color:#172033;
    font-size:15px;
    overflow-wrap:anywhere;
}
@media(max-width:1080px){
    .site-mobile-account{
        display:grid!important;
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }
    .site-mobile-account a{
        min-width:0;
    }
}
@media(max-width:520px){
    .site-mobile-account{
        grid-template-columns:1fr;
    }
}

/* SCRA v1.74 — 관리자 페이지 상단 고정 바로가기 */
.site-admin-shortcut{
    position:fixed;
    top:86px;
    right:18px;
    z-index:12050;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:40px;
    padding:0 12px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(10,29,57,.94);
    box-shadow:0 10px 28px rgba(6,23,47,.18);
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:850;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
.site-admin-shortcut svg{
    width:17px;
    height:17px;
    flex:0 0 auto;
}
.site-admin-shortcut b{
    font-size:13px;
    opacity:.75;
}
.site-admin-shortcut:hover{
    background:#2458d7;
    color:#fff;
}
@media(max-width:1080px){
    .site-admin-shortcut{
        top:74px;
        right:12px;
    }
}
@media(max-width:520px){
    .site-admin-shortcut{
        top:70px;
        right:10px;
        min-height:38px;
        padding:0 10px;
    }
    .site-admin-shortcut b{
        display:none;
    }
}