@font-face {font-family: 'Pretendard'; src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Light.woff2) format('woff2'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Light.woff) format('woff'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Light.otf) format('opentype'); font-weight: 300;}
@font-face {font-family: 'Pretendard'; src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Regular.woff2) format('woff2'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Regular.woff) format('woff'),url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Regular.otf) format('opentype'); font-weight: 400;}
@font-face {font-family: 'Pretendard'; src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Medium.woff2) format('woff2'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Medium.woff) format('woff'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Medium.otf) format('opentype'); font-weight: 500;}
@font-face {font-family: 'Pretendard';src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Bold.woff2) format('woff2'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Bold.woff) format('woff'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Bold.otf) format('opentype');font-weight: 600;}
#causenavi a,.cause h1,.cause h2,.cause h3,.cause a,.cause div,.cause span,.cause a,.cause p,.cause i,.cause li,.cause b,.cause td,.cause th{font-family: 'Pretendard' !important; letter-spacing: -1.2px;line-height: 150%;}
.causewrap{max-width: 1920px; position: relative;margin: auto;}
.causewrap .cause img{display:block;}
.causewrap,.cause{width: 100%;position: relative;max-width: 1920px;margin: auto;overflow: hidden;;}
.causewrap .inner{width: 1300px; margin: auto;position: relative;}
.causewrap .blind{position: absolute; clip: rect(0 0 0 0);width: 1px; height: 1px;margin: -1px;overflow: hidden;}
.causewrap .cause1{background: #fff;}
.causewrap .cause1 .inner{height: 1000px;z-index: 2;}
.causewrap .cause1 .inner .gnilogos{position: absolute;top: 23px; left: 50%; margin-left: -940px;z-index: 2;}
.causewrap .cause1 .inner p.T1{padding: 141px 0 22px 0;text-align: center;}
.causewrap .cause1 .inner p.T1 span{color:#7f6b60;font-size: 24px;font-weight: 500;height: 50px; line-height: 50px;position: relative;display: inline-block;}
.causewrap .cause1 .inner p.T1 span:before{content: '';position: absolute;top: 0px; background: #7f6b60;width: 100%;height: 1px;}
.causewrap .cause1 .inner p.T1 span:after{content: '';position: absolute;bottom: 0px; background: #7f6b60;width: 100%;height: 1px;left: 0;}
.causewrap .cause1 .inner h1{position: relative;text-align: center;opacity: 0;animation: fade-in-top 1s linear both;padding-bottom: 23px;font-size: 60px; font-weight: 700;}
.causewrap .cause1 .inner h1 i{color:#8aa330}
.causewrap .cause1 .inner p.T2{color:#222; font-size: 27px; font-weight: 100;line-height: 43px;text-align: center;margin-bottom: 159px;}
.causewrap .cause1 .inner .causebtn{display: flex;align-items: center;justify-content: center;gap: 20px;}
.causewrap .cause1 .inner .causebtn a{width: 330px; height: 94px;color:#111;font-size: 27px;font-weight: 500;text-align: center;border-radius: 999px;line-height: 34px; padding: 12px 0;position: relative;}
.causewrap .cause1 .inner .causebtn a:after{content: '';background: url(../images/arows.png) no-repeat;width: 27px; height: 14px; right: 30px; top: 50%; transform: translate(0,-50%);position: absolute;}
.causewrap .cause1 .inner .causebtn a:nth-of-type(1){background: #aec94c;border: 2px solid #aec94c;}
.causewrap .cause1 .inner .causebtn a:nth-of-type(2){background: transparent;border: 2px solid #111;}
.causewrap .cause1 .inner .causebtn a i{font-size: 24px; font-weight: 100;}
.causewrap .cause1 .inner .causebtn a:nth-of-type(1)::before{border: 2px solid #aec94c;border-radius: 9999px;}
.causewrap .cause1 .inner .causebtn a:nth-of-type(2)::before{border: 2px solid #111;border-radius: 9999px;margin: -2px;}
.causewrap .starbg{width:100%;top: 0; max-width: 1920px;left: 50%;transform: translate(-50%,0);height:100%;overflow:hidden;position: absolute;opacity: 0;transition: 0.3s;}
.causewrap .starbg.on{opacity: 1;}
.causewrap .starbg .blob {position:absolute;border-radius:50%;filter: blur(60px);opacity:0.5;mix-blend-mode:screen;}
.causewrap .starbg .b1 { animation: move1 11s infinite alternate ease-in-out;width:1000px; height:1000px; background:radial-gradient(circle, #ffe66d, transparent); }
.causewrap .starbg .b2 { animation: move2 15s infinite alternate ease-in-out;width:950px; height:950px; background:radial-gradient(circle, #8aff80, transparent); }
.causewrap .starbg .b3 { animation: move3 13s infinite alternate ease-in-out;width:980px; height:980px; background:radial-gradient(circle, #a0ff9f, transparent); }
.causewrap .starbg .b4 { animation: move4 18s infinite alternate ease-in-out;width:1020px; height:1020px; background:radial-gradient(circle, #fff176, transparent); }
.causewrap .starbg .b5 { animation: move5 11s infinite alternate ease-in-out;width:940px; height:940px; background:radial-gradient(circle, #9effa1, transparent); }
.causewrap .starbg .b6 { animation: move6 21s infinite alternate ease-in-out;width:1060px; height:1060px; background:radial-gradient(circle, #ffe082, transparent); }
.causewrap .cause2{background: #fff;;}
.causewrap .cause2 .inner h2{position: relative;text-align: center;opacity: 0;;padding:126px 0 27px 0;font-size: 65px; font-weight: 700;line-height: 84px;color:#111}
.causewrap .cause2 .inner h2.on{animation: fade-in-top 1s linear both}
.causewrap .cause2 .inner h2 i{color:#111;font-size: 52px;}
.causewrap .cause2 .inner h2 i span{color:#8aa330}
.causewrap .cause2 .inner p.T1{color:#111;font-size: 27px; text-align: center;margin-bottom: 175px;}
.causewrap .cause2 .causebg{background: url(../images/bg1.png) 50% 0 no-repeat;max-width: 1920px; height: 660px;margin: auto;min-width: 1300px;position: relative;}
.causewrap .cause2 .causebg .inner ul{display: flex;align-items: flex-start;justify-content: space-between;}
.causewrap .cause2 .causebg .inner ul li{width: 33.333%;}
.causewrap .cause2 .causebg .inner ul li:nth-of-type(1){margin-left: -76px;}
.causewrap .cause2 .causebg .inner ul li:nth-of-type(3){margin-right: -76px;}
.causewrap .cause2 .causebg .inner ul li p{text-align: center;}
.causewrap .cause2 .causebg .inner ul li p.T2{color:#111; font-size: 34px; font-weight: 700;padding: 68px 0 33px 0;position: relative;}
.causewrap .cause2 .causebg .inner ul li p.T2:after{content: '';position: absolute;background: url(../images/arow2.png) no-repeat;width: 22px; height: 12px; left: 50%; transform: translate(-50%,0);bottom: 10px;}
.causewrap .cause2 .causebg .inner ul li p.T3{color:#111; font-size: 24px; font-weight: 400;}
.causewrap .cause2 .causebg .inner ul li p.T3 i{font-size: 17px; color:#111;}
.causewrap .cause2 .causebg .inner ul li:nth-of-type(2) p.T2{padding: 410px 0 33px 0}
.causewrap .cause2 .causebg .roundarow{position: absolute;width: 139px; height: 139px; left: 50%; top: -120px;margin-left: 540px; z-index: 2;}
.causewrap .cause2 .causebg .roundarow:after{content: '';position: absolute;background: url(../images/round1.png) no-repeat;width: 139px; height: 139px; left: 0;top: 0;animation: rot 20s linear infinite alternate;}
.causewrap .cause2 .causebg .roundarow span{width: auto;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);}
.causewrap .cause2 .inner h3{position: relative;text-align: center;opacity: 0;;padding:122px 0 24px 0;font-size: 52px; font-weight: 400;line-height: 79px;color:#111}
.causewrap .cause2 .inner h3.on{animation: fade-in-top 1s linear both}
.causewrap .cause2 .inner h3 i{color:#111;font-weight: 700;}
.causewrap .cause2 .inner h3 span{color:#8aa330;font-weight: 700}
.causewrap .cause2 .inner p.T4{color:#111; font-size: 27px; font-weight: 400;text-align: center;margin-bottom: 130px;position: relative;}
.causewrap .cause2 .inner p.T4:after{width: 1px; height:70px; background: #111;position: absolute;content: '';bottom: -100px; left: 50%; margin-left: -1px;}
.causewrap .cause2 .inner .causebtn{display: flex;align-items: center;justify-content: center;gap: 30px;margin-bottom: 167px;}
.causewrap .cause2 .inner .causebtn a{width: 380px; height: 94px;line-height: 94px; color:#111;font-size: 27px;font-weight: 500;text-align: center;border-radius: 999px;position: relative;}
.causewrap .cause2 .inner .causebtn a img{width: auto;position: absolute;left: 40px; top:50%; transform: translate(0,-50%);}
.causewrap .cause2 .inner .causebtn a:after{content: '';background: url(../images/arows.png) no-repeat;width: 27px; height: 14px; right: 40px; top: 50%; transform: translate(0,-50%);position: absolute;}
.causewrap .cause2 .inner .causebtn a:nth-of-type(1){background: #bfa5d5;}
.causewrap .cause2 .inner .causebtn a:nth-of-type(2){background: #8dd3d6;}
.causewrap .cause2 .inner .causebtn a:nth-of-type(1):before{border: 6px solid #bfa5d5;border-radius: 999px;}
.causewrap .cause2 .inner .causebtn a:nth-of-type(2):before{border: 6px solid #8dd3d6;border-radius: 999px;}
.causewrap .cause2 .inner ul.steps{display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 140px;}
.causewrap .cause2 .inner ul.steps li{width: 50%;padding:0 0 66px 100px;opacity: 0;}
.causewrap .cause2 .inner ul.steps li.on{animation: fade-in-top 1s linear both}
.causewrap .cause2 .inner ul.steps li.on:nth-of-type(2){animation-delay: 0.2s;}
.causewrap .cause2 .inner ul.steps li.on:nth-of-type(3){animation-delay: 0.4s;}
.causewrap .cause2 .inner ul.steps li.on:nth-of-type(4){animation-delay: 0.6s;}
.causewrap .cause2 .inner ul.steps li:nth-of-type(1){background: url(../images/i3.png) no-repeat;}
.causewrap .cause2 .inner ul.steps li:nth-of-type(2){background: url(../images/i4.png) 50px 0 no-repeat;}
.causewrap .cause2 .inner ul.steps li:nth-of-type(3){background: url(../images/i5.png) 10px 50px no-repeat;}
.causewrap .cause2 .inner ul.steps li:nth-of-type(4){background: url(../images/i6.png) 50px 50px no-repeat;}
.causewrap .cause2 .inner ul.steps li:nth-of-type(1),.causewrap .cause2 .inner ul.steps li:nth-of-type(2){border-bottom: 1px solid #dcdcdc;}
.causewrap .cause2 .inner ul.steps li:nth-of-type(1),.causewrap .cause2 .inner ul.steps li:nth-of-type(3){border-right: 1px solid #dcdcdc;}
.causewrap .cause2 .inner ul.steps li:nth-of-type(3),.causewrap .cause2 .inner ul.steps li:nth-of-type(4){padding: 48px 0 22px 100px;}
.causewrap .cause2 .inner ul.steps li:nth-of-type(2),.causewrap .cause2 .inner ul.steps li:nth-of-type(4){padding-left: 150px;}
.causewrap .cause2 .inner ul.steps li h4{color:#8aa330; font-size: 40px; font-weight: 700;margin-bottom: 26px;}
.causewrap .cause2 .inner ul.steps li p.T5{color:#111; font-size: 24px; font-weight: 400;line-height: 36px;}
.causewrap .cause2 .inner ul.steps li p.T5 i{color:#111; font-weight: 700;}
.causewrap .parallax-area .roundarow{position: absolute;width: 139px; height: 139px; left: 50%; margin-top: 54%;margin-left: 550px; z-index: 101;}
.causewrap .parallax-area .roundarow:after{content: '';position: absolute;background: url(../images/round1.png) no-repeat;width: 139px; height: 139px; left: 0;top: 0;animation: rot 20s linear infinite alternate;}
.causewrap .parallax-area .roundarow span{width: auto;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);}
.causewrap .parallax-area .starbg{position: absolute;top: 0; left: 50%;transform: translate3d(-50%, 0, 0); width: 100%;max-width: 1920px;height: 100%;overflow: hidden;opacity: 1;}
.causewrap .parallax-area .starbg .blob {position: absolute;border-radius: 50%;filter: blur(60px);opacity: 0.5;mix-blend-mode: screen;}
.causewrap .parallax-area .parallax-section {position: relative;width: 100%;min-height: 1200px; box-sizing: border-box;z-index: 2;}
.causewrap .parallax-area .parallax-inner {position: relative; width: 1160px;min-height: 1200px;margin: 0 auto;overflow: visible;z-index: 3;box-sizing: border-box;}
.causewrap .parallax-area .page {position: absolute;left: 0;width: 1160px;height: auto;box-sizing: border-box; will-change: transform;bottom: 400px;}
.causewrap .page1{z-index: 3;;}
.causewrap .parallax-area h2{font-size: 45px;color:#111;text-align: center;padding: 128px 0 30px 0;line-height: 73px;z-index: 2;position: relative;}
.causewrap .parallax-area h2 span{font-size: 65px;color:#111;font-weight: 700;}
.causewrap .parallax-area h2 span i{font-size: 65px;color:#8aa330;font-weight: 700}
.causewrap .parallax-area p.T1{color:#111; font-size: 27px; text-align: center;margin-bottom: 67px;z-index: 2;position: relative}
.causewrap .page .contbox{display: flex;align-items: flex-start;justify-content: space-between;position: relative;z-index: 3;}
.causewrap .page .contbox img{width: auto;}
.causewrap .page .contbox p.T2{color:#8aa330; font-size: 22px; margin-bottom: 28px;}
.causewrap .page .contbox p.T3{ margin-bottom: 50px;line-height: 40px;position: relative;padding-bottom: 100px;}
.causewrap .page .contbox p.T3:after{content: '';position: absolute;background: url(../images/deco1.png) no-repeat;width: 10px; height: 90px; left: 0;bottom: -20px;}
.causewrap .page1 .contbox p.T3 span:nth-of-type(1){font-weight: 700;}
.causewrap .page .contbox p.T3 span{color:#111; font-size: 40px;display: inline-block;position: relative;}
.causewrap .page .contbox p.T3 span:after{content: '';width: 100%; height: 1px; background: #111;position: absolute;left: 0;bottom: 0;}
.causewrap .page .contbox p.T4{margin: 19px 0 10px 0;color:#111; font-size: 22px;}
.causewrap .page .contbox p.T4 span{color:#111;font-weight: 700;}
.causewrap .page .contbox p.T4 span i{font-weight: 700;}
.causewrap .page .contbox p.T4 span i.co1{font-weight: 700;color:#829930}
.causewrap .page .contbox p.T4 span i.co2{font-weight: 700;color:#fb0f3d}
.causewrap .page .contbox .imgbox .T6{color:#111; font-size: 20px; padding: 15px 0 25px 0;text-align: center;}
.causewrap .page .pages{position: absolute;bottom: 20px;color:#111;font-size: 20px;font-weight: 600;}
.causewrap .page .pages i{color:#2b94ae; font-weight: 700;}
.causewrap .page2{z-index: 2;}
.causewrap .page2 .contbox p.T3,.causewrap .page3 .contbox p.T3{margin-bottom: 0;line-height: 40px;position: relative;padding-bottom: 40px;}
.causewrap .page2 .contbox p.T3:after,.causewrap .page3 .contbox p.T3:after{display: none;}
.causewrap .page2 .contbox p.T3 span:nth-of-type(2),.causewrap .page2 .contbox p.T3 span:nth-of-type(3),
.causewrap .page3 .contbox p.T3 span:nth-of-type(2),.causewrap .page3 .contbox p.T3 span:nth-of-type(3){font-weight: 700;}
.causewrap .page .contbox p.T4 i{color:#8aa330; font-weight: 700;}
.causewrap .page2 .contbox p.T4,.causewrap .page3 .contbox p.T4{margin:0;color:#111; font-size: 24px;line-height: 38px;}
.causewrap .page3{z-index: 1;}
.causewrap .page3 .Tbox-area{padding-bottom: 80px; border-bottom: 1px solid #dcdcdc;margin-bottom: 20px;position: relative;}
.causewrap .page3 .Tbox-area:after{content: '';position: absolute;background: url(../images/jum.png) no-repeat;width: 4px; height: 28px; left: 50%;transform: translate(-50%,0);bottom: 30px;}
.causewrap .page3 .txtbox{display: flex;align-items: center;justify-content: flex-start;}
.causewrap .page3 .txtbox span{font-size: 20px; color:#111;font-weight: 700;line-height: 38px;}
.causewrap .page3 .txtbox span:nth-of-type(2){position: relative;}
.causewrap .page3 .txtbox span:nth-of-type(2)::before{content: '';width: 30px; height: 1px;background: #111; top: 50%;transform: translate(0,-50%);position: absolute;margin-left: -42px;}
.causewrap .page3 .txtbox:nth-of-type(1) span:nth-of-type(2){padding-left: 59px;}
.causewrap .page3 .txtbox:nth-of-type(2) span:nth-of-type(2){padding-left: 56px;}
.causewrap .page3 .txtbox:nth-of-type(3) span:nth-of-type(2){padding-left: 66px;}
.causewrap .page3 .txtbox:nth-of-type(4) span:nth-of-type(2){padding-left: 59px;}
.causewrap .page3 .txtbox:nth-of-type(5) span:nth-of-type(2){padding-left: 50px;}
.causewrap .page3 .txtbox:nth-of-type(6) span:nth-of-type(2){padding-left: 53px;}
.causewrap .page3 .txtbox span i.blue{color:#2473c1;font-weight: 700;}
.causewrap .page3 .txtbox span i.light{font-weight: 400;color:#111}
.causewrap .page .pagecont{background: #fff;border-radius: 40px; box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 60px;min-height: 780px;position: relative;overflow: hidden;}
.causewrap .page .pagecont:before{content: '';width: 400px; height: 400px; background:radial-gradient(circle, #c8f3d7, transparent);position: absolute;right: -105px;bottom: -105px;border-radius:50%;filter: blur(60px);}
.causewrap .page2 .pagecont:before{background:radial-gradient(circle, #ddf3c8, transparent);}
.causewrap .page3 .pagecont:before{background:radial-gradient(circle, #c8f3ec, transparent);}
.causewrap .page .pagecont:after{content: '';position: absolute;bottom: 40px; right: 50px;background: url(../images/arow2.png) no-repeat;transform: rotate(180deg);width: 22px; height: 12px;}
.causewrap .cause3{background: #fff;}
.causewrap .cause3 .inner h2{color:#111; font-size: 52px;padding: 0 0 24px 0;text-align: center;}
.causewrap .cause3 .inner h2 i{font-weight: 700;color:#111}
.causewrap .cause3 .inner h2 i.co1{font-weight: 700;color:#8aa330}
.causewrap .cause3 .inner p.T1{font-size: 27px; color:#111;text-align: center;margin-bottom: 80px;}
.causewrap .cause3 .inner ul{display: flex;align-items: flex-start;justify-content: space-evenly;flex-wrap: wrap;}
.causewrap .cause3 .inner ul li{width: 377px;}
.causewrap .cause3 .inner ul li a{display: block;margin-bottom: 60px;}
.causewrap .cause3 .inner ul li .imgs{width: 377px; height: 255px;border: 1px solid #dcdcdc;margin-bottom: 19px;}
.causewrap .cause3 .inner ul li .imgs img{width: 100%; height: 100%;}
.causewrap .cause3 .inner ul li p.T2{color:#111; font-size: 22px; width: 377px; height: 66px;overflow: hidden; margin-bottom: 5px;}
.causewrap .cause3 .inner ul li p.T3{color:#777; font-size: 17px;}
.causewrap .cause3 .inner .paging{text-align: center;display: flex;align-items: center;justify-content: center;padding-bottom: 150px;}
.causewrap .cause3 .inner .paging a{width: 22px; height: 22px;font-size: 22px;line-height: 22px;margin: 0 10px;}
.causewrap .cause3 .inner .paging a.on{color:#8aa330;}
.causewrap .cause3 .inner .paging span a{background: url(../images/arow2.png) center center no-repeat;text-indent: -9999px;display: block;}
.causewrap .cause3 .inner .paging span.rew a{transform: rotate(90deg);margin-right: 20px;}
.causewrap .cause3 .inner .paging span.ff a{transform: rotate(-90deg);margin-left: 20px;}
.causewrap .cause4{background:linear-gradient(120deg,rgba(254, 254, 255, 1) 0%, rgba(233, 238, 244, 1) 30%);}
.causewrap .cause4::before{content: '';background: url(../images/qus.png) no-repeat;width: 289px; height: 289px; background-size: cover;position: absolute;left: 50%;bottom: 230px; margin-left: -693px;animation: rot1 0.7s linear infinite alternate;}
.causewrap .cause4::after {content: '';background: url(../images/qus.png) no-repeat;width: 210px; height: 210px; background-size: cover;position: absolute;left: 50%;top: 63px; margin-left: 588px;animation: rot1 0.7s linear infinite alternate;}
.causewrap .cause4 .inner{padding: 130px 0;display: flex;align-items: flex-start;justify-content: space-evenly;z-index: 1;}
.causewrap .cause4 .inner .Tbox{position: relative;}
.causewrap .cause4 .inner .Tbox p.T1{font-size: 52px; color:#111;font-weight: 700;margin-bottom: 24px;}
.causewrap .cause4 .inner .Tbox p.T1 span{display: block;color:#8aa330; font-size: 24px; margin-bottom: -5px;font-weight: 600;}
.causewrap .cause4 .inner .Tbox p.T2{color:#111; font-weight: 400;font-size: 27px;}
.causewrap .cause4 .inner .Tbox p.T2 i{color:#111;font-weight: 700;}
.causewrap .cause4 .inner .qna{position: relative;width: 765px;}
.causewrap .cause4 .inner .qnabox{background: #fff; border-radius: 10px;padding: 0 40px;margin-bottom: 10px;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);border: 3px solid #fff;transition: 0.5s linear;}
.causewrap .cause4 .inner .qnabox.on{border: 3px solid #98b33a;}
.causewrap .cause4 .inner .qnabox a.q{padding: 30px 0px;display: block;font-size: 27px;position: relative;color:#111;font-weight: 700;}
.causewrap .cause4 .inner .qnabox a.q:after{content: '';position: absolute;right: 0; top: 50%; transform: translate(0,-50%);background: url(../images/arow2.png) no-repeat;width: 22px; height: 12px;;transition: 0.5s ease;}
.causewrap .cause4 .inner .qnabox a.q.on:after{background: url(../images/arow2.png) no-repeat; transform: translate(0,-50%) rotate(180deg) ;}
.causewrap .cause4 .inner .qnabox:nth-of-type(1) div{display: block;}
.causewrap .cause4 .inner .qnabox div{padding: 30px 0px;border-top: 1px solid #e1e1e1;display: block;font-size: 22px;position: relative;font-weight: 400;color:#111;line-height: 36px;display: none;}
.causewrap .cause4 .inner .qnabox div i{font-weight: 700;color:#111}
.causewrap .cause4 .inner .qnabox div a{color:#3643c6; font-size: 22px; ;}
.causewrap .causefot{padding: 30px 0;text-align: center;color:#222; font-size: 15px;background: #fff;}
.causewrap .causequicks{position: fixed;right: 50px; bottom: 130px;width: 140px; text-align: center;z-index: 10;display: none !important;}
.causewrap .causequicks.on{display: block !important;}
.causewrap .causequicks a{display: block;}
.causewrap .causequicks a.causewith{width: 140px; height: 60px; background: #98b33a;border-radius: 60px; line-height: 60px;font-weight: 700;font-size: 22px;color:#fff;margin-bottom: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.causewrap .causequicks a.tops{width: 50px; height: 50px; background:#fff url(../images/arow2.png) center center no-repeat;transform: rotate(180deg);border-radius: 50px;margin: auto;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.causewrap .causebtn a:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.causewrap .causebtn a:hover:before, .causewrap .causebtn a:focus:before, .causewrap .causebtn a:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.causewrap .causebtn a {display: inline-block;vertical-align: -1px;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;}
@-webkit-keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}@keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}
@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes fade-in-right{0%{transform:translateX(50px);opacity:0}100%{transform:translateX(0);opacity:1}}
@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes move1{0%{transform:translate(-20vw,-15vh)} 25%{transform:translate(10vw,5vh)} 50%{transform:translate(45vw,20vh)}75%{transform:translate(15vw,45vh)} 100%{transform:translate(-10vw,20vh)}}
@keyframes move2{0%{transform:translate(60vw,-10vh)}25%{transform:translate(25vw,0vh)}50%{transform:translate(-10vw,25vh)}75%{transform:translate(20vw,45vh)} 100%{transform:translate(55vw,20vh)}}
@keyframes move3{0%{transform:translate(-25vw,0vh)} 25%{transform:translate(0vw,20vh)}50%{transform:translate(35vw,5vh)} 75%{transform:translate(55vw,35vh)}100%{transform:translate(5vw,50vh)}}
@keyframes move4{0%{transform:translate(75vw,-15vh)}25%{transform:translate(40vw,10vh)}50%{transform:translate(5vw,30vh)}75%{transform:translate(35vw,55vh)}100%{transform:translate(80vw,15vh)}}
@keyframes move5{0%{transform:translate(5vw,35vh)}25%{transform:translate(-15vw,55vh)}50%{transform:translate(25vw,25vh)}75%{transform:translate(65vw,45vh)}100%{transform:translate(15vw,10vh)}}
@keyframes move6{0%{transform:translate(40vw,-5vh)}25%{transform:translate(70vw,15vh)}50%{transform:translate(30vw,40vh)}75%{transform:translate(-5vw,20vh)}100%{transform:translate(25vw,0vh)}}
@keyframes rot{0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
@keyframes rot1{0%{transform: rotate(0);}100%{transform: rotate(6deg);}}