body {--vh-ratio:2.4444444;--vh-canvas-w:1.0;--vh-canvas-h:1.0;--vh-left:0.0;--vh-top:0.0;--vh-preferred-height:64px;}
/* Size the artwork itself, preserving the original assets and proportions. */
body {--vh-logo-limit:340px;--vh-logo-height:var(--vh-preferred-height,48px);}
body:not(.vista-reference) .navi #logo:has(img) {
 --vh-fit-height:min(var(--vh-logo-height),calc(var(--vh-logo-limit) / var(--vh-ratio,9)));
 width:calc(var(--vh-fit-height) * var(--vh-ratio,9))!important;
 height:var(--vh-fit-height)!important;max-width:var(--vh-logo-limit)!important;
}
body:not(.vista-reference) .navi #logo a:has(>img) {
 position:relative!important;display:block!important;width:100%!important;height:100%!important;
 padding:0!important;overflow:hidden!important;line-height:0!important;text-indent:0!important;
}
body:not(.vista-reference) .navi #logo a img {
 position:absolute!important;display:block!important;flex:none!important;margin:0!important;
 width:calc(100% * var(--vh-canvas-w,1))!important;height:calc(100% * var(--vh-canvas-h,1))!important;
 max-width:none!important;max-height:none!important;object-fit:fill!important;
 left:calc(100% * var(--vh-left,0))!important;top:calc(100% * var(--vh-top,0))!important;
}
body:not(.vista-reference) .navi #logo a:has(>img) > span {display:none!important;}
body:not(.vista-reference) .navi .top_fixed_wrap .tel_wrap .tel {
 width:auto!important;height:auto!important;min-height:44px;border:0!important;
}
body:not(.vista-reference) .navi .top_fixed_wrap .tel_wrap .tel a {gap:5px;white-space:nowrap;}
body:not(.vista-reference) .navi .top_fixed_wrap .tel_wrap .tel a p {
 display:block!important;font-size:38px!important;font-weight:700!important;line-height:1.15!important;
 margin:0!important;letter-spacing:0!important;white-space:nowrap;font-variant-numeric:tabular-nums;
}
body:not(.vista-reference) .navi .top_fixed_wrap .tel_wrap .tel a > div {
 width:24px!important;height:38px!important;background-size:20px!important;flex-shrink:0;
}
body:not(.vista-reference) .navi .tel a p {color:#18202c!important;}
body:not(.vista-reference) .navi:is(.white,.white2,.over):not(.active):not(.mouseover):not(.wh) .tel a p {color:#fff!important;}
body.main:not(.vista-reference):is(:not([data-vista-section]),[data-vista-section="section1"]) .navi:not(.active):not(.mouseover):not(.wh):not(.over) .tel a p {
 color:var(--vl-hero-color,#18202c)!important;text-shadow:var(--vl-hero-shadow,none);
}
body.main:not(.vista-reference):is(:not([data-vista-section]),[data-vista-section="section1"]) .navi:not(.active):not(.mouseover):not(.wh):not(.over) .tel a > div {
 filter:var(--vl-hero-filter,brightness(0))!important;
}
body:not(.vista-reference) .navi:is(.active,.mouseover,.wh):not(.over) .tel a p {color:#18202c!important;text-shadow:none;}
body:not(.vista-reference) .navi.over .tel a p {color:#fff!important;}
@media(max-width:1400px){
 body {--vh-logo-limit:300px;}
 body:not(.vista-reference) .navi .top_fixed_wrap .tel_wrap .tel a p {font-size:36px!important;}
}
@media(max-width:1100px){body:not(.vista-reference) .navi .gnb {display:none!important;}}
@media(max-width:900px){
 body {--vh-logo-limit:min(250px,calc(100vw - 205px));--vh-logo-height:min(40px,var(--vh-preferred-height,48px));}
 body:not(.vista-reference) .navi .top_fixed_wrap {right:calc(4% + 42px)!important;}
 body:not(.vista-reference) .navi .top_fixed_wrap .tel_wrap .tel a p {font-size:26px!important;}
 body:not(.vista-reference) .navi .top_fixed_wrap .tel_wrap .tel a > div {display:none!important;}
 body:not(.vista-reference) .navi .top_fixed_wrap .tel_wrap .tel {min-height:36px;}
}
@media(max-width:640px){
 body {--vh-logo-limit:min(210px,calc(100vw - 205px));}
 body:not(.vista-reference) .navi .top_fixed_wrap .tel_wrap .tel a p {font-size:clamp(18px,5.4vw,22px)!important;}
 body.main:not(.vista-reference):is(:not([data-vista-section]),[data-vista-section="section1"]) .navi:not(.active):not(.mouseover):not(.wh):not(.over) .tel a p {color:var(--vl-mobile-color,var(--vl-hero-color,#18202c))!important;text-shadow:var(--vl-mobile-shadow,var(--vl-hero-shadow,none));}
}
@media(max-width:360px){
 body {--vh-logo-limit:230px;--vh-logo-height:32px;}
 body:not(.vista-reference) .navi #logo {top:18px!important;transform:none!important;}
 body:not(.vista-reference) .navi .top_fixed_wrap {left:5%!important;right:auto!important;top:54px!important;transform:none!important;}
 body:not(.vista-reference) .navi .top_fixed_wrap .tel_wrap .tel a p {font-size:22px!important;}
}

#logo img,.osan-hero-wordmark img{filter:none!important;background:none!important}