@charset "utf-8";

.terms button.js-upload {
  margin-right: 0;
}

.terms__title {
  font-size: 28px;
  font-weight: 700;
  color: #222;
  line-height: 40px;
}

.terms__title__group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 36px;
}

@media (max-width: 767px) {
  .terms__title {
    padding-bottom: 14px;
    font-size: 24px;
    line-height: 36px;
  }

  .terms__title__group {
    flex-direction: column;
    align-items: flex-start; 
    padding-bottom: 24px;
  }
}

.terms__subtitle {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  line-height: 30px;
}

.terms__subtitle__group {
  padding-bottom: 20px;
  border-bottom: 1px solid #1f2437;
}

.terms__subtitle__group~.terms__subtitle__group {
  margin-top: 60px;
}

@media (max-width: 767px) {
  .terms__subtitle {
    font-size: 18px;
    line-height: 28px;
  }

  .terms__subtitle__group {
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 0 15px 15px;
  }

  .terms__subtitle__group~.terms__subtitle__group {
    margin-top: 40px;
  }
}

.terms__flex {
  display: flex;
}

.terms__flex button.js-infobtn {
  font-size: 14px !important;
  min-width: 73px !important;
  margin-left: 10px;
  padding: 0 !important;
}

@media (min-width: 768px) {
  .terms__flex .select__group{
    width: 179px;
  }
}

@media (max-width: 767px) {
  .terms__flex {
    width: 100%;
  }

  .terms__flex .select__group{
    flex-grow: 1;
  }
}

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

.terms__conts__title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 24px;
}
.terms__conts__title ~ .terms__conts__title {
  margin-top: 16px;
}

.terms__conts__list>li p {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  color: #707070;
  line-height: 24px;
}

.terms__conts__list>li p::before {
  flex-shrink: 0;
  width: 28px;
}

.terms__conts__list>li:nth-of-type(1) p::before { content: "1.";}
.terms__conts__list>li:nth-of-type(2) p::before { content: "2.";}
.terms__conts__list>li:nth-of-type(3) p::before { content: "3.";}
.terms__conts__list>li:nth-of-type(4) p::before { content: "4.";}
.terms__conts__list>li:nth-of-type(5) p::before { content: "5.";}
.terms__conts__list>li:nth-of-type(6) p::before { content: "6.";}
.terms__conts__list>li:nth-of-type(7) p::before { content: "7.";}
.terms__conts__list>li:nth-of-type(8) p::before { content: "8.";}
.terms__conts__list>li:nth-of-type(9) p::before { content: "9.";}
.terms__conts__list>li:nth-of-type(10) p::before { content: "10.";}

.terms__conts__list>li+li,
.terms__conts__list[class*="--type"] {margin-top: 8px;}

.terms__conts__list.--type03 { padding-left: 28px;}
.terms__conts__list.--type03>li p::before {width: 22px;}
.terms__conts__list.--type03>li:nth-of-type(1) p::before { content: "가";}
.terms__conts__list.--type03>li:nth-of-type(2) p::before { content: "나";}
.terms__conts__list.--type03>li:nth-of-type(3) p::before { content: "다";}
.terms__conts__list.--type03>li:nth-of-type(4) p::before { content: "라";}
.terms__conts__list.--type03>li:nth-of-type(5) p::before { content: "마";}
.terms__conts__list.--type03>li:nth-of-type(6) p::before { content: "바";}
.terms__conts__list.--type03>li:nth-of-type(7) p::before { content: "사";}
.terms__conts__list.--type03>li:nth-of-type(8) p::before { content: "아";}
.terms__conts__list.--type03>li:nth-of-type(9) p::before { content: "자";}
.terms__conts__list.--type03>li:nth-of-type(10) p::before { content: "차";}
.terms__conts__list.--type03>li:nth-of-type(11) p::before { content: "카";}
.terms__conts__list.--type03>li:nth-of-type(12) p::before { content: "타";}
.terms__conts__list.--type03>li:nth-of-type(13) p::before { content: "파";}
.terms__conts__list.--type03>li:nth-of-type(14) p::before { content: "하";}

.terms__conts__para {
  font-size: 16px;
  font-weight: 400;
  color: #707070;
  line-height: 24px;
}

.terms__conts__ul {
  padding-left: 20px;
}

.terms__conts__ul>li {
  font-size: 16px;
  font-weight: 400;
  color: #707070;
  line-height: 30px;
}

@media (max-width: 767px) {
  .terms__conts__group {
    padding: 20px 0 0;
  }

  .terms__conts__title {
    font-size: 14px;
    line-height: 20px;
  }

  .terms__conts__list>li p {
    font-size: 14px;
  }
  
  .terms__conts__list>li p::before {
    width: 27px;
  }

  .terms__conts__para {
    font-size: 14px;
  }
}