@-webkit-keyframes flash {
  0% {
    text-shadow: 0 0 0px #fff;
  }
  100% {
    text-shadow: 0 0 20px #fff;
  }
}

@keyframes flash {
  0% {
    text-shadow: 0 0 0px #fff;
  }
  100% {
    text-shadow: 0 0 20px #fff;
  }
}

@-webkit-keyframes flash2 {
  0% {
    -webkit-filter: drop-shadow(0 0 0 #ffffff00);
            filter: drop-shadow(0 0 0 #ffffff00);
  }
  100% {
    -webkit-filter: drop-shadow(0 0 10px #ffffff);
            filter: drop-shadow(0 0 10px #ffffff);
  }
}

@keyframes flash2 {
  0% {
    -webkit-filter: drop-shadow(0 0 0 #ffffff00);
            filter: drop-shadow(0 0 0 #ffffff00);
  }
  100% {
    -webkit-filter: drop-shadow(0 0 10px #ffffff);
            filter: drop-shadow(0 0 10px #ffffff);
  }
}

@-webkit-keyframes flash3 {
  0% {
    -webkit-box-shadow: 0 0 0px #00d8ff;
            box-shadow: 0 0 0px #00d8ff;
  }
  100% {
    -webkit-box-shadow: 0 0 20px #00d8ff;
            box-shadow: 0 0 20px #00d8ff;
  }
}

@keyframes flash3 {
  0% {
    -webkit-box-shadow: 0 0 0px #00d8ff;
            box-shadow: 0 0 0px #00d8ff;
  }
  100% {
    -webkit-box-shadow: 0 0 20px #00d8ff;
            box-shadow: 0 0 20px #00d8ff;
  }
}

@-webkit-keyframes flash4 {
  0% {
    -webkit-filter: drop-shadow(0 0 0px #2ed8f7);
            filter: drop-shadow(0 0 0px #2ed8f7);
  }
  100% {
    -webkit-filter: drop-shadow(0 0 10px #2ed8f7);
            filter: drop-shadow(0 0 10px #2ed8f7);
  }
}

@keyframes flash4 {
  0% {
    -webkit-filter: drop-shadow(0 0 0px #2ed8f7);
            filter: drop-shadow(0 0 0px #2ed8f7);
  }
  100% {
    -webkit-filter: drop-shadow(0 0 10px #2ed8f7);
            filter: drop-shadow(0 0 10px #2ed8f7);
  }
}

@-webkit-keyframes move {
  0% {
    top: 0;
    opacity: 0.7;
  }
  30% {
    opacity: 1;
  }
  50% {
    top: -40px;
    opacity: 0.6;
  }
  80% {
    opacity: 1;
  }
  100% {
    top: 0;
    opacity: 0.7;
  }
}

@keyframes move {
  0% {
    top: 0;
    opacity: 0.7;
  }
  30% {
    opacity: 1;
  }
  50% {
    top: -40px;
    opacity: 0.6;
  }
  80% {
    opacity: 1;
  }
  100% {
    top: 0;
    opacity: 0.7;
  }
}

@-webkit-keyframes move2 {
  0% {
    top: 0;
    opacity: 1;
  }
  50% {
    top: -40px;
    opacity: 0.5;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

@keyframes move2 {
  0% {
    top: 0;
    opacity: 1;
  }
  50% {
    top: -40px;
    opacity: 0.5;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes move3 {
  0% {
    top: 0;
    opacity: 0.5;
  }
  20% {
    opacity: 1;
  }
  50% {
    top: -40px;
    opacity: 0.5;
  }
  80% {
    opacity: 1;
  }
  100% {
    top: 0;
    opacity: 0.5;
  }
}

@keyframes move3 {
  0% {
    top: 0;
    opacity: 0.5;
  }
  20% {
    opacity: 1;
  }
  50% {
    top: -40px;
    opacity: 0.5;
  }
  80% {
    opacity: 1;
  }
  100% {
    top: 0;
    opacity: 0.5;
  }
}

@-webkit-keyframes move4 {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

@keyframes move4 {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

@-webkit-keyframes move5 {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.2;
  }
}

@keyframes move5 {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.2;
  }
}

@-webkit-keyframes upDown {
  0% {
    bottom: 0.5%;
  }
  50% {
    bottom: 2%;
  }
  100% {
    bottom: 0.5%;
  }
}

@keyframes upDown {
  0% {
    bottom: 0.5%;
  }
  50% {
    bottom: 2%;
  }
  100% {
    bottom: 0.5%;
  }
}

@-webkit-keyframes bgAni {
  0% {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%, #b92b5a), color-stop(25%, #09081f), color-stop(90%, #09081f), color-stop(110%, #683758));
    background: linear-gradient(to right bottom, #b92b5a 1%, #09081f 25%, #09081f 90%, #683758 110%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  50% {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%, #512bb9), color-stop(25%, #09081f), color-stop(90%, #09081f), color-stop(110%, #3c3768));
    background: linear-gradient(to right bottom, #512bb9 1%, #09081f 25%, #09081f 90%, #3c3768 110%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  100% {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%, #b92b5a), color-stop(25%, #09081f), color-stop(90%, #09081f), color-stop(110%, #683758));
    background: linear-gradient(to right bottom, #b92b5a 1%, #09081f 25%, #09081f 90%, #683758 110%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
}

@keyframes bgAni {
  0% {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%, #b92b5a), color-stop(25%, #09081f), color-stop(90%, #09081f), color-stop(110%, #683758));
    background: linear-gradient(to right bottom, #b92b5a 1%, #09081f 25%, #09081f 90%, #683758 110%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  50% {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%, #512bb9), color-stop(25%, #09081f), color-stop(90%, #09081f), color-stop(110%, #3c3768));
    background: linear-gradient(to right bottom, #512bb9 1%, #09081f 25%, #09081f 90%, #3c3768 110%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  100% {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%, #b92b5a), color-stop(25%, #09081f), color-stop(90%, #09081f), color-stop(110%, #683758));
    background: linear-gradient(to right bottom, #b92b5a 1%, #09081f 25%, #09081f 90%, #683758 110%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 100%;
  }
  50% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 0% 100%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 100%;
  }
  50% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 0% 100%;
  }
}

@-webkit-keyframes filter-animation {
  0% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  50% {
    -webkit-filter: hue-rotate(100deg);
            filter: hue-rotate(100deg);
  }
  100% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
}

@keyframes filter-animation {
  0% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  50% {
    -webkit-filter: hue-rotate(100deg);
            filter: hue-rotate(100deg);
  }
  100% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
}

@-webkit-keyframes bgAnimate {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: -400%;
  }
}

@keyframes bgAnimate {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: -400%;
  }
}

@-webkit-keyframes borderanimate {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes borderanimate {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@font-face {
  font-family: "BunkenTechSansPro-SeBd";
  src: local("BunkenTechSansPro-SeBd"), url("https://storage-asset.msi.com/event/2021/nb/2021-the-ultimate-shockwave/fonts/BunkenTechSansPro-SeBd.ttf");
}

@font-face {
  font-family: 'DINPro-Light';
  src: url("https://event.msi.com/msifonts/fonts/DINPro-Light.otf") format("opentype");
  src: url("https://event.msi.com/msifonts/fonts/dinpro-light-webfont.eot?#iefix") format("embedded-opentype"), url("https://event.msi.com/msifonts/fonts/dinpro-light-webfont.woff") format("woff"), url("https://event.msi.com/msifonts/fonts/dinpro-light-webfont.ttf") format(" truetype"), url("https://event.msi.com/msifonts/fonts/dinpro-light-webfont.svg") format("svg");
}

@font-face {
  font-family: 'DINPro-Medium';
  src: url("https://event.msi.com/msifonts/fonts/DINPro-Medium.otf") format("opentype");
  src: url("https://event.msi.com/msifonts/fonts/dinpro-light-webfont.eot?#iefix") format("embedded-opentype"), url("https://event.msi.com/msifonts/fonts/dinpro-medium-webfont.woff") format("woff"), url("https://event.msi.com/msifonts/fonts/dinpro-medium-webfont.ttf") format(" truetype"), url("https://event.msi.com/msifonts/fonts/dinpro-medium-webfont.svg") format("svg");
}

@font-face {
  font-family: 'DINPro-Regular';
  src: url("https://event.msi.com/msifonts/fonts/DINPro-Regular.otf") format("opentype");
  src: url("https://event.msi.com/msifonts/fonts/DINPro-Regular.eot?#iefix") format("embedded-opentype"), url("https://event.msi.com/msifonts/fonts/DINPro-Regular.woff") format("woff"), url("https://event.msi.com/msifonts/fonts/DINPro-Regular.ttf") format(" truetype"), url("https://event.msi.com/msifonts/fonts/DINPro-Regular.svg") format("svg");
}

@font-face {
  font-family: 'DINCond-Medium-Regular';
  src: url("https://event.msi.com/msifonts/fonts/ufonts.com_dincond-medium-opentype.otf") format("opentype");
}

@font-face {
  font-family: 'din_pro_bold';
  src: url("https://event.msi.com/msifonts/fonts/din_pro_bold.eot");
  src: url("https://event.msi.com/msifonts/fonts/din_pro_bold.eot?#iefix") format("embedded-opentype"), url("https://event.msi.com/msifonts/fonts/din_pro_bold.woff") format("woff"), url("https://event.msi.com/msifonts/fonts/din_pro_bold.ttf") format(" truetype"), url("https://event.msi.com/msifonts/fonts/din_pro_bold.svg") format("svg");
}

@font-face {
  font-family: 'DINPro-Black';
  src: url("https://event.msi.com/msifonts/fonts/DINPro-Black.eot");
  src: url("https://event.msi.com/msifonts/fonts/DINPro-Black.woff2") format("woff2"), url("https://event.msi.com/msifonts/fonts/DINPro-Black.woff") format("woff"), url("https://event.msi.com/msifonts/fonts/DINPro-Black.ttf") format("truetype"), url("https://event.msi.com/msifonts/fonts/DINPro-Black.svg#DINPro-Black") format("svg"), url("https://event.msi.com/msifonts/fonts/DINPro-Black.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: 'DINCond-Black';
  src: url("https://event.msi.com/msifonts/fonts/DINCond-Black.otf") format("TrueType");
  src: url("https://event.msi.com/msifonts/fonts/DINCond-Black.woff2") format("woff2"), url("https://event.msi.com/msifonts/fonts/DINCond-Black.woff") format("woff"), url("https://event.msi.com/msifonts/fonts/DINCond-Black.ttf") format("truetype"), url("https://event.msi.com/msifonts/fonts/DINCond-Black.svg#DINCond-Bold") format("svg"), url("https://event.msi.com/msifonts/fonts/DINCond-Black.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: 'DINCond-Bold';
  src: url("fonts/DINCond-Bold.otf") format("TrueType");
  src: url("https://event.msi.com/msifonts/fonts/DINCond-Bold.woff2") format("woff2"), url("https://event.msi.com/msifonts/fonts/DINCond-Bold.woff") format("woff"), url("https://event.msi.com/msifonts/fonts/DINCond-Bold.ttf") format("truetype"), url("https://event.msi.com/msifonts/fonts/DINCond-Bold.svg#DINCond-Bold") format("svg"), url("https://event.msi.com/msifonts/fonts/DINCond-Bold.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: 'DINCond-Light';
  src: url("https://event.msi.com/msifonts/fonts/DINCond-Light.otf") format("TrueType");
  src: url("https://event.msi.com/msifonts/fonts/DINCond-Light.woff2") format("woff2"), url("https://event.msi.com/msifonts/fonts/DINCond-Light.woff") format("woff"), url("https://event.msi.com/msifonts/fonts/DINCond-Light.ttf") format("truetype"), url("https://event.msi.com/msifonts/fonts/DINCond-Light.svg#DINCond-Bold") format("svg"), url("https://event.msi.com/msifonts/fonts/DINCond-Light.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: 'DINCond-Medium';
  src: url("https://event.msi.com/msifonts/fonts/DINCond-Medium.otf") format("TrueType");
  src: url("https://event.msi.com/msifonts/fonts/DINCond-Medium.woff2") format("woff2"), url("https://event.msi.com/msifonts/fonts/DINCond-Medium.woff") format("woff"), url("https://event.msi.com/msifonts/fonts/DINCond-Medium.ttf") format("truetype"), url("https://event.msi.com/msifonts/fonts/DINCond-Medium.svg#DINCond-Bold") format("svg"), url("https://event.msi.com/msifonts/fonts/DINCond-Medium.eot?#iefix") format("embedded-opentype");
}

.blog {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 10;
  background: -webkit-gradient(linear, left top, right top, from(#186561), color-stop(#292957), color-stop(#1e2f42), color-stop(#131d38), to(#186561));
  background: linear-gradient(to right, #186561, #292957, #1e2f42, #131d38, #186561);
  background-size: 400%;
  -webkit-animation: bgAnimate 40s linear Infinite;
          animation: bgAnimate 40s linear Infinite;
}

.blog .kv {
  position: relative;
  width: 100%;
  z-index: 30;
  overflow: hidden;
  line-height: 0;
}

.blog .kv__figure {
  position: relative;
  width: 100%;
}

.blog .kv__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.blog .tab {
  position: relative;
  padding: 5% 0 0;
  background: #050a19;
}

.blog .tab__container {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  padding: 0 5%;
}

.blog .tab__title {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.5em;
  color: #fff;
}

.blog .tab .btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 50px 0;
}

.blog .tab .btnBox__hover {
  color: #fff;
}

.blog .tab .btnBox__hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: 2px solid transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#050a19), to(#050a19)), -webkit-gradient(linear, left top, right top, from(#0cebeb), color-stop(#20e3b2), to(#29ffc6));
  background-image: linear-gradient(#050a19, #050a19), linear-gradient(to right, #0cebeb, #20e3b2, #29ffc6);
  background-clip: padding-box, border-box;
  background-repeat: repeat-x;
  background-size: calc(100% + 2px * 2) calc(100% + 2px * 2);
  background-position: center;
  border-radius: 50px;
  z-index: -1;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

.blog .tab .btnBox__btn {
  font-size: 1em;
  font-family: 'DINPro-Regular';
  display: block;
  text-align: center;
  min-width: 270px;
  position: relative;
  cursor: pointer;
  padding: 20px 50px;
  background-size: 300% 100%;
  border-radius: 50px;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  border: 2px solid transparent;
  background-color: #050a19;
  background-clip: padding-box;
  overflow: hidden;
  z-index: 1;
  margin: 20px;
}

.blog .tab .btnBox__btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70vmax;
  height: 70vmax;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, right top, from(#29ffc6), color-stop(#0cebeb), to(#29ffc6));
  background-image: linear-gradient(to right, #29ffc6, #0cebeb, #29ffc6);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  z-index: -1;
}

.blog .tab .btnBox__btn:hover {
  background-position: 100% 0;
  color: #000;
  -webkit-transform-origin: center;
          transform-origin: center;
  font-weight: 900;
}

.blog .tab .btnBox__btn:hover::after {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.blog .tab .btnBox__btn--active {
  background-position: 100% 0;
  color: #000;
  -webkit-transform-origin: center;
          transform-origin: center;
  font-weight: 900;
}

.blog .tab .btnBox__btn--active::after {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.blog .tabLine {
  position: relative;
  -webkit-animation: borderanimate 5s linear Infinite;
          animation: borderanimate 5s linear Infinite;
}

.blog .tabLine__figure {
  line-height: 0;
  position: relative;
  width: 100%;
}

.blog .tabLine__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.blog .tabLine__figure-absolute {
  position: absolute;
  top: 0;
  left: -100%;
}

.blog .search {
  position: relative;
  z-index: 400;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-top: 3%;
}

.blog .search__container {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.blog .search__btn {
  background: #ffffffce;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  max-width: 400px;
  padding: 15px 2%;
  border-radius: 50px;
}

.blog .search__btn-input {
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  font-size: 1em;
}

@media (max-width: 960px) {
  .blog .search {
    padding-top: 50px;
  }
  .blog .search__btn {
    padding: 10px 3%;
  }
}

@media (max-width: 500px) {
  .blog .search {
    padding-top: 50px;
  }
  .blog .search__btn {
    padding: 10px 8%;
  }
}

.blog .blogBox {
  position: relative;
  z-index: 400;
  width: 100%;
  padding-top: 5%;
}

.blog .blogBox__container {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 30px;
}

.blog .blogBox__container .textBox {
  padding: 20px;
  background: #00000042;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  max-width: 1300px;
  color: #fff;
}

.blog .blogBox__container .textBox__figure {
  margin-right: 2%;
  width: 100%;
  max-width: 300px;
}

.blog .blogBox__container .textBox__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.blog .blogBox__container .textBox__figure img {
  border-radius: 20px;
}

.blog .blogBox__container .textBox__flex {
  width: 100%;
  height: 200px;
  max-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.blog .blogBox__container .textBox__flex-link {
  color: #fff;
  display: block;
  background-image: -webkit-gradient(linear, left top, right top, from(#11e8da), color-stop(#20e3b2), to(#28fcc4));
  background-image: linear-gradient(to right, #11e8da, #20e3b2, #28fcc4);
  padding: 3px 15px;
  border-radius: 20px;
}

.blog .blogBox__container .textBox__flex-link:hover {
  background-image: -webkit-gradient(linear, left top, right top, from(#226666), color-stop(#16534f), to(#075245));
  background-image: linear-gradient(to right, #226666, #16534f, #075245);
}

.blog .blogBox__container .textBox__flex .txtContent {
  width: 100%;
}

.blog .blogBox__container .textBox__flex .txtContent__date {
  font-size: 1em;
  color: #20e3b2;
  margin: 10px 0 15px;
  font-weight: 700;
}

.blog .blogBox__container .textBox__flex .txtContent__title {
  font-size: 1.3em;
  margin-bottom: 15px;
}

.blog .blogBox__container .textBox__flex .txtContent__text {
  font-size: 1em;
}

@media (max-width: 960px) {
  .blog .blogBox__container {
    margin-bottom: 30px;
  }
  .blog .blogBox__container .textBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
  }
  .blog .blogBox__container .textBox__figure {
    margin-right: 0;
    width: 100%;
    max-width: 100%;
  }
  .blog .blogBox__container .textBox__figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .blog .blogBox__container .textBox__flex {
    height: auto;
  }
  .blog .blogBox__container .textBox__flex .txtContent {
    padding: 20px 0;
  }
}

.blog .pagination {
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.blog .pagination__btn {
  padding: 8px 11px;
  border: 1px solid #f7f5f6;
  border-radius: 10px;
  margin: 0 8px;
  text-align: center;
  color: #fff;
}

.blog .pagination__btn:disabled {
  color: #9292929a;
  border: 1px solid #9292929a;
}

.blog .pagination .numBtn__btn {
  font-family: 'DINPro-Medium';
  padding: 7px 12px;
  color: #fff;
  border: 1px solid #f7f5f6;
  border-radius: 10px;
  margin: 0 8px;
}

.blog .pagination .numBtn__btn--active {
  background: #ffffff;
  color: #000;
}

.blog .show_deskTop {
  display: block;
}

.blog .show_moblie {
  display: none;
}

@media screen and (max-width: 960px) {
  .blog .show_deskTop {
    display: none;
  }
  .blog .show_moblie {
    display: block;
  }
}
/*# sourceMappingURL=main.css.map */