/* /css/page_qna.css */
#boxQna{padding:0;}
#boxQna .qna-wrap{max-width:900px;padding-top:0;padding-bottom:3rem;}
#boxQna .qna-autofill{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
#boxQna .qna-top-btn{margin-top:1.5rem;text-align:right;}
#boxQna .qna-top-btn a,#boxQna .qna-form__btn a,#boxQna .qna-form__btn button,#boxQna .qna-view__btn a,#boxQna .qna-view__btn button{display:inline-flex;align-items:center;justify-content:center;min-width:110px;height:44px;padding:0 1.5rem;border:1px solid #222;border-radius:.5rem;background:#222;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;}

/* 목록 */
#boxQna .qna-list{border-top:0;}
#boxQna .qna-table{display:block;width:100%;border-collapse:collapse;}
#boxQna .qna-table colgroup,#boxQna .qna-table thead{display:none;}
#boxQna .qna-table tbody{display:block;width:100%;}
#boxQna .qna-table tr{display:grid;grid-template-columns:1fr auto;position:relative;padding:1rem 0;border-bottom:1px solid #e5e7eb;}
#boxQna .qna-table__td{display:block;width:100%;height:auto;padding:0;border:0;color:#8b95a1;font-size:.9rem;line-height:1.5;text-align:left;}
#boxQna .qna-table__td--subject{grid-column:1/3;order:1;margin-bottom:.3rem;}
#boxQna .qna-table__td:not(.qna-table__td--subject):not(.qna-table__td--date){order:2;}
#boxQna .qna-table__td--date{order:3;}
#boxQna .qna-table__link{display:flex;align-items:center;color:#222;font-size:1.05rem;font-weight:500;line-height:1.5;letter-spacing:-.025em;white-space:normal;overflow:visible;text-overflow:unset;word-break:keep-all;}
#boxQna .qna-table__link:hover{color:var(--color-primary);}
#boxQna .qna-category{flex:0 0 auto;margin-right:.5rem;color:#8b95a1;font-size:.85rem;font-weight:400;}
#boxQna .qna-status{font-size:.9rem;}
#boxQna .qna-status--done,#boxQna .is-answer{color:var(--color-primary);}
#boxQna .qna-status--wait,#boxQna .is-wait{color:#8b95a1;}
#boxQna .qna-empty{height:200px;border-bottom:1px solid #e5e7eb;color:#94a3b8;font-size:.95rem;text-align:center;vertical-align:middle;}
#boxQna .qna-paging{margin-top:2rem;text-align:center;}

/* 입력 */
#boxQna .qna-form{border-top:0;}
#boxQna .qna-form__row{padding:1rem 0;border-bottom:1px solid #e5e7eb;}
#boxQna .qna-form__row label{display:block;margin-bottom:.55rem;color:#333;font-size:.95rem;font-weight:500;}
#boxQna .qna-form input[type="text"],#boxQna .qna-form input[type="password"],#boxQna .qna-form select,#boxQna .qna-form textarea,#boxQna .qna-password-box input,#boxQna .qna-view-auth input{width:100%;height:46px;padding:0 .85rem;border:1px solid #dfe3e8;border-radius:.4rem;background:#fff;color:#222;font-size:.95rem;box-sizing:border-box;}
#boxQna .qna-form textarea{height:200px;padding:.85rem;line-height:1.7;resize:vertical;}
#boxQna .qna-phone,#boxQna .qna-auth{display:flex;gap:.5rem;}
#boxQna .qna-phone button,#boxQna .qna-auth button,#boxQna .qna-password-box__form button,#boxQna .qna-view-auth button{flex:0 0 120px;height:46px;border:0;border-radius:.4rem;background:#555;color:#fff;font-size:.9rem;cursor:pointer;}
#boxQna .qna-auth{margin-top:.5rem;}
#boxQna .qna-form__btn{display:flex;justify-content:center;gap:.5rem;padding-top:2rem;}
#boxQna .qna-form__btn a{border-color:#dfe3e8;background:#fff;color:#333;}

/* 상세 */
#boxQna .qna-view{border-top:0;}
#boxQna .qna-view__meta{display:flex;gap:.6rem;margin-bottom:.6rem;padding-top:1.5rem;color:#888;font-size:.9rem;line-height:1.5;}
#boxQna .qna-view__title{margin:0;padding:0 0 1.8rem;border-bottom:1px solid #e5e7eb;color:#222;font-size:1.45rem;font-weight:500;line-height:1.45;letter-spacing:-.04em;word-break:keep-all;}
#boxQna .qna-view__content{min-height:200px;padding:2rem 0 3rem;color:#333;font-size:1rem;line-height:1.9;word-break:keep-all;}
#boxQna .qna-view__file{padding:1rem 0;border-top:1px solid #e5e7eb;color:#64748b;font-size:.9rem;}
#boxQna .qna-answer{padding:1.5rem;background:#fafbfc;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;}
#boxQna .qna-answer h4{margin:0 0 .75rem;color:#222;font-size:1.05rem;font-weight:600;}
#boxQna .qna-answer__date{margin-bottom:.5rem;color:#8b95a1;font-size:.85rem;}
#boxQna .qna-answer__content{color:#333;font-size:1rem;line-height:1.9;}
#boxQna .qna-answer__empty{color:#94a3b8;font-size:.95rem;}
#boxQna .qna-view__btn{display:flex;justify-content:center;gap:.5rem;padding-top:2rem;text-align:center;}
#boxQna .qna-view__btn form{margin:0;}
#boxQna .qna-view__btn button{border-color:#dfe3e8;background:#fff;color:#333;}

/* 비밀번호 확인 */
#boxQna .qna-password-box{max-width:520px;margin:0 auto;padding:2.5rem 1.5rem;border-top:1px solid #e5e7eb;text-align:center;}
#boxQna .qna-password-box h3{margin:0 0 .5rem;color:#222;font-size:1.45rem;font-weight:600;}
#boxQna .qna-password-box p{margin:0 0 1.5rem;color:#8b95a1;font-size:.95rem;}
#boxQna .qna-password-box__form{display:flex;gap:.5rem;}
#boxQna .qna-auth-open{margin-top:1rem;border:0;background:none;color:#64748b;font-size:.9rem;text-decoration:underline;cursor:pointer;}
#boxQna .qna-view-auth{display:grid;grid-template-columns:1fr 120px;gap:.5rem;margin-top:1rem;padding:1rem;background:#fafbfc;}

@media(min-width:769px){
	#boxQna{padding:0 0 2rem;}
	#boxQna .qna-wrap{max-width:1100px;}
	#boxQna .qna-list,#boxQna .qna-view,#boxQna .qna-form{border-top:2px solid #1d2b3a;}
	#boxQna .qna-table{display:table;table-layout:fixed;}
	#boxQna .qna-table colgroup{display:table-column-group;}
	#boxQna .qna-table thead{display:table-header-group;}
	#boxQna .qna-table tbody{display:table-row-group;}
	#boxQna .qna-table tr{display:table-row;padding:0;border:0;}
	#boxQna .qna-table th{height:3.2rem;border-bottom:1px solid #dfe5ec;background:#fafbfc;color:#64748b;font-size:.9rem;font-weight:500;text-align:center;}
	#boxQna .qna-table__status{width:120px;}
	#boxQna .qna-table__date{width:150px;}
	#boxQna .qna-table__td{display:table-cell;height:72px;padding:0 1rem;border-bottom:1px solid #edf0f4;font-size:.95rem;text-align:center;vertical-align:middle;}
	#boxQna .qna-table__td--subject{margin:0;text-align:left;}
	#boxQna .qna-table__link{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#boxQna .qna-form{max-width:900px;margin:0 auto;}
	#boxQna .qna-form__row{display:grid;grid-template-columns:130px 1fr;align-items:start;padding:1.1rem 1.5rem;}
	#boxQna .qna-form__row label{margin:0;padding-top:.75rem;}
	#boxQna .qna-auth{grid-column:2;margin-top:.5rem;}
	#boxQna .qna-view__title{padding-bottom:2rem;font-size:2rem;}
	#boxQna .qna-view__content{padding:2.5rem 2rem 4rem;font-size:1.05rem;line-height:2;}
	#boxQna .qna-view__meta,#boxQna .qna-view__title{padding-left:2rem;padding-right:2rem;}
}

@media(max-width:768px){
	#boxQna .qna-top-btn{position:fixed;right:1.25rem;bottom:1.5rem;z-index:100;margin:0;}
	#boxQna .qna-top-btn a{min-width:0;height:56px;padding:0 1.4rem;border:0;border-radius:999px;background:var(--color-primary);box-shadow:0 8px 24px rgba(0,0,0,.18);font-size:1rem;font-weight:600;}
	#boxQna .qna-top-btn a::before{content:'+';margin-right:.45rem;font-size:1.5rem;font-weight:300;line-height:1;}
}

@media(max-width:480px){
	#boxQna .qna-wrap{padding-left:0;padding-right:0;min-height:100vh;}
	#boxQna .qna-table tr,#boxQna .qna-form__row,#boxQna .qna-view__meta,#boxQna .qna-view__title,#boxQna .qna-view__content{padding-left:1.25rem;padding-right:1.25rem;}
	#boxQna .qna-phone,#boxQna .qna-auth,#boxQna .qna-password-box__form{display:block;}
	#boxQna .qna-phone button,#boxQna .qna-auth button,#boxQna .qna-password-box__form button{width:100%;margin-top:.5rem;}
	#boxQna .qna-view-auth{grid-template-columns:1fr;}
}