@charset "utf-8";

* {
  margin: 0 auto;
  padding: 0;
  font-family: 'NanumSquareNeo-Regular';
  font-size: 18px;
  color: #000;
  list-style: none;
  outline: none;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  min-width: 1200px;
  /*pc전용*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.drag {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* 폰트 */
@font-face {
  font-family: 'NanumSquareNeo-Regular';
  src: url('../fonts/NanumSquareNeoTTF-bRg.eot'), url('../fonts/NanumSquareNeoTTF-bRg.eot?#iefix') format("embedded-opentype"), url('../fonts/NanumSquareNeoTTF-bRg.woff2') format("woff2"), url('../fonts/NanumSquareNeoTTF-bRg.woff') format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NanumSquareNeo-Bold';
  src: url('../fonts/NanumSquareNeoTTF-cBd.eot'), url('../fonts/NanumSquareNeoTTF-cBd.eot?#iefix') format("embedded-opentype"), url('../fonts/NanumSquareNeoTTF-cBd.woff2') format("woff2"), url('../fonts/NanumSquareNeoTTF-cBd.woff') format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NanumSquareNeo-ExtraBold';
  src: url('../fonts/NanumSquareNeoTTF-dEb.eot'), url('../fonts/NanumSquareNeoTTF-dEb.eot?#iefix') format("embedded-opentype"), url('../fonts/NanumSquareNeoTTF-dEb.woff2') format("woff2"), url('../fonts/NanumSquareNeoTTF-dEb.woff') format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.nsneo_rg {
  font-family: 'NanumSquareNeo-Regular';
}

.nsneo_bd {
  font-family: 'NanumSquareNeo-Bold';
}

.nsneo_eb {
  font-family: 'NanumSquareNeo-ExtraBold';
}

/* header */

.header {
  min-width: 1200px;
  /*pc전용*/
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100px;
  color: #ffffff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.8);

  .logo_1 {
    position: absolute;
    top: 34px;
    left: 50%;
    width: 158px;
    height: 32px;
    margin: 0px 0px 0px -505px;
    color: rgba(0, 0, 0, 0);
    background-image: url('../images/nxchat_logo_1.svg');
    background-size: 158px 32px;
  }

  .menu {
    display: inline-block;
    position: relative;
    left: 50%;
    width: 1440px;
    margin: 40px 0px 0px -720px;
    padding: 0px 215px 0px 0px;
    text-align: right;

    .item {
      display: inline-block;
      margin: 0px 0px 0px 40px;

      .link {
        display: inline-block;
        position: relative;
        height: 34px;
        font-size: 16px;
        color: #fff;
        text-decoration: none;

        .line {
          display: inline-block;
          position: absolute;
          overflow: hidden;
          top: 30px;
          left: 50%;
          width: 16px;
          height: 4px;
          margin: 0 0 0 -8px;
          background-color: rgba(0, 0, 0, 0);
        }

        &:hover .line,
        &:active .line {
          background-color: #fff;
        }
      }
    }
  }
}

/* NX Chat */

.nxchat {
  position: relative;
  /*width: 100%; 반응형*/
  left: 50%;
  /*pc전용*/
  margin: 0px 0px 0px -960px;
  /*pc전용*/
  width: 1920px;
  /*pc전용*/
  height: 1280px;
  background-color: #1e2224;

  .background {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 1280px;
    margin: 0px 0px 0px -50%;
    background: url('../images/background_section01.jpg') no-repeat;
    background-size: 100% 1280px;
  }

  .title {
    position: absolute;
    top: 180px;
    left: 50%;
    margin: 0px 0px 0px -505px;
    font-size: 52px;
    color: #fff;
    line-height: 82px;
    white-space: pre-wrap;
  }

  .logo_2 {
    position: absolute;
    top: 570px;
    left: 50%;
    width: 738px;
    height: 150px;
    margin: 0px 0px 0px -233px;
    color: rgba(0, 0, 0, 0);
    background-image: url('../images/nxchat_logo_2.svg');
    background-size: 738px 150px;
  }

  .sub_title {
    position: absolute;
    top: 768px;
    left: 50%;
    width: 1024px;
	margin: 0px 0px 0px -512px;
	padding: 0px 7px 0px 0px;
    font-size: 32px;
    color: #5be3da;
    text-align: right;
  }

  .nxc_txt_1,
  .nxc_txt_2 {
    position: absolute;
    left: 50%;
    width: 1024px;
	margin: 0px 0px 0px -512px;
    padding: 0px 7px 0px 0px;
    font-size: 20px;
    color: #fff;
    line-height: 34px;
    text-align: right;
    white-space: pre-wrap;
    overflow-x: hidden;
	  
	.point {
	  font-size: 20px;
	  color: #5be3da;
	}
  }

  .nxc_txt_1 {
    top: 890px;
  }

  .nxc_txt_2 {
    top: 1024px;
  }

  .ainx_logo_1 {
    position: absolute;
    top: 1200px;
    left: 50%;
    width: 97px;
    height: 24px;
    margin: 0px 0px 0px -505px;
    color: rgba(0, 0, 0, 0);
    background-image: url('../images/ainx_logo_1.svg');
    background-size: 97px 24px;
  }
}

.nxchat_2 {
  position: relative;
  left: 50%;
  /*pc전용*/
  margin: 0px 0px 0px -960px;
  /*pc전용*/
  width: 1920px;
  /*pc전용*/
  height: 880px;
  background-color: #fff;

  .title {
    position: absolute;
    top: 110px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 44px;
  }

  .dot_wrap {
    position: relative;
	margin: 0px 12px 0px 0px;

    .dot {
      position: absolute;
      top: 6px;
      width: 6px;
      height: 6px;
      border: 1px solid #555;
      border-radius: 3px;
    }
  }

  .nxc_txt_1 {
    position: absolute;
    top: 235px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 18px;
    color: #555;
    line-height: 40px;
    white-space: pre-wrap;

    .head {
      font-size: 20px;
      color: #555;
      line-height: 76px;
    }
  }

  .img_right {
    position: absolute;
    top: 320px;
    left: 50%;
    width: 70px;
    height: 240px;
	margin: 0px 0px 0px -27px;
    background: url('../images/img_right.png') no-repeat;
    background-size: 70px 240px;
  }

  .nxc_txt_2 {
    position: absolute;
    top: 430px;
    left: 50%;
    margin: 0px 0px 0px 87px;
    font-size: 20px;
    color: #555;
    line-height: 48px;
    white-space: pre-wrap;

    .head {
      font-size: 32px;
      color: #00a095;
      line-height: 12px;
    }

    .head_sub {
      font-size: 16px;
      color: #555;
      line-height: 88px;
    }

    .emphasis {
      margin: 0px 16px 0px 0px;
      font-size: 22px;
      color: #000;
    }
  }
}

/* 제품 개요 */

.overview {
  position: relative;
  /*width: 100%; 반응형*/
  left: 50%;
  /*pc전용*/
  margin: -99.5px 0px 0px -960px;
  /*pc전용*/
  width: 1920px;
  /*pc전용*/
  height: 1260px;
  background-color: #fff;

  .top_padding {
    height: 99.5px;
    background-color: #fff;
  }

  .background {
    position: absolute;
    top: 99.5px;
    left: 50%;
    width: 100%;
    height: 1160px;
    margin: 0px 0px 0px -50%;
    background: url('../images/background_section03.jpg') no-repeat;
    background-size: 100% 1160px;
  }

  .title {
    position: absolute;
    top: 200px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 44px;
  }

  .overv_txt_1 {
    position: absolute;
    top: 293px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 20px;
    color: #333;
  }

  .icon_image_1 {
    position: absolute;
    top: 452px;
    left: 50%;
    width: 292px;
    height: 292px;
    margin: 0px 0px 0px -495px;
    background: url('../images/img_overview_chat.png') no-repeat;
    background-size: 292px;
  }

  .icon_image_2 {
    position: absolute;
    top: 452px;
    left: 50%;
    width: 292px;
    height: 292px;
    margin: 0px 0px 0px -146px;
    background: url('../images/img_overview_sync.png') no-repeat;
    background-size: 292px;
  }

  .icon_image_3 {
    position: absolute;
    top: 452px;
    left: 50%;
    width: 292px;
    height: 292px;
    margin: 0px 0px 0px 203px;
    background: url('../images/img_overview_server.png') no-repeat;
    background-size: 292px;
  }

  .overv_txt_2 {
    position: absolute;
    font-size: 22px;
    text-align: center;
    line-height: 36px;
    white-space: pre-wrap;

    &.layout1 {
      top: 804px;
      left: 50%;
      width: 292px;
      margin: 0px 0px 0px -495px;
    }

    &.layout2 {
      top: 804px;
      left: 50%;
      width: 292px;
      margin: 0px 0px 0px -146px;
    }

    &.layout3 {
      top: 804px;
      left: 50%;
      width: 292px;
      margin: 0px 0px 0px 203px;
    }
  }

  .overv_txt_3_wrap {
    position: absolute;
    top: 992px;
    left: 50%;
    width: 990px;
    height: 128px;
	margin: 0px 0px 0px -495px;
    border-radius: 114px;
    background: rgba(255, 255, 255, 0.3);

    .overv_txt_3 {
      position: relative;
	  margin: 30px 0px 0px 0px;
      font-size: 20px;
	  color: #333;
      line-height: 34px;
      text-align: center;
      white-space: pre-wrap;
		
	  .phrase {
		font-size: 20px;
		color: #333;
	  }
    }
  }
}

/* 최적화되어 있습니다 */

.fit {
  position: relative;
  /*width: 100%; 반응형*/
  left: 50%;
  /*pc전용*/
  margin: 0px 0px 0px -960px;
  /*pc전용*/
  width: 1920px;
  /*pc전용*/
  height: 1040px;
  background-color: #fff;

  .title_1 {
    position: absolute;
    top: 120px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 36px;
    line-height: 54px;
    white-space: pre-wrap;
  }

  .fit_txt_1 {
    position: absolute;
    top: 270px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 20px;
    line-height: 52px;
    white-space: pre-wrap;
  }

  .picture_1 {
    position: absolute;
    top: 150px;
    left: 50%;
    width: 296px;
    height: 296px;
	margin: 0px 0px 0px 199px;
    background: url('../images/img_picture_01.png') no-repeat;
    background-size: 296px;
  }

  .picture_2 {
    position: absolute;
    top: 600px;
    left: 50%;
    width: 296px;
    height: 296px;
	margin: 0px 0px 0px -495px;
    background: url('../images/img_picture_02.png') no-repeat;
    background-size: 296px;
  }

  .title_2 {
    position: absolute;
    top: 596px;
    left: 50%;
    margin: 0px 0px 0px 60px;
    font-size: 36px;
    line-height: 54px;
    white-space: pre-wrap;
  }

  .fit_txt_2 {
    position: absolute;
    top: 746px;
    left: 50%;
    margin: 0px 0px 0px 60px;
    font-size: 20px;
    line-height: 52px;
    white-space: pre-wrap;
  }

  .dot_wrap {
    position: relative;
	margin: 0px 16px 0px 0px;

    .dot {
      position: absolute;
      top: 5px;
      width: 8px;
      height: 8px;
      border: 1px solid #555;
      border-radius: 4px;
    }
  }
}

/* 시스템 아키텍처 */

.system {
  position: relative;
  /*width: 100%; 반응형*/
  left: 50%;
  /*pc전용*/
  margin: 0px 0px 0px -960px;
  /*pc전용*/
  width: 1920px;
  /*pc전용*/
  height: 1440px;
  background-color: #fff;

  .title {
    position: absolute;
    top: 100px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 44px;
  }

  .timeline_box {
    position: absolute;
    top: 239px;
    left: 50%;
    width: 1040px;
    height: 740px;
	margin: 0px 0px 0px -520px;
    border-radius: 110px;
    background-color: #35393b;

    .txt {
      display: inline-block;
      position: absolute;
      width: 520px;
      padding: 0px 42px;
      font-size: 28px;
      color: #fff;
    }

    .txt.txt_1 {
      top: 76px;
      text-align: right;
    }

    .txt.txt_2 {
      top: 216px;
      left: 50%;
    }

    .txt.txt_3 {
      top: 356px;
      text-align: right;
    }

    .txt.txt_3_1 {
      top: 413px;
      font-size: 20px;
      text-align: right;
    }

    .txt.txt_3_2 {
      top: 446px;
      font-size: 20px;
      text-align: right;
    }

    .txt.txt_3_1 .icon_gen,
    .txt.txt_3_2 .icon_gen {
      display: inline-block;
      width: 15px;
      height: 15px;
	  margin: 0px 8px 0px 0px;
      background: url('../images/img_intersect_small.svg') no-repeat;
      background-size: 15px;
      vertical-align: middle;
    }

    .txt.txt_4 {
      top: 578px;
      left: 50%;
    }

    .vertical_line_wrap {
      display: inline-block;
      position: relative;
      top: 80px;
      left: 50%;
      width: 44px;
      height: 610px;
	  margin: 0px 0px 0px -22px;

      .vertical_line {
        position: absolute;
        top: 22px;
        left: 20px;
        width: 4px;
        height: 588px;
        background-color: #e8e8e8;
      }

      .circle {
        position: absolute;
        left: 10px;
        width: 24px;
        height: 24px;
        border: 3px solid #fff;
        border-radius: 12px;
        background-color: #35393b;
        box-shadow: 0 0 0 10px #35393b;
      }

      .circle.circle_1 {
        top: 0px;
      }

      .circle.circle_2 {
        top: 140px;
      }

      .circle.circle_3 {
        top: 280px;
      }

      .circle.circle_4 {
        top: 502px;
      }
    }
  }

  .title_2_small {
    position: absolute;
    top: 1067px;
    left: 50%;
    width: 1040px;
    margin: 0px 0px 0px -520px;
    font-size: 28px;
    text-align: center;
  }

  .features_wrap {
    position: relative;
    top: 1150px;
    left: 50%;
    width: 1040px;
    height: 180px;
    margin: 0px 0px 0px -520px;

    .feature {
      position: absolute;
      padding: 26px 80px;
      height: 72px;
      font-size: 18px;
      border: 1px solid #cecece;
      border-radius: 75px;
      vertical-align: middle;
    }

    .feature.item_1 {
      left: 136px;
    }

    .feature.item_2 {
      left: 572px;
    }

    .feature.item_3 {
      top: 96px;
      left: 245px;
    }
  }
}

/* 하드웨어 구성 */

.hardware {
  position: relative;
  /*width: 100%; 반응형*/
  left: 50%;
  /*pc전용*/
  margin: 0px 0px 0px -960px;
  /*pc전용*/
  width: 1920px;
  /*pc전용*/
  height: 1260px;
  background-color: #fff;

  .background {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 1260px;
    margin: 0px 0px 0px -50%;
    background: url('../images/background_section06.jpg') no-repeat;
    background-size: 100% 1260px;
  }

  .title {
    position: absolute;
    top: 80px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 44px;
    color: #fff;
  }

  .hw_txt_head {
    position: absolute;
    left: 50%;
    font-size: 28px;
    color: #fff;
  }

  .hw_txt_head.head_1 {
    top: 211px;
    margin: 0px 0px 0px 76px;
  }

  .hw_txt_head.head_2 {
    top: 552px;
    margin: 0px 0px 0px -369px;
  }

  .hw_txt_head.head_3 {
    top: 942px;
    margin: 0px 0px 0px 76px;
  }

  .hw_txt {
    position: absolute;
    left: 50%;
    font-size: 20px;
    color: #fff;
    line-height: 44px;
    white-space: pre-wrap;

    .item {
	  font-size: 20px;
	  margin: 0px 14px 0px 0px;
      color: #fff;
    }
  }

  .hw_txt.txt1 {
    top: 280px;
    margin: 0px 0px 0px 76px;
  }

  .hw_txt.txt2 {
    top: 621px;
    margin: 0px 0px 0px -369px;
  }

  .hw_txt.txt3 {
    top: 1011px;
    margin: 0px 0px 0px 76px;
  }

  .dot_wrap {
    position: relative;
	margin: 0px 16px 0px 0px;

    .dot {
      position: absolute;
      top: 5px;
      width: 8px;
      height: 8px;
      border: 1px solid #fff;
      border-radius: 4px;
    }
  }

  .image_gen {
    display: inline-block;
    position: absolute;
    left: 50%;
	margin: 0px 0px 0px -60px;
    width: 120px;
    height: 120px;
    background: url('../images/img_intersect.svg') no-repeat;
    background-size: 120px;
  }

  .image_gen.gen_1 {
    top: 416px;
  }

  .image_gen.gen_2 {
    top: 806px;
  }
}

/* 소프트웨어 스택 */

.software {
  position: relative;
  /*width: 100%; 반응형*/
  left: 50%;
  /*pc전용*/
  margin: 0px 0px 0px -960px;
  /*pc전용*/
  width: 1920px;
  /*pc전용*/
  height: 750px;
  background-color: #f7fcff;

  .title {
    position: absolute;
    top: 100px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 44px;
  }

  .table {
    position: relative;
    top: 249px;
    left: 50%;
    width: 784px;
    height: auto;
	margin: 0px 0px 0px -392px;
    border-collapse: collapse;

    .th {
      padding: 23px 28px;
      font-size: 22px;
      background-color: #eef4f7;
    }

    .th.th_l {
      text-align: left;
      border-radius: 8px 0 0 8px;
    }

    .th.th_r {
      text-align: left;
      border-radius: 0 8px 8px 0;
    }

    .between {
      height: 13px;
    }

    .td {
      padding: 19px 28px;
      font-size: 18px;
    }
  }
}

/* NX Chat 어플라이언스의 핵심 특장점 */

.core {
  position: relative;
  /*width: 100%; 반응형*/
  left: 50%;
  /*pc전용*/
  margin: 0px 0px 0px -960px;
  /*pc전용*/
  width: 1920px;
  /*pc전용*/
  height: 1400px;
  background-color: #fff;

  .title {
    position: absolute;
    top: 100px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 44px;
  }

  .hexagon {
    position: absolute;
    left: 50%;
    width: 180px;
    height: 176px;
    background-size: auto 167px;
    text-align: center;
    display: grid;
    place-items: center;
    white-space: pre-wrap;
  }

  .hexagon.color1 {
    color: #333;
    background: url('../images/img_hexagon_1.svg') no-repeat center;
  }

  .hexagon.color2 {
    color: #fff;
    background: url('../images/img_hexagon_2.svg') no-repeat center;
  }

  .hexagon.item_1 {
    top: 229px;
    margin: 0px 0px 0px -395px;
    font-size: 28px;
  }

  .hexagon.item_2 {
    top: 405px;
    margin: 0px 0px 0px 219px;
    font-size: 26px;
  }

  .hexagon.item_3 {
    top: 581px;
    margin: 0px 0px 0px -395px;
    font-size: 28px;
  }

  .hexagon.item_4 {
    top: 757px;
    margin: 0px 0px 0px 219px;
    font-size: 28px;
  }

  .hexagon.item_5 {
    top: 933px;
    margin: 0px 0px 0px -395px;
    font-size: 24px;
  }

  .hexagon.item_6 {
    top: 1109px;
    margin: 0px 0px 0px 219px;
    font-size: 23px;
    line-height: 34px;
  }

  .core_txt {
    position: absolute;
    left: 50%;
    font-size: 18px;
    line-height: 34px;
    white-space: pre-wrap;

    .item {
	  margin: 0px 14px 0px 0px;
    }
  }

  .core_txt.txt1 {
    top: 284px;
    margin: 0px 0px 0px -203px;
  }

  .core_txt.txt2 {
    top: 460px;
    margin: 0px 0px 0px -8px;
  }

  .core_txt.txt3 {
    top: 636px;
    margin: 0px 0px 0px -203px;
  }

  .core_txt.txt4 {
    top: 812px;
    margin: 0px 0px 0px -157px;
  }

  .core_txt.txt5 {
    top: 988px;
    margin: 0px 0px 0px -203px;
  }

  .core_txt.txt6 {
    top: 1164px;
    margin: 0px 0px 0px -190px;
  }

  .dot_wrap {
    position: relative;
	margin: 0px 14px 0px 0px;

    .dot {
      position: absolute;
      top: 6.5px;
      width: 6px;
      height: 6px;
      border: 1px solid #000;
      border-radius: 3px;
    }
  }
}

/* 활용 분야 */

.field {
  position: relative;
  /*width: 100%; 반응형*/
  left: 50%;
  /*pc전용*/
  margin: 0px 0px 0px -960px;
  /*pc전용*/
  width: 1920px;
  /*pc전용*/
  height: 900px;
  background-color: #fff;

  .title {
    position: absolute;
    top: 130px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 44px;
    color: #fff;
  }

  .background {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 900px;
    margin: 0px 0px 0px -50%;
    background: url('../images/background_section09.jpg') no-repeat;
    background-size: 100% 900px;
  }

  .field_txt_head {
    position: absolute;
    left: 50%;
    font-size: 28px;
    color: #fff;
    vertical-align: text-top;

    .icon {
      display: inline-block;
      width: 32px;
      height: 32px;
	  margin: 0px 0px 0px 16px;
      vertical-align: text-top;
      background-size: 32px;
    }

    .icon.icon_shield_lock {
      background: url('../images/icon_shield_lock.svg') no-repeat;
    }

    .icon.icon_bank {
      background: url('../images/icon_bank.svg') no-repeat;
    }

    .icon.icon_building {
      background: url('../images/icon_building.svg') no-repeat;
    }

    .icon.icon_transit_connection {
      background: url('../images/icon_transit_connection.svg') no-repeat;
    }
  }

  .field_txt_head.head_1 {
    top: 275px;
    margin: 0px 0px 0px -495px;
  }

  .field_txt_head.head_2 {
    top: 275px;
    margin: 0px 0px 0px -117px;
  }

  .field_txt_head.head_3 {
    top: 275px;
    margin: 0px 0px 0px 307px;
  }

  .field_txt_head.head_4 {
    top: 593px;
    margin: 0px 0px 0px -495px;
  }

  .field_txt {
    position: absolute;
    left: 50%;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
    white-space: pre-wrap;
  }

  .field_txt.txt1 {
    top: 342px;
    margin: 0px 0px 0px -495px;
  }

  .field_txt.txt2 {
    top: 342px;
    margin: 0px 0px 0px -117px;
  }

  .field_txt.txt3 {
    top: 342px;
    margin: 0px 0px 0px 307px;
  }

  .field_txt.txt4 {
    top: 660px;
    margin: 0px 0px 0px -495px;
  }

  .dot_wrap {
    position: relative;
	margin: 0px 18px 0px 0px;

    .dot {
      position: absolute;
      top: 5.5px;
      width: 8px;
      height: 8px;
      border: 1px solid #fff;
      border-radius: 4px;
    }
  }

  .image_gen {
    display: inline-block;
    position: absolute;
    left: 50%;
	margin: 0px 0px 0px -60px;
    width: 120px;
    height: 120px;
    background: url('../images/img_intersect.svg') no-repeat;
    background-size: 120px;
  }

  .image_gen.gen_1 {
    top: 416px;
  }

  .image_gen.gen_2 {
    top: 806px;
  }
}

/* 단순한 서버가 아닙니다 */

.appliance {
  position: relative;
  /*width: 100%; 반응형*/
  left: 50%;
  /*pc전용*/
  margin: 0px 0px 0px -960px;
  /*pc전용*/
  width: 1920px;
  /*pc전용*/
  height: 1040px;
  background-color: #f7fcff;

  .title {
    position: absolute;
    top: 170px;
    left: 50%;
    margin: 0px 0px 0px -505px;
    font-size: 52px;
    line-height: 88px;
    white-space: pre-wrap;
    vertical-align: text-bottom;

    .logo_3 {
      display: inline-block;
      width: 315px;
      height: 64px;
      margin: 0px 24px 0px 0px;
      background: url('../images/nxchat_logo_3.svg') no-repeat;
      background-size: 315px 64px;
      vertical-align: text-bottom;
    }
  }

  .img_connection_min {
    display: inline-block;
    position: absolute;
    top: 427px;
    left: 50%;
    width: 147px;
    height: 119px;
    margin: 0px 0px 0px -73.5px;
    background: url('../images/img_connection_min.png') no-repeat;
    background-size: 147px 119px;
  }

  .appliance_txt_1,
  .appliance_txt_2 {
    position: absolute;
    left: 50%;
    width: 1024px;
	margin: 0px 0px 0px -512px;
	padding: 0px 7px 0px 0px;
    font-size: 20px;
    line-height: 36px;
    text-align: right;
    white-space: pre-wrap;
    overflow-x: hidden;
  }

  .appliance_txt_1 {
    top: 636px;
	  
	  .passage {
		  font-size: 20px;
	  }
  }

  .appliance_txt_2 {
    top: 828px;
  }
}

/* Relationship */

.relationship {
  position: relative;
  /*width: 100%; 반응형*/
  left: 50%;
  /*pc전용*/
  margin: 0px 0px 0px -960px;
  /*pc전용*/
  width: 1920px;
  /*pc전용*/
  height: 700px;
  background-color: #fff;

  .title {
	position: absolute;
    top: 160px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 28px;
	color: #949494;
  }
	
  .line {
   position: absolute;
   left: 50%;
   top: 246px;
   width: 990px;
   height: 1px;
    margin: 0px 0px 0px -495px;
   background-color: #e0e0e0;
  }

  .relat {
    position: relative;
    top: 247px;
    left: 50%;
    width: 990px;
    margin: 0px 0px 0px -492px;

    .item {
      display: inline-block;
      width: 270px;
      height: 270px;

      .logo_1 {
		position: absolute;
        width: 160px;
        height: auto;
        margin: 55px;
	  }

	  .logo_2 {
		position: absolute;
        width: 200px;
        height: auto;
        margin: 35px;
      }
    }

    .item.item_1 {
      margin: 0px 82px 0px 0px;
	}

    .item.item_2 {
      margin: 0px 82px 0px 0px;
	}
  }
}

/* CONTACT */

.contact {
  position: relative;
  height: 1543px;
  margin: -100px 0px 0px 0px;
  background-color: #fff;

  .top_padding {
    height: 99.5px;
    background-color: #fff;
  }

  .title {
    position: absolute;
    top: 220px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 52px;
  }

  .google_map {
    position: absolute;
    top: 357px;
    width: 100%;
    height: 820px;
    border: 0px;
  }

  .loca_txt {
    position: absolute;
    top: 1234px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 17px;
    line-height: 33px;
    white-space: pre-wrap;

    .eng {
      position: relative;
      font-size: 17px;
    }
  }

  .divider {
    display: block;
    position: absolute;
    top: 1331px;
    left: 50%;
    width: 1010px;
    height: 3px;
    margin: 0px 0px 0px -505px;
    background-color: #F8F8F8;
  }

  .contact_plus {
    position: absolute;
    top: 1363px;
    width: 990px;
    left: 50%;
    margin: 0px 0px 0px -495px;

    .item {
      display: inline-block;

      .tel,
      .fax,
      .mail {
        margin: 0px 70px 0px 0px;
        font-size: 17px;
        line-height: 34px;
      }

      .tel .label,
      .fax .label,
      .mail .label {
        margin: 0px 16px 0px 0px;
        font-size: 17px;
      }
    }
  }
}

/* footer */

.footer {
  position: relative;
  height: 210px;
  background-color: #f8f8f8;

  .ainx_logo_2 {
    position: absolute;
    top: 72px;
    left: 50%;
    width: 113.01px;
    height: 28px;
    margin: 0px 0px 0px -495px;
    background: url('../images/ainx_logo_2.svg') no-repeat;
    background-size: 113.01px 28px;
  }

  .footer_txt {
    position: absolute;
    top: 122px;
    left: 50%;
    margin: 0px 0px 0px -495px;
    font-size: 12px;
    color: #8a8a8a;
    white-space: pre-wrap;
  }
}

/* PgUp 플로팅버튼 */

.floating_btn {
  display: none;
  position: fixed;
  z-index: 10;
  right: 70px;
  bottom: 75px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #fff;
}

.pgup {
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
  background: url('../images/pgup.png') no-repeat center;
  background-size: 34px 40px;
}