*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button,input{background:transparent;border:0;outline:0}img,video{max-width:100%}html{min-width:375px;font-size:10px;--mainColor: #00ddb3;--txtColor: #fff;--bgColor: #010a09}body{font-family:Pretendard Variable,Pretendard,Roboto,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:400;font-size:1.6rem;color:#fff;line-height:1.5;overflow-x:hidden;overflow-y:auto}body.no_scroll{overflow:hidden;height:100dvh}h1,h2,h3,h4,h5,h6{font-size:100%;color:inherit}a,span{display:inline-block}.in{padding:0 30px;min-width:375px;max-width:1400px;margin:0 auto}.blind{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.maincolor{color:var(--mainColor)}.titcolor{color:var(--txtColor)}.bgcolor{background:var(--bgColor)}.bgtxtcolor{color:var(--bgColor)}.p_bold{font-weight:700}.sec{width:100%;height:100vh}.sec_in{padding-top:80px;padding-bottom:80px;position:relative;z-index:1;height:100%}.pin-spacer{height:100vh}h3{font-family:Roboto,sans-serif;font-style:normal;font-size:2.2rem}@media screen and (min-width: 600px){h3{font-size:2.6rem}}@media screen and (min-width: 1080px){h3{font-size:3.2rem;padding:0 50px}}.Header{position:fixed;background:#010a0933;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);left:0;top:0;width:100%;padding:min(2.34vw,30px) 0;z-index:990;transition:.2s ease}.Header .header_in{height:100%;display:flex;align-items:center;justify-content:space-between}.Header .mobile_wrap{position:fixed;left:-100%;top:0;width:80%;height:100vh;overflow-y:auto;background:var(--bgColor);z-index:910;padding:100px 30px;transition:.3s}.Header .gnb_link{position:relative;margin-bottom:5px;padding:10px;display:block;font-size:2rem;font-weight:400;transition:.2s ease-in}.Header .gnb_link:hover{font-size:2.4rem}.Header .gnb_bg{position:fixed;left:0;top:0;width:100%;height:100vh;background:#232323b3;z-index:900;display:none;transition:.2s}.Header .mobile_menu{margin-top:5px;width:26px;height:26px;position:relative;z-index:999}.Header .mobile_wrap.active{left:0;height:100vh}.Header .mobile_wrap.active+.gnb_bg{display:block}@media screen and (min-width: 1080px){.Header{padding:10px 0}.Header .mobile_wrap{position:static;width:55%;height:auto;padding:0;background:transparent}.Header .gnb{display:flex;align-items:center;justify-content:center;gap:20px}.Header .gnb_link{padding:10px;font-size:1.6rem;margin-bottom:0}.Header .gnb_link:before{content:"";position:absolute;width:100%;height:2px;background:var(--mainColor);transform:scaleX(0);transition:.5s ease;bottom:0;left:0}.Header .gnb_link:hover{font-size:inherit}.Header .gnb_link:hover:before{transform:scaleX(1)}.Header .gnb_bg{position:fixed;left:0;top:0;right:0;bottom:0;display:none}.Header .mobile_menu{display:none}}.Button{cursor:pointer;border:none;white-space:nowrap}.Button_MMENU{width:100%;height:100%}.Button_MMENU .burger{display:block;height:2px;background:#fff;border-radius:2px;margin-bottom:4px;transition:transform .3s ease,opacity .1s ease}.Button_MMENU.active .burger:nth-of-type(1){transform:rotate(45deg)}.Button_MMENU.active .burger:nth-of-type(2){opacity:0}.Button_MMENU.active .burger:nth-of-type(3){transform:rotate(-45deg);margin-top:-12px}.Button_SEND{border-radius:5px;width:100%;height:100%;background:var(--mainColor);padding:min(1.56vw,20px);min-height:40px;position:relative;transition:all .3s ease;overflow:hidden}.Button_SEND span{display:block;position:absolute;z-index:0;width:0px;height:0px;border-radius:100%;top:40%;left:15%;transform:translate(-50%,-50%);background:var(--txtColor);transition:.5s}.Button_SEND p{color:var(--txtColor);font-size:1.8rem;position:relative;z-index:55;transition:all .3s ease}.Button_SEND:hover span{width:200%;padding-top:200%;z-index:10}.Button_SEND:hover p{color:var(--mainColor)}.Button_TOP{display:none;position:fixed;right:5%;bottom:10%;z-index:2000;border-radius:5px;background:#010a0959;width:45px;height:45px;padding-top:10px}.Button_TOP:after{content:"";position:absolute;top:60%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);border-top:2px solid var(--txtColor);border-right:2px solid var(--txtColor);width:15px;height:15px}.Button_TOP.active{display:block}.Button_modal_close{position:absolute;top:5%;left:90%;transform:translate(-50%,-50%);z-index:3000;width:40px;height:40px}.Button_modal_close span{display:block;height:2px;background:#fafafa;border-radius:2px;margin-bottom:-1px}.Button_modal_close span:nth-of-type(1){transform:rotate(45deg)}.Button_modal_close span:nth-of-type(2){transform:rotate(-45deg)}@media screen and (min-width: 600px){.Button_SEND{font-size:2rem}}@media screen and (min-width: 1080px){.Button_SEND{font-size:2.2rem;line-height:.7;max-height:50px}}#Visual{text-align:center;padding-top:60px;position:relative;overflow:hidden}#tsparticles{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.visual_tit{font-size:3.2rem;margin-bottom:15px}.visual_txt{font-size:1.8rem;line-height:1.5}.visual_img{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:380px;z-index:600}.visual_img img{display:block}.scroll{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:5%;left:50%;transform:translate(-50%);transition:3s;z-index:500;animation:scroll 1.5s infinite}.scroll img{display:block}.scroll p{margin-top:10px}@keyframes scroll{0%{bottom:5%}50%{bottom:6%}to{bottom:5%}}@media screen and (min-width: 600px){.visual_tit{font-size:4rem}.visual_txt{font-size:2.2rem}.visual_img{width:65%}}@media screen and (min-width: 780px){.visual_tit{font-size:5rem}.visual_txt{font-size:2.4rem}.visual_img{width:65%;max-width:330px}}@media screen and (min-width: 1080px){.visual_tit{font-size:5.6rem}.visual_txt{font-size:2.8rem}.visual_img{width:30%;max-width:450px;top:65%;left:50%;transform:translate(-50%,-65%)}}#ABOUT{background:url(/assets/profile_bg-DAYJjjfi.png) no-repeat center bottom / cover;position:relative;z-index:1}#ABOUT h3{padding:0 30px}.about_bg{background:linear-gradient(#010a09e6,#010a09b3 70%,#010a0900)}.about_wrap{padding-top:50px}.about_tit .name_ko{font-size:2.2rem}.about_tit .name_en{margin:5px 0 30px;color:#cdcdcd}.about_img{width:230px;margin:0 auto}.about_img img{width:100%;display:block;border-radius:20px}@media screen and (min-width: 780px){.about_img{width:50%}.about_tit{padding:0 60px}.about_tit .name_ko{font-size:2.8rem}.about_tit .name_en{font-size:2.2rem;margin:10px 0 30px}.about_txt_box{padding:0 60px;display:flex;flex-wrap:wrap}}@media screen and (min-width: 1080px){#ABOUT h3{padding:0 50px}.about_wrap{padding:50px 50px 0;display:flex;justify-content:space-between;align-items:center;gap:120px;margin-bottom:0;transition:.5s}.about_tit{padding:0}.about_tit .name_ko{font-size:3.4rem}.about_tit .name_en{font-size:2.8rem;margin:5px 0 50px}.about_img{width:280px;margin:0 auto}.about_img img{width:100%;display:block;border-radius:20px}.about_txt_box{padding:0}}.about_txt{margin:max(3.13vw,40px) 0 max(3.13vw,40px)}.about_txt .pro_tit{font-family:Roboto,sans-serif;font-style:normal;font-size:2rem;margin-bottom:15px}.about_txt .pro_body{word-break:keep-all;margin-top:10px}.about_txt .txt_sub{font-size:1.4rem;font-weight:200;margin-top:5px;display:block}@media screen and (min-width: 600px){.about_txt .pro_tit{font-size:2rem}.about_txt .pro_body{font-size:1.8rem}}@media screen and (min-width: 780px){.about_txt{width:50%}.about_txt .pro_tit{font-size:2.2rem}.about_txt .pro_body{font-size:1.8rem}.about_txt .txt_sub{font-size:1.6rem}}@media screen and (min-width: 1080px){.about_txt .pro_tit{font-size:2.8rem;margin-bottom:20px}.about_txt .pro_body{font-size:1.8rem;margin-bottom:15px}.about_txt .txt_sub{font-size:1.4rem}}.Publishing{height:100%}.web_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.web_content{width:100%;height:100%;font-size:1.4rem;position:relative;background-repeat:no-repeat;background-position:left top;background-size:cover;overflow:hidden}.web_bg{width:100%;height:100%;padding:20px 0;position:relative;background:linear-gradient(to left,#010a09cc,#010a0980 75%,#010a0900);display:flex;justify-content:center;align-items:left;flex-direction:column}.web_bg .web_txt_wrap{transition:.15s;position:relative;top:50%;left:50%}.web_tit{font-size:1.4rem;margin-bottom:15px}.web_txt_list{margin-bottom:7px;line-height:1.5;word-break:keep-all;width:45%}.tool_wrap{margin-top:15px}.tool_icon{margin-right:5px}.tool_icon>img{width:22px}.web_link_box{position:absolute;width:100%;height:100%;opacity:.2;bottom:-100%;left:0;transition:.5s}.web_link{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;text-align:center;color:#fff;font-size:1.2rem}.web_link>span{opacity:0;width:0%;height:1px;display:block;background:#fff;margin:10px auto 0;transition:.8s}.web_logo{margin-top:15px}.web_logo img{display:inline-block}.web_1 .web_logo{width:25%;filter:invert(1)}.web_3 .web_logo{width:22%;filter:brightness(200%)}.web_4 .web_logo{width:30%}.web_5 .web_logo{width:9%}.web_6 .web_logo{filter:invert(1);width:30%}.web_content:hover .web_link_box{opacity:1;background:#010a09e6;bottom:0;left:0}.web_content:hover .web_link{opacity:1;font-size:2rem}.web_content:hover .web_link>span{opacity:1;width:90%;margin:20px auto 0}@media screen and (min-width: 600px){.web_bg{padding:20px 10px}.web_bg .web_txt_wrap{top:0%;left:50%;width:50%;transform:translateY(0)}.web_txt_list{width:100%}.web_1 .web_logo{width:45%}.web_3 .web_logo{width:15%}.web_4 .web_logo{width:35%}.web_5 .web_logo{width:8%}.web_6 .web_logo{width:25%}.tool_icon{margin-right:10px}.tool_icon>img{width:30px}}@media screen and (min-width: 780px){.web_content{width:50%;height:35vh;max-height:260px}.web_bg{padding:20px 10px}.web_bg .web_txt_wrap{top:40%;left:50%;width:50%;transform:translateY(-50%)}.web_tit{font-size:1.4rem}.web_3 .web_logo{width:23%}.web_4 .web_logo{width:40%}.web_5 .web_logo{width:12%}.web_6 .web_logo{width:35%}.tool_icon{margin:10px 0 0 10px}.tool_icon img{width:25px}}@media screen and (min-width: 1080px){.web_content{font-size:1.6rem;max-height:400px}.web_bg{padding:20px}.web_bg .web_txt_wrap{left:50%;width:50%}.web_logo{margin-top:20px}.web_1 .web_logo{width:30%}.web_2 .web_logo{width:25%}.web_3 .web_logo{width:18%}.web_4 .web_logo{width:30%}.web_5 .web_logo{width:10%}.web_6 .web_logo{width:25%}.web_tit{font-size:1.8rem;margin-bottom:20px}.web_txt_list{font-size:1.6rem;margin-bottom:10px}.tool_wrap{margin-top:15px}.tool_icon{margin-right:10px}.tool_icon>img{width:30px}.web_link{font-size:2rem}.web_content:hover .web_link{font-size:2.4rem}.web_content:hover .web_link>span{margin:30px auto 0}}@media screen and (min-width: 1280px){.web_bg{padding:20px;justify-content:inherit}.web_bg .web_txt_wrap{top:50%;left:55%;width:50%}}@media screen and (min-width: 1920px){.web_bg .web_txt_wrap{top:50%;left:55%;width:50%}.web_tit{font-size:2.4rem}.web_txt_list{font-size:2rem}}#DESIGN{width:100%;max-width:1900px;position:relative;background:var(--bgColor)}#DESIGN h3{margin-bottom:50px;padding:0 30px}#DESIGN .slide_design{margin-bottom:30px}@media screen and (min-width: 1080px){#DESIGN h3{padding:0 50px}}.Images{cursor:pointer;position:relative;max-height:700px}.Images img{object-fit:cover}.DESIGN_layout{border-radius:15px;overflow:hidden}.DESIGN_layout figure{width:100%}.DESIGN_layout img{max-width:100%;display:block}.DESIGN_hover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1b1b1bcc;transition:.35s ease-in}.DESIGN_hover h5{font-size:1.4rem;word-break:keep-all;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.coding_layout{width:95vw;max-width:400px;white-space:nowrap;overflow:hidden;border-right:.5px solid var(--mainColor);border-left:.5px solid var(--mainColor);position:relative}.coding_layout figure{margin:5rem 0}.coding_layout img{max-width:100%;display:block}.coding_layout:after{position:absolute;left:3%;top:3%;color:var(--mainColor);font-size:2rem}.coding_layout:nth-child(1):after{content:"01"}.coding_layout:nth-child(2):after{content:"02"}.coding_layout:nth-child(3):after{content:"03"}.coding_layout:nth-child(4):after{content:"04"}.coding_layout:nth-child(5):after{content:"05"}.coding_layout:nth-child(6):after{content:"06"}.coding_layout:nth-child(7):after{content:"07"}.coding_layout:nth-child(8):after{content:"08"}.coding_hover{position:absolute;top:90%;left:0;width:100%;height:100%;transition:.35s ease-in;z-index:1000}.coding_hover h5{font-size:1.4rem;word-break:keep-all;text-align:center;position:absolute;top:5%;left:50%;transform:translate(-50%)}.DESIGN_layout:hover .DESIGN_hover{top:200%;transition:all .3s ease-out}.DESIGN_layout:hover img{transform:scale(1.08);transition:all .4s}.coding_layout:hover .coding_hover{top:88%;transition:all .3s ease-out}@media screen and (min-width: 600px){.DESIGN_hover h5{font-size:1.6rem}.coding_layout{width:45vw;max-width:350px}.coding_hover h5{font-size:1.6rem}}@media screen and (min-width: 780px){.coding_layout{width:23vw;max-width:300px}.coding_hover{top:88%}.coding_layout:hover .coding_hover{top:86%}}@media screen and (min-width: 1080px){.coding_layout{flex:none;width:23vw;max-width:none;border-left:none}.coding_layout figure{margin:6rem 0 8rem}.coding_hover h5{font-size:1.8rem}}@media screen and (min-width: 1280px){.coding_layout{width:22vw}}@media screen and (min-width: 1380px){.coding_layout{width:21vw}}@media screen and (min-width: 1480px){.coding_layout{width:20vw;min-width:299px}}@media screen and (min-width: 1580px){.coding_layout{max-width:309px}}@media screen and (min-width: 1680px){.coding_layout{width:19vw;max-width:none}}@media screen and (min-width: 1880px){.coding_layout{width:18vw}}@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);-webkit-backface-visibility:hidden;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-slide,.swiper-3d .swiper-cube-shadow{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-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.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:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal_overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#2a2a2af2;display:flex;justify-content:center;align-items:center;z-index:9999}.modal_content{max-width:100vw;max-height:80vh;position:relative;text-align:center;margin:0 auto;overflow-y:auto}.modal_content::-webkit-scrollbar{display:none}.modal_content p{text-align:center;font-size:2rem;color:#fafafa;margin-bottom:40px}.DESIGN_modal img{width:90%;max-width:900px;height:auto;margin-bottom:10px}.coding_modal iframe{scale:.9;width:100vw;height:80vh;border:none}@media screen and (min-width: 1080px){.coding_modal iframe{scale:1;width:70vw}}.Coding{width:100%;position:relative;background-color:var(--bgColor);z-index:1}.Coding .coding_wrap{position:relative;width:100%;margin:0 auto;padding:80px 15px}.Coding .coding_title{width:25vw}.Coding .coding_title h3{margin-bottom:50px;padding:0 30px;color:#fff}.Coding .coding_contents{display:flex;flex-wrap:wrap;width:100%;justify-content:center;align-items:center;overflow:hidden;gap:2rem}@media screen and (min-width: 600px){.Coding .coding_contents{justify-content:space-between;margin-bottom:0}}@media screen and (min-width: 780px){.Coding .coding_contents{gap:6rem 0}}@media screen and (min-width: 1080px){#CODING .coding_wrap{position:relative;width:100vw;height:auto;overflow:hidden}#CODING .coding_title{position:absolute;left:0;top:10%;bottom:10%;width:20vw;background-color:var(--bgColor);z-index:11}#CODING .coding_title h3{padding:0 50px}#CODING .coding_contents{position:relative;z-index:10;padding:8rem 0 8rem 20vw;display:inline-flex;flex-wrap:nowrap;white-space:nowrap;width:max-content;overflow:visible;gap:0}}.Contact{padding:10px;position:relative;z-index:1;background:var(--bgColor)}.Contact .sec_in{padding:80px 0 0}.contact_box{background:url(/assets/contact_bg-C9l0JBwW.png) no-repeat center top/cover;padding:20px 30px 80px;border-radius:20px}.contact_box h3{padding:0}.contact_wrap{padding-top:80px}.contact_txt_wrap{width:85vw;padding-bottom:30px}.con_tit{word-break:keep-all;font-size:2.2rem;line-height:1.5;margin-bottom:50px}.con_tit .pc_br{display:block}.con_txt{margin-bottom:15px}.mail{padding:20px 0}.mail>span{width:20px;height:20px;background:var(--mainColor);border-radius:50%;margin-right:15px;padding:2px 1px 0 0;vertical-align:middle;position:relative}.mail>span:before{content:"";width:10px;height:1.5px;background-color:var(--txtColor);position:absolute;top:35%;left:60%;transform:translate(-50%,-50%) rotate(45deg)}.mail>span:after{content:"";width:10px;height:1.5px;background-color:var(--txtColor);position:absolute;top:65%;left:60%;transform:translate(-50%,-50%) rotate(-45deg)}.form_main{max-width:600px;margin:0 auto}.form_wrap{display:flex;flex-direction:column;gap:18px}.input_box{position:relative}.form{width:100%;height:100%;border-radius:5px;padding:min(1.17vw,15px);min-height:45px;background:#fff;border:1px solid #9e9e9e;transition:.15s cubic-bezier(.4,0,.2,1)}.label{position:absolute;font-size:1.8rem;pointer-events:none;transition:.15s cubic-bezier(.4,0,.2,1);top:1.5rem;left:1rem;color:#9e9e9e}.textarea{height:20rem;padding:1.5rem 0 0 1rem}.form:focus{outline:none;border:1px solid var(--mainColor)}.form:is(:focus,:valid)~label{transform:translateY(-90%) scale(.8);padding:5px 8px;border-radius:5px;color:var(--mainColor);background:#fff;font-weight:700;font-size:2.2rem}@media screen and (min-width: 600px){.contact_wrap{padding-top:100px}.contact_txt_wrap{padding-bottom:35px}.mail{font-size:1.6rem}.form_wrap{gap:15px}.form{font-size:1.6rem}.textarea{height:24rem}}@media screen and (min-width: 780px){.contact_wrap{padding:90px 60px}.con_tit{font-size:2.6rem;margin-bottom:60px}.contact_txt_wrap{padding-bottom:45px}}@media screen and (min-width: 1080px){.contact_wrap{display:flex;flex-direction:row}.contact_box{padding:40px 0 80px}.contact_box h3{padding:0 40px}.contact_wrap{padding:80px 80px 100px;display:flex;justify-content:space-between;gap:50px}.contact_txt_wrap{width:100%;padding-bottom:0}.con_tit{font-size:3.2rem;margin-bottom:90px}.con_txt{margin-bottom:20px;font-size:2.2rem}.form_main{width:80%}.mail{padding:0 0 40px;font-size:1.8rem}}#footer{font-size:1.2rem;text-align:center;position:relative;z-index:10;background:var(--bgColor)}.footer_in{padding:60px 20px}.p_thin{font-weight:200}.cpr{margin-top:10px}@media screen and (min-width: 1080px){#footer{font-size:1.4rem}}