
.w100 {
    width : 100% !important;
  }
  .w95 {
    width : 95% !important;
  }
  .w90 {
    width : 90% !important;
  }
  .w85 {
    width : 85% !important;
  }
  .w80 {
    width : 80% !important;
  }
  .w75 {
    width : 75% !important;
  }
  .w70 {
    width : 70% !important;
  }
  .w65 {
    width : 65% !important;
  }
  .w60 {
    width : 60% !important;
  }
  .w50 {
    width : 50% !important;
  }
  .mt5 {
    margin-top : 5px;
  }
  .mt10 {
    margin-top : 10px;
  }
  .mt15 {
    margin-top : 15px;
  }
  .mt20 {
      margin-top : 20px;
  }
  .mt25 {
      margin-top : 25px;
  }
  .mt30 {
      margin-top : 30px;
  }
  .mt40 {
      margin-top : 40px;
  }
  .mt45 {
      margin-top : 45px;
  }
  .mt50 {
      margin-top : 50px;
  }
  .mt60 {
      margin-top : 60px;
  }
  .mt65 {
      margin-top : 65px;
  }
  .mt70 {
      margin-top : 70px;
  }
  .mt80 {
      margin-top : 80px;
  }
  .mt100 {
      margin-top : 100px;
  }
  .mt100_important {
    margin-top : 100px !important;
  }
  .mt25_4_vh {
    margin-top : 25.4vh;
  }
  .md5 {
    margin-bottom : 5px;
  }
  .md10 {
    margin-bottom : 10px;
  }
  .md15 {
    margin-bottom : 15px;
  }
  .md20 {
    margin-bottom : 20px;
  }
  .md25 {
    margin-bottom: 24px;
  }
  .md30 {
    margin-bottom: 30px;
  }
  .md35 {
    margin-bottom: 35px;
  }
  .md40 {
    margin-bottom: 40px;
  }
  .md45 {
    margin-bottom: 45px;
  }
  .md50 {
      margin-bottom: 50px;
  }
  .md55 {
      margin-bottom: 55px;
  }
  .md60 {
      margin-bottom: 60px;
  }
  .md70 {
      margin-bottom: 70px;
  }
  .md75 {
      margin-bottom: 75px;
  }
  .md80 {
      margin-bottom: 80px;
  }

  .md100 {
      margin-bottom: 100px;
  }

  .md150 {
      margin-bottom: 150px;
  }

  .md25_4_vh {
    margin-bottom : 25.4vh;
  }

  .pt25 {
    padding-top : 25px;
  }

  .pt60 {
      padding-top : 60px;
  }
  .pd60 {
      padding-bottom : 60px;
  }

  .pd70 {
      padding-bottom : 70px;
  }
  .pd80 {
      padding-bottom : 80px;
  }



  .btn-style-1 {
    display: inline-block;
    width: 320px;
    border: 1px solid #EEEEEE;
    border-radius: 100px;
    margin-top: 12px;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 500;
    color: #000000;
}

.btn-style-2 {
    width: 320px;
    border-radius: 100px;
    background-color: #222222;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
}

.btn-style-3 {
    width: 320px;
    border-radius: 100px;
    background-color: #F17742;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
}

.btn-style-4 {
    width: 320px;
    border: 1px solid #EEEEEE;
    border-radius: 100px;
    margin-top: 12px;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    text-align: center;
    cursor: pointer;
}
.btn-style-4[disabled] {
  background: #eee;
  color : #aaa;
}

.btn-style-1_v2 {
  display: inline-block;
  width: 156px;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  margin-top: 12px;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  cursor: pointer;
}

.btn-style-2_v2 {
  width: 156px;
  border-radius: 8px;
  background-color: #222222;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
}

.commom_button_style {
  display: inline-block;
  width: 100%;
  border: 1px solid #EEEEEE;
  border-radius: 100px;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  cursor: pointer;
  text-align: center;
}

.commom_button_style2 {
  width: 100%;
  border-radius: 100px;
  background-color: #222222;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
}

.btn-style-2[disabled], .btn-style-2_v2[disabled]{
  background: #eee;
  color : #aaa;
}

.commom_button_style2[disabled] {
  background: #eee;
  color : #aaa;
}

.warning {
  color : #F17742 !important;
}
.success {
  color : #6D8EE4 !important;
}
.warning_border {
  border-bottom : 2px solid #F17742 !important;
}
.warning_icon {
  position: absolute;
  top : 0;
  right : 0;
}

.pstRlv {
  position:relative;
}


.disinb {
    display: inline-block;
  }
  .dn {
    display: none !important;
  }

  .noDn {
    display: block !important;
  }

  .t-ac {
    text-align: center;
  }
  .t-al {
    text-align: left;
  }
  .t-ar {
    text-align: right;
  }

  .fleft {
    float: left;
  }
  .fright {
    float: right;
  }

  /* 8px font-size */

  .pTitle27 {
    font-size : 8px;
    font-weight: 500;
  }
  /* 10px font-size */

  .pTitle26 {
    font-size : 10px;
    font-weight: 500;
  }

  /* 12px font-size */

  .pTitle11 {
    font-size: 12px;
    font-weight: 500;
  }

  .pTitle15 {
    font-size: 12px;
    font-weight: 400;
  }

  /* 13px font-size */

  .pTitle4 {
    font-size: 13px;
    font-weight: 700;
  }

  .pTitle5 {
    font-size: 13px;
    font-weight: 500;
  }

  .pTitle6 {
    font-size: 13px;
    font-weight: 400;
  }

  /* 14px font-size */

  .pTitle17 {
    font-size: 14px;
    font-weight: 700;
  }

  .pTitle8 {
    font-size: 14px;
    font-weight: 500;
  }

  .pTitle9 {
    font-size: 14px;
    font-weight: 400;
  }

    /* 15px font-size */

  .pTitle14_3 {
    font-size: 15px;
    font-weight: 700;
  }
  .pTitle14 {
    font-size: 15px;
    font-weight: 500;
  }
  .pTitle14_2 {
    font-size: 15px;
    font-weight: 400;
  }

    /* 16px font-size */
  .pTitle2 {
    font-size: 16px;
    font-weight: 700;
  }

  .pTitle16 {
    font-size: 16px;
    font-weight: 500;
  }

  .pTitle12 {
    font-size: 16px;
    font-weight: 400;
  }

  /* 17px font-size */
  .pTitle3 {
    font-size: 17px;
    font-weight: 700;
  }

  .pTitle7 {
    font-size: 17px;
    font-weight: 500;
  }

  .pTitle13 {
    font-size: 17px;
    font-weight: 400;
  }

  /* 18px font-size */

  .pTitle24 {
    font-size: 18px;
    font-weight: 500;
  }

  /* 19px font-size */

  .pTitle23 {
    font-size: 19px;
    font-weight: 700;
  }

  /* 20px font-size */

  .pTitle20 {
    font-size: 20px;
    font-weight: 700;
  }

  .pTitle10 {
    font-size: 20px;
    font-weight: 700;
  }
  .pTitle10_2 {
    font-size: 20px;
    font-weight: 500;
  }

  /* 22px font-size */

  .pTitle22 {
    font-size: 22px;
    font-weight: 700;
  }

  /* 24px font-size */

  .pTitle {
    font-size: 24px;
    font-weight: 700;
  }
  .pTitle_2 {
    font-size: 24px;
    font-weight: 500;
  }

  /* 28px font-size */

  .pTitle25 {
    font-size : 28px;
    font-weight: 700;
  }

  /* 36px font-size */

  .pTitle36 {
    font-size : 36px;
    font-weight: 700;
  }

  .colorsAA {
    color : #aaa !important;
  }

  .colors77 {
    color : #777 !important;
  }

  .colorsDD {
    color : #DDD !important;
  }

  .colorsCC {
    color : #CCC !important;
  }

  .count-color {
    color: #6D8EE4;
  }
  .zerocount-color {
    color: #AAAAAA !important;
  }

  .orange-color {
    color : #F17742 !important;
  }
  .white-color {
    color : #fff;
  }
  .purple-color {
    color : #882BFF;
  }

  .pText {
    font-size: 14px;
    font-weight: 400;
    color : #777777;
  }

  .pText2 {
    font-size: 14px;
    font-weight: 500;
    color : #AAAAAA;
  }

  .pText3 {
    font-size: 15px;
    font-weight: 400;
    color : #AAAAAA;
  }

  .pText4 {
    font-size: 15px;
    font-weight: 400;
    color : #777777;
  }

  .pText5 {
    font-size: 15px;
    font-weight: 400;
  }

  .pText6 {
    font-size : 12px;
    font-weight : 500;
  }

  .pText6{
    font-size: 14px;
    font-weight: 400;
    color : #AAAAAA;
  }

  .pText7 {
    font-size : 12px;
    font-weight : 400;
  }

  .pInfoText {
    font-size : 17px;
    font-weight : 400;
    color : #AAAAAA;
  }

  .textStyle {
    position: relative;
    font-size : 15px;
    font-weight : 500;
    color : #222;
  }

  .textStyle::after {
    background: url(/site/icon/ion_asterisk.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 3px 0 8px;
    position: absolute;
    right: -14px;
    top: 2px;
  }

  .textStyle2 {
    position: relative;
    font-size : 14px;
    font-weight : 500;
  }

  .textStyle2::after {
    background: url(/site/icon/ion_asterisk.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 3px 0 8px;
    position: absolute;
    right: -11px;
    top: 2px;
  }

  .textStyle3 {
    position: relative;
    font-size : 16px;
    font-weight : 500;
  }

  .textStyle3::after {
    background: url(/site/icon/ion_asterisk.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 3px 0 8px;
    position: absolute;
    right: -11px;
    top: 2px;
  }

  .textStyle4 {
    display: inline-block;
    position: relative;
    font-size : 12px;
    font-weight : 500;
  }

  .textStyle4::after {
    background: url(/site/icon/ion_asterisk.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 3px 0 8px;
    position: absolute;
    right: -11px;
    top: 2px;
  }

  .textStyle2 {
    position: relative;
    font-size : 15px;
    font-weight : 500;
    color : #222;
  }

  .textStyle5 {
    position: relative;
    font-size : 16px;
    font-weight : 700;
    color : #222;
  }

  .textStyle5::after {
    background: url(/site/icon/ion_asterisk.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 3px 0 8px;
    position: absolute;
    right: -14px;
    top: 2px;
  }

  textarea {
    background-color: rgba(246,246,246,0.8);
  }

  .curPoint {
    cursor: pointer;
  }

  .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .flexCt {
    display: flex;
    justify-content: center;
  }

  .flexCtCt {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .flextype {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .flexNomal {
    display: flex;
    align-items: center;
  }

  .flexRow {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
  }
  .flexRowWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .gap2 {
    gap : 2px;
  }

  .gap4 {
    gap : 4px;
  }

  .gap6 {
    gap : 6px;
  }

  .gap8 {
    gap : 8px;
  }

  .gap10 {
    gap : 10px;
  }

  .gap12 {
    gap : 12px;
  }

  .gap16 {
    gap : 16px;
  }
  .gap20 {
    gap : 20px;
  }

  .gap24 {
    gap : 24px;
  }

  .gap26 {
    gap : 26px;
  }

  .gap40 {
    gap : 40px;
  }
  .gap45 {
    gap : 45px;
  }

  .line {
    width : 320px;
    height: 1px;
    background-color: #eeeeee;

    margin : 30px 0 24px 0;
  }
  .line2 {
    width : 100%;
    height: 1px;
    background-color: #eeeeee;

    margin : 24px 0 24px 0;
  }

  .line3 {
    width : 100%;
    height: 1px;
    background-color: #eeeeee;

    margin : 16px 0 16px 0;
  }

  .line4 {
    width: 2px;
    height: 13px;
    background: #EEE;
  }

  .line4_1 {
    width: 2px;
    height: 12px;
    background: #EEE;
  }

  .line5 {
    width: 2px;
    height: 12px;
    background: #DDD;
  }
  .line6 {
    width: 2px;
    height: 10px;
    background: #EEE;
  }
  .line7 {
    width: 2px;
    height: 10px;
    background: #CCC;
  }

  .hyphen {
    width: 6px;
    height: 2px;
    background: #AAAAAA;
  }

  .removeBtn {
    border-radius: 100px;
    border : 1px solid #EEE;
    padding : 4px 12px;
  }

  .hiddneInput {
    display: none;
  }

  .fileBtn {
    background: #222222;
    border-radius: 8px;
    padding : 10px 0;
    gap : 4px;
    justify-content: center;
    cursor: pointer;
  }

  /* 아이콘 */

  #icon_individual {
    fill : #777;
  }

  #icon_business {
    fill : #777;
  }

  /* 공통섹션 */
  .section_wrap {
    width: 1920px;
    margin : 0 auto;
  }

  .section_wrap .section_inner {
    width: 1200px;
    margin : 0 auto;
  }

  .section_wrap .section_inner .section_box {
    margin-top : 40px;
    margin-bottom : 140px;
  }


   /* 공통섹션 */
  .mo_section_wrap {
    width: 100%;
    margin : 0 auto;
  }

  .mo_section_wrap .mo_section_inner {
    width: 100%;
    margin : 0 auto;
  }

  .mo_section_wrap .mo_section_inner .mo_section_box {
    margin-top : 40px;
    margin-bottom : 140px;
  }


  .borderTopLine {
    border-top : 1px solid #EEEEEE;
  }

  /* 인증유저 뱃지 */
.cert_user_badge {
  background: #6D8EE4;
  border-radius: 100px;
  padding : 4px 10px;
  gap: 2px;
  color : #fff;
}

.normal_user_badge {
  background: #f6f6f6;
  border-radius: 100px;
  padding : 4px 10px;
  gap: 2px;
  color : #AAA;
}

.team_badge {
  background: #882BFF;
  border-radius: 100px;
  padding : 4px 10px;
  gap: 2px;
  color : #fff;
}
.team_badge > svg  {
  width: 14px;
  height: 14px;
}
.team_badge > svg > path {
  fill : #fff;
}

.client_badge {
  background: #F17742;
  border-radius: 100px;
  padding : 4px 10px;
  gap: 2px;
  color : #fff;
}
.client_badge > svg  {
  width: 14px;
  height: 14px;
}
.client_badge > svg path {
  fill : #fff;
  stroke: #fff;
}
