@use "../abstracts" as *;

// 회원정보 팝업
.member-infor-form-wrap{
  margin-bottom: 20px;
}

// 우편번호 찾기 팝업
.zip-code-search-input{
  margin-bottom: 18px;
}
.zip-code-table-wrap{
  .zip-code-table-tit{
    @include defaultFont($font-s-13, $font-w-500, $font-c);
    margin-bottom: 10px;
  }
  .zip-code-table{
    width: 100%;
    table-layout: fixed;
    border-top: 2px solid #2E3A59;
    th{
      @include defaultFont($font-s-13, $font-w-500, $font-c);
      padding: 10px;
      border-bottom: 1px solid #2E3A59;
      text-align: center;
    }
    td{
      @include defaultFont($font-s-13, $font-w-400, $font-c);
      padding: 10px;
      border-bottom: 1px solid #ECECEC;
    }
  }
  .btn-flex-wrap{
    margin-top: 20px;
  }
}

// 지붕재 적합성 상세
.compliance-check-bx{
  &.act{
    .compliance-check-pop-contents{
      display: block;
    }
  }
}
.compliance-check-pop-contents{
  display: none;
  padding: 14px 14px 10px 14px;
  border-top: 1px solid #ECECEC;
  margin-top: 10px;
}
.check-pop-data-wrap{
  margin-bottom: 24px;
  .check-pop-data-tit{
    position: relative;
    padding-left: 10px;
    margin-bottom: 8px;
    @include defaultFont($font-s-13, $font-w-500, $font-c);
    &::before{
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 4px;
      height: 4px;
      background-color: #2E3A59;
      border-radius: 50%;
    }
  }
  .check-pop-data-txt{
    padding-left: 10px;
    @include defaultFont($font-s-13, $font-w-400, $font-c);
  }
}

.check-pop-data-table{
  border-top: 1px solid #2E3A59;
  &:last-child{
    .pop-data-table-footer{
      border-bottom: 1px solid #2E3A59;
    }
  }
}
.pop-data-table-head{
  @include flex(0px);
  align-items: center;
  padding: 10px;
  border-top: 1px solid #2E3A59;
  border-bottom: 1px solid #2E3A59;
  .pop-data-table-head-name{
    @include defaultFont($font-s-13, $font-w-500, $font-c);
  }
  .pop-data-table-head-icon{
    margin-left: auto;
    min-width: 44px;
    @include flex(0px);
  }
}
.pop-data-table-body{
  padding: 11px 10px;
  border-bottom: 1px solid #2E3A59;
  @include defaultFont($font-s-13, $font-w-400, $font-c);
}
.pop-data-table-footer{
  @include flex(0px);
  .pop-data-table-footer-unit{
    flex: 1;
    padding: 10px;
    @include defaultFont($font-s-13, $font-w-500, $font-c);
    border-right: 1px solid #2E3A59;
  }
  .pop-data-table-footer-data{
    flex: none;
    width: 104px;
    padding: 10px;
    @include defaultFont($font-s-13, $font-w-400, $font-c);
  }
}