@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css?family=Montagu+Slab";@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;200;300;400;500;600;700&display=swap');@font-face{font-family:'RIDIBatang';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff');font-weight:normal;font-style:normal;}.serif{font-family:"Montagu Slab",'RIDIBatang',serif}*,*::after,*::before{box-sizing:border-box;font-family:"Poppins",'IBM Plex Sans KR',sans-serif;margin:0;padding:0}html,body{margin:0;padding:0;font-size:62.5%;font-family:"Poppins",'IBM Plex Sans KR',sans-serif;color:#1f1f1f;position:relative}body{-webkit-user-select:none;-moz-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}a{color:inherit;text-decoration:none}button,input,select,textarea{background-color:rgba(0,0,0,0);border:0}button:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:none}a,button{cursor:pointer;color:inherit;text-decoration:none;padding:0;margin:0}button,input,select,textarea{background-color:rgba(0,0,0,0);border:0}button:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}dl,li,ol,ul{list-style:none;padding:0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}textarea{overflow:auto}html{scroll-behavior:smooth}body{-ms-overflow-style:none;scrollbar-width:none;position:relative;width:100vw;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;background-color:#f7f8fa}body::-webkit-scrollbar{width:0;display:none}body::-webkit-scrollbar{display:none;width:0}.ir-pm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}.ir-wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%}.ir-so{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}.main{width:100vw;min-height:100vh;background-color:#f7f8fa}.inner{width:192rem}.image-container{display:flex;justify-content:center;align-items:center;overflow:hidden;text-align:center}.image-container img{width:100%;height:auto;display:block}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3,0.3,0.3)}50%{opacity:1 }}@keyframes fadeIn{from{opacity:0;transform:scale3d(0.3,0.3,0.3)}50%{opacity:1 }}@keyframes rotate{100%{transform:rotate(360deg) }}@keyframes stainBg01{0%{background-color:rgba(177,222,255,.4)}20%{background-color:none}40%{background-color:none}60%{background-color:none}80%{background-color:none}100%{background-color:none }}@keyframes stainBg02{0%{background-color:none}20%{background-color:none}40%{background-color:rgba(177,222,255,.4)}60%{background-color:none}80%{background-color:none}100%{background-color:none }}@keyframes stainBg03{0%{background-color:none}20%{baackground-color:none}40%{background-color:none}60%{background-color:none}80%{background-color:rgba(177,222,255,.4)}100%{background-color:none }}@keyframes textLoop{from{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0) }}@keyframes textRolling{from{transform:translateY(0)}to{transform:translateY(-75%) }}@keyframes moveUpDown{0%{opacity:.8;transform:translateY(-4px) translateX(-50%)}50%{opacity:1;transform:translateY(0) translateX(-50%)}100%{opacity:.8;transform:translateY(-4px) translateX(-50%) }}@keyframes gradientBg{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50% }}@keyframes marqueeDown{from{transform:translateY(0)}to{transform:translateY(-100%) }}@keyframes marqueeUp{from{transform:translateY(-100%)}to{transform:translateY(0) }}@keyframes marqueeLeft{from{transform:translateX(0)}to{transform:translateX(-100%) }}#cursor{position:absolute;z-index:99;filter:url("#goo");transform-origin:center}#cursor .blob{position:absolute;margin:-3rem/2 0 0 -3rem/2;width:3rem;height:3rem;border-radius:100%;background:#434343;top:50%;left:50%;pointer-events:none}#cursor .blob:nth-child(2){width:3rem;height:3rem;margin:-3rem/2 0 0 -3rem/2;z-index:-1;background:#434343}#cursor .blob:nth-child(3){width:3rem;height:3rem;margin:-3rem/2 0 0 -3rem/2;z-index:-2;background:#434343}#cursor .blob:nth-child(4){width:3rem;height:3rem;margin:-3rem/2 0 0 -3rem/2;z-index:-3;background:#434343}.header{width:100%;padding:3.2rem 10rem;overflow:hidden;box-sizing:border-box;position:sticky;top:0;font-size:2.2rem;z-index:999;display:grid;grid-template-columns:repeat(12,1fr);-moz-column-gap:2.4rem;column-gap:2.4rem;align-items:center;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in}.header.on-scroll{background-image:linear-gradient(to bottom,rgba(247,248,250,0.9),rgba(247,248,250,0.01))}.header__logo{grid-column-start:1;align-self:center;width:9rem;height:4.8rem;display:flex;justify-content:center;align-items:center;overflow:hidden;text-align:center;background-image:url("../assets/logo/logo_salin_bk.png");background-size:9rem auto;background-position:center center;background-repeat:no-repeat}.header__contact{display:block;text-align:left;grid-column:3/6;font-size:2.2rem;font-weight:400;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in}.header__contact:hover{color:#4f4f4f}.header .nav{grid-column-start:7;grid-column-end:13}.header .nav__list{width:100%;display:flex;justify-content:right;align-items:center;flex-direction:row;gap:8rem;z-index:8}.header .nav__item{transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in}.header .nav__item:hover{color:#4f4f4f}.nav__language{padding:0 1.6rem;border-radius:99rem;background-color:#b1deff;font-size:0.8em;font-weight:600;}.nav__language:hover{background-color:#bbe5ff;}.content{display:flex;flex-direction:column;align-items:center}.stop-scrolling{overflow:hidden}.fade-up{transition:all .8s;opacity:0;transform:translateY(20px);-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s}.fade-up.inview{opacity:1;transform:none;transition-delay:.3s}.fade-up.inview:nth-child(1){transition-delay:.15s}.fade-up.inview:nth-child(2){transition-delay:.2s}.fade-up.inview:nth-child(3){transition-delay:.25s}.fade-up.inview:nth-child(4){transition-delay:.3s}.fade-up.inview:nth-child(5){transition-delay:.35s}.fade-up.inview:nth-child(6){transition-delay:.45s}.fade-up.inview:nth-child(7){transition-delay:.5s}.fade-up.inview:nth-child(8){transition-delay:.6s}.heroes{width:100vw;height:calc(100vh - 11.2rem);position:relative;overflow:hidden;background:linear-gradient(180deg,#f7f8fa,#b1deff);background-size:400% 400%;animation:gradienBg 15s ease infinite}.heroes__greeting{width:100%;padding:0 10rem;box-sizing:border-box;height:64%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);gap:2.4rem;position:relative}.heroes__greeting .scroll-words{width:auto;grid-area:2/3/5/13;white-space:nowrap;align-self:start}.heroes__greeting .scroll-words__container{overflow:hidden;height:15rem;position:relative}.heroes__greeting .scroll-words__container::after,.heroes__greeting .scroll-words__container::before{content:"";width:100%;height:30%;position:absolute;left:0}.heroes__greeting .scroll-words__container:after{top:0;background-image:linear-gradient(to bottom,rgba(247,248,250,0.4),rgba(247,248,250,0))}.heroes__greeting .scroll-words__container::before{bottom:0;background-image:linear-gradient(to top,rgba(247,248,250,0.6),rgba(247,248,250,0))}.heroes__greeting .scroll-words__container--top,.heroes__greeting .scroll-words__container--bottom{display:flex;flex-direction:column;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in}.heroes__greeting .scroll-words__container--top{font-size:10rem;font-weight:600;animation:textRolling 7s infinite forwards}.heroes__greeting .scroll-words__container--bottom{font-size:8.4rem;font-weight:500}.heroes__greeting .scroll-words__item{line-height:15rem}.heroes .image-container{width:84.4rem;height:auto;position:absolute;bottom:0;right:14rem}.heroes__ribbon{padding:1.2rem 0;box-sizing:border-box}.heroes__ribbon--wrapper{display:flex;flex:0 0 auto;white-space:nowrap;overflow:hidden;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;font-size:7.2rem}.heroes__ribbon--wrapper:hover .heroes__ribbon--item{animation-play-state:paused;cursor:pointer}.heroes__ribbon--item{animation:textLoop 30000ms linear infinite;padding-right:1.5vw}.heroes .btn-more{width:4.8rem;height:4.8rem;position:absolute;bottom:7.2rem;left:50%;animation:moveUpDown 1s infinite alternate}.heroes .btn-more img{width:100%}.about{height:100vh;display:flex;flex-direction:column;justify-content:center;gap:7.2rem;align-items:center;padding:6rem 10rem;box-sizing:border-box}.about .interude{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3.2rem}.about .interude__title{font-size:4.8rem;font-weight:600}.about .interude__text{font-weight:500;font-size:3.2rem;line-height:5.4rem;padding:0 18rem}.about .interude__text .serif{font-weight:500}.about .interude__text .dim-bg-anim{display:inline-block;border-radius:50px;padding:0 1.2rem;box-sizing:border-box}.about .interude__text .dim-bg-anim:nth-child(1),.about .interude__text .dim-bg-anim:nth-child(4){animation:stainBg01 ease-in infinite;animation-duration:6s}.about .interude__text .dim-bg-anim:nth-child(2),.about .interude__text .dim-bg-anim:nth-child(6){animation:stainBg02 ease-in infinite;animation-duration:4s;animation-delay:6s}.about .interude__text .dim-bg-anim:nth-child(3),.about .interude__text .dim-bg-anim:nth-child(5){animation:stainBg03 ease-in infinite;animation-duration:6s;animation-delay:10s}.about .features{display:flex;gap:2.4rem;width:100%}.about .features__item{width:100%;display:flex;flex-direction:column;flex-shrink:1;gap:1.6rem;border-radius:1.2rem;padding:3.2rem 2.6rem;color:#fff;text-align:left}.about .features__item--title{font-size:3.2rem;font-weight:500}.about .features__item--text{font-size:2.4rem;font-weight:400;word-break:keep-all;letter-spacing:.4px}.about .features__item:nth-child(1){background-color:#0076ce}.about .features__item:nth-child(2){background-color:#008f69}.about .features__item:nth-child(3){background-color:#5479f7}.about .features__item:nth-child(4){background-color:#7362f0}.service{padding:0 10rem 10rem 10rem;box-sizing:border-box}.service__container{width:100%;height:100%;padding:10rem;box-sizing:border-box;border-radius:2.4rem;background-color:#fff;display:flex;flex-direction:column;gap:7.2rem}.service__container .heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3.2rem}.service__container .heading__title{font-size:4.8rem;font-weight:600;padding:0 4.2rem}.service__container .heading__text{font-weight:500;font-size:2.4rem}.service__list{display:flex;flex-direction:row;gap:8.4rem;align-items:center;justify-content:space-evenly}.service__list .tab{white-space:nowrap;display:flex;flex-direction:column;gap:2.4rem;flex-shrink:1}.service__list .tab__link{width:100%;display:flex;align-items:center;gap:2.4rem;width:auto;padding:2.4rem 5.2rem 2.4rem 3.2rem;box-sizing:border-box;border-radius:1.2rem;cursor:pointer;will-change:background-color;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in}.service__list .tab__link .icon-arrow{transition:transform .3s ease-out}.service__list .tab__link:hover .icon-arrow{transform:translateX(4px)}.service__list .tab__link:hover,.service__list .tab__link.active{background-color:rgba(144,144,144,.2)}.service__list .tab__icon{width:10rem;height:10rem;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-shrink:0}.service__list .tab__icon img{width:100%;height:100%;display:block}.service__list .tab__info{display:flex;flex-direction:column;gap:.8rem;text-align:left}.service__list .tab__title{font-size:3.2rem;font-weight:500}.service__list .tab__text{font-size:2.4rem;display:flex;flex-direction:row;align-items:center;gap:.8rem}.service__list .tab__contents{width:70%;max-height:64rem;border-radius:1.2rem;overflow:hidden}.service__list .tab__contents--list{display:flex;flex-direction:row;width:100%;overflow:hidden}.service__list .tab__contents--item{width:100%;height:52rem;display:none;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;position:relative}.service__list .tab__contents--item.active{display:block}.service__list .tab__contents--item img,.service__list .tab__contents--item video{height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.works{width:100vw;padding:8rem 0;box-sizing:border-box;background-color:#fff;display:flex;flex-direction:column;align-items:center}.works .inner{padding:0 10rem;box-sizing:border-box}.works .heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3.2rem;margin-bottom:7.2rem}.works .heading__title{font-size:4.8rem;font-weight:600}.works .heading__text{font-weight:500;font-size:2.4rem}.works__list{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,22.5rem);gap:2.4rem}.works__list--item{border-radius:1.2rem;overflow:hidden;background-color:#f7f8fa}.works__list--item .has-link{cursor:pointer}.works__list--item .image-container{width:auto;height:100%}.works__list--item .image-container .bg-default{width:100%;height:auto}.works__list .extends--1{grid-area:1/1/span 2/span 2}.works__list .extends--2{grid-area:4/1/span 2/2}.works__list .extends--3{grid-area:4/2/span 2/span 2}.clients{width:100vw;padding:1.2rem 0 8rem;box-sizing:border-box;background-color:#fff;display:flex;justify-content:center;overflow:hidden}.clients .inner{width:100%;position:relative}.clients .inner::after,.clients .inner::before{content:"";width:10%;height:100%;position:absolute;top:0;z-index:1}.clients .inner:after{right:0;background-image:linear-gradient(to left,rgba(255,255,255,0.8),rgba(255,255,255,0))}.clients .inner::before{left:0;background-image:linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,0.8))}.clients__ribbon{transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;display:flex;flex-direction:row}.clients__ribbon--container{display:flex;flex-direction:row;gap:.4rem;flex-shrink:0;animation:marqueeLeft 50000ms linear infinite}.clients__ribbon--item{width:21rem;flex-shrink:0}.clients__ribbon--item img{width:100%}.usecase{width:100vw;padding:10rem 0;box-sizing:border-box;display:flex;justify-content:center}.usecase .inner{padding:0 10rem;box-sizing:border-box;display:flex;gap:8rem;align-items:center;justify-content:center}.usecase__list{display:flex;flex-direction:row;gap:2.4rem;border-radius:1.2rem;overflow:hidden}.usecase__list--column{display:flex;flex-direction:column;gap:2.4rem;height:70rem}.usecase__list--column:nth-child(odd){animation:marqueeDown 16s linear infinite}.usecase__list--column:nth-child(even){animation:marqueeUp 16s linear infinite}.usecase__list--item{max-width:32rem;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2.4rem 2.8rem;box-sizing:border-box;border-radius:1.2rem;background-color:#fff}.usecase__list--item .icon{width:3.6rem;height:3.6rem}.usecase__list--item .title{font-size:2rem;font-weight:500;margin:.8rem 0 1rem;text-align:center}.usecase__list--item .text{font-size:1.45rem;line-height:2rem;color:#6e6e6e;font-weight:400;text-align:center;word-break:keep-all}.usecase__info{display:flex;flex-direction:column;gap:2.4rem;align-items:flex-start;margin-right:auto}.usecase__info--title{font-size:4.8rem;font-weight:600}.usecase__info--text{font-size:2.4rem;line-height:4.2rem;margin-bottom:1.2rem;font-weight:500}.usecase__info--btn{font-size:2.8rem;display:flex;gap:.8rem;align-items:center;position:relative;font-weight:500;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in}.usecase__info--btn .icon-arrow{transition:transform .3s ease-out}.usecase__info--btn:hover{color:#8f8f8f}.usecase__info--btn:hover .icon-arrow{transform:translateX(4px)}.promotion-video{width:100vw;height:54vh;box-sizing:border-box;padding:8rem 0;display:flex;justify-content:center;background-color:#fff;position:relative}.promotion-video .dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background-color:rgba(0,0,0,.5)}.promotion-video .bg-video{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.promotion-video .bg-default{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.footer{width:100vw;height:64vh;box-sizing:border-box;padding:8rem 0;display:flex;justify-content:center}.footer .inner{position:relative;padding:0 10rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem}.footer__text{font-size:3.2rem;text-align:center}.footer__text .welcome-msg{position:relative;display:inline-block;}.footer__text .welcome-msg:after,.footer__text .welcome-msg:before{content:"";width:2.4rem;height:2.4rem;position:absolute;top:50%;transform:translateY(-50%);background-image:url("../assets/icon/icon_sparkle.png");background-size:2.4rem 2.4rem;background-position:center center;background-repeat:no-repeat}.footer__text .welcome-msg:after{left:-3.6rem}.footer__text .welcome-msg:before{right:-3.6rem}.footer__text .btn-mail{font-weight:600;font-size:3.6rem;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in}.footer__text .btn-mail:hover{color:#8f8f8f}.footer__link{width:100%;display:flex;justify-content:center;gap:4.8rem;margin-top:1.2rem}.footer__link--item{width:10rem;height:10rem;border-radius:100px;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;display:flex;justify-content:center;align-items:center}.footer__link--item ion-icon{width:6.8rem;height:6.8rem}.footer__link--item:hover,.footer__link--item:focus{background-color:#b1deff}.footer__copyright{width:100%;box-sizing:border-box;display:flex;justify-content:flex-end;font-size:1.6rem;font-weight:500;position:absolute;bottom:0}.btn-contact{width:19rem;height:19rem;border-radius:100%;background-color:#b1deff;z-index:10;position:fixed;left:10rem;bottom:4.6rem;padding:2.4rem;box-sizing:border-box}.btn-contact .container{position:relative;width:100%;height:100%}.btn-contact .container::after{content:"";width:7.2rem;height:7.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url("../assets/img/img_send_plane.png");background-size:7rem 7rem;background-position:center center;z-index:1}.btn-contact .image-container{width:100%;height:100%;position:relative}.btn-contact .image-container img{width:100%;height:100%}.drop-shadow{box-shadow:4px 4px 12px rgba(0,0,0,0.1);}.popup{position:absolute;top:10rem;left:2rem;width:60rem;padding:1.2rem;border-radius:1.2rem;background-color:#fff;z-index:101;}.popup__content{position:relative;width:100%;padding-top:52.5%;overflow:hidden;}.popup__img{display:block;position:absolute;border-radius:0.8rem;top:0;left:0;right:0;bottom:0;max-width:100%;}.popup__form{display:flex;justify-content:space-between;margin:1.6rem 0.4rem 0.4rem;font-size:1.6rem;line-height:1;}.popup-check__box{position:relative;width:1.4rem;height:1.4rem;margin-right:0.4rem;}.popup-check__box:checked:after{content:"";font-size:1.3rem;width:100%;height:100%;text-align:center;position:absolute;left:0;top:0;}.popup__close{font-weight:500;}@media only screen and (max-width:2240px){.inner{max-width:224rem}.heroes .image-container{width:36%;position:absolute;bottom:0;right:4rem}.btn-contact{left:4.6rem;bottom:3.6rem }}@media screen and (max-width:1920px){.inner{max-width:192rem}.heroes .image-container{width:30% }}@media only screen and (max-width:1728px){.inner{max-width:172.8rem}.heroes__ribbon--item{font-size:6.4rem}.about .features__item{gap:1.8rem}.about .features__item--text{font-size:2.4rem}.service__container{gap:6.2rem}.service__list{gap:7.2rem}.service__list .tab{gap:2rem}.service__list .tab__link{padding:2rem 4.2rem 2rem 3.6rem;gap:2rem}.service__list .tab__icon{width:8.4rem;height:8.4rem}.service__list .tab__title{font-size:2.8rem}.service__list .tab__text .icon-arrow-forward{width:2rem;height:2rem;background-size:1.4rem 1.4rem}.works .heading{margin-bottom:5.4rem;gap:2.4rem}.works .heading__title{font-size:3.6rem}.works .heading__text{font-size:2.4rem}.works__list{grid-template-rows:repeat(5,20.5rem)}.works__list--item .image-container{display:flex;justify-content:center;align-items:center}.works__list--item .image-container img,.works__list--item .image-container .bg-default{width:auto;height:100%}.usecase .inner{padding:0 8rem;gap:5.4rem}.usecase__info{gap:1.8rem}.usecase__info--title{font-size:3.6rem}.usecase__info--text{font-size:2rem;line-height:3.6rem}.usecase__info--btn{font-size:2.4rem}.usecase__list{height:54rem}.usecase__list--item{padding:2.4rem}.usecase__list--item .title{font-size:1.6rem}.usecase__list--item .text{font-size:1.2rem;line-height:1.6rem}.footer__copyright{padding:0 8rem;box-sizing:border-box}.footer__text .btn-mail{font-size:2.6rem }}@media only screen and (max-width:1512px){.inner{max-width:151.2rem}.btn-contact{width:12rem;height:12rem;padding:1.6rem}.btn-contact .container::after{width:5.4rem;height:5.4rem;background-size:5rem 5rem }}@media only screen and (max-width:1440px){.inner{max-width:144rem}.header{padding:3.2rem 6rem;font-size:1.8rem;-moz-column-gap:1.6rem;column-gap:1.6rem}.header__logo{width:7.2rem;height:3.84rem;background-size:7.2rem auto}.header__contact{font-size:1.8rem}.header .nav__list{gap:4rem}.heroes__greeting{padding:0 6rem;gap:1.6rem}.heroes__greeting .scroll-words{grid-area:2/3/5/12}.heroes__greeting .scroll-words__container{height:12rem}.heroes__greeting .scroll-words__container--top{font-size:7.2rem}.heroes__greeting .scroll-words__container--bottom{font-size:6.8rem}.heroes__greeting .scroll-words__item{line-height:12rem}.heroes .btn-more{width:3.2rem;height:3.2rem}.about .interude__title{font-size:3.6rem}.about .interude__text{font-size:2.4rem;line-height:4rem}.about .features__item{gap:1.4rem}.about .features__item--title{line-height:4rem}.about .features__item--text{font-size:1.8rem}.service__container{padding:8rem;gap:4.8rem}.service__container .heading__title{font-size:3.6rem;padding:0 8rem}.service__container .heading__text{font-size:1.8rem}.service__list{gap:5.4rem}.service__list .tab{gap:1.8rem}.service__list .tab__link{padding:1.8rem 3.2rem 1.8rem 2.4rem;gap:1.8rem}.service__list .tab__icon{width:6.8rem;height:6.8rem}.service__list .tab__title{font-size:2.4rem}.service__list .tab__text{font-size:1.8rem}.service__list .tab__contents--item{height:35.4rem}.works__list{grid-template-rows:repeat(5,16.4rem)}.clients{padding:1.2rem 0 6rem}.footer__text{font-size:2.4rem}.footer__text .btn-mail{font-size:2.6rem }}@media only screen and (max-width:1366px){.inner{max-width:136.6rem}.header__logo{width:6.48rem;height:3.44rem;background-size:6.4rem auto}.heroes .image-container{width:27%}.works__list{grid-template-rows:repeat(5,15.4rem) }}@media only screen and (max-width:1024px){.inner{max-width:102.4rem}.header{padding:2.8rem 4rem;-moz-column-gap:1.2rem;column-gap:1.2rem}.header__contact{font-size:1.8rem}.header .nav{gap:4rem}.heroes__greeting{padding:1.2rem 4rem;gap:1.2rem}.heroes__greeting .scroll-words{grid-area:1/3/4/12}.heroes__greeting .scroll-words__container{height:10rem}.heroes__greeting .scroll-words__item{line-height:10rem}.heroes__ribbon--item{font-size:4.8rem}.about{height:auto;padding:6rem 8rem;gap:4rem}.about .interude__title{font-size:2.6rem}.about .interude__text{font-size:1.8rem;line-height:3.2rem}.about .features__item{padding:2.2rem 1.8rem}.about .features__item--title{font-size:2rem;line-height:3.2rem}.about .features__item--text{font-size:1.4rem}.service{padding:0 8rem 8rem 8rem}.service__container{padding:6rem;gap:4rem}.service__container .heading{gap:2.4rem}.service__container .heading__title{font-size:2.6rem}.service__container .heading__text{font-size:1.8rem;line-height:3.2rem}.service__list{gap:4.2rem}.service__list .tab{gap:1.2rem}.service__list .tab__link{padding:1.4rem 2.4rem 1.4rem 1.6rem;gap:1.6rem}.service__list .tab__title{font-size:1.8rem}.service__list .tab__text{font-size:1.4rem}.service__list .tab__icon{width:4.8rem;height:4.8rem}.service__list .tab__contents--item{height:26rem}.works{padding:6rem 0}.works .heading{margin-bottom:3.6rem;gap:1.8rem}.works .heading__title{font-size:2.6rem}.works .heading__text{font-size:1.8rem}.works__list{gap:1.6rem;grid-template-rows:repeat(5,10.9rem)}.clients__ribbon{padding:0}.clients__ribbon--item{width:18rem}.usecase{padding:8rem 0}.usecase__list{width:100%;height:44rem}.usecase__list--column:last-child{display:none}.usecase__info{gap:1.2rem}.usecase__info--title{font-size:2.4rem}.usecase__info--text{font-size:1.6rem;line-height:2.8rem}.usecase__info--btn{font-size:1.8rem}.footer{height:40vh;padding:6rem 0}.footer__link--item{width:8rem;height:8rem}.footer__link--item ion-icon{width:5.2rem;height:5.2rem }}@media only screen and (max-width:820px){.inner{max-width:82rem}.header{padding:2.4rem 3.2rem}.header__contact{font-size:1.6rem}.header .nav{grid-column-start:8;justify-content:flex-end;gap:3.2rem;font-size:1.6rem}.heroes{height:auto;padding-bottom:4.2rem}.heroes__greeting{display:flex;flex-direction:column;justify-content:center;align-items:center}.heroes__greeting .scroll-words{align-self:center;text-align:center}.heroes__greeting .scroll-words__container{height:9rem}.heroes__greeting .scroll-words__container--top{font-size:6.4rem}.heroes__greeting .scroll-words__container--bottom{font-size:5.6rem}.heroes__greeting .scroll-words__item{line-height:8rem}.heroes__greeting .image-container{position:relative;right:0}.heroes__ribbon{display:none}.heroes .btn-more{width:2.4rem;height:2.4rem;bottom:2.4rem}.about{gap:3.2rem}.about .interude__title{font-size:2.2rem}.about .interude__text{font-size:1.6rem;line-height:2.8rem;padding:0 4rem}.about .features{display:grid;gap:1.6rem;grid-template-columns:repeat(2,1fr)}.service{padding:0 8rem 6rem 8rem}.service .heading{gap:1.6rem}.service .heading__title{font-size:2.2rem}.service .heading__text{font-size:1.6rem;line-height:2.8rem}.service__container{padding:4.8rem 6rem;gap:3.2rem}.service__list{gap:3.2rem;flex-direction:column}.service__list .tab{flex-direction:row}.service__list .tab__text{display:none}.service__list .tab__contents{width:80%;height:auto}.works{padding:4.8rem 0}.works .inner{padding:0 8rem}.works .heading{gap:1.6rem;margin-bottom:3.2rem}.works__list{grid-template-rows:repeat(4,8.4rem)}.works__list .extends--2,.works__list .extends--3{grid-area:auto}.works__list .extends--2 .image-container{align-items:flex-end}.works__list--item .image-container .bg-default{width:100%;height:auto}.clients{padding:0 0 4.8rem}.clients__ribbon--item{width:12rem}.usecase{padding:6rem 0}.usecase .inner{gap:3.6rem}.usecase__list{height:36rem}.usecase__list--item{padding:1.6rem;min-width:auto}.usecase__info--text{font-size:1.4rem;line-height:2.2rem}.promotion-video{height:34vh;min-height:36rem}.footer{height:36vh;min-height:38rem}.footer__text{font-size:2rem}.footer__text .btn-mail{font-size:2rem}.footer__link{gap:3.2rem}.footer__link--item{width:6rem;height:6rem}.footer__link--item ion-icon{width:3.2rem;height:3.2rem}.footer__copyright{justify-content:center;color:#8f8f8f}.btn-contact{display:none }}@media only screen and (max-width:768px){.inner{max-width:76.8rem}.header{display:flex}.header__contact{display:none}.header.on-scroll{-webkit-backdrop-filter:blur(0.5px);backdrop-filter:blur(0.5px)}.header .nav{margin-left:auto;overflow:hidden;grid-column-start:8;justify-content:flex-start;gap:1.6rem}.header .nav__list{gap:3.2rem}.heroes__greeting .scroll-words__container{height:6.4rem}.heroes__greeting .scroll-words__container--top{font-size:4.4rem}.heroes__greeting .scroll-words__container--bottom{font-size:4.8rem}.heroes__greeting .scroll-words__item{line-height:6.4rem}.about{padding:4.8rem 6rem}.service{padding:0 6rem 4.8rem 6rem}.service .heading__title{font-size:2rem}.service .heading__text{font-size:1.6rem}.service__container{padding:4.8rem;gap:2.4rem}.service__list{gap:2.4rem}.service__list .tab__contents{width:100%}.service__list .tab__title{font-size:1.6rem}.service__list .tab__link{gap:1.2rem;padding:1.2rem 1.8rem 1.2rem 1.4rem}.service__list .tab__icon{width:3.6rem;height:3.6rem}.works .heading__title{font-size:2rem}.works .heading__text{font-size:1.6rem}.works__list{grid-template-rows:repeat(4,11.55rem);grid-template-columns:repeat(3,1fr)}.works__list .extends--1{grid-area:auto}.works__list--item{border-radius:.6rem}.works__list--item:last-child{display:none}.usecase .inner{padding:0 6rem}.usecase__list{gap:1.6rem}.usecase__list--column{gap:1.6rem}.usecase__info--title{font-size:2rem}.usecase__info--btn{font-size:1.6rem}.footer{padding:0}.footer__copyright{bottom:1.6rem}.popup{width:90%;left:50%;top:12rem;transform:translateX(-50%);}.popup__form{font-size:1.4rem;}}@media only screen and (max-width:480px){.inner{max-width:48rem}.header{padding:1.6rem 2.4rem}.header__logo{width:5.76rem;height:3.08rem;background-size:5.76rem auto}.about{padding:3.6rem 2rem;gap:2.4rem}.about .interude{gap:1.8rem}.about .interude__title{font-size:1.8rem}.about .interude__text{font-size:1.2rem;line-height:2rem;padding:0 2rem}.about .features{gap:1.2rem}.about .features__item{gap:1.2rem}.about .features__item--title{font-size:1.6rem;line-height:2.4rem}.about .features__item--text{font-size:1.2rem;line-height:1.8rem}.service{padding:0 2rem 3.2rem 2rem}.service .heading{gap:1.2rem}.service .heading__title{font-size:1.8rem;padding:0 1.4rem}.service .heading__text{font-size:1.2rem;line-height:1.8rem}.service__container{padding:2.8rem;gap:1.6rem}.service__container .tab__title{display:none}.service__container .tab__link{gap:0;padding:1.2rem}.service__list{gap:1.2rem}.service__list .tab__contents--item{height:22.4rem}.works{padding:3.2rem 0}.works .heading{gap:1.2rem;margin-bottom:1.8rem}.works .heading__title{font-size:1.8rem}.works .heading__text{font-size:1.2rem}.works .inner{padding:0 2rem}.works__list{gap:1.2rem;grid-template-rows:repeat(4,7.8rem)}.clients{padding:0 0 3.2rem 0}.clients__ribbon--item{width:8rem}.usecase{padding:3.2rem 0}.usecase .inner{padding:0 2rem;gap:2.4rem}.usecase__list{height:26rem}.usecase__list--column:nth-child(2){display:none}.usecase__list--item .title{font-size:1.4rem;margin:.6rem 0 .8rem}.usecase__list--item .text{font-size:1rem;line-height:1.4rem}.usecase__info--title{font-size:1.8rem}.usecase__info--text{font-size:1.2rem;line-height:1.8rem;margin-bottom:.6rem}.usecase__info--btn{font-size:1.4rem}.promotion-video{height:24vh;min-height:28rem}.footer{height:32vh;min-height:32rem}.footer .inner{padding:0 2rem}.footer__text{font-size:1.6rem}.footer__text .btn-mail{font-size:1.8rem}.footer__text .welcome-msg::after,.footer__text .welcome-msg::before{width:1.8rem;height:1.8rem;background-size:1.6rem 1.6rem}.footer__text .welcome-msg::before{right:-2.4rem}.footer__text .welcome-msg::after{left:-2.4rem}.footer__link{gap:2.4rem;margin:0}.footer__link--item{width:4.8rem;height:4.8rem}.footer__link--item ion-icon{width:2.6rem;height:2.6rem}.footer__copyright{font-size:1rem }}@media only screen and (max-width:414px){.inner{max-width:41.4rem}.header .nav{gap:1.6rem;font-size:1.4rem}.header .nav__list{gap:2.4rem}.header__logo{width:4.61rem;height:2.46rem;background-size:4.61rem auto}.heroes__greeting .scroll-words__container{height:4.8rem}.heroes__greeting .scroll-words__container--top{font-size:3.6rem}.heroes__greeting .scroll-words__container--bottom{font-size:3.4rem}.heroes__greeting .scroll-words__item{line-height:4.8rem}.heroes .btn-more{width:1.8rem;height:1.8rem;bottom:1.6rem}.about{gap:2.4rem;padding:2.8rem 2rem}.about .interude__title{font-size:1.6rem}.about .interude__text{padding:0 1.2rem}.about .features__item{padding:1.8rem 1.4rem;gap:.8rem}.about .features__item--title{font-size:1.4rem;line-height:2rem}.service__container{padding:2.8rem 2rem}.works{padding:2.8rem 0}.works__list{grid-template-rows:repeat(6,10.2rem);grid-template-columns:repeat(2,1fr)}.clients{padding:0 0 2.8rem 0}.usecase{padding:2.8rem 0}.usecase .inner{gap:2rem}.usecase__info--title{font-size:1.6rem}.usecase__info--text{font-size:1rem;line-height:1.6rem;margin-bottom:0}.usecase__info--btn{font-size:1.2rem}.footer{height:28vh;min-height:28rem}.footer__text{font-size:1.4rem}.footer__text .btn-mail{font-size:1.6rem }}@media only screen and (max-width:390px){.inner{max-width:39rem}.about{gap:1.8rem}.about .features__item--title{line-height:1.8rem}.about .features__item--text{font-size:1rem;line-height:1.6rem}.service .heading{gap:.8rem}.service .heading__title{font-size:1.6rem}.service .heading__text{padding:0 1.2rem}.service .tab__contents--item{height:18rem}.works .heading{gap:.8rem}.works .heading__title{font-size:1.6rem}.works__list{grid-template-rows:repeat(6,9.5rem)}.works__list--item{min-height:9.4rem}.usercase .inner{gap:1.6rem}.usercase__list--item{min-width:14.4rem}.usercase__info{gap:.8rem}.usercase__info--title{font-size:1.6rem}.usercase__info--text{font-size:1rem;line-height:1.6rem }}@media only screen and (max-width:375px){.inner{max-width:37.5rem}.header .nav{font-size:1.4rem}.header .nav__list{gap:2rem}.works__list{grid-template-rows:repeat(6,9rem)}.promotion-video{height:20vh;min-height:24rem }}