@charset "UTF-8";.container{padding:0 30px}.container .key{overflow:hidden;width:100vw;height:100vh;background:#000;background-size:cover;position:relative;margin:0 -30px}@media(max-width:700px){.container .key{width:calc(100% + 60px);border-radius:0;height:100vh}}.container .key h1{width:100%;height:100%;position:absolute;display:flex;font-size:20 px;font-size:70px;line-height:1.2;font-weight:700;color:#fff;justify-content:center;align-items:center;flex-direction:column;letter-spacing:-1px;top:50%;margin:-100px 0 0;text-align:center}.container .key h1 span{margin-top:auto;padding-top:60px}.container .key h1 small{font-size:24px;padding:20px 0 0;margin-bottom:auto}.container .key h1 small br{display:none}@media(max-width:700px){.container .key h1 small br{display:block}}.container .key h1 i{margin-bottom:24px;font-size:26px;font-weight:700}@media(max-width:700px){.container .key h1{font-size:40px;padding:20px;letter-spacing:-1px}.container .key h1 small{font-size:20px;line-height:24px!important;display:block;letter-spacing:-1px}}.container .key video{position:absolute;width:100%;height:100vh;object-fit:cover;top:0;left:0;opacity:.9;background-image:url(/public/images/video-thumbnail.jpg);background-size:cover;background-position:50%}.container section{margin:0 auto;max-width:1000px;width:100%;padding:100px 30px;display:flex;align-items:center}@media(max-width:700px){.container section{padding:70px 0}}.container section.pc{display:block}@media(max-width:700px){.container section.pc{display:none}}.container section.row{flex-direction:row;gap:20px}@media(max-width:700px){.container section.row{flex-direction:column}}.container section.column{flex-direction:column;justify-content:flex-start}.container section.flex-start{align-items:flex-start}.container section .title{font-size:34px;font-weight:700;display:block;justify-self:flex-start;align-self:flex-start;width:100%;padding-bottom:20px}@media(max-width:700px){.container section .title{font-size:23px}}.container section p{font-size:17px;line-height:1.6;color:#868e96}.container section img.symbol{width:250px}.container section.section-start{gap:80px}@media(max-width:700px){.container section.section-start img{display:none}}.container section .split{width:100%;gap:20px;flex-direction:row;display:flex;margin-top:20px}@media(max-width:700px){.container section .split{flex-direction:column}}.container section .split img{width:calc(50% - 10px)}@media(max-width:700px){.container section .split img{width:100%}}.container section .split-3{display:flex;gap:20px}@media(max-width:700px){.container section .split-3{flex-direction:column}}.container section .split-3 img{width:100%}.container section .split-2{display:none}@media(max-width:700px){.container section .split-2{display:block}}.container section .split-2 img{margin-top:20px;width:100%}.container section .split-full{max-width:800px;margin:50px auto 0}.container section .split-full img{width:100%}@media(max-width:700px){.container section .split-full{display:none}}.container section .comment{display:flex;flex-wrap:wrap;gap:20px;margin-left:20px;flex-direction:row}@media(max-width:700px){.container section .comment{margin-left:0;flex-direction:column}}.container .companys{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap;margin-top:-40px;padding-top:30px}@media(max-width:700px){.container .companys{flex-wrap:wrap;gap:20px;justify-content:flex-start;font-size:12px;letter-spacing:-1pxher}}.container .companys>div{text-align:center;width:20%}.container .companys>div img{display:block;margin:40px auto 0;width:120px!important}@media(max-width:700px){.container .companys>div img{width:90px!important}}.hero{height:100vh;width:100%;display:flex;background:#000;flex-direction:column;font-size:40px;color:#fff;font-weight:700;width:calc(100% + 60px);max-width:1400px;height:600px;margin:0 auto;margin-bottom:100px!important;background:url(/_next/static/media/img-counsel.d34a91f2.jpg) 100% 100% no-repeat;background-size:cover}@media(max-width:700px){.hero{text-align:left;margin:0 -30px}}.hero>div{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;color:#000;color:#fff}.hero>div small{opacity:.8;font-size:15px;display:block;padding-bottom:20px;padding-top:20px}@media(max-width:700px){.hero{font-size:30px;height:470px;background-position:0 100%}}.btn-box{padding-top:40px}.btn-box a{margin:0 3px}.btn-box a img{height:40px}@media(max-width:700px){.btn-box a img{height:37px}}.footer-wrap .botom .channel .oneboon{background-image:url(/images/oneboon-logo.svg)}.footer-wrap .botom .channel .facebook{background-image:url(/images/facebook-icon.svg)}hr.line{margin:0 auto;padding:0;max-width:960px;border:none;height:1px;background:#eee}.spacer{height:100vh;background-color:#333}.content{width:100%;height:300vh;display:flex;align-items:center;justify-content:center;position:relative}@media(max-width:700px){.content{height:200vh}}.content .joobin{height:35%;position:absolute;bottom:0;margin:0 auto;z-index:100}@media(max-width:700px){.content .joobin{width:100%;object-fit:contain;object-position:bottom center}}.box{width:100vw;margin-left:-30px;height:100vh;align-items:center;position:absolute;top:0;left:0}.box,.box .text{display:flex;justify-content:center}.box .text{font-size:13vh;letter-spacing:-.05em;line-height:1;opacity:1;flex-wrap:wrap;color:#ccc;flex-direction:column;margin:0 auto;gap:7px}.box .text,.box .text>div{width:100%;text-align:center}.box .text>div{left:0;overflow:hidden;font-weight:700;position:absolute;margin:auto}.box .text>div span{display:block}@media(max-width:700px){.box .text{font-size:50px;letter-spacing:-4px;line-height:65px}}.text .no-02 span,.text .no-03 span{opacity:0}.row-new{padding:0!important;max-width:1900px!important;display:flex;flex-direction:column;margin-bottom:100px!important}.row-new .mockup{width:100%;max-width:1400px}@media(max-width:700px){.row-new .mockup{margin:0 -30px;width:calc(100% + 60px)}}.row-new .mockup-pc{display:block}@media(max-width:700px){.row-new .mockup-pc{display:none}}.row-new .mockup-mobile{display:none}@media(max-width:700px){.row-new .mockup-mobile{display:block}}.row-new img{width:100%}.row-new .split{display:flex;margin:0 auto;gap:15px;padding:20px 0;max-width:900px}.row-new .split>*{width:50%}@media(max-width:700px){.row-new .split>*{width:100%}}.row-new .split h3{font-size:30px;font-weight:700}@media(max-width:700px){.row-new .split h3{font-size:24px}}.row-new .split p{font-size:19px}.column-new{display:flex;flex-direction:row;max-width:1400px!important;margin-bottom:0!important;gap:50px}@media(max-width:700px){.column-new{flex-direction:column;gap:30px}}.column-new .mockup{width:60%}.column-new .mockup img{width:100%}@media(max-width:700px){.column-new .mockup{margin:0 -30px;width:calc(100% + 60px)}}.column-new .side{width:40%}.column-new .side h3{font-size:30px;font-weight:700;padding-bottom:20px}@media(max-width:700px){.column-new .side h3{font-size:24px}}.column-new .side p{font-size:19px}@media(max-width:700px){.column-new .side{width:100%}}.new-section{padding-top:40px;display:inline-block;width:auto;min-width:auto}.new-section h1{font-size:50px;opacity:0;margin-right:auto}.new-section ul{margin-right:auto;padding:30px 0 0}.new-section li{font-size:20px;color:#777;margin-right:auto;padding:3px 0}@media(max-width:700px){.new-section h1{font-size:30px}}.layer{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.4);overscroll-behavior:none;z-index:10000;padding:30px;display:none;align-items:center;opacity:0;pointer-events:none}@media(max-width:700px){.layer{padding:10px;overflow-y:scroll}}.layer.move{pointer-events:all;display:flex;opacity:1}.layer .inner{margin:0 auto;width:100%;max-width:600px;background:#fff;padding:50px;pointer-events:visible;border-radius:20px}@media(max-width:700px){.layer .inner{padding:30px;border-radius:5px}}.layer .title{font-size:30px;font-weight:700}@media(max-width:700px){.layer .title{font-size:20px}}.layer .title span{padding-bottom:30px;padding-top:10px;display:block;font-size:15px;font-weight:400;opacity:1!important;color:#501eff}.layer .title span strong{font-weight:700!important}.layer p{padding:15px 0;display:flex;align-items:center}.layer p span{width:100px;color:#666;font-size:13px;font-weight:700}.layer p input{border:1px solid #ddd;border-radius:5px;width:calc(100% - 50px);height:40px;font-size:15px;padding:10px}.layer p input::placeholder{color:#bbb}.layer .btn-box{text-align:right;border-top:1px solid #eee;margin-top:20px;padding-top:20px}.layer .btn-box button{padding:12px 20px;font-weight:700;margin-left:4px}.layer .btn-box button.primary{background:#501eff;color:#fff}#video-outter{display:flex;justify-content:center;background:#292929;width:100%;padding-top:57.57%;position:relative}video{position:absolute;top:0;left:0;width:100%;height:100%}.sm-visible{display:none}@media(max-width:700px){.sm-visible{display:block}}.lg-visible{display:block}@media(max-width:700px){.lg-visible{display:none}}.cta-box{position:fixed;bottom:20px;left:0;width:100%;display:flex;justify-content:center;padding:0 20px;box-sizing:border-box;align-items:center}.cta-box .cta{background:#501eff;color:#fff;font-size:15px;font-weight:700;padding:20px;width:100%;max-width:400px;text-align:center;border-radius:10px;left:50%}.slider-container-outter{padding:120px 0}@media(max-width:700px){.slider-container-outter{margin:0 -30px;overflow:hidden}}.slider-container-outter .title{font-size:34px;font-weight:700;display:block;justify-self:flex-start;align-self:flex-start;width:100%;padding-bottom:20px;margin-bottom:40px}@media(max-width:700px){.slider-container-outter .title{font-size:23px}}.slide-container{width:100%;margin:60px auto;text-align:center}.slide-container .slick-slide{padding:0;width:500px;transition:all .2s;opacity:.5;transform:scale(.95)}.slide-container .slick-slide .company-box{margin-top:auto;height:140px;display:flex;flex-direction:column}.slide-container .slick-slide .company-box>div{margin-top:auto}.slide-container .slick-slide>div{flex:1 1 40%;background:#eef3f6;padding:40px;height:220px;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;font-size:17px;margin-top:auto;text-align:left;width:100%}.slide-container .slick-slide>div span{display:block;width:100%;text-align:right;font-weight:700}.slide-container .slick-slide>div span.company{opacity:.6}.slide-container .slick-slide.slick-center{transition:all .2s;opacity:1;transform:scale(1)}.slide-container{width:calc(100% + 100px)!important;max-width:calc(100% + 100px)!important;padding-left:0!important;padding-right:0!important;margin:0 -50px!important}@media(max-width:700px){.slide-container{margin:0!important;width:100%!important;max-width:100%!important}}.slick-dots{bottom:-30px!important}.slick-dots li{margin:0!important;padding:0!important;width:14px!important}@font-face{font-family:hf-pretendard;font-weight:700;src:local("hf-pretendard Bold"),url(https://habitfactory-assets.s3.ap-northeast-2.amazonaws.com/fonts/hf-Pretendard-subset-Bold.woff2) format("woff2")}@font-face{font-family:hf-pretendard;font-weight:400;src:local("hf-pretendard Regular"),url(https://habitfactory-assets.s3.ap-northeast-2.amazonaws.com/fonts/hf-Pretendard-subset-Regular.woff2) format("woff2")}.nav{top:0;padding:0 30px;position:fixed;z-index:10;left:0;width:100%}.nav,.nav.move{transition:all .2s;background:#fff}.nav.move .inner{height:60px;transition:all .2s}@media(max-width:700px){.nav{background:#fff}.nav,.nav .inner{transition:all .2s}.nav .inner{height:60px}}.nav .inner{max-width:1000px;transition:all .2s;margin:0 auto;display:flex;align-items:center;height:80px}@media(max-width:700px){.nav .inner{height:60px;padding:0}}.nav .inner span{display:block;width:auto;margin-left:auto;display:flex}.nav .inner span a,.nav .inner span img{display:block}.nav .inner .text-menu{gap:4px}.nav .inner .text-menu a{font-size:13px;line-height:1;color:#000;padding:12px 14px;border-radius:5px;margin:-2px 0 0}@media(max-width:700px){.nav .inner .text-menu a{font-weight:400;color:#444}}.nav .inner .text-menu a i{display:none}.nav .inner .text-menu a.primary{position:relative}.nav .inner .text-menu a.primary:after{content:"";width:1px;height:10px;position:absolute;left:0;background:#000;top:50%;margin-top:-5px;opacity:.2}@media(max-width:700px){.nav .inner .text-menu a.primary{display:none}}.nav .inner .text-menu a.kakao{margin-left:4px;font-weight:700;color:#000;align-items:center;vertical-align:middle;background:#fae100}.nav .inner .text-menu a.kakao svg{vertical-align:middle;display:inline-block;height:14px;margin-top:-3px;margin-right:4px;line-height:14px}@media(max-width:700px){.nav{padding:0 14px}}.nav img{height:25px;padding:0;width:auto}@media(max-width:700px){.nav img{height:25px}}.nav .btn-download{margin-left:auto;display:block;vertical-align:middle}.nav .btn-download img{height:35px;display:block}.footer-wrap .container{position:relative;max-width:980px;height:100%;margin:0 auto;padding:0 20px}.footer-wrap .icon{display:inline-block;color:transparent;background-repeat:no-repeat;background-size:contain;background-position:50%}.footer-wrap{text-align:left;overflow:hidden;background:#fafafa;font-size:17px;margin:0 -30px}@media(max-width:700px){.footer-wrap{padding-bottom:100px}}.footer-wrap z .container{max-width:980px;margin:0 auto;padding:0 20px}.footer-wrap .habit-logo{width:120px;height:28px;background-image:url(https://habitfactory.co/public/images/habit-logo.svg);margin-top:32px}.footer-company{margin-bottom:12px;margin-top:20px}.footer-wrap .footer-info-all{display:flex;gap:113px}@media(max-width:700px){.footer-wrap .footer-info-all{flex-direction:column;gap:20px}}.footer-wrap .info-list{margin-top:14px;color:#828282;font-size:13px;line-height:1.5}.footer-wrap .info-list span{display:block}.footer-wrap .info-list .bar,.footer-wrap .info-list br{display:none}.footer-wrap .help-list{margin-top:18px}.footer-wrap .help-list li{display:inline-block;color:#828282;font-size:12px;margin-bottom:2px}.footer-wrap .help-list li a{color:#828282}.footer-wrap .botom{position:relative;margin:30px 0 80px}.footer-wrap .botom>span{display:block}.footer-wrap .botom .copyright{font-size:12px;color:#828282}.footer-wrap .botom .term{margin-top:14px}.footer-wrap .botom .term a{display:inline-block;margin:0 6px;font-weight:700;font-size:12px;color:#828282}.footer-wrap .botom .channel{margin-top:30px}.footer-wrap .botom .channel a{vertical-align:middle}.footer-wrap .botom .channel .oneboon{width:60px;height:16px;background-image:url(/public/images/oneboon-logo.svg)}.footer-wrap .botom .channel .facebook{width:26px;height:26px;background-image:url(/public/images/facebook-icon.svg);margin-left:20px}.footer-wrap .foot-nav{padding-top:40px;display:flex;padding-bottom:40px}@media(max-width:700px){.footer-wrap .foot-nav{flex-direction:column;padding-top:0}}.footer-wrap .foot-nav ul{padding:0;margin:0;width:33%}@media(max-width:700px){.footer-wrap .foot-nav ul{text-align:left;padding-top:40px;width:100%;font-size:14px}}.footer-wrap .foot-nav strong{font-weight:700;padding-bottom:20px;display:block}@media(max-width:700px){.footer-wrap .foot-nav strong{padding-bottom:0}}.footer-wrap .foot-nav li{padding-bottom:10px}.footer-wrap .foot-nav li a{color:#999}@media(max-width:700px){.footer-wrap .foot-nav li{display:inline-block;width:47%}.footer-wrap .foot-nav li:first-child{width:100%}}.footer-wrap .foot-nav li i{font-size:12px;opacity:.7;margin-left:5px}.footer-wrap .ch{padding-top:40px}.footer-wrap .ch a{margin-right:10px}@media(min-width:1024px){.footer-wrap{text-align:left}.footer-wrap .habit-logo{width:247px;height:28px;margin-top:32px}.footer-wrap .info-list span{display:inline-block}.footer-wrap .info-list br{display:block}.footer-wrap .info-list .bar{display:inline-block;margin:0 6px;color:#e0e0e0}.footer-wrap .help-list{max-width:600px}.footer-wrap .help-list li{float:left;margin:0 8px 6px 0;font-size:13px}.footer-wrap .botom{margin:30px 0 48px}.footer-wrap .botom>span{display:inline-block;vertical-align:super}.footer-wrap .botom .copyright{margin-right:40px}.footer-wrap .botom .term{margin-top:0}.footer-wrap .botom .term a{font-size:13px;margin:0 20px 0 0}.footer-wrap .botom .channel{position:absolute;right:0;bottom:0;margin-top:0}}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/_next/static/media/ajax-loader.0b80f665.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(/_next/static/media/slick.25572f22.eot);src:url(/_next/static/media/slick.25572f22.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/slick.653a4cbb.woff) format("woff"),url(/_next/static/media/slick.6aa1ee46.ttf) format("truetype"),url(/_next/static/media/slick.f895cfdf.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}