@charset "utf-8";

.view-container {
    margin: 0 auto;
    background: #fff;
}

.cat-air {padding:5px; color:#fff;}

.view-info {
    display: flex;
    align-items: center; /* 핵심: 자식 요소들을 세로 중앙으로 정렬 */
    gap: 15px;           /* 이름과 날짜 사이 간격 */
    margin-top: 10px;
    color: #888;
}

.writer {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;      /* 라인 높이를 1로 설정하여 불필요한 여백 제거 */
}

.date {
    display: inline-flex;
    align-items: center; /* 아이콘과 텍스트 수평 정렬 */
    gap: 4px;
    font-size: 13px;
    line-height: 1;
}

.date i {
    font-size: 15px;     /* 아이콘 크기 */
    color: #bbb;
    /* XEIcon 등 아이콘 폰트가 미세하게 위로 떠 보일 때 아래 속성 사용 */
    transform: translateY(1px); 
}



/* 질문 스타일 */
.view-question {
    padding: 30px;
    /*border-bottom: 1px solid #eee;*/
}

.view-container .view-subject {
    font-size: 22px;
    margin: 15px 0;
    color: #333;
    font-weight: bold;
}

.view-content {
    line-height: 1.8;
    color: #555;
    padding: 20px 0;
}

/* 답변 스타일 */
.view-answer {
    background-color: #f9fbfc;
    padding: 30px;
    border-bottom: 1px solid #eee;
}

.answer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.answer-label {
    background: #81d8df;
    color: #fff;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
    margin-right: 8px;
}

/* 별점 스타일 */
.star-rating {
    display: flex;
    align-items: center;
    gap: 2px;
}

.star-rating i {
    color: #ddd; /* 기본 회색 별 */
    font-size: 16px;
}

.star-rating i.active {
    color: #fbc02d; /* 활성화된 노란색 별 */
}

.rating-num {
    margin-left: 8px;
    font-weight: bold;
    color: #fbc02d;
}


/* 회원 정보 영역 스타일 */
.gal-user {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

/* 회원 아이콘 크기 조절 */
.user-icon img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    vertical-align: middle;
}

/* 아이콘이 없을 때 보여줄 기본 아이콘 */
.user-icon.default {
    font-size: 20px;
    color: #ccc;
}

/* 닉네임 스타일 (사이드뷰 메뉴 포함) */
.user-name {
    font-size: 0.9rem;
    color: #444;
}

.user-name a {
    text-decoration: none;
    color: #444;
}

.user-name a:hover {
    color: #000;
    text-decoration: underline;
}

/* 카드 제목 간격 조정 */
.gal-subject {
    margin-top: 5px;
    margin-bottom: 10px;
}

/* 모바일 대응 */
@media (max-width: 768px) {
    .view-question, .view-answer { padding: 20px 15px; }
    .answer-header { flex-direction: column; align-items: flex-start; gap: 10px; }
}

.view-footer {
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px solid #eee;
}

.btn-group-right {
    display: flex;
    justify-content: flex-end; /* 우측 정렬 */
    gap: 8px; /* 버튼 사이 간격 */
    flex-wrap: wrap;
}

.btn-board {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* 목록 버튼: 기본 회색 */
.btn-list {
    background: #f8f9fa;
    color: #666;
    border: 1px solid #ddd;
}

/* 수정/삭제 버튼: 테두리 스타일 */
.btn-edit, .btn-delete {
    background: #fff;
    color: #888;
    border: 1px solid #ddd;
}

.star-rating a{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
}
/* 평점 버튼: 테두리 스타일 */
.btn-rating {
	 background: #81d8df;
    color: #fff;
    border: 1px solid #81d8df;
}

/* 글쓰기 버튼: 에듀네이터 포인트 컬러 (민트) */
.btn-write {
    background: #81d8df;
    color: #fff;
    border: 1px solid #81d8df;
}

/* Hover 효과 */
.btn-board:hover {
    opacity: 0.8;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.btn-delete:hover {
    color: #e53935;
    border-color: #e53935;
}

/* 모바일 반응형 */
@media (max-width: 480px) {
    .btn-group-right {
        justify-content: center; /* 모바일은 중앙 정렬로 변경 가능 */
    }
    .btn-board {
        flex: 1; /* 모바일에서 버튼 너비 균등 배분 */
        padding: 0 10px;
        font-size: 13px;
    }

	.view-footer { padding: 10px; }
}

/* 1. 댓글 전체 컨테이너 */
#bo_vc {
    margin: 30px 0;
    padding: 0 15px;
}

#bo_vc h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

/* 2. 개별 댓글 아이템 */
#bo_vc .cm_item {
    padding: 25px 0;
    border-bottom: 1px solid #f2f5f7;
    background: #fff;
}

/* 3. 댓글 헤더 (수평 정렬의 핵심) */
#bo_vc .cm_header {
    display: flex;
    justify-content: space-between; /* 좌측 정보와 우측 버튼 양끝 배치 */
    align-items: center;           /* 세로 중앙 정렬 */
    margin-bottom: 12px;
}

/* 좌측: 프로필 + 이름 + 날짜 */
#bo_vc .cm_user_info {
    display: flex;
    align-items: center;
    gap: 12px;
}

#bo_vc .pf_img img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #eee;
}

#bo_vc .cm_meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

#bo_vc .cm_name {
    font-size: 14px;
    font-weight: 700;
    color: #333;
}

#bo_vc .cm_date {
    font-size: 12px;
    color: #aaa;
    display: flex;
    align-items: center;
    gap: 4px;
}

#bo_vc .cm_date i {
    font-size: 13px;
    color: #ccc;
}

/* 우측: 수정, 삭제, 답변 버튼 */
.cm_actions {
    display: flex;
    gap: 4px;
}

.btn_cm {
    display: inline-block;
    padding: 4px 10px;
    font-size: 11px;
    color: #888;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s;
}

.btn_cm:hover {
    background: #f8f8f8;
    color: #333;
    border-color: #ccc;
}

.btn_cm.btn_del:hover {
    color: #e53935;
    border-color: #e53935;
}

/* 4. 댓글 본문 (헤더 아래로 배치) */
.cmt_contents {
    padding-left: 54px; /* 프로필 이미지 두께 + 간격만큼 들여쓰기 */
}

.cmt_txt {
    font-size: 15px;
    line-height: 1.7;
    color: #444;
    word-break: break-all;
}

.cmt_txt i.xi-lock {
    color: #ffb300;
    margin-right: 5px;
}

/* 5. 댓글 쓰기 영역 (에듀네이터 포인트 컬러) */
.bo_vc_w {
	margin:10px 0;
}

#wr_content {
    width: 100%;
    height: 100px;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
}

#wr_content:focus {
    border-color: #81d8df;
}

/* 비밀글 & 등록버튼 수평 정렬 */
.comment-submit-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f0f3f5;
}

.secret-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}

.secret-label i {
    font-size: 16px;
    color: #bbb;
}

.btn-comment-submit {
    background-color: #81d8df; /* 에듀네이터 민트색 */
    color: #fff;
    border: none;
    height: 42px;
    padding: 0 25px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-comment-submit:hover {
    background-color: #6bc5cc;
}

/* 6. 모바일 대응 */
@media (max-width: 768px) {
    .cmt_contents {
        padding-left: 0;
        margin-top: 10px;
    }
    
    .cm_header {
        align-items: flex-start;
    }

    .cm_actions {
        flex-direction: row;
    }
    
    .btn_cm {
        padding: 3px 7px;
        font-size: 10px;
    }
}


/* 모달 컨테이너 */
.rating-modal {
    width: 100%;
    max-width: 400px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 25px;
    text-align: center;
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.modal-header h3 { font-size: 18px; font-weight: bold; margin: 0; }

.modal-body {overflow:hidden;}

/* 별점 가이드 텍스트 */
.rating-guide {
    font-size: 14px;
	font-weight:800;
    color: #777;
    margin-bottom: 20px;
	text-align:center;
}

/* ⭐ 별점 선택 엔진 (핵심) */
.star-rating-v2 {
    display: flex;
    flex-direction: row-reverse; /* 역방향 정렬로 앞쪽 별색 채우기 구현 */
    justify-content: center;
    gap: 5px;
    margin-bottom: 30px;
}

.star-rating-v2 input { display: none; } /* 실제 라디오 버튼 숨김 */

.star-rating-v2 label {
    font-size: 35px;
    color: #eee; /* 빈 별 색상 */
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}

/* 마우스 호버 및 선택 시 에듀네이터 포인트 컬러(옐로우/골드) 적용 */
.star-rating-v2 label:hover,
.star-rating-v2 label:hover ~ label,
.star-rating-v2 input:checked ~ label {
    color: #fbc02d; /* 활성화된 별 색상 */
}

/* 등록 버튼 (에듀네이터 민트/그린 테마) */
.submit-rating-btn {
    width: 100%;
    background-color: #1a4a3a; /* 스크린샷의 짙은 그린색 반영 */
    color: #fff;
    border: none;
    padding: 15px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: opacity 0.2s;
}

.submit-rating-btn:hover {
    opacity: 0.9;
}




/* 목록 */
        .edunator-wrapper {
            max-width: 1250px;
            margin: 0 auto;
        }

        /* --- [추가] 상단 필터 섹션 --- */
        .list-filter-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
            gap: 20px;
        }

        /* 좌측 카테고리 (버튼형) */
        .category-group {
            display: flex;
            gap: 10px;
        }
        .category-tab {
            padding: 10px 22px;
            background: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 10px;
            font-size: 16px;
            font-weight: 700;
            color: #64748b;
            cursor: pointer;
            transition: all 0.2s;
        }
        .category-tab.active {
            background: #334155;
            color: #fff;
            border-color: #334155;
        }

        /* 우측 진행상황 (텍스트 필터형) */
        .status-filter-group {
            display: flex;
            gap: 20px;
        }
        .status-filter {
            font-size: 16px;
            font-weight: 700;
            color: #94a3b8;
            cursor: pointer;
            position: relative;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .status-filter.active { color: #3b82f6; }
        .status-filter::before {
            content: '';
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #cbd5e1;
        }
        .status-filter.waiting.active::before { background: #f43f5e; }
        .status-filter.active.processing::before { background: #ca8a04; }
        .status-filter.completed.active::before { background: #10b981; }

        /* [PC] 4열 그리드 고정 */
        .edunator-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 30px;
        }

        .edunator-list .card-item {
            background: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 16px;
            padding: 24px;
            display: flex;
            flex-direction: column;
            transition: all 0.2s ease-in-out;
            min-width: 0;
            box-shadow: 0 2px 4px rgba(0,0,0,0.02);
        }

        .edunator-list .card-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.15);
            border-color: #3b82f6;
        }

        /* 뱃지 & 상태 스타일 */
        .edunator-list .badge { font-size: 14px; padding: 4px 12px; border-radius: 6px; color: #fff; font-weight: 700; background: #0ea5e9; }
        .edunator-list .status { padding: 4px 12px; border-radius: 8px; font-size: 13px; font-weight: 800; }
        .edunator-list .status.waiting { background-color: #fff1f2; color: #f43f5e; border: 1px solid #ffe4e6; }
        .edunator-list .status.active { background-color: #fefce8; color: #ca8a04; border: 1px solid #fef08a; }
        .edunator-list .status.completed { background-color: #eff6ff; color: #3b82f6; border: 1px solid #dbeafe; }

        /* 제목 (빅폰트) */
        .edunator-list .card-subject { 
            font-size: 19px; 
            font-weight: 800; 
            color: #1e293b; 
            white-space: nowrap; 
            overflow: hidden; 
            text-overflow: ellipsis; 
            margin: 18px 0; 
        }

        .edunator-list .card-stats { display: flex; gap: 12px; font-size: 15px; color: #94a3b8; margin-bottom: 18px; }
        .edunator-list .card-stats b { color: #f43f5e; }

        .edunator-list .card-info { display: flex; justify-content: space-between; padding-top: 15px; border-top: 1px solid #f1f5f9; }
        .edunator-list .writer { font-size: 15px; color: #64748b; font-weight: 700; }
        .edunator-list .date { font-size: 14px; color: #cbd5e1; }

        /* 하단 우측 버튼 */
        .btn-container { display: flex; justify-content: flex-end; margin: 20px 0 40px 0; }

		.btn-container a{
			display: inline-flex;
			align-items: center;
			justify-content: center;
			height: 40px;
			padding: 0 18px;
			font-size: 14px;
			font-weight: 500;
			border-radius: 6px;
			text-decoration: none;
			transition: all 0.2s ease;
		}
        .write-btn {
            background: #81d8df;
			color: #fff;
			border: 1px solid #81d8df;
        }
        .write-btn:hover { background-color: #2563eb; transform: translateY(-2px); }

        /* --- 반응형 설정 --- */
        @media (max-width: 1024px) {
			.edunator-wrapper {padding: 0 20px 20px 20px;}
            .edunator-list { grid-template-columns: repeat(2, 1fr); }
			.list-filter-bar { flex-direction: column; align-items: flex-start; }
            .status-filter-group { justify-content: space-between; padding-top: 15px; }
            .category-group { overflow-x: auto; width: 100%; padding-bottom: 5px; }
            .category-tab { white-space: nowrap; }
			
        }

        @media (max-width: 768px) {
            .list-filter-bar { flex-direction: column; align-items: flex-start; }
            .status-filter-group { justify-content: space-between; padding-top: 15px; }
            .category-group { overflow-x: auto; width: 100%; padding-bottom: 5px; }
            .category-tab { white-space: nowrap; }
        }

        @media (max-width: 640px) {
            body { padding: 15px; }
            .edunator-list { grid-template-columns: 1fr; gap: 15px; }
            .edunator-list .card-subject { font-size: 20px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
            .write-btn { width: 100%; justify-content: center; }
            .status-filter { font-size: 14px; }
        }

/* 상세 */

/* 모든 CSS 앞에 .question 부착 */
        .question { max-width: 1200px; margin: 0 auto; }

        .question .question-section {
            background: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 16px;
            padding: 30px;
            margin-bottom: 30px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        }

        .question .q-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
        .question .badge { font-size: 11px; padding: 3px 8px; border-radius: 4px; color: #fff; font-weight: 600; background: #0ea5e9; }
        .question .q-meta { font-size: 13px; color: #94a3b8; }
        .question .q-meta b { color: #475569; margin-right: 5px; }

        .question .q-title { font-size: 24px; font-weight: 800; color: #1e293b; margin-bottom: 15px; display: flex; align-items: center; gap: 8px; }
        .question .lock-icon { width: 18px; height: 18px; fill: #94a3b8; }

        .question .q-content {
            font-size: 16px;
            color: #475569;
            background: #f8fafc;
            padding: 25px;
            border-radius: 12px;
            border-left: 4px solid #e2e8f0;
            /*white-space: pre-wrap;*/
            margin-bottom: 10px;
        }

        .question .ans-count-title { font-size: 18px; font-weight: 700; margin-bottom: 15px; padding-left: 5px; }
        .question .ans-count-title span { color: #f43f5e; }

        .question .answer-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 24px; margin-bottom: 16px; position: relative; }
        
        /* 채택된 답변 스타일 */
        .question .answer-item.adopted { border: 2px solid #10b981; background: #f0fdf4; }
        
        .question .ans-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
        .question .expert-profile { display: flex; align-items: center; gap: 10px; }
        .question .expert-thumb { width: 40px; height: 40px; border-radius: 50%; background: #e2e8f0; }
		.question .expert-thumb img{ width: 40px; height: 40px; border-radius: 50%; background: #e2e8f0; }
        .question .expert-name { font-weight: 700; color: #1e293b; font-size: 15px; }

        .question .ans-content-container { position: relative; }
        .question .ans-content { 
            font-size: 15px; color: #475569; line-height: 1.7;
            max-height: 50px; 
            overflow: hidden;
            transition: max-height 0.3s ease;
        }
        .question .ans-content.expanded { max-height: 2000px; }

        .question .more-bar-btn {
            width: 100%;
            background: #f1f5f9;
            border: none;
            color: #64748b;
            font-size: 12px;
            font-weight: 600;
            padding: 8px 0;
            margin-top: 10px;
            border-radius: 6px;
            cursor: pointer;
        }

        .question .ans-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px dashed #e2e8f0;
        }
        .question .ans-date { font-size: 12px; color: #94a3b8; }

        .question .action-group { display: flex; gap: 6px; }
        .question .btn-small {
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            border: 1px solid transparent;
            transition: 0.2s;
        }
        .question .btn-adopt { background: #10b981; color: #fff; }
        .question .btn-adopt.disabled { background: #f1f5f9; color: #cbd5e1; border: 1px solid #e2e8f0; cursor: default; }
        .question .btn-rate { background: #fff; color: #f59e0b; border-color: #f59e0b; }
		.question .btn-rate.disabled { background: #f1f5f9; color: #cbd5e1; border: 1px solid #e2e8f0; cursor: default; }

        @media (max-width: 640px) {
			.question {padding:0 20px;}
            .question .ans-footer { flex-direction: column; align-items: flex-start; gap: 12px; }
            .question .action-group { width: 100%; justify-content: flex-end; }
        }

/* 등록폼 */
	 .question_form { max-width: 1200px; margin: 0 auto 40px auto; }

	.question_form .write-section {
            background: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 20px;
            padding: 40px; /* 내부 여백을 조금 더 넓게 조정 */
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        }

       .question_form .write-header { 
    display: flex;             /* 요소 정렬을 위해 flex 사용 */
    flex-direction: column;    /* 세로(위아래)로 배치 */
    align-items: flex-start;   /* 왼쪽 끝으로 정렬 */
    text-align: left;          /* 텍스트 자체도 왼쪽 정렬 */
    margin-bottom: 30px; 
    border-bottom: 2px solid #f1f5f9; 
    padding-bottom: 20px; 
}

.question_form .write-header h1 { 
    font-size: 24px; 
    font-weight: 800; 
    color: #1e293b; 
    margin: 0;                 /* 불필요한 여백 제거 */
    width: 100%;               /* 가로 전체 차지하여 줄바꿈 강제 */
}

.question_form .write-header p { 
    font-size: 15px; 
    color: #94a3b8; 
    margin-top: 8px;           /* h1과의 간격 */
    margin-bottom: 0;
    width: 100%;               /* 가로 전체 차지 */
}

       .question_form  .form-group { margin-bottom: 25px; }
       .question_form  .form-label { display: block; font-size: 15px; font-weight: 700; color: #475569; margin-bottom: 12px; }

        /* 카테고리 체크박스 스타일 */
         .question_form .category-group { display: flex; flex-wrap: wrap; gap: 10px; }
        .question_form .category-item input[type="radio"] { display: none; }
		.question_form .category-item input[type="checkbox"] { display: none; }
        .question_form .category-item label {
            display: inline-block;
            padding: 12px 24px;
            background-color: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            color: #64748b;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .question_form .category-item input[type="radio"]:checked + label {
            background-color: #3b82f6;
            border-color: #3b82f6;
            color: #fff;
            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
        }
        .question_form .category-item label:hover { border-color: #3b82f6; color: #3b82f6; }

        /* 입력 폼 스타일 */
        .question_form .form-input, .form-textarea {
            width: 100%;
            padding: 16px;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            font-size: 16px;
            box-sizing: border-box;
            outline: none;
            transition: all 0.2s;
            background-color: #fdfdfd;
        }
        .question_form .form-input:focus, .form-textarea:focus {
            border-color: #3b82f6;
            background-color: #fff;
            box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
        }
        .question_form .form-textarea { height: 300px; resize: none; }

        /* 비밀글 옵션 */
        .question_form .option-group {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 18px 24px;
            background: #f8fafc;
            border-radius: 12px;
            margin-bottom: 30px;
            max-width: 400px; /* 옵션 박스는 너무 넓지 않게 제한 */
        }
        .question_form .option-title { font-size: 15px; font-weight: 600; color: #475569; }

        

        /* 버튼 그룹 */
        .question_form .btn-group { display: flex; gap: 12px; justify-content: flex-end; } /* 버튼 우측 정렬 */
        .question_form .btn {
            padding: 16px 40px;
            border-radius: 12px;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            border: none;
            transition: all 0.2s;
        }
        .question_form .btn-cancel { background: #f1f5f9; color: #64748b; }
        .question_form .btn-submit { background: #3b82f6; color: #fff; }
        .question_form .btn-submit:hover { background: #2563eb; transform: translateY(-2px); }

        /* 반응형 */
        @media (max-width: 768px) {
			.question_form {padding: 0 20px;}
			.question_form .write-header { padding: 0 20px 20px 20px; }
            .question_form .write-section { padding: 25px 0; }
			.question_form .form-group { padding: 0 20px; }
            .question_form .option-group { max-width: none; padding: 0 20px;}
            .question_form .btn-group { flex-direction: column-reverse; padding: 0 20px;} /* 모바일은 버튼 세로로 */
            .question_form .btn { width: 100%; padding: 14px; }
        }