.app_wrap {
  width: 100%;
  height: 1080px;
}
.apple {width: 274px;}
.android {width: 274px;}
.app_text {
  color: #414141;
  text-align: center;
  padding-top: 276px;
}

.app_text h1 {
  color: #6495ed;
  font-size: 32px;
  font-family: NotoSansKR;
  letter-spacing: -1.6px;
}

.app_text h2 {
  color: #414141;
  font-size: 16px;
  letter-spacing: -0.8px;
  font-family: NotoSansKR;
  margin-top: 8px;
}

.app_con {
  width: 800px;
  margin: 0 auto;
  margin-top: 110px;
}

.app_con li {
  float: left;
  background-color: #f9fbff;
  width: 380px;
  height: 440px;
  float: left !important;
}

.app_con li:nth-of-type(1) {
  float: left;
  margin-right: 40px;
}

.app_con li:nth-of-type(1) h1 {
  font-size: 16px;
  font-family: NotoSansKR;
  letter-spacing: -0.8px;
  text-align: center;
  margin-top: 80px;
}

.app_con li:nth-of-type(1) img {
  color: #fff;
  margin: 0 auto;
  display: block;
  margin-top: 12px;
}

.app_con li:nth-of-type(2) {
  float: left;
}

.app_con li:nth-of-type(2) h1 {
  font-size: 14px;
}

.app_con li:nth-of-type(2) h1:nth-of-type(1) {
  font-size: 16px;
  text-align: center;
  color: #414141;
  margin-top: 80px;
  font-family: NotoSansKR;
}

.app_con li:nth-of-type(2) h1:nth-of-type(2) {
  font-size: 16px;
  font-family: NotoSansKR;
  text-align: center;
  margin-top: 88px;
}

.app_con li:nth-of-type(2) img {
  color: #fff;
  margin: 0 auto;
  display: block;
  margin-top: 12px;
}

.app_con li:nth-of-type(2) img:nth-of-type(1) {
  color: #fff;
}

.app_con li:nth-of-type(2) img:nth-of-type(2) {
  color: #fff;
}

/*res_1*/
@media (min-width:768px) and (max-width:1279px) {
  .app_wrap {
    width: 100%;
    height: 860px;
  }

  .app_text {
    color: #414141;
    text-align: center;
    padding-top: 110px;margin-top:110px;border-top:1px solid #f0f0f0;
  }

  .app_text h1 {
    color: #6495ed;
    font-size: 32px;
    font-family: NotoSansKR;
    letter-spacing: -1.6px;
  }

  .app_text h2 {
    color: #414141;
    font-size: 16px;
    letter-spacing: -0.8px;
    font-family: NotoSansKR;
    margin-top: 8px;
  }

  .app_con {
    width: 100%;
    margin: 0 auto;
    margin-top: 110px;
  }

  .app_con li {
    float: left;
    width: 380px;
    height: 440px;
    background-color: unset;
    float: unset !important;
    margin: 0 auto;
  }

  .app_con li:nth-of-type(1) {
    float: left;
    margin-right: 40px;
    display: none;
  }

  .app_con li:nth-of-type(1) h1 {
    font-size: 16px;
    font-family: NotoSansKR;
    letter-spacing: -0.8px;
    text-align: center;
    margin-top: 80px;
  }

  .app_con li:nth-of-type(1) img {
    color: #fff;
    margin: 0 auto;
    display: block;
    margin-top: 12px;
  }

  .app_con li:nth-of-type(2) {
    float: left;
  }

  .app_con li:nth-of-type(2) h1 {
    font-size: 14px;
  }

  .app_con li:nth-of-type(2) h1:nth-of-type(1) {
    font-size: 16px;
    text-align: center;
    color: #414141;
    margin-top: 80px;
    font-family: NotoSansKR;
  }

  .app_con li:nth-of-type(2) h1:nth-of-type(2) {
    font-size: 16px;
    font-family: NotoSansKR;
    text-align: center;
    margin-top: 88px;
  }

  .app_con li:nth-of-type(2) img {
    color: #fff;
    margin: 0 auto;
    display: block;
    margin-top: 12px;
  }

  .app_con li:nth-of-type(2) img:nth-of-type(1) {
    color: #fff;
  }

  .app_con li:nth-of-type(2) img:nth-of-type(2) {
    color: #fff;
  }
}

/*res_2*/
@media (min-width:320px) and (max-width:767px) {
  .app_wrap {
    width: 100%;
    height: auto;
      padding:61px 0 80px 0;
  }

  .app_text {
    color: #414141;
    text-align: center;
    padding-top: 120px;border-top:1px solid #f0f0f0;
  }

  .app_text h1 {
    color: #6495ed;
    font-size: 26PX;
    font-family: NotoSansKR;
    letter-spacing: -1.6px;
  }

  .app_text h2 {
    color: #414141;
    font-size: 14PX;
    letter-spacing: -0.8px;
    font-family: NotoSansKR;
    margin-top: 8px;
  }

  .app_con {
    width: 100%;
    margin: 0 auto;
    margin-top: 110px;
  }

  .app_con li {
    float: left;
    width: 330px;
    height: 440px;
    background-color: unset;
    float: unset !important;
    margin: 0 auto;
  }

  .app_con li:nth-of-type(1) {
    float: left;
    margin-right: 40px;
    display: none;
  }

  .app_con li:nth-of-type(1) h1 {
    font-size: 16px;
    font-family: NotoSansKR;
    letter-spacing: -0.8px;
    text-align: center;
    margin-top: 80px;
  }

  .app_con li:nth-of-type(1) img {
    color: #fff;
    margin: 0 auto;
    display: block;
    margin-top: 12px;
  }

  .app_con li:nth-of-type(2) {
    float: left;
  }

  .app_con li:nth-of-type(2) h1 {
    font-size: 14px;
  }

  .app_con li:nth-of-type(2) h1:nth-of-type(1) {
    font-size: 16px;
    text-align: center;
    color: #414141;
    margin-top: 80px;
    font-family: NotoSansKR;
  }

  .app_con li:nth-of-type(2) h1:nth-of-type(2) {
    font-size: 16px;
    font-family: NotoSansKR;
    text-align: center;
    margin-top: 88px;
  }

  .app_con li:nth-of-type(2) img {
    color: #fff;
    margin: 0 auto;
    display: block;
    margin-top: 12px;
  }

  .app_con li:nth-of-type(2) img:nth-of-type(1) {
    color: #fff;
  }

  .app_con li:nth-of-type(2) img:nth-of-type(2) {
    color: #fff;
  }

}