css, class추가

src/assets/css/custom.css

@@ -1054,7 +1054,15 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .faq-textarea{resize:none;min-height:250px}
 .faq-modal .modal-footer button{min-width:120px}
 .faq .my-faq .faq-q h5 .ti, .faq .my-faq .faq-q h5 .ti span{font-size:1rem}
-.faq .my-faq .faq-q h5 .badge{margin-right:10px}
+.faq .my-faq .faq-q h5{display:flex;align-items:center;}
+.faq .my-faq .faq-q h5 .ti{display:flex;align-items:center;}
+.faq .my-faq .faq-q h5 .ti .title{display:inline-block;width: 1150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
+/* .faq .my-faq .faq-q h5 .ti span{font-size:1rem} */
+.faq .my-faq .faq-q h5 .badge{margin-right:10px;font-size:0.875rem}
+.faq .my-faq .faq-a{font-size:0.875rem}
+.faq .my-faq .faq-a{width:100%;margin-left:0;}
+.faq .my-faq .faq-a .faq-a-text{margin-top:0;margin-left:0;display:block;width:100%;word-break: keep-all;}
+.faq .my-faq .faq-a.admin{background:#fff2f2;margin-top:8px;}
 .faq .my-faq .app-collapse.card .card-header{padding:0.5em}
 .faq .faq-q .date{margin:0 10px;font-size:1rem;font-weight:400;}
 .faq .my-faq .collapse-margin .card{margin-top:0;}
@@ -1070,11 +1078,11 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .pal-form .custom-file .custom-file-label{display:flex;align-items:center;color:#999;font-weight:300;}
 .pal-form .custom-file.file-selected{position: relative;}
 .pal-form .custom-file.file-selected label{color:#777;font-weight:400}
-.pal-form .custom-file-control{position: absolute;top:20px;top: 10px;right: 100px;z-index: 999;transition: 0.5s ease;-webkit-transition: 0.5s ease;}
-.pal-form .custom-file-control:hover{cursor: pointer;}
+.pal-form .custom-file .custom-file-label{font-size:0.75rem;max-height:34px}
 .pal-form .pal-form-btn{margin:1rem 0;text-align: right;}
 .pal-form .pal-form-btn button{min-width:120px}
 .pal-form .pal-form-btn button + button{margin-left:20px}
+.pal-form textarea.form-control{font-size:0.875rem;line-height:1.4}
 
 .pal-popover-body{font-size:0.75rem;padding:0.8rem;}
 .pal-popover-icon{margin-left:4px;margin-top:-2px}

src/containers/cstmrService/inquiry/UserInquiryContainer.js

@@ -108,7 +108,7 @@ export default function UserInquiryContainer({ memberName }) {
               </span>
             </div>
             {i.anserStatus === 'Y' && (
-              <div className='faq-a' style={{ marginTop: '7px' }}>
+              <div className='faq-a admin'>
                 <span className='faq-a-text'>
                   {textLineBreaks(i.anserContent)}
                 </span>