/*
  2018-02-12
  ENPgames_YJ
*/
@import url("https://fonts.googleapis.com/css?family=Rambla");
@font-face {
  font-family: "Lovelo-Black";
  src: url("/assets/mecha-storm/font/Lovelo_Black.eot?") format("eot"), url("/assets/mecha-storm/font/Lovelo_Black.woff") format("woff"), url("/assets/mecha-storm/font/Lovelo_Black.ttf") format("truetype"), url("/assets/mecha-storm/font/Lovelo_Black.svg#Lovelo-Black") format("svg");
  font-weight: normal;
  font-style: normal; }
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, section {
  margin: 0;
  padding: 0; }

html {
  overflow-x: hidden;
  width: 100%;
  height: 100%; }

p {
  word-wrap: break-word; }

li {
  list-style-type: none; }

table {
  border-collapse: collapse; }

img, fieldset, iframe {
  border: 0; }

img {
  border: none;
  vertical-align: top; }

input {
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input, select, textarea, button {
  vertical-align: middle; }

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer; }

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

em {
  font-style: normal; }

textarea:focus, input:focus {
  outline: 0; }

article, aside, canvas, details, embed, figcaption, figure, footer, header, menu, nav, section, summary, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr {
  display: block; }

body, code {
  color: #666;
  font: 13px/1.25 'Rambla', sans-serif;
  background: #fff; }

input, select, textarea {
  color: #333;
  font-size: 13px;
  line-height: 1em;
  font-family: 'Rambla', sans-serif; }

.hidden {
  font: 0px/0 a;
  height: 0;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  width: 0;
  text-indent: -99999px; }

.hide {
  display: none !important; }

.clear {
  clear: both; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

#wrap {
  position: relative;
  width: 100%;
  height: 100vh; }
  #wrap .animated {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s; }

#hdWrap {
  position: fixed;
  width: 100%;
  height: 150px;
  background: url("/assets/mecha-storm/image/pc/bg_fix_top.png") center no-repeat;
  top: 0;
  left: 0;
  z-index: 9999; }
  #hdWrap .gnb {
    position: absolute;
    right: 63px;
    top: 9px; }
    #hdWrap .gnb li {
      float: left; }
  #hdWrap .hdMain {
    position: relative;
    width: 1248px;
    margin: 0 auto;
    text-align: center; }
    #hdWrap .hdMain .navigation {
      position: relative;
      top: 24px;
      left: 192px; }
      #hdWrap .hdMain .navigation li {
        float: left;
        background-image: url("/assets/mecha-storm/image/pc/menu_off.png");
        height: 80px; }
        #hdWrap .hdMain .navigation li a {
          display: block;
          width: 100%;
          height: 100%;
          font-size: 0; }
        #hdWrap .hdMain .navigation li:nth-child(1) {
          width: 94px;
          background-position: 0 0; }
        #hdWrap .hdMain .navigation li:nth-child(2) {
          width: 120px;
          background-position: -94px 0; }
        #hdWrap .hdMain .navigation li:nth-child(4) {
          width: 96px;
          background-position: -660px 0; }
        #hdWrap .hdMain .navigation li:nth-child(5) {
          width: 113px;
          background-position: -756px 0; }
        #hdWrap .hdMain .navigation li.logo {
          background: none;
          width: 397px;
          height: 122px;
          margin: -19px 21px 0; }
          #hdWrap .hdMain .navigation li.logo:hover, #hdWrap .hdMain .navigation li.logo.active {
            background: none; }
        #hdWrap .hdMain .navigation li:hover, #hdWrap .hdMain .navigation li.active {
          background-image: url("/assets/mecha-storm/image/pc/menu_on.png"); }

#mainWrap {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }
  #mainWrap .frame_left {
    position: fixed;
    width: 51px;
    height: 992px;
    left: 0;
    top: 61px;
    background: url("/assets/mecha-storm/image/pc/frame_left.png") no-repeat;
    z-index: 999; }
  #mainWrap .frame_right {
    position: fixed;
    width: 51px;
    height: 992px;
    right: 0;
    top: 61px;
    background: url("/assets/mecha-storm/image/pc/frame_right.png") no-repeat;
    z-index: 999; }
  #mainWrap .section {
    position: relative;
    width: 100%;
    top: 0;
    left: 0; }
    #mainWrap .section .inner {
      position: relative;
      width: 1248px;
      margin: 0 auto; }
    #mainWrap .section#main {
      background-image: url("/assets/mecha-storm/image/pc/bg.jpg");
      background-repeat: no-repeat;
      background-position: center; }
      #mainWrap .section#main h2 {
        position: relative;
        left: 135px;
        top: 11vh; }
      #mainWrap .section#main .btn_available {
        position: relative;
        left: 478px;
        top: -4vh; }
    #mainWrap .section#story {
      background-image: url("/assets/mecha-storm/image/pc/bg_sub_story.jpg");
      background-repeat: no-repeat;
      background-position: center;
      text-align: center; }
      #mainWrap .section#story h2 {
        position: relative;
        width: 215px;
        margin: 0 auto;
        font-family: "Lovelo-Black";
        font-size: 70px;
        color: #fff;
        text-align: center;
        letter-spacing: -1px; }
        #mainWrap .section#story h2 img {
          text-align: center;
          display: block;
          margin-left: 30px; }
      #mainWrap .section#story h3 {
        font-family: "Lovelo-Black";
        color: #93fff4;
        font-size: 30px;
        letter-spacing: -1px; }
      #mainWrap .section#story .story {
        color: #fff;
        font-size: 20px;
        line-height: 28px; }
      #mainWrap .section#story .videoWrap {
        position: relative;
        width: 746px;
        height: 383px;
        margin: 0 auto;
        background: url("/assets/mecha-storm/image/pc/video_frame_middle.png") center no-repeat;
        text-align: center; }
        #mainWrap .section#story .videoWrap:before {
          content: "";
          position: absolute;
          width: 100px;
          height: 383px;
          z-index: 8;
          left: 0;
          top: 0;
          background: url("/assets/mecha-storm/image/pc/video_frame_left.png") no-repeat; }
        #mainWrap .section#story .videoWrap:after {
          content: "";
          position: absolute;
          width: 100px;
          height: 383px;
          z-index: 8;
          right: 0;
          top: 0;
          background: url("/assets/mecha-storm/image/pc/video_frame_right.png") no-repeat; }
        #mainWrap .section#story .videoWrap iframe {
          position: absolute;
          z-index: 7;
          top: 28px;
          left: 28px; }
        #mainWrap .section#story .videoWrap a {
          position: relative;
          z-index: 9;
          top: 135px; }
    #mainWrap .section#features {
      background-image: url("/assets/mecha-storm/image/pc/bg_sub.jpg");
      background-repeat: no-repeat;
      background-position: center;
      text-align: center; }
      #mainWrap .section#features h2 {
        position: relative;
        top: 14vh;
        width: 100%;
        margin: 0 auto;
        font-family: "Lovelo-Black";
        font-size: 70px;
        color: #fff;
        text-align: center;
        letter-spacing: -1px; }
        #mainWrap .section#features h2 img {
          position: relative;
          margin: 0 auto;
          display: block; }
      #mainWrap .section#features .slideWrap {
        position: relative;
        left: -99px;
        top: 14vh;
        width: 1352px;
        margin: 0 auto;
        text-align: center; }
        #mainWrap .section#features .slideWrap .slidePaging {
          position: relative;
          left: 670px; }
          #mainWrap .section#features .slideWrap .slidePaging > div {
            width: 51px;
            height: 51px;
            background: url("/assets/mecha-storm/image/pc/btn_rec_off.png") no-repeat;
            float: left; }
            #mainWrap .section#features .slideWrap .slidePaging > div a {
              display: block;
              width: 100%;
              height: 100%; }
              #mainWrap .section#features .slideWrap .slidePaging > div a.active, #mainWrap .section#features .slideWrap .slidePaging > div a:hover {
                background: url("/assets/mecha-storm/image/pc/btn_rec_on.png") no-repeat; }
        #mainWrap .section#features .slideWrap .bx-controls {
          position: absolute;
          top: 195px; }
          #mainWrap .section#features .slideWrap .bx-controls a {
            display: block;
            width: 58px;
            height: 85px;
            position: absolute;
            text-indent: -99999px; }
            #mainWrap .section#features .slideWrap .bx-controls a.bx-prev {
              background: url("/assets/mecha-storm/image/pc/btn_prev.png") no-repeat;
              left: 95px; }
            #mainWrap .section#features .slideWrap .bx-controls a.bx-next {
              background: url("/assets/mecha-storm/image/pc/btn_next.png") no-repeat;
              left: 1290px; }
        #mainWrap .section#features .slideWrap .feWrap {
          position: relative;
          width: 100%;
          margin-top: 20px; }
          #mainWrap .section#features .slideWrap .feWrap h3 {
            font-family: "Lovelo-Black";
            color: #93fff4;
            font-size: 30px;
            letter-spacing: -1px;
            margin-left: 95px; }
          #mainWrap .section#features .slideWrap .feWrap .story {
            color: #fff;
            font-size: 20px;
            line-height: 28px;
            position: relative;
            z-index: 9;
            margin-left: 95px; }
            #mainWrap .section#features .slideWrap .feWrap .story strong {
              color: #93fff4;
              font-size: 25px;
              text-transform: uppercase; }
          #mainWrap .section#features .slideWrap .feWrap .mecha1 {
            position: relative;
            z-index: 8;
            top: -111px;
            left: 92px; }
          #mainWrap .section#features .slideWrap .feWrap .mecha2 {
            position: absolute;
            top: 45px;
            left: 0; }
          #mainWrap .section#features .slideWrap .feWrap .features_view {
            position: absolute;
            top: 155px;
            left: 170px;
            width: 1094px;
            height: 270px;
            z-index: 99;
            background: url("/assets/mecha-storm/image/pc/features/btn_features_view_off.png") no-repeat; }
            #mainWrap .section#features .slideWrap .feWrap .features_view li {
              position: absolute;
              width: 172px;
              height: 198px; }
              #mainWrap .section#features .slideWrap .feWrap .features_view li a {
                display: block;
                width: 100%;
                height: 100%;
                text-indent: -99999px; }
              #mainWrap .section#features .slideWrap .feWrap .features_view li:nth-child(1) {
                left: 12px;
                top: 11px; }
              #mainWrap .section#features .slideWrap .feWrap .features_view li:nth-child(2) {
                left: 200px;
                top: 61px; }
              #mainWrap .section#features .slideWrap .feWrap .features_view li:nth-child(3) {
                right: 200px;
                top: 61px; }
              #mainWrap .section#features .slideWrap .feWrap .features_view li:nth-child(4) {
                right: 12px;
                top: 11px; }
              #mainWrap .section#features .slideWrap .feWrap .features_view li:hover {
                background: url("/assets/mecha-storm/image/pc/features/btn_features_view_on.png") no-repeat; }
                #mainWrap .section#features .slideWrap .feWrap .features_view li:hover:nth-child(1) {
                  background-position: -12px -11px; }
                #mainWrap .section#features .slideWrap .feWrap .features_view li:hover:nth-child(2) {
                  background-position: -200px -61px; }
                #mainWrap .section#features .slideWrap .feWrap .features_view li:hover:nth-child(3) {
                  background-position: -722px -61px; }
                #mainWrap .section#features .slideWrap .feWrap .features_view li:hover:nth-child(4) {
                  background-position: -910px -11px; }
    #mainWrap .section#mechs {
      background-image: url("/assets/mecha-storm/image/pc/bg_sub.jpg");
      background-repeat: no-repeat;
      background-position: center;
      text-align: center; }
      #mainWrap .section#mechs h2 {
        position: relative;
        width: 215px;
        margin: 0 auto;
        font-family: "Lovelo-Black";
        font-size: 70px;
        color: #fff;
        text-align: center;
        letter-spacing: -1px;
        top: -5.5vh; }
        #mainWrap .section#mechs h2 img {
          text-align: center;
          display: block;
          margin-left: 20px; }
      #mainWrap .section#mechs .mechsTab {
        position: relative;
        width: 741px;
        height: 63px;
        margin: 0 auto;
        top: -3.5vh; }
        #mainWrap .section#mechs .mechsTab li {
          float: left;
          width: 225px;
          height: 55px;
          background-image: url("/assets/mecha-storm/image/pc/mechs_off.png");
          margin-right: 29px; }
          #mainWrap .section#mechs .mechsTab li a {
            display: block;
            width: 100%;
            height: 100%;
            text-indent: -99999px; }
          #mainWrap .section#mechs .mechsTab li:nth-child(1) {
            background-position: -4px -3px; }
          #mainWrap .section#mechs .mechsTab li:nth-child(2) {
            background-position: -258px -3px; }
          #mainWrap .section#mechs .mechsTab li:nth-child(3) {
            background-position: -512px -3px;
            margin-right: 0; }
          #mainWrap .section#mechs .mechsTab li.active, #mainWrap .section#mechs .mechsTab li:hover {
            background-image: url("/assets/mecha-storm/image/pc/mechs_on.png"); }
      #mainWrap .section#mechs .mechsWrap {
        display: none;
        position: relative;
        top: -3vh; }
        #mainWrap .section#mechs .mechsWrap .story {
          position: relative;
          color: #fff;
          font-size: 20px;
          line-height: 28px;
          z-index: 98; }
        #mainWrap .section#mechs .mechsWrap .mecha_big {
          position: absolute;
          top: 0;
          z-index: 96; }
        #mainWrap .section#mechs .mechsWrap .mecha_list {
          position: relative;
          top: 34px;
          left: 0;
          z-index: 97;
          width: 1248px;
          height: 277px; }
          #mainWrap .section#mechs .mechsWrap .mecha_list li {
            position: absolute;
            width: 121px;
            height: 140px; }
          #mainWrap .section#mechs .mechsWrap .mecha_list a {
            display: block;
            width: 100%;
            height: 100%; }
          #mainWrap .section#mechs .mechsWrap .mecha_list img {
            display: none; }
          #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list {
            background: url("/assets/mecha-storm/image/pc/scout/scout_off.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(1) {
              top: 11px;
              left: 11px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(1).active, #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(1):hover {
                background: url("/assets/mecha-storm/image/pc/scout/scout01.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(2) {
              top: 11px;
              left: 143px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(2).active, #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(2):hover {
                background: url("/assets/mecha-storm/image/pc/scout/scout02.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(3) {
              top: 11px;
              left: 275px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(3).active, #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(3):hover {
                background: url("/assets/mecha-storm/image/pc/scout/scout03.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(4) {
              top: 126px;
              left: 76px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(4).active, #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(4):hover {
                background: url("/assets/mecha-storm/image/pc/scout/scout04.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(5) {
              top: 126px;
              left: 210px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(5).active, #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(5):hover {
                background: url("/assets/mecha-storm/image/pc/scout/scout05.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(6) {
              top: 126px;
              left: 342px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(6).active, #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(6):hover {
                background: url("/assets/mecha-storm/image/pc/scout/scout06.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(7) {
              top: 11px;
              left: 853px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(7).active, #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(7):hover {
                background: url("/assets/mecha-storm/image/pc/scout/scout07.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(8) {
              top: 11px;
              left: 985px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(8).active, #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(8):hover {
                background: url("/assets/mecha-storm/image/pc/scout/scout08.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(9) {
              top: 11px;
              left: 1117px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(9).active, #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(9):hover {
                background: url("/assets/mecha-storm/image/pc/scout/scout09.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(10) {
              top: 126px;
              left: 786px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(10).active, #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(10):hover {
                background: url("/assets/mecha-storm/image/pc/scout/scout10.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(11) {
              top: 126px;
              left: 918px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(11).active, #mainWrap .section#mechs .mechsWrap .mecha_list.scout_list li:nth-child(11):hover {
                background: url("/assets/mecha-storm/image/pc/scout/scout11.png") no-repeat; }
          #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list {
            background: url("/assets/mecha-storm/image/pc/brawler/brawler_off.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(1) {
              top: 11px;
              left: 143px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(1).active, #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(1):hover {
                background: url("/assets/mecha-storm/image/pc/brawler/brawler01.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(2) {
              top: 11px;
              left: 275px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(2).active, #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(2):hover {
                background: url("/assets/mecha-storm/image/pc/brawler/brawler02.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(3) {
              top: 126px;
              left: 77px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(3).active, #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(3):hover {
                background: url("/assets/mecha-storm/image/pc/brawler/brawler03.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(4) {
              top: 126px;
              left: 210px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(4).active, #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(4):hover {
                background: url("/assets/mecha-storm/image/pc/brawler/brawler04.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(5) {
              top: 126px;
              left: 342px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(5).active, #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(5):hover {
                background: url("/assets/mecha-storm/image/pc/brawler/brawler05.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(6) {
              top: 11px;
              left: 853px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(6).active, #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(6):hover {
                background: url("/assets/mecha-storm/image/pc/brawler/brawler06.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(7) {
              top: 11px;
              left: 985px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(7).active, #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(7):hover {
                background: url("/assets/mecha-storm/image/pc/brawler/brawler07.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(8) {
              top: 126px;
              left: 786px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(8).active, #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(8):hover {
                background: url("/assets/mecha-storm/image/pc/brawler/brawler08.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(9) {
              top: 126px;
              left: 918px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(9).active, #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(9):hover {
                background: url("/assets/mecha-storm/image/pc/brawler/brawler09.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(10) {
              top: 127px;
              left: 1050px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(10).active, #mainWrap .section#mechs .mechsWrap .mecha_list.brawler_list li:nth-child(10):hover {
                background: url("/assets/mecha-storm/image/pc/brawler/brawler10.png") no-repeat; }
          #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list {
            background: url("/assets/mecha-storm/image/pc/guardian/guardian_off.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(1) {
              top: 11px;
              left: 11px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(1).active, #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(1):hover {
                background: url("/assets/mecha-storm/image/pc/guardian/guardian01.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(2) {
              top: 11px;
              left: 143px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(2).active, #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(2):hover {
                background: url("/assets/mecha-storm/image/pc/guardian/guardian02.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(3) {
              top: 11px;
              left: 275px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(3).active, #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(3):hover {
                background: url("/assets/mecha-storm/image/pc/guardian/guardian03.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(4) {
              top: 126px;
              left: 76px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(4).active, #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(4):hover {
                background: url("/assets/mecha-storm/image/pc/guardian/guardian04.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(5) {
              top: 126px;
              left: 210px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(5).active, #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(5):hover {
                background: url("/assets/mecha-storm/image/pc/guardian/guardian05.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(6) {
              top: 126px;
              left: 342px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(6).active, #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(6):hover {
                background: url("/assets/mecha-storm/image/pc/guardian/guardian06.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(7) {
              top: 11px;
              left: 853px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(7).active, #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(7):hover {
                background: url("/assets/mecha-storm/image/pc/guardian/guardian07.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(8) {
              top: 11px;
              left: 985px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(8).active, #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(8):hover {
                background: url("/assets/mecha-storm/image/pc/guardian/guardian08.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(9) {
              top: 11px;
              left: 1117px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(9).active, #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(9):hover {
                background: url("/assets/mecha-storm/image/pc/guardian/guardian09.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(10) {
              top: 126px;
              left: 786px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(10).active, #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(10):hover {
                background: url("/assets/mecha-storm/image/pc/guardian/guardian10.png") no-repeat; }
            #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(11) {
              top: 126px;
              left: 918px; }
              #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(11).active, #mainWrap .section#mechs .mechsWrap .mecha_list.guardian_list li:nth-child(11):hover {
                background: url("/assets/mecha-storm/image/pc/guardian/guardian11.png") no-repeat; }

#ftWrap {
  position: fixed;
  width: 100%;
  height: 160px;
  background: url("/assets/mecha-storm/image/pc/bg_fix_bt.png") center no-repeat;
  bottom: 0;
  left: 0;
  z-index: 999; }
  #ftWrap .ftMain {
    position: relative;
    width: 1248px;
    margin: 0 auto; }
    #ftWrap .ftMain .ftLinks {
      position: relative;
      top: 69px;
      left: 177px;
      vertical-align: middle; }
      #ftWrap .ftMain .ftLinks li {
        float: left;
        margin-right: 15px; }
        #ftWrap .ftMain .ftLinks li:nth-child(1), #ftWrap .ftMain .ftLinks li:nth-child(3) {
          padding-top: 10px; }
        #ftWrap .ftMain .ftLinks li a {
          width: 100%;
          height: 100%; }
    #ftWrap .ftMain .links {
      position: relative;
      top: 73px;
      right: 374px;
      float: right; }
      #ftWrap .ftMain .links a {
        position: relative;
        display: inline-block;
        width: 166px;
        height: 82px;
        text-indent: -99999px; }
    #ftWrap .ftMain .policy {
      position: relative;
      top: 55px;
      left: 880px;
      width: 150px; }
      #ftWrap .ftMain .policy li {
        font-size: 15px;
        position: relative; }
        #ftWrap .ftMain .policy li a {
          color: #93b7cc; }
          #ftWrap .ftMain .policy li a:hover {
            text-decoration: underline; }

.popWrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(14, 38, 63, 0.8);
  z-index: 99;
  width: 100%;
  height: 100%; }
  .popWrap .popUp {
    position: relative;
    margin: 0 auto; }
    .popWrap .popUp.fePopup {
      width: 799px;
      height: 410px;
      top: 300px; }
      .popWrap .popUp.fePopup .popup_frame {
        width: 100%;
        height: 410px;
        background: url("/assets/mecha-storm/image/pc/img_frame.png") no-repeat;
        position: relative;
        z-index: 98; }
        .popWrap .popUp.fePopup .popup_frame .pop_mecha {
          position: absolute;
          top: 337px;
          left: 100px; }
      .popWrap .popUp.fePopup .slidePaging_pop {
        position: absolute;
        top: -26px;
        left: 330px;
        z-index: 999; }
        .popWrap .popUp.fePopup .slidePaging_pop > div {
          width: 37px;
          height: 37px;
          background: url("/assets/mecha-storm/image/pc/btn_rec_s_off.png") no-repeat;
          float: left;
          margin-right: -5px; }
          .popWrap .popUp.fePopup .slidePaging_pop > div a {
            display: block;
            width: 100%;
            height: 100%; }
            .popWrap .popUp.fePopup .slidePaging_pop > div a.active, .popWrap .popUp.fePopup .slidePaging_pop > div a:hover {
              background: url("/assets/mecha-storm/image/pc/btn_rec_s_on.png") no-repeat; }
      .popWrap .popUp.fePopup .features_view_pop {
        position: absolute;
        top: 28px;
        left: 28px;
        z-index: 97;
        width: 743px;
        height: 354px;
        overflow: hidden; }
      .popWrap .popUp.fePopup .close {
        position: absolute;
        top: -14px;
        right: 23px;
        text-transform: uppercase;
        font-family: "Lovelo-Black";
        font-size: 18px;
        color: #fff;
        vertical-align: middle;
        z-index: 99; }

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