@charset "UTF-8";

:root{
    --sgr-navy:#172643;
    --sgr-blue:#3c5585;
    --sgr-gold:#b89b63;
    --sgr-ink:#0f1728;
    --sgr-muted:#6f7b91;
    --sgr-line:#dce4ef;
    --sgr-soft:#f6f8fb;
    --sgr-blush:#f6eef2;
    --sgr-white:#fff;
    --sgr-font:"Noto Sans KR","Noto Sans",sans-serif;
}

/* youtube-shorts-gap1: add breathing room between YouTube and Shorts */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section{
        padding-bottom:72px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        padding-top:118px!important;
    }
}


@media (max-width:980px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section{
        padding-bottom:42px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        padding-top:82px!important;
    }
}

/* youtube-shorts-gap2: final override for a clearer gap */
@media (min-width:981px){
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        padding-top:128px!important;
    }
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        padding-top:92px!important;
    }
}

/* pc-wide-final: PC YouTube and Shorts use the page width boldly */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid{
        position:relative;
        left:calc(30px + 50% - 50vw)!important;
        width:calc(100vw - 60px)!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        grid-template-columns:minmax(0,1fr) clamp(560px,34vw,680px)!important;
        gap:28px clamp(34px,2.6vw,56px)!important;
        min-height:560px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured .sgr-youtube-thumb{
        min-height:560px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card:not(.is-featured){
        grid-template-columns:clamp(182px,12vw,230px) minmax(0,1fr)!important;
        min-height:118px!important;
        gap:22px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
        width:clamp(182px,12vw,230px)!important;
        aspect-ratio:16/9!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card:not(.is-featured) strong{
        font-size:18px!important;
        line-height:1.44!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-shell{
        position:relative;
        left:calc(30px + 50% - 50vw)!important;
        width:calc(100vw - 60px)!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        grid-template-columns:54px minmax(0,1fr) 54px!important;
        gap:20px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card:last-child{
        flex-basis:clamp(248px,14.6vw,300px)!important;
    }
}

#sgr-renewal .sgr-youtube-head,
#sgr-renewal .sgr-shorts-head{
    display:block!important;
    width:min(1120px,calc(100% - 56px))!important;
    margin:0 auto 62px!important;
    text-align:center!important;
}

#sgr-renewal .sgr-youtube-head>div{
    display:block!important;
}

#sgr-renewal .sgr-youtube-head h2,
#sgr-renewal .sgr-shorts-head h2{
    margin:0 0 18px!important;
    color:#686d73!important;
    font-size:28px!important;
    font-weight:900!important;
    line-height:1.28!important;
    letter-spacing:0!important;
    text-transform:none!important;
}

#sgr-renewal .sgr-youtube-head p,
#sgr-renewal .sgr-shorts-head p{
    margin:0 auto!important;
    color:#7b8086!important;
    font-size:18px!important;
    font-weight:600!important;
    line-height:1.62!important;
}

#sgr-renewal .sgr-youtube-head>a{
    margin:22px auto 0!important;
}

#sgr-renewal .sgr-youtube-card strong,
#sgr-renewal .sgr-youtube-card.is-featured strong,
#sgr-renewal .sgr-youtube-card:not(.is-featured) strong,
#sgr-renewal .sgr-shorts-card strong{
    display:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-youtube-head,
    #sgr-renewal .sgr-shorts-head{
        width:100%!important;
        padding:0 16px!important;
        margin:0 auto 34px!important;
    }

    #sgr-renewal .sgr-youtube-head h2,
    #sgr-renewal .sgr-shorts-head h2{
        margin-bottom:9px!important;
        font-size:24px!important;
        line-height:1.3!important;
    }

    #sgr-renewal .sgr-youtube-head p,
    #sgr-renewal .sgr-shorts-head p{
        font-size:15px!important;
        line-height:1.62!important;
    }

    #sgr-renewal .sgr-youtube-head>a{
        margin-top:18px!important;
    }
}

/* uvom11: UVOM 레퍼런스 기준 유튜브/숏폼 최종 배치 */
#sgr-renewal .sgr-youtube-section,
#sgr-renewal .sgr-shorts-section{
    overflow:hidden!important;
    background:#fff!important;
}

#sgr-renewal .sgr-youtube-section{
    padding:116px 0 0!important;
}

#sgr-renewal .sgr-shorts-section{
    padding:128px 0 126px!important;
}

#sgr-renewal .sgr-youtube-head,
#sgr-renewal .sgr-shorts-head{
    position:relative!important;
    left:auto!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    width:min(1760px,calc(100vw - 120px))!important;
    max-width:none!important;
    margin:0 auto 42px!important;
    padding:0!important;
    text-align:left!important;
}

#sgr-renewal .sgr-shorts-head{
    display:block!important;
    margin-bottom:54px!important;
    text-align:center!important;
}

#sgr-renewal .sgr-youtube-head>div{
    display:block!important;
}

#sgr-renewal .sgr-youtube-head h2,
#sgr-renewal .sgr-shorts-head h2{
    margin:0 0 12px!important;
    color:#686d73!important;
    font-size:28px!important;
    font-weight:900!important;
    line-height:1.28!important;
    letter-spacing:0!important;
    text-transform:none!important;
}

#sgr-renewal .sgr-youtube-head p,
#sgr-renewal .sgr-shorts-head p{
    margin:0!important;
    color:#7b8086!important;
    font-size:18px!important;
    font-weight:600!important;
    line-height:1.62!important;
}

#sgr-renewal .sgr-youtube-head>a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:106px!important;
    min-width:106px!important;
    height:106px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(23,38,67,.22)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#7b8086!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:0!important;
    line-height:1.1!important;
    text-align:center!important;
    transition:background .28s ease,color .28s ease,border-color .28s ease,transform .28s ease!important;
}

#sgr-renewal .sgr-youtube-head>a:hover{
    border-color:var(--sgr-navy)!important;
    background:var(--sgr-navy)!important;
    color:#fff!important;
    transform:translateY(-3px)!important;
}

#sgr-renewal .sgr-youtube-grid{
    position:relative!important;
    left:auto!important;
    display:grid!important;
    width:min(1760px,calc(100vw - 120px))!important;
    max-width:none!important;
    min-height:0!important;
    margin:0 auto!important;
    grid-template-columns:minmax(0,1.45fr) minmax(420px,.95fr)!important;
    grid-template-rows:repeat(4,minmax(0,1fr))!important;
    gap:0 40px!important;
    align-items:stretch!important;
}

#sgr-renewal .sgr-youtube-card{
    display:grid!important;
    min-width:0!important;
    overflow:hidden!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--sgr-navy)!important;
    text-decoration:none!important;
}

#sgr-renewal .sgr-youtube-card.is-featured{
    grid-column:1!important;
    grid-row:1 / span 4!important;
}

#sgr-renewal .sgr-youtube-card:not(.is-featured){
    grid-column:2!important;
    grid-template-columns:clamp(156px,12vw,210px) minmax(0,1fr)!important;
    align-items:center!important;
    gap:24px!important;
    min-height:104px!important;
    padding:14px 28px 14px 0!important;
    border-top:1px solid rgba(23,38,67,.12)!important;
}

#sgr-renewal .sgr-youtube-card:not(.is-featured):last-child{
    border-bottom:1px solid rgba(23,38,67,.12)!important;
}

#sgr-renewal .sgr-youtube-thumb{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    border-radius:0!important;
    background:#eef2f7!important;
}

#sgr-renewal .sgr-youtube-card.is-featured .sgr-youtube-thumb{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    border-radius:38px!important;
}

#sgr-renewal .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
    width:clamp(156px,12vw,210px)!important;
    aspect-ratio:16/9!important;
    border-radius:8px!important;
}

#sgr-renewal .sgr-youtube-card img,
#sgr-renewal .sgr-shorts-card img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transition:transform .58s cubic-bezier(.2,.8,.2,1),filter .38s ease!important;
}

#sgr-renewal .sgr-youtube-card:hover img,
#sgr-renewal .sgr-shorts-card:hover img{
    transform:scale(1.055)!important;
}

#sgr-renewal .sgr-youtube-card strong,
#sgr-renewal .sgr-youtube-card.is-featured strong,
#sgr-renewal .sgr-shorts-card strong{
    display:none!important;
}

#sgr-renewal .sgr-youtube-card:not(.is-featured) strong{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    color:#5f666f!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1.45!important;
    text-align:left!important;
}

#sgr-renewal .sgr-youtube-thumb::after,
#sgr-renewal .sgr-shorts-thumb::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
}

#sgr-renewal .sgr-youtube-card .sgr-youtube-thumb,
#sgr-renewal .sgr-shorts-card .sgr-shorts-thumb{
    position:relative!important;
}

#sgr-renewal .sgr-youtube-card .sgr-youtube-thumb::before{
    content:"VIEW"!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:72px!important;
    height:38px!important;
    padding:0 16px!important;
    border-radius:8px!important;
    background:rgba(23,38,67,.88)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:0!important;
    opacity:0!important;
    transform:translate(-50%,-50%) scale(.92)!important;
    transition:opacity .3s ease,transform .3s ease!important;
}

#sgr-renewal .sgr-youtube-card:hover .sgr-youtube-thumb::before{
    opacity:1!important;
    transform:translate(-50%,-50%) scale(1)!important;
}

#sgr-renewal .sgr-shorts-shell{
    position:relative!important;
    left:auto!important;
    display:grid!important;
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:0!important;
    grid-template-columns:76px minmax(0,1fr) 76px!important;
    align-items:center!important;
    gap:0!important;
}

#sgr-renewal .sgr-shorts-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:28px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
}

#sgr-renewal .sgr-shorts-grid::-webkit-scrollbar{
    display:none!important;
}

#sgr-renewal .sgr-shorts-card,
#sgr-renewal .sgr-shorts-card:last-child{
    flex:0 0 clamp(210px,15vw,282px)!important;
    width:auto!important;
    max-width:none!important;
    grid-column:auto!important;
    scroll-snap-align:start!important;
    color:var(--sgr-navy)!important;
    text-decoration:none!important;
}

#sgr-renewal .sgr-shorts-thumb{
    display:block!important;
    aspect-ratio:9/16!important;
    overflow:hidden!important;
    border-radius:30px!important;
    background:#eef2f7!important;
}

#sgr-renewal .sgr-shorts-card:hover img{
    filter:grayscale(1) contrast(.96)!important;
}

#sgr-renewal .sgr-shorts-arrow{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:76px!important;
    height:112px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    cursor:pointer!important;
}

#sgr-renewal .sgr-shorts-arrow::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:34px!important;
    height:34px!important;
    border-top:1.4px solid #7b8086!important;
    border-left:1.4px solid #7b8086!important;
    transition:transform .28s ease,border-color .28s ease,opacity .28s ease!important;
}

#sgr-renewal .sgr-shorts-arrow.is-prev::before{
    transform:translate(-28%,-50%) rotate(-45deg)!important;
}

#sgr-renewal .sgr-shorts-arrow.is-next::before{
    transform:translate(-72%,-50%) rotate(135deg)!important;
}

#sgr-renewal .sgr-shorts-arrow:hover::before{
    border-color:var(--sgr-navy)!important;
}

#sgr-renewal .sgr-shorts-arrow:disabled{
    opacity:.2!important;
    cursor:default!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-youtube-section{
        padding-top:82px!important;
    }

    #sgr-renewal .sgr-shorts-section{
        padding:86px 0 92px!important;
    }

    #sgr-renewal .sgr-youtube-head,
    #sgr-renewal .sgr-shorts-head{
        display:block!important;
        width:100%!important;
        margin:0 auto 30px!important;
        padding:0 18px!important;
        text-align:center!important;
    }

    #sgr-renewal .sgr-youtube-head h2,
    #sgr-renewal .sgr-shorts-head h2{
        margin-bottom:9px!important;
        font-size:24px!important;
        line-height:1.3!important;
    }

    #sgr-renewal .sgr-youtube-head p,
    #sgr-renewal .sgr-shorts-head p{
        font-size:15px!important;
        line-height:1.62!important;
    }

    #sgr-renewal .sgr-youtube-head>a{
        width:auto!important;
        min-width:142px!important;
        height:38px!important;
        margin:18px auto 0!important;
        padding:0 18px!important;
        border-radius:999px!important;
        font-size:12px!important;
    }

    #sgr-renewal .sgr-youtube-grid{
        display:grid!important;
        width:calc(100% - 32px)!important;
        grid-template-columns:1fr!important;
        grid-template-rows:none!important;
        gap:14px!important;
    }

    #sgr-renewal .sgr-youtube-card.is-featured,
    #sgr-renewal .sgr-youtube-card:not(.is-featured){
        grid-column:auto!important;
        grid-row:auto!important;
    }

    #sgr-renewal .sgr-youtube-card.is-featured .sgr-youtube-thumb{
        border-radius:22px!important;
    }

    #sgr-renewal .sgr-youtube-card:not(.is-featured){
        grid-template-columns:132px minmax(0,1fr)!important;
        gap:14px!important;
        min-height:84px!important;
        padding:10px 0!important;
    }

    #sgr-renewal .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
        width:132px!important;
        border-radius:7px!important;
    }

    #sgr-renewal .sgr-youtube-card:not(.is-featured) strong{
        font-size:14px!important;
        line-height:1.42!important;
    }

    #sgr-renewal .sgr-shorts-shell{
        width:100vw!important;
        grid-template-columns:38px minmax(0,1fr) 38px!important;
    }

    #sgr-renewal .sgr-shorts-grid{
        gap:14px!important;
    }

    #sgr-renewal .sgr-shorts-card,
    #sgr-renewal .sgr-shorts-card:last-child{
        flex-basis:42vw!important;
    }

    #sgr-renewal .sgr-shorts-thumb{
        border-radius:18px!important;
    }

    #sgr-renewal .sgr-shorts-arrow{
        width:38px!important;
        height:70px!important;
    }

    #sgr-renewal .sgr-shorts-arrow::before{
        width:19px!important;
        height:19px!important;
        border-width:1.2px!important;
    }
}

/* youtube5: Nana TV width and Topface-style shorts rail */
#sgr-renewal .sgr-youtube-section,
#sgr-renewal .sgr-shorts-section{
    padding-left:max(24px,calc((100vw - 1660px)/2))!important;
    padding-right:max(24px,calc((100vw - 1660px)/2))!important;
}

#sgr-renewal .sgr-youtube-grid{
    width:100%!important;
    max-width:1660px!important;
    margin:0 auto!important;
    grid-template-columns:minmax(0,1.78fr) repeat(2,minmax(250px,.62fr))!important;
    gap:20px!important;
}

#sgr-renewal .sgr-youtube-card{
    background:transparent!important;
    border-radius:0!important;
}

#sgr-renewal .sgr-youtube-thumb{
    border-radius:0!important;
    background:#f1f3f6!important;
}

#sgr-renewal .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
    aspect-ratio:16/9!important;
}

#sgr-renewal .sgr-shorts-section{
    overflow:hidden!important;
}

#sgr-renewal .sgr-shorts-shell{
    position:relative!important;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr) 56px!important;
    align-items:center!important;
    width:100%!important;
    max-width:1680px!important;
    margin:0 auto!important;
}

#sgr-renewal .sgr-shorts-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:18px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
}

#sgr-renewal .sgr-shorts-grid::-webkit-scrollbar{
    display:none!important;
}

#sgr-renewal .sgr-shorts-card{
    flex:0 0 calc((100% - 72px) * .222222)!important;
    scroll-snap-align:start!important;
    overflow:visible!important;
}

#sgr-renewal .sgr-shorts-thumb{
    border-radius:28px!important;
}

#sgr-renewal .sgr-shorts-arrow{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:54px!important;
    height:86px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    cursor:pointer!important;
}

#sgr-renewal .sgr-shorts-arrow::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:29px!important;
    height:29px!important;
    border-top:1.5px solid #7b8086!important;
    border-left:1.5px solid #7b8086!important;
    transition:opacity .25s ease,transform .25s ease,border-color .25s ease!important;
}

#sgr-renewal .sgr-shorts-arrow.is-prev::before{
    transform:translate(-35%,-50%) rotate(-45deg)!important;
}

#sgr-renewal .sgr-shorts-arrow.is-next::before{
    transform:translate(-65%,-50%) rotate(135deg)!important;
}

#sgr-renewal .sgr-shorts-arrow:hover::before{
    border-color:var(--sgr-navy)!important;
}

#sgr-renewal .sgr-shorts-arrow:disabled{
    cursor:default!important;
    opacity:.24!important;
}

#sgr-renewal .sgr-shorts-arrow:disabled::before{
    border-color:#9aa0aa!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-youtube-section,
    #sgr-renewal .sgr-shorts-section{
        padding-left:0!important;
        padding-right:0!important;
    }

    #sgr-renewal .sgr-youtube-grid{
        width:calc(100% - 32px)!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:12px!important;
    }

    #sgr-renewal .sgr-shorts-shell{
        grid-template-columns:36px minmax(0,1fr) 36px!important;
        max-width:none!important;
        width:100%!important;
    }

    #sgr-renewal .sgr-shorts-grid{
        gap:14px!important;
    }

    #sgr-renewal .sgr-shorts-card,
    #sgr-renewal .sgr-shorts-card:last-child{
        flex:0 0 calc((100% - 24px) * .425532)!important;
        width:auto!important;
        max-width:none!important;
        grid-column:auto!important;
    }

    #sgr-renewal .sgr-shorts-thumb{
        border-radius:18px!important;
    }

    #sgr-renewal .sgr-shorts-arrow{
        width:36px!important;
        height:62px!important;
    }

    #sgr-renewal .sgr-shorts-arrow::before{
        width:19px!important;
        height:19px!important;
        border-width:1.3px!important;
    }
}

/* uvom11-really-final: 최종 EOF 고정 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section,
    html body #sgr-renewal .sgr-shorts-section{
        overflow:hidden!important;
        padding-left:0!important;
        padding-right:0!important;
        background:#fff!important;
    }

    html body #sgr-renewal .sgr-youtube-section{
        padding-top:116px!important;
    }

    html body #sgr-renewal .sgr-shorts-section{
        padding-top:128px!important;
        padding-bottom:126px!important;
    }

    html body #sgr-renewal .sgr-youtube-head,
    html body #sgr-renewal .sgr-shorts-head{
        left:auto!important;
        width:min(1840px,calc(100vw - 96px))!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
        padding:0!important;
    }

    html body #sgr-renewal .sgr-youtube-head{
        display:flex!important;
        align-items:flex-end!important;
        justify-content:space-between!important;
        gap:34px!important;
        margin-bottom:42px!important;
        text-align:left!important;
    }

    html body #sgr-renewal .sgr-shorts-head{
        display:block!important;
        margin-bottom:54px!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-youtube-head h2,
    html body #sgr-renewal .sgr-shorts-head h2{
        margin:0 0 12px!important;
        color:#686d73!important;
        font-size:28px!important;
        font-weight:900!important;
        line-height:1.28!important;
        letter-spacing:0!important;
        text-transform:none!important;
    }

    html body #sgr-renewal .sgr-youtube-head p,
    html body #sgr-renewal .sgr-shorts-head p{
        margin:0!important;
        color:#7b8086!important;
        font-size:18px!important;
        font-weight:600!important;
        line-height:1.62!important;
    }

    html body #sgr-renewal .sgr-youtube-head>a{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:106px!important;
        min-width:106px!important;
        height:106px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid rgba(23,38,67,.22)!important;
        border-radius:999px!important;
        background:#fff!important;
        color:#7b8086!important;
        font-size:12px!important;
        font-weight:800!important;
        line-height:1.1!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-youtube-grid{
        position:relative!important;
        left:auto!important;
        display:grid!important;
        width:min(1840px,calc(100vw - 96px))!important;
        max-width:none!important;
        min-height:0!important;
        margin:0 auto!important;
        grid-template-columns:minmax(0,1.45fr) minmax(430px,.95fr)!important;
        grid-template-rows:repeat(4,minmax(0,1fr))!important;
        gap:0 42px!important;
        align-items:stretch!important;
    }

    html body #sgr-renewal .sgr-youtube-card{
        display:grid!important;
        min-width:0!important;
        overflow:hidden!important;
        border-radius:0!important;
        background:transparent!important;
        color:var(--sgr-navy)!important;
        text-decoration:none!important;
    }

    html body #sgr-renewal .sgr-youtube-card.is-featured{
        grid-column:1!important;
        grid-row:1 / span 4!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured){
        grid-column:2!important;
        grid-template-columns:clamp(164px,12vw,214px) minmax(0,1fr)!important;
        align-items:center!important;
        gap:24px!important;
        min-height:104px!important;
        padding:14px 28px 14px 0!important;
        border-top:1px solid rgba(23,38,67,.12)!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured):last-child{
        border-bottom:1px solid rgba(23,38,67,.12)!important;
    }

    html body #sgr-renewal .sgr-youtube-thumb{
        position:relative!important;
        display:block!important;
        width:100%!important;
        overflow:hidden!important;
        background:#eef2f7!important;
    }

    html body #sgr-renewal .sgr-youtube-card.is-featured .sgr-youtube-thumb{
        height:auto!important;
        min-height:0!important;
        aspect-ratio:16/9!important;
        border-radius:38px!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
        width:clamp(164px,12vw,214px)!important;
        aspect-ratio:16/9!important;
        border-radius:8px!important;
    }

    html body #sgr-renewal .sgr-youtube-card img,
    html body #sgr-renewal .sgr-shorts-card img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        transition:transform .58s cubic-bezier(.2,.8,.2,1),filter .38s ease!important;
    }

    html body #sgr-renewal .sgr-youtube-card:hover img,
    html body #sgr-renewal .sgr-shorts-card:hover img{
        transform:scale(1.055)!important;
    }

    html body #sgr-renewal .sgr-youtube-card strong,
    html body #sgr-renewal .sgr-youtube-card.is-featured strong,
    html body #sgr-renewal .sgr-shorts-card strong{
        display:none!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured) strong{
        display:-webkit-box!important;
        overflow:hidden!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        color:#5f666f!important;
        font-size:18px!important;
        font-weight:700!important;
        line-height:1.45!important;
        text-align:left!important;
    }

    html body #sgr-renewal .sgr-shorts-shell{
        position:relative!important;
        left:auto!important;
        display:grid!important;
        width:100vw!important;
        max-width:none!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:0!important;
        grid-template-columns:76px minmax(0,1fr) 76px!important;
        align-items:center!important;
        gap:0!important;
    }

    html body #sgr-renewal .sgr-shorts-grid{
        display:flex!important;
        grid-template-columns:none!important;
        gap:28px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scroll-behavior:smooth!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-width:none!important;
    }

    html body #sgr-renewal .sgr-shorts-grid::-webkit-scrollbar{
        display:none!important;
    }

    html body #sgr-renewal .sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-card:last-child{
        flex:0 0 clamp(210px,15vw,282px)!important;
        width:auto!important;
        max-width:none!important;
        grid-column:auto!important;
        scroll-snap-align:start!important;
        color:var(--sgr-navy)!important;
        text-decoration:none!important;
    }

    html body #sgr-renewal .sgr-shorts-thumb{
        position:relative!important;
        display:block!important;
        aspect-ratio:9/16!important;
        overflow:hidden!important;
        border-radius:30px!important;
        background:#eef2f7!important;
    }

    html body #sgr-renewal .sgr-shorts-card:hover img{
        filter:grayscale(1) contrast(.96)!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow{
        position:relative!important;
        z-index:2!important;
        display:block!important;
        width:76px!important;
        height:112px!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        cursor:pointer!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow::before{
        content:""!important;
        position:absolute!important;
        top:50%!important;
        left:50%!important;
        width:34px!important;
        height:34px!important;
        border-top:1.4px solid #7b8086!important;
        border-left:1.4px solid #7b8086!important;
        transition:transform .28s ease,border-color .28s ease,opacity .28s ease!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow.is-prev::before{
        transform:translate(-28%,-50%) rotate(-45deg)!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow.is-next::before{
        transform:translate(-72%,-50%) rotate(135deg)!important;
    }
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-youtube-section{
        padding:82px 0 0!important;
    }

    html body #sgr-renewal .sgr-shorts-section{
        padding:86px 0 92px!important;
    }

    html body #sgr-renewal .sgr-youtube-head,
    html body #sgr-renewal .sgr-shorts-head{
        display:block!important;
        width:100%!important;
        margin:0 auto 30px!important;
        padding:0 18px!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-youtube-head h2,
    html body #sgr-renewal .sgr-shorts-head h2{
        margin:0 0 9px!important;
        color:#686d73!important;
        font-size:24px!important;
        font-weight:900!important;
        line-height:1.3!important;
    }

    html body #sgr-renewal .sgr-youtube-head p,
    html body #sgr-renewal .sgr-shorts-head p{
        margin:0!important;
        color:#7b8086!important;
        font-size:15px!important;
        font-weight:600!important;
        line-height:1.62!important;
    }

    html body #sgr-renewal .sgr-youtube-head>a{
        width:auto!important;
        min-width:142px!important;
        height:38px!important;
        margin:18px auto 0!important;
        padding:0 18px!important;
        border-radius:999px!important;
        font-size:12px!important;
    }

    html body #sgr-renewal .sgr-youtube-grid{
        display:grid!important;
        width:calc(100% - 32px)!important;
        max-width:none!important;
        margin:0 auto!important;
        grid-template-columns:1fr!important;
        grid-template-rows:none!important;
        gap:14px!important;
    }

    html body #sgr-renewal .sgr-youtube-card.is-featured,
    html body #sgr-renewal .sgr-youtube-card:not(.is-featured){
        grid-column:auto!important;
        grid-row:auto!important;
    }

    html body #sgr-renewal .sgr-youtube-card.is-featured .sgr-youtube-thumb{
        aspect-ratio:16/9!important;
        border-radius:22px!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured){
        display:grid!important;
        grid-template-columns:132px minmax(0,1fr)!important;
        align-items:center!important;
        gap:14px!important;
        min-height:84px!important;
        padding:10px 0!important;
        border-top:1px solid rgba(23,38,67,.12)!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
        width:132px!important;
        aspect-ratio:16/9!important;
        border-radius:7px!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured) strong{
        display:-webkit-box!important;
        overflow:hidden!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        color:#5f666f!important;
        font-size:14px!important;
        font-weight:700!important;
        line-height:1.42!important;
        text-align:left!important;
    }

    html body #sgr-renewal .sgr-shorts-shell{
        width:100vw!important;
        max-width:none!important;
        margin-left:calc(50% - 50vw)!important;
        grid-template-columns:38px minmax(0,1fr) 38px!important;
    }

    html body #sgr-renewal .sgr-shorts-grid{
        gap:14px!important;
    }

    html body #sgr-renewal .sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-card:last-child{
        flex:0 0 42vw!important;
        width:auto!important;
        max-width:none!important;
    }

    html body #sgr-renewal .sgr-shorts-thumb{
        aspect-ratio:9/16!important;
        border-radius:18px!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow{
        width:38px!important;
        height:70px!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow::before{
        width:19px!important;
        height:19px!important;
        border-width:1.2px!important;
    }
}

/* uvom11-final: 파일 맨 끝에서 유튜브/숏폼 폭과 비율을 최종 고정 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section,
    html body #sgr-renewal .sgr-shorts-section{
        overflow:hidden!important;
        padding-left:0!important;
        padding-right:0!important;
        background:#fff!important;
    }

    html body #sgr-renewal .sgr-youtube-section{
        padding-top:116px!important;
    }

    html body #sgr-renewal .sgr-shorts-section{
        padding-top:128px!important;
        padding-bottom:126px!important;
    }

    html body #sgr-renewal .sgr-youtube-head,
    html body #sgr-renewal .sgr-shorts-head{
        left:auto!important;
        width:min(1840px,calc(100vw - 96px))!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
        padding:0!important;
    }

    html body #sgr-renewal .sgr-youtube-head{
        display:flex!important;
        align-items:flex-end!important;
        justify-content:space-between!important;
        gap:34px!important;
        margin-bottom:42px!important;
        text-align:left!important;
    }

    html body #sgr-renewal .sgr-shorts-head{
        display:block!important;
        margin-bottom:54px!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-youtube-head h2,
    html body #sgr-renewal .sgr-shorts-head h2{
        margin:0 0 12px!important;
        color:#686d73!important;
        font-size:28px!important;
        font-weight:900!important;
        line-height:1.28!important;
        letter-spacing:0!important;
        text-transform:none!important;
    }

    html body #sgr-renewal .sgr-youtube-head p,
    html body #sgr-renewal .sgr-shorts-head p{
        margin:0!important;
        color:#7b8086!important;
        font-size:18px!important;
        font-weight:600!important;
        line-height:1.62!important;
    }

    html body #sgr-renewal .sgr-youtube-head>a{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:106px!important;
        min-width:106px!important;
        height:106px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid rgba(23,38,67,.22)!important;
        border-radius:999px!important;
        background:#fff!important;
        color:#7b8086!important;
        font-size:12px!important;
        font-weight:800!important;
        line-height:1.1!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-youtube-grid{
        position:relative!important;
        left:auto!important;
        display:grid!important;
        width:min(1840px,calc(100vw - 96px))!important;
        max-width:none!important;
        min-height:0!important;
        margin:0 auto!important;
        grid-template-columns:minmax(0,1.45fr) minmax(430px,.95fr)!important;
        grid-template-rows:repeat(4,minmax(0,1fr))!important;
        gap:0 42px!important;
        align-items:stretch!important;
    }

    html body #sgr-renewal .sgr-youtube-card{
        display:grid!important;
        min-width:0!important;
        overflow:hidden!important;
        border-radius:0!important;
        background:transparent!important;
        color:var(--sgr-navy)!important;
        text-decoration:none!important;
    }

    html body #sgr-renewal .sgr-youtube-card.is-featured{
        grid-column:1!important;
        grid-row:1 / span 4!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured){
        grid-column:2!important;
        grid-template-columns:clamp(164px,12vw,214px) minmax(0,1fr)!important;
        align-items:center!important;
        gap:24px!important;
        min-height:104px!important;
        padding:14px 28px 14px 0!important;
        border-top:1px solid rgba(23,38,67,.12)!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured):last-child{
        border-bottom:1px solid rgba(23,38,67,.12)!important;
    }

    html body #sgr-renewal .sgr-youtube-thumb{
        position:relative!important;
        display:block!important;
        width:100%!important;
        overflow:hidden!important;
        background:#eef2f7!important;
    }

    html body #sgr-renewal .sgr-youtube-card.is-featured .sgr-youtube-thumb{
        height:auto!important;
        min-height:0!important;
        aspect-ratio:16/9!important;
        border-radius:38px!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
        width:clamp(164px,12vw,214px)!important;
        aspect-ratio:16/9!important;
        border-radius:8px!important;
    }

    html body #sgr-renewal .sgr-youtube-card img,
    html body #sgr-renewal .sgr-shorts-card img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        transition:transform .58s cubic-bezier(.2,.8,.2,1),filter .38s ease!important;
    }

    html body #sgr-renewal .sgr-youtube-card:hover img,
    html body #sgr-renewal .sgr-shorts-card:hover img{
        transform:scale(1.055)!important;
    }

    html body #sgr-renewal .sgr-youtube-card strong,
    html body #sgr-renewal .sgr-youtube-card.is-featured strong,
    html body #sgr-renewal .sgr-shorts-card strong{
        display:none!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured) strong{
        display:-webkit-box!important;
        overflow:hidden!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        color:#5f666f!important;
        font-size:18px!important;
        font-weight:700!important;
        line-height:1.45!important;
        text-align:left!important;
    }

    html body #sgr-renewal .sgr-shorts-shell{
        position:relative!important;
        left:auto!important;
        display:grid!important;
        width:100vw!important;
        max-width:none!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:0!important;
        grid-template-columns:76px minmax(0,1fr) 76px!important;
        align-items:center!important;
        gap:0!important;
    }

    html body #sgr-renewal .sgr-shorts-grid{
        display:flex!important;
        grid-template-columns:none!important;
        gap:28px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scroll-behavior:smooth!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-width:none!important;
    }

    html body #sgr-renewal .sgr-shorts-grid::-webkit-scrollbar{
        display:none!important;
    }

    html body #sgr-renewal .sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-card:last-child{
        flex:0 0 clamp(210px,15vw,282px)!important;
        width:auto!important;
        max-width:none!important;
        grid-column:auto!important;
        scroll-snap-align:start!important;
        color:var(--sgr-navy)!important;
        text-decoration:none!important;
    }

    html body #sgr-renewal .sgr-shorts-thumb{
        position:relative!important;
        display:block!important;
        aspect-ratio:9/16!important;
        overflow:hidden!important;
        border-radius:30px!important;
        background:#eef2f7!important;
    }

    html body #sgr-renewal .sgr-shorts-card:hover img{
        filter:grayscale(1) contrast(.96)!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow{
        position:relative!important;
        z-index:2!important;
        display:block!important;
        width:76px!important;
        height:112px!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        cursor:pointer!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow::before{
        content:""!important;
        position:absolute!important;
        top:50%!important;
        left:50%!important;
        width:34px!important;
        height:34px!important;
        border-top:1.4px solid #7b8086!important;
        border-left:1.4px solid #7b8086!important;
        transition:transform .28s ease,border-color .28s ease,opacity .28s ease!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow.is-prev::before{
        transform:translate(-28%,-50%) rotate(-45deg)!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow.is-next::before{
        transform:translate(-72%,-50%) rotate(135deg)!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow:hover::before{
        border-color:var(--sgr-navy)!important;
    }
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-youtube-section{
        padding:82px 0 0!important;
    }

    html body #sgr-renewal .sgr-shorts-section{
        padding:86px 0 92px!important;
    }

    html body #sgr-renewal .sgr-youtube-head,
    html body #sgr-renewal .sgr-shorts-head{
        display:block!important;
        width:100%!important;
        margin:0 auto 30px!important;
        padding:0 18px!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-youtube-head h2,
    html body #sgr-renewal .sgr-shorts-head h2{
        margin:0 0 9px!important;
        color:#686d73!important;
        font-size:24px!important;
        font-weight:900!important;
        line-height:1.3!important;
    }

    html body #sgr-renewal .sgr-youtube-head p,
    html body #sgr-renewal .sgr-shorts-head p{
        margin:0!important;
        color:#7b8086!important;
        font-size:15px!important;
        font-weight:600!important;
        line-height:1.62!important;
    }

    html body #sgr-renewal .sgr-youtube-head>a{
        width:auto!important;
        min-width:142px!important;
        height:38px!important;
        margin:18px auto 0!important;
        padding:0 18px!important;
        border-radius:999px!important;
        font-size:12px!important;
    }

    html body #sgr-renewal .sgr-youtube-grid{
        display:grid!important;
        width:calc(100% - 32px)!important;
        max-width:none!important;
        margin:0 auto!important;
        grid-template-columns:1fr!important;
        grid-template-rows:none!important;
        gap:14px!important;
    }

    html body #sgr-renewal .sgr-youtube-card.is-featured,
    html body #sgr-renewal .sgr-youtube-card:not(.is-featured){
        grid-column:auto!important;
        grid-row:auto!important;
    }

    html body #sgr-renewal .sgr-youtube-card.is-featured .sgr-youtube-thumb{
        aspect-ratio:16/9!important;
        border-radius:22px!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured){
        display:grid!important;
        grid-template-columns:132px minmax(0,1fr)!important;
        align-items:center!important;
        gap:14px!important;
        min-height:84px!important;
        padding:10px 0!important;
        border-top:1px solid rgba(23,38,67,.12)!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
        width:132px!important;
        aspect-ratio:16/9!important;
        border-radius:7px!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured) strong{
        display:-webkit-box!important;
        overflow:hidden!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        color:#5f666f!important;
        font-size:14px!important;
        font-weight:700!important;
        line-height:1.42!important;
        text-align:left!important;
    }

    html body #sgr-renewal .sgr-shorts-shell{
        width:100vw!important;
        max-width:none!important;
        margin-left:calc(50% - 50vw)!important;
        grid-template-columns:38px minmax(0,1fr) 38px!important;
    }

    html body #sgr-renewal .sgr-shorts-grid{
        gap:14px!important;
    }

    html body #sgr-renewal .sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-card:last-child{
        flex:0 0 42vw!important;
        width:auto!important;
        max-width:none!important;
    }

    html body #sgr-renewal .sgr-shorts-thumb{
        aspect-ratio:9/16!important;
        border-radius:18px!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow{
        width:38px!important;
        height:70px!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow::before{
        width:19px!important;
        height:19px!important;
        border-width:1.2px!important;
    }
}

/* uvom1: UVOM-style YouTube/Shorts layout and interior preface */
#sgr-renewal .sgr-youtube-section.sgr-youtube-section{
    padding:94px 0 0!important;
    background:#fff!important;
    overflow:hidden!important;
}

#sgr-renewal .sgr-shorts-section.sgr-shorts-section{
    padding:96px 0 126px!important;
    background:#fff!important;
    overflow:hidden!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-head,
#sgr-renewal .sgr-shorts-section .sgr-shorts-head{
    display:block!important;
    width:min(1120px,calc(100% - 56px))!important;
    margin:0 auto 54px!important;
    padding:0!important;
    text-align:center!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-head>div{
    display:block!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-head h2,
#sgr-renewal .sgr-shorts-section .sgr-shorts-head h2{
    margin:0 0 14px!important;
    color:#686d73!important;
    font-size:28px!important;
    font-weight:900!important;
    line-height:1.28!important;
    letter-spacing:0!important;
    text-transform:none!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-head p,
#sgr-renewal .sgr-shorts-section .sgr-shorts-head p{
    margin:0 auto!important;
    color:#7b8086!important;
    font-size:18px!important;
    font-weight:600!important;
    line-height:1.62!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-head>a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:172px!important;
    height:42px!important;
    margin:24px auto 0!important;
    padding:0 24px!important;
    border:1px solid rgba(23,38,67,.28)!important;
    border-radius:0!important;
    background:#fff!important;
    color:var(--sgr-navy)!important;
    font-size:14px!important;
    font-weight:700!important;
    transition:background .28s ease,color .28s ease,border-color .28s ease!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-head>a:hover{
    border-color:var(--sgr-navy)!important;
    background:var(--sgr-navy)!important;
    color:#fff!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(460px,34vw,620px)!important;
    grid-template-rows:repeat(4,minmax(0,1fr))!important;
    gap:24px clamp(28px,2.5vw,48px)!important;
    width:calc(100vw - 96px)!important;
    max-width:1720px!important;
    min-height:500px!important;
    margin:0 auto!important;
    align-items:stretch!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-card{
    display:block!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--sgr-navy)!important;
    overflow:visible!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-card.is-featured{
    grid-row:1/5!important;
    height:100%!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-thumb{
    position:relative!important;
    display:block!important;
    overflow:hidden!important;
    border-radius:14px!important;
    background:#eef2f7!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-card.is-featured .sgr-youtube-thumb{
    width:100%!important;
    height:100%!important;
    min-height:500px!important;
    aspect-ratio:auto!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-card:not(.is-featured){
    display:grid!important;
    grid-template-columns:clamp(156px,11vw,190px) minmax(0,1fr)!important;
    align-items:center!important;
    gap:18px!important;
    min-height:100px!important;
    padding:0 0 18px!important;
    border-bottom:1px solid rgba(23,38,67,.12)!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
    width:clamp(156px,11vw,190px)!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    border-radius:10px!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-card img,
#sgr-renewal .sgr-shorts-section .sgr-shorts-card img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    filter:none!important;
    transform:none!important;
    transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .45s ease!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-thumb::after,
#sgr-renewal .sgr-shorts-section .sgr-shorts-thumb::after{
    content:"VIEW"!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    z-index:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:72px!important;
    height:36px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    background:rgba(23,38,67,.88)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
    opacity:0!important;
    transform:translate(-50%,-50%) scale(.92)!important;
    transition:opacity .28s ease,transform .28s ease!important;
    pointer-events:none!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-thumb::before,
#sgr-renewal .sgr-shorts-section .sgr-shorts-thumb::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:rgba(0,0,0,.12)!important;
    opacity:0!important;
    transition:opacity .32s ease!important;
    pointer-events:none!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-card:hover img,
#sgr-renewal .sgr-shorts-section .sgr-shorts-card:hover img{
    filter:grayscale(1)!important;
    transform:scale(1.055)!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-card:hover .sgr-youtube-thumb::before,
#sgr-renewal .sgr-youtube-section .sgr-youtube-card:hover .sgr-youtube-thumb::after,
#sgr-renewal .sgr-shorts-section .sgr-shorts-card:hover .sgr-shorts-thumb::before,
#sgr-renewal .sgr-shorts-section .sgr-shorts-card:hover .sgr-shorts-thumb::after{
    opacity:1!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-card:hover .sgr-youtube-thumb::after,
#sgr-renewal .sgr-shorts-section .sgr-shorts-card:hover .sgr-shorts-thumb::after{
    transform:translate(-50%,-50%) scale(1)!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-card.is-featured strong{
    display:none!important;
}

#sgr-renewal .sgr-youtube-section .sgr-youtube-card:not(.is-featured) strong{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    color:#62676f!important;
    font-size:17px!important;
    font-weight:800!important;
    line-height:1.45!important;
    text-align:left!important;
}

#sgr-renewal .sgr-shorts-section .sgr-shorts-shell{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 54px!important;
    align-items:center!important;
    gap:18px!important;
    width:calc(100vw - 132px)!important;
    max-width:1680px!important;
    margin:0 auto!important;
}

#sgr-renewal .sgr-shorts-section .sgr-shorts-grid{
    display:flex!important;
    gap:24px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-behavior:auto!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
}

#sgr-renewal .sgr-shorts-section .sgr-shorts-grid::-webkit-scrollbar{
    display:none!important;
}

#sgr-renewal .sgr-shorts-section .sgr-shorts-card,
#sgr-renewal .sgr-shorts-section .sgr-shorts-card:last-child{
    flex:0 0 clamp(230px,14.3vw,276px)!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    grid-column:auto!important;
    color:var(--sgr-navy)!important;
}

#sgr-renewal .sgr-shorts-section .sgr-shorts-thumb{
    position:relative!important;
    display:block!important;
    overflow:hidden!important;
    width:100%!important;
    aspect-ratio:9/16!important;
    border-radius:28px!important;
    background:#eef2f7!important;
}

#sgr-renewal .sgr-shorts-section .sgr-shorts-card strong{
    display:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}

#sgr-renewal .sgr-shorts-section .sgr-shorts-arrow{
    position:relative!important;
    display:block!important;
    width:58px!important;
    height:92px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    cursor:pointer!important;
    box-shadow:none!important;
}

#sgr-renewal .sgr-shorts-section .sgr-shorts-arrow::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:30px!important;
    height:30px!important;
    border-top:1.4px solid #7b8086!important;
    border-left:1.4px solid #7b8086!important;
    transition:border-color .24s ease,opacity .24s ease,transform .24s ease!important;
}

#sgr-renewal .sgr-shorts-section .sgr-shorts-arrow.is-prev::before{
    transform:translate(-34%,-50%) rotate(-45deg)!important;
}

#sgr-renewal .sgr-shorts-section .sgr-shorts-arrow.is-next::before{
    transform:translate(-66%,-50%) rotate(135deg)!important;
}

#sgr-renewal .sgr-shorts-section .sgr-shorts-arrow:hover::before{
    border-color:var(--sgr-navy)!important;
}

#sgr-renewal .sgr-shorts-section .sgr-shorts-arrow:disabled{
    opacity:.22!important;
    cursor:default!important;
}

#sgr-renewal .sgr-directions-section{
    padding:118px 0 110px!important;
    background:#fff!important;
    color:var(--sgr-navy)!important;
    overflow:hidden!important;
}

#sgr-renewal .sgr-directions-inner{
    display:grid!important;
    grid-template-columns:minmax(360px,.42fr) minmax(700px,.58fr)!important;
    gap:0!important;
    width:calc(100vw - 96px)!important;
    max-width:1720px!important;
    margin:0 auto!important;
    align-items:start!important;
}

#sgr-renewal .sgr-directions-left{
    min-height:470px!important;
    padding:16px clamp(42px,7vw,148px) 0 0!important;
}

#sgr-renewal .sgr-directions-left span,
#sgr-renewal .sgr-directions-call span{
    display:block!important;
    margin:0 0 20px!important;
    color:#62676f!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.08em!important;
}

#sgr-renewal .sgr-directions-left h2{
    margin:0!important;
    color:#5e5b56!important;
    font-size:clamp(54px,5.2vw,88px)!important;
    font-weight:500!important;
    line-height:1.05!important;
    letter-spacing:0!important;
}

#sgr-renewal .sgr-directions-left p{
    max-width:420px!important;
    margin:28px 0 42px!important;
    color:#737b86!important;
    font-size:18px!important;
    font-weight:500!important;
    line-height:1.75!important;
}

#sgr-renewal .sgr-directions-left a,
#sgr-renewal .sgr-directions-box a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:172px!important;
    height:54px!important;
    padding:0 28px!important;
    border:1px solid rgba(23,38,67,.18)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#62676f!important;
    font-size:14px!important;
    font-weight:800!important;
    transition:background .25s ease,color .25s ease,border-color .25s ease!important;
}

#sgr-renewal .sgr-directions-left a:hover,
#sgr-renewal .sgr-directions-box a:hover{
    border-color:var(--sgr-navy)!important;
    background:var(--sgr-navy)!important;
    color:#fff!important;
}

#sgr-renewal .sgr-directions-right{
    padding:0 clamp(84px,7vw,150px) 0 clamp(42px,4vw,72px)!important;
}

#sgr-renewal .sgr-directions-call{
    min-height:172px!important;
}

#sgr-renewal .sgr-directions-call strong{
    display:block!important;
    margin:0!important;
    color:#5e5b56!important;
    font-size:42px!important;
    font-weight:900!important;
    line-height:1.1!important;
    letter-spacing:0!important;
}

#sgr-renewal .sgr-directions-call p{
    margin:22px 0 0!important;
    color:#737b86!important;
    font-size:15px!important;
    font-weight:500!important;
    line-height:1.7!important;
}

#sgr-renewal .sgr-directions-box{
    position:relative!important;
    display:grid!important;
    grid-template-columns:128px minmax(260px,1fr) 158px!important;
    gap:24px!important;
    align-items:center!important;
    min-height:168px!important;
    padding:32px 0!important;
    border-top:1px solid rgba(23,38,67,.16)!important;
}

#sgr-renewal .sgr-directions-box:last-child{
    border-bottom:1px solid rgba(23,38,67,.16)!important;
}

#sgr-renewal .sgr-directions-box h3{
    margin:0!important;
    color:#62676f!important;
    font-size:24px!important;
    font-weight:900!important;
    line-height:1.25!important;
}

#sgr-renewal .sgr-directions-box dl{
    display:grid!important;
    grid-template-columns:76px minmax(220px,1fr)!important;
    gap:12px 18px!important;
    margin:0!important;
    color:#62676f!important;
    font-size:17px!important;
    font-weight:500!important;
    line-height:1.45!important;
}

#sgr-renewal .sgr-directions-box dt{
    color:#737b86!important;
    font-weight:800!important;
}

#sgr-renewal .sgr-directions-box dd{
    margin:0!important;
    color:#62676f!important;
    white-space:nowrap!important;
}

#sgr-renewal .sgr-directions-box p{
    margin:0!important;
    color:#62676f!important;
    font-size:17px!important;
    font-weight:500!important;
    line-height:1.75!important;
}

#sgr-renewal .sgr-directions-box a{
    justify-self:end!important;
    min-width:158px!important;
    height:58px!important;
    background:#5e5b56!important;
    border-color:#5e5b56!important;
    color:#fff!important;
}

#sgr-renewal .sgr-directions-map{
    width:calc(100vw - 96px)!important;
    max-width:1720px!important;
    height:520px!important;
    margin:62px auto 0!important;
    border:1px solid rgba(23,38,67,.12)!important;
    background:#eef2f7!important;
    overflow:hidden!important;
}

#sgr-renewal .sgr-directions-map iframe{
    display:block!important;
    width:100%!important;
    height:100%!important;
}

#sgr-renewal .sgr-interior-section{
    padding:0!important;
    background:#fff!important;
    overflow:hidden!important;
}

#sgr-renewal .sgr-interior-visual{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100vw!important;
    min-height:560px!important;
    margin-left:calc(50% - 50vw)!important;
    overflow:hidden!important;
    color:#fff!important;
    text-align:center!important;
    text-decoration:none!important;
    isolation:isolate!important;
}

#sgr-renewal .sgr-interior-visual::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    background:linear-gradient(180deg,rgba(23,38,67,.22),rgba(23,38,67,.42)),rgba(120,122,126,.22)!important;
}

#sgr-renewal .sgr-interior-visual img{
    position:absolute!important;
    inset:0!important;
    z-index:-2!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    filter:saturate(.8) contrast(.96) brightness(.92)!important;
    transform:scale(1.02)!important;
}

#sgr-renewal .sgr-interior-visual span{
    display:block!important;
    margin:0 0 24px!important;
    color:rgba(255,255,255,.9)!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:.42em!important;
}

#sgr-renewal .sgr-interior-visual strong{
    display:block!important;
    color:#fff!important;
    font-family:var(--sgr-font)!important;
    font-size:clamp(34px,4.2vw,68px)!important;
    font-weight:500!important;
    line-height:1.18!important;
    letter-spacing:.16em!important;
    text-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}

#sgr-renewal .sgr-interior-visual em{
    display:block!important;
    margin:28px 0 0!important;
    color:rgba(255,255,255,.86)!important;
    font-size:17px!important;
    font-weight:500!important;
    font-style:normal!important;
    line-height:1.6!important;
    letter-spacing:.04em!important;
}

#sgr-renewal .sgr-interior-wrap{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.24fr) minmax(330px,.76fr)!important;
    align-items:stretch!important;
    gap:0!important;
    width:min(1480px,calc(100% - 80px))!important;
    margin:0 auto!important;
    background:#fff!important;
    border:1px solid rgba(23,38,67,.1)!important;
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 26px 72px rgba(23,38,67,.08)!important;
}

#sgr-renewal .sgr-interior-media{
    min-height:540px!important;
    overflow:hidden!important;
    background:#edf1f6!important;
}

#sgr-renewal .sgr-interior-media img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    filter:saturate(.98) contrast(1.02)!important;
}

#sgr-renewal .sgr-interior-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:540px!important;
    padding:72px 64px!important;
    background:linear-gradient(135deg,#fff 0%,#f5f7fb 100%)!important;
}

#sgr-renewal .sgr-interior-copy span{
    display:block!important;
    margin:0 0 20px!important;
    color:#8b9096!important;
    font-size:15px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
}

#sgr-renewal .sgr-interior-copy h2{
    margin:0!important;
    color:var(--sgr-navy)!important;
    font-size:clamp(36px,3vw,54px)!important;
    font-weight:900!important;
    line-height:1.18!important;
    letter-spacing:0!important;
}

#sgr-renewal .sgr-interior-copy p{
    max-width:460px!important;
    margin:26px 0 36px!important;
    color:#737b86!important;
    font-size:17px!important;
    font-weight:500!important;
    line-height:1.82!important;
}

#sgr-renewal .sgr-interior-copy a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    min-width:152px!important;
    height:46px!important;
    padding:0 24px!important;
    border:1px solid var(--sgr-navy)!important;
    border-radius:999px!important;
    background:var(--sgr-navy)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
}

@media (max-width:1200px){
    #sgr-renewal .sgr-youtube-section .sgr-youtube-grid{
        width:calc(100% - 56px)!important;
        grid-template-columns:minmax(0,1fr) 430px!important;
        gap:20px 24px!important;
    }

    #sgr-renewal .sgr-youtube-section .sgr-youtube-card:not(.is-featured){
        grid-template-columns:138px minmax(0,1fr)!important;
        gap:14px!important;
    }

    #sgr-renewal .sgr-youtube-section .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
        width:138px!important;
        height:78px!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-youtube-section.sgr-youtube-section{
        padding:58px 0 0!important;
    }

    #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        padding:62px 0 82px!important;
    }

    #sgr-renewal .sgr-youtube-section .sgr-youtube-head,
    #sgr-renewal .sgr-shorts-section .sgr-shorts-head{
        width:100%!important;
        margin:0 auto 32px!important;
        padding:0 16px!important;
    }

    #sgr-renewal .sgr-youtube-section .sgr-youtube-head h2,
    #sgr-renewal .sgr-shorts-section .sgr-shorts-head h2{
        margin-bottom:9px!important;
        font-size:24px!important;
    }

    #sgr-renewal .sgr-youtube-section .sgr-youtube-head p,
    #sgr-renewal .sgr-shorts-section .sgr-shorts-head p{
        font-size:15px!important;
        line-height:1.62!important;
    }

    #sgr-renewal .sgr-youtube-section .sgr-youtube-head>a{
        height:40px!important;
        margin-top:18px!important;
        font-size:13px!important;
    }

    #sgr-renewal .sgr-youtube-section .sgr-youtube-grid{
        display:grid!important;
        width:calc(100% - 32px)!important;
        min-height:0!important;
        grid-template-columns:1fr!important;
        grid-template-rows:auto!important;
        gap:14px!important;
    }

    #sgr-renewal .sgr-youtube-section .sgr-youtube-card.is-featured{
        grid-row:auto!important;
    }

    #sgr-renewal .sgr-youtube-section .sgr-youtube-card.is-featured .sgr-youtube-thumb{
        height:auto!important;
        min-height:0!important;
        aspect-ratio:16/9!important;
        border-radius:12px!important;
    }

    #sgr-renewal .sgr-youtube-section .sgr-youtube-card:not(.is-featured){
        grid-template-columns:112px minmax(0,1fr)!important;
        gap:12px!important;
        min-height:66px!important;
        padding:0 0 13px!important;
    }

    #sgr-renewal .sgr-youtube-section .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
        width:112px!important;
        height:63px!important;
        border-radius:9px!important;
    }

    #sgr-renewal .sgr-youtube-section .sgr-youtube-card:not(.is-featured) strong{
        font-size:13px!important;
        line-height:1.42!important;
    }

    #sgr-renewal .sgr-youtube-section .sgr-youtube-thumb::after,
    #sgr-renewal .sgr-shorts-section .sgr-shorts-thumb::after{
        min-width:58px!important;
        height:30px!important;
        padding:0 12px!important;
        font-size:10px!important;
    }

    #sgr-renewal .sgr-shorts-section .sgr-shorts-shell{
        grid-template-columns:34px minmax(0,1fr) 34px!important;
        gap:8px!important;
        width:100%!important;
    }

    #sgr-renewal .sgr-shorts-section .sgr-shorts-grid{
        gap:14px!important;
    }

    #sgr-renewal .sgr-shorts-section .sgr-shorts-card,
    #sgr-renewal .sgr-shorts-section .sgr-shorts-card:last-child{
        flex:0 0 42vw!important;
    }

    #sgr-renewal .sgr-shorts-section .sgr-shorts-thumb{
        border-radius:18px!important;
    }

    #sgr-renewal .sgr-shorts-section .sgr-shorts-arrow{
        width:34px!important;
        height:62px!important;
    }

    #sgr-renewal .sgr-shorts-section .sgr-shorts-arrow::before{
        width:18px!important;
        height:18px!important;
        border-width:1.2px!important;
    }

    #sgr-renewal .sgr-directions-section{
        padding:74px 16px 72px!important;
    }

    #sgr-renewal .sgr-directions-inner{
        width:100%!important;
        grid-template-columns:1fr!important;
    }

    #sgr-renewal .sgr-directions-left{
        min-height:0!important;
        padding:0 0 42px!important;
        text-align:left!important;
    }

    #sgr-renewal .sgr-directions-left span,
    #sgr-renewal .sgr-directions-call span{
        margin-bottom:12px!important;
        font-size:12px!important;
    }

    #sgr-renewal .sgr-directions-left h2{
        font-size:38px!important;
    }

    #sgr-renewal .sgr-directions-left p{
        margin:18px 0 24px!important;
        font-size:15px!important;
        line-height:1.7!important;
    }

    #sgr-renewal .sgr-directions-left a{
        min-width:150px!important;
        height:44px!important;
        padding:0 20px!important;
        font-size:13px!important;
    }

    #sgr-renewal .sgr-directions-right{
        padding:0!important;
    }

    #sgr-renewal .sgr-directions-call{
        min-height:0!important;
        padding:0 0 34px!important;
    }

    #sgr-renewal .sgr-directions-call strong{
        font-size:32px!important;
    }

    #sgr-renewal .sgr-directions-call p{
        margin-top:13px!important;
        font-size:14px!important;
    }

    #sgr-renewal .sgr-directions-box{
        grid-template-columns:1fr!important;
        gap:14px!important;
        min-height:0!important;
        padding:28px 0!important;
    }

    #sgr-renewal .sgr-directions-box h3{
        font-size:21px!important;
    }

    #sgr-renewal .sgr-directions-box dl{
        grid-template-columns:58px minmax(0,1fr)!important;
        gap:9px 12px!important;
        font-size:14px!important;
    }

    #sgr-renewal .sgr-directions-box p{
        font-size:14px!important;
        line-height:1.7!important;
    }

    #sgr-renewal .sgr-directions-box a{
        justify-self:start!important;
        min-width:150px!important;
        height:44px!important;
        padding:0 20px!important;
        font-size:13px!important;
    }

    #sgr-renewal .sgr-directions-map{
        width:100%!important;
        height:360px!important;
        margin:36px auto 0!important;
    }

    #sgr-renewal .sgr-interior-section{
        padding:0!important;
    }

    #sgr-renewal .sgr-interior-visual{
        min-height:420px!important;
        padding:74px 22px!important;
    }

    #sgr-renewal .sgr-interior-visual span{
        margin-bottom:16px!important;
        font-size:10px!important;
        letter-spacing:.34em!important;
    }

    #sgr-renewal .sgr-interior-visual strong{
        max-width:330px!important;
        font-size:28px!important;
        line-height:1.28!important;
        letter-spacing:.08em!important;
    }

    #sgr-renewal .sgr-interior-visual em{
        max-width:300px!important;
        margin-top:20px!important;
        font-size:14px!important;
        line-height:1.64!important;
    }

    #sgr-renewal .sgr-interior-wrap{
        width:100%!important;
        grid-template-columns:1fr!important;
        border-radius:14px!important;
    }

    #sgr-renewal .sgr-interior-media{
        min-height:0!important;
        aspect-ratio:1.12/1!important;
    }

    #sgr-renewal .sgr-interior-copy{
        min-height:0!important;
        padding:32px 24px 34px!important;
    }

    #sgr-renewal .sgr-interior-copy span{
        margin-bottom:12px!important;
        font-size:13px!important;
    }

    #sgr-renewal .sgr-interior-copy h2{
        font-size:27px!important;
        line-height:1.26!important;
    }

    #sgr-renewal .sgr-interior-copy p{
        margin:18px 0 24px!important;
        font-size:14px!important;
        line-height:1.72!important;
    }
}

/* youtube6: wider video sections and smoother 10-item shorts rail */
#sgr-renewal .sgr-youtube-section,
#sgr-renewal .sgr-shorts-section{
    padding-left:0!important;
    padding-right:0!important;
}

#sgr-renewal .sgr-youtube-head,
#sgr-renewal .sgr-shorts-head{
    width:min(1180px,calc(100% - 56px))!important;
}

#sgr-renewal .sgr-youtube-grid{
    width:min(1180px,calc(100% - 56px))!important;
    max-width:none!important;
    grid-template-columns:minmax(0,1.74fr) repeat(2,minmax(0,.72fr))!important;
    gap:18px!important;
}

#sgr-renewal .sgr-youtube-card,
#sgr-renewal .sgr-shorts-card{
    transform:translateZ(0)!important;
}

#sgr-renewal .sgr-youtube-thumb,
#sgr-renewal .sgr-shorts-thumb{
    background:#f2f4f7!important;
}

#sgr-renewal .sgr-youtube-card img,
#sgr-renewal .sgr-shorts-card img{
    object-fit:cover!important;
    image-rendering:auto!important;
    backface-visibility:hidden!important;
    will-change:transform,filter!important;
}

#sgr-renewal .sgr-shorts-shell{
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    width:min(1180px,calc(100% - 56px))!important;
    max-width:none!important;
}

#sgr-renewal .sgr-shorts-grid{
    gap:18px!important;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
}

#sgr-renewal .sgr-shorts-card,
#sgr-renewal .sgr-shorts-card:last-child{
    flex:0 0 calc((100% - 72px) / 4.5)!important;
    width:auto!important;
    max-width:none!important;
    grid-column:auto!important;
}

#sgr-renewal .sgr-shorts-thumb{
    border-radius:24px!important;
    box-shadow:none!important;
}

#sgr-renewal .sgr-shorts-arrow{
    width:44px!important;
    height:110px!important;
    opacity:.8!important;
}

#sgr-renewal .sgr-shorts-arrow::before{
    width:24px!important;
    height:24px!important;
    border-width:1.4px!important;
}

#sgr-renewal .sgr-shorts-arrow:hover{
    opacity:1!important;
}

@media (min-width:1600px){
    #sgr-renewal .sgr-youtube-head,
    #sgr-renewal .sgr-shorts-head,
    #sgr-renewal .sgr-youtube-grid,
    #sgr-renewal .sgr-shorts-shell{
        width:min(1220px,calc(100% - 64px))!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-youtube-head,
    #sgr-renewal .sgr-shorts-head,
    #sgr-renewal .sgr-youtube-grid{
        width:calc(100% - 32px)!important;
    }

    #sgr-renewal .sgr-shorts-shell{
        grid-template-columns:30px minmax(0,1fr) 30px!important;
        width:100%!important;
    }

    #sgr-renewal .sgr-shorts-grid{
        gap:12px!important;
    }

    #sgr-renewal .sgr-shorts-card,
    #sgr-renewal .sgr-shorts-card:last-child{
        flex-basis:calc((100% - 24px) / 2.35)!important;
    }

    #sgr-renewal .sgr-shorts-thumb{
        border-radius:18px!important;
    }

    #sgr-renewal .sgr-shorts-arrow{
        width:30px!important;
        height:78px!important;
    }

    #sgr-renewal .sgr-shorts-arrow::before{
        width:17px!important;
        height:17px!important;
        border-width:1.2px!important;
    }
}

/* youtube7: browser-safe shorts card width, 4.5 cards visible on desktop */
#sgr-renewal .sgr-shorts-card,
#sgr-renewal .sgr-shorts-card:last-child{
    flex:0 0 calc((100% - 72px) * .222222)!important;
    width:auto!important;
    max-width:none!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-shorts-card,
    #sgr-renewal .sgr-shorts-card:last-child{
        flex-basis:calc((100% - 24px) * .425532)!important;
    }
}

/* medical3: PC 의학사진 섹션 표시 및 로그인 없이 원본 첨부 이미지 노출 */
@media (min-width:981px){
    #sgr-renewal .sgr-mobile-about-flow{
        display:none!important;
    }

    #sgr-renewal .sgr-mobile-cases{
        display:block!important;
        width:100%!important;
        padding:132px max(44px,calc((100vw - 1380px)/2))!important;
        background:#fff!important;
        color:#0f1728!important;
    }

    #sgr-renewal .sgr-mobile-cases-head{
        display:flex!important;
        align-items:flex-end!important;
        justify-content:space-between!important;
        gap:36px!important;
        margin:0 0 34px!important;
    }

    #sgr-renewal .sgr-mobile-cases-head span{
        display:block!important;
        margin:0 0 14px!important;
        color:#b89b63!important;
        font-size:13px!important;
        font-weight:900!important;
        letter-spacing:.06em!important;
    }

    #sgr-renewal .sgr-mobile-cases-head h2{
        margin:0!important;
        color:#080d1b!important;
        font-size:clamp(38px,3.2vw,56px)!important;
        font-weight:900!important;
        line-height:1.18!important;
    }

    #sgr-renewal .sgr-mobile-case-tabs{
        display:flex!important;
        flex-wrap:wrap!important;
        gap:10px!important;
        margin:0 0 34px!important;
        padding:0!important;
        overflow:visible!important;
        white-space:normal!important;
    }

    #sgr-renewal .sgr-mobile-case-tabs a{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:0 0 auto!important;
        min-width:78px!important;
        height:42px!important;
        padding:0 18px!important;
        border:1px solid #d9e1ec!important;
        border-radius:999px!important;
        background:#fff!important;
        color:#7a8494!important;
        font-size:15px!important;
        font-weight:800!important;
    }

    #sgr-renewal .sgr-mobile-case-tabs a.is-active{
        border-color:#172643!important;
        background:#172643!important;
        color:#fff!important;
    }

    #sgr-renewal .sgr-mobile-case-card{
        display:grid!important;
        grid-template-columns:minmax(0,1.38fr) minmax(360px,.72fr)!important;
        gap:42px!important;
        align-items:center!important;
        margin:0!important;
    }

    #sgr-renewal .sgr-mobile-case-photo{
        position:relative!important;
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        width:100%!important;
        aspect-ratio:1.72/1!important;
        overflow:hidden!important;
        border-radius:26px!important;
        background:#eef2f7!important;
        box-shadow:0 28px 70px rgba(23,38,67,.1)!important;
    }

    #sgr-renewal .sgr-mobile-case-photo>div:not(.sgr-mobile-case-angle){
        position:relative!important;
        min-width:0!important;
        overflow:hidden!important;
    }

    #sgr-renewal .sgr-mobile-case-photo img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:center center!important;
    }

    #sgr-renewal .sgr-mobile-case-photo>div:not(.sgr-mobile-case-angle)::after{
        content:""!important;
        position:absolute!important;
        inset:0!important;
        background:linear-gradient(180deg,rgba(10,17,31,.08) 0%,rgba(10,17,31,0) 42%,rgba(10,17,31,.08) 100%)!important;
        pointer-events:none!important;
    }

    #sgr-renewal .sgr-mobile-case-before span,
    #sgr-renewal .sgr-mobile-case-after span{
        top:18px!important;
        min-width:66px!important;
        height:32px!important;
        padding:0 12px!important;
        border-radius:8px!important;
        font-size:13px!important;
        font-weight:900!important;
    }

    #sgr-renewal .sgr-mobile-case-before span{
        left:18px!important;
    }

    #sgr-renewal .sgr-mobile-case-after span{
        right:18px!important;
    }

    #sgr-renewal .sgr-mobile-case-angle{
        bottom:20px!important;
        gap:8px!important;
    }

    #sgr-renewal .sgr-mobile-case-angle span{
        min-width:64px!important;
        height:36px!important;
        padding:0 14px!important;
        border-radius:8px!important;
        font-size:14px!important;
        font-weight:900!important;
    }

    #sgr-renewal .sgr-mobile-case-copy{
        padding:0!important;
    }

    #sgr-renewal .sgr-mobile-case-copy p{
        margin:0 0 8px!important;
        color:#2d3444!important;
        font-size:26px!important;
        font-weight:500!important;
        line-height:1.34!important;
    }

    #sgr-renewal .sgr-mobile-case-copy h3{
        display:-webkit-box!important;
        margin:0!important;
        overflow:hidden!important;
        -webkit-line-clamp:3!important;
        -webkit-box-orient:vertical!important;
        color:#070c18!important;
        font-size:clamp(34px,2.8vw,48px)!important;
        font-weight:900!important;
        line-height:1.22!important;
    }

    #sgr-renewal .sgr-mobile-case-copy h3 a{
        color:inherit!important;
    }

    #sgr-renewal .sgr-mobile-case-copy em{
        display:block!important;
        margin:26px 0 0!important;
        color:#8d96a6!important;
        font-size:15px!important;
        font-style:normal!important;
        font-weight:800!important;
    }

    #sgr-renewal .sgr-mobile-case-more{
        margin:34px 0 18px!important;
    }

    #sgr-renewal .sgr-mobile-case-more span,
    #sgr-renewal .sgr-mobile-case-more a{
        font-size:15px!important;
    }

    #sgr-renewal .sgr-mobile-case-thumbs{
        gap:12px!important;
        margin:0!important;
        padding:0 0 4px!important;
    }

    #sgr-renewal .sgr-mobile-case-thumbs a{
        flex:0 0 92px!important;
        border-radius:12px!important;
    }

    #sgr-renewal .sgr-mobile-case-note{
        margin:22px 0 0!important;
        font-size:12px!important;
        font-weight:600!important;
        line-height:1.7!important;
    }
}

/* 2026 interaction pass: hero slider, signature carousel, introduction snap flow */
.sgr-hero{position:relative;min-height:calc(100svh - 70px);padding:0;overflow:hidden;background:#dfe3e8;color:#3f464f}
.sgr-hero-stage,.sgr-hero-slide{position:absolute;inset:0}
.sgr-hero-slide{opacity:0;pointer-events:none;transition:opacity 1s ease}
.sgr-hero-slide.is-active{opacity:1;pointer-events:auto}
.sgr-hero-slide::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(222,226,231,.9) 0%,rgba(222,226,231,.62) 31%,rgba(222,226,231,.2) 58%,rgba(23,38,67,.18) 100%)}
.sgr-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.96;transform:scale(1.07);transition:transform 5.8s cubic-bezier(.19,1,.22,1),opacity 1s ease}
.sgr-hero-slide.is-active .sgr-hero-bg{transform:scale(1)}
.sgr-hero-copy{position:absolute;left:9.2%;top:33%;z-index:3;width:min(430px,33vw);opacity:0;transform:translateY(22px);transition:opacity .78s ease .18s,transform .78s ease .18s}
.sgr-hero-slide.is-active .sgr-hero-copy{opacity:1;transform:translateY(0)}
.sgr-hero-copy span{display:block;color:#5e646d;font-size:13px;font-weight:900}
.sgr-hero-copy h1{margin:18px 0;color:#464d56;font-size:clamp(34px,3.45vw,56px);font-weight:900;line-height:1.08}
.sgr-hero-copy p{max-width:410px;margin:0;color:#515a66;font-size:16px;font-weight:700;line-height:1.72}
.sgr-hero-slide.is-active .sgr-hero-copy span{color:#56606c}
.sgr-hero-slide.is-active .sgr-hero-copy h1{color:#333b47;text-shadow:0 10px 34px rgba(255,255,255,.56)}
.sgr-hero-slide.is-active .sgr-hero-copy p{color:#384352;text-shadow:0 10px 30px rgba(255,255,255,.6)}
.sgr-hero-cta{display:flex;gap:10px;margin-top:28px}
.sgr-hero-cta a{display:inline-flex;align-items:center;justify-content:center;min-width:132px;height:42px;padding:0 18px;border:1px solid rgba(63,69,76,.64);border-radius:0;background:rgba(255,255,255,.12);color:#303742;font-size:14px;font-weight:900}
.sgr-hero-index{position:absolute;right:8.4%;bottom:33%;z-index:3;width:min(430px,31vw);opacity:0;transform:translateX(24px);transition:opacity .8s ease .32s,transform .8s ease .32s}
.sgr-hero-slide.is-active .sgr-hero-index{opacity:1;transform:translateX(0)}
.sgr-hero-index b{display:block;color:rgba(255,255,255,.78);font-size:12px;font-weight:900}
.sgr-hero-index p{margin:8px 0 0;color:#fff;font-family:"Caveat",var(--sgr-font);font-size:clamp(48px,5vw,78px);font-weight:700;line-height:.9;text-shadow:0 18px 34px rgba(23,38,67,.22)}
.sgr-hero-controls{position:absolute;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));z-index:4;display:flex;align-items:center;gap:13px;transform:translateX(-50%)}
.sgr-hero-controls button{position:relative;width:54px;height:28px;padding:0;border:0;background:transparent;color:rgba(255,255,255,.82);font-size:11px;font-weight:900;cursor:pointer}
.sgr-hero-controls button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.42)}
.sgr-hero-controls button.is-active::after{height:3px;background:#fff}

.sgr-signature{padding:136px 0 116px;background:#fff}
.sgr-signature .sgr-section-head{width:min(1120px,calc(100% - 56px));margin:0 auto 62px;text-align:center}
.sgr-signature-grid{display:flex;grid-template-columns:none;gap:0;width:100%;max-width:none;margin:0;padding:0 0 0 max(30px,calc((100vw - 1380px)/2));border-radius:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:max(30px,calc((100vw - 1380px)/2));-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sgr-signature-grid::-webkit-scrollbar{display:none}
.sgr-signature-card{flex:0 0 min(31vw,440px);margin-right:28px;border:0;border-radius:0;overflow:visible;background:#fff;box-shadow:none;scroll-snap-align:start}
.sgr-signature-card img{width:100%;height:470px;border-radius:8px;object-fit:cover;filter:saturate(.92);transition:transform .72s ease,filter .72s ease}
.sgr-signature-card:hover img{transform:scale(1.025);filter:saturate(1)}
.sgr-signature-card span{display:block;margin:28px 0 12px;color:#8b9096;font-size:17px;font-weight:900}
.sgr-signature-card div{padding:0 0 18px}
.sgr-signature-card h3{margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid #d8d8d8;color:#62676f;font-size:30px;line-height:1.24}
.sgr-signature-card p{margin:0;color:#737b86;font-size:16px;line-height:1.72}
.sgr-signature-dots{display:flex;justify-content:center;gap:10px;margin:34px 0 0}
.sgr-signature-dots button{width:12px;height:12px;padding:0;border:2px solid #cfcfcf;border-radius:50%;background:#fff;cursor:pointer}
.sgr-signature-dots button.is-active{border-color:#8b8f95;background:#8b8f95}

.sgr-about-flow{display:block;height:calc(100svh - 70px);margin:0;background:#f5f5f2;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;scrollbar-width:none}
.sgr-about-flow::-webkit-scrollbar{display:none}
.sgr-about-flow>article,.sgr-about-flow>a{scroll-snap-align:start;scroll-snap-stop:always}
.sgr-mobile-about-intro{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 70px);padding:110px 7vw 120px;text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(246,246,241,.92))}
.sgr-mobile-about-intro span{color:#7c8187;font-size:clamp(46px,5vw,82px);font-weight:300;letter-spacing:.16em}
.sgr-mobile-about-intro h2{margin:28px 0;color:#62666c;font-size:clamp(34px,3.4vw,52px);line-height:1.25}
.sgr-mobile-about-intro p{max-width:900px;margin:0;color:#747980;font-size:clamp(18px,1.45vw,24px);line-height:1.75}
.sgr-mobile-about-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(100svh - 70px);padding:110px 8vw 124px;color:#5f646b;background:#f5f5f2;overflow:hidden}
.sgr-mobile-about-card::before{content:"";position:absolute;inset:0;background:var(--about-bg) center/cover no-repeat;opacity:.32;transform:scale(1.03)}
.sgr-mobile-about-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,245,242,.94) 0%,rgba(245,245,242,.82) 42%,rgba(245,245,242,.45) 100%)}
.sgr-mobile-about-card.is-dark{color:#fff}
.sgr-mobile-about-card.is-dark::before{opacity:.78}
.sgr-mobile-about-card.is-dark::after{background:linear-gradient(90deg,rgba(23,32,43,.78) 0%,rgba(23,32,43,.48) 58%,rgba(23,32,43,.18) 100%)}
.sgr-mobile-about-card b,.sgr-mobile-about-card strong,.sgr-mobile-about-card h3,.sgr-mobile-about-card p,.sgr-mobile-about-card em{position:relative;z-index:2}
.sgr-mobile-about-card b{font-size:clamp(36px,4vw,64px);font-weight:600}
.sgr-mobile-about-card strong{margin-top:18px;font-size:clamp(38px,4.6vw,74px);font-weight:600;line-height:1.04}
.sgr-mobile-about-card h3{margin:28px 0 18px;font-size:clamp(30px,3.4vw,52px);line-height:1.2}
.sgr-mobile-about-card p{max-width:780px;margin:0;color:inherit;font-size:clamp(17px,1.55vw,25px);line-height:1.64}
.sgr-mobile-about-card em{margin-top:32px;font-style:normal;font-size:20px;font-weight:700;letter-spacing:.22em}
.sgr-stories,.sgr-menu-map,.sgr-care,.sgr-doctor,.sgr-board-area,.sgr-location{display:none}

@media (max-width:720px){
    .sgr-hero{min-height:calc(100svh - 54px);padding:0 16px 92px;align-items:flex-end}
    .sgr-hero-slide::before{background:linear-gradient(180deg,rgba(223,227,232,.16) 0%,rgba(223,227,232,.24) 32%,rgba(255,255,255,.86) 72%,rgba(255,255,255,.98) 100%)}
    .sgr-hero-bg{object-position:56% center}
    .sgr-hero-copy{left:16px;right:16px;top:auto;bottom:132px;width:auto}
    .sgr-hero-copy span{font-size:12px}
    .sgr-hero-copy h1{font-size:26px;color:var(--sgr-navy)!important}
    .sgr-hero-copy p{font-size:13px;color:#2f3d54!important}
    .sgr-hero-copy span{color:#516074!important}
    .sgr-hero-cta{display:none}
    .sgr-hero-index{display:none}
    .sgr-hero-controls{bottom:78px;gap:8px}
    .sgr-hero-controls button{width:35px;height:18px;color:#647085}
    .sgr-hero-controls button::after{background:rgba(100,112,133,.34)}
    .sgr-hero-controls button.is-active::after{background:var(--sgr-navy)}
    .sgr-signature{padding:56px 0 100px}
    .sgr-signature .sgr-section-head{width:100%;padding:0 16px;margin-bottom:34px}
    .sgr-signature .sgr-section-head span{font-size:24px}
    .sgr-signature .sgr-section-head h2{font-size:15px;line-height:1.62}
    .sgr-signature-grid{padding-left:34px;scroll-padding-left:34px}
    .sgr-signature-card{flex-basis:73%;margin-right:22px}
    .sgr-signature-card img{height:310px}
    .sgr-signature-card h3{font-size:25px}
    .sgr-signature-card p{font-size:15px;line-height:1.58}
    .sgr-about-flow{height:calc(100svh - 54px)}
    .sgr-mobile-about-intro{min-height:calc(100svh - 54px);padding:88px 22px 116px}
    .sgr-mobile-about-intro span{font-size:35px;letter-spacing:.14em}
    .sgr-mobile-about-intro h2{font-size:31px}
    .sgr-mobile-about-intro p{font-size:18px}
    .sgr-mobile-about-card{min-height:calc(100svh - 54px);padding:78px 30px 112px}
    .sgr-mobile-about-card::after{background:linear-gradient(180deg,rgba(245,245,242,.52) 0%,rgba(245,245,242,.95) 72%,rgba(245,245,242,1) 100%)}
    .sgr-mobile-about-card b{font-size:33px}
    .sgr-mobile-about-card strong{font-size:31px}
    .sgr-mobile-about-card h3{font-size:28px}
    .sgr-mobile-about-card p{font-size:17px}
    .sgr-mobile-about-card em{font-size:18px}
}

/* about flow release override */
.sgr-about-flow,
.sgr-mobile-about-flow{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:auto!important;
}
.sgr-about-flow>article,
.sgr-about-flow>a,
.sgr-mobile-about-flow>article,
.sgr-mobile-about-flow>a{
    min-height:calc(100svh - 70px);
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!important;
}

@media (max-width:720px){
    .sgr-about-flow>article,
    .sgr-about-flow>a,
    .sgr-mobile-about-flow>article,
    .sgr-mobile-about-flow>a{
        min-height:calc(100svh - 54px);
    }
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body,button,input,select,textarea{font-family:var(--sgr-font)}
body{margin:0;background:#fff;color:var(--sgr-ink);letter-spacing:0;word-break:keep-all}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
#sgr-renewal{overflow:hidden;background:#fff}
.sgr-header{position:fixed;top:24px;left:50%;z-index:1000;display:flex;align-items:center;justify-content:space-between;width:min(1760px,calc(100% - 64px));height:74px;padding:0 28px;transform:translateX(-50%);color:var(--sgr-navy);transition:.28s ease}
.sgr-header.is-scrolled,.sgr-header.is-open{top:18px;background:rgba(255,255,255,.94);border:1px solid rgba(220,228,239,.95);border-radius:18px;box-shadow:0 22px 54px rgba(23,38,67,.13);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.sgr-logo{position:relative;display:block;width:176px;height:47px}
.sgr-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:.2s ease}
.sgr-logo-light{opacity:0}
.sgr-logo-dark{opacity:1}
.sgr-nav{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:800}
.sgr-nav a{position:relative;white-space:nowrap}
.sgr-nav a::after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--sgr-gold);transition:.22s ease}
.sgr-nav a:hover::after{width:100%}
.sgr-header-actions{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:900}
.sgr-menu-btn{display:grid;place-items:center;width:44px;height:44px;margin-left:4px;border:0;border-radius:50%;background:#eef3f9;color:var(--sgr-navy);cursor:pointer}
.sgr-menu-btn span{display:block;width:21px;height:2px;background:currentColor;transition:.2s ease}
.sgr-menu-btn span+span{margin-top:6px}
.sgr-header.is-open .sgr-menu-btn span:first-child{transform:translateY(4px) rotate(45deg)}
.sgr-header.is-open .sgr-menu-btn span:last-child{transform:translateY(-4px) rotate(-45deg)}
.sgr-menu-panel{position:fixed;inset:0;z-index:900;padding:128px 44px 44px;background:rgba(246,248,251,.98);opacity:0;pointer-events:none;transform:translateY(-16px);transition:.28s ease;overflow:auto}
.sgr-menu-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}
.sgr-menu-panel-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1480px;margin:0 auto}
.sgr-menu-panel section{min-height:250px;padding:26px;border:1px solid var(--sgr-line);border-radius:8px;background:#fff}
.sgr-menu-panel p,.sgr-section-head span,.sgr-care-copy span,.sgr-doctor-copy span,.sgr-location-copy span,.sgr-ready span{margin:0 0 12px;color:var(--sgr-gold);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.sgr-menu-panel h2{margin:0 0 20px;color:var(--sgr-navy);font-size:25px;line-height:1.25}
.sgr-menu-panel ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.sgr-menu-panel li a{display:block;padding:13px 0;border-top:1px solid #edf1f6;font-size:16px;font-weight:800}
.sgr-menu-panel li span{display:block;margin-top:5px;color:var(--sgr-muted);font-size:13px;font-weight:500;line-height:1.55}
.sgr-hero{position:relative;display:flex;align-items:center;min-height:clamp(760px,calc(100svh - 70px),900px);padding:126px max(40px,calc((100vw - 1480px)/2)) 78px;background:#f7f9fc;color:var(--sgr-navy);overflow:hidden}
.sgr-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 34%,rgba(255,255,255,.42) 62%,rgba(255,255,255,.02) 100%)}
.sgr-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:2;height:1px;background:var(--sgr-line)}
.sgr-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.sgr-hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;width:min(720px,56vw)}
.sgr-hero-copy span{color:var(--sgr-gold);font-size:14px;font-weight:900}
.sgr-hero-copy h1{margin:24px 0 24px;color:var(--sgr-navy);font-size:clamp(52px,5.5vw,96px);font-weight:900;line-height:1.04;letter-spacing:0}
.sgr-hero-copy p{max-width:620px;margin:0;color:#4e5c73;font-size:21px;font-weight:600;line-height:1.75}
.sgr-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none}
.sgr-hero-points li{padding:10px 14px;border:1px solid var(--sgr-line);border-radius:999px;background:#fff;color:#31405c;font-size:14px;font-weight:800}
.sgr-hero-cta{display:flex;gap:12px;margin-top:38px}
.sgr-hero-cta a,.sgr-care-copy a,.sgr-doctor-copy a,.sgr-location-copy a,.sgr-ready a{display:inline-flex;align-items:center;justify-content:center;min-width:148px;height:50px;padding:0 22px;border-radius:999px;background:var(--sgr-navy);color:#fff;font-weight:900}
.sgr-hero-cta a:last-child{border:1px solid var(--sgr-line);background:#fff;color:var(--sgr-navy)}
.sgr-hero-index{display:none;position:absolute;right:max(40px,calc((100vw - 1480px)/2));bottom:82px;z-index:3;width:min(360px,30vw);padding-left:26px;border-left:1px solid rgba(23,38,67,.2)}
.sgr-hero-index b{display:block;color:var(--sgr-gold);font-size:13px;font-weight:900}
.sgr-hero-index p{margin:10px 0 0;color:#4f5c71;font-size:16px;font-weight:700;line-height:1.65}
.sgr-section{width:min(1480px,calc(100% - 80px));margin:0 auto;padding:118px 0}
.sgr-section-head{display:grid;grid-template-columns:minmax(240px,330px) 1fr;gap:70px;margin-bottom:48px;border-top:1px solid var(--sgr-line);padding-top:34px}
.sgr-section-head h2,.sgr-care-copy h2,.sgr-doctor-copy h2,.sgr-location-copy h2{margin:0;color:var(--sgr-navy);font-size:clamp(34px,3.2vw,56px);font-weight:900;line-height:1.18}
.sgr-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sgr-intro article,.sgr-menu-map article,.sgr-care-steps article,.sgr-board-block{border:1px solid var(--sgr-line);border-radius:8px;background:#fff;box-shadow:0 18px 45px rgba(23,38,67,.05)}
.sgr-intro article{padding:34px}
.sgr-intro b,.sgr-care-steps b{color:var(--sgr-blue);font-size:20px;font-weight:900}
.sgr-intro h3,.sgr-care-steps h3{margin:18px 0 12px;color:var(--sgr-navy);font-size:24px;line-height:1.28}
.sgr-intro p,.sgr-care-steps p,.sgr-doctor-copy p,.sgr-location-copy p{margin:0;color:var(--sgr-muted);font-size:17px;line-height:1.8}
.sgr-signature{width:100%;padding-left:max(40px,calc((100% - 1480px)/2));padding-right:max(40px,calc((100% - 1480px)/2));background:#fff}
.sgr-signature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sgr-signature-card{position:relative;display:flex;flex-direction:column;min-height:560px;border:1px solid var(--sgr-line);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 22px 50px rgba(23,38,67,.07)}
.sgr-signature-card img{width:100%;height:390px;object-fit:cover;transition:transform .65s ease}
.sgr-signature-card:hover img{transform:scale(1.045)}
.sgr-signature-card span{display:block;margin:24px 24px 10px;color:var(--sgr-gold);font-size:14px;font-weight:900}
.sgr-signature-card div{padding:0 24px 28px}
.sgr-signature-card h3{margin:0 0 12px;color:var(--sgr-navy);font-size:26px;line-height:1.25}
.sgr-signature-card p{margin:0;color:var(--sgr-muted);font-size:16px;line-height:1.68}
.sgr-signature-dots{display:none}
.sgr-mobile-about-flow{display:none}
.sgr-stories{width:100%;padding-left:max(40px,calc((100% - 1480px)/2));padding-right:max(40px,calc((100% - 1480px)/2));background:var(--sgr-soft)}
.sgr-story-list{display:grid;gap:24px}
.sgr-story-card{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border:1px solid var(--sgr-line);border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 20px 54px rgba(23,38,67,.06)}
.sgr-story-card:nth-child(even){grid-template-columns:.9fr 1.1fr}
.sgr-story-card:nth-child(even) .sgr-story-img{order:2}
.sgr-story-img img{width:100%;height:520px;object-fit:cover}
.sgr-story-copy{display:flex;flex-direction:column;justify-content:center;padding:46px 54px}
.sgr-story-copy span{color:var(--sgr-gold);font-size:16px;font-weight:900}
.sgr-story-copy p{margin:16px 0 10px;color:var(--sgr-blue);font-size:16px;font-weight:900}
.sgr-story-copy h3{margin:0;color:var(--sgr-navy);font-size:42px;line-height:1.15}
.sgr-story-copy em{display:block;margin-top:20px;color:#5e6b80;font-size:18px;font-style:normal;line-height:1.75}
.sgr-story-copy ul{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}
.sgr-story-copy li{padding:9px 12px;border-radius:999px;background:#f0f4f9;color:#304565;font-size:14px;font-weight:800}
.sgr-menu-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sgr-menu-map article{overflow:hidden}
.sgr-menu-map-img{display:block;overflow:hidden;background:var(--sgr-soft)}
.sgr-menu-map-img img{width:100%;height:255px;object-fit:cover;transition:transform .55s ease}
.sgr-menu-map article:hover .sgr-menu-map-img img{transform:scale(1.04)}
.sgr-menu-map article>span{display:block;margin:24px 26px 8px;color:var(--sgr-gold);font-size:12px;font-weight:900;text-transform:uppercase}
.sgr-menu-map h3{margin:0 26px 18px;color:var(--sgr-navy);font-size:25px}
.sgr-menu-map ul{display:grid;gap:0;margin:0;padding:0 26px 26px;list-style:none}
.sgr-menu-map li{padding:13px 0;border-top:1px solid #edf1f6}
.sgr-menu-map a{display:block;color:var(--sgr-ink);font-size:16px;font-weight:900}
.sgr-menu-map em{display:block;margin-top:5px;color:var(--sgr-muted);font-size:13px;font-style:normal;line-height:1.55}
.sgr-care{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.sgr-care-copy{position:sticky;top:130px}
.sgr-care-copy p{margin:24px 0 34px}
.sgr-care-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sgr-care-steps article{min-height:220px;padding:32px}
.sgr-doctor{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.sgr-doctor-photo{border-radius:8px;overflow:hidden;background:var(--sgr-soft);box-shadow:0 24px 60px rgba(23,38,67,.1)}
.sgr-doctor-photo img{width:100%;height:620px;object-fit:cover}
.sgr-doctor-copy p{margin:24px 0 34px}
.sgr-board-area{width:100%;padding-left:max(40px,calc((100% - 1480px)/2));padding-right:max(40px,calc((100% - 1480px)/2));background:linear-gradient(180deg,#fff 0%,#f4f7fb 100%)}
.sgr-board-block{padding:28px;margin-bottom:20px;overflow:hidden}
.sgr-board-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sgr-board-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.sgr-board-title h3{margin:0;color:var(--sgr-navy);font-size:26px}
.sgr-board-title a{color:var(--sgr-blue);font-size:14px;font-weight:900}
.sgr-board-output{overflow:hidden}
.sgr-board-output ul{margin:0;padding:0;list-style:none}
.sgr-board-output img{border-radius:8px}
.sgr-board-link p{min-height:58px;margin:0 0 24px;color:var(--sgr-muted);font-size:16px;line-height:1.75}
.sgr-board-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;border-radius:999px;background:var(--sgr-navy);color:#fff;font-size:14px;font-weight:900}
.sgr-location{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.sgr-location-copy dl{display:grid;grid-template-columns:76px 1fr;gap:10px 0;margin:24px 0 34px;color:var(--sgr-muted);font-size:17px}
.sgr-location-copy dt{color:var(--sgr-navy);font-weight:900}
.sgr-location-img{border-radius:8px;overflow:hidden;box-shadow:0 24px 60px rgba(23,38,67,.1)}
.sgr-location-img img{width:100%;height:520px;object-fit:cover}
.sgr-floating{position:fixed;right:26px;bottom:26px;z-index:800;display:grid;gap:8px}
.sgr-floating a{display:flex;align-items:center;justify-content:center;width:86px;height:42px;border-radius:999px;background:#fff;color:var(--sgr-navy);font-size:12px;font-weight:900;box-shadow:0 14px 38px rgba(23,38,67,.13)}
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)}
[data-reveal].is-visible{opacity:1;transform:translateY(0)}
.sgr-ready{display:grid;place-items:center;min-height:100vh;padding:36px;background:var(--sgr-soft);color:var(--sgr-ink)}
.sgr-ready-logo{position:absolute;top:34px;left:40px;width:176px}
.sgr-ready section{width:min(720px,100%);padding:56px;border:1px solid var(--sgr-line);border-radius:8px;background:#fff;box-shadow:0 22px 54px rgba(23,38,67,.12)}
.sgr-ready h1{margin:0 0 18px;color:var(--sgr-navy);font-size:42px;line-height:1.25}
.sgr-ready p{margin:0 0 30px;color:var(--sgr-muted);font-size:18px;line-height:1.8}
@media (max-width:1200px){
    .sgr-nav{display:none}
    .sgr-hero{padding-top:118px}
    .sgr-hero-copy{width:min(680px,70vw)}
    .sgr-hero-index{display:none}
    .sgr-menu-panel-inner,.sgr-menu-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sgr-signature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sgr-care,.sgr-doctor,.sgr-location{grid-template-columns:1fr}
    .sgr-care-copy{position:static}
}
@media (max-width:720px){
    .sgr-header{top:14px;width:calc(100% - 28px);height:62px;padding:0 16px}
    .sgr-header.is-scrolled,.sgr-header.is-open{top:10px;border-radius:16px}
    .sgr-logo{width:132px;height:36px}
    .sgr-header-actions a{display:none}
    .sgr-menu-btn{width:38px;height:38px}
    .sgr-menu-panel{padding:92px 15px 22px}
    .sgr-menu-panel-inner,.sgr-menu-map-grid,.sgr-intro-grid,.sgr-signature-grid,.sgr-care-steps,.sgr-board-columns{grid-template-columns:1fr}
    .sgr-menu-panel section{min-height:auto;padding:22px}
    .sgr-hero{min-height:calc(100svh - 54px);padding:96px 16px 68px}
    .sgr-hero::before{background:linear-gradient(180deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.96) 44%,rgba(255,255,255,.7) 100%)}
    .sgr-hero-bg{object-position:62% center}
    .sgr-hero-copy{width:100%;justify-content:flex-end}
    .sgr-hero-copy h1{font-size:44px}
    .sgr-hero-copy p{font-size:17px}
    .sgr-hero-cta{flex-wrap:wrap;margin-top:28px}
    .sgr-hero-cta a{min-width:132px;height:48px}
    .sgr-section,.sgr-signature,.sgr-stories,.sgr-board-area{width:100%;padding:78px 16px}
    .sgr-section-head{grid-template-columns:1fr;gap:12px;margin-bottom:28px;padding-top:24px}
    .sgr-section-head h2,.sgr-care-copy h2,.sgr-doctor-copy h2,.sgr-location-copy h2{font-size:31px}
    .sgr-signature-card{min-height:auto}
    .sgr-signature-card img{height:330px}
    .sgr-story-card,.sgr-story-card:nth-child(even){grid-template-columns:1fr}
    .sgr-story-card:nth-child(even) .sgr-story-img{order:0}
    .sgr-story-img img{height:340px}
    .sgr-story-copy{padding:30px 24px}
    .sgr-story-copy h3{font-size:31px}
    .sgr-story-copy em{font-size:16px}
    .sgr-menu-map-img img{height:310px}
    .sgr-doctor-photo img,.sgr-location-img img{height:auto}
    .sgr-floating{left:0;right:0;bottom:0;grid-template-columns:repeat(3,1fr);gap:0}
    .sgr-floating a{width:100%;height:54px;border-radius:0;box-shadow:0 -10px 30px rgba(23,38,67,.12)}
    .sgr-ready-logo{left:22px;width:132px}
    .sgr-ready section{padding:34px 24px}
    .sgr-ready h1{font-size:31px}
}

/* 2026 redesign direction: ARC-like premium editorial layout */
#sgr-renewal *{letter-spacing:0}
.sgr-header{top:0;width:100%;height:92px;padding:0 46px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:transparent;border:0;border-radius:0;box-shadow:none;color:#3e444c;transform:translateX(-50%)}
.sgr-header::before{content:"SUGAR SIGNATURE";justify-self:start;color:#565b63;font-size:15px;font-weight:900}
.sgr-header.is-scrolled,.sgr-header.is-open{top:18px;width:calc(100% - 64px);height:72px;padding:0 28px;background:rgba(255,255,255,.92);border:1px solid rgba(220,224,230,.9);border-radius:18px;box-shadow:0 22px 54px rgba(23,38,67,.13)}
.sgr-header.is-scrolled::before,.sgr-header.is-open::before{color:var(--sgr-navy)}
.sgr-logo{grid-column:2;width:184px;height:44px}
.sgr-nav{display:none}
.sgr-header-actions{grid-column:3;justify-self:end;color:inherit}
.sgr-header-actions a{color:inherit}
.sgr-menu-btn{width:52px;height:52px;background:transparent;color:currentColor;border-radius:50%}
.sgr-menu-btn span{width:34px;height:2px}
.sgr-menu-btn span+span{margin-top:9px}

.sgr-hero{min-height:calc(100svh - 70px);padding:0;background:#dfe3e8}
.sgr-hero::before{background:linear-gradient(90deg,rgba(223,227,232,.86) 0%,rgba(223,227,232,.62) 27%,rgba(223,227,232,.14) 52%,rgba(23,38,67,.12) 100%)}
.sgr-hero::after{background:rgba(255,255,255,.75)}
.sgr-hero-bg{object-position:center center;opacity:.98}
.sgr-hero-copy{position:absolute;left:9.2%;top:31%;z-index:3;width:min(440px,34vw)}
.sgr-hero-copy span{color:#6a6f76;font-size:16px;font-weight:900}
.sgr-hero-copy h1{margin:18px 0 18px;color:#50565f;font-size:clamp(42px,4.2vw,66px);font-weight:900;line-height:1.08}
.sgr-hero-copy p{max-width:420px;color:#4e5661;font-size:18px;font-weight:700;line-height:1.72}
.sgr-hero-points{display:none}
.sgr-hero-cta{gap:10px;margin-top:30px}
.sgr-hero-cta a{min-width:138px;height:44px;border:1px solid rgba(63,69,76,.68);border-radius:0;background:rgba(255,255,255,.14);color:#2f3540;font-size:15px}
.sgr-hero-cta a:last-child{background:rgba(255,255,255,.14);color:#2f3540}
.sgr-hero-index{display:block;right:9.8%;bottom:34%;width:min(390px,30vw);padding:0;border:0}
.sgr-hero-index b{color:rgba(255,255,255,.8);font-size:12px;font-weight:900}
.sgr-hero-index p{margin:8px 0 0;color:#fff;font-family:"Caveat",var(--sgr-font);font-size:clamp(52px,5.2vw,78px);font-weight:700;line-height:.9;text-shadow:0 18px 34px rgba(23,38,67,.22)}

.sgr-intro{display:none}
.sgr-section{width:min(1380px,calc(100% - 60px));padding:138px 0}
.sgr-section-head{display:block;margin:0 auto 72px;padding:0;border:0;text-align:center}
.sgr-section-head span,.sgr-care-copy span,.sgr-doctor-copy span,.sgr-location-copy span{display:block;margin:0 0 18px;color:#777;font-size:18px;font-weight:900;text-transform:none}
.sgr-section-head h2,.sgr-care-copy h2,.sgr-doctor-copy h2,.sgr-location-copy h2{margin:0 auto;color:#60656b;font-size:clamp(31px,3vw,44px);font-weight:800;line-height:1.28}
.sgr-signature{width:100%;padding:142px 30px 120px;background:#fff}
.sgr-signature .sgr-section-head span{color:#686d73;font-size:28px}
.sgr-signature .sgr-section-head h2{color:#7b8086;font-size:18px;font-weight:600}
.sgr-signature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:1380px;margin:0 auto;border-radius:8px;overflow:hidden}
.sgr-signature-card{min-height:auto;border:0;border-radius:0;background:#fff;box-shadow:none}
.sgr-signature-card img{height:510px;border-radius:0;filter:saturate(.92);transition:transform .72s ease,filter .72s ease}
.sgr-signature-card:hover img{transform:scale(1.04);filter:saturate(1.02)}
.sgr-signature-card span{margin:30px 30px 12px;color:#80848a;font-size:15px}
.sgr-signature-card div{padding:0 30px 42px}
.sgr-signature-card h3{color:#575c63;font-size:29px}
.sgr-signature-card p{color:#747b86;font-size:16px;line-height:1.75}

.sgr-stories{padding-top:132px;padding-bottom:132px;background:#f4f5f7}
.sgr-story-card{border:0;border-radius:8px;box-shadow:none}
.sgr-story-img img{height:560px;filter:saturate(.94)}
.sgr-story-copy h3{color:#4e5560}
.sgr-story-copy em{color:#6d7480}
.sgr-menu-map{padding-top:132px}
.sgr-menu-map article{box-shadow:none}

.sgr-floating{position:fixed;right:20px;top:50%;bottom:auto;z-index:850;display:grid;gap:14px;transform:translateY(-50%)}
.sgr-floating a{width:78px;height:78px;border-radius:50%;background:rgba(23,38,67,.7);color:#fff;font-size:13px;font-weight:900;text-align:center;box-shadow:none}
.sgr-floating a:hover{background:var(--sgr-navy)}

.sgr-consult-bar{position:fixed;left:50%;bottom:20px;z-index:820;display:grid;grid-template-columns:1fr 1.15fr 2fr auto 180px;gap:34px;align-items:center;width:calc(100% - 64px);height:80px;padding:0 22px 0 58px;border-radius:40px;background:rgba(69,72,76,.64);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateX(-50%);color:#fff}
.sgr-consult-bar label{display:block;min-width:0}
.sgr-consult-bar label>span{display:block;margin-bottom:7px;color:#fff;font-size:14px;font-weight:800}
.sgr-consult-bar input[type="text"],.sgr-consult-bar input[type="tel"]{width:100%;height:30px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.46);background:transparent;color:#fff;font-size:15px;outline:0}
.sgr-consult-agree{display:flex!important;align-items:center;gap:8px;white-space:nowrap}
.sgr-consult-agree input{width:18px;height:18px;margin:0}
.sgr-consult-agree span{margin:0!important}
.sgr-consult-bar button{height:50px;border:0;border-radius:999px;background:#fff;color:#50545a;font-size:16px;font-weight:900;cursor:pointer}

@media (max-width:1200px){
    .sgr-header{height:78px;padding:0 28px}
    .sgr-header::before{display:none}
    .sgr-logo{grid-column:1;justify-self:start;width:166px;height:42px}
    .sgr-header-actions{grid-column:3}
    .sgr-hero-copy{left:6%;width:42vw}
    .sgr-hero-index{display:none}
    .sgr-signature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sgr-consult-bar{grid-template-columns:1fr 1fr 1.4fr 160px;gap:18px;padding-left:28px}
    .sgr-consult-agree{display:none!important}
}

@media (max-width:720px){
    .sgr-header{top:14px;width:calc(100% - 28px);height:60px;padding:0 14px;border-radius:16px;color:var(--sgr-navy)}
    .sgr-header:not(.is-scrolled):not(.is-open){background:rgba(255,255,255,.78);border:1px solid rgba(220,224,230,.8);box-shadow:0 14px 34px rgba(23,38,67,.09)}
    .sgr-header.is-scrolled,.sgr-header.is-open{top:10px;width:calc(100% - 28px);height:60px}
    .sgr-logo{width:126px;height:34px}
    .sgr-menu-btn{width:38px;height:38px;background:#edf2f8}
    .sgr-menu-btn span{width:22px}
    .sgr-menu-btn span+span{margin-top:6px}
    .sgr-hero{min-height:calc(100svh - 54px);padding:0 16px 92px;align-items:flex-end}
    .sgr-hero::before{background:linear-gradient(180deg,rgba(223,227,232,.25) 0%,rgba(223,227,232,.3) 34%,rgba(255,255,255,.9) 72%,rgba(255,255,255,.98) 100%)}
    .sgr-hero-bg{object-position:56% center}
    .sgr-hero-copy{position:relative;left:auto;top:auto;width:100%;padding-bottom:0}
    .sgr-hero-copy span{font-size:13px}
    .sgr-hero-copy h1{font-size:38px;color:var(--sgr-navy)}
    .sgr-hero-copy p{font-size:16px;color:#465267}
    .sgr-hero-cta{display:none}
    .sgr-section,.sgr-signature,.sgr-stories,.sgr-board-area{width:100%;padding:86px 16px}
    .sgr-section-head{margin-bottom:34px;text-align:left}
    .sgr-section-head span{font-size:15px}
    .sgr-section-head h2,.sgr-care-copy h2,.sgr-doctor-copy h2,.sgr-location-copy h2{font-size:29px}
    .sgr-signature{padding:56px 0 100px;background:#fff}
    .sgr-signature .sgr-section-head{padding:0 16px;margin-bottom:34px;text-align:center}
    .sgr-signature .sgr-section-head span{font-size:24px}
    .sgr-signature .sgr-section-head h2{font-size:15px;line-height:1.62}
    .sgr-signature-grid{display:flex;grid-template-columns:none;gap:0;width:100%;max-width:none;margin:0;padding:0 0 0 34px;border-radius:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:34px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}
    .sgr-signature-grid::-webkit-scrollbar{display:none}
    .sgr-signature-card{flex:0 0 73%;margin-right:22px;border:0;border-radius:0;overflow:visible;box-shadow:none;scroll-snap-align:start}
    .sgr-signature-card img{height:310px;border-radius:8px;object-fit:cover}
    .sgr-signature-card span{margin:20px 0 8px;color:#8b9096;font-size:16px}
    .sgr-signature-card div{padding:0 0 10px}
    .sgr-signature-card h3{font-size:25px;color:#666b72;border-bottom:1px solid #d8d8d8;padding-bottom:13px}
    .sgr-signature-card p{font-size:15px;line-height:1.58;color:#777e88}
    .sgr-signature-dots{display:flex;justify-content:center;gap:10px;margin:18px 0 0}
    .sgr-signature-dots button{width:12px;height:12px;padding:0;border:2px solid #cfcfcf;border-radius:50%;background:#fff}
    .sgr-signature-dots button.is-active{border-color:#8b8f95;background:#8b8f95}
    .sgr-mobile-about-flow{display:block;height:calc(100svh - 54px);margin:0;background:#f5f5f2;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none}
    .sgr-mobile-about-flow::-webkit-scrollbar{display:none}
    .sgr-mobile-about-flow>article,.sgr-mobile-about-flow>a{scroll-snap-align:start;scroll-snap-stop:always}
    .sgr-mobile-about-intro{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 54px);padding:88px 22px 116px;text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(246,246,241,.92))}
    .sgr-mobile-about-intro span{color:#7c8187;font-size:35px;font-weight:300;letter-spacing:.14em}
    .sgr-mobile-about-intro h2{margin:22px 0 22px;color:#62666c;font-size:31px;line-height:1.25}
    .sgr-mobile-about-intro p{margin:0;color:#747980;font-size:18px;line-height:1.72}
    .sgr-mobile-about-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(100svh - 54px);padding:78px 30px 112px;color:#5f646b;background:#f5f5f2;overflow:hidden}
    .sgr-mobile-about-card::before{content:"";position:absolute;inset:0;background:var(--about-bg) center/cover no-repeat;opacity:.28;transform:scale(1.03)}
    .sgr-mobile-about-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(245,245,242,.52) 0%,rgba(245,245,242,.95) 72%,rgba(245,245,242,1) 100%)}
    .sgr-mobile-about-card.is-dark{color:#fff}
    .sgr-mobile-about-card.is-dark::before{opacity:.78}
    .sgr-mobile-about-card.is-dark::after{background:linear-gradient(90deg,rgba(23,32,43,.78) 0%,rgba(23,32,43,.48) 58%,rgba(23,32,43,.18) 100%)}
    .sgr-mobile-about-card b,.sgr-mobile-about-card strong,.sgr-mobile-about-card h3,.sgr-mobile-about-card p,.sgr-mobile-about-card em{position:relative;z-index:2}
    .sgr-mobile-about-card b{font-size:33px;font-weight:600}
    .sgr-mobile-about-card strong{margin-top:14px;font-size:31px;font-weight:600;line-height:1.12}
    .sgr-mobile-about-card h3{margin:26px 0 14px;font-size:28px;line-height:1.2}
    .sgr-mobile-about-card p{margin:0;color:inherit;font-size:17px;line-height:1.62}
    .sgr-mobile-about-card em{margin-top:26px;font-style:normal;font-size:18px;font-weight:700;letter-spacing:.22em}
    .sgr-stories,.sgr-menu-map,.sgr-care,.sgr-doctor,.sgr-board-area,.sgr-location{display:none}
    .sgr-floating{left:0;right:0;top:auto;bottom:0;grid-template-columns:repeat(3,1fr);gap:0;transform:none}
    .sgr-floating a{width:100%;height:54px;border-radius:0;background:#fff;color:var(--sgr-navy);box-shadow:0 -10px 30px rgba(23,38,67,.12)}
    .sgr-consult-bar{display:none}
}

/* final motion override - keep this at the end */
.sgr-hero{position:relative;min-height:calc(100svh - 70px);padding:0;overflow:hidden;background:#dfe3e8;color:#3f464f}
.sgr-hero::before{display:none}
.sgr-hero::after{z-index:5;background:rgba(255,255,255,.42)}
.sgr-hero-stage,.sgr-hero-slide{position:absolute;inset:0}
.sgr-hero-slide{opacity:0;pointer-events:none;transition:opacity 1s ease}
.sgr-hero-slide.is-active{opacity:1;pointer-events:auto}
.sgr-hero-slide::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(222,226,231,.9) 0%,rgba(222,226,231,.62) 31%,rgba(222,226,231,.2) 58%,rgba(23,38,67,.18) 100%)}
.sgr-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.96;transform:scale(1.07);transition:transform 5.8s cubic-bezier(.19,1,.22,1),opacity 1s ease}
.sgr-hero-slide.is-active .sgr-hero-bg{transform:scale(1)}
.sgr-hero-copy{position:absolute;left:9.2%;top:33%;z-index:3;width:min(430px,33vw);opacity:0;transform:translateY(22px);transition:opacity .78s ease .18s,transform .78s ease .18s}
.sgr-hero-slide.is-active .sgr-hero-copy{opacity:1;transform:translateY(0)}
.sgr-hero-copy span{display:block;color:#5e646d;font-size:13px;font-weight:900}
.sgr-hero-copy h1{margin:18px 0;color:#464d56;font-size:clamp(34px,3.45vw,56px);font-weight:900;line-height:1.08}
.sgr-hero-copy p{max-width:410px;margin:0;color:#515a66;font-size:16px;font-weight:700;line-height:1.72}
.sgr-hero-cta{display:flex;gap:10px;margin-top:28px}
.sgr-hero-cta a{display:inline-flex;align-items:center;justify-content:center;min-width:132px;height:42px;padding:0 18px;border:1px solid rgba(63,69,76,.64);border-radius:0;background:rgba(255,255,255,.12);color:#303742;font-size:14px;font-weight:900}
.sgr-hero-index{position:absolute;right:8.4%;bottom:33%;z-index:3;width:min(430px,31vw);padding:0;border:0;opacity:0;transform:translateX(24px);transition:opacity .8s ease .32s,transform .8s ease .32s}
.sgr-hero-slide.is-active .sgr-hero-index{opacity:1;transform:translateX(0)}
.sgr-hero-index b{display:block;color:rgba(255,255,255,.78);font-size:12px;font-weight:900}
.sgr-hero-index p{margin:8px 0 0;color:#fff;font-family:"Caveat",var(--sgr-font);font-size:clamp(48px,5vw,78px);font-weight:700;line-height:.9;text-shadow:0 18px 34px rgba(23,38,67,.22)}
.sgr-hero-controls{position:absolute;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));z-index:4;display:flex;align-items:center;gap:13px;transform:translateX(-50%)}
.sgr-hero-controls button{position:relative;width:54px;height:28px;padding:0;border:0;background:transparent;color:rgba(255,255,255,.82);font-size:11px;font-weight:900;cursor:pointer}
.sgr-hero-controls button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.42)}
.sgr-hero-controls button.is-active::after{height:3px;background:#fff}
.sgr-signature{padding:136px 0 116px;background:#fff}
.sgr-signature .sgr-section-head{width:min(1120px,calc(100% - 56px));margin:0 auto 62px;text-align:center}
.sgr-signature-grid{display:flex;grid-template-columns:none;gap:0;width:100%;max-width:none;margin:0;padding:0 0 0 max(30px,calc((100vw - 1380px)/2));border-radius:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:max(30px,calc((100vw - 1380px)/2));-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sgr-signature-grid::-webkit-scrollbar{display:none}
.sgr-signature-card{flex:0 0 min(31vw,440px);margin-right:28px;border:0;border-radius:0;overflow:visible;background:#fff;box-shadow:none;scroll-snap-align:start}
.sgr-signature-card img{width:100%;height:470px;border-radius:8px;object-fit:cover;filter:saturate(.92);transition:transform .72s ease,filter .72s ease}
.sgr-signature-card:hover img{transform:scale(1.025);filter:saturate(1)}
.sgr-signature-card span{display:block;margin:28px 0 12px;color:#8b9096;font-size:17px;font-weight:900}
.sgr-signature-card div{padding:0 0 18px}
.sgr-signature-card h3{margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid #d8d8d8;color:#62676f;font-size:30px;line-height:1.24}
.sgr-signature-card p{margin:0;color:#737b86;font-size:16px;line-height:1.72}
.sgr-signature-dots{display:flex;justify-content:center;gap:10px;margin:34px 0 0}
.sgr-signature-dots button{width:12px;height:12px;padding:0;border:2px solid #cfcfcf;border-radius:50%;background:#fff;cursor:pointer}
.sgr-signature-dots button.is-active{border-color:#8b8f95;background:#8b8f95}
.sgr-about-flow{display:block;height:calc(100svh - 70px);margin:0;background:#f5f5f2;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;scrollbar-width:none}
.sgr-about-flow::-webkit-scrollbar{display:none}
.sgr-about-flow>article,.sgr-about-flow>a{scroll-snap-align:start;scroll-snap-stop:always}
.sgr-mobile-about-intro{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 70px);padding:110px 7vw 120px;text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(246,246,241,.92))}
.sgr-mobile-about-intro span{color:#7c8187;font-size:clamp(46px,5vw,82px);font-weight:300;letter-spacing:.16em}
.sgr-mobile-about-intro h2{margin:28px 0;color:#62666c;font-size:clamp(34px,3.4vw,52px);line-height:1.25}
.sgr-mobile-about-intro p{max-width:900px;margin:0;color:#747980;font-size:clamp(18px,1.45vw,24px);line-height:1.75}
.sgr-mobile-about-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(100svh - 70px);padding:110px 8vw 124px;color:#5f646b;background:#f5f5f2;overflow:hidden}
.sgr-mobile-about-card::before{content:"";position:absolute;inset:0;background:var(--about-bg) center/cover no-repeat;opacity:.32;transform:scale(1.03)}
.sgr-mobile-about-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,245,242,.94) 0%,rgba(245,245,242,.82) 42%,rgba(245,245,242,.45) 100%)}
.sgr-mobile-about-card.is-dark{color:#fff}
.sgr-mobile-about-card.is-dark::before{opacity:.78}
.sgr-mobile-about-card.is-dark::after{background:linear-gradient(90deg,rgba(23,32,43,.78) 0%,rgba(23,32,43,.48) 58%,rgba(23,32,43,.18) 100%)}
.sgr-mobile-about-card b,.sgr-mobile-about-card strong,.sgr-mobile-about-card h3,.sgr-mobile-about-card p,.sgr-mobile-about-card em{position:relative;z-index:2}
.sgr-mobile-about-card b{font-size:clamp(36px,4vw,64px);font-weight:600}
.sgr-mobile-about-card strong{margin-top:18px;font-size:clamp(38px,4.6vw,74px);font-weight:600;line-height:1.04}
.sgr-mobile-about-card h3{margin:28px 0 18px;font-size:clamp(30px,3.4vw,52px);line-height:1.2}
.sgr-mobile-about-card p{max-width:780px;margin:0;color:inherit;font-size:clamp(17px,1.55vw,25px);line-height:1.64}
.sgr-mobile-about-card em{margin-top:32px;font-style:normal;font-size:20px;font-weight:700;letter-spacing:.22em}
.sgr-stories,.sgr-menu-map,.sgr-care,.sgr-doctor,.sgr-board-area,.sgr-location{display:none}

@media (max-width:720px){
    .sgr-hero{min-height:calc(100svh - 54px);padding:0 16px 92px;align-items:flex-end}
    .sgr-hero-slide::before{background:linear-gradient(180deg,rgba(223,227,232,.12) 0%,rgba(223,227,232,.22) 32%,rgba(255,255,255,.78) 72%,rgba(255,255,255,.94) 100%)}
    .sgr-hero-bg{object-position:56% center}
    .sgr-hero-copy{left:16px;right:16px;top:auto;bottom:132px;width:auto}
    .sgr-hero-copy span{font-size:12px}
    .sgr-hero-copy h1{font-size:26px;color:var(--sgr-navy)!important}
    .sgr-hero-copy p{font-size:13px;color:#2f3d54!important}
    .sgr-hero-copy span{color:#516074!important}
    .sgr-hero-cta{display:none}
    .sgr-hero-index{display:none}
    .sgr-hero-controls{bottom:78px;gap:8px}
    .sgr-hero-controls button{width:35px;height:18px;color:#647085}
    .sgr-hero-controls button::after{background:rgba(100,112,133,.34)}
    .sgr-hero-controls button.is-active::after{background:var(--sgr-navy)}
    .sgr-signature{padding:56px 0 100px}
    .sgr-signature .sgr-section-head{width:100%;padding:0 16px;margin-bottom:34px}
    .sgr-signature .sgr-section-head span{font-size:24px}
    .sgr-signature .sgr-section-head h2{font-size:15px;line-height:1.62}
    .sgr-signature-grid{padding-left:34px;scroll-padding-left:34px}
    .sgr-signature-card{flex-basis:73%;margin-right:22px}
    .sgr-signature-card img{height:310px}
    .sgr-signature-card h3{font-size:25px}
    .sgr-signature-card p{font-size:15px;line-height:1.58}
    .sgr-about-flow{height:calc(100svh - 54px)}
    .sgr-mobile-about-intro{min-height:calc(100svh - 54px);padding:88px 22px 116px}
    .sgr-mobile-about-intro span{font-size:35px;letter-spacing:.14em}
    .sgr-mobile-about-intro h2{font-size:31px}
    .sgr-mobile-about-intro p{font-size:18px}
    .sgr-mobile-about-card{min-height:calc(100svh - 54px);padding:78px 30px 112px}
    .sgr-mobile-about-card::after{background:linear-gradient(180deg,rgba(245,245,242,.52) 0%,rgba(245,245,242,.95) 72%,rgba(245,245,242,1) 100%)}
    .sgr-mobile-about-card b{font-size:33px}
    .sgr-mobile-about-card strong{font-size:31px}
    .sgr-mobile-about-card h3{font-size:28px}
    .sgr-mobile-about-card p{font-size:17px}
    .sgr-mobile-about-card em{font-size:18px}
}

/* final hard override: keep first hero image aligned with the other slides */
#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-of-type .sgr-hero-bg,
#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active .sgr-hero-bg{
    object-position:center center;
}

@media (max-width:720px){
    #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-of-type .sgr-hero-bg,
    #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active .sgr-hero-bg{
        object-position:center center;
    }
}

/* final hero refinement: logo header, sharp cutout model layers */
#sgr-renewal .sgr-header::before{
    content:none!important;
    display:none!important;
}

@media (min-width:981px){
    #sgr-renewal .sgr-header{
        grid-template-columns:auto 1fr auto!important;
    }
    #sgr-renewal .sgr-logo{
        grid-column:1!important;
        justify-self:start!important;
        width:184px!important;
        height:44px!important;
    }
    #sgr-renewal .sgr-header-actions{
        grid-column:3!important;
    }
    #sgr-renewal .sgr-hero-slide::before{
        inset:0 auto 0 0!important;
        width:47%!important;
        background:linear-gradient(90deg,rgba(246,249,253,.96) 0%,rgba(246,249,253,.86) 48%,rgba(246,249,253,.18) 82%,rgba(246,249,253,0) 100%)!important;
    }
}

#sgr-renewal .sgr-hero{
    background:#f4f7fb!important;
}

#sgr-renewal .sgr-hero-slide::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:linear-gradient(90deg,rgba(246,249,253,.96) 0%,rgba(246,249,253,.86) 31%,rgba(246,249,253,.34) 52%,rgba(246,249,253,0) 74%)!important;
    pointer-events:none!important;
}

#sgr-renewal .sgr-hero-bg,
#sgr-renewal .sgr-hero-slide.is-active .sgr-hero-bg{
    z-index:0!important;
    object-position:center center;
    opacity:1!important;
    filter:none!important;
}

#sgr-renewal .sgr-hero-person{
    position:absolute!important;
    z-index:2!important;
    right:max(24px,calc((100vw - 1480px)/2 + 4px))!important;
    bottom:-4vh!important;
    width:auto!important;
    height:min(94vh,900px)!important;
    max-width:none!important;
    object-fit:contain!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    transform-origin:center bottom!important;
    pointer-events:none!important;
}

#sgr-renewal .sgr-hero-person-1{
    right:max(24px,calc((100vw - 1480px)/2 - 18px))!important;
    bottom:-9vh!important;
    height:min(99vh,940px)!important;
}

#sgr-renewal .sgr-hero-person-2,
#sgr-renewal .sgr-hero-person-3{
    right:max(24px,calc((100vw - 1480px)/2 - 180px))!important;
    top:-7vh!important;
    bottom:auto!important;
    height:min(108vh,1040px)!important;
}

#sgr-renewal .sgr-hero-person-4{
    right:max(24px,calc((100vw - 1480px)/2 + 96px))!important;
    top:-7vh!important;
    bottom:auto!important;
    height:min(105vh,1000px)!important;
}

#sgr-renewal .sgr-hero-copy,
#sgr-renewal .sgr-hero-controls{
    z-index:4!important;
}

#sgr-renewal .sgr-hero-index b,
#sgr-renewal .sgr-hero-controls button{
    color:#61708a!important;
}

#sgr-renewal .sgr-hero-controls button::after{
    background:rgba(97,112,138,.32)!important;
}

#sgr-renewal .sgr-hero-controls button.is-active::after{
    background:var(--sgr-navy)!important;
}

@media (min-width:981px){
    #sgr-renewal .sgr-hero-index{
        display:block!important;
        position:absolute!important;
        top:31%!important;
        right:clamp(96px,5.8vw,140px)!important;
        bottom:auto!important;
        z-index:5!important;
        width:min(450px,23vw)!important;
        padding:0!important;
        border:0!important;
        opacity:0!important;
        transform:translateY(18px)!important;
        pointer-events:none!important;
        transition:opacity .8s ease .32s,transform .8s ease .32s!important;
    }

    #sgr-renewal .sgr-hero-slide.is-active .sgr-hero-index{
        opacity:1!important;
        transform:translateY(0)!important;
    }

    #sgr-renewal .sgr-hero-index b{
        display:block!important;
        color:rgba(38,53,78,.58)!important;
        font-size:12px!important;
        font-weight:800!important;
        letter-spacing:.22em!important;
    }

    #sgr-renewal .sgr-hero-index p{
        margin:14px 0 0!important;
        color:rgba(28,43,67,.86)!important;
        font-family:"Sandoll GongByungGakMagic","Sandoll GongByungGak Magic","SD GongByungGakMagic","SDGongbyunggakMagic","공병각매직","Sandoll 공병각매직","Magic R","Caveat",var(--sgr-font)!important;
        font-size:clamp(46px,4.25vw,78px)!important;
        font-weight:400!important;
        line-height:.95!important;
        letter-spacing:0!important;
        text-shadow:0 18px 38px rgba(255,255,255,.72)!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-hero-index{
        display:none!important;
    }

    #sgr-renewal .sgr-hero-slide::before{
        background:linear-gradient(180deg,rgba(246,249,253,.06) 0%,rgba(246,249,253,.1) 34%,rgba(255,255,255,.8) 72%,rgba(255,255,255,.96) 100%)!important;
    }
    #sgr-renewal .sgr-hero-person{
        right:-22vw!important;
        bottom:23vh!important;
        height:63vh!important;
        transform:none!important;
    }
    #sgr-renewal .sgr-hero-person-1{
        right:-16vw!important;
        bottom:25vh!important;
        height:66vh!important;
    }
    #sgr-renewal .sgr-hero-person-2,
    #sgr-renewal .sgr-hero-person-3{
        right:-19vw!important;
        bottom:26vh!important;
        height:64vh!important;
    }
    #sgr-renewal .sgr-hero-person-4{
        right:-16vw!important;
        bottom:27vh!important;
        height:64vh!important;
    }
}

/* hamburger locale flags: shared by the desktop language menu and the mobile drawer */
#sgr-renewal .sgr-flag{
    position:relative!important;
    display:block!important;
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    border-radius:50%!important;
    overflow:hidden!important;
    box-shadow:inset 0 0 0 1px rgba(23,38,67,.16)!important;
}

#sgr-renewal .sgr-flag-jp{
    background:radial-gradient(circle at 50% 50%,#e60012 0 32%,#fff 33% 100%)!important;
}

#sgr-renewal .sgr-flag-cn{
    background:#ee1c25!important;
}

#sgr-renewal .sgr-flag-cn::before{
    content:""!important;
    position:absolute!important;
    left:6px!important;
    top:6px!important;
    width:6px!important;
    height:6px!important;
    border-radius:50%!important;
    background:#ffde00!important;
}

#sgr-renewal .sgr-flag-us{
    background:repeating-linear-gradient(to bottom,#b22234 0 2px,#fff 2px 4px)!important;
}

#sgr-renewal .sgr-flag-us::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:12px!important;
    height:12px!important;
    background:#3c3b6e!important;
}

/* motion29: hero/header/signature refinement */
@media (min-width:981px){
    #sgr-renewal .sgr-header-actions{
        gap:22px!important;
        align-items:center!important;
        color:var(--sgr-navy)!important;
    }

    #sgr-renewal .sgr-logo-dark{
        filter:brightness(0) saturate(100%) invert(14%) sepia(35%) saturate(1118%) hue-rotate(184deg) brightness(90%) contrast(94%)!important;
    }

    #sgr-renewal .sgr-auth-link{
        display:inline-flex!important;
        align-items:center!important;
        height:34px!important;
        color:#555c66!important;
        font-size:14px!important;
        font-weight:800!important;
        letter-spacing:0!important;
    }

    #sgr-renewal .sgr-lang{
        position:relative!important;
        display:block!important;
        width:34px!important;
        height:34px!important;
    }

    #sgr-renewal .sgr-lang-btn{
        display:grid!important;
        place-items:center!important;
        width:34px!important;
        height:34px!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        color:#555c66!important;
        cursor:pointer!important;
    }

    #sgr-renewal .sgr-globe{
        position:relative!important;
        display:block!important;
        width:24px!important;
        height:24px!important;
        border:1.8px solid currentColor!important;
        border-radius:50%!important;
    }

    #sgr-renewal .sgr-globe::before,
    #sgr-renewal .sgr-globe::after{
        content:""!important;
        position:absolute!important;
        left:50%!important;
        top:50%!important;
        transform:translate(-50%,-50%)!important;
        border-color:currentColor!important;
        pointer-events:none!important;
    }

    #sgr-renewal .sgr-globe::before{
        width:9px!important;
        height:22px!important;
        border-left:1.4px solid currentColor!important;
        border-right:1.4px solid currentColor!important;
        border-radius:50%!important;
    }

    #sgr-renewal .sgr-globe::after{
        width:22px!important;
        height:8px!important;
        border-top:1.4px solid currentColor!important;
        border-bottom:1.4px solid currentColor!important;
    }

    #sgr-renewal .sgr-lang-menu{
        position:absolute!important;
        top:44px!important;
        left:50%!important;
        z-index:1200!important;
        display:grid!important;
        gap:7px!important;
        min-width:92px!important;
        padding:9px!important;
        border:1px solid rgba(23,38,67,.18)!important;
        border-radius:12px!important;
        background:#fff!important;
        box-shadow:0 18px 42px rgba(23,38,67,.18)!important;
        opacity:0!important;
        visibility:hidden!important;
        transform:translate(-50%,-6px)!important;
        transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important;
    }

    #sgr-renewal .sgr-lang:hover .sgr-lang-menu,
    #sgr-renewal .sgr-lang:focus-within .sgr-lang-menu{
        opacity:1!important;
        visibility:visible!important;
        transform:translate(-50%,0)!important;
    }

    #sgr-renewal .sgr-lang-menu a{
        display:flex!important;
        align-items:center!important;
        gap:9px!important;
        height:32px!important;
        padding:0 8px!important;
        border-radius:8px!important;
        color:var(--sgr-navy)!important;
        font-size:12px!important;
        font-weight:900!important;
        white-space:nowrap!important;
    }

    #sgr-renewal .sgr-lang-menu a:hover{
        background:#f3f6fa!important;
    }

    #sgr-renewal .sgr-menu-btn{
        display:flex!important;
        flex-direction:column!important;
        justify-content:center!important;
        align-items:center!important;
        gap:8px!important;
        width:48px!important;
        height:38px!important;
        margin-left:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        color:#555c66!important;
    }

    #sgr-renewal .sgr-menu-btn span{
        display:block!important;
        width:34px!important;
        height:2px!important;
        margin:0!important;
        background:currentColor!important;
        transform-origin:center!important;
    }

    #sgr-renewal .sgr-header.is-open .sgr-menu-btn span:first-child{
        transform:translateY(10px) rotate(45deg)!important;
    }

    #sgr-renewal .sgr-header.is-open .sgr-menu-btn span:nth-child(2){
        opacity:0!important;
    }

    #sgr-renewal .sgr-header.is-open .sgr-menu-btn span:last-child{
        transform:translateY(-10px) rotate(-45deg)!important;
    }

    #sgr-renewal .sgr-hero{
        min-height:clamp(940px,calc(100svh + 90px),1160px)!important;
    }

    #sgr-renewal .sgr-hero-bg,
    #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-of-type .sgr-hero-bg,
    #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active .sgr-hero-bg{
        transition:transform 6.6s cubic-bezier(.19,1,.22,1),opacity 1s ease!important;
    }

    #sgr-renewal .sgr-hero-slide.is-active .sgr-hero-bg,
    #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active .sgr-hero-bg{
    }

    #sgr-renewal .sgr-hero-copy,
    #sgr-renewal .sgr-hero-copy span,
    #sgr-renewal .sgr-hero-copy h1,
    #sgr-renewal .sgr-hero-copy p{
        text-shadow:none!important;
        filter:none!important;
    }

    #sgr-renewal .sgr-hero-index{
        top:38.5%!important;
    }

    #sgr-renewal .sgr-hero-index p{
        text-shadow:none!important;
    }

    #sgr-renewal .sgr-hero-controls{
        top:min(calc(100svh - 185px),calc(100% - 160px))!important;
        bottom:auto!important;
    }

    #sgr-renewal .sgr-signature-grid{
        display:flex!important;
        grid-template-columns:none!important;
        gap:28px!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0 max(44px,calc((100vw - 1380px)/2)) 10px max(44px,calc((100vw - 1380px)/2))!important;
        border-radius:0!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scroll-padding-left:max(44px,calc((100vw - 1380px)/2))!important;
        -webkit-overflow-scrolling:touch!important;
        cursor:grab!important;
        scrollbar-width:thin!important;
    }

    #sgr-renewal .sgr-signature-grid.is-dragging{
        cursor:grabbing!important;
    }

    #sgr-renewal .sgr-signature-grid::-webkit-scrollbar{
        display:block!important;
        height:6px!important;
    }

    #sgr-renewal .sgr-signature-grid::-webkit-scrollbar-thumb{
        border-radius:999px!important;
        background:rgba(23,38,67,.28)!important;
    }

    #sgr-renewal .sgr-signature-card{
        flex:0 0 clamp(260px,22vw,320px)!important;
        margin:0!important;
        scroll-snap-align:start!important;
        transform:translateY(0)!important;
    }

    #sgr-renewal .sgr-signature-dots{
        display:flex!important;
        justify-content:center!important;
        gap:10px!important;
        margin:28px 0 0!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-auth-link,
    #sgr-renewal .sgr-lang{
        display:none!important;
    }
}

/* hero clarity cleanup */
#sgr-renewal .sgr-hero::before,
#sgr-renewal .sgr-hero-slide::before{
    display:none!important;
    background:none!important;
}

#sgr-renewal .sgr-hero-bg{
    opacity:1!important;
}

#sgr-renewal .sgr-hero-index b{
    display:none!important;
}

#sgr-renewal .sgr-hero-index p{
    margin-top:0!important;
    font-family:"Sandoll 공병각매직","Sandoll GongbyunggakMagic","Sandoll Gongbyunggak Magic","Sandoll GongByungGakMagic","Caveat","Magic R",var(--sgr-font)!important;
    text-shadow:none!important;
}

#sgr-renewal .sgr-hero-controls button{
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
}

#sgr-renewal .sgr-hero-controls button span{
    display:none!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-hero::before,
    #sgr-renewal .sgr-hero-slide::before{
        display:none!important;
        background:none!important;
    }

    #sgr-renewal .sgr-hero-bg{
        opacity:1!important;
    }
}

/* motion31: guide-style header state and compact hamburger */
#sgr-renewal .sgr-header{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

#sgr-renewal .sgr-header.is-open:not(.is-scrolled){
    top:0!important;
    width:100%!important;
    height:92px!important;
    padding:0 46px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

#sgr-renewal .sgr-header.is-scrolled{
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(220,228,239,.95)!important;
    border-radius:18px!important;
    box-shadow:0 18px 46px rgba(23,38,67,.13)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
}

@media (min-width:981px){
    #sgr-renewal .sgr-header-actions,
    #sgr-renewal .sgr-auth-link,
    #sgr-renewal .sgr-lang-btn,
    #sgr-renewal .sgr-globe,
    #sgr-renewal .sgr-menu-btn{
        color:var(--sgr-navy)!important;
    }
}

#sgr-renewal .sgr-logo-light{
    opacity:0!important;
}

#sgr-renewal .sgr-logo-dark{
    opacity:1!important;
    filter:brightness(0) saturate(100%) invert(14%) sepia(35%) saturate(1118%) hue-rotate(184deg) brightness(90%) contrast(94%)!important;
}

#sgr-renewal .sgr-menu-btn{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:38px!important;
    height:32px!important;
    min-width:38px!important;
    margin-left:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--sgr-navy)!important;
}

#sgr-renewal .sgr-menu-btn span{
    display:block!important;
    width:28px!important;
    height:2px!important;
    margin:0!important;
    border-radius:999px!important;
    background:currentColor!important;
    transform-origin:center!important;
    transition:transform .24s ease,opacity .18s ease!important;
}

#sgr-renewal .sgr-menu-btn span+span{
    margin-top:0!important;
}

#sgr-renewal .sgr-header.is-open .sgr-menu-btn span:first-child{
    transform:translateY(7px) rotate(45deg)!important;
}

#sgr-renewal .sgr-header.is-open .sgr-menu-btn span:nth-child(2){
    opacity:0!important;
}

#sgr-renewal .sgr-header.is-open .sgr-menu-btn span:last-child{
    transform:translateY(-7px) rotate(-45deg)!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-header{
        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    #sgr-renewal .sgr-header.is-open:not(.is-scrolled){
        top:14px!important;
        width:calc(100% - 28px)!important;
        height:60px!important;
        padding:0 14px!important;
        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
    }

    #sgr-renewal .sgr-header.is-scrolled{
        background:rgba(255,255,255,.94)!important;
        border:1px solid rgba(220,228,239,.95)!important;
        border-radius:16px!important;
        box-shadow:0 14px 34px rgba(23,38,67,.13)!important;
        backdrop-filter:blur(16px)!important;
        -webkit-backdrop-filter:blur(16px)!important;
    }

    #sgr-renewal .sgr-logo-dark{
        filter:brightness(0) saturate(100%) invert(14%) sepia(35%) saturate(1118%) hue-rotate(184deg) brightness(90%) contrast(94%)!important;
    }

    #sgr-renewal .sgr-menu-btn{
        width:34px!important;
        height:30px!important;
        min-width:34px!important;
        gap:4px!important;
        background:transparent!important;
        color:var(--sgr-navy)!important;
    }

    #sgr-renewal .sgr-menu-btn span{
        width:25px!important;
        height:2px!important;
    }

    #sgr-renewal .sgr-header.is-open .sgr-menu-btn span:first-child{
        transform:translateY(6px) rotate(45deg)!important;
    }

    #sgr-renewal .sgr-header.is-open .sgr-menu-btn span:last-child{
        transform:translateY(-6px) rotate(-45deg)!important;
    }
}

/* motion33: mobile logo scale and top contrast */
@media (max-width:980px){
    input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="number"],input[type="date"],input[type="datetime-local"],select,textarea:not([readonly]){font-size:16px!important}
    #sgr-renewal .sgr-logo{
        width:112px!important;
        height:30px!important;
    }

    #sgr-renewal .sgr-header:not(.is-scrolled):not(.is-open) .sgr-logo-light{
        opacity:1!important;
    }

    #sgr-renewal .sgr-header:not(.is-scrolled):not(.is-open) .sgr-logo-dark{
        opacity:0!important;
    }

    #sgr-renewal .sgr-header:not(.is-scrolled):not(.is-open) .sgr-menu-btn{
        color:#fff!important;
    }

    #sgr-renewal .sgr-header.is-scrolled .sgr-logo-light,
    #sgr-renewal .sgr-header.is-open .sgr-logo-light{
        opacity:0!important;
    }

    #sgr-renewal .sgr-header.is-scrolled .sgr-logo-dark,
    #sgr-renewal .sgr-header.is-open .sgr-logo-dark{
        opacity:1!important;
    }

    #sgr-renewal .sgr-header.is-scrolled .sgr-menu-btn,
    #sgr-renewal .sgr-header.is-open .sgr-menu-btn{
        color:var(--sgr-navy)!important;
    }
}

/* motion34: compact logo and Nana-style quick menu */
@media (min-width:981px){
    #sgr-renewal .sgr-logo{
        width:166px!important;
        height:40px!important;
    }
}

#sgr-renewal .sgr-floating{
    position:fixed!important;
    right:14px!important;
    top:50%!important;
    bottom:auto!important;
    left:auto!important;
    z-index:900!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    transform:translateY(-50%)!important;
    width:auto!important;
    padding:5px 4px!important;
    border-radius:999px!important;
    background:rgba(23,38,67,.82)!important;
    box-shadow:0 14px 34px rgba(23,38,67,.13)!important;
    overflow:visible!important;
    isolation:isolate!important;
}

#sgr-renewal .sgr-floating::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    border-radius:inherit!important;
    background:#172643!important;
    box-shadow:0 14px 34px rgba(23,38,67,.13)!important;
}

#sgr-renewal .sgr-quick-list{
    display:grid!important;
    gap:0!important;
}

#sgr-renewal .sgr-floating a,
#sgr-renewal .sgr-floating button{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    text-decoration:none!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:1!important;
}

#sgr-renewal .sgr-quick-item{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    font-family:var(--sgr-font)!important;
    text-align:center!important;
    line-height:1.05!important;
    transition:background .22s ease,transform .22s ease!important;
}

#sgr-renewal .sgr-quick-item:hover,
#sgr-renewal .sgr-quick-item:focus-visible{
    background:rgba(255,255,255,.1)!important;
    transform:none!important;
}

#sgr-renewal .sgr-quick-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:19px!important;
    height:19px!important;
    color:#fff!important;
    font-size:0!important;
    font-weight:400!important;
    letter-spacing:0!important;
}

#sgr-renewal .sgr-quick-icon img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
}

#sgr-renewal .sgr-quick-icon svg{
    display:block!important;
    width:100%!important;
    height:100%!important;
    color:#fff!important;
    overflow:visible!important;
}

#sgr-renewal .sgr-quick-item b{
    position:absolute!important;
    top:50%!important;
    right:calc(100% + 12px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:62px!important;
    min-height:30px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    background:rgba(23,38,67,.94)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    box-shadow:0 12px 24px rgba(23,38,67,.18)!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translate(8px,-50%) scale(.96)!important;
    transition:opacity .24s ease,transform .24s ease!important;
}

#sgr-renewal .sgr-quick-item b::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    right:-5px!important;
    width:10px!important;
    height:10px!important;
    background:rgba(23,38,67,.94)!important;
    transform:translateY(-50%) rotate(45deg)!important;
    border-radius:2px!important;
}

#sgr-renewal .sgr-quick-item:hover b,
#sgr-renewal .sgr-quick-item:focus-visible b{
    opacity:1!important;
    transform:translate(0,-50%) scale(1)!important;
}

#sgr-renewal .sgr-quick-badge{
    position:absolute!important;
    top:2px!important;
    right:2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:15px!important;
    height:15px!important;
    border:2px solid #fff!important;
    border-radius:50%!important;
    background:#e83f4d!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
}

#sgr-renewal .sgr-quick-top .sgr-quick-icon{
    position:relative!important;
    width:20px!important;
    height:20px!important;
}

#sgr-renewal .sgr-quick-top b{
    display:none!important;
}

#sgr-renewal .sgr-quick-top .sgr-quick-icon::before,
#sgr-renewal .sgr-quick-top .sgr-quick-icon::after{
    display:none!important;
    content:none!important;
}

#sgr-renewal .sgr-quick-toggle{
    display:none!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-logo{
        width:106px!important;
        height:29px!important;
    }

    #sgr-renewal .sgr-floating{
        left:auto!important;
        right:12px!important;
        top:122px!important;
        bottom:auto!important;
        width:auto!important;
        gap:0!important;
        padding:4px!important;
        border-radius:999px!important;
        background:rgba(23,38,67,.82)!important;
        box-shadow:0 12px 28px rgba(23,38,67,.15)!important;
        transform:none!important;
    }

    #sgr-renewal .sgr-floating a,
    #sgr-renewal .sgr-floating button{
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        border-radius:50%!important;
        background:transparent!important;
        box-shadow:none!important;
    }

    #sgr-renewal .sgr-quick-event{
        order:1!important;
    }

    #sgr-renewal .sgr-quick-list{
        order:2!important;
        display:grid!important;
        max-height:0!important;
        overflow:hidden!important;
        gap:0!important;
        opacity:0!important;
        transform:translateY(-4px)!important;
        pointer-events:none!important;
        transition:max-height .28s ease,opacity .22s ease,transform .22s ease!important;
    }

    #sgr-renewal .sgr-floating.is-open .sgr-quick-list{
        max-height:340px!important;
        opacity:1!important;
        transform:translateY(0)!important;
        pointer-events:auto!important;
    }

    #sgr-renewal .sgr-quick-toggle{
        order:3!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        background:transparent!important;
    }

    #sgr-renewal .sgr-quick-toggle span{
        width:10px!important;
        height:10px!important;
        border-right:2px solid #fff!important;
        border-bottom:2px solid #fff!important;
        transform:translateY(-3px) rotate(45deg)!important;
        transition:transform .22s ease!important;
    }

    #sgr-renewal .sgr-floating.is-open .sgr-quick-toggle span{
        transform:translateY(3px) rotate(225deg)!important;
    }

    #sgr-renewal .sgr-quick-icon{
        width:16px!important;
        height:16px!important;
        font-size:10px!important;
    }

    #sgr-renewal .sgr-quick-item b{
        display:none!important;
    }

    #sgr-renewal .sgr-quick-badge{
        top:0!important;
        right:0!important;
        width:14px!important;
        height:14px!important;
        font-size:9px!important;
    }
}

/* motion36: first hero load motion for PC */
@keyframes sgrHeroFirstImageIn{
    0%{
        scale:1.055;
        translate:26px 0;
        filter:saturate(.96) brightness(.985);
    }
    100%{
        scale:1;
        translate:0 0;
        filter:saturate(1) brightness(1);
    }
}

@keyframes sgrHeroFirstScriptIn{
    0%{
        opacity:0;
        translate:0 22px;
        scale:.985;
    }
    100%{
        opacity:1;
        translate:0 0;
        scale:1;
    }
}

@keyframes sgrHeroScriptBreath{
    0%,100%{
        translate:0 0;
    }
    50%{
        translate:0 -7px;
    }
}

@media (min-width:981px) and (prefers-reduced-motion:no-preference){
    #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-of-type .sgr-hero-bg{
        scale:1.055;
        translate:26px 0;
        will-change:scale,translate,filter!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active .sgr-hero-bg{
        animation:sgrHeroFirstImageIn 7.2s cubic-bezier(.19,1,.22,1) .08s both!important;
    }

    #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-of-type .sgr-hero-index p{
        opacity:0;
        will-change:opacity,translate,scale!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active .sgr-hero-index p{
        animation:sgrHeroFirstScriptIn 1.15s cubic-bezier(.19,1,.22,1) .3s both,sgrHeroScriptBreath 4.8s ease-in-out 1.7s infinite!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active .sgr-hero-bg{
        animation:sgrHeroFirstImageIn 6.4s cubic-bezier(.19,1,.22,1) both!important;
    }
}

/* motion37: extend mobile hero bottom without changing signature title spacing */
@media (max-width:980px){
    #sgr-renewal .sgr-hero{
        min-height:calc(100svh + 72px)!important;
    }

    #sgr-renewal .sgr-signature{
        padding-top:56px!important;
    }
}

/* motion38: keep mobile hero copy and progress line at their previous visual position */
@media (max-width:980px){
    #sgr-renewal .sgr-hero-copy{
        bottom:204px!important;
    }

    #sgr-renewal .sgr-hero-controls{
        top:auto!important;
        bottom:150px!important;
    }
}

/* motion42: raise mobile hero readability gradient one more step */
@media (max-width:980px){
    #sgr-renewal .sgr-hero-slide::before{
        content:""!important;
        display:block!important;
        position:absolute!important;
        inset:0!important;
        z-index:1!important;
        pointer-events:none!important;
        background:linear-gradient(
            180deg,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,0) 39%,
            rgba(255,255,255,.14) 53%,
            rgba(255,255,255,.5) 64%,
            rgba(255,255,255,.88) 78%,
            rgba(255,255,255,.98) 92%,
            #fff 100%
        )!important;
    }

    #sgr-renewal .sgr-hero-copy,
    #sgr-renewal .sgr-hero-controls{
        z-index:4!important;
    }
}

/* motion45: ARC-style hero entrance motion for every main banner */
@keyframes sgrArcHeroPhotoIn{
    0%{
        opacity:.98;
        transform:scale(1.085) translate3d(0,22px,0);
    }
    100%{
        opacity:1;
        transform:scale(1) translate3d(0,0,0);
    }
}

@keyframes sgrArcHeroTextIn{
    0%{
        opacity:0;
        transform:translate3d(0,34px,0) scale(.985);
    }
    100%{
        opacity:1;
        transform:translate3d(0,0,0) scale(1);
    }
}

@keyframes sgrArcHeroScriptIn{
    0%{
        opacity:0;
        transform:translate3d(0,28px,0) scale(1.08);
    }
    100%{
        opacity:1;
        transform:translate3d(0,0,0) scale(1);
    }
}

#sgr-renewal .sgr-hero-bg{
    transform-origin:center center!important;
    will-change:transform,opacity!important;
}

#sgr-renewal .sgr-hero-copy span,
#sgr-renewal .sgr-hero-copy h1,
#sgr-renewal .sgr-hero-copy p,
#sgr-renewal .sgr-hero-cta,
#sgr-renewal .sgr-hero-index p{
    text-shadow:none!important;
}

@media (prefers-reduced-motion:no-preference){
    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg{
        animation:sgrArcHeroPhotoIn 6.4s cubic-bezier(.19,1,.22,1) both!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy{
        opacity:1!important;
        transform:none!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy span{
        animation:sgrArcHeroTextIn .92s cubic-bezier(.19,1,.22,1) .16s both!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy h1{
        animation:sgrArcHeroTextIn 1.05s cubic-bezier(.19,1,.22,1) .28s both!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy p{
        animation:sgrArcHeroTextIn 1.05s cubic-bezier(.19,1,.22,1) .44s both!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-slide.is-active.is-hero-animating .sgr-hero-cta{
        animation:sgrArcHeroTextIn .95s cubic-bezier(.19,1,.22,1) .62s both!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index{
        opacity:1!important;
        transform:none!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index p{
        animation:sgrArcHeroScriptIn 1.18s cubic-bezier(.19,1,.22,1) .68s both!important;
    }
}

@media (max-width:980px) and (prefers-reduced-motion:no-preference){
    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg{
        animation:sgrArcHeroPhotoIn 5.6s cubic-bezier(.19,1,.22,1) both!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy span{
        animation:sgrArcHeroTextIn .82s cubic-bezier(.19,1,.22,1) .18s both!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy h1{
        animation:sgrArcHeroTextIn .96s cubic-bezier(.19,1,.22,1) .3s both!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy p{
        animation:sgrArcHeroTextIn .96s cubic-bezier(.19,1,.22,1) .46s both!important;
    }
}

@media (prefers-reduced-motion:reduce){
    #sgr-renewal .sgr-hero-bg,
    #sgr-renewal .sgr-hero-copy,
    #sgr-renewal .sgr-hero-copy span,
    #sgr-renewal .sgr-hero-copy h1,
    #sgr-renewal .sgr-hero-copy p,
    #sgr-renewal .sgr-hero-cta,
    #sgr-renewal .sgr-hero-index,
    #sgr-renewal .sgr-hero-index p{
        opacity:1!important;
        transform:none!important;
        animation:none!important;
    }
}

/* motion46: mobile menu accordion */
#sgr-renewal .sgr-menu-accordion{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    margin:0 0 20px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--sgr-navy)!important;
    font-family:var(--sgr-font)!important;
    font-size:25px!important;
    font-weight:900!important;
    line-height:1.25!important;
    text-align:left!important;
    cursor:default!important;
}

#sgr-renewal .sgr-menu-accordion span{
    display:block!important;
    color:inherit!important;
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:inherit!important;
}

#sgr-renewal .sgr-menu-accordion i{
    display:none!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-menu-panel{
        padding:88px 14px 24px!important;
        background:rgba(246,248,251,.98)!important;
    }

    #sgr-renewal .sgr-menu-panel-inner{
        display:block!important;
        max-width:none!important;
    }

    #sgr-renewal .sgr-menu-panel section{
        min-height:0!important;
        margin:0 0 7px!important;
        padding:0!important;
        border:1px solid rgba(220,228,239,.9)!important;
        border-radius:12px!important;
        overflow:hidden!important;
        background:#fff!important;
        box-shadow:0 12px 26px rgba(23,38,67,.05)!important;
    }

    #sgr-renewal .sgr-menu-panel p{
        display:none!important;
    }

    #sgr-renewal .sgr-menu-accordion{
        min-height:44px!important;
        margin:0!important;
        padding:0 15px!important;
        color:var(--sgr-navy)!important;
        font-size:14px!important;
        font-weight:850!important;
        cursor:pointer!important;
    }

    #sgr-renewal .sgr-menu-accordion i{
        position:relative!important;
        display:block!important;
        width:14px!important;
        height:14px!important;
        flex:0 0 14px!important;
        margin-left:14px!important;
    }

    #sgr-renewal .sgr-menu-accordion i::before,
    #sgr-renewal .sgr-menu-accordion i::after{
        content:""!important;
        position:absolute!important;
        top:6px!important;
        left:1px!important;
        width:12px!important;
        height:2px!important;
        border-radius:999px!important;
        background:currentColor!important;
        transition:transform .22s ease!important;
    }

    #sgr-renewal .sgr-menu-accordion i::after{
        transform:rotate(90deg)!important;
    }

    #sgr-renewal .sgr-menu-panel section.is-open .sgr-menu-accordion{
        background:#f4f7fb!important;
    }

    #sgr-renewal .sgr-menu-panel section.is-open .sgr-menu-accordion i::after{
        transform:rotate(0deg)!important;
    }

    #sgr-renewal .sgr-menu-panel ul{
        display:grid!important;
        gap:0!important;
        max-height:0!important;
        margin:0!important;
        padding:0 16px!important;
        overflow:hidden!important;
        opacity:0!important;
        transition:max-height .3s ease, padding .3s ease, opacity .2s ease!important;
    }

    #sgr-renewal .sgr-menu-panel section.is-open ul{
        max-height:520px!important;
        padding:5px 15px 12px!important;
        opacity:1!important;
    }

    #sgr-renewal .sgr-menu-panel li a{
        display:block!important;
        padding:9px 0!important;
        border-top:1px solid #edf1f6!important;
        color:#2e3b55!important;
        font-size:12.5px!important;
        font-weight:750!important;
        line-height:1.35!important;
    }

    #sgr-renewal .sgr-menu-panel li:first-child a{
        border-top:0!important;
    }

    #sgr-renewal .sgr-menu-panel li span{
        display:none!important;
    }

    #sgr-renewal .sgr-menu-panel.is-open ~ .sgr-floating{
        opacity:0!important;
        pointer-events:none!important;
        visibility:hidden!important;
    }
}

/* motion48: lighter mobile menu without category cards */
@media (max-width:980px){
    #sgr-renewal .sgr-menu-panel{
        padding:88px 22px 24px!important;
        background:rgba(246,248,251,.97)!important;
    }

    #sgr-renewal .sgr-menu-panel-inner{
        padding:8px 0 0!important;
    }

    #sgr-renewal .sgr-menu-panel section{
        margin:0!important;
        border:0!important;
        border-bottom:1px solid rgba(210,219,232,.78)!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }

    #sgr-renewal .sgr-menu-panel section:first-child{
        border-top:1px solid rgba(210,219,232,.78)!important;
    }

    #sgr-renewal .sgr-menu-accordion{
        min-height:48px!important;
        padding:0 2px!important;
        font-size:15px!important;
        font-weight:500!important;
        letter-spacing:0!important;
        color:rgba(23,38,67,.92)!important;
    }

    #sgr-renewal .sgr-menu-panel section.is-open .sgr-menu-accordion{
        background:transparent!important;
        color:var(--sgr-navy)!important;
        font-weight:600!important;
    }

    #sgr-renewal .sgr-menu-accordion i{
        width:13px!important;
        height:13px!important;
        margin-left:12px!important;
        opacity:.82!important;
    }

    #sgr-renewal .sgr-menu-accordion i::before,
    #sgr-renewal .sgr-menu-accordion i::after{
        top:6px!important;
        left:1px!important;
        width:11px!important;
        height:1.5px!important;
        background:currentColor!important;
    }

    #sgr-renewal .sgr-menu-panel ul{
        padding:0!important;
        background:transparent!important;
    }

    #sgr-renewal .sgr-menu-panel section.is-open ul{
        padding:0 0 12px!important;
    }

    #sgr-renewal .sgr-menu-panel li a{
        padding:8px 0 8px 12px!important;
        border-top:0!important;
        color:rgba(38,52,78,.86)!important;
        font-size:13px!important;
        font-weight:400!important;
        line-height:1.42!important;
    }

    #sgr-renewal .sgr-menu-panel li a::before{
        content:""!important;
        display:inline-block!important;
        width:4px!important;
        height:4px!important;
        margin:0 9px 2px 0!important;
        border-radius:50%!important;
        background:rgba(23,38,67,.28)!important;
    }
}

@media (prefers-reduced-motion:no-preference){
    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg{
        scale:1!important;
        translate:0 0!important;
        transform-origin:center center!important;
    }
}

/* motion50: smooth PC hero slide transition without outgoing image jump */
@keyframes sgrHeroPcPhotoIn{
    0%{
        opacity:1;
        transform:scale(1.038) translate3d(0,0,0);
    }
    100%{
        opacity:1;
        transform:scale(1) translate3d(0,0,0);
    }
}

/* motion54: keep the outgoing hero above the incoming slide during fade-out */
#sgr-renewal .sgr-hero-slide.is-leaving{
    opacity:0!important;
    z-index:3!important;
    pointer-events:none!important;
}

#sgr-renewal .sgr-hero-slide.is-leaving .sgr-hero-copy,
#sgr-renewal .sgr-hero-slide.is-leaving .sgr-hero-index{
    opacity:0!important;
}

@media (min-width:981px) and (prefers-reduced-motion:no-preference){
    #sgr-renewal .sgr-hero-slide{
        z-index:1!important;
        transition:opacity .86s ease!important;
    }

    #sgr-renewal .sgr-hero-slide.is-active{
        z-index:2!important;
    }

    #sgr-renewal .sgr-hero-bg,
    #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-of-type .sgr-hero-bg,
    #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active .sgr-hero-bg{
        scale:1!important;
        translate:0 0!important;
        transition:none!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
        animation:sgrHeroPcPhotoIn 5.8s cubic-bezier(.19,1,.22,1) both!important;
    }

    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index p,
    #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-index p{
        animation:sgrArcHeroScriptIn 1.1s cubic-bezier(.19,1,.22,1) .44s both!important;
    }
}

/* motion58: direct hero dissolve without a white transition frame */
#sgr-renewal .sgr-hero-stage{
    background:#f2f4f8!important;
}

#sgr-renewal .sgr-hero-stage::after{
    content:none!important;
    display:none!important;
}

#sgr-renewal .sgr-hero-slide.is-leaving{
    transition:opacity 1.08s cubic-bezier(.22,1,.36,1)!important;
}

@media (min-width:981px) and (prefers-reduced-motion:no-preference){
    #sgr-renewal .sgr-hero-slide{
        transition:opacity 1.08s cubic-bezier(.22,1,.36,1)!important;
    }

    #sgr-renewal .sgr-hero-slide.is-leaving{
        transition:opacity 1.08s cubic-bezier(.22,1,.36,1)!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-hero-slide{
        transition:opacity .88s cubic-bezier(.22,1,.36,1)!important;
    }

    #sgr-renewal .sgr-hero-slide.is-leaving{
        transition:opacity .88s cubic-bezier(.22,1,.36,1)!important;
    }
}

/* 모바일 의학사진: case 게시판 최신 전후사진 연동 */
#sgr-renewal .sgr-mobile-cases{
    display:none;
}

@media (max-width:980px){
    #sgr-renewal .sgr-mobile-about-flow{
        display:none!important;
    }

    #sgr-renewal .sgr-mobile-cases{
        display:block!important;
        padding:126px 16px 138px;
        background:#fff;
        color:#0f1728;
    }

    #sgr-renewal .sgr-mobile-cases-head{
        margin:0 0 26px;
    }

    #sgr-renewal .sgr-mobile-cases-head span{
        display:block;
        margin:0 0 10px;
        color:#b89b63;
        font-size:12px;
        font-weight:800;
    }

    #sgr-renewal .sgr-mobile-cases-head h2{
        margin:0;
        color:#080d1b;
        font-size:26px;
        font-weight:900;
        line-height:1.28;
    }

    #sgr-renewal .sgr-mobile-case-tabs{
        display:flex;
        gap:24px;
        margin:0 -16px 30px;
        padding:0 16px 2px;
        overflow-x:auto;
        white-space:nowrap;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    #sgr-renewal .sgr-mobile-case-tabs::-webkit-scrollbar{
        display:none;
    }

    #sgr-renewal .sgr-mobile-case-tabs a{
        flex:0 0 auto;
        color:#8a919d;
        font-size:14px;
        font-weight:700;
    }

    #sgr-renewal .sgr-mobile-case-tabs a.is-active{
        color:#111827;
        font-weight:900;
    }

    #sgr-renewal .sgr-mobile-case-card{
        margin:0;
    }

    #sgr-renewal .sgr-mobile-case-photo{
        position:relative;
        display:grid;
        grid-template-columns:1fr 1fr;
        width:100%;
        aspect-ratio:1.72/1;
        overflow:hidden;
        border-radius:22px;
        background:#eef2f7;
        box-shadow:0 18px 45px rgba(23,38,67,.08);
    }

    #sgr-renewal .sgr-mobile-case-photo>div:not(.sgr-mobile-case-angle){
        position:relative;
        min-width:0;
        overflow:hidden;
    }

    #sgr-renewal .sgr-mobile-case-photo img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center center;
        display:block;
    }

    #sgr-renewal .sgr-mobile-case-photo>div:not(.sgr-mobile-case-angle)::after{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(180deg,rgba(10,17,31,.08) 0%,rgba(10,17,31,0) 42%,rgba(10,17,31,.08) 100%);
        pointer-events:none;
    }

    #sgr-renewal .sgr-mobile-case-before span,
    #sgr-renewal .sgr-mobile-case-after span{
        position:absolute;
        top:12px;
        z-index:2;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-width:54px;
        height:26px;
        padding:0 10px;
        border-radius:7px;
        background:rgba(255,255,255,.68);
        color:#fff;
        font-size:11px;
        font-weight:800;
        text-shadow:0 1px 4px rgba(15,23,42,.3);
        backdrop-filter:blur(6px);
    }

    #sgr-renewal .sgr-mobile-case-before span{
        left:12px;
    }

    #sgr-renewal .sgr-mobile-case-after span{
        right:12px;
    }

    #sgr-renewal .sgr-mobile-case-angle{
        position:absolute;
        left:50%;
        bottom:16px;
        z-index:3;
        display:flex;
        gap:7px;
        transform:translateX(-50%);
    }

    #sgr-renewal .sgr-mobile-case-angle span{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-width:50px;
        height:30px;
        padding:0 10px;
        border-radius:7px;
        background:rgba(15,23,42,.28);
        color:#fff;
        font-size:12px;
        font-weight:800;
        backdrop-filter:blur(6px);
    }

    #sgr-renewal .sgr-mobile-case-angle span.is-active{
        background:#0f1728;
    }

    #sgr-renewal .sgr-mobile-case-copy{
        padding:30px 0 0;
    }

    #sgr-renewal .sgr-mobile-case-copy p{
        margin:0 0 4px;
        color:#2d3444;
        font-size:24px;
        font-weight:500;
        line-height:1.34;
    }

    #sgr-renewal .sgr-mobile-case-copy h3{
        margin:0;
        color:#070c18;
        display:-webkit-box;
        overflow:hidden;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        font-size:24px;
        font-weight:900;
        line-height:1.3;
    }

    #sgr-renewal .sgr-mobile-case-copy h3 a{
        color:inherit;
    }

    #sgr-renewal .sgr-mobile-case-copy em{
        display:block;
        margin:24px 0 0;
        color:#8d96a6;
        font-size:13px;
        font-style:normal;
        font-weight:700;
    }

    #sgr-renewal .sgr-mobile-case-more{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        margin:25px 0 16px;
    }

    #sgr-renewal .sgr-mobile-case-more span{
        color:#5e687a;
        font-size:13px;
        font-weight:700;
    }

    #sgr-renewal .sgr-mobile-case-more a{
        flex:0 0 auto;
        color:#3c5585;
        font-size:13px;
        font-weight:900;
    }

    #sgr-renewal .sgr-mobile-case-more a::after{
        content:">";
        margin-left:8px;
    }

    #sgr-renewal .sgr-mobile-case-thumbs{
        display:flex;
        gap:10px;
        margin:0 -16px;
        padding:0 16px 4px;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    #sgr-renewal .sgr-mobile-case-thumbs::-webkit-scrollbar{
        display:none;
    }

    #sgr-renewal .sgr-mobile-case-thumbs a{
        flex:0 0 78px;
        aspect-ratio:1.42/1;
        overflow:hidden;
        border-radius:10px;
        background:#edf1f6;
        opacity:.42;
    }

    #sgr-renewal .sgr-mobile-case-thumbs a:first-child{
        opacity:1;
        box-shadow:0 0 0 2px rgba(60,85,133,.18);
    }

    #sgr-renewal .sgr-mobile-case-thumbs img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }

    #sgr-renewal .sgr-mobile-case-note{
        margin:18px 0 0;
        color:#a0a7b3;
        font-size:11px;
        font-weight:500;
        line-height:1.62;
    }

    #sgr-renewal .sgr-mobile-case-empty{
        padding:38px 22px;
        border:1px solid #e2e7ef;
        border-radius:18px;
        background:#f7f9fc;
    }

    #sgr-renewal .sgr-mobile-case-empty p{
        margin:0 0 16px;
        color:#687386;
        font-size:15px;
        line-height:1.6;
    }

    #sgr-renewal .sgr-mobile-case-empty a{
        color:#172643;
        font-size:14px;
        font-weight:900;
    }
}

/* medical4: keep the medical photo section visible on both desktop and mobile */
#sgr-renewal .sgr-mobile-cases{
    scroll-margin-top:120px;
}

@media (min-width:981px){
    #sgr-renewal .sgr-mobile-about-flow{
        display:none!important;
    }

    #sgr-renewal .sgr-mobile-cases{
        display:block!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-floating{
        top:clamp(184px,28svh,238px)!important;
    }

    #sgr-renewal .sgr-mobile-cases{
        scroll-margin-top:96px;
    }
}

/* medical6: YouTube-style medical photo layout */
#sgr-renewal .sgr-mobile-cases:not(.sgr-medical-cases){
    display:none!important;
}

#sgr-renewal .sgr-medical-cases{
    display:block!important;
    scroll-margin-top:120px;
    width:100%!important;
    padding:118px max(38px,calc((100vw - 1360px)/2)) 124px!important;
    background:#fff!important;
    color:var(--sgr-ink)!important;
}

#sgr-renewal .sgr-medical-head{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:28px!important;
    margin:0 0 34px!important;
}

#sgr-renewal .sgr-medical-head h2{
    margin:0!important;
    color:#a8cdea!important;
    font-size:52px!important;
    font-weight:300!important;
    line-height:1!important;
    letter-spacing:0!important;
}

#sgr-renewal .sgr-medical-tabs{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:0!important;
    min-width:0!important;
}

#sgr-renewal .sgr-medical-tabs a{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:28px!important;
    padding:0 20px!important;
    color:#111827!important;
    font-size:16px!important;
    font-weight:600!important;
    white-space:nowrap!important;
}

#sgr-renewal .sgr-medical-tabs a::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:50%!important;
    width:1px!important;
    height:18px!important;
    background:#d8dee8!important;
    transform:translateY(-50%)!important;
}

#sgr-renewal .sgr-medical-tabs a:last-child::after{
    content:""!important;
    position:absolute!important;
    right:0!important;
    top:50%!important;
    width:1px!important;
    height:18px!important;
    background:#d8dee8!important;
    transform:translateY(-50%)!important;
}

#sgr-renewal .sgr-medical-tabs a.is-active{
    color:#87bde0!important;
    font-weight:800!important;
}

#sgr-renewal .sgr-medical-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1.64fr) minmax(360px,.98fr)!important;
    grid-template-areas:
        "feature side"
        "copy copy"!important;
    gap:18px 34px!important;
    margin:0!important;
}

#sgr-renewal .sgr-medical-feature{
    position:relative!important;
    grid-area:feature!important;
    min-width:0!important;
}

#sgr-renewal .sgr-medical-frame{
    position:relative!important;
    display:block!important;
    width:100%!important;
    aspect-ratio:1.72/1!important;
    overflow:hidden!important;
    border-radius:34px!important;
    background:#eef2f7!important;
    box-shadow:0 24px 58px rgba(23,38,67,.1)!important;
}

#sgr-renewal .sgr-medical-frame img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
}

#sgr-renewal .sgr-medical-frame::after{
    content:""!important;
    position:absolute!important;
    inset:auto 0 0!important;
    height:34%!important;
    background:linear-gradient(180deg,rgba(5,10,18,0),rgba(5,10,18,.22))!important;
    pointer-events:none!important;
}

#sgr-renewal .sgr-medical-angle{
    position:absolute!important;
    left:50%!important;
    bottom:18px!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    transform:translateX(-50%)!important;
}

#sgr-renewal .sgr-medical-angle button{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:76px!important;
    height:36px!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.76)!important;
    color:#172643!important;
    font-family:var(--sgr-font)!important;
    font-size:15px!important;
    font-weight:900!important;
    box-shadow:0 10px 22px rgba(10,18,33,.12)!important;
    backdrop-filter:blur(8px)!important;
    cursor:pointer!important;
}

#sgr-renewal .sgr-medical-angle button.is-active{
    background:#172643!important;
    color:#fff!important;
}

#sgr-renewal .sgr-medical-angle-eye button{
    pointer-events:none!important;
}

#sgr-renewal .sgr-medical-copy{
    grid-area:copy!important;
    padding:4px 0 0!important;
}

#sgr-renewal .sgr-medical-copy span{
    display:block!important;
    margin:0 0 9px!important;
    color:#5f6b7f!important;
    font-size:17px!important;
    font-weight:800!important;
}

#sgr-renewal .sgr-medical-copy h3{
    margin:0!important;
    color:#070c18!important;
    font-size:34px!important;
    font-weight:900!important;
    line-height:1.22!important;
    letter-spacing:0!important;
}

#sgr-renewal .sgr-medical-copy h3 a{
    color:inherit!important;
}

#sgr-renewal .sgr-medical-copy em{
    display:block!important;
    margin:12px 0 0!important;
    color:#8b95a7!important;
    font-size:15px!important;
    font-style:normal!important;
    font-weight:800!important;
}

#sgr-renewal .sgr-medical-side-wrap{
    grid-area:side!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-self:stretch!important;
    min-height:0!important;
    height:100%!important;
}

#sgr-renewal .sgr-medical-side{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    border-top:1px solid #e4e9f1!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
}

#sgr-renewal .sgr-medical-side::-webkit-scrollbar{
    display:none!important;
}

#sgr-renewal .sgr-medical-side-item{
    display:grid!important;
    grid-template-columns:160px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:20px!important;
    row-gap:7px!important;
    align-items:center!important;
    min-height:118px!important;
    padding:16px 0!important;
    border-bottom:1px solid #e4e9f1!important;
}

#sgr-renewal .sgr-medical-side-item img{
    grid-row:1/3!important;
    width:160px!important;
    aspect-ratio:1.72/1!important;
    object-fit:cover!important;
    border-radius:8px!important;
    background:#eef2f7!important;
}

#sgr-renewal .sgr-medical-side-item span{
    align-self:end!important;
    color:#91bee0!important;
    font-size:13px!important;
    font-weight:900!important;
}

#sgr-renewal .sgr-medical-side-item strong{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    align-self:start!important;
    color:#111827!important;
    font-size:18px!important;
    font-weight:800!important;
    line-height:1.36!important;
}

#sgr-renewal .sgr-medical-mobile-rail{
    display:none!important;
}

#sgr-renewal .sgr-medical-more{
    grid-area:more!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:2px 0 0!important;
}

#sgr-renewal .sgr-medical-more span,
#sgr-renewal .sgr-medical-more a{
    color:#3c5585!important;
    font-size:15px!important;
    font-weight:900!important;
}

#sgr-renewal .sgr-medical-more a::after{
    content:">"!important;
    margin-left:10px!important;
}

#sgr-renewal .sgr-medical-note{
    grid-area:note!important;
    margin:4px 0 0!important;
    color:#a0a8b7!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.6!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-cases{
        padding:150px 8px 126px!important;
        overflow:hidden!important;
    }

    #sgr-renewal .sgr-medical-head{
        display:block!important;
        margin:0 0 28px!important;
    }

    #sgr-renewal .sgr-medical-head h2{
        margin:0 0 18px!important;
        padding:0 2px!important;
        font-size:28px!important;
        line-height:1.1!important;
    }

    #sgr-renewal .sgr-medical-tabs{
        display:grid!important;
        grid-template-columns:repeat(3,1fr)!important;
        row-gap:12px!important;
        margin:0 -8px!important;
    }

    #sgr-renewal .sgr-medical-tabs a{
        min-height:22px!important;
        padding:0 8px!important;
        color:#1f2937!important;
        font-size:13px!important;
        font-weight:600!important;
    }

    #sgr-renewal .sgr-medical-tabs a::before,
    #sgr-renewal .sgr-medical-tabs a:last-child::after{
        height:14px!important;
    }

    #sgr-renewal .sgr-medical-layout{
        display:block!important;
    }

    #sgr-renewal .sgr-medical-feature{
        margin:0!important;
    }

    #sgr-renewal .sgr-medical-frame{
        border-radius:20px!important;
        box-shadow:0 18px 45px rgba(23,38,67,.12)!important;
    }

    #sgr-renewal .sgr-medical-angle{
        bottom:12px!important;
        gap:6px!important;
    }

    #sgr-renewal .sgr-medical-angle button{
        min-width:58px!important;
        height:34px!important;
        padding:0 12px!important;
        border-radius:9px!important;
        font-size:14px!important;
    }

    #sgr-renewal .sgr-medical-copy{
        padding:28px 24px 0!important;
    }

    #sgr-renewal .sgr-medical-copy span{
        margin:0 0 9px!important;
        font-size:24px!important;
        font-weight:800!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        font-size:28px!important;
        line-height:1.28!important;
    }

    #sgr-renewal .sgr-medical-copy em{
        margin-top:20px!important;
        font-size:16px!important;
    }

    #sgr-renewal .sgr-medical-side{
        display:none!important;
    }

    #sgr-renewal .sgr-medical-mobile-rail{
        display:flex!important;
        gap:14px!important;
        margin:26px -8px 0!important;
        padding:0 8px 7px!important;
        overflow-x:auto!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-width:none!important;
    }

    #sgr-renewal .sgr-medical-mobile-rail::-webkit-scrollbar{
        display:none!important;
    }

    #sgr-renewal .sgr-medical-mobile-rail a{
        flex:0 0 146px!important;
        min-width:0!important;
    }

    #sgr-renewal .sgr-medical-mobile-rail img{
        display:block!important;
        width:100%!important;
        aspect-ratio:1.72/1!important;
        object-fit:cover!important;
        border-radius:10px!important;
        background:#eef2f7!important;
    }

    #sgr-renewal .sgr-medical-mobile-rail strong{
        display:-webkit-box!important;
        overflow:hidden!important;
        -webkit-line-clamp:1!important;
        -webkit-box-orient:vertical!important;
        margin-top:8px!important;
        color:#4b5565!important;
        font-size:13px!important;
        font-weight:600!important;
        line-height:1.28!important;
    }

    #sgr-renewal .sgr-medical-more{
        padding:20px 24px 0!important;
    }

    #sgr-renewal .sgr-medical-more span,
    #sgr-renewal .sgr-medical-more a{
        font-size:15px!important;
    }

    #sgr-renewal .sgr-medical-note{
        margin:22px 24px 0!important;
        font-size:12px!important;
        line-height:1.66!important;
    }
}

/* medical9: brand navy + signature gray text cleanup */
#sgr-renewal{
    --sgr-signature-gray:#62676f;
    --sgr-signature-muted:#737b86;
    color:var(--sgr-signature-gray)!important;
}

#sgr-renewal p,
#sgr-renewal li,
#sgr-renewal em,
#sgr-renewal .sgr-section-head h2,
#sgr-renewal .sgr-signature-card h3,
#sgr-renewal .sgr-signature-card p{
    color:var(--sgr-signature-gray)!important;
}

#sgr-renewal .sgr-hero-copy h1,
#sgr-renewal .sgr-hero-copy p,
#sgr-renewal .sgr-hero-copy span,
#sgr-renewal .sgr-hero-cta a,
#sgr-renewal .sgr-nav a,
#sgr-renewal .sgr-auth-link,
#sgr-renewal .sgr-menu-btn,
#sgr-renewal .sgr-medical-copy h3,
#sgr-renewal .sgr-medical-copy h3 a,
#sgr-renewal .sgr-medical-side-item strong{
    color:var(--sgr-navy)!important;
}

#sgr-renewal .sgr-medical-cases{
    color:var(--sgr-signature-gray)!important;
}

#sgr-renewal .sgr-medical-head h2{
    color:var(--sgr-navy)!important;
}

#sgr-renewal .sgr-medical-tabs a{
    color:var(--sgr-signature-gray)!important;
}

#sgr-renewal .sgr-medical-tabs a.is-active{
    color:var(--sgr-navy)!important;
}

#sgr-renewal .sgr-medical-copy{
    padding-top:22px!important;
    text-align:center!important;
}

#sgr-renewal .sgr-medical-copy span{
    color:var(--sgr-signature-gray)!important;
    font-size:16px!important;
}

#sgr-renewal .sgr-medical-copy h3{
    max-width:820px!important;
    margin:0 auto!important;
    font-size:28px!important;
    line-height:1.3!important;
}

#sgr-renewal .sgr-medical-angle button{
    background:#fff!important;
    color:var(--sgr-signature-gray)!important;
}

#sgr-renewal .sgr-medical-angle button.is-active{
    background:var(--sgr-navy)!important;
    color:#fff!important;
}

#sgr-renewal .sgr-medical-side{
    max-height:585px!important;
    overflow-y:auto!important;
    padding-right:10px!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(23,38,67,.42) rgba(23,38,67,.08)!important;
}

#sgr-renewal .sgr-medical-side::-webkit-scrollbar{
    width:6px!important;
}

#sgr-renewal .sgr-medical-side::-webkit-scrollbar-track{
    background:rgba(23,38,67,.08)!important;
    border-radius:999px!important;
}

#sgr-renewal .sgr-medical-side::-webkit-scrollbar-thumb{
    background:rgba(23,38,67,.42)!important;
    border-radius:999px!important;
}

#sgr-renewal .sgr-medical-side-item span{
    color:#87bde0!important;
}

#sgr-renewal .sgr-medical-side-more{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-height:44px!important;
    padding:12px 0 0!important;
    color:var(--sgr-navy)!important;
    font-size:15px!important;
    font-weight:900!important;
}

#sgr-renewal .sgr-medical-side-more span{
    margin-left:8px!important;
    color:inherit!important;
}

#sgr-renewal .sgr-medical-more,
#sgr-renewal .sgr-medical-note{
    display:none!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-head{
        text-align:center!important;
    }

    #sgr-renewal .sgr-medical-head h2{
        margin:0 auto 22px!important;
        padding:0!important;
        color:var(--sgr-signature-gray)!important;
        font-size:24px!important;
        font-weight:900!important;
        line-height:1.18!important;
    }

    #sgr-renewal .sgr-medical-copy{
        padding:28px 20px 0!important;
        text-align:center!important;
    }

    #sgr-renewal .sgr-medical-copy span{
        font-size:16px!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        max-width:330px!important;
        font-size:20px!important;
        line-height:1.34!important;
    }

    #sgr-renewal .sgr-medical-mobile-rail strong{
        color:var(--sgr-signature-gray)!important;
    }
}

/* medical15: 의학사진 PC 정렬 및 기본 스크롤 정리 */
@media (min-width:981px){
    #sgr-renewal .sgr-medical-head h2{
        font-family:var(--sgr-font)!important;
        color:#686d73!important;
        font-size:28px!important;
        font-weight:900!important;
        line-height:1.22!important;
        letter-spacing:0!important;
    }

    #sgr-renewal .sgr-medical-cases{
        padding-right:max(38px,calc((100vw - 1360px)/2))!important;
    }

    #sgr-renewal .sgr-medical-head{
        display:block!important;
        text-align:center!important;
        margin:0 0 42px!important;
    }

    #sgr-renewal .sgr-medical-head h2{
        display:block!important;
        margin:0 auto 24px!important;
    }

    #sgr-renewal .sgr-medical-tabs{
        justify-content:center!important;
        margin:0 auto!important;
    }

    #sgr-renewal .sgr-medical-layout{
        grid-template-areas:
            "feature side"
            "copy ."!important;
        grid-template-rows:auto auto!important;
        align-items:stretch!important;
        row-gap:104px!important;
    }

    #sgr-renewal .sgr-medical-feature{
        overflow:visible!important;
    }

    #sgr-renewal .sgr-medical-angle{
        bottom:-74px!important;
        gap:12px!important;
    }

    #sgr-renewal .sgr-medical-angle button{
        min-width:92px!important;
        height:42px!important;
        padding:0 22px!important;
        border:1px solid #d7dfeb!important;
        border-radius:12px!important;
        background:#fff!important;
        color:var(--sgr-signature-gray)!important;
        font-size:17px!important;
        box-shadow:0 14px 28px rgba(23,38,67,.12)!important;
    }

    #sgr-renewal .sgr-medical-angle button.is-active{
        border-color:var(--sgr-navy)!important;
        background:var(--sgr-navy)!important;
        color:#fff!important;
    }

    #sgr-renewal .sgr-medical-side-wrap{
        grid-area:side!important;
        position:relative!important;
        display:flex!important;
        flex-direction:column!important;
        align-self:stretch!important;
        min-height:0!important;
        height:100%!important;
        max-height:none!important;
        overflow:visible!important;
    }

    #sgr-renewal .sgr-medical-side{
        flex:1 1 auto!important;
        min-height:0!important;
        max-height:none!important;
        height:auto!important;
        overflow-y:scroll!important;
        padding-right:16px!important;
        border-top:1px solid #e4e9f1!important;
        scrollbar-width:thin!important;
        scrollbar-color:transparent transparent!important;
        scrollbar-gutter:stable!important;
        -ms-overflow-style:auto!important;
        scroll-behavior:smooth!important;
        overscroll-behavior:contain!important;
    }

    #sgr-renewal .sgr-medical-side:hover{
        scrollbar-color:rgba(23,38,67,.72) rgba(232,237,244,.68)!important;
    }

    #sgr-renewal .sgr-medical-side::-webkit-scrollbar{
        display:block!important;
        width:12px!important;
        height:0!important;
    }

    #sgr-renewal .sgr-medical-side::-webkit-scrollbar-track{
        margin:8px 0!important;
        border-radius:999px!important;
        background:transparent!important;
    }

    #sgr-renewal .sgr-medical-side::-webkit-scrollbar-thumb{
        min-height:78px!important;
        border:3px solid transparent!important;
        border-radius:999px!important;
        background:transparent!important;
        background-clip:padding-box!important;
    }

    #sgr-renewal .sgr-medical-side:hover::-webkit-scrollbar-track{
        background:linear-gradient(180deg,rgba(23,38,67,.035),rgba(23,38,67,.1))!important;
    }

    #sgr-renewal .sgr-medical-side:hover::-webkit-scrollbar-thumb{
        border-color:#f7f9fc!important;
        background:linear-gradient(180deg,rgba(23,38,67,.82) 0%,rgba(83,98,124,.72) 100%)!important;
        background-clip:padding-box!important;
    }

    #sgr-renewal .sgr-medical-scroll-arrow,
    #sgr-renewal .sgr-medical-side-more{
        display:none!important;
    }

    #sgr-renewal .sgr-medical-side-item span{
        color:var(--sgr-signature-gray)!important;
    }

    #sgr-renewal .sgr-medical-copy{
        position:relative!important;
        display:block!important;
        min-height:32px!important;
        padding-left:0!important;
        padding-right:0!important;
        padding-top:0!important;
        text-align:center!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        max-width:640px!important;
        margin:0 auto!important;
        color:var(--sgr-navy)!important;
        font-size:18px!important;
        line-height:1.28!important;
    }

    #sgr-renewal .sgr-medical-main-more{
        position:absolute!important;
        left:4px!important;
        right:auto!important;
        top:calc(100% + 24px)!important;
        bottom:auto!important;
        display:inline-flex!important;
        align-items:center!important;
        min-height:28px!important;
        color:var(--sgr-signature-gray)!important;
        font-size:15px!important;
        font-weight:500!important;
        white-space:nowrap!important;
    }

    #sgr-renewal .sgr-medical-main-more span{
        margin-left:8px!important;
        color:inherit!important;
    }
}

@media (min-width:981px) and (max-width:1500px){
    #sgr-renewal .sgr-medical-cases{
        padding-right:116px!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-head{
        display:block!important;
        text-align:center!important;
        margin:0 0 30px!important;
    }

    #sgr-renewal .sgr-medical-head h2{
        display:block!important;
        margin:0 auto 24px!important;
        color:#686d73!important;
        font-size:24px!important;
        line-height:1.22!important;
    }

    #sgr-renewal .sgr-medical-tabs{
        margin:0 auto!important;
    }

    #sgr-renewal .sgr-medical-main-more{
        display:none!important;
    }

    #sgr-renewal .sgr-medical-feature{
        margin-bottom:66px!important;
        overflow:visible!important;
    }

    #sgr-renewal .sgr-medical-angle{
        bottom:-52px!important;
        gap:8px!important;
    }

    #sgr-renewal .sgr-medical-angle button{
        min-width:72px!important;
        height:38px!important;
        padding:0 16px!important;
        border:1px solid #d7dfeb!important;
        border-radius:11px!important;
        background:#fff!important;
        color:var(--sgr-signature-gray)!important;
        font-size:14px!important;
        box-shadow:0 12px 24px rgba(23,38,67,.12)!important;
    }

    #sgr-renewal .sgr-medical-angle button.is-active{
        border-color:var(--sgr-navy)!important;
        background:var(--sgr-navy)!important;
        color:#fff!important;
    }

    #sgr-renewal .sgr-medical-copy{
        padding:0 20px!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        max-width:330px!important;
        font-size:15px!important;
        font-weight:800!important;
        line-height:1.34!important;
    }

    #sgr-renewal .sgr-medical-side-item span{
        color:var(--sgr-signature-gray)!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-side-wrap{
        display:none!important;
    }
}

/* medical21: 사이드 패널형 메인 + 하단 가로 의학사진 리스트 */
#sgr-renewal .sgr-medical-head{
    display:block!important;
    width:min(1120px,calc(100vw - 56px))!important;
    margin:0 auto 34px!important;
    text-align:center!important;
}

#sgr-renewal .sgr-medical-head h2{
    display:block!important;
    width:auto!important;
    margin:0 auto 22px!important;
    color:#686d73!important;
    font-family:var(--sgr-font)!important;
    font-size:28px!important;
    font-weight:900!important;
    line-height:1.22!important;
    letter-spacing:0!important;
}

#sgr-renewal .sgr-medical-tabs{
    justify-content:center!important;
    margin:0 auto!important;
}

#sgr-renewal .sgr-medical-layout{
    display:block!important;
    max-width:1180px!important;
    margin:0 auto!important;
}

#sgr-renewal .sgr-medical-showcase{
    display:grid!important;
    grid-template-columns:minmax(0,1.7fr) minmax(260px,.68fr)!important;
    gap:24px!important;
    align-items:center!important;
    padding:18px!important;
    border:1px solid #dfe5ee!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 18px 48px rgba(23,38,67,.06)!important;
}

#sgr-renewal .sgr-medical-feature{
    position:relative!important;
    grid-area:auto!important;
    margin:0!important;
    overflow:visible!important;
}

#sgr-renewal .sgr-medical-frame{
    aspect-ratio:1.9/1!important;
    border-radius:8px!important;
    box-shadow:none!important;
}

#sgr-renewal .sgr-medical-frame::after{
    display:none!important;
}

#sgr-renewal .sgr-medical-copy{
    grid-area:auto!important;
    display:block!important;
    min-height:0!important;
    padding:0!important;
    text-align:left!important;
}

#sgr-renewal .sgr-medical-copy span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:24px!important;
    margin:0 0 10px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:#edf4ff!important;
    color:#7d8793!important;
    font-size:13px!important;
    font-weight:700!important;
}

#sgr-renewal .sgr-medical-copy h3{
    max-width:none!important;
    margin:0 0 14px!important;
    color:var(--sgr-navy)!important;
    font-size:17px!important;
    font-weight:900!important;
    line-height:1.36!important;
    text-align:left!important;
}

#sgr-renewal .sgr-medical-copy h3 a{
    color:inherit!important;
}

#sgr-renewal .sgr-medical-angle{
    position:static!important;
    display:flex!important;
    justify-content:flex-start!important;
    gap:8px!important;
    transform:none!important;
}

#sgr-renewal .sgr-medical-angle button{
    min-width:68px!important;
    height:34px!important;
    padding:0 14px!important;
    border:1px solid #d8e0eb!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#646b75!important;
    font-size:14px!important;
    font-weight:800!important;
    box-shadow:none!important;
}

#sgr-renewal .sgr-medical-angle button.is-active{
    border-color:var(--sgr-navy)!important;
    background:var(--sgr-navy)!important;
    color:#fff!important;
}

#sgr-renewal .sgr-medical-disclaimer{
    max-width:760px!important;
    margin:10px 0 0 18px!important;
    color:#8b9096!important;
    font-size:10px!important;
    font-weight:400!important;
    line-height:1.55!important;
    letter-spacing:0!important;
}

#sgr-renewal .sgr-medical-side-wrap{
    position:relative!important;
    display:block!important;
    height:auto!important;
    max-height:none!important;
    margin:24px 0 0!important;
    overflow:visible!important;
}

#sgr-renewal .sgr-medical-main-more{
    position:static!important;
    display:flex!important;
    justify-content:flex-end!important;
    min-height:0!important;
    margin:10px 0 0!important;
    padding:0 2px!important;
    color:var(--sgr-signature-gray)!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.4!important;
    white-space:nowrap!important;
}

#sgr-renewal .sgr-medical-main-more span{
    margin-left:6px!important;
    color:inherit!important;
}

#sgr-renewal .sgr-medical-side{
    display:flex!important;
    flex:0 0 auto!important;
    gap:16px!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    padding:4px 2px 18px!important;
    border-top:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:none!important;
    scroll-behavior:smooth!important;
    scrollbar-width:thin!important;
    scrollbar-color:transparent transparent!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
}

#sgr-renewal .sgr-medical-side:hover{
    scrollbar-color:rgba(23,38,67,.54) rgba(232,237,244,.76)!important;
}

#sgr-renewal .sgr-medical-side::-webkit-scrollbar{
    display:block!important;
    width:auto!important;
    height:10px!important;
}

#sgr-renewal .sgr-medical-side::-webkit-scrollbar-track{
    border-radius:999px!important;
    background:transparent!important;
}

#sgr-renewal .sgr-medical-side::-webkit-scrollbar-thumb{
    min-width:80px!important;
    border:3px solid transparent!important;
    border-radius:999px!important;
    background:transparent!important;
    background-clip:padding-box!important;
}

#sgr-renewal .sgr-medical-side:hover::-webkit-scrollbar-track{
    background:rgba(23,38,67,.07)!important;
}

#sgr-renewal .sgr-medical-side:hover::-webkit-scrollbar-thumb{
    border-color:#f7f9fc!important;
    background:rgba(23,38,67,.56)!important;
    background-clip:padding-box!important;
}

#sgr-renewal .sgr-medical-side-item{
    flex:0 0 220px!important;
    display:block!important;
    min-width:0!important;
    padding:0!important;
    border-top:0!important;
    scroll-snap-align:none!important;
}

#sgr-renewal .sgr-medical-side-item img{
    display:block!important;
    width:100%!important;
    height:124px!important;
    margin:0 0 10px!important;
    border-radius:8px!important;
    object-fit:cover!important;
    box-shadow:none!important;
}

#sgr-renewal .sgr-medical-side-item span{
    display:block!important;
    margin:0 0 4px!important;
    color:#8b9096!important;
    font-size:12px!important;
    font-weight:600!important;
}

#sgr-renewal .sgr-medical-side-item strong{
    display:block!important;
    color:var(--sgr-navy)!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.35!important;
}

#sgr-renewal .sgr-medical-mobile-rail{
    display:none!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-head{
        margin:0 auto 28px!important;
    }

    #sgr-renewal .sgr-medical-head h2{
        margin:0 auto 22px!important;
        font-size:24px!important;
    }

    #sgr-renewal .sgr-medical-showcase{
        display:block!important;
        padding:12px!important;
        border-radius:12px!important;
    }

    #sgr-renewal .sgr-medical-feature{
        margin:0 0 14px!important;
    }

    #sgr-renewal .sgr-medical-frame{
        aspect-ratio:1.72/1!important;
        border-radius:10px!important;
    }

    #sgr-renewal .sgr-medical-copy{
        padding:0 2px!important;
        text-align:left!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        max-width:none!important;
        font-size:15px!important;
        text-align:left!important;
    }

    #sgr-renewal .sgr-medical-disclaimer{
        margin:9px 4px 0!important;
        font-size:9px!important;
        line-height:1.5!important;
    }

    #sgr-renewal .sgr-medical-side-wrap{
        display:block!important;
        margin-top:20px!important;
    }

    #sgr-renewal .sgr-medical-main-more{
        justify-content:flex-start!important;
        padding:0!important;
        font-size:13px!important;
    }

    #sgr-renewal .sgr-medical-side{
        display:flex!important;
        gap:14px!important;
        padding:2px 0 15px!important;
    }

    #sgr-renewal .sgr-medical-side-item{
        flex-basis:156px!important;
    }

    #sgr-renewal .sgr-medical-side-item img{
        height:92px!important;
    }

    #sgr-renewal .sgr-medical-side-item strong{
        font-size:13px!important;
    }
}

/* medical23: 화살표 레일, PC 정보패널 정렬, 모바일 이전형 복원 */
#sgr-renewal .sgr-medical-disclaimer-pc{
    display:none!important;
}

#sgr-renewal .sgr-medical-rail-arrow{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:absolute!important;
    top:50%!important;
    z-index:5!important;
    width:46px!important;
    height:86px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    cursor:pointer!important;
    transform:translateY(-50%)!important;
}

#sgr-renewal .sgr-medical-rail-arrow::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:33px!important;
    height:33px!important;
    border-top:1.5px solid #172643!important;
    border-left:1.5px solid #172643!important;
    transform:translate(-34%,-50%) rotate(-45deg)!important;
}

#sgr-renewal .sgr-medical-rail-arrow.is-prev{
    left:-58px!important;
}

#sgr-renewal .sgr-medical-rail-arrow.is-next{
    right:-58px!important;
}

#sgr-renewal .sgr-medical-rail-arrow.is-next::before{
    transform:translate(-66%,-50%) rotate(135deg)!important;
}

@media (min-width:981px){
    #sgr-renewal .sgr-medical-layout{
        max-width:1140px!important;
    }

    #sgr-renewal .sgr-medical-showcase{
        grid-template-columns:minmax(0,2.05fr) minmax(300px,.9fr)!important;
        align-items:start!important;
        gap:22px!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
    }

    #sgr-renewal .sgr-medical-frame{
        aspect-ratio:1.86/1!important;
    }

    #sgr-renewal .sgr-medical-copy{
        align-self:stretch!important;
        display:flex!important;
        flex-direction:column!important;
        min-height:100%!important;
        padding:0!important;
    }

    #sgr-renewal .sgr-medical-copy span{
        min-height:28px!important;
        margin:0 0 14px!important;
        padding:0 12px!important;
        font-size:15px!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        margin:0 0 18px!important;
        font-size:22px!important;
        line-height:1.36!important;
    }

    #sgr-renewal .sgr-medical-angle{
        gap:10px!important;
    }

    #sgr-renewal .sgr-medical-angle button{
        min-width:76px!important;
        height:38px!important;
        padding:0 18px!important;
        font-size:15px!important;
    }

    #sgr-renewal .sgr-medical-disclaimer{
        display:none!important;
    }

    #sgr-renewal .sgr-medical-disclaimer-pc{
        display:block!important;
        margin:auto 0 0!important;
        color:#8b9096!important;
        font-size:10px!important;
        font-weight:400!important;
        line-height:1.55!important;
        letter-spacing:0!important;
    }

    #sgr-renewal .sgr-medical-side-wrap{
        margin-top:30px!important;
    }

    #sgr-renewal .sgr-medical-side{
        padding:4px 0 12px!important;
        scrollbar-width:none!important;
    }

    #sgr-renewal .sgr-medical-side::-webkit-scrollbar{
        display:none!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-showcase{
        display:block!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }

    #sgr-renewal .sgr-medical-feature{
        margin:0 0 66px!important;
        overflow:visible!important;
    }

    #sgr-renewal .sgr-medical-frame{
        aspect-ratio:1.72/1!important;
        border-radius:20px!important;
        box-shadow:0 18px 45px rgba(23,38,67,.12)!important;
    }

    #sgr-renewal .sgr-medical-copy{
        padding:0 20px!important;
        text-align:center!important;
    }

    #sgr-renewal .sgr-medical-copy span{
        display:none!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        max-width:330px!important;
        margin:0 auto!important;
        font-size:15px!important;
        line-height:1.34!important;
        text-align:center!important;
    }

    #sgr-renewal .sgr-medical-angle{
        position:absolute!important;
        left:50%!important;
        bottom:-52px!important;
        justify-content:center!important;
        gap:8px!important;
        transform:translateX(-50%)!important;
    }

    #sgr-renewal .sgr-medical-angle button{
        min-width:72px!important;
        height:38px!important;
        padding:0 16px!important;
        border-radius:11px!important;
        font-size:14px!important;
    }

    #sgr-renewal .sgr-medical-disclaimer{
        display:block!important;
        margin:18px 10px 0!important;
        color:#8b9096!important;
        font-size:9px!important;
        line-height:1.5!important;
        text-align:left!important;
    }

    #sgr-renewal .sgr-medical-side-wrap{
        display:block!important;
        margin-top:22px!important;
    }

    #sgr-renewal .sgr-medical-side{
        scrollbar-width:none!important;
    }

    #sgr-renewal .sgr-medical-side::-webkit-scrollbar{
        display:none!important;
    }

    #sgr-renewal .sgr-medical-rail-arrow{
        width:34px!important;
        height:72px!important;
    }

    #sgr-renewal .sgr-medical-rail-arrow::before{
        width:25px!important;
        height:25px!important;
    }

    #sgr-renewal .sgr-medical-rail-arrow.is-prev{
        left:-34px!important;
    }

    #sgr-renewal .sgr-medical-rail-arrow.is-next{
        right:-34px!important;
    }
}

/* medical24: requested PC side-panel and mobile restored flow */
@media (min-width:981px){
    #sgr-renewal .sgr-medical-showcase{
        grid-template-columns:minmax(0,760px) minmax(330px,1fr)!important;
        align-items:stretch!important;
        gap:24px!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }

    #sgr-renewal .sgr-medical-feature{
        margin:0!important;
    }

    #sgr-renewal .sgr-medical-frame{
        border:0!important;
        box-shadow:none!important;
    }

    #sgr-renewal .sgr-medical-copy{
        align-self:stretch!important;
        justify-content:flex-start!important;
        min-height:100%!important;
        padding:6px 0 0 2px!important;
    }

    #sgr-renewal .sgr-medical-copy span{
        align-self:flex-start!important;
        min-height:28px!important;
        margin:0 0 14px!important;
        font-size:16px!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        max-width:360px!important;
        margin:0 0 18px!important;
        font-size:24px!important;
        line-height:1.34!important;
    }

    #sgr-renewal .sgr-medical-angle{
        justify-content:flex-start!important;
        margin:0!important;
    }

    #sgr-renewal .sgr-medical-angle button{
        min-width:82px!important;
        height:40px!important;
        font-size:15px!important;
    }

    #sgr-renewal .sgr-medical-disclaimer-pc{
        max-width:370px!important;
        margin:auto 0 38px!important;
        color:#8b9096!important;
        font-size:10px!important;
        font-weight:400!important;
        line-height:1.55!important;
        text-align:left!important;
    }

    #sgr-renewal .sgr-medical-side-wrap{
        overflow:visible!important;
    }

    #sgr-renewal .sgr-medical-side{
        scrollbar-width:none!important;
    }

    #sgr-renewal .sgr-medical-side::-webkit-scrollbar{
        display:none!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-feature{
        margin:0 0 22px!important;
    }

    #sgr-renewal .sgr-medical-copy{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        padding:0 20px!important;
        text-align:center!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        order:2!important;
        max-width:330px!important;
        margin:0 auto!important;
        font-size:15px!important;
        line-height:1.34!important;
        text-align:center!important;
    }

    #sgr-renewal .sgr-medical-angle{
        position:static!important;
        order:1!important;
        display:flex!important;
        justify-content:center!important;
        gap:8px!important;
        margin:0 auto 16px!important;
        transform:none!important;
    }

    #sgr-renewal .sgr-medical-disclaimer{
        display:block!important;
        margin:18px 10px 0!important;
    }

    #sgr-renewal .sgr-medical-side-wrap{
        overflow:visible!important;
        padding:0 26px!important;
    }

    #sgr-renewal .sgr-medical-side{
        scrollbar-width:none!important;
    }

    #sgr-renewal .sgr-medical-side::-webkit-scrollbar{
        display:none!important;
    }

    #sgr-renewal .sgr-medical-rail-arrow{
        top:48%!important;
        width:30px!important;
        height:64px!important;
    }

    #sgr-renewal .sgr-medical-rail-arrow::before{
        width:22px!important;
        height:22px!important;
    }

    #sgr-renewal .sgr-medical-rail-arrow.is-prev{
        left:0!important;
    }

    #sgr-renewal .sgr-medical-rail-arrow.is-next{
        right:0!important;
    }
}

/* medical26: mobile arrow refinement and dissolve support */
#sgr-renewal [data-sgr-case-main-img]{
    opacity:1;
    transition:opacity .34s ease, transform .34s ease;
    will-change:opacity, transform;
}

#sgr-renewal [data-sgr-case-main-img].is-dissolving{
    opacity:.18;
    transform:scale(1.006);
}

#sgr-renewal .sgr-medical-rail-arrow{
    color:#8f949b!important;
}

#sgr-renewal .sgr-medical-rail-arrow::before{
    border-top-color:#8f949b!important;
    border-left-color:#8f949b!important;
}

@media (min-width:981px){
    #sgr-renewal .sgr-medical-rail-arrow{
        top:50%!important;
        width:38px!important;
        height:72px!important;
    }

    #sgr-renewal .sgr-medical-rail-arrow::before{
        width:27px!important;
        height:27px!important;
        border-top-width:.9px!important;
        border-left-width:.9px!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-feature{
        margin:0 0 16px!important;
    }

    #sgr-renewal .sgr-medical-angle{
        margin:0 auto 16px!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        max-width:315px!important;
        font-size:13.5px!important;
        line-height:1.32!important;
    }

    #sgr-renewal .sgr-medical-side-wrap{
        padding:0 24px!important;
    }

    #sgr-renewal .sgr-medical-rail-arrow{
        top:calc(50% - 14px)!important;
        width:24px!important;
        height:52px!important;
    }

    #sgr-renewal .sgr-medical-rail-arrow::before{
        width:17px!important;
        height:17px!important;
        border-top-width:.8px!important;
        border-left-width:.8px!important;
    }

    #sgr-renewal .sgr-medical-rail-arrow.is-prev{
        left:4px!important;
    }

    #sgr-renewal .sgr-medical-rail-arrow.is-next{
        right:4px!important;
    }
}

/* medical28: wider PC layout, softer controls, crossfade image motion */
#sgr-renewal .sgr-medical-frame{
    position:relative!important;
    display:block!important;
    overflow:hidden!important;
}

#sgr-renewal [data-sgr-case-main-img]{
    position:relative!important;
    z-index:1!important;
    transition:opacity .52s ease, transform .7s cubic-bezier(.2,.8,.2,1), filter .52s ease!important;
    will-change:opacity, transform!important;
}

#sgr-renewal [data-sgr-case-main-img].is-dissolving{
    opacity:0!important;
    transform:scale(1.01)!important;
}

#sgr-renewal .sgr-case-fade-ghost{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:1!important;
    pointer-events:none!important;
    transform:scale(1.006)!important;
    transition:opacity .52s ease, transform .7s cubic-bezier(.2,.8,.2,1)!important;
}

#sgr-renewal .sgr-case-fade-ghost.is-fade-out{
    opacity:0!important;
    transform:scale(1.026)!important;
}

#sgr-renewal .sgr-medical-frame:hover [data-sgr-case-main-img]:not(.is-dissolving){
    transform:scale(1.028)!important;
}

#sgr-renewal .sgr-medical-side-item img{
    transition:transform .55s ease, filter .55s ease!important;
}

#sgr-renewal .sgr-medical-side-item:hover img{
    transform:scale(1.035)!important;
    filter:saturate(1.03)!important;
}

#sgr-renewal .sgr-medical-angle button{
    transition:background-color .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease!important;
}

#sgr-renewal .sgr-medical-angle button:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 8px 20px rgba(23,38,67,.1)!important;
}

#sgr-renewal .sgr-medical-angle button:active{
    transform:translateY(1px) scale(.975)!important;
    box-shadow:0 3px 10px rgba(23,38,67,.08)!important;
}

#sgr-renewal .sgr-medical-angle button.is-active{
    box-shadow:0 10px 24px rgba(23,38,67,.16)!important;
}

@media (min-width:981px){
    #sgr-renewal .sgr-medical-head,
    #sgr-renewal .sgr-medical-layout{
        width:min(1380px,calc(100vw - 80px))!important;
        max-width:none!important;
    }

    #sgr-renewal .sgr-medical-showcase{
        grid-template-columns:minmax(0,900px) minmax(370px,1fr)!important;
        gap:34px!important;
    }

    #sgr-renewal .sgr-medical-frame{
        aspect-ratio:1.94/1!important;
    }

    #sgr-renewal .sgr-medical-copy{
        padding:6px 0 0!important;
    }

    #sgr-renewal .sgr-medical-copy span{
        color:var(--sgr-navy)!important;
        font-weight:800!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        max-width:430px!important;
        color:#737b86!important;
        font-size:23px!important;
        font-weight:400!important;
        line-height:1.38!important;
    }

    #sgr-renewal .sgr-medical-disclaimer-pc{
        max-width:440px!important;
        margin:auto 0 8px!important;
    }

    #sgr-renewal .sgr-medical-side{
        gap:18px!important;
    }

    #sgr-renewal .sgr-medical-side-item{
        flex-basis:248px!important;
    }

    #sgr-renewal .sgr-medical-side-item img{
        height:140px!important;
    }
}

@media (min-width:981px) and (max-width:1500px){
    #sgr-renewal .sgr-medical-head,
    #sgr-renewal .sgr-medical-layout{
        width:min(1280px,calc(100vw - 180px))!important;
    }

    #sgr-renewal .sgr-medical-showcase{
        grid-template-columns:minmax(0,820px) minmax(330px,1fr)!important;
        gap:28px!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-copy span{
        color:var(--sgr-navy)!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        color:#737b86!important;
        font-weight:400!important;
    }
}

/* medical30: inline case switching and softer list depth */
#sgr-renewal .sgr-medical-copy{
    transition:opacity .32s ease, transform .32s ease!important;
}

#sgr-renewal .sgr-medical-copy.is-case-changing{
    opacity:.42!important;
    transform:translateY(8px)!important;
}

#sgr-renewal .sgr-medical-angle.is-empty{
    display:none!important;
}

#sgr-renewal .sgr-medical-angle button:hover,
#sgr-renewal .sgr-medical-angle button.is-active{
    transform:none!important;
    box-shadow:none!important;
}

#sgr-renewal .sgr-medical-angle button:active{
    transform:translateY(1px) scale(.99)!important;
    box-shadow:none!important;
}

#sgr-renewal .sgr-medical-frame{
    transition:transform .48s cubic-bezier(.2,.8,.2,1), box-shadow .48s ease!important;
}

#sgr-renewal .sgr-medical-frame:hover{
    transform:translateY(-7px)!important;
    box-shadow:0 24px 46px rgba(23,38,67,.14)!important;
}

#sgr-renewal .sgr-medical-frame:hover [data-sgr-case-main-img]:not(.is-dissolving){
    transform:none!important;
}

#sgr-renewal .sgr-medical-side-item{
    cursor:pointer!important;
    transition:transform .42s cubic-bezier(.2,.8,.2,1), opacity .3s ease!important;
}

#sgr-renewal .sgr-medical-side-item img{
    transition:box-shadow .42s ease, filter .42s ease!important;
}

#sgr-renewal .sgr-medical-side-item:hover{
    transform:translateY(-7px)!important;
}

#sgr-renewal .sgr-medical-side-item:hover img{
    transform:none!important;
    filter:saturate(1.03)!important;
    box-shadow:0 18px 32px rgba(23,38,67,.14)!important;
}

#sgr-renewal .sgr-medical-side-item.is-active span,
#sgr-renewal .sgr-medical-side-item.is-active strong{
    color:var(--sgr-navy)!important;
}

@media (min-width:981px){
    #sgr-renewal .sgr-medical-side{
        overflow-y:visible!important;
        padding-top:12px!important;
        padding-bottom:26px!important;
    }

    #sgr-renewal .sgr-medical-side-item{
        min-height:258px!important;
        padding-bottom:28px!important;
    }

    #sgr-renewal .sgr-medical-side-item strong{
        min-height:74px!important;
        font-weight:800!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-frame:hover{
        transform:none!important;
        box-shadow:0 18px 45px rgba(23,38,67,.12)!important;
    }

    #sgr-renewal .sgr-medical-side{
        overflow-y:visible!important;
        padding-top:8px!important;
    }

    #sgr-renewal .sgr-medical-side-item{
        min-height:188px!important;
        padding-bottom:20px!important;
    }

    #sgr-renewal .sgr-medical-side-item:hover{
        transform:none!important;
    }
}

/* medical31: remove medical hover motion and move PC more link */
#sgr-renewal .sgr-medical-copy-more{
    display:none!important;
}

#sgr-renewal .sgr-medical-frame:hover,
#sgr-renewal .sgr-medical-frame:focus-within{
    transform:none!important;
}

#sgr-renewal .sgr-medical-frame:hover [data-sgr-case-main-img]:not(.is-dissolving),
#sgr-renewal .sgr-medical-frame:focus-within [data-sgr-case-main-img]:not(.is-dissolving){
    transform:none!important;
}

#sgr-renewal .sgr-medical-side-item:hover,
#sgr-renewal .sgr-medical-side-item:focus{
    transform:none!important;
}

#sgr-renewal .sgr-medical-side-item:hover img,
#sgr-renewal .sgr-medical-side-item:focus img{
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
}

@media (min-width:981px){
    #sgr-renewal .sgr-medical-copy-more{
        display:inline-flex!important;
        align-items:center!important;
        align-self:flex-start!important;
        margin:auto 0 12px!important;
        color:#8b9096!important;
        font-size:14px!important;
        font-weight:400!important;
        line-height:1.4!important;
        white-space:nowrap!important;
    }

    #sgr-renewal .sgr-medical-copy-more span{
        margin-left:6px!important;
        color:inherit!important;
    }

    #sgr-renewal .sgr-medical-disclaimer-pc{
        margin:0 0 8px!important;
    }

    #sgr-renewal .sgr-medical-side-wrap .sgr-medical-main-more{
        display:none!important;
    }

    #sgr-renewal .sgr-medical-frame:hover,
    #sgr-renewal .sgr-medical-frame:focus-within{
        box-shadow:none!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-copy-more{
        display:none!important;
    }
}

/* medical33: rebuild case buttons and show eye before/after proportionally */
#sgr-renewal .sgr-medical-frame{
    background:#eef2f6!important;
}

#sgr-renewal .sgr-medical-frame img,
#sgr-renewal [data-sgr-case-main-img],
#sgr-renewal .sgr-case-fade-ghost{
    object-fit:contain!important;
    object-position:center center!important;
}

#sgr-renewal .sgr-medical-frame.is-pair-mode [data-sgr-case-main-img]{
    opacity:0!important;
}

#sgr-renewal .sgr-medical-pair{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    display:grid!important;
    grid-template-rows:1fr 1fr!important;
    gap:0!important;
    width:100%!important;
    height:100%!important;
    background:#eef2f6!important;
    opacity:1!important;
    transform:translateY(0)!important;
    transition:opacity .44s ease, transform .44s cubic-bezier(.2,.8,.2,1)!important;
}

#sgr-renewal .sgr-medical-pair.is-entering{
    opacity:.08!important;
    transform:translateY(10px)!important;
}

#sgr-renewal .sgr-medical-pair>div{
    position:relative!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
}

#sgr-renewal .sgr-medical-pair img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
}

#sgr-renewal .sgr-medical-pair span{
    position:absolute!important;
    top:12px!important;
    left:14px!important;
    z-index:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:50px!important;
    height:24px!important;
    padding:0 10px!important;
    border-radius:5px!important;
    background:rgba(218,224,230,.82)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1!important;
}

#sgr-renewal .sgr-medical-pair>div:last-child span{
    left:auto!important;
    right:14px!important;
}

#sgr-renewal .sgr-medical-copy-more span,
#sgr-renewal .sgr-medical-main-more span{
    display:inline!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    margin-left:5px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:inherit!important;
    font:inherit!important;
    line-height:inherit!important;
}

/* medical35: 모바일 의학사진 리스트는 좌우 스크롤만 허용 */
@media (max-width:980px){
    #sgr-renewal .sgr-medical-side,
    #sgr-renewal .sgr-medical-mobile-rail{
        overflow-x:auto!important;
        overflow-y:hidden!important;
        touch-action:pan-x!important;
        overscroll-behavior-x:contain!important;
        overscroll-behavior-y:contain!important;
        -webkit-overflow-scrolling:touch!important;
    }

    #sgr-renewal .sgr-medical-side-wrap{
        overflow:hidden!important;
        overscroll-behavior:contain!important;
    }
}

/* medical36: 의학사진 전환 디테일 정리 */
#sgr-renewal .sgr-medical-copy-more,
#sgr-renewal .sgr-medical-main-more{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    width:auto!important;
    min-width:0!important;
    white-space:nowrap!important;
}

#sgr-renewal .sgr-medical-copy-more span,
#sgr-renewal .sgr-medical-main-more span{
    display:none!important;
}

#sgr-renewal .sgr-medical-copy-more::after,
#sgr-renewal .sgr-medical-main-more::after{
    content:">"!important;
    display:inline!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:inherit!important;
    font:inherit!important;
    line-height:inherit!important;
}

@media (min-width:981px){
    #sgr-renewal .sgr-medical-pair span{
        display:none!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-copy-more{
        display:none!important;
    }

    #sgr-renewal .sgr-medical-copy{
        padding-top:18px!important;
        opacity:1!important;
        transform:none!important;
        transition:opacity .34s ease!important;
    }

    #sgr-renewal .sgr-medical-copy.is-case-changing{
        opacity:.28!important;
        transform:none!important;
    }

    #sgr-renewal .sgr-medical-angle{
        margin-top:22px!important;
        margin-bottom:20px!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        margin-top:18px!important;
        margin-bottom:18px!important;
    }
}

/* medical38: 하단 의학사진 리스트 수술명 숨김 */
#sgr-renewal .sgr-medical-side-item strong,
#sgr-renewal .sgr-medical-mobile-rail strong{
    display:none!important;
}

#sgr-renewal .sgr-medical-side-item{
    min-height:auto!important;
    row-gap:0!important;
}

#sgr-renewal .sgr-medical-side-item span{
    display:block!important;
    margin:8px 0 0!important;
}

@media (min-width:981px){
    #sgr-renewal .sgr-medical-side{
        padding-bottom:10px!important;
    }

    #sgr-renewal .sgr-medical-side-item{
        min-height:auto!important;
        padding-bottom:13px!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-side{
        padding-bottom:8px!important;
    }

    #sgr-renewal .sgr-medical-side-item{
        min-height:auto!important;
        padding-bottom:11px!important;
    }

    #sgr-renewal .sgr-medical-side-item span{
        margin-top:7px!important;
    }
}

/* medical39: 의학사진 전환은 제목만, 리스트는 사진만 */
#sgr-renewal .sgr-medical-copy{
    opacity:1!important;
    transform:none!important;
}

#sgr-renewal .sgr-medical-copy.is-case-changing{
    opacity:1!important;
    transform:none!important;
}

#sgr-renewal .sgr-medical-copy>span,
#sgr-renewal .sgr-medical-copy h3{
    transition:opacity .34s ease!important;
    transform:none!important;
}

#sgr-renewal .sgr-medical-copy>span.is-case-changing,
#sgr-renewal .sgr-medical-copy h3.is-case-changing{
    opacity:.28!important;
    transform:none!important;
}

#sgr-renewal .sgr-medical-pair span{
    display:none!important;
}

#sgr-renewal .sgr-medical-side-item span,
#sgr-renewal .sgr-medical-side-item strong,
#sgr-renewal .sgr-medical-mobile-rail span,
#sgr-renewal .sgr-medical-mobile-rail strong{
    display:none!important;
}

#sgr-renewal .sgr-medical-side-item img,
#sgr-renewal .sgr-medical-mobile-rail img{
    margin-bottom:0!important;
}

@media (min-width:981px){
    #sgr-renewal .sgr-medical-copy{
        min-height:100%!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        min-height:128px!important;
    }

    #sgr-renewal .sgr-medical-angle{
        min-height:40px!important;
    }

    #sgr-renewal .sgr-medical-disclaimer-pc,
    #sgr-renewal .sgr-medical-side-wrap{
        transform:none!important;
        transition:none!important;
    }

    #sgr-renewal .sgr-medical-side-item{
        padding-bottom:12px!important;
    }
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-angle{
        margin-top:14px!important;
        margin-bottom:14px!important;
        gap:7px!important;
        transition:none!important;
    }

    #sgr-renewal .sgr-medical-angle button{
        min-width:58px!important;
        height:32px!important;
        padding:0 12px!important;
        border-radius:9px!important;
        font-size:13px!important;
        transition:none!important;
        transform:none!important;
        box-shadow:none!important;
    }

    #sgr-renewal .sgr-medical-angle button.is-active,
    #sgr-renewal .sgr-medical-angle button:hover,
    #sgr-renewal .sgr-medical-angle button:active{
        transform:none!important;
        box-shadow:none!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        margin-top:14px!important;
        margin-bottom:14px!important;
        min-height:40px!important;
    }

    #sgr-renewal .sgr-medical-disclaimer,
    #sgr-renewal .sgr-medical-side-wrap{
        transform:none!important;
        transition:none!important;
    }

    #sgr-renewal .sgr-medical-side-item{
        padding-bottom:10px!important;
    }
}

/* medical40: 모바일 의학사진 상하 여백 압축 */
@media (max-width:980px){
    #sgr-renewal .sgr-medical-feature{
        margin-bottom:8px!important;
    }

    #sgr-renewal .sgr-medical-frame{
        box-shadow:none!important;
    }

    #sgr-renewal .sgr-medical-copy{
        padding-top:0!important;
    }

    #sgr-renewal .sgr-medical-angle{
        margin-top:4px!important;
        margin-bottom:9px!important;
    }

    #sgr-renewal .sgr-medical-angle button{
        min-width:54px!important;
        height:30px!important;
        padding:0 11px!important;
        font-size:13px!important;
    }

    #sgr-renewal .sgr-medical-copy h3{
        margin-top:8px!important;
        margin-bottom:9px!important;
        min-height:36px!important;
    }

    #sgr-renewal .sgr-medical-disclaimer{
        margin-top:7px!important;
    }
}

/* medical41: 의학사진 상단 여백 축소 + 사진 전환 튐 제거 */
#sgr-renewal .sgr-medical-frame{
    transform:none!important;
    transition:box-shadow .32s ease!important;
}

#sgr-renewal [data-sgr-case-main-img]{
    transform:none!important;
    transition:opacity .42s ease!important;
    will-change:opacity!important;
}

#sgr-renewal [data-sgr-case-main-img].is-dissolving{
    opacity:0!important;
    transform:none!important;
}

#sgr-renewal .sgr-case-fade-ghost{
    transform:none!important;
    transition:opacity .42s ease!important;
    object-fit:contain!important;
    object-position:center center!important;
}

#sgr-renewal .sgr-case-fade-ghost.is-fade-out{
    opacity:0!important;
    transform:none!important;
}

#sgr-renewal .sgr-medical-pair{
    transform:none!important;
    transition:opacity .42s ease!important;
}

#sgr-renewal .sgr-medical-pair.is-entering{
    opacity:0!important;
    transform:none!important;
}

#sgr-renewal .sgr-medical-pair.is-fade-out{
    opacity:0!important;
    transform:none!important;
}

#sgr-renewal .sgr-medical-frame:hover,
#sgr-renewal .sgr-medical-frame:focus-within,
#sgr-renewal .sgr-medical-frame:hover [data-sgr-case-main-img]:not(.is-dissolving),
#sgr-renewal .sgr-medical-frame:focus-within [data-sgr-case-main-img]:not(.is-dissolving){
    transform:none!important;
}

#sgr-renewal .sgr-medical-copy,
#sgr-renewal .sgr-medical-copy.is-case-changing,
#sgr-renewal .sgr-medical-copy>span,
#sgr-renewal .sgr-medical-copy h3,
#sgr-renewal .sgr-medical-copy>span.is-case-changing,
#sgr-renewal .sgr-medical-copy h3.is-case-changing{
    transform:none!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-medical-cases{
        padding-top:52px!important;
    }

    #sgr-renewal .sgr-medical-angle button{
        min-width:50px!important;
        height:28px!important;
        padding:0 10px!important;
        border-radius:10px!important;
        font-size:12px!important;
    }

    #sgr-renewal .sgr-medical-main-more,
    #sgr-renewal .sgr-medical-copy-more{
        display:none!important;
    }
}

/* medical47: 의학사진 프레임을 코 기준 2:1 높이로 고정 */
#sgr-renewal .sgr-medical-frame,
#sgr-renewal .sgr-medical-layout.is-medical-kind-eye .sgr-medical-frame,
#sgr-renewal .sgr-medical-layout.is-medical-kind-nose .sgr-medical-frame,
#sgr-renewal .sgr-medical-layout.is-medical-kind-other .sgr-medical-frame{
    aspect-ratio:2/1!important;
}

/* youtube1: SUGAR YOUTUBE + SHORTS */
#sgr-renewal .sgr-youtube-section,
#sgr-renewal .sgr-shorts-section{
    padding:118px max(38px,calc((100vw - 1360px)/2)) 0!important;
    background:#fff!important;
}

#sgr-renewal .sgr-youtube-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:28px!important;
    margin:0 0 44px!important;
}

#sgr-renewal .sgr-youtube-head h2,
#sgr-renewal .sgr-shorts-head h2{
    margin:0!important;
    color:var(--sgr-navy)!important;
    font-size:52px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
}

#sgr-renewal .sgr-youtube-head p,
#sgr-renewal .sgr-shorts-head p{
    margin:12px 0 0!important;
    color:var(--sgr-signature-gray)!important;
    font-size:21px!important;
    font-weight:600!important;
    line-height:1.45!important;
}

#sgr-renewal .sgr-youtube-head>a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:176px!important;
    height:44px!important;
    padding:0 24px!important;
    border:1px solid rgba(60,85,133,.36)!important;
    color:var(--sgr-navy)!important;
    font-size:15px!important;
    font-weight:700!important;
    transition:background .28s ease,color .28s ease,border-color .28s ease!important;
}

#sgr-renewal .sgr-youtube-head>a:hover{
    border-color:var(--sgr-navy)!important;
    background:var(--sgr-navy)!important;
    color:#fff!important;
}

#sgr-renewal .sgr-youtube-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.68fr) minmax(220px,.56fr) minmax(220px,.56fr)!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
}

#sgr-renewal .sgr-youtube-card{
    display:block!important;
    min-width:0!important;
    color:var(--sgr-navy)!important;
    background:#f6f4f0!important;
    overflow:hidden!important;
}

#sgr-renewal .sgr-youtube-card.is-featured{
    grid-row:1/3!important;
}

#sgr-renewal .sgr-youtube-thumb,
#sgr-renewal .sgr-shorts-thumb{
    display:block!important;
    overflow:hidden!important;
    background:#eef2f7!important;
}

#sgr-renewal .sgr-youtube-thumb{
    aspect-ratio:16/9!important;
}

#sgr-renewal .sgr-youtube-card.is-featured .sgr-youtube-thumb{
    height:100%!important;
    min-height:512px!important;
    aspect-ratio:auto!important;
}

#sgr-renewal .sgr-youtube-card img,
#sgr-renewal .sgr-shorts-card img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .45s ease!important;
}

#sgr-renewal .sgr-youtube-card strong{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    min-height:54px!important;
    padding:16px 18px!important;
    color:var(--sgr-navy)!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.45!important;
    text-align:center!important;
}

#sgr-renewal .sgr-youtube-card.is-featured strong{
    min-height:0!important;
    padding:20px 24px 22px!important;
    font-size:22px!important;
    line-height:1.38!important;
}

#sgr-renewal .sgr-youtube-card:hover img{
    transform:scale(1.045)!important;
}

#sgr-renewal .sgr-shorts-section{
    padding-top:112px!important;
    padding-bottom:118px!important;
}

#sgr-renewal .sgr-shorts-head{
    margin:0 0 42px!important;
    text-align:center!important;
}

#sgr-renewal .sgr-shorts-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:24px!important;
}

#sgr-renewal .sgr-shorts-card{
    display:block!important;
    min-width:0!important;
    color:var(--sgr-navy)!important;
}

#sgr-renewal .sgr-shorts-thumb{
    aspect-ratio:9/16!important;
    border-radius:28px!important;
}

#sgr-renewal .sgr-shorts-card strong{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    min-height:45px!important;
    margin:14px 4px 0!important;
    color:var(--sgr-signature-gray)!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.45!important;
    text-align:center!important;
}

#sgr-renewal .sgr-shorts-card:hover img{
    filter:grayscale(1)!important;
    transform:scale(1.075)!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-youtube-section,
    #sgr-renewal .sgr-shorts-section{
        padding:86px 16px 0!important;
    }

    #sgr-renewal .sgr-youtube-head{
        display:block!important;
        margin-bottom:28px!important;
        text-align:center!important;
    }

    #sgr-renewal .sgr-youtube-head h2,
    #sgr-renewal .sgr-shorts-head h2{
        font-size:31px!important;
    }

    #sgr-renewal .sgr-youtube-head p,
    #sgr-renewal .sgr-shorts-head p{
        margin-top:9px!important;
        font-size:15px!important;
    }

    #sgr-renewal .sgr-youtube-head>a{
        min-width:142px!important;
        height:38px!important;
        margin-top:18px!important;
        padding:0 16px!important;
        font-size:13px!important;
    }

    #sgr-renewal .sgr-youtube-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        grid-template-rows:auto!important;
        gap:12px!important;
    }

    #sgr-renewal .sgr-youtube-card.is-featured{
        grid-column:1/3!important;
        grid-row:auto!important;
    }

    #sgr-renewal .sgr-youtube-card.is-featured .sgr-youtube-thumb{
        min-height:0!important;
        aspect-ratio:16/9!important;
    }

    #sgr-renewal .sgr-youtube-card strong{
        min-height:48px!important;
        padding:11px 10px!important;
        font-size:12px!important;
        line-height:1.4!important;
    }

    #sgr-renewal .sgr-youtube-card.is-featured strong{
        padding:14px 14px 15px!important;
        font-size:15px!important;
    }

    #sgr-renewal .sgr-shorts-section{
        padding-top:74px!important;
        padding-bottom:92px!important;
    }

    #sgr-renewal .sgr-shorts-head{
        margin-bottom:28px!important;
    }

    #sgr-renewal .sgr-shorts-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:16px 12px!important;
    }

    #sgr-renewal .sgr-shorts-card:last-child{
        grid-column:1/3!important;
        max-width:48%!important;
        justify-self:center!important;
    }

    #sgr-renewal .sgr-shorts-thumb{
        border-radius:20px!important;
    }

    #sgr-renewal .sgr-shorts-card strong{
        min-height:40px!important;
        margin-top:10px!important;
        font-size:12px!important;
        line-height:1.4!important;
    }
}

/* youtube3: 나나 TV / 톱티어 쇼츠 레퍼런스 비율 보정 */
#sgr-renewal .sgr-youtube-grid{
    grid-template-columns:minmax(0,1.72fr) repeat(2,minmax(220px,.56fr))!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
}

#sgr-renewal .sgr-youtube-card{
    align-self:start!important;
}

#sgr-renewal .sgr-youtube-card.is-featured .sgr-youtube-thumb{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
}

#sgr-renewal .sgr-youtube-card.is-featured strong{
    display:none!important;
}

#sgr-renewal .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
    aspect-ratio:16/9!important;
}

#sgr-renewal .sgr-youtube-card:not(.is-featured) strong{
    min-height:58px!important;
    padding:13px 14px 14px!important;
    font-size:15px!important;
    line-height:1.42!important;
}

#sgr-renewal .sgr-shorts-grid{
    align-items:start!important;
}

#sgr-renewal .sgr-shorts-card{
    overflow:hidden!important;
}

#sgr-renewal .sgr-shorts-card strong{
    display:none!important;
}

#sgr-renewal .sgr-shorts-thumb{
    width:100%!important;
    aspect-ratio:9/16!important;
    border-radius:30px!important;
    box-shadow:0 18px 38px rgba(23,38,67,.08)!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-youtube-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:12px!important;
    }

    #sgr-renewal .sgr-youtube-card.is-featured{
        grid-column:1/3!important;
    }

    #sgr-renewal .sgr-youtube-card:not(.is-featured) strong{
        min-height:46px!important;
        padding:10px 9px 11px!important;
        font-size:12px!important;
        line-height:1.38!important;
    }

    #sgr-renewal .sgr-shorts-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:14px 12px!important;
    }

    #sgr-renewal .sgr-shorts-card:last-child{
        grid-column:1/3!important;
        width:calc(50% - 6px)!important;
        max-width:none!important;
        justify-self:center!important;
    }

    #sgr-renewal .sgr-shorts-thumb{
        border-radius:22px!important;
    }
}

/* youtube4: SUGAR Signature heading match and thumbnail-only video cards */
#sgr-renewal .sgr-youtube-head,
#sgr-renewal .sgr-shorts-head{
    display:block!important;
    width:min(1120px,calc(100% - 56px))!important;
    margin:0 auto 62px!important;
    text-align:center!important;
}

#sgr-renewal .sgr-youtube-head>div{
    display:block!important;
}

#sgr-renewal .sgr-youtube-head h2,
#sgr-renewal .sgr-shorts-head h2{
    margin:0 0 18px!important;
    color:#686d73!important;
    font-size:28px!important;
    font-weight:900!important;
    line-height:1.28!important;
    letter-spacing:0!important;
    text-transform:none!important;
}

#sgr-renewal .sgr-youtube-head p,
#sgr-renewal .sgr-shorts-head p{
    margin:0 auto!important;
    color:#7b8086!important;
    font-size:18px!important;
    font-weight:600!important;
    line-height:1.62!important;
}

#sgr-renewal .sgr-youtube-head>a{
    margin:22px auto 0!important;
}

#sgr-renewal .sgr-youtube-card strong,
#sgr-renewal .sgr-youtube-card.is-featured strong,
#sgr-renewal .sgr-youtube-card:not(.is-featured) strong,
#sgr-renewal .sgr-shorts-card strong{
    display:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-youtube-head,
    #sgr-renewal .sgr-shorts-head{
        width:100%!important;
        padding:0 16px!important;
        margin:0 auto 34px!important;
    }

    #sgr-renewal .sgr-youtube-head h2,
    #sgr-renewal .sgr-shorts-head h2{
        margin-bottom:9px!important;
        font-size:24px!important;
        line-height:1.3!important;
    }

    #sgr-renewal .sgr-youtube-head p,
    #sgr-renewal .sgr-shorts-head p{
        font-size:15px!important;
        line-height:1.62!important;
    }

    #sgr-renewal .sgr-youtube-head>a{
        margin-top:18px!important;
    }
}

/* youtube5: Nana TV width and Topface-style shorts rail */
#sgr-renewal .sgr-youtube-section,
#sgr-renewal .sgr-shorts-section{
    padding-left:max(24px,calc((100vw - 1660px)/2))!important;
    padding-right:max(24px,calc((100vw - 1660px)/2))!important;
}

#sgr-renewal .sgr-youtube-grid{
    width:100%!important;
    max-width:1660px!important;
    margin:0 auto!important;
    grid-template-columns:minmax(0,1.78fr) repeat(2,minmax(250px,.62fr))!important;
    gap:20px!important;
}

#sgr-renewal .sgr-youtube-card{
    background:transparent!important;
    border-radius:0!important;
}

#sgr-renewal .sgr-youtube-thumb{
    border-radius:0!important;
    background:#f1f3f6!important;
}

#sgr-renewal .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
    aspect-ratio:16/9!important;
}

#sgr-renewal .sgr-shorts-section{
    overflow:hidden!important;
}

#sgr-renewal .sgr-shorts-shell{
    position:relative!important;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr) 56px!important;
    align-items:center!important;
    width:100%!important;
    max-width:1680px!important;
    margin:0 auto!important;
}

#sgr-renewal .sgr-shorts-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:18px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
}

#sgr-renewal .sgr-shorts-grid::-webkit-scrollbar{
    display:none!important;
}

#sgr-renewal .sgr-shorts-card{
    flex:0 0 calc((100% - 72px) * .222222)!important;
    scroll-snap-align:start!important;
    overflow:visible!important;
}

#sgr-renewal .sgr-shorts-thumb{
    border-radius:28px!important;
}

#sgr-renewal .sgr-shorts-arrow{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:54px!important;
    height:86px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    cursor:pointer!important;
}

#sgr-renewal .sgr-shorts-arrow::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:29px!important;
    height:29px!important;
    border-top:1.5px solid #7b8086!important;
    border-left:1.5px solid #7b8086!important;
    transition:opacity .25s ease,transform .25s ease,border-color .25s ease!important;
}

#sgr-renewal .sgr-shorts-arrow.is-prev::before{
    transform:translate(-35%,-50%) rotate(-45deg)!important;
}

#sgr-renewal .sgr-shorts-arrow.is-next::before{
    transform:translate(-65%,-50%) rotate(135deg)!important;
}

#sgr-renewal .sgr-shorts-arrow:hover::before{
    border-color:var(--sgr-navy)!important;
}

#sgr-renewal .sgr-shorts-arrow:disabled{
    cursor:default!important;
    opacity:.24!important;
}

#sgr-renewal .sgr-shorts-arrow:disabled::before{
    border-color:#9aa0aa!important;
}

@media (max-width:980px){
    #sgr-renewal .sgr-youtube-section,
    #sgr-renewal .sgr-shorts-section{
        padding-left:0!important;
        padding-right:0!important;
    }

    #sgr-renewal .sgr-youtube-grid{
        width:calc(100% - 32px)!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:12px!important;
    }

    #sgr-renewal .sgr-shorts-shell{
        grid-template-columns:36px minmax(0,1fr) 36px!important;
        max-width:none!important;
        width:100%!important;
    }

    #sgr-renewal .sgr-shorts-grid{
        gap:14px!important;
    }

    #sgr-renewal .sgr-shorts-card,
    #sgr-renewal .sgr-shorts-card:last-child{
        flex:0 0 calc((100% - 24px) * .425532)!important;
        width:auto!important;
        max-width:none!important;
        grid-column:auto!important;
    }

    #sgr-renewal .sgr-shorts-thumb{
        border-radius:18px!important;
    }

    #sgr-renewal .sgr-shorts-arrow{
        width:36px!important;
        height:62px!important;
    }

    #sgr-renewal .sgr-shorts-arrow::before{
        width:19px!important;
        height:19px!important;
        border-width:1.3px!important;
    }
}

/* uvom11-eof-final: 실제 파일 끝에서 다시 덮어쓰기 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section,
    html body #sgr-renewal .sgr-shorts-section{
        overflow:hidden!important;
        padding-left:0!important;
        padding-right:0!important;
        background:#fff!important;
    }

    html body #sgr-renewal .sgr-youtube-section{
        padding-top:116px!important;
    }

    html body #sgr-renewal .sgr-shorts-section{
        padding-top:128px!important;
        padding-bottom:126px!important;
    }

    html body #sgr-renewal .sgr-youtube-head,
    html body #sgr-renewal .sgr-shorts-head{
        left:auto!important;
        width:min(1840px,calc(100vw - 96px))!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
        padding:0!important;
    }

    html body #sgr-renewal .sgr-youtube-head{
        display:flex!important;
        align-items:flex-end!important;
        justify-content:space-between!important;
        gap:34px!important;
        margin-bottom:42px!important;
        text-align:left!important;
    }

    html body #sgr-renewal .sgr-shorts-head{
        display:block!important;
        margin-bottom:54px!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-youtube-head h2,
    html body #sgr-renewal .sgr-shorts-head h2{
        margin:0 0 12px!important;
        color:#686d73!important;
        font-size:28px!important;
        font-weight:900!important;
        line-height:1.28!important;
        letter-spacing:0!important;
        text-transform:none!important;
    }

    html body #sgr-renewal .sgr-youtube-head p,
    html body #sgr-renewal .sgr-shorts-head p{
        margin:0!important;
        color:#7b8086!important;
        font-size:18px!important;
        font-weight:600!important;
        line-height:1.62!important;
    }

    html body #sgr-renewal .sgr-youtube-head>a{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:106px!important;
        min-width:106px!important;
        height:106px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid rgba(23,38,67,.22)!important;
        border-radius:999px!important;
        background:#fff!important;
        color:#7b8086!important;
        font-size:12px!important;
        font-weight:800!important;
        line-height:1.1!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-youtube-grid{
        position:relative!important;
        left:auto!important;
        display:grid!important;
        width:min(1840px,calc(100vw - 96px))!important;
        max-width:none!important;
        min-height:0!important;
        margin:0 auto!important;
        grid-template-columns:minmax(0,1.45fr) minmax(430px,.95fr)!important;
        grid-template-rows:repeat(4,minmax(0,1fr))!important;
        gap:0 42px!important;
        align-items:stretch!important;
    }

    html body #sgr-renewal .sgr-youtube-card{
        display:grid!important;
        min-width:0!important;
        overflow:hidden!important;
        border-radius:0!important;
        background:transparent!important;
        color:var(--sgr-navy)!important;
        text-decoration:none!important;
    }

    html body #sgr-renewal .sgr-youtube-card.is-featured{
        grid-column:1!important;
        grid-row:1 / span 4!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured){
        grid-column:2!important;
        grid-template-columns:clamp(164px,12vw,214px) minmax(0,1fr)!important;
        align-items:center!important;
        gap:24px!important;
        min-height:104px!important;
        padding:14px 28px 14px 0!important;
        border-top:1px solid rgba(23,38,67,.12)!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured):last-child{
        border-bottom:1px solid rgba(23,38,67,.12)!important;
    }

    html body #sgr-renewal .sgr-youtube-thumb{
        position:relative!important;
        display:block!important;
        width:100%!important;
        overflow:hidden!important;
        background:#eef2f7!important;
    }

    html body #sgr-renewal .sgr-youtube-card.is-featured .sgr-youtube-thumb{
        height:auto!important;
        min-height:0!important;
        aspect-ratio:16/9!important;
        border-radius:38px!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
        width:clamp(164px,12vw,214px)!important;
        aspect-ratio:16/9!important;
        border-radius:8px!important;
    }

    html body #sgr-renewal .sgr-youtube-card img,
    html body #sgr-renewal .sgr-shorts-card img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        transition:transform .58s cubic-bezier(.2,.8,.2,1),filter .38s ease!important;
    }

    html body #sgr-renewal .sgr-youtube-card:hover img,
    html body #sgr-renewal .sgr-shorts-card:hover img{
        transform:scale(1.055)!important;
    }

    html body #sgr-renewal .sgr-youtube-card strong,
    html body #sgr-renewal .sgr-youtube-card.is-featured strong,
    html body #sgr-renewal .sgr-shorts-card strong{
        display:none!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured) strong{
        display:-webkit-box!important;
        overflow:hidden!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        color:#5f666f!important;
        font-size:18px!important;
        font-weight:700!important;
        line-height:1.45!important;
        text-align:left!important;
    }

    html body #sgr-renewal .sgr-shorts-shell{
        position:relative!important;
        left:auto!important;
        display:grid!important;
        width:100vw!important;
        max-width:none!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:0!important;
        grid-template-columns:76px minmax(0,1fr) 76px!important;
        align-items:center!important;
        gap:0!important;
    }

    html body #sgr-renewal .sgr-shorts-grid{
        display:flex!important;
        grid-template-columns:none!important;
        gap:28px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scroll-behavior:smooth!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-width:none!important;
    }

    html body #sgr-renewal .sgr-shorts-grid::-webkit-scrollbar{
        display:none!important;
    }

    html body #sgr-renewal .sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-card:last-child{
        flex:0 0 clamp(210px,15vw,282px)!important;
        width:auto!important;
        max-width:none!important;
        grid-column:auto!important;
        scroll-snap-align:start!important;
        color:var(--sgr-navy)!important;
        text-decoration:none!important;
    }

    html body #sgr-renewal .sgr-shorts-thumb{
        position:relative!important;
        display:block!important;
        aspect-ratio:9/16!important;
        overflow:hidden!important;
        border-radius:30px!important;
        background:#eef2f7!important;
    }

    html body #sgr-renewal .sgr-shorts-card:hover img{
        filter:grayscale(1) contrast(.96)!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow{
        position:relative!important;
        z-index:2!important;
        display:block!important;
        width:76px!important;
        height:112px!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        cursor:pointer!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow::before{
        content:""!important;
        position:absolute!important;
        top:50%!important;
        left:50%!important;
        width:34px!important;
        height:34px!important;
        border-top:1.4px solid #7b8086!important;
        border-left:1.4px solid #7b8086!important;
        transition:transform .28s ease,border-color .28s ease,opacity .28s ease!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow.is-prev::before{
        transform:translate(-28%,-50%) rotate(-45deg)!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow.is-next::before{
        transform:translate(-72%,-50%) rotate(135deg)!important;
    }
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-youtube-section{
        padding:82px 0 0!important;
    }

    html body #sgr-renewal .sgr-shorts-section{
        padding:86px 0 92px!important;
    }

    html body #sgr-renewal .sgr-youtube-head,
    html body #sgr-renewal .sgr-shorts-head{
        display:block!important;
        width:100%!important;
        margin:0 auto 30px!important;
        padding:0 18px!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-youtube-head h2,
    html body #sgr-renewal .sgr-shorts-head h2{
        margin:0 0 9px!important;
        color:#686d73!important;
        font-size:24px!important;
        font-weight:900!important;
        line-height:1.3!important;
    }

    html body #sgr-renewal .sgr-youtube-head p,
    html body #sgr-renewal .sgr-shorts-head p{
        margin:0!important;
        color:#7b8086!important;
        font-size:15px!important;
        font-weight:600!important;
        line-height:1.62!important;
    }

    html body #sgr-renewal .sgr-youtube-head>a{
        width:auto!important;
        min-width:142px!important;
        height:38px!important;
        margin:18px auto 0!important;
        padding:0 18px!important;
        border-radius:999px!important;
        font-size:12px!important;
    }

    html body #sgr-renewal .sgr-youtube-grid{
        display:grid!important;
        width:calc(100% - 32px)!important;
        max-width:none!important;
        margin:0 auto!important;
        grid-template-columns:1fr!important;
        grid-template-rows:none!important;
        gap:14px!important;
    }

    html body #sgr-renewal .sgr-youtube-card.is-featured,
    html body #sgr-renewal .sgr-youtube-card:not(.is-featured){
        grid-column:auto!important;
        grid-row:auto!important;
    }

    html body #sgr-renewal .sgr-youtube-card.is-featured .sgr-youtube-thumb{
        aspect-ratio:16/9!important;
        border-radius:22px!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured){
        display:grid!important;
        grid-template-columns:132px minmax(0,1fr)!important;
        align-items:center!important;
        gap:14px!important;
        min-height:84px!important;
        padding:10px 0!important;
        border-top:1px solid rgba(23,38,67,.12)!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb{
        width:132px!important;
        aspect-ratio:16/9!important;
        border-radius:7px!important;
    }

    html body #sgr-renewal .sgr-youtube-card:not(.is-featured) strong{
        display:-webkit-box!important;
        overflow:hidden!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        color:#5f666f!important;
        font-size:14px!important;
        font-weight:700!important;
        line-height:1.42!important;
        text-align:left!important;
    }

    html body #sgr-renewal .sgr-shorts-shell{
        width:100vw!important;
        max-width:none!important;
        margin-left:calc(50% - 50vw)!important;
        grid-template-columns:38px minmax(0,1fr) 38px!important;
    }

    html body #sgr-renewal .sgr-shorts-grid{
        gap:14px!important;
    }

    html body #sgr-renewal .sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-card:last-child{
        flex:0 0 42vw!important;
        width:auto!important;
        max-width:none!important;
    }

    html body #sgr-renewal .sgr-shorts-thumb{
        aspect-ratio:9/16!important;
        border-radius:18px!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow{
        width:38px!important;
        height:70px!important;
    }

    html body #sgr-renewal .sgr-shorts-arrow::before{
        width:19px!important;
        height:19px!important;
        border-width:1.2px!important;
    }
}

/* uvom11-priority-final: 초기 pc-wide-final보다 높은 선택자로 최종 우선 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head,
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-head.sgr-shorts-head{
        left:auto!important;
        width:min(1840px,calc(100vw - 96px))!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
        padding:0!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head{
        display:flex!important;
        align-items:flex-end!important;
        justify-content:space-between!important;
        gap:34px!important;
        margin-bottom:42px!important;
        text-align:left!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        left:auto!important;
        width:min(1840px,calc(100vw - 96px))!important;
        max-width:none!important;
        min-height:0!important;
        margin-left:auto!important;
        margin-right:auto!important;
        grid-template-columns:minmax(0,1.45fr) minmax(430px,.95fr)!important;
        grid-template-rows:repeat(4,minmax(0,1fr))!important;
        gap:0 42px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured{
        grid-column:1!important;
        grid-row:1 / span 4!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured .sgr-youtube-thumb.sgr-youtube-thumb{
        height:auto!important;
        min-height:0!important;
        aspect-ratio:16/9!important;
        border-radius:38px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card:not(.is-featured){
        grid-column:2!important;
        display:grid!important;
        grid-template-columns:clamp(164px,12vw,214px) minmax(0,1fr)!important;
        align-items:center!important;
        gap:24px!important;
        min-height:104px!important;
        padding:14px 28px 14px 0!important;
        border-top:1px solid rgba(23,38,67,.12)!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card:not(.is-featured) .sgr-youtube-thumb.sgr-youtube-thumb{
        width:clamp(164px,12vw,214px)!important;
        aspect-ratio:16/9!important;
        border-radius:8px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card:not(.is-featured) strong{
        display:-webkit-box!important;
        overflow:hidden!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        color:#5f666f!important;
        font-size:18px!important;
        font-weight:700!important;
        line-height:1.45!important;
        text-align:left!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-shell.sgr-shorts-shell{
        left:auto!important;
        width:100vw!important;
        max-width:none!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:0!important;
        grid-template-columns:76px minmax(0,1fr) 76px!important;
        gap:0!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-grid.sgr-shorts-grid{
        gap:28px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card:last-child{
        flex:0 0 clamp(210px,15vw,282px)!important;
        width:auto!important;
        max-width:none!important;
    }
}

/* uvom11-position-final: PC 부모 컨테이너 밀림 보정 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head,
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        position:relative!important;
        left:calc(48px + 50% - 50vw)!important;
        width:calc(100vw - 96px)!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
    }
}

/* uvom11-more-final: 유튜브 바로가기 버튼 우측 원형 고정 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head>a{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:0 0 106px!important;
        width:106px!important;
        min-width:106px!important;
        max-width:106px!important;
        height:106px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid rgba(23,38,67,.22)!important;
        border-radius:999px!important;
        background:#fff!important;
        color:#7b8086!important;
        font-size:0!important;
        font-weight:800!important;
        line-height:1!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head>a::before{
        content:"MORE"!important;
        font-size:12px!important;
        letter-spacing:0!important;
    }
}

/* uvom11-quick-reserve: PC 퀵메뉴와 유튜브 우측 리스트 겹침 방지 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head,
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        left:calc(48px + 50% - 50vw)!important;
        width:calc(100vw - 206px)!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
    }
}

/* uvom12-pc-no-cut: PC에서 유튜브/숏폼 섹션 부모 clipping 제거 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section,
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        position:relative!important;
        left:calc(50% - 50vw)!important;
        width:100vw!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        overflow:visible!important;
        padding-left:0!important;
        padding-right:0!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head,
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        left:48px!important;
        width:calc(100vw - 206px)!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-shell.sgr-shorts-shell{
        left:0!important;
        width:100vw!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
    }
}

/* uvom12-shorts-no-cut-pc: PC 숏폼 카드 좌우 잘림 제거 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card:last-child{
        flex-basis:calc((100% - 112px) / 5)!important;
        width:calc((100% - 112px) / 5)!important;
        max-width:none!important;
    }
}

/* uvom12-shorts-quick-reserve: PC 숏폼도 우측 퀵메뉴 영역 확보 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-shell.sgr-shorts-shell{
        width:calc(100vw - 82px)!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
    }
}

/* uvom13-youtube-centered: 유봄처럼 PC 유튜브 본편 콘텐츠는 중앙 고정폭으로 정리 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section{
        position:relative!important;
        left:calc(50% - 50vw)!important;
        width:100vw!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        overflow:visible!important;
        padding-left:0!important;
        padding-right:0!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head,
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        position:relative!important;
        left:auto!important;
        width:min(1284px,calc(100vw - 180px))!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        grid-template-columns:minmax(0,1.45fr) minmax(430px,.95fr)!important;
        gap:0 42px!important;
    }
}

/* signature06-pc-centered: PC 슈가 시그니처 5개 카드 스크롤 없이 중앙 정렬 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-signature.sgr-signature{
        width:100%!important;
        padding-left:0!important;
        padding-right:0!important;
        overflow:visible!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-grid.sgr-signature-grid{
        display:grid!important;
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        gap:22px!important;
        width:min(1540px,calc(100vw - 96px))!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
        padding:0!important;
        overflow:visible!important;
        scroll-snap-type:none!important;
        scroll-padding-left:0!important;
        border-radius:0!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card.sgr-signature-card{
        display:block!important;
        flex:none!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        min-height:0!important;
        margin:0!important;
        overflow:visible!important;
        scroll-snap-align:none!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card img{
        height:clamp(330px,23vw,430px)!important;
        border-radius:8px!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card span{
        margin:24px 0 10px!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card div{
        padding:0 0 10px!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card h3{
        font-size:clamp(22px,1.5vw,28px)!important;
        line-height:1.25!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card p{
        font-size:15px!important;
        line-height:1.62!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-dots{
        display:none!important;
    }
}

/* bottom04-wide: 지도와 최하단 영역을 더 넓게 사용 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-directions-section.sgr-directions-section{
        width:100vw!important;
        max-width:none!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:0!important;
        padding-left:0!important;
        padding-right:0!important;
        overflow:visible!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-inner,
    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-map{
        width:min(1860px,calc(100vw - 40px))!important;
        max-width:none!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-inner{
        grid-template-columns:minmax(360px,.38fr) minmax(820px,.62fr)!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-right{
        padding-right:clamp(28px,3vw,72px)!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-map{
        height:clamp(560px,32vw,640px)!important;
    }

    html body #sgr-renewal .sgr-interior-section.sgr-interior-section{
        position:relative!important;
        left:calc(50% - 50vw)!important;
        width:100vw!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        overflow:hidden!important;
    }

    html body #sgr-renewal .sgr-interior-section.sgr-interior-section .sgr-interior-visual{
        width:100vw!important;
        min-height:clamp(620px,36vw,720px)!important;
        margin-left:0!important;
    }

    html body #sgr-renewal .sgr-consult-bar{
        width:calc(100% - 40px)!important;
    }
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-directions-section.sgr-directions-section{
        padding-left:10px!important;
        padding-right:10px!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-map{
        width:calc(100vw - 20px)!important;
        margin-left:calc(50% - 50vw + 10px)!important;
        margin-right:0!important;
    }
}

/* rea01-location-layout: 리아성형외과 레퍼런스형 오시는길 + 구글지도 2분할 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-directions-section.sgr-directions-section{
        display:grid!important;
        grid-template-columns:50vw 50vw!important;
        grid-template-rows:630px!important;
        align-items:stretch!important;
        width:100vw!important;
        max-width:none!important;
        min-height:630px!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:0!important;
        padding:0!important;
        background:#fff!important;
        overflow:hidden!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-map{
        grid-column:1!important;
        grid-row:1!important;
        width:50vw!important;
        max-width:none!important;
        height:630px!important;
        margin:0!important;
        border:0!important;
        background:#eef2f7!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-inner{
        position:relative!important;
        grid-column:2!important;
        grid-row:1!important;
        display:block!important;
        width:50vw!important;
        max-width:none!important;
        height:630px!important;
        margin:0!important;
        padding:88px clamp(72px,7.5vw,118px) 70px clamp(72px,7.6vw,110px)!important;
        background:#fff!important;
        overflow:hidden!important;
        color:#404247!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-inner::after{
        content:"SUGAR"!important;
        position:absolute!important;
        right:-6vw!important;
        top:50%!important;
        z-index:0!important;
        color:rgba(23,38,67,.035)!important;
        font-size:clamp(170px,18vw,340px)!important;
        font-weight:900!important;
        line-height:.82!important;
        letter-spacing:-.08em!important;
        transform:translateY(-50%) rotate(0deg)!important;
        pointer-events:none!important;
        white-space:nowrap!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-left{
        display:none!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-right{
        position:relative!important;
        z-index:1!important;
        display:block!important;
        padding:0!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-call{
        min-height:0!important;
        margin:0 0 58px!important;
        padding:0!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-call span{
        display:none!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-call strong{
        display:block!important;
        margin:0 0 18px!important;
        color:#424246!important;
        font-size:clamp(28px,2vw,34px)!important;
        font-weight:900!important;
        line-height:1.18!important;
        letter-spacing:0!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-call strong::before{
        content:"대표번호 : "!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-call p{
        margin:0!important;
        color:#4f5156!important;
        font-size:16px!important;
        font-weight:500!important;
        line-height:1.7!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-box{
        display:block!important;
        min-height:0!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-box:first-of-type{
        margin-bottom:56px!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-box h3{
        margin:0 0 30px!important;
        color:#424246!important;
        font-size:clamp(30px,2.15vw,38px)!important;
        font-weight:900!important;
        line-height:1.2!important;
        letter-spacing:0!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-box dl{
        display:grid!important;
        grid-template-columns:120px 24px minmax(0,1fr)!important;
        gap:18px 18px!important;
        margin:0!important;
        color:#4a4c51!important;
        font-size:18px!important;
        font-weight:500!important;
        line-height:1.4!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-box dt{
        color:#44464b!important;
        font-weight:600!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-box dt::after{
        content:">"!important;
        float:right!important;
        color:#a5a6aa!important;
        font-weight:300!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-box dd{
        grid-column:3!important;
        margin:0!important;
        color:#44464b!important;
        white-space:normal!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-box p{
        margin:0!important;
        color:#45474c!important;
        font-size:19px!important;
        font-weight:500!important;
        line-height:1.85!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-box:last-child h3{
        display:none!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-box:last-child p::before{
        content:"신논현역 도보 1분 거리\A"!important;
        white-space:pre!important;
    }

    html body #sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-box a{
        display:none!important;
    }

    html body #sgr-renewal .sgr-consult-bar{
        position:relative!important;
        left:calc(50% - 50vw)!important;
        bottom:auto!important;
        z-index:20!important;
        display:grid!important;
        grid-template-columns:96px minmax(110px,1fr) minmax(150px,1.15fr) minmax(220px,2fr) minmax(190px,auto) 180px!important;
        gap:34px!important;
        align-items:center!important;
        width:100vw!important;
        max-width:none!important;
        height:110px!important;
        margin:0!important;
        padding:0 58px!important;
        border-radius:0!important;
        background:rgba(134,135,137,.82)!important;
        color:#fff!important;
        transform:none!important;
        box-shadow:none!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    html body #sgr-renewal .sgr-consult-bar::before{
        content:"빠른상담"!important;
        color:#fff!important;
        font-size:18px!important;
        font-weight:900!important;
        line-height:1!important;
        white-space:nowrap!important;
    }

    html body #sgr-renewal .sgr-consult-bar label{
        min-width:0!important;
        margin:0!important;
    }

    html body #sgr-renewal .sgr-consult-bar label>span{
        margin:0 0 10px!important;
        color:#fff!important;
        font-size:16px!important;
        font-weight:800!important;
    }

    html body #sgr-renewal .sgr-consult-bar input[type="text"],
    html body #sgr-renewal .sgr-consult-bar input[type="tel"]{
        height:30px!important;
        border-bottom:1px solid rgba(255,255,255,.55)!important;
        color:#fff!important;
        font-size:15px!important;
    }

    html body #sgr-renewal .sgr-consult-bar .sgr-consult-agree{
        display:flex!important;
        align-items:center!important;
        gap:10px!important;
        color:#fff!important;
    }

    html body #sgr-renewal .sgr-consult-bar .sgr-consult-agree span{
        margin:0!important;
        line-height:1.4!important;
    }

    html body #sgr-renewal .sgr-consult-bar button{
        width:100%!important;
        height:60px!important;
        border:0!important;
        border-radius:999px!important;
        background:#34363a!important;
        color:#fff!important;
        font-size:17px!important;
        font-weight:900!important;
    }
}

/* uvom14-youtube-shorts: 유봄 기준 본편/숏츠 폭, 비율, 반복 스크롤 보정 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section{
        position:relative!important;
        left:calc(50% - 50vw)!important;
        width:100vw!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        padding:108px 0 0!important;
        overflow:visible!important;
        background:#fff!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head{
        width:min(1498px,calc(100vw - 150px))!important;
        max-width:none!important;
        margin:0 auto 40px!important;
        padding:0!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        display:grid!important;
        grid-template-columns:minmax(0,.58fr) minmax(440px,.42fr)!important;
        align-items:stretch!important;
        gap:clamp(34px,2.8vw,46px)!important;
        width:min(1498px,calc(100vw - 150px))!important;
        max-width:none!important;
        min-height:0!important;
        margin:0 auto!important;
        padding:0!important;
        left:auto!important;
        overflow:visible!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card{
        min-width:0!important;
        color:#555b63!important;
        text-decoration:none!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured{
        grid-column:1!important;
        grid-row:1!important;
        display:block!important;
        min-height:0!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured .sgr-youtube-thumb.sgr-youtube-thumb{
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:16/9!important;
        border-radius:24px!important;
        overflow:hidden!important;
        background:#eef2f7!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured strong{
        display:none!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-list{
        grid-column:2!important;
        grid-row:1!important;
        position:relative!important;
        height:100%!important;
        min-height:0!important;
        overflow:hidden!important;
        border-right:1px solid rgba(23,38,67,.16)!important;
        mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%)!important;
        -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%)!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-list-track{
        display:flex!important;
        flex-direction:column!important;
        gap:14px!important;
        will-change:transform!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item{
        display:grid!important;
        grid-template-columns:clamp(148px,11vw,178px) minmax(0,1fr)!important;
        align-items:center!important;
        gap:20px!important;
        height:clamp(92px,5.6vw,108px)!important;
        min-height:0!important;
        padding:0 28px 0 0!important;
        border-top:1px solid rgba(23,38,67,.12)!important;
        background:#fff!important;
        opacity:.94!important;
        transition:opacity .28s ease,transform .28s ease!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item:hover{
        opacity:1!important;
        transform:translateX(4px)!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item .sgr-youtube-thumb.sgr-youtube-thumb{
        width:clamp(148px,11vw,178px)!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:16/9!important;
        border-radius:8px!important;
        overflow:hidden!important;
        background:#eef2f7!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item strong{
        display:-webkit-box!important;
        overflow:hidden!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        margin:0!important;
        padding:0!important;
        color:#62676f!important;
        font-size:clamp(15px,1.12vw,18px)!important;
        font-weight:800!important;
        line-height:1.42!important;
        text-align:left!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        position:relative!important;
        left:calc(50% - 50vw)!important;
        width:100vw!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        padding:86px 0 92px!important;
        overflow:hidden!important;
        background:#fff!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-head.sgr-shorts-head{
        width:100vw!important;
        max-width:none!important;
        margin:0 auto 42px!important;
        padding:0!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-shell.sgr-shorts-shell{
        position:relative!important;
        left:auto!important;
        display:block!important;
        width:100vw!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-grid.sgr-shorts-grid{
        display:flex!important;
        gap:26px!important;
        width:100vw!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scrollbar-width:none!important;
        -webkit-overflow-scrolling:touch!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-grid::-webkit-scrollbar{
        display:none!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card:last-child{
        flex:0 0 clamp(204px,15.1vw,232px)!important;
        width:clamp(204px,15.1vw,232px)!important;
        max-width:none!important;
        margin:0!important;
        border-radius:24px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-thumb.sgr-shorts-thumb{
        width:100%!important;
        height:auto!important;
        aspect-ratio:9/16!important;
        border-radius:24px!important;
        overflow:hidden!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow{
        position:absolute!important;
        top:50%!important;
        z-index:5!important;
        width:58px!important;
        height:96px!important;
        margin-top:-48px!important;
        border:0!important;
        background:transparent!important;
        transform:none!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow.is-prev{
        left:18px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow.is-next{
        right:18px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow::before{
        width:24px!important;
        height:24px!important;
        border-color:rgba(23,38,67,.54)!important;
        border-width:1.2px!important;
    }
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-list{
        display:none!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card:last-child{
        flex-basis:42vw!important;
        width:42vw!important;
    }
}

/* uvom15-youtube-shorts: UVOM proportion pass */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head,
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        width:min(1720px,calc(100vw - 96px))!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head>a{
        margin-right:128px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        grid-template-columns:minmax(0,.58fr) minmax(430px,.42fr)!important;
        grid-template-rows:minmax(0,1fr)!important;
        height:clamp(390px,29.5vw,520px)!important;
        gap:clamp(36px,2.6vw,48px)!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured,
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured .sgr-youtube-thumb.sgr-youtube-thumb,
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-list{
        height:100%!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured .sgr-youtube-thumb.sgr-youtube-thumb{
        aspect-ratio:auto!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card img,
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item{
        height:clamp(94px,5.45vw,110px)!important;
        grid-template-columns:clamp(154px,10.8vw,184px) minmax(0,1fr)!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item .sgr-youtube-thumb.sgr-youtube-thumb{
        width:clamp(154px,10.8vw,184px)!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        padding-top:92px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-grid.sgr-shorts-grid{
        gap:clamp(22px,1.8vw,30px)!important;
        scroll-behavior:smooth!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card:last-child{
        flex-basis:clamp(208px,15.15vw,242px)!important;
        width:clamp(208px,15.15vw,242px)!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card strong{
        display:none!important;
    }
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        position:relative!important;
        left:calc(50% - 50vw)!important;
        width:100vw!important;
        max-width:none!important;
        padding-top:66px!important;
        padding-bottom:74px!important;
        overflow:hidden!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-shell.sgr-shorts-shell{
        left:auto!important;
        display:block!important;
        justify-content:normal!important;
        align-items:normal!important;
        width:100vw!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-grid.sgr-shorts-grid{
        width:100vw!important;
        max-width:none!important;
        margin:0!important;
        padding:0 18px!important;
        box-sizing:border-box!important;
        gap:12px!important;
        scroll-behavior:smooth!important;
        scroll-padding-inline:18px!important;
        overscroll-behavior-x:contain!important;
        overscroll-behavior-y:auto!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card:last-child{
        flex:0 0 clamp(198px,56vw,220px)!important;
        width:clamp(198px,56vw,220px)!important;
        max-width:none!important;
        border-radius:20px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-thumb.sgr-shorts-thumb{
        border-radius:20px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow.is-prev{
        left:6px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow.is-next{
        right:6px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card strong{
        display:none!important;
    }
}

/* shorts16-five-cards: PC 숏츠는 정확히 5칸 노출 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        --sgr-shorts-gap:clamp(22px,1.65vw,30px);
        --sgr-shorts-view:min(1220px,calc(100vw - 140px));
        padding-top:96px!important;
        padding-bottom:104px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-grid.sgr-shorts-grid{
        gap:var(--sgr-shorts-gap)!important;
        width:var(--sgr-shorts-view)!important;
        max-width:none!important;
        margin:0 auto!important;
        overscroll-behavior-x:contain!important;
        overscroll-behavior-y:contain!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card:last-child{
        flex:0 0 calc((var(--sgr-shorts-view) - (var(--sgr-shorts-gap) * 4)) / 5)!important;
        width:calc((var(--sgr-shorts-view) - (var(--sgr-shorts-gap) * 4)) / 5)!important;
        max-width:none!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow.is-prev{
        left:calc((100vw - var(--sgr-shorts-view)) / 2 - 42px)!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow.is-next{
        right:calc((100vw - var(--sgr-shorts-view)) / 2 - 42px)!important;
    }
}

/* mobile-output2: actual mobile browsers must never leave reveal items invisible */
@media (max-width:980px){
    html body #sgr-renewal [data-reveal],
    html body #sgr-renewal [data-reveal].is-visible{
        opacity:1!important;
        visibility:visible!important;
        transform:none!important;
    }

    html body #sgr-renewal .sgr-mobile-cases:not(.sgr-medical-cases){
        display:none!important;
        height:0!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
        visibility:hidden!important;
    }

    html body #sgr-renewal .sgr-signature,
    html body #sgr-renewal .sgr-signature-grid,
    html body #sgr-renewal .sgr-signature-card,
    html body #sgr-renewal .sgr-medical-cases,
    html body #sgr-renewal .sgr-medical-layout,
    html body #sgr-renewal .sgr-medical-showcase,
    html body #sgr-renewal .sgr-medical-side-item,
    html body #sgr-renewal .sgr-youtube-section,
    html body #sgr-renewal .sgr-youtube-grid,
    html body #sgr-renewal .sgr-shorts-section,
    html body #sgr-renewal .sgr-shorts-shell,
    html body #sgr-renewal .sgr-directions-section,
    html body #sgr-renewal .sgr-interior-section{
        opacity:1!important;
        visibility:visible!important;
    }
}

/* mobile-output3: prevent blank first paint while hero assets are still loading */
@media (max-width:980px){
    html body{
        background:#f3f6fb!important;
    }

    html body #sgr-renewal{
        min-height:100vh!important;
        background:#f3f6fb!important;
    }

    html body #sgr-renewal .sgr-hero{
        background:#e8edf5!important;
    }

    html body #sgr-renewal .sgr-header:not(.is-open){
        background:rgba(255,255,255,.92)!important;
        border:1px solid rgba(220,228,239,.95)!important;
        box-shadow:0 14px 34px rgba(23,38,67,.12)!important;
        color:var(--sgr-navy)!important;
    }

    html body #sgr-renewal .sgr-header:not(.is-open) .sgr-logo-light{
        opacity:0!important;
    }

    html body #sgr-renewal .sgr-header:not(.is-open) .sgr-logo-dark{
        opacity:1!important;
        visibility:visible!important;
    }

    html body #sgr-renewal .sgr-header:not(.is-scrolled):not(.is-open) .sgr-logo-light{
        opacity:0!important;
        visibility:hidden!important;
    }

    html body #sgr-renewal .sgr-header:not(.is-scrolled):not(.is-open) .sgr-logo-dark{
        opacity:1!important;
        visibility:visible!important;
    }

    html body #sgr-renewal .sgr-header:not(.is-open) .sgr-menu-btn,
    html body #sgr-renewal .sgr-header:not(.is-open) .sgr-lang-btn{
        color:var(--sgr-navy)!important;
    }

    html body #sgr-renewal .sgr-header:not(.is-open) .sgr-menu-btn span{
        background:var(--sgr-navy)!important;
    }
}

/* shorts-loadfix2: 숏폼 화살표를 콘텐츠 안쪽에 맞추고 무한 스크롤 끝 노출 방지 */
@media (min-width:981px){
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        --sgr-shorts-view:min(1220px,calc(100vw - 168px));
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow{
        position:absolute!important;
        top:50%!important;
        width:44px!important;
        height:74px!important;
        margin-top:-37px!important;
        border-radius:999px!important;
        background:rgba(255,255,255,.68)!important;
        box-shadow:0 16px 34px rgba(23,38,67,.08)!important;
        backdrop-filter:blur(8px)!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow.is-prev{
        right:auto!important;
        left:calc((100vw - var(--sgr-shorts-view)) / 2 + 10px)!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow.is-next{
        left:auto!important;
        right:calc((100vw - var(--sgr-shorts-view)) / 2 + 10px)!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow::before{
        width:20px!important;
        height:20px!important;
        border-color:rgba(23,38,67,.5)!important;
        border-width:1.1px!important;
    }
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow{
        position:absolute!important;
        top:50%!important;
        width:38px!important;
        height:62px!important;
        margin-top:-31px!important;
        border-radius:999px!important;
        background:rgba(255,255,255,.62)!important;
        box-shadow:0 12px 28px rgba(23,38,67,.08)!important;
        backdrop-filter:blur(8px)!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow.is-prev{
        right:auto!important;
        left:12px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow.is-next{
        left:auto!important;
        right:12px!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow::before{
        width:18px!important;
        height:18px!important;
        border-color:rgba(23,38,67,.48)!important;
        border-width:1px!important;
    }
}

/* shorts-mobileloop2: mobile shorts use transform carousel instead of native scroll */
@media (max-width:980px){
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-shell.is-mobile-carousel{
        overflow:hidden!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-grid.is-mobile-carousel-track{
        overflow:visible!important;
        scroll-behavior:auto!important;
        -webkit-overflow-scrolling:auto!important;
        touch-action:pan-y!important;
        will-change:transform!important;
    }
}

/* shorts-pcwheel1: PC wheel only works on the thumbnail track; arrows sit outside content */
@media (min-width:981px){
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-grid.sgr-shorts-grid{
        overflow-x:hidden!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow.is-prev{
        left:calc((100vw - var(--sgr-shorts-view)) / 2 - 58px)!important;
        right:auto!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-arrow.is-next{
        right:calc((100vw - var(--sgr-shorts-view)) / 2 - 58px)!important;
        left:auto!important;
    }
}

/* shorts-fivebig1: PC shorts show 5 larger contents */
@media (min-width:981px){
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        --sgr-shorts-gap:clamp(18px,1.35vw,26px)!important;
        --sgr-shorts-view:min(1400px,calc(100vw - 136px))!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card:last-child{
        flex:0 0 calc((var(--sgr-shorts-view) - (var(--sgr-shorts-gap) * 4)) / 5)!important;
        width:calc((var(--sgr-shorts-view) - (var(--sgr-shorts-gap) * 4)) / 5)!important;
        max-width:none!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-grid.sgr-shorts-grid{
        scroll-snap-type:none!important;
    }

    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section .sgr-shorts-card.sgr-shorts-card{
        scroll-snap-align:none!important;
    }
}

/* youtube-more-small1: make the YouTube more button slightly quieter */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head>a{
        flex:0 0 88px!important;
        width:88px!important;
        min-width:88px!important;
        max-width:88px!important;
        height:88px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head>a::before{
        font-size:11px!important;
    }
}

/* motion-section1: DAWOOM/CODE inspired reveal directions */
@media (min-width:981px){
    html body #sgr-renewal [data-reveal="fade-up"]{
        transform:translateY(58px);
    }

    html body #sgr-renewal [data-reveal="fade-right"]{
        transform:translateX(-92px);
    }

    html body #sgr-renewal [data-reveal="fade-left"],
    html body #sgr-renewal [data-reveal="from-right"]{
        transform:translateX(120px);
    }

    html body #sgr-renewal [data-reveal="fade-up"].is-visible,
    html body #sgr-renewal [data-reveal="fade-right"].is-visible,
    html body #sgr-renewal [data-reveal="fade-left"].is-visible,
    html body #sgr-renewal [data-reveal="from-right"].is-visible{
        transform:translate(0,0);
    }

    html body #sgr-renewal .sgr-signature .sgr-signature-card{
        transition-duration:.86s!important;
    }
}

/* event-philosophy-process1: event, doctor philosophy, safety process */
#sgr-renewal .sgr-event-section,
#sgr-renewal .sgr-philosophy-section,
#sgr-renewal .sgr-process-section{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
}

#sgr-renewal .sgr-event-section{
    padding:124px max(44px,calc((100vw - 1480px)/2)) 118px!important;
    background:linear-gradient(180deg,#fff 0%,#f4f7fb 100%)!important;
}

#sgr-renewal .sgr-event-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:32px;
    margin:0 0 42px;
}

#sgr-renewal .sgr-event-head span,
#sgr-renewal .sgr-process-head span{
    display:block;
    margin:0 0 12px;
    color:var(--sgr-gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:.06em;
}

#sgr-renewal .sgr-event-head h2,
#sgr-renewal .sgr-process-head h2{
    margin:0;
    color:var(--sgr-navy);
    font-size:clamp(40px,3.6vw,64px);
    font-weight:900;
    line-height:1.08;
    letter-spacing:0;
}

#sgr-renewal .sgr-event-head>a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:92px;
    height:92px;
    border:1px solid rgba(23,38,67,.22);
    border-radius:999px;
    color:var(--sgr-navy);
    font-size:12px;
    font-weight:900;
}

#sgr-renewal .sgr-event-stage{
    --event-x:50%;
    --event-y:50%;
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
    gap:22px;
    min-height:460px;
    padding:22px;
    border:1px solid rgba(206,216,230,.9);
    border-radius:22px;
    background:radial-gradient(circle at var(--event-x) var(--event-y),rgba(60,85,133,.18),transparent 34%),#fff;
    box-shadow:0 28px 72px rgba(23,38,67,.08);
    overflow:hidden;
}

#sgr-renewal .sgr-event-hero{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    min-height:420px;
    padding:42px;
    border-radius:18px;
    color:#fff;
    background:linear-gradient(135deg,rgba(23,38,67,.94),rgba(60,85,133,.82));
    overflow:hidden;
}

#sgr-renewal .sgr-event-hero b{
    color:var(--sgr-gold);
    font-size:13px;
    letter-spacing:.08em;
}

#sgr-renewal .sgr-event-hero strong{
    display:block;
    margin:18px 0 14px;
    font-size:clamp(34px,3vw,54px);
    font-weight:900;
    line-height:1.08;
}

#sgr-renewal .sgr-event-hero p{
    max-width:520px;
    margin:0 0 30px;
    color:rgba(255,255,255,.78);
    font-size:18px;
    line-height:1.75;
}

#sgr-renewal .sgr-event-hero em{
    font-style:normal;
    font-size:13px;
    font-weight:900;
    letter-spacing:.04em;
}

#sgr-renewal .sgr-event-cards{
    display:grid;
    gap:14px;
}

#sgr-renewal .sgr-event-cards a{
    display:grid;
    grid-template-columns:54px 1fr;
    gap:4px 22px;
    align-content:center;
    min-height:130px;
    padding:28px;
    border:1px solid rgba(220,228,239,.95);
    border-radius:16px;
    background:rgba(255,255,255,.86);
    color:var(--sgr-navy);
    transition:transform .34s ease,box-shadow .34s ease,border-color .34s ease;
}

#sgr-renewal .sgr-event-cards a:hover{
    transform:translateY(-6px);
    border-color:rgba(60,85,133,.38);
    box-shadow:0 18px 44px rgba(23,38,67,.1);
}

#sgr-renewal .sgr-event-cards span{
    grid-row:1/3;
    color:var(--sgr-blue);
    font-size:22px;
    font-weight:900;
}

#sgr-renewal .sgr-event-cards strong{
    font-size:24px;
    font-weight:900;
}

#sgr-renewal .sgr-event-cards p{
    margin:0;
    color:var(--sgr-signature-gray);
    font-size:16px;
    line-height:1.65;
}

#sgr-renewal .sgr-philosophy-section{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    align-items:center;
    min-height:720px;
    padding:118px max(44px,calc((100vw - 1480px)/2))!important;
    background:#172643!important;
    color:#fff;
    overflow:hidden;
}

#sgr-renewal .sgr-philosophy-section::before{
    content:"";
    position:absolute;
    inset:auto -8% -28% 42%;
    height:520px;
    background:radial-gradient(circle,rgba(198,168,105,.18),transparent 62%);
    pointer-events:none;
}

#sgr-renewal .sgr-philosophy-photo{
    position:relative;
    z-index:1;
    width:min(560px,42vw);
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 34px 84px rgba(0,0,0,.25);
}

#sgr-renewal .sgr-philosophy-photo img{
    width:100%;
    height:620px;
    object-fit:cover;
}

#sgr-renewal .sgr-philosophy-copy{
    position:relative;
    z-index:1;
    max-width:720px;
    margin-left:auto;
}

#sgr-renewal .sgr-philosophy-copy p{
    margin:0;
}

#sgr-renewal .sgr-philosophy-copy .t1{
    color:var(--sgr-gold);
    font-size:22px;
    font-weight:900;
    letter-spacing:.08em;
}

#sgr-renewal .sgr-philosophy-copy .t2{
    margin-top:20px;
    font-size:clamp(44px,4.2vw,78px);
    font-weight:900;
    line-height:1.08;
}

#sgr-renewal .sgr-philosophy-copy .t3{
    margin-top:22px;
    color:rgba(255,255,255,.58);
    font-size:15px;
    font-weight:900;
    letter-spacing:.16em;
}

#sgr-renewal .sgr-philosophy-copy .t4{
    margin-top:34px;
    color:rgba(255,255,255,.74);
    font-size:18px;
    line-height:1.9;
}

#sgr-renewal .sgr-process-section{
    padding:120px max(44px,calc((100vw - 1480px)/2)) 128px!important;
    background:#fff!important;
}

#sgr-renewal .sgr-process-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
    margin-bottom:46px;
}

#sgr-renewal .sgr-process-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border-top:1px solid var(--sgr-line);
    border-bottom:1px solid var(--sgr-line);
}

#sgr-renewal .sgr-process-grid a{
    min-height:330px;
    padding:34px 30px;
    border-right:1px solid var(--sgr-line);
    color:var(--sgr-navy);
    background:#fff;
    transition:background .32s ease,transform .32s ease;
}

#sgr-renewal .sgr-process-grid a:last-child{
    border-right:0;
}

#sgr-renewal .sgr-process-grid a:hover{
    background:#f4f7fb;
    transform:translateY(-8px);
}

#sgr-renewal .sgr-process-grid b{
    display:block;
    margin-bottom:72px;
    color:var(--sgr-blue);
    font-size:24px;
    font-weight:900;
}

#sgr-renewal .sgr-process-grid strong{
    display:block;
    margin-bottom:18px;
    font-size:28px;
    font-weight:900;
    line-height:1.25;
}

#sgr-renewal .sgr-process-grid p{
    margin:0;
    color:var(--sgr-signature-gray);
    font-size:16px;
    line-height:1.75;
}

@media (max-width:980px){
    #sgr-renewal .sgr-event-section,
    #sgr-renewal .sgr-philosophy-section,
    #sgr-renewal .sgr-process-section{
        padding:82px 18px!important;
    }

    #sgr-renewal .sgr-event-head,
    #sgr-renewal .sgr-process-head{
        display:block;
    }

    #sgr-renewal .sgr-event-head h2,
    #sgr-renewal .sgr-process-head h2{
        font-size:34px;
    }

    #sgr-renewal .sgr-event-head>a{
        width:76px;
        height:76px;
        margin-top:22px;
    }

    #sgr-renewal .sgr-event-stage,
    #sgr-renewal .sgr-philosophy-section,
    #sgr-renewal .sgr-process-grid{
        grid-template-columns:1fr;
    }

    #sgr-renewal .sgr-event-stage{
        min-height:0;
        padding:14px;
    }

    #sgr-renewal .sgr-event-hero{
        min-height:360px;
        padding:30px;
    }

    #sgr-renewal .sgr-event-cards a{
        grid-template-columns:42px 1fr;
        padding:22px;
    }

    #sgr-renewal .sgr-philosophy-section{
        min-height:0;
        gap:34px;
    }

    #sgr-renewal .sgr-philosophy-photo{
        width:100%;
    }

    #sgr-renewal .sgr-philosophy-photo img{
        height:420px;
    }

    #sgr-renewal .sgr-philosophy-copy .t2{
        font-size:38px;
    }

    #sgr-renewal .sgr-philosophy-copy .t4{
        font-size:16px;
    }

    #sgr-renewal .sgr-process-grid a{
        min-height:0;
        border-right:0;
        border-bottom:1px solid var(--sgr-line);
    }

    #sgr-renewal .sgr-process-grid a:last-child{
        border-bottom:0;
    }

    #sgr-renewal .sgr-process-grid b{
        margin-bottom:34px;
    }
}

/* motion-section2: polish new reveal sections after live visual check */
#sgr-renewal .sgr-event-hero{
    background:linear-gradient(135deg,rgba(23,38,67,.88),rgba(60,85,133,.72))!important;
}

#sgr-renewal .sgr-event-hero p,
#sgr-renewal .sgr-event-hero em{
    color:rgba(255,255,255,.9)!important;
}

#sgr-renewal .sgr-event-cards strong,
#sgr-renewal .sgr-event-cards p{
    color:var(--sgr-navy)!important;
}

#sgr-renewal .sgr-event-cards p{
    opacity:.72;
}

#sgr-renewal .sgr-philosophy-copy .t1{
    color:var(--sgr-gold)!important;
}

#sgr-renewal .sgr-philosophy-copy .t2{
    color:#fff!important;
}

#sgr-renewal .sgr-philosophy-copy .t3{
    color:rgba(255,255,255,.68)!important;
}

#sgr-renewal .sgr-philosophy-copy .t4{
    color:rgba(255,255,255,.82)!important;
}

#sgr-renewal .sgr-philosophy-photo img{
    object-position:center top;
}

/* ref-motion1: stronger CODE/DAWOOM-like scroll entrance without external source copy */
@media (min-width:981px){
    html body #sgr-renewal [data-reveal]{
        transition-duration:.92s!important;
        transition-timing-function:cubic-bezier(.16,1,.3,1)!important;
    }

    html body #sgr-renewal [data-reveal="fade-up"]{
        transform:translate3d(0,72px,0)!important;
    }

    html body #sgr-renewal [data-reveal="fade-right"]{
        transform:translate3d(-120px,0,0)!important;
    }

    html body #sgr-renewal [data-reveal="fade-left"],
    html body #sgr-renewal [data-reveal="from-right"]{
        transform:translate3d(180px,0,0)!important;
    }

    html body #sgr-renewal [data-reveal].is-visible{
        transform:translate3d(0,0,0);
    }

    html body #sgr-renewal .sgr-signature .sgr-section-head[data-reveal],
    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-head[data-reveal],
    html body #sgr-renewal .sgr-event-section .sgr-event-head[data-reveal],
    html body #sgr-renewal .sgr-process-section .sgr-process-head[data-reveal]{
        transition-duration:.78s!important;
    }

    html body #sgr-renewal .sgr-signature .sgr-signature-card{
        transform-origin:center bottom;
    }

    html body #sgr-renewal .sgr-signature .sgr-signature-card[data-reveal]:not(.is-visible){
        transform:translate3d(0,86px,0) scale(.965)!important;
    }

    html body #sgr-renewal .sgr-signature .sgr-signature-card[data-reveal].is-visible{
        transform:translate3d(0,0,0) scale(1)!important;
    }

    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-card.is-featured[data-reveal]:not(.is-visible){
        transform:translate3d(-150px,0,0) scale(.97)!important;
    }

    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-list[data-reveal]:not(.is-visible){
        transform:translate3d(150px,0,0)!important;
    }

    html body #sgr-renewal .sgr-philosophy-section{
        min-height:760px!important;
        background:linear-gradient(90deg,#14233e 0%,#172643 54%,#0f1b31 100%)!important;
    }

    html body #sgr-renewal .sgr-philosophy-photo[data-reveal]{
        opacity:0;
        clip-path:inset(0 100% 0 0 round 26px);
        transform:translate3d(-120px,0,0)!important;
        transition:opacity .92s cubic-bezier(.16,1,.3,1),transform .92s cubic-bezier(.16,1,.3,1),clip-path 1.08s cubic-bezier(.16,1,.3,1)!important;
    }

    html body #sgr-renewal .sgr-philosophy-photo[data-reveal].is-visible{
        opacity:1;
        clip-path:inset(0 0 0 0 round 26px);
        transform:translate3d(0,0,0);
    }

    html body #sgr-renewal .sgr-philosophy-copy[data-reveal]:not(.is-visible){
        opacity:0;
        transform:translate3d(220px,0,0)!important;
    }

    html body #sgr-renewal .sgr-philosophy-copy[data-reveal].is-visible{
        opacity:1;
        transform:translate3d(0,0,0)!important;
    }

    html body #sgr-renewal .sgr-philosophy-copy .t2{
        max-width:740px;
        font-size:clamp(52px,4.6vw,82px)!important;
        letter-spacing:-.01em;
    }

    html body #sgr-renewal .sgr-process-grid a[data-reveal]:not(.is-visible){
        transform:translate3d(0,74px,0)!important;
    }

    html body #sgr-renewal .sgr-process-grid a[data-reveal].is-visible{
        transform:translate3d(0,0,0)!important;
    }
}

/* youtube-pc-compact1: reduce PC YouTube section scale */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section{
        padding-top:88px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head,
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        width:min(1480px,calc(100vw - 180px))!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head{
        margin-bottom:30px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head>a{
        flex:0 0 76px!important;
        width:76px!important;
        min-width:76px!important;
        max-width:76px!important;
        height:76px!important;
        margin-right:92px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head>a::before{
        font-size:10px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        grid-template-columns:minmax(0,.57fr) minmax(390px,.43fr)!important;
        gap:clamp(28px,2.2vw,38px)!important;
        height:clamp(320px,24vw,430px)!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured .sgr-youtube-thumb.sgr-youtube-thumb{
        border-radius:18px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item{
        grid-template-columns:clamp(126px,9vw,154px) minmax(0,1fr)!important;
        gap:16px!important;
        height:clamp(76px,4.8vw,92px)!important;
        padding-right:22px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item .sgr-youtube-thumb.sgr-youtube-thumb{
        width:clamp(126px,9vw,154px)!important;
        border-radius:7px!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item strong{
        font-size:clamp(14px,.95vw,16px)!important;
        line-height:1.38!important;
    }
}

/* youtube-title-center1: center PC YouTube section title and subtitle */
@media (min-width:981px){
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head{
        position:relative!important;
        display:block!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head>div{
        display:block!important;
        width:100%!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head h2,
    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head p{
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head>a{
        position:absolute!important;
        top:calc(50% - 38px)!important;
        right:92px!important;
        margin:0!important;
        transform:none!important;
        transition:none!important;
    }

    html body #sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head>a:hover{
        top:calc(50% - 38px)!important;
        transform:none!important;
        box-shadow:none!important;
    }
}

/* youtube-shorts-gap-final: keep more space between YouTube and Shorts */
@media (min-width:981px){
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        padding-top:190px!important;
    }
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-shorts-section.sgr-shorts-section{
        padding-top:120px!important;
    }
}

/* hero-text-motion1: slow directional motion for each active main banner */
@keyframes sgrHeroCopyLeftToRightSlow{
    0%{opacity:0;transform:translate3d(-86px,0,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}

@keyframes sgrHeroScriptRightToLeftSlow{
    0%{opacity:0;transform:translate3d(96px,0,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}

@media (min-width:981px) and (prefers-reduced-motion:no-preference){
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy{
        opacity:1!important;
        animation:sgrHeroCopyLeftToRightSlow 1.9s cubic-bezier(.19,1,.22,1) .18s both!important;
    }

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy span{
        animation:sgrHeroCopyLeftToRightSlow 1.75s cubic-bezier(.19,1,.22,1) .2s both!important;
    }

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy h1{
        animation:sgrHeroCopyLeftToRightSlow 1.95s cubic-bezier(.19,1,.22,1) .34s both!important;
    }

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy p{
        animation:sgrHeroCopyLeftToRightSlow 2.05s cubic-bezier(.19,1,.22,1) .52s both!important;
    }

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-cta{
        animation:sgrHeroCopyLeftToRightSlow 1.9s cubic-bezier(.19,1,.22,1) .68s both!important;
    }

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index{
        opacity:1!important;
        animation:sgrHeroScriptRightToLeftSlow 2.05s cubic-bezier(.19,1,.22,1) .28s both!important;
    }

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index p{
        animation:sgrHeroScriptRightToLeftSlow 2.15s cubic-bezier(.19,1,.22,1) .48s both!important;
    }

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-index p{
        animation:sgrHeroScriptRightToLeftSlow 2.15s cubic-bezier(.19,1,.22,1) .48s both!important;
    }
}

/* medical-review1: MGTY-style medical photo card slider */
html body #sgr-renewal .sgr-medical-review{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:clamp(92px,7vw,138px) 0 clamp(92px,7vw,132px)!important;
    overflow:hidden!important;
    background:#fff!important;
}

html body #sgr-renewal .sgr-medical-review .sgr-medical-head{
    width:min(1560px,calc(100% - 96px))!important;
    max-width:none!important;
    margin:0 auto 48px!important;
    padding:0!important;
    text-align:left!important;
}

html body #sgr-renewal .sgr-medical-title-row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:clamp(34px,4.2vw,72px)!important;
    width:100%!important;
}

html body #sgr-renewal .sgr-medical-review .sgr-medical-head h2{
    margin:0!important;
    color:var(--sgr-navy)!important;
    font-size:clamp(44px,3.25vw,64px)!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
}

html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}

html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a{
    position:relative!important;
    min-width:150px!important;
    padding:12px 28px 16px!important;
    border:0!important;
    border-left:1px solid #d9dee8!important;
    border-radius:0!important;
    background:transparent!important;
    color:#4f5663!important;
    font-size:18px!important;
    font-weight:600!important;
    line-height:1.2!important;
    text-align:center!important;
    box-shadow:none!important;
}

html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a:last-child{
    border-right:1px solid #d9dee8!important;
}

html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a::after{
    content:""!important;
    position:absolute!important;
    left:28px!important;
    right:28px!important;
    bottom:0!important;
    height:3px!important;
    background:transparent!important;
    transition:background .28s ease!important;
}

html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a.is-active{
    color:var(--sgr-blue)!important;
    font-weight:800!important;
}

html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a.is-active::after,
html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a:hover::after{
    background:var(--sgr-blue)!important;
}

html body #sgr-renewal .sgr-medical-review-more{
    display:grid!important;
    place-items:center!important;
    width:78px!important;
    height:78px!important;
    border:1px solid rgba(23,38,67,.35)!important;
    border-radius:50%!important;
    color:var(--sgr-blue)!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
    text-decoration:none!important;
    transition:border-color .25s ease,color .25s ease,background .25s ease!important;
}

html body #sgr-renewal .sgr-medical-review-more:hover{
    border-color:var(--sgr-navy)!important;
    background:var(--sgr-navy)!important;
    color:#fff!important;
}

html body #sgr-renewal .sgr-medical-review-shell{
    position:relative!important;
    width:min(1600px,calc(100% - 118px))!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:0!important;
}

html body #sgr-renewal .sgr-medical-review-viewport{
    width:100%!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
}

html body #sgr-renewal .sgr-medical-review-track{
    display:flex!important;
    align-items:stretch!important;
    gap:clamp(28px,2.4vw,38px)!important;
    will-change:scroll-position!important;
}

html body #sgr-renewal .sgr-medical-review-card{
    flex:0 0 calc((100% - 114px) / 4)!important;
    min-width:0!important;
    padding:0 0 26px!important;
    border-right:1px solid #dde3ec!important;
    color:var(--sgr-navy)!important;
    text-decoration:none!important;
}

html body #sgr-renewal .sgr-medical-review-img{
    display:block!important;
    width:100%!important;
    aspect-ratio:1/1!important;
    overflow:hidden!important;
    background:#eef2f7!important;
}

html body #sgr-renewal .sgr-medical-review-img img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
    transform:translateZ(0)!important;
}

html body #sgr-renewal .sgr-medical-review-card em{
    display:block!important;
    margin:24px 20px 8px!important;
    color:#8790a0!important;
    font-style:normal!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.2!important;
}

html body #sgr-renewal .sgr-medical-review-card strong{
    display:block!important;
    margin:0 20px!important;
    color:#48505c!important;
    font-size:18px!important;
    font-weight:600!important;
    line-height:1.5!important;
    word-break:keep-all!important;
}

html body #sgr-renewal .sgr-medical-review-arrow{
    position:absolute!important;
    top:calc(50% - 44px)!important;
    z-index:4!important;
    width:72px!important;
    height:72px!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    cursor:pointer!important;
}

html body #sgr-renewal .sgr-medical-review-arrow::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:30px!important;
    height:30px!important;
    border-left:1px solid #8d95a2!important;
    border-bottom:1px solid #8d95a2!important;
    transform:translate(-36%,-50%) rotate(45deg)!important;
    transition:border-color .2s ease,transform .2s ease!important;
}

html body #sgr-renewal .sgr-medical-review-arrow.is-prev{
    left:-42px!important;
}

html body #sgr-renewal .sgr-medical-review-arrow.is-next{
    right:-42px!important;
}

html body #sgr-renewal .sgr-medical-review-arrow.is-next::before{
    transform:translate(-64%,-50%) rotate(225deg)!important;
}

html body #sgr-renewal .sgr-medical-review-arrow:hover::before{
    border-color:var(--sgr-navy)!important;
}

html body #sgr-renewal .sgr-medical-review-dots{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:9px!important;
    margin:54px auto 0!important;
}

html body #sgr-renewal .sgr-medical-review-dots button{
    width:8px!important;
    height:8px!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:#d9dde3!important;
    cursor:pointer!important;
    transition:width .25s ease,background .25s ease!important;
}

html body #sgr-renewal .sgr-medical-review-dots button.is-active{
    width:38px!important;
    background:#7b8088!important;
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-medical-review{
        padding:72px 0 76px!important;
    }

    html body #sgr-renewal .sgr-medical-review .sgr-medical-head{
        width:100%!important;
        margin:0 auto 28px!important;
        padding:0 18px!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-medical-title-row{
        display:flex!important;
        flex-direction:column!important;
        gap:18px!important;
        align-items:center!important;
    }

    html body #sgr-renewal .sgr-medical-review .sgr-medical-head h2{
        font-size:28px!important;
        white-space:normal!important;
    }

    html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs{
        width:100%!important;
        justify-content:center!important;
        overflow:auto!important;
        -webkit-overflow-scrolling:touch!important;
    }

    html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a{
        min-width:86px!important;
        padding:8px 14px 12px!important;
        font-size:13px!important;
    }

    html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a::after{
        left:14px!important;
        right:14px!important;
        height:2px!important;
    }

    html body #sgr-renewal .sgr-medical-review-more{
        width:54px!important;
        height:54px!important;
        font-size:9px!important;
    }

    html body #sgr-renewal .sgr-medical-review-shell{
        width:100%!important;
        padding:0 18px!important;
    }

    html body #sgr-renewal .sgr-medical-review-viewport{
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-width:none!important;
    }

    html body #sgr-renewal .sgr-medical-review-viewport::-webkit-scrollbar{
        display:none!important;
    }

    html body #sgr-renewal .sgr-medical-review-track{
        gap:18px!important;
    }

    html body #sgr-renewal .sgr-medical-review-card{
        flex:0 0 76vw!important;
        scroll-snap-align:start!important;
        padding-bottom:18px!important;
        border-right:1px solid #e2e7ef!important;
    }

    html body #sgr-renewal .sgr-medical-review-card em{
        margin:16px 12px 6px!important;
        font-size:12px!important;
    }

    html body #sgr-renewal .sgr-medical-review-card strong{
        margin:0 12px!important;
        font-size:15px!important;
        line-height:1.45!important;
    }

    html body #sgr-renewal .sgr-medical-review-arrow{
        top:calc(50% - 40px)!important;
        width:44px!important;
        height:44px!important;
        background:rgba(255,255,255,.86)!important;
        box-shadow:0 10px 24px rgba(23,38,67,.08)!important;
    }

    html body #sgr-renewal .sgr-medical-review-arrow::before{
        width:18px!important;
        height:18px!important;
    }

    html body #sgr-renewal .sgr-medical-review-arrow.is-prev{
        left:4px!important;
    }

    html body #sgr-renewal .sgr-medical-review-arrow.is-next{
        right:4px!important;
    }

    html body #sgr-renewal .sgr-medical-review-dots{
        gap:7px!important;
        margin-top:26px!important;
    }

    html body #sgr-renewal .sgr-medical-review-dots button{
        width:7px!important;
        height:7px!important;
    }

    html body #sgr-renewal .sgr-medical-review-dots button.is-active{
        width:28px!important;
    }
}

/* hero-beauline-motion1: background and copy movement inspired by the reference banner */
@keyframes sgrHeroBeaulineBgMove{
    0%{opacity:.82;transform:scale(1.075) translate3d(32px,0,0)}
    100%{opacity:1;transform:scale(1.018) translate3d(0,0,0)}
}

@keyframes sgrHeroBeaulineCopyMove{
    0%{opacity:0;transform:translate3d(-92px,0,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}

@keyframes sgrHeroBeaulineScriptMove{
    0%{opacity:0;transform:translate3d(108px,0,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}

@media (prefers-reduced-motion:no-preference){
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
        animation:sgrHeroBeaulineBgMove 6.4s cubic-bezier(.19,1,.22,1) both!important;
        transform-origin:center center!important;
    }

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy span,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy h1,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy p,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-cta{
        animation:sgrHeroBeaulineCopyMove 2.15s cubic-bezier(.19,1,.22,1) .18s both!important;
    }

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index p,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-index p{
        animation:sgrHeroBeaulineScriptMove 2.25s cubic-bezier(.19,1,.22,1) .36s both!important;
    }
}

@media (max-width:980px) and (prefers-reduced-motion:no-preference){
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy span,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy h1,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy p,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-cta{
        animation:sgrHeroBeaulineCopyMove 1.65s cubic-bezier(.19,1,.22,1) .12s both!important;
    }
}

/* medical-review4: match YouTube width and show 4:5 photos */
@media (min-width:981px){
    html body #sgr-renewal .sgr-medical-review .sgr-medical-head,
    html body #sgr-renewal .sgr-medical-review-shell{
        width:min(1260px,calc(100% - 80px))!important;
        max-width:1260px!important;
    }

    html body #sgr-renewal .sgr-medical-title-row{
        position:relative!important;
        display:block!important;
        width:100%!important;
    }

    html body #sgr-renewal .sgr-medical-title-copy{
        display:block!important;
        width:100%!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-medical-title-copy h2,
    html body #sgr-renewal .sgr-medical-review .sgr-medical-head h2{
        margin:0 0 14px!important;
        text-align:center!important;
        font-size:clamp(34px,2.55vw,48px)!important;
    }

    html body #sgr-renewal .sgr-medical-title-copy p{
        margin:0 auto 30px!important;
        color:#7b8086!important;
        font-size:18px!important;
        font-weight:600!important;
        line-height:1.62!important;
        text-align:center!important;
        word-break:keep-all!important;
    }

    html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs{
        justify-content:center!important;
        margin:0 auto!important;
    }

    html body #sgr-renewal .sgr-medical-review-more{
        position:absolute!important;
        top:0!important;
        right:0!important;
    }

    html body #sgr-renewal .sgr-medical-review-img{
        aspect-ratio:4/5!important;
    }

    html body #sgr-renewal .sgr-medical-review-arrow.is-prev{
        left:-72px!important;
    }

    html body #sgr-renewal .sgr-medical-review-arrow.is-next{
        right:-72px!important;
    }
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-medical-title-copy{
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-medical-title-copy h2{
        margin:0 0 8px!important;
        text-align:center!important;
    }

    html body #sgr-renewal .sgr-medical-title-copy p{
        max-width:300px!important;
        margin:0 auto 2px!important;
        color:#7b8086!important;
        font-size:14px!important;
        font-weight:600!important;
        line-height:1.55!important;
        text-align:center!important;
        word-break:keep-all!important;
    }

    html body #sgr-renewal .sgr-medical-review-img{
        aspect-ratio:4/5!important;
    }
}

/* medical-review6: SUGAR Signature heading match, YouTube-width cards, fixed old arrow position */
@media (min-width:981px){
    html body #sgr-renewal .sgr-medical-review{
        --sgr-medical-review-old-width:min(1600px,calc(100vw - 118px));
        --sgr-medical-review-new-width:min(1480px,calc(100vw - 180px));
    }

    html body #sgr-renewal .sgr-medical-review .sgr-medical-head,
    html body #sgr-renewal .sgr-medical-review-shell{
        width:var(--sgr-medical-review-new-width)!important;
        max-width:none!important;
    }

    html body #sgr-renewal .sgr-medical-title-copy h2,
    html body #sgr-renewal .sgr-medical-review .sgr-medical-head h2{
        margin:0 0 14px!important;
        color:#686d73!important;
        font-size:28px!important;
        font-weight:900!important;
        line-height:1.28!important;
        text-align:center!important;
        letter-spacing:0!important;
    }

    html body #sgr-renewal .sgr-medical-title-copy p{
        margin:0 auto 30px!important;
        color:#7b8086!important;
        font-size:18px!important;
        font-weight:600!important;
        line-height:1.62!important;
        text-align:center!important;
        word-break:keep-all!important;
        letter-spacing:0!important;
    }

    html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a{
        min-width:150px!important;
        padding:12px 28px 16px!important;
        color:#686d73!important;
        font-size:18px!important;
        font-weight:600!important;
        line-height:1.35!important;
        letter-spacing:0!important;
    }

    html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a.is-active{
        color:#172643!important;
        font-weight:800!important;
    }

    html body #sgr-renewal .sgr-medical-review-track{
        gap:32px!important;
    }

    html body #sgr-renewal .sgr-medical-review-card{
        flex:0 0 calc((100% - 96px) / 4)!important;
    }

    html body #sgr-renewal .sgr-medical-review-img{
        aspect-ratio:4/5!important;
    }

    html body #sgr-renewal .sgr-medical-review-arrow.is-prev,
    html body #sgr-renewal .sgr-medical-review-arrow.is-next{
        left:auto!important;
        right:auto!important;
    }

    html body #sgr-renewal .sgr-medical-review-arrow.is-prev{
        left:calc((var(--sgr-medical-review-new-width) - var(--sgr-medical-review-old-width)) / 2 - 42px)!important;
    }

    html body #sgr-renewal .sgr-medical-review-arrow.is-next{
        right:calc((var(--sgr-medical-review-new-width) - var(--sgr-medical-review-old-width)) / 2 - 42px)!important;
    }
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-medical-title-copy h2,
    html body #sgr-renewal .sgr-medical-review .sgr-medical-head h2{
        margin:0 0 8px!important;
        color:#686d73!important;
        font-size:24px!important;
        font-weight:900!important;
        line-height:1.3!important;
        text-align:center!important;
        letter-spacing:0!important;
    }

    html body #sgr-renewal .sgr-medical-title-copy p{
        max-width:310px!important;
        margin:0 auto 2px!important;
        color:#7b8086!important;
        font-size:15px!important;
        font-weight:600!important;
        line-height:1.62!important;
        text-align:center!important;
        word-break:keep-all!important;
        letter-spacing:0!important;
    }

    html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a{
        min-width:86px!important;
        padding:8px 14px 12px!important;
        color:#686d73!important;
        font-size:15px!important;
        font-weight:600!important;
        line-height:1.35!important;
        letter-spacing:0!important;
    }

    html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a.is-active{
        color:#172643!important;
        font-weight:800!important;
    }
}

/* medical-review7: clean tab separators and remove card title-side divider lines */
html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a,
html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a:last-child{
    border-left:0!important;
    border-right:0!important;
}

html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:50%!important;
    display:block!important;
    width:1px!important;
    height:12px!important;
    border:0!important;
    background:#d9dee8!important;
    opacity:1!important;
    transform:translateY(-50%)!important;
}

html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a:first-child::before{
    display:none!important;
    content:none!important;
}

html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a:hover::before,
html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a.is-active::before{
    background:#d9dee8!important;
    transform:translateY(-50%)!important;
}

html body #sgr-renewal .sgr-medical-review-card{
    border-right:0!important;
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a::before{
        height:10px!important;
    }

    html body #sgr-renewal .sgr-medical-review-card{
        border-right:0!important;
    }
}

/* medical-review8: remove medical category vertical marks entirely */
html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a::before,
html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a:hover::before,
html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a.is-active::before,
html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a:first-child::before{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    background:transparent!important;
}

/* medical-review9: four compact category tabs */
html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs{
    gap:2px!important;
}

html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a{
    min-width:112px!important;
    padding:8px 18px 11px!important;
    font-size:15px!important;
    line-height:1.28!important;
}

html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a::after{
    left:18px!important;
    right:18px!important;
    height:2px!important;
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs{
        gap:0!important;
        justify-content:center!important;
    }

    html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a{
        min-width:72px!important;
        padding:7px 9px 9px!important;
        font-size:13px!important;
        line-height:1.25!important;
    }

    html body #sgr-renewal .sgr-medical-review .sgr-medical-tabs a::after{
        left:10px!important;
        right:10px!important;
        height:2px!important;
    }
}

/* youtube-reveal1: restore visible scroll entrance timing and motion */
@media (prefers-reduced-motion:no-preference){
    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-head[data-reveal],
    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-card.is-featured[data-reveal],
    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-list[data-reveal]{
        transition-property:opacity,transform!important;
        transition-duration:.98s!important;
        transition-timing-function:cubic-bezier(.16,1,.3,1)!important;
        will-change:opacity,transform!important;
    }

    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-head[data-reveal]:not(.is-visible){
        opacity:0!important;
        visibility:visible!important;
        transform:translate3d(0,72px,0)!important;
    }

    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-card.is-featured[data-reveal]:not(.is-visible){
        opacity:0!important;
        visibility:visible!important;
        transform:translate3d(-170px,0,0) scale(.96)!important;
    }

    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-list[data-reveal]:not(.is-visible){
        opacity:0!important;
        visibility:visible!important;
        transform:translate3d(170px,0,0)!important;
    }

    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-head[data-reveal].is-visible,
    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-card.is-featured[data-reveal].is-visible,
    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-list[data-reveal].is-visible{
        opacity:1!important;
        visibility:visible!important;
        transform:translate3d(0,0,0) scale(1)!important;
    }
}

@media (max-width:980px) and (prefers-reduced-motion:no-preference){
    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-head[data-reveal]:not(.is-visible),
    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-card.is-featured[data-reveal]:not(.is-visible),
    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-list[data-reveal]:not(.is-visible){
        opacity:0!important;
        visibility:visible!important;
        transform:translate3d(0,46px,0)!important;
    }

    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-head[data-reveal].is-visible,
    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-card.is-featured[data-reveal].is-visible,
    html body #sgr-renewal .sgr-youtube-section .sgr-youtube-list[data-reveal].is-visible{
        opacity:1!important;
        transform:translate3d(0,0,0)!important;
    }
}

/* shorts-reveal1: give the Shorts rail the same scroll entrance polish as YouTube */
@media (prefers-reduced-motion:no-preference){
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-head[data-reveal],
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal]{
        transition-property:opacity,transform!important;
        transition-duration:.94s!important;
        transition-timing-function:cubic-bezier(.16,1,.3,1)!important;
        will-change:opacity,transform!important;
    }

    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-head[data-reveal]:not(.is-visible){
        opacity:0!important;
        visibility:visible!important;
        transform:translate3d(0,70px,0)!important;
    }

    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-head[data-reveal].is-visible,
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal]{
        opacity:1!important;
        visibility:visible!important;
        transform:translate3d(0,0,0)!important;
    }

    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-arrow{
        transition-property:opacity,transform!important;
        transition-duration:.88s!important;
        transition-timing-function:cubic-bezier(.16,1,.3,1)!important;
        will-change:opacity,transform!important;
    }

    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal]:not(.is-visible) .sgr-shorts-card{
        opacity:0!important;
        transform:translate3d(0,92px,0) scale(.965)!important;
    }

    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal]:not(.is-visible) .sgr-shorts-arrow{
        opacity:0!important;
        transform:translate3d(0,28px,0)!important;
    }

    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-arrow{
        opacity:1!important;
        transform:translate3d(0,0,0) scale(1)!important;
    }

    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-card:nth-child(2){transition-delay:.04s!important;}
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-card:nth-child(3){transition-delay:.08s!important;}
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-card:nth-child(4){transition-delay:.12s!important;}
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-card:nth-child(5){transition-delay:.16s!important;}
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-card:nth-child(6){transition-delay:.2s!important;}
}

@media (max-width:980px) and (prefers-reduced-motion:no-preference){
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-head[data-reveal]:not(.is-visible){
        opacity:1!important;
        transform:translate3d(0,34px,0)!important;
    }

    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal]:not(.is-visible) .sgr-shorts-card{
        opacity:1!important;
        transform:translate3d(0,30px,0) scale(.985)!important;
    }
}

/* shorts-reveal2: keep the rail container paint-safe while cards handle the entrance */
html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal],
html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal]:not(.is-visible){
    opacity:1!important;
    visibility:visible!important;
    transform:translate3d(0,0,0)!important;
}

/* shorts-reveal3: default Shorts entrance, with reduced-motion kept safe */
html body #sgr-renewal .sgr-shorts-section .sgr-shorts-head[data-reveal],
html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal],
html body #sgr-renewal .sgr-shorts-section .sgr-shorts-card,
html body #sgr-renewal .sgr-shorts-section .sgr-shorts-arrow{
    transition-property:opacity,transform!important;
    transition-duration:.9s!important;
    transition-timing-function:cubic-bezier(.16,1,.3,1)!important;
}

html body #sgr-renewal .sgr-shorts-section .sgr-shorts-head[data-reveal]:not(.is-visible){
    opacity:0!important;
    visibility:visible!important;
    transform:translate3d(0,70px,0)!important;
}

html body #sgr-renewal .sgr-shorts-section .sgr-shorts-head[data-reveal].is-visible{
    opacity:1!important;
    visibility:visible!important;
    transform:translate3d(0,0,0)!important;
}

html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal]:not(.is-visible) .sgr-shorts-card{
    opacity:0!important;
    transform:translate3d(0,92px,0) scale(.965)!important;
}

html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal]:not(.is-visible) .sgr-shorts-arrow{
    opacity:0!important;
    transform:translate3d(0,28px,0)!important;
}

html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-card,
html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-arrow{
    opacity:1!important;
    transform:translate3d(0,0,0) scale(1)!important;
}

html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-card:nth-child(2){transition-delay:.04s!important;}
html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-card:nth-child(3){transition-delay:.08s!important;}
html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-card:nth-child(4){transition-delay:.12s!important;}
html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-card:nth-child(5){transition-delay:.16s!important;}
html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal].is-visible .sgr-shorts-card:nth-child(6){transition-delay:.2s!important;}

@media (max-width:980px){
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-head[data-reveal]:not(.is-visible){
        opacity:1!important;
        transform:translate3d(0,34px,0)!important;
    }

    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal]:not(.is-visible) .sgr-shorts-card{
        opacity:1!important;
        transform:translate3d(0,30px,0) scale(.985)!important;
    }
}

@media (prefers-reduced-motion:reduce){
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-head[data-reveal],
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-shell[data-reveal],
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-card,
    html body #sgr-renewal .sgr-shorts-section .sgr-shorts-arrow{
        opacity:1!important;
        visibility:visible!important;
        transform:none!important;
        transition:none!important;
    }
}

/* hero-zero-motion1: stronger Zero Clinic-style hero photo/text entrance */
@keyframes sgrHeroZeroPhotoMove{
    0%{opacity:.88;transform:scale(1.13) translate3d(4.2vw,0,0)}
    52%{opacity:1}
    100%{opacity:1;transform:scale(1.025) translate3d(0,0,0)}
}

@keyframes sgrHeroZeroCopyMove{
    0%{opacity:0;transform:translate3d(-150px,0,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}

@keyframes sgrHeroZeroScriptMove{
    0%{opacity:0;transform:translate3d(160px,0,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}

html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide.is-active .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
    scale:none!important;
    translate:none!important;
    rotate:none!important;
    animation:sgrHeroZeroPhotoMove 7.2s cubic-bezier(.19,1,.22,1) both!important;
    transform-origin:center center!important;
    will-change:transform,opacity!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy{
    opacity:1!important;
    animation:sgrHeroZeroCopyMove 2.35s cubic-bezier(.19,1,.22,1) .08s both!important;
    will-change:transform,opacity!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy span{
    animation:sgrHeroZeroCopyMove 2.05s cubic-bezier(.19,1,.22,1) .1s both!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy h1{
    animation:sgrHeroZeroCopyMove 2.35s cubic-bezier(.19,1,.22,1) .26s both!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy p{
    animation:sgrHeroZeroCopyMove 2.45s cubic-bezier(.19,1,.22,1) .46s both!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-cta{
    animation:sgrHeroZeroCopyMove 2.18s cubic-bezier(.19,1,.22,1) .66s both!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index p,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-index p{
    opacity:1!important;
    animation:sgrHeroZeroScriptMove 2.42s cubic-bezier(.19,1,.22,1) .34s both!important;
    will-change:transform,opacity!important;
}

@media (max-width:980px){
    @keyframes sgrHeroZeroPhotoMove{
        0%{opacity:.92;transform:scale(1.12) translate3d(22px,0,0)}
        100%{opacity:1;transform:scale(1.025) translate3d(0,0,0)}
    }

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy span,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy h1,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy p{
        animation:sgrHeroZeroCopyMove 1.75s cubic-bezier(.19,1,.22,1) .08s both!important;
    }
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating{
    --sgr-hero-active-motion:1;
}

@media (prefers-reduced-motion:reduce){
    html body #sgr-renewal .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero-copy,
    html body #sgr-renewal .sgr-hero-copy span,
    html body #sgr-renewal .sgr-hero-copy h1,
    html body #sgr-renewal .sgr-hero-copy p,
    html body #sgr-renewal .sgr-hero-cta,
    html body #sgr-renewal .sgr-hero-index,
    html body #sgr-renewal .sgr-hero-index p{
        animation:none!important;
    }
}

/* hero-visible-motion1: visible hero motion that does not rely on transform overrides */
@keyframes sgrHeroVisiblePhotoMove{
    0%{opacity:.92;transform:scale(1.055) translate3d(2.8vw,0,0)}
    48%{opacity:1}
    100%{opacity:1;transform:scale(1.012) translate3d(0,0,0)}
}

@keyframes sgrHeroVisibleCopyMove{
    0%{opacity:0;transform:translate3d(-86px,0,0)}
    38%{opacity:1}
    100%{opacity:1;transform:translate3d(0,0,0)}
}

@keyframes sgrHeroVisibleScriptMove{
    0%{opacity:0;transform:translate3d(92px,0,0)}
    38%{opacity:1}
    100%{opacity:1;transform:translate3d(0,0,0)}
}

@keyframes sgrHeroVisibleFade{
    0%{opacity:0}
    100%{opacity:1}
}

@keyframes sgrHeroVisibleCopyItemMove{
    0%{opacity:0;transform:translate3d(-88px,0,0)}
    42%{opacity:1}
    100%{opacity:1;transform:translate3d(0,0,0)}
}

@keyframes sgrHeroVisibleScriptItemMove{
    0%{opacity:0;transform:translate3d(108px,0,0)}
    42%{opacity:1}
    100%{opacity:1;transform:translate3d(0,0,0)}
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
    max-width:none!important;
    min-width:100%!important;
    transition:none!important;
    animation:sgrHeroVisiblePhotoMove 7.4s cubic-bezier(.19,1,.22,1) both!important;
    will-change:transform,opacity!important;
    backface-visibility:hidden!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy{
    opacity:1!important;
    animation:none!important;
    will-change:opacity!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy span,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy h1,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy p,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-cta{
    position:relative!important;
    animation:sgrHeroVisibleCopyItemMove 2.25s cubic-bezier(.19,1,.22,1) both!important;
    will-change:transform,opacity!important;
    backface-visibility:hidden!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy span{animation-delay:.12s!important;}
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy h1{animation-delay:.26s!important;}
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy p{animation-delay:.46s!important;}
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-cta{animation-delay:.64s!important;}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index{
    opacity:1!important;
    animation:none!important;
    will-change:opacity!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index p,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-index p{
    position:relative!important;
    opacity:1!important;
    animation:sgrHeroVisibleScriptItemMove 2.35s cubic-bezier(.19,1,.22,1) .38s both!important;
    will-change:transform,opacity!important;
    backface-visibility:hidden!important;
}

@media (max-width:980px){
    @keyframes sgrHeroVisiblePhotoMove{
        0%{opacity:.94;transform:scale(1.04) translate3d(16px,0,0)}
        100%{opacity:1;transform:scale(1.01) translate3d(0,0,0)}
    }

    @keyframes sgrHeroVisibleCopyMove{
        0%{opacity:0;transform:translate3d(-42px,0,0)}
        100%{opacity:1;transform:translate3d(0,0,0)}
    }

    @keyframes sgrHeroVisibleCopyItemMove{
        0%{opacity:0;transform:translate3d(-42px,0,0)}
        100%{opacity:1;transform:translate3d(0,0,0)}
    }

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy{
        animation-duration:1.75s!important;
    }
}

@media (prefers-reduced-motion:reduce){
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index p{
        animation:none!important;
        margin-left:0!important;
        margin-right:0!important;
        clip-path:none!important;
        transform:none!important;
    }
}

/* hero-respect-motion2: JS drives the image variables for a smoother reference-style entrance */
@property --sgr-hero-img-x{
    syntax:"<length>";
    inherits:false;
    initial-value:0px;
}

@property --sgr-hero-img-scale{
    syntax:"<number>";
    inherits:false;
    initial-value:1;
}

@property --sgr-hero-copy-x{
    syntax:"<length>";
    inherits:false;
    initial-value:0px;
}

@property --sgr-hero-script-x{
    syntax:"<length>";
    inherits:false;
    initial-value:0px;
}

@keyframes sgrHeroSmoothPhotoVars{
    0%{opacity:1;--sgr-hero-img-x:118px;--sgr-hero-img-scale:1.105}
    100%{opacity:1;--sgr-hero-img-x:0px;--sgr-hero-img-scale:1.026}
}

@keyframes sgrHeroSmoothPhotoVarsReverse{
    0%{opacity:1;--sgr-hero-img-x:-118px;--sgr-hero-img-scale:1.105}
    100%{opacity:1;--sgr-hero-img-x:0px;--sgr-hero-img-scale:1.026}
}

@keyframes sgrHeroSmoothCopyVars{
    0%{opacity:0;--sgr-hero-copy-x:-58px}
    46%{opacity:1}
    100%{opacity:1;--sgr-hero-copy-x:0px}
}

@keyframes sgrHeroSmoothScriptVars{
    0%{opacity:0;--sgr-hero-script-x:68px}
    46%{opacity:1}
    100%{opacity:1;--sgr-hero-script-x:0px}
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
    --sgr-hero-img-x:0px;
    --sgr-hero-img-scale:1.026;
    transform-origin:center center!important;
    animation:none!important;
    will-change:transform,opacity!important;
    contain:paint!important;
}

html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(even).is-active .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:nth-child(even).is-active.is-hero-animating .sgr-hero-bg{
    animation:none!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index{
    animation:none!important;
    transform:none!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy span,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy h1,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy p,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-cta{
    --sgr-hero-copy-x:0px;
    left:auto!important;
    clip-path:none!important;
    transform:translate3d(var(--sgr-hero-copy-x),0,0)!important;
    animation:sgrHeroSmoothCopyVars 2.85s cubic-bezier(.22,1,.36,1) both!important;
    will-change:transform,opacity!important;
    contain:paint!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy span{animation-delay:.08s!important;}
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy h1{animation-delay:.2s!important;}
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy p{animation-delay:.36s!important;}
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-cta{animation-delay:.52s!important;}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index p,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-index p{
    --sgr-hero-script-x:0px;
    right:auto!important;
    clip-path:none!important;
    transform:translate3d(var(--sgr-hero-script-x),0,0)!important;
    animation:sgrHeroSmoothScriptVars 2.95s cubic-bezier(.22,1,.36,1) .3s both!important;
    will-change:transform,opacity!important;
    contain:paint!important;
}

@media (max-width:980px){
    @keyframes sgrHeroSmoothPhotoVars{
        0%{opacity:1;--sgr-hero-img-x:42px;--sgr-hero-img-scale:1.105}
        100%{opacity:1;--sgr-hero-img-x:0px;--sgr-hero-img-scale:1.032}
    }

    @keyframes sgrHeroSmoothPhotoVarsReverse{
        0%{opacity:1;--sgr-hero-img-x:-42px;--sgr-hero-img-scale:1.105}
        100%{opacity:1;--sgr-hero-img-x:0px;--sgr-hero-img-scale:1.032}
    }

    @keyframes sgrHeroSmoothCopyVars{
        0%{opacity:0;--sgr-hero-copy-x:-30px}
        100%{opacity:1;--sgr-hero-copy-x:0px}
    }
}

/* hero-person-motion1: final override so the cutout model moves with each hero slide */
html body #sgr-renewal .sgr-hero-person,
html body #sgr-renewal .sgr-hero-slide.is-active .sgr-hero-person,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-person{
    --sgr-hero-person-x:0px;
    --sgr-hero-person-y:0px;
    --sgr-hero-person-scale:1;
    transform:translate3d(var(--sgr-hero-person-x),var(--sgr-hero-person-y),0) scale(var(--sgr-hero-person-scale))!important;
    will-change:transform,opacity!important;
    backface-visibility:hidden!important;
}

/* hero-force-photo-motion1: final visible motion for the full hero image, including the model */
@keyframes sgrHeroForcePhotoMove{
    0%{opacity:1;transform:translate3d(170px,0,0) scale(1)}
    100%{opacity:1;transform:translate3d(-62px,0,0) scale(1)}
}

@keyframes sgrHeroForcePhotoMoveReverse{
    0%{opacity:1;transform:translate3d(-170px,0,0) scale(1)}
    100%{opacity:1;transform:translate3d(62px,0,0) scale(1)}
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
    max-width:none!important;
    min-width:100%!important;
    transform-origin:center center!important;
    animation:sgrHeroForcePhotoMove 6.2s cubic-bezier(.16,1,.3,1) both!important;
    will-change:transform,opacity!important;
    backface-visibility:hidden!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:nth-child(even).is-active.is-hero-animating .sgr-hero-bg{
    animation-name:sgrHeroForcePhotoMoveReverse!important;
}

@media (max-width:980px){
    @keyframes sgrHeroForcePhotoMove{
        0%{opacity:1;transform:translate3d(64px,0,0) scale(1)}
        100%{opacity:1;transform:translate3d(-30px,0,0) scale(1)}
    }

    @keyframes sgrHeroForcePhotoMoveReverse{
        0%{opacity:1;transform:translate3d(-64px,0,0) scale(1)}
        100%{opacity:1;transform:translate3d(30px,0,0) scale(1)}
    }

    html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide.is-active .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
        animation-duration:5.8s!important;
    }
}

/* hero-force-vars-motion2: move the actual hero photo sideways only, with no zoom in/out */
@property --sgr-force-photo-x{
    syntax:"<length>";
    inherits:false;
    initial-value:0px;
}

@keyframes sgrHeroForceVarsPhotoMove{
    0%{opacity:1;--sgr-force-photo-x:0px}
    100%{opacity:1;--sgr-force-photo-x:-230px}
}

@keyframes sgrHeroForceVarsPhotoMoveReverse{
    0%{opacity:1;--sgr-force-photo-x:-230px}
    100%{opacity:1;--sgr-force-photo-x:0px}
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
    --sgr-force-photo-x:0px;
    inset:0 auto 0 -230px!important;
    width:calc(100% + 460px)!important;
    min-width:calc(100% + 460px)!important;
    max-width:none!important;
    transform:translate3d(var(--sgr-force-photo-x),0,0)!important;
    animation:sgrHeroForceVarsPhotoMove 6.4s cubic-bezier(.16,1,.3,1) both!important;
    transform-origin:center center!important;
    will-change:transform,opacity!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:nth-child(even).is-active.is-hero-animating .sgr-hero-bg{
    animation-name:sgrHeroForceVarsPhotoMoveReverse!important;
}

@media (max-width:980px){
    @keyframes sgrHeroForceVarsPhotoMove{
        0%{opacity:1;--sgr-force-photo-x:0px}
        100%{opacity:1;--sgr-force-photo-x:-92px}
    }

    @keyframes sgrHeroForceVarsPhotoMoveReverse{
        0%{opacity:1;--sgr-force-photo-x:-92px}
        100%{opacity:1;--sgr-force-photo-x:0px}
    }

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
        inset:0 auto 0 -92px!important;
        width:calc(100% + 184px)!important;
        min-width:calc(100% + 184px)!important;
        animation-duration:6s!important;
    }
}

/* hero-center-pan1: keep model faces centered and pan by crop position only */
@property --sgr-hero-pan{
    syntax:"<percentage>";
    inherits:false;
    initial-value:0%;
}

@keyframes sgrHeroCenteredObjectPan{
    0%{--sgr-hero-pan:-1.15%}
    100%{--sgr-hero-pan:1.15%}
}

@keyframes sgrHeroCenteredObjectPanReverse{
    0%{--sgr-hero-pan:1.15%}
    100%{--sgr-hero-pan:-1.15%}
}

html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(1){--sgr-hero-face-x:50%}
html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(2){--sgr-hero-face-x:51%}
html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(3){--sgr-hero-face-x:51%}
html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(4){--sgr-hero-face-x:50%}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
    --sgr-hero-pan:0%;
    inset:0!important;
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:calc(var(--sgr-hero-face-x,50%) + var(--sgr-hero-pan)) center;
    transform:none!important;
    animation:sgrHeroCenteredObjectPan 6.6s cubic-bezier(.16,1,.3,1) both!important;
    will-change:object-position,opacity!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:nth-child(even).is-active.is-hero-animating .sgr-hero-bg{
    animation-name:sgrHeroCenteredObjectPanReverse!important;
}

html body #sgr-renewal .sgr-hero-index p{
    font-display:block;
    font-synthesis:none!important;
}

@media (max-width:980px){
    @keyframes sgrHeroCenteredObjectPan{
        0%{--sgr-hero-pan:-.55%}
        100%{--sgr-hero-pan:.55%}
    }

    @keyframes sgrHeroCenteredObjectPanReverse{
        0%{--sgr-hero-pan:.55%}
        100%{--sgr-hero-pan:-.55%}
    }

    html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(1){--sgr-hero-face-x:50%}
    html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(2){--sgr-hero-face-x:51.5%}
    html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(3){--sgr-hero-face-x:51.5%}
    html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(4){--sgr-hero-face-x:50.5%}

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
        animation-duration:6.2s!important;
    }
}

/* hero-center-pan2: browser-safe centered panning without custom-property animation */
@keyframes sgrHeroCenterPan1{
    0%{object-position:49.55% center}
    100%{object-position:50.45% center}
}

@keyframes sgrHeroCenterPan2{
    0%{object-position:50.55% center}
    100%{object-position:51.45% center}
}

@keyframes sgrHeroCenterPan3{
    0%{object-position:50.55% center}
    100%{object-position:51.45% center}
}

@keyframes sgrHeroCenterPan4{
    0%{object-position:49.6% center}
    100%{object-position:50.4% center}
}

html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
    inset:0!important;
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    height:100%!important;
    object-fit:cover!important;
    transform:none!important;
    will-change:object-position,opacity!important;
}

html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(1) .sgr-hero-bg{object-position:50% center}
html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(2) .sgr-hero-bg{object-position:51% center}
html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(3) .sgr-hero-bg{object-position:51% center}
html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(4) .sgr-hero-bg{object-position:50% center}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:nth-child(1).is-active.is-hero-animating .sgr-hero-bg{
    animation:sgrHeroCenterPan1 6.4s cubic-bezier(.16,1,.3,1) both!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:nth-child(2).is-active.is-hero-animating .sgr-hero-bg{
    animation:sgrHeroCenterPan2 6.4s cubic-bezier(.16,1,.3,1) both!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:nth-child(3).is-active.is-hero-animating .sgr-hero-bg{
    animation:sgrHeroCenterPan3 6.4s cubic-bezier(.16,1,.3,1) both!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:nth-child(4).is-active.is-hero-animating .sgr-hero-bg{
    animation:sgrHeroCenterPan4 6.4s cubic-bezier(.16,1,.3,1) both!important;
}

html.sgr-font-loading:not(.sgr-font-ready) body #sgr-renewal .sgr-hero-index p{
    visibility:hidden!important;
}

html.sgr-font-ready body #sgr-renewal .sgr-hero-index p{
    visibility:visible!important;
}

@media (max-width:980px){
    @keyframes sgrHeroCenterPan1{
        0%{object-position:49.8% center}
        100%{object-position:50.2% center}
    }

    @keyframes sgrHeroCenterPan2{
        0%{object-position:51.2% center}
        100%{object-position:51.6% center}
    }

    @keyframes sgrHeroCenterPan3{
        0%{object-position:51.2% center}
        100%{object-position:51.6% center}
    }

    @keyframes sgrHeroCenterPan4{
        0%{object-position:50.3% center}
        100%{object-position:50.7% center}
    }
}

/* hero-final-motion2: visible photo panning and non-choppy text motion */
@keyframes sgrHeroFinalPhotoPan{
    0%{transform:translate3d(calc(-50% - 92px),0,0)}
    100%{transform:translate3d(calc(-50% + 92px),0,0)}
}

@keyframes sgrHeroFinalPhotoPanReverse{
    0%{transform:translate3d(calc(-50% + 92px),0,0)}
    100%{transform:translate3d(calc(-50% - 92px),0,0)}
}

@keyframes sgrHeroFinalCopyIn{
    0%{opacity:0;transform:translate3d(-72px,0,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}

@keyframes sgrHeroFinalScriptIn{
    0%{opacity:0;transform:translate3d(82px,0,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}

html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide .sgr-hero-bg,
html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide.is-active .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
    left:50%!important;
    right:auto!important;
    top:0!important;
    bottom:0!important;
    width:calc(100% + 240px)!important;
    min-width:calc(100% + 240px)!important;
    max-width:none!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:translate3d(-50%,0,0)!important;
    transform-origin:center center!important;
    transition:none!important;
    animation:none!important;
    will-change:transform,opacity!important;
    backface-visibility:hidden!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg{
    animation:sgrHeroFinalPhotoPan 6.8s cubic-bezier(.16,1,.3,1) both!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:nth-child(even).is-active.is-hero-animating .sgr-hero-bg{
    animation:sgrHeroFinalPhotoPanReverse 6.8s cubic-bezier(.16,1,.3,1) both!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index{
    opacity:1!important;
    clip-path:none!important;
    overflow:visible!important;
    transition:none!important;
    will-change:transform,opacity!important;
    backface-visibility:hidden!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy{
    animation:sgrHeroFinalCopyIn 1.45s cubic-bezier(.16,1,.3,1) .1s both!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index{
    width:min(560px,38vw)!important;
    right:7.4%!important;
    animation:sgrHeroFinalScriptIn 1.55s cubic-bezier(.16,1,.3,1) .16s both!important;
}

html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy span,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy h1,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy p,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-cta,
html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index p{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    clip-path:none!important;
}

html body #sgr-renewal .sgr-hero-index p{
    visibility:visible!important;
    overflow:visible!important;
    line-height:1!important;
}

@media (max-width:980px){
    @keyframes sgrHeroFinalPhotoPan{
        0%{transform:translate3d(calc(-50% - 40px),0,0)}
        100%{transform:translate3d(calc(-50% + 40px),0,0)}
    }

    @keyframes sgrHeroFinalPhotoPanReverse{
        0%{transform:translate3d(calc(-50% + 40px),0,0)}
        100%{transform:translate3d(calc(-50% - 40px),0,0)}
    }

    html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero-stage>.sgr-hero-slide.is-active .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
        width:calc(100% + 110px)!important;
        min-width:calc(100% + 110px)!important;
    }

    html body #sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy{
        animation:sgrHeroFinalCopyIn 1.15s cubic-bezier(.16,1,.3,1) .06s both!important;
    }
}

/* hero-final-zoom3: oversized image plate prevents edge gaps during centered slow zoom */
html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide .sgr-hero-bg,
html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide.is-active .sgr-hero-bg,
html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:calc(100% + 380px)!important;
    min-width:calc(100% + 380px)!important;
    height:calc(100% + 180px)!important;
    min-height:calc(100% + 180px)!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:translate3d(-50%,-50%,0) scale(.965)!important;
    transform-origin:center center!important;
    transition:none!important;
    animation:none!important;
    will-change:transform,opacity!important;
}

html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:sgrHeroFinalCopyIn 1.45s cubic-bezier(.16,1,.3,1) .1s both!important;
}

html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index{
    opacity:1!important;
    width:min(560px,38vw)!important;
    right:7.4%!important;
    overflow:visible!important;
    transform:none!important;
    transition:none!important;
    animation:sgrHeroFinalScriptIn 1.55s cubic-bezier(.16,1,.3,1) .16s both!important;
}

html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:not(:first-child) .sgr-hero-copy span,
html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:not(:first-child) .sgr-hero-copy h1,
html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:not(:first-child) .sgr-hero-copy p,
html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:not(:first-child) .sgr-hero-index b,
html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:not(:first-child) .sgr-hero-index p{
    color:var(--sgr-navy)!important;
    text-shadow:none!important;
}

html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-child .sgr-hero-copy span{
    color:#4e5c73!important;
}

html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-child .sgr-hero-copy h1,
html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-child .sgr-hero-copy p,
html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:first-child .sgr-hero-index p{
    color:var(--sgr-navy)!important;
    text-shadow:none!important;
}

html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy span,
html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy h1,
html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy p,
html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-cta,
html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index p,
html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-index p{
    opacity:1!important;
    visibility:visible!important;
    clip-path:none!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
}

@media (max-width:980px){
    html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide .sgr-hero-bg,
    html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide.is-active .sgr-hero-bg,
    html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-bg,
    html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:first-of-type.is-active.is-hero-animating .sgr-hero-bg,
    html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:not(:first-of-type).is-active.is-hero-animating .sgr-hero-bg{
        width:calc(100% + 190px)!important;
        min-width:calc(100% + 190px)!important;
        height:calc(100% + 130px)!important;
        min-height:calc(100% + 130px)!important;
    }
}

/* hero-final-text-motion1: text slides independently from the fixed transform rules */
@keyframes sgrHeroCopySlideSmooth{
    0%{opacity:0;translate:-86px 0}
    42%{opacity:1}
    100%{opacity:1;translate:0 0}
}

@keyframes sgrHeroIndexSlideSmooth{
    0%{opacity:0;translate:96px 0}
    42%{opacity:1}
    100%{opacity:1;translate:0 0}
}

html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy{
    opacity:1!important;
    animation:sgrHeroCopySlideSmooth 3.45s cubic-bezier(.16,1,.3,1) .08s both!important;
}

html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-index{
    opacity:1!important;
    animation:sgrHeroIndexSlideSmooth 3.65s cubic-bezier(.16,1,.3,1) .12s both!important;
}

@media (max-width:980px){
    html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide.is-active.is-hero-animating .sgr-hero-copy{
        animation:sgrHeroCopySlideSmooth 2.7s cubic-bezier(.16,1,.3,1) .04s both!important;
    }
}

/* hero-slide3-left1: move the third hero model slightly left */
html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(3) .sgr-hero-bg,
html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(3).is-active .sgr-hero-bg,
html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:nth-child(3).is-active.is-hero-animating .sgr-hero-bg{
    left:48.8%!important;
}

@media (max-width:980px){
    html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(3) .sgr-hero-bg,
    html body #sgr-renewal#sgr-renewal .sgr-hero-stage>.sgr-hero-slide:nth-child(3).is-active .sgr-hero-bg,
    html body #sgr-renewal#sgr-renewal .sgr-hero.is-motion-ready .sgr-hero-stage>.sgr-hero-slide:nth-child(3).is-active.is-hero-animating .sgr-hero-bg{
        left:49.2%!important;
    }
}

/* event-arch-layout1: full-width event section with left copy and full-height image stack */
html body #sgr-renewal#sgr-renewal .sgr-event-section{
    padding:0!important;
    background:#f5f7fb!important;
    overflow:hidden!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section>.sgr-event-head,
html body #sgr-renewal#sgr-renewal .sgr-event-section>.sgr-event-stage{
    display:none!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch-container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch{
    position:relative;
    display:grid;
    grid-template-columns:minmax(460px,40vw) minmax(0,1fr);
    width:100%;
    min-height:820px;
    background:#f8fafc;
    overflow:hidden;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__left{
    position:relative;
    z-index:2;
    display:grid;
    align-content:center;
    gap:18px;
    min-height:820px;
    padding:clamp(76px,7vw,132px) clamp(34px,5vw,96px);
    background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 72%,rgba(255,255,255,.76) 100%);
    box-shadow:28px 0 70px rgba(23,38,67,.08);
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info{
    position:relative;
    display:block;
    padding:0 0 24px;
    color:rgba(23,38,67,.46);
    border-bottom:1px solid rgba(23,38,67,.12);
    transition:color .45s ease,opacity .45s ease,transform .45s ease;
    opacity:.58;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info:last-child{
    border-bottom:0;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info.is-active,
html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info:hover{
    color:var(--sgr-navy);
    opacity:1;
    transform:translateX(10px);
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .eyebrow{
    display:block;
    margin:0 0 12px;
    color:var(--sgr-gold);
    font-size:13px;
    font-weight:900;
    letter-spacing:.08em;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .header{
    margin:0;
    color:currentColor;
    font-size:clamp(32px,3.1vw,58px);
    font-weight:900;
    line-height:1.08;
    letter-spacing:0;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .desc{
    max-width:560px;
    margin:18px 0 0;
    color:var(--sgr-signature-gray);
    font-size:clamp(15px,1.05vw,18px);
    font-weight:500;
    line-height:1.78;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:142px;
    height:46px;
    margin-top:26px;
    padding:0 22px;
    border:1px solid rgba(23,38,67,.22);
    border-radius:999px;
    background:var(--sgr-navy);
    color:#fff;
    font-size:13px;
    font-weight:900;
    letter-spacing:.03em;
    transition:transform .34s ease,background .34s ease,color .34s ease,border-color .34s ease;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .link:hover{
    transform:translateY(-3px);
    background:#fff;
    color:var(--sgr-navy);
    border-color:rgba(23,38,67,.36);
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__right{
    position:relative;
    min-height:820px;
    background:#dfe6ee;
    overflow:hidden;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .img-wrapper{
    position:absolute;
    inset:0;
    opacity:0;
    transform:scale(1.035);
    transition:opacity .72s ease,transform 1.6s cubic-bezier(.16,1,.3,1);
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .img-wrapper.is-active{
    z-index:2;
    opacity:1;
    transform:scale(1);
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .img-wrapper::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(23,38,67,.2) 0%,rgba(23,38,67,.02) 38%,rgba(23,38,67,.18) 100%);
    pointer-events:none;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .img-wrapper img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    filter:saturate(1.02) contrast(1.03);
}

@media (min-width:981px){
    html body #sgr-renewal#sgr-renewal .sgr-event-arch{
        min-height:min(860px,88vh);
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__left,
    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__right{
        min-height:min(860px,88vh);
    }
}

@media (max-width:980px){
    html body #sgr-renewal#sgr-renewal .sgr-event-arch{
        display:block;
        min-height:0;
        background:#fff;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__left{
        min-height:0;
        padding:72px 20px 28px;
        background:#fff;
        box-shadow:none;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info{
        padding-bottom:22px;
        opacity:1;
        transform:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info:not(.is-active){
        opacity:.64;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .header{
        font-size:32px;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .desc{
        font-size:15px;
        line-height:1.72;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__right{
        min-height:440px;
        margin:10px 18px 72px;
        border-radius:18px;
        overflow:hidden;
    }
}

@media (max-width:520px){
    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__left{
        padding-top:60px;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__right{
        min-height:360px;
        margin-inline:14px;
    }
}

/* event-arch-compact1: keep the full-width arch section elegant and not overly tall */
html body #sgr-renewal#sgr-renewal .sgr-event-arch{
    min-height:820px!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__left,
html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__right{
    min-height:820px!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__left{
    gap:12px!important;
    padding:clamp(68px,6vw,104px) clamp(34px,4.6vw,88px)!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info{
    padding:0 0 18px!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .header{
    font-size:clamp(28px,2.45vw,46px)!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .desc{
    max-height:0;
    margin-top:0!important;
    opacity:0;
    overflow:hidden;
    transition:max-height .5s ease,opacity .42s ease,margin .42s ease;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .link{
    max-height:0;
    margin-top:0!important;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info.is-active .desc,
html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info:hover .desc{
    max-height:190px;
    margin-top:16px!important;
    opacity:1;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info.is-active .link,
html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info:hover .link{
    max-height:54px;
    margin-top:22px!important;
    opacity:1;
    pointer-events:auto;
}

@media (min-width:981px){
    html body #sgr-renewal#sgr-renewal .sgr-event-arch{
        min-height:min(820px,86vh)!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__left,
    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__right{
        min-height:min(820px,86vh)!important;
    }
}

@media (max-width:980px){
    html body #sgr-renewal#sgr-renewal .sgr-event-arch{
        min-height:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__left{
        min-height:0!important;
        gap:10px!important;
        padding:118px 20px 22px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__right{
        min-height:340px!important;
        height:340px!important;
        margin-top:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info{
        padding-bottom:16px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .header{
        font-size:29px!important;
        line-height:1.12!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .eyebrow{
        margin-bottom:8px!important;
        font-size:11px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info.is-active .desc,
    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info:hover .desc{
        max-height:150px;
        margin-top:12px!important;
        margin-left:92px!important;
        font-size:14px!important;
        line-height:1.68!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info.is-active .link,
    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info:hover .link{
        max-height:46px;
        margin-top:16px!important;
        margin-left:92px!important;
    }
}

/* event-arch-final2: compact 5-event board links using the supplied arch layout */
html body #sgr-renewal#sgr-renewal .sgr-event-section{
    padding:58px max(28px,calc((100vw - 1560px)/2)) 68px!important;
    background:#f7f9fc!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch-container{
    width:100%!important;
    max-width:1560px!important;
    margin-inline:auto!important;
    padding:0!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:clamp(30px,3.4vw,52px)!important;
    width:100%!important;
    min-height:auto!important;
    background:transparent!important;
    overflow:visible!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__left{
    flex:0 0 min(40%,540px)!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    min-width:300px!important;
    min-height:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info{
    display:grid!important;
    place-items:center start!important;
    max-width:none!important;
    min-height:96px!important;
    height:auto!important;
    padding:13px 0!important;
    color:rgba(23,38,67,.32)!important;
    border-bottom:1px solid rgba(23,38,67,.1)!important;
    opacity:1!important;
    transform:none!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info:last-child{
    border-bottom:0!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info.is-active,
html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info:hover{
    color:var(--sgr-navy)!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .content{
    width:100%;
    max-width:520px;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .eyebrow{
    margin:0 0 8px!important;
    color:var(--sgr-gold)!important;
    font-family:"Noto Sans KR",sans-serif!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .header{
    margin:0!important;
    color:currentColor!important;
    font-family:"Noto Sans KR",sans-serif!important;
    font-size:clamp(24px,2.1vw,36px)!important;
    font-weight:900!important;
    line-height:1.12!important;
    letter-spacing:0!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .desc{
    max-width:520px!important;
    max-height:0!important;
    margin:0!important;
    color:var(--sgr-signature-gray)!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.58!important;
    opacity:0!important;
    overflow:hidden!important;
    transition:max-height .42s ease,opacity .32s ease,margin .32s ease!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:fit-content!important;
    min-width:118px!important;
    height:38px!important;
    max-height:0!important;
    margin:0!important;
    padding:0 18px!important;
    border:1px solid rgba(23,38,67,.22)!important;
    border-radius:40px!important;
    background:var(--sgr-navy)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    opacity:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
    text-decoration:none!important;
    transition:opacity .28s ease,margin .28s ease,background .28s ease,color .28s ease!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info.is-active .desc,
html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info:hover .desc{
    max-height:96px!important;
    margin-top:8px!important;
    opacity:1!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info.is-active .link,
html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info:hover .link{
    max-height:38px!important;
    margin-top:14px!important;
    opacity:1!important;
    pointer-events:auto!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .link:hover{
    background:#fff!important;
    color:var(--sgr-navy)!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__right{
    position:sticky!important;
    top:118px!important;
    flex:1 1 auto!important;
    width:100%!important;
    max-width:none!important;
    height:clamp(360px,47vh,470px)!important;
    min-height:0!important;
    border-radius:24px!important;
    background:#e7edf4!important;
    box-shadow:0 28px 72px rgba(23,38,67,.12)!important;
    overflow:hidden!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .img-wrapper{
    position:absolute!important;
    inset:0!important;
    top:0!important;
    left:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    border-radius:0!important;
    opacity:0!important;
    clip-path:inset(0 0 100% 0)!important;
    transform:none!important;
    transition:opacity .54s ease,clip-path .78s cubic-bezier(.16,1,.3,1)!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .img-wrapper.is-active{
    z-index:5!important;
    opacity:1!important;
    clip-path:inset(0 0 0 0)!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-arch .img-wrapper img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
}

@media (max-width:980px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section{
        padding:54px 16px 58px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch{
        display:flex!important;
        flex-direction:column!important;
        gap:12px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__left,
    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__right{
        display:contents!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info{
        min-height:0!important;
        padding:14px 0 8px!important;
        border-bottom:0!important;
        color:var(--sgr-navy)!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .content{
        max-width:none!important;
        padding-left:78px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .header{
        font-size:27px!important;
        line-height:1.12!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .desc{
        max-height:none!important;
        margin-top:8px!important;
        margin-left:0!important;
        font-size:14px!important;
        line-height:1.64!important;
        opacity:1!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .link,
    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info.is-active .link,
    html body #sgr-renewal#sgr-renewal .sgr-event-arch .arch__info:hover .link{
        max-height:38px!important;
        margin:12px 0 0!important;
        opacity:1!important;
        pointer-events:auto!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .img-wrapper{
        position:relative!important;
        inset:auto!important;
        display:block!important;
        width:100%!important;
        height:264px!important;
        margin:0 0 14px!important;
        border-radius:16px!important;
        opacity:1!important;
        clip-path:none!important;
        overflow:hidden!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .img-wrapper::after{
        display:none!important;
    }
}

@media (max-width:560px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section{
        padding-inline:12px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .content{
        padding-left:74px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .header{
        font-size:25px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-arch .img-wrapper{
        height:230px!important;
        border-radius:12px!important;
    }
}

/* event-arch-supplied1: supplied arch event section scoped to renewal page */
html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied{
    color:#121212!important;
    font-family:"Noto Sans KR","Outfit",sans-serif!important;
    background-color:#f9ffe7!important;
    padding:0!important;
    overflow:visible!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .container{
    max-width:1440px!important;
    width:100%!important;
    padding:2rem!important;
    margin-inline:auto!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .spacer{
    width:100%!important;
    height:30vh!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch{
    display:flex!important;
    gap:60px!important;
    justify-content:space-between!important;
    align-items:stretch!important;
    max-width:1100px!important;
    width:100%!important;
    margin-inline:auto!important;
    min-height:0!important;
    background:transparent!important;
    overflow:visible!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__left{
    display:flex!important;
    flex-direction:column!important;
    flex:0 0 auto!important;
    min-width:300px!important;
    width:auto!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__info{
    max-width:356px!important;
    width:100%!important;
    height:100vh!important;
    min-height:0!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    color:#121212!important;
    opacity:1!important;
    transform:none!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .content{
    width:100%!important;
    max-width:356px!important;
    padding:0!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .eyebrow{
    display:block!important;
    margin:0 0 12px!important;
    color:var(--sgr-gold)!important;
    font-family:"Noto Sans KR",sans-serif!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied h2.header{
    margin:0!important;
    color:var(--sgr-navy)!important;
    font-family:"Noto Sans KR","Outfit",sans-serif!important;
    font-size:42px!important;
    font-weight:800!important;
    line-height:1.16!important;
    letter-spacing:0!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied p.desc{
    max-height:none!important;
    margin-block:6px 28px!important;
    color:rgba(18,18,18,.8)!important;
    font-size:18px!important;
    font-weight:500!important;
    line-height:1.55!important;
    letter-spacing:-.02em!important;
    opacity:1!important;
    overflow:visible!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied a.link{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    width:fit-content!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:16px 18px!important;
    border:0!important;
    border-radius:40px!important;
    background:var(--sgr-navy)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    opacity:1!important;
    overflow:visible!important;
    pointer-events:auto!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__right{
    flex-shrink:1!important;
    height:100vh!important;
    width:100%!important;
    max-width:540px!important;
    position:relative!important;
    top:auto!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper{
    position:absolute!important;
    top:50%!important;
    left:0!important;
    inset:auto!important;
    transform:translateY(-50%)!important;
    display:block!important;
    height:400px!important;
    width:100%!important;
    margin:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
    opacity:1!important;
    clip-path:inset(0)!important;
    transition:none!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
}

@media (max-width:900px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch{
        gap:30px!important;
    }
}

@media (max-width:768px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch{
        flex-direction:column!important;
        gap:20px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__left,
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__right{
        display:contents!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__right{
        height:auto!important;
        max-width:100%!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper{
        position:static!important;
        transform:none!important;
        height:360px!important;
        width:100%!important;
        margin-bottom:20px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__info{
        height:auto!important;
        max-width:none!important;
        padding:20px 0!important;
        display:grid!important;
        place-items:center!important;
    }
}

@media (max-width:560px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch{
        gap:12px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .container{
        padding:10px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper{
        border-radius:10px!important;
        height:280px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied h2.header{
        font-size:31px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied p.desc{
        font-size:15px!important;
    }

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .content{
        width:calc(100% - 76px)!important;
        max-width:none!important;
        margin-left:76px!important;
    }
}

/* signature-events-carousel1: keep Signature as carousel while using event contents */
html body #sgr-renewal .sgr-signature.sgr-signature{
    padding:136px 0 116px!important;
    background:#fff!important;
    overflow:hidden!important;
}

html body #sgr-renewal .sgr-signature.sgr-signature .sgr-section-head{
    width:min(1120px,calc(100% - 56px))!important;
    margin:0 auto 62px!important;
    text-align:center!important;
}

html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-grid.sgr-signature-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 0 0 max(30px,calc((100vw - 1380px)/2))!important;
    border-radius:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:max(30px,calc((100vw - 1380px)/2))!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
}

html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-grid.sgr-signature-grid::-webkit-scrollbar{
    display:none!important;
}

html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card.sgr-signature-card{
    flex:0 0 min(26vw,360px)!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:auto!important;
    margin:0 28px 0 0!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:#fff!important;
    box-shadow:none!important;
    scroll-snap-align:start!important;
}

html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:2 / 3!important;
    border-radius:8px!important;
    object-fit:cover!important;
    object-position:center!important;
    filter:saturate(.92)!important;
    transition:transform .72s ease,filter .72s ease!important;
}

html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card:hover img{
    transform:scale(1.025)!important;
    filter:saturate(1)!important;
}

html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card span{
    display:block!important;
    margin:28px 0 12px!important;
    color:#8b9096!important;
    font-size:17px!important;
    font-weight:900!important;
}

html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card div{
    padding:0 0 18px!important;
}

html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card h3{
    margin:0 0 16px!important;
    padding-bottom:16px!important;
    border-bottom:1px solid #d8d8d8!important;
    color:#62676f!important;
    font-size:30px!important;
    line-height:1.24!important;
}

html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card p{
    margin:0!important;
    color:#737b86!important;
    font-size:16px!important;
    line-height:1.72!important;
}

html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-dots{
    display:flex!important;
    justify-content:center!important;
    gap:10px!important;
    margin:34px 0 0!important;
}

@media (max-width:980px){
    html body #sgr-renewal .sgr-signature.sgr-signature{
        padding:56px 0 100px!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-section-head{
        width:100%!important;
        padding:0 16px!important;
        margin-bottom:34px!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-grid.sgr-signature-grid{
        padding-left:34px!important;
        scroll-padding-left:34px!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card.sgr-signature-card{
        flex-basis:60%!important;
        margin-right:22px!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card img{
        aspect-ratio:2 / 3!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card h3{
        font-size:25px!important;
    }

    html body #sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card p{
        font-size:15px!important;
        line-height:1.58!important;
    }
}

/* signature-arch-scroll1: shorten the PC pinned scroll and keep the image below the fixed header */
@media (min-width:769px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .container{
        max-width:none!important;
        padding:0 max(48px,calc((100vw - 1320px)/2))!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .spacer{
        height:clamp(56px,8vh,96px)!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch{
        max-width:1320px!important;
        gap:clamp(56px,7vw,112px)!important;
        align-items:stretch!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__left{
        flex:0 0 min(40vw,480px)!important;
        min-width:320px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__info{
        height:clamp(680px,84vh,800px)!important;
        max-width:480px!important;
        place-items:center start!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .content{
        max-width:440px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__right{
        height:100vh!important;
        max-width:560px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper{
        inset:auto auto auto 0!important;
        top:calc(50% + 46px)!important;
        left:0!important;
        height:clamp(360px,52vh,520px)!important;
        border-radius:18px!important;
    }
}

/* signature-safety-split1: exact 50/50 safety process scene */
html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied{
    background:linear-gradient(180deg,#fff 0%,rgba(242,250,255,.92) 34%,rgba(226,244,255,.86) 100%)!important;
}

@media (min-width:769px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied{
        min-height:100vh!important;
        overflow:visible!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .container{
        max-width:none!important;
        width:100%!important;
        padding:0!important;
        margin:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .spacer{
        height:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch{
        width:100vw!important;
        max-width:none!important;
        margin:0!important;
        gap:0!important;
        justify-content:stretch!important;
        align-items:stretch!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__left,
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__right{
        flex:0 0 50vw!important;
        width:50vw!important;
        max-width:none!important;
        min-width:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__left{
        align-items:center!important;
        justify-content:center!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__info{
        height:118vh!important;
        width:100%!important;
        max-width:none!important;
        display:grid!important;
        place-items:center!important;
        padding:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .content{
        width:min(560px,calc(50vw - 170px))!important;
        max-width:none!important;
        margin:0 auto!important;
        position:relative!important;
        top:auto!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied h2.header{
        font-size:clamp(42px,3.2vw,62px)!important;
        line-height:1.12!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied p.desc{
        font-size:clamp(17px,1.05vw,21px)!important;
        line-height:1.75!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__right{
        height:100vh!important;
        position:relative!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper{
        inset:auto!important;
        top:calc(50% + 34px)!important;
        left:50%!important;
        transform:translate3d(-50%,-50%,0)!important;
        width:min(760px,calc(50vw - 96px))!important;
        height:min(680px,calc(100vh - 200px))!important;
        border-radius:18px!important;
        box-shadow:0 24px 70px rgba(18,36,67,.12)!important;
        backface-visibility:hidden!important;
        will-change:clip-path,transform!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:center!important;
        backface-visibility:hidden!important;
        transform:translateZ(0)!important;
        will-change:clip-path!important;
    }
}

@media (max-width:768px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied{
        background:linear-gradient(180deg,#fff 0%,rgba(242,250,255,.92) 34%,rgba(226,244,255,.86) 100%)!important;
    }
}

/* signature-safety-stage1: fixed text stage with image transition dwell on desktop */
@media (min-width:769px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch{
        height:472vh!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__left{
        display:block!important;
        position:relative!important;
        top:auto!important;
        align-self:stretch!important;
        height:100vh!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__info{
        position:absolute!important;
        inset:0 auto auto 0!important;
        width:100%!important;
        height:100vh!important;
        display:grid!important;
        place-items:center!important;
        pointer-events:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__info .content{
        opacity:0;
        visibility:hidden;
        transform:translate3d(0,34px,0);
        will-change:opacity,transform;
        pointer-events:none;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__info:first-child .content{
        opacity:1;
        visibility:visible;
        transform:translate3d(0,0,0);
        pointer-events:auto;
    }
}

/* signature-safety-pin2: one pinned 50/50 scene with a soft white-to-sky background shift */
html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied{
    --sgr-arch-bg-progress:0;
    position:relative!important;
    isolation:isolate!important;
    background:#fff!important;
    overflow:hidden!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:linear-gradient(180deg,#fff 0%,rgba(244,250,255,.96) 34%,rgba(219,242,255,.9) 100%);
    opacity:var(--sgr-arch-bg-progress);
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .container{
    position:relative!important;
    z-index:1!important;
}

@media (min-width:769px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .container{
        max-width:none!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .spacer{
        height:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch{
        width:100vw!important;
        max-width:none!important;
        height:100vh!important;
        min-height:100vh!important;
        margin:0!important;
        display:flex!important;
        gap:0!important;
        align-items:stretch!important;
        justify-content:stretch!important;
        position:relative;
        overflow:hidden!important;
        background:transparent!important;
        transform:translate3d(0,0,0);
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__left,
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__right{
        flex:0 0 50vw!important;
        width:50vw!important;
        max-width:none!important;
        min-width:0!important;
        height:100vh!important;
        min-height:100vh!important;
        transform:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__left{
        position:relative!important;
        display:block!important;
        inset:auto!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__info{
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        height:100%!important;
        padding:0!important;
        display:grid!important;
        place-items:center!important;
        pointer-events:none!important;
        transform:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .content{
        width:min(560px,calc(50vw - 176px))!important;
        max-width:none!important;
        margin:0 auto!important;
        position:relative!important;
        top:auto!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied h2.header{
        font-size:clamp(42px,3.25vw,62px)!important;
        line-height:1.1!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied p.desc{
        font-size:clamp(17px,1.04vw,21px)!important;
        line-height:1.75!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__right{
        position:relative!important;
        overflow:visible!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper{
        position:absolute!important;
        inset:auto!important;
        top:calc(50% + 34px)!important;
        left:50%!important;
        width:min(800px,calc(50vw - 86px))!important;
        height:min(700px,calc(100vh - 150px))!important;
        transform:translate3d(-50%,-50%,0)!important;
        overflow:hidden!important;
        border-radius:20px!important;
        box-shadow:0 24px 70px rgba(18,36,67,.12)!important;
        backface-visibility:hidden!important;
        will-change:clip-path!important;
        contain:paint!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:center!important;
        transform:translate3d(0,0,0)!important;
        backface-visibility:hidden!important;
        will-change:auto!important;
    }
}

@media (max-width:768px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied{
        --sgr-arch-bg-progress:1;
    }
}

/* youtube-layout-fix1: PC 유튜브 섹션 최종 레이아웃 교정 */
@media (min-width:981px){
    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section{
        padding:112px max(48px,calc((100vw - 1540px)/2)) 104px!important;
        overflow:hidden!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head{
        position:relative!important;
        display:block!important;
        width:100%!important;
        max-width:1540px!important;
        margin:0 auto 44px!important;
        padding:0 112px!important;
        text-align:center!important;
        box-sizing:border-box!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head>div{
        display:block!important;
        width:100%!important;
        text-align:center!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head h2,
    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head p{
        text-align:center!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head>a{
        position:absolute!important;
        top:50%!important;
        right:0!important;
        width:70px!important;
        min-width:70px!important;
        max-width:70px!important;
        height:70px!important;
        margin:0!important;
        padding:0!important;
        border-radius:50%!important;
        transform:translateY(-50%)!important;
        box-shadow:none!important;
        transition:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head.sgr-youtube-head>a:hover{
        top:50%!important;
        transform:translateY(-50%)!important;
        box-shadow:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        position:relative!important;
        left:auto!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(390px,470px)!important;
        grid-template-rows:1fr!important;
        gap:clamp(34px,3vw,54px)!important;
        width:100%!important;
        max-width:1540px!important;
        height:clamp(390px,28vw,500px)!important;
        min-height:0!important;
        margin:0 auto!important;
        transform:none!important;
        box-sizing:border-box!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured{
        display:block!important;
        grid-column:1!important;
        grid-row:1!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        overflow:hidden!important;
        border-radius:0!important;
        background:transparent!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured .sgr-youtube-thumb.sgr-youtube-thumb{
        display:block!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        aspect-ratio:auto!important;
        overflow:hidden!important;
        border-radius:18px!important;
        background:#eef2f7!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured strong{
        display:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-list.sgr-youtube-list{
        display:block!important;
        grid-column:2!important;
        grid-row:1!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        overflow:hidden!important;
        border-right:1px solid rgba(23,38,67,.16)!important;
        border-left:0!important;
        background:transparent!important;
        mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%)!important;
        -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%)!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-list-track.sgr-youtube-list-track{
        display:flex!important;
        flex-direction:column!important;
        gap:16px!important;
        width:100%!important;
        will-change:transform!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item{
        display:grid!important;
        grid-template-columns:clamp(150px,10.5vw,180px) minmax(0,1fr)!important;
        align-items:center!important;
        gap:18px!important;
        width:100%!important;
        height:clamp(94px,5.4vw,110px)!important;
        min-height:0!important;
        padding:0 24px 0 0!important;
        overflow:hidden!important;
        border-top:1px solid rgba(23,38,67,.12)!important;
        border-radius:0!important;
        background:#fff!important;
        color:var(--sgr-navy)!important;
        text-decoration:none!important;
        box-sizing:border-box!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item:first-child{
        border-top:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item .sgr-youtube-thumb.sgr-youtube-thumb{
        display:block!important;
        width:clamp(150px,10.5vw,180px)!important;
        height:auto!important;
        aspect-ratio:16/9!important;
        overflow:hidden!important;
        border-radius:8px!important;
        background:#eef2f7!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        transform:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item strong{
        display:-webkit-box!important;
        overflow:hidden!important;
        color:var(--sgr-navy)!important;
        font-size:clamp(14px,.92vw,16px)!important;
        font-weight:800!important;
        line-height:1.42!important;
        -webkit-line-clamp:2!important;
        -webkit-box-orient:vertical!important;
    }
}

@media (max-width:980px){
    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        width:calc(100% - 32px)!important;
        max-width:none!important;
        margin:0 auto!important;
        gap:16px!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-list{
        display:none!important;
    }
}

/* youtube-layout-fix2: reveal transform reset after final layout */
@media (min-width:981px){
    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-head[data-reveal].is-visible,
    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured[data-reveal].is-visible,
    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-list[data-reveal].is-visible{
        transform:translate3d(0,0,0)!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured,
    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-list{
        justify-self:stretch!important;
        align-self:stretch!important;
    }
}

/* safety-process-flicker-fix1: keep pinned image layers stable while scrubbing */
@media (min-width:769px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper{
        transition:none!important;
        clip-path:none!important;
        backface-visibility:hidden!important;
        -webkit-backface-visibility:hidden!important;
        transform:translate3d(-50%,-50%,0)!important;
        will-change:opacity!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper img{
        backface-visibility:hidden!important;
        -webkit-backface-visibility:hidden!important;
        transform:translate3d(0,0,0)!important;
    }
}

/* safety-process-screen-transition1: larger right-side visual and smoother scene change */
@media (min-width:769px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper{
        top:50%!important;
        left:50%!important;
        width:min(1100px,calc(50vw - 20px))!important;
        height:min(880px,calc(100vh - 80px))!important;
        border-radius:22px!important;
        box-shadow:0 30px 82px rgba(18,36,67,.14)!important;
        opacity:var(--sgr-safety-img-opacity,0)!important;
        visibility:visible!important;
        clip-path:none!important;
        transition:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper img{
        object-fit:cover!important;
        object-position:center center!important;
    }
}

/* safety-process-full-right-image1: clean white stage with a full-height right visual */
html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied{
    background:#fff!important;
}

html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied::before{
    opacity:0!important;
    display:none!important;
}

@media (min-width:769px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper{
        top:50%!important;
        left:50%!important;
        width:50vw!important;
        height:100vh!important;
        border-radius:0!important;
        box-shadow:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper img{
        object-fit:cover!important;
        object-position:center center!important;
    }
}

/* youtube-main-ratio-fix1: keep the featured YouTube content from feeling too wide */
@media (min-width:981px){
    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        grid-template-columns:minmax(0,min(52vw,760px)) minmax(360px,430px)!important;
        width:min(1280px,calc(100vw - 120px))!important;
        max-width:1280px!important;
        height:clamp(350px,29.25vw,428px)!important;
        gap:clamp(30px,2.5vw,44px)!important;
        justify-content:center!important;
        align-items:stretch!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured{
        height:100%!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-featured .sgr-youtube-thumb.sgr-youtube-thumb{
        width:100%!important;
        height:100%!important;
        aspect-ratio:16/9!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-list.sgr-youtube-list{
        height:100%!important;
    }
}

/* safety-process-60-image-and-static-pc-header1 */
@media (min-width:981px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__left{
        flex:0 0 40vw!important;
        width:40vw!important;
        max-width:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__right{
        flex:0 0 60vw!important;
        width:60vw!important;
        max-width:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper{
        left:50%!important;
        width:60vw!important;
        height:100vh!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .content{
        width:min(500px,calc(40vw - 108px))!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-header{
        position:absolute!important;
    }
}

/* philosophy-height-match-safety1: match the philosophy section height to the safety visual stage */
@media (min-width:981px){
    html body #sgr-renewal#sgr-renewal .sgr-philosophy-section{
        height:100vh!important;
        min-height:100vh!important;
        box-sizing:border-box!important;
        padding-top:clamp(72px,8vh,118px)!important;
        padding-bottom:clamp(72px,8vh,118px)!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-philosophy-photo img{
        height:min(620px,calc(100vh - 164px))!important;
    }
}

/* pc-youtube-map-safety-motion1: enlarge YouTube, set map ratio 60:40, and slide safety images into place */
@media (min-width:981px){
    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-grid.sgr-youtube-grid{
        grid-template-columns:minmax(0,min(59vw,940px)) minmax(430px,540px)!important;
        width:min(1540px,calc(100vw - 80px))!important;
        max-width:1540px!important;
        height:clamp(460px,32.5vw,570px)!important;
        gap:clamp(38px,3vw,58px)!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item{
        grid-template-columns:clamp(178px,11.7vw,220px) minmax(0,1fr)!important;
        height:clamp(112px,6.5vw,132px)!important;
        gap:clamp(18px,1.4vw,24px)!important;
        padding-right:clamp(20px,1.6vw,30px)!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item .sgr-youtube-thumb.sgr-youtube-thumb{
        width:clamp(178px,11.7vw,220px)!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-youtube-section.sgr-youtube-section .sgr-youtube-card.is-list-item strong{
        font-size:clamp(15px,1vw,18px)!important;
        line-height:1.46!important;
    }

    html body #sgr-renewal.sgr-renewal .sgr-directions-section,
    html body #sgr-renewal#sgr-renewal .sgr-directions-section.sgr-directions-section{
        width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
        grid-template-columns:minmax(0,60%) minmax(0,40%)!important;
        grid-template-rows:clamp(600px,36vw,700px)!important;
        min-height:clamp(600px,36vw,700px)!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-map{
        grid-column:1!important;
        width:100%!important;
        height:clamp(600px,36vw,700px)!important;
        overflow:hidden!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-map iframe{
        width:100%!important;
        height:100%!important;
        transform:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-inner{
        grid-column:2!important;
        width:100%!important;
        height:clamp(600px,36vw,700px)!important;
        padding:clamp(72px,6vw,118px) clamp(44px,4.2vw,84px)!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-directions-section.sgr-directions-section .sgr-directions-inner::after{
        right:-9vw!important;
    }
}

@media (min-width:769px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper{
        transform:translate3d(calc(-50% + var(--sgr-safety-slide-x,0px)),-50%,0)!important;
        will-change:opacity,transform!important;
    }
}

/* header-scroll-direction1: PC header appears while scrolling up and hides while scrolling down */
@media (min-width:981px){
    html body #sgr-renewal#sgr-renewal .sgr-header{
        position:fixed!important;
        left:50%!important;
        z-index:1200!important;
        transform:translate3d(-50%,0,0)!important;
        opacity:1!important;
        pointer-events:auto!important;
        will-change:transform,opacity!important;
        transition:
            top .28s ease,
            width .28s ease,
            height .28s ease,
            padding .28s ease,
            background-color .28s ease,
            border-color .28s ease,
            border-radius .28s ease,
            box-shadow .28s ease,
            transform .34s cubic-bezier(.22,.61,.36,1),
            opacity .24s ease!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-header.is-hidden:not(.is-open){
        transform:translate3d(-50%,-132%,0)!important;
        opacity:0!important;
        pointer-events:none!important;
        background:transparent!important;
        border-color:transparent!important;
        box-shadow:none!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
        transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .16s ease!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-header.is-visible,
    html body #sgr-renewal#sgr-renewal .sgr-header.is-open{
        transform:translate3d(-50%,0,0)!important;
        opacity:1!important;
        pointer-events:auto!important;
    }
}

/* event-all-visible-pc1: show all five event cards at once with centered side breathing room */
@media (min-width:981px){
    html body #sgr-renewal#sgr-renewal .sgr-signature.sgr-signature{
        padding:136px 0 116px!important;
        overflow:hidden!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-signature.sgr-signature .sgr-signature-grid.sgr-signature-grid{
        display:grid!important;
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        gap:clamp(16px,1.25vw,24px)!important;
        width:min(1660px,calc(100vw - 96px))!important;
        max-width:1660px!important;
        margin:0 auto!important;
        padding:0!important;
        overflow:visible!important;
        scroll-snap-type:none!important;
        scroll-padding-left:0!important;
        border-radius:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card.sgr-signature-card{
        display:block!important;
        flex:none!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        scroll-snap-align:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card img{
        width:100%!important;
        height:auto!important;
        aspect-ratio:2 / 3!important;
        object-fit:cover!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card h3{
        font-size:clamp(21px,1.35vw,28px)!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card p{
        font-size:clamp(14px,.86vw,16px)!important;
        line-height:1.58!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-signature.sgr-signature .sgr-signature-dots{
        display:none!important;
    }
}

/* mobile-safety-cards1: mobile-only safety process card slider */
html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-carousel{
    display:none;
}

@media (max-width:768px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied{
        padding:82px 0 88px!important;
        background:#fff!important;
        overflow:hidden!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied::before,
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .spacer,
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__left,
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch__right{
        display:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .container{
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .arch{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        min-height:0!important;
        height:auto!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
        background:transparent!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-carousel{
        display:block!important;
        width:100%!important;
        margin:0!important;
        color:var(--sgr-navy)!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-track{
        display:flex!important;
        gap:18px!important;
        width:100%!important;
        padding:0 22px 4px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scroll-padding-left:22px!important;
        -webkit-overflow-scrolling:touch!important;
        overscroll-behavior-x:contain!important;
        scrollbar-width:none!important;
        box-sizing:border-box!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-track::-webkit-scrollbar{
        display:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-card{
        flex:0 0 calc(100vw - 44px)!important;
        min-width:0!important;
        margin:0!important;
        border:1px solid rgba(23,38,67,.12)!important;
        border-radius:18px!important;
        overflow:hidden!important;
        background:#fff!important;
        box-shadow:0 20px 48px rgba(23,38,67,.1)!important;
        scroll-snap-align:start!important;
        box-sizing:border-box!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-visual{
        display:block!important;
        width:100%!important;
        height:clamp(235px,63vw,330px)!important;
        overflow:hidden!important;
        background:#eef3f8!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-visual img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:center!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-copy{
        padding:24px 24px 26px!important;
        text-align:left!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-copy span{
        display:block!important;
        margin:0 0 10px!important;
        color:var(--sgr-gold)!important;
        font-size:11px!important;
        font-weight:900!important;
        letter-spacing:.08em!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-copy h2{
        margin:0!important;
        color:var(--sgr-navy)!important;
        font-size:clamp(27px,7.4vw,34px)!important;
        font-weight:800!important;
        line-height:1.18!important;
        letter-spacing:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-copy p{
        margin:13px 0 22px!important;
        color:var(--sgr-signature-gray,#62676f)!important;
        font-size:15px!important;
        font-weight:500!important;
        line-height:1.68!important;
        letter-spacing:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-copy a{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:112px!important;
        height:42px!important;
        padding:0 18px!important;
        border-radius:999px!important;
        background:var(--sgr-navy)!important;
        color:#fff!important;
        font-size:12px!important;
        font-weight:800!important;
        text-decoration:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-dots{
        display:flex!important;
        justify-content:center!important;
        align-items:center!important;
        gap:9px!important;
        margin:24px 0 0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-dots button{
        width:9px!important;
        height:9px!important;
        padding:0!important;
        border:0!important;
        border-radius:999px!important;
        background:rgba(23,38,67,.2)!important;
        cursor:pointer!important;
        transition:width .28s ease,background .28s ease!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-safety-mobile-dots button.is-active{
        width:28px!important;
        background:var(--sgr-navy)!important;
    }
}

/* pc-safety-slide-stack1: slide each safety image in from outside the right edge without dissolve */
@media (min-width:769px){
    html body #sgr-renewal#sgr-renewal .sgr-event-section.sgr-event-arch-supplied .img-wrapper{
        opacity:1!important;
        visibility:visible!important;
        will-change:transform!important;
        transition:none!important;
    }
}

/* mobile-medical-touch1: make Medical Photo cards drag horizontally like the Shorts rail */
@media (max-width:768px){
    html body #sgr-renewal#sgr-renewal .sgr-medical-review .sgr-medical-review-shell{
        width:100%!important;
        max-width:none!important;
        overflow:visible!important;
        padding:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-medical-review .sgr-medical-review-viewport{
        width:100vw!important;
        max-width:none!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:calc(50% - 50vw)!important;
        padding:0 22px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x proximity!important;
        scroll-padding-left:22px!important;
        scroll-behavior:smooth!important;
        -webkit-overflow-scrolling:touch!important;
        overscroll-behavior-x:contain!important;
        overscroll-behavior-y:auto!important;
        touch-action:pan-x pan-y!important;
        scrollbar-width:none!important;
        box-sizing:border-box!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-medical-review .sgr-medical-review-viewport::-webkit-scrollbar{
        display:none!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-medical-review .sgr-medical-review-track{
        width:max-content!important;
        gap:16px!important;
        padding:0!important;
    }

    html body #sgr-renewal#sgr-renewal .sgr-medical-review .sgr-medical-review-card{
        flex:0 0 min(76vw,300px)!important;
        width:min(76vw,300px)!important;
        scroll-snap-align:start!important;
        scroll-snap-stop:normal!important;
    }
}

/* signature-event-square-thumbs1: supplied event thumbnails use a clean 1:1 image frame */
html body #sgr-renewal#sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    object-fit:cover!important;
    object-position:center center!important;
}

@media (max-width:980px){
    html body #sgr-renewal#sgr-renewal .sgr-signature.sgr-signature .sgr-signature-card img{
        height:auto!important;
        aspect-ratio:1 / 1!important;
    }
}

/* SUGAR_RENEWAL_AUTH_STATE_START */
html body #sgr-renewal#sgr-renewal#sgr-renewal .sgr-header .sgr-auth-link[data-sgr-auth-state="logout"]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:34px!important;
    color:#fff!important;
    background:none!important;
    font-family:var(--sgp-font,var(--sgr-font,"Noto Sans KR","Noto Sans",sans-serif))!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
}

html body #sgr-renewal#sgr-renewal#sgr-renewal .sgr-header.sgn-solid .sgr-auth-link[data-sgr-auth-state="logout"]{
    color:#1b2a4a!important;
}

html body #sgr-renewal#sgr-renewal#sgr-renewal .sgr-header .sgr-auth-link[data-sgr-auth-join][hidden],
.sgr-menu-panel .sgn-top a[data-sgr-auth-join][hidden]{
    display:none!important;
}
/* SUGAR_RENEWAL_AUTH_STATE_END */

/* SUGAR_RENEWAL_LOGIN_MODAL_START */
body.sgr-login-modal-open{
    overflow:hidden!important;
}

.sgr-login-modal[hidden]{
    display:none!important;
}

.sgr-login-modal{
    position:fixed;
    z-index:4000;
    inset:0;
    display:grid;
    place-items:center;
    overflow:hidden;
    padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
    background:rgba(10,18,32,.64);
    overscroll-behavior:contain;
    font-family:var(--sgp-font,var(--sgr-font,"Noto Sans KR","Noto Sans",sans-serif));
    color:#172033;
    opacity:0;
    pointer-events:none;
    transition:opacity 1s ease-in-out;
}

.sgr-login-modal.is-open{
    opacity:1;
    pointer-events:auto;
}

.sgr-login-modal *,
.sgr-login-modal *::before,
.sgr-login-modal *::after{
    box-sizing:border-box;
}

.sgr-login-dialog{
    position:relative;
    width:var(--sgr-login-render-width,500px);
    height:var(--sgr-login-render-height,626px);
    overflow-y:auto;
    padding:28px 40px 16px;
    border-radius:22px;
    background:#fff;
    box-shadow:0 30px 80px rgba(10,18,32,.28);
    opacity:0;
    transform:translateY(28px) scale(.975);
    transition:opacity 1.4s cubic-bezier(.4,0,.2,1),transform 1.4s cubic-bezier(.4,0,.2,1);
    will-change:opacity,transform;
}

.sgr-login-modal.is-open .sgr-login-dialog{
    opacity:1;
    transform:none;
}

.sgr-login-modal button,
.sgr-login-modal input{
    font:inherit;
}

.sgr-login-modal a{
    color:inherit;
    text-decoration:none;
}

.sgr-login-modal a:focus-visible,
.sgr-login-modal button:focus-visible,
.sgr-login-modal input:focus-visible{
    outline:3px solid #6589d1;
    outline-offset:3px;
}

.sgr-login-close{
    position:sticky;
    z-index:2;
    top:0;
    display:block;
    margin:0 0 -44px auto;
    min-width:44px;
    min-height:44px;
    padding:0 10px;
    border:0;
    border-radius:999px;
    background:#f1f3f6;
    color:#596170;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
}

.sgr-login-eyebrow{
    margin:0 0 6px;
    color:#3c5585;
    font-family:var(--sgp-en,"Playfair Display",Georgia,serif);
    font-size:12px;
    letter-spacing:.18em;
}

.sgr-login-title{
    margin:0;
    color:#172643;
    font-size:36px;
    font-weight:500;
    line-height:1.2;
    letter-spacing:-.055em;
}

.sgr-login-form{
    display:grid;
    gap:12px;
    margin:0;
}

.sgr-login-field{
    display:grid;
    gap:5px;
}

.sgr-login-field label{
    color:#172033;
    font-size:13px;
    font-weight:700;
}

.sgr-login-field input{
    width:100%;
    height:50px;
    margin:0;
    padding:0 15px;
    border:1px solid #dfe3e8;
    border-radius:10px;
    background:#fff;
    color:#172033;
    font-size:16px;
    appearance:none;
}

.sgr-login-field input::placeholder{
    color:#a4a9b1;
}

.sgr-login-field input:focus{
    border-color:#3c5585;
    box-shadow:0 0 0 4px rgba(60,85,133,.1);
    outline:0;
}

.sgr-login-form-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    color:#6d7480;
    font-size:12px;
}

.sgr-login-keep{
    display:inline-flex;
    align-items:center;
    gap:7px;
    cursor:pointer;
}

.sgr-login-keep input{
    width:17px;
    height:17px;
    margin:0;
    accent-color:#172643;
}

.sgr-login-find{
    padding:6px 0;
}

.sgr-login-submit{
    width:100%;
    height:50px;
    margin:0;
    padding:0 20px;
    border:0;
    border-radius:10px;
    background:#172643;
    color:#fff;
    font-size:14px;
    font-weight:800;
    letter-spacing:.08em;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(23,38,67,.18);
}

.sgr-login-submit:hover{
    background:#3c5585;
}

.sgr-login-divider{
    display:flex;
    align-items:center;
    gap:13px;
    margin:14px 0 8px;
    color:#969ca5;
    font-size:11px;
    letter-spacing:.08em;
}

.sgr-login-divider::before,
.sgr-login-divider::after{
    content:"";
    height:1px;
    flex:1;
    background:#dfe3e8;
}

.sgr-login-social{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin:14px 0 0;
}

.sgr-login-social-link{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:60px;
    border-radius:12px;
    font-size:14px;
    font-weight:800;
    box-shadow:0 10px 24px rgba(23,38,67,.1);
    transition:filter .2s ease,transform .2s ease;
}

.sgr-login-social-link:hover{
    filter:brightness(.97);
    transform:translateY(-1px);
}

.sgr-login-social-link i{
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    border-radius:50%;
    font-style:normal;
    font-size:12px;
}

.sgr-login-naver{
    background:#03c75a;
    color:#fff!important;
}

.sgr-login-naver i{
    background:#fff;
    color:#03c75a;
}

.sgr-login-kakao{
    background:#fee500;
    color:#261c1c!important;
}

.sgr-login-kakao i{
    background:#261c1c;
    color:#fee500;
}

.sgr-login-join{
    margin:14px 0 0;
    color:#6d7480;
    font-size:12px;
    text-align:center;
}

.sgr-login-join a{
    margin-left:5px;
    color:#172643;
    font-weight:800;
    border-bottom:1px solid currentColor;
}

.sgr-login-privacy{
    margin:10px 0 0;
    color:#9499a2;
    font-size:11px;
    line-height:1.55;
    text-align:center;
}

@media (max-width:520px){
    .sgr-login-modal{
        padding:0;
    }

    .sgr-login-dialog{
        padding:28px 20px 18px;
    }

    .sgr-login-close{
        top:14px;
        right:16px;
    }

    .sgr-login-title{
        font-size:32px;
    }

}

@media (prefers-reduced-motion:reduce){
    .sgr-login-modal{
        transition:opacity 1s ease-in-out;
    }

    .sgr-login-dialog{
        transform:translateY(18px);
        transition:opacity 1.4s cubic-bezier(.4,0,.2,1),transform 1.4s cubic-bezier(.4,0,.2,1);
        will-change:opacity,transform;
    }

    .sgr-login-modal.is-open .sgr-login-dialog{
        transform:none;
    }

    .sgr-login-social-link{
        transition:none;
    }
}
/* SUGAR_RENEWAL_LOGIN_MODAL_END */