@charset "utf-8";.deco_cont_circle{position:absolute;mix-blend-mode:color-dodge;z-index:-1;opacity:1;left:auto;right:auto;top:auto;bottom:auto;margin-right:0}.deco_cont_circle svg{opacity:0.2}.deco_cont_circle.thin svg{width:7.4375rem;height:7.4375rem}.deco_cont_circle.thin svg circle{stroke-width:1}.deco_cont_circle.small svg{width:16.4375rem;height:16.4375rem;opacity:0.08}.deco_cont_circle.big svg{width:37.5rem;height:37.5rem;opacity:0.08}.deco_cont_circle_right{position:absolute;right:-28rem;top:2rem;mix-blend-mode:multiply;opacity:0.1}.deco_cont_circle_right svg{width:23rem;height:23rem}.deco_cont_circle_left{position:absolute;left:-24rem;top:4rem;mix-blend-mode:overlay;opacity:0.05}.deco_cont_circle_left svg{width:40.125rem;height:40.125rem}.deco_cont_circle.fill svg{width:29.125rem;height:29.125rem;opacity:1}.deco_cont_right{display:block;position:absolute;right:-29rem;top:16rem;width:11.875rem;height:11.875rem;mix-blend-mode:multiply;background:url(../../img/portal/intro/intro_cont_circle_right.png?v=7960ff9d) no-repeat}.deco_question_fill{display:block;width:30.6875rem;height:45.1875rem;opacity:.5;background:url(../../img/portal/service/question.png?v=bf64be9d) no-repeat center/contain;z-index:-1}.deco_question svg{opacity:.5}.deco_question svg path{fill:#f8faff}.deco_bell.small{width:9.9375rem;height:13.6875rem;background:url(../../img/portal/service/deco_bell_small.png?v=4190e0b4) no-repeat center/contain}.foot_deco_circle{display:block;position:absolute;left:10%;top:30%;width:8.25rem;height:11.75rem;background:url(../../img/portal/intro/intro_bottom.png?v=d228ff46) no-repeat center/contain}.foot_deco_ellipse{display:block;position:absolute;left:50%;top:135%;margin-left:-55.625rem;width:33.75rem;height:59.6875rem;background:url(../../img/portal/intro/intro_bottom_left.png?v=bf698f06) no-repeat center/contain}.sub_visual .deco_circle_fill{position:absolute;top:calc(50% - 10vw / 2);left:calc(50% - 10vw / 2);z-index:-1;width:10vw;height:10vw;opacity:0;-webkit-transition:opacity 0.8s,transform 0.8s;transition:opacity 0.8s,-webkit-transform 0.8s;transition:opacity 0.8s,transform 0.8s;transition:opacity 0.8s,transform 0.8s,-webkit-transform 0.8s}.sub_visual .deco_circle_fill.mid{top:calc(50% - 20vw / 2);left:calc(50% - 20vw / 2);z-index:-2;width:20vw;height:20vw}.sub_visual .deco_circle_fill.large{top:calc(50% - 30vw / 2);left:calc(50% - 30vw / 2);z-index:-3;width:30vw;height:30vw}.sub_visual .deco_circle_fill.active{opacity:0.07;-webkit-transform:scale(1);transform:scale(1)}.sub_visual .deco_circle_fill.active.mid{opacity:0.05}.sub_visual .deco_circle_fill.active.large{opacity:0.03}.service .sub_visual{background:url(../../img/portal/service/service_bg.jpg?v=cd010754) no-repeat center/cover;overflow:hidden;z-index:2}.service .sub_visual .deco_circle{position:absolute;left:-15rem;top:-18.5rem}.service .sub_visual .deco_circle_right{left:auto;right:-6rem;top:12.5rem}.service .sub_visual .deco_shape{bottom:3rem;right:50%;width:7.5rem;height:8.375rem;margin-right:-29.6rem}.service .deco_shape svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.service .sub_visual .deco_shape2{top:3.375rem;left:50%;width:2.75rem;height:3.064rem;margin-left:-19.75rem}.service .sub_visual .deco_dots_two{position:absolute;right:83.25%;bottom:-1.75rem;width:11.875rem;height:12rem}.service .sub_visual .deco_dots_two .circle{fill:#2369dd}.service .sub_visual .deco_dots_two .line{fill:#55e7c2}.service .content_wrap{z-index:1;padding-bottom:14.625rem}.service .content_wrap > .deco_cont_circle.big{left:64.5%;top:-32rem}.service .content_wrap .deco_bell.small{position:absolute;bottom:-5.95rem;right:50%;margin-right:-38rem}.service .content{-webkit-transform:none;transform:none}.service .service_section{position:relative;margin:12.5rem auto 14.625rem auto}.service .service_section:last-of-type{margin-bottom:0}.service .service_inner{position:relative}.service .service_desc{position:relative;display:flex;flex-direction:column;padding-left:calc(100% - 30rem);padding-top:2.8125rem;width:100%;min-height:44.5rem;color:#0d1c33}.coding .service_desc{min-height:44.5rem}.playing .service_desc{min-height:40rem;padding-left:0;padding-right:calc(100% - 30rem)}.together .service_desc{min-height:37.5rem}.service .title_icon{position:absolute;left:-4rem;top:-1.25rem;display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;border-radius:50%;background:#0dffbf}.playing .title_icon{left:-3.625rem;top:-1.875rem}.service .title_icon i{display:inline-block;background-repeat:no-repeat;background-position:center center;background-size:contain}.service .title_icon.coding i{width:1.3125rem;height:1rem;background-image:url(../../img/portal/service/icn_coding.png?v=0b672db9)}.service .title_icon.playing i{width:1.3125rem;height:22px;background-image:url(../../img/portal/service/icn_playing.png?v=0c827d16)}.service .title_icon.together i{width:1.1875rem;height:1rem;background-image:url(../../img/portal/service/icn_together.png?v=c64ea257)}.service .service_desc .title{position:relative;font-size:3rem}.service .service_desc .title_desc{position:relative;display:block;padding-bottom:1.6em;font-size:1.25rem;line-height:1.5;margin-top:0.7em;letter-spacing:-0.015em}.service .service_desc .title_desc:after{content:'';position:absolute;bottom:0;left:0;display:block;width:4.375rem;height:.3125rem;background:#2369dd}.service .service_list{overflow:visible}.service .service_section .title_wrap{opacity:0;-webkit-transform:translate3d(0, 2rem, 0);transform:translate3d(0, 2rem, 0)}.service .service_section.active .title_wrap{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:transform .55s ease .45s,opacity .6s ease .45s;transition:opacity .6s ease .45s,-webkit-transform .55s ease .45s;transition:transform .55s ease .45s,opacity .6s ease .45s;transition:transform .55s ease .45s,opacity .6s ease .45s,-webkit-transform .55s ease .45s}.service .service_list .item{margin-top:3.375rem;opacity:0;-webkit-transform:translate3d(0, 2rem, 0);transform:translate3d(0, 2rem, 0)}.service .service_list.active .item{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:transform .55s ease .85s,opacity .6s ease .85s;transition:opacity .6s ease .85s,-webkit-transform .55s ease .85s;transition:transform .55s ease .85s,opacity .6s ease .85s;transition:transform .55s ease .85s,opacity .6s ease .85s,-webkit-transform .55s ease .85s}.service .service_list.active .item + .item{-webkit-transition-delay:1.05s;transition-delay:1.05s}.service .service_list.active .item + .item + .item{-webkit-transition-delay:1.25s;transition-delay:1.25s}.service .service_list .item_title{font-size:1.375rem;line-height:1.54}.service .service_list .item_desc{font-size:1.125rem;line-height:1.625;margin-top:0.875em;color:#142849}.service .service_thumb_wrap{position:absolute;top:50%;left:0;width:50%;padding:0 10px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.playing .service_thumb_wrap{left:auto;right:0}.service .service_thumb{width:100%;border-radius:.75rem;overflow:hidden}.service .service_thumb img{-webkit-transform:scale(1.2);transform:scale(1.2)}.service .service_thumb.active img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:transform .6s ease;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.service .contents_foot{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#112f6d}.service .contents_foot .deco_shape{bottom:2.125rem;right:50%;margin-right:-40rem}.service .contents_foot .btn_wrap .btn_round span{background-color:#18306f}.service .contents_foot .deco_cont_circle{right:3rem;bottom:-26rem;z-index:0;opacity:0.4;mix-blend-mode:initial}.coding .deco_donut{position:absolute;left:50%;bottom:-14rem;z-index:-1;display:block;width:13.5rem;height:13.5rem;margin-left:-43rem;mix-blend-mode:multiply}.coding .deco_donut path{stroke:#e0f9f6;stroke-width:1;stroke-miterlimit:10;stroke-dashoffset:1;stroke-dasharray:300;fill:#e0f9f6}.playing > .deco_cont_circle.small{left:86%;top:-5.25rem}.playing > .deco_cont_circle.thin{left:86%;top:-9.5rem}.playing > .deco_cont_circle.fill{left:12%;top:4.5rem}.together > .deco_question_fill{position:absolute;top:8.5rem;left:50%;margin-left:-53rem}@media (max-width: 1024px){.foot_deco_circle{margin-left:-100px}.service .sub_visual .deco_dots_two{right:72.25%}.service .sub_visual .deco_shape2{left:20%;margin-left:0}.service .service_section{margin:9.5rem auto}.service .service_desc{width:100%;float:none;min-height:auto;padding:0;text-align:center}.service .service_desc .title{font-size:2.4rem}.service .service_desc .title_desc:after{width:10%;left:50%;max-width:40rem;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.service .title_icon{left:50%;top:-50%;-webkit-transform:translate3d(-350%, 0, 0);transform:translate3d(-350%, 0, 0)}.service .service_thumb_wrap{position:static;width:100%;max-width:800px;margin:2rem auto 0;padding:0;float:none;border-radius:1rem;-webkit-transform:none;transform:none;border-radius:1rem}.service .service_thumb{position:relative;width:100%;padding-bottom:56.25%;border-radius:1rem}.service .service_thumb img{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0) scale(1.2);transform:translate3d(-50%, -50%, 0) scale(1.2)}.service .service_thumb.active img{-webkit-transform:translate3d(-50%, -50%, 0) scale(1);transform:translate3d(-50%, -50%, 0) scale(1)}.service .service_list.active .item{-webkit-transition-delay:.05s;transition-delay:.05s}.service .service_list.active .item + .item{-webkit-transition-delay:.5s;transition-delay:.5s}.service .service_list.active .item + .item + .item{-webkit-transition-delay:.95s;transition-delay:.95s}.playing > .deco_cont_circle.fill{left:43%;top:-2rem}.coding .deco_donut{margin-left:-28rem;bottom:5rem}.playing > .deco_cont_circle.small{left:75%;top:70.75rem}.playing > .deco_cont_circle.thin{left:-31%;top:44.5rem}.together > .deco_question_fill{top:48.5rem;left:auto;right:52%;margin-left:0}.service .content_wrap .deco_bell.small{right:auto;margin-right:0;left:112%}.service .contents_foot .deco_shape{margin-right:0;right:5%}}@media (max-width: 767px){.deco_bell,.deco_question_fill,.foot_deco_circle,.service .contents_foot .deco_shape,.service .sub_visual .deco_dots_two,.service .sub_visual .deco_shape{display:none}.service .content_wrap{padding-bottom:8rem}.service .service_list .item{margin-top:5.375rem}.service .service_list .item_title{font-size:1.8rem;letter-spacing:-0.05em}.sub_visual .deco_circle_fill{position:absolute;top:calc(50% - 100px / 2);z-index:-1;width:100px;height:100px;opacity:0.05}.sub_visual .deco_circle_fill.mid{top:calc(50% - 200px / 2);z-index:-2;width:200px;height:200px;opacity:0.03}.sub_visual .deco_circle_fill.large{top:calc(50% - 300px / 2);z-index:-3;width:300px;height:300px;opacity:0.02}}