*{box-sizing:border-box;outline:0}html,body,div,span,applet,object,iframe,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,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{border:0;margin:0;padding:0}html{-moz-text-size-adjust:none;text-size-adjust:none;-webkit-tap-highlight-color:transparent}body{width:100%;margin-block-end:0;overflow-x:auto}body[style="overflow:hidden;"]{height:100%;position:fixed}h1,h2,h3,h4,h5,h6{word-break:keep-all;margin:0;margin-block-end:0}p{word-break:break-all;margin-block-end:0}a{color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit;text-decoration:none}ul,ol,dl{padding-left:0;list-style-type:none}blockquote,dl,dd{margin-block-end:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}iframe{-webkit-user-select:none;user-select:none;border:0 #0000;border-image:}table{border-collapse:collapse;border-spacing:0;border-color:#0000}figure{margin-block-end:0}img{vertical-align:middle;-webkit-user-select:none;user-select:none}img,picture{max-width:100%;display:block}pre{white-space:pre-wrap}i,em,address{font-style:normal}input,select{font:inherit}input:not(:is([type=button],[type=submit],[type=reset],[type=file])){appearance:none;border:none;border-radius:0}button,input[type=button],input[type=submit],input[type=reset],input[type=file]{-webkit-appearance:button;-moz-appearance:button;appearance:auto;border-radius:inherit;border:inherit}input[readonly]{cursor:inherit}input[type=text]::-ms-clear{display:none}input[type=number]{appearance:textfield}input[type=search]::-webkit-search-cancel-button{appearance:none}input::-ms-clear{width:0;height:0;display:none}input::-ms-reveal{width:0;height:0;display:none}input::-webkit-outer-spin-button{appearance:none;margin:0}input::-webkit-inner-spin-button{appearance:none;margin:0}input::-webkit-search-decoration{width:0;height:0;display:none}input::-webkit-search-cancel-button{width:0;height:0;display:none}input::-webkit-search-results-button{width:0;height:0;display:none}input::-webkit-search-results-decoration{width:0;height:0;display:none}input:-webkit-autofill{-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:hover{-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:active{-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 1000px #fff!important}button{cursor:pointer;background-color:inherit;-webkit-user-select:none;user-select:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;border:none;margin:0;padding:0}button:focus{outline:0}textarea{resize:none;font:inherit}textarea:not([rows]){min-height:10em}[hidden],.hidden{display:none!important}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}caption,legend{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);border:0;width:1px;height:1px;position:absolute;overflow:hidden}
html{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}html{scroll-behavior:smooth;height:100%}html body{color:#131515;font-family:Montserrat,Noto Sans KR,sans-serif;font-size:16px;position:relative}html .robo{font-family:Roboto!important}html .GH{font-family:Gloria Hallelujah!important}html .wrap-btn{justify-content:center;align-items:center;display:flex}html .wrap-btn [class^=btn]{padding:1.25rem}html .btn-primary{color:#f3efe0;text-align:center;background:#2b2c28;border-radius:.25rem;font-size:1rem;font-weight:500;transition:background-color .3s linear}html .btn-primary:hover{background:#131515}.header{z-index:10;justify-content:space-between;align-items:center;width:100vw;height:3.875rem;padding:.625rem 1.25rem;display:flex;position:fixed;top:0;left:0;transform:translate(0%)}.header .logo{width:2.625rem}.header .logo a{display:block}.header .logo a svg{width:100%}.header .navi-mobile{z-index:300;width:100%;height:0;transition:height 1s;display:none;position:fixed;top:0;left:0}.header .navi-mobile .btn-hamber{z-index:1000;cursor:pointer;width:1.5625rem;height:1.25rem;position:absolute;top:1.5625rem;right:2rem}.header .navi-mobile .btn-hamber span{background:#fff;width:100%;height:.125rem;transition:all .7s;position:absolute;left:0}.header .navi-mobile .btn-hamber span:first-child{top:0}.header .navi-mobile .btn-hamber span:nth-child(2){top:.5625rem}.header .navi-mobile .btn-hamber span:nth-child(3){top:1.125rem}.header .navi-mobile .navi-mobile__list{text-align:center;background-color:#2b2c28;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all 1s;display:flex;position:absolute;top:-100%;left:0;overflow:hidden}.header .navi-mobile .navi-mobile__list .page-list{margin-bottom:1.875rem}.header .navi-mobile .navi-mobile__list .page-list a{text-transform:capitalize;color:#fff;font-family:Poppins;font-size:5vw;font-weight:800;line-height:1.8;transition:all .3s}.header .navi-mobile .navi-mobile__list .sns-list li{color:#fff;border-radius:50%;min-width:2.5rem;min-height:2.5rem;padding:0 .625rem;font-size:5vw;display:inline-block}.header .navi-mobile .navi-mobile__list .sns-list li button{background:0 0}.header .navi-mobile .navi-mobile__list .sns-list li button i{color:#fff}.header .navi-mobile.active{height:calc(var(--vh,1vh) * 100)}.header .navi-mobile.active .navi-mobile__list{border:1px solid #fff;top:0}.header .navi-mobile.active .btn-hamber span{background:#fff}.header .navi-mobile.active .btn-hamber span:first-child{top:.5625rem;transform:rotate(45deg)}.header .navi-mobile.active .btn-hamber span:nth-child(2){display:none}.header .navi-mobile.active .btn-hamber span:nth-child(3){top:.5625rem;transform:rotate(-45deg)}.aside{z-index:500;width:1.5rem;height:calc(var(--vh,1vh) * 98 - 4.0625rem);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;top:3.125rem;left:1.5rem}.aside li+li{margin-top:1rem}.aside li a,.aside li button{color:#fff;font-size:1.5rem;transition:all 1s}@keyframes sns{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0%)}}.footer{background:#131515;width:100%}.footer p{color:#fff;text-align:center;padding:1rem 0;font-size:.7em}body:has(.loding:not(.end)){overflow:hidden}.loding{z-index:9000;text-align:center;background-color:#131515;width:100%;height:100%;position:fixed;top:0;left:0}.loding.end{z-index:-1;opacity:0}.loding .loding__inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loding .loding__inner .img-battery{width:8.611rem;height:4.944rem;margin:0 auto}.loding .loding__inner .txt-loading{color:#fff;padding-top:.581rem;padding-left:.5rem;font-size:2.389rem;font-weight:400;animation:1.7s ease-in animwelcome}.loding .loding__inner .txt-portfolio{color:#fff;font-size:.722rem;font-weight:500;animation:1.9s ease-in animuser}@keyframes animwelcome{0%{transform:scale(0)}50%{transform:scale(0)}75%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes animuser{0%{transform:scale(0)}50%{transform:scale(0)}75%{transform:scale(1.4)}to{transform:scale(1)}}.img-battery{animation:.7s anim;position:relative}.img-battery [class^=battery]{opacity:0}.img-battery .battery1{animation:2s infinite alternate charge-1}.img-battery .battery2{animation:2s infinite alternate charge-2}.img-battery .battery3{animation:2s infinite alternate charge-3}.img-battery .battery4{animation:2s infinite alternate charge-4}@keyframes charge-1{25%,to{opacity:1}}@keyframes charge-2{0%,25%{opacity:0}50%,to{opacity:1}}@keyframes charge-3{0%,50%{opacity:0}75%,to{opacity:1}}@keyframes charge-4{0%,75%{opacity:0}to{opacity:1}}@keyframes anim{0%{transform:scale(0)}50%{transform:scale(1.7)}to{transform:scale(1)}}.dim{z-index:190;background:#0009;position:fixed;inset:0}.popup{z-index:200;display:none;position:fixed;top:50%;left:50%}.popup .popup-section{text-align:center;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:800px){.header.black-white .logo svg{filter:invert(90%)}.header.black-white .navi-mobile .btn-hamber span{background:#2b2c28}.aside.black-white li a,.aside.black-white li button{color:#2b2c28}}@media screen and (max-width:800px){html body{font-size:11px}html .header{height:4.5rem;padding:1rem 1.5rem}html .header .logo{width:3rem;height:1.5625rem}html .header .navi-mobile{display:block}html .aside{display:none}html .wrap-btn [class^=btn]{width:100%;padding:1.25rem;font-size:3vw}html .inner_section{height:initial}}@media screen and (max-width:500px){body{font-size:10px}}
.main{position:relative}.main .header.scroll{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.main .aside{animation:1.5s ease-in-out forwards sns}.main .section-cont{position:relative}.main .section-cont .inner_section{width:80%;max-width:120rem;margin-inline:auto}.main .section-cont .inner_section .title{text-transform:uppercase;font-weight:900}.main .section-cont .inner_section .split span{opacity:0;min-width:1rem;display:inline-block;transform:translateY(1.875rem)}.main .section-cont .section01{background-color:#131515;position:relative}.main .section-cont .section01 .inner_section{height:calc(var(--vh,1vh) * 100);color:#fff;justify-content:flex-start;align-items:center;max-height:59.375rem;display:flex}.main .section-cont .section01 .inner_section .title{font-size:5rem}.main .section-cont .section01 .inner_section .hello{font-size:4rem;font-weight:400;line-height:1}.main .section-cont .section01 .inner_section .web_site,.main .section-cont .section01 .inner_section .hi{word-break:break-all;padding-top:.625rem;font-size:1.2rem;line-height:1.8}.main .section-cont .section01 .inner_section .hi b{display:block}.main .section-cont .section01 .inner_section .icon-scroll{z-index:2;position:absolute;bottom:3.125rem;left:50%;transform:translate(-50%)}.main .section-cont .section01 .inner_section .icon-scroll .icon{border:.125rem solid #fff;border-radius:.625rem;width:.9375rem;height:1.875rem;margin:0 auto .3125rem;display:block}.main .section-cont .section01 .inner_section .icon-scroll .icon:before{content:"";background-color:#fff;border-radius:.625rem;width:.1875rem;height:.3125rem;margin:.5rem auto 0;animation:.5s infinite alternate iconAni;display:block;position:relative}@keyframes iconAni{0%{transform:translateY(0)}to{transform:translateY(.5rem)}}.main .section-cont .section01 .inner_section .icon-scroll .txt{color:#fff;text-transform:uppercase;font-size:.7rem;font-weight:500}.main .section-cont .section02{display:flex}.main .section-cont .section02 .inner_section{max-height:67.5rem;min-height:calc(var(--var,1vh) * 100);flex-direction:column;justify-content:center;padding:3rem 0;display:flex}.main .section-cont .section02 .inner_section .title{font-size:3rem;line-height:1}.main .section-cont .section02 .inner_section .txt-desc{font-size:1rem;font-weight:500}.main .section-cont .section02 .publish_list{margin:2.5rem 0 1.25rem}.main .section-cont .section02 .btn-primary{width:30%}.main .betteryy-section{width:100%;height:calc(var(--vh,1vh) * 25);background:#131515;justify-content:center;max-height:10.875rem;display:flex;position:relative;overflow:hidden}.main .betteryy-section>*{max-width:60rem}.main .betteryy-section .video{width:50%;height:100%;position:relative;overflow:hidden}.main .betteryy-section .video video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.main .betteryy-section:after{content:"";background-color:#000c;display:block;position:absolute;inset:0}.main .betteryy-section .typing{z-index:2;color:#fff;text-transform:uppercase;text-align:center;justify-content:center;align-items:center;width:50%;height:100%;padding:1rem;font-size:1.5rem;display:flex;position:relative}.main .betteryy-section .typing strong{font-weight:700}.publish_list{-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;gap:.625rem;display:flex}.publish_list li{color:#fff;text-align:center;flex:1 0 calc(33.333% - .625rem);min-width:17.5rem;max-width:25rem;font-size:1rem;position:relative;overflow:hidden;box-shadow:0 0 .3125rem #00000026}@media screen and (max-width:1000px){.publish_list li{flex:1 0 49%}}@media screen and (max-width:640px){.publish_list li{flex-basis:100%}}.publish_list li *{transition:all .45s ease-in-out}.publish_list li figcaption{opacity:0;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;padding:0 1.25rem 2.5rem;display:flex;position:absolute;inset:0}.publish_list li figcaption .txt-box{opacity:0;width:100%;margin:0;font-size:.6875rem;line-height:1.6}.publish_list li figcaption .txt-box .tit{margin-top:.5rem;font-size:1.5rem;font-weight:900;line-height:1.1}.publish_list li figcaption .txt-box .explanation{margin-bottom:.5rem;font-size:.875rem;font-weight:700}.publish_list li .btn-box{opacity:0;justify-content:center;gap:1rem;width:100%;display:flex;position:absolute;bottom:1rem}.publish_list li .btn-box [class^=btn-]{background:#131515;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .1s;display:inline-flex}@media screen and (min-width:800px){.publish_list li .btn-box [class^=btn-]:hover{color:#131515;background:#f3efe0}}.publish_list li:hover img{transform:scale(1.1)}.publish_list li:hover figcaption{opacity:1}.publish_list li:hover .txt-box,.publish_list li:hover .btn-box{opacity:1;transition-delay:.35s}.allPublish{background:#131515;padding-top:7.5rem;position:relative}.allPublish .header:before{content:"";z-index:-1;transition:background-color .3s linear;position:absolute;inset:-1px 0 0;transform:translate(0,0)}.allPublish .header.scroll{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.allPublish .header.scroll:before{background:#000000b3}.allPublish .publish_cont{width:80%;margin:0 auto}@media screen and (max-width:640px){.allPublish .publish_cont li{max-width:100%}}@media screen and (max-width:1340px){.allPublish .publish_list{width:88%;margin-inline:auto}}@media screen and (max-width:800px){.main .header:before{content:"";z-index:-1;transition:background-color .3s linear;position:absolute;inset:-1px 0 0;transform:translate(0,0)}.main .header.scroll:before{background:#00000080}.main .betteryy-section .video{width:100%}.main .betteryy-section .typing{width:100%;position:absolute;top:0;left:0}.main .betteryy-section .typing .txt{word-break:keep-all}.main .section-cont .inner_section{width:88%;max-width:100%}.main .section-cont .section02 .inner_section{max-height:initial}.allPublish{padding-top:5rem}.allPublish .header:before{opacity:.5}.allPublish .publish_list figcaption{padding-bottom:2rem}}@media screen and (max-width:800px) and (min-width:640px){.allPublish .publish_list figcaption .btn-box{bottom:.3rem}.allPublish .publish_list figcaption .btn-box [class^=btn-]{width:2rem;height:2rem;font-size:.875rem}}@media screen and (max-width:640px){.publish_list li{min-width:17.5rem;max-width:100%;max-height:initial}.publish_list li .img-box img{transform:none}.publish_list li figcaption{opacity:1}.publish_list li figcaption .txt-box{opacity:1;transition-delay:.35s}.publish_list li figcaption .btn-box{opacity:1}}@media (min-width:500px) and (max-width:800px){.main .betteryy-section .typing{font-size:5vw}.main .section-cont [class*=section0] .inner_section .title{font-size:10vw}.main .section-cont [class*=section0] .inner_section .hi,.main .section-cont [class*=section0] .inner_section .txt-desc{font-size:2.5vw;line-height:1.5}.main .section-cont .section01 .inner_section .hello{font-size:6vw}}@media screen and (max-width:500px){.main .betteryy-section .typing{font-size:1.75rem}.main .section-cont [class*=section0] .inner_section .title{font-size:2.5rem}.main .section-cont .section01 .inner_section .hello{font-size:1.75rem}.main .section-cont .section01 .inner_section .hi{font-size:1rem}}.popup-section.sorry{width:90vw;max-width:31.25rem;padding:2rem}.popup-section.sorry .txt-sorry{color:#191a1e;padding-bottom:1.25rem;font-size:1rem}.popup-section.sorry .txt-sorry strong{letter-spacing:-.0375rem;padding-bottom:.3125rem;font-size:1.5625rem;font-weight:700;display:block}.popup-section.sorry .txt-sorry:before{content:"";background:url(/images/ico-sorry.svg) 50%/contain no-repeat;width:5rem;height:5rem;margin:0 auto .9375rem;display:block}.popup-section.sorry .btn-pop__close{min-height:1.875rem;padding:.625rem 1.125rem;line-height:1;display:inline-block}.popup.notion .popup-section{background:initial;width:90vw;max-width:59.375rem}