@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff)format("woff");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff)format("woff");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff)format("woff");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff)format("woff");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff)format("woff");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff)format("woff");font-weight:900;font-display:swap}html,body{background:#000;height:100%;margin:0}main{color:#fff;box-sizing:border-box;background:#000;flex-direction:column;height:100vh;display:flex;position:relative}main .topBtn{z-index:99999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;bottom:4.72vh;right:3.02vw}main .topBtn svg{pointer-events:none;width:2.45vw}.snap-container{overscroll-behavior-y:contain;flex:auto;height:100%;position:relative;overflow-x:hidden;overflow-y:auto}.snap-container::-webkit-scrollbar{width:0;height:0}.snap-container.scrolling-locked{overflow-y:hidden}.snap-section:not(:first-child){scroll-margin-top:.05vw}.snap-section{flex:0 0 100dvh;justify-content:center;align-items:stretch;width:100%;height:100dvh;display:flex;position:relative}.snap-section--auto{flex:none;height:auto}.webImage{opacity:.5;z-index:0;width:100vw;height:auto;display:none;position:absolute;top:0;left:0}.fade-in-section{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(40px)}.fade-in-section.fade-in-visible{opacity:1;transform:translateY(0)}
@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff)format("woff");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff)format("woff");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff)format("woff");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff)format("woff");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff)format("woff");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff)format("woff");font-weight:900;font-display:swap}.hero{box-sizing:border-box;width:100vw;height:100vh;margin:0 auto;padding:0 3.075vw;position:relative;overflow:hidden}.hero .infoBox{margin-top:0!important}.hero .webImage{opacity:.5;z-index:-1;width:100vw;height:auto;display:none;position:absolute;top:0;left:0}.hero .grid{pointer-events:none;position:absolute;top:0;left:0}.hero .grid svg,.hero .grid svg rect{width:100vw}.hero .main-object,.hero .hero-text{transition:all .6s ease-in-out}.hero.zoom_out .hero-text,.hero.zoom_out .mouse-info{opacity:0;pointer-events:none}.hero.zoom_out .main-object[data-object=line]{transform:scale(.5)}.hero.zoom_out .main-object[data-object=circle]{transform:scale(.4)}.hero.zoom_out .main-object[data-object=square]{transform:scale(.3)}.hero .team-object-wrap{pointer-events:none;opacity:0;z-index:0;perspective:2600px;width:100vw;height:100vh;transform-style:preserve-3d;transition:opacity .6s ease-in-out;position:absolute;top:0;left:0}.hero .team-object-wrap.is-visible{opacity:1}.hero .team-object-wrap .team-object{pointer-events:auto;width:100vw;height:100vh;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:absolute}.hero .team-object-wrap .team-playback{width:100%;height:100%;transform-style:preserve-3d;position:relative}.hero .team-object-wrap .team-playback__node{will-change:transform,opacity;display:none;position:absolute}.hero .team-object-wrap .team-playback__node .shape-container{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.hero .team-object-wrap .team-object__shape{transform-origin:50%;position:absolute}.hero .team-object-wrap .team-object__shape--line{background:rgba(255,255,255,.7);border-radius:999px;width:18vw;height:.4vh}.hero .team-object-wrap .team-object__shape--circle{background:0 0;border:.15vw solid rgba(255,255,255,.9);border-radius:50%;width:4.8vw;height:4.8vw}.hero .team-object-wrap .team-object__shape--square{background:0 0;border:.15vw solid rgba(255,255,255,.9);width:4.8vw;height:4.8vw}.hero .team-object-wrap .team-object__label{color:#fff;white-space:nowrap;pointer-events:none;text-shadow:0 0 .4vw rgba(0,0,0,.7);opacity:0;font-size:1.1vw;font-weight:600;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero .team-object-wrap .team-object:hover .team-object__label{opacity:1}.hero .mouse-info{opacity:.55;z-index:2;align-items:center;gap:.35vw;transition:opacity .6s ease-in-out;display:flex;position:absolute;top:9.3vh;right:3.1vw}.hero .mouse-info .info-icon svg{width:.93vw;margin-top:.5vh}.hero .mouse-info .info-text{color:#e1e1e1;letter-spacing:-.03em;font-size:.9vw;font-weight:300;line-height:1.35}.hero .mouse-info .info-text p{margin:0}.hero .mouse-info .info-text span{text-underline-offset:.45vh;text-decoration:underline;text-decoration-thickness:.05vw}.hero .mouse-info:hover .infoUI{opacity:1;pointer-events:auto}.hero .mouse-info .infoUI{letter-spacing:-.03em;color:#e1e1e1;-webkit-backdrop-filter:blur(.1vw);backdrop-filter:blur(.1vw);opacity:0;pointer-events:none;background:rgba(0,0,0,.4);border:.05vw solid #fff;border-radius:.42vw;padding:1.48vh 1.146vw;font-size:.83vw;line-height:1;transition:opacity .3s ease-in-out;position:absolute;top:4.7vh;left:1.3vw}.hero .mouse-info .infoUI>div{justify-content:center;align-items:center;gap:.68vw;display:flex}.hero .mouse-info .infoUI>div span{text-align:center;box-sizing:border-box;vertical-align:middle;border:.05vw solid #fff;border-radius:.16vw;justify-content:center;align-items:center;width:4.04vw;height:2.75vh;padding:0;line-height:1;display:inline-flex}.hero .mouse-info .infoUI>div p{margin:0}.hero .mouse-info .infoUI .left-drag{padding:0 .63vw 1.06vh 0}.hero .mouse-info .infoUI .left-drag svg{width:2.24vw}.hero .mouse-info .infoUI .left-drag{border-bottom:.05vw solid rgba(255,255,255,.2)}.hero .mouse-info .infoUI .right-drag{padding:1.1vh .63vw 1.06vh 0}.hero .mouse-info .infoUI .right-drag svg{width:2.29vw}.hero .mouse-info .infoUI .right-drag{border-bottom:.05vw solid rgba(255,255,255,.2)}.hero .mouse-info .infoUI .click{padding:1.2vh .63vw .5vh 0}.hero .mouse-info .infoUI .click svg{width:2.5vw}.hero .mouse-info .infoUI .click span{margin-left:-.2vw}.hero .mouse-info .infoUI .scroll{padding:1.15vh .63vw 0}.hero .mouse-info .infoUI .scroll svg{width:2.24vw}.hero .main-object{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hero .hero-text{pointer-events:none;width:100%;margin-top:66vh}.hero .hero-text .gF-gP{justify-content:space-between;display:flex}.hero .gf svg{width:16.09vw;height:auto}.hero .gp svg{width:12.72vw;height:auto}.hero .main-logo{justify-content:space-between;padding:4.8vh 0 5vh;display:flex}.hero .main-logo .pivot{width:29.76vw;height:auto}.hero .main-logo .time{width:24.37vw;height:auto}
.video{aspect-ratio:16/9;justify-content:center;align-items:center;width:100vw;display:flex;position:relative;overflow:hidden}.video .video__player{object-fit:cover;width:100%;height:100%;position:absolute}
@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff)format("woff");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff)format("woff");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff)format("woff");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff)format("woff");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff)format("woff");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff)format("woff");font-weight:900;font-display:swap}.keywords{color:#fff;box-sizing:border-box;width:87.38vw;height:100vh;margin:0 auto}.keywords .graphics{z-index:0;margin:0 5.5vw;position:relative}.keywords .graphics .c1,.keywords .graphics .l1,.keywords .graphics .r1,.keywords .graphics .l2,.keywords .graphics .l3{stroke-dasharray:1000;stroke-dashoffset:1000px}.keywords .graphics .c2,.keywords .graphics .c3,.keywords .graphics .l2,.keywords .graphics .l3,.keywords .graphics .r2,.keywords .graphics .r3{opacity:0}.keywords .graphics>*{flex-shrink:0;position:absolute}.keywords:not(.in-view) .graphics .c1,.keywords:not(.in-view) .graphics .circle,.keywords:not(.in-view) .graphics .l1,.keywords:not(.in-view) .graphics .line,.keywords:not(.in-view) .graphics .r1,.keywords:not(.in-view) .graphics .rectangle,.keywords:not(.in-view) .graphics .c2,.keywords:not(.in-view) .graphics .c3,.keywords:not(.in-view) .graphics .l2,.keywords:not(.in-view) .graphics .l3,.keywords:not(.in-view) .graphics .r2,.keywords:not(.in-view) .graphics .r3{animation:none}.keywords.in-view .graphics .c1{animation:1s ease-in-out forwards c1-draw}.keywords.in-view .graphics .circle{animation:2s cubic-bezier(.34,1.3,.64,1) forwards c1-move}.keywords.in-view .graphics .l1{animation:1s ease-in-out forwards l1-draw}.keywords.in-view .graphics .line{animation:1s cubic-bezier(.34,1.3,.64,1) forwards l1-move}.keywords.in-view .graphics .r1{animation:1s ease-in-out forwards r1-draw}.keywords.in-view .graphics .rectangle{animation:2s cubic-bezier(.34,1.3,.64,1) forwards r1-move}.keywords.in-view .graphics .c2{animation:1s cubic-bezier(.34,1.3,.64,1) 1s forwards c2-anim}.keywords.in-view .graphics .c3{animation:1s cubic-bezier(.34,1.3,.64,1) 1.2s forwards c3-anim}.keywords.in-view .graphics .l2{animation:1s cubic-bezier(.34,1.3,.64,1) 1s forwards l2-anim}.keywords.in-view .graphics .l3{animation:1s cubic-bezier(.34,1.3,.64,1) 1.2s forwards l3-anim}.keywords.in-view .graphics .r2{animation:1s cubic-bezier(.34,1.3,.64,1) 1s forwards r2-anim}.keywords.in-view .graphics .r3{animation:1s cubic-bezier(.34,1.3,.64,1) 1.2s forwards r3-anim}.keywords .circle{width:22.86vw;height:auto;top:21.7vh;left:-2.8vw;overflow:visible}.keywords .line{width:48.28vw;height:auto;top:26.7vh;left:51.1%;overflow:visible;transform:translate(-50%)}.keywords .rectangle{width:18.28vw;height:auto;top:43vh;right:-3vw;overflow:visible}.keywords .txt{justify-content:space-between;padding-top:82.3vh;display:flex}.keywords .txt .delight{letter-spacing:-.06em;font-family:Pretendard,sans-serif;font-size:1.2vw;font-weight:500;line-height:1.2}.keywords .txt .logo{padding-top:1.78vh}.keywords .txt .logo svg{width:20.78vw}.keywords .txt p{letter-spacing:-.005em;margin-top:1.24vh;padding-right:.2vw;font-family:Pretendard,sans-serif;font-size:1vw;font-weight:500;line-height:1.7}@keyframes c1-draw{0%{stroke-dashoffset:-1000px}to{stroke-dashoffset:0}}@keyframes l1-draw{0%{stroke-dashoffset:-1000px}to{stroke-dashoffset:0}}@keyframes r1-draw{0%{stroke-dashoffset:-1000px}to{stroke-dashoffset:0}}@keyframes c1-move{0%{opacity:0;transform:translate(18.5vw,4.98vh)rotate(-90deg)}50%{opacity:1;transform:translate(18.5vw,4.98vh)rotate(-90deg)}to{opacity:1;transform:translate(-1.5vw,4.98vh)rotate(-90deg)}}@keyframes l1-move{0%{opacity:0;transform:translate(-24vw)scale(1.2)}to{opacity:1;transform:translate(-24vw)scale(1.2)}}@keyframes r1-move{0%{opacity:0;transform:translate(-22.7vw,-4.09vh)}50%{opacity:1;transform:translate(-22.7vw,-4.09vh)}to{opacity:1;transform:translate(-3.5vw,-8.89vh)}}@keyframes c2-anim{0%{opacity:0;transform:translate(7.3vw,7.47vh)}66%{opacity:0;transform:translate(7.3vw,7.47vh)}to{opacity:1;transform:translate(8.5vw,.18vh)}}@keyframes c3-anim{0%{opacity:0;transform:translate(5.5vw,-4.8vh)}85%{opacity:0;transform:translate(5.5vw,-4.8vh)}to{opacity:1;transform:translate(8.3vw,-10.49vh)}}@keyframes l2-anim{0%{opacity:0;stroke-dashoffset:-1000px;transform:translate(0)}66%{opacity:0;stroke-dashoffset:-1000px;transform:translate(0)}to{opacity:1;stroke-dashoffset:0;transform:translate(0)}}@keyframes l3-anim{0%{opacity:0;stroke-dashoffset:-1000px}85%{opacity:0;stroke-dashoffset:-1000px}to{opacity:1;stroke-dashoffset:0}}@keyframes r2-anim{0%{opacity:0;transform:translate(3.8vw,4.62vh)}66%{opacity:0;transform:translate(3.8vw,4.62vh)}to{opacity:1;transform:translate(7.8vw,9.42vh)}}@keyframes r3-anim{0%{opacity:0;transform:translate(5.9vw,-.98vh)}85%{opacity:0;transform:translate(5.9vw,-.98vh)}to{opacity:1;transform:translate(3.8vw,4.44vh)}}
@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff)format("woff");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff)format("woff");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff)format("woff");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff)format("woff");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff)format("woff");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff)format("woff");font-weight:900;font-display:swap}.concept{color:#fff;box-sizing:border-box;height:100vh;position:relative}.concept .graphic{z-index:0;pointer-events:none;width:100vw;height:100vh;position:absolute}.concept .graphic svg{width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.concept .graphic .orbit-text{transform-origin:0 0;width:9.58vw;height:auto}.concept .txt{pointer-events:none;align-items:center;gap:1vw;display:flex;position:absolute}.concept .txt-dot{background-color:#0051ff;border-radius:50%;width:.52vw;height:.52vw;margin:0}.concept .txt p{letter-spacing:-.06em;margin:0 0 0 -.5vw;font-size:.72vw;line-height:1.6}.concept .txt--secondary{flex-direction:row-reverse}.concept .txt--secondary p{text-align:right;margin-left:0;margin-right:-.5vw}.concept .txt-wrap{z-index:999;justify-content:space-between;align-items:center;width:87.38vw;margin:0 auto;padding-top:75.4vh;display:flex;position:relative}.concept .txt-wrap .logo{padding-top:10.4vh}.concept .txt-wrap .logo svg{width:21.6vw;height:auto}.concept .description .title{display:flex}.concept .description .title div{letter-spacing:-.04em;font-family:Pretendard,sans-serif;font-size:1.979vw;font-weight:500}.concept .description .title .sub-title{letter-spacing:-.04em;opacity:.8;letter-spacing:-.08em;margin:0;padding-top:1.5vh;padding-left:.8vw;font-family:Pretendard,sans-serif;font-size:1.2vw;font-weight:500}.concept .description .desc-text{letter-spacing:-.003em;padding-top:1.5vh;font-family:Pretendard,sans-serif;font-size:1vw;font-weight:500;line-height:1.65}
@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff)format("woff");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff)format("woff");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff)format("woff");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff)format("woff");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff)format("woff");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff)format("woff");font-weight:900;font-display:swap}.visual{color:#fff;box-sizing:border-box;justify-content:space-between;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.visual .webImage{opacity:.5;z-index:-1;width:100vw;height:auto;display:none;position:absolute;top:0;left:0}.visual .txt-wrap{z-index:5;padding:5.1vh 0 .71vh 6.2vw;position:fixed}.visual .txt-wrap p{margin:0;padding-top:3.2vh;font-family:Pretendard,sans-serif;font-size:1vw;font-weight:500;line-height:1.6}.visual .txt-wrap .logo svg{width:17.44vw}.visual .txt-wrap .logo svg path,.visual .txt-wrap .logo svg rect{fill:#0051ff}.visual .graphic{aspect-ratio:1;justify-content:center;align-items:center;width:100vw;display:flex;position:absolute;top:50%;right:6vw;overflow:visible;transform:translateY(-50%)}.visual .graphic .graphic-objects{width:100%;height:100%;position:relative}.visual .graphic .graphic-objects.no-interaction,.visual .graphic .graphic-objects.no-interaction *{pointer-events:none}.visual .graphic .graphic-slot{pointer-events:none;--slot-left:50vw;--slot-top:50vh;--slot-scale:1;--slot-scaleY:1;--slot-rotate:0deg;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.visual .graphic .graphic-slot__inner{pointer-events:none;transform-origin:50%;transform:translate3d(calc(var(--slot-left) - 50vw),calc(var(--slot-top) - 50vh),0)scale(var(--slot-scale))scaleY(var(--slot-scaleY))rotate(var(--slot-rotate));justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.visual .graphic .graphic-slot.line{--slot-left:76vw;--slot-top:53vh;--slot-scale:1;--slot-rotate:0deg}.visual .graphic .graphic-slot.circle{--slot-left:73vw;--slot-top:48vh;--slot-scale:.65;--slot-rotate:-20deg}.visual .graphic .graphic-slot.square{--slot-left:76vw;--slot-top:55.5vh;--slot-scale:.8;--slot-scaleY:-1;--slot-rotate:-25deg}.visual .graphic .graphic-objects.no-interaction .graphic-slot.line{--slot-left:82.9vw;--slot-top:28vh;--slot-scale:.4}.visual .graphic .graphic-objects.no-interaction .graphic-slot.circle{--slot-left:58vw;--slot-top:55vh;--slot-scale:.28}.visual .graphic .graphic-objects.no-interaction .graphic-slot.square{--slot-left:84vw;--slot-top:73vh;--slot-scale:.32;--slot-scaleY:-1}.visual .graphic .final-labels{color:#fff;letter-spacing:-.03em;font-family:Pretendard,sans-serif;font-size:.9vw;font-weight:500;line-height:1.32;position:absolute;top:0;bottom:0;left:0;right:0}.visual .graphic .final-labels .final-label{text-align:left;flex-direction:column;gap:.5vw;width:max-content;transition:color .3s;display:inline-flex;position:absolute}.visual .graphic .final-labels .final-label svg{transform-origin:50%;width:12.14vw;height:auto;transition:filter .3s,opacity .3s}.visual .graphic .final-labels .final-label svg path{fill:none}.visual .graphic .final-labels .final-label p{letter-spacing:-.03em;opacity:.5;margin:0;font-size:.94vw;line-height:1.32;transition:color .3s,opacity .3s}.visual .graphic .final-labels .final-label.planning{text-align:right;align-items:flex-start;top:60.9vh;right:25vw}.visual .graphic .final-labels .final-label.planning svg{margin-top:0;transform:scaleX(1)}.visual .graphic .final-labels .final-label.planning div{margin-left:0}.visual .graphic .final-labels .final-label.planning p{margin-top:-7.47vh;margin-right:8.5vw}.visual .graphic .final-labels .final-label.design{align-items:flex-start;top:106.9vh;left:44.2vw}.visual .graphic .final-labels .final-label.design svg{margin-top:-7.47vh;transform:scaleY(-1)}.visual .graphic .final-labels .final-label.design div{margin-left:0}.visual .graphic .final-labels .final-label.design p{margin-right:-1vw}.visual .graphic .final-labels .final-label.programming{text-align:right;align-items:flex-start;top:95.5vh;right:1.5vw}.visual .graphic .final-labels .final-label.programming svg{transform:scaleX(-1)}.visual .graphic .final-labels .final-label.programming div{margin-left:8.4vw}.visual .graphic .final-labels .final-label.programming p{margin-top:-7.47vh;margin-left:5.5vw}.visual .graphic-labels{pointer-events:none;z-index:4;position:absolute;top:0;bottom:0;left:0;right:0}.visual .graphic-labels .label{letter-spacing:-.03em;white-space:nowrap;background:#000;border:1px solid #e1e1e1;border-radius:1.56vw;padding:.28vh 1.04vw;font-family:Pretendard,sans-serif;font-size:.9vw;font-weight:500;line-height:1.32;transition:border-color .3s,background-color .3s,box-shadow .3s;position:absolute}.visual .graphic-labels[data-state=line] .kor{top:67.5vh;left:51vw}.visual .graphic-labels[data-state=line] .en{top:41.7vh;left:auto;right:7.8vw}.visual .graphic-labels[data-state=circle] .kor{top:31.5vh;left:46.9vw}.visual .graphic-labels[data-state=circle] .en{top:71.5vh;left:auto;right:9.5vw}.visual .graphic-labels[data-state=square] .kor{top:83.5vh;left:46.1vw}.visual .graphic-labels[data-state=square] .en{top:25.5vh;right:8vw}
@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff)format("woff");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff)format("woff");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff)format("woff");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff)format("woff");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff)format("woff");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff)format("woff");font-weight:900;font-display:swap}.typography{color:#fff;box-sizing:border-box;width:100vw;height:100vh;padding-top:5.7vw}.typography .typo-video{justify-content:center;align-items:center;width:100%;height:37.5vw;display:flex}.typography .typo-video video{object-fit:contain;width:100%;height:100%}.typography .txt-wrap{justify-content:space-between;width:87.6vw;margin:0 6vw;padding-top:4.62vh;line-height:1.6;display:flex}.typography .txt-wrap .title{letter-spacing:-.05em;font-family:Pretendard,sans-serif;font-size:1.8vw;font-weight:500}.typography .txt-wrap .description{letter-spacing:-.005em;margin-top:1.5vh;font-family:Pretendard,sans-serif;font-size:1vw;font-weight:500}
@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff)format("woff");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff)format("woff");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff)format("woff");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff)format("woff");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff)format("woff");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff)format("woff");font-weight:900;font-display:swap}.mainSlogan{box-sizing:border-box;width:100vw;height:100vh;padding-top:13.69vh;position:relative;overflow:hidden}.mainSlogan .webImage{opacity:.5;z-index:-1;width:100vw;height:auto;position:absolute;top:0;left:0}.mainSlogan .slogan-container{background-color:#0051ff;border-radius:.73vw;width:93.75vw;height:79.16vh;margin:0 auto;position:relative;overflow:hidden}.mainSlogan .slogan-video{width:100%;height:100%}.mainSlogan .slogan-video video{object-fit:cover;width:100%;height:100%}
@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff)format("woff");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff)format("woff");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff)format("woff");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff)format("woff");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff)format("woff");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff)format("woff");font-weight:900;font-display:swap}.main-footer{margin-top:16.25vh;margin-bottom:43.6vh;overflow:hidden}.main-footer .logo{justify-content:center;display:flex}.main-footer .logo svg{width:25.76vw}.main-footer .logo svg path,.main-footer .logo svg rect{fill:#0051ff}.main-footer .symbols{justify-content:center;align-items:center;gap:.9vw;margin-top:3.6vh;display:flex}.main-footer .symbols .circle svg{width:3.18vw}.main-footer .symbols .line svg{width:2.4vw}.main-footer .symbols .rectangle svg{width:2.24vw}