.board .list-body .etc{margin-bottom:1em;}
.board .board-table{font-size:1.6rem; width:100%; table-layout: fixed; border-top:2px solid #000}
.board .board-table thead th{background:#F8F9FA; height:6rem; text-align: center; font-weight:bold; color:#000; border-bottom:1px solid #eee;}
.board .board-table td{height:6rem;  border-bottom:1px solid #eee; color:#888; font-size:1.5rem}
.board .board-table td.center{text-align: center;}
.board .board-table td.title{padding-left:2em; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-size:1.6rem; color:#000; font-weight: bold; line-height:1.2}
.board .board-table td.attachment{text-align:center;}
.board .board-table .icon-notice{padding:4px 6px; background:#0565F4; color:#fff; font-size:1.4rem; font-weight:bold; border-radius: 4px;}
.board .board-table .empty td{padding:5em 1em;}

.post-meta{display:flex; gap:1rem 4.1rem; flex-wrap:wrap;}
.meta-item{display:flex; align-items: center; gap:1.6rem; position: relative;}
.meta-item:after{content:""; display:block; width:1px; height:1.6rem; background:#ddd; position: absolute; right:-2rem; top:50%; transform: translateY(-50%);}
.meta-item:last-child:after{display:none;}
.meta-item .label{color:#888; font-weight:bold}
.meta-item .content{font-weight:bold;}

.board_view_frame .title_box{border-bottom:3px solid #111; padding:4rem 0 4rem;}
.board_view_frame .title_box .title{width:100%;font-weight:600; font-size:1.4em;margin-bottom:1.5em;line-height:1.3em; font-family: 'Pretendard', sans-serif;}
.board_view_frame .attachment{padding:2em 3rem 1.6em; position:relative; border-bottom:1px solid #eee; background:#f8f9fa;}
.board_view_frame .attachment ~ .control{margin-top:20px;}
.board_view_frame .attachment .attachment-title{font-weight: bold; margin-bottom:1.6em;}
.board_view_frame .attachment .list_box{display:flex}
.board_view_frame .attachment .list_box .label{display:block;width:140px;height:48px;line-height:48px;background:#f26522;text-align:center;color:#fff;margin-right:16px; border-radius: 4px;  display:flex;  align-items:center;  justify-content:center;}
.board_view_frame .attachment .list_box .label img{width:14px;height:14px;margin-right:.8em}
.board_view_frame .attachment .list_box .file_list{width:100%; display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.board_view_frame .attachment .list_box .file_list li{width:calc(50% - 5px);margin-right:10px;margin-bottom:.6em;height:48px;line-height:48px;border:1px solid #eee;padding:0 3em 0 1.5em;position:relative;transition:border .2s;  border-radius: 4px; background:#fff; box-shadow: 0 13px 19px rgba(31,65,117,0.07);}
.board_view_frame .attachment .list_box .file_list li:after{content:"";background:url(../img/sub/icon-save.svg) center 48% no-repeat;width:48px;height:48px;display:block;position:absolute;right:0;top:0}
.board_view_frame .attachment .list_box .file_list li:nth-child(2n){margin-right:0}
.board_view_frame .attachment .list_box .file_list li:last-child{margin-bottom:0}
.board_view_frame .attachment .list_box .file_list li a{display:block; width:100%;height:100%;text-overflow:ellipsis; font-size:1.5rem; overflow: hidden; min-width:0; white-space:nowrap;}
.board_view_frame .board_content *{color:#000; letter-spacing: -0.04em; line-height: 160%}
.board_view_frame .board_content{padding:3em 0;line-height:1.7em;word-break:keep-all; min-height:40vh; color:#444; border-bottom:1px solid #eee;}
.board_view_frame .board_content p{margin-bottom:1.4em}
.board_view_frame .board_content .photo_box{text-align:center;margin-bottom:2em}
.board_view_frame .board_content .photo_box.empty{margin-bottom:0}
.board_view_frame .board_content .photo_box img{max-width:100%}
.board_view_frame .board_content img{max-width:100%; text-align:center;}
.board_view_frame .board_content .photo_box.noImg{display:none;}
.board_view_frame .control{border:1px solid #eee; border-radius:4px; overflow:hidden; }
.board_view_frame .control .row{height:6rem; display:flex}
.board_view_frame .control .row + .row{border-top:1px solid #eee;}
.board_view_frame .control .head{flex:0 0 160px;width:160px;background:#f8f8f8;text-align:center; display:flex; align-items:center;justify-content:center;}
.board_view_frame .control .title{flex:1; padding:0 1.8rem; display:flex; align-items:center; min-width:0;}
.board_view_frame .control .title a{display:inline-block; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_view_frame .control .title a:hover span{text-decoration: underline;}
.board_view_frame .btn_wrapper{border-top:none}
.board-btn{display:flex; justify-content: center; margin-top: 3rem;}
.board-btn .right{flex:none; margin-left:auto;}
.attachment-img-frame{text-align:center; margin-bottom:3rem;}
.attachment-img-frame img{max-width:100%;}

@media screen and (min-width:1024px){
    .board .board-table tr:hover{background:#f8f9fa;}
    .board .board-table .title a:hover{text-decoration: underline;}

}
@media screen and (max-width:1024px){
    .sub-body.board-list{background:#f8f9fa; width:calc(100% + 4.8rem); margin-left:-2.4rem; padding:3rem 2.4rem;}
    .sub-body.board-list .board-table{display:block; border:none; margin-top: -1rem;}
    .sub-body.board-list .board-table thead{display:none;}
    .sub-body.board-list .board-table tbody{display:block;width:100%;}
    .sub-body.board-list .board-table td{border:none; height:auto;}
    .sub-body.board-list .board-table tr.notice td:first-child{flex:0 0 36px;}
    .sub-body.board-list .board-table tr:not(.notice) td:first-child{display: none;}
	.sub-body.board-list .board-table tr:not(.notice).empty td:first-child{display: block; text-align:center; width:100%;}
	.sub-body.board-list .board-table tbody tr.empty{height:140px;}
    .sub-body.board-list .board-table td.title{padding:0 0.3em; flex:1;}
    .sub-body.board-list .board-table tr.notice td.title{padding:0 0.6em;}
	.sub-body.board-list .board-table td.attachment{padding-right:1.2rem;}
	.sub-body.board-list .board-table .icon-notice{margin-top:2px;}
    .sub-body.board-list .board-table tbody tr{display:flex; align-items:center; width:100%;padding:0 1.4rem; height:62px; box-shadow: 0 13px 19px rgba(31,65,117,0.07); border:1px solid #eee; border-radius: 8px; background:#fff; margin-bottom:0.5rem; }
    .board_view_frame .title_box .title{font-size:1.2em}
}

@media screen and (max-width:800px){
    .board_view_frame .attachment{padding: 1.5em 2rem 1.4em;}
    .board_view_frame .meta-item{font-size:1.5rem;}
    .board_view_frame .attachment .list-header{margin-bottom:2rem;}
    .board_view_frame .attachment .list_box .file_list{flex-direction: column;}    
    .board_view_frame .attachment .list_box .file_list li{width:100%; min-width: 0;}
	.board_view_frame .control .head{flex:0 0 100px;width:100px;}
}