@charset "UTF-8";
/**
 * Swiper 4.1.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 11, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.swiper-invisible-blank-slide {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-prev, .w-app-container .swiper-button-prev--1024,
.swiper-button-next,
.w-app-container .swiper-button-next--1024 {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 768px) {
    .swiper-button-prev, .w-app-container .swiper-button-prev--1024,
    .swiper-button-next,
    .w-app-container .swiper-button-next--1024 {
      display: none; } }

.swiper-button-prev.swiper-button-disabled, .w-app-container .swiper-button-disabled.swiper-button-prev--1024,
.swiper-button-next.swiper-button-disabled,
.w-app-container .swiper-button-disabled.swiper-button-next--1024 {
  display: none; }

.swiper-button-prev, .w-app-container .swiper-button-prev--1024,
.swiper-container-rtl .swiper-button-next,
.swiper-container-rtl .w-app-container .swiper-button-next--1024,
.w-app-container .swiper-container-rtl .swiper-button-next--1024 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }


.swiper-button-next,
.w-app-container .swiper-button-next--1024,
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .w-app-container .swiper-button-prev--1024,
.w-app-container .swiper-container-rtl .swiper-button-prev--1024 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-prev.swiper-button-white, .w-app-container .swiper-button-white.swiper-button-prev--1024,
.swiper-container-rtl .swiper-button-next.swiper-button-white,
.swiper-container-rtl .w-app-container .swiper-button-white.swiper-button-next--1024,
.w-app-container .swiper-container-rtl .swiper-button-white.swiper-button-next--1024 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .w-app-container .swiper-button-white.swiper-button-next--1024,
.swiper-container-rtl .swiper-button-prev.swiper-button-white,
.swiper-container-rtl .w-app-container .swiper-button-white.swiper-button-prev--1024,
.w-app-container .swiper-container-rtl .swiper-button-white.swiper-button-prev--1024 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black, .w-app-container .swiper-button-black.swiper-button-prev--1024,
.swiper-container-rtl .swiper-button-next.swiper-button-black,
.swiper-container-rtl .w-app-container .swiper-button-black.swiper-button-next--1024,
.w-app-container .swiper-container-rtl .swiper-button-black.swiper-button-next--1024 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black, .w-app-container .swiper-button-black.swiper-button-next--1024,
.swiper-container-rtl .swiper-button-prev.swiper-button-black,
.swiper-container-rtl .w-app-container .swiper-button-black.swiper-button-prev--1024,
.w-app-container .swiper-container-rtl .swiper-button-black.swiper-button-prev--1024 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff; }

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000; }

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

.bmpui-ui-skin-modern {
  color: #fff;
  font-family: sans-serif;
  font-size: 1em;
  text-align: left;
  user-select: none; }
  .bmpui-ui-skin-modern .bmpui-ui-component, .bmpui-ui-skin-modern .bmpui-ui-container, .bmpui-ui-skin-modern .bmpui-ui-skin-modern.bmpui-ui-uicontainer, .bmpui-ui-skin-modern .bmpui-ui-controlbar, .bmpui-ui-skin-modern .bmpui-ui-settings-panel, .bmpui-ui-skin-modern .bmpui-ui-listbox, .bmpui-ui-skin-modern .bmpui-ui-seekbar-label, .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay, .bmpui-ui-skin-modern .bmpui-ui-volumecontrolbutton, .bmpui-ui-skin-modern .bmpui-ui-cast-status-overlay, .bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay, .bmpui-ui-skin-modern .bmpui-ui-titlebar, .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay, .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay, .bmpui-ui-skin-modern .bmpui-ui-playbacktoggle-overlay, .bmpui-ui-skin-modern .bmpui-ui-button, .bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton, .bmpui-ui-skin-modern .bmpui-ui-fullscreentogglebutton, .bmpui-ui-skin-modern .bmpui-ui-vrtogglebutton, .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton, .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-skin-modern .bmpui-ui-settingstogglebutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingstogglebutton, .bmpui-ui-skin-modern .bmpui-ui-audiotracksettingstogglebutton, .bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button, .bmpui-ui-skin-modern .bmpui-ui-casttogglebutton, .bmpui-ui-skin-modern .bmpui-ui-watermark, .bmpui-ui-skin-modern .bmpui-ui-clickoverlay, .bmpui-ui-skin-modern .bmpui-ui-hugereplaybutton, .bmpui-ui-skin-modern .bmpui-ui-closebutton, .bmpui-ui-skin-modern .bmpui-ui-airplaytogglebutton, .bmpui-ui-skin-modern .bmpui-ui-piptogglebutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsclosebutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsopenbutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsresetbutton, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-button-ad-skip, .bmpui-ui-skin-modern .bmpui-ui-seekbar, .bmpui-ui-skin-modern .bmpui-ui-volumeslider, .bmpui-ui-skin-modern .bmpui-ui-label, .bmpui-ui-skin-modern .bmpui-ui-playbacktimelabel, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-label-ad-message, .bmpui-ui-skin-modern .bmpui-ui-selectbox, .bmpui-ui-skin-modern .bmpui-ui-spacer {
    /*! placeholder to avoid removal of empty selector */
    outline: 0; }
  .bmpui-ui-skin-modern .bmpui-ui-container, .bmpui-ui-skin-modern .bmpui-ui-skin-modern.bmpui-ui-uicontainer, .bmpui-ui-skin-modern .bmpui-ui-controlbar, .bmpui-ui-skin-modern .bmpui-ui-settings-panel, .bmpui-ui-skin-modern .bmpui-ui-listbox, .bmpui-ui-skin-modern .bmpui-ui-seekbar-label, .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay, .bmpui-ui-skin-modern .bmpui-ui-volumecontrolbutton, .bmpui-ui-skin-modern .bmpui-ui-cast-status-overlay, .bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay, .bmpui-ui-skin-modern .bmpui-ui-titlebar, .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay, .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay, .bmpui-ui-skin-modern .bmpui-ui-playbacktoggle-overlay {
    font-size: 1em; }
  .bmpui-ui-skin-modern.bmpui-ui-uicontainer {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 1em;
    overflow: hidden;
    pointer-events: none; }
    .bmpui-ui-skin-modern.bmpui-ui-uicontainer * {
      pointer-events: auto; }
    .bmpui-ui-skin-modern.bmpui-ui-uicontainer.bmpui-hidden {
      display: none; }
    .bmpui-ui-skin-modern.bmpui-ui-uicontainer.bmpui-player-state-playing.bmpui-controls-hidden * {
      cursor: none; }
    .bmpui-ui-skin-modern.bmpui-ui-uicontainer.bmpui-no-flexbox {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="); }
      .bmpui-ui-skin-modern.bmpui-ui-uicontainer.bmpui-no-flexbox.bmpui-fullscreen {
        left: 0;
        position: fixed;
        top: 0;
        z-index: 999999; }
  .bmpui-ui-skin-modern .bmpui-ui-controlbar {
    opacity: 1;
    transition: opacity 0.3s, visibility 0s;
    visibility: visible;
    bottom: 0;
    position: absolute;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    line-height: 1em;
    padding: 1em 1em .5em; }
    .bmpui-ui-skin-modern .bmpui-ui-controlbar.bmpui-hidden {
      opacity: 0;
      transition: opacity 0.3s, visibility 0.3s;
      visibility: hidden; }
    .bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper,
    .bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper {
      display: flex;
      margin: .5em; }
    .bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-top .bmpui-ui-label {
      font-size: .9em; }
    .bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper > * {
      margin: 0 .5em; }
    .bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-bottom {
      white-space: nowrap; }
      .bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper > * {
        margin: 0 .25em; }
      .bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper .bmpui-ui-volumeslider {
        margin: .25em .5em;
        width: 5em; }
  .bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper,
  .bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper {
    border-spacing: .5em 0;
    display: table; }
    .bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper > *,
    .bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper > * {
      display: table-cell;
      vertical-align: middle; }
      .bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper > *.bmpui-hidden,
      .bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper > *.bmpui-hidden {
        display: none; }
    .bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper .bmpui-ui-volumeslider,
    .bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper .bmpui-ui-volumeslider {
      width: 10%; }
  .bmpui-ui-skin-modern .bmpui-ui-button, .bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton, .bmpui-ui-skin-modern .bmpui-ui-fullscreentogglebutton, .bmpui-ui-skin-modern .bmpui-ui-vrtogglebutton, .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton, .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-skin-modern .bmpui-ui-settingstogglebutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingstogglebutton, .bmpui-ui-skin-modern .bmpui-ui-audiotracksettingstogglebutton, .bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button, .bmpui-ui-skin-modern .bmpui-ui-casttogglebutton, .bmpui-ui-skin-modern .bmpui-ui-watermark, .bmpui-ui-skin-modern .bmpui-ui-clickoverlay, .bmpui-ui-skin-modern .bmpui-ui-hugereplaybutton, .bmpui-ui-skin-modern .bmpui-ui-closebutton, .bmpui-ui-skin-modern .bmpui-ui-airplaytogglebutton, .bmpui-ui-skin-modern .bmpui-ui-piptogglebutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsclosebutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsopenbutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsresetbutton, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-button-ad-skip {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    font-size: 1em;
    height: 1.5em;
    min-width: 1.5em;
    padding: 0; }
    .bmpui-ui-skin-modern .bmpui-ui-button .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-fullscreentogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-vrtogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-settingstogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingstogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-audiotracksettingstogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-casttogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-watermark .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-clickoverlay .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-hugereplaybutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-closebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-airplaytogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-piptogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsclosebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsopenbutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsresetbutton .bmpui-label, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-button-ad-skip .bmpui-label {
      color: #fff;
      display: none; }
    .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-button, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-playbacktogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-fullscreentogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-vrtogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-volumetogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-settingstogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-subtitlesettingstogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-audiotracksettingstogglebutton, .bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-hidden.bmpui-ui-listbox-button, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-casttogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-watermark, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-clickoverlay, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-hugereplaybutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-closebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-airplaytogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-piptogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-subtitlesettingsclosebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-subtitlesettingsopenbutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-subtitlesettingsresetbutton, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-hidden.bmpui-ui-button-ad-skip {
      display: none; }
  .bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton {
    background-image: svg("assets/skin-modern/images/play.svg"); }
    .bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton:hover {
      filter: drop-shadow(0 0 1px #fff); }
    .bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton.bmpui-on {
      background-image: svg("assets/skin-modern/images/pause.svg"); }
      .bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton.bmpui-on.bmpui-stoptoggle {
        background-image: svg("assets/skin-modern/images/stop.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-fullscreentogglebutton {
    background-image: svg("assets/skin-modern/images/fullscreen.svg"); }
    .bmpui-ui-skin-modern .bmpui-ui-fullscreentogglebutton:hover {
      filter: drop-shadow(0 0 1px #fff); }
    .bmpui-ui-skin-modern .bmpui-ui-fullscreentogglebutton.bmpui-on {
      background-image: svg("assets/skin-modern/images/fullscreenX.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-vrtogglebutton {
    background-image: svg("assets/skin-modern/images/glasses.svg"); }
    .bmpui-ui-skin-modern .bmpui-ui-vrtogglebutton:hover {
      filter: drop-shadow(0 0 1px #fff); }
    .bmpui-ui-skin-modern .bmpui-ui-vrtogglebutton.bmpui-on {
      background-image: svg("assets/skin-modern/images/glassesX.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton:hover {
    filter: drop-shadow(0 0 1px #fff); }
  .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-muted {
    background-image: svg("assets/skin-modern/images/music-off.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='0'] {
    background-image: svg("assets/skin-modern/images/music-off.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='1'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='2'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='3'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='4'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='5'] {
    background-image: svg("assets/skin-modern/images/music-low.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='6'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='7'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='8'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='9'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='10'] {
    background-image: svg("assets/skin-modern/images/music-on.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-seekbar, .bmpui-ui-skin-modern .bmpui-ui-volumeslider {
    cursor: pointer;
    font-size: 1em;
    height: 1em;
    position: relative;
    width: 100%; }
    .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-seekbar, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-volumeslider {
      display: none; }
    .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar {
      height: 100%;
      position: relative; }
      .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition-marker, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker, .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers, .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker {
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        bottom: 0;
        height: 0.2em;
        left: 0;
        position: absolute;
        right: auto;
        top: 0;
        transform-origin: 0 0;
        width: 100%; }
      .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop {
        background-color: rgba(255, 255, 255, 0.2);
        margin: auto 0;
        width: 100%; }
      .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel {
        background-color: #fff;
        margin: auto 0;
        transition: .3s linear, .3s linear;
        transition-property: transform; }
      .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition {
        background-color: rgba(255, 255, 255, 0.2);
        margin: auto 0; }
      .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
        background-color: #1fabe2;
        margin: auto 0;
        transition: .1s linear, .1s linear;
        transition-property: transform; }
      .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition-marker, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker {
        background-image: svg("assets/skin-modern/images/dot-play.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1.6em;
        height: 1em;
        left: -.5em;
        position: absolute;
        width: 1em; }
      .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers {
        height: 0.4em;
        margin: auto 0; }
        .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker {
          border-right: 2px solid #fff;
          box-sizing: content-box;
          height: 100%;
          margin-left: -1px;
          width: 0; }
    .bmpui-ui-skin-modern .bmpui-seeking.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-seeking.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel,
    .bmpui-ui-skin-modern .bmpui-seeking.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition,
    .bmpui-ui-skin-modern .bmpui-seeking.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
      transition: none; }
    .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar {
      height: 100%;
      width: auto; }
      .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
        right: 0;
        top: auto; }
      .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition .bmpui-seekbar-playbackposition-marker, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition .bmpui-seekbar-playbackposition-marker {
        height: 1em;
        top: -.5em;
        width: 100%; }
      .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop {
        height: 100%;
        margin: 0 auto;
        width: auto; }
      .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel {
        margin: 0 auto; }
      .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition {
        margin: 0 auto; }
  .bmpui-ui-skin-modern .bmpui-ui-watermark {
    background-image: svg("assets/skin-modern/images/logo.svg");
    height: 4em;
    margin: 2em;
    opacity: .8;
    position: absolute;
    right: 0;
    top: 0;
    width: 4em; }
    .bmpui-ui-skin-modern .bmpui-ui-watermark:hover {
      opacity: 1; }
  .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton {
    cursor: default;
    height: 8em;
    outline: none;
    overflow: hidden;
    width: 8em; }

@keyframes fade-out {
  from {
    opacity: 1;
    visibility: visible; }
  to {
    opacity: 0;
    transform: scale(2);
    visibility: hidden; } }

@keyframes fade-in {
  from {
    opacity: 0;
    transform: scale(2);
    visibility: visible; }
  to {
    opacity: 1; } }

@keyframes breathe {
  30% {
    transform: scale(1.1); }
  60% {
    transform: scale(1); } }
    .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
      background-image: svg("assets/skin-modern/images/play_big.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 7em;
      height: 100%;
      width: 100%; }
      .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton .bmpui-image:hover {
        animation: breathe 3s ease-in-out infinite; }
    .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton.bmpui-on .bmpui-image {
      animation: fade-out 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      transition: visibility 0s 0.3s;
      visibility: hidden; }
    .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton.bmpui-off .bmpui-image {
      animation: fade-in 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      visibility: visible; }
    .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton.bmpui-no-transition-animations.bmpui-on .bmpui-image, .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton.bmpui-no-transition-animations.bmpui-off .bmpui-image {
      animation: none;
      transition: none; }
  .bmpui-ui-skin-modern .bmpui-ui-label, .bmpui-ui-skin-modern .bmpui-ui-playbacktimelabel, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-label-ad-message {
    cursor: default;
    white-space: nowrap; }
    .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-label, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-playbacktimelabel, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-hidden.bmpui-ui-label-ad-message {
      display: none; }
  .bmpui-ui-skin-modern .bmpui-ui-settings-panel {
    opacity: 1;
    transition: opacity 0.3s, visibility 0s;
    visibility: visible;
    background-color: rgba(17, 17, 17, 0.85);
    bottom: 5em;
    padding: 0;
    position: absolute;
    right: 2em; }
    .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-settings-panel {
      opacity: 0;
      transition: opacity 0.3s, visibility 0.3s;
      visibility: hidden; }
    .bmpui-ui-skin-modern .bmpui-ui-settings-panel > .bmpui-container-wrapper {
      margin: .5em;
      overflow-y: auto; }
      .bmpui-ui-skin-modern .bmpui-ui-settings-panel > .bmpui-container-wrapper > * {
        margin: 0 .5em; }
      .bmpui-ui-skin-modern .bmpui-ui-settings-panel > .bmpui-container-wrapper .bmpui-container-wrapper > *.bmpui-ui-label {
        display: inline-block;
        font-size: .8em;
        width: 9em; }
      .bmpui-ui-skin-modern .bmpui-ui-settings-panel > .bmpui-container-wrapper .bmpui-container-wrapper > *.bmpui-ui-selectbox {
        width: 12em; }
    .bmpui-ui-skin-modern .bmpui-ui-settings-panel .bmpui-ui-settings-panel-item {
      border-bottom: 1px solid rgba(153, 153, 153, 0.3);
      padding: .5em 0; }
      .bmpui-ui-skin-modern .bmpui-ui-settings-panel .bmpui-ui-settings-panel-item.bmpui-last {
        border-bottom: 0; }
      .bmpui-ui-skin-modern .bmpui-ui-settings-panel .bmpui-ui-settings-panel-item.bmpui-hidden {
        display: none; }
  .bmpui-ui-skin-modern .bmpui-container-wrapper > .bmpui-ui-settings-panel {
    margin: 0; }
  .bmpui-ui-skin-modern .bmpui-ui-settingstogglebutton:hover, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingstogglebutton:hover, .bmpui-ui-skin-modern .bmpui-ui-audiotracksettingstogglebutton:hover {
    filter: drop-shadow(0 0 1px #fff); }
  .bmpui-ui-skin-modern .bmpui-on.bmpui-ui-settingstogglebutton:hover, .bmpui-ui-skin-modern .bmpui-on.bmpui-ui-subtitlesettingstogglebutton:hover, .bmpui-ui-skin-modern .bmpui-on.bmpui-ui-audiotracksettingstogglebutton:hover {
    filter: drop-shadow(0 0 1px #1fabe2); }
  .bmpui-ui-skin-modern .bmpui-ui-settingstogglebutton {
    background-image: svg("assets/skin-modern/images/settings.svg"); }
    .bmpui-ui-skin-modern .bmpui-ui-settingstogglebutton.bmpui-on {
      background-image: svg("assets/skin-modern/images/settingsX.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-selectbox {
    background-color: transparent;
    border: 0;
    color: #1fabe2;
    cursor: pointer;
    font-size: .8em;
    padding: .3em; }
    .bmpui-ui-skin-modern .bmpui-ui-selectbox option {
      color: #999; }
      .bmpui-ui-skin-modern .bmpui-ui-selectbox option:checked {
        color: #1fabe2; }
  .bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button {
    display: block;
    font-size: .8em;
    height: 100%;
    min-width: 10em;
    padding: .5em;
    width: 100%; }
    .bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button .bmpui-label {
      display: inherit; }
    .bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button.bmpui-selected {
      background-color: rgba(31, 171, 226, 0.7); }
    .bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button:hover {
      background-color: rgba(31, 171, 226, 0.85); }
    .bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button:last-child {
      border-bottom: 0; }
  .bmpui-ui-skin-modern .bmpui-ui-seekbar-label {
    opacity: 1;
    transition: opacity 0.3s, visibility 0s;
    visibility: visible;
    bottom: 100%;
    left: 0;
    margin-bottom: 1em;
    pointer-events: none;
    position: absolute;
    text-align: center; }
    .bmpui-ui-skin-modern .bmpui-ui-seekbar-label.bmpui-hidden {
      opacity: 0;
      transition: opacity 0.3s, visibility 0.3s;
      visibility: hidden; }
    .bmpui-ui-skin-modern .bmpui-ui-seekbar-label > .bmpui-container-wrapper {
      margin-left: -50%;
      margin-right: 50%;
      position: relative; }
    .bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner {
      border-bottom: 0.2em solid #fff; }
      .bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner::after {
        border: solid transparent;
        border-color: transparent;
        border-top-color: #fff;
        border-width: .5em;
        content: ' ';
        height: 0;
        left: 50%;
        margin-left: -.5em;
        pointer-events: none;
        position: absolute;
        top: 100%;
        width: 0; }
      .bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper {
        position: relative; }
        .bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-thumbnail {
          width: 6em; }
        .bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-label-metadata {
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
          bottom: 0;
          display: block;
          padding: .5em;
          position: absolute;
          width: 100%; }
          .bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-label-metadata .bmpui-seekbar-label-time {
            display: block;
            line-height: .8em; }
          .bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-label-metadata .bmpui-seekbar-label-title {
            display: block;
            margin-bottom: .3em;
            white-space: normal; }
  .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker {
    background-image: svg("assets/skin-modern/images/dot-volume.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel {
    display: none; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay {
    bottom: 2em;
    font-size: 1.2em;
    left: 3em;
    pointer-events: none;
    position: absolute;
    right: 3em;
    text-align: center;
    transition: bottom 0.15s ease-out; }
    .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-hidden {
      display: none; }
    .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay .bmpui-ui-subtitle-label {
      text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 1px 1px 0 #000;
      color: #fff; }
      .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay .bmpui-ui-subtitle-label:nth-child(1n-1)::after {
        content: '\A';
        white-space: pre-line; }
    .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-controlbar-visible {
      bottom: 5em;
      transition: bottom 0.15s ease-in; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-cea608 {
    top: 2em; }
    .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-ui-subtitle-label {
      font-family: 'Courier New', Courier, 'Nimbus Mono L', 'Cutive Mono', monospace;
      line-height: 1em;
      position: absolute;
      text-transform: uppercase; }
      .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-ui-subtitle-label:nth-child(1n-1)::after {
        content: normal;
        white-space: normal; }
    .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-cea608.bmpui-controlbar-visible {
      bottom: 2em;
      transition: none; }
  .bmpui-ui-skin-modern .bmpui-ui-volumecontrolbutton {
    line-height: 0;
    position: relative; }
    .bmpui-ui-skin-modern .bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider {
      background-color: #111;
      bottom: 100%;
      height: 6em;
      position: absolute;
      width: 1.5em; }
      .bmpui-ui-skin-modern .bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider {
        max-height: 6em;
        transition: max-height 0.15s ease-in; }
      .bmpui-ui-skin-modern .bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider.bmpui-hidden {
        max-height: 0;
        transition: max-height 0.15s ease-out; }
      .bmpui-ui-skin-modern .bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider .bmpui-seekbar {
        bottom: .5em;
        height: auto;
        left: .3em;
        overflow: hidden;
        position: absolute;
        right: .3em;
        top: .5em;
        width: auto; }
  .bmpui-ui-skin-modern .bmpui-ui-casttogglebutton {
    background-image: svg("assets/skin-modern/images/chromecast.svg"); }
    .bmpui-ui-skin-modern .bmpui-ui-casttogglebutton:hover {
      filter: drop-shadow(0 0 1px #fff); }
    .bmpui-ui-skin-modern .bmpui-ui-casttogglebutton.bmpui-on {
      background-image: svg("assets/skin-modern/images/chromecastX.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-cast-status-overlay {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 1;
    transition: opacity 0.3s, visibility 0s;
    visibility: visible;
    background: #111 svg("assets/skin-modern/images/chromecast.svg") center no-repeat;
    background-size: 7em 7em; }
    .bmpui-ui-skin-modern .bmpui-ui-cast-status-overlay.bmpui-hidden {
      opacity: 0;
      transition: opacity 0.3s, visibility 0.3s;
      visibility: hidden; }
    .bmpui-ui-skin-modern .bmpui-ui-cast-status-overlay .bmpui-ui-cast-status-label {
      color: #fff;
      font-size: 1.2em;
      left: 0;
      margin: 0 2em;
      pointer-events: none;
      position: absolute;
      right: 0;
      text-align: center;
      top: 65%; }
      .bmpui-ui-skin-modern .bmpui-ui-cast-status-overlay .bmpui-ui-cast-status-label * {
        pointer-events: none; }
  .bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #111;
    pointer-events: none; }
    .bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay.bmpui-hidden {
      display: none; }
    .bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay .bmpui-ui-errormessage-label {
      color: #fff;
      font-size: 1.2em;
      left: 3em;
      position: absolute;
      right: 3em;
      text-align: center;
      user-select: text; }
      .bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay .bmpui-ui-errormessage-label {
        margin-top: -1em;
        top: 50%; }
      .bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay .bmpui-ui-errormessage-label ul {
        color: #999;
        font-size: .9em;
        padding: 0; }
        .bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay .bmpui-ui-errormessage-label ul li {
          list-style: none; }
    .bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay .bmpui-ui-tvnoisecanvas {
      height: 100%;
      left: 0;
      margin: 0;
      position: absolute;
      top: 0;
      width: 100%;
      filter: blur(4px); }
  .bmpui-ui-skin-modern .bmpui-ui-titlebar {
    opacity: 1;
    transition: opacity 0.3s, visibility 0s;
    visibility: visible;
    position: absolute;
    top: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    padding: .5em 1em 1em;
    pointer-events: none; }
    .bmpui-ui-skin-modern .bmpui-ui-titlebar.bmpui-hidden {
      opacity: 0;
      transition: opacity 0.3s, visibility 0.3s;
      visibility: hidden; }
    .bmpui-ui-skin-modern .bmpui-ui-titlebar > .bmpui-container-wrapper {
      padding: .5em;
      pointer-events: none; }
      .bmpui-ui-skin-modern .bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata {
        pointer-events: none; }
      .bmpui-ui-skin-modern .bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata-title {
        cursor: default;
        display: block;
        font-size: 1.2em;
        text-shadow: 0 0 5px #000;
        white-space: normal; }
      .bmpui-ui-skin-modern .bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata-description {
        color: #e6e6e6;
        cursor: default;
        display: block;
        text-shadow: 0 0 5px #000;
        white-space: normal; }
  .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    display: table;
    opacity: 1;
    transition: opacity 0.6s, visibility 0s;
    visibility: visible;
    background-color: rgba(8, 43, 57, 0.7); }
    .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay > .bmpui-container-wrapper {
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
    .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-hidden {
      opacity: 0;
      transition: opacity 0.6s, visibility 0.6s;
      visibility: hidden; }
    .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay > .bmpui-container-wrapper {
      padding: 3em; }
    .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay a {
      color: #fff; }
      .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay a:hover, .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay a:visited {
        color: #fff; }
    .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-hugereplaybutton {
      bottom: 2em;
      left: 2em;
      position: absolute; }
    .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item {
      background-position: center;
      background-size: cover;
      display: inline-block;
      font-size: .7em;
      height: 9em;
      margin: .3em .6em;
      overflow: hidden;
      position: relative;
      text-align: left;
      text-shadow: 0 0 3px #111;
      transform: scale(1);
      transition: transform 0.15s ease-out;
      width: 16em; }
      .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item .bmpui-background {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
        height: 100%;
        position: absolute;
        top: 20%;
        transition: top 0.15s ease-out;
        width: 100%; }
      .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item .bmpui-title {
        bottom: 3em;
        left: 1em;
        position: absolute;
        right: 1em; }
        .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item .bmpui-title .bmpui-innertitle {
          font-size: 1.2em;
          white-space: normal;
          word-break: break-all; }
      .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item .bmpui-duration {
        bottom: 1em;
        left: 1em;
        position: absolute; }
      .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item:hover {
        outline: 2px solid #1fabe2;
        transform: scale(1.05);
        transition: transform 0.15s ease-in; }
        .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item:hover .bmpui-background {
          top: 0;
          transition: top 0.15s ease-in; }
  .bmpui-ui-skin-modern .bmpui-ui-clickoverlay {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .bmpui-ui-skin-modern .bmpui-ui-hugereplaybutton {
    height: 5em;
    outline: none;
    width: 5em; }
    .bmpui-ui-skin-modern .bmpui-ui-hugereplaybutton .bmpui-image {
      background-image: svg("assets/skin-modern/images/replayX.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 5em;
      height: 100%;
      width: 100%; }

@keyframes spin {
  50% {
    transform: rotate(180deg) scale(1.1); }
  100% {
    transform: rotate(360deg) scale(1); } }
      .bmpui-ui-skin-modern .bmpui-ui-hugereplaybutton .bmpui-image:hover {
        animation: spin .5s ease-in; }
  .bmpui-ui-skin-modern .bmpui-ui-playbacktimelabel {
    text-transform: uppercase; }
    .bmpui-ui-skin-modern .bmpui-ui-playbacktimelabel.bmpui-ui-playbacktimelabel-live {
      cursor: pointer; }
      .bmpui-ui-skin-modern .bmpui-ui-playbacktimelabel.bmpui-ui-playbacktimelabel-live::before {
        color: #999;
        content: '\25CF';
        padding-right: .2em; }
      .bmpui-ui-skin-modern .bmpui-ui-playbacktimelabel.bmpui-ui-playbacktimelabel-live.bmpui-ui-playbacktimelabel-live-edge::before {
        color: #f00; }
  .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay {
    display: table; }
    .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay > .bmpui-container-wrapper {
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
  .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 1;
    transition: opacity 0.6s, visibility 0s;
    visibility: visible;
    background-color: rgba(8, 43, 57, 0.7); }
    .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay.bmpui-hidden {
      opacity: 0;
      transition: opacity 0.6s, visibility 0.6s;
      visibility: hidden; }
    .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay > .bmpui-container-wrapper {
      padding: 3em; }
    .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay a {
      color: #fff; }
      .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay a:hover, .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay a:visited {
        color: #fff; }
    .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator {
      animation: fancy 2s ease-in infinite;
      background: svg("assets/skin-modern/images/loader.svg") no-repeat center;
      display: inline-block;
      height: 2em;
      margin: .2em;
      width: 2em; }

@keyframes fancy {
  0% {
    opacity: 0;
    transform: scale(1); }
  20% {
    opacity: 1; }
  30% {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale(2); }
  100% {
    opacity: 0;
    transform: scale(3); } }
      .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator:nth-child(1) {
        animation-delay: 0s; }
      .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator:nth-child(2) {
        animation-delay: 0.2s; }
      .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator:nth-child(3) {
        animation-delay: 0.4s; }
  .bmpui-ui-skin-modern .bmpui-ui-playbacktoggle-overlay .bmpui-ui-hugeplaybacktogglebutton {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .bmpui-ui-skin-modern .bmpui-ui-closebutton {
    background-image: svg("assets/skin-modern/images/close.svg"); }

@keyframes pulsate {
  20% {
    transform: scale(1.1); }
  40% {
    transform: scale(1); }
  60% {
    transform: scale(1.1); }
  80% {
    transform: scale(1); } }
    .bmpui-ui-skin-modern .bmpui-ui-closebutton:hover {
      filter: drop-shadow(0 0 1px #fff);
      animation: pulsate 1s; }
  .bmpui-ui-skin-modern .bmpui-ui-airplaytogglebutton {
    background-image: svg("assets/skin-modern/images/airplay.svg"); }
    .bmpui-ui-skin-modern .bmpui-ui-airplaytogglebutton:hover {
      filter: drop-shadow(0 0 1px #fff); }
    .bmpui-ui-skin-modern .bmpui-ui-airplaytogglebutton.bmpui-on {
      background-image: svg("assets/skin-modern/images/airplayX.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-piptogglebutton {
    background-image: svg("assets/skin-modern/images/picinpic1.svg"); }
    .bmpui-ui-skin-modern .bmpui-ui-piptogglebutton:hover {
      filter: drop-shadow(0 0 1px #fff); }
    .bmpui-ui-skin-modern .bmpui-ui-piptogglebutton.bmpui-on {
      background-image: svg("assets/skin-modern/images/picinpic1X.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-spacer {
    height: 100%;
    width: 100%; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsclosebutton {
    font-size: .8em;
    position: relative;
    width: 9em; }
    .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsclosebutton .bmpui-label {
      display: inline-block; }
      .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsclosebutton .bmpui-label::before {
        border-bottom: 0.2em solid #fff;
        border-left: 0.2em solid #fff;
        content: '';
        height: .6em;
        margin-left: -.8em;
        position: absolute;
        top: .5em;
        transform: rotate(45deg);
        width: .6em; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsopenbutton {
    background-image: svg("assets/skin-modern/images/settings.svg");
    padding: .3em; }
    .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsopenbutton:hover {
      filter: drop-shadow(0 0 1px #fff); }
    .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsopenbutton.bmpui-on {
      background-image: svg("assets/skin-modern/images/settingsX.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsresetbutton {
    font-size: .8em;
    width: 12em; }
    .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsresetbutton .bmpui-label {
      display: inline-block; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-white100 .bmpui-ui-subtitle-label {
    color: white; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-white75 .bmpui-ui-subtitle-label {
    color: rgba(255, 255, 255, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-white50 .bmpui-ui-subtitle-label {
    color: rgba(255, 255, 255, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-white25 .bmpui-ui-subtitle-label {
    color: rgba(255, 255, 255, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-black100 .bmpui-ui-subtitle-label {
    color: black; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-black75 .bmpui-ui-subtitle-label {
    color: rgba(0, 0, 0, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-black50 .bmpui-ui-subtitle-label {
    color: rgba(0, 0, 0, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-black25 .bmpui-ui-subtitle-label {
    color: rgba(0, 0, 0, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-red100 .bmpui-ui-subtitle-label {
    color: red; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-red75 .bmpui-ui-subtitle-label {
    color: rgba(255, 0, 0, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-red50 .bmpui-ui-subtitle-label {
    color: rgba(255, 0, 0, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-red25 .bmpui-ui-subtitle-label {
    color: rgba(255, 0, 0, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-green100 .bmpui-ui-subtitle-label {
    color: lime; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-green75 .bmpui-ui-subtitle-label {
    color: rgba(0, 255, 0, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-green50 .bmpui-ui-subtitle-label {
    color: rgba(0, 255, 0, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-green25 .bmpui-ui-subtitle-label {
    color: rgba(0, 255, 0, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-blue100 .bmpui-ui-subtitle-label {
    color: blue; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-blue75 .bmpui-ui-subtitle-label {
    color: rgba(0, 0, 255, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-blue50 .bmpui-ui-subtitle-label {
    color: rgba(0, 0, 255, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-blue25 .bmpui-ui-subtitle-label {
    color: rgba(0, 0, 255, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-cyan100 .bmpui-ui-subtitle-label {
    color: cyan; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-cyan75 .bmpui-ui-subtitle-label {
    color: rgba(0, 255, 255, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-cyan50 .bmpui-ui-subtitle-label {
    color: rgba(0, 255, 255, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-cyan25 .bmpui-ui-subtitle-label {
    color: rgba(0, 255, 255, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-yellow100 .bmpui-ui-subtitle-label {
    color: yellow; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-yellow75 .bmpui-ui-subtitle-label {
    color: rgba(255, 255, 0, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-yellow50 .bmpui-ui-subtitle-label {
    color: rgba(255, 255, 0, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-yellow25 .bmpui-ui-subtitle-label {
    color: rgba(255, 255, 0, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-magenta100 .bmpui-ui-subtitle-label {
    color: magenta; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-magenta75 .bmpui-ui-subtitle-label {
    color: rgba(255, 0, 255, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-magenta50 .bmpui-ui-subtitle-label {
    color: rgba(255, 0, 255, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-magenta25 .bmpui-ui-subtitle-label {
    color: rgba(255, 0, 255, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-white100 .bmpui-ui-subtitle-label {
    background-color: white; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-white75 .bmpui-ui-subtitle-label {
    background-color: rgba(255, 255, 255, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-white50 .bmpui-ui-subtitle-label {
    background-color: rgba(255, 255, 255, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-white25 .bmpui-ui-subtitle-label {
    background-color: rgba(255, 255, 255, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-black100 .bmpui-ui-subtitle-label {
    background-color: black; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-black75 .bmpui-ui-subtitle-label {
    background-color: rgba(0, 0, 0, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-black50 .bmpui-ui-subtitle-label {
    background-color: rgba(0, 0, 0, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-black25 .bmpui-ui-subtitle-label {
    background-color: rgba(0, 0, 0, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-red100 .bmpui-ui-subtitle-label {
    background-color: red; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-red75 .bmpui-ui-subtitle-label {
    background-color: rgba(255, 0, 0, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-red50 .bmpui-ui-subtitle-label {
    background-color: rgba(255, 0, 0, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-red25 .bmpui-ui-subtitle-label {
    background-color: rgba(255, 0, 0, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-green100 .bmpui-ui-subtitle-label {
    background-color: lime; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-green75 .bmpui-ui-subtitle-label {
    background-color: rgba(0, 255, 0, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-green50 .bmpui-ui-subtitle-label {
    background-color: rgba(0, 255, 0, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-green25 .bmpui-ui-subtitle-label {
    background-color: rgba(0, 255, 0, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-blue100 .bmpui-ui-subtitle-label {
    background-color: blue; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-blue75 .bmpui-ui-subtitle-label {
    background-color: rgba(0, 0, 255, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-blue50 .bmpui-ui-subtitle-label {
    background-color: rgba(0, 0, 255, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-blue25 .bmpui-ui-subtitle-label {
    background-color: rgba(0, 0, 255, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-cyan100 .bmpui-ui-subtitle-label {
    background-color: cyan; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-cyan75 .bmpui-ui-subtitle-label {
    background-color: rgba(0, 255, 255, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-cyan50 .bmpui-ui-subtitle-label {
    background-color: rgba(0, 255, 255, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-cyan25 .bmpui-ui-subtitle-label {
    background-color: rgba(0, 255, 255, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-yellow100 .bmpui-ui-subtitle-label {
    background-color: yellow; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-yellow75 .bmpui-ui-subtitle-label {
    background-color: rgba(255, 255, 0, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-yellow50 .bmpui-ui-subtitle-label {
    background-color: rgba(255, 255, 0, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-yellow25 .bmpui-ui-subtitle-label {
    background-color: rgba(255, 255, 0, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-magenta100 .bmpui-ui-subtitle-label {
    background-color: magenta; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-magenta75 .bmpui-ui-subtitle-label {
    background-color: rgba(255, 0, 255, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-magenta50 .bmpui-ui-subtitle-label {
    background-color: rgba(255, 0, 255, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-magenta25 .bmpui-ui-subtitle-label {
    background-color: rgba(255, 0, 255, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-white100 {
    background-color: white; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-white75 {
    background-color: rgba(255, 255, 255, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-white50 {
    background-color: rgba(255, 255, 255, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-white25 {
    background-color: rgba(255, 255, 255, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-black100 {
    background-color: black; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-black75 {
    background-color: rgba(0, 0, 0, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-black50 {
    background-color: rgba(0, 0, 0, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-black25 {
    background-color: rgba(0, 0, 0, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-red100 {
    background-color: red; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-red75 {
    background-color: rgba(255, 0, 0, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-red50 {
    background-color: rgba(255, 0, 0, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-red25 {
    background-color: rgba(255, 0, 0, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-green100 {
    background-color: lime; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-green75 {
    background-color: rgba(0, 255, 0, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-green50 {
    background-color: rgba(0, 255, 0, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-green25 {
    background-color: rgba(0, 255, 0, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-blue100 {
    background-color: blue; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-blue75 {
    background-color: rgba(0, 0, 255, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-blue50 {
    background-color: rgba(0, 0, 255, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-blue25 {
    background-color: rgba(0, 0, 255, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-cyan100 {
    background-color: cyan; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-cyan75 {
    background-color: rgba(0, 255, 255, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-cyan50 {
    background-color: rgba(0, 255, 255, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-cyan25 {
    background-color: rgba(0, 255, 255, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-yellow100 {
    background-color: yellow; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-yellow75 {
    background-color: rgba(255, 255, 0, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-yellow50 {
    background-color: rgba(255, 255, 0, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-yellow25 {
    background-color: rgba(255, 255, 0, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-magenta100 {
    background-color: magenta; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-magenta75 {
    background-color: rgba(255, 0, 255, 0.75); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-magenta50 {
    background-color: rgba(255, 0, 255, 0.5); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-magenta25 {
    background-color: rgba(255, 0, 255, 0.25); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-50 .bmpui-ui-subtitle-label {
    font-size: 0.5em; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-75 .bmpui-ui-subtitle-label {
    font-size: 0.75em; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-100 .bmpui-ui-subtitle-label {
    font-size: 1em; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-150 .bmpui-ui-subtitle-label {
    font-size: 1.5em; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-200 .bmpui-ui-subtitle-label {
    font-size: 2em; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-300 .bmpui-ui-subtitle-label {
    font-size: 3em; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-400 .bmpui-ui-subtitle-label {
    font-size: 4em; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-characteredge-none .bmpui-ui-subtitle-label {
    text-shadow: none; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-characteredge-raised .bmpui-ui-subtitle-label {
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9), 0px 1px 4px rgba(0, 0, 0, 0.9), 0px 2px 4px rgba(0, 0, 0, 0.9); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-characteredge-depressed .bmpui-ui-subtitle-label {
    text-shadow: rgba(0, 0, 0, 0.8) 0px -2px 1px; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-characteredge-uniform .bmpui-ui-subtitle-label {
    text-shadow: -2px 0px 1px rgba(0, 0, 0, 0.8), 2px 0px 1px rgba(0, 0, 0, 0.8), 0px -2px 1px rgba(0, 0, 0, 0.8), 0px 2px 1px rgba(0, 0, 0, 0.8), -1px 1px 1px rgba(0, 0, 0, 0.8), 1px 1px 1px rgba(0, 0, 0, 0.8), 1px -1px 1px rgba(0, 0, 0, 0.8), 1px 1px 1px rgba(0, 0, 0, 0.8); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-characteredge-dropshadowed .bmpui-ui-subtitle-label {
    text-shadow:  0px 2px 1px rgba(0, 0, 0, 0.8); }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-monospacedserif .bmpui-ui-subtitle-label {
    font-family: 'Courier New', Courier, 'Nimbus Mono L', 'Cutive Mono', monospace; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-proportionalserif .bmpui-ui-subtitle-label {
    font-family: 'Times New Roman', Times, Georgia, Cambria, 'PT Serif Caption', serif; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-monospacedsansserif .bmpui-ui-subtitle-label {
    font-family: 'Deja Vu Sans Mono', 'Lucida Console', Monaco, Consolas, 'PT Mono', monospace; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-proportionalsansserif .bmpui-ui-subtitle-label {
    font-family: Roboto, 'Arial Unicode Ms', Arial, Helvetica, Verdana, 'PT Sans Caption', sans-serif; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-casual .bmpui-ui-subtitle-label {
    font-family: 'Comic Sans MS', Impact, Handlee, fantasy; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-cursive .bmpui-ui-subtitle-label {
    font-family: 'Monotype Corsiva', 'URW Chancery L', 'Apple Chancery', 'Dancing Script', cursive;
    font-style: italic; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-smallcapital .bmpui-ui-subtitle-label {
    font-variant: small-caps; }
  .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingstogglebutton {
    background-image: svg("assets/skin-modern/images/subtitles.svg"); }
    .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingstogglebutton.bmpui-on {
      background-image: svg("assets/skin-modern/images/subtitlesX.svg"); }
  .bmpui-ui-skin-modern .bmpui-ui-audiotracksettingstogglebutton {
    background-image: svg("assets/skin-modern/images/audio-tracks.svg"); }
    .bmpui-ui-skin-modern .bmpui-ui-audiotracksettingstogglebutton.bmpui-on {
      background-image: svg("assets/skin-modern/images/audio-tracksX.svg"); }
  .bmpui-ui-skin-modern.bmpui-ui-skin-ads {
    /* Hide the huge playback button overlay while an ad is playing, so a click goes
   * through to the click-through overlay which will register the click and then
   * pause playback. In the paused state, the huge playback toggle button will be
   * shown and continues playback of the ad when clicked.
   */ }
    .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status {
      background-color: rgba(0, 0, 0, 0.7);
      left: 1.5em;
      padding: .5em 1.5em;
      position: absolute;
      top: 1em; }
      .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-label-ad-message {
        color: #999;
        white-space: normal; }
      .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-button-ad-skip .bmpui-label {
        display: inherit; }
        .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-button-ad-skip .bmpui-label:hover {
          text-decoration: underline; }
      .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-button-ad-skip::before {
        color: #1fabe2;
        content: '\25CF';
        padding-left: .5em;
        padding-right: .5em; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-ads.bmpui-player-state-playing .bmpui-ui-playbacktoggle-overlay {
      display: none; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-ads.bmpui-ui-skin-smallscreen .bmpui-ui-ads-status {
      bottom: 0;
      left: 0;
      padding: 1em 1.5em;
      top: auto;
      width: 100%; }
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-controlbar, .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-titlebar {
    background: rgba(17, 17, 17, 0.85);
    padding: .3em .5em; }
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-controlbar {
    bottom: 10%;
    left: 10%;
    right: 10%;
    width: auto; }
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-titlebar {
    left: 10%;
    right: 10%;
    top: 10%;
    width: auto; }
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-watermark {
    margin: 0;
    right: 10%;
    top: 10%; }
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay {
    bottom: 10%; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay.bmpui-controlbar-visible {
      bottom: 20%; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay .bmpui-ui-subtitle-label {
      background-color: rgba(0, 0, 0, 0.5);
      box-decoration-break: clone;
      line-height: 2em;
      padding: .3em .5em;
      text-shadow: none; }
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
    background-image: svg("assets/skin-modern/images/pause.svg");
    opacity: .7; }
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-hugeplaybacktogglebutton.bmpui-on .bmpui-image,
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-hugeplaybacktogglebutton.bmpui-off .bmpui-image {
    animation: none;
    transition: none; }
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-seekbar-bufferlevel,
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-seekbar-playbackposition,
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-buffering-overlay,
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-titlebar,
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-controlbar,
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay {
    transition: none; }
  .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-buffering-overlay-indicator {
    display: none; }
  .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen {
    font-size: 1.2em; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-settings-panel {
      height: 100%;
      left: 0;
      margin: 0;
      position: absolute;
      top: 0;
      width: 100%;
      display: table;
      display: flex; }
      .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-settings-panel > .bmpui-container-wrapper {
        display: table-cell;
        text-align: center;
        vertical-align: middle; }
      .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-settings-panel > .bmpui-container-wrapper {
        margin: auto; }
      .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-settings-panel .bmpui-ui-settings-panel-item {
        text-align: left; }
      .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-settings-panel .bmpui-ui-closebutton {
        margin: 2em;
        position: absolute;
        right: 0;
        top: 0; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-watermark {
      display: none; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-titlebar > .bmpui-container-wrapper {
      display: flex; }
      .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-titlebar > .bmpui-container-wrapper > * {
        margin: 0 .25em; }
      .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-ui-label {
        display: inline;
        font-size: 1em; }
      .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata-title {
        width: 100%; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-cast-status-overlay {
      background: #111; }
      .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-cast-status-overlay .bmpui-ui-cast-status-label {
        top: 30%; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
      background-image: svg("assets/skin-modern/images/play.svg");
      background-size: 4em; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-remote-control .bmpui-ui-hugeplaybacktogglebutton.bmpui-on .bmpui-image {
      animation: none;
      background-image: svg("assets/skin-modern/images/pause.svg");
      visibility: visible; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-remote-control .bmpui-ui-hugeplaybacktogglebutton.bmpui-off .bmpui-image {
      animation: none; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-settings-panel,
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-hugeplaybacktogglebutton,
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-hugereplaybutton,
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-errormessage-overlay,
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-buffering-overlay,
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-subtitle-overlay,
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-cast-status-overlay {
      font-size: .6em; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-settings-panel,
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-hugeplaybacktogglebutton,
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-hugereplaybutton,
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-errormessage-overlay,
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-buffering-overlay,
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-subtitle-overlay,
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-cast-status-overlay {
      font-size: .8em; }
    .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-no-flexbox .bmpui-ui-titlebar > .bmpui-container-wrapper {
      border-spacing: .5em 0;
      display: table;
      width: 100%; }
      .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-no-flexbox .bmpui-ui-titlebar > .bmpui-container-wrapper > * {
        display: table-cell;
        vertical-align: middle;
        width: 1em; }
        .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-no-flexbox .bmpui-ui-titlebar > .bmpui-container-wrapper > *.bmpui-hidden {
          display: none; }
      .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-no-flexbox .bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata-title {
        width: 100%; }
  .bmpui-ui-skin-modern.bmpui-player-state-idle .bmpui-ui-controlbar,
  .bmpui-ui-skin-modern.bmpui-player-state-idle .bmpui-ui-titlebar,
  .bmpui-ui-skin-modern.bmpui-player-state-idle .bmpui-ui-hugeplaybacktogglebutton {
    display: none; }
  .bmpui-ui-skin-modern.bmpui-player-state-finished .bmpui-ui-controlbar,
  .bmpui-ui-skin-modern.bmpui-player-state-finished .bmpui-ui-hugeplaybacktogglebutton {
    display: none; }
  .bmpui-ui-skin-modern .bmpui-text-right {
    text-align: right; }
  .bmpui-ui-skin-modern.bmpui-layout-max-width-400 .bmpui-ui-titlebar .bmpui-label-metadata-description {
    display: none; }
  .bmpui-ui-skin-modern.bmpui-layout-max-width-400 .bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-skin-modern.bmpui-layout-max-width-600 .bmpui-ui-hugeplaybacktogglebutton {
    font-size: .7em; }
  .bmpui-ui-skin-modern.bmpui-layout-max-width-400 .bmpui-ui-watermark, .bmpui-ui-skin-modern.bmpui-layout-max-width-600 .bmpui-ui-watermark {
    font-size: .7em; }

/****************************************************************************
 * Copyright (C) 2018, Bitmovin, Inc., All Rights Reserved
 *
 * This source code and its use and distribution, is subject to the terms
 * and conditions of the applicable license agreement.
 *
 * Bitmovin Player Version 7.8.1
 *
 ****************************************************************************/
.bmpui-ui-skin-modern {
  color: #fff;
  font-family: sans-serif;
  font-size: 1em;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.bmpui-ui-skin-modern .bmpui-ui-airplaytogglebutton, .bmpui-ui-skin-modern .bmpui-ui-audiotracksettingstogglebutton, .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay, .bmpui-ui-skin-modern .bmpui-ui-button, .bmpui-ui-skin-modern .bmpui-ui-cast-status-overlay, .bmpui-ui-skin-modern .bmpui-ui-casttogglebutton, .bmpui-ui-skin-modern .bmpui-ui-clickoverlay, .bmpui-ui-skin-modern .bmpui-ui-closebutton, .bmpui-ui-skin-modern .bmpui-ui-component, .bmpui-ui-skin-modern .bmpui-ui-container, .bmpui-ui-skin-modern .bmpui-ui-controlbar, .bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay, .bmpui-ui-skin-modern .bmpui-ui-fullscreentogglebutton, .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-skin-modern .bmpui-ui-hugereplaybutton, .bmpui-ui-skin-modern .bmpui-ui-label, .bmpui-ui-skin-modern .bmpui-ui-listbox, .bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button, .bmpui-ui-skin-modern .bmpui-ui-piptogglebutton, .bmpui-ui-skin-modern .bmpui-ui-playbacktimelabel, .bmpui-ui-skin-modern .bmpui-ui-playbacktoggle-overlay, .bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton, .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay, .bmpui-ui-skin-modern .bmpui-ui-seekbar, .bmpui-ui-skin-modern .bmpui-ui-seekbar-label, .bmpui-ui-skin-modern .bmpui-ui-selectbox, .bmpui-ui-skin-modern .bmpui-ui-settings-panel, .bmpui-ui-skin-modern .bmpui-ui-settingstogglebutton, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-button-ad-skip, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-label-ad-message, .bmpui-ui-skin-modern .bmpui-ui-skin-modern.bmpui-ui-uicontainer, .bmpui-ui-skin-modern .bmpui-ui-spacer, .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsclosebutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsopenbutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsresetbutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingstogglebutton, .bmpui-ui-skin-modern .bmpui-ui-titlebar, .bmpui-ui-skin-modern .bmpui-ui-volumecontrolbutton, .bmpui-ui-skin-modern .bmpui-ui-volumeslider, .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton, .bmpui-ui-skin-modern .bmpui-ui-vrtogglebutton, .bmpui-ui-skin-modern .bmpui-ui-watermark {
  /*! placeholder to avoid removal of empty selector */
  outline: 0; }

.bmpui-ui-skin-modern .bmpui-ui-buffering-overlay, .bmpui-ui-skin-modern .bmpui-ui-cast-status-overlay, .bmpui-ui-skin-modern .bmpui-ui-container, .bmpui-ui-skin-modern .bmpui-ui-controlbar, .bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay, .bmpui-ui-skin-modern .bmpui-ui-listbox, .bmpui-ui-skin-modern .bmpui-ui-playbacktoggle-overlay, .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay, .bmpui-ui-skin-modern .bmpui-ui-seekbar-label, .bmpui-ui-skin-modern .bmpui-ui-settings-panel, .bmpui-ui-skin-modern .bmpui-ui-skin-modern.bmpui-ui-uicontainer, .bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay, .bmpui-ui-skin-modern .bmpui-ui-titlebar, .bmpui-ui-skin-modern .bmpui-ui-volumecontrolbutton {
  font-size: 1em; }

.bmpui-ui-skin-modern.bmpui-ui-uicontainer {
  z-index: 99999;
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 1em;
  overflow: hidden;
  pointer-events: none; }

.bmpui-ui-skin-modern.bmpui-ui-uicontainer * {
  pointer-events: auto; }

.bmpui-ui-skin-modern.bmpui-ui-uicontainer.bmpui-hidden {
  display: none; }

.bmpui-ui-skin-modern.bmpui-ui-uicontainer.bmpui-player-state-playing.bmpui-controls-hidden * {
  cursor: none; }

.bmpui-ui-skin-modern.bmpui-ui-uicontainer.bmpui-no-flexbox {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="); }

.bmpui-ui-skin-modern.bmpui-ui-uicontainer.bmpui-no-flexbox.bmpui-fullscreen {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1; }

.bmpui-ui-skin-modern .bmpui-ui-controlbar {
  opacity: 1;
  transition: opacity .3s, visibility 0s;
  visibility: visible;
  bottom: 0;
  position: absolute;
  width: 100%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
  line-height: 1em;
  padding: 1em 1em .5em; }

.bmpui-ui-skin-modern .bmpui-ui-controlbar.bmpui-hidden {
  opacity: 0;
  transition: opacity .3s, visibility .3s;
  visibility: hidden; }

.bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper, .bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: .5em; }

.bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-top .bmpui-ui-label {
  font-size: .9em; }

.bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper > * {
  margin: 0 .5em; }

.bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-bottom {
  white-space: nowrap; }

.bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper > * {
  margin: 0 .25em; }

.bmpui-ui-skin-modern .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper .bmpui-ui-volumeslider {
  margin: .25em .5em;
  width: 5em; }

.bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper, .bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper {
  border-spacing: .5em 0;
  display: table; }

.bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper > *, .bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper > * {
  display: table-cell;
  vertical-align: middle; }

.bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper > .bmpui-hidden, .bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper > .bmpui-hidden {
  display: none; }

.bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper .bmpui-ui-volumeslider, .bmpui-ui-skin-modern.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper .bmpui-ui-volumeslider {
  width: 10%; }

.bmpui-ui-skin-modern .bmpui-ui-airplaytogglebutton, .bmpui-ui-skin-modern .bmpui-ui-audiotracksettingstogglebutton, .bmpui-ui-skin-modern .bmpui-ui-button, .bmpui-ui-skin-modern .bmpui-ui-casttogglebutton, .bmpui-ui-skin-modern .bmpui-ui-clickoverlay, .bmpui-ui-skin-modern .bmpui-ui-closebutton, .bmpui-ui-skin-modern .bmpui-ui-fullscreentogglebutton, .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-skin-modern .bmpui-ui-hugereplaybutton, .bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button, .bmpui-ui-skin-modern .bmpui-ui-piptogglebutton, .bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton, .bmpui-ui-skin-modern .bmpui-ui-settingstogglebutton, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-button-ad-skip, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsclosebutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsopenbutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsresetbutton, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingstogglebutton, .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton, .bmpui-ui-skin-modern .bmpui-ui-vrtogglebutton, .bmpui-ui-skin-modern .bmpui-ui-watermark {
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
  font-size: 1em;
  height: 1.5em;
  min-width: 1.5em;
  padding: 0; }

.bmpui-ui-skin-modern .bmpui-ui-airplaytogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-audiotracksettingstogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-button .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-casttogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-clickoverlay .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-closebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-fullscreentogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-hugereplaybutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-piptogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-settingstogglebutton .bmpui-label, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-button-ad-skip .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsclosebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsopenbutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsresetbutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingstogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-vrtogglebutton .bmpui-label, .bmpui-ui-skin-modern .bmpui-ui-watermark .bmpui-label {
  color: #fff;
  display: none; }

.bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-airplaytogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-audiotracksettingstogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-button, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-casttogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-clickoverlay, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-closebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-fullscreentogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-hugereplaybutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-piptogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-playbacktogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-settingstogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-subtitlesettingsclosebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-subtitlesettingsopenbutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-subtitlesettingsresetbutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-subtitlesettingstogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-volumetogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-vrtogglebutton, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-watermark, .bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-hidden.bmpui-ui-listbox-button, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-hidden.bmpui-ui-button-ad-skip {
  display: none; }

.bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Shape_2%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M23.3%2C15.2L9.8%2C5.6c-0.3-0.2-0.7-0.3-1-0.1C8.5%2C5.7%2C8.3%2C6%2C8.3%2C6.3v19.3c0%2C0.4%2C0.2%2C0.7%2C0.6%2C0.9%0A%09%09%09c0.1%2C0.1%2C0.3%2C0.1%2C0.4%2C0.1c0.2%2C0%2C0.4-0.1%2C0.6-0.2l13.4-9.7c0.3-0.2%2C0.4-0.5%2C0.4-0.8C23.6%2C15.7%2C23.5%2C15.3%2C23.3%2C15.2z%20M10.3%2C23.6V8.4%0A%09%09%09L21%2C16L10.3%2C23.6z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton:hover {
  -webkit-filter: drop-shadow(0 0 1px #fff);
  filter: drop-shadow(0 0 1px #fff); }

.bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton.bmpui-on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_2_copy%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M11.3%2C5.4H8.9c-1.3%2C0-2.4%2C1.1-2.4%2C2.4v16.5c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4h2.4c1.3%2C0%2C2.4-1.1%2C2.4-2.4V7.7%0A%09%09%09C13.6%2C6.4%2C12.6%2C5.4%2C11.3%2C5.4z%20M11.3%2C24.3H8.9V7.7h2.4V24.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_2_copy_2%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M23.1%2C5.4h-2.4c-1.3%2C0-2.4%2C1.1-2.4%2C2.4v16.5c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4h2.4c1.3%2C0%2C2.4-1.1%2C2.4-2.4V7.7%0A%09%09%09C25.4%2C6.4%2C24.4%2C5.4%2C23.1%2C5.4z%20M23.1%2C24.3h-2.4V7.7h2.4V24.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-playbacktogglebutton.bmpui-on.bmpui-stoptoggle {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_2_1_%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M24.3%2C5.4H7.7c-1.3%2C0-2.4%2C1.1-2.4%2C2.4v16.5c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4h16.5c1.3%2C0%2C2.4-1.1%2C2.4-2.4V7.7%0A%09%09%09C26.6%2C6.4%2C25.6%2C5.4%2C24.3%2C5.4z%20M24.3%2C24.3H7.7V7.7h16.5V24.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-fullscreentogglebutton {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_6%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M4.7%2C7.7h4.7V5.4H4.7c-1.3%2C0-2.4%2C1.1-2.4%2C2.4v4.7h2.4V7.7z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_6_copy%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M4.7%2C19.5H2.4v4.7c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4h4.7v-2.4H4.7V19.5z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_6_copy_2%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M27.3%2C5.4h-4.7v2.4h4.7v4.7h2.4V7.7C29.6%2C6.4%2C28.6%2C5.4%2C27.3%2C5.4z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_6_copy_3%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M27.3%2C24.3h-4.7v2.4h4.7c1.3%2C0%2C2.4-1.1%2C2.4-2.4v-4.7h-2.4V24.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-fullscreentogglebutton:hover {
  -webkit-filter: drop-shadow(0 0 1px #fff);
  filter: drop-shadow(0 0 1px #fff); }

.bmpui-ui-skin-modern .bmpui-ui-fullscreentogglebutton.bmpui-on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.302%3B%7D%0A%09.st1%7Bfill%3A%231FABE2%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_19%22%20class%3D%22st0%22%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%224.7%22%20y%3D%227.7%22%20class%3D%22st1%22%20width%3D%2222.5%22%20height%3D%2216.5%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_6_1_%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M4.7%2C7.7h4.7V5.4H4.7c-1.3%2C0-2.4%2C1.1-2.4%2C2.4v4.7h2.4V7.7z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_6_copy_1_%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M4.7%2C19.5H2.4v4.7c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4h4.7v-2.4H4.7V19.5z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_6_copy_2_1_%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M27.3%2C5.4h-4.7v2.4h4.7v4.7h2.4V7.7C29.6%2C6.4%2C28.6%2C5.4%2C27.3%2C5.4z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_6_copy_3_1_%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M27.3%2C24.3h-4.7v2.4h4.7c1.3%2C0%2C2.4-1.1%2C2.4-2.4v-4.7h-2.4V24.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-vrtogglebutton {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_9%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M29%2C5.4H3c-1.3%2C0-2.4%2C1.1-2.4%2C2.4v16.5c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4h9.4v-2.4H3V7.7h26v16.5h-9.4v2.4H29%0A%09%09%09c1.3%2C0%2C2.4-1.1%2C2.4-2.4V7.7C31.4%2C6.4%2C30.3%2C5.4%2C29%2C5.4z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22v%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M10.1%2C11.3c-2.6%2C0-4.7%2C2.1-4.7%2C4.7s2.1%2C4.7%2C4.7%2C4.7s4.7-2.1%2C4.7-4.7S12.7%2C11.3%2C10.1%2C11.3z%20M10.1%2C18.4%0A%09%09%09c-1.3%2C0-2.4-1.1-2.4-2.4s1.1-2.4%2C2.4-2.4s2.4%2C1.1%2C2.4%2C2.4S11.4%2C18.4%2C10.1%2C18.4z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22v_copy%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M21.9%2C11.3c-2.6%2C0-4.7%2C2.1-4.7%2C4.7s2.1%2C4.7%2C4.7%2C4.7s4.7-2.1%2C4.7-4.7S24.5%2C11.3%2C21.9%2C11.3z%20M21.9%2C18.4%0A%09%09%09c-1.3%2C0-2.4-1.1-2.4-2.4s1.1-2.4%2C2.4-2.4s2.4%2C1.1%2C2.4%2C2.4S23.2%2C18.4%2C21.9%2C18.4z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_10%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M16%2C23.1c2%2C0%2C3.5%2C1.5%2C3.5%2C3.5h2.4c0-3.3-2.6-5.9-5.9-5.9s-5.9%2C2.6-5.9%2C5.9h2.4C12.5%2C24.6%2C14%2C23.1%2C16%2C23.1z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-vrtogglebutton:hover {
  -webkit-filter: drop-shadow(0 0 1px #fff);
  filter: drop-shadow(0 0 1px #fff); }

.bmpui-ui-skin-modern .bmpui-ui-vrtogglebutton.bmpui-on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.302%3B%7D%0A%09.st1%7Bfill%3A%231FABE2%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_25%22%20class%3D%22st0%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M3%2C7.7v16.5h10.6v-2.4h4.7v2.4H29V7.7H3z%20M7.7%2C19.5v-7.1h5.9v7.1H7.7z%20M25.4%2C19.5h-7.1v-7.1h7.1V19.5z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_10_1_%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M21.9%2C20.7c2.6%2C0%2C4.7-2.1%2C4.7-4.7s-2.1-4.7-4.7-4.7s-4.7%2C2.1-4.7%2C4.7S19.3%2C20.7%2C21.9%2C20.7z%20M21.9%2C13.6%0A%09%09%09c1.3%2C0%2C2.4%2C1.1%2C2.4%2C2.4s-1.1%2C2.4-2.4%2C2.4s-2.4-1.1-2.4-2.4S20.6%2C13.6%2C21.9%2C13.6z%20M10.1%2C20.7c2.6%2C0%2C4.7-2.1%2C4.7-4.7%0A%09%09%09s-2.1-4.7-4.7-4.7S5.4%2C13.4%2C5.4%2C16S7.5%2C20.7%2C10.1%2C20.7z%20M10.1%2C13.6c1.3%2C0%2C2.4%2C1.1%2C2.4%2C2.4s-1.1%2C2.4-2.4%2C2.4S7.7%2C17.3%2C7.7%2C16%0A%09%09%09S8.8%2C13.6%2C10.1%2C13.6z%20M29%2C5.4H3c-1.3%2C0-2.4%2C1.1-2.4%2C2.4v16.5c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4h9.4c0-2%2C1.5-3.5%2C3.5-3.5s3.5%2C1.5%2C3.5%2C3.5H29%0A%09%09%09c1.3%2C0%2C2.4-1.1%2C2.4-2.4V7.7C31.4%2C6.4%2C30.3%2C5.4%2C29%2C5.4z%20M29%2C24.3h-7.6c-0.9-2.1-3-3.5-5.4-3.5s-4.5%2C1.4-5.4%2C3.5H3V7.7h26V24.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton:hover {
  -webkit-filter: drop-shadow(0 0 1px #fff);
  filter: drop-shadow(0 0 1px #fff); }

.bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-muted, .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="0"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_2_copy_4%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M12.2%2C13.1H6.4c-1.1%2C0-1.9%2C0.9-1.9%2C1.9v2c0%2C1.1%2C0.9%2C1.9%2C1.9%2C1.9h5.8c1.1%2C0%2C1.9-0.9%2C1.9-1.9v-2%0A%09%09%09C14.1%2C14%2C13.2%2C13.1%2C12.2%2C13.1z%20M12.2%2C17H6.4v-2h5.8C12.2%2C15%2C12.2%2C17%2C12.2%2C17z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cg%20id%3D%22Rounded_Rectangle_3%22%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M18.1%2C11.9c-0.4%2C0.4-0.4%2C1%2C0%2C1.4l6.8%2C6.8c0.4%2C0.4%2C1%2C0.4%2C1.4%2C0s0.4-1%2C0-1.4l-6.8-6.8%0A%09%09%09%09C19.1%2C11.5%2C18.5%2C11.5%2C18.1%2C11.9z%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%20id%3D%22Rounded_Rectangle_3_1_%22%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M26.3%2C11.9c-0.4-0.4-1-0.4-1.4%2C0l-6.8%2C6.8c-0.4%2C0.4-0.4%2C1%2C0%2C1.4s1%2C0.4%2C1.4%2C0l6.8-6.8%0A%09%09%09%09C26.7%2C12.9%2C26.7%2C12.3%2C26.3%2C11.9z%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M17.9%2C21.7v2l-9.6-7v2.5l10%2C7.1c0.2%2C0.1%2C0.4%2C0.2%2C0.6%2C0.2s0.3%2C0%2C0.5-0.1c0.3-0.2%2C0.6-0.5%2C0.6-0.9v-3.9%0A%09%09L17.9%2C21.7L17.9%2C21.7z%22%2F%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M17.9%2C10.3H20v-4c-0.1-0.4-0.3-0.7-0.7-0.9c-0.3-0.2-0.8-0.1-1.1%2C0.1l-9.9%2C7.1v2.5l9.6-6.9V10.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='1'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='2'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='3'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='4'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='5'] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_4%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M19.3%2C5.5c-0.3-0.2-0.8-0.1-1.1%2C0.1l-9.9%2C7.1v2.5l9.6-6.9v15.4l-9.6-7v2.5l10%2C7.1c0.2%2C0.1%2C0.4%2C0.2%2C0.6%2C0.2%0A%09%09%09s0.3%2C0%2C0.5-0.1c0.3-0.2%2C0.6-0.5%2C0.6-0.9V6.3C19.9%2C6%2C19.7%2C5.7%2C19.3%2C5.5z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_2_copy_4%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M12.2%2C13.1H6.4c-1.1%2C0-1.9%2C0.9-1.9%2C1.9v2c0%2C1.1%2C0.9%2C1.9%2C1.9%2C1.9h5.8c1.1%2C0%2C1.9-0.9%2C1.9-1.9v-2%0A%09%09%09C14.1%2C14%2C13.2%2C13.1%2C12.2%2C13.1z%20M12.2%2C17H6.4v-2h5.8C12.2%2C15%2C12.2%2C17%2C12.2%2C17z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rounded_Rectangle_4%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M23.7%2C12.1c-0.6%2C0-1%2C0.4-1%2C1v5.8c0%2C0.6%2C0.4%2C1%2C1%2C1s1-0.4%2C1-1v-5.8C24.7%2C12.5%2C24.3%2C12.1%2C23.7%2C12.1z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='6'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='7'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='8'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='9'], .bmpui-ui-skin-modern .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens='10'] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_4%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M19.3%2C5.5c-0.3-0.2-0.8-0.1-1.1%2C0.1l-9.9%2C7.1v2.5l9.6-6.9v15.4l-9.6-7v2.5l10%2C7.1c0.2%2C0.1%2C0.4%2C0.2%2C0.6%2C0.2%0A%09%09%09s0.3%2C0%2C0.5-0.1c0.3-0.2%2C0.6-0.5%2C0.6-0.9V6.3C19.9%2C6%2C19.7%2C5.7%2C19.3%2C5.5z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_2_copy_4%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M12.2%2C13.1H6.4c-1.1%2C0-1.9%2C0.9-1.9%2C1.9V17c0%2C1.1%2C0.9%2C1.9%2C1.9%2C1.9h5.8c1.1%2C0%2C1.9-0.9%2C1.9-1.9V15%0A%09%09%09C14.1%2C14%2C13.2%2C13.1%2C12.2%2C13.1z%20M12.2%2C17H6.4V15h5.8V17z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rounded_Rectangle_3%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M27.6%2C10.2c-0.6%2C0-1%2C0.4-1%2C1v9.7c0%2C0.6%2C0.4%2C1%2C1%2C1s1-0.4%2C1-1v-9.7C28.6%2C10.6%2C28.2%2C10.2%2C27.6%2C10.2z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rounded_Rectangle_4%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M23.7%2C12.1c-0.6%2C0-1%2C0.4-1%2C1v5.8c0%2C0.6%2C0.4%2C1%2C1%2C1c0.6%2C0%2C1-0.4%2C1-1v-5.8C24.7%2C12.5%2C24.3%2C12.1%2C23.7%2C12.1z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-seekbar, .bmpui-ui-skin-modern .bmpui-ui-volumeslider {
  cursor: pointer;
  font-size: 1em;
  height: 1em;
  position: relative;
  width: 100%; }

.bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-seekbar, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-volumeslider {
  display: none; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar {
  height: 100%;
  position: relative; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers, .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker, .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition-marker, .bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition {
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  bottom: 0;
  height: .2em;
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
  transform-origin: 0 0;
  width: 100%; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop {
  background-color: rgba(255, 255, 255, 0.2);
  margin: auto 0;
  width: 100%; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel {
  background-color: #fff;
  margin: auto 0;
  transition: .3s linear, .3s linear;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition {
  background-color: rgba(255, 255, 255, 0.2);
  margin: auto 0; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
  background-color: #1fabe2;
  margin: auto 0;
  transition: .1s linear, .1s linear;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition-marker, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.302%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%231FABE2%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Ellipse_1%22%20class%3D%22st0%22%3E%0A%09%3Cg%3E%0A%09%09%3Ccircle%20class%3D%22st1%22%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%225.5%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Ellipse_1_copy%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M16.5%2C8C11.8%2C8%2C8%2C11.8%2C8%2C16.5c0%2C4.7%2C3.8%2C8.5%2C8.5%2C8.5c4.7%2C0%2C8.5-3.8%2C8.5-8.5C25%2C11.8%2C21.2%2C8%2C16.5%2C8z%20M16.5%2C21%0A%09%09%09C14%2C21%2C12%2C19%2C12%2C16.5s2-4.5%2C4.5-4.5c2.5%2C0%2C4.5%2C2%2C4.5%2C4.5S19%2C21%2C16.5%2C21z%22%20transform%3D%22translate(-0.5%20-0.5)%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.6em;
  height: 1em;
  left: -.5em;
  position: absolute;
  width: 1em; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers {
  height: .4em;
  margin: auto 0; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker, .bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker {
  border-right: 2px solid #fff;
  box-sizing: content-box;
  height: 100%;
  margin-left: -1px;
  width: 0; }

.bmpui-ui-skin-modern .bmpui-seeking.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-seeking.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-skin-modern .bmpui-seeking.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-seeking.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
  transition: none; }

.bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar {
  height: 100%;
  width: auto; }

.bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition {
  right: 0;
  top: auto; }

.bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition .bmpui-seekbar-playbackposition-marker, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition .bmpui-seekbar-playbackposition-marker {
  height: 1em;
  top: -.5em;
  width: 100%; }

.bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop {
  height: 100%;
  margin: 0 auto;
  width: auto; }

.bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern .bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition {
  margin: 0 auto; }

.bmpui-ui-skin-modern .bmpui-ui-watermark {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2068%2068%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%231FABE2%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Shape_1%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M63.3%2C32.5L24.3%2C5v13.4l20.4%2C14.5c0.8%2C0.6%2C0.8%2C1.8%2C0%2C2.4L24.3%2C49.6V63l39-27.5C64.2%2C34.7%2C64.2%2C33.3%2C63.3%2C32.5%0A%09%09%09z%20M38%2C32.5L12.8%2C14.7V25l11.1%2C7.9c0.8%2C0.6%2C0.8%2C1.8%2C0%2C2.4L12.8%2C43v10.3L38%2C35.5C39%2C34.7%2C39%2C33.3%2C38%2C32.5z%20M17.2%2C32.6L4%2C23.2v6.5%0A%09%09%09l4.5%2C3.2c0.8%2C0.6%2C0.8%2C1.8%2C0%2C2.4L4%2C38.4v6.5l13.2-9.4C18.2%2C34.7%2C18.2%2C33.3%2C17.2%2C32.6z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  height: 4em;
  margin: 2em;
  opacity: .8;
  position: absolute;
  right: 0;
  top: 0;
  width: 4em; }

.bmpui-ui-skin-modern .bmpui-ui-watermark:hover {
  opacity: 1; }

.bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton {
  cursor: default;
  height: 8em;
  outline: none;
  overflow: hidden;
  width: 8em; }

@-webkit-keyframes a {
  0% {
    opacity: 1;
    visibility: visible; }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
    visibility: hidden; } }

@keyframes a {
  0% {
    opacity: 1;
    visibility: visible; }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
    visibility: hidden; } }

@-webkit-keyframes b {
  0% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
    visibility: visible; }
  to {
    opacity: 1; } }

@keyframes b {
  0% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
    visibility: visible; }
  to {
    opacity: 1; } }

@-webkit-keyframes c {
  30% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  60% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes c {
  30% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  60% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20140%20140%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.6%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M70%2C5C34.1%2C5%2C5%2C34.1%2C5%2C70s29.1%2C65%2C65%2C65c35.9%2C0%2C65-29.1%2C65-65S105.9%2C5%2C70%2C5z%20M70%2C132c-34.2%2C0-62-27.8-62-62%0A%09S35.8%2C8%2C70%2C8c34.2%2C0%2C62%2C27.8%2C62%2C62S104.2%2C132%2C70%2C132z%22%2F%3E%0A%3Cg%20id%3D%22Shape_2_copy%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M89.2%2C68.5L63.1%2C50.4c-0.6-0.4-1.4-0.5-2-0.1c-0.6%2C0.3-1.1%2C1-1.1%2C1.7v36.2c0%2C0.7%2C0.4%2C1.4%2C1.1%2C1.7%0A%09%09%09c0.3%2C0.1%2C0.6%2C0.2%2C0.9%2C0.2c0.4%2C0%2C0.8-0.1%2C1.1-0.4l26.1-18.1c0.5-0.4%2C0.8-0.9%2C0.8-1.5C90%2C69.4%2C89.7%2C68.8%2C89.2%2C68.5z%20M63.9%2C84.4V55.6%0A%09%09%09L84.7%2C70L63.9%2C84.4z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 7em;
  height: 100%;
  width: 100%; }

.bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton .bmpui-image:hover {
  -webkit-animation: c 3s ease-in-out infinite;
  animation: c 3s ease-in-out infinite; }

.bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton.bmpui-on .bmpui-image {
  -webkit-animation: a 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation: a 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: visibility 0s .3s;
  visibility: hidden; }

.bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton.bmpui-off .bmpui-image {
  -webkit-animation: b 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation: b 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  visibility: visible; }

.bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton.bmpui-no-transition-animations.bmpui-off .bmpui-image, .bmpui-ui-skin-modern .bmpui-ui-hugeplaybacktogglebutton.bmpui-no-transition-animations.bmpui-on .bmpui-image {
  -webkit-animation: none;
  animation: none;
  transition: none; }

.bmpui-ui-skin-modern .bmpui-ui-label, .bmpui-ui-skin-modern .bmpui-ui-playbacktimelabel, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-label-ad-message {
  cursor: default;
  white-space: nowrap; }

.bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-label, .bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-playbacktimelabel, .bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-hidden.bmpui-ui-label-ad-message {
  display: none; }

.bmpui-ui-skin-modern .bmpui-ui-settings-panel {
  opacity: 1;
  transition: opacity .3s, visibility 0s;
  visibility: visible;
  background-color: rgba(18, 18, 18, 0.85);
  bottom: 5em;
  padding: 0;
  position: absolute;
  right: 2em; }

.bmpui-ui-skin-modern .bmpui-hidden.bmpui-ui-settings-panel {
  opacity: 0;
  transition: opacity .3s, visibility .3s;
  visibility: hidden; }

.bmpui-ui-skin-modern .bmpui-ui-settings-panel > .bmpui-container-wrapper {
  margin: .5em;
  overflow-y: auto; }

.bmpui-ui-skin-modern .bmpui-ui-settings-panel > .bmpui-container-wrapper > * {
  margin: 0 .5em; }

.bmpui-ui-skin-modern .bmpui-ui-settings-panel > .bmpui-container-wrapper .bmpui-container-wrapper > .bmpui-ui-label {
  display: inline-block;
  font-size: .8em;
  width: 9em; }

.bmpui-ui-skin-modern .bmpui-ui-settings-panel > .bmpui-container-wrapper .bmpui-container-wrapper > .bmpui-ui-selectbox {
  width: 12em; }

.bmpui-ui-skin-modern .bmpui-ui-settings-panel .bmpui-ui-settings-panel-item {
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
  padding: .5em 0; }

.bmpui-ui-skin-modern .bmpui-ui-settings-panel .bmpui-ui-settings-panel-item.bmpui-last {
  border-bottom: 0; }

.bmpui-ui-skin-modern .bmpui-ui-settings-panel .bmpui-ui-settings-panel-item.bmpui-hidden {
  display: none; }

.bmpui-ui-skin-modern .bmpui-container-wrapper > .bmpui-ui-settings-panel {
  margin: 0; }

.bmpui-ui-skin-modern .bmpui-ui-audiotracksettingstogglebutton:hover, .bmpui-ui-skin-modern .bmpui-ui-settingstogglebutton:hover, .bmpui-ui-skin-modern .bmpui-ui-subtitlesettingstogglebutton:hover {
  -webkit-filter: drop-shadow(0 0 1px #fff);
  filter: drop-shadow(0 0 1px #fff); }

.bmpui-ui-skin-modern .bmpui-on.bmpui-ui-audiotracksettingstogglebutton:hover, .bmpui-ui-skin-modern .bmpui-on.bmpui-ui-settingstogglebutton:hover, .bmpui-ui-skin-modern .bmpui-on.bmpui-ui-subtitlesettingstogglebutton:hover {
  -webkit-filter: drop-shadow(0 0 1px #1fabe2);
  filter: drop-shadow(0 0 1px #1fabe2); }

.bmpui-ui-skin-modern .bmpui-ui-settingstogglebutton {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Shape_4%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M25.6%2C13.8l-1.4-0.3c-0.2-0.5-0.4-1-0.6-1.4l0.9-1.3c0.4-0.5%2C0.3-1.3-0.1-1.7L23%2C7.7c-0.3-0.3-0.6-0.4-1-0.4%0A%09%09%09c-0.3%2C0-0.6%2C0.1-0.8%2C0.3L20%2C8.5c-0.5-0.3-1-0.5-1.5-0.6l-0.3-1.4c0-0.6-0.6-1.1-1.3-1.1H15c-0.7%2C0-1.2%2C0.5-1.3%2C1.1L13.5%2C8%0A%09%09%09c-0.5%2C0.2-1%2C0.4-1.4%2C0.6l-1.3-0.9c-0.2-0.2-0.5-0.3-0.8-0.3c-0.4%2C0-0.7%2C0.1-1%2C0.4L7.8%2C9.1c-0.5%2C0.5-0.5%2C1.2-0.1%2C1.7l0.9%2C1.3%0A%09%09%09c-0.3%2C0.5-0.5%2C1-0.6%2C1.4l-1.4%2C0.3c-0.7%2C0-1.2%2C0.6-1.2%2C1.3V17c0%2C0.7%2C0.5%2C1.2%2C1.1%2C1.3L8%2C18.5c0.2%2C0.5%2C0.4%2C1%2C0.6%2C1.4l-0.9%2C1.3%0A%09%09%09c-0.4%2C0.5-0.3%2C1.3%2C0.1%2C1.7l1.4%2C1.4c0.3%2C0.3%2C0.6%2C0.4%2C1%2C0.4c0.3%2C0%2C0.6-0.1%2C0.8-0.3l1.3-0.9c0.5%2C0.2%2C1%2C0.4%2C1.4%2C0.6l0.3%2C1.4%0A%09%09%09c0.1%2C0.7%2C0.7%2C1.1%2C1.3%2C1.1H17c0.7%2C0%2C1.2-0.5%2C1.3-1.1l0.3-1.4c0.5-0.2%2C1-0.4%2C1.4-0.6l1.3%2C0.9c0.2%2C0.2%2C0.5%2C0.3%2C0.8%2C0.3%0A%09%09%09c0.4%2C0%2C0.7-0.1%2C1-0.4l1.4-1.4c0.5-0.5%2C0.5-1.2%2C0.1-1.7L23.5%2C20c0.3-0.5%2C0.5-1%2C0.6-1.4l1.4-0.3c0.7-0.1%2C1.1-0.7%2C1.1-1.3V15%0A%09%09%09C26.6%2C14.5%2C26.1%2C13.9%2C25.6%2C13.8z%20M24.6%2C16.9L24.6%2C16.9C24.6%2C17%2C24.6%2C17%2C24.6%2C16.9l-1.8%2C0.4c-0.2%2C0-0.4%2C0.2-0.4%2C0.4%0A%09%09%09c-0.2%2C0.6-0.4%2C1.2-0.7%2C1.6c-0.1%2C0.2-0.1%2C0.4%2C0%2C0.6l1%2C1.4v0.1l-1.2%2C1.2h-0.1c0%2C0%2C0%2C0-0.1%2C0l-1.4-1c-0.2-0.1-0.4-0.1-0.6%2C0%0A%09%09%09c-0.5%2C0.3-1.1%2C0.6-1.6%2C0.7c-0.2%2C0.1-0.4%2C0.2-0.4%2C0.4L17%2C24.5c0%2C0.1-0.1%2C0.1-0.1%2C0.1h-1.7c-0.1%2C0-0.1%2C0-0.1-0.1l-0.3-1.7%0A%09%09%09c0-0.2-0.2-0.4-0.4-0.4c-0.6-0.2-1.2-0.4-1.6-0.7c-0.1%2C0-0.2-0.1-0.3-0.1c-0.1%2C0-0.2%2C0-0.3%2C0.1l-1.4%2C1c0%2C0%2C0%2C0-0.1%2C0%0A%09%09%09c0%2C0%2C0%2C0-0.1%2C0l-1.2-1.2v-0.1l1-1.4c0.1-0.2%2C0.1-0.4%2C0-0.6C10%2C19%2C9.7%2C18.4%2C9.6%2C17.8c-0.1-0.2-0.2-0.4-0.4-0.4L7.5%2C17%0A%09%09%09c-0.1%2C0-0.1-0.1-0.1-0.1v-1.7c0-0.1%2C0-0.1%2C0.1-0.1l1.7-0.2c0.2%2C0%2C0.4-0.2%2C0.5-0.4c0.2-0.6%2C0.4-1.2%2C0.7-1.6c0.1-0.2%2C0.1-0.4%2C0-0.6%0A%09%09%09l-1-1.4v-0.1l1.2-1.2h0.1c0%2C0%2C0%2C0%2C0.1%2C0l1.4%2C1c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0c0.5-0.3%2C1.1-0.6%2C1.6-0.7c0.2-0.1%2C0.4-0.2%2C0.4-0.4L15%2C7.5%0A%09%09%09c0-0.1%2C0.1-0.1%2C0.1-0.1h1.7c0.1%2C0%2C0.1%2C0%2C0.1%2C0.1l0.2%2C1.7c0%2C0.2%2C0.2%2C0.4%2C0.4%2C0.5c0.6%2C0.2%2C1.2%2C0.4%2C1.7%2C0.7c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0%0A%09%09%09l1.4-1c0%2C0%2C0%2C0%2C0.1%2C0c0%2C0%2C0%2C0%2C0.1%2C0l1.2%2C1.2v0.1l-1%2C1.4c-0.1%2C0.2-0.1%2C0.4%2C0%2C0.6c0.3%2C0.5%2C0.6%2C1.1%2C0.7%2C1.6c0.1%2C0.2%2C0.2%2C0.4%2C0.4%2C0.4%0A%09%09%09l1.6%2C0.3c0.1%2C0%2C0.1%2C0.1%2C0.1%2C0.1v1.8H24.6z%20M16%2C11.5c-2.5%2C0-4.5%2C2-4.5%2C4.5s2%2C4.5%2C4.5%2C4.5s4.5-2%2C4.5-4.5S18.5%2C11.5%2C16%2C11.5z%0A%09%09%09%20M16%2C18.8c-1.5%2C0-2.8-1.3-2.8-2.8s1.3-2.8%2C2.8-2.8s2.8%2C1.3%2C2.8%2C2.8S17.5%2C18.8%2C16%2C18.8z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-settingstogglebutton.bmpui-on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.302%3B%7D%0A%09.st1%7Bfill%3A%231FABE2%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Ellipse_1_copy%22%20class%3D%22st0%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M23.6%2C12.9c-0.5-1.1-0.7-2.2-1.4-3C21.3%2C9%2C20%2C8.7%2C18.9%2C8.3c-1-0.4-1.7-1-2.9-1S13.9%2C8%2C12.8%2C8.4%0A%09%09%09c-1.1%2C0.5-2.1%2C0.7-3%2C1.4c-0.9%2C0.8-1%2C1.8-1.4%2C2.9c-0.4%2C1.1-1.1%2C2-1.1%2C3.3s0.6%2C2%2C1%2C3.1c0.5%2C1.1%2C0.8%2C2.3%2C1.6%2C3.1%0A%09%09%09c0.8%2C0.8%2C1.8%2C1%2C2.9%2C1.4c1.1%2C0.4%2C2%2C1.1%2C3.2%2C1.1s2.3-0.7%2C3.4-1.2c1.1-0.4%2C1.9-0.6%2C2.8-1.4c0.9-0.9%2C1.1-1.9%2C1.4-3.1%0A%09%09%09c0.4-1%2C1.2-2%2C1.2-3.1C24.7%2C14.8%2C24%2C13.9%2C23.6%2C12.9z%20M16%2C19.9c-2.1%2C0-3.9-1.7-3.9-3.9s1.7-3.9%2C3.9-3.9s3.9%2C1.7%2C3.9%2C3.9%0A%09%09%09S18.1%2C19.9%2C16%2C19.9z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Shape_4_1_%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M25.6%2C13.8l-1.4-0.3c-0.2-0.5-0.4-1-0.6-1.4l0.9-1.3c0.4-0.5%2C0.3-1.3-0.1-1.7L23%2C7.7c-0.3-0.3-0.6-0.4-1-0.4%0A%09%09%09c-0.3%2C0-0.6%2C0.1-0.8%2C0.3L20%2C8.5c-0.5-0.3-1-0.5-1.5-0.6l-0.3-1.4c0-0.6-0.6-1.1-1.3-1.1H15c-0.7%2C0-1.2%2C0.5-1.3%2C1.1L13.5%2C8%0A%09%09%09c-0.5%2C0.2-1%2C0.4-1.4%2C0.6l-1.3-0.9c-0.2-0.2-0.5-0.3-0.8-0.3c-0.4%2C0-0.7%2C0.1-1%2C0.4L7.8%2C9.1c-0.5%2C0.5-0.5%2C1.2-0.1%2C1.7l0.9%2C1.3%0A%09%09%09c-0.3%2C0.5-0.5%2C1-0.6%2C1.4l-1.4%2C0.3c-0.7%2C0-1.2%2C0.6-1.2%2C1.3V17c0%2C0.7%2C0.5%2C1.2%2C1.1%2C1.3L8%2C18.5c0.2%2C0.5%2C0.4%2C1%2C0.6%2C1.4l-0.9%2C1.3%0A%09%09%09c-0.4%2C0.5-0.3%2C1.3%2C0.1%2C1.7l1.4%2C1.4c0.3%2C0.3%2C0.6%2C0.4%2C1%2C0.4c0.3%2C0%2C0.6-0.1%2C0.8-0.3l1.3-0.9c0.5%2C0.2%2C1%2C0.4%2C1.4%2C0.6l0.3%2C1.4%0A%09%09%09c0.1%2C0.7%2C0.7%2C1.1%2C1.3%2C1.1H17c0.7%2C0%2C1.2-0.5%2C1.3-1.1l0.3-1.4c0.5-0.2%2C1-0.4%2C1.4-0.6l1.3%2C0.9c0.2%2C0.2%2C0.5%2C0.3%2C0.8%2C0.3%0A%09%09%09c0.4%2C0%2C0.7-0.1%2C1-0.4l1.4-1.4c0.5-0.5%2C0.5-1.2%2C0.1-1.7L23.5%2C20c0.3-0.5%2C0.5-1%2C0.6-1.4l1.4-0.3c0.7-0.1%2C1.1-0.7%2C1.1-1.3V15%0A%09%09%09C26.6%2C14.5%2C26.1%2C13.9%2C25.6%2C13.8z%20M24.6%2C16.9L24.6%2C16.9C24.6%2C17%2C24.6%2C17%2C24.6%2C16.9l-1.8%2C0.4c-0.2%2C0-0.4%2C0.2-0.4%2C0.4%0A%09%09%09c-0.2%2C0.6-0.4%2C1.2-0.7%2C1.6c-0.1%2C0.2-0.1%2C0.4%2C0%2C0.6l1%2C1.4v0.1l-1.2%2C1.2h-0.1c0%2C0%2C0%2C0-0.1%2C0l-1.4-1c-0.2-0.1-0.4-0.1-0.6%2C0%0A%09%09%09c-0.5%2C0.3-1.1%2C0.6-1.6%2C0.7c-0.2%2C0.1-0.4%2C0.2-0.4%2C0.4L17%2C24.5c0%2C0.1-0.1%2C0.1-0.1%2C0.1h-1.7c-0.1%2C0-0.1%2C0-0.1-0.1l-0.3-1.7%0A%09%09%09c0-0.2-0.2-0.4-0.4-0.4c-0.6-0.2-1.2-0.4-1.6-0.7c-0.1%2C0-0.2-0.1-0.3-0.1c-0.1%2C0-0.2%2C0-0.3%2C0.1l-1.4%2C1c0%2C0%2C0%2C0-0.1%2C0%0A%09%09%09c0%2C0%2C0%2C0-0.1%2C0l-1.2-1.2v-0.1l1-1.4c0.1-0.2%2C0.1-0.4%2C0-0.6C10%2C19%2C9.7%2C18.4%2C9.6%2C17.8c-0.1-0.2-0.2-0.4-0.4-0.4L7.5%2C17%0A%09%09%09c-0.1%2C0-0.1-0.1-0.1-0.1v-1.7c0-0.1%2C0-0.1%2C0.1-0.1l1.7-0.2c0.2%2C0%2C0.4-0.2%2C0.5-0.4c0.2-0.6%2C0.4-1.2%2C0.7-1.6c0.1-0.2%2C0.1-0.4%2C0-0.6%0A%09%09%09l-1-1.4v-0.1l1.2-1.2h0.1c0%2C0%2C0%2C0%2C0.1%2C0l1.4%2C1c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0c0.5-0.3%2C1.1-0.6%2C1.6-0.7c0.2-0.1%2C0.4-0.2%2C0.4-0.4L15%2C7.5%0A%09%09%09c0-0.1%2C0.1-0.1%2C0.1-0.1h1.7c0.1%2C0%2C0.1%2C0%2C0.1%2C0.1l0.2%2C1.7c0%2C0.2%2C0.2%2C0.4%2C0.4%2C0.5c0.6%2C0.2%2C1.2%2C0.4%2C1.7%2C0.7c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0%0A%09%09%09l1.4-1c0%2C0%2C0%2C0%2C0.1%2C0c0%2C0%2C0%2C0%2C0.1%2C0l1.2%2C1.2v0.1l-1%2C1.4c-0.1%2C0.2-0.1%2C0.4%2C0%2C0.6c0.3%2C0.5%2C0.6%2C1.1%2C0.7%2C1.6c0.1%2C0.2%2C0.2%2C0.4%2C0.4%2C0.4%0A%09%09%09l1.6%2C0.3c0.1%2C0%2C0.1%2C0.1%2C0.1%2C0.1v1.8H24.6z%20M16%2C11.5c-2.5%2C0-4.5%2C2-4.5%2C4.5s2%2C4.5%2C4.5%2C4.5s4.5-2%2C4.5-4.5S18.5%2C11.5%2C16%2C11.5z%0A%09%09%09%20M16%2C18.8c-1.5%2C0-2.8-1.3-2.8-2.8s1.3-2.8%2C2.8-2.8s2.8%2C1.3%2C2.8%2C2.8S17.5%2C18.8%2C16%2C18.8z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-selectbox {
  background-color: transparent;
  border: 0;
  color: #1fabe2;
  cursor: pointer;
  font-size: .8em;
  padding: .3em; }

.bmpui-ui-skin-modern .bmpui-ui-selectbox option {
  color: #999; }

.bmpui-ui-skin-modern .bmpui-ui-selectbox option:checked {
  color: #1fabe2; }

.bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button {
  display: block;
  font-size: .8em;
  height: 100%;
  min-width: 10em;
  padding: .5em;
  width: 100%; }

.bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button .bmpui-label {
  display: inherit; }

.bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button.bmpui-selected {
  background-color: rgba(31, 171, 226, 0.7); }

.bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button:hover {
  background-color: rgba(31, 171, 226, 0.85); }

.bmpui-ui-skin-modern .bmpui-ui-listbox .bmpui-ui-listbox-button:last-child {
  border-bottom: 0; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar-label {
  opacity: 1;
  transition: opacity .3s, visibility 0s;
  visibility: visible;
  bottom: 100%;
  left: 0;
  margin-bottom: 1em;
  pointer-events: none;
  position: absolute;
  text-align: center; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar-label.bmpui-hidden {
  opacity: 0;
  transition: opacity .3s, visibility .3s;
  visibility: hidden; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar-label > .bmpui-container-wrapper {
  margin-left: -50%;
  margin-right: 50%;
  position: relative; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner {
  border-bottom: .2em solid #fff; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner:after {
  border: solid transparent;
  border-color: transparent;
  border-top-color: #fff;
  border-width: .5em;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -.5em;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper {
  position: relative; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-thumbnail {
  width: 6em; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-label-metadata {
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
  bottom: 0;
  display: block;
  padding: .5em;
  position: absolute;
  width: 100%; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-label-metadata .bmpui-seekbar-label-time {
  display: block;
  line-height: .8em; }

.bmpui-ui-skin-modern .bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-label-metadata .bmpui-seekbar-label-title {
  display: block;
  margin-bottom: .3em;
  white-space: normal; }

.bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%231FABE2%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Ellipse_1_copy%22%3E%0A%09%3Cg%3E%0A%09%09%3Cg%20id%3D%22Ellipse_2%22%3E%0A%09%09%09%3Cg%3E%0A%09%09%09%09%3Ccircle%20class%3D%22st0%22%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%225%22%2F%3E%0A%09%09%09%3C%2Fg%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel {
  display: none; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay {
  bottom: 2em;
  font-size: 1.2em;
  left: 3em;
  pointer-events: none;
  position: absolute;
  right: 3em;
  text-align: center;
  transition: bottom .15s ease-out; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-hidden {
  display: none; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay .bmpui-ui-subtitle-label {
  text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 1px 1px 0 #000;
  color: #fff; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay .bmpui-ui-subtitle-label:nth-child(1n-1):after {
  content: "\A";
  white-space: pre-line; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-controlbar-visible {
  bottom: 5em;
  transition: bottom .15s ease-in; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-cea608 {
  top: 2em; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-ui-subtitle-label {
  font-family: Courier New, Courier, Nimbus Mono L, Cutive Mono, monospace;
  line-height: 1em;
  position: absolute;
  text-transform: uppercase; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-ui-subtitle-label:nth-child(1n-1):after {
  content: normal;
  white-space: normal; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-cea608.bmpui-controlbar-visible {
  bottom: 2em;
  transition: none; }

.bmpui-ui-skin-modern .bmpui-ui-volumecontrolbutton {
  line-height: 0;
  position: relative; }

.bmpui-ui-skin-modern .bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider {
  background-color: #111;
  bottom: 100%;
  height: 6em;
  position: absolute;
  width: 1.5em;
  max-height: 6em;
  transition: max-height .15s ease-in; }

.bmpui-ui-skin-modern .bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider.bmpui-hidden {
  max-height: 0;
  transition: max-height .15s ease-out; }

.bmpui-ui-skin-modern .bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider .bmpui-seekbar {
  bottom: .5em;
  height: auto;
  left: .3em;
  overflow: hidden;
  position: absolute;
  right: .3em;
  top: .5em;
  width: auto; }

.bmpui-ui-skin-modern .bmpui-ui-casttogglebutton {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_9_copy%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M27.7%2C5.4H6.4c-1.2%2C0-2.1%2C1-2.1%2C2.1v2.1h2.1V7.5h21.3v12.8h-8.5v2.1h8.5c1.2%2C0%2C2.1-1%2C2.1-2.1V7.5%0A%09%09%09C29.8%2C6.3%2C28.9%2C5.4%2C27.7%2C5.4z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_12%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M2.2%2C12.8v2.1c6.5%2C0%2C11.7%2C5.2%2C11.7%2C11.7H16C16%2C19%2C9.8%2C12.8%2C2.2%2C12.8z%20M2.2%2C18.1v2.1c3.5%2C0%2C6.4%2C2.9%2C6.4%2C6.4%0A%09%09%09h2.1C10.7%2C22%2C6.9%2C18.1%2C2.2%2C18.1z%20M2.2%2C23.4v3.2h3.2C5.4%2C24.8%2C4%2C23.4%2C2.2%2C23.4z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-casttogglebutton:hover {
  -webkit-filter: drop-shadow(0 0 1px #fff);
  filter: drop-shadow(0 0 1px #fff); }

.bmpui-ui-skin-modern .bmpui-ui-casttogglebutton.bmpui-on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.302%3B%7D%0A%09.st1%7Bfill%3A%231FABE2%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cg%20id%3D%22Ellipse_1%22%20class%3D%22st0%22%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M6.4%2C7.5v3.3c5.3%2C0.6%2C9.7%2C4.5%2C11.2%2C9.5h10.1V7.5H6.4z%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%20id%3D%22Rectangle_12_2_%22%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M2.2%2C23.4v3.2h3.2C5.4%2C24.8%2C4%2C23.4%2C2.2%2C23.4z%20M2.2%2C18.1v2.1c3.5%2C0%2C6.4%2C2.9%2C6.4%2C6.4h2.1%0A%09%09%09%09C10.7%2C22%2C6.9%2C18.1%2C2.2%2C18.1z%20M2.2%2C12.8v2.1c6.5%2C0%2C11.7%2C5.2%2C11.7%2C11.7H16C16%2C19%2C9.8%2C12.8%2C2.2%2C12.8z%20M27.7%2C5.4H6.4%0A%09%09%09%09c-1.2%2C0-2.1%2C1-2.1%2C2.1v2.1h2.1V7.5h21.3v12.8h-8.5v2.1h8.5c1.2%2C0%2C2.1-1%2C2.1-2.1V7.5C29.8%2C6.3%2C28.9%2C5.4%2C27.7%2C5.4z%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-cast-status-overlay {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 1;
  transition: opacity .3s, visibility 0s;
  visibility: visible;
  background: #111 url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_9_copy%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M27.7%2C5.4H6.4c-1.2%2C0-2.1%2C1-2.1%2C2.1v2.1h2.1V7.5h21.3v12.8h-8.5v2.1h8.5c1.2%2C0%2C2.1-1%2C2.1-2.1V7.5%0A%09%09%09C29.8%2C6.3%2C28.9%2C5.4%2C27.7%2C5.4z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_12%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M2.2%2C12.8v2.1c6.5%2C0%2C11.7%2C5.2%2C11.7%2C11.7H16C16%2C19%2C9.8%2C12.8%2C2.2%2C12.8z%20M2.2%2C18.1v2.1c3.5%2C0%2C6.4%2C2.9%2C6.4%2C6.4%0A%09%09%09h2.1C10.7%2C22%2C6.9%2C18.1%2C2.2%2C18.1z%20M2.2%2C23.4v3.2h3.2C5.4%2C24.8%2C4%2C23.4%2C2.2%2C23.4z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E") 50% no-repeat;
  background-size: 7em 7em; }

.bmpui-ui-skin-modern .bmpui-ui-cast-status-overlay.bmpui-hidden {
  opacity: 0;
  transition: opacity .3s, visibility .3s;
  visibility: hidden; }

.bmpui-ui-skin-modern .bmpui-ui-cast-status-overlay .bmpui-ui-cast-status-label {
  color: #fff;
  font-size: 1.2em;
  left: 0;
  margin: 0 2em;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 65%; }

.bmpui-ui-skin-modern .bmpui-ui-cast-status-overlay .bmpui-ui-cast-status-label * {
  pointer-events: none; }

.bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #111;
  pointer-events: none; }

.bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay.bmpui-hidden {
  display: none; }

.bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay .bmpui-ui-errormessage-label {
  color: #fff;
  font-size: 1.2em;
  left: 3em;
  position: absolute;
  right: 3em;
  text-align: center;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  margin-top: -1em;
  top: 50%; }

.bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay .bmpui-ui-errormessage-label ul {
  color: #999;
  font-size: .9em;
  padding: 0; }

.bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay .bmpui-ui-errormessage-label ul li {
  list-style: none; }

.bmpui-ui-skin-modern .bmpui-ui-errormessage-overlay .bmpui-ui-tvnoisecanvas {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-filter: blur(4px);
  filter: blur(4px); }

.bmpui-ui-skin-modern .bmpui-ui-titlebar {
  opacity: 1;
  transition: opacity .3s, visibility 0s;
  visibility: visible;
  position: absolute;
  top: 0;
  width: 100%;
  background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.7));
  padding: .5em 1em 1em;
  pointer-events: none; }

.bmpui-ui-skin-modern .bmpui-ui-titlebar.bmpui-hidden {
  opacity: 0;
  transition: opacity .3s, visibility .3s;
  visibility: hidden; }

.bmpui-ui-skin-modern .bmpui-ui-titlebar > .bmpui-container-wrapper {
  padding: .5em;
  pointer-events: none; }

.bmpui-ui-skin-modern .bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata {
  pointer-events: none; }

.bmpui-ui-skin-modern .bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata-title {
  cursor: default;
  display: block;
  font-size: 1.2em;
  text-shadow: 0 0 5px #000;
  white-space: normal; }

.bmpui-ui-skin-modern .bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata-description {
  color: #e6e6e6;
  cursor: default;
  display: block;
  text-shadow: 0 0 5px #000;
  white-space: normal; }

.bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: table;
  opacity: 1;
  transition: opacity .6s, visibility 0s;
  visibility: visible;
  background-color: rgba(8, 43, 57, 0.7); }

.bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay > .bmpui-container-wrapper {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-hidden {
  opacity: 0;
  transition: opacity .6s, visibility .6s;
  visibility: hidden; }

.bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay > .bmpui-container-wrapper {
  padding: 3em; }

.bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay a, .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay a:hover, .bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay a:visited {
  color: #fff; }

.bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-hugereplaybutton {
  bottom: 2em;
  left: 2em;
  position: absolute; }

.bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item {
  background-position: 50%;
  background-size: cover;
  display: inline-block;
  font-size: .7em;
  height: 9em;
  margin: .3em .6em;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-shadow: 0 0 3px #111;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .15s ease-out;
  transition: transform .15s ease-out;
  transition: transform .15s ease-out, -webkit-transform .15s ease-out;
  width: 16em; }

.bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item .bmpui-background {
  background: linear-gradient(180deg, transparent, transparent, rgba(0, 0, 0, 0.7));
  height: 100%;
  position: absolute;
  top: 20%;
  transition: top .15s ease-out;
  width: 100%; }

.bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item .bmpui-title {
  bottom: 3em;
  left: 1em;
  position: absolute;
  right: 1em; }

.bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item .bmpui-title .bmpui-innertitle {
  font-size: 1.2em;
  white-space: normal;
  word-break: break-all; }

.bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item .bmpui-duration {
  bottom: 1em;
  left: 1em;
  position: absolute; }

.bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item:hover {
  outline: 2px solid #1fabe2;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in; }

.bmpui-ui-skin-modern .bmpui-ui-recommendation-overlay.bmpui-recommendations .bmpui-ui-recommendation-item:hover .bmpui-background {
  top: 0;
  transition: top .15s ease-in; }

.bmpui-ui-skin-modern .bmpui-ui-clickoverlay {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.bmpui-ui-skin-modern .bmpui-ui-hugereplaybutton {
  height: 5em;
  outline: none;
  width: 5em; }

.bmpui-ui-skin-modern .bmpui-ui-hugereplaybutton .bmpui-image {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2080%2080%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.3%3Bfill%3A%231FABE2%3B%7D%0A%09.st1%7Bfill%3A%231FABE2%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M40%2C73.5c-18.5%2C0-33.5-15-33.5-33.5S21.5%2C6.5%2C40%2C6.5s33.5%2C15%2C33.5%2C33.5S58.5%2C73.5%2C40%2C73.5z%22%2F%3E%0A%3Cg%20id%3D%22Ellipse_3_copy_2%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M40%2C5C20.7%2C5%2C5%2C20.7%2C5%2C40s15.7%2C35%2C35%2C35s35-15.7%2C35-35S59.3%2C5%2C40%2C5z%20M40%2C72C22.3%2C72%2C8%2C57.7%2C8%2C40S22.3%2C8%2C40%2C8%0A%09%09%09s32%2C14.3%2C32%2C32S57.7%2C72%2C40%2C72z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Ellipse_3%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M54%2C40.3c0-0.1%2C0-0.2%2C0-0.3h-0.1c-0.2-0.6-0.8-1-1.4-1s-1.2%2C0.4-1.4%2C1H51c0%2C6.1-4.9%2C11-11%2C11s-11-4.9-11-11%0A%09%09%09s4.9-11%2C11-11c0.7%2C0%2C1.4%2C0.1%2C2%2C0.2v3.3c0%2C0.2%2C0.1%2C0.3%2C0.3%2C0.4c0.1%2C0%2C0.2%2C0.1%2C0.3%2C0.1s0.2%2C0%2C0.3-0.1l7.8-4.5%0A%09%09%09c0.2-0.1%2C0.2-0.2%2C0.2-0.4s-0.1-0.3-0.2-0.4l-7.8-4.5c-0.2-0.1-0.4-0.1-0.6%2C0c-0.2%2C0.1-0.3%2C0.2-0.3%2C0.4v2.7c-0.7-0.1-1.3-0.2-2-0.2%0A%09%09%09c-7.7%2C0-14%2C6.3-14%2C14s6.3%2C14%2C14%2C14c7.4%2C0%2C13.5-5.8%2C14-13.2c0-0.1%2C0-0.2%2C0-0.3S54%2C40.4%2C54%2C40.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 5em;
  height: 100%;
  width: 100%; }

@-webkit-keyframes d {
  50% {
    -webkit-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1); }
  to {
    -webkit-transform: rotate(1turn) scale(1);
    transform: rotate(1turn) scale(1); } }

@keyframes d {
  50% {
    -webkit-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1); }
  to {
    -webkit-transform: rotate(1turn) scale(1);
    transform: rotate(1turn) scale(1); } }

.bmpui-ui-skin-modern .bmpui-ui-hugereplaybutton .bmpui-image:hover {
  -webkit-animation: d .5s ease-in;
  animation: d .5s ease-in; }

.bmpui-ui-skin-modern .bmpui-ui-playbacktimelabel {
  text-transform: uppercase; }

.bmpui-ui-skin-modern .bmpui-ui-playbacktimelabel.bmpui-ui-playbacktimelabel-live {
  cursor: pointer; }

.bmpui-ui-skin-modern .bmpui-ui-playbacktimelabel.bmpui-ui-playbacktimelabel-live:before {
  color: #999;
  content: "\25CF";
  padding-right: .2em; }

.bmpui-ui-skin-modern .bmpui-ui-playbacktimelabel.bmpui-ui-playbacktimelabel-live.bmpui-ui-playbacktimelabel-live-edge:before {
  color: red; }

.bmpui-ui-skin-modern .bmpui-ui-buffering-overlay {
  display: table; }

.bmpui-ui-skin-modern .bmpui-ui-buffering-overlay > .bmpui-container-wrapper {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.bmpui-ui-skin-modern .bmpui-ui-buffering-overlay {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 1;
  transition: opacity .6s, visibility 0s;
  visibility: visible;
  background-color: rgba(8, 43, 57, 0.7); }

.bmpui-ui-skin-modern .bmpui-ui-buffering-overlay.bmpui-hidden {
  opacity: 0;
  transition: opacity .6s, visibility .6s;
  visibility: hidden; }

.bmpui-ui-skin-modern .bmpui-ui-buffering-overlay > .bmpui-container-wrapper {
  padding: 3em; }

.bmpui-ui-skin-modern .bmpui-ui-buffering-overlay a, .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay a:hover, .bmpui-ui-skin-modern .bmpui-ui-buffering-overlay a:visited {
  color: #fff; }

.bmpui-ui-skin-modern .bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator {
  -webkit-animation: e 2s ease-in infinite;
  animation: e 2s ease-in infinite;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.302%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%231FABE2%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_3_copy_3%22%20class%3D%22st0%22%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%228%22%20y%3D%228%22%20class%3D%22st1%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_2_copy_13%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M23%2C7H9C7.9%2C7%2C7%2C7.9%2C7%2C9v14c0%2C1.1%2C0.9%2C2%2C2%2C2h14c1.1%2C0%2C2-0.9%2C2-2V9C25%2C7.9%2C24.1%2C7%2C23%2C7z%20M23%2C23H9V9h14V23z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat 50%;
  display: inline-block;
  height: 2em;
  margin: .2em;
  width: 2em; }

@-webkit-keyframes e {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1); }
  20% {
    opacity: 1; }
  30% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); }
  to {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3); } }

@keyframes e {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1); }
  20% {
    opacity: 1; }
  30% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); }
  to {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3); } }

.bmpui-ui-skin-modern .bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator:first-child {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.bmpui-ui-skin-modern .bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator:nth-child(2) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s; }

.bmpui-ui-skin-modern .bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator:nth-child(3) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s; }

.bmpui-ui-skin-modern .bmpui-ui-playbacktoggle-overlay .bmpui-ui-hugeplaybacktogglebutton {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.bmpui-ui-skin-modern .bmpui-ui-closebutton {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rounded_Rectangle_6%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M26%2C6c-0.9-0.9-2.2-0.9-3.1%2C0L6%2C22.8c-0.9%2C0.9-0.9%2C2.2%2C0%2C3.1c0.9%2C0.9%2C2.2%2C0.9%2C3.1%2C0L26%2C9.2%0A%09%09%09C26.9%2C8.3%2C26.9%2C6.9%2C26%2C6z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rounded_Rectangle_6_copy%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M26%2C22.8L9.2%2C6C8.3%2C5.1%2C7%2C5.1%2C6.1%2C6s-0.9%2C2.2%2C0%2C3.1l16.9%2C16.9c0.9%2C0.9%2C2.2%2C0.9%2C3.1%2C0%0A%09%09%09C26.9%2C25.1%2C26.9%2C23.7%2C26%2C22.8z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

@-webkit-keyframes f {
  20% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  60% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes f {
  20% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  60% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.bmpui-ui-skin-modern .bmpui-ui-closebutton:hover {
  -webkit-filter: drop-shadow(0 0 1px #fff);
  filter: drop-shadow(0 0 1px #fff);
  -webkit-animation: f 1s;
  animation: f 1s; }

.bmpui-ui-skin-modern .bmpui-ui-airplaytogglebutton {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_8%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M27.1%2C5.3H4.9c-1.3%2C0-2.4%2C1.1-2.4%2C2.4v11.9c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4h3.6v-2.4H4.9V7.7h22.1v11.9h-3.6v2.4h3.6%0A%09%09%09c1.3%2C0%2C2.4-1.1%2C2.4-2.4V7.7C29.4%2C6.4%2C28.4%2C5.3%2C27.1%2C5.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Shape_5%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M22.9%2C24.8L17%2C16.5c-0.2-0.2-0.6-0.5-1-0.5c-0.4%2C0-0.7%2C0.2-1%2C0.5l-5.9%2C8.3C8.9%2C25.2%2C8.9%2C25.6%2C9%2C26%0A%09%09%09c0.2%2C0.4%2C0.6%2C0.6%2C1.1%2C0.6h11.9c0.5%2C0%2C0.8-0.2%2C1.1-0.6c0.1-0.1%2C0.1-0.2%2C0.1-0.5C23.1%2C25.3%2C23%2C25%2C22.9%2C24.8z%20M12.3%2C24.3l3.7-5.1%0A%09%09%09l3.7%2C5.1H12.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-airplaytogglebutton:hover {
  -webkit-filter: drop-shadow(0 0 1px #fff);
  filter: drop-shadow(0 0 1px #fff); }

.bmpui-ui-skin-modern .bmpui-ui-airplaytogglebutton.bmpui-on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.302%3B%7D%0A%09.st1%7Bfill%3A%231FABE2%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_17%22%20class%3D%22st0%22%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%224.9%22%20y%3D%227.7%22%20class%3D%22st1%22%20width%3D%2222.1%22%20height%3D%2211.9%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_18%22%20class%3D%22st0%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpolygon%20class%3D%22st1%22%20points%3D%2218.4%2C19.6%2013.6%2C19.6%2011.2%2C24.3%2020.8%2C24.3%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Shape_5_1_%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M27.1%2C5.3H4.9c-1.3%2C0-2.4%2C1.1-2.4%2C2.4v11.9c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4h3.6v-2.4H4.9V7.7h22.1v11.9h-3.6v2.4h3.6%0A%09%09%09c1.3%2C0%2C2.4-1.1%2C2.4-2.4V7.7C29.4%2C6.4%2C28.4%2C5.3%2C27.1%2C5.3z%20M17%2C16.5c-0.2-0.2-0.6-0.5-1-0.5c-0.4%2C0-0.7%2C0.2-1%2C0.5l-5.9%2C8.3%0A%09%09%09C8.9%2C25.2%2C8.9%2C25.6%2C9%2C26c0.2%2C0.4%2C0.6%2C0.6%2C1.1%2C0.6h11.9c0.5%2C0%2C0.8-0.2%2C1.1-0.6c0.1-0.1%2C0.1-0.2%2C0.1-0.5c0-0.2-0.1-0.5-0.2-0.7%0A%09%09%09L17%2C16.5z%20M12.3%2C24.3l3.7-5.1l3.7%2C5.1H12.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-piptogglebutton {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cg%20id%3D%22Rectangle_512%22%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M5%2C8.3h19.8v5.5H27V8.3c0-1.2-1-2.2-2.2-2.2H5c-1.2%2C0-2.2%2C1-2.2%2C2.2v12.1c0%2C1.2%2C1%2C2.2%2C2.2%2C2.2h7.7v-2.2H5%0A%09%09%09%09V8.3z%20M14.9%2C16v9.9h14.3V16H14.9z%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%20id%3D%22Rectangle_513%22%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cpolygon%20class%3D%22st0%22%20points%3D%2212.7%2C10.5%207.2%2C10.5%207.2%2C16%209.4%2C16%209.4%2C12.7%2012.7%2C12.7%20%09%09%09%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-piptogglebutton:hover {
  -webkit-filter: drop-shadow(0 0 1px #fff);
  filter: drop-shadow(0 0 1px #fff); }

.bmpui-ui-skin-modern .bmpui-ui-piptogglebutton.bmpui-on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.302%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%231FABE2%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cg%20id%3D%22Rectangle_515_2_%22%20class%3D%22st0%22%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Crect%20x%3D%225%22%20y%3D%228.3%22%20class%3D%22st1%22%20width%3D%2219.8%22%20height%3D%2212.1%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%20id%3D%22Rectangle_512_12_%22%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M5%2C8.3h19.8v5.5H27V8.3c0-1.2-1-2.2-2.2-2.2H5c-1.2%2C0-2.2%2C1-2.2%2C2.2v12.1c0%2C1.2%2C1%2C2.2%2C2.2%2C2.2h7.7v-2.2H5%0A%09%09%09%09V8.3z%20M14.9%2C16v9.9h14.3V16H14.9z%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%20id%3D%22Rectangle_513_12_%22%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cpolygon%20class%3D%22st1%22%20points%3D%2212.7%2C10.5%207.2%2C10.5%207.2%2C16%209.4%2C16%209.4%2C12.7%2012.7%2C12.7%20%09%09%09%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-spacer {
  height: 100%;
  width: 100%; }

.bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsclosebutton {
  font-size: .8em;
  position: relative;
  width: 9em; }

.bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsclosebutton .bmpui-label {
  display: inline-block; }

.bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsclosebutton .bmpui-label:before {
  border-bottom: .2em solid #fff;
  border-left: .2em solid #fff;
  content: "";
  height: .6em;
  margin-left: -.8em;
  position: absolute;
  top: .5em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: .6em; }

.bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsopenbutton {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Shape_4%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M25.6%2C13.8l-1.4-0.3c-0.2-0.5-0.4-1-0.6-1.4l0.9-1.3c0.4-0.5%2C0.3-1.3-0.1-1.7L23%2C7.7c-0.3-0.3-0.6-0.4-1-0.4%0A%09%09%09c-0.3%2C0-0.6%2C0.1-0.8%2C0.3L20%2C8.5c-0.5-0.3-1-0.5-1.5-0.6l-0.3-1.4c0-0.6-0.6-1.1-1.3-1.1H15c-0.7%2C0-1.2%2C0.5-1.3%2C1.1L13.5%2C8%0A%09%09%09c-0.5%2C0.2-1%2C0.4-1.4%2C0.6l-1.3-0.9c-0.2-0.2-0.5-0.3-0.8-0.3c-0.4%2C0-0.7%2C0.1-1%2C0.4L7.8%2C9.1c-0.5%2C0.5-0.5%2C1.2-0.1%2C1.7l0.9%2C1.3%0A%09%09%09c-0.3%2C0.5-0.5%2C1-0.6%2C1.4l-1.4%2C0.3c-0.7%2C0-1.2%2C0.6-1.2%2C1.3V17c0%2C0.7%2C0.5%2C1.2%2C1.1%2C1.3L8%2C18.5c0.2%2C0.5%2C0.4%2C1%2C0.6%2C1.4l-0.9%2C1.3%0A%09%09%09c-0.4%2C0.5-0.3%2C1.3%2C0.1%2C1.7l1.4%2C1.4c0.3%2C0.3%2C0.6%2C0.4%2C1%2C0.4c0.3%2C0%2C0.6-0.1%2C0.8-0.3l1.3-0.9c0.5%2C0.2%2C1%2C0.4%2C1.4%2C0.6l0.3%2C1.4%0A%09%09%09c0.1%2C0.7%2C0.7%2C1.1%2C1.3%2C1.1H17c0.7%2C0%2C1.2-0.5%2C1.3-1.1l0.3-1.4c0.5-0.2%2C1-0.4%2C1.4-0.6l1.3%2C0.9c0.2%2C0.2%2C0.5%2C0.3%2C0.8%2C0.3%0A%09%09%09c0.4%2C0%2C0.7-0.1%2C1-0.4l1.4-1.4c0.5-0.5%2C0.5-1.2%2C0.1-1.7L23.5%2C20c0.3-0.5%2C0.5-1%2C0.6-1.4l1.4-0.3c0.7-0.1%2C1.1-0.7%2C1.1-1.3V15%0A%09%09%09C26.6%2C14.5%2C26.1%2C13.9%2C25.6%2C13.8z%20M24.6%2C16.9L24.6%2C16.9C24.6%2C17%2C24.6%2C17%2C24.6%2C16.9l-1.8%2C0.4c-0.2%2C0-0.4%2C0.2-0.4%2C0.4%0A%09%09%09c-0.2%2C0.6-0.4%2C1.2-0.7%2C1.6c-0.1%2C0.2-0.1%2C0.4%2C0%2C0.6l1%2C1.4v0.1l-1.2%2C1.2h-0.1c0%2C0%2C0%2C0-0.1%2C0l-1.4-1c-0.2-0.1-0.4-0.1-0.6%2C0%0A%09%09%09c-0.5%2C0.3-1.1%2C0.6-1.6%2C0.7c-0.2%2C0.1-0.4%2C0.2-0.4%2C0.4L17%2C24.5c0%2C0.1-0.1%2C0.1-0.1%2C0.1h-1.7c-0.1%2C0-0.1%2C0-0.1-0.1l-0.3-1.7%0A%09%09%09c0-0.2-0.2-0.4-0.4-0.4c-0.6-0.2-1.2-0.4-1.6-0.7c-0.1%2C0-0.2-0.1-0.3-0.1c-0.1%2C0-0.2%2C0-0.3%2C0.1l-1.4%2C1c0%2C0%2C0%2C0-0.1%2C0%0A%09%09%09c0%2C0%2C0%2C0-0.1%2C0l-1.2-1.2v-0.1l1-1.4c0.1-0.2%2C0.1-0.4%2C0-0.6C10%2C19%2C9.7%2C18.4%2C9.6%2C17.8c-0.1-0.2-0.2-0.4-0.4-0.4L7.5%2C17%0A%09%09%09c-0.1%2C0-0.1-0.1-0.1-0.1v-1.7c0-0.1%2C0-0.1%2C0.1-0.1l1.7-0.2c0.2%2C0%2C0.4-0.2%2C0.5-0.4c0.2-0.6%2C0.4-1.2%2C0.7-1.6c0.1-0.2%2C0.1-0.4%2C0-0.6%0A%09%09%09l-1-1.4v-0.1l1.2-1.2h0.1c0%2C0%2C0%2C0%2C0.1%2C0l1.4%2C1c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0c0.5-0.3%2C1.1-0.6%2C1.6-0.7c0.2-0.1%2C0.4-0.2%2C0.4-0.4L15%2C7.5%0A%09%09%09c0-0.1%2C0.1-0.1%2C0.1-0.1h1.7c0.1%2C0%2C0.1%2C0%2C0.1%2C0.1l0.2%2C1.7c0%2C0.2%2C0.2%2C0.4%2C0.4%2C0.5c0.6%2C0.2%2C1.2%2C0.4%2C1.7%2C0.7c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0%0A%09%09%09l1.4-1c0%2C0%2C0%2C0%2C0.1%2C0c0%2C0%2C0%2C0%2C0.1%2C0l1.2%2C1.2v0.1l-1%2C1.4c-0.1%2C0.2-0.1%2C0.4%2C0%2C0.6c0.3%2C0.5%2C0.6%2C1.1%2C0.7%2C1.6c0.1%2C0.2%2C0.2%2C0.4%2C0.4%2C0.4%0A%09%09%09l1.6%2C0.3c0.1%2C0%2C0.1%2C0.1%2C0.1%2C0.1v1.8H24.6z%20M16%2C11.5c-2.5%2C0-4.5%2C2-4.5%2C4.5s2%2C4.5%2C4.5%2C4.5s4.5-2%2C4.5-4.5S18.5%2C11.5%2C16%2C11.5z%0A%09%09%09%20M16%2C18.8c-1.5%2C0-2.8-1.3-2.8-2.8s1.3-2.8%2C2.8-2.8s2.8%2C1.3%2C2.8%2C2.8S17.5%2C18.8%2C16%2C18.8z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  padding: .3em; }

.bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsopenbutton:hover {
  -webkit-filter: drop-shadow(0 0 1px #fff);
  filter: drop-shadow(0 0 1px #fff); }

.bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsopenbutton.bmpui-on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.302%3B%7D%0A%09.st1%7Bfill%3A%231FABE2%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Ellipse_1_copy%22%20class%3D%22st0%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M23.6%2C12.9c-0.5-1.1-0.7-2.2-1.4-3C21.3%2C9%2C20%2C8.7%2C18.9%2C8.3c-1-0.4-1.7-1-2.9-1S13.9%2C8%2C12.8%2C8.4%0A%09%09%09c-1.1%2C0.5-2.1%2C0.7-3%2C1.4c-0.9%2C0.8-1%2C1.8-1.4%2C2.9c-0.4%2C1.1-1.1%2C2-1.1%2C3.3s0.6%2C2%2C1%2C3.1c0.5%2C1.1%2C0.8%2C2.3%2C1.6%2C3.1%0A%09%09%09c0.8%2C0.8%2C1.8%2C1%2C2.9%2C1.4c1.1%2C0.4%2C2%2C1.1%2C3.2%2C1.1s2.3-0.7%2C3.4-1.2c1.1-0.4%2C1.9-0.6%2C2.8-1.4c0.9-0.9%2C1.1-1.9%2C1.4-3.1%0A%09%09%09c0.4-1%2C1.2-2%2C1.2-3.1C24.7%2C14.8%2C24%2C13.9%2C23.6%2C12.9z%20M16%2C19.9c-2.1%2C0-3.9-1.7-3.9-3.9s1.7-3.9%2C3.9-3.9s3.9%2C1.7%2C3.9%2C3.9%0A%09%09%09S18.1%2C19.9%2C16%2C19.9z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Shape_4_1_%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M25.6%2C13.8l-1.4-0.3c-0.2-0.5-0.4-1-0.6-1.4l0.9-1.3c0.4-0.5%2C0.3-1.3-0.1-1.7L23%2C7.7c-0.3-0.3-0.6-0.4-1-0.4%0A%09%09%09c-0.3%2C0-0.6%2C0.1-0.8%2C0.3L20%2C8.5c-0.5-0.3-1-0.5-1.5-0.6l-0.3-1.4c0-0.6-0.6-1.1-1.3-1.1H15c-0.7%2C0-1.2%2C0.5-1.3%2C1.1L13.5%2C8%0A%09%09%09c-0.5%2C0.2-1%2C0.4-1.4%2C0.6l-1.3-0.9c-0.2-0.2-0.5-0.3-0.8-0.3c-0.4%2C0-0.7%2C0.1-1%2C0.4L7.8%2C9.1c-0.5%2C0.5-0.5%2C1.2-0.1%2C1.7l0.9%2C1.3%0A%09%09%09c-0.3%2C0.5-0.5%2C1-0.6%2C1.4l-1.4%2C0.3c-0.7%2C0-1.2%2C0.6-1.2%2C1.3V17c0%2C0.7%2C0.5%2C1.2%2C1.1%2C1.3L8%2C18.5c0.2%2C0.5%2C0.4%2C1%2C0.6%2C1.4l-0.9%2C1.3%0A%09%09%09c-0.4%2C0.5-0.3%2C1.3%2C0.1%2C1.7l1.4%2C1.4c0.3%2C0.3%2C0.6%2C0.4%2C1%2C0.4c0.3%2C0%2C0.6-0.1%2C0.8-0.3l1.3-0.9c0.5%2C0.2%2C1%2C0.4%2C1.4%2C0.6l0.3%2C1.4%0A%09%09%09c0.1%2C0.7%2C0.7%2C1.1%2C1.3%2C1.1H17c0.7%2C0%2C1.2-0.5%2C1.3-1.1l0.3-1.4c0.5-0.2%2C1-0.4%2C1.4-0.6l1.3%2C0.9c0.2%2C0.2%2C0.5%2C0.3%2C0.8%2C0.3%0A%09%09%09c0.4%2C0%2C0.7-0.1%2C1-0.4l1.4-1.4c0.5-0.5%2C0.5-1.2%2C0.1-1.7L23.5%2C20c0.3-0.5%2C0.5-1%2C0.6-1.4l1.4-0.3c0.7-0.1%2C1.1-0.7%2C1.1-1.3V15%0A%09%09%09C26.6%2C14.5%2C26.1%2C13.9%2C25.6%2C13.8z%20M24.6%2C16.9L24.6%2C16.9C24.6%2C17%2C24.6%2C17%2C24.6%2C16.9l-1.8%2C0.4c-0.2%2C0-0.4%2C0.2-0.4%2C0.4%0A%09%09%09c-0.2%2C0.6-0.4%2C1.2-0.7%2C1.6c-0.1%2C0.2-0.1%2C0.4%2C0%2C0.6l1%2C1.4v0.1l-1.2%2C1.2h-0.1c0%2C0%2C0%2C0-0.1%2C0l-1.4-1c-0.2-0.1-0.4-0.1-0.6%2C0%0A%09%09%09c-0.5%2C0.3-1.1%2C0.6-1.6%2C0.7c-0.2%2C0.1-0.4%2C0.2-0.4%2C0.4L17%2C24.5c0%2C0.1-0.1%2C0.1-0.1%2C0.1h-1.7c-0.1%2C0-0.1%2C0-0.1-0.1l-0.3-1.7%0A%09%09%09c0-0.2-0.2-0.4-0.4-0.4c-0.6-0.2-1.2-0.4-1.6-0.7c-0.1%2C0-0.2-0.1-0.3-0.1c-0.1%2C0-0.2%2C0-0.3%2C0.1l-1.4%2C1c0%2C0%2C0%2C0-0.1%2C0%0A%09%09%09c0%2C0%2C0%2C0-0.1%2C0l-1.2-1.2v-0.1l1-1.4c0.1-0.2%2C0.1-0.4%2C0-0.6C10%2C19%2C9.7%2C18.4%2C9.6%2C17.8c-0.1-0.2-0.2-0.4-0.4-0.4L7.5%2C17%0A%09%09%09c-0.1%2C0-0.1-0.1-0.1-0.1v-1.7c0-0.1%2C0-0.1%2C0.1-0.1l1.7-0.2c0.2%2C0%2C0.4-0.2%2C0.5-0.4c0.2-0.6%2C0.4-1.2%2C0.7-1.6c0.1-0.2%2C0.1-0.4%2C0-0.6%0A%09%09%09l-1-1.4v-0.1l1.2-1.2h0.1c0%2C0%2C0%2C0%2C0.1%2C0l1.4%2C1c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0c0.5-0.3%2C1.1-0.6%2C1.6-0.7c0.2-0.1%2C0.4-0.2%2C0.4-0.4L15%2C7.5%0A%09%09%09c0-0.1%2C0.1-0.1%2C0.1-0.1h1.7c0.1%2C0%2C0.1%2C0%2C0.1%2C0.1l0.2%2C1.7c0%2C0.2%2C0.2%2C0.4%2C0.4%2C0.5c0.6%2C0.2%2C1.2%2C0.4%2C1.7%2C0.7c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0%0A%09%09%09l1.4-1c0%2C0%2C0%2C0%2C0.1%2C0c0%2C0%2C0%2C0%2C0.1%2C0l1.2%2C1.2v0.1l-1%2C1.4c-0.1%2C0.2-0.1%2C0.4%2C0%2C0.6c0.3%2C0.5%2C0.6%2C1.1%2C0.7%2C1.6c0.1%2C0.2%2C0.2%2C0.4%2C0.4%2C0.4%0A%09%09%09l1.6%2C0.3c0.1%2C0%2C0.1%2C0.1%2C0.1%2C0.1v1.8H24.6z%20M16%2C11.5c-2.5%2C0-4.5%2C2-4.5%2C4.5s2%2C4.5%2C4.5%2C4.5s4.5-2%2C4.5-4.5S18.5%2C11.5%2C16%2C11.5z%0A%09%09%09%20M16%2C18.8c-1.5%2C0-2.8-1.3-2.8-2.8s1.3-2.8%2C2.8-2.8s2.8%2C1.3%2C2.8%2C2.8S17.5%2C18.8%2C16%2C18.8z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsresetbutton {
  font-size: .8em;
  width: 12em; }

.bmpui-ui-skin-modern .bmpui-ui-subtitlesettingsresetbutton .bmpui-label {
  display: inline-block; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-white100 .bmpui-ui-subtitle-label {
  color: #fff; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-white75 .bmpui-ui-subtitle-label {
  color: rgba(255, 255, 255, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-white50 .bmpui-ui-subtitle-label {
  color: rgba(255, 255, 255, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-white25 .bmpui-ui-subtitle-label {
  color: rgba(255, 255, 255, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-black100 .bmpui-ui-subtitle-label {
  color: #000; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-black75 .bmpui-ui-subtitle-label {
  color: rgba(0, 0, 0, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-black50 .bmpui-ui-subtitle-label {
  color: rgba(0, 0, 0, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-black25 .bmpui-ui-subtitle-label {
  color: rgba(0, 0, 0, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-red100 .bmpui-ui-subtitle-label {
  color: red; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-red75 .bmpui-ui-subtitle-label {
  color: rgba(255, 0, 0, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-red50 .bmpui-ui-subtitle-label {
  color: rgba(255, 0, 0, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-red25 .bmpui-ui-subtitle-label {
  color: rgba(255, 0, 0, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-green100 .bmpui-ui-subtitle-label {
  color: lime; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-green75 .bmpui-ui-subtitle-label {
  color: rgba(0, 255, 0, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-green50 .bmpui-ui-subtitle-label {
  color: rgba(0, 255, 0, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-green25 .bmpui-ui-subtitle-label {
  color: rgba(0, 255, 0, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-blue100 .bmpui-ui-subtitle-label {
  color: blue; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-blue75 .bmpui-ui-subtitle-label {
  color: rgba(0, 0, 255, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-blue50 .bmpui-ui-subtitle-label {
  color: rgba(0, 0, 255, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-blue25 .bmpui-ui-subtitle-label {
  color: rgba(0, 0, 255, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-cyan100 .bmpui-ui-subtitle-label {
  color: cyan; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-cyan75 .bmpui-ui-subtitle-label {
  color: rgba(0, 255, 255, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-cyan50 .bmpui-ui-subtitle-label {
  color: rgba(0, 255, 255, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-cyan25 .bmpui-ui-subtitle-label {
  color: rgba(0, 255, 255, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-yellow100 .bmpui-ui-subtitle-label {
  color: #ff0; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-yellow75 .bmpui-ui-subtitle-label {
  color: rgba(255, 255, 0, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-yellow50 .bmpui-ui-subtitle-label {
  color: rgba(255, 255, 0, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-yellow25 .bmpui-ui-subtitle-label {
  color: rgba(255, 255, 0, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-magenta100 .bmpui-ui-subtitle-label {
  color: #f0f; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-magenta75 .bmpui-ui-subtitle-label {
  color: rgba(255, 0, 255, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-magenta50 .bmpui-ui-subtitle-label {
  color: rgba(255, 0, 255, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontcolor-magenta25 .bmpui-ui-subtitle-label {
  color: rgba(255, 0, 255, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-white100 .bmpui-ui-subtitle-label {
  background-color: #fff; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-white75 .bmpui-ui-subtitle-label {
  background-color: rgba(255, 255, 255, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-white50 .bmpui-ui-subtitle-label {
  background-color: rgba(255, 255, 255, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-white25 .bmpui-ui-subtitle-label {
  background-color: rgba(255, 255, 255, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-black100 .bmpui-ui-subtitle-label {
  background-color: #000; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-black75 .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 0, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-black50 .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 0, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-black25 .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 0, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-red100 .bmpui-ui-subtitle-label {
  background-color: red; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-red75 .bmpui-ui-subtitle-label {
  background-color: rgba(255, 0, 0, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-red50 .bmpui-ui-subtitle-label {
  background-color: rgba(255, 0, 0, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-red25 .bmpui-ui-subtitle-label {
  background-color: rgba(255, 0, 0, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-green100 .bmpui-ui-subtitle-label {
  background-color: lime; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-green75 .bmpui-ui-subtitle-label {
  background-color: rgba(0, 255, 0, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-green50 .bmpui-ui-subtitle-label {
  background-color: rgba(0, 255, 0, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-green25 .bmpui-ui-subtitle-label {
  background-color: rgba(0, 255, 0, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-blue100 .bmpui-ui-subtitle-label {
  background-color: blue; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-blue75 .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 255, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-blue50 .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 255, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-blue25 .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 255, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-cyan100 .bmpui-ui-subtitle-label {
  background-color: cyan; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-cyan75 .bmpui-ui-subtitle-label {
  background-color: rgba(0, 255, 255, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-cyan50 .bmpui-ui-subtitle-label {
  background-color: rgba(0, 255, 255, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-cyan25 .bmpui-ui-subtitle-label {
  background-color: rgba(0, 255, 255, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-yellow100 .bmpui-ui-subtitle-label {
  background-color: #ff0; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-yellow75 .bmpui-ui-subtitle-label {
  background-color: rgba(255, 255, 0, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-yellow50 .bmpui-ui-subtitle-label {
  background-color: rgba(255, 255, 0, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-yellow25 .bmpui-ui-subtitle-label {
  background-color: rgba(255, 255, 0, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-magenta100 .bmpui-ui-subtitle-label {
  background-color: #f0f; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-magenta75 .bmpui-ui-subtitle-label {
  background-color: rgba(255, 0, 255, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-magenta50 .bmpui-ui-subtitle-label {
  background-color: rgba(255, 0, 255, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-bgcolor-magenta25 .bmpui-ui-subtitle-label {
  background-color: rgba(255, 0, 255, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-white100 {
  background-color: #fff; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-white75 {
  background-color: rgba(255, 255, 255, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-white50 {
  background-color: rgba(255, 255, 255, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-white25 {
  background-color: rgba(255, 255, 255, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-black100 {
  background-color: #000; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-black75 {
  background-color: rgba(0, 0, 0, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-black50 {
  background-color: rgba(0, 0, 0, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-black25 {
  background-color: rgba(0, 0, 0, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-red100 {
  background-color: red; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-red75 {
  background-color: rgba(255, 0, 0, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-red50 {
  background-color: rgba(255, 0, 0, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-red25 {
  background-color: rgba(255, 0, 0, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-green100 {
  background-color: lime; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-green75 {
  background-color: rgba(0, 255, 0, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-green50 {
  background-color: rgba(0, 255, 0, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-green25 {
  background-color: rgba(0, 255, 0, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-blue100 {
  background-color: blue; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-blue75 {
  background-color: rgba(0, 0, 255, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-blue50 {
  background-color: rgba(0, 0, 255, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-blue25 {
  background-color: rgba(0, 0, 255, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-cyan100 {
  background-color: cyan; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-cyan75 {
  background-color: rgba(0, 255, 255, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-cyan50 {
  background-color: rgba(0, 255, 255, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-cyan25 {
  background-color: rgba(0, 255, 255, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-yellow100 {
  background-color: #ff0; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-yellow75 {
  background-color: rgba(255, 255, 0, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-yellow50 {
  background-color: rgba(255, 255, 0, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-yellow25 {
  background-color: rgba(255, 255, 0, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-magenta100 {
  background-color: #f0f; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-magenta75 {
  background-color: rgba(255, 0, 255, 0.75); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-magenta50 {
  background-color: rgba(255, 0, 255, 0.5); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-windowcolor-magenta25 {
  background-color: rgba(255, 0, 255, 0.25); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-50 .bmpui-ui-subtitle-label {
  font-size: .5em; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-75 .bmpui-ui-subtitle-label {
  font-size: .75em; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-100 .bmpui-ui-subtitle-label {
  font-size: 1em; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-150 .bmpui-ui-subtitle-label {
  font-size: 1.5em; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-200 .bmpui-ui-subtitle-label {
  font-size: 2em; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-300 .bmpui-ui-subtitle-label {
  font-size: 3em; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontsize-400 .bmpui-ui-subtitle-label {
  font-size: 4em; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-characteredge-none .bmpui-ui-subtitle-label {
  text-shadow: none; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-characteredge-raised .bmpui-ui-subtitle-label {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.9), 0 1px 4px rgba(0, 0, 0, 0.9), 0 2px 4px rgba(0, 0, 0, 0.9); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-characteredge-depressed .bmpui-ui-subtitle-label {
  text-shadow: rgba(0, 0, 0, 0.8) 0 -2px 1px; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-characteredge-uniform .bmpui-ui-subtitle-label {
  text-shadow: -2px 0 1px rgba(0, 0, 0, 0.8), 2px 0 1px rgba(0, 0, 0, 0.8), 0 -2px 1px rgba(0, 0, 0, 0.8), 0 2px 1px rgba(0, 0, 0, 0.8), -1px 1px 1px rgba(0, 0, 0, 0.8), 1px 1px 1px rgba(0, 0, 0, 0.8), 1px -1px 1px rgba(0, 0, 0, 0.8), 1px 1px 1px rgba(0, 0, 0, 0.8); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-characteredge-dropshadowed .bmpui-ui-subtitle-label {
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.8); }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-monospacedserif .bmpui-ui-subtitle-label {
  font-family: Courier New, Courier, Nimbus Mono L, Cutive Mono, monospace; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-proportionalserif .bmpui-ui-subtitle-label {
  font-family: Times New Roman, Times, Georgia, Cambria, PT Serif Caption, serif; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-monospacedsansserif .bmpui-ui-subtitle-label {
  font-family: Deja Vu Sans Mono, Lucida Console, Monaco, Consolas, PT Mono, monospace; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-proportionalsansserif .bmpui-ui-subtitle-label {
  font-family: Roboto, Arial Unicode Ms, Arial, Helvetica, Verdana, PT Sans Caption, sans-serif; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-casual .bmpui-ui-subtitle-label {
  font-family: Comic Sans MS, Impact, Handlee, fantasy; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-cursive .bmpui-ui-subtitle-label {
  font-family: Monotype Corsiva, URW Chancery L, Apple Chancery, Dancing Script, cursive;
  font-style: italic; }

.bmpui-ui-skin-modern .bmpui-ui-subtitle-overlay.bmpui-fontfamily-smallcapital .bmpui-ui-subtitle-label {
  font-variant: small-caps; }

.bmpui-ui-skin-modern .bmpui-ui-subtitlesettingstogglebutton {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22subtitles%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EArtboard%201%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19.74%2C26.6l-3.56-3.14h-11a2.77%2C2.77%2C0%2C0%2C1-2.64-2.87V8.15A2.74%2C2.74%2C0%2C0%2C1%2C5.22%2C5.3H26.79a2.75%2C2.75%2C0%2C0%2C1%2C2.63%2C2.85V20.57a2.76%2C2.76%2C0%2C0%2C1-2.63%2C2.85H23.06ZM4.89%2C7.7V21.14h12l2.82%2C2.63%2C2.54-2.65H27V7.7Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M7.48%2C15.78H12a.89.89%2C0%2C0%2C1%2C.92.86v1.85a.89.89%2C0%2C0%2C1-.92.86H7.48a.89.89%2C0%2C0%2C1-.92-.86V16.64A.89.89%2C0%2C0%2C1%2C7.48%2C15.78Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M15.07%2C15.78h5a.88.88%2C0%2C0%2C1%2C.91.86v1.85a.89.89%2C0%2C0%2C1-.91.86h-5a.89.89%2C0%2C0%2C1-.92-.86V16.64A.89.89%2C0%2C0%2C1%2C15.07%2C15.78Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M23%2C15.78h1.08a.89.89%2C0%2C0%2C1%2C.92.86l0%2C1.85a.89.89%2C0%2C0%2C1-.91.86H23.06a.89.89%2C0%2C0%2C1-.91-.86V16.64A.86.86%2C0%2C0%2C1%2C23%2C15.78Z%22%2F%3E%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-subtitlesettingstogglebutton.bmpui-on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22subtitlesX%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3A%2343ace5%3B%7D.cls-1%7Bopacity%3A0.3%3Bisolation%3Aisolate%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EArtboard%201%3C%2Ftitle%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2228.02%206.56%2028.02%2021.86%2022.02%2021.86%2020.3%2025.3%2015.37%2022.16%203.87%2022.16%203.87%206.56%2028.02%206.56%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M19.74%2C26.6l-3.56-3.14h-11a2.77%2C2.77%2C0%2C0%2C1-2.64-2.87V8.15A2.74%2C2.74%2C0%2C0%2C1%2C5.22%2C5.3H26.79a2.75%2C2.75%2C0%2C0%2C1%2C2.63%2C2.85V20.57a2.76%2C2.76%2C0%2C0%2C1-2.63%2C2.85H23.06ZM4.89%2C7.7V21.14h12l2.82%2C2.63%2C2.54-2.65H27V7.7Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M7.48%2C15.78H12a.89.89%2C0%2C0%2C1%2C.92.86v1.85a.89.89%2C0%2C0%2C1-.92.86H7.48a.89.89%2C0%2C0%2C1-.92-.86V16.64A.89.89%2C0%2C0%2C1%2C7.48%2C15.78Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M15.07%2C15.78h5a.88.88%2C0%2C0%2C1%2C.91.86v1.85a.89.89%2C0%2C0%2C1-.91.86h-5a.89.89%2C0%2C0%2C1-.92-.86V16.64A.89.89%2C0%2C0%2C1%2C15.07%2C15.78Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M23%2C15.78h1.08a.89.89%2C0%2C0%2C1%2C.92.86l0%2C1.85a.89.89%2C0%2C0%2C1-.91.86H23.06a.89.89%2C0%2C0%2C1-.91-.86V16.64A.86.86%2C0%2C0%2C1%2C23%2C15.78Z%22%2F%3E%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-audiotracksettingstogglebutton {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22audo-tracks%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EArtboard%201%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M15.91%2C18.82a.62.62%2C0%2C0%2C1-.35.56.61.61%2C0%2C0%2C1-.65-.09L11.59%2C16.5H9.81a.6.6%2C0%2C0%2C1-.6-.6h0V13.47a.62.62%2C0%2C0%2C1%2C.6-.62h1.78l3.32-2.79a.63.63%2C0%2C0%2C1%2C.87.1.65.65%2C0%2C0%2C1%2C.13.38Zm2.34-.93H18.2a.64.64%2C0%2C0%2C1-.43-.18l-.08-.08a.6.6%2C0%2C0%2C1-.06-.79%2C3.54%2C3.54%2C0%2C0%2C0-.09-4.33.61.61%2C0%2C0%2C1%2C0-.82l.08-.08a.61.61%2C0%2C0%2C1%2C.46-.18.67.67%2C0%2C0%2C1%2C.45.22%2C4.89%2C4.89%2C0%2C0%2C1%2C.13%2C6%2C.61.61%2C0%2C0%2C1-.45.24Zm2.51%2C1.86a.58.58%2C0%2C0%2C1-.44.21h0a.63.63%2C0%2C0%2C1-.43-.17l-.08-.09a.61.61%2C0%2C0%2C1%2C0-.82%2C6.5%2C6.5%2C0%2C0%2C0-.1-8.46.6.6%2C0%2C0%2C1%2C0-.83V9.5a.56.56%2C0%2C0%2C1%2C.44-.17.57.57%2C0%2C0%2C1%2C.44.2%2C7.8%2C7.8%2C0%2C0%2C1%2C.13%2C10.24Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19.69%2C26.65l-3.56-3.14h-11a2.77%2C2.77%2C0%2C0%2C1-2.64-2.87V8.2A2.74%2C2.74%2C0%2C0%2C1%2C5.17%2C5.35H26.74A2.75%2C2.75%2C0%2C0%2C1%2C29.37%2C8.2V20.62a2.76%2C2.76%2C0%2C0%2C1-2.63%2C2.85H23ZM4.84%2C7.75V21.19h12l2.82%2C2.63%2C2.54-2.65h4.71V7.75Z%22%2F%3E%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern .bmpui-ui-audiotracksettingstogglebutton.bmpui-on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22audo-tracksX%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3A%2343ace5%3B%7D.cls-1%7Bopacity%3A0.3%3Bisolation%3Aisolate%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EArtboard%201%3C%2Ftitle%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2228.02%206.56%2028.02%2021.86%2022.02%2021.86%2020.3%2025.3%2015.37%2022.16%203.87%2022.16%203.87%206.56%2028.02%206.56%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M15.9%2C18.93a.62.62%2C0%2C0%2C1-.35.55.6.6%2C0%2C0%2C1-.64-.08l-3.33-2.79H9.81A.61.61%2C0%2C0%2C1%2C9.2%2C16h0V13.57A.62.62%2C0%2C0%2C1%2C9.81%2C13h1.77l3.33-2.79a.61.61%2C0%2C0%2C1%2C.86.1.62.62%2C0%2C0%2C1%2C.13.37ZM18.24%2C18h0a.63.63%2C0%2C0%2C1-.43-.17l-.08-.09a.61.61%2C0%2C0%2C1-.06-.79%2C3.53%2C3.53%2C0%2C0%2C0-.09-4.32.64.64%2C0%2C0%2C1%2C0-.82l.08-.09a.6.6%2C0%2C0%2C1%2C.46-.17.67.67%2C0%2C0%2C1%2C.45.22%2C4.88%2C4.88%2C0%2C0%2C1%2C.13%2C6%2C.61.61%2C0%2C0%2C1-.45.24Zm2.51%2C1.87a.66.66%2C0%2C0%2C1-.44.21h0a.6.6%2C0%2C0%2C1-.43-.18l-.08-.08a.61.61%2C0%2C0%2C1%2C0-.82%2C6.52%2C6.52%2C0%2C0%2C0-.1-8.47.6.6%2C0%2C0%2C1%2C0-.83V9.61a.62.62%2C0%2C0%2C1%2C.44-.18.58.58%2C0%2C0%2C1%2C.44.21%2C7.79%2C7.79%2C0%2C0%2C1%2C.13%2C10.23Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M19.68%2C26.76l-3.56-3.15h-11a2.74%2C2.74%2C0%2C0%2C1-2.63-2.86V8.31A2.74%2C2.74%2C0%2C0%2C1%2C5.16%2C5.46H26.73a2.75%2C2.75%2C0%2C0%2C1%2C2.63%2C2.85V20.72a2.75%2C2.75%2C0%2C0%2C1-2.63%2C2.85H23ZM4.83%2C7.86V21.3h12l2.83%2C2.63%2C2.53-2.65h4.71V7.86Z%22%2F%3E%3C%2Fsvg%3E"); }

.bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status {
  background-color: rgba(0, 0, 0, 0.7);
  left: 1.5em;
  padding: .5em 1.5em;
  position: absolute;
  top: 1em; }

.bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-label-ad-message {
  color: #999;
  white-space: normal; }

.bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-button-ad-skip .bmpui-label {
  display: inherit; }

.bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-button-ad-skip .bmpui-label:hover {
  text-decoration: underline; }

.bmpui-ui-skin-modern.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-button-ad-skip:before {
  color: #1fabe2;
  content: "\25CF";
  padding-left: .5em;
  padding-right: .5em; }

.bmpui-ui-skin-modern.bmpui-ui-skin-ads.bmpui-player-state-playing .bmpui-ui-playbacktoggle-overlay {
  display: none; }

.bmpui-ui-skin-modern.bmpui-ui-skin-ads.bmpui-ui-skin-smallscreen .bmpui-ui-ads-status {
  bottom: 0;
  left: 0;
  padding: 1em 1.5em;
  top: auto;
  width: 100%; }

.bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-controlbar, .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-titlebar {
  background: rgba(18, 18, 18, 0.85);
  padding: .3em .5em; }

.bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-controlbar {
  bottom: 10%;
  left: 10%;
  right: 10%;
  width: auto; }

.bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-titlebar {
  left: 10%;
  right: 10%;
  top: 10%;
  width: auto; }

.bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-watermark {
  margin: 0;
  right: 10%;
  top: 10%; }

.bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay {
  bottom: 10%; }

.bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay.bmpui-controlbar-visible {
  bottom: 20%; }

.bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 2em;
  padding: .3em .5em;
  text-shadow: none; }

.bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_2_copy%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M11.3%2C5.4H8.9c-1.3%2C0-2.4%2C1.1-2.4%2C2.4v16.5c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4h2.4c1.3%2C0%2C2.4-1.1%2C2.4-2.4V7.7%0A%09%09%09C13.6%2C6.4%2C12.6%2C5.4%2C11.3%2C5.4z%20M11.3%2C24.3H8.9V7.7h2.4V24.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_2_copy_2%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M23.1%2C5.4h-2.4c-1.3%2C0-2.4%2C1.1-2.4%2C2.4v16.5c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4h2.4c1.3%2C0%2C2.4-1.1%2C2.4-2.4V7.7%0A%09%09%09C25.4%2C6.4%2C24.4%2C5.4%2C23.1%2C5.4z%20M23.1%2C24.3h-2.4V7.7h2.4V24.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  opacity: .7; }

.bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-hugeplaybacktogglebutton.bmpui-off .bmpui-image, .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-hugeplaybacktogglebutton.bmpui-on .bmpui-image {
  -webkit-animation: none;
  animation: none;
  transition: none; }

.bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-seekbar-bufferlevel, .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-seekbar-playbackposition, .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-buffering-overlay, .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-controlbar, .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay, .bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-titlebar {
  transition: none; }

.bmpui-ui-skin-modern.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-buffering-overlay-indicator {
  display: none; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen {
  font-size: 1.2em; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-settings-panel {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: table;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-settings-panel > .bmpui-container-wrapper {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin: auto; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-settings-panel .bmpui-ui-settings-panel-item {
  text-align: left; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-settings-panel .bmpui-ui-closebutton {
  margin: 2em;
  position: absolute;
  right: 0;
  top: 0; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-watermark {
  display: none; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-titlebar > .bmpui-container-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-titlebar > .bmpui-container-wrapper > * {
  margin: 0 .25em; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-ui-label {
  display: inline;
  font-size: 1em; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata-title {
  width: 100%; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-cast-status-overlay {
  background: #111; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-cast-status-overlay .bmpui-ui-cast-status-label {
  top: 30%; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen .bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Shape_2%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M23.3%2C15.2L9.8%2C5.6c-0.3-0.2-0.7-0.3-1-0.1C8.5%2C5.7%2C8.3%2C6%2C8.3%2C6.3v19.3c0%2C0.4%2C0.2%2C0.7%2C0.6%2C0.9%0A%09%09%09c0.1%2C0.1%2C0.3%2C0.1%2C0.4%2C0.1c0.2%2C0%2C0.4-0.1%2C0.6-0.2l13.4-9.7c0.3-0.2%2C0.4-0.5%2C0.4-0.8C23.6%2C15.7%2C23.5%2C15.3%2C23.3%2C15.2z%20M10.3%2C23.6V8.4%0A%09%09%09L21%2C16L10.3%2C23.6z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-size: 4em; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-remote-control .bmpui-ui-hugeplaybacktogglebutton.bmpui-on .bmpui-image {
  -webkit-animation: none;
  animation: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_2_copy%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M11.3%2C5.4H8.9c-1.3%2C0-2.4%2C1.1-2.4%2C2.4v16.5c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4h2.4c1.3%2C0%2C2.4-1.1%2C2.4-2.4V7.7%0A%09%09%09C13.6%2C6.4%2C12.6%2C5.4%2C11.3%2C5.4z%20M11.3%2C24.3H8.9V7.7h2.4V24.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_2_copy_2%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M23.1%2C5.4h-2.4c-1.3%2C0-2.4%2C1.1-2.4%2C2.4v16.5c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4h2.4c1.3%2C0%2C2.4-1.1%2C2.4-2.4V7.7%0A%09%09%09C25.4%2C6.4%2C24.4%2C5.4%2C23.1%2C5.4z%20M23.1%2C24.3h-2.4V7.7h2.4V24.3z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  visibility: visible; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-remote-control .bmpui-ui-hugeplaybacktogglebutton.bmpui-off .bmpui-image {
  -webkit-animation: none;
  animation: none; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-buffering-overlay, .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-cast-status-overlay, .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-errormessage-overlay, .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-hugereplaybutton, .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-settings-panel, .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-subtitle-overlay {
  font-size: .6em; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-buffering-overlay, .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-cast-status-overlay, .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-errormessage-overlay, .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-hugereplaybutton, .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-settings-panel, .bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-layout-max-width-600 .bmpui-ui-subtitle-overlay {
  font-size: .8em; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-no-flexbox .bmpui-ui-titlebar > .bmpui-container-wrapper {
  border-spacing: .5em 0;
  display: table;
  width: 100%; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-no-flexbox .bmpui-ui-titlebar > .bmpui-container-wrapper > * {
  display: table-cell;
  vertical-align: middle;
  width: 1em; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-no-flexbox .bmpui-ui-titlebar > .bmpui-container-wrapper > .bmpui-hidden {
  display: none; }

.bmpui-ui-skin-modern.bmpui-ui-skin-smallscreen.bmpui-no-flexbox .bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata-title {
  width: 100%; }

.bmpui-ui-skin-modern.bmpui-player-state-finished .bmpui-ui-controlbar, .bmpui-ui-skin-modern.bmpui-player-state-finished .bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-skin-modern.bmpui-player-state-idle .bmpui-ui-controlbar, .bmpui-ui-skin-modern.bmpui-player-state-idle .bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-skin-modern.bmpui-player-state-idle .bmpui-ui-titlebar {
  display: none; }

.bmpui-ui-skin-modern .bmpui-text-right {
  text-align: right; }

.bmpui-ui-skin-modern.bmpui-layout-max-width-400 .bmpui-ui-titlebar .bmpui-label-metadata-description {
  display: none; }

.bmpui-ui-skin-modern.bmpui-layout-max-width-400 .bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-skin-modern.bmpui-layout-max-width-400 .bmpui-ui-watermark, .bmpui-ui-skin-modern.bmpui-layout-max-width-600 .bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-skin-modern.bmpui-layout-max-width-600 .bmpui-ui-watermark {
  font-size: .7em; }

/* CSS Animations */
@-webkit-keyframes fadeInRTL1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  30% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  60% {
    opacity: 1; }
  80% {
    opacity: 0; } }

@keyframes fadeInRTL1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  30% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  60% {
    opacity: 1; }
  80% {
    opacity: 0; } }

@-webkit-keyframes fadeInRTL2 {
  0% {
    opacity: 0; }
  10% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  40% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  60% {
    opacity: 1; }
  80% {
    opacity: 0; } }

@keyframes fadeInRTL2 {
  0% {
    opacity: 0; }
  10% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  40% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  60% {
    opacity: 1; }
  80% {
    opacity: 0; } }

@-webkit-keyframes fadeInRTL3 {
  0% {
    opacity: 0; }
  20% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  50% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  60% {
    opacity: 1; }
  80% {
    opacity: 0; } }

@keyframes fadeInRTL3 {
  0% {
    opacity: 0; }
  20% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  50% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  60% {
    opacity: 1; }
  80% {
    opacity: 0; } }

.block-ui {
  position: relative;
  min-height: 3em; }
  .block-ui .loading-indicator {
    text-align: center; }
  .block-ui .loading-bullet {
    font-family: sans-serif;
    display: inline-block;
    opacity: 0;
    font-size: 2em;
    color: #02a17c; }
  .block-ui .block-ui-container {
    position: absolute;
    z-index: 1010;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    min-height: 2em;
    cursor: wait;
    overflow: hidden; }
    .block-ui .block-ui-container:focus {
      outline: none; }
  .block-ui .block-ui-overlay {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: white; }
  .block-ui .block-ui-message-container {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    z-index: 10001; }
  .block-ui .block-ui-message {
    color: #333;
    background: none;
    z-index: 1011; }
    .block-ui .block-ui-message .loading-bullet {
      display: inline-block;
      opacity: 0;
      -webkit-animation: 3s ease .5s infinite fadeInRTL1;
      animation: 3s ease .5s infinite fadeInRTL1; }
    .block-ui .block-ui-message .loading-bullet + .loading-bullet {
      -webkit-animation-name: fadeInRTL2;
      animation-name: fadeInRTL2; }
    .block-ui .block-ui-message .loading-bullet + .loading-bullet + .loading-bullet {
      -webkit-animation-name: fadeInRTL3;
      animation-name: fadeInRTL3; }

.bmpui-ui-watermark {
  display: none !important; }

/*
 * @import files
 */
:root {
  --light-gray-wgray-100:#181818;
  --light-gray-wgray-200:#333333;
  --light-gray-wgray-300:#737373;
  --light-gray-wgray-400:#909090;
  --light-gray-wgray-500:#AAAAAA;
  --light-gray-wgray-600:#DDDDDD;
  --light-gray-wgray-700:#EEEEEE;
  --light-gray-wgray-800: #F9F9F9;
  --dark-gray-wgray-100:#F9F9F9;
  --dark-gray-wgray-200:#EEEEEE;
  --dark-gray-wgray-300:#909090;
  --dark-gray-wgray-400:#737373;
  --dark-gray-wgray-500:#AAAAAA;
  --dark-gray-wgray-600:#444444;
  --dark-gray-wgray-700:#282828;
  --dark-gray-wgray-800:#000000;
  --light-wwhite: #FFFFFF;
  --light-wblack: #000000;
  --dark-wwhite: #181818;
  --dark-wblack: #F9F9F9;
  --light-wopc-100: rgba(0, 0, 0, 0.04);
  --dark-wopc-100: rgba(0, 0, 0, 0.04);
  --light-green-wgreen-100: #007A33;
  --light-green-wgreen-200: #14A641;
  --light-green-wgreen-300: #00C73C;
  --light-green-wgreen-400: #61CB5F;
  --light-green-wgreen-500: #AFFB75;
  --dark-green-wgreen-100: #00C73C;
  --dark-green-wgreen-200: #14A641;
  --dark-green-wgreen-300: #00C73C;
  --dark-green-wgreen-400: #007A33;
  --dark-green-wgreen-500: #095E2D;
  --light-orange-worange-100: #FD0000;
  --light-orange-worange-200: #FD5100;
  --light-orange-worange-300: #F6AA00;
  --light-orange-worange-400: #F7EF50;
  --dark-orange-worange-100: #FD0000;
  --dark-orange-worange-200: #FD5100;
  --dark-orange-worange-300: #F6AA00;
  --dark-orange-worange-400: #F7EF50;
  --light-blue-wblue-100: #0D1C2E;
  --light-blue-wblue-200: #133476;
  --light-blue-wblue-300: #204E78;
  --light-blue-wblue-400: #006FE6;
  --light-blue-wblue-500: #EDF2FF;
  --light-blue-wblue-600: #E3E5EC;
  --light-blue-wblue-700: #F0F2F6;
  --dark-blue-wblue-100: #EEEEEE;
  --dark-blue-wblue-200: #E3E5EC;
  --dark-blue-wblue-300: #006FE6;
  --dark-blue-wblue-400: #204E78;
  --dark-blue-wblue-500: #00071A;
  --dark-blue-wblue-600: #15171E;
  --dark-blue-wblue-700: #131720; }

:root {
  --header-web-top-height: 106px;
  --header-web-gnb-height: 58px;
  --header-web-size: calc(var(--header-web-top-height) + var(--header-web-gnb-height));
  --header-mobile-top-height: 63px;
  --header-mobile-gnb-height: 42px;
  --header-mobile-size: calc(var(--header-mobile-top-height) + var(--header-mobile-gnb-height));
  --footer-mobile-size: 300px;
  --footer-web-size: 290px; }

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Thin.eot?") format("eot"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Thin.otf") format("opentype"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Thin.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Thin.woff2") format("woff2"); }

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Light.eot?") format("eot"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Light.otf") format("opentype"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Light.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Light.woff2") format("woff2"); }

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-DemiLight.eot?") format("eot"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-DemiLight.otf") format("opentype"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-DemiLight.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-DemiLight.woff2") format("woff2"); }

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Regular.eot?") format("eot"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Regular.otf") format("opentype"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Regular.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Regular.woff2") format("woff2"); }

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Medium.eot?") format("eot"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Medium.otf") format("opentype"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Medium.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Medium.woff2") format("woff2"); }

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Bold.eot?") format("eot"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Bold.otf") format("opentype"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Bold.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Bold.woff2") format("woff2"); }

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 900;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Black.eot?") format("eot"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Black.otf") format("opentype"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Black.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/NotoSans-Black.woff2") format("woff2"); }

@font-face {
  font-family: 'One Mobile KR';
  font-weight: 300;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Light.woff2") format("woff2"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Light.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Light.eot") format("eot"); }

@font-face {
  font-family: 'One Mobile OTF';
  font-weight: 300;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Light.woff2") format("woff2"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Light.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Light.eot") format("eot"); }

@font-face {
  font-family: 'One Mobile KR';
  font-weight: 400;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Regular.woff2") format("woff2"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Regular.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Regular.eot") format("eot"); }

@font-face {
  font-family: 'ONE Mobile OTF';
  font-weight: 400;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Regular.woff2") format("woff2"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Regular.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Regular.eot") format("eot"); }

@font-face {
  font-family: 'One Mobile KR';
  font-weight: 700;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Bold.woff2") format("woff2"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Bold.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Bold.eot") format("eot"); }

@font-face {
  font-family: 'ONE Mobile OTF';
  font-weight: 700;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Bold.woff2") format("woff2"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Bold.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Bold.eot") format("eot"); }

@font-face {
  font-family: 'One Mobile KR';
  font-weight: 800;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Title.eot?") format("eot"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Title.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Title.woff2") format("woff2"); }

@font-face {
  font-family: 'ONE Mobile OTF';
  font-weight: 800;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Title.eot?") format("eot"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Title.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-Title.woff2") format("woff2"); }

@font-face {
  font-family: 'ONE Mobile POP';
  font-weight: 900;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-POP.eot?") format("eot"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-POP.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-POP.woff2") format("woff2"); }

@font-face {
  font-family: 'ONE Mobile POP';
  font-weight: 900;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-POP.eot?") format("eot"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-POP.woff") format("woff"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/ONE-Mobile-POP.woff2") format("woff2"); }

@font-face {
  font-family: 'OA Gothic';
  font-weight: 500;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/OAGothic-Medium.ttf") format("ttf"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/OAGothic-Medium.otf") format("opentype"); }

@font-face {
  font-family: 'OA Gothic';
  font-weight: 800;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/OAGothic-ExtraBold.ttf") format("ttf"), url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/OAGothic-ExtraBold.otf") format("opentype"); }

/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
@font-face {
  font-family: 'Pretendard';
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/PretendardVariable.woff2") format("woff2-variations"); }

@font-face {
  font-family: 'Gmarket Sans';
  font-weight: 500;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/GmarketSansMedium.otf") format("opentype"); }

@font-face {
  font-family: 'Gmarket Sans';
  font-weight: 700;
  font-style: normal;
  src: url("https://static.welaaa.co.kr/welaaa-web/static/rc/fonts/GmarketSansBold.otf") format("opentype"); }

/*
 * Normalize
 */
body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  color: #353a3c; }
  body > #__next {
    height: 100%; }

html,
body {
  height: 100%;
  font-size: 14px;
  -webkit-text-size-adjust: 100%; }

html,
body,
input,
textarea,
select,
a,
button,
p,
pre,
div {
  font-family: 'Noto Sans KR', sans-serif;
  word-break: keep-all; }

button {
  padding: 0;
  margin: 0; }

input[type='text'],
input[type='button'],
input[type='email'],
input[type='password'],
textarea,
button {
  -moz-appearance: none;
  -webkit-appearance: none; }

input[type='password'] {
  font-family: 'Noto Sans KR', sans-serif; }

button,
a,
input,
select,
textarea {
  outline: none; }
  button:active, button:focus, button:hover,
  a:active,
  a:focus,
  a:hover,
  input:active,
  input:focus,
  input:hover,
  select:active,
  select:focus,
  select:hover,
  textarea:active,
  textarea:focus,
  textarea:hover {
    outline: none; }

ul.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none; }

button {
  cursor: pointer; }

button.button-unstyled {
  border: 0;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center; }

p {
  margin: 0; }

iframe {
  border: none; }

.w-font-montserrat {
  font-family: 'Montserrat', sans-serif; }

.w-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.w-flex, .w-flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .w-flex .w-header__web-gnb-right, .w-flex-between .w-header__web-gnb-right {
    gap: 20px;
    margin: 0 20px; }

.w-flex-between {
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between; }

.w-justify-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.w-ml-auto {
  margin-left: auto; }

.w-mr-auto {
  margin-right: auto; }

@media (max-width: 1023px) {
  .w-visible__web {
    display: none; } }

@media (min-width: 1024px) {
  .w-visible__mobile {
    display: none; } }

/*
 * Common Styles
 */
.w-container {
  margin: 0 auto;
  width: calc(100% - 30px); }
  @media (min-width: 1600px) {
    .w-container {
      width: 1400px; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-container {
      width: 1000px; } }
  @media (max-width: 1023px) {
    .w-container {
      width: calc(100% - 36px); } }
  @media (max-width: 460px) {
    .w-container {
      width: calc(100% - 20px); } }
  @media (max-width: 359px) {
    .w-container {
      width: calc(100% - 5.556vw); } }
  @media (max-width: 1023px) {
    .w-container.full-width {
      width: 100%; } }
  @media (max-width: 460px) {
    .w-container.full-width {
      width: 100%; } }
  @media (max-width: 359px) {
    .w-container.full-width {
      width: 100%; } }

.w-container--swiper {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE/Edge */
  padding-left: 10px;
  margin: 0 auto; }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-container--swiper {
      padding-left: 0;
      width: 1000px; } }
  @media (min-width: 1600px) {
    .w-container--swiper {
      padding-left: 0;
      width: 1400px; } }

.w-container--swiper.my-page {
  margin: 0 auto;
  width: 100%; }
  .w-container--swiper.my-page .w-new-book {
    background-color: transparent; }

.w-align-justify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.w-app-container {
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .w-app-container.about-hero-active {
    overflow-x: clip; }

.w-content-container {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  @media (max-width: 1023px) {
    .w-content-container:not(.in-app) {
      margin-top: 0; } }

.w-content--mobile {
  display: block; }
  @media (min-width: 1024px) {
    .w-content--mobile {
      display: none; } }

.w-content--desktop {
  display: none; }
  @media (min-width: 1024px) {
    .w-content--desktop {
      display: block; } }

.w-header__mobile {
  /* 브랜드 스토리: 모바일 헤더를 처음부터 fixed 강제 (static→fixed 전환 점프 방지) */
  z-index: 999;
  background-color: #fff; }
  .w-header__mobile.w-header__mobile-gnb-container--sticky {
    position: fixed;
    top: 0;
    width: 100%;
    height: var(--header-mobile-size); }
  .about-hero-active .w-header__mobile {
    position: fixed;
    top: 0;
    width: 100%;
    height: var(--header-mobile-size); }
  .w-header__mobile .w-header__mobile-top-container {
    height: var(--header-mobile-top-height);
    padding: 0 16px 0 7px; }
    .w-header__mobile .w-header__mobile-top-container .w-header__mobile-top-left {
      display: flex;
      gap: 4px;
      justify-content: center;
      align-items: center; }
    .w-header__mobile .w-header__mobile-top-container .w-header__mobile-top-right {
      display: flex;
      gap: 12px;
      justify-content: center;
      align-items: center; }
  .w-header__mobile .w-header__mobile-gnb-container {
    z-index: 1010;
    height: var(--header-mobile-gnb-height);
    padding: 0 20px;
    border-bottom: 1px solid var(--light-gray-wgray-600, #ddd); }
  @media (min-width: 1024px) {
    .w-header__mobile {
      display: none; } }

.w-header__mobile-logo {
  width: 52px;
  height: 28px; }
  @media (min-width: 1024px) {
    .w-header__mobile-logo {
      display: none; } }

.w-header__mobile-logo-lottie {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 151px;
  height: 36px; }

.w-header__mobile-title {
  width: calc(100% - 100px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
  text-align: center;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-header__mobile-title {
      display: none; } }

.w-header__mobile-gnb {
  width: 100%;
  height: var(--header-mobile-gnb-height);
  display: flex;
  justify-content: space-between; }

.w-header__mobile-gnb-link {
  box-sizing: border-box;
  line-height: var(--header-mobile-gnb-height);
  height: var(--header-mobile-gnb-height);
  -webkit-text-stroke: 0.5px var(--light-blue-wblue-100, #0d1c2e);
  text-align: center;
  text-decoration: none;
  color: var(--light-blue-wblue-100, #0d1c2e);
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: 'ONE Mobile KR', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.5px; }
  .w-header__mobile-gnb-link.on {
    font-weight: 500;
    color: #030303;
    border-bottom: 3px solid #030303; }

.w-header__web {
  height: var(--header-web-size);
  position: relative; }
  @media (max-width: 1023px) {
    .w-header__web {
      display: none; } }

.w-header__web-top-container {
  height: var(--header-web-top-height);
  background-color: #ffffff;
  border-bottom: 1px solid var(--light-gray-wgray-700, #eee); }
  .w-header__web-top-container .w-flex-between {
    position: relative;
    height: var(--header-web-top-height); }

.w-header__web-top-user {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 37px; }

.w-header__web-slide-btn {
  margin-right: 29px; }

.w-header__web-top-user__before-bar {
  width: 1px;
  height: 13px;
  margin: 0 19px;
  background-color: #dddddd; }

.w-header__web-logo {
  position: absolute;
  top: 50%;
  left: calc(50% - 5px);
  transform: translate(-50%, -50%);
  width: 125px;
  height: 46px; }

.w-header__web-logo-lottie {
  position: absolute;
  top: 50%;
  left: calc(50% - 5px);
  transform: translate(-50%, -50%); }

.w-header__web-search {
  display: inline-block;
  position: relative;
  width: 220px;
  height: 48px;
  border-radius: 60px;
  border: 1px solid var(--light-gray-wgray-600, #ddd);
  background: var(--light-gray-wgray-800, #f9f9f9); }

.w-header__web-search-input {
  width: calc(100% - 40px);
  height: 100%;
  padding-left: 20px;
  border: 0;
  background-color: transparent;
  outline: none;
  box-sizing: border-box;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.5px;
  transform: translateY(-1px); }
  .w-header__web-search-input::placeholder {
    color: var(--light-gray-wgray-300, #737373);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.5px;
    transform: translateY(-1px); }

.w-header__web-search-btn {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%); }

.w-header__web-gnb-container, .w-header__web-gnb-container--sticky {
  height: var(--header-web-gnb-height);
  background: var(--light-wwhite, #fff);
  border-bottom: 1px solid var(--light-gray-wgray-600, #ddd); }

.w-header__web-gnb-container--sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999; }

.w-header__web-gnb-link {
  height: 58px;
  line-height: 58px;
  margin-right: 40px;
  text-decoration: none;
  -webkit-text-stroke: 0.5px var(--light-blue-wblue-100, #0d1c2e);
  color: var(--light-blue-wblue-100, #0d1c2e);
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: 'ONE Mobile KR', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.5px; }
  .w-header__web-gnb-link.on {
    border-bottom: 3px solid #030303; }

.w-header__web-gnb-bar {
  width: 1px;
  height: 17px;
  background-color: #11a46b; }

.w-header__web-gnb-btn {
  position: relative;
  margin-right: 30px;
  width: 40px;
  height: var(--header-web-gnb-height);
  background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/icons/wico_menu.svg") no-repeat center center;
  background-size: contain; }

.w-header__web-gnb-btn--open {
  background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/icons/wico_menu-close.svg") no-repeat center center; }

.w-header__web-snb-bar {
  width: 1px;
  height: 13px;
  margin: 0 15px;
  background-color: #11a46b; }

.w-header__web-snb-link {
  color: var(--light-green-wgreen-100, #007a33);
  text-decoration: none;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: 'ONE Mobile OTF', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--header-web-gnb-height);
  letter-spacing: -0.5px; }
  .w-header__web-snb-link.divider {
    position: relative;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--light-green-wgreen-100, #007a33); }

.w-footer {
  font-family: 'Noto Sans KR', sans-serif;
  background: #666666;
  position: relative; }
  .w-footer div,
  .w-footer a,
  .w-footer span {
    font-family: 'Noto Sans KR', sans-serif; }

.w-footer__menu {
  height: 66px; }
  .w-footer__menu > :first-child {
    width: 100%;
    padding-left: 0px; }
    .w-footer__menu > :first-child br {
      display: none; }
  @media (max-width: 1023px) {
    .w-footer__menu {
      position: initial;
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important; } }
  @media (min-width: 1024px) {
    .w-footer__menu {
      height: 66px; } }

@media (max-width: 1023px) {
  .w-footer__menu-link-container {
    text-align: left; } }

@media (min-width: 1024px) {
  .w-footer__menu-link-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.w-footer__menu-link {
  text-decoration: none;
  font-weight: 200;
  color: #ccc;
  font-size: 15px; }
  @media (max-width: 1023px) {
    .w-footer__menu-link {
      display: inline-block;
      padding: 7px 0;
      font-size: 12px; } }
  @media screen and (max-width: 460px) {
    .w-footer__menu-link {
      font-size: 2.778vw;
      padding: 1.944vw 0; } }

@media (max-width: 1023px) {
  .w-footer__out-links {
    display: none; } }

.w-footer__hr {
  margin: 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.w-footer__info {
  position: relative;
  padding: 20px 0 40px; }
  @media (max-width: 1023px) {
    .w-footer__info {
      padding: 20px 0 80px; } }
  @media (min-width: 1024px) {
    .w-footer__info {
      padding-top: 0; } }

.w-footer__logo {
  padding: 30px 0;
  font-weight: 200;
  font-size: 15px;
  color: #cccccc;
  letter-spacing: -0.59px;
  line-height: 16px; }
  @media (max-width: 1023px) {
    .w-footer__logo {
      padding: 0 0px;
      font-size: 10px;
      color: #cccccc;
      letter-spacing: -0.39px;
      line-height: 16px; }
      .w-footer__logo img {
        width: 63px;
        height: 32px;
        margin-right: 10px; } }

.w-footer__logo-image {
  width: 100px;
  height: 50px;
  margin-right: 12px;
  vertical-align: middle; }

.w-footer__logo-strong {
  font-weight: bold; }

.w-footer__copyright-web {
  font-size: 16px;
  font-weight: 200;
  color: #cccccc;
  letter-spacing: 0;
  line-height: 26px; }
  .w-footer__copyright-web .w-footer__copyright-text {
    font-family: Roboto;
    font-weight: 300;
    font-size: 12px;
    color: #cccccc;
    letter-spacing: 0;
    line-height: 23px; }
  @media (max-width: 1023px) {
    .w-footer__copyright-web {
      display: none; } }

.w-footer__copyright-mobile {
  font-size: 11px;
  line-height: 1.67;
  text-align: left;
  padding: 18px 0;
  color: #cccccc; }
  @media (min-width: 1024px) {
    .w-footer__copyright-mobile {
      display: none; } }

.w-footer__text--bold {
  font-weight: bold; }

.w-footer__bar {
  padding: 0 7px;
  font-size: 11px;
  color: #ccc; }
  @media (min-width: 1024px) {
    .w-footer__bar {
      padding: 0 12px;
      font-size: 13px; } }
  @media (max-width: 460px) {
    .w-footer__bar {
      font-size: 3.056vw;
      padding: 0 1.944vw; } }

.w-footer__sns {
  position: absolute;
  z-index: 999; }
  @media (max-width: 1023px) {
    .w-footer__sns {
      width: 150px;
      top: auto;
      left: 18px;
      bottom: 50px;
      transform: translateY(0); } }
  @media (min-width: 1024px) {
    .w-footer__sns {
      width: 150px;
      top: 20px;
      right: 20px; } }

.w-footer__sns-image {
  width: 30px;
  height: 30px; }
  @media (min-width: 1024px) {
    .w-footer__sns-image {
      width: 27px;
      height: 27px; } }

.w-page__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: #ffffff; }
  @media (min-width: 1024px) {
    .w-page__title {
      padding: 79px 0 60px; } }

.w-page__title-item-title {
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #333333; }
  @media (min-width: 1024px) {
    .w-page__title-item-title {
      font-size: 30px; } }

.w-page__title-item-link {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.w-page__title-item-link-text {
  margin-right: 5px;
  font-size: 13px;
  color: #00c73c; }
  @media (min-width: 1024px) {
    .w-page__title-item-link-text {
      margin-right: 10px;
      font-size: 15px; } }

.w-page__title-item-link-icon {
  display: block;
  width: 7px;
  height: 11px;
  margin-bottom: 2px; }

.w-page__category {
  margin-bottom: 20px;
  overflow-y: hidden;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none; }
  @media (max-width: 1024px) {
    .w-page__category {
      height: 35px;
      white-space: nowrap;
      overflow-x: scroll; } }
  @media (min-width: 1024px) {
    .w-page__category {
      margin-bottom: 40px; } }

.w-page__category::-webkit-scrollbar {
  display: none; }

.w-page__label-box {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap; }
  .w-page__label-box label {
    display: inline-block;
    flex: 0 0 auto;
    margin-bottom: 4px; }

.w-page__content-label, .w-page__content-label--exclusive, .w-page__content-label--blank, .w-page__content-label--free, .w-page__content-label--clear, .w-page__content-label--new {
  padding: 4px 10px 3px;
  margin-right: 5px;
  font-size: 10px;
  font-weight: 600;
  color: #ffffff; }

.w-page__content-label--exclusive {
  background-color: #00c73c; }

.w-page__content-label--blank {
  border: 1px solid transparent; }
  .w-page__content-label--blank span {
    opacity: 0; }

.w-page__content-label--free {
  background-color: #e8d815; }

.w-page__content-label--clear {
  background-color: #3c8dd1; }

.w-page__content-label--new {
  background-color: #fd7e14; }

.w-page__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  padding: 0;
  text-align: right; }

.w-page__sort-button {
  position: relative;
  display: inline-block;
  padding: 0 0 0 17px;
  line-height: 1;
  margin-left: 6px; }
  .w-page__sort-button:first-child {
    margin-left: 0; }

.w-page__sort-button-dot, .w-page__sort-button-dot--selected {
  position: absolute;
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 3px;
  left: 0;
  bottom: 2px; }

.w-page__sort-button-dot--selected {
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-sort-selected.png");
  background-repeat: no-repeat;
  background-position: center; }

.w-page__sort-button-button, .w-page__sort-button-button--selected {
  padding: 0;
  border: 0;
  background-color: inherit;
  color: #b7b7b7;
  font-size: 15px;
  vertical-align: text-bottom; }

.w-page__sort-button-button--selected {
  color: #555; }

.w-page__view-more, .w-page__sign-up {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.w-page__view-more-btn-wrap {
  margin-top: 19px;
  text-align: center; }

.w-page__view-more-btn {
  border: none;
  background-color: transparent;
  font-size: 12px;
  color: #888888; }
  @media (max-width: 1023px) {
    .w-page__view-more-btn {
      width: 100%; } }
  @media (min-width: 1024px) {
    .w-page__view-more-btn {
      height: 56px;
      font-size: 16px; } }

.w-page__view-more-btn-icon {
  padding-left: 7px; }
  @media (max-width: 1023px) {
    .w-page__view-more-btn-icon {
      height: 8px; } }

.w-page__sign-up {
  margin: 20px 0 40px; }
  @media (min-width: 1024px) {
    .w-page__sign-up {
      margin: 60px 0 130px; } }

.w-page__sign-up-btn, .w-page__sign-up-btn--white {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 46px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ffffff;
  border: 1px solid #00c73c;
  border-radius: 30px;
  color: #00c73c;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none; }
  @media (min-width: 480px) and (max-width: 1023px) {
    .w-page__sign-up-btn, .w-page__sign-up-btn--white {
      font-size: 1rem; } }
  @media (min-width: 1024px) {
    .w-page__sign-up-btn, .w-page__sign-up-btn--white {
      width: 460px;
      height: 60px;
      font-size: 1.2rem; } }

.w-page__sign-up-btn--white {
  background-color: #ffffff;
  color: #00c73c; }

.w-page__sign-up-btn-icon {
  width: 10px;
  height: 14px;
  margin-left: 5px; }
  @media (min-width: 1024px) {
    .w-page__sign-up-btn-icon {
      width: 12px;
      height: 18px; } }

@media (min-width: 1024px) {
  .w-page__sign-up-btn-icon--primary {
    width: 9px;
    height: 15px;
    margin-bottom: 2px;
    margin-left: 10px; } }

.w-header__web-gnb-all-list {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 224px 212px;
  grid-template-rows: repeat(6, 28px);
  -ms-grid-columns: 223px 1px 212px;
  -ms-grid-rows: 28px 28px 28px 28px 28px 28px;
  margin-top: 6px;
  grid-template-rows: auto; }
  .w-header__web-gnb-all-list a {
    display: block;
    color: #555;
    font-size: 14px;
    line-height: 28px; }
    .w-header__web-gnb-all-list a.w-header__web-gnb-all-list-item-highlight {
      color: #ff761b;
      grid-column-start: 1;
      -ms-grid-column-span: 3;
      z-index: 9;
      white-space: nowrap; }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-header__web-gnb-all-list {
      grid-template-columns: 159px 147px;
      -ms-grid-columns: 158px 1px 147px; } }

.w-header__web-user-img-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center; }
  .w-header__web-user-img-container .w-header__web-user-img-container-user-name {
    display: inline-block;
    margin-left: 29px;
    line-height: 40px;
    vertical-align: top;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .w-header__web-user-img-container [class*='w-mypage__grade-badge'] {
    margin: 0 0 0 10px; }

.w-header__web-user-img {
  display: inline-block;
  width: 43px;
  height: 43px;
  border-radius: 0;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px; }

.w-header__web-mypage-side {
  position: fixed;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999; }

.w-header__web-mypage-side--show {
  display: block; }

.w-header__web-mypage-side-overlay {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  .w-header__web-mypage-side--show .w-header__web-mypage-side-overlay {
    background: rgba(0, 0, 0, 0.3); }

.w-header__web-mypage-side-container {
  position: absolute;
  display: inline-block;
  width: 400px;
  min-height: 100vh;
  height: 100vh;
  background: #fff;
  left: 0;
  top: 0;
  overflow-x: scroll;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  .w-header__web-mypage-side--show .w-header__web-mypage-side-container {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  @media (max-width: 768px) {
    .w-header__web-mypage-side-container {
      width: 100%; } }

.w-header__web-mypage-side-wrap {
  padding: 27px 20px; }

.w-header__web-mypage-side-membership {
  background: #f0f0f0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

.w-header__web-mypage-side-title {
  color: #333;
  font-size: 17px; }

.w-header__web-mypage-side-sub-title {
  color: #00c73c;
  margin-left: 9px;
  font-size: 14px; }

.w-header__web-mypage-side-membership-normal {
  width: 310px;
  height: 77px;
  background: rgba(255, 255, 255, 0.5);
  margin: 32px auto 0;
  padding: 15px 21px;
  border: 1px solid rgba(197, 197, 197, 0.5);
  border-radius: 5px; }
  .w-header__web-mypage-side-membership-normal a {
    display: inline-block;
    color: #555;
    margin: 3px 0 0 13px;
    font-size: 15px;
    line-height: 1.46;
    vertical-align: top; }
    .w-header__web-mypage-side-membership-normal a:after {
      content: '';
      display: inline-block;
      width: 5px;
      height: 7px;
      margin-left: 12px;
      background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-angle-right-grey-side.png); }

.w-header__web-mypage-side-membership-joined {
  margin-top: 10px; }

.w-header__web-mypage-side-book-list {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr; }
  .w-header__web-mypage-side-book-list .w-book-simple__summary-thumbnail {
    padding-top: 100%; }

.w-header__web-mypage-side-direct-link {
  display: grid;
  display: -ms-grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  -ms-grid-columns: 1fr 1px 1fr;
  -ms-grid-rows: 1fr 1fr;
  border-top: 1px solid rgba(221, 221, 221, 0.5); }
  .w-header__web-mypage-side-direct-link a {
    display: block;
    color: #333;
    padding: 0 24px;
    line-height: 48px;
    font-weight: 300;
    border-right: 1px solid rgba(221, 221, 221, 0.5);
    border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
    .w-header__web-mypage-side-direct-link a:nth-child(2n) {
      border-left: none; }
    @media (max-width: 360px) {
      .w-header__web-mypage-side-direct-link a {
        padding: 0 20px; } }
  @media (min-width: 1024px) {
    .w-header__web-mypage-side-direct-link {
      margin-top: 2px; } }

.w-header__web-mypage-btn-logout {
  margin-top: 40px;
  padding: 0 18px 18px; }
  .w-header__web-mypage-btn-logout button {
    color: #888;
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid rgba(183, 183, 183, 0.6);
    border-radius: 5px;
    font-size: 15px; }
    .w-header__web-mypage-btn-logout button:before {
      content: '';
      display: inline-block;
      width: 17px;
      height: 17px;
      margin-right: 17px;
      background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-logout.png);
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: text-top; }
  @media (min-width: 1024px) {
    .w-header__web-mypage-btn-logout {
      padding: 0 20px 20px; } }

.w-header__mobile-mypage-side-close {
  width: 20px;
  height: 20px;
  margin: 3px 0 3px 12px;
  background-color: transparent;
  background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-mypage-side-close.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
  font-size: 0;
  vertical-align: top; }

.w-header__mobile-mypage-side-menu-list-box {
  display: none; }
  .w-header__mobile-mypage-side-menu-item--active .w-header__mobile-mypage-side-menu-list-box {
    display: block; }

.w-header__mobile-mypage-side-menu-name {
  position: relative;
  color: #333;
  padding: 0 18px;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  line-height: 68px;
  cursor: pointer; }
  .w-header__mobile-mypage-side-menu-name.has-depth-menu::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 8px;
    background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-mypage-side-menu-fold.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 14px 16px;
    right: 18px;
    top: 31px; }

.w-header__mobile-mypage-side-menu-name--active.has-depth-menu::after {
  background-position: 0 -8px; }

.w-header__mobile-mypage-side-menu-list {
  display: grid;
  display: -ms-grid;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-columns: 1fr 1px 1fr;
  grid-template-rows: repeat(6, 30px);
  -ms-grid-rows: 30px 30px 30px 30px 30px 30px;
  padding: 18px;
  border-bottom: 1px solid #ddd; }
  .w-header__mobile-mypage-side-menu-list a {
    display: block;
    color: #888;
    font-size: 13px;
    line-height: 30px; }
    .w-header__mobile-mypage-side-menu-list a.w-header__mobile-mypage-side-menu-list-item-primary {
      color: #00c73c; }

.w-header__mobile-mypage-side-menu-list-my {
  display: block; }
  .w-header__mobile-mypage-side-menu-list-my a {
    display: block; }

.w-header__mobile-mypage-side-menu-sub-name {
  background: #f0f0f0;
  padding: 5px 18px;
  border-bottom: 1px solid #ddd; }
  .w-header__mobile-mypage-side-menu-sub-name a,
  .w-header__mobile-mypage-side-menu-sub-name p {
    color: #555;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px; }

.w-header__mobile-search {
  position: fixed;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--header-mobile-top-height);
  padding: 5px 0;
  border-bottom: 1px solid #cecece;
  background-color: #ffffff; }

.w-header__mobile-search-input {
  width: calc(100% - 80px);
  height: 100%;
  padding: 5px;
  border: none;
  font-size: 14px;
  color: #555555; }

.w-header__mobile-search-close {
  width: 40px;
  padding: 5px;
  border: none;
  font-size: 25px;
  color: #00c73c;
  background-color: #ffffff; }

.w-header__mobile-search-enter {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #ffffff; }

.w-container-hr {
  width: 100%;
  height: 8px;
  background-color: #f0f0f4; }
  @media (min-width: 768px) {
    .w-container-hr {
      display: none; } }

.w-container--category {
  margin-left: 15px;
  width: calc(100% - 15px); }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-container--category {
      margin: 0 auto;
      width: 1000px; } }
  @media (min-width: 1600px) {
    .w-container--category {
      margin: 0 auto;
      width: 1400px; } }

.monthly-book-wrapper .monthly-book-pc .author, .author-wrapper .author {
  display: flex;
  margin-top: 10px;
  height: 45px; }
  @media screen and (max-width: 768px) {
    .monthly-book-wrapper .monthly-book-pc .author, .author-wrapper .author {
      display: none; } }
  .monthly-book-wrapper .monthly-book-pc .author > div, .author-wrapper .author > div {
    display: inline-block; }
  .monthly-book-wrapper .monthly-book-pc .author .author_image, .author-wrapper .author .author_image {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    background-size: 100%;
    border-radius: 15px; }
  .monthly-book-wrapper .monthly-book-pc .author .author_name, .author-wrapper .author .author_name {
    flex: 1;
    text-align: left;
    padding-left: 5px; }
    .monthly-book-wrapper .monthly-book-pc .author .author_name .author_name_title, .author-wrapper .author .author_name .author_name_title {
      width: 19px;
      height: 15px;
      font-family: 'Noto Sans KR', sans-serif;
      font-size: 10px;
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #ffffff;
      line-height: 15px; }
    .monthly-book-wrapper .monthly-book-pc .author .author_name .author_name_text, .author-wrapper .author .author_name .author_name_text {
      width: 69px;
      height: 28px;
      font-family: 'Noto Sans KR', sans-serif;
      font-size: 11px;
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.27;
      letter-spacing: normal;
      color: #ffffff; }

.monthly-book-wrapper {
  height: 338px;
  overflow: hidden;
  color: #ffffff; }
  @media screen and (max-width: 768px) {
    .monthly-book-wrapper {
      height: 209px;
      margin-top: -8px; } }
  .monthly-book-wrapper .monthly-book-header-pc {
    height: 27px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    margin: 21px 0; }
    @media screen and (max-width: 768px) {
      .monthly-book-wrapper .monthly-book-header-pc {
        height: 18px;
        font-size: 12px;
        line-height: 18px;
        margin: 12px 0 10px 0; } }
  .monthly-book-wrapper .monthly-book-pc {
    display: inline-block;
    width: 117px;
    padding: 0 10px; }
    .monthly-book-wrapper .monthly-book-pc .image img {
      width: 100px;
      height: 140px;
      border-radius: 0 !important; }
      @media screen and (max-width: 768px) {
        .monthly-book-wrapper .monthly-book-pc .image img {
          width: 80px;
          height: 112px; } }
    .monthly-book-wrapper .monthly-book-pc .title {
      width: 100px;
      height: 38px;
      font-family: 'Noto Sans KR', sans-serif;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.36;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: normal;
      text-align: left;
      margin-top: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media screen and (max-width: 768px) {
        .monthly-book-wrapper .monthly-book-pc .title {
          margin: 5px auto;
          width: 80px;
          height: 30px;
          font-family: 'Noto Sans KR', sans-serif;
          font-size: 12px;
          line-height: 1.33; } }

.author-wrapper .author {
  display: flex; }

.swiper-slide.monthly-book-wrapper.swiper-slide {
  border-radius: 15px; }

@media screen and (max-width: 768px) {
  .mobile-pagination--hidden .swiper-pagination {
    display: none; } }

.text-overflow-break-word {
  overflow-wrap: break-word; }

.text-overflow-elipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.recommend-title--pre {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans KR', sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 22px;
  font-weight: 600; }
  @media screen and (max-width: 767px) {
    .recommend-title--pre {
      font-size: 18px; } }

div[class^='Snackbar_snackbar-wrapper'] {
  z-index: 1000; }

.slider .series-item-wrapper {
  position: relative;
  height: 350px;
  overflow: hidden; }
  .slider .series-item-wrapper img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }

.slider.mobile .series-item-wrapper {
  height: 182px !important; }

.mx-10 {
  margin: 0 10px; }

.w-social__facebook-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: #2e58ad; }

.w-social__facebook-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 22px;
  height: 20px;
  margin-right: 5px; }

.w-social__facebook-text {
  padding-top: 3px;
  font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.41px;
  text-align: center;
  color: #ffffff;
  cursor: pointer; }

.w-social__kakao {
  width: 100%;
  padding: 0;
  margin-top: 10px;
  border: 0;
  border-radius: 4px;
  background-color: #f5e03c; }

.social__kakao-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: #f5e03c; }

.social__kakao-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 22px;
  height: 20px;
  margin-right: 5px; }

.social__kakao-text {
  padding-top: 3px;
  font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #3c1e1e;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.41px;
  text-align: center;
  cursor: pointer; }

.ic-size__24 {
  width: 24px;
  height: 24px; }

.ic-size__40 {
  width: 40px;
  height: 40px; }

.w-toggle-container {
  position: relative;
  width: 100%;
  height: 50px;
  padding: 12px;
  background-color: #ffffff; }

.w-sort-bar {
  position: absolute;
  top: 5px;
  left: 52px;
  display: block;
  width: 1px;
  height: 17px;
  background-color: #cfcfcf; }

.w-sort-type-change {
  position: absolute;
  right: 12px;
  top: 12px;
  margin-left: auto;
  padding: 3px 10px;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  background-color: #ffffff;
  font-size: 12px;
  color: #585858; }

.w-category-container {
  position: relative;
  width: 100%;
  height: 49px;
  overflow: hidden; }

.w-category-container-multi-line {
  padding-right: 109px; }

.w-category-container-opened {
  height: auto; }

.w-category-container__btn-more {
  position: absolute;
  display: none;
  width: 109px;
  height: 49px;
  padding: 0 20px;
  border: 0;
  background-color: transparent;
  font-size: 15px;
  color: #555;
  right: 0;
  bottom: 0; }
  .w-category-container__btn-more:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 7px;
    background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-category-btn-more.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    right: 13px;
    top: 21px; }
  .w-category-container-multi-line .w-category-container__btn-more {
    display: inline-block; }
  .w-category-container-opened .w-category-container__btn-more:after {
    background-position: 0 -7px; }

.w-category-item-wrap {
  display: inline-block; }
  .w-category-item-wrap span {
    display: inline-block;
    width: 2px;
    height: 12px;
    border-right: 1px solid #9da4a7; }
  @media (max-width: 1024px) {
    .w-category-item-wrap:first-of-type .w-category-item, .w-category-item-wrap:first-of-type .w-category-item--active {
      margin-left: 0; } }
  .w-category-item-wrap:last-of-type span {
    display: none; }

.w-category-item, .w-category-item--active {
  padding: 5px 10px;
  margin: 0 10px;
  border: none;
  background-color: #ffffff;
  font-size: 14px;
  color: #9da4a7; }
  @media (min-width: 1024px) {
    .w-category-item, .w-category-item--active {
      font-size: 16px; } }

.w-category-item--active {
  border: 1px solid #00c73c;
  border-radius: 20px;
  background-color: #00c73c;
  color: #ffffff; }

.w-summary {
  position: relative;
  width: 100%; }

.w-summary__btn-set-sm {
  width: 12px;
  height: 12px; }

.w-summary__btn-set-lg {
  width: 24px;
  height: 24px; }

.w-summary__thumbnail {
  position: relative;
  width: 100%;
  padding-bottom: 43.75%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 4px 4px 0 0;
  overflow: hidden; }
  .w-summary__thumbnail img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .w-header__web-mypage-side__w-main-continue .w-summary__thumbnail:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px; }
  .w-main-continue__grid-mypage .w-summary__thumbnail:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px; }

.w-summary__thumbnail-title {
  display: -webkit-box;
  position: absolute;
  top: 15px;
  left: 11%;
  margin: 0;
  width: 84%;
  height: 2.4em;
  line-height: 1.2em;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-overflow: ellipsis;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  z-index: 9; }

.w-summary__play {
  position: absolute;
  right: 5%;
  bottom: 36%;
  width: 42px;
  height: 42px;
  z-index: 1;
  cursor: pointer; }

.w-summary__play-image {
  width: 50px;
  height: 50px; }

.w-summary__clip-icon {
  position: absolute;
  bottom: 20%;
  left: 5%; }

.w-summary__clip-count {
  position: absolute;
  bottom: 18%;
  left: 11.5%;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff; }

.w-summary__count-text {
  padding-left: 3px;
  padding-right: 7px;
  font-size: 12px;
  color: #ffffff; }

.w-summary__share {
  position: absolute;
  right: 3%;
  top: 7px; }

.w-summary__thumbnail-time {
  position: absolute;
  top: 15%;
  right: 5%;
  color: #ffffff;
  font-size: 13px; }

.w-summary__thumbnail-time-number {
  font-size: 25px;
  font-weight: bold; }

.w-summary__view-count {
  position: absolute;
  bottom: 15%;
  left: 5%; }

.w-summary__view-icon-image {
  width: 22px;
  height: 22px;
  margin-right: 5px; }

.w-summary__view-count-text {
  font-size: 12px;
  color: #dddddd; }

.w-summary__play-bar-background {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-color: #b7b7b7; }

.w-summary__play-bar {
  height: 5px;
  background-color: #00c73c; }

.w-lecture, .w-recommend-series__class-grid-item {
  display: block;
  position: relative;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  border-radius: 4px; }

.w-lecture__body {
  padding: 10px 15px; }

.w-lecture__hr {
  width: 100%;
  border: 0.5px solid #e2e2e2;
  margin: 12px 0 10px; }

.w-lecture__headline, .w-recommend-series__class-headline {
  display: -webkit-box;
  height: 2.38em;
  line-height: 1.2em;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #353a3c;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.w-lecture__teacher-info, .w-recommend-series__class-teacher-info {
  display: -webkit-box;
  height: 1.2em;
  line-height: 1.2em;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #767b80;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.w-btn-group {
  position: relative;
  width: 100%;
  background-color: #ffffff; }

.w-btn-group__btn-sm {
  vertical-align: bottom;
  height: 18px;
  object-fit: contain;
  width: 12px;
  padding: 3px 0; }

.w-btn-group__count, .w-btn-group__count-clip {
  height: 18px;
  padding-left: 6px;
  padding-right: 15px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: normal;
  color: #333333; }
  @media screen and (max-width: 359px) {
    .w-btn-group__count, .w-btn-group__count-clip {
      padding-right: 8px; } }

.w-detail-chart__icon-text {
  font-size: 12px; }

.w-btn-group__count-clip {
  padding-right: 0; }

.w-container-tab__container {
  width: 100%;
  border-bottom: 1px solid #cecece;
  scrollbar-width: none; }

.w-tab-list .w-tab-list__nav-top {
  padding: 0 27px 0 17px;
  height: 49px; }
  @media (max-width: 400px) {
    .w-tab-list .w-tab-list__nav-top {
      padding: 0 20px; } }

.w-tab-list .w-tab-list__nav-top::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */ }

.w-tab-list__nav__scroll {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: none;
  /* IE */
  scrollbar-width: none;
  /* Firefox */ }

.w-tab-list__nav__scroll::-webkit-scrollbar {
  display: none;
  /* Safari, Chrome */ }

.w-tab-list__nav-item {
  color: #555;
  margin: 0;
  padding: 0 5px;
  background: transparent;
  border: none;
  font-size: 15px;
  line-height: 48px; }
  .w-tab-list__nav-item:not(:first-child) {
    margin-left: 28px; }
  .w-tab-list__nav-item:last-child {
    margin-right: 30px; }
    @media (max-width: 400px) {
      .w-tab-list__nav-item:last-child {
        margin-right: 20px; } }

.w-tab-list__nav-item__scroll {
  flex: 0 0 auto;
  /* 자동 줄바꿈 방지 */ }

.w-tab-list__nav-item--selected {
  color: #00c73c;
  border-bottom: 2px solid #00c73c;
  line-height: 47px; }

.w-tab-list__contents-item {
  display: none; }
  .w-tab-list__contents-item.w-search__result-none {
    display: none; }

.w-tab-list__contents-item--current {
  display: block; }
  .w-tab-list__contents-item--current.w-search__result-none {
    display: flex; }
  @media (max-width: 1023px) {
    .w-tab-list__contents-item--current .w-audio__visual-slide {
      padding-top: 50px; } }

.w-radio-check {
  position: relative;
  display: inline-block;
  padding-right: 48px; }
  .w-radio-check:last-child {
    padding-right: 0; }
  .w-radio-check input[type='radio'],
  .w-radio-check input[type='checkbox'] {
    position: absolute;
    left: -9999px; }
    .w-radio-check input[type='radio'] + label,
    .w-radio-check input[type='checkbox'] + label {
      position: relative;
      display: inline-block;
      color: #555;
      padding-left: 30px;
      min-height: 17px;
      vertical-align: top;
      line-height: 17px;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      font-size: 14px; }
      .w-radio-check input[type='radio'] + label.no-label,
      .w-radio-check input[type='checkbox'] + label.no-label {
        padding-left: 17px; }
      .w-radio-check input[type='radio'] + label:before,
      .w-radio-check input[type='checkbox'] + label:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 17px;
        height: 17px;
        background-repeat: no-repeat;
        left: 0;
        top: 0; }
    .w-radio-check input[type='radio']:checked + label:before,
    .w-radio-check input[type='checkbox']:checked + label:before {
      background-position: -17px 0; }
    .w-radio-check input[type='radio']:disabled + label:before,
    .w-radio-check input[type='checkbox']:disabled + label:before {
      background-position: 0 -17px; }
    .w-radio-check input[type='radio']:disabled:checked + label:before,
    .w-radio-check input[type='checkbox']:disabled:checked + label:before {
      background-position: -17px -17px; }
  .w-radio-check input[type='radio'] + label:before {
    background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-radio.png); }
  .w-radio-check input[type='checkbox'] + label:before {
    background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-checkbox.png); }

.w-test {
  position: relative;
  background: #f0f0f0;
  width: 100%; }
  .w-test ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #ff0000; }
  .w-test li {
    display: inline-block;
    padding: 5px 10px; }
  .w-test button {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #00afba;
    border: 0;
    padding: 0;
    height: 26px; }

.w-test--normal ul {
  height: 26px;
  overflow: hidden; }

.w-clip-item {
  display: block;
  position: relative;
  width: 100%;
  padding: 20px;
  border: 1px solid #dddddd;
  background-color: #ffffff; }

.w-clip-item__series {
  display: -webkit-box;
  line-height: 1.2em;
  height: 2.4em;
  color: #00c73c;
  font-size: 14px;
  margin-bottom: 7px;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.w-clip-item__title {
  display: -webkit-box;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.w-clip-item__author {
  display: -webkit-box;
  color: #888;
  line-height: 1.2em;
  height: 1.2em;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-box-orient: vertical; }

.w-clip-item__memo {
  display: -webkit-box;
  color: #999;
  height: 64px;
  margin-bottom: 15px;
  padding-left: 7px;
  font-size: 12px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  border-left: 1px dashed #dddddd; }

.w-lnb-banner img, .w-bottom-banner img {
  display: block;
  margin: 0 auto; }

.w-lnb-banner {
  background-color: black;
  margin-top: 20px;
  cursor: pointer; }
  .w-lnb-banner img {
    width: 100%; }

.w-bottom-banner {
  background-color: black;
  cursor: pointer;
  overflow: hidden;
  margin-bottom: 1px; }
  @media screen and (max-width: 1024px) {
    .w-bottom-banner img {
      content: url("https://static.welaaa.co.kr/static/banner-web/%E1%84%8B%E1%85%A9%E1%84%83%E1%85%B5%E1%84%8B%E1%85%A9%E1%84%87%E1%85%AE%E1%86%A8%E1%84%8F%E1%85%A1%E1%84%83%E1%85%B3%E1%84%8C%E1%85%B5%E1%84%80%E1%85%A1%E1%86%B8_375x125.jpg");
      width: 100%; } }
  @media screen and (min-width: 1024px) {
    .w-bottom-banner img {
      width: 100%; } }

.w-confirm-popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  display: flex; }
  .w-confirm-popup-wrapper .filter {
    background: #1f1f1f;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0; }
  .w-confirm-popup-wrapper .w-confirm-popup-large {
    width: 100% !important;
    max-width: 320px; }
  .w-confirm-popup-wrapper .w-confirm-popup {
    display: block;
    margin: auto;
    width: 304px;
    background: white;
    text-align: center;
    font-weight: bolder;
    z-index: 9999;
    padding-bottom: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .w-confirm-popup-wrapper .w-confirm-popup .title {
      height: 50px;
      font-size: 17px;
      color: #030303;
      letter-spacing: -0.02;
      line-height: 50px;
      border-bottom: 1px solid #e0e0e0; }
    .w-confirm-popup-wrapper .w-confirm-popup .text {
      font-size: 16px;
      min-height: 45px;
      padding: 0 30px;
      margin: 25px 0;
      font-family: 'Noto Sasn KR', sans-serif;
      white-space: pre-wrap; }
    .w-confirm-popup-wrapper .w-confirm-popup .text-large {
      padding: 0 10px; }
    .w-confirm-popup-wrapper .w-confirm-popup .button-seperator {
      width: 5px;
      display: inline-block; }
    .w-confirm-popup-wrapper .w-confirm-popup button {
      width: 140px;
      height: 45px;
      background: #e0e0e0;
      font-size: 17px; }
    .w-confirm-popup-wrapper .w-confirm-popup button.membership {
      background: #00c73c;
      color: white; }
    .w-confirm-popup-wrapper .w-confirm-popup button.membership-long {
      background: #00c73c;
      width: 250px; }

.w-daily-book__thumbnail-wrap {
  margin: 0 auto; }

.w-main__title--center {
  text-align: center; }

.w-main__title--left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column; }
  @media (min-width: 1024px) {
    .w-main__title--left {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

.w-main__title-h2, .w-main__title-h2-mod, .w-main__title-h2-center, .w-main_montly_book_title__text {
  margin: 0;
  font-size: 25px;
  font-weight: bold;
  color: #333333; }
  @media (min-width: 1024px) {
    .w-main__title-h2, .w-main__title-h2-mod, .w-main__title-h2-center, .w-main_montly_book_title__text {
      font-size: 30px; } }

.w-main__title-h2-mod {
  font-size: 22px; }
  @media (max-width: 768px) {
    .w-main__title-h2-mod {
      font-size: 18px; } }

.w-main__title-h2-center {
  text-align: center; }

.w-main-monthly-book__kids-title-svg {
  text-align: center;
  padding-bottom: 40px; }
  .w-main-monthly-book__kids-title-svg > img {
    width: 238px;
    height: 58px; }
  @media (max-width: 1024px) {
    .w-main-monthly-book__kids-title-svg {
      padding-bottom: 20px; }
      .w-main-monthly-book__kids-title-svg > img {
        width: 142px;
        height: 36px; } }

.w-main_montly_book_title__text {
  text-align: left;
  margin: 0 0 32px 0; }
  @media (max-width: 1024px) {
    .w-main_montly_book_title__text {
      margin: 0 0 20px 0;
      padding: 0 10px; } }

@media (max-width: 1024px) {
  .w-main_montly_book_title__text.ebook-title {
    margin: 0 0 20px 0;
    padding: 0 20px; } }

.w-main__sub-title-h4 {
  margin: 0;
  padding-top: 10px;
  font-size: 13px;
  color: #888888; }
  @media (min-width: 1024px) {
    .w-main__sub-title-h4 {
      padding-top: 20px;
      font-size: 17px; } }

.w-main__title-h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #353a3c;
  font-family: 'Noto Sans KR', sans-serif; }
  @media (min-width: 1024px) {
    .w-main__title-h3 {
      font-size: 22px;
      margin: 0; } }

.w-main__sub-title-paragraph {
  margin: 0;
  padding-top: 5px;
  font-size: 11px;
  color: #b7b7b7; }
  @media (min-width: 1024px) {
    .w-main__sub-title-paragraph {
      padding-top: 0;
      padding-left: 15px;
      font-size: 13px; } }

.w-main__title-link {
  text-decoration: none;
  font-size: 13px;
  color: #00c73c; }
  @media (max-width: 640px) {
    .w-main__title-link.w-ml-auto {
      display: none; } }
  @media (min-width: 1024px) {
    .w-main__title-link {
      font-size: 15px; } }

.w-main__link-view-all {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  margin: 0 auto;
  border: 1px solid #00c73c;
  border-radius: 30px;
  background-color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  color: #00c73c;
  cursor: pointer; }
  @media (min-width: 1024px) {
    .w-main__link-view-all {
      height: 56px;
      font-size: 18px; } }
  .w-main__link-view-all img {
    padding-left: 7px; }
    @media (max-width: 1023px) {
      .w-main__link-view-all img {
        height: 13px; } }

.w-main__link-view-all-sm {
  padding: 2px 4px;
  border: 1px solid #00c73c;
  border-radius: 30px;
  background-color: #ffffff;
  text-decoration: none;
  font-size: 10px;
  color: #00c73c;
  cursor: pointer; }
  @media (min-width: 1024px) {
    .w-main__link-view-all-sm {
      padding: 4px 8px;
      font-size: 14px; } }

.w-main__btn-view-more-container {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.w-main__btn-view-more {
  height: 36px;
  border: 0;
  background-color: transparent;
  font-size: 12px;
  color: #888888; }
  @media (max-width: 1023px) {
    .w-main__btn-view-more {
      width: 100%; } }
  @media (min-width: 1024px) {
    .w-main__btn-view-more {
      height: 56px;
      font-size: 16px; } }
  .w-main__btn-view-more img {
    padding-left: 7px; }
    @media (max-width: 1023px) {
      .w-main__btn-view-more img {
        height: 8px; } }

@media (max-width: 1024px) {
  .w-main-visual__slide-item .w-container {
    width: 100%; } }

@media (min-width: 1024px) and (max-width: 1599px) {
  .w-main-visual__slide-item {
    width: 1000px; } }

@media (min-width: 1600px) {
  .w-main-visual__slide-item {
    width: 1400px; } }

.w-main-visual__slide .swiper-pagination-bullet {
  width: 5px !important;
  height: 5px !important;
  margin: 0 3px !important; }
  @media (min-width: 1024px) {
    .w-main-visual__slide .swiper-pagination-bullet {
      width: 10px !important;
      height: 10px !important;
      margin: 0 4px !important; } }
  .w-main-visual__slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #353a3c !important; }

.w-main-visual__slide .swiper-pagination-fraction,
.w-main-visual__slide .swiper-pagination-custom,
.w-main-visual__slide .swiper-container-horizontal > .swiper-pagination-bullets {
  text-align: left;
  padding: 0 10px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-main-visual__slide .swiper-pagination-fraction,
    .w-main-visual__slide .swiper-pagination-custom,
    .w-main-visual__slide .swiper-container-horizontal > .swiper-pagination-bullets {
      padding: 0 15px; } }
  @media (min-width: 1024px) {
    .w-main-visual__slide .swiper-pagination-fraction,
    .w-main-visual__slide .swiper-pagination-custom,
    .w-main-visual__slide .swiper-container-horizontal > .swiper-pagination-bullets {
      text-align: center;
      padding: 0;
      bottom: 30px; } }

.w-main-visual__slide-link {
  display: block; }

.w-main-visual__slide-thumbnail {
  padding-bottom: 34.1857%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  border-radius: 20px; }
  @media (max-width: 1023px) {
    .w-main-visual__slide-thumbnail {
      border-radius: 12px; } }
  .w-main-visual__slide-thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; }

.w-main-tab .w-tab-list__nav-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  padding: 0;
  border: none; }
  @media (max-width: 1023px) {
    .w-main-tab .w-tab-list__nav-top {
      position: fixed;
      top: 50px;
      width: 100%;
      background-color: #ffffff;
      z-index: 999; } }
  @media (min-width: 1024px) {
    .w-main-tab .w-tab-list__nav-top {
      height: 49px; } }

.w-main-tab .w-tab-list__nav-item {
  width: calc(50% - 36px);
  padding: 0;
  margin: 0 18px;
  font-size: 15px;
  color: #a0a3a3; }
  @media (min-width: 1024px) {
    .w-main-tab .w-tab-list__nav-item {
      font-size: 19px; } }

.w-main-tab .w-tab-list__nav-item--selected {
  color: #00c73c; }

.w-main-recommend-series-container {
  padding: 30px 0 0 0; }
  @media (max-width: 1024px) {
    .w-main-recommend-series-container {
      padding: 0 0 20px 0; } }

.w-main-series__card {
  margin: 20px 0; }
  @media (min-width: 1024px) {
    .w-main-series__card {
      margin: 40px 0;
      height: 440px; } }

.w-main-series__card-grid {
  display: block; }

.w-main-series__card-grid-item {
  position: relative;
  width: 59.722vw;
  height: 84.2vw;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: inset 0px -100px 100px -60px rgba(0, 0, 0, 0.6);
  overflow: hidden; }
  .w-main-series__card-grid-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; }
  @media (min-width: 768px) and (max-width: 1599px) {
    .w-main-series__card-grid-item {
      width: 320px;
      height: 440px; } }
  @media (min-width: 1600px) {
    .w-main-series__card-grid-item {
      width: 320px;
      height: 440px; } }

.w-main-series__card-link {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  line-height: 1.5;
  font-size: 14px;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-main-series__card-link {
      font-size: 20px; } }

.w-main-series__card-text {
  display: -webkit-box;
  height: 2.4em;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.w-main-count-container {
  height: 441px;
  padding: 40px 0 50px;
  background-color: #00c73c;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  @media (max-width: 1023px) {
    .w-main-count-container {
      display: none; } }
  .w-main-count-container .w-main__link-view-all {
    width: 480px;
    height: 66px;
    margin-top: 40px;
    background-color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    color: #00c73c; }

.w-main-count__label {
  width: 490px;
  margin: 0 auto; }

.w-main-count__result {
  width: 1000px;
  margin: 0 auto; }

.w-main-count__result-item {
  text-align: center; }

.w-main-count__result-item-title {
  margin: 0;
  line-height: 1.4;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff; }
  .w-main-count__result-item-title span {
    font-size: 14px; }

.w-main-count__result-item-paragraph {
  margin: 0;
  font-size: 14px;
  line-height: 1.86;
  color: #ffffff; }

.w-main-count__result-item-number {
  margin: 0;
  font-size: 30px;
  font-weight: bold;
  color: #ffffff; }
  .w-main-count__result-item-number .w-font-montserrat {
    font-size: 60px;
    font-weight: 500; }

.w-main-premium-container {
  padding: 50px 0; }
  @media (min-width: 1024px) {
    .w-main-premium-container {
      padding: 100px 0; } }

.w-main-premium__hr-container {
  margin: 0;
  padding-top: 10px;
  border: 0;
  border-bottom: 1px solid #cecece; }

.w-main-class__category {
  margin: 20px 0; }
  @media (min-width: 1024px) {
    .w-main-class__category {
      margin: 50px 0; } }

.w-class-category {
  height: 35px;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none; }

.w-class-category::-webkit-scrollbar {
  display: none; }

.w-main-class {
  margin-top: 20px;
  margin-bottom: 50px; }

.w-main-class__grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  margin-bottom: 20px;
  -ms-grid-columns: 1fr; }
  @media (min-width: 500px) and (max-width: 767px) {
    .w-main-class__grid {
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: 1fr 20px 1fr; } }
  @media (min-width: 768px) and (max-width: 1599px) {
    .w-main-class__grid {
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr; } }
  @media (min-width: 1600px) {
    .w-main-class__grid {
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; } }

.w-main-class__item {
  position: relative;
  max-height: 338px;
  max-width: 460px; }

.w-main-class__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.w-main-class__rank {
  margin-bottom: 15px;
  margin-right: 15px;
  text-align: left;
  font-size: 17px;
  font-weight: bold;
  color: #00c73c; }
  .w-main-class__rank span {
    display: inline-block;
    border-bottom: 1px solid; }

.w-main-class__title {
  position: absolute;
  display: block;
  width: calc(100% - 30px);
  height: 2.8em;
  font-size: 16px;
  line-height: 1.4em;
  text-align: left;
  color: #00c73c;
  overflow-x: hidden;
  text-decoration: none; }

.w-main-class__author {
  margin-bottom: 5px;
  padding-top: 22px;
  font-size: 14px;
  color: #888888; }

.w-main-class__label-container {
  margin-bottom: 15px; }

.w-main-class__label, .w-main-class__label--Blank, .w-main-class__label--exclusive, .w-main-class__label--new, .w-main-class__label--free {
  padding: 4px 10px 3px;
  margin-right: 3px;
  border-radius: 10px;
  font-size: 12px;
  color: #ffffff; }

.w-main-class__label--Blank {
  border: 1px solid transparent; }
  .w-main-class__label--Blank span {
    opacity: 0; }

.w-main-class__label--exclusive {
  background-color: #ff761b; }

.w-main-class__label--new {
  background-color: #5f45b4; }

.w-main-class__label--free {
  background-color: #00afba; }

/* clip rank component */
.w-main-clip-rank__swiper {
  margin: 15px 0; }
  @media (max-width: 768px) {
    .w-main-clip-rank__swiper {
      margin: 15px 0 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-main-clip-rank__swiper {
      width: calc(100% - 36px);
      margin: 20px auto 20px; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-main-clip-rank__swiper {
      width: 1000px;
      margin: 20px auto 20px; } }
  @media (min-width: 1600px) {
    .w-main-clip-rank__swiper {
      width: 1400px;
      margin: 20px auto 20px; } }
  @media (min-width: 768px) {
    .w-main-clip-rank__swiper .swiper-wrapper {
      padding-bottom: 50px; } }
  @media (max-width: 768px) {
    .w-main-clip-rank__swiper .swiper-pagination {
      display: none; } }
  .w-main-clip-rank__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00c73c; }
  .w-main-clip-rank__swiper .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    background: #e2e2e2; }

.w-main-clip-rank__slide {
  border-bottom: 1px solid #e2e2e2; }
  .w-main-clip-rank__slide:nth-child(5n + 0) {
    border-bottom: none; }

.w-main-clip-rank {
  display: flex;
  display: -ms-flexbox;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  align-items: center;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  padding-bottom: 15px; }

.w-main-clip-rank__rank {
  width: 20px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: bold; }
  @media (min-width: 1024px) {
    .w-main-clip-rank__rank {
      width: 25px;
      font-size: 16px; } }

.w-main-clip-rank__thumbnail {
  width: 60px;
  height: 60px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px; }
  .w-main-clip-rank__thumbnail > img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.w-main-clip-rank__info {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  width: calc(100% - 120px);
  padding: 0 10px; }
  @media (min-width: 1024px) {
    .w-main-clip-rank__info {
      width: calc(100% - 125px); } }

.w-main-clip-rank__title {
  display: -webkit-box;
  width: 100%;
  height: 2.37em;
  margin-bottom: 5px;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  color: #767b80; }
  @media (min-width: 1024px) {
    .w-main-clip-rank__title {
      font-size: 16px; } }

.w-main-clip-rank__grid-item-title {
  width: 100%;
  margin-bottom: 5px; }
  @media (min-width: 1024px) {
    .w-main-clip-rank__grid-item-title {
      width: 90%;
      margin-bottom: 15px; } }

.w-main-clip-rank__icon-box {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center; }

.w-main-clip-rank__icon {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center; }

.w-main-clip-rank__count {
  margin-left: 5px;
  font-size: 12px;
  color: #767b80; }
  @media (min-width: 1024px) {
    .w-main-clip-rank__count {
      font-size: 14px; } }

.w-main-clip-rank__teacher {
  display: -webkit-box;
  margin-left: 20px;
  height: 1.2em;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 12px;
  color: #767b80; }
  @media (min-width: 1024px) {
    .w-main-clip-rank__teacher {
      font-size: 14px; } }

.w-main-clip-rank__play {
  width: 30px;
  height: 30px; }

.w-main-continue-container {
  position: relative;
  margin-top: 25px; }
  @media (min-width: 1024px) {
    .w-main-continue-container {
      margin-top: 50px; } }

.w-main-continue__swiper {
  margin-top: 15px;
  overflow: hidden; }
  .w-main-continue__swiper .swiper-pagination-fraction,
  .w-main-continue__swiper .swiper-pagination-custom,
  .w-main-continue__swiper .swiper-container-horizontal > .swiper-pagination-bullets {
    display: none; }
  @media (min-width: 768px) {
    .w-main-continue__swiper {
      margin-top: 30px; }
      .w-main-continue__swiper .swiper-container {
        padding-bottom: 50px; }
      .w-main-continue__swiper .swiper-pagination-fraction,
      .w-main-continue__swiper .swiper-pagination-custom,
      .w-main-continue__swiper .swiper-container-horizontal > .swiper-pagination-bullets {
        display: block; }
      .w-main-continue__swiper .swiper-pagination-bullet-active {
        background-color: #00c73c !important; } }

.w-main-continue__grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-gap: 20px;
  margin-top: 20px; }
  @media (min-width: 500px) and (max-width: 767px) {
    .w-main-continue__grid {
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: 1fr 20px 1fr; } }
  @media (min-width: 768px) and (max-width: 1200px) {
    .w-main-continue__grid {
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr; } }
  @media (min-width: 1201px) and (max-width: 1599px) {
    .w-main-continue__grid {
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; } }
  @media (min-width: 1600px) {
    .w-main-continue__grid {
      grid-template-columns: repeat(5, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr; } }

.w-main-continue__grid--no-data {
  grid-template-columns: 1fr !important;
  -ms-grid-columns: 1fr !important; }
  .w-main-continue__grid--no-data > div {
    padding: 10px 0;
    text-align: center; }

.w-main-continue__grid-item {
  position: relative;
  border: 1px solid #e2e2e2;
  border-radius: 4px; }
  .w-main-continue__grid-item .w-summary__thumbnail {
    border-radius: 4px; }
  .w-main-continue__grid-item .w-main-continue__play-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 50px;
    height: 50px;
    z-index: 10;
    cursor: pointer; }

.w-main-continue__progress {
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #b7b7b7; }

.w-main-continue__progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background-color: #00c73c; }

.w-main-continue__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 10px;
  font-size: 12px;
  color: #555;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.w-main-continue__info-view {
  display: inline-block;
  padding-left: 25px;
  background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-view-gray.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 14px; }

.w-main-membership-container {
  padding: 80px 0;
  background-color: #f6f6f6; }
  @media (max-width: 1023px) {
    .w-main-membership-container {
      display: none; } }
  .w-main-membership-container .w-main__link-view-all {
    width: 325px;
    border: 1px solid #888888;
    color: #888888; }

.w-main-membership__card-container {
  width: 959px;
  margin: 60px auto; }

.w-main-membership__card {
  width: 293px;
  padding: 45px 0;
  border-radius: 10px;
  border: 1px solid #ececec;
  background-color: #ffffff;
  text-align: center; }

.w-main-membership__card-title, .w-main-membership__card-title--audio, .w-main-membership__card-title--campus, .w-main-membership__card-title--premium {
  margin: 0;
  padding: 20px 0 50px;
  font-size: 30px;
  font-weight: bold; }

.w-main-membership__card-title--audio {
  color: #09aeb8; }

.w-main-membership__card-title--campus {
  color: #00c73c; }

.w-main-membership__card-title--premium {
  color: #5f45b4; }

.w-main-membership__card-paragraph {
  height: 5.6em;
  margin-bottom: 40px;
  line-height: 1.4em;
  font-size: 20px;
  color: #1a1a1a; }

.w-main-membership__card-price-original {
  text-decoration: line-through;
  font-size: 24px;
  color: #1a1a1a; }

.w-main-membership__card-price-sale {
  padding-top: 7px;
  font-size: 24px;
  font-weight: bold;
  color: #1a1a1a; }

.w-main-quotes-container {
  height: 585px;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/bg-main-review.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*
	.swiper-button-next,
	.swiper-button-prev {
		width: 38px;
		height: 71px;
		padding: 0;
		border: 0;
		background-color: transparent;
		background-image: none;
	}
	*/ }
  @media (max-width: 1023px) {
    .w-main-quotes-container {
      display: none; } }
  .w-main-quotes-container .swiper-pagination-bullet {
    width: 11px !important;
    height: 11px !important;
    background-color: #111111 !important; }
    .w-main-quotes-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #00c73c !important; }
  .w-main-quotes-container .swiper-pagination-fraction,
  .w-main-quotes-container .swiper-pagination-custom,
  .w-main-quotes-container .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 100px; }

.w-main-quotes__swiper {
  width: 1024px;
  margin: 0 auto; }

.w-main-quotes__slide-item {
  height: 585px;
  padding: 0 100px;
  text-align: center; }

.w-main-quotes__slide-bullet {
  margin-top: 100px;
  margin-bottom: 80px; }

.w-main-quotes__slide-text.white {
  margin-bottom: 40px;
  line-height: 150%;
  font-size: 20px;
  color: #ffffff; }

.w-main-quotes__slide-author.white {
  font-size: 17px;
  font-weight: bold;
  color: #ffffff; }

.w-main-review {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 105px 0;
  color: #fff;
  text-align: center; }

.w-main-app-banner-container {
  height: 750px;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/bg-main-app-banner.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  @media (max-width: 1023px) {
    .w-main-app-banner-container {
      display: none; } }

.w-main-app-banner__title {
  margin: 0;
  padding-bottom: 12px;
  font-size: 39px;
  font-weight: 300;
  color: #1a1a1a; }

.w-main-app-banner__paragraph {
  margin: 0;
  font-size: 22px;
  color: #1a1a1a; }

.w-main-app-banner__link {
  display: inline-block;
  margin-top: 40px;
  padding: 17px 30px;
  border: 1px solid #00c73c;
  border-radius: 30px;
  background-color: #ffffff;
  text-decoration: none;
  font-size: 22px;
  color: #00c73c; }

.w-main-banner_slide {
  padding-top: 21px; }
  @media (max-width: 1024px) {
    .w-main-banner_slide {
      padding: 20px 10px 0 10px; } }
  @media (min-width: 1600px) {
    .w-main-banner_slide {
      max-width: 3046px;
      margin: 0 auto; } }
  .w-main-banner_slide .swiper-button-next, .w-main-banner_slide .w-app-container .swiper-button-next--1024, .w-app-container .w-main-banner_slide .swiper-button-next--1024,
  .w-main-banner_slide .swiper-container-rtl .swiper-button-prev,
  .w-main-banner_slide .swiper-container-rtl .w-app-container .swiper-button-prev--1024,
  .w-app-container .w-main-banner_slide .swiper-container-rtl .swiper-button-prev--1024 {
    background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/angle_bracket_right.png");
    right: 16px;
    left: auto; }
  .w-main-banner_slide .swiper-button-prev, .w-main-banner_slide .w-app-container .swiper-button-prev--1024, .w-app-container .w-main-banner_slide .swiper-button-prev--1024,
  .w-main-banner_slide .swiper-container-rtl .swiper-button-next,
  .w-main-banner_slide .swiper-container-rtl .w-app-container .swiper-button-next--1024,
  .w-app-container .w-main-banner_slide .swiper-container-rtl .swiper-button-next--1024 {
    background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/angle_bracket_left.png");
    left: 16px;
    right: auto; }

.w-month-book__slide .swiper-button-next, .w-month-book__slide .w-app-container .swiper-button-next--1024, .w-app-container .w-month-book__slide .swiper-button-next--1024,
.w-month-book__slide .swiper-container-rtl .swiper-button-prev,
.w-month-book__slide .swiper-container-rtl .w-app-container .swiper-button-prev--1024,
.w-app-container .w-month-book__slide .swiper-container-rtl .swiper-button-prev--1024 {
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/angle_bracket_right.png");
  right: 0;
  left: auto; }

.w-month-book__slide .swiper-button-prev, .w-month-book__slide .w-app-container .swiper-button-prev--1024, .w-app-container .w-month-book__slide .swiper-button-prev--1024,
.w-month-book__slide .swiper-container-rtl .swiper-button-next,
.w-month-book__slide .swiper-container-rtl .w-app-container .swiper-button-next--1024,
.w-app-container .w-month-book__slide .swiper-container-rtl .swiper-button-next--1024 {
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/angle_bracket_left.png");
  left: 0;
  right: auto; }

.w-main-quotes__swiper .swiper-button-next, .w-main-quotes__swiper .w-app-container .swiper-button-next--1024, .w-app-container .w-main-quotes__swiper .swiper-button-next--1024,
.w-main-quotes__swiper .swiper-container-rtl .swiper-button-prev,
.w-main-quotes__swiper .swiper-container-rtl .w-app-container .swiper-button-prev--1024,
.w-app-container .w-main-quotes__swiper .swiper-container-rtl .swiper-button-prev--1024 {
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-angle-right-primary-xl.png");
  right: 0;
  left: auto; }

.w-main-quotes__swiper .swiper-button-prev, .w-main-quotes__swiper .w-app-container .swiper-button-prev--1024, .w-app-container .w-main-quotes__swiper .swiper-button-prev--1024,
.w-main-quotes__swiper .swiper-container-rtl .swiper-button-next,
.w-main-quotes__swiper .swiper-container-rtl .w-app-container .swiper-button-next--1024,
.w-app-container .w-main-quotes__swiper .swiper-container-rtl .swiper-button-next--1024 {
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-angle-left-primary-xl.png");
  left: 0;
  right: auto; }

.w-app-container.w-audio-index .swiper-wrapper,
.w-app-container.w-video-index .swiper-wrapper,
.w-app-container.w-audio-detail .swiper-wrapper,
.w-app-container.w-video-detail .swiper-wrapper {
  padding: 0; }

.w-app-container.w-audio-index .swiper-slide,
.w-app-container.w-video-index .swiper-slide,
.w-app-container.w-audio-detail .swiper-slide,
.w-app-container.w-video-detail .swiper-slide {
  opacity: 1 !important; }

@media screen and (max-width: 768px) {
  .w-popular-book-list .swiper-slide,
  .w-clip-rank .swiper-slide {
    opacity: 1 !important; } }

.w-main-quotes-container .swiper-slide .w-main-quotes__slide-text {
  color: #fff; }

.w-main-quotes-container .swiper-slide .w-main-quotes__slide-author {
  color: #fff; }

.introduce-button2 {
  z-index: 1000; }

/*start AlwaysShowUI*/
.bmpui-ui-skin-modern .bmpui-ui-controlbar.bmpui-hidden {
  opacity: 1;
  visibility: visible; }

/*end AlwaysShowUI*/
#player {
  width: 100%; }
  @media (min-width: 1024px) {
    #player {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); } }

.modal-player.modal__hidden {
  display: none;
  visibility: hidden;
  opacity: 0; }

.w-intro, .w-login, .w-find-password {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.w-intro__container, .w-login__container, .w-find-password__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-image: url("https://static.welaaa.co.kr/static/auth/211208-main-section-01-m@2x.png");
  background-size: cover;
  background-position: center; }
  @media screen and (max-width: 1920px) {
    .w-intro__container, .w-login__container, .w-find-password__container {
      background-image: url("https://static.welaaa.co.kr/static/auth/211208-main-section-01-m@2x.png"); } }
  @media screen and (max-width: 480px) {
    .w-intro__container, .w-login__container, .w-find-password__container {
      background: 0; } }

.w-intro__box, .w-login__box, .w-find-password__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 300px;
  padding: 20px;
  margin: 0 auto;
  background-color: #ffffff;
  opacity: 0.9; }
  @media (min-width: 1024px) {
    .w-intro__box, .w-login__box, .w-find-password__box {
      width: 400px;
      padding: 30px; } }
  @media screen and (max-width: 479px) {
    .w-intro__box, .w-login__box, .w-find-password__box {
      width: 100%;
      opacity: 1; } }

.w-intro__box-head, .w-login__box-head, .w-find-password__box-head {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee; }
  @media (min-width: 1024px) {
    .w-intro__box-head, .w-login__box-head, .w-find-password__box-head {
      padding-bottom: 30px; } }

.w-intro__logo, .w-login__logo, .w-find-password__logo {
  text-align: center; }

.w-intro__logo-image, .w-login__logo-image, .w-find-password__logo-image {
  width: 84px;
  height: auto; }
  @media (min-width: 1024px) {
    .w-intro__logo-image, .w-login__logo-image, .w-find-password__logo-image {
      width: 84px;
      height: auto; } }

.w-intro__title, .w-find-password__title {
  margin: 20px 0;
  font-size: 20px;
  font-weight: bold;
  color: #00c73c; }
  @media (min-width: 1024px) {
    .w-intro__title, .w-find-password__title {
      font-size: 24px; } }

.w-intro__text, .w-find-password__text {
  margin: 0;
  line-height: 1.43em;
  font-size: 12px;
  color: #555555; }
  @media (min-width: 1024px) {
    .w-intro__text, .w-find-password__text {
      font-size: 14px; } }

.w-intro__box-buttons {
  padding-top: 20px;
  padding-bottom: 15px; }
  @media (min-width: 1024px) {
    .w-intro__box-buttons {
      padding-top: 30px;
      padding-bottom: 20px; } }

.w-intro__login-text {
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #555555; }
  @media (min-width: 1024px) {
    .w-intro__login-text {
      margin-bottom: 30px;
      font-size: 16px; } }

.w-intro__login-link {
  margin-left: 5px;
  color: #00c73c;
  text-decoration: underline; }

.w-intro__email-join {
  display: block;
  margin-top: 10px; }

.w-intro__email-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 40px;
  background-color: #00c73c;
  border-radius: 4px; }
  @media (min-width: 1024px) {
    .w-intro__email-button {
      height: 48px; } }

.w-intro__email-icon {
  position: absolute;
  left: 10px;
  width: 22px;
  height: 15px;
  margin-right: 5px; }

.w-intro__email-text {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-intro__email-text {
      font-size: 16px; } }

.w-intro__check-box, .w-login__check-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px; }
  @media (min-width: 1024px) {
    .w-intro__check-box, .w-login__check-box {
      margin-top: 20px; } }
  .w-intro__check-box input[type='checkbox']:checked + label, .w-login__check-box input[type='checkbox']:checked + label {
    background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-checkbox.png");
    background-repeat: no-repeat;
    background-position: top right;
    border: none; }

.w-intro__check-box-checkbox--hidden, .w-login__check-box-checkbox--hidden {
  display: none; }

.w-intro__check-box-checkbox--block, .w-login__check-box-checkbox--block {
  width: 17px;
  height: 17px;
  margin-right: 12px;
  border: 1px solid #c7c7c7;
  background-color: #ffffff; }

.w-intro__check-box-text, .w-login__check-box-text {
  font-size: 12px;
  color: #555555; }
  @media (min-width: 1024px) {
    .w-intro__check-box-text, .w-login__check-box-text {
      font-size: 14px; } }

.w-intro__box-rule, .w-find-password__box-contact {
  padding-top: 20px;
  border-top: 1px solid #eeeeee;
  text-align: center; }
  @media (min-width: 1024px) {
    .w-intro__box-rule, .w-find-password__box-contact {
      padding-top: 28px; } }

.w-intro__box-rule-text, .w-find-password__contact-text {
  font-size: 12px;
  color: #555555; }
  @media (min-width: 1024px) {
    .w-intro__box-rule-text, .w-find-password__contact-text {
      font-size: 14px; } }

.w-intro__box-rule-link, .w-find-password__contact-link {
  text-decoration: underline;
  color: #555555; }

@media screen and (max-width: 480px) {
  .w-login__container {
    align-items: flex-start; } }

.w-login__box {
  width: 360px;
  padding: 48px 18px; }

.w-login__box-head {
  padding-bottom: 23px;
  border-bottom: none; }

.w-login__box-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 7px; }

.w-login__input-container, .w-find-password__box-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.w-login__input-item, .w-find-password__input-item {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

.w-join__input-item, .w-login__input-item, .w-find-password__input-item {
  width: 100%;
  height: 40px;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  font-size: 15px;
  color: #555555; }
  .w-join__input-item:last-of-type, .w-login__input-item:last-of-type, .w-find-password__input-item:last-of-type {
    margin-bottom: 0; }
  .w-join__input-item::-webkit-input-placeholder, .w-login__input-item::-webkit-input-placeholder, .w-find-password__input-item::-webkit-input-placeholder {
    color: #b7b7b7; }
  .w-join__input-item:-ms-input-placeholder, .w-login__input-item:-ms-input-placeholder, .w-find-password__input-item:-ms-input-placeholder {
    color: #b7b7b7; }
  .w-join__input-item::-ms-input-placeholder, .w-login__input-item::-ms-input-placeholder, .w-find-password__input-item::-ms-input-placeholder {
    color: #b7b7b7; }
  .w-join__input-item::placeholder, .w-login__input-item::placeholder, .w-find-password__input-item::placeholder {
    color: #b7b7b7; }
  .w-join__input-item:-ms-input-placeholder, .w-login__input-item:-ms-input-placeholder, .w-find-password__input-item:-ms-input-placeholder {
    color: #b7b7b7; }
  .w-join__input-item::-ms-input-placeholder, .w-login__input-item::-ms-input-placeholder, .w-find-password__input-item::-ms-input-placeholder {
    color: #b7b7b7; }
  @media (min-width: 1024px) {
    .w-join__input-item, .w-login__input-item, .w-find-password__input-item {
      height: 48px; } }

.w-login__input-error {
  margin: 2px;
  font-size: 12px;
  color: #ff0000; }
  @media (min-width: 1024px) {
    .w-login__input-error {
      font-size: 14px; } }

.w-login__check-box-text {
  display: inline-block;
  width: calc(100% - 29px); }

.w-login__login-button, .w-find-password__find-button {
  width: 100%;
  height: 40px;
  margin-top: 15px;
  text-align: center;
  background-color: #00c73c;
  border: none;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-login__login-button, .w-find-password__find-button {
      height: 48px;
      margin-top: 20px;
      font-size: 16px; } }

.w-login__box-link {
  margin: 20px 0 0; }
  .w-login__box-link span {
    font-size: 14px;
    letter-spacing: -0.4px;
    color: #888;
    margin-right: 5px; }

.w-login__join {
  display: flex;
  justify-content: center; }

.w-login__link-text {
  font-size: 14px;
  letter-spacing: -0.4px;
  color: #007aff;
  text-decoration: underline; }

.w-login__box-find {
  display: flex;
  justify-content: center;
  margin-top: 15px; }
  .w-login__box-find div:last-child {
    margin-left: 20px; }

.w-login__box-social-button {
  padding-top: 30px; }

.w-find-password__box-head {
  border-bottom: none; }

.w-find-password__title {
  color: #555555; }

.w-find-password__text {
  width: 100%;
  text-align: center;
  margin-bottom: 16px; }

.w-find-password__contact-text {
  line-height: 1.43em; }

.w-find-password__contact-link {
  color: #00c73c; }

.w-course .w-page__category {
  margin-bottom: 10px; }

.w-course__sort {
  margin: 20px 0; }
  @media (min-width: 1024px) {
    .w-course__sort {
      margin-top: 0; } }

.w-course__class {
  border-top: 1px solid #e2e2e2; }

.w-course__class-grid, .w-recommend-series__class-grid, .w-recommend-series__class-grid--active {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-gap: 20px;
  margin-bottom: 20px; }
  @media (min-width: 500px) and (max-width: 767px) {
    .w-course__class-grid, .w-recommend-series__class-grid, .w-recommend-series__class-grid--active {
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: 1fr 20px 1fr; } }
  @media (min-width: 768px) and (max-width: 1599px) {
    .w-course__class-grid, .w-recommend-series__class-grid, .w-recommend-series__class-grid--active {
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr; } }
  @media (min-width: 1600px) {
    .w-course__class-grid, .w-recommend-series__class-grid, .w-recommend-series__class-grid--active {
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; } }

.w-recommend-series__container, .w-recommend-series__container--first, .w-recommend-series__container--second, .w-recommend-series__container--last {
  width: 100%;
  padding-top: 30px; }
  @media (min-width: 1024px) {
    .w-recommend-series__container, .w-recommend-series__container--first, .w-recommend-series__container--second, .w-recommend-series__container--last {
      padding-top: 60px; } }

.w-recommend-series__title {
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #888888;
  font-size: 16px;
  font-weight: bold;
  color: #444444; }
  @media (min-width: 1024px) {
    .w-recommend-series__title {
      margin-bottom: 20px;
      padding-bottom: 15px;
      font-size: 22px; } }

.w-recommend-series__container--first {
  background-color: #3a4e66; }

.w-recommend-series__container--second {
  background-color: #8d8778; }

.w-recommend-series__container--last {
  background-color: #33a477; }

.w-recommend-series__class-grid--active .w-recommend-series__class-grid-item {
  display: block; }

.w-recommend-series .w-page__view-more, .w-recommend-series .w-page__sign-up {
  padding-bottom: 20px; }

.w-recommend-series .w-page__view-more-btn {
  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;
  color: #888888; }

.w-recommend-series .w-page__view-more-btn-icon {
  height: 9px; }

.w-recommend-series__class-grid-item {
  border: none;
  display: none; }
  @media (max-width: 767px) {
    .w-recommend-series__class-grid-item:nth-child(1), .w-recommend-series__class-grid-item:nth-child(2), .w-recommend-series__class-grid-item:nth-child(3), .w-recommend-series__class-grid-item:nth-child(4) {
      display: block; } }
  @media (min-width: 768px) and (max-width: 1599px) {
    .w-recommend-series__class-grid-item:nth-child(1), .w-recommend-series__class-grid-item:nth-child(2), .w-recommend-series__class-grid-item:nth-child(3) {
      display: block; } }
  @media (min-width: 1600px) {
    .w-recommend-series__class-grid-item:nth-child(1), .w-recommend-series__class-grid-item:nth-child(2), .w-recommend-series__class-grid-item:nth-child(3), .w-recommend-series__class-grid-item:nth-child(4) {
      display: block; } }

.w-audio {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  min-height: calc(100vh - 460px); }

.w-audio__daily {
  padding: 30px 0; }
  @media (min-width: 1024px) {
    .w-audio__daily {
      padding: 60px 0; } }

.w-audio__headline {
  position: relative;
  padding-bottom: 30px; }
  @media (min-width: 1024px) {
    .w-audio__headline {
      padding-bottom: 0; } }

.w-audio__headline-title {
  display: block;
  text-align: left; }

.w-audio__headline-title-head {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  color: #333333; }
  @media (min-width: 1024px) {
    .w-audio__headline-title-head {
      font-size: 30px; } }

.w-audio__headline-title-span {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  color: #888888; }
  @media (min-width: 1024px) {
    .w-audio__headline-title-span {
      font-size: 17px;
      padding-bottom: 20px; } }

.w-audio__headline-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 4px 7px;
  border: 1px solid #00c73c;
  border-radius: 30px;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.w-audio__headline-link-text {
  font-size: 12px;
  color: #00c73c; }
  @media (min-width: 1024px) {
    .w-audio__headline-link-text {
      font-size: 14px; } }

.w-audio__headline-link-icon {
  display: block;
  width: 7px;
  height: 11px;
  margin-bottom: 2px; }
  @media (min-width: 1024px) {
    .w-audio__headline-link-icon {
      height: 13px;
      margin-bottom: 0; } }

.w-audio__visual-slide .swiper-pagination-bullet {
  width: 5px !important;
  height: 5px !important;
  margin: 0 3px !important; }
  @media (min-width: 1024px) {
    .w-audio__visual-slide .swiper-pagination-bullet {
      width: 10px !important;
      height: 10px !important;
      margin: 0 4px !important; } }
  .w-audio__visual-slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #353a3c !important; }

.w-audio__visual-slide .swiper-pagination-fraction,
.w-audio__visual-slide .swiper-pagination-custom,
.w-audio__visual-slide .swiper-container-horizontal > .swiper-pagination-bullets {
  text-align: left;
  padding: 0 10px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-audio__visual-slide .swiper-pagination-fraction,
    .w-audio__visual-slide .swiper-pagination-custom,
    .w-audio__visual-slide .swiper-container-horizontal > .swiper-pagination-bullets {
      padding: 0 15px; } }
  @media (min-width: 1024px) {
    .w-audio__visual-slide .swiper-pagination-fraction,
    .w-audio__visual-slide .swiper-pagination-custom,
    .w-audio__visual-slide .swiper-container-horizontal > .swiper-pagination-bullets {
      text-align: center;
      padding: 0;
      bottom: 30px; } }

.w-audio__content {
  margin-bottom: 60px; }
  @media (min-width: 1024px) {
    .w-audio__content {
      margin-bottom: 120px; } }
  .w-audio__content .w-page__category {
    margin-top: 20px;
    margin-bottom: 0;
    overflow-y: hidden; }

.w-audio__category {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  position: relative;
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px 0 30px;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece; }
  @media (min-width: 405px) {
    .w-audio__category {
      display: -webkit-box;
      display: -ms-flexbox; } }
  @media (min-width: 1024px) {
    .w-audio__category {
      margin: 60px 0 0; } }

.w-audio__sign-up-banner {
  display: none; }
  @media (min-width: 1024px) {
    .w-audio__sign-up-banner {
      display: block;
      padding: 70px 0;
      width: 100%;
      height: 353px;
      background-size: cover;
      background-color: #00c73c;
      background-repeat: no-repeat; } }

.w-audio__sign-up-banner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.w-audio__sign-up-banner-item {
  text-align: center;
  color: #ffffff; }

.w-audio__sign-up-banner-item-h4 {
  margin: 0;
  padding-bottom: 16px;
  font-size: 22px; }

.w-audio__sign-up-banner-item-text {
  font-size: 15px; }

.w-audio__audio-book {
  padding-top: 36px; }
  @media (min-width: 1024px) {
    .w-audio__audio-book {
      padding-top: 56px; } }

.w-audio__audio-book-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px 0 10px; }
  @media (min-width: 1024px) {
    .w-audio__audio-book-head {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 50px 0 20px; } }

.w-audio__audio-book-head-title {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #333333; }
  @media (min-width: 1024px) {
    .w-audio__audio-book-head-title {
      font-size: 22px; } }

.w-audio__audio-book-head-update {
  font-size: 11px;
  font-weight: 300;
  color: #b7b7b7;
  margin-top: 5px; }
  @media (min-width: 1024px) {
    .w-audio__audio-book-head-update {
      font-size: 13px;
      margin-top: 0;
      margin-left: 20px; } }

.w-audio__audio-book-content-item {
  display: block; }

.w-audio__list-link {
  width: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 30px;
  border: 1px solid #00c73c; }

.w-audio__list-link-text {
  font-size: 18px;
  color: #00c73c; }

.w-audio__list-link-icon {
  width: 9px;
  height: 16px;
  margin-top: 1px;
  margin-left: 10px; }

.w-audio__my-audio-book {
  margin-top: 20px; }
  .w-audio__my-audio-book .w-audio__audio-book-head {
    border-bottom: 1px solid #cecece; }

.w-audio__my-audio-book-grid {
  display: grid;
  display: -ms-grid;
  margin-top: 20px;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-gap: 20px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-audio__my-audio-book-grid {
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-audio__my-audio-book-grid {
      margin-top: 40px;
      grid-template-columns: repeat(6, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr; } }
  @media (min-width: 1600px) {
    .w-audio__my-audio-book-grid {
      margin-top: 40px;
      grid-template-columns: repeat(8, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr; } }

.w-audio__my-audio-book .w-book-simple__content {
  display: none; }
  @media (max-width: 767px) {
    .w-audio__my-audio-book .w-book-simple__content:nth-child(1), .w-audio__my-audio-book .w-book-simple__content:nth-child(2), .w-audio__my-audio-book .w-book-simple__content:nth-child(3) {
      display: block; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-audio__my-audio-book .w-book-simple__content:nth-child(1), .w-audio__my-audio-book .w-book-simple__content:nth-child(2), .w-audio__my-audio-book .w-book-simple__content:nth-child(3), .w-audio__my-audio-book .w-book-simple__content:nth-child(4) {
      display: block; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-audio__my-audio-book .w-book-simple__content:nth-child(1), .w-audio__my-audio-book .w-book-simple__content:nth-child(2), .w-audio__my-audio-book .w-book-simple__content:nth-child(3), .w-audio__my-audio-book .w-book-simple__content:nth-child(4), .w-audio__my-audio-book .w-book-simple__content:nth-child(5), .w-audio__my-audio-book .w-book-simple__content:nth-child(6) {
      display: block; } }
  @media (min-width: 1600px) {
    .w-audio__my-audio-book .w-book-simple__content:nth-child(1), .w-audio__my-audio-book .w-book-simple__content:nth-child(2), .w-audio__my-audio-book .w-book-simple__content:nth-child(3), .w-audio__my-audio-book .w-book-simple__content:nth-child(4), .w-audio__my-audio-book .w-book-simple__content:nth-child(5), .w-audio__my-audio-book .w-book-simple__content:nth-child(6), .w-audio__my-audio-book .w-book-simple__content:nth-child(7), .w-audio__my-audio-book .w-book-simple__content:nth-child(8) {
      display: block; } }

.w-audio__free-book-grid, .w-audio__free-book-grid--active {
  position: relative;
  display: grid;
  display: -ms-grid;
  margin-top: 20px;
  margin-bottom: 20px;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-gap: 20px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-audio__free-book-grid, .w-audio__free-book-grid--active {
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-audio__free-book-grid, .w-audio__free-book-grid--active {
      margin-top: 40px;
      grid-template-columns: repeat(6, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr; } }
  @media (min-width: 1600px) {
    .w-audio__free-book-grid, .w-audio__free-book-grid--active {
      grid-template-columns: repeat(8, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr; } }

.w-audio__free-book-grid--active .w-free-book {
  display: block; }

.w-free-book {
  display: none; }
  @media (max-width: 767px) {
    .w-free-book:nth-child(1), .w-free-book:nth-child(2), .w-free-book:nth-child(3) {
      display: block; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-free-book:nth-child(1), .w-free-book:nth-child(2), .w-free-book:nth-child(3), .w-free-book:nth-child(4) {
      display: block; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-free-book:nth-child(1), .w-free-book:nth-child(2), .w-free-book:nth-child(3), .w-free-book:nth-child(4), .w-free-book:nth-child(5), .w-free-book:nth-child(6) {
      display: block; } }
  @media (min-width: 1600px) {
    .w-free-book:nth-child(1), .w-free-book:nth-child(2), .w-free-book:nth-child(3), .w-free-book:nth-child(4), .w-free-book:nth-child(5), .w-free-book:nth-child(6), .w-free-book:nth-child(7), .w-free-book:nth-child(8) {
      display: block; } }

.w-free-book__book-cover {
  position: relative;
  width: 100%;
  padding-top: 160%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.w-free-book__teacher {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 28%;
  z-index: 1;
  left: calc(50% - 20px); }

.w-free-book__info {
  position: absolute;
  padding: 15% 5% 10%;
  bottom: 0;
  width: 100%;
  height: 35%;
  background-color: rgba(0, 0, 0, 0.8); }

.w-free-book__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 2.4em;
  line-height: 1.2em;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
  @media (min-width: 640px) {
    .w-free-book__title {
      font-size: 15px; } }

.w-daily-book {
  border: 1px solid #dddddd;
  padding: 20px; }

.w-daily-book__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-top: 18px;
  padding: 0 10px; }

.w-daily-book__thumbnail {
  width: 90px;
  padding-top: 70%;
  padding-bottom: 70%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15); }
  @media (min-width: 768px) and (max-width: 1599px) {
    .w-daily-book__thumbnail {
      width: 130px; } }
  @media (min-width: 1600px) {
    .w-daily-book__thumbnail {
      width: 150px; } }

.w-daily-book__info {
  margin-top: 6px; }

.w-daily-book__title {
  display: -webkit-box;
  width: 100%;
  height: 2.35em;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 8px; }
  @media (min-width: 1024px) {
    .w-daily-book__title {
      font-size: 20px; } }

.w-daily-book__subtitle {
  display: -webkit-box;
  width: 100%;
  height: 2.4em;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px; }
  @media (min-width: 1024px) {
    .w-daily-book__subtitle {
      margin: 8px 0;
      font-size: 16px; } }

.w-daily-book__view-all {
  display: block;
  width: 100%;
  padding: 6px 0 5px;
  background-color: #ffffff;
  border: 1px solid #00c73c;
  text-align: center;
  font-size: 13px;
  color: #00c73c;
  margin-top: 25px; }
  @media (min-width: 1024px) {
    .w-daily-book__view-all {
      padding: 10px 0 9px;
      font-size: 16px; } }

.w-audio-list .w-page__category {
  margin-bottom: 10px; }

.w-audio-list__book-list {
  border-top: 1px solid #e2e2e2; }

.w-whole-book-list {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  margin-bottom: 20px; }
  @media (min-width: 500px) and (max-width: 767px) {
    .w-whole-book-list {
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: 1fr 20px 1fr;
      grid-gap: 20px; } }
  @media (min-width: 768px) and (max-width: 1599px) {
    .w-whole-book-list {
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
      grid-gap: 20px; } }
  @media (min-width: 1600px) {
    .w-whole-book-list {
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
      grid-gap: 20px; } }

.w-whole-book-list__item {
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e2e2; }
  @media (min-width: 768px) {
    .w-whole-book-list__item {
      padding: 0;
      border: 1px solid #e2e2e2; } }
  .w-whole-book-list__item a {
    text-decoration: none; }

.w-whole-book {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

.w-whole-book__cover-wrap {
  width: 80px; }
  @media (min-width: 768px) {
    .w-whole-book__cover-wrap {
      width: 110px;
      border-right: 1px solid #e2e2e2; } }

.w-whole-book__cover {
  width: 100%;
  padding-top: 75%;
  padding-bottom: 75%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

@media (min-width: 480px) {
  .curation .w-whole-book__info {
    padding: 10px 5px 10px 0 !important; } }

.w-whole-book__info {
  width: calc(100% - 93px);
  height: 100%;
  margin-left: 13px;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .w-whole-book__info {
      width: calc(100% - 125px);
      margin-left: 15px;
      padding: 10px 5px 10px 0; } }

.w-whole-book__title {
  display: -webkit-box;
  height: 1.2em;
  margin-bottom: 2px;
  overflow: hidden;
  white-space: normal;
  line-height: 1.2em;
  word-break: keep-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 15px;
  font-weight: 600;
  color: #353a3c; }
  @media (min-width: 1024px) {
    .w-whole-book__title {
      font-size: 16px;
      margin-bottom: 5px; } }

.w-whole-book__teacher {
  margin-bottom: 5px;
  font-size: 11px;
  color: #767b80;
  display: -webkit-box;
  overflow: hidden;
  word-break: keep-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }
  @media (min-width: 1024px) {
    .w-whole-book__teacher {
      font-size: 12px;
      margin-bottom: 10px; } }

.w-whole-book__subtitle {
  height: 2.38em;
  margin-bottom: 6px;
  overflow: hidden;
  white-space: normal;
  line-height: 1.2em;
  word-break: keep-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  color: #353a3c; }
  @media (min-width: 1024px) {
    .w-whole-book__subtitle {
      font-size: 14px;
      margin-bottom: 10px; } }

.w-whole-book__label-box {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap; }
  .w-whole-book__label-box .w-page__content-label, .w-whole-book__label-box .w-page__content-label--exclusive, .w-whole-book__label-box .w-page__content-label--blank, .w-whole-book__label-box .w-page__content-label--free, .w-whole-book__label-box .w-page__content-label--clear, .w-whole-book__label-box .w-page__content-label--new {
    margin-bottom: 3px; }

.w-whole-book__icon-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.w-whole-book__count {
  font-size: 12px;
  color: #353a3c; }

.w-book {
  position: relative;
  border: 1px solid #dddddd;
  overflow: hidden; }

.w-book__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9; }

.w-book__button-share {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-share-grey.png");
  background-size: 20px;
  background-repeat: no-repeat; }

.w-book__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 130px;
  padding: 20px;
  background-color: #ffffff; }

.w-book__content-count {
  width: 24px;
  margin-right: 5px;
  font-size: 16px;
  color: #00c73c; }

.w-book__info {
  display: block;
  text-decoration: none;
  width: 60%; }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-book__info {
      width: 48%; } }

.w-book__title {
  display: -webkit-box;
  max-height: 2.4em;
  font-size: 16px;
  color: #4a4a4a;
  overflow: hidden;
  white-space: normal;
  line-height: 1.2em;
  word-break: keep-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  cursor: pointer; }

.w-book__author {
  display: -webkit-box;
  max-height: 2.4em;
  margin: 5px 0;
  font-size: 12px;
  color: #999999;
  overflow: hidden;
  white-space: normal;
  line-height: 1.2em;
  word-break: keep-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.w-book__play-time {
  display: inline-block;
  font-size: 12px;
  color: #4a4a4a;
  margin-bottom: 10px; }

.w-book__bar {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #c6c6c6; }

.w-book__best-price {
  display: inline-block;
  font-size: 12px;
  color: #ff4f72; }

.w-book__recommend-title {
  height: 1.2em;
  font-size: 18px;
  color: #000000;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.2em;
  word-break: keep-all; }

.w-book__recommend-author {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  color: #4a4a4a; }

.w-book__recommend-buttons {
  position: absolute;
  left: 0;
  bottom: 0; }

.w-book__recommend-heart-button {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  background: transparent;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-heart-pink-line.png");
  background-size: 24px; }

.w-book__recommend-info {
  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;
  padding: 2px 7px;
  background-color: #787878;
  border-radius: 2px; }

.w-book__recommend-price {
  font-size: 12px;
  color: #ffffff; }

.w-book__recommend-price-origin {
  text-decoration: line-through; }

.w-book__recommend-price-sale {
  color: #ff4f72; }

.w-book__background {
  height: 110px;
  padding: 20px; }

.w-book__memo {
  display: -webkit-box;
  width: 164px;
  height: 3.8em;
  font-size: 13px;
  color: #5a5a5a;
  overflow: hidden;
  white-space: normal;
  line-height: 1.3em;
  word-break: keep-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }
  @media (min-width: 402px) and (max-width: 1023px) {
    .w-book__memo {
      width: calc(100% - 120px); } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-book__memo {
      width: 164px; } }
  @media (min-width: 1600px) {
    .w-book__memo {
      width: calc(100% - 120px); } }

.w-book__recommend-memo {
  width: 60%;
  height: 60px;
  font-size: 15px;
  color: #ffffff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  line-height: 1.2em;
  word-break: keep-all; }

.w-book__buttons {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.w-book__button {
  border: 0;
  background-color: transparent; }

.w-book__button-view {
  width: 17px;
  height: 17px;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-view-dark.png");
  background-size: 17px;
  background-repeat: no-repeat; }

.w-book__button-heart {
  width: 17px;
  height: 17px;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-heart-pink.png");
  background-size: 17px;
  background-repeat: no-repeat; }

.w-book__button-comment {
  width: 17px;
  height: 17px;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-comment-dark.png");
  background-size: 17px;
  background-repeat: no-repeat; }

.w-book__count-text {
  padding: 3px 7px 0 3px;
  font-size: 12px;
  color: #4a4a4a; }

.w-book__thumbnail {
  position: absolute;
  top: 36px;
  right: 15px;
  width: 120px;
  height: 141px;
  text-align: center;
  cursor: pointer; }

.w-book__thumbnail-image {
  max-width: 120px;
  height: 168px; }

.w-audio__month {
  width: 100%;
  padding: 40px 0 0 0; }
  @media (min-width: 1024px) {
    .w-audio__month {
      padding: 60px 0 0 0; } }

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  text-align: center !important; }

.w-month-book__swiper {
  width: 100%;
  margin: 0 auto; }
  .w-month-book__swiper .swiper-slide {
    width: auto !important; }
  .w-month-book__swiper .swiper-container {
    padding: 0 !important; }
  .w-month-book__swiper .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0 !important; }
  .w-month-book__swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 3px;
    border-radius: 50%; }
    @media (min-width: 1024px) {
      .w-month-book__swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 4px; } }
    .w-month-book__swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #353a3c; }
  @media screen and (max-width: 1024px) {
    .w-month-book__swiper .w-container {
      width: 100%;
      margin: 0; } }

.w-month-book__item {
  width: 250px;
  padding: 25px 10px;
  border-radius: 12px; }
  @media (min-width: 414px) and (max-width: 767px) {
    .w-month-book__item {
      width: 300px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-month-book__item {
      width: 350px; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-month-book__item {
      width: 350px; } }
  @media (min-width: 1600px) {
    .w-month-book__item {
      width: 350px; } }
  .w-month-book__item a {
    text-decoration: none;
    color: #34342c; }

.w-month-book__date {
  color: var(--light-wwhite, #fff);
  font-family: 'Gmarket Sans', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0; }

.w-month-book__order-number {
  color: var(--light-wwhite, #fff);
  text-align: right;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 123.077% */ }

.w-month-book__book {
  width: 100%;
  display: -ms-flexbox;
  -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; }

.w-month-book__thumbnail-wrap {
  width: 110px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-month-book__thumbnail-wrap {
      width: 145px; } }
  @media (min-width: 1024px) {
    .w-month-book__thumbnail-wrap {
      width: 150px; } }

.w-month-book__thumbnail {
  position: relative;
  width: 100%;
  padding-bottom: 144.888%;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden; }
  .w-month-book__thumbnail img {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%); }

.w-month-book__info {
  width: 115px;
  min-height: 66px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px solid #ffffff; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-month-book__info {
      width: 130px; } }
  @media (min-width: 1024px) {
    .w-month-book__info {
      width: 150px; } }

.w-month-book__mentor-info {
  width: 50%; }

.w-month-book__mentor-image {
  position: relative;
  width: 50%; }
  .w-month-book__mentor-image img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px; }

.w-month-book__mentor-headline {
  display: -webkit-box;
  width: 115px;
  height: 2.38em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  line-height: 1.2em;
  word-break: keep-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  color: #ffffff; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-month-book__mentor-headline {
      width: 130px;
      margin-top: 10px;
      font-size: 12px; } }
  @media (min-width: 1024px) {
    .w-month-book__mentor-headline {
      width: 150px;
      margin-top: 14px;
      font-size: 14px; } }

.w-month-book__label {
  padding: 2px 3px 1px;
  border: 1px solid #ffffff;
  border-radius: 15px;
  font-size: 11px;
  color: #ffffff; }
  @media (min-width: 768px) {
    .w-month-book__label {
      font-size: 12px; } }

.w-month-book__mentor-name {
  margin-top: 5px;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  color: #ffffff; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-month-book__mentor-name {
      margin-top: 10px;
      font-size: 12px; } }
  @media (min-width: 1024px) {
    .w-month-book__mentor-name {
      margin-top: 14px;
      font-size: 14px; } }

.w-audio-list__sort {
  margin: 20px 0; }
  @media (min-width: 1024px) {
    .w-audio-list__sort {
      margin-top: 0; } }

.w-audio-continue-swiper {
  margin-top: 20px; }

.w-audio-continue__grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-gap: 20px;
  margin-top: 20px; }
  @media (min-width: 500px) and (max-width: 767px) {
    .w-audio-continue__grid {
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: 1fr 20px 1fr; } }
  @media (min-width: 768px) and (max-width: 1599px) {
    .w-audio-continue__grid {
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr; } }
  @media (min-width: 1600px) {
    .w-audio-continue__grid {
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; } }

.w-audio-continue__item {
  position: relative;
  border: 1px solid #e2e2e2;
  border-radius: 4px; }

.w-audio-continue__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.w-audio-continue__thumbnail {
  width: 24%;
  padding-top: 24%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #e2e2e2;
  position: relative;
  overflow: hidden; }
  .w-audio-continue__thumbnail img {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%); }

.w-audio-continue__text {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(64% - 20px);
  padding: 15px 0 15px 10px; }

.w-audio-continue__text-title {
  display: -webkit-box;
  height: 1.2em;
  margin: 0;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 14px;
  color: #353a3c; }

.w-audio-continue__text-teacher {
  display: -webkit-box;
  height: 1.2em;
  margin: 0;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 13px;
  color: #767b80; }

.w-audio-continue__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 12%;
  padding: 0;
  margin: 0 10px;
  background-color: #ffffff;
  border: none; }

.w-audio-continue__button-image {
  width: 100%;
  height: 50%; }

.w-audio-list__book-list-simple-grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-gap: 20px;
  margin-top: 20px; }
  @media (min-width: 500px) and (max-width: 767px) {
    .w-audio-list__book-list-simple-grid {
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: 1fr 20px 1fr; } }
  @media (min-width: 768px) and (max-width: 1599px) {
    .w-audio-list__book-list-simple-grid {
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr; } }
  @media (min-width: 1600px) {
    .w-audio-list__book-list-simple-grid {
      grid-template-columns: repeat(5, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr; } }

.w-audio-list__book-list-simple-grid--no-data {
  grid-template-columns: 1fr !important;
  -ms-grid-columns: 1fr !important; }
  .w-audio-list__book-list-simple-grid--no-data > div {
    padding: 10px 0;
    text-align: center; }

.w-book-simple-continue__info {
  border: 1px solid #dddddd;
  border-top: 0; }

.w-book-simple__summary-thumbnail {
  position: relative;
  width: 100%;
  padding-top: 160%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 4px; }
  .w-book-simple__summary-thumbnail:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    left: 0;
    top: 0;
    border-radius: 4px; }

.w-book-simple__summary__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50px;
  height: 50px;
  z-index: 9; }

@media (max-width: 1023px) {
  .w-month-detail .w-container {
    width: 100%; } }

.w-month-detail__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 250px;
  padding: 35px 20px; }
  @media (min-width: 1024px) {
    .w-month-detail__header {
      height: 450px;
      padding: 50px 0; } }

.w-month-detail__book-thumbnail-wrap {
  width: 130px; }
  @media (min-width: 1024px) {
    .w-month-detail__book-thumbnail-wrap {
      width: 230px; } }

.w-month-detail__book-thumbnail {
  width: 100%;
  padding-top: 70%;
  padding-bottom: 70%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.15); }

.w-month-detail__header-content {
  width: calc(100% - 145px);
  height: 100%; }
  @media (min-width: 1024px) {
    .w-month-detail__header-content {
      height: auto; } }

.w-month-detail__flex-wrap {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%; }
  @media (min-width: 1024px) {
    .w-month-detail__flex-wrap {
      margin-left: 30px; } }

@media (min-width: 1024px) {
  .w-month-detail__header-text {
    margin-bottom: 20px; } }

.w-month-detail__title {
  font-size: 16px;
  font-weight: bold;
  color: #00c73c; }
  @media (min-width: 1024px) {
    .w-month-detail__title {
      font-size: 24px; } }

.w-month-detail__subtitle {
  font-size: 13px;
  color: #00c73c; }
  @media (min-width: 1024px) {
    .w-month-detail__subtitle {
      font-size: 20px; } }

.w-month-detail__headline {
  display: -webkit-box;
  height: 4.78em;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-size: 14px;
  color: #363636; }
  @media (min-width: 1024px) {
    .w-month-detail__headline {
      font-size: 20px; } }

.w-month-detail__header-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 768px) {
    .w-month-detail__header-button {
      justify-content: flex-start; } }

.w-month-detail__button, .w-month-detail__button--white, .w-month-detail__button--primary {
  display: block;
  border: 1px solid #00c73c;
  font-size: 13px;
  padding: 6px 10px 5px; }
  @media (min-width: 1024px) {
    .w-month-detail__button, .w-month-detail__button--white, .w-month-detail__button--primary {
      font-size: 18px;
      padding: 10px 10px 8px; } }

.w-month-detail__button--white {
  background-color: #ffffff;
  color: #00c73c; }

.w-month-detail__button--primary {
  background-color: #00c73c;
  color: #ffffff; }
  @media (min-width: 768px) {
    .w-month-detail__button--primary {
      -webkit-box-pack: unset;
      -ms-flex-pack: unset;
      justify-content: unset;
      margin-left: 20px; } }

.w-month-detail__container-title {
  width: 100%;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: bold; }
  @media (min-width: 1024px) {
    .w-month-detail__container-title {
      font-size: 26px;
      margin-bottom: 25px; } }

.w-month-detail__mentor {
  padding: 0 20px; }
  @media (min-width: 1024px) {
    .w-month-detail__mentor {
      padding: 0; } }

.w-month-detail__mentor-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  width: 100%;
  padding: 10px 10px 0;
  margin-bottom: 15px;
  border: 1px solid #e2e2e2;
  background-color: #f8f8f8; }
  @media (min-width: 1024px) {
    .w-month-detail__mentor-info {
      padding: 20px 30px 0; } }

.w-month-detail__mentor-thumbnail-wrap {
  width: 90px; }

.w-month-detail__mentor-thumbnail {
  width: 100%;
  padding-top: 55%;
  padding-bottom: 55%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }

.w-month-detail__mentor-text {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  width: calc(100% - 150px);
  margin-left: 60px; }

.w-month-detail__mentor-name {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #00c73c; }
  @media (min-width: 1024px) {
    .w-month-detail__mentor-name {
      font-size: 20px;
      margin-bottom: 15px; } }

.w-month-detail__mentor-headline {
  display: -webkit-box;
  height: 2.38em;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px; }
  @media (min-width: 1024px) {
    .w-month-detail__mentor-headline {
      font-size: 18px; } }

.w-month-detail__mentor-memo {
  display: -webkit-box;
  height: 6.4em;
  line-height: 1.6em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-size: 13px; }
  @media (min-width: 1024px) {
    .w-month-detail__mentor-memo {
      font-size: 18px; } }

.w-month-detail__mentor-memo--active {
  line-height: 1.6em;
  word-break: keep-all;
  font-size: 13px; }
  @media (min-width: 1024px) {
    .w-month-detail__mentor-memo--active {
      font-size: 18px; } }

.w-month-detail__mentor-bullet, .w-month-detail__mentor-bullet-opened {
  width: 100%;
  padding: 14px 0;
  border: none;
  border-bottom: 1px solid #e2e2e2;
  background-color: #ffffff;
  font-size: 13px;
  color: #868686;
  text-align: center; }
  @media (min-width: 1024px) {
    .w-month-detail__mentor-bullet, .w-month-detail__mentor-bullet-opened {
      font-size: 18px; } }
  .w-month-detail__mentor-bullet img, .w-month-detail__mentor-bullet-opened img {
    width: 13px;
    margin-left: 4px; }
    @media (min-width: 1024px) {
      .w-month-detail__mentor-bullet img, .w-month-detail__mentor-bullet-opened img {
        width: 18px;
        margin-left: 8px; } }

.w-month-detail__mentor-bullet-opened img {
  transform: rotate(180deg); }

.w-month-detail__content {
  padding: 25px 20px;
  background-color: #ffffff; }
  @media (min-width: 1024px) {
    .w-month-detail__content {
      padding: 30px 0; } }

.w-month-detail__content-text {
  line-height: 1.6em;
  font-size: 13px; }
  @media (min-width: 1024px) {
    .w-month-detail__content-text {
      font-size: 18px; } }

.w-month-detail__footer {
  text-align: center; }

.w-month-detail__footer-btn {
  display: block;
  width: 100%;
  padding: 10px 0 9px;
  margin-top: 30px;
  border: none;
  background-color: #00c73c;
  text-align: center;
  font-size: 13px;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-month-detail__footer-btn {
      width: 300px;
      padding: 14px 0 12px;
      margin: 50px auto;
      font-size: 18px; } }

/* new book component */
.w-new-book {
  position: relative;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px 14px;
  background-color: #f5f5f5;
  border-radius: 8px; }

.w-new-book__thumbnail-wrap {
  width: 100%;
  padding: 0 7.5px; }

.w-new-book__thumbnail {
  position: relative;
  width: 100%;
  padding-bottom: 142%;
  border: 1px solid #e2e2e2;
  overflow: hidden; }
  .w-new-book__thumbnail img {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%); }

.w-new-book__subtitle {
  color: #353a3c;
  font-size: 14px;
  width: 100%;
  height: 3.4em;
  margin-top: 12px;
  line-height: 1.15em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }
  @media (min-width: 1024px) {
    .w-new-book__subtitle {
      font-size: 16px; } }

/* recommend book component */
@media (min-width: 1024px) {
  .w-recommend-book-list {
    margin-bottom: 40px; } }

.w-recommend-book-list--no-item {
  font-size: 14px;
  color: #353a3c; }
  @media (min-width: 1024px) {
    .w-recommend-book-list--no-item {
      font-size: 16px; } }

.w-recommend-book {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  width: 100%;
  border: 1px solid #e2e2e2;
  border-radius: 4px; }

.w-recommend-book__thumbnail {
  padding-top: 80%;
  padding-bottom: 80%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-right: 1px solid #e2e2e2;
  border-radius: 4px 0 0 4px; }
  @media (max-width: 499px) {
    .w-recommend-book__thumbnail {
      width: 100px; } }
  @media (min-width: 500px) and (max-width: 639px) {
    .w-recommend-book__thumbnail {
      width: 75px; } }
  @media (min-width: 640px) and (max-width: 767px) {
    .w-recommend-book__thumbnail {
      width: 100px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-recommend-book__thumbnail {
      width: 80px; } }
  @media (min-width: 1024px) {
    .w-recommend-book__thumbnail {
      width: 120px; } }

.w-recommend-book__info {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  padding: 15px 15px 0 15px; }
  @media (max-width: 499px) {
    .w-recommend-book__info {
      width: calc(100% - 100px); } }
  @media (min-width: 500px) and (max-width: 639px) {
    .w-recommend-book__info {
      width: calc(100% - 75px); } }
  @media (min-width: 640px) and (max-width: 767px) {
    .w-recommend-book__info {
      width: calc(100% - 100px); } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-recommend-book__info {
      width: calc(100% - 80px); } }
  @media (min-width: 1024px) {
    .w-recommend-book__info {
      width: calc(100% - 120px); } }

.w-recommend-book__title {
  display: -webkit-box;
  width: 100%;
  height: 1.2em;
  margin-bottom: 6px;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 14px;
  color: #353a3c; }
  @media (min-width: 1024px) {
    .w-recommend-book__title {
      font-size: 16px; } }

.w-recommend-book__subtitle {
  display: -webkit-box;
  width: 100%;
  height: 2.38em;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  color: #353a3c; }
  @media (min-width: 1024px) {
    .w-recommend-book__subtitle {
      font-size: 14px; } }

.w-recommend-book__teacher {
  display: -webkit-box;
  width: 100%;
  height: 1.2em;
  margin-bottom: 10px;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 12px;
  color: #767b80; }
  @media (min-width: 1024px) {
    .w-recommend-book__teacher {
      font-size: 14px; } }

.w-recommend-book__info-label {
  width: 100%;
  margin: 10px 0; }

.w-recommend-book__icon-group {
  width: 100%;
  padding: 8px 0;
  border-top: 1px solid #e2e2e2; }

.w-recommend-book__count {
  margin-left: 5px;
  margin-right: 10px; }

/* popular book component */
.w-popular-book-list__swiper {
  margin: 15px 0; }
  @media (max-width: 768px) {
    .w-popular-book-list__swiper {
      margin-bottom: 5px; } }
  @media (min-width: 480px) and (max-width: 1023px) {
    .w-popular-book-list__swiper {
      width: calc(100% - 36px);
      margin: 0 auto; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-popular-book-list__swiper {
      width: 1000px;
      margin: 0 auto; } }
  @media (min-width: 1600px) {
    .w-popular-book-list__swiper {
      width: 1400px;
      margin: 0 auto; } }
  @media (min-width: 480px) {
    .w-popular-book-list__swiper .swiper-wrapper {
      padding-bottom: 50px; } }
  @media (max-width: 768px) {
    .w-popular-book-list__swiper .swiper-pagination {
      display: none; } }
  .w-popular-book-list__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00c73c; }
  .w-popular-book-list__swiper .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    background: #e2e2e2; }

.w-popular-book-list {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  border-bottom: 1px solid #e2e2e2; }
  .w-popular-book-list:nth-child(3n) {
    border-bottom: none; }

.w-popular-book-list__rank {
  flex: 0 0 20px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: bold; }
  @media (min-width: 1024px) {
    .w-popular-book-list__rank {
      font-size: 16px;
      width: 25px;
      flex: 0 0 25px; } }

.w-popular-book {
  flex: 1 1 150px;
  display: flex;
  padding-bottom: 10px; }

.w-popular-book__thumbnail-wrap {
  position: relative;
  flex: 0 0 60px;
  height: 86.328px;
  border: 1px solid #e2e2e2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  @media (min-width: 480px) and (max-width: 767px) {
    .w-popular-book__thumbnail-wrap {
      flex: 0 0 80px;
      height: 118.104px; } }
  @media (min-width: 768px) {
    .w-popular-book__thumbnail-wrap {
      flex: 0 0 100px;
      height: 141.888px; } }

.w-popular-book__thumbnail {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  /* 기본적으로 가림 */
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }
  .w-popular-book__thumbnail.swiper-lazy-loaded {
    visibility: visible;
    /* Lazy Load 완료되면 보이게 변경 */
    opacity: 1; }

.w-popular-book__info {
  display: flex;
  flex: 1 1 auto;
  display: -ms-flexbox;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  padding: 5px 10px; }

.w-popular-book__title {
  display: inline-block;
  display: -webkit-box;
  height: 2.37em;
  margin-bottom: 5px;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px; }
  @media (min-width: 1024px) {
    .w-popular-book__title {
      font-size: 16px; } }

.w-popular-book__teacher {
  display: -webkit-box;
  width: 100%;
  height: 1.2em;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 12px;
  color: #767b80; }
  @media (min-width: 1024px) {
    .w-popular-book__teacher {
      font-size: 14px; } }

.w-popular-book__icon-box {
  display: flex;
  display: -ms-flexbox;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  width: 100%;
  margin-top: auto; }

.w-popular-book__count {
  margin-left: 5px;
  font-size: 12px;
  color: #767b80; }
  @media (min-width: 1024px) {
    .w-popular-book__count {
      font-size: 14px; } }

.w-mypage-btn {
  display: block;
  text-align: center; }

.w-mypage-coupon-register-btn {
  display: inline-block;
  color: #fff;
  height: 44px;
  border: 1px solid var(--light-green-wgreen-300, #00c73c);
  padding: 10px 15px 11px 16px;
  background: var(--light-green-wgreen-300, #00c73c);
  border-radius: 0px 6px 6px 0px;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0.5px;
  flex-shrink: 0; }

.w-mypage-btn__button {
  display: inline-block;
  color: #fff;
  height: 46px;
  padding: 0 31px 0 31px;
  background: #8f9291;
  border: none;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
  line-height: 46px; }
  .w-mypage-btn__button:not(:first-child):not(.w-mypage-btn__button--no-margin) {
    margin-left: 20px; }
  @media (max-width: 450px) {
    .w-mypage-btn__button {
      display: block;
      margin-bottom: 8px; }
      .w-mypage-btn__button:not(:first-child):not(.w-mypage-btn__button--no-margin) {
        margin-left: 0; } }

.w-mypage-btn__button--primary {
  background: #00c73c;
  color: #ffffff !important; }

.w-mypage-btn__button--medium {
  height: 50px;
  line-height: 50px; }
  .w-mypage-btn__button--medium:disabled {
    background-color: #7f7f7f; }
  @media (max-width: 450px) {
    .w-mypage-btn__button--medium {
      width: 100%; } }

.w-mypage-btn__button--large {
  height: 60px;
  font-size: 20px;
  font-weight: 700;
  line-height: 60px; }

.w-mypage-btn__button--wide-md {
  min-width: 180px; }

.w-mypage-btn__button--wide {
  min-width: 200px;
  margin: 0 auto; }

.w-mypage-btn__button-block {
  width: 100%; }

.w-mypage-btn__button-disabled {
  background-color: red; }

.w-container__mypage {
  padding: 79px 0 82px; }
  @media (max-width: 1023px) {
    .w-container__mypage {
      padding: 20px 0 60px; } }
  @media (max-width: 1023px) {
    .w-container__mypage.no-top-gutter {
      padding-top: 0; } }

.w-container__mypage-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-display: flex; }

.w-container__mypage-inner-accountinfo {
  width: 1000px;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .w-container__mypage-inner-accountinfo {
      margin: 0 18px;
      width: calc(100vw - 36px); } }
  @media (min-width: 1600px) {
    .w-container__mypage-inner-accountinfo {
      width: 1400px; } }

.w-mypage__lnb {
  width: 320px;
  height: 100%;
  background: #fff;
  border: solid 1px #ddd; }
  @media (max-width: 1023px) {
    .w-mypage__lnb {
      display: none; } }

.w-mypage__user-info {
  position: relative;
  height: 130px;
  padding-left: 30px; }

.w-mypage__user-info-img {
  position: absolute;
  display: inline-block;
  width: 78px;
  height: 78px;
  background: #f4f4f4;
  border-radius: 39px;
  left: 15px;
  top: 27px; }
  .w-mypage__user-info-img input[type='file'] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer; }

.w-mypage__user-img {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 39px;
  background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-user-img-default.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .w-mypage__user-img:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 16px;
    background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-user-img-camera.png);
    left: 50%;
    bottom: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.w-mypage__user-info-button-box {
  position: absolute;
  display: inline-block;
  top: 10px;
  right: 15px; }

.w-mypage__user-info-notice,
.w-mypage__user-info-favorite {
  position: relative;
  display: inline-block;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center; }
  .w-mypage__user-info-notice a,
  .w-mypage__user-info-favorite a {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 1;
    right: 0;
    top: 0; }

.w-mypage__user-info-notice {
  background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-bell.png);
  width: 30px;
  margin-left: 8px; }

.w-mypage__user-info-favorite {
  background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-favorite.png);
  width: 46px; }

.w-mypage__user-info-badge {
  position: absolute;
  display: inline-block;
  color: #fff;
  width: 16px;
  height: 16px;
  background: #ff761b;
  border-radius: 8px;
  text-align: center;
  font-size: 10px;
  line-height: 16px;
  right: 0;
  top: 0; }

.w-mypage__user-info-data {
  display: block;
  padding-top: 46px; }

.w-mypage__user-info-wrapper {
  display: flex;
  justify-content: space-between; }

.w-mypage__user-info-name-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: baseline; }

.w-mypage__user-info-name {
  display: inline-block;
  color: #00c73c;
  font-size: 22px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  white-space: nowrap; }
  @media screen and (max-width: 768px) {
    .w-mypage__user-info-name {
      max-width: calc(100vw - 160px); } }

.w-mypage__user-info-text {
  width: calc(100% - 20px);
  display: block;
  color: #888;
  margin-bottom: 7px;
  margin-right: 0;
  font-size: 14px;
  text-align: center; }

.w-mypage__user-info-login {
  text-decoration: none;
  text-align: center;
  width: calc(100% - 20px);
  display: block;
  font-size: 17px;
  color: #00c73c;
  font-weight: bold;
  border: 1px solid #00c73c;
  padding: 10px;
  border-radius: 5px; }

.w-mypage__user-info-suffix {
  display: inline-block;
  color: #00c73c;
  font-size: 15px;
  font-weight: 400; }

.w-mypage__user-info-email {
  display: inline-block;
  color: #888;
  margin-top: 7px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 285px; }

.w-mypage__menu-list,
.w-mypage__menu-list-sub {
  list-style: none;
  margin: 0;
  padding: 0; }

.w-mypage__menu-item,
.w-mypage__menu-sub-item {
  width: 100%; }

.w-mypage__menu-item {
  display: block;
  color: #333;
  padding: 0 29px;
  background: #f7f7f7;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  font-size: 16px;
  line-height: 50px; }

.w-mypage__menu-sub-item {
  padding: 0 29px 0 50px;
  font-size: 15px; }
  .w-mypage__menu-sub-item:not(:first-child) {
    border-top: 1px solid #eee; }
  .w-mypage__menu-sub-item a {
    display: block;
    line-height: 43px; }
    .w-mypage__menu-sub-item a, .w-mypage__menu-sub-item a:hover, .w-mypage__menu-sub-item a:focus, .w-mypage__menu-sub-item a:active, .w-mypage__menu-sub-item a:visited {
      color: #555;
      text-decoration: none; }
    .w-mypage__menu-sub-item a.selected {
      color: #00c73c; }

.w-mypage__contents {
  width: calc(100% - 370px);
  margin-left: 50px; }
  @media (max-width: 1023px) {
    .w-mypage__contents {
      width: 100%;
      margin-left: 0; } }

.w-mypage__contents-nosidebar {
  width: auto; }
  @media (max-width: 1023px) {
    .w-mypage__contents-nosidebar {
      padding: 0 10px; } }
  @media (max-width: 1023px) {
    .w-mypage__contents-nosidebar.no-gutter {
      padding: 0; } }

.w-mypage__contents-header {
  position: relative;
  display: none;
  padding: 27px 37px;
  background: #fff;
  border: 3px solid #969696; }
  @media (min-width: 1024px) {
    .w-mypage__contents-header {
      display: block; } }

[class*='w-mypage__grade-badge'] {
  display: inline-block;
  height: 23px;
  cursor: default;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  vertical-align: top; }
  @media (max-width: 500px) {
    [class*='w-mypage__grade-badge'] {
      margin-bottom: 4px; } }

.w-mypage__grade-badge--normal {
  display: inline-block;
  font-family: 'Noto Sans KR', sans-serif;
  color: #10b542;
  padding: 0 20px;
  background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/bg-my-grade-normal.png);
  background-size: 100% 100%; }

.w-mypage__grade-badge--campus {
  display: inline-block;
  font-family: 'Noto Sans KR', sans-serif;
  color: #fff;
  padding: 0 9px;
  border-radius: 3.6px;
  background: #10b542; }

.w-mypage__grade-badge--audio {
  display: inline-block;
  font-family: 'Noto Sans KR', sans-serif;
  color: #fff;
  padding: 0 9px;
  border-radius: 3.6px;
  background: #10b542; }

.w-mypage__grade-badge--premium {
  display: inline-block;
  font-family: 'Noto Sans KR', sans-serif;
  color: #fff;
  padding: 0 9px;
  border-radius: 3.6px;
  background: #10b542; }

[class*='w-mypage__membership-info'] {
  display: inline-block;
  font-size: 15px; }
  [class*='w-mypage__membership-info'] span {
    line-height: 24px; }

.w-mypage__membership-info--normal {
  color: #555;
  margin-left: 19px; }
  .w-mypage__membership-info--normal a {
    position: relative;
    display: inline-block;
    color: #32c183;
    margin-left: 19px;
    padding-right: 13px;
    line-height: 24px; }
    .w-mypage__membership-info--normal a, .w-mypage__membership-info--normal a:hover, .w-mypage__membership-info--normal a:focus, .w-mypage__membership-info--normal a:active {
      text-decoration: none; }
    .w-mypage__membership-info--normal a:after {
      content: '';
      position: absolute;
      display: inline-block;
      width: 5px;
      height: 7px;
      background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-my-angle-right-primary.png);
      background-repeat: no-repeat;
      background-position: center;
      right: 0;
      top: 8px; }

.w-mypage__membership-info--campus {
  color: #00b971;
  margin-left: 15px; }

.w-mypage__membership-info--audio {
  color: #02afb9;
  max-width: calc(100% - 140px);
  margin-left: 15px; }
  @media (min-width: 1600px) {
    .w-mypage__membership-info--audio {
      max-width: calc(100% - 560px); } }

.w-mypage__membership-info--premium {
  color: #5f45b4;
  margin-left: 15px; }

.w-mypage__membership-payment-info {
  position: relative;
  float: right;
  color: #555;
  font-size: 15px; }
  .w-mypage__membership-payment-info span {
    position: relative;
    display: inline-block;
    line-height: 24px; }
    .w-mypage__membership-payment-info span + span {
      margin-left: 14px;
      padding-left: 14px; }
      .w-mypage__membership-payment-info span + span:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 1px;
        height: 13px;
        background: #d5d5d5;
        left: 0;
        top: 5px; }
  @media (max-width: 1599px) {
    .w-mypage__membership-payment-info {
      position: relative;
      display: block;
      margin-top: 5px;
      right: auto; } }

.w-mypage__contents-body {
  min-height: 840px;
  background: #fff; }

.w-mypage__contents_event-body-mobile {
  overflow-x: hidden; }

.w-mypage__accountinfo-body {
  max-width: 720px;
  margin-left: 20px; }
  @media (max-width: 768px) {
    .w-mypage__accountinfo-body {
      margin-left: 0; } }

.w-mypage__contents-body-title {
  position: relative;
  padding-bottom: 16px;
  border-bottom: 1px solid #ddd;
  font-size: 24px;
  font-weight: 700; }
  .w-mypage__contents-body-title > .w-mypage-inquiry__title {
    display: block;
    width: calc(100% - 80px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  @media (max-width: 479px) {
    .w-mypage__contents-body-title {
      font-size: 20px; }
      .w-mypage__contents-body-title > .w-mypage-inquiry__title {
        width: 100%; } }

.w-mypage__contents-body-title-sub {
  display: block;
  color: #888;
  font-size: 14px;
  line-height: 1.5em;
  padding-bottom: 15px; }
  @media (min-width: 640px) {
    .w-mypage__contents-body-title-sub {
      display: inline-block;
      margin-left: 16px;
      padding-bottom: 0;
      line-height: inherit; } }

.w-mypage__contents-body-title-right {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 10px 0;
  line-height: 1; }
  @media (min-width: 480px) {
    .w-mypage__contents-body-title-right {
      position: absolute;
      display: inline-block;
      right: 0;
      top: 0;
      line-height: inherit; } }

.w-mypage__contents-block {
  margin-top: 16px; }
  .w-mypage__contents-block a:not(.w-mypage-btn__button) {
    font-size: 15px; }
  .w-mypage__contents-block.no-gutter {
    margin-top: 0; }

.w-mypage__coupon-assign-list-container {
  margin-top: 24px; }

.w-mypage__coupon-register-container {
  margin-top: 32px; }
  @media (max-width: 450px) {
    .w-mypage__coupon-register-container {
      margin-top: 24px; } }

.w-mypage__coupon-register-contents {
  border-radius: 12px;
  border: 1px solid var(--light-gray-wgray-700, #eee);
  background: var(--light-gray-wgray-800, #f9f9f9);
  padding: 32px 0 36px 0; }
  @media (max-width: 450px) {
    .w-mypage__coupon-register-contents {
      padding: 24px 12px; } }

.w-mypage__content-block-title {
  display: block;
  color: #333;
  font-size: 17px; }

.w-main-continue__grid-mypage {
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr; }
  @media (max-width: 1599px) {
    .w-main-continue__grid-mypage {
      grid-template-columns: 1fr;
      -ms-grid-columns: 1fr; } }
  .w-main-continue__grid-mypage .w-main-continue__grid-item {
    display: block; }

@media screen and (max-width: 1024px) {
  .w-mypage-recent-class-lecture {
    margin-bottom: 20px; } }

.w-mypage-recent-class-lecture--no-data > div {
  padding: 10px 0;
  text-align: center; }

.w-mypage-recent-class-lecture__item {
  padding: 20px 0;
  border-bottom: 1px solid #eee; }
  @media (min-width: 1024px) {
    .w-mypage-recent-class-lecture__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 176px;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }

.w-mypage-recent-class-lecture__cover {
  position: relative; }
  @media (min-width: 1024px) {
    .w-mypage-recent-class-lecture__cover {
      width: 180px; } }

.w-mypage-recent-class-lecture__cover-image {
  width: 100%;
  padding-top: 72.78%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .w-mypage-recent-class-lecture__cover-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    left: 0;
    top: 0; }

.w-mypage-recent-class-lecture__info {
  position: relative;
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start; }
  @media (max-width: 1023px) {
    .w-mypage-recent-class-lecture__info {
      gap: 12px; } }
  @media (min-width: 1024px) {
    .w-mypage-recent-class-lecture__info {
      justify-content: space-between;
      align-items: flex-start;
      width: calc(100% - 210px);
      margin-top: 0;
      margin-left: 30px; } }

.w-mypage-recent-class-lecture__info-title {
  color: #000;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.4px; }
  .w-mypage-recent-class-lecture__info-title + .w-mypage-recent-class-lecture__info-author {
    margin-top: 8px;
    color: #666;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    font-weight: 400; }

.w-mypage-recent-class-lecture__info-sub-title {
  color: #00c73c;
  margin-top: 12px;
  font-size: 14px; }

.w-mypage-recent-class-lecture__info-author {
  color: #888;
  margin-top: 6px;
  font-size: 14px; }

.w-mypage-recent-class-lecture__info-expiration-date {
  color: #181818;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700; }

.w-mypage-recent-class-lecture__util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px; }
  @media (min-width: 1024px) {
    .w-mypage-recent-class-lecture__util {
      position: absolute;
      left: 0;
      bottom: 0; } }

.w-mypage__util-data {
  display: inline-block;
  color: #555;
  font-size: 12px; }
  .w-mypage__util-data + .w-mypage__util-data {
    margin-left: 12px; }
  .w-mypage__util-data img {
    vertical-align: middle;
    margin-right: 5px; }

.w-mypage__util-button {
  margin-right: 10px; }
  .w-mypage__util-button button {
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    font-size: 0; }
    .w-mypage__util-button button + button {
      margin-left: 13px; }

.w-mypage__util-button--no-margin {
  margin: 0; }

.w-mypage__util-button-favorite {
  background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-heart-light-line.png); }

.w-mypage__util-button-favorite--active {
  background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-heart-light-line.png); }

.w-mypage__util-button-share {
  background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-share-light-sm.png); }

.w-mypage-audio-book {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr; }
  @media (min-width: 1600px) {
    .w-mypage-audio-book {
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: 1fr 1px 1fr; } }
  @media screen and (max-width: 1024px) {
    .w-mypage-audio-book {
      margin-bottom: 20px; } }

.w-mypage-audio-book--no-data {
  grid-template-columns: 1fr !important;
  -ms-grid-columns: 1fr !important; }
  .w-mypage-audio-book--no-data > div {
    padding: 10px 0;
    text-align: center; }

.w-mypage-audio-book__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 20px 0;
  border-bottom: 1px solid #eee; }
  @media (min-width: 1600px) {
    .w-mypage-audio-book__item:nth-child(2n) {
      padding-left: 15px; }
    .w-mypage-audio-book__item:nth-child(2n + 1) {
      padding-right: 44px; } }
  @media (max-width: 639px) {
    .w-mypage-audio-book__item {
      display: block; } }

.w-mypage-audio-book__cover {
  position: relative;
  width: 160px; }
  @media (max-width: 639px) {
    .w-mypage-audio-book__cover {
      margin: 0 auto; } }

.w-mypage-audio-book__cover-image {
  width: 100%;
  padding-top: 148.888%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .w-mypage-audio-book__cover-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    left: 0;
    top: 0; }

.w-mypage-audio-book__info {
  position: relative;
  width: calc(100% - 190px);
  margin-left: 30px; }
  @media (max-width: 639px) {
    .w-mypage-audio-book__info {
      width: auto;
      margin: 15px 0 0; } }

.w-mypage-audio-book__info-title {
  color: #555;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.38; }

.w-mypage-audio-book__info-author {
  color: #888;
  margin-top: 12px;
  font-size: 14px; }

.w-mypage-audio-book__info-play-time {
  color: #555;
  margin-top: 11px;
  font-size: 15px; }

.w-mypage-audio-book__info-expiration-date {
  color: #ff7c26;
  margin-top: 12px;
  font-size: 14px; }

.w-mypage-event {
  display: grid;
  display: -ms-grid;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-gap: 40px;
  margin-top: 40px; }
  @media (min-width: 640px) and (max-width: 1599px) {
    .w-mypage-event {
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: 1fr 40px 1fr; } }
  @media screen and (max-width: 768px) {
    .w-mypage-event {
      grid-gap: 0;
      margin-top: 20px; } }
  @media (max-width: 639px) {
    .w-mypage-event {
      grid-template-columns: 1fr;
      -ms-grid-columns: 1fr; } }

.w-mypage-event__cover-image {
  position: relative;
  width: 100%;
  padding-top: 100%;
  border: 1px solid #ddd;
  border-bottom: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.w-mypage-event__cover-image--end {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  font-size: 20px; }
  .w-mypage-event__cover-image--end span {
    position: absolute;
    display: inline-block;
    color: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.w-mypage-event__info {
  color: #555;
  min-height: 60px;
  padding: 10px 12px;
  border: 1px solid #dddddd;
  font-size: 15px;
  line-height: 1.33; }

.w-mypage-event__img-box {
  text-align: center; }

.w-mypage-inquiry {
  margin-top: 19px; }

.w-mypage-inquiry__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 16px 0;
  border-bottom: 1px solid #eee;
  position: relative; }
  .w-mypage-inquiry__list-item span,
  .w-mypage-inquiry__list-item a {
    display: block; }
  @media (max-width: 1023px) {
    .w-mypage-inquiry__list-item {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .w-mypage-inquiry__list-item .w-mypage-inquiry__list-item-date {
        position: absolute;
        right: 0;
        top: 18px;
        text-align: right;
        padding-right: 16px; }
      .w-mypage-inquiry__list-item .w-mypage-inquiry__list-item-state {
        position: absolute;
        right: 0;
        top: 40px;
        text-align: right;
        padding-right: 16px; }
      .w-mypage-inquiry__list-item .w-mypage-inquiry__list-item-title {
        padding: 0 96px 24px 15px; } }

.w-mypage-inquiry__list-item-title {
  color: #555;
  width: calc(100% - 200px);
  padding: 0 19px;
  font-size: 16px;
  line-height: 1.5; }
  @media (max-width: 1023px) {
    .w-mypage-inquiry__list-item-title {
      width: 100%;
      padding-bottom: 19px; } }

.w-mypage-inquiry__list-item-date {
  color: #555;
  width: 106px;
  padding: 0 18px;
  font-size: 14px; }

.w-mypage-inquiry__list-item-state {
  color: #00c73c;
  width: 94px;
  padding: 0 22px;
  font-size: 14px; }
  .w-mypage-inquiry__list-item-state__waiting {
    color: #999; }

.w-mypage-inquiry__list-item-state--complete {
  color: #ff761b; }

.w-mypage__contents-info-list {
  position: relative;
  padding-left: 15px;
  margin-top: 33px;
  margin-bottom: 0;
  color: #888;
  font-size: 14px;
  line-height: 1.5em; }
  .w-mypage__contents-info-list span {
    color: #ff761b; }
    .w-mypage__contents-info-list span.w-mypage__contents-info-list-green {
      color: #00c73c; }
  .w-mypage__contents-info-list a.link {
    font-size: 14px !important;
    color: #11b542;
    text-decoration: underline; }

.w-mypage__contents-info-list-item {
  list-style: none; }
  .w-mypage__contents-info-list-item:not(:last-of-type) {
    padding-bottom: 5px; }
  .w-mypage__contents-info-list-item:before {
    content: '-';
    position: absolute;
    left: 0; }

.w-mypage-btn__inquiry {
  margin-top: 50px; }

.w-mypage-inquiry__title-date {
  color: #888;
  font-size: 14px; }

.w-mypage-inquiry__view-contents {
  padding: 20px 0 30px;
  border-bottom: 1px solid #ddd; }

.w-mypage-inquiry__view-contents-data {
  color: #555;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.5; }

.w-mypage-inquiry__item-contents {
  display: none;
  color: #555;
  padding: 28px 38px;
  background: #f7f7f7;
  border-top: 1px solid #ddd;
  font-size: 16px;
  line-height: 1.5; }
  .w-mypage-inquiry__item-contents a {
    color: red; }
  .w-mypage-inquiry__item--show .w-mypage-inquiry__item-contents {
    display: block; }

.w-mypage-inquiry__item-reply {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #ddd; }

.w-mypage-inquiry__view-reply {
  color: #555;
  margin-top: 20px;
  padding: 20px;
  background: #f7f7f7;
  border: 1px solid #ddd;
  font-size: 16px;
  line-height: 1.5; }

.accordion-item__icon_main {
  background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-fold-faq.png);
  width: 17px;
  height: 10px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  opacity: 1;
  position: absolute;
  content: '';
  right: 10px;
  top: 24px; }

.w-mypage-faq {
  margin-top: 22px; }
  .w-mypage-faq .w-cs-faq-category-wrap {
    margin-top: 0;
    margin-bottom: 16px; }
  .w-mypage-faq .accordion-list__item .accordion-item__title {
    font-size: 16px;
    font-weight: 300;
    padding: 12px 12px 12px 0;
    color: #555; }
  .w-mypage-faq .accordion-list__item .accordion-item__content {
    border-top: 1px solid #ddd; }
    .w-mypage-faq .accordion-list__item .accordion-item__content .accordion-item__paragraph {
      background: #f7f7f7;
      border-top: 1px solid #ddd;
      font-size: 16px;
      line-height: 1.5;
      color: #555;
      padding: 20px 28px;
      border-top: none; }

.w-mypage-faq__item {
  border-bottom: 1px solid #eee; }

.w-mypage-faq__item-head {
  position: relative;
  color: #555;
  padding: 20px 48px 20px 20px;
  font-size: 16px;
  cursor: pointer; }
  .w-mypage-faq__item-head:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 17px;
    height: 10px;
    background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-fold-faq.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    right: 20px;
    top: 24px; }
  .w-mypage-faq__item--show .w-mypage-faq__item-head:after {
    background-position: 0 -10px; }

.w-mypage-faq__item-contents {
  display: none;
  color: #555;
  padding: 28px 38px;
  background: #f7f7f7;
  border-top: 1px solid #ddd;
  font-size: 16px;
  line-height: 1.5; }
  .w-mypage-faq__item--show .w-mypage-faq__item-contents {
    display: block; }

.w-mypage__contents-table-title {
  color: #333;
  margin-top: 38px;
  font-size: 17px; }
  .w-mypage__contents-table-title span {
    display: inline-block;
    color: #00c73c;
    margin-left: 10px;
    font-weight: 700; }

.w-mypage__contents-table-info {
  display: table;
  width: 100%; }

.w-mypage__contents-table-info-membership {
  margin-top: 16px; }

.w-mypage__contents-table-info-item {
  display: table-row;
  height: 46px; }
  .w-mypage__contents-table-info-item + .w-mypage__contents-table-info-item [class*='w-mypage__contents-table-info-'] {
    border-top: none; }

.w-mypage__contents-table-info-label {
  display: table-cell;
  color: #555;
  width: 180px;
  padding: 10px 20px;
  border: 1px solid #ddd;
  font-size: 15px;
  vertical-align: middle;
  line-height: 1.5em; }
  @media (max-width: 400px) {
    .w-mypage__contents-table-info-label {
      width: 120px; } }

.w-mypage__contents-table-info-value {
  position: relative;
  display: table-cell;
  color: #555;
  padding: 10px 20px;
  border: 1px solid #ddd;
  border-left: none;
  font-size: 15px;
  vertical-align: middle;
  line-height: 25px; }

.w-mypage__contents-table-info-subvalue {
  font-size: 13px;
  color: #888; }

.w-mypage__contents-table-info-text {
  margin-right: 10px; }

.w-mypage__contents-table-info-button {
  color: blue;
  text-decoration: underline;
  background: none; }

.w-mypage-btn__membership,
.w-mypage-btn__voucher {
  margin-top: 51px; }
  @media (max-width: 1023px) {
    .w-mypage-btn__membership .w-mypage-btn__button,
    .w-mypage-btn__voucher .w-mypage-btn__button {
      display: block;
      width: 100%;
      margin: 0; }
      .w-mypage-btn__membership .w-mypage-btn__button + .w-mypage-btn__button,
      .w-mypage-btn__voucher .w-mypage-btn__button + .w-mypage-btn__button {
        margin-top: 15px; }
    .w-mypage-btn__membership .w-mypage-btn__button:not(:first-child):not(.w-mypage-btn__button--no-margin),
    .w-mypage-btn__voucher .w-mypage-btn__button:not(:first-child):not(.w-mypage-btn__button--no-margin) {
      margin-left: 0; }
    .w-mypage-btn__membership .w-mypage-btn__button-block-on-pc,
    .w-mypage-btn__voucher .w-mypage-btn__button-block-on-pc {
      display: block; } }
  @media screen and (max-width: 1023px) and (max-width: 1024px) {
    .w-mypage-btn__membership .w-mypage-btn__button-block-on-pc,
    .w-mypage-btn__voucher .w-mypage-btn__button-block-on-pc {
      display: none; } }

.w-mypage__contents-table-info-voucher {
  margin-top: 40px; }

.w-mypage__contents-table-info-voucher-detail {
  margin-top: 22px; }

.w-mypage-voucher__membership-link {
  position: absolute;
  right: 23px;
  display: inline-block;
  padding-right: 14px;
  color: #555;
  font-size: 14px;
  line-height: 24px; }
  @media (max-width: 500px) {
    .w-mypage-voucher__membership-link {
      position: inherit;
      right: inherit;
      display: block;
      width: 114px; } }
  .w-mypage-voucher__membership-link:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 5px;
    height: 8px;
    background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-angle-right-grey-sm.png);
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: 8px; }

.w-mypage-notice__list {
  margin-top: 21px; }

.w-mypage-notice__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 19px 0;
  border-bottom: 1px solid #eee; }

.w-mypage-notice__list-item-title {
  display: inline-block;
  color: #555;
  width: calc(100% - 110px);
  padding: 0 10px 0 20px;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  @media (max-width: 640px) {
    .w-mypage-notice__list-item-title {
      line-height: 1.4;
      padding: 0 0 0 20px;
      overflow: visible;
      white-space: normal;
      text-overflow: initial; } }

.w-mypage-notice__list-item-date {
  display: inline-block;
  color: #888;
  width: 110px;
  padding: 0 10px 0 20px;
  font-size: 14px; }
  @media (max-width: 640px) {
    .w-mypage-notice__list-item-date {
      padding: 2px 10px 0 20px; } }

.w-mypage-notice__view-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 20px 0;
  position: relative;
  border-bottom: 1px solid #eee; }
  @media (max-width: 640px) {
    .w-mypage-notice__view-head {
      display: block; } }

.w-mypage-notice__view-head-title {
  display: inline-block;
  color: #555;
  width: calc(100% - 94px);
  font-size: 15px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.4; }
  @media (min-width: 481px) and (max-width: 640px) {
    .w-mypage-notice__view-head-title {
      display: block;
      padding: 0;
      overflow: visible;
      white-space: normal;
      text-overflow: initial; } }
  @media (max-width: 480px) {
    .w-mypage-notice__view-head-title {
      width: 100%;
      display: block;
      padding: 0;
      overflow: visible;
      white-space: normal;
      text-overflow: initial; } }

.w-mypage-notice__view-head-title-no-date {
  width: 100%; }

.w-mypage-notice__view-head-date {
  display: inline-block;
  color: #888;
  margin-top: 7px;
  padding: 0;
  width: 10em;
  text-align: right;
  font-size: 14px; }
  @media (min-width: 481px) and (max-width: 640px) {
    .w-mypage-notice__view-head-date {
      position: absolute;
      right: 0;
      bottom: 20px;
      display: block; } }
  @media (max-width: 480px) {
    .w-mypage-notice__view-head-date {
      width: 100%;
      display: block; } }

.w-mypage-notice__view-contents {
  color: #555;
  padding: 41px 20px 39px;
  border-bottom: 1px solid #eee;
  font-size: 15px;
  line-height: 1.73; }
  .w-mypage-notice__view-contents p {
    margin-bottom: 16px; }
  .w-mypage-notice__view-contents a {
    color: #00c73c; }
  @media (max-width: 640px) {
    .w-mypage-notice__view-contents {
      padding: 0px; } }
  .w-mypage-notice__view-contents-image {
    margin-bottom: 16px; }

.w-mypage-coupon__error {
  margin-bottom: 100px;
  text-align: center; }

.w-mypage-coupon__input-title {
  color: var(--dark-gray-wgray-400, #737373);
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  margin-left: 40px;
  text-align: left; }
  @media (min-width: 1600px) {
    .w-mypage-coupon__input-title {
      margin-left: 52px; } }
  @media (max-width: 450px) {
    .w-mypage-coupon__input-title {
      margin-left: 4px; } }

.w-mypage-coupon__input-container {
  display: flex;
  align-items: center;
  padding: 24px 48px 0; }
  @media (max-width: 1599px) {
    .w-mypage-coupon__input-container {
      justify-content: space-between;
      padding: 24px 32px 0 32px;
      gap: 24px; } }
  @media (max-width: 450px) {
    .w-mypage-coupon__input-container {
      flex-wrap: wrap;
      gap: 12px;
      padding: 24px 0 0; } }

.w-mypage-coupon__input-form {
  display: flex;
  align-items: center; }
  @media (max-width: 1599px) {
    .w-mypage-coupon__input-form {
      margin-left: 0;
      min-width: 316px; } }
  @media (max-width: 450px) {
    .w-mypage-coupon__input-form {
      width: 100%; } }
  .w-mypage-coupon__input-form input[type='text'] {
    color: var(--light-blue-wblue-100, #0d1c2e);
    width: 100%;
    height: 46px;
    padding: 10px 0 12px 15px;
    font-size: 15px;
    border-radius: 6px 0 0 6px;
    border: 1px solid #eaeaea;
    background: var(--Light-wwhite, #fff); }
    @media (max-width: 450px) {
      .w-mypage-coupon__input-form input[type='text'] {
        margin-right: 0;
        display: block; } }
  .w-mypage-coupon__input-form input[type='text']::placeholder {
    color: #888; }
  .w-mypage-coupon__input-form input[type='button'] {
    margin-left: 0 !important; }
    @media (max-width: 450px) {
      .w-mypage-coupon__input-form input[type='button'] {
        margin-left: 0;
        display: block; } }
  @media (min-width: 1599px) {
    .w-mypage-coupon__input-form input[type='text'] {
      width: 350px; } }
  @media (min-width: 1024px) {
    .w-mypage-coupon__input-form input[type='submit'] {
      width: auto;
      margin-top: 0;
      margin-left: 10px !important;
      vertical-align: top; } }

.w-mypage-coupon__complete-title {
  color: #333;
  margin-top: 40px;
  font-size: 17px; }

.w-mypage-coupon__complete-title-coupon-name {
  display: inline-block;
  color: #00c73c;
  margin-right: 8px;
  font-weight: 700; }

.w-mypage__contents-table-info-coupon {
  margin-top: 23px; }

.w-mypage-account {
  margin-top: 20px; }
  @media (min-width: 1024px) {
    .w-mypage-account {
      margin-top: 40px; } }

.w-mypage__input {
  padding-bottom: 20px;
  border-bottom: 1px solid #eee; }
  @media (min-width: 1024px) {
    .w-mypage__input {
      padding-bottom: 40px; } }

.w-mypage__input-error {
  color: red;
  padding-left: 120px;
  padding-top: 8px; }

.w-mypage__input-content-inquiry-wrap {
  margin-top: 20px; }

.w-mypage__input-row:not(:first-child) {
  margin-top: 20px; }

@media (min-width: 1024px) {
  .w-mypage__input-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }

.w-mypage__input-label {
  line-height: 46px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }
  .w-mypage__input-label span {
    position: relative;
    display: inline-block;
    color: #555;
    font-size: 15px; }
    .w-mypage__input-label span.w-mypage__input-label--required {
      padding-left: 10px; }
      .w-mypage__input-label span.w-mypage__input-label--required:before {
        content: '*';
        position: absolute;
        color: #ff761b;
        left: 0;
        top: 3px; }
    .w-mypage__input-label span.w-mypage__input-label--inrequired {
      padding-left: 10px; }
    @media screen and (max-width: 1024px) {
      .w-mypage__input-label span.mobile--remove {
        display: none; } }
  @media (min-width: 1024px) {
    .w-mypage__input-label {
      width: 106px; } }

.w-mypage-content-description {
  color: #888888;
  font-size: 14px;
  position: relative;
  margin-bottom: 20px; }

.w-mypage__input-value {
  position: relative; }
  .w-mypage__input-value input[type='email'],
  .w-mypage__input-value input[type='text'],
  .w-mypage__input-value input[type='password'],
  .w-mypage__input-value select,
  .w-mypage__input-value textarea {
    display: block;
    color: #555;
    width: 100%;
    height: 46px;
    padding: 0 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px; }
  .w-mypage__input-value textarea {
    padding: 15px;
    height: 275px;
    resize: none; }
  .w-mypage__input-value textarea + div {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    padding: 16px 17px 0;
    font-size: 16px;
    letter-spacing: -0.35px;
    font-weight: 300;
    color: #888888; }
  .w-mypage__input-value.checkbox {
    text-align: center; }
  .w-mypage__input-value input[type='file'] {
    display: none; }
    .w-mypage__input-value input[type='file']:disabled + label {
      background-color: #ddd;
      color: #7f7f7f; }
  .w-mypage__input-value .w-mypage__input-value-file {
    flex: 1;
    display: flex;
    width: 100%;
    height: 46px;
    padding: 0 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    align-items: center;
    font-weight: normal;
    letter-spacing: -0.53px;
    color: #00c73c;
    cursor: pointer; }
    .w-mypage__input-value .w-mypage__input-value-file.label {
      justify-content: center;
      width: 100%; }
    .w-mypage__input-value .w-mypage__input-value-file.value {
      justify-content: space-between; }
    .w-mypage__input-value .w-mypage__input-value-file .w-mypage__input-button_delete {
      display: inline-block;
      width: 24px;
      height: 24px;
      background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/icons/ico-popup-close.png") no-repeat center center;
      background-size: contain;
      flex-shrink: 0; }
  @media (min-width: 1024px) {
    .w-mypage__input-value {
      width: calc(100% - 126px);
      margin-left: 12px; }
      .w-mypage__input-value input[type='email']:not(.w-mypage__input-full),
      .w-mypage__input-value input[type='text']:not(.w-mypage__input-full),
      .w-mypage__input-value input[type='password']:not(.w-mypage__input-full),
      .w-mypage__input-value select:not(.w-mypage__input-full) {
        width: 260px; }
      .w-mypage__input-value textarea {
        width: 100%; } }
  .w-mypage__input-value > input:read-only,
  .w-mypage__input-value textarea:read-only {
    background-color: #ddd; }
  .w-mypage__input-value select {
    color: #555; }
  .w-mypage__input-value.file-box {
    margin: 0;
    width: 100%;
    flex: 1; }

.w-mypage__input-value-wrap-file {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column; }

.w-mypage__input-desc {
  display: block;
  color: #b7b7b7;
  margin-top: 10px;
  font-size: 14px; }
  @media (min-width: 1600px) {
    .w-mypage__input-desc {
      display: inline-block;
      margin-top: 0;
      margin-left: 22px;
      line-height: 46px;
      vertical-align: top; } }

.w-mypage__input-desc-point {
  color: #00c73c; }

.w-mypage-side__contents-table-info-item {
  height: 32px; }

.w-mypage-side__contents-table-info-label {
  display: table-cell;
  width: 94px;
  color: #888;
  font-size: 15px;
  vertical-align: middle; }

.w-mypage-side__contents-table-info-value {
  display: table-cell;
  color: #555;
  width: calc(100% - 94px);
  font-size: 15px;
  letter-spacing: -0.8px;
  vertical-align: middle; }

.w-mypage-guide {
  margin-top: 36px; }
  .w-mypage-guide + :not(:first-child) {
    margin-top: 30px; }

.w-mypage-guide__title {
  color: #555;
  text-align: center;
  font-size: 20px; }

.w-mypage-guide__thumbnail {
  margin-top: 15px;
  text-align: center; }

.w-mypage-guide__thumbnail-img {
  max-width: 100%; }

.w-mypage__contents .w-mypage--change-password-info {
  color: #555;
  border: 1px solid #ddd;
  padding: 16px;
  border-radius: 6px;
  margin-top: 16px; }
  .w-mypage__contents .w-mypage--change-password-info p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.4; }
    .w-mypage__contents .w-mypage--change-password-info p:last-child {
      margin-bottom: 0; }

@media (min-width: 1024px) {
  .w-mypage__contents .w-mypage__input-label {
    width: 150px; } }

.w-support__contents .w-support__contents-info {
  color: #555;
  border: 1px solid #ddd;
  padding: 16px;
  border-radius: 6px; }
  .w-support__contents .w-support__contents-info p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.4; }
  .w-support__contents .w-support__contents-info h2 {
    font-size: 20px;
    margin-top: 8px;
    margin-bottom: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd; }
  .w-support__contents .w-support__contents-info strong {
    color: #00c73c; }
  .w-support__contents .w-support__contents-info .title,
  .w-support__contents .w-support__contents-info .sub-title,
  .w-support__contents .w-support__contents-info .title-description {
    color: #00c73c;
    line-height: 1.4; }
  .w-support__contents .w-support__contents-info .title {
    font-size: 26px;
    font-weight: 700; }
  .w-support__contents .w-support__contents-info .sub-title {
    font-size: 18px;
    font-weight: 700; }
  .w-support__contents .w-support__contents-info .title-description {
    border-bottom: 1px solid #00c73c;
    padding: 18px 0;
    margin-bottom: 18px; }
  .w-support__contents .w-support__contents-info .desc-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 24px; }
  .w-support__contents .w-support__contents-info .desc-sub-title {
    font-size: 14px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 16px; }
  .w-support__contents .w-support__contents-info .desc-text {
    margin-bottom: 16px; }

.w-mypage-event-comment_wrapper {
  position: relative;
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px; }

.w-search {
  margin: 30px 0 60px; }
  @media (min-width: 640px) {
    .w-search {
      margin: 78px 0 120px; } }

.w-search__search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 20px; }
  @media (min-width: 640px) {
    .w-search__search-box {
      margin-bottom: 60px; } }

.w-search__search-button {
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-search-large.png");
  background-size: 24px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  width: 27px;
  height: 27px;
  border: none; }
  @media (min-width: 640px) {
    .w-search__search-button {
      margin-top: 3px;
      background-size: 27px; } }
  @media (max-width: 640px) {
    .w-search__search-button {
      width: 18px;
      height: 18px;
      background-size: 100% 100%; } }

.search-text-prime {
  font-size: 15px; }
  @media (min-width: 640px) {
    .search-text-prime {
      font-size: 30px; } }

.search-text-prime.margin1vw {
  margin-left: 1vw; }

.w-search__search-input {
  max-width: 68vw;
  display: inline-block;
  padding: 0;
  border: none;
  color: #333333;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .w-search__search-input::-webkit-input-placeholder {
    color: #b7b7b7; }
  .w-search__search-input:-ms-input-placeholder {
    color: #b7b7b7; }
  .w-search__search-input::-ms-input-placeholder {
    color: #b7b7b7; }
  .w-search__search-input::placeholder {
    color: #b7b7b7; }
  .w-search__search-input:-ms-input-placeholder {
    color: #b7b7b7; }
  .w-search__search-input::-ms-input-placeholder {
    color: #b7b7b7; }
  @media (min-width: 640px) {
    .w-search__search-input {
      font-size: 30px; } }

.w-search__result {
  border-top: 1px solid #cecece; }

.w-search__result-class {
  margin-top: 20px; }
  @media (min-width: 640px) {
    .w-search__result-class {
      margin-top: 40px; } }

.w-search__result-class-grid, .w-search__result-class-grid--active {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-gap: 20px;
  margin-bottom: 20px; }
  @media (min-width: 500px) and (max-width: 767px) {
    .w-search__result-class-grid, .w-search__result-class-grid--active {
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: 1fr 20px 1fr; } }
  @media (min-width: 768px) and (max-width: 1599px) {
    .w-search__result-class-grid, .w-search__result-class-grid--active {
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr; } }
  @media (min-width: 1600px) {
    .w-search__result-class-grid, .w-search__result-class-grid--active {
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; } }

.w-search__result-class-grid--active .w-search__result-class-grid-item {
  display: block; }

.w-search__result-class-grid-item {
  display: none; }
  @media (max-width: 767px) {
    .w-search__result-class-grid-item:nth-child(1), .w-search__result-class-grid-item:nth-child(2), .w-search__result-class-grid-item:nth-child(3), .w-search__result-class-grid-item:nth-child(4) {
      display: block; } }
  @media (min-width: 768px) and (max-width: 1599px) {
    .w-search__result-class-grid-item:nth-child(1), .w-search__result-class-grid-item:nth-child(2), .w-search__result-class-grid-item:nth-child(3), .w-search__result-class-grid-item:nth-child(4), .w-search__result-class-grid-item:nth-child(5), .w-search__result-class-grid-item:nth-child(6) {
      display: block; } }
  @media (min-width: 1600px) {
    .w-search__result-class-grid-item:nth-child(1), .w-search__result-class-grid-item:nth-child(2), .w-search__result-class-grid-item:nth-child(3), .w-search__result-class-grid-item:nth-child(4), .w-search__result-class-grid-item:nth-child(5), .w-search__result-class-grid-item:nth-child(6), .w-search__result-class-grid-item:nth-child(7), .w-search__result-class-grid-item:nth-child(8) {
      display: block; } }

.w-search__result-audio {
  margin-top: 20px; }
  @media (min-width: 640px) {
    .w-search__result-audio {
      margin-top: 40px; } }

.w-search__result-none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.w-search__result-text {
  font-size: 16px;
  color: #555555; }

.w-search__sort {
  margin-bottom: 20px; }

.w-membership-container {
  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;
  margin: 0 20px; }
  @media (min-width: 1024px) {
    .w-membership-container {
      width: 1170px;
      height: 100%;
      margin: 0 auto; } }

.w-membership__content {
  padding: 50px 0; }
  @media (min-width: 1024px) {
    .w-membership__content {
      padding: 100px 0; } }

.w-membership__name-title {
  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-align: center;
  -ms-flex-align: center;
  align-items: center; }

.w-membership__name-h3 {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
  color: #333333; }
  @media (min-width: 1024px) {
    .w-membership__name-h3 {
      font-size: 36px; } }

.w-membership__name-text {
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1.25em;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  color: #888888; }
  @media (min-width: 1024px) {
    .w-membership__name-text {
      line-height: 1.65em;
      margin-top: 20px;
      font-size: 17px; } }

.w-membership__sort {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-gap: 25px; }
  @media (min-width: 1024px) {
    .w-membership__sort {
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-columns: 1fr 25px 1fr 25px 1fr;
      margin-top: 57px;
      margin-bottom: 48px; } }
  @media (max-width: 1024px) {
    .w-membership__sort {
      margin: 18px 0;
      border-radius: 5px;
      overflow: hidden;
      text-align: left; } }

.w-membership__membership {
  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-align: center;
  -ms-flex-align: center;
  border: 1px solid #dddddd; }
  @media screen and (max-width: 1024px) {
    .w-membership__membership {
      border-radius: 1.389vw; } }

.w-membership__membership-head {
  display: -webkit-box;
  display: -ms-flexbox;
  flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  height: 260px;
  overflow: hidden; }
  @media screen and (min-width: 1024px) {
    .w-membership__membership-head {
      -webkit-box-align: center;
      -ms-flex-align: center;
      width: 370px;
      height: 364px; } }
  @media screen and (max-width: 1024px) {
    .w-membership__membership-head {
      height: 41.389vw; } }

.w-membership__membership-image {
  width: 84px;
  height: 60px; }

@media screen and (max-width: 1024px) {
  .membership-price-wrapper {
    display: inline-block;
    float: right;
    margin-right: 4.167vw;
    margin-top: 2.222vw; } }

@media screen and (max-width: 1024px) {
  .membership-sale-price-wrapper {
    display: inline-block; } }

.w-membership__membership-origin-price {
  height: 33px;
  font-family: Roboto;
  font-size: 22px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #e0e0e0;
  text-decoration: line-through; }
  @media (min-width: 1024px) {
    .w-membership__membership-origin-price {
      margin-top: 22px; } }
  @media (max-width: 1024px) {
    .w-membership__membership-origin-price {
      width: 17.778vw;
      height: 5.278vw;
      font-size: 3.611vw;
      font-family: 'Noto Sans KR', sans-serif;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 3.611vw;
      letter-spacing: -0.194vw;
      color: #ffffff;
      display: inline-block; } }

.membership-unit-text {
  width: 19px;
  height: 29px;
  font-size: 20px;
  font-family: 'Noto Sans KR', sans-serif;
  text-align: center;
  color: #ffffff; }
  @media (max-width: 1024px) {
    .membership-unit-text {
      font-size: 3.333vw;
      font-family: 'Noto Sans KR', sans-serif;
      font-weight: 500;
      margin-right: 0.833vw;
      color: #ffffff; } }

.w-membership__membership-sale-price {
  margin: 0 5px;
  width: 90px;
  height: 42px;
  font-family: Roboto;
  font-size: 26px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  text-align: center;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-membership__membership-sale-price {
      font-size: 44px; } }
  @media (max-width: 1024px) {
    .w-membership__membership-sale-price {
      margin: 0;
      width: 17.222vw;
      height: 8.333vw;
      font-size: 7.222vw;
      font-weight: 500;
      letter-spacing: -0.167vwpx;
      color: #ffffff;
      margin-right: 0.833vw; } }

.w-membership__membership-body {
  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-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 1024px) {
    .w-membership__membership-body {
      display: none; } }
  @media (min-width: 1024px) {
    .w-membership__membership-body {
      height: 247px;
      width: 100%;
      background-color: #ffffff; } }

.mobile-membership-text {
  height: 8.889vw;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 3.333vw;
  line-height: 3.933vw !important;
  letter-spacing: -0.5px;
  color: #ffffff;
  margin: 2.778vw 0 2.778vw 4.028vw; }
  @media screen and (min-width: 1024px) {
    .mobile-membership-text {
      display: none; } }

.w-membership__membership-text1 {
  height: 74px;
  font-size: 24px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.9px;
  text-align: center;
  color: #333333;
  margin-top: 42px; }

.w-membership__membership-text2 {
  height: 53px;
  font-size: 16px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.6px !important;
  text-align: center;
  color: #666666;
  margin-top: 10px; }

.w-membership__membership-text--small {
  font-size: 12px; }
  @media (min-width: 1024px) {
    .w-membership__membership-text--small {
      font-size: 14px; } }

@media screen and (max-width: 1024px) {
  .membership-button-upper-border {
    width: 92%;
    height: 0.278vw;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 auto; } }

.w-membership__membership-campus-button, .w-membership__membership-book-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 12px;
  background-color: #cccccc;
  border: none;
  font-size: 26px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.8px;
  text-align: center;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-membership__membership-campus-button, .w-membership__membership-book-button {
      height: 70px; } }
  @media (max-width: 1024px) {
    .w-membership__membership-campus-button, .w-membership__membership-book-button {
      background-color: inherit;
      height: 11.944vw; } }

.w-membership__membership-button-text {
  font-size: 4.444vw;
  font-weight: bold;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-membership__membership-button-text {
      font-size: 26px; } }

.w-membership__membership-button-icon {
  width: 3.889vw;
  height: 3.889vw;
  margin-left: 1.389vw; }
  @media (min-width: 1024px) {
    .w-membership__membership-button-icon {
      width: 24px;
      height: 24px;
      margin-bottom: 2px; } }

.w-membership__membership-title-book {
  height: 56px;
  font-size: 38px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: bold;
  letter-spacing: -1px;
  text-align: center;
  color: #ffffff;
  margin: 63px auto 21px; }
  .w-membership__membership-title-book > strong {
    display: block; }
  @media screen and (max-width: 1024px) {
    .w-membership__membership-title-book {
      font-size: 7.778vw;
      line-height: 7.778vw;
      letter-spacing: -1.1px;
      font-weight: 300;
      color: #ffffff;
      margin: 4.167vw 0 0 0;
      padding-left: 4.167vw;
      text-align: left;
      height: 8.333vw;
      width: 100%; } }

.w-membership__membership-book-button:hover {
  background: inherit; }

.w-membership__rule {
  position: relative;
  padding-left: 12px;
  margin: 0;
  list-style: none; }

.w-membership__rule-item {
  line-height: 1.5em;
  font-size: 12px;
  font-weight: 300;
  color: #888888; }
  .w-membership__rule-item:before {
    content: '-';
    position: absolute;
    left: 0; }
  @media (min-width: 1024px) {
    .w-membership__rule-item {
      line-height: 2;
      font-size: 14px; } }

.w-container__membership-purchase-inner {
  margin-bottom: 120px; }
  @media (max-width: 1599px) and (min-width: 1024px) {
    .w-container__membership-purchase-inner {
      width: 1000px; } }
  @media (min-width: 1600px) {
    .w-container__membership-purchase-inner {
      width: 1070px; } }

.w-membership__purchase-product {
  color: #555;
  padding: 0 29px;
  border: 3px solid #969696;
  font-size: 15px;
  line-height: 1.8;
  display: table;
  width: 100%; }
  .w-membership__purchase-product .w-row {
    position: relative;
    display: table-row;
    margin-bottom: 8px; }
  .w-membership__purchase-product .label {
    position: relative;
    font-size: 15px;
    display: table-cell;
    width: 106px;
    color: #555; }
  .w-membership__purchase-product .detail {
    position: relative;
    display: table-cell; }
  @media (min-width: 641px) {
    .w-membership__purchase-product {
      margin-top: 24px;
      padding: 36px 76px; } }
  @media (max-width: 640px) {
    .w-membership__purchase-product {
      margin: 18px 0 0 0;
      padding: 20px; }
      .w-membership__purchase-product .w-row {
        display: block;
        margin-bottom: 12px; }
      .w-membership__purchase-product .label {
        display: block; }
      .w-membership__purchase-product .detail {
        display: block;
        line-height: 1.4;
        padding-left: 8px; } }

.w-membership__purchase-product-info {
  display: block; }
  .w-membership__purchase-product-info span {
    font-size: 18px;
    font-weight: 700;
    color: #00c73c; }
  @media (min-width: 640px) {
    .w-membership__purchase-product-info {
      display: inline-block; } }

.w-membership__purchase-product-price {
  display: block; }
  .w-membership__purchase-product-price span {
    color: #00c73c;
    font-size: 18px;
    font-weight: 700;
    margin-right: 8px; }
    .w-membership__purchase-product-price span.w-membership__purchase-product-list-price {
      color: #555;
      text-decoration: line-through;
      font-size: 15px; }
  .w-membership__purchase-product-price strong {
    font-size: 20px;
    font-weight: 700;
    color: #00c73c; }
  @media (min-width: 640px) {
    .w-membership__purchase-product-price {
      display: inline-block; } }

.w-membership__purchase-form {
  margin-top: 20px;
  padding: 40px 60px 60px;
  border: 1px solid #ddd; }
  @media (max-width: 768px) {
    .w-membership__purchase-form {
      padding: 40px 10px 20px; }
      .w-membership__purchase-form input[name='promo_code'] {
        padding: 0 5px !important; } }

.w-membership__purchase-form-description {
  font-size: 15px;
  color: #555;
  list-style: none;
  padding-left: 12px;
  position: relative;
  margin-bottom: 28px; }
  .w-membership__purchase-form-description li {
    line-height: 1.5em;
    margin-bottom: 8px; }
    .w-membership__purchase-form-description li:before {
      content: '-';
      position: absolute;
      left: 0; }
  .w-membership__purchase-form-description strong {
    color: #00c73c; }
  .w-membership__purchase-form-description__bottom {
    margin-top: 36px; }

.w-membership__purchase-form-title {
  display: block;
  color: #333;
  margin-bottom: 20px;
  padding-bottom: 11px;
  border-bottom: 1px solid #ddd;
  font-size: 24px;
  font-weight: 700; }
  @media (min-width: 1024px) {
    .w-membership__purchase-form-title {
      margin-bottom: 40px;
      padding-bottom: 21px; } }

.w-membership__purchase-form-input:not(:first-child) {
  margin-top: 34px; }
  @media (min-width: 1024px) {
    .w-membership__purchase-form-input:not(:first-child) {
      margin-top: 69px; } }

.w-membership__purchase-form-row {
  padding: 0 10px; }
  .w-membership__purchase-form-row:not(:first-child) {
    margin-top: 20px; }
  @media (min-width: 1024px) {
    .w-membership__purchase-form-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding: 0 20px; } }

.w-membership__purchase-form-input-label {
  color: #555;
  font-size: 15px;
  line-height: 46px; }
  @media (min-width: 1024px) {
    .w-membership__purchase-form-input-label {
      width: 106px; } }

.w-membership__purchase-form-input-value {
  color: #555;
  font-size: 15px;
  line-height: 46px; }
  .w-membership__purchase-form-input-value input[type='email'],
  .w-membership__purchase-form-input-value input[type='text'],
  .w-membership__purchase-form-input-value input[type='password'],
  .w-membership__purchase-form-input-value select,
  .w-membership__purchase-form-input-value textarea {
    width: 100%;
    height: 46px;
    padding: 0 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px; }
    .w-membership__purchase-form-input-value input[type='email']::-webkit-input-placeholder,
    .w-membership__purchase-form-input-value input[type='text']::-webkit-input-placeholder,
    .w-membership__purchase-form-input-value input[type='password']::-webkit-input-placeholder,
    .w-membership__purchase-form-input-value select::-webkit-input-placeholder,
    .w-membership__purchase-form-input-value textarea::-webkit-input-placeholder {
      color: #b7b7b7;
      opacity: 1; }
    .w-membership__purchase-form-input-value input[type='email']:-ms-input-placeholder,
    .w-membership__purchase-form-input-value input[type='text']:-ms-input-placeholder,
    .w-membership__purchase-form-input-value input[type='password']:-ms-input-placeholder,
    .w-membership__purchase-form-input-value select:-ms-input-placeholder,
    .w-membership__purchase-form-input-value textarea:-ms-input-placeholder {
      color: #b7b7b7;
      opacity: 1; }
    .w-membership__purchase-form-input-value input[type='email']::-ms-input-placeholder,
    .w-membership__purchase-form-input-value input[type='text']::-ms-input-placeholder,
    .w-membership__purchase-form-input-value input[type='password']::-ms-input-placeholder,
    .w-membership__purchase-form-input-value select::-ms-input-placeholder,
    .w-membership__purchase-form-input-value textarea::-ms-input-placeholder {
      color: #b7b7b7;
      opacity: 1; }
    .w-membership__purchase-form-input-value input[type='email']::placeholder,
    .w-membership__purchase-form-input-value input[type='text']::placeholder,
    .w-membership__purchase-form-input-value input[type='password']::placeholder,
    .w-membership__purchase-form-input-value select::placeholder,
    .w-membership__purchase-form-input-value textarea::placeholder {
      color: #b7b7b7;
      opacity: 1; }
    .w-membership__purchase-form-input-value input[type='email']:-ms-input-placeholder,
    .w-membership__purchase-form-input-value input[type='text']:-ms-input-placeholder,
    .w-membership__purchase-form-input-value input[type='password']:-ms-input-placeholder,
    .w-membership__purchase-form-input-value select:-ms-input-placeholder,
    .w-membership__purchase-form-input-value textarea:-ms-input-placeholder {
      color: #b7b7b7; }
    .w-membership__purchase-form-input-value input[type='email']::-ms-input-placeholder,
    .w-membership__purchase-form-input-value input[type='text']::-ms-input-placeholder,
    .w-membership__purchase-form-input-value input[type='password']::-ms-input-placeholder,
    .w-membership__purchase-form-input-value select::-ms-input-placeholder,
    .w-membership__purchase-form-input-value textarea::-ms-input-placeholder {
      color: #b7b7b7; }
  .w-membership__purchase-form-input-value input[type='password'] {
    width: 49px; }
  .w-membership__purchase-form-input-value.w-membership__purchase-form-input-value-month input[type='text'] {
    width: 79px;
    padding-right: 21px;
    text-align: right; }
  .w-membership__purchase-form-input-value.w-membership__purchase-form-input-value-month span {
    display: inline-block;
    margin: 0 20px; }
  .w-membership__purchase-form-input-value .w-membership__purchase-form-input-value-astrisk {
    display: inline-block;
    margin-left: 11px;
    -webkit-transform: translateY(3px);
    transform: translateY(3px); }
  .w-membership__purchase-form-input-value.w-membership__purchase-form-input-value-birth input[type='text'] {
    width: 39px; }
    .w-membership__purchase-form-input-value.w-membership__purchase-form-input-value-birth input[type='text']:first-of-type {
      width: 89px; }
  .w-membership__purchase-form-input-value.w-membership__purchase-form-input-value-birth .w-membership__purchase-form-input-value-birth-hyphen {
    display: inline-block;
    margin: 0 10px; }
  .w-membership__purchase-form-input-value.w-membership__purchase-form-input-value-birth .w-membership__purchase-form-input-value-birth-desc {
    display: block;
    color: #b7b7b7;
    margin-top: 16px;
    line-height: 1; }
    @media (min-width: 1024px) {
      .w-membership__purchase-form-input-value.w-membership__purchase-form-input-value-birth .w-membership__purchase-form-input-value-birth-desc {
        display: inline-block;
        margin-top: 0;
        margin-left: 12px;
        line-height: inherit; } }
  @media (min-width: 1024px) {
    .w-membership__purchase-form-input-value {
      width: calc(100% - 112px); }
      .w-membership__purchase-form-input-value input[type='email'],
      .w-membership__purchase-form-input-value input[type='text'],
      .w-membership__purchase-form-input-value select {
        width: 260px; } }

.w-membership__purchase-form-user-info {
  display: inline-block;
  width: auto; }
  @media screen and (min-width: 768px) {
    .w-membership__purchase-form-user-info {
      max-width: 350px; } }

.w-membership__purchase-form-input-button {
  display: inline-flex;
  width: 49px;
  height: 29px;
  border-radius: 6px;
  background-color: #00c73c;
  margin-left: 10px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.47px;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .w-membership__purchase-form-input-button.off {
    display: none; }

.w-membership__purchase-form-input-required {
  color: red; }

.w-membership__purchase-form-cost {
  color: #555;
  margin-top: 57px;
  padding: 10px 14px;
  border: 3px solid #a2d9c3;
  text-align: right;
  font-size: 15px;
  line-height: 29px;
  margin-bottom: 34px; }
  @media (min-width: 640px) {
    .w-membership__purchase-form-cost {
      margin-bottom: 45px;
      padding: 0 29px;
      line-height: 79px; } }
  .w-membership__purchase-form-cost .w-membership__purchase-form-cost-value {
    display: inline-block;
    color: #ff761b;
    margin-left: 19px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    vertical-align: middle; }
    .w-membership__purchase-form-cost .w-membership__purchase-form-cost-value .w-membership__purchase-form-cost-value-unit {
      font-size: 14px; }

.w-membership-btn__purchase {
  margin-top: 62px;
  text-align: center; }
  @media (max-width: 640px) {
    .w-membership-btn__purchase button {
      display: block;
      width: 100%; } }

.w-membership__infomation {
  margin-bottom: 40px;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  color: #00c73c; }

@media (min-width: 768px) {
  .w-membership__purchase-form-coupon-num {
    width: calc(260px + 5em) !important; } }

.w-input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%; }
  .w-input-group > input.w-form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
  .w-input-group .w-input-group-append {
    margin-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .w-input-group .w-input-group-append button {
      position: relative;
      z-index: 2;
      width: 5em;
      padding: 0; }

@media screen and (max-width: 1024px) {
  .membership-discount {
    display: inline-block; } }

.membership-discount .membership-discount-arrow {
  width: 48px;
  height: 48px;
  object-fit: contain; }
  @media screen and (max-width: 1024px) {
    .membership-discount .membership-discount-arrow {
      width: 7.778vw;
      height: 7.778vw;
      margin-left: 2.222vw; } }

.membership-discount .membership-discount-ratio {
  width: 79px;
  height: 54px;
  font-family: Roboto;
  font-size: 70px;
  font-weight: bold;
  line-height: 0.77;
  letter-spacing: -2px;
  text-align: center;
  color: #ffffff; }
  @media screen and (max-width: 1024px) {
    .membership-discount .membership-discount-ratio {
      width: 12.778vw;
      height: 9.167vw;
      font-size: 11.667vw;
      line-height: 11.667vw;
      letter-spacing: -0.333vw;
      margin-right: 0.833vw; } }

.membership-discount .membership-discount-percent {
  width: 26px;
  height: 20px;
  font-family: Roboto;
  font-size: 36px;
  line-height: 0.56;
  letter-spacing: -0.8px;
  text-align: center;
  color: #ffffff; }
  @media screen and (max-width: 1024px) {
    .membership-discount .membership-discount-percent {
      width: 4.444vw;
      height: 3.333vw;
      font-size: 6vw;
      line-height: 6vw;
      letter-spacing: -0.139vw; } }
  @media screen and (max-width: 410px) {
    .membership-discount .membership-discount-percent {
      margin-right: 0; } }

.body-modal-open {
  overflow: hidden;
  padding-right: var(--scrollbar-width); }

.modal {
  position: fixed;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000; }

.modal__close-button {
  position: absolute;
  right: 8px;
  top: 8px;
  background: transparent;
  border: none;
  font-size: 20px;
  font-weight: bold; }

@media (max-width: 1023px) {
  .modal__mobile-full {
    padding: 0; } }

.modal__backdrop {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0; }

.modal__backdrop--deep-dark {
  background: rgba(0, 0, 0, 0.6); }

.modal__container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  min-height: 100%;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  position: fixed;
  width: 100%;
  height: 100%; }
  @media screen and (max-width: 1024px) {
    .modal__container {
      position: absolute; } }

.modal__container-inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 45px 40px;
  z-index: 2001; }
  @media (max-width: 640px) {
    .modal__container-inner {
      padding: 45px 20px; } }

.modal__content {
  width: 440px;
  height: auto;
  background: #fff;
  margin: 0 auto;
  padding: 45px 40px;
  position: relative; }
  @media (max-width: 640px) {
    .modal__content {
      width: 100%; } }

.modal__footer-btn {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-gap: 10px; }
  @media (min-width: 640px) {
    .modal__footer-btn {
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: 1fr 10px 1fr; } }

.modal__footer-btn-one {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr; }

.modal__body p {
  margin-bottom: 1em; }

.modal__body-logout {
  color: #555;
  padding: 33px 0 54px;
  text-align: center;
  font-size: 16px; }

.modal__body-more {
  color: #555;
  text-align: center;
  font-size: 14px; }

.modal__title {
  text-align: center; }

.modal__container-inner-player-box {
  position: absolute;
  width: 100%;
  min-height: 100%;
  background: #2a2c31;
  padding: 0;
  top: 0; }
  @media (min-width: 1024px) {
    .modal__container-inner-player-box {
      position: relative;
      width: 924px;
      min-height: auto;
      top: inherit; } }
  @media (min-width: 1280px) {
    .modal__container-inner-player-box {
      width: 1150px; } }

.modal__head-player-box {
  position: relative;
  padding: 18px 10px 18px 50px; }
  @media (min-width: 1024px) {
    .modal__head-player-box {
      padding: 25px 28px 28px; } }

.modal__head-player-my {
  display: none; }
  @media (min-width: 1024px) {
    .modal__head-player-my {
      display: block; }
      .modal__head-player-my + .modal__head-player-title {
        margin-top: 15px; } }

.modal__head-player-my-badge {
  display: inline-block;
  color: #fff;
  padding: 0 13px;
  border: 1px solid #f8f8f8;
  border-radius: 13px;
  font-size: 14px;
  line-height: 23px; }
  .modal__head-player-my-badge:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 11px;
    margin-right: 9px;
    background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-player-my-badge.png);
    background-repeat: no-repeat;
    background-position: center; }

.modal__head-player-my-progress {
  display: inline-block;
  color: #b7b7b7;
  margin-left: 10px;
  font-size: 16px;
  line-height: 25px; }

.modal__head-player-my-remain {
  display: inline-block;
  color: #666;
  margin-left: 18px;
  font-size: 16px;
  line-height: 25px; }

.modal__head-player-title {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (min-width: 1024px) {
    .modal__head-player-title {
      font-size: 26px;
      font-weight: 700;
      line-height: 1; } }

.modal__head-player-headline {
  display: inline-block;
  width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.modal__head-player-session-title {
  display: none; }
  @media (min-width: 1024px) {
    .modal__head-player-session-title {
      display: inline-block;
      color: #00c73c;
      max-width: calc(100% - 30px);
      margin-left: 2px;
      font-size: 18px;
      font-weight: 400;
      vertical-align: middle;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .modal__head-player-session-title span {
        display: inline-block;
        margin-right: 11px; } }

.modal__head-player-close {
  position: absolute;
  left: 20px;
  top: 18px; }
  @media (min-width: 1024px) {
    .modal__head-player-close {
      top: 20px;
      left: auto;
      right: 29px; } }

.modal__head-player-close-btn {
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-player-modal-mobile-close.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  border: none;
  font-size: 0;
  vertical-align: top; }
  @media (min-width: 1024px) {
    .modal__head-player-close-btn {
      width: 24px;
      height: 24px;
      margin-left: 29px;
      background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-player-modal-close.png);
      background-size: 24px; } }

.modal__head-player-close-rating {
  display: none; }
  @media (min-width: 1024px) {
    .modal__head-player-close-rating {
      display: inline-block;
      color: #00c73c;
      height: 25px;
      padding: 0 10px;
      background: transparent;
      border: 1px solid #00c73c;
      border-radius: 3px;
      font-size: 14px;
      line-height: 23px; }
      .modal__head-player-close-rating .dv-star-rating {
        margin-left: 10px;
        line-height: 1;
        vertical-align: middle; } }

.modal__head-player-class-preview-playing {
  padding: 8px;
  color: #fff;
  text-align: center; }

.modal__body-player-box {
  border-top: 1px solid #3e3f40; }
  @media (min-width: 1024px) {
    .modal__body-player-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: 500px;
      max-height: calc(100vh - 180px);
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding: 20px 23px 23px 18px; } }

.modal__body-player {
  margin: auto;
  position: relative; }
  @media (min-width: 1024px) {
    .modal__body-player {
      width: calc(100% - 540px); } }
  .modal__body-player #player {
    min-height: calc(100vw * 0.75); }
    @media (min-width: 1024px) {
      .modal__body-player #player {
        min-height: 220px; } }
    .modal__body-player #player .bitmovinplayer-poster {
      background-size: initial;
      background-position: center;
      background-repeat: no-repeat; }
      @media screen and (max-width: 1279px) {
        .modal__body-player #player .bitmovinplayer-poster {
          background-size: contain; } }

.modal__body-play-list-box {
  padding: 20px; }
  @media (min-width: 1024px) {
    .modal__body-play-list-box {
      width: 540px;
      min-height: 456px;
      max-height: calc(100vh - 223px);
      padding-top: 8px; } }

.modal__body-play-list-title {
  color: #fff;
  font-size: 16px; }

.modal__body-play-list-info {
  display: inline-block;
  margin-left: 16px;
  font-size: 14px; }

.modal__body-play-list-info--bold {
  color: #00c73c; }

@media (min-width: 1024px) {
  .modal__body-play-list {
    max-height: calc(100vh - 247px);
    margin-top: 5px;
    overflow-x: hidden;
    overflow-y: auto; } }

.modal__body-play-list-item {
  position: relative;
  min-height: 136px;
  padding: 10px 0;
  border-bottom: 1px solid #3e3f40; }

.modal__body-play-list-item-inner {
  padding: 10px; }
  @media (min-width: 640px) {
    .modal__body-play-list-item-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }

.modal__body-play-list-item-inner-active {
  border: 1px solid #00c73c; }

.modal__body-play-list-item-cover {
  position: relative; }
  @media (min-width: 640px) {
    .modal__body-play-list-item-cover {
      width: 210px; } }

.modal__body-play-list-item-cover-image {
  position: relative;
  width: 100%;
  padding-top: 43.333333%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .modal__body-play-list-item-cover-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    left: 0;
    top: 0; }

.modal__body-play-list-item-view {
  position: absolute;
  color: #ddd;
  background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-view-light-gray.png);
  line-height: 12px;
  left: 14px;
  bottom: 10px; }

.modal__body-play-list-item-play {
  position: absolute;
  right: 17px;
  bottom: 8px; }

.modal__body-play-list-item-info {
  margin-top: 10px; }
  @media (min-width: 640px) {
    .modal__body-play-list-item-info {
      width: calc(100% - 228px);
      margin-top: 0;
      margin-left: 18px; } }

.modal__body-play-list-item-info-title {
  color: #ddd;
  margin-top: 5px;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .modal__body-play-list-item-info-title span {
    display: inline-block;
    margin-right: 12px; }
  .modal__body-play-list-item-inner-active .modal__body-play-list-item-info-title {
    color: #666; }

.modal__body-play-list-item-info-time {
  color: #888;
  margin-top: 13px;
  font-size: 13px; }

.modal__body-play-list-item-pre-play {
  color: #fff;
  min-width: 81px;
  height: 25px;
  margin-top: 14px;
  padding: 0 10px;
  background: #00c73c;
  border: none;
  border-radius: 3px; }

.modal_body-audiobook-play-list-item .modal__body-play-list-item-cover {
  position: absolute;
  bottom: 12px;
  right: 0; }
  @media (min-width: 640px) {
    .modal_body-audiobook-play-list-item .modal__body-play-list-item-cover {
      width: 210px; } }

.modal-rating {
  z-index: 2100; }

.modal__container-inner-rating {
  width: 260px;
  padding: 0;
  background: #fff; }

.modal__head-rating {
  position: relative;
  padding: 22px 40px 0; }

.modal__head-rating-title {
  color: #333;
  text-align: center;
  font-size: 18px;
  font-weight: 700; }

.modal__head-rating-close {
  position: absolute;
  top: 15px;
  right: 15px; }

.modal__head-rating-close-btn {
  width: 15px;
  height: 15px;
  background-color: transparent;
  background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-rating-modal-close.png);
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  font-size: 0; }

.modal__body-rating {
  padding: 15px;
  text-align: center; }
  .modal__body-rating .dv-star-rating {
    font-size: 36px;
    line-height: 32px; }
    .modal__body-rating .dv-star-rating .dv-star-rating-star ~ .dv-star-rating-star {
      margin-right: 4px; }
  .modal__body-rating p {
    color: #888;
    margin-top: 9px;
    font-size: 14px;
    line-height: 1.43; }

.modal__body-audio-play-list-item {
  margin-top: 3px; }
  .modal__body-audio-play-list-item + .modal__body-audio-play-list-item {
    margin-top: 20px; }

.modal__body-audio-play-list-item-section-title {
  display: block;
  color: #ddd;
  padding: 18px 10px;
  border-bottom: 1px solid #3e3f40;
  font-size: 22px;
  font-weight: 700; }

.modal__body-audio-play-list-item-sub-section-title {
  position: relative;
  display: block;
  color: #ddd;
  padding: 19px 60px 20px 10px;
  border-bottom: 1px solid #3e3f40;
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.modal__body-audio-play-list-item-sub-section-item-title {
  position: relative;
  display: block;
  color: #ddd;
  padding: 20px 55px 21px 30px;
  border-bottom: 1px solid #3e3f40;
  cursor: pointer; }

.modal__body-audio-play-list-item-sub-section-item-title-text {
  position: relative;
  display: inline-block;
  max-width: 100%;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .modal__body-audio-play-list-item-sub-section-item-title--active .modal__body-audio-play-list-item-sub-section-item-title-text {
    padding-right: 37px; }
    .modal__body-audio-play-list-item-sub-section-item-title--active .modal__body-audio-play-list-item-sub-section-item-title-text:after {
      content: '\C7AC\C0DD\C911';
      position: absolute;
      display: inline-block;
      width: 26px;
      height: 25px;
      margin-left: 11px;
      background-image: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-play-line-audio.png);
      background-repeat: no-repeat;
      background-position: center;
      font-size: 0;
      right: 0;
      top: 0; }

.modal__body-audio-play-list-item-sub-section-item-title--active {
  color: #666;
  cursor: auto; }

.modal__body-audio-play-list-item-time {
  position: absolute;
  color: #888;
  font-size: 13px;
  font-weight: 400;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.modal__container-inner-main-banner {
  padding: 0;
  border-radius: 5px; }

.modal__footer-btn-main-banner {
  grid-template-columns: 1fr;
  padding: 20px; }
  @media (min-width: 640px) {
    .modal__footer-btn-main-banner {
      grid-template-columns: 1fr; } }

.w-modal-btn__app-install {
  display: block;
  color: #00c934;
  width: 100%;
  max-width: 240px;
  height: 40px;
  margin: 40px auto 0;
  background: #fff;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 700px; }
  .w-modal-btn__app-install:not(:first-of-type) {
    margin-top: 20px; }

.w-modal-btn__app-install--primary {
  color: #fff;
  background: #00c934; }

.w-detail-banner__background {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.w-detail-banner {
  position: relative;
  padding: 20px 0 0 0;
  background-color: rgba(0, 0, 0, 0.7); }
  @media (min-width: 1024px) {
    .w-detail-banner {
      padding-top: 80px;
      padding-bottom: 40px; } }

@media (min-width: 1024px) {
  .w-detail-banner__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.w-detail-banner__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.w-detail-banner__body-content {
  position: relative;
  margin-top: 20px;
  width: 100%; }
  @media (min-width: 1024px) {
    .w-detail-banner__body-content {
      margin-top: 0; } }

.w-detail-banner__thumbnail--d {
  display: none; }
  @media (min-width: 1024px) {
    .w-detail-banner__thumbnail--d {
      display: block;
      margin-right: 60px;
      height: 242px; } }

.w-detail-banner__class-thumbnail--d {
  position: relative;
  width: 329px;
  padding: 38% 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .w-detail-banner__class-thumbnail--d .w-detail-banner__play-button--d {
    top: inherit;
    bottom: 20px;
    right: 20px; }

.w-detail-banner__audiobook-thumbnail--d {
  position: relative;
  width: 153px;
  padding: 80% 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .w-detail-banner__audiobook-thumbnail--d .w-detail-banner__play-button--d {
    top: inherit;
    bottom: 10px;
    right: 10px; }

.w-detail-banner__header, .w-detail-banner__header--m, .w-detail-banner__header--d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

@media (min-width: 1024px) {
  .w-detail-banner__header--m {
    display: none; } }

.w-detail-banner__header--d {
  display: none; }
  @media (min-width: 1024px) {
    .w-detail-banner__header--d {
      display: block;
      position: absolute;
      top: 0;
      right: 0; } }

.w-detail-banner__button-heart {
  width: 18px;
  height: 15px;
  margin-right: 20px;
  background-color: transparent;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-heart-white.png");
  background-size: 18px;
  background-repeat: no-repeat;
  border: none; }

.w-detail-banner__button-share {
  width: 10px;
  height: 15px;
  background-color: transparent;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-share-white.png");
  background-size: 10px;
  background-repeat: no-repeat;
  border: none; }

.w-detail-banner__popular {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  font-size: 12px;
  color: #ff761b; }
  @media (min-width: 1024px) {
    .w-detail-banner__popular {
      font-size: 13px; } }

.w-detail-banner__popular-label {
  padding: 3px 10px;
  margin-right: 10px;
  background-color: #ff761b;
  border-radius: 10px;
  font-size: 12px;
  color: #ffffff; }

.w-detail-banner__sub-title {
  width: 80%;
  margin-bottom: 15px;
  font-size: 15px;
  color: #00c73c; }
  @media (min-width: 1024px) {
    .w-detail-banner__sub-title {
      margin-bottom: 20px;
      font-size: 18px; } }

.w-detail-banner__title {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-detail-banner__title {
      font-size: 40px;
      width: 100%; } }

.w-detail-banner__info-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.w-detail-banner__info-text {
  width: calc(100% - 140px); }

.w-detail-banner__play-button-image {
  width: 50px;
  height: 50px; }

.w-detail-banner__play-button, .w-detail-banner__play-button--m, .w-detail-banner__play-button--d {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent; }

@media (min-width: 1024px) {
  .w-detail-banner__play-button--m {
    display: none; } }

.w-detail-banner__play-button--d {
  display: none;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-play.png"); }
  @media (min-width: 1024px) {
    .w-detail-banner__play-button--d {
      display: block; } }

.w-detail-banner__thumbnail {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .w-detail-banner__thumbnail .w-detail-banner__play-button, .w-detail-banner__thumbnail .w-detail-banner__play-button--m, .w-detail-banner__thumbnail .w-detail-banner__play-button--d {
    top: calc(50% - 25px);
    right: calc(50% - 25px); }
  @media (min-width: 1024px) {
    .w-detail-banner__thumbnail {
      display: none; } }

.w-detail-banner__teacher {
  margin-top: 15px;
  font-size: 13px;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-detail-banner__teacher {
      font-size: 14px;
      margin-top: 20px; } }

.w-detail-banner__label-box {
  display: block;
  width: 100%;
  min-height: 33px;
  margin-top: 15px; }
  @media (min-width: 1024px) {
    .w-detail-banner__label-box {
      min-height: 30px; } }

.w-detail-banner__label, .w-detail-banner__label--new, .w-detail-banner__label--exclusive, .w-detail-banner__label--free, .w-detail-banner__label--clear {
  display: inline-block;
  padding: 4px 10px;
  margin-top: 10px;
  margin-right: 10px;
  border-radius: 12px;
  font-size: 12px;
  color: #ffffff; }

.w-detail-banner__label--new {
  background-color: #5f45b4; }

.w-detail-banner__label--exclusive {
  background-color: #ff761b; }

.w-detail-banner__label--free {
  background-color: #00afba; }

.w-detail-banner__label--clear {
  background-color: #00c73c; }

.w-detail-banner__download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 35px; }
  @media (min-width: 1024px) {
    .w-detail-banner__download {
      display: none; } }

.w-detail-banner__download-text {
  font-size: 12px;
  color: #888888; }

.w-detail-banner__download-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px 24px;
  border: 1px solid #00c73c;
  border-radius: 5px;
  background-color: transparent; }

.w-detail-banner__download-button-image {
  width: 9px;
  height: 15px;
  margin-right: 10px; }

.w-detail-banner__download-button-text {
  font-size: 13px;
  color: #00c73c; }

.w-detail-banner__evaluation--m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  margin-top: 20px;
  background-color: #333333; }
  @media (min-width: 1024px) {
    .w-detail-banner__evaluation--m {
      display: none; } }

.w-detail-banner__evaluation-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.w-detail-banner__evaluation-view {
  width: 22px;
  height: 14px; }

.w-detail-banner__evaluation-star {
  width: 22px;
  height: 16px; }

.w-detail-banner__evaluation-comment {
  width: 22px;
  height: 18px; }

.w-detail-banner__evaluation-text {
  font-size: 12px;
  color: #dddddd;
  margin: 0 20px 0 5px; }
  @media (min-width: 1024px) {
    .w-detail-banner__evaluation-text {
      margin: 0 4px; } }

.w-detail-banner__purchase--d {
  display: none; }
  @media (min-width: 1024px) {
    .w-detail-banner__purchase--d {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      margin-left: auto; } }

.w-detail-banner__purchase--m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  padding: 10px 20px;
  background-color: #00c73c; }
  @media (min-width: 1024px) {
    .w-detail-banner__purchase--m {
      display: none; } }

.w-detail-banner__purchase-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.w-detail-banner__purchase-sale {
  margin-right: 10px;
  font-size: 25px;
  font-weight: 500;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-detail-banner__purchase-sale {
      margin-right: 20px;
      font-size: 28px; } }

.w-detail-banner__purchase-span {
  font-size: 20px;
  font-weight: 300; }
  @media (min-width: 1024px) {
    .w-detail-banner__purchase-span {
      font-size: 22px; } }

.w-detail-banner__purchase-origin {
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-decoration: line-through; }
  @media (min-width: 1024px) {
    .w-detail-banner__purchase-origin {
      color: #888888; } }

.w-detail-banner__purchase-expire {
  font-size: 15px;
  font-weight: 500;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-detail-banner__purchase-expire {
      color: #888888; } }

.w-detail-banner__purchase-button {
  padding: 10px 20px;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  background-color: #008350; }
  @media (min-width: 1024px) {
    .w-detail-banner__purchase-button {
      padding: 14px 40px;
      margin-left: 20px;
      font-size: 20px; } }

.w-detail-banner__footer {
  display: none; }
  @media (min-width: 1024px) {
    .w-detail-banner__footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      justify-content: space-between;
      margin-top: 30px; } }

.w-detail-banner__evaluation--d {
  display: none; }
  @media (min-width: 1024px) {
    .w-detail-banner__evaluation--d {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

.w-detail-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 auto;
  width: 100%; }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-content {
      width: 1000px;
      margin: 0 auto 50px; } }
  @media (min-width: 1600px) {
    .w-detail-content {
      width: 1000px;
      margin: 0 auto 50px; } }

.w-detail-content__main-content {
  width: 100%; }
  @media (min-width: 1600px) {
    .w-detail-content__main-content {
      width: 1100px;
      padding-bottom: 50px; } }

.w-detail-content__side-content {
  display: none;
  float: right; }
  @media (max-width: 1600px) {
    .w-detail-content__side-content {
      display: block !important;
      float: left !important;
      width: 100%; } }
  @media (min-width: 1600px) {
    .w-detail-content__side-content {
      display: block;
      width: 320px;
      margin: 50px 0 0 50px; } }

.w-detail-content__tab-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.w-detail-content__tab-button, .w-detail-content__tab-button--active {
  width: calc(50% - 0.5px);
  padding: 7px 0;
  border: none;
  border-bottom: 3px solid #ffffff;
  font-size: 13px;
  font-weight: bold;
  background-color: #ffffff; }
  @media (min-width: 1024px) {
    .w-detail-content__tab-button, .w-detail-content__tab-button--active {
      width: unset;
      padding: 10px;
      font-size: 18px;
      margin: 0 20px; } }

.w-detail-content__tab-button-border {
  width: 1px;
  height: 13px;
  margin: 9px 0;
  background-color: #bebebe; }
  @media (min-width: 1024px) {
    .w-detail-content__tab-button-border {
      height: 18px;
      margin: 10px 0; } }

.w-detail-content__tab-button--active {
  border-bottom: 3px solid #00c73c;
  color: #00c73c; }

.w-detail-content__slide {
  width: 100%; }
  .w-detail-content__slide .swiper-pagination-bullet {
    background-color: #b7b7b7;
    opacity: 0.3; }
  .w-detail-content__slide .swiper-pagination-bullet-active {
    opacity: 1; }
  @media (min-width: 1024px) {
    .w-detail-content__slide {
      display: none; } }

.w-detail-content__slide-item {
  padding-bottom: 80%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.w-detail-content__container {
  width: calc(100% - 40px);
  margin: 0 auto; }

.w-detail-content__info-default {
  padding: 25px 0 10px; }
  @media (min-width: 1024px) {
    .w-detail-content__info-default {
      padding: 60px 0 20px; } }

.w-detail-content__container-title {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #353a3c; }
  @media (min-width: 1024px) {
    .w-detail-content__container-title {
      font-size: 20px;
      margin-bottom: 20px; } }

.w-detail-content__item-title {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #333333; }
  @media (min-width: 1024px) {
    .w-detail-content__item-title {
      font-size: 24px; } }

.w-detail-content__info-memo {
  display: -webkit-box;
  height: 100%;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 1.5em;
  font-size: 13px;
  font-weight: 300;
  color: #353a3c; }
  @media (min-width: 1024px) {
    .w-detail-content__info-memo {
      font-size: 16px; } }

.w-detail-content__info-memo--active {
  line-height: 1.5em;
  font-size: 13px;
  font-weight: 300;
  color: #353a3c; }
  @media (min-width: 1024px) {
    .w-detail-content__info-memo--active {
      font-size: 16px; } }

.w-detail-content__info-bullet, .w-detail-content__info-bullet-opened {
  width: 100%;
  padding: 14px 0;
  border: none;
  border-bottom: 1px solid #e2e2e2;
  background-color: #ffffff;
  font-size: 13px;
  color: #868686;
  text-align: center; }
  @media (min-width: 1024px) {
    .w-detail-content__info-bullet, .w-detail-content__info-bullet-opened {
      font-size: 18px; } }
  .w-detail-content__info-bullet img, .w-detail-content__info-bullet-opened img {
    width: 13px;
    margin-left: 4px; }
    @media (min-width: 1024px) {
      .w-detail-content__info-bullet img, .w-detail-content__info-bullet-opened img {
        width: 18px;
        margin-left: 8px; } }

.w-detail-content__info-bullet-opened img {
  transform: rotate(180deg); }

.w-detail-content__info-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid #e2e2e2;
  padding: 25px 0; }
  @media (min-width: 1024px) {
    .w-detail-content__info-file {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 60px 0; } }

.w-detail-content__info-file-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px; }
  .w-detail-content__info-file-item:last-of-type {
    margin-bottom: 0; }
  @media (min-width: 1024px) {
    .w-detail-content__info-file-item {
      margin-bottom: 0;
      margin-right: 40px; } }

.w-detail-content__info-item-button {
  color: #00c73c;
  font-size: 12px;
  text-align: right;
  border: none;
  background-color: transparent; }

.w-detail-content__info-file-image {
  width: 24px;
  height: 22px;
  margin-right: 10px; }

.w-detail-content__info-file-text {
  font-size: 12px;
  font-weight: 300;
  color: #353a3c; }
  .w-detail-content__info-file-text span {
    color: #00c73c; }
  @media (min-width: 1024px) {
    .w-detail-content__info-file-text {
      font-size: 16px; } }

.w-detail-content__info-teacher {
  padding: 25px 0; }
  @media (min-width: 1024px) {
    .w-detail-content__info-teacher {
      padding: 60px 0 20px; } }

.w-detail-content__teacher-head {
  display: flex;
  flex-direction: row; }

.w-detail-content__teacher-image {
  width: 75px;
  height: 75px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #00c73c;
  border-radius: 50%; }

.w-detail-content__teacher-text {
  width: calc(100% - 75px);
  padding-left: 12px;
  margin: auto 0; }

.w-detail-content__teacher-name {
  font-size: 16px;
  color: #353a3c; }

.w-detail-content__teacher-headline {
  margin-top: 8px;
  font-size: 13px; }

.w-detail-content__info-teacher-headline {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px; }

.w-detail-content__item-teacher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start; }

.w-detail-content__item-teacher-image {
  width: 90px;
  height: 90px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%; }

.w-detail-content__item-teacher-name {
  color: #00c73c;
  font-size: 15px;
  font-weight: 300;
  text-align: left;
  margin: 0 0 0 65px; }
  @media (min-width: 1024px) {
    .w-detail-content__item-teacher-name {
      font-size: 18px;
      margin: 0 0 0 55px; } }

.w-detail-content__item-teacher-memo {
  display: -webkit-box;
  height: 100%;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 1.5em;
  font-size: 13px;
  font-weight: 300;
  color: #353a3c;
  margin-top: 20px; }
  @media (min-width: 1024px) {
    .w-detail-content__item-teacher-memo {
      font-size: 16px; } }

.w-detail-content__item-teacher-memo--active {
  margin-top: 20px;
  line-height: 1.5em;
  font-size: 13px;
  color: #353a3c; }
  @media (min-width: 1024px) {
    .w-detail-content__item-teacher-memo--active {
      font-size: 16px; } }

.w-detail-content__item-teacher-button {
  width: 100%;
  font-size: 13px;
  font-weight: 300;
  text-align: right;
  color: #00c73c;
  border: none;
  background-color: transparent; }

.w-detail-content__info-evaluation {
  padding: 25px 0; }
  @media (min-width: 1024px) {
    .w-detail-content__info-evaluation {
      padding: 60px 0 20px; } }

.w-detail-content__info-review-count {
  margin-left: 10px;
  font-size: 13px;
  color: #898989; }

.w-detail-content__info-review-title {
  font-size: 17px;
  font-weight: bold;
  text-align: center; }
  @media (min-width: 1024px) {
    .w-detail-content__info-review-title {
      font-size: 20px;
      margin-top: 30px; } }

.w-detail-content__info-star-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px 0; }
  @media (min-width: 1024px) {
    .w-detail-content__info-star-container {
      -webkit-box-pack: unset;
      -ms-flex-pack: unset;
      justify-content: unset; } }

.w-detail-content__info-star-img, .w-detail-content__info-star-img--green, .w-detail-content__info-star-img--gray {
  width: 25px;
  height: 25px;
  margin-right: 4px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 1024px) {
    .w-detail-content__info-star-img, .w-detail-content__info-star-img--green, .w-detail-content__info-star-img--gray {
      width: 35px;
      height: 35px;
      margin-right: 10px; } }

.w-detail-content__info-star-img--green {
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/icons/img-star-green.png"); }

.w-detail-content__info-star-img--gray {
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/icons/img-star-gray.png"); }

.w-detail-content__info-star-avg {
  font-size: 16px;
  margin: 10px 5px 2px;
  color: #898989; }
  .w-detail-content__info-star-avg span {
    margin-right: 4px;
    color: #00c73c;
    font-weight: bold; }
  @media (min-width: 1024px) {
    .w-detail-content__info-star-avg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 140px;
      margin: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 30px; } }

.w-detail-content__info-star-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.w-detail-content__info-bar-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px; }

.w-detail-content__info-bar-bg {
  position: relative;
  width: calc(100% - 77px);
  height: 10px;
  background-color: #eaeaea;
  margin-right: 10px; }
  @media (min-width: 1024px) {
    .w-detail-content__info-bar-bg {
      width: 400px;
      height: 20px;
      margin-right: 15px; } }

.w-detail-content__info-bar {
  position: absolute;
  height: 10px;
  background-color: #00c73c; }
  @media (min-width: 1024px) {
    .w-detail-content__info-bar {
      height: 20px; } }

.w-detail-content__info-star-image {
  width: 10px;
  height: 10px;
  margin-right: 2px; }
  @media (min-width: 1024px) {
    .w-detail-content__info-star-image {
      width: 15px;
      height: 15px; } }

.w-detail-count__info-star-number {
  width: 14px;
  margin-right: 8px;
  font-size: 13px;
  color: #898989; }
  @media (min-width: 1024px) {
    .w-detail-count__info-star-number {
      width: 16px;
      margin-right: 12px;
      font-size: 16px; } }

.w-detail-content__info-star-percent {
  width: 30px;
  text-align: right;
  font-size: 12px;
  font-weight: 300;
  color: #888888; }
  @media (min-width: 1024px) {
    .w-detail-content__info-star-percent {
      font-size: 16px; } }

.w-detail-content__info-percent-number {
  font-size: 14px;
  font-weight: 300;
  color: #888888; }
  @media (min-width: 1024px) {
    .w-detail-content__info-percent-number {
      font-size: 16px; } }

.w-detail-content__other {
  padding: 25px 20px; }

.w-detail-content__other-list {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-gap: 20px;
  margin: 15px 0; }
  @media (min-width: 1024px) {
    .w-detail-content__other-list {
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
      margin: 25px 0; } }
  .w-detail-content__other-list .w-book {
    display: none;
    width: 100%; }
    .w-detail-content__other-list .w-book:nth-child(1), .w-detail-content__other-list .w-book:nth-child(2) {
      display: block; }

.w-detail-chart {
  border: 1px solid #dddddd;
  padding: 30px 20px; }
  .w-detail-chart:nth-child(2) {
    margin-top: 10px; }
  @media (max-width: 1600px) {
    .w-detail-chart:nth-child(n + 2) {
      display: none; } }

.w-detail-chart__header {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #dddddd; }

.w-detail-chart__error {
  margin: 0;
  padding: 20px;
  text-align: center;
  font-size: 16px;
  color: #333333; }

.w-detail-chart__content-container, .w-detail-chart__content-container--active {
  display: none; }
  .w-detail-chart__content-container:nth-child(1), .w-detail-chart__content-container--active:nth-child(1), .w-detail-chart__content-container:nth-child(2), .w-detail-chart__content-container--active:nth-child(2), .w-detail-chart__content-container:nth-child(3), .w-detail-chart__content-container--active:nth-child(3), .w-detail-chart__content-container:nth-child(4), .w-detail-chart__content-container--active:nth-child(4), .w-detail-chart__content-container:nth-child(5), .w-detail-chart__content-container--active:nth-child(5) {
    display: block; }

.w-detail-chart__content-container--active {
  display: block; }

.w-detail-chart__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #dddddd; }

.w-detail-chart__thumbnail {
  min-width: 60px;
  min-height: 60px;
  margin-right: 12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.w-detail-chart__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  word-wrap: break-word; }

.w-detail-chart__title {
  display: -webkit-box;
  width: 206px;
  height: 2.4em;
  line-height: 1.2em;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  font-weight: 300;
  text-align: left;
  color: #333333; }
  @media screen and (min-width: 1600px) {
    .w-detail-chart__title {
      width: 206px; } }
  @media screen and (max-width: 500px) {
    .w-detail-chart__title {
      width: 206px; } }

.w-detail-chart__icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.w-detail-chart__icon {
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .w-detail-chart__icon:last-child {
    margin-right: 0; }
  .w-detail-chart__icon img {
    width: 12px;
    height: 12px;
    margin-top: 1px;
    margin-right: 6px; }

.w-detail-chart .w-page__view-more-btn {
  width: 100%;
  height: unset;
  padding-top: 15px; }

.w-detail-class-list {
  padding: 25px 20px; }
  @media (min-width: 1024px) {
    .w-detail-class-list {
      background-color: #ffffff;
      padding: 60px 0 0 0; } }

.w-detail-class-list__info {
  font-size: 12px;
  color: #353a3c; }
  @media (min-width: 1024px) {
    .w-detail-class-list__info {
      font-size: 18px; } }

.w-detail-class-list__info-span {
  font-weight: bold;
  color: #00c73c; }

.w-detail-class-list__clip-container {
  display: grid;
  display: -ms-grid;
  grid-gap: 10px;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr 10px 1fr;
  margin-top: 10px; }
  @media (min-width: 1024px) {
    .w-detail-class-list__clip-container {
      display: block; } }

.w-detail-class-list__clip {
  border: 1px solid #e2e2e2;
  border-radius: 4px; }
  @media (min-width: 1024px) {
    .w-detail-class-list__clip {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      margin-bottom: 15px;
      border-bottom: 1px solid #dddddd; } }

.w-detail-class-list__clip-info {
  padding: 0 15px;
  position: relative; }
  @media (min-width: 1024px) {
    .w-detail-class-list__clip-info {
      width: calc(100% - 300px); } }

.w-detail-class-list__clip-title {
  display: -webkit-box;
  max-height: 3.6em;
  line-height: 1.2em;
  padding: 10px 0;
  border-bottom: 1px solid #e2e2e2;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 300;
  color: #333333; }
  @media (min-width: 1024px) {
    .w-detail-class-list__clip-title {
      padding: 20px 0;
      font-size: 20px; } }
  @media (max-width: 480px) {
    .w-detail-class-list__clip-title {
      display: block;
      max-height: fit-content;
      text-overflow: initial;
      overflow: initial;
      -webkit-line-clamp: initial; } }

.w-detail-class-list__icon-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 0; }
  @media (min-width: 1024px) {
    .w-detail-class-list__icon-box {
      position: absolute;
      bottom: 0;
      height: calc(50% - 0.5px); } }

.w-detail-class-list__title-number {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #ffffff;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  border-radius: 4px 0 4px 0;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #00c73c; }
  @media (min-width: 1024px) {
    .w-detail-class-list__title-number {
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 18px; } }

.w-detail-class-list__memo {
  display: -webkit-box;
  max-height: 2.4em;
  line-height: 1.2em;
  margin: 15px 0;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  font-weight: 300;
  color: #555555; }
  @media (min-width: 1024px) {
    .w-detail-class-list__memo {
      font-size: 16px; } }

.w-detail-class-list__clip-video {
  position: relative; }
  @media (min-width: 1024px) {
    .w-detail-class-list__clip-video {
      width: 300px; }
      .w-detail-class-list__clip-video .w-summary__thumbnail {
        border-radius: 4px 0 0 4px !important; } }

.w-detail-class-list__thumbnail .w-summary__play {
  position: absolute;
  right: 5%;
  bottom: 15%;
  width: 50px;
  height: 50px;
  z-index: 1;
  cursor: pointer; }

.w-detail-chapter {
  padding: 45px 15px; }
  .w-detail-chapter .w-page__view-more-btn {
    padding: 20px 0; }
  @media (min-width: 1024px) {
    .w-detail-chapter {
      padding: 60px 0 0; } }

.w-detail-audio-list__info_serial {
  margin-bottom: 20px;
  font-size: 13px;
  color: #333333; }
  @media (min-width: 1024px) {
    .w-detail-audio-list__info_serial {
      font-size: 17px; } }

.w-detail-audio-list__info {
  margin-bottom: 25px;
  font-size: 13px;
  color: #333333; }
  @media (min-width: 1024px) {
    .w-detail-audio-list__info {
      font-size: 17px; } }

.w-detail-audio-list__info-span {
  font-weight: bold;
  color: #00c73c; }

.w-detail-chapter__chapter-title {
  font-size: 15px;
  font-weight: bold;
  color: #333333; }
  @media (min-width: 1024px) {
    .w-detail-chapter__chapter-title {
      font-size: 24px; } }

.w-detail-chapter__chapter-preview-button {
  width: 68px;
  height: 21px;
  border: none;
  background-size: cover;
  background-color: transparent;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/ic-preview.png"); }
  @media (min-width: 1024px) {
    .w-detail-chapter__chapter-preview-button {
      width: 81px;
      height: 25px; } }

.w-detail-chapter__title-content {
  margin: 15px 0; }

.w-detail-chapter__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 13px 0; }
  @media (min-width: 1024px) {
    .w-detail-chapter__content {
      padding: 16px 0; } }

.w-detail-chapter__content-text {
  width: calc(100% - 40px); }

.w-detail-chapter__content-sub-title {
  font-size: 13px;
  color: #333333;
  line-height: 1.2em;
  word-break: break-all; }
  @media (min-width: 1024px) {
    .w-detail-chapter__content-sub-title {
      width: calc(100% - 80px);
      font-size: 20px; } }

.w-detail-chapter__content-preview {
  margin-left: 5px;
  color: #00c73c; }

.w-detail-chapter__content-time {
  margin-top: 5px;
  font-size: 12px;
  color: #00c73c; }
  @media (min-width: 1024px) {
    .w-detail-chapter__content-time {
      font-size: 16px; } }

.w-detail-chapter__content-button {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  border: none;
  background-color: transparent;
  cursor: pointer; }
  @media (min-width: 1024px) {
    .w-detail-chapter__content-button {
      width: 40px;
      height: 40px; } }

.w-detail-chapter__content-button-image {
  width: 100%;
  height: 100%; }

@media (min-width: 1024px) {
  .w-detail-content__review {
    margin-top: 60px; } }

.w-detail-content__review-input-box {
  background: #f1f1f1; }
  @media (max-width: 1023px) {
    .w-detail-content__review-input-box {
      padding: 25px 20px; } }
  @media (min-width: 1024px) {
    .w-detail-content__review-input-box {
      padding: 28px 21px 21px 30px; } }

.w-detail-content__review-input-title-text {
  display: none;
  color: #333;
  margin-right: 17px;
  font-size: 24px;
  font-weight: 700; }
  @media (min-width: 1024px) {
    .w-detail-content__review-input-title-text {
      display: inline; } }

.w-detail-content__review-input-sub-title {
  display: block;
  color: #555;
  text-align: center;
  font-size: 30px;
  line-height: 1.33; }
  @media (max-width: 479px) {
    .w-detail-content__review-input-sub-title {
      font-size: 15px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .w-detail-content__review-input-sub-title {
      font-size: 18px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-detail-content__review-input-sub-title {
      font-size: 20px; } }
  @media (min-width: 1024px) {
    .w-detail-content__review-input-sub-title {
      display: inline-block;
      width: auto;
      text-align: left;
      font-size: 14px;
      line-height: 1; } }

.w-detail-content__review-input .dv-star-rating {
  margin-top: 15px;
  font-size: 32px;
  line-height: 40px; }
  .w-detail-content__review-input .dv-star-rating .dv-star-rating-star ~ .dv-star-rating-star {
    margin-right: 4px; }

@media (min-width: 480px) and (max-width: 1023px) {
  .w-detail-content__review-input .dv-star-rating {
    margin-top: 20px;
    font-size: 40px;
    line-height: 50px; }
    .w-detail-content__review-input .dv-star-rating .dv-star-rating-star ~ .dv-star-rating-star {
      margin-right: 8px; } }

@media (min-width: 1024px) {
  .w-detail-content__review-input .dv-star-rating {
    margin-top: 0;
    font-size: 40px;
    line-height: 80px; }
    .w-detail-content__review-input .dv-star-rating .dv-star-rating-star ~ .dv-star-rating-star {
      margin-right: 4px; } }

.w-detail-content__review-input .w-detail-content__info-bullet, .w-detail-content__review-input .w-detail-content__info-bullet-opened {
  border: none; }

.w-detail-content__review-rating {
  position: relative; }

.w-detail-content__review-rating-edit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 50px;
  padding: 3px 2px;
  margin-top: 5px;
  font-size: 11px;
  background-color: #00c73c;
  border: none;
  color: #ffffff; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-detail-content__review-rating-edit {
      right: 20%;
      margin-top: 10px;
      font-size: 16px; } }
  @media (min-width: 1024px) {
    .w-detail-content__review-rating-edit {
      right: 30%;
      margin-top: 0;
      font-size: 16px; } }

.w-detail-content__review-rating-input {
  margin-bottom: 40px;
  text-align: center; }
  @media (min-width: 1024px) {
    .w-detail-content__review-rating-input {
      height: 80px; } }

.w-detail-content__review-input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  margin-bottom: 40px; }

.w-detail-content__review-input-area {
  width: calc(100% - 50px);
  height: 50px; }
  @media (min-width: 1024px) {
    .w-detail-content__review-input-area {
      width: calc(100% - 100px);
      height: 100px; } }
  .w-detail-content__review-input-area textarea {
    width: 100%;
    height: 100%;
    padding: 10px;
    border: 1px solid #b9b9b9;
    border-radius: 4px 0 0 4px;
    resize: none; }

.w-detail-content__review-input-button {
  color: #ffffff;
  width: 50px;
  height: 50px;
  background: #00c73c;
  border-top: 1px solid #b9b9b9;
  border-right: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
  border-left: none;
  border-radius: 0 4px 4px 0;
  font-size: 12px; }
  @media (min-width: 1024px) {
    .w-detail-content__review-input-button {
      width: 100px;
      height: 100px;
      font-size: 16px; } }

.w-detail-content__review-reply {
  margin-top: 49px;
  padding: 0 40px; }
  @media (max-width: 479px) {
    .w-detail-content__review-reply {
      padding: 20px; } }
  @media (min-width: 1024px) {
    .w-detail-content__review-reply {
      padding: 0; } }

.w-detail-content__review-none {
  padding-top: 20px;
  font-size: 14px;
  color: #555555;
  text-align: center; }
  @media (min-width: 1024px) {
    .w-detail-content__review-none {
      padding-top: 50px;
      font-size: 16px; } }

.w-detail-content__review-reply-title {
  color: #333;
  font-size: 20px;
  font-weight: 400; }
  @media (max-width: 479px) {
    .w-detail-content__review-reply-title {
      font-size: 18px; } }
  @media (min-width: 1024px) {
    .w-detail-content__review-reply-title {
      font-size: 16px;
      font-weight: 400; } }

.w-detail-content__review-reply-count {
  display: inline-block;
  color: #00c73c;
  margin-left: 12px;
  font-size: 15px;
  font-weight: 400; }
  @media (max-width: 479px) {
    .w-detail-content__review-reply-count {
      margin-left: 6px;
      font-size: 15px; } }
  @media (min-width: 1024px) {
    .w-detail-content__review-reply-count {
      margin-left: 0;
      font-size: 16px;
      font-weight: 400; } }

.w-detail-content__review-reply-list {
  border-top: 1px solid #e2e2e2; }
  @media (max-width: 479px) {
    .w-detail-content__review-reply-list {
      margin-bottom: 15px; } }
  @media (min-width: 1024px) {
    .w-detail-content__review-reply-list {
      margin-bottom: 30px; } }

.w-detail-content__review-reply-list-item, .w-detail-content__review-reply-list-item--active {
  display: none;
  border-bottom: 1px solid #e2e2e2;
  padding: 15px 0; }
  @media (min-width: 1024px) {
    .w-detail-content__review-reply-list-item, .w-detail-content__review-reply-list-item--active {
      padding: 20px 0; } }
  .w-detail-content__review-reply-list-item:nth-child(1), .w-detail-content__review-reply-list-item--active:nth-child(1), .w-detail-content__review-reply-list-item:nth-child(2), .w-detail-content__review-reply-list-item--active:nth-child(2), .w-detail-content__review-reply-list-item:nth-child(3), .w-detail-content__review-reply-list-item--active:nth-child(3), .w-detail-content__review-reply-list-item:nth-child(4), .w-detail-content__review-reply-list-item--active:nth-child(4), .w-detail-content__review-reply-list-item:nth-child(5), .w-detail-content__review-reply-list-item--active:nth-child(5) {
    display: block; }
  .w-detail-content__review-reply-list-item .w-detail-content__review-input-container, .w-detail-content__review-reply-list-item--active .w-detail-content__review-input-container {
    margin: 10px 0 0 0; }

.w-detail-content__review-reply-list-item--active {
  display: block; }

.w-detail-content__review-reply-list-item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px; }

.w-detail-content__review-reply-list-item-value {
  margin-top: 10px;
  overflow-wrap: anywhere !important; }

.w-detail-content__review-reply-list-item-name {
  color: #a7a7a7;
  font-size: 12px; }
  @media (min-width: 1024px) {
    .w-detail-content__review-reply-list-item-name {
      font-size: 16px; } }

.w-detail-content__review-reply-list-item-body {
  color: #353a3c;
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.33; }
  @media (min-width: 1024px) {
    .w-detail-content__review-reply-list-item-body {
      font-size: 16px;
      line-height: 1.5; } }

.w-detail-content__review-reply-list-item-date {
  color: #a7a7a7;
  margin-left: 20px;
  font-size: 12px; }
  @media (min-width: 1024px) {
    .w-detail-content__review-reply-list-item-date {
      margin-top: 5px;
      font-size: 14px; } }

.w-detail-content__review-reply-list-item-button-box {
  width: 110px;
  margin: 0 0 0 auto; }

.w-detail-content__review-reply-list-item-edit-button {
  width: 50px;
  padding: 3px 2px;
  background-color: #ffffff;
  border: 1px solid #00c73c;
  font-size: 11px;
  color: #00c73c; }
  @media (min-width: 1024px) {
    .w-detail-content__review-reply-list-item-edit-button {
      font-size: 16px; } }

.w-detail-content__review-reply-list-item-delete-button {
  width: 50px;
  margin-left: 10px;
  padding: 3px 2px;
  font-size: 11px;
  background-color: #00c73c;
  border: none;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-detail-content__review-reply-list-item-delete-button {
      font-size: 16px; } }

.w-detail-class-banner {
  width: 100%;
  background-color: #ffffff; }
  @media (min-width: 1024px) {
    .w-detail-class-banner {
      padding: 50px 0; } }
  @media (max-width: 1599px) and (min-width: 1024px) {
    .w-detail-class-banner {
      width: 1000px;
      margin: 0 auto; } }
  @media (min-width: 1600px) {
    .w-detail-class-banner {
      width: 1000px;
      margin: 0 auto 50px; } }

.w-detail-class-banner__content-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-class-banner__content-container {
      flex-direction: row;
      align-items: flex-start;
      width: 1000px; } }
  @media (min-width: 1600px) {
    .w-detail-class-banner__content-container {
      flex-direction: row;
      align-items: flex-start;
      width: 1000px; } }

.w-detail-class-banner__thumbnail-wrap {
  position: relative;
  display: block;
  width: 100%; }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-class-banner__thumbnail-wrap {
      width: 500px; } }
  @media (min-width: 1600px) {
    .w-detail-class-banner__thumbnail-wrap {
      width: 500px; } }

.w-detail-class-banner__thumbnail {
  width: 100%;
  padding-top: 22%;
  padding-bottom: 22%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  @media (min-width: 1024px) {
    .w-detail-class-banner__thumbnail {
      border-radius: 4px; } }

.w-detail-class-banner__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border: none;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/icons/ic-play-gray.png");
  background-color: transparent;
  background-size: cover;
  background-position: center; }

.w-detail-class-banner__information {
  display: block;
  padding: 14px 25px 35px; }
  @media screen and (max-width: 478px) {
    .w-detail-class-banner__information {
      padding: 3.684vw 4vw 9.211vw; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-class-banner__information {
      width: 500px;
      padding: 4px 0 0 20px; } }
  @media (min-width: 1600px) {
    .w-detail-class-banner__information {
      width: 500px;
      padding: 4px 0 0 20px; } }
  @media (min-width: 1600px) {
    .w-detail-class-banner__information .w-page__label-box label {
      font-size: 14px; } }

.w-detail-class-banner__title-box {
  margin-bottom: 10px; }

.w-detail-class-banner__headline {
  line-height: 1.3em;
  font-size: 14px;
  margin-bottom: 6px; }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-class-banner__headline {
      font-size: 16px; } }
  @media (min-width: 1600px) {
    .w-detail-class-banner__headline {
      font-size: 18px; } }

.w-detail-class-banner__title {
  line-height: 1.3em;
  font-size: 16px;
  font-weight: bold; }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-class-banner__title {
      font-size: 20px; } }
  @media (min-width: 1600px) {
    .w-detail-class-banner__title {
      font-size: 28px; } }

.w-detail-class-banner__icon-box {
  margin-bottom: 20px; }
  @media (min-width: 1600px) {
    .w-detail-class-banner__icon-box .w-btn-group__count, .w-detail-class-banner__icon-box .w-btn-group__count-clip {
      font-size: 12px; } }

.w-detail-class-banner__purchase-box {
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 1024px) {
    .w-detail-class-banner__purchase-box {
      display: flex; } }

.w-detail-class-banner__price {
  font-size: 20px;
  font-weight: bold; }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-class-banner__price {
      font-size: 22px; } }
  @media (min-width: 1600px) {
    .w-detail-class-banner__price {
      font-size: 28px; } }

.w-detail-class-banner__buy-button {
  padding: 6px 10px 5px;
  background-color: #00c73c;
  border: none;
  font-size: 12px;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-detail-class-banner__buy-button {
      margin-top: 10px; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-class-banner__buy-button {
      font-size: 16px; } }
  @media (min-width: 1600px) {
    .w-detail-class-banner__buy-button {
      padding: 10px 20px 8px;
      font-size: 18px; } }

.w-detail-audio-banner {
  width: 100%;
  padding: 20px 0 35px;
  background-color: #ffffff; }
  @media (min-width: 1024px) {
    .w-detail-audio-banner {
      padding: 50px 0; } }

.w-detail-audio-banner__content-container {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 0 auto; }
  @media (max-width: 360px) {
    .w-detail-audio-banner__content-container {
      width: 92%; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-audio-banner__content-container {
      width: 1000px; } }
  @media (min-width: 1600px) {
    .w-detail-audio-banner__content-container {
      width: 1000px; } }

.w-detail-audio-banner__flex {
  position: relative;
  width: 100%; }
  @media (min-width: 1024px) {
    .w-detail-audio-banner__flex {
      align-items: center; } }

.w-detail-audio-banner__thumbnail-wrap {
  position: relative;
  float: left;
  width: 115px; }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-audio-banner__thumbnail-wrap {
      width: 150px; } }
  @media (min-width: 1600px) {
    .w-detail-audio-banner__thumbnail-wrap {
      width: 200px; } }

.w-detail-audio-banner__thumbnail {
  position: relative;
  width: 100%;
  padding-bottom: 142.888%;
  overflow: hidden;
  border: 1px solid #e2e2e2; }
  .w-detail-audio-banner__thumbnail img {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%); }

.w-detail-audio-banner__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: none;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/icons/ic-play-gray.png");
  background-color: transparent;
  background-size: cover;
  background-position: center; }
  @media (min-width: 1024px) {
    .w-detail-audio-banner__play {
      width: 50px;
      height: 50px; } }

.w-detail-audio-banner__information {
  position: relative;
  display: inline-block;
  width: calc(100% - 115px);
  top: 0;
  padding: 2px 0 0 18px; }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-audio-banner__information {
      width: calc(100% - 150px);
      padding: 6px 0 0 25px; } }
  @media (min-width: 1600px) {
    .w-detail-audio-banner__information {
      width: calc(100% - 200px);
      padding: 6px 0 0 25px; } }
  @media (min-width: 1600px) {
    .w-detail-audio-banner__information .w-page__label-box label {
      font-size: 14px; } }

.w-detail-audio-banner__information-button {
  position: relative;
  padding: 0;
  margin: 0;
  margin-top: 30px; }
  @media (min-width: 1024px) {
    .w-detail-audio-banner__information-button {
      margin-top: 0;
      padding-left: 175px; } }
  @media (min-width: 1600px) {
    .w-detail-audio-banner__information-button {
      padding-left: 225px; } }

.w-detail-audio-banner__title-box {
  margin-bottom: 20px; }

.w-detail-audio-banner__headline {
  font-size: 13px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: 5px;
  word-break: break-all; }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-audio-banner__headline {
      font-size: 16px; } }
  @media (min-width: 1600px) {
    .w-detail-audio-banner__headline {
      font-size: 18px; } }

.w-detail-audio-banner__title {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #030303; }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-audio-banner__title {
      font-size: 20px; } }
  @media (min-width: 1600px) {
    .w-detail-audio-banner__title {
      font-size: 28px; } }

.w-detail-audio-banner__icon-box {
  margin-bottom: 20px; }
  @media (min-width: 1600px) {
    .w-detail-audio-banner__icon-box .w-btn-group__count, .w-detail-audio-banner__icon-box .w-btn-group__count-clip {
      font-size: 12px; } }

.w-detail-audio-banner__purchase-info {
  margin-top: 15px; }

.w-detail-audio-banner__purchase-box {
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 1024px) {
    .w-detail-audio-banner__purchase-box {
      display: flex; } }

.w-detail-audio-banner__origin-price {
  font-size: 16px;
  color: #767b80;
  text-decoration: line-through; }

.w-detail-audio-banner__price {
  font-size: 20px;
  font-weight: bold; }
  @media (min-width: 1024px) {
    .w-detail-audio-banner__price {
      margin-top: 30px; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-audio-banner__price {
      font-size: 22px; } }
  @media (min-width: 1600px) {
    .w-detail-audio-banner__price {
      font-size: 28px; } }

.w-detail-audio-banner__buy-button {
  padding: 6px 10px 5px;
  background-color: #00c73c;
  border: none;
  font-size: 12px;
  color: #ffffff; }
  @media (min-width: 1024px) {
    .w-detail-audio-banner__buy-button {
      margin-top: 10px; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-detail-audio-banner__buy-button {
      font-size: 16px; } }
  @media (min-width: 1600px) {
    .w-detail-audio-banner__buy-button {
      padding: 10px 20px 8px;
      font-size: 18px; } }

.w-class-detail,
.w-audio-detail,
.w-ebook-detail {
  margin: 0 auto; }
  @media (min-width: 1600px) {
    .w-class-detail,
    .w-audio-detail,
    .w-ebook-detail {
      width: 1400px; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-class-detail,
    .w-audio-detail,
    .w-ebook-detail {
      width: 1000px; } }

@media (min-width: 1024px) {
  .detail-wrap {
    float: left; } }

.w-btn-group__adult {
  padding-left: 0; }

@media (min-width: 1024px) {
  .w-policy {
    padding: 79px 0 60px; } }

.w-policy__head {
  width: 100%;
  margin: 0;
  padding: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333333; }
  @media (min-width: 1024px) {
    .w-policy__head {
      padding: 0 0 50px 0;
      font-size: 30px; } }

.w-policy__title {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #333333; }
  @media (min-width: 1024px) {
    .w-policy__title {
      margin-top: 0;
      margin-bottom: 10px;
      font-size: 20px; } }

.w-policy__section {
  list-style: none;
  margin-top: 0;
  margin-bottom: 30px;
  padding: 0;
  line-height: 1.6em;
  font-size: 14px;
  font-weight: 300;
  color: #333333; }
  @media (min-width: 1024px) {
    .w-policy__section {
      margin-bottom: 40px;
      font-size: 16px; } }

.w-policy__section-title {
  font-weight: bold; }

div[id^='section-'] div,
div[id^='section-'] p,
div[id^='section-'] button,
section[id^='section-'] {
  font-family: 'Noto Sans KR', sans-serif;
  line-height: 1;
  letter-spacing: -2px; }

div[id^='section-'] .underline {
  display: inline-block;
  position: relative;
  line-height: 1; }
  div[id^='section-'] .underline span {
    position: relative;
    z-index: 1; }
  div[id^='section-'] .underline:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 17px;
    background: #00c73c;
    bottom: -7px; }

div[id^='section-'] .content-title,
section[id^='section-'] .content-title {
  margin-bottom: 30px;
  font-size: 50px;
  font-weight: 500;
  color: #030303;
  line-height: 1.5em;
  letter-spacing: -1.29; }

div[id^='section-'] .content-sub-title,
section[id^='section-'] .content-sub-title {
  font-size: 30px;
  font-weight: 200;
  letter-spacing: -1.25px;
  color: #666;
  line-height: 1.5em; }

div[id^='section-'] .swiper-slide-shadow-left,
div[id^='section-'] .swiper-slide-shadow-right,
section[id^='section-'] .swiper-slide-shadow-left,
section[id^='section-'] .swiper-slide-shadow-right {
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.6); }

.content-item-wrapper {
  list-style-type: none; }

.floating-app-link {
  display: none; }

.default-button {
  margin: 0 auto;
  padding: 12px 45px;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  font-size: 18px;
  font-weight: 500;
  color: #030303;
  letter-spacing: -0.9px; }

.slider {
  position: relative;
  margin: 0 auto; }
  .slider.pc {
    height: 662px;
    padding-top: 161px;
    max-width: 786px; }

.pc .swiper-container {
  position: relative;
  max-width: 650px;
  margin: 0 auto; }

.pc .swiper-wrapper.type2 .swiper-slide a {
  display: block;
  position: absolute;
  width: 101px;
  height: 232px;
  top: 101px; }
  .pc .swiper-wrapper.type2 .swiper-slide a:nth-child(1) {
    left: 20px; }
  .pc .swiper-wrapper.type2 .swiper-slide a:nth-child(2) {
    left: 128px; }

.pc .swiper-slide {
  width: 248px;
  text-align: center; }
  .pc .swiper-slide img {
    vertical-align: top; }

.pc .swiper-slide img {
  width: 100%; }

.small .swiper-wrapper.type2 .swiper-slide a {
  display: block;
  position: absolute;
  width: 52px;
  height: 123px;
  top: 52px; }
  .small .swiper-wrapper.type2 .swiper-slide a:nth-child(1) {
    left: 11px; }
  .small .swiper-wrapper.type2 .swiper-slide a:nth-child(2) {
    left: 67px; }

#ygkplus-event {
  background-color: #363636;
  text-align: center; }
  #ygkplus-event img {
    width: 1024px;
    margin: 0 auto; }

.main-button-top {
  height: 300px; }
  @media screen and (min-width: 1921px) {
    .main-button-top {
      height: 19vw; } }

.logo-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 35px 0; }
  .logo-wrapper img {
    width: 192px;
    height: 30px; }

#section-class {
  padding-top: 50px;
  background-clip: content-box; }
  #section-class #section-class-sub1 {
    position: relative; }
    #section-class #section-class-sub1 .section4-content-wrapper {
      position: relative;
      width: 1024px;
      margin: 0 auto;
      text-align: center; }
      #section-class #section-class-sub1 .section4-content-wrapper .slider {
        background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/4_pc_bg.png") no-repeat top center/370px; }
      #section-class #section-class-sub1 .section4-content-wrapper .content-image-wrapper {
        position: relative;
        display: flex;
        justify-content: center;
        margin-top: 40px; }
        #section-class #section-class-sub1 .section4-content-wrapper .content-image-wrapper img {
          width: 271px;
          height: 383px;
          margin-right: 25px; }
        #section-class #section-class-sub1 .section4-content-wrapper .content-image-wrapper img:last-child {
          margin-right: 0px; }
      #section-class #section-class-sub1 .section4-content-wrapper .swiper-slide img {
        vertical-align: top;
        border-radius: 15px; }
  #section-class #section-class-sub2 {
    position: relative;
    height: 100%; }
    #section-class #section-class-sub2 .section5-content-wrapper {
      position: relative;
      width: 1024px;
      margin: 0 auto;
      text-align: center; }
      #section-class #section-class-sub2 .section5-content-wrapper .content-title {
        font-size: 30px;
        margin-bottom: 5px;
        font-weight: 300; }
      #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow {
        margin: 40px 0 168px; }
        #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
          text-align: center;
          padding-left: 0; }
          #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item {
            display: inline-block;
            margin-right: 25px;
            width: 162px;
            vertical-align: top; }
            #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item img {
              vertical-align: top; }
            #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item:last-child {
              margin-right: 0; }
            #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-video {
              position: relative;
              width: 100%; }
              #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-video > img {
                width: 100%;
                border-radius: 9px;
                box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.3); }
              #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-video .play-button {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translateX(-50%) translateY(-50%);
                width: 60px;
                height: 60px;
                border-radius: 30%; }
            #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title {
              font-size: 18px;
              color: #303030;
              line-height: 1.5em;
              text-align: left;
              font-weight: 200; }
              #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title span {
                text-overflow: ellipsis;
                overflow: hidden;
                height: 3em;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical; }
              #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title p {
                font-size: 15px;
                color: #666; }

.section6-content-image-wrapper {
  margin: 30px 0 80px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .section6-content-image-wrapper img {
    width: 176px;
    height: 254px;
    margin-right: 21px; }
  .section6-content-image-wrapper img:last-child {
    margin-right: 0px; }

#section-audiobook {
  padding-top: 50px;
  background-clip: content-box; }
  #section-audiobook #section-audiobook-sub1 {
    position: relative;
    background: #ffffff; }
    #section-audiobook #section-audiobook-sub1 .section6-content-wrapper {
      position: relative;
      width: 1024px;
      margin: 0 auto;
      padding-top: 28px;
      text-align: center; }
      #section-audiobook #section-audiobook-sub1 .section6-content-wrapper .slider {
        background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/6_pc_bg.png") no-repeat center center/370px; }
      #section-audiobook #section-audiobook-sub1 .section6-content-wrapper .swiper-slide img {
        border-radius: 15px; }
      #section-audiobook #section-audiobook-sub1 .section6-content-wrapper .content-sub2-title {
        margin-top: 30px;
        font-weight: bold;
        font-size: 24px;
        letter-spacing: -1px;
        color: #000000; }
      #section-audiobook #section-audiobook-sub1 .section6-content-wrapper .content-sub-title.small {
        display: none; }
  #section-audiobook #section-audiobook-sub2 {
    position: relative;
    height: 100%;
    background: #f9f9f9;
    padding: 0 0 10px; }
    #section-audiobook #section-audiobook-sub2 .section7-content-wrapper {
      position: relative;
      width: 1024px;
      margin: 0 auto;
      padding-top: 15px;
      text-align: center; }
      #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-title {
        font-size: 30px;
        margin-bottom: 5px;
        font-weight: 300; }
      #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow {
        margin: 40px 0 168px; }
        #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
          text-align: center;
          padding-left: 0; }
          #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item {
            display: inline-block;
            margin-right: 25px;
            width: 162px;
            vertical-align: top; }
            #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item img {
              vertical-align: top; }
            #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item:last-child {
              margin-right: 0; }
            #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-video {
              position: relative;
              width: 100%; }
              #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-video > img {
                width: 100%;
                box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.1); }
              #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-video .play-button {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translateX(-50%) translateY(-50%);
                width: 60px;
                height: 60px;
                border-radius: 30%; }
            #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title {
              font-size: 18px;
              color: #303030;
              line-height: 1.5em;
              text-align: left;
              font-weight: 200; }
              #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title span {
                text-overflow: ellipsis;
                overflow: hidden;
                height: 3em;
                word-wrap: break-word;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical; }
              #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title p {
                font-size: 15px;
                color: #666; }
  #section-audiobook #section-audiobook-sub3 {
    position: relative;
    height: 100%; }
    #section-audiobook #section-audiobook-sub3 .section8-content-wrapper {
      position: relative;
      width: 1024px;
      margin: 0 auto;
      padding-top: 28px;
      text-align: center; }
      #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-title {
        margin-bottom: 12px;
        font-size: 30px; }
        #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-title br {
          display: none; }
        #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-title .underline:after {
          display: none; }
      #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-sub-title {
        font-size: 20px;
        margin-bottom: 10px; }
      #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-title-image {
        height: 88px; }
        #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-title-image img {
          height: 100%; }
      #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper {
        position: relative;
        margin: 113px 0 0;
        padding: 0;
        width: 822px;
        left: 50%;
        transform: translateX(-50%); }
        #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper:after {
          content: '';
          display: block;
          clear: both; }
        #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper .content-item {
          list-style: none;
          position: relative;
          float: left;
          width: 234px;
          margin-right: 60px; }
          #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper .content-item:after {
            content: '';
            display: block;
            position: absolute;
            width: 234px;
            height: 234px;
            top: 0;
            left: 0;
            background: #000;
            z-index: -1;
            border-radius: 50%; }
          #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper .content-item .content-audiobook:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.4; }
          #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper .content-item.on:before {
            content: '';
            display: block;
            position: absolute;
            top: -12px;
            right: -17px;
            width: 74px;
            height: 190px;
            background: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/bookbox_record.png);
            z-index: 1; }
          #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper .content-item.on .content-audiobook:before {
            content: '';
            display: none; }
          #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper .content-item.on .bold-point {
            font-weight: 500 !important; }
          #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper .content-item:last-child {
            margin-right: 0; }
          #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper .content-item .content-audiobook {
            position: relative;
            width: 162px;
            height: 244px;
            margin: 0 auto;
            background-color: #efefef;
            border-radius: 10px;
            box-shadow: 0 7px 7px 0 rgba(0, 0, 0, 0.2);
            overflow: hidden; }
            #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper .content-item .content-audiobook img {
              width: 100%;
              height: 100%; }
          #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper .content-item .content-item-title {
            font-size: 18px;
            color: #666;
            line-height: 1.5em;
            text-align: center;
            font-weight: 200; }
            #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper .content-item .content-item-title .bold-point {
              font-weight: 200;
              color: #030303; }
      #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .default-button {
        margin: 72px auto 134px; }
  #section-audiobook #section-audiobook-sub4 {
    position: relative;
    background-color: #f5f5f5;
    background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/9_pc_bg.png");
    background-repeat: no-repeat;
    background-position: center 384px; }
    #section-audiobook #section-audiobook-sub4 .section9-content-wrapper {
      position: relative;
      width: 1024px;
      margin: 0 auto;
      padding-top: 28px;
      text-align: center; }
      #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper {
        margin: 77px 0 0;
        padding: 0;
        min-height: 1000px; }
        #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper:after {
          content: '';
          display: block;
          clear: both; }
        #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item {
          position: absolute;
          width: 320px;
          padding-top: 106px; }
          #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item:before {
            content: '';
            display: block;
            width: 26px;
            height: 26px;
            margin: 10px auto 0;
            background: #fff;
            border: 2px solid #00c73c;
            border-radius: 50%; }
          #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item .item-time {
            color: #666;
            font-size: 40px;
            font-weight: 300;
            font-family: 'Roboto', sans-serif;
            letter-spacing: 0; }
          #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item .item-title {
            display: inline-block;
            margin: 10px auto 0;
            padding: 16px 19px;
            font-weight: 500;
            font-size: 30px;
            letter-spacing: -0.8px;
            background: #eaeaea;
            border-radius: 13px;
            letter-spacing: -0.8px; }
          #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item .item-txt {
            font-size: 20px;
            margin-top: 20px;
            color: #666666;
            letter-spacing: -0.8px; }
          #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item:nth-child(1) {
            left: -37px;
            background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/9_1.png") no-repeat center top; }
          #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item:nth-child(2) {
            left: 324px;
            background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/9_2.png") no-repeat center top; }
          #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item:nth-child(3) {
            left: 686px;
            background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/9_3.png") no-repeat center top; }
          #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item:nth-child(4) {
            top: 685px;
            left: 757px;
            background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/9_6.png") no-repeat center top; }
          #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item:nth-child(5) {
            top: 685px;
            left: 396px;
            background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/9_5.png") no-repeat center top; }
          #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item:nth-child(6) {
            top: 685px;
            left: 37px;
            background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/9_4.png") no-repeat center top; }
  #section-audiobook #section-audiobook-sub5 {
    position: relative; }
    #section-audiobook #section-audiobook-sub5 .large {
      line-height: 1.5em; }
    #section-audiobook #section-audiobook-sub5 .section10-content-wrapper {
      position: relative;
      width: 1160px;
      margin: 0 auto;
      padding: 28px 0 86px;
      text-align: center; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-title br {
        display: none; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper {
        margin: 76px 0 0;
        padding: 0;
        text-align: center; }
        #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item {
          display: inline-block;
          width: 208px;
          margin: 0 214px 84px 0px;
          padding-top: 208px;
          overflow: visible;
          background-position: center top;
          background-size: auto auto; }
          @media screen and (max-width: 1200px) {
            #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item {
              margin-right: 150px; } }
          #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item:nth-child(3n) {
            margin-right: 0px; }
          #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item .item-title {
            position: relative;
            width: 340px;
            left: 50%;
            transform: translateX(-50%);
            font-weight: 500;
            font-size: 28px;
            letter-spacing: -1.4px;
            line-height: 1.5;
            color: #030303; }
          #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item .item-txt {
            position: relative;
            width: 340px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 22px;
            font-weight: 200;
            letter-spacing: -1.1px;
            line-height: 1.5;
            color: #666666; }
          #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item:nth-child(1) {
            background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/10_1.png") no-repeat center top; }
          #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item:nth-child(2) {
            background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/10_2.png") no-repeat center top; }
          #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item:nth-child(3) {
            background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/10_3.png") no-repeat center top; }
          #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item:nth-child(4) {
            background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/10_4.png") no-repeat center top; }
          #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item:nth-child(5) {
            background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/10_5.png") no-repeat center top; }
          #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item:nth-child(6) {
            background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/10_6.png") no-repeat center top; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-title {
        margin-bottom: 0;
        font-weight: 200;
        line-height: 1.4em; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-sub-title {
        font-size: 50px;
        font-weight: 500;
        color: #030303; }

.membership-page .content-wrapper {
  padding: 0 !important; }

/** right menu **/
.floating-menu-wrap {
  position: absolute;
  width: 230px;
  height: 10000px;
  right: 0; }
  @media screen and (max-width: 1660px) {
    .floating-menu-wrap {
      display: none; } }
  .floating-menu-wrap .floating-menu {
    display: inline-block;
    right: 0;
    width: auto;
    padding: 13px 70px 13px 13px;
    transform: translateY(-50%);
    z-index: 100;
    text-align: right; }
    @media screen and (max-width: 1660px) {
      .floating-menu-wrap .floating-menu {
        display: none; } }
    .floating-menu-wrap .floating-menu.black a {
      color: #000; }
    .floating-menu-wrap .floating-menu a {
      display: block;
      font-size: 22px;
      font-weight: 200;
      font-family: 'Noto Sans KR', sans-serif;
      color: white; }
      .floating-menu-wrap .floating-menu a:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        transform: translateY(-50%);
        background-color: #d8d8d8;
        background-size: 30px 30px;
        background-repeat: no-repeat; }
    .floating-menu-wrap .floating-menu li {
      position: relative;
      list-style: none;
      padding: 5px 40px 5px 0; }
      .floating-menu-wrap .floating-menu li.is-current a {
        font-weight: 700;
        margin-left: 0;
        text-decoration: underline; }
        .floating-menu-wrap .floating-menu li.is-current a:after {
          background-color: #00c73c; }
      .floating-menu-wrap .floating-menu li:nth-child(1) a:after {
        background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/ic_menu_1.png"); }
      .floating-menu-wrap .floating-menu li:nth-child(2) a:after {
        background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/ic_menu_2.png"); }
      .floating-menu-wrap .floating-menu li:nth-child(3) a:after {
        background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/ic_menu_3.png"); }
      .floating-menu-wrap .floating-menu li:nth-child(4) a:after {
        background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/ic_menu_4.png"); }
  .floating-menu-wrap .fixed {
    position: fixed;
    top: 50%;
    left: auto; }
  .floating-menu-wrap .absolute {
    position: absolute;
    top: 89%; }

#section-class-sub2 .slider.pc {
  max-width: 648px; }

#section-class-sub2 .slider {
  position: relative;
  margin: 0 auto; }

/* slider */
.w-main-quotes__slide-item .w-main-quotes__slide-text {
  font-size: 30px;
  color: #353a3c; }

.w-main-quotes__slide-item .w-main-quotes__slide-author {
  font-size: 16px;
  color: #353a3c; }

.w-main-quotes__slide-item .slide-link {
  font-size: 16px;
  color: #00c73c;
  font-weight: bold; }

.w-app-container .swiper-wrapper {
  padding: 20px 0; }

.w-app-container .padding-zero .swiper-wrapper {
  padding: 0 !important; }

.w-app-container #section-class .swiper-slide-active, .w-app-container #section-audiobook .swiper-slide-active {
  border-radius: 15px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2); }

.w-app-container .swiper-button-next, .w-app-container .swiper-button-next--1024 {
  width: 48px;
  height: 48px;
  top: 55%;
  right: 0px;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/ic-angle-right-primary-xl.png");
  background-size: 48px 48px; }

@media screen and (max-width: 1024px) {
  .w-app-container .swiper-button-next--1024 {
    display: none; } }

.w-app-container .swiper-button-prev, .w-app-container .swiper-button-prev--1024 {
  width: 48px;
  height: 48px;
  top: 55%;
  left: 0px;
  background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/ic-angle-left-primary-xl.png");
  background-size: 48px 48px; }

@media screen and (max-width: 1024px) {
  .w-app-container .swiper-button-prev--1024 {
    display: none; } }

@media screen and (min-width: 1025px) {
  .large {
    display: block; }
  .small {
    display: none; } }

@media screen and (max-width: 1160px) {
  #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item:nth-child(2) {
    left: 299px; }
  #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item:nth-child(3) {
    left: 636px; }
  #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item:nth-child(4) {
    left: 707px; }
  #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper .content-item:nth-child(5) {
    left: 371px; }
  #section-audiobook #section-audiobook-sub5 .section10-content-wrapper {
    width: 1024px; }
    #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item {
      margin-right: 140px; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item .item-title {
        width: 322px; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item .item-txt {
        width: 322px; } }

@media screen and (max-width: 1024px) {
  .small {
    display: none; }
  .floating-app-link {
    display: block;
    position: fixed;
    width: 100%;
    height: 93px;
    left: 0;
    bottom: 0;
    padding: 12px 0 0 74px;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.8);
    background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/ic_playstore.png");
    background-repeat: no-repeat;
    background-position: 18px 12px;
    background-size: 44px 44px; }
    .floating-app-link .floating-app-title {
      font-weight: 700;
      font-size: 18px;
      color: #FFFFFF;
      letter-spacing: -0.74px;
      line-height: 1.2; }
    .floating-app-link a {
      font-size: 13px;
      color: #48D372;
      letter-spacing: -0.52px;
      line-height: 2.1;
      text-decoration: underline; }
    .floating-app-link .floating-app-close {
      position: absolute;
      top: 12px;
      right: 17px;
      width: 30px;
      height: 30px;
      border: none;
      background-color: transparent;
      background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/ic_playstore_close.png");
      background-repeat: no-repeat;
      background-size: 30px 30px; }
  .slider.mobile {
    width: 100%;
    max-width: 450px; }
  .mobile .swiper-container {
    width: 260px;
    margin: 0 auto; }
  .mobile .swiper-slide img {
    width: 100%; }
  #ygkplus-event img {
    width: 100%; }
  div[id^='section-'] .content-title,
  section[id^='section-'] .content-title {
    font-size: 36px; }
  div[id^='section-'] .content-sub-title,
  section[id^='section-'] .content-sub-title {
    font-size: 22px; }
  #section-class #section-class-sub1 .section4-content-wrapper {
    width: 768px; }
  #section-class #section-class-sub2 .section5-content-wrapper {
    width: 768px; }
    #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow {
      margin: 40px 0 121px; }
  #section-audiobook #section-audiobook-sub1 .section6-content-wrapper {
    width: 768px;
    padding-top: 40px; }
  #section-audiobook #section-audiobook-sub2 {
    position: relative; }
    #section-audiobook #section-audiobook-sub2 .section7-content-wrapper {
      width: 768px; }
      #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-left {
        padding-top: 80px;
        width: auto;
        margin-top: 0; }
        #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-left .content-title {
          font-size: 35px;
          color: #ffffff;
          line-height: 45.6px; }
          #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-left .content-title .bold-point {
            font-weight: 900; }
        #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-left .content-sub-title {
          margin-top: 40.36px;
          font-size: 35px;
          color: #ffffff;
          line-height: 1.8em;
          margin-bottom: 60.49px; }
  #section-audiobook #section-audiobook-sub3 .section8-content-wrapper {
    width: 100%;
    padding-top: 40px; }
    #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper-overflow {
      overflow: auto; }
      #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
        margin: 113px auto 0;
        left: 0;
        transform: translateX(0); }
  #section-audiobook #section-audiobook-sub4 {
    background-image: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/9_line.png");
    background-repeat: no-repeat;
    background-position: left 246px;
    background-size: 100% 1px; }
    #section-audiobook #section-audiobook-sub4 .section9-content-wrapper {
      width: 100%;
      padding-top: 40px; }
      #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-title {
        margin-bottom: 0; }
      #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: 50px; }
        #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
          width: 1400px;
          min-height: auto;
          margin: 40px 0 69px;
          text-align: left; }
          #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item {
            display: inline-block;
            position: relative;
            width: 70px;
            margin-right: 173px;
            padding-top: 0;
            top: 0;
            left: 0;
            vertical-align: top;
            background-size: 100%; }
            #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item br {
              display: block; }
            #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item:before {
              background: #FFFFFF;
              border: 1px solid #979797;
              margin-top: 50px;
              width: 15px;
              height: 15px; }
            #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .item-title {
              position: relative;
              width: 180px;
              margin-top: 90px;
              padding: 0;
              left: 50%;
              transform: translateX(-50%);
              text-align: center;
              font-size: 22px;
              background: none;
              color: #00C73C; }
            #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .item-time {
              position: absolute;
              top: 0px;
              left: 50%;
              transform: translateX(-50%);
              margin-top: 0;
              padding: 6px 14px;
              border-radius: 3px;
              font-size: 20px;
              background: #00C73C;
              color: #fff; }
              #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .item-time:after {
                content: '';
                display: block;
                position: absolute;
                width: 0px;
                height: 0px;
                left: 50%;
                bottom: -10px;
                transform: translateX(-50%);
                background: transparent;
                border-top: 5px solid #00C73C;
                border-right: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-left: 5px solid transparent; }
            #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .item-txt {
              position: relative;
              width: 180px;
              left: 50%;
              transform: translateX(-50%);
              margin-top: 10px;
              font-size: 12px;
              color: #030303;
              letter-spacing: -0.47px;
              text-align: center;
              line-height: 16px; }
            #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item:last-child {
              margin-right: 0; }
            #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item:nth-child(1) {
              left: 0px;
              background-position: center 74px; }
            #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item:nth-child(2) {
              left: 0px;
              background-position: center 74px; }
            #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item:nth-child(3) {
              left: 0px;
              background-position: center 74px; }
            #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item:nth-child(4) {
              left: 0px;
              background-position: center 74px; }
            #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item:nth-child(5) {
              left: 0px;
              background-position: center 74px; }
            #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item:nth-child(6) {
              left: 0px;
              background-position: center 74px; }
  #section-audiobook #section-audiobook-sub5 .section10-content-wrapper {
    width: 768px;
    padding-top: 40px;
    padding-bottom: 70px; }
    #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper {
      text-align: left;
      padding: 0 18px; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item {
        display: block;
        width: 100%;
        padding: 58px 0 58px 130px;
        vertical-align: middle;
        background-position: left center !important;
        background-size: 110px 110px !important;
        margin-bottom: 0; }
        #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item:after {
          content: '';
          display: block;
          position: relative;
          height: 1px;
          bottom: -58px;
          background: #f5f5f5; }
        #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item .item-title {
          width: auto;
          margin: 0;
          font-size: 20px; }
        #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item .item-txt {
          width: auto;
          margin: 0;
          font-size: 16px; }
          #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item .item-txt br {
            display: none; }
    #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-sub-title {
      font-size: 36px; } }

@media screen and (max-width: 768px) {
  .large {
    display: none; }
  .small {
    display: block; }
  .mobile .swiper-container {
    width: 100%;
    margin: 0 auto; }
    .mobile .swiper-container .swiper-slide {
      width: 129px; }
  div[id^='section-'] div,
  div[id^='section-'] p,
  div[id^='section-'] button,
  section[id^='section-'] {
    letter-spacing: -0.6px; }
  div[id^='section-'] .underline:after {
    height: 6px;
    bottom: -3px; }
  div[id^='section-'] .content-title,
  section[id^='section-'] .content-title {
    margin-bottom: 8px;
    font-size: 29px;
    line-height: 1.3em;
    letter-spacing: -1px;
    text-align: left; }
    div[id^='section-'] .content-title div,
    section[id^='section-'] .content-title div {
      margin-bottom: 8px;
      font-size: 29px;
      line-height: 1.3em;
      letter-spacing: -1px;
      text-align: left; }
  div[id^='section-'] .content-sub-title,
  section[id^='section-'] .content-sub-title {
    font-size: 19px;
    letter-spacing: -1.25px;
    line-height: 1.5em;
    text-align: left; }
  .default-button {
    width: calc(100% - 36px);
    position: relative;
    padding: 15px 0;
    background: #00c73c;
    border-radius: 5px;
    color: #fff; }
    .default-button:after {
      content: '';
      vertical-align: top;
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-left: 10px;
      background: url(https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/ic_link.png) no-repeat center/20px 20px; }
  #section-class #section-class-sub1 {
    padding: 0px 18px 13px; }
    #section-class #section-class-sub1 .section4-content-wrapper {
      width: 100%; }
      #section-class #section-class-sub1 .section4-content-wrapper .slider.mobile {
        margin-top: 0;
        padding: 80px 0 40px 0;
        background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/4_mobile_bg.png") no-repeat top center/190px; }
      #section-class #section-class-sub1 .section4-content-wrapper .content-image-wrapper {
        position: relative;
        display: flex;
        justify-content: center;
        margin-top: 20px; }
        #section-class #section-class-sub1 .section4-content-wrapper .content-image-wrapper img {
          width: 105px;
          height: 147px;
          margin-right: 5px; }
        #section-class #section-class-sub1 .section4-content-wrapper .content-image-wrapper img:last-child {
          margin-right: 0px; }
  #section-class #section-class-sub2 {
    padding: 0 0 40px; }
    #section-class #section-class-sub2 .section5-content-wrapper {
      width: 100%; }
      #section-class #section-class-sub2 .section5-content-wrapper .content-title {
        text-align: center;
        font-size: 20px;
        font-weight: 200; }
      #section-class #section-class-sub2 .section5-content-wrapper .content-sub-title {
        text-align: center;
        font-size: 20px; }
      #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow {
        margin: 40px 0 0;
        overflow: auto; }
        #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
          width: 580px;
          margin: 0 auto; }
          #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item {
            width: 115px;
            margin-right: 20px; }
            #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title {
              font-size: 15px; }
              #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title span {
                display: inline-block;
                width: 100%;
                height: auto;
                white-space: nowrap; }
              #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title p {
                font-size: 13px; }
            #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-video .play-button {
              width: 42px;
              height: 42px; }
  .section6-content-image-wrapper {
    margin: 0px 13px 40px 18px;
    width: calc(100vw - 31px);
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .section6-content-image-wrapper img {
      width: 105px;
      height: 152px;
      margin-right: 5px;
      margin-top: 10px; }
    .section6-content-image-wrapper img:last-child {
      margin-right: 5px; }
  #section-audiobook #section-audiobook-sub1 {
    padding: 0px 18px 13px; }
    #section-audiobook #section-audiobook-sub1 .section6-content-wrapper {
      width: 100%; }
      #section-audiobook #section-audiobook-sub1 .section6-content-wrapper .content-sub-title {
        text-align: left;
        margin-bottom: 10px; }
      #section-audiobook #section-audiobook-sub1 .section6-content-wrapper .content-sub-title.large {
        display: none; }
      #section-audiobook #section-audiobook-sub1 .section6-content-wrapper .content-sub-title.small {
        display: block; }
      #section-audiobook #section-audiobook-sub1 .section6-content-wrapper .content-sub2-title {
        width: calc(100vw - 36px);
        margin: 15px 18px 0 18px;
        font-size: 13px;
        letter-spacing: -0.54px;
        text-align: left; }
      #section-audiobook #section-audiobook-sub1 .section6-content-wrapper .slider.mobile {
        margin-top: 0;
        padding: 80px 0 40px 0;
        background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/introduce/6_mobile_bg.png") no-repeat top center/190px; }
  #section-audiobook #section-audiobook-sub2 {
    padding: 0 0 50px; }
    #section-audiobook #section-audiobook-sub2 .section7-content-wrapper {
      width: 100%; }
      #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-title {
        text-align: center;
        font-size: 20px;
        font-weight: 200; }
      #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-sub-title {
        text-align: center;
        font-size: 20px; }
      #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow {
        margin: 40px 0 0;
        overflow: auto; }
        #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
          width: 580px;
          margin: 0 auto; }
          #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item {
            width: 115px;
            margin-right: 20px; }
            #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title {
              font-size: 15px; }
              #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title span {
                display: inline-block;
                width: 100%;
                height: auto;
                white-space: nowrap; }
              #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title p {
                font-size: 13px; }
            #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-video .play-button {
              width: 42px;
              height: 42px; }
  #section-audiobook #section-audiobook-sub3 {
    margin: 0;
    padding: 40px 0px;
    height: auto;
    min-height: auto; }
    #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-title {
      padding-left: 18px; }
      #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-title br {
        display: block; }
      #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-title .underline:after {
        display: block; }
    #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-sub-title {
      display: none; }
    #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-title-image {
      height: 35px;
      text-align: left;
      padding-left: 18px; }
    #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
      width: 600px;
      margin-top: 70px; }
      #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item {
        width: 180px;
        margin-right: 30px; }
        #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item:last-child {
          margin-right: 0; }
        #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item:after {
          width: 180px;
          height: 180px; }
        #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-audiobook {
          width: 125px;
          height: 189px; }
        #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title {
          font-size: 14px; }
          #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title .bold-point {
            font-size: 16px; } }
  @media screen and (max-width: 768px) and (max-width: 600px) {
    #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
      width: 618px;
      margin-left: 18px; } }

@media screen and (max-width: 768px) {
    #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .default-button {
      margin: 40px 18px 25px; }
  #section-audiobook #section-audiobook-sub4 {
    background-position: left 228px; }
    #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-title {
      padding-left: 18px; }
    #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
      width: 1100px;
      margin: 55px 0 52px; }
      #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item {
        margin-right: 110px; }
        #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .item-title {
          font-size: 20px; }
  #section-audiobook #section-audiobook-sub5 {
    padding: 0px 18px 13px; }
    #section-audiobook #section-audiobook-sub5 .section10-content-wrapper {
      width: 100%; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-title br {
        display: block; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-sub-title {
        font-size: 29px;
        display: none; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .bold {
        font-weight: bold; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper {
        margin-top: 0;
        padding: 0 0; }
        #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item {
          width: auto;
          margin-right: 0;
          padding: 38px 0 38px 90px;
          background-size: 70px 70px !important; }
          #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item:after {
            bottom: -38px; }
          #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item .item-title {
            left: 0;
            transform: translateX(0); }
          #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item .item-txt {
            left: 0;
            transform: translateX(0); }
  /* slider */
  .w-app-container .swiper-slide {
    opacity: 0; }
    .w-app-container .swiper-slide img {
      vertical-align: top; }
  .w-app-container .swiper-slide-prev,
  .w-app-container .swiper-slide-next {
    opacity: 0.8; }
  .w-app-container .swiper-slide-active {
    opacity: 1; }
  .section1-block-one {
    position: absolute;
    bottom: 80px; }
  .section1-block-two {
    position: absolute;
    bottom: 24.722vw; } }

@media screen and (max-width: 480px) {
  div[id^='section-'] div,
  div[id^='section-'] p,
  div[id^='section-'] button,
  section[id^='section-'] {
    letter-spacing: -0.6px; }
  div[id^='section-'] .content-title,
  section[id^='section-'] .content-title {
    font-size: 24px;
    letter-spacing: -0.6px; }
    div[id^='section-'] .content-title div,
    section[id^='section-'] .content-title div {
      font-size: 24px;
      letter-spacing: -0.6px; }
  div[id^='section-'] .content-sub-title,
  section[id^='section-'] .content-sub-title {
    font-size: 14px;
    letter-spacing: -0.6px; }
  div[id^='section-'] .underline:after {
    height: 6px;
    bottom: -3px; }
  #section-class #section-class-sub1 {
    padding: 0 0 13px; }
    #section-class #section-class-sub1 .section4-content-wrapper .content-title {
      padding-left: 18px; }
    #section-class #section-class-sub1 .section4-content-wrapper .content-sub-title {
      padding-left: 18px; }
  #section-class #section-class-sub2 .section5-content-wrapper .content-title {
    font-size: 18px; }
  #section-class #section-class-sub2 .section5-content-wrapper .content-sub-title {
    font-size: 18px; } }

@media screen and (max-width: 480px) and (max-width: 425px) {
  #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
    margin-left: 18px;
    width: 407px !important; } }

@media screen and (max-width: 480px) {
  #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
    width: 389px;
    text-align: left; }
    #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item {
      width: 86px;
      margin-right: 15px; }
      #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title {
        margin-top: 6px;
        font-size: 10px; }
        #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title p {
          margin-top: 0;
          font-size: 10px; }
      #section-class #section-class-sub2 .section5-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-video .play-button {
        width: 30px;
        height: 30px; }
  #section-audiobook #section-audiobook-sub1 {
    padding: 0 0 18px; }
    #section-audiobook #section-audiobook-sub1 .section6-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
      margin-top: 30px; }
    #section-audiobook #section-audiobook-sub1 .section6-content-wrapper .content-title {
      padding-left: 18px; }
    #section-audiobook #section-audiobook-sub1 .section6-content-wrapper .content-sub-title {
      padding-left: 18px; }
  #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-title {
    font-size: 18px; }
  #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-sub-title {
    font-size: 18px; } }

@media screen and (max-width: 480px) and (max-width: 425px) {
  #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
    margin-left: 18px;
    width: 407px !important; } }

@media screen and (max-width: 480px) {
  #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
    width: 389px;
    text-align: left; }
    #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item {
      width: 86px;
      margin-right: 15px; }
      #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title {
        margin-top: 6px;
        font-size: 10px; }
        #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title p {
          margin-top: 0;
          font-size: 10px; }
      #section-audiobook #section-audiobook-sub2 .section7-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-video .play-button {
        width: 30px;
        height: 30px; }
  #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
    margin-top: 48px; }
    #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title {
      font-size: 10px; }
      #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .content-item-title .bold-point {
        font-size: 14px; }
  #section-audiobook #section-audiobook-sub3 .section8-content-wrapper .default-button {
    font-size: 18px; }
  #section-audiobook #section-audiobook-sub4 {
    background-position: left 196px; }
    #section-audiobook #section-audiobook-sub4 .section9-content-wrapper {
      width: 100%; }
      #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-title {
        margin-bottom: 0; }
      #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper {
        margin: 36px 0 32px; }
        #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item {
          width: 61px; }
          #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .item-title {
            margin-top: 80px;
            font-size: 18px; }
          #section-audiobook #section-audiobook-sub4 .section9-content-wrapper .content-item-wrapper-overflow .content-item-wrapper .content-item .item-time {
            font-size: 16px; }
  #section-audiobook #section-audiobook-sub5 .section10-content-wrapper {
    padding-bottom: 23px; }
    #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-sub-title {
      font-size: 24px; }
    #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item {
      padding: 19px 0 19px 60px;
      background-size: 52px 52px !important; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item .item-title {
        font-size: 16px; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item .item-txt {
        font-size: 12px; }
      #section-audiobook #section-audiobook-sub5 .section10-content-wrapper .content-item-wrapper .content-item:after {
        bottom: -20px; } }

.fadeIn {
  animation-name: fadeIn; }

.fadeInUp {
  animation-name: fadeInUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.w-series {
  padding: 50px 0; }
  @media (min-width: 1024px) {
    .w-series {
      padding: 100px 0; } }

.w-series__grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
  -ms-grid-columns: 1fr 20px 1fr;
  margin-top: 20px; }
  @media (min-width: 480px) and (max-width: 767px) {
    .w-series__grid {
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-columns: 1fr 15px 1fr 15px 1fr; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-series__grid {
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    .w-series__grid {
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
      margin-top: 40px; } }
  @media (min-width: 1600px) {
    .w-series__grid {
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
      margin-top: 40px; } }

.w-series__card {
  position: relative; }

.w-series__card-thumbnail {
  width: 158px;
  padding-top: 70%;
  padding-bottom: 70%;
  margin: 0 auto;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: inset 0px -100px 100px -60px rgba(0, 0, 0, 0.6), 0 0 6px 2px rgba(0, 0, 0, 0.15); }
  @media (min-width: 414px) and (max-width: 767px) {
    .w-series__card-thumbnail {
      padding-top: 60%;
      padding-bottom: 60%; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .w-series__card-thumbnail {
      padding-top: 65%;
      padding-bottom: 65%; } }
  @media (min-width: 1024px) {
    .w-series__card-thumbnail {
      width: 320px; } }

.w-series__card-link {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  line-height: 1.5;
  font-size: 14px;
  color: #FFFFFF; }
  @media (min-width: 1024px) {
    .w-series__card-link {
      font-size: 20px; } }

.w-series__card-text {
  display: -webkit-box;
  height: 2.37em;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.w-series-detail__thumbnail {
  width: 100%;
  padding-top: 2px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media (min-width: 1024px) {
    .w-series-detail__thumbnail {
      width: 450px;
      padding-bottom: 0;
      display: block;
      margin: 20px auto 0; } }

.w-series-detail__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600; }
  @media (min-width: 1024px) {
    .w-series-detail__title {
      font-size: 24px; } }

.w-series-detail__info {
  margin-top: 50px;
  margin-bottom: 25px; }

.w-series-detail__info-text {
  margin: 20px 0;
  font-size: 14px; }
  @media (min-width: 1024px) {
    .w-series-detail__info-text {
      font-size: 16px; } }

.w-series-detail__class {
  margin-top: 25px;
  margin-bottom: 50px; }

.w-series-detail__class-grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
  -ms-grid-columns: 1fr 15px 1fr;
  margin: 20px 0; }
  @media (min-width: 500px) and (max-width: 767px) {
    .w-series-detail__class-grid {
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: 1fr 15px 1fr; } }
  @media (min-width: 768px) and (max-width: 1599px) {
    .w-series-detail__class-grid {
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-columns: 1fr 15px 1fr 15px 1fr; } }
  @media (min-width: 1600px) {
    .w-series-detail__class-grid {
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr; } }

.w-series-035__top_position {
  position: relative; }
  @media (max-width: 1023px) {
    .w-series-035__top_position .w-container {
      width: 100%; }
    .w-series-035__top_position .w-series-035 #Table_01 {
      display: none; }
    .w-series-035__top_position .w-series-035 #Table_02 {
      display: none; }
    .w-series-035__top_position .w-series-035 .background-color_1 {
      display: none; }
    .w-series-035__top_position .w-series-035 .background-color_2 {
      display: none; }
    .w-series-035__top_position .w-series-035 .background-color_3 {
      display: none; }
    .w-series-035__top_position .w-series-035 .background-color_4 {
      display: none; }
    .w-series-035__top_position .w-series-035 .background-color_5 {
      display: none; }
    .w-series-035__top_position .w-series-035 .background-color_6 {
      display: none; }
    .w-series-035__top_position .w-series-035 #Table_03 {
      display: block;
      margin: 0 auto;
      position: relative; } }
  @media (max-width: 1599px) and (min-width: 1024px) {
    .w-series-035__top_position .w-series-035 img {
      float: left; }
    .w-series-035__top_position .w-series-035 #Table_01 {
      display: none; }
    .w-series-035__top_position .w-series-035 .background-color_1 {
      display: none; }
    .w-series-035__top_position .w-series-035 .background-color_2 {
      display: none; }
    .w-series-035__top_position .w-series-035 .background-color_3 {
      display: none; }
    .w-series-035__top_position .w-series-035 .background-color_4 {
      background-color: #ebf7ee;
      width: 100%;
      height: 624px;
      position: absolute;
      left: 0; }
    .w-series-035__top_position .w-series-035 .background-color_5 {
      background-color: #413f5c;
      width: 100%;
      height: 680px;
      position: absolute;
      left: 0;
      top: 624px; }
    .w-series-035__top_position .w-series-035 .background-color_6 {
      background-color: #ebf7ee;
      width: 100%;
      height: 328px;
      position: absolute;
      left: 0;
      top: 2735px; }
    .w-series-035__top_position .w-series-035 #Table_02 {
      display: block;
      margin: 0 auto;
      position: relative; }
    .w-series-035__top_position .w-series-035 #Table_03 {
      display: none; } }
  @media (min-width: 1600px) {
    .w-series-035__top_position .w-series-035 img {
      float: left; }
    .w-series-035__top_position .w-series-035 #Table_01 {
      margin: 0 auto;
      position: relative; }
    .w-series-035__top_position .w-series-035 #Table_02 {
      display: none; }
    .w-series-035__top_position .w-series-035 .background-color_1 {
      background-color: #ebf7ee;
      width: 100%;
      height: 874px;
      position: absolute;
      left: 0; }
    .w-series-035__top_position .w-series-035 .background-color_2 {
      background-color: #413f5c;
      width: 100%;
      height: 952px;
      position: absolute;
      left: 0;
      top: 874px; }
    .w-series-035__top_position .w-series-035 .background-color_3 {
      background-color: #ebf7ee;
      width: 100%;
      height: 458px;
      position: absolute;
      left: 0;
      top: 3830px; }
    .w-series-035__top_position .w-series-035 .background-color_4 {
      display: none; }
    .w-series-035__top_position .w-series-035 .background-color_5 {
      display: none; }
    .w-series-035__top_position .w-series-035 .background-color_6 {
      display: none; }
    .w-series-035__top_position .w-series-035 #Table_03 {
      display: none; } }

.w-cs-top-tab-wrap {
  width: 100%;
  color: #00c73c;
  margin: 0;
  padding: 10px 10px 0;
  position: fixed;
  top: 0;
  height: 50px;
  background-color: #fff;
  z-index: 100;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }

.w-cs-top-tab__button {
  width: 33%;
  float: left;
  font-size: 16px;
  list-style: none;
  text-align: center;
  position: relative;
  font-family: 'Noto Sans KR', sans-serif;
  line-height: 32px; }

.w-cs-top-tab-title {
  text-align: center;
  margin: 10px;
  color: #a0a3a3; }

.w-cs-top-tab-title__selected {
  color: #000000; }

.w-cs-top-tab__selected {
  color: #000000;
  height: 100%; }
  .w-cs-top-tab__selected > span {
    display: inline-block;
    height: 100%;
    border-bottom: 2px solid; }

.w-cs-top-tab__inactive {
  color: #999999; }

.w-cs-faq-category-wrap {
  margin-top: 50px;
  background-color: #ededed;
  padding: 10px;
  position: relative;
  font-size: 13px; }

.w-cs-faq-category-item {
  width: 25%;
  padding: 14px 0 14px;
  text-align: center;
  background-color: #fff;
  color: #353a3c;
  border: 1px solid #ededed;
  float: left; }

.w-cs-faq-category-item__selected {
  color: #fff;
  background-color: #00c73c; }

.accordion-list {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
  overflow: hidden;
  font-size: 13px; }
  .accordion-list__item + .accordion-list__item {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

.accordion-item--opened .accordion-item__icon, .accordion-item--opened .w-mypage-faq .accordion-list__item .accordion-item__icon, .w-mypage-faq .accordion-list__item .accordion-item--opened .accordion-item__icon {
  transform: rotate(180deg); }

.accordion-item--opened .accordion-item__inner {
  max-height: 1000rem;
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition-duration: 0.5s;
  transition-property: max-height; }

.accordion-item--opened .accordion-item__content {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  transition-property: opacity, transform; }

.accordion-item__line {
  display: block;
  padding: 0.8rem 1.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  z-index: 2;
  position: relative; }

.accordion-item__title {
  font-size: 13px;
  margin: 0;
  font-weight: 700;
  color: #353a3c; }

.accordion-item__icon, .w-mypage-faq .accordion-list__item .accordion-item__icon {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform 0.3s ease-in-out;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABGklEQVR4Ae3RAcZCQRiF4buDfwshBGi+2UQgcIGAVtpSIuS/KyilG+UTcbk6zIH3GQBm3mM6AAAAAAAAAACA+eqf/yZBXcV/2XeCVPYx1FXj/FjGUMd45AQp/1HHGGLZNL+e61jHnKDmv8652YT1IvPfE2LX/Sh27/ycsF60yT/lk58JYn6eU4MJccjnlAmZ/33i0OAH4jg9Qcw/5g9YJpS+m6n0xvzpCfVe+nn59S7kGyYo+YYJWz3fO+E2PaFs9XzPhMy/6fmWCXq+YUJs9HzrhLh+JsQmrnq+bYKeb52g53snXPR88wQ93z9Bz/dP0PP9E/R89wQ93zpBz7dO0POtE/R86wQ93zpBzzdP+MoHAAAAAAAAAADAExTnTW20AtjhAAAAAElFTkSuQmCC);
  opacity: 0.6; }

.accordion-item__inner {
  max-height: 0;
  overflow: hidden;
  text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  transition-duration: 0.5s;
  transition-property: max-height;
  z-index: 1;
  position: relative; }

.accordion-item__content {
  opacity: 0;
  transform: translateY(-1rem);
  transition-timing-function: linear, ease;
  transition-duration: 0.1s;
  transition-property: opacity, transform;
  transition-delay: 0.5s;
  padding: 10px;
  background-color: #f7f7f7; }

.accordion-item__paragraph {
  margin: 0;
  font-size: 1rem;
  padding: 10px;
  color: #333;
  font-weight: 300;
  line-height: 1.3; }

.w-cs-qna-top-box {
  background-color: #fff;
  padding: 20px;
  position: relative;
  font-size: 13px; }
  .w-cs-qna-top-box.show-tab {
    margin-top: 50px; }

.w-cs-qna-top-box-title {
  font-size: 16px;
  font-weight: bold; }

.w-cs-qna-top-box-content1 {
  font-size: 13x;
  margin-top: 20px;
  line-height: 20px; }

.w-cs-qna-top-box-content2 {
  color: #767b80;
  font-size: 12px;
  font-weight: bold;
  margin-top: 20px; }

.w-cs-qna-top-box-content3 {
  color: #00c73c;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px; }

.w-cs-qna-bar {
  background-color: #ededed;
  height: 10px; }

.w-cs-qna-content-wrap {
  list-style: none;
  padding: 0;
  margin: 20px; }
  .w-cs-qna-content-wrap input[type='text'],
  .w-cs-qna-content-wrap input[type='email'],
  .w-cs-qna-content-wrap textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    padding: 0; }
  .w-cs-qna-content-wrap select {
    padding: 0; }

.w-cs-qna-content-title {
  float: left;
  clear: both;
  width: 25%;
  height: 40px;
  font-size: 13px;
  font-weight: bold;
  color: #353a3c;
  padding-top: 10px;
  margin-bottom: 10px; }
  .w-cs-qna-content-title.full-width {
    width: 100%;
    height: auto; }

.w-cs-qna-content-description {
  color: #7f7f7f;
  font-weight: normal;
  font-size: 12px; }

.w-cs-qna-content-input-wrap--readonly {
  background-color: #ddd; }
  .w-cs-qna-content-input-wrap--readonly > input {
    background-color: #ddd; }

.w-cs-qna-content-star {
  color: #ea6118;
  margin-left: 4px; }

.w-cs-qna-content-input-wrap, .w-cs-qna-content-input-wrap--readonly {
  float: right;
  height: 40px;
  width: 75%;
  border-radius: 8px;
  border: 2px solid #e3e3e3;
  padding: 8px 10px;
  text-align: center;
  color: #353a3c;
  margin-bottom: 10px; }

.w-cs-qna-content-input-wrap_file {
  display: flex;
  height: 40px;
  width: 100%;
  border-radius: 8px;
  border: 2px solid #e3e3e3;
  text-align: center;
  color: #353a3c;
  margin-bottom: 10px; }
  .w-cs-qna-content-input-wrap_file input[type='file'] {
    position: absolute;
    left: -999999px; }
  .w-cs-qna-content-input-wrap_file input[type='file'] + label {
    flex: 1;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    letter-spacing: -0.53px;
    color: #00c73c;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .w-cs-qna-content-input-wrap_file input[type='file'] + label {
        width: 100%; } }
  .w-cs-qna-content-input-wrap_file input[type='file']:disabled + label {
    background-color: #ddd;
    color: #7f7f7f; }
  .w-cs-qna-content-input-wrap_file div.w-cs-qna-content-input_file_name {
    display: flex;
    min-width: 0;
    width: 324px;
    padding: 0 15px;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px; }
    @media screen and (max-width: 768px) {
      .w-cs-qna-content-input-wrap_file div.w-cs-qna-content-input_file_name {
        width: 100%; } }
    .w-cs-qna-content-input-wrap_file div.w-cs-qna-content-input_file_name span {
      letter-spacing: -0.53px;
      color: #00c73c;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .w-cs-qna-content-input-wrap_file div.w-cs-qna-content-input_file_name .w-cs-qna-content-button_delete {
      display: inline-block;
      width: 24px;
      height: 24px;
      background: url("https://static.welaaa.co.kr/welaaa-web/static/rc/images/icons/ico-popup-close.png") no-repeat center center;
      background-size: contain;
      flex-shrink: 0; }

.w-cs-qna-content-checkbox-wrap {
  float: right;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  color: #353a3c;
  margin-bottom: 10px; }

.w-cs-qna-content-input {
  width: 100%;
  border: none;
  font-size: 13px;
  background-color: #fff; }

.w-cs-qna-content-input-wrap_textbox, .w-cs-qna-content-input-wrap_textbox--readonly {
  position: relative;
  float: right;
  height: 280px;
  width: 75%;
  border-radius: 8px;
  border: 2px solid #e3e3e3;
  padding: 10px;
  vertical-align: top;
  color: #353a3c;
  margin-bottom: 10px; }

.w-cs-qna-content-input-wrap_textbox--readonly {
  background-color: #ddd; }
  .w-cs-qna-content-input-wrap_textbox--readonly > textarea {
    background-color: #ddd; }

.w-cs-qna-content-input_textbox {
  width: 100%;
  height: 100%;
  border: none;
  font-size: 13px;
  resize: none; }
  .w-cs-qna-content-input_textbox + div {
    position: absolute;
    pointer-events: none;
    height: 140px;
    top: 0;
    left: 0;
    padding: 10px 10px 0;
    font-size: 13px;
    letter-spacing: -0.35px;
    font-weight: 300;
    color: #888888; }

.w-cs-qna-agree-description {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
  color: #767b80; }
  @media screen and (min-width: 1024px) {
    .w-cs-qna-agree-description {
      padding-left: 40px; } }
  @media screen and (max-width: 1024px) {
    .w-cs-qna-agree-description {
      padding: 12px 12px 0 12px; } }

.w-cs-qna-agree {
  padding: 12px;
  font-size: 16px;
  color: #767b80; }

.w-cs-qna-submit_btn_wrap {
  text-align: center;
  margin: 20px 0 0 0; }

.w-cs-qna-submit_btn {
  padding: 10px;
  font-size: 15px;
  width: 80%;
  text-align: center;
  border: 2px solid #00c73c;
  border-radius: 20px;
  color: #00c73c;
  background-color: #fff; }
  .w-cs-qna-submit_btn--disabled {
    border: 2px solid #ddd;
    color: #ccc; }

.w-cs-qna-title-date {
  color: #767b80;
  font-size: 12px;
  margin: 5px 0 0 0; }

.w-cs-qna-response {
  position: absolute;
  bottom: 7px;
  right: 40px;
  background-color: #353a3c;
  color: #fff;
  padding: 4px; }

.w-cs-qna-response_done {
  background-color: #00c73c; }

.w-cs-qna-response-content {
  word-break: break-all;
  margin: 20px 0 10px 20px; }

.w-cs-qna-response-content-title {
  color: #00c73c; }

.w-cs-contact-volunteer-wrap {
  margin: 20px 0 20px; }

.w-cs-contact-volunteer-textbox {
  width: 100%;
  font-size: 12px;
  border: 1px solid #ededed;
  border-radius: 5px;
  color: #353a3c;
  padding: 10px; }

.w-cs-contact-volunteer-info-title-sub1 {
  font-size: 14px;
  font-weight: bold;
  color: #383a3c;
  padding-bottom: 10px; }

.w-cs-contact-volunteer-info-title-sub2 {
  font-size: 18px;
  color: #00c73a; }

.w-cs-contact-volunteer-info-title-sub3 {
  font-size: 14px;
  color: #00c73a;
  margin-bottom: 2px; }

.w-cs-contact-volunteer-info-title-sub4 {
  font-size: 14px;
  border-bottom: 1px solid #00c73a;
  color: #00c73a;
  padding: 0px 0 15px; }

.w-cs-contact-volunteer-info-title {
  font-size: 26px;
  margin: 5px 0 14px;
  color: #00c73c;
  font-weight: bold; }

.w-cs-contact-volunteer-info-content-title {
  margin: 20px 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #353a3c; }

.w-cs-contact-volunteer-info-content {
  font-size: 13px;
  color: #353a3c;
  line-height: 16px; }

.w-board-top-tab-wrap {
  width: 100%;
  color: #00c73c;
  margin: 0;
  padding: 10px 10px 0;
  position: fixed;
  top: 0;
  height: 50px;
  background-color: #fff;
  z-index: 100;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; }

.w-board-top-tab__button {
  flex: 1;
  width: auto;
  height: 100%;
  float: left;
  font-size: 16px !important;
  list-style: none;
  text-align: center;
  font-family: 'Noto Sans KR', sans-serif;
  line-height: 32px;
  font-weight: 700; }

.w-board-top-tab-title {
  text-align: center;
  margin: 10px;
  color: #a0a3a3; }

.w-board-top-tab-title__selected {
  color: #00c73c; }

.w-board-top-tab__selected {
  color: #00c73c; }
  .w-board-top-tab__selected > span {
    display: inline-block;
    height: 100%;
    border-bottom: 2px solid; }

.w-board-top-tab__inactive {
  color: var(--Light-Blue-wblue_100, #0D1C2E); }

.accordion-list {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
  overflow: hidden;
  font-size: 13px; }
  .accordion-list__item + .accordion-list__item {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

.accordion-item {
  position: relative; }
  .accordion-item--opened .accordion-item__icon, .accordion-item--opened .w-mypage-faq .accordion-list__item .accordion-item__icon, .w-mypage-faq .accordion-list__item .accordion-item--opened .accordion-item__icon {
    transform: rotate(180deg); }
  .accordion-item--opened .accordion-item__inner {
    max-height: 1000rem;
    transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition-duration: 0.5s;
    transition-property: max-height; }
  .accordion-item--opened .accordion-item__content {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
    transition-timing-function: ease-in-out;
    transition-duration: 0.2s;
    transition-property: opacity, transform; }
  .accordion-item__line {
    display: block;
    padding: 0.8rem 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    z-index: 2;
    position: relative; }
  .accordion-item__title {
    font-size: 13px;
    margin: 0;
    color: #121212;
    width: 100%;
    line-height: 1.4;
    position: relative;
    padding-right: 84px; }
  .accordion-item__title-faq {
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    color: #0d1c2e;
    padding-left: 20px;
    max-width: 90%; }
    .accordion-item__title-faq span {
      color: #007a33;
      padding-right: 10px; }
  .accordion-item__icon, .w-mypage-faq .accordion-list__item .accordion-item__icon {
    width: 1.2rem;
    height: 1.2rem;
    transition: transform 0.3s ease-in-out;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABGklEQVR4Ae3RAcZCQRiF4buDfwshBGi+2UQgcIGAVtpSIuS/KyilG+UTcbk6zIH3GQBm3mM6AAAAAAAAAACA+eqf/yZBXcV/2XeCVPYx1FXj/FjGUMd45AQp/1HHGGLZNL+e61jHnKDmv8652YT1IvPfE2LX/Sh27/ycsF60yT/lk58JYn6eU4MJccjnlAmZ/33i0OAH4jg9Qcw/5g9YJpS+m6n0xvzpCfVe+nn59S7kGyYo+YYJWz3fO+E2PaFs9XzPhMy/6fmWCXq+YUJs9HzrhLh+JsQmrnq+bYKeb52g53snXPR88wQ93z9Bz/dP0PP9E/R89wQ93zpBz7dO0POtE/R86wQ93zpBzzdP+MoHAAAAAAAAAADAExTnTW20AtjhAAAAAElFTkSuQmCC);
    opacity: 0.6; }
  .accordion-item__inner {
    max-height: 0;
    overflow: hidden;
    text-transform: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    transition-duration: 0.5s;
    transition-property: max-height;
    z-index: 1;
    position: relative; }
    .accordion-item__inner .markdown-body {
      font-size: 14px !important; }
      .accordion-item__inner .markdown-body p {
        font-size: 14px !important; }
  .accordion-item__content {
    opacity: 0;
    transform: translateY(-1rem);
    transition-timing-function: linear, ease;
    transition-duration: 0.1s;
    transition-property: opacity, transform;
    transition-delay: 0.5s;
    padding: 10px;
    background-color: #f7f7f7; }
  .accordion-item__paragraph {
    margin: 0;
    font-size: 1rem;
    padding: 10px;
    color: #333;
    font-weight: 300;
    line-height: 1.3; }

.w-board-event-accordion-wrap {
  margin-top: 50px;
  background-color: #fff;
  position: relative;
  font-size: 13px; }

.w-board-event-title-date {
  color: #767b80;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 4px; }

.w-board-event-img {
  width: 100%; }

.w-board-notice-accordion-wrap {
  margin-top: 50px;
  background-color: #fff;
  position: relative;
  font-size: 13px; }

.notice-title-flex-wrap {
  display: flex;
  padding: 0.8rem 1.2rem; }
  .notice-title-flex-wrap > .flex-title {
    flex: 1 0 0;
    padding-right: 10px;
    font-size: 13px;
    margin: 0;
    color: #121212;
    line-height: 1.4;
    font-weight: 700; }
  .notice-title-flex-wrap > .flex-date {
    flex: 0 0 90px;
    color: #767b80;
    font-size: 12px;
    font-weight: 700; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: inherit; }

img {
  -webkit-user-drag: none; }

.cursor--pointer {
  cursor: pointer; }
  .cursor--pointer * {
    cursor: pointer; }

.cursor--not-allowed {
  cursor: not-allowed; }

.swiper-container--padding-bottom30 .swiper-container {
  padding-bottom: 30px; }

@media screen and (min-width: 768px) {
  .swiper-container--padding-bottom30--pc .swiper-container {
    padding-bottom: 30px; } }

@media screen and (max-width: 768px) {
  .swiper-container--padding-bottom10--mobile .swiper-container {
    padding-bottom: 1px; } }

@media screen and (max-width: 768px) {
  .swiper-container--padding-bottom15--mobile .swiper-container {
    padding-bottom: 20px; } }

@media screen and (max-width: 768px) {
  .swiper-container--padding-bottom40--mobile .swiper-container {
    padding-bottom: 40px; } }

@media screen and (min-width: 768px) {
  .swiper-container--margin-bottom40--pc .swiper-container {
    margin-bottom: 40px; } }

@media screen and (max-width: 768px) {
  .swiper-container--margin-bottom40--mobile .swiper-container {
    margin-bottom: 40px; } }

@media screen and (max-width: 768px) {
  .swiper-container--margin-bottom15--mobile .swiper-container {
    margin-bottom: 15px; } }

@media screen and (max-width: 768px) {
  .margin-bottom5--mobile {
    margin-bottom: 5px !important; } }

@media screen and (max-width: 768px) {
  .margin-bottom40--mobile {
    margin-bottom: 40px; } }

button {
  border: none;
  color: #000000; }

.thumbnail-filter--blur {
  filter: blur(2px); }

.padding-bottom-50 {
  padding-bottom: 50px; }

@media screen and (max-width: 768px) {
  .swiper-wrapper-bottom-30px .swiper-wrapper {
    margin-bottom: 40px !important; } }

.swiper-pagination--hidden .swiper-pagination.swiper-pagination-bullets {
  display: none; }

.swiper-pagination {
  width: 100%; }

.page-loading-dot {
  position: absolute; }

@media screen and (max-width: 768px) {
  .margin-bottom-20--mobile {
    margin-bottom: 20px !important; } }

@media screen and (max-width: 768px) {
  .margin-bottom-30--mobile {
    margin-bottom: 30px !important; } }

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

.swiper-pagination-progressbar {
  bottom: 0;
  top: initial !important; }

.siwper-container-no-padding .swiper-container {
  padding: 0 !important; }

.siwper-container-no-padding .swiper-pagination-progressbar-fill {
  background-color: #ccc !important;
  height: 10px; }

.siwper-container-no-padding .swiper-pagination-progressbar {
  background-color: #f7f7f7 !important;
  height: 7px; }

@media screen and (max-width: 768px) {
  .swiper-pagination-hidden--mobile .swiper-pagination.swiper-pagination-bullets {
    display: none; } }

.navigation-button-top-87 .swiper-button-next, .navigation-button-top-87 .w-app-container .swiper-button-next--1024, .w-app-container .navigation-button-top-87 .swiper-button-next--1024,
.navigation-button-top-87 .swiper-button-prev,
.navigation-button-top-87 .w-app-container .swiper-button-prev--1024,
.w-app-container .navigation-button-top-87 .swiper-button-prev--1024 {
  top: 87px !important;
  width: 40px !important;
  height: 40px !important;
  background-size: cover; }

.navigation-button-top-100 .swiper-button-next, .navigation-button-top-100 .w-app-container .swiper-button-next--1024, .w-app-container .navigation-button-top-100 .swiper-button-next--1024,
.navigation-button-top-100 .swiper-button-prev,
.navigation-button-top-100 .w-app-container .swiper-button-prev--1024,
.w-app-container .navigation-button-top-100 .swiper-button-prev--1024 {
  width: 40px !important;
  height: 40px !important;
  background-size: cover; }

@media screen and (min-width: 1600px) {
  .navigation-button-top-100 .swiper-button-next, .navigation-button-top-100 .w-app-container .swiper-button-next--1024, .w-app-container .navigation-button-top-100 .swiper-button-next--1024,
  .navigation-button-top-100 .swiper-button-prev,
  .navigation-button-top-100 .w-app-container .swiper-button-prev--1024,
  .w-app-container .navigation-button-top-100 .swiper-button-prev--1024 {
    top: 100px !important; } }

.padding-zero {
  padding: 0 !important; }

@media screen and (max-width: 768px) {
  .app_side-menu--active .w-header__web-mypage-side {
    display: flex;
    position: relative;
    overflow-x: hidden; }
    .app_side-menu--active .w-header__web-mypage-side .w-header__web-mypage-side-container {
      position: relative;
      height: auto; }
    .app_side-menu--active .w-header__web-mypage-side .w-header__web-mypage-side-overlay {
      display: none; }
  .app_side-menu--active > div:nth-child(n + 2) {
    display: none; } }

@media screen and (max-width: 1023px) {
  .player--opened .modal__container {
    display: flex; }
  .player--opened > div:nth-child(n + 2) {
    display: none; } }

@media screen and (max-width: 1023px) {
  .modal-player {
    position: relative;
    display: flex;
    flex-direction: column; }
    .modal-player .modal__mobile-full {
      position: relative;
      overflow: visible !important;
      min-height: 100vh; }
    .modal-player .modal__container {
      position: relative;
      top: 0;
      min-height: 100vh; } }

.swiper-container {
  visibility: hidden !important; }
  .swiper-container.swiper-container-initialized {
    visibility: visible !important; }