*{margin:0;padding:0;box-sizing:border-box}html,section{height:100%}@font-face{font-family:Taenada;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2) format("woff2");font-weight:400;font-display:swap}body{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#fff;transition:background .4s ease}a{color:inherit;text-decoration:none}button{border:0;background:none;font:inherit;cursor:pointer}section.page-home{background:url(/index/bg.png) no-repeat 50%;background-size:cover;color:#0f172a}.intro2-body{background:#4da7ff}section.page-intro2.mode-read .intro2:after{content:"";position:fixed;left:0;right:0;top:calc(50vh + 551px * 3.8 / 10);height:50vh;background:#0d2244;z-index:-1}section.page-intro2.mode-write .intro2:after{content:"";position:fixed;left:0;right:0;top:0;height:100vh;background:#1c2e4f;z-index:-1}section.page-intro2.mode-write .intro2:before{content:"";display:block;position:fixed;left:0;top:0;height:100vh;width:100vw;background:url(/index/bg_sc2.svg) no-repeat 50%;background-size:cover}section.page-intro2.mode-write{background:#1c2e4f}.site-footer{position:fixed;right:24px;bottom:24px;font-size:13px;color:rgba(255,255,255,.6);pointer-events:none}.header{position:fixed;top:2vh;left:3vw;z-index:20}.header__container{display:flex;align-items:center}.site-header{position:absolute;left:24px;top:24px;z-index:10}.header__logo a{display:block;width:126px;height:25.807px;background:url(/index/logo.svg) no-repeat;font-size:0;color:transparent}.page-intro2 .header__logo a{background-image:url(/index/logo_w.svg)}.hero,.main{min-height:100vh}.hero{position:relative;display:flex;align-items:center;justify-content:center;padding:10vh 5vw 16vh;overflow:hidden}.hero__container{position:relative;z-index:5;width:100%;max-width:60rem}.hero__content{text-align:center;margin:0 auto}.hero__background-text{position:absolute;bottom:4vh;left:50%;transform:translateX(-50%);font-size:min(10vw,6rem);font-weight:900;color:rgba(255,255,255,.15);white-space:nowrap;pointer-events:none;z-index:1}.hero__subtitle{width:32vw;max-width:420px;height:4.5vw;max-height:36px;background-image:url(/index/hero-subtitle.svg);margin:0 auto 1rem}.hero__subtitle,.hero__title{display:block;background-repeat:no-repeat;background-position:50%;background-size:contain;font-size:0;color:transparent}.hero__title{width:40vw;max-width:520px;height:11vw;max-height:110px;background-image:url(/index/hero-title.svg);margin:12px auto 16px}@media (max-width:768px){.hero__subtitle{width:60vw;height:6vw}.hero__title{width:70vw;height:16vw}}.hero__description{color:#1d4681;margin-bottom:40px;font-size:24px;font-weight:700;line-height:150%}.hero__actions{gap:.75rem}.hero__actions,.hero__button{display:flex;justify-content:center}.hero__button{height:48px;min-width:78px;padding:0 16px;align-items:center;gap:4px;border-radius:6px;background:#ecf2fe;border:none;cursor:pointer;transition:all .2s ease;font-family:Pretendard GOV,sans-serif;font-size:15px;font-weight:700}.hero__button:hover{background:#f3f7ff;box-shadow:0 4px 10px rgba(15,23,42,.12);transform:translateY(-2px)}.hero__button .primary{color:#256ef4}.hero__button span:not(.primary){color:#052b57}@keyframes hero-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero__actions button,.hero__description,.hero__subtitle,.hero__title{opacity:0;transform:translateY(24px);animation:hero-slide-up .6s ease-out forwards}.hero__subtitle{animation-delay:.1s}.hero__title{animation-delay:.25s}.hero__description{animation-delay:.4s}.hero__actions button:first-child{animation-delay:.6s}.hero__actions button:nth-child(2){animation-delay:.75s}.hero-obj{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(70vw,60rem);aspect-ratio:1015/495;pointer-events:none;z-index:2}.hero-obj__base{z-index:10;inset:0;background-image:url(/index/obj_none.png);background-position:bottom;background-size:100% auto}.hero-obj__base,.hero-obj__item{position:absolute;background-repeat:no-repeat}.hero-obj__item{background-size:contain}.hero-obj__pencil{width:9%;height:45%;top:15%;left:30%;background-image:url(/index/obj_pencle.png)}.hero-obj__paper{z-index:0;width:37%;height:52%;top:18%;left:10%;background-image:url(/index/obj_paper.png)}.hero-obj__od-character{z-index:20;width:22%;height:26%;bottom:7%;left:28%;background-image:url(/index/obj_od_character.png)}.hero-obj__aichip{z-index:20;width:8%;height:18%;top:6%;right:28%;background-image:url(/index/obj_aichip.png)}.hero-obj__ai{z-index:20;width:11%;height:25%;bottom:26%;left:18%;background-image:url(/index/obj_ai.png)}.hero-obj__child{z-index:20;width:23%;height:30%;bottom:5%;right:8%;background-image:url(/index/obj_child.png)}@media (max-width:768px){.hero{padding:12vh 6vw 18vh}.hero__background-text{font-size:min(14vw,3.5rem);bottom:3vh}.hero-obj{width:90vw}.hero__actions{flex-direction:column}.hero__button{width:100%;max-width:260px;margin:0 auto}}@media (max-width:480px){.header{top:1.5vh;left:4vw}.hero{padding:14vh 6vw 20vh}.hero-obj{width:100vw}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sway-soft{0%,to{transform:rotate(0deg)}50%{transform:rotate(-3deg)}}@keyframes wave-paper{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-4px)}}@keyframes chip-pop{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}@keyframes robot-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes kids-bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(-4px)}}.hero-obj__pencil{animation:float-soft 4.5s ease-in-out infinite,sway-soft 6s ease-in-out infinite;transform-origin:50% 100%}.hero-obj__paper{animation:wave-paper 5.5s ease-in-out infinite;transform-origin:20% 0}.hero-obj__aichip{animation:chip-pop 3.2s ease-in-out infinite;animation-delay:.6s}.hero-obj__child{opacity:0;animation:slide-in-right .9s ease-out forwards,float-bounce 3.8s ease-in-out 1s infinite}.hero-obj__od-character{opacity:0;animation:slide-in-left 1s ease-out .5s forwards}.hero-obj__ai{opacity:0;animation:robot-slide-in-left .9s ease-out .8s forwards,robot-float-soft 2.5s ease-in-out 1.7s infinite;transform-origin:center bottom;animation-timing-function:cubic-bezier(.37,.02,.58,1)}@keyframes slide-in-right{0%{opacity:0;transform:translateX(50px) translateY(0)}to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes float-bounce{0%,to{transform:translateX(0) translateY(0)}50%{transform:translateX(0) translateY(-8px)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-50px) translateY(0)}to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes robot-slide-in-left{0%{opacity:0;transform:translateX(-50px) translateY(0)}to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes robot-float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-obj__text{position:absolute;bottom:14%;left:50%;background-repeat:no-repeat;background-position:bottom;background-size:contain;pointer-events:none;z-index:5;opacity:.75;transition:transform .45s ease}.hero-obj__text--full{width:304.875px;height:102.12px;transform:translateX(-50%);background-image:url(/index/text1.svg);margin-left:-430px;margin-bottom:170px}.hero-obj__text--read{width:310.742px;height:150.88px;transform:translateX(-60%);background-image:url(/index/text2.svg);margin-left:-400px}.hero-obj__text--write{width:314.79px;height:150.144px;transform:translateX(-40%);background-image:url(/index/text3.svg);margin-left:400px}body.hover-read .hero-obj__text--read{transform:translateX(-72%)}body.hover-write .hero-obj__text--write{transform:translateX(-28%)}@media (max-width:768px){body.hover-read .hero-obj__text--read{transform:translateX(-66%)}body.hover-write .hero-obj__text--write{transform:translateX(-34%)}}.intro2-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px}.intro2{width:100%;max-width:1100px;position:relative;margin:0 auto}.intro2__arrow{position:absolute;left:-32px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;cursor:pointer}.intro2__arrow:before{content:"";border:solid #fff;border-width:0 2px 2px 0;display:inline-block;padding:5px;transform:rotate(135deg)}.intro2__headline,.intro2__headline *{font-family:Taenada,sans-serif;font-weight:800;line-height:1}.intro2__headline{text-align:center;display:flex;padding:0 0 37px;flex-direction:column;justify-content:center;align-items:center;gap:9px;align-self:stretch}.intro2__headline-sub{font-size:23px;animation:intro-slide-up .5s ease-out 0s forwards}.intro2__headline-sub,.intro2__headline-title{color:#10254a;opacity:0;transform:translateY(20px);transition:color .3s ease}.intro2__headline-title{font-size:48px;animation:intro-slide-up .5s ease-out .15s forwards}section.page-intro2.mode-write .intro2__headline-sub,section.page-intro2.mode-write .intro2__headline-title{color:#89a8ef}.intro2__headline-tabs{margin-top:16px;display:inline-flex;gap:36px;align-items:center;font-size:18px;font-weight:700;color:#fff;opacity:0;transform:translateY(20px);animation:intro-slide-up .5s ease-out .3s forwards}.headline-tab{position:relative;padding-bottom:4px;transition:color .3s ease}.headline-tab-link{font-size:32px;font-weight:800;color:rgba(255,255,255,.2);opacity:1}.headline-tab-link:hover{color:rgba(255,255,255,.35);text-decoration:none}.headline-tab--active{font-size:32px;font-weight:800;color:#fff}.intro2__stage{position:relative;height:580px;overflow:visible}.intro2__body{position:absolute;inset:0;display:none}.intro2__body.is-active{display:block}.intro2__body--read .intro2__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro2__body--read .intro2__left{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;width:282px;flex-direction:column;align-items:flex-start;gap:16px}.intro2__body--read .intro2__right{position:absolute;top:50%;left:calc(50% + 295px / 2 + 100px);transform:translateY(-50%)}.intro2__left-logo{width:68px;height:68px;padding:16px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:url(/index/appondoc.svg) no-repeat 50% 50%,linear-gradient(180deg,#fff,#eaeaea);box-shadow:0 0 2px 0 rgba(0,0,0,.08),0 8px 16px 0 rgba(0,0,0,.12);opacity:0;transform:translateY(20px);animation:intro-slide-up .45s ease-out 1.2s forwards}.intro2__left-eyebrow{text-align:center;font-family:var(--typo-font-type,"Pretendard GOV");font-size:var(--font-size-heading-small,19px);font-style:normal;font-weight:700;line-height:150%;letter-spacing:var(--typo-letter-spacing-0,0);animation:intro-slide-up .45s ease-out 1.35s forwards}.intro2__left-eyebrow,.intro2__left-title{color:#fff;opacity:0;transform:translateY(20px)}.intro2__left-title{font-family:Taenada,sans-serif;font-size:44px;font-weight:900;line-height:1;animation:intro-slide-up .45s ease-out 1.5s forwards}.intro2__left-desc{font-size:13px;line-height:1.7;max-width:280px;margin-bottom:10px;animation:intro-slide-up .45s ease-out 1.65s forwards}.intro2__cta,.intro2__left-desc{opacity:0;transform:translateY(20px)}.intro2__cta{display:flex;height:56px;min-width:90px;padding:20px;justify-content:center;align-items:center;gap:4px;border-radius:6px;background:#083891;font-weight:700;margin-bottom:70px;transition:background .25s ease,border-radius .25s ease;animation:intro-slide-up .45s ease-out 1.8s forwards}.intro2__cta:hover{border-radius:var(--radius-small1,6px);background:var(--color-button-primary-fill-hover,#0b50d0)}.intro2__cta:active{border-radius:var(--radius-small1,6px);background:var(--color-button-primary-fill-pressed,#083891)}.intro2__cta:after{content:"";display:inline-block;width:24px;height:24px;margin-left:8px;background:url(/index/arr_r.svg) no-repeat 50%/contain;transition:transform .25s ease}.intro2__cta:hover:after{transform:translateX(4px)}.intro2__note{display:flex;padding:16px 24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;border-radius:13px;line-height:1.8;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:400;opacity:0;transform:translateY(20px);animation:intro-slide-up .45s ease-out 1.95s forwards}.phone{position:relative;width:295px;aspect-ratio:295/551;background:url(/index/phone_frame.png) 50%/contain no-repeat;opacity:0;transform:translateX(40px);animation:intro-slide-left .6s ease-out .8s forwards}.phone__screen{position:absolute;top:2.7%;bottom:2.7%;left:8.9%;right:8.9%;opacity:0;transition:opacity .4s ease}.phone__screen img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.phone__screen.is-active{opacity:1}.hero-character{position:absolute;width:auto;height:auto;opacity:0;transform:translateY(10px)}.hero-character--left{left:-31px;bottom:40px;width:62.346px;height:88px;animation:intro-slide-up .45s ease-out .9s forwards}.hero-character--right{right:-70px;bottom:-30px;width:143px;height:85px;animation:intro-slide-up .45s ease-out 1.05s forwards}.intro2__icons{flex-wrap:nowrap;gap:32px;justify-content:flex-start}.intro2-icon,.intro2__icons{display:flex;align-items:center}.intro2-icon{width:96px;height:96px;border-radius:16px;background:#294f93;justify-content:center;transition:background .2s ease,transform .2s ease;opacity:0;transform:translateX(40px)}.intro2-icon:first-child{animation:intro-slide-left .45s ease-out .95s forwards}.intro2-icon:nth-child(2){animation:intro-slide-left .45s ease-out 1.05s forwards}.intro2-icon:nth-child(3){animation:intro-slide-left .45s ease-out 1.15s forwards}.intro2-icon:nth-child(4){animation:intro-slide-left .45s ease-out 1.25s forwards}.intro2-icon:nth-child(5){animation:intro-slide-left .45s ease-out 1.35s forwards}.intro2-icon img{display:block;-o-object-fit:contain;object-fit:contain}.intro2-icon[data-icon=home] img{width:36px;height:40px}.intro2-icon[data-icon=bookshelf] img{width:40px;height:40px}.intro2-icon[data-icon=diagnosis] img,.intro2-icon[data-icon=report] img{width:44px;height:44px}.intro2-icon[data-icon=myon] img{width:60.357px;height:26px}.intro2-icon:focus-visible,.intro2-icon:hover{outline:none;background:#ffffff;transform:translate(-2px,-2px)}.intro2-icon.is-active{background:#ffffff}.intro2-write,.intro2__body--write.is-active{display:flex;align-items:center;justify-content:center}.intro2-write{width:100%;min-height:580px;flex-direction:column;text-align:center}.intro2-write__desc,.intro2-write__device,.intro2__cta--write{opacity:0;transform:translateY(20px)}.intro2__body--write.is-active .intro2-write__device{animation:intro-slide-up .5s ease-out .1s forwards}.intro2__body--write.is-active .intro2-write__desc{animation:intro-slide-up .5s ease-out .35s forwards}.intro2__body--write.is-active .intro2__cta--write{animation:intro-slide-up .5s ease-out .6s forwards}.intro2-write__device img{max-width:820px;width:100%;height:auto;display:block}.intro2-write__desc{margin-top:24px;max-width:720px;font-size:14px;line-height:1.7;opacity:.9;color:#708abd}.intro2__cta--write{margin-top:32px;margin-bottom:0;background:#256ef4}@media (max-width:960px){.intro2__body--read{min-height:auto;padding-top:260px}.intro2__body--read .intro2__center,.intro2__body--read .intro2__left,.intro2__body--read .intro2__right{position:static;transform:none}.intro2__body--read .intro2__center{display:flex;justify-content:center;margin-bottom:32px}.intro2__body--read .intro2__left{width:100%;align-items:center;text-align:center;margin-bottom:32px}.intro2__body--read .intro2__right{width:100%}.intro2__icons{justify-content:center;flex-wrap:wrap}.intro2__arrow{display:none}.intro2__left-desc{max-width:none}}@keyframes intro-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-slide-left{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}