@charset "utf-8";
/* 공통 */
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
*{font-family: omnigothic, sans-serif;font-weight: 300;font-style: normal;}/*font-family: 'Spoqa Han Sans Neo', 'sans-serif';*/
p, a, h1, h2, h3, h4, h5, h6,strong,ul,li,span {transform: skew(-0.1deg);line-height:1}
html, body, div, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, img, ins, kbd, q, samp,small, var, i,dl, dt, dd, ol, ul, li,fieldset, form, legend,table, caption, tbody, tfoot, thead, tr, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time,  audio, video{margin:0;padding:0;border:0;vertical-align:baseline;font-size:14px;background:transparent;list-style:none;box-sizing:border-box;word-break:break-all}
html, body, div, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, img, ins, kbd, q, samp,small, var, i,dl, dt, dd, ol, ul, li,fieldset, form, legend,table, caption, tbody, tfoot, thead, tr, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time,  audio, video{margin:0;padding:0;border:0;vertical-align:baseline;font-size:14px;background:transparent;list-style:none;box-sizing:border-box;word-break:break-all}
span, em, mark, strong, b, label{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;list-style:none;box-sizing:border-box}
html{overflow-x: hidden}
body{line-height:1;-webkit-text-size-adjust:none;background:#fff;color:#000;overflow:hidden!important}
body::-webkit-scrollbar:horizontal{display:none}
body.member{background:#fff}
body.open-modal{overflow:hidden}
img{vertical-align:bottom}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block}
fieldset, img, abbr, acronym{border:0}
ol, ul{list-style:none}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;border:0}
legend, caption{font-size:0;overflow:hidden;text-indent:-9999999px;height:0;width:0;line-height:0}
td,th{word-break:break-all;margin:0;padding:0;font-size:14px;box-sizing:border-box}
ins{text-decoration:none}
del{text-decoration:line-through}
sub, sup{margin:0;padding:0}
em,i{font-style:normal}
a, a:link, a:visited, a:active,a:hover{text-decoration:none; -webkit-tap-highlight-color : transparent}
input[type="button"], button{margin:0;padding:0;border:0;cursor:pointer;background:none}
input[type="reset"], input[type="submit"]{line-height:normal;border:0}
textarea{padding:1%;width:100%;border:1px solid #ccc;color:#4d4d4d;resize:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
button:focus{}

.align-l{float:left}
.align-r{float:right}
.color-org{color:#ff5353}
.color-pink{color:#ff3482}
.color-red{color:#ff5353}
.clearfix::after{clear:both;display:block;content:""}
.wrap{width:100%}
/*공통*/
.cont-1-wrap .cont-1,.cont-2-wrap .cont-2,.cont-3-wrap .cont-3,.cont-4-wrap .cont-4{width:888px;padding:100px 0;text-align:center;margin:0 auto}
.ra-center h2{font-size:40px;font-weight:600;margin-bottom:15px}
.ra-center h3{font-size:22px;font-weight:400;line-height:33px;letter-spacing:-0.88px}

/*main영역*/
.ra-center .main-wrap{width:100%;height:606px;background:#372c8a;color:#fff;position:relative}/* 20240822 수정 : height:590px; */
.ra-center .main-wrap .main{width:888px;margin:0 auto}
.ra-center .main-wrap .essen-txt{font-size:13px;text-align:right;letter-spacing:-0.26px;color:rgba(255, 255, 255, 0.5);padding:30px 30px 74px 0;font-family: 'Spoqa Han Sans Neo', 'sans-serif';}/* 20240822 수정 : padding:30px 30px 90px 0; */
.ra-center .main-wrap .align-l{width:448px;padding-left:40px}
.ra-center .main-wrap h2{font-size:52px;margin-bottom:16px;font-weight:600}
.ra-center .main-wrap h2 span{color:#7664ff;font-weight:600}
.ra-center .main-wrap strong{display:block;font-size:17px;margin-bottom:16px;font-weight:600}
.ra-center .main-wrap p{line-height:26px; color:rgba(255, 255, 255, 0.7);font-weight:400;font-size:17px}
.ra-center .main-wrap .sub-btn{width:410px;height:60px;background:#fff;color:#4f3fc6;font-size:18px;display:block;margin:50px 0 56px;line-height:60px;text-align:center;border-radius:10px;font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-weight:700}
@keyframes moveRight {from {transform: translateX(20%);opacity:0}to {transform: translateX(0);opacity:1}}
@keyframes moveLeft {from {transform: translateX(-20%);opacity:0}to {transform: translateX(0);opacity:1}}
.ra-center .main-wrap .align-r{width:324px;height:303px;background:url(//image.paxnet.co.kr/rpan/imgs/ra-center/2305/paxai-main.png) no-repeat;animation-timing-function:ease-in-out;animation:moveRight 1.3s;position:relative}
.ra-center .main-wrap .ra-desc{width:100%;background:#281d7a;text-align:center;position:absolute;bottom:0;left:0;padding:17px 0}/* 20240822 삭제 : height:120px; */
.ra-center .main-wrap .ra-desc p,.ra-center .main-wrap .ra-desc span{font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-size:14px;line-height:24px;font-weight:500}


/*cont-1영역*/
.cont-1-wrap{width:100%;background:#fff}
.cont-1-wrap .align-l{width:411px}
.cont-1-wrap .align-l h2{color:#333}
.cont-1-wrap .align-l h3{color:#333;margin-bottom:50px}
@keyframes opac{
    from {opacity:0}
    to{opacity:1}
}
@keyframes rotat{
    from{transform:rotate(360deg)}
}
.cont-1-wrap .align-l .cont-1-imgs span{width:134px;height:181px;display:inline-block;animation:opac 1.3s ease;animation-fill-mode: forwards;opacity:0}
.cont-1-wrap .align-l .cont-1-imgs span:nth-child(1){background:url(//image.paxnet.co.kr/rpan/imgs/ra-center/2305/BigData.png) no-repeat;}
.cont-1-wrap .align-l .cont-1-imgs span:nth-child(2){background:url(//image.paxnet.co.kr/rpan/imgs/ra-center/2305/MachineLearning.png) no-repeat;animation-delay:0.3s;}
.cont-1-wrap .align-l .cont-1-imgs span:nth-child(3){background:url(//image.paxnet.co.kr/rpan/imgs/ra-center/2305/Fintech.png) no-repeat;animation-delay:0.6s;}
.cont-1-wrap .align-l .cont-1-imgs span:nth-child(2)::before,.cont-1-wrap .align-l .cont-1-imgs span:nth-child(3)::before{width:8px;height:8px;background:url(//image.paxnet.co.kr/rpan/imgs/ra-center/2305/ic_plus.png) no-repeat;background-size:8px 8px;display:block;content:"";clear:both;margin-top:86px}
.cont-1-wrap .align-r{position:relative;width:396px;height:396px;animation:opac 1.3s ease;animation-delay:0.9s;opacity:0;animation-fill-mode: forwards;}
.cont-1-wrap .align-r .ai-border{border:1.5px dotted #6555df;width:396px;height:396px;border-radius:396px;position:absolute;animation:rotat 30s linear infinite;}/**/
.cont-1-wrap .align-r .ai-border .ai-border-dot{width:20px;height:20px;border:5px solid #6555df;border-radius:11px;display:block;position:absolute;background:#fff}
.cont-1-wrap .align-r .ai-border .ai-border-dot:nth-child(1){top:54px;left:42px}
.cont-1-wrap .align-r .ai-border .ai-border-dot:nth-child(2){right:0;top:122px}
.cont-1-wrap .align-r .ai-border .ai-border-dot:nth-child(3){bottom:17px;left:87px}
.cont-1-wrap .align-r .ai-border .ai-border-dot:nth-child(4){bottom:46px;right:49px}
.cont-1-wrap .align-r .ai-back{width:360px;height:360px;border-radius:360px;background:#6555df;position:absolute;text-align:center;margin:18px}
.cont-1-wrap .align-r .ai-back img{display:block;margin:60px 0 0 60px}
.cont-1-wrap .align-r .ai-back p{color:#fff;font-weight:600;font-size:24px;line-height:1;margin-top:18px}
.cont-1-wrap .align-r .ai-back p span{color:rgba(255,255,255,0.6);font-weight:400;font-size:17px;}

/*cont-2영역*/
.cont-2-wrap{width:100%;background:#4f3fc6}
.cont-2-wrap .cont-2 h2{color:#fff}
.cont-2-wrap .cont-2 h3{color:rgba(255, 255, 255, 0.6)}
.cont-2-wrap .cont-2 ul{margin:70px auto 0;width:640px}/*가운데정렬 수정하삼*/
@keyframes bubble {
  from {transform: translateY(30%);opacity:0}to {transform: translateY(0);opacity:1}
}
.cont-2-wrap .cont-2 ul li{width:310px;background:#fff;float:left;margin:20px 0 0 20px;text-align:center;border-radius:10px;padding:20px 0;opacity:0;animation-timing-function:ease-in-out;animation:bubble 1.3s;animation-fill-mode: forwards;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);}
.cont-2-wrap .cont-2 ul li:nth-child(odd){margin-left:0}
.cont-2-wrap .cont-2 ul li:nth-child(-n+2){margin-top:0}
.cont-2-wrap .cont-2 ul li:nth-child(1){animation-delay:0.3s}
.cont-2-wrap .cont-2 ul li:nth-child(2){animation-delay:0.6s}
.cont-2-wrap .cont-2 ul li:nth-child(3){animation-delay:0.9s}
.cont-2-wrap .cont-2 ul li:nth-child(4){animation-delay:1.2s}
.cont-2-wrap .cont-2 ul li .expt-tit{color:#000;font-size:24px;font-weight:600;margin-bottom:8px}
.cont-2-wrap .cont-2 ul li .expt-form{margin-bottom:8px}
.cont-2-wrap .cont-2 ul li .expt-form span{color:#6155c0;font-size:16px;font-weight:600}
.cont-2-wrap .cont-2 ul li .expt-form span::before{content:"";display:inline-block;width:1px;height:16px;border-left:1px solid #ededed;margin:0 5.5px;top:3px;position:relative}
.cont-2-wrap .cont-2 ul li .expt-form :nth-child(1)::before{display:none}
.cont-2-wrap .cont-2 ul li .expt-cont{font-size:14px;font-weight:400;color:#000;line-height:20px}
.cont-2-wrap .cont-2 ul li hr{border:1px solid #ededed;margin:20px 26px}
.cont-2-wrap .cont-2 ul li .expt-rate,.cont-2-wrap .cont-2 ul li .expt-rate span{font-size:24px;font-weight:600}
.cont-2-wrap .cont-2 ul li .expt-rate{color:#4f3fc6}


/*cont-3영역*/
.cont-3-wrap {width:100%;background:#323232}
.cont-3-wrap .cont-3 h2{color:#fff}
.cont-3-wrap .cont-3 h3{color:rgba(255, 255, 255, 0.6)}
.cont-3-wrap .cont-3 .graphic-area{position:relative}
.cont-3-wrap .cont-3 .graphic-area .graphic-ph{margin-top:38px;position:relative}
.cont-3-wrap .cont-3 .graphic-area .graphic-ph .ph-img{background:url(//image.paxnet.co.kr/rpan/imgs/ra-center/2305/img_phone.png) no-repeat;width:260px;height:527px;margin:0 auto}
.cont-3-wrap .cont-3 .graphic-area .graphic-ph .ph-img > p{font-size:14px;color:#b0bddd;text-align:left;position:absolute;font-family: "pretendard", sans-serif;font-weight:500;margin-left:30px;line-height: 16px;}
.cont-3-wrap .cont-3 .graphic-area .graphic-ph .ph-img > p:nth-child(1){top:67px}
.cont-3-wrap .cont-3 .graphic-area .graphic-ph .ph-img > p:nth-child(2){top:331px}
.cont-3-wrap .cont-3 .graphic-area .graphic-ph .ph-img > p:nth-child(3){text-align:center;top: 184px;margin-left:92px;z-index:2;color:#342E58;font-weight:600}
.cont-3-wrap .cont-3 .graphic-area .graphic-ph .ph-img > p span{font-family: "pretendard", sans-serif;font-weight:500;font-size:12px;color:#6155C0;font-weight:600}
/*차트*/
.pieID {display: inline-block;vertical-align: top;margin-top:103px}
.pie {height: 200px;width: 200px;position: relative}
.pie::before {content: "";display: block;position: absolute;z-index: 1;width: 100px;height: 100px;background: #EEE;border-radius: 50%;top: 50px;left: 50px;}
.slice {position: absolute;width: 200px;height: 200px;clip: rect(0px, 200px, 200px, 100px);animation: bake-pie 1s;}
.slice span {display: block;position: absolute;top: 0;left: 0;background-color: black;width: 200px;height: 200px;border-radius: 50%;clip: rect(0px, 200px, 200px, 100px);}
.legend {list-style-type: none;padding: 0;margin: 0;background: #FFF;padding: 15px;font-size: 13px;box-shadow: 1px 1px 0 #DDD, 2px 2px 0 #BBB;}
.legend li {width: 110px;height: 1.25em;margin-bottom: 0.7em;padding-left: 0.5em;border-left: 1.25em solid black;}
.legend em {font-style: normal;}
.legend span {float: right;}
/*차트 end*/
.cont-3-wrap .cont-3 .graphic-area .flow-list{animation-timing-function:ease-in-out;animation:flowlistRright 1.3s ease;position:absolute;float:right;animation-fill-mode: forwards;opacity:0;}
@keyframes flowlistRright{from{transform: translateX(20%);opacity:0}to {transform: translateX(0);opacity:1}}
.cont-3-wrap .cont-3 .graphic-area .flow-list:nth-child(1){top:110px;right:-10px!important}
.cont-3-wrap .cont-3 .graphic-area .flow-list:nth-child(2){bottom:136px;left:-56px;float:left;animation:moveLeft 1.3s ease;animation-fill-mode: forwards;}
.cont-3-wrap .cont-3 .graphic-area .flow-list:nth-child(2) ul li:nth-child(3){background:#937dff}
.cont-3-wrap .cont-3 .graphic-area .flow-list:nth-child(4){bottom:46px;right:-202px!important}
.cont-3-wrap .cont-3 .graphic-area .flow-list ul li{width:136px;height:122px;border-radius:10px;color:#fff;margin-right:16px;float:left;padding:12px 10px;text-align:left}
.cont-3-wrap .cont-3 .graphic-area .flow-list:nth-child(1) ul li{float:right;margin-right:0;margin-left:16px}
.cont-3-wrap .cont-3 .graphic-area .flow-list ul li:nth-child(1),.cont-3-wrap .cont-3 .graphic-area .flow-list:nth-child(1) ul li:nth-child(3),.cont-3-wrap .cont-3 .graphic-area .flow-list:nth-child(2) ul li:nth-child(3){background:#225cff}
.cont-3-wrap .cont-3 .graphic-area .flow-list ul li:nth-child(2){background:#7664ff}
.cont-3-wrap .cont-3 .graphic-area .flow-list ul li:nth-child(3),.cont-3-wrap .cont-3 .graphic-area .flow-list:nth-child(1) ul li:nth-child(1){background:#ac9bff}
.cont-3-wrap .cont-3 .graphic-area .flow-list ul li:nth-child(4){background:#7664ff}
.cont-3-wrap .cont-3 .graphic-area .flow-list ul li:nth-child(5){background:#4f3fc6}
.cont-3-wrap .cont-3 .graphic-area .flow-list ul li:last-child{margin-right:0}
.cont-3-wrap .cont-3 .graphic-area .flow-list:nth-child(4) ul li:nth-child(1){background:#ccc5ff}
.cont-3-wrap .cont-3 .graphic-area .flow-list:nth-child(4) ul li:nth-child(2),.cont-3-wrap .cont-3 .graphic-area .flow-list:nth-child(2) ul li:nth-child(1){background:#937dff}
.cont-3-wrap .cont-3 .graphic-area .flow-list ul li p,.cont-3-wrap .cont-3 .graphic-area .flow-list ul li .flow-list-detail p span{font-family: "pretendard", sans-serif;font-weight:300;font-style:normal}
.cont-3-wrap .cont-3 .graphic-area .flow-list ul li > p:first-child{color:#e0e7ff;font-size:10px}
.cont-3-wrap .cont-3 .graphic-area .flow-list ul li .flow-list-tit{font-size:14px;font-weight:700;padding: 8px 0}
.cont-3-wrap .cont-3 .graphic-area .flow-list ul li .flow-list-detail p{font-size:10px;line-height:1.5}
.cont-3-wrap .cont-3 .graphic-area .flow-list ul li .flow-list-detail p span{color:rgba(255, 255, 255, 0.6);margin-right:7px}

/*cont-4영역*/
.cont-4-wrap{width:100%;background:#fff;position:relative}
.cont-4-wrap .cont-4{padding-bottom:0}
.cont-4-wrap .cont-4 h2{color:#4f3fc6}
.cont-4-wrap .cont-4 h3{color:#35393c}
.cont-4-wrap .cont-4 .cont-4-gra{color:#fff;width:888px;background:linear-gradient(to right,#8576fc,#4f3fc6);border-radius:20px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);padding:55px 61px 0 54px;margin-top:22px}
.cont-4-wrap .cont-4 .cont-4-gra .align-l::after{background:url(//image.paxnet.co.kr/rpan/imgs/ra-center/2305/ic_plus2.png) no-repeat;width:44px;height:44px;clear:both;content:"";display: block;top:60px;left:332px;position:absolute}
.cont-4-wrap .cont-4 .cont-4-gra .align-l p{font-size:22px;line-height:28px;font-weight:600;text-align:center}
.cont-4-wrap .cont-4 .cont-4-gra .align-l .phone-gra-area{background:url(//image.paxnet.co.kr/rpan/imgs/ra-center/2305/phone_popup.png) no-repeat;width:300px;height:355px;margin-top:15px}

.cont-4-wrap .cont-4 .cont-4-gra .align-l .phone-gra-area .phone-gra:nth-child(1){}

.cont-4-wrap .cont-4 .cont-4-gra .align-r{text-align:left;position:relative;margin-top:10px}
.cont-4-wrap .cont-4 .cont-4-gra .align-r p{color:#fff;font-size:22px;font-weight:600;margin-bottom:48px;text-align:left}
.cont-4-wrap .cont-4 .cont-4-gra .align-r ul li{font-size:16px;color:rgba(255, 255, 255, 0.6);margin-top:30px;line-height:22px;letter-spacing:-0.32px;text-align:left;padding-left:24px;font-weight:400}
.cont-4-wrap .cont-4 .cont-4-gra .align-r ul li:nth-child(1){margin-top:0}
.cont-4-wrap .cont-4 .cont-4-gra .align-r ul li::before{width:20px;height:20px;background:url(//image.paxnet.co.kr/rpan/imgs/ra-center/2305/ic_check.png) no-repeat;clear:both;content:"";display: block;position: absolute;left:0px;}
.cont-4-wrap .cont-4 .cont-4-gra .align-r ul li span{font-size:18px;color:#fff;font-weight:600}
.cont-4-wrap .fin-text{margin-top:50px}
.cont-4-wrap .fin-text p{color:#333;text-align:left;font-size:22px;font-weight:600;display:inline-block;margin-left:43px;position:relative;bottom:55px;line-height:30px}
.cont-4-wrap .cont-4 .cont-4-gra,.cont-4-wrap .fin-text{z-index: 2;position: relative;}
.cont-4-1{background:#e5ebfc;height:370px;position:absolute;bottom:0;width:100%}

/*유의사항*/
.ra-notice{margin-top:50px;transform: skew(0deg);transition:transform 0.2s ease-in-out}
.ra-notice ul li{transition:transform 0.2s ease-in-out}
.ra-notice .ra-notice-tit{width:100%;border:1px solid #e7ebef;border-bottom:0;background:#fff;padding:15px 20px;font-size:16px;color:#333;font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-weight:400;transition:transform 0.2s ease-in-out;cursor:pointer}
.ra-notice .ra-notice-tit::before{display:block;content:"";clear:both}
.ra-notice ul li:last-child .ra-notice-tit{border-bottom:1px solid #e7ebef}
.ra-notice .ra-notice-tit span{border: solid #c0c5cb;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;position:relative;right:0;float:right;transition:transform 0.2s ease-in-out}
.ra-notice .ra-notice-tit .arr-down {transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-top:0}
.ra-notice .ra-notice-tit.active .arr-down{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);animation-fill-mode: forwards;margin-top: 5px}
.ra-notice .ra-notice-txt{width:100%;padding:26px 24px;background:#f7f9fa;font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-size:13px;line-height:18px;font-weight:500;border-top:1px solid #e7ebef;display:none;transition:transform 0.2s ease-in-out}
.ra-notice .ra-notice-txt span,.ra-notice .ra-notice-txt b{font-family: 'Spoqa Han Sans Neo', 'sans-serif'}
.ra-notice .ra-notice-txt span{font-weight:500}
.ra-notice .ra-notice-txt2{width:100%;padding:26px 24px;background:#f7f9fa;font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-size:15px;line-height:18px;font-weight:500;border-top:1px solid #e7ebef;display:none;transition:transform 0.2s ease-in-out}
.ra-notice .ra-notice-txt2 span,.ra-notice .ra-notice-txt b{font-family: 'Spoqa Han Sans Neo', 'sans-serif'}
.ra-notice .ra-notice-txt2 span{font-weight:500}
.charge-table{width:100%;margin-top:10px}
.charge-table, .charge-table th, .charge-table td {border: 1px solid #DEE2E6; border-collapse: collapse;font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-size: 14px;line-height:26px;font-weight: 500;text-align:center;padding:8px;vertical-align: middle}
.charge-table th{background:#E7EBEF}

.sa {
  opacity: 0;
  transition: all .5s ease;
}
.sa.show {
  opacity: 1;
  transform: none;
}
.slice.s0-0{transform: rotate(70deg) translate3d(0px, 0px, 0px)!important;}
.slice.s0-0 span{background:#6155C0 !important;transform: rotate(-76.319deg) translate3d(0px, 0px, 0px)!important;}
.slice.s1-0{transform:rotate(-11.3195deg) translate3d(0px, 0px, 0px)!important}
.slice.s1-0 span{background:#4F3FC6 !important;transform: rotate(-91.988deg) translate3d(0px, 0px, 0px)!important;}
.slice.s2-0{transform:rotate(-141.3444deg) translate3d(0px, 0px, 0px)!important}
.slice.s2-0 span{background:#7664FF !important;transform: rotate(-74.3444deg) translate3d(0px, 0px, 0px)!important;}
.slice.s3-0{transform: rotate(172.348deg) translate3d(0px, 0px, 0px)!important}
.slice.s3-0 span{background:#9C88FF !important;transform: rotate(-95.657deg) translate3d(0px, 0px, 0px)!important;}
.slice.s4-0{transform: rotate(323.691deg) translate3d(0px, 0px, 0px)!important;}
.slice.s4-0 span{background:#C1D0FF !important;transform: rotate(-154.6905deg) translate3d(0px, 0px, 0px)!important;}

/* 20230706 추가 : 베너 영역 */
.ra-banner{width:100%;background:#382d8b}
.ra-banner a{display:block;width:100%;max-width:1128px;margin:0 auto}


.movingToRight{animation:left-right 10s ease-in-out alternate-reverse infinite;}
.movingToRight2{animation:left-right 10s ease-in-out alternate-reverse infinite;}
.movingToleft{animation:left-right2 10s ease-in-out alternate infinite;}

.pieZoom{animation:zoomOut 5s ease}
@keyframes left-right {
  from {transform: translateX(-100px)}
  to {transform: translateX(100px)}
}
@keyframes left-right2 {
  from {transform: translateX(-70px)}
  to {transform: translateX(70px)}
}

@keyframes zoomOut {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}