@charset "UTF-8";
*{-webkit-text-size-adjust: none;}

/* 목록 */
#bw_board_list{width:100%; margin:16px 0; table-layout:fixed; border-collapse:separate;border-top:2px solid #641254;padding-top:20px}
#bw_board_list caption{border-bottom:2px solid #4f77b4;text-align:left; padding:0 0 4px 0;}
#bw_board_list caption form{float:right; margin:-4px 0 0 0;}
#bw_board_list caption form button{vertical-align:middle;}
#bw_board_list thead tr th{background:#f2f2f2; border-left:1px solid white; border-right:1px solid #e0e0e0; font-size:12px; padding:6px 0; color:#707070;}
#bw_board_list thead tr th:first-child{border-left:none;}
#bw_board_list thead tr th:last-child{border-right:none;}
#bw_board_list tbody:nth-of-type(1){display:table-row-group;}
#bw_board_list tbody:nth-of-type(2){display:none;}
#bw_board_list tbody tr td{padding:12px 0; text-align:center; font-size:14px; vertical-align:middle;}
#bw_board_list tbody tr td a{color:#464646; text-decoration:none; font-weight:600;}
#bw_board_list tbody tr td a[data-bw-board-noimage]{display:inline-block; background:url('img/noimage.gif') no-repeat; background-size:cover;}
#bw_board_list tbody tr td p{margin:4px 0 0 0;}
#bw_board_list tbody tr td p:first-child{margin:0;}
#bw_board_list tbody tr td var[data-comment-count]{font-weight:600; color:#4f77b4; font-size:11px;}
#bw_board_list tfoot td{padding:8px 0; text-align:right; border-top:1px solid #f2f2f2;}
#bw_board_list tfoot td *{vertical-align:middle;}
#bw_board_list tfoot td span{float:left;}
#bw_board_list var[data-comment-count]{font-weight:600; color:#4f77b4; font-size:11px; font-style:normal;}
.bw_board_list_layer1, .bw_board_list_layer2, .bw_board_list_layer3, .bw_board_list_layer4, .bw_board_list_layer5,
.bw_board_list_layer6, .bw_board_list_layer7, .bw_board_list_layer8, .bw_board_list_layer9{color:#999;}
.bw_board_list_layer1::before, .bw_board_list_layer2::before, .bw_board_list_layer3::before, .bw_board_list_layer4::before, .bw_board_list_layer5::before,
.bw_board_list_layer6::before, .bw_board_list_layer7::before, .bw_board_list_layer8::before, .bw_board_list_layer9::before{display:inline-block; content:'⮡ re'; letter-spacing:1px;}
.bw_board_list_layer1::after, .bw_board_list_layer2::after, .bw_board_list_layer3::after, .bw_board_list_layer4::after, .bw_board_list_layer5::after,
.bw_board_list_layer6::after, .bw_board_list_layer7::after, .bw_board_list_layer8::after, .bw_board_list_layer9::after{display:inline-block; content:':'; font-size:10px; padding:0 0 0 2px;}
.bw_board_list_layer1{margin:0 4px 0 16px;}
.bw_board_list_layer2{margin:0 4px 0 32px;}
.bw_board_list_layer3{margin:0 4px 0 48px;}
.bw_board_list_layer4{margin:0 4px 0 64px;}
.bw_board_list_layer5{margin:0 4px 0 80px;}
.bw_board_list_layer6{margin:0 4px 0 96px;}
.bw_board_list_layer7{margin:0 4px 0 112px;}
.bw_board_list_layer8{margin:0 4px 0 128px;}
.bw_board_list_layer9{margin:0 4px 0 144px;}


#bw_board_list ul li {display:inline-block;text-align:center;padding:0 1% 30px; vertical-align:top;}
#bw_board_list ul li a,.bw_page a {color:#363636}
#bw_board_list ul li img {box-shadow:2px 2px 10px #ddd}
#bw_board_list ul + div + div span + a{float:right;}
.bw_page {text-align:center; clear:both;}




@media only screen and (max-width:840px){
#bw_board_list ul li {width:48% !important}
/*#bw_board_list ul + div + div span{display:block; margin:0 0 16px 0;}
#bw_board_list ul + div + div span label{float:right;}
#bw_board_list ul + div + div span + a{float:none;}*/
}

@media only screen and (max-width:640px){
#bw_board_list ul li {width:98% !important;text-align:center}
}

/* 글쓰기 */
#bw_board_write{padding:0 0 32px 0;}
#bw_board_write table{width:100%; margin:0 0 16px 0; table-layout:fixed;}
#bw_board_write table caption{padding:0 0 4px 0; border-bottom:2px solid #4f77b4; text-align:right;}
#bw_board_write table colgroup col:first-child{width:128px;}
#bw_board_write table th{border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:6px; vertical-align:middle; font-size:14px; background:#f2f2f2; font-weight:600;}
#bw_board_write table td{border-bottom:1px solid #e0e0e0; padding:6px; vertical-align:middle;}
#bw_board_write table td label{margin:0 16px 0 0;}
#bw_board_write table td ul li{margin:4px 0 0 0;}
#bw_board_write table td ul li:first-child{margin:0;}
#bw_board_write table td ul li a{color:black; font-weight:600; text-decoration:none;}
#bw_board_write_form_title, #bw_board_write_form_link{width:99.2%;}
#bw_board_write_form_content_area{height:369px; overflow-y:hidden; border-right:1px solid #C0C0C0;}
#bw_board_write_form dfn[data-bw-titho] img{cursor:pointer; vertical-align:middle; border-radius:4px; border:1px solid #CCC;}
#bw_board_write_form_titho{width:64px !important;}
#bw_board_write_form_titho + b{color:red; font-weight:600; font-size:14px;}

@media only screen and (max-width:1000px){
  #bw_board_write table th{padding:10px}
  #bw_board_write table td{padding:10px}
  #bw_board_write_form_content{box-sizing:border-box; width:100%; height:400px;}
}



/* 글보기 */
#bw_board_view{width:100%; margin:16px 0; table-layout:fixed; border-collapse:separate}
#bw_board_view caption{border-bottom:2px solid #641254; text-align:right; padding:0 0 4px 0;}
#bw_board_view colgroup col:nth-of-type(1){width:auto;}
#bw_board_view colgroup col:nth-of-type(2){width:144px;}
#bw_board_view thead tr th{background:#f2f2f2; padding:6px; color:#707070; vertical-align:top; word-break:break-all; word-wrap:break-word;}
#bw_board_view thead tr th:first-child{text-align:left; font-weight:600;}
#bw_board_view thead tr th:last-child{text-align:right;}
#bw_board_view thead tr td{padding:6px; border-top:1px solid #e0e0e0; border-bottom:1px dotted #e0e0e0; text-align:right; font-size:14px; vertical-align:middle; color:#CCC;}
#bw_board_view thead tr td time, #bw_board_view thead tr td var{color:#464646;}
#bw_board_view thead tr td b{font-weight:bold; font-size:11px; color:red;}
#bw_board_view tbody tr td{padding:16px; min-height:256px; vertical-align:top;}
#bw_board_view tbody tr td img{max-width:100%;}
#bw_board_view tbody tr td b, #bw_board_view tbody tr td strong{font-weight:600;}
#bw_board_view tfoot tr td{padding:6px; border-top:1px dotted #e0e0e0;}
#bw_board_view tfoot tr td span:first-child{}
#bw_board_view tfoot tr td span:last-child{float:right;}


.bw_page{margin:24px 0; padding:0; text-align:center;}
.bw_page li{display:inline-table; vertical-align:middle; margin:0 4px;}
.bw_page li a{display:table-cell; border:1px solid #e0e0e0; border-radius:4px; padding:4px 8px; text-align:center; color:#464646; text-decoration:none;}
.bw_page li a.on{color:white; background:#641254; /*border:1px solid #4f77b4;*/ font-weight:600;}
#bw_board_list li p:nth-of-type(1) {margin:0 auto}
#bw_board_list li p:nth-of-type(2) {margin-top:10px}


#bw_board_view .mg8b {text-align:center}

/* 댓글 */
#bw_board_comment_form{border-top:2px solid #4f77b4; background:#f2f2f2; padding:6px; color:#707070; border-bottom:1px dotted #e0e0e0;}
#bw_board_comment_edit_form{border:1px solid #CCC; width:96%; margin:0 auto; padding:8px; border-radius:6px; background:white;}
#bw_board_comment_form b, #bw_board_comment_edit_form b{font-weight:600;}
#bw_board_comment_form ul, #bw_board_comment_edit_form ul{display:table; width:100%; table-layout:fixed;}
#bw_board_comment_form ul li, #bw_board_comment_edit_form ul li{display:table-cell; vertical-align:top; padding:6px 0;}
#bw_board_comment_form ul li:nth-of-type(1), #bw_board_comment_edit_form ul li:nth-of-type(1){text-align:left;}
#bw_board_comment_form ul li:nth-of-type(2), #bw_board_comment_edit_form ul li:nth-of-type(2){text-align:center;}
#bw_board_comment_form ul li:nth-of-type(3), #bw_board_comment_edit_form ul li:nth-of-type(3){text-align:right;}
#bw_board_comment_form dfn[data-bw-titho] + input[type='text'], #bw_board_comment_edit_form dfn[data-bw-titho] + input[type='text']{width:64px !important;}
#bw_board_comment_form dfn[data-bw-titho] img, #bw_board_comment_edit_form dfn[data-bw-titho] img{cursor:pointer; vertical-align:middle; border-radius:4px; border:1px solid #CCC;}
#bw_board_comment_form dl, #bw_board_comment_edit_form dl{display:table; width:100%; table-layout:fixed; margin:0; padding:0;}
#bw_board_comment_form dl dt, #bw_board_comment_edit_form dl dt{display:table-cell; vertical-align:top; padding:0 6px 0 0;}
#bw_board_comment_form dl dt p:nth-of-type(2), #bw_board_comment_edit_form dl dt p:nth-of-type(2){margin:4px 0 0 0;}
#bw_board_comment_form dl dt p:nth-of-type(2) label, #bw_board_comment_edit_form dl dt p:nth-of-type(2) label{display:inline-block; padding:0 12px 0 0; border-radius:2px; vertical-align:middle;}
#bw_board_comment_form dl dt textarea, #bw_board_comment_edit_form dl dt textarea{width:99%; height:58px;}
#bw_board_comment_form dl dd, #bw_board_comment_edit_form dl dd{display:table-cell; vertical-align:top; padding:0; width:64px;}

#bw_board_comment_list{margin:0; padding:0;}
#bw_board_comment_list li{margin:0; padding:0; border-bottom:1px solid #e0e0e0;}
#bw_board_comment_list li[data-bw-comment-layer='1']{padding-left:16px !important;}
#bw_board_comment_list li[data-bw-comment-layer='2']{padding-left:32px !important;}
#bw_board_comment_list li[data-bw-comment-layer='3']{padding-left:48px !important;}
#bw_board_comment_list li[data-bw-comment-layer='4']{padding-left:64px !important;}
#bw_board_comment_list li[data-bw-comment-layer='5']{padding-left:80px !important;}
#bw_board_comment_list li[data-bw-comment-layer='6']{padding-left:96px !important;}
#bw_board_comment_list li[data-bw-comment-layer='7']{padding-left:112px !important;}
#bw_board_comment_list li dl{margin:0; padding:0;}
#bw_board_comment_list li dl dt{display:table; width:100%; table-layout:fixed; border-bottom:1px dotted #e0e0e0;}
#bw_board_comment_list li dl dt b{display:table-cell; text-align:left; padding:6px; vertical-align:middle;}
#bw_board_comment_list li dl dt b[data-bw-locked-comment]{padding:0 0 0 24px; background:url('img/secret.gif') no-repeat left center;}
#bw_board_comment_list li dl dt span{display:table-cell; text-align:right; padding:6px; vertical-align:middle; font-size:12px; color:#707070;}
#bw_board_comment_list li dl dt span q{margin:0 8px 0 0;}
#bw_board_comment_list li dl dd{padding:6px; min-height:64px; line-height:1.4em; word-break:break-all;}

.bw_board_comment_locked{color:#999;}
.bw_board_comment_unlockable button{background:none; border:none; color:#999; padding:0; font-size:inherit;}
