@import url(https://use.typekit.net/azc2cqn.css);@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard,sans-serif;font-style:normal;font-weight:200;margin:0}.footer{font-family:forma-djr-text,sans-serif;font-weight:300}.body h1,.footer{font-style:italic}.body h1{font-family:forma-djr-banner,sans-serif;font-weight:700}.body .year,.worklist,h2{font-family:forma-djr-text,sans-serif;font-style:normal;font-weight:300}@media (max-width:500px){.worklist,h2{font-family:forma-djr-text,sans-serif;font-style:normal;font-weight:500}}.Main,.navBar,h1{font-family:forma-djr-text,sans-serif;font-style:italic;font-weight:700}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:forma-djr-text,sans-serif;font-style:normal;font-weight:300}html{background-color:#fff;color:#444;line-height:1.25;overflow-x:hidden}code{word-wrap:break-word;white-space:pre-wrap}a{background-color:#f3f3f3;box-shadow:3px 0 0 0 #74c5a3;color:#000;padding:0 .5em;text-decoration:none;transition:.3s}a:hover{background-color:#e6fafa;box-shadow:1px 0 0 0 #74c5a3}hr{border:none;border-top:1px solid #000}.footer{color:#969696;font-size:.9em;margin:auto;padding:10em 0 1em;text-align:center}li{margin:2px}.navBar{background-color:#fff;overflow:hidden;padding:1em 2em .5em;top:0;transition:.5s}.navBar #navContents{display:flex}.navBar #navContents a{background-color:#fff;box-shadow:none;transition:.3s}.navBar #navContents a:hover{background-color:#fff;color:#74c5a3}.navBar #navContents #name{align-self:flex-end;color:#000;font-size:3em;margin:0;padding:0;text-align:left;transition:.3s}.navBar #navContents #name:hover{background-color:#fff;color:#74c5a3}.navBar #navContents #name h1{margin:0;padding:0}.navBar #navContents #nav{align-self:flex-end;color:#000;display:flex;font-size:1.5em;margin-left:auto;padding-bottom:1.5em;text-align:right;top:0}.navBar #navContents #nav #navbuttons a{display:block;padding-top:.5em}.navBar #navContents #nav p{padding-top:.15em;-webkit-transform:scaleY(4);transform:scaleY(4)}@media(max-width:650px){.navBar{background-color:#fff;overflow:hidden;padding:1em .5em .5em;top:0;transition:.5s}.navBar #navContents{display:flex}.navBar #navContents a{background-color:#fff;box-shadow:none;transition:.3s}.navBar #navContents a:hover{background-color:#fff;color:#74c5a3}.navBar #navContents #name{align-self:flex-end;color:#000;font-size:1em;margin:0;padding:0;text-align:left;transition:.3s}.navBar #navContents #name:hover{background-color:#fff;color:#74c5a3}.navBar #navContents #name h1{margin:0;padding:0}.navBar #navContents #nav{align-self:flex-end;color:#000;display:flex;font-size:1.5em;margin-left:auto;padding-bottom:.25em;text-align:right;top:0}.navBar #navContents #nav #navbuttons{align-self:flex-end}.navBar #navContents #nav #navbuttons a{display:block;margin:0;padding:.1em 0 0}.navBar #navContents #nav p{visibility:hidden}}.main .keyword{background-color:#000;color:#fff;letter-spacing:10px;margin:0;padding:.5em 1em;text-align:center}.main a{background-color:transparent;box-shadow:none}.main .recent{background-image:url(https://firebasestorage.googleapis.com/v0/b/portfolio-f9959.appspot.com/o/doongdoong.club%2Fthumbnail.jpg?alt=media&token=d0059008-cea3-4d90-91c2-04b268bf1632);background-size:cover;color:#fff;padding:2em 2em 40%;text-align:right;transition:.5s}.main .recent h2{margin-bottom:0;padding-bottom:0}.main .recent:hover{color:#fff;opacity:80%}.work{margin:auto;padding:0 0 2em}.work .header{background-color:#000;margin:0;z-index:999}.work .header #title{display:flex}.work .header #title h1{color:#fff;margin:.5em 0 0 1em;padding:0}.work .header #title .year{align-self:flex-end;color:#fff;margin:1em 0 .3em 1em}.work .header #tag{background-color:#000;padding:0 0 1em 1.7em}.work .header #tag button{background-color:#000;border:1px solid #fff;border-radius:3px;color:#fff;margin:2px 3px 2px 0}@media(max-width:500px){.work .header{background-color:#000;margin:0;z-index:999}.work .header #title{display:flex;flex-wrap:wrap;padding-left:2.5em}.work .header #title h1{color:#fff;margin:.2em 0 0;padding:0}.work .header #title .year{align-self:flex-end;color:#fff;margin:0 0 .3em}.work .header #tag{background-color:#000;padding:0 0 .4em 2.5em}.work .header #tag button{background-color:#000;border:1px solid #fff;border-radius:3px;color:#fff;margin:0 3px 2px 0}}.work .contents{margin:auto;max-width:1000px;padding:0 2em}.work .contents img{max-width:100%}.work .video-container{border:none;margin:1em 0;padding-bottom:56.25%;position:relative}.work .video-container object{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.about .contents{margin-left:0;max-width:800px;padding:0 2em 2em}.about .contents .bio{margin:4em 0 2em}.about .intro{display:block;margin:0}.about .intro img{margin:0;width:100%}.about .intro .text{background:#000;color:#fff;padding:2em}@media(min-width:650px){.about .contents{margin:0;padding:0 2em 2em}.about .contents .bio{margin:4em 0 2em}.about .intro{background-color:#000;display:flex;width:100vw}.about .intro img{max-width:400px;width:50vw}.about .intro .text{background:#000;color:#fff;padding:2em}}.CV{margin:auto}.CV .education .edu{margin:1em 0}.CV .education .edu .item{display:flex;flex-direction:row;flex-wrap:nowrap;margin:.25em 0}.CV .education .edu .item .year{padding-right:1em;width:2em}.CV .education .edu .item .content{padding-right:1em}.CV .awards .item{display:flex;flex-direction:row;flex-wrap:nowrap;margin:.5em 0}.CV .awards .item .year{padding-right:1em;width:2em}.CV .awards .item .content{padding-right:1em}.CV .skills .item{display:block;margin:.5em 0}.CV .skills .item .name{font-weight:400;margin:.5em 0 .2em;padding:.2em 0}.CV .exhibitions .item{margin:1em 0}.CV .exhibitions .line{display:flex;flex-wrap:nowrap}.CV .exhibitions .line .year{padding-right:1em;width:2em}.CV .exhibitions .line .content,.CV .exhibitions .line .content .place{display:flex;flex-direction:column;flex-wrap:nowrap}.CV .exhibitions .line .content .place{font-size:.9em;margin:.2em 0}.CV .exhibitions .line .content .title{display:flex;flex-direction:row;flex-wrap:wrap;padding-right:.5em}.CV .exhibitions .line .content .title .tag{margin:0 0 .2em;padding-right:.05em}.CV .exhibitions .line .content .title .content{font-weight:400}.worklist{grid-gap:5px 5px;display:grid;gap:5px 5px;grid-template-columns:auto auto auto;justify-content:center;margin:auto;padding-left:20px;padding-right:20px}.worklist .works{display:flex;justify-content:center;margin:10px;position:relative}.worklist .works a{min-width:185px}.worklist .works a img{height:14.6vw;max-height:320px;max-width:440px;object-fit:cover;padding:3px;width:20vw}.worklist .works a .name{padding:0 .2em .2em;text-align:right;vertical-align:bottom}.worklist .works .tag{display:flex;flex-direction:column;margin-left:3px;opacity:0;position:absolute;right:auto;top:3px}.worklist .works .tag button{background-color:rgba(0,0,0,.7);border:1px solid #fff;border-radius:3px;color:hsla(0,0%,100%,.7);cursor:pointer;flex-wrap:wrap;font-size:.7rem;margin:2px 3px 0 2px;padding-top:1px}@media(max-width:700px){.worklist{grid-template-columns:auto auto;margin:auto}.worklist .works .tag{opacity:0}}@media(max-width:500px){.worklist{display:flex;flex-wrap:wrap;margin:0;padding:2em 0 0}.worklist .works{display:flex;flex-wrap:row wrap;justify-content:center;margin:1px;padding-bottom:2em}.worklist .works a{background-color:#fff;box-shadow:none;width:100%}.worklist .works a img{float:left;height:58.4vw;max-height:320px;max-width:440px;object-fit:cover;padding:3px;width:80vw}.worklist .works a .name{padding:0 1em .2em .2em;text-align:right;vertical-align:bottom}.worklist .works .tag{opacity:1;right:auto}.worklist .works .tag button{font-size:.5rem}}@media(min-width:1000px){.worklist{gap:1em 1em;grid-template-columns:auto auto auto auto;margin:auto}.worklist a{min-width:185px}.worklist a img{height:14.6vw;max-height:320px;max-width:440px;object-fit:cover;padding:3px;width:20vw}.worklist a .name{padding:0 .2em .2em;text-align:right;vertical-align:bottom}.worklist .works .tag{opacity:1}}
/*# sourceMappingURL=main.6940ccc8.css.map*/