@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700,900&display=swap");
html#scoped {
  overflow-x: hidden;
  min-height: 100vh;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  html#scoped * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    outline: none; }
  html#scoped.no-scroll {
    overflow: hidden; }
    html#scoped.no-scroll body {
      overflow: hidden; }
  html#scoped body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden; }
  html#scoped .preload-images {
    position: fixed;
    left: 101vw; }
  html#scoped img {
    display: block;
    max-width: 100%; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

html#scoped {
  font-family: 'Noto Sans TC', sans-serif; }
  html#scoped * {
    font-family: 'Noto Sans TC', sans-serif; }
  html#scoped .desktop {
    display: block; }
    html#scoped .desktop.br {
      display: inline;
      line-height: 0; }
    @media screen and (max-width: 1023px) {
      html#scoped .desktop {
        display: none; }
        html#scoped .desktop.br {
          display: none; } }
  html#scoped .mobile {
    display: none; }
    html#scoped .mobile.br {
      display: none; }
    @media screen and (max-width: 1023px) {
      html#scoped .mobile {
        display: block; }
        html#scoped .mobile.br {
          display: inline;
          line-height: 0; } }

html#scoped {
  background-color: #F9F9F9; }
  html#scoped #to-top {
    position: fixed;
    right: 65px;
    bottom: 65px;
    cursor: pointer; }
    @media screen and (max-width: 1279px) {
      html#scoped #to-top {
        right: 5.08vw;
        bottom: 5.08vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #to-top {
        right: -1.3vw;
        bottom: 5vw; } }
    html#scoped #to-top img {
      width: 103px; }
      @media screen and (max-width: 1279px) {
        html#scoped #to-top img {
          width: 8.05vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #to-top img {
          width: 9.87vw; } }
  html#scoped #notify {
    position: fixed;
    right: 59px;
    bottom: 200px;
    cursor: pointer; }
    @media screen and (max-width: 1279px) {
      html#scoped #notify {
        right: 4.61vw;
        bottom: 15.64vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #notify {
        right: 0;
        bottom: 30vw; } }
    html#scoped #notify img {
      width: 115px; }
      @media screen and (max-width: 1279px) {
        html#scoped #notify img {
          width: 8.99vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #notify img {
          width: 8.53vw; } }
  html#scoped .fadeInDown {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all 100ms cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition: all 100ms cubic-bezier(0.68, 0, 0.265, 1);
    transition: all 100ms cubic-bezier(0.68, 0, 0.265, 1); }
    @media screen and (max-width: 1023px) {
      html#scoped .fadeInDown {
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px); } }
    html#scoped .fadeInDown.animate {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  html#scoped .fadeInUp {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 100ms cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition: all 100ms cubic-bezier(0.68, 0, 0.265, 1);
    transition: all 100ms cubic-bezier(0.68, 0, 0.265, 1); }
    @media screen and (max-width: 1023px) {
      html#scoped .fadeInUp {
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px); } }
    html#scoped .fadeInUp.animate {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  html#scoped .zoomInDown {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -300px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -300px, 0);
    -webkit-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
    transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1); }
    html#scoped .zoomInDown.animate {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
  html#scoped .flipIn {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: all 100ms cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition: all 100ms cubic-bezier(0.68, 0, 0.265, 1);
    transition: all 100ms cubic-bezier(0.68, 0, 0.265, 1); }
    html#scoped .flipIn.animate {
      opacity: 1;
      -webkit-transform: rotateY(0);
      transform: rotateY(0); }

html#scoped {
  padding-top: 85px; }
  @media screen and (max-width: 1279px) {
    html#scoped {
      padding-top: 6.65vw; } }
  @media screen and (max-width: 1023px) {
    html#scoped {
      padding-top: 13.33vw; } }
  html#scoped header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
    background-color: #007C7D;
    height: 85px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 35px; }
    @media screen and (max-width: 1279px) {
      html#scoped header {
        height: 6.65vw;
        padding-right: 2.74vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped header {
        height: 13.33vw;
        padding-right: 0; } }
    html#scoped header a.logo {
      padding: 19px 18px; }
      @media screen and (max-width: 1279px) {
        html#scoped header a.logo {
          padding: 1.49vw 1.41vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped header a.logo {
          padding: 1.60vw 3.73vw; } }
      html#scoped header a.logo img {
        display: block;
        height: 47px; }
        @media screen and (max-width: 1279px) {
          html#scoped header a.logo img {
            height: 3.67vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped header a.logo img {
            height: 10.13vw; } }
    html#scoped header .page-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 1023px) {
        html#scoped header .page-nav {
          position: fixed;
          top: 13.33vw;
          left: 0;
          width: 100vw;
          opacity: 0;
          visibility: hidden;
          display: block;
          background-color: #11999C;
          padding: 5.33vw 20.00vw;
          -webkit-transition: all 100ms cubic-bezier(0.68, 0, 0.265, 1);
          -o-transition: all 100ms cubic-bezier(0.68, 0, 0.265, 1);
          transition: all 100ms cubic-bezier(0.68, 0, 0.265, 1); }
          html#scoped header .page-nav.active {
            opacity: 1;
            visibility: visible; } }
      html#scoped header .page-nav a.nav {
        text-decoration: none;
        color: white;
        position: relative;
        display: block;
        line-height: 85px;
        padding: 0 5px;
        font-size: 20px; }
        @media screen and (max-width: 1279px) {
          html#scoped header .page-nav a.nav {
            line-height: 6.65vw;
            padding: 0 0.39vw;
            font-size: 1.56vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped header .page-nav a.nav {
            text-align: center;
            border-bottom: 0.27vw solid white;
            font-size: 5.33vw;
            line-height: 15.47vw;
            padding: 0; }
            html#scoped header .page-nav a.nav:last-of-type {
              border-bottom: none; } }
      html#scoped header .page-nav .separator {
        line-height: 85px;
        font-size: 20px;
        color: white; }
        @media screen and (max-width: 1279px) {
          html#scoped header .page-nav .separator {
            line-height: 6.65vw;
            font-size: 1.56vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped header .page-nav .separator {
            display: none; } }
    html#scoped header .mobile-menu {
      display: none; }
      @media screen and (max-width: 1023px) {
        html#scoped header .mobile-menu {
          display: block; }
          html#scoped header .mobile-menu.active .icon.open {
            display: block; }
          html#scoped header .mobile-menu.active .icon.close {
            display: none; } }
      html#scoped header .mobile-menu .icon {
        width: 13.33vw;
        height: 13.33vw;
        background-position: center;
        background-repeat: no-repeat; }
        html#scoped header .mobile-menu .icon.open {
          display: none;
          background-image: url(../assets/header/open.svg);
          background-size: 7.20vw auto; }
        html#scoped header .mobile-menu .icon.close {
          display: block;
          background-image: url(../assets/header/close.svg);
          background-size: 5.07vw auto; }
        html#scoped header .mobile-menu .icon.active {
          display: block; }

html#scoped footer {
  padding: 20px 0 40px 0; }
  @media screen and (max-width: 1279px) {
    html#scoped footer {
      padding: 1.56vw 0 3.13vw 0; } }
  @media screen and (max-width: 1023px) {
    html#scoped footer {
      padding: 5.33vw 0; } }
  html#scoped footer .content-wrap {
    width: 996px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #161616;
    text-align: justify; }
    @media screen and (max-width: 1279px) {
      html#scoped footer .content-wrap {
        width: 77.87vw;
        font-size: 1.09vw;
        line-height: 1.72vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped footer .content-wrap {
        width: 89.60vw;
        font-size: 3.47vw;
        line-height: 130%; } }
    html#scoped footer .content-wrap span.red {
      color: #E50012; }
    html#scoped footer .content-wrap span.small {
      font-size: 13px; }
      @media screen and (max-width: 1279px) {
        html#scoped footer .content-wrap span.small {
          font-size: 1.02vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped footer .content-wrap span.small {
          font-size: 3.20vw; } }
    html#scoped footer .content-wrap a {
      text-decoration: none;
      color: #161616; }

html#scoped #section1 {
  height: 1031px;
  background-image: url(../assets/section1/bg-desktop.png);
  background-size: auto 100%;
  background-position: center;
  position: relative;
  background-repeat: no-repeat; }
  @media screen and (max-width: 1279px) {
    html#scoped #section1 {
      height: 80.61vw; } }
  @media screen and (max-width: 1023px) {
    html#scoped #section1 {
      background-image: url(../assets/section1/bg-mobile.png);
      height: 132.00vw; } }
  html#scoped #section1 h1 {
    width: 603px;
    margin: 0;
    position: absolute;
    top: 181px;
    right: calc(50% + 28px);
    text-align: center; }
    @media screen and (max-width: 1279px) {
      html#scoped #section1 h1 {
        width: 47.15vw;
        top: 14.15vw;
        right: calc(50% + 1.46vw); } }
    @media screen and (max-width: 1023px) {
      html#scoped #section1 h1 {
        width: 46.93vw;
        top: 12.00vw;
        right: unset;
        left: 3.20vw; } }
    html#scoped #section1 h1 img.t {
      display: inline-block;
      -webkit-transition-delay: 300ms;
      -o-transition-delay: 300ms;
      transition-delay: 300ms;
      -webkit-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
      -o-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
      transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
      width: 541px; }
      html#scoped #section1 h1 img.t.animate {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
      html#scoped #section1 h1 img.t.mobile {
        display: none; }
      @media screen and (max-width: 1279px) {
        html#scoped #section1 h1 img.t {
          width: 42.30vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section1 h1 img.t {
          width: 40.80vw; }
          html#scoped #section1 h1 img.t.desktop {
            display: none; }
          html#scoped #section1 h1 img.t.mobile {
            display: inline-block; } }
    html#scoped #section1 h1 img.badge {
      display: inline-block;
      width: 207px;
      margin-top: 60px;
      -webkit-transition-delay: 100ms;
      -o-transition-delay: 100ms;
      transition-delay: 100ms;
      -webkit-animation-delay: 3000ms;
      animation-delay: 3000ms;
      -webkit-animation-name: shake;
      animation-name: shake;
      -webkit-animation-duration: 3000ms;
      animation-duration: 3000ms;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
      animation-timing-function: cubic-bezier(0.68, 0, 0.265, 1); }

@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  2% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  6% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  9% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  11% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  13% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes shake {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  2% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  6% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  9% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  11% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  13% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }
      @media screen and (max-width: 1279px) {
        html#scoped #section1 h1 img.badge {
          margin-top: 4.69vw;
          width: 16.18vw;
          -webkit-transform: translateY(50px);
          -ms-transform: translateY(50px);
          transform: translateY(50px); } }
      @media screen and (max-width: 1023px) {
        html#scoped #section1 h1 img.badge {
          margin-top: 3.47vw;
          width: 17.60vw; } }
    html#scoped #section1 h1 .warning-wrap {
      position: relative;
      padding: 17px 0;
      -webkit-transition-delay: 300ms;
      -o-transition-delay: 300ms;
      transition-delay: 300ms;
      -webkit-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
      -o-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
      transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1); }
      @media screen and (max-width: 1279px) {
        html#scoped #section1 h1 .warning-wrap {
          padding: 1.33vw 0; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section1 h1 .warning-wrap {
          padding: 0.80vw 0; } }
      html#scoped #section1 h1 .warning-wrap::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: -webkit-gradient(linear, left top, right top, color-stop(-2.84%, rgba(255, 255, 255, 0)), color-stop(26.72%, #224F78), color-stop(54.77%, #264971), color-stop(77.64%, #224F78), color-stop(102.27%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) -2.84%, #224F78 26.72%, #264971 54.77%, #224F78 77.64%, rgba(255, 255, 255, 0) 102.27%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) -2.84%, #224F78 26.72%, #264971 54.77%, #224F78 77.64%, rgba(255, 255, 255, 0) 102.27%);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) -2.84%, #224F78 26.72%, #264971 54.77%, #224F78 77.64%, rgba(255, 255, 255, 0) 102.27%);
        mix-blend-mode: multiply; }
      html#scoped #section1 h1 .warning-wrap .text {
        font-size: 16px;
        line-height: 18px;
        color: #D8D8D8;
        position: relative; }
        @media screen and (max-width: 1279px) {
          html#scoped #section1 h1 .warning-wrap .text {
            font-size: 1.25vw;
            line-height: 1.41vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section1 h1 .warning-wrap .text {
            font-size: 2.13vw;
            line-height: 2.80vw; } }
  html#scoped #section1 .speech {
    position: absolute;
    -webkit-animation-name: float;
    animation-name: float;
    -webkit-animation-duration: 5000ms;
    animation-duration: 5000ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
    html#scoped #section1 .speech.speech1 {
      width: 118px;
      top: 119px;
      left: calc(50% + 419px);
      -webkit-animation-delay: 1000ms;
      animation-delay: 1000ms; }
      @media screen and (max-width: 1279px) {
        html#scoped #section1 .speech.speech1 {
          width: 9.23vw;
          top: 9.30vw;
          left: calc(50% + 32.76vw); } }
      @media screen and (max-width: 1023px) {
        html#scoped #section1 .speech.speech1 {
          width: 14.93vw;
          top: 19.73vw;
          left: 77.07vw; } }
    html#scoped #section1 .speech.speech2 {
      width: 123px;
      top: 269px;
      left: calc(50% + 192px);
      -webkit-animation-delay: 3000ms;
      animation-delay: 3000ms; }
      @media screen and (max-width: 1279px) {
        html#scoped #section1 .speech.speech2 {
          width: 9.62vw;
          top: 21.03vw;
          left: calc(50% + 15.01vw); } }
      @media screen and (max-width: 1023px) {
        html#scoped #section1 .speech.speech2 {
          width: 15.20vw;
          top: 38.40vw;
          left: 48.53vw; } }
    html#scoped #section1 .speech.speech3 {
      width: 126px;
      top: 361px;
      left: calc(50% + 379px);
      -webkit-animation-delay: 2000ms;
      animation-delay: 2000ms; }
      @media screen and (max-width: 1279px) {
        html#scoped #section1 .speech.speech3 {
          width: 9.85vw;
          top: 28.23vw;
          left: calc(50% + 29.63vw); } }
      @media screen and (max-width: 1023px) {
        html#scoped #section1 .speech.speech3 {
          width: 15.73vw;
          top: 50.13vw;
          left: 72.00vw; } }
    html#scoped #section1 .speech.speech4 {
      width: 137px;
      top: 479px;
      left: calc(50% + 67px);
      -webkit-animation-delay: 5000ms;
      animation-delay: 5000ms; }
      @media screen and (max-width: 1279px) {
        html#scoped #section1 .speech.speech4 {
          width: 10.71vw;
          top: 37.45vw;
          left: calc(50% + 5.24vw); } }
      @media screen and (max-width: 1023px) {
        html#scoped #section1 .speech.speech4 {
          width: 17.07vw;
          top: 64.80vw;
          left: 32.80vw; } }
    html#scoped #section1 .speech.speech5 {
      width: 133px;
      top: 573px;
      left: calc(50% + 223px);
      -webkit-animation-delay: 4000ms;
      animation-delay: 4000ms; }
      @media screen and (max-width: 1279px) {
        html#scoped #section1 .speech.speech5 {
          width: 10.40vw;
          top: 44.80vw;
          left: calc(50% + 17.44vw); } }
      @media screen and (max-width: 1023px) {
        html#scoped #section1 .speech.speech5 {
          width: 16.53vw;
          top: 76.80vw;
          left: 52.53vw; } }

html#scoped #section2 {
  height: 1114px;
  background-image: url(../assets/section2/bg-desktop.png);
  background-size: auto 100%;
  background-position: center;
  position: relative;
  padding-top: 50px;
  background-repeat: no-repeat;
  margin-top: -0.5px; }
  @media screen and (max-width: 1279px) {
    html#scoped #section2 {
      height: 87.10vw;
      padding-top: 3.91vw;
      margin-top: -0.04vw; } }
  @media screen and (max-width: 1023px) {
    html#scoped #section2 {
      background-image: url(../assets/section2/bg-mobile.png);
      height: 127.47vw;
      padding-top: 8.00vw;
      margin-top: -0.13vw; } }
  html#scoped #section2 h2 {
    margin: 0; }
    html#scoped #section2 h2 img {
      width: 687px;
      margin: 0 auto; }
      @media screen and (max-width: 1279px) {
        html#scoped #section2 h2 img {
          width: 53.71vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section2 h2 img {
          width: 84.00vw; } }
  html#scoped #section2 .popup-controls {
    width: 842px;
    margin-top: 43px;
    margin-left: calc(50% - 290px);
    position: relative; }
    @media screen and (max-width: 1279px) {
      html#scoped #section2 .popup-controls {
        width: 65.83vw;
        margin-top: 3.36vw;
        margin-left: calc(50% - 22.67vw); } }
    @media screen and (max-width: 1023px) {
      html#scoped #section2 .popup-controls {
        width: 88.80vw;
        margin-top: 4.53vw;
        margin-left: 6.93vw; } }
    html#scoped #section2 .popup-controls .line {
      background-color: white;
      height: 2px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section2 .popup-controls .line {
          height: 0.16vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section2 .popup-controls .line {
          height: 0.27vw; } }
    html#scoped #section2 .popup-controls .line.wide {
      width: 350px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section2 .popup-controls .line.wide {
          width: 27.37vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section2 .popup-controls .line.wide {
          width: 42.93vw; } }
    html#scoped #section2 .popup-controls .line.narrow {
      width: 252px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section2 .popup-controls .line.narrow {
          width: 19.70vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section2 .popup-controls .line.narrow {
          width: 42.93vw; } }
    html#scoped #section2 .popup-controls .popup-control {
      width: 702px;
      height: 173px;
      line-height: 173px;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative; }
      @media screen and (max-width: 1279px) {
        html#scoped #section2 .popup-controls .popup-control {
          width: 54.89vw;
          height: 13.53vw;
          line-height: 13.53vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section2 .popup-controls .popup-control {
          width: 72.00vw;
          height: 17.87vw;
          line-height: 17.87vw; } }
      html#scoped #section2 .popup-controls .popup-control.active::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: -webkit-linear-gradient(359.89deg, #096C9B 4.79%, #FFFFFF 97.38%);
        background: -o-linear-gradient(359.89deg, #096C9B 4.79%, #FFFFFF 97.38%);
        background: linear-gradient(90.11deg, #096C9B 4.79%, #FFFFFF 97.38%);
        mix-blend-mode: multiply; }
      html#scoped #section2 .popup-controls .popup-control.active .number {
        opacity: 1; }
      html#scoped #section2 .popup-controls .popup-control.active .icon {
        opacity: 1; }
      html#scoped #section2 .popup-controls .popup-control .number {
        width: 106px;
        opacity: 0.5;
        background-size: auto 89px;
        background-repeat: no-repeat;
        position: relative; }
        html#scoped #section2 .popup-controls .popup-control .number.one {
          background-image: url(../assets/section2/one.svg);
          background-position: 31px center; }
        html#scoped #section2 .popup-controls .popup-control .number.two {
          background-image: url(../assets/section2/two.svg);
          background-position: 20px center; }
        html#scoped #section2 .popup-controls .popup-control .number.three {
          background-image: url(../assets/section2/three.svg);
          background-position: 20px center; }
        html#scoped #section2 .popup-controls .popup-control .number.four {
          background-image: url(../assets/section2/four.svg);
          background-position: 18px center; }
        @media screen and (max-width: 1279px) {
          html#scoped #section2 .popup-controls .popup-control .number {
            width: 8.29vw;
            background-size: auto 6.96vw; }
            html#scoped #section2 .popup-controls .popup-control .number.one {
              background-position: 2.42vw center; }
            html#scoped #section2 .popup-controls .popup-control .number.two {
              background-position: 1.56vw center; }
            html#scoped #section2 .popup-controls .popup-control .number.three {
              background-position: 1.56vw center; }
            html#scoped #section2 .popup-controls .popup-control .number.four {
              background-position: 1.41vw center; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section2 .popup-controls .popup-control .number {
            width: 10.93vw;
            background-size: auto 9.07vw; }
            html#scoped #section2 .popup-controls .popup-control .number.one {
              background-position: 3.20vw center; }
            html#scoped #section2 .popup-controls .popup-control .number.two {
              background-position: 1.87vw center; }
            html#scoped #section2 .popup-controls .popup-control .number.three {
              background-position: 1.87vw center; }
            html#scoped #section2 .popup-controls .popup-control .number.four {
              background-position: 1.60vw center; } }
      html#scoped #section2 .popup-controls .popup-control .text {
        font-size: 22px;
        color: white;
        position: relative;
        -webkit-transition: all 1500ms cubic-bezier(0.68, 0, 0.265, 1);
        -o-transition: all 1500ms cubic-bezier(0.68, 0, 0.265, 1);
        transition: all 1500ms cubic-bezier(0.68, 0, 0.265, 1); }
        @media screen and (max-width: 1279px) {
          html#scoped #section2 .popup-controls .popup-control .text {
            font-size: 1.72vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section2 .popup-controls .popup-control .text {
            font-size: 5.33vw; } }
        html#scoped #section2 .popup-controls .popup-control .text span {
          font-weight: 700;
          color: #FFA900; }
      html#scoped #section2 .popup-controls .popup-control .icon {
        background-size: contain;
        background-repeat: no-repeat;
        opacity: 0;
        position: relative; }
        @media screen and (max-width: 1023px) {
          html#scoped #section2 .popup-controls .popup-control .icon {
            display: none; } }
        html#scoped #section2 .popup-controls .popup-control .icon.icon1 {
          background-image: url(../assets/section2/icon1.png);
          width: 129px;
          height: 129px;
          margin-left: 24px;
          margin-top: 17px; }
          @media screen and (max-width: 1279px) {
            html#scoped #section2 .popup-controls .popup-control .icon.icon1 {
              width: 10.09vw;
              height: 10.09vw;
              margin-left: 1.88vw;
              margin-top: 1.33vw; } }
        html#scoped #section2 .popup-controls .popup-control .icon.icon2 {
          background-image: url(../assets/section2/icon2.png);
          width: 108px;
          height: 108px;
          margin-left: 23px;
          margin-top: 34px; }
          @media screen and (max-width: 1279px) {
            html#scoped #section2 .popup-controls .popup-control .icon.icon2 {
              width: 8.44vw;
              height: 8.44vw;
              margin-left: 1.80vw;
              margin-top: 2.66vw; } }
        html#scoped #section2 .popup-controls .popup-control .icon.icon3 {
          background-image: url(../assets/section2/icon3.png);
          width: 101px;
          height: 101px;
          margin-left: 26px;
          margin-top: 37px; }
          @media screen and (max-width: 1279px) {
            html#scoped #section2 .popup-controls .popup-control .icon.icon3 {
              width: 7.90vw;
              height: 7.90vw;
              margin-left: 2.03vw;
              margin-top: 2.89vw; } }
        html#scoped #section2 .popup-controls .popup-control .icon.icon4 {
          background-image: url(../assets/section2/icon4.png);
          width: 108px;
          height: 108px;
          margin-left: 44px;
          margin-top: 34px; }
          @media screen and (max-width: 1279px) {
            html#scoped #section2 .popup-controls .popup-control .icon.icon4 {
              width: 8.44vw;
              height: 8.44vw;
              margin-left: 3.44vw;
              margin-top: 2.66vw; } }
    html#scoped #section2 .popup-controls img.taiwan {
      position: absolute;
      width: 434px;
      right: 0;
      top: 0;
      margin-top: 5px;
      -webkit-transition: all 1500ms cubic-bezier(0.68, 0, 0.265, 1);
      -o-transition: all 1500ms cubic-bezier(0.68, 0, 0.265, 1);
      transition: all 1500ms cubic-bezier(0.68, 0, 0.265, 1); }
      @media screen and (max-width: 1279px) {
        html#scoped #section2 .popup-controls img.taiwan {
          width: 33.93vw;
          margin-top: 0.39vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section2 .popup-controls img.taiwan {
          width: 44.27vw;
          margin-top: 1.4vw; } }
  html#scoped #section2 .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 11;
    background-color: rgba(0, 0, 0, 0.6);
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 200ms cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition: all 200ms cubic-bezier(0.68, 0, 0.265, 1);
    transition: all 200ms cubic-bezier(0.68, 0, 0.265, 1); }
    @media screen and (max-width: 1279px) {
      html#scoped #section2 .popup {
        padding: 3.91vw 0; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section2 .popup {
        padding: 10.67vw 0 5.33vw 0;
        display: block; } }
    html#scoped #section2 .popup.active {
      opacity: 1;
      visibility: visible; }
      html#scoped #section2 .popup.active .popup-content {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
    html#scoped #section2 .popup .popup-content {
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      margin: 0 auto;
      position: relative;
      opacity: 0;
      -webkit-transform: scale(0.96);
      -ms-transform: scale(0.96);
      transform: scale(0.96);
      -webkit-transition: all 400ms cubic-bezier(0.68, 0, 0.265, 1);
      -o-transition: all 400ms cubic-bezier(0.68, 0, 0.265, 1);
      transition: all 400ms cubic-bezier(0.68, 0, 0.265, 1); }
      @media screen and (max-width: 1023px) {
        html#scoped #section2 .popup .popup-content {
          padding-top: 0.6vw; } }
      html#scoped #section2 .popup .popup-content .title {
        font-size: 22px;
        font-weight: 700;
        text-align: center;
        color: white;
        line-height: 64px; }
        @media screen and (max-width: 1279px) {
          html#scoped #section2 .popup .popup-content .title {
            font-size: 1.72vw;
            line-height: 5.00vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section2 .popup .popup-content .title {
            font-size: 5.33vw;
            line-height: 6.67vw; } }
      html#scoped #section2 .popup .popup-content .description {
        font-size: 16px;
        margin-top: 13px;
        text-align: center;
        color: black;
        line-height: 180%; }
        @media screen and (max-width: 1279px) {
          html#scoped #section2 .popup .popup-content .description {
            font-size: 1.25vw;
            margin-top: 1.02vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section2 .popup .popup-content .description {
            font-size: 4.27vw;
            width: 78.6vw;
            margin: 0 auto;
            line-height: 130%;
            margin-top: 7vw;
            text-align: justify; } }
      html#scoped #section2 .popup .popup-content .graph-heading {
        text-align: center;
        color: black;
        font-weight: 700;
        font-size: 18px;
        margin-top: 15px; }
        @media screen and (max-width: 1279px) {
          html#scoped #section2 .popup .popup-content .graph-heading {
            font-size: 1.41vw;
            margin-top: 1.5vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section2 .popup .popup-content .graph-heading {
            font-size: 4.80vw; } }
      html#scoped #section2 .popup .popup-content .graph-sub {
        font-size: 16px;
        color: black;
        text-align: center;
        margin-top: 10px; }
        @media screen and (max-width: 1279px) {
          html#scoped #section2 .popup .popup-content .graph-sub {
            font-size: 1.25vw;
            margin-top: 0.78vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section2 .popup .popup-content .graph-sub {
            font-size: 4.27vw;
            margin-top: 1.33vw; } }
      html#scoped #section2 .popup .popup-content .source {
        text-align: center;
        font-size: 14px;
        color: #616161;
        margin: 0 auto; }
        @media screen and (max-width: 1279px) {
          html#scoped #section2 .popup .popup-content .source {
            font-size: 1.09vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section2 .popup .popup-content .source {
            text-align: justify;
            font-size: 3.73vw;
            line-height: 134%; } }
        html#scoped #section2 .popup .popup-content .source span.red {
          color: #E50012; }
      html#scoped #section2 .popup .popup-content .close {
        position: absolute;
        width: 57px;
        height: 57px;
        background-image: url(../assets/section2/close.svg);
        background-size: 37px;
        background-position: center;
        background-repeat: no-repeat;
        top: 25px;
        right: 5px;
        cursor: pointer; }
        @media screen and (max-width: 1279px) {
          html#scoped #section2 .popup .popup-content .close {
            width: 4.46vw;
            height: 4.46vw;
            background-size: 2.89vw;
            top: 1.95vw;
            right: 0.39vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section2 .popup .popup-content .close {
            width: 10.67vw;
            height: 10.67vw;
            background-size: 8.53vw;
            top: 7.67vw;
            right: 1vw; } }
  html#scoped #section2 .popup.popup1 .popup-content {
    width: 981px;
    min-height: 516px;
    background-image: url(../assets/section2/pop1-desktop.svg); }
    @media screen and (max-width: 1279px) {
      html#scoped #section2 .popup.popup1 .popup-content {
        width: 76.70vw;
        min-height: 40.34vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section2 .popup.popup1 .popup-content {
        background-image: url(../assets/section2/pop1-mobile.svg);
        width: 88.27vw;
        min-height: 146.93vw; } }
    html#scoped #section2 .popup.popup1 .popup-content .figs {
      margin-top: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media screen and (max-width: 1279px) {
        html#scoped #section2 .popup.popup1 .popup-content .figs {
          margin-top: 1.56vw; } }
      html#scoped #section2 .popup.popup1 .popup-content .figs .fig {
        margin: 0 14px; }
        @media screen and (max-width: 1279px) {
          html#scoped #section2 .popup.popup1 .popup-content .figs .fig {
            margin: 0 1.09vw; } }
        html#scoped #section2 .popup.popup1 .popup-content .figs .fig img {
          width: 186px; }
          @media screen and (max-width: 1279px) {
            html#scoped #section2 .popup.popup1 .popup-content .figs .fig img {
              width: 14.54vw; } }
    html#scoped #section2 .popup.popup1 .popup-content .slides {
      display: none; }
      @media screen and (max-width: 1023px) {
        html#scoped #section2 .popup.popup1 .popup-content .slides {
          display: block;
          margin-top: 5vw; } }
      html#scoped #section2 .popup.popup1 .popup-content .slides .slide {
        width: 100%; }
        html#scoped #section2 .popup.popup1 .popup-content .slides .slide img {
          margin: 0 auto; }
          @media screen and (max-width: 1023px) {
            html#scoped #section2 .popup.popup1 .popup-content .slides .slide img {
              width: 50.67vw; } }
    html#scoped #section2 .popup.popup1 .popup-content .slide-nav {
      display: none;
      position: absolute;
      top: 63.47vw; }
      @media screen and (max-width: 1023px) {
        html#scoped #section2 .popup.popup1 .popup-content .slide-nav {
          display: block; } }
      html#scoped #section2 .popup.popup1 .popup-content .slide-nav.prev {
        left: 5.60vw; }
      html#scoped #section2 .popup.popup1 .popup-content .slide-nav.next {
        right: 5.60vw; }
    html#scoped #section2 .popup.popup1 .popup-content .source {
      width: 813px;
      margin-top: 32px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section2 .popup.popup1 .popup-content .source {
          width: 63.57vw;
          margin-top: 2.50vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section2 .popup.popup1 .popup-content .source {
          width: 80vw;
          margin-top: -2vw; } }
  html#scoped #section2 .popup.popup2 .popup-content {
    width: 788px;
    min-height: 516px;
    background-image: url(../assets/section2/pop2-desktop.svg); }
    @media screen and (max-width: 1279px) {
      html#scoped #section2 .popup.popup2 .popup-content {
        width: 61.61vw;
        min-height: 40.34vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section2 .popup.popup2 .popup-content {
        background-image: url(../assets/section2/pop2-mobile.svg);
        width: 88.27vw;
        min-height: 150.67vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section2 .popup.popup2 .popup-content .graph-heading {
        margin-top: 7vw; } }
    html#scoped #section2 .popup.popup2 .popup-content .source {
      width: 711px;
      margin-top: 277px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section2 .popup.popup2 .popup-content .source {
          width: 60vw;
          margin-top: 21.66vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section2 .popup.popup2 .popup-content .source {
          width: 80vw;
          margin-top: 68.00vw; } }
  html#scoped #section2 .popup.popup3 .popup-content {
    width: 788px;
    min-height: 585px;
    background-image: url(../assets/section2/pop3-desktop.svg); }
    @media screen and (max-width: 1279px) {
      html#scoped #section2 .popup.popup3 .popup-content {
        width: 61.61vw;
        min-height: 45.74vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section2 .popup.popup3 .popup-content {
        background-image: url(../assets/section2/pop3-mobile.svg);
        width: 88.27vw;
        min-height: 173.33vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section2 .popup.popup3 .popup-content .graph-heading {
        margin-top: 8vw; } }
    html#scoped #section2 .popup.popup3 .popup-content .source {
      width: 711px;
      margin-top: 346px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section2 .popup.popup3 .popup-content .source {
          width: 60vw;
          margin-top: 27.05vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section2 .popup.popup3 .popup-content .source {
          width: 80vw;
          margin-top: 94.67vw; } }
  html#scoped #section2 .popup.popup4 .popup-content {
    width: 788px;
    min-height: 585px;
    background-image: url(../assets/section2/pop4-desktop.svg); }
    @media screen and (max-width: 1279px) {
      html#scoped #section2 .popup.popup4 .popup-content {
        width: 61.61vw;
        min-height: 45.74vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section2 .popup.popup4 .popup-content {
        background-image: url(../assets/section2/pop4-mobile.svg);
        width: 88.27vw;
        min-height: 173.33vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section2 .popup.popup4 .popup-content .graph-heading {
        margin-top: 8vw; } }
    html#scoped #section2 .popup.popup4 .popup-content .source {
      width: 711px;
      margin-top: 312px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section2 .popup.popup4 .popup-content .source {
          width: 60vw;
          margin-top: 24.39vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section2 .popup.popup4 .popup-content .source {
          width: 80vw;
          margin-top: 81.07vw; } }

html#scoped #section3 {
  margin-top: -40px; }
  @media screen and (max-width: 1279px) {
    html#scoped #section3 {
      margin-top: -3.13vw; } }
  @media screen and (max-width: 1023px) {
    html#scoped #section3 {
      margin-top: 5.33vw;
      background-image: url(../assets/section3/bg-mobile.png);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center top 180vw; } }
  html#scoped #section3 h2 {
    margin: 0; }
    html#scoped #section3 h2 img {
      width: 736px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section3 h2 img {
          width: 57.54vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section3 h2 img {
          width: 84.00vw; } }
  html#scoped #section3 .sub-head {
    font-size: 28px;
    font-weight: 500;
    color: black;
    line-height: 183%;
    text-align: center;
    margin-top: 17px; }
    @media screen and (max-width: 1279px) {
      html#scoped #section3 .sub-head {
        font-size: 2.19vw;
        margin-top: 1.33vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section3 .sub-head {
        font-size: 5.87vw;
        margin-top: 1.33vw; } }
  html#scoped #section3 img {
    margin: 0 auto; }
  html#scoped #section3 .sub-line {
    margin: 0 auto; }
    html#scoped #section3 .sub-line.sub1 {
      width: 426px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section3 .sub-line.sub1 {
          width: 33.31vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section3 .sub-line.sub1 {
          width: 85.60vw; } }
    html#scoped #section3 .sub-line.sub2 {
      width: 404px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section3 .sub-line.sub2 {
          width: 31.59vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section3 .sub-line.sub2 {
          width: 83.73vw; } }
  html#scoped #section3 .step1, html#scoped #section3 .step2, html#scoped #section3 .step3 {
    -webkit-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
    transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1); }
  html#scoped #section3 img.arrow-down {
    width: 14px;
    margin: 13px auto;
    -webkit-animation-name: float;
    animation-name: float;
    -webkit-animation-duration: 5000ms;
    animation-duration: 5000ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms; }

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
    html#scoped #section3 img.arrow-down.a2 {
      margin: 9px auto; }
    @media screen and (max-width: 1279px) {
      html#scoped #section3 img.arrow-down {
        width: 1.09vw;
        margin: 1.02vw auto; }
        html#scoped #section3 img.arrow-down.a2 {
          margin: 0.70vw auto; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section3 img.arrow-down {
        width: 2.93vw;
        margin: 1.33vw auto; }
        html#scoped #section3 img.arrow-down.a2 {
          margin: 1.33vw auto; } }
  html#scoped #section3 img.triangle-down {
    width: 32px;
    margin-top: -28px;
    -webkit-animation-name: float;
    animation-name: float;
    -webkit-animation-duration: 5000ms;
    animation-duration: 5000ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms; }

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
    @media screen and (max-width: 1279px) {
      html#scoped #section3 img.triangle-down {
        width: 2.50vw;
        margin-top: -2.19vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section3 img.triangle-down {
        width: 6.93vw;
        margin-top: -5.87vw; } }
  html#scoped #section3 .step1-wrap {
    position: relative; }
    html#scoped #section3 .step1-wrap .text {
      position: absolute;
      bottom: 20px;
      width: 100%;
      text-align: center;
      font-size: 18px;
      line-height: 20px;
      font-weight: 700;
      color: white; }
      @media screen and (max-width: 1279px) {
        html#scoped #section3 .step1-wrap .text {
          bottom: 1.56vw;
          font-size: 1.41vw;
          line-height: 1.56vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section3 .step1-wrap .text {
          font-size: 4.27vw;
          line-height: 5.33vw;
          bottom: 0.80vw; } }
  html#scoped #section3 img.step1 {
    width: 1073px; }
    @media screen and (max-width: 1279px) {
      html#scoped #section3 img.step1 {
        width: 83.89vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section3 img.step1 {
        width: 94.67vw; } }
  html#scoped #section3 img.step2 {
    width: 704px; }
    @media screen and (max-width: 1279px) {
      html#scoped #section3 img.step2 {
        width: 55.04vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section3 img.step2 {
        width: 83.73vw; } }
  html#scoped #section3 .mag-wrap {
    width: 624px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
    transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1); }
    @media screen and (max-width: 1279px) {
      html#scoped #section3 .mag-wrap {
        width: 48.79vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section3 .mag-wrap {
        width: 62.93vw; } }
    html#scoped #section3 .mag-wrap img.step3 {
      width: 100%; }
    html#scoped #section3 .mag-wrap img.magnify {
      position: absolute;
      width: 185px;
      top: 0;
      left: 191px;
      -webkit-animation-duration: 2000ms;
      animation-duration: 2000ms;
      -webkit-animation-name: pulse;
      animation-name: pulse;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  75% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  75% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
      @media screen and (max-width: 1279px) {
        html#scoped #section3 .mag-wrap img.magnify {
          width: 14.46vw;
          left: 14.93vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section3 .mag-wrap img.magnify {
          width: 33.87vw;
          left: 10.93vw; } }
    html#scoped #section3 .mag-wrap img.magnify-text {
      position: absolute;
      width: 95px;
      top: 50px;
      left: 266px;
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
      -webkit-animation-duration: 2000ms;
      animation-duration: 2000ms;
      -webkit-animation-delay: 1000ms;
      animation-delay: 1000ms;
      -webkit-animation-name: pulse-alt;
      animation-name: pulse-alt;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }

@-webkit-keyframes pulse-alt {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  25% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85); }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  75% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

@keyframes pulse-alt {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  25% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85); }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  75% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
      @media screen and (max-width: 1279px) {
        html#scoped #section3 .mag-wrap img.magnify-text {
          width: 7.43vw;
          top: 3.91vw;
          left: 20.80vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section3 .mag-wrap img.magnify-text {
          width: 19.47vw;
          top: 8.53vw;
          left: 23.5vw;
          -webkit-animation-name: pulse-alt-mobile;
          animation-name: pulse-alt-mobile;
          -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
          -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }
        @-webkit-keyframes pulse-alt-mobile {
          0% {
            -webkit-transform: scale(0.8);
            transform: scale(0.8); }
          25% {
            -webkit-transform: scale(0.75);
            transform: scale(0.75); }
          50% {
            -webkit-transform: scale(0.8);
            transform: scale(0.8); }
          75% {
            -webkit-transform: scale(0.85);
            transform: scale(0.85); }
          100% {
            -webkit-transform: scale(0.8);
            transform: scale(0.8); } }
        @keyframes pulse-alt-mobile {
          0% {
            -webkit-transform: scale(0.8);
            transform: scale(0.8); }
          25% {
            -webkit-transform: scale(0.75);
            transform: scale(0.75); }
          50% {
            -webkit-transform: scale(0.8);
            transform: scale(0.8); }
          75% {
            -webkit-transform: scale(0.85);
            transform: scale(0.85); }
          100% {
            -webkit-transform: scale(0.8);
            transform: scale(0.8); } } }
  html#scoped #section3 .description {
    margin-top: 5px;
    color: black;
    font-weight: 500;
    font-size: 22px;
    line-height: 135%;
    text-align: center; }
    @media screen and (max-width: 1279px) {
      html#scoped #section3 .description {
        margin-top: 0.39vw;
        font-size: 1.72vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section3 .description {
        margin-top: 1.33vw;
        font-size: 4.27vw; } }
    html#scoped #section3 .description span.red {
      font-weight: 700;
      color: #E50012; }
  html#scoped #section3 .map-box {
    position: relative;
    width: 975px;
    margin: 0 auto; }
    @media screen and (max-width: 1279px) {
      html#scoped #section3 .map-box {
        width: 76.23vw; } }
    html#scoped #section3 .map-box img.map {
      width: 100%; }
    html#scoped #section3 .map-box .marker-box {
      position: absolute;
      -webkit-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
      -o-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
      transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1); }
      html#scoped #section3 .map-box .marker-box.animate img.strat {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg); }
      html#scoped #section3 .map-box .marker-box.m1 {
        top: 184px;
        left: 323px; }
        @media screen and (max-width: 1279px) {
          html#scoped #section3 .map-box .marker-box.m1 {
            top: 14.39vw;
            left: 25.25vw; } }
        html#scoped #section3 .map-box .marker-box.m1.animate {
          top: 115px;
          left: 202px; }
          @media screen and (max-width: 1279px) {
            html#scoped #section3 .map-box .marker-box.m1.animate {
              top: 8.99vw;
              left: 15.79vw; } }
        html#scoped #section3 .map-box .marker-box.m1 img.strat {
          left: -126px;
          bottom: -52px;
          -webkit-animation-delay: 0ms;
          animation-delay: 0ms; }
          @media screen and (max-width: 1279px) {
            html#scoped #section3 .map-box .marker-box.m1 img.strat {
              left: -9.85vw;
              bottom: -4.07vw; } }
      html#scoped #section3 .map-box .marker-box.m2 {
        top: 354px;
        left: 248px; }
        @media screen and (max-width: 1279px) {
          html#scoped #section3 .map-box .marker-box.m2 {
            top: 27.68vw;
            left: 19.39vw; } }
        html#scoped #section3 .map-box .marker-box.m2.animate {
          top: 284px;
          left: 126px; }
          @media screen and (max-width: 1279px) {
            html#scoped #section3 .map-box .marker-box.m2.animate {
              top: 22.20vw;
              left: 9.85vw; } }
        html#scoped #section3 .map-box .marker-box.m2 img.strat {
          left: -126px;
          bottom: -102px;
          -webkit-animation-delay: 2000ms;
          animation-delay: 2000ms; }
          @media screen and (max-width: 1279px) {
            html#scoped #section3 .map-box .marker-box.m2 img.strat {
              left: -9.85vw;
              bottom: -7.97vw; } }
      html#scoped #section3 .map-box .marker-box.m3 {
        top: 193px;
        left: 613px; }
        @media screen and (max-width: 1279px) {
          html#scoped #section3 .map-box .marker-box.m3 {
            top: 15.09vw;
            left: 47.93vw; } }
        html#scoped #section3 .map-box .marker-box.m3.animate {
          top: 147px;
          left: 691px; }
          @media screen and (max-width: 1279px) {
            html#scoped #section3 .map-box .marker-box.m3.animate {
              top: 11.49vw;
              left: 54.03vw; } }
        html#scoped #section3 .map-box .marker-box.m3 img.strat {
          right: -126px;
          bottom: -20px;
          -webkit-animation-delay: 4000ms;
          animation-delay: 4000ms; }
          @media screen and (max-width: 1279px) {
            html#scoped #section3 .map-box .marker-box.m3 img.strat {
              right: -9.85vw;
              bottom: -1.56vw; } }
      html#scoped #section3 .map-box .marker-box.m4 {
        top: 363px;
        left: 705px; }
        @media screen and (max-width: 1279px) {
          html#scoped #section3 .map-box .marker-box.m4 {
            top: 28.38vw;
            left: 55.12vw; } }
        html#scoped #section3 .map-box .marker-box.m4.animate {
          top: 302px;
          left: 811px; }
          @media screen and (max-width: 1279px) {
            html#scoped #section3 .map-box .marker-box.m4.animate {
              top: 23.61vw;
              left: 63.41vw; } }
        html#scoped #section3 .map-box .marker-box.m4 img.strat {
          right: -126px;
          bottom: -85px;
          -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms; }
          @media screen and (max-width: 1279px) {
            html#scoped #section3 .map-box .marker-box.m4 img.strat {
              right: -9.85vw;
              bottom: -6.65vw; } }
      html#scoped #section3 .map-box .marker-box.m5 {
        top: 445px;
        left: 284px; }
        @media screen and (max-width: 1279px) {
          html#scoped #section3 .map-box .marker-box.m5 {
            top: 34.79vw;
            left: 22.20vw; } }
        html#scoped #section3 .map-box .marker-box.m5.animate {
          top: 493px;
          left: 359px; }
          @media screen and (max-width: 1279px) {
            html#scoped #section3 .map-box .marker-box.m5.animate {
              top: 38.55vw;
              left: 28.07vw; } }
        html#scoped #section3 .map-box .marker-box.m5 img.strat {
          right: -126px;
          bottom: -131px;
          -webkit-animation-delay: 3000ms;
          animation-delay: 3000ms; }
          @media screen and (max-width: 1279px) {
            html#scoped #section3 .map-box .marker-box.m5 img.strat {
              right: -9.85vw;
              bottom: -10.24vw; } }
      html#scoped #section3 .map-box .marker-box img.marker {
        width: 38px; }
        @media screen and (max-width: 1279px) {
          html#scoped #section3 .map-box .marker-box img.marker {
            width: 2.97vw; } }
      html#scoped #section3 .map-box .marker-box img.strat {
        position: absolute;
        width: 126px;
        max-width: 126px;
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
        -o-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
        transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
        -webkit-transition-delay: 600ms;
        -o-transition-delay: 600ms;
        transition-delay: 600ms;
        -webkit-animation-name: float;
        animation-name: float;
        -webkit-animation-duration: 5000ms;
        animation-duration: 5000ms;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear; }

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
        @media screen and (max-width: 1279px) {
          html#scoped #section3 .map-box .marker-box img.strat {
            width: 9.85vw;
            max-width: 9.85vw; } }
    html#scoped #section3 .map-box img.wheel {
      position: absolute;
      width: 292px;
      top: 137px;
      left: 324px;
      -webkit-animation-duration: 1500ms;
      animation-duration: 1500ms;
      -webkit-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
      transform: rotate(-10deg);
      -webkit-animation-name: wheel;
      animation-name: wheel;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
      animation-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
      -webkit-animation-direction: alternate;
      animation-direction: alternate; }

@-webkit-keyframes wheel {
  0% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); } }

@keyframes wheel {
  0% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); } }
      @media screen and (max-width: 1279px) {
        html#scoped #section3 .map-box img.wheel {
          width: 22.83vw;
          top: 10.71vw;
          left: 25.33vw; } }
  html#scoped #section3 .content.mobile img.wheel {
    width: 37.33vw;
    margin-top: 2.67vw;
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-animation-name: wheel;
    animation-name: wheel;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
    animation-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }

@keyframes wheel {
  0% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); } }
  html#scoped #section3 .content.mobile img.strat {
    width: 42.40vw;
    margin-top: 9.07vw;
    -webkit-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
    transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1); }
  html#scoped #section3 .source {
    color: #616161;
    font-size: 14px;
    line-height: 133%;
    text-align: center; }
    html#scoped #section3 .source.s1 {
      margin-top: 36px; }
    html#scoped #section3 .source.s2 {
      margin-top: 339px; }
    @media screen and (max-width: 1279px) {
      html#scoped #section3 .source {
        font-size: 1.09vw; }
        html#scoped #section3 .source.s1 {
          margin-top: 2.81vw; }
        html#scoped #section3 .source.s2 {
          margin-top: 26.51vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section3 .source {
        font-size: 3.73vw;
        margin: 0 auto;
        width: 82vw;
        text-align: justify;
        text-align: left; }
        html#scoped #section3 .source.s1 {
          margin-top: 6.40vw; }
        html#scoped #section3 .source.s2 {
          margin-top: 85vw; } }
    html#scoped #section3 .source span.red {
      color: #E50012; }
  html#scoped #section3 .graphs-wrap {
    position: relative;
    width: 902px;
    height: 940px;
    margin: 0 auto;
    margin-top: 75px;
    background-image: url(../assets/section3/graphs-desktop.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 7px; }
    @media screen and (max-width: 1279px) {
      html#scoped #section3 .graphs-wrap {
        width: 70.52vw;
        height: 73.49vw;
        margin-top: 5.86vw;
        padding-top: 0.55vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section3 .graphs-wrap {
        width: 88.27vw;
        height: 266.67vw;
        margin-top: 3.47vw;
        padding-top: 1.60vw;
        background-image: url(../assets/section3/graphs-mobile.svg); } }
    html#scoped #section3 .graphs-wrap img.graph {
      width: 100%; }
    html#scoped #section3 .graphs-wrap .title {
      text-align: center;
      font-size: 22px;
      font-weight: 700;
      line-height: 25px;
      color: white; }
      @media screen and (max-width: 1279px) {
        html#scoped #section3 .graphs-wrap .title {
          font-size: 1.72vw;
          line-height: 1.95vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section3 .graphs-wrap .title {
          font-size: 5.33vw;
          line-height: 5.87vw; } }
    html#scoped #section3 .graphs-wrap .graph-title {
      color: black;
      font-size: 22px;
      font-weight: 700;
      line-height: 134%;
      text-align: center; }
      html#scoped #section3 .graphs-wrap .graph-title.t1 {
        margin-top: 33px; }
      html#scoped #section3 .graphs-wrap .graph-title.t2 {
        margin-top: 377px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section3 .graphs-wrap .graph-title {
          font-size: 1.72vw; }
          html#scoped #section3 .graphs-wrap .graph-title.t1 {
            margin-top: 2.58vw; }
          html#scoped #section3 .graphs-wrap .graph-title.t2 {
            margin-top: 29.48vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section3 .graphs-wrap .graph-title {
          font-size: 4.70vw; }
          html#scoped #section3 .graphs-wrap .graph-title.t1 {
            margin-top: 7.5vw; }
          html#scoped #section3 .graphs-wrap .graph-title.t2 {
            margin-top: 112.27vw; } }
    html#scoped #section3 .graphs-wrap img.fig {
      position: absolute;
      width: 95px;
      -webkit-transition: all 600ms cubic-bezier(0.68, 0, 0.265, 1);
      -o-transition: all 600ms cubic-bezier(0.68, 0, 0.265, 1);
      transition: all 600ms cubic-bezier(0.68, 0, 0.265, 1); }
      html#scoped #section3 .graphs-wrap img.fig.fig1 {
        -webkit-transition-delay: 100ms;
        -o-transition-delay: 100ms;
        transition-delay: 100ms;
        top: 264px;
        left: 95px; }
      html#scoped #section3 .graphs-wrap img.fig.fig2 {
        -webkit-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        transition-delay: 200ms;
        top: 213px;
        left: 192px; }
      html#scoped #section3 .graphs-wrap img.fig.fig3 {
        -webkit-transition-delay: 300ms;
        -o-transition-delay: 300ms;
        transition-delay: 300ms;
        top: 169px;
        left: 291px; }
      html#scoped #section3 .graphs-wrap img.fig.fig4 {
        -webkit-transition-delay: 400ms;
        -o-transition-delay: 400ms;
        transition-delay: 400ms;
        top: 127px;
        left: 652px; }
      html#scoped #section3 .graphs-wrap img.fig.fig5 {
        -webkit-transition-delay: 500ms;
        -o-transition-delay: 500ms;
        transition-delay: 500ms;
        top: 172px;
        left: 755px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section3 .graphs-wrap img.fig {
          width: 7.43vw; }
          html#scoped #section3 .graphs-wrap img.fig.fig1 {
            top: 20.64vw;
            left: 7.43vw; }
          html#scoped #section3 .graphs-wrap img.fig.fig2 {
            top: 16.65vw;
            left: 15.01vw; }
          html#scoped #section3 .graphs-wrap img.fig.fig3 {
            top: 13.21vw;
            left: 22.75vw; }
          html#scoped #section3 .graphs-wrap img.fig.fig4 {
            top: 9.93vw;
            left: 50.98vw; }
          html#scoped #section3 .graphs-wrap img.fig.fig5 {
            top: 13.45vw;
            left: 59.03vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section3 .graphs-wrap img.fig {
          width: 20.27vw; }
          html#scoped #section3 .graphs-wrap img.fig.fig1 {
            top: 77.33vw;
            left: 13.07vw; }
          html#scoped #section3 .graphs-wrap img.fig.fig2 {
            top: 45.60vw;
            left: 16.27vw; }
          html#scoped #section3 .graphs-wrap img.fig.fig3 {
            top: 62.93vw;
            left: 37.87vw; }
          html#scoped #section3 .graphs-wrap img.fig.fig4 {
            top: 33.07vw;
            left: 49.07vw; }
          html#scoped #section3 .graphs-wrap img.fig.fig5 {
            top: 53.60vw;
            left: 64.53vw; } }
    html#scoped #section3 .graphs-wrap img.arrow {
      position: absolute;
      width: 72px;
      -webkit-transition: all 600ms cubic-bezier(0.68, 0, 0.265, 1);
      -o-transition: all 600ms cubic-bezier(0.68, 0, 0.265, 1);
      transition: all 600ms cubic-bezier(0.68, 0, 0.265, 1); }
      html#scoped #section3 .graphs-wrap img.arrow.up {
        top: 558px;
        left: 763px; }
      html#scoped #section3 .graphs-wrap img.arrow.down {
        top: 707px;
        left: 763px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section3 .graphs-wrap img.arrow {
          width: 5.63vw; }
          html#scoped #section3 .graphs-wrap img.arrow.up {
            top: 43.63vw;
            left: 59.66vw; }
          html#scoped #section3 .graphs-wrap img.arrow.down {
            top: 55.28vw;
            left: 59.66vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section3 .graphs-wrap img.arrow {
          width: 12.80vw; }
          html#scoped #section3 .graphs-wrap img.arrow.up {
            top: 168.80vw;
            left: 73.87vw; }
          html#scoped #section3 .graphs-wrap img.arrow.down {
            top: 197.87vw;
            left: 73.87vw; } }

html#scoped #section4 {
  height: 1255px;
  background-image: url(../assets/section4/bg-desktop.png);
  background-size: auto 100%;
  background-position: center top;
  position: relative;
  padding-top: 156px;
  background-repeat: no-repeat; }
  @media screen and (max-width: 1279px) {
    html#scoped #section4 {
      height: 98.12vw;
      padding-top: 12.20vw; } }
  @media screen and (max-width: 1023px) {
    html#scoped #section4 {
      padding-top: 12.53vw;
      margin-top: 16.00vw; }
      html#scoped #section4.tab1 {
        background-image: url(../assets/section4/bg1-mobile.png);
        height: 331.73vw; }
      html#scoped #section4.tab2 {
        background-image: url(../assets/section4/bg2-mobile.png);
        height: 360.80vw; }
      html#scoped #section4.tab3 {
        background-image: url(../assets/section4/bg3-mobile.png);
        height: 341.07vw; } }
  html#scoped #section4 h2 {
    margin: 0; }
    html#scoped #section4 h2 img {
      width: 637px;
      margin: 0 auto; }
      @media screen and (max-width: 1279px) {
        html#scoped #section4 h2 img {
          width: 49.80vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section4 h2 img {
          width: 84.00vw; } }
  html#scoped #section4 .tab-heads {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 1279px) {
      html#scoped #section4 .tab-heads {
        margin-top: 1.88vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section4 .tab-heads {
        margin-top: 1.87vw; } }
    html#scoped #section4 .tab-heads .tab-head {
      position: relative;
      cursor: pointer;
      -webkit-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
      -o-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
      transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1); }
      @media screen and (max-width: 1023px) {
        html#scoped #section4 .tab-heads .tab-head {
          padding: 0 3.20vw; } }
      html#scoped #section4 .tab-heads .tab-head.active img.tab-active {
        opacity: 1; }
      html#scoped #section4 .tab-heads .tab-head.t1 {
        -webkit-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        transition-delay: 200ms; }
      html#scoped #section4 .tab-heads .tab-head.t2 {
        -webkit-transition-delay: 400ms;
        -o-transition-delay: 400ms;
        transition-delay: 400ms; }
      html#scoped #section4 .tab-heads .tab-head.t3 {
        -webkit-transition-delay: 600ms;
        -o-transition-delay: 600ms;
        transition-delay: 600ms; }
      html#scoped #section4 .tab-heads .tab-head img {
        width: 206px; }
        @media screen and (max-width: 1279px) {
          html#scoped #section4 .tab-heads .tab-head img {
            width: 16.11vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section4 .tab-heads .tab-head img {
            width: 20.00vw; } }
      html#scoped #section4 .tab-heads .tab-head img.tab-active {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
        -o-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
        transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1); }
        @media screen and (max-width: 1023px) {
          html#scoped #section4 .tab-heads .tab-head img.tab-active {
            left: 3.20vw; } }
  html#scoped #section4 .slider-wrap {
    position: relative;
    margin: 0 auto;
    margin-top: 48px;
    width: 812px;
    -webkit-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
    transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1); }
    @media screen and (max-width: 1279px) {
      html#scoped #section4 .slider-wrap {
        margin-top: 3.75vw;
        width: 63.49vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section4 .slider-wrap {
        width: 88.27vw;
        margin-top: 9.07vw; } }
    html#scoped #section4 .slider-wrap .slides .slide {
      width: 100%;
      background-size: contain;
      background-position: center top;
      background-repeat: no-repeat;
      padding-top: 28px; }
      html#scoped #section4 .slider-wrap .slides .slide.slide1 {
        height: 663px;
        background-image: url(../assets/section4/graph1-desktop.svg); }
        html#scoped #section4 .slider-wrap .slides .slide.slide1 .source {
          width: 658px;
          margin-top: 460px; }
      html#scoped #section4 .slider-wrap .slides .slide.slide2 {
        height: 685px;
        background-image: url(../assets/section4/graph2-desktop.svg); }
        html#scoped #section4 .slider-wrap .slides .slide.slide2 .source {
          width: 759px;
          margin-top: 371px; }
      html#scoped #section4 .slider-wrap .slides .slide.slide3 {
        height: 658px;
        background-image: url(../assets/section4/graph3-desktop.svg);
        padding-top: 25px; }
        html#scoped #section4 .slider-wrap .slides .slide.slide3 .source {
          width: 664px;
          margin-top: 496px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section4 .slider-wrap .slides .slide {
          padding-top: 2.27vw; }
          html#scoped #section4 .slider-wrap .slides .slide.slide1 {
            height: 51.84vw; }
            html#scoped #section4 .slider-wrap .slides .slide.slide1 .source {
              width: 51.45vw;
              margin-top: 35.97vw; }
          html#scoped #section4 .slider-wrap .slides .slide.slide2 {
            height: 53.56vw; }
            html#scoped #section4 .slider-wrap .slides .slide.slide2 .source {
              width: 59.34vw;
              margin-top: 29.01vw; }
          html#scoped #section4 .slider-wrap .slides .slide.slide3 {
            height: 51.45vw;
            padding-top: 1.95vw; }
            html#scoped #section4 .slider-wrap .slides .slide.slide3 .source {
              width: 51.92vw;
              margin-top: 38vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section4 .slider-wrap .slides .slide {
          padding-top: 2vw; }
          html#scoped #section4 .slider-wrap .slides .slide.slide1 {
            height: 222.67vw;
            background-image: url(../assets/section4/graph1-mobile.svg); }
            html#scoped #section4 .slider-wrap .slides .slide.slide1 .source {
              width: 78vw;
              margin-top: 154.13vw; }
          html#scoped #section4 .slider-wrap .slides .slide.slide2 {
            height: 260.00vw;
            background-image: url(../assets/section4/graph2-mobile.svg); }
            html#scoped #section4 .slider-wrap .slides .slide.slide2 .source {
              width: 78vw;
              margin-top: 153vw; }
          html#scoped #section4 .slider-wrap .slides .slide.slide3 {
            height: 235.20vw;
            background-image: url(../assets/section4/graph3-mobile.svg); }
            html#scoped #section4 .slider-wrap .slides .slide.slide3 .source {
              width: 82vw;
              margin-top: 179vw; } }
      html#scoped #section4 .slider-wrap .slides .slide .graph-title {
        line-height: 183%;
        font-weight: 700;
        font-size: 22px;
        color: white;
        text-align: center; }
        @media screen and (max-width: 1279px) {
          html#scoped #section4 .slider-wrap .slides .slide .graph-title {
            font-size: 1.72vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section4 .slider-wrap .slides .slide .graph-title {
            font-size: 5.33vw;
            line-height: 110%; } }
      html#scoped #section4 .slider-wrap .slides .slide .graph-heading {
        margin-top: 25px;
        text-align: center;
        color: black;
        font-weight: 700;
        font-size: 22px;
        line-height: 183%; }
        @media screen and (max-width: 1279px) {
          html#scoped #section4 .slider-wrap .slides .slide .graph-heading {
            margin-top: 1.95vw;
            font-size: 1.72vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section4 .slider-wrap .slides .slide .graph-heading {
            margin-top: 5.33vw;
            font-size: 5.87vw;
            line-height: 6.67vw; } }
      html#scoped #section4 .slider-wrap .slides .slide .description {
        margin-top: 34px;
        text-align: center;
        font-size: 16px;
        line-height: 180%;
        color: black; }
        @media screen and (max-width: 1279px) {
          html#scoped #section4 .slider-wrap .slides .slide .description {
            margin-top: 2.66vw;
            font-size: 1.25vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section4 .slider-wrap .slides .slide .description {
            width: 75.20vw;
            text-align: justify;
            margin: 0 auto;
            margin-top: 5.33vw;
            font-size: 4.27vw;
            line-height: 130%; } }
        html#scoped #section4 .slider-wrap .slides .slide .description span.red {
          color: #E50012;
          font-weight: 700; }
      html#scoped #section4 .slider-wrap .slides .slide .source {
        color: #616161;
        font-size: 14px;
        line-height: 133%;
        text-align: center;
        margin: 0 auto; }
        @media screen and (max-width: 1279px) {
          html#scoped #section4 .slider-wrap .slides .slide .source {
            font-size: 1.09vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section4 .slider-wrap .slides .slide .source {
            font-size: 3.73vw;
            line-height: 130%;
            text-align: justify; } }
        html#scoped #section4 .slider-wrap .slides .slide .source.justify {
          text-align: justify; }
        html#scoped #section4 .slider-wrap .slides .slide .source span.red {
          color: #E50012; }
    html#scoped #section4 .slider-wrap .nav {
      position: absolute;
      top: 312px;
      width: 48px;
      cursor: pointer;
      -webkit-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
      -o-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
      transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1); }
      html#scoped #section4 .slider-wrap .nav.prev {
        left: -60px; }
      html#scoped #section4 .slider-wrap .nav.next {
        right: -60px; }
      html#scoped #section4 .slider-wrap .nav.slick-disabled {
        opacity: 0;
        visibility: hidden; }
      @media screen and (max-width: 1279px) {
        html#scoped #section4 .slider-wrap .nav {
          top: 24.39vw;
          width: 3.75vw; }
          html#scoped #section4 .slider-wrap .nav.prev {
            left: -4.69vw; }
          html#scoped #section4 .slider-wrap .nav.next {
            right: -4.69vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section4 .slider-wrap .nav {
          display: none !important; } }

html#scoped #section5 {
  height: 751px;
  background-image: url(../assets/section5/bg-desktop.png);
  background-size: 1920px auto;
  background-position: center top 50px;
  position: relative;
  background-repeat: no-repeat; }
  @media screen and (max-width: 1279px) {
    html#scoped #section5 {
      height: 58.72vw;
      background-size: 150.12vw auto;
      background-position: center top 3.91vw; } }
  @media screen and (max-width: 1023px) {
    html#scoped #section5 {
      height: 89.07vw;
      background-size: 100% auto;
      background-position: center top 21.5vw;
      background-image: url(../assets/section5/bg-mobile.png); } }
  html#scoped #section5 h2 {
    margin: 0; }
    html#scoped #section5 h2 img {
      width: 395px;
      margin: 0 auto; }
      @media screen and (max-width: 1279px) {
        html#scoped #section5 h2 img {
          width: 30.88vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section5 h2 img {
          width: 84.00vw; } }
  html#scoped #section5 .slider-wrap {
    width: 855px;
    margin: 0 auto;
    margin-top: 62px;
    position: relative; }
    @media screen and (max-width: 1279px) {
      html#scoped #section5 .slider-wrap {
        width: 66.85vw;
        margin-top: 4.85vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section5 .slider-wrap {
        width: 67vw;
        margin-top: 11.20vw; } }
    html#scoped #section5 .slider-wrap .slide {
      width: 100%; }
      html#scoped #section5 .slider-wrap .slide .video-wrap {
        position: relative;
        padding-bottom: 56.25%;
        width: 100%; }
        html#scoped #section5 .slider-wrap .slide .video-wrap iframe {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%;
          height: 100%; }
    html#scoped #section5 .slider-wrap .nav {
      position: absolute;
      top: 202px;
      width: 48px;
      cursor: pointer; }
      html#scoped #section5 .slider-wrap .nav.prev {
        left: -80px; }
      html#scoped #section5 .slider-wrap .nav.next {
        right: -80px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section5 .slider-wrap .nav {
          top: 15.79vw;
          width: 3.75vw; }
          html#scoped #section5 .slider-wrap .nav.prev {
            left: -6.25vw; }
          html#scoped #section5 .slider-wrap .nav.next {
            right: -6.25vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section5 .slider-wrap .nav {
          top: 15.47vw;
          width: 7.73vw; }
          html#scoped #section5 .slider-wrap .nav.prev {
            left: -12.00vw; }
          html#scoped #section5 .slider-wrap .nav.next {
            right: -12.00vw; } }

html#scoped #section6 {
  background-size: auto 100%;
  background-position: center top;
  position: relative;
  background-repeat: no-repeat;
  padding-top: 143px; }
  html#scoped #section6.tab1 {
    background-image: url(../assets/section6/bg1-desktop.png);
    height: 1822px; }
  html#scoped #section6.tab2 {
    background-image: url(../assets/section6/bg2-desktop.png);
    height: 2347px; }
  @media screen and (max-width: 1279px) {
    html#scoped #section6 {
      padding-top: 11.18vw; }
      html#scoped #section6.tab1 {
        height: 142.46vw; }
      html#scoped #section6.tab2 {
        height: 183.50vw; } }
  @media screen and (max-width: 1023px) {
    html#scoped #section6 {
      padding-top: 15vw; }
      html#scoped #section6.tab1 {
        height: 478.13vw;
        background-image: url(../assets/section6/bg1-mobile.png); }
      html#scoped #section6.tab2 {
        height: 730.13vw;
        background-image: url(../assets/section6/bg2-mobile.png); } }
  html#scoped #section6 h2 {
    margin: 0; }
    html#scoped #section6 h2 img {
      width: 409px;
      margin: 0 auto; }
      @media screen and (max-width: 1279px) {
        html#scoped #section6 h2 img {
          width: 31.98vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section6 h2 img {
          width: 84.00vw; } }
  html#scoped #section6 .tab-heads {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 1279px) {
      html#scoped #section6 .tab-heads {
        margin-top: 1.09vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section6 .tab-heads {
        margin-top: 1.33vw; } }
    html#scoped #section6 .tab-heads .tab-head {
      position: relative;
      cursor: pointer;
      -webkit-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
      -o-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
      transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1); }
      html#scoped #section6 .tab-heads .tab-head.active img.tab-active {
        opacity: 1; }
      html#scoped #section6 .tab-heads .tab-head.t1 {
        -webkit-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        transition-delay: 200ms; }
      html#scoped #section6 .tab-heads .tab-head.t2 {
        -webkit-transition-delay: 400ms;
        -o-transition-delay: 400ms;
        transition-delay: 400ms; }
      html#scoped #section6 .tab-heads .tab-head.t3 {
        -webkit-transition-delay: 600ms;
        -o-transition-delay: 600ms;
        transition-delay: 600ms; }
      html#scoped #section6 .tab-heads .tab-head img {
        width: 206px; }
        @media screen and (max-width: 1279px) {
          html#scoped #section6 .tab-heads .tab-head img {
            width: 16.11vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section6 .tab-heads .tab-head img {
            width: 46.00vw; } }
      html#scoped #section6 .tab-heads .tab-head img.tab-active {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0; }
  html#scoped #section6 .graph-wrap {
    width: 812px;
    margin: 0 auto;
    padding-top: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
    transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1); }
    html#scoped #section6 .graph-wrap.tab1, html#scoped #section6 .graph-wrap.tab2 {
      display: none; }
      html#scoped #section6 .graph-wrap.tab1.active, html#scoped #section6 .graph-wrap.tab2.active {
        display: block; }
    html#scoped #section6 .graph-wrap.tab1 {
      margin-top: 15px;
      height: 891px;
      background-image: url(../assets/section6/graph1-desktop.svg); }
    html#scoped #section6 .graph-wrap.tab2 {
      margin-top: 15px;
      height: 1379px;
      background-image: url(../assets/section6/graph2-desktop.svg); }
    html#scoped #section6 .graph-wrap.g3 {
      margin-top: 15px;
      height: 309px;
      background-image: url(../assets/section6/graph3-desktop.svg); }
    @media screen and (max-width: 1279px) {
      html#scoped #section6 .graph-wrap {
        width: 63.49vw;
        padding-top: 0.94vw; }
        html#scoped #section6 .graph-wrap.tab1 {
          margin-top: 1.17vw;
          height: 69.66vw; }
        html#scoped #section6 .graph-wrap.tab2 {
          margin-top: 1.17vw;
          height: 107.82vw;
          background-image: url(../assets/section6/graph2-desktop-alt.svg); }
        html#scoped #section6 .graph-wrap.g3 {
          margin-top: 1.17vw;
          height: 24.16vw; } }
    @media screen and (max-width: 1023px) {
      html#scoped #section6 .graph-wrap {
        width: 88.27vw;
        padding-top: 0; }
        html#scoped #section6 .graph-wrap.tab1 {
          margin-top: 8.27vw;
          height: 290.93vw;
          background-image: url(../assets/section6/graph1-mobile.svg); }
        html#scoped #section6 .graph-wrap.tab2 {
          margin-top: 8.27vw;
          height: 540.00vw;
          background-image: url(../assets/section6/graph2-mobile.svg); }
        html#scoped #section6 .graph-wrap.g3 {
          margin-top: 5.33vw;
          height: 87.20vw;
          background-image: url(../assets/section6/graph3-mobile.svg); } }
    html#scoped #section6 .graph-wrap .orgs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 105px;
      padding-left: 8px;
      padding-right: 8px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media screen and (max-width: 1279px) {
        html#scoped #section6 .graph-wrap .orgs {
          padding-top: 8.21vw;
          padding-left: 0.63vw;
          padding-right: 0.63vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section6 .graph-wrap .orgs {
          padding-top: 19.1vw;
          padding-left: 2.5vw;
          padding-right: 1vw; } }
      html#scoped #section6 .graph-wrap .orgs .org {
        font-size: 16px;
        color: black;
        line-height: 180%;
        text-align: center;
        width: 25%; }
        @media screen and (max-width: 1279px) {
          html#scoped #section6 .graph-wrap .orgs .org {
            font-size: 1.25vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section6 .graph-wrap .orgs .org {
            font-size: 4.27vw;
            line-height: 6.67vw;
            width: 50%; } }
    html#scoped #section6 .graph-wrap .graph-title {
      color: white;
      font-weight: 700;
      font-size: 22px;
      line-height: 183%;
      text-align: center; }
      @media screen and (max-width: 1279px) {
        html#scoped #section6 .graph-wrap .graph-title {
          font-size: 1.72vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section6 .graph-wrap .graph-title {
          font-size: 5.33vw; } }
    html#scoped #section6 .graph-wrap .heading {
      color: black;
      font-size: 22px;
      line-height: 183%;
      font-weight: 500;
      text-align: center;
      margin-top: 310px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section6 .graph-wrap .heading {
          font-size: 1.72vw;
          margin-top: 24.24vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section6 .graph-wrap .heading {
          font-size: 5.87vw;
          margin-top: 110vw; } }
    html#scoped #section6 .graph-wrap .source {
      font-size: 14px;
      line-height: 133%;
      color: #616161;
      text-align: center; }
      html#scoped #section6 .graph-wrap .source.s1 {
        margin-top: 419px; }
      html#scoped #section6 .graph-wrap .source.s2 {
        margin: 0 auto;
        margin-top: 340px;
        width: 751px;
        text-align: justify; }
      html#scoped #section6 .graph-wrap .source.s3 {
        margin-top: 422px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section6 .graph-wrap .source {
          font-size: 1.09vw; }
          html#scoped #section6 .graph-wrap .source.s1 {
            margin-top: 32.76vw; }
          html#scoped #section6 .graph-wrap .source.s2 {
            margin-top: 26.58vw;
            width: 58.72vw; }
          html#scoped #section6 .graph-wrap .source.s3 {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 2%; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section6 .graph-wrap .source {
          font-size: 3.73vw; }
          html#scoped #section6 .graph-wrap .source.s1 {
            margin: 0 auto;
            margin-top: 132vw;
            text-align: justify;
            width: 78.67vw; }
          html#scoped #section6 .graph-wrap .source.s2 {
            margin-top: 124vw;
            width: 78.67vw;
            font-size: 3.7vw; }
          html#scoped #section6 .graph-wrap .source.s3 {
            margin: 0 auto;
            text-align: justify;
            margin-top: 161.87vw;
            width: 77.60vw;
            position: absolute;
            left: 5.5vw;
            bottom: 1.2%; } }
      html#scoped #section6 .graph-wrap .source span.red {
        color: #E50012; }
    html#scoped #section6 .graph-wrap .links {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 16px;
      line-height: 35px;
      position: absolute;
      left: 32px;
      top: 350px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section6 .graph-wrap .links {
          top: 27.37vw;
          left: 2.50vw;
          font-size: 1.25vw;
          line-height: 2.74vw; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section6 .graph-wrap .links {
          font-size: 4.27vw;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          left: 0;
          width: 100%;
          top: 117vw;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          line-height: 6.13vw; } }
      html#scoped #section6 .graph-wrap .links a {
        color: #098487; }
        @media screen and (max-width: 1023px) {
          html#scoped #section6 .graph-wrap .links a {
            font-size: 4.27vw;
            margin-top: 1.07vw;
            line-height: 6.13vw; } }
      html#scoped #section6 .graph-wrap .links .block {
        width: 185px;
        height: 35px;
        line-height: 35px;
        background-color: #098487;
        color: white;
        font-size: 16px;
        text-align: center;
        margin-right: 20px; }
        @media screen and (max-width: 1279px) {
          html#scoped #section6 .graph-wrap .links .block {
            width: 14.46vw;
            height: 2.74vw;
            line-height: 2.74vw;
            font-size: 1.25vw;
            margin-right: 1.56vw; } }
        @media screen and (max-width: 1023px) {
          html#scoped #section6 .graph-wrap .links .block {
            width: 81.33vw;
            height: 6.67vw;
            line-height: 6.67vw;
            font-size: 4.27vw;
            margin-right: 0; } }
    html#scoped #section6 .graph-wrap .title {
      color: black;
      font-size: 22px;
      font-weight: 700;
      line-height: 183%;
      text-align: center;
      margin-top: 115px; }
      @media screen and (max-width: 1279px) {
        html#scoped #section6 .graph-wrap .title {
          font-size: 1.72vw;
          margin-top: 0;
          position: absolute;
          left: 0;
          width: 100%;
          top: 51.6%; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section6 .graph-wrap .title {
          font-size: 4.80vw;
          top: 56%; } }
    html#scoped #section6 .graph-wrap .description {
      margin-top: 8px;
      text-align: center;
      color: black;
      font-size: 18px;
      line-height: 180%; }
      @media screen and (max-width: 1279px) {
        html#scoped #section6 .graph-wrap .description {
          margin-top: 0.63vw;
          font-size: 1.41vw;
          position: absolute;
          left: 0;
          width: 100%;
          top: 54.5%; } }
      @media screen and (max-width: 1023px) {
        html#scoped #section6 .graph-wrap .description {
          text-align: justify;
          width: 71.20vw;
          margin: 0 auto;
          margin-top: 3vw;
          font-size: 4.27vw;
          line-height: 5.33vw;
          position: absolute;
          left: 8vw;
          top: 57.7%; } }