html {
  scroll-behavior: unset; }

.body--podcast {
  opacity: 0; }
  .body--podcast.is-loaded {
    opacity: 1; }

.wrg.footer--podcast {
  background-color: #FAFAFA;
  position: relative; }
  @media screen and (min-width: 768px) {
    .wrg.footer--podcast {
      margin-top: -2.5rem; } }
  @media screen and (min-width: 1199px) {
    .main--podcast-home .wrg.footer--podcast {
      margin-top: -5rem; } }
  .wrg.footer--podcast .footer__wrapper {
    padding: 6.875rem 0 5.9375rem;
    background-image: url(../images/podcast/podcast-footer-mob.jpg);
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (min-width: 480px) {
      .wrg.footer--podcast .footer__wrapper {
        background-image: url(../images/podcast/podcast-footer.png); } }
    @media screen and (min-width: 768px) {
      .wrg.footer--podcast .footer__wrapper {
        padding: 6.25rem 0 4.8125rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.footer--podcast .footer__wrapper {
        padding: 10.9375rem 0 4.8125rem; } }
    @media screen and (min-width: 1699px) {
      .wrg.footer--podcast .footer__wrapper {
        margin-left: 3.375rem; } }
  .wrg.footer--podcast .footer__wrap {
    padding: 0 0 1.25rem;
    display: flex;
    flex-wrap: wrap;
    max-width: 16.75rem;
    margin: auto;
    padding-bottom: 3rem;
    justify-content: center; }
    @media screen and (min-width: 768px) {
      .wrg.footer--podcast .footer__wrap {
        padding: 1.25rem 0 3rem;
        max-width: 33.5625rem; } }
    .wrg.footer--podcast .footer__wrap p {
      font-size: 0.875em;
      line-height: 1.07143; }
    .wrg.footer--podcast .footer__wrap .footer__social {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 1.40625rem; }
      @media screen and (min-width: 768px) {
        .wrg.footer--podcast .footer__wrap .footer__social {
          margin: 0 3.25rem 0 0; } }
      .wrg.footer--podcast .footer__wrap .footer__social .l-nav {
        margin-left: 1.5rem; }
        .wrg.footer--podcast .footer__wrap .footer__social .l-nav li:not(:last-child) {
          margin-right: 1.5rem; }
        .wrg.footer--podcast .footer__wrap .footer__social .l-nav li a svg path {
          transition: 0.3s ease-in-out; }
        .wrg.footer--podcast .footer__wrap .footer__social .l-nav li a:hover svg path {
          fill: #EB5757; }
      .wrg.footer--podcast .footer__wrap .footer__social span {
        font-size: 1em;
        line-height: 1.1875;
        letter-spacing: 0.15px;
        color: #4F4F4F;
        font-weight: 500;
        font-family: Raleway,sans-serif; }
      .wrg.footer--podcast .footer__wrap .footer__social ul {
        display: flex;
        align-items: center;
        justify-content: center; }
        .wrg.footer--podcast .footer__wrap .footer__social ul li {
          list-style: none; }
          .wrg.footer--podcast .footer__wrap .footer__social ul li a {
            width: 3rem;
            height: 3rem; }
    .wrg.footer--podcast .footer__wrap .footer__back {
      text-decoration: none;
      font-size: 1em;
      line-height: 1.1875;
      letter-spacing: 0.15px;
      color: #4F4F4F;
      display: flex;
      align-items: center;
      transition: 0.3s ease-in-out;
      font-family: Raleway,sans-serif;
      font-weight: 500; }
      .wrg.footer--podcast .footer__wrap .footer__back:hover {
        color: #EB5757; }
        .wrg.footer--podcast .footer__wrap .footer__back:hover svg path {
          stroke: #EB5757; }
      .wrg.footer--podcast .footer__wrap .footer__back svg path {
        transition: 0.3s ease-in-out; }
      .wrg.footer--podcast .footer__wrap .footer__back span {
        margin-right: 1.75rem;
        padding-top: 0.1875rem; }
      .wrg.footer--podcast .footer__wrap .footer__back i {
        display: flex; }
  .wrg.footer--podcast .footer__copy {
    max-width: 16.75rem;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .wrg.footer--podcast .footer__copy {
        max-width: 33.5625rem; } }
    .wrg.footer--podcast .footer__copy p {
      text-align: center;
      font-size: 0.75em;
      line-height: 1.58333;
      letter-spacing: 0.4px;
      font-family: "Open Sans",sans-serif;
      color: #4F4F4F;
      opacity: 0.6;
      margin: 0; }
    .wrg.footer--podcast .footer__copy span#year {
      font-size: 12px;
      line-height: 19px; }

.l-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 0; }
  .l-nav li {
    list-style: none; }
    .l-nav li:not(:last-child) {
      margin-right: 0.92563rem; }
      @media screen and (min-width: 768px) {
        .l-nav li:not(:last-child) {
          margin-right: 1.5rem; } }
  .l-nav a {
    background-color: #E6E6E6;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in-out; }
    .l-nav a:hover, .l-nav a:focus {
      background-color: #F5F5F5; }
  .l-nav i {
    display: flex; }

.aspect-box {
  padding-top: calc(100% / (var(--aspect-ratio)));
  position: relative;
  height: 0;
  width: 100%; }
  .aspect-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

main#main {
  overflow: hidden; }

.main--podcast {
  background-color: #FAFAFA; }
  .main--podcast .container--podcast {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1.25rem; }
    @media screen and (min-width: 425px) {
      .main--podcast .container--podcast {
        padding: 0 1.875rem;
      }
    }
    @media screen and (min-width: 768px) {
      .main--podcast .container--podcast {
        padding: 0 0.9375rem; } }
    @media screen and (min-width: 1199px) {
      .main--podcast .container--podcast {
        max-width: 69.125rem; } }
    @media screen and (min-width: 1699px) {
      .main--podcast .container--podcast {
        max-width: 84.75rem;
        width: 100%; } }

.section--banner {
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100); }

.section--banner-inner {
  position: relative;
  height: 100%; }
  @media screen and (min-width: 1199px) {
    .section--banner-inner {
      height: 100%; } }

.section--guest {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 1199px) {
    .section--guest {
      margin-top: -40vh; } }
  @media screen and (min-width: 1699px) {
    .section--guest {
      margin-top: -20vh; } }

.section--guest-detail {
  position: relative;
  z-index: 2;
  padding-top: 49px;
  margin-top: -10.8vh; }
  @media (max-width: 767px) and (max-width: 800px) {
    .section--guest-detail {
      margin-top: 0; } }
  @media screen and (min-width: 768px) {
    .section--guest-detail {
      margin-top: -6vh; } }
  @media screen and (min-width: 950px) {
    .section--guest-detail {
      margin-top: -4vh; } }
  @media screen and (min-width: 1199px) {
    .section--guest-detail {
      padding-top: 0;
      margin-top: 94px; } }
  @media screen and (min-width: 1699px) {
    .section--guest-detail {
      padding-top: 54px;
      margin-top: 0; } }

.wrg.audio-player {
  margin-top: 13.54679802955665vh;
  padding: 0 30px; }
  @media (max-width: 481px) and (max-width: 800px) {
    .wrg.audio-player {
      margin-top: 10vh; } }
  @media screen and (min-width: 768px) {
    .wrg.audio-player {
      padding: 0;
      margin-top: 11.648148vh; } }
  @media screen and (min-width: 950px) {
    .wrg.audio-player {
      margin-top: 9.648148148148149vh; } }
  @media screen and (min-width: 1199px) {
    .wrg.audio-player {
      margin-top: 14.23046875vh; } }
  @media screen and (min-width: 1320px) {
    .wrg.audio-player {
      margin-top: 11.23046875vh; } }
  @media (min-width: 1320px) and (min-height: 1024px) {
    .wrg.audio-player {
      margin-top: 14.23046875vh; } }
  @media screen and (min-width: 1699px) {
    .wrg.audio-player {
      margin-top: 13.5vh; } }
  .wrg.audio-player .audio-player__wrap {
    max-width: 39.8125rem;
    margin: auto;
    width: 100%;
    min-height: 6.875rem;
    padding: 1.5rem;
    border: 1px solid #BDBDBD;
    background-color: #f8f8f8; }
    .wrg.audio-player .audio-player__wrap.is-playing .audio-player__pause-icon {
      display: block; }
    .wrg.audio-player .audio-player__wrap.is-playing .audio-player__play-icon {
      display: none; }
    .wrg.audio-player .audio-player__wrap audio {
      display: block; }
  .wrg.audio-player .audio-player__thumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
  .wrg.audio-player .audio-player__btn {
    flex-basis: 2.75rem;
    max-width: 2.75rem;
    padding: 0.22937rem; }
    .wrg.audio-player .audio-player__btn button {
      background-color: transparent;
      border: none;
      cursor: pointer;
      outline: none;
      padding: 0; }
    .wrg.audio-player .audio-player__btn .audio-player__pause-icon {
      display: none; }
  .wrg.audio-player .audio-player__desc {
    flex-basis: calc(100% - 44px);
    padding-left: 0.875rem; }
    @media screen and (min-width: 768px) {
      .wrg.audio-player .audio-player__desc {
        padding-left: 1rem; } }
    .wrg.audio-player .audio-player__desc h2 {
      font-size: 1em;
      line-height: 1.36187;
      color: #000;
      font-weight: 400;
      margin-bottom: 0.25rem;
      font-family: "Open Sans",sans-serif; }
    .wrg.audio-player .audio-player__desc .audio-player__time {
      display: inline-block;
      color: #828282;
      font-weight: 400;
      font-size: 1em;
      line-height: 1.36187; }
  .wrg.audio-player audio {
    width: 100%;
    margin-top: 8px; }

.wrg.banner-lottie {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none; }
  .wrg.banner-lottie img, .wrg.banner-lottie svg, .wrg.banner-lottie canvas {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }

.wrg.banner-overlay {
  background-color: #E0E0E0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.wrg.banner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-bottom: 1.875rem;
  width: 100%;
  overflow: hidden;
  padding-top: 5rem;
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .wrg.banner {
      padding-bottom: 5.625rem; } }
  @media screen and (min-width: 1199px) {
    .wrg.banner {
      padding-top: 0;
      padding-bottom: 1.1875rem; } }
  @media screen and (min-width: 1699px) {
    .wrg.banner {
      padding-top: 0;
      padding-bottom: 4.75rem; } }
  .wrg.banner .banner__lottie {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none; }
    .wrg.banner .banner__lottie img, .wrg.banner .banner__lottie svg, .wrg.banner .banner__lottie canvas {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
  .wrg.banner img {
    display: block;
    max-width: 100%;
    height: auto; }
  .wrg.banner .banner__logo {
    max-width: 14.5625rem;
    margin: auto;
    margin-bottom: 1.85rem;
    will-change: transform;
    z-index: 1;
    position: relative; }
    @media screen and (min-width: 768px) {
      .wrg.banner .banner__logo {
        margin-bottom: 3rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.banner .banner__logo {
        max-width: 23.625rem; } }
  .wrg.banner .banner__social {
    will-change: transform; }
    .wrg.banner .banner__social a {
      width: 2.15937rem;
      height: 2.15937rem;
      filter: grayscale(1);
      text-decoration: none; }
      @media screen and (min-width: 768px) {
        .wrg.banner .banner__social a {
          width: 3.5rem;
          height: 3.5rem; } }
      .wrg.banner .banner__social a:hover, .wrg.banner .banner__social a:focus {
        filter: grayscale(0); }
    .wrg.banner .banner__social i {
      display: flex; }
      .wrg.banner .banner__social i svg {
        height: 0.6875rem; }
        @media screen and (min-width: 768px) {
          .wrg.banner .banner__social i svg {
            height: auto; } }
    .wrg.banner .banner__social .l-nav--lg a {
      width: initial;
      height: initial;
      padding: 0.9375rem 1rem;
      border-radius: 6.25rem; }
      @media (max-width:370px){
        .wrg.banner .banner__social .l-nav--lg a{
          padding: 0.6375rem .7rem;
        }
      }
      .wrg.banner .banner__social .l-nav--lg a span {
        color: #000;
        font-family: Raleway,sans-serif;
        font-weight: 500;
        font-size: 0.875em;
        line-height: 1.42857;
        letter-spacing: 0.15px;
        display: inline-block;
        margin-left: 0.5rem; }
    .wrg.banner .banner__social .l-nav--lg i svg {
      height: auto;
      max-height: 1.125rem; }
    .wrg.banner .banner__social .l-nav--lg li:not(:last-child){
      margin-right:5px;
    }
    @media (min-width:370px){
      .wrg.banner .banner__social .l-nav--lg li:not(:last-child){
        margin-right:9px;
      }
    }

  .wrg.banner .banner__desc {
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    text-align: center;
    opacity: 0;
    scale: 0.5;
    width: 100%;
    padding: 0 0.625rem;
    will-change: transform; }
    @media screen and (min-width: 768px) {
      .wrg.banner .banner__desc {
        top: 43%;
        padding: 0 1.875rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.banner .banner__desc {
        top: 35%; } }
  .wrg.banner .banner__text {
    text-align: center;
    max-width: 19.0625rem;
    margin: auto;
    padding-top: 0.625rem; }
    @media screen and (min-width: 768px) {
      .wrg.banner .banner__text {
        max-width: 26.25rem;
        padding-top: 0; } }
    @media screen and (min-width: 1199px) {
      .wrg.banner .banner__text {
        max-width: 43.75rem; } }
    .wrg.banner .banner__text p {
      font-size: 1.5em;
      line-height: 1.5;
      font-family: Raleway,sans-serif;
      font-weight: 400;
      color: #010101; }
      @media screen and (min-width: 768px) {
        .wrg.banner .banner__text p {
          font-size: 1.625em;
          line-height: 1.23077;
          letter-spacing: 0.03em;
          letter-spacing: 0.5px; } }
      @media screen and (min-width: 1199px) {
        .wrg.banner .banner__text p {
          font-size: 2em;
          line-height: 1.1875; } }
  .wrg.banner .banner__scroll {
    position: absolute;
    bottom: 0.125rem;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (min-width: 768px) {
      .wrg.banner .banner__scroll {
        bottom: 1.125rem; } }
    @media (max-width: 767px) and (min-width: 200px) and (orientation: landscape) {
      .wrg.banner .banner__scroll {
        display: none; } }
    .wrg.banner .banner__scroll a {
      display: block;
      transform: rotate(-90deg);
      transform-origin: center;
      text-transform: uppercase;
      color: #808080;
      font-weight: 600;
      font-size: 0.875em;
      line-height: 1.35714;
      letter-spacing: 1.25px;
      text-align: right;
      margin-bottom: 3.125rem;
      position: relative;
      padding: 0.3125rem 0;
      min-width: 8.25rem;
      cursor: pointer;
      font-family: "Open Sans",sans-serif;
      text-decoration: none; }
      @media screen and (min-width: 768px) {
        .wrg.banner .banner__scroll a {
          min-width: 10.25rem; } }
      .wrg.banner .banner__scroll a:after {
        content: '';
        width: 8.25rem;
        height: 0.125rem;
        background-color: #808080;
        position: absolute;
        bottom: 0;
        right: 0;
        transition: 0.3s ease-in-out; }
        @media screen and (min-width: 768px) {
          .wrg.banner .banner__scroll a:after {
            width: 10.25rem; } }
      .wrg.banner .banner__scroll a.is-active:after {
        width: 0; }
      .wrg.banner .banner__scroll a:active:after {
        width: 8.25rem; }
        @media screen and (min-width: 768px) {
          .wrg.banner .banner__scroll a:active:after {
            width: 10.25rem; } }
  .wrg.banner .banner__back {
    position: absolute;
    top: 90px;
    right: 30px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.15px;
    color: #4F4F4F;
    text-decoration: none;
    font-family: Raleway,sans-serif; }
    @media screen and (min-width: 768px) {
      .wrg.banner .banner__back {
        top: 11vh; } }
    @media screen and (min-width: 950px) {
      .wrg.banner .banner__back {
        top: 8vh; } }
    @media screen and (min-width: 1199px) {
      .wrg.banner .banner__back {
        top: 72.7px;
        right: 72px; } }
    @media screen and (min-width: 1699px) {
      .wrg.banner .banner__back {
        top: 60px; } }
    @media (min-width: 1699px) and (min-height: 1024px) {
      .wrg.banner .banner__back {
        top: 79px; } }
    .wrg.banner .banner__back svg path {
      transition: 0.3s ease-in-out; }
    .wrg.banner .banner__back p {
      transition: 0.3s ease-in-out;
      padding-left: 21.3px;
      margin: 0;
      font-weight: 500; }
    .wrg.banner .banner__back:hover svg path {
      fill: #EB5757; }
    .wrg.banner .banner__back:hover p {
      color: #EB5757; }
    .wrg.banner .banner__back span.is-desktop {
      display: none; }
      @media screen and (min-width: 768px) {
        .wrg.banner .banner__back span.is-desktop {
          display: inline-block; } }
  .wrg.banner--podcast-detail {
    justify-content: flex-start;
    padding-top: 28.8177vh;
    position: relative;
    padding-bottom: 7.512315270936vh; }
    @media (max-width: 481px) and (max-height: 800px) {
      .wrg.banner--podcast-detail {
        padding-top: 22vh; } }
    @media screen and (min-width: 768px) {
      .wrg.banner--podcast-detail {
        padding-bottom: 5.625rem;
        padding-top: 20vh; } }
    @media screen and (min-width: 950px) {
      .wrg.banner--podcast-detail {
        padding-top: 15vh; } }
    @media screen and (min-width: 1199px) {
      .wrg.banner--podcast-detail {
        padding-bottom: 1.1875rem; } }
    @media screen and (min-width: 1320px) {
      .wrg.banner--podcast-detail {
        padding-top: 12vh; } }
    @media (min-width: 1399px) {
      .wrg.banner--podcast-detail {
        padding-top: 15.519vh; } }
    @media (min-width: 1399px) and (min-height: 1024px) {
      .wrg.banner--podcast-detail {
        padding-top: 19.519vh; } }
    @media screen and (min-width: 1699px) {
      .wrg.banner--podcast-detail {
        padding-bottom: 4.75rem;
        padding-top: 15.519vh; } }
    @media (min-width: 1699px) and (min-height: 1024px) {
      .wrg.banner--podcast-detail {
        padding-top: 18.519vh; } }
    .wrg.banner--podcast-detail:after {
      content: '';
      width: 100%;
      height: 152px;
      background: linear-gradient(180deg, #FAFAFA 29.91%, rgba(250, 250, 250, 0) 100%);
      transform: rotate(-180deg);
      position: absolute;
      bottom: -100px;
      left: 0;
      display: none; }
      @media screen and (min-width: 1699px) {
        .wrg.banner--podcast-detail:after {
          height: 308px;
          bottom: -27px; } }
    @media screen and (min-width: 768px) {
      .wrg.banner--podcast-detail .banner__scroll {
        display: none; } }
    @media (max-width: 481px) {
      .wrg.banner--podcast-detail .banner__logo {
        margin-bottom: 1.5rem; } }
  .wrg.banner--podcast .banner__logo {
    margin-bottom: 1.51375rem; }
    @media screen and (min-width: 768px) {
      .wrg.banner--podcast .banner__logo {
        margin-bottom: 2.15062rem; } }
  @media screen and (min-width: 1199px) {
    .wrg.banner--podcast .banner__items {
      padding-bottom: 1.25rem; } }

.wrg.guest-detail {
  padding-bottom: 3.9375rem; }
  @media screen and (min-width: 768px) {
    .wrg.guest-detail {
      padding-bottom: 0; } }
  @media screen and (min-width: 1199px) {
    .wrg.guest-detail article {
      padding-right: 9.5rem; } }

.wrg.guest__wrap {
  padding: 6.4375rem 0 1.625rem; }
  @media screen and (min-width: 480px) {
    .wrg.guest__wrap {
      padding: 11.25rem 0 1.625rem; } }
  @media screen and (min-width: 768px) {
    .wrg.guest__wrap {
      padding: 6.25rem 0 0rem; } }
  @media screen and (min-width: 1199px) {
    .wrg.guest__wrap {
      padding: 18.6875rem 0 0rem; } }
  @media screen and (min-width: 1699px) {
    .wrg.guest__wrap {
      padding: 15.1875rem 0 0rem; } }
  .wrg.guest__wrap .guest__item {
    position: relative; }
    .wrg.guest__wrap .guest__item:not(:last-child) {
      margin-bottom: 9.375rem; }
      @media screen and (min-width: 1199px) {
        .wrg.guest__wrap .guest__item:not(:last-child) {
          margin-bottom: 18.75rem; } }
    .wrg.guest__wrap .guest__item:nth-child(odd) .guest .guest__dots {
      left: -1.875rem; }
      @media screen and (min-width: 768px) {
        .wrg.guest__wrap .guest__item:nth-child(odd) .guest .guest__dots {
          left: -1.25rem; } }
      @media screen and (min-width: 950px) {
        .wrg.guest__wrap .guest__item:nth-child(odd) .guest .guest__dots {
          left: -3.125rem; } }
      @media screen and (min-width: 1199px) {
        .wrg.guest__wrap .guest__item:nth-child(odd) .guest .guest__dots {
          left: -5.8125rem; } }
      @media screen and (min-width: 1699px) {
        .wrg.guest__wrap .guest__item:nth-child(odd) .guest .guest__dots {
          left: -6.5625rem; } }
    @media screen and (min-width: 768px) {
      .wrg.guest__wrap .guest__item:nth-child(odd) .guest article {
        padding-left: 3.125rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest__wrap .guest__item:nth-child(odd) .guest article {
        padding-left: 2.5rem;
        padding-right: 5rem; } }
    @media screen and (min-width: 1320px) {
      .wrg.guest__wrap .guest__item:nth-child(odd) .guest article {
        padding-left: 8.375rem;
        padding-right: 0; } }
    @media screen and (min-width: 768px) {
      .wrg.guest__wrap .guest__item:nth-child(even) .guest article {
        order: 1;
        padding-right: 3.125rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest__wrap .guest__item:nth-child(even) .guest article {
        padding-right: 8.375rem; } }
    @media screen and (min-width: 768px) {
      .wrg.guest__wrap .guest__item:nth-child(even) .guest .guest__prof {
        order: 2; } }
    .wrg.guest__wrap .guest__item:nth-child(even) .guest .guest__dots {
      left: auto;
      right: -1.875rem; }
      @media screen and (min-width: 768px) {
        .wrg.guest__wrap .guest__item:nth-child(even) .guest .guest__dots {
          right: -1.25rem; } }
      @media screen and (min-width: 950px) {
        .wrg.guest__wrap .guest__item:nth-child(even) .guest .guest__dots {
          right: -3.125rem; } }
      @media screen and (min-width: 1199px) {
        .wrg.guest__wrap .guest__item:nth-child(even) .guest .guest__dots {
          right: -5.375rem; } }
      @media screen and (min-width: 1699px) {
        .wrg.guest__wrap .guest__item:nth-child(even) .guest .guest__dots {
          right: -6.25rem; } }
  .wrg.guest__wrap .guest__url {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; }
    .wrg.guest__wrap .guest__url:hover + .wrg.guest .guest__img .guest__slide figure, .wrg.guest__wrap .guest__url:focus + .wrg.guest .guest__img .guest__slide figure {
      filter: grayscale(0);
      transition: 0.3s ease-in-out; }
    .wrg.guest__wrap .guest__url:hover + .wrg.guest .guest__img .guest__slide img, .wrg.guest__wrap .guest__url:focus + .wrg.guest .guest__img .guest__slide img {
      transform: scale(1.03); }
    .wrg.guest__wrap .guest__url:hover + .wrg.guest .guest__link svg path, .wrg.guest__wrap .guest__url:focus + .wrg.guest .guest__link svg path {
      fill: #EB5757; }

.guest__overlay {
  display: inline-block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E0E0E0;
  pointer-events: none; }

.wrg.guest {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  pointer-events: all;
  text-decoration: none; }
  .guest-detail .wrg.guest {
    align-items: flex-start;
    position: relative; }
  .wrg.guest .guest__circle {
    position: absolute;
    z-index: 1;
    transform: scale(0.8);
    right: -1.125rem;
    top: -2.625rem; }
    @media screen and (min-width: 768px) {
      .wrg.guest .guest__circle {
        transform: scale(1);
        right: -1.625rem;
        top: -37px; } }
    .wrg.guest .guest__circle span[data-text] {
      position: relative;
      border-radius: 100%;
      -webkit-animation: rotate-animation 8s infinite linear;
      -moz-animation: rotate-animation 8s infinite linear;
      -ms-animation: rotate-animation 8s infinite linear;
      -o-animation: rotate-animation 8s infinite linear;
      animation: rotate-animation 8s infinite linear;
      will-change: transform;
      display: inline-block; }
      .wrg.guest .guest__circle span[data-text] span {
        position: absolute;
        transform-origin: top left;
        font-size: 0.82188em;
        line-height: 1.17338;
        font-weight: 700;
        font-family: Raleway,sans-serif;
        color: #000; }
    .wrg.guest .guest__circle img {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 1;
      transform: translate(-50%, -50%); }
  .wrg.guest .guest__prof {
    flex-basis: 100%;
    position: relative; }
    @media screen and (min-width: 768px) {
      .wrg.guest .guest__prof {
        flex-basis: 39.49%;
        max-width: 39.49%; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest .guest__prof {
        flex-basis: 32.052%;
        max-width: 32.052%; } }
    .wrg.guest .guest__prof .guest__url {
      z-index: 2; }
  .wrg.guest .guest__img {
    position: relative; }
    .wrg.guest .guest__img .guest__slide figure {
      filter: grayscale(1);
      transition: 0.3s ease-in-out; }
    .wrg.guest .guest__img .guest__slide img {
      transition: 0.3s ease-in-out; }
  .wrg.guest .guest__fig {
    overflow: hidden; }
  .wrg.guest .guest__slider {
    overflow: hidden; }
  .wrg.guest .guest__info {
    padding: 2rem 0 1rem; }
    .wrg.guest .guest__info h3 {
      font-size: 1.5em;
      line-height: 1.58333;
      font-weight: 600;
      color: #000;
      margin: 0;
      font-family: Raleway,sans-serif; }
    .wrg.guest .guest__info h4 {
      font-size: 1em;
      line-height: 1.5;
      font-weight: 400;
      font-family: "Open Sans",sans-serif;
      color: #828282;
      margin: 0; }
  .wrg.guest .guest__social ul {
    list-style: none;
    display: flex;
    align-items: center;
    padding-left: 0; }
  .wrg.guest .guest__social li:not(:last-child) {
    margin-right: 1rem; }
  .wrg.guest .guest__social li a path {
    transition: 0.3s ease-in-out; }
  .wrg.guest .guest__social li a:hover path {
    fill: #000; }
  .wrg.guest .guest__social i a {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center; }
  .wrg.guest article {
    flex-basis: 100%;
    padding-top: 2rem; }
    @media screen and (min-width: 768px) {
      .wrg.guest article {
        flex-basis: 60.51%;
        max-width: 60.51%;
        padding-top: 0; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest article {
        flex-basis: 67.948%;
        max-width: 67.948%; } }
    .wrg.guest article strong {
      font-weight: 600; }
    .wrg.guest article h2 {
      font-size: 1.5em;
      line-height: 1.58333;
      font-weight: 300;
      margin-bottom: 1.5rem;
      color: #000;
      font-family: Raleway,sans-serif;
      max-width: 32.875rem; }
      @media screen and (min-width: 1199px) {
        .wrg.guest article h2 {
          margin-right: -0.625rem; } }
    .wrg.guest article p {
      font-size: 1em;
      line-height: 1.5;
      color: #4F4F4F;
      margin-bottom: 1.72938rem;
      font-family: "Open Sans",sans-serif; }
    .wrg.guest article .guest__link {
      display: flex;
      align-items: center;
      text-decoration: none;
      color: #000000; }
      .wrg.guest article .guest__link span {
        margin-left: 1.72938rem;
        font-size: 1em;
        line-height: 1.36187; }
      .wrg.guest article .guest__link svg path {
        transition: 0.3s ease-in-out; }
    .wrg.guest article .guest__count {
      color: #EB5757;
      font-size: 1em;
      line-height: 1.5;
      font-weight: 600;
      display: inline-block;
      margin-bottom: 0.25rem;
      font-family: Raleway,sans-serif;
      -webkit-font-feature-settings: normal;
      -moz-font-feature-settings: normal;
      font-feature-settings: normal; }
  .wrg.guest .guest__title {
    position: relative;
    padding-bottom: 1.5rem;
    margin-bottom: 2.75rem; }
    @media screen and (min-width: 768px) {
      .wrg.guest .guest__title {
        margin-bottom: 0; } }
    .wrg.guest .guest__title:after {
      content: '';
      width: 4rem;
      height: 0.25rem;
      background-color: #EB5757;
      position: absolute;
      bottom: -0.25rem;
      left: 0; }
  .wrg.guest .guest__detail {
    padding: 1.5rem 0;
    border-bottom: 1px solid #BDBDBD; }
    @media screen and (min-width: 1699px) {
      .wrg.guest .guest__detail {
        max-width: 38.4375rem; } }
    .wrg.guest .guest__detail ul {
      padding-left: 0; }
    .wrg.guest .guest__detail h3 {
      font-family: Raleway,sans-serif;
      font-size: 0.75em;
      line-height: 1.5;
      font-weight: 700;
      text-transform: uppercase;
      color: #4F4F4F;
      letter-spacing: 0.2em;
      margin-bottom: 1rem; }
    .wrg.guest .guest__detail p {
      font-family: "Open Sans",sans-serif;
      font-weight: 400;
      font-size: 1em;
      line-height: 1.5;
      color: #4F4F4F;
      margin-bottom: 1rem; }
      .wrg.guest .guest__detail p:last-of-type {
        margin-bottom: 0; }
    .wrg.guest .guest__detail ul li {
      font-family: "Open Sans",sans-serif;
      font-weight: 400;
      font-size: 1em;
      line-height: 1.5;
      color: #4F4F4F;
      padding-left: 1.5625rem;
      list-style: none;
      position: relative; }
      .wrg.guest .guest__detail ul li:before {
        content: '';
        width: 0.25rem;
        height: 0.25rem;
        border-radius: 3.125rem;
        background-color: #4F4F4F;
        position: absolute;
        top: 0.625rem;
        left: 0.5625rem; }
      .wrg.guest .guest__detail ul li a {
        text-decoration: none;
        color: #4F4F4F;
        display: inline-block;
        transition: 0.3s ease-in-out; }
        .wrg.guest .guest__detail ul li a:hover {
          color: #EB5757; }
      .wrg.guest .guest__detail ul li b {
        font-weight: 600;
      }
    .wrg.guest .guest__detail article p {
      margin-bottom: 1.5rem; }
  .wrg.guest .guest__dots {
    position: absolute;
    left: -1.875rem;
    top: -3.75rem;
    height: 11.1875rem;
    width: 9.3125rem;
    z-index: -1; }
    @media screen and (min-width: 768px) {
      .wrg.guest .guest__dots {
        left: 0;
        top: 2.5rem;
        height: auto;
        width: 6.25rem; } }
    @media screen and (min-width: 950px) {
      .wrg.guest .guest__dots {
        top: 1.25rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest .guest__dots {
        left: 0;
        top: -5.8125rem;
        height: 16.21875rem;
        width: 13.4825rem; } }
    .guest-detail .wrg.guest .guest__dots {
      top: 0.625rem;
      left: -1.875rem; }
      @media screen and (min-width: 480px) {
        .guest-detail .wrg.guest .guest__dots {
          left: -3.75rem; } }
      @media screen and (min-width: 768px) {
        .guest-detail .wrg.guest .guest__dots {
          top: -2.5rem;
          left: -2.5rem; } }
      @media screen and (min-width: 950px) {
        .guest-detail .wrg.guest .guest__dots {
          top: -1.25rem; } }
      @media screen and (min-width: 1199px) {
        .guest-detail .wrg.guest .guest__dots {
          left: -5.8125rem;
          top: -6.25rem; } }
      @media screen and (min-width: 1699px) {
        .guest-detail .wrg.guest .guest__dots {
          left: -6.625rem; } }
  .wrg.guest .guest__rounds {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 7.875rem;
    width: 12.4375rem;
    display: flex;
    align-items: flex-end; }
    @media screen and (min-width: 768px) {
      .wrg.guest .guest__rounds {
        height: 10.625rem;
        width: 75%; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest .guest__rounds {
        width: 16.75rem; } }
    .wrg.guest .guest__rounds img {
      position: absolute;
      bottom: 0; }
  .wrg.guest .guest__box {
    display: inline-block;
    width: 1.8225rem;
    height: 1.8225rem;
    position: absolute; }
    @media screen and (min-width: 768px) {
      .wrg.guest .guest__box {
        width: 2.875rem;
        height: 2.875rem; } }
    .wrg.guest .guest__box--orange {
      background-color: #EB5757; }
    .wrg.guest .guest__box--black {
      background: #4F4F4F; }
    .wrg.guest .guest__box--grey {
      background: #BDBDBD; }
  .wrg.guest--type-1 .guest__box--orange {
    width: 1.8225rem;
    height: 1.8225rem;
    left: -0.8875rem;
    top: 3.4375rem; }
    @media screen and (min-width: 768px) {
      .wrg.guest--type-1 .guest__box--orange {
        left: 1rem;
        top: 6.8125rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest--type-1 .guest__box--orange {
        left: 1.9375rem;
        width: 2.875rem;
        height: 2.875rem; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest--type-1 .guest__box--orange {
        left: 1.875rem; } }
    .guest-detail .wrg.guest--type-1 .guest__box--orange {
      left: -0.9375rem;
      top: 6.25rem; }
      @media screen and (min-width: 768px) {
        .guest-detail .wrg.guest--type-1 .guest__box--orange {
          left: 1.8125rem;
          top: 3.6875rem; } }
      @media screen and (min-width: 1699px) {
        .guest-detail .wrg.guest--type-1 .guest__box--orange {
          left: 2.875rem; } }
  .wrg.guest--type-1 .guest__box--black {
    width: 1.05rem;
    height: 1.05rem;
    left: auto;
    right: 11.4375rem;
    top: -1.1125rem; }
    @media screen and (min-width: 768px) {
      .wrg.guest--type-1 .guest__box--black {
        width: 1.65625rem;
        height: 1.65625rem;
        right: 7.09375rem;
        top: -1.71875rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest--type-1 .guest__box--black {
        right: 10.25rem; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest--type-1 .guest__box--black {
        right: 7.125rem; } }
    .guest-detail .wrg.guest--type-1 .guest__box--black {
      top: -2.3125rem;
      right: 11.5rem; }
      @media screen and (min-width: 768px) {
        .guest-detail .wrg.guest--type-1 .guest__box--black {
          right: 10.125rem;
          top: -1.6875rem; } }
      @media screen and (min-width: 1699px) {
        .guest-detail .wrg.guest--type-1 .guest__box--black {
          right: 9.4375rem;
          top: -1.8125rem; } }
  .wrg.guest--type-1 .guest__box--grey {
    width: 1.05rem;
    height: 1.05rem;
    left: 5.125rem;
    right: auto;
    bottom: -1.875rem; }
    @media screen and (min-width: 768px) {
      .wrg.guest--type-1 .guest__box--grey {
        width: 1.65625rem;
        height: 1.65625rem;
        left: auto;
        right: 11.3125rem;
        bottom: -1.65625rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest--type-1 .guest__box--grey {
        right: 14.375rem; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest--type-1 .guest__box--grey {
        right: 11.375rem; } }
    .guest-detail .wrg.guest--type-1 .guest__box--grey {
      left: 5.1875rem;
      bottom: -1.375rem; }
      @media screen and (min-width: 768px) {
        .guest-detail .wrg.guest--type-1 .guest__box--grey {
          right: 1.875rem;
          bottom: -2.1875rem;
          left: auto; } }
  .wrg.guest--type-1-sec .guest__rounds {
    display: none; }
  .wrg.guest--type-2 .guest__box--orange {
    width: 1.49188rem;
    height: 1.49188rem;
    right: 0.995rem;
    top: 7.46687rem; }
    @media screen and (min-width: 768px) {
      .wrg.guest--type-2 .guest__box--orange {
        width: 1.6875rem;
        height: 1.6875rem;
        left: -0.5625rem;
        top: 13.375rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest--type-2 .guest__box--orange {
        left: -1.875rem; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest--type-2 .guest__box--orange {
        left: -0.5rem; } }
  .wrg.guest--type-2 .guest__box--black {
    display: none; }
  .wrg.guest--type-2 .guest__box--grey {
    width: 0.85938rem;
    height: 0.85938rem;
    left: 10.40062rem;
    right: auto;
    bottom: -1.5rem; }
    @media screen and (min-width: 768px) {
      .wrg.guest--type-2 .guest__box--grey {
        width: 1.65625rem;
        height: 1.65625rem;
        left: 11.09375rem;
        right: auto;
        bottom: -1.65625rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest--type-2 .guest__box--grey {
        left: 9.8125rem; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest--type-2 .guest__box--grey {
        left: 11.125rem; } }
  .wrg.guest--type-2-sec .guest__dots {
    display: none; }
  .wrg.guest--type-3 .guest__box--orange {
    width: 1.57125rem;
    height: 1.57125rem;
    left: -0.62rem;
    top: 7.02937rem; }
    @media screen and (min-width: 768px) {
      .wrg.guest--type-3 .guest__box--orange {
        left: 1.375rem;
        top: 5.40625rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest--type-3 .guest__box--orange {
        width: 2.875rem;
        height: 2.875rem;
        left: -1.5625rem;
        top: 12.5rem; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest--type-3 .guest__box--orange {
        left: 1.375rem; } }
  .wrg.guest--type-3 .guest__box--black {
    width: 1.65625rem;
    height: 1.65625rem;
    left: 4.6875rem;
    right: auto;
    top: -0.84375rem;
    display: none; }
    @media screen and (min-width: 768px) {
      .wrg.guest--type-3 .guest__box--black {
        display: inline-block; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest--type-3 .guest__box--black {
        left: 1.875rem; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest--type-3 .guest__box--black {
        left: 4.875rem; } }
  .wrg.guest--type-3 .guest__box--grey {
    width: 0.905rem;
    height: 0.905rem;
    left: 9.18125rem;
    right: auto;
    bottom: 2.75rem; }
    @media screen and (min-width: 768px) {
      .wrg.guest--type-3 .guest__box--grey {
        width: 1.65625rem;
        height: 1.65625rem;
        left: 13.625rem;
        bottom: 0.34375rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest--type-3 .guest__box--grey {
        left: 10.625rem; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest--type-3 .guest__box--grey {
        left: 13.75rem; } }
  .wrg.guest--type-3 .guest__dots {
    display: none; }
  .wrg.guest--type-4 .guest__box--orange {
    width: 1.745rem;
    height: 1.745rem;
    left: 1.3575rem;
    top: 4.125rem; }
    @media screen and (min-width: 768px) {
      .wrg.guest--type-4 .guest__box--orange {
        width: 1.6875rem;
        height: 1.6875rem;
        left: 1.9375rem;
        top: 10.625rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest--type-4 .guest__box--orange {
        left: 1.5625rem; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest--type-4 .guest__box--orange {
        left: 2rem; } }
  .wrg.guest--type-4 .guest__box--black {
    width: 1.005rem;
    height: 1.005rem;
    left: auto;
    right: 9.625rem;
    top: -1.0675rem; }
    @media screen and (min-width: 768px) {
      .wrg.guest--type-4 .guest__box--black {
        right: 10rem;
        top: -2.0625rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest--type-4 .guest__box--black {
        width: 2.5625rem;
        height: 2.5625rem;
        right: 10.3125rem; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest--type-4 .guest__box--black {
        right: 9.875rem; } }
  .wrg.guest--type-4 .guest__box--grey {
    width: 1.005rem;
    height: 1.005rem;
    left: 6.535rem;
    right: auto;
    bottom: 0.8125rem; }
    @media screen and (min-width: 768px) {
      .wrg.guest--type-4 .guest__box--grey {
        width: 1.65625rem;
        height: 1.65625rem;
        left: 7.34375rem;
        bottom: 0.6875rem; } }
    @media screen and (min-width: 1199px) {
      .wrg.guest--type-4 .guest__box--grey {
        left: 9.375rem; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest--type-4 .guest__box--grey {
        left: 10rem; } }
  .wrg.guest--type-sec .guest__dots {
    display: none; }
  .wrg.guest--type-sec .guest__box {
    display: none; }
  .wrg.guest--detail {
    display: grid;
    grid-template-areas: 'guest-audio' 'guest-img' 'guest-desc'; }
    @media screen and (min-width: 768px) {
      .wrg.guest--detail {
        grid-template-columns: 39.49% 60.51%;
        grid-template-areas: 'guest-img guest-audio' 'guest-img guest-desc'; } }
    @media screen and (min-width: 1699px) {
      .wrg.guest--detail {
        grid-template-columns: 32.052% 67.948%; } }
    @media (max-width: 767px) {
      .wrg.guest--detail .guest__circle {
        transform: scale(0.8);
        top: -2.6875rem;
        right: -1.125rem; } }
    .wrg.guest--detail .guest__img {
      filter: unset;
      background-color: #fafafa; }
    .wrg.guest--detail .guest__prof {
      max-width: 100%;
      flex-basis: initial; }
      @media screen and (min-width: 1199px) {
        .wrg.guest--detail .guest__prof {
          background-color: transparent; } }
    .wrg.guest--detail article {
      max-width: 100%;
      flex-basis: initial; }
      @media screen and (min-width: 768px) {
        .wrg.guest--detail article {
          padding-left: 3.125rem; } }
      @media screen and (min-width: 1199px) {
        .wrg.guest--detail article {
          padding-left: 8.375rem;
          padding-right: 0; } }
      @media screen and (min-width: 1699px) {
        .wrg.guest--detail article {
          padding-right: 0; } }
      @media screen and (min-width: 1199px) {
        .wrg.guest--detail article h2 {
          margin-right: 0; } }
    .wrg.guest--detail .guest__audio {
      margin-bottom: 4rem; }
      @media screen and (min-width: 768px) {
        .wrg.guest--detail .guest__audio {
          padding-left: 3.125rem;
          margin-bottom: 3rem; } }
      @media screen and (min-width: 1199px) {
        .wrg.guest--detail .guest__audio {
          padding-left: 8.375rem; } }
      .wrg.guest--detail .guest__audio iframe {
        display: block;
        height: 5rem;
        max-width: 38.4375rem; }
        @media screen and (min-width: 1199px) {
          .wrg.guest--detail .guest__audio iframe {
            height: 9.5rem; } }
    .wrg.guest--detail .guest__grid--img {
      grid-area: guest-img;
      position: relative; }
    .wrg.guest--detail .guest__grid--media {
      grid-area: guest-audio; }
    .wrg.guest--detail .guest__grid--desc {
      grid-area: guest-desc; }
    .wrg.guest--detail .guest__detail p {
      margin-bottom: 1.5625rem; }
  .wrg.guest .guest__url:hover + .guest__img .guest__slide figure {
    filter: grayscale(0);
    transition: 0.3s ease-in-out; }
  .wrg.guest .guest__url:hover + .guest__img .guest__slide img {
    transform: scale(1.03);
    transform-origin: center; }

@keyframes rotate-animation {
  from {
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    will-change: transform; }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
    will-change: transform; } }