.vertical-lines{width:100%;height:100%;position:absolute;top:0;left:0;z-index:99999;pointer-events:none}.vertical-lines__line{background-color:#fff;display:block;height:100%;opacity:.2;position:absolute;width:1px;transform:translateX(-50%)}.vertical-lines__line:first-child{left:16.66%}.vertical-lines__line:nth-child(2){left:50%}.vertical-lines__line:nth-child(3){right:16.66%}.skills .vertical-lines__line{background-color:#000}.text-hover_inner{max-width:100%;display:block;overflow:clip;position:relative;height:28px}.text-hover_elem{position:relative;line-height:1.2;display:block}.text-hover_elem span{display:inline-block;line-height:1.2}.gnb .text-hover_inner{height:20px}@media screen and (max-width:1024px){.vertical-lines__line:first-child{left:1%}.vertical-lines__line:nth-child(2){left:50%}.vertical-lines__line:nth-child(3){right:1%}}@media screen and (max-width:768px){.vertical-lines__line:nth-child(2){display:none}}.intro{position:relative;width:100%;height:100vh}.intro h1{position:absolute;left:50%;top:50%;width:66.66%;font-size:clamp(10px,10vw,100px);color:#f9f5ec;transform:translate(-50%,-50%);z-index:10;text-align:center;line-height:.9;font-family:CanelaText}.intro .video_box{width:100%;height:100vh;position:relative;overflow:hidden;background-color:#121212}.intro .video_box video{object-fit:cover;width:100%;height:100%}.intro .svg_box{width:clamp(180px,15vw,300px);height:auto;display:block;position:absolute;bottom:5%;left:50%;transform:translateX(-50%)}.intro .svg_box img{width:100%;height:100%;object-fit:cover}.intro .overlay_box{width:100%;height:100%;position:absolute;top:0;left:0}.intro .overlay_box .overlay_black{width:0;height:100%;background-color:#121212;position:absolute;top:0;left:0}.intro .overlay_box .overlay_black:first-child{left:0}.intro .overlay_box .overlay_black:nth-child(2){left:16.66%}.intro .overlay_box .overlay_black:nth-child(3){left:33.33%}.intro .overlay_box .overlay_black:nth-child(4){left:50%}.intro .overlay_box .overlay_black:nth-child(5){left:66.66%}.intro .overlay_box .overlay_black:nth-child(6){left:83.33%}.about{background-color:#121212;position:relative}.about,.about .img-box{width:100%;height:100vh}.about .img-box{position:absolute;display:flex;align-items:center;justify-content:center}.about .img-box .img-card{position:absolute;width:18.1vw;aspect-ratio:9/11;background-color:#f9f5ec;padding:1vw 1vw clamp(10px,10vh,10px);box-sizing:border-box;box-shadow:0 0 15px rgba(0,0,0,.3)}.about .img-box .img-card .img-item{width:100%;height:80%;overflow:clip}.about .img-box .img-card .img-item img{width:100%;max-width:100%;object-fit:cover}.about .img-box .img-card:first-child{transform:translate(-200%,-50%) rotate(-20deg) scale(1)}.about .img-box .img-card:nth-child(2){transform:translate(-100%,-50%) rotate(8deg) scale(1)}.about .img-box .img-card:nth-child(3){transform:translate(20%,-50%) rotate(-12deg) scale(1)}.about .img-box .img-card:nth-child(4){transform:translate(100%,-50%) rotate(20deg) scale(1)}.about .bg-doodle{position:absolute;top:0;left:0;width:100%;height:100vh}.about .bg-doodle svg{width:6vw;height:7vw;opacity:.9;position:absolute}.about .bg-doodle svg:first-child{width:6vw;height:7vw;top:7vw;left:1.05vw}.about .bg-doodle svg:nth-child(2){width:6vw;height:7vw;bottom:15.1vh;right:1.05vw}.about .bg-doodle svg:nth-child(3){width:5vw;height:5vw;right:26.36vw;top:4vh}.about .bg-doodle svg:nth-child(4){width:5vw;height:5vw;left:26.36vw;bottom:9.82vh}.about .bg-doodle svg:nth-child(5){width:6vw;height:10vw;top:30vh;left:6vw;display:none}.about .bg-doodle svg:nth-child(6){width:6vw;height:10vw;top:26.19vh;right:4.57vw;display:none}.about .bg-doodle svg:nth-child(7){width:14.05vw;height:16.38vh;top:4.91vh;right:2.64vw}.about .bg-doodle svg:nth-child(8){width:8.78vw;height:19.64vh;bottom:4.91vh;left:2.64vw}.about .bg-doodle svg:nth-child(9){width:25.3vw;height:15.07vh;top:9.82vh;left:16.66%}.about .bg-doodle svg:nth-child(10){width:18.63vw;height:22.92vh;right:21.08vw;bottom:3.27vh}.about .text-overlap{width:100%;height:100vh;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.about .text-box{width:66%;box-sizing:border-box;color:#f9f5ec;z-index:99}.about .text-box .title-txt{width:100%;padding:10px;margin-bottom:6vh}.about .text-box .title-txt h2{padding-bottom:2vh;border-bottom:1px solid #f9f5ec;font-size:clamp(32px,4vw,56px);letter-spacing:-.05em}.about .text-box .content-txt{display:flex}.about .text-box .content-txt h3,.about .text-box .content-txt p{font-size:clamp(14px,1.15vw,18px)}.about .text-box .content-txt p{word-break:keep-all}.about .text-box .content-txt>div{width:50%;padding:10px}.about .text-box .content-txt .section-title{position:relative}.about .text-box .content-txt .section-title .my_img{position:absolute;top:50%;left:50%;width:auto;height:100%;aspect-ratio:1/1.2;transform:translate(-50%,-50%) rotate(-5deg)}.about .text-box .content-txt .section-title .my_img img{height:auto;width:100%;object-fit:cover}.skills{background-color:#f9f5ec}.skills .skills_box{width:66%;margin:0 auto;padding:8vw 0 9vw}.skills .skills_box .skills-title{width:100%;padding:10px;margin-bottom:6vh}.skills .skills_box .skills-title h2{padding-bottom:2vh;border-bottom:1px solid rgba(0,0,0,.5);font-size:clamp(32px,4vw,56px);letter-spacing:-.05em}.skills .skills_box .content-txt{display:flex}.skills .skills_box .content-txt h3{font-size:clamp(14px,1.15vw,18px)}.skills .skills_box .content-txt>div{width:50%;padding:10px;margin-bottom:40px}.skills .skills_box .content-txt .skills-item-wrap{display:flex;gap:10px;flex-wrap:wrap}.skills .skills_box .skills-item{display:flex;gap:5px;background-color:#121212;color:#f9f5ec;padding:5px 10px;border-radius:30px;align-items:center;justify-content:center;transition:all .3s}.skills .skills_box .skills-item:hover{background-color:#498e4f;transform:scale(1.1)}.skills .skills_box .skills-item .skill-img{width:20px;height:20px;border-radius:2px;overflow:clip}.skills .skills_box .skills-item .skill-img img{width:20px;height:20px}.skills .skills_box .skills-item .skill-text{font-size:clamp(14px,1vw,18px)}.works{width:100%;height:100vh;position:relative;overflow-x:hidden;color:#f9f5ec;background-color:#414141}.works .works_bg{height:100vh;top:0;left:0;overflow:hidden}.works .works_bg,.works .works_bg img{position:absolute;width:100%;z-index:1}.works .works_bg img{height:auto;object-fit:cover;opacity:0;transition:opacity .6s}.works .works_bg img.active{opacity:1}.works .works_bg .bg{top:0;left:0;background-color:rgba(0,0,0,.72);opacity:1;transition:all .3s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.works .works_bg .bg,.works .works_content{position:absolute;width:100%;height:100vh;z-index:2}.works .works_content{display:flex;align-items:flex-start;flex-wrap:nowrap;padding:13vh 0}.works .works_content .title_box{width:33.33%;margin-left:16.66%;padding:10px;flex-shrink:0}.works .works_content .title_box h2{font-size:clamp(32px,4vw,56px)}.works .works_content .title_box p{font-size:clamp(14px,1.15vw,18px);word-break:keep-all}.works .works_content .works_list{flex-shrink:0;display:flex;margin-left:16.66%;padding:10px 0;width:100%}.works .works_content .works_list .works_item{width:33.33%;height:auto;aspect-ratio:1/1.2;margin-right:33.33%;background-color:#fff;flex-shrink:0;color:#121212;transform:translateX(0);transition:background-color .3s,color .3s}.works .works_item .works_img{width:100%;height:62%;overflow:clip}.works .works_item .works_img img{width:auto;height:100%;object-fit:cover;transform:scale(1);transition:.3s}.works .works_item .works_text{padding:10px;height:38%;display:flex;flex-direction:column;justify-content:space-between}.works .works_item .works_text .top h3{font-size:1.6vw;font-size:clamp(16px,1.6vw,26px);margin-bottom:5px;font-weight:600;line-height:1.2;word-break:keep-all}.works .works_item .works_text .top p{font-size:1.15vw;font-size:clamp(12px,1.15vw,18px);line-height:1.3;opacity:0;transition:.3s;color:#fff;word-break:keep-all}.works .works_item .works_text .bottom{font-size:clamp(9px,1vw,16px)}.works .works_item .works_text .bottom .used-skills{display:flex;flex-wrap:wrap;gap:5px}.works .works_content .works_list .works_item:hover img{transform:scale(1.05)}.works .works_content .works_list .works_item:hover{background-color:#498e4f;color:#fff}.works .works_content .works_list .works_item:hover .top p{opacity:1}.projects{width:100%;position:relative;color:#f9f5ec;padding-top:200px;padding-bottom:320px;margin-bottom:460px;background-color:#121212}.projects .projects_content{width:66.66%;margin:0 auto;position:relative}.projects .projects_content .title_box{width:50%;position:-webkit-sticky;position:sticky;top:14vh;padding:0 10px}.projects .projects_content .title_box h2{font-size:clamp(32px,4vw,56px)}.projects .projects_content .title_box p{font-size:clamp(14px,1.15vw,18px);word-break:keep-all}.projects .projects_content .projects_list{width:100%;position:relative}.projects .projects_content .projects_list .projects_item{width:calc(50% - 20px);margin-left:calc(50% + 10px);height:auto;aspect-ratio:1/1.2;margin-bottom:16vh;color:#121212;position:relative}.projects .projects_content .projects_list .projects_item:last-child{margin-bottom:0}.projects .project_link{display:block;width:100%;height:100%;position:relative;overflow:hidden}.projects .project_link img{width:100%;height:auto;position:absolute;top:0;left:0}.projects .projects_content .projects_list .projects_item .des{color:#fff;display:flex;align-items:flex-end;justify-content:space-between;width:100%;margin-top:1vh;font-size:clamp(14px,1.15vw,16px)}.projects .projects_content .projects_list .projects_item .des a{transition:all .3s;font-size:clamp(14px,1.15vw,16px)}.projects .projects_content .projects_list .projects_item .des a:hover{color:#498e4f}.projects .projects_content .projects_list .projects_item .des span{position:relative;top:3px;font-size:clamp(12px,1vw,14px)}footer{width:100%;height:460px;background-color:#000;color:#f9f5ec;position:fixed;bottom:0;z-index:-1;padding:60px 0}footer .footer-content{width:66.66%;margin:0 auto}footer .footer-top{display:flex}footer .footer-top>div{width:50%;padding:10px}footer .footer-top .goals h3{font-family:CanelaText;font-size:clamp(12px,1vw,16px);margin-bottom:2vh}footer .footer-top .goals p{word-break:keep-all;font-size:clamp(16px,1.3vw,20px)}footer .footer-top .social{text-align:right}footer .footer-top .social h3{font-family:CanelaText;font-size:clamp(12px,1vw,16px);margin-bottom:2vh}footer .social a{display:inline-block;font-size:clamp(12px,1.15vw,20px);transition:color .3s}footer .social a:hover{color:#498e4f}footer .footer-bottom{width:50%}footer .footer-bottom .feedback{width:100%;height:50px;border-top:1px solid #ffffff38;border-bottom:1px solid #ffffff38;display:flex;align-items:center;justify-content:space-between}footer .footer-bottom .feedback input{width:calc(100% - 30px);padding:10px}footer .footer-bottom .feedback input::placeholder{color:#585858}footer .footer-bottom .feedback button{width:50px;height:100%;background-color:#498e4f;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,1vw,14px);transition:all .3s}footer .footer-bottom .feedback button:hover{background-color:#3a703f}footer .footer-bottom .feedback button span{position:relative;top:2px}footer .copyright{margin-top:2vh;padding:10px;color:#585858;font-size:clamp(12px,1vw,14px)}.mobile-block{display:none}@media screen and (max-width:1024px){.about .text-overlap{background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px)}.about .text-box{width:98%;margin:0 auto;box-sizing:border-box;color:#f9f5ec;z-index:99}.skills .skills_box{width:98%;margin:0 auto;padding:8vw 0 9vw}.works{width:100%;height:auto;margin:0 auto;position:relative;overflow-x:visible;color:#f9f5ec;background-color:#121212;padding-top:150px;padding-bottom:320px}.works .works_bg{display:none}.works .works_content{width:98%;margin:0 auto;height:auto;display:block;position:inherit;padding:0;z-index:2}.works .works_content .title_box{width:50%;margin-left:0;flex-shrink:auto;position:-webkit-sticky;position:sticky;padding:0 10px;top:14vh}.works .works_content .works_list{flex-shrink:auto;display:block;margin-left:0;padding:10px 0;width:100%;transform:translateY(-120px)}.works .works_content .works_list .works_item{width:calc(50% - 20px);height:auto;aspect-ratio:1/1.2;margin-right:0;margin-left:calc(50% + 10px);background-color:#fff;margin-bottom:16vh;flex-shrink:auto;color:#121212;transform:translateX(0);transition:background-color .3s,color .3s}.works .works_item .works_text .top p{color:#121212;opacity:1}.works .works_item:hover .works_text .top p{color:#fff}.projects .projects_content{width:98%;margin:0 auto;position:relative}footer .footer-content{width:98%;margin:0 auto}}@media screen and (max-width:768px){.about .text-box .content-txt{display:block}.about .text-box .title-txt h2{font-size:clamp(28px,4vw,56px);line-height:1.1}.about .text-box .content-txt>div{width:100%}.skills{height:100vh;display:flex;align-items:center;justify-content:center}.skills .skills_box .content-txt{display:block}.skills .skills_box .content-txt>div{width:100%;margin-bottom:0}.skills .skills_box .content-txt .skills-item-wrap{margin-bottom:40px}.works{padding-bottom:150px}.works .works_content .title_box{width:100%;margin-left:0;flex-shrink:auto;position:relative;padding:0 10px;top:0;margin-bottom:5vh}.works .works_content .works_list{transform:none;width:95%;margin:0 auto}.works .works_content .works_list .works_item{width:100%;margin-left:0;margin-bottom:10vh}.projects{position:relative;padding-top:0;padding-bottom:180px;margin-bottom:80vh;background-color:#121212}.projects .projects_content .title_box{width:100%;position:relative;top:0;margin-bottom:5vh}.projects .projects_content .projects_list{width:calc(98% - 10px);margin:0 auto;position:relative}.projects .projects_content .projects_list .projects_item{width:100%;margin-left:0}footer{margin-top:80vh;height:80vh;display:flex;align-items:center;justify-content:center}footer .footer-top{display:block}footer .footer-top>div{width:100%}footer .footer-top .social{text-align:left}footer .footer-bottom{width:100%;margin-top:20px}}