@charset "UTF-8";@font-face{font-family:hf-pretendard;src:url(https://habitfactory-assets.s3.ap-northeast-2.amazonaws.com/fonts/hf-Pretendard-subset-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:hf-pretendard;src:url(https://habitfactory-assets.s3.ap-northeast-2.amazonaws.com/fonts/hf-Pretendard-subset-Bold.woff2) format("woff2");font-weight:700;font-style:normal}*{box-sizing:border-box;color:#212529;font-family:hf-pretendard,"Apple SD Gothic Neo","맑은 고딕",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,div,h1,h2,h3,h4,html,li,nav,ol,p,section,ul{margin:0;padding:0}html{height:-webkit-fill-available}body{background-color:#fff;min-width:320px;line-height:1.3;letter-spacing:-.025em;-webkit-text-size-adjust:none;font-size:15px;min-height:100vh;min-height:-webkit-fill-available}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}dd,dl,dt,li,nav,ul{list-style:none;margin:0;padding:0}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0;text-decoration:none}button{border:0;outline:0}strong{color:inherit}input,select,textarea{vertical-align:middle;outline:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:none;resize:none;outline:0}.icon{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:center;color:transparent!important}.none{display:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.wrap{min-height:480px}main{position:relative}header{position:fixed;top:0;left:0;right:0;z-index:99;width:100%;height:60px;transition:.3s;border-bottom:1px solid transparent}header .container{position:relative;display:flex;justify-content:space-between;height:100%;padding:0 14px}header .container>*{display:flex;align-items:center}header .container .logo a{display:block;background-image:url(/public/images/customer/homepage/sp-logo.png);width:120px;height:32px;margin-top:-6px}@media (max-width:700px){header .container .logo a{margin-top:0}}header .container nav{position:absolute;left:0;top:59px;width:100%;margin:0;max-height:0;opacity:0;margin:0;box-shadow:0 4px 4px rgba(0,0,0,.1);overflow:hidden;transition:opacity .3s}header .container nav>ul{width:inherit}header .container nav>ul>li{background-color:#fff}header .container nav>ul>li:last-child{padding-bottom:10px}header .container nav>ul>li>a{display:block;font-size:15px;color:#555;padding:16px 20px;text-align:center}header .right-menu>*{justify-content:center;align-items:center;margin-left:8px;transition:.3s}header .right-menu>.app-btn{font-size:11px;color:#fff;background-color:#501eff;padding:8px 12px;border-radius:8px;font-weight:700}header .right-menu>.menu-btn{width:28px;height:28px;background-image:url(/public/images/customer/homepage/sp-menu-btn.svg)}.on{background-color:#fff}.on .container nav{opacity:1;max-height:100vh;height:initial}.on .container .right-menu>.menu-btn{background-image:url(/public/images/customer/homepage/sp-menu-close-btn.svg)}.scroll{background-color:#fff;border-bottom:1px solid #f2f2f2}@media (min-width:1200px){header{height:90px}header .container .logo a{width:133px;height:36px}header .container .right-menu>.menu-btn{display:none}header .container nav{position:absolute;left:200px;top:28px;width:auto;opacity:1;max-height:inherit;box-shadow:none}header .container nav>ul{display:flex}header .container nav>ul>li{background-color:transparent;margin-right:20px}header .container nav>ul>li>a{font-size:16px;padding:4px}header .container nav>ul>li>a:hover{font-weight:700}header .right-menu>.app-btn{opacity:1;pointer-events:auto;font-size:14px;font-weight:700;line-height:1em;padding:12px 24px 12px;color:#501eff;background-color:transparent;border:2px solid #501eff;border-radius:20px}.scroll .container .right-menu>.app-btn{color:#fff;background-color:#501eff}}section{padding:80px 0;overflow:hidden}section.center{text-align:center}section.new{padding:40px 24px}@media (min-width:700px){section.new{margin:0 auto;padding:40px 50px;padding-bottom:100px;padding-top:0;max-width:1000px;display:flex;justify-content:space-between;width:100%;position:relative;overflow:visible;align-items:center}}section.new-single{display:block}@media (min-width:700px){section.new-single{padding-top:80px}section.new-single>div{width:100%!important}section.new-single .slide{padding-top:50px}}@media (min-width:700px){section.new:nth-child(2){flex-direction:row-reverse}}@media (min-width:700px){section .title-box{width:calc(40% - 30px)}}section .title-box .sub-title{font-weight:700;color:#501eff;font-size:24px}section .slide{width:calc(100% + 48px);box-sizing:border-box;margin:0 -24px;overflow-y:scroll;padding:20px;padding-top:40px}section .slide::-webkit-scrollbar{display:none}@media (min-width:700px){section .slide{width:60%;overflow:visible;margin-top:30px;padding:0}}section .slide .inner{width:160%;border-radius:25px}@media (min-width:700px){section .slide .inner{width:100%}}section .slide .inner .split{display:flex;flex-direction:row;padding:0 10%;justify-content:space-between;width:100%;padding-bottom:20px}@media (min-width:700px){section .slide .inner .split{padding:0;overflow:visible}}section .slide .inner .split img{width:calc(50% - 20px);height:auto;filter:drop-shadow(10px 10px 9px rgba(0, 0, 0, .2));object-fit:contain}@media (min-width:700px){section .slide .inner .split img{width:calc(50% - 10px)}}section .slide .inner-single{width:230%;padding-bottom:0;margin-bottom:-20px}section .slide .inner-single .single{padding-bottom:0}section .slide .inner-single .single img{width:100%}@media (min-width:700px){section .slide .inner-single{width:100%;margin:0}}section .sub-title-box{font-size:16px;font-weight:700;padding-top:20px}@media (max-width:700px){section .sub-title-box{margin-bottom:50px}}section .sub-title-box .sub-title{color:#501eff}@media (min-width:700px){section .sub-title-box .sub-title{font-size:.6em}}section .sub-title-box h3{opacity:.5}@media (min-width:700px){section .sub-title-box{font-size:22px;padding-top:10px;padding-bottom:50px}}section h2{font-size:24px}section h2>strong{position:relative;z-index:1;color:#501eff}section h2>strong::after{content:"";position:absolute;z-index:-1;bottom:2px;left:0;right:0;height:8px;background-color:#fff000}section .app-btn{display:inline-block;background-color:#501eff;color:#fff;font-weight:700}@media (min-width:500px){.m-br{display:none}}@media (min-width:768px){section h2{font-size:32px}}@media (min-width:1200px){section{padding:150px 0}section h2{font-size:38px}section h2>strong::after{height:12px;bottom:4px}.app-btn{transition:.3s}.app-btn:hover{transform:translateY(-3px);box-shadow:0 4px 14px rgba(0,0,0,.3);background-color:#501eff}}body,html{min-height:100%;height:100%;word-break:keep-all}.head-sec{text-align:center;overflow:hidden;padding-top:0;display:block;padding-bottom:0;color:#fff;height:100%}.head-sec .container{text-align:left;height:100%;box-sizing:border-box;position:relative;display:flex;justify-content:center;align-items:center}.head-sec .container .inner{display:flex;flex-direction:column}.head-sec h2{font-size:70px;color:#fff;line-height:1.2}@media (min-width:700px){.head-sec h2{font-size:120px}.head-sec h2 br{display:none}}@media (max-width:700px){.head-sec h2{font-size:80px;text-align:center}}.head-sec .app-btn{font-size:16px;line-height:1em;border-radius:14px;padding:18px 30px 18px;position:absolute;bottom:60px;left:20px;width:calc(100% - 40px);text-align:center;z-index:3}@media (max-width:700px){.head-sec .app-btn{margin:0 auto;margin-top:30px}}@media (min-width:700px){.head-sec .app-btn{max-width:160px;margin:0 auto;margin-bottom:auto;position:static!important;margin-top:20px;border-radius:8px!important}}.head-sec .arrow{position:absolute;animation:arrowBounce 2s infinite ease-in-out;bottom:30px;left:50%;margin-left:-15px;width:30px;z-index:20}@keyframes arrowBounce{0%,100%{transform:translateY(0)}40%{transform:translateY(5px)}}@media (max-width:700px){.head-sec .arrow{width:20px;margin-left:-10px}}.joobin-footer{text-align:center;font-size:22px;font-weight:700;padding-bottom:0;position:relative;background:#f4f7ff}@media (min-width:700px){.joobin-footer{font-size:50px}}.joobin-footer .title-text{color:#777!important}.joobin-footer .title-text .sub{color:#000!important}.joobin-footer span{opacity:.5;display:block}.joobin-footer strong{color:#501eff;margin-top:8px}.joobin-footer:before{content:"";display:block;background:#f3f3f3;position:absolute;width:100%;height:200px;z-index:-1;left:0;bottom:0}.joobin-footer img{margin:0 auto;margin-top:20px;width:100%;max-width:330px;display:block}@media (min-width:700px){.joobin-footer img{max-width:600px}}.reason-sec{background-color:#fff}.reason-sec .bubble-list{margin-top:30px}.reason-sec .bubble-list>li{text-align:center;margin-bottom:30px}.reason-sec .bubble-list>li>.bubble{position:relative;background-color:#fff;border-radius:1em;box-shadow:0 7px 10px rgba(0,0,0,.1),0 10px 34px rgba(0,0,0,.1);margin-bottom:20px;font-weight:700;font-size:14px;color:#777;padding:20px 0 24px}.reason-sec .bubble-list>li>.bubble::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:0;border:10px solid transparent;border-top-color:#fff;border-bottom:0;margin-left:-10px;margin-bottom:-10px}.reason-sec .bubble-list>li>.bubble>strong{color:#222}.reason-sec .bubble-list>li>img{display:inline-block;width:80px;height:80px}@media (min-width:768px){.reason-sec .bubble-list{margin-top:50px}.reason-sec .bubble-list>li{max-width:60%;margin:0 auto 30px}.reason-sec .bubble-list>li>.bubble{font-size:18px;padding:30px 0 36px}}@media (min-width:1200px){.reason-sec .bubble-list{display:flex;justify-content:space-between}.reason-sec .bubble-list>li{width:32%;margin:0}.reason-sec .bubble-list>li>img{width:100px;height:100px}}.symbol-sec{background-color:#f4f7ff}.symbol-sec h2{font-size:140%}.symbol-sec .symbol-list{display:flex;align-items:center;justify-content:center;margin-top:30px}.symbol-sec .symbol-list>li{position:relative;width:20%;margin:0 -1%}.symbol-sec .symbol-list>li>img{max-width:100%;box-shadow:0 17px 21px rgba(82,117,255,.2);border-radius:1em}.symbol-sec .symbol-list>li:nth-child(1),.symbol-sec .symbol-list>li:nth-child(5){width:13%}.symbol-sec .symbol-list>li:nth-child(2),.symbol-sec .symbol-list>li:nth-child(4){z-index:1}.symbol-sec .symbol-list>li:nth-child(3){z-index:2;width:35%;margin:0 -2%}.symbol-sec .symbol-list>li:nth-child(3)>img{border-radius:1.6em;box-shadow:0 12px 20px rgba(82,117,255,.3),0 30px 50px rgba(82,117,255,.3)}@media (min-width:768px){.symbol-sec h2{font-size:32px}}@media (min-width:1200px){.symbol-sec h2{font-size:38px}.symbol-sec .symbol-list{margin-top:50px}.symbol-sec .symbol-list>li:nth-child(3){width:40%;margin:0 -10%}.symbol-sec .symbol-list>li:nth-child(3)>img{border-radius:2.5em}.symbol-sec .symbol-list>li>img{border-radius:2em}}.strength-sec{background-color:#fff}.strength-sec ol>li{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:40px}.strength-sec ol>li:last-child{margin-bottom:0}.strength-sec ol>li>img{order:2;max-width:100%}.strength-sec .txt-box{order:1;text-align:center}.strength-sec .txt-box>.number{display:inline-block;width:30px;height:30px;line-height:28px;border-radius:50%;background-color:#501eff;color:#fff;font-size:15px;font-weight:700;margin-bottom:8px;text-align:center}.strength-sec .txt-box>h3{margin-bottom:12px;font-size:21px}.strength-sec .txt-box>ul>li{font-size:13px;color:#777;margin-bottom:3px;word-break:keep-all}@media (min-width:768px){.strength-sec .txt-box>h3{font-size:32px;margin-bottom:24px}.strength-sec .txt-box>ul>li{font-size:16px}.strength-sec ol>li>img{max-width:500px}}@media (min-width:1200px){.strength-sec ol>li{flex-direction:row;margin-bottom:120px}.strength-sec ol>li>img{width:50%}.strength-sec ol>li:nth-child(odd)>img{order:1}.strength-sec .txt-box{width:50%;text-align:left;margin-bottom:5vh}.strength-sec .txt-box>h3{font-size:38px}.strength-sec .txt-box>ul>li{position:relative;padding-left:10px;margin-bottom:8px}.strength-sec .txt-box>ul>li::before{content:"";position:absolute;left:0;top:calc(50% - 1.5px);display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#ccc}}.review-sec{background-color:#f4f7ff}.review-sec .score{display:block;font-size:15px;position:relative;overflow:hidden;margin-left:8px}.review-sec .score-wrap{display:inline-block;position:relative;height:19px;text-align:left}.review-sec .score .stars-active{position:absolute;z-index:10;display:inline-block;overflow:hidden;white-space:nowrap}.review-sec .score .stars-active i{color:#501eff}.review-sec .score .stars-inactive{-webkit-text-stroke:initial}.review-sec .score .stars-inactive i{color:#fff}.review-sec .review-list{margin-top:36px}.review-sec .review-list ul{display:flex;align-content:stretch}.review-sec .review-list ul>li{position:relative;opacity:.5;height:auto;padding:30px 30px 36px 30px;border-radius:1em;box-shadow:0 10px 24px rgba(92,124,250,.2);background-color:#fff;display:flex;flex-direction:column;justify-content:center}.review-sec .review-list ul>li.swiper-slide-active{opacity:1}.review-sec .review-list ul>li>p{color:#555;font-weight:700;font-size:14px;word-break:keep-all;text-align:left;line-height:1.4}.review-sec .review-list ul>li>.writer{font-size:14px;font-weight:700;margin-top:24px;display:flex;justify-content:space-between;align-items:center;color:#501eff}.review-sec .review-list ul>li>.writer .writer-name-and-rating{display:flex;align-items:center}.review-sec .review-list ul>li .writer-date{color:#501eff}.review-sec .review-list ul>li .score .stars-inactive i{color:#ddd}.review-sec .review-list .swiper-pagination{position:relative;bottom:auto;margin:20px auto 0;display:none}.review-sec .review-list .swiper-pagination-bullet-active{background-color:#222}@media (min-width:768px){.review-sec .rating{margin-top:24px}.review-sec .rating>li{margin:0 2px;width:28px}.review-sec .review-list{overflow:visible;max-width:600px;margin:50px auto 0}.review-sec .review-list ul>li{padding:40px 50px 50px 50px}.review-sec .review-list ul>li>p{font-size:16px}.review-sec .review-list ul>li .writer{font-size:16px;margin-top:30px}.review-sec .review-list ul>li .writer-rating{width:96px;height:15px;margin:1px 0 0 10px}.review-sec .swiper-pagination{margin-top:30px}.review-sec .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:10px;height:10px;margin:0 6px}}@media (max-width:600px){.float-cta-sec{opacity:0;background:#fff;padding:30px 20px 20px;position:-webkit-sticky;position:sticky;bottom:-16px;transition:.5s}.float-cta-sec>p{font-weight:700;font-size:14px;color:#501eff;margin-bottom:10px}.float-cta-sec>.submit-btn{display:flex;justify-content:center;align-items:center;font-weight:700;font-size:16px;color:#fff;padding:18px 22px 22px;background:#501eff;border-radius:10px}.float-cta-sec.scroll{opacity:1;z-index:98;background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 12%);bottom:0}}@media (min-width:601px){.float-cta-sec{display:none}}.review-toast-sec{opacity:0;padding:30px 20px 20px;position:-webkit-sticky;position:sticky;bottom:0;right:0;transition:.5s;border:none}.review-toast-sec.scroll{opacity:1;z-index:99;bottom:105px;background-color:transparent}@media (min-width:601px){.review-toast-sec{position:fixed;right:-30px}.review-toast-sec.scroll{right:0;bottom:0}}.review-toast{width:calc(100% - 20px);height:70px;border-radius:35px;box-shadow:0 2px 10px rgba(73,80,87,.2);background-color:#fff;padding:15px 5px 15px 15px;margin:0 auto 10px auto}@media (min-width:601px){.review-toast{width:320px;margin-left:auto}}a.review-toast-sec{display:block}a.review-toas-sect:hover,a.review-toast-sec,a.review-toast-sec:active,a.review-toast-sec:visited{text-decoration:none}.review-toast *{text-align:left}.review-toast .icon{width:40px;height:40px;display:block}.review-toast .text{font-size:13px;font-weight:700;color:#495057}@media only screen and (max-width:374px){.review-toast{width:100%;height:60px;padding:12px 0 12px 12px}.review-toast .icon{width:36px;height:36px}.review-toast .text{font-size:12px}}@media (min-width:500px){.review-toast{max-width:340px}}.counter-sec{padding-top:0}.counter-sec .key-img{width:100%;margin-bottom:100px}.counter-sec .container>h2{color:#000;font-size:19px}.counter-sec .container>h2>strong{color:#501eff;font-size:42px;padding:7px 0}.counter-sec .container>h2>strong::after{background-color:#fff000;margin-bottom:8px}.counter-sec .container>h2 .counter,.counter-sec .container>h2 .counter *{color:#501eff}.counter-sec .container>h2 .counter{line-height:1}.counter-sec .container>h2 .counter .digit-comma,.counter-sec .container>h2 .counter .digit-slot{vertical-align:top!important}.counter-sec .container>h2 .unit{display:inline-block;line-height:1;vertical-align:top}.counter-sec .container>p{color:#222;font-size:18px;margin-top:16px}.counter-sec .app-btn{font-size:18px;line-height:1;box-shadow:0 10px 24px rgba(0,0,0,.4);border-radius:40px;padding:21px 50px 21px;margin-top:30px}@media (min-width:768px){.counter-sec{padding-top:80px}.counter-sec .container>h2{font-size:32px}.counter-sec .container>h2>strong{font-size:32px}.counter-sec .container>p{font-size:18px;margin-top:24px}.counter-sec .app-btn{font-size:21px;padding:23px 50px 23px;border-radius:50px;margin-top:50px}}@media (min-width:1200px){.counter-sec .container>h2{font-size:42px}.counter-sec .container>h2>strong{font-size:42px}}.footer-wrap{text-align:left;overflow:hidden;background:#fafafa}.footer-wrap .container{max-width:980px;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-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 0}.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}}.car-btn{position:fixed;bottom:10px;right:10px;opacity:0;pointer-events:none;z-index:10000;transition:all .2s;transform:translateY(40px);display:none}@media (max-width:700px){.car-btn{display:block}}.car-btn.move{transition:all .2s;transform:translateY(0);pointer-events:auto;opacity:1}.car-btn img{width:240px;border-radius:20px}
/*# sourceMappingURL=../maps/customer/index.css.map */