:root{--haeso-navy:#263c54;--haeso-blue:#0c347e;--haeso-paper:#E9EDF1;--haeso-mint:#6ac1b7;--black:#263c54;--white:#E9EDF1}
html{background:var(--haeso-navy);scroll-padding-top:92px}
body.haeso{background:var(--haeso-navy);color:var(--haeso-navy);opacity:1;visibility:visible}
body:has(.opened-nav){overscroll-behavior:none}
::selection{background:#6ac1b7;color:#263c54}
.color-filter{position:absolute;width:0;height:0;pointer-events:none}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #6ac1b7;outline-offset:7px}
.main .section.intro{background:#263c54;pointer-events:none}
.main .section.visual{background:linear-gradient(180deg,#1c3048,#263c54)}
.main .section.visual .img-wrap{filter:url(#haeso-navy)}
.main .section.visual .title-wrap .page-tit{max-width:560px}
.main .section.visual .title-wrap .page-tit svg{overflow:visible;filter:drop-shadow(0 12px 30px #14243a33)}
.main .section.travel{background:linear-gradient(180deg,#263c5400 0%,#263c54 8%)}
.main .section.journey{background:linear-gradient(180deg,#263c54 80%,#E9EDF1 80%)}
.main .section.journey .img-area{filter:url(#haeso-navy)}
.main .section.journey .journey-wrap{background:linear-gradient(180deg,#e9edf100 0%,#E9EDF1 20%,#E9EDF1 80%,#e9edf100 100%)}
.main .section.design{background:#E9EDF1}
.main .section.design .design-area .bg-wrap{background-image:linear-gradient(180deg,#0c347e22,#263c5455),url('photos/star-sky.webp');background-size:cover;background-position:center}
.main .section.design .design-01>.img-area>.img-wrap,.main .section.design .design-02>.img-wrap{visibility:hidden}
.main .section.design .design-02 .grid-item02{background:#263c54}
.main .section.design .design-02 .grid-item03{background:#1f354e}
.main .section.design .design-02 .grid-item04{background:#0c347e}
.main .section.design .design-02 .grid-item05{background:#173852}
.main .section.design .design-02 .icon-wrap{opacity:.65;filter:sepia(.4) saturate(.7) hue-rotate(100deg)}
.main .section.partners{background:#263c54}
.main .section.partners .bg-wrap{background-image:linear-gradient(#263c5422,#263c5488),url('photos/blue-range.webp');background-size:cover;background-position:center}
.main .section.partners .cloud-list .cloud .img-wrap{width:160px;aspect-ratio:auto}
.cloud-word{display:block;white-space:nowrap;color:#E9EDF1;font:500 22px/1.4 "Montserrat Variable",Arial,sans-serif;letter-spacing:-.04em}
.cloud:nth-child(3n) .cloud-word{font-family:Georgia,serif;font-size:30px;color:#6ac1b7}
.main .direction-group{background:#E9EDF1}
.main .section.direction .swiper-slide img{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.main .section.direction .swiper-slide:hover img{transform:scale(1.045)}
.main .section.direction .swiper-direction{cursor:grab}
.main .section.direction .swiper-direction:active{cursor:grabbing}
.placeholder-metric{font-size:clamp(32px,3.8vw,64px)!important;letter-spacing:-.055em!important;line-height:1.12!important;white-space:normal}
.main .section.design .placeholder-metric{font-size:clamp(28px,3vw,48px)!important;color:#6ac1b7!important}
.main .section.journey .placeholder-metric{color:#0c347e}
.scene-photo{width:100%;height:100%;object-fit:cover}
#footer{background:#263c54}
#footer .video-wrap{overflow:hidden}
#footer .video-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(#263c5433,#263c54bb)}
#footer .video-wrap img{animation:landscape-breathe 24s ease-in-out infinite alternate}
@keyframes landscape-breathe{from{transform:scale(1)}to{transform:scale(1.1)}}
#footer .btn.inquiry{min-width:190px;max-width:none}
#header .logo{letter-spacing:-.04em}
#header .logo a{font-family:Georgia,'Times New Roman',serif}
#header.fixed{backdrop-filter:blur(16px);background:#263c54e8!important}
#header:has(a:focus-visible){top:0!important}
#nav .depth-1{font-size:14px}
#nav .gnb-list ul{gap:20px}
#nav li:hover .depth-1,#nav li.current .depth-1{color:#6ac1b7!important}
#nav #btnNavCareer{font-size:13px;white-space:nowrap}
#nav #btnNavCareer:hover{background:#6ac1b7!important;color:#263c54!important;border-color:#6ac1b7}
.haeso .btn.line-b:hover{background:#0c347e;color:#E9EDF1;border-color:#0c347e}
.haeso .btn.line-w:hover{background:#6ac1b7;color:#263c54;border-color:#6ac1b7}
.haeso .btn.solid-w:hover{background:#6ac1b7;color:#263c54}
.nav-destination{scroll-margin-top:90px}
.to-top{position:fixed;right:28px;bottom:28px;width:48px;height:48px;z-index:40;border-radius:50%;background:#E9EDF1;color:#263c54;border:1px solid #263c5422;box-shadow:0 4px 20px #15283e16;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .3s,visibility .3s;font-size:23px}
.to-top.shown{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:#6ac1b7}
@media(max-width:1200px) and (min-width:1025px){#nav .gnb-list ul{gap:12px}#nav .depth-1{font-size:12px}#header .logo{font-size:28px}}
@media(max-width:1024px){#nav{background:#263c54!important}#nav .depth-1{font-size:24px;color:#E9EDF1!important}#nav .gnb-list ul{gap:0}#nav #btnNavCareerMo{background:#6ac1b7;color:#263c54}body.opened-nav #header{background:#263c54!important}body.opened-nav #header .logo{color:#E9EDF1}body.opened-nav #header .btn.menu .ico{background:#E9EDF1}}
@media(max-width:767px){.main .section.visual .title-wrap .page-tit{max-width:320px}.main .section.visual .title-wrap{padding-top:calc(var(--header) + 55px)}.main .section.partners .cloud-list .cloud .img-wrap{width:120px}.cloud-word{font-size:17px}.cloud:nth-child(3n) .cloud-word{font-size:24px}.to-top{right:16px;bottom:16px;width:42px;height:42px}.main .section.journey .journey-wrap .count-area{width:100%}.placeholder-metric{font-size:44px!important}#footer .footer-top .title{font-size:32px}.main .section.design .placeholder-metric{font-size:36px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.main .section.intro{display:none!important}.main .section.visual .title-wrap .page-tit{opacity:1!important;visibility:visible!important}.main .section.visual .img-wrap{transform:none!important}.main .section.partners .cloud-list{display:flex!important;flex-wrap:wrap;gap:16px;align-content:center;justify-content:center;height:100%}.main .section.partners .cloud-list .cloud{position:static!important;opacity:1!important;transform:none!important}.main .section.partners .cloud-wrap{height:400px}.main .section.rollings{height:auto!important}.main .section.rollings .rolling-wrap{position:relative!important;min-height:75svh;transform:none!important}.main .section.rollings .rolling-area{height:auto!important}.main .section.rollings .img-area{height:75svh!important}#footer .foot-inner{transform:none!important}.haeso [data-gsap]{opacity:1!important;visibility:visible!important;transform:none!important}.scene-photo{animation:none!important}.swiper-wrapper{overflow-x:auto;scroll-snap-type:x mandatory}.swiper-slide{min-width:85%;scroll-snap-align:start}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(prefers-reduced-motion:reduce){body.haeso #header{top:0!important}}
.haeso .btn span{white-space:nowrap}.main .section.direction .button-wrap .btn{min-width:210px}@media(max-width:767px){.main .section.direction .button-wrap .btn{min-width:190px}}

body.haeso #header:focus-within{top:0!important}
.main .section.design .grid-item01 .title{font-size:clamp(24px,2.5vw,42px)!important}
.scene-video{width:100%;height:100%;object-fit:cover}