.container{padding:0 30px}.container .key{background:#000 0 0/cover;width:100vw;height:100vh;margin:0 -30px;position:relative;overflow:hidden}@media (max-width:700px){.container .key{border-radius:0;width:calc(100% + 60px);height:100vh}}.container .key h1{width:100%;height:100%;font-size:20 px;color:#fff;letter-spacing:-1px;text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:-100px 0 0;font-size:70px;font-weight:700;line-height:1.2;display:flex;position:absolute;top:50%}.container .key h1 span{margin-top:auto;padding-top:60px}.container .key h1 small{margin-bottom:auto;padding:20px 0 0;font-size:24px}.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{letter-spacing:-1px;padding:20px;font-size:40px}.container .key h1 small{letter-spacing:-1px;font-size:20px;display:block;line-height:24px!important}}.container .key video{object-fit:cover;opacity:.9;background-image:url(/public/images/video-thumbnail.jpg);background-position:50%;background-size:cover;width:100%;height:100vh;position:absolute;top:0;left:0}.container section{align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:100px 30px;display:flex}@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{place-self:flex-start;width:100%;padding-bottom:20px;font-size:34px;font-weight:700;display:block}@media (max-width:700px){.container section .title{font-size:23px}}.container section p{color:#868e96;font-size:17px;line-height:1.6}.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{flex-direction:row;gap:20px;width:100%;margin-top:20px;display:flex}@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{gap:20px;display:flex}@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{width:100%;margin-top:20px}.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{flex-flow:wrap;gap:20px;margin-left:20px;display:flex}@media (max-width:700px){.container section .comment{flex-direction:column;margin-left:0}}.container .companys{flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:-40px;padding-top:30px;display:flex}@media (max-width:700px){.container .companys{letter-spacing:-1pxher;flex-wrap:wrap;justify-content:flex-start;gap:20px;font-size:12px}}.container .companys>div{text-align:center;width:20%}.container .companys>div img{margin:40px auto 0;display:block;width:120px!important}@media (max-width:700px){.container .companys>div img{width:90px!important}}.hero{color:#fff;background:url(/images/flow/img-counsel.jpg) 100% 100%/cover no-repeat;flex-direction:column;width:calc(100% + 60px);max-width:1400px;height:600px;margin:0 auto;font-size:40px;font-weight:700;display:flex;margin-bottom:100px!important}@media (max-width:700px){.hero{text-align:left;margin:0 -30px}}.hero>div{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hero>div small{opacity:.8;padding-top:20px;padding-bottom:20px;font-size:15px;display:block}@media (max-width:700px){.hero{background-position:0 100%;height:470px;font-size:30px}}.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{text-align:left;background:#fafafa;overflow:hidden}.footer-wrap .container{max-width:980px;height:100%;margin:0 auto;padding:0 20px;position:relative}.footer-wrap .icon{color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.footer-wrap{text-align:left;background:#fafafa;margin:0 -30px;font-size:17px;overflow:hidden}@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{background-image:url(https://habitfactory.co/public/images/habit-logo.svg);width:120px;height:28px;margin-top:32px}.footer-company{margin-top:20px;margin-bottom:12px}.footer-wrap .footer-info-all{gap:113px;display:flex}@media (max-width:700px){.footer-wrap .footer-info-all{flex-direction:column;gap:20px}}.footer-wrap .info-list{color:#828282;margin-top:14px;font-size:13px;line-height:1.5}.footer-wrap .info-list span{display:block}.footer-wrap .info-list br,.footer-wrap .info-list .bar{display:none}.footer-wrap .help-list{margin-top:18px}.footer-wrap .help-list li{color:#828282;margin-bottom:2px;font-size:12px;display:inline-block}.footer-wrap .help-list li a{color:#828282}.footer-wrap .botom{margin:30px 0 80px;position:relative}.footer-wrap .botom>span{display:block}.footer-wrap .botom .copyright{color:#828282;font-size:12px}.footer-wrap .botom .term{margin-top:14px}.footer-wrap .botom .term a{color:#828282;margin:0 6px;font-size:12px;font-weight:700;display:inline-block}.footer-wrap .botom .channel{margin-top:30px}.footer-wrap .botom .channel a{vertical-align:middle}.footer-wrap .botom .channel .oneboon{background-image:url(/images/oneboon-logo.svg);width:60px;height:16px}.footer-wrap .botom .channel .facebook{background-image:url(/images/facebook-icon.svg);width:26px;height:26px;margin-left:20px}.footer-wrap .foot-nav{padding-top:40px;padding-bottom:40px;display:flex}@media (max-width:700px){.footer-wrap .foot-nav{flex-direction:column;padding-top:0}}.footer-wrap .foot-nav ul{width:33%;margin:0;padding:0}@media (max-width:700px){.footer-wrap .foot-nav ul{text-align:left;width:100%;padding-top:40px;font-size:14px}}.footer-wrap .foot-nav strong{padding-bottom:20px;font-weight:700;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{width:47%;display:inline-block}.footer-wrap .foot-nav li:first-child{width:100%}}.footer-wrap .foot-nav li i{opacity:.7;margin-left:5px;font-size:12px}.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{color:#e0e0e0;margin:0 6px;display:inline-block}.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{vertical-align:super;display:inline-block}.footer-wrap .botom .copyright{margin-right:40px}.footer-wrap .botom .term{margin-top:0}.footer-wrap .botom .term a{margin:0 20px 0 0;font-size:13px}.footer-wrap .botom .channel{margin-top:0;position:absolute;bottom:0;right:0}}hr.line{background:#eee;border:none;max-width:960px;height:1px;margin:0 auto;padding:0}.spacer{background-color:#333;height:100vh}.content{justify-content:center;align-items:center;width:100%;height:300vh;display:flex;position:relative}@media (max-width:700px){.content{height:200vh}}.content .joobin{z-index:100;height:35%;margin:0 auto;position:absolute;bottom:0}@media (max-width:700px){.content .joobin{object-fit:contain;object-position:bottom center;width:100%}}.box{justify-content:center;align-items:center;width:100vw;height:100vh;margin-left:-30px;display:flex;position:absolute;top:0;left:0}.box .text{letter-spacing:-.05em;opacity:1;color:#ccc;text-align:center;flex-flow:column wrap;justify-content:center;gap:7px;width:100%;margin:0 auto;font-size:13vh;line-height:1;display:flex}.box .text>div{text-align:center;width:100%;margin:auto;font-weight:700;position:absolute;left:0;overflow:hidden}.box .text>div span{display:block}@media (max-width:700px){.box .text{letter-spacing:-4px;font-size:50px;line-height:65px}}.text .no-02 span,.text .no-03 span{opacity:0}.row-new{flex-direction:column;display:flex;max-width:1900px!important;margin-bottom:100px!important;padding:0!important}.row-new .mockup{width:100%;max-width:1400px}@media (max-width:700px){.row-new .mockup{width:calc(100% + 60px);margin:0 -30px}}.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{gap:15px;max-width:900px;margin:0 auto;padding:20px 0;display:flex}.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{flex-direction:row;gap:50px;display:flex;max-width:1400px!important;margin-bottom:0!important}@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{width:calc(100% + 60px);margin:0 -30px}}.column-new .side{width:40%}.column-new .side h3{padding-bottom:20px;font-size:30px;font-weight:700}@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{width:auto;min-width:auto;padding-top:40px;display:inline-block}.new-section h1{opacity:0;margin-right:auto;font-size:50px}.new-section ul{margin-right:auto;padding:30px 0 0}.new-section li{color:#777;margin-right:auto;padding:3px 0;font-size:20px}@media (max-width:700px){.new-section h1{font-size:30px}}.layer{overscroll-behavior:none;z-index:10000;opacity:0;pointer-events:none;background:#0006;align-items:center;width:100%;height:100%;padding:30px;display:none;position:fixed;top:0;left:0}@media (max-width:700px){.layer{padding:10px;overflow-y:scroll}}.layer.move{pointer-events:all;opacity:1;display:flex}.layer .inner{pointer-events:visible;background:#fff;border-radius:20px;width:100%;max-width:600px;margin:0 auto;padding:50px}@media (max-width:700px){.layer .inner{border-radius:5px;padding:30px}}.layer .title{font-size:30px;font-weight:700}@media (max-width:700px){.layer .title{font-size:20px}}.layer .title span{color:#501eff;padding-top:10px;padding-bottom:30px;font-size:15px;font-weight:400;display:block;opacity:1!important}.layer .title span strong{font-weight:700!important}.layer p{align-items:center;padding:15px 0;display:flex}.layer p span{color:#666;width:100px;font-size:13px;font-weight:700}.layer p input{border:1px solid #ddd;border-radius:5px;width:calc(100% - 50px);height:40px;padding:10px;font-size:15px}.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{margin-left:4px;padding:12px 20px;font-weight:700}.layer .btn-box button.primary{color:#fff;background:#501eff}#video-outter{background:#292929;justify-content:center;width:100%;padding-top:57.57%;display:flex;position:relative}video{width:100%;height:100%;position:absolute;top:0;left:0}.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{box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:0 20px;display:flex;position:fixed;bottom:20px;left:0}.cta-box .cta{color:#fff;text-align:center;background:#501eff;border-radius:10px;width:100%;max-width:400px;padding:20px;font-size:15px;font-weight:700;left:50%}.slider-container-outter{padding:120px 0}@media (max-width:700px){.slider-container-outter{margin:0 -30px;overflow:hidden}}.slider-container-outter .title{place-self:flex-start;width:100%;margin-bottom:40px;padding-bottom:20px;font-size:34px;font-weight:700;display:block}@media (max-width:700px){.slider-container-outter .title{font-size:23px}}.slide-container{text-align:center;width:100%;margin:60px auto}.slide-container .slick-slide{opacity:.5;width:500px;padding:0;transition:all .2s;transform:scale(.95)}.slide-container .slick-slide .company-box{flex-direction:column;height:140px;margin-top:auto;display:flex}.slide-container .slick-slide .company-box>div{margin-top:auto}.slide-container .slick-slide>div{text-align:left;background:#eef3f6;border-radius:20px;flex-direction:column;flex:40%;justify-content:space-between;width:100%;height:220px;margin-top:auto;padding:40px;font-size:17px;display:flex}.slide-container .slick-slide>div span{text-align:right;width:100%;font-weight:700;display:block}.slide-container .slick-slide>div span.company{opacity:.6}.slide-container .slick-slide.slick-center{opacity:1;transition:all .2s;transform:scale(1)}.slide-container{width:calc(100% + 100px)!important;max-width:calc(100% + 100px)!important;margin:0 -50px!important;padding-left:0!important;padding-right:0!important}@media (max-width:700px){.slide-container{width:100%!important;max-width:100%!important;margin:0!important}}.slick-dots{bottom:-30px!important}.slick-dots li{width:14px!important;margin:0!important;padding:0!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{z-index:10;background:#fff;width:100%;padding:0 30px;transition:all .2s;position:fixed;top:0;left:0}.nav.move{background:#fff;transition:all .2s}.nav.move .inner{height:60px;transition:all .2s}@media (max-width:700px){.nav{background:#fff;transition:all .2s}.nav .inner{height:60px;transition:all .2s}}.nav .inner{align-items:center;max-width:1000px;height:80px;margin:0 auto;transition:all .2s;display:flex}@media (max-width:700px){.nav .inner{height:60px;padding:0}}.nav .inner span{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{color:#000;border-radius:5px;margin:-2px 0 0;padding:12px 14px;font-size:13px;line-height:1}@media (max-width:700px){.nav .inner .text-menu a{color:#444;font-weight:400}}.nav .inner .text-menu a i{display:none}.nav .inner .text-menu a.primary{position:relative}.nav .inner .text-menu a.primary:after{content:"";opacity:.2;background:#000;width:1px;height:10px;margin-top:-5px;position:absolute;top:50%;left:0}@media (max-width:700px){.nav .inner .text-menu a.primary{display:none}}.nav .inner .text-menu a.kakao{color:#000;vertical-align:middle;background:#fae100;align-items:center;margin-left:4px;font-weight:700}.nav .inner .text-menu a.kakao svg{vertical-align:middle;height:14px;margin-top:-3px;margin-right:4px;line-height:14px;display:inline-block}@media (max-width:700px){.nav{padding:0 14px}}.nav img{width:auto;height:25px;padding:0}@media (max-width:700px){.nav img{height:25px}}.nav .btn-download{vertical-align:middle;margin-left:auto;display:block}.nav .btn-download img{height:35px;display:block}input[type=checkbox]{appearance:checkbox}
.footer-wrap{text-align:left;background:#fafafa;overflow:hidden}.footer-wrap .container{max-width:980px;height:100%;margin:0 auto;padding:0 20px;position:relative}.footer-wrap .icon{color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.footer-wrap{text-align:left;background:#fafafa;margin:0 -30px;font-size:17px;overflow:hidden}@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{background-image:url(https://habitfactory.co/public/images/habit-logo.svg);width:120px;height:28px;margin-top:32px}.footer-company{margin-top:20px;margin-bottom:12px}.footer-wrap .footer-info-all{gap:113px;display:flex}@media (max-width:700px){.footer-wrap .footer-info-all{flex-direction:column;gap:20px}}.footer-wrap .info-list{color:#828282;margin-top:14px;font-size:13px;line-height:1.5}.footer-wrap .info-list span{display:block}.footer-wrap .info-list br,.footer-wrap .info-list .bar{display:none}.footer-wrap .help-list{margin-top:18px}.footer-wrap .help-list li{color:#828282;margin-bottom:2px;font-size:12px;display:inline-block}.footer-wrap .help-list li a{color:#828282}.footer-wrap .botom{margin:30px 0 80px;position:relative}.footer-wrap .botom>span{display:block}.footer-wrap .botom .copyright{color:#828282;font-size:12px}.footer-wrap .botom .term{margin-top:14px}.footer-wrap .botom .term a{color:#828282;margin:0 6px;font-size:12px;font-weight:700;display:inline-block}.footer-wrap .botom .channel{margin-top:30px}.footer-wrap .botom .channel a{vertical-align:middle}.footer-wrap .botom .channel .oneboon{background-image:url(/public/images/oneboon-logo.svg);width:60px;height:16px}.footer-wrap .botom .channel .facebook{background-image:url(/public/images/facebook-icon.svg);width:26px;height:26px;margin-left:20px}.footer-wrap .foot-nav{padding-top:40px;padding-bottom:40px;display:flex}@media (max-width:700px){.footer-wrap .foot-nav{flex-direction:column;padding-top:0}}.footer-wrap .foot-nav ul{width:33%;margin:0;padding:0}@media (max-width:700px){.footer-wrap .foot-nav ul{text-align:left;width:100%;padding-top:40px;font-size:14px}}.footer-wrap .foot-nav strong{padding-bottom:20px;font-weight:700;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{width:47%;display:inline-block}.footer-wrap .foot-nav li:first-child{width:100%}}.footer-wrap .foot-nav li i{opacity:.7;margin-left:5px;font-size:12px}.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{color:#e0e0e0;margin:0 6px;display:inline-block}.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{vertical-align:super;display:inline-block}.footer-wrap .botom .copyright{margin-right:40px}.footer-wrap .botom .term{margin-top:0}.footer-wrap .botom .term a{margin:0 20px 0 0;font-size:13px}.footer-wrap .botom .channel{margin-top:0;position:absolute;bottom:0;right:0}}
.slick-slider{box-sizing:border-box;-webkit-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;display:block;position:relative}.slick-list{margin:0;padding:0;display:block;position:relative;overflow:hidden}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate(0,0)}.slick-track{margin-left:auto;margin-right:auto;display:block;position:relative;top:0;left:0}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[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{border:1px solid #0000;height:auto;display:block}.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(../media/ajax-loader.d5c1e833.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../media/slick.3392c85e.eot);src:url(../media/slick.3392c85e.eot)format("embedded-opentype"),url(../media/slick.265d68e3.woff)format("woff"),url(../media/slick.31421072.ttf)format("truetype"),url(../media/slick.5f2cd927.svg)format("svg")}.slick-prev,.slick-next{cursor:pointer;color:#0000;background:0 0;border:none;outline:none;width:20px;height:20px;padding:0;font-size:0;line-height:0;display:block;position:absolute;top:50%;transform:translateY(-50%)}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:#0000;background:0 0;outline:none}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:slick;font-size:20px;line-height:1}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{text-align:center;width:100%;margin:0;padding:0;list-style:none;display:block;position:absolute;bottom:-25px}.slick-dots li{cursor:pointer;width:20px;height:20px;margin:0 5px;padding:0;display:inline-block;position:relative}.slick-dots li button{cursor:pointer;color:#0000;background:0 0;border:0;outline:none;width:20px;height:20px;padding:5px;font-size:0;line-height:0;display:block}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0}.slick-dots li.slick-active button:before{opacity:.75;color:#000}