@import "../../../functions";
@import "../../../variables";
@import "../../../custom";
@import "../../../maps";
@import "../../../mixins";
@import "../../../utilities";

/* board view basic */
.board-basic-view {
    .view-title {
        font-family: "Noto Sans KR", sans-serif;
        font-size: 1rem;
        font-weight: 600;

        @include media-breakpoint-up(md) {
            font-size: 1.25rem;
        }
    }

    .board-subject.title {
        font-family: "Noto Sans KR", sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        color: $gray-500;
    }

    .write-info-ip {
        font-size: .75rem;
    }

    .button-wrap {
        border-top: 1px solid rgba($color: #000000, $alpha: .1);
        border-left: 1px solid rgba($color: #000000, $alpha: .1);
        border-right: 1px solid rgba($color: #000000, $alpha: .1);
    }

    .contents-image-wrap {
        img {
            max-width: 100%;
            height: auto;
        }
    }

    .contents-wrap {
        padding-top: 2rem !important;

        img {
            max-width: 100%;
            height: auto;
        }
    }

    .sns-share-wrap {
        top: .5rem;
        right: .5rem;
    }

    .sign-wrap {
        font-size: .75rem;
        color: $gray-600;
    }

    .attach-file {
        font-size: .75rem;
        color: $gray-600;
    }

    .link-wrap {
        font-size: .75rem;
        color: $gray-600;
    }

    .next-prev-wrap {
        font-size: .875rem;
        color: $gray-600;
    }

    .ip-address,
    .writer-datetime {
        font-size: .75rem;
        color: $gray-600;
    }
}

.comments-wrap {
    .s_cmt {
        font-size: 1rem;
        color: $danger;
        &::before{
            content: " [비밀글] ";
        }
    }
}

//댓글
.guest-wrap {
    ._comment {
        display: block;

        @include media-breakpoint-up(md) {
            display: flex;

        }

        legend {
            display: none;
        }
    }

    #captcha_info {
        display: none;
    }

    .captcha_box {
        max-width: 120px;
    }

    #captcha_img {
        width: 160px;
        height: 60px;
    }

    #captcha_mp3 {}

    #captcha_key {}
}