textarea{resize:none}
.lineG-btn{border:1px solid var(--bs-gray-500);color:var(--bs-gray-500)}
.btn i{margin:0 5px}
.like-on .btn{color:#000;border-color:#000}
.follow-btn{border:1px solid var(--main-color);color:var(--main-color);background-color:#fff;padding:0 10px;line-height:30px;border-radius:35px}

.bbs-header{padding:20px 0;border-top:3px solid #000;border-bottom:1px solid var(--bs-gray-300)}
.bbs-header .bbs-title{font-size:var(--normal-text);font-weight:600}
.bbs-sub{display:flex;align-items:center;gap:15px;margin-top:20px;font-size:var(--info-text);color:gray}
.writer{display:flex;gap:10px;align-items:center;}
.writer img{width:35px;height:35px;object-fit:cover;border-radius:100%;}

.bbs-sub-info{display:flex;align-items:center;gap:10px}
.bbs-sub-info .date{border-left:1px solid var(--bs-gray-300);border-right:1px solid var(--bs-gray-300);}
.bbs-sub-info span{padding:0 15px}
.bbs-sub-info span font{padding-left:5px;}

.bbs-info-box{padding:20px 0;border-bottom:1px solid var(--bs-gray-300)}
.bbs-txt img{width:auto}
.bbs-txt *{margin:5px 0;line-height:1.6;font-size:var(--info-text)}

.bbs-info-box .like-btn{text-align:center;margin-top:30px}

.bbs-btn{text-align:right;margin-top:20px}
.bbs-btn .btn{padding:0 15px}
.bbs-btn .btn:hover{color:#fff}
.list-btn{background-color:#000;color:#fff;}

.comment-wrap{border-top:30px;font-size:var(--info-text);}
.comment-wrap .comment-count{margin-bottom:15px;color:var(--bs-gray-800)}
.comment-wrap .comment-count font{margin-left:5px}
.comment-inp{border:1px solid var(--bs-gray-300);width:100%;min-height:80px;overflow-y:auto;padding:10px;outline:0;resize:none}
.comment-inp[placeholder]:empty:before {content: attr(placeholder); color:var(--bs-gray-500); }

/* .comment-reg-btn{display:flex;align-items:center;justify-content:space-between;background-color:var(--bs-gray-100);padding:10px} */
.comment-reg-btn{text-align:right;background-color:var(--bs-gray-100);padding:10px}
.comment-reg-btn .btn{padding:0 15px}
.comment-reg-btn i{font-size:var(--sub-text);color:var(--bs-gray-700)}
.comment-reg-btn .main-btn{background-color:#000;color:#fff}

.file-upload label{cursor:pointer;}
.file-upload input{display:none;cursor:pointer;}

.comment-user{font-size:var(--small-text) !important;margin:0}
.comment-user img{width:30px !important;height:30px !important}
.comment-user .date{border-right:0 !important}
.comment-list{margin:30px 0}	
.comment-con{padding:20px 0;border-top:1px solid var(--bs-gray-300)}
.comment-con .comment-txt{font-size:var(--small-text);padding-top:10px;line-height:1.5}

.table{background-color:#fff;table-layout:fixed;margin-bottom:30px}
.table tr{border-bottom:1px solid #ddd;}
.table tr:nth-child(1) td p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.table tr td p{font-weight:600}
.table tr:nth-child(2) td{border-top:1px solid #ddd}
.table tr:nth-child(2) td p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.table td{padding:20px 10px;border-bottom:1px solid #ddd;font-size:var(--info-text);vertical-align:middle;min-width:150px}
.table td p{cursor:pointer}
.table tr td:nth-child(3){color:gray;font-size:var(--small-text)}
.table tr td:nth-child(4) i{margin-right:5px}

.bbs-search{display:flex;text-align:center;justify-content:center;margin-top:30px;7}
.bbs-search .inp{width:300px;border:0;border-radius:5px 0 0 5px;background-color:#f1f2f7}
.bbs-search .i-btn{height:50px;line-height:25px;border-radius:0;width:50px;;color:#111;border-radius:0 5px 5px 0;background-color:#f1f2f7}

.txt-center{text-align:center;}
.mo-date{display:none}
.pc-date i, .mo-date i{margin:0 5px}

.top50{padding-top:50px !important}
.re-comment-btn{padding:0;font-size:var(--small-text)}
.comment-con .comment-box{border-top:1px solid var(--bs-gray-300);margin-top:30px;padding-top:30px;display:none}

.reply-con{padding-left:40px;position:relative}
.reply-con:before{content:'';position:absolute;top:20px;left:10px;width:16px;height:16px;background-image:url('/img/reply-icon.png');background-size:contain}

@media(max-width:996px){
	.mo-date{display:block;color:Gray;margin-top:10px}
	.pc-date{display:none;margin-top:10px}
	.bbs-info-box .like-btn .btn{padding:5px 15px !important}
}

@media(max-width:996px){
	.bbs-sub{flex-direction:column;align-items:start}
	.bbs-sub-info{display:inline-block;word-break:keep-all}
	.bbs-sub-info span{border:0 !important;padding-left:0}
}