@font-face{font-family:CompanyNanumGothic;src:url('assets/fonts/NanumGothic-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:block}
.company-page{position:relative;isolation:isolate;background:#292929;color:#fff}
.company-page .skip{color:#103c55}
.company-backdrop{position:fixed;inset:0;z-index:-2;pointer-events:none}
.company-backdrop>img{width:100%;height:100%;object-fit:cover;object-position:center}
.company-backdrop>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.company-backdrop>video.ready{opacity:1}
.company-backdrop::after{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.46);background-image:url('assets/bokeh-stripes.svg');background-size:8px 8px;background-repeat:repeat}
.company-main{font-family:CompanyNanumGothic,'Malgun Gothic',sans-serif;text-align:center;padding-bottom:106px}
.company-accessible-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.company-intro{height:264px;padding-top:128px}
.company-greeting{width:min(672px,calc(100% - 40px));min-height:96px;margin:auto;font-size:30px;font-weight:700}
.company-greeting h2{font:inherit;line-height:38px;margin:0}
.company-greeting p{font:inherit;line-height:51px;margin:0}
.company-divider{height:40px;padding-top:15px}
.company-divider>span{display:block;width:106px;height:5px;background:#fff;margin:auto}
.company-description{height:370px;padding-top:51px}
.company-copy{width:min(751px,calc(100% - 40px));margin:auto;font-size:18px;line-height:27.2px;font-weight:700}
.company-copy p{margin:0}
.company-copy p+p{margin-top:27.2px}
.company-signoff{height:168px;padding-top:27px}
.company-signature{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;margin:auto;gap:0}
.company-signature>img{width:48px;height:48px;flex:none}
.company-signature>p{font-size:24px;line-height:33.6px;font-weight:700;margin:0;min-width:239px}
.company-footer::before{background:none}
footer.company-footer::after{background-image:none;background-color:rgba(0,0,0,.35)}
.company-js:not(.company-fonts-ready) [data-company-motion]{visibility:hidden}
.company-js [data-company-motion]{animation:company-fade-in 1000ms 1ms cubic-bezier(.445,.05,.55,.95) 1 backwards paused}
.company-js [data-company-motion="reveal"]{animation:company-reveal-in var(--company-duration,2000ms) var(--company-delay,1ms) cubic-bezier(.645,.045,.355,1) 1 backwards paused}
.company-js [data-company-motion].company-in{animation-play-state:running}
.company-js [data-company-motion][data-motion-state="done"]{animation:none;opacity:1}
@keyframes company-fade-in{from{opacity:0}to{opacity:1}}
@keyframes company-reveal-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(max-width:760px){
 .company-main{padding-bottom:70px}
 .company-intro{height:auto;padding:72px 0 30px}
 .company-greeting{width:calc(100% - 36px);min-height:0;font-size:23px}
 .company-greeting h2{line-height:1.5;margin-bottom:10px}
 .company-greeting p{line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}
 .company-divider{height:55px;padding-top:15px}
 .company-divider>span{width:76px;height:4px}
 .company-description{height:auto;padding:20px 0 36px}
 .company-copy{width:calc(100% - 40px);max-width:600px;font-size:16px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}
 .company-copy p+p{margin-top:28px}
 .company-desktop-break{display:none}
 .company-signoff{height:auto;padding-top:18px}
 .company-signature{gap:8px;padding:0 18px}
 .company-signature>img{width:40px;height:40px}
 .company-signature>p{font-size:20px;line-height:1.5;min-width:0}
}
@media(prefers-reduced-motion:reduce){.company-js [data-company-motion]{animation:none;opacity:1;clip-path:none}}
@media(prefers-reduced-motion:reduce){.company-backdrop>video.ready{opacity:0}}

/* Match the text-to-footer gap to the greeting's gap below the header. */
.company-signoff{height:auto}
.company-main{padding-bottom:120.8px}
@media(max-width:760px){.company-main{padding-bottom:67px}}