.board-list tr:hover {
    background: #f8f8f8
}

.bbs-category ul {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}

    .bbs-category ul li {
        padding-left: 30px;
    }

        .bbs-category ul li a {
            display: block;
            height: 40px;
            line-height: 40px;
            font-weight: 500;
            font-size: 1.3rem;
            color: #333;
        }

        .bbs-category ul li.active a {
            font-weight: 700;
            color: #5A27BF;
            border-bottom: 3px solid #5A27BF;
        }

.paging {
    position: relative;
    margin-top: 16px;
    text-align: center;
}

    .paging a {
        display: inline-block;
        min-width: 24px;
        height: 24px;
        line-height: 24px;
        margin: 0 8px;
        color: #555;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 400;
        vertical-align: top;
        word-break: break-all;
    }

        .paging a.on {
            background-color: #5a27bf;
            color: #fff;
            border-radius: 2px;
            border-radius: 8px;
        }

        .paging a.prev,
        .paging a.next,
        .paging a.prev.start,
        .paging a.next.end {
            width: 24px;
            height: 24px;
            background-repeat: no-repeat;
            background-position: center;
            margin: 0 2px;
        }

        .paging a.prev {
            background-image: url("/assets/img/icon-prev.png");
        }

        .paging a.next {
            background-image: url("/assets/img/icon-next.png");
        }

        .paging a.prev.start {
            background-image: url("/assets/img/icon-start.png");
        }

        .paging a.next.end {
            background-image: url("/assets/img/icon-end.png");
        }

.bbs-form ul {
    margin-top: 20px;
}

    .bbs-form ul li {
        display: flex;
        align-items: center;
        padding: 12px 0;
    }

        .bbs-form ul li + li {
            border-top: 1px solid #F5F5F5;
        }

        .bbs-form ul li .label-txt {
            min-width: 104px;
            font-weight: 700;
            font-size: 1.4rem;
            color: #333;
        }

        .bbs-form ul li textarea {
            width: 100%;
            border: 1px solid #E9E8EE;
            border-radius: 1px;
            padding: 16px;
            font-size: 1.2rem;
        }

.bbs-form.userhome ul li {
    gap: 8px;
}

    .bbs-form.userhome ul li input {
        width: 213px;
    }

.bbs-form.userhome p {
    text-align: left;
    font-size: 1.2rem;
    color: #666;
}

.bbs-view .view-info {
    display: flex;
    align-items: center;
}

    .bbs-view .view-info li {
        font-size: 1.3rem;
        font-weight: 500;
        color: #666;
    }

        .bbs-view .view-info li + li {
            margin-left: 24px;
        }

        .bbs-view .view-info li span + span {
            margin-left: 4px;
        }

        .bbs-view .view-info li.report {
            color: #ff2323;
        }

.board_up .board-like {
    background-image: url("/Assets/img/like_default.png");
    width: 160px;
    height: 160px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}

.board_up .board-like_on {
    background-image: url("/Assets/img/like_on.png");
    width: 160px;
    height: 160px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}

.board_up {
    height: 160px;
    position: relative;
    margin-top: 20px;
}
    .board_up .board-like:hover {
        background-image: url("/Assets/img/like_on.png");
    }

.bbs-view .top {
    padding: 16px;
    border-bottom: 1px solid #ebebeb;
}

    .bbs-view .writer-box {
        padding: 16px 0;
    }

    .bbs-view .top .right_box {
        color: #666
    }

    .bbs-view .top p {
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 1.3;
    }

    .bbs-view .top .top-bot {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

    .bbs-view .top .view_report_box {
        margin-top: 15px;
        position: relative;
        padding: 24px 24px 24px 17px;
    }

        .bbs-view .top .view_report_box .r_content {
            position: relative;
        }

            .bbs-view .top .view_report_box .r_content .report_content {
                width: calc(100% - 81px);
                padding: 16px;
                resize: none;
                color: #666;
                border: 1px solid #E9E8EE;
                border-radius: 1px;
                height: 105px;
                font-size: 12px;
                font-weight: 400;
                line-height: 1.3;
            }

            .bbs-view .top .view_report_box .r_content .btn {
                width: 81px;
                height: 105px;
                position: absolute;
            }

            .bbs-view .top .view_report_box .r_content .number {
                position: absolute;
                bottom: 10px;
                right: 115px;
                font-size: 12px;
                font-weight: 500;
                color: #666;
            }

                .bbs-view .top .view_report_box .r_content .number .count {
                    color: #333;
                }

        .bbs-view .top .view_report_box .r_text {
            font-size: 1.2rem;
            margin-top: 5px;
        }

            .bbs-view .top .view_report_box .r_text .report_btn {
                border-radius: 4px;
                width: 81px;
                height: 105px;
                position: absolute;
                top: 54px;
                right: 16px;
                color: #fff;
                background-color: #5a27bf;
                font-size: 13px;
            }

.bbs-view .r_category {
    margin-bottom: 10px;
    display: flex;
    gap: 15px;
}

    .bbs-view .r_category .check_btn {
        font-size: 1.2rem;
        display: flex;
        align-items: center;
        gap: 3px;
        margin-right: 5px;
    }

        .bbs-view .r_category .check_btn:hover,
        .bbs-view .r_category .check_btn.checked {
            color: #5A27BF
        }

            .bbs-view .r_category .check_btn.checked .checkbox {
                background-position: -20px;
            }

.bbs-view .cont {
    padding: 24px;
    min-height: 343px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 20px;
    border-bottom: 1px solid #ebebeb;
}
.bbs-view .cont pre {
    margin-bottom: 18px
}

.bbs-view .view_answer {
    font-size: 13px;
}

    .bbs-view .view_answer .wait {
        text-align: center;
    }

.bbs-view .answer_box {
    line-height: 1.5;

}

    .bbs-view .answer_box .answer_title {
        margin-bottom: 16px;
        line-height: 1.6;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 16px;
    }
.bbs-view .answer_box strong {
    font-size: 15px
}
.bbs-view .answer_box .right_box {
    color: #666;padding-top: 5px;
}
.bbs-view .cont .view-info {
    margin-top: 20px;
    justify-content: center;
}

.bbs-view .btn-area {
    justify-content: space-between;
}

    .bbs-view .btn-area .btn {
        position: relative;
        padding-left: 34px;
        width: 6.9rem;
        background: url("../../assets/img/icon-ham.png") no-repeat left 14px top 0.65rem;
    }

.bbs-view .com-list-wrap {
    overflow: hidden;
    overflow-y: scroll;
    height: 200px;
    margin-top: 10px;
    margin-right: -16px
}

    .bbs-view .com-list-wrap::-webkit-scrollbar {
        width: 7px;
    }

    .bbs-view .com-list-wrap::-webkit-scrollbar-thumb {
        background-color: #aaa;
        border-radius: 100px;
    }

.bbs-view .comment-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 16px 16px;
}
    .bbs-view .comment-box.qaView,
    .bbs-view .comment-box.notice {
        border-bottom: none;
        padding: 0;
    }

    .bbs-view .comment-box .name-wrap {
        display: flex;
        align-items: center;
    }

        .bbs-view .comment-box .name-wrap .img {
            width: 32px;
            height: 32px;
        }

        .bbs-view .comment-box .name-wrap .user-nickname {
            font-weight: 700;
            font-size: 1.5rem;
        }

    .bbs-view .comment-box .btn {
        height: 35px;
        font-size: 1.3rem;
    }

.bbs-view .com-list {
    width: 410px;
    display: inline-block;
    margin-top: 10px;
    height: 155px;
    overflow: hidden;
    padding: 0 7px;
}

    .bbs-view .com-list li {
        line-height: 30px;
        height: 30px;
        padding: 0 15px;
    }

        .bbs-view .com-list li a:before {
            content: '';
            display: inline-block;
            background: url(/Assets/img/icon-text.png) no-repeat;
            width: 16px;
            height: 16px;
            background-size: 16px;
            vertical-align: text-bottom;
            margin: 0 3px;
        }

        .bbs-view .com-list li:hover {
            border-radius: 8px;
            transition: all ease 0.2s;
            background: #f5f5f5
        }

        .bbs-view .com-list li a .title {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 255px;
            display: inline-block;
        }

        .bbs-view .com-list li span.comment {
            color: #5a27bf;
            font-weight: 500;
            font-size: 1.3rem;
            display: inline-block;
            line-height: 30px;
        }

.bbs-view .comment_more {
    font-size: 1.2rem;
    color: #666;
    text-align: center;
    border-radius: 8px;
    padding: 13px 16px;
    margin: 0 auto 25px;
    line-height: 15px;
}

    .bbs-view .comment_more:hover {
        color: #5A27BF;
    }

.bbs-view .com-list li a {
    font-size: 1.3rem;
    max-width: 293px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 3px
}

.bbs-view .com-list li span + span {
    margin-left: 8px;
}

.bbs-view .com-list li .sbj strong {
    font-weight: 400;
    font-size: 1.3rem;
}

.bbs-gallery.type2 .img-box {
    background-color: #000;
}

    .bbs-gallery.type2 .img-box img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: none;
    }

.bbs-gallery ul {
    padding: 0 16px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

    .bbs-gallery ul li {
        width: calc(25% - 15px);
        padding-top: 16px;
    }

        .bbs-gallery ul li .img-box {
            position: relative;
            overflow: hidden;
            background: transparent;
            padding-bottom: 100%;
            height: 0;
            border-radius: 8px;
            width: 100%;
        }

            .bbs-gallery ul li .img-box img {
                position: absolute;
                display: block;
                margin: auto;
                min-width: calc(100% + 1px);
                min-height: 100%;
                max-width: 300%;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                -o-object-fit: cover;
                object-fit: cover;
                width: 100%;
            }

        .bbs-gallery ul li .txt-box {
            margin-top: 16px;
            font-weight: 400;
            color: #333;
        }

            .bbs-gallery ul li .txt-box .tit {
                font-size: 1.3rem;
            }

            .bbs-gallery ul li .txt-box .name-wrap {
                display: flex;
                align-items: center;
                margin-top: 10px;
                gap: 6px;
                justify-content: left;
            }

                .bbs-gallery ul li .txt-box .name-wrap .img {
                    max-width: 18px;
                }

                .bbs-gallery ul li .txt-box .name-wrap .user-nickname {
                    font-size: 1.2rem;
                    margin-left: 0;
                }

.bbs-view .top-btn-area .btn {
    position: relative;
    width: 6.9rem;
}

.bbs-view .user_info {
    display: block;
    content: '';
    clear: both;
    padding: 16px 16px 0 16px;
}

.bbs-view .top-btn-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 16px;
}

    .bbs-view .top-btn-area .top-btn-left {
        display: flex;
        gap: 5px;
    }

    .bbs-view .top-btn-area .list {
        position: relative;
        width: 7rem;
        padding-left: 26px
    }

.top-btn-area .list span:nth-child(1) {
    top: 0;
}

.top-btn-area .list span {
    position: absolute;
    width: 14px;
    height: 2px;
    background-color: #555;
    border-radius: 4px;
    left: 12px
}

    .top-btn-area .list span:nth-child(1) {
        top: 11px;
    }

    .top-btn-area .list span:nth-child(2) {
        top: 15px;
    }

    .top-btn-area .list span:nth-child(3) {
        top: 19px;
    }

/* °Ô½ÃÆÇ»ó¼¼ ´ä±ÛºÎºÐ */
.answer {
    position: relative;
    padding-left: 32px;
    background: url("/assets/img/icon-answer.png") no-repeat;
    background-size: 24px auto;
}

    .answer .answer-txt {
        margin-top: 12px;
    }

        .answer .answer-txt .txt-box {
            position: relative;
        }

        .answer .answer-txt textarea {
            width: calc(100% - 81px);
            padding: 16px;
            resize: none;
            color: #666;
            border: 1px solid #E9E8EE;
            border-radius: 1px;
            height: 105px;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.7;
        }

            .answer .answer-txt textarea:placeholder {
                color: #B7B7B7;
            }

        .answer .answer-txt .btn {
            width: 81px;
            height: 105px;
        }

        .answer .answer-txt .number {
            position: absolute;
            bottom: 10px;
            right: 100px;
            font-size: 12px;
            font-weight: 500;
            color: #666;
        }

            .answer .answer-txt .number .count {
                color: #333;
            }

.bg-sb {
    background: #fff;
    border-color: #cecece !important;
}

.bg-box.type2 {
    border-radius: 8px;
    padding: 10px;
}

.bg-box.type2 > .flex {
    padding: 0px 0 10px;
    border-bottom: 1px dashed #d5d5d5;
}

.name-wrap .img {
    max-width: 32px;
    border-radius: 50%
}

.c-write {
    position: relative;
    background-size: 24px auto;
}

    .c-write .c-write-txt {
        margin-top: 12px;
    }

        .c-write .c-write-txt .txt-box {
            position: relative;
        }

        .c-write .c-write-txt textarea {
            width: calc(100% - 81px);
            padding: 16px;
            resize: none;
            color: #666;
            border: 1px solid #E9E8EE;
            border-radius: 1px;
            height: 115px;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.3;
        }

            .c-write .c-write-txt textarea .report_content {
                color: #B7B7B7;
            }

        .c-write .c-write-txt .btn {
            width: 81px;
            height: 115px;
        }

        .c-write .c-write-txt .number {
            position: absolute;
            bottom: 9px;
            right: 113px;
            font-size: 12px;
            font-weight: 500;
            color: #666;
        }

            .c-write .c-write-txt .number .count {
                color: #333;
            }

.comment_search .txt-tit {
    font-size: 1.3rem;
    font-weight: 600;
}

.btn-wrap-box .btn-ico.reset {
    width: 24px;
    height: 24px;
}

.c_list > .type2 {
    padding: 0px 0 10px;
    border-bottom: 1px solid #e5e5e5;
}

    .c_list .type2 .sec-area {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 3px;
    }


        .c_list .type2 .sec-area > .name-wrap .user_nick {
            margin-right: 3px
        }

        .c_list .type2 .sec-area .txt-wrp {
            gap: 3px;
        }

        .c_list .type2 .sec-area .txt-wrp p {
            font-size: 12px;
            color: #666;
            margin-left: 3px
        }

        .c_list .cont-txt {
            margin-top: 8px;
        }

.c_list .txt-date {
    font-size: 1.2rem;
    color: #7f7f7f;
}

.c_list .more.popup {
    font-size: 1.2rem;
}

    .c_list .more.popup:hover:before {
        border-left: 1px solid #0a58ca;
        border-top: 1px solid #0a58ca;
    }
.c_list .more.popup {
    position: relative;
    padding: 0 15px;
}
    .c_list .more.popup:before {
        content: '';
        width: 6px;
        height: 6px;
        position: absolute;
        right: 0px;
        top: 52%;
        border-left: 1px solid #333;
        border-top: 1px solid #333;
        transform: translate(-50%,-50%) rotate(135deg);
    }

/*Æ÷Åä°Ô½ÃÆÇ ¸®½ºÆ®*/
.photo_list {
    position: relative;
    left: -1px;
    width: 830px;
    padding: 0 0 0 10px;
}

    .photo_list a {
        position: relative;
        display: inline-block;
        overflow: hidden;
        width: 195px;
        height: 195px;
        margin-right: 6px;
        margin-bottom: 10px;
        vertical-align: bottom
    }

        .photo_list a img.thumb {
            position: absolute;
            top: 50%;
            left: 0;
            display: block;
            width: 195px;
            transform: translateY(-50%)
        }

        .photo_list a .add_box {
            position: absolute;
            bottom: -80px;
            width: 195px;
            height: 74px;
            padding: 15px 10px;
            background: rgba(0,0,0,.4)
        }

            .photo_list a .add_box .subject {
                font-size: 13px;
                color: #fff;
                max-width: 180px;
                display: inline-block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                word-wrap: normal !important;
                height: 27px;
                line-height: 20px;
            }

            .photo_list a .add_box .user_nick {
                color: #fff
            }

    .photo_list .null {
        padding: 400px 0 450px;
        text-align: center;
        color: #666;
        font-size: 13px;
    }

.bottom_box {
    background: #f5f5f5
}

.view_content {
    padding: 24px;
    min-height: 343px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 20px;
}


.board-list .reason {
    line-height: 1.3
}

.board-list td.writer .user_nick {
    justify-content: flex-start
}

.board-list .tit a {
    max-width: 293px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal !important;
    line-height: 54px;
}

.board-list td.tit {
    display: flex;
    align-items: center;
}

.comment_search .btn-wrap-box .btn.selected {
background: #5a27bf;
color: #fff;
}

.modify_box textarea {
    width: 100%;
    padding: 16px;
    resize: none;
    color: #666;
    border: 1px solid #E9E8EE;
    border-radius: 1px;
    height: 105px;
    font-size: 12px;
    font-weight: 400;
}

.c_list .comment_ct .modify_box {
    position: relative;
    text-align: right;
}

    .c_list .comment_ct .modify_box span.number {
        position: absolute;
        bottom: 20px;
        left: 0
    }


.cont-txt .txt-input {
    padding: 16px 0;
    word-break: break-word;
}

    .cont-txt .txt-input p {
        font-weight: 400;
        font-size: 13px;
        color: #333;
        line-height: 1.3;
        text-align: left
    }

.cont-txt .icon-img {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 16px auto;
    width: 16px;
    height: 16px;
}

    .cont-txt .icon-img.like {
        background-image: url("/Assets/img/icon-like-pink.png");
    }

    .cont-txt .icon-img.hate {
        background-image: url("/Assets/img/icon-hate.png");
    }

.cont-txt .btn.fine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cont-txt .btn strong {
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    color: #333;
    margin-left: 5px;
}

.btn.reply.selected {
    color: #5a27bf;
    border: 1px solid #5a27bf;
}

.reply_list_box {
    margin-left: 19px;
    width: 792px;
}

    .reply_list_box .r_list {
        position: relative;
        padding: 16px 16px 0 16px
    }

        .reply_list_box .r_list:before {
            content: '';
            display: inline-block;
            background: url(/Assets/img/icon-answer.png) no-repeat;
            width: 24px;
            height: 24px;
            position: absolute;
            top: 28px;
            left: -10px;
        }

.reply_write_box {
    padding-top: 15px;
}

.reply_box .reply_close {
    font-size: 13px;
    line-height: 40px;
    text-align: center;
    color: #999;
    background: #fff;
    border-radius: 8px;
}

    .reply_box .reply_close:hover {
        color: #5A27BF;
    }

.board-list td:first-child {
    border-left: 1px solid #f3f3f3;
}

.board-list td:last-child {
    border-right: 1px solid #f3f3f3;
}

/*Ãâ¼®ºÎ*/
.present {
    border: 2px solid #5A27BF;
    border-radius: 8px;
}

    .present input {
        height: 44px;
    }

    .present .btn {
        width: 120px;
        font-size: 1.5rem;
    }

    .present .msg-pub {
        color: #5a27bf;
        font-weight: 400;
        font-size: 12px;
        text-align: center;
    }

.help-box ul li {
    position: relative;
    cursor: pointer;
    display: flex;
}

    .help-box ul li:hover > p {
        text-decoration: underline;
    }

    .help-box ul li .help {
        position: absolute;
        left: -114px;
        top: 22px;
        z-index: 999;
        line-height: 1.5;
    }

        .help-box ul li .help .hpbox {
            display: none;
            min-width: 135px;
            border: 1px solid #666;
            border-radius: 8px;
            background: #fafafa;
            padding: 5px;
            text-align: center;
        }

            .help-box ul li .help .hpbox p {
                color: #666;
            }

    .help-box ul li:hover .hpbox {
        display: block;
    }

.hp_box.present .msg-pub {
    color: #666
}

/* °øÁö»çÇ× */
.customer.bbs-view .top-btn-area {
    padding: 0
}

.board-list .writer.icon-notice {
    text-align: center;
}

.board-list .writer.icon-notice img{
    width: 90px
}