@charset "UTF-8";
* {
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch; }

html {
  height: 100%;
  /* scroll-behavior:smooth; */ }

body {
  height: 100%;
  -webkit-text-size-adjust: none; }

td, div, p, li, dt, dd, input, textarea, h1, h2, h3, h4, h5 {
  font-family: "Pretendard", "Roboto","Arial",sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  font-weight: 400;
  color: #050505;
  word-break: break-all; }

.langKo {
  font-family: "NanumSquare","Arial",sans-serif; }

html * {
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -ms-word-break: normal;
  	/* 
  	-webkit-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
      */ }

header, footer, section, article, nav, aside {
  display: block; }

video {
  position: relative;
  vertical-align: top;
  z-index: 10; }

textarea, .scr {
  border: none;
  background: none;
  scrollbar-face-color: #cdcdcd;
  /* bar �쓽 �몴硫댁깋 */
  scrollbar-highlight-color: #cdcdcd;
  /* 諛앷쾶 鍮쏅굹�뒗 醫뚯긽�떒 紐⑥꽌由� */
  scrollbar-3dlight-color: #cdcdcd;
  /* 醫뚯긽�떒 紐⑥꽌由� �븘�옒遺�遺� */
  scrollbar-shadow-color: #cdcdcd;
  /* 洹몃┝�옄 吏��뒗 �슦�븯�떒 */
  scrollbar-darkshadow-color: #cdcdcd;
  /* 洹몃┝�옄 �슦�븯�떒 */
  scrollbar-track-color: #f0f0f0;
  /* �뒪�겕濡� �듃�옓�쓽 �깋 */
  scrollbar-arrow-color: #4a4947;
  /* �궪媛곹삎遺�遺� */
  overflow-x: hidden;
  overflow-y: auto; }

input, button {
  overflow: visible;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  appearance: none;
  background: none; }

button {
  cursor: pointer; }

textarea {
  width: 100%;
  border: 1px solid #bcbcbc;
  padding: 10px;
  margin: 0;
  line-height: 20px;
  border-radius: 0;
  box-shadow: none;
  vertical-align: top;
  background: #fff; }

em {
  font-style: normal; }

a {
  color: #555;
  text-decoration: none; }

a:visited {
  color: #555;
  text-decoration: none; }

a:hover {
  color: #555;
  text-decoration: none; }

a:focus {
  color: #555;
  text-decoration: none; }

a:active {
  color: #555;
  text-decoration: none; }

span.br {
  display: block !important; }

#loadingArea {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 400;
  background: #fff; }

.loading {
  position: fixed;
  left: 50%;
  top: 52%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px; }

.loading .ball {
  position: absolute;
  top: 0;
  width: 100px;
  height: 100px;
  -webkit-animation: jump 2s ease 0s infinite normal none;
  -moz-animation: jump 2s ease 0s infinite normal none;
  -o-animation: jump 2s ease 0s infinite normal none;
  animation: jump 2s ease 0s infinite normal none; }

.loading .ball .box {
  width: 100px;
  height: 100px;
  background: black;
  -webkit-animation: box 2s linear 0s infinite normal none;
  -moz-animation: box 2s linear 0s infinite normal none;
  -o-animation: box 2s linear 0s infinite normal none;
  animation: box 2s linear 0s infinite normal none; }

.loading .shadow {
  position: absolute;
  left: 50%;
  bottom: -10px;
  z-index: -1;
  width: 100px;
  height: 20px;
  margin-left: -50px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: rotateX(60deg);
  -moz-transform: rotateX(60deg);
  -o-transform: rotateX(60deg);
  transform: rotateX(60deg);
  -webkit-animation: shadow 1s ease 0s infinite normal none;
  -moz-animation: shadow 1s ease 0s infinite normal none;
  -o-animation: shadow 1s ease 0s infinite normal none;
  animation: shadow 1s ease 0s infinite normal none; }

/* Animations */
@-webkit-keyframes shadow {
  0% {
    width: 100px;
    margin-left: -50px;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    background: rgba(0, 0, 0, 0.6); }
  50% {
    width: 40px;
    margin-left: -20px;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -o-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    background: rgba(0, 0, 0, 0.2); }
  100% {
    width: 100px;
    margin-left: -50px;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    background: rgba(0, 0, 0, 0.6); } }
@-moz-keyframes shadow {
  0% {
    width: 100px;
    margin-left: -50px;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    background: rgba(0, 0, 0, 0.6); }
  50% {
    width: 40px;
    margin-left: -20px;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -o-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    background: rgba(0, 0, 0, 0.2); }
  100% {
    width: 100px;
    margin-left: -50px;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    background: rgba(0, 0, 0, 0.6); } }
@-o-keyframes shadow {
  0% {
    width: 100px;
    margin-left: -50px;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    background: rgba(0, 0, 0, 0.6); }
  50% {
    width: 40px;
    margin-left: -20px;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -o-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    background: rgba(0, 0, 0, 0.2); }
  100% {
    width: 100px;
    margin-left: -50px;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    background: rgba(0, 0, 0, 0.6); } }
@keyframes shadow {
  0% {
    width: 100px;
    margin-left: -50px;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    background: rgba(0, 0, 0, 0.6); }
  50% {
    width: 40px;
    margin-left: -20px;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -o-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    background: rgba(0, 0, 0, 0.2); }
  100% {
    width: 100px;
    margin-left: -50px;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    background: rgba(0, 0, 0, 0.6); } }
@-webkit-keyframes jump {
  0% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  1% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  25% {
    top: -160%;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -o-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 1, 1); }
  49% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  51% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  75% {
    top: -160%;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -o-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 1, 1); }
  99% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  100% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); } }
@-moz-keyframes jump {
  0% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  1% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  25% {
    top: -160%;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -o-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 1, 1); }
  49% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  51% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  75% {
    top: -160%;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -o-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 1, 1); }
  99% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  100% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); } }
@-o-keyframes jump {
  0% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  1% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  25% {
    top: -160%;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -o-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 1, 1); }
  49% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  51% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  75% {
    top: -160%;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -o-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 1, 1); }
  99% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  100% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); } }
@keyframes jump {
  0% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  1% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  25% {
    top: -160%;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -o-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 1, 1); }
  49% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  51% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  75% {
    top: -160%;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -moz-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    -o-animation-timing-function: cubic-bezier(0.7, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 1, 1); }
  99% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); }
  100% {
    top: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -moz-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    -o-animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.3, 1); } }
@-webkit-keyframes box {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  1% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  48.999999% {
    background: black; }
  49% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: red; }
  51% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: red; }
  75% {
    background: red; }
  98.999999% {
    background: red; }
  99% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@-moz-keyframes box {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  1% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  48.999999% {
    background: black; }
  49% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: red; }
  51% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: red; }
  75% {
    background: red; }
  98.999999% {
    background: red; }
  99% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@-o-keyframes box {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  1% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  48.999999% {
    background: black; }
  49% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: red; }
  51% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: red; }
  75% {
    background: red; }
  98.999999% {
    background: red; }
  99% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@keyframes box {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  1% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  48.999999% {
    background: black; }
  49% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: red; }
  51% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: red; }
  75% {
    background: red; }
  98.999999% {
    background: red; }
  99% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

/*# sourceMappingURL=common.css.map */