:root{--primary-color:#8c61cc;--primary-color:#000;--progress-color:#6c6c6c;--selection-color:rgba(76,96,138,.7);--header-height:9rem;--header-height-shrinked:6.7rem;--header-height-mobile:8rem;--header-height-mobile-shrinked:6rem;--footer-height:17rem;--page-container-width:130rem;--subpage-container-width:100rem;--page-horizontal-padding:3rem;--page-inline-padding:4rem;--page-horizontal-padding-n:-3rem;--main-textbox-inline-padding:3rem;--gray-text:#ababab;--fc-default:#3d3d3d;--fw-default:400;--fs-default:1.8rem;--fs-small:1.6;--xs-breakpoint:400px;--small-breakpoint:650px;--medium-breakpoint:800px;--large-breakpoint:1200px;font-family:system-ui,sans-serif}body{--mobile-breakpoint:800px;--large-breakpoint:1200px}@media (max-width:600px){:root{--main-textbox-inline-padding:3rem!important;--page-inline-padding:2.5rem!important}}@media (max-width:400px){:root{--main-textbox-inline-padding:1.5rem!important}}.ui-hero{position:fixed}.ui-hero--pannel{height:auto;left:50%;top:0;-webkit-transition:top .2s ease;transition:top .2s ease;width:93rem!important}.scroll-sm .site-body--ui .ui-hero--pannel{top:-5rem}.ui-hero--dots{left:calc(50% + 5rem);top:calc(var(--header-height) - 2rem);-webkit-transition:top .7s ease,left .7s ease,rotate .3s ease;transition:top .7s ease,left .7s ease,rotate .3s ease;width:16rem!important}.scroll-sm .site-body--ui .ui-hero--dots{left:calc(50% - 10rem);rotate:-45deg;top:calc(var(--header-height-shrinked) + 4rem)}.ui-hero--nods{left:calc(50% + 50.5rem);opacity:.87;top:calc(var(--header-height) + 8rem);-webkit-transition:top .7s ease,left .7s ease,rotate .3s ease;transition:top .7s ease,left .7s ease,rotate .3s ease;width:21rem!important}.scroll-sm .site-body--ui .ui-hero--nods{left:calc(50% + 52rem);rotate:21deg;top:calc(var(--header-height-shrinked) + 10rem)}.ui-hero--cursor-sm{left:calc(50% + 69.5rem);position:fixed;top:calc(var(--header-height) + 20.5rem);-webkit-transition:top .5s ease,left .5s ease,rotate .5s ease;transition:top .5s ease,left .5s ease,rotate .5s ease;width:9rem!important}.scroll-sm .site-body--ui .ui-hero--cursor-sm{left:calc(50% + 66rem);rotate:27deg;top:calc(var(--header-height) + 24.5rem)}.float-object{height:auto;opacity:.8;position:fixed;-webkit-transition:top 3s ease;transition:top 3s ease;width:8rem;z-index:-1}.float-object-1{left:50%;margin-left:-69rem;top:52rem;-webkit-transition:top .7s ease,margin-left .7s ease;transition:top .7s ease,margin-left .7s ease;width:8rem}.scroll-sm .float-object-1{margin-left:-67rem;top:31rem}.float-object-2{left:50%;margin-left:-9.7rem;top:75%;-webkit-transition:top 1.5s ease,margin-left 1.5s ease;transition:top 1.5s ease,margin-left 1.5s ease;width:8rem}.scroll-sm .float-object-2{margin-left:-10rem;top:40%}.float-object-3{left:50%;margin-left:59rem;opacity:.6;top:45%;-webkit-transition:top 2s ease,margin-left 2s ease;transition:top 2s ease,margin-left 2s ease;width:9rem}.scroll-sm .float-object-3{margin-left:57rem;top:60%}.site-body-inwrap-ui{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-inline:auto;max-width:var(--page-container-width);padding-inline:var(--page-inline-padding);padding-bottom:20rem;position:relative;width:100%}:root{--ui-left-top:35rem;--ui-left-gap:21rem}.ui-left{left:50%;margin-left:calc(var(--page-container-width)/-2 + var(--page-inline-padding));position:fixed;text-align:left;top:var(--ui-left-top);-webkit-transition:top .7s ease;transition:top .7s ease;width:38rem;z-index:10}@media (max-width:1300px){.ui-left{left:var(--page-inline-padding);margin-left:0}}.scroll-sm .site-body--ui .ui-left{top:calc(var(--ui-left-top) - var(--ui-left-gap))}.ui-right{margin-left:auto;position:relative;text-align:left;width:var(--thumb-width-ui);z-index:10}.progress-indicator--ui{left:calc(50% - var(--page-container-width)/2 + 1.5rem);position:fixed;top:calc(var(--ui-left-top) + 39rem);-webkit-transition:top .9s ease;transition:top .9s ease}.scroll-sm .site-body--ui .progress-indicator--ui{top:calc(var(--ui-left-top) - var(--ui-left-gap) + 39rem)}.progress-indicator--ui.skills{top:calc(var(--ui-left-top) + 54rem)}.scroll-sm .site-body--ui .progress-indicator--ui.skills{top:calc(var(--ui-left-top) - var(--ui-left-gap) + 54rem)}.ui-category-desc{font-weight:300;line-height:133%;margin-bottom:3rem}.ui-category-title{color:#222;font-size:10rem;font-weight:100;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-height:100%;margin-bottom:3rem;-webkit-transition:all .3s ease;transition:all .3s ease}.ui-category-title .thin{font-weight:100}.ui-category-li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:2rem}.ui-category-li li a{color:#000;display:block;font-size:1.7rem;font-weight:400;padding-inline:1rem;white-space:nowrap}.navigation.pagination{text-align:center}@media (max-width:1200px){.float-object-1,.float-object-1-post,.float-object-2,.float-object-2-post,.float-object-3{margin-left:0}.float-object-1{left:-2%}.float-object-1-post{opacity:.5;top:69rem;z-index:100}.float-object-2{left:30%}.float-object-3{left:auto;right:-2%}.side-menu-li--skills{display:none}.site-body--ui{display:block;width:100%}.site-body-inwrap-ui{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-inline:0}.scroll-sm .site-body--ui .ui-left,.ui-left{left:auto;margin-inline:auto;margin-bottom:2rem;max-width:var(--thumb-width-ui);padding-block:14rem 0;position:relative;top:auto;-webkit-transition:padding-top .2s ease;transition:padding-top .2s ease;width:100%}.ui-category-title{font-size:3.7rem;margin-inline:auto;margin-bottom:5rem}.ui-category-title br{display:none}.ui-left-inwrap{margin-inline:auto;max-width:100%}.scroll-sm .site-body--ui .with-indicator .menu-item a{padding-block:.7rem}.scroll-sm .site-body--ui .wp-ui-category-li li a{font-size:1.5rem}.ui-left .search-form.search-yunsoo{margin-inline:0;max-width:100%}.ui-right{margin-inline:auto;max-width:var(--thumb-width-ui);width:100%}.progress-indicator.progress-indicator--ui{bottom:2rem;left:auto;margin-left:0;position:fixed;right:.6rem;top:auto;-webkit-transition:bottom .2s ease;transition:bottom .2s ease}.scroll-sm .site-body--ui .progress-indicator--ui,.scroll-sm .site-body--ui .progress-indicator--ui.skills{bottom:9rem;top:auto}}:root{--ui-post-small:58rem;--ui-post-sm-left:24rem;--ui-post-def:100rem;--ui-post-large:140rem;--ui-post-medium:120rem;--ui-post-left:35rem}.site-body.site-body--ui{overflow:visible}.progress-bar-wrap-ui-post{bottom:auto;margin-bottom:12rem;margin-inline:calc(var(--page-inline-padding)*-1);position:-webkit-sticky;position:sticky;top:var(--header-height-shrinked);width:calc(100% + var(--page-inline-padding)*2)}.ui-hero-post{position:absolute;z-index:10}.ui-hero--dots-post{--ui-dots-bottom:31rem;bottom:var(--ui-dots-bottom);right:49rem;rotate:-77deg;-webkit-transition:bottom 1.5s ease;transition:bottom 1.5s ease;width:15rem!important}.scroll-sm .site-body--ui .ui-hero--dots-post{bottom:calc(var(--ui-dots-bottom) - 19rem)}.ui-hero--cursor-post{--ui-nods-bottom:4rem;bottom:var(--ui-nods-bottom);right:-7rem;-webkit-transition:bottom .7s ease;transition:bottom .7s ease;width:11rem!important}.scroll-sm .site-body--ui .ui-hero--cursor-post{bottom:calc(var(--ui-nods-bottom) - 7rem)}.ui-post-top{--ui-post-top-inline:1rem;--ui-post-top-height:59rem;margin-inline:auto;max-width:var(--page-container-width);min-height:var(--ui-post-top-height);padding-inline:var(--page-inline-padding);position:relative}.ui-post-feature,.ui-post-top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.ui-post-feature{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-position:50%;background-size:cover;height:var(--ui-post-top-height);-webkit-justify-content:center;justify-content:center;max-width:53rem;overflow:hidden;position:absolute;right:0;top:0;-webkit-transition:all .3s ease;transition:all .3s ease}.ui-post-feature video{height:100%}.ui-post-top-text{bottom:7rem;max-width:65rem;position:absolute;right:50%;text-align:right;width:100%}.ui-post-title{color:#000;font-size:10rem;font-weight:100;line-height:100%;text-align:right}.ui-post-back a{color:#8f8f8f;display:inline-block;font-size:1.5rem;margin-bottom:1rem}.ui-post-back a:hover{color:var(--primary-color)}.ui-post-article-wrap{margin-inline:auto;width:100%}.ui-post-article{font-size:2rem;line-height:160%;margin-bottom:30rem;position:relative}.ui-post-article,.ui-post-left{padding-inline:var(--page-inline-padding);text-align:left;width:100%}.ui-post-left{left:50%;margin-left:calc(var(--page-container-width)/-2 + 14rem);max-width:var(--ui-post-left);position:absolute;top:72rem;z-index:10}.btn-wrap--ui-post,.ui-post-tag{margin-inline:auto;width:100%}.btn-wrap--ui-post{padding-block:1rem 0}.image-cap-text{color:#979797;font-size:1.6rem;margin-top:1rem;text-align:center}.ui-postwrap img,.ui-postwrap video{width:100%}.ui-postwrap{margin-block:4rem 17rem;margin-inline:auto;width:100%}.ui-postwrap-large{max-width:var(--ui-post-large)}.ui-postwrap.no-bottom-gap{margin-bottom:4rem}.ui-postwrap-def{max-width:var(--ui-post-def)}.ui-postwrap-medium{max-width:var(--ui-post-medium)}.ui-postwrap-small,.ui-postwrap-top{margin-inline:auto;max-width:calc(var(--ui-post-small) + var(--ui-post-sm-left));padding-left:var(--ui-post-sm-left);width:100%}.ui-postwrap-top{margin-bottom:12rem;min-height:31rem}.ui-postwrap-small p,.ui-postwrap-top p{margin-bottom:3rem}.image-inpostwrap{margin-block:2rem}.tool-ui-post{margin-block:3rem 2rem;margin-inline:auto;width:100%}.tool-ui-post-item{display:inline-block;height:3rem;margin-right:1rem}.ui-old-message{-webkit-backdrop-filter:blur(3px) saturate(170%);backdrop-filter:blur(3px) saturate(170%);background-color:hsla(0,0%,100%,.3);font-size:1.6rem;margin-bottom:10rem;padding:1.5rem 3rem 3rem;text-align:center}.ui-old-message .dino{font-size:2.5rem}.ui-old-icon{display:block;font-size:5rem;font-variation-settings:"wght" 200;margin-bottom:1rem}@media (max-width:1200px){.progress-bar-wrap-ui-post{margin-bottom:4rem}.ui-hero--cursor-post{--ui-nods-bottom:13.7rem;left:calc(50% + 26rem);right:auto;width:11rem!important}.ui-hero--dots-post{--ui-dots-bottom:37rem;left:16%;right:auto;width:12rem!important}.ui-post-left{left:auto;margin-inline:auto;margin-bottom:2rem;max-width:100%;position:relative;text-align:center;top:auto}.tool-ui-post{margin-block:1rem 1rem}.ui-post-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;text-align:center}.ui-post-feature{margin-inline:auto;max-width:60rem;position:relative}.ui-post-top-text{bottom:auto;margin-top:2rem;max-width:100%;padding-inline:0;position:relative;right:auto;text-align:center}.ui-post-title{font-size:4rem;margin-bottom:1.5rem;text-align:center}.ui-postwrap-small,.ui-postwrap-top{max-width:var(--ui-post-small);padding-left:0}.ui-postwrap-def,.ui-postwrap-large,.ui-postwrap-medium{margin-inline:calc(var(--page-inline-padding)*-1);width:calc(100% + var(--page-inline-padding)*2)}}@media (max-width:800px){.progress-bar-wrap-ui-post{bottom:auto;position:-webkit-sticky;position:sticky;top:var(--header-height-mobile-shrinked)}.ui-hero--cursor-post{--ui-nods-bottom:17rem;left:auto;right:-3rem;width:8rem!important}.ui-hero--dots-post{--ui-dots-bottom:37rem;left:-2rem;width:9rem!important}.ui-post-top{padding-inline:0}.ui-post-feature{max-width:100%}}:root{--thumb-width-ui:64rem;--thumb-height-ui:38rem;--bottom-margin-ui:15rem}.video-loading{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#be9ee5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;position:absolute;row-gap:.7rem;z-index:0}.loading-text{font-size:1.4rem}.ui-gallery-item{margin-bottom:var(--bottom-margin-ui);min-height:61rem;position:relative}.ui-gallery-item:first-child{margin-top:32rem}.ui-gallery-content{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;will-change:transform;z-index:12}.ui-gallery-shadow{aspect-ratio:32/19;background:rgba(0,0,0,.05);height:auto;position:absolute;top:0;-webkit-transition:top .5s,left .5s;transition:top .5s,left .5s;will-change:transform;z-index:0}.ui-gallery-shadow,.ui-gallery-thumb{max-width:var(--thumb-width-ui);width:100%}.ui-gallery-thumb{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border:1px solid rgba(0,0,0,.037);color:#222;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:var(--thumb-height-ui);-webkit-justify-content:center;justify-content:center;margin-inline:auto;overflow:hidden}.ui-gallery-thumb.white-bg{background-color:#fff}.ui-gallery-thumb video{height:100%;z-index:1}.ui-gallery-thumb-bg{background-position:50%;background-size:cover;bottom:0;height:100%;left:0;position:relative;right:0;top:0;-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out;width:100%}.ui-gallery-text{-webkit-backdrop-filter:blur(3px) saturate(170%);backdrop-filter:blur(3px) saturate(170%);background-color:hsla(0,0%,100%,.3);padding:3rem 3rem 1rem}.ui-gallery-title{margin:0;padding:0}.ui-gallery-title,.ui-gallery-title a{color:#000;font-weight:500;margin:0}.ui-gallery-tag{display:block;font-weight:400;margin-bottom:1rem}.ui-tag__item{color:#474747;display:inline-block;font-size:1.7rem;line-height:140%;padding-right:.5rem}a[href^="skills.html"].ui-tag__item:hover{color:var(--primary-color);text-decoration:underline}.ui-tag__item:after{content:"/";display:inline-block;padding-left:.8rem}.ui-tag__item:last-child:after{content:" ";padding-left:0}.ui-gallery-excerpt,.ui-gallery-excerpt a{color:#505050;display:inline-block;font-size:1.6rem;font-weight:300;line-height:125%}.btn-wrap.btn-wrap--ui-gallery{white-space:nowrap}@media (max-width:1200px){.ui-gallery-text{margin-inline:auto;max-width:var(--thumb-width-ui);padding-inline:0}.ui-gallery-item:first-child{margin-top:0}}@media (max-width:800px){.posts .ui-gallery-thumb{aspect-ratio:8/5;height:auto}}@media (max-width:650px){.ui-gallery-thumb{border-radius:0}.ui-category-desc,.ui-category-title,.ui-gallery-text{padding-inline:var(--page-inline-padding)}.ui-gallery-text{max-width:100%}}.title-tool{font-size:2.2rem;font-weight:500;margin:1.5rem 0 1rem}.relative-tools{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:2rem auto}.relative-tools .tools-item{display:inline-block;height:4rem;margin-right:2rem}.relative-tools .tools-item-gsap{height:6rem}.float-object-1-skills{left:50%;margin-left:-69rem;top:60%;-webkit-transition:top .5s ease;transition:top .5s ease;width:8rem}.scroll-sm .float-object-1-skills{top:40%}.float-object-2-skills{left:50%;margin-left:-9.7rem;top:55%;-webkit-transition:top 1.2s ease,margin-left 1.2s ease;transition:top 1.2s ease,margin-left 1.2s ease;width:8rem}.scroll-sm .float-object-2-skills{margin-left:-10rem;top:80%}.float-object-3-skills{left:50%;margin-left:59rem;opacity:.6;top:85%;-webkit-transition:top 2s ease,margin-left 2s ease;transition:top 2s ease,margin-left 2s ease;width:9rem}.scroll-sm .float-object-3-skills{margin-left:57rem;top:60%}.side-m-right{margin-bottom:-2.5rem;padding-top:21rem}@media (max-width:800px){.side-m-right{padding-top:15rem}}.with-indicator .menu-item{display:block;float:left;margin:0;padding:0;text-align:center;width:50%}.with-indicator .menu-item.current-menu-item a{background:hsla(0,0%,100%,.5);color:var(--primary-color);font-weight:600;-webkit-transition:color .3s ease;transition:color .3s ease}.with-indicator .menu-item a{display:block;padding-bottom:1rem;padding-top:1rem;text-decoration:none}.with-indicator .menu-item a:hover{color:var(--primary-color)}.with-indicator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;z-index:0}.with-indicator .menu-item:last-child:after,.with-indicator .menu-item:last-child:before{content:"";display:block;pointer-events:none;position:absolute;-webkit-transition:left .5s ease;transition:left .5s ease}.with-indicator .menu-item:last-child:after{border-bottom:1px solid var(--primary-color);border-top:1px solid var(--primary-color);bottom:-2px;left:0;top:-2px;width:50%;z-index:-1}.with-indicator .menu-item:first-child.current-menu-item~.menu-item:last-child:after{left:0}.with-indicator .menu-item:first-child.current-menu-item~.menu-item:last-child:before{left:25%}.with-indicator .menu-item:first-child:hover~.menu-item:last-child:after{left:0!important}.with-indicator .menu-item:first-child:hover~.menu-item:last-child:before{left:25%!important}.with-indicator .menu-item:last-child.current-menu-item:before,.with-indicator .menu-item:last-child:hover:before{left:75%!important}.with-indicator .menu-item:last-child.current-menu-item:after,.with-indicator .menu-item:last-child:hover:after{left:50%!important}
/*# sourceMappingURL=style-ui.css.map */