@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

*{
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans KR', sans-serif;
}

li { list-style: none; }
a { text-decoration: none; }


/* title */
.tit{
    margin-bottom: 5px;
}

.tit ul{
    margin: 0 10px;
}

.tit>ul>li{
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.tit>ul>li img{
    width: 10%;
    padding: 0px 0;
}

#main {
    margin: 50px auto;
    width: 900px;
    overflow: hidden;
}

/* table */
.table_wrap {
    border-radius: 15px;
    border: 1px solid #b13443;
    overflow: hidden;
}

.table {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    /*border-radius: 15px;*/
}

/* thead */
thead {
    width: 100%;
    color: #fff;
    background-color: #b13443;
    border: 0.5px solid #b13443;
}

thead tr{
    padding: 15px;
    line-height: 2.6rem;
}

thead tr th {
    font-size: 15px;
    font-weight: 400;
}

thead tr th:nth-child(1){
    width: 100px;
}

thead tr th:nth-child(2){
    width: 140px;
}

thead tr th:nth-child(3){
    width: 160px;
}

thead tr th:nth-child(4){
    width: 300px;
}

thead th:last-child{
    width: 20px;
  }


/* tbody */
tbody{
    border-collapse: separate;
    border-spacing: 0 15px;
    background-color: #fff;
}

tr{
    width: 100%;
    vertical-align: top;
    line-height: 2rem;
}

td{
    padding: 8px 15px;
    border: 0.5px solid #b13443;
    font-size: 14px;
    vertical-align : middle;
 }

 td a{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    display: block;
    line-height: 1;
 }

 td ul li{
    line-height: 19px;
    margin-bottom: 15px;
 }

 td ul li:last-child{
    margin-bottom: 0;
 }

 td ul li .customer_cl {
     color: #7e0210;
     font-weight: 400;
 }

 /* arrow */
  .arrow{
    width: 20px;
    cursor: pointer;
    color: #fff;
  }

  .material-symbols-rounded {
    color: #fff;
    width: 20px;
    height: 20px;
    font-size: 20px !important;
    font-variation-settings:
    'FILL' 0,
    'wght' 900,
    'GRAD' 0,
    'opsz' 48;
      transform: translateX(1px);
  }

  .arrow_icon {
    background-color: #b13443;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    display: block;
      margin: auto;
  }

/* LOGO */
.tableau_logo{
    width: 95%;
    margin: auto;
    /* float: right;
    transform: translateY(-15px); */
    /* margin: 5px auto; */
}

.salesForce_logo{
    width: 100%;
    margin: auto;
    /* float: right;
    margin-top: 5px; */
    /* margin: 5px auto; */

}


/* border_none */
.border_top td{
    border-top: none;
    border-left: none;
}

.border_left td {
    border-left: none;
    border-bottom: none;
}

.border_bottom td {
    border-bottom: none;
}

tbody tr td:last-child {
    border-right: none;
}

/* 고객 소분류, 지표 */
.customer_wrap {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    margin: 30px 0;
    border: 0.5px solid #b13443;
    box-sizing: border-box;
}

.customer_wrap h1 {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding: 15px 0 12px 15px;
    background-color: #b13443;
    color: #fff;
}

.customer_list {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
}

.customer_list h3 {
    width: 300px;
    text-align: center;
    border-right: 0.5px solid #b13443;
    font-size: 14px;
}

.customer_list ul {
    width: 100%;
    padding: 11px 15px 6px 15px;
}

.customer_list ul li {
    line-height: 2;
    color: #000000;
    font-size: 14px;
}

/* customer_list1 */
.customer_list.list1 {
    border-bottom: 0.5px solid #b13443;
}

.customer_list.list1 h3 {
    line-height: 1;
    padding: 75px 0 68px 0;
}

/* customer_list2 */
.customer_list.list2 h3 {
    padding: 30px 0 30px 0;
}

/* customer_list3 */
.customer_list.list3 {
    border-bottom: 0.5px solid #b13443;
}

.customer_list.list3 h3 {
    padding: 30px 0 29px 0;
}

/* customer_list4 */
.customer_list.list4 {
    border-bottom: 0.5px solid #b13443;
}

.customer_list.list4 h3 {
    padding: 45px 0 43px 0;
}

/* customer_list5 */
.customer_list.list5 {
    border-bottom: 0.5px solid #b13443;
}

.customer_list.list5 h3 {
    padding: 45px 0 42px 0;
}

/* customer_list6 */
.customer_list.list6 {
    border-bottom: 0.5px solid #b13443;
}

.customer_list.list6 h3 {
    padding: 15px 0 14px 0;
}

/* customer_list7 */
.customer_list.list7 h3 {
    padding: 30px 0 29px 0;
}