body {
        margin: 0;
        padding: 0;
        font-family: Dotum,'돋움', Helvetica, AppleSDGothicNeo, sans-serif
    }
    
    .clearfix:after {
      content: " ";
      visibility: hidden;
      display: block;
      height: 0;
      clear: both;
    }
    
    .bgImg {
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: url("bg-color.png");
      background-size: cover;
    }
    
    .bgPtrn {
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: url('bg-pattern.png');
      /*opacity: 0.5;*/
      background-size: cover;
    }
    
    .bglogo {
      position: absolute;
      width: 100%;
      height: 100%;
      background: url('centerLog.png') no-repeat 50% 50%;
      background-size: 60%;
      z-index: 2;
    }
    
    .bglogo2 {
      position: absolute;
      left: 50%;
      margin-left: -32.5%;
      width: 65%;
      height: 100%;
      background: url('center.png') no-repeat 50% 50%;
      z-index: 2;
      opacity: 0.5;
      background-size: contain;
    }
    
    .bgrightBottonLog {
      position: absolute;
      background: url('rightBottomLog.png');
      width: 370px;
      height: 21px;
      z-index: 1;
      right: 50px;
      bottom: 50px;
    }
    
    .chromeImg {
      position: absolute;
      background: url('chromearrow.png') no-repeat;
      width: 370px;
      height: 170px;
      z-index: 3;
      left: 50px;
      bottom: 1px;
    }
    
    .ieImg {
      position: absolute;
      width: 100%;
      height: 100%;
      background: url('explorerImg.JPG') no-repeat 50% 50%;
      background-size: 100%;
      opacity: 0.2;
      margin-bottom: 300px;
      z-index: 3;
    }
    
    .container {
      position: fixed;
      z-index: 3;
      top: 49%;
      left: 0;
      margin-top: -250px;
      width: 100%;
      height: 500px;
      text-align: center;
    }
    
    .inner>div {
      float: left;
    }
    
    .aside {
      width: 10%;
    }
    
    .main {
      width: 80%;
    }
    
    .title {
      margin: 40px 0 10px;
      padding-bottom: 10px;
      font-size: 60px;
      color: white;
      width: 130%;
      text-align: center;

    }
    
    .content {
      margin: 50px 0 10px;
      padding-bottom: 10px;
      font-size: 25px;
      color: white;
      text-align: left;

    }
    
    .littleContent {
      margin: -15px 480px 10px;
      padding-bottom: 10px;
      font-size: 16px;
      color: white;
      text-align: left;

    }
    
    .btn {
      margin-right: 5px;
      font-size: 16px;
      color: white;

      background-color: rgba(0, 0, 0, 0.26);
      border: 1px solid white;
      width: 195px;
      height: 64px;
      vertical-align: top;
    }
    
    .rowContent {
      line-height: 1.4em;
      color: white;
      text-align: left;
      margin: 40px 400px 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid white;
      font-size: 17px;
      font-weight: bold;

    }
    
    .rowContent:first-child {
      margin-top: 0;
    }
    
    .selectStyle {
      width: 360px;
      height: 40px;
      color: white;
      font-size: 17px;
      font-weight: bold;
      background-color: rgba(0, 0, 0, 0.0);

      line-height: 1.4em;
      border-bottom: 1px solid white;
    }
    
    .selectOption {
      background: rgba(0, 0, 0, 0.0);
      color: black;
    }
    
    .ico {
      display: inline-block;
      margin-right: 15px;
      width: 20px;
      height: 20px;
      vertical-align: middle;
      z-index: 10;
      margin-right: 2px;
      width: 128px;
      height: 148px;
      background: url('downloadlog.png') no-repeat center;
    }

    .downLoadcontent {
      position: fixed;
      width: 1920x;
      height: 230px;
      z-index: 3;
      left: 180px;
      font-size: 35px;
      color: white;
      bottom: 80px;
      text-align: left;

    }
    
    .downLoadcontent1 {
      font-size: 35px;
      color: white;
      text-align: left;

    }
    
    .downLoadcontent2 {
      font-size: 25px;
      color: white;
      text-align: left;
    }
    
    div.download-layer {
      position: absolute;
      width: 70%;
      margin-left: 15%;
      z-index: 100;
      text-align: center;
    }

    div.guide-arrow {
      position: absolute;
      z-index: 100;
    }

    div.download-layer.type-common {
      top: 50%;
      margin-top: -50px;
    }

    div.download-layer.type-chrome {
      bottom: 75px;
      margin-top: -50px;
    }
    div.guide-arrow.type-chrome {
      width: 10%;
      height: 150px;
      bottom: 50px;
      left: 2.5%;
      background: url("guide_arrow_2.png") no-repeat;
      background-size: 100% 100%;
    }

    div.download-layer.type-ie {
      top: 50%;
      margin-top: -50px;
    }
    div.guide-arrow.type-ie {
      width: 10%;
      height: 150px;
      bottom: 100px;
      left: 45%;
      background: url("guide_arrow_1.png") no-repeat;
      background-size: 100% 100%;
    }

    div.download-layer.type-opera {
      top: 50%;
      margin-top: -50px;
    }
    div.guide-arrow.type-opera {
      width: 10%;
      height: 150px;
      top: 25%;
      right: 2.5%;
      background: url("guide_arrow_3.png") no-repeat;
      background-size: 100% 100%;
    }

    div.download-layer.type-firefox {
      top: 50%;
      margin-top: -50px;
    }