@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 400; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-bRg.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 350; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-aLt.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 700; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-cBd.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 800; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-dEb.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 900; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-eHv.woff') format('woff');}
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
:root{--nn: "NanumSquare Neo" !important;}
.banjiwrap .quicks img,.banjiwrap .banji img{width: auto;display: inline-block;}
.banji h1,.banji h2,.banji a,.banji div,.banji span,.banji a,.banji p,.banji i,.banjilayer h2,.banjilayer p,.banjilayer i,.banjilayer span{font-family: 'Noto Sans KR' !important;; letter-spacing: -1.2px;line-height: 150%;}
.banjiwrap{width:100%; min-width:1100px;max-width: 2000px; margin: auto;position: relative;height: 100%;;}
.banjiwrap .quicks{position: fixed;top: 180px; right: 50px;z-index: 10;display: inline-block;}
.banjiwrap .quicks img{filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.5)) !important}
.banjiwrap .banji{width:100%; min-width:1100px;max-width: 2000px; margin: auto;position: relative;overflow: hidden;}
.banjiwrap .blind{position: absolute; clip: rect(0 0 0 0);width: 1px; height: 1px;margin: -1px;overflow: hidden;;}
.banjiwrap .banji .inner{width:1100px; margin: auto;position: relative;}
.banjiwrap .banji1{background: #bacedb;}
.banjiwrap .banji1 .inner{height: 1830px;}
.banjiwrap .banji1 .inner .gnilogos{width: 100%;text-align: center;display: flex;align-items: baseline;justify-content: center;padding:16px 0 54px 0;}
.banjiwrap .banji1 .inner .gnilogos span{margin-left: 10px;font-size: 12px;color:#fff}
.banjiwrap .banji1 .inner h1{color:#34401d;font-size: 27px;padding-left: 94px;font-family: var(--nn) !important;font-weight: 600;position: relative;}
.banjiwrap .banji1 .inner h1 span{vertical-align: text-top;animation: fade-in-top 1s linear both 0.3s;display: inline-block;}
.banjiwrap .banji1 .inner h1 span:nth-of-type(1){position: absolute;left: 50%; top: 50px; margin-left: -342px;animation: fade-in-left 1s linear both;}
.banjiwrap .banji1 .inner .main_vis{position: absolute;bottom: 0;left: 50%;margin-left: -715px;}
.banjiwrap .banji1 .inner .banjibtn{position: absolute;left: 50%; top: 667px; margin-left: 227px;}
.banjiwrap .banji1 .main-pics{background: rgba(0, 0, 0, 0.8);position: absolute;bottom: 0;left: 50%; margin-left: -1000px;width: 2000px;z-index: 3;}
.banjiwrap .banji1 .main-pics .inner{display: flex;align-items: center;justify-content: space-between;height: 679px;}
.banjiwrap .banji1 .main-pics .inner .Tbox p.T1{color:#d0e2ef;font-size: 38px;font-weight: 700;letter-spacing: -3px;margin-bottom: 40px;}
.banjiwrap .banji1 .main-pics .inner .Tbox p.T1 span{color:#d0e2ef;font-weight: 700;padding-left: 20px;display: inline-block;letter-spacing: -3px;}
.banjiwrap .banji1 .main-pics .inner .Tbox p.T2{color:#fff;font-size: 21px; padding-left: 20px;font-family: var(--nn) !important;line-height: 33px;}
.banjiwrap .banji1 .main-pics .inner .picarea{display: flex;align-items: center;justify-content: center;}
/* .banjiwrap .banji1 .main-pics .inner .picarea img{opacity: 0;}
.banjiwrap .banji1 .main-pics .inner .picarea.on img{animation: fade-in-top 1s linear both;}
.banjiwrap .banji1 .main-pics .inner .picarea.on img:nth-of-type(2){animation-delay: 0.2s;} */
.banjiwrap .banji2{background: #f5f1b9 ;}
.banjiwrap .banji2 .inner{height: 527px;display: flex;align-items: center;justify-content: flex-end;}
.banjiwrap .banji2 .inner .imgs{position: absolute;bottom: 0;left: 0;opacity: 0;}
.banjiwrap .banji2 .inner .imgs.on{animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both}
.banjiwrap .banji2 .inner p.T1{padding-right: 25px;}
.banjiwrap .banji3{background: url(../images/bg3.png) 50% 0 no-repeat;}
.banjiwrap .banji3 .inner{height: 929px;}
.banjiwrap .banji3 .inner .Tbox{padding: 127px 0 78px 0;}
.banjiwrap .banji3 .inner .Tbox h2{margin-bottom: 50px;}
.banjiwrap .banji3 .inner .Tbox p.T1{color:#151515;font-size: 22px; padding-left: 24px;font-family: var(--nn) !important;line-height: 38px;}
.banjiwrap .banji3 .inner .banjibtn{padding-left: 24px;position: relative;}
.banjiwrap .banji3 .inner .banjibtn:before{content: '';position: absolute;background: url(../images/chs3.png) no-repeat;width: 71px; height: 64px; top: -64px; left: 42px;}
.banjiwrap .banji3 .inner .banjibtn a{width: 362px; height: 80px; line-height: 80px;color:#fff; font-weight: 700;text-align: center;font-size: 23px;background: #151515;}
.banjiwrap .banji3 .inner .banjibtn a::before{border: 5px solid #151515;}
.banjiwrap .banji3 .inner span{position: absolute;left: 50%;}
.banjiwrap .banji3 .inner span:nth-of-type(1){margin-left: -107px;top: 317px;clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.banjiwrap .banji3 .inner span:nth-of-type(2){margin-left: 300px;top: 60px;clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);}
.banjiwrap .banji3 .inner span:nth-of-type(3){margin-left: 348px;top: 447px;clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);}
.banjiwrap .banji3 .inner span.on:nth-of-type(1){animation: clips1 1s linear both;}
.banjiwrap .banji3 .inner span.on:nth-of-type(2),.banjiwrap .banji3 .inner span.on:nth-of-type(3){animation: clips2 1s linear both}
.banjiwrap .banji4{background: #303539; }
.banjiwrap .banji4 .inner .videos{width: 1100px;height: 619px;position: relative;margin: auto;}
.banjiwrap .banji4 .inner .videos iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banjiwrap .banji5{background: #fff;}
.banjiwrap .banji5 .gals{padding: 93px 0;position: relative;width: 2000px; margin: auto;}
.banjiwrap .banji5 .gals .Tbox{background: rgba(255, 255, 255, 0.8);border: 1px solid #151515;width: 445px; height: 600px; position: absolute;left: 50%;margin-left: -475px; top: 50%; transform: translate(0,-50%);z-index: 10;;text-align: center;}
.banjiwrap .banji5 .gals .Tbox h2{color:#151515;font-weight: 700;font-size: 45px;padding: 61px 0 86px 0;line-height: 59px;}
.banjiwrap .banji5 .gals .Tbox p.T1{color:#959595;font-size: 17px;letter-spacing: 3px;margin-bottom: 102px;}
.banjiwrap .banji5 .gals .Tbox .banjibtn{position: relative;}
.banjiwrap .banji5 .gals .Tbox .banjibtn a{width: 375px; height: 99px; line-height: 99px;color:#fff; font-weight: 700;text-align: center;font-size: 22px;background: #151515;margin: auto;}
.banjiwrap .banji5 .gals .Tbox .banjibtn a::before{border: 5px solid #151515;}
.banjiwrap .banji5 .gals .swiper-btn-area{position: absolute;width: 445px; height: 600px;display: flex;align-items: center;justify-content: space-between;left: 50%;top: 50%; transform: translate(0,-50%);z-index: 10;margin-left: 20px;}
.banjiwrap .banji5 .gals .swiper-btn-area div{background: rgba(0, 0, 0, 0.3);cursor: pointer;}
.banjiwrap .swiper-container{margin-left: auto; margin-right: auto;position: relative;list-style: none;padding: 0; z-index: 1;overflow: hidden;}
.banjiwrap .swiper-wrapper {position: relative; width: 100%;height: 100%; z-index: 1; display: flex; transition-property: transform;transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box;transform-style: preserve-3d;}
.banjiwrap .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.banjiwrap .swiper-slide{flex-shrink: 0;width: 100%;position: relative;transition-property: transform; display: flex;justify-content: center;}
.banjiwrap .banji6{background: #2f3a40;}
.banjiwrap .banji6 .turny-wrap {background: #2f3a40;color: #ddd;padding: 27px 0 20px 0; display: flex;align-items: baseline;justify-content: space-around;}
.banjiwrap .banji6 .turny-title {font-size: 24px;font-weight: 700;color:#ccd9e5}
.banjiwrap .banji6 .row {display: grid;grid-template-columns: 70px 1fr 70px 1fr;border-bottom: 1px solid rgba(255,255,255,0.2);}
.banjiwrap .banji6 .th {padding: 12px 0px;font-weight: 600;color: #fff;}
.banjiwrap .banji6 .td {padding: 12px 0px;color: #fff;}
.banjiwrap .banji6 .notice-row {grid-template-columns: 70px 1fr;border-bottom: 0;}
.banjiwrap .banji6 .notice {line-height: 24px;}
.banjiwrap .banji6 .notice li {color: #fff;font-size: 15px;}
.banjiwrap .banji7{background: url(../images/bg4.png) 50% 0 no-repeat;}
.banjiwrap .banji7 .inner{height: 810px;}
.banjiwrap .banji7 .inner .Tbox{padding: 97px 0 86px 463px;}
.banjiwrap .banji7 .inner .Tbox h2{color:#151515;font-weight: 700;font-size: 45px;line-height: 58px;margin-bottom: 65px;}
.banjiwrap .banji7 .inner .Tbox p.T1{color:#151515;font-size: 24px;margin-bottom: 58px;line-height: 35px;}
.banjiwrap .banji7 .inner .Tbox .banjibtn{position: relative;}
.banjiwrap .banji7 .inner .Tbox .banjibtn a{width: 375px; height: 96px; line-height: 96px;color:#fff; font-weight: 700;text-align: center;font-size: 25px;background: #151515;margin: auto;}
.banjiwrap .banji7 .inner .Tbox .banjibtn a::before{border: 5px solid #151515;}
.banjiwrap .banji7 .inner .gals{position: absolute;top: 0;left: -168px;width: 540px;}
.banjiwrap .banji7 .inner .gals .swiper-btn-area{position: absolute;width: 540px; height: 47px;display: flex;align-items: center;justify-content: center;left: 50%;bottom: 15px;z-index: 15;left: 50%; transform: translate(-50%,0);gap: 10px;}
.banjiwrap .banji8{background: #f5f1b9;}
.banjiwrap .banji8 .inner .Tbox{padding: 100px 0 88px 10px;}
.banjiwrap .banji8 .inner .Tbox h2{color:#151515;font-weight: 700;font-size: 45px;line-height: 58px;margin-bottom: 52px;}
.banjiwrap .banji8 .inner .Tbox p.T1{color:#151515;font-size: 24px;margin-bottom: 56px;line-height: 35px;}
.banjiwrap .banji8 .inner .Tbox .banjibtn{position: relative;}
.banjiwrap .banji8 .inner .Tbox .banjibtn a{width: 375px; height: 96px; line-height: 96px;color:#fff; font-weight: 700;text-align: center;font-size: 23px;background: #151515;margin: auto;}
.banjiwrap .banji8 .inner .Tbox .banjibtn a::before{border: 5px solid #151515;}
.banjiwrap .banji8 .inner .imgs{position: absolute;right: 0;top: 111px;}
.banjiwrap .banji9{background: #353535;}
.banjiwrap .banji9 .inner{padding: 81px 0;width: 1200px;}
.banjiwrap .banji9 .inner h2{text-align: center;font-size: 25px;font-weight: 600;margin-bottom: 22px;color:#fff;}
.banjiwrap .banji9 .inner .nfc-content {display: flex;gap: 40px;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);padding: 44px 0 25px 0;}
.banjiwrap .banji9 .inner .nfc-item {flex: 1;display: flex;gap: 20px;}
.banjiwrap .banji9 .inner .nfc-item:nth-of-type(2) .notice{margin: 2px 0;}
.banjiwrap .banji9 .inner .nfc-item:nth-of-type(2) .text-box ul{margin-bottom: 2px;}
.banjiwrap .banji9 .inner .img-box {width: 222px; flex-shrink: 0;}
.banjiwrap .banji9 .inner .text-box h3 {font-size: 17px;margin-bottom: 10px;color:#fff;}
.banjiwrap .banji9 .inner .text-box h3 i{color:#fff; font-size: 15px;;}
.banjiwrap .banji9 .inner .text-box ul {margin-bottom: 15px;}
.banjiwrap .banji9 .inner .text-box li {font-size: 14px; line-height: 22px;color:#d6d6d6;letter-spacing: -0.5px;}
.banjiwrap .banji9 .inner .notice {font-size: 14px;margin: 20px 0 3px; font-weight: 600;color:#fff;}
.banjiwrap .banji10{background: url(../images/bg5.png) 50% 0 no-repeat;}
.banjiwrap .banji10 .inner{height: 869px;}
.banjiwrap .banji10 .inner p.T1{color:#151515 ;font-size: 35px;padding: 165px 0 70px 620px;line-height: 49px;}
.banjiwrap .banji10 .inner p.T1 span{display: inline-block;margin:0 0 -2px -12px;}
.banjiwrap .banji10 .inner p.T1 i{color:#34401d;font-size: 39px; font-weight: 700;line-height: 51px;}
.banjiwrap .banji10 .inner .banjibtn{position: relative;padding-left: 620px;}
.banjiwrap .banji10 .inner .banjibtn a{width: 375px; height: 96px; padding: 10px 0 10px 85px;color:#fff; font-weight: 700;font-size: 25px;background: #34401d;margin: auto;}
.banjiwrap .banji10 .inner .banjibtn a::before{border: 5px solid #34401d;}
.banjiwrap .banji11{background: #fff;border-bottom: 1px solid #000;}
.banjiwrap .banji11 .inner{height: 1467px;}
.banjiwrap .banji11 .inner .imgs{position: absolute;left: 50%;}
.banjiwrap .banji11 .inner .imgs1{margin-left: -1000px;top: 378px;}
.banjiwrap .banji11 .inner .imgs2{margin-left: -681px;top: 20px;}
.banjiwrap .banji11 .inner .imgs3{margin-left: 441px;top: 20px;}
.banjiwrap .banji11 .inner .imgs4{margin-left: -799px;top: 849px;}
.banjiwrap .banji11 .inner .imgs5{margin-left: -481px;top: 849px;}
.banjiwrap .banji11 .inner .imgs6{margin-left: -61px;top: 552px;}
.banjiwrap .banji11 .inner .imgs7{margin-left: 700px;top: 552px;}
.banjiwrap .banji11 .inner .txt1{font-size: 45px; line-height: 57px;color:#1d1d1d;font-weight: 700;margin-left: 70px;top: 141px;}
.banjiwrap .banji11 .inner .txt1 i{color:#87a1b8}
.banjiwrap .banji12 .inner{padding-bottom: 80px;}
.banjiwrap .banji12 .inner h2{text-align: center;font-size: 32px; color:#151515;font-weight: 700;padding: 74px 0 40px 0;}
.banjiwrap .banji12 .inner .faq-area {width: 100%;}
.banjiwrap .banji12 .inner .faq-area .faq-panel {display: none;min-height: 464px;}
.banjiwrap .banji12 .inner .faq-area .faq-item.open .faq-a,.banjiwrap .banji12 .inner .faq-area .faq-panel.is-active {display: block;}
.banjiwrap .banji12 .inner .faq-area .faq-wrap {margin-top: 50px;}
.banjiwrap .banji12 .inner .faq-area .faq-tabs {display: flex;justify-content: space-between;align-items: center;gap: 5px;}
.banjiwrap .banji12 .inner .faq-area .faq-tabs .tab-btn {padding: 20px 0;flex: 1;font-size: 24px;color: #fff;background: #000;transition: background 0.3s ease;font-weight: 600;}
.banjiwrap .banji12 .inner .faq-area .faq-tabs .tab-btn.is-active {background: #85a31a;}
.banjiwrap .banji12 .inner .faq-area .faq-item {display: block;cursor: pointer;padding: 35px 45px;border: 1px solid #000;position: relative;}
.banjiwrap .banji12 .inner .faq-area .faq-item.open {border-color: #85a31a;}
.banjiwrap .banji12 .inner .faq-area .faq-item.open .faq-q::after {border-top-color: #85a31a;transform: translateY(-50%) rotate(180deg);}
.banjiwrap .banji12 .inner .faq-area .faq-item + .faq-item {margin-top: 20px;}
.banjiwrap .banji12 .inner .faq-area .faq-q {font-size: 24px;color: #000;font-weight: 600;position: relative;padding-left: 60px;text-align: left;width: 100%;}
.banjiwrap .banji12 .inner .faq-area .faq-q::after {content: "";display: block;position: absolute;right: 0; top: 50%;transform: translateY(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 20px solid #000;transition: all 0.3s ease;}
.banjiwrap .banji12 .inner .faq-area .faq-q::before {position: absolute;left: 0;top: -1px;content: "Q. ";font-weight: 600;color: #85a31a;font-size: 24px;}
.banjiwrap .banji12 .inner .faq-area .faq-a {border-top: 1px solid #b8b8b8; margin-top: 40px;font-size: 17px;color: #000100;}
.banjiwrap .banji12 .inner .faq-area .faq-a .pl {padding-left: 61px;}
.banjiwrap .banji12 .inner .faq-area .faq-a .faq-inner {padding: 40px 50px 20px;line-height: 1.5;}
.banjiwrap .banji11 .inner .banjibtn{position: absolute;left: 50%; margin-left: 60px; top: 1261px;}
.banjiwrap .banji11 .inner .banjibtn a{width: 375px; height: 96px; line-height: 96px;color:#fff; font-weight: 700;text-align: center;font-size: 25px;background: #34401d;margin: auto;}
.banjiwrap .banji11 .inner .banjibtn a::before{border: 5px solid #34401d;}
.banjilayer{position: fixed;width: 1152px; left: 50%; top: 50%;transform: translate(-50%,-50%);display: none;z-index: 90;}
.banjilayer .layerx{position: absolute;right: 19px; top: 15px;}
.banjilayer .incont{display: flex; background: #fff;margin-bottom: 20px;}
.banjilayer .banjitxt{background: url(../images/layerbgs.png) no-repeat;width: 576px; height: 744px;padding: 39px 0 40px 40px;} 
.banjilayer .banjitxt h2{color:#323232;font-size: 30px; font-weight: 700;margin-bottom: 5px;line-height: 40px;} 
.banjilayer .banjitxt p.T1{color:#131313;font-size: 17px;letter-spacing: -2px;} 
.banjilayer .banjisort{padding:130px 90px 0px 90px;width: 576px;}
.banjilayer .banjisort p.T2{color:#000;font-size: 15px; margin-bottom: 10px;font-weight: 700;}
.banjilayer a.banji-sel{display: block;width: 100%;height: 57px; line-height: 57px; color:#484848;font-size: 22px;font-weight: 700;background: #f6f6f6;position: relative;text-align: center;margin-bottom: 15px;border-radius: 5px;}
.banjilayer a.banji-sel:after{content: '';position: absolute;left: 0;top: 0;width: 100%; height: 100%; ;}
.banjilayer a.banji-sel i{font-size: 14px; color:#242424;}
.banjilayer a.banji-sel.on:after,.banjilayer a.banji-sel:hover:after{border: 2px solid #151515;border-radius: 5px;}
.banjilayer a.banji-result{padding: 20px; font-size: 24px;margin-top: 20px;display: block;text-align: center;background: #484848;border-radius: 5px;color:#fff;font-weight: 700;margin-bottom: 40px;}
.banjilayer p.T3,.banjilayer p.T4{color:#000;font-size: 14px; margin-bottom: 15px;font-weight: 300;}
.banjilayer p.T4 i{font-weight: 700;color:#000}
.banjilayer p.T5{text-align: center;color:#fff; font-size: 14px; line-height: 20px;;}
.banjilayerbg{position: fixed;width: 100%; height: 100%; background: #000;left: 0;top: 0;opacity: 0.5; display: none;z-index: 80;}
.banjiwrap .banjifot{padding: 30px 0;text-align: center;color:#222; font-size: 15px;background: #fff;}
.footer{background: #fff;position: relative;z-index: 2;}
.banjiwrap #footer {margin:45px auto 0;border-top:1px solid #d1d1d1}
.banjiwrap #footer .footer_menu {border-bottom:1px solid #d1d1d1;background:#e9e9e9;padding:5px 10px 5px 3px}
.banjiwrap #footer .footer_lay {position:relative;width:980px;margin:0 auto;}
.banjiwrap #footer .footer_lay:after {content:" ";display:block;clear:both}
.banjiwrap #footer .footer {background:#f5f5f5;position:relative;z-index: 1;}
.banjiwrap #footer .footer .footer_lay {padding:25px 0 24px 153px;position:relative;width:827px; margin-bottom:5px}
.banjiwrap #footer .footer .logo {position:absolute;top:41px;left:16px;border-top:none;margin:0;padding:0;width:119px; height:23px;background-position:-168px -263px;text-indent:-9999px;}
.banjiwrap #footer .footer address {color:#7c7c7c;font-size:11px;padding-top:3px;font-style: normal;}
.banjiwrap #footer .footer address span {color:#7c7c7c}
.banjiwrap #footer .footer address strong {color:#666666;margin-right:12px;width:200px;display:inline-block;text-align:right}
.banjiwrap #footer .footer address strong span {color:#857768;margin-left:5px}
.banjiwrap #footer .footer p {font-size:11px;border-top:1px solid #e5e5e5;padding-top:8px;margin-top:5px;color:#a8a8a8}
.banjiwrap #footer .footer p.gniinfotxt{border: 0px; float: left; color:#666666; }
.banjiwrap #footer .footer p.gniinfotxt span.hipe{margin: 0px; font-size: 12px; font-weight:700;}
.banjiwrap #footer .footer p.gniinfotxt span.hipe span.pa{color:#857768; margin-left:5px; font-weight:100;  font-size: 12px; }
.banjiwrap #footer .footer p span {float:right;margin-right:12px;font-size:10px}
.ir {background: url(https://ad.goodneighbors.kr/mainSprite.png)}
.banjiwrap .banjibtn a:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.banjiwrap .banjibtn a:hover:before, .banjiwrap .banjibtn a:focus:before, .banjiwrap .banjibtn a:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.banjiwrap .banjibtn 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}}
@keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);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 clips1{0%{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);} 100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
@keyframes clips2{0%{clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);} 100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}