html{scroll-behavior:smooth}*{box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}a,body{color:#0c1219}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.font_Serenity{font-family:pln-serenity,sans-serif;font-style:normal;font-weight:400}.Footer{align-items:end;display:flex;flex-direction:column;font-size:.875rem;gap:2.5rem;padding:9rem 2rem 2rem;width:100%}.Footer h2{font-size:7rem;text-align:center;width:100%}.Footer h4{font-weight:700;width:8.5rem}.Footer .footer_url{display:flex;flex-direction:column;gap:.5rem;margin-right:3rem;padding:1.5rem 0;width:500px}.Footer .footer_url li{display:flex}.Footer .footer_nav{align-items:end;background:#ecf2f7;border-radius:1.5rem;display:flex;flex-direction:column;font-weight:700;gap:4rem;padding-bottom:1.5rem;width:100%}.Footer .footer_nav ul{display:flex;margin-right:3rem;padding:1.5rem 0;width:500px}.Footer .footer_nav .nav_projectList{display:flex;flex-direction:column;gap:.5rem}.Footer .footer_nav .nav_projectList h4{width:auto}.Footer .footer_nav>p{text-align:center;width:100%}@media (max-width:1200px){.Footer{padding:9rem 1rem 1rem}.Footer h2{font-size:11.5vw}.Footer h4{width:6.5rem}.Footer .footer_nav ul,.Footer .footer_url{margin-right:1rem;max-width:500px;padding-left:2rem;width:100%}}.Main{align-items:center;background:radial-gradient(650px 50% at 50% 20%,#d8ecff 0,#fff 100%);display:flex;flex-direction:column;height:auto;justify-content:space-evenly;margin:0 auto;min-height:100vh;padding:2rem 0;width:100%}.Main .next_project{animation:move 2s ease-in-out infinite;bottom:2.5rem;position:absolute;text-align:center}.Main .next_project p{font-size:.875rem;font-weight:700;line-height:1rem}@media (max-width:1200px){.Main{height:auto;min-height:100vh;padding:3rem 1.5rem}.Main .next_project{bottom:1.5rem}}.FlipCard{cursor:pointer;padding-bottom:5rem;perspective:1000px}.card{align-items:center;display:flex;height:370px;justify-content:center;position:relative;transform-style:preserve-3d;transition:all .3s ease;width:600px}.card-face{-webkit-backdrop-filter:hidden;backdrop-filter:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#ffffffb3;border:2px solid #fff;border-radius:.5rem;box-shadow:0 0 12px 0 #0000001a;inset:0;padding:2rem 3rem;position:absolute}.front{justify-content:space-between}.front,.front .front_top{display:flex;flex-direction:column}.front .front_top{gap:1.25rem}.front .front_top>div{display:flex;justify-content:space-between}.front .front_top>div img{width:25px}.front .front_top>div p{font-size:1.25rem;font-weight:800}.front .front_top>img{width:100%}.front .front_bottom{display:flex;flex-direction:column;gap:1rem;margin-left:30%;width:70%}.front .front_bottom ul{display:flex;flex-wrap:wrap}.front .front_bottom ul li{font-size:.875rem;margin-top:1rem;width:50%}.front .front_bottom ul li .title{padding-bottom:.125rem;text-decoration:underline}.front .front_bottom ul li .text{font-weight:600}.front .front_bottom>p{border-left:3px solid #0c1219;font-weight:600;padding:.25rem .75rem}.back{justify-content:center;transform:rotateY(180deg)}.back,.back>div{align-items:center;display:flex}.back>div{gap:5rem}.back>div p{font-size:.875rem;font-weight:700;text-align:right;width:100px}.back>div .arrow{display:flex}.back>div img{border:1px solid #eee;border-radius:.25rem;width:100px}@media (max-width:1200px){.FlipCard{padding:0}.FlipCard .card{aspect-ratio:1/1.6;height:auto;width:300px}.FlipCard .card .card-face{padding:3rem 1.5rem}.FlipCard .front .front_top>div img{height:20px;width:20px}.FlipCard .front .front_top>div p{font-size:1rem}.FlipCard .front .front_bottom{gap:1.5rem;margin:0;width:100%}.FlipCard .front .front_bottom ul li{font-size:.75rem;margin-top:.5rem}.FlipCard .front .front_bottom>p{font-size:.75rem;font-weight:800}.FlipCard .back>div{flex-direction:column;gap:4rem}.FlipCard .back>div p{text-align:center}.FlipCard .back>div .arrow{transform:rotate(90deg)}}.Home .section{padding:3rem 2rem 7rem;position:relative}.Home .section,.Home h2{margin:0 auto;max-width:1400px;width:100%}.Home h2{font-size:1.25rem;font-weight:800;text-align:right}@media (max-width:1200px){.Home .section{padding:2rem 2rem 5rem}.Home h2{font-size:1.125rem;padding:0;top:2.125rem}}.ProjectNav{align-items:center;display:flex;flex-direction:column;gap:.75rem;position:relative}.ProjectNav ul{align-items:flex-end;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#eee;border:1px solid #fff;border-radius:1rem;box-shadow:2px 2px 8px 2px #0000001a;display:flex;gap:.5rem;height:61px;overflow:visible;padding:8px;z-index:2}.ProjectNav li{display:flex;height:45px;justify-content:center;overflow:hidden;transition:all .3s ease;width:45px}.ProjectNav li img{border:1px solid #e0e0e0;border-radius:.5rem;width:100%}.ProjectNav .title{background:#eee;border-radius:4px;display:flex;font-size:.75rem;font-weight:700;justify-content:center;opacity:0;padding:.25rem .5rem;position:absolute;top:0;transition:all .3s ease;visibility:hidden;z-index:-1}.ProjectNav li.on{height:65px;margin:0 3px;width:65px}.ProjectNav li.on .title{opacity:1;top:-2.75rem;visibility:visible}.ProjectNav li.on:first-child{margin-left:0}.ProjectNav li.on:last-child{margin-right:0}.ProjectNav p{font-size:.875rem;font-weight:700}.ProjectNav.on{height:61px}.About{display:flex;flex-direction:column;gap:6rem}.About h3{display:flex;flex-wrap:wrap;font-size:4rem;gap:.75rem;justify-content:center;padding-top:2rem}.About .about_textbox{display:flex;justify-content:flex-end;padding:3rem;width:100%}.About .about_textbox p{font-size:1.75rem;font-weight:700;line-height:135%;max-width:500px;width:100%}.About .about_textbox p span{color:#accff0;padding:0 .25rem}@media (max-width:1200px){.About .about_textbox{padding:3rem 0}}@media (max-width:700px){.About h3{font-size:2.75rem}.About .about_textbox p{font-size:1.5rem}}.Header{display:flex;flex-direction:column;gap:.5rem;left:50%;max-width:1400px;opacity:0;padding:3rem 2rem;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(-100%);transition:transform .3s ease;width:100%;z-index:999}.Header .logo_wrap{align-items:center;display:flex;gap:.5rem}.Header .logo_wrap img{width:22px}.Header .logo_wrap h1{font-size:1.375rem;font-weight:700}.Header ul{display:flex;gap:.75rem}.Header ul li{font-size:.875rem;font-weight:600}.Header.on{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}@media (max-width:1200px){.Header{padding:2rem}}@media (max-width:700px){.Header .logo_wrap img{width:20px}.Header .logo_wrap h1{font-size:1.25rem}.Header ul{display:none}}.Projects{display:flex;flex-direction:column;gap:2rem;margin:5rem 0;position:relative}.Projects h2{padding-bottom:2rem}.Projects .project_section{display:flex;flex-wrap:wrap;gap:2rem}.Projects .project_section .project_content{aspect-ratio:1/1;background:#fafafa;border:1px solid #ddd;border-radius:1rem;overflow:hidden;position:relative;transition:all .3s ease;width:calc(50% - 1rem)}.Projects .project_section .project_content img{height:100%;position:absolute;top:0;transition:transform .3s ease;width:100%}.Projects .project_section .project_content .project_textbox{display:flex;flex-direction:column;gap:.25rem;padding:1.5rem;width:100%}.Projects .project_section .project_content .project_textbox h4{font-size:1.25rem;font-weight:800}.Projects .project_section .project_content .project_textbox p{font-size:.875rem}.Projects .project_section .project_content:hover{background:#eee}.Projects .project_section .project_content:hover img{transform:scale(1.1)}@media (max-width:1200px){.Projects .project_section .project_content{width:100%}.Projects .project_section .project_content .project_textbox{padding:1rem}}.Project{display:flex;justify-content:space-between;margin:0 auto;max-width:1900px;padding:0 3rem 5rem;width:100%}@media (max-width:1200px){.Project{flex-direction:column;padding:0 2rem}}.ProjectInfo{height:-webkit-fit-content;height:fit-content;margin:0 auto;max-width:530px;position:-webkit-sticky;position:sticky;top:0;width:35%}.ProjectInfo .is-clicked{cursor:default;opacity:.6;pointer-events:none}.ProjectInfo .info_wrapper{display:flex;flex-direction:column;height:100vh;justify-content:end;padding-bottom:4rem;padding-right:3.5rem;width:100%}.ProjectInfo .info_wrapper h1{font-size:6rem;line-height:5.5rem}.ProjectInfo .sub{display:flex;flex-direction:column;font-size:.875rem;padding:1.5rem 0 2rem}.ProjectInfo .sub .overview{font-size:.875rem;margin-bottom:1rem}.ProjectInfo .sub .keyFeatures{display:flex;flex-direction:column;gap:.25rem}.ProjectInfo .sub .keyFeatures .kF{font-weight:700}.ProjectInfo .sub .keyFeatures p{line-height:1.125rem}.ProjectInfo .sub .keyFeatures>.kF_text{display:flex;flex-direction:column;gap:.25rem}.ProjectInfo .sub .keyFeatures>.kF_text p{display:flex;gap:.25rem}.ProjectInfo .sub .kF span{font-weight:400}.ProjectInfo .slidebox_wrapper{border-bottom:1px solid #bbb}.ProjectInfo .slidebox_wrapper.on .slidebox{display:flex}.ProjectInfo .slidebox_wrapper.on .svg{transform:rotate(45deg)}.ProjectInfo .slidebox_title{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 0}.ProjectInfo .slidebox_title h3{font-size:1rem;font-weight:700}.ProjectInfo .slidebox_title .svg{transition:transform .5s ease}.ProjectInfo .slidebox{color:#565b62;display:none;flex-direction:column;font-size:.875rem;gap:.75rem;padding-bottom:1.25rem}.ProjectInfo .slidebox>div{display:flex}.ProjectInfo .slidebox h4{font-weight:700;width:6.5rem}.ProjectInfo .slidebox p{font-weight:500}.ProjectInfo .slidebox ul{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;padding-top:.5rem}.ProjectInfo .slidebox ul li{background:#f5f5f5;border:1px solid #dfdfdf;border-radius:4px;font-size:.75rem;padding:2px 6px}.ProjectInfo .slidebox .nextSteps{line-height:1.25rem}.ProjectInfo .WebNav{height:-webkit-fit-content;height:fit-content;left:50%;position:absolute;top:0;transform:translateX(-50%)}@media (max-width:1200px){.ProjectInfo{margin:0 auto;max-width:100%;position:relative;width:100%}.ProjectInfo .info_wrapper{height:-webkit-fit-content;height:fit-content;justify-content:flex-start;margin-top:10rem;padding:0}}.ProjectHeader{display:flex;flex-direction:column;gap:.5rem;padding:3rem 0;position:fixed;z-index:999}.ProjectHeader .logo{align-items:center;display:flex;gap:.5rem}.ProjectHeader .logo img{width:22px}.ProjectHeader .logo h1{font-size:1.375rem;font-weight:700}.ProjectHeader ul{display:flex;gap:.75rem}.ProjectHeader ul li{font-size:.875rem;font-weight:600}@media (max-width:1200px){.ProjectHeader{position:relative}}.ProjectImgs{padding-top:3.5rem;width:60%}.ProjectImgs .img_wrapper a{cursor:pointer;display:flex;flex-direction:column;gap:3rem;min-height:100vh;position:relative}.ProjectImgs .img_wrapper a div img{border-radius:1rem;width:100%}.ProjectImgs .img_wrapper a .img_png{aspect-ratio:1/1;background:#fafafa;border:1px solid #eee;border-radius:1rem;overflow:hidden;width:100%}.ProjectImgs .img_wrapper a .img_png img{border-radius:0;height:100%;object-fit:cover;width:100%}.ProjectImgs .img_wrapper a .click_text{animation:move 3s ease-in-out infinite;display:flex;gap:.25rem;justify-content:center;position:absolute;top:2rem;width:100%}.ProjectImgs .img_wrapper a .click_text .click_svg{align-items:center;display:flex;justify-content:center}.ProjectImgs .img_wrapper a .click_text .click_svg svg path{stroke:#898989}.ProjectImgs .img_wrapper a .click_text p{color:#898989;font-size:.875rem;font-weight:700}@media (max-width:1200px){.ProjectImgs{width:100%}.ProjectImgs .img_wrapper a{gap:2rem}}@keyframes move{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}
/*# sourceMappingURL=main.522be3d7.css.map*/