.april_listFrame{margin-top:30px}.april_listFrame .social-list-title{padding:13px 0;position:relative}.april_listFrame .social-list-title h2{font-size:1.6em;font-weight:600}.april_listFrame .social-list-title button{position:absolute;right:0;top:calc(50% - 26px)}.april_listFrame .row{margin-right:-10px!important;margin-left:-10px!important}.april_listFrame .col-4{padding:10px;margin-top:10px;text-align:left}.april_listFrame .col-4 .project-card-frame{border-radius:90px 15px;border:2px solid rgba(0,0,0,.06);-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box}.april_listFrame .col-4 .project-card-frame:hover,.april_listFrame .col-4 .project-card-frame:active{border:2px solid rgba(0,0,0,.12)}.april_listFrame .card-rolling-arrow{position:absolute;top:50%;width:100%;margin-top:-20px}.april_listFrame .card-rolling-arrow button{border:0}.april_listFrame .card-rolling-arrow .rolling-arrow-right{background:url(/assets/images/april/scroll_arrow.png) no-repeat center;background-size:100%;padding:20px 10px;position:absolute;right:-18px}.april_listFrame .card-rolling-arrow .rolling-arrow-left{background:url(/assets/images/april/scroll_arrow_left.png) no-repeat center;background-size:100%;padding:20px 10px;position:absolute;left:-18px}.april_listFrame .card-rolling-arrow .rolling-arrow-left:hover{background:url(/assets/images/april/scroll_arrow_left_on.png) no-repeat center;background-size:100%}.april_listFrame .card-rolling-arrow .rolling-arrow-right:hover{background:url(/assets/images/april/scroll_arrow_on.png) no-repeat center;background-size:100%}.socialListTitle{position:relative;margin:30px 0 15px}.socialListTitle h2{font-size:1.277em;font-weight:600}.socialListTitle .more{width:40px;height:40px;position:absolute;right:0;top:-10px;background:url(/assets/images/april/icon_grayArrow_next.png) center no-repeat;background-size:12px 20px;text-indent:100%;overflow:hidden;white-space:nowrap}.card-rolling-arrow{position:absolute;top:0%;width:100%;margin-top:0}.card-rolling-arrow button{border:0;border-radius:50%}.card-rolling-arrow .right-cover{right:0}.card-rolling-arrow .left-cover{left:0}.card-rolling-arrow a{position:absolute;height:220px;width:15%;top:0;z-index:111}.card-rolling-arrow .rolling-arrow-right{background:url(/assets/images/april/btn_nextArrow.png) no-repeat center rgba(0,0,0,.5);background-size:30%;padding:30%;position:absolute;right:17%;z-index:1;top:45%}.card-rolling-arrow .rolling-arrow-right:hover{background:url(/assets/images/april/btn_nextArrow.png) no-repeat center rgba(0,0,0,.7);background-size:30%}.card-rolling-arrow .rolling-arrow-left{background:url(/assets/images/april/btn_preArrow.png) no-repeat center rgba(0,0,0,.5);background-size:30%;padding:30%;position:absolute;left:17%;z-index:1;top:45%}.card-rolling-arrow .rolling-arrow-left:hover,.card-rolling-arrow .rolling-arrow-left:active{background:url(/assets/images/april/btn_preArrow.png) no-repeat center rgba(0,0,0,.7);background-size:30%;border:0px}.april_listFrame:last-child{padding-bottom:78px}.socialList{position:relative}.socialList .col-12{margin:20px 0}.socialList .card{border-radius:50px 5px 5px}.socialList .card .card-body{padding:0!important}.socialList .card-rolling-arrow .left-cover,.socialList .card-rolling-arrow .right-cover{height:200px}
