.mnMainBanner{position:relative;height:120px;background:#fff}.mnMainBanner .owl-carousel{height:120px}.mnMainBanner .owl-dots{display:flex;align-items:center;gap:4px;position:absolute;bottom:8px;left:19px}.mnMainBanner .owl-dot span{display:block;border-radius:5px;width:5px;height:5px;background:#fff}.mnMainBanner .owl-dot.active span{width:9px;background:#abb0bb}.mnMainBannerCard{overflow:hidden;display:block;position:relative;width:100%;height:120px}.mnMainBannerCard img{display:block;position:absolute;top:0;left:50%;width:1128px!important;max-width:1128px;transform:translate(-50%)}.mnTopMentors{padding:32px 0 40px;background:linear-gradient(180deg,#ebf4ff,#fff 52.17%)}.mnTopMentorsTitle{font-size:24px;font-weight:600;line-height:34px;color:#161616;text-align:center}.mnTopMentorsTitle em{color:#007eff}.mnTopMentorsDesc{margin-top:2px;font-size:14px;font-weight:400;line-height:22px;color:#161616;text-align:center}.mnTopMentors .mnMentorSlider{overflow:hidden;position:relative;margin-top:37px;padding-left:16px;height:200px}.mnTopMentors .mnMentorSlide{height:200px}.mnTopMentors .mnMentorCard{overflow:hidden;display:block;position:relative;width:120px;height:170px;border-radius:16px;background:#fff;box-shadow:0 10px 16px #5e889f4d}.mnTopMentors .mnMentorSchoolLogo{position:absolute;top:8px;left:8px;padding:4px;border-radius:35px;width:35px;height:35px;background:#fff}.mnTopMentors .mnMentorSchoolLogo img{display:block;border-radius:35px}.mnTopMentors .mnMentorSchoolName{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;width:100%;font-size:12px;font-weight:700;line-height:1;color:#161616;text-align:center}.mnTopMentors .mnMentorSchoolName em{color:#ff5e2f}.mnTopMentors .mnMentorInfo{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 4px;height:50px}.mnTopMentors .mnMentorName{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;margin-top:4px;width:100%;font-size:10px;font-weight:700;line-height:10px;color:#7a7a7a;text-align:center}.mnTopMentors .mnButtonGroup{margin-top:5px}.mnEventBanner{background-repeat:no-repeat;background-position:center top}.mnEventBannerLink{display:flex;width:100%;height:100%}.mnMatchNow .mnMatch,.mnMatchNow .mnNow{padding:40px 0}.mnMatchNowTitle{font-size:24px;font-weight:600;line-height:32px;color:#161616;letter-spacing:-.24px;text-align:center}.mnMatchNowTitle em{color:#007eff}.mnMatchNowTitle .small{display:block;margin-top:4px;font-size:20px;font-weight:400;line-height:24px;letter-spacing:-.2px}.mnMatchNowSubTitle{margin-top:16px;font-size:14px;font-weight:500;line-height:20px;color:#161616;text-align:center}.mnMatchNowThumb{display:flex;align-items:center;justify-content:center;margin-top:30px}.mnMatchNowDesc{margin-top:20px;font-size:12px;font-weight:500;line-height:18px;color:#7a7a7a;text-align:center}.mo .mnMatchNow .mnNow{margin-top:-50px}.pc .mnMatchNow{display:flex;justify-content:center}.pc .mnMatchNow .mnMatch,.pc .mnMatchNow .mnNow{width:384px}.pc .mnMatchNow .mnNow .mnMatchNowThumb{padding-top:40px}.mnHowToUse{padding:60px 0}.mnHowToUseTitle{font-size:24px;font-weight:400;line-height:28px;color:#161616;letter-spacing:-.24px;text-align:center}.mnHowToUseTitle em{display:block;margin-bottom:6px;font-size:28px;font-weight:600;letter-spacing:-.28px}.mnHowToUseNav{margin:0 auto;padding-top:12px;max-width:320px}.mnHowToUseNavList{padding-top:10px;border-top:2px solid #E2F1FF}.mnHowToUseNavItem{border-bottom:1px solid #E8E8E8}.mnHowToUseNavLink{display:flex;align-items:center;width:100%;height:54px;font-size:14px;font-weight:500;line-height:1;color:#161616;background:url(../../images/v3/icons/ico_link.svg) no-repeat right center}.mnOnlineTutorsHeader{display:flex;align-items:center;justify-content:center;position:relative;padding:29px 0;border-radius:0 0 16px 16px;background:#007eff}.mnOnlineTutorsHeader:after{content:"";display:block;position:absolute;bottom:0;left:50%;width:30px;height:20px;background:url(../../images/icons/ico_arrow_tutors_b.svg) no-repeat center/cover;transform:translate(-50%,12px)}.mnOnlineTutorsTitle{font-weight:600;font-size:24px;line-height:32px;color:#fff;text-align:center}.mnOnlineTutorsContent{margin-top:12px}.mnDescriptionBox{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:8px;width:100%;background:#abb0bb1a}.mnDescriptionBox .mnList{display:flex;gap:8px}.mnDescriptionBox .mnItem{flex:1 0 0%;min-width:0%}.mnDescriptionBox .mnLabel{font-size:8px;font-weight:400;line-height:100%;color:#8f8f8f}.mnDescriptionBox .mnValue{margin-top:4px;font-size:10px;font-weight:500;line-height:16px;color:#161616}.mnButtonGroup{display:grid;gap:8px;width:100%}.mnButtonGroup .mnButton{flex:1 0 0%;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;border:1px solid #007EFF;border-radius:6px;min-width:0%;width:100%;max-width:328px;height:48px;font-size:14px;font-weight:600;line-height:22px}.mnButtonGroup .mnButton.outline{background:#fff;color:#007eff}.mnButtonGroup .mnButton.primary{background:#007eff;color:#fff}.mnButtonGroup.row{grid-auto-flow:column;grid-auto-columns:1fr}.mnButtonGroup.column{grid-auto-flow:row;grid-auto-rows:1fr}.mnToppers{padding:36px 0 0;background:linear-gradient(180deg,#f2f2f2,#fff);background-size:100% 36px;background-repeat:no-repeat}.mnToppersTitle{font-size:24px;font-weight:600;line-height:34px;color:#161616;text-align:center}.mnToppersDesc{margin-top:1px;font-size:14px;font-style:normal;font-weight:400;line-height:22px;color:#161616;text-align:center}.mnToppersDesc em{color:#ff5e2f}.mnToppersSlider{overflow:hidden;position:relative;margin-top:30px;padding-left:16px;height:200px}.mnToppersSlide{height:200px}.mnToppersCard{overflow:hidden;border-radius:6px;width:140px;background:#fff;box-shadow:2px 10px 16px #6588c94d}.mnToppersName{padding:6px;font-size:12px;font-weight:500;line-height:16px;color:#161616;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.mnTopReviews{padding:24px 0 29px}.mnTopReviewsTitle{font-size:20px;font-weight:500;line-height:30px;color:#000;text-align:center}.mnTopReviewsDesc{margin-top:8px;font-size:12px;font-weight:400;line-height:18px;color:#454545;text-align:center}.mnTopReviewsSlider{overflow:hidden;position:relative;margin-top:16px;padding-left:16px;height:220px}.mnTopReviewsSlide{height:220px}.mnTopReviewsCard{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:35px 8px 8px;border-radius:8px;width:258px;height:200px;background:#ebf4ff;box-shadow:4px 4px 10px #0000000d}.mnTopReviewsCard:before{content:"“";display:block;position:absolute;top:8px;left:8px;font-size:26px;font-weight:700;line-height:36px;color:#000}.mnTopReviewsCard .mnRate{margin-bottom:3px}.mnTopReviewsCard .mnText1{flex-grow:1;font-size:14px;font-weight:500;line-height:22px;color:#000}.mnTopReviewsCard .mnText2{font-size:10px;font-weight:400;line-height:16px;color:#7a7a7a}.mnTopReviewsCard .mnText3{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;font-size:12px;font-weight:500;line-height:20px;color:#161616}.mnMentorVerificationProcess{padding:40px 0;background:#eff6fb}.mnMentorVerificationProcessTitle{font-size:24px;font-weight:600;line-height:32px;color:#121212;text-align:center}.mnMentorVerificationProcessTitle em{color:#007eff}.mnMentorVerificationProcessSubTitle{margin-top:8px;font-size:14px;font-weight:400;line-height:22px;color:#161616;text-align:center}.mnMentorVerificationProcessList{position:relative;margin:16px auto 0}.mnMentorVerificationProcessItem{display:flex;flex-direction:column;align-items:center;position:absolute;border-radius:6px;width:140px;height:80px;font-weight:600;font-size:12px;line-height:14px;color:#4d699c;background:url(../../images/v3/main/section_verification_process.png) no-repeat;background-size:190px auto}.mnMentorVerificationProcessItem:after{content:"";display:block;position:absolute;background:url(../../images/v3/main/section_verification_process.png) no-repeat;background-size:190px auto}.mnMentorVerificationProcessItem:nth-child(1){padding-top:46px;background-position:0 0}.mnMentorVerificationProcessItem:nth-child(1):after{top:32px;width:30px;height:16px;background-position:-160px -2px}.mnMentorVerificationProcessItem:nth-child(2){top:0;padding-top:57px;background-position:0 -100px}.mnMentorVerificationProcessItem:nth-child(3){padding-top:10px;background-position:0 -200px}.mnMentorVerificationProcessItem:nth-child(4){padding-top:10px;background-position:0 -300px}.mo .mnMentorVerificationProcessList{width:320px;height:190px}.mo .mnMentorVerificationProcessItem:nth-child(1):after{right:-35px}.mo .mnMentorVerificationProcessItem:nth-child(2){left:180px}.mo .mnMentorVerificationProcessItem:nth-child(2):after{bottom:-25px;right:62px;width:16px;height:20px;background-position:-161px -201px}.mo .mnMentorVerificationProcessItem:nth-child(3){top:110px;left:180px}.mo .mnMentorVerificationProcessItem:nth-child(3):after{top:32px;left:-35px;width:30px;height:16px;background-position:-159px -100px}.mo .mnMentorVerificationProcessItem:nth-child(4){top:110px;left:0}.pc .mnMentorVerificationProcessList{width:728px;height:80px}.pc .mnMentorVerificationProcessItem:nth-child(1):after{right:-43px}.pc .mnMentorVerificationProcessItem:nth-child(2){left:196px}.pc .mnMentorVerificationProcessItem:nth-child(2):after{top:32px;right:-43px;width:30px;height:16px;background-position:-160px -2px}.pc .mnMentorVerificationProcessItem:nth-child(3){top:0;left:392px}.pc .mnMentorVerificationProcessItem:nth-child(3):after{top:32px;right:-43px;width:30px;height:16px;background-position:-160px -2px}.pc .mnMentorVerificationProcessItem:nth-child(4){top:0;left:588px}.mnSocialTalk{padding:24px 0 16px}.mnSocialTalkTitle{font-size:20px;font-weight:600;line-height:30px;color:#161616;text-align:center}.mnSocialTalkDesc{margin-top:16px;font-size:12px;font-weight:400;line-height:18px;color:#00174f;text-align:center}.mnSocialTalkList{display:flex;flex-direction:column;gap:16px;margin-top:24px}.mnSocialTalk .mnMoreButton{display:flex;align-items:center;justify-content:center;gap:9px;margin:16px auto 0;border:1px solid #007EFF;border-radius:6px;width:328px;height:48px;font-size:14px;font-weight:600;line-height:22px;color:#007eff}.mnSocialTalkCard{display:flex;flex-direction:column;margin:0 auto;padding:15px;border:1px solid #DFDFDF;border-radius:16px;width:328px;min-height:236px;background:#fff}.mnSocialTalkCard .mnMemberInfo{display:flex;align-items:center;justify-content:space-between}.mnSocialTalkCard .mnMemberTypes{display:flex;gap:2px}.mnSocialTalkCard .mnMemberTypes .mnItem{display:flex;align-items:center;justify-content:center;padding:0 8px;border-radius:50px;height:18px;font-size:10px;font-weight:500;line-height:16px;color:#fff}.mnSocialTalkCard .mnMemberTypes .mnItem.guest{background:#abb0bb}.mnSocialTalkCard .mnMemberTypes .mnItem.member{background:#238b45}.mnSocialTalkCard .mnMemberTypes .mnItem.other{border:1px solid #00174F;color:#00174f}.mnSocialTalkCard .mnMemberNumber{font-size:10px;font-weight:500;line-height:16px;color:#161616}.mnSocialTalkCard .mnTitle{margin-top:6px;padding-bottom:3px;border-bottom:1px solid #DFDFDF;font-size:14px;font-weight:600;line-height:22px;color:#007eff}.mnSocialTalkCard .mnLastMessage{margin-top:6px;font-size:8px;font-weight:400;line-height:1;color:#8f8f8f;text-align:right}.mnSocialTalkCard .mnActivities{margin-top:6px}.mnSocialTalkCard .mnActivities .mnLabel{font-size:8px;font-weight:400;line-height:1;color:#8f8f8f}.mnSocialTalkCard .mnActivities .mnList{display:flex;flex-direction:column;gap:4px;margin-top:6px}.mnSocialTalkCard .mnActivities .mnItem{position:relative;padding-left:15px;font-size:10px;font-weight:500;line-height:16px;color:#161616}.mnSocialTalkCard .mnActivities .mnItem:before{content:"";display:block;position:absolute;top:50%;left:6px;border-radius:3px;width:3px;height:3px;background:#161616;transform:translateY(-50%)}.mnSocialTalkCard .mnMemberDetailBox{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:8px;background:#abb0bb1a}.mnSocialTalkCard .mnMemberDetailBox .mnList{display:flex;gap:8px}.mnSocialTalkCard .mnMemberDetailBox .mnItem{flex:1 0 0%;min-width:0%}.mnSocialTalkCard .mnMemberDetailBox .mnLabel{font-size:8px;font-weight:400;line-height:100%;color:#8f8f8f}.mnSocialTalkCard .mnMemberDetailBox .mnValue{margin-top:4px;font-size:10px;font-weight:500;line-height:16px;color:#161616}.mnSocialTalkCard .mnDescriptionBox{margin-top:12px}.mnSocialTalkCard .mnButtonGroup{margin-top:16px}