@charset "utf-8";

/* consultation 전용 list 스타일 */
.consultation-table .td-secret .badge{background:#F2F2F2;color: #000;}
.consultation-table .td-title{color:#111;font-weight:500}
.consultation-table .td-title:hover{color:var(--main-color)}

/* consultation 전용 password 페이지 스타일 */
.consultation-password-wrap{max-width:700px;margin:100px auto;padding:0}
.consultation-password-box{background:#fff;border-radius:12px;padding:60px;text-align:center}
.password-title{font-size:24px;font-weight:600;color:#111;margin-bottom:40px;line-height:1.5}
.password-input-wrap{margin-bottom:30px}
.password-input{width:100%;height:60px;padding:0 20px;background:var(--grey-2);border:1px solid #C5C1BD;border-radius:10px;font-size:16px;font-family:'Pretendard',sans-serif;outline:none;box-sizing:border-box}
.password-input:focus{border-color:var(--main-color);box-shadow:0 0 0 2px rgba(9,63,180,0.08)}
.password-input::placeholder{color:#9AA3B2}
.password-actions{margin-top:30px}
.btn-password-submit{width:230px;height:50px;background:#8B6F47;color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;font-family:'Pretendard',sans-serif}
.btn-password-submit:hover{background:#725a38}

@media(max-width:768px){
.consultation-password-wrap{margin:50px 20px;padding:0}
.consultation-password-box{padding:40px 20px}
.password-title{font-size:18px;margin-bottom:30px}
.btn-password-submit{width:100%}
}

/* consultation view 전용 스타일 */
.consultation-view-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:30px}
.consultation-view-info-item{display:flex;gap:0 12px;padding:40px 0;border-bottom:1px solid var(--grey-3);align-items:center}
.consultation-view-info-item label{font-size:20px;font-weight:bold;color:var(--main-color)}
.consultation-view-info-item span{font-size:20px;color:var(--black)}
.consultation-view-detail-section{display:flex;flex-direction:column;gap:12px;margin-top:30px}
.consultation-view-detail-label{font-size:20px;font-weight:bold;color:var(--main-color);margin-bottom:12px}

/* consultation write 체크박스 스타일 */
.tm-write .bo_v_option .chk_box input[type="checkbox"]{width:20px;height:20px;cursor:pointer;accent-color:var(--main-color)}
.tm-write .bo_v_option .chk_box input[type="checkbox"]:checked{background-color:var(--main-color);border-color:var(--main-color)}

/* consultation 전용 댓글 섹션 스타일 */
.consultation-comment-section{margin:60px auto 0;padding-top:60px;border-top:1px solid var(--main-color)}
.comment-title{font-size:32px;font-weight:bold;color:#111;margin-bottom:0;padding-top:0}
.comment-count{color:#8B6F47}
.comment-title::after{content:'';display:block;width:100%;height:1px;background:#BDC4D1;margin-top:20px;margin-bottom:40px}
.comment-item{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e5e7eb}
.comment-item:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}
.comment-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.comment-logo{width:60px;height:60px;border-radius:50%;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.comment-logo img{width:100%;height:100%;object-fit:contain}
.comment-author{font-size:20px;font-weight:600;color:#111}
.comment-content{font-size:20px;white-space:pre-wrap}
.comment-write-section{margin-top:40px;border-radius:12px;padding:30px}
.comment-textarea{width:100%;min-height:150px;padding:20px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-family:'Pretendard',sans-serif;resize:vertical;outline:none;box-sizing:border-box}
.comment-textarea:focus{border:none !important;box-shadow:none;outline:none}
.comment-textarea:hover{border-color:#d1d5db}
.comment-textarea::placeholder{color:#9AA3B2}
.comment-submit-wrap{margin-top:20px;text-align:right}
.btn-comment-submit{padding:10px 30px;background:#fff;color:#8B6F47;border:1px solid #8B6F47;border-radius: 100px;font-size: 20px;font-weight:600;cursor:pointer;font-family:'Pretendard',sans-serif;transition:all 0.3s}
.btn-comment-submit:hover{background:#8B6F47;color:#fff}


@media(max-width:768px){
    .consultation-view-info-grid{grid-template-columns:1fr}
    .btn-comment-submit{font-size: 14px;}
}

@media(max-width:1024px){
  .consultation-table thead th.col-no,
  .consultation-table tbody td.col-no,
  .consultation-table thead th:last-child,
  .consultation-table tbody td.td-date{display:none !important}
}