@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;600;700&family=Roboto:wght@400;500;700&display=swap);.home{overflow:hidden}.home.on{overflow:visible;overflow:initial}.home:before{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:#1d1d1fb8;content:"";display:block;height:0;left:0;opacity:0;position:fixed;top:0;transition:opacity .4s ease-in-out;width:100%;z-index:1020}.home.blur{overflow:hidden}.home.blur:before{height:100vh;opacity:1}.home .container.wide{width:1200px}.home #loading{background:#000;bottom:0;font-size:90px;font-weight:700;left:0;perspective:2000px;position:fixed;right:0;text-align:center;text-transform:uppercase;top:0;white-space:nowrap;z-index:2000}.home #loading>div{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;visibility:hidden;z-index:1900}.home #loading>div.active{visibility:visible;z-index:2000}.home #loading>div.dark{background:#000;color:#f5f5f7}.home #loading>div.light{background:#fff;color:#161617}.home #loading #phase1 p{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease}.home #loading #phase1 span{opacity:0}.home #loading #phase1 p.active span{opacity:1}.home #loading #phase1 .l1 .t1{transition-delay:0s}.home #loading #phase1 .l1 .t2{transition-delay:.7s}.home #loading #phase1 .l1 .t3{transition-delay:.9s}.home #loading #phase1 .l1 .t4{transition-delay:1.1s}.home #loading .main-text{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.home #loading .trait .main-text{height:1em}.home #loading .main-text .sup-text{display:block;font-size:24px;left:50%;letter-spacing:-1em;margin-left:-1em;opacity:0;position:absolute;top:-50px;transform:translateX(-50%)}.home #loading .main-text.active .sup-text{letter-spacing:1.5em;margin-left:1.5em;opacity:1;transition:letter-spacing .7s ease-out}.home #loading .trait .main-text span{left:50%;letter-spacing:-.03em;line-height:1;mix-blend-mode:multiply;position:absolute;transform:translateX(-50%) scalex(1);transition:all .7s ease}.home #loading .trait .main-text.active span{transform:translateX(-50%) scalex(1.3)}.home #loading .main-text .text-c{color:#00aeef}.home #loading .main-text .text-m{color:#d33d76}.home #loading .main-text .text-y{color:#fee716}.home #loading .main-text.active .text-c{margin-left:1.15em}.home #loading .main-text.active .text-y{margin-left:-1.15em}.home #loading #phase5 p{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.home #loading #phase5 .l1{height:1em;overflow:hidden;transition:all .5s ease}.home #loading #phase5 .l1 span{display:inline-block;line-height:1;transition:all 1s ease;vertical-align:top}.home #loading #phase5 .l1 .t1{transition-delay:0s}.home #loading #phase5 .l1 .t2{transition-delay:.5s}.home #loading #phase5 .l1 .t3{transition-delay:.9s}.home #loading #phase5 .l2{max-width:100%;padding:0 15px;text-align:left;width:1200px}.home #loading #phase5 .l2 span{display:block;font-size:120px;font-weight:700;letter-spacing:-.04em;line-height:1;opacity:0;transition:all .5s ease}.home #loading #phase5 .l2 .t1{transition-delay:0s}.home #loading #phase5 .l2 .t2{transition-delay:.5s}.home #loading #phase5 .l2 .t3{transition-delay:1s}.home #loading #phase5 .l2.active span{opacity:1}.home #loading-close{align-items:center;background:#fee716;bottom:50px;color:#161617;display:flex;font-size:16px;font-weight:700;height:100px;justify-content:center;opacity:0;overflow:hidden;position:absolute;right:50px;transition:all .3s ease-in;width:100px;z-index:2020}.home #loading-close:hover{animation-duration:1s;animation-fill-mode:both;animation-name:fliping-btn}.home #loading-close.active{opacity:1}.home #navi{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:#1d1d1fb8;border-bottom:1px solid #111;height:55px;left:0;overflow:hidden;padding:15px 0;position:fixed;top:-56px;transition:all .8s ease-in-out;width:100%;z-index:1060}.home.on #navi{top:0}.home #navi.active{background:#161617;box-shadow:20px 0 20px 20px #0003;height:350px;transition:all .4s ease-in-out}.home #navi.active:after{background:#ffffff1a;content:"";display:block;height:1px;left:0;position:absolute;top:55px;width:100%;z-index:1040}.home #navi .flex-row{align-items:center;justify-content:space-between;position:relative;z-index:1060}.home #menu-name{align-items:center;display:flex;font-size:24px;line-height:1;position:relative}.home #menu-name .curr-name{color:#f5f5f7;cursor:pointer;font-weight:600;letter-spacing:-.02em;text-transform:uppercase}.home #menu-name .icon{cursor:pointer;vertical-align:initial}.home #navi.active #menu-name .icon{transform:rotateX(180deg)}.home .menu-list{left:0;opacity:0;position:absolute;text-transform:uppercase;top:50px;transition:all .3s ease-in;z-index:1040}.home #navi.active .menu-list{opacity:1}.home #navi .menu-list li{opacity:0;transition:all .3s ease-in}.home #navi .menu-list li:first-child{transition-delay:.1s}.home #navi .menu-list li:nth-child(2){transition-delay:.15s}.home #navi .menu-list li:nth-child(3){transition-delay:.2s}.home #navi .menu-list li:nth-child(4){transition-delay:.25s}.home #navi .menu-list li:nth-child(5){transition-delay:.3s}.home #navi .menu-list li:nth-child(6){transition-delay:.35s}.home #navi .menu-list li:nth-child(7){transition-delay:.4s}.home #navi .menu-list li:nth-child(8){transition-delay:.45s}.home #navi.active .menu-list li{opacity:1}.home #navi .menu-list li a{color:#c1c1c1;display:block;font-size:18px;font-weight:500;overflow:hidden;padding:9px 0;position:relative;width:-moz-fit-content;width:fit-content}.home #navi.active .menu-list li a:hover{color:#f5f5f7}.home #navi.active .menu-list li a:before{background:#c1c1c1;bottom:0;content:"";display:block;height:1px;left:-110%;position:absolute;transition:all .3s ease-in;width:100%}.home #navi.active .menu-list li a:hover:before{left:0}.home .top-link{display:flex;justify-content:flex-end;white-space:nowrap}.home .top-link li{line-height:1;margin:0;padding:0 10px;position:relative}.home .top-link li:last-child{padding-right:0}.home .top-link li+li:before{background:#333;content:"";display:block;height:15px;left:0;margin-top:2px;position:absolute;top:50%;transform:translatey(-50%);width:1px}.home .top-link li a{color:#f5f5f7;font-size:12px;font-weight:500}.home #nav-scroll{align-items:center;display:flex;flex-flow:column;opacity:0;position:fixed;right:20px;top:50%;transform:translateY(-50%) scale(.85);z-index:1000}.home.on #nav-scroll{animation-duration:.6s;animation-fill-mode:forwards;animation-name:navi}.home #scroll-bar{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:#818185b8;border-radius:50px;box-shadow:0 0 5px 5px #0000000d;height:150px;position:relative;transition:all .1s ease-in-out;width:14px}.home #scroll-bar .inner{height:calc(96% - 8px);left:50%;margin-left:-1px;position:absolute;top:2%;width:1px}.home #scroll-bar .current-indicator{background:#f5f5f7;border-radius:50%;display:block;height:8px;left:50%;opacity:.8;position:absolute;top:20%;transform:translateX(-50%);transition:all .1s ease-in-out;width:8px}.home #scroll-top{align-items:center;background:#2997ff;border-radius:50%;box-shadow:0 0 5px 5px #0000000d;color:#fff;display:flex;font-size:8px;font-weight:700;height:20px;justify-content:center;margin-top:15px;width:20px}.home #scroll-top:before{border-bottom:5px solid #fff;border-left:4px solid #0000;border-right:4px solid #0000;content:"";display:block}.home .main-content section{background:#161617;border-bottom:1px solid #ffffff1a;display:flex;flex-flow:column;justify-content:center;min-height:100vh;padding:120px 0;position:relative;z-index:10}.home .main-content .main-title{color:#cecece;font-size:54px;font-weight:700;letter-spacing:-.03em;line-height:1.3}.home .main-content .main-title .emp{background-clip:text;-webkit-background-clip:text;background-color:#86868b;color:#0000;display:inline-block;overflow:hidden;position:relative;vertical-align:bottom}.home .main-content .main-title .emp:before{background-color:#23e4ca;background-image:linear-gradient(-45deg,#23e4ca,#fffb7d);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:0}.home .active .main-title .emp:before{animation-duration:.8s;animation-fill-mode:forwards;animation-name:textEmpBg;animation-timing-function:ease-in}.home .active .main-title .emp{animation-delay:.4s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:textEmp;animation-timing-function:ease-in-out}@keyframes textEmp{0%{background-color:#86868b}90%{background-color:#86868b}to{background-clip:text;-webkit-background-clip:text;background-color:#23e4ca;background-image:linear-gradient(-45deg,#23e4ca,#fffb7d)}}@keyframes textEmpBg{0%{left:0;width:0}65%{left:0;width:200%}99%{left:205%;opacity:1;width:200%}to{left:205%;opacity:0;width:200%}}.home .main-content [data-acive=fadeup]{opacity:.5;transform:translateY(50px);transition:all .3s ease-out}.home .main-content section.active [data-acive=fadeup]{opacity:1;transform:translateY(0)}.home .main-content [data-acive=fadeleft]{opacity:0;transform:translateX(-50px);transition:all .3s ease-out}.home .main-content section.active [data-acive=fadeleft]{opacity:1;transform:translateY(0)}.home .main-content [data-active-idx="1"]{transition-delay:.3s}.home .main-content [data-active-idx="2"]{transition-delay:.4s}.home .main-content [data-active-idx="3"]{transition-delay:.5s}.home .main-content [data-active-idx="4"]{transition-delay:.6s}.home #main-view{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;z-index:1}.home #main-view:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:10}.home #main-view #main_bg{bottom:0;left:0;min-height:110%;min-width:100%;object-fit:cover;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.home #main_bg::-moz-media-controls,.home #main_bg::-webkit-media-controls{display:none!important}.home #main-view .container{position:fixed;z-index:50}.home #main-view .middle-title span{background-clip:text;-webkit-background-clip:text;background-color:#23e4ca;background-image:linear-gradient(-45deg,#23e4ca,#fffb7d);color:#0000;display:block;font-size:120px;font-weight:700;height:1em;letter-spacing:-.04em;line-height:1;overflow:hidden;padding-top:1.1em;text-transform:uppercase;transition:all .7s ease-in-out}.home #main-view .middle-title .t1{transition-delay:0s}.home #main-view .middle-title .t2{transition-delay:.3s}.home #main-view .middle-title .t3{transition-delay:.6s}.home .active#main-view .middle-title span{padding-top:0}.home #main-view .middle-title span small{color:#f5f5f7;display:none;font-size:20px;font-weight:500;letter-spacing:0}.home #intro h3{margin-bottom:80px;text-align:center}.home #intro .flex-row{align-items:stretch;margin:0 -10px 20px}.home #intro .flex-row>.col{padding-left:10px;padding-right:10px}.home .summary-wrap dl{background:#050505;border-radius:20px;height:100%;padding:20px 25px 25px}.home .summary-wrap dl dt{font-size:20px;font-weight:600;margin-bottom:5px;max-width:-moz-fit-content;max-width:fit-content}.home .summary-wrap dl dd+dt{margin-top:15px}.home .summary-wrap .skill-dl dd{align-items:center;border:1px solid #ffffff1a;display:inline-flex;justify-content:center;margin:6px 3px;min-height:60px;overflow:hidden;position:relative;text-align:center;width:46%}.home .summary-wrap .skill-dl dd span{font-size:13px;line-height:1.2;position:relative;z-index:10}.home .summary-wrap .skill-dl dd:after,.home .summary-wrap .skill-dl dd:before{content:"";display:block;position:absolute;transition:all .3s ease-in-out;z-index:1}.home .summary-wrap .skill-dl dd:before{background:linear-gradient(135deg,#c8eeff,#2fff90,#6cffc9,#2effd5);height:300%;left:-50%;top:-50%;transform:rotate(-45deg);width:200%}.home .active .summary-wrap .skill-dl dd:before{animation:borderAnimation .9s linear;animation-fill-mode:backwards}.home .summary-wrap .skill-dl dd:nth-of-type(2):before,.home .summary-wrap .skill-dl dd:nth-of-type(3):before{animation-delay:.3s}.home .summary-wrap .skill-dl dd:nth-of-type(4):before,.home .summary-wrap .skill-dl dd:nth-of-type(5):before{animation-delay:.6s}.home .summary-wrap .skill-dl dd:nth-of-type(6):before{animation-delay:.9s}.home .summary-wrap .skill-dl dd:after{background:#050505;height:calc(100% - 2px);left:1px;top:1px;width:calc(100% - 2px)}.home .summary-wrap dl li{font-size:14px;line-height:1.8;opacity:.9;padding-left:10px;position:relative}.home .summary-wrap dl li:before{background:#333;content:"";display:block;height:2px;left:0;position:absolute;top:12px;width:2px}@keyframes borderAnimation{0%{left:-200%;top:-200%}to{left:-50%;top:-50%}}.home #history{padding-bottom:0}.home #history-wrap{position:relative}.home #history-wrap .txt-box{color:#cecece;left:0;margin-bottom:calc(100vh - 212px);padding-top:5vh;position:sticky;text-align:center;top:120px;width:100%;z-index:10}.home #history .main-line,.home #history .sub-line{height:1em;line-height:1;overflow:hidden;position:relative}.home #history .main-line span,.home #history .sub-line span{display:block;position:absolute;top:100%;transition:all .3s ease-in-out;width:100%}.home #history .main-line span.active,.home #history .sub-line span.active{top:0}.home #history .main-line{font-size:42px;font-weight:700;margin-bottom:30px}.home #history .sub-line{font-size:20px}.home #history .sub-line strong{color:#fff;font-weight:600}.home #history-content{margin-top:calc(-100vh + 320px);position:relative}.home #history-content article{background:url(/static/media/history1.9d59789b120651b2a8e3.png) no-repeat bottom/95%;filter:grayscale(1);min-height:100vh;opacity:.3;overflow:hidden;position:relative}.home #history-content #at1{background-image:url(/static/media/history1.9d59789b120651b2a8e3.png)}.home #history-content #at2{background-image:url(/static/media/history2.3c21c0ca6b025999e8c8.png)}.home #history-content #at3{background-image:url(/static/media/history3.cb0962695b479b6bca8b.png)}.home #history-content #at4{background-image:url(/static/media/history4.b4736ff4e8a6d5a63976.png)}.home #personality{overflow:hidden}.home #personality .main-title{margin-bottom:60px}.home .personality-wrap{align-items:center}.home .personality-li{padding-left:4px}.home .personality-li li{color:#a1a1a6;font-size:20px;line-height:2;transition:all .3s ease-in-out;width:-moz-fit-content;width:fit-content}.home .personality-li li.active{color:#fff}.home .personality-wrap .icon-box{position:relative}.home .personality-wrap .icon-box:before{background:#1750ac;box-shadow:0 0 20px 20px #0003;content:"";display:block;height:550px;left:50%;position:absolute;top:50%;transform:translateY(-50%);width:100vw;z-index:-1}.home .personality-icon{background:#1750ac;border-radius:50%;height:550px;position:relative;width:550px}.home .personality-icon li{align-items:center;display:flex;height:100%;justify-content:center;opacity:0;position:absolute;right:-50%;top:0;transition:all .3s ease-in-out;width:100%}.home .personality-icon .active{opacity:1;right:0}.home .personality-icon span{color:#fff;font-size:275px}.home .personality-icon .clock{transform-origin:center bottom}.home .personality-icon .active span{animation-duration:1.5s}.home .personality-icon .active .clock{animation-name:clock}.home .personality-icon .active .process{animation-name:process}.home .personality-icon .active .handshake{animation-name:handshake}.home .personality-icon .active .book{animation-name:book}.home #project .main-title,.home #project .sub-title{margin-bottom:15px;text-align:center}.home #project .sub-title{color:#cecece;font-size:20px;margin-bottom:60px}.home #project .sub-title strong{color:#fff;font-weight:600}.home #project .info-text{color:#a1a1a6;margin-top:30px;text-align:right}.home .project-wrap ul{background:#050505;border-radius:20px;overflow:hidden;padding:50px 40px;position:relative}.home .project-wrap ul li{color:#a1a1a6;font-size:18px;line-height:2;width:-moz-fit-content;width:fit-content}.home .project-wrap ul li a{border-bottom:1px solid #0000;color:#a1a1a6}.home .project-wrap ul li.active a{color:#fff}.home .project-wrap ul li a:hover{border-bottom:1px solid #fff}.home .project-wrap ul .bg{background:url(/static/media/labtop.d79491c14f192aa660cd.png) no-repeat 0/contain;content:"";height:50%;opacity:.85;position:absolute;right:-60%;top:50%;transform:translateY(-50%) scale(.97);transform-origin:left center;transition:all .3s ease-in-out;width:100%;z-index:0}.home .project-wrap ul:hover .bg{opacity:1;right:-55%;transform:translateY(-50%) scale(1)}.home .project-wrap ul .bg .img{display:block;height:69%;left:12%;object-fit:cover;object-position:left top;opacity:0;position:absolute;top:5.3%;width:46%}.home .project-wrap ul .bg .img.active{background:#fff;opacity:1}.home #example .main-title{margin-bottom:60px}.home #major-wrap,.home #major-wrap article{position:relative}.home #major-wrap article:not(.example1){margin-top:-30px}.home #major-wrap article img{box-shadow:0 0 10px 10px #0000004d;display:block;filter:brightness(.5);position:relative;width:60%}.home #major-wrap .example1 img{left:20%;z-index:3}.home #major-wrap .example2 img{left:-10%;z-index:5}.home #major-wrap .example3 img{left:10%;z-index:3}.home #major-wrap .example4 img{left:-20%;z-index:5}.home #major-wrap article .txt-box{bottom:0;left:0;opacity:0;padding:0 30px 60px;position:absolute;transition:all .5s ease;width:40%;z-index:1}.home #major-wrap .example4 .txt-box{padding-bottom:0}.home #major-wrap .txt-box h5{color:#f5f5f7;font-size:24px;font-weight:600;margin-bottom:5px}.home #major-wrap .txt-box .period{margin-bottom:45px}.home #major-wrap .txt-box .des{color:#a1a1a6;margin-bottom:15px}.home #major-wrap .txt-box .des strong{color:#f5f5f7}.home #major-wrap .txt-box .more:hover{text-decoration:underline}.home #major-wrap .txt-box .more .icon{margin-left:-5px}.home #major-wrap .reverse .txt-box{left:auto;padding-left:0;right:0}.home #major-wrap .reverse img{margin-left:auto}.home #major-wrap .reverse h5{padding-right:15px;width:-moz-fit-content;width:fit-content}.home #major-wrap article.active:not(.reverse) .txt-box{left:60%;opacity:1}.home #major-wrap article.active.reverse .txt-box{opacity:1;right:60%}.home #contact{margin-bottom:52.4px;padding-top:180px}.home #contact .main-title{margin-bottom:45px;text-align:center}.home #contact .contact-li{align-items:center;display:flex;justify-content:center;margin-bottom:60px}.home #contact .contact-li li{font-size:20px;padding:0 15px}.home #contact .contact-li li a:hover{text-decoration:underline}.home #contact .contact-li .icon{margin-left:-5px}.home .profile-img{animation-duration:1.5s;animation-fill-mode:forwards;animation-timing-function:ease-in;height:300px;margin:0 auto;padding:1px;position:relative;width:300px}.home .profile-img:after,.home .profile-img:before{animation-duration:5s;animation-iteration-count:infinite;animation-name:rotateBg;background:linear-gradient(327deg,#4242f7,#ff609b,#a340e4);background:linear-gradient(327deg,#f7426f,#ffe260,#14ebd2);border-radius:50%;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.home .profile-img:before{filter:blur(10px)}.home .profile-img img{border-radius:50%;display:block;position:relative;z-index:10}.home #footer{background:#161617;bottom:0;color:#86868b;font-size:14px;left:0;padding:15px 0;position:fixed;width:100%;z-index:0}.home #footer .copy{text-align:right}@media(max-width:999px){.home #loading{font-size:50px}.home #loading #phase1 span{font-size:34px}.home #loading .main-text .sup-text{font-size:16px;top:-40px}.home #loading #phase5 .l1 span{font-size:28px}.home #loading #phase5 .l2{margin-top:-14px;text-align:center}.home #loading #phase5 .l2 span{font-size:56px;height:1.2em;line-height:1.2}.home #loading-close{bottom:20px;font-size:14px;height:80px;right:20px;width:80px}.home body,.home html{overflow-x:hidden;width:100vw}.home .flex-row{flex-wrap:wrap}.home .flex-row>.col{flex-basis:100%}.home .visible-xs{display:block}.home .hidden-xs{display:none}.home #navi{height:48px;top:-49px}.home #navi.active{height:330px}.home #navi .flex-row{align-items:center}.home #navi .flex-row>.col{flex-basis:auto}.home #menu-name{flex:initial;font-size:17px}.home #menu-name .icon{align-items:center;display:inline-flex;height:17px}.home .top-link .resume{padding-right:0}.home .top-link .email{display:none}.home #navi .menu-list li a{font-size:15px}.home #nav-scroll{display:none;right:10px}.home #scroll-top{margin-top:8px}.home .main-content section{padding:100px 0}.home .main-content .main-title{font-size:40px;margin-bottom:20px}.home .main-content [data-acive=fadeup]{transform:translateY(0)}.home #main-view .container{margin-top:-28px}.home #main-view .middle-title span{font-size:56px;height:1.2em;line-height:1.2;text-align:center}.home #intro h3{margin-bottom:60px}.home #intro .flex-row{margin-bottom:0}.home .summary-wrap dl{height:auto;margin-bottom:15px}.home .summary-wrap dl dt{font-size:18px}.home .summary-wrap .skill-dl dd:before{left:-60%}.home #history .txt-box{margin-bottom:40vh;padding-top:0;word-break:keep-all}.home #history .main-line,.home #history .sub-line{height:2.4em;line-height:1.2;overflow:visible;overflow:initial}.home #history .main-line span,.home #history .sub-line span{opacity:0;top:0;white-space:normal}.home #history .main-line span.active,.home #history .sub-line span.active{opacity:1}.home #history .main-line{font-size:30px}.home #personality .main-title{font-size:34px;line-height:1.2;margin-bottom:30px}.home .personality-li{margin-bottom:45px}.home .personality-li li{display:none;line-height:1.4;word-break:keep-all}.home .personality-li li.active{display:block}.home .personality-icon{height:80vw;margin:0 auto;width:80vw}.home .personality-icon span{font-size:35vw}.home .personality-wrap .icon-box:before{height:80vw;width:80vw}.home #project .sub-title{line-height:1.4}.home .project-wrap .col:first-child ul{border-radius:20px 20px 0 0;padding-bottom:0;padding-top:30px}.home .project-wrap .col:nth-child(2) ul{border-radius:0 0 20px 20px;padding-top:0}.home .project-wrap ul li a,.home .project-wrap ul li.active a{border-bottom:1px solid;color:#f5f5f7}.home .project-wrap ul .bg{display:none}.home #example #major-wrap article{margin-top:0;overflow:hidden}.home #major-wrap article img{position:static;width:100%}.home #major-wrap article .txt-box{left:0;opacity:1;padding:30px 0 60px;position:static;width:100%}.home #contact{margin-bottom:74px;padding-top:100px}.home #contact .main-title{margin-bottom:30px}.home #contact .contact-li li{font-size:16px}.home .profile-img{height:66vw;width:66vw}.home #contact .contact-li .icon{transform:translateY(0)}.home #footer .copy{text-align:left}}@media(max-width:999px)and (min-width:768px){.home .summary-wrap .skill-dl dd:before{height:520%;margin-left:20%;margin-top:-20%;width:160%}}.resume #resume{padding-bottom:100px;padding-top:40px}.resume article{color:#d3d4d9;line-height:2;padding:40px 0}.resume article h4{color:#f3f4f9;font-size:24px;font-weight:600;margin:0 0 20px}@media(max-width:999px){.resume article h4{font-size:20px}}.resume article h4 small{color:#478bff;font-size:18px;font-weight:400}.resume article p+h4{margin-top:80px}.resume .li-contact li,.resume article p{display:flex}.resume .li-contact span,.resume article p .date{color:#f3f4f9;display:inline-block;font-weight:500;min-width:150px}.resume a:hover{text-decoration:underline}.resume .li-dash li{color:#adaeb3;padding-left:10px;position:relative}.resume .li-dash li:before{content:"-";left:0;position:absolute;top:0}.resume .li-dash li strong{color:#f3f4f9;font-weight:400}.resume dt{color:#f5f5f7;font-weight:600}.resume .project-table{border-bottom:1px solid #86868b;white-space:nowrap;width:100%}.resume .project-table thead{background:#1750ac;text-align:left}.resume .project-table thead th{color:#f5f5f7}.resume .project-table tr:not(:first-child){border-top:1px solid #ffffff1a}.resume .project-table tbody tr:hover{background:#ffffff1a}.resume .project-table td,.resume .project-table th{padding:2px 10px}.resume h5{color:#f3f4f9;display:block;font-size:16px;font-weight:600;margin:32px 0 16px}.resume h5 a{display:inline-block;margin-left:8px}.resume h5 small{color:#d3d4d9;display:inline-block;font-size:14px;font-weight:400;margin-top:4px}.resume h5+.des{color:#adaeb3;font-size:14px}.resume #back_btn{align-items:center;animation-delay:1s;animation-duration:1s;animation-fill-mode:forwards;background:#2060ce;border:0;border-radius:50%;bottom:30px;box-shadow:0 0 20px 20px #0000001a;color:#f5f5f7;cursor:pointer;display:flex;font-size:40px;height:80px;justify-content:center;opacity:0;position:fixed;right:20px;width:80px}.resume.on #back_btn{animation-name:backBtn}.resume.on #back_btn:hover{text-decoration:none}.resume.on #back_btn span{font-size:36px}.resume #nav-scroll{align-items:center;display:flex;flex-flow:column;opacity:0;position:fixed;right:20px;top:50%;transform:translateY(-50%) scale(.85);z-index:1000}.resume.on #nav-scroll{animation-duration:.6s;animation-fill-mode:forwards;animation-name:navi}@keyframes navi{0%{opacity:0;transform:translateY(-50%) scale(.85)}70%{opacity:1;transform:translateY(-50%) scale(1.03)}to{opacity:1;transform:translateY(-50%) scale(1)}}.resume #scroll-bar{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:#818185b8;border-radius:50px;box-shadow:0 0 5px 5px #0000000d;height:150px;position:relative;transition:all .1s ease-in-out;width:14px}.resume #scroll-bar .inner{height:calc(96% - 8px);left:50%;margin-left:-1px;position:absolute;top:2%;width:1px}.resume #scroll-bar .current-indicator{background:#f5f5f7;border-radius:50%;display:block;height:8px;left:50%;opacity:.8;position:absolute;top:20%;transform:translateX(-50%);transition:all .1s ease-in-out;width:8px}.resume #scroll-top{align-items:center;background:#2997ff;border-radius:50%;box-shadow:0 0 5px 5px #0000000d;color:#fff;display:flex;font-size:8px;font-weight:700;height:20px;justify-content:center;margin-top:16px;width:20px}.resume #scroll-top:before{border-bottom:5px solid #fff;border-left:4px solid #0000;border-right:4px solid #0000;content:"";display:block}.resume .at4 .flex-row{flex-wrap:wrap;gap:20px 0}.resume .at4 .skill-dl dd{align-items:center;display:flex;gap:8px}.resume .at4 .skill-dl dd:after{border-top:5px dotted #478bff;content:"";display:block;height:1px}.resume .at4 .skill-dl dd[data-level="1"]:after{filter:saturate(0);opacity:.5;width:6px}.resume .at4 .skill-dl dd[data-level="2"]:after{filter:saturate(.5);opacity:.75;width:16px}.resume .at4 .skill-dl dd[data-level="3"]:after{opacity:1;width:24px}.resume .at4 .level-li{border-top:1px solid #393a3f;margin-top:20px;padding-top:20px}.resume .at4 .level-li li{align-items:center;color:#dedfe4;display:flex;font-size:14px;gap:12px}.resume .at4 .level-li li .circle{display:block;width:24px}.resume .at4 .level-li li .circle:after{border-top:5px dotted #478bff;content:"";display:block;height:1px}.resume .at4 .level-li li .circle[data-level="1"]:after{filter:saturate(0);opacity:.5;width:6px}.resume .at4 .level-li li .circle[data-level="2"]:after{filter:saturate(.5);opacity:.75;width:16px}.resume .at4 .level-li li .circle[data-level="3"]:after{opacity:1;width:24px}@keyframes backBtn{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@media(max-width:999px){.resume article{padding:28px 0}.resume article p{display:block;line-height:1.6;margin-bottom:20px}.resume article p .date{display:block}.resume .project-table{width:auto}.resume .table-responsive{max-width:100%;overflow-x:scroll}.resume .li-contact li{display:block;line-height:1.6;margin-bottom:20px}.resume .li-contact li span{display:block}.resume .at4 .col{flex-basis:100%}.resume #back_btn{height:60px;width:60px}.resume.on #nav-scroll{display:none}.resume.on #back_btn span{font-size:28px}}.renew .renew{overflow:hidden}.renew .renew.on{overflow:visible;overflow:initial}.renew #loading{background:#000;bottom:0;font-size:90px;font-weight:700;left:0;perspective:2000px;position:fixed;right:0;text-align:center;text-transform:uppercase;top:0;white-space:nowrap;z-index:2000}.renew #loading>div{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;visibility:hidden;z-index:1900}.renew #loading>div.active{visibility:visible;z-index:2000}.renew #loading>div.dark{background:#000;color:#f5f5f7}.renew #loading>div.light{background:#fff;color:#161617}.renew #loading #phase1 p{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease}.renew #loading #phase1 span{opacity:0}.renew #loading #phase1 p.active span{opacity:1}.renew #loading #phase1 .l1 .t1{transition-delay:0s}.renew #loading #phase1 .l1 .t2{transition-delay:.7s}.renew #loading #phase1 .l1 .t3{transition-delay:.9s}.renew #loading #phase1 .l1 .t4{transition-delay:1.1s}.renew #loading .main-text{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.renew #loading .trait .main-text{height:1em}.renew #loading .main-text .sup-text{display:block;font-size:24px;left:50%;letter-spacing:-1em;margin-left:-1em;opacity:0;position:absolute;top:-50px;transform:translateX(-50%)}.renew #loading .main-text.active .sup-text{letter-spacing:1.5em;margin-left:1.5em;opacity:1;transition:letter-spacing .7s ease-out}.renew #loading .trait .main-text span{left:50%;letter-spacing:-.03em;line-height:1;mix-blend-mode:multiply;position:absolute;transform:translateX(-50%) scalex(1);transition:all .7s ease}.renew #loading .trait .main-text.active span{transform:translateX(-50%) scalex(1.3)}.renew #loading .main-text .text-c{color:#00aeef}.renew #loading .main-text .text-m{color:#d33d76}.renew #loading .main-text .text-y{color:#fee716}.renew #loading .main-text.active .text-c{margin-left:1.15em}.renew #loading .main-text.active .text-y{margin-left:-1.15em}.renew #loading #phase5 p{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.renew #loading #phase5 .l1{height:1em;overflow:hidden;transition:all .5s ease}.renew #loading #phase5 .l1 span{display:inline-block;line-height:1;transition:all 1s ease;vertical-align:top}.renew #loading #phase5 .l1 .t1{transition-delay:0s}.renew #loading #phase5 .l1 .t2{transition-delay:.5s}.renew #loading #phase5 .l1 .t3{transition-delay:.9s}.renew #loading #phase5 .l2{max-width:100%;padding:0 15px;text-align:left;width:1200px}.renew #loading #phase5 .l2 span{display:block;font-size:120px;font-weight:700;letter-spacing:-.04em;line-height:1;opacity:0;transition:all .5s ease}.renew #loading #phase5 .l2 .t1{transition-delay:0s}.renew #loading #phase5 .l2 .t2{transition-delay:.5s}.renew #loading #phase5 .l2 .t3{transition-delay:1s}.renew #loading #phase5 .l2.active span{opacity:1}.renew #loading-close{align-items:center;background:#fee716;bottom:50px;color:#161617;display:flex;font-size:16px;font-weight:700;height:100px;justify-content:center;opacity:0;overflow:hidden;position:absolute;right:50px;transition:all .3s ease-in;width:100px;z-index:2020}.renew #loading-close:hover{animation-duration:1s;animation-fill-mode:both;animation-name:fliping-btn}.renew #loading-close.active{opacity:1}@keyframes fliping-btn{0%{transform:rotateY(0)}25%{transform:rotateY(-20deg)}50%{transform:rotateY(20deg)}75%{transform:rotateY(-20deg)}to{transform:rotateY(0)}}.renew .main-content section{background:#161617;display:flex;flex-flow:column;justify-content:center;padding:120px 0;position:relative;z-index:10}.renew .main-content [data-acive=fadeup]{opacity:.5;transform:translateY(50px);transition:all .3s ease-out}.renew .main-content section.active [data-acive=fadeup]{opacity:1;transform:translateY(0)}.renew .main-content [data-acive=fadeleft]{opacity:0;transform:translateX(-50px);transition:all .3s ease-out}.renew .main-content section.active [data-acive=fadeleft]{opacity:1;transform:translateY(0)}.renew .main-content [data-active-idx="1"]{transition-delay:.3s}.renew .main-content [data-active-idx="2"]{transition-delay:.4s}.renew .main-content [data-active-idx="3"]{transition-delay:.5s}.renew .main-content [data-active-idx="4"]{transition-delay:.6s}.renew section h2{color:#dedfe4;font-size:48px;font-weight:700;margin:0 0 40px}@media(max-width:999px){.renew section h2{font-size:32px}}.renew section h2+p{color:#c1c2c7;font-size:18px;margin:-24px 0 40px}.renew section h2+p strong{color:#d3d4d9;font-weight:700}.renew #key-visual{background:#101021;background:linear-gradient(90deg,#101021,#0b0b17,#101021);height:200vh;justify-content:flex-start;padding:0 0 120px}.renew #key-visual .container{height:100%;margin:0;padding:0}.renew #key-visual h2{color:#fff;text-align:center}.renew #key-visual .visual-wrap{align-items:center;display:flex;flex-flow:column;height:calc(100vh - 200px);max-width:100vw;position:fixed;top:120px;width:100%}.renew #key-visual .visual-wrap .txt-box{text-align:center}.renew #key-visual .visual-wrap .txt-box h2{font-size:64px;font-weight:700;line-height:1.4;margin-top:32px}@media(max-width:999px){.renew #key-visual .visual-wrap .txt-box h2{font-size:40px}}.renew #key-visual .visual-wrap .txt-box h2 .highlight{background-clip:text;-webkit-background-clip:text;background-color:#478bff;background-image:linear-gradient(145deg,#0ff,#478bff);color:#0000}.renew #key-visual .visual-wrap .txt-box h2 small{color:#fff;display:block;font-size:32px;font-weight:400}@media(max-width:999px){.renew #key-visual .visual-wrap .txt-box h2 small{font-size:24px}}.renew #key-visual .cowork-text{bottom:-100vh;font-size:5vw;left:30px}.renew #key-visual .cowork-text,.renew #key-visual .job-text{color:#101021;font-weight:700;position:absolute;text-shadow:1px 1px 0 #ffffff26,-1px -1px 0 #ffffff26,1px -1px 0 #ffffff26,-1px 1px 0 #ffffff26;text-transform:uppercase;white-space:nowrap;writing-mode:vertical-rl}.renew #key-visual .job-text{font-size:10vw;right:30px;top:0}.renew #key-visual .canvas-wrap{aspect-ratio:1920/850;max-width:1920px;overflow:hidden;width:100%}.renew #key-visual #canvas{cursor:grab;display:block}.renew #key-visual #canvas:active{cursor:grabbing}.renew #example .webapp-wrap{height:200vh}.renew #example .mobile-wrap{align-items:center;background:#efefef;display:flex;height:100vh;justify-content:center;position:sticky;top:0}.renew #example .mobile-wrap .app-screen{height:100vh;left:50%;overflow:hidden;position:absolute;top:0;transform:translateX(-50%);width:100vw;z-index:10}.renew #example .mobile-wrap .app-screen .screen-img{background:#478bff;background:#135ce5 url(/static/media/mobile_screen.0e014c0ec097b0865654.webp) no-repeat 50%/contain;height:100%;opacity:1;width:100%}.renew #example .mobile-wrap .img-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:100%;position:relative;width:600px;z-index:0}.renew #example .mobile-wrap .img-container .mockup-img{width:100%}.renew #example .mobile-wrap .img-container .sample-screen{aspect-ratio:9/19.4;background:url(/static/media/mobile_screen.0e014c0ec097b0865654.webp) no-repeat 50%/contain;border-radius:30px;left:50%;position:absolute;top:8.3%;transform:translateX(-50%);width:38.6%;z-index:0}.renew #example .mobile-wrap .img-container .camera{background:#000;border-radius:30px;height:3%;left:50%;opacity:0;position:absolute;top:10%;transform:translateX(-50%);width:13%}.renew #example .mobile-wrap .img-container .tab-bar{background:#efefef;border-radius:30px;height:.9%;left:50%;mix-blend-mode:hard-light;opacity:0;position:absolute;top:89%;transform:translateX(-50%);width:17%}.renew #example .mobile-wrap.on .app-screen{border-radius:30px;height:81%;min-width:228px;top:8.8%;width:12%}.renew #example .mobile-wrap.on .app-screen .screen-img{opacity:0}.renew #example .mobile-wrap.on .img-container .camera,.renew #example .mobile-wrap.on .img-container .tab-bar{opacity:1}.renew #example .at2{background:url(/static/media/labtop_screen.39e85d8e9eff44beecec.webp) no-repeat right 32px bottom 0/66%;min-height:800px}.renew #example .description-wrap{padding-top:120px;position:relative}.renew #example .description-wrap .project-info{font-size:16px;margin-bottom:40px}.renew #example .description-wrap .project-info dt{color:#fff}.renew #example .description-wrap .project-info dd{align-items:center;color:#adaeb3;display:flex;gap:4px}.renew #example .description-wrap .project-info dd+dt{margin-top:20px}.renew #example .description-wrap .app-icon{border-radius:12px;margin-bottom:20px;width:60px}.renew #history{justify-content:flex-start;padding-bottom:0}.renew #history h2{color:#dedfe4;text-align:left}.renew #history .container{height:300vh}.renew #history #history-wrap{height:100vh;left:0;position:sticky;top:40px}.renew #history .main-line{color:#fff;font-size:32px;font-weight:500;line-height:1.25;margin:0 0 24px}@media(max-width:999px){.renew #history .main-line{font-size:24px}}.renew #history .main-line .text-highlight{background-clip:text;-webkit-background-clip:text;background-color:#478bff;background-image:linear-gradient(145deg,#0ff,#478bff);color:#0000;font-weight:700}.renew #history .sub-line{color:#dedfe4;font-size:18px;margin:0 0 40px}.renew #history #history-content{display:flex;gap:20px;perspective:1000px;position:relative;width:300%}.renew #history #history-content article{background:#000;border-radius:24px;flex:0 0 25%;padding:40px}.renew #history #history-content article img{display:block;margin:0 auto}.renew #history .history-progress{bottom:40px;height:80px;left:50%;opacity:0;perspective:1000px;position:fixed;transform:translateX(-50%) scaleY(0);transition:transform .5s ease;width:400px;z-index:1000}.renew #history .history-progress .inner{align-items:center;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:#fff3;border-radius:8px;display:flex;height:100%;justify-content:center;padding:20px 40px}.renew #history .history-progress .progress-bar{background:#00000080;border-radius:4px;height:6px;overflow:hidden;width:100%}.renew #history .history-progress .progress-bar .progress-value{background:#fff;height:100%;width:0}.renew #history .history-progress.active{opacity:1;transform:translateX(-50%) scaleY(1)}.renew #core .flex-row{flex-wrap:wrap;gap:20px 0;margin:0 -10px}.renew #core .flex-row>.col{padding-left:10px;padding-right:10px;perspective:2000px}.renew #core .summary-wrap{opacity:0;perspective:2000px;transform:translateY(-10px);transition:all .3s ease-in}.renew #core.active .summary-wrap{opacity:1;transform:translateY(0)}.renew #core .skill-dl{grid-gap:12px;align-items:start;background:#050505;border-radius:20px;cursor:default;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;height:100%;overflow:hidden;padding:20px 24px 24px;perspective:1000px;position:relative}.renew #core .skill-dl:after{background-color:#478bff;background-image:linear-gradient(145deg,#0ff,#478bff);border-radius:20px;content:"";display:block;height:100%;left:-100%;mix-blend-mode:soft-light;opacity:0;position:absolute;top:0;transition:all .2s ease-in-out;width:100%}.renew #core .skill-dl:hover:after{left:0;opacity:1;top:0}.renew #core .skill-dl dt{font-size:18px;font-weight:600;grid-column:1/-1}.renew #core .skill-dl dd{align-items:center;border:1px solid #fff3;border-radius:4px;display:flex;flex-flow:column;gap:8px;justify-content:center;min-height:80px;padding:8px;position:relative;text-align:center;transition:all .05s ease}.renew #core .skill-dl dd:after{border-top:5px dotted #478bff;content:"";display:block;height:1px}.renew #core .skill-dl dd[data-level="1"]:after{filter:saturate(0);opacity:.5;width:6px}.renew #core .skill-dl dd[data-level="2"]:after{filter:saturate(.5);opacity:.75;width:16px}.renew #core .skill-dl dd[data-level="3"]:after{opacity:1;width:24px}.renew #core .skill-dl dd span{color:#f3f4f9;font-size:14px;font-weight:200;line-height:1.2;position:relative;z-index:10}.renew #core .skill-dl dd:hover{transform:translateZ(30px)}.renew #core .skill-dl:hover dd{transform:translateZ(10px)}.renew #core .level-li{margin-top:20px;padding-left:24px}.renew #core .level-li li{align-items:center;color:#dedfe4;display:flex;font-size:14px;gap:12px}.renew #core .level-li li .circle{display:block;width:24px}.renew #core .level-li li .circle:after{border-top:5px dotted #478bff;content:"";display:block;height:1px}.renew #core .level-li li .circle[data-level="1"]:after{filter:saturate(0);opacity:.5;width:6px}.renew #core .level-li li .circle[data-level="2"]:after{filter:saturate(.5);opacity:.75;width:16px}.renew #core .level-li li .circle[data-level="3"]:after{opacity:1;width:24px}.renew #project .project-wrap .inner{display:flex;position:relative}.renew #project .project-wrap .inner ul{flex-basis:33.33%;width:33.33%}.renew #project .project-wrap .inner ul li{align-items:center;border-bottom:1px solid #0000;color:#828388;cursor:pointer;display:flex;font-size:18px;gap:4px;line-height:2;width:-moz-fit-content;width:fit-content}.renew #project .project-wrap .inner ul li .icon{height:1em}.renew #project .project-wrap .inner ul li.active{color:#fff}.renew #project .project-wrap .img-wrap{height:100%;opacity:1;position:absolute;right:0;top:0;width:66.6%;z-index:0}.renew #project .project-wrap .bg{height:100%;overflow-y:auto;padding:0 20px;perspective:1000px;position:relative}.renew #project .project-wrap .bg a{display:block;filter:brightness(.5);position:relative;transform:translateZ(-40px);transition:all .5s ease;z-index:0}.renew #project .project-wrap .bg a img{aspect-ratio:700/438;display:block;object-fit:contain;object-position:left top;width:100%}.renew #project .project-wrap .bg a.active{box-shadow:0 0 20px #000;display:block;filter:brightness(1);transform:translateZ(0);z-index:10}.renew #project .project-wrap .bg a.active .img{background:#fff}.renew #project .info-text{color:#828388;font-size:14px;margin-top:20px;padding-right:20px;text-align:right}.renew #project .info-text .name{align-items:center;color:#c1c2c7;display:flex;font-size:16px;gap:4px;justify-content:flex-end}.renew #project .info-text .caption{font-size:12px;margin-top:16px}.renew #personality{overflow:hidden}.renew #personality .main-quote{line-height:1.2}.renew #personality .main-quote .emp{background-clip:text;-webkit-background-clip:text;background-color:#478bff;background-image:linear-gradient(145deg,#0ff,#478bff);color:#0000;font-weight:700}.renew .personality-wrap{align-items:center}.renew .personality-wrap .icon-box{position:relative}.renew .personality-wrap .icon-box:before{background:#1750ac;box-shadow:0 0 20px 20px #0003;content:"";display:block;height:550px;left:50%;position:absolute;top:50%;transform:translateY(-50%);width:100vw;z-index:-1}.renew .personality-li{padding-left:4px}.renew .personality-li li{color:#828388;font-size:18px;line-height:2;transition:all .3s ease-in-out;width:-moz-fit-content;width:fit-content}.renew .personality-li li.active{color:#fff}.renew .personality-icon{background:#1750ac;border-radius:50%;height:550px;position:relative;width:550px}.renew .personality-icon li{align-items:center;display:flex;height:100%;justify-content:center;opacity:0;position:absolute;right:-50%;top:0;transition:all .3s ease-in-out;width:100%}.renew .personality-icon li.active{opacity:1;right:0}.renew .personality-icon li.active span{animation-duration:1.5s}.renew .personality-icon li.active .clock{animation-name:clock}.renew .personality-icon li.active .process{animation-name:process}.renew .personality-icon li.active .handshake{animation-name:handshake}.renew .personality-icon li.active .book{animation-name:book}.renew .personality-icon .material-symbols-outlined{color:#fff;font-size:275px}.renew .personality-icon .material-symbols-outlined.clock{transform-origin:center bottom}@keyframes clock{0%{transform:rotate(-5deg)}12.5%{transform:rotate(5deg)}25%{transform:rotate(-5deg)}37.5%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}62.5%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes process{0%{transform:rotate(0deg)}10%{transform:rotate(90deg)}25%{transform:rotate(90deg)}35%{transform:rotate(180deg)}50%{transform:rotate(180deg)}60%{transform:rotate(270deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes handshake{0%{transform:translateY(0)}14.3%{transform:translateY(-5px)}28.6%{transform:translateY(5px)}42.9%{transform:translateY(-5px)}57.2%{transform:translateY(5px)}71.5%{transform:translateY(-5px)}85.8%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes book{0%{transform:translateY(0)}33%{transform:translateY(-15px)}66%{transform:translateY(15px)}to{transform:translateY(0)}}.renew #contact{margin-bottom:52.4px;padding-top:180px;position:relative}.renew #contact .container{position:relative;z-index:10}.renew #contact .main-quote{line-height:1.2;margin-bottom:80px;text-align:center}.renew #contact .main-quote .emp{background-clip:text;-webkit-background-clip:text;background-color:#478bff;background-image:linear-gradient(145deg,#0ff,#478bff);color:#0000}.renew #contact .profile-img{animation-duration:1.5s;animation-fill-mode:forwards;animation-timing-function:ease-in;height:300px;margin:0 auto 80px;padding:1px;position:relative;width:300px}.renew #contact .profile-img .aura,.renew #contact .profile-img:after,.renew #contact .profile-img:before{background:linear-gradient(327deg,#f7426f,#ffe260,#14ebd2,#478bff);border-radius:50%;content:"";display:block;filter:blur(20px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.renew #contact .profile-img:after{animation-duration:3s;animation-iteration-count:infinite;animation-name:rotateBg;animation-timing-function:linear;background:linear-gradient(327deg,#5b0c20,#fff,#055d53,#123d86);filter:blur(6px);mix-blend-mode:hard-light;z-index:1}@keyframes rotateBg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.renew #contact .profile-img .inner{border-radius:50%;height:100%;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:10}.renew #contact .profile-img img{aspect-ratio:1/1;display:block;max-width:none;max-width:100%;object-fit:cover;width:330px}.renew #contact .contact-li{align-items:center;display:flex;justify-content:center;margin-bottom:80px}.renew #contact .contact-li li{font-size:20px;padding:0 15px}.renew #contact .contact-li li .button{align-items:center;background:#0000;border:0;border-radius:40px;color:#478bff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:0 28px;position:relative}.renew #contact .contact-li li .button .bg,.renew #contact .contact-li li .button:before{background:#478bff;border-radius:40px;content:"";display:block;height:40px;left:50%;mix-blend-mode:plus-lighter;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:40px;z-index:11}.renew #contact .contact-li li .button.active .bg{animation-duration:.4s;animation-fill-mode:forwards;animation-name:button-hover}.renew #contact .contact-li li .button.out:before{animation-direction:reverse;animation-duration:.4s;animation-fill-mode:forwards;animation-name:button-hover}.renew #contact .contact-li li .button .value{position:relative;z-index:10}@keyframes button-hover{0%{margin-top:40px;transform:translate(-50%,-50%) scale(0);width:40px}30%{margin-top:0;transform:translate(-50%,-50%) scale(1);width:40px}to{transform:translate(-50%,-50%) scale(1);width:100%}}.renew #contact .description{color:#d3d4d9;font-size:16px;text-align:center}.renew #contact .star-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.renew #contact .shooting-star{animation:shooting 2s linear infinite;background:linear-gradient(-45deg,#fff,#ebd64a,#000);height:80px;opacity:0;position:absolute;transform:rotate(45deg);width:3px;z-index:0}@keyframes shooting{0%{opacity:.3;transform:translate(20vw,-20vh) rotate(45deg)}to{opacity:0;transform:translate(-20vw,70vh) rotate(45deg)}}.renew #footer{background:#161617;bottom:0;color:#828388;font-size:14px;left:0;padding:15px 0;position:fixed;width:100%;z-index:0}.renew #footer .copy{text-align:right}.renew #toast-message{border-radius:4px;bottom:10vh;height:60px;left:50%;max-width:100%;overflow:hidden;position:fixed;transform:translateX(-50%);width:-moz-fit-content;width:fit-content;z-index:1000}.renew #toast-message .inner{align-items:center;box-shadow:0 0 20px #00000080;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;visibility:hidden;white-space:nowrap;width:100%;z-index:1000}.renew #toast-message .message{align-items:center;color:#f3f4f9;display:flex;font-size:18px;gap:8px;justify-content:center;opacity:0;text-align:center;transition:all .4s ease-in-out .4s}.renew #toast-message:after,.renew #toast-message:before{background:#2060ce;border-radius:4px;content:"";display:block;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0;z-index:900}.renew #toast-message.active .inner{height:100%;padding:0 80px;visibility:visible;width:100%}.renew #toast-message.active .inner .message{animation-delay:.4s;animation-duration:.6s;animation-fill-mode:forwards;animation-name:message-show}.renew #toast-message.active:before{animation-duration:.6s;animation-fill-mode:forwards;animation-name:message-bg-show}.renew #toast-message.fade:after{animation-direction:reverse;animation-duration:.6s;animation-fill-mode:forwards;animation-name:message-bg-show}@keyframes message-show{0%{opacity:0}to{opacity:1}}@keyframes message-bg-show{0%{height:0;margin-top:60px;width:0}30%{height:60px;margin-top:0;width:60px}to{height:60px;width:100%}}.renew #floating{align-items:center;background:#2060ce;border:0;border-radius:50%;bottom:30px;box-shadow:0 0 20px #00000040;display:flex;flex-flow:column;gap:8px;height:80px;justify-content:center;position:fixed;right:20px;transform:scale(0);transition:transform .3s ease-in-out;width:80px;z-index:2000}.renew #floating.active{transform:scale(1)}.renew #floating .bar{background:#fff;border-radius:4px;height:4px;transition:all .3s ease;width:34px}.renew #floating.off{background:#0000;box-shadow:none;opacity:.6;z-index:2001}.renew #floating.off:hover{opacity:1}.renew #floating.off .b1{transform:rotate(45deg);transform-origin:left center}.renew #floating.off .b2{opacity:0}.renew #floating.off .b3{transform:rotate(-45deg);transform-origin:left center}.renew #side-menu{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000c4;display:flex;flex-flow:column;gap:80px;height:100vh;justify-content:center;opacity:0;padding:80px;position:fixed;right:0;top:0;transition:all .3s ease-in-out;visibility:hidden;width:100vw;z-index:2000}.renew #side-menu.on{opacity:1;visibility:visible}.renew #side-menu .menu-list{display:flex;flex-flow:column;gap:20px;padding-top:40px}.renew #side-menu .menu-list button{background:#0000;border:0;color:#c1c2c7;cursor:pointer;display:inline-block;font-size:32px;font-weight:700;text-transform:uppercase}@media(max-width:999px){.renew #side-menu .menu-list button{font-size:24px}}.renew #side-menu .menu-list button:hover{color:#fff}.renew #side-menu .icon-menu{align-items:center;display:flex;gap:40px;justify-content:center}.renew #side-menu .icon-menu .button{background:#0000;border:0;color:#fff;opacity:.6}.renew #side-menu .icon-menu .button:hover{opacity:1}.renew #side-menu .icon-menu .icon{font-size:30px;font-variation-settings:"FILL" 1;width:30px}@media(max-width:999px){.renew #loading{font-size:50px}.renew #loading #phase1 span{font-size:34px}.renew #loading .main-text .sup-text{font-size:16px;top:-40px}.renew #loading #phase5 .l1 span{font-size:28px}.renew #loading #phase5 .l2{margin-top:-14px;text-align:center}.renew #loading #phase5 .l2 span{font-size:56px;height:1.2em;line-height:1.2}.renew #loading-close{bottom:20px;font-size:14px;height:80px;right:20px;width:80px}.renew .flex-row{flex-wrap:wrap}.renew .flex-row>.col{flex-basis:100%}.renew .visible-xs{display:block}.renew .hidden-xs{display:none}.renew .main-content section{padding:60px 0}.renew .main-content section h2{margin-bottom:28px}.renew .main-content section h2+p{font-size:16px;margin-bottom:28px;margin-top:-20px}.renew .main-content .main-title{font-size:40px;margin-bottom:20px}.renew .main-content [data-acive=fadeup]{transform:translateY(0)}.renew #key-visual{height:95vh;padding:0}.renew #key-visual .cowork-text,.renew #key-visual .job-text{font-size:18px;position:fixed;transform:translateX(-50%);writing-mode:initial}.renew #key-visual .cowork-text{bottom:auto;left:50%;top:28px}.renew #key-visual .job-text{bottom:40px;left:50%;right:auto;top:auto}.renew #key-visual .visual-wrap .txt-box h2{font-size:64px;margin-top:0}}@media(max-width:999px)and (max-width:999px){.renew #key-visual .visual-wrap .txt-box h2{font-size:40px}}@media(max-width:999px){.renew #key-visual .visual-wrap .txt-box h2 small{color:#fff;display:block;font-size:32px;font-weight:400}}@media(max-width:999px)and (max-width:999px){.renew #key-visual .visual-wrap .txt-box h2 small{font-size:24px}}@media(max-width:999px){.renew #key-visual .canvas-wrap{aspect-ratio:1/1;position:relative}.renew #key-visual .canvas-wrap:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.renew #history .container{height:auto}.renew #history #history-wrap{height:auto;position:static}.renew #history #history-content{flex-wrap:wrap;width:auto}.renew #history #history-content article{flex-basis:100%;padding:24px}.renew #history .main-line{font-size:24px;line-height:1.4;margin-bottom:8px}}@media(max-width:999px)and (max-width:999px){.renew #history .main-line{font-size:20px}}@media(max-width:999px){.renew #history .sub-line{font-size:14px;line-height:1.4;margin-bottom:20px}.renew .personality-li{margin-bottom:40px}.renew .personality-li li{display:none;line-height:1.4}.renew .personality-li li.active{display:block}.renew .personality-icon{height:80vw;margin:0 auto;width:80vw}.renew .personality-icon .material-symbols-outlined{font-size:35vw}.renew .personality-wrap .icon-box:before{height:80vw;width:80vw}.renew #example .mobile-wrap .img-container .sample-screen{border-radius:20px}.renew #example .description-wrap{padding-top:60px}.renew #example .description-wrap .project-info dd:first-of-type{display:inline}.renew #example .at2{background-size:80%;padding-bottom:20vw}.renew #project .project-wrap .inner{flex-flow:column-reverse;flex-wrap:wrap}.renew #project .project-wrap .inner .project-li{border:1px solid #393a3f;border-radius:12px;flex-basis:calc(6em + 16px);height:calc(6em + 16px);overflow-y:scroll;padding:8px;position:relative;width:100%}.renew #project .project-wrap .inner .project-li li{font-size:16px}.renew #project .project-wrap .inner:after{bottom:2px;color:#adaeb3;content:"";font-family:material symbols outlined;position:absolute;right:6px}.renew #project .project-wrap .img-wrap{flex-basis:100%;position:relative;width:100%}.renew #project .project-wrap .bg{flex-basis:57vw;height:57vw;margin-bottom:12px;padding:0 8px}.renew #project .project-wrap .bg a{left:0;position:absolute;top:0}.renew #project .info-text{margin-bottom:20px;margin-top:0;text-align:left}.renew #project .info-text .name{justify-content:flex-start}.renew #core .skill-dl:after{display:none}.renew #contact{margin-bottom:71px;padding-bottom:40px;padding-top:60px}.renew #contact .main-title{margin-bottom:30px}.renew #contact .contact-li{flex-wrap:wrap}.renew #contact .contact-li li{font-size:16px;padding:0 4px}.renew #contact .contact-li li .button{font-size:14px;padding:0 8px}.renew #contact .profile-img{height:66vw;max-height:330px;max-width:330px;width:66vw}.renew #contact .description{font-size:12px}.renew #footer{max-width:100vw}.renew #footer .copy{font-size:12px;text-align:left}.renew #floating{gap:6px;height:60px;width:60px}.renew #floating .bar{height:3px;width:26px}.renew #side-menu{padding:0 40px}.renew #side-menu .menu-list button{font-size:24px}}@media(max-width:999px)and (max-width:999px){.renew #side-menu .menu-list button{font-size:20px}}@media(max-width:999px){.renew #toast-message{height:auto;width:calc(100vw - 16px)}.renew #toast-message.active .inner{justify-content:center;padding:20px;white-space:wrap}.renew #toast-message .message{font-size:16px;gap:16px}.renew #toast-message .message .value{line-height:1.2;text-align:left}}@media(max-width:999px)and (min-width:768px){.renew .summary-wrap .skill-dl dd:before{height:520%;margin-left:20%;margin-top:-20%;width:160%}}@font-face{font-display:swap;font-family:Pretendard;font-style:normal;font-weight:45 920;src:url(/static/media/PretendardVariable.2bc582461caf4e05b51d.woff2) format("woff2-variations")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;font-family:Pretendard,Noto Sans KR,Roboto,sans-serif;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer}*{box-sizing:border-box}body,html{background:#161617;color:#f5f5f7;font-size:16px;line-height:1.6;scroll-behavior:smooth}body{overflow-x:hidden}body.on{overflow:visible;overflow:initial}h1,h2,h3,h4,h5,h6{line-height:1}a{color:#2997ff;text-decoration:none}img{max-width:100%}small{font-size:80%}.icon{vertical-align:text-top}.visible-xs{display:none}.hidden-xs{display:block}.hidden{display:none}.container{margin-left:auto;margin-right:auto;max-width:100%;padding-left:16px;padding-right:16px;width:1000px}.container.wide{width:1260px}.container.fluid{padding:0;width:100vw}.container:after{clear:both;content:"";display:block}.flex-row{display:flex;margin-left:-16px;margin-right:-16px}.col{flex:1 1;padding-left:16px;padding-right:16px}.col_2{flex-basis:16.6666666667%}.col_4{flex-basis:33.333%}.col_5{flex-basis:41.6666666667%}.col_6{flex-basis:50%}.col_8{flex-basis:66.666%}::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.a89bcf9f.css.map*/