.locale-ja-jp *{font-family:'Noto Sans JP' !important}
.locale-ar-me *{font-family:'Noto Sans Arabic' !important}
.locale-th-th *{font-family:'Noto Sans Thai' !important}
.locale-ko-kr *{font-family:'Noto Sans KR' !important}
.locale-zh-tw *,.locale-zh-hk *{font-family:'Noto Sans TC' !important}
html[lang="ru"] *,html[lang="ru-ru"] *,html[lang="vi"] *,html[lang="vi-vn"] *,html[lang="uk"] *,html[lang="uk-ua"] *{font-family:"Roboto" !important}
.locale-zh-tw .categoryMenu.swiper .swiper-wrapper .itemWrap .category{font-size:14px}
.locale-zh-cn *{font-family:'Noto Sans SC' !important}
.g6-title-lg{line-height:1.3;font-weight:700;font-size:66px;font-family:'Poppins'}
@media(max-width:1220px){.g6-title-lg{font-size:54px}
}
@media(max-width:767px){.g6-title-lg{font-size:32px}
}
.g6-title-md{line-height:1.3;font-weight:700;font-size:48px;font-family:'Poppins'}
@media(max-width:1220px){.g6-title-md{font-size:40px}
}
@media(max-width:767px){.g6-title-md{font-size:28px}
}
.g6-title-sm{line-height:1.3;font-weight:700;font-size:36px;font-family:'Poppins'}
@media(max-width:1220px){.g6-title-sm{font-size:32px}
}
@media(max-width:767px){.g6-title-sm{font-size:24px}
}
.g6-subtitle-lg{line-height:1.5;font-weight:500;font-size:30px;font-family:'Poppins'}
@media(max-width:1220px){.g6-subtitle-lg{font-size:30px}
}
@media(max-width:767px){.g6-subtitle-lg{font-size:24px}
}
.g6-subtitle-md{line-height:1.5;font-weight:500;font-size:24px;font-family:'Poppins'}
@media(max-width:1220px){.g6-subtitle-md{font-size:22px}
}
@media(max-width:767px){.g6-subtitle-md{font-size:20px}
}
.g6-subtitle-sm{line-height:1.5;font-weight:500;font-size:20px;font-family:'Poppins'}
@media(max-width:1220px){.g6-subtitle-sm{font-size:18px}
}
@media(max-width:767px){.g6-subtitle-sm{font-size:18px}
}
.g6-text-lg{line-height:1.5;font-weight:400;font-size:18px;font-family:'Roboto'}
@media(max-width:1220px){.g6-text-lg{font-size:18px}
}
@media(max-width:767px){.g6-text-lg{font-size:18px}
}
.g6-text-md{line-height:1.5;font-weight:400;font-size:16px;font-family:'Roboto'}
@media(max-width:1220px){.g6-text-md{font-size:16px}
}
@media(max-width:767px){.g6-text-md{font-size:16px}
}
.g6-text-sm{line-height:1.5;font-weight:400;font-size:14px;font-family:'Roboto'}
@media(max-width:1220px){.g6-text-sm{font-size:14px}
}
@media(max-width:767px){.g6-text-sm{font-size:14px}
}
.g6-tag{line-height:1.5;font-weight:600;font-size:16px;font-family:'Roboto'}
@media(max-width:1220px){.g6-tag{font-size:16px}
}
@media(max-width:767px){.g6-tag{font-size:14px}
}
.body-fixed{overflow:hidden}
.support-video-list-component .videoContainer{max-width:1300px;margin:0 auto;padding:20px 40px 80px}
@media(max-width:1024px){.support-video-list-component .videoContainer{max-width:1024px;padding:20px 40px 60px}
}
@media(max-width:767px){.support-video-list-component .videoContainer{max-width:767px;padding:20px 20px 40px}
}
.support-video-list-component .videoContainer .videoSort{display:flex;justify-content:space-between;align-items:center}
.support-video-list-component .videoContainer .videoSort .result{margin:0;letter-spacing:.02em;font-family:arial;font-weight:400;font-size:12px;line-height:15.6px;color:#757575}
.support-video-list-component .videoContainer .videoSort .sort{cursor:pointer;width:130px;position:relative;border-radius:8px 8px 0 0;padding:10px 16px;display:flex;justify-content:space-between;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.02em}
.support-video-list-component .videoContainer .videoSort .sort.active{box-shadow:2px 4px 4px 0 rgba(71,63,63,0.2);background-color:#f2f2f2}
.support-video-list-component .videoContainer .videoSort .sort.active span{transform:rotate(-180deg)}
.support-video-list-component .videoContainer .videoSort .sort p{margin:0}
.support-video-list-component .videoContainer .videoSort .sort span{transition:.5s}
.support-video-list-component .videoContainer .videoSort .sort ul{position:absolute;width:100%;top:40px;left:0;box-shadow:2px 4px 4px 0 rgba(0,0,0,0.2);background-color:#fff;border-radius:0 0 8px 8px}
.support-video-list-component .videoContainer .videoSort .sort ul li{cursor:pointer;z-index:3;line-height:25px;padding:10px 16px}
.support-video-list-component .videoContainer .videoSort .sort ul li:hover{background-color:#f2f2f2;font-weight:700}
.support-video-list-component .videoContainer .videoSort .sort ul li:last-child:hover{border-radius:0 0 8px 8px}
.support-video-list-component .videoContainer .videoCards{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:60px 24px}
@media(max-width:1024px){.support-video-list-component .videoContainer .videoCards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){.support-video-list-component .videoContainer .videoCards{grid-template-columns:repeat(1,1fr)}
}
.support-video-list-component .videoContainer .videoCards .videoCard{max-width:100%}
.support-video-list-component .videoContainer .videoCards .videoCard:has(.youtubeImage:hover,.videoTitle:hover) img{filter:brightness(90%)}
.support-video-list-component .videoContainer .videoCards .videoCard:has(.youtubeImage:hover,.videoTitle:hover) .videoTitle{color:#7231c6}
.support-video-list-component .videoContainer .videoCards .videoCard img{cursor:pointer;border-radius:12px;width:100%;aspect-ratio:1.77777778;object-fit:cover}
.support-video-list-component .videoContainer .videoCards .videoCard .videoInfo{padding:12px 8px 0}
.support-video-list-component .videoContainer .videoCards .videoCard .videoInfo .videoDate{font-family:"Roboto";font-weight:400;font-size:14px;line-height:16.41px;color:#757575}
.support-video-list-component .videoContainer .videoCards .videoCard .videoInfo .videoTitle{font-family:"Poppins";font-weight:500;font-size:16px;line-height:20px;padding-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.support-video-list-component .videoContainer .no-result{margin:80px auto 0;text-align:center}
.support-video-list-component .videoContainer .no-result p{margin:0}
@media(max-width:1024px){.support-video-list-component .videoContainer .no-result{margin:60px auto 0}
}
@media(max-width:767px){.support-video-list-component .videoContainer .no-result{margin-bottom:20px}
}
@media(max-width:375px){.support-video-list-component .videoContainer .no-result{margin:40px auto 0}
}
.support-video-list-component .videoContainer .moreVideo{padding:40px 0 20px;display:flex;justify-content:center}
.support-video-list-component .videoContainer .moreVideo svg{cursor:pointer}
.support-video-list-component .popout-background{position:fixed;top:0;left:0;visibility:hidden;z-index:-99;width:100vw;height:100vh;background-color:rgba(0,0,0,0);opacity:1;transition:.2s}
.support-video-list-component .popout-background.show{visibility:visible;z-index:9999;background-color:rgba(0,0,0,0.7)}
.support-video-list-component .popout-background.show .popout-container .video-container{transform:translateY(0)}
.support-video-list-component .popout-background.show .popout-container .video-container iframe{opacity:1;top:50%}
.support-video-list-component .popout-background .popout-container{position:relative;width:1220px;margin:auto;height:100%;display:flex;align-items:center;justify-content:center}
@media(max-width:1220px){.support-video-list-component .popout-background .popout-container{width:728px}
}
@media(max-width:767px){.support-video-list-component .popout-background .popout-container{width:calc(100vw - 40px)}
}
.support-video-list-component .popout-background .popout-container .video-container{position:relative;width:100%;height:0;padding-top:56.25%;transform:translateY(500px);transition:.2s}
.support-video-list-component .popout-background .popout-container .video-container iframe{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;transition:.2s;max-height:calc(95vh);overflow:hidden}
.support-video-list-component .popout-background .close{display:block;width:40px;height:40px;background-image:url("../../../../../etc/designs/g6/clientlib-site/img/g6/svg-icon/btn-close-white.svg");position:absolute;top:20px;right:20px;cursor:pointer}
.support-video-list-component .youtube .popout-background{position:fixed;top:0;left:0;visibility:hidden;z-index:-99;width:100vw;height:100vh;background-color:rgba(0,0,0,0);opacity:1;transition:.2s}
.support-video-list-component .youtube .popout-background.show{visibility:visible;z-index:9999;background-color:rgba(0,0,0,0.7)}
.support-video-list-component .youtube .popout-background.show .popout-container .video-container{transform:translateY(0)}
.support-video-list-component .youtube .popout-background.show .popout-container .video-container iframe{opacity:1;top:50%}
.support-video-list-component .youtube .popout-background .popout-container{position:relative;width:1220px;margin:auto;height:100%;display:flex;align-items:center;justify-content:center}
@media(max-width:1220px){.support-video-list-component .youtube .popout-background .popout-container{width:728px}
}
@media(max-width:767px){.support-video-list-component .youtube .popout-background .popout-container{width:calc(100vw - 40px)}
}
.support-video-list-component .youtube .popout-background .popout-container .video-container{position:relative;width:100%;height:0;padding-top:56.25%;transform:translateY(500px);transition:.2s}
.support-video-list-component .youtube .popout-background .popout-container .video-container iframe{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;transition:.2s;max-height:calc(95vh);overflow:hidden}
.support-video-list-component .youtube .popout-background .close{display:block;width:40px;height:40px;background-image:url("../../../../../etc/designs/g6/clientlib-site/img/g6/svg-icon/btn-close-white.svg");position:absolute;top:20px;right:20px;cursor:pointer}