:root {
  --white: white;
  --main-purple-1: #2e1a4c;
  --main-purple-3: #5c33ad;
  --main-purple-3-10: rgba(92, 51, 173, .1);
  --black: black;
  --main-yellow: #fdb015;
  --main-light-purple: #f0ecf7;
  --grey-1: #f2f2f2;
  --663399: rgba(92, 51, 173, .85);
  --main-purple-2: #392064;
  --light-grey: #d4d4d4;
  --gainsboro: #d9d9d9;
  --grey-2: #8a8a8a;
  --white-2: #fcfbfd;
  --medium-aquamarine: #12cbaa;
  --royal-blue: #689fee;
  --dark-turquoise: #21a9d6;
  --gold: #d8c327;
  --medium-orchid: #b766cf;
  --red: #ff333d;
  --ghost-white-2: #f7f5fb;
  --ghost-white: rgba(240, 236, 247, .15);
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-embed-youtubevideo {
  width: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--white);
  color: var(--main-purple-1);
  font-family: Myriad Pro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 110%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 130%;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--main-purple-3);
  text-decoration: none;
  transition: color .5s;
}

a:hover {
  color: rgba(92, 51, 173, .7);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

li {
  margin-bottom: 30px;
}

.all {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-banner, .section-content.overflow-hidden {
  overflow: hidden;
}

.section-content.v-nobanner {
  padding-top: 80px;
}

.section-footer {
  z-index: 1000;
  position: relative;
}

.footer-top-b {
  position: relative;
  overflow: hidden;
}

.footer-top-img {
  background-image: url('../images/footer-top-bg2x.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 13.43%;
}

.footer-content-b {
  background-color: var(--main-purple-3-10);
}

.footer-line {
  height: 25px;
  background-color: var(--main-purple-1);
}

.container {
  max-width: 1920px;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
}

.container.v-cs-past-detail {
  max-width: 1440px;
}

.container.v-header {
  padding-left: 4vw;
  padding-right: 4vw;
}

.footer-content-main {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.footer-content-main-l {
  width: 40%;
  padding-right: 50px;
}

.footer-logo-b {
  width: 200px;
}

.img-full {
  width: 100%;
  display: block;
  position: relative;
}

.link-100 {
  display: block;
}

.site-logo-link {
  margin-bottom: 20px;
  transition: opacity .5s;
  display: block;
}

.site-logo-link:hover {
  opacity: .8;
}

.footer-site-name {
  color: var(--black);
  margin-bottom: 20px;
  font-weight: 600;
}

.footer-contact-list {
  margin-bottom: 50px;
}

.footer-contact-item {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.footer-contact-icon {
  width: 20px;
  flex: none;
  margin-right: 25px;
}

.footer-contact-link {
  color: var(--main-purple-1);
  padding-top: 3px;
}

.btn-common {
  background-color: var(--main-purple-3);
  color: var(--white);
  border: 1px solid rgba(92, 51, 173, 0);
  border-radius: 40px;
  padding: 7px 20px;
  font-weight: 600;
  line-height: 130%;
  transition: border-color .5s ease-out, background-color .5s ease-out, color .5s ease-out;
  display: inline-block;
}

.btn-common:hover {
  background-color: var(--white);
  color: var(--main-purple-3);
  border-color: #5c33ad;
}

.btn-common.v-yellow {
  background-color: var(--main-yellow);
  border-color: rgba(253, 176, 21, 0);
}

.btn-common.v-yellow:hover {
  background-color: var(--white);
  color: var(--main-yellow);
  border-color: #fdb015;
}

.btn-common.v-yellow.v-footer-support {
  padding-left: 35px;
  padding-right: 35px;
}

.btn-common.v-header {
  font-size: 16px;
  line-height: 130%;
}

.btn-common.v-100 {
  text-align: center;
  display: block;
}

.footer-content-main-r {
  width: 60%;
}

.inline-span {
  display: inline-block;
}

.footer-sitemap-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -50px;
  margin-left: -4%;
  margin-right: -4%;
  display: flex;
}

.footer-sitemap-col {
  width: 33.3%;
  text-align: left;
  margin-bottom: 50px;
  padding-left: 4%;
  padding-right: 4%;
}

.footer-col-title {
  color: var(--main-purple-3);
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 130%;
}

.footer-sitemap-title-link {
  color: var(--main-purple-3);
}

.footer-sitemap-title-link:hover {
  color: rgba(92, 51, 173, .7);
}

.footer-sitemap-list {
  margin-bottom: -10px;
}

.footer-sitemap-item {
  margin-bottom: 10px;
  line-height: 130%;
}

.footer-sitemap-link {
  color: var(--main-purple-1);
}

.footer-content-bottom {
  text-align: center;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 130%;
}

.footer-social-gp {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.footer-social-item {
  flex: none;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.footer-social-link {
  width: 32px;
  background-color: var(--main-purple-1);
  border-radius: 50%;
  transition-property: background-color;
  display: block;
  overflow: hidden;
}

.footer-social-link:hover {
  background-color: var(--main-purple-3);
}

.footer-privacy-gp {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.footer-privacy-link {
  color: var(--main-purple-1);
}

.footer-privacy-line {
  width: 1px;
  height: 15px;
  background-color: var(--main-purple-1);
  margin-left: 10px;
  margin-right: 10px;
}

.footer-webdesign {
  margin-top: 10px;
}

.footer-webdesign-link {
  color: var(--main-purple-1);
}

.header {
  z-index: 3000;
  width: 100%;
  background-color: var(--white);
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.btn-menu {
  float: none;
}

.nav-menu {
  float: none;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.header-wrap {
  align-items: flex-start;
  display: flex;
}

.brand {
  float: none;
  padding-left: 0;
  padding-right: 0;
  transition: opacity .5s, color .5s;
  display: block;
}

.brand:hover {
  opacity: .8;
}

.header-logo-b {
  width: 180px;
  flex: none;
  margin-right: 10px;
}

.nav-menu-main {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-item {
  padding-left: 1%;
  padding-right: 1%;
  font-size: 16px;
  line-height: 150%;
  position: relative;
}

.nav-link {
  height: 80px;
  color: var(--main-purple-1);
  white-space: normal;
  padding: 40px 0 0;
  font-weight: 600;
  line-height: 130%;
  display: block;
  position: relative;
}

.nav-link-line {
  width: 100%;
  height: 1px;
  background-color: var(--main-purple-1);
  opacity: 0;
  transition: opacity .5s;
  position: relative;
}

.nav-dropdown {
  display: block;
  position: static;
}

.nav-dropdown-toggle-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-dropdown-arrow-b {
  width: 12px;
  flex: none;
  margin-top: -3px;
  margin-left: 5px;
}

.nav-dropdown-list {
  background-color: var(--663399);
  top: auto;
  bottom: 0%;
  left: 50%;
  right: auto;
  overflow: hidden;
  transform: translate(-50%, 100%);
}

.nav-dropdown-link {
  color: var(--white);
  border-bottom: 1px solid rgba(240, 236, 247, .5);
  padding: 15px 10px;
  font-weight: 400;
  transition: background-color .5s, color .5s;
}

.nav-dropdown-link:hover, .nav-dropdown-link.w--current {
  background-color: var(--main-purple-2);
  color: var(--white);
}

.header-contact-b {
  margin-left: 20px;
  padding-top: 17px;
}

.header-bg {
  width: 100%;
  height: 100%;
  background-color: var(--white);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.padding-header-space {
  padding-top: 80px;
}

.home-banner-b {
  position: relative;
  overflow: hidden;
}

.section-div {
  margin-top: 80px;
  margin-bottom: 80px;
  position: relative;
}

.section-div.overflow-hidden {
  overflow: hidden;
}

.section-div.home-media {
  z-index: 1;
}

.section-div.other-video {
  background-color: var(--light-grey);
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-heading-b {
  margin-bottom: 40px;
}

.section-heading-b.v-center {
  text-align: center;
}

.section-heading-txt {
  color: var(--main-purple-3);
}

.section-heading-txt.txt-align-center {
  text-align: center;
}

.home-news-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 40px;
  padding-right: 40px;
}

.home-news-slider-nav {
  height: auto;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.home-news-gp {
  justify-content: flex-start;
  display: flex;
}

.home-news-l {
  width: 60%;
}

.home-news-img-big {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 53.8%;
}

.home-news-img-big.img-1 {
  background-image: url('../images/home-news-big-12x.jpg');
}

.home-news-img-big.img-2 {
  background-image: url('../images/home-news-big-22x.jpg');
}

.home-news-link {
  border: 1px solid var(--gainsboro);
  color: var(--main-purple-1);
  transition: background-color .5s, color .5s;
  display: block;
}

.home-news-link:hover {
  background-color: var(--main-light-purple);
  color: var(--main-purple-3);
}

.home-news-link.v-small {
  height: 50%;
  overflow: hidden;
}

.home-news-img-b {
  overflow: hidden;
}

.home-news-txt-b {
  padding: 20px;
}

.home-news-txt-b.v-big {
  min-height: 200px;
}

.home-news-des {
  color: var(--grey-2);
  margin-top: 5px;
  font-size: 15px;
  line-height: 150%;
}

.home-news-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
}

.home-news-r {
  flex: 1;
  margin-left: -1px;
}

.home-news-img-small {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 33.3%;
}

.home-news-img-small.img-1 {
  background-image: url('../images/home-news-small-12x.jpg');
}

.home-news-img-small.img-2 {
  background-image: url('../images/home-news-small-22x.jpg');
}

.home-news-img-small.img-3 {
  background-image: url('../images/home-news-small-32x.jpg');
}

.home-news-img-small.img-4 {
  background-image: url('../images/home-news-small-42x.jpg');
}

.home-news-slider-arrow {
  width: 10px;
  margin-top: -35px;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.home-news-slider-arrow.v-next {
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.home-course-bg {
  width: 100%;
  background-image: url('../images/home-course-bg2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 25.5%;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.relative {
  position: relative;
}

.home-course-b {
  max-width: 667px;
  margin-bottom: -50px;
  margin-left: auto;
  margin-right: auto;
}

.home-course-gp {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 50px;
  display: flex;
}

.home-course-bg-mask {
  width: 60%;
  height: 100%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 30%, #fff 70%, rgba(255, 255, 255, 0));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%);
}

.home-course-gp-title-b {
  width: 150px;
  background-color: var(--main-light-purple);
  color: var(--main-purple-2);
  text-align: center;
  border-radius: 40px;
  flex: none;
  margin-right: 30px;
  padding: 8px 20px;
  font-size: 22px;
  font-weight: 600;
}

.home-course-list {
  perspective: 1000px;
  flex: 1;
  margin-top: -15px;
}

.home-course-link {
  color: var(--main-purple-1);
  padding-top: 25px;
  padding-bottom: 25px;
  display: block;
  position: relative;
}

.home-course-link:hover {
  color: var(--main-purple-1);
}

.home-course-link-line-b {
  width: 100%;
  height: 1px;
  background-color: var(--gainsboro);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.home-course-link-line {
  width: 0%;
  height: 1px;
  background-color: var(--main-purple-3);
  opacity: 0;
  transition: opacity .5s ease-out, width .5s ease-out;
}

.home-course-item {
  transform-origin: 50% 0;
}

.home-wwd-b {
  padding-top: 80px;
  position: relative;
}

.home-wwd-color-block {
  width: 76.9%;
  background-color: var(--main-light-purple);
  transform-origin: 0 0;
  margin-left: -50px;
  padding-top: 40%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.home-wwd-list {
  perspective: 2000px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: -50px;
  margin-left: -2%;
  margin-right: -2%;
  display: flex;
}

.home-wwd-item {
  width: 33.3%;
  margin-bottom: 50px;
  padding-left: 2%;
  padding-right: 2%;
}

.home-wwd-link {
  display: block;
}

.home-wwd-img-b {
  position: relative;
  overflow: hidden;
}

.home-wwd-img-hover {
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(57, 32, 100, .65);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.home-wwd-txt-box {
  color: var(--main-purple-1);
  margin-top: 20px;
}

.home-wwd-title {
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 600;
  line-height: 150%;
}

.home-wwd-arrow-b {
  width: 26%;
  background-color: var(--main-purple-3);
  border-radius: 50%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.home-wwd-img-hover-content {
  width: 100%;
  color: var(--white);
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.home-statistics-banner-b {
  margin-bottom: 80px;
  position: relative;
}

.home-statistics-banner-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.hide {
  display: none;
}

.home-statstics-banner-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 12.5% 0 0;
}

.home-statstics-banner-img.banner-1 {
  background-image: url('../images/home-statistics-banner-12x.jpg');
}

.home-statstics-banner-img.banner-2 {
  background-image: url('../images/home-statistics-banner-22x.jpg');
}

.home-statistics-banner-mask {
  z-index: 10;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, rgba(57, 32, 100, 0), rgba(57, 32, 100, .4) 50%, #fff 95%);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.home-statistics-gp {
  perspective: 2000px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-statistics-col {
  width: 25%;
  perspective: 2000px;
  position: relative;
  overflow: hidden;
}

.home-statistics-cell {
  z-index: 1;
  transform-origin: 50% 100%;
  background-color: rgba(57, 32, 100, .75);
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.home-statistics-cell.v-empty {
  opacity: 0;
}

.home-statistics-cell.v-even {
  transform-origin: 50% 0;
  background-color: rgba(92, 51, 173, .8);
}

.home-statistics-img {
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.home-statistics-img.img-1 {
  background-image: url('../images/home-stat-img-member2x.jpg');
}

.home-statistics-img.img-4 {
  background-image: url('../images/home-stat-img-course2x.jpg');
}

.home-statistics-img.img-3 {
  background-image: url('../images/home-stat-img-research2x.jpg');
}

.home-statistics-img.img-2 {
  background-image: url('../images/home-stat-img-article2x.jpg');
}

.home-statistics-cell-content {
  width: 100%;
  height: 100%;
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.home-statistics-cell-txt-b {
  width: 100%;
  position: relative;
}

.home-stat-num {
  font-size: 48px;
  font-weight: 700;
  line-height: 100%;
}

.home-statistics-b {
  padding-bottom: 80px;
  position: relative;
}

.home-statistics-bg-color-block {
  width: 70%;
  height: 40%;
  background-color: var(--main-light-purple);
  transform-origin: 100% 100%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.home-statistics-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.home-community-slide {
  width: 25%;
  padding-left: 1.5%;
  padding-right: 1.5%;
}

.home-ce-link {
  display: block;
}

.home-ce-slider-arrow {
  width: 10px;
  margin-top: -35px;
  margin-left: -30px;
  margin-right: -30px;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.home-ce-slider-arrow.v-next {
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.home-ce-img-b {
  margin-bottom: 20px;
  overflow: hidden;
}

.home-ce-title {
  max-height: 85.8px;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
  overflow: hidden;
}

.home-ce-date {
  color: var(--grey-2);
  margin-top: 5px;
  font-size: 15px;
  line-height: 150%;
}

.hom-ce-des {
  max-height: 108px;
  color: var(--main-purple-1);
  margin-top: 10px;
  overflow: hidden;
}

.home-testimonial-list {
  perspective: 2000px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: -50px;
  margin-left: -2.5%;
  margin-right: -2.5%;
  display: flex;
}

.home-testimonial-item {
  width: 33.3%;
  margin-bottom: 50px;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.home-testimonial-link {
  background-color: var(--white);
  color: var(--main-purple-1);
  border-radius: 30px;
  padding: 40px 20px;
  transition-property: all;
  display: block;
  position: relative;
  box-shadow: 0 10px 25px #e5e0ef;
}

.home-testimonial-link:hover {
  background-color: var(--main-light-purple);
  color: var(--main-purple-1);
  transform: translate(0, -40px);
}

.home-testimonial-quote-b {
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
}

.home-testimonial-quote-icon {
  width: 32px;
  height: 26px;
  background-image: url('../images/testimonial-quote-start.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.home-testimonial-quote-icon.v-end {
  background-image: url('../images/testimonial-quote-end.svg');
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.home-testimonial-author-b {
  color: var(--grey-2);
  justify-content: flex-start;
  align-items: center;
  margin-top: 45px;
  font-size: 15px;
  line-height: 150%;
  display: flex;
}

.home-testmonial-author-img-b {
  width: 54px;
  border-radius: 50%;
  flex: none;
  overflow: hidden;
}

.home-testimonial-author-txt-b {
  flex: 1;
  margin-left: 20px;
}

.home-testimonial-author-name {
  color: var(--main-purple-3);
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
}

.item-list-btn-b {
  text-align: center;
  margin-top: 80px;
}

.home-banner-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.home-banner-slide-content {
  overflow: hidden;
}

.home-banner-slider-nav {
  height: auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 50px;
  padding-top: 0;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.home-banner-content-box {
  z-index: 100;
  width: 28.8%;
  height: 100%;
  color: var(--white);
  background-color: rgba(57, 32, 100, .75);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 30px 50px 100px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.home-banner-content-warp {
  width: 100%;
}

.home-banner-heading {
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

.home-banner-btn-b {
  margin-top: 10px;
}

.mobile-hide {
  display: block;
}

.mobile-only {
  display: none;
}

.inner-page-banner {
  position: relative;
  overflow: hidden;
}

.hidden-h1 {
  width: 0;
  height: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.inner-banner-content-box {
  width: 40%;
  min-height: 41.6vw;
  color: var(--white);
  background-color: rgba(57, 32, 100, .75);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 60px 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inner-banner-content-warp {
  width: 100%;
}

.inner-page-section-txt {
  margin-bottom: 15px;
}

.inner-banner-tagline {
  color: var(--main-yellow);
  margin-top: 15px;
  font-size: 32px;
  font-weight: 700;
  line-height: 130%;
}

.inner-page-banner-img {
  width: 100%;
  height: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.inner-page-banner-img.about-us {
  background-image: url('../images/page-banner-about-mission_and_vision2x.jpg');
}

.inner-page-banner-img.fmaily-research {
  background-image: url('../images/page-banner-familyresearch-mediacoverage2x.jpg');
}

.inner-page-banner-img.joinus {
  background-image: url('../images/page-banner-joinus2x.jpg');
}

.inner-page-banner-img.course-seminar {
  background-image: url('../images/page-banner-courseandseminars2x.jpg');
}

.inner-page-banner-img.conference {
  background-image: url('../images/page-banner-conference2x.jpg');
}

.inner-page-banner-img.nxgen {
  background-image: url('../images/page-banner-nxgen2x.jpg');
}

.inner-banner-shortcut-list {
  margin-top: 30px;
}

.inner-banner-shortcut-link {
  color: var(--white);
  transition-property: padding-left;
  position: relative;
}

.inner-banner-shortcut-link:hover {
  color: var(--white);
  padding-left: 30px;
}

.inner-banner-shortcut-item {
  margin-top: 10px;
}

.inner-banner-shortcut-txt {
  position: relative;
}

.inner-banner-shortcut-arrow {
  width: 20px;
  height: 20px;
  opacity: 0;
  background-image: url('../images/inner-banner-shortcut-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .5s;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.about-mission-vision-list {
  perspective: 2000px;
}

.about-vision-mission-item {
  transform-origin: 50% 0;
  background-image: url('../images/about-mv-bg-vision2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 40px;
  padding: 40px;
}

.about-vision-mission-item.v-mission {
  background-image: url('../images/about-mv-bg-mission2x.jpg');
}

.about-vision-mission-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.about-mission-vision-col-l {
  width: 50%;
  padding-right: 40px;
}

.about-mission-vision-col-r {
  width: 50%;
}

.testimonial-item {
  background-color: var(--white-2);
  border-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
  padding: 40px;
  transition: background-color .5s;
  display: flex;
  box-shadow: 0 10px 25px rgba(22, 22, 22, .1);
}

.testimonial-item:hover {
  background-color: var(--main-light-purple);
}

.testimonial-l-b {
  width: 190px;
  flex: none;
}

.testimonial-photo-b {
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.testimonial-info-b {
  text-align: center;
  margin-top: 20px;
}

.testimonial-name-txt {
  color: var(--main-purple-3);
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
}

.testmonial-position-txt {
  color: var(--grey-2);
  margin-top: 5px;
  font-size: 15px;
  line-height: 150%;
}

.testimonial-r-b {
  flex: 1;
  margin-left: 40px;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
}

.testimonial-quote-icon {
  width: 32px;
  height: 26px;
  background-image: url('../images/testimonial-quote-start.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.testimonial-quote-icon.v-end {
  background-image: url('../images/testimonial-quote-end.svg');
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.director-tab-menu {
  z-index: 100;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 40px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
}

.director-tab-link {
  width: 49%;
  background-color: var(--main-light-purple);
  color: rgba(92, 51, 173, .5);
  border-radius: 30px;
  padding: 10px 30px;
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
  transition: box-shadow .5s, background-color .5s, color .5s;
  display: block;
  box-shadow: 0 10px 25px rgba(240, 236, 247, 0);
}

.director-tab-link:hover {
  color: var(--main-purple-3);
  background-color: rgba(240, 236, 247, .3);
}

.director-tab-link.w--current {
  background-color: var(--white);
  color: var(--main-purple-3);
  box-shadow: 0 10px 25px #f0ecf7;
}

.director-tab-img {
  width: 80px;
  border: 3px solid var(--grey-1);
  border-radius: 50%;
  flex: none;
  margin-right: 20px;
  overflow: hidden;
}

.director-tab-link-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.director-top-b {
  max-width: 1240px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.director-protrait-b {
  flex: 1;
  margin-right: -50px;
  position: relative;
}

.director-purple-box {
  width: 60%;
  background-color: var(--main-purple-3);
  transform-origin: 0 0;
  color: var(--white);
  margin-top: 100px;
  padding: 40px 45px;
  font-weight: 600;
  position: relative;
}

.director-title-txt {
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
}

.director-quote-txt {
  font-size: 25px;
  line-height: 150%;
}

.director-box-line {
  width: 100px;
  height: 1px;
  background-color: var(--gainsboro);
  margin-top: 30px;
  margin-bottom: 30px;
}

.bold-purple {
  color: var(--main-purple-3);
  font-weight: 700;
}

.director-content-b {
  padding-left: 60px;
  padding-right: 60px;
}

.director-box-decol-b {
  width: 27px;
  height: 57%;
  background-color: var(--main-purple-2);
  margin-top: 130px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(-50%);
}

.director-box-deco-line {
  width: 100%;
  height: 40%;
  background-color: var(--main-yellow);
}

.common-partner-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-left: -1%;
  margin-right: -1%;
  display: flex;
}

.global-partners-heading {
  text-align: center;
  margin-bottom: 20px;
}

.common-global-partners-item {
  width: 16.6667%;
  padding-left: 1%;
  padding-right: 1%;
}

.common-global-partners-link {
  display: block;
}

.kc-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  margin-left: -2%;
  margin-right: -2%;
  display: flex;
}

.kc-item {
  width: 25%;
  text-align: center;
  cursor: pointer;
  margin-bottom: 30px;
  padding-left: 2%;
  padding-right: 2%;
  transition: opacity .5s;
}

.kc-item-title {
  color: var(--main-purple-3);
  text-align: center;
  margin-top: 5px;
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
  transition: color .5s;
}

.kc-expand-b {
  padding-right: 30px;
  position: relative;
  overflow: hidden;
}

.kc-expand-content {
  transition: opacity .5s;
  position: relative;
  overflow: hidden;
}

.kc-expand-logo {
  width: 25%;
  margin-right: 30px;
}

.kc-expand-txt-b {
  flex: 1;
  margin-top: 5%;
}

.kc-txt-link {
  font-weight: 700;
  text-decoration: underline;
}

.kc-item-title-b {
  display: inline-block;
}

.kc-item-title-line {
  height: 1px;
  background-color: var(--main-purple-3);
  opacity: 0;
  transform-style: preserve-3d;
  margin-top: 15px;
  transition: all .5s;
  transform: scale3d(0, 1, 1);
}

.kc-expand-close {
  width: 25px;
  margin-top: 5%;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.kc-expand-close-hover {
  opacity: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.kc-expand-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.our-team-li {
  color: var(--main-purple-3);
  margin-bottom: 5px;
}

.team-list {
  perspective: 2000px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -50px;
  margin-left: -2%;
  margin-right: -2%;
  display: flex;
}

.team-item {
  width: 25%;
  margin-bottom: 50px;
  padding-left: 2%;
  padding-right: 2%;
}

.team-item-link {
  display: block;
  position: relative;
}

.team-item-img-b {
  position: relative;
  overflow: hidden;
}

.team-item-hover {
  width: 100%;
  color: var(--white);
  background-color: rgba(92, 51, 173, .8);
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
  transform: translate(0, 100%);
}

.team-item-arrow {
  width: 20px;
  height: 20px;
  background-image: url('../images/team-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  margin-left: 10px;
}

.team-item-txt-b {
  margin-top: 20px;
}

.team-item-title {
  color: var(--main-purple-3);
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
}

.team-item-detail {
  color: var(--grey-2);
  margin-top: 5px;
  font-size: 15px;
  line-height: 150%;
}

.news-list-b {
  perspective: 2000px;
  margin-top: 40px;
}

.news-item-link {
  color: var(--main-purple-1);
  display: block;
}

.news-item-link:hover {
  color: var(--main-purple-3);
}

.news-item {
  border-bottom: 1px solid var(--gainsboro);
  transform-origin: 50% 0;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.news-des {
  color: var(--grey-2);
  font-size: 15px;
  line-height: 150%;
}

.news-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
}

.publication-item {
  margin-bottom: 40px;
  position: relative;
}

.publication-item-img-b {
  width: 230px;
  order: -1;
  position: relative;
  overflow: hidden;
}

.publication-item-content-b {
  flex: 1;
  margin-left: 20px;
}

.publication-item-title {
  color: var(--main-purple-3);
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
}

.hide-first {
  display: none;
}

.publication-info-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.publication-date {
  color: var(--grey-2);
  margin-right: 20px;
  font-size: 15px;
  line-height: 150%;
}

.publication-author {
  color: var(--main-purple-1);
  font-size: 15px;
  line-height: 150%;
}

.publication-tag-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.publication-tag-item {
  padding-left: 5px;
  padding-right: 5px;
}

.publication-tag {
  border: 1px solid var(--medium-aquamarine);
  color: var(--medium-aquamarine);
  text-align: center;
  background-color: rgba(18, 203, 170, .25);
  border-radius: 40px;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 150%;
}

.publication-tag.v-article {
  border-color: var(--royal-blue);
  color: var(--royal-blue);
  background-color: rgba(104, 159, 238, .25);
}

.publication-tag.v-report {
  border-color: var(--dark-turquoise);
  color: var(--dark-turquoise);
  background-color: rgba(33, 169, 214, .25);
}

.publication-tag.v-journal {
  border-color: var(--gold);
  color: var(--gold);
  background-color: rgba(216, 195, 39, .25);
}

.publication-tag.v-conferencepapers {
  border-color: var(--medium-orchid);
  color: var(--medium-orchid);
  background-color: rgba(183, 102, 207, .25);
}

.publication-item-expand-b {
  overflow: hidden;
}

.publication-expand-content {
  padding-top: 20px;
}

.publication-item-des {
  font-size: 15px;
  line-height: 150%;
  overflow: hidden;
}

.publication-item-des.v-shorter {
  max-height: 90px;
}

.publication-content-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.publication-view-online-b {
  flex: none;
  margin-left: 30px;
}

.publication-item-hover {
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(92, 51, 173, .45);
  justify-content: center;
  align-items: flex-end;
  padding: 15px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.publication-btn-b {
  background-color: var(--main-purple-3);
  color: var(--white);
  border-radius: 40px;
  padding: 5px 15px;
  font-size: 15px;
  line-height: 150%;
}

.publication-btn-b.v-close {
  background-color: var(--red);
}

.publication-btn-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.publication-btn-icon-b {
  width: 20px;
  flex: none;
  margin-left: 10px;
}

.publication-btn-icon-b.v-close {
  width: 18px;
}

.publication-item-close {
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(92, 51, 173, .45);
  justify-content: center;
  align-items: flex-end;
  padding: 15px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.publication-item-click-b {
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.news-date {
  color: var(--grey-2);
  font-size: 15px;
  line-height: 150%;
}

.news-title-b {
  margin-bottom: 20px;
}

.message-director-txt {
  font-size: 16px;
  line-height: 130%;
}

.home-ce-author {
  color: var(--main-purple-1);
  margin-top: 5px;
  font-size: 15px;
  line-height: 150%;
}

.home-ce-tag-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.joinus-b {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.joinus-l-b {
  width: 40%;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.joinus-r-b {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.joinus-news-bg {
  width: 100%;
  height: 100%;
  background-image: url('../images/joinus-latestnews-bg2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}

.joinus-news-box {
  width: 100%;
  background-color: var(--white);
  color: var(--black);
  border-radius: 15px;
  padding: 20px 20px 80px;
  transition: box-shadow .5s, color .5s;
  position: relative;
  box-shadow: 0 10px 25px rgba(22, 22, 22, .1);
}

.joinus-news-box:hover {
  color: var(--main-purple-3);
  box-shadow: 0 10px 25px rgba(22, 22, 22, .2);
}

.joinus-news-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-top: -35px;
  padding-left: 40px;
  padding-right: 40px;
}

.joinus-news-slide {
  width: 100%;
  height: auto;
  flex: none;
  align-items: stretch;
  padding: 35px 25px;
  display: flex;
}

.joinus-news-slider-nav {
  height: auto;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.joinus-news-slider-mask {
  max-width: 700px;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.joinus-news-title {
  color: var(--main-purple-3);
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 600;
  line-height: 150%;
}

.joinus-news-slider-arrow {
  width: 10px;
  margin-top: -20px;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.joinus-news-slider-arrow.v-next {
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.joinus-content-b {
  width: 100%;
  margin-top: 80px;
  margin-bottom: 80px;
  position: relative;
}

.joinus-content-b.overflow-hidden {
  overflow: hidden;
}

.joinus-l-content {
  width: 100%;
}

.login-txt-link {
  font-weight: 700;
  text-decoration: underline;
}

.joinus-form-intro-txt {
  margin-top: 10px;
}

.form-b {
  margin-bottom: 0;
}

.txtfield {
  height: auto;
  border: 1px solid var(--grey-1);
  background-color: var(--grey-1);
  color: var(--main-purple-1);
  border-radius: 10px;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 150%;
  transition: border-color .5s;
  position: relative;
}

.txtfield:focus {
  border-style: solid;
  border-color: var(--663399);
}

.txtfield::-ms-input-placeholder {
  color: var(--grey-2);
}

.txtfield::placeholder {
  color: var(--grey-2);
}

.txtfield.v-login {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 40px;
}

.txtfield.v-login.v-email {
  background-image: url('../images/joinus-icon-email.svg');
}

.txtfield.v-login.v-pw {
  background-image: url('../images/joinus-icon-pw.svg');
}

.form-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -20px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.form-field-b {
  width: 100%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.form-field-b.half {
  width: 50%;
}

.form-field-b.top-margin {
  margin-top: 20px;
}

.form-submit-row {
  margin-top: 50px;
}

.signup-b {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.form-label {
  color: var(--main-purple-1);
  font-weight: 600;
  line-height: 120%;
}

.form-birth-gp {
  justify-content: flex-start;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.form-birth-item {
  flex: 1;
  padding-left: 5px;
  padding-right: 5px;
}

.form-select {
  height: auto;
  border: 1px solid var(--grey-1);
  background-color: var(--grey-1);
  background-image: url('../images/form-select-arrow.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 10px;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 150%;
  transition: border-color .5s;
  position: relative;
}

.form-select:focus {
  border-color: var(--663399);
}

.form-select.v-login {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 40px;
}

.form-select.v-login.v-email {
  background-image: url('../images/joinus-icon-email.svg');
}

.form-select.v-login.v-pw {
  background-image: url('../images/joinus-icon-pw.svg');
}

.form-radio-gp {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 13px;
  padding-bottom: 13px;
  display: flex;
}

.form-radio-item {
  padding-left: 15px;
  padding-right: 15px;
}

.radio-btn-field {
  margin-bottom: 0;
  padding-left: 0;
  font-weight: 400;
  line-height: 120%;
}

.radio-btn-content {
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radio-circle-b {
  width: 20px;
  height: 20px;
  background-color: var(--grey-1);
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.radio-dot {
  width: 10px;
  height: 10px;
  background-color: var(--main-purple-3);
  opacity: 0;
  border-radius: 100%;
  transition: all .5s;
  transform: scale(0);
}

.radio-txt {
  margin-top: 1px;
  margin-left: 10px;
}

.checkbox-field {
  margin-bottom: 0;
  padding-left: 0;
  font-weight: 400;
  line-height: 120%;
}

.checkbox-content {
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.checkbox-txt {
  margin-top: 1px;
  margin-left: 10px;
}

.checkbox-box {
  width: 20px;
  height: 20px;
  background-color: var(--grey-1);
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.checkbox-tick {
  width: 100%;
  opacity: 0;
  background-image: url('../images/checkbox-tick.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100%;
  transition: all .5s;
  transform: scale(0);
}

.checkbox-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -10px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.checkbox-item {
  width: 100%;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.publication-filter-b {
  z-index: 200;
  background-color: var(--white);
  margin-top: -20px;
  margin-bottom: 40px;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  overflow: hidden;
}

.publication-filter-wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-left: -1%;
  margin-right: -1%;
  display: flex;
}

.publication-filter-gp {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 1%;
  padding-right: 1%;
  display: flex;
}

.publication-filter-gp.v-mobile {
  border-bottom: 1px solid var(--main-light-purple);
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 0%;
  padding-right: 0%;
  display: block;
}

.publication-filter-gp-title {
  color: var(--main-purple-3);
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 15px;
  line-height: 120%;
}

.btn-filter-select {
  background-color: var(--main-light-purple);
  color: var(--main-purple-2);
  border-radius: 40px;
  padding: 4px 15px;
  transition: background-color .5s, color .5s;
}

.btn-filter-select:hover {
  color: var(--main-purple-2);
  background-color: #e5e0ee;
}

.btn-filter-select.filter-collapse {
  background-color: var(--main-purple-3);
  color: var(--white);
  display: none;
}

.publication-sort-link.w--current {
  font-weight: 700;
}

.publication-sort-line {
  width: 1px;
  height: 20px;
  background-color: var(--main-purple-3);
  margin-left: 10px;
  margin-right: 10px;
}

.filter-date-gp {
  flex-wrap: wrap;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filter-date-item {
  width: 120px;
}

.filter-date-field {
  background-color: var(--main-light-purple);
  text-align: right;
  background-image: url('../images/form-date-icon.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px #000;
  border-radius: 8px;
  margin-bottom: 0;
  padding: 4px 10px 4px 30px;
  font-size: 18px;
  line-height: 150%;
}

.filter-date-field.datepicker {
  height: auto;
  color: var(--main-purple-2);
}

.date-to {
  color: var(--main-purple-3);
  margin-left: 10px;
  margin-right: 10px;
}

.publication-filter-line {
  height: 1px;
  background-color: var(--main-purple-3);
  margin-left: 50px;
  margin-right: 50px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.publication-filter-content {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.filter-expand-b {
  overflow: hidden;
}

.filter-expand-content {
  background-color: var(--main-light-purple);
  padding: 20px;
}

.filter-tag-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.filter-tag-item {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.filter-tag {
  border: 1px solid var(--main-purple-3);
  text-align: center;
  border-radius: 40px;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 120%;
  transition: background-color .2s, color .5s;
  display: inline-block;
}

.filter-tag.w--current {
  background-color: var(--main-purple-3);
  color: var(--white);
}

.filter-expand-title {
  color: var(--main-purple-3);
  margin-bottom: 5px;
  font-weight: 700;
  line-height: 120%;
}

.popup-b {
  z-index: 3000;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, .25);
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.popup-b.edit {
  opacity: 1;
  display: block;
}

.pop-publication-filter {
  width: 100%;
  height: 100%;
  opacity: 0;
  align-items: stretch;
  display: none;
  transform: translate(100%);
}

.pop-publication-filter.edit {
  opacity: 1;
  display: flex;
  transform: none;
}

.pop-common-close-b {
  width: 160px;
  order: -1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-pop-close {
  width: 40px;
  height: 40px;
}

.pop-common-white-box {
  background-color: var(--white);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  overflow: auto;
  box-shadow: 0 10px 25px rgba(22, 22, 22, .1);
}

.pop-content-b {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
}

.publication-sort-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.publication-filter-m-b {
  display: none;
}

.couse-seminar-b {
  background-color: rgba(240, 236, 247, .2);
  align-items: stretch;
  margin-bottom: -13.43%;
  display: flex;
}

.cs-page-bar {
  z-index: 300;
  width: 270px;
  border-right: 1px solid var(--main-light-purple);
  background-color: var(--white);
  flex: none;
  padding-bottom: 13.43%;
  position: relative;
  overflow: hidden;
}

.cs-page-content {
  flex: 1;
  padding-bottom: 13.43%;
}

.cs-page-btn {
  border-right: 5px solid var(--white);
  margin-bottom: 20px;
  padding: 10px 35px 10px 135px;
  font-size: 22px;
  font-weight: 600;
  line-height: 150%;
  transition: background-color .5s, border-color .5s, color .5s;
  display: block;
}

.cs-page-btn.w--current {
  border-right-color: var(--main-purple-3);
  background-color: var(--main-light-purple);
}

.cs-upcoming-list {
  perspective: 2000px;
}

.cs-item-link {
  background-color: var(--white);
  border-radius: 15px;
  display: block;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(22, 22, 22, .1);
}

.cs-item-upcoming-wrap {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.cs-item-upcoming-img-b {
  width: 215px;
  min-height: 215px;
  position: relative;
  overflow: hidden;
}

.cs-item-box {
  background-color: var(--white);
  border-radius: 15px;
  display: block;
  overflow: hidden;
}

.cs-item-upcoming-img {
  width: 100%;
  height: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.cs-item-upcoming-img.seminar-1 {
  background-image: url('../images/seminar-img-12x.jpg');
}

.cs-item-upcoming-img.seminar-2 {
  background-image: url('../images/seminar-img-22x.jpg');
}

.cs-item-upcoming-img.seminar-3 {
  background-image: url('../images/seminar-img-32x.jpg');
}

.cs-item-upcoming-img.courses-1 {
  background-image: url('../images/course-img-12x.jpg');
}

.cs-item-upcoming-img.courses-2 {
  background-image: url('../images/course-img-22x.jpg');
}

.cs-item-upcoming-img.courses-3 {
  background-image: url('../images/course-img-32x.jpg');
}

.cs-item-upcoming-content-b {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 20px 30px;
  display: flex;
}

.cs-upcoming-btn-b {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.cs-item-btn {
  background-color: var(--main-purple-3);
  color: var(--white);
  text-align: center;
  border: 1px solid rgba(92, 51, 173, 0);
  border-radius: 40px;
  padding: 7px 20px;
  font-weight: 600;
  line-height: 130%;
  transition: border-color .5s ease-out, background-color .5s ease-out, color .5s ease-out;
}

.cs-item-btn.v-yellow {
  background-color: var(--main-yellow);
  border-color: rgba(253, 176, 21, 0);
}

.cs-item-btn.v-yellow:hover {
  background-color: var(--white);
  color: var(--main-yellow);
  border-color: #fdb015;
}

.cs-item-btn.v-yellow.v-footer-support {
  padding-left: 35px;
  padding-right: 35px;
}

.cs-item-btn.v-header {
  font-size: 16px;
  line-height: 130%;
}

.cs-item-btn.v-100 {
  text-align: center;
  display: block;
}

.cs-item-upcoming-title {
  color: var(--main-purple-3);
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 600;
  line-height: 150%;
}

.cs-item-upcoming-info {
  color: var(--black);
  font-size: 15px;
  line-height: 150%;
}

.cs-item-upcoming-date {
  color: var(--grey-2);
}

.cs-item-upcoming-author {
  color: var(--main-purple-3);
  font-weight: 600;
}

.cs-item {
  transform-origin: 50% 0;
  margin-bottom: 40px;
}

.pop-cs-upcoming-detail {
  width: 100%;
  height: 100%;
  opacity: 0;
  align-items: stretch;
  display: none;
  transform: translate(100%);
}

.pop-cs-upcoming-detail.edit {
  opacity: 1;
  display: flex;
  transform: none;
}

.cs-upcoming-detail-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cs-upcoming-detail-img-b {
  width: 250px;
  flex: none;
}

.cs-upcoming-detail-content-b {
  flex: 1;
  margin-left: 50px;
}

.cs-upcoming-detail-title-b {
  flex: 1;
}

.cs-upcoming-top-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cs-upcoming-detail-btn-b {
  margin-left: 20px;
}

.cs-upcoming-detail-main-b {
  margin-top: 34px;
  padding-right: 120px;
}

.cs-upcoming-detail-main-gp {
  margin-bottom: 27px;
}

.cs-upcoming-detail-main-gp-title {
  color: var(--main-purple-3);
  font-weight: 600;
}

.cs-upcoming-detail-topic-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.cs-topic-item {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.cs-topic-tag {
  background-color: var(--main-purple-1);
  color: var(--white);
  border-radius: 40px;
  padding: 7px 20px;
  line-height: 120%;
}

.cs-item-upcoming-des {
  max-height: 54px;
  color: var(--black);
  margin-top: 20px;
  overflow: hidden;
}

.cs-item-past-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 40px;
  display: flex;
}

.cs-item-past-main-b {
  flex: 1;
}

.cs-item-past-btn-b {
  justify-content: flex-end;
  align-items: center;
  margin-left: 20px;
  display: flex;
}

.cs-item-past-title {
  color: var(--main-purple-3);
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 600;
  line-height: 150%;
}

.cs-item-past-des {
  color: var(--grey-2);
}

.pop-cs-past-detail {
  height: 100%;
  background-color: var(--ghost-white-2);
  display: none;
  overflow: auto;
}

.pop-cs-past-detail.popup-scroll.edit {
  display: block;
}

.cs-past-detail-content {
  padding-top: 50px;
  padding-bottom: 100px;
}

.cs-past-detail-top-b {
  text-align: center;
  margin-bottom: 40px;
  position: relative;
}

.cs-past-detail-heading {
  color: var(--main-purple-3);
  padding-left: 90px;
  padding-right: 90px;
  font-size: 32px;
  font-weight: 700;
  line-height: 130%;
}

.btn-cs-past-detail-top-back {
  z-index: 1;
  color: var(--main-purple-2);
  text-transform: uppercase;
  background-image: url('../images/slider-arrow-l.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 10px;
  padding-top: 3px;
  padding-left: 30px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.cs-past-detail-top-back-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cs-past-detail-gp {
  margin-bottom: 40px;
}

.cs-past-detail-img-b {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.cs-past-detail-bottom-b {
  text-align: center;
}

.btn-cs-psdt-detail-bottom-back {
  color: var(--main-purple-2);
  text-transform: uppercase;
  font-weight: 600;
}

.conference-past-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -2%;
  margin-right: -2%;
  display: flex;
}

.conference-past-item {
  width: 33.3%;
  margin-bottom: 40px;
  padding-left: 2%;
  padding-right: 2%;
}

.conference-past-link {
  display: block;
}

.conference-past-img-b {
  margin-bottom: 20px;
  overflow: hidden;
}

.conference-past-item-title {
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 130%;
}

.conference-past-item-des {
  color: var(--grey-2);
}

.conference-ce-item {
  transform-origin: 50% 0;
  margin-bottom: 40px;
}

.conference-ce-link {
  background-color: var(--white);
  border-radius: 40px;
  display: block;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(22, 22, 22, .1);
}

.conference-ce-box {
  background-color: var(--white);
  border-radius: 40px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.conference-ce-wrap {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 30px;
  display: flex;
}

.conference-ce-btn-b {
  width: 150px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  display: flex;
}

.conference-ce-main-b {
  flex: 1;
}

.conference-ce-btn {
  background-color: var(--main-purple-3);
  color: var(--white);
  text-align: center;
  border: 1px solid rgba(92, 51, 173, 0);
  border-radius: 40px;
  padding: 7px 20px;
  font-size: 15px;
  line-height: 130%;
  transition: border-color .5s ease-out, background-color .5s ease-out, color .5s ease-out;
}

.conference-ce-btn.v-yellow {
  background-color: var(--main-yellow);
  border-color: rgba(253, 176, 21, 0);
}

.conference-ce-btn.v-yellow:hover {
  background-color: var(--white);
  color: var(--main-yellow);
  border-color: #fdb015;
}

.conference-ce-btn.v-yellow.v-footer-support {
  padding-left: 35px;
  padding-right: 35px;
}

.conference-ce-btn.v-header {
  font-size: 16px;
  line-height: 130%;
}

.conference-ce-btn.v-100 {
  text-align: center;
  display: block;
}

.conference-ce-btn-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.conference-ce-btn-arrow {
  width: 30px;
  height: 20px;
  background-image: url('../images/publication-more.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 20px;
  transition: margin-left .5s;
}

.conference-ce-des {
  color: var(--main-purple-1);
  margin-top: 15px;
}

.conference-ce-title {
  color: var(--main-purple-1);
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
}

.conference-ce-img-b {
  width: 300px;
  min-height: 410px;
  flex: none;
  position: relative;
  overflow: hidden;
}

.conference-ce-img {
  width: 100%;
  height: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.conference-ce-img.img-1 {
  background-image: url('../images/conference-ce-dummy-12x.jpg');
}

.conference-ce-img.img-2 {
  background-image: url('../images/conference-ce-dummy-22x.jpg');
}

.conference-ce-img.img-3 {
  background-image: url('../images/conference-ce-dummy-32x.jpg');
}

.conference-ce-info-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.conference-ce-info-item {
  width: 50%;
  min-width: 300px;
  color: var(--main-purple-3);
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.conference-ce-info-item.v-full {
  width: 100%;
}

.conference-ce-info-fieldname {
  color: var(--grey-2);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-right: 30px;
  display: flex;
}

.conference-ce-info-icon {
  width: 14px;
  flex: none;
  margin-top: -2px;
  margin-left: 10px;
}

.conference-ce-content {
  width: 100%;
  align-items: flex-start;
  display: flex;
}

.conference-ce-subtitle {
  color: #2e1a4c;
  border-left: 1px solid #2e1a4c;
  margin-top: 5px;
  padding-left: 15px;
  font-weight: 600;
  line-height: 120%;
}

.conference-ce-info-item-2 {
  width: 50%;
  min-width: 300px;
  color: #5c33ad;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.conference-ce-info-item-2.v-full {
  width: 100%;
}

.conference-btn-item {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.conference-ce-info-b-2 {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 15px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.conference-detail-sub-topic {
  color: #5c33ad;
  margin-top: 5px;
}

.conference-detail-content-title {
  color: #5c33ad;
  margin-bottom: 5px;
  font-weight: 700;
}

.conference-detail-content-gp {
  margin-top: 40px;
}

.conference-btn-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.conference-ce-info-fieldname-2 {
  color: #8a8a8a;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-right: 30px;
  display: flex;
}

.btn-common-2 {
  color: #fff;
  background-color: #5c33ad;
  border: 1px solid rgba(92, 51, 173, 0);
  border-radius: 40px;
  padding: 7px 20px;
  font-weight: 600;
  line-height: 130%;
  transition: border-color .5s ease-out, background-color .5s ease-out, color .5s ease-out;
}

.btn-common-2:hover {
  color: #5c33ad;
  background-color: #fff;
  border-color: #5c33ad;
}

.conference-detail-back-b {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.conference-detail-back-b.v-bottom {
  margin-top: 40px;
  margin-bottom: 0;
}

.section-heading-txt-2 {
  color: #5c33ad;
}

.btn-conference-back {
  background-image: url('../images/slider-arrow-l.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 8px;
  padding-top: 2px;
  padding-left: 20px;
}

.joinus-post-date {
  color: var(--grey-2);
  background-image: url('../images/conference-icon-time.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-bottom: 10px;
  padding-top: 3px;
  padding-left: 20px;
}

.joinus-post-img-b {
  margin-top: 0;
  margin-bottom: 20px;
  overflow: hidden;
}

.joinus-post-btn-b {
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.joinus-post-btn {
  background-color: var(--main-purple-3);
  color: var(--white);
  text-align: center;
  border: 1px solid rgba(92, 51, 173, 0);
  border-radius: 40px;
  padding: 7px 20px;
  font-weight: 600;
  line-height: 130%;
  transition: border-color .5s ease-out, background-color .5s ease-out, color .5s ease-out;
}

.joinus-post-btn.v-yellow {
  background-color: var(--main-yellow);
  border-color: rgba(253, 176, 21, 0);
}

.joinus-post-btn.v-yellow:hover {
  background-color: var(--white);
  color: var(--main-yellow);
  border-color: #fdb015;
}

.joinus-post-btn.v-yellow.v-footer-support {
  padding-left: 35px;
  padding-right: 35px;
}

.joinus-post-btn.v-header {
  font-size: 16px;
  line-height: 130%;
}

.joinus-post-btn.v-100 {
  text-align: center;
  display: block;
}

.learning-corner-01-col {
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.learning-corner-01-col.sub-page-text-block {
  justify-content: space-between;
  display: flex;
}

.learning-corner-01-row {
  display: flex;
}

.corner-sub-heading {
  background-image: url('../images/heading-icon2x_1heading-icon@2x.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  padding-left: 25px;
}

.corner-sub-heading.c02 {
  color: #520d81;
  background-image: url('../images/purple-title-arrow.svg');
  margin-bottom: 10px;
  padding-top: 4px;
  line-height: 30px;
}

.corner-sub-heading.c03 {
  color: #6b6b6b;
  background-image: url('../images/footer-arrow-12.svg');
  margin-bottom: 10px;
  line-height: 30px;
}

.corner-sub-heading.c01 {
  color: #f0ab00;
  text-shadow: 2px 2px #520d81;
  margin-bottom: 10px;
  line-height: 30px;
}

.margin-bottom-40-2 {
  margin-bottom: 40px;
}

.learning-corner-button {
  color: #613680;
  background-color: #f0ab00;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
}

.learning-corner-button.c02 {
  color: #f0ab00;
  background-color: #520d81;
}

.learning-corner-button.c02.align-r, .learning-corner-button.align-right {
  align-self: flex-end;
}

.corner-other-video-row {
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.corner-other-video-col {
  width: 33.33%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 110%;
}

.corner-other-video {
  margin-bottom: 10px;
}

html.w-mod-js [data-ix="common-scale-in"] {
  transform: scale(1.1);
}

html.w-mod-js [data-ix="common-scale-fade-out"] {
  opacity: 0;
  transform: scale(.5);
}

html.w-mod-js [data-ix="common-fade-from-bottom"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="common-fade-from-top"] {
  opacity: 0;
  transform: translate(0, -50px);
}

html.w-mod-js [data-ix="common-flip-from-top"] {
  opacity: 0;
  transform: rotateX(80deg)rotateY(0)rotateZ(0);
}

html.w-mod-js [data-ix="common-flip-from-bottom"] {
  opacity: 0;
  transform: rotateX(-80deg)rotateY(0)rotateZ(0);
}

html.w-mod-js [data-ix="common-flip-from-left"] {
  opacity: 0;
  transform: rotateX(0)rotateY(-50deg)rotateZ(0);
}

html.w-mod-js [data-ix="common-flip-from-right"] {
  opacity: 0;
  transform: rotateX(0)rotateY(50deg)rotateZ(0);
}

html.w-mod-js [data-ix="common-slide-from-bottom"] {
  opacity: 0;
  transform: translate(0, 100%);
}

html.w-mod-js [data-ix="common-slide-from-l"] {
  opacity: 0;
  transform: translate(-100%);
}

html.w-mod-js [data-ix="init-filter-expand"] {
  height: 0;
}

@media screen and (min-width: 1280px) {
  .container {
    padding-left: 100px;
    padding-right: 100px;
  }

  .container.v-header {
    padding-left: 50px;
    padding-right: 50px;
  }

  .header-logo-b {
    width: 200px;
    margin-right: 50px;
  }

  .nav-item {
    padding-left: 2%;
    padding-right: 2%;
  }

  .nav-link {
    height: 90px;
    padding-top: 50px;
  }

  .nav-dropdown-arrow-b {
    margin-left: 10px;
  }

  .header-contact-b {
    padding-top: 26px;
  }

  .padding-header-space {
    padding-top: 90px;
  }

  .home-news-slider {
    padding-left: 80px;
    padding-right: 80px;
  }

  .home-wwd-color-block {
    margin-left: -100px;
  }

  .home-wwd-list {
    margin-left: -25px;
    margin-right: -25px;
  }

  .home-wwd-item {
    padding-left: 25px;
    padding-right: 25px;
  }

  .home-community-slide {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-statistics-slider-mask {
    margin-left: -20px;
    margin-right: -20px;
  }

  .home-ce-slider-arrow {
    margin-left: -50px;
    margin-right: -50px;
  }

  .home-testimonial-list {
    margin-left: -35px;
    margin-right: -35px;
  }

  .home-testimonial-item {
    padding-left: 35px;
    padding-right: 35px;
  }

  .home-banner-slider-nav {
    padding-left: 100px;
    padding-right: 100px;
  }

  .home-banner-content-box {
    padding-left: 60px;
    padding-right: 60px;
  }

  .home-banner-heading {
    font-size: 48px;
  }

  .inner-banner-content-box {
    width: 35%;
    padding-left: 100px;
    padding-right: 60px;
  }

  .testimonial-item {
    padding-left: 90px;
    padding-right: 90px;
  }

  .testimonial-r-b {
    margin-left: 60px;
  }

  .director-tab-menu {
    top: 100px;
  }

  .director-tab-img {
    width: 100px;
  }

  .director-purple-box {
    width: 55%;
  }

  .common-partner-list {
    margin-left: -15px;
    margin-right: -15px;
  }

  .common-global-partners-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .team-list {
    margin-left: -25px;
    margin-right: -25px;
  }

  .team-item {
    padding-left: 25px;
    padding-right: 25px;
  }

  .joinus-l-b {
    width: 35%;
  }

  .joinus-news-slider {
    padding-left: 60px;
    padding-right: 60px;
  }

  .publication-filter-b {
    top: 90px;
  }

  .filter-date-item {
    width: 140px;
  }

  .date-to {
    margin-left: 15px;
    margin-right: 15px;
  }

  .publication-filter-line {
    margin-left: 100px;
    margin-right: 100px;
  }

  .cs-upcoming-detail-content-b {
    margin-left: 75px;
  }

  .conference-ce-info-fieldname, .conference-ce-info-fieldname-2 {
    margin-right: 38px;
  }
}

@media screen and (min-width: 1440px) {
  .container.v-header {
    padding-left: 100px;
    padding-right: 100px;
  }

  .nav-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-link {
    font-size: 18px;
  }

  .nav-dropdown-arrow-b {
    width: 15px;
    margin-left: 15px;
  }

  .header-contact-b {
    margin-left: 40px;
  }

  .inner-banner-content-box {
    width: 33%;
    height: 100%;
    min-height: 0;
    padding-right: 100px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .inner-page-banner-img {
    height: auto;
    padding-top: 41.6%;
    position: relative;
    top: auto;
    left: auto;
  }

  .director-tab-menu {
    display: flex;
  }

  .director-tab-link.w--current:hover {
    color: var(--main-purple-3);
  }

  .common-partner-list {
    margin-left: -30px;
    margin-right: -30px;
  }

  .common-global-partners-item {
    padding-left: 30px;
    padding-right: 30px;
  }

  .joinus-l-b {
    width: 33%;
  }

  .publication-filter-b {
    margin-top: -40px;
  }

  .publication-filter-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .conference-ce-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 17px;
  }

  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 30px;
  }

  .container {
    max-width: none;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .container.v-header {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .footer-sitemap-col {
    width: 50%;
  }

  .btn-menu {
    z-index: 1;
    border: 1px solid rgba(46, 26, 76, .15);
    padding: 0;
    transition: background-color .5s;
  }

  .btn-menu:hover {
    background-color: var(--main-light-purple);
  }

  .btn-menu.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .btn-menu.w--open:hover {
    background-color: var(--main-light-purple);
  }

  .nav-menu {
    width: 100%;
    height: 100vh;
    background-color: var(--white);
    flex: 0 auto;
    padding-top: 84px;
    padding-left: 5vw;
    padding-right: 5vw;
    display: block;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
    overflow: auto;
  }

  .header-wrap {
    height: 76px;
    justify-content: space-between;
    align-items: center;
  }

  .header-logo-b {
    z-index: 1;
    position: relative;
  }

  .nav-menu-main {
    padding-top: 30px;
    display: block;
  }

  .nav-item {
    border-bottom: 1px solid var(--grey-1);
    text-align: left;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 18px;
  }

  .nav-link {
    height: auto;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-link-line {
    display: none;
  }

  .nav-dropdown-toggle-wrap {
    justify-content: space-between;
  }

  .nav-dropdown-list {
    transition: height .5s;
  }

  .nav-dropdown-list.w--open {
    margin-left: -5vw;
    margin-right: -5vw;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    transform: none;
  }

  .nav-dropdown-link {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .btn-menu-wrap {
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .btn-menu-line-1 {
    width: 14px;
    height: 2px;
    background-color: var(--main-purple-1);
    padding: 0;
  }

  .btn-menu-line-2 {
    width: 10px;
    height: 2px;
    background-color: var(--main-purple-1);
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0;
  }

  .btn-menu-line-3 {
    width: 14px;
    height: 2px;
    background-color: var(--main-purple-1);
    padding: 0;
  }

  .header-contact-b {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 120px;
    margin-left: 0;
    padding-top: 0;
  }

  .header-bg {
    z-index: 1;
  }

  .padding-header-space {
    padding-top: 76px;
  }

  .section-div {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .section-div.other-video {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .home-news-des {
    margin-top: 10px;
  }

  .home-news-title {
    font-size: 20px;
    line-height: 130%;
  }

  .home-course-bg {
    padding-top: 40%;
  }

  .home-course-gp-title-b {
    font-size: 20px;
  }

  .home-course-list {
    margin-top: -12px;
  }

  .home-course-link {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .home-wwd-b {
    padding-top: 60px;
  }

  .home-wwd-color-block {
    margin-left: -5vw;
  }

  .home-wwd-title {
    font-size: 20px;
  }

  .home-statistics-banner-b {
    margin-bottom: 60px;
  }

  .home-statstics-banner-img {
    padding-top: 15%;
  }

  .home-statistics-cell-content {
    font-size: 20px;
  }

  .home-stat-num {
    font-size: 40px;
  }

  .home-statistics-b {
    padding-bottom: 60px;
  }

  .home-community-slide {
    width: 33.3%;
  }

  .home-ce-slider-arrow {
    margin-left: -3vw;
    margin-right: -3vw;
  }

  .home-ce-title {
    max-height: 78px;
    font-size: 20px;
  }

  .hom-ce-des {
    max-height: 102px;
  }

  .home-testimonial-item {
    width: 50%;
  }

  .item-list-btn-b {
    margin-top: 60px;
  }

  .home-banner-slider-nav {
    margin-bottom: 30px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .home-banner-content-box {
    padding: 50px 5vw;
  }

  .home-banner-heading {
    font-size: 36px;
  }

  .inner-banner-content-box {
    width: 50%;
    padding: 50px 5vw;
  }

  .inner-banner-tagline {
    font-size: 30px;
  }

  .about-mission-vision-col-l {
    width: 40%;
  }

  .about-mission-vision-col-r {
    width: 60%;
  }

  .testimonial-l-b {
    width: 160px;
  }

  .testimonial-name-txt {
    font-size: 20px;
  }

  .testimonial-r-b {
    margin-left: 25px;
  }

  .director-tab-menu {
    top: 80px;
  }

  .director-tab-link {
    font-size: 20px;
  }

  .director-tab-link:hover {
    background-color: var(--white-2);
  }

  .director-purple-box {
    padding-left: 30px;
    padding-right: 30px;
  }

  .director-title-txt, .director-quote-txt {
    font-size: 20px;
  }

  .director-content-b {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .director-box-decol-b {
    width: 20px;
    margin-top: 100px;
  }

  .common-global-partners-item {
    width: 25%;
  }

  .kc-item-title {
    font-size: 20px;
  }

  .team-item {
    width: 33.3%;
  }

  .team-item-title, .news-title, .publication-item-title {
    font-size: 20px;
  }

  .publication-info-b {
    margin-top: 5px;
  }

  .publication-tag-list {
    margin-top: 10px;
  }

  .publication-expand-content {
    padding-top: 10px;
  }

  .publication-content-wrap {
    display: block;
  }

  .publication-view-online-b {
    margin-top: 10px;
    margin-left: 0;
  }

  .home-ce-tag-list {
    margin-top: 10px;
  }

  .joinus-b {
    display: block;
  }

  .joinus-l-b {
    width: auto;
  }

  .joinus-content-b {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .txtfield, .form-select {
    font-size: 17px;
  }

  .publication-filter-b {
    top: 76px;
  }

  .publication-filter-gp.v-clickexpand {
    order: 1;
  }

  .filter-date-field {
    font-size: 17px;
  }

  .publication-filter-line {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .popup-b {
    opacity: 0;
  }

  .pop-common-close-b {
    width: 80px;
  }

  .pop-content-b {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cs-page-bar {
    width: 200px;
  }

  .cs-page-btn {
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: 20px;
  }

  .cs-item-upcoming-img-b {
    width: 180px;
    min-height: 180px;
  }

  .cs-item-upcoming-content-b {
    padding: 15px 20px;
  }

  .cs-upcoming-btn-b {
    margin-top: 15px;
  }

  .cs-item-upcoming-title {
    font-size: 20px;
  }

  .cs-upcoming-detail-img-b {
    width: 200px;
  }

  .cs-upcoming-top-b {
    display: block;
  }

  .cs-upcoming-detail-btn-b {
    margin-top: 20px;
    margin-left: 0;
  }

  .cs-upcoming-detail-main-b {
    padding-right: 2px;
  }

  .cs-item-upcoming-des {
    max-height: 51px;
  }

  .cs-item-past-title {
    font-size: 20px;
  }

  .cs-past-detail-content {
    padding-bottom: 120px;
  }

  .cs-past-detail-heading {
    font-size: 28px;
  }

  .conference-past-list {
    margin-left: -1%;
    margin-right: -1%;
  }

  .conference-past-item {
    padding-left: 1%;
    padding-right: 1%;
  }

  .conference-past-img-b {
    margin-bottom: 10px;
  }

  .conference-past-item-title {
    margin-bottom: 5px;
  }

  .conference-ce-wrap {
    padding: 20px 30px 40px;
    display: block;
  }

  .conference-ce-btn-b {
    margin-top: 20px;
    margin-left: 0;
  }

  .conference-ce-des {
    margin-top: 10px;
  }

  .conference-ce-title {
    font-size: 20px;
  }

  .conference-ce-img-b {
    width: 250px;
    height: 341.6px;
    min-height: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .conference-ce-info-item {
    width: 100%;
    min-width: 0;
    margin-bottom: 5px;
  }

  .conference-ce-content {
    display: block;
  }

  .conference-ce-info-item-2 {
    width: 100%;
    min-width: 0;
    margin-bottom: 5px;
  }

  .conference-detail-content-gp {
    margin-top: 30px;
  }

  .learning-corner-01-col {
    padding-left: 10px;
    padding-right: 10px;
  }

  .corner-other-video-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .corner-other-video-col {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 28px;
  }

  .section-content.v-nobanner {
    padding-top: 60px;
  }

  .footer-top-img {
    padding-top: 150px;
  }

  .footer-line {
    height: 15px;
  }

  .footer-content-main {
    padding-top: 40px;
    padding-bottom: 40px;
    display: block;
  }

  .footer-content-main-l {
    width: auto;
    margin-bottom: 50px;
    padding-right: 0;
  }

  .footer-logo-b {
    width: 150px;
  }

  .footer-site-name {
    margin-bottom: 10px;
  }

  .footer-contact-list {
    margin-bottom: 20px;
  }

  .footer-content-main-r {
    width: auto;
  }

  .footer-col-title {
    margin-bottom: 15px;
  }

  .footer-sitemap-item {
    margin-bottom: 5px;
  }

  .nav-menu {
    padding-top: 60px;
  }

  .header-wrap {
    height: 60px;
  }

  .header-logo-b {
    width: 150px;
  }

  .nav-item {
    font-size: 16px;
  }

  .padding-header-space {
    padding-top: 60px;
  }

  .section-div.v-cs-page-bar {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section-heading-b {
    margin-bottom: 30px;
  }

  .home-news-slider {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .home-news-gp {
    display: block;
  }

  .home-news-l {
    width: auto;
  }

  .home-news-link.v-small {
    width: 50%;
    height: auto;
  }

  .home-news-txt-b {
    padding: 15px;
  }

  .home-news-r {
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: -1px;
    margin-left: 0;
    display: flex;
  }

  .home-news-slider-arrow {
    margin-left: -12px;
    margin-right: -12px;
  }

  .home-course-bg {
    margin-top: -18%;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
    transform: none;
  }

  .home-course-gp {
    display: block;
  }

  .home-course-gp-title-b {
    width: auto;
    margin-bottom: 10px;
    margin-right: 0;
    padding: 5px 40px;
    display: inline-block;
  }

  .home-course-list {
    margin-top: 0;
  }

  .home-course-link {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .home-wwd-b {
    padding-top: 40px;
  }

  .home-wwd-color-block {
    width: 90%;
    padding-top: 50%;
  }

  .home-wwd-item {
    width: 50%;
  }

  .home-statistics-banner-b {
    margin-bottom: 40px;
  }

  .home-statstics-banner-img {
    padding-top: 18%;
  }

  .home-statistics-col {
    width: 50%;
  }

  .home-statistics-cell-content {
    font-size: 16px;
  }

  .home-statistics-b {
    padding-bottom: 40px;
  }

  .home-statistics-slider {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .home-community-slide {
    width: 50%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .home-statistics-slider-mask {
    margin-left: 0%;
    margin-right: 0%;
  }

  .home-ce-slider-arrow {
    margin-left: -12px;
    margin-right: -12px;
  }

  .hom-ce-des {
    max-height: 96px;
  }

  .home-testimonial-list {
    margin-bottom: 0;
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .home-testimonial-item {
    width: 100%;
    margin-bottom: 30px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .home-testimonial-link:hover {
    transform: translate(0, -10px);
  }

  .home-testimonial-author-b {
    margin-top: 20px;
  }

  .item-list-btn-b {
    margin-top: 40px;
  }

  .home-banner-slider-nav {
    margin-bottom: 15px;
  }

  .home-banner-content-box {
    width: 100%;
    height: auto;
    background-color: #392064;
    margin-top: -1px;
    display: none;
    position: relative;
    top: auto;
    left: auto;
  }

  .mobile-hide {
    display: none;
  }

  .mobile-only {
    display: block;
  }

  .inner-banner-content-box {
    width: 100%;
    height: auto;
    min-height: auto;
    background-color: #392064;
    margin-top: -1px;
    display: block;
    position: relative;
    top: auto;
    left: auto;
  }

  .inner-page-section-txt {
    margin-bottom: 5px;
  }

  .inner-banner-tagline {
    margin-top: 10px;
    font-size: 28px;
  }

  .inner-page-banner-img {
    height: auto;
    padding-top: 41.6%;
    position: relative;
    top: auto;
    left: auto;
  }

  .inner-banner-shortcut-list {
    margin-top: 20px;
  }

  .margin-bottom-40 {
    margin-bottom: 30px;
  }

  .about-vision-mission-item {
    margin-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .testimonial-item {
    margin-bottom: 30px;
    padding: 25px;
    display: block;
  }

  .testimonial-l-b {
    width: auto;
    align-items: center;
    margin-bottom: 30px;
    display: flex;
  }

  .testimonial-photo-b {
    width: 150px;
  }

  .testimonial-info-b {
    text-align: left;
    flex: 1;
    margin-top: 0;
    margin-left: 20px;
  }

  .testimonial-r-b {
    margin-left: 0;
  }

  .director-tab-menu {
    margin-bottom: 30px;
    top: 65px;
  }

  .director-tab-link {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .director-tab-img {
    width: 60px;
  }

  .director-top-b {
    margin-bottom: 30px;
    display: block;
  }

  .director-protrait-b {
    max-width: 400px;
    margin-right: 10vw;
  }

  .director-purple-box {
    width: auto;
    margin-top: -80px;
    margin-left: 10vw;
  }

  .director-quote-txt {
    font-size: 16px;
  }

  .kc-item {
    width: 50%;
    margin-bottom: 20px;
  }

  .kc-item-img-b {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }

  .kc-expand-b {
    padding-right: 0;
  }

  .kc-expand-logo {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .kc-expand-txt-b {
    margin-top: 0%;
  }

  .kc-expand-wrap {
    display: block;
  }

  .team-list {
    margin-bottom: -30px;
    margin-left: -3%;
    margin-right: -3%;
  }

  .team-item {
    width: 50%;
    margin-bottom: 30px;
    padding-left: 3%;
    padding-right: 3%;
  }

  .news-list-b {
    margin-top: 30px;
  }

  .news-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .publication-item-img-b {
    width: 180px;
  }

  .news-title-b {
    margin-bottom: 10px;
  }

  .message-director-txt {
    font-size: 14px;
  }

  .joinus-news-box {
    box-shadow: 0 10px 10px rgba(22, 22, 22, .1);
  }

  .joinus-news-slider {
    margin-top: -20px;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .joinus-news-slide {
    padding: 20px 10px;
  }

  .joinus-news-slider-mask {
    margin-left: 0;
    margin-right: 0;
  }

  .joinus-news-title {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 130%;
  }

  .joinus-news-slider-arrow {
    margin-left: -12px;
    margin-right: -12px;
  }

  .txtfield {
    font-size: 16px;
  }

  .form-wrap {
    margin-left: -5px;
    margin-right: -5px;
  }

  .form-field-b {
    padding-left: 5px;
    padding-right: 5px;
  }

  .form-submit-row {
    margin-top: 30px;
  }

  .form-label {
    margin-bottom: 2px;
  }

  .form-select {
    font-size: 16px;
  }

  .checkbox-list {
    margin-left: -10px;
    margin-right: -10px;
  }

  .checkbox-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .publication-filter-b {
    margin-top: -10px;
    display: none;
    top: 60px;
  }

  .filter-date-item {
    width: 130px;
  }

  .filter-date-field {
    font-size: 16px;
  }

  .pop-publication-filter {
    flex-direction: column;
  }

  .pop-common-close-b {
    width: 100%;
    order: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .btn-pop-close {
    width: 30px;
    height: 30px;
  }

  .pop-common-white-box {
    height: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 30px;
    flex: 0 auto;
    padding-left: 5vw;
    padding-right: 5vw;
    display: block;
  }

  .publication-filter-m-b {
    z-index: 300;
    background-color: var(--white);
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
  }

  .couse-seminar-b {
    margin-bottom: -150px;
    display: block;
  }

  .cs-page-bar {
    width: auto;
    padding-bottom: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
  }

  .cs-page-content {
    padding-bottom: 150px;
  }

  .cs-page-btn {
    border-bottom: 4px solid rgba(92, 51, 173, 0);
    border-right-style: none;
    flex: 1;
    margin-bottom: 0;
    font-size: 18px;
  }

  .cs-page-btn.w--current {
    border-bottom-color: var(--main-purple-3);
  }

  .cs-page-btn-gp {
    display: flex;
  }

  .cs-item-upcoming-img-b {
    width: 180px;
    min-height: 180px;
  }

  .cs-item-upcoming-title {
    font-size: 18px;
  }

  .pop-cs-upcoming-detail {
    flex-direction: column;
  }

  .cs-upcoming-detail-wrap {
    display: block;
  }

  .cs-upcoming-detail-img-b {
    width: auto;
    max-width: 200px;
  }

  .cs-upcoming-detail-content-b {
    margin-top: 30px;
    margin-left: 0;
  }

  .cs-upcoming-detail-main-b {
    margin-top: 20px;
  }

  .cs-upcoming-detail-main-gp {
    margin-bottom: 20px;
  }

  .cs-item-upcoming-des {
    max-height: 48px;
  }

  .cs-item-past-wrap {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .cs-item-past-btn-b {
    margin-top: 20px;
    margin-left: 0;
  }

  .cs-item-past-title {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .cs-past-detail-top-b {
    text-align: left;
  }

  .cs-past-detail-heading {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 24px;
  }

  .btn-cs-past-detail-top-back {
    display: inline-block;
    position: relative;
    top: 0%;
    transform: none;
  }

  .conference-past-list {
    margin-left: -2%;
    margin-right: -2%;
  }

  .conference-past-item {
    width: 50%;
    margin-bottom: 30px;
    padding-left: 2%;
    padding-right: 2%;
  }

  .conference-ce-item {
    margin-bottom: 30px;
  }

  .conference-ce-link, .conference-ce-box {
    border-radius: 20px;
  }

  .conference-ce-wrap {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .conference-ce-btn-b {
    margin-top: 20px;
    margin-left: 0;
  }

  .conference-ce-title {
    font-size: 18px;
  }

  .conference-ce-img-b {
    width: 150px;
    height: 204.5px;
  }

  .conference-ce-info-item, .conference-ce-info-item-2 {
    display: block;
  }

  .conference-detail-back-b.v-bottom {
    margin-top: 30px;
  }

  .learning-corner-01-col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .learning-corner-01-col.sub-page-text-block {
    margin-bottom: 20px;
  }

  .learning-corner-01-row, .corner-other-video-row {
    flex-direction: column;
  }

  .corner-other-video-col {
    width: 100%;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 24px;
  }

  .footer-top-img {
    padding-top: 100px;
  }

  .home-news-link.v-small {
    width: auto;
  }

  .home-news-r {
    display: block;
  }

  .home-news-slider-arrow {
    margin-left: -8px;
    margin-right: -8px;
  }

  .home-wwd-color-block {
    width: 95%;
  }

  .home-wwd-item {
    width: 100%;
  }

  .home-statstics-banner-img {
    padding-top: 25%;
  }

  .home-community-slide {
    width: 100%;
  }

  .home-ce-slider-arrow {
    margin-left: -6px;
    margin-right: -6px;
  }

  .home-ce-title {
    max-height: none;
  }

  .home-testimonial-link {
    padding: 25px 15px;
  }

  .home-testimonial-quote-b {
    padding-left: 35px;
    padding-right: 35px;
  }

  .home-testimonial-quote-icon {
    width: 25px;
    height: 25px;
  }

  .home-banner-heading {
    font-size: 30px;
  }

  .inner-banner-tagline {
    font-size: 24px;
  }

  .about-vision-mission-wrap {
    display: block;
  }

  .about-mission-vision-col-l {
    width: auto;
    padding-right: 0;
  }

  .about-mission-vision-col-r {
    width: auto;
  }

  .testimonial-photo-b {
    width: 100px;
  }

  .testimonial-r-b {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .testimonial-quote-icon {
    width: 25px;
    height: 25px;
  }

  .director-tab-img {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .director-tab-link-wrap {
    text-align: center;
    display: block;
  }

  .director-protrait-b {
    max-width: 300px;
    margin-right: 5vw;
  }

  .director-purple-box {
    margin-left: 5vw;
  }

  .common-global-partners-item {
    width: 33.3%;
  }

  .kc-item-title {
    font-size: 16px;
  }

  .kc-item-title.v-expand {
    font-size: 20px;
  }

  .publication-item {
    border-bottom: 1px solid var(--gainsboro);
    padding-bottom: 40px;
  }

  .publication-item-img-b {
    width: 100%;
    max-width: 200px;
    margin-top: 20px;
  }

  .publication-item-content-b {
    margin-left: 0;
  }

  .publication-item-click-b {
    display: block;
  }

  .joinus-news-slider-arrow {
    margin-left: -8px;
    margin-right: -8px;
  }

  .form-field-b.half {
    width: 100%;
  }

  .form-radio-gp {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .publication-filter-wrap {
    justify-content: flex-start;
  }

  .publication-filter-gp {
    flex-wrap: wrap;
  }

  .publication-filter-gp.v-time {
    width: 100%;
  }

  .publication-filter-gp.v-sort {
    width: 100%;
    order: -1;
  }

  .publication-filter-gp.v-clickexpand {
    order: 1;
  }

  .publication-filter-gp-title, .filter-date-gp {
    width: 100%;
  }

  .filter-date-item {
    width: auto;
    flex: 1;
  }

  .publication-filter-content {
    padding-bottom: 10px;
  }

  .filter-expand-content {
    padding: 10px;
  }

  .couse-seminar-b {
    margin-bottom: -100px;
  }

  .cs-page-content {
    padding-bottom: 100px;
  }

  .cs-item-upcoming-wrap {
    display: block;
  }

  .cs-item-upcoming-img-b {
    width: 100%;
    min-height: 0;
    padding-top: 100%;
  }

  .cs-item {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .cs-past-detail-heading {
    font-size: 20px;
  }

  .conference-past-list {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .conference-past-item {
    width: auto;
    padding-left: 0%;
    padding-right: 0%;
  }

  .conference-ce-box {
    display: block;
  }

  .conference-ce-wrap {
    padding-top: 0;
  }

  .conference-ce-img-b {
    margin-left: auto;
    margin-right: auto;
  }

  .conference-detail-content-gp {
    margin-top: 20px;
  }

  .learning-corner-button {
    font-size: 14px;
    font-weight: 400;
  }
}


@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/MyriadPro-Regular_0.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/MyriadPro-It_0.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/MyriadPro-Semibold_0.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/MyriadPro-SemiboldIt_0.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/MyriadPro-Bold_0.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/MyriadPro-BoldIt_0.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}