movie/resources/sass/mobile/account/comment.scss

/* 작성 댓글 */
#accountComment {
    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 {
                td {
                    vertical-align: middle;

                    p {
                        margin-bottom: 5px;

                        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;
                        }

                        &:last-child {
                            margin-bottom: 0;
                        }
                    }

                    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;
                            }
                        }
                    }

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

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