/*기본 가로 테이블*/
table {
    min-width: 0;
    white-space: nowrap;
    border-spacing:0;
}

    table td,
    table th {
        border-right: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
        padding: 10px 10px;
        overflow:hidden;
    }

        table td:first-child,
        table th:first-child {
            border-left: 1px solid #dadada;
        }

    table tr:first-child > th,
    table tr:first-child > td {
        border-top: 1px solid #dadada;
    }

        table tr:first-child > th:first-child,
        table tr:first-child > td:first-child {
            border-top-left-radius: 6px;
            border-left: 1px solid #dadada;
        }

        table tr:first-child > th:last-child,
        table tr:first-child > td:last-child {
            border-top-right-radius: 6px;
        }

    table tr:last-child > th:first-child,
    table tr:last-child > td:first-child {
        border-bottom-left-radius: 6px;
        border-left: 1px solid #dadada;
    }

    table tr:last-child > th:last-child,
    table tr:last-child > td:last-child {
        border-bottom-right-radius: 6px;
    }

    table td{
        color:#000;
        text-align:left;
    }

    table th {
        background: #dbe7ff;
        color: #5c5c5d;
        text-align: center;
    }



/*예약자정보*/
div.tbldiv {
    border: solid 1px #dadada;
    border-radius: 10px;
    overflow:hidden;
}

    div.tbldiv div.tbldiv_row {
        display: flex;
        border-bottom: solid 1px #dadada;
    }
    div.tbldiv div.tbldiv_row:last-child {
        border-bottom: none;
    }

        div.tbldiv div.tbldiv_row div.tbldiv_cell {
            display: flex;
            align-items: stretch;
            width: 100%;
        }

            div.tbldiv div.tbldiv_row div.tbldiv_cell .head {
                background-color: #dbe7ff;
                flex: 0 0 120px;/*직접스타일 주면 헤드간격 유지*/
                padding: 10px;
                display:flex;
                align-items:center;
                justify-content:center;
            }

            div.tbldiv div.tbldiv_row div.tbldiv_cell .body {
                flex: 1 1 auto;
                padding: 10px;
                display:flex;
                flex-wrap:wrap;
                word-break:break-word;
                align-items:center;
            }
            div.tbldiv div.tbldiv_row div.tbldiv_cell .body input{
                flex:1 1 auto;
                width:0;
                max-width:200px;
            }

@media screen and (max-width:720px) {
    div.tbldiv .tbldiv_row{
        flex-direction:column;
    }
    div.tbldiv div.tbldiv_row div.tbldiv_cell {
        border-bottom: solid 1px #dadada;
    }
    div.tbldiv div.tbldiv_row div.tbldiv_cell:last-child {
        border-bottom:none;
    }
}

@media screen and (max-width:400px) {
    table {
        white-space: normal;
        word-break:break-word;
    }
}