/********** common **********/
li {
  list-style: none;
  word-break: keep-all;
}

p {
  word-break: keep-all;
}

/* background color */
.bg-lightblue {
  background-color: #f4f7fc;
}
.bg-bgblue {
  background-color: #ddf2ff;
}
.bg-table {
  background-color: #f8f8f8;
}

.borer-round-10 {
  border-radius: 10px;
}


/* text-size */
.text-12 {
  font-size: 0.75rem;
}
.text-13 {
  font-size: 0.8125rem;
}
.text-15 {
  font-size: 0.9375rem;
}



/* text-color */
.text-0 {
  color: #000;
}
.text-darkgray {
  color: #464646;
}
.text-darkblue {
  color: #3048a2;
}
.text-ligthgray {
  color: #666666;
}
.text-blue {
  color: #486eff;
}

 .letterspacing {
  letter-spacing: -0.05rem;
}
.letterspacing-sm {
  letter-spacing: -0.0313rem;
}

/********** MAIN **********/
/* li 점 스타일 */
[class*=c-bullet-type-]>li~li {
  margin-top: 3px;
}

[class*=c-bullet-type-]>li {
  padding-left: 7px;
  position: relative;
  word-break: break-all;
}

[class*=c-bullet-type-]>li:before {
  content: "";
  position: absolute;
  top: 7.5px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #666;
  border-radius: 50%;
}

[class*=c-bullet-type-]>li {
  padding-left: 10px;
  position: relative;
  word-break: break-all;
}

/* 유플러스 + */
sub {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  top: -0.5em;
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

/* main table */
.accordion-body-table {
  padding: 23px 20px 16px;
}

th.table-title {
  font-size: 13px;
  padding: 0.75rem 0;
}

tr.table-title {
  font-size: 13px;
}

td.table-title {
  font-size: 13px;
  min-width: 70px;
}

td.table-subtxt {
  font-size: 12px;
  padding: 13px;
}

/* border */
.border-top-black {
  border-top: 1px solid #000;
}
.border-table-right {
  border-right: 1px solid #eee;
}
.border-table-bottom {
  border-bottom: 1px solid #eee;
}
.border-top-gray {
  border-top: 1px solid #eee;
}
.border-top-footer {
  border-top: 1px solid #ccc;
}
.border-footer {
  border-bottom: 3x solid #red;
}


.border-bottom-nav {
  border-bottom: 1px solid #e5e7ea;
}


/* 가입내역 조회/변경 */

.bg-title {
  background-color: #eff0f5;
}
.bg-cont {
  background-color: #f4f7fc;
}
.bg-f9 {
  background-color: #f9f9f9;
}

.border-cont {
  border: 1px solid #486eff;
  border-radius: 10px;
}
.border-cont-gray {
  border: 1px solid #eaeaea;
  border-radius: 10px;
}
.border-bottom-e8 {
  border-bottom: 1px solid #e8e8e8;
}
.border-bottom-c {
  border-bottom: 1px solid #ccc;
}

.text-1d {
  color: #1d1d1b;
}
.text-4c {
  color: #4c4c4c;
}
.text-74 {
  color: #74747;
}
.text-70 {
  color: #707070;
}

.badge-on {
  border: 1px solid #ea2892;
}
.text-badge {
  color: #ea2892;
}

.table-sjc {
  padding-top: 12px!important;
  padding-bottom: 12px!important;
}

.text-16 {
  font-size: 16px;
}

.hr-sjc {
  padding-bottom:7px;
  margin-top: 7px!important;
}

.select_active {
  border: 1px solid #486eff;
  color: #486eff;
}



/* 가입정보/단말기정보변경 PC 가로사이즈 */
@media (min-width: 576px) {
  .w-sm-80 {
      width:80%!important
  }
}

@media (min-width: 768){
  .w-md-50 {
    width: 50% !important;
  }
}

@media (min-width: 992px){
  .w-lg-50 {
    width: 50% !important;
  }
}

@media (min-width: 992px){
  .w-lg-60 {
    width: 60% !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-50 {
      width:50%!important
  }
}

@media (min-width: 1200px) {
  .w-xl-60 {
      width:60%!important
  }
}

@media (min-width: 1400px) {
  .w-xxl-50 {
      width:50%!important
  }
}

@media (min-width: 1400px) {
  .w-xxl-60 {
      width:60%!important
  }
}

@media (min-width: 1800px) {
  .w-xxxl-30 {
      width:30%!important
  }
}

@media (min-width: 1800px) {
  .w-xxxl-60 {
      width:60%!important
  }
}

/* 본인인증 사이즈 */






/* nologin page */
.text-login {
  color: #5c5d66;
}

.btn-pass {
  padding-top: 0.6875rem!important;
  padding-bottom: 0.6875rem!important;
  font-size: 16px!important;
  border-radius: 10px;
}

.w-75 {
  width: 75%!important;
}


.floating-btn {
  position: fixed;
  display: flex;
  padding: 14px 40px;

  align-items:center;
  left: 50%;
  bottom: 20px;
  background-color: #486eff;
  border-radius: 30px 30px ;
  transform: translateX(-50%);
  color: black;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  z-index: 9999;

}
.floating-btn>a {
  color: #fff;
  text-align: center;
}

.btn-myinfo {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.btn-myinfo>a {
  background-color: #486eff;
  color: #fff;
  padding: 15px 40px;
  border-radius: 30px;
}

/***** re_join_info *****/
.btn-next {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.btn-next > span {
  display: block;
  width: 100%;
  margin: 0 auto;
  background-color: #486eff;
  color: #fff;
  padding: 13px 0;
  border-radius: 30px;
  box-sizing: border-box;
}
.btn-next > a {
  display: block;
  width: 100%;
  margin: 0 auto;
  background-color: #486eff;
  color: #fff;
  padding: 13px 0;
  border-radius: 30px;
  box-sizing: border-box;
}

/***** re_device_chk *****/
.text-ba {
  color: #bababa;
}

/***** re_self_chk *****/
.selfchk-cont {
  width: 95%;
  margin: 0 auto;
}
.selfchk-cont #result {
  font-size: 13px;
  padding: 5px 0 0 7px;
}
.selfchk-box {
  background-color: #f7f8fb;
  border-radius: 15px;
  padding: 20px 15px 30px;
}
.selfchk-box .selfchk-img {
  width: 97%;
  margin: 0 auto;
}
.selfchk-box .selfchk-img > img {
  width: 100%;
}
.selfchk-cont .selfchk-box > input {
  width: 100%;
  font-size: 15px;
  color: #4c4c4c;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ccc;
  background: none;
  padding: 0 0 5px 5px;
}
.selfchk-cont .selfchk-box > input:focus {
  outline: none;
  background: none;
}
.selfchk-cont .selfchk-box > input::placeholder {
  font-size:15px;
  color: #ccc;
}
/***** re_agree *****/
.checkbox-all .border-bottom-b {
  border-bottom: 1px solid #1d1d1d;
}
.check-input-radio {
  width: 1.25em;
  height: 1.25em;
  margin-top: 2px;
}
.check-input-radio[type=checkbox] {
  border-radius: 1.25em;
}
.checkbox p.checkbox-text {
  background-color: rgb(232, 232, 232, .2);
}
.form-check {
  margin-bottom: 0 !important;
}

/***** re_fm_pickup *****/
.fm-input > input {
  width: 100%;
  font-size: 14px;
  color: #4c4c4c;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ccc;
  background: none;
  padding: 0 0 7px 5px;
}
.fm-input > input:focus {
  outline: none;
  background: none;
}
.fm-input > input::placeholder {
  font-size:14px;
  color: #ccc;
}
.fm-input > select {
  font-size: 14px;
  color: #4c4c4c;
}

.fm-input-all {
  width: 95%;
  margin: 0 auto;
}
.py-2h {
  padding: 9px 0 ;
}