/* The existing site's sub-page visual values, scoped to management pages. */
.hero.ws-management-visual,.section-nav.ws-management-tabs{--ws-visual-rem:10px;font-family:'wanted-sans','WS Menu Pretendard','Noto Sans KR','Malgun Gothic','Nanum Gothic',dotum,Helvetica,'Apple SD Gothic Neo',sans-serif;line-height:normal}
.hero.ws-management-visual{height:calc(50 * var(--ws-visual-rem));overflow:hidden;background:none;isolation:isolate;color:#fff}
.hero.ws-management-visual::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(13,32,46,.80),rgba(15,32,45,.26)),url('hero.jpg') center 49% / cover;transform:scale(1);transition:transform 2.2s ease}
.hero.ws-management-visual .hero-inner{width:100%;max-width:calc(160 * var(--ws-visual-rem));height:100%;margin:0 auto;padding:calc(9 * var(--ws-visual-rem)) 20px calc(7.5 * var(--ws-visual-rem));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.hero.ws-management-visual .eyebrow{font-size:11px;letter-spacing:.2em;margin:0 0 8px;color:#e0e7ed}
.hero.ws-management-visual h1{font-size:calc(6 * var(--ws-visual-rem));font-weight:700;line-height:normal;letter-spacing:normal;margin:0;color:#fff}
.hero.ws-management-visual .ws-visual-description{font-size:17px;line-height:1.5;max-width:none;margin:12px 0 0;color:#eef2f5}
.hero.ws-management-visual .hero-location{max-width:100%;margin:0;padding:calc(1.5 * var(--ws-visual-rem)) 0 0;display:flex;justify-content:center;align-items:center;gap:0;color:#fff;font-size:calc(1.8 * var(--ws-visual-rem));font-weight:400;line-height:normal}
.hero.ws-management-visual .hero-location>span{opacity:1}
.hero.ws-management-visual .ws-breadcrumb-home{display:block;flex:none;width:calc(1.5 * var(--ws-visual-rem));height:calc(1.5 * var(--ws-visual-rem));background:url('/ko/asset/img/sub_home.png') no-repeat center / contain}
.hero.ws-management-visual .ws-breadcrumb-item{position:relative;padding-left:calc(3 * var(--ws-visual-rem));margin-left:calc(3 * var(--ws-visual-rem));white-space:nowrap}
.hero.ws-management-visual .ws-breadcrumb-item::before{content:'>';position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:calc(1.4 * var(--ws-visual-rem));font-family:'Gothic A1',sans-serif}
.section-nav.ws-management-tabs{position:relative;z-index:2;height:calc(10 * var(--ws-visual-rem));margin-top:calc(-10 * var(--ws-visual-rem));padding:calc(2 * var(--ws-visual-rem)) 10px calc(3.5 * var(--ws-visual-rem));border:0;background:transparent}
.section-nav.ws-management-tabs [role=tablist]{display:flex;justify-content:center;align-items:center;width:max-content;max-width:100%;margin:auto;padding:0 calc(3 * var(--ws-visual-rem));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.section-nav.ws-management-tabs button{min-width:0;flex:none;border:0;padding:calc(1.2 * var(--ws-visual-rem)) calc(3 * var(--ws-visual-rem));font-family:inherit;font-size:calc(1.8 * var(--ws-visual-rem));font-weight:700;line-height:normal;white-space:nowrap;color:#fff;background:transparent;border-radius:10em;transition:background-color .2s ease}
.section-nav.ws-management-tabs button[aria-selected=true]{color:#fff;background:#f60400}
.section-nav.ws-management-tabs button[aria-selected=true]::after{display:none}
@media(hover:hover){.section-nav.ws-management-tabs button:not([aria-selected=true]):hover{background:rgba(255,255,255,.25)}}
.hero.ws-management-visual .ws-visual-title,.hero.ws-management-visual .hero-location{transition:transform .8s ease-in-out .2s,opacity .8s ease-in-out .2s}
.section-nav.ws-management-tabs [role=tablist]{transition:transform .8s ease-in-out .8s,opacity .8s ease-in-out .8s}
.hero.ws-management-visual.ws-visual-ready:not(.ws-visual-active) .ws-visual-title,.hero.ws-management-visual.ws-visual-ready:not(.ws-visual-active) .hero-location,.section-nav.ws-management-tabs.ws-visual-ready:not(.ws-visual-active) [role=tablist]{opacity:0;transform:translateY(30px)}
.hero.ws-management-visual.ws-visual-active::before{transform:scale(1.05)}
@media(max-width:1024px){.hero.ws-management-visual,.section-nav.ws-management-tabs{--ws-visual-rem:9.28px}.hero.ws-management-visual h1{font-size:calc(5 * var(--ws-visual-rem))}}
@media(max-width:768px){.hero.ws-management-visual,.section-nav.ws-management-tabs{--ws-visual-rem:8.64px}.hero.ws-management-visual .hero-inner{padding-top:calc(15 * var(--ws-visual-rem))}.hero.ws-management-visual h1{font-size:calc(4.2 * var(--ws-visual-rem))}.hero.ws-management-visual .hero-location{font-size:calc(2 * var(--ws-visual-rem))}.hero.ws-management-visual .eyebrow{font-size:10px}.hero.ws-management-visual .ws-visual-description{font-size:14px}}
@media(max-width:500px){.hero.ws-management-visual,.section-nav.ws-management-tabs{--ws-visual-rem:7.68px}.hero.ws-management-visual .hero-inner{padding-left:16px;padding-right:16px}.hero.ws-management-visual .ws-visual-description{font-size:13px}.section-nav.ws-management-tabs [role=tablist]{padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.hero.ws-management-visual::before,.hero.ws-management-visual .ws-visual-title,.hero.ws-management-visual .hero-location,.section-nav.ws-management-tabs [role=tablist],.section-nav.ws-management-tabs button{transition:none}.hero.ws-management-visual.ws-visual-ready .ws-visual-title,.hero.ws-management-visual.ws-visual-ready .hero-location,.section-nav.ws-management-tabs.ws-visual-ready [role=tablist]{opacity:1;transform:none}.hero.ws-management-visual.ws-visual-active::before{transform:none}}


/* Approved compact management visual; content and animations remain unchanged. */
.hero.ws-management-visual{height:300px}
.hero.ws-management-visual .hero-inner{padding-top:70px;padding-bottom:80px}
.hero.ws-management-visual h1{font-size:calc(4.4 * var(--ws-visual-rem))}
.hero.ws-management-visual .eyebrow{margin-bottom:6px}
.hero.ws-management-visual .ws-visual-description{font-size:15px;margin-top:10px}
.hero.ws-management-visual .hero-location{font-size:calc(1.6 * var(--ws-visual-rem));padding-top:calc(1.2 * var(--ws-visual-rem))}
.section-nav.ws-management-tabs{height:70px;margin-top:-70px;padding-top:10px;padding-bottom:15px}
@media(max-width:768px){
 .hero.ws-management-visual{height:260px}
 .hero.ws-management-visual .hero-inner{padding-top:65px;padding-bottom:70px}
 .hero.ws-management-visual h1{font-size:32px}
 .hero.ws-management-visual .ws-visual-description{font-size:13px;margin-top:8px}
 .hero.ws-management-visual .hero-location{font-size:14px;padding-top:10px}
 .section-nav.ws-management-tabs{height:60px;margin-top:-60px;padding-top:8px;padding-bottom:12px}
 .section-nav.ws-management-tabs button{min-height:44px}
}