@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap);footer{display:flex;justify-content:center;align-items:center;height:12vh;color:#9d9d9d}footer small{display:block;margin-left:2%}.list_item{margin-top:70px;margin-left:20px;position:relative}.list_item .list_body{padding:25px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-around;background-color:#fff;width:100%;min-height:64vh;color:var(--serve-color)}.list_item .list_body figure{overflow:hidden;box-sizing:content-box}.list_item .list_body figure img{min-width:100%;height:auto}.list_item .list_body .list_txt{text-align:left;margin-left:4px}.list_item .list_body .list_txt .btn_section{margin:15px 0 20px;display:flex;justify-content:space-between}.list_item .list_body .list_txt .btn_section h2{font-size:1.5rem}.list_item .list_body .list_txt .btn_section .btn_wrap a{display:inline-block}.list_item .list_body .list_txt .btn_section .btn_wrap a:last-child{margin-left:15px}.list_item .list_body .list_txt .btn_section .btn_wrap a img{scale:90%}.list_item .list_body .list_txt p{font-size:1.1rem;margin-bottom:20px;word-break:keep-all}.list_item .list_body .list_txt ul{display:flex;flex-direction:column}.list_item .list_body .list_txt ul li{display:flex;align-items:self-start;word-break:keep-all;margin-bottom:10px}.list_item .list_body .list_txt ul li em{display:block;width:25%;border:1px solid var(--serve-color);border-radius:99px;font-style:normal;text-align:center;margin-right:10px}.list_item .list_body .list_txt ul li div{width:75%;display:flex;flex-wrap:wrap;line-height:1.2rem}.list_item .list_body .list_txt ul li div span{display:inline-block}.list_item .list_body .list_txt ul li div span:after{content:"/";display:inline-block;margin:0 5px}.list_item .taptit{position:absolute;z-index:-1;top:-50px;left:0;width:40%;padding:17px 0;border-radius:10px;background-color:#5b5b5b}.list_item .taptit i{font-style:normal}.s_subscribe{background-color:var(--serve-color)}.s_subscribe .sub-middle{display:flex;align-items:center;justify-content:space-around;width:92vw;height:40vh;margin:0 auto}.s_subscribe .sub-middle .text-wrap{width:36%;color:#fff;text-align:left}.s_subscribe .sub-middle .text-wrap h3{font-size:4.5rem;line-height:5rem}.s_subscribe .sub-middle .text-wrap span{margin-top:20px;display:block;font-size:1.1rem;font-weight:300;color:#828282}.s_subscribe .sub-middle form{width:42%;position:relative}.s_subscribe .sub-middle form input{width:100%;padding:50px 30px;border-radius:10px;background-color:#fff;border:none;display:block}.s_subscribe .sub-middle form input::-moz-placeholder{color:#d9d9d9;font-size:2rem;font-weight:500}.s_subscribe .sub-middle form input::placeholder{color:#d9d9d9;font-size:2rem;font-weight:500}.s_subscribe .sub-middle form button{background-color:var(--serve-color);position:absolute;top:50%;right:5%;padding:15px;transform:translateY(-50%);border-radius:99px}.popup_wrap{height:auto;padding:3% 7%}.popup_wrap h2{font-size:2.3rem;margin-bottom:30px}.popup_wrap>ul{margin:90px 0}.popup_wrap>ul li{display:flex;align-items:center;margin-bottom:5px}.popup_wrap>ul li em{width:12%;font-style:normal;padding:3px 15px;border:1px solid var(--serve-color);border-radius:99px;margin-right:20px}.popup_wrap>ul li div{width:88%;display:flex;flex-wrap:wrap;text-align:left}.popup_wrap>ul li div span{width:50%}.popup_wrap>p{text-align:left;font-size:1.2rem}.popup_wrap .btn_wrap{margin-top:60px;display:flex;align-items:center;justify-content:center}.popup_wrap .btn_wrap a{border:1px solid var(--serve-color);border-radius:10px;padding:0 20px;display:inline-block;display:flex;align-items:center;color:#5c5c5c}.popup_wrap .btn_wrap a:first-child{margin-right:20px}.popup_wrap .btn_wrap .git_icon:before{content:url(/img/git_icon.257d3aec.svg);margin:5px 5px 0 0}.popup_wrap .btn_wrap .site_icon:before{content:url(/img/site_icon.bfb1a196.svg);margin:5px 5px 0 0}.popup_wrap .team_explain{margin-top:90px}.popup_wrap .team_explain h3{text-align:left;font-size:1.9rem}.popup_wrap .team_explain section{margin-top:50px;text-align:left}.popup_wrap .team_explain section h4{font-size:1.5rem;text-align:left}.popup_wrap .team_explain section>ul{margin-top:20px}.popup_wrap .team_explain section>ul>li{font-size:1.1rem}.popup_wrap .team_explain .fir-sec h4:before{margin-right:20px;display:inline-block;content:url(/img/mainskill.765a94a4.svg);vertical-align:middle}.popup_wrap .team_explain .fir-sec ul li{display:flex}.popup_wrap .team_explain .fir-sec ul li span{margin-right:5px;display:block}.popup_wrap .team_explain .second-sec h4{display:flex;align-items:center}.popup_wrap .team_explain .second-sec h4 span{display:block;margin-left:10px;font-size:1.2rem;font-weight:400;letter-spacing:-1%}.popup_wrap .team_explain .second-sec h4:before{margin-right:20px;display:inline-block;content:url(/img/teamindivi.eacce059.svg);vertical-align:middle}.popup_wrap .team_explain .second-sec ul{display:flex;flex-direction:column}.popup_wrap .team_explain .second-sec ul li div{padding:10px 0 10px 30px;width:100%;background-color:#d9d9d9;margin:20px 0}.popup_wrap .team_explain .second-sec ul li p{width:95%;line-height:1.7rem;margin-left:20px;display:flex}.popup_wrap .team_explain .second-sec ul li p span{display:block;padding-right:10px}.popup_wrap .team_explain .third-sec h4:before{margin-right:20px;display:inline-block;content:url(/img/troubleshoot.383abe7a.svg);vertical-align:middle}.popup_wrap .team_explain .third-sec ul{display:flex;flex-direction:column}.popup_wrap .team_explain .third-sec ul li{margin-bottom:15px;line-height:1.6rem}.popup_wrap .team_explain .third-sec ul li div{margin-bottom:4px}.popup_wrap .team_explain .third-sec ul li p{padding:3px 0 3px 10px;margin:10px 0;background-color:#ddd}.popup_wrap .team_explain .third-sec ul li span{display:flex;margin:10px 0}.popup_wrap .team_explain .third-sec ul li span i{font-style:normal;display:block;margin-right:5px}.popup_wrap .team_explain .fourth-sec h4{margin-bottom:20px}.popup_wrap .team_explain .fourth-sec h4:before{margin-right:20px;display:inline-block;content:url(/img/logomade.fe55fe95.svg);vertical-align:middle}.popup_wrap .team_explain .fourth-sec div{display:flex;justify-content:start;align-items:center}.popup_wrap .team_explain .fourth-sec div img{display:inline-block;margin-right:30px}.popup_wrap .team_explain .fifth-sec h4:before{margin-right:20px;display:inline-block;content:url(/img/monitor.00874bc2.svg);vertical-align:middle}.popup_wrap .team_explain .fifth-sec ul{display:flex;justify-content:space-between;flex-wrap:wrap}.popup_wrap .team_explain .fifth-sec ul li{display:flex;width:32%;background-color:#d9d9d9;height:auto}.popup_wrap .morebtn{border-radius:99px;padding:12px 60px;color:#fff;background-color:var(--primary-color)}.s_intro{margin-bottom:70px}.s_intro h2{line-height:10rem;font-size:9rem;color:var(--primary-color);margin:60px 0 50px}.s_intro h2 span{display:inline-block;opacity:0;transform:translateY(100%);animation:slideUp .9s forwards}.s_intro b{display:inline-block;color:var(--primary-color);font-size:1.6rem;font-weight:200;padding:20px 30px;border:1px solid var(--primary-color);border-radius:99px}.s_intro b br{display:none}.s_intro .introgif{margin-top:60px}@keyframes slideUp{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(100%)}}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:normal;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.home .section{width:100%;margin:0 auto}.home .section .text-wrap h5{font-weight:400;font-size:1.8rem}.home .section .text-wrap h3{font-size:4rem}.home .s_cart{height:100vh;padding:0 160px;background-color:var(--primary-color);display:flex;align-items:center}.home .s_cart p{margin:0;text-align:left;width:55%;font-weight:400;font-size:4.1rem;color:#fff;letter-spacing:-1px}.home .s_cart p i{font-style:normal}.home .s_cart p span{display:block}.home .s_cart figure{padding-left:60px;margin:0;width:45%;text-align:left}.home .s_cart figure img{filter:drop-shadow(5px 5px 5px rgba(0,0,0,.1))}.home .s_service{display:flex;flex-direction:column;justify-content:center;height:100vh}.home .s_service .text-wrap{margin:0 0 50px 10%;text-align:left}.home .s_service ul li{padding:60px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:flex;align-items:center;overflow:hidden;position:relative}.home .s_service ul li:nth-child(2){border:none}.home .s_service ul li:nth-child(2) div{flex:0 0 2200px;align-items:center;white-space:nowrap;animation:flow-txt-reverse 50s linear infinite}.home .s_service ul li:nth-child(3) div{flex:0 0 2000px;align-items:center;white-space:nowrap;animation:flow-txt 40s linear infinite}.home .s_service ul li div{flex:0 0 1400px;align-items:center;white-space:nowrap;animation:flow-txt 35s linear infinite}.home .s_service ul li div span{vertical-align:middle;white-space:nowrap;padding-right:7%;font-size:2rem;display:inline-block}.home .s_service ul li div .icon{display:inline-flex;align-items:center}.home .s_service ul li div .icon img{margin-right:10px;width:70px;height:auto;-o-object-fit:contain;object-fit:contain}@keyframes flow-txt{to{transform:translateX(-100%)}}@keyframes flow-txt-reverse{to{transform:translateX(0)}0%{transform:translate(-100%)}}.home .s_project{background-color:var(--serve-color);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto}.home .s_project .text-wrap{color:#fff;margin:80px 0 35px}.home .s_project .btnsection{position:absolute;top:150px;right:16%;z-index:10;display:flex;gap:25px}.home .s_project .btnsection button{display:block;border:none;width:54px;height:54px;border-radius:10px}.home .s_project .btnsection button.active{background-color:var(--primary-color);color:#fff}.home .s_project .btnsection .albumbtn{background:url(/img/albumbtn_white.a028003d.svg) 50% no-repeat}.home .s_project .btnsection .slidebtn{background:url(/img/slidebtn_white.af8da680.svg) 50% no-repeat}.home .s_project .btnsection span{background-color:#3e3e3e;font-size:3px}.home .s_project .con_list{width:100%;margin-bottom:80px}.home .s_project .con_list .list_s .swiper{width:83%;color:#fff}.home .s_project .con_list .list_s .swiper .swiper-button-prev{width:50px;height:50px;border-radius:99px;background-color:rgba(0,0,0,.6)}.home .s_project .con_list .list_s .swiper .swiper-button-prev:after{content:url(/img/maki_arrow_left.87f1ea9a.svg);display:inline-block}.home .s_project .con_list .list_s .swiper .swiper-button-next{width:50px;height:50px;padding:0 10px;border-radius:99px;background-color:rgba(0,0,0,.6)}.home .s_project .con_list .list_s .swiper .swiper-button-next:after{content:url(/img/maki_arrow_right.28358750.svg);display:inline-block}.home .s_project .con_list .list_s .swiper .swiper-pagination{bottom:-7px}.home .s_project .con_list .list_a{margin:0 160px;display:flex;flex-wrap:wrap}.home .s_project .con_list .list_a .list_item{width:32%;z-index:5}.home .s_project .con_list .list_a .list_item .taptit i{color:#fff}.home .s_about{display:flex;flex-direction:column;justify-content:center;height:100vh;position:relative}.home .s_about .text-wrap{margin:0 0 50px 10%;text-align:left;position:absolute;top:10%;left:0;z-index:1}.home .s_about .text-wrap h5{margin-bottom:-13px}.home .s_about .canvas{position:absolute;left:0;top:0;width:100%;height:100vh}.home .s_about .canvas img{width:700px;height:auto;-o-object-fit:cover;object-fit:cover}.home .s_about p{position:absolute;bottom:14%;left:0;margin:50px 10% 30px;font-size:1.6rem;text-align:left;z-index:1}.home .s_about button{position:absolute;z-index:1;bottom:10%;left:50%;transform:translateX(-50%);font-size:1rem;margin:0 auto;border-radius:10px;display:block;color:#fff;width:200px;height:50px;background-color:var(--serve-color)}.home .s_interview{background-color:var(--primary-color);color:#fff;display:flex;flex-direction:column;justify-content:center;height:100vh}.home .s_interview .text-wrap{margin:0 0 50px 10%;text-align:left}.home .s_interview .text-wrap h5{margin-bottom:-13px}.home .s_interview ul{margin:0 10%}.home .s_interview ul li{background-color:#fff;width:100%;color:var(--serve-color);margin-bottom:25px;border-radius:10px;text-align:left;display:flex;flex-direction:column;justify-content:center;padding:4% 3%}.home .s_interview ul li h4{font-weight:700;font-size:2rem;color:var(--primary-color);margin-bottom:20px}.home .s_interview ul li p{word-break:break-all;margin:0 40px;font-size:1.2rem;color:#7a7a7a}.home .s_career{background-color:#e2e2e2;display:flex;flex-direction:column;justify-content:center;height:100vh}.home .s_career .text-wrap{margin:0 0 50px 10%;text-align:left}.home .s_career .text-wrap h5{margin-bottom:-13px}.home .s_career .text-wrap .c_row{display:flex;align-items:center}.home .s_career .text-wrap .c_row button{display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:99px;color:#fff;font-size:1.2rem;margin-left:40px;width:15%;padding:1% 2%;background-color:var(--serve-color)}.home .s_career .text-wrap .c_row button:after{margin:3px 0 0 10px;cursor:pointer;content:url(/img/arrowright.a6c11a19.svg);display:block}.home .s_career ul{display:flex;justify-content:space-between;gap:20px;width:83%;margin:0 auto}.home .s_career ul li{flex-grow:1;height:550px;position:relative;transition:.3s ease;border-radius:10px;background-color:#fff;overflow:hidden}.home .s_career ul li .c_front{position:absolute;left:0;top:0;width:100%;flex-direction:column;justify-content:center;align-items:start;border-radius:10px;transform-origin:0 0;transform:translate(76%,50px) rotate(90deg);text-align:start;background-color:#fff;z-index:10;font-size:1.3rem;letter-spacing:3px;transition:opacity .3s ease}.home .s_career ul li .c_front h3{font-weight:400;white-space:nowrap}.home .s_career ul li .c_front span{display:block;white-space:nowrap}.home .s_career ul li .c_back{background-color:var(--serve-color);width:auto;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:center;top:0;left:0;z-index:5;transition:opacity .3s ease;text-align:left;padding:30px;opacity:0}.home .s_career ul li .c_back span{font-size:1.4rem;font-weight:100;color:#747474}.home .s_career ul li .c_back h3{font-size:2rem;margin-bottom:15%}.home .s_career ul li .c_back p{word-break:keep-all;font-size:1.3rem;font-weight:200}.home .s_career ul li.active{flex-grow:6;height:100%;color:#fff;transition:flex-grow .8s ease}.home .s_career ul li.active .c_front{opacity:0;z-index:1}.home .s_career ul li.active .c_back{background-color:var(--serve-color);opacity:100%;z-index:20}.home .s_career ul .unactive,.home .s_career ul .unactive div{background-color:#d6d6d6}.home .s_career ul .spreadsection{cursor:pointer}.black-bg{width:100vw;height:100vh;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:99;padding:5% 0}.black-bg .white-bg{overflow-y:auto;overflow-x:hidden;position:relative;margin:0 auto;width:80vw;height:80vh;background:#fff;border-radius:8px;padding:20px;z-index:100}.black-bg .detail_xbtn{position:fixed;top:15%;right:13%;z-index:105;margin-top:10px;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.about{height:auto;padding:50px 0;flex-direction:column;margin:50px auto 0;border:1px solid var(--primary-color)}.about,.about h3{display:flex;justify-content:center;align-items:center}.about h3{color:var(--primary-color);font-size:2.5rem}.about h3 img{display:block;margin-left:15px}.about .about_box{display:flex;flex-direction:column;justify-content:center;text-align:left;margin-top:30px}.about .about_box ul{text-align:center}.about .about_box ul li{font-size:1.1rem;line-height:1.5rem}.about .about_box ul .li-mt{margin-top:20px}.about .about_box .about_btn{margin:50px auto 0}.about .about_box .about_btn a{border:1px solid #ddd;padding:10px;display:inline-block;margin-right:10px}@media screen and (min-width:360px)and (max-width:1280px){.about_box ul{margin:0 30px}}.project{height:70vh;flex-direction:column;margin:50px auto 0;border:1px solid var(--primary-color)}.project,.project h3{display:flex;justify-content:center;align-items:center}.project h3{color:var(--primary-color);font-size:2.5rem}.project h3 img{display:block;margin-left:15px}.project .c_box{display:flex;justify-content:center;text-align:left;margin-top:30px}.project .c_box p{padding:0 30px;font-size:1.8rem}.project .c_box p ul{padding-left:50px;margin-top:20px}.project .c_box p ul li{font-size:1rem;font-weight:100;color:#616161}.design{height:auto;padding:50px 0;flex-direction:column;margin:50px auto 0;border:1px solid var(--primary-color)}.design,.design .d_title{display:flex;justify-content:center;align-items:center}.design .d_title h3{color:var(--primary-color);font-size:2.5rem}.design .d_title img{display:block;margin-left:15px}.design .d_tabs{margin:20px 0;display:flex;flex-wrap:wrap;justify-content:center}.design .d_tabs button{margin:5px;padding:10px 15px;border:1px solid #d8d8d8;border-radius:20px;transition:all .2s ease;cursor:pointer}.design .d_tabs button.active{background-color:var(--primary-color);color:#fff}.design .content-list{width:100%;max-width:1200px;min-width:360px}.design .content-list .content-item{margin:30px 0;text-align:center}.design .content-list .content-item p{font-size:1.1rem;font-weight:400;margin-bottom:10px}.design .content-list .content-item .image-group{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.design .content-list .content-item .image-group img{width:200px;height:auto;-o-object-fit:cover;object-fit:cover;border:1px solid #eee;border-radius:8px}.contact{height:70vh;flex-direction:column;margin:50px auto 0;border:1px solid var(--primary-color)}.contact,.contact h3{display:flex;justify-content:center;align-items:center}.contact h3{color:var(--primary-color);font-size:2.5rem}.contact h3 img{display:block;margin-left:15px}.contact .c_box{display:flex;justify-content:center;text-align:left;margin-top:30px}.contact .c_box p{padding:0 30px;font-size:1.8rem}.contact .c_box p ul{padding-left:50px;margin-top:20px}.contact .c_box p ul li{font-size:1rem;font-weight:100;color:#616161}@media screen and (min-width:360px)and (max-width:480px){.contact h3{flex-wrap:wrap}.contact h3 img{display:none}}#app{font-family:Montserrat,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--serve-color)}#app,body{min-width:360px}body{margin:0 auto}:root{--primary-color:#2546b4;--width-size:82%;--serve-color:#2d2d2d}header{width:var(--width-size);margin:0 auto;display:flex;justify-content:space-between;align-items:center}header h1{margin-top:30px;width:230px}header h1 a{display:block;width:100%}header h1 a img{cursor:pointer;width:100%}header .trigger{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:fixed;top:4%;right:12%;z-index:30}header .trigger:after{content:"";display:block;border-radius:6px;background-color:var(--primary-color)}header .trigger .linebox,header .trigger:after{position:absolute;top:0;left:0;width:60px;height:60px}header .trigger .linebox{cursor:pointer;z-index:3;color:#fff}header .trigger .linebox span{position:absolute;display:block;width:100px;border-bottom:1px solid #fff;left:11px;z-index:3;width:45%}header .trigger .linebox span:first-child{width:45%;top:20px}header .trigger .linebox span:nth-child(2){width:60%;top:30px}header .trigger .linebox span:nth-child(3){width:45%;top:40px}header .trigger .linebox .longline{width:65%;top:30px}header .trigger .linebox.active span{top:30px}header .trigger .linebox.active span:first-child{transform:rotate(45deg) translate(0)}header .trigger .linebox.active span:nth-child(2){display:none}header .trigger .linebox.active span:nth-child(3){transform:rotate(-45deg) translate(0)}header .trigger.active:after{display:block;transform:scale(100);transition:.3s}.portmenu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.portmenu ul li{list-style:none;margin-bottom:30%}.portmenu ul li,.portmenu ul li a{color:#fff;font-size:1.5rem;font-weight:300}.portmenu ul li a{text-decoration:none}.portmenu.active{visibility:visible;opacity:1}*,:after,:before{box-sizing:border-box}:after,:before{margin:0;padding:0}body{line-height:1.5;font-family:Montserrat,Arial,Helvetica,sans-serif}figure,p{margin:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit}ol,ul{margin:0;padding:0;list-style:none}a{text-decoration:none;color:inherit}button{background:none;border:none;cursor:pointer}table{border-collapse:collapse;width:100%}img{max-width:100%;height:auto}input,textarea{border:1px solid #ccc;font-family:inherit;font-size:inherit;line-height:inherit;background-color:transparent}textarea{resize:vertical}@media screen and (min-width:1280px){#memberRenderBox{visibility:visible}}@media screen and (max-width:1280px){#memberRenderBox{visibility:hidden}}@media screen and (min-width:1280px)and (max-width:1440px){.home .s_service{height:auto}.home .s_service .text-wrap{margin-top:60px}.home .s_interview{height:auto}.home .s_interview .text-wrap{margin-top:60px}.home .s_interview ul{margin-bottom:60px}.home .s_career .text-wrap{margin-top:100px}.home .s_career ul{gap:15px;margin-bottom:100px}.home .s_career ul li .c_front{transform:translate(88%,50px) rotate(90deg)}.home .s_career ul li .c_back{width:auto;align-items:start;box-sizing:border-box}.s_subscribe .sub-middle .text-wrap h3{font-size:3.6rem;line-height:3.8rem}.s_subscribe .sub-middle .text-wrap h3 br{display:none}.s_subscribe .sub-middle .text-wrap span{font-size:1rem;margin-top:10px}.s_subscribe .sub-middle form input{padding:35px 40px}}@media screen and (min-width:761px)and (max-width:1279px){.home{box-sizing:border-box}.home .section .text-wrap{margin:50px auto 0;text-align:center}.home .section .text-wrap h5{font-size:1.5rem;font-weight:300}.home .section .text-wrap h3{font-size:3.4rem;line-height:4rem}.home .s_cart{height:48vh;justify-content:center;align-items:center;padding:0;box-sizing:border-box}.home .s_cart p{width:100%;text-align:center;font-size:2.7rem;line-height:3.8rem}.home .s_cart p i{display:block}.home .s_cart figure{display:none}.home .s_service{height:80vh}.home .s_service .text_wrap{margin:50px;text-align:center}.home .s_service .text_wrap h3,.home .s_service .text_wrap h5{font-size:1rem}.home .s_service ul{margin-top:50px}.home .s_service ul li{padding:30px 0}.home .s_service ul li div{flex:0 0 800px}.home .s_service ul li div span{font-size:1.3rem;padding-right:5%}.home .s_service ul li div .icon img{width:50px;height:auto}.home .s_service ul li:nth-child(2) div{flex:0 0 1200px;animation:flow-txt-reverse 40s linear infinite}.home .s_service ul li:nth-child(3) div{flex:0 0 1200px;animation:flow-txt 35s linear infinite}.home .s_project{height:auto}.home .s_project .btnsection{display:none}.home .s_project .con_list{margin:40px auto}.home .s_project .con_list .list_s .swiper{width:100%}.home .s_project .con_list .list_s .swiper .swiper-slide .list_item{margin:0 20px}.home .s_project .con_list .list_s .swiper .swiper-slide .list_item .list_body .list_txt ul li em{border-radius:0}.home .s_about{height:73vh}.home .s_about .text-wrap{margin:50px auto 30px;position:static}.home .s_about p{text-align:center;margin:0 10% 120px;position:static;font-size:1.3rem}.home .s_about button{bottom:60px;width:180px}.home .s_interview{height:auto}.home .s_interview .text-wrap{text-align:center;margin:40px 30px}.home .s_interview .text-wrap h5{font-size:1.3rem;font-weight:300}.home .s_interview .text-wrap h3{font-size:3rem}.home .s_interview ul{margin:0 8%}.home .s_interview ul li{text-align:center}.home .s_interview ul li h4{padding:20px;font-size:1.5rem;margin-bottom:0}.home .s_interview ul li p{margin-bottom:20px;font-size:1.1rem}.home .s_interview ul li p br{display:none}.home .s_interview ul li:nth-child(2){margin-bottom:50px}.home .s_career{height:auto}.home .s_career .text-wrap{text-align:center;margin:30px}.home .s_career .text-wrap h5{font-size:1.3rem;font-weight:300}.home .s_career .text-wrap h3{font-size:3rem}.home .s_career .text-wrap .c_row{flex-direction:column}.home .s_career .text-wrap .c_row h3{margin-top:10px;text-align:center}.home .s_career .text-wrap .c_row button{display:none}.home .s_career ul{gap:10px;flex-direction:column;margin-bottom:50px}.home .s_career ul .spreadsection{cursor:default}.home .s_career ul .unactive,.home .s_career ul .unactive div{background-color:#fff}.home .s_career ul li{height:100px}.home .s_career ul li,.home .s_career ul li .c_front{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.home .s_career ul li .c_front{padding:10px;transform:none;position:static}.home .s_career ul li .c_front span{font-size:1rem;white-space:normal;letter-spacing:0;color:#636363}.home .s_career ul li .c_front h3{font-weight:400;font-size:1.1rem;white-space:normal;letter-spacing:0}.home .s_career ul li .c_back{display:none}.home .s_career ul li.active{flex-grow:0;color:var(--serve-color);height:100px;transition:none}.home .s_career ul li.active .c_front{opacity:1}header{box-sizing:border-box;width:100%}header h1{margin-left:20px;width:180px}header .trigger{top:5%;right:60px}header .trigger:after{width:45px;height:45px}header .trigger .linebox span{left:10px}header .trigger .linebox span:first-child{top:12px;width:30%}header .trigger .linebox span:nth-child(2){top:22px;width:45%}header .trigger .linebox span:nth-child(3){top:32px;width:30%}header .trigger .linebox.active span{width:40%;top:32px}.s_intro h2{margin:80px 0 50px;font-size:6rem;line-height:6.5rem}.s_intro b{font-size:1.4rem}.s_intro b br{display:block}.s_intro .introgif{margin:50px 30px 0}.s_subscribe{height:58vh;justify-content:center}.s_subscribe,.s_subscribe .sub-middle{display:flex;flex-direction:column;align-items:center}.s_subscribe .sub-middle{padding:0 20px}.s_subscribe .sub-middle .text-wrap{width:100%;text-align:center;box-sizing:border-box}.s_subscribe .sub-middle .text-wrap h3{font-size:3rem;line-height:3rem}.s_subscribe .sub-middle .text-wrap h3 br{display:none}.s_subscribe .sub-middle .text-wrap span{margin:30px 0 10px}.s_subscribe .sub-middle form{width:100%}.s_subscribe .sub-middle form input{padding:30px 20px}.s_subscribe .sub-middle form input::-moz-placeholder{font-size:1.2rem}.s_subscribe .sub-middle form input::placeholder{font-size:1.2rem}.s_subscribe .sub-middle form button{padding:8px}.black-bg .popup_wrap{padding:3%}.black-bg .popup_wrap ul li{width:100%}.black-bg .popup_wrap ul li em{width:auto;border-radius:0}.black-bg .popup_wrap ul li div,.black-bg .popup_wrap ul li div span{width:100%}}@media screen and (min-width:481px)and (max-width:760px){.home{box-sizing:border-box}.home .section .text-wrap{margin:50px auto 0;text-align:center}.home .section .text-wrap h5{font-size:1.3rem;font-weight:300}.home .section .text-wrap h3{font-size:3rem;line-height:4.3rem}.home .s_cart{height:48vh;justify-content:center;align-items:center;padding:0;box-sizing:border-box}.home .s_cart p{width:100%;text-align:center;font-size:2.2rem;line-height:3.2rem}.home .s_cart p i{display:block}.home .s_cart figure{display:none}.home .s_service{height:80vh}.home .s_service .text_wrap{margin:50px;text-align:center}.home .s_service .text_wrap h3,.home .s_service .text_wrap h5{font-size:1rem}.home .s_service ul{margin-top:50px}.home .s_service ul li{padding:30px 0}.home .s_service ul li div{flex:0 0 800px}.home .s_service ul li div span{font-size:1.3rem;padding-right:5%}.home .s_service ul li div .icon img{width:50px;height:auto}.home .s_service ul li:nth-child(2) div{flex:0 0 1200px;animation:flow-txt-reverse 40s linear infinite}.home .s_service ul li:nth-child(3) div{flex:0 0 1200px;animation:flow-txt 35s linear infinite}.home .s_project{height:auto}.home .s_project .btnsection{display:none}.home .s_project .con_list{margin:40px auto}.home .s_project .con_list .list_s .swiper{width:100%}.home .s_project .con_list .list_s .swiper .swiper-slide .list_item{margin:0 20px}.home .s_project .con_list .list_s .swiper .swiper-slide .list_item .list_body .list_txt ul li em{border-radius:0}.home .s_about{height:73vh}.home .s_about .text-wrap{margin:50px auto 30px;position:static}.home .s_about p{text-align:center;margin:0 10% 120px;position:static;font-size:1.2rem}.home .s_about button{bottom:60px;width:180px}.home .s_interview{height:auto}.home .s_interview .text-wrap{text-align:center;margin:40px 30px}.home .s_interview .text-wrap h5{font-size:1.3rem;font-weight:300}.home .s_interview .text-wrap h3{font-size:3rem}.home .s_interview ul li{text-align:center}.home .s_interview ul li h4{padding:20px;font-size:1.5rem;margin-bottom:0}.home .s_interview ul li p{margin-bottom:20px;font-size:1.1rem}.home .s_interview ul li p br{display:none}.home .s_interview ul li:nth-child(2){margin-bottom:50px}.home .s_career{height:auto}.home .s_career .text-wrap{text-align:center;margin:30px}.home .s_career .text-wrap h5{font-size:1.3rem;font-weight:300}.home .s_career .text-wrap h3{font-size:3rem}.home .s_career .text-wrap .c_row{flex-direction:column}.home .s_career .text-wrap .c_row h3{margin-top:10px;text-align:center}.home .s_career .text-wrap .c_row button{display:none}.home .s_career ul{gap:10px;flex-direction:column;margin-bottom:50px}.home .s_career ul .spreadsection{cursor:default}.home .s_career ul .unactive,.home .s_career ul .unactive div{background-color:#fff}.home .s_career ul li{height:100px}.home .s_career ul li,.home .s_career ul li .c_front{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.home .s_career ul li .c_front{padding:10px;transform:none;position:static}.home .s_career ul li .c_front span{font-size:1rem;white-space:normal;letter-spacing:0;color:#636363}.home .s_career ul li .c_front h3{font-weight:400;font-size:1.1rem;white-space:normal;letter-spacing:0}.home .s_career ul li .c_back{display:none}.home .s_career ul li.active{flex-grow:0;color:var(--serve-color);height:100px;transition:none}.home .s_career ul li.active .c_front{opacity:1}header{box-sizing:border-box;width:100%}header h1{margin-left:20px;width:180px}header .trigger{top:5%;right:70px}header .trigger:after{width:45px;height:45px}header .trigger .linebox span{left:10px}header .trigger .linebox span:first-child{top:12px;width:30%}header .trigger .linebox span:nth-child(2){top:22px;width:45%}header .trigger .linebox span:nth-child(3){top:32px;width:30%}header .trigger .linebox.active span{width:40%;top:32px}.s_intro h2{margin:80px 0 50px;font-size:4.3rem;line-height:5rem}.s_intro b{font-size:1.2rem}.s_intro b br{display:block}.s_intro .introgif{margin:50px 30px 0}.s_subscribe{height:58vh;justify-content:center}.s_subscribe,.s_subscribe .sub-middle{display:flex;flex-direction:column;align-items:center}.s_subscribe .sub-middle{padding:0 20px}.s_subscribe .sub-middle .text-wrap{width:100%;text-align:center;box-sizing:border-box}.s_subscribe .sub-middle .text-wrap h3{font-size:3rem;line-height:3rem}.s_subscribe .sub-middle .text-wrap h3 br{display:none}.s_subscribe .sub-middle .text-wrap span{margin:30px 0 10px}.s_subscribe .sub-middle form{width:100%}.s_subscribe .sub-middle form input{padding:30px 20px}.s_subscribe .sub-middle form input::-moz-placeholder{font-size:1.2rem}.s_subscribe .sub-middle form input::placeholder{font-size:1.2rem}.s_subscribe .sub-middle form button{padding:8px}footer{height:20vh;flex-direction:column}footer div{width:150px}footer div img{width:100%}footer small{width:60%;margin-top:8px}.black-bg .white-bg .popup_wrap{padding:3%}.black-bg .white-bg .popup_wrap h2{font-size:1.7rem}.black-bg .white-bg .popup_wrap ul{margin:30px 0}.black-bg .white-bg .popup_wrap ul li{flex-direction:column;align-items:start;margin-bottom:20px}.black-bg .white-bg .popup_wrap ul li em{margin-bottom:10px;width:auto}.black-bg .white-bg .popup_wrap ul li span{text-align:left;display:inline-block;word-break:keep-all}.black-bg .white-bg .popup_wrap ul li div{width:100%;flex-direction:column}.black-bg .white-bg .popup_wrap ul li div span,.black-bg .white-bg .popup_wrap ul li:first-child span{width:100%}.black-bg .white-bg .popup_wrap .btn_wrap{margin-top:30px}.black-bg .white-bg .popup_wrap .btn_wrap a{justify-content:center;flex-wrap:wrap;line-height:1.3rem;padding:5px}.black-bg .white-bg .popup_wrap .team_explain{margin-top:50px}.black-bg .white-bg .popup_wrap .team_explain section{margin-top:20px}.black-bg .white-bg .popup_wrap .team_explain ul{margin:0}.black-bg .white-bg .popup_wrap .team_explain ul li{margin:20px 0}.black-bg .white-bg .popup_wrap .team_explain ul li span{display:none}.black-bg .white-bg .popup_wrap .team_explain .second-sec{margin-top:40px}.black-bg .white-bg .popup_wrap .team_explain .second-sec h4{flex-wrap:wrap}.black-bg .white-bg .popup_wrap .team_explain .second-sec h4 span{margin-left:0}.black-bg .white-bg .popup_wrap .team_explain .second-sec ul li{margin:0}.black-bg .white-bg .popup_wrap .team_explain .second-sec ul li div{padding:10px 0 10px 20px}.black-bg .white-bg .popup_wrap .team_explain .second-sec ul li p{margin-left:10px}.black-bg .white-bg .popup_wrap .team_explain .third-sec{margin-top:40px}.black-bg .white-bg .popup_wrap .team_explain .third-sec ul li{margin:20px 0 0 0}.black-bg .white-bg .popup_wrap .team_explain .fourth-sec{margin-top:40px}.black-bg .white-bg .popup_wrap .team_explain .fourth-sec div{flex-wrap:wrap}.black-bg .white-bg .popup_wrap .team_explain .fourth-sec div img{margin:0 30px 20px 0}.black-bg .detail_xbtn{top:90px;z-index:999}}@media screen and (min-width:360px)and (max-width:480px){.home{box-sizing:border-box}.home .section .text-wrap{margin:0 auto;text-align:center}.home .section .text-wrap h5{font-size:1.3rem;font-weight:300}.home .section .text-wrap h3{font-size:3rem;line-height:3.5rem}.home .s_cart{height:48vh;justify-content:center;align-items:center;padding:0;box-sizing:border-box}.home .s_cart p{width:100%;text-align:center;font-size:2.2rem;line-height:3.2rem}.home .s_cart p i{display:block}.home .s_cart figure{display:none}.home .s_service{height:80vh}.home .s_service .text_wrap{margin:50px;text-align:center}.home .s_service .text_wrap h3,.home .s_service .text_wrap h5{font-size:1rem}.home .s_service ul{margin-top:50px}.home .s_service ul li{padding:30px 0}.home .s_service ul li div{flex:0 0 800px}.home .s_service ul li div span{font-size:1.3rem;padding-right:5%}.home .s_service ul li div .icon img{width:50px;height:auto}.home .s_service ul li:nth-child(2) div{flex:0 0 1200px;animation:flow-txt-reverse 40s linear infinite}.home .s_service ul li:nth-child(3) div{flex:0 0 1200px;animation:flow-txt 35s linear infinite}.home .s_project{height:100vh}.home .s_project .btnsection{display:none}.home .s_project .con_list{margin:40px auto}.home .s_project .con_list .list_s .swiper{width:100%}.home .s_project .con_list .list_s .swiper .swiper-slide .list_item{margin:0 20px}.home .s_project .con_list .list_s .swiper .swiper-slide .list_item .list_body .list_txt ul li em{border-radius:0}.home .s_about{height:73vh}.home .s_about .text-wrap{margin:50px auto 30px;position:static}.home .s_about p{text-align:center;margin:0 10% 120px;position:static;font-size:1.2rem}.home .s_about button{bottom:50px;width:180px}.home .s_interview{height:auto}.home .s_interview .text-wrap{text-align:center;margin:40px 30px}.home .s_interview .text-wrap h5{font-size:1.3rem;font-weight:300}.home .s_interview .text-wrap h3{font-size:3rem}.home .s_interview ul li{text-align:center}.home .s_interview ul li h4{padding:20px;font-size:1.5rem;margin-bottom:0}.home .s_interview ul li p{margin-bottom:20px;font-size:1.1rem}.home .s_interview ul li p br{display:none}.home .s_interview ul li:nth-child(2){margin-bottom:50px}.home .s_career{height:auto}.home .s_career .text-wrap{text-align:center;margin:30px}.home .s_career .text-wrap h5{font-size:1.3rem;font-weight:300}.home .s_career .text-wrap h3{font-size:3rem}.home .s_career .text-wrap .c_row{flex-direction:column}.home .s_career .text-wrap .c_row h3{margin-top:10px;text-align:center}.home .s_career .text-wrap .c_row button{display:none}.home .s_career ul{gap:10px;flex-direction:column;margin-bottom:50px}.home .s_career ul .spreadsection{cursor:default}.home .s_career ul .unactive,.home .s_career ul .unactive div{background-color:#fff}.home .s_career ul li{height:100px}.home .s_career ul li,.home .s_career ul li .c_front{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.home .s_career ul li .c_front{padding:10px;transform:none;position:static}.home .s_career ul li .c_front span{font-size:1rem;white-space:normal;letter-spacing:0;color:#636363}.home .s_career ul li .c_front h3{font-weight:400;font-size:1.1rem;white-space:normal;letter-spacing:0}.home .s_career ul li .c_back{display:none}.home .s_career ul li.active{flex-grow:0;color:var(--serve-color);height:100px;transition:none}.home .s_career ul li.active .c_front{opacity:1}header{box-sizing:border-box;width:100%}header h1{margin-left:20px;width:180px}header .trigger{top:5%;right:70px}header .trigger:after{width:45px;height:45px}header .trigger .linebox span{left:10px}header .trigger .linebox span:first-child{top:12px;width:30%}header .trigger .linebox span:nth-child(2){top:22px;width:45%}header .trigger .linebox span:nth-child(3){top:32px;width:30%}header .trigger .linebox.active span{width:40%;top:32px}.s_intro h2{margin:80px 0 50px;font-size:3.4rem;line-height:4rem}.s_intro b{font-size:1.1rem}.s_intro b br{display:block}.s_intro .introgif{margin:50px 30px 0}.s_subscribe{height:58vh;justify-content:center}.s_subscribe,.s_subscribe .sub-middle{display:flex;flex-direction:column;align-items:center}.s_subscribe .sub-middle{padding:0 20px}.s_subscribe .sub-middle .text-wrap{width:100%;text-align:center;box-sizing:border-box;margin-bottom:15px}.s_subscribe .sub-middle .text-wrap h3{font-size:3rem;line-height:3rem}.s_subscribe .sub-middle .text-wrap h3 br{display:none}.s_subscribe .sub-middle .text-wrap span{margin:30px 0 10px}.s_subscribe .sub-middle form{width:100%}.s_subscribe .sub-middle form input{padding:30px 20px}.s_subscribe .sub-middle form input::-moz-placeholder{font-size:1.2rem}.s_subscribe .sub-middle form input::placeholder{font-size:1.2rem}.s_subscribe .sub-middle form button{padding:8px}footer{height:20vh;flex-direction:column}footer div{width:150px}footer div img{width:100%}footer small{width:60%;margin-top:8px}.black-bg .white-bg .popup_wrap{padding:3%}.black-bg .white-bg .popup_wrap h2{font-size:1.7rem}.black-bg .white-bg .popup_wrap ul{margin:30px 0}.black-bg .white-bg .popup_wrap ul li{flex-direction:column;align-items:start;margin-bottom:20px}.black-bg .white-bg .popup_wrap ul li em{margin-bottom:10px;width:auto}.black-bg .white-bg .popup_wrap ul li span{text-align:left;display:inline-block;word-break:keep-all}.black-bg .white-bg .popup_wrap ul li div{width:100%;flex-direction:column}.black-bg .white-bg .popup_wrap ul li div span{width:100%}.black-bg .white-bg .popup_wrap ul li:first-child span{width:80%}.black-bg .white-bg .popup_wrap .btn_wrap{margin-top:30px}.black-bg .white-bg .popup_wrap .btn_wrap a{justify-content:center;flex-wrap:wrap;line-height:1.3rem;padding:5px}.black-bg .white-bg .popup_wrap .team_explain{margin-top:50px}.black-bg .white-bg .popup_wrap .team_explain section{margin-top:20px}.black-bg .white-bg .popup_wrap .team_explain ul{margin:0}.black-bg .white-bg .popup_wrap .team_explain ul li{margin:20px 0}.black-bg .white-bg .popup_wrap .team_explain ul li span{display:none}.black-bg .white-bg .popup_wrap .team_explain .second-sec{margin-top:40px}.black-bg .white-bg .popup_wrap .team_explain .second-sec h4{flex-wrap:wrap}.black-bg .white-bg .popup_wrap .team_explain .second-sec h4 span{margin-left:0}.black-bg .white-bg .popup_wrap .team_explain .second-sec ul li{margin:0}.black-bg .white-bg .popup_wrap .team_explain .second-sec ul li div{padding:10px 0 10px 20px}.black-bg .white-bg .popup_wrap .team_explain .second-sec ul li p{margin-left:10px}.black-bg .white-bg .popup_wrap .team_explain .third-sec{margin-top:40px}.black-bg .white-bg .popup_wrap .team_explain .third-sec ul li{margin:20px 0 0 0}.black-bg .white-bg .popup_wrap .team_explain .fourth-sec{margin-top:40px}.black-bg .white-bg .popup_wrap .team_explain .fourth-sec div{flex-wrap:wrap}.black-bg .white-bg .popup_wrap .team_explain .fourth-sec div img{margin:0 30px 20px 0}.black-bg .detail_xbtn{top:90px;z-index:999}}