.l-loading {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #1C2242;
  z-index: 10000; }
  .l-loading .m-contents {
    display: block;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    white-space: nowrap;
    display: block;
    width: 200px;
    height: 200px;
    line-height: 200px;
    border-radius: 50%; }
    .l-loading .m-contents .m-minute_hand {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -90px;
      width: 0;
      height: 180px;
      -webkit-animation: OneSpinClockwise 5s linear infinite;
              animation: OneSpinClockwise 5s linear infinite; }
      .l-loading .m-contents .m-minute_hand i {
        display: block;
        width: 15px;
        height: 15px;
        line-height: 15px;
        border-radius: 50%;
        display: block;
        position: absolute;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        top: 0;
        left: 50%;
        background: #A6A4A9; }
    .l-loading .m-contents .m-hour_hand {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -60px;
      width: 0;
      height: 120px;
      -webkit-animation: OneSpinClockwise 60s linear infinite;
              animation: OneSpinClockwise 60s linear infinite; }
      .l-loading .m-contents .m-hour_hand i {
        display: block;
        width: 15px;
        height: 15px;
        line-height: 15px;
        border-radius: 50%;
        display: block;
        position: absolute;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        top: 0;
        left: 50%;
        background: #E4A53C; }
    .l-loading .m-contents .m-text {
      display: block;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      top: 50%;
      left: 50%;
      white-space: nowrap;
      width: 90%;
      color: #A6A4A9;
      font-family: 'mSimpleRoundFont';
      font-size: 27px; }
      .l-loading .m-contents .m-text div {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 30px;
        -webkit-animation: animationWidthMax 3s linear infinite;
                animation: animationWidthMax 3s linear infinite; }

.m-popup .l-loading {
  display: block;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  white-space: nowrap;
  display: block;
  width: 250px;
  height: 250px;
  line-height: 250px;
  border-radius: 50%; }