@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://websfont.github.io/nanumSquareNeo/nanumSquareNeo.css";@import"https://websfont.github.io/gmarket/gmarket.css";.mont{font-family:Montserrat}.nanum{font-family:nanumSquareNeo}.gmarket{font-family:gmarket}:root{--mainEng-font: "Montserrat";--mainKor-font: "nanumSquareNeo";--mainNum-font: "gmarket";--mainBg-color: #eae8f3;--subBg100: #071226;--subBg200: #022859;--subBg300: #122640;--subBg400: #082830;--subBg500: #125261;--white: #fff;--black: #000;--black100: #2b2b2b;--black200: #434343;--black300: #686868;--black400: #e0e0e0;--bg1: #0c0d10;--bg2: #16181b;--btn-detail: #51658f;--btn-video: #7c4b4b;--btn-code: #2e7d32;--btn-site: #e57c00;--btn-paper-site: #323d55;--btn-paper-pdf: #1a2b4c;font-family:var(--mainEng-font),var(--mainKor-font);font-size:16px;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media (max-width: 800px){:root{font-size:14px;line-height:1.4}}body{color:var(--white);background-color:var(--bg1)}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul,figure,figcaption{margin:0;padding:0}body,button,input,select,table,textarea{font-family:var(--mainEng-font),var(--mainKor-font),"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",helvetica,sans-serif}a,a:hover,a:focus{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}ul{list-style:none}em,address{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}#skip a{position:absolute;left:10px;top:-92px;z-index:100000;font-size:1rem;padding:10px 30px;color:var(--white);background:var(--black)}#skip a:focus,#skip a:active{top:10px}#header{position:fixed;left:0;top:0;width:100%;z-index:10000}.header__inner{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1rem}.header__logo{font-size:.9rem;text-align:center;text-transform:uppercase;line-height:1}.header__logo em{font-size:10px;display:block;color:var(--black400)}.header__nav li{display:inline}.header__nav li a{text-transform:uppercase;font-size:14px;padding:14px;position:relative}.header__nav li a:before{content:"";width:calc(100% - 28px);height:1px;background-color:var(--white);position:absolute;left:14px;bottom:10px;transform:scaleX(0);transition:all .3s}.header__nav li a:hover:before{transform:scaleX(1)}.header__nav__mobile{display:none;width:40px;height:40px;cursor:pointer}.header__nav__mobile span{display:block;width:40px;height:2px;background-color:var(--white);margin-top:19px;position:relative}.header__nav__mobile span:before{content:"";width:40px;height:2px;background-color:var(--white);position:absolute;right:0;top:6px;transition:width .3s}.header__nav__mobile span:after{content:"";width:40px;height:2px;background-color:var(--white);position:absolute;left:0;bottom:6px;transition:width .3s}@media (max-width: 800px){.header__nav{display:none}.header__nav.show{display:block}.header__nav.show ul{display:block;position:absolute;right:0;top:68px;background-color:#252424bd;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10000;min-width:150px;padding:20px 0}.header__nav.show li{display:block;text-align:right}.header__nav.show li a{display:inline-block;padding:10px}.header__nav.show+.header__nav__mobile span:before{width:20px}.header__nav.show+.header__nav__mobile span:after{width:20px}.header__nav__mobile{display:block}}.circle{width:20px;height:20px;border-radius:50%;display:inline-block;margin:10px}.circle:nth-child(1){background-color:#fc5230}.circle:nth-child(2){background-color:#ffcd4a}.circle:nth-child(3){background-color:#7cf54b;margin-right:20px}.header__logos{display:flex;justify-content:flex-start;align-items:center}#intro{height:100vh}.intro__inner{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;padding:2em}.intro__title{font-size:10vw;text-transform:uppercase;line-height:1;font-weight:800;white-space:nowrap;text-indent:-.5vw;letter-spacing:-.3vw;margin-left:20px}.intro__text{background-color:#1e1e1e;width:100%;height:40vh;color:var(--white);display:flex;justify-content:space-between;align-items:center;padding:0 3em}.intro__text .text{width:80%;line-height:1.8;text-align:justify;z-index:100}.intro__text .about-tit{font-weight:900;font-size:3vw;margin-bottom:1em}.intro__text .about-text{font-size:1.2vw}.about-text span{font-weight:700;color:#ffcd19}.intro__text .img{width:15vh;margin:1em}.intro__text .img img{border-radius:2em}.about-plus{width:100%;height:10vh}@media (max-width: 800px){.intro__inner{justify-content:center}.intro__text .about-text{display:none}}@media (max-width: 320px){.intro__title{display:none}}.skill__inner{padding:16px;display:flex;flex-direction:column;justify-content:flex-start}.skill__title{top:70px;left:0;width:100%;height:5vw;font-size:4vw;font-weight:900;line-height:1.6;font-family:var(--mainKor-font);text-transform:uppercase;color:var(--white);border-bottom:.4vw solid var(--black300);margin-bottom:50px}.skill__desc{width:100%}.skill__title em{font-size:1.25rem;font-weight:400;line-height:2}.skill-boxes{font-family:var(--mainKor-font);display:flex;flex-direction:row;flex-wrap:wrap;gap:2vh 2vw;justify-content:center;align-items:stretch}.skill-box{flex-grow:1;width:29vw;height:auto;background-color:#fff;color:#000;border-radius:10px;padding:10px;text-align:center}.skill-box:hover .rb-title{margin-bottom:20px;background-color:#d8d8d8}.skill-box .rb-title{text-transform:uppercase;font-family:var(--mainKor-font);font-size:1.5em;font-weight:900;margin-bottom:10px;border-bottom:2px solid var(--black400);transition:.3s;border-radius:10px;background-color:#fff}.skill-box .skill-item img{width:50px;height:50px;object-fit:contain;margin:auto}.skill-box .rb-detail{font-size:1em;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:5px;justify-items:center;align-items:center;justify-content:center}.skill-box .skill-item{display:flex;flex-direction:column;gap:2px;margin:5px;font-size:1.2em;height:100px;justify-content:center;align-items:center;border-bottom:1px solid var(--black400)}@media (max-width: 1500px){.skill-box{width:40vw;min-height:20vh}.skill-box .skill-item img{width:45px;height:45px}.skill-box .skill-item{font-size:1.1em;height:85px}}@media (max-width: 800px){.skill__inner{flex-direction:column}.skill__title{width:100%;margin-bottom:10vw;font-size:30px;height:auto;top:68px;background-color:var(--bg2)}.skill-box{width:80vw;min-height:0vh}.skill-box .skill-item img{width:50px;height:50px}.skill-box .skill-item{font-size:1em;height:70px}}.stats{background-color:var(--bg1)}.stats img{height:100%}.site__inner{padding:16px}.site__title{position:sticky;top:70px;left:0;width:100%;height:5vw;font-size:4vw;font-weight:900;line-height:1.6;font-family:var(--mainKor-font);text-transform:uppercase;color:var(--white);border-bottom:.4vw solid var(--black300);margin-bottom:100px}.site__title em{font-size:1.25rem;font-weight:400;line-height:2}.site__item{height:70vh;display:flex;align-items:center;justify-content:center;flex-direction:column;position:sticky;left:0}.site__item.s1{background-color:var(--subBg100);top:180px}.site__item.s2{background-color:var(--subBg200);top:200px}.site__item.s3{background-color:var(--subBg300);top:220px}.site__item.s4{background-color:var(--subBg400);top:240px}.site__item .num{padding-top:10px;font-size:3vw;line-height:1;font-weight:900;font-family:var(--mainNum-font);position:absolute;left:1vw;top:1vw}.site__item .text{text-align:center;margin-bottom:1rem}.site__item .text>div{font-size:3vw;line-height:1;font-weight:900;text-transform:uppercase;text-decoration:underline;font-family:var(--mainEng-font)}.site__item .title{font-family:var(--mainKor-font);font-size:1.5em;margin-bottom:1rem;padding:1em}.rounded-boxes{font-family:var(--mainKor-font);display:flex;flex-direction:column;gap:1vh 0px}.rounded-box{width:85vw;height:auto;min-height:20vh;background-color:#fff;color:#000;border-radius:10px;padding:10px;text-align:center}.rounded-box .rb-title{text-transform:uppercase;font-family:var(--mainKor-font);font-size:1.5em;font-weight:900;margin-bottom:10px}.rounded-box .rb-detail{font-size:1em;display:flex;justify-content:center;align-items:center}.rounded-box .rb-detail ul{font-size:1.2em;margin:20px 0;width:400px;padding-left:0;list-style-type:none}.rounded-box .rb-detail li{text-align:left;margin-bottom:5px}.rounded-box table{width:80vw;border-collapse:collapse}.rounded-box img{width:auto;height:7vh}.rounded-box tr{border-bottom:1px solid rgb(206,206,206)}.rounded-box tr:last-child{border-bottom:none}.rounded-box .rb-sub-title{font-weight:700;font-size:1.1em;color:#949494}.rounded-box .td-bold{font-weight:700;font-size:1.1em}.certificate-of-completion{display:inline-block;border:2px solid var(--subBg200);background-color:var(--subBg200);color:#fff;padding:5px;width:80px;margin:5px}.certificate-of-completion:hover{color:#afafaf}.certificate-of-completion:visited{color:#fff}.rb-detail .Education img{width:80px;height:auto;margin:5px;object-fit:contain}.rb-detail table th,td{padding:3px}@media (max-width: 800px){.rb-detail .Education td:nth-child(1),.rb-detail .Education td:nth-child(2),.rb-detail .Education td:nth-child(3){display:none}.rb-detail .Education{font-size:.9em}.rb-detail .License td:nth-child(1),.rb-detail .License td:nth-child(3){display:none}.rb-detail .License{font-size:.8em}.rb-detail .License th,td{padding:0}.rb-detail .work td:nth-child(2),.rb-detail .work td:nth-child(4){display:none}.site__title{width:100%;margin-bottom:10vw;font-size:30px;height:auto;top:68px;z-index:1000;background-color:var(--bg2)}.site__item.s1{top:140px}.site__item.s2{top:160px}.site__item.s3{top:180px}.site__item.s4{top:200px}.site__item .num{font-size:40px;left:20px;top:20px}}#port{width:100%;overflow:hidden}.port__inner{padding:16px}.port__title{width:100%;height:5vw;font-size:4vw;font-weight:900;line-height:1.6;font-family:var(--mainKor-font);text-transform:uppercase;color:var(--black400);border-bottom:.4vw solid var(--black300);margin-bottom:16px;text-indent:-.26vw}.port__title em{font-size:1.25rem;font-weight:400;line-height:2}.port__wrap{display:flex;flex-wrap:wrap;justify-content:center}.port__item{width:26vw;min-width:400px;height:auto;background-color:var(--subBg100);padding:1rem 2.5rem;margin:2vh 1vw;display:flex;flex-direction:column}.port__item.p1{background-color:var(--subBg100)}.port__item.p2{background-color:var(--subBg200)}.port__item.p3{background-color:var(--subBg300)}.port__item.p4{background-color:var(--subBg400)}.port__item.p5{background-color:var(--subBg500)}.port__item.p6{background-color:var(--subBg100)}.port__item.p7{background-color:var(--subBg200)}.port__item.p8{background-color:var(--subBg300)}.port__item.p9{background-color:var(--subBg400)}.port__item.p10{background-color:var(--subBg500)}.port__item .num{font-size:1.5rem;font-family:var(--mainNum-font)}.port__item .img{display:block;margin-top:-5px;transition:margin-top .3s}.port__item:hover .img{margin-top:10px}.port__item .img img{margin-top:2px;border-radius:5px;transition:all .3s}.port__item .title{font-size:1.5rem;text-align:center;padding:.8rem 0;font-weight:700;color:var(--white);border-bottom:2px solid var(--white);margin-bottom:1rem}.port__item .desc{font-size:1rem}.port__item .site{border:1px solid var(--white);display:block;text-align:center;padding:.625rem 1.5rem;margin-top:1rem}.port__item .site:hover{background-color:#fff3}@media (max-width: 800px){.port__title{width:100%;margin-bottom:16px;font-size:30px;height:auto;top:68px;z-index:1000;background-color:var(--bg2)}.port__item{width:600px;padding:40px 30px;height:auto}.port-skill{display:none!important}.port-skill span,.svg-image,.port__item .desc{display:none}}.fff-skill{background-color:var(--white);width:100%;height:auto;padding:20px;margin-top:20px;border-radius:20px}.port-skill{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:16px}.port-skill span{color:#000;font-family:var(--mainKor-font);font-size:.8em;font-weight:900;padding:5px}.svg-image{width:50px;height:auto;margin:auto}.btn-code{background-color:var(--btn-code)}.btn-site{background-color:var(--btn-site)}#contact{height:80vh}.contact__inner{width:100%;height:100%;padding:16px;align-items:flex-start;justify-content:flex-end;flex-direction:column}.contact__title{font-size:5vw;text-transform:uppercase;line-height:1;font-weight:800;white-space:nowrap;text-indent:-.5vw;letter-spacing:-.3vw}.contact__text{width:100%;height:40vh;background-color:var(--black);color:var(--white);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.contact__text .text{font-size:3vw;line-height:1;font-weight:900;text-transform:uppercase;text-decoration:underline;text-align:center;position:relative;z-index:100;transition:all .3s;cursor:all-scroll}.contact__lines .line{display:block;width:100%;height:1px;background-color:var(--black);margin-bottom:.5vw}.contact__lines.top .line{margin-top:.5vw;margin-bottom:0}.contact__lines.top .line:nth-child(1){height:1px}.contact__lines.top .line:nth-child(2){height:2px}.contact__lines.top .line:nth-child(3){height:5px}.contact__lines.top .line:nth-child(4){height:9px}.contact__lines.top .line:nth-child(5){height:13px}.contact__lines.top .line:nth-child(6){height:17px}.contact__lines.top .line:nth-child(7){height:25px}.contact__lines .line:nth-child(1){height:25px}.contact__lines .line:nth-child(2){height:17px}.contact__lines .line:nth-child(3){height:13px}.contact__lines .line:nth-child(4){height:9px}.contact__lines .line:nth-child(5){height:5px}.contact__lines .line:nth-child(6){height:2px}.contact__lines .line:nth-child(7){height:1px}main{margin:0vh 2vw}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background-color:#2c2c2c;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;border:2px solid #2c2c2c}::-webkit-scrollbar-thumb:hover{background-color:#888}.cursor{width:20px;height:20px;background-color:#ffcd19;border-radius:50%;position:absolute;pointer-events:none;transform:translate(-50%,-50%);transition:transform .1s ease-out;z-index:999999}@media (max-width: 800px){.cursor{display:none}}#footer{font-family:var(--mainKor-font)}.footer__inner{padding:16px}.footer__text{font-size:20px;text-transform:uppercase;border-top:1px solid white;border-bottom:1px solid white;display:flex;justify-content:space-between}.footer__info{display:flex;justify-content:space-between;margin:100px 0}.footer__info .left{width:40%}.footer__info .left .title{border-top:2px solid white;border-bottom:1px solid white;padding:20px 0;text-transform:uppercase;font-weight:700;background:url(/assets/arrow-02f0d4f8.svg) no-repeat right 20px;transition:all .3s}.footer__info .left .title:hover{background-color:var(--white);padding-left:10px;border-color:transparent}.footer__info .left .desc{font-size:12px;padding-top:20px}.footer__info .right{width:100%}.footer__info .right h3{border-top:2px solid white;font-size:20px;margin-bottom:40px;padding-top:10px}.footer__info .right ul{border-top:1px solid white}.footer__info .right li{border-bottom:1px solid white}.footer__info .right li a{padding:14px 0;font-size:14px;display:inline-block;text-transform:uppercase}.footer__info .right li em{font-size:12px;padding-left:10px;opacity:0;transition:all .3s}.footer__info .right li:hover em{opacity:1}.footer__right{text-align:center;text-transform:uppercase;font-size:12px;margin-bottom:20px}@media (max-width: 800px){.footer__info{flex-direction:column}.footer__info .left{width:100%}.footer__info .left .desc{margin-bottom:40px}.footer__info .right{width:100%}}