article.stnInquiryTbl {

}

article.stnInquiryTbl > div.stnInquiryTblTab {
    display: flex; gap: 1rem; margin:1rem 0;
}
article.stnInquiryTbl > div.stnInquiryTblTab > a {
    text-decoration: none; color:#1a1a1a; font-size:.875rem; font-weight: 400;
    background: #e8e8e8;
    padding:.5rem 1.25rem; border-radius: 1rem 1rem;
}
article.stnInquiryTbl > div.stnInquiryTblTab > a.on {
    background: #333; color: #FFF;
}

.leftTxt { justify-content:flex-start !important; }

article.stnInquiryTbl > div.stnInquiryTbl {
    border-top:1px solid #000;
    display: grid;
    grid-template-columns:80px 100px 1fr 150px 100px 150px;
    font-size:.875rem;  color:#666;
}

article.stnInquiryTbl > div.stnInquiryTbl  > div {
    display:flex;align-items:center;justify-content:center;padding:.5rem 0; border-bottom:1px solid #ebebeb;
}
article.stnInquiryTbl > div.stnInquiryTbl  > div.head {
    background: #f9f9f9; padding:.65rem 0; color:#333; font-weight: 500;
}
article.stnInquiryTbl > div.stnInquiryTbl  > div > a {
    text-decoration: none;
    color:#666;
}
article.stnInquiryViewTbl {
    margin-top: 1rem;
    border-top:1px solid #333;
}
table.stnTbl {
    width:100%;
    font-size:14px;
    border-collapse: collapse;
}
table.stnTbl > tbody > tr > th  {  font-weight: 500;  border-bottom:1px solid #dddddd;  color: #333; background: #f5f5f5; padding:10px 0; }

table.stnTbl > tbody > tr > td {
    background: #FFF; border-bottom:1px solid #dddddd; padding:10px 10px; line-height: 2rem;
}
table.stnTbl > tbody > tr > td > a {
    text-decoration: none; color:#333;
}


div.stnInquiryAnswer {
    margin-top: 2rem;
    display: flex; flex-direction: column; gap: 1rem;
}
div.stnInquiryAnswer > div.stnInquiryAnswerHeader {
    font-size: .875rem; border-bottom:1px solid #dddddd;  color: #333; background: #f5f5f5; border-top:1px solid #333;
    display: flex; flex-direction: column;
    padding:1rem 1rem;
}
div.stnInquiryAnswer > div.stnInquiryAnswerBody {
    font-size: .875rem;
    border-bottom:1px solid #dddddd;
    padding:0 1rem 2rem 1rem;
}
div.boardBtnWrap {
    margin-top:2rem;
}

article.stnEstimateCommentWrap {
    margin-top: 2rem;
}
div.stnEstimateCommentBox {
    padding: 15px 15px;
    border: 1px solid #DDDFE1; border-radius: 10px;
    display: flex; flex-direction: column; gap: 1rem;
}
div.stnEstimateCommentBox > textarea,
div.stnEstimateCommentBox > textarea:focus { border-color: transparent !important; padding: 0 0 0 0 !important; overflow: hidden; overflow-y: hidden; transition: height 0.12s ease; border-radius:0 0 0 0 !important; }
div.stnEstimateCommentBox > span { font-size:13px; color:#666; }
div.stnEstimateCommentBox > span > strong { font-weight: 400; font-size:14px; color:#333; }

div.stnEstimateCommentViewBox {
    display: flex; flex-direction: column; gap: 1rem;
}
div.stnEstimateCommentView { display: flex; flex-direction: column; border-bottom:1px solid #eee; padding-bottom:1rem; }
div.stnEstimateCommentView button { font-size:12px; }
div.stnEstimateCommentView > div.header { font-size:14px; display: flex; flex-direction: row; align-items:center; justify-content:space-between; background: #f5f5f5; padding:.5rem 1rem; }
div.stnEstimateCommentView > div.header > div { display: flex; flex-direction: row; gap: 1rem; color: #333; align-items:center; }
div.stnEstimateCommentView > div.header > div > div.wDate { font-size: 12px; color:#666; }
div.stnEstimateCommentView > div.body {
    padding:1rem 1rem; font-size: .875rem;
}