.april_profileList[data-v-8db46cb8]{display:inline-block;width:50%;padding-right:3px}.april_profileList .group-profile-section-right[data-v-8db46cb8]{text-align:right;padding:12.5px 0 12.5px 15px}.april_profileList .group-profile-section-right .profile[data-v-8db46cb8]{display:inline-block;margin-left:15px}.april_profileList .group-profile-section-right .profile[data-v-8db46cb8]:hover{z-index:100!important}.april_profileList .five-excess-right .profile[data-v-8db46cb8]{margin-left:0}.april_profileList .group-profile-section-left[data-v-8db46cb8]{width:100%;display:flex}.april_profileList .group-profile-section-left .profile[data-v-8db46cb8]{margin-right:15px;float:left}.april_profileList .group-profile-section-left .profile[data-v-8db46cb8]:hover{z-index:100!important}.april_profileList .group-profile-section-left .profile[data-v-8db46cb8]:last-child{margin-right:0}.april_profileList .five-excess-left .profile[data-v-8db46cb8]{margin-right:-14px}.april_profileList .ten-more-right[data-v-8db46cb8]{vertical-align:middle;display:flex;justify-content:flex-end}.april_profileList .ten-more-right p[data-v-8db46cb8]{display:inline-block;font-weight:500;font-size:1.13rem;color:#263547;margin-left:15px;margin-top:15px}.april_profileList .ten-more-left[data-v-8db46cb8]{vertical-align:middle;display:flex;justify-content:flex-start}.april_profileList .ten-more-left .profile[data-v-8db46cb8]{width:100%!important}.april_profileList .ten-more-left p[data-v-8db46cb8]{display:inline-block;font-weight:500;font-size:1.13rem;color:#263547;margin-left:15px;margin-top:15px}.emoticon-box[data-v-cc05f6ba]{height:96px;background-color:#f8f9f5;text-align:left}.emoticon-box .emoticon-container[data-v-cc05f6ba]{position:relative}.emoticon-box .get-comment-emotions[data-v-cc05f6ba]{margin-left:10px;text-align:left;display:inline-block;width:106px;height:106px!important}.emoticon-box .no-content[data-v-cc05f6ba]{color:#4d545c}.emoticon-box .mh-106[data-v-cc05f6ba]{min-height:106px}.april_buff_card .movie{position:relative}.april_buff_card .carousel-inner{position:relative;overflow:hidden}.april_buff_card .carousel-inner .carousel-item{margin-top:5px;position:relative}.april_buff_card .carousel-inner .carousel-item video{height:424px}.april_buff_card .carousel-inner .carousel-item .plyr__control--overlaid{padding:12px}.april_buff_card .carousel-inner .carousel-item .title-caption{position:absolute;top:0;left:0;width:100%;height:25%;background-image:linear-gradient(0deg,transparent,rgba(0,0,0,.7))}.april_buff_card .carousel-inner .carousel-item .title-caption h3{color:#fff;text-align:left;font-size:1.3em;padding:15px;width:83%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.april_buff_card .carousel-indicators{bottom:-30px}.april_buff_card .carousel-indicators li{width:15px;height:15px;margin-right:8px;margin-left:8px;border-radius:50%;border:2px solid #aebc1f;background-color:#f8f9f5;outline:none;box-sizing:border-box}.april_buff_card .carousel-indicators .active{background-color:#aebc1f;border:0px}.april_buff_card .title-caption{position:absolute;width:100%;height:200px;top:0;left:0;text-align:left;padding:0;background:url(/assets/images/social_bg_gradation.png);background-repeat:repeat-x;z-index:10}.april_buff_card .title-caption h3{padding:11px 14px;font-weight:500;font-size:1.3rem;color:#fff;position:absolute;top:0}.april_buff_card .weekly-content-section{background-color:#fff;height:82px}.april_buff_card .weekly-content-section .comment-box{display:inline-block;margin-top:24px;vertical-align:top;width:50%}.april_buff_card .weekly-content-section .comment-box div{display:inline-block;vertical-align:middle}.april_buff_card .weekly-content-section .comment-box span{display:inline-block;font-size:1.2em}.april_buff_card .weekly-content-section .comment-box .buff-content button{background-color:transparent;border:0;padding:0}.april_buff_card .weekly-content-section .comment-box .buff-content button:hover,.april_buff_card .weekly-content-section .comment-box .buff-content button:active{background-color:transparent!important;opacity:1!important}.april_buff_card .weekly-content-section .comment-box .buff-content button span{display:flex;align-items:center}.april_buff_card .weekly-content-section .comment-box .buff-content .buff-on{vertical-align:middle;font-weight:500;color:#ff583d}.april_buff_card .weekly-content-section .comment-box .buff-content .buff-on .ic-buff{background:url(/assets/images/april/icon_like_on.png) no-repeat center;background-size:24px 40px}.april_buff_card .weekly-content-section .comment-box .buff-content .buff-off{font-weight:500;vertical-align:middle;color:#333}.april_buff_card .weekly-content-section .comment-box .buff-content .buff-off .ic-buff{background:url(/assets/images/april/icon_like_off.png) no-repeat center;background-size:24px 40px}.april_buff_card .weekly-content-section .comment-box .buff-content .ic-buff{display:inline-block;vertical-align:middle;margin-right:8px}.april_buff_card .weekly-content-section .comment-box .big{margin-right:15px}.april_buff_card .weekly-content-section .comment-box .big .buff-content span{font-size:1.3rem}.april_buff_card .weekly-content-section .comment-box .big .buff-content .ic-buff{width:24px;height:40px;position:relative;top:-3px}.april_buff_card .weekly-content-section .comment-box .small{margin-right:15px}.april_buff_card .weekly-content-section .comment-box .small .buff-content span{font-size:1.1em}.april_buff_card .weekly-content-section .comment-box .small .buff-content .ic-buff{width:18px;height:30px;background-size:18px 30px}.april_buff_card .weekly-content-section .comment-box .comment{margin-right:15px;font-size:1.2em;color:#333;background:url(/assets/images/april/icon_comment.png) left center no-repeat;background-size:20px 20px;padding-left:25px}.april_buff_card .weekly-content-section .comment-box button.btn-delete{border:0;font-size:0;width:40px;height:40px;background:url(/assets/images/april/icon-delete.png) center no-repeat transparent;background-size:20px 21px;vertical-align:middle}.april_buff_card .weekly-content-section .comment-box button.btn-delete:hover,.april_buff_card .weekly-content-section .comment-box button.btn-delete:active{opacity:.9}.april_buff_card .weekly-content-section .profileList{display:inline-block;vertical-align:top;width:50%;text-align:right;padding:10px 0 0}.april_buff_card .weekly-content-section .profileList button{border:0px;background:transparent;position:relative;padding:0;border-radius:unset;margin-right:12px}.april_buff_card .weekly-content-section .profileList button img{width:46px;height:46px;border-radius:50%}.april_buff_card .weekly-content-section .profileList button em{position:absolute;display:inline-block}.april_buff_card .weekly-content-section .profileList button .user-level1{width:49px;height:49px;left:-2px;top:-2px}.april_buff_card .weekly-content-section .profileList button .user-level2{width:49px;height:53px;left:-1px;top:-5px}.april_buff_card .weekly-content-section .profileList button .user-level3{width:52px;height:55px;left:-3px;top:-5px}.april_buff_card .weekly-content-section .profileList button .user-level4{width:55px;height:63px;left:-5px;top:-11px}.april_buff_card .weekly-content-section .profileList button .user-level5{width:55px;height:61px;left:-5px;top:-9px}.april_buff_card .weekly-content-section .profileList button span{display:block;text-align:center}.april_buff_card .weekly-content-section .profileList button span img{width:12px;height:12px;margin:4px 2px 0}.april_buff_card .weekly-content-section .profileList .btn-secondary:hover,.april_buff_card .weekly-content-section .profileList .btn-secondary:not(:disabled):not(.disabled):active,.april_buff_card .weekly-content-section .profileList .btn-secondary:not(:disabled):not(.disabled).active{background:transparent;border:0px}.april_buff_card .weekly-content-section .profileList button:last-child{margin-right:8px}.april_buff_card .fade-enter-active,.april_buff_card .fade-leave-active{transition:opacity .5s}.april_buff_card .fade-enter,.april_buff_card .fade-leave-to{opacity:0}.april_buff_card .plyr:fullscreen video{height:100%!important}.april_buff_card .emoticon-box{height:106px;background-color:#f8f9f5;text-align:left}.april_buff_card .emoticon-box .emoticon-container{position:relative}.april_buff_card .emoticon-box .get-comment-emotions{margin-left:10px;text-align:left;display:inline-block;width:106px;height:106px!important}.april_buff_card .emoticon-box .no-content{color:#4d545c}.april_buff_card .emoticon-box .mh-106{min-height:106px}.april_buff_card .plyr audio,.april_buff_card .plyr video{width:100%;height:424px}.bg-symbol div{position:absolute;width:290px;height:350px;background-size:auto 100%;z-index:-1}.bg-symbol .symbol-1{top:22px;left:0;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/bg_symbol_sociallearning_1.png)}.bg-symbol .symbol-2{top:306px;right:0;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/bg_symbol_sociallearning_2.png)}._april_social_learning_main .wide-wrap{padding-bottom:78px}._april_social_learning_main .sub-content-page{padding:40px 35px}._april_social_learning_main .sub-content-page .sub-title{padding:0 11px 17px 8px}._april_social_learning_main .sub-content-page .rightArrow{position:absolute;top:102px;right:36px}._april_social_learning_main .tapeTitle{margin-left:-35px;letter-spacing:-.02em}._april_social_learning_main .row{margin-left:0;margin-right:0}._april_social_learning_main .weekly-ranking-section{flex:794px;width:794px;padding-left:0;padding-right:0}._april_social_learning_main .weekly-ranking-section .carousel{margin-top:12px}._april_social_learning_main .weekly-ranking-section .carousel-control-prev,._april_social_learning_main .weekly-ranking-section .carousel-control-next{width:35px;opacity:1}._april_social_learning_main .weekly-ranking-section .carousel-control-prev{left:-35px}._april_social_learning_main .weekly-ranking-section .carousel-control-prev .carousel-control-prev-icon{background:url(/assets/images/april/ic_rolling_arrow_left.png) no-repeat center;background-size:90%;padding:18px 8px;margin-bottom:180px}._april_social_learning_main .weekly-ranking-section .carousel-control-prev .carousel-control-prev-icon:hover{background:url(/assets/images/april/ic_rolling_arrow_left.png) no-repeat center;background-size:90%}._april_social_learning_main .weekly-ranking-section .carousel-control-next{right:-35px}._april_social_learning_main .weekly-ranking-section .carousel-control-next .carousel-control-next-icon{background:url(/assets/images/april/ic_rolling_arrow_right.png) no-repeat center;background-size:90%;padding:18px 8px;margin-bottom:180px}._april_social_learning_main .weekly-ranking-section .carousel-control-next .carousel-control-next-icon:hover{background:url(/assets/images/april/ic_rolling_arrow_right.png) no-repeat center;background-size:90%}._april_social_learning_main .weekly-ranking-section .carousel-item{margin-top:7px;outline:none}._april_social_learning_main .weekly-ranking-section .rolling-content{margin-bottom:5px;width:720px;height:638px;background:#fff!important}._april_social_learning_main .weekly-ranking-section .rolling-content img{object-position:center;object-fit:cover}._april_social_learning_main .weekly-ranking-section .rolling-content .carousel-inner{padding-top:5px}._april_social_learning_main .weekly-ranking-section .rolling-content .carousel-indicators{bottom:-16px}._april_social_learning_main .weekly-ranking-section .rolling-content .carousel-indicators li{width:15px;height:15px;margin-right:8px;margin-left:8px;border-radius:50px;border:2px solid #aebc1f;background-color:#f8f9f5;outline:none;box-sizing:border-box}._april_social_learning_main .weekly-ranking-section .rolling-content .carousel-indicators .active{background-color:#aebc1f;border:0px}._april_social_learning_main .right-section{flex:367px;width:367px;padding-left:0;padding-right:0;margin-left:20px}._april_social_learning_main .myArea{border-radius:1em 5.5em 1em 1em;padding:40px 0;height:252px;min-height:252px;text-align:center;position:relative}._april_social_learning_main .myArea .halloFame{position:absolute;right:0;top:0;border:0px;background-color:transparent;color:#f8a329;font-weight:600;font-size:1.25em;line-height:60px;padding-right:68px}._april_social_learning_main .myArea .halloFame em{display:inline-block;position:absolute;right:0;top:0;vertical-align:middle;width:56px;height:56px;border-radius:50%;background:url(/assets/images/april/whiteArrow_mainCard.png) center no-repeat #f8a329;background-size:40%}._april_social_learning_main .myArea .picnGrade{display:inline-block;vertical-align:top;margin-top:30px}._april_social_learning_main .myArea .picnGrade .pic{position:relative;display:block}._april_social_learning_main .myArea .picnGrade .pic img{width:84px;height:84px;border-radius:50%}._april_social_learning_main .myArea .picnGrade .pic em{position:absolute}._april_social_learning_main .myArea .picnGrade .pic .user-level1{width:90px;height:90px;left:-4px;top:-4px}._april_social_learning_main .myArea .picnGrade .pic .user-level2{width:92px;height:100px;left:-4px;top:-10px}._april_social_learning_main .myArea .picnGrade .pic .user-level3{width:98px;height:104px;left:-8px;top:-12px}._april_social_learning_main .myArea .picnGrade .pic .user-level4{width:100px;height:114px;left:-8px;top:-20px}._april_social_learning_main .myArea .picnGrade .pic .user-level5{width:100px;height:112px;left:-8px;top:-16px}._april_social_learning_main .myArea .picnGrade .grade{margin-top:10px;display:block;text-align:center}._april_social_learning_main .myArea .picnGrade .grade img{width:20px;height:19px;margin:0 3px}._april_social_learning_main .myArea .picnGrade .grade em{display:block;font-weight:600;font-size:1.177em}._april_social_learning_main .myArea .picnGrade .grade div em{display:inline-block;width:18px;height:18px;margin:0 1px}._april_social_learning_main .myArea .myPoint{display:inline-block;margin-left:20px;margin-top:30px;vertical-align:top}._april_social_learning_main .myArea .myPoint .title{text-align:center;font-size:1.2em}._april_social_learning_main .myArea .myPoint .point{display:flex;align-items:baseline;justify-content:center;font-size:70px;font-weight:700;line-height:72px;color:#27beff}._april_social_learning_main .myArea .myPoint .point span{margin-left:4px;color:#666;font-size:24px;line-height:36px}._april_social_learning_main .myArea .myPoint .emoji-link{margin-top:10px}._april_social_learning_main .myArea .myPoint .emoji-link a{font-size:1.12em;font-weight:600;letter-spacing:-.02em;color:#fd856d;position:relative;padding-left:12px;margin-left:10px}._april_social_learning_main .myArea .myPoint .emoji-link a:before{content:"";position:absolute;left:0;top:calc(50% - 8px);width:2px;height:16px;background-color:#e0e0e0}._april_social_learning_main .myArea .myPoint .emoji-link a:first-child{padding-left:0;margin-left:0}._april_social_learning_main .myArea .myPoint .emoji-link a:first-child:before{display:none}._april_social_learning_main .leaderboard-title{display:flex;align-items:center;margin-top:36px;margin-bottom:16px}._april_social_learning_main .leaderboard-title h2{font-size:24px;line-height:1em}._april_social_learning_main .leaderboard-title .icon-help{width:24px;height:24px;margin-left:8px;background-image:url(/assets/images/april/v2/icon/help_i.png);background-size:100%}._april_social_learning_main .Leaderboard{min-height:auto;height:525px;padding:35px 30px}._april_social_learning_main .Leaderboard h2{font-size:1.7em;font-weight:600}._april_social_learning_main .Leaderboard .pointList{height:100%;font-size:18px;line-height:24px;overflow:auto}._april_social_learning_main .Leaderboard .pointList ul li{display:flex;align-items:center;padding:13px 16px 21px 0}._april_social_learning_main .Leaderboard .pointList ul li .pic{position:relative;padding:0 11px;margin-right:8px}._april_social_learning_main .Leaderboard .pointList ul li .pic img{width:38px;height:38px;border-radius:50%;object-fit:cover}._april_social_learning_main .Leaderboard .pointList ul li .pic em{top:46%;left:50%;width:42px;height:50px;transform:translate(-50%,-50%)}._april_social_learning_main .Leaderboard .pointList ul li .pic em.user-level1{top:50%;width:40px}._april_social_learning_main .Leaderboard .pointList ul li .pic .star{display:flex;justify-content:center;position:absolute;left:0;bottom:-12px;width:100%}._april_social_learning_main .Leaderboard .pointList ul li .pic .star>div{width:7px;height:7px;margin:0 1px}._april_social_learning_main .Leaderboard .pointList ul li .pic .star .ssl1{background:url(/assets/images/item/01_y01.png) no-repeat center;background-size:100%}._april_social_learning_main .Leaderboard .pointList ul li .pic .star .ssl2{background:url(/assets/images/item/02_g01.png) no-repeat center;background-size:100%}._april_social_learning_main .Leaderboard .pointList ul li .pic .star .ssl3{background:url(/assets/images/item/03_b01.png) no-repeat center;background-size:100%}._april_social_learning_main .Leaderboard .pointList ul li .pic .star .ssl4{background:url(/assets/images/item/04_r01.png) no-repeat center;background-size:100%}._april_social_learning_main .Leaderboard .pointList ul li .pic .star .ssl5{background:url(/assets/images/item/05_b01.png) no-repeat center;background-size:100%}._april_social_learning_main .Leaderboard .pointList ul li .pic .star .ssl6{background:url(/assets/images/item/06_r01.png) no-repeat center;background-size:100%}._april_social_learning_main .Leaderboard .pointList ul li .name{flex:1;min-width:0}._april_social_learning_main .Leaderboard .pointList ul li .point{display:flex;align-items:center;color:#666;font-weight:700}._april_social_learning_main .Leaderboard .pointList ul li .point span{margin-right:4px;color:#27beff}._april_social_learning_main .Leaderboard .pointList .noData{display:flex;align-items:center;justify-content:center;height:100%}._april_social_learning_main .Leaderboard .thinBasicTab{margin-top:8px}._april_social_learning_main .Leaderboard .thinBasicTab .noData{padding:11.5em 0}._april_social_learning_main .Leaderboard .thinBasicTab .user-level1{width:49px;height:49px;left:-2px;top:-2px}._april_social_learning_main .Leaderboard .thinBasicTab .user-level2{width:49px;height:53px;left:-1px;top:-5px}._april_social_learning_main .Leaderboard .thinBasicTab .user-level3{width:52px;height:55px;left:-3px;top:-5px}._april_social_learning_main .Leaderboard .thinBasicTab .user-level4{width:55px;height:63px;left:-5px;top:-11px}._april_social_learning_main .Leaderboard .thinBasicTab .user-level5{width:55px;height:61px;left:-5px;top:-9px}._april_social_learning_main .Leaderboard .socialPoint{height:415px;overflow-y:scroll}._april_social_learning_main .Leaderboard .socialPoint li{margin:18px 0}._april_social_learning_main .Leaderboard .socialPoint li span{display:inline-block;vertical-align:middle}._april_social_learning_main .Leaderboard .socialPoint li .pic{width:58px;margin-left:4px;position:relative}._april_social_learning_main .Leaderboard .socialPoint li .pic img{width:46px;height:46px;border-radius:50%}._april_social_learning_main .Leaderboard .socialPoint li .pic em{position:absolute}._april_social_learning_main .Leaderboard .socialPoint li .name{width:125px;font-size:1.2em;color:#414141;word-break:break-all;line-height:1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}._april_social_learning_main .Leaderboard .socialPoint li .sp{width:85px;text-align:right;padding-right:5px;font-size:1.2em;font-weight:600;color:#f8a329;line-height:1.1em}._april_social_learning_main .Leaderboard .aprilBuff{height:415px;overflow-y:scroll}._april_social_learning_main .Leaderboard .aprilBuff li{margin:18px 0}._april_social_learning_main .Leaderboard .aprilBuff li span{display:inline-block;vertical-align:middle}._april_social_learning_main .Leaderboard .aprilBuff li .num{width:30px;font-size:1.2em;color:#999;font-weight:600}._april_social_learning_main .Leaderboard .aprilBuff li .top{color:#29cde6}._april_social_learning_main .Leaderboard .aprilBuff li .pic{width:58px;position:relative}._april_social_learning_main .Leaderboard .aprilBuff li .pic img{width:46px;height:46px;border-radius:50%}._april_social_learning_main .Leaderboard .aprilBuff li .pic em{position:absolute}._april_social_learning_main .Leaderboard .aprilBuff li .name{width:100px;font-size:1.2em;color:#414141;word-break:break-all;line-height:1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}._april_social_learning_main .Leaderboard .aprilBuff li .sp{width:85px;text-align:right;padding-right:5px;font-size:1.2em;font-weight:600;color:#f8a329;line-height:1.1em}._april_social_learning_main .secondTab{margin-top:48px}._april_social_learning_main .secondTab .nav-tabs{height:52px;border-radius:25px;background-color:#fff;padding:0;display:inline-block}._april_social_learning_main .secondTab .nav-tabs .nav-item{display:inline-block}._april_social_learning_main .secondTab .nav-tabs .nav-item .nav-link{min-width:140px;height:52px;line-height:3.5em;padding:0 40px;border-radius:25px}._april_social_learning_main .secondTab .nav-tabs .nav-item .nav-link.active{font-weight:500}._april_social_learning_main .listFrame{margin-top:30px}._april_social_learning_main .listFrame .social-list-title{padding:13px 0;position:relative}._april_social_learning_main .listFrame .social-list-title h2{font-size:1.6em;font-weight:600}._april_social_learning_main .listFrame .social-list-title button{position:absolute;right:0;top:calc(50% - 26px)}._april_social_learning_main .listFrame .row{margin-right:-10px;margin-left:-10px}._april_social_learning_main .listFrame .col{margin-top:10px;padding:10px}._april_social_learning_main .listFrame .col .card{border-radius:90px 15px;height:412px;border:2px solid rgba(0,0,0,.06);-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;box-shadow:none!important}._april_social_learning_main .listFrame .col .card .card-body{padding:0}._april_social_learning_main .listFrame .col .card .card-body .card-item-buffs-medal{position:absolute;width:86px;height:86px;top:-6px;right:7px;z-index:13}._april_social_learning_main .listFrame .col .card .card-body .card-first-position{top:160px;left:17px;z-index:15}._april_social_learning_main .listFrame .col .card .card-body .card-second-position{top:160px;left:72px;z-index:15}._april_social_learning_main .listFrame .col .card .card-body .card-item-ci-medal,._april_social_learning_main .listFrame .col .card .card-body .card-item-tp-medal{position:absolute;width:45px;height:45px;z-index:15}._april_social_learning_main .listFrame .col .card .card-body .thumb{width:100%;height:216px;border-radius:90px 15px 0 0;overflow:hidden}._april_social_learning_main .listFrame .col .card .card-body .thumb a{display:block}._april_social_learning_main .listFrame .col .card .card-body .thumb img{width:100%;height:216px}._april_social_learning_main .listFrame .col .card .card-body .info{padding:1em 20px}._april_social_learning_main .listFrame .col .card .card-body .info span{display:inline-block;color:#fd856d;margin-right:5px}._april_social_learning_main .listFrame .col .card .card-body .info em{color:#888;font-size:1em;font-weight:300;letter-spacing:-.02em}._april_social_learning_main .listFrame .col .card .card-body .info h3{width:100%;color:#333;font-weight:400;letter-spacing:-.02em;font-size:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}._april_social_learning_main .listFrame .col .card .card-body .info .std{margin:15px 0 10px}._april_social_learning_main .listFrame .col .card .card-body .info .std button{display:inline-block;text-align:center;width:44px;border:0px;outline:0px;opacity:1!important;background-color:transparent!important;padding:0;position:relative;margin-left:1px}._april_social_learning_main .listFrame .col .card .card-body .info .std button img{width:36px;height:36px;border-radius:50%}._april_social_learning_main .listFrame .col .card .card-body .info .std button em{position:absolute;display:inline-block}._april_social_learning_main .listFrame .col .card .card-body .info .std button .user-level1{width:38px;height:38px;left:3px;top:-1px}._april_social_learning_main .listFrame .col .card .card-body .info .std button .user-level2{width:38px;height:41px;left:3px;top:-4px}._april_social_learning_main .listFrame .col .card .card-body .info .std button .user-level3{width:40px;height:42px;left:2px;top:-4px}._april_social_learning_main .listFrame .col .card .card-body .info .std button .user-level4{width:42px;height:48px;left:1px;top:-7px}._april_social_learning_main .listFrame .col .card .card-body .info .std button .user-level5{width:42px;height:47px;left:1px;top:-7px}._april_social_learning_main .listFrame .col .card .card-body .info .std button span{display:block;text-align:center}._april_social_learning_main .listFrame .col .card .card-body .info .std button span img{width:11px;height:12px;margin:4px 0 0}._april_social_learning_main .listFrame .col .card .card-body .info .std button:first-child{margin-left:-5px}._april_social_learning_main .listFrame .col .card .card-body .info .std span{display:inline-block;margin-left:6px;color:#333}._april_social_learning_main .listFrame .col .card .card-body .info .teacher{position:absolute;right:18px;bottom:85px;padding-right:38px;text-align:right}._april_social_learning_main .listFrame .col .card .card-body .info .teacher img{position:absolute;right:0;top:0;display:inline-block;width:36px;height:36px;border-radius:50%;overflow:hidden}._april_social_learning_main .listFrame .col .card .card-body .info .teacher .name{display:block;color:#333;line-height:1.5em;letter-spacing:-.02em}._april_social_learning_main .listFrame .col .card .card-body .info .teacher .branch{display:block;color:#999;font-size:.9em;line-height:1em}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity div{display:inline-block;vertical-align:middle}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .buff-content button{background-color:transparent;border:0;padding:0}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .buff-content button:hover,._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .buff-content button:active{background-color:transparent!important;opacity:1!important}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .buff-content button span{display:flex;align-items:center}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .buff-content .buff-on{vertical-align:middle;font-weight:500;color:#ff583d}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .buff-content .buff-on .ic-buff{background:url(/assets/images/april/icon_like_on.png) no-repeat center;background-size:24px 40px}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .buff-content .buff-off{font-weight:500;vertical-align:middle;color:#333}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .buff-content .buff-off .ic-buff{background:url(/assets/images/april/icon_like_off.png) no-repeat center;background-size:24px 40px}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .buff-content .ic-buff{display:inline-block;vertical-align:middle;margin-right:8px}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .big{margin-right:15px}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .big .buff-content span{font-size:1.3rem}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .big .buff-content .ic-buff{width:24px;height:40px;position:relative;top:-3px}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .small{margin-right:15px}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .small .buff-content span{font-size:1.1em}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .small .buff-content .ic-buff{width:18px;height:30px;background-size:18px 30px;position:relative;top:-2px}._april_social_learning_main .listFrame .col .card .card-body .info .cummunity .comment{margin-right:15px;font-size:1.1em;color:#333;background:url(/assets/images/april/icon_comment.png) left center no-repeat;background-size:20px 20px;padding-left:25px}._april_social_learning_main .listFrame .col .card:hover,._april_social_learning_main .listFrame .col .card:active{border:2px solid rgba(0,0,0,.12)}._april_social_learning_main .listFrame .card-rolling-arrow{position:absolute;top:50%;width:100%;margin-top:-20px}._april_social_learning_main .listFrame .card-rolling-arrow button{border:0}._april_social_learning_main .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_social_learning_main .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_social_learning_main .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_social_learning_main .listFrame .card-rolling-arrow .rolling-arrow-right:hover{background:url(/assets/images/april/scroll_arrow_on.png) no-repeat center;background-size:100%}._april_social_learning_main .listFrame:last-child{padding-bottom:78px}._april_social_learning_main .viewMore{padding-bottom:78px}.alpha-case ._april_social_learning_main{min-height:100vh;background:url(/assets/images/april_alpha/social\ learning.png) no-repeat center top fixed #aacbf3}.alpha-case ._april_social_learning_main .mt-165{margin-top:0;padding-top:165px}.socialDetailPop[data-v-7ad4fd08]{padding:1em}.socialDetailPop .modal-content[data-v-7ad4fd08]{border:0px;padding:15px 15px 0;display:block}.socialDetailPop .contentBox[data-v-7ad4fd08]{width:640px;display:inline-block;vertical-align:top}.socialDetailPop .contentBox .movie[data-v-7ad4fd08]{position:relative}.socialDetailPop .contentBox .info[data-v-7ad4fd08]{padding:1em 0;position:relative}.socialDetailPop .contentBox .info span[data-v-7ad4fd08]{display:inline-block;color:#fd856d;margin-right:5px;font-size:1.2em;font-weight:600}.socialDetailPop .contentBox .info em[data-v-7ad4fd08]{color:#888;font-size:1.2em;font-weight:400;letter-spacing:-.02em}.socialDetailPop .contentBox .info h3[data-v-7ad4fd08]{width:100%;color:#333;font-weight:400;letter-spacing:-.02em;font-size:1.7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}.socialDetailPop .contentBox .info .std[data-v-7ad4fd08]{margin:15px 0 10px}.socialDetailPop .contentBox .info .std button[data-v-7ad4fd08]{display:inline-block;text-align:center;width:44px;border:0px;outline:0px;opacity:1!important;background-color:transparent!important;padding:0;position:relative;margin-left:1px}.socialDetailPop .contentBox .info .std button img[data-v-7ad4fd08]{width:36px;height:36px;border-radius:50%}.socialDetailPop .contentBox .info .std button em[data-v-7ad4fd08]{position:absolute;display:inline-block}.socialDetailPop .contentBox .info .std button .user-level1[data-v-7ad4fd08]{width:38px;height:38px;left:3px;top:-1px}.socialDetailPop .contentBox .info .std button .user-level2[data-v-7ad4fd08]{width:38px;height:41px;left:3px;top:-4px}.socialDetailPop .contentBox .info .std button .user-level3[data-v-7ad4fd08]{width:40px;height:42px;left:2px;top:-4px}.socialDetailPop .contentBox .info .std button .user-level4[data-v-7ad4fd08]{width:42px;height:48px;left:1px;top:-7px}.socialDetailPop .contentBox .info .std button .user-level5[data-v-7ad4fd08]{width:42px;height:47px;left:1px;top:-7px}.socialDetailPop .contentBox .info .std button span[data-v-7ad4fd08]{display:block;text-align:center}.socialDetailPop .contentBox .info .std button span img[data-v-7ad4fd08]{width:11px;height:12px;margin:4px 0 0}.socialDetailPop .contentBox .info .std button[data-v-7ad4fd08]:first-child{margin-left:-5px}.socialDetailPop .contentBox .info .std span[data-v-7ad4fd08]{display:inline-block;margin-left:6px;color:#333}.socialDetailPop .contentBox .info .teacher[data-v-7ad4fd08]{position:absolute;right:0;bottom:85px;padding-right:38px;text-align:right}.socialDetailPop .contentBox .info .teacher img[data-v-7ad4fd08]{position:absolute;right:0;top:0;display:inline-block;width:36px;height:36px;border-radius:50%;overflow:hidden}.socialDetailPop .contentBox .info .teacher .name[data-v-7ad4fd08]{display:block;color:#333;line-height:1.5em;font-weight:400;letter-spacing:-.02em}.socialDetailPop .contentBox .info .teacher .branch[data-v-7ad4fd08]{display:block;color:#999;font-size:.9em;line-height:1em;font-weight:400}.socialDetailPop .contentBox .info .cummunity[data-v-7ad4fd08]{position:relative}.socialDetailPop .contentBox .info .cummunity div[data-v-7ad4fd08]{display:inline-block;vertical-align:middle}.socialDetailPop .contentBox .info .cummunity .buff-content button[data-v-7ad4fd08]{background-color:transparent;border:0;padding:0}.socialDetailPop .contentBox .info .cummunity .buff-content button[data-v-7ad4fd08]:hover,.socialDetailPop .contentBox .info .cummunity .buff-content button[data-v-7ad4fd08]:active{background-color:transparent!important;opacity:1!important}.socialDetailPop .contentBox .info .cummunity .buff-content button span[data-v-7ad4fd08]{display:flex;align-items:center}.socialDetailPop .contentBox .info .cummunity .buff-content .buff-on[data-v-7ad4fd08]{vertical-align:middle;font-weight:500;color:#ff583d}.socialDetailPop .contentBox .info .cummunity .buff-content .buff-on .ic-buff[data-v-7ad4fd08]{background:url(/assets/images/april/icon_like_on.png) no-repeat center;background-size:24px 40px}.socialDetailPop .contentBox .info .cummunity .buff-content .buff-off[data-v-7ad4fd08]{font-weight:500;vertical-align:middle;color:#333}.socialDetailPop .contentBox .info .cummunity .buff-content .buff-off .ic-buff[data-v-7ad4fd08]{background:url(/assets/images/april/icon_like_off.png) no-repeat center;background-size:24px 40px}.socialDetailPop .contentBox .info .cummunity .buff-content .ic-buff[data-v-7ad4fd08]{display:inline-block;vertical-align:middle;margin-right:8px}.socialDetailPop .contentBox .info .cummunity .big[data-v-7ad4fd08]{margin-right:15px}.socialDetailPop .contentBox .info .cummunity .big .buff-content span[data-v-7ad4fd08]{font-size:1.3rem}.socialDetailPop .contentBox .info .cummunity .big .buff-content .ic-buff[data-v-7ad4fd08]{width:24px;height:40px;position:relative;top:-3px}.socialDetailPop .contentBox .info .cummunity .small[data-v-7ad4fd08]{margin-right:15px}.socialDetailPop .contentBox .info .cummunity .small .buff-content span[data-v-7ad4fd08]{font-size:1.1em}.socialDetailPop .contentBox .info .cummunity .small .buff-content .ic-buff[data-v-7ad4fd08]{width:18px;height:30px;background-size:18px 30px;position:relative;top:-2px}.socialDetailPop .contentBox .info .cummunity .views[data-v-7ad4fd08]{position:absolute;right:0;top:0;font-size:1.1em;color:#333}.socialDetailPop .contentBox .info .cummunity .views em[data-v-7ad4fd08]{color:#333;font-size:.9em;display:inline-block;padding-right:10px}.socialDetailPop .replyBox[data-v-7ad4fd08]{width:510px;display:inline-block;margin-left:30px;vertical-align:top}.socialDetailPop .replyBox .insertArea .pic[data-v-7ad4fd08]{vertical-align:middle;display:inline-block;margin-right:5px}.socialDetailPop .replyBox .insertArea .pic img[data-v-7ad4fd08]{width:55px;height:55px;border-radius:50%}.socialDetailPop .replyBox .insertArea .select-box-common[data-v-7ad4fd08]{position:relative}.socialDetailPop .replyBox .insertArea .select-box-common .custom-select[data-v-7ad4fd08]{width:363px;background:url(/assets/images/april/select_arrow.png) no-repeat left 12px center;padding:.375rem 1rem .375rem 40px}.socialDetailPop .replyBox .insertArea .select-box-common .emotions-btn[data-v-7ad4fd08]{position:absolute;top:14.5px;right:16px;background-color:transparent;border:0px;padding:0 0 10px}.socialDetailPop .replyBox .insertArea .select-box-common .emotions-btn[data-v-7ad4fd08]:hover,.socialDetailPop .replyBox .insertArea .select-box-common .emotions-btn[data-v-7ad4fd08]:active{background-color:transparent!important}.socialDetailPop .replyBox .insertArea .select-box-common .emotions-btn.selected em[data-v-7ad4fd08]{background:url(/assets/images/ic_emoticon_btn_on.png) no-repeat center}.socialDetailPop .replyBox .insertArea .select-box-common .emotions-btn em[data-v-7ad4fd08]{display:inline-block;width:24px;height:24px;background:url(/assets/images/ic_emoticon_btn_off.png) no-repeat center}.socialDetailPop .replyBox .insertArea .btnBlue[data-v-7ad4fd08]{width:80px;height:52px;margin-left:5px}.socialDetailPop .replyBox .insertArea .btnBlue.disabled[data-v-7ad4fd08]{cursor:default;opacity:.5}.socialDetailPop .replyBox .select-emotions[data-v-7ad4fd08]{padding-left:60px;padding-bottom:20px;align-items:center}.socialDetailPop .replyBox .select-emotions .emotions-gray-box[data-v-7ad4fd08]{display:flex;align-items:center;width:120px;padding:1px 10px;border-radius:5px;background-color:#bfbfbf;text-align:left}.socialDetailPop .replyBox .select-emotions .emotions-gray-box img[data-v-7ad4fd08]{width:62px;height:62px}.socialDetailPop .replyBox .select-emotions .emotions-gray-box .close-emotions-btn[data-v-7ad4fd08]{background-color:transparent;padding:5px;border:0;width:34px;height:34px}.socialDetailPop .replyBox .select-emotions .emotions-gray-box .close-emotions-btn em[data-v-7ad4fd08]{display:inline-block;width:24px;height:24px;background:url(/assets/images/ic_close.png) no-repeat center}.socialDetailPop .replyBox .comment-count[data-v-7ad4fd08]{margin-top:30px;margin-bottom:5px;position:relative}.socialDetailPop .replyBox .comment-count p[data-v-7ad4fd08]{display:inline-block;margin-left:10px;font-size:1.3em;font-weight:500;color:#333;background:url(/assets/images/april/icon_comment.png) left center no-repeat;background-size:20px 20px;padding-left:30px}.socialDetailPop .replyBox .comment-count .btn.disabled[data-v-7ad4fd08],.socialDetailPop .replyBox .comment-count .btn[data-v-7ad4fd08]:disabled{opacity:1}.socialDetailPop .replyBox .comment-count .refresh-btn[data-v-7ad4fd08]{position:absolute;right:5px;top:3px;width:20px;height:20px;padding:0;border:0;background-color:transparent}.socialDetailPop .replyBox .comment-count .refresh-btn em[data-v-7ad4fd08]{display:inline-block;width:20px;height:20px;background:url(/assets/images/april/ic_comment_refresh_off.png) no-repeat center;background-size:100%}.socialDetailPop .replyBox .comment-count .refresh-btn:hover em[data-v-7ad4fd08],.socialDetailPop .replyBox .comment-count .refresh-btn:active em[data-v-7ad4fd08]{background:url(/assets/images/april/ic_comment_refresh_on.png) no-repeat center;background-size:100%}.socialDetailPop .replyBox .comment-count .refresh-btn .disabled em[data-v-7ad4fd08],.socialDetailPop .replyBox .comment-count .refresh-btn:disabled em[data-v-7ad4fd08]{background:url(/assets/images/april/ic_comment_refresh_off.png) no-repeat center;background-size:100%}.socialDetailPop .replyBox .commentList[data-v-7ad4fd08]{height:490px;overflow-y:scroll;background-color:#f7f7f7}.socialDetailPop .replyBox .commentList ul li[data-v-7ad4fd08]{padding:20px 15px;border-bottom:1px solid #e4e4e4;position:relative}.socialDetailPop .replyBox .commentList ul li span[data-v-7ad4fd08]{display:inline-block;vertical-align:middle;font-size:1.12em}.socialDetailPop .replyBox .commentList ul li .pic[data-v-7ad4fd08]{width:65px}.socialDetailPop .replyBox .commentList ul li .pic button[data-v-7ad4fd08]{display:inline-block;text-align:center;width:55px;border:0px;outline:0px;opacity:1!important;background-color:transparent!important;padding:0;position:relative}.socialDetailPop .replyBox .commentList ul li .pic button img[data-v-7ad4fd08]{width:55px;height:55px;border-radius:50%}.socialDetailPop .replyBox .commentList ul li .pic button em[data-v-7ad4fd08]{position:absolute;display:inline-block}.socialDetailPop .replyBox .commentList ul li .pic button .user-level1[data-v-7ad4fd08]{width:57px;height:57px;left:-1px;top:-1px}.socialDetailPop .replyBox .commentList ul li .pic button .user-level2[data-v-7ad4fd08]{width:57px;height:62px;left:-1px;top:-5px}.socialDetailPop .replyBox .commentList ul li .pic button .user-level3[data-v-7ad4fd08]{width:59px;height:62px;left:-3px;top:-5px}.socialDetailPop .replyBox .commentList ul li .pic button .user-level4[data-v-7ad4fd08]{width:64px;height:73px;left:-5px;top:-10px}.socialDetailPop .replyBox .commentList ul li .pic button .user-level5[data-v-7ad4fd08]{width:67px;height:75px;left:-6px;top:-10px}.socialDetailPop .replyBox .commentList ul li .comment[data-v-7ad4fd08]{width:290px}.socialDetailPop .replyBox .commentList ul li .time[data-v-7ad4fd08]{width:80px;color:#919191;text-align:right}.socialDetailPop .replyBox .commentList ul li button.delete[data-v-7ad4fd08]{border:0px;width:20px;height:22px;position:absolute;right:10px;top:calc(50% - 11px);background:url(/assets/images/april/icon_commentDelete.png) center no-repeat transparent;background-size:100%}.socialDetailPop .replyBox .commentList .viewMore[data-v-7ad4fd08]{padding-bottom:20px}.socialDetailPop .replyBox .commentList .viewMore .btn-primary[data-v-7ad4fd08]{font-size:1em;height:45px}.socialDetailPop .replyBox .commentList.has-emoticon[data-v-7ad4fd08]{height:406px}.emotionsPopover{border-radius:.3rem!important;border:1px solid #d3d7db!important}.emotionsPopover .modal-close em{background-size:70%}.emotionsPopover .arrow{display:inline-block!important}.emotionsPopover .arrow:after{border-bottom-color:#fff!important}.emotionsPopover .emotions-popover-box{width:590px;height:350px;padding-right:2px}.emotionsPopover .emotions-popover-box .category-btn-section{width:50px;max-width:50px;background-color:#e0e3e4;padding:50px 0}.emotionsPopover .emotions-popover-box .category-btn-section button{width:50px;height:50px;padding:0;background-color:transparent;border:0;opacity:.3;border-radius:0;border-bottom:1px solid #e0e3e4!important;border-left:0px solid #e0e3e4!important;border-right:1px solid #e0e3e4!important}.emotionsPopover .emotions-popover-box .category-btn-section button:hover{opacity:1}.emotionsPopover .emotions-popover-box .category-btn-section button:active{background-color:#fff;opacity:1;border-bottom:1px solid #d5d5d5!important;border-left:0px solid #d5d5d5!important;border-right:1px solid #fff!important}.emotionsPopover .emotions-popover-box .category-btn-section button.active{border-bottom:1px solid #d5d5d5!important;border-left:0px solid #d5d5d5!important;border-right:1px solid #fff!important;background-color:#fff!important;opacity:1}.emotionsPopover .emotions-popover-box .category-btn-section button.disabled,.emotionsPopover .emotions-popover-box .category-btn-section button:disabled{background-color:#9898984d!important}.emotionsPopover .emotions-popover-box .category-btn-section .emoticon-btn img{width:50px;height:50px}.emotionsPopover .emotions-popover-box .category-btn-section .emoticon-btn:not(:disabled):not(.disabled):active,.emotionsPopover .emotions-popover-box .category-btn-section .emoticon-btn:not(:disabled):not(.disabled).active,.emotionsPopover .emotions-popover-box .category-btn-section .show>.emoticon-btn.dropdown-toggle{background-color:#fff!important}.emotionsPopover .emotions-popover-box .emoji-arrow{background-color:#aaa!important;position:absolute;opacity:1!important}.emotionsPopover .emotions-popover-box .emoji-arrow em{width:24px;height:16px;display:inline-block;vertical-align:middle}.emotionsPopover .emotions-popover-box .emoji-arrow:hover,.emotionsPopover .emotions-popover-box .emoji-arrow:active,.emotionsPopover .emotions-popover-box .emoji-arrow .active{background-color:#868686!important}.emotionsPopover .emotions-popover-box .emoji-arrow:not(:disabled):not(.disabled):active,.emotionsPopover .emotions-popover-box .emoji-arrow:not(:disabled):not(.disabled).active,.emotionsPopover .emotions-popover-box .show>.emoji-arrow.dropdown-toggle{background-color:#868686!important}.emotionsPopover .emotions-popover-box .emoji-arrow-bottom{bottom:0;left:0;border-bottom-left-radius:3px}.emotionsPopover .emotions-popover-box .emoji-arrow-bottom em{background:url(/assets/images/ic_emoji_arrow_bottom.png) no-repeat center;background-size:100%}.emotionsPopover .emotions-popover-box .emoji-arrow-top{top:0;left:0;border-top-left-radius:3px!important}.emotionsPopover .emotions-popover-box .emoji-arrow-top em{background:url(/assets/images/ic_emoji_arrow_top.png) no-repeat center;background-size:100%}.emotionsPopover .emotions-popover-box .show>.emoji-arrow.dropdown-toggle{background-color:#868686!important}.emotionsPopover .emotions-popover-box .emotions-cover{overflow-y:scroll;margin-top:50px;padding-left:20px;padding-right:20px;height:300px}.emotionsPopover .emotions-popover-box .emotions-cover button{margin-bottom:5%;padding:0;background-color:transparent;border:0;width:24.8%;height:5.4rem}.emotionsPopover .emotions-popover-box .emotions-cover button:hover{padding:0;background-color:transparent;border:0}.emotionsPopover .emotions-popover-box .emotions-cover button img{width:5.4rem;height:5.4rem}.emotionsPopover .emotions-popover-box .emotions-cover .btn-secondary:not(:disabled):not(.disabled):active,.emotionsPopover .emotions-popover-box .emotions-cover .btn-secondary:not(:disabled):not(.disabled).active,.emotionsPopover .emotions-popover-box .emotions-cover .show>.btn-secondary.dropdown-toggle{padding:0;background-color:transparent;border:0}.help-tooltip{padding:11px;border:1px solid #e8ebdf;background-color:#fff;box-shadow:0 0 8px #0000001a}.help-tooltip p{color:#666;text-align:left;font-size:14px;line-height:24px;word-break:keep-all}._m-social_learning_main .rankArea{padding:80px 16px 48px;position:relative}._m-social_learning_main .rankArea h1{font-size:1.3em;font-weight:600;text-align:left;margin-bottom:12px}._m-social_learning_main .rankArea .topBtns{display:flex;align-items:center;position:absolute;right:16px;top:79px;z-index:2}._m-social_learning_main .rankArea .topBtns button{border:0px;background-color:transparent;text-indent:100%;white-space:nowrap;overflow:hidden;width:24px;height:24px;background-size:cover}._m-social_learning_main .rankArea .topBtns button+button{margin-left:8px}._m-social_learning_main .rankArea .topBtns .halloFame{background-image:url(/assets/images/april/v2/icon/m_btn_hallofFame.png)}._m-social_learning_main .rankArea .topBtns .Leaderboard{background-image:url(/assets/images/april/v2/icon/m_btn_Leaderboard.png)}._m-social_learning_main .rankArea .carousel{position:relative}._m-social_learning_main .rankArea .carousel .carousel-inner{position:relative;overflow:hidden}._m-social_learning_main .rankArea .carousel .carousel-inner .carousel-item{margin-top:5px;position:relative}._m-social_learning_main .rankArea .carousel .carousel-inner .carousel-item video{min-height:210px}._m-social_learning_main .rankArea .carousel .carousel-inner .carousel-item .plyr__control--overlaid{padding:12px}._m-social_learning_main .rankArea .carousel .carousel-inner .carousel-item .title-caption{position:absolute;top:0;left:0;width:100%;height:25%;background-image:linear-gradient(0deg,transparent,rgba(0,0,0,.7))}._m-social_learning_main .rankArea .carousel .carousel-inner .carousel-item .title-caption h3{color:#fff;text-align:left;font-size:1.3em;padding:15px;width:83%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._m-social_learning_main .rankArea .carousel .carousel-indicators{bottom:-30px}._m-social_learning_main .rankArea .carousel .carousel-indicators li{width:15px;height:15px;margin-right:8px;margin-left:8px;border-radius:50%;border:2px solid #aebc1f;background-color:#f8f9f5;outline:none;box-sizing:border-box}._m-social_learning_main .rankArea .carousel .carousel-indicators .active{background-color:#aebc1f;border:0px}._m-social_learning_main .basicTab{margin-top:10px}._m-social_learning_main .basicTab .nav-item{width:50%}._m-social_learning_main .basicTab .etcCheck .check-box-common.custom-control{left:unset}._m-social_learning_main .socialListTitle{position:relative;margin:30px 0 15px}._m-social_learning_main .socialListTitle h2{font-size:1.277em;font-weight:600}._m-social_learning_main .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}._m-social_learning_main .card-rolling-arrow{position:absolute;top:0%;width:100%;margin-top:0}._m-social_learning_main .card-rolling-arrow button{border:0;border-radius:50%}._m-social_learning_main .card-rolling-arrow .right-cover{right:0}._m-social_learning_main .card-rolling-arrow .left-cover{left:0}._m-social_learning_main .card-rolling-arrow a{position:absolute;height:220px;width:15%;top:0;z-index:111}._m-social_learning_main .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%}._m-social_learning_main .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%}._m-social_learning_main .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%}._m-social_learning_main .card-rolling-arrow .rolling-arrow-left:hover,._m-social_learning_main .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}.socialDetailPop .modal-close{right:0!important;top:-50px!important}.socialDetailPop .modal-close em{width:40px!important;height:40px!important;background:url(/assets/images/april/modal_close.png) no-repeat center center!important}.socialDetailPop .social-detail-close{right:0!important;top:-50px!important}.socialDetailPop .social-detail-close em{width:40px!important;height:40px!important;background:url(/assets/images/april/modal_close.png) no-repeat center center!important}