@charset "UTF-8";
 /*자유게시판 댓글 부분 추가 */
    .comment.comment-reply {width: calc(100% - 20px);margin-left: 20px;}
    .reply-form-container {width:100%;}
    .btn-cancel {font-size: 14px; padding: 8px 12px; cursor: pointer; margin-left: 10px; border: 1px solid #ccc;background-color: #f0f0f0; border-radius: 4px;}
    .btn-save {font-size: 14px;padding: 8px 12px; cursor: pointer;margin-left: 10px; border: 1px solid #ccc;border-radius: 4px;background-color: #32a47d;color: white; border-color: #32a47d;}
    .bview .bview-head {flex-flow: row;justify-content: space-between;padding: 2rem 2rem;border-top: 1px solid #212121;border-bottom: 1px solid #bebebe;}
    .bview .bview-head .bview-title {width: 100%;font-size: clamp(1.6rem, 1.5vw, 2rem);text-align: left;font-weight: normal;}
    .bview .bview-head .bview-meta {gap: unset;}
    .bview .bview-head .bview-meta div dd {width: max-content;font-size: clamp(1.2rem, 1.1vw, 1.4rem);color: #4a4a4a;}
    .bview .bview-head .bview-meta .divider {margin: 0 0.8rem;width: 1px;height: clamp(1.0rem, 0.95vw, 1.2rem);background-color: #c9c9c9;}
    #boardWrite .post-actions.btn-area {
		margin: 2rem!important;
	}
	.bview .post-actions.btn-area button {
		font-size: clamp(1.2rem, 1.1vw, 1.4rem);
	}
	.bview .post-actions.btn-area button.btn_modify {
		color: var(--color999);
	}
	.bview .post-actions.btn-area button.btn_delete {
		margin-left: 1.6rem;
		color: #da2a54;
	}
    #viewContent {margin: 0;border: 0px solid transparent;padding: 6rem 2rem;height: 100%;    min-height: 34dvh;}
    .bview .bview-attach {padding: 2rem;}
    .bview .bview-attach .sr-view {margin-bottom: 0.8rem;text-align: left;}
    .bview .bview-attach .attach-list {flex-flow: column;}
    .bview .bview-attach .attach-list li a {font-size: clamp(1.4rem, 1.25vw, 1.6rem);}
    .comment-wrap {margin-top: 3.2rem;border: 0 solid transparent;border-top: 1px solid #e8e8e8;border-radius: 0;padding: 2.2rem 3rem;    background: #f8f8f8;}
    .comment-wrap .comment-form {margin-top: 1.6rem;height: 100%;    background: #efefef;}
    .comment-wrap .comment-form .btn-submit {font-size: clamp(1.4rem, 1.25vw, 1.6rem);}
    .comment-wrap .comment-list .comment:last-child {margin-bottom: 0;}
    .comment-wrap .comment-list .comment .cmt-head .cmt-author-wrap .cmt-author {font-size: clamp(1.4rem, 1.25vw, 1.6rem);}
    .comment-wrap .comment-list .comment .cmt-head .cmt-author-wrap .cmt-date {font-weight: normal;}
    .comment-wrap .comment-list .comment .cmt-body {font-size: clamp(1.4rem, 1.25vw, 1.6rem);background:#fff;padding: 1rem 2rem;}
    .bview-actions {flex-flow: column;margin: 0;}
    .bview-actions .btn-wrap {border-top: 1px solid #6b6b6b;border-bottom: 1px solid #bebebe;width: 100%;}
   	.bview-actions .btn-wrap .btn-line {justify-content: left;padding: 0 4rem;border: 0px;border-top: 1px solid #bebebe;border-radius: unset;text-align: left;}
   	.bview-actions .btn-wrap .btn-line:first-child {border-top: 0px solid transparent;}
    .bview-actions .btn-wrap .btn-line svg {width: 8px;overflow: visible;}
    .bview-actions .btn-wrap .btn-line .link_box {display: flex;width: 100%;}
    .bview-actions .btn-wrap .btn-line .link_box .link_box_label {margin-left: 1.6rem;font-size: clamp(1.2rem, 1.1vw, 1.4rem);}
    .bview-actions .btn-wrap .btn-line .link_box .link_box_title {margin-left: 2.4rem;width: 100%;max-width: 1080px;font-size: clamp(1.2rem, 1.1vw, 1.4rem);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .bview-actions .btn-wrap .btn-line .link_box .link_box_title {margin-left: 2.4rem;max-width: 1080px;font-size: clamp(1.2rem, 1.1vw, 1.4rem);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .bview-actions .btn-line.btn_go_to_list {margin: 7rem auto 0;border: 0px solid transparent;padding: 0 6rem;font-size: 1.6rem;font-weight: normal;background-color: #333333;color: #ffffff;}
    textarea{padding: 2rem;height: 2rem;}
    .reply-form textarea.reply-content {width: calc(100% - 26px)!important;}
    /* 게시글 수정/삭제 버튼 - 권한 체크 전까지 숨김 */
   .post-actions {display: none;}   
/*자유게시판 리스트 수정 */
	.disc-controls{justify-content: center;}
	.disclosure-sec {margin-top: 4rem;}
	.disc-table {border-top: 2px solid #d9d9d9;}
   @media screen and (max-width: 1280px) {
    .qna_view .qna_title .title_content .title {
        max-width: 440px;
    }
    .bview-actions .btn-wrap .btn-line .link_box .link_box_title {
        max-width: 560px;
    }
}
/* 모바일 가로, 타블렛 세로 */
@media screen and (max-width: 768px) {
	.qna_view .qna_title .title_content .title {
        max-width: 70%;
    }
    .bview-actions .btn-wrap .btn-line .link_box .link_box_title {
        max-width: 280px;
    }
    .bview .bview-head {
    	flex-flow: column;
    	gap: 0.4rem;
    	padding: 1.6rem 0.4rem;
    }
    .bview .bview-meta {
    	justify-content: flex-start;    
    }
    .bview .bview-head .bview-meta .divider {
    	margin: 0 0.4rem;
    }
}
/* 모바일 세로 */
@media screen and (max-width: 480px) {
    .qna_view .qna_title .title_content .title {
        max-width: 70%;
    }
    .comment-wrap {
    	padding: 2rem;
    }
    .comment-wrap .comment-form .btn-submit {
    	padding: 0.8rem 1.6rem;	    
    }
    .bview-actions .btn-wrap .btn-line .link_box .link_box_title {
        max-width: 70%;
    }
   	.bview-actions .btn-wrap .btn-line {
    	padding: 0 2rem;	    
    }
    .bview-actions .btn-wrap .btn-line .link_box .link_box_label {
    	margin-left: 0.8rem;
    }
    .bview-actions .btn-wrap .btn-line .link_box .link_box_title {
    	margin-left: 1.6rem;
    	max-width: 180px;
    }
}