html{font-size:10px;}
a,div,img,button,area,input,select,audio{outline:none;}
body,input,textarea,select,button,a{font-family:'pretendard';font-weight:400;}
body{line-height:1;}

#wrap{position:relative;overflow:hidden;}
.container{position:relative;z-index:1;text-align:center;}
.db{position:relative;max-width:1260px;margin:0 auto;text-align:left;}

.skip_navigation{position:relative;}
.skip_navigation a{position:absolute;display:block;top:-10000px;left:0;padding:10px 0;text-align:center;font-size:1.5rem;line-height:1.5rem;color:#fff;background:#000;}
.skip_navigation a:focus{position:static;top:0;}

.content{width:100%;margin:0 0 80px 0;}

.header{position:relative;z-index:2;height:90px;}
.header .mobile-nav{display:none;}
.header .db{max-width:1920px;}

.header .navi-wrap-outer{position:fixed;z-index:1002;top:0;left:0;width:100%;margin:0;border:none;border-bottom:1px solid #ddd;background:#fff;box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 10px;}
.header .navi-wrap{position:relative;}
.header .navi-wrap .logo{position:absolute;top:32px;left:20px;display:inline-block;}
.header .navi-wrap .navi-box{padding:12px 180px 12px 0;text-align:right;}
.header .navi-wrap .navi-box a{display:inline-block;padding:25px 18px;font-size:1.6rem;font-weight:500;color:#474747;}
.header .navi-wrap .inquiry-btn{position:absolute;top:23px;right:20px;padding:15px 22px;color:#fff;background:#000;border-radius:4px;}
.header .navi-wrap.fixed{position:fixed;z-index:1002;top:0;left:0;width:100%;margin:0;border:none;border-bottom:1px solid #ddd;background:#fff;box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 10px;}

.footer{padding:60px 0 60px 0;margin-top:80px;border-top:1px solid #dfdfdf;}
.footer .nav ul{}
.footer .nav li{display:inline-block;margin-left:-12px;}
.footer .nav li a{display:inline-block;padding:15px 12px;color:#787878;}
.footer .desc{margin-top:15px;}
.footer .desc .r1{font-size:1.6rem;font-weight:bold;}
.footer .desc .r2{margin-top:16px;font-size:1.4rem;color:#767676;}
.footer .desc .r2 .line{display:inline-block;vertical-align:bottom;width:1px;height:13px;margin:0 6px 0 8px;background:#ababab;}
.footer .copyright{margin-top:8px;font-size:1.4rem;color:#767676;}

@media screen and (max-width:1099px) {
.db{max-width:100%;margin:0;}

.header{height:auto;}
.header .navi-wrap-outer{display:none;}

.header .mobile-nav{display:block;height:55px;background:#fff;}
.header .mobile-nav .mobile-nav-inside{position:fixed !important;z-index:1001;top:0;width:100%;text-align:center;border-bottom:1px solid #f4f4f4;background:#fff;}

.header .mobile-nav .mobile-nav-show-btn{float:left;width:20%;height:54px;cursor:pointer;}
.header .mobile-nav .mobile-nav-show-btn .box-wrap{text-align:center;}
.header .mobile-nav .mobile-nav-show-btn .box{display:inline-block;margin-top:9px;}
.header .mobile-nav .mobile-nav-show-btn ul{display:inline-block;margin-top:6px;}
.header .mobile-nav .mobile-nav-show-btn ul li{display:block;width:19px;height:3px;margin-top:4px;border-radius:8px;background:#ababab;}

.header .mobile-nav .logo-mobile{float:left;width:60%;height:54px;line-height:54px;margin:0;text-align:center;font-weight:bold;}
.header .mobile-nav .logo-mobile img{max-height:22px;vertical-align:middle;}

.header .mobile-nav-layer{position:fixed;z-index:1002;top:0;left:-100%;width:85%;height:100%;text-align:left;overflow-y:scroll;background:#fff;}
.header .mobile-nav-layer .inner-box{padding:30px 0 0 0;}
.header .mobile-nav-layer .navi a{display:block;text-align:left;font-size:2rem;padding:18px 20px;}
.header .mobile-nav-layer .navi-layer-back{position:fixed;z-index:-1;top:0;left:85%;width:15%;height:200%;background:#333;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.header .mobile-nav-layer .navi-layer-close-btn{position:fixed;top:34px;right:0;width:15%;padding:.8em 0;text-align:center;font-size:30px;color:#fff;}
}

@media screen and (max-width:767px) {
html{font-size:8px;}

.footer{padding:40px 14px 40px 14px;margin-top:80px;line-height:2.2rem;}
.footer .desc .r1{font-size:1.8rem;}
.footer .desc .r2{font-size:1.6rem;}
.footer .copyright{font-size:1.6rem;}
}

.main .block-title{margin:0 0 80px 0;text-align:center;}
.main .block-title li:nth-child(1){font-size:3.4rem;line-height:4.2rem;color:#393939;word-break:keep-all;}
.main .block-title li:nth-child(2){margin-top:26px;line-height:30px;font-size:20px;}

.event-slide-up{transform:translate(0, 90px);opacity:0;}
.event-slide-up.start-event{transform:translate(0, 0);opacity:1;transition:all ease-out .8s;}

.event-fade-in{opacity:0;}
.event-fade-in.start-event{opacity:1;transition:all ease-out 1.6s;}

.main-block1 .rows .row{position:relative;height:870px;overflow:hidden;}
.main-block1 .rows .row ul{position:absolute;top:50%;width:100%;margin-top:-86px;text-align:center;color:#fff;}
.main-block1 .rows .row ul li:nth-child(1){font-size:2.4rem;transition:font-size 1.2s;}
.main-block1 .rows .row ul li:nth-child(2){margin-top:24px;font-size:4.8rem;line-height:6.2rem;font-weight:600;}
.main-block1 .rows .row .img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.main-block1 .rows .row .img img{width:auto;max-width:none;transform:scale(1.3, 1.3);filter:brightness(0);transition:transform ease-out 7s, filter 3s ease-out;}
.main-block1.active .rows .row .img img{filter:brightness(.7);transform:scale(1, 1);}

.main-block2{position:relative;margin:120px 0 140px 0;}
.main-block2:after{content:'';position:absolute;bottom:-58px;left:auto;right:auto;margin-left:-6px;border:solid #797979;border-width:0 2px 2px 0;display:inline-block;padding:6px;transform:rotate(45deg);}

.main-block3{padding:100px 0 100px 0;background:#F8F9FA;}
.main-block3 .rows{margin:0 -40px;overflow:hidden;}
.main-block3 .rows .row{float:left;width:33.333333%;margin-bottom:80px;}
.main-block3 .rows .row ul{margin:0 40px;}
.main-block3 .rows .row ul li:nth-child(1){height:220px;line-height:220px;text-align:center;border:1px solid #dfdfdf;background:#fff;}
.main-block3 .rows .row ul li:nth-child(1) img{max-height:140px;}
.main-block3 .rows .row ul li:nth-child(2){margin:28px 0 0 1px;font-size:2.22rem;color:#191919;}
.main-block3 .rows .row ul li:nth-child(3){height:66px;margin:12px 0 0 1px;font-size:1.7rem;line-height:22px;word-break:keep-all;}

@media screen and (max-width:767px) {
.main-block3{padding:90px 15px 40px 15px;}
.main-block3 .rows{width:100%;margin-left:0;}
.main-block3 .rows .row{float:none;width:100%;margin-bottom:60px;}
.main-block3 .rows .row ul{margin:0;}
}

.main-block4{margin-top:160px;}
.main-block4 .rows .row{position:relative;padding:140px 0;}
.main-block4 .rows .row dl{overflow:hidden;}
.main-block4 .rows .row dt{width:40%;}
.main-block4 .rows .row dd{width:60%;padding-top:2px;text-align:left;}
.main-block4 .rows .row dd .row-title{position:relative;font-size:3.8rem;font-weight:700;color:#396EFF;letter-spacing:-1px;}
.main-block4 .rows .row dd .list-title{margin-top:40px;font-size:2rem;color:#111111;font-weight:700;}
.main-block4 .rows .row dd ul{margin-top:12px;}
.main-block4 .rows .row dd ul li{color:#393939;font-size:1.7rem;line-height:26px;word-break:keep-all;}
.main-block4 .rows .row:nth-child(odd) dt{float:right;}
.main-block4 .rows .row:nth-child(odd) dd{float:left;}
.main-block4 .rows .row:nth-child(even){background:#F8F9FA;}
.main-block4 .rows .row:nth-child(even) dt{float:left;}
.main-block4 .rows .row:nth-child(even) dd{float:right;}
.main-block4 .rows .row:nth-child(even) dd .desc-inside{padding-left:50px;}

.main-block5{padding:120px 0;background:#F8F9FA;}
.main-block5 .rows-outer{overflow:hidden;}
.main-block5 .rows{position:relative;padding-bottom:60px;}
.main-block5 .rows .row{width:100%;text-align:center;}
.main-block5 .rows .row ul{display:inline-block;vertical-align:middle;max-width:500px;padding:40px 100px;border:2px solid #191919;overflow:hidden;}
.main-block5 .rows .row ul li:nth-child(1){font-size:2.8rem;font-weight:bold;}
.main-block5 .rows .row ul li:nth-child(2){margin-top:28px;font-size:1.8rem;line-height:2.6rem;word-break:keep-all;}
.main-block5 .pager{position:absolute;display:inline-block;z-index:2;top:50%;margin-top:-50px;cursor:pointer;}
.main-block5 .pager:before{content:'';display:inline-block;padding:8px;border:solid #191919;border-width:0 2px 2px 0;vertical-align:middle;}
.main-block5 .pager.pager-prev{left:0;padding:10px 0 10px 10px;}
.main-block5 .pager.pager-next{right:0;padding:10px 10px 10px 0;}
.main-block5 .pager.pager-prev:before{transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.main-block5 .pager.pager-next:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.main-block5 .pagination{position:absolute;z-index:10;left:0;bottom:0;width:100%;text-align:center;}
.main-block5 .pagination .page-item{display:inline-block;vertical-align:middle;width:10px;height:10px;margin:0 4px;padding:0;font-size:0;color:transparent;cursor:pointer;border:none;background:#e1e1e1;border-radius:100%;}
.main-block5 .pagination .page-item.slider-active{width:16px;height:16px;background:none;border:2px solid #191919;}

.main-block6{position:relative;padding:80px 0;text-align:center;overflow:hidden;}
.main-block6 ul{position:relative;z-index:1;color:#fff;}
.main-block6 ul li:nth-child(1){font-size:3.4rem;}
.main-block6 ul li:nth-child(2){margin-top:28px;font-size:2rem;line-height:30px;}
.main-block6 dl{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;}
.main-block6 dl dt{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#000;opacity:.6;}
.main-block6 dl dd{position:absolute;z-index:0;top:50%;left:0;width:100%;transform:translate(0, -50%);}

.main .inquiry-block-title{margin:100px 0 100px 0;text-align:center;}

.main .inquiry-custom-form{font-size:1.6rem;}
.main .inquiry-custom-form .cols{overflow:hidden;}
.main .inquiry-custom-form .col1{float:left;width:40%;}
.main .inquiry-custom-form .col1 .row{padding:0 0 35px 0;}
.main .inquiry-custom-form .col1 dl{overflow:hidden;}
.main .inquiry-custom-form .col1 dl dt{float:left;width:25%;margin-top:12px;}
.main .inquiry-custom-form .col1 dl dd{float:right;width:70%;}
.main .inquiry-custom-form .col1 input[type=text]{width:100%;height:48px;padding:0 10px;color:#333;box-sizing:border-box;border:1px solid #afafaf;background:none;border-radius:4px;}
.main .inquiry-custom-form .col1 input[type=text]:focus{outline:none;box-shadow:none;}
.main .inquiry-custom-form .col2{float:right;width:48%;}
.main .inquiry-custom-form .col2 .col-title{margin-bottom:14px;}
.main .inquiry-custom-form .col2 textarea{width:100%;height:185px;padding:10px;box-sizing:border-box;border-color:#afafaf;border-radius:4px;}
.main .inquiry-custom-form .col2 textarea:focus{outline:none;}
.main .inquiry-custom-form .terms{height:240px;padding:18px;margin-top:35px;line-height:2.1rem;border:1px solid #afafaf;overflow-x:none;overflow-y:auto;}
.main .inquiry-custom-form .btn-box{margin-top:60px;text-align:center;}
.main .inquiry-custom-form .btn-box button{display:inline-block;padding:14px 58px;font-size:2.2rem;color:#fff;background:#60789F;border:1px solid #60789F;cursor:pointer;border-radius:4px;}

.main-block7{position:relative;padding:80px 0;margin-top:120px;text-align:center;overflow:hidden;}
.main-block7 ul{position:relative;z-index:1;color:#fff;}
.main-block7 ul li:nth-child(1){font-size:2.8rem;font-weight:bold;}
.main-block7 ul li:nth-child(2){margin-top:28px;font-size:1.8rem;line-height:2.6rem;}
.main-block7 dl{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;}
.main-block7 dl dt{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#000;opacity:.6;}
.main-block7 dl dd{position:absolute;z-index:0;top:50%;left:0;width:100%;transform:translate(0, -50%);}

.main-block8{margin-top:60px;}
.main-block8 .rows{width:calc(100% + 40px);margin-left:-20px;overflow:hidden;}
.main-block8 .rows .row{float:left;width:25%;margin-bottom:88px;}
.main-block8 .rows .row ul{margin:0 20px;text-align:center;}
.main-block8 .rows .row ul li:nth-child(2){margin-top:15px;font-size:1.8rem;color:#191919;}

@media screen and (max-width:1920px) {

}

@media screen and (max-width:767px) {
.main .block-title{margin:0 0 60px 0;}
.main .block-title li:nth-child(2){margin-top:22px;}

.main-block1 .rows .row{height:460px;}
.main-block1 .rows .row .img{transform:translate(-50%, -70%);}
.main-block1 .rows .row ul li{padding:0 15px;word-break:keep-all;}
.main-block1 .rows .row ul li:nth-child(2){margin-top:26px;font-size:3.2rem;line-height:4.6rem;}
.main-block1 .rows .pager{display:none !important;}

.main-block2{padding:0 15px;margin-top:80px;}

.main-block4{margin-top:100px;}
.main-block4 .rows .row{padding:15px 15px 60px 15px;}
.main-block4 .rows .row dt{float:none !important;width:100%;}
.main-block4 .rows .row dd{float:none !important;width:100%;margin-top:30px;}
.main-block4 .rows .row .desc-inside{padding-left:2px !important;}

.main-block5{padding:120px 0;}
.main-block5 .rows{padding-bottom:40px;}
.main-block5 .rows .row ul{max-width:none;padding:30px 20px;margin:0 15px;}
.main-block5 .pager{display:none !important;}

.main-block6{padding:80px 15px;}
.main-block6 dl dd img{max-width:none;}

.main .inquiry-block-title{margin-top:80px;}

.main .inquiry-custom-form{padding:0 15px;}
.main .inquiry-custom-form .cols .col1{float:none;width:100%;}
.main .inquiry-custom-form .cols .col2{float:none;width:100%;margin-top:20px;}

.main-block7{padding:80px 15px;}

.main-block8{padding:0 15px;}
.main-block8 .rows{width:calc(100% + 40px);margin-left:-20px;}
.main-block8 .rows .row{width:50%;margin-bottom:60px;}
.main-block8 .rows .row ul{margin:0 20px;}
.main-block8 .rows .row ul li:nth-child(2){margin-top:15px;color:#191919;}
}

.animation-plan svg{height:140px;margin-top:40px;}
.animation-plan path{fill:none;stroke:#038fc7;stroke-linejoin:round;}
.animation-plan circle{fill:none;stroke-width:0.125px;stroke:#038fc7;stroke-linejoin:round;}  
.animation-plan .path1{stroke-linecap:round;stroke-width:.3px;}
.animation-plan .path2{stroke-width:0.125px;}
.animation-plan:hover circle{animation:animation-plan-nodes 6s linear infinite;}
.animation-plan:hover .path1{animation:animation-plan-path1 6s ease infinite;}
.animation-plan:hover .path2{animation:animation-plan-path2 6s cubic-bezier(.7,.1,.1,.9) infinite;}

@keyframes animation-plan-path1{
	0%{stroke-dashoffset:-50;stroke-dasharray:50 50;}
	45%{stroke-dashoffset:-100;}
	50%{stroke:#038fc7;}
	60%{stroke:#a8ddf1;}
	75%{stroke:#038fc7;}
	80%{stroke-dashoffset:-100;}
	100%{stroke-dashoffset:-130;stroke-dasharray:50 50;}
}

@keyframes animation-plan-path2{
	0%{stroke-dasharray:20 20;stroke-dashoffset:-20;}
	13%{stroke-dashoffset:-20;}
	50%{stroke-dashoffset:-40;stroke:#038fc7;}
	60%{stroke:#a8ddf1;}
	70%{stroke:#038fc7;}
	85%{stroke-dashoffset:-40;}
	100%{stroke-dashoffset:-60;stroke-dasharray:20 20;}
}

@keyframes animation-plan-nodes{
	0%{stroke-dasharray:0 4;}
	25%{stroke-dasharray:0 4;}
	35%{stroke-dasharray:4 0;stroke:#038fc7;}
	41%{fill:none;}
	42%{fill:#038fc7;}
	55%{fill:none;stroke:#038fc7;}
	65%{fill:#a8ddf1;stroke:#a8ddf1;}
	75%{stroke:#038fc7;fill:none;stroke-dasharray:4 0;}
	85%{fill:#038fc7;stroke:#038fc7;}
	93%{fill:none;stroke-dasharray:4 0;stroke-dashoffset:0;}
	100%{stroke-dashoffset:-4;stroke-dasharray:0 4;}
}

.animation-plan:hover circle:nth-child(1){animation-delay:calc(1s * -0.054);}
.animation-plan:hover circle:nth-child(2){animation-delay:calc(2s * -0.054);}
.animation-plan:hover circle:nth-child(3){animation-delay:calc(3s * -0.054);}
.animation-plan:hover circle:nth-child(4){animation-delay:calc(4s * -0.054);}
.animation-plan:hover circle:nth-child(5){animation-delay:calc(5s * -0.054);}
.animation-plan:hover circle:nth-child(6){animation-delay:calc(6s * -0.054);}
.animation-plan:hover circle:nth-child(7){animation-delay:calc(7s * -0.054);}
.animation-plan:hover circle:nth-child(8){animation-delay:calc(8s * -0.054);}
.animation-plan:hover circle:nth-child(9){animation-delay:calc(9s * -0.054);}
.animation-plan:hover circle:nth-child(10){animation-delay:calc(10s * -0.054);}
.animation-plan:hover circle:nth-child(11){animation-delay:calc(11s * -0.054);}
.animation-plan:hover circle:nth-child(12){animation-delay:calc(12s * -0.054);}
.animation-plan:hover circle:nth-child(13){animation-delay:calc(13s * -0.054);}
.animation-plan:hover circle:nth-child(14){animation-delay:calc(14s * -0.054);}
.animation-plan:hover circle:nth-child(15){animation-delay:calc(15s * -0.054);}

.animation-communication svg{height:282px;margin-top:-32px;}
.animation-communication svg path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#F2B657;}
.animation-communication svg path.path1{stroke-width:1.5px;stroke-dasharray:420,420;stroke-dashoffset:420;transition:1.5s all ease;}
.animation-communication svg path.path2{stroke-width:1.5px;stroke-dasharray:90,90;stroke-dashoffset:90;transition:1s all ease;}
.animation-communication svg path.path3{stroke-dasharray:.1 24;stroke-width:4px !important;opacity:.5;stroke-linecap:round;animation:virtual-outline 60s infinite linear;}

@keyframes virtual-outline {0%{stroke-dashoffset:0;} 100%{stroke-dashoffset:512;}}

.animation-communication:hover svg path.path1{stroke-dashoffset:0;}
.animation-communication:hover svg path.path2{stroke-dashoffset:0;}

.animation-database svg{margin-top:60px;}
.animation-database #cloud,
.animation-database #chip-mask,
.animation-database [id^="chip-node-"],
.animation-database [id^="tail-"],
.animation-database [id^="light-"],
.animation-database [id^="led-"] {transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);}
.animation-database #led-7,
.animation-database #led-8,
.animation-database #led-9 {animation-delay: 0;}
.animation-database #led-4,
.animation-database #led-5,
.animation-database #led-6 {animation-delay: 0.25s;}
.animation-database #led-3,
.animation-database #led-2,
.animation-database #led-1 {animation-delay: 0.5s;}
.animation-database #chip-node-1,
.animation-database #chip-node-4 {animation-delay: 0;}
.animation-database #chip-node-2,
.animation-database #chip-node-5 {animation-delay: 0.25s;}
.animation-database #chip-node-3,
.animation-database #chip-node-6 {animation-delay: 0.5s;}
.animation-database:hover #cloud,
.animation-database:hover #chip-mask {fill: #0184B8;stroke: #0184B8;}
.animation-database:hover #chip,
.animation-database:hover [id^="light-"] {fill: #fff;}
.animation-database:hover [id^="chip-node-"] {fill: #66B1D6;}
.animation-database:hover [id^="tail-"]{fill: #0184B8;}
.animation-database:hover [id^="led-"],
.animation-database:hover [id^="chip-node-"] {animation: blink 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);animation-iteration-count: 1;animation-fill-mode: forwards;}
.animation-database:hover [id^="light-"] {animation: flicker 0.1s linear 5;}
.animation-database:hover #light-mid {animation-delay: 0.25s;}
.animation-database:hover #light-right {animation-delay: 0.5s;}

@keyframes flicker {
	50% {opacity: 0;}
}

@keyframes blink {
	50% {fill: #0184B8;}
	100% {fill: #9ACEE4;}
}

.animation-server svg{height:200px;margin-top:8px;}
.animation-server svg path{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-width: 1.5;stroke:#F2B657;}

.animation-server svg path.path1{stroke-dasharray:420,420;}
.animation-server svg path.path2{stroke-dasharray:90,90;}
.animation-server svg path.path3{stroke-dasharray:1.1, 3;stroke-linecap:round;}

@keyframes animation-server-path1{
	0%{stroke-dashoffset:0;}
	50%{stroke-dashoffset:420;}
	55%{stroke-dashoffset:420;}
	100%{stroke-dashoffset:0;}
}

@keyframes animation-server-path2{
	0%{stroke-dashoffset:0;}
	50%{stroke-dashoffset:90;}
	55%{stroke-dashoffset:90;}
	100%{stroke-dashoffset:0;}
}

@keyframes animation-server-path3{
	0%{stroke-dashoffset:0;}
	50%{stroke-dashoffset:512;stroke-dasharray:11.1, 22;stroke-width:9;opacity:0;}
	100%{stroke-dashoffset:0;}
}

.animation-server:hover svg path.path1{animation:animation-server-path1 3s infinite linear;}
.animation-server:hover svg path.path2{animation:animation-server-path2 3s infinite linear;}
.animation-server:hover svg path.path3{animation:animation-server-path3 3s infinite linear;}

.animation-security svg{margin-top:60px;}
.animation-security #lock-handle {transform: translateY(3px);transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.animation-security #shield-border,
.animation-security #line-1,
.animation-security #line-2,
.animation-security [id^="node-"] {transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.animation-security [id^="letter-"],
.animation-security [id^="pwd-oval-"]{transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.animation-security:hover #lock-handle {animation: unlock 1.5s linear;animation-iteration-count: 1;animation-delay: 0;}
.animation-security:hover #shine-1 {transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);animation: shimmer 1.6s cubic-bezier(0.895, 0.03, 0.685, 0.22);animation-iteration-count: 1;animation-delay: 0;}
.animation-security:hover #shine-2 {transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);animation: shimmer 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);animation-iteration-count: 1;animation-delay: 0;}
.animation-security:hover #line-1,
.animation-security:hover #line-2 {stroke: #85C91D;stroke-width: 6;}
.animation-security:hover [id^="node-"]{fill: #85C91D;}
.animation-security:hover #shield-border {fill: #85C91D;}
.animation-security:hover [id^="pwd-oval-"] {opacity: 0;}
.animation-security:hover [id^="letter-"] {opacity: 1;}

@keyframes shimmer {
	25% {transform: translateX(150%) scaleX(6);opacity:0;	}
}

@keyframes unlock {
	50% {transform: translateY(-5%);}
}

.animation-cost svg{margin-top:60px;}
.animation-cost [id^="graph-"] {transform-origin: center bottom;transform: scaleY(0.8);transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);}
.animation-cost:hover #graph-one {fill: #FFD806;transform: scaleY(1.1);}
.animation-cost:hover #graph-two {fill: #FFF9CB;transform: scaleY(1.1);}
.animation-cost:hover #graph-three {fill: #FFF299;transform: scaleY(1);}
.animation-cost:hover #graph-four {fill: #FFD806;transform: scaleY(1.1);}
.animation-cost [id^="pie-"] {transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);}
.animation-cost:hover #pie-large {fill: #FFD806;}
.animation-cost:hover #pie-small-middle {fill: #FEE736;}
.animation-cost:hover #pie-small-sides {fill: #FFF299;}
.animation-cost:hover #line-graph {fill: #FEE736;}
.animation-cost:hover #joints {fill: #FFD806;}