@charset "UTF-8";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable-dynamic-subset.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;box-sizing:border-box}body{height:fit-content}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}a{text-decoration:none;color:#1a1a1a}a:active,a:hover{outline:0}button{background-color:transparent;border-radius:0;outline:0;border:0;margin:0;padding:0;cursor:pointer}@media screen and (max-width: 767px){#root{overflow:hidden}}@media screen and (min-width: 320px) and (max-width: 767px){body{font-size:3.125vw}}.curved-loop-svg{-webkit-user-select:none;user-select:none;width:100%;aspect-ratio:100/12;overflow:visible;display:block;font-size:16px;fill:#1a1a1a;font-weight:700;letter-spacing:3px;text-transform:uppercase;line-height:1}.scroll-reveal{margin:20px 0}.scroll-reveal-text{font-size:25px;line-height:1.5;font-weight:600}.word{display:inline-block}.moon_box{position:relative;width:30px;height:30px;border-radius:50%;overflow:hidden}.moon_box:before{position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;border-radius:100%;border-style:solid;transform:translate(-50%,-50%);border-color:#1a1a1a;content:""}.moon_box.type00:before{border-width:1px;transform:translate(-50%,-50%) scale(.95)}.moon_box.type01:before{border-right-width:12px}.moon_box.type02:before{border-right-width:32px}.moon_box.type03:before{border-right-width:60px}.moon_box.type04:before{border-left-width:32px}.moon_box.type05:before{border-left-width:12px}.folder{transition:all .2s ease-in;cursor:pointer}.folder:not(.folder--click){transform:translateY(-8px)}.folder:not(.folder--click) .paper{transform:translate(-50%)}.folder:not(.folder--click) .folder__front{transform:skew(15deg) scaleY(.6)}.folder:not(.folder--click) .right{transform:skew(-15deg) scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper{background:#f2f2f2}.folder.open .paper:nth-child(1){transform:translate(-180%,-80%) rotate(-25deg)}.folder.open .paper:nth-child(1):hover{transform:translate(-180%,-80%) rotate(-25deg) scale(1.1)}.folder.open .paper:nth-child(2){transform:translate(-80%,-75%) rotate(-10deg);width:70%;height:80%}.folder.open .paper:nth-child(2):hover{transform:translate(-80%,-75%) rotate(-10deg) scale(1.1)}.folder.open .paper:nth-child(3){transform:translate(-50%,-100%) rotate(5deg);width:70%;height:80%}.folder.open .paper:nth-child(3):hover{transform:translate(-50%,-100%) rotate(5deg) scale(1.1)}.folder.open .paper:nth-child(4){transform:translate(40%,-55%) rotate(20deg);width:70%;height:80%}.folder.open .paper:nth-child(4):hover{transform:translate(40%,-55%) rotate(20deg) scale(1.1)}.folder.open .paper:nth-child(5){transform:translate(50%,-80%) rotate(35deg);width:70%;height:80%}.folder.open .paper:nth-child(5):hover{transform:translate(50%,-80%) rotate(35deg) scale(1.1)}.folder.open .folder__front{transform:skew(15deg) scaleY(.6)}.folder.open .right{transform:skew(-15deg) scaleY(.6)}.folder__back{position:relative;width:100px;height:80px;background:#9a47ff;border-radius:0 10px 10px}.folder__back:after{position:absolute;z-index:0;bottom:98%;left:0;content:"";width:30px;height:10px;background:#9a47ff;border-radius:5px 5px 0 0}.paper{position:absolute;z-index:2;bottom:10%;left:50%;transform:translate(-50%,10%);width:70%;height:80%;background:#e6e6e6;border-radius:10px;transition:all .3s ease-in-out;overflow:hidden}.paper img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}.paper:nth-child(2){background:#fafafa;width:75%;height:75%}.paper:nth-child(3){width:80%;height:70%}.paper:nth-child(4){background:#fafafa;width:85%;height:65%}.paper:nth-child(5){width:90%;height:60%}.folder__front{position:absolute;z-index:3;width:100%;height:100%;background:#b770ff;border-radius:5px 10px 10px;transform-origin:bottom;transition:all .3s ease-in-out}.iridescence-container{position:fixed;top:0;left:0;display:block;width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;z-index:1}@media (min-width: 1080px) and (max-width: 1195px) and (min-height: 650px) and (max-height: 835px){.iridescence-container{width:100vw;height:120vh;height:calc(120vh + env(safe-area-inset-bottom));height:105dvh;min-height:120vh;min-height:calc(120vh + env(safe-area-inset-bottom));min-height:105dvh}@supports (height: calc(105vh + env(safe-area-inset-bottom))){.iridescence-container{height:calc(105vh + env(safe-area-inset-bottom));min-height:calc(105vh + env(safe-area-inset-bottom))}}}@media (min-width: 650px) and (max-width: 835px) and (min-height: 1020px) and (max-height: 1181px){.iridescence-container{width:100vw;height:120vh;height:calc(120vh + env(safe-area-inset-bottom));height:105dvh;min-height:120vh;min-height:calc(120vh + env(safe-area-inset-bottom));min-height:105dvh}@supports (height: calc(105vh + env(safe-area-inset-bottom))){.iridescence-container{height:calc(105vh + env(safe-area-inset-bottom));min-height:calc(105vh + env(safe-area-inset-bottom))}}}.home{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;align-items:center;justify-content:center;row-gap:20px}.home *::selection{background-color:#9f8aff94;color:#fafafa}.home .top_txt{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:16px;font-weight:300}.home .moon_info{display:flex;flex-direction:column;align-items:center}.home .moon_info .moon_box{margin-bottom:20px}.home .moon_info .moon_name{margin-bottom:6px;font-size:18px;font-weight:700}.home .moon_info .moon_desc{margin-top:12px;font-size:14px}.home .home_tit{position:relative;z-index:2;color:#1a1a1a;font-size:100px;font-weight:700}.home .home_txt{width:100%;text-align:center}.home .deco_txt{position:absolute;left:0;top:20px;z-index:2;width:100%;height:110px;overflow:hidden}.home .deco_txt.btm{top:initial;bottom:20px}@media screen and (max-width: 767px){.home .top_txt,.home .moon_info .moon_desc{width:80%;text-align:center}.home .home_tit{width:80%;font-size:80px}}@media screen and (max-width: 400px){.home .home_tit{width:80%;font-size:70px}}@media screen and (max-width: 361px){.home .home_tit{width:80%;font-size:60px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile{position:relative;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:center;text-align:center;word-break:keep-all;z-index:2}.profile *::selection{background-color:#f58aff6f;color:#1a1a1a}.profile .scroll-reveal{max-width:1200px;margin:0 auto;font-size:16px;font-weight:400}.profile .ani_icon{position:relative;width:200px;height:100px;border-bottom:2px solid #1a1a1a;margin:0 auto 30px;overflow:hidden}.profile .ani_icon .sun{position:absolute;width:100%;height:200%;animation:rotate 4s linear infinite normal}.profile .ani_icon .sun:before{content:"";position:absolute;left:0;bottom:50%;width:30px;height:30px;margin-left:15px;border-radius:50%;background-color:#1a1a1a;outline:5px dotted #1a1a1a;outline-offset:5px;animation:rotate 4s linear infinite reverse}.profile .ani_icon .sun:after{content:"";position:absolute;right:5px;top:50%;width:30px;height:30px;box-sizing:border-box;border-radius:50%;border-style:solid;border-width:0;border-color:#1a1a1a;background-color:transparent;animation:rotate 4s linear infinite reverse}.profile .ani_icon .sun.type00:after{border-width:1px}.profile .ani_icon .sun.type01:after{border-right-width:7px}.profile .ani_icon .sun.type02:after{border-right:15px solid #1a1a1a}.profile .ani_icon .sun.type03:after{background-color:#1a1a1a}.profile .ani_icon .sun.type04:after{border-left:15px solid #1a1a1a}.profile .ani_icon .sun.type05:after{border-left:7px solid #1a1a1a}.profile .char{display:flex;justify-content:center;margin-bottom:30px}.profile .char li{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;row-gap:10px;width:150px;height:160px}.profile .char li svg path{stroke:#1a1a1a;stroke-width:3;stroke-dashoffset:220px;stroke-dasharray:220px;fill:transparent;transition:stroke-dashoffset 1s linear}.profile .char li p{width:100%;margin-bottom:0}.profile.active .char svg path{stroke-dashoffset:0px}.profile.active .char svg path:nth-child(2){transition-delay:.1s}.profile.active .char svg path:nth-child(3){transition-delay:.15s}.profile.active .char svg path:nth-child(4){transition-delay:.2s}.profile.active .char svg path:nth-child(5){transition-delay:.25s}.profile.active .char svg path:nth-child(6){transition-delay:.3s}.profile.active .char svg path:nth-child(7){transition-delay:.35s}.profile.active .char svg path:nth-child(8){transition-delay:.4s}.profile.active .char svg path:nth-child(9){transition-delay:.45s}.profile.active .char svg path:nth-child(10){transition-delay:.5s}.profile.active .char svg path:nth-child(11){transition-delay:.55s}.profile.active .char svg path:nth-child(12){transition-delay:.6s}@media screen and (max-width: 767px){.profile .ani_icon{margin:0 auto 16px}.profile .char{width:80%;flex-wrap:wrap;margin:0 auto 18px}.profile .char li{width:120px;height:130px}.profile .char svg{width:80px;height:90px}.profile .scroll-reveal{width:80%}.profile .scroll-reveal-text{font-size:18px}}@media screen and (max-width: 400px){.profile .ani_icon{margin:0 auto 16px}.profile .char{width:80%;flex-wrap:wrap;margin:0 auto 18px}.profile .char li{width:100px;height:120px}.profile .scroll-reveal-text{font-size:16px}}.site_list{position:relative;width:100%;height:100vh;height:100dvh;padding:80px 50px;color:#1a1a1a}.site_list h3{width:1300px;font-size:25px;font-weight:500;margin:0 auto 30px}.site_list .site_list_wrap{display:flex;flex-direction:column;row-gap:40px;align-items:center;height:calc(100% - 60px);padding-top:10px}.site_list .site_list_wrap *::selection{background-color:#fafafa;color:#1a1a1a}.site_list .site_list_wrap figure{width:35%;-webkit-user-select:none;user-select:none}.site_list .site_list_wrap figure img{display:block;width:100%;border-radius:20px}.site_list .site_type{display:flex;align-items:center;justify-content:center;column-gap:36px}.site_list .site_type svg{width:80px;height:80px;stroke-width:0;transition:all .5s linear}.site_list .site_type li{display:flex;flex-direction:column;align-items:center;gap:12px}.site_list .site_type li.active svg{fill:#fff}.site_list .site_type li.active .vue{background-color:#4fc08d}.site_list .site_type li.active .react{background-color:#61dafb}.site_list .site_type li.active .javascript{background-color:#f7df1e}.site_list .site_type li.active .jquery{background-color:#0769ad}.site_list .site_type button{width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;font-weight:500;background-color:#fafafa;border-radius:16px;box-shadow:0 0 20px #ddd;transition:background-color .5s linear}.site_list .site_type button span{margin-top:12px;color:#1a1a1a}.site_list .site_type .vue svg{fill:#4fc08d}.site_list .site_type .react svg{fill:#61dafb}.site_list .site_type .javascript svg{fill:#f7df1e}.site_list .site_type .jquery svg{fill:#0769ad}.site_list .site_thumb{display:none;flex-wrap:wrap;width:1300px;gap:18px}.site_list .site_thumb.active{display:flex}.site_list .site_thumb li{width:calc(33.3333333333% - 12px);height:237px;background-color:#fff;border-radius:22px;overflow:hidden}.site_list .site_thumb li button{position:relative;display:block;width:100%;height:100%}.site_list .site_thumb li button img{display:block;width:101%;height:101%;object-fit:cover;object-position:center}.site_list .site_thumb li button p{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:101%;height:101%;background-color:#fafafa;transform:translate(-50%,-50%);transition:opacity .5s linear;font-size:24px;font-weight:300;color:#1a1a1a;opacity:0}.site_list .site_thumb li button .img_mo{display:none}.site_list .site_thumb li:hover p{opacity:.8}.site_list .site_ul{display:none}.site_list .site_ul>li{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:2.5%;padding:40px 0;word-break:keep-all}.site_list .site_ul>li:before,.site_list .site_ul>li:after{position:absolute;top:0;left:50%;width:90%;height:1px;background-color:#1a1a1a;transform:translate(-50%);content:""}.site_list .site_ul>li:after{display:none;top:initial;bottom:0}.site_list .site_ul>li:last-child:after{display:block}.site_list .site_ul>li h3{position:relative;color:#1a1a1a;font-size:30px;font-weight:700;margin-bottom:20px}.site_list .site_ul>li ul{position:relative;width:42%;font-weight:300;text-align:left;word-break:keep-all}.site_list .site_ul>li ul li{margin:0 auto;font-size:14px;color:#1a1a1a}.site_list .site_ul>li ul li:nth-of-type(1){font-size:20px;font-weight:500}.site_list .site_ul>li ul li:nth-of-type(2){font-size:15px}.site_list .site_ul>li ul li:nth-of-type(3){line-height:20px}.site_list .site_ul>li ul li:nth-of-type(3) p{width:inherit;font-size:inherit}.site_list .site_ul>li ul li:nth-of-type(4){display:flex;column-gap:20px;margin-top:20px}.site_list .site_ul>li ul li:not(:last-child){margin-bottom:10px}.site_list .site_pop{position:absolute;top:50%;left:50%;display:flex;width:1280px;height:600px;justify-content:center;align-items:center;padding:100px 40px 40px;background:#fff9;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(9.1px);-webkit-backdrop-filter:blur(9.1px);border:1px solid rgba(255,255,255,.19);-webkit-user-select:none;user-select:none;pointer-events:none;transform:scale(.75) translate(-50%,-50%);transform-origin:left;opacity:0;transition:all .5s cubic-bezier(.24,.28,.25,1.21)}.site_list .site_pop a{display:inline-flex;justify-content:center;align-items:center;width:190px;height:56px;background-color:#1a1a1a;border-radius:4px;margin:12px 24px 0 0;color:#fafafa;text-decoration:none;text-shadow:none}.site_list .site_pop h4{font-size:24px;margin-bottom:16px}.site_list .site_pop strong{display:block;font-size:20px}.site_list .site_pop p{margin:16px 0 12px;font-size:16px;font-weight:500;line-height:24px;word-break:keep-all}.site_list .site_pop.open{-webkit-user-select:auto;user-select:auto;pointer-events:visible;opacity:1;transform:scale(1) translate(-50%,-50%)}.site_list .site_pop .info_img{width:55%}.site_list .site_pop .text_box{padding:0 0 0 24px;width:45%;text-shadow:0 0 20px #fafafa}.site_list .site_pop .btn_close{position:absolute;top:40px;left:50%;display:flex;align-items:center;justify-content:center;width:140px;height:56px;background-color:#1a1a1a;color:#fafafa;border-radius:8px;transform:translate(-50%);font-size:16px;font-weight:500}.site_list .site_pop .btn_close:after{content:"×";display:inline-flex;align-items:center;height:24px;font-size:24px;margin-left:8px}@media (min-width: 1080px) and (max-width: 1195px) and (min-height: 650px) and (max-height: 835px){.site_list h3{margin-bottom:20px}.site_list .site_list_wrap{row-gap:20px;align-items:center;height:calc(100% - 60px);padding-top:10px}.site_list .site_list_wrap .site_type{column-gap:36px}.site_list .site_list_wrap .site_type li{gap:8px}.site_list .site_list_wrap .site_type svg{width:60px;height:60px}.site_list .site_list_wrap .site_type button{width:90px;height:90px;font-size:24px;font-weight:500}.site_list .site_list_wrap .site_thumb{width:980px;height:calc(100% - 50px);gap:18px}.site_list .site_list_wrap .site_thumb li{width:calc((100% - 36px) / 3);height:calc((100% - 18px)/2);border-radius:12px}.site_list .site_list_wrap .site_pop{top:55%;width:1000px;height:520px;padding:100px 40px 40px}.site_list .site_list_wrap .site_pop a{width:175px;height:56px;margin:8px 12px 0 0}.site_list .site_list_wrap .site_pop h4{margin-bottom:8px}.site_list .site_list_wrap .site_pop .info_img{width:50%}.site_list .site_list_wrap .site_pop .text_box{padding:0 0 0 24px;width:50%;text-shadow:0 0 20px #fafafa}.site_list .site_list_wrap .site_pop .btn_close{top:32px}.site_list .site_list_wrap .site_pop .btn_close:after{height:32px}}@media (min-width: 650px) and (max-width: 835px) and (min-height: 1020px) and (max-height: 1181px){.site_list{width:100%;overflow-x:hidden}.site_list h3{margin-bottom:20px}.site_list .site_list_wrap{row-gap:20px;align-items:center;height:calc(100% - 60px);padding-top:10px}.site_list .site_list_wrap .site_thumb{width:640px;gap:18px;margin-top:16px}.site_list .site_list_wrap .site_thumb li{width:calc((100% - 18px)/2);height:178px;aspect-ratio:305/171;border-radius:12px}.site_list .site_list_wrap .site_thumb li img{aspect-ratio:305/171}.site_list .site_list_wrap .site_pop{top:50%;width:640px;height:760px;flex-direction:column;padding:100px 40px 40px}.site_list .site_list_wrap .site_pop a{display:inline-flex;width:175px;height:56px;margin:12px 12px 0 auto}.site_list .site_list_wrap .site_pop a:nth-of-type(2){margin:12px auto 0 12px}.site_list .site_list_wrap .site_pop h4{width:100%;margin-bottom:8px}.site_list .site_list_wrap .site_pop .info_img{width:75%;margin-bottom:16px}.site_list .site_list_wrap .site_pop .text_box{display:flex;align-items:center;flex-wrap:wrap;width:100%;padding:0;text-shadow:0 0 20px #fafafa}.site_list .site_list_wrap .site_pop .btn_close{top:32px}.site_list .site_list_wrap .site_pop .btn_close:after{height:32px}}@media screen and (min-width: 1024px) and (max-width: 1365px){.site_list h3,.site_list .site_thumb{width:100%}}@media screen and (max-width: 767px){.site_list h3{width:100%;text-align:center}.site_list .site_type{width:100%;flex-wrap:wrap;column-gap:12px;font-size:14px}.site_list .site_type button{width:60px;height:60px}.site_list .site_type svg{width:40px;height:40px}.site_list .site_thumb{width:100%;gap:1.6rem 0}.site_list .site_thumb li{width:100%;height:fit-content;border-radius:12px}.site_list .site_thumb li button{display:flex;align-items:center;column-gap:.5rem;padding:.5rem}.site_list .site_thumb li button img{display:none}.site_list .site_thumb li button .img_mo{display:block;width:3rem}.site_list .site_thumb li button p{position:relative;left:initial;top:initial;transform:initial;width:fit-content;opacity:1;background-color:transparent;font-size:1.2rem;font-weight:500}.site_list .site_thumb li button:after{content:"";display:flex;width:1.2rem;min-width:19.184px;height:1.2rem;background:center/contain no-repeat url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%231a1a1a'%20viewBox='0%200%2024%2024'%20id='share-alt-3'%20data-name='Flat%20Line'%20xmlns='http://www.w3.org/2000/svg'%20class='icon%20flat-line'%3e%3cpath%20id='primary'%20d='M16,3h4.44a.56.56,0,0,1,.56.56V8'%20style='fill:%20none;%20stroke:%20rgb(0,%200,%200);%20stroke-linecap:%20round;%20stroke-linejoin:%20round;%20stroke-width:%202;'%3e%3c/path%3e%3cline%20id='primary-2'%20data-name='primary'%20x1='20.84'%20y1='3.16'%20x2='12'%20y2='12'%20style='fill:%20none;%20stroke:%20rgb(0,%200,%200);%20stroke-linecap:%20round;%20stroke-linejoin:%20round;%20stroke-width:%202;'%3e%3c/line%3e%3cpath%20id='primary-3'%20data-name='primary'%20d='M21,12v8a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V4A1,1,0,0,1,4,3h8'%20style='fill:%20none;%20stroke:%20rgb(0,%200,%200);%20stroke-linecap:%20round;%20stroke-linejoin:%20round;%20stroke-width:%202;'%3e%3c/path%3e%3c/svg%3e")}.site_list .site_pop{width:90%;height:fit-content;max-height:calc(100% - 100px);flex-direction:column;padding:100px 20px 20px}.site_list .site_pop h4{font-size:20px;margin-bottom:8px}.site_list .site_pop figure img{border-radius:12px}.site_list .site_pop p{margin:6px 0;font-size:14px}.site_list .site_pop a{display:inline-flex;width:calc(50% - 12px);margin:12px auto 0;font-size:1.2rem}.site_list .site_pop .info_img{width:100%;margin-bottom:12px}.site_list .site_pop .text_box{display:flex;align-items:center;flex-wrap:wrap;width:100%;padding:0}.site_list .site_pop .btn_close{top:25px}.site_list .site_pop .btn_close:after{margin-bottom:4px}}@media screen and (max-width: 400px){.site_list h3{font-size:20px}.site_list .site_type{width:100%;flex-wrap:wrap;column-gap:.8rem;font-size:1rem}.site_list .site_type li{width:calc(25% - .6rem)}.site_list .site_type button{position:relative;width:100%;height:0;padding-top:100%}.site_list .site_type svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%}.site_list .site_pop{width:90%;height:fit-content;max-height:calc(100% - 100px);flex-direction:column;padding:100px 20px 20px}.site_list .site_pop h4{font-size:20px;margin-bottom:8px}.site_list .site_pop figure img{border-radius:12px}.site_list .site_pop p{max-height:240px;margin:6px 0;font-size:1rem;overflow-y:scroll}.site_list .site_pop a{display:inline-flex;width:calc(50% - 12px);margin:12px auto 0;font-size:14px}.site_list .site_pop .info_img{width:100%;margin-bottom:12px}.site_list .site_pop .text_box{display:flex;align-items:center;flex-wrap:wrap;width:100%;padding:0}.site_list .site_pop .btn_close{top:25px}.site_list .site_pop .btn_close:after{margin-bottom:4px}}.resume{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;column-gap:32px}.resume>*{width:1300px}.resume h3{font-size:25px;font-weight:700;margin-bottom:30px}.resume div{display:flex;flex-direction:column;row-gap:32px}.resume ul{width:100%;display:flex;flex-wrap:wrap;row-gap:24px;column-gap:12px}.resume ul p{font-size:20px}.resume li{width:calc(33.3333333333% - 12px);display:flex;align-items:center}.resume p{font-size:24px;font-weight:500}.resume p span{display:block;margin:0 auto 8px;font-weight:700}.resume a{display:flex;align-items:center;font-size:20px;font-weight:500}.resume a.link:after{display:inline-flex;content:"";width:19px;height:19px;margin-left:4px;background:center/contain url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%231a1a1a'%20viewBox='0%200%2024%2024'%20id='share-alt-3'%20data-name='Flat%20Line'%20xmlns='http://www.w3.org/2000/svg'%20class='icon%20flat-line'%3e%3cpath%20id='primary'%20d='M16,3h4.44a.56.56,0,0,1,.56.56V8'%20style='fill:%20none;%20stroke:%20rgb(0,%200,%200);%20stroke-linecap:%20round;%20stroke-linejoin:%20round;%20stroke-width:%202;'%3e%3c/path%3e%3cline%20id='primary-2'%20data-name='primary'%20x1='20.84'%20y1='3.16'%20x2='12'%20y2='12'%20style='fill:%20none;%20stroke:%20rgb(0,%200,%200);%20stroke-linecap:%20round;%20stroke-linejoin:%20round;%20stroke-width:%202;'%3e%3c/line%3e%3cpath%20id='primary-3'%20data-name='primary'%20d='M21,12v8a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V4A1,1,0,0,1,4,3h8'%20style='fill:%20none;%20stroke:%20rgb(0,%200,%200);%20stroke-linecap:%20round;%20stroke-linejoin:%20round;%20stroke-width:%202;'%3e%3c/path%3e%3c/svg%3e") no-repeat}.resume .icon_box{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;background-color:#fff;border-radius:12px;margin-right:12px}.resume .icon_box svg{fill:#1a1a1a}.resume .icon_box img{width:100%}.resume .profile{width:280px;height:280px;border-radius:50%;overflow:hidden}.resume .profile img{width:100%;height:100%}@media screen and (min-width: 1024px) and (max-width: 1365px){.resume>*{width:calc(100% - 120px)}}@media (min-width: 650px) and (max-width: 835px) and (min-height: 1020px) and (max-height: 1181px){.resume{width:100%;overflow-x:hidden}.resume>*{width:calc(100% - 120px)}.resume li{width:calc(50% - 6px);display:flex;align-items:center}.resume .icon_box svg{fill:#1a1a1a}}@media screen and (max-width: 767px){.resume>*{width:calc(100% - 120px)}.resume p{font-size:1.2rem;word-break:keep-all}.resume a{width:calc(100% - 56px);font-size:1rem}.resume li{width:100%}.resume li p{font-size:1rem}}.header{position:fixed;top:0;left:0;display:flex;justify-content:space-between;width:100%;padding:15px 15px 0;box-sizing:border-box;z-index:10}.header h1,.header nav{color:#1a1a1a}.header h1{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-weight:100}.header .navi{position:fixed;left:50%;bottom:24px;transform:translate(-50%)}.header .navi .nav_ul{display:flex;align-items:center;column-gap:12px;padding:12px;background:#fff0;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(4px) saturate(180%) brightness(110%);-webkit-backdrop-filter:blur(4px) saturate(180%) brightness(110%);border:1px solid rgba(255,255,255,.9);overflow:hidden}.header .navi .nav_ul li{position:relative;width:fit-content;height:fit-content;text-align:right;mix-blend-mode:exclusion}.header .navi .nav_ul button{display:block;width:120px;padding:12px 0;background:#fff;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:16px;font-weight:100;text-transform:capitalize;transition:all .5s linear;-webkit-user-select:none;user-select:none}.header .navi .nav_ul button.active{background:#1a1a1a;color:#fff;font-weight:300}.header .navi .top{position:fixed;right:25px;bottom:25px;border:0;opacity:0;transition:opacity .5s linear;font-weight:200}.header .navi .top:before,.header .navi .top:after{position:absolute;top:50%;content:""}.header .navi .top:before{right:-15px;width:10px;height:10px;transform:translateY(-75%) rotate(45deg);border:1px solid #1a1a1a;border-right:0;border-bottom:0}.header .navi .top:after{right:-10px;width:1px;height:20px;transform:translate(20%,-45%);border-right:1px solid #1a1a1a}.header .navi .top.active{opacity:1}.header .navi.active:before{height:100vh;height:100dvh;opacity:1}.header .navi.active .navi_btn{box-shadow:20px 0 #000 inset,0 0 25px #ffd974}.header .navi.active .nav_ul{pointer-events:auto}.header .navi.active .nav_ul li button{opacity:1;visibility:visible;color:#1a1a1a}.header .moon_box{position:fixed;left:150px;top:26px}@media (min-width: 1080px) and (max-width: 1195px) and (min-height: 650px) and (max-height: 835px){.header .navi{bottom:52px}@supports (bottom: env(safe-area-inset-bottom)){.header .navi{bottom:calc(env(safe-area-inset-bottom) + 32px)}}}@media (min-width: 650px) and (max-width: 835px) and (min-height: 1020px) and (max-height: 1181px){.header .navi{bottom:24px}@supports (bottom: env(safe-area-inset-bottom)){.header .navi{bottom:calc(env(safe-area-inset-bottom) + 24px)}}}@media screen and (max-width: 767px){.header h1{writing-mode:vertical-rl;text-orientation:upright}.header .moon_box{top:160px;left:25.5px}.header .navi{width:90%}.header .navi .nav_ul li{width:calc(100% - 9px)}.header .navi .nav_ul button{width:100%}}@media (min-width: 320px) and (max-width: 600px){.header{display:block;width:fit-content}.header h1{font-size:1.6rem}.header .moon_box{top:8.5rem}.header .navi{width:95%}.header .navi .nav_ul{padding:.5rem;column-gap:.5rem}.header .navi .nav_ul li{width:calc(25% - .375rem)}.header .navi .nav_ul button{width:100%;font-size:1rem}}#root{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;color:#1a1a1a}#root *{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}#root section{position:relative;z-index:2}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}section{display:block}.card{padding:2em}html,body{background-color:transparent}@supports (padding: max(0px)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-color:transparent}}