:root{--grey-white:#fff;--grey-light-01:#e9eef5;--grey-light-02:#d5deea;--grey-light-03:#adbdd3;--grey-md-01:#919caf;--grey-md-02:#5f6a7d;--grey-md-03:#454c58;--grey-dark-01:#383b44;--grey-dark-02:#2c2b30;--grey-black:#212024;--blue-default:#2989e8;--blue-tint-01:#dbebfb;--blue-tint-02:#b3dbf7;--blue-tint-03:#6eb7ff;--blue-dark:#255486;--yellow-default:#ffe57e;--yellow-dark:#e7b901;--yellow-tint-01:#fff3c5;--shadow-default:#0000001f;--padding-thin:2px;--padding-xxs:4px;--padding-xs:6px;--padding-sm:8px;--padding-md:12px;--padding-lg:16px;--padding-object:20px;--padding-section:24px;--max-width:840px;--max-width-project:1080px;--max-width-header:1440px;--padding-header:36px;--radius-sm:2px;--radius-md:4px;--radius-round:999px;--font-size-sm:1.12rem;--font-size-md:1.18rem;--font-size-lg:1.4rem;--font-size-xl:1.6rem;--font-size-xxl:2.0rem}@media screen and (max-width:768px){:root{--padding-section:20px;--padding-object:16px;--padding-header:20px;--font-size-md:1.2rem;--font-size-lg:1.6rem;--font-size-xl:2rem}}*,:after,:before{box-sizing:border-box;scroll-behavior:smooth;transition:.2s linear}::selection{background-color:#2989e8;background-color:var(--blue-default);color:#fff;color:var(--grey-white)}body{background-color:#e9eef5;background-color:var(--grey-light-01);margin:0}::-webkit-scrollbar{background-color:#e9eef5;background-color:var(--grey-light-01);border-left:1px solid #5f6a7d;border-left:1px solid var(--grey-md-02);height:8px;height:var(--padding-sm);width:8px;width:var(--padding-sm)}::-webkit-scrollbar-thumb{background-color:#5f6a7d;background-color:var(--grey-md-02)}a:hover,button:hover{cursor:pointer}body,code{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans KR,sans-serif;font-style:normal;line-height:1.6}.badge-size-md,.badge-size-sm,a,h1,h2,h3,h4,h5,h6,p{color:var(--grey-dark);margin:0}h1{font-size:var(--font-size-xxl)}h1,h2{line-height:1.4}h2{font-size:var(--font-size-xl)}h5,h6{font-size:var(--font-size-md);line-height:1.6}.badge-size-md,.badge-size-sm,button,dd,dl,dt,ol li,p,td,th,ul li{font-size:var(--font-size-md);font-weight:400;line-height:1.6;margin:0}ul{list-style-type:square;margin:0;padding:0 0 0 1.2em}caption{display:block;font-size:var(--font-size-sm);line-height:1.4;margin:0;text-align:left;width:100%}.badge-size-md,.badge-size-sm{font-weight:500;line-height:1.12em}.ref>a,.ref>a:visited{color:var(--grey-md-02)}.ref>a,.ref>a:hover{text-decoration:underline}h5{text-transform:uppercase}a{text-decoration:none}a:visited{color:var(--grey-black)}a:hover{text-decoration:none}a:hover,a:visited:hover{color:var(--blue-default)}.center{text-align:center}.all-cap{text-transform:uppercase}.grey-text{color:var(--grey-md-01)}.grey-dark-text{color:var(--grey-md-03)}.blue-text{color:var(--blue-default)}.allow-underline,.allow-underline:hover{text-decoration:underline}.nav-gap{height:42px}.list-wrapper{margin:0;width:100%}.list-title{padding:0 0 var(--padding-sm) 0}.list{display:flex;gap:var(--padding-md);padding:var(--padding-sm) 0;width:100%}.list-dark-line{border-bottom:1px solid var(--grey-md-02);color:var(--grey-dark)}.list-light-line{border-bottom:1px solid var(--grey-light-02);color:var(--grey-light-02)}.list-light-line>p,.list-light-line>p>a{color:var(--grey-light-01)}.list-first,.list-full{flex:1 1}button{background:none;border:none;margin:0;padding:0}.btn-primary,.btn-secondary,.btn-txt,button{cursor:pointer}.btn-primary{background:var(--grey-dark-01);border:none;border-bottom:2.4px solid var(--grey-black);border-left:2.4px solid var(--grey-md-01);border-right:2.4px solid var(--grey-black);border-top:2.4px solid var(--grey-md-01);color:var(--grey-white)}.btn-primary:hover{background:var(--grey-dark-02)}.btn-primary svg{color:var(--grey-white)}.btn-secondary{background:var(--grey-light-03);border:1px solid var(--grey-md-02);border-bottom:2.4px solid var(--grey-md-02);border-left:2.4px solid var(--grey-light-01);border-right:2.4px solid var(--grey-md-02);border-top:2.4px solid var(--grey-light-01);color:var(--grey-black)}.btn-secondary:hover{background:var(--grey-md-01)}.btn-txt{align-items:center;background:none;border:none;display:flex;gap:var(--padding-sm);justify-content:center;margin:0;padding:0}.btn-txt:hover{color:var(--blue-default)}.btn-txt:visited{color:var(--grey-black)}.btn-txt-light{color:var(--grey-light-01)}.btn-txt-light:hover{color:var(--blue-default)}.btn-txt-light:visited{color:var(--grey-light-01)}.btn-size-lg{align-items:center;display:flex;gap:var(--padding-md);justify-content:center;padding:var(--padding-sm) var(--padding-lg)}.btn-size-lg svg{height:20px;width:20px}.badge-size-md{padding:2px 4px}.badge-size-md,.badge-size-sm{align-self:flex-start;border-radius:var(--radius-sm);line-height:1.2;text-transform:uppercase}.badge-size-sm{padding:0 4px}.badge-primary{background-color:var(--blue-dark);border:none;color:var(--grey-light-01)}.badge-secondary{background-color:var(--grey-light-02);border:1px solid var(--grey-light-03);color:var(--grey-dark)}.badge-blue{background-color:var(--blue-tint-02);color:var(--blue-default)}.badge-yellow{background-color:var(--yellow-default);color:var(--grey-dark-01)}.scroll-to-top{align-items:center;background:var(--grey-light-01);border:1px solid var(--grey-md-02);border-radius:50%;bottom:36px;cursor:pointer;display:flex;justify-content:center;padding:var(--padding-md);position:fixed;right:36px;z-index:999}.scroll-to-top svg{height:24px;width:24px}.scroll-to-top:hover{background:var(--grey-light-02)}.copied-message{background-color:var(--grey-light-02);border:1px solid var(--grey-md-02);color:var(--grey-black);left:50%;padding:var(--padding-xs) var(--padding-sm);position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.copied-message,.img-popup{border-radius:var(--radius-md)}.img-popup{box-shadow:0 0 24px var(--shadow-default)}.sub-title{color:var(--blue-default);text-transform:uppercase}.table-icon{height:40px;width:40px}.text-with-icon{align-items:center;display:flex;gap:var(--padding-sm);margin:0}.text-with-icon svg{height:20px;width:20px}nav{align-items:center;background:var(--grey-light-01);border-bottom:1px solid var(--grey-md-02);display:flex;gap:var(--padding-xl);height:42px;padding:var(--padding-sm) var(--padding-md);position:fixed;text-transform:uppercase;width:100%;z-index:999}nav h6{flex:1 1}nav button{text-transform:uppercase}.nav-links{display:flex;gap:var(--padding-lg);list-style:none;margin:0;padding:0;z-index:998}.nav-toggle{cursor:pointer;display:none}@media screen and (max-width:768px){.nav-toggle{display:flex}.nav-links{background-color:var(--grey-light-02);flex-direction:column;gap:var(--padding-md);height:0;overflow:hidden;padding:0 var(--padding-md);position:absolute;right:0;top:41px;width:100%}.nav-links.open{border-bottom:1px solid var(--grey-md-02);border-top:1px solid var(--grey-md-02);height:auto;padding:var(--padding-md);top:41px}.nav-links li a{display:block}}section{margin:0 auto;max-width:var(--max-width);padding:var(--padding-section);width:100%}.section-title{border-bottom:1px solid var(--grey-md-02);margin:0 0 var(--padding-md) 0;padding:var(--padding-sm) 0}img{width:100%}.max-width-img{display:block;margin:var(--padding-md) auto;max-width:var(--max-width-header);width:100%}.max-width-project{display:block;margin:0 auto;max-width:var(--max-width-project);width:100%}.divider-section{border-top:1px solid var(--grey-md-02);height:0;width:100%}.callout{background-color:var(--grey-light-02);border-left:3px solid var(--grey-md-01);border-radius:var(--radius-md);display:flex;flex-direction:column;margin:var(--padding-lg) 0;padding:var(--padding-md)}.divider-space{height:var(--padding-section);width:100%}.divider-line{background:var(--grey-md-02);height:1px;margin:var(--padding-md) 0;width:100%}.margin-sm{margin:var(--padding-sm) 0}.margin-md{margin:var(--padding-md) 0}.margin-lg{margin:var(--padding-lg) 0}.padding-sm{padding:var(--padding-sm)}.padding-md{padding:var(--padding-md)}.padding-lg{padding:var(--padding-lg)}.gap-xs{gap:var(--padding-xs)}.gap-sm{gap:var(--padding-sm)}.gap-md{gap:var(--padding-md)}.gap-lg{gap:var(--padding-lg)}.column-wrapper{flex-direction:column}.column,.column-wrapper{display:flex;gap:var(--padding-md)}.column{flex-direction:row}.column-box{align-self:stretch;width:100%}.column-box-left{align-self:stretch;width:32%}.column-box-img-txt{align-self:stretch;display:flex;flex-direction:column;gap:var(--padding-sm);width:100%}.column-box-img-txt>.txt-wrapper,.column-box-img-txt>p{margin:var(--padding-sm)}.column-box-light{background:var(--grey-white);border-radius:var(--radius-md);display:flex;flex-direction:column}.column-box-light>p{width:100%}.column-box-light>.icon{height:32px;width:32px}@media screen and (max-width:768px){.column{flex-direction:column}.column-box-left{width:100%}}.text-wrapper-xs{gap:0}.text-wrapper-sm,.text-wrapper-xs{display:flex;flex-direction:column;margin:0;padding:0;width:100%}.text-wrapper-sm{gap:var(--padding-thin)}.card-wrapper{align-items:center;border:1px solid var(--grey-md-02);flex-direction:row;justify-content:center}.card,.card-wrapper{align-self:stretch;display:flex;width:100%}.card{flex-direction:column;gap:var(--padding-md);padding:var(--padding-md)}.card>.btn-txt{align-items:left;justify-content:left;width:auto}.card-border{align-self:stretch;border-left:1px solid var(--grey-md-02);display:flex;flex-direction:column;width:1px}.card-image{aspect-ratio:1200/800;background-color:var(--grey-md-02);background-position:50%;background-size:cover;width:100%}@media screen and (max-width:768px){.card-border,.card-wrapper{flex-direction:column}.card-border{align-self:stretch;border-left:none;border-top:1px solid var(--grey-md-02);display:flex;width:100%}}.card-title{padding:0 0 var(--padding-md) 0;width:100%}table,td,th{border:1px solid var(--grey-light-03);text-align:left}table{border-collapse:collapse;max-width:100%;table-layout:fixed;width:100%}tr{background:var(--grey-white)}th{background-color:var(--grey-light-02)}td,th{padding:var(--padding-sm);text-align:left;vertical-align:top;width:100%}.th-first{width:160px}.th-first-lg{width:240px}.blue-bg{background-color:var(--blue-tint-02);color:var(--blue-dark)}.yellow-bg{background-color:var(--yellow-default);color:var(--grey-dark-01)}@media screen and (max-width:768px){table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}td,th{min-width:200px}}footer{background:var(--grey-black);color:var(--grey-light-02)}.home-header,footer{padding:var(--padding-section)}.home-title-header{align-items:flex-end;align-self:stretch;background-image:url(/static/media/paper_header_light.7075cf2dbfb904cf7154.jpg);background-position:50%;background-size:cover;display:flex;gap:var(--padding-object);justify-content:flex-end}.home-title-content{align-items:flex-start;display:flex;flex:1 0;flex-direction:column;gap:var(--padding-md);padding:24px}.home-grey-text{color:var(--grey-md-02)}.home-title-content>.btn-secondary{align-items:center;justify-content:center;max-width:232px}.home-title-img-wrapper{align-items:flex-end;align-self:stretch;display:flex;gap:10px}.home-cursor{height:80px;width:80px}@media screen and (max-width:768px){.home-title-header{flex-direction:column}.home-title-content>.btn-secondary{max-width:100%}.home-title-img-wrapper{align-items:right;flex-direction:row;justify-content:right}}.work-section-title{border-bottom:1px solid var(--grey-md-02);margin-bottom:0;padding:var(--padding-sm) 0}.work-list{display:flex;flex-direction:column}.work-card{border-bottom:1px solid var(--grey-md-02);display:flex;gap:var(--padding-object);padding:var(--padding-object) 0}.work-card-image{aspect-ratio:1200/800;background-color:var(--grey-md-02);background-position:50%;background-size:cover;cursor:pointer;flex:2 1;min-height:240px;overflow:hidden;padding:var(--padding-md)}.work-card-info{display:flex;flex:1 1;flex-direction:column}.work-card-info h2{color:var(--grey-dark)}.work-card-desc{align-self:stretch;flex:1 0}.work-card-from{color:var(--point-blue);height:auto;margin:2px 0}.work-card-tag{display:inline-flex}@media screen and (max-width:768px){.work-card{flex-direction:column}.work-card-image{min-height:200px;width:100%}.work-card-info>p{flex:1 0;margin-bottom:var(--padding-sm)}}.button-center-section{gap:var(--padding-md)}.button-center-section,.not-found-404{align-items:center;display:flex;justify-content:center}.not-found-404{align-self:stretch;flex-direction:row;gap:var(--padding-object);gap:12px;margin:var(--padding-section);min-height:calc(100vh - 250px);padding:24px}.project-header-wrapper{background-color:var(--grey-black);display:flex;flex-direction:row}.project-header{color:var(--grey-white);display:flex;flex-direction:row;gap:var(--padding-header);margin:0 auto;max-width:var(--max-width-header);padding:var(--padding-header);width:100%}.project-header-content{display:flex;flex:1 1;flex-direction:column;gap:var(--padding-object);justify-content:space-between;max-width:360px;min-width:0;padding:var(--padding-object)}.project-header-top{display:flex;flex-direction:column;gap:var(--padding-md)}.project-header-label{color:var(--grey-light-02);margin:0;text-transform:uppercase}.project-header-content h1,.project-header-content h2{color:var(--grey-white);margin:0}.project-header-date{color:var(--grey-md-01);line-height:var(--line-height-md);margin:var(--padding-xxs) 0 var(--padding-md) 0}.project-header-meta{border-top:1px solid var(--grey-md-02);display:flex;flex-direction:column;margin:0}.project-header-meta-row{border-bottom:1px solid var(--grey-md-02);display:flex;gap:var(--padding-lg);padding:var(--padding-md) 0}.project-header-meta-row dt{color:var(--grey-md);flex-shrink:0;min-width:96px}.project-header-meta-row dd{color:var(--grey-white);display:flex;flex-direction:column;gap:var(--padding-thin);margin:0}.project-header-img{border-radius:var(--radius-md);display:block;flex:1 1;min-width:0;object-fit:contain}.badge-wrapper{align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:8px}@media screen and (max-width:840px){.project-header{display:block}.project-header-content{max-width:100%;width:100%}.project-header-img{display:inline-block;margin:var(--padding-section) 0 0 0;padding:none;width:100%}}
/*# sourceMappingURL=main.9b480cfc.css.map*/