@charset "utf-8";

span.highlight {
    font-weight: bold;
    color: #ff7200
}

/* #board_wrap은 _modules/board/assets/css/common.css로 승격(스킨 공용) */

/* 총게시물 */
#list_total_count.board-photo-count {
    padding: 0;
    margin: -12px 0 30px;
    border: 0;
    color: var(--color-text-muted);
    font-size: 15px;
    line-height: 1.6;
    text-align: right
}

#list_total_count.board-photo-count strong {
    color: var(--color-text-title1);
    font-family: var(--font-number);
    font-weight: 700
}

/* 포토형 목록 */
#board_list_photo {
    width: 100%;
    height: auto;
    overflow: visible;
    border: none;
    padding: 0
}

#board_list_photo .board-photo-empty {
    grid-column: 1/-1
}

@media screen and (max-width:700px) {
    #list_total_count.board-photo-count {
        text-align: left
    }
}

/* 게시판_뷰 (베이직타입) */
#board_view {
    margin-bottom: 20px;
    width: 99.9%;
    clear: both;
    border-top: 2px solid #3b476c
}

#board_view table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    border-width: 0;
    font-size: 13px;
    letter-spacing: -1px;
    text-align: left
}

#board_view tbody tr {
    color: #666
}

/*#board_view tbody tr a{color:#666}*/
#board_view tbody tr a {
    color: #596ba4
}

#board_view tbody th {
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    color: #333;
    background: #fff;
    font-weight: 700;
    padding-left: 13px
}

#board_view tbody td {
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    letter-spacing: -.02em;
    padding: 6px 10px;
    line-height: 22px
}

#board_view tbody td .board_view_contents {
    padding: 10px 0
}

/*#board_view tbody td span.date_size{font-size:11px;padding-left:5px;color:#596ba4;font-weight:bold}*/
#board_view tbody td span.date_size {
    font-size: 11px;
    padding-left: 5px;
}

#board_view .leftcell {
    border-left: none !important
}

#board_view .rightcell {
    border-right: none !important
}

/* 댓글/코멘트 */
.comment_top {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.comment_top .btn_list {
    width: 100%;
    text-align: right;
    margin-top: 10px
}

.board_comment {
    background-color: #fff;
    margin: 25px 0 0px;
    text-align: left;
    box-sizing: border-box
}

.board_comment dl {
    margin-bottom: 20px;
    padding: 20px 0 20px 20px;
}

.board_comment dl dt {
    display: block;
    float: left;
    padding-bottom: 10px;
    width: 100px;
}

.board_comment dl dd {
    display: block;
    float: left;
    padding-bottom: 10px;
}

.board_comment fieldset {
    display: block;
}

.board_comment fieldset div.icon {
    float: left;
    margin-top: 15px;
    text-align: center;
    width: 10%;
}

.board_comment fieldset div.icon img {
    cursor: pointer;
}

.board_comment fieldset div#icon_table {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    position: absolute;
    visibility: hidden;
    z-index: 1;
}

.board_comment fieldset div#icon_table ul {
    overflow: hidden;
    width: 300px;
}

.board_comment fieldset div#icon_table ul li {
    float: left;
    margin: 3px;
}

.board_comment fieldset div#icon_table ul li img {}

.board_comment fieldset div.insert {
    float: right;
    margin-bottom: 10px;
    overflow: hidden;
    width: 90%;
}

.board_comment fieldset div.insert textarea {
    float: left;
    height: 46px;
    overflow: hidden;
    width: 70%;
}

.board_comment fieldset div.insert input.button {
    float: right;
    height: 50px;
    width: 19%;
}

.board_comment ul.reply {
    width: 100%;
}

.board_comment ul.reply li {
    border-bottom: 1px solid #eee;
}

.board_comment ul.reply li dl {
    margin: 5px 0;
    overflow: hidden;
    text-align: left;
}

.board_comment ul.reply li dl dt {
    float: left;
    width: 20%;
}

.board_comment ul.reply li dl dd {
    float: right;
    width: 80%;
    font-size: 15px;
}

.board_comment ul.reply li dl dd.subject {
    font-size: 20px
}

.board_comment ul.reply li dl dd span {
    display: block;
    font-size: 15px;
}

#bc_subject {
    width: 100%
}

.editable {
    overflow-y: auto;
    width: 100%;
    height: 100px;
    padding: 5px;
    background-color: white
}

/* 게시판 본문에 삽입되는 이미지 */
img.bbs_content_image {
    margin: 5px 0
}


/* 게시판_라이트 (베이직타입) */
/* #board_write 표 골격/label/f_alert 등은 _modules/board/assets/css/common.css로 승격(스킨 공용) */

/* 웹에디터의 답변시 원본글 처리 */
blockquote.bbs_blockquot {
    padding-right: 0px;
    padding-left: 5px;
    margin-left: 5px;
    border-left: #000000 2px solid;
    margin-right: 0px
}

/* .btn_submit(미사용)/.bbs_file_tip/.bbs_file_add_label 등 파일첨부 UI/#captcha_chk_label은
 * _modules/board/assets/css/common.css로 승격(스킨 공용) — 새 마크업은 .btn 클래스 사용 */

#bs_notice_date {
    display: block;
    margin-top: 4px;
}


.board_view {
    padding-top: 30px
}

.board_view .title {
    font-size: 28px;
    letter-spacing: -1px;
    line-height: 30px;
    color: #000;
    width: 100%;
    font-weight: 400;
    padding-bottom: 20px
}

.board_view .info {
    letter-spacing: -.02em;
    padding-right: 3px;
    width: 100%;
    font-size: 15px;
    text-align: right;
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
    color: #666
}

.board_view .file {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #ddd;
    margin-top: 30px
}

.board_view .file a {
    color: #008a96;
    border-bottom: 1px dotted #009aa7;
    margin-right: 10px;
    font-weight: bold
}

.board_view .board_view_contents {
    box-sizing: border-box;
    padding: 20px;
    margin: 0 auto;
    line-height: 22px;
    font-size: 15px;
}

.board_view .board_view_contents img {
    padding: 15px 0;
}

/****** Mobile ******/
@media screen and (max-width:690px) {

    /* 게시판_라이트 (베이직타입) */
    #board_write tbody th {
        width: 100%;
        display: block;
        box-sizing: border-box;
        padding: 0;
        overflow: hidden;
        line-height: 24px;
        border: 0;
    }

    #board_write tbody td {
        width: 100%;
        display: block;
        box-sizing: border-box;
        border: none;
        padding: 3px 5px;
        margin-bottom: 12px;
    }

    #board_write .input_type {
        width: 100%;
        box-sizing: border-box
    }

    /* #board_write .wfull_95{width:100% !important} */
    #board_write tbody td .f_alert {
        font-size: 14px
    }

    /* 게시판_뷰 (베이직타입) */
    #board_view tbody th {
        width: 100%;
        display: block;
        box-sizing: border-box;
        padding: 0;
        overflow: hidden;
        border: 0
    }

    #board_view tbody td {
        width: 100%;
        display: block;
        box-sizing: border-box;
        border: none;
        padding: 3px 5px
    }

    #board_view .input_type {
        width: 100%;
        box-sizing: border-box
    }

    /* 댓글/코멘트 */
    .comment_top {
        padding: 15px 0
    }

    /* board_basic */
    #board_wrap {
        width: 100%
    }

    .board_view {
        width: 100%
    }

    /* board_view */
    .board_view .title {
        font-size: 20px;
        line-height: 28px
    }

    .board_view_contents .image img {
        width: 100%
    }

    .board_view .info {
        padding-bottom: 25px;
        font-size: 14px
    }

    .board_view .title {
        padding: 0 20px 13px 20px;
        box-sizing: border-box
    }

    #bc_writer_name {
        width: 100%
    }

    .board_view .board_view_contents {
        width: auto
    }

    .board_view .board_view_contents img {
        width: 100%
    }


}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {
    /* board_view */
    .board_view {
        width: 100%
    }

    .board_view .title {
        font-size: 20px;
        line-height: 28px
    }

    .board_view_contents .image img {
        width: 100%
    }

    .board_view .info {
        padding-bottom: 25px;
        font-size: 14px
    }

    .board_view .title {
        padding: 0 20px 13px 20px;
        box-sizing: border-box
    }

    #bc_writer_name {
        width: 100%
    }

    .board_view .board_view_contents {
        width: auto
    }

    /* 댓글/코멘트 */
    .comment_top {
        padding: 0
    }

    .board_comment {
        padding: 0
    }
}

/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1150px) {
    #board_wrap {
        width: 100%
    }

    .board_view {
        width: 100%
    }


}

/****** Desktop Wide Device ******/
@media screen and (min-width:1151px) {}

@media screen and (max-width: 690px) {
    #captcha_chk_label {
        margin-top: 24px;
    }

    .bbs_file_ctl {
        display: inline-block;
        width: calc(100% - 80px) !important;
        padding-left: 10px;
    }
}