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

/********폰트속성정리********/
.h5 {
  height: 5px !important;
}

.index_f50m {
  font-size: 50px !important;
  word-break: keep-all;
}

.index_f30m {
  font-size: 30px !important;
  word-break: keep-all;
}

.index_f25m {
  font-size: 25px !important;
  word-break: keep-all;
}

.index_f18m {
  font-size: 18px !important;
  word-break: keep-all;
}

.index_f10m {
  font-size: 10px !important;
  word-break: keep-all;
}

.index_f80 {
  font-size: 80px !important;
  word-break: keep-all;
}

.index_f60 {
  font-size: 80px !important;
  word-break: keep-all;
}

.index_f50 {
  font-size: 50px !important;
  word-break: keep-all;
}

.index_f40 {
  font-size: 40px !important;
  word-break: keep-all;
}

.index_f35 {
  font-size: 35px !important;
  word-break: keep-all;
}

.index_f30 {
  font-size: 30px !important;
  word-break: keep-all;
  line-height:1.4
}

.index_f25 {
  font-size: 25px !important;
  word-break: keep-all;
}

.index_f20 {
  font-size: 20px !important;
  word-break: keep-all;
  line-height: 25px;
}

.index_f18 {
  font-size: 18px !important;
  word-break: keep-all;
  line-height: 25px;
}

.index_f16 {
  font-size: 16px !important;
  word-break: keep-all;
  line-height: 25px;
}

.index_f14 {
  font-size: 14px !important;
  word-break: keep-all;
}

.index_f10 {
  font-size: 10px !important;
  word-break: keep-all;
}

@media only screen and (max-width: 900px) {
  .index_f80 {
    font-size: 50px !important;
    word-break: keep-all;
  }

  .index_f60 {
    font-size: 40px !important;
    word-break: keep-all;
  }

  .index_f50 {
    font-size: 35px !important;
    word-break: keep-all;
  }

  .index_f40 {
    font-size: 30px !important;
    word-break: keep-all;
  }

  .index_f35 {
    font-size: 28px !important;
    word-break: keep-all;
    line-height: 1.4;
  }

  .index_f30 {
    font-size: 25px !important;
    word-break: keep-all;
  }

  .index_f25 {
    font-size: 20px !important;
    word-break: keep-all;
  }

  .index_f20 {
    font-size: 18px !important;
    word-break: keep-all;
    line-height: 25px;
  }

  .index_f18 {
    font-size: 16px !important;
    word-break: keep-all;
    line-height: 25px;
  }

  .index_f16 {
    font-size: 14px !important;
    word-break: keep-all;
    line-height: 25px;
  }

  .index_f14 {
    font-size: 12px !important;
    word-break: keep-all;
  }

  .index_f10 {
    font-size: 9px !important;
    word-break: keep-all;
  }
}

.index_f25sm {
  font-size: 25px !important;
  word-break: keep-all;
}

.index_f16sm {
  font-size: 16px !important;
  word-break: keep-all;
}

.text_up {
  text-transform: uppercase;
}

.word_keep {
  word-break: keep-all;
}

.index_color {
  color: #3293da !important;
}

.index_color2 {
  color: #4c5a6a !important;
}

.index_bg {
  background: #3293da !important;
}

.index_bg2 {
  background: #4c5a6a !important;
}

.index_ib {
  display: inline-block !important;
}

.index_ls10 {
  letter-spacing: 10px !important;
}

.index_ls20 {
  letter-spacing: 20px !important;
}

.text_center {
  text-align: center;
}

.index_line1 {
  line-height: 20px;
}

.index_line2 {
  line-height: 25px;
}

@media only screen and (max-width: 900px) {
  .index_ls10 {
    letter-spacing: 5px !important;
  }

  .index_ls20 {
    letter-spacing: 10px !important;
  }

  .text_center {
    text-align: center;
  }

  .index_line1 {
    line-height: 20px;
  }

  .index_line2 {
    line-height: 25px;
  }
}

/********폰트속성정리********/

/********가로사이즈 정리********/
.index_w1200 {
  width: 95%;
  max-width: 1300px;
  margin: 0 auto;
}

.index_w50 {
  width: 100%;
  max-width: 50%;
  margin: 0 auto;
}

.index_w60 {
  width: 100%;
  max-width: 60%;
  margin: 0 auto;
}

.index_w70 {
  width: 100%;
  max-width: 70%;
  margin: 0 auto;
}

.index_w80 {
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
}

.index_w90 {
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
}

.index_w95 {
  width: 100%;
  max-width: 95%;
  margin: 0 auto;
}

/********가로사이즈 정리********/

/********폰트색상 정리********/
.c_g {
  color: #88888c !important;
}

.c_by {
  color: #3e3838 !important;
}

/********폰트색상 정리********/

/********라인표기 정리********/
.index_g_line {
  width: 50px;
  height: 2px;
  background: #88888c;
  display: block;
  margin: 0 auto;
}

.index_b_line {
  width: 50px;
  height: 2px;
  background: #000;
  display: block;
  margin: 0 auto;
}

.index_w_line {
  width: 50px;
  height: 2px;
  background: #fff;
  display: block;
  margin: 0 auto;
}

/********라인표기  정리********/

/********상하 마진   정리********/
.index_mar10 {
  margin: 10px 0 10px 0;
}

.index_mar20 {
  margin: 20px 0 20px 0;
}

.index_mar30 {
  margin: 30px 0 30px 0;
}

.index_mar40 {
  margin: 40px 0 40px 0;
}

.index_mar40 {
  margin: 50px 0 50px 0;
}

/********상하 마진  정리********/

/********상하 패딩   정리********/
.index_pa10 {
  padding 10px 0 10px 0;
}

.index_pa20 {
  padding: 20px 0 20px 0;
}

.index_pa30 {
  padding: 30px 0 30px 0;
}

.index_pa40 {
  padding: 40px 0 40px 0;
}

.index_pa40 {
  padding: 50px 0 50px 0;
}

/********상하 패딩  정리********/
.index_sw {
  box-shadow: 4px 2px 15px rgba(102, 102, 102, 0.4);
}

@media only screen and (max-width: 900px) {
  .index_f25sm {
    font-size: 40px !important;
    word-break: keep-all;
  }

  .index_f16sm {
    font-size: 30px !important;
    word-break: keep-all;
  }

  .index_f50m {
    font-size: 70px !important;
    word-break: keep-all;
  }

  .index_f18m {
    font-size: 40px !important;
    word-break: keep-all;
  }

  .index_f10m {
    font-size: 25px !important;
    word-break: keep-all;
  }
}