/* 작성 게시글 */
#accountPost {
    box-sizing: border-box;

    table {
        margin-bottom: 0;

        caption {
            caption-side: top;
            color: #bbbbbb;
        }

        tr {
            th, td{
                text-align: center;
            }
        }

        thead {
            tr {
                th {
                    background: #133a46;
                }
            }
        }

        tbody {
            tr {

                &:hover,
                &:focus {
                    background-color: #1a1e21;
                }

                th, td {
                    text-align: center;
                    vertical-align: middle;
                }

                td {

                    p {
                        margin-bottom: 5px;

                        label {
                            font-size: 0.8rem;
                            margin-right: 3px;
                        }

                        del, a {
                            font-size: 0.8rem;
                            font-weight: normal;
                            text-decoration: none;
                        }

                        var {
                            color: #aa0000;
                            font-style: initial;
                            font-size: 0.813rem;
                            vertical-align: bottom;
                            letter-spacing: -1px;
                        }

                        i {
                            color: #cbd5e0;
                            margin-left: 5px;
                            vertical-align: -2px;
                        }

                        span {
                            font-size: 0.625rem;
                            vertical-align: text-top;
                            margin-left: 5px;
                        }
                    }

                    ul {
                        margin: 0;
                        padding: 0;

                        li {
                            display: inline-block;
                            font-size: 0.75rem;

                            &:after {
                                content: "·";
                                padding: 0 3px 0 7px;
                            }

                            &:last-child:after {
                                content: "";
                                padding: 0;
                            }
                        }
                    }

                    .thumbnail {
                        display: block;
                        position: relative;
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                        min-height: 50px;

                        > img {
                            position: absolute;
                            width: 100%;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                        }
                    }

                    &:first-child {
                        text-align: center;
                    }

                    &:last-child {
                        text-align: left;
                    }
                }
            }
        }
    }
}
