@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400 500;font-display:swap;src:url('assets/noto-hero-carousel-400.ttf') format('truetype');unicode-range:U+AE40,U+CE90;}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:600 900;font-display:swap;src:url('assets/noto-hero-carousel-700.ttf') format('truetype');unicode-range:U+AE40,U+CE90;}
.renewal .hero-showcase{width:100%;position:relative;min-width:0}.renewal .showcase-stage{position:relative;aspect-ratio:4/4.45;background:#fff;border:1px solid #e2e9f2;border-radius:15px;overflow:hidden;box-shadow:0 12px 38px #284c7810,0 30px 65px #214a7909;touch-action:pan-y}.renewal .showcase-slide{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#fff;animation:showcase-enter .65s ease both;cursor:pointer}.renewal .showcase-slide img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}.renewal .showcase-slide:focus-visible{outline:3px solid #5c85c2;outline-offset:-5px}.showcase-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 3px 14px}.showcase-caption #showcase-eyebrow{font-size:9px;letter-spacing:1.2px;color:#8299b7;margin:0 0 9px;font-weight:700}.renewal .showcase-caption h2{font-size:23px;line-height:1.55;letter-spacing:-.7px;color:#2b476a;margin:0 0 7px}.showcase-caption #showcase-description{font-size:12px;line-height:1.85;margin:0;color:#7d90a9}.showcase-caption>a{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #dce5ef;border-radius:50%;font-size:20px;color:#6786ad;background:#fff}.showcase-caption>a:hover{background:#edf3fb}.showcase-navigation{display:flex;align-items:stretch;gap:6px;min-width:0}.showcase-arrow,.showcase-play{flex-shrink:0;display:grid;place-items:center;width:36px;min-height:47px;border:1px solid #dfe6f0;background:#fff;border-radius:6px;color:#6582a7;font-size:22px;padding:0}.showcase-play{font-size:12px;width:33px}.showcase-indicators{flex:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;min-width:0}.showcase-indicators button{border:1px solid #e0e7f1;background:#f7f9fc;border-radius:6px;padding:7px 2px;color:#8b9ab0;min-width:0;transition:background .2s,border-color .2s,color .2s}.showcase-indicators span{display:block;font-size:9px;letter-spacing:.4px;font-weight:500}.showcase-indicators b{font-size:10px;font-weight:500;display:block;margin-top:5px;white-space:nowrap;letter-spacing:-.5px}.showcase-indicators button[aria-pressed=true]{color:#fff;background:linear-gradient(110deg,#315b97,#4673af);border-color:#39649e;box-shadow:0 4px 10px #365d8a15}.showcase-navigation button:hover{border-color:#90accf}.showcase-note{font-size:9px;line-height:1.8;color:#9ba9bc;margin:12px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes showcase-enter{from{opacity:.15;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}@media(max-width:1100px){.showcase-arrow{width:30px}.showcase-play{width:29px}.showcase-navigation{gap:4px}.showcase-indicators{gap:4px}.showcase-indicators b{font-size:9px;letter-spacing:-.7px}.renewal .showcase-caption h2{font-size:21px}.showcase-caption #showcase-description{font-size:11px}.renewal .showcase-stage{aspect-ratio:4/4.7}}@media(max-width:850px){.renewal .heroVisual{max-width:560px}.renewal .showcase-stage{aspect-ratio:4/4.7}.showcase-arrow,.showcase-play{min-height:44px;width:36px}.showcase-indicators b{font-size:10px;letter-spacing:-.4px}.showcase-caption #showcase-description{font-size:13px}.renewal .showcase-caption h2{font-size:23px}.showcase-note{font-size:10px}}@media(max-width:600px){.renewal .showcase-stage{border-radius:11px}.showcase-caption{padding-top:18px}.renewal .showcase-caption h2{font-size:21px}.showcase-caption #showcase-description{font-size:12px}.showcase-caption>a{width:44px;height:44px}.showcase-navigation{display:grid;grid-template-columns:44px 1fr 44px 44px;gap:7px}.showcase-indicators{grid-column:1/-1;grid-row:1;gap:6px}.showcase-indicators button{min-height:49px;padding:8px 2px}.showcase-indicators b{font-size:10px;letter-spacing:-.6px}.showcase-indicators span{font-size:9px}.showcase-arrow,.showcase-play{width:44px;min-height:44px;grid-row:2}.showcase-arrow[data-showcase-prev]{grid-column:1}.showcase-arrow[data-showcase-next]{grid-column:3}.showcase-play{grid-column:4}.showcase-note{font-size:10px;line-height:1.8}.showcase-caption #showcase-eyebrow{font-size:8px;letter-spacing:.8px}}@media(max-width:360px){.showcase-indicators{gap:4px}.showcase-indicators b{font-size:9px}.renewal .showcase-caption h2{font-size:20px}}@media(prefers-reduced-motion:reduce){.renewal .showcase-slide{animation:none}.showcase-indicators button{transition:none}}

/* Keep the main message and the complete carousel in the first desktop view. */
.renewal .showcase-stage{border:0;border-radius:0;box-shadow:none;background:transparent;mix-blend-mode:multiply}
.renewal .showcase-slide{background:transparent}
.renewal .showcase-slide img{mix-blend-mode:multiply}
@media(min-width:851px){
 .renewal #panel-home>.hero{min-height:calc(100svh - 118px);padding:24px 0;align-items:center;grid-template-columns:1.15fr 1fr;gap:48px}
 .renewal #panel-home>.hero>div:first-child{align-self:center}
 .renewal #panel-home .heroVisual{width:100%;max-width:480px;margin:0 auto}
 .renewal .showcase-stage{height:clamp(210px,calc(100svh - 354px),480px);aspect-ratio:auto;width:100%}
 .showcase-caption{padding:12px 3px 10px}
 .renewal .showcase-caption h2{font-size:21px;margin-bottom:4px}
 .showcase-caption #showcase-eyebrow{margin-bottom:5px}
 .showcase-note{margin-top:8px}
}
@media(min-width:851px) and (max-height:700px){
 .renewal #panel-home>.hero{padding:18px 0}
 .renewal #panel-home .hero h1{font-size:clamp(36px,4.3vw,58px)}
 .renewal #panel-home .hero .eyebrow{margin-bottom:18px}
 .renewal #panel-home .hero .lead{margin-bottom:24px}
}
@media(max-width:850px){
 .renewal .showcase-stage{height:min(100vw,460px);aspect-ratio:auto}
 .renewal #panel-home .heroVisual{max-width:460px}
}

/* Enlarge the imagery only; caption, controls and layout keep their dimensions. */
.renewal .showcase-stage{overflow:visible}
.renewal .showcase-slide img{transform:none}
.showcase-navigation .showcase-arrow{display:flex;align-items:center;justify-content:center;line-height:1;padding:0}
.showcase-arrow svg{display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:851px){.renewal .showcase-stage{height:clamp(220px,calc(100svh - 338px),580px)}}


.renewal .showcase-security img{mix-blend-mode:normal;border-radius:12px}

/* Compact single-row carousel navigation. */
.renewal .showcase-minimal{display:flex;align-items:center;gap:12px;min-height:36px;border-top:1px solid #e5ebf3;padding-top:8px}
.renewal .showcase-minimal .showcase-count{flex:0 0 auto;white-space:nowrap;font-size:12px;font-weight:600;color:#355f99;font-variant-numeric:tabular-nums}
.renewal .showcase-minimal .showcase-total{font-size:10px;color:#93a4ba;font-weight:400}
.renewal .showcase-minimal .showcase-indicators{display:flex;align-items:center;justify-content:center;flex:1;gap:0;min-width:0}
.renewal .showcase-minimal .showcase-indicators button{display:flex;align-items:center;justify-content:center;flex:0 1 28px;width:28px;height:32px;min-height:32px;min-width:20px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit}
.renewal .showcase-minimal .showcase-indicators button>span{display:block;flex-shrink:0;width:5px;height:5px;border-radius:8px;background:#c6d3e4;margin:0;transition:width .2s,background .2s}
.renewal .showcase-minimal .showcase-indicators button[aria-pressed=true]>span{width:20px;background:#355f99}
.renewal .showcase-minimal .showcase-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}
.renewal .showcase-minimal .showcase-arrow,.renewal .showcase-minimal .showcase-play{display:flex;align-items:center;justify-content:center;width:28px;height:32px;min-height:32px;border:0;border-radius:6px;background:transparent;padding:0;color:#6c87aa}
.renewal .showcase-minimal .showcase-actions button:hover{background:#edf2f9}
.renewal .showcase-minimal .showcase-play svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.renewal .showcase-minimal .showcase-play-icon{display:none}
.renewal .showcase-minimal .showcase-play[data-paused=true] .showcase-pause-icon{display:none}
.renewal .showcase-minimal .showcase-play[data-paused=true] .showcase-play-icon{display:block}
@media(max-width:600px){.renewal .showcase-minimal{display:flex;gap:8px}.renewal .showcase-minimal .showcase-indicators button{height:40px;min-height:40px}.renewal .showcase-minimal .showcase-actions button{height:40px;min-height:40px}}
@media(max-width:380px){.renewal .showcase-minimal{gap:5px}.renewal .showcase-minimal .showcase-indicators button{width:24px;flex-basis:24px}.renewal .showcase-minimal .showcase-arrow{display:none}.renewal .showcase-minimal .showcase-play{width:36px}}